/*
Theme Name: tonehouse 2016
Author: 3sparks llc
Author URI: http://3sparks.net/.passes-page .class-list.training-packages .radio h5
Description: This is a blank bootstrap 3.1.1 theme for wordpress. Feel free to use this as a starter template for your projects.
Version: 1.0
License: GNU General Public License v2 or later
*/

/*////////////////////////////////////////////           F O N T     S T Y L E S            ////////////////////////////////////////////////*/
@font-face {
    font-family: 'gotham_blackregular';
    src: url('fonts/gotham-black1-webfont.woff2') format('woff2'),
        url('fonts/gotham-black1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gotham_blackitalic';
    src: url('fonts/gotham-blackitalic1-webfont.woff2') format('woff2'),
        url('fonts/gotham-blackitalic1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gotham_boldregular';
    src: url('fonts/gotham-bold1-webfont.woff2') format('woff2'),
        url('fonts/gotham-bold1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gotham_bolditalic';
    src: url('fonts/gotham-bolditalic1-webfont.woff2') format('woff2'),
        url('fonts/gotham-bolditalic1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gotham_lightregular';
    src: url('fonts/gotham-light1-webfont.woff2') format('woff2'),
        url('fonts/gotham-light1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gotham_lightitalic';
    src: url('fonts/gotham-lightitalic1-webfont.woff2') format('woff2'),
        url('fonts/gotham-lightitalic1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gotham_mediumregular';
    src: url('fonts/gotham-medium1-webfont.woff2') format('woff2'),
        url('fonts/gotham-medium1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gotham_mediumitalic';
    src: url('fonts/gotham-mediumitalic1-webfont.woff2') format('woff2'),
        url('fonts/gotham-mediumitalic1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gotham_thinregular';
    src: url('fonts/gotham-thin1-webfont.woff2') format('woff2'),
        url('fonts/gotham-thin1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gotham_thinitalic';
    src: url('fonts/gotham-thinitalic1-webfont.woff2') format('woff2'),
        url('fonts/gotham-thinitalic1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gotham_ultraregular';
    src: url('fonts/gotham-ultra1-webfont.woff2') format('woff2'),
        url('fonts/gotham-ultra1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gotham_ultraitalic';
    src: url('fonts/gotham-ultraitalic1-webfont.woff2') format('woff2'),
        url('fonts/gotham-ultraitalic1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.owl-theme .owl-dots .owl-dot, .owl-theme .owl-dots .owl-dot:focus {
    border: none !important;
    outline: none;
}
.hwtraining-page ul.slides {
    padding-left: 0;
}
/*////////////////////////////////////////////           G E N E R A L     S T Y L E S            ////////////////////////////////////////////////*/
h1 {
    font-family: 'gotham_blackregular';

}
h2 {
    font-family: 'gotham_boldregular';

}
h3 {
    font-family: 'gotham_mediumregular';

}
h4 {
    font-family: 'gotham_lightregular';

}
h5 {
    font-family: 'gotham_thinregular';

}
h6 {
    font-family: 'gotham_ultraregular';
}
p strong {
    font-family: 'gotham_mediumregular'!important;
    font-weight: normal;
}
.mf-headline {font-family: 'gotham_blackregular'!important;}
.mf-tagline {font-family: 'gotham_mediumregular'!important;}
.mf-inner-container {font-family: 'gotham_mediumregular'!important;}

a:focus, a:hover {
    color: #1b6af1;
}

body.mindbodypage{
    background: #000 !important
}
body {
    background-color: #F4F4F4 !important;
}
.text-center{
    text-align: center;
}
.text-right {
    text-align: right;
}
.clear{
    clear:both;
}
h1 {
    text-align: center;
    font-family: 'gotham_mediumregular';
    font-size: 47px;
    padding-top: 85px; 
    padding-bottom: 45px;
    margin-top: 0px;
}
.section {
    width: 100%;
}
.bg-white {
    background-color: #fff;
}
.bg-turf {
    background: url(/wp-content/uploads/2016/07/turf_large.jpg) center top;
    background-size: cover;
}
.bg-dots {
    background: url(/wp-content/uploads/2016/07/black-textured-wallpaper-metal-hole-2560x1440-2.jpg) center center;
}
.bg-off-white {
    background-color: #F4F4F4;
}

.top-page-banner {
    height: 554px;
    width: 100%;
    display: table;
}
.top-page-banner .text-center {
    display: table-cell;
    vertical-align: middle;
}

.top-page-banner span {
    font-family: 'gotham_blackregular'; color:#fff; font-size:85px;
    /*color: #D9FF5B;
    font-size: 43px;
    font-family: 'gotham_boldregular';*/
}
.top-page-banner.about-page span, .top-page-banner.nutrition-page span {
    color: #fff!important;
    font-size: 60px!important;
    font-family: 'gotham_boldregular';
    line-height: 86px;
}
.top-page-banner.about-page span:last-child {
    color: #D9FF5B!important;
}

.top-info-page-banner {
    height: 244px;
    width: 100%;
    display: table;
}
.top-info-page-banner .text-center {
    display: table-cell;
    vertical-align: middle;
}
.top-info-page-banner span:last-child {
    color: #fff!important;
    font-size: 39px!important;
}
.top-info-page-banner span {
    /*color: #D9FF5B;
    font-size: 23px;*/
    font-family: 'gotham_blackregular'; color:#fff; font-size:85px;
}
/*Wordpress editor styles start*/

.entry-content img {
    margin: 0 0 1.5em 0;
}
.alignleft, img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
}
.alignright, img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
}
.aligncenter, img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
}
.alignnone, img.alignnone {
    /* not sure about this one */
}
.wp-caption {
    margin-bottom: 1.5em;
    text-align: center;
    padding-top: 5px;
}
.wp-caption img {
    border: 0 none;
    padding: 0;
    margin: 0;
}
.wp-caption p.wp-caption-text {
    line-height: 1.5;
    font-size: 10px;
    margin: 0;
}
.wp-smiley {
    margin: 0 !important;
    max-height: 1em;
}
blockquote.left {
    margin-right: 20px;
    text-align: right;
    margin-left: 0;
    width: 33%;
    float: left;
}
blockquote.right {
    margin-left: 20px;
    text-align: left;
    margin-right: 0;
    width: 33%;
    float: right;
}

/*Wordpress editor styles end*/


.nav-main {
    height:69px;
    width:100%;
    background-color: #e7e8e8;
}
.login-arrow {
    content: '';
    position: absolute;
    right: 35%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #e7e8e8;
    clear: both;
    margin-top: -1px;
    z-index: 999999;
    display: none;
}

#rates-top-container h3 {
    color:#fff;
    font-size: 61px;/* change to 61px when fonts work */
    font-family: "ff-good-headline-web-pro-con",sans-serif;
    font-style: normal;
    font-weight: 500;
    margin: 0px 0 50px 0;
    text-align: center;
}

p.schedule-btn {
    margin: 20px 0 30px 0;
    text-align: center;
}
p.schedule-btn > a {
    background: #daff5b;
    text-decoration: none;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    padding: 17px 50px;
    display: inline-block;
    border-radius: 2px;
    margin: 20px 0;
}
.tab-content-container iframe {
    width: 100% !important;
}
.position-heading{
    color: #fff;
    font-size: 15px;
    font-weight: 100;
    font-family: 'gotham_lightregular';
    margin-bottom: 12px;
}
.position-heading a{color:#fff; font-weight: bold;}
div#strength .tab-content-container{
    min-height: 760px;
    display: flex;
    align-items: center;
    text-align: center;
}

/* New Nutrition Page */
.new-nutrition-page {
    font-family: 'gotham_lightregular';
}
.nutrition-bg {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.new-nutrition-page h3, .new-nutrition-page h4 {
    font-family: 'gotham_lightregular';
    position: relative;
    margin-top: 20px;
    text-transform: uppercase;
}
.new-nutrition-page h4 span {
    font-size: medium;
}
.new-nutrition-page h3::before, .new-nutrition-page h4::before {
    bottom: -10px !important;
    width: 60px !important;
}
.new-nutrition-page .bottom-page-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 50px;
    height:65vh;
    color:#fff;
}
.new-nutrition-page small {
    font-size: 75%;
    font-family: 'gotham_lightregular';
    color: #fff;
    text-transform: none;
}
.new-nutrition-page .services {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0;
}
.new-nutrition-page .service {
    text-align: center;
}
.new-nutrition-page .services-list {
    margin-top: 30px;
}
.new-nutrition-page .services-list ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    text-align: left;
}
.new-nutrition-page .services-list ul li {
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    position: relative;
    padding-left: 18px;
    font-family: 'gotham_lightregular';
    padding-right: 15px;
    margin-bottom: 10px;
}
.new-nutrition-page .services-list ul li::after {
    position: absolute;
    content: "";
    left: 0;
    top: 9px;
    background: url(/wp-content/uploads/2022/12/rightArrow.png);
    width: 12px;
    height: 12px;
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: center;
}
.new-nutrition-page .services-list a {
    background: #fff;
    padding: 4px 12px;
    display: inline-block;
    color: #000;
    font-size: 14px;
    border-radius: 5px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "gotham_blackregular",sans-serif;
    position: relative;
}
.new-nutrition-page .services-list a:hover, .new-nutrition-page .services-list a:focus, .new-nutrition-page .services-list a:active {
    text-decoration: underline;
    color: #000;
}
.bottom-page-banner strong {
    color: #DAFF5B;
    line-height: 1.4;
}
.new-nutrition-page .bottom-page-banner {
    font-size: 16px;
}
.new-nutrition-page .bottom-page-banner span {
    font-size: 24px;
}
/* End New Nutrition Page */


@media (min-width:1700px){
    div#strength div.about-bg-mobile {
        min-height: 960px !important; 
        background-size: cover !important;       
    }
    div#strength .tab-content-container{
        min-height: 950px;
    }
}
@media (min-width:1251px){
    #about-tabs-container .about-bg,
    #about-tabs-container #story .about-bg {
        min-height: 990px !important;
    }
    div#strength div.about-bg-mobile {
        min-height: 800px !important;
        background-size: contain !important;
    }
    /*div#conditioning div.about-bg-mobile{
       background-size: cover !important; 
    }*/
}
@media (max-width:1250px){
    .pic {
        width: 175px!important;
    }
    .login-arrow {
        right: 83%!important;
    }
    #location-container {
        display: none;
    }
    #mobile-location-container {
        background: url('images/location-top-bg.jpg') repeat-y center 70px #000;
        background-size: cover;
        height:430px;
        width: 100%;
        display: block!important;
    }
    .logo-center {
        margin:8px auto;
        display: block!important;
    }
    .logo {
        display: none!important;
    }
    .nav-lg{
        display: none!important;
    }
    .nav-sm{
        display: block!important;
        position: absolute; 
    }
    .nav-right {
        width:50px!important;
    }
    ul#menu-main-menu-new-1{
        width: 100%;
        text-align: left;
    }
    #mobile-nav .menu-main-class li {
        padding: 1%;
        margin: 0;
        width: 100%;
    }


}
@media (min-width:991px){
    .tab-content #movement .tab-content-container.col-md-6.col-md-offset-6,
    .tab-content #prep .tab-content-container.col-md-6.col-md-offset-6 ,
    .tab-content #levels .tab-content-container.col-md-6.col-md-offset-6 ,
    .tab-content #class-levels .tab-content-container.col-md-6.col-md-offset-6,
    .tab-content #story .tab-content-container.col-md-6.col-md-offset-6 {
        margin-left: 25%;
    }
    .tab-content #strength .tab-content-container.col-md-6.col-md-offset-6,
    .tab-content #conditioning .tab-content-container.col-md-6.col-md-offset-6{
        margin-left: 0;
    }
    .tab-content #conditioning .tab-content-container.col-md-offset-3{
        margin-left: 0;
    }
}

@media (max-width:991px) and (min-width:640px){
    .athlete-2-bg-mobile {
        right: 0px!important;/* fix gap issue with css here*/
    }
    .athlete-1-mobile {
        right: 0px!important;/* fix gap issue with css here*/
    }
    .home-banner h3 {
        font-size: 55px!important;
    }
}
@media (max-width:991px){
    .mobile{
        display: block!important;
    }
    .desktop{
        display: none!important;
    }
    input[type=text], textarea {
        border-radius: 0px!important;
    }
    #rates-top-container {
        min-height:1355px!important;
        padding: 10% 0!important;
    }
    #schedule-container {
        padding: 0px!important;
    }
    #schedule-container h5 {
        font-size: 16px!important;
    }
    #schedule-container h2 {
        font-size: 40px!important;
    }
    .home-banner h3 {
        font-size: 40px!important;
    }
    .login-container {
        max-width: 320px;
    }
    #press-top-container {
        /*background: url(/wp-content/uploads/2015/07/mobile-press-bg.jpg) center top no-repeat #474747!important;
        background-size: contain!important;
        min-height: 650px!important;
        overflow-x: hidden!important;*/
    }
    .pic {
        width: 100%!important;
        float: none!important;
        height: 320px;
    }
    .location-map {
        padding-left:15px!important; 
    }
    .location-images {
        padding-right:15px!important; 
    }
    #member-login {
        height: 100%!important;
    }
    #member-login span {
        line-height: 3;
    }
    #member-login button {
        width: 80%!important;
    }
    #member-username, #member-password {
        text-align: left!important;
        width: 80%!important;
        padding: 0 2%;
    }
    #contact-container {
        height: 520px!important;
    }
    #signup-form {
        margin-top: 0px!important;
    }
    #message-col input[type=text]{ 
        margin:10px 6px!important;
    }
    #message-col button img {
        margin: 13px 0 0 -2px!important;
    }
    #message-col button span {
        margin: 8px 0px 6px 0px!important;
        font-size:12px!important;
    }
    #info-col h2 {
        font-size: 25px!important;
    }
    #info-col {
        margin-top:25%; 
    }
    #info-col span {
        margin-top: 18px!important;
        font-size: 10px!important;
        display: block;
    }
    #signup-container {
        background: url('images/signup-top-bg.png') no-repeat center 640px #000!important;
        background-size: contain!important;
        height:873px!important;
    }
    .multi-class-button, .single-class-button {
        height: 104%!important;
    }
    .multi-class-box {
        height: 100px!important;
    }
    .single-class-box:last-child {
        margin-bottom: 55px!important;
    }
    .multi-class-box:last-child {
        margin-bottom: 55px!important;
    }
    .unltd-mobile {
        display: table!important;
        background-color: rgba(255, 255, 255, .8)!important;
        color: #000!important;
        border: #daff5b 4px solid;
    }
    .unltd-mobile .multi-class-title {
        font-size: 24px!important;
        letter-spacing: 0px;
    }
    .unltd-mobile .multi-class-button {
        height: 106%!important;
        margin-top: -1px;
        width: 80%;
    }
    .unltd-class-button {
        display: none!important;
    }
    /*#info-col {
      margin-top: 30px;
    }
    #info-col h2 {
      float: left!important;
      margin: 10% 3% 0!important;
    }
    #info-col span {
      float: left!important;
      margin: 12% 0 12%!important;
    }
     #info-col span:last-child {
      margin: 12% 0 12% 10%!important;
     }*/
    #contact-container h3 {
        margin: 10% 0 5%!important;
        text-align: center!important;
    }
    #member-login button span {
        margin-top: 0!important;
        float: none!important;
    }
    #member-login span:first-child {
        left: 0!important; 
    }
    #member-login a {
        margin-right:0px!important; 
    }
    #member-login span:nth-child(2) { 
        display: block!important;
        margin-left:0px!important;
        text-align: center!important; 
    }
    #member-login button img {
        margin: 6% 0 0 15px!important; 
    }


    .home-top-heading {
        font-size: 48px!important;
        padding-top: 25%!important;
    }
    .home-top-action {
        padding: 15px 15%!important;
        font-size: 16px!important;
    }
    .home-top-action img {
        left: -15px!important;
    }
    #home-top-container { 
        background: url('images/home-top-bg.png') no-repeat center 5px #000!important;
        background-size:cover!important;
        height:500px!important;
    }
    .user-login {
        margin: 19px 0px!important;
    }
    .user-login span {
        margin: 9px!important;
        letter-spacing:1px!important;
        font-size:9px!important;
    }
    #home-middle-content-container {
        height: 845px!important;
    }
    #home-bottom-content-container {
        height: 1050px!important;
    }
    #home-schedule-container {

    }
    /* #home-social-container {
       padding: 13% 3%!important;
     }*/

    #home-footer-container img{
        margin:5% 0;
    }
    #home-copyright-container {
        /*padding-top: 5%!important;*/
    }
    #menu-footer {
        padding: 0!important;
    }
    #menu-footer li a {
        font-size:9px!important;
        letter-spacing:1px!important;

    }

    .athlete-1 {
        display: none;
    }
    .athlete-1-mobile {
        display: block!important;
        position: absolute;
        top: 550px;
        width: 109%;
        left: -20px;
        right: 0px;
    }
    .athlete-2 {
        display: none;
    }
    .athlete-2-bg-mobile {
        background: url('images/athlete_2_mobile.png') no-repeat;
        width: 100%;
        height: 438px;
        display: block!important;
        position: absolute;
        top: 612px;

    }
    .athlete-2-mobile {
        display: block!important;
    }
    .home-heading{
        text-align: center!important;
        padding:0px!important;
        margin-top: 40px!important;
        color: #231f20!important;
        font-size: 35px!important;
        padding-left: 0px!important;
    }
    .home-middle-text {
        background: transparent!important;
        padding: 15px 0 0px!important;
        font-size: 16px!important;
    }
    .home-bottom-text {
        background: transparent!important;
        padding: 15px 0% 0px 20px!important;
        margin:0px!important;
        font-size: 16px!important;
    }
    #team-container img {
        width: 100%!important;
    }
    #team-container p {
        margin: 5px 5px 25px 5px!important;
    }
    #team-container h6 {
        margin: 5px!important;
    }
    #team-container h4 {
        margin: 10px 5px 5px!important;
        font-size: 32px!important;
    }
    div#strength div.about-bg-mobile,
    div#conditioning div.about-bg-mobile{
        background: none !important;
    }
    div#strength .tab-content-container {
        height: auto;
        text-align: center;
    }
}
@media (max-width:768px){

    .coach-info {
        bottom: 0px!important;
        display: flex !important;
        align-items: center;
        padding: 0 10% !important;
    }
    .top-page-banner span {
        font-size: 65px!important;
    }
    .about-tabs>li>a {
        padding: 10px 7px!important;
    }

    .top-info-page-banner span {
        font-size: 30px!important;
    }
    .social-icon {
        max-width: 40px;
        margin-top: 20px;
    }

    .about-tabs.nav-tabs {
        font-size: 14px!important;
        max-width: 400px!important;
    }

}
@media (max-width:550px){
    .home-top-heading sup {
        top:-2em!important;
    }
}
@media (max-width:320px){

    .top-page-banner span {
        font-size: 45px!important;
    }
    /*.about-tabs>li>a {
      padding: 10px 7px!important;
    }*/
    .about-tabs.nav-tabs {
        font-size: 11px!important;
    }
}
@media (max-width:400px){
    .about-tabs>li>a {
        padding: 10px 5px!important;
        font-size: 9px;
        margin: 7px 1px!important;
    }
    .about-tabs.nav-tabs {
        max-width: 320px!important;
    }
}
.menu-btn {
    display:block;
    position: relative;
   /* top: -65px;*/
   top: 0;
    outline:none;
}
.logo {
    margin:8px 0 0 22px;
    float: left;
    width: 52px;
    height: 52px;
    display: block;
}
.adidas-logo {
    margin: 15px 8px 0 0;
}
.adidas-logo img {
    width: 100%;
}
.logo-center {
    display: none;
    width: 52px;
    height: 52px;
    float: left;
}
.nav-left {
    float:left;
}
.nav-right {
    float:right;
}
#menu-main, .menu-main-class {
    float: left;
}
ul#menu-main li {
    list-style: none;
    float: left;
    margin: 25px 26px 0px 0px;
}
ul.menu-main-class li {
    list-style: none;
    float: left;
    margin: 25px 26px 0 0;
}
.museo-sans {
    font-family: "museo-sans",sans-serif!important;
}
.light {
    font-weight: 300!important;
}
.medium {
    font-weight: 500!important;
}
.heavy {
    font-weight: 700!important;
}
#menu-main li a, .menu-main-class li a {
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    color:#231f20;
    letter-spacing:2px;
    font-size:12px;
}
#menu-main-1 {
    padding: 0!important;
}
#mobile-nav {
    background-color: #e7e8e8;
    position: absolute;
    z-index: 99999;
    left: 0px;
    right: 0px;
    padding: 0px;
    width:100%;
}
#mobile-nav li {
    list-style: none;
    padding: 1%;
}
#mobile-nav li a {
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
    color:#231f20;
    letter-spacing:2px;
    text-transform: uppercase;
    font-size:14px;
}
#menu-footer {
    margin:-25px auto;
    text-align: center;
}
#menu-footer li {
    list-style: none;
    display: inline-block;
    color: #555;
    text-transform: uppercase;
    border-right: 0;
    position: relative;
    padding: 0 10px;
    vertical-align: middle;
}
#menu-footer li::after {
    position: absolute;
    content: "";
    background: #fff;
    height: 15px;
    width: 2px;
    right: 0;
    top: 5px;
}
#menu-footer li:last-child {
    border-right: none;
}
#menu-footer li:last-child::after {
    display: none;
}
#menu-footer li a {
    text-decoration: none;
    color:#fff;
    letter-spacing:2px;
    font-size:12px;
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    font-weight: 700;
}
.user-login img {
    margin:5px;
    float:left;
}
.user-login span {
    display: block;
    float:left;
    margin: 5px;
    text-decoration: none;
    color:#231f20;
    letter-spacing:2px;
    font-size:14px;
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    font-weight: 500;
}
.user-login {
    display: block;
    margin: 18px 25px; 
    float: left;
    border: solid 1px #c3c4c4;
}
.menu-action {
    width:  150px;
    height: 69px;
    background-color: #daff5b;
    display: block;
    float: right;
}
.menu-action img {
    margin: 31px 15px 0 22px; 
    float:left;
}
.menu-action span {
    display: block;
    float:left;
    margin-top: 25px;
    text-decoration: none;
    color:#231f20;
    letter-spacing:2px;
    font-size:14px;
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    font-weight: 700;
}

