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

section{  }

section .box-1{  }
section .box-1 nav {
    bottom: -60px;
    height: auto;
    margin: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: inherit;
    width: 100%;
    z-index: 10;
}
section .box-1 nav a{ display: inline-block; width: auto;  margin: 0 0 12px 0; height: 41px; }
section .box-1 nav img{ width: auto; float: none; height: 41px }
section .box-1 nav a:hover,
section .box-1 nav a.on{ border:3px solid #696f82; border-radius: 0; position: relative; top: 12px; height: 41px; overflow: hidden;}



section .box-1 .img{ display: none; margin: 0 auto; width: 100%; }

section .box-2{ background: #D6E1E6; padding: 55px 0; overflow: hidden; }
section .box-2 .container{ 
	background: #5b6578 url(../../images/section/home/bg-yoga.png) no-repeat right top;  
	padding: 60px; 
}
section .box-2 .container p{ font-size: 16px; color: #fff; margin: 0; padding: 0 300px 30px 0; }
section .box-2 .container p strong{  }
section .box-2 .container img{ bottom: -86px; position: absolute; right: -210px; }

section .box-3{ 
	padding: 25px 0 250px;
	background: #6b7485 url(../../images/section/home/bg-box-3.jpg) no-repeat left top; 
}
section .box-3 .container{ padding: 0; }
section .box-3 .ft-tabs-nav{ text-align: center; padding: 2px 0 25px; }
section .box-3 .ft-tabs-nav li{ border: 1px solid #949da9; border-radius: 0; margin:0 2px; }
section .box-3 .ft-tabs-nav li.ft-active{ border-color: #e8eff2; }
section .box-3 .ft-tabs-nav li a,
section .box-3 .ft-tabs-nav li.ft-active a{ font-size: 16px; padding: 16px 16px 14px;  color: #e8eff2; }
section .box-3 .ft-tabs-nav li img{  }
section .box-3 .ft-tabs-container{  }
section .box-3 .ft-tabs-container .ft-tab-content{ background: none; border:none; padding: 0; }
section .box-3 .ft-tabs-container .ft-tab-content li{ 
	height: 229px; 
	margin: 0 0 20px 0; 
	padding: 0 7px; 
	overflow: hidden; 
	position: relative; 
}
section .box-3 .ft-tabs-container .ft-tab-content li .mask{ width: 100%; height: 175px; position: relative; overflow: hidden; }
section .box-3 .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 .box-3 .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 .box-3 .ft-tabs-container .ft-tab-content li h2,
section .box-3 .ft-tabs-container .ft-tab-content li h2 a{ 
	height: 53px; 
	background: #fff; 
	font-size: 18px; 
	float: left;
	width: 100%;
	color: #5b6578; 
	line-height: 53px;
	text-align: center; 
}

section .box-4{ background: #ecf2e8; padding: 0 0 4px 0; }
section .box-4 .video {
    border: 1px solid #f7fff8;
    float: left;
    height: 462px;
    margin: -231px 0 0;
    padding: 4px;
    width: 100%;
}


section .box-5{ 
	background: #ecf2e8 url(../../images/section/home/bg-estatua.png) no-repeat right 206px; 
	padding:0 0 75px 0; 
}
section .box-5 .container{  }
section .box-5 h5{ color: #3b4c58; font-size: 36px; float: left; padding:30px 38px 30px 0; }
section .box-5 .ft-btn{ float: left; margin: 29px 0; }
section .box-5 .thumbs{ float: left; }
section .box-5 .thumbs .col-md-4{ height: 235px; padding: 5px; }
section .box-5 .thumbs img{  }


section .box-6{ 
	background: #f8faf7 url(../../images/section/home/bg-estatua.png) no-repeat right -750px;  
	padding:0 0 50px 0; 
}
section .box-6 .container{  }
section .box-6 h4{ color: #3b4c58; font-size: 36px; padding:30px 0; border-bottom: 1px solid #b9c2be; }
section .box-6 .row{ margin: 0; padding: 40px 0 0; width: 660px; }
section .box-6 li{ text-align: center; padding: 0 40px 30px; color: #25333d; font-size: 16px; height: 230px; }
section .box-6 li a{ color: #25333d; }
section .box-6 li a:hover{ text-decoration: underline; }
section .box-6 li img{ display: block; margin: 0 auto 6px auto; }
section .box-6 li strong{ display: block; }



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



@media all and (min-width: 1340px) {

section .box-6 li.col-md-4 {width:25%;}
section .box-6 li { padding: 0 17px 30px;}
section .box-6 .row { margin: 0; padding: 40px 0 0;width: 735px;}
section .box-6 { padding: 0 0 15px; background: #f8faf7 url("../../images/section/home/bg-estatua.png") no-repeat scroll right -750px;}
section .box-6 h4 {margin-right: 130px;}
section .box-5 {background: #ecf2e8 url("../../images/section/home/bg-estatua.png") no-repeat scroll right -100px}
}

@media all and (max-width: 992px) {
  section .box-1 nav{ 
  	bottom: 0;
    height: auto;
    margin: 0;
    right: 0;
    text-align: center;
    top: inherit;
    width: 100%;
  }
  section .box-1 nav a{ display: inline-block; width: auto; }
  section .box-1 nav a img{  }

  section .box-1 nav a:hover,
  section .box-1 nav a.on{position: relative; top: 12px;}

section .estilo-10 { padding: 74px 0 0 !important; }
  section .box-2{ padding: 50px 0 0 0; }

  section .box-3 .ft-tabs-container .ft-tab-content li{ height:188px; }
  section .box-3 .ft-tabs-container .ft-tab-content li .mask{ height: 135px; }

  section .box-5{ background-position: right 672px; }
  section .box-6{ background-position: 133% -449px}
  header .submenu .btn-menu, header .submenu span {margin: 33px 0 0 5px;}
}
@media all and (max-width: 960px) {
  section .box-6{ background-size: 30% auto; background-position: 100% 279px;}
}

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

  section .box-1 nav{ 
  	bottom: -59px;
    height: auto;
    margin: 0;
    right: 0;
    text-align: center;
    top: inherit;
    width: 100%;
    z-index: 1000;
  }
  section .box-2 .container{ padding: 30px 30px 270px; }
  section .box-2 .container p{ padding: 0 0 30px 0; }
  section .box-2 .container img{ bottom: -15px; right: 0; }

  section .box-3 .ft-tabs-container .ft-tab-content li img{ width: 100%; left: 0 !important; }

  section .box-4 .video{ height: 390px; padding: 20px; }
  section .box-4 .video iframe{ height: 348px; }

  section .box-5{ background: none; }
  section .box-5 .thumbs .col-md-4{ overflow: hidden; height: auto; }
  section .box-5 .thumbs img{ width: 100%; }

  section .box-6{ background: none; }
  section .box-6 .row{ width: 100%; }
  section .box-6 li{ height: auto; padding: 0 20px 30px; }
  header{position:  relative!important;}
}

@media all and (max-width: 530px) {
section .box-1 nav img {height: 26px; position: relative; top: 0; width: auto;}
section .box-1 nav a:hover, section .box-1 nav a.on {height: 32px; top: 15px;}

}




@media all and (max-width: 480px) {
	section .box-2 .container{ padding: 30px 30px 140px; }

	section .box-3{ padding: 30px 0 150px; }
	section .box-3 .ft-tabs-container .ft-tab-content li{ width: 100%; }
	section .box-3 .ft-tabs-nav li{ width: 90%; margin:0 0 5px 0; }

	section .box-4 .video{ height: 290px; margin:-130px 0 0; }
	section .box-4 .video iframe{ height: 248px; }
}

@media all and (max-width: 319px) {
section .box-1 nav a:hover, section .box-1 nav {display: none;}
}