@charset "utf-8";
html, body {overflow-x: hidden; margin: 0px; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 16px; background-color:#FFFFFF; padding:0px; }
a { color: #000; text-decoration: none; font-size: 16px; }
a:hover { text-decoration: none; }
p { margin: 0px; font-size: 16px; }
h2 { color: #fd9703; }

h4 { color: #2c3e50; }
h6{padding:15px 0px; color:#333}

.tit1 {font-size:18px; color: #29323c; font-weight: bold}
.tit2 {font-size:14px; color: #f5f5f5;}
.tit3 {font-size:18px; color: #fd9703;}
.tit4 {font-size:12px; color: #e5e5e5;}

.valores {color: #fd9703; font-size: 28px; font-weight: bold}

.alogin {color: #00afef}
.alogin:hover {color: #ffffff}
.btn_acessar_loja:hover a{color: #ffffff}

.div_senha {margin-top: 15px; display:none}
.alterar_senha {background: #00afef; color: #ffffff; padding: 8px 20px; font-size: 12px; border-radius: 10px;}
.alterar_senha:hover {background: #039fd8;}

.erro_label{color: #ff8f03; padding: 20px; font-size: 18px; font-weight: 700;}

.container { max-width: 1180px; margin: 0px auto}

.header {z-index:200; width: 100%; height: 60px; background-color: #ffffff; border-bottom:2px solid #00afef; float:left}
.header-logo {width: 18%; float: left; margin-top: 6px}
.header-menu {width: 64%;  float: left; text-align: center; margin-top:0px }
.header-menu div{width: 20%; padding-top: 18px; float: left; text-align: center; margin-top:0px }
.header-acessar-loja {width: 18%; text-align: center; float: right; margin-top: 6px}

.video_institucional {width:560px; height: 315px}


.bloco {width: 100%; text-align: center; background-color: #ffffff; float:left;}
.cadastro {background-image: url('img/b1.jpg'); height:600px; background-position: center;}
.investimento {background:#f5f5f5; height:500px}
.conheca {background:#ffffff;  padding: 0 0 20px 0;}
.porque_investir {background:#383838; padding:50px 0}
.produtos {background:#f5f5f5; padding:50px 0}
.simulacao_lucro {background:#383838; padding:50px 0}
.depoimentos {background:#54aee3; padding:50px 0}
.depoimentos p{color: #ffffff}
.interessado {background-image: url('img/bg-interessado.jpg'); background-position: center;}
.rodape {background:#000000; padding:30px 0; color:#ffffff;}

.div_cadastro {width: 100%; text-align: center; background-color: #ffffff; float:left; color:#000}
.p_cadastro{padding: 50px 0 20px 0;font-size:22px; color:#ff8f03; font-weight:bold; clear:both}

.clear {clear: both}

.bloco15 {width: 20%; float:left; color:#fff}
.bloco15 div{width: 150px; height: 150px; margin:0 auto; border: 2px solid #fd9703; border-radius: 50%; line-height: 150px; vertical-align: middle;}
.bloco15 p{font-size:28px }
.bloco10 {width: 5%; float:left; color:#fff; display: table-cell; vertical-align: middle;}
.bloco10 div{height: 150px; line-height: 150px; vertical-align: middle;}
.bloco10 p{font-size:28px }
.maior{width: 25%; margin-top: -25px;}
.maior div {width: 200px; height: 200px; background: #fd9703; line-height: 200px;}

.bloco33 {width: 27%; margin-top:50px;  float:left; padding: 0 3%}
.bloco25 {width: 25%; margin-top:50px; float:left}
.bloco40 {width: 40%; margin: 0 4%; border: 1px solid #ffffff; margin-top:50px; float:left; height:580px}

.video {width: 500px; height: 315px}

.email {padding: 10px 20px; font-size: 18px; width: 400px; border-radius: 50px 50px; border: 0;}

.btn_cadastrar {border-radius: 20px; background: #ff8f03; color: #FFF; margin-left: 10px; border: 0; font-weight: bold; font-size: 17px; padding: 11px 20px;}
.btn_cadastrar:hover {background:#e88203; color:#ffffff; cursor: pointer}
.btn_acessar_loja {border-radius: 20px;background: #fffffe;color: #00afef;border: 0;font-weight: bold;font-size: 14px;padding: 8px 20px 10px 20px;border: 1px solid #00afef;margin-top: 2px;}
.btn_acessar_loja:hover {background:#00afef; color:#ffffff; cursor: pointer}
.btn_acessar_loja a{ color: #00afef;}


.div_duvidas {text-align: left; padding: 0 50px;}
.duv_titulo {margin-top:25px; padding: 10px; font-size: 18px; font-weight: 600;}
.duv_pergunta {padding: 10px; background: #75d5f9; margin-top:2px; cursor: pointer}
.duv_resposta {display:none; padding: 8px; border: 2px solid #75d5f9;}
.duv_resposta p {margin: 5px 0}

.form-interessado {padding: 10px 20px; color: #ffffff; font-size: 14px; width: 100%; border:1px solid #ffffff; background-color: transparent;}
.form-cadastro {padding: 10px 0; color: #000000; font-size: 14px; width: 100%; border:1px solid #00afef; border-radius:5px; background-color: transparent;}



.menu-topo-phone {display:none}
.botao-menu-phone {width: 46px; height: 46px; display: inline-block; vertical-align: middle; position: relative; text-indent: -9999px; overflow: hidden; cursor: pointer;}
.botao-menu-phone:before {content: ""; display: block; margin: 15px auto; width: 60%; height: 0.2em; background: #00afef; box-shadow: 0 .45em 0 0 #00afef, 0 .9em 0 0 #00afef;}

.menu-mobile {display:none; width: 100%;height: 500px;background: #000000; opacity: 0.85; position: relative; margin-top: -16px;}

.menu-lateral {float:left;width: 100%;color: #ffffff;position: relative; text-align:center}
.menu-lateral p{padding:10px 0; cursor:pointer}
.menu-lateral a{color:#ffffff!important; font-size:20px}
.mobile-fechar {float: right;color: #ffffff;font-size: 30px; cursor:pointer; width: 10%;background: #1a71af;text-align: center;padding: 10px;position: absolute;top: 10px;right: 0;}

.header-logo-phone {display:none}

.div_formulario {margin:0 auto; width: 60%}
.div1 {width:15%; float: left; padding:10px 0}
.div2 {width:85%; float: left; padding:10px 0}

.divE {width:22%; float: left; text-align:right; padding:10px}
.divD {width:75%; float: left; text-align:left; padding:10px 0}
.divD_menor {width:25%; float: left; text-align:left; padding:10px 0}

.erro_nome, .erro_cpf, .erro_telefone, .erro_cidade, .erro_estado, .erro_loja_nome, .erro_email, .erro_senha{display:none; font-size: 12px;background: #fb5a5a;color: #ffffff;padding: 4px;margin-top: 2px;}



.menu_esquerdo {width:25%; float:left}
.menu_esquerdo p {background: #00afef; margin: 0 15px 15px 15px; padding: 10px; border-radius: 10px}
.menu_esquerdo a {color: #ffffff; font-size: 16px;}
.conteudo {width:74%; border:1px solid #ccc; float:left}



.p_topo{width:90%; float: left; margin: 10px 5% 0 5%; padding: 8px 0; background: #d0d0d0;}
.borda {background: #e4e4e4; border:1px solid #e4e4e4}
.p_id, .p_data, .p_valor, .p_comissao, .p_status {width:20%; float:left}

.p_comissoes {width:100%; display:none; background: #fff; float:left; padding:10px 0 0 0}
.p_comissoes p {padding:10px 0}
.c_label {width:50%; float:left; text-align:right}
.c_valor {width:49%; margin-left:1%; float:left; text-align:left}

.inativar_loja{border-radius:20px; background:#ff3333; color:#FFF; font-weight:bold; padding:8px 8px; float:right; width:fit-content; margin-right:3%; margin-bottom:1%; cursor:pointer; display:none;}
.ativar_loja{border-radius:20px; background:#33cc33; color:#FFF; font-weight:bold; padding:8px 8px; float:right; width:fit-content; margin-right:3%; margin-bottom:1%; cursor:pointer; display:none;}
.ativar_btn{ display:block; }
.planos{ display: flex;	width: 100%;flex-direction: column;justify-content: center;align-items: center;}
.plano .titulo{display: flex;	width: 100%;justify-content: center;align-items: center;}
.plano .titulo h2{font-size:30px;}
.planos .plano_detalhes{display: flex;width: 100%;flex-wrap: wrap;justify-content: center;align-items: center; padding:10px;}
.plano_detalhes .plano_gratis{width: 200px;height: 200px;display: flex;flex-direction: column;justify-content: center;align-items: center; background-color: #eee;margin:10px;border-radius: 10px;}
.plano_detalhes .plano_pago{width: 200px;height: 200px;display: flex;flex-direction: column;justify-content: center;align-items: center; background-color: #eee;margin:10px;border-radius: 10px;}
.plano_detalhes .plano_gratis h2,
.plano_detalhes .plano_pago h2{
    font-size:18px;
}
@media only screen and (max-width: 992px) {
	
	.header-logo{display:none}
	
	.bloco15, .bloco10 {width: 100%;}
	.bloco33 {width: 100%; padding:0}
	.maior {width: 100%; margin-top:0px;}
	.bloco10 div{height: 80px; line-height: 80px; vertical-align: middle;}
	.bloco25 {width: 100%;}
	.bloco40 {width: 90%;}
	.bloco40 img{width: 100%;}
	.header-menu, .header-acessar-loja {display:none}
	
	.video_institucional {width:360px; height: 200px}
	
	.investimento{height:100%; padding-bottom:50px}
	.video {width: 90%}
	.email {width:80%}
	.btn_cadastrar{ margin-top: 15px}
	
	.simulacao_lucro img{width:95%}
	
	.cadastro {margin:0}
	
	.menu-topo-phone {display:block; width:46px; float:left; }
	.header-logo-phone {display:block; width:80%; margin-top:5px; text-align:center; float:left; position: relative;}
	.header {height:48px;}
	
	.div_formulario {margin:0 5%; width: 90%; text-align:left}
	.div1 {width:20%; float: left; padding:15px 0 0 0}
	.div2 {width:70%; float: left; padding:2px 0}
	
	.divE {width:100%; padding:0; text-align:left}
	.divD {width:90%;}
	.divD_menor {width:90%;}
	
}