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

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

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

@font-face {
	font-family: "scriptina";
	src: url("https://crioseusite.net/fonts/scriptina.otf")  format("opentype");
	}

strong {font-weight: 400;}

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

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


	h1 {
	font-family: 'Poppins', sans-serif;
	font-size:58px;
	color:#fff;	
	margin-top: 150px;
	margin-bottom: 50px;
	text-align:left;
	text-shadow: 1px 0px 5px #222;
	font-weight: 600;
	line-height: 120%;
}

	h2 {
	font-family: 'Roboto', sans-serif;
	font-size:22px;
	color:#00ADEF;	
	margin-bottom: 10px;
	font-weight:300;
	text-align:left;
}

	h3 {
	font-family: 'Roboto', sans-serif;
	font-size:22px;
	color:#666;	
	text-align:left;
	font-weight: 300;
	line-height: 150%;
}

.t-desk {display: block;}

.t-mob {display: none;}

	h4 {
	font-family: 'Lato', sans-serif;
	font-size:22px;
	color:#666;
	font-weight: 400;	
	text-align:center;
}

	h5 {
	font-family: 'Roboto', sans-serif;
	font-size:22px;
	color:#888;	
	text-align:center;
	font-weight: 400;
	margin: 50px auto;
}

	p {
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	color:#555;	
	text-align:left;
	font-weight: 300;
	line-height:160%;
}

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

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

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

.logo {
	position:absolute;
	top: 5px;
	left: 50px;
}

.logo-mob {
	position:fixed;
	top: 5px;
	left: 30px; display:none;
	z-index: 998;
}

#top-mob {
	top: 0;
	width:100%;
	height: 90px;
	margin: 0 auto;
	background-color: #FFF;
	position:fixed;
	box-shadow: 0px 1px 5px 0px #999;
	z-index: 998 !important;
	display: none;
}


nav {
	margin: 20px auto;
	text-align:center;	
}

	nav ul {list-style: none;}
			
	nav ul li {display: inline; }
  
	nav ul li a { 
		font-family: 'Lato', sans-serif;
		font-size:14px;
		padding: 18px 20px;
		display: inline-block;
		text-decoration: none;
		color: #999;
		font-weight: 400;
		transition: all 200ms;
		margin: 0px auto;
	 }
	 
	nav ul li .active {color: #00ADEF;}
	 
	nav ul li a:hover {color: #00ADEF;}

	#nav-mob {display:none;}

	.medias {
		position:absolute;
		top: 30px;
		right: 85px;
		width: 35px;
		}

		.medias div, .medias img {float: left; cursor:pointer;}
		
		.medias #box {float: left; width: 35px; height:auto;}
	
		#close-share-over, #shared-over, #face-over, #twitter-over, #email-over, #google-over, #linkedin-over, #whats-over, #instagram-over, #youtube-over {display:none;}


	#share {
		position:absolute;
		top: 25px;
		right: 75px;
		width: 50px;
		background-color: #fff;
		border-radius: 20px;
		box-shadow: 0px 1px 5px 0px #999;
		display: none;
		padding-bottom: 10px;
		}

		#share div, #share img {float: left; cursor:pointer;}
		
		#share #box {float: left; width: 30px;  margin: 10px; height:auto;}


		.bg_video{
			position: absolute; 
			right: 0; 
			bottom: 0;
			min-width: 100%; 
			min-height: 100%;
			width: auto; 
			height: auto; 
			top:90px;
			z-index: -1000;
		}


		.bg_image{
			position: absolute; 
			right: 0; 
			bottom: 0;
			min-width: 100%; 
			min-height: 100%;
			width: auto; 
			height: auto; 
			top:90px;
			z-index: -1000;
			background-repeat:no-repeat;
			background-position: center;
			background-size:cover;
			background-image:url(imagens/banner.jpg);
			display: none;
	}




.banner-page {
		width: 100%;
		height:auto;
		margin-top: 90px;
		background-repeat:no-repeat;
		background-position: 70%;
		background-size:cover;
		margin-bottom: 70px;
		padding-top: 100px;
		padding-bottom: 100px;
		}

		.banner-page .box {max-width: 1200px; margin: 0 auto;}

		.banner-page h2 {font-size: 26px;}

		.banner-page h3 {color: #fff; text-shadow: 1px 0px 5px #000;}




#home {margin-top: 100px;}


	#home .box-a {padding: 50px 0px; background-color: #fafafa; z-index: 0;}

	#home .box-a img {float: right;}

	#home .box-a .box1 {float: left; width: 500px; margin: 0px 50px;}


	#home .box-b {padding: 50px 0px; background-color: #f1f1f1; z-index: 0;}

	#home .box-b img {float: left;}

	#home .box-b .box1 {float: right; width: 500px; margin: 0px 50px;}


	#home h2 {margin-top: 60px;}


#sobre .box {
		background-repeat:no-repeat;
		background-position: center;
		background-image:url(imagens/bg-think.jpg);
		background-size:cover; 
		padding: 100px 0px;
		margin-top:50px;
	}


	#sobre h2 {text-align: center; margin-bottom: 50px; font-style: italic; font-weight: 400; font-size: 26px;}
	#sobre .left {float: left; width: 575px;}
	#sobre .right {float: right; width: 575px;}

	#sobre .box p{text-align: center; font-size: 20px;  color: #eee;  }

#sobre ul li {
	font-family: 'Roboto', sans-serif;
	font-size:17px;
	color:#eee;	
	text-align:left;
	font-weight: 300;
	line-height:200%;
}

	#sobre .box1 {float:left; width: 400px; margin: 100px auto;}

	#sobre .box1 p{text-align: center; font-size: 20px; line-height: 200%;}

	.words-mob {display: none;}


