@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

*{
	font-family: 'Roboto', sans-serif;
}

p{
	color: #474747;
}

a{
	transition: all .6s;
}

img{
	max-width: 100%;
}

.topo{
	background: #2d80bf;
	color: #fff;
	padding: 5px 0;
	text-transform: uppercase;
	font-size: 14px;
}

.logo{
	margin: 25px 15px 25px 0 ;
	float: left;
}

@media(max-width: 1200px){
	.topo{
		display: none;
	}
	.logo{
		float: none;
		display: block;
		margin: 20px auto;
		width: 187px;
	}
}

#header .btn,
#footer .btn{ 
	background: #263e64;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	padding: .5rem 0;
}

#header .btn svg,
#footer .btn svg{
	fill: #fff;
	width: 20px;
	height: 20px;
}

/********************** Inicio Menu *******************************/
#menu-toggle {cursor: pointer; display: none; }		
  
#menu{
	margin-top: 50px;
	float: right;
}

#menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

#menu ul li{ 
	float:left; 
	height: auto; 
	position: relative;
}

#menu ul li a{ 
	font-size: 16px; 
	display: block; 
	height: auto;  
	padding: 0px 10px; 
	line-height: 45px; 
	color: #253d62; 
	text-decoration: none; 
} 

#menu ul li a:hover{ 
	background: #2d4d73;
	color: #fff;
}  

#menu ul li.sep{
	width: 1px;
	height: 30px;
	background: #378fd2;
	margin-top: 8px;
}

/* Submenu */
#menu li ul {position: absolute; z-index:99999; top: 50px; left:0px; display: none; width:195px; margin-left:0px; padding-top: 1px;}
#menu li ul li { height:auto; width:195px; background:#027f01; }
#menu ul li:hover > ul {display: block; }
#menu li ul li a{height:auto; line-height:20px; padding: 8px 10px; font-size:15px; background: #027f01; border-bottom:1px dotted #fff;}
#menu li ul li a:hover{background: #025601;}
#menu li ul li:last-child a{border-bottom: none;}
 
@media only screen and (min-width: 1200px) { 
	#menu.nav-fixed {position: fixed; left: 0; top:0; margin-top: 0; z-index: 199; background: #263e64; width: 100%; padding: 5px 0; }
	#menu.nav-fixed ul{ display: block; margin: 0 auto; float: none; text-align: center; }
	#menu.nav-fixed li{display: inline-block; vertical-align: middle; float: none;}
	#menu.nav-fixed li.sep{margin-top: 0;}
	#menu.nav-fixed ul a{line-height: 45px; color: #fff;}
	#menu.nav-fixed ul a:hover{background: #fff; color: #0084d1;}
} 


#painel-home ul{
	padding-left: 0;
	list-style: none;
}

.tthome{
	color: #2d4b71;
	font-size: 30px;
}
.btn-1{
	border-radius: 0;
	color: #2d4b71;
	border:2px solid #2d4b71;
}
	.btn-1:hover{
		background: #2d4b71;
		color: #fff;
	}

.home{
	background: url(../img/bg/home.jpg) no-repeat center #2d80bf;
	background-size: cover;
	min-height: 342px;
	padding: 30px 0;
	position: relative;
}
	.home img{
		position: absolute;
		bottom: 0;
		right: 20%;
	}

@media(max-width: 1230px){
	.home img{
		right: 10%;
	}
}	
@media(max-width: 1040px){
	.home img{
		right: 5%;
	}
}	
@media(max-width: 992px){
	.home img{
		display: none;
	}
}

@media(max-width: 768px){
	.home{
		min-height: 100px;
	}
}	

	.home h3{
		font-size: 34px;
		color: #fff;
	}

	.home p{
		color: #fff;
	}

	.btn-2{
		background: #2d4b71;
		color: #fff;
		border-radius: 0;
	}
		.btn-2:hover{
			background: #223b5d;
			color: #fff;
		}
 
	.owl-prev, .owl-next{display: block; height: 45px; width: 45px; position: absolute; z-index: 200; text-indent: -9999px; top:30%; 
		background-image: url(../img/icones/arrow.png); background-repeat: no-repeat;}
	.owl-prev {background-position: 0 -51px; left: -40px; }
	.owl-next {background-position: -50px -51px; right: -40px; }


