body {

    background: #ffffff;

    font-family: 'Source Sans Pro', sans-serif;

    font-style: normal;

    font-weight: 300;

}



html,body {

      width: 100%;

     overflow-x: hidden;

  }





/*---------------------------------------

    Typography              

-----------------------------------------*/

h1,h2,h3,h4,h5,h6,

blockquote {

  font-weight: 600;

}



h1 {

    font-size: 4.5rem;

    line-height: 6.5rem;

    letter-spacing: 10px;

    text-transform: uppercase;

    padding-top: 12px;

}



h2 {

  font-size: 30px;

  letter-spacing: 6px;

  padding-bottom: 18px;

  text-transform: uppercase;

}



#videos h2,

#testimonials h2,

#blog h2,

#about h2 {

  padding-bottom: 2px;

}



blockquote, h3 {

   font-family: 'Lora', sans-serif;

  font-style: italic;

}



h3 {

  line-height: 36px;

}



h4 {

    color: #999;

    letter-spacing: 2px;

    margin-top: 22px;

}



p {

    color: #707070;

    font-size: 20px;

    line-height: 25px;

    letter-spacing: 0.4px;

}



a {

  text-decoration: none !important;

  outline: none;

}





/*---------------------------------------

    General               

-----------------------------------------*/

#trainer,

#blog,

#price {

    padding-top: 10rem;

    padding-bottom: 10rem;

}



#home,

#contact-header,

#about-header,

#videos-header,
#gallery-header,

#testimonials-header {

  text-align: center;

}



.parallax-section {

  background-attachment: fixed !important;

  background-size: cover !important;

}







/*---------------------------------------

    Preloader section              

-----------------------------------------*/

.preloader {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 99999;

  display: flex;

  flex-flow: row nowrap;

  justify-content: center;

  align-items: center;

  background: none repeat scroll 0 0 #ffffff;

}



.sk-spinner-pulse {

  width: 40px;

  height: 40px;

  background-color: #26253a;

  border-radius: 100%;

  -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;

          animation: sk-pulseScaleOut 1s infinite ease-in-out; }



@-webkit-keyframes sk-pulseScaleOut {

  0% {

    -webkit-transform: scale(0);

            transform: scale(0); }

  100% {

    -webkit-transform: scale(1);

            transform: scale(1);

    opacity: 0; } }



@keyframes sk-pulseScaleOut {

  0% {

    -webkit-transform: scale(0);

            transform: scale(0); }

  100% {

    -webkit-transform: scale(1);

            transform: scale(1);

    opacity: 0; } }









/*---------------------------------------

    Navigation section              

-----------------------------------------*/

.navbar-default {

    background: #ffffff;

    border-bottom: 2px solid #f9f9f9;

    box-shadow: none;

    margin: 0 !important;

}



.navbar-default .navbar-brand {

  color: #505050;

  font-size: 36px;

  font-weight: bold;

  line-height: 50px;

  margin: 0;

}



.navbar-default .navbar-nav li a {

    color: #999;

    font-size: 24px;

    font-weight: 300;

    line-height: 60px;

    letter-spacing: 0.6px;

    transition: all 0.4s ease-in-out;

	-webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

}



.navbar-default .navbar-nav li a:hover {

  color: #000;

}



.navbar-default .navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li > a:focus {

  color: #000;

  background-color: transparent;

}



.navbar-default .navbar-nav > .active > a,

.navbar-default .navbar-nav > .active > a:hover,

.navbar-default .navbar-nav > .active > a:focus {

  color: #000;

  background-color: transparent;

}



.navbar-default .navbar-toggle {

     border: none;

     padding-top: 10px;

  }



.navbar-default .navbar-toggle .icon-bar {

    color: #000;

    border-color: transparent;

  }



.navbar-default .navbar-toggle:hover,

.navbar-default .navbar-toggle:focus { 

  color: #000;

  background-color: transparent;

}







/*---------------------------------------

    Home section              

-----------------------------------------*/

#home {

    background: 50% 0 repeat-y fixed;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: center center;

    color: #ffffff;

    display: -webkit-box;

    display: -webkit-flex;

     display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

     -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

    height: 100vh;

}



#home h3 {

  letter-spacing: 2px;

}



#home .btn {

  background: #26253a;

  border: none;

  border-radius: 0px;

  color: #999;

  font-size: 20px;

  font-weight: bold;

  letter-spacing: 4px;

  padding: 16px 38px;

  margin-top: 28px;

  transition: all 0.4s ease-in-out;

}



#home .btn:hover {

  background: #ffffff;

  color: #26253a;

}







/*---------------------------------------

   Overview  section              

-----------------------------------------*/

#overview {

  padding-top: 14rem;

  padding-bottom: 20rem;

  position: relative;

}



#overview img {

  border: 4px solid #f9f9f9;

  padding: 20px 20px 40px 20px;

}



#overview blockquote {

  background: #ffffff;

  box-shadow: 0px 2px 8px 10px rgba(50, 50, 50, 0.04);

  border-left: 8px solid #26253a;

  word-spacing: 1px;

  letter-spacing: 1px;

  position: absolute;

  font-size: 20px;

  top: 240px;

  left: 80px;

  padding: 62px 52px;

}



