/*
* ------------------------------------------------------------------------------------------------
* @author 	Leandro Mancini
* @email	contato@leandromancini.com
* @url	 	http://www.leandromancini.com/
* ------------------------------------------------------------------------------------------------
*/

section{  }

section .col-md-8{ margin:-360px 0 0; padding: 0; }
section .col-md-8 h1{ color: #fff; font-size: 158px;  font-family: 'libertadlight'; padding: 0 0 0 130px; margin: 0 -28px 0; }
section .col-md-8 .col-md-12{ background: #fff; position: relative; padding: 40px 230px 0 130px; }
section .col-md-8 .col-md-12 h2{ color: #3b4c58; font-size: 36px; padding: 0 0 40px 0; }
section .col-md-8 .col-md-12 h4{ color: #95c0de; font-size: 18px; text-decoration: underline; margin-bottom: 25px; }
section .col-md-8 .col-md-12 p{ font-size: 18px; margin-bottom: 25px; color: #3b4c58; }
section .col-md-8 .col-md-12 img{ margin: 0 40px 60px 0; }
section .col-md-8 .col-md-12 .ft-breadcrumb{ padding: 16px 15px; margin: 0 0 20px 0; border:1px solid #d1d3d9; display: inline-block; }
section .col-md-8 .col-md-12 .ft-breadcrumb li,
section .col-md-8 .col-md-12 .ft-breadcrumb li a{ 
	color: #3b4c58; 
	font-size: 18px; 
	font-family: 'libertadlight'; 
	font-style: italic;
	position: relative;
	text-decoration: none; 
}
section .col-md-8 .col-md-12 .ft-breadcrumb li:before{ display: none; }
section .col-md-8 .col-md-12 .ft-breadcrumb li a:after{
	display: block;
	content: "";
	width: 10px;
	height: 10px;
	background: #3b4c58;
	position: absolute;
    right: -25px;
    top: 8px;
	border-radius: 100%;
}
section .col-md-8 .col-md-12 .ft-breadcrumb li a{ margin: 0 12px 0 0; }
section .col-md-8 .col-md-12 .ft-breadcrumb li a:hover{ text-decoration: underline; }
section .col-md-8 .col-md-12 .ft-box{ background: #f4f6fa; border:none;	border-radius: 0; }
section .col-md-8 .col-md-12 .ft-lg-space{ padding: 80px !important; }
section .col-md-8 .col-md-12 .ft-box ul{ margin: 0; }
section .col-md-8 .col-md-12 .ft-box li{ font-size: 14px; margin-bottom: 25px; color: #3b4c58; }
section .col-md-8 .col-md-12 .ft-table{ margin: 40px 0; }
section .col-md-8 .col-md-12 .ft-table th{ background: #eff1f8; }
section .col-md-8 .col-md-12 .ft-table th,
section .col-md-8 .col-md-12 .ft-table td{ border:1px solid #b5b8c1; color: #3b4c58; font-size: 14px; }



section .col-md-4{ background: #f0f1f2; padding: 0 0 30px 0; }
section .col-md-4 .ft-box{ padding: 50px; border:none; background: #6b7284; border-radius: 0; }
section .col-md-4 .ft-box img{ float: left; margin: 0 30px 0 0; }
section .col-md-4 .ft-box h5{ color: #fff; font-size: 20px; font-family: 'libertadbold'; }
section .col-md-4 .ft-box p{ color: #fff; }
section .col-md-4 h3{ color: #3b4c58; font-size: 36px; padding: 0 65px 35px 65px; }
section .col-md-4 nav{ padding: 0 65px; }
section .col-md-4 nav a{ color: #3b4c58; font-size: 16px; display: block; margin: 0 0 30px 0; padding: 0 0 0 30px; position: relative; }
section .col-md-4 nav a:after{  
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	content: "";
	width: 0;
	z-index: 10;
	height: 0;
	border-top: 3px solid transparent;
	border-left: 6px solid #6b7284;
	border-bottom: 3px solid transparent;
}
section .col-md-4 nav a:before{ 
	display: none;
	position: absolute;
	top: -2px;
	left: -8px;
	content: "";
	width: 20px;
	height: 20px;
	background: #3b4c58;
	border-radius: 30px;
}
section .col-md-4 nav a:hover{ text-decoration: underline; }
section .col-md-4 nav a:hover:after{ border-left: 6px solid #fff; }
section .col-md-4 nav a:hover:before{ display: block; }


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

@media all and (max-width: 992px) {
	section .container .col-md-12{ padding: 100px 50px; }

	section .col-md-8 .col-md-12{ padding: 140px 130px 0 50px; }
}

@media all and (max-width: 768px) {
	section .col-md-8{ margin-top: 0; }
	section .col-md-8 .col-md-12 { padding: 140px 30px 0; overflow: hidden; }
	section .col-md-8 .col-md-12 .ft-lg-space{ padding: 20px !important; }
	section .col-md-4 h3{ padding: 0 30px 35px; }
	section .col-md-4 nav{ padding: 0 30px; }

	section .col-md-8 h1{ margin: -60px 0 0 0; padding: 0; text-align: center; font-size: 50px; }
}

@media all and (max-width: 480px) {
		section .col-md-8 .col-md-12 { padding: 30px 30px 0; }
		section .col-md-8 .col-md-12 .ft-breadcrumb{ margin: 0 0 30px 0;}
	section .col-md-8 .col-md-12 h2{ color: #3b4c58; font-size: 26px; padding: 0 0 20px 0; }
	section .banner img {float: left;margin: -76px 0 0;width: 100%;}
}