#cursos {
	width: 100%;
	height: auto;
	padding-bottom: 50px;
}

	#cursos .box {
		width: 280px;
		margin: 10px;
		float: left;
		box-shadow: 4px 4px 10px 0px #999;
	}

	.logo-cursos {
		width: 100px;
		height: auto;
		position: relative;
		top: -90px;
		left: 90px;
	}

	#cursos p {
		color: #fff; 
		font-weight: 400;
		font-size: 18px;
		background-color: #008CC4; 
		margin-top:-75px;
		padding-top: 30px; 
		height: 90px;
		text-align: center;
	}



#pesquisas {
	width: 100%;
	height: auto;
}

	#pesquisas #container {max-width: 1160px;}
	
	#pesquisas .box {
		width: 550px;
		height: 200px;
		margin: 15px;
		float: left;
		box-shadow: 4px 4px 20px 0px #999;
		background-repeat:no-repeat;
		background-position: center;
		background-size:cover;

	}


	#pesquisas .box2 {
		width: 1200px;
		height: 200px;
		margin: 25px auto;
		box-shadow: 4px 4px 20px 0px #999;
		background-repeat:no-repeat;
		background-position: center;
		background-size:cover;

	}


	#pesquisas .retina{		
		width: 100%;
		height: 200px;
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );}

	#pesquisas p {
		color: #fff; 
		font-weight: 400;
		font-size: 20px;
		text-align: center;
		margin: 0px 30px;
	}	


.tab {margin-bottom: 50px;}

.tab .space {height: 10px; width: 100%; display: none;}

.tab .col1 {
	width: 240px;
	height: auto;
	float: left;
}

.tab .col2 {
	width: 480px;
	height: auto;
	float: left;
}