#overview .overview-detail {

  position: relative;

  top: 40px;

}



#overview .btn {

  background: transparent;

  border: 4px solid #26253a;

  border-radius: 0px;

  font-size: 22px;

  font-weight: 600;

  letter-spacing: 4px;

  text-transform: uppercase;

  padding: 14px 46px;

  transition: all 0.4s ease-in-out;

  margin-top: 32px;

}



#overview .btn:hover {

  background: #26253a;

  color: #ffffff;

}



/* single page */

#gallery-header {

    background: url('../images/gallery.jpg') 50% 0 repeat-y fixed;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: bottom center;

    color: #ffffff;

    display: -webkit-box;

    display: -webkit-flex;

     display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

     -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

    height: 50vh;

}



#testimonials-header {

    background: url('../images/testimonials.jpg') 50% 0 repeat-y fixed;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: bottom center;

    color: #ffffff;

    display: -webkit-box;

    display: -webkit-flex;

     display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

     -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

    height: 50vh;

}



#about-header {

    background: url('../images/about.jpg') 50% 0 repeat-y fixed;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: bottom center;

    color: #ffffff;

    display: -webkit-box;

    display: -webkit-flex;

     display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

     -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

    height: 50vh;

}



#contact-header {

    background: url('../images/contact.jpg') 50% 0 repeat-y fixed;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: bottom center;

    color: #ffffff;

    display: -webkit-box;

    display: -webkit-flex;

     display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

     -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

    height: 50vh;

}



#videos-header {

    background: url('../images/videos.jpg') 50% 0 repeat-y fixed;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: bottom center;

    color: #ffffff;

    display: -webkit-box;

    display: -webkit-flex;

     display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

     -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

    height: 50vh;

}





/*---------------------------------------

    Services section              

-----------------------------------------*/

#services {

  background: url('../images/services-bg.jpg') 50% 0 repeat-y fixed;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: center center;

    color: #ffffff;

}



#services .servicing__item {

  position: relative;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-direction: column;

  flex-direction: column;

  -webkit-align-items: stretch;

  align-items: stretch;

  text-align: center;

  -webkit-flex: 0 1 330px;

  flex: 0 1 330px;

}



#services .servicing__feature-list {

  text-align: left;

}



#services .servicing__action {

  color: inherit;

  border: none;

  background: none;

}



#services .servicing__action:focus {

  outline: none;

}



#services .servicing__item {

  font-size: 20px;

  margin-top: 72px;

  padding: 2em;

  cursor: default;

  color: #fff;

  border: 1px solid #666;

  -webkit-transition: background-color 0.6s, color 0.3s;

  transition: background-color 0.6s, color 0.3s;

}



#services .servicing__item:nth-child(2) {

  border-right: none;

  border-left: none;

}



#services .servicing__item:hover {

  color: #444;

  background: #ffffff;

  border-color: transparent;

}



#services .servicing__title {

  font-size: 2em;

  color: #fff;

  width: 100%;

  margin: 0;

  padding: 0;

}



#services .servicing__services {

  font-size: 1.45em;

  font-weight: bold;

  line-height: 120px;

  width: 120px;

  height: 120px;

  margin: 1.15em auto 0.3em;

  border-radius: 50%;

  background: #ffffff;

  -webkit-transition: color 0.3s, background 0.3s;

  transition: color 0.3s, background 0.3s;

}



#services .servicing__item:first-child .servicing__services {

  background: #26253a;

}



#services .servicing__item:nth-child(2) .servicing__services {

  background: #26253a;

}



#services .servicing__item:hover .servicing__services {

  color: #fff;

  background: #222;

}



#services .servicing__feature-list {

  margin: 0;

  padding: 1em 1em 2em 1em;

  font-weight: bold;

  list-style: none;

  letter-spacing: 0.6px;

  line-height: 32px;

  text-align: center;

}



#services .servicing__action {

  font-weight: bold;

  margin-top: auto;

  padding: 18px 48px;

  opacity: 0;

  color: #fff;

  font-size: 20px;

  background: #26253a;

  text-transform: uppercase;

  letter-spacing: 3px;

  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;

  transition: transform 0.3s, opacity 0.3s;

  -webkit-transform: translate3d(0, -15px, 0);

  transform: translate3d(0, -15px, 0);

}



#services .servicing__item:hover .servicing__action {

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}



#services .servicing__action:hover,

#services .servicing__action:focus {

  background: #222;

}



@media screen and (max-width: 60em) {

  #services .servicing__item {

    max-width: none;

    width: 100%;

    flex: none;

  }

  #services .servicing__item:nth-child(2) {

    border: 1px solid #fff;

  }

}









/*---------------------------------------

    Testimonial section              

-----------------------------------------*/

#testimonial {

    background: #ffffff;

    color: #26253a;

    padding-top: 8rem;

    padding-bottom: 8rem;

}



#testimonial .fa {

  font-size: 42px;

  padding-bottom: 14px;

}



