@charset "utf-8";
/* CSS Document */

* {margin: 0;padding: 0;border: 0;outline: 0;}

img, embed, object, video { height: auto; max-width: 100%;}

#container {max-width:1200px; height:auto; margin:0 auto; }

strong {font-weight: 600;}


body {transition: all 200ms; background-color: #fffafa;}

	h1 {
	font-size:30px;
	font-family: 'Lato', sans-serif;
	color:#D1D9DE;	
	font-weight: 400;
	margin-bottom: 20px;
	text-align: right;
}

	h2 {
	font-size:32px;
	font-family: 'Poppins', sans-serif;
	color:#3969B5;	
	font-weight: 700;
	line-height: 150%;
	text-align:center;
	margin-top: 20px;
	text-shadow: #ffffff 1px 0 2px;
	}

	p {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;	
	font-size:20px;
	color: #333;	
	text-align: left;
	line-height: 150%;
	}

	

#menu-mob {
	position: fixed;
	width: 30px;
	height: 30px;
	top: 0px;
	right: 40px;
	z-index:999;
	cursor: pointer;
}

	#menu-mob img {padding: 20px;}
	
#close {
	position: fixed;
	width: 20px;
	height: 20px;
	top:-10px;
	right: 50px;
	z-index:999;
	display: none;
	cursor: pointer;
}

	#close img {padding: 30px;}	
		
#top {
	top: 0;
	bottom: 0;
	right: 0;
	position: fixed;
	height: auto;
	display: none;
	background-color: #204075;
	background: rgb(32, 64, 117) transparent;
	background: rgba(32, 64, 117, 0.9);
	z-index: 998 !important;
/* Para navegadores IE 5.5 - 7 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#204075, endColorstr=#204075);
/* Para navegadores IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D4D4F, endColorstr=#4D4D4F)";

}

	.lang {
		position: absolute;
		top: 20px;
		left: 20px;
	}

	.lang img {
		float: left;
		width: 35px;
		margin: 0px 5px;
	}



	nav {
		margin-top: 80px;
		margin-bottom: 30px;
	}

	nav ul {margin-top: 0px !important;}
	
	nav ul li {
		display: block; 
		text-align:left;  
		margin: 0 auto;
	}
	
	nav ul li a {
		font-family: 'Poppin s', sans-serif;
		font-weight: 500;
		font-size:16px;
		text-transform: uppercase;
		padding: 15px 30px;
		display: block;
		color: #fff;
		text-decoration: none;
		transition: all 200ms;
		}

	#top .lang p:hover {color:#3EB8EB;}	
	
	#top .lang .active {color:#3EB8EB;}				
	
	nav ul li a:hover {color:#3EB8EB;}		
	
	nav ul li .active {color:#3EB8EB;}

#head {
		width: 100%;
		height:auto;
		background-repeat:no-repeat;
		background-position: center;
		background-image:url(imagens/banner.jpg);
		background-size:cover;
		padding-top: 100px;
		padding-bottom: 150px;
		box-shadow: 0px 5px 30px 0px #333333;
		}

		#head p  {
			font-size:22px;
			font-weight: 600;
			color: #555;	
			text-align: center;
			line-height: 150%;
			margin: 0px auto;
			padding-bottom: 100px;
			max-width: 800px;
			text-shadow: #ffffff 1px 0 2px;
		}
			
.logo {
	width: 400px;
	margin: 0 auto;
	height: auto;
}	

.logo2 {
	width: 500px;
	margin: 0px auto 70px;
	height: auto;
}	
					
.btn a {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight:600;
	color:#fff;
	padding: 16px 22px;
	border-radius: 5px;
	background: rgb(58,125,194);
	background: linear-gradient(135deg, rgba(58,125,194,1) 0%, rgba(60,162,220,1) 100%);
	text-decoration:none;
	transition:all 0.5s;
	}
			
	.btn a:hover {
		background: rgb(58,125,194);
		background: linear-gradient(335deg, rgba(58,125,194,1) 0%, rgba(60,162,220,1) 100%);
		transition:all 0.5s;
		}


#sobre {
	padding: 70px 0px 120px;
	width: 100%;
	height: auto;
	background-repeat: repeat;
	background-image:url(imagens/bg-sobre.png);
}

	#sobre p {
		font-weight: 400;	
		font-size:18px;
		text-align: center;
		line-height: 170%;
		max-width: 800px;
		margin-bottom: 30px;
		color: #444;
}


#importe {
	padding: 100px 0px;
	width: 100%;
	height: auto;
	background-repeat:no-repeat;
	background-position: center;
	background-image:url(imagens/bg-importe.jpg);
	background-size:cover;
}

	#importe h2 {
		font-size:26px;
		color:#3EB8EB;	
		font-weight: 600;
		margin-top: 0px;
		margin-bottom: 50px;
		text-shadow: none;
	}

	#importe img {
		width: 50px;
	}

	#importe .box {
		margin: 30px auto;
		max-width: 700px;
	}

	#importe .p1 {
		font-weight: 500;	
		font-size:20px;
		color: #3EB8EB;
		text-align: center;
		margin: 10px auto;
	}

	#importe .p2 {
		font-weight: 300;	
		font-size: 18px;
		color: #fff;
		text-align: center;
	}


#contato {
		width: 100%;
		height:auto;
		background-repeat: repeat;
		background-image:url(imagens/bg-sobre.png);
		padding: 100px 0px 0px;
}	

#contato .box {			
	width: 550px;
	height: auto;
	margin: 25px;
	float:left;
}

	
	#contato h2 {
		font-size:26px;
		color:#3969B5;		
		font-weight: 600;
		margin-top: 0px;
		margin-bottom: 50px;
		text-shadow: none;
	}

	#contato img {
		float: left;
		margin-right:15px !important; 
		margin-top: 10px;
		width: 50px;
	}

	#contato .text {
		font-family: 'Poppins', sans-serif;
		font-weight: 400;	
		font-size:22px;
		color:#555;	
		text-align:left;
		float: left;
		margin-top: 20px;
	}

	.contato-desk {display: block;}
	.contato-mob {display: none;}

	#contato a {text-decoration: none;}

	#contato a:hover {text-decoration: underline;}

#footer {
	width: 100%;
	height:auto;
	padding: 0px 0px 20px;
	background: linear-gradient(135deg, #000 0%, #204075 100%);

}

#footer p {
			font-size: 16px;
			color: #eee;
			font-weight: 300;
			padding-top: 40px;
			padding-left:10px;
			padding-right: 10px;
			margin-bottom:-30px;	
			text-align:center;
}

#footer .ass{
			font-size: 12px;
			font-weight: 300;
			color: #ccc;
			margin: 0 auto;
			text-align:center;
			text-decoration: none;
}
	
		
.btn-whats {
	position: fixed;
	bottom: 10px;
	left:10px;
	border-radius: 20px;
	padding: 15px 20px 10px 20px;
	background-color: #02B001;
	z-index: 997;
	width: 230px;
}

	.btn-whats img {
		width: 50px; 
		margin-right: 7px; 
		float: left;
	}

	.btn-whats .T1 {
		font-family: 'Poppins', sans-serif;
		font-size:18px ;
		text-align:left ;
		font-weight: 400;
		color: #fff;
		margin-top: 10px;
		line-height: 80%;
		text-transform: uppercase;
	}

	.btn-whats .T2 {
		font-family: 'Poppins', sans-serif;
		font-size:28px ;
		text-align:left ;
		font-weight: 600;
		color: #fff;
		text-transform: uppercase;
	}
			