/*/ DROPDOWN MENUS /*/

@media (max-width: 600px) {

    #mobile-nav li.menu-item-has-children.dropdown ul li a {
        background-color: transparent;
        color: black;
        border-top: 0px solid gray;
        border-bottom: 0px solid gray;
        pointer-events: auto;
    }

    #mobile-nav li a {
        font-size: 18px;
        padding: 10px 10px 10px 0;
        display: block;
        font-weight: normal;
    }
    #mobile-nav li ul li a {
        color: black;
    }
    .caret {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 10px;
        vertical-align: middle;
        border-top: 10px dashed;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        float: right;
        margin-top: 8px;
    }

    .dropdown-toggle {
        padding-bottom: 5px;

    }
    .open>.dropdown-menu {
        padding-left: 15px;
    }

}

@media (min-width: 600px) {

    ul#menu-main li ul li  {
        float: left;
        margin: 5px 10px 0px 0px;
        width: 100%;
    }
}

ul.dropdown-menu li {
    margin: 5px 0px 5px 0;
    width: 100%;
}

ul.dropdown-menu>.active>a, ul.dropdown-menu>.active>a:focus, ul.dropdown-menu>.active>a:hover {
    color: #231f20;
    text-decoration: none;
    background-color: #f1efef;
    outline: 0;
    width: 100%;
}


#home-top-container {
    background: url('images/home-top-bg.png') no-repeat center -75px #000;
    height:980px;
    width: 100%;
}
#home-middle-content-container {
    background: url('images/texture-white-tile.png');
    height:645px;
    border-bottom: 20px solid #fff;
    width: 100%;
}
#home-bottom-content-container {
    background: url('images/texture-lightblue-tile.png');
    height:525px;
    width: 100%;
}
#home-schedule-container {
    background: #daff5b;
    width: 100%;
    padding: 1.5% 0;
}
#home-social-container {
    background: #fff;
    height:auto;
    width: 100%;
    text-align: center;
    padding: 3%;
    letter-spacing:2px;
    font-size: 14px;
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    font-weight: 500;
}
.brndbot-form form {
    width: 60%;
    margin: 0 auto;
}
.brndbot-form #bb_form .form-group label {
    display: block;
    text-align: left;
}
.brndbot-form #bb_form .form-group br {
    display: none;
}
.brndbot-form #bb_form .form-group .btn {
    background: #000;
    border: 1px solid #000;
}
.social-icon-container {
    margin-top: 25px;
}
.social-icon-container a {
    margin: 0px 5px;
    text-align: center;
}
#home-footer-container {
    background: url(/wp-content/uploads/2016/05/footer-pattern.png);
    height:205px;
    width: 100%;
    border-bottom: 1px solid #444;
    text-align: center;
    padding: 20px;
    letter-spacing:2px;
    -webkit-box-shadow:inset 0 4px 16px 0 #000000;
    box-shadow:inset 0 4px 16px 0 #000000;
}
#home-copyright-container {
    background: #101010;
    height:45px;
    width: 100%;
    text-align: center;
    padding: 15px;
    letter-spacing:2px;
    color:#FFF;
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size:9px;
}
.home-team div {
    margin-bottom: 35px;
    text-align: center;
}
.home-team img {
    display: inline-block;
}
.home-banner h3 {
    color: rgba(255, 255, 255, 0.8)!important;
    text-align: left;
    font-size: 95px;
    font-family: "gotham_blackregular",sans-serif;
    text-transform: uppercase;
    margin-top: 100px;
}
.home-banner h6 {
    color: rgba(217, 255, 91, 0.8)!important;
    text-align: left;
    font-size: 32px;
    font-family: "gotham_blackregular",sans-serif;
    text-transform: uppercase;
}
.home-banner {
    height: 345px;
    background-size: cover!important;
    background-repeat: no-repeat;
}
.home-top-heading {
    text-align: center;
    font-size: 126px;/* change to 172px when fonts work */
    font-family: "gotham_blackregular",sans-serif;
    font-style: normal;
    font-weight: 900;
    color:#daff5b;
    padding-top: 10%;
    opacity: 0.95;
    margin: 0; 
}
.home-top-action {
    text-align: center;
    margin: 15px auto;
    display: block;
    color:#fff;
    letter-spacing:2px;
    font-size: 18px;
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    font-weight: 700;
    background: #000;
    border: 1px solid #48494a;
    padding: 20px 0;
    max-width: 500px;
}
.home-top-action img {
    position: relative;
    left: 115px;
    top: 8px;
}
.home-top-action:hover {
    text-decoration: none;
    color: #fff;
    background: #161616;
}
.home-press-action {
    text-align: center;
    margin: 35px auto;
    display: block;
    color:#333;
    letter-spacing:2px;
    font-size: 18px;
    font-family: 'gotham_mediumregular';
    font-style: normal;
    background: #f4f4f4;
    border: 1px solid #979797;
    padding: 20px 10px;
    max-width: 500px;
}

.home-press-action img {
    position: relative;
    left: -35px;
}
.schedule-action img {
    position: relative;
    left: -13px;
}
.schedule-action {
    text-align: center;
    margin: 0 auto;
    display: block;
    color:#231f20;
    font-size: 18px;
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    font-weight: 700;
    background: #daff5b;
    border: 1px solid #869749;
    padding: 20px 10%;
    letter-spacing:2px;


}

.home-heading {
    padding-left:37px; margin-top:72px;
    font-size: 61px;/* change to 61px when fonts work */
    font-family: "ff-good-headline-web-pro-con",sans-serif;
    font-style: normal;
    font-weight: 500;
}
.home-middle-text {
    padding: 48px 15% 15% 38px;
    background: #fff;
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 23px;
}
.home-bottom-text {
    padding: 48px 5% 80px 10%;
    margin:0 0 10px -20px;
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    background: rgba(255,255,255,0.2) ;
    line-height: 23px;
}
.athlete-1 {
    position: absolute;
    top: -95px;
    left: 0;
}
.athlete-2 {
    position: absolute;
    top: -98px;
    left: -15px;
}
/*////////////////////////      faq page styles        //////////////////////////////*/
.faq {

    padding: 15px 0;
    width: 100%;
    margin: -1% 0;
        outline: 0;
}
.faq>img.faq-icon{outline:0;}
.faq h3 {
    font-size: 19px;
    color: #fff;
    text-transform: uppercase;
    margin: 0px 0px 10px 45px; 
    text-align: left;
}
.faq img {
    /*margin-left: 25px;*/
}
.faq-answer {
    font-size: 15px;
    color: #fff;
    padding: 0 0px 0 46px;
    text-align: left;
}
.faq-content-container {
    padding: 35px 0;
}
.faq-icon{
    float: left;
}
/*.faq-content-container {
  background: #F4F4F4;
}*/
.faq-content-container p {
    font-family: 'gotham_lightregular';
}
.faq-section-0 {
    background: url('/wp-content/uploads/2016/05/logo-bg.png') center center no-repeat;

}
.faq-section-title {
    text-align: center; 
    background-color: #D9FF5B;
    padding: 15px 0px;
    font-family: 'gotham_thinregular';
    font-size: 47px;
    margin: 0px;
}
.tab-content p, .tab-content li {
    font-family: 'gotham_lightregular';
}
.sbi_follow_btn a {
    background-color: #999!important;
}
/*////////////////////////////////////////////           S I G N U P   P A G E   S T Y L E S            ////////////////////////////////////////////////*/
.login-container {
    border: 1px solid #eee;
    margin: 5% auto;
    max-width: 350px;
    padding: 3% 2%;
}
#member-login button span {
    margin-top: 0!important;
    float: none!important;
}
#member-login span:first-child {
    left: 0!important; 
}
#member-login a {
    margin-right:0px!important; 
}
#member-login span:nth-child(2) { 
    display: block!important;
    margin-left:0px!important;
    text-align: center!important; 
}
#member-login button img {
    margin: 6% 0 0 15px!important; 
}
#member-login {
    height: 100%!important;
}
#member-login span {
    line-height: 3;
}
#member-login button {
    width: 80%!important;
}
#member-username, #member-password {
    text-align: left!important;
    width: 80%!important;
    padding: 0 2%;
}

#member-login {
    min-height:100vh;
    width:100%;
    background-color: #000;
    padding: 4px 0;
    position: absolute;
    left: 0;
    right: 0;
    color:#fff;
    border-bottom: 1px solid #333;
    z-index: 9999;
}
#member-login span:nth-child(2) {
    font-size: 13px;
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    font-weight: 300;
    margin-left: 20px;
}
#member-login span:first-child {
    color:#fff;
    font-size: 28px;/* change to 61px when fonts work */
    font-family: 'gotham_mediumregular';
    font-style: normal;
    font-weight: 500;
    position: relative;
    top: 6px;
    left:-10px;
}
#member-login a {
    font-size: 13px;
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    font-weight: 500;
    margin-right:20px;
}
#member-login button {
    position: relative;
    top: 10px;
    width:145px;
    height: 40px;
}
#member-login button img {
    margin: 9% 15px 9% 0; 
}
#member-login button span {
    margin-top: 7%;
}
#signup-container {
    background: url('images/signup-top-bg.png') no-repeat center top #000;
    background-size: cover;
    height:773px;
    width: 100%;
}

#signup-form {
    background-color: rgba(0, 0, 0, 0.9);
    padding: 37px 50px 80px 50px;
    margin-top: 90px;
}
#signup-form h3 {
    color:#fff;
    font-size: 61px;/* change to 61px when fonts work */
    font-family: "ff-good-headline-web-pro-con",sans-serif;
    font-style: normal;
    font-weight: 500;
    margin: 0px 0 50px 0;
}
#signup-form button {
    width: 100%;
    height: 53px;
    margin-top: 25px;
}
#signup-form button img{
    margin: 1.1% 0 0 30%;
}
#signup-form button span{
    margin: 0px 0 0 9%;
}

/*////////////////////////////////////////////          L O C A T I O N    P A G E   S T Y L E S          ////////////////////////////////////////////////*/


#location-container {
    background: url('images/location-top-bg.jpg') repeat-y center -75px #000;
    background-size: cover;
    height:430px;
    width: 100%;
}

#contact-container {
    background-color: #000;
    height: 470px;
    width: 100%;
}
#contact-container h3 {
    color:#fff;
    font-size: 51px;/* change to 61px when fonts work */
    font-family: "ff-good-headline-web-pro-con",sans-serif;
    font-style: normal;
    font-weight: 500;
    margin: 60px 0 35px 105px;
}
#message-col input[type=text]{ 
    margin:10px 15px;
}
#message-col label {
    margin-top: 15px;
    font-size: 12px;
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing:2px;
    color:#fff;
}
#message-col button {
    margin-top: 11px;
}
#message-col button img{
    margin: 13px 0;
}
#message-col button span {
    margin: 7px 7px 6px 9px;
}
#info-col h2 {
    color:#fff;
    font-size: 41px;/* change to 61px when fonts work */
    font-family: "ff-good-headline-web-pro-con",sans-serif;
    font-style: normal;
    font-weight: 500;
    margin: 15px 0 10px 0;
}
#info-col span {
    color:#fff;
    font-size: 13px;
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 25px;
}

/*////////////////////////////////////////////           C O A C H E S    S T Y L E S            ////////////////////////////////////////////////*/

