/*
* ------------------------------------------------------------------------------------------------
* @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; position: relative; top: inherit; }
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; height: 47px;}



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: -72px; position: absolute; right: -210px; }



section .box-2-new{ background: #D6E1E6; padding: 55px 0; overflow: hidden; }
section .box-2-new .container{ 
  background: #5b6578 url(../../images/section/home/bg-yoga.png) no-repeat right top;  
  padding: 60px; 
}
section .box-2-new .container p{ font-size: 16px; color: #fff; margin: 0; padding: 0 300px 30px 0; }
section .box-2-new .container p strong{  }
section .box-2-new .container img{ bottom: -72px; 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) {

div.double-img img {padding: 0 0 40px; max-width: 49%;}

  section .box-1 nav{ 
  	bottom: -70px;
    height: auto;
    margin: 0;
    right: 0;
    text-align: center;
    top: inherit;
    width: 100%;
  }
section .trabalhos div.container {
    padding: 66px 0px 40px;
}

  section .box-2 .container img {bottom: 40px; right: -197px; width: 600px}

   section .box-2-new .container img {bottom: 40px; right: -197px; width: 600px}



  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{}


  section .box-2{padding: 74px 0px; }

    section .box-2-new{padding: 74px 0px; }

  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: -71px;
    height: auto;
    margin: 0;
    right: 0;
    text-align: center;
    top: inherit;
    width: 100%;
    z-index: 1000;
  }





 section .box-2 .container img{
    display:block!important;
    bottom: -72px;
    right: 59px;
    max-width: 601px;
    width: 100%;
}

  section .box-2 .container{ padding: 30px 30px 270px; background-image: none;  }
  section .box-2 .container p{ padding: 0 0 30px 0; }
  section .box-2 .container img{ display: none; }




 section .box-2-new .container img{
    display:block!important;
    bottom: -72px;
    right: 59px;
    max-width: 601px;
    width: 100%;
}

  section .box-2-new .container{ padding: 30px 30px 270px; background-image: none;  }
  section .box-2-new .container p{ padding: 0 0 30px 0; }
  section .box-2-new .container img{ display: none; }







  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: 765px) {
  section .box-3 .ft-tabs-container .ft-tab-content li{ height:248px; }
  section .box-3 .ft-tabs-container .ft-tab-content li .mask{ height: 195px; }
}


@media all and (max-width: 654px) {
  section .box-3 .ft-tabs-container .ft-tab-content li{ height:248px; }
  section .box-3 .ft-tabs-container .ft-tab-content li .mask{ height: 180px; }
}

@media all and (max-width: 640px) {
  section .box-3 .ft-tabs-container .ft-tab-content li{ height:255px; }
  section .box-3 .ft-tabs-container .ft-tab-content li .mask{ height: 172px; }
}
@media all and (max-width: 600px) {
  section .box-3 .ft-tabs-container .ft-tab-content li{ height:205px; }
  section .box-3 .ft-tabs-container .ft-tab-content li .mask{ height: 151px; }
}
@media all and (max-width: 556px) {
  section .box-3 .ft-tabs-container .ft-tab-content li{ height:203'px; }
  section .box-3 .ft-tabs-container .ft-tab-content li .mask{ height: 152px; }
div.double-img img {padding: 0 0 40px; max-width: 100%}
}
@media all and (max-width: 530px) {
section .box-1 nav img {height: 21px; position: relative; top: 0; width: auto;}
section .box-1 nav a:hover, section .box-1 nav a.on {height: auto; background: #696F82;}
}

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

  section .box-2-new .container{ padding: 30px 30px 140px; }

	section .box-3{ padding: 30px 0 150px; }
  section .box-3 .ft-tabs-container .ft-tab-content li{ width: 100%; height: 315px;}
  section .box-3 .ft-tabs-container .ft-tab-content li .mask { height: 250px;}
	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; }


  section .box-2 .container {padding: 30px 30px 206px;}

  section .box-2-new .container {padding: 30px 30px 206px;}
}



@media all and (max-width: 447px) {
  section .box-3 .ft-tabs-container .ft-tab-content li .mask { height: 223px;}
    section .box-3 .ft-tabs-container .ft-tab-content li{ margin-bottom: 7px; height: 295px;}
      section .box-2 .container {padding: 30px 30px 180px;}

       section .box-2-new .container {padding: 30px 30px 180px;}
}

@media all and (max-width: 400px) {
  section .box-3 .ft-tabs-container .ft-tab-content li .mask {height: 200px;}
    section .box-3 .ft-tabs-container .ft-tab-content li{margin-bottom: 7px; height: 265px;}
      section .box-2 .container {padding: 30px 30px 140px;}

       section .box-2-new .container {padding: 30px 30px 140px;}
}


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

  section .box-3 .ft-tabs-container .ft-tab-content li .mask {height: 180px;}
    section .box-3 .ft-tabs-container .ft-tab-content li{margin-bottom: 7px; height: 245px;}
    section .box-2 .container img {right:10%;}

     section .box-2-new .container img {right:10%;}
}
@media all and (max-width: 320px) {

  section .box-3 .ft-tabs-container .ft-tab-content li .mask {height: 160px;}
    section .box-3 .ft-tabs-container .ft-tab-content li{margin-bottom: 7px; height: 225px;}
}
@media all and (max-width: 319px) {
section .box-1 nav a:hover, section .box-1 nav {display: none;}
}