#testimonial h3 {

  letter-spacing: 1px;

}


/*---------------------------------------

   Gallery Page             

-----------------------------------------*/

div.gallery {
    border: 1px solid #ccc;
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}

* {
    box-sizing: border-box;
}

.responsive {
    padding: 0 6px;
    float: left;
    width: 24.99999%;
}

@media only screen and (max-width: 700px) {
    .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px) {
    .responsive {
        width: 100%;
    }
}

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




/*---------------------------------------

   Footer section              

-----------------------------------------*/

footer {

  background: #26253a;

  color: #ffffff;

  padding-top: 8rem;

  padding-bottom: 8rem;

}



footer .col-md-5 {

  position: relative;

  left: 100px;

}



footer .col-md-5 div {

  padding-top: 10px;

}



footer h4 {

  margin-top: 0px;

}



footer .copyright-text {

  padding-top: 80px;

  text-align: center;

}



.copyright-text a {

	color: #707070;

	transition: all 0.4s ease-in-out;

}



.copyright-text a:hover {

	color: #ffffff;

}





/*---------------------------------------

   Social icon             

-----------------------------------------*/

.social-icon {

    position: relative;

    padding: 0;

    margin: 0;

}



.social-icon li {

    display: inline-block;

    list-style: none;

}



.social-icon li a {

    color: #999;

    border-radius: 100px;

    font-size: 16px;

    text-decoration: none;

    transition: all 0.4s ease-in-out;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    vertical-align: middle;

}



.social-icon li a:hover {

    background: #ffffff;

}







/*---------------------------------------

   Responsive styles            

-----------------------------------------*/

@media (max-width: 980px) {



  #home {

    height: 65vh;

  }



  #overview {text-align: center;}



  #overview blockquote {

    top: 260px;

    padding: 82px;

  } 



  #overview .overview-detail {

    margin-left: 20px;

    top: 72px;

  }



  footer .col-md-5 {

    left: 30px;

  }



  



}





@media (max-width: 768px) {



  #overview blockquote {

    top: 306px;

    left: 30px;

    right: 10px;

  }



}





@media (max-width: 767px) {



  .navbar-default .navbar-brand {

    line-height: 15px;

  }



  .navbar-default .navbar-nav li a {

    font-size: 20px;

    line-height: 18px;

  }



  

  #overview {

    padding-top: 8rem;

    padding-bottom: 8rem;

  }



}





@media (max-width: 760px) {



  #home {

    height: 100vh;

  }



  

  

  h1 {

    font-size: 2.8rem;

    line-height: 4.8rem;

  }



  h2 {

    font-size: 24px;

  }



  h3 {font-size: 18px}



  p {font-size: 17px;}



  #overview img {

    margin-bottom: -60px;

  }



  #overview .overview-detail {

    margin-top: 100px;

    top: 0px;

  }



  #services .servicing__action {

    font-size: 13px;

  }



  footer {text-align: center;}



  footer .col-md-5 {

    left: 0px;

    padding-top: 30px;

    padding-bottom: 30px;

  }



}





@media (max-width: 650px) {



  #overview blockquote {

    position: relative;

    top: 0px;

    left: 0px;

  }



}





@media (max-width: 450px) {



  #overview blockquote {

    padding: 32px;

  }



  #overview .overview-detail {

    margin-top: 32px;

  }



}





@media (max-width: 768px) {



  #overview blockquote {

    top: 306px;

    left: 30px;

    right: 10px;

  }



}





@media (max-width: 767px) {



  .navbar-default .navbar-brand {

    line-height: 15px;

  }



  .navbar-default .navbar-nav li a {

    font-size: 20px;

    line-height: 18px;

  }



  #testimonials,

  #blog,

  #videos,

  #services {

    padding-top: 6rem;

    padding-bottom: 6rem;

  }



  #overview {

    padding-top: 8rem;

    padding-bottom: 8rem;

  }



}





@media (max-width: 760px) {



  #home {

    height: 100vh;

  }



  



#about-header {

    height: 35vh;

  }



#contact-header {

    height: 35vh;

  }



#testimonials-header {

    height: 35vh;

  }



#videos-header {

    height: 35vh;

  }

#gallery-header {

    height: 35vh;

  }



  



  h1 {

    font-size: 2.8rem;

    line-height: 4.8rem;

  }



  h2 {

    font-size: 24px;

  }



  h3 {font-size: 18px}



  p {font-size: 17px;}



  #overview img {

    margin-bottom: -60px;

  }



  #overview .overview-detail {

    margin-top: 100px;

    top: 0px;

  }



  #services .servicing__action {

    font-size: 13px;

  }



  footer {text-align: center;}



  footer .col-md-5 {

    left: 0px;

    padding-top: 30px;

    padding-bottom: 30px;

  }



}





@media (max-width: 650px) {



  #overview blockquote {

    position: relative;

    top: 0px;

    left: 0px;

  }



}





@media (max-width: 450px) {



  #overview blockquote {

    padding: 32px;

  }



  #overview .overview-detail {

    margin-top: 32px;

  }



}