.coach {
    padding: 30px 45px;
    color: #fff;
    margin-bottom: 30px;
    height: 610px !important;
    background-size: cover !important;
}
.single-coach-info {
    color: #fff;
    padding: 10px 0;
}
.coach-info {
    /*position: relative;
    bottom: 0px;
    color: #fff;
    display: none;*/
    position: absolute;
    bottom: 30px;
    top: 0px;
    left: 15px;
    right: 15px;
    color: #fff;
    display: none;
    background: rgba(37,37,37,0.5);
    padding: 195px 10%;


}
.coach-info:hover {
    color: #fff;
    text-decoration: none;
}
.coach-social a {
    font-size: 24px;
    margin-right: 5px; 
    color: #daff5b;
    font-family: 'gotham_blackregular';
}
.single-coach-info p {
    line-height: 22px;
    font-family: 'gotham_lightregular';
}
.coach-info p {
    line-height: 22px;
    font-family: 'gotham_mediumitalic';
}
.coach-info h2, .single-coach-info h2 {
    font-family: 'gotham_blackregular';
    font-size: 43px;
    text-transform: uppercase;
}
.coach-info h4, .single-coach-info h4 {
    font-family: 'gotham_lightregular';
    font-size: 32px;
    text-transform: uppercase;
}
.coach-quote {
    font-family: 'gotham_lightregular';
    font-style: italic;
    font-size: 18px;
}
.coach-description {
    font-family: 'gotham_lightregular';
    font-size: 16px;
}
.coach-info span {
    font-family: 'gotham_mediumregular';
    margin-top: 25px;
    font-weight: bold;
    color: #daff5b;
}
.contact-container {
    background-color: #000;
    width: 100%;
    border-top:solid 20px #fff;
}
.contact-content {
    background-color: #000;
    width: 100%;
    color: #fff;
    padding-top: 45px;
    padding-bottom: 45px;
}
.email-content {
    border-top:#444 2px solid;
    margin-top: 45px;
    padding-top: 45px; 
}
.contact-container h2 {
    font-family: 'gotham_boldregular';
    font-size: 61px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.contact-container h3 {
    font-family: 'gotham_boldregular';
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.pic {

    float: left;
    /*height: 550px;*/
    width: 235px;

    margin: 0px;
    overflow: hidden;

}
.sidepan img {
    margin-left: 0px;
    -webkit-transition: margin 1s ease;
    -moz-transition: margin 1s ease;
    -o-transition: margin 1s ease;
    -ms-transition: margin 1s ease;
    transition: margin 1s ease;
}

.sidepan img:hover {
    margin-left: -200px;
}
.location-info h2 {
    font-family: 'gotham_boldregular';
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.location-info a{color:#ffffff;}
.location-info {
    background-color: #000;
    padding: 10%;
}
.location-container {
    background: #000;
    width: 100%;
    color: #fff;
}
/*////////////////////////////////////////////           A B O U T     S T Y L E S            ////////////////////////////////////////////////*/
.tab-content-container {
    font-size: 15px;
    padding: 0 30px 30px 30px;
    color: #fff;
}
.about-title{
    font-family: 'gotham_lightregular';
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 52px;
    color: #fff;
    position: relative;
    font-size: 48px;
}
.tab-content p, .disclaimer-text-container i, .career-content-container{
    color: #fff;
}
.tab-content p{
    font-size: 16px;
    line-height: 24px;
}
/*.about-tabs.nav-tabs>li>a:hover {
    margin-right: 2px;
    line-height: 1.42857143;
    border-bottom: 4px solid #ccc;
     border-radius: 4px 4px 0 0; 
    background-color: #fff;
    margin: 7px 2px;

}*/
.nav>li{
    display: inline-block;
}
.nav-tabs>li {
    float: none;
}
.nav-tabs>li>a {
    border:none;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
/*    border:none !important;
    border-bottom: 4px solid #cccccc!important;*/
    background: none !important;
    border: 0 !important;
}
.about-tabs.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border-bottom: 0px solid #ffffff !important;
    color: #555555;
    margin: 7px 2px;
    background: #000000;
    font-weight: 400;
}
#nutrition-tabs ul {
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
#about-tabs-container .about-tabs.nav-tabs {
    border: none;
    text-align: center;
    max-width: 100% !important;
    margin: 0 auto;
    font-family: 'gotham_mediumregular';
    text-transform: uppercase;
    font-size: 14px;
    background: #000;
}


.tab-content div.about-bg-mobile{
    background-position: 0 0px !important; 
    background-repeat:no-repeat!important; 
    background-size:contain!important;   
}
.tab-content #levels.about-bg-mobile{
    background-position: center !important; 
    background-size:cover!important;      
}
/*#about-tabs-container .tab-content {
    background: url(images/about-background.jpg);
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
}*/
.faq_lrn_btn {
    display: inline-block;
    background: #fff;
    color: #000;
    text-decoration: none;
    padding: 10px 20px;
    margin: 10px 0 0;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'gotham_mediumregular';
    border-radius: 7px;
    font-weight: 800;
    position: relative;
    cursor: pointer;
}
#about-tabs-container #levels .abt_faq_qwrap {
    margin-top: 30px;
}
/*////////////////////////////////////////////          S C H E D U L E  /  R A T E   P A G E   S T Y L E S          ////////////////////////////////////////////////*/
#rates-top-container {
    background: url('images/schedule-top-bg.png') no-repeat center bottom #000;
    min-height:552px;
    width: 100%;

    padding: 5% 0 0 0;
}
.green-border {
    border: solid 3px #daff5b;
}
.single-class-box {
    background-color: rgba(37, 37, 37, .8);
    width: 100%;
    height: 135px;
    margin-bottom: 8px;
    display: table;
    color:#fff;
}
.single-class-title-2 {
    font-family: 'gotham_lightregular';
    font-size: 20px;
    text-transform: lowercase;

}
.single-class-title {
    font-size: 20px;
    font-family: 'gotham_boldregular';
    font-style: normal;
    text-transform: uppercase;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    width: 70%;
    padding-left: 5%;
}

.single-class-price {
    font-size: 14px;
    font-family: 'gotham_mediumregular';
    font-style: normal;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}
.single-class-subtitle, .unltd-class-sub-title {
    font-size: 12px!important;
    font-family: 'gotham_lightregular'!important;
    font-style: normal;
    text-transform: lowercase;
    display: table-cell;
    vertical-align: middle;
}
.single-class-button {
    border: none;
    background-color:#daff5b;
    float: right;
    height: 104%;
    width: 30px;
}

.multi-class-box {
    background-color: rgba(37, 37, 37, .8);
    width: 100%;
    height: 66px;
    margin-bottom: 5px;
    color:#fff;
    display: table;
}
.multi-class-title {
    font-size: 20px;
    font-family: 'gotham_boldregular';
    font-style: normal;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    width: 70%;
    padding-left: 5%;
}

.multi-class-price {
    font-size: 14px;
    font-family: 'gotham_mediumregular';
    font-style: normal;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}
.multi-class-button {
    border: none;
    background-color:#daff5b;
    float: right;
    height: 106%;
    width: 30px;
}
.unltd-class-sub-title {
    padding: 25px 0 26px;
}
.unltd-class-box {
    background-color: rgba(255, 255, 255, .8);
    width: 100%;
    height: 100%;
    text-align: center;
    display: table;
    margin-bottom: 6px;
}
.unltd-class-title-2 {
    font-size: 15px;
    font-family: 'gotham_lightregular';
}
.unltd-class-title {
    font-size: 30px;
    font-family: 'gotham_boldregular';
    font-style: normal;
    height: 100%;
    display: block;
    width: 100%;
    color:#000;
}
.unltd-class-price {
    font-size: 14px;
    font-family: 'gotham_mediumregular';
    font-style: normal;
    width: 100%;
    height: 100%;
    display: block;
    color:#000;
}
.unltd-class-button {
    border: none;
    background-color:#daff5b;
    width: 100%;
    height: 66px;
    padding: 3%;
    color:#000;
    letter-spacing:2px;
    font-size:15px;
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    font-weight: 700;
}
.unltd-wrap {
    min-height: 141px;
    padding-top:10%; 
}
#schedule-container {
    background: url('images/team-bg-tile.png') repeat left top #000;
    width: 100%;
    padding: 0px 0 100px 0;
}
#schedule-container h5 {
    text-align: center;
    font-size:22px;
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    font-weight: 300;
}
#schedule-container h2 {
    text-align: center;
    font-size: 61px;/* change to 61px when fonts work */
    font-family: "ff-good-headline-web-pro-con",sans-serif;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 25px;
}

#weekly-schedule {
    font-family: "museo-sans",sans-serif!important;
}
#weekly-schedule th {
    font-size: 14px;
    text-align: center;
    font-style: normal;
    font-weight: 500;
}
#weekly-schedule .book-class-btn {
    position: absolute;
    margin-top: -12%;
    width: 90%;
    background-color: #daff5b;
    border: none;
    letter-spacing: 1px;
}
#weekly-schedule-mobile .book-class-btn {
    background-color: #daff5b;
    border: solid 1px #000;
    letter-spacing: 3px;
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    padding: 3% 5%;
    margin: 5%;
    font-weight: 700;
}
.booked {
    background-color:#daff5b!important;
}
.class-container-mobile {
    width: 100%;
}
.class-block {
    display: table;
    width: 100%;
    height: 120px;
    background-color: #fff;
    padding: 2% 0;
    border-bottom: 3px solid #b8b8b8;
}
.class-block:hover {
    background-color:#daff5b;
}
.class-time {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px!important;
    color: #000;
    border-right: 1px solid #ccc;
    font-family: "museo-sans",sans-serif;
    font-weight: 500;
    width: 20%;
    margin:2% 0;
    text-align: center;
}
.class-block .class-info {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 40%;
}
.class-block .class-booking {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 40%;
}
.booked .class-name {
    color: #85ac00!important;
}
.class-block .class-name {
    font-family: "museo-sans",sans-serif;
    font-weight: 700!important;
    text-align: left;
    margin-left: 10%;
    font-size: 14px!important;
}
.class-block .class-desc {
    font-family: "museo-sans",sans-serif;
    font-weight: 500!important;
    text-align: left;
    margin-left: 10%;
    font-size: 13px!important;
}




.class-cell {
    background-color: #fff;
    position: relative;
}
.class-cell:hover {
    background-color:#daff5b;
}
.class-cell legend {
    font-size: 12px!important;
    margin-bottom: 10px!important;
}
.class-cell .class-name {
    font-weight: 700!important;
    font-size: 14px!important;
}
.class-cell .class-desc {
    font-weight: 500!important;
    font-size: 13px!important;
}
.day-circle-icon {
    width: 25px;
    height: 25px;
    padding: 2.4% 2%!important;
    text-align: center;
    float: left;
    color:#fff;
    font-weight: 500;
    font-size: 14px!important;
    background: #000;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
}
.th-weekday th span {
    vertical-align: middle!important;
    display: inline-block;
    padding-top: 3%;
    font-size: 11px;
}
.th-weekday th {
    background-color: #fff;
    text-transform: uppercase;
    vertical-align: middle!important;
}
.table>thead>tr>th, .table>tbody>tr>td {
    border: 2px solid #b7b7b7!important;
}
.week-day .day-circle-icon {
    width: 13.2%!important;
    height: 12%!important;
    margin: 0.5%!important;
    padding: 0%!important;
    text-align: center!important;
    border: solid 1px #2a2a2a!important;
    float: left!important;
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    font-weight: 300;
    color:#2a2a2a!important;
    /* font-weight: 500; */
    font-size: 26px!important;
    background: #000!important;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: inline-block!important;
}
.week-day .day-circle-icon:hover, .week-day .active {
    background: #fff!important;
    color: #000!important;
}
#weekly-schedule-mobile {
    width: 100%;
}
.week-day {
    width: 100%;
    background: #000;
    min-height: 100px;
    padding: 5%;
}
/*////////////////////////////////////////////         P R E S S   P A G E   S T Y L E S          ////////////////////////////////////////////////*/
#press-top-container {
    /*background: url('images/press-top-bg.png') no-repeat center top #474747;*/
    /*min-height:1050px;
    width: 100%;
    overflow-x: hidden!important;*/
    background: #F4F4F4;
}
#press-container {
    margin: 0px 0 0px;
    padding-bottom: 75px;
    /*position: relative;
    left: 425px;
    top: 50px;*/
}
#press-container h1 {
    text-align: center;
    font-family: 'gotham_mediumregular';
    font-size: 47px;
    padding-top: 65px;
    padding-bottom: 45px;
    margin-top: 0px;
    color:#fff;
}
.press-logos {
}
.hex {

    float: left;
    padding: 4px;
    margin: 0 -7% 0 0;
}
.hex2 {
    float: left;
    padding: 4px;
    margin: 0 -5.7% 0 0;
}

.hexrow {
    white-space: nowrap;
    /*right/left margin set at (( width of child div x sin(30) ) / 2) makes a fairly tight fit; a 3px bottom seems to match*/
    margin: 0 35px 11px; 
}

.hexrow > div {
    width: 100px;
    height: 174px; /* ( width x cos(30) ) x 2 */
    /* For margin:
    right/left = ( width x sin(30) ) makes no overlap 
    right/left = (( width x sin(30) ) / 2) leaves a narrow separation
    */
    margin: 0 30px; 
    position: relative;
    background-image: url(http://i1166.photobucket.com/albums/q605/Artem_Lebedev/dog-training-collars.jpg);
    background-position: -50px 0; /* -left position -1 x width x sin(30) */
    background-repeat: no-repeat;
    background-size: auto 120%;
    color: #000000;
    text-align: center;
    line-height: 173.2px; /*equals height*/
    display: inline-block;
    z-index: 2;
}

.hexrow > div:nth-child(odd) {
    top: 43.3px; /* ( width x cos(30) / 2 ) */
}

.hexrow > div:nth-child(even) {
    top: -44.8px; /* -1 x( ( width x cos(30) / 2) + (hexrow bottom margin / 2)) */ 
}

.hexrow > div > div:first-of-type {
    position: absolute;
    width: 100%;
    height: 100%; 
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
    background-image: inherit;

    -ms-transform:rotate(60deg); /* IE 9 */
    -moz-transform:rotate(60deg); /* Firefox */
    -webkit-transform:rotate(60deg); /* Safari and Chrome */
    -o-transform:rotate(60deg); /* Opera */
    transform:rotate(60deg);
}

.hexrow > div > div:first-of-type:before {
    content: '';
    position: absolute;
    width: 200px; /* width of main + margin sizing */
    height: 100%;
    background-image: inherit;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto 120%;
    bottom: 0;
    left: 0;
    z-index: 1;

    -ms-transform:rotate(-60deg) translate(-150px, 0); /* IE 9 */
    -moz-transform:rotate(-60deg) translate(-150px, 0); /* Firefox */
    -webkit-transform:rotate(-60deg) translate(-150px, 0); /* Safari and Chrome */
    -o-transform:rotate(-60deg) translate(-150px, 0); /* Opera */
    transform:rotate(-60deg) translate(-150px, 0);

    -ms-transform-origin: 0 0; /* IE 9 */
    -webkit-transform-origin: 0 0; /* Safari and Chrome */
    -moz-transform-origin: 0 0; /* Firefox */
    -o-transform-origin: 0 0; /* Opera */
    transform-origin: 0 0;
}

.hexrow > div > div:last-of-type {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -2;
    overflow: hidden;
    background-image: inherit;

    -ms-transform:rotate(-60deg); /* IE 9 */
    -moz-transform:rotate(-60deg); /* Firefox */
    -webkit-transform:rotate(-60deg); /* Safari and Chrome */
    -o-transform:rotate(-60deg); /* Opera */
    transform:rotate(-60deg);
}

.hexrow > div > div:last-of-type:before {
    content: '';
    position: absolute;
    width: 200px; /* starting width + margin sizing */
    height: 100%;
    background-image: inherit;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto 120%;
    bottom: 0;
    left: 0;
    z-index: 1;

    /*translate properties are initial width (100px) and half height (173.2 / 2 = 86.6) */
    -ms-transform:rotate(60deg) translate(100px, 86.6px); /* IE 9 */
    -moz-transform:rotate(60deg) translate(100px, 86.6px); /* Firefox */
    -webkit-transform:rotate(60deg) translate(100px, 86.6px); /* Safari and Chrome */
    -o-transform:rotate(60deg) translate(100px, 86.6px); /* Opera */
    transform:rotate(60deg) translate(100px, 86.6px);

    -ms-transform-origin: 100% 0; /* IE 9 */
    -webkit-transform-origin: 100% 0; /* Safari and Chrome */
    -moz-transform-origin: 100% 0; /* Firefox */
    -o-transform-origin: 100% 0; /* Opera */
    transform-origin: 100% 0;
}

.hexrow > div > span {
    display: inline-block;
    margin: 0 -30px;
    line-height: 1.1;
    vertical-align: middle;
    white-space: normal; 
}

.hexrow:nth-child(2) > div:nth-child(1) {
    background-image: url(http://i724.photobucket.com/albums/ww244/NBAchikk1995/flowers.jpg);
}

.hexrow:nth-child(2) > div:nth-child(1) > span {
    /*change some other settings*/
    margin: 0 -20px;
    color: black;
    font-size: .8em;
    font-weight: bold;
}

.hexrow:nth-child(2) > div:nth-child(2) {
    background-image: url(http://i197.photobucket.com/albums/aa231/sterling_red/landscape.jpg);
    color: #ffffff;
}

.hexrow:nth-child(2) > div:nth-child(3) {
    background-image: url(http://i257.photobucket.com/albums/hh204/h22prld98/2157781306_7a7a8e4cf7.jpg);
    opacity: .3;
    color: #ffffff;
}

.hexrow:nth-child(2) > div:nth-child(3) > div:before {
    /* nothing special needed here */
}

.hexrow:nth-child(2) > div:nth-child(4) {
    background-image: url(http://i916.photobucket.com/albums/ad8/paulak100/Obraz395.jpg);
    /*you can shift a large background image, but it can get complicated
    best to keep the image as the total width (200px) and height (174px)
    that the hex would be.
    */
    background-position: -150px -20px;
}

.hexrow:nth-child(2) > div:nth-child(4) > div:before {
    background-position: -100px -20px; /* the left shift is always less in the pseudo elements by the amount of the base shift */
}



/*////////////////////////////////////////////         T E A M   P A G E   S T Y L E S          ////////////////////////////////////////////////*/

#team-container {
    background: url('images/team-bg-tile.png') repeat left top #000;
    width: 100%;
    padding: 200px 0;
}
#team-container .col-md-4 {
    text-align: center;
}
#team-container h4 {
    text-align: left;
    margin: 17px 17px 10px 17px;
    font-size: 40px;/* change to 61px when fonts work */
    font-family: "ff-good-headline-web-pro-con",sans-serif;
    font-style: normal;
    font-weight: 500;
    color:#000;
}
#team-container h6 {
    text-align: left;
    margin: 0px 17px 10px 17px;
    font-size: 15.8px;
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    font-weight: 300;
    color:#000;
}
#team-container p {
    text-align: left;
    margin: 0px 17px 60px 17px;
    font-size: 14px;
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    font-weight: 300;
    color:#000;
}

