@charset "utf-8";
/* CSS Document */

* {margin: 0;padding: 0;border: 0;outline: 0;}

img, embed, object, video { height: auto; max-width: 100%;}

strong {font-weight: 700;}

body {transition: all 200ms; background-color:#fafafa;}

#container {max-width:1200px; height:auto; margin:0 auto; padding: 0px 10px;}


	h1 {
	font-family: 'Questrial', sans-serif;
	font-size:46px;
	color:#fff;	
	text-align:left;
	line-height: 120%;
	font-weight: 300;
}


	h2 {
	font-family: 'Questrial', sans-serif;
	font-size:26px;
	color:#fff;	
	margin: 30px 0px 50px;
	text-align:left;
	font-weight: 300;
	line-height: 150%;
}

	h3 {
	font-family: 'Work Sans', sans-serif;
	font-size:26px;
	color: #056281;
	margin: 0 auto;
	font-weight:400;
	text-align:center;
	text-transform: uppercase;
}

	.line {
		width: 200px;
		height: 2px;
		background-color: #CCB266;
		margin: 10px auto 50px;
	}

	h4 {
	font-family: 'Work Sans', sans-serif;
	font-size:20px;
	color: #056281;
	margin: 0 auto;
	font-weight:400;
	text-align:center;
	text-transform: uppercase;
	letter-spacing: -0.5px;
}

	p {
	font-family: 'Questrial', sans-serif;
	font-size:20px;
	color:#444;	
	text-align:left;
	font-weight: 400;
	line-height:170%;
}

#menu-mob {
	position: fixed;
	width: 40px;
	height: 40px;
	top: 0px;
	right: 25px;
	z-index:999;
	display: none;
}

	#menu-mob img {padding: 5px;}
	
#close {
	position: fixed;
	width: 30px;
	height: 30px;
	top: 10px;
	right: 30px;
	z-index:999;
	display: none;
}

	#close img {padding: 10px;}
		
#top {
	top: 0;
	width:100%;
	height: 70px;
	margin: 0 auto;
	background: #fff;
	position:fixed;
	box-shadow: 0px 1px 5px 0px #999;
	z-index: 998!important;
}

.logo {
	position:absolute;
	top: 8px;
	left: 120px;
	width: 200px;
}


.logo-mob {
	position:fixed;
	top: 7px;
	left: 20px;
	width: 180px;
	display:none;
	z-index: 998;
}



nav {
	margin: 25px auto;
	padding-right: 120px;
	text-align:right;	
}

	nav ul {list-style: none;}
			
	nav ul li {display: inline; }
  
	nav ul li a { 
		font-family: 'Work Sans', sans-serif;
		font-size:15px;
		padding: 0px 20px;
		display: inline-block;
		text-decoration: none;
		color: #056281;
		font-weight: 400;
		transition: all 200ms;
		margin: 0px auto;
		letter-spacing: -0.5px;
	 }
	 
	nav ul li .active {color: #CCB266;}
	 
	nav ul li a:hover {color: #CCB266;}

	#nav-mob {display:none;}


	.banner {
		margin-top: 60px;
		padding: 150px 0px;
		background-repeat:no-repeat;
		background-position: top;
		background-image:url(imagens/banner.jpg);
		background-size:cover;
		box-shadow: 0px 10px 20px 0px #999;
		z-index: 997;

	}

	.text-container {
			max-width: 800px;
			margin-left: 120px;
		}




.btn {
	font-family: 'Work Sans', sans-serif;
	font-size:13px !important;
	text-align:center !important;
	padding: 12px 24px !important;
	color: #fff !important;
	text-decoration:none;
 	background-color: #037BA3;
 	font-weight: 400!important;
	transition: all 200ms;
	box-shadow: 2px 2px 10px 0px #999;
	border-radius: 5px;
}

.btn:hover {background-color: #CCB266;}

#boxes {	
	width: 100%;
	height:auto;
	padding: 100px 0px;
	background-color: #ECF0F1;
}

		#boxes .box {
			width: 298px;
			float: left;
			margin: 10px 25px;
			padding: 25px;
			border-radius: 20px;
			background-color: #DBF6FF;
			height: 250px;
			border: 1px solid rgba(5,98,129,0.5);
		}

		#boxes .box img {
			width: 70px;
			margin: 10px auto;
		}

		#boxes p {
			text-align: center;
			font-size: 18px;
		}

		.shadow {
			width: 100%;
			height: 20px; 
			margin-top: 70px;
		}