@media(max-width: 768px){
	.owl-prev {left: 0px; }
	.owl-next {right: 0px; }
}

	.item{
		display: block; 
		margin: 0 auto; 
		float: none !important; 
		max-width: 200px;
		text-align: center;
	}
		.item p{
			margin-top: 15px;
		}

	.item2{
		display: block; 
		margin: 0 auto; 
		float: none !important; 
		max-width: 100px; 
		height: 100px;
	} 
	.item2 img{
		 width: auto !important;
		vertical-align: middle;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}

.home2{ 
	position: relative;
	padding: 40px 0 30px 0;
	background: #2d4b71;
	background: -moz-linear-gradient(90deg, #2d4b71 75%, #1f395b 100%);
	background: -webkit-linear-gradient(90deg, #2d4b71 75%, #1f395b 100%);
	background: -o-linear-gradient(90deg, #2d4b71 75%, #1f395b 100%);
	background: -ms-linear-gradient(90deg, #2d4b71 75%, #1f395b 100%);
	background: linear-gradient(180deg, #2d4b71 75%, #1f395b 100%);
}

.home2:after{
	content: "";
	width: 48%;
	height: 100%;
	background: url(../img/pessoas.jpg) no-repeat center;
	background-size: cover;
	top: 0;
	right: 0;
	position: absolute;
}	
@media(max-width: 1040px){
	.home2:after{
		width: 45%;
	}
}	
@media(max-width: 992px){
	.home2:after{
		display: none;
	}
}

	.home2 h3{
		color: #fff;
		font-size: 36px;
		margin-bottom: 15px;
	 }
	.home2 .form-control{
		border-radius: 0;
		height: 45px !important; 
	}
	.home2 .form-group{
		margin-bottom: 5px;
	}
	.home2 span{
		color: #fff;
		font-size: 16px;
		display: block;
		margin-bottom: 5px;
	}
	.home2 .captcha{
		border:none;
		margin-top: 1px;
	}
	.home2 .btn{
		border-radius: 0;
		background: #2d80bf;
		color: #fff;
		padding: 10px 35px;
		cursor: pointer;
		margin-top: 0px;
		font-size: 18px;
	}

	.home2 p{
		color: #fff;
	}
 

	.home2 p a{
		color: #60baff;
	}

.zoom{display: block; text-align: center; width: 100%; overflow: hidden;}
.zoom img {transition: all .5s; vertical-align: middle; width: 100%;}
.zoom:hover img {transform: scale(1.3); transition: all .5s;}

.marcas {
    border-radius: 10px;
    border: 1px solid #c9c9c9;
    height: 200px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}

 .marcas img{
 	display: block;
 	margin: 0 auto;
 	max-width: 80%;
 }

 .noticia{
 	border-bottom: 1px dotted #a5a5a5;
 	margin-bottom: 30px;
 }

 .noticia h3{
 	color: #263e64;
 	font-weight: bold;
 	font-size: 22px;
 }

 .noticia time{
 	color: #999;
 }

 .pagination .active a.page-link{
 	background: #263e64;
 	border-color: #263e64;
 }

 .pagination a.page-link{
 	color: #2d80bf;
 }

 .btn-volta{
 	background: #263e64;
 	color: #fff;
 }

 .btn-volta:hover{
  	background: #2d80bf;
  	color: #fff;
  }

.cabecalho h2{
 	color: #263e64;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 5px;
}

.cabecalho time{
	color: #737373;
}

 #form input{
 	height: 45px;
 	border:1px solid #ccc;
 }

 #form .btn{
 /*	background: #d34e03;*/
 	color: #fff;
 	height: 50px;
 	border: none;
 	cursor: pointer;
 }

  #form .btn:hover{
/*  	background: #da560d;*/
  }

 .captcha{
 	float: left;
 	border:1px solid #ccc;
 	margin-right: 10px;
 	padding: 9px 5px 9px 10px;
 	background: #fff;
 }

 #captcha{
 	width: 180px;
 	float: left !important;
 }
 
#footer{
	padding: 30px 0 20px 0;
	background: #2d80bf;
	color: #fff;
	font-size: 14px;
}

.fancybox-type-iframe .fancybox-inner {
  height: 450px !important;
}



/* Internals */
.main {
	line-height: 20px;
}

.banner {
 	background-position: 50% 0;
 	background-repeat: no-repeat;
 	-webkit-background-size: cover;
 	background-size: cover;
 	height: 300px;
 	margin-bottom: 30px;
 } 

