/* Custom Stylesheet */
body{
background: url('../img/fundo.jpg?03') no-repeat center center; 
background-size: 100% 100%;
background-attachment: fixed;
}

main{
	margin-top:100px;
	
}

.container {
	margin: 0 auto;
	max-width: 1280px;
	width: 95%;
}

#logo{
	position:relative;
	float:left;
	height:130px;
	display: flex;
	align-items: center;
}
#logo img{
	vertical-align:central;
	height:130px;
	width:auto;
	margin-left:10px;
	margin-top:10px;
}


nav ul a,
nav .brand-logo {
  color: #003172;
  height:100px;
}

nav ul a:hover {
	background-color:#3ea3df;
}


nav .button-collapse {
	float:right;
  color: #003172;
}

.navbar{
	position:fixed;
	margin: 0 auto;

  width: 100%;	
	top:0;
	z-index:100;	
}
.navbar nav{
margin:0 auto;
height:100px;
background-color:#fff;
}

.navbar nav img{
	height:150px;
	width:auto;
} 
.navbar nav a .material-icons{
height:100px;
line-height:100px;
}
.navbar nav .nav-wrapper ul li a:hover{
color:#fff;
}
.navbar nav .nav-wrapper ul li a{
height:40px;
line-height:40px;
color:#003172;
padding:0;
margin-top:50px;
}
.navbar nav .nav-wrapper ul li a:hover span{
border-left:solid 2px #3ea3df;
}
.navbar nav .nav-wrapper ul li a span{
	padding:0 25px 0 25px;
	border-left:solid 2px #ddd;
}

.icon_whats_flutuante{
	position:fixed;
	float:right;
	width:70px;
	height:70px;
	bottom:40px;
	right:40px;
	z-index:100;
}
.icon_whats_flutuante img{
	width:60px;
	height:60px;
}

.titulo-paginas{
margin:10px 0 20px 0;
font-size:24px;
font-weight:bold;
color: #111f41;
text-align:center;
}

.img_home{
	display:block;
	width:100%;
margin:0 auto;
	height:auto;
	background-color:#111f41;
}
.img_home img{
	width:100%;
	height:auto;
	display:none;
	
}

.div_quemsomos{
	margin:0 auto;
	width:100%;
	padding:20px 15px 40px 15px;
	font-size:20px;
	background-color: #fff;
	text-align: justify;
}

.div_quemsomos img{
	width:100%;
	height:auto;
	max-width:600px;
}

.div_quemsomos strong{
	color: #111f42;
}

.div_vantagens{
	margin:0 auto;
	width:100%;
	padding:20px 15px 40px 15px;
	font-size:20px;
	background-color: #003172;
	text-align: justify;
	color:#FFF;
}
.div_vantagens .titulo-paginas{
	color:#FFF;
}
.div_vantagens table td{
	padding:20px 0 0 0;
}
.div_vantagens .material-icons{
	font-size:24px;  
	color:#fff;
	position:relative;
	vertical-align:middle;
}

.div_recursos{
	margin:0 auto;
	width:100%;
	padding:20px 15px 40px 15px;
	font-size:20px;
	background-color: #003172;
	text-align: justify;
}
.div_recursos .titulo-paginas{
	color:#FFF;
}
.div_recursos .caixa_recursos{
	background-color:#FFF;
	padding:20px;
	font-size:17px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	 border-radius:7px;
	 margin-bottom:20px;
}
.div_recursos .caixa_recursos .titulo-paginas{
	color:#003172;
}
.div_recursos table td{
	padding:20px 0 0 0;
}
.div_recursos strong{
	color:#003172;
}
.div_recursos .material-icons{
	font-size:24px;  
	color:#090;
	position:relative;
	vertical-align:middle;
}

.div_planos{	
	margin:0 auto;
	width:100%;
	padding:20px 15px 40px 15px;
	font-size:16px;
	text-align: center;
	background-color: #fff;
}

.div_planos .titulo-paginas{
	color:#003172;
}
.div_planos .titulo-planos{
	margin:0 0 20px 0;
	font-size:24px;
	font-weight:bold;
	color: #111f41;
	text-align:center;
}
.div_planos table td{
	padding:20px 0 0 0;
}
.div_planos .material-icons{
	font-size:24px;  
	color:#090;
	position:relative;
	vertical-align:middle;
}
.div_planos .valor{
	font-size: 36px;
}

.modal_plano .titulo-paginas{
	color:#003172;
}
.modal_plano table td{
	padding:20px 0 0 0;
}
.modal_plano .material-icons{
	font-size:24px;  
	color:#090;
	position:relative;
	vertical-align:middle;
}

.modal { 
width: 50% !important ; 
}

.conteudo_planos{
	text-align:center;
	font-size:16px;
}
.conteudo_planos h5{
	color: #039;
}
.conteudo_planos strong{
	color: #039;
}
.conteudo_planos img{
	width:auto;
	max-width:100%;
	height:auto;
}


