@import url('fontes.css');
@charset "utf-8";
body { font-size: 12px; font-family: 'geogrotesque_rgregular', Calibri, Arial, sans-serif; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: auto; font-weight: 300; background-color: #ffffff; color: #000000; }
* { margin: 0px; padding: 0px; border: none; list-style: none; text-decoration: none; }
/*html { overflow-x: hidden; }*/

/* GERAIS */
a:link, a:visited, a:hover { color:#000000; text-decoration:none; font-size: 14px; font-family: 'geogrotesque_rgregular'; }
a.tradicional:link, a.tradicional:visited, a.tradicional:hover { color:#0d253b; padding: 3px 5px; border: #0d253b 1px solid; text-decoration:none; font-size: 14px; font-family: 'geogrotesque_rgregular'; }
.clearfix:before,
.clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; float: none; height: 0px;  }
.util { width: 1024px; margin: 0 auto; height: auto; }
.animacao { -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#mascara2 { display: none; position:fixed; width:100%; min-height: 100%; left: 0; top: 0; background-color: rgba(13,28,44,0.8); z-index:1009; }
.carregando{ display:none;left:50%;top:50%;margin-top:-17px;margin-left:-17px;position:fixed;z-index:5000000;background:#ffffff url(../imagens/loading.gif) no-repeat center center;width:35px;height:35px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;padding:10px;-webkit-box-shadow: 0px -4px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px -4px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px -4px 2px 0px rgba(0, 0, 0, 0.1);}
#amensagem { display: none; position: fixed; z-index: 100000; left: 0; top: 0; -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);  width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: -o-calc(100% - 80px); width: calc(100% - 80px); padding: 25px 40px; font-size: 24px; line-height: 24px; font-family: 'geogrotesque_rgregular'; font-style: normal; font-weight: 400; color: #ffffff; text-align: center; height: auto; -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); letter-spacing: -1px; }
#amensagem2 { display: none; position: fixed; z-index: 100000; left: 0; top: 40%; -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);  width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: -o-calc(100% - 80px); width: calc(100% - 80px); padding: 25px 40px; font-size: 24px; line-height: 24px; font-family: 'geogrotesque_rgregular'; font-style: normal; font-weight: 400; color: #ffffff; text-align: center; height: auto; -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); letter-spacing: -1px; }
#amensagem2 .fechamsg { position:relative; cursor: pointer; background-color: #80ad37; clear: both; display: inline-block; text-align: center; line-height: 30px; font-size: 15px; letter-spacing: 1px; color: #ffffff; border:#0d253b 1px solid; padding: 5px 20px; text-transform: uppercase; font-weight: 400; }
#amensagem2 .fechamsg:hover { font-weight: 700; }
.nocentro { text-align: center !important; }
.errocpf,
.errocnpj,
.errodominio,
.erroemail { display: none; color: red; padding-left:10px; font-size: 14px; line-height: 14px; font-weight: 700; }
#pagina-termos-de-uso,
#pagina-contrato,
#pagina-retorno-pagamento-nao-autorizado,
#pagina-retorno-pagamento-dados-invalidos,
#pagina-politica-de-privacidade,
#pagina-aguarde,
#pagina-retorno-pagamento { display: none; width: 100%; height: auto; clear: both; background-color: #ffffff; border-top:1px solid #f4f1f0; }
.pg-gerais { width: 100%; height: auto; clear: both; padding: 30px 0px; }
.pg-gerais h1 { color: #0d253b; font-size: 24px; padding-bottom: 20px; line-height: 30px; font-family: 'geogrotesque_rgregular'; text-align: center; font-weight: 400; font-style: normal; letter-spacing: 0px; }
.pg-gerais p { clear: both; width: 100%; height: auto; clear: both; font-family: 'geogrotesque_rgregular'; color: #675f58; font-size: 15px; line-height: 20px; text-align: justify; font-weight: 400; font-style: normal; letter-spacing: 0px; }
.pg-gerais p.retorna-info { font-size: 18px; line-height: 140px; text-align: center; color: #0d253b; font-family: 'geogrotesque_rgregular'; font-weight: 400; }
.paga-boleto,
.paga-cartao { display: none; }
.corta-extra {  position: relative; width: 100%; height: auto; overflow: hidden; }
.acerto { color: #81ae38; width: 300px; border:#81ae38 1px solid; }
.errado { color: #ff0000; width: 300px; border:#ff0000 1px solid; }

/* TOPO */
.topo{ width: 100%; height: 65px; top: 0; margin: 0px; padding: 0px; z-index: 1000; background-color: #ffffff; position: relative; text-align:center; }
.topo .logomarca-kr { cursor: pointer; width: 210px; height:55px; position: relative; z-index: 101; margin: 5px auto; display: inline-block; background-image: url(../imagens/logomarca-kr-empreendimentos.png); background-repeat: no-repeat; background-position: center top; background-size: auto 55px;}
.atalhos { width: auto; height: 45px; margin: 8px 10px 8px 0px; float: right; }
.atalhos .botao-fone { width: auto; height: 26px; line-height: 26px; float: right; color:#ffffff; font-size: 26px; text-align: center; background: transparent; font-family: 'geogrotesque_rgregular'; font-weight: 400; }
.atalhos .botao-fone p { font-size: 13px; text-align: right; line-height: 13px; padding-top: 5px; }
.menu-assinar { position: relative; font-size: 14px; display: inline-block; width: 110px; border-radius:4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; height: 25px; margin: 13px 5px 13px 5px; float: right; border:#81ae38 1px solid; font-weight: 600; color: #81ae38; text-align: center; letter-spacing: 1px; line-height: 25px; padding: 7px 0px; }
.menu-user { position: relative; display: inline-block; width: 65px; height: 65px; margin: 0px 0px 0px 1px; float: right; color: #ffffff; text-align: center; cursor: pointer; }
.menu-user:hover { background: rgba(13,37,39,1); height: 66px; }
.menu-user p { color: #ffffff; font-size: 14px; letter-spacing: 1px; text-align: center; font-weight: 400; line-height: 65px; font-family: 'geogrotesque_rgregular'; }

/* POPUP */
#fechar { z-index:100001; position:fixed; }
#mascara { position:fixed; width:100%; min-height: 100%; left: 0; top: 0; background:url(../imagens/mask.png); z-index:100001; }

/*LOADING*/
#carregando { width: 100%; height: 100% !important; position: fixed; top: 0; z-index: 90000; background:#0d253b; background: -webkit-gradient(radial, center center, 120, center center, 900, from(#31526f), to(#0d253b)); background:-moz-radial-gradient(circle, #31526f, #0d253b); }
#carregando .loader { margin:-30px 0px 0px 0px; top: 50%; position: relative;  }
#carregando .loader h1{ font-family: 'geogrotesque_lglight'; color:#FFF; font-size:16px; letter-spacing:1px; font-weight:600; text-align:center; padding-bottom: 10px; }
#carregando .loader span{ width:16px; height:16px; border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; display:inline-block; position:absolute; left:50%; margin-left:-10px; -webkit-animation:3s infinite linear; -moz-animation:3s infinite linear; -o-animation:3s infinite linear; }
#carregando .loader span:nth-child(2){ background:#85c1ea; -webkit-animation:kiri 1.2s infinite linear; -moz-animation:kiri 1.2s infinite linear; -o-animation:kiri 1.2s infinite linear; }
#carregando .loader span:nth-child(3){ background:#81ae38; -webkit-animation:kirinan 1.2s infinite linear; -moz-animation:kirinan 1.2s infinite linear; -o-animation:kirinan 1.2s infinite linear; }
#carregando .loader span:nth-child(4){ background:#ffffff; z-index:100; }
#carregando .loader span:nth-child(5){ background:#b64f8b; -webkit-animation:kanan 1.2s infinite linear; -moz-animation:kanan 1.2s infinite linear; -o-animation:kanan 1.2s infinite linear; z-index: 101; }
#carregando .loader span:nth-child(6){ background:#e2a806; -webkit-animation:kanarin 1.2s infinite linear; -moz-animation:kanarin 1.2s infinite linear; -o-animation:kanarin 1.2s infinite linear; z-index: 101; }

/* LANDING PAGE */
.banner-landing { width: 100%; height: auto; clear: both; background-color: #; margin: 0px; position: relative; z-index: 1; }
.banner-landing h1 { width: 100%; height: auto; clear: both; padding: 40px 0px 50px 0px; color: #; font-size: 42px; line-height: 42px; font-family: 'geogrotesque_rgregular'; font-weight: normal; text-align: center; }
#landing-page { width: 100%; height: auto; clear: both; background: # url(../imagens/bg-padrao-landing.png) no-repeat center top; margin: 0px; position: relative; z-index: 103 }
#landing-page .pg-landing { max-width: 100%; height: auto; padding: 0px; }
#landing-page .pg-landing .bloco1 { width: 100%;; float: left; height: auto; padding-bottom: 40px; }
#landing-page .pg-landing .bloco1 h1 { width: 100%; font-family: 'geogrotesque_rgregular'; height: auto; margin: 45px 0px; color: #; font-size: 36px; line-height: 40px; text-align: left; font-weight: 400; font-style: normal; }
#landing-page .pg-landing .bloco1 h2 { width: 100%; font-family: 'geogrotesque_rgregular'; height: auto; margin: 15px 0px; color: #; font-size: 16px; line-height: 22px; text-align: left; font-weight: 400; font-style: normal; letter-spacing: 0px; }
#landing-page .pg-landing .bloco1 img { float: left; padding: 40px 40px 25px 0px; max-width: 300px; height: auto; }
#landing-page .pg-landing .bloco1 p { width: 100%; font-family: 'geogrotesque_rgregular'; height: auto; margin: 15px 0px; color: #; font-size: 16px; line-height: 22px; text-align: left; font-weight: 400; font-style: normal; letter-spacing: 0px; }
#landing-page .pg-landing .bloco1 p.top { width: 100%; font-family: 'geogrotesque_rgregular'; height: auto; margin: 50px 0px 15px 0px; color: #; font-size: 28px; line-height: 32px; text-align: left; font-weight: 400; font-style: normal; letter-spacing: 0px; }
#landing-page .pg-landing .bloco2 { width: 300px; height: auto; float: right; padding: 30px; text-align: center; background-color: #231f20; }
#landing-page .pg-landing .bloco2 .label { color: #ffffff; font-family:'geogrotesque_rgregular'; width: 95%; height: auto; padding: 14px 0px 0px 0px; font-size: 15px; line-height: 15px; text-align: left; font-weight: 400; clear: both; }
#landing-page .pg-landing .bloco2 .direito-page { color: #ffffff; font-family:'geogrotesque_rgregular'; width: 100%; height: auto; padding: 35px 0px 15px 0px; font-size: 12px; line-height: 14px; text-align: center; font-weight: 400; clear: both; }
#landing-page .pg-landing .bloco2 .direito-page a { text-decoration: underline; color: #ffffff; font-family:'geogrotesque_rgregular'; font-size: 12px; line-height: 14px; font-weight: 400; }
#landing-page .pg-landing .bloco2 .campo { color: #000000; font-family:'geogrotesque_rgregular'; background-color: #ffffff; width: 95%; height: 22px; margin: 5px 0 15px 0px; padding: 4px; font-size: 15px; text-align: left; float: left; font-weight: 400; }
#landing-page .pg-landing .bloco2 select { color: #000000; background-color: #ffffff; width: 95%; height: 30px; margin: 5px 0px; padding: 4px; font-size: 15px; text-align: left; float: left; font-weight: 400; }
#landing-page .pg-landing .bloco2 .campo2 { color: #000000; background-color: #ffffff; width: 95%; font-family: 'geogrotesque_rgregular'; height: 90px; margin: 5px 0px; padding: 4px; font-size: 15px; text-align: left; float: left; font-weight: 400; }
#landing-page .pg-landing .bloco2 .bt-manda { margin-top: 10px; background-color: #; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; height: auto; font-size: 15px; font-family: 'geogrotesque_rgregular'; text-transform: uppercase; cursor: pointer; padding: 15px 20px; letter-spacing: 1px; font-style: normal; color: #; text-align: center; font-weight: 600; }
#landing-page .pg-landing .face { width: auto; height: auto; clear: both; padding: 25px 0px; text-align: center; position:relative; }
/* LANDING PAGE */

/* FORM */
.formulario input[type=text], .formulario select, .formulario textarea { background-color: #f4f1f0; width: 95%; text-align: left; padding: 3px; height: 20px; font-size: 13px; font-family: 'geogrotesque_rgregular'; }
.formulario input[type=button] { margin-top: 10px; background-color: #0d253b;-moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; height: auto; font-size: 14px; font-family: 'geogrotesque_rgregular'; text-transform: uppercase; cursor: pointer; padding: 10px 15px; font-style: normal; color: #81ae38; text-align: center; font-weight: 400; }
/* FORM */

/* RODAPÉ */
.rodape {  width: 100%; height: auto; background-color: #ffffff; }
.rodape .final { width: 100%; height: auto; clear: both; background-color: #231f20; padding: 15px 0px; }
.rodape .final .direitos { width: 100%;; text-align: center; line-height: 18px; font-size: 15px; font-family: 'geogrotesque_rgregular'; font-weight: 300; color: #ffffff; text-transform: none; }
.rodape .final .direitos a { line-height: 18px; font-size: 15px; font-family: 'geogrotesque_rgregular'; font-weight: 300; color: #ffffff; text-transform: none; }
.rodape .final .direitos a:hover { text-decoration: underline; }
/* RODAPÉ */

/* BARRA FINAL */
.barra-conecte { width: 100%; height: 5px; position: relative; z-index: 100; margin: 0px; }
.barra-conecte .site { width:25%; height: 5px; float: left; background:#81ae38; }
.barra-conecte .loja { width:25%; height: 5px; float: left; background:#b64f8b; }
.barra-conecte .imobiliario { width:25%; height: 5px; float: left; background:#85c1ea; }
.barra-conecte .servico { width:25%; height: 5px; float: left; background:#e2a806; }
/* BARRA FINAL */

@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes kanan {
    0% {-webkit-transform:translateX(20px); }
	50%{-webkit-transform:translateX(-20px);}
	100%{-webkit-transform:translateX(20px); z-index:200; }
}
@-moz-keyframes kanan {
    0% {-moz-transform:translateX(20px); } 
	50%{-moz-transform:translateX(-20px); } 
	100%{-moz-transform:translateX(20px); z-index:200; }
}
@-o-keyframes kanan {
    0% {-o-transform:translateX(20px); } 
	50%{-o-transform:translateX(-20px); } 
	100%{-o-transform:translateX(20px); z-index:200; }
}

@-webkit-keyframes kanarin {
    0% {-webkit-transform:translateX(40px); } 
	50%{-webkit-transform:translateX(-40px); } 
	100%{-webkit-transform:translateX(40px); z-index:200; }
}
@-moz-keyframes kanarin {
    0% {-moz-transform:translateX(40px); }
	50%{-moz-transform:translateX(-40px); }
	100%{-moz-transform:translateX(40px); z-index:200; }
}
@-o-keyframes kanarin {
    0% {-o-transform:translateX(40px); }
	50%{-o-transform:translateX(-40px); }
	100%{-o-transform:translateX(40px); z-index:200; }
}

@-webkit-keyframes kiri {
     0% {-webkit-transform:translateX(-20px); z-index:200; }
	50%{-webkit-transform:translateX(20px); }
	100%{-webkit-transform:translateX(-20px); }
}
@-moz-keyframes kiri {
     0% {-moz-transform:translateX(-20px); z-index:200; }
	50%{-moz-transform:translateX(20px); }
	100%{-moz-transform:translateX(-20px); }
}
@-o-keyframes kiri {
    0% {-o-transform:translateX(-20px); z-index:200; }
	50%{-o-transform:translateX(20px); }
	100%{-o-transform:translateX(-20px); }
}

@-webkit-keyframes kirinan {
    0% {-webkit-transform:translateX(-40px); z-index:200; }
	50%{-webkit-transform:translateX(40px); }
	100%{-webkit-transform:translateX(-40px); }
}
@-moz-keyframes kirinan {
    0% {-moz-transform:translateX(-40px); z-index:200; }
	50%{-moz-transform:translateX(40px); }
	100%{-moz-transform:translateX(-40px); }
}
@-o-keyframes kirinan {
    0% {-o-transform:translateX(-40px); z-index:200; }
	50%{-o-transform:translateX(40px); }
	100%{-o-transform:translateX(-40px); }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#home { background-image: url(../imagens/banner-padrao-fixo-mobile.jpg); background-repeat: no-repeat; background-position: center center; background-size: auto 100% !important; }
}
@media screen and (max-width: 1024px) {
	#home { background-image: url(../imagens/banner-padrao-fixo-mobile.jpg); background-repeat: no-repeat; background-position: center center; background-size: auto 100% !important; }
	.util { width: 100%; }
	#home .slogan,
	#home .capta1 { width: 100%; }
	#carregando .loader h1{ font-size:24px; font-weight: 800; }



	#landing-page .pg-landing { text-align:center; }
	#landing-page .pg-landing .bloco1 { width: 92%; float: none; height: auto; text-align:center; padding: 0px 4% 40px 4%; }
	#landing-page .pg-landing .bloco1 h1, #landing-page .pg-landing .bloco1 h2 { text-align: center; padding: 45px 0px; margin: 0px; }
	#landing-page .pg-landing .bloco1 img { float: none; padding: 0px 0px 25px 0px; max-width: 300px; height: auto; }
	#landing-page .pg-landing .bloco1 p, #landing-page .pg-landing .bloco1 p.top { text-align:center; }
	#landing-page .pg-landing .bloco2 { width: 260px; float: none; display: inline-block; padding: 30px; }

}
@media screen and (max-width: 470px) {
	.topo .logomarca-conecte { margin-left: 7px; }
	.topo .logomarca-conecte:hover { margin-left: 7px; }
	.topo .produtos-conecte { margin: 0px 0px 0px 7px; }
}