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


section{ background: #e9eff4; padding: 190px 0 0 0; }

section .bg{ float: left; width: 100%; }

section .col-md-12 .container{ padding: 0; }

section .col-md-12 h4{ text-align: center; color: #3b4c58; font-size: 36px; padding: 0 0 50px 0; }

section .col-md-12 .ft-tabs-nav{ text-align: center; padding: 0 0 30px 0; }
section .col-md-12 .ft-tabs-nav li{ border:none; background: #6b7284; border-radius: 0; margin:0 2px; opacity:0.8; filter:alpha(opacity=80); }
section .col-md-12 .ft-tabs-nav li.ft-active{ opacity:1; filter:alpha(opacity=100); }
section .col-md-12 .ft-tabs-nav li a,
section .col-md-12 .ft-tabs-nav li.ft-active a{ font-size: 16px; padding: 14px 16px;  color: #e8eff2; }
section .col-md-12 .ft-tabs-nav li img{  }
section .col-md-12 .ft-tabs-container{  }
section .col-md-12 .ft-tabs-container .ft-tab-content{ background: none; border:none; padding: 0; }
section .col-md-12 .ft-tabs-container .ft-tab-content li{ 
	height: 254px; 
	margin: 0 0 20px 0; 
	padding: 0 7px; 
	overflow: hidden; 
	position: relative; 
}
section .col-md-12 .ft-tabs-container .ft-tab-content li .mask{ width: 100%; height: 175px; position: relative; overflow: hidden; }
section .col-md-12 .ft-tabs-container .ft-tab-content li img{ 
	float: left; 
    position: relative;
    left: 0;

	-moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
section .col-md-12 .ft-tabs-container .ft-tab-content li:hover img{
	left: 15px;
    position: relative;

    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
section .col-md-12 .ft-tabs-container .ft-tab-content li h2 {
    background: #fff none repeat scroll 0 0;
    color: #5b6578;
    display: table;
    float: left;
    font-size: 18px;
    height: 65px;
    line-height: 22px;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
section .col-md-12 .ft-tabs-container .ft-tab-content li a{ color: #5b6578; height: 100%; vertical-align:  middle; display: table-cell;}




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

@media all and (max-width: 992px) {
	section .col-md-12 .ft-tabs-container .ft-tab-content li{ height: 254px; }
	section .col-md-12 .ft-tabs-container .ft-tab-content li .mask{ height: auto; }
	section .col-md-12 .ft-tabs-container .ft-tab-content li img{ left: 0 !important; }
}

@media all and (max-width: 768px) {
	section .col-md-12 .ft-tabs-container .ft-tab-content li{ height: auto; }
	section .col-md-12 .ft-tabs-container .ft-tab-content li img{ width: 100%; }
	section .col-md-12 .ft-tabs-container .ft-tab-content li h2 {font-size:  16px}
}

@media all and (max-width: 480px) {
	section .col-md-12 .ft-tabs-nav li{ width: 90%; margin:0 0 5px 0; }
	section .col-md-12 .ft-tabs-nav li a{ display: block; }
section .col-md-12 .ft-tabs-container .ft-tab-content li {
    float: none;
    margin: 0 auto 20px;
    width: 93%;
}
		section .col-md-12 .ft-tabs-container .ft-tab-content li h2 {font-size:  18px}

}