#consultoria {
	width: 100%;
	height:auto;
	padding: 100px 0px;
	background-repeat:repeat;
	background-position: center;
	background-image:url(imagens/bg-consultoria.png);
	}


	#consultoria .destaque {
		width: 100%;
		background-color: #DBF6FF;
		margin: 50px auto;
		padding: 10px 0px;
	}

	#consultoria .box1 {
		width: 350px;
		float: left;
		padding-right: 50px;
	}

	#consultoria .box2 {
		width: 750px;
		float: right;
		padding-left: 50px;
	}

	#consultoria .box2 img {
		width: 800px;
	}


	#consultoria ul {
		margin-left: 20px;
		margin-bottom: 50px;
	}

	#consultoria ul li {
		font-family: 'Questrial', sans-serif;
		font-size:20px;
		color:#444;	
		text-align:left;
		line-height:200%;
	}

	#beneficios {
		width: 100%;
		height: auto;
		margin-top: 50px;
	}

		#beneficios .box {
			width: 220px;
			margin: 50px 15px 0px;
			padding: 25px;
			float: left;
			height: 230px;
			border-radius: 20px;
			background-color: #DBF6FF;
		}

		#beneficios img {
			width: 50px;
			margin: 10px auto;
		}

		#beneficios .p1 {
			text-align: center;
			color: #056281;
		}

		#beneficios .p2 {
			text-align: center;
			font-size: 18px;
		}


#mentoria {
	width: 100%;
	height:auto;
	padding: 100px 0px;
	background: rgb(0,0,0);
	background: linear-gradient(135deg, rgba(0,0,0,1) 0%, rgba(5,98,129,1) 100%);
	}

	#mentoria #container {max-width: 1000px; margin: 0 auto;}

	#mentoria h3 {color: #0294C4;}

	#mentoria h4 {
		text-align: left; 
		color: #0294C4;
	}

	#mentoria p {
		color: #eee;
		margin-bottom: 20px;
	}

	#mentoria .box1 {
		width: 550px;
		float: left;
		padding-right: 50px;
	}

	#mentoria .box2 {
		width: 400px;
		float: left;
	}

	#mentoria img {
		width: 350px;
		margin: 20px 0px;
		float: right;
	}


	#mentoria ul {
		margin-left: 20px;
		margin-top: -20px;
	}

	#mentoria ul li {
		font-family: 'Questrial', sans-serif;
		font-size:20px;
		color:#eee;	
		text-align:left;
		line-height:200%;
	}

	.publico {
		margin: 50px auto 0px;
		max-width: 1000px;
	}

	.publico h4 {text-align: center!important; margin-bottom: 10px;}

	.publico p {text-align: center;}


#quem-somos {
	width: 100%;
	height:auto;
	padding: 100px 0px 200px;
	background-repeat:repeat;
	background-position: center;
	background-image:url(imagens/bg-consultoria.png);
	}

	#quem-somos #container {max-width: 950px;}


	#quem-somos .box1 {
		width: 350px;
		float: left;
		margin-top: 30px;
	}

	#quem-somos img {width: 350px;}

	#quem-somos .box2 {
		width: 500px;
		float: right;
		margin-top: 30px;
	}



#objetivos {
	width: 100%;
	height:auto;
	padding: 50px 0px;
	}

	#objetivos .box {
		width: 373px;
		float: left;
		margin: 0px 25px;
		padding: 25px;
		border-radius: 20px;
		border: 1px solid rgba(5,98,129,0.5);
		height: 250px;
	}


	#objetivos 	p {
		color: #056281;
		font-size:20px;
		text-align: center;
		margin-bottom: 10px;
}

	#objetivos ul {
		margin-left: 20px;
		margin-bottom: 50px;
	}

	#objetivos ul li {
		font-family: 'Questrial', sans-serif;
		font-size:19px;
		color:#444;	
		text-align:left;
		line-height:170%;
		margin-bottom: 10px;
	}




#contato {
		width: 100%;
		height:auto;
		padding: 100px 0px 50px;
		margin-top: -70px;
		background-color: #ECF0F1;
}	

#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-align: center;
		text-shadow: none;
	}

	#contato img {
		float: left;
		margin-right:15px !important; 
		margin-top: 10px;
		width: 50px;
	}

	#contato .text {
		font-family: 'Questrial', sans-serif;
		font-weight: 400;	
		font-size:26px;
		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, rgba(0,0,0,1) 0%, rgba(5,98,129,1) 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: 10px 15px;
	background-color: #26D34B;
	z-index: 996;

}

	.btn-whats img {width: 20px; margin-right: 7px; float: left;}

	.btn-whats span {
		font-family: 'Lato', sans-serif;
		font-size:14px ;
		text-align:left ;
		font-weight: 300;
		color: #fff;
	}