#payment-container {
    background-color: #101010;
}
#payment-container h3:first-child {
    font-family: "ff-good-headline-web-pro-con",sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 30px;
}
#payment-container label {
    color: #ababab;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
#payment-container .single-class-price {
    padding-right: 5%;
}
.circle {
    width: 20px;
    height: 20px;
    text-align: center;
    float: left;
    background: #daff5b;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    margin: 16px;
}

.secure-box {
    background-color: #e8e8e8;
    width: 100%;
    padding: 2% 3%;
    margin: 2% 0;
}
.secure-box img {
    margin: -2% 3% 0 -6%
}
.secure-box h4 {
    font-family: "ff-good-headline-web-pro-con",sans-serif;
    font-weight: 500;
    color: #000;
    font-size: 30px;
}
/*////////////////////////////////////////////           F O R M   E L E M E N T   S T Y L E S            ////////////////////////////////////////////////*/
input[type=text] {
    outline: 0;
    border: 0;
    margin: 7px 0;
    font-size: 12px;
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing:2px;
    padding: 12px 14px 11px 14px;
    background-color: rgba(255, 255, 255, 0.17);
    color:#fff;
}
select {
    outline: 0;
    border: 0;
    margin: 7px 0;
    width: 100%;
    font-size: 12px;
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing:2px;
    padding: 14px;
    color:#fff;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    overflow: hidden;
    background: url('/wp-content/uploads/2015/07/chevron.png') no-repeat 100% 50% rgba(255, 255, 255, 0.17);
    -webkit-appearance: none;
}
textarea {
    outline: 0;
    border: 0;
    margin: 7px 0;
    font-size: 12px;
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing:2px;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.17);
    color:#fff;
}
.action-btn {
    border: none;
    background-color: #daff5b;
    text-align: center;
}
.action-btn img {
    float:left;
}
.action-btn span {
    display: block;
    float:left;
    text-decoration: none;
    color:#231f20;
    letter-spacing:2px;
    font-size:14px;
    font-family: "museo-sans",sans-serif;
    font-style: normal;
    font-weight: 700;
}


/* MAUTIC CSS UPDATE */
.mf-modal .mf-headline {
    font-family: "gotham_blackregular",sans-serif;
}

.mf-modal .mf-tagline {
    font-family: "gotham_mediumregular",Sans-Serif;
}

.mf-modal .mf-inner-container {
    font-family: "gotham_lightregular",Sans-Serif;
}




/************* Passes **************/
a:focus{outline: 0 !important; outline: none !important}
.passes-page-background, .passes-page {
    background-color: #101010;
    background-image: url(/wp-content/uploads/2018/08/stars.jpg);
    background-repeat: repeat;
    background-size: 75%;
    padding-top: 80px;
    padding-bottom: 25px;
}
.passes-page{
    background-image: url(images/home-bg.jpg);
    background-size: cover;
}
.passes-page .passes-header {
    font-family: 'gotham_boldregular',sans-serif;
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.7);
    margin-bottom: 0px;
}
.passes-page .passes-header img {
    margin: 20px 0;
}

.passes-page .passes-header h3 {
    color: white;
    font-size: 47px;
    text-transform: uppercase;
    font-family: 'gotham_lightregular';
    position: relative;
}
.passes-page .class-list.training-packages {
    padding: 10px 15px;
}
.passes-page .column {
    min-height: 600px;
    background-color: rgba(0,0,0,0.7);
    margin-bottom: 20px;
}
.passes-page .class-list.training-packages .radio h5 {
    text-transform: uppercase;
    margin: 0px;
    font-size: 14px;
    color: #ffffff;
    font-weight:700;
}

