* { box-sizing: border-box; }




.cf:after {
  content:"";
  display:table;
  clear:both;
}

html {
  background: #fff;
  color: #424242;
  font:16px/1.5 'Arimo', sans-serif;
}

body {
  background: #fff;
  font-size: 100%;
}


img {
  height: auto;
  max-width: 100%;
  
}

.container {
  margin: 0 auto;
  max-width: 940px;
}

.row {
  overflow: hidden;
  padding: 0 20px;
}


.header-home{
  background-image: url(../images/home/home-cover.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0 ;

}

.header-schedule{
  background-image: url(../images/schedule/schedule-banner.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0 ;
}

.header-services{
  background-image: url(../images/services/services-banner.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0 ;
}

.header-top-part{
  clear: both;
  background: #fff;
}
img.logo{
  width: 35%;
  margin: 0;
}



nav[role=navigation] li a:hover {
  color:#000;
}

nav {
  margin-bottom: 40px;
}

.pattern{
  float: right;
}

a.menu-link {
    float: right;
    display: block;
    padding: 1px 44px;
    text-decoration: none;
    color: #fff;
    background-color:  #79c339;
    }
    nav[role=navigation] {
      clear: both;
      -webkit-transition: all 0.3s ease-out;  
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .js nav[role=navigation] {
      overflow: hidden;
      max-height: 0;
    }
    nav[role=navigation].active {
      max-height: 15em;
    }
    nav[role=navigation] ul {
      margin: 0;
      padding: 0;
      border-top: 1px solid #fff;
      background: #79c339;
    }
    nav[role=navigation] li a {
      display: block;
      padding: 5px;
      border-bottom: 1px solid #808080;
      text-decoration: none;
      color: #fff;
      font-size: 12px;
    }

@media screen and (min-width: 48.25em) {
      a.menu-link {
         display: none;
      }
      .js nav[role=navigation] {
        max-height: none;
      }
      nav[role=navigation] ul {
        margin: 0 0 0 -0.25em;
        border: 0;
      }
      
      nav[role=navigation]  li {
        display: inline-block;
        margin: 0 0.25em;
      }
      nav[role=navigation] li a {
        border: 0;
      }
    }




.header-p{

    color: #fff;
    font: 13px/27px 'Arimo', sans-serif;
    padding: 17px;
    text-shadow: 2px 2px #080404;

}

.schedule-headline{
  margin: 0 auto;
  max-width: 600px;
  margin-left: 20px;
}
 
 .head1 {
    color: #fff;
    margin: 0 auto;
    font: 400 46px/68px 'Oswald', sans-serif;
    margin: 50px 0 0 20px;
    letter-spacing: 2px;
}





.schedule-head1{
  color: #fff;
  font:  300 50px/60px 'Arimo', sans-serif;
  margin-bottom: 50px;
}

.schedule-green-head{
  color: #79c339;
  font:  300 45px/35px   'oswald', sans-serif;
  margin-top: 20px;
  letter-spacing: 2px;
}
.schedule-green-head-small{
  color: #79c339;
  font:  300 30px/35px   'oswald', sans-serif;
  margin-top: 20px;
  letter-spacing: 2px;
}

h1{
  margin: 0 auto;
  font: 400 50px/72px 'Oswald', sans-serif;
}

h2{
  font:  32px/48px 'oswald', sans-serif;
  text-align: center;
  color: #79c339;
  margin: 0;
  padding: 20px 0;
  }

h3{
  color: #79c339;
}
  
.callout{
  color: #000;
  font: 400 32px/48px 'Oswald', sans-serif;
  text-align: center;

  }
.callout-2{
  color: #fff;
  font: 300 32px/48px 'Oswald', sans-serif;
  margin: 0 0 0 20px;
  text-align: left;
  }

.callout-3{
  color: #fff;
  font: 300 32px/48px 'Oswald', sans-serif;
  text-align: center;
  margin: 0;
  }

.callout-4 {
  color: #fff;
  font: 300 56px/70px 'Oswald', sans-serif;
  text-align: center;
  margin: 0;
  margin-top: 20px;
  padding: 50px 10px;
}

.callout-5 {
  color: #fff;
  font: 300 58px/48px 'Oswald', sans-serif;
  text-align: center;
  margin: 0;
  margin-top: 20px;
  padding: 50px 10px;
}

.callout-schedule{
  color: #000;
  font: 400 32px/48px 'Oswald', sans-serif;
  text-align: center;
}

.weight-pic{
  display: none;
}


.small-green-txt{
 color: #79c339;
 font: 300 22px/48px 'Arimo', sans-serif;
 }





.button {
    text-align: center;
    max-width: 170px;
    margin: 33px 0 20px 20px;
    padding: 0 10px;
    font: 400 22px/48px 'Arimo', sans-serif;
    border: 2px solid #79c339;
}

.head-button    {
    color: #fff;
    text-decoration: none;
}


.head-button h4 {
    text-align: center;
    max-width: 170px;
    margin: 10px 0 10px 10px;
    padding: 0 10px;
    font: 400 22px/48px 'Arimo', sans-serif;
    border: 2px solid #79c339;
}
.header-bottom-section a:hover {
  color: #79c339;
}



.petit-sections {
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 104px;
    background-color: #f4f4f4;
    border-bottom: 1px solid #79c339;
    max-height: 408px;
}


.petit-sections p{
  padding: 0 10px 62px 10px;
   font:  15px/20px 'Arimo', sans-serif;
}


.petit-sections h3{
  text-align: center;
    font: 300 20px/26px 'Oswald', sans-serif;
}



.trainers-left-section {
    max-width: 300px;
    display: inline-block;
}




.trainers-intro a, .referral a, .offer a{
   color: #fff;
   text-decoration: none;
  
  text-align: center;
  text-align: center;
}


.trainers-intro a:hover{
   color: #79c339;
}






.trainers {
    text-align: center;
    max-width: 242px;
    margin: 0 auto;
    margin-bottom: 55px;
}

.trainer-pic{
  max-width: 50%;
}




.trainers-intro{
  background-color: #000;

}


.trainers-intro p{
  color: #fff;
  margin: 0 0 0 20px;

}


.female {
  max-width: 60%;
  float: right;
}


.green-txt{
  color: #79c339;
}



#map{
  display: none;
}
.new-clients{
  background-image: url(../images/home/adv.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0 ;
}

.referral{
  background-image: url(../images/services/referral.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center  ;
}


.male{
  max-width: 38%;
  display: none;
}

.gallery{
  background-image: url(../images/home/facility-gallery.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0 ;
  height: 287px;
  border-top: 10px #79c339 solid;
}


.senior-offer {
  color: #79c339;
  font: 300 24px/34px 'Oswald', sans-serif;
  margin: 0 auto;
  margin-bottom: 20px;
  padding: 0 50px;
}


.offer{
  background-image: url(../images/services/offer.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center  ;
}



footer{
  
  border-top: 24px solid #000;
}


.footer p{
  text-align: center;
  background-color: #79c339;
  border-top:  4px solid #000;
  color: #fff;
  margin: 0;
}

.socialmedia li {
  display: inline-block;
  
}
.socialmedia ul{
  padding-left: 0;
}

.socialmedia a{
  text-decoration: none;
}

.top-footer-section{
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  clear: both;
}
.socialmedia{
  clear: both;
  margin: 0 auto;
  max-width: 117px;
}


/*table*/
table {
    border: 1px solid #333;
    border-collapse: collapse;
    width: 85%;
    margin: 30px auto;
    font-weight: 300;
}

td, th {
  border-bottom: 1px solid #333;
  padding: 10px;
  text-align: left;
  padding-left: 15px;
  font-weight: 300;
}

.table-row {
 background: #000;
 color: #fff;

}

tr {
    background-color: #fff;
}



.table-green-headline {
  color: #79c339;
  font: 300 20px/25px 'Arimo', sans-serif;
  background-color: #e5ebdf;
}




/*end of table*/







.team-pic-owner{
margin: 0 auto;
display: block;
}


.trainers-detail{
  max-width: 100%;
}
.team-pic{
 margin: 0 auto;
 display: block;
  margin-top: 75px;
}
.trainers-detail h3{
  text-align: center;
}

.trainers-detail ul{
  text-align: center;
  padding: 0;
  margin: 0 auto;
  margin-bottom: 20px;
  max-width: 220px;
}
.trainers-detail li{
  list-style: none;
  text-align: center;
  
}


.first-name{
  margin-right: 42px;
}

.last-name{
  margin-right: 44px; 
}
.input-email{
  margin-right: 18px;
}

.tel{
  margin-right: 47px;
}

.form-field label{
  color: #fff;
  margin-left: 20px;
}

input{
  margin: 0 0 10px 25px;
}

.login-form{
  max-width: 365px;
  margin: 0 auto;

}

.register{
  margin: 30px 0;
}

.owner h3{
  text-align: center;
}


.trainers li{
  list-style-type: none;
  font: 300 16px/20px 'Oswald', sans-serif;
}

.trainers ul{
  margin: 0 auto;
  padding: 0;
}

.services {
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 82px;
}




.services-callout-button h4 {
    text-align: center;
    max-width: 170px;
   
    padding: 0 10px;
    font: 300 22px/48px 'Arimo', sans-serif;
    border: 2px solid #79c339;
    margin: 0 auto;
    color: #fff;
    text-decoration: none;
    margin-top: 20px;

    }



   .services-callout-button a:hover h4 {
    color: #79c339;
}

.testimonial-pic{
  max-width: 20%;
}

.first-section {
    border-bottom: 10px #79c339 solid;
}

/*----------------------------------------------------End of Iphone 6 portrait 375px*/


/*----------------------------------------------------Iphone 6 landscape 667px*/

@media screen and (min-width: 667px){

.container {
  margin: 0 auto;
  
}

.row {
  overflow: hidden;
  padding: 0;
}

a.menu-link {
  padding: 10px 44px;
}

h1 {
    padding: 20px;
    max-width: 700px;
}

.head1  {
  margin: 0 auto;
  font: 400 41px/75px 'Oswald', sans-serif;
}


.devided-p {
    padding: 20px;
    max-width: 700px;
    margin: 0 auto;
}

.schedule-head1 {
  font: 300 50px/60px 'Arimo', sans-serif;
  margin-bottom: 71px;
}


.schedule-green-head {
  font: 300 67px/88px 'oswald', sans-serif;
}

.schedule-green-head-small {
  font: 300 45px/35px 'oswald', sans-serif;
}


.header-p {
    color: #fff;
    font: 13px/27px 'Arimo', sans-serif;
    padding: 17px;
    text-shadow: 2px 2px #080404;
    max-width: 434px;
}




.callout {
  text-align: right;
  margin-right: 30px;
  font: 400 42px/48px 'Oswald', sans-serif;
}
.callout-schedule {
  font: 400 32px/48px 'Oswald', sans-serif;
  padding: 25px 42px;
}



.trainers {
    max-width: 176px;
    margin: 19px 20px 53px 26px;
float: left;
}


.trainer-pic {
  max-width: 60%;
}



.male {
  max-width: 29%;
  display: block;
}



.gallery {
  background-size: cover;
  height: 530px;

}



.testimonials{
  max-width: 960px;
  padding: 20px 30px;
  margin: 0 auto;
}

.testimonials h3{
  margin: 30px 0 0 21px;
}

.testimonials p{
  padding: 0 20px;
  margin-top: 0;
}

.petit-sections {
    float: left;
    margin-left: 4%;
}



.female {
    max-width: 47%;
   
}

.trainers-left-section {
    margin-left: 30px;
}



}
/*-----------------------------------------------End of Iphone 6 landscape 667px*/


/*----------------------------------------------------Ipad portrait 768px*/

@media screen and (min-width: 768px){

a.menu-link {
  padding: 13px 44px;
}

img.logo {
    width: 17%;
    margin: 10px 50px;
}

nav[role=navigation] li a {
    
    padding: 5px;
    color: #79c339;

}
nav[role=navigation] ul {
    margin-top: 12px;
    padding: 0;
    border-top: none;
    background: #fff; 
}
nav {
    margin-bottom: 0;
}



.head1 {
    margin: 20px 16px;
    font: 400 64px/75px 'Oswald', sans-serif;
}



.schedule-head1 {
  margin: 0 0 120px 31px;
}

.callout {
  margin-right: 71px;
  font: 400 44px/71px 'Oswald', sans-serif;
}

.callout-schedule{
  font: 400 44px/71px 'Oswald', sans-serif;
}






.trainers {
    max-width: 124px;
    margin: 10px 34px;
    font-size: 12px;
}



.gallery {
  background-size: cover;
  height: 611px;
}

.senior {
  position: absolute;
  top: 198px;
  left: 501px;
  width: 41%;
}




.contact {
  width: 254px;
  float: left;
}

.footer{
  clear: both;
}

.trainers-detail {
  margin: 20px 82px;
  float: left;
}


.team-wrapper{
  max-width: 960px;
  margin: 0 auto;
}

.petit-sections {
    float: left;
    margin-left: 8%;
}

.trainers-group {
    max-width: 768px;
    margin: 0 auto;
}

.callout-3 {
    font: 300 39px/68px 'Oswald', sans-serif;
}


.services {
  
    margin: 20px 45px;
    margin-bottom: 52px;
    float: left;
}


.services-wraper{
  max-width: 768px;
  margin: 0 auto;
}

}

/*---------------------------------------------------end of-Ipad portrait 768px*/



/*----------------------------------------------------desktop 960px*/

@media screen and (min-width: 960px){

.container {
  margin: 0 auto;
  max-width: 100%;
}

.row {
  overflow: hidden;
  padding: 0;
}

nav[role=navigation] ul {
  margin: 25px 0 0 0;
}

nav[role=navigation] li {
  border-left: 1px solid #f8f8f8;
  margin: 0;
  padding: 2px 20px;
}


.headline{
  margin: 0 auto;
}

.head1 {
    margin: 119px 16px 0 55px;
    font: 400 93px/111px 'Oswald', sans-serif;
}

.header-p {
    
    margin-left: 55px;
}


.head-button h4 {
    
    margin: 10px 0 30px 71px;
}
.schedule-head1 {
  font: 300 70px/91px 'Arimo', sans-serif;
  margin: 0 0 150px 31px;
}

.schedule-green-head {
  font: 300 83px/96px 'oswald', sans-serif;
}

.schedule-green-head-small {
  font: 300 54px/60px 'oswald', sans-serif;
}

.callout {
  margin: 25px 0;
  padding: 0;
  text-align: center;
  font: 400 58px/103px 'Oswald', sans-serif;
}

.callout-schedule {
  margin: 25px 0;
  padding: 0 103px;
  font: 400 37px/82px 'Oswald', sans-serif;
}



h1 {
    margin: 0 auto;
    font: 400 46px/72px 'Oswald', sans-serif;
  
}

h2 {
  font: 50px/75px 'oswald', sans-serif;
  padding: 30px 0;
}


h5{
  font: 400 58px/380px 'Oswald', sans-serif;
  color: #000;
}

.first-section h1{
  text-align: center;
}

.trainer-pic{
  max-width: 100%;
}

h3 {
  font-size: 18px;
}


.callout-2 {
    font: 300 50px/72px 'Oswald', sans-serif;
    margin-top: 10px;
}


.male {
  max-width: 32%;
  display: inline-block;
  position: absolute;
  top: 4060px;
  left: -51px;
   
}

.new-clients{
  position: relative;
}



.contact {
  width: 320px;
  }

#map{
  display: block;
}
.map-picture{
  display: none;
}

.gallery {
  background-size: cover;
  height: 762px;
}


.senior {
  position: absolute;
  top: -82px;
  left: 401px;
  width: 73%;
}



#active a  {
  color: #000;
}

.owner{
  max-width: 960px;
  padding: 20px;
  margin: 0 auto;
}




.team-pic-owner{
  margin: 0 auto;
  display: block;
}

.owner h3 {
  margin: 29px;
  text-align: center;
}


.trainers-detail {
  margin: 20px 130px;
  float: left;
}



.first-section-p{
  max-width: 960px;
  margin: 0 auto;
}

.petit-sections {
   
    margin-left: 14px;
}

.icon-group-wraper{
  margin: 0 auto;
  max-width: 960px;
}

.trainers-left-section {
    max-width: 550px;
    
}

.female {
    max-width: 25%;
}

.trainers-group {
    max-width: 960px;
    margin: 0 auto;
    margin-bottom: 50px;
}


.trainers {
    max-width: 159px;
    margin: 2px 40px;
    font-size: 12px;
}


.callout-3 {
    font: 300 50px/86px 'Oswald', sans-serif;
}



.services-wraper{
  max-width: 900px;
  margin: 0 auto;
}


.services {
    margin: 11px 68px;
    margin-bottom: 52px;
    
}

.testimonial-pic{
 
  max-width: 10%;
   float:left;
  margin-right: 20px;
}

.testimonial-section {
    margin: 0 0 137px 0;
}


}


/*----------------------------------------------------End end of 960px*/


/*----------------------------------------------------desktop 1200*/

@media screen and (min-width: 1200px){

nav[role=navigation] ul {
  margin: 40px 0 0 0;
}




.header-p {
    color: #fff;
    font: 13px/27px 'Arimo', sans-serif;
    padding: 17px;
    text-shadow: 2px 2px #080404;
    max-width: 522px;
}


.first-section-p {
    max-width: 1100px;
    margin: 0 auto;
}


.devided-p {
 
    max-width: 900px;
   
}

.male {
  top: 4284px;
  left: 8px;
}



.gallery {
  height: 956px;
}

.senior {
    
  left: 506px;
  }



.icon-group-wraper{
  margin: 0 auto;
  max-width: 1200px;
}

.petit-sections {
    margin-left: 85px;
}

.callout-2 {
    font: 300 70px/90px 'Oswald', sans-serif;
 
}

.trainers-left-section {
    max-width: 722px;
}

.trainer-wraper{
  margin: 0 auto;
  max-width: 1200px;
}

.trainers-group {
    max-width: 1080px;
    margin: 0 auto;
    margin-bottom: 70px;
}


.trainers {
    max-width: 168px;
    margin: 12px 52px;
    font-size: 12px;
}
}






/*----------------------------------------------------End end of 1200*/