/* GLOBAL */

body{    font-family: "Roboto", sans-serif;}
.azul {background-color: #0e193f;color: #fff;}

.laranja {background-color: #ff3300;color: #fff;}

.btn-padrao {    padding: 15px 40px;}

.navbar-toggler i {    font-size: 30px;    color: #ff3300;}


@font-face {
    font-family: 'Myriad Web Pro';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Web Pro'), url('../fonts/myriad-pro/myriad-web-pro.woff') format('woff');
    } 

    @font-face {
    font-family: 'MyriadWebPro-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('MyriadWebPro-Bold'), url('../fonts/myriad-pro/myriadwebpro-bold.woff') format('woff');
    }
    

    .bg-padrao {        background: #0e183f;        display: flex;        justify-content: flex-start;        align-items: flex-start;        padding-top: 25px;    }    

/* APP INICIAL */

.app-inicial {    height: 100vh;    background-image: url('../img/bg-inicial.jpg');    background-position: center;    background-size: cover;    background-repeat: no-repeat;}
.app-inicial h1{    text-align: center;    color: #ffffff;    font-size: 1.3rem;    font-weight: lighter;}
.app-inicial h1 span {    font-weight: 900;}

.botoes-anuncios {    margin-top: 60px;}
.botoes-anuncios a {    margin: 10px 0;    color: #ffffff;    font-weight: bold;    font-size: 20px;    padding: 15px 30px;    display: block;}

.bg-menu {    background-image: url(../img/bg-header-pesquisar.jpg);    background-position: center;    background-repeat: no-repeat;    padding: 30px 20px;    background-size: cover;}

.pesquisar {    position: relative;}
.pesquisar input{    width: 360px !important;    height: 55px;    border-radius: 30px;    position: relative;}
.pesquisar:after {    font-family: "Font Awesome 5 Free";    font-weight: 900;    content: "\f002";    position: absolute;    right: 20px;    color: #999;    font-size: 22px;}

.item {    position: relative;}
.item span.status {    position: absolute;    top: 0;    right: 0;        text-transform: uppercase;    color: #fff;    font-weight: bold;    padding: 5px 15px;    font-size: 12px;    border-radius: 3px;}

.aluguel {background-color: #0e193f;}
.venda {background-color: #ff3300;}


.item h3 {    font-size: 18px;    color: #ff3300;    margin-top: 10px;}
.item p {    font-size: 24px;    font-weight: 500;}
.item p span {    font-size: 16px;    margin-right: 5px;}

.header-bg {    background-image: url(../img/bg-header.png);    background-position: center;    background-repeat: no-repeat;    padding: 100px 20px;    background-size: cover;    margin-bottom: -80px;}

.pesquisar-grande {    position: relative;}
.pesquisar-grande input{    width: 100% !important;    height: 55px;    border-radius: 30px;    position: relative;    font-size: 11px;}
.pesquisar-grande:after {    font-family: "Font Awesome 5 Free";    font-weight: 900;    content: "\f002";    position: absolute;    right: 22px;    color: #999;    font-size: 24px;}

.item-categoria img {    width: 45px;    display: block;    margin: auto;}
.item-categoria a {    color: #fff;    text-align: center;    text-decoration: none;    display: block;    margin-top: 10px;    font-size: 10px;}
.item-categoria a {    text-align: center;    font-family: Myriad Web Pro;    font-weight: 600;}

.menu-user ul {    list-style: none;    padding: 0;    margin: 0;    text-align: center;}
.menu-user ul li a {    color: #fff;    font-family: 'Myriad Web Pro';    font-weight: bold;    font-size: 20px;    text-decoration: none;}

.area-cliente {    height: 100vh;    background: #0e183fc4;    padding-top: 40px;}

.pesquisar-area-cliente {    position: relative;}
.pesquisar-area-cliente input{    width: 360px !important;    height: 55px;    border-radius: 30px;    position: relative;    margin: 30px 0;}
.pesquisar-area-cliente:after {    font-family: "Font Awesome 5 Free";    font-weight: 900;    content: "\f002";    position: absolute;    right: 22px;    color: #999;    font-size: 24px;}

.menu-user ul li {    padding: 5px 0;}

.item-pag-titulo {}

.item-pag-titulo h3 {    font-size: 23px;    color: #ff3300; margin-top: 7px;}
.item-pag-titulo span {    color: #fff;    font-style: italic;}

.item-pag-img {    position: relative;}
.item-pag-status {    position: absolute;    right: 0;    text-align: center;    border-radius: 0 0 0 5px;    padding: 0px 20px;}
.item-pag-status span {    color: #fff;    font-weight: 100;    font-size: 14px;}
.item-pag-status p {    font-weight: bold;    color: #fff;    text-transform: uppercase;    padding: 0;    margin: 0;}

.preco {    display: flex;    justify-content: space-between;    align-items: center;}
.preco p {    font-size: 30px;    font-weight: bold;    margin: 0;}
.preco p span {    font-size: 24px;    margin-right: 5px;}

.item-pag-accordion .btn-link {    color: #000;    font-weight: bold;    font-size: 21px;    padding: 0;}
.item-pag-accordion .card {    border: none;}
.item-pag-accordion .card-header {    background: #fff;}

.conf-pedido-aviso i {    font-size: 130px;    color: #fff;    background: #0e173f;    width: 185px;    text-align: center;    padding: 30px 0;    border-radius: 50%;}
.conf-pedido-aviso {    text-align: center;}
.conf-pedido-aviso p {    text-align: justify;    padding: 25px 30px 0px;    font-weight: bold;    font-size: 19px;}
.conf-pedido-dados-compra {    padding: 30px 30px ;}
.conf-pedido-aviso:after {    content: '';    width: 200px;    height: 1px;   background: #ff3300;    display: block;    margin: auto;}
.conf-pedido-dados-compra p {    margin: 0;    text-transform: uppercase;}
.conf-pedido-dados-compra p span {    font-weight: bold;    text-transform: none;    margin-right: 5px;}

.form-conf-pedido input[type="file"] {    display: none;}
form.form-conf-pedido {    margin-top: 50px;    text-align: center;}
form.form-conf-pedido label {    border: 2px solid #ccc;    padding: 5px 60px;    border-radius: 5px;    position: relative;}
form.form-conf-pedido label:after {    content: '\f093';    font-weight: 900;    font-family: "Font Awesome 5 Free";    position: absolute;    right: 10px;}
.form-conf-pedido button {    padding: 20px 80px;    font-size: 17px;    font-weight: bold;    background: #ff3300;    border: none;}
form.form-conf-pedido p {    font-size: 21px;}

form.form-cadastrar-anuncio input, form.form-cadastrar-anuncio select{    border: none;    border-bottom: 1px solid #fff;    border-radius: 0;    background: transparent;    color: #fff;    font-family: "Roboto", sans-serif;    font-weight: lighter;    padding-bottom: 0px;    font-size: 18px;    height: 60px;}
form.form-cadastrar-anuncio select option {    background: #fff;    color: #000 !important;    font-family: "Roboto", sans-serif;    font-size: 16px !important;    font-weight: 400;}
form.form-cadastrar-anuncio input:focus, form.form-cadastrar-anuncio select:focus {    background: transparent;    color: #Fff;    border-color: red;    box-shadow: none;}
form.form-cadastrar-anuncio label {color: #fff; font-size: 13px;}
form.form-cadastrar-anuncio input[type="checkbox"] {    height: 15px;}
form.form-cadastrar-anuncio input[type="file"] {    display: none;}
form.form-cadastrar-anuncio ::-webkit-input-placeholder {    color: #fff;    font-size: 18px;    font-family: "Roboto", sans-serif;    font-weight: lighter;}

.bg-cadastro {    background-image: url('../img/bg-cadastrar.png');    background-position: center;    background-repeat: no-repeat;    background-size: cover;}

form.form-cadastrar-anuncio textarea {    background: transparent;    color: #fff !important;}
form.form-cadastrar-anuncio textarea:focus {    background: transparent;    color: #Fff;    border-color: red;    box-shadow: none;}
form.form-cadastrar-anuncio > div {    margin: 20px 0;}

.cadastro-titulo {    text-align: center;    color: #fff;}
.cadastro-titulo h3 {    font-size: 30px;    text-transform: uppercase;    padding-top: 30px;}

.form-cadastrar-select:after {    content: '\f0dd';    font-weight: 900;    font-family: "Font Awesome 5 Free";    position: absolute;    right: 20px;    color: #fff;    top: 17px;}
.form-cadastrar-select {    position: relative;}
form.form-cadastrar-anuncio button {    padding: 10px 70px;    margin: auto;    display: block;    background: #ff3300;    border: none;    text-transform: uppercase;    font-weight: bold;}

.politica-privacidade h1, .termos-de-uso h1, .politica-de-vendas h1 {    font-size: 20px;    font-weight: bold;    margin: 20px auto;}
.politica-privacidade h2, .termos-de-uso h2, .politica-de-vendas h2 {    font-size: 18px;    font-weight: bold;}
.politica-privacidade p, .termos-de-uso p, .politica-de-vendas p {    display: block;    width: 100%;}

.minha-conta h1 {    font-size: 30px;    text-transform: uppercase;    margin-bottom: 20px; color: #fff; margin-bottom: 50px;}
.minha-conta p {    font-size: 17px;    font-weight: 500;}

.info-conta h2, .info-endereco h2, .historico-transacoes h2 {    font-size: 23px;    border-bottom: 1px solid #eee;    padding-bottom: 10px;}
.info-conta h3, .info-endereco h3, .historico-transacoes h3 {    font-size: 15px;    text-transform: uppercase;    color: #444;    margin: 20px 0;}
.info-conta p {    margin: 0;    color: #444;    font-size: 14px;}
.info-conta a, .info-endereco a {    display: inline-block;    margin-top: 20px;    color: #000;    margin-bottom: 30px;}
.info-endereco p span {    color: #000;    font-weight: bold;    margin-right: 5px;    font-size: 14px;}
.info-endereco p {    color: #444;    font-size: 14px;}

.titulo-tabela-transacoes h4 {    font-size: 13px;}
.dados-tabela-transacoes p {    font-size: 12px;}

.aguardando-pagamento  {color: #ff3300; font-weight: 600;}
.pagamento-realizado {color: #5e9c0d; font-weight: 600;}

.minha-conta h1:after {    content: '';    width: 45px;    height: 2px;    background: #ff3300;    display: block;}

.dados-tabela-transacoes {    border-top: 1px solid #eaeaea;    padding-top: 20px;}
.form-minha-conta input, .form-minha-conta select {    border: 1px solid #000;    color: #000;    height: 50px;    font-weight: lighter;}
.form-minha-conta input::placeholder {    color: #000;    font-weight: lighter;}
.form-minha-conta .custom-control-input:checked~.custom-control-label::before {    border-color: #ff3300;    background-color: #ff3300;}
.form-minha-conta button {    padding: 10px 40px;}

p.desc-pergunta:before {    content: '\f075';    font-weight: 900;    font-family: "Font Awesome 5 Free";    color: #444;    margin-right: 10px;}
p.desc-resposta:before {    content: '\f075';    font-weight: 900;    font-family: "Font Awesome 5 Free";    color: #999;    margin-right: 10px;  }

.desc-comentarios p {    margin: 0;}
.desc-comentarios span {    font-size: 13px;    color: #999;    margin-left: 26px;}
.desc-comentarios {    margin: 20px 0;    border-bottom: 1px solid #ccc;    padding-bottom: 15px;}

p.chat-pergunta {    background: #0e193f3d;    padding: 30px;    width: 80%;    margin-left: 100px;    margin-bottom: 20px;    border-radius: 10px 10px 0 10px;}
p.chat-resposta {    background: #6f6f6f47;    padding: 30px;    width: 80%;    margin-right: 100px;    margin-top: 20px;    border-radius: 10px 10px 10px 0px;}

.chat-enviar-mensagem {    position: absolute;    bottom: 0;    padding: 10px 0;}
.chat-enviar-mensagem input {    width: 400px;    border-radius: 20px;    height: 50px;    background: #eee;}
a.chat-enviar {    position: relative;    left: 25px;    font-size: 29px;    color: #333;}
.chat-suporte {    background: #eaeaea;    height: 94vh;}

#anuncio a {color: #F43304}
#anuncio .price {color: #666; font-size: 15px; margin-top: 10px;}

#imagem-anuncio {width: 100%; height: 260px; display: block; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;}

#dropdownMenuLink {background: #0E183F; border: none; color: #FF3300; font-size: 30px; padding: 0; margin-top: -2px;}
#dropdownMenuLink::before {display: none;}
#dropdownMenuLink:focus {border: none; box-shadow: none !important;}

#erro-login {display: block; background: #f00; padding: 15px; margin-bottom: 20px; color: #fff; border-radius: 5px;}
#criado-sucesso {display: block; padding: 15px; background: green; color: #fff; margin: 20px 0; border-radius: 5px;}