.radio a {color: #333333;}
.truncate {
    width: 100%;
    max-width: 100%;
    /*    white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;*/
    display: inline-block;
    font-family: gotham_lightregular, sans-serif;
    /*padding-bottom: 10px;*/
    padding: 5px 0;
    color: #fff;
}


/*.truncate p {
    font-size: 85%;
}*/
.text-center.plus.open > i:before {
    content: "\f056";
}

.dec {
    min-height: 5px;
    /* padding-bottom: 5px; */
    min-height: 10px;
}

.radio .row .fa-plus-circle {
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    color: #ffffff;
}
.passes-page .class-list.training-packages .radio {
    margin: 10px 0px 25px 15px;
}
.passes-page .class-list.training-packages h4 {
    font-size: 11px;
    margin-bottom: 35px;
    text-align: center;
    color: #fff;
    position: relative;
    margin-top: 40px;
}
.passes-page .class-list.training-packages .radio p {
    font-family: 'gotham_lightregular';
    color: #fff;
}
.column.gift_cards {
    min-height: auto;
}
.pack-padding0{
    padding: 0;
}
.pack {
    text-align: left;
}
.pack a {
    background: #fff;
    padding: 4px 12px;
    display: inline-block;
    color: #000;
    font-size: 14px;
    border-radius: 5px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "gotham_blackregular",sans-serif;
}
.passes-page .class-list.training-packages .radio p.price-digit {
    font-size: 16px;
    color: #fff;
}
.passes-header.text-center em {
    color: #fff;
    font-weight: lighter;
    font-family: 'gotham_lightregular';
    display: block;
    font-size: 13px;
    margin-bottom: 20px;
}

@media(max-width:767px){
    .passes-page .class-list.training-packages .radio {
        margin: 10px 0px 25px 0px;
    }
    .container-fluid.passes-page {
        padding-left: 0px;
        padding-right: 0;
    }
    .container-passes-page {
        padding-left: 15px;
        padding-right: 15px;
    }
    .passes-page .column {min-height: auto;}
    .passes-page-background, .passes-page {padding-top: 70px;}
    #home-footer-container{height: auto}
    #menu-footer {margin: 0 auto !important}
    .brndbot-form form {
        width: 100%;
        margin: 0 auto;
    }
}
@media(min-width:1800px){
    .passes-page .container-passes-page {
        margin: 0 5%;
    }
}
@media (min-width: 1250px)
{
    .container {
        width: 1270px !important;
    }
}

/**************TFRT2020 Page Css **************************/


.banner_wrap {
    padding: 100px 0;
}
.banner {
    background-size: cover !important;
}
.banner_wrap > img {
    width: 420px;
}
.banner_wrap h3 {
    margin: 50px 0 3px 0;
    color: #dbff5b;
    font-weight: bold;
    font-family: gotham_blackregular;
    font-size: 42px;
}
.banner_content p {
    margin: 0;
    color: #fff;
    font-size: 27px;
    font-family: 'gotham_lightregular';
    font-weight: 600;
}
.banner_wrap a, .banner_wrap a:hover {
    background: #dbff5b;
    display: inline-block;
    color: #000;
    padding: 22px 70px;
    font-size: 26px;
    font-family: 'gotham_mediumregular';
    font-weight: bold;
    border-radius: 7px;
    text-decoration: none;
}
.banner_content {
    margin-bottom: 70px;
}
.content_area {
    background: url(/wp-content/uploads/2019/12/shape-1.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain !important;
    padding: 190px 0 60px 0;
    color: #fff;
    margin-top: -1px;
    font-size: 20px;
}
.content_area.content_area-1 {
    background: url(/wp-content/uploads/2019/12/Rectangle-1-copy.png);
    background-repeat: no-repeat;
}
.left-section p:first-child {
    margin-bottom: 40px !important;
}
.content_area .row .col-md-12 p {
    width: 70%;
    font-weight: 500;
    margin: 0 auto;
    font-size: 26px;
    font-family: 'gotham_lightregular';
}
.content_area .row .col-md-12 p strong {
    color: #dbff5a;
}
.content_area .row .col-md-12 p.second {
    font-size: 20px;
    margin-top: 20px;
}
.content_area .row .col-md-12 p.second span {
    font-size: 16px;
}
p.off {
    margin: 12px auto 8px !important;
}
.content_area .row .col-md-12 .left-section p {
    width: 75%;
    font-size: 19px;
    font-weight: 500;
}
.right-section strong {
    color: #dbff5a;
    font-size: 25px;
    font-family: 'gotham_mediumregular';
    display: block;
    line-height: normal;
}
.right-section {
    font-size: 19px;
    font-family: 'gotham_lightregular';
    width: 29%;
}
.right-section span {
    color: #dbff5a;
    font-size: 17px;
    font-family: 'gotham_mediumregular';
    display: block;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.plan-section {
    background: #dbff5b;
    text-align: center;
}
.plan-section p {
    margin: 0;
    font-size: 34px;
    font-family: 'gotham_blackregular';
    text-transform: uppercase;
    color: #000;
    padding: 40px 79px;
}
.footer_inner div#home-social-container {
    height: auto;
}
.footer_inner div#home-social-container br {
    display: none;
}
.terms-conditions {
    clear: both;
    width: 82%;
    margin: 22px auto !important;
}
.clearfix {
    clear: both;
}
.terms-conditions p {
    width: 100% !important;
    font-style: italic;
    font-size: 12px !important;
    margin-top: 2px !important;
}
.terms-conditions h3 {
    font-size: 13px;
    margin: 40px 0 7px 0;
    font-weight: 600;
    font-family: 'gotham_lightregular';
}
.terms-conditions p a {
    color: #fff;
}
.package-content {
    padding-bottom: 0px;
    width: 90%;
    margin: auto;
    max-width: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 1.75;
}
.content-area {
    background: rgba(255, 255, 255, 0.95);
    color: #000;
    padding: 20px 30px;
}
.package-content h3 a {
    color: #fff !important;
}
.package-content p {
    font-family: gotham_lightregular, sans-serif;
    margin: 0px 0 19px 0;
    font-size: 16px;
}
.package-content p a {
    color: #000;
    text-decoration: underline;
    display: inline-block;
}

@media(max-width:768px){
    .terms-conditions { width: 100%; padding-left: 15px; padding-right: 15px}
    .banner_wrap > img {
        width: 240px;
    }
    .banner_wrap h3 {
        margin: 19px 0 3px 0;
        font-size: 25px;
    }
    .banner_content p {font-size: 20px;}
    .banner_wrap a, .banner_wrap a:hover {padding: 17px 30px;font-size: 15px;}
    .banner_content p br {display: none;}
    .banner_content { margin-bottom: 20px;}
    .content_area .row .col-md-12 p {width: 100%;font-size: 21px;}
    .content_area {padding: 110px 0 60px 0;}
    .content_area .row .col-md-12 .left-section p {width: 100%;}
    .right-section {
        font-size: 16px;
        width: 100%;
        margin-top: 30px;
    }
    .plan-section p {
        font-size: 16px;
        padding: 40px 0px;
    }
}
@media (min-width:767px) and (max-width: 1200px){
    .terms-conditions { width: 100%; padding-left: 15px; padding-right: 15px;}
    .content_area .row .col-md-12 .left-section p, .right-section {width: 100%; margin: 20px 0}
    .content_area {
        padding: 115px 0 60px 0;
    }
    .right-section strong {font-size: 20px;}
    .right-section span {font-size: 14px;}
    .plan-section p {font-size: 20px;}
    #home-footer-container {
        height: auto;
    }
    #menu-footer {margin: 0 auto !important}
}
@media(min-width:1500px){
    .content_area {padding: 280px 0 130px 0;}
    .banner_wrap > img {
        width: 550px;
    }
    .banner {
        padding: 80px 0;
    }
}
.fuel-list .packages_description ul,
.passes-page .class-list.training-packages .radio ul{
    padding:0 0 0 14px;
}
/*.fuel-list .packages_description ul li,
.fuel-list .packages_description p,
.passes-page .class-list.training-packages .radio p,
.passes-page .class-list.training-packages .radio ul li{
    font-size: 88%;
}*/
/*===== Tone Up ======*/
.page-id-4849 .banner_wrap1 {
    padding: 0px 0 0 0;
}
.page-id-4849 .banner_wrap1 h3{
    margin:80px 0 11px 00;
    color: #dbff5b;
    font-weight: bold;
    font-family: gotham_blackregular;
    font-size: 60px;
}
.page-id-4849 .banner_wrap1 h4{
    color: #dbff5b;
    margin: 0 0 50px;
    font-size: 27px;
    font-family: 'gotham_lightregular';
    font-weight: 600;
}
img.toneup-image{
    width:100%;
}
.toneup-bg-section {
    background-image: url(https://tonehouse.com/wp-content/uploads/2020/01/Gradient-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0;
    padding: 49px 0 76px;
}
.page-id-4849 .banner_wrap1 h5 {
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 48px;
    font-family: 'gotham_boldregular';
}
.page-id-4849 .banner_wrap1 h5 b{
    font-size: 45px;
}
.toneup-bg-section p {
    color: #fff;
    font-size: 20px;
    line-height: 2;
    margin-bottom: 73px;
    font-family: gotham_thinregular;
    font-weight: 600;
}
.toneup-challenge {
    background: #dbff5b;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding: 45px 0px 50px;
}
.toneup-challenge p {
    color: #000;
    line-height: 1.2;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 24px;
}
.toneup-challenge a {
    background: #000;
    color: #fff;
    padding: 12px 30px;
    font-size: 18px;
    transition: 0.4s all;
    margin-top: 20px;
    display: inline-block;
    border-radius: 5px;
    font-family: gotham_mediumregular;
}
.toneup-challenge a:hover {
    padding: 12px 30px;
    font-size: 18px;
    background: #2f2f2f;
    color: #ffffff;
    margin-top: 20px;
    text-decoration: none;
}
.page-id-4849 {
    padding-bottom: 0;
}

.banner_wrap1.text-center video{
    width:100%;
}
.video-controls .vc-btn,
.video-controls-play .vc-btn{
    width: 60px;
    height: 60px;
    background-color: rgba(0,0,0,0.6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 25px;
    margin: 10px;
    cursor: pointer;
    color: #fff;
    cursor: pointer;
    border: 2px solid #fff;
}
span.vc-btn.play-btn.fas.fa-play::before,
span.vc-btn.play-btn.fas.fa-pause::before,
span.vc-btn.mute-btn.fas.fa-volume-off::before,
span.vc-btn.mute-btn.fas.fa-volume-up::before{
    font: normal normal normal 30px/1 FontAwesome;
}
.video-section{
    position:relative;
}
.video-controls {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    height: 100%;
    align-items: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.video-controls-play{
    position: absolute;
    left: 50%;
    top: 4%; 
    display: flex;
    height: 100%;
    align-items: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    transform: translateX(-50%);
}


.video-section p:empty,
.video-controls br{
    display:none;
}
span.vc-btn.play-btn.fas.fa-play::before {
    margin-left: 6px;
}
.video-controls .pause-btn-video{
    display:none;
}
span.new-playbtn:before {
    content: "\f04b" !important;
}
.pause-btn-video:before {
    content: "\f04c" !important;
    margin-left: 15px !important;
    display: flex;
    height: 100%;
    align-items: center;
}
.event_wrap {
    padding: 45px;
}
.event_wrap h2 {
    color: #fff;
    margin-bottom: 10px;
}
.thumbnail_image > img {
    width: 100%;
    height: auto;
}
.content_area_post {
    color: #fff;
    font-size: 17px;
    line-height: 30px;
    font-family: "museo-sans",sans-serif;
    padding-top: 20px;
}
.content_area_post > div {
    margin-bottom: 25px;
}
.content_area_post > div:last-child {
    margin-bottom: 0;
}
.event_wrap ul {
    padding: 0;
    margin: 0 0 20px 0;
}

.event_wrap ul li {
    display: inline-block;
    color: #a6c832;
    padding-right: 10px;
    font-size: 15px;
}
.event_wrap ul li i {
    display: inline-block;
    padding-right: 4px;
    font-size: 16px;
}
.event_wrap a.rsvp, .event_wrap a.rsvp:hover {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 30px;
    line-height: normal;
    font-size: 19px;
    text-decoration: none;
}
.event_wrap svg#Layer_1 {
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
}
.carousel-inner .item {
    text-align: center;
}
.carousel-indicators {
    bottom: 10px !important;
}







@media(max-width:1024px){
    .event_wrap {
        padding: 20px 0px; 
    }
    .page-id-4849 .banner_wrap1 h4{
        margin: 0 0 20px;
    }  
    .page-id-4849 .banner_wrap1 h3{
        margin: 30px 0 11px 00;
    }
}
@media(max-width:768px){                            
    .page-id-4849 .banner_wrap1 h4{
        margin: 0 0 20px;
        font-size: 20px;
    }    
    .page-id-4849 .banner_wrap1 h5{
        font-size: 27px;
    }
    .page-id-4849 .banner_wrap1 h3{
        font-size: 54px;
    }
}
@media(max-width: 767px){
    .toneup-bg-section{
        padding: 9px 0 36px;
    }
    .page-id-4849 .banner_wrap1 h5{
        font-size: 16px;
        margin-bottom: 18px;
        line-height: 1.4;
    }
    .toneup-bg-section p{
        line-height: 1.9;
        margin-bottom: 33px;
        font-size: 17px;
    }
    .toneup-bg-section p > br,
    .page-id-4849 .banner_wrap1 h5 > br{
        display:none;
    }
    .page-id-4849 .banner_wrap1 h5 > b{
        display:block;
        font-size:40px;
    }
    .toneup-challenge p{
        margin-bottom: 0;
        line-height: 1.2;
    }
    .page-id-4849 .banner_wrap1 h3{
        font-size:36px;
        margin: 20px 0 11px 00;
    }
    .toneup-bg-section p{
        font-size: 16px;
    }
    span.vc-btn.mute-btn.fas.fa-volume-off{
        display:none;
    }
    .video-controls .vc-btn{
        width: 50px;
        height: 50px;
    }
    span.vc-btn.play-btn.fas.fa-play::before, 
    span.vc-btn.play-btn.fas.fa-pause::before, 
    span.vc-btn.mute-btn.fas.fa-volume-off::before, 
    span.vc-btn.mute-btn.fas.fa-volume-up::before{
        font: normal normal normal 25px/1 FontAwesome;
    }
    .coach-info h4, .single-coach-info h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .coach-info h2, .single-coach-info h2 {
        font-size: 30px;
    }
    .coach-quote, .coach-info span {
        font-size: 14px;
        display: none;
    }
    .coach-desc:after {
    content: "";
    height: 2px;
    background-image: linear-gradient(90deg, #7f7f7f 0%, #f7f5f5 39%, #9f9f9f 62%, #dfdfe1 75%, #7f7f7f 100%);
    width: 100%;
    position: absolute;
    left: 0;
}
}
@media(min-width:1800px){
    .banner_wrap1.text-center video {
        width: 100%;
        height: 100%;
    }
    .video-section {
        position: relative;
        height: 60vh;
    }
    .video-controls-play{
        left: 50%;
        top: 5%;
    }
}

@media(min-width:1200px){
    .video-controls-play .vc-btn {
        width: 100px;
        height: 100px;
    }

    .video-controls-play span.vc-btn.play-btn.fas.fa-play::before {
        font-size: 50px;
    }
}

/*======= Recovery Page Video =========*/

.recovery-videosec video{
    width:100%;
}
span.recovery-btn{
    width: 60px;
    height: 60px;
    background-color: rgba(0,0,0,0.6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 25px;
    margin: 10px;
    cursor: pointer;
    color: #fff;
    cursor: pointer;
    border: 2px solid #fff;   
    position: absolute;
    right: 30px;
    bottom: 50px;
}

@media(max-width:767px){
    span.recovery-btn{
        right: 23px;
        bottom: 35px;
        width: 50px;
        height: 50px;
    }
}

/******************* Event Page Css *********************/
@media(min-width:1250px){
    .events .container {
        width: 1170px !important;
        margin: 0 auto;
    }
}

.feature_image {
    height: 195px;
    overflow: hidden;
}
.event-detials {
    background: #e8e8e8;
    padding: 10px;
    min-height: 240px;
}
.event-detials h2 {
    margin: 0;
    font-size: 18px;
    font-weight: normal;
    font-family: "museo-sans",sans-serif;
    color: #000;
}
.event-box {
    margin-bottom: 30px;
    border: 1px solid #ff8080;
}
.title-upcoming {
    color: #fff;
    font-family: "gotham_blackregular",sans-serif;
    text-transform: uppercase;
    font-size: 55px;
    margin-top: 110px;
    margin-bottom: 10px;
    text-shadow: 0 0 10px #000;
}
.description-text p {
    margin: 10px 0 40px 0px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-family: "museo-sans",sans-serif;
}
span.event-category {
    display: block;
    color: #909090;
    margin: 5px 0;
    font-size: 15px;
    font-family: "museo-sans",sans-serif;
    font-weight: lighter;
}
.event-detials p, .event-detials .text, .event-detials .lead {
    margin: 0 0 20px 0;
    font-size: 15px;
    font-weight: lighter;
    font-family: "museo-sans",sans-serif;
    color: #000;
}
.event-detials a, .event-detials a:hover {
    display: inline-block;
    text-decoration: none;
    color:#000;
}
button.detials {
    background: none;
    border: 1px solid #000;
    width: 100%;
    padding: 6px 0;
    color: #000;
    font-family: "museo-sans",sans-serif;
}
.modal_text .modal-body {
    font-size: 15px;
    line-height: 28px;
    color: #333;
}
div#exampleModal-1.modal_text.modal.fade.in {
    display: flex !important;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.event {
    display: flex;
}
.event_time {
    font-size: 17px;
    font-weight: lighter;
}
.event_date {
    width: 50px;
    font-size: 40px;
    font-weight: normal;
    line-height: normal;
}
.event {
    display: flex;
    width: 100%;
    font-family: "museo-sans",sans-serif;
}
.button_link a {
    display: block !important;
}
a.rsvp {
    background: #c2c2c2;
    color: #000;
    text-align: center;
    padding: 6px 10px;
    font-size: 14px;
    border-radius: 2px;
    margin-bottom: 10px;
    font-family: "museo-sans",sans-serif;
}
.other-event .event-detials p {
    font-size: 13px;
}
.modal_text h5.modal-title {
    color: #000 !important;
    font-weight: bold;
    font-size: 18px;
    font-family: "museo-sans",sans-serif;
    line-height: normal;
}
.events > .container > .row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.modal_text .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
a.detials {
    font-family: "museo-sans",sans-serif;
    border: 1px solid #000;
    color: #000;
    text-align: center;
    padding: 6px 0px;
    font-size: 14px;
    border-radius: 2px;
    margin-bottom: 0;
    cursor: pointer;
}
.events {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    margin-bottom: 60px;
}
.other-event .feature_image {
    height: 200px;
}
.button_link a:hover {
    text-decoration: none;
}
.event_date strong {
    display: block;
    font-size: 19px;
}
strong.event-month {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "museo-sans",sans-serif;
}
svg#Layer_1 {
    width: 16px;
    height: 12px;
    padding-right: 4px;
}
.other-event .event_date {
    font-size: 23px;
}
.other-event .event_time {
    font-size: 13px;
}
.other-event strong.event-month {
    display: block;
    font-size: 16px;
    color: #000;
}
.other-event .event_date {
    width: 40px;
}

.event-detials .lead {width:100%; overflow:hidden; height: 36px;}
.event-detials .more {cursor:pointer;}
.event-detials .well {
    background: none;
    padding: 0;
    box-shadow: none;
    border: none;
    margin: 0;
}
.detials.more {
    font-family: "museo-sans",sans-serif;
    border: 1px solid #000;
    color: #000;
    text-align: center;
    padding: 6px 0px;
    font-size: 14px;
    border-radius: 2px;
    margin-bottom: 0;
    cursor: pointer;
    width: 155px;
    position: relative;
    top: -28px;
    left: 54%;
    z-index: 99;
}
.modal_text .modal-body div {
    margin-bottom: 10px;
}


/* Nutration Form Page*/

.nutration-bg-section h1{
    font-size: 62px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    text-align: center;
    text-shadow: 2px 4px 4px rgba(0,0,0,0.6);
    padding: 0 0;
}



@media (min-width: 768px){
    .modal_text .modal-dialog {width: 930px;}
}

@media(max-width:768px){
    .title-upcoming {
        margin-top: 50px;
        margin-bottom: 30px;
        font-size: 23px;
    }
    .event-detials h2 {
        font-size: 21px;
    }
    .event_time {
        font-size: 20px;
    }
    .detials.more {
        width: auto;
        position: static;
    }
}
@media(min-width:768px) and (max-width:1200px){
    .event_time {
        font-size: 16px;
    }
}
@media(min-width:1023px) and (max-width:1200px){
    .detials.more {
        width: 120px;
        top: -28px;
        left: 56%;
    }
}


/* Nutration Form Page*/

.nutration-bg-section h1{
    font-size: 62px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    text-align: center;
    text-shadow: 2px 4px 4px rgba(0,0,0,0.6);
    padding: 0 0;    
    margin-top: 40px;
}
.nutration-bg-section h3 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 30px;
}
.nutration-bg-section p {
    font-size: 18px;
    line-height: 32px;
    font-family: gotham_thinregular;
    color:#fff;
    font-weight: 600;
}
.nutration-bg-section {
    background-image: url(/wp-content/uploads/2020/03/nutration-bg.jpg);
    padding: 100px 0;
    background-size: cover;
    text-align: center;
}
form.nutration-from label {
    width: 100%;
    float: left;
    text-align: left;
    color: #fff;
    font-family: gotham_thinregular;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
}
form.nutration-from input {
    width: 100%;
    float: left;
    background: #222222;
    border: 0;
    height: 46px;
    margin: 0 0 50px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0;
    padding: 12px 14px 11px 14px;
    border: 1px solid #222222;
    text-transform: none;
}
form.nutration-from .error {
    border-color: red !important;
}
form.nutration-from input.req {
    border-color: red;
}
form.nutration-from input[type="submit"] {
    background: #fff;
    color: #000;
    width: 100%;
    max-width: 270px;
    text-align: center;
    height: 50px;
    text-transform: inherit;
    font-weight: 600;
    margin: 20px auto 0;
    float: none;
    background-image: url(/wp-content/uploads/2020/03/black-arrow-button.png);
    background-repeat: no-repeat;
    background-position: 19% 16px;
}
form.nutration-from::after{
    clear:both;
    content:"";
    display: table;
}
form.nutration-from {
    width: 80%;
    margin: 60px auto 0;
    position: relative;
}
.page-id-4899 > .container,
.page-id-4930 > .container{
    width: 100% !important;
    padding:0;
}
.page-id-4899 > .container > .col-md-12,
.page-id-4930 > .container > .col-md-12 {
    padding: 0;
}
.page-id-4899 iframe {
    width: 100%;
    height: 670px;
    border: none;
}
.iframe-section {
    margin-top: 60px;
}
.error-message-field {
    color: red;
    border: 1px solid red;
    clear: both;
    width: 40%;
    margin: 0 auto;
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
}
img.loader-ajax {
    position: absolute;
    bottom: -17px;
    left: 0;
    right: 0;
    margin: 0 auto;
}


@media (max-width:991px){
    .nutration-bg-section p br{
        display: none;
    }
    .nutration-bg-section h3{
        font-size: 22px;
    }
    .nutration-bg-section h1{
        font-size: 54px;
    }
    form.nutration-from{
        width:100%;
        margin: 40px auto 0;
    }
    form.nutration-from input{
        margin: 0 0 20px;  
    }
}
@media (max-width:767px){
    .nutration-bg-section h1 {
        font-size: 24px;
    }
    .nutration-bg-section h3 {
        font-size: 16px;
    }
    .nutration-bg-section{
        padding: 20px 0;
        background-position: 0 0; 
    }
    .other-event .feature_image {
        height: 400px !important;
    }
}

a.home-top-action.slid-button-0 img {
    left: 55px;
}
.faq > img.faq-icon {
    position: relative;
    top: -4px;
    cursor: pointer;
}

/* Related Page*/
.related-banner {
    background-size: cover !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 700px;
}
.related-content h1 {
    color: #fff;
    padding: 0;
    margin: 90px 0 20px;
}
.related-content h2 {
    color: #fff;
    font-family: 'gotham_lightregular';
    margin: 0;
}
.related-secsection{
    text-align: center;
}
.related-secsection {
    background-size: cover !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
    padding: 130px 0 90px;
}
.related-sec-txt p {
    color: #fff;
    font-size: 19px;
    line-height: 1.6;
    padding: 0 7%;
    font-family: 'gotham_lightregular';
}
.related-sec-txt p strong,
.related-third-section p strong,
.three-section p strong{
    text-transform: uppercase;
    margin: 20px 0 0;
    display: block;
}
a.related-register {
    background: #daff5b;
    text-decoration: none;
    font-size: 18px;
    color: #000;
    font-weight: bold;
    padding: 0px 40px;
    display: inline-block;
    border-radius: 8px;
    margin: 20px 0;
    font-family: 'gotham_mediumregular';
    height: 48px;
    line-height: 48px;
    text-transform: uppercase;
}
.related-third-section {
    text-align: center;
    padding: 50px 0;
}
.related-third-section p{
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
    font-family: 'gotham_lightregular';
}
.related-third-section p a{
    color: #daff5b;
    text-decoration: none;
}
.related-third-section p a:hover{
     color: #daff5b;   
}
.related-mobile{
    display: none;
}
.three-section {
    text-align: center;
    padding: 70px 0 60px;
    border-top: 1px solid #272727;
}
.three-section h3 {
    color: #fff;
    font-size: 30px;
    margin: 0 0px 20px;
    line-height: 1.2;
}
.related-third-section p, .three-section p {
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
    font-family: 'gotham_lightregular';
}
.three-section p strong {
    font-size: 20px;
    margin-bottom: 10px;
}
.important-note {
    border-top: 1px solid #444;
    padding: 20px 0;
}
.important-note p {
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
    font-family: 'gotham_lightregular';
    font-style: italic;
    margin: 0;
}
.three-section .related-sec-txt {
    margin-top: 20px;
}
@media (min-width:1500px){
    .related-banner{
        height: 970px;
    }
    .related-secsection{
        padding: 120px 0 100px; 
    }
    .related-sec-txt p {
        font-size: 28px;
        padding: 0 9%;
    }
}
@media (min-width:1800px){
    .related-secsection{
        padding: 140px 0 120px; 
    }   
}
@media (max-width:991px){
    .related-secsection .row,
    .related-mobile{
        display: block;
    }
    .related-secsection .col-sm-4{
        padding: 0;
    }
    .related-mobile img{
        width: 100%;
    }
    .related-secsection .col-sm-4,
    .related-secsection .col-sm-8{
        width: 100% !important;
    }
    .related-secsection {
        background: url(/wp-content/uploads/2020/07/sec-bg.jpg) !important;
        background-size: cover !important;
        background-position: 0 0 !important;
        background-repeat: no-repeat !important;
        padding: 0px 0 60px;
    }
    .related-sec-txt p{
        padding: 0 0;
    }
    .related-sec-txt {
        margin-top: 40px;
    }
    .related-third-section p br{
        display: none;
    }
}
@media (max-width: 1200px) and (min-width: 1020px){
    .related-sec-txt {
        padding-left: 20%;
    }   
}

@media (max-width:767px){
    .related-content h1{
        font-size: 30px;
    }
    .related-content h2{
        font-size: 22px;
    }
    .three-section-col {
        margin-bottom: 40px;
    }

}
@media (max-width:480px){
    .related-content img,
    .related-mobile img{
        width: 100%;
    }
    .related-content h1{
        font-size: 28px;
        margin: 30px 0 20px;
    }
    .related-banner{
        height: 400px; 
    }


}


/*New Css 17-Aug-2020*/
span.inner-page-titles {
    font-family: 'gotham_blackregular';
    color: #fff;
    font-size: 60px!important;
    text-transform: uppercase;
}
.pacakages-banner-section {
    background: #000;
    text-align: center;
}
.banner_image_pkg img,
.tv-logo img {
    width: 100%;
}
.packages-banner-txt a {
    background: #daff5b;
    text-decoration: none !important;
    font-size: 14px;
    color: #000;
    padding: 10px 25px;
    display: inline-block;
    border-radius: 5px;
    margin: 0;
    font-family: 'gotham_boldregular',sans-serif;
}
.packages-banner-txt {
    padding-top: 50px;
}
.tv-logo {
    padding: 0;
    padding-top: 40px;
}
.collapse.in{
    display: none;
}
.coll-in.collapse.in{
    display: block;
}
.newhome-heading {
    color: #fff;
    font-size: 60px;
    line-height: 1.2;
    font-family: "gotham_blackregular",sans-serif;
}
.newhome-heading span{
    font-family: 'gotham_lightregular';
}
div#carousel-home.newhome-slider .item {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.newhome-text-col {
    height: calc(100vh - 119px);
    display: flex;
    align-items: center;
    justify-content: center;
}
/*a.newhome-action {
    background: #dbf55b;
    text-decoration: none;
    font-size: 24px;
    color: #000;
    font-weight: bold;
    padding: 0px 50px;
    display: inline-block;
    border-radius: 6px;
    margin: 0px 0;
    line-height: 48px;
    height: 48px;
    text-transform: uppercase;
    font-family: 'gotham_mediumregular';
}*/
a.newhome-action {
    background: #dbf55b;
    text-decoration: none;
    font-size: 24px;
    color: #000;
    font-weight: bold;
    padding: 0px 50px;
    border-radius: 6px;
    line-height: 48px;
    height: 48px;
    text-transform: uppercase;
    font-family: 'gotham_mediumregular';
    position: absolute;
    bottom: 20%;
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0;
    max-width: 325px;
}
.home-bg,
.tab-content,
.athlete-special-bg {
    background: url(images/home-bg.jpg);
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.newhome-bannerbelow img{
    width: 100%;
}
.newhome-bannerbelow {
    padding: 0;
    background: url(images/mission-bg.png);
    background-size: cover;
    background-position: 0 -100px;
    background-repeat: no-repeat;
    position: relative;
    padding: 8px 0 0;
}
.newhome-bannerbelow::before{
    position: absolute;
    content: "";
    left:0;
    right: 0;
    top:0;
    background: url(images/divline.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 15px;
}
.newhome-bannerbelow  .mission-img {
    text-align: center;
    padding: 79px 10px 60px;
}
.newhome-bannerbelow .mission-img img {
    width: 75%;
}
.team-spirit-section {
    text-align: center;
    padding: 60px 0;
}
.team-spirit-section a.sbi_load_btn span.sbi_btn_text {
    font-size: 0;
}
.team-spirit-section a.sbi_load_btn {
    background: url(images/load-btn.png) !important;
    background-position: 0 10px !important;
    background-repeat: no-repeat !important;
    width: 51px !important;
    height: 37px;
    padding: 0;
    margin: 0;
}
.team-spirit-section a.sbi_load_btn:hover{
    box-shadow: none !important;
}
.instafeed-section {
    margin-top: 30px;
}
.buzz-section {
    text-align: center;
    padding: 60px 0;
    position: relative;
    background: rgba(0,0,0,0.5);
}
.buzz-section::before{
    position: absolute;
    content: "";
    left:0;
    right: 0;
    top:0;
    background: url(images/divlineflipped.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 15px;
}

#carousel-buzz{
    list-style: none;
    margin: 60px 0 0px;
    padding: 0;
    text-align: center;
}
#carousel-buzz .owl-stage-outer {
    overflow: hidden;
    width: 100%;
    padding: 0;
}
#carousel-buzz .owl-stage {
    display: flex;
    align-items: center;
}
.buzz-slide{
    display: inline-block;
    padding: 0 0px;
    vertical-align: middle;
}
#carousel-buzz .owl-nav.disabled,
#carousel-buzz .owl-nav {
    position: relative;
}
#carousel-buzz .owl-prev,
#carousel-apparel .owl-nav .owl-prev {
    position: absolute;
    left: -20px;
    top: -37px;
    font-size: 0;
    background: url(images/chevron-left.png);
    width: 20px;
    height: 28px;
    content: "";
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 0.6;
}
#carousel-buzz .owl-next,
#carousel-apparel .owl-nav .owl-next{
    position: absolute;
    right: -20px;
    top: -37px;
    font-size: 0;
    background: url(images/chevron-right.png);
    width: 20px;
    height: 28px;
    content: "";
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 1;
}

