/*********************************************************/
/*	STYLE CSS										 	 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
html, body {width:100%; height:100%; font-family: "Ubuntu", sans-serif;}
p {font-size: 0.85em; font-weight: 400; line-height: 20px}
/*********************************************************/
/*	TOPO & RODAPE										 */
/*********************************************************/
:root {
	--azul-claro: #3d3dce;
    --azul-escuro: #3d3dce;
    --verde: #3d3dce;
}
/*********************************************************/
header {width: 100%; display: table; padding-top: 10px;}

header .inicio {width: 100%; padding-bottom: 10px; display: table;}
header .social {float: right;}
header .social li {float: left; padding: 5px 0 0 20px; color: var(--azul);}
header .social i:hover {color: var(--verde) !important;}
header .social i {font-size: 1.2em; padding-right: 5px;}
header .social a {color: var(--azul-claro);}
header .bt {background-color: var(--verde); color: #fff !important; padding: 5px 20px !important; border-radius: 10px; margin-left: 10px;}
header .bt:hover {background-color: var(--azul-escuro); color: #fff !important;}

header .centro {width: 100%; background-color: var(--azul-escuro); border-radius: 10px; position: relative; display: table; z-index: 999999;}
header .logo {width: 200px; height: 145px; background-size: 100%; background-repeat: no-repeat; position: absolute; z-index: 9999; left: 10px; top: -30px;}
header .menu {float: right;}


footer {width: 100%; display: table; background-color: var(--azul-escuro); padding-top: 20px;}

footer .logo {width: 20%; float: left; height: 180px; background-repeat: no-repeat; background-size: 100%; margin-top: -40px;}
footer .centro {width: 75%; float: right;}
footer .centro p {text-align: right; color: #fff; font-size: 1.6em;}

footer .submenu {float: right;}
footer .submenu li {float: left; font-weight: 400; padding: 10px 10px; font-size: 1.2em;}
footer .submenu a {color: #fff;}
footer .submenu a:hover {color: var(--verde) !important;}

footer .rdsocial {float: right;}
footer .rdsocial li {float: left; padding-left: 20px; font-size: 1.2em; font-weight: 500; color: #fff;}
footer .rdsocial a {color: #fff;}
footer .rdsocial a:hover {color: var(--verde) !important;}
footer .rdsocial i {padding-right: 5px; font-size: 1.4em;}
footer .rdsocial i:hover {color: var(--verde);}

footer .fim {width: 100%; padding: 30px 0; text-align: center; background-color: #5ebb46;}
footer .fim p {color: #fff; font-size: 0.9em;}
footer .fim a {color: #fff;}
footer .fim a:hover {color: var(--azul-escuro);}

.esquerda {width: 47%; float: left;}
.direita {width: 47%; float: right;}

.botao-verde {color: #fff; font-size: 1.1em; background-color: var(--verde); border-radius: 10px; padding: 10px 20px; cursor: pointer; display: inline-block;}
.botao-verde:hover {background-color: var(--azul-escuro);}
.botao-verde:disabled {background-color: #cccccc; color: #666666; cursor: not-allowed; }

.botao-azul {color: #fff; font-size: 1.1em; background-color: var(--azul-escuro); border-radius: 10px; padding: 10px 20px; cursor: pointer; display: inline-block;}
.botao-azul:hover {background-color: var(--verde);}
.botao-azul:disabled {background-color: #cccccc; color: #666666; cursor: not-allowed; }

.video-container {width: 100%; padding-bottom: 10px;}
.video {position: relative; padding-bottom: 55%;}
.video iframe {position: absolute; width: 100%; height: 100%;}

.pagina-alerta {background-color: var(--verde); padding: 10px; border-radius: 10px; color: #fff; font-weight: 700;}
/*********************************************************/
.tela-1 {width: 100%; display: table; padding: 60px 0 250px 0; background-color: var(--azul-escuro); text-align: center; position: relative; z-index: 1;}
.tela-1 p {color: #fff; font-size: 1.2em; line-height: 30px;}
/*********************************************************/
.tela-2 {width: 100%; display: table; position: relative; z-index: 2; background-color: var(--verde);}
.tela-2 h1 {color: #fff; padding: 10px 0 30px 0;}
.tela-2 h2 {color: var(--azul-claro); font-weight: 800; padding-bottom: 20px;}
.tela-2 h3 {color: var(--azul-escuro); font-size: 1.6em;}
.tela-2 i {padding-right: 20px;}

.tela-2 .verde {color: var(--verde);}
.tela-2 .azul {color: var(--azul-escuro);}
.tela-2 .texto {width: 50%; float: left; padding-top: 40px;}
.tela-2 p {color: #000; line-height: 25px;}
.tela-2 .imagem {width: 50%; float: right; padding: 40px 0;}
/*********************************************************/
.tela-3 {width: 100%; display: table; padding: 30px 0 0 0;}
.tela-3 h2 {color: var(--azul-escuro); padding-bottom: 20px;}
.tela-3 .direita {padding-top: 80px;}
/*********************************************************/
.tela-4 {width: 100%; display: table; padding-bottom: 40px; text-align: center; background-color: var(--azul-claro) !important;}
.tela-4 h1 {color: #fff; font-size: 2em;}
.tela-4 h2 {color: var(--azul-claro); font-weight: 800; padding-bottom: 20px;}
.tela-4 p {font-size: 1.2em; color: #fff;}
.tela-4 .capa {width: 60%; margin: auto;}
.tela-4 .formulario {margin-top: 30px;}
.tela-4 .tex {font-size: 1em; color: #343434;}
.tela-4 .disable {background-color: #cccccc; color: #666666; cursor: not-allowed; }
.tela-4 .titulo {font-size: 3em; color: var(--azul-escuro);}
/*********************************************************/
.concluido {width: 100%; border: 1px solid #343434; padding: 20px 40px; text-align: center; border-radius: 20px;}
.concluido i {color: var(--verde); font-size: 3em; padding-bottom: 10px;}
.concluido p {color: #343434; font-size: 1em; line-height: 25px;}
.concluido span {color: var(--verde); font-weight: 900; font-size: 1.6em;}
/*********************************************************/
.formulario {width: 100%; background-color: #f4f2f2; border-bottom: 5px solid var(--azul-escuro); border-right: 5px solid var(--azul-escuro); border-radius: 15px; padding: 30px; display: table; position: relative; margin-top: -200px;}
.formulario h3 {color: #343434; text-align: center; padding-bottom: 20px;}
.formulario label {font-weight: 700; display: block; padding-bottom: 5px; color: #343434;}
.formulario .input {width: 100%; padding: 15px; background-color: #fff; font-family: "Ubuntu", sans-serif; border: 1px solid #343434; border-radius: 10px;}
.formulario .esquerda {width: 50%; padding-right: 40px; border-right: 1px solid var(--azul-escuro);}
.formulario .quadro {width: 100%; padding: 0 50px;}
.formulario .etapa {width: 90%; margin: 0 auto 40px auto;}
.formulario .link {color: var(--azul-claro);}
/*********************************************************/
#form-container {width: 50%; margin: auto; position: relative; text-align: left;  }
  .form-step { width: 100%;display: none; }
  .form-step.active {display: block;}
  button {margin-top: 20px; border: 0;}

  .flr {float: right;}
  .fll {float: left;}
  .input-error { border: 2px solid red !important;}
  .hidden { display: none; }
/*********************************************************/
.modal {display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.6);}
.modal h3 {font-size: 1.4em;}
.modal label {font-size: 0.9em; display: block; padding-bottom: 5px;}
.modal .input {width: 100%; padding: 15px; background-color: #fff; font-family: "Ubuntu", sans-serif; border: 1px solid #343434; border-radius: 10px;}
.modal-content {background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888;  width: 80%; max-width: 400px; border-radius: 10px;}
.close { color: #aaa; float: right; font-size: 28px; font-weight: bold;}
.close:hover,
.close:focus { color: black;  text-decoration: none;  cursor: pointer;}
.botao-site {width: 180px; height: 50px; background-image: url('../voltar.png'); background-size: 100%; background-repeat: no-repeat; display: inline-block; margin: auto;}
.minilogo {width: 220px !important; margin: 0 0 30px 0;}