/*
* ------------------------------------------------------------------------------------------------
* @author 	Leandro Mancini
* @email	contato@leandromancini.comfile:///C:/Users/Leandro/Freelas/Humaniversidade/DEV/cursos-geral.html#gallery-1-1
* @url	 	http://www.leandromancini.com/
* ------------------------------------------------------------------------------------------------
*/

section{  }

section .banner{ padding:0 !important; }
section .banner h1{ 
	text-align: center; 
	color: #fff;
	position: absolute;
	left: 0;
	font-weight: normal;
	font-family: 'libertadlight';
	width: 100%;
	}
section .banner h1 small{ font-size: 25px; display: block; }
section .banner .img{ margin: 0 auto; width: 100%; }
section .banner nav{ bottom: 15px; left: 0; position: absolute; }

section .ft-tabs-nav{ text-align: center; }
section .ft-tabs-nav li{ 
	border: none !important; 
	border-radius: 0 !important; 
	overflow: hidden; 
	top: -3px !important; 
	margin: 0 2px !important;
}
section .ft-tabs-nav li.ft-active{ border: 3px solid none !important; top: 0 !important; }
section .ft-tabs-nav a{ height: 41px; overflow: hidden; padding: 0 !important; position: relative; width: auto; }
section .ft-tabs-nav img{ height: 41px; max-width: none; }

section .ft-tabs-container{  }
section .ft-tabs-container .ft-tab-content{ border:none; padding: 0; background: none; margin: 0; }

section .box-1{ padding: 60px 0 9px !important;}
section .box-1 .container{  margin-top: -460px; background: none; }
section .box-1 .ft-tabs-nav {bottom: -58px; left: 0; position: absolute; width: 100%; }
section .box-1 img{ width: 100%; }
section .box-1 .ft-tabs-nav img{ width: auto; }

