@import url('https://fonts.googleapis.com/css?family=Roboto:200,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('loading.css');
@charset "utf-8";

body { font-size: 11px; font-family: 'Roboto', Calibri, Arial, sans-serif; text-rendering: geometricPrecision !important; -webkit-font-smoothing: antialiased !important; height: auto; font-weight: 400; background-color: #ffffff; color: #504e50; }
* { margin: 0px; padding: 0px; border: none; list-style: none; text-decoration: none; }

/* GERAIS */
a:link, a:visited, a:hover { color:#000000; text-decoration:none; font-size: 12px; font-family: 'Roboto'; }
.clearfix:before, .clearfix:after,.clearfix2:before, .clearfix2:after { display: table; content: " "; min-height: 0px !important; margin: 0px !important; }
.clearfix:after, .clearfix2:after { clear: both; float: none; height: 0px !important; min-height: 0px !important; margin: 0px !important;  }
.util { width: 1150px; margin: 0 auto; height: auto; }
.util2 { width: 1000px; margin: 0 auto; height: auto; }
.util3 { width: 850px; margin: 0 auto; height: auto; }
.anima { -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(80,78,80,0.8); z-index:1009; }
#amensagem { display: none; position: fixed; z-index: 100001; left: 0; top: 0; width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); padding: 30px 20px; font-size: 18px; line-height: 18px; font-family: 'Roboto'; font-weight: 600; color: #ffffff; text-align: center; height: auto; letter-spacing: 0px; }
.sombratopo { -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1); }
.carregando{ left:0; top:0; position:fixed; z-index:5000000; background: #000000; width:100% !important; height:100% !important;}
.esconde { display: none !important; }

/* TOPO PADRÃO INTERNO */
.banner { width: 100%; height: auto; background-color: #ffffff; position: relative; clear: both; overflow: hidden; margin-top: 0px; padding: 120px 0px; }
.banner .blocos2 .sucesso { font-size: 18px; line-height: 24px; font-weight: 200; text-align: center; }
.banner .blocos2 .sucesso .final { width: auto; height: auto; position: relative; display: inline-block; margin-bottom: 20px; color: #000000; padding: 5px 10px; background:yellow; font-size: 32px; line-height: 40px; font-weight: 600; text-align: center; }
.banner .blocos2 .sucesso .resultado1 { width: 100%; height: 200px; margin-bottom: 30px; background-image: url(../img/resultado-1.png); background-size: auto 90%; background-repeat: no-repeat; background-position: center center; }
.banner .blocos2 .sucesso .resultado2 { width: 100%; height: 200px; margin-bottom: 30px; background-image: url(../img/resultado-2.png); background-size: auto 90%; background-repeat: no-repeat; background-position: center center; }
.banner .blocos2 .sucesso .resultado3 { width: 100%; height: 200px; margin-bottom: 30px; background-image: url(../img/resultado-3.png); background-size: auto 90%; background-repeat: no-repeat; background-position: center center; }
.banner .blocos2 .sucesso .resultado4 { width: 100%; height: 200px; margin-bottom: 30px; background-image: url(../img/resultado-4.png); background-size: auto 90%; background-repeat: no-repeat; background-position: center center; }
.banner .blocos2 .sucesso .resultado5 { width: 100%; height: 200px; background-image: url(../img/resultado-5.png); background-size: auto 100%; background-repeat: no-repeat; background-position: center center; }
.banner .blocos2 .sucesso .resultado5 .final_interno { width: 74px; height: 60px; left: 50%; position: absolute; margin: 120px 0px 0px 2px; color: #000000; padding: 5px 10px; font-size: 15px; line-height: 20px; font-weight: 400; text-align: center; }
.banner .blocos2 .sucesso .resultado5 .final_interno p { width: 100%; height: auto; position: relative; font-size: 32px; color: #ab262b; line-height: 30px; font-weight: 600; text-align: center; }
.banner .blocos2 .sucesso p a { font-size: 18px; text-decoration: underline; }
.banner .blocos2 { width: 100%; height: auto; margin: 20px 0px 10px 0px; float: left; }
.banner .blocos2 .whats { width: auto; float: left; padding-top: 10px; padding-right: 30px; line-height: 20px; color: #666666; font-size: 18px; line-height: auto; font-weight: 300; font-family: 'Roboto'; text-align: left; padding-bottom: 5px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.banner .blocos2 .cwhats { width: 100% !important; padding: 12px 0px; line-height: 20px;color: #666666; font-size: 20px; line-height: auto; font-weight: 300; font-family: 'Roboto'; text-align: left; padding-bottom: 5px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.banner .blocos2 .whats p { font-size: 24px; line-height: 30px; font-weight: 200; }
.banner .cta-botao { width: auto; float: left; font-size: 18px; font-weight: 400; font-family: 'Roboto'; color: #ffffff; text-align: left; padding: 0px 40px; line-height: 50px; height: 50px; background-color: #666666; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; overflow: hidden;  -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; margin-top: 10px; }

/* POPUP */
#fechar { z-index:100001; position:fixed; }
#fechapopup { position: fixed; cursor: pointer; z-index:100002; left: 50%; margin-left: -27px; top: 10px; background-color: rgba(14,140,218,0.9); color: #ffffff; border:#ffffff 1px solid; font-size: 10px; letter-spacing: 2px; font-family: 'Roboto'; font-weight: 400; padding: 5px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
#mascara, #mascarafb { position:fixed; text-align: center; width:100%; min-height: 100%; left: 0; top: 0; background-color: rgba(14,140,218,0.9); z-index:100001;  }
.fb_iframe_widget { left: 0px !important; }

/* TOPO */
header { width: 100%; height: 70px; position: relative; top: 0px; left: 0px; z-index: 11000; background-color: #ededed; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
header .logomarca { width: 150px; height: 65px; margin: 2.5px 0px; position: relative; float: left; vertical-align: middle;background-image: url(../img/favicon.png); background-size: auto 65px; background-position: center center; background-repeat: no-repeat; }

/* RODAPÉ */
footer { width: 100%; height: auto; padding: 20px 0px; background-color: #ededed; }
footer .direitos { width: 94%; height: auto; line-height: auto; color: #666666; font-size: 12px; font-weight: 400; font-family: 'Roboto'; text-align: center; padding: 0px 3%; }

/* MENU CELULAR */
#menu2start { display: none; cursor: pointer; width: 38px; height: 34px; background: url(../imagens/menucel.png) no-repeat center center; position: fixed; right: 10px; top: 20px; z-index: 12001; }
#menu2start:hover { background: url(../imagens/menucel.png) no-repeat center center; }
#menu2start.ativo { cursor: pointer; width: 38px; height: 34px; background: url(../imagens/menucelativo.png) no-repeat center center; position: fixed; right: 10px; top: 20px; z-index: 12001; }
#menu2 { display: none; background-color: rgba(14,140,218,0.9); width: 100%; height:100% !important; margin: 0 auto; padding-top: 65px; position: fixed; z-index: 1000; text-align: center; }
#menu2 li { font-weight: 700; text-transform: uppercase; border-top: rgba(255,255,255,0.1) 1px solid !important; list-style-type: none; cursor: pointer; color: #ffffff; text-align: left; font-size: 19px; height: auto; padding: 10px 15px 10px 15px; line-height: 35px; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); font-family: 'Roboto'; display: inline-block; }
#menu2 li .ft { width: 35px; background-repeat: no-repeat; background-position: center center; height: 35px; float: left; margin: 0px 10px 0px 0px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position:relative;overflow: hidden; background-color: #ffffff; text-align: center; }
#menu2 li .some { display: none; }
#menu2 li ul li { border-bottom: none !important; text-transform: uppercase; border-top: rgba(255,255,255,0.1) 1px solid !important; background-color: rgba(14,140,218,0.2) !important; width: 100%; }

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(87,146,81, 0.5);
    -moz-box-shadow: 0 0 0 0 rgba(87,146,81, 0.5);
    box-shadow: 0 0 0 0 rgba(87,146,81, 0.5);
  }
  70% {
      -webkit-box-shadow: 0 0 0 15px rgba(87,146,81, 0);
    -moz-box-shadow: 0 0 0 0 rgba(87,146,81, 0);
    box-shadow: 0 0 0 0 rgba(87,146,81, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(87,146,81, 0);
    -moz-box-shadow: 0 0 0 0 rgba(87,146,81, 0);
    box-shadow: 0 0 0 0 rgba(87,146,81, 0);
  }
}
@keyframes pulse {
  0% {
  	-webkit-box-shadow: 0 0 0 0 rgba(87,146,81, 0.5);
    -moz-box-shadow: 0 0 0 0 rgba(87,146,81, 0.5);
    box-shadow: 0 0 0 0 rgba(87,146,81, 0.5);
  }
  70% {
  	-webkit-box-shadow: 0 0 0 0 rgba(87,146,81, 0);
      -moz-box-shadow: 0 0 0 15px rgba(87,146,81, 0);
      box-shadow: 0 0 0 15px rgba(87,146,81, 0);
  }
  100% {
  	-webkit-box-shadow: 0 0 0 0 rgba(87,146,81, 0);
      -moz-box-shadow: 0 0 0 0 rgba(87,146,81, 0);
      box-shadow: 0 0 0 0 rgba(87,146,81, 0);
  }
}

@media screen and (max-width: 1150px) {
	.util { width: 100%; }

	.banner { width: 94%; margin-top: 0px; padding: 30px 3% 60px 3%; }

	header .logomarca { margin-left: 0px; width: 100% }
	footer { width: 94%; padding: 20px 3%; text-align: center; }

	article .banner { text-align: center; background-size: auto 100%; background-position: left center }
	article .banner .destaque { width: 80%; display: inline-block; float: none; z-index: 2; text-align: center; padding-top: 40px; }
	article .banner .destaque h1, article .banner .destaque h5,   article .banner .destaque h6 { text-align: center; }
	article .banner .destaque .divisa { margin: 20px auto; }
	article .banner .destaque .blocos2 { display: none; }
	article .banner .destaque .cta-botao { float: none; display: inline-block;}

	.topo-simulador { height: auto; position: relative; }
	.topo-simulador .logomarca { margin-left: 15px; }	
	.topo-simulador .nav-simulador { width: 100%; height: auto; border-top: #ffffff 1px solid; float: none; position: relative; clear: both; }
	.topo-simulador .nav-simulador ul { width: 100%; height: auto; text-align: center; }
	.topo-simulador .nav-simulador ul li { margin: 0px 15px; float: none; line-height: 40px; display: inline-block; }

	.rodape { width: 94%; height: auto; background-color: #078CD6; padding: 25px 3%; }
	.rodape .logomarca-rodape { width: 100%; height: 60px; float: none; background: url(../imagens/direitos.png) no-repeat center center; }
	.rodape .direitos { float: none; display: inline-block; width: 100%; height: auto; line-height: 20px; padding: 10px 0px; }
	.rodape .duvidas { width: 100%; height: 60px; margin: 0px; float: none; }
	.rodape .duvidas ul { list-style-type: none; width: 100%; height: auto;  }
	.rodape .duvidas ul li { text-align: center; }
	.rodape .duvidas ul li.whats { padding-left: 0px; text-align: center;; background: url(../imagens/espaco.png); }
	.rodape .duvidas ul li.cwhats { text-align: center; }

	header .nav-simulador ul li { font-size: 18px; padding-right: 10px; }

}
@media screen and (max-width: 1000px) {
  .util2 { width: 100%; }
}
@media screen and (max-width: 1150px) {
  .util3 { width: 100%; }
}
@media screen and (max-width: 816px) {
  #mascara, #pop, #mascarafb, #popfb { width: 1px !important; height: 1px !important; overflow: hidden !important; position: absolute !important; }
}
@media screen and (max-width: 650px) {
  header nav { display: none; }
  #menu2start { display: inherit; }
}
@media screen and (max-width: 360px) {
  #menu2 li { font-size: 17px; }
}