.banner--about {
	background-image: url(../img/topo-quem-somos.jpg);
}

.banner--insurance-plans {
	background-image: url(../img/topo-planos-seguros.jpg);
}

.banner--insurance-company {
	background-image: url(../img/topo-seguradoras.jpg);
}

.banner--customer {
	background-image: url(../img/topo-clientes.jpg);
}

.banner--contact {
	background-image: url(../img/topo-contato.jpg);
}

.banner--seguro-auto {
	background-image: url(../img/topo-seguro-auto.jpg);
}

.banner--seguro-saude {
	background-image: url(../img/topo-seguro-saude.jpg);
}

.banner--empresa-seguro-empresarial {
	background-image: url(../img/banner/topo-empresa-seguro-empresarial.jpg);
}

.banner--empresa-seguro-condominio {
	background-image: url(../img/banner/topo-empresa-seguro-condominio.jpg);
}

.banner--seguro-maquinas-e-equipamentos {
	background-image: url(../img/banner/topo-empresa-seguro-maquinas-e-equipamentos.jpg);
}

.banner--empresa-seguro-garantia {
	background-image: url(../img/banner/topo-empresa-seguro-garantia.jpg);
}

.banner--empresa-seguro-transportes {
	background-image: url(../img/banner/topo-empresa-seguro-transportes.jpg);
}

.banner--empresa-seguro-eventos {
	background-image: url(../img/banner/topo-empresa-seguro-eventos.jpg);
}

.banner--empresa-responsabilidade-civil {
	background-image: url(../img/banner/topo-empresa-responsabilidade-civil.jpg);
}

.banner--empresa-seguro-grupo {
	background-image: url(../img/banner/topo-empresa-seguro-grupo.jpg);
}

.banner--empresa-seguro-acidentes-pessoais-escolar {
	background-image: url(../img/banner/topo-empresa-seguro-acidentes-pessoais-escolar.jpg);
}

.banner--empresa-seguro-odonto {
	background-image: url(../img/banner/topo-empresa-seguro-odonto.jpg);
}

.banner--empresa-previdencia-privada-corporativa {
	background-image: url(../img/banner/topo-empresa-previdencia-privada-corporativa.jpg);
}

.banner--familia-seguro-residencial {
	background-image: url(../img/banner/topo-familia-seguro-residencial.jpg);
}

.banner--seguro-equipamentos-portateis {
	background-image: url(../img/banner/topo-familia-seguro-equipamentos-portateis.jpg);
}

.banner--seguro-fianca-locativa-garantia-de-aluguel {
	background-image: url(../img/banner/topo-familia-seguro-fianca-locativa-garantia-de-aluguel.jpg);
}

.banner--seguro-responsabilidade-civil-profissional {
	background-image: url(../img/banner/topo-familia-seguro-responsabilidade-civil-profissional.jpg);
}

.banner--seguro-nautico {
	background-image: url(../img/banner/topo-familia-seguro-nautico.jpg);
}

.banner--seguro-bike {
	background-image: url(../img/banner/topo-familia-seguro-bike.jpg);
}

.banner--consorcio {
	background-image: url(../img/banner/topo-familia-consorcio.jpg);
}

.banner--seguro-vida {
	background-image: url(../img/banner/topo-familia-seguro-vida.jpg);
}

.banner--familia-previdencia-privada {
	background-image: url(../img/banner/topo-empresa-previdencia-privada-corporativa.jpg);
}

.banner--seguro-viagem {
	background-image: url(../img/banner/topo-familia-seguro-viagem.jpg);
}

@media (max-width: 1000px) {
	.banner {
		height: 200px;
	}
}

@media (max-width: 600px) {
	.banner {
		height: 140px;
	}
}

.page-header h2 {
	color: #2d80bf;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 2px solid #2d4d73;
	margin-bottom: 40px;
}


/* About */
.generic__topic {
	color: #2d4d73;
	font-weight: bold;
	font-size: 20px;
	border-bottom: 1px solid #cfcfcf;
	padding-bottom: 5px;
	margin-bottom: 16px;
}

.about__topic {
	color: #2d4d73;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 16px;
}

.generic__list {
	list-style: none;
	padding: 0;
}

.generic__list li {
	border-bottom: 1px dotted #333;
	position: relative;
}