.div_contato{
	margin:0 auto;
	width:100%;
	padding:20px 15px 0 15px;
	font-size:20px;
	background-color:#003172;
	text-align:center;
	color:#fff;
}
.div_contato a{
	text-decoration:none;
	color:#fff;
}
.div_contato .titulo-paginas{
	color:#fff;
}

.div_contato .siga_insta{
	width:90%;
	max-width:300px;
	height:auto;
}

.botao_whats{
	position:relative;
	display:inline-block;
	width:auto;
	background-color:#25d366;
	color:#FFF;
	padding:10px 20px 10px 20px;
	border-radius: 10px;
	margin:0 auto;
	text-align:center;
	line-height:30px;
}

.div_separador{
	width:100%;
	height:400px;
}

.div_login img{
	height:100px;
	width:auto;

}

.page-footer .texto-footer{
	font-size:20px;
	font-weight:bolder;
	padding-left:40px;
}

.cor_fundo_footer{
	
}
.page-footer{
	background:none;
	padding:0 0 50px 0;
}


.page-footer .footer-copyright{
	background-color:#003172;
	padding:0 15px 0 15px;
}
.page-footer .footer-copyright a{
	color:#FFF;
}

.logo-footer{
	text-align:center;
}
.logo-footer img{

}


.map-container {
	width: 100%;
}
.map-container iframe{
	width: 100%;
	display: block;
	pointer-events: none;
	position: relative; /* IE needs a position other than static */
}
.map-container iframe.clicked{
	pointer-events: auto;
}

.logo-menu-lateral{
	width:100%;
	margin:0 auto;
	text-align:center;

}
.logo-menu-lateral a img{
	height:auto;
	width:auto;
	max-width:90%;
	max-height:120px;
	margin-bottom:10px;

}


.mdi-navigation-arrow-drop-down-circle:before{content:"\25bc";}
.mdi-navigation-arrow-drop-down:before{content:"\25bc";}
.mdi-navigation-arrow-drop-up:before{content:"\25bc";}
.mdi-navigation-chevron-right:before {content: "\203A"; }

.collapsible {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  margin: 0.5rem 0 1rem 0;
}
.collapsible li {
	height:45px;
}
.collapsible li a {
  display: block;
  cursor: pointer;
  min-height: 45px;
  line-height: 45px;
  padding: 0;
}

.collapsible-header {
  padding: 0;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}

.collapsible-header i {
  width: 2rem;
  font-size: 1.6rem;
  line-height: 3rem;
  display: block;
  float: left;
  text-align: center;
  margin-right: 1rem;
}

.collapsible-body {
  display: none;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  padding: 2rem;
}

.side-nav {
	background-color:#fff;
}
.side-nav .collapsible-header,
.side-nav.fixed .collapsible-header {
  background-color: #eee;
  border: none;
  color:#003172;
  line-height: inherit;
  height: inherit;
  padding: 0 16px;
  border-top: 1px solid #101010;
}
.side-nav .collapsible-header:hover,
.side-nav.fixed .collapsible-header:hover {
  background-color: #3ea3df;
  color:#fff;
}

.side-nav .collapsible-header a,
.side-nav.fixed .collapsible-header a {
	color:#003172;
}

.side-nav .collapsible-body,
.side-nav.fixed .collapsible-body {
  border-top: 1px solid #ddd;
  background-color: #f3f5f6;
}

.side-nav .botao_whats{
	width:89%;
}

.texto-footer h5{
	color:#fff;
}
.texto-footer p{
	color:#fff;
	font-size:18px;
}

.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}



@media only screen and (min-width : 1025px) {
	.navbar nav{
	padding:0 50px 0 50px;
	}
}

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

}

@media only screen and (max-width : 992px) {
	
	.icon_whats_flutuante{
		position:fixed;
		float:left;
		width:70px;
		height:70px;
		bottom:100px;
		left:40px;
		z-index:100;
	}
	.icon_whats_flutuante img{
		width:60px;
		height:60px;
	}
	
	.div_depoimentos .texto_depoimento{
		font-size:14px;
	}

}

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

	body{
	background: url('../img/fundo.jpg?03') no-repeat center center; 
	background-size: auto 100%;
	background-attachment: fixed;
	}

	#bg-top{
	height:110px;
	}
	
	.titulo-paginas{
	font-size:20px;
	}
	
	.modal { 
	width: 95% !important ; 
	}
	
	.icon_whats_flutuante{
		position:fixed;
		float:left;
		width:50px;
		height:50px;
		bottom:30px;
		left:20px;
		z-index:100;
	}
	.icon_whats_flutuante img{
		width:50px;
		height:50px;
	}
	
	.botao_whats{
		position:relative;
		display:inline-block;
		width:88%;
		background-color:#25d366;
		color:#FFF;
		padding:10px;
		border-radius: 10px;
		margin:0 auto;
		text-align:center;
		line-height:30px;
	}
	
	.div_separador{
		height:300px;
	}

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

	.div_contato .mapa{
		margin-top:10px;
	}
}