/*!
 * Start Bootstrap - Scrolling Nav (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

@import url('https://fonts.googleapis.com/css?family=Exo+2:300,400,500,600,700|Lato:400,700,900|Open+Sans:400,600,700');
/*font-family: 'Exo 2', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Open Sans', sans-serif;*/


/*---------------------
Globle Styling
---------------------*/
body {font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 26px;}
p{color: #666666; margin: 0 0 15px}
h1,h2,h3,h4,h5,h6{font-family: 'Lato', sans-serif; }
h1{font-weight: 900; color: #fff;}
.text-orenge{color: #e87e04}
.btn,a{-webkit-transition: all .3s ease;transition: all .3s ease;}
a:hover{color: #e87e04}
.btn{}
.btn.btn-md{min-height: 60px;font-family: 'Lato', sans-serif; font-weight: 900; font-size: 20px;}
a.btn.btn-md{padding-top: 0; padding-bottom: 0; line-height: 58px;}
.btn.btn-round{border-radius: 50px;}
.btn.btn-primary{background-color: #e87e04; border-color: #e87e04; color: #fff;}
.btn.btn-primary:focus, .btn.btn-primary:hover{background-color: #d47406; border-color: #c16b08; color: #fff;}
.btn.btn-primary:focus:hover, .btn.btn-primary:active:hover{background-color: #965408; border-color: #804605; color: #fff;}
section{padding: 30px 0; position: relative;}
.fg-no-top-padding{padding-top: 0;}
.fg-no-bottom-padding{padding-bottom: 0;}
.fg-no-top-margin{margin-top: 0;}
.fg-no-bottom-margin{margin-bottom: 0;}
.fg-bottom-margin-30{margin-bottom: 30px;}
.fg-section-heading h2{color: #e87e04;font-family: 'Exo 2', sans-serif; font-size: 21px; font-weight: 900; margin: 0px 0 20px;}
.fg-section-heading.fg-heading-light h2{color: #FFF;}

@media(min-width:768px){
    section{padding: 60px 0}
    .fg-section-heading h2{margin: 0px 0 50px; font-size: 25px;}
}
/*---------------------
Preloader
---------------------*/
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../images/rainbow.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}

/*---------------------
Introduction Section
---------------------*/
header.fg-header{background: url(../images/header-bg.jpg) no-repeat center center; background-size: cover;}
.fg-topbar{padding: 20px 0; border-bottom: 1px solid #fff; margin: 0 0 30px;}
@media(min-width:768px){
    .fg-topbar{padding: 30px 0; margin: 0 0 60px;}
}

.fg-intro-content{margin-bottom: 30px; color: #fff; font-size: 22px; font-weight: 600;}
.fg-intro-content .fg-buttons .btn{padding: 0 50px;}
.fg-intro-content h1{font-size: 26px;}
.fg-intro-content .fg-buttons{margin-top: 30px;}
.fg-intro-content p{font-weight: 400; color: #fff;}
@media(min-width:768px){
    .fg-intro-content{margin-top: 120px; margin-bottom: 120px;}
    .fg-intro-content h1{font-size: 35px;}
    .fg-intro-content .fg-buttons{margin-top: 60px;}
    .fg-intro-content p{font-size: 25px}
    .fg-intro-content .fg-buttons .btn{min-width: 240px;}
}
@media(max-width:680px){
    .fg-intro-content .fg-buttons .btn{display: block; margin: 20px;}
}


/*---------------------
Best Fitness Studio Section
---------------------*/
.fg-bestfitness-section .fg-section-heading h2{margin: 15px 0 ;}
.fg-platform-compatible{border-bottom: 1px solid #999999; color: #333333; padding-bottom: 10px; margin-top: 20px;}
.fg-platform-compatible span{margin-right: 10px; display: inline-block;}
.fg-platform-compatible span .fa + .fa{margin-left: 10px;}
.fg-opening-times h5{ font-size: 16px; color: #444444; font-weight: 900; text-transform: uppercase; margin: 15px 0}
.fg-opening-times .fg-time-list li{margin: 15px 0; position: relative; min-height: 38px; padding-left: 68px;}
.fg-opening-times .fg-time-list li img{position: absolute; left: 10px; top:50%; margin-top: -19px;}
.fg-opening-times .fg-time-list li .fg-day{font-family: 'Lato', sans-serif; font-size: 16px; color: #666666; font-weight: 600; text-transform: uppercase;}
.fg-opening-times .fg-time-list li .fg-time{ font-size: 18px; color: #666666; font-weight: 700; text-transform: uppercase;}
@media(min-width:768px){
    .fg-bestfitness-section:before{position: absolute; width: 100%; height: 100px; background: #f5f5f5; content: ''; left: 0; bottom: 0;}
    .fg-platform-compatible{padding-bottom: 20px;}
    .fg-platform-compatible span{margin-right: 20px;}
    .fg-platform-compatible span .fa{font-size: 20px;}
    .fg-platform-compatible span .fa + .fa{margin-left: 20px; }
    .fg-opening-times h5{margin: 30px 0;}
}
@media(min-width:680px){
    .fg-opening-times .fg-time-list{margin: 0 -10px;}
    .fg-opening-times .fg-time-list li{padding-right:10px; float: left; width: 50%;}
}
/*---------------------
Our Fitness Workout Section
---------------------*/
.fg-fitnessworkout-section{background: #f5f5f5;}
.fg-col-item h3{font-size: 18px; color: #444444; margin: 0 0 15px; font-weight: 600; }
@media(min-width:768px){
    .fg-fitnessworkout-section{padding-top: 0;}
    .fg-col-item h3{font-size: 20px;}
}
 /*---------------------
Our Coaches Section
---------------------*/
.fg-ourcoaches-content{background-color: #e87e04; position: relative; padding-top: 30px;}
.fg-ourcoaches-content .fg-col-item img{border-radius: 50%; margin-bottom: 15px;}
.fg-ourcoaches-content .fg-col-item h3{font-family: 'Exo 2', sans-serif; text-transform: uppercase; color: #fff; margin: 0;}
.fg-ourcoaches-content .fg-col-item p{color: #fff}
@media(min-width:768px){
    .fg-ourcoaches-content{padding:70px 30px; margin: 0 0 30px;}
    .fg-ourcoaches-content .fg-col-item p{margin: 0}
    .fg-ourcoaches-section:before{position: absolute; width: 100%; height: 100px; background: #f5f5f5; content: ''; left: 0; top: 0;}
    
}
/*---------------------
Benefit Join Today Section
---------------------*/
.fg-jointoday-section{background: #f5f5f5;}
.fg-banefits-list li{position: relative; padding-left: 70px; min-height: 52px; font-size: 16px; line-height: 26px;}
.fg-banefits-list li span.fg-count{position: absolute; left: 0; top: 0; width: 50px; height: 50px; border-radius: 3px; text-align: center; line-height: 50px; background-color: #e87e04; color: #fff; }
.fg-banefits-list li + li{margin-top: 20px;}
@media(min-width:990px){
    .fg-jointoday-section:before{position: absolute; width: 50%; right: 0; top: 0; height: 100%; background: url(../images/join-today.jpg) no-repeat center center; content: ''; background-size: cover;}
}
@media(min-width:768px){
    .fg-banefits-list li{padding-right: 50px;}
}
/*---------------------
Our Price Section
---------------------*/
.fg-price-container{border: 2px solid #e87e04; padding: 30px; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; background: #fff;}
.fg-price-container h3{font-size: 20px; font-family: 'Exo 2', sans-serif; color: #444444; text-transform: uppercase; font-weight: 700}
.fg-price-container .fg-price{font-weight: 600; font-size: 20px;}
.fg-price-container hr{border-color:#444444; max-width: 140px }
.fg-price-container ul{margin: 30px 0}
.fg-price-container ul li{color: #888888; line-height: 30px;}
.fg-price-container .btn{display: inline-block; width: 100%; max-width: 140px}
@media(max-width:768px){
    .fg-ourprice-section .row > [class*="col-"] + [class*="col-"]{margin-top: 30px;}
}
@media(min-width:768px){
    .fg-price-container:hover{-webkit-transform: scale(1.05);transform: scale(1.05); background: #fff9f2}
}

/*---------------------
Testimonial Section
---------------------*/

.fg-testimonial-section{background: url(../images/testimonial.jpg) no-repeat center center; background-size: cover;}
.fg-testimonial-item{background: rgba(0,0,0,.3); padding: 30px; text-align: center; color: #fff; display: inline-block; width: 100%;}
.fg-testimonial-item li{position: relative;}
.fg-testimonial-item .fg-user img{border-radius: 50%; }
.fg-testimonial-item .fg-user h4{ font-family: 'Exo 2', sans-serif;}
.fg-testimonial-item li{position: relative;}
.fg-testimonial-item li:first-child{ border-bottom: 1px solid #fff; padding: 0 0 15px; margin-bottom: 30px;}
@media(min-width:768px){
    .fg-testimonial-item{text-align: left;}
    .fg-testimonial-item .fg-user{padding-left: 120px; min-height: 80px}
    .fg-testimonial-item .fg-user img{position: absolute; left: 0; top: 0;}
    .fg-testimonial-item li{margin: 0; float: left; width: 60%; padding: 15px 15px 15px 50px}
    .fg-testimonial-item li:first-child{margin: 0; padding: 15px; border: none; border-right: 1px solid #fff; width: 40%}
}
/*---------------------
Footer Section
---------------------*/
.fg-main-footer{background: #222; padding: 30px 0}
.fg-contact-details,
.fg-contact-details p,
.fg-contact-details a{color: #fff;}
.fg-contact-details p{font-size: 14px;}
.fg-contact-details address li{position: relative; padding-left: 30px;}
.fg-contact-details address li .fa{position: absolute; left: 0; top: 3px;}
.fg-contact-details address li + li{margin-top: 30px;}
.fg-contact-details address li a{font-size: 16px;}
.fg-contactform-footer{padding: 30px; background: #fff; border-radius: 10px;}
.fg-contactform-footer .fg-formtitle{background: #e87e04; color: #fff; text-align: center; font-family: 'Lato', sans-serif; font-size: 20px; font-weight: 600; line-height: 48px; margin-bottom: 20px;}
.fg-contactform-footer .form-control{box-shadow: none; border-radius: 0; border: none; min-height: 48px; background: #f5f5f5; padding: 0 30px;}
.fg-contactform-footer textarea.form-control{ padding:15px 30px; min-height: 70px;}
.fg-contactform-footer .fg-buttons .btn{ font-family: 'Lato', sans-serif; font-size: 20px; font-weight: 900; min-height: 44px; padding: 0 60px;}
@media(min-width:768px){
    .fg-main-footer{padding: 70px 0}
    .fg-contact-details{padding-right: 160px;}
}
/*---------------------
Copyright Section
---------------------*/
.fg-copyright{font-size: 14px; font-weight: 400; color: #000000;}
.fg-copyright .fg-social a {color: #444444}
.fg-copyright .fg-social a:hover{color: #e87e04;}
.fg-copyright .fg-social a + a{margin-left: 20px;}
@media(min-width:768px){
.fg-copyright{padding: 40px 0}
    .fg-copyright .fg-social{float: right}
}

/*---------------------
SCROLL TO TOP      
---------------------*/

.fg-scrollToTop {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: fixed;
    right: 25px;
    bottom: -25px;
    outline: none;
    background: #87d37b;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    color: #FFF;
    opacity: 0;
    box-shadow: 0px 0px 10px 0.00px rgba(0, 0, 0, 0.03);
}

.fg-scrollToTop.scroll-active {
    opacity: .6;
    bottom: 25px;
}

.fg-scrollToTop.scroll-active:hover {
    opacity: 1;
    color: #FFF;
}

.fg-scrollToTop.scroll-active:focus {
    outline: none;
    color: #FFF;
}