/*GERAL*/
html{ font-size: 62.5%; }
body{ font-family: "Roboto"; position: relative; }
nav{ border-radius: 0; }
li{ list-style: none; }
input, button, textarea{ border: none; }
h2, h3, h4, p{ font-weight: 400; }
p{ line-height: 24px;  }
a{ outline: 0; }
ul{ margin: 0; padding: 0; }
select{ cursor: pointer; }

.ponteiro_mouse{cursor: pointer;}

/*BOTOES*/
.btn { background-color: #d14046; padding: 10px 20px; float: right; color: #fff; font-size: 1.6rem; }
.btn:hover { background-color: #323232; }

/*EFFECT*/
.publicidade-2 .img1, .publicidade-2 .img2, a, button, .anuncio .box.over, input, .cadastro-anuncio .add-foto, .cadastro-anuncio .item a img, .resultado-busca .filtro .filtro-ativo::after, .dashboard .dados-2 .creditos-disponiveis, .dashboard .dados-2 .comprar-creditos, .dashboard .dados-2 .ver-anuncios, label { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

/*TOPO*/
header{ background: rgba(255, 255, 255, 0.85); width: 100%; position: absolute; top: 0; z-index: 1; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
header.alternative{ position: relative; border-bottom: 2px solid #e7e6e6; }
header .logo img { padding: 10px 0;  }
header a.logo{ float: left; }
header a.logo{ float: left; }
header a.menu-btn{ background: transparent url("../images/menu.png") no-repeat left center; padding-left: 45px; float: right; height: 25px; font-size: 1.6rem; color: #000; margin-top: 35px; }
header a.menu-btn:hover{ color: #CC2229; }
header form{ position: relative; margin-top: 25px; }
header form button{ position: absolute; top: 0; right: 0; background-color: #323232; padding: 9px 30px; font-size: 1.6rem; color: #fff; font-style: italic; }
header form button:hover{ background-color: #D14046; }
header form input{ background-color: transparent; border: 1px dashed #9e9e9e; width: 100%; padding: 10px 60px 10px 20px; }

.img-logado{margin-top: 25px; float: left; margin-left: 14px; width: 41px;}
header a.entrar{ padding-left: 15px; float: left; height: 32px; font-size: 1.6rem; color: #000; margin-top: 32px; line-height: 30px; }
header a.entrar:hover{ color: #CC2229; }
a.quero-anunciar { background-color: #d14046; margin-top: 25px; padding: 10px 20px; float: right; color: #fff; font-style: italic; }
a.quero-anunciar:hover{ background-color: #323232; }
nav#principal{ display: block; overflow: hidden; position: absolute; top: 40px; width: 100%; pointer-events:none; z-index: 1000; opacity: 0;  -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
nav#principal .menu{ background-color: #ededed; display: block; overflow: hidden; padding: 40px 0; border-radius: 0 0 20px 20px; position: relative; }
nav#principal .menu .pontilhado {  border: 3px dashed #fff; border-radius: 14px; height: 90%; left: 50%; position: absolute; top: 50%; width: 97%; -webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
nav#principal.ativo{ pointer-events:auto; opacity: 1; top: 60px; }
nav#principal .menu ul{ display: table; margin: 0 auto; }
nav#principal .menu ul.first li{ border-bottom: 2px dashed #c3c0c0; margin-bottom: 5px; padding-bottom: 5px; }
nav#principal .menu ul li.title{ font-weight: 700; font-size: 1.6rem; color: #D14046; border-bottom: 2px dashed #c3c0c0; margin-bottom: 5px; padding-bottom: 5px; }
nav#principal .menu ul li a{ font-size: 1.6rem; color: #000; }
nav#principal .menu ul li a:hover{ color: #D14046; }
nav#principal .area { display: block; height: 40px; overflow: hidden; }


a.quero-inserir-foto { background-color: #d14046; margin-top: 25px; text-align: center; padding: 10px 20px; color: #fff;}
a.quero-inserir-foto:hover{ background-color: #323232; }

/*MENU*/
.navbar{ height: auto; padding: 10px 0; }
.navbar .nav{  }
.navbar .nav li{ margin-left: 60px; }
.navbar .nav li a{ color: #fff; font-size: 1.6rem; padding: 10px 0; text-transform: uppercase; }
.navbar .nav li.active a, .navbar .nav li:hover a{ color: #dc853d; }
.navbar-header{ margin-top: 5px; }

/*---------- HOME ----------*/

/*BANNER*/
.banner{ position: relative; z-index: 0; height: auto; -webkit-background-size: cover;background-size: cover; background-repeat: no-repeat; background-position: center center; padding: 210px 0 100px; }
.banner .mask { background: transparent url("../images/mask.png") no-repeat scroll center center / cover; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.banner h1{ color: #fff; text-align: center; font-weight: 300; font-size: 3.6rem; margin-bottom: 65px; }
.banner form .avancado{ margin-top: 20px; display: none; }
.banner form .avancado .group{ float: left; margin-right: 20px; }
.banner form .avancado .group input{ display: none; }
.banner form .avancado .group label { background: transparent url("../images/radio-no.png") no-repeat scroll left center; cursor: pointer; font-size: 1.8rem; font-weight: 300;  padding-left: 30px; }
.banner form .avancado .group input[type="radio"]:checked ~ label { background: transparent url("../images/radio-yes.png") no-repeat scroll left center;
}
.banner form{ background: rgba(255, 255, 255, .7); padding: 45px 0; border-radius: 20px; position: relative; margin-bottom: 45px; }
.banner form .pontilhado { border: 3px dashed #fff; border-radius: 14px; height: 92%; left: 10px; position: absolute; top: 10px; width: 98%; }
.banner form input{ padding: 18px 19px; font-size: 1.8rem; font-weight: 300; width: 100%; color: #000;  }
.banner form label{ font-size: 1.8rem; font-weight: 300; }
.banner form select{ padding: 18px 19px; font-size: 1.8rem; font-weight: 300; width: 100%; color: #000; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0 none; background: #fff url("../images/select.png") no-repeat 95% center;  }
.banner a.busca-avancada { background: transparent url("../images/select.png") no-repeat scroll 95% center; border: 0 none; color: #000; display: block; font-size: 1.8rem; font-weight: 300; padding: 18px 3px; width: 100%; text-align: center; }
.banner a.busca-avancada.ativo{ background: transparent url("../images/select2.png") no-repeat scroll 95% center; }
.banner form input::-webkit-input-placeholder, .banner form textarea::-webkit-input-placeholder { color: #000; }
.banner .container form .row:last-child { margin-top: 25px; }
.banner form button { background-color: #cc2229; padding: 15px 0; width: 300px; color: #fff; font-size: 2.4rem; }
.banner form button:hover{ background-color: #323232; }
.banner p{ color: #fff; text-align: center; font-size: 1.2rem; }
.banner a.anunciar { background-color: #c6c7c9; margin-top: 25px; padding: 10px 20px; color: #333; font-size: 1.6rem; display: table; margin: 15px auto 0; }
.banner a.anunciar:hover { background-color: #D14046; color: #fff; }

/*HOME DIFERENCIAL*/
.diferencial { padding: 60px 0; position: relative; }
.diferencial img { display: table; margin: 0 auto; -webkit-transform: scale(1);	transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;  }
.diferencial h2{ text-align: center; margin-top: 25px; }
.diferencial .linha { background: transparent url("../images/pontilhado.png") no-repeat scroll center center; height: 100px; left: 0; position: absolute; right: 0; top: -30px; }

.diferencial img:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

/*HOME PUBLICIDADE*/
.publicidade-1 .img{ height: 270px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; position: relative; }
.publicidade-1 .img .mask{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url("../images/mask2.png") no-repeat center center; }
.publicidade-1 .img h2 { color: #fff; font-size: 5.2rem; font-weight: 700; line-height: 60px; padding-top: 70px; }
.publicidade-1 a.link { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 5; }
.publicidade-1 .img:hover{ opacity: .7; }

/*HOME PUBLICIDADE-2*/
.publicidade-2{ position: relative; margin-bottom: 45px; }
.publicidade-2 .img1{ height: 268px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; position: relative; }
.publicidade-2 .img1 .mask { background: transparent url("../images/mask3.png") no-repeat scroll center center / 100% 100%; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.publicidade-2 .img1 h2 { color: #fff; font-size: 5.2rem; font-weight: 700; line-height: 60px; padding-top: 70px; }
.publicidade-2 .img2{ height: 268px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; position: relative; }
.publicidade-2 .img2 .mask{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url("../images/mask3.png") no-repeat center center; }
.publicidade-2 .img2 h2 { color: #fff; font-size: 4rem; font-weight: 700; line-height: 40px; padding-top: 25px; }
.publicidade-2 .link{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; }
.publicidade-2 .img1:hover, .publicidade-2 .img2:hover{ opacity: .9 }

/*HOME PRODUTOS DE DESTAQUE*/
.produtos-destaque{ padding: 55px 0; }
.produtos-destaque h2{ text-align: center; margin-bottom: 55px; font-size: 3.0rem; font-weight: 300; }
.produtos-destaque img{ margin-bottom: 25px; }
.produtos-destaque h3 a{ margin-bottom: 20px; font-size: 2.3rem; text-align: center; line-height: 30px; color: #323232; display: block; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.produtos-destaque p{ font-size: 2.4rem; text-align: center; font-weight: 700; color: #323232; }
.produtos-destaque .item{ position: relative; margin-bottom: 60px; }
.produtos-destaque .item:hover a.ver-mais{ opacity: 1; left: 0;	 }
.produtos-destaque .item:hover h3 a{ color: #cc2229; }
.produtos-destaque .item a.ver-mais { background: rgba(204, 34, 41, 0.85) none repeat scroll 0 0; color: #fff; font-size: 3.6rem; font-weight: 300; height: 242px; left: -10px; position: absolute; text-align: center; top: 0; width: 264px; padding: 90px 0 0 0px; opacity: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.produtos-destaque .item a.ver-mais::after{ content: ""; border: 1px dashed #fff; position: absolute; top: 5px; left: 7px; width: 95%; height: 95%; }
.produtos-destaque .item img { height: auto; max-width: 100%; width: 264px; display: table; margin: 0 auto 15px; }


/*---------- NEWSLETTER ----------*/
.newsletter{ background-color: #cc2229; padding: 35px 0; }
.newsletter h2{ color: #fff; font-size: 300px; font-size: 2.2rem; line-height: 25px; }
.newsletter form input{ width: 100%; padding: 18px; text-align: center; font-size: 300px; font-size: 1.8rem; }
.newsletter form button{ width: 100%; padding: 17px; text-align: center; font-size: 300px; font-size: 1.8rem; background-color: #323232; color: #fff; font-style: italic; }
.newsletter form button:hover{ background-color: #171717; }


/*---------- QUEM-SOMOS ----------*/
.banner-quem-somos{ position: relative; z-index: 0; height: 782px; -webkit-background-size: cover;background-size: cover; background-repeat: no-repeat; background-position: center center; padding-top: 210px; }
.banner-quem-somos .mask{ background-color: #000; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; opacity: .55; }
.banner-quem-somos h1{ color: #fff; font-size: 3.6rem; font-weight: 300; margin-bottom: 30px; }
.banner-quem-somos p{ color: #fff; font-size: 1.8rem; font-weight: 300; text-align: justify; margin-bottom: 20px; }
.banner-quem-somos p:last-child{ margin-bottom: 0; }
.txt-gancho{ position: relative; z-index: 0; -webkit-background-size: cover;background-size: cover; background-repeat: no-repeat; background-position: center center; padding: 50px 0; }
.txt-gancho .mask{ background-color: #000; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; opacity: .55; }
.txt-gancho h2{ font-size: 2.4rem; font-weight: 300; color: #fff; text-align: center; margin-bottom: 25px; }
.txt-gancho p{ color: #fff; font-size: 1.6rem; text-align: center; }
.txt-gancho a{ background-color: #c12a2f; margin-top: 25px; padding: 8px 40px; color: #fff; font-size: 1.8rem; display: table; margin: 30px auto 0; }
.txt-gancho a:hover{ background-color: #323232; }

/*---------- TERMOS DE USO ----------*/
.banner-termos { background-color: #dfdfdf; border-top: 100px solid #fff; padding: 50px 0 70px; }
.banner-termos h1{ color: #323232; font-size: 3.6rem; font-weight: 300; margin-bottom: 30px; }
.banner-termos h2{ font-size: 1.8rem; font-weight: 700; color: #323232; margin-bottom: 10px; }
.banner-termos h2 span{ color: #CC2229; text-decoration: underline; font-weight: 400; }
.banner-termos p{ color: #323232; font-size: 1.8rem; font-weight: 300; text-align: justify; margin-bottom: 20px; }
.banner-termos p span{ color: #CC2229; text-decoration: underline; }
.banner-termos a{ color: #CC2229; text-decoration: underline; }

/*---------- CANCELAR-CONTA ----------*/
section.cancelar-conta{ height: 620px; }
section.cancelar-conta h1{ font-size: 3.6rem; color: #fff; margin-bottom: 30px; font-weight: 300; line-height: 40px; }
section.cancelar-conta p{ font-size: 1.8rem; color: #fff; font-weight: 300; text-align: justify; }
section.cancelar-conta form { padding: 40px 30px; }
section.cancelar-conta form p{ color: #000; }
section.cancelar-conta form a{ font-size: 1.4rem; color: #fff; padding: 5px 15px; background-color: #2c4919; display: block; text-align: center; margin-top: 10px; float: left; }
section.cancelar-conta form button{ font-size: 1.4rem; color: #fff; padding: 5px 15px; float: right; }
section.cancelar-conta form button:hover, section.cancelar-conta form a:hover{ background-color: #323232; }
section.cancelar-conta form .pontilhado { border: 3px dashed #fff; border-radius: 12px; height: 90%; left: 9px; position: absolute; top: 10px; width: 97%; }
section.cancelar-conta form input { margin-top: 9px; padding: 6px 10px; }


/*---------- CADASTRO-ANUNCIO ----------*/
.box-cadatro-anuncio{ display: table; margin: 0 auto; }
.box-cadatro-anuncio a{ display: inline-block; margin: 40px 10px 0; }

.cadastro-anuncio{ padding: 90px 0 100px; }
.cadastro-anuncio h1{ font-size: 3.0rem; text-transform: uppercase; text-align: center; margin-bottom: 30px; }
.titulo { margin-bottom: 70px; }
.cadastro-anuncio.passo-1 h2{ font-size: 2.5rem; font-weight: 300; text-transform: uppercase; text-align: center; display: table; margin: 0 auto 20px; border-bottom: 1px solid #2c2c2c; }
.cadastro-anuncio.passo-1 p{ text-align: center; width: 300px; display: block; margin: 0 auto 50px; }
.cadastro-anuncio.passo-1 form input[type="email"], .cadastro-anuncio form input[type="password"]{ border: 1px solid #323232; padding: 20px 0; text-align: center; width: 300px; display: block; margin: 0 auto 20px; font-weight: 300; font-size: 1.6rem; }
.cadastro-anuncio.passo-1 form input[type="submit"]{ width: 160px; padding: 15px 0; background-color: #cc2229; color: #fff; display: table; margin: 40px auto 0; }
.cadastro-anuncio.passo-1 form input[type="submit"]:hover{ background-color: #323232; }

.cadastro-anuncio.passo-1{ background: transparent url("../images/pontilhado2.png") no-repeat center 65%; }
.cadastro-anuncio .passos{ float: right; position: relative; top: -70px; }
.cadastro-anuncio .passos p{ float: left; margin-right: 15px; padding: 8px 15px; background-color: #dedddd; color: #b3b3b3; width: auto; margin-bottom: 0; }
.cadastro-anuncio .passos p:last-child{ margin-right: 0; }
.cadastro-anuncio .passos p.ativo{ background-color: #d14046!important; color: #fff!important; }
.cadastro-anuncio .diferencial-box p{ margin-bottom: 15px; }
.cadastro-anuncio .diferencial-box p span{ position: relative; }
.cadastro-anuncio .diferencial-box img { display: table; margin: 0 auto; }
.cadastro-anuncio .diferencial-box a { background-color: #cc2229; color: #fff; display: table; margin: 40px auto 0; padding: 15px 0; width: 160px; text-align: center; }
.cadastro-anuncio .diferencial-box a:hover{ background-color: #323232; }
.cadastro-anuncio.passo-1 form a.esqueci { display: block; font-size: 1.23rem; font-weight: normal; margin-top: 10px; max-width: 100%; text-align: center; color: #222; }
.cadastro-anuncio.passo-1 form a.esqueci:hover{ color: #CC2229; }
.cadastro-anuncio.passo-2 .group.whats{ margin-top: -10px; }
.cadastro-anuncio.passo-2 .group.whats span{ float: left; margin-right: 15px; }
.cadastro-anuncio.passo-2 .group.whats label{ margin-right: 15px; }
.cadastro-anuncio.passo-2 div.col-md-12{ position: relative; }
.cadastro-anuncio.passo-2 h1{ margin-bottom: 20px; }
.cadastro-anuncio.passo-2 p{ font-size: 1.6rem; text-align: center; }
.cadastro-anuncio.passo-2 p a{ color: #d14046; }
.cadastro-anuncio.passo-2 p.text-left{ text-align: left; }
.cadastro-anuncio.passo-2 p span{ color: #CC2229; }
.cadastro-anuncio.passo-2 form{ margin: 30px 0 40px; }
.cadastro-anuncio.passo-2 .one{ margin-bottom: 15px; }
.cadastro-anuncio.passo-2 form label{ display: block; text-transform: uppercase; font-weight: 400; }
.cadastro-anuncio.passo-2 form input, .cadastro-anuncio.passo-2 form select, .cadastro-anuncio.passo-2 form textarea{ border: 1px dashed #717171; width: 100%; height: 40px; padding: 5px; margin-bottom: 20px; }
/*.cadastro-anuncio.passo-2 form select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }*/
.cadastro-anuncio.passo-2 form textarea{ resize: vertical; min-height: 90px; }
.cadastro-anuncio.passo-2 p.mensagem{ font-size: 1.8rem; text-align: left; float: left; margin: 10px 20px 10px 0; }
.cadastro-anuncio.passo-2 a.proximo{ float: left; background-color: #cc2229; color: #fff; display: table; padding: 15px 0; width: 160px; text-align: center; }
.cadastro-anuncio.passo-2 a.proximo:hover{ background-color: #323232; }
.cadastro-anuncio.passo-2 .line{ height: 1px; border-bottom: 1px dashed #222; width: 100%; display: block; margin: 55px 0; }
.cadastro-anuncio.passo-2 h2 {font-size: 2.5rem; font-weight: 300; text-align: left; text-transform: uppercase; margin-bottom: 10px; }
.cadastro-anuncio.passo-2 a.conta-diferente{ font-size: 1.6rem; color: #d14046; padding-bottom: 1px; border-bottom: 1px solid #CC2229; margin-top: 10px; display: inline-block; }
.cadastro-anuncio.passo-2 .group{ display: block; overflow: hidden;  float: left; margin: 12px 12px 0 0; }
.cadastro-anuncio.passo-2 .group label{ float: left; }
.cadastro-anuncio.passo-2 .group input[type="radio"]{ float: left; width: auto; margin-right: 10px; }
.cadastro-anuncio.passo-2 a.proximo.dados-produto{ display: table; margin: 0 auto; float: none; }

.cadastro-anuncio .item{ border: 1px solid #626262; position: relative; margin-bottom: 30px; }
.cadastro-anuncio .item > img { height: auto; max-width: 100%; width: 100%; }
.cadastro-anuncio .item a{ position: absolute; top: 5%; right: 5%; }
.cadastro-anuncio .add-foto { background: rgba(204, 34, 41, 0.85) url("../images/adicionar-foto.png") no-repeat scroll center center; height: auto; padding: 10px; width: 100%; }
.cadastro-anuncio .add-foto .box { border: 1px dashed #fff; position: relative; }
.cadastro-anuncio .add-foto .box img{ opacity: 0; max-width: 100%; height: auto; }
.cadastro-anuncio .add-foto .box a{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.cadastro-anuncio .add-foto:hover{ background-color: #333232; }
.cadastro-anuncio .item a:hover img{ -webkit-filter: brightness(0); -o-filter: brightness(0); filter: brightness(0); }
.cadastro-anuncio .dica{ background-color: #e4e0e0; border-radius: 20px; position: relative; padding: 40px 50px; }
.cadastro-anuncio .dica .pontilhado { border: 3px dashed #fff; border-radius: 12px; height: 90%; left: 10px; position: absolute; top: 14px; width: 96%; }
.cadastro-anuncio .dica h2{ font-size: 1.8rem; text-transform: uppercase; background: transparent url("../images/dicas.png") no-repeat left center; padding-left: 30px; margin-bottom: 20px; }
.cadastro-anuncio .dica p{ text-align: left; font-size: 1.2rem; line-height: 18px; }
.cadastro-anuncio .fotos-produto { float: left !important; margin-top: 30px !important; }
.cadastro-anuncio.passo-4 .foto{ position: relative; margin-top: -40px; }
.cadastro-anuncio.passo-4 .foto p{ position: absolute; font-size: 1.8rem; font-weight: 300; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; text-align: center; }
.cadastro-anuncio.passo-4 .foto img{ max-width: 100%; height: auto; }
.cadastro-anuncio.passo-4 .foto:after{ content: ""; border: 1px dashed #fff; width: 98%; height: 95%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.cadastro-anuncio.passo-4 .item-plano { padding: 65px; position: relative; background: transparent url("../images/foto-cadastro.jpg") no-repeat center center / cover; }
.cadastro-anuncio.passo-4 .item-plano:after{ content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background-color: rgba(204, 34, 41, .8 ); }
.cadastro-anuncio.passo-4 .item-plano.black:after{ content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background-color: rgba(0, 0, 0, .7 ); }
.cadastro-anuncio.passo-4 .item-plano img { height: auto; left: 0; max-width: 100%; position: absolute; top: 0; width: 100%; }
.cadastro-anuncio.passo-4 .item-plano .txt { position: relative; text-align: center; z-index: 2; }
.cadastro-anuncio.passo-4 .item-plano .txt h3{ font-size: 4.8rem; font-weight: 300; }
.cadastro-anuncio.passo-4 .item-plano .txt p{ font-size: 1.8rem; margin-bottom: 5px; }
.cadastro-anuncio.passo-4 .item-plano .txt p span{ font-size: 1.9rem; }
.cadastro-anuncio.passo-4 .item-plano .txt p.preco{ color: #cc2229; text-transform: uppercase; font-size: 5.1rem; background-color: #fff; padding: 10px 20px; border: 1px dashed #cc2229;  }
.cadastro-anuncio.passo-4 .item-plano.black .txt p.preco{ border: 1px dashed #000; color: #000; }
.cadastro-anuncio.passo-4 h2{ color: #d14046; font-size: 3.0rem; font-weight: 300; text-transform: uppercase; text-align: center; margin: 100px 0 10px; }
.cadastro-anuncio.passo-4 p{ text-align: center; font-size: 1.6rem; margin-bottom: 60px; }
.cadastro-anuncio.passo-4 .group{ display: table; margin: 10px auto 40px; }
.cadastro-anuncio.passo-4 .group label{ background: transparent url("../images/radio-no.png") no-repeat left center; padding-left: 30px; cursor: pointer; font-weight: 300; font-size: 1.8rem; }
.cadastro-anuncio.passo-4 .group input[type="radio"]:checked ~ label{ background: transparent url("../images/radio-yes.png") no-repeat left center; }
.cadastro-anuncio.passo-4 .group input[type="radio"]{ display: none; }
.cadastro-anuncio.passo-4 a.proximo{ background-color: #cc2229; color: #fff; display: table; padding: 15px 0; text-align: center; width: 280px; text-transform: uppercase; margin: 50px auto 0; }
.cadastro-anuncio.passo-4 a.proximo:hover{ background-color: #323232; }
.cadastro-anuncio.passo-4 a.selecionar{ background-color: #cc2229; color: #fff; display: table; padding: 30px 0; text-align: center; width: 80%; text-transform: uppercase; margin: 50px auto 0; }
.cadastro-anuncio.passo-4 a.selecionar:hover{ background-color: #323232; }
.cadastro-anuncio.passo-4{ position: relative; }
.cadastro-anuncio.passo-4 .mask { background: transparent url("../images/mask.png") no-repeat scroll center center / cover ; height: 100%; left: 0; position: absolute; top: 0; width: 100%; zindex: -1; }
.cadastro-anuncio.passo-4.escolher-plano{ background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }
.cadastro-anuncio.passo-4.escolher-plano h1{ color: #fff; }
.cadastro-anuncio.passo-4.escolher-plano .passos p{ color: #000; }
.cadastro-anuncio.passo-4.escolher-plano .box{ background-color: #fff; padding: 30px; margin: 50px 0; }
.cadastro-anuncio.passo-4.escolher-plano p { margin-bottom: 0;  }
.cadastro-anuncio.passo-4.escolher-plano .mensagem p {padding: 0 50px; }
.cadastro-anuncio.passo-4.escolher-plano h2 { margin: 0; }
.cadastro-anuncio.passo-4.escolher-plano .mensagem{ background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0; border-radius: 20px; margin-bottom: 45px; padding: 120px 0; position: relative; }
.cadastro-anuncio.passo-4.escolher-plano .mensagem .pontilhado { border: 3px dashed #fff; border-radius: 14px; height: 92%; left: 10px; position: absolute; top: 10px; width: 98%; z-index: -1; }
.cadastro-anuncio.passo-4.escolher-plano .mensagem a { background-color: #cc2229; color: #fff; display: table; margin: 30px auto 0; padding: 15px 0; text-align: center; text-transform:  ppercase; width: 220px; }
.cadastro-anuncio.passo-4.escolher-plano .mensagem a:hover{ background-color: #323232; }
.cadastro-anuncio.passo-4.escolher-plano .group label { color: #fff; }

.cadastro-anuncio.passo-4.confirmar{ background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }
.cadastro-anuncio.passo-4.confirmar h1{ color: #fff; }
.cadastro-anuncio.passo-4.confirmar .passos p{ color: #000; }
.cadastro-anuncio.passo-4.confirmar .box{ background-color: #fff; padding: 30px; margin: 50px 0; }
.cadastro-anuncio.passo-4.confirmar p { margin-bottom: 0;  }
.cadastro-anuncio.passo-4.confirmar .mensagem p {padding: 0 50px; }
.cadastro-anuncio.passo-4.confirmar h2 { margin: 0; }
.cadastro-anuncio.passo-4.confirmar .mensagem{ background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0; border-radius: 20px; margin-bottom: 45px; padding: 60px 0; position: relative; }
.cadastro-anuncio.passo-4.confirmar .mensagem .pontilhado { border: 3px dashed #fff; border-radius: 14px; height: 92%; left: 10px; position: absolute; top: 10px; width: 98%; z-index: -1; }
.cadastro-anuncio.passo-4.confirmar .mensagem button { background-color: #cc2229; color: #fff; display: table; margin: 30px auto 0; padding: 15px 0; text-align: center; text-transform:  ppercase; width: 220px; }
.cadastro-anuncio.passo-4.confirmar .mensagem button:hover{ background-color: #323232; }
.cadastro-anuncio.passo-4.confirmar .mensagem .voltar{ text-align: center; }
.cadastro-anuncio.passo-4.confirmar .mensagem .voltar a{ color: #737373; text-decoration: underline; }
.cadastro-anuncio.passo-4.confirmar .group label { color: #fff; }

.cadastro-anuncio.passo-4 .bg{ background: #f2f2f2; position: relative; z-index: 3; padding-top: 90px; }
.cadastro-anuncio.passo-4.tela-2 { padding-top: 0; background-size: cover; }
.cadastro-anuncio.passo-4.tela-2 .item-plano.plano-anuncio.plano-1::after { background: transparent url("../images/plano-1.jpg") no-repeat scroll center top / cover ; }
.cadastro-anuncio.passo-4.tela-2 .item-plano.plano-anuncio.plano-2::after { background: transparent url("../images/plano-2.jpg") no-repeat scroll center top / cover ; }
.cadastro-anuncio.passo-4.tela-2 .item-plano.plano-anuncio .txt h3{ color: #fff; font-weight: 400; line-height: 35px; margin-bottom: 10px; font-size: 9.1rem; }
.cadastro-anuncio.passo-4.tela-2 .item-plano.plano-anuncio .txt h3 span { color: #fff; font-size: 4.8rem; font-weight: 300; position: relative; text-transform: uppercase; top: -15px; }
.cadastro-anuncio.passo-4.tela-2 .item-plano.plano-anuncio .txt p{ color: #fff; }
.cadastro-anuncio.passo-4.tela-2 .item-plano.plano-anuncio .txt p.preco { color: #000; display: table; margin: 20px auto; padding: 25px 0 20px; width: 260px; background-color: #fff; font-weight: 700; border: 1px dashed #333; }
.cadastro-anuncio.passo-4.tela-2 .group.plano-anuncio label{ color: #D14046; text-transform: uppercase; }
.cadastro-anuncio.passo-4.tela-2 .item-plano.plano-anuncio.black { border-top: 9px solid #000; }
.cadastro-anuncio.passo-4.tela-2 h2 { margin: 50px 0 10px; }
.cadastro-anuncio.passo-4.tela-2 > .container{ padding-top: 80px; }
.cadastro-anuncio.passo-4.tela-2 h1 { margin-bottom: 0; }
.cadastro-anuncio.passo-4.tela-2 .passos { top: -40px; }
.cadastro-anuncio.passo-4.tela-2 .group label { color: #fff; }
.cadastro-anuncio.passo-4.tela-2 .bg .item-plano.plano-anuncio{ padding: 75px 0 55px; }

.cadastro-anuncio.passo-4.escolher-plano .item-plano.plano-anuncio.plano-1::after { background: transparent url("../images/plano-1.jpg") no-repeat scroll center top / cover ; }
.cadastro-anuncio.passo-4.escolher-plano .item-plano.plano-anuncio.plano-2::after { background: transparent url("../images/plano-2.jpg") no-repeat scroll center top / cover ; }
.cadastro-anuncio.passo-4.escolher-plano .item-plano.plano-anuncio .txt h3{ color: #fff; font-weight: 400; line-height: 35px; margin-bottom: 10px; font-size: 9.1rem; }
.cadastro-anuncio.passo-4.escolher-plano .item-plano.plano-anuncio .txt h3 span { color: #fff; font-size: 4.8rem; font-weight: 300; position: relative; text-transform: uppercase; top: -15px; }
.cadastro-anuncio.passo-4.escolher-plano .item-plano.plano-anuncio .txt p{ color: #fff; }
.cadastro-anuncio.passo-4.escolher-plano .item-plano.plano-anuncio .txt p.preco { color: #000; display: table; margin: 20px auto; padding: 25px 0 20px; width: 260px; background-color: #fff; font-weight: 700; border: 1px dashed #333; }
.cadastro-anuncio.passo-4.escolher-plano .item-plano.plano-anuncio{ padding: 75px 0 55px; }

.cadastro-anuncio.passo-4.logado-retorno .item-plano.plano-anuncio.plano-1::after { background: transparent url("../images/plano-1.jpg") no-repeat scroll center top / cover ; }
.cadastro-anuncio.passo-4.logado-retorno .item-plano.plano-anuncio.plano-2::after { background: transparent url("../images/plano-2.jpg") no-repeat scroll center top / cover ; }
.cadastro-anuncio.passo-4.logado-retorno .item-plano.plano-anuncio .txt h3{ color: #fff; font-weight: 400; line-height: 35px; margin-bottom: 10px; font-size: 9.1rem; }
.cadastro-anuncio.passo-4.logado-retorno .item-plano.plano-anuncio .txt h3 span { color: #fff; font-size: 4.8rem; font-weight: 300; position: relative; text-transform: uppercase; top: -15px; }
.cadastro-anuncio.passo-4.logado-retorno .item-plano.plano-anuncio .txt p{ color: #fff; }
.cadastro-anuncio.passo-4.logado-retorno .item-plano.plano-anuncio .txt p.preco { color: #000; display: table; margin: 20px auto; padding: 25px 0 20px; width: 280px; background-color: #fff; font-weight: 700; border: 1px dashed #333; }
.cadastro-anuncio.passo-4.logado-retorno .item-plano.plano-anuncio{ padding: 75px 0 55px; }

.cadastro-anuncio .caracteristica.white{ margin-bottom: 40px; }
.cadastro-anuncio .caracteristica.white h2{ color: #fff; margin-bottom: 20px!important; font-size: 2.6rem; }
.cadastro-anuncio .caracteristica.white ul li{ color: #fff; font-size: 1.6rem; text-align: center; margin-bottom: 5px; }

.cadastro-anuncio .caracteristica{ margin-bottom: 40px; }
.cadastro-anuncio .caracteristica h2{ color: #CC2229; margin-bottom: 20px!important; font-size: 2.6rem; margin-top: 0; }
.cadastro-anuncio .caracteristica ul li{ color: #1D1D1D; font-size: 1.6rem; text-align: center; margin-bottom: 5px; }
.cadastro-anuncio a.destacar{ background-color: #cc2229; color: #fff; display: table; padding: 30px 0; text-align: center; width: 80%; text-transform: uppercase; margin: 50px auto 0; }
.cadastro-anuncio a.destacar:hover{ background-color: #323232; }

.planos-precos h1 { margin-bottom: 50px!important; font-weight: 300; }
.planos-precos .group label{ background: transparent!important; padding: 0!important; cursor: default!important; }

.cadastro-anuncio.destacar h2{ color: #d14046; font-size: 3.0rem; font-weight: 300; text-transform: uppercase; text-align: center; margin: 0 0 10px; }
.cadastro-anuncio.destacar p{ text-align: center; font-size: 1.6rem; margin-bottom: 60px; }
.cadastro-anuncio.destacar .foto{ position: relative; margin-top: -40px; }
.cadastro-anuncio.destacar .foto p{ position: absolute; font-size: 1.8rem; font-weight: 300; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; text-align: center; }
.cadastro-anuncio.destacar .foto img{ max-width: 100%; height: auto; }
.cadastro-anuncio.destacar .foto:after{ content: ""; border: 1px dashed #fff; width: 98%; height: 95%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.cadastro-anuncio.destacar .item-plano { padding: 65px; position: relative; background: transparent url("../images/foto-cadastro.jpg") no-repeat center center / cover; }
.cadastro-anuncio.destacar .item-plano:after{ content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background-color: rgba(204, 34, 41, .8 ); }
.cadastro-anuncio.destacar .item-plano.black:after{ content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background-color: rgba(0, 0, 0, .7 ); }
.cadastro-anuncio.destacar .item-plano img { height: auto; left: 0; max-width: 100%; position: absolute; top: 0; width: 100%; }
.cadastro-anuncio.destacar .item-plano .txt { position: relative; text-align: center; z-index: 2; }
.cadastro-anuncio.destacar .item-plano .txt h3{ font-size: 4.8rem; font-weight: 300; }
.cadastro-anuncio.destacar .item-plano .txt p{ font-size: 1.8rem; margin-bottom: 5px; }
.cadastro-anuncio.destacar .item-plano .txt p span{ font-size: 1.9rem; }
.cadastro-anuncio.destacar .item-plano .txt p.preco{ color: #cc2229; text-transform: uppercase; font-size: 5.1rem; background-color: #fff; padding: 10px 20px; border: 1px dashed #cc2229;  }
.cadastro-anuncio.destacar .item-plano.black .txt p.preco{ border: 1px dashed #000; color: #000; }


/*---------- CADATRO-ANUNCIANTE ----------*/
section.cadastro-anunciante{ height: auto; padding-top: 190px; }

section.cadastro-anunciante form .pontilhado { height: 97%; }
section.cadastro-anunciante h1{ font-size: 3.6rem; color: #fff; margin-bottom: 30px; font-weight: 300; line-height: 40px; }
section.cadastro-anunciante p{ font-size: 1.8rem; color: #fff; font-weight: 300; text-align: justify; }
section.cadastro-anunciante form p{ color: #000; }
section.cadastro-anunciante form input[type="radio"]{ display: none; }
section.cadastro-anunciante form input[type="radio"]:checked ~ label{ background: #EDEDED url("../images/radio.png")no-repeat 10% center; }
section.cadastro-anunciante form label { background-color: #b3b3b3; border-left: 1px solid #b3b3b3; border-radius: 15px 15px 0 0; border-right: 1px solid #b3b3b3; border-top: 1px solid #b3b3b3; color: #000; cursor: pointer; font-size: 1.4rem; font-weight: 300; padding: 15px; text-align: center; width: 90%; display: table; margin: 0 auto -1px; }
.form-pessoa-juridica{ display: none; }
section.cadastro-anunciante .bg { background-color: #ededed; float: left; margin: 0 10px; padding: 15px 0 50px; border-top: 1px solid #b3b3b3; }
section.cadastro-anunciante form select { width: 100%; border: 1px solid #b3b3b3; padding: 15px; font-size: 1.4rem; font-weight: 300; color: #000; margin-bottom: 10px; }

/*---------- ANUNCIO ----------*/
.anuncio{  background-color: #f7f7f7; border-top: 100px solid #fff; padding: 50px 0 70px; }
.anuncio h1{ color: #717171; font-weight: 300; font-size: 2.0rem; }
.anuncio p.codigo{ color: #717171; font-weight: 300; font-size: 1.2rem; margin-bottom: 20px; }
.anuncio .info { background-color: #fff; border: 1px dashed #717171; display: block; margin-bottom: 35px; overflow: hidden; padding: 15px 20px; }
.anuncio .info h2{ color: #717171; font-weight: 300; font-size: 1.8rem; text-align: center; }
.anuncio .info p{ color: #717171; font-size: 1.2rem; text-align: center; }
.anuncio .info p.preco{ color: #e6696e; font-size: 2.0rem; font-weight: 700; text-align: center; padding-top: 10px; }
.anuncio .descricao{ padding: 45px 70px; display: block; overflow: hidden; margin: 40px 0;  border: 1px solid #ebebeb; background: #fff url("../images/descricao.jpg") no-repeat left 40px; }
.anuncio .descricao h3:first-child{ margin-top: 0; }
.anuncio .descricao h3{ font-size: 2.4rem; color: #717171; margin-bottom: 20px; margin-top: 50px;}
.anuncio .descricao p{ font-size: 1.5rem; color: #717171; margin-bottom: 10px; }
.anuncio .descricao .tabela p{ font-size: 1.5rem; color: #717171; margin-bottom: 0px; }
.anuncio .descricao .tabela .linha .obj{ border: 1px dashed #d7d6d6; padding: 15px 10px; text-align: left; }
.anuncio .descricao .tabela .linha .obji{ border: 1px dashed #d7d6d6; padding: 15px 10px; text-align: left; background: #efefef;}
.anuncio .box{ border: 1px solid #ebebeb; background-color: #fff; padding: 20px; border-top: 5px solid #e6696e; margin-bottom: 38px; overflow: hidden; }
.anuncio.ind-vendedor .box{ margin-bottom: 12px; padding-left: 0; }
.anuncio .box.desativar{ background-color: #e6696e;  border: 0 none; }
.anuncio .box.duplicar{ background-color: #4cc7d6; border: 0 none;  }
.anuncio .box.destacar{ background-color: #e4c133; border: 0 none;  }
.anuncio .box a{ font-size: 2rem; color: #717171; font-weight: 400; text-align: left; display: block; overflow: hidden; }
.anuncio.ind-vendedor .box a{ padding-left: 75px; }
.anuncio .box-geral .box.dados-anunciante-box a.dados-anunciante{ text-align: center; padding: 0; }
.anuncio .box p.estatistica-anuncio { background: transparent url("../images/estatistica-anuncio.png") no-repeat scroll left top; border-bottom: 1px solid #ebebeb; color: #717171; display: block; font-size: 2rem; font-weight: 400; height: 50px; line-height: 34px; text-align: center; margin-bottom: 20px; }
.anuncio .desativar-anuncio{ background: transparent url("../images/desativar-anuncio.png") no-repeat 25px center; height: 27px; color: #fff!important; }
.anuncio .duplicar-anuncio{ background: transparent url("../images/duplicar-anuncio.png") no-repeat 25px center; height: 32px; color: #fff!important; }
.anuncio .destacar-anuncio{ background: transparent url("../images/destacar-anuncio.png") no-repeat 25px center; height: 32px; color: #fff!important; }
.anuncio .desativar-anuncio:hover, .anuncio .duplicar-anuncio:hover{ color: #E6696E; }
.anuncio .dados .visualizacao-anuncio { background: transparent url("../images/visualizacao.png") no-repeat scroll left center; color: #717171; font-size: 2rem; padding-left: 50px; height: 40px; line-height: 35px; }
.anuncio.ind-vendedor .dados p span{ color: #303030; }
.anuncio .dados .contatos-recebidos{ background: transparent url("../images/mensagens.png") no-repeat left center; color: #717171; font-size: 2rem; padding-left: 50px; height: 40px; line-height: 35px; }
.anuncio .dados .visualizacao-telefone{ background: transparent url("../images/telefone.png") no-repeat left center; color: #717171; font-size: 2rem; padding-left: 50px; height: 40px; line-height: 35px; }
.anuncio .dados .visualizacao-whatsapp{ background: transparent url("../images/whatsapp.png") no-repeat left center; color: #717171; font-size: 2rem; padding-left: 50px; height: 40px; line-height: 35px; }
.anuncio .dados .visualizacao-email{ background: transparent url("../images/contatos.png") no-repeat left center; color: #717171; font-size: 2rem; padding-left: 50px; height: 40px; line-height: 35px; }
.anuncio .dados .visualizacao-dados{ background: transparent url("../images/dados.png") no-repeat left center; color: #717171; font-size: 2rem; padding-left: 50px; height: 40px; line-height: 35px; }
.anuncio .anuncio-ind img{ width: 360px; max-width: 100%; height: auto; }
.anuncio .box .contatar{ font-size: 2.1rem; text-align: center; color: #717171; margin-bottom: 30px; }
.anuncio .box .contatar-anunciante{  }
.anuncio .box .contatar-anunciante input{ border: 1px dashed #717171; padding: 20px 15px; margin-bottom: 20px; width: 100%; }
.anuncio .box .contatar-anunciante textarea{ border: 1px dashed #717171; padding: 20px 15px; margin-bottom: 20px; width: 100%; resize: vertical; }
.anuncio .box .contatar-anunciante label{ display: block; font-size: 1.2rem; color: #717171; font-weight: 300; text-align: center; margin-top: -15px; }
.anuncio .box .contatar-anunciante button{ background-color: #d14046; padding: 15px 45px; font-size: 1.6rem; color: #fff; display: table; margin: 20px auto; }
.anuncio .box .contatar-anunciante button:hover{ background-color: #323232; }
.anuncio .lslide a { display: block; overflow: hidden; position: relative; }
.anuncio .lslide a span.nova{ background: transparent url("../images/nova.png")no-repeat center center; width: 83px; height: 83px; position: absolute; top: 0; left: 52px; }
.anuncio .lslide a span.usada{ background: transparent url("../images/usada.png")no-repeat center center; width: 83px; height: 83px; position: absolute; top: 0; right: 0; }
.anuncio .box .dados-anunciante{ background: transparent url("../images/select.png") no-repeat right center; }
.anuncio .box .dados-anunciante img{ float: left; margin-right: 20px; }
.anuncio .box .dados-anunciante span{ float: left; padding-top: 10px; }
.anuncio .box.dados-anunciante-box{ padding: 14px 20px; margin-bottom: 30px; }
.anuncio .box .foto-anunciante{ float: left; margin-right: 20px; }
.anuncio .box .info-anunciante{ float: left; margin: 5px 0 20px; }
.anuncio .box .info-anunciante .nome{ font-size: 2.2rem; color: #717171; margin-bottom: 10px; }
.anuncio .box .info-anunciante .cidade{ font-size: 1.8rem; color: #717171; }
.anuncio .box .info-anunciante .bairro{ font-size: 1.4rem; color: #717171; }
.anuncio .box .contato-anunciante{ border-top: 1px solid #ebebeb; display: block; clear: both; padding-top: 20px; }
.anuncio .box .contato-anunciante .exibir-telefone{ background: transparent url("../images/telefone2.png") no-repeat left center; padding-left: 40px; margin-bottom: 15px; font-size: 1.8rem; color: #717171; font-weight: 300; }
.anuncio .box .contato-anunciante .exibir-whatsapp{ background: transparent url("../images/whatsapp2.png") no-repeat left center; padding-left: 40px; margin-bottom: 15px; font-size: 1.8rem; color: #717171; font-weight: 300; }
.anuncio .box .contato-anunciante .exibir-email{ background: transparent url("../images/email2.png") no-repeat left center; padding-left: 40px; margin-bottom: 15px; font-size: 1.8rem; color: #717171; font-weight: 300; }
.anuncio .box-geral{ position: relative; }
.anuncio .box.over { margin: 0; max-height: 0; overflow: hidden; padding: 0; opacity: 0; }
.anuncio .box.over.ativo{ margin-bottom: 38px; padding: 14px 20px; opacity: 1; max-height: 400px; }
.anuncio a.show{ display: inline; font-size: 14px; }
.anuncio a.show.desativo{ display: none!important; }
.anuncio .lSSlideOuter.vertical{ padding:0 0 0 103px!important; }
.anuncio #imageGallery a img{ float: right; }

/*---------- CONTATO ----------*/
.banner-contato{ position: relative; z-index: 0; height: 782px; -webkit-background-size: cover;background-size: cover; background-repeat: no-repeat; background-position: center center; padding-top: 210px; }
.banner-contato .mask { background: transparent url("../images/mask.png") no-repeat scroll center center / cover; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.banner-contato form{ background: rgba(255, 255, 255, .7); padding: 40px 35px; border-radius: 20px; position: relative; margin-bottom: 45px; }
.banner-contato form .pontilhado { border: 3px dashed #fff; border-radius: 12px; height: 95%; left: 10px; position: absolute; top: 10px; width: 96%; }
.banner-contato form input{ width: 100%; border: 1px solid #b3b3b3; padding: 15px; font-size: 1.4rem; font-weight: 300; color: #000; margin-bottom: 10px; }
.banner-contato form input::-webkit-input-placeholder, .banner-contato form form textarea::-webkit-input-placeholder { color: #000; }
.banner-contato form textarea{ width: 100%; border: 1px solid #b3b3b3; padding: 15px; font-size: 1.4rem; font-weight: 300; color: #000; margin-bottom: 10px; resize: vertical; }
.banner-contato form button{ background-color: #cc2229; padding: 5px 60px; color: #fff; display: table; margin: 10px auto 0; font-size: 2.2rem; }
.banner-contato form h1{ font-size: 3.6rem; font-weight: 300; margin-bottom: 10px; }
.banner-contato form p{ font-size: 1.6rem; line-height: 20px; margin-bottom: 20px; }
.banner-contato form p a{ color: #cc2229; }

/*---------- COMO-ANUNCIAR----------*/
.como-anunciar{ padding-top: 165px; padding-bottom: 100px; height: auto; }
.como-anunciar form{ margin-top: 70px; }
.como-anunciar form h1 { font-size: 1.8rem; font-weight: 300; margin-bottom: 20px; text-transform: uppercase; position: relative; z-index: 1; }
.como-anunciar form h1 a{ color: #bf0411; }
.como-anunciar form button { display: block; font-size: 1.4rem; margin: auto; padding: 15px; text-transform: uppercase; }
.como-anunciar form .pontilhado { height: 90%; }
.como-anunciar h2{ color: #fff; text-transform: uppercase; font-size: 2.8rem; margin-bottom: 40px; }
.como-anunciar p.diferencial-1{ font-size: 1.6rem; color: #fff; min-height: 67px; background: transparent url("../images/diferencial1-c.jpg") no-repeat left center; padding-left: 90px; line-height: 60px; margin-bottom: 20px; }
.como-anunciar p.diferencial-2{ font-size: 1.6rem; color: #fff; min-height: 67px; background: transparent url("../images/diferencial2-c.jpg") no-repeat left center; padding-left: 90px; line-height: 60px; margin-bottom: 20px; }
.como-anunciar p.diferencial-3{ font-size: 1.6rem; color: #fff; min-height: 67px; background: transparent url("../images/diferencial3-c.jpg") no-repeat left center; padding-left: 90px; line-height: 60px; margin-bottom: 20px; }
.como-anunciar-box{ padding: 75px 0 65px; }
.como-anunciar-box h2{ color: #d14046; font-size: 3.0rem; font-weight: 300; text-transform: uppercase; text-align: center; margin-bottom: 40px; }
.como-anunciar-box .item{ margin-bottom: 30px; }
.como-anunciar-box .item p.numero { background: transparent url("../images/como-anunciar-box.jpg") no-repeat scroll center center; color: #fff; display: table; font-size: 6.5rem; font-weight: 300; height: 104px; margin: 0 auto; padding: 40px 0 0; text-align: center; width: 104px; }
.como-anunciar-box .item h3{ font-size: 3.2rem; color: #000; text-transform: uppercase; font-weight: 300; margin-bottom: 5px; }
.como-anunciar-box .item p{ font-size: 1.6rem; }
.txt-como-anunciar{ padding: 130px 0 60px; background-position: center top; }
.txt-como-anunciar .mask{ background: rgba(0, 0, 0, 0.5) url("../images/mask.png") no-repeat scroll center center / cover ; }
.txt-como-anunciar h2{ font-size: 4.8rem; text-transform: uppercase; }
.txt-como-anunciar p{ margin-bottom: 80px; }

/*---------- PUBLICIDADE ----------*/
.pg-publicidade{ padding: 100px 0 70px; }
.pg-publicidade h1{ font-size: 3.0rem; font-weight: 300; text-align: center; text-transform: uppercase; margin-bottom: 10px; }
.pg-publicidade p{ font-size: 1.6rem; font-weight: 300; text-align: center; margin-bottom: 50px; }
.pg-publicidade .item{ background-color: #f4f4f4; border-top: 9px solid #d75e63; padding: 15px 0;}
.pg-publicidade .item h2{ color: #d75e63; font-size: 3.0rem; text-transform: uppercase; text-align: center; background-color: #fdfdfd; padding: 23px 10px; line-height: 34px; margin-bottom: 20px; }
.pg-publicidade .item p{ font-size: 1.9rem; padding: 0 10px; margin: 25px 0; }
.pg-publicidade .item p.preco { background-color: #cc2229; border: 2px dashed #fff; color: #fff; font-size: 3rem; margin: 0 auto; padding: 10px; text-align: center; width: 160px; }
.pg-publicidade h3{ margin: 15px 0 60px; font-size: 2.4rem; color: #000; text-align: center; }
.pg-publicidade a{ font-size: 2.4rem; font-weight: 300; color: #fff; background-color: #d14046; width: 280px; padding: 20px 0; display: table; margin: 30px auto 0; text-align: center; text-transform: uppercase; }
.pg-publicidade a:hover{ background-color: #323232; }

/*---------- LOGIN ----------*/
.login { position: relative; z-index: 0; -webkit-background-size: cover!important; background-size: cover!important; }
.login h1{ color: #fff; }
.login .mask { background: transparent url("../images/mask.png") no-repeat scroll center center / cover ; height: 100%; left: 0; position: absolute; top: 0; width: 100%;  z-index: -1; }
.login .item { background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0; border-radius: 20px; margin-bottom: 45px; padding: 40px 35px 60px; position: relative; border: 0 none; }
.login .item .pontilhado { border: 3px dashed #fff; border-radius: 12px; height: 95%; left: 10px; position: absolute; top: 10px; width: 96%; z-index: -1; }
.login form a.esqueci { position: relative; right: 0; top: 0; }
.login .diferencial-box{ margin-top: -30px;}
.login .diferencial-box a { position: relative; right: 0; top: 0; }
.login .diferencial-box p { margin-bottom: 10px; }

/*---------- RESULTADO-BUSCA ----------*/
.resultado-busca{ padding: 50px 0 80px; }
.resultado-busca .img { height: 165px; background-size: cover; position: relative; margin-bottom: 50px; }
.resultado-busca .img h1{ text-align: center; text-transform: uppercase; color: #fff; padding-top: 60px; position: relative; }
.resultado-busca .img .mask { background: rgba(0, 0, 0, .5) url("../images/mask4.png") no-repeat scroll center center / 100% 100%; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.resultado-busca .img .mask2 { background: rgba(0, 0, 0, .0) url("../images/mask4.png") no-repeat scroll center center / 100% 100%; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.resultado-busca .filtro{ background-color: #cc2229; padding: 15px; color: #fff; border: 2px dashed #fff; }
.resultado-busca .filtro h2{ font-size: 2.4rem; margin-bottom: 20px; float: left; margin-right: 15px; }
.resultado-busca .filtro > a { color: #fff; float: left; margin-top: 8px; }
.resultado-busca .filtro h3{ font-size: 1.4rem; margin-bottom: 5px; }
.resultado-busca .filtro form input{ padding: 5px; color: #000; width: 100%; }
.resultado-busca .filtro form input.qtde{ width: 40%; float: left; text-align: center; }
.resultado-busca .filtro form label{ width: 20%; float: left;  text-align: center;}
.resultado-busca .filtro form select{ padding: 5px; color: #000; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url("../images/select3.png") no-repeat scroll 95% center; border: 0 none; }
.resultado-busca .filtro form input::-webkit-input-placeholder{ color: #000; }
.resultado-busca .filtro form .col-md-12{ margin-bottom: 10px; }
.resultado-busca .filtro form button{ color: #cc2229; text-transform: uppercase; padding: 10px; background-color: #fff; display: table; margin: 20px auto 0; width: 130px; text-align: center; }
.resultado-busca .filtro form button:hover{ background-color: #323232; color: #fff; }
.resultado-busca .filtro .filtro-ativo { background-color: #fff; float: left; margin: 0 28px 15px 0; padding: 5px 10px; position: relative; }
.resultado-busca .filtro .filtro-ativo::after { background-color: #fff; border: 1px solid #f8f8f8; color: #cc2229; content: "x"; font-size: 1.2rem; font-weight: 300; padding: 7px 10px; position: absolute; right: -20px; top: -2px;
}
.resultado-busca .filtro .filtro-ativo:hover:after{ color: #323232; }
.resultado-busca .visualizar{ float: right; margin-top: 10px; }
.resultado-busca a.grid{ font-size: 1.2rem; color: #000; background: transparent url("../images/grid.png") no-repeat left center; height: 26px; float: right; padding-left: 40px; margin-left: 20px; line-height: 22px; }
.resultado-busca a.list{ font-size: 1.2rem; color: #000; background: transparent url("../images/list.png") no-repeat left center; height: 26px; float: right; padding-left: 40px; margin-left: 0; line-height: 22px; }
.resultado-busca .ordenar label{ font-size: 1.2rem; color: #000; font-weight: 400; margin-right: 5px; }
.resultado-busca .ordenar select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url("../images/select3.png") no-repeat scroll 95% center; border: 0 none; padding: 10px; border: 1px dashed #000; width: 180px; }
.resultado-busca .item:first-child{ margin-top: 50px; }
.resultado-busca .item{ border: 1px dashed #bdbdbd; display: block; overflow: hidden; padding: 10px 0; margin-bottom: 20px; }
.resultado-busca .item h2{ font-size: 2.1rem; color: #000; line-height: 24px; margin: 20px 0 30px; }
.resultado-busca .item p{ font-size: 2.1rem; color: #cc2229; }
.resultado-busca .item img{ max-width: 100%; height: auto; width: 100%; }
.resultado-busca .item a { background-color: #cc2229; color: #fff; display: block; font-size: 1.4rem; max-width: 100%; padding: 10px; width: 100%; text-align: center; margin: 50px 0 60px; }
.resultado-busca .item a:hover{ background-color: #323232; }
.resultado-busca .item p.cod{ font-size: 1.4rem; color: #626262; font-weight: 300; text-align: center; }
.resultado-busca .img h3 { color: #fff; font-size: 4.8rem; font-weight: 300; padding: 35px 0 0 40px; width: 440px; line-height: 45px; }

nav.paginacao { margin-top: 30px; float: right; }
nav.paginacao ul li{ float: left; font-size: 1.6rem; color: #878787; margin-right: 8px; }
nav.paginacao ul li:last-child{ margin-right: 0; }
nav.paginacao ul li a{ float: left; font-size: 1.6rem; color: #878787; padding-top: 5px; }
nav.paginacao ul li a.foco, nav.paginacao ul li a:hover{ color: #cc2229; }
nav.paginacao ul li a.comando { background-color: #dbdbdb; color: #fff; line-height: 1; padding: 7px 10px; }
nav.paginacao ul li a.comando.ativo, nav.paginacao ul li a.comando:hover{ background-color: #cc2229; }


/*---------- DASHBOARD ----------*/
.dashboard{ padding: 30px 0; }
.dashboard nav.menu{ border: 1px dashed #000; padding: 15px 50px; }
.dashboard nav.menu img{ display: table; margin: 0 auto 10px; }
.dashboard nav.menu h2{ text-align: center; text-transform: uppercase; font-weight: 300; font-size: 1.8rem; color: #cc2229; border-bottom: 2px dashed #b3b3b3; padding-bottom: 10px; margin-bottom: 30px; }
.dashboard nav.menu ul li a{ font-size: 1.8rem; color: #000; text-align: center; display: block; border-bottom: 2px dashed #b3b3b3; padding-bottom: 5px; margin-bottom: 15px; }
.dashboard nav.menu ul li a:hover{ color: #cc2229; }
.dashboard .line{ border-bottom: 2px dashed #b3b3b3; display: block; width: auto; height: 2px; }
.dashboard .dados{ padding: 70px 0; }
.dashboard .dados p.numeros{ font-size: 4.8rem; color: #d03c41; font-weight: 300; text-align: center; padding-top: 10px; }
.dashboard .dados p{ font-size: 2.4rem; color: #000; font-weight: 300; text-align: left; }
.dashboard .dados a{ background-color: #d14046; padding: 10px 20px; float: right; color: #fff; font-size: 1.6rem; }
.dashboard .dados a:hover{ background-color: #323232; }
.dashboard .dados-2{ padding: 40px 0 45px; }
.dashboard .dados-2 .creditos-disponiveis{ background: #d03c41 url("../images/creditos.png") no-repeat center 20px; padding: 70px 0 20px; position: relative; }
.dashboard .dados-2 .creditos-disponiveis:hover, .dashboard .dados-2 .ver-anuncios:hover{ background-color: #323232; }
.dashboard .dados-2 .comprar-creditos{ background: #323232 url("../images/comprar.png") no-repeat center 20px; padding: 70px 0 20px; position: relative; }
.dashboard .dados-2 .comprar-creditos:hover{ background-color: #d03c41; }
.dashboard .dados-2 .ver-anuncios{ background: #d03c41 url("../images/ver-anuncios.png") no-repeat center 20px; padding: 70px 0 20px; position: relative; }
.dashboard .dados-2 .creditos-disponiveis p, .dashboard .dados-2 .comprar-creditos p, .dashboard .dados-2 .ver-anuncios p{ color: #fff; font-size: 1.8rem; text-align: center; }
.dashboard .dados-2 .creditos-disponiveis a, .dashboard .dados-2 .comprar-creditos a, .dashboard .dados-2 .ver-anuncios a{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.dashboard .mensagens h1{ color: #e83f3f; font-size: 2.4rem; display: inline-block; border-bottom: 1px solid #d14046; margin-bottom: 50px; }
.dashboard .mensagens h2{ font-size: 2.4rem; color: #000; margin-bottom: 30px; }
.dashboard .mensagens h2 span{ font-size: 1.4rem; }
.dashboard .mensagens select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url("../images/select3.png") no-repeat scroll 95% center; border: 0 none; padding: 10px; border: 1px dashed #000; width: 260px; position: absolute; top: 0; right: 0; }
.dashboard .mensagens .item{ border-bottom: 2px dashed #b3b3b3; padding-bottom: 20px; margin-bottom: 20px; position: relative; }
.dashboard .mensagens .item p.data{ position: absolute; right: 0; top: 0; }
.dashboard .mensagens .item.last{ border: 0 none; }
.dashboard .mensagens .item h3{ font-size: 1.6rem; color: #e83f3f; margin-bottom: 5px; }
.dashboard .mensagens .item h3 span{ color: #868484; }
.dashboard .mensagens .item p{ line-height: 18px; }
.dashboard .mensagens .item a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.dashboard .mensagens a.ver-mensagens { background: transparent url("../images/proximo.png") no-repeat scroll right center; color: #cc2229; float: right; font-size: 1.4rem; font-weight: 300; margin: 30px 0; padding-right: 25px; }
.dashboard .mensagens a.ver-mensagens:hover{ color: #000; }
.dashboard.mensagem-ind .email{ background: #d03c41 url("../images/ico-email.png") no-repeat scroll center 15px; padding: 50px 0 20px; position: relative; }
.dashboard.mensagem-ind .email{ background: #d03c41 url("../images/ico-email.png") no-repeat scroll center 15px; padding: 50px 0 20px; position: relative; }
.dashboard.mensagem-ind .tel{ background: #323232 url("../images/ico-tel.png") no-repeat scroll center 15px; padding: 50px 0 20px; position: relative; }
.dashboard.mensagem-ind .tel{ background: #323232 url("../images/ico-tel.png") no-repeat scroll center 15px; padding: 50px 0 20px; position: relative; }
.dashboard.mensagem-ind .endereco{ background: #d03c41 url("../images/ico-marker.png") no-repeat scroll center 15px; padding: 50px 0 20px; position: relative; }
.dashboard.mensagem-ind .endereco{ background: #d03c41 url("../images/ico-marker.png") no-repeat scroll center 15px; padding: 50px 0 20px; position: relative; }
.dashboard.mensagem-ind .email a, .dashboard.mensagem-ind .tel a, .dashboard.mensagem-ind .endereco a{ color: #fff; font-size: 1.2rem; text-align: center; display: block; }
.dashboard.mensagem-ind h2{ color: #cc2229; font-size: 3.0rem; }
.dashboard.mensagem-ind h2 span{ font-size: 1.4rem; color: #000; }
.dashboard.mensagem-ind div.container div.row div.col-md-9 div.row.infos{ margin-top: 50px; margin-bottom: 50px;  }
.dashboard.mensagem-ind .box{ border: 1px dashed #000; padding: 35px; margin-bottom: 20px; }
.dashboard.mensagem-ind .box-2{ margin-bottom: 30px; }
.dashboard.mensagem-ind .box-2 p{ font-size: 1.4rem; color: #eee; background-color: #323232; padding: 30px 20px; }
.dashboard.mensagem-ind .box-2 p a{ color: #d03c41; }
.dashboard.mensagem-ind a.voltar-mensagens { background: transparent url("../images/anterior.png") no-repeat scroll left center; color: #cc2229; float: left; font-size: 1.4rem; font-weight: 300; margin: 60px 0 30px; padding-left: 25px; }
.dashboard.mensagem-ind a.voltar-mensagens:hover{ color: #323232; }
.dashboard .mensagens.filtrada h1{ border-bottom: 2px dashed #b3b3b3; padding-bottom: 10px; font-size: 3.0rem; }
.dashboard .mensagens.filtrada h1 span{ font-size: 1.4rem; color: #000; }
.dashboard.estatisticas h1{ font-size: 3.0rem; color: #cc2229; }
.dashboard.estatisticas .dados p { margin-top: 12px; }
.dashboard.estatisticas .dados p.numeros { margin-top: 0; }
.dashboard.estatisticas .item{ margin-bottom: 20px; border: 1px dashed #000; padding: 30px 0; }
.dashboard.estatisticas .item img{ display: table; margin: 0 auto; }
.dashboard.estatisticas .item p.numero{ font-size: 3.6rem; color: #000; padding-top: 10px; text-align: center; }
.dashboard.estatisticas .item p{ font-size: 1.8rem; color: #000; padding-top: 10px; }
.dashboard.estatisticas .info h3{ font-size: 2.0rem; font-weight: 300; color: #cc2229; text-align: center; margin-bottom: 30px; }
.dashboard.estatisticas .info img{ display: table; margin: 0 auto; }
.dashboard.estatisticas .info p{ font-size: 1.6rem; color: #000; text-align: center; line-height: 20px; margin-bottom: 10px; padding: 0 20px; }
.dashboard.estatisticas .info a{ font-size: 1.8rem; display: block; text-align: center; width: 100%; padding: 20px; color: #fff; }
.dashboard.estatisticas .info a.visualizacoes{ background-color: #323232; margin-top: 40px; }
.dashboard.estatisticas .info a.outros-anuncios{ background-color: #cc2229; }
.dashboard.creditos h1{ font-size: 3.0rem; color: #cc2229; }
.dashboard.creditos .item{ border: 1px dashed #000; padding: 30px; display: block; overflow: hidden; margin: 20px 0; }
.dashboard.creditos .item.first{ margin-top: 50px; }
.dashboard.creditos .item img{ float: left; margin:0 80px 0 20px; }
.dashboard.creditos .item p{ float: left; font-size: 3.6rem; font-weight: 300; color: #323232; padding-top: 5px; }
.dashboard.creditos .item p span{ color: #cc2229; }
.dashboard.creditos a.ver-extrato { background: #323232 url("../images/creditos.png") no-repeat scroll 30px center; color: #fff; display: block; font-size: 1.8rem; font-weight: 300; padding: 30px 30px 30px 60px; text-align: center; text-transform: uppercase; }
.dashboard.creditos a.ver-extrato:hover{ background-color: #D14046 }
.dashboard.creditos a.comprar-creditos { background: #D14046 url("../images/comprar.png") no-repeat scroll 100px center; color: #fff; display: block; font-size: 1.8rem; font-weight: 300; padding: 30px 30px 30px 60px; text-align: center; text-transform: uppercase; }
.dashboard.creditos a.comprar-creditos:hover{ background-color: #323232; }

.dashboard.creditos-extrato{ padding-bottom: 80px; }
.dashboard.creditos-extrato h1{ border: 0 none; font-size: 3.0rem; }
.dashboard.creditos-extrato h2{ border: 0 none; font-size: 3.0rem; margin-top: 70px; color: #e83f3f; }
.dashboard.creditos-extrato .mensagens .tabela .linha .obj{ border: 1px dashed #d7d6d6; padding: 15px 10px; text-align: center; }
.dashboard.creditos-extrato .mensagens .tabela .linha p.aprovado{ background-color: #81bf46; color: #fff; }
.dashboard.creditos-extrato .mensagens .tabela .linha p.pendente{ background-color: #e3d61e; color: #000; }
.dashboard.creditos-extrato .mensagens .tabela .linha p.recusado{ background-color: #d14046; color: #fff; }

.dashboard.configuracoes h1{ font-size: 3.0rem; color: #cc2229; }
.dashboard.configuracoes form input#foto{ display: none; }
.dashboard.configuracoes .atualizar-foto{ margin-top: 80px; }
.dashboard.configuracoes .atualizar-foto img{ display: table; margin: 0 auto 20px; }
.dashboard.configuracoes .atualizar-foto p{ font-size: 1.0rem; color: #555555; text-align: center; line-height: 16px; }
.dashboard.configuracoes .atualizar-foto label{ color: #fff; padding: 15px 25px; background-color: #d14046; display: table; margin: 0 auto 15px; cursor: pointer; }
.dashboard.configuracoes .atualizar-foto label:hover{ background-color: #323232; }
.dashboard.configuracoes .atualizar-foto .remover{ display: table; margin: 0 auto 15px; background: transparent url("../images/remover.png") no-repeat left center; padding-left: 25px; font-size: 1.4rem; color: #000;  }
.dashboard.configuracoes .atualizar-foto .remover:hover{ color: #CC2229; }
.dashboard.configuracoes .campos{ margin-top: 40px; }
.dashboard.configuracoes .campos label{ font-size: 1.2rem; color: #000; display: block; }
.dashboard.configuracoes .campos input{ font-size: 1.4rem; color: #000; border: 1px dashed #000; padding: 10px; width: 100%; margin-bottom: 20px; }
.dashboard.configuracoes .campos select{ font-size: 1.4rem; color: #000; border: 1px dashed #000; padding: 10px; width: 100%; margin-bottom: 20px; }
.dashboard.configuracoes .group{ margin-top: 30px; }
.dashboard.configuracoes .group label{ background: transparent url("../images/radio-no.png") no-repeat left center; padding-left: 30px; cursor: pointer; }
.dashboard.configuracoes .group input[type="checkbox"]:checked ~ label{ background: transparent url("../images/radio-yes.png") no-repeat left center; }
.dashboard.configuracoes .group input[type="checkbox"]{ display: none; }
.dashboard.configuracoes .campos button{ color: #fff; padding: 15px 25px; background-color: #d14046; cursor: pointer; margin-right: 15px; }
.dashboard.configuracoes .campos button:hover{ background-color: #323232; }
.dashboard.configuracoes .campos a.cancelar{ color: #000; }
.dashboard.configuracoes .campos a.cancelar:hover{ color: #cc2229; }
.dashboard.configuracoes .campos a.cancelar-conta{ color: #cc2229; text-decoration: underline; margin-top: 20px; display: inline-block;  }
.dashboard.configuracoes .campos a.cancelar-conta:hover{ color: #000; }

.dashboard.anuncios .line{ margin-bottom: 10px; }
.dashboard.anuncios h1{ font-size: 3.0rem; color: #cc2229; float: left; margin-right: 60px; }
.dashboard.anuncios .group{ float: left; margin-top: 12px; }
.dashboard.anuncios .group div{ float: left; margin-right: 30px; }
.dashboard.anuncios .group div:last-child{ margin-right: 0; }
.dashboard.anuncios .group div span{ float: left; margin-right: 10px; }
.dashboard.anuncios .group div p{ float: left; }
.dashboard.anuncios .group .ativos span{ width: 20px; height: 20px; background-color: #40d1a3; display: block; }
.dashboard.anuncios .group .desativados span{ width: 20px; height: 20px; background-color: #b3b3b3; display: block; }
.dashboard.anuncios .group .pendentes span{ width: 20px; height: 20px; background-color: #e4d604; display: block; }
.dashboard.anuncios .item{ border: 1px dashed #b3b3b3; display: block; overflow: hidden; padding: 20px 0; margin-top: 30px; position: relative; }
.dashboard.anuncios .item.ativo{ border-right: 30px solid #40d1a3; }
.dashboard.anuncios .item.desativado{ border-right: 30px solid #B3B3B3; }
.dashboard.anuncios .item.pendente{ border-right: 30px solid #E4D604; }
.dashboard.anuncios .item h2{ font-size: 1.6rem; font-weight: 300; color: #d14046; }
.dashboard.anuncios .item img{ display: table; margin: 0 auto; }
.dashboard.anuncios .item p.preco{ font-size: 1.6rem; font-weight: 300; color: #000; }
.dashboard.anuncios .item p.cod{ font-size: 1.2rem; font-weight: 300; color: #656565;}
.dashboard.anuncios .item h2 span.cod{ font-size: 1.2rem; font-weight: 300; color: #656565; }
.dashboard.anuncios .item a.destacar { background: transparent url("../images/destacar-cinza.png") no-repeat scroll center top; display: block; font-size: 1.2rem; padding-top: 35px; color: #000; text-align: center;}
.dashboard.anuncios .item a.destacado { background: transparent url("../images/destacado-cinza.png") no-repeat scroll center top; display: block; font-size: 1.2rem; padding-top: 35px; color: #000; text-align: center;}
.dashboard.anuncios .item a.destacar.destacado { filter: grayscale(100%); }
.dashboard.anuncios .item a.duplicar { background: transparent url("../images/duplicar.png") no-repeat scroll center top; display: block; font-size: 1.2rem; padding-top: 35px; color: #000; }
.dashboard.anuncios .item a.desativar { background: transparent url("../images/desativar.png") no-repeat scroll center top; display: block; font-size: 1.2rem; padding-top: 35px; color: #000; }
.dashboard.anuncios .item a.ativar { background: transparent url("../images/ativar.png") no-repeat scroll center top; display: block; font-size: 1.2rem; padding-top: 35px; color: #000; }
.dashboard.anuncios .item a.ver-estatisticas { background: transparent url("../images/select.png") no-repeat scroll right center; color: #000; display: table; font-size: 1.4rem; margin: 18px auto 0; padding-right: 30px; position: absolute; right: 20px; top: 20px; }
.dashboard.anuncios .item a.ver-estatisticas.ativo{ background: transparent url("../images/select2.png") no-repeat scroll right center; }
.dashboard.anuncios .item .oculto{ margin-top: 20px; display: none; }
.dashboard.anuncios .item .oculto h3 { color: #d14046; font-size: 2.2rem; font-weight: 300; line-height: 18px; margin: 15px 0 5px; text-align: center; }
.dashboard.anuncios .item .oculto p{ text-align: center; font-size: 1.2rem; font-weight: 300; color: #000; line-height: 14px; }
.dashboard.anuncios nav.paginacao{ float: none; display: table; margin: 50px auto; }

.dashboard.anuncios .item.ativo.destacado .mascara { width: 36px; height: 36px; position: absolute; top: 0; left: 20%; background: url("../images/destacar.png") 0 0 no-repeat; }
/*---------- LIGHTBOX ----------*/
.popup { background-color: rgba(0, 0, 0, 0.75); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2147483647; }
.popup .box { background-color: #fff; left: 50%; padding: 80px 135px; position: absolute; margin-top: 65px; width: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%); transform: translateX(-50%); border: 2px dashed #000;  }
.popup .box h2 { color: #cc2229; font-size: 3.6rem; font-weight: 300; line-height: 40px; margin-bottom: 30px; text-align: center; }
.popup .box p { color: #000; font-size: 1.8rem; margin-bottom: 30px; text-align: center; }
.popup .box .desativar { background-color: #cc2229; padding: 20px 35px; color: #fff; text-transform: uppercase; font-size: 1.6rem; font-weight: 300; display: table; margin: 0 auto 20px; }
.popup .box .desativar:hover{ background-color: #323232; }
.popup .box .cancelar { color: #000; font-size: 1.2rem; display: table; margin: 0 auto; }
.popup .box .cancelar:hover{ color: #cc2229; }
.popup .box .fechar { background: transparent url("../images/fechar.png") no-repeat scroll left center; color: #fff; font-size: 1.2rem; padding-left: 22px; position: absolute; right: 0; top: -30px; }

/*---------- FOOTER ----------*/
footer{ padding: 105px 0 85px; background-color: #323232; }
footer h2{ font-size: 1.6rem; color: #fff; margin-bottom: 25px; }
footer img.logo { display: block; height: auto; margin: 0 auto; max-width: 100%; width: 245px; }
footer nav ul li a{ font-size: 1.6rem; color: #fff; -webkit-transition: all 0.15s ease 0s; -moz-transition: all 0.15s ease 0s; -ms-transition: all 0.15s ease 0s; -o-transition: all 0.15s ease 0s; transition: all 0.15s ease 0s; }
footer nav ul li a:hover{ opacity: .6; }
footer .midias a{ margin-right: 70px; }
footer .midias a:last-child{ margin-right: 0; }
footer .midias a:hover{ opacity: .6; }

.msg{ background-color: #c6c7c9; padding: 30px 0; }
.msg p{ color: #737373; font-size: 1.2rem; line-height: 15px; text-align: center; }

.copyright { background: #f3f3f3; padding: 20px 0; position: relative; text-align: center; }
.copyright p { color: #737373; font-size: 1.2rem; margin: 0 auto; width:auto; }
.copyright a { height: 24px; position: absolute; right: 0; top: 20%; width: 29px; }

a.bt_link{ float: left; background-color: #cc2229; color: #fff; display: table; padding: 15px 0; width: 160px; text-align: center; }
a.bt_link:hover{ background-color: #323232; }





.dashboard.creditos-extrato .mensagens .botoes{margin-top: 50px;}
.dashboard.creditos-extrato .mensagens .botoes .alterar-faturamento { color: #fff; padding: 15px 25px; background-color: #d14046; cursor: pointer; margin: 0px 15px 0px 0px; }
.dashboard.creditos-extrato .mensagens .botoes .alterar-faturamento:hover{ background-color: #323232; }
.dashboard.creditos-extrato .mensagens a.cancelar{ color: #000; }
.dashboard.creditos-extrato .mensagens a.cancelar:hover{ color: #cc2229; }

.cadastro-anuncio.passo-2 .campos .botoes{margin-top: 30px;}
.cadastro-anuncio.passo-2 .campos .botoes a.assinar { color: #fff; padding: 15px 25px; background-color: #d14046; cursor: pointer; margin: 0px 15px 0px 0px; }
.cadastro-anuncio.passo-2 .campos .botoes a.assinar:hover{ background-color: #323232; }
.cadastro-anuncio.passo-2 .campos .botoes a.voltar { color: #888888; padding: 15px 25px; background-color: #dddddd; cursor: pointer; margin: 0px 15px 0px 0px; }
.cadastro-anuncio.passo-2 .campos .botoes a.voltar:hover{ color: #fff; background-color: #323232; }


.selecionar{ background-color: #cc2229; color: #fff; display: table; padding: 30px 0; text-align: center; width: 80%; text-transform: uppercase; margin: 50px auto 0; }
.selecionar:hover{ background-color: #323232; }

.mt-4{
  margin-top: 20px;
}

.mb-4{
  margin-bottom: 20px;
}

.texto-center{
  text-align: center;
}

.ml-4{
  margin-left: 20px;
}

.mr-4{
  margin-right: 20px;
}

.botao-href{
  color: #cc2229; text-transform: uppercase; padding: 10px; background-color: #fff; display: table; margin: 20px auto 0; width: 130px; text-align: center; 
}