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

section{  }

section .container{ padding: 0; }
section .container .col-md-12{ background: #fff; margin:-262px 0 0; padding: 100px; color: #3b4c58; }
section .container .col-md-12 h1{ font-size: 46px; line-height: 1; padding: 0 0 45px 0; }
section .container .col-md-12 h2{ font-size: 22px; padding: 0 0 90px 0; font-family: 'libertadlight'; }

section ul{  }
section ul li{ border-left: 1px solid #dddee3; height: 560px; margin: 0 0 90px 0; position: relative; }
section ul li:first-child{ border:none; }
section ul li img{ display: block; margin: 0 auto; }
section ul li h3{ color: #3b4c58; font-family: "libertadlight"; font-size: 20px; padding: 40px 10px 20px; }
section ul li p{ padding: 0 10px; font-size: 14px; color: #3b4c58; font-family: "libertadlight"; }
section ul li a{ color: #a5d2e6; font-size: 14px; position: absolute; bottom: 20px; left: 25px; }
section ul li 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 ul li a:hover{ text-decoration: underline; }

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



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

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

@media all and (max-width: 768px) {
	section .container .col-md-12{ margin:0 0 0; padding: 100px 30px; }
}

@media all and (max-width: 480px) {
	section .container .col-md-12 li{ width:100%; }
}