.tab p {
	color: #555;
	font-size: 16px;
	text-align: center;
	margin: 0px 20px;
	padding: 20px 0px;
}

	.tab .box-sup {
		width: 240px;
		height: 100px;
		float: left;
		background-color: #008CC4;
	}

	.tab .box-sup2 {		
		width: 480px;
		height: 100px;
		float: left;
		background-color: #008CC4;
	}

		.tab .box-sup p {color: #fff; font-weight: 400; font-size: 18px;}
		.tab .box-sup2 p {color: #fff;	font-weight: 400; font-size: 18px;}


	.tab .box1 {
		width: 240px;
		float: left;
		background-color: #e6e6e6;
	}


	.tab .box2 {
		width: 240px;
		float: left;
		background-color: #eee;
	}

	.grafico {
		width:700px;
		height: auto;
		margin: 50px auto;
	}



#pub {
	width: 100%;
	height: auto;
	padding-bottom: 50px;
}

	#pub .box {
		width: 280px;
		height: auto;
		margin: 9px;
		float: left;
		border : 1px solid #ddd;
		box-shadow: 4px 4px 10px 0px #ccc;

	}

	.logo-pub {
		width: 100px;
		height: auto;
		position: relative;
		top: -90px;
		left: 90px;
	}

	#pub p {
		color: #777; 
		font-weight: 400;
		font-size: 16px;
		margin-top:-75px;
		padding: 30px 0px; 
		text-align: center;
	}

#livros {
	width: 100%;
	height: auto;
	padding-bottom: 50px;
}

	#livros #container {max-width: 1190px;}

	#livros img {
		width:150px;
		height: auto;
		margin: 10px;
		float: left;
		box-shadow: 4px 4px 10px 0px #ccc;
		} 

.ag {
		width: 100%;
		height: auto;
		margin-top: 90px;
		background-repeat:no-repeat;
		background-position: center;
		background-image:url(imagens/bg-ag.jpg);
		background-size:cover;
		height:auto;
		padding: 200px 0px;
		}

		.ag h1 {text-align: center; margin: 0 auto;}

		.ag .sub {font-size: 40px; font-weight: 400;}

		.ag img {width: 200px; height: auto; margin-top: 50px;}


#news {
		width: 100%;
		height:auto;
		background-repeat:no-repeat;
		background-position: center;
		background-image:url(imagens/bg-news.jpg);
		background-size:cover;
		padding: 50px 0px 100px;
		box-shadow:  0px -10px 20px 0px #ccc;
}

	#news #container {padding: 0px;}

	#news .box1 {
		float: left;
		width: 670px; 
		margin-top: 0px;	
		margin-bottom: -30px;
	}

	#news .box2 {
		float: left; 
		width: 440px; 
		margin-top: 70px;
	}

	#news .consenso {
		font-family: 'scriptina';
		color: #fff;
		font-size: 150px;
		margin-left: 150px;
	}

	#news .logo-footer {width: 210px;}

	#news .p1 {	
		font-family: 'Poppins', sans-serif;
		font-size:50px;
		color:#fff;	
		text-align:center;
		font-weight: 200;
		line-height: 100%;


	}

	#news h2 {margin-top: -50px; text-align: center; color:#fff;}

	#news a {text-decoration: none;}

#footer {display: none;}

.btn {
	font-family: 'Lato', sans-serif;
	font-size:14px !important;
	text-align:center !important;
	padding: 14px 26px !important;
	color: #fff !important;
	text-decoration:none;
 	background-color: #00ADEF;
	transition: all 200ms;
}

.btn:hover {background-color: #008CC4;}

#abertura {
		width: 100%;
		height:auto;
		background: rgba(3, 3, 3, 0.9);
		top: 0;
		bottom: 0;
		position: fixed;
		z-index: 1000;
}

	#abertura .box {
		max-width: 800px;
		background-color: #fff;
		margin: 20px auto;
		padding: 20px 0px 10px;
		 }

		 #abertura p {
		 	color:#00ADEF;	
		 	font-weight: 400;
		 	text-align: center;
		 	margin-bottom: 15px;
		 	} 

		.videoWrapper {
			position: relative;
			padding-bottom: 56.25%; /* 16:9 */
			margin: 0px 40px 30px;	
			height: 0;
		}
		
		.videoWrapper iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

	#abertura .fechar {
		color:#333;
		font-size: 16px;
		width: 70px;
		font-weight: 700;
		text-align: right;
		position: relative;
		margin: 0px 0 10px 87%;
	}			 

	#abertura .fechar:hover {
		text-decoration: underline;
		cursor: pointer;
	}