*{ font-family:'Open Sans', sans-serif; box-sizing:border-box; }
body{ padding:0; margin:0; overflow-x:hidden; background-color:#F9F9F9; }
h1, h2, h3{ padding:0; margin:0; }
img{ border:none; }
a{ text-decoration:none; }
ul, li, p{ margin:0; padding:0; list-style:none; }

div.container{ width:1170px; margin:0 auto; position:relative; box-sizing:border-box; }
.clear{ clear:both; }
.inputbox{ border:1px solid #1C2732; padding:10px; font-size:14px; width:400px; margin-bottom:15px; }
.button{ color:#FFF; font-size:20px; font-family:'Raleway', sans-serif; padding:10px; font-weight:bold; border:none; background:#D80000; cursor:pointer; }
.invisivel{ display:none; }
.load{ width:16px; height:16px; background:url(../imgs/loader.gif); display:none; }
.videos{ position:fixed; width:80vw; height:80vh; z-index:2; display:none; box-shadow:0 0 25px rgba(0, 0, 0, 0.8); border-radius:15px 50px; }

#overlay{ position:fixed; top:0; left:0; background:rgba(255,255,255,0.8); width:100%; height:100vh; z-index:6; }
#overlay .closeOverlay{
	position:absolute;
	top:25px;
	right:25px;
	background:#D80000;
	color:#FFF;
	font-size:19px;
	text-align:center;
	display:block;
	border-radius:50%;
	cursor:pointer;
	z-index:3;
	width:25px;
	height:25px;
}

.bt-topo-home{
	margin:0 auto;
	display:block;
	width:max-content;
}

div#header{ position:fixed; top:0; left:0; width:100%; background:rgba(0,0,0, 0.2); z-index:5; padding:5px 0; }
div#header .btMenu{ display:none; }
div#header a.logo{ float:left; }
div#header ul.menu{ float:right; margin:18px 0 0 75px; }
div#header ul.menu li{ float:left; padding:0 15px; }
div#header ul.menu li a{ color:#FFF; font-size:13px; font-weight:bold; cursor:pointer; }
div#header ul.menu li a:hover{ color:#000; }

div#banner{ width:100%; height:calc(100vh - 110px); position:relative; }
div#banner div.carrossel img{
	width:100%;
	height:calc(100vh - 110px);
	display:block;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
}
div#banner .box-contato{ width:max-content; position:absolute; bottom:0; left:calc(50vw - 585px); background-color:#00ACDB; color:#fff; font-size:20px; padding:20px 40px; }
div#banner .box-contato strong{ color:#fff; font-size:35px; display:block; }

div#seguradoras{ padding:30px 0 0; position:relative; z-index:2; }
/*div#seguradoras{ display:table; overflow:hidden; position:relative; }*/
div#seguradoras .itens{ display:table-cell; padding:0 7px; }
div#seguradoras .itens img{ display:block; margin:0 auto; }
div#seguradoras table{ width:100%; }
div#seguradoras table td{ text-align:center; }
 
img.seguradoras{ margin:65px auto; display:block; }
.submenu{ width: max-content; margin:45px auto 0;; }
.submenu li{ float:left; margin: 0 5px; }
.submenu li a{ 
	border: 2px solid #000;
	padding: 10px 15px;
	border-radius: 10px;
	color: #000;
	font-weight: bold;
	cursor: pointer;
}

.bt-video{
	margin:0 auto;
	width:100%;
	cursor:pointer;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
	display:block;
	z-index:1;
	position:relative;
}
.bt-video:hover{ transform:scale(1.1); }

.bgs{ position:relative; z-index:2; }
.bgs .bg{ margin:0 auto; display:block; width:100%; height:auto; }
.bgs .bt-orcamento{ position:absolute; bottom:2.5%; left:calc(50% - 157px); cursor:pointer; }
.bgs .bt-seguros{ position:absolute; left:calc(50% - 330px); bottom:16.5%; }
.bgs .bt-seguros li{ float:left; margin:0 10px; }
.bgs .bt-seguros li a{
	padding:5px 0; border:1px solid #fff; color:#fff ; text-align:center; font-weight:600; display:block;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
	width:200px;
	border-radius:10px;
}
.bgs .bt-seguros li a:hover{ color:#00B0E0; background-color:#fff; }
.bgs .bt-seguros li a.ativo{ color:#00B0E0; background-color:#fff; }

.bgs .bt-seguros.flex li a{ border-color:#000; color:#00B0E0 ; }
.bgs .bt-seguros.flex li a:hover{ color:#fff; background-color:#000; }
.bgs .bt-seguros.flex li a.ativo{ color:#fff; background-color:#000; }

.bgs .bt-seguros.economico li a{ border-color:#fff; color:#fff ; }
.bgs .bt-seguros.economico li a:hover{ color:#000; background-color:#fff; }
.bgs .bt-seguros.economico li a.ativo{ color:#000; background-color:#fff; }

.bgs .linkPg{ position:absolute; background-color:transparent; width:1px; height:1px; }
.bgs .imgopcao{ display:none; position:absolute; top:58%; left:calc(50% - 579px); z-index: 1; }


#seguro-completo.bgs .linkPg{ bottom:56%; }
#seguro-flex.bgs .linkPg{ bottom:58%; }
#seguro-economico.bgs .linkPg{ bottom:58%; }
#formulario.bgs .linkPg{ top:4%; }
.scrollWindow{ position:fixed; top:0; background-color:#D80000; width:200px; height:30px; z-index:10; display:none; }

#formulario #formContato{ position:absolute; top:56%; width:1000px; left:calc(50% - 500px); background-color:#fff; padding:25px; }
#formulario #formContato .passos{ display:block; }
#formulario #formContato #passo1.passos{ display:block; }
#formulario #formContato .passos h2{ text-align:center; margin:0 0 15px; font-size:20px; font-weight:800; }
#formulario #formContato .passos h2 label{ text-align:center; margin:0; border-radius:50%; color:#fff; font-size:18px; font-weight:800; padding:0; background-color:#000; display:inline-block; width:25px; height:25px; }
#formulario #formContato .passos table{ width:100%; }
#formulario #formContato .passos table td{ padding:10px; }
#formulario #formContato .passos .form-control{ border:none; border-bottom:2px solid #000; font-size:15px; width:100%; padding:10px; }
#formulario #formContato .btn-enviar{ margin:20px auto 0; border-radius:10px; color:#000; background-color:#00B0E0; text-align:center; font-weight:800; padding:5px 15px; display:block; border:none; font-size:20px; }


#rodape{ background-color:#000; width:100%; padding:310px 0 30px; }
#rodape * { color:#fff; }
#rodape p{ width:100%; color:#fff; text-align:center; font-weight:600; padding:40px 0 0 0; font-size:13px; }
#rodape table{ width:100%; }
#rodape table td{ width:calc(100% / 3); vertical-align:top; display:table-cell;color:#fff; }
#rodape table img{ filter:brightness(0) invert(1); display:block; margin:0; }
#rodape table .redes{ border-radius:50%; margin:20px 10px; float:left; padding:0; }
#rodape table .redes:hover{ background-color:#8F8F8F; }
#rodape table strong{ color:#fff; font-weight:600; font-size:20px; display:block; margin:0 0 20px 0; }
#rodape table .links{ width:50%; float:left; color:#FFF; font-size:15px; padding:10px 0; cursor:pointer; }
#rodape table .links:hover{ text-decoration:underline; }

.whatsFlutuante{ position:fixed; bottom:25px; right:25px; z-index:10; cursor:pointer; }

@media (max-width:1170px){
	div.container{ width:320px; }
	.whatsFlutuante{ width:50px; }
	.whatsFlutuante img{ width:100%; }
	div#banner{ height:auto; }
	div#banner div.carrossel img{ height:auto; }
	.bgs .bt-orcamento{ left:calc(50% - 125px); } 
	.bgs .bt-orcamento img{ width:250px; }
	.bgs .bt-seguros{ left:calc(50% - 100px); bottom:18.5%; }
	.bgs .bt-seguros li{ margin:10px 0; }
	.bgs .imgopcao{ top: 15%; left: calc(50% - 134px); }
	.bgs .bt-seguros.flex{ bottom:21.5%; }
	.bgs .bt-seguros.economico{ bottom:15.5%; }
	div#header{ display:none; }
	div#header a.logo{ margin:0 auto; display:block; width:max-content; float:none; }
	div#header .btMenu{ display:none; position:absolute; top:10px; right:10px; z-index:2; width:25px; cursor:pointer; }
	div#header .btMenu span{ width:100%; margin:0 0 4px 0; height:4px; background-color:#00ACDB; display:block; }
	div#header ul.menu{ margin:0; display:none; background:#fff; position:fixed; top:0; right:0; width:100vw; z-index:1; padding:10px; }
	div#header ul.menu li{ float:none; padding:5px 15px; list-style:disc inside; }
	div#seguradoras{ padding:0; background-color:#F9F9F9; }
	div#seguradoras .jquery-slider-wrapper{ margin:0 auto; }
	div#seguradoras .container{ background-color:#F9F9F9; margin:0 auto; }
	div#seguradoras .container .itens{ display:table-cell; padding:0 7px; background-color:#F9F9F9; height:100%; }
	div#seguradoras .container .itens img{ display:block; margin:50px auto 0; }
	.bt-video{ width:90%; }
	div#imgs-estruturas table td{ width:100%; display:block; text-align:center; } 
	div#produtos-servicos{ margin:-60px 0 95px 0; }
	div#produtos-servicos .titulo strong{ color:#000; }
	div#produtos-servicos table td{ width:calc(100% / 2); display:block; float:left; padding-bottom:23px; }
	div#produtos-servicos table td img{ width:90%; margin:0 auto; display:block; }
	div#produtos-servicos table td strong{ font-size:20px; }
	#comercial{ margin:95px 0 80px; }
	#comercial a{ width:100%; padding:0; margin:30px 0; }
	#licenca{ padding-top:40px; }
	#estrutura{ padding:0; margin:0; }
	.videoEstrutura{ margin-top:30px; }
	div#imgs-estruturas{ margin-bottom:85px; }
	div#adm-financ img{ background-size:90%; }
	#rodape{ display:none; }
	div#adm-financ{ padding-top:25px; }
	div#adm-financ .titulo{ padding:0 0 5px; }
	#formulario #formContato {
		position:relative;
		top:30px;
		width:100%;
		left:auto;
		padding:10px;
	}
	#formulario #formContato .passos table td{ display:block; }
	img.seguradoras{ width:300px; }
	img.seguradoras{ width:90%; }
}