.generic__list li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	background: #3facff;
	height: 7px;
	width: 7px;
}

.generic__list li a {
	color: #333;
	display: block;
	padding: 5px 15px;
}

.generic__list li a:hover {
	color: #fff;
	background: #3facff;
	text-decoration: none;
}

.generic__list.cursor-default li a {
	cursor: default;
}


/* Seguro Auto */
.generic__list2 {
	list-style: none;
	padding: 0;
}

.generic__list2 li {
	position: relative;
	padding-left: 20px;
}

.generic__list2 li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	background: #3facff;
	height: 7px;
	width: 7px;
}

.proposal {
	background: #cbe9ff url(../img/bg-orcamento.jpg) no-repeat right bottom;
	padding: 30px;
	margin-bottom: 0px;
}

.proposal h2 {
	color: #2d4b71;
}

.btn--primary {
	background: #2d4d73;
	border-radius: 0;
	color: #fff;
}

.btn--primary:hover {
	background: #2d80bf;
	color: #fff;
}

@media (max-width: 1000px) {
	.proposal {
	background: #cbe9ff;
	padding: 30px;
}
}

/** RESET AND LAYOUT
===================================*/
.bx-wrapper {position: relative; max-width: 100% !important; margin: 0 auto; padding: 0; *zoom: 1;}
.bx-wrapper img {width: 100%; display: block;}

/** THEME
===================================*/
.bx-wrapper .bx-viewport {}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; bottom: 5px; width: 100%; padding: 0;  z-index: 1000; }
/* LOADER */
.bx-wrapper .bx-loading {min-height: 50px; background: url(../js/bxslider/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}

/* PAGER */
.bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
.bx-pager-item {padding: 5px 0;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #dcdada; text-indent: -9999px; display: block; width: 20px; border:2px solid #fff; height: 20px; margin: 0 2px;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #3879bb;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left: 5%; background-position: 0 0; }
.bx-wrapper .bx-next {right: 5%; background-position: -50px 0; }
.bx-wrapper .bx-prev:hover ,
.bx-wrapper .bx-next:hover {opacity: 1;}
.bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -25px; outline: 0; width: 49px; height: 49px; text-indent: -9999px; z-index: 9999;
background-image: url(../img/icones/arrow.png); background-repeat: no-repeat; opacity: 0.6;}

.bx-wrapper .bx-controls-direction a.disabled { display: none;}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../js/bxslider/images/controls.png) -86px -11px no-repeat; margin: 0 3px;}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../js/bxslider/images/controls.png) -86px -44px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px;}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; width: 35px;}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%;}
.bx-wrapper .bx-caption span {color: #fff; display: block; font-size: .85em; padding: 10px;}

.barratopo{display:none} 
.pull {display: none; background: url(../img/icones/pull.png) no-repeat right top; width: 36px; height: 36px; margin-right: 20px; cursor: pointer;}

@media(max-height: 295px){
 #menu{
 	 overflow-y: scroll;
 }
}
@media only screen and (max-width: 1200px) { 
	.pull {display: block; float: right; padding: 0 40px 0 0; } 
	#menu {background: #2d80bf; position: fixed; left: -100%; top: 0; z-index: 99999; width: 200px; height:100vh; overflow-x: hidden;transition-property: left; transition-duration: 0.5s; transition-timing-function:  ease-in-out; margin: 0;}
	#menu ul{float: none !important; margin: 0 0; }
	#menu ul li {width: 200px; display: block; float: none; height: auto; border-bottom:1px solid #1ea3f1;}
	#menu ul li.sep{display: none;}
	#menu ul li a {text-align: left; color: #fff; font-size: 1.1em; font-weight: bold; width: auto; height: auto; line-height: 36px; padding: 0 0 0 10px; } 
	#menu ul li:hover > ul {display: block; }
	#menu ul li ul{position:relative; top:0px; margin:0px; } 
	#menu-toggle:checked + #menu { left: 0 !important; }
	.barratopo{position:fixed; display: block; left: 0; top: 0; padding: 0; font-size:14px; width: 100%; height: 35px;
	 z-index:99999; background: #263e64; }
	.barratopo span {color: #fff; position: absolute; line-height:35px; left: 10px;}
	 
 
 	#header {
 		margin-top: 35px; 
 	}
 
}

@media only screen and (max-width: 767px) { 
}