#carousel-buzz .owl-prev:hover,
#carousel-buzz .owl-next:hover{
    opacity: 1;
}
#carousel-apparel .owl-nav .owl-prev{
    left: -3px;
    top: initial;
    bottom: -50px;    
}
#carousel-apparel .owl-nav .owl-next{
    right: -3px;
    top: initial;
    bottom: -50px;
}
.buzz-more a {
    display: inline-block;
    background: #fff;
    color: #000;
    text-decoration: none;
    padding: 10px 30px 10px 20px;
    margin: 50px 0 0;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'gotham_mediumregular';
    border-radius: 7px;
    font-weight: 800;
    position: relative;
}
.buzz-more a i.fa{
    font-size: 22px;
    font-weight: 800;
    margin-left: 8px;
    line-height: 1.2;
    position: absolute;
    top: 8px;
    right: 12px;
}
.about-left-img img{
    width: 100%;
}
ul.nav.nav-tabs.about-tabs li.active a {
    color: #ffffff !important;
    position: relative;
}
ul.nav.nav-tabs.about-tabs li.active a::before,
.tab-content .about-title::before, .new-nutrition-page h3::before, .new-nutrition-page h4::before{
    position: absolute;
    content: "";
    background: url(images/about-line.png);
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 40px;
    margin: 0 auto;
}
.tab-content .about-title::before{
    bottom: -20px;
    width: 60px;
}
div#overview .tab-content-container {
    height: 990px;
    display: flex;
    align-items: center;
    text-align: center;
}
.newhome-slider .glyphicon-chevron-right:before {
    content: "\f105";
    font: normal normal normal 75px/1 FontAwesome;
    color: #505354;
}
.newhome-slider .glyphicon-chevron-left:before {
    content: "\f104";
    font: normal normal normal 75px/1 FontAwesome;
    color: #505354;
}
.newhome-slider .carousel-control .glyphicon-chevron-right, 
.newhome-slider .carousel-control .glyphicon-chevron-left{
    margin-top: -35px;
}
.tabpanel-mobile{
    display: none;
}
.newathlete-page-banner h1 {
    font-family: 'gotham_blackregular';
    color: #fff;
    font-size: 60px;
    line-height: 1.2;
    padding: 110px 0 0;
}
.newathlete-page-banner-txt {
    text-align: center;
    color: #fff;
    font-size: 17px;
    padding: 0 50px;
    font-family: 'gotham_lightregular';
}
.top-page-banner.newathlete-top-page-banner {
    height: 790px;
    position: relative;
}
.top-page-banner.newathlete-top-page-banner::after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: -15px;
    background: url(images/divline.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 15px;
}
.athlete-special {
    text-align: center;
    padding: 60px 0;
    background: rgba(0,0,0,0.5);
}
.athlete-special h2 {
    color: #fff;
    font-size: 36px;
    font-family: "gotham_blackregular",sans-serif;
    line-height: 1.2;
    text-transform: uppercase;
}
.athlete-special h2 span{
    font-family: 'gotham-book';
}
p.athlete-special-subtitle {
    color: #fff;
    font-size: 20px;
    line-height: 1;
    font-family: 'gotham_lightregular';
    margin-bottom: 30px;
}
p.athlete-special-subtitle b{
    font-family: 'gotham_mediumregular'!important;
    font-weight: normal;
}
.athlete-special-last p {
    font-size: 16px;
    line-height: 1.2;
    color: #fff;
    margin-top: 43px;
    font-family: 'gotham_mediumregular'; 
}
.athlete-video {
    padding: 40px 0 30px;
}
.athlete-video-space{
    padding:0 100px;
}
.athlete-game-section {
    text-align: center;
    color: #fff;
    padding: 10px 0 25px;
}
.athlete-full-txt p {
    font-size: 18px;
    margin: 0 0 30px;
    line-height: 1.6;
    font-family: 'gotham_mediumregular'; 
}
.athlete-game-inner {
    padding: 0 120px;
}
.athlete-game-inner .athlete-para p,
.notice-section p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 50px;
    font-family: 'gotham_lightregular';
    color: #fff
}
 .notice-section p{
    line-height: 1.75;
 }
.athlete-game-inner .athlete-para p a{
    text-decoration: none;
    color: #dbf55b;
    font-weight: 600;
}
.athlete-title {
    font-family: 'gotham_lightregular';
    text-transform: uppercase;
    margin-bottom: 72px;
    color: #fff;
    position: relative;
    font-size: 30px;
}
.athlete-title::after,
.passes-page .class-list.training-packages h4::after {
    position: absolute;
    content: "";
    background: url(images/about-line.png);
    left: 0;
    right: 0;
    bottom: -30px;
    height: 2px;
    width: 80px;
    margin: 0 auto;
}
.passes-page .class-list.training-packages h4::after{
    bottom: initial;
    top:-40px;
}
.passes-page .passes-header h3::after{
    bottom: -50px;
}
body.page-template.page-template-passes {
    background: #000;
}
.mindbody-section h2 {
    color: #fff;
    font-family: 'gotham_lightregular';
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    margin-bottom: 50px;
}
.mindbody-section h2.zero_margin {
    margin-bottom: 0rem;
}
.mindbody-colms a{
    text-decoration: none;
    color: #fff;
}
.mindbody-colms h3{
    font-family: 'gotham_lightregular',sans-serif;
    color: #fff;
    font-size: 24px;
    line-height: 1.2;  
    margin: 20px 0 10px;  
    min-height: 60px;
    text-transform: uppercase;
}
.inner-mindbody {
    text-align: center;
    padding: 0 10px;
    margin-bottom: 40px;
    cursor: pointer;
}
.inner-mindbody img {
    width: 100%;
    height: 260px;
}
.inner-mindbody p{
    font-size: 16px;
    line-height: 1.4;
    color: #fff;
    font-family: 'gotham_lightregular';
    margin-bottom: 12px;
}
.price {
    color: #fff;
    font-size: 25px;
    line-height: 1.2;
    font-family: 'gotham_boldregular';
}
.mindbody-section {
    padding: 30px 0 30px;
}
.full-popup-apparel {
    display: none;
}
.full-popup-apparel.active{
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    z-index: 999;
}
.full-popup-apparel.active.inactive{
    display: none;
}
/*.full-popup-apparel{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    justify-content: center;
    align-items: center;
    padding: 30px;
    z-index: 999;
}*/
.popup-inner {
    background: #151515;
    text-align: center;
    padding: 40px;
    border-radius: 10px;
    position: relative;
    width: 80%;
    box-shadow: #dbf55b 0px 0px 10px;
}
.popup-inner  .mindbody-txt{
    color: #fff;
}
.popup-inner .close-apparel {
    position: absolute;
    top: 5px;
    right: 10px;
    opacity: 1;
    cursor: pointer;
}

.popup-inner .close-apparel i {
    color: #fff;
    opacity: 1;
    font-size: 40px;
}
.mobile-view-txt{
    display: none;
    margin-top: 20px;
}
.mobile-toggle.current .mobile-view-txt,
.mobile-toggle.active .mobile-view-txt{
    display: block;
    transition: 0.4s all;
}
.mobile-toggle,
span.mobile-view-btn.show-less,
.mobile-toggle.active span.mobile-view-btn.show-more {
    display: none;
}
.mobile-toggle.active span.mobile-view-btn.show-less{
    display: block;
}
.mindbody-txt ul {
    margin: 0;
    padding: 0 0 0 20px;
}
.mindbody-txt ul li {
    font-size: 15px;
    text-align: left;
    line-height: 1.5;
    margin-bottom: 6px;
font-family: 'gotham_lightregular';
}
.popup-inner a.newhome-action {
    color: #000;
    margin-top: 30px;
    padding: 0 20px;
    font-size: 20px;
}
.popup-inner .mindbody-colms h3{ 
    min-height: auto;
}
.pop-txt-left {
    text-align: left;
    display: flex;
    align-items: center;
}
.pop-txt-left h3{
    min-height: auto;
}
.mindbody-colms .popup-image-side img {
    width: 100%;
    height: 100%;
}
a.show-popup-apparel {
    font-size: 16px;
    margin: 10px 0;
    display: block;
    color: #dbf55b;
    vertical-align: middle;
    font-family: 'gotham_boldregular';
}
.popup-image-side,
.pop-txt-left{
    height: 520px;
    display: flex;
    align-items: center;
}
#carousel-apparel .owl-stage-outer {
    overflow: hidden;
    width: 100%;
    padding: 0;
}
#carousel-apparel {
    width: 100%;
    padding: 0;
}
#carousel-apparel .owl-stage {
    display: flex;
    align-items: center;
}
.popup-slide {
    display: block;
    padding: 0 0px;
    vertical-align: middle;
}
#carousel-apparel .owl-nav{
    position: relative;
}

a.close-anchor {
    display: block;
}
body.mindbodypage .notification{
    width: 100%;
    background: #000;
}
body.mindbodypage .notification p{
    width: 80%;
    margin: 0 auto;
    padding: 0 0 10px;
 }
.mindbodypage-txt{
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
}
.mindbodypage-txt p{ text-transform:uppercase;  font-family: 'GothamMedium';    font-size: 12px;}
.mindbodypage-txt h2 {
    margin-top: 0px;
    font-size: 54px;
    font-weight: bold;
    font-family: 'GothamBlack';
}
body.mindbodypage.page-template-mindbody-classes{
    background-image: url('/wp-content/uploads/2020/09/schedule-new-bg.jpg') !important; 
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center 25px !important;
}
.classes-data-main{
    background:transparent !important;
}
.row.apparel-row{
    display: block;
    text-align: center;
}
.mindbody-colms {
    display: inline-block;
    float: none;
    width: 24.7%;
    vertical-align: top;
}
ul.menu-main-class li:last-child {
    display: none;
}
.full-loaction-col {
    width: 100%;
    float: left;
}
.col-md-6.location-last-auto {
    margin: 0 auto;
    float: none;
}
body.page-template-template-apparel.apparel-overflow {
    overflow: hidden;
}

.reopen-page-banner h1 {
    font-family: 'gotham_blackregular';
    color: #fff;
    font-size: 60px;
    padding: 0;
    margin: 0 0 200px;
}
.repon-flex-center {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 580px;
}
.reopen-page-banner-txt {
    text-align: center;
}
.reopen-page-banner-txt a.newhome-action {
    font-size: 20px;
    padding: 0 30px;
}
.reopen-page-banner-txt p, .reopen-page-banner-txt p span {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'gotham_blackregular';
    margin: 20px 0 40px;
}
.reopen-page-banner-txt p span{
    color: #dbf55b;
}
.notice_right p {
    margin-bottom: 15px;
}
.notice-section h3{
    text-align: center;
    font-size: 40px;
}
.notice_full_section {
    margin-top: 30px;
}
.notice_full_section a.newhome-action{
    font-size: 24px;
    padding: 0 30px;
}
.notice-section {
    padding: 50px 0 80px;
}
.top-page-banner.reopen-top-banner{
    height: 580px;
}
a.tone-tv-passes {
    background: none;
    padding: 0;
    border: none;
    margin-bottom: 8px;
}
a.tone-tv-passes img{
    width: 80%;
}
span.mobile-view-btn {
    font-size: 18px;
    color: #dbf55b;
    font-weight: bold;
    display: inline-block;
    font-family: 'gotham_mediumregular';
}
span.mobile-view-btn i.fa {
    font-size: 18px;
    margin-left: 3px;
}
/*.mobile-toggle{
    display: none;
}*/
.mobile-view-txt .popup-image-side {
    margin: 40px 0;
}
@media (min-width: 1400px){
    .newhome-bannerbelow{
        background-position: 0 -130px; 
    }
}
@media (min-width: 1500px){
    .newhome-bannerbelow{
        background-position: 0 -150px; 
    }
}
@media (min-width: 1600px){
    .newhome-bannerbelow{
        background-position: 0 -190px; 
    }
    .mindbody-txt ul li {
        font-size: 24px;
    }
    .mindbody-colms .pop-txt-left h3{
        font-size: 30px;
        margin: 20px 0 30px;
    }
    .popup-image-side,
    .pop-txt-left{
        height: 850px;
    }
    .mindbodypage-txt h2{font-size: 65px;}
    body.mindbodypage.page-template-mindbody-classes{
        background-position: center -35px !important;
        background-size: cover !important;
    }
}
@media (min-width: 1670px){
    .newhome-bannerbelow{
        background-position: 0 -210px; 
    }
}
@media (min-width: 1700px){
    .packages-banner-txt {
        display: flex;
        align-items: center;
        height: 360px;
    }
    .top-page-banner{
        height: 740px;
    }
    .top-page-banner.reopen-top-banner,
    .repon-flex-center {
        height: 800px;
    }
    .newhome-bannerbelow{
        background-position: 0 -220px; 
    }
}
@media (min-width: 1800px){
    .newhome-bannerbelow{
        background-position: 0 -272px; 
    }
}
@media (min-width: 1900px){
    .newhome-bannerbelow{
        background-position: 0 -292px; 
    }
}
@media (min-width: 2000px){
    .newhome-bannerbelow{
        background-position: 0 -292px; 
    }
}

