/*
Copyright (c) 2016 Himanshu Softtech.
------------------------------------------------------------------
[Master Stylesheet]

Project: GYM
Version: 1.0.0
Assigned to:
-------------------------------------------------------------------

[Table of contents]

1. Body
2. Normal css / .gm_toppadder10
3. Header/Menu css start / .gm_header_wrapper
*/
/*--------- Body Strat -------*/
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 1.5;
    color: #777777;
    background-color:#ffffff;
    -webkit-font-smoothing: antialiased;
}
/*--------- Body End -------*/
/*---------- Normal css start -------*/
a {
    color: #777777;
    text-decoration: none;
}
a:hover, a:focus {
    color: #535465;
    text-decoration: none;
}
a:focus {
    outline: none;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 1.1;
    color: #222222;
}
img {
    max-width: 100%;
}
input {
    outline: none;
    border-radius:0px !important;
}
input:focus {
    outline: none !important;
    box-shadow:none !important;
}
textarea {
    outline: none;
    border-radius:0px !important;
}
textarea:focus {
    outline: none !important;
    box-shadow:none !important;
}
.gm_toppadder10{
    padding-top:10px;
}
.gm_toppadder20{
    padding-top:20px;
}
.gm_toppadder30{
    padding-top:30px;
}
.gm_toppadder40{
    padding-top:40px;
}
.gm_toppadder50{
    padding-top:50px;
}
.gm_toppadder60{
    padding-top:60px;
}
.gm_toppadder70{
    padding-top:70px;
}
.gm_toppadder80{
    padding-top:80px;
}
.gm_toppadder90{
    padding-top:90px;
}
.gm_toppadder100{
    padding-top:100px;
}
.gm_bottompadder10{
    padding-bottom:10px;
}
.gm_bottompadder20{
    padding-bottom:20px;
}
.gm_bottompadder30{
    padding-bottom:30px;
}
.gm_bottompadder40{
    padding-bottom:40px;
}
.gm_bottompadder50{
    padding-bottom:50px;
}
.gm_bottompadder60{
    padding-bottom:60px;
}
.gm_bottompadder70{
    padding-bottom:70px;
}
.gm_bottompadder80{
    padding-bottom:80px;
}
.gm_bottompadder90{
    padding-bottom:90px;
}
.gm_bottompadder100{
    padding-bottom:100px;
}
.gm_padderboth120{
    padding:120px 0px;
}
/*---------- Normal css end -------*/
/*---------- Header/Menu css start -------*/
.gm_header_wrapper{
    float:left;
    width:100%;
    background-image:url(../images/banner.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    font-family: 'Roboto', sans-serif;
    padding-bottom: 120px;
}
.gm_logo{
    float:left;
    width:100%;
}
.gm_menu {
    float: left;
    width: 100%;
    position: relative;
}
.gm_menu ul {
    float: right;
    width: auto;
    margin:0;
    padding:0;
}
.gm_menu ul li {
    list-style:none;
    float:left;
    margin-right:20px;
}
.gm_menu ul li:last-child{
    margin-right:0px;
}
.gm_menu ul li a {
    display:block;
    font-size: 13px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.gm_menu ul li:hover a {
    color: #e83f53;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.gm_menu_btn{
    display:none;
}
.gm_header_info{
    float:left;
    width:100%;
}
.gm_header_info ul{
    float:right;
    width:auto;
    margin:0px;
    padding:0px;
}
.gm_header_info ul li{
    float:left;
    width:auto;
    margin-right:20px;
    font-size:13px;
    color:#ffffff;
    list-style:none;
    font-family: 'Roboto', sans-serif;
}
.gm_header_info ul li:last-child{
    margin-right:0px;
}
.gm_header_info ul li i{
    margin-right:5px;
}
.gm_header_info ul li a{
    color:#ffffff;
    padding:10px;
    border:1px solid #696765;
    border-radius:3px;
    text-transform:uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.gm_header_info ul li a:hover{
    background-color: #e83f53;
    border:1px solid #e83f53;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.gm_bnr_infowrapper{
    float:left;
    width:100%;
}
.gm_bnr_text{
    float:left;
    width:100%;
    padding-top:100px;
}
.gm_bnr_text h1{
    float:left;
    width:100%;
    font-size:48px;
    color:#ffffff;
    text-transform:capitalize;
    margin-bottom:15px;
}
.gm_bnr_text p{
    float:left;
    width:100%;
    font-size:17px;
    color:#ffffff;
    text-transform:capitalize;
    margin-bottom:30px;
}
.gm_bnr_text a{
    float:left;
    width:auto;
    font-size:15px;
    color:#e83f53;
    border-bottom:1px dotted #e83f53;
    text-transform:uppercase;
}
.gm_bnr_form{
    float:left;
    width:100%;
    padding:50px 40px;
    background-color:rgba(0, 0, 0, 0.7);
}
.gm_bnr_form form{
    float:left;
    width:100%;
}
.gm_bnr_form h4{
    float:left;
    width:100%;
    text-transform:uppercase;
    font-weight:bold;
    font-size:22px;
    color:#ffffff;
    margin:0px 0px 30px 0px;
}
.gm_bnr_form input[type="text"], .gm_bnr_form select{
    float:left;
    width:100%;
    height:50px;
    padding:0px 20px;
    background-color:#ffffff;
    margin-bottom:20px;
    border:none;
}
.gm_bnr_form input[type="text"]:focus, .gm_bnr_form select:focus{
    border:none;
    outline:none;
}
.gm_bnr_form .gm_btn{
    width:100%;
}
.gm_btn{
    display:inline-block;
    height:50px;
    padding:0px 20px;
    background-color:#e83f53;
    color:#ffffff;
    text-transform:uppercase;
    border:1px solid #e83f53;
    font-size:13px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.gm_btn:hover{
    background-color:#ffffff;
    color:#e83f53;
    border:1px solid #e83f53;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.gm_heading{
    float:left;
    width:100%;
    text-align:center;
}
.gm_heading h2{
    float:left;
    width:100%;
    margin:0px 0px 20px 0px;
    font-size:35px;
}
.gm_heading h2 a{
    color:#e83f53;
}
.gm_heading p{
    float:left;
    width:100%;
    margin:0px;
}
/*---------- Header/Menu css end -------*/
/*---------- Services css start -------*/
.gm_service_wrapper{
    float:left;
    width:100%;
}
.gm_service_box{
    float:left;
    width:100%;
    text-align:center;
}
.gm_service_img{
    float:left;
    width:100%;
}
.gm_service_img img{
    display:inline-block;
}
.gm_service_info{
    float:left;
    width:100%;
    padding:27px;
}
.gm_service_info h4{
    float:left;
    width:100%;
    margin-bottom:20px;
}
.gm_service_info p{
    float:left;
    width:100%;
    margin-bottom:20px;
}
.gm_service_info span{
    float:left;
    width:100%;
    color:#e83f53;
    font-family: 'Roboto', sans-serif;
}
.gm_services2_box{
    float:left;
    width:100%;
    padding-top:120px;
}
.gm_service_bigbox{
    float:left;
    width:100%;
    text-align:left;
}
.gm_service_bigbox h3{
    float:left;
    width:100%;
    font-size:37px;
    font-weight: 300;
    margin-bottom:30px;
    margin-top:60px;
}
.gm_service_bigbox p{
    float:left;
    width:100%;
    margin-bottom:30px;
}
.gm_service_bigbox span{
    float:left;
    width:100%;
    margin-bottom:30px;
    font-weight:600px;
    font-size:17px;
    color:#222222;
}
.gm_service_bigbox a{
    color:#e83f53;
    text-transform:uppercase;
}
.gm_service_bigimg{
    float:left;
    width:100%;
}
.gm_service_bigimg img{
    display:inline-block;
}
/*---------- Services css end -------*/
/*---------- Price Table css start -------*/
.gm_price_wrapper{
    float:left;
    width:100%;
    background-color:#f9f9f9;
}
.gm_price_box{
    float:left;
    width:100%;
    text-align:center;
    border:1px solid #dadada;
    padding:50px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.gm_price_box:hover{
    background-color: #ffffff;
    border: 1px solid transparent;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.5);
}
.gm_price_box h5{
    float:left;
    width:100%;
    text-transform:uppercase;
    font-size:14px;
    margin:0px;
}
.gm_price_box h1{
    float:left;
    width:100%;
    font-size:80px;
    margin:30px 0px;
}
.gm_price_box h1 sup{
    font-size: 20px;
    top: -50px;
}
.gm_price_box h1 sub{
    font-size: 20px;
    bottom: 0;
}
.gm_price_box p{
    float:left;
    width:100%;
    font-size:16px;
    margin:0px 0px 20px 0px;
    color:#222222;
    font-weight:600;
}
.gm_price_box ul{
    float:left;
    width:100%;
    margin:0px 0px 30px 0px;
    padding:0px;
}
.gm_price_box ul li{
    float:left;
    width:100%;
    list-style:none;
}
/*---------- Price Table css end -------*/
/*---------- Testimonial css start -------*/
.gm_testimonial_wrapper{
    float:left;
    width:100%;
    background-image:url(../images/testimonial_bg.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    font-family: 'Roboto', sans-serif;
    padding:160px 0px;
}
.gm_testimonial_box{
    float:left;
    width:100%;
}
.gm_testimonial_box h4{
    float:left;
    width:100%;
    color:#ffffff;
    font-size:25px;
    font-style:italic;
}
.gm_testimonial_box p{
    float:left;
    width:100%;
    color:#ffffff;
    font-size:15px;
}
/*---------- Testimonial css end -------*/
/*---------- FAQ css start -------*/
.gm_faq_wrapper{
    float:left;
    width:100%;
}
.gm_faq_box{
    float:left;
    width:100%;
}
.gm_faq_box h4{
    float:left;
    width:100%;
    font-size:18px;
    margin:0px 0px 20px 0px;
}
.gm_faq_box p{
    float:left;
    width:100%;
    font-size:14px;
    margin-bottom:40px;
}
/*---------- FAQ css end -------*/
/*---------- Download css start -------*/
.gm_download_wrapper{
    float:left;
    width:100%;
    background-color:#f9f9f9;
}
.gm_download_box{
    float:left;
    width:100%;
    text-align:center;
}
.gm_download_box ul{
    float:left;
    width:100%;
    margin:0px;
    padding:0px;
}
.gm_download_box ul li{
    display:inline-block;
    width: auto;
    list-style: none;
    margin-right: 10px;
}
.gm_download_box ul li:last-child{
    margin-right:0px;
}
/*---------- Download css end -------*/
/*---------- JoinNow css start -------*/
.gm_joinnow_wrapper{
    float:left;
    width:100%;
    background-image:url(../images/joinnow_bg.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    font-family: 'Roboto', sans-serif;
    text-align:center;
}
.gm_joinnow_wrapper .gm_heading h2{
    color:#ffffff;
}
.gm_joinnow_wrapper .gm_heading p{
    color:#ffffff;
}
.gm_joinnow_wrapper .gm_bnr_form h4{
    text-transform:capitalize;
    font-weight:500;
    font-size:15px;
}
/*---------- JoinNow css end -------*/
/*---------- Footer css start -------*/
.gm_footer_wrapper{
    float:left;
    width:100%;
    padding:30px 0px;
    text-align:center;
    font-family: 'Roboto', sans-serif;
}
.gm_footer_box{
    float:left;
    width:100%;
}
.gm_footer_box p{
    float:left;
    width:100%;
    margin-bottom:0px;
    color:#666666;
}
/*---------- Footer css end -------*/

/*---------------------
Preloader
---------------------*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f1f2f1;
    /* change if the mask should have another color then white */
    z-index: 999999;
    /* makes sure it stays on top */
}

#status {
    width: 135px;
    height: 143px;
    background-size: 400px;
    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/preloader.gif);
    /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    margin: -70px 0 0 -50px;
    /* is width and height divided by two */
}
/* Back to top */
.back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    line-height: 33px;
    cursor: pointer;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    color: #ffffff;font-size: 25px;
}

.back-to-top.show {
    opacity: 1;
}

.back-to-top.show:hover {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}

@media(max-width:760px) {
    .back-to-top {
        bottom: 15px;
        right: 10px;
        width: 30px;
        height: 30px;
    }
    .copyright{
        text-align: center;
    }
}