section .col-md-12{ padding:60px 0; }
section .col-md-12 nav{ width: 100%; text-align: center; }
section .col-md-12 nav a{ display: inline-block; margin: 0 4px; }
section .col-md-12 nav img{ width: auto; float: none; }
section .col-md-12 nav a:hover,
section .col-md-12 nav a.on{ border:3px solid #696f82; border-radius: 0; }
section .col-md-12 em{ color: #3b4c58; font-size: 18px; line-height: 1.4; }
section .col-md-12 p{ color: #3b4c58; font-size: 18px; margin: 0 0 20px 0; }
section .col-md-12 h2{ color: #3b4c58; font-size: 32px; }
section .col-md-12 h3{ color: #3b4c58; font-size: 24px; margin: 0 0 20px 0; font-weight:  normal;;}
section .estilo-1 h6{ text-align: right; padding:20px 0; color: #3b4c58; font-size: 18px; font-family: 'libertadbold'; font-style: italic; }

section .estilo-2 h2{ font-family: 'libertadlight'; }

section .estilo-3{  }
section .estilo-3 .container{ width: 610px; }
section .estilo-3 .slider{ width: 100%; float: left; display: none; }
section .estilo-3 .slider .col-md-6{ padding:0 25px; }
section .estilo-3 .slider img{  }
section .estilo-3 .slider h5{ color: #a5d2e6; font-size: 15px; padding: 20px 0 0 0; font-family: 'libertadlight';}
section .estilo-3 .slider h4{ color: #fbfbfb; font-size: 32px; font-family: 'libertadlight'; }
section .estilo-3 .slider p{ color: #ffffff; font-size: 18px; height: 75px; overflow: hidden; text-overflow: ellipsis; }
section .estilo-3 .slider a{ border:none; color: #a5d2e6; font-size: 14px; display: inline-block; position: relative; text-decoration: none; }
section .estilo-3 .slider a:after{  
	display: block;
	content: "";
	width: 0;
	z-index: 10;
	height: 0;
	margin: 6px 0 0 10px;
	float: right;
	border-top: 4px solid transparent;
	border-left: 8px solid #a5d2e6;
	border-bottom: 4px solid transparent;
}
section .estilo-3 .slider a:hover{ text-decoration: underline; }
section .estilo-3 .thumbs{ float: left; padding: 25px 0 0 0; }
section .estilo-3 .thumbs a{  overflow: hidden; width: 55px; height: 55px; margin: 0; }
section .estilo-3 .thumbs a img{ width: 100%; height: auto; }
section .estilo-3 .thumbs a:hover,
section .estilo-3 .thumbs a.on{ border-color: #fff; }

section .estilo-4{  }
section .estilo-4 h2{ margin: 0; padding:0 0 50px 0; }
section .estilo-4 p{ margin: 0 0 20px 0; }
section .estilo-4 img{ float: left; margin: 0 40px 30px 0; }

section .estilo-5{  }
section .estilo-5 h2{ margin: 0; padding:0 0 30px 0; }
section .estilo-5 .row{ margin-left: -15px; margin-right: -15px; }
section .estilo-5 .col-md-4{ 
	background: #eaf7fc; 
	text-align: left; 
	padding:16px 10px; 
	border: 5px solid #d6e1e6; 
	display: table-cell;
	vertical-align: middle;
	/*float: none;*/
	color: #134958;
	min-height: 78px;
}
.estilo-1 div.container ul li, .estilo-2 div.container ul li, .estilo-3 div.container ul li, .estilo-4 div.container ul li, .estilo-5 div.container ul li { color: #3b4c58; font-size: 18px; list-style: inside none disc; padding: 0 0 15px;}

section .last{ padding:0; overflow: hidden; }
section .last .container{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	padding: 75px 0 75px 75px;
	width: 440px;
	margin: 0 0 0 120px; 
	border-left:1px solid #6b7284; 
	border-bottom:1px solid #6b7284; 
}
section .last span{ 
	display: inline-block; 
	background: #6b7284; 
	color: #fff; 
	font-family: 'libertadlight'; 
	padding: 6px 15px; 
	margin: 0 0 45px 0;
}
section .last h2{ font-size: 35px; font-family: 'libertadlight'; margin: 0; padding: 0 0 65px 0; }
section .last p{ margin: 0 0 75px; }
section .last p strong{  }
section .last .ft-btn{  
	background: #6b7284 !important;
	padding: 15px 75px;
	color: #fff;
	font-size: 22px;
	border:none;
	position: relative;
	background: #6b7284;
}
section .last .ft-btn:after{  
	display: block;
	content: "";
	width: 0;
	z-index: 10;
	height: 0;
	margin: 12px 0 0 10px;
	float: right;
	border-top: 4px solid transparent;
	border-right: 8px solid #e3f4fb;
	border-bottom: 4px solid transparent;
}
section .last .ft-btn:before{  
	display: block;
	content: "";
	width: 0;
	z-index: 10;
	height: 0;
	margin: 12px 10px 0 0;
	float: left;
	border-top: 4px solid transparent;
	border-left: 8px solid #e3f4fb;
	border-bottom: 4px solid transparent;
}
section .last img{ width: 100%; float: left; }


section .bg-1{ background: #d6e1e6; }
section .bg-2{ background: #eef9fb; }
section .bg-3{ background: #6b7284; }


.ft-modal p {
    margin: 0 0 50px;
}

 section .last img { float: right;  width: auto; max-width: 5000px !important; }

/*
* ------------------------------------------------------------------------------------------------
* TABLE
* ------------------------------------------------------------------------------------------------
*/

section .estilo-5 table.row tr td{background: #eaf7fc none repeat scroll 0 0; border: 10px solid #d6e1e6; padding: 16px 0; text-align: center; font-size: 18px;}


/*
* ------------------------------------------------------------------------------------------------
* RESPONSIVE
* ------------------------------------------------------------------------------------------------
*/


@media all and (min-width: 1920px) {
	section .banner h1{ font-size: 106px; top: 394px;}
	 section .last img { height: 729px; margin-right: 0 }
}

@media all and (min-width: 1440px) {
	section .banner h1{ font-size: 80px; top: 184px;}
	section .last img { height: 729px !important; margin-right: 0 }
}

@media all and (min-width: 1366px) {
	section .banner h1{ font-size: 76px; top: 169px;}
	section .last img { height: 729px; margin-right: 0; }
}
@media all and (max-width: 1365px) {
	section .last img { height: 729px; margin-right: 0; }
}
@media all and (min-width: 1281px) {
	section .banner h1{ font-size: 76px; top: 169px;}
}
@media all and (max-width: 1280px) {
	section .banner h1{ font-size: 76px; top: 169px;}
	section .box-1 .container {margin-top: -405px; padding: 0 78px;}
	section .last img { height: 729px; margin-right: 0; }
	
}

@media all and (max-width: 1190px) {
	section .box-1 .container {margin-top: -410px; padding: 0 78px;}
section .last img { height: 729px; margin-right: -400px }
	
}

@media all and (max-width: 1140px) {
	section .box-1 .container {margin-top: -331px; padding: 0 170px;}
	section .last img { height: 729px; margin-right: -400px }
	
}
@media all and (max-width: 1025px) {

	section .box-1 .container {margin-top: -331px; padding: 0 170px;}
section .last img {
    height: 589px;
    margin-right: -600px;
}
}

@media all and (min-width: 1025px) {
	section .banner h1{ font-size: 76px; }
	section .last img { height: 570px;  margin-right: -112px;}
	
}

@media all and (max-width: 1024px) {
  section .banner h1{ font-size: 50px; }

  section .container .col-md-12 h2{ font-size: 18px; }
  section .estilo-5 .row{ margin:0; }


	section .box-1 .container {margin-top: -267px; padding: 0 142px;}
	
}



@media all and (max-width: 860px) {

	section .box-1 .container {margin-top: -218px; padding: 0 200px;}
		section .last img { height: 729px; margin-right: -900px }


}


@media all and (max-width: 768px) {
	section .banner h1 {bottom: 241px;font-size: 45px;padding: 0 20px;top: inherit;}

	section .estilo-3 .container{ width: 100%; }

	section .last img{ max-width: none; width: auto; }

	section .box-1{ padding: 0 !important; }
	section .box-1 .container {margin-top: -194px !important; padding: 0 20px;}
		section .last img { height: 729px; margin-right: -1300px }

	/*table*/
	section .estilo-5 table.row tr td{background: #eaf7fc none repeat scroll 0 0; border: 10px solid #d6e1e6; padding: 16px 0; text-align: center; width: 100%; display: block;}

}

@media all and (max-width: 640px) {
	section .banner h1{  font-size: 37px; top: inherit; top: 37px; font-size: 24px; font-weight: bold; }
	section .banner h1 small{font-size: 16px; font-weight: normal;}

	section .box-1 .container {margin-top: -194px !important; padding: 0 20px;}
	

}

@media all and (max-width: 550px) {
	section .banner h1{ top: 20px;}
	section .box-1 .container {margin-top: -194px !important; padding: 0 20px;}
	
}
@media all and (max-width: 520px) {
	section .box-1 .container {margin-top: -163px !important; padding: 0 20px;}
}
@media all and (max-width: 480px) {
	section .banner h1{ top: 63px;}
	section .box-1 .container {margin-top: -62px !important; padding: 0 20px;}

	section .banner h1 small{font-size: 16px; font-weight: normal;}
	section .estilo-3 .slider .col-md-6{ width: 100%; }
	section .estilo-5 .col-md-4{ width: 100%; }

	section .last .container{ padding: 75px 20px 75px 20px; width: 100%; }

	section .last .container{ 

	margin: 0 0 0 0; 
	border-left:none; 
	border-bottom:none; 
}

section .estilo-3 .thumbs a {
    width: 55px;
}

}
@media all and (max-width: 360px) {
	section .banner h1{ top: 43px;}
		
}

@media all and (max-width: 340px) {
	section .banner h1{ top: 20px;}
			
}