@media (max-width: 1300px){
    div#overview .tab-content-container{
        height: 890px;
    }
    body.mindbodypage.page-template-mindbody-classes{
        background-size: cover !important;
    }
}
@media (max-width: 1330px){
    #carousel-buzz .owl-prev {
        left: 0;
    }
    #carousel-buzz .owl-next{
        right:0;
    }
    .newhome-heading{
        font-size: 50px;
    }
}
@media (max-width: 1250px){
    .dropdown-menu{
        position: relative;
        top: 0;
        width: 100%;
        background: #e7e8e8;
        box-shadow: none;
        border: 0;
    }
    ul.dropdown-menu>.active>a, ul.dropdown-menu>.active>a:focus, ul.dropdown-menu>.active>a:hover{
        background-color: transparent;
    }
    .athlete-video-space,
    .athlete-game-inner {
        padding: 0 0px;
    }
    .athlete-special h2{
        font-size: 30px;
    }
    .newathlete-page-banner h1{
        font-size: 40px;
    }
    ul.dropdown-menu li a::before {
        position: absolute;
        content: "";
        width: 10px;
        height: 2px;
        background: #000;
        left: 4px;
        top: 10px;
    }
    ul.dropdown-menu li a {
        position: relative;
        padding-left: 20px !important;
    }
    .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
        background-color: transparent !important;
    }
    .mindbody-colms {
        width: 32.7%;
    }
    ul.menu-main-class li:last-child {
        display: block;
    }

}
@media (max-width: 1200px){
    div#overview .tab-content-container{
        height: 500px;
    }
    .newhome-bannerbelow{
        background-position: center;
        padding: 8px 0 40px;
    }
    .popup-image-side,
    .pop-txt-left{
        height: 600px;
        display: flex;
        align-items: center;
    }

}
@media (min-width: 815px) and (max-width: 811px){
    .newhome-text-col{
        height: 90vh;
    }
}
@media (max-width: 999px){
    .newhome-heading {
        font-size: 40px;
    }
    .newhome-text-col{
        height: 50vh;
    }
    .col-md-5.athlete-banner-mobile{
        display: flex;
        align-items: center;
        height: 790px;
    }
    .newathlete-page-banner {
        background: rgba(0,0,0,0.5);
        padding: 50px 0;
    }
    .newathlete-page-banner h1{
        padding: 0;
    }
}
@media (max-width: 991px){
    div#overview .tab-content-container{
        height: auto;
    }
    .tabpanel-mobile{
        display: block;
        padding: 0;
    }
    .tabpanel-mobile img{
        width:100%;
    }
    .newhome-text-col{
        height: 70vh;
    }
    div#overview div.about-bg-mobile{
        background:none !important;
    }
    .about-page-mobile-img .container {
        margin: 0;
        width: 100%;
        padding: 0;
    }
    .top-page-banner.about-page {
        background-position: 80% 0px !important;
    }
    .carousel-control .glyphicon-chevron-left{
        margin-left: -35px;
        margin-top: -30px;
    }
    .carousel-control .glyphicon-chevron-right{
        margin-right: -35px;
        margin-top: -30px;
    }
    .mindbody-colms h3{
        font-size: 18px;
        min-height: 75px;
    }
    .mindbody-colms .pop-txt-left h3{
        min-height: auto;
    }
    .popup-image-side,
    .pop-txt-left{
        height: 750px;
    }
    .mindbody-colms {
        width: 49.7%;
    }
    .inner-mindbody img {
        width: 100%;
        height: 300px;
    }
    body.mindbodypage.page-template-mindbody-classes{
        background-position: 74% -85px !important;
    }
    .reopen-page-banner h1{
        font-size: 50px;
    }
    .new-nutrition-page .bottom-page-banner {
        flex-wrap: wrap;
        height: auto;
        padding: 50px 10px;
    }
    .new-nutrition-page .bottom-page-banner .right-wrap {
        margin: 20px 0;
    }
    .new-nutrition-page .service {
        margin: 15px 0;
    }
    .new-nutrition-page .services-list ul br {
        display: none;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .mindbodypage-txt h2{font-size: 40px;}
    .mindbodypage-txt p{ font-size: 10px;}
}
@media (max-width: 768px){
    .newhome-heading {
        font-size: 30px;
        padding: 30px 0;
    }
    .top-page-banner.newathlete-top-page-banner{
        height: 450px;
    }
    .col-md-5.athlete-banner-mobile{
        height: 450px;
    }
    .athlete-special h2 {
        font-size: 26px;
    }
    p.athlete-special-subtitle{
        font-size: 16px;
    }
    .reopen-page-banner-txt p, .reopen-page-banner-txt p span{
        font-size: 16px !important;
    }
}
@media (max-width: 767px){
    .newhome-heading {
        font-size: 25px;
        padding: 20px 40px;
        line-height: 1.4;
    }
    a.newhome-action{
        padding: 0px 20px;
        font-size: 20px;
    }
    .newhome-slider .glyphicon-chevron-right:before,
    .newhome-slider .glyphicon-chevron-left:before{
        font: normal normal normal 60px/1 FontAwesome;
    }
    .newhome-text-col {
        height: 90vh;
    }
   
    li.buzz-slide img{
        width:90%;
    }
    .top-page-banner,
    .repon-flex-center{
        height: 290px;
    }
    .about-title{
        font-size: 30px;
        margin-top: 40px;
    }
    .buzz-more a i.fa{
        top: 10px;
        right: 12px;
        line-height: 1;
    }
    .carousel-control .glyphicon-chevron-left{
        margin-left: -10px;
        margin-top: -30px;
    }
    .carousel-control .glyphicon-chevron-right{
        margin-right: -10px;
        margin-top: -30px;
    }
    #carousel-buzz .owl-prev{
        left:-10px;
    }
    #carousel-buzz .owl-next{
        right: -10px;
    }
    span.inner-page-titles {
        font-size: 25px!important;
        line-height: 34px;
    }
    div#about-kam .alignleft, img.alignleft,
    div#piezo-wave .wp-caption img,
    div#th-ryan .wp-caption img,
    div#story .alignright, img.alignright{
        display: block;
        float: none;
        width: auto;
        margin: 0 auto 20px !important;
    }
    .tab-content p{
        word-break: break-word;
        text-align: left;
    }
    div#about-kam p strong{
        word-break: break-all;
    }
    p.schedule-btn > a{
        font-size: 18px;
        padding: 17px 20px;
    }
    div#th-overview p {
        text-align: left !important;
    }
    .top-page-banner.about-page span, .top-page-banner.nutrition-page span {
        font-size: 24px!important;
        line-height:34px;
    }
    .passes-page .passes-header h3{
        font-size: 30px;
    }
    .nav-right {
        width: 100% !important;
    }
    .nav-sm {
        right: 0
    }
    .tab-content-container{
        padding: 0 20px 30px 20px;
    }
    .mindbody-colms h3 {
        font-size: 20px;
        min-height: auto;
        margin-bottom: 40px;
    }
    .price{
        font-size: 25px;
        margin-top: 20px;
    }
    .popup-image-side, .pop-txt-left{
        height: auto;
    }
    .mindbody-colms .pop-txt-left h3 {
        min-height: auto;
        font-size: 30px;
        margin: 11px 0;
    }
    .desktop-price{
        display: none;
    }
   .mobile-toggle{
    display: block;
   }
    .mobile-view-txt a.newhome-action {
        color: #000;
        margin: 20px 0;
    }
    .mindbody-txt ul li{
        color: #fff;
        font-size: 16px;
    }
    a.show-popup-apparel{
        display: none;
    }
    .mindbodypage-txt h2{ font-size:32px;}
    body.mindbodypage.page-template-mindbody-classes{ background-position: 70% 0 !important;}
    select.classtrainner,.classtype{ font-size:10px;}
    .inner-mindbody img {
        width: 100%;
        height: auto;
    }
    .mindbody-colms {
        width: 100%;
    }
    .reopen-page-banner h1 {
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 30px;
    }
    .new-nutrition-page .service img {
        width:100px;
        height:100px;
        object-fit:cover;
    }
}
@media (max-width: 600px){
    ul.dropdown-menu li a::before{
        top:20px;
    }
    .faq_lrn_btn {
        font-size: 10px;
    }    
}
@media (max-width: 480px){
    .newhome-text-col {
        height: 60vh;
    }
    .top-page-banner{
        height: 254px;
        background-position: 80% 0px !important;
    }
    .page-template-template-reopen .top-page-banner{
        height: 400px;
    }
    .repon-flex-center{
        height: 400px;
    }
    .reopen-page-banner-txt a.newhome-action {
        font-size: 12px;
        padding: 0 15px;
    }
}
@media (max-width: 340px){
    .reopen-page-banner-txt a.newhome-action {
        font-size: 10px;
    }
    .reopen-page-banner h1 {
        font-size: 21px;
        line-height: 1.2;
        margin-bottom: 20px;
    }
    .reopen-page-banner-txt p, 
    .reopen-page-banner-txt p span {
        font-size: 13px !important;
        margin: 20px 0 20px;
    }
}
div#strength .tab-content-container .faq{
    /*display: none;*/
}


/*-------------- 27-01-2021 ---------*/
.nutrition-box .radio .row .pack-padding0 [data-popup-open=popup-17] {
    display: none;
}
.comb span {
    color: #000000;
}

.sb_instagram_header {display: none;}
.hidden-heading{display:none;}
#about-tabs-container .tab-content div {
    outline: 0;
}

.hex_inner {
                background-size: contain!important;
                background-repeat: no-repeat;
                background-color: #ffffff;
            }
            .honeycombs .inner_span {
                background-color: rgba(255,255,255,0.9);
                padding: 0 20px!important; 
                display: table;
            }
            .inner-text {
                font-family: 'gotham_lightregular';
                display: table-cell;
                vertical-align: middle;
                color: #000000;
            }

/*------------ 07-04-2021 -----------------*/
.top-margin-spacing img {max-width: 100%;}
.middle-content p{font-family: 'gotham_lightregular'; color:#fff; font-size:20px;}
.middle-content h3 {color: #fff; font-size: 36px; margin-top:0px; font-family: 'gotham_lightregular'; font-weight: 500;}
.middle-content strong {text-transform: uppercase;}
.bottom-line {margin-bottom: 15px;}
.price-boxs {margin-top: 10px; display: block; font-size: 36px; font-weight: 600;}
.middle-content {padding: 0 30px;}
.top-margin-spacing {margin-top: 56px;}
.mindbody-section.hwtraining-page {padding: 30px 0 60px;}
.middle-content p small {font-size: 16px;}
.page-template-template-pro .athlete-special-bg:after {content: '';background:url('/wp-content/uploads/2021/04/Rectangle-6.png') no-repeat; position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;}
.page-template-template-pro .athlete-special-bg {position: relative; z-index: 999;}
.hwtraining-page .middle-content p {
    font-size: 15px;
}
.hwtraining-page .middle-content h3 {
    font-size: 27px;
    font-family: 'gotham_mediumregular';
    font-weight: 700;
}
.hwtraining-page .middle-content .price-boxs {
    font-size: 25px;
}
@media screen and (min-width:1024px) and (max-width:1250px){
.page-template-template-pro .athlete-special-bg:after {background-size: cover;}
.middle-content {padding: 0 0px;}
}
@media (max-width: 1023px){ 
.page-template-template-pro .athlete-special-bg:after {display:none;}   
}

/****** 16-04-2021  *****/
.athlete-special a.newhome-action {
    bottom: 0;
    position: relative;
    max-width: unset;
    width: auto;
    display: inline-block;
}

/******  08-06-2021 *******/
#mc_embed_signup form {text-align:center; padding:10px 0 10px 0;}
.mc-field-group { display: inline-block; } /* positions input field horizontally */
#main_bb_form #bb_form .form-group .btn {
    text-shadow: none;
    padding: 5px 16px;
    background: #000;
    border-color: transparent;
}
#main_bb_form #bb_form #alert.success {
    color: #05a200;
    background: no-repeat !important;
    border: 0 !important;
}
#main_bb_form #bb_form input#bb_email, #mc_embed_signup input.email {font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; font-size: 15px; border: 1px solid #ABB0B2;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #343434; background-color: #fff; box-sizing:border-box; height:32px; padding: 0px 0.4em; display: inline-block; margin: 0; width:350px; vertical-align:top;}
#main_bb_form #bb_form .form-group label, #mc_embed_signup label {
    display: block;
    font-size: 16px;
    padding-bottom: 10px;
    font-weight: bold;
    font-family: Helvetica,Arial,sans-serif;
}

#mc_embed_signup .clear {display: inline-block;} /* positions button horizontally in line with input */
#mc_embed_signup .button {font-size: 13px; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: .03em; color: #fff; background-color: #aaa; box-sizing:border-box; height:32px; line-height:32px; padding:0 18px; display: inline-block; margin: 0; transition: all 0.23s ease-in-out 0s;}
#mc_embed_signup .button:hover {background-color:#777; cursor:pointer;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
@media (max-width: 768px) {
    #mc_embed_signup input.email {width:100%; margin-bottom:5px;}
    #mc_embed_signup .clear {display: block; width: 100% }
    #mc_embed_signup .button {width: 100%; margin:0; }
}
@media (max-width: 767px) {
    #main_bb_form #bb_form input#bb_email {
        max-width: 350px;
        width: 100%;
        display: block;
        margin: 0px auto 15px auto;
    }
}

.honeycombs-inner-wrapper a:nth-child(57) {
    opacity: 0;
}

.passes-page .class-list.training-packages .radio h5 small {
    display: block;
    margin-top: 5px;
    color: #fff;
    font-size: 12px;
}
.passes-header.text-center em {
    margin-bottom: 1rem;
}
.passes-header.text-center em a {
    color: #fff;
    text-decoration: underline;
}
.passes-header.text-center em br {
    display: none;
}


/********  Quiz *********/
body.page-template-quiz .navbar, 
body.page-template-quiz .nav-main{
    display: none;
}
body.page-template-quiz {
    font-family: 'gotham-book' !important;
}
.quiz_top_bar {
    background-color: #e7e8e8;
}
.quiz_landing {
    font-size: 16px;
    color: #fff;
    text-align: center;
    height: calc(100vh - 80px);
    display: flex;
    align-items: center;
    font-family: 'gotham-book';
}
.quiz_landing h1 {
    padding: 0;
    font-size: 56px;
    font-family: 'gotham_blackregular';
    z-index: 1;
    position: relative;
    line-height: 1;
}

.green_btn {
    background: #dbff5b;
    color: #000;
    font-family: "gotham_blackregular",sans-serif;
    text-transform: uppercase;
    padding: 10px 40px;
    display: inline-block;
    border-radius: 7px;
    font-size: 24px;
}
.green_btn:hover{
    text-decoration: none;
    color: #000;
}
.control_quiz .green_btn {
    margin: 10px;
    font-size: 18px;
}
.control_quiz {
    justify-content: center;
    display: flex;
    padding: 5rem 0;
}
.quiz_landing .green_btn {
    margin-top: 40px;
}
.quiz_landing .banner_section {
    position: relative;
}
.quiz_landing .banner_section p {
    max-width: 495px;
    margin: 15px auto 0;
}
.quiz_landing .banner_section p, .quiz_landing .green_btn {
    z-index: 1;
    position: relative;
}
.quiz_landing .banner_section::before {
    content: "";
    width: 100%;
    height: 200px;
    background: #000;
    position: absolute;
    left: 0;
    z-index: 0;
    filter: blur(100px);
}
.quiz_main {
    padding: 5rem 0;
    height: calc(100vh - 80px);
    display: flex;
    align-items: center;
    position: relative;
}
.quiz_main::before {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.quiz_part h2 {
    color: #fff;
    font-family: 'gotham-book';
    font-size: 36px;
    text-align: center;
    margin-bottom: 5rem;
}
.quiz_detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 0;
    list-style: none;
}
.quiz_detail li {
    width: 25%;
}
.quiz_detail li .img_wrap {
    margin-bottom: 2rem;
}
.quiz_detail li a {
    padding: 20px;
    font-family: 'gotham-book';
    font-size: 24px;
    color: #fff;
    list-style: none;
    text-decoration: none !important;
    cursor: pointer;
    transition: 0.3s;
    display: block;
    text-align: center;
    height: 100%;
    line-height: 1.3;
}
.quiz_detail li a:hover{
    background: rgba(255,255,255,0.1);
}

.quiz_result {
    padding: 10rem 0 2rem 0;
    height: auto;
    color: #fff;
    font-size: 16px;
}
.quiz_result h2.hd_heading {
    padding: 0;
    font-size: 36px;
    font-family: 'gotham-book';
    z-index: 1;
    position: relative;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px;
}
.quiz_result .content_detail {
  font-size: 20px;
  font-family: 'gotham-book';
  line-height: 1.7;
  margin-bottom: 40px;
  text-align: center;
}
.recomended_box {
    background: rgba(255,255,255,0.2);
    padding: 15px 15px 10px 15px;
    border: 2px solid;
    border-radius: 15px;
}
.recomended_box ul {
  padding: 0;
}

.recomended_box ul li {
    list-style: none;
    margin: 10px 0;
    display: flex;
    align-items: flex-start;
}
.recomended_box ul li img {
    width: 22px;
    margin-right: 12px;
    position: relative;
    top: 7px;
}
.recomended_box h3.title {
    margin-bottom: 20px;
    font-size: 18px;
    font-family: "gotham_blackregular",sans-serif;
    text-transform: uppercase;
}
.quiz_result .pro_tip {
  display: flex;
}
.quiz_result .pro_tip h3 {
    width: 115px;
    margin-right: 15px;
    font-family: "gotham_blackregular",sans-serif;
    font-size: 20px;
    position: relative;
    top: 2px;
    padding: 0 10px;
}

.quiz_result .pro_tip h3:before {
  content: "";
  background: url(/wp-content/uploads/2020/12/line.png)no-repeat scroll center/ 130px;
  position: absolute;
  left: 0;
  right: 0;
  width: 100px;
  height: 2px;
  top: 30px;
}
.quiz_result .pro_details {
    font-size: 14px;
    flex: 1;
}
.quiz_result .content_detail_wrap {
    padding-right: 60px;
}
.quiz_result .content_detail strong {
    font-family: "gotham_blackregular",sans-serif !important;
}
.quiz_result .pro_details strong {
    display: block;
    font-family: "gotham_blackregular",sans-serif !important;
}
.quiz_result .result_btn {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.quiz_result .result_btn .green_btn, .quiz_result .result_btn .green_btn:focus {
    margin-right: 15px;
    width: 245px;
    text-align: center;
    font-size: 16px;
    line-height: normal;
    padding: 10px 10px;
    height: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #000;
    text-decoration: none;
}
.quiz_result .result_btn .green_btn:first-child {
    font-size: 24px;
}
.quiz_result .short_note {
    font-size: 11px;
    font-style: italic;
    opacity: 0.9;
}
.all_results ul {
    padding-left: 0;
    margin-bottom: 0;
}
.quiz_result .pro_details br {
    display: none;
}
.step_bar {
    padding: 0;
    display: flex;
    list-style: none;
    justify-content: center;
    margin: 0 auto 10rem !important;
    max-width: 600px;
}
.step_bar li {
  width: 33.33%;
  margin: 0 10px;
  background: #949494;
  height: 7px;
}
.step_bar li.active {
  background: #daff5b;
}
.quiz_result .pro_details p {
    font-family: 'gotham-book' !important;
}
@media(max-width: 1370px){
    .quiz_landing {
        height: 768px;
    }
}

@media(max-width: 1199px){
    .quiz_main {
        height: auto;
        padding: 15rem 0;
    }
    .quiz_detail li a {
        font-family: 'gotham-book';
        font-size: 18px;
        color: #fff;
        list-style: none;
        cursor: pointer;
        text-align: center;
        line-height: 1.3;
    }
    .quiz_result .result_btn .green_btn {
        margin: 1rem;
    }
}

@media(max-width: 991px){
    .quiz_detail {
        max-width: 500px;
        margin: 0 auto;
    }
    .quiz_detail li {
        width: 50%;
        padding: 15px;
    }
    .quiz_detail li a {
        font-size: 16px;
    }
    .quiz_main {
        height: auto;
        padding: 10rem 0;
    }
    .quiz_result .content_detail_wrap {
        padding-right: 0;
    }
    .quiz_result .content_detail {
        font-size: 16px;
    }
    .recomended_box {
        max-width: 300px;
        margin: 4rem auto 0;
    }
    .quiz_result .result_btn {
        margin-top: 5rem;
        justify-content: center;
    }

    .quiz_result .short_note {
        text-align: center;
        font-size: 12px;
    }
}

@media(max-width: 767px){
    .quiz_part h2 {
        font-size: 28px;
        margin-bottom: 2rem;
    }
    .quiz_main {
        padding: 5rem 0;
    }
    .quiz_detail li a {
        font-size: 15px;
    }
    .quiz_detail li {
        padding: 10px;
    }

    .quiz_result .pro_tip {
      display: block;
      text-align: center;
    }
    .quiz_result .pro_tip h3 {
      margin: 0 auto 30px;
    }
}

@media(max-width: 575px){
    #all_next_ques .quiz_part h2 {
        font-size: 22px;
    }
    .quiz_result h2.hd_heading {
        font-size: 26px;
    }
    .quiz_result {
        padding: 6rem 0 2rem 0;
    }
    .step_bar {
        margin: 0 auto 5rem !important;
        max-width: 300px;
    }
}


/*************
Changes for about tabs
**************************/

#strength .tab_wrapper_content .about-title, #conditioning .tab_wrapper_content .about-title {
  display: none;
}
#about-tabs-container #strength .tab-content-container {
  display: block;
}
#about-tabs-container .tab-content {
}
#about-tabs-container #strength .tab_wrapper {
  display: flex;
  flex-wrap: wrap;
}
#about-tabs-container #strength .tab_wrapper_content {
  width: 60%;
  text-align: left;
  padding-right: 100px;
}
#about-tabs-container #strength  .abt_faq_qwrap {
  width: 40%;
}
#about-tabs-container #strength .tab_wrapper_content p {
  margin-bottom: 2.5rem;
  line-height: 1.7;
}

div#strength div.about-bg-mobile {
    /*background-attachment: fixed !important;*/
    background-size: cover !important;
    background-position: center !important;
}
div#conditioning div.about-bg-mobile{
    background-size: cover !important;
    background-position: top center !important;
}

#strength .about-page-mobile-img.last-image,
#conditioning .about-page-mobile-img.last-image{
    display: none;
}
#about-tabs-container .tab-content p, 
#about-tabs-container .tab-content li {
    font-family: 'gotham-book' !important;
    font-size: 16px;
}
.th_con {
  display: flex;
  flex-wrap: wrap;
}
.th_con_content h2 {
    font-family: 'gotham-book' !important;
    font-size: 24px;
    max-width: 300px;
    line-height: 1.3;
}
.th_con_content h3{
    font-family: 'gotham_blackregular';
    line-height: 1.4;
}
.th_con_content {
    margin-bottom: 2rem;
}
.th_con_content.session_list li {
  list-style: none;
  margin: 20px 0;
  padding: 0;
  display: flex;
}
.th_con_content.session_list li:before{
    display: none;
}
.th_con_content.session_list li strong {
  min-width: 200px;
  font-family: 'gotham_blackregular';
  font-weight: normal;
  font-size: 14px;
}
.th_con_row {
  margin: 15px 0;
  width: 50%;
  padding-right: 10rem;
}
.th_con_content li {
  list-style: none;
  position: relative;
  padding-left: 20px;
  margin: 6px 0;
}
.th_con_content li:before {
  font-family: font awesome;
  content: "\f105";
  font: normal normal normal 15px/1 FontAwesome;
  font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  position: absolute;
  left: 0;
  top: 3px;
}
.th_con_content ul {
  padding-left: 0 !important;
}
.th_con_content {
    margin-bottom: 5rem;
}
@media(max-width: 1199px){
    .th_con_row {
        margin: 15px 0;
        width: 50%;
        padding-right: 3rem;
    }
}
@media(max-width: 991px){
    .th_con_row {
        width: 100%;
        padding: 0;
    }
    #about-tabs-container #strength .tab_wrapper {
      display: block;
    }
    #about-tabs-container #strength .tab_wrapper_content, 
    #about-tabs-container #strength .abt_faq_qwrap {
      width: 100%;
      padding: 0;
    }
    .th_con_content {
        max-width: 100%;
        padding: 0;
    }
    .th_con_content.session_list li {
        display: block;
    }
    .th_con_content.session_list li strong {
        min-width: auto;
        display: block;
        margin-bottom: 2px;
    }
    .top-page-banner.about-page {
        background-position: 0 0px !important;
    }
}
.page-id-2393 #th-services .tab-content-container.col-md-6.col-md-offset-3 {
    width: 100%;
    margin: 0 auto;
}
/* ====================== New Athlete CSS =========================*/
#video-container {
    position: relative;
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
#video-container img {
object-fit: cover;
}
  #thumbnail {
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  #play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: url('images/play-button.svg') no-repeat;
    background-size: contain;
    cursor: pointer;
  }
  #play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: url('images/play-icon.png') no-repeat;
    background-size: contain;
    cursor: pointer;
  }
.athlete_banner {
    height: 100vh;
    position: relative;
}
.content-wrapper p {
    font-size: 24px;
    color: #fff;
}
.content-wrapper h1 {
    color: #fff;
    font-weight: bold;
    font-size: 48px;
    text-align: left;
    padding: 0;
    line-height: 70px;
    margin: 0;
}
.athlete_banner .col-md-12{
    position: relative;
}
.content-wrapper a, .athlete_below_banner a {
    background: #dbff5b;
    padding: 5px 10px 1px;
    font-size: 20px;
    color: #000;
    font-weight: 700;
    display: inline-block;
    margin-top: 15px;
    border-radius: 10px;
    width: 200px;
    text-align: center;
    transition: all 0.3s ease;
    line-height: 30px;
    font-weight: 800;
    width: 200px;
    font-family: 'gotham_boldregular';
}
.content-wrapper a:hover, .athlete_below_banner a:hover {
    text-decoration: none;
    background: #000;
    color: #fff;
}
.athlete_banner .content-wrapper {
    position: absolute;
    left: 0;
    background: #0000008a;
    padding-left: 10%;
    bottom: 110px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 900px;
}
.athlete_below_banner {
    min-height: 40vh;
    display: flex;
    align-items: center;
    color: #fff;
    text-align: center;
    font-size: 24px;
    position: relative;
}
.athlete_below_banner_3 {
    min-height: 30vh;
}
.athlete_below_banner:before {
    background: rgba(0,0,0,0.5);
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%;
}
.new-athlete-page p strong {
    font-weight: 700;
    font-family: 'gotham_boldregular';
}
.new-athlete-page {
    font-family: 'gotham_lightregular';
}
.athlete_banner img {
   display:none;
}
.video-container iframe, .video-container img {
    height: 100vh !important;
    object-fit: cover;
}
.new-athlete-page .video-container {
        position: relative;
        height: auto;
    }
.new-athlete-page iframe#myvideo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100% !important;
    display: block;
    opacity: 0;
}
.new-athlete-page .video-container.playVideo iframe#myvideo {
    opacity: 1;
}

.new-athlete-page #play-button {
    z-index: 2;
}
.new-athlete-page #pause-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: url(/wp-content/themes/tonehouse-bootstrap/images/pause-button.svg) no-repeat;
    background-size: contain;
    cursor: pointer;
    z-index: 2;
    display: none;
}
.new-athlete-page .video-container.playVideo #play-button {
    display: none;
}
.new-athlete-page .video-container.playVideo #pause-button {
    display: block;
}

/* Aathlete Perks CSS */
.athlete-perks-page .banner .content {
    font-size: 24px;
    color: #fff;
    line-height: 1.2;
}
.athlete-perks-page small {
    font-size: 60%;
}
.athlete-perks-page em {
    font-family: 'gotham_lightitalic';
}
.perk-details-wrap {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
.athlete-title.perk-title::after {
    bottom: -15px;
}
.athlete-perks.athlete_below_banner {
    padding: 4rem 0;
}
.athlete-perks.athlete_below_banner a {
    background: none;
    color: #dbff5b;
    font-family: 'gotham_mediumregular';
    font-size: 18px;
    font-weight: 500;
    width: auto;
    margin:0;
}
.athlete-title.perk-title {
    font-size: 45px;
}
.perk-image-wrap {
    padding: 10px;
    max-width: 260px;
    height: 160px;
    overflow: hidden;
    object-fit: cover;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.perk-content-wrap {
    padding-left: 25px;
    text-align: left;
}
.perk-content-wrap h3 {
    font-size: 24px;
    font-family: 'gotham_boldregular';
}
.perk-content-wrap .content {
    font-size: 18px;
    line-height: 1.3;
    font-family: 'gotham_lightregular';
}
.perk-content-wrap .content p {
    margin-bottom: 0;
}
.athlete-perks.athlete_below_banner .perk-link {
    position: relative;
    padding-left: 30px;
}
.perk-link:hover {
    transition: all 0.3s;
    transform: scale(1.1);
}
.perk-link:before {
    content: "";
    background-image: url(images/right-arrow.svg);
    position: absolute;
    left: 0;
    background-size: 20px;
    top: 10px;
    width: 20px;
    height: 22px;
}

.perk-content-wrap,
.perk-image-wrap {
    margin-bottom: 20px;
}
@media (max-width:991px){
    .content-wrapper p, .athlete_below_banner {
        font-size: 20px;
        min-height: 100%;
        padding: 20px 0;
    }
    .athlete_banner {
        height: auto;
        background: none !important;
        
    }
    .athlete_below_banner
    {
        text-align: center;
    }
    .athlete_banner_1 p {
        text-align: left !important;
    }
    .athlete_banner img {
        width: 100%;
        display: block;
    }
    .content-wrapper h1, .athlete_below_banner_3 h1 {
        font-size: 30px;
        line-height: 40px;
        font-weight: 700;
        padding: 0;
    }
    .athlete_banner .content-wrapper {
        width: 100% !important;
        padding: 20px;
        position: unset!important;
        background: #000000 !important;
    }
    .content-wrapper h1 {
        font-size: 40px !important;
        line-height: 58px !important;
    }
    .content-wrapper p, .athlete_below_banner {
        font-size: 20px;
        text-align: center;
    }
    .content-wrapper a {
        font-size: 16px;
    }
    .video-container iframe, .video-container img {
        height: 50vh !important;
        object-fit: cover;
    }
    .perk-content-wrap h3 {
        font-size: 18px;
    }
    .perk-content-wrap .content {
        font-size: 14px;
    }
    .athlete-perks-page .banner .content {
        font-size: 22px;
    }
    .athlete-perks.athlete_below_banner a {
        font-size: 16px;
    }
    .perk-content-wrap {
        padding-left: 15px;
        text-align: center;
    }
    .perk-link:before { 
      left: -20px;
    }
    .athlete-perks.athlete_below_banner .perk-link {
        padding-left: 10px;
    }
    .athlete-perks-page .top-page-banner.nutrition-page span {
        font-size: 42px !important;
    }
}
/* Nutrition Video */
@media only screen and (min-width:320px) and (max-width:767px)
{
    .nutrionModal .modal-dialog {
        width: 90%!important;
        height: 60vh !important;
        top: 40% !important;
    }
    .athlete-perks-page .banner .content {
        font-size: 12px;
    }
    .athlete-title.perk-title {
        font-size: 30px;
    }
    .athlete-perks-page .top-page-banner.nutrition-page span {
        font-size: 20px !important;
        line-height: 1;
    }
}
@media (max-width: 370px) {
    .perk-link:before { 
      left: -20px;
    }
    .athlete-perks.athlete_below_banner .perk-link {
        padding-left: 10px;
        font-size: 14px;
        word-break: break-all;
    }
}
.nutrionModal .modal-dialog {
    width: 380px;
}
.nutrionModal .mindbodyModal-body {
    text-align: center;
}
.nutrionModal video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 7px;
}
#popupButton:hover {
    cursor: pointer;
}
.nutrionModal .mindbodyModal-content {
    border-radius: 7px;
}
.mobile-only
{
    display: none;
}
.single-coach-info ul {
    padding-left: 0;
    margin-top: 20px;
}
.single-coach-info ul li {
    position: relative;
    list-style: none;
    padding-left: 20px;
}
.single-coach-info ul li:before {
    content: "";
    background: #daff5b;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    border-radius: 50%;
    top: 5px;
}
@media only screen and (max-width: 767px)
{
    .single-coach-info h4
    {
        margin-top: 0;
        margin-bottom: 50px;
    }
      .single-coach-info h2{
        margin-top: 0;
        margin-bottom: 23px;
    }
    .coach-info {
        padding: 0 !important;
        position: inherit;
        background: #000;
        color: #fff !important;
        text-decoration: none !important;
         opacity: 1 !important;
    }
    .coach, .coach-detail {
        padding: 0;
        background: none !important;
        height: auto !important;
        opacity: 1 !important;
    }
    .coach-desc {
        padding: 0;
        background: #000;
        position: relative;
        top: 0;
        width: 60%;
        height: 100%;
        }
    .mobile-only
    {
        display: block;
    }
    .coach .img-responsive {
        min-height: 100%;
        width: 40%;
        padding-right: 10px;
    }
    .coach-info
    {
        align-items: flex-end;
    }
    .coach-wrapper {
        display: grid;
        padding: 0;
    }
    .coach-deatils {
        order: 2;
        background: #000 ! IMPORTANT;
       
    }
    .coach-deatils br {
        display: none;
    }
    .coach-deatils h2, .coach-deatils h4, .coach-deatils .coach-social, .coach-deatils .pull-left
    {
        text-align: center; 
    }
    .coach-deatils .pull-left
    {
        margin: 20px auto 10px;
        width: 100%;
    }
    .coach-deatils .coach-social
    {
        margin-bottom: 96px;
        position: relative;
    }
      .coach-deatils .coach-social a
    {
        font-family: 'gotham_lightregular';
    }
    .coach-social:after {
        content: "";
        height: 2px;
        background-image: linear-gradient(90deg, #7f7f7f 0%, #f7f5f5 39%, #9f9f9f 62%, #dfdfe1 75%, #7f7f7f 100%);
        width: 60%;
        position: absolute;
        left: 0;
        bottom: -45px;
        margin: 0 auto;
        display: block;
        right: 0;
    }
    .single-coach-info {
        padding: 48px 0;
    }
    .coach-thumb {
        order: 1;
        height: 550px !important;
        background-size: cover !important;
    }
    .coach-wrapper .coach-description p {
        font-size: 18px;
        line-height: 26px;
    }
   
}


.foot-line {
    font-size: 18px;
    position: relative;
    z-index: 9999;
    font-family: 'gotham_lightregular';
    color: #fff;
}
.foot-line a {
    padding: 0;
}