body {
    overflow-y: visible;
    overflow-x: hidden;
}

.ms-signInLink {
    display: none ;
}

.mainContainer {
    /*max-width:1276px;*/
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
}

.top-header-black {
    margin: 0 auto;
    max-width: 1060px;
}

:root {
    font-family: "Gotham SSm A","Gotham SSm B" ;
}

/************************spaces*************************************************/
.row-error-msg {
    padding: 90px ;
    text-align: left
}

    .row-error-msg .col2 {
        text-align: right
    }

.xsmall {
    padding: 24px 0;
    margin: 0
}

.small {
    padding: 30px 0;
    margin: 0
}

.medium {
    padding: 45px 0;
    margin: 0
}

.large {
    padding: 60px 0;
    margin: 0
}

.xlarge {
    padding: 90px 0;
    margin: 0
}



/*------------------------------font style begin---------------------------------*/
.uppercase {
    text-transform: uppercase;
}

body {
    font-family: var(--main-font-family);
}

.site-content {
    font-family: var(--main-font-family);
}

@media (max-width: 480px) {
    .site-content {
        font-family: var(--main-font-family);
        padding: 0
    }
}
/*----------------------------------Headers-------------------------------------*/
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-family: var(--main-font-family);
    line-height: 130% ;
    letter-spacing: -1px ;
}

    h1 {
        font-size: 60px ;
        color: #161616 ;
    }

    h2 {
        font-size: 50px ;
        color: #252525 ;
    }

    h3 {
        font-size: 40px ;
        color: #252525 ;
    }

    h4 {
        font-size: 22px ;
        color: #161616 ;
    }

    h5 {
        font-size: 20px ;
        color: #161616 ;
    }

    h6 {
        font-size: 17px ;
        color: #161616 ;
    }
/*----------------------------------Paragraphs-------------------------------------*/
.p1-18 {
    font-size: 18px ;
    height: 81px;
    line-height: 150%;
}

.p1-18-bold {
    font-size: 18px ;
    font-weight: bold ;
}

.p2-16 {
    font-size: 16px ;
}

.p2-16-bold {
    font-size: 16px ;
    font-weight: bold ;
    text-decoration: none ;
}

.p3-14, .p3-14 a, .p3-14 a:hover {
    font-size: 14px ;
}

.p3-14-bold, .p3-14-bold a, .p3-14-bold a:hover {
    font-size: 14px ;
    font-weight: bold ;
}

.p4-13 {
    font-size: 13px ;
}

.p4-13-bold {
    font-size: 13px ;
    font-weight: bold ;
}

.p5-12 {
    font-size: 12px ;
}

.p5-12-bold {
    font-size: 12px ;
    font-weight: bold ;
}

a, a:-webkit-any-link {
    cursor: pointer
}

.pt-page-description {
    height: 87px 
}

.loc-txt-btn {
    padding-right: 10px;
    font-weight: 300;
    font-size: 18px ;
    height: 81px;
    line-height: 150%;
}

    .loc-txt-btn:hover {
        text-decoration: underline;
        cursor: pointer;
    }


/*--------------------Colors--------------------------------------*/
.red-light, .site {
    color: #EB0029 ;
}

.red-dark {
    color: #D90026;
}

.white {
    color: #ffffff ;
}

.grey, .grey a {
    color: #B6B6B8 ;
}

.grey-dark-1 {
    color: #252525 ;
}

.grey-dark-2 {
    color: #404042 ;
}

.grey-dark-3 {
    color: #676C76 ;
}

.grey-dark-4 {
    color: #9B9FA8 ;
}

.grey-dark-5 {
    color: #B5B6B8 ;
}

.grey-dark-6 {
    color: #202F3C ;
}

.grey-dark-7 {
    color: #161616 ;
}

.grey-light-1 {
    color: #DBDBDC ;
}

.grey-light-2 {
    color: #F0F1F2 ;
}

.grey-light-3 {
    color: #F9F9F9 ;
}

.grey-light-4 {
    color: #F0F1F2 ;
}

.grey-va {
    color: #3c3c3c 
}

.bold-5 {
    font-weight: 500
}



p a:hover, .rich-text- a:hover, .rich-text a:hover, .personal-trainer-card-content a:hover, .faq a:hover {
    color: #EB0029 ;
    text-decoration: none ;
    /*font-size:18px ;*/
    font-weight: 300 
}

.rich-text- ul, .rich-text- li, .rich-text ul, .rich-text li {
    list-style: unset;
}

.reward .rich-text- ul, .rich-text- li, .rich-text ul, .rich-text li {
    list-style: none ;
}

.reward li {
    text-indent: -19px;
}

.reward img {
    display: block;
    max-width: 100%;
    height: auto;
}

.row-grey {
    padding: 2.625em 0 1.875em 0;
    margin: 0;
    width: 100%;
    height: auto;
    clear: both;
    background: #F0F1F2;
    font-size: 100%;
    overflow: visible;
}

.row-white {
    background-color: #fff;
    width: 100%;
}

.scroll {
    white-space: nowrap; /* [1] */
    overflow-x: auto; /* [2] */
    -webkit-overflow-scrolling: touch; /* [3] */
    -ms-overflow-style: -ms-autohiding-scrollbar; /* [4] */
}

    /* [5] */
    .scroll::-webkit-scrollbar {
        display: none;
    }
/********************modal issue iOS**************************/
.landing-modal-get-started .modal-backdrop {
    /* bug fix - no overlay    */
    display: none;
}
/*******************Get started page*********************/
.get-started .ms-rtestate-field {
    display: flex ;
}

.get-started-container {
    background-color: #fcd9dd;
    max-width: 1276px;
    width: 100%;
    display: flex;
    flex-direction: row;
    height: 116px;
    position: relative;
    margin: 0 auto;
}

    .get-started-container.offer-img {
        display: flex;
        padding: 0 40px;
        flex: 0 0 28%;
    }

        .get-started-container .offer-img img {
            position: absolute;
            top: -40px
        }

    .get-started-container .offer-text {
        justify-content: center;
        padding: 20px 40px;
        font-weight: 500 ;
    }

        .get-started-container .offer-text, .get-started-container .offer-text a, .get-started-container .offer-text a:hover {
            font-weight: 500 ;
        }

.get-started .offer-text a, .get-started .offer-text a:hover {
    font-weight: 500 ;
    font-size: 22px ;
}

.action-card a:hover {
    cursor: pointer;
}

@media screen and (max-width: 480px) {
    .get-started {
        padding: 15px ;
    }

        .get-started .modal-dialog {
            min-height: 636px;
        }

    .get-started-container {
        text-align: center;
        height: 100%;
        margin: 0 auto
    }

    .get-started .offer-text a, .get-started .offer-text a:hover {
        font-size: 18px ;
    }


    .get-started .landing-modal-content {
        padding-top: 0 ;
    }

    .get-started .modal-body {
        padding-top: 0 
    }

    .get-started .ms-rtestate-field .get-started-container, .get-started .ms-rtestate-field {
        flex-direction: column;
    }

    .get-started .offer-img img {
        top: -80px;
        left: 0;
    }

    .get-started .offer-img {
        min-height: 60px
    }

    .get-started .offer-text {
        padding: 50px 24px 0 24px;
    }

    .get-started .action-card h2 {
        min-width: 273px ;
    }
}
/*--------------------Buttons--------------------------------------*/
.button-default {
    border-radius: 2px;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 2px;
    font-weight: bold
}

    .button-default a {
        text-decoration: none;
        color: #ffffff;
        font-weight: 500
    }

.button-default-white {
    background-color: #F0F1F2;
    color: #161616;
}

    .button-default-white:hover {
        background-color: #F0F1F2;
        color: #161616;
    }

    .button-default-white:focus {
        background-color: #F0F1F2;
        ;
        color: #161616;
    }

    .button-default-white:disable {
        background-color: #ffffff;
        color: #C8C8C9;
    }

    .button-default-white a, .button-default-white a:hover {
        color: #252525 ;
        text-decoration: none ;
    }

.button-default-red {
    background-color: #EB0029 ;
    color: #ffffff ;
}

    .button-default-red:hover {
        background-color: #D90026 ;
    }

    .button-default-red:disabled {
        background-color: #000 ;
        pointer-events: none;
        opacity: .2
    }

.button-default-black {
    background-color: #252525 ;
    color: #ffffff
}

    .button-default-black:hover {
        background-color: #404042;
        ;
        color: #ffffff
    }

.button-cnt {
    padding-top: 80px;
}


.button-facilities {
    border-radius: 2px;
    align-items: center;
    text-align: center;
    display: inline-block;
    border-radius: 2px;
    font-weight: bold
}

    .button-facilities a {
        font-size: 17px
    }

.large-button {
    padding: 24px;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 17px;
}

.default-button {
    padding: 15.5px 20px;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 17px;
    border: none;
}

.small-button {
    padding: 12px;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 16px;
}

.extra-small-button {
    padding: 8px 12px;
    font-size: 13px;
    letter-spacing: 0.8px;
    line-height: 16px;
}


/*-----------------------------Lists--------------------------------------*/
ul {
    list-style-type: none;
}

.classes ul {
    list-style-type: disc ;
}

.site-content li {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 300;
    color: #252525;
    font-size: 18px;
    line-height: 150%;
}

@media screen and (max-width: 480px) {
    .site-content li {
        font-size: 14px;
        text-indent: -19px;
    }

    .blog-pilars-row li {
        font-size: 14px;
        text-indent: -8px ;
    }

    .blog2019 .blog-secondrow {
        padding: 0
    }
}

/*-----------------------------Links------------------------------------*/
#s4-workspace a, #s4-workspace a:hover, #s4-workspace a:active {
    text-decoration: none;
}

{
    text-decoration: none;
}

/*-------------------------input------------------------------------------------*/
input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
}
/*------------------------------font style end---------------------------------*/
/************************************************************************************************/
/********************** Header Navigation begin**************************************************/
#s4-bodyContainer {
    min-height: 830px ;
}

.header-wrap_ {
    background-color: #252525;
    position: relative;
    z-index: 6;
}

.top-header {
    height: 40px;
    background-color: #252525;
    padding: 0;
    border-bottom: solid 1px #404042;
    margin: 0 auto;
    max-width: 1400px;
}

.nav-header {
    height: 80px;
    position: relative;
    padding: 0 20px; /*max-width: 1170px;*/
}

.top-header-elem a {
    color: #DBDBDC ;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-decoration: none;
}


    .top-header-elem a:hover {
        color: #fff ;
        border-top: 2px solid #676C76;
        padding-top: 10px;
    }


.top-header div {
    height: 40px;
    display: flex;
    align-items: center;
    top: calc(50% - 40px/2 - 40px);
    float: right
}

.top-header span {
    padding-right: 32px;
}

.top-header img {
    padding-right: 4px;
    padding-bottom: 2px;
}

.mobile-red {
    padding: 4px;
}

.mobile-nmb {
    font-size: 14px;
    line-height: 17px;
}

.nav-header .logo_white {
    width: 100px;
    margin-left: 15px; /*position: absolute;top: 15.62%;bottom: 21.88%;margin-left:200px;padding:10px*/
}

.top-nav {
    color: #FFFFFF; /*position: absolute;	height: 19px;top: calc(50% - 19px/2 - 0.5px);width:100%;left:10%;*/
    display: flex;
    max-width: 1400px;
    margin: 10px auto
}

#navbar {
    background-color: #252525;
    margin: 0 auto;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

    .sticky + .site-content {
        padding-top: 60px;
    }

.sticky1 {
    position: fixed ;
    top: 0;
    width: 100% ;
    margin-top: 0 ;
    background-color: white;
    z-index: 99999;
    height: 80px;
    padding: 20px 0;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 6px 16px;
}

    .sticky1 + .content-container {
        padding-top: 10px;
    }

.navbar-nav {
    float: none ;
}

.top-nav ul { /*margin: 0;padding: 0; height: 19px; display: flex; padding:0 200px;max-width:1070pxmargin: 20px 162px;*/
    min-width: 637px;
    width: 76%
}

.top-nav .logo {
    width: 11%
}

.top-nav li {
    height: 19px;
    top: calc(50% - 19px/2 + 0.5px);
    font-size: 16px ;
    line-height: 19px;
    display: inline-block;
    align-items: center;
    letter-spacing: 0.3px;
    padding: 0 20px;
}

    .top-nav li a {
        color: white;
        text-align: center;
        text-decoration: none;
        letter-spacing: 0.3px;
        padding-bottom: 4px;
    }

    .top-nav li a:focus {
        outline: none !important;
    }

    #navbar li a:hover {
        border-bottom: 2px solid #676C76;
        padding-bottom: 4px;
    }

#navbar .active, .legal .active {
    border-bottom: 2px solid #EB0029 ;
    padding-bottom: 4px ;
}

.top-header .active {
    border-top: 2px solid #EB0029;
    padding-top: 10px;
    color: white ;
}

#navbar .button-default {
    height: 48px;
    position: relative;
    width: 157px;
    top: 6px
}

.button-row1 {
    display: block
}

    .button-row1 div {
        width: 157px ;
    }
/********************************Header Navigation end*******************************************/
/************************************************************************************************/
/*************Responsive video**************/
.video-container {
    position: relative;
    /*padding-bottom: 50.25%;*/
    padding-bottom: 262px;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.explore-class-slider-item {
    max-height: 292px;
    padding: 15px;
}

.trainers-corner-slider {
    margin: 30px 0;
}

.trainers-corner {
    padding-bottom: 0px;
    max-width: 1060px;
    margin: 0 auto;
}
/********************************Footer begin****************************************************/
/************************************************************************************************/
.footer-top, .footer-middle, .footer-bottom { /*padding-left:65px;*/
}

.footer-top {
    background-color: #2F2F30;
    display: block;
    font-size: 14px;
}

.footer-top-inner {
    background-color: #2F2F30;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
}


.footer-top-1, .footer-top-2, .footer-top-3 {
    display: inline-block;
    vertical-align: top;
}

.footer-top-1 {
    flex: 0 0 35%;
    padding: 20px;
}

.footer-top-2 {
    flex: 0 0 40%;
}

.footer-top-3 {
    flex: 0 0 25%;
    padding: 5px 0;
}

.footer-top-1 .header {
    padding-bottom: 16px;
    line-height: 110%
}

.footer-top-2 .header {
    height: 40px
}

.footer-top-3 .header {
    height: 25px
}

.footer-top-1 img {
    vertical-align: initial;
    padding-right: 4px;
}

.footer-top-1 .row1 {
    padding-bottom: 8px;
}

.footer-top2 .row1 {
    padding-bottom: 4px;
}

.footer-middle {
    height: 330px;
    background-color: #252525;
    padding-right: 10px;
    display: block;
    font-size: 15px;
    padding: 60px 24px
}

.footer-middle-inner {
    background-color: #252525;
    max-width: 1400px;
    margin: 0 auto;
}

.footer-middle-1, .footer-middle-2, .footer-middle-4 {
    display: inline-block;
    vertical-align: top;
    width: 32%;
}

.footer-middle-2 {
    display: inline-block;
    vertical-align: top;
    width: 32%;
}

.footer-middle-4 {
    display: inline-block;
    vertical-align: top;
    width: 3%;
}

.footer-middle-3 {
    display: inline-block;
    vertical-align: top;
    width: 31%;
}

.footer-middle-2, .footer-middle-2 a, .footer-middle-2 a:hover, .footer-middle-2 a:visited {
    color: #ffffff;
}

.footer-middle-4 ul li {
    padding-bottom: 10px;
    text-align: center;
}

.footer-middle .white-logo {
    padding-bottom: 30px;
}

.app-store {
    padding-bottom: 8px;
}

.google-play {
}

.footer-bottom {
    height: 92px;
    background-color: #1C1C1C;
    font-size: 12px;
    padding: 24px
}

.footer-bottom-inner {
    background-color: #1C1C1C;
    max-width: 1400px;
    margin: 0 auto
}

.territories {
    padding-bottom: 10px
}

    .territories .white, .territories .grey {
        padding-right: 20px;
    }

.grey img {
    padding-right: 6px;
}

@media screen and (max-width: 480px) {
    .footer-top {
        height: 262px;
        ;
    }

    .footer-top-inner {
        background-color: #2F2F30;
        max-width: 1400px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
    }

    .footer-top-1 {
        flex: 1 1 30%;
    }

    .footer-top-2 {
        flex: 1 1 45%;
    }

    .footer-top-3 {
        flex: 1 1 37%;
    }

    .footer-middle-2 li, .footer-middle-3 li {
        margin: 20px 0;
    }

    .footer-middle {
        height: 560px ;
    }

    ..footer-bottom {
        height: 100px 
    }
}
/********************************Footer end****************************************************/
/**********************************Find a club*************************************************/
.province1 {
    margin-top: 60px
}

.auto-locations .pac-container, .ui-autocomplete {
    top: -1px ;
    width: unset ;
    position: relative ;
    left: 0px ;
    border-top: none ;
    font-family: var(--main-font-family) ;
    box-shadow: none ;
    -moz-box-sizing: none ;
    it-box-sizing: border-box;
    margin-top: 25px;
    margin-bottom: 25px;
}

.ui-autocomplete {
    position: relative ;
    z-index: 1000;
    ;
    padding: 0;
    top: 0px ;
    left: 0px ;
}

.pac-logo:after {
    display: none
}

.hdpi.pac-logo:after {
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png)
}

.pac-item {
    cursor: default;
    padding: 0 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 30px;
    text-align: left;
    border-top: 1px solid #e6e6e6;
    font-size: 11px;
    color: #999
}

    .pac-item:hover, .ui-autocomplete li:hover {
        background-color: #fafafa
    }

.pac-item-selected, .pac-item-selected:hover {
    background-color: #ebf2fe
}

.pac-matched {
    font-weight: 700
}

.pac-item-query {
    font-size: 14px;
    padding-right: 3px;
    color: #000
}

.pac-icon {
    width: 15px;
    height: 20px;
    margin-right: 7px;
    margin-top: 11px;
    display: inline-block;
    vertical-align: top;
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);
    background-size: 34px
}

.hdpi .pac-icon {
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png)
}

.pac-icon-search {
    background-position: -1px -1px
}

.pac-item-selected .pac-icon-search {
    background-position: -18px -1px
}

.pac-icon-marker {
    background-position: -1px -161px
}

.pac-item-selected
.pac-icon-marker {
    background-position: -18px -161px
}

.pac-placeholder {
    color: gray
}

.pac-item {
    padding: 6px 0 3px 0;
}

.pac-item, .ui-autocomplete li {
    line-height: 40px;
    text-align: left;
    border-bottom: 1px solid #DBDBDC;
    font-size: 14px;
    color: #202F3C;
    border-top: none;
    background-color: #fff;
    font-family: var(--main-font-family);
    background-color: #ffffff;
}



.ui-autocomplete li {
    cursor: default;
    padding: 6px 0 3px 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 40px;
    text-align: left;
    background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/ico/find-club-icon.png);
    background-position: left;
    background-repeat: no-repeat;
    position: static;
    margin: 0.5em 0em ;
}
/*------------------------Leading page begin -----------------------------------*/
.top-leading-page {
    background-color: #252525;
    min-height: 480px;
    padding-top: 3%;
}

.page-title {
    font-size: 14px;
    line-height: 17px;
    height: 17px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: transparent;
}

.top-leading-page h2 {
    margin: 0;
    padding: 32px 0;
}

.page-description {
    max-width: 657px;
    font-weight: 300
}

.white-search-box {
    background-color: #ffffff;
    min-height: 160px;
    height: auto;
    box-shadow: 0px 12px 64px rgba(0, 0, 0, 0.12);
    max-height: 100%;
    border-radius: 4px;
    position: relative;
    padding: 40px 48px 0 48px;
}

.white-search-box {
    padding: 3% 3% 0px 3%;
}

    .white-search-box .col-md-1, .white-search-box .col-md-4 {
        text-align: right;
        vertical-align: middle
    }

.bottom-leading-page {
    padding: 30px 0px ;
    top: -200px;
    position: relative;
}

.find-a-club .bottom-leading-page {
    top: -110px;
}
/*------------------------Leading page end   -----------------------------------*/
.container-filter-auto {
    display: none
}

.white-search-box hr {
    margin-top: 70px ;
    /*margin-bottom:48px ;*/
}

.input-wrap {
    height: 36px; /*border-bottom:solid 1px #DBDBDC;*/
}

.auto-cnt, .filter-row {
    padding-top: 0px;
}

    .auto-cnt .location-title, .auto-cnt .club-title {
        display: block;
        color: transparent
    }

#name {
    padding-bottom: 10px;
    margin-top: 10px;
    min-width: 310px;
    width: 80%;
    border: none;
    font-size: 22px;
    line-height: 130%;
    height: 50px;
    color: #252525;
    ;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #fff ;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #CCC;
    margin: 10px
}

    #name::placeholder {
        font-size: 22px;
        line-height: 130%;
        height: 29px;
        color: #252525;
        opacity: 1; /* Firefox */
    }

    #name:-ms-input-placeholder { /* Internet Explorer 10-11 */
        font-size: 22px;
        line-height: 130%;
        height: 29px;
        color: #252525;
    }

    #name::-ms-input-placeholder { /* Microsoft Edge */
        font-size: 22px;
        line-height: 130%;
        height: 29px;
        color: #252525;
    }

.slidecontainer {
    width: 100%;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 3px;
    border-radius: 5px;
    background: #B5B6B8;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

    .slider:hover {
        opacity: 1;
    }

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #EB0029;
        cursor: pointer;
    }

    .slider::-moz-range-thumb {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #4CAF50;
        cursor: pointer;
        top: -200px;
        position: relative;
    }

.search-component .button-cnt {
    text-align: center;
    padding-top: 45px;
    padding-bottom: 90px
}

.all-clubs-results {
    display: none;
    padding: 80px;
    padding-top: 0;
    margin: 0;
}

    .all-clubs-results h4 {
        overflow: hidden;
        padding-bottom: 31px
    }

        .all-clubs-results h4:after {
            content: '';
            display: inline-block;
            width: 100%;
            height: 100%;
            margin: 6px -100% 6px 6px;
            border-bottom: 1px solid #DBDBDC;
        }

    .all-clubs-results .col-item {
        line-height: 28px;
    }

.hdpi {
}

.all-clubs-results .col-item-cnt {
    list-style: disc;
}

#searchfortext {
    padding-left: 45px;
    color: rgb(153, 153, 153);
}

.letsgo-container button {
    width: 174px;
}

@media (min-width: 480px) {
    .all-clubs-results .col-item {
        margin: 0;
        padding-left: 0;
        text-indent: 0;
        line-height: 34px;
        /*height: 45px;*/
    }
}

@media only screen and (max-width: 384px) and (min-width: 320px) {
    .home .white-search-box, .white-search-box {
        min-height: 275px ;
    }

    #searchfortext {
        padding-left: 0 
    }

    .search-component {
        padding: 20px 2px ;
    }

    .white-search-box {
        padding: 10px 10px;
    }

    .loc-txt-btn {
        padding-right: 2px;
    }

    #filter .col-1 {
        text-align: left;
        /*width:90%; */
    }
}

@media only screen and (max-width: 480px) and (min-width: 383px) {
    .home .white-search-box, .white-search-box {
        min-height: 226px ;
        margin: 0 auto
    }

    .search-component {
        top: -109px;
        padding: 20px 24px ;
    }

    #filter .col-1 {
        text-align: left;
        /* width:80%;   */
    }
}
/*search*/
@media only screen and (max-width: 1199px) and (min-width: 768px) {
    #getLocation {
        float: left
    }
}

@media (max-width: 480px) {

    .input-wrap {
        height: auto;
    }


    #allclubs {
        padding: 24px
    }

    .col-item-cnt {
        -webkit-column-count: 2 ;
        -moz-column-count: 2 ;
        column-count: 2 ;
    }

    .white-search-box, .container-filter-auto {
        max-width: 380px ;
        overflow: scroll
    }

    .all-clubs-results .col-item {
        margin: 0;
        padding-left: 0;
        text-indent: 0;
        line-height: 50px;
        /*height: 45px;*/
    }

    .search-component {
        margin-top: 76px;
    }

    .white-search-box {
        padding: 24px
    }

    .search-img {
        width: 18.5px ;
        height: 18.5px ;
    }

    #name {
        min-width: 80%;
        font-size: 18px ;
    }

    .letsgo-container, .white-search-box button {
        width: 100%;
        max-width: 480px;
    }

    .container-filter-auto {
        top: 100px;
        position: relative;
    }
    /*.home .search-cmp .white-search-box {
    top: -66px;
    }*/
    #dividingline {
        display: none 
    }

    .input-cnt {
        padding: 10px;
    }

    .hr-sarch-mobile {
        display: none
    }

    .loc-txt {
        padding: 5px 10px;
        height: 50px;
    }

    #getLocation {
        /*display:flex;*/
        margin: 0 auto;
        max-width: 230px;
        /* margin-bottom:35px;*/
    }

    .loc-img {
        order: -1;
        width: 20px;
        height: 27px;
        padding: 4px;
    }

    .auto-clubs li {
        text-indent: -2px;
        margin: 0.5em 0 ;
    }
}

/*-----------------------slide bar-----------------------------*/
.noUi-horizontal {
    height: 3px ;
    background-color: #B5B6B8 ;
}

    .noUi-horizontal .noUi-handle {
        width: 13px;
        height: 13px;
        left: 0;
        top: -6px;
        border-radius: 50%;
        cursor: pointer;
        background: #EB0029;
        box-shadow: none;
    }

.noUi-background {
    box-shadow: inset 0 1px 1px #B5B6B8;
}

.noUi-handle:before, .noUi-handle:after {
    display: none ;
}

.noUi-background {
    background: #B5B6B8 ;
}

.refine-search {
    display: none
}

.filter-row {
}

    .filter-row select {
        border: 1px solid #B5B6B8;
        box-sizing: border-box;
        height: 40px;
        padding: 10px 12px;
    }

    .filter-row .select_box {
        width: 277px;
        overflow: hidden;
        border: 1px solid #B5B6B8;
        box-sizing: border-box;
        position: relative;
        padding: 0;
    }

        .filter-row .select_box:after {
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 6px solid #EB0029;
            position: absolute;
            top: 41.67%;
            right: 5.17%;
            content: "";
            z-index: 98;
        }

        .filter-row .select_box select {
            width: 309px;
            border: 0;
            position: relative;
            z-index: 99;
            background: none;
        }

.load-more-item {
    padding: 0;
}

.clubResults {
    padding: 40px 0
}

.results-items {
    height: 172px;
    padding: 25px 40px 42px;
    margin: 0;
    border-bottom: 1px solid #DBDBDC;
}

.result-col1 .row3 > div {
    padding-left: 0;
    padding-right: 0
}

.results-items img {
    padding-right: 5px
}

.results-items .club-name {
    padding-right: 23px;
}

.showdistance {
    display: inline-block
}

.result-col2 .row1 {
    min-height: 37px;
}

.result-col1 .row2, .result-col2 .row2 {
    padding-bottom: 20px
}

.result-col2 {
    text-align: right
}

#getLocation {
    padding-top: 8px;
    text-align: right
}

.clear {
    padding-left: 0 ;
    padding-right: 0 ;
    text-align: center;
    min-width: 144px;
}

/**************************************timetables********************************************************/
.timetable .results-items {
    height: 90px;
}

/**********************************************************************************************************/
/*****************************Personal Training************************************************************/
.pt-main-container {
    margin: 0 auto;
    max-width: 1060px;
}

.price-session {
    text-align: left;
    margin: 0;
    font-weight: bold
}

.pay-image {
    max-width: 652px;
    margin: 10px auto;
}

    .pay-image span {
        font-size: 16px;
        color: #676C76;
        font-weight: 400;
    }

.pt-row1 {
    padding-top: 90px;
    padding-bottom: 45px;
    padding-left: 90px;
    padding-right: 90px;
    display: block;
    border-bottom: 1px solid #DBDBDC
}

    .pt-row1 .col11 {
        width: 40%;
        display: inline-block
    }

.pt-item {
    max-width: 260px;
    min-height: 90px
}

.pt-row1 > .col2 {
    width: 58%;
    display: inline-block;
    vertical-align: top
}

.pt-row1 .col2 .col1 {
    width: 50%;
    display: inline-block
}

.pt-row1 .col2 .col2 {
    width: 48%;
    display: inline-block;
    padding-left: 15px;
}

.pt-row2 {
    text-align: center;
    padding: 90px 0
}

    .pt-row2 .label-cnt {
        text-align: center;
    }

.pt-online .pt-row2 {
    text-align: left;
    padding: 0;
    height: 842px;
}

.pt-online .label-cnt {
    padding: 48px 0;
}

.pt-online .pt-row-3 {
    padding-bottom: 90px;
}

    .pt-online .pt-row-3 .label-header {
        text-align: center;
    }

        .pt-online .pt-row-3 .label-header h5 {
            padding-bottom: 0 ;
        }

.pt-online .label-header .label-cnt {
    padding: 82px 0 0 0;
}

.pt-row-3 p {
    padding-bottom: 24px 
}

.col2 > div span, .col2 > div img {
    display: inline-block
}

.col2 > div img {
    width: 70px
}

.pt-online #block2 {
    min-height: 592px;
    margin-top: -24px ;
}

    .pt-online #block2 .default-button {
        margin-top: 66px ;
    }

.pt-online .pt-card {
    padding: 40px 32px 25px ;
    width: 400px ;
}

.pt-online .select-pricing-btn-mobile {
    display: block
}

.pt-online .session-cnt {
    text-align: left;
    padding-top: 24px;
    padding-bottom: 25px;
}

.pt-online .pt-card .left {
    padding: 24px 0 0px 24px ;
}

.pt-online .session-cnt, .pt-online .session-cnt label, .pt-online .session-cnt select {
    display: inline-block ;
    font-weight: 400;
}

.pt-online .pt-row1 .col2 .col1 {
    vertical-align: top;
}

.pt-online .top-leading-page .container-image {
    position: relative;
    right: -146px;
    top: 116px;
    z-index: 1;
}

.container-text {
    max-width: 628px;
}

.pt-online .top-leading-page .pt-main-container {
    display: flex;
}

.pt-online .session-cnt label {
    max-width: 242px;
}

.pt-online ul {
    padding: 0;
    margin-left: 24px
}

.pt-online li {
    margin: 0 0 0 35px ;
    padding: 0 0 24px 0 ;
    text-align: left;
    text-indent: -24px;
}

.pt-online li, .pt-online .session-cnt label, .pt-online .session-cnt select {
    font-size: 16px;
    color: #676C76;
    font-weight: 400;
}

@media screen and (max-width: 375px) {
    .pt-row1 .col2 .col2 {
        padding-left: 0 ;
    }

    .pt-item {
        /*width: 166px ;*/
    }

    .col2 > div img {
        width: 35px ;
    }

    .col2 > div span {
        width: 109px ;
    }

    .col1 .caption2 {
        width: 126px ;
    }

    .pt-online .pt-row1 {
        padding: 58px 0 ;
    }

    .pt-row1 {
        padding: 58px 10px ;
    }
}

@media screen and (max-width: 480px) {
    .pt-online .pay-image {
        padding: 0 32px;
    }

        .pt-online .pay-image img {
            padding: 24px;
        }

    .pt-online .pt-row1 {
        padding: 58px 12px;
    }

    .pt-online .pt-card h3 {
        margin-left: 14px;
    }

    .pt-online #block2 {
        min-height: 396px;
        margin-top: 0 ;
    }

    .pt-online .session-cnt label {
        max-width: 172px;
        margin-left: 2px
    }

    .pt-online .pt-item .caption2 {
        width: 109px ;
    }
}

@media screen and (max-width: 940px) {
    .pt-online .top-leading-page .pt-main-container {
        flex-direction: column;
    }

    .pt-online .top-leading-page .container-image {
        position: relative;
        right: 0;
        top: 22px;
        z-index: 1;
    }
}

@media screen and (max-width: 816px) {
    .pt-online .pt-row2 {
        height: unset;
    }
}

@media screen and (max-width: 1219px) and (min-width: 816px) {
    .pt-online .pt-row2 {
        height: none ;
    }

    .pt-online .pt-container .pricing-boxes .pt-card {
        position: relative;
        width: 33% ;
        min-height: 707px;
    }
}


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


    .col-item-cnt {
        -webkit-column-count: 4 ;
        -moz-column-count: 4 ;
        column-count: 4 ;
    }
}

@media screen and (max-width: 480px) {
    .pt-online-row1, .pt-row-3 {
        padding: 0 24px;
    }

        .pt-online-row1 h1 {
            padding: 48px 0 32px 0 ;
        }

    .pt-online #block3 {
        min-height: unset ;
    }

    .pt-row1 .col11 {
        width: 100%;
        display: inline-block;
        margin-bottom: 40px
    }


    .result-col2 {
        text-align: left;
    }

    .results-items {
        height: 300px ;
    }

    .col2 > div img {
        width: 50px
    }

    .col1 .caption2 {
        width: 138px ;
    }

    .pt-container .pricing-boxes .pt-card {
        padding: 18px 18px 30px 18px ;
    }

    #image {
        background-position: top ;
    }

    .image1 {
        min-height: 0 ;
    }

    .pt-row3 {
        padding-top: 0 ;
        padding-left: 24px ;
        padding-right: 24px ;
        padding-bottom: 60px ;
        min-height: 480px;
    }

    .trainers-corner {
        margin: 0 auto;
        /*  margin-top:-90px ;*/
    }

    .bottom-leading-page {
        top: -170px ;
    }
}

#image {
    display: inline-block;
    width: 100%;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.image1 {
    background-image: url('/PublishingImages/PT/middle.jpg');
    min-height: 377px;
    height: 700px
}

.pt-container {
    padding-bottom: 90px;
}

    .pt-container .pricing-boxes .pt-card {
        position: relative;
        width: 384px;
        border: 1px solid #dbdbdc;
        border-radius: 3px;
        padding: 40px 32px 25px 32px;
        display: flex;
        flex-direction: column;
        margin-bottom: 24px;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
        text-align: center;
    }

.pt-card .caption5 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}

    .pt-card .caption5:before, .pt-card .caption5:after {
        position: absolute;
        top: 51%;
        overflow: hidden;
        width: 30%;
        height: 1px;
        content: '\a0';
        background-color: #DBDBDC;
        ;
    }

    .pt-card .caption5:before {
        margin-left: -32%;
        text-align: right;
    }

    .pt-card .caption5:after {
        margin-left: 2%;
    }

.pt-card .left {
    padding: 24px 0 12px 24px
}

    .pt-card .left img {
        padding-right: 10px
    }

.pt-card .default-button {
    width: 100%;
    margin-top: 15px ;
    margin-bottom: 8px ;
    margin-left: auto;
    margin-right: auto;
}

.hovered-pricing-box
button {
    width: 100%;
}

.disabled-pricing-box {
    color: #9B9FA8;
}

    .disabled-pricing-box div,
    .disabled-pricing-box span,
    .disabled-pricing-box h4,
    .disabled-pricing-box p {
        color: #9B9FA8 ;
    }

.disabled-pricing-box {
    margin-top: 0;
}

.filter-mobile {
    display: none ;
}

@media only screen and (max-width: 399px) {
    .site-content .personal-trainer-card .close-modal {
        /*left: 29% ;*/
    }

    .site-content .personal-trainer-card .personal-trainer-card-img {
        /* width: 672px;*/
    }
}

@media only screen and (max-width: 480px) and (min-width: 400px) {
    .site-content .personal-trainer-card .close-modal {
        /*  position: relative ;
    top: 54px ;
    left: 38%;*/
    }
}

@media only screen and (max-width: 480px) {

    .pt-card .default-button {
        width: 80% ;
    }

    .pt-card .skeleton-box {
        max-height: 226px;
    }

    .select-pt-btn-mobile {
        display: block;
    }

    .pt-container {
        padding-bottom: 0;
    }

    .pt-card {
        margin: 0 auto;
    }

    .pt-item img {
        width: 30px;
    }

    .pt-item {
        width: 213px
    }
}

pt-card .skeleton-box .skeleton-header {
    width: 100%;
    height: 66px;
    margin-bottom: 20px;
    background-color: #ccc;
    background-image: linear-gradient(90deg, #F4F4F4 0px, rgba(229, 229, 229, 0.8) 40px, #F4F4F4 80px);
    background-size: 600px;
    animation: shine-lines 1s infinite ease-out;
}

.pt-card .skeleton-box .skeleton-content {
    width: 100%;
    height: 105px;
    margin-bottom: 20px;
    background-color: #F0F1F2;
    background-color: #ccc;
    background-image: linear-gradient(90deg, #F4F4F4 0px, rgba(229, 229, 229, 0.8) 40px, #F4F4F4 80px);
    background-size: 600px;
    animation: shine-lines 1s infinite ease-out;
}

.pt-card .skeleton-box .skeleton-buttons-container {
    display: flex;
    justify-content: space-between;
}

.pt-card .skeleton-box .skeleton-buttons {
    width: 150px;
    height: 42px;
    margin-bottom: 20px;
    display: inline-block;
    background-color: #ccc;
    background-image: linear-gradient(90deg, #F4F4F4 0px, rgba(229, 229, 229, 0.8) 40px, #F4F4F4 80px);
    background-size: 600px;
    animation: shine-lines 1s infinite ease-out;
}

.select-pricing-btn-mobile {
    display: none;
    width: 100%;
    padding-top: 24px;
}

.modal {
    z-index: 99999;
}

.site-content ol, ul {
    margin: 25px 0;
    padding: 0;
    counter-reset: item;
}

.site-content li {
    margin: 0.5em 2em;
    /*  padding-left: 2em;
    text-indent: -2em;*/
}

.class-details-activity-intro li {
    margin: 0.5em 2em;
    padding-left: 2em;
    text-indent: -2em;
}

@media only screen and (max-width: 480px) {

    .class-details-checklist li, .class-description li {
        text-indent: 0 ;
    }
}

@media only screen and (max-width: 768px) {
    .select-pricing-btn-mobile {
        display: block;
    }

    .site-content .personal-trainer-card .close-modal {
        /* position: relative ;
    top: 54px ;
    left: 38%;*/
    }
}

.select-pricing-btn-mobile button {
    width: 100%;
}

.pricing-container .space-evenly.pricing-boxes {
    justify-content: space-evenly;
}

.pt-container-online .pricing-boxes {
    max-width: none ;
}

.pt-online .grey-container {
    height: 720px;
}

.pt-online .top-leading-page h2 {
    padding: 32px 0 32px 0;
}

.pt-online .pt-online-row1 h2 {
    padding: 48px 0 32px 0;
}

.pt-online h2 {
    padding: 48px 0 48px 0;
}

.pt-online .pt-row-3 h2 {
    padding: 0 0 32px 0;
}

.pt-online-row1 h1 {
    padding: 90px 0 48px 0;
}

.pt-online .pt-item .caption2 {
    width: 180px
}

.pt-online .pt-row1 h2 {
    width: 358px;
    padding: 32px 0;
    margin: 0;
}

.pt-container .pricing-boxes {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    min-height: 400px;
    max-width: 790px;
    margin: 0 auto;
}

.Rockstar {
    padding-bottom: 45px;
}

    .Rockstar .select_box {
        width: 280px;
        overflow: hidden;
        border: 1px solid #B5B6B8;
        position: relative;
        margin: 24px 0;
    }

        .Rockstar .select_box:after {
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 6px solid red;
            position: absolute;
            top: 40%;
            right: 5px;
            content: "";
            z-index: 98;
        }

        .Rockstar .select_box select {
            width: 305px;
            border: 0;
            position: relative;
            z-index: 99;
            background: none;
            height: 40px;
        }
/***************ole svg*******/
.site-content .facilities-card .close-modal {
    background-position: center;
    width: 32px;
    height: 32px;
    background: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/build/images/modal-close-2.svg);
    position: absolute;
    top: 24px;
    right: 24px;
    border: none
}

.site-content .icon-back-arrow {
    display: inline-block;
    background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/build/images/back-arrow.svg)
}

.site-content .icon-left-chevron-red {
    display: inline-block;
    background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/build/images/left-chevron-red.svg);
    background-size: contain
}

.site-content .icon-right-chevron-red {
    display: inline-block;
    background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/build/images/right-chevron-red.svg);
    background-size: contain
}

.site-content .icon-right-chevron-black {
    display: inline-block;
    background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/build/images/right-chevron-black.svg);
    background-size: contain
}

.site-content .icon-modal-close {
    display: inline-block;
    background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/build/images/modal-close.svg);
    background-size: contain
}

.site-content .icon-phone-red {
    display: inline-block;
    background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/build/images/red-phone-red.svg);
    background-size: contain
}

/*.site-content .icon-add {
    display: inline-block;
    background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/build/images/add.svg);
    background-size: contain
}

.site-content .icon-add-red {
   display: inline-block;
   background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/build/images/add-red.svg);
    background-size: contain
}

.site-content .icon-minus {
    display: inline-block;
    background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/build/images/minus.svg);
    background-size: contain
}

.site-content .icon-minus-red {
    display: inline-block;
    background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/build/images/minus-red.svg);
    background-size: contain
}
*/
.site-content .icon-clock-red {
    display: inline-block;
    background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/build/images/clock-red.svg);
    background-size: contain
}

.site-content .icon-check-red {
    display: inline-block;
    background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/build/images/check-red.svg);
    background-size: contain;
    width: 18px;
    height: 18px;
    position: relative;
    left: 0;
    left: -16px;
}

.site-content .icon-star-full-red {
    display: inline-block;
    background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/build/images/star-full-red.svg);
    background-size: contain
}

.site-content .social-media-links .social-icon.instagram-icon {
    background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/build/images/instagram-social-icon_over.svg);
    cursor: pointer;
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(324deg) brightness(0%) contrast(50%);
}

    .site-content .social-media-links .social-icon.instagram-icon:hover {
        filter: none;
    }


.site-content .social-media-links .social-icon.facebook-icon {
    background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/build/images/facebook-social-icon_over.svg);
    cursor: pointer;
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(324deg) brightness(0%) contrast(50%);
}

    .site-content .social-media-links .social-icon.facebook-icon:hover {
        filter: none;
    }


.site-content .social-media-links .social-icon.twitter-icon {
    background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/build/images/twitter-social-icon_over.svg);
    cursor: pointer;
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(324deg) brightness(0%) contrast(50%);
}

    .site-content .social-media-links .social-icon.twitter-icon:hover {
        filter: none;
    }


.site-content .social-media-links .social-icon.linkedin-icon {
    background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/build/images/linkedin-social-icon_over.svg);
    cursor: pointer;
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(324deg) brightness(0%) contrast(50%);
}

    .site-content .social-media-links .social-icon.linkedin-icon:hover {
        filter: none;
    }


.site-content .social-media-links .social-icon.pinterest-icon {
    background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/build/images/pinterest-social-icon_over.svg);
    cursor: pointer;
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(324deg) brightness(0%) contrast(50%);
}

    .site-content .social-media-links .social-icon.pinterest-icon:hover {
        filter: none;
    }


.icon-modal-close {
    display: inline-block ;
    background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/images/icons/close.svg) ;
    background-size: contain ;
}

.site-content .personal-trainer-card ul li::before {
    content: '—';
    position: absolute;
    left: 0
}

.site-content .personal-trainer-card p.personal-trainer-quote {
    position: relative;
    padding-left: 30px
}

    .site-content .personal-trainer-card p.personal-trainer-quote::before {
        content: '“';
        position: absolute;
        left: -4px;
        font-size: 58px;
        top: 16px
    }

.membership-promo-banner .ms-webpart-zone div {
    margin: 0 ;
}

@media (min-width: 941px) {
    .header-wrap_mobile-top, .header-wrap_mobile-bottom {
        display: none
    }

    .footer-top-1 .button-row1 {
        display: none;
    }

    .pt-container {
        min-height: 570px;
        max-height: 570px;
    }

    .pt-online .pt-container {
        min-height: unset ;
    }
}

@media (max-width: 940px) {
    #s4-bodyContainer {
        min-height: 832px ;
    }
    /*------------------------------font style begin---------------------------------*/
    .p1-18 {
        font-size: 15px ;
    }

    .p1-18-bold {
        font-size: 15px;
        font-weight: bold ;
    }

    .p2-16 {
        font-size: 14px ;
    }

    .p2-16-bold {
        font-size: 14px;
        font-weight: bold ;
    }

    .p3-14 {
        font-size: 13px ;
    }

    .p3-14-bold {
        font-size: 13px;
        font-weight: bold ;
    }

    .p4-13 {
        font-size: 12px ;
    }

    .p4-13-bold {
        font-size: 12px;
        font-weight: bold ;
    }

    .p5-12 {
        font-size: 11px ;
    }

    .p5-12-bold {
        font-size: 11px;
        font-weight: bold ;
    }

    h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        letter-spacing: -0.4px ;
    }

    h1 {
        font-size: 30px ;
    }

    h2 {
        font-size: 28px ;
    }

    h3 {
        font-size: 26px ;
    }

    h4 {
        font-size: 18px ;
    }

    h5 {
        font-size: 16px ;
    }

    h6 {
        font-size: 14px ;
    }
    /*------------------------------font style end---------------------------------*/

    /*************************************Caption************************************/
    .caption1 {
        font-size: 12px;
        line-height: 110%;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #676C76;
    }

    .caption2 {
        font-size: 14px;
        line-height: 17px;
        color: #252525;
    }

    .caption3 {
        font-size: 12px;
        line-height: 130%;
        letter-spacing: 0.3px;
        color: #676C76;
    }

    .caption4 {
        font-size: 12px;
        line-height: 130%;
        letter-spacing: 0.3px;
        text-transform: uppercase;
        color: #676C76;
    }
    /*--------------------Buttons--------------------------------------*/

    .button-default-black {
        background-color: #252525 ;
        color: #ffffff
    }

        .button-default-black:hover {
            background-color: #404042;
            ;
            color: #ffffff
        }

    .button-cnt {
        padding-top: 40px;
    }

    .large-button {
        line-height: 17px;
    }

    .default-button {
        padding: 14px 14px;
    }

    .small-button {
        letter-spacing: 0.8px;
    }

    .extra-small-button {
        padding: 8px 10px;
        font-size: 13px;
        letter-spacing: 0.8px;
        line-height: 16px;
    }

    /*------------------------------spaces begin---------------------------------*/
    .row-error-msg {
        padding: 64px ;
        text-align: left
    }

        .row-error-msg .col2 {
            text-align: left
        }

    .xsmall {
        padding: 16px 0
    }

    .small {
        padding: 24px 0
    }

    .medium {
        padding: 32px 0
    }

    .large {
        padding: 40px 0
    }

    .xlarge {
        padding: 64px 0
    }


    .header-wrap_ {
        display: none;
    }

    .header-wrap_mobile-bottom {
        padding-right: 25px;
    }

    .header-wrap_mobile-top, .header-wrap_mobile-bottom {
        background-color: #252525;
        padding: 15px 24px;
    }

    .hidden {
        display: none;
    }

    .visible {
        display: inline-block;
    }

    .top-nav-mobile {
        padding: 0 0 20px 0;
    }

        .top-nav-mobile ul {
            padding: 0;
        }

        .top-nav-mobile li {
            min-height: 48px;
            font-size: 17px;
            line-height: 140%;
            align-items: center;
            display: block;
        }

            .top-nav-mobile li a {
                color: #ffffff ;
            }

    .header-mobile {
        display: block;
        padding: 0;
    }

    .logo-mobile {
        display: inline-block;
    }

    .close-mobile {
        background: url('https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/ico/close.png') no-repeat;
        min-width: 14px;
    }

    .menu-mobile {
        background: url('../images/icons/menu.png') no-repeat;
        min-width: 18px;
    }

    .login-mobile-top {
        font-size: 13px;
        line-height: 16px;
        align-items: center;
        text-align: right;
        letter-spacing: 0.8px;
        text-transform: uppercase;
        padding-right: 25px;
    }

        .login-mobile-top a {
            color: #ffffff;
        }

    .collaps-mobile-menu, .expand-mobile-menu {
        position: absolute;
        right: 32px;
        padding-top: 10px;
    }

    .header-wrap_mobile-top {
        margin-bottom: 0 ;
        margin-top: 0 ;
        position: relative;
        top: 0;
        border-radius: 0;
    }

        .header-wrap_mobile-top button {
            border: none;
            vertical-align: text-bottom;
            background-color: transparent;
            padding: 7px 10px;
        }

    .button-default {
        height: 40px;
        padding: 12px 14px;
        font-size: 13px;
        margin: 2px
    }

    .button-row1 div {
        width: 49% ;
    }

    .button-row-footer {
        padding: 12px 0 32px 0;
    }

    .links-row {
        padding: 40px 0;
    }

    .links-row-contact {
        display: block;
    }

        .links-row-contact div {
            display: inline-block;
            height: 40px;
            width: 49%;
            text-align: left;
            min-width: 124px;
        }

    .footer-top, .footer-middle, .footer-bottom {
        padding: 24px;
        height: auto;
    }

    .footer-top {
        height: auto;
        font-size: 12px;
        letter-spacing: 1px;
    }

    .footer-top-1, .footer-top-2 {
        display: inline-block;
        width: 100%;
        padding: 0;
    }

        .footer-top-1 .button-row1 {
            padding: 12px 0 32px;
            order: 2
        }

        .footer-top-2 .header {
            height: 10px ;
        }

    .footer-top-3 {
        order: 1
    }

    .footer-top-1 .header, .footer-top-2 .header {
        height: 30px;
    }

    .footer-middle {
        font-size: 15px;
        letter-spacing: 0.2px;
    }

    .footer-middle-1, .footer-middle-4 {
        width: 100%;
    }

    .footer-middle-2, .footer-middle-3 {
        width: 49%;
        padding: 30px 0px;
    }

    .footer-middle .white-logo {
        padding-bottom: 20px;
    }

    .footer-middle-4 ul {
        text-align: center;
    }

        .footer-middle-4 ul li {
            display: inline;
            padding-right: 8%;
        }

    .footer-middle .white-logo, .app-container {
        display: inline-block;
        width: 49%;
        vertical-align: middle;
        text-align: left;
    }

    .footer-bottom {
        background-color: #1C1C1C;
        padding: 20px;
        height: auto
    }

    .grey span {
        display: none;
    }

    .territories .white, .territories .grey {
        padding-right: 6px;
    }


    /*------------------------Leading page begin -----------------------------------*/
    .top-leading-page {
        padding: 50px 24px;
        min-height: 425px;
    }

    .page-title {
        letter-spacing: 1.8px;
    }

    .top-leading-page h2 {
        margin: 0;
        padding: 24px 0;
    }

    .page-description {
        max-width: 657px;
    }

    .white-search-box {
        background-color: #ffffff;
        min-height: 198px;
        height: auto;
        box-shadow: 0px 12px 64px rgba(0, 0, 0, 0.12);
        max-height: 100%;
        border-radius: 4px;
        position: relative
    }

        .white-search-box .col-md-1, .white-search-box .col-md-4 {
            text-align: right;
            vertical-align: middle
        }

    /******************************************Personal Training*******************************************************************************************/
    .pt-row1 > .col2 {
        width: 100%;
    }

    .pt-row1 {
        padding: 58px 24px;
    }

    .col2 > div {
        display: block;
    }

        .col2 > div span {
            width: 109px;
        }

    .pt-row2, .pt-row3, .pt-row4, .trainers-corner, .testimonials {
        text-align: left;
        padding: 64px 24px
    }

    .image1 {
        background-image: url('/PublishingImages/PT/middle-mobile.png');
        height: 251px;
    }
}

@media only screen and (max-width: 410px) and (min-width: 320px) {
    .button-default {
        height: 40px;
        padding: 12px 8px;
        font-size: 11px;
        margin: 2px 0
    }
}


@media (min-width: 481px) {
    .mobile {
        display: none
    }

    .desktop {
        display: inline-block
    }
}

@media only screen and (max-width: 940px) and (min-width: 481px) {
    .footer-top-inner {
        flex-direction: column;
    }

    .footer-top-1 {
        padding: 0 16px 16px 0 ;
        flex: 0 0 50% ;
        order: 2
    }

    .footer-top-2 {
        padding: 0 16px 0 0 ;
        flex: 0 0 50% ;
        order: 3
    }

    .footer-top-3 {
        padding: 0 0 32px 0;
        order: 1
    }
}

@media (max-width: 480px) {

    .Rockstar .select_box {
        margin-top: 45px ;
    }


    .footer-top-inner {
        flex-direction: column;
    }

    .footer-top-1 {
        padding: 0 16px 16px 0 ;
        flex: 0 0 50% ;
        order: 2
    }

    .footer-top-2 {
        padding: 0 16px 0 0 ;
        flex: 0 0 50% ;
        order: 3
    }

    .footer-top-3 {
        padding: 0 0 32px 0;
        order: 1
    }

    .button-row1 div {
        width: 48% ;
    }
    /*------------------------Leading page end  search component  -----------------------------------*/
    .load-more-content .container, .load-more-content .row, .load-more-content .col-md-6 {
        padding-left: 0;
        padding-right: 0
    }

    #resultscontainer {
        padding-left: 24px;
        padding-right: 24px
    }

    #filter {
        text-align: left;
        padding: 16px 14px;
    }

    .input-wrap {
        border-bottom: none
    }

    #name {
        font-size: 18px;
        line-height: 140%;
        height: 30px; /* min-width: 254px;   width: 85%; */
    }

    .white-search-box {
        padding: 10px 20px;
    }

        .white-search-box .button-default {
            width: 100%
        }

    .input-wrap .col-md-6 {
        padding-bottom: 32px;
        border-bottom: 1px solid #DBDBDC;
        padding-right: 0
    }

    .input-wrap img {
        width: 20px
    }
    /*#filter .loc-img{width:14px;}*/
    #filter .loc-txt {
    }

    #filter .mobile {
        text-align: right
    }

    .mobile {
        display: inline-block
    }

    .desktop {
        display: none ;
    }

    .input-wrap {
        height: 86px;
    }

    .col-item-cnt {
        -webkit-column-count: 2 ;
        -moz-column-count: 2 ;
        column-count: 2 ;
    }

    .all-clubs-results {
        padding: 0
    }

        .all-clubs-results > div {
            padding: 40px 0 0
        }

    .auto-cnt .page-title {
        padding-top: 18px
    }

    .all-clubs-results h4 {
        padding-bottom: 24px
    }

    .results-items {
        height: 228px;
        padding-top: 0
    }

    .result-col1 .row2, .result-col2 .row2, .result-col1 .row3, .result-col2 .row3 {
        text-align: left;
        padding-bottom: 10px
    }

    .result-col2 .row1 {
        min-height: 12px;
    }

    #filter .col-1, #filter .col-2 {
        display: inline-block;
    }

    #filter .col-2 {
        text-align: right;
        width: 35%;
    }

    .white-search-box .modal-content {
        text-align: left;
    }

    .white-search-box .modal-content {
        padding: 24px 24px 0 24px
    }

        .white-search-box .modal-content .close {
            color: #EB0029;
            min-width: 20px;
            opacity: 1;
            font-size: 25px
        }

    .white-search-box .modal-header {
        padding: 0 0 24px 0;
    }

    .white-search-box .filter-row {
        padding-top: 17px;
    }

    .white-search-box #myModal {
        text-align: center
    }

    .filter-row .left {
        padding-left: 0;
        padding-bottom: 24px;
    }

    .white-search-box .modal-dialog {
        width: 375px;
        display: inline-block;
    }

    .filter-row .select_box {
        width: 312px;
    }

        .filter-row .select_box select {
            width: 330px;
        }

    .white-search-box .modal-footer {
        padding: 12px 5px;
    }

    .rangeslider {
        padding-bottom: 150px;
        width: 100%
    }

    /******************************************************************************************************************************************************/

}

@media (max-width: 323px) {

    .button-row1 div {
        padding: 12px;
    }
}

@media screen and (max-width: 768px) {
    .site-content .personal-trainer-card .close-modal {
        position: fixed
    }

    .site-content .personal-trainer-card .personal-trainer-card-img {
        /* width: 600px;*/
        max-height: 375px;
        min-width: 324px;
    }

        .site-content .personal-trainer-card .personal-trainer-card-img img {
            max-height: 375px;
            object-fit: cover;
            width: 100%;
            object-position: top
        }
}

.hr-sarch-mobile {
    display: none
}

.location {
    /*margin-left: 10px;*/
}

@media screen and (max-width: 480px) {

    .site-content .personal-trainer-card .personal-trainer-card-img {
        /*width:50%;*/
    }

        .site-content .personal-trainer-card .personal-trainer-card-img img {
            /*   width:50%;*/
        }


    .p5-12 {
        font-size: 12px ;
    }
}

/********SharePoint***************/

.ms-cui-menu, .ms-dlgContent {
    border: 1px solid #bec1c4;
    z-index: 999999999 ;
}


/************legal************/
.legal .rich-text- li, .legal .rich-text- li span, .rich-text- div, .rich-text- span, .legal .rich-text- span, .legalNav {
    font-family: "Gotham SSm A", "Gotham SSm B" ;
    font-weight: 300 ;
    color: #252525 ;
    font-size: 18px ;
    line-height: 150% ;
}

.legalNav {
    font-weight: 500;
}

.link-list-contain {
    position: relative;
    width: 100%;
    font-size: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
    clear: both;
}

.module-4-content {
    position: relative;
    width: 100%;
    font-size: 100%;
    height: auto;
    display: block;
    margin: 48px 0 0 0;
    padding: 0;
    min-height: 128px;
}

.wrapper a {
    display: inline-block;
    margin: 0 30px 0 0;
}

.wrapper {
    width: 742px;
}

@media screen and (max-width: 480px) {
    .subnav {
        width: 100%;
        height: 60px;
        padding: 10px;
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .wrapper a {
        display: inline-block;
        margin: 0 20px 0 0;
    }
}

.human-container {
    padding: 24px 38px;
    margin-bottom: 5px;
}

.img-cnt {
    padding-bottom: 20px;
}

.human-title {
    font-weight: 500;
    text-transform: uppercase;
    padding: 5px 0;
}

@media screen and (max-width: 480px) {
    .cent-ctn li {
        text-indent: 0 ;
    }
}

.ub-emb-close, .ub-emb-iframe-wrapper .ub-emb-close {
    min-width: 0 ;
}


/**********************************************************************************************************************************************/
/**********************************************************************************************************************************************/

/**********************************iso-virgin.min.css  begin****************************************/
.glyph-heading .figma-icon {
    float: left;
}

.glyph-heading h1,
.glyph-heading h2,
.glyph-heading h3,
.glyph-heading h4,
.glyph-heading p {
    overflow: hidden;
}

.glyph-right {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

    .glyph-right .figma-icon {
        float: right;
    }

    .glyph-right h1,
    .glyph-right h2,
    .glyph-right h3,
    .glyph-right h4,
    .glyph-right p {
        overflow: hidden;
    }

.iso-gotham-book {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 300;
}

.iso-gotham-medium {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 400;
}

.iso-gotham-bold {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 500;
}

h1 {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 300;
    line-height: 130%;
    font-size: 60px;
    color: #000;
    letter-spacing: -1px;
}

h2 {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 300;
    line-height: 130%;
    font-size: 40px;
    color: #252525;
    letter-spacing: -1px;
}

h3 {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 300;
    line-height: 130%;
    font-size: 30px;
    letter-spacing: .2px;
    color: #252525;
}

h4 {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 400;
    font-size: 22px;
    color: #000;
}

h5 {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 400;
    font-size: 20px;
    line-height: 110%;
    color: #000;
}

p {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 300;
    color: #252525;
    font-size: 18px;
    line-height: 150%;
}

    p.p1body, p.p1body a {
        font-family: "Gotham SSm A", "Gotham SSm B";
        font-weight: 300;
        color: #252525;
        font-size: 18px;
        line-height: 150%;
    }

    p.p2body, p.p2body a {
        font-family: "Gotham SSm A", "Gotham SSm B";
        font-weight: 300;
        color: #252525;
        font-size: 16px;
        line-height: 150%;
    }

    p.p3body, p.p3body a {
        font-family: "Gotham SSm A", "Gotham SSm B";
        font-weight: 300;
        color: #252525;
        font-size: 14px;
        line-height: 140%;
    }

        p.p3body, p.p3body a:hover {
            font-family: "Gotham SSm A", "Gotham SSm B";
            font-weight: 300;
            color: #252525;
            font-size: 14px ;
            line-height: 140%;
        }


    p.p4body, p.p4body a {
        font-family: "Gotham SSm A", "Gotham SSm B";
        font-weight: 400;
        color: #404042;
        font-size: 14px;
        line-height: 140%;
    }

li.p4body, li.p4body a {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 500;
    color: #404042;
    font-size: 14px;
    line-height: 140%;
}

.site-content a {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 400;
    /* font-size: 14px;*/
    letter-spacing: .3px;
}

@media only screen and (max-width:480px) {
    h1, h1 a {
        font-size: 30px;
        letter-spacing: -.4px;
    }

    h2, h2 a {
        font-size: 28px;
        letter-spacing: -.4px;
    }

    h3, h3 a {
        font-size: 24px;
        letter-spacing: -.4px;
        color: #252525;
    }

    h4, h4 a {
        line-height: 130%;
        font-size: 20px;
    }

    h5, h5 a {
        font-size: 18px;
        line-height: 140%;
    }

    p, p a {
        font-size: 14px;
        line-height: 150%;
    }

        p.p1body, p.p1body a {
            font-size: 14px;
            line-height: 150%;
        }

        p.p2body, p.p2body a {
            font-size: 14px;
            line-height: 140%;
        }

        p.p3body, p.p3body a {
            font-size: 12px;
            line-height: 140%;
        }
}

label[for*="input"],
label[htmlfor*="input"] {
    display: block;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 400;
    font-size: 12px;
    color: #161616;
    line-height: 110%;
    letter-spacing: 1px;
    letter-spacing: .3px;
    padding-bottom: 7px;
}

.has-success .form-control,
input.form-control {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 300;
    color: #161616;
    font-size: 14px;
    line-height: 140%;
    border-color: #b6b6b8;
    border-radius: 4px;
    border-width: 1px;
    padding: 10px;
    line-height: 40px;
    transition: border-color .7s ease;
    letter-spacing: .2px;
    height: 40px;
    -webkit-box-shadow: none ;
    box-shadow: none ;
}

    input.form-control.disabled {
        pointer-events: none;
        border-color: #dbdbdc;
    }

    input.form-control:hover:not(.disabled) {
        border-color: #676c76;
        transition: .2s;
        transition: border-color .7s ease;
    }

    input.form-control:focus:not(.disabled) {
        border-color: #161616;
        border-width: 2px;
        transition: .2s;
        transition: border-color .7s ease;
    }

.form-input-error {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 400;
    font-size: 12px;
    color: #eb0029;
    line-height: 110%;
    letter-spacing: 1px;
}

.form-group .form-input-error {
    display: none;
}

.form-group.has-feedback.has-error input {
    border-width: 2px;
    border-color: #f13939;
}

.form-group.has-feedback.has-error span.form-control-feedback {
    top: 34px;
    right: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M11%2015H13V17H11V15ZM11%207H13V13H11V7ZM11.99%202C6.47");
    opacity: 1;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.form-group.has-feedback.has-error .form-input-error {
    display: block;
    padding-top: 7px;
}

input.iso-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    display: none;
}


@media only screen and (max-width:481px) {
    select {
        width: 100%;
    }
}

input.iso-checkbox[type="checkbox"]:checked + label {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M19%203H5C3.89%203%203%203.9%203%205V19C3%2020.1%203.89");
    opacity: 1;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    width: auto;
    height: auto;
}

input.iso-checkbox[type="checkbox"] + label {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 300;
    color: #252525;
    font-size: 14px;
    line-height: 140%;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M19%205V19H5V5H19ZM19%203H5C3.9%203%203%203.9%203%205V1");
    opacity: 1;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    padding-left: 43px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.primary-btn {
    text-transform: uppercase;
    background: #eb0029;
    color: #fff;
    letter-spacing: 1px;
    padding: 16px;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    width: auto;
    height: 48px;
}

@media only screen and (max-width:480px) {
    .primary-btn {
        height: 40px;
        padding-top: 11px;
    }
}

.submit-btn:hover,
.primary-btn:hover,
.primary-btn:active,
.primary-btn:focus {
    background: #d90026;
    outline: 0;
    color: #fff;
}

.submit-btn {
    text-transform: uppercase;
    background: #eb0029;
    color: #fff;
    letter-spacing: 1px;
    padding: 16px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    width: 242px;
    height: 48px;
}

@media only screen and (max-width:481px) {
    .submit-btn {
        width: 100%;
    }
}

.submit-btn:disabled,
.primary-btn:disabled {
    background: #c8c9c9;
    pointer-events: none;
}

.secondary-btn {
    text-transform: uppercase;
    background: #fff;
    color: #161616 ;
    letter-spacing: 1px;
    padding: 16px;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    border: none;
    border-radius: 2px ;
    cursor: pointer;
    width: auto;
    height: 48px ;
}

@media only screen and (max-width:768px) {
    .secondary-btn {
        height: 40px ;
        padding-top: 11px;
    }
}

.secondary-btn-black {
    text-transform: uppercase;
    background: #fff;
    color: #161616 ;
    letter-spacing: 1px;
    padding: 16px;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    border: none;
    border-radius: 2px ;
    cursor: pointer;
    width: auto;
    height: 48px ;
    color: #fff ;
    background-color: #252525;
}

@media only screen and (max-width:768px) {
    .secondary-btn-black {
        height: 40px ;
        padding-top: 11px;
    }
}

.secondary-btn:hover,
.secondary-btn:active,
.secondary-btn:focus {
    background: #f0f1f2;
    outline: 0;
}

.secondary-btn:disabled {
    background: #fff;
    pointer-events: none;
    color: #c8c9c9;
}

.red-text-btn {
    text-transform: uppercase;
    background: none;
    color: #eb0029;
    letter-spacing: 1px;
    padding: 16px;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    width: auto;
    height: 48px;
}

@media only screen and (max-width:768px) {
    .red-text-btn {
        height: 40px ;
        padding-top: 11px;
    }
}

.red-text-btn:hover,
.red-text-btn:active,
.red-text-btn:focus {
    color: #d90026;
    outline: 0;
}

.red-text-btn:disabled {
    background: #fff;
    pointer-events: none;
    color: #c8c9c9;
}

.pill-btn {
    background: none;
    color: #676c76;
    letter-spacing: 1px;
    padding: 16px 14px;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    border: solid;
    border-width: 1px;
    border-radius: 3px;
    border-color: #dbdbdc;
    cursor: pointer;
    width: auto;
    min-width: 110px;
    height: 56px;
}

    .pill-btn:focus,
    .pill-btn.active {
        color: #eb0029;
        border-color: #eb0029;
        border-width: 2px;
        outline: 0;
    }

    .pill-btn:hover:not(.active) {
        color: #676c76;
        border-color: #9b9fa8;
    }

    .pill-btn:disabled {
        background: #fff;
        pointer-events: none;
        color: #c8c9c9;
    }

.section-overline-title {
    display: inline-block;
    padding-top: 90px;
    padding-bottom: 45px;
}

@media only screen and (max-width:480px) {
    .section-overline-title {
        padding-top: 64px;
        padding-bottom: 24px;
    }
}

.section-main-title {
    padding-bottom: 32px;
}

@media only screen and (max-width:480px) {
    .section-main-title {
        padding-top: 24px;
    }
}

.section-headline-copy {
    padding-bottom: 80px;
}

@media only screen and (max-width:480px) {
    .section-headline-copy {
        padding-bottom: 40px;
    }
}

.section-headline-copy .p1body {
    margin-bottom: 0;
}

.showing-modal {
    overflow: hidden;
}

#app-contact .modal {
    width: 100%;
    height: 100%;
    overflow-x: inherit;
    overflow: auto;
}

.modal-content {
    border: none;
}

.href-text {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 500;
    font-size: 18px;
    color: #252525;
}

    .href-text:visited {
        color: #252525;
    }

.generic-page a {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 300;
    font-size: 16px;
    color: #252525;
}

    .generic-page a:visited {
        color: #252525;
    }

    .generic-page a:hover {
        text-decoration: underline ;
    }

.vertical-align {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.hidden {
    display: none ;
}

.homepage-section-grey {
    background: #f0f1f2;
}

.homepage-section {
    padding-bottom: 50px;
    margin-top: 24px;
}

@media only screen and (min-width:769px) {
    .classes-section-home .draggable {
        height: 500px
    }
}

@media only screen and (max-width:480px) {
    .homepage-section {
        padding-bottom: 32px;
    }

    .social-media-content-classes {
        padding: 24px ;
    }
}

@media only screen and (max-width:1200px) {
    .section-heading {
        padding: 10% 11% 10% 11%;
    }
}

@media only screen and (min-width:1200px) {
    .section-heading {
        padding: 115px 22% 5% 22%;
    }
}

@media only screen and (max-width:1200px) {
    .section-heading {
        padding: 40px 24px 40px 24px;
    }
}

@media only screen and (max-width:1200px) {
    .section-heading-left {
        padding: 10% 11% 10% 11%;
    }
}

@media only screen and (min-width:1200px) {
    .section-heading-left {
        padding: 115px 0 85px 98px;
    }
}

@media only screen and (max-width:1200px) {
    .section-heading-left {
        padding: 40px 24px 40px 24px;
    }
}

@media only screen and (min-width:993px) {
    .section-heading-center {
        text-align: center;
    }
}

@media only screen and (max-width:1200px) {
    .section-heading-center {
        padding: 10% 11% 10% 11%;
    }
}

@media only screen and (min-width:1200px) {
    .section-heading-center {
        padding: 115px 98px 85px 98px;
    }
}

@media only screen and (max-width:1200px) {
    .section-heading-center {
        padding: 40px 24px 40px 24px;
    }
}

svg {
    margin-bottom: -5px;
}

.homepage-section-left .heading-content {
    padding-right: 98px;
}

@media only screen and (max-width:1200px) {
    .homepage-section-left {
        padding: 0% 3% 0% 3%;
    }
}

@media only screen and (min-width:1200px) {
    .homepage-section-left {
        padding: 0 0 140px 98px;
    }
}

.section-heading .heading-content {
    max-width: 1000px;
    margin: auto;
}

.heading-content h2 {
    margin-top: 0;
    margin-bottom: 0;
}

#MainContent {
    padding-top: 88px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

@media only screen and (max-width:1200px) {
    #MainContent {
        padding-top: 64px;
    }
}

#MainContent.nav-shrink {
    padding-top: 64px;
}

.content-container {
    width: 100%;
    padding: 0 24px;
}

@media only screen and (max-width:480px) {
    .content-container {
        padding-left: 0;
        padding-right: 0;
        overflow-x: hidden;
    }
}

html,
body {
    width: 100%;
    margin: 0;
    padding: 0;
}

footer {
    position: relative;
}

.dropbtn {
    color: #000;
    padding-left: 16px;
    font-size: 16px;
    border: 2px solid #f0f1f2;
    border-radius: 2px;
    height: 48px;
    padding-top: 11px;
    width: 218px;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 300;
    padding-right: 35px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dropdown {
    margin: 0;
    margin-left: 16px;
    position: relative;
    width: 237px;
    height: 40px;
    background-image: url(/css/icon-svg/arrow-dropdown-red.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 92%;
}

    .dropdown::-webkit-scrollbar {
        width: 21px;
        height: 5px;
    }

    .dropdown::-webkit-scrollbar-thumb {
        height: 200px;
        width: 5px;
        border: 8px solid rgba(0, 0, 0, 0);
        background-clip: padding-box;
        -webkit-border-radius: 32px;
        background-color: rgba(0, 0, 0, .15);
        -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, .05), inset 1px 1px 0 rgba(0, 0, 0, .05);
    }

    .dropdown::-webkit-scrollbar-button {
        width: 0;
        height: 0;
        display: none;
    }

    .dropdown::-webkit-scrollbar-corner {
        background-color: transparent;
    }

    .dropdown .dropdown-content {
        display: none;
        position: absolute;
        background-color: #fff;
        border: 2px solid #f0f1f2;
        border-top: none;
        height: 272px;
        overflow-y: scroll;
        overflow-x: hidden;
        z-index: 1;
        width: 237px;
        box-shadow: 0 3px 7px rgba(0, 0, 0, .33);
        border-radius: 4px;
        max-height: 236px;
        top: -63px;
    }

        .dropdown .dropdown-content div {
            color: #000;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            height: 40px;
            cursor: pointer;
        }

            .dropdown .dropdown-content div span.active {
                font-weight: 500 ;
            }

            .dropdown .dropdown-content div span {
                font-family: "Gotham SSm A", "Gotham SSm B";
                font-weight: 300;
            }

    .dropdown.dropdown-open .dropdown-content {
        display: block;
    }

.modal-body {
    background: #fff;
    height: 100%;
    max-width: 1440px;
    margin: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

    .modal-body > div:first-of-type {
        margin-bottom: 16px;
    }

    .modal-body a {
        display: contents;
    }

.modal {
    overflow: hidden;
}

body.modal-open {
    padding-right: 0 ;
}

.modal-dialog {
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}

.benefits .modal-dialog {
    height: auto;
}

.benefits .personal-trainer-card {
    top: 202px;
}

@media only screen and (max-width:768px) {
    .benefits .modal-dialog {
        height: 100%;
    }

    .benefits .personal-trainer-card {
        top: 0px;
    }
}

.modal-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0;
    box-shadow: none;
}

    .modal-content .close-button {
        position: absolute;
        top: 74px;
        right: 74px;
        z-index: 1;
        background: transparent;
    }

@media only screen and (max-width:768px) {
    .modal-content .close-button {
        top: 23px;
        right: 23px;
    }
}

.modal-content .close-button svg {
    height: 28px;
    width: 28px;
}

@media only screen and (max-width:768px) {
    .modal-content .close-button svg {
        height: 18.67px;
        width: 18.67px;
    }
}

.modal-content-lg {
    position: relative;
    height: auto;
}

.desktop-facility .facilities-slider {
    width: 60.869%;
    margin-right: -13.04347826%;
}

@media only screen and (min-width:480px) and (max-width:992px) {
    .desktop-facility .facilities-slider {
        width: 100%;
        margin-right: 0%;
    }
}

@media only screen and (max-width:992px) {
    .desktop-facility .facilities-slider {
        padding-top: 5%;
    }
}

.facility-wrapper {
    padding-left: 98px;
    padding-right: 98px;
}

@media only screen and (max-width:480px) {
    .facility-wrapper {
        padding-left: 0%;
        padding-right: 0%;
    }
}

@media only screen and (min-width:480px) and (max-width:768px) {
    .facility-wrapper {
        padding-left: 40px;
        padding-right: 40px;
    }
}

.facility-header-container {
    max-width: 1196px;
    margin: 0 auto;
}

@media only screen and (min-width:481px) and (max-width:768px) {
    .facility-header-container {
        max-width: 640px;
    }
}

@media only screen and (max-width:480px) {
    .facility-header-container {
        margin-left: 24px;
        margin-right: 24px;
    }
}

.facility-header-container .section-main-title {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 45px;
    padding-top: 0;
}

@media only screen and (max-width:992px) {
    .facility-header-container .section-main-title {
        padding-bottom: 43px;
    }
}

.facility-collapse-container h4 {
    cursor: pointer;
}

    .facility-collapse-container h4:hover,
    .facility-collapse-container h4:active {
        color: #eb0029;
    }

.progress-container {
    width: 100%;
    background-color: #c4c4c4;
    height: 1px ;
}

.active-timer-bar {
    height: 4px ;
}

.timer-bar {
    width: 0%;
    background: #eb0029;
    height: 4px;
}

@media only screen and (min-width:480px) {
    .mobile-facility {
        display: none;
    }
}

@media only screen and (max-width:480px) {
    .mobile-facility {
        display: block;
    }
}

.desktop-facility {
    max-width: 1196px;
    margin: 0 auto;
}

@media only screen and (min-width:481px) and (max-width:768px) {
    .desktop-facility {
        max-width: 640px;
    }
}

@media only screen and (max-width:480px) {
    .desktop-facility {
        margin-left: 24px;
        margin-right: 24px;
    }
}

.desktop-facility .accordian-container {
    width: 36.287%;
}

@media only screen and (min-width:480px) and (max-width:992px) {
    .desktop-facility .accordian-container {
        width: 100%;
    }
}

@media only screen and (min-width:480px) {
    .desktop-facility {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-bottom: 144px;
    }
}

@media only screen and (max-width:480px) {
    .desktop-facility {
        display: none;
    }
}

@media only screen and (max-width:480px) {
    .facility-container {
        background: #f0f1f2;
        margin-right: 0 ;
        margin-left: 0 ;
    }

        .facility-container .carousel .item {
            width: 100%;
            max-height: 755px;
        }

    .carousel .item img {
        width: 100% ;
    }

    .carousel-caption {
        position: relative;
        left: auto;
        right: auto;
        background: #252525;
        color: #fff;
        min-height: 235px;
        padding-left: 15%;
        padding-right: 15%;
        text-align: left;
        text-shadow: none;
    }

        .carousel-caption h3 {
            color: #fff;
        }

        .carousel-caption .p2body {
            color: #fff;
        }

    ul.carousel-indicators li.active {
        border: 0 solid #eb0029;
        background-color: #eb0029;
        border-radius: 0 ;
        height: 4px;
        width: 40px;
    }

    ul.carousel-indicators li {
        border: 0 solid #b6b6b8;
        background-color: #b6b6b8;
        border-radius: 0 ;
        height: 4px;
        width: 40px;
        margin: 1px;
    }

    ul.carousel-indicators {
        list-style-type: square;
        list-style-position: inside;
    }
}

.carousel-indicators {
    min-width: 273px;
    bottom: 40px ;
}

@media only screen and (max-width:371px) {
    .carousel-indicators {
        margin-left: -33%;
    }
}

.mobile-facility {
    margin-left: -20px;
    margin-right: -20px;
}

.facility-panel {
    cursor: pointer;
}

    .facility-panel span.add-icon {
        float: right;
    }

    .facility-panel .flex-h4 {
        height: 60px ;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .facility-panel h4 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .facility-panel .p3body {
        padding-bottom: 38px;
        margin-bottom: 0;
    }

.facility-row {
    padding-bottom: 100px;
}

.carousel-inner .item img {
    width: 100%;
}

.carousel-control {
    position: absolute;
    top: 18%;
    bottom: 100%;
    z-index: 5;
    display: inline-block;
    opacity: 1 ;
}

.desktop-carousel-container {
    float: left;
    padding-top: 20px;
}

.mobile-carousel-controls i {
    opacity: 1 ;
    color: #fff ;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 10px;
    padding-left: 7px;
    background: rgba(0, 0, 0, .8);
}

.carousel-control.left {
    margin-left: 40px;
}

.carousel-control.right {
    margin-right: 40px;
}

.carousel-control.left i {
    padding-left: 7px;
}

.carousel-control.right i {
    padding-right: 7px;
}

#facilityModal .modal-dialog {
    margin: 0;
}

    #facilityModal .modal-dialog .modal-content {
        background: transparent;
    }

        #facilityModal .modal-dialog .modal-content .modal-body {
            background: transparent;
            max-width: 845px;
            margin: 0 auto;
            margin: auto;
            padding: 0;
        }

@media only screen and (min-width:481px) and (max-width:768px) {
    #facilityModal .modal-dialog .modal-content .modal-body {
        max-width: 640px;
    }
}

@media only screen and (max-width:480px) {
    #facilityModal .modal-dialog .modal-content .modal-body {
        margin-left: 24px;
        margin-right: 24px;
    }
}

@media only screen and (max-width:767.98px) {
    #facilityModal .modal-dialog .modal-content .modal-body {
        max-width: none;
        margin: 0;
    }
}

#facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content {
    border-radius: 2px;
    width: 100%;
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    background: #fff;
    margin: 0;
    height: 69.8vh;
    max-height: 504px;
}

@media only screen and (max-width:767.98px) {
    #facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content {
        border-radius: 0;
    }
}

#facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .content {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    overflow: scroll;
}

@media only screen and (max-width:768px) {
    #facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .content {
        flex-direction: column;
        height: auto;
    }
}

#facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .content .facility-info-content-container {
    width: 50%;
}

@media only screen and (max-width:767.98px) {
    #facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .content .facility-info-content-container {
        width: 100%;
        order: 2;
        overflow-y: scroll;
    }
}

#facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .facility-image {
    width: 50%;
    height: 100%;
}

@media only screen and (max-width:767.98px) {
    #facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .facility-image {
        width: 100%;
    }
}

#facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .facility-image {
    background-position: center;
    background-size: cover;
    position: absolute;
    right: 0;
}

@media only screen and (max-width:767.98px) {
    #facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .facility-image {
        order: 1;
        height: 280px;
        min-height: 280px;
        position: relative;
    }
}

#facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .facility-info::-webkit-scrollbar {
    display: none;
}

#facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .facility-info {
    padding: 32px 32px 32px 48px;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    #facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .facility-info .facility-description {
        line-height: 150%;
        color: #000;
    }

@media only screen and (max-width:767.98px) {
    #facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .facility-info {
        order: 2;
        padding: 32px 24px 0 24px;
        height: auto;
        justify-content: flex-start;
        padding-bottom: 40px;
    }
}

#facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .facility-info.fade-bottom::after {
    content: '';
    width: 50%;
    height: 97px;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 2px;
    background: linear-gradient(transparent, #fff);
}

@media only screen and (max-width:768px) {
    #facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .facility-info.fade-bottom::after {
        content: none;
        border-radius: 0;
    }
}

#facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .facility-info .title {
    padding-bottom: 32px;
    margin-bottom: 0;
    color: #000;
}

@media only screen and (max-width:480px) {
    #facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .facility-info .title {
        padding-bottom: 23px;
        font-size: 18px;
    }
}

#facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .facility-info .title .inline-priority {
    color: #eb0029;
    padding-right: 5px;
    display: none;
}

@media only screen and (max-width:480px) {
    #facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .facility-info .title .inline-priority {
        display: inline-block;
    }
}

#facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .facility-info .priority {
    color: #eb0029;
    margin-bottom: 21px;
}

@media only screen and (max-width:480px) {
    #facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .facility-info .priority {
        display: none;
    }
}

@media only screen and (max-width:767.98px) {
    #facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content {
        padding: 0;
        flex-direction: column;
        align-items: center;
        height: 100%;
        max-height: none;
        overflow: scroll;
    }
}

#facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content.facility-info-fade {
    overflow: hidden;
    position: relative;
    flex-grow: 1;
    height: 100%;
}

@media only screen and (max-width:768px) {
    #facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content.facility-info-fade {
        overflow: unset;
        height: auto;
    }
}

#facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content.facility-info-fade .facility-info {
    padding-right: 68px;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    overflow: scroll;
}

@media only screen and (max-width:767.98px) {
    #facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content.facility-info-fade .facility-info {
        padding: 0 24px;
        overflow: unset;
        max-width: 480px;
        height: auto;
        margin-top: 375px;
        background: #fff;
    }
}

#facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .mobile-carousel-buttons {
    display: none;
    position: relative;
    border-top: 1px solid #dbdbdc;
}

    #facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .mobile-carousel-buttons .btn {
        color: #252525;
    }

    #facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .mobile-carousel-buttons .left-chevron-red {
        padding-right: 6px;
    }

    #facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .mobile-carousel-buttons .right-chevron-red {
        padding-left: 6px;
    }

@media only screen and (max-width:767.98px) {
    #facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .mobile-carousel-buttons {
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        background-color: #fff;
        width: 100%;
        padding: 0 24px;
        order: 3;
        position: fixed;
        bottom: 0;
    }
}

#facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .mobile-carousel-buttons button {
    height: 48px;
    background: none;
    border-radius: 0;
    opacity: initial;
    display: flex;
    align-items: center;
}

    #facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .mobile-carousel-buttons button:active {
        box-shadow: none;
    }

    #facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content .mobile-carousel-buttons button span {
        color: #eb0029;
    }

#facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content button {
    background-color: #252525;
    opacity: .7;
    border-radius: 50%;
    padding: 0;
}

    #facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content button:focus {
        outline: none;
    }

    #facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content button.close-button {
        position: absolute;
        top: 24px;
        right: 24px;
        width: 32px;
        height: 32px;
    }

@media only screen and (max-width:767.98px) {
    #facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content button.close-button {
        position: fixed;
    }
}

#facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content button.close-button svg {
    width: 22px;
}

#facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content button.left-chevron {
    width: 48px;
    height: 48px;
    position: fixed;
    left: 24px;
    top: 50%;
    margin-top: -24px;
}

#facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content button.right-chevron {
    width: 48px;
    height: 48px;
    position: fixed;
    right: 24px;
    top: 50%;
    margin-top: -24px;
}

#facilityModal .modal-dialog .modal-content .modal-body .facility-modal-content button svg {
    margin: 0;
    height: 100%;
    width: 14px;
}

.more-facilities-wrapper {
    max-width: 1196px;
    margin: 0 auto;
}

@media only screen and (min-width:481px) and (max-width:768px) {
    .more-facilities-wrapper {
        max-width: 640px;
    }
}

@media only screen and (max-width:480px) {
    .more-facilities-wrapper {
        margin-left: 24px;
        margin-right: 24px;
    }
}

@media only screen and (min-width:480px) and (max-width:1196px) {
    .more-facilities-wrapper {
        padding: 0 24px 0 24px;
    }
}

.more-facilities-wrapper .header {
    padding: 90px 0 45px 0;
    margin: 0;
}

@media only screen and (max-width:480px) {
    .more-facilities-wrapper .header {
        padding: 31px 0 33px 0;
    }
}

.more-facilities-wrapper .facility-blocks {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    /*margin-bottom: 80px;*/
}

@media only screen and (max-width:480px) {
    .more-facilities-wrapper .facility-blocks {
        margin-bottom: 34px;
    }
}

.more-facilities-wrapper .facility-blocks .facility-block-container {
    width: 31.85618729%;
    min-width: 284px;
}

@media only screen and (max-width:480px) {
    .more-facilities-wrapper .facility-blocks .facility-block-container {
        width: 100%;
    }
}

.more-facilities-wrapper .facility-blocks .facility-block-container .facility-block {
    width: fit-content;
    height: 56px;
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

    .more-facilities-wrapper .facility-blocks .facility-block-container .facility-block .label-caption-2 {
        color: #000;
    }

.facility-block-container .category {
    min-width: 188px;
    max-width: 188px;
    padding: 0 0 0 15px;
}


@media only screen and (max-width:768px) {
    .more-facilities-wrapper .facility-blocks .facility-block-container .facility-block .label-caption-2 {
        font-family: "Gotham SSm A", "Gotham SSm B";
        font-weight: 400;
        font-size: 14px;
    }
}

@media only screen and (min-width:767.98px) {
    .more-facilities-wrapper .facility-blocks .facility-block-container .facility-block:hover {
        background-color: #eb0029;
        color: #fff;
        /* margin-left: -24px;*/
    }

        .more-facilities-wrapper .facility-blocks .facility-block-container .facility-block:hover span {
            /* padding-left: 24px;*/
            color: #fff;
        }
}

.more-facilities-wrapper .facility-blocks .facility-block-container .facility-block .right-chevron-black,
.more-facilities-wrapper .facility-blocks .facility-block-container .facility-block .right-chevron-red {
    margin-left: 8px;
    margin-right: 15.7px;
    width: 24px;
    height: 24px;
}

.more-facilities-wrapper .facility-blocks .facility-block-container .facility-block .right-chevron-red {
    display: none;
}

@media only screen and (max-width:768px) {
    .more-facilities-wrapper .facility-blocks .facility-block-container .facility-block .right-chevron-red {
        display: block;
    }
}

.more-facilities-wrapper .facility-blocks .facility-block-container .facility-block .right-chevron-black {
    display: none;
}

@media only screen and (min-width:767.98px) {
    .more-facilities-wrapper .facility-blocks .facility-block-container .facility-block .right-chevron-black {
        display: block;
    }
}

.club-overview-container {
    padding-top: 64px;
    max-width: 1196px;
    margin: 0 auto;
}

    .club-overview-container #mapModal .modal-dialog {
        margin: 0;
    }

        .club-overview-container #mapModal .modal-dialog .modal-content {
            background: rgba(34, 46, 56, .9);
        }

            .club-overview-container #mapModal .modal-dialog .modal-content .close-button {
                position: absolute;
                top: 24px;
                right: 24px;
                background-color: #252525;
                opacity: .7;
                border-radius: 50%;
                padding: 0;
                width: 48px;
                height: 48px;
            }

            .club-overview-container #mapModal .modal-dialog .modal-content .modal-body {
                background: transparent;
                max-width: 896px;
                margin: 0 auto;
                margin: auto;
                padding: 0;
            }

@media only screen and (min-width:481px) and (max-width:768px) {
    .club-overview-container #mapModal .modal-dialog .modal-content .modal-body {
        max-width: 640px;
    }
}

@media only screen and (max-width:480px) {
    .club-overview-container #mapModal .modal-dialog .modal-content .modal-body {
        margin-left: 24px;
        margin-right: 24px;
    }
}

@media only screen and (max-width:767.98px) {
    .club-overview-container #mapModal .modal-dialog .modal-content .modal-body {
        max-width: none;
        margin: 0;
    }
}

.club-overview-container #mapModal .modal-dialog .modal-content .modal-body .map-modal-content {
    border-radius: 2px;
    width: 100%;
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    background: #fff;
    margin: 0;
    height: 69.8vh;
    max-height: 504px;
}

@media only screen and (max-width:767.98px) {
    .club-overview-container #mapModal .modal-dialog .modal-content .modal-body .map-modal-content {
        border-radius: 0;
    }
}

@media only screen and (max-width:767.98px) {
    .club-overview-container #mapModal .modal-dialog .modal-content .modal-body .map-modal-content {
        padding: 0;
        flex-direction: column;
        align-items: center;
        height: 100%;
        max-height: none;
        overflow: scroll;
    }
}

@media only screen and (max-width:480px) {
    .club-overview-container {
        padding-top: 48px;
        width: 100vw;
        margin-left: calc(50% - 50vw) ;
    }
}

.club-overview-container h1,
.club-overview-container h2,
.club-overview-container h3,
.club-overview-container h4 {
    margin: 0;
}

@media only screen and (min-width:481px) and (max-width:768px) {
    .club-overview-container {
        max-width: 640px;
    }
}

@media only screen and (max-width:480px) {
    .club-overview-container {
        margin-left: 24px;
        margin-right: 24px;
    }
}

@media only screen and (min-width:769px) and (max-width:1440px) {
    .club-overview-container {
        margin: 0 122px 0 122px;
    }
}

@media only screen and (min-width:480px) and (max-width:769px) {
    .club-overview-container {
        margin: 0 64px 0 64px;
    }
}

.club-overview-container h4 {
    color: #eb0029;
    padding-bottom: 24px;
    flex: 1 1 100%;
}

@media only screen and (max-width:1200px) {
    .club-overview-container h2 {
        padding-bottom: 32px;
    }
}

.club-overview-container .club-intro {
    padding-bottom: 48px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: normal;
    flex-wrap: wrap;
}

@media only screen and (min-width:1200px) {
    .club-overview-container .club-intro {
        padding-bottom: 128px;
    }
}

@media only screen and (max-width:480px) {
    .club-overview-container .club-intro {
        margin: 0 24px 0 24px;
    }
}

.club-overview-container .club-intro .tag-line {
    max-width: 524px;
}

.club-overview-container .club-intro .club-description {
    max-width: 542px;
}

.club-overview-container .club-information {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: normal;
}

@media only screen and (max-width:1250px) {
    .club-overview-container .club-information {
        flex-wrap: wrap;
        width: 100%;
    }
}

.club-overview-container .club-information .club-image {
    height: 600px;
    width: 74.91638796%;
}

@media only screen and (max-width:1250px) {
    .club-overview-container .club-information .club-image {
        height: auto;
        width: 100%;
    }
}

.club-overview-container .club-information .club-information-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}

.club-overview-container .club-information .club-detail {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: normal;
    padding: 32px;
    background-color: #252525;
    width: 25.08361204%;
    height: 600px;
}

@media only screen and (max-width:481px) {
    .club-overview-container .club-information .club-detail {
        padding: 24px;
    }
}

.club-overview-container .club-information .club-detail p,
.club-overview-container .club-information .club-detail span,
.club-overview-container .club-information .club-detail label {
    color: #fff;
}

.club-overview-container .club-information .club-detail p {
    margin-bottom: 6px;
}

.club-overview-container .club-information .club-detail hr {
    width: 100%;
    border-color: #404042;
    margin: 0;
}

@media only screen and (max-width:1250px) {
    .club-overview-container .club-information .club-detail {
        height: auto;
        width: 100%;
    }
}

.club-overview-container .club-location {
    padding-bottom: 32px;
}

    .club-overview-container .club-location .p1body {
        margin-bottom: 25px;
    }

.club-overview-container .club-contact,
.club-overview-container .club-manager,
.club-overview-container .club-hours {
    padding-top: 24px;
    padding-bottom: 14px;
}

@media only screen and (max-width:481px) {
    .club-overview-container .club-contact,
    .club-overview-container .club-manager,
    .club-overview-container .club-hours {
        padding-top: 20px;
        padding-bottom: 10px;
    }
}

.club-overview-container .arrow-icon {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M3%2013L17.17%2013L13.59%2016.59L15%2018L21%2012L15%206");
    opacity: 1;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-left: 14px;
}

.club-overview-container i.modal-close-icon::before {
    padding-left: 11px;
    width: 24px;
    height: 24px;
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M19%206.41L17.59%205L12%2010.59L6.41%205L5%206.41L10.59");
    display: inline-flex;
    margin-right: 16px;
    vertical-align: text-top;
}

.club-overview-container .phone-icon {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M6.62%2010.79C8.06%2013.62%2010.38%2015.93%2013.21%2017");
    opacity: 1;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
}

.club-overview-container .timey-icon {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M11.99%202C6.47%202%202%206.48%202%2012C2%2017.52%206.4");
    opacity: 1;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.club-overview-container .club-hours {
    padding-bottom: 0;
}

    .club-overview-container .club-hours .label-caption-3 {
        padding-bottom: 4px;
    }

    .club-overview-container .club-hours .days {
        font-family: "Gotham SSm A", "Gotham SSm B";
        font-weight: 400;
    }

.club-overview-container .manager-icon {
    border-radius: 50%;
    height: 32px;
    width: 32px;
}

.club-overview-container .primary-btn {
    padding: 5px 16px;
    height: 32px;
    margin-top: 14px;
}

.club-overview-container .grey-color {
    color: #dbdbdc ;
}

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

@media only screen and (min-width:481px) and (max-width:768px) {
    .pricing-container {
        max-width: 640px;
    }
}

@media only screen and (max-width:480px) {
    .pricing-container {
        margin-left: 24px;
        margin-right: 24px;
    }
}

@media only screen and (min-width:816px) and (max-width:1200px) {
    .pricing-container {
        min-height: 1230px;
    }
}

.pricing-container .hide {
    display: none;
}

.pricing-container .pricing-heading-description .p1body {
    display: flex;
    align-items: center;
    max-width: 780px;
    margin: 0 auto;
    min-height: 106px;
}

.pricing-container h2 {
    margin-top: 0;
}

.pricing-container .pricing-boxes {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    min-height: 400px;
}

@media only screen and (max-width:1200px) {
    .pricing-container .pricing-boxes {
        justify-content: space-around;
    }
}

.pricing-container .pricing-boxes .pricing-box {
    position: relative;
    width: 384px;
    border: 1px solid #dbdbdc;
    border-radius: 3px;
    padding: 40px 32px 25px 32px;
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    text-align: center;
}

@media only screen and (max-width:480px) {
    .pricing-container .pricing-boxes .pricing-box {
        text-align: left;
        padding: 32px 24px 24px 24px;
    }
}

@media only screen and (max-width:768px) {
    .pricing-container .pricing-boxes .pricing-box {
        width: 100%;
    }
}

.pricing-container .pricing-boxes .pricing-box .hidden-mobile-content {
    display: block;
}

@media only screen and (max-width:768px) {
    .pricing-container .pricing-boxes .pricing-box .hidden-mobile-content {
        display: none;
    }
}

.pricing-container .pricing-boxes .pricing-box .mobile-chevron {
    display: none;
    position: absolute;
    top: 32.59px;
    right: 30px;
    color: #252525;
}

@media only screen and (max-width:768px) {
    .pricing-container .pricing-boxes .pricing-box .mobile-chevron {
        display: inline;
    }
}

.pricing-container .pricing-boxes .pricing-box .promo-text {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: #fff;
    background: #252525;
    border-radius: 2px;
    padding: 2px;
    margin-top: -50px;
    position: absolute;
    padding-left: 6px;
    padding-right: 6px;
    height: 25px;
    padding-top: 5px;
}

@media only screen and (min-width:767.98px) {
    .pricing-container .pricing-boxes .pricing-box .promo-text {
        margin-left: 26.5%;
    }
}

@media only screen and (min-width:767.98px) and (max-width:768px) {
    .pricing-container .pricing-boxes .pricing-box .promo-text {
        margin-left: 35.5%;
    }
}

@media only screen and (max-width:480px) {
    .pricing-container .pricing-boxes .pricing-box .promo-text {
        margin-top: -43px;
    }
}

.pricing-container .pricing-boxes .pricing-box h4 {
    color: #eb0029;
    margin-bottom: 30px;
    margin-top: 0;
}

@media only screen and (max-width:480px) {
    .pricing-container .pricing-boxes .pricing-box h4 {
        margin-bottom: 24px;
    }
}

.pricing-container .pricing-boxes .pricing-box .additional-pricinging-information {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 300;
    font-size: 12px;
    display: flex;
    margin-bottom: 0;
}

    .pricing-container .pricing-boxes .pricing-box .additional-pricinging-information .savings {
        margin-left: auto;
    }

.pricing-container .pricing-boxes .pricing-box .p3body {
    margin-bottom: auto;
}

@media only screen and (min-width:481px) {
    .pricing-container .pricing-boxes .pricing-box .p3body {
        min-height: 76px;
    }
}

.pricing-container .pricing-boxes .pricing-box .p1body {
    margin-top: 25px;
    margin-bottom: 0;
}

@media only screen and (max-width:480px) {
    .pricing-container .pricing-boxes .pricing-box .p1body {
        margin-top: 32px;
    }
}

.pricing-container .pricing-boxes .pricing-box hr {
    margin-top: 25px;
}

.pricing-container .space-evenly.pricing-boxes {
    justify-content: space-evenly;
}

.pricing-container .toggle-button-desktop {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}

@media only screen and (max-width:768px) {
    .pricing-container .toggle-button-desktop {
        display: none;
    }
}

.pricing-container .toggle-button-desktop .only-paya,
.pricing-container .toggle-button-desktop .all-clubs {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 400;
    font-size: 20px;
}

@media only screen and (max-width:480px) {
    .pricing-container .toggle-button-desktop .only-paya,
    .pricing-container .toggle-button-desktop .all-clubs {
        font-size: 14px;
    }
}

.pricing-container .toggle-button-desktop .checked-toggle {
    color: #b6b6b8;
}

.pricing-container .toggle-button-desktop .unchecked-toggle {
    color: #252525;
}

.pricing-container .toggle-button-mobile {
    display: none;
    margin-bottom: 42px;
}

@media only screen and (max-width:768px) {
    .pricing-container .toggle-button-mobile {
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-left: 24px;
    }
}

@media only screen and (max-width:480px) {
    .pricing-container .toggle-button-mobile {
        margin-left: 0;
    }
}

.pricing-container .toggle-button-mobile .radio-button-group {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

    .pricing-container .toggle-button-mobile .radio-button-group .unchecked {
        color: #9b9fa8;
    }

    .pricing-container .toggle-button-mobile .radio-button-group .icon-unchecked:before {
        width: 24px;
        height: 24px;
        content: url("data:image/svg+xml,%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M12%202C6.48%202%202%206.48%202%2012C2%2017.52%206.48%2");
        display: inline-flex;
        margin-right: 16px;
        vertical-align: text-top;
    }

    .pricing-container .toggle-button-mobile .radio-button-group .icon-checked:before {
        width: 24px;
        height: 24px;
        content: url("data:image/svg+xml,%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M12%207C9.24%207%207%209.24%207%2012C7%2014.76%209.24%2");
        display: inline-flex;
        margin-right: 16px;
        vertical-align: text-top;
    }

.pricing-container .switch {
    position: relative;
    display: inline-block;
    width: 64px;
    height: 32px;
    background-color: #eb0029;
    border-radius: 40px;
    transition: all .3s;
    margin: 0 20px 0 20px;
    cursor: pointer;
}

@media only screen and (max-width:480px) {
    .pricing-container .switch {
        margin: 0 10px 0 10px;
    }
}

.pricing-container .switch::after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #fff;
    top: 4px;
    left: 4px;
    transition: all .3s;
}

.pricing-container .checkbox:checked + .switch::after {
    left: 36px;
}

.pricing-container .checkbox {
    display: none;
}

.flip {
    transform: rotate(-180deg);
}

.prices-section-heading {
    text-align: center;
}

@media only screen and (max-width:480px) {
    .prices-section-heading {
        text-align: left;
    }
}

.more-info {
    color: #9b9fa8;
}

@media only screen and (max-width:480px) {
    .pricing-boxes .skeleton-box {
        max-height: 226px;
    }
}

.pricing-boxes .skeleton-box .skeleton-header {
    width: 100%;
    height: 66px;
    margin-bottom: 20px;
    background-color: #ccc;
    background-image: linear-gradient(90deg, #f4f4f4 0, rgba(229, 229, 229, .8) 40px, #f4f4f4 80px);
    background-size: 600px;
    animation: shine-lines 1s infinite ease-out;
}

.pricing-boxes .skeleton-box .skeleton-content {
    width: 100%;
    height: 105px;
    margin-bottom: 20px;
    background-color: #f0f1f2;
    background-color: #ccc;
    background-image: linear-gradient(90deg, #f4f4f4 0, rgba(229, 229, 229, .8) 40px, #f4f4f4 80px);
    background-size: 600px;
    animation: shine-lines 1s infinite ease-out;
}

.pricing-boxes .skeleton-box .skeleton-buttons-container {
    display: flex;
    justify-content: space-between;
}

.pricing-boxes .skeleton-box .skeleton-buttons {
    width: 150px;
    height: 42px;
    margin-bottom: 20px;
    display: inline-block;
    background-color: #ccc;
    background-image: linear-gradient(90deg, #f4f4f4 0, rgba(229, 229, 229, .8) 40px, #f4f4f4 80px);
    background-size: 600px;
    animation: shine-lines 1s infinite ease-out;
}

@keyframes shine-lines {
    0% {
        background-position: -200px;
    }

    40%, 100% {
        background-position: 300px;
    }
}

.find-out-more-anchor {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #252525;
}

    .find-out-more-anchor:visited {
        color: #252525;
    }

    .find-out-more-anchor:active {
        color: #252525;
    }

.find-out-more {
    text-align: center;
    margin-bottom: 16px;
}

@media only screen and (max-width:480px) {
    .find-out-more {
        text-align: left;
    }
}

.include-gst {
    text-align: center;
    margin-bottom: 120px;
    color: #252525 ;
    margin-top: 0;
}

@media only screen and (max-width:480px) {
    .include-gst {
        margin-bottom: 32px;
        text-align: left;
        font-size: 12px ;
    }
}

.hovered-pricing-box {
    box-shadow: 0 10px 25px rgba(0, 0, 0, .15);
}

.disabled-pricing-box {
    color: #9b9fa8;
}

    .disabled-pricing-box div,
    .disabled-pricing-box span,
    .disabled-pricing-box h4,
    .disabled-pricing-box p {
        color: #9b9fa8 ;
    }

.select-pricing-btn-mobile {
    display: none;
    width: 100%;
    padding-top: 24px;
}

@media only screen and (max-width:768px) {
    .select-pricing-btn-mobile {
        display: block;
    }
}

.select-pricing-btn-mobile button {
    width: 100%;
}

.pricing-amount {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 500;
    font-size: 32px;
    line-height: 110%;
    letter-spacing: -1px;
}

.pricing-tooltip {
    position: relative;
    display: inline-block;
}

    .pricing-tooltip .tooltiptext {
        visibility: hidden;
        background-color: #404042;
        color: #fff;
        text-align: left;
        border-radius: 2px;
        padding: 5px 0;
        position: absolute;
        right: -100%;
        z-index: 1;
        width: 265px;
        padding-left: 13px;
        padding-right: 12px;
        padding-top: 12px;
        padding-bottom: 16px;
        box-shadow: 0 12px 20px rgba(0, 0, 0, .07);
        margin-top: 7px;
    }

        .pricing-tooltip .tooltiptext::after {
            content: " ";
            position: absolute;
            bottom: 100%;
            left: 93%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent #404042 transparent;
        }

@media only screen and (min-width:481px) {
    .pricing-tooltip:hover .tooltiptext {
        visibility: visible;
    }
}

#pricing-more-info-modal .modal-dialog {
    height: 152px;
    width: 288px;
}

#pricing-more-info-modal .modal-content {
    position: relative;
    -webkit-border-radius: 2px ;
    -moz-border-radius: 2px ;
    border-radius: 2px ;
}

#pricing-more-info-modal .modal-body {
    padding: 24px 24px 16px 24px;
}

    #pricing-more-info-modal .modal-body .pricing-modal-content {
        letter-spacing: .3px;
    }

#pricing-more-info-modal .label-caption-4 {
    color: #252525;
}

#pricing-more-info-modal .modal-body > div:first-of-type {
    margin-bottom: 0;
}

#pricing-more-info-modal .red-text-btn {
    padding-top: 28px;
    width: 113px;
}

.starter-packs-content {
    padding: 0 122px;
}

@media only screen and (max-width:768px) {
    .starter-packs-content {
        padding: 0 64px;
    }
}

@media only screen and (max-width:480px) {
    .starter-packs-content {
        padding: 0;
    }
}

.starter-packs-content .starter-packs-container {
    max-width: 1196px;
    margin: 0 auto;
}

@media only screen and (min-width:481px) and (max-width:768px) {
    .starter-packs-content .starter-packs-container {
        max-width: 640px;
    }
}

@media only screen and (max-width:480px) {
    .starter-packs-content .starter-packs-container {
        margin-left: 24px;
        margin-right: 24px;
    }
}

.starter-packs-content .starter-packs-container .headings {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 30px;
}

@media only screen and (max-width:768px) {
    .starter-packs-content .starter-packs-container .headings {
        text-align: left;
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.starter-packs-content .starter-packs-container .headings h2 {
    margin-top: 31px;
    margin-bottom: 0;
}

@media only screen and (max-width:768px) {
    .starter-packs-content .starter-packs-container .headings h2 {
        margin-top: 29px;
    }
}

.starter-packs-content .starter-packs-container .starter-packs {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: stretch;
    flex-wrap: wrap;
}

@media only screen and (min-width:1400px) {
    .starter-packs-content .starter-packs-container .starter-packs {
        justify-content: space-between;
    }
}

.starter-packs-content .starter-packs-container .starter-packs > div {
    border: 1px solid #dbdbdc;
    max-width: 383px;
    margin-top: 19px;
    padding: 40px 32px 50px 32px;
}

@media only screen and (max-width:768px) {
    .starter-packs-content .starter-packs-container .starter-packs > div {
        padding: 32px 22px 40px 24px;
        width: 100%;
        margin-top: 16px;
    }
}

.starter-packs-content .starter-packs-container .starter-packs > div .details {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width:768px) {
    .starter-packs-content .starter-packs-container .starter-packs > div .details {
        align-items: flex-start;
    }
}

.starter-packs-content .starter-packs-container .starter-packs > div .details p {
    margin: 0;
}

.starter-packs-content .starter-packs-container .starter-packs > div .details .p2Body {
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 24px;
}

@media only screen and (max-width:768px) {
    .starter-packs-content .starter-packs-container .starter-packs > div .details .p2Body {
        order: 3;
        padding-top: 24px;
        padding-bottom: 0;
    }
}

.starter-packs-content .starter-packs-container .starter-packs > div .details .p1Body {
    display: flex;
}

@media only screen and (max-width:768px) {
    .starter-packs-content .starter-packs-container .starter-packs > div .details .p1Body {
        order: 2;
        font-size: 18px;
        width: 100%;
    }
}

.starter-packs-content .starter-packs-container .starter-packs > div .details .p1Body span {
    font-size: 32px;
    font-weight: bold;
    line-height: 100%;
}

    .starter-packs-content .starter-packs-container .starter-packs > div .details .p1Body span.starter-packs-chevron {
        margin-left: auto;
        font-size: 14px;
    }

        .starter-packs-content .starter-packs-container .starter-packs > div .details .p1Body span.starter-packs-chevron .chevron-down-icon {
            width: 24px;
            height: 24px;
            content: url("data:image/svg+xml,%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M7.41%208.59L12%2013.17L16.59%208.59L18%2010L12%2016L6%");
            display: inline-flex;
            margin-right: 16px;
            vertical-align: text-top;
        }

        .starter-packs-content .starter-packs-container .starter-packs > div .details .p1Body span.starter-packs-chevron .chevron-up-icon {
            width: 24px;
            height: 24px;
            content: url("data:image/svg+xml,%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M7.41%2015.41L12%2010.83L16.59%2015.41L18%2014L12%208L6");
            display: inline-flex;
            margin-right: 16px;
            vertical-align: text-top;
        }

.starter-packs-content .starter-packs-container .starter-packs > div .details h4 {
    line-height: 130%;
    margin: 0;
    color: #eb0029;
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 22px;
}

.starter-packs-content .starter-packs-container .starter-packs > div .features {
    position: relative;
}

    .starter-packs-content .starter-packs-container .starter-packs > div .features ul {
        padding-left: 5px;
        margin: 0;
    }

        .starter-packs-content .starter-packs-container .starter-packs > div .features ul li {
            font-family: "Gotham SSm A", "Gotham SSm B";
            font-weight: 300;
            color: #252525;
            font-size: 14px;
            line-height: 140%;
            display: flex;
            display: -webkit-flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            padding-bottom: 22px;
        }

            .starter-packs-content .starter-packs-container .starter-packs > div .features ul li .check-icon:before {
                width: 24px;
                height: 24px;
                content: url("data:image/svg+xml,%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%2");
                display: inline-flex;
                margin-right: 16px;
                vertical-align: text-top;
                align-self: flex-start;
            }

            .starter-packs-content .starter-packs-container .starter-packs > div .features ul li:last-of-type {
                padding-bottom: 0;
            }

    .starter-packs-content .starter-packs-container .starter-packs > div .features hr {
        margin-top: 44px;
        margin-bottom: 32px;
    }

@media only screen and (max-width:768px) {
    .starter-packs-content .starter-packs-container .starter-packs > div .features hr {
        margin-top: 41px;
    }
}

.starter-packs-content .starter-packs-container .starter-packs > div .features .label-caption-5 {
    position: absolute;
    font-weight: 600;
    color: #161616;
    background-color: #fff;
    top: -7px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 10px;
}

.vaTimetable {
    max-width: 1196px;
    margin: 0 auto;
}

    .vaTimetable a:hover {
        color: #252525;
        text-decoration: none;
    }

    .vaTimetable .loader .iso-loading-animation {
        margin: auto;
    }

    .vaTimetable .loader p {
        text-align: center;
    }

    .vaTimetable .dropdown {
        display: none;
        width: 213px;
        margin-top: -7px;
    }

@media only screen and (max-width:768px) {
    .vaTimetable .dropdown {
        display: inline-block;
    }
}

.vaTimetable .dropdown .dropbtn {
    color: #000;
    padding-left: 16px;
    font-size: 16px;
    border: 1px solid #b6b6b8;
    border-radius: 4px;
    width: 100%;
    height: 40px;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 300;
    font-size: 12px;
    color: #161616;
    padding-right: 35px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.vaTimetable .dropdown.dropdown-open .dropdown-content {
    display: block;
    width: 213px;
}

.vaTimetable span.active {
    font-weight: 500 ;
}

@media only screen and (min-width:481px) and (max-width:768px) {
    .vaTimetable {
        max-width: 640px;
    }
}

@media only screen and (max-width:480px) {
    .vaTimetable {
        margin-left: 0;
        /*margin-right: 24px;*/
    }
}

.vaTimetable .timetable-header {
    text-align: center;
}

@media only screen and (max-width:480px) {
    .vaTimetable .timetable-header {
        text-align: left;
    }
}

.vaTimetable .timetable-header .section-overline-title {
    padding-top: 90px;
}

@media only screen and (max-width:480px) {
    .vaTimetable .timetable-header .section-overline-title {
        padding-top: 32px;
    }
}

.vaTimetable .section-main-title {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
}

.vaTimetable .va-table {
    table-layout: fixed;
}

@media only screen and (max-width:480px) {
    .vaTimetable .va-table {
        margin-top: 32px;
    }
}

.vaTimetable .timetable-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (min-width:481px) and (max-width:1200px) {
    .vaTimetable .table-row {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media only screen and (max-width:480px) {
    .vaTimetable .table-row {
        /*  margin-left: -24px;
        margin-right: -24px;*/
        padding: 0 24px;
    }

    .vaTimetable .detail-container {
        margin: 0 auto;
        max-width: 303px;
    }
}

.vaTimetable .class-head th {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 400;
    font-size: 16px;
    color: #676c76;
    line-height: 181%;
    color: #eb0029;
    border-bottom: none ;
}

@media only screen and (max-width:576px) {
    .vaTimetable .class-head th {
        font-size: 14px;
    }
}

.vaTimetable .class-head tr .duration-th {
    width: 17.22408027%;
}

@media only screen and (max-width:768px) {
    .vaTimetable .class-head tr .duration-th {
        display: none;
    }
}

.vaTimetable .class-head tr .location-th {
    width: 25.33444816%;
}

@media only screen and (max-width:768px) {
    .vaTimetable .class-head tr .location-th {
        display: none;
    }
}

.vaTimetable .class-head tr .time-th {
    width: 10.03344482%;
}

@media only screen and (max-width:768px) {
    .vaTimetable .class-head tr .time-th {
        width: 19.2%;
    }
}

@media only screen and (max-width:1200px) {
    .vaTimetable .class-head tr .time-th {
        padding-left: 0;
    }
}

.vaTimetable .class-head tr .instructor-th {
    width: 11.62207358%;
}

@media only screen and (max-width:768px) {
    .vaTimetable .class-head tr .instructor-th {
        width: 26.4%;
    }
}

.vaTimetable .class-head tr .chevron-th {
    width: 13.86666667%;
}

.vaTimetable .class-head tr .class-name-th {
    width: 27.17391304%;
}

@media only screen and (max-width:768px) {
    .vaTimetable .class-head tr .class-name-th {
        width: 41%;
    }
}

.vaTimetable .open {
    display: table-row ;
}

.vaTimetable .class-detail-row {
    display: none;
}

    .vaTimetable .class-detail-row td {
        border-top: none ;
    }

.vaTimetable .class-row {
    height: 56px;
}

    .vaTimetable .class-row:hover {
        cursor: pointer;
    }


    .vaTimetable .class-row td {
        font-family: "Gotham SSm A", "Gotham SSm B";
        font-weight: 300;
        font-size: 16px;
        color: #161616;
        vertical-align: middle;
    }

@media only screen and (max-width:480px) {
    .vaTimetable .class-row td {
        font-size: 14px;
    }
}

.vaTimetable .class-row td.class-name-col {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 400;
}

.vaTimetable .class-row td.time-col {
    padding-left: 16px;
}

@media only screen and (max-width:1200px) {
    .vaTimetable .class-row td.time-col {
        padding-left: 0;
    }
}

@media only screen and (max-width:768px) {
    .vaTimetable .class-row td.duration-col {
        display: none;
    }
}

@media only screen and (max-width:768px) {
    .vaTimetable .class-row td.location-col {
        display: none;
    }
}

.vaTimetable .class-row td.chevron-col {
    text-align: right;
    padding-right: 14px;
}

    .vaTimetable .class-row td.chevron-col .chevron-down-icon {
        width: 24px;
        height: 24px;
        content: url("data:image/svg+xml,%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M7.41%208.59L12%2013.17L16.59%208.59L18%2010L12%2016L6%");
        display: inline-flex;
        margin-right: 16px;
        vertical-align: text-top;
    }

    .vaTimetable .class-row td.chevron-col .chevron-up-icon {
        width: 24px;
        height: 24px;
        content: url("data:image/svg+xml,%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M7.41%2015.41L12%2010.83L16.59%2015.41L18%2014L12%208L6");
        display: inline-flex;
        margin-right: 16px;
        vertical-align: text-top;
    }

.vaTimetable .detail-container {
    display: flex;
    margin-bottom: 48px;
    margin-top: 8px;
    width: 1030px;
}

@media only screen and (max-width:768px) {
    .vaTimetable .detail-container {
        flex-wrap: wrap;
        margin: 0;
    }
}

.vaTimetable .detail-container .mobile-data {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 400;
    display: none;
    width: 100%;
    margin-bottom: 21px;
}

@media only screen and (max-width:768px) {
    .vaTimetable .detail-container .mobile-data {
        display: block;
    }
}

.vaTimetable .detail-container .mobile-data .mobile-data-duration {
    display: inline-block;
    width: 42.66666667%;
}

.vaTimetable .detail-container .mobile-data .mobile-data-location {
    display: inline-block;
    width: 42.93333333%;
}

.vaTimetable .detail-container .class-detail-image {
    width: 304px ;
    height: 228px;
    object-fit: cover;
    object-position: center;
    border-radius: 2px;
}

@media only screen and (max-width:768px) {
    .vaTimetable .detail-container .class-detail-image {
        width: 100%;
    }
}

.vaTimetable .detail-container .description {
    padding-left: 2.0066%;
    width: 55.85284%;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 300;
    font-size: 14px;
}

@media only screen and (max-width:768px) {
    .vaTimetable .detail-container .description {
        width: 100%;
        padding-left: 0%;
    }
}

.vaTimetable .detail-container .booking-buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    padding-left: 8.93%;
    text-align: center;
}

    .vaTimetable .detail-container .booking-buttons .secondary-btn:hover {
        color: #000 ;
    }

    .vaTimetable .detail-container .booking-buttons .secondary-btn:focus {
        color: #000 ;
    }

    .vaTimetable .detail-container .booking-buttons .primary-btn {
        padding-left: 16px;
    }

        .vaTimetable .detail-container .booking-buttons .primary-btn .right-arrow-icon {
            width: 24px;
            height: 24px;
            content: url("data:image/svg+xml,%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M3%2013L17.17%2013L13.59%2016.59L15%2018L21%2012L15%206");
            display: inline-flex;
            margin-right: 16px;
            vertical-align: text-top;
            margin-top: -4px;
            margin-right: 10px;
            padding-left: 5px;
        }

@media only screen and (max-width:768px) {
    .vaTimetable .detail-container .booking-buttons {
        width: 100%;
        flex-direction: row;
        padding-left: 0%;
        padding-top: 32px;
        padding-bottom: 32px;
    }
}

.vaTimetable .detail-container .booking-buttons a {
    padding: 15px 5px 15px 15px;
}

@media only screen and (min-width:767.98px) {
    .vaTimetable .detail-container .booking-buttons a {
        width: 198px;
    }
}

@media only screen and (max-width:768px) {
    .vaTimetable .detail-container .booking-buttons a {
        height: 40px ;
        padding: 10px 5px 10px 10px;
    }
}

@media only screen and (max-width:768px) {
    .vaTimetable .detail-container .booking-buttons a:nth-child(1) {
        margin-right: 8px;
    }
}

.vaTimetable .horizontal-line {
    margin-top: 32px;
    margin-bottom: 45px;
    border: 0;
    border-top: 1px solid #dbdbdc;
}

@media only screen and (max-width:576px) {
    .date-picker-row {
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }
}

@media only screen and (max-width:768px) {
    .date-picker-row hr {
        display: none;
    }
}

.class-category-dropdown select {
    border: none;
    color: #eb0029;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 400;
    font-size: 14px;
    width: 135px;
}

    .class-category-dropdown select:focus {
        outline: 0;
    }

.filter-links {
    display: flex;
    justify-content: space-between;
}

    .filter-links .class-category {
        width: 55%;
        align-items: flex-start;
    }

@media only screen and (max-width:768px) {
    .filter-links .class-category {
        display: none;
    }
}

.filter-links .class-category a {
    letter-spacing: 0;
}

.filter-links .time-filter a {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 500;
}

.filter-links a.active {
    color: #eb0029;
}

.filter-links a {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 400;
    font-size: 16px;
    color: #676c76;
    line-height: 181%;
    color: #939598;
    display: inline-block;
    cursor: pointer;
    padding: 0 12px;
}

@media only screen and (max-width:768px) {
    .filter-links a {
        padding: 0 8px;
    }
}

.club-picker-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    padding-bottom: 81px;
    flex-wrap: wrap;
}

@media only screen and (max-width:768px) {
    .club-picker-container {
        margin-left: calc(50% - 50vw);
        width: 100vw;
    }
}

@media only screen and (max-width:480px) {
    .club-picker-container {
        padding-bottom: 48px;
    }
}

.club-picker-container .pill-btn {
    padding: 14px;
    letter-spacing: 0;
    border: none;
    box-shadow: 0 0 0 1px #dbdbdc;
}

@media only screen and (max-width:480px) {
    .club-picker-container .pill-btn {
        width: 161px;
        height: 48px;
    }
}

.club-picker-container .pill-btn.active {
    box-shadow: 0 0 0 2px #eb0029;
}

.club-picker-container div {
    margin: 4px;
}

.class-date-picker {
    display: flex;
    margin-bottom: 24.5px;
}

@media only screen and (max-width:480px) {
    .class-date-picker {
        margin-bottom: 24px;
    }
}

.class-date-picker .date-picker.active {
    background: #eb0029;
    border: none;
}

@media only screen and (min-width:576px) {
    .class-date-picker .date-picker.active {
        margin-top: -8px ;
        height: 105px ;
        width: 150px ;
        border-radius: 2px;
    }
}

.class-date-picker .date-picker {
    width: 12.5%;
    text-align: center;
    background-color: #252525;
    border: .5px solid #676c76;
    height: 88px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer;
}

@media only screen and (max-width:576px) {
    .class-date-picker .date-picker {
        height: 64px;
    }
}

.class-date-picker .date-picker .day {
    text-transform: uppercase;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 500;
    color: #fff;
    font-size: 14px;
}

@media only screen and (max-width:576px) {
    .class-date-picker .date-picker .day {
        font-size: 10px;
    }
}

.class-date-picker .date-picker .date {
    color: #fff;
    display: block;
    margin-top: -5px;
    margin-bottom: -5px;
}

@media only screen and (max-width:576px) {
    .class-date-picker .date-picker .date {
        font-size: 24px;
    }
}

.class-date-picker .date-picker .month {
    text-transform: uppercase;
    color: #fff;
    opacity: .6;
    font-size: 14px;
}

@media only screen and (max-width:576px) {
    .class-date-picker .date-picker .month {
        display: none;
    }
}

.class-date-picker .date-picker p {
    margin: 0 0 0 0;
}

.va-table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: inherit;
    border-top: 1px solid #dbdbdc;
}

.class-row-open td {
    padding-top: 36px ;
}

@media only screen and (max-width:480px) {
    .class-row-open td {
        padding-top: 41px ;
    }
}

.class-row-open .chevron-down-icon {
    display: none ;
}

.class-row-open .chevron-up-icon {
    display: inline-flex ;
}

.timetables-wrapper-div .ad-homepage-section {
    margin-left: 24px;
    margin-right: 24px;
    margin-top: 184px;
}

@media only screen and (max-width:480px) {
    .timetables-wrapper-div .ad-homepage-section {
        margin-top: 24px;
        margin-left: 0;
        margin-right: 0;
    }
}

.time-icon-img {
    width: 18px;
    height: 18px;
}

.no-more-classes {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 400;
    font-style: italic;
}

.no-class-row {
    background: #f0f1f2;
}

    .no-class-row td {
        height: 56px;
        vertical-align: middle ;
    }

@keyframes iso-loading-animation {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@-webkit-keyframes iso-loading-animation {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.iso-loading-animation {
    position: relative;
}

    .iso-loading-animation div,
    .iso-loading-animation div:after {
        position: absolute;
        width: 72px;
        height: 72px;
        border: 8px solid #eb0029;
        border-top-color: #dbdbdc;
        border-radius: 50%;
    }

    .iso-loading-animation div {
        -webkit-animation: iso-loading-animation 1.3s linear infinite;
        animation: iso-loading-animation 1.3s linear infinite;
        top: 100px;
        left: 100px;
    }

        .iso-loading-animation div:after {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

.iso-loading-animation {
    width: 200px ;
    height: 200px ;
    -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
    transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

.start-training-content {
    padding: 0 122px;
}

@media only screen and (max-width:767.98px) {
    .start-training-content {
        padding: 0 64px;
        max-height: none;
    }
}

@media only screen and (max-width:480px) {
    .start-training-content {
        padding: 0;
    }
}

.start-training-content .start-training-container {
    max-width: 1196px;
    margin: 0 auto;
}

@media only screen and (min-width:481px) and (max-width:768px) {
    .start-training-content .start-training-container {
        max-width: 640px;
    }
}

@media only screen and (max-width:480px) {
    .start-training-content .start-training-container {
        margin-left: 24px;
        margin-right: 24px;
    }
}

@media only screen and (max-width:767.98px) {
    .start-training-content .start-training-container {
        margin: 0;
    }
}

.start-training-content .start-training-container .heading {
    text-align: center;
    padding: 80px 0;
}

@media only screen and (max-width:767.98px) {
    .start-training-content .start-training-container .heading {
        padding: 64px 0 40px 0;
    }
}

.start-training-content .start-training-container .heading h2 {
    margin: 0;
}

.start-training-content .start-training-container .info-blocks {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

@media only screen and (max-width:1410px) {
    .start-training-content .start-training-container .info-blocks {
        justify-content: space-around;
    }
}

@media only screen and (max-width:767.98px) {
    .start-training-content .start-training-container .info-blocks {
        flex-direction: column;
    }
}

.start-training-content .start-training-container .info-blocks .info-block {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    padding-bottom: 80px;
    position: relative;
}

@media only screen and (max-width:767.98px) {
    .start-training-content .start-training-container .info-blocks .info-block {
        flex-direction: column;
        padding-bottom: 0;
    }
}

.start-training-content .start-training-container .info-blocks .info-block div {
    padding: 29px 21px 32px 34px;
    background-color: #252525;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 205px;
    height: 277px;
    border-radius: 2px 0 0 2px;
}

@media only screen and (max-width:767.98px) {
    .start-training-content .start-training-container .info-blocks .info-block div {
        padding: 32px 24px 32px 24px;
        order: 2;
        flex-direction: row;
        align-items: center;
        width: 100%;
        height: auto;
    }
}

.start-training-content .start-training-container .info-blocks .info-block div h4,
.start-training-content .start-training-container .info-blocks .info-block div h5 {
    color: #fff;
    margin: 0;
}

.start-training-content .start-training-container .info-blocks .info-block div h5 {
    font-size: 16px;
    width: 50%;
}

.start-training-content .start-training-container .info-blocks .info-block div h4 {
    line-height: 130%;
}

.start-training-content .start-training-container .info-blocks .info-block div button,
.start-training-content .start-training-container .info-blocks .info-block div a {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 152px;
    padding: 0;
}

@media only screen and (max-width:767.98px) {
    .start-training-content .start-training-container .info-blocks .info-block div button,
    .start-training-content .start-training-container .info-blocks .info-block div a {
        height: 40px;
    }
}

@media only screen and (max-width:767.98px) {
    .start-training-content .start-training-container .info-blocks .info-block div button {
        width: 141px;
    }
}

.start-training-content .start-training-container .info-blocks .info-block img {
    max-width: 377px;
    border-radius: 0 2px 2px 0;
    object-fit: cover;
    object-position: center;
}

@media only screen and (max-width:767.98px) {
    .start-training-content .start-training-container .info-blocks .info-block img {
        max-width: none;
        width: 100%;
    }
}

.start-training-content .start-training-container .info-blocks .info-block hr {
    position: absolute;
    margin: 0;
    top: 0;
    left: 24px;
    right: 24px;
    color: #000;
    border-color: #676c76;
}

.info-block-container {
    position: relative;
    padding-bottom: 0;
}

    .info-block-container .info-block {
        position: relative;
        max-width: 1440px;
        margin: auto;
    }

        .info-block-container .info-block .red-background {
            z-index: -1;
            background-color: #eb0029;
            border-radius: 0 8px 8px 0;
            position: absolute;
            top: 0;
            bottom: 0;
            width: 84%;
            max-width: 1196px;
        }

@media only screen and (max-width:992px) {
    .info-block-container .info-block .red-background {
        display: none;
    }
}

.info-block-container .info-block .info-block-content {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

    .info-block-container .info-block .info-block-content .info-block-text {
        padding: 122px;
        padding-right: 97px;
        order: 1;
    }

@media only screen and (max-width:992px) {
    .info-block-container .info-block .info-block-content .info-block-text {
        order: 2;
        padding: 64px;
        background-color: #eb0029;
    }
}

@media only screen and (max-width:480px) {
    .info-block-container .info-block .info-block-content .info-block-text {
        padding: 24px;
    }
}

.info-block-container .info-block .info-block-content .info-block-text .label-overline,
.info-block-container .info-block .info-block-content .info-block-text .p1body,
.info-block-container .info-block .info-block-content .info-block-text h2 {
    color: #fff;
}

.info-block-container .info-block .info-block-content .info-block-text div {
    padding: 10px 0;
}

.info-block-container .info-block .info-block-content .info-block-text .secondary-btn:hover {
    color: #000 ;
}

.info-block-container .info-block .info-block-content .info-block-image {
    order: 2;
}

@media only screen and (max-width:992px) {
    .info-block-container .info-block .info-block-content .info-block-image {
        order: 1;
    }
}

.info-block-container .info-block .info-block-content .info-block-image,
.info-block-container .info-block .info-block-content .info-block-text {
    width: 50%;
}

@media only screen and (max-width:992px) {
    .info-block-container .info-block .info-block-content .info-block-image,
    .info-block-container .info-block .info-block-content .info-block-text {
        width: 100%;
    }
}

.info-block-container .info-block .info-block-content .info-block-image img,
.info-block-container .info-block .info-block-content .info-block-text img {
    width: 100%;
}

.info-block-container-clubs .info-block-clubs {
    max-width: 1196px;
    margin: 0 auto;
    margin: 80px auto;
}

@media only screen and (min-width:481px) and (max-width:768px) {
    .info-block-container-clubs .info-block-clubs {
        max-width: 640px;
    }
}

@media only screen and (max-width:480px) {
    .info-block-container-clubs .info-block-clubs {
        margin-left: 24px;
        margin-right: 24px;
    }
}

@media only screen and (max-width:480px) {
    .info-block-container-clubs .info-block-clubs {
        margin-left: 0;
        margin-right: 0;
        padding: 0 0 0 0;
    }
}

.info-block-container-clubs .info-block-clubs .info-block-content {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

    .info-block-container-clubs .info-block-clubs .info-block-content .info-block-text {
        width: 44.14715719%;
    }

@media only screen and (max-width:1200px) {
    .info-block-container-clubs .info-block-clubs .info-block-content .info-block-text {
        width: 100%;
        margin: 0 24px;
    }
}

.info-block-container-clubs .info-block-clubs .info-block-content .info-block-text .overline {
    padding-top: 51px;
}

.info-block-container-clubs .info-block-clubs .info-block-content .info-block-text h3 {
    margin: 0;
    padding-top: 24px;
    padding-bottom: 32px;
    letter-spacing: -1px;
}

@media only screen and (max-width:480px) {
    .info-block-container-clubs .info-block-clubs .info-block-content .info-block-text h3 {
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

.info-block-container-clubs .info-block-clubs .info-block-content .info-block-image {
    width: 49.1638796%;
}

@media only screen and (max-width:1200px) {
    .info-block-container-clubs .info-block-clubs .info-block-content .info-block-image {
        width: 100%;
    }
}

.info-block-container-clubs .info-block-clubs .info-block-content .info-block-image img {
    border-radius: 3px;
    width: 100%;
}

.info-block-container-clubs .info-block-clubs .info-block-content .primary-btn {
    margin-top: 32px;
    margin-bottom: 51px;
}

@media only screen and (max-width:480px) {
    .info-block-container-clubs .info-block-clubs .info-block-content .primary-btn {
        margin-top: 24px;
        margin-bottom: 40px;
    }
}

.social-media-content-container {
    margin-bottom: 24px;
    padding: 0;
    width: auto;
}

@media only screen and (max-width:576px) {
    .social-media-content-container {
        margin: 24px 0;
    }
}

.social-media-content-container .social-media-section {
    margin: 0;
    margin-left: 30px;
    margin-right: 30px;
    padding: 45px 70px 45px 70px;
}

.social-media-content-classes {
    margin: 0;
    padding: 45px 70px 45px 70px;
}


@media only screen and (max-width:768px) {
    .social-media-content-container .social-media-section {
        padding: 32px 40px 101px 40px;
    }
}

@media only screen and (max-width:480px) {
    .social-media-content-container .social-media-section {
        padding: 32px 25px 48px 25px;
        margin: 0
    }
}

.social-media-content-container .social-media-section > * {
    max-width: 1252px;
    margin: 0 auto;
}

.social-media-content-container .social-media-heading {
    padding: 0 39px 45px 39px;
    text-align: center;
}

@media only screen and (max-width:768px) {
    .social-media-content-container .social-media-heading {
        padding-bottom: 40px;
    }
}

.social-media-content-container .social-media-images-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .social-media-content-container .social-media-images-container .social-media-image {
        width: 10.45%;
        margin: 4px 0;
        overflow-y: hidden;
    }

@media only screen and (max-width:768px) {
    .social-media-content-container .social-media-images-container .social-media-image {
        width: 32%;
    }
}

.social-media-content-container .social-media-images-container .social-media-image img {
    width: 100%;
    border-radius: 2px;
}

.social-media-content-container .social-media-icons-container {
    padding-top: 93px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 830px;
}

@media only screen and (max-width:768px) {
    .social-media-content-container .social-media-icons-container {
        padding-top: 49px;
    }
}

@media only screen and (min-width:480px) {
    .social-media-content-container .social-media-icons-container .linkedin,
    .social-media-content-container .social-media-icons-container .facebook {
        margin-top: 2px;
    }
}

@media only screen and (max-width:768px) {
    .social-media-content-container .social-media-icons-container .social-media-icon {
        margin-bottom: 27px;
    }
}

.social-media-content-container .social-media-icons-container .social-media-icon i {
    margin-right: 8px;
}

.social-media-content-container .social-media-icons-container .social-media-icon p {
    display: flex;
    align-items: center;
}

.social-media-content-container .social-media-icons-container .social-media-icon .instagram-icon {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2233.33px%22%20height%3D%2233.33px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M7.8%202H16.2C19.4%202%2022%204.6%2022%207.8V16.2");
    opacity: 1;
    background-repeat: no-repeat;
    width: 33.33px;
    height: 33.33px;
}

@media only screen and (max-width:480px) {
    .social-media-content-container .social-media-icons-container .social-media-icon .instagram-icon {
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2223.33px%22%20height%3D%2223.33px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M7.8%202H16.2C19.4%202%2022%204.6%2022%207.8V16.2");
        opacity: 1;
        background-repeat: no-repeat;
        width: 23.33px;
        height: 23.33px;
    }
}

.social-media-content-container .social-media-icons-container .social-media-icon .facebook-icon {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2230px%22%20height%3D%2230px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M5%203H19C19.5304%203%2020.0391%203.21071%2020.4142%203");
    opacity: 1;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

@media only screen and (max-width:480px) {
    .social-media-content-container .social-media-icons-container .social-media-icon .facebook-icon {
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2221px%22%20height%3D%2221px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M5%203H19C19.5304%203%2020.0391%203.21071%2020.4142%203");
        opacity: 1;
        background-repeat: no-repeat;
        width: 21px;
        height: 21px;
    }
}

.social-media-content-container .social-media-icons-container .social-media-icon .linkedin-icon {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2230px%22%20height%3D%2230px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M19%203C19.5304%203%2020.0391%203.21071%2020.4142%203.5");
    opacity: 1;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

@media only screen and (max-width:480px) {
    .social-media-content-container .social-media-icons-container .social-media-icon .linkedin-icon {
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2221px%22%20height%3D%2221px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M19%203C19.5304%203%2020.0391%203.21071%2020.4142%203.5");
        opacity: 1;
        background-repeat: no-repeat;
        width: 21px;
        height: 21px;
    }
}

i.edit-icon::before {
    width: 24px;
    height: 24px;
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M3%2017.25V21H6.75L17.81%209.94L14.06%206.19L3%2017.25Z");
    display: inline-flex;
    margin-right: 16px;
    vertical-align: text-top;
}

i.location-icon::before {
    width: 24px;
    height: 24px;
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M12%202C8.13%202%205%205.13%205%209C5%2014.25%2012%2022");
    display: inline-flex;
    margin-right: 16px;
    vertical-align: text-top;
}

i.time-icon::before {
    width: 24px;
    height: 24px;
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M11.99%202C6.47%202%202%206.48%202%2012C2%2017.52%206.4");
    display: inline-flex;
    margin-right: 16px;
    vertical-align: text-top;
}

i.back-icon::before {
    width: 24px;
    height: 24px;
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M20%2011H7.83L13.42%205.41L12%204L4%2012L12%2020L13.41%");
    display: inline-flex;
    margin-right: 16px;
    vertical-align: text-top;
}

#contactModal {
    background: #fff;
}

    #contactModal modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

        #contactModal modal-dialog .modal-content {
            height: auto;
            min-height: 100%;
            border-radius: 0;
            bottom: 0;
            box-shadow: none;
        }

            #contactModal modal-dialog .modal-content .modal-body {
                display: block;
            }

    #contactModal .contact-modal {
        align-items: flex-start;
    }

@media only screen and (max-width:1200px) {
    #contactModal .contact-modal {
        padding: 0;
    }
}

.contact-us-container {
    max-width: 588px;
}

@media only screen and (min-width:1200px) {
    .contact-us-container {
        margin: auto;
    }
}

@media only screen and (max-width:1200px) {
    .contact-us-container {
        margin: 0 122px 0 122px;
    }
}

@media only screen and (max-width:480px) {
    .contact-us-container {
        margin: 0 24px 0 24px;
    }
}

@media only screen and (min-width:480px) and (max-width:768px) {
    .contact-us-container {
        margin: 0 64px 0 64px;
    }
}

@media only screen and (max-width:768px) {
    .contact-us-container .send-message-heading {
        padding-top: 64px;
    }
}

.modal-container h1,
.modal-container h2,
.modal-container h3,
.modal-container h4 {
    margin: 0;
}

.modal-container p {
    margin: 0;
}

.modal-container .modal-body {
    padding: 0;
    height: auto;
}

.modal-container .form-group {
    max-width: 400px;
    margin-bottom: 24px;
}

@media only screen and (max-width:481px) {
    .modal-container .form-group {
        margin-bottom: 16px;
    }
}

.modal-container h2 {
    padding-top: 128px;
}

@media only screen and (max-width:481px) {
    .modal-container h2 {
        padding-top: 40px;
    }
}

.modal-container .glyph-heading {
    padding-top: 48px;
    padding-bottom: 24px;
}

@media only screen and (max-width:481px) {
    .modal-container .glyph-heading {
        padding-top: 32px;
        padding-bottom: 16px;
    }
}

.modal-container .p2body:not(.modal-back-text) {
    padding-top: 32px;
    padding-bottom: 32px;
}

@media only screen and (max-width:481px) {
    .modal-container .p2body:not(.modal-back-text) {
        padding-top: 24px;
    }
}

.modal-container .club-picker-flexbox {
    display: flex;
    flex-wrap: wrap;
}

    .modal-container .club-picker-flexbox .club-picker-btn {
        padding: 0 10px 10px 0;
    }

@media only screen and (max-width:481px) {
    .modal-container .club-picker-flexbox .club-picker-btn {
        padding: 0 9px 9px 0;
        flex: 1 1 0;
        flex: 1 1 50%;
        text-align: center;
    }
}

@media only screen and (max-width:481px) {
    .modal-container .club-picker-flexbox .pill-btn {
        width: 100%;
    }
}

.modal-container .terms-conditions {
    padding-top: 48px;
    padding-bottom: 48px;
}

@media only screen and (max-width:481px) {
    .modal-container .terms-conditions {
        padding-top: 40px;
        padding-bottom: 32px;
    }
}

.modal-container .member-btn-group {
    border-radius: 3px;
    border: 1px solid;
    border-color: #dbdbdc;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 370px;
}

@media only screen and (max-width:320px) {
    .modal-container .member-btn-group {
        flex-wrap: wrap;
    }
}

.modal-container .member-btn-group .member {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    float: left;
}

.modal-container .member-btn-group .not-member {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}

.modal-container .member-btn-group a {
    width: 50%;
    background: #fff;
    color: #676c76;
    letter-spacing: 1px;
    padding: 16px;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    width: 100%;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:481px) {
    .modal-container .member-btn-group a {
        height: 48px;
    }
}

.modal-container .member-btn-group a.active {
    background: #eb0029;
    color: #fff;
}

.modal-container .modal-back {
    margin-top: 80px;
    margin-bottom: -20px ;
    margin-left: 64px;
    height: 64px;
    width: 342px;
    padding: 16px 95px 16px 21px;
    display: flex;
    align-items: center;
}

@media only screen and (min-width:481px) and (max-width:767.98px) {
    .modal-container .modal-back {
        margin-left: 0;
        padding: 16px 95px 16px 64px;
    }
}

@media only screen and (min-width:1200px) {
    .modal-container .modal-back {
        float: left;
    }
}

@media only screen and (max-width:1201px) {
    .modal-container .modal-back {
        margin-bottom: -88px ;
    }
}

@media only screen and (max-width:481px) {
    .modal-container .modal-back {
        margin-bottom: 0 ;
        margin-top: 0;
        width: 100%;
        margin-left: 0;
        padding: 16px 95px 16px 21px;
    }
}

.submit-btn-container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 128px;
}

@media only screen and (max-width:481px) {
    .submit-btn-container {
        margin-bottom: 64px;
    }
}
/****************************************  iso-virgin.min.css ******************************************* end*/

/**********************************************************************************************************************************************/
/**********************************************************************************************************************************************/


/****************************************  scss/_club-details.css ******************************************* begin*/
.club-detail-header h2 {
    max-width: 678px;
    width: auto;
}

.club-detail-header .button-row {
    margin: 30px auto;
}

@media screen and (min-width: 941px) {
    .club-detail-header {
        height: 470px;
        background-color: #252525;
        padding: 49px 82px 0;
    }

        .club-detail-header h2 {
            color: white ;
            margin-top: 16px;
            display: inline-block;
        }

        .club-detail-header .button-row {
            display: inline-block;
            float: right;
        }

    .club-details-card-image {
        flex-grow: 1;
        margin: -1px;
        height: 594px;
    }

        .club-details-card-image img {
            width: 100%;
            object-fit: cover;
            height: 100%;
        }

    .club-details-card {
        display: flex;
        margin: -182px 0px 0;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }

    .club-details-card-content {
        width: 400px;
    }

    .button-row {
        margin-top: 0;
        vertical-align: text-bottom;
        position: relative;
        right: 0;
    }
}

@media screen and (max-width: 940px) {
    .club-detail-header {
        height: 287px ;
        padding: 49px 24px ;
        background-color: #252525 ;
    }

        .club-detail-header h2 {
            color: white ;
            margin-top: 16px ;
            display: block ;
        }

        .club-detail-header .club-detail-header-content {
            position: relative;
        }

            .club-detail-header .club-detail-header-content h1 {
                font-size: 50px;
                line-height: 130% ;
                /* or 36px */
                letter-spacing: -0.4px ;
                /* white */
                color: #fff ;
                margin-top: 14px;
                display: inline-block;
            }

        .club-detail-header .button-row {
            margin-top: 24px;
            display: inline-block;
            vertical-align: text-bottom;
            position: absolute;
            right: 0;
        }
}

.gi-2x {
    font-size: 2em;
}

.gi-3x {
    font-size: 3em;
}

.gi-4x {
    font-size: 4em;
}

.gi-5x {
    font-size: 5em;
}

.club-details-card {
    /* white */
    background: #fff;
    /* grey6 */
    border: 1px solid #dbdbdc;
    box-sizing: border-box;
    border-radius: 2px;
}

    .club-details-card .club-details-card-image {
        flex-grow: 1;
    }

        .club-details-card .club-details-card-image img {
            width: 100%;
            object-fit: cover;
            height: 100%;
        }

    .club-details-card .club-details-card-content {
        padding: 24px;
    }

        .club-details-card .club-details-card-content > div {
            position: relative;
        }

        .club-details-card .club-details-card-content .club-address {
            font-size: 15px;
            line-height: 150%;
            display: block;
            margin-bottom: 8px;
            /* or 22px */
            /* grey-darker */
            color: #252525;
        }

        .club-details-card .club-details-card-content span.glyphicon {
            float: right;
        }

        .club-details-card .club-details-card-content a {
            margin-top: 8px;
        }

        .club-details-card .club-details-card-content hr {
            margin: 24px 0;
        }

        .club-details-card .club-details-card-content > div img {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            border-radius: 100%;
        }

        .club-details-card .club-details-card-content .icon-clock-red {
            width: 20px;
            height: 20px;
            position: absolute;
            right: 0;
        }

.club-details-nav {
    text-align: center;
    margin: 32px 0;
}

    .club-details-nav div:not(.button-default-black-text) {
        margin: 0 20px;
    }

    .club-details-nav .current a {
        color: #eb0029 ;
    }

.pricing-card h4 {
    text-transform: none 
}

@media screen and (max-width: 940px) {
    .club-details-nav {
        display: flex;
        overflow-x: scroll;
        padding: 10px 0;
        -webkit-overflow-scrolling: touch;
        float: left;
    }

        .club-details-nav > div {
            min-width: 131px;
            padding-left: 0;
            padding-right: 0
        }

        .club-details-nav .current a {
            padding-left: 5px;
        }

        .club-details-nav div:not(.button-default-black-text) {
            margin: 0;
        }
}

@media only screen and (max-width: 480px) {
    .club-details-nav {
        margin: 0;
    }

    .mobile-facility {
        margin-left: 0px;
        margin-right: 0px;
    }

    #mobile-carousel .carousel-inner {
        height: 550px;
    }

    .carousel-indicators {
        min-width: 230px;
    }

        .carousel-indicators li {
            margin: 5px 1px ;
            height: 6px 
        }

    #mobile-carousel .carousel-caption {
        height: 433px;
        padding-left: 24px;
        padding-right: 24px;
    }


    .mobile-facility .mobile-carousel-controls i {
        display: none;
    }

    .mobile-carousel .carousel-caption h3 {
        font-size: 16px;
        line-height: 140%;
        /* or 22px */
        /* white */
        color: #fff ;
    }




    .club-details-card .club-details-card-image img {
        width: 101%;
        margin-left: -1px;
        margin-top: -1px;
    }
}

@media only screen and (max-width: 480px) and (min-width: 376px) {
    .pricing-cards-container .pricing-card {
        margin-right: 0 ;
        margin-left: 0 ;
        padding: 24px ;
    }
}

@media only screen and (max-width: 375px) {
    .pricing-cards-container .pricing-card {
        margin-right: 0 ;
        margin-left: 0 ;
        padding: 24px 5px ;
    }

        .pricing-cards-container .pricing-card p {
            padding: 0 19px ;
        }

    .home .switch--horizontal {
        left: -25px;
    }
}

#mobile-carousel > div > div.item.active > div > h3 {
    font-size: 16px;
    line-height: 140%;
    /* or 22px */
    /* white */
    color: #fff ;
}

#mobile-carousel > div > div.item > div > h3 + p.p2body {
    margin-top: 16px ;
    min-height: 250px
}

.facility-panel .flex-h4 h4 {
    margin-left: 0;
}

.facility-panel .icon-add-red {
    height: 18px;
    width: 18px;
}

.facility-panel .icon-minus-red {
    height: 18px;
    width: 18px;
}

.facility-panel.collapsed .icon-add-red {
    display: inline-block;
}

.facility-panel.collapsed .icon-minus-red {
    display: none;
}

.facility-panel .icon-add-red {
    display: none;
}

.facility-panel .icon-minus-red {
    display: inline-block;
}

.modal button {
    min-width: 32px;
}

.modal .facility-info.fade-bottom h4 {
    margin-left: 0;
}

.more-facilities-wrapper .facility-blocks .facility-block-container {
    width: 25%;
    min-width: auto;
}

    .more-facilities-wrapper .facility-blocks .facility-block-container .facility-block .right-chevron-red {
        display: block;
    }

    .more-facilities-wrapper .facility-blocks .facility-block-container .facility-block .right-chevron-black {
        display: none;
    }

    .more-facilities-wrapper .facility-blocks .facility-block-container .facility-block:hover .right-chevron-red {
        display: none;
    }

    .more-facilities-wrapper .facility-blocks .facility-block-container .facility-block:hover .right-chevron-black {
        display: block;
        margin-top: -5px;
    }

        .more-facilities-wrapper .facility-blocks .facility-block-container .facility-block:hover .right-chevron-black path {
            fill: #fff;
        }

@media screen and (max-width: 940px) {
    .more-facilities-wrapper .facility-blocks .facility-block-container {
        width: 100%;
        display: block;
    }
}

@media screen and (max-width: 1400px) {
    .club-detail-header-content .button-row {
        left: 0;
    }
}

.classes-section {
    width: 100%;
}

    .classes-section .facility-header-container {
        max-width: 840px;
    }

    .classes-section .classes-card-container {
        width: 1060px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        grid-gap: 20px;
        align-items: stretch;
    }

@media screen and (max-width: 1200px) {
    .classes-section .classes-card-container {
        width: 100%;
    }
}

.classes-section .classes-card-container + .button-row {
    text-align: center;
    margin-top: 45px;
}

    .classes-section .classes-card-container + .button-row > div {
        width: auto ;
    }

.classes-section .section-main-title {
    padding-bottom: 32px;
}

    .classes-section .section-main-title + p {
        margin-bottom: 64px;
    }

.classes-card {
    background-color: #fff;
    border-radius: 2px;
    display: inline-block;
    flex-direction: column;
    overflow: hidden;
    transition: box-shadow 0.25s;
    max-width: 250px;
    margin-right: 10px;
}

    .classes-card .card-image {
        position: relative;
    }

        .classes-card .card-image img {
            display: block;
            border-radius: 2px 2px 0 0;
            position: relative;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            width: 100%;
        }

    .classes-card .card-content {
        padding: 24px;
        border: 1px solid #dbdbdc;
        box-sizing: border-box;
        position: relative;
        height: 170px
    }

        .classes-card .card-content .time {
            position: absolute;
            top: 0;
            transform: translateY(-50%);
            right: 16px;
            font-size: 13px;
            /* line-height: 140%;
	 */
            display: flex;
            flex-direction: column;
            background: #252525;
            width: 45px;
            height: 45px;
            text-align: center;
            justify-content: center;
            border-radius: 100%;
            color: white;
            align-items: center;
        }

            .classes-card .card-content .time span {
                display: block;
                font-size: 8px;
            }

        .classes-card .card-content p {
            margin: 0;
            font-size: 12px;
            line-height: 140%;
            color: #252525;
        }

    .classes-card .card-title {
        margin-bottom: 8px;
        display: block;
        font-weight: 400;
        user-select: none;
        font-size: 17px;
        line-height: 140%;
        color: #252525;
    }

@media screen and (max-width: 940px) {
    .classes-section .classes-card-container {
        display: flex;
        overflow-x: scroll;
        flex-wrap: nowrap;
        overflow-x: scroll;
        width: auto;
        margin-right: -25px;
    }

        .classes-section .classes-card-container .classes-card {
            min-width: 250px;
            margin-right: 20px;
        }
}

.pricing-container {
    margin-top: 90px;
    padding: 0;
}

    .pricing-container .headings p {
        width: 792px;
        margin: 30px auto 30px;
    }
/*(.pricing-container p{
	margin:18px 34px ;
}*/
@media screen and (max-width: 480px) {
    .pricing-container {
        margin-left: 0;
        margin-right: 0;
        margin-top: 45px ;
        padding: 0 30px;
    }

    .pricing-card {
        padding: 48px 0 ;
    }
}

.pricing-cards-container {
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
}

    .pricing-cards-container + .button-row {
        text-align: center;
        margin-top: 64px;
    }

        .pricing-cards-container + .button-row > div {
            width: auto ;
        }

@media screen and (max-width: 940px) {
    .pricing-container .headings p {
        width: 100%;
    }
}

.pricing-card {
    flex-grow: 1;
    flex: 1 1 50%;
    border: 1px solid #dbdbdc;
    box-sizing: border-box;
    border-radius: 4px;
    margin: 0 15px;
    padding: 48px 50px;
    display: flex;
    flex-direction: column;
    max-height: 544px;
    /* max-width:500px;
	 margin:0 auto*/
}

    .pricing-card li {
        text-indent: -19px
    }

.pricing-card-noborder {
    border: 0px;
}

.pricing-card-notopbottomborder {
    border-top: none;
    border-bottom: none;
    border-radius: 0px;
}



.home .pricing-card {
    max-width: 412px;
}

@media screen and (max-width: 480px) {

    .pricing-cards-container + .button-row {
        text-align: center;
        margin-top: 0px;
    }


    .pricing-card p {
        text-align: center;
        font-size: 14px ;
        /*padding:15px;*/
    }
}

.price-description p, .price-description div, .price-description ul, .price-description li {
    font-size: 14px ;
    line-height: 140% ;
    text-align: left ;
}

.pricing-card p, .pricing-card p a, .pricing-card a {
    text-align: center;
    font-size: 14px ;
}

.pricing-card h4 {
    font-size: 20px ;
    line-height: 110%;
    /* identical to box height, or 22px */
    text-align: center;
    /* red */
    color: #eb0029 ;
    margin: 0;
    min-width: 240px;
}

.pricing-card .pricing-amount {
    font-size: 32px ;
    /* desktop/Price */
    line-height: 110%;
    /* or 35px */
    text-align: center;
    letter-spacing: -1px;
    /* grey-darker */
    color: #252525;
    margin: 32px 0 4px;
    min-width: 245px;
    width: 100%;
    display: inline-block
}

.pricing-card .per-month {
    font-size: 12px;
    line-height: 130%;
    /* identical to box height, or 16px */
    text-align: center;
    letter-spacing: 0.2px;
    /* grey-darker */
    color: #252525;
    display: inline-block
}

.pricing-switch {
    margin: 4rem auto;
}


/* main styles */
.pricing-switch {
    position: relative;
}

    .pricing-switch input {
        position: absolute;
        top: 0;
        z-index: 2;
        opacity: 0;
        cursor: pointer;
    }

        .pricing-switch input:checked {
            z-index: 1;
        }

            .pricing-switch input:checked + label {
                opacity: 1;
                cursor: default;
            }

        .pricing-switch input:not(:checked) + label:hover {
            opacity: 0.5;
        }

    .pricing-switch label {
        color: #252525;
        opacity: 0.33;
        transition: opacity 0.25s ease;
        cursor: pointer;
    }

    .pricing-switch .toggle-outside {
        height: 100%;
        border-radius: 2rem;
        padding: 0.25rem;
        overflow: hidden;
        transition: 0.25s ease all;
    }

    .pricing-switch .toggle-inside {
        border-radius: 5rem;
        background: #FFFFFF;
        position: absolute;
        transition: 0.25s ease all;
    }

.switch--horizontal {
    height: 3rem;
    /* margin:15px auto 18px;*/
    font-size: 0;
    width: 263px;
}

.membership-pricing-cards .switch--horizontal {
    /* margin: 30px auto 18px 60px;*/
}

.home .switch--horizontal {
    margin: 30px auto 30px 5%;
}

@media screen and (max-width: 480px) {
    .home .switch--horizontal {
        margin: 30px auto 30px 10%;
    }
}

.pricing-card .collection {
    padding-top: 32px;
}

.switch--horizontal input {
    left: 100px;
    height: 3rem;
    width: 45px;
    margin: 0;
}

.switch--horizontal #premier {
}

.switch--horizontal #premier-select {
}

.switch--horizontal label {
    font-size: 12px;
    line-height: 3rem;
    display: inline-block;
    height: 100%;
    text-align: left;
}

    .switch--horizontal label:last-of-type {
        /* margin-left: 3rem; */
    }

.switch--horizontal .toggle-outside {
    background: #EB0029;
    position: absolute;
    width: 36px;
    height: 18px;
    left: 78px;
    margin: 5px 0;
}

.toggle-outside-premier {
    left: 110px 
}

.toggle-outside-club {
    left: 91px ;
}

.switch--horizontal .toggle-inside {
    height: 14px;
    width: 14px;
}

.switch--horizontal input:checked ~ .toggle-outside .toggle-inside {
    left: 0.25rem;
    top: 2px;
}

.switch--horizontal input ~ input:checked ~ .toggle-outside .toggle-inside {
    left: 3.25rem;
    left: 2rem;
}

.timetable-header {
    text-align: left ;
    max-width: 796px;
    margin: 0 auto;
}

.time-of-day {
    margin-top: 10px ;
}

@media screen and (max-width: 800px) {
    .timetable-header {
        padding: 24px;
    }
}

.timetable-filter {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

    .timetable-filter > div {
        flex-grow: 1;
        margin: 0 10px 15px;
    }

        .timetable-filter > div:nth-child(2) {
            margin: 0 10px 15px;
        }

    .timetable-filter .form-group label {
        font-size: 12px;
        line-height: 130%;
        /* identical to box height, or 16px */
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
    }

@media screen and (max-width: 480px) {
    .timetable-filter {
        display: block;
    }
}

@media screen and (min-width: 481px) {
    .timetable-filters-mobile {
        display: none;
    }
}

.timetable-filters-mobile .filter {
    border: 1px solid #dbdbdc;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 12px;
    display: none;
    font-size: 14px;
    /* grey-darker */
    color: #252525;
}

.segmented-control__item .radio {
    padding: 14px 
}

.segmented-control {
    display: table;
    width: 100%;
    margin-bottom: 6px;
    padding: 0;
}

.segmented-control__item {
    display: table-cell;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.segmented-control__input {
    position: absolute;
    visibility: hidden;
}

.segmented-control__label {
    display: block;
    margin: 0 -1px -1px 0;
    /* -1px margin removes double-thickness borders between items */
    padding: 1em 0.25em;
    border: 1px solid #ddd;
    font: 14px/1.5 sans-serif;
    text-align: center;
    cursor: pointer;
    height: 34px;
    line-height: 0.5;
}

    .segmented-control__label:hover {
        background: #fafafa;
    }

.segmented-control__input:checked + .segmented-control__label {
    background: #eb0029;
    color: #fff;
}

.class-date-picker {
    margin-bottom: 17px;
}

    .class-date-picker .date-picker.active {
        margin-top: 0;
        height: 88px;
    }

@media only screen and (max-width: 576px) {
    .class-date-picker .date-picker.active {
        height: 64px;
    }
}

.vaTimetable .class-row:first-child td {
    border-top: none;
}

.vaTimetable .class-row td {
    font-weight: 500;
}

.time-col span {
    font-weight: normal;
    font-size: small;
    margin-left: 5px;
}

.vaTimetable .class-row td.class-name-col {
    font-weight: 500;
}

.class-detail-description {
    padding: 0 40px;
}

@media screen and (max-width: 768px) {
    .class-detail-description {
        padding: 24px 0 32px;
    }
}

.vaTimetable .detail-container .description {
    width: 100%;
    padding-left: 0;
    margin-bottom: 23px;
}

.class-row-open .glyphicon-plus {
    display: none ;
}

.class-row-open .glyphicon-minus {
    display: inline-flex ;
}

.vaTimetable .class-row td.chevron-col .glyphicon {
    height: 24px;
    display: inline-flex;
    vertical-align: text-top;
}

.chevron-col .cancelled {
    font-size: 16px;
    line-height: 150%;
    text-align: right;
    color: #676c76;
    font-weight: lighter;
    margin-right: 15px;
}

.class-instructor-mobile {
    font-weight: 500 ;
    display: none;
}

    .class-instructor-mobile span {
        font-weight: lighter;
    }

@media screen and (max-width: 992px) {
    .class-instructor-mobile {
        display: table-cell;
    }

    .class-name-col {
        display: none;
    }

    .instructor-col {
        display: none;
    }

    .chevron-col .cancelled {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .time-col span {
        display: block;
        margin-left: 0;
    }
}

.support-team-nav {
    /* Tabs panel */
    /* Default mode */
}

    .support-team-nav .tabbable-panel {
        padding: 0;
    }

    .support-team-nav .tabbable-line > .nav-tabs {
        border: none;
        margin: 0px;
        max-width: 1196px;
        margin: 0 auto;
    }

@media screen and (max-width: 480px) {
    .support-team-nav .tabbable-line > .nav-tabs {
        padding: 0 24px;
    }
}

.support-team-nav .tabbable-line > .nav-tabs > li {
    margin-right: 48px;
    padding-bottom: 15px;
}

    .support-team-nav .tabbable-line > .nav-tabs > li > a {
        border: 0;
        margin-right: 0;
        color: #737373;
    }

        .support-team-nav .tabbable-line > .nav-tabs > li > a > i {
            color: #a6a6a6;
        }

    .support-team-nav .tabbable-line > .nav-tabs > li.open, .support-team-nav .tabbable-line > .nav-tabs > li:hover {
        border-bottom: 4px solid #fbcdcf;
    }

        .support-team-nav .tabbable-line > .nav-tabs > li.open > a, .support-team-nav .tabbable-line > .nav-tabs > li:hover > a {
            border: 0;
            background: none ;
            color: #333;
        }

            .support-team-nav .tabbable-line > .nav-tabs > li.open > a > i, .support-team-nav .tabbable-line > .nav-tabs > li:hover > a > i {
                color: #a6a6a6;
            }

        .support-team-nav .tabbable-line > .nav-tabs > li.open .dropdown-menu, .support-team-nav .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
            margin-top: 0px;
        }

    .support-team-nav .tabbable-line > .nav-tabs > li.active {
        border-bottom: 4px solid #eb0029;
        padding-bottom: 15px;
        position: relative;
    }

        .support-team-nav .tabbable-line > .nav-tabs > li.active > a {
            border: 0;
            color: #333;
        }

            .support-team-nav .tabbable-line > .nav-tabs > li.active > a > i {
                color: #404040;
            }

.support-team-nav .tabbable-line > .tab-content {
    margin-top: -3px;
    background-color: #fff;
    border: 0;
    padding: 0;
}

@media screen and (max-width: 480px) {
    .support-team-nav .tabbable-line > .tab-content {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.support-team-nav .portlet .tabbable-line > .tab-content {
    padding-bottom: 0;
}

.support-team-nav .tab-content .tab-intro {
    max-width: 1196px;
    margin: 0 auto;
    margin-bottom: 45px;
}

    .support-team-nav .tab-content .tab-intro p {
        max-width: 736px;
    }

.support-team-nav .tab-pane-support {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    grid-gap: 30px;
    align-items: stretch;
    margin-top: 0;
}

@media screen and (min-width: 1400px) {
    .support-team-nav .tab-pane-support {
        grid-template-columns: repeat(6, minmax(180px, 1fr));
        max-width: 1276px;
        margin: 0px auto;
    }
}

@media screen and (max-width: 576px) {
    .support-team-nav .tab-pane-support {
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
    }
}

.support-card {
    display: flex;
    display: inline-block;
    margin-right: 10px;
    display: ms-inline-fexbox;
    flex-direction: column;
    cursor: pointer;
}

    .support-card .support-card-image img {
        width: 100%;
    }

    .support-card .support-card-name {
        font-size: 14px;
        line-height: 140%;
        color: #000;
        padding-top: 10px;
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media screen and (max-width: 414px) {
    .support-team-nav .tabbable-line > .nav-tabs > li {
        margin-right: 20px;
    }
}

@media screen and (max-width: 1200px) {
    .tab-pane-support {
        padding: 0 ;
    }
}

#dLabel {
    width: 240px;
    height: 40px;
    border-radius: 4px;
    background-color: #fff;
    border: solid 1px #ccc;
    text-align: left;
    padding: 7.5px 15px;
    color: #ccc;
    letter-spacing: 0.7px;
    margin-top: 25px;
}

.caret {
    float: right;
    margin-top: 9px;
    display: block;
}

.dropdown-menu {
    width: 240px;
    padding: 0;
    margin: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.dropdown button:hover, .dropdown button:focus {
    border: none;
    outline: 0;
}

.dropdown.open button#dLabel {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
    border: solid 1px #666;
    border-bottom: none;
}

.dropdown.open ul {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
    border: solid 1px #666;
    border-top: none;
    height: 200px;
    overflow-y: scroll;
}

.dropdown-menu li {
    line-height: 1.5;
    letter-spacing: 0.7px;
    color: #666;
    font-size: 14px;
    cursor: pointer;
    padding: 7.5px 15px;
    border-top: solid 1px #f3f3f3;
}

    .dropdown-menu li:hover {
        background-color: #ccc;
    }

.info-block-container-clubs .info-block-clubs .info-block-content {
    flex-wrap: nowrap;
    background-color: #f0f1f2;
    align-items: stretch;
}

    .info-block-container-clubs .info-block-clubs .info-block-content > div {
        flex: 1 1 33%;
    }

    .info-block-container-clubs .info-block-clubs .info-block-content .info-block-image img {
        height: 100%;
        object-fit: cover;
    }

@media only screen and (max-width: 480px) {
    .info-block-clubs.personal-training {
        margin-top: 48px;
    }
}

.personal-training .personal-training-copy {
    padding: 48px 50px 48px 0;
}

    .personal-training .personal-training-copy p {
        font-size: 16px ;
        line-height: 150%;
        /* or 24px */
        /* dark2 */
        color: #252525;
    }

@media screen and (max-width: 940px) {
    .personal-training .personal-training-copy {
        padding: 48px;
        padding-top: 0;
    }
}

.personal-training .info-block-text {
    padding: 48px;
}

    .personal-training .info-block-text h3 {
        font-size: 22px ;
        line-height: 140%;
        /* or 31px */
        /* dark2 */
        color: #252525;
    }

.info-block-container-clubs .info-block-clubs .info-block-content .primary-btn {
    margin: 0;
}

@media screen and (max-width: 940px) {
    .info-block-container-clubs .info-block-clubs .info-block-content {
        flex-direction: column;
        margin: 0;
    }
}

.login-row {
    margin-bottom: 30px;
}

@media only screen and (max-width: 1200px) {
    .info-block-container-clubs .info-block-clubs .info-block-content .info-block-text {
        margin: 0 ;
    }

    .personal-training .info-block-text {
        padding: 24px;
    }

    .personal-training .personal-training-copy {
        padding: 24px;
    }
}

.info-block-clubs.personal-training {
    margin-bottom: 0px;
    max-width: 1276px;
}

@media screen and (max-width: 940px) {
    .info-block-clubs.personal-training {
        margin-bottom: 64px;
    }
}

@media screen and (max-width: 940px) {
    .pricing-cards-container {
        flex-direction: column;
    }

        .pricing-cards-container .pricing-card {
            margin-bottom: 40px;
        }
}

/****************************************scss/_club-details.css end********************************************************************/


/**********************************************************************************************************************************************/
/**********************************************************************************************************************************************/


/***************************************scss/_personal-trainer begin********************************************************************/
#slide-modal-personal-trainer .modal-body {
    background: transparent;
    /* max-width: 1276px;*/
    margin: 0 auto;
    margin: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.personal-trainer-card {
    position: relative;
    height: 504px;
    max-height: 504px;
    background: #fff;
    border-radius: 2px;
    display: flex;
    position: relative;
}

@media screen and (max-width: 768px) {
    #slide-modal-personal-trainer .modal-body {
        background: transparent;
    }

    .personal-trainer-card {
        padding: 0;
        margin: 0 ;
        flex-direction: column;
        /* align-items: center;*/
        height: 100vh;
        max-height: none;
        overflow: scroll;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
}

.personal-trainer-card .close-modal {
    padding: 0;
    padding-bottom: 10px;
    color: white;
    font-size: 28px;
    line-height: 27px;
    background-position: center;
    background-size: 14px;
    width: 32px;
    height: 32px;
    background-color: #252525;
    position: absolute ;
    position: absolute ;
    top: 20px;
    right: 20px;
    /* top: 24px;
	 right: 24px;*/
    border-radius: 100%;
    opacity: 0.7;
    z-index: 99;
}

@media screen and (max-width: 768px) {
    #slide-modal-personal-trainer .modal-content {
        position: relative ;
    }

    .personal-trainer-card .close-modal {
        position: fixed;
    }

    .personal-trainer-card .personal-trainer-card-img {
        width: 100%;
        max-height: 375px;
    }

        .personal-trainer-card .personal-trainer-card-img img {
            max-height: 375px;
            object-fit: cover;
            width: 100%;
            object-position: top;
        }
}

.personal-trainer-card .personal-trainer-card-img {
    /* width: 330px;*/
    height: 100%;
    flex-shrink: 0;
}

    .personal-trainer-card .personal-trainer-card-img img {
        height: 100%;
    }

.personal-trainer-card .benefit-card-img img {
    /*height: 100%;*/
}




.personal-trainer-card .personal-trainer-card-content {
    padding: 50px;
}

overflow-y: scroll;

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.personal-trainer-card .personal-trainer-contact {
    margin: 24px 0;
}

    .personal-trainer-card .personal-trainer-contact > div {
        display: inline-block;
        margin-right: 10px;
    }

        .personal-trainer-card .personal-trainer-contact > div:not(:first-child) {
            /*margin-left: 20px;*/
        }

        .personal-trainer-card .personal-trainer-contact > div .glyphicon {
            margin-right: 10px;
        }

@media screen and (max-width: 541px) {

    .personal-trainer-card .personal-trainer-card-content {
        /* width: 36%;*/
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .personal-trainer-card .personal-trainer-contact > div {
        display: block;
    }

        .personal-trainer-card .personal-trainer-contact > div:not(:first-child) {
            margin: 10px 0;
        }
}

.personal-trainer-card ul {
    position: relative;
    padding: 0 30px;
    margin: 24px 0;
}

    .personal-trainer-card ul li::before {
        content: '—';
        position: absolute;
        left: 0;
    }

.personal-trainer-card p.personal-trainer-quote {
    position: relative;
    padding-left: 30px;
}

@media screen and (min-width: 768px) {
    .personal-trainer-card .personal-trainer-card-content {
        -webkit-mask-image: linear-gradient(to bottom, black 85%, transparent 100%);
        mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
        overflow-y: scroll;
        max-height: 500px;
    }


    ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 10px;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: #DBDBDC;
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    }
}

.personal-trainer-card p.personal-trainer-quote::before {
    content: '“';
    position: absolute;
    left: -4px;
    font-size: 58px;
    top: 16px;
}

.mobile-slider-controls {
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-family: Gotham HTF;
    font-size: 14px;
    line-height: 29px;
    align-items: center;
    background: white;
    min-height: 48px;
    position: fixed;
    bottom: 0;
    border-top: 1px solid #dbdbdc;
    padding: 0 24px;
    display: none
}

@media screen and (min-width: 769px) {
    .mobile-slider-controls {
        display: none;
    }
}

.mobile-slider-controls button {
    margin: 0;
    border: 0;
}

    .mobile-slider-controls button .glyphicon {
        color: #eb0029;
        margin: 0 5px;
    }

/*****************************************scss/_personal-trainer end*************************************************************************/

/**********************************************************************************************************************************************/
/**********************************************************************************************************************************************/

/********************************************scss/_facilities.css begin*************************************************************************/
.facilities-card {
    position: relative;
    height: 375px;
    max-height: 375px;
    background: #fff;
    border-radius: 2px;
    display: flex;
    position: relative;
}

@media screen and (max-width: 768px) {
    .facilities-card {
        flex-direction: column-reverse;
        justify-content: flex-end;
        padding: 0;
        margin: 0 ;
        align-items: center;
        height: 100vh;
        max-height: 100%;
        overflow: scroll;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
}

.facilities-card .close-modal {
    padding: 0;
    color: white;
    font-size: 28px;
    line-height: 27px;
    background-position: center;
    background-size: 14px;
    width: 32px;
    height: 32px;
    background-color: #252525;
    position: absolute;
    top: 24px;
    right: 24px;
    border-radius: 100%;
    opacity: 0.7;
}

.facilities-card .facilities-card-img {
    width: 50%;
    flex-basis: 50%;
    height: 100%;
    flex-shrink: 0;
}

@media screen and (max-width: 768px) {
    .facilities-card .facilities-card-img {
        width: 100%;
        max-height: 375px;
    }
}

.facilities-card .facilities-card-img img {
    height: 100%;
    /*margin-left:50px;*/
    float: right;
}

@media screen and (max-width: 768px) {
    .facilities-card .facilities-card-img img {
        max-height: 375px;
        object-fit: cover;
        width: 100%;
        object-position: top;
    }
}

.facilities-card .facilities-card-content {
    padding: 50px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
}

    .facilities-card .facilities-card-content h4 {
        margin: 0;
    }

        .facilities-card .facilities-card-content h4.title {
            margin: 20px 0 32px;
        }

@media screen and (max-width: 768px) {
    .facilities-card .facilities-card-content {
        padding: 32px 24px 72px;
    }
}

.facilities-card .facilities-contact {
    margin: 24px 0;
}

    .facilities-card .facilities-contact > div {
        display: inline-block;
    }

        .facilities-card .facilities-contact > div:not(:first-child) {
            margin-left: 20px;
        }

        .facilities-card .facilities-contact > div .glyphicon {
            margin-right: 10px;
        }

@media screen and (max-width: 480px) {
    .facilities-card .facilities-contact > div {
        display: block;
    }

        .facilities-card .facilities-contact > div:not(:first-child) {
            margin: 10px 0;
        }
}

.facilities-card ul {
    position: relative;
    padding: 0 30px;
    margin: 24px 0;
}

    .facilities-card ul li::before {
        content: '—';
        position: absolute;
        left: 0;
    }

.facilities-card p.facilities-quote {
    position: relative;
    padding-left: 30px;
}

@media screen and (min-width: 768px) {
    .facilities-card p.facilities-quote {
        overflow-y: scroll;
        max-height: 64px;
    }
}

.facilities-card p.facilities-quote::before {
    content: '“';
    position: absolute;
    left: -4px;
    font-size: 58px;
    top: 16px;
}

/********************************************scss/_facilities.css end****************************************************************************/

/**********************************************************************************************************************************************/
/**********************************************************************************************************************************************/

/*scss/classes.css begin*/
.icon-quotemark-left {
    background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/build/images/quotemark-left.svg);
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}

.site-content .classes .class-category-header {
    background-color: #252525;
}

    .site-content .classes .class-category-header .class-category-header-inner {
        margin: 0 auto;
        max-width: 1060px;
    }

    .site-content .classes .class-category-header .class-category-header-content {
        padding: 45px 0 275px;
    }

@media screen and (max-width: 940px) {
    .site-content .classes .class-category-header .class-category-header-content {
        padding: 45px 30px;
    }
}

.site-content .classes .class-category-header .class-category-header-content h2 {
    margin: 30px 0 30px -3px;
}

.site-content .classes .class-category-header-image {
    max-width: 1276px;
    margin: 0 auto;
    margin-top: -211px;
}

@media screen and (max-width: 940px) {
    .site-content .classes .class-category-header-image {
        margin: 0;
    }
}

.site-content .classes .class-category-header-image img {
    width: 100%;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.08);
    border-radius: 3px;
}

.site-content .classes .breadcrumbs {
    position: static ;
    max-width: 1276px;
    margin: 0 auto;
    padding: 30px;
}

.benefits .breadcrumbs {
    position: static ;
    max-width: 1050px;
    margin: 0 auto;
    padding: 30px;
}

.rewards .breadcrumbs {
    position: static ;
    max-width: 1276px;
    margin: 0 auto;
    padding-top: 0 ;
}

.site-content .classes .class-description {
    max-width: 844px;
    margin: 0 auto;
    padding: 90px 0 90px;
}

    .site-content .classes .class-description h3 {
        margin: 0;
        margin-bottom: 32px;
    }

@media screen and (max-width: 940px) {
    .site-content .classes .class-description {
        padding: 45px 30px;
    }
}

.site-content .classes .class-description-list {
    position: relative;
    margin-top: 45px;
}

    .site-content .classes .class-description-list li:not(:first-child) {
        margin-top: 30px;
    }

    .site-content .classes .class-description-list .icon-check-red {
        width: 18px;
        height: 18px;
        position: absolute;
        left: 0;
    }

.site-content .classes .class-training {
    background-color: #F0F1F2;
    margin: 0 0;
    padding-top: 30px;
    padding-bottom: 90px;
}

@media screen and (max-width: 480px) {
    .site-content .classes .class-description {
        padding: 45px;
    }

    .classes .mainContainer {
        padding: 0 
    }

    .site-content .classes .class-space .class-space-content-inner {
        padding: 0 24px ;
    }

    .site-content .classes .class-training {
        padding-bottom: 64px;
    }

    .site-content .classes .class-space {
        padding: 0 ;
        background-color: #fff ;
    }

    .class-space-image {
        padding-bottom: 32px
    }
}

@media screen and (max-width: 1200px) {
    .site-content .classes .class-training {
        margin: 0;
        padding: 45px 30px;
    }
}

.site-content .classes .class-training .class-training-inner {
    max-width: 1060px;
    margin: 0 auto;
}

    .site-content .classes .class-training .class-training-inner h3 {
        margin-top: 0px;
        margin-bottom: 45px;
    }

.site-content .classes .class-training-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(196px, 1fr));
    grid-gap: 30px;
    align-items: stretch;
}

@media screen and (max-width: 767px) {
    .site-content .classes .class-training-cards {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 992px) {
    .site-content .classes .class-training-cards {
        flex-direction: column;
    }

        .site-content .classes .class-training-cards .class-training-card {
            width: 100% ;
        }

            .site-content .classes .class-training-cards .class-training-card .training-card-content p {
                width: 100% ;
            }

            .site-content .classes .class-training-cards .class-training-card .training-card-content .button-default {
                float: none ;
            }
}

.site-content .classes .class-training-cards .class-training-card {
    min-height: 346px;
    background-color: white;
    display: flex;
    flex-direction: column;
}

    .site-content .classes .class-training-cards .class-training-card h5 span {
        margin-left: 12px;
    }

    .site-content .classes .class-training-cards .class-training-card.with-action .training-card-content {
        min-height: auto;
        background-color: white;
        padding: 32px;
        border-top: 3px solid #EB0029;
    }


@media screen and (max-width: 480px) {
    .site-content .classes .class-training-cards .class-training-card.with-action .training-card-content {
        padding: 20px;
    }
}


.site-content .classes .class-training-cards .class-training-card.with-action .training-card-content p {
    margin-top: 0;
    display: inline-block;
    width: 70%;
}

@media screen and (max-width: 940px) {
    .site-content .classes .class-training-cards .class-training-card.with-action .training-card-content p {
        width: 50%;
    }
}

@media screen and (max-width: 480px) {
    .site-content .classes .class-training-cards .class-training-card.with-action .training-card-content .button-default {
        display: none ;
    }

    .site-content .classes .class-training-cards .class-training-card h5 span {
        margin-right: 12px ;
        margin-left: 0;
    }

    .site-content .classes .class-rockstars {
        padding-top: 45px ;
        padding-bottom: 45px ;
    }

    .site-content .classes .class-space {
        margin-top: 0 ;
    }

    .site-content .classes .from-our-blog h3 {
        padding: 30px ;
        margin-bottom: 0px ;
    }

    .site-content .classes .from-our-blog #from-our-blog-slider {
        margin-bottom: -50px ;
    }
}

}

.site-content .classes .class-training-cards .class-training-card.with-action .training-card-content .button-default {
    float: right;
    margin-top: 20px;
}

.site-content .classes .class-training-cards .training-card-image {
    flex-grow: 1;
    height: 100%;
}

    .site-content .classes .class-training-cards .training-card-image img {
        min-width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

.site-content .classes .class-training-cards .training-card-content {
    min-height: 60px;
    background-color: #252525;
    padding: 10px;
}

.site-content .classes .class-rockstars {
    padding-top: 90px;
    padding-left: 30px;
    padding-right: 30px;
}

    .site-content .classes .class-rockstars .button-row div {
        width: auto ;
    }

.site-content .classes .class-rockstars-heading {
    max-width: 844px;
    margin: 0 auto;
}

    .site-content .classes .class-rockstars-heading h3 {
        margin-top: 0px;
        margin-bottom: 45px;
    }

.site-content .classes .class-rockstars-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    grid-gap: 30px;
    align-items: stretch;
    margin-top: 45px;
}

@media screen and (min-width: 1400px) {
    .site-content .classes .class-rockstars-grid {
        grid-template-columns: repeat(6, minmax(180px, 1fr));
        max-width: 1276px;
        margin: 45px auto;
    }
}

@media screen and (max-width: 576px) {
    .site-content .classes .class-rockstars-grid {
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
    }
}

.site-content .classes .class-rockstars-grid .support-card {
    display: flex;
    flex-direction: column;
    display: -ms-inline-flexbox;
    flex: 1 1 50%;
    margin: 4px;
}

    .site-content .classes .class-rockstars-grid .support-card .support-card-image img {
        width: 100%;
    }

    .site-content .classes .class-rockstars-grid .support-card .support-card-name {
        font-size: 14px;
        line-height: 140%;
        color: #000000;
        padding-top: 10px;
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.site-content .classes .class-space {
    /*max-width: 1276px;*/
    margin: 0 auto;
    margin-top: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F0F1F2;
    padding: 45px;
}

@media screen and (min-width: 577px) and (max-width: 1255px) {
    .site-content .classes .class-space {
        padding: 30px;
    }
}

@media screen and (max-width: 576px) {
    .site-content .classes .class-space {
        flex-direction: column-reverse;
    }

    .site-content .classes .from-our-blog {
        padding: 60px 0 0 0 ;
    }
}

.site-content .classes .class-space .class-space-content-inner {
    max-width: 412px;
    margin: 0 auto;
}

    .site-content .classes .class-space .class-space-content-inner h3 {
        margin-bottom: 30px;
    }

@media screen and (max-width: 1250px) {
    .site-content .classes .class-space .class-space-content-inner {
        padding-right: 30px;
    }
}

@media screen and (max-width: 576px) {
    .site-content .classes .class-space .class-space-content-inner {
        padding: 30px;
    }
}

.site-content .classes .class-space > * {
    flex: 1;
}

.site-content .classes .class-space .class-space-image img {
    width: 100%;
}

.site-content .classes .from-our-blog {
    position: relative;
    padding: 90px 0 20px 0;
}

    .site-content .classes .from-our-blog h3 {
        max-width: 1026px;
        margin-top: 0px;
        margin-bottom: 45px;
    }

@media screen and (max-width: 1080px) {
    .site-content .classes .from-our-blog h3 {
        padding: 0 10px;
    }
}

.site-content .classes .from-our-blog #from-our-blog-slider {
    max-width: 1061px;
    margin: 0 auto;
    /*position: static;*/
}

@media screen and (max-width: 960px) {
    .site-content .classes .from-our-blog #from-our-blog-slider {
        width: 100%;
    }
}

.site-content .classes .from-our-blog #from-our-blog-slider .from-our-blog-item:hover {
    background: #FFFFFF;
    /* Shadow-Large */
    box-shadow: 0px 12px 64px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
}

.site-content .classes .from-our-blog #from-our-blog-slider .from-our-blog-item {
    margin: 15px;
}

    .site-content .classes .from-our-blog #from-our-blog-slider .from-our-blog-item .item-image img {
        display: block;
        max-width: 100%;
        height: auto;
        width: 100%;
        max-height: 226px;
        object-fit: cover;
        object-position: top;
    }

    .site-content .classes .from-our-blog #from-our-blog-slider .from-our-blog-item .item-content {
        padding: 30px;
        margin-bottom: 50px;
    }

        .site-content .classes .from-our-blog #from-our-blog-slider .from-our-blog-item .item-content h6 {
            /* desktop/H5 Title */
            font-size: 17px;
            line-height: 140%;
            /* identical to box height, or 24px */
            /* grey-darker */
            color: #252525;
            margin: 15px 0 30px;
            font-weight: 400;
        }

        .site-content .classes .from-our-blog #from-our-blog-slider .from-our-blog-item .item-content p {
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            /* Limit the text block to three lines */
            -webkit-line-clamp: 2;
        }

.site-content .classes .from-our-blog #from-our-blog-slider .slick-prev,
.site-content .classes .from-our-blog #from-our-blog-slider .slick-next {
    margin: 0;
    min-width: auto ;
    position: absolute;
    width: 45px;
    height: 45px;
    z-index: 1;
}

.site-content .classes .from-our-blog #from-our-blog-slider .slick-prev {
    left: 2px ;
    top: 100px
}

.site-content .classes .from-our-blog #from-our-blog-slider .slick-next {
    right: 2px ;
    top: 100px
}

.mins_duration {
    font-size: 24px;
    padding-left: 5px;
}

/*scss/classes.css end*/

/**********************************************************************************************************************************************/
/**********************************************************************************************************************************************/

/*scss/_book-a-visit.css begin*/
.book-a-visit {
    padding: 50px 0;
    max-width: 588px;
    margin: 0 auto;
}

    .book-a-visit .back-button {
        text-decoration: none;
        align-items: end;
        text-align: center;
        text-transform: uppercase;
        display: inline-flex;
        border-radius: 2px;
        color: #000;
        position: absolute;
        top: 230px;
        left: 85px;
        transition: 0.3s;
        background-image:
    }

.custom-combobox {
    display: none;
}


.icon-pencil {
    background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/icons/icon-pencil.svg);
}

@media screen and (max-width: 768px) {
    .book-a-visit .back-button {
        top: 180px;
        left: 40px;
    }
}

.book-a-visit .back-button .icon-back-arrow {
    height: 20px;
    width: 20px;
    margin-right: 20px;
}

@media screen and (max-width: 768px) {
    .book-a-visit {
        padding-left: 24px;
        padding-right: 24px;
    }

        .book-a-visit form {
            width: auto ;
        }
}

.book-a-visit .icon-pencil {
    background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/icons/icon-pencil.svg);
    min-width: 18px;
    min-height: 18px;
    display: inline-block;
    margin-right: 20px;
}

.book-a-visit p {
    margin-top: 32px;
    margin-bottom: 24px;
}

.book-a-visit #MSOZoneCell_WebPartWPQ1, .book-a-visit .ms-webpart-cell-vertical {
    margin: 0;
}

.book-a-visit form {
    width: 412px;
}

    .book-a-visit form .button-row div {
        width: 242px ;
    }

.book-a-visit .section-title {
    margin: 40px 0 24px;
}




/*scss/_book-a-visit.css end*/

/**********************************************************************************************************************************************/
/**********************************************************************************************************************************************/

/*scss/_contact-us.css begin*/
.contact-us {
    padding: 90px 0;
    max-width: 588px;
    margin: 0 auto;
}

@media screen and (max-width: 480px) {
    .contact-us {
        padding: 45px 0;
    }
}



.tell-us-more {
    display: none;
}

.give-us-a-bit-more {
    display: block
}

.contact-us .back-button {
    text-decoration: none;
    align-items: end;
    text-align: center;
    text-transform: uppercase;
    display: inline-flex;
    border-radius: 2px;
    color: #000;
    position: absolute;
    top: 100px;
    left: 85px;
    transition: 0.3s;
}

.col-input {
    height: 95px;
}

@media screen and (max-width: 768px) {
    .contact-us .back-button {
        top: 20px;
        left: 20px;
    }
}

.contact-us .back-button .icon-back-arrow {
    height: 20px;
    width: 20px;
    margin-right: 20px;
}

@media screen and (max-width: 768px) {
    .contact-us {
        padding-left: 24px;
        padding-right: 24px;
    }

        .contact-us form {
            width: auto ;
        }
}

.contact-us .icon-pencil {
    background-image: url("https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/images/icons/icon-pencil.svg");
    min-width: 18px;
    min-height: 18px;
    display: inline-block;
    margin-right: 20px;
}

.contact-us p {
    margin-top: 32px;
    margin-bottom: 48px;
}

.contact-us form {
    width: 628px;
}

    .contact-us form .row .input {
        margin: 12px 0;
    }

    .contact-us form .button-row {
        margin: 48px 0;
    }

        .contact-us form .button-row div {
            width: 242px ;
        }

.contact-us .section-title {
    margin: 45px 0 15px;
}

.virgin-active-contact-details {
    display: flex;
    width: 100%;
    margin-top: 45px;
}

@media screen and (max-width: 768px) {
    .virgin-active-contact-details {
        flex-direction: column;
    }
}

.virgin-active-contact-details .contact-details-image {
    flex-basis: 50%;
}

    .virgin-active-contact-details .contact-details-image img {
        width: 100%;
    }

.virgin-active-contact-details .contact-details-content {
    font-size: 14px;
    line-height: 140%;
    /* or 20px */
    padding-left: 35px;
    align-self: center;
}

@media screen and (max-width: 768px) {
    .virgin-active-contact-details .contact-details-content {
        margin-top: 24px;
        padding-left: 0;
        align-self: start;
    }
}

.virgin-active-contact-details .contact-details-content p {
    margin: 15px 0 25px;
}

.virgin-active-contact-details .contact-details-content .contact-phone {
    display: inline-flex;
}

    .virgin-active-contact-details .contact-details-content .contact-phone .icon-phone-red {
        width: 18px;
        height: 18px;
        margin-right: 20px;
    }

/*scss/_contact-us.css end*/

/**********************************************************************************************************************************************/
/**********************************************************************************************************************************************/

/*scss/_landing-modal.css begin*/
.landing-modal-get-started {
    z-index: 999999;
}

.landing-modal {
    padding: 0 ;
}

    .landing-modal .landing-modal-title {
        line-height: 130%;
        letter-spacing: -1px;
        margin-bottom: 24px;
        text-align: center;
    }

    .landing-modal .landing-modal-content {
        max-width: 864px;
        padding-top: 24px;
    }

    .landing-modal .modal-content {
        position: relative;
        min-height: 100%;
    }

    .landing-modal .modal-body {
        justify-content: start;
        /* top:80px;*/
    }

    .landing-modal .modal-close {
        position: absolute;
        display: inline-block;
        top: 24px;
        right: 74px;
        outline: none;
        border: 0;
    }

@media screen and (max-width: 768px) {
    .landing-modal .modal-close {
        top: 20px;
        right: 20px;
    }
}

.landing-modal .modal-close:hover {
    background-color: transparent;
}

.landing-modal .modal-close .icon-modal-close {
    height: 28px;
    width: 28px;
}

@media screen and (max-width: 940px) {
    .landing-modal .modal-body {
        overflow-y: scroll;
    }
}

.action-card {
    border: 2px solid #dbdbdc;
    box-sizing: border-box;
    border-radius: 3px;
    min-height: 200px;
    padding: 40px 50px;
    justify-content: space-between;
    width: 100%;
    margin: 8px 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
    height: 100%;
}

    .action-card:hover {
        border-color: #EB0029;
    }

    .action-card:after {
        content: '' ;
        min-height: inherit ;
        font-size: 0 ;
    }

    .action-card a {
        display: -ms-flexbox; /*ie*/
    }

    .action-card h2 {
        /* desktop/H1 Title */
        font-size: 50px;
        line-height: 130%;
        /* identical to box height, or 65px */
        letter-spacing: -1px;
        min-width: 300px;
        margin: 0;
    }

    .action-card p, .action-card div {
        font-weight: 300;
        color: #252525;
        line-height: 150%;
        max-width: 412px;
        margin: 0 20px;
    }

@media screen and (max-width: 940px) {
    .action-card p {
        margin: 0;
    }
}

.action-card .glyphicon {
    font-size: 24px;
}

@media screen and (max-width: 940px) {
    .action-card {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 24px;
        min-height: auto;
    }

        .action-card h2 {
            margin-bottom: 15px;
        }

        .action-card .glyphicon {
            position: absolute;
            font-size: small;
            top: 37px;
            right: 28px;
        }
}

.promo-banner {
    padding: 0 80px;
    background-color: #fcd9dd;
    position: relative;
    display: flex;
    align-items: center;
    margin: 110px 0;
    max-height: 116px;
}

@media screen and (max-width: 940px) {
    .promo-banner {
        max-height: none;
        flex-direction: column;
        margin-bottom: 0;
        padding: 30px;
        width: 100%;
    }

        .promo-banner img {
            margin-top: -100px;
            margin-bottom: 16px;
        }
}

/*scss/_landing-modal.css end*/

/**********************************************************************************************************************************************/
/**********************************************************************************************************************************************/

/*scss/_slick-slider-custom.css begin*/
.site-content .slick-prev, .site-content .slick-next {
    margin: 0;
    min-width: auto ;
    position: fixed;
    width: 48px;
    height: 48px;
}

    .site-content .slick-prev::before, .site-content .slick-next::before {
        color: #252525 ;
        height: 100%;
        width: 48px;
        font-size: 48px;
    }

    .site-content .slick-prev::after, .site-content .slick-next::after {
        content: '';
        height: 48px;
        width: 48px;
    }

.site-content .slick-prev {
    /*left: 24px ;*/
    left: -144px ;
    position: absolute;
}

.site-content .slick-next {
    /* right: 24px ;*/
    right: -144px ;
    position: absolute;
}

.site-content .modal-slider {
    width: 100%;
    opacity: 0;
    transition: 0.3s;
}

.site-content .slick-initialized {
    opacity: 1;
}

.site-content .slick-slider-modal .modal-dialog .modal-content {
    background: transparent;
}
/*scss/_slick-slider-custom.css end*/

/**********************************************************************************************************************************************/
/**********************************************************************************************************************************************/

/*scss/_social-container.css begin*/
.social-media-content-container {
    justify-content: center;
}

@media only screen and (max-width: 576px) {
    .social-media-content-container {
        margin: 0;
    }
}

.social-media-links {
    display: flex;
    justify-content: center;
    margin: 45px 0 0 ;
    max-width: 100% ;
}

@media only screen and (max-width: 576px) {
    .social-media-links {
        margin-top: 45px;
    }
}

.social-media-links .social-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 15px;
}

    .social-media-links .social-icon.instagram-icon {
        background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/images/icons/instagram-social-icon.svg);
    }

    .social-media-links .social-icon.facebook-icon {
        background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/images/icons/facebook-social-icon.svg);
    }

    .social-media-links .social-icon.twitter-icon {
        background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/images/icons/twitter-social-icon.svg);
    }

    .social-media-links .social-icon.linkedin-icon {
        background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/images/icons/linkedin-social-icon.svg);
    }

    .social-media-links .social-icon.pinterest-icon {
        background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/images/icons/pinterest-social-icon.svg);
    }

/*scss/_social-container.css end*/

/**********************************************************************************************************************************************/
/**********************************************************************************************************************************************/

/*scss/_thank-you.css begin*/
.thank-you .thank-you-header {
    padding: 90px 0 90px;
    max-width: 588px;
    margin: 0 auto;
    text-align: center;
}

@media screen and (max-width: 940px) {
    .thank-you .thank-you-header {
        margin-left: 68px;
        margin-right: 68px;
    }
}

.thank-you .thank-you-header .thank-you-title {
    margin-bottom: 38px;
}

.thank-you .thank-you-header .thank-you-button-row {
    margin: 50px 0 0;
}

    .thank-you .thank-you-header .thank-you-button-row > div {
        width: 100%;
    }

        .thank-you .thank-you-header .thank-you-button-row > div:not(:first-child) {
            margin-top: 32px;
        }

@media screen and (min-width: 940px) {
    .thank-you .thank-you-header .thank-you-button-row {
        flex-direction: row;
        align-items: center;
        display: flex;
        justify-content: space-between;
    }

        .thank-you .thank-you-header .thank-you-button-row > div {
            width: 242px;
        }

            .thank-you .thank-you-header .thank-you-button-row > div:not(:first-child) {
                margin: 0;
            }
}
/*scss/_thank-you.css end*/

/**********************************************************************************************************************************************/
/**********************************************************************************************************************************************/

/*scss/_global.css begin*/
.input {
    width: 100%;
    display: flex;
    flex-direction: column;
}

    .input .input-caption {
        margin-top: 5px;
    }

    .input input {
        height: 40px;
        display: block;
        border: 1px solid #b5b6b8;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 140%;
        width: 100%;
        padding: 0.5em;
    }

    .input select {
        height: 40px;
        display: block;
        border: 1px solid #b5b6b8;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 140%;
        width: 100%;
        border-radius: 0;
        /*-webkit-appearance: none;*/
        -moz-appearance: none ;
        background-position: right 50%;
        background-repeat: no-repeat;
        background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=) ;
        padding: 0.5em ;
        padding-right: 1.5em ;
    }

        .input select[disabled] {
            border-color: #dbdbdc;
        }

            .input select[disabled] + label {
                color: #b5b6b8;
            }

    .input label {
        order: -1;
    }

    .input + .input {
        margin-top: 24px;
    }

.radio {
    position: relative;
    display: block;
    /* margin-top: 10px; */
    margin-bottom: 10px;
    padding-left: 50px;
    padding-right: 8px;
}

    .radio.radio-tabs {
        padding: 0;
        min-width: 68px;
        display: inline-block;
    }

        .radio.radio-tabs label:hover::before {
            border-color: #eb0029;
        }

        .radio.radio-tabs label {
            padding: 10px;
            width: 100%;
            text-align: center;
        }

            .radio.radio-tabs label::before {
                content: "";
                display: inline-block;
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0px;
                bottom: -2px;
                border: 2px solid #b5b6b8;
                border-radius: 3px;
                background-color: transparent;
                margin-left: 0;
            }

            .radio.radio-tabs label::after {
                content: none;
            }

    .radio + .radio {
        margin-top: 15px;
    }

    .radio input[type="radio"] {
        opacity: 0;
        z-index: 1;
        cursor: pointer;
        position: absolute;
        margin-top: 4px;
        margin-left: -20px;
    }

        .radio input[type="radio"]:checked + label:after {
            background: #eb0029;
            border-color: #eb0029;
        }

        .radio input[type="radio"]:checked + label:before {
            border-color: #eb0029;
        }

    .radio label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 10px;
        width: 100%;
    }

@media screen and (max-width: 480px) {
    .radio label {
        display: inline-table;
    }
}


.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: -2px;
    margin-left: -20px;
    border: 2px solid #b5b6b8;
    border-radius: 3px;
    background-color: #fff;
    border-radius: 100%;
}

.radio label::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 10px;
    left: 5px;
    top: 3px;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555;
    border-radius: 100%;
}

.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
}

    .checkbox + .checkbox {
        margin-top: 15px;
    }

    .checkbox input[type="checkbox"] {
        opacity: 0;
        z-index: 1;
        cursor: pointer;
        position: absolute;
        margin-top: 4px;
        margin-left: -20px;
    }

        .checkbox input[type="checkbox"]:checked + label:after {
            background: transparent;
            border-radius: 0;
            border-left: 2px solid white;
            border-bottom: 2px solid white;
            transform: rotate(-45deg);
        }

        .checkbox input[type="checkbox"]:checked + label:before {
            background: #eb0029;
            border-color: #eb0029;
        }

    .checkbox label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 10px;
    }

        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 20px;
            height: 20px;
            left: 0;
            top: -2px;
            margin-left: -20px;
            border: 2px solid #b5b6b8;
            border-radius: 3px;
            background-color: white;
        }

        .checkbox label::after {
            content: "";
            display: inline-block;
            position: absolute;
            width: 12px;
            height: 7px;
            left: 4px;
            top: 3px;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            font-size: 11px;
            color: #555;
            border-radius: 100%;
        }

.slick-slider-modal .modal-body {
    max-width: 864px;
}

.slick-track .slick-slide .slick-slide .slick-slide {
    width: 100% 
}

/*scss/_global.css end*/

/**********************************************************************************************************************************************/
/**********************************************************************************************************************************************/

/*scss/gym-membership.css begin*/
.grey-container {
    background-color: #F0F1F2;
    margin: 0 auto;
}

.gym-membership .gym-membership-header {
    min-height: 360px;
    background-color: #252525;
}

    .gym-membership .gym-membership-header .gym-membership-header-inner {
        margin: 0 auto;
        max-width: 1060px;
    }

.gym-membership .pricing-card {
    height: 366px
}

.gym-membership hr {
    margin: 0 auto ;
    border-top: 1px solid #DBDBDC ;
    padding: 0 82px ;
    max-width: 1276px;
    display: none 
}

.membership-promo-banner-cnt {
    top: -250px;
    position: relative;
    max-height: 670px;
}

.button-default {
    position: relative;
}

@media screen and (max-width: 940px) {
    .gym-membership .gym-membership-header .gym-membership-header-inner {
        padding: 48px 24px 0;
    }

    .gym-membership .gym-membership-header .gym-membership-header-content {
        min-height: 770px;
    }
}

.search-cmp {
    margin-top: -100px;
}


@media screen and (max-width:480px) {


    .membership-promo-banner-cnt {
        max-height: 823px;
    }

    .gym-membership .gym-membership-header .gym-membership-header-content {
        min-height: 655px;
    }

    .gym-membership .membership-pricing .membership-pricing-cards, .membership-promo-banner {
        position: relative;
        top: 61px;
    }

    .membership-promo-banner-cnt {
        top: -226px ;
    }

    .grey-container {
        position: relative;
        top: 60px;
    }

    .gym-membership .pricing-card {
        height: 352px;
        padding: 24px 24px ;
        margin: 0;
    }

    .gym-membership .membership-pricing .membership-pricing-cards {
        /* height:316px */
    }

    #membership-pricing-card-collection {
        height: 350px 
    }

    .membership-pricing-list {
        position: relative;
        top: 90px
    }

    .gym-membership .membership-pricing .pricing-list {
        margin: 0 0 125px 
    }

    .gym-membership .reward-partners {
        margin-top: 0 
    }

    .search-image {
        max-height: 180px;
        /* height: 100%;*/
        position: relative
    }

    .gym-membership .search-component {
        margin-top: 40px;
    }

    .search-cmp {
        position: relative;
        top: 0px ;
        min-height: 330px;
    }

    .gym-membership .reward-partners .reward-partners-cards {
        padding: 0 
    }

        .gym-membership .reward-partners .reward-partners-cards .partners-card {
            padding: 32px 24px 48px ;
            margin: 24px 0 ;
        }

    .active-kids .active-kids-copy {
        order: 2;
    }
}



.gym-membership .gym-membership-header .gym-membership-header-content {
    max-width: 756px;
    padding: 48px 0 275px;
}

    .gym-membership .gym-membership-header .gym-membership-header-content h2 {
        margin: 32px 0;
    }

.gym-membership .membership-pricing {
    display: flex;
    flex-direction: column;
    margin: 0 86px;
    margin: 0 auto;
    background-color: #F0F1F2;
}

@media screen and (max-width: 940px) {
    .gym-membership .membership-pricing {
        margin: -68px 0;
        padding: 0 24px;
    }
}

@media screen and (max-width: 480px) {
    .gym-membership .membership-pricing {
        margin: -110px 0;
    }

        .gym-membership .membership-pricing .membership-promo-banner {
            top: 74px;
        }

    .membership-promo-banner h5 a {
        font-size: 16px ;
        font-weight: 300 ;
    }
}


.gym-membership .membership-pricing .membership-promo-banner {
    background-color: #fcd9dd;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 25px;
    margin: 0 20px;
    margin-bottom: -28px;
    z-index: 1;
    border-radius: 4px;
    position: relative;
    max-width: 1300px;
    margin: 0 auto;
    bottom: -30px
}

    .gym-membership .membership-pricing .membership-promo-banner h5 {
        margin: 0;
    }

    .gym-membership .membership-pricing .membership-promo-banner .icon-umbrella {
        height: 18px;
        width: 18px;
        margin-right: 20px;
        background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/images/icons/umbrella.svg);
    }

@media screen and (max-width: 940px) {
    .gym-membership .membership-pricing .membership-promo-banner {
        margin: -40px 0 24px;
    }

    .gym-membership .membership-pricing .pricing-list {
        margin: 0;
    }

    .membership-promo-banner-cnt {
        top: -155px;
        position: relative;
    }

    .gym-membership hr {
        border-top: none ;
    }
}

.gym-membership .membership-pricing .membership-pricing-cards {
    flex-direction: row;
    display: flex;
    background: #fff;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    height: 366px;
    max-width: 1276px;
    margin: 0 auto;
    width: 100%
}

.gym-membership .membership-pricing .membership-pricing-lists {
    flex-direction: row;
    display: flex;
    padding-top: 33px;
    max-width: 1190px;
    margin: 0 auto;
}

.gym-membership .membership-pricing .pricing-list {
    flex: 1;
    /* margin: 0 0 80px;*/
    margin: 0;
}

.gym-membership .membership-pricing #pricing-list-premier .pricing-list-premier-inner {
    border-left: 1px solid #dbdbdc;
    border-right: 1px solid #dbdbdc;
    padding-right: 24px;
    padding-left: 24px
}

.benefits-btn {
    width: 300px;
    margin: 34px auto 0 auto;
}

#pricing-list-off-peak {
    border-left: none ;
}

.gym-membership .membership-pricing .pricing-list ul {
    position: relative;
    margin-top: 50px;
    max-width: 332px;
    margin: 0 auto;
}

@media screen and (max-width: 480px) {
    .gym-membership .membership-pricing .pricing-list ul {
        padding: 20px
    }
}

.gym-membership .membership-pricing .pricing-list ul li:not(:first-child) {
    margin-top: 12px;
}

.gym-membership .membership-pricing .pricing-list ul .icon-check-red {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/images/icons/check-red.svg);
}
/* 
 .gym-membership .membership-pricing .pricing-card {
	 flex-grow: 1;
	 flex-basis: 50%;
	 box-sizing: border-box;
	 border-radius: 4px;
	 padding: 0 48px;
	 display: flex;
	 flex-direction: column;
	
}
.gym-membership .membership-pricing .pricing-card:not(:first-child) {
	 border-left: 1px solid #dbdbdc;
}
 .gym-membership .membership-pricing .pricing-card h4 {
	 text-transform: capitalize;
	 margin: 0;
	 text-align: center;
}
 .gym-membership .membership-pricing .pricing-card p {
	 margin-top: auto;
}
 .gym-membership .membership-pricing .pricing-card .pricing-amount {
	 font-size: 32px ;
	 line-height: 110%;

	 text-align: center;
	 letter-spacing: -1px;
	 margin: 32px 0 5px;
}
.gym-membership .membership-pricing .pricing-card .per-month {
	 text-align: center;
	 letter-spacing: 0.2px;

	 color: #252525;
}*/

/* .gym-membership .membership-pricing .pricing-card .pricing-switch {
	 margin: 4rem auto;
}
 .gym-membership .membership-pricing .pricing-card .pricing-switch {
	 position: relative;
}
 .gym-membership .membership-pricing .pricing-card .pricing-switch input {
	 position: absolute;
	 top: 0;
	 z-index: 2;
	 opacity: 0;
	 cursor: pointer;
}
 .gym-membership .membership-pricing .pricing-card .pricing-switch input:checked {
	 z-index: 1;
}
 .gym-membership .membership-pricing .pricing-card .pricing-switch input:checked + label {
	 opacity: 1;
	 cursor: default;
}
 .gym-membership .membership-pricing .pricing-card .pricing-switch input:not(:checked) + label:hover {
	 opacity: 0.5;
}
 .gym-membership .membership-pricing .pricing-card .pricing-switch label {
	 color: #252525;
	 opacity: 0.33;
	 transition: opacity 0.25s ease;
	 cursor: pointer;
}
 .gym-membership .membership-pricing .pricing-card .pricing-switch .toggle-outside {
	 height: 100%;
	 border-radius: 2rem;
	 padding: 0.25rem;
	 overflow: hidden;
	 transition: 0.25s ease all;
}
 .gym-membership .membership-pricing .pricing-card .pricing-switch .toggle-inside {
	 border-radius: 5rem;
	 background: #fff;
	 position: absolute;
	 transition: 0.25s ease all;
}
 .gym-membership .membership-pricing .pricing-card .switch--horizontal {
	 height: 3rem;
	 margin: 30px auto 18px;
	 font-size: 0;
}
 .gym-membership .membership-pricing .pricing-card .switch--horizontal input {
	 height: 3rem;
	 width: 6rem;
	 left: 6rem;
	 margin: 0;
}
 .gym-membership .membership-pricing .pricing-card .switch--horizontal label {
	 font-size: 1.5rem;
	 line-height: 3rem;
	 display: inline-block;
	 width: 6rem;
	 height: 100%;
	 margin: 0;
	 text-align: center;
	 width: auto;
	 margin-left: -36px;
}
 .gym-membership .membership-pricing .pricing-card .switch--horizontal label:last-of-type {
	 margin-left: 8rem;
}
 .gym-membership .membership-pricing .pricing-card .switch--horizontal .toggle-outside {
	 background: #eb0029;
	 position: absolute;
	 width: 6rem;
	 left: 6rem;
}
 .gym-membership .membership-pricing .pricing-card .switch--horizontal .toggle-inside {
	 height: 2.5rem;
	 width: 2.5rem;
}
 .gym-membership .membership-pricing .pricing-card .switch--horizontal input:checked ~ .toggle-outside .toggle-inside {
	 left: 0.25rem;
}
 .gym-membership .membership-pricing .pricing-card .switch--horizontal input ~ input:checked ~ .toggle-outside .toggle-inside {
	 left: 3.25rem;
}*/
.gym-membership .reward-partners {
    padding: 0px 90px 90px;
}

    .gym-membership .reward-partners h3 {
        margin-top: 150px;
        margin-bottom: 45px;
    }

@media screen and (max-width: 480px) {
    .gym-membership .reward-partners h3 {
        margin-top: 45px;
        margin-bottom: 45px;
    }
}

@media screen and (min-width: 940px) {
    .gym-membership .reward-partners {
        max-height: 750px;
    }
}

@media screen and (max-width: 940px) {
    .gym-membership .reward-partners {
        padding-left: 24px;
        padding-right: 24px;
        margin-top: 50px
    }
}

.gym-membership .reward-partners .reward-partners-cards {
    max-width: 1060px;
    margin: 0 auto;
    display: flex;
    padding: 5px;
    align-items: center;
}

@media screen and (max-width: 940px) {
    .gym-membership .reward-partners .reward-partners-cards {
        flex-direction: column;
    }
}

.gym-membership .reward-partners .reward-partners-cards .partners-card {
    background: #fff;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.10);
    border-radius: 4px;
    break-inside: avoid;
    padding: 32px 75px 48px;
    text-align: center;
    margin: 15px;
}

    .gym-membership .reward-partners .reward-partners-cards .partners-card .partners-card-title {
        margin: 10px 0 20px;
    }

    .gym-membership .reward-partners .reward-partners-cards .partners-card .button-default {
        margin-top: 22px;
    }

.gym-membership .club-search {
    background-color: white;
    padding-bottom: 150px;
}

    .gym-membership .club-search .club-search-form {
        max-width: 1276px;
        margin: 0 auto;
        position: relative;
        top: -140px;
        padding: 56px 48px;
        background: #fff;
        box-shadow: 0px 12px 64px rgba(0, 0, 0, 0.12);
        border-radius: 4px;
    }

@media screen and (max-width: 940px) {
    .gym-membership .club-search .club-search-form {
        padding: 16px;
    }
}

.gym-membership .club-search .club-search-form .search-form-top {
    display: flex;
    justify-content: space-between;
}

.gym-membership .club-search .club-search-form hr {
    margin: 40px 0;
}

@media screen and (max-width: 940px) {
    .gym-membership .club-search .club-search-form hr {
        margin: 20px 0;
    }
}

.gym-membership .club-search .club-search-form .search-form-bottom {
    display: flex;
    align-items: flex-end;
    padding: 5px;
}

@media screen and (max-width: 940px) {
    .gym-membership .club-search .club-search-form .search-form-bottom {
        display: none;
    }
}

.gym-membership .search-component {
    /*margin-top:-85px;*/
}

.gym-membership .club-search .club-search-form .search-form-bottom > * {
    margin: 5px;
    flex: 1;
}

.gym-membership .club-search .club-search-form .search-form-bottom .range-slider-label {
    flex: 0;
    margin: 5px 20px;
}

.gym-membership .club-search .club-search-form .search-form-bottom .range-slider {
    padding: 20px 0;
}

.gym-membership .club-search .club-search-form .search-form-bottom.search-results-filter {
    align-items: flex-start;
}

.gym-membership .club-search .club-search-form .search-form-bottom-mobile {
    display: none;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media screen and (max-width: 940px) {
    .gym-membership .club-search .club-search-form .search-form-bottom-mobile {
        display: flex;
    }
}

.gym-membership .club-search .club-search-form .search-form-bottom-mobile .icon-pin-grey, .gym-membership .club-search .club-search-form .search-form-bottom-mobile .icon-filter-grey {
    width: 15px;
    height: 15px;
    margin-right: 10px;
}

.gym-membership .club-search .club-search-form .search-form-bottom-mobile .search-form-location, .gym-membership .club-search .club-search-form .search-form-bottom-mobile .search-form-filters {
    text-decoration: none;
    font-size: 18px;
    line-height: 150%;
    /* identical to box height, or 27px */
    /* grey-darker */
    color: #252525;
}

.gym-membership .club-search .club-search-form .search-form-bottom-mobile .search-form-filters {
    text-align: right;
}

.gym-membership .club-search .club-search-form .search-form-bottom-mobile .button-default {
    flex-basis: 100%;
    height: auto;
    margin-top: 15px;
}

.gym-membership .club-search .club-search-form .search-form-bottom-mobile > * {
    flex: 1;
    height: 30px;
}

.gym-membership .club-search .club-search-form .search-form-input {
    display: inline-flex;
    align-items: center;
}

    .gym-membership .club-search .club-search-form .search-form-input .icon-search-red, .gym-membership .club-search .club-search-form .search-form-input .icon-close-red {
        width: 30px;
        height: 30px;
        margin-right: 25px;
    }

    .gym-membership .club-search .club-search-form .search-form-input input {
        border: none;
        font-size: 22px;
        line-height: 140%;
        /* identical to box height, or 31px */
        /* grey-darker */
    }

        .gym-membership .club-search .club-search-form .search-form-input input::placeholder {
            color: #252525;
        }

.gym-membership .club-search .club-search-form .search-form-actions > * {
    margin-left: 15px;
}

@media screen and (max-width: 940px) {
    .gym-membership .club-search .club-search-form .search-form-actions {
        display: none;
    }
}

.gym-membership .club-search .club-search-form .search-form-actions .search-form-location {
    text-decoration: none;
    font-size: 18px;
    line-height: 150%;
    /* identical to box height, or 27px */
    /* grey-darker */
    color: #252525;
}

    .gym-membership .club-search .club-search-form .search-form-actions .search-form-location .icon-pin-grey {
        width: 20px;
        height: 20px;
        vertical-align: text-bottom;
    }

.gym-membership .club-search .club-search-form .filter-clubs, .gym-membership .club-search .club-search-form .filter-locations {
    flex: 1;
}

    .gym-membership .club-search .club-search-form .filter-clubs ul, .gym-membership .club-search .club-search-form .filter-locations ul {
        position: relative;
        margin-top: 32px;
    }

        .gym-membership .club-search .club-search-form .filter-clubs ul li, .gym-membership .club-search .club-search-form .filter-locations ul li {
            padding: 16px 0;
        }

            .gym-membership .club-search .club-search-form .filter-clubs ul li:not(:first-child), .gym-membership .club-search .club-search-form .filter-locations ul li:not(:first-child) {
                border-top: 1px solid #dbdbdc;
            }

        .gym-membership .club-search .club-search-form .filter-clubs ul .icon-weights, .gym-membership .club-search .club-search-form .filter-locations ul .icon-weights {
            width: 20px;
            height: 20px;
            position: absolute;
            left: 0;
        }

    .gym-membership .club-search .club-search-form .filter-clubs ul {
        padding: 0 20px 0 40px;
    }

.gym-membership .club-search #see-all-clubs {
    width: auto;
    margin: 0;
}

.gym-membership .all-clubs-container {
    max-width: 1060px;
    margin: 0 auto;
}

@media screen and (max-width: 1110px) {
    .gym-membership .all-clubs-container {
        padding: 0 24px;
    }
}

.gym-membership .all-clubs-container ul {
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
    padding: 0;
    margin-top: 46px;
}

    .gym-membership .all-clubs-container ul li {
        font-size: 14px;
        line-height: 140%;
        /* or 20px */
        color: #202f3c;
    }

@media screen and (max-width: 1110px) {
    .gym-membership .all-clubs-container ul {
        -moz-column-count: 3;
        -moz-column-gap: 20px;
        -webkit-column-count: 3;
        -webkit-column-gap: 20px;
        column-count: 3;
        column-gap: 20px;
    }
}

@media screen and (max-width: 576px) {
    .gym-membership .all-clubs-container ul {
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
    }
}

.gym-membership .region-list {
    margin-bottom: 60px;
}

.gym-membership .button-default-grey {
    background: #f0f1f2;
    border-radius: 2px;
    margin-bottom: 24px;
}

    .gym-membership .button-default-grey a {
        color: #161616 ;
        cursor: pointer;
    }

.gym-membership .search-results-items {
    max-width: 1060px;
    margin: 0 auto;
}

@media screen and (max-width: 1110px) {
    .gym-membership .search-results-items {
        padding: 0 24px;
    }
}

.gym-membership .search-results-items .button-default-grey {
    background: #f0f1f2;
    border-radius: 2px;
    margin-bottom: 24px;
    width: auto ;
}

    .gym-membership .search-results-items .button-default-grey a {
        color: #161616 ;
        cursor: pointer;
    }

.gym-membership .search-results-items .search-results-item {
    padding: 40px 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

    .gym-membership .search-results-items .search-results-item:not(:first-child) {
        border-top: 1px solid #dbdbdc;
    }

    .gym-membership .search-results-items .search-results-item .results-item-information .item-distance {
        margin-left: 30px;
    }

    .gym-membership .search-results-items .search-results-item .results-item-information p {
        margin: 10px 0 25px;
    }

    .gym-membership .search-results-items .search-results-item .results-item-information .results-item-contact {
        display: flex;
        justify-content: flex-start;
    }

        .gym-membership .search-results-items .search-results-item .results-item-information .results-item-contact > span {
            margin-right: 20px;
            display: inline-flex;
        }

        .gym-membership .search-results-items .search-results-item .results-item-information .results-item-contact .icon-phone-red, .gym-membership .search-results-items .search-results-item .results-item-information .results-item-contact .icon-pin-red {
            width: 18px;
            height: 18px;
            margin-right: 12px;
        }

    .gym-membership .search-results-items .search-results-item .results-item-actions {
        display: flex;
        flex-direction: column;
    }

        .gym-membership .search-results-items .search-results-item .results-item-actions .button-default-black {
            margin-bottom: 24px;
        }

.gym-membership .big-button {
    padding: 12px 0;
    line-height: 20px;
    min-width: 300px;
}

.active-kids {
    padding: 24px 0;
    background-color: #f0f1f2;
    display: flex;
    flex-direction: row;
    max-width: 1400px;
    margin: 0 auto;
    margin-bottom: 24px;
}

    .active-kids > * {
        flex: 1;
    }

    .active-kids .active-kids-copy {
        margin-left: 100px;
        max-width: 544px;
        margin: 80px;
    }

.active-kids-container {
    margin-top: 80px;
    margin-right: 20px
}

@media screen and (max-width: 480px) {
    .active-kids-container {
        margin-top: 0px;
        margin-right: 0px
    }

    .active-kids .active-kids-copy {
        margin-left: 0px;
        margin: 0px;
    }

    .gym-membership .big-button {
        height: 62px
    }
}

.active-kids .active-kids-copy p {
    margin: 16px 0 32px;
}

.active-kids .active-kids-image {
    position: relative;
    right: -92px;
    margin: 35px 0;
}

    .active-kids .active-kids-image img {
        padding-top: 0;
        margin-left: 0;
    }

@media screen and (max-width: 940px) {
    .active-kids {
        flex-direction: column;
        padding: 0;
        margin: 0;
    }

        .active-kids .active-kids-copy {
            margin-left: 0;
            padding: 24px;
        }

        .active-kids .active-kids-image {
            position: static;
            right: 0;
        }

            .active-kids .active-kids-image img {
                width: 100%;
            }
}
/* -------------------------------- File#: _1_text-divider Title: Text divider Descr: Labelled horizontal divider for text components Usage: codyhouse.co/license -------------------------------- */
.text-divider {
    margin: 0 auto;
    display: flex;
    text-align: center;
    align-items: center;
}

    .text-divider::after {
        content: '';
        display: inline-block;
        height: 1px;
        width: 20px;
        margin-left: 20px;
        flex-grow: 1;
        vertical-align: middle;
        background-color: #dbdbdc;
    }

/*scss/gym-membership.css end*/

/**********************************************************************************************************************************************/
/**********************************************************************************************************************************************/

/*scss/classesGymfloor.css begin*/
.site-content .gym-floor {
    background-color: #E5E5E5;
}

.site-content .gym-floor {
    background-color: #E5E5E5;
}

    .site-content .gym-floor .gym-floor-header {
        min-height: 360px;
        background-color: #252525;
    }

    .site-content .gym-floor .gym-floor-header {
        min-height: 360px;
        background-color: #252525;
    }

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.site-content .gym-floor .gym-floor-header .gym-floor-header-inner {
    margin: 0 auto;
    max-width: 1060px;
}

.site-content .gym-floor .gym-floor-header .gym-floor-header-content {
    max-width: 628px;
    padding: 45px 0 90px;
}

.label-overline, .rich-text- span .label-overline {
    font-family: "Gotham SSm A","Gotham SSm B" ;
    font-weight: 500 ;
    font-size: 14px ;
    line-height: 17px ;
    letter-spacing: 2px ;
    text-transform: uppercase ;
    color: #eb0029 ;
}

.site-content .gym-floor .gym-floor-header .gym-floor-header-content h2 {
    margin: 32px 0;
}

.site-content .gym-floor .gym-floor-content {
    max-width: 1060px;
    padding: 90px 0 90px;
    margin: 0 auto;
}

.site-content .gym-floor .gym-floor-card {
    min-height: 390px;
}

    .site-content .gym-floor .gym-floor-card + .gym-floor-card {
        margin-top: 45px;
    }

    .site-content .gym-floor .gym-floor-card.with-action .card-content {
        background-color: #FFFFFF ;
        /* color:black */
    }

    .site-content .gym-floor .gym-floor-card:nth-of-type(even) {
        flex-direction: row-reverse;
    }

.site-content .card {
    display: flex;
    flex-direction: row;
}

.site-content .gym-floor .gym-floor-card .card-content {
    background-color: #252525;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 90px 0 45px;
}

.site-content .card .card-content {
    flex-basis: 50%;
    flex: 1 1 50%;
}

.site-content .gym-floor .gym-floor-card .card-content h2, .site-content .gym-floor .gym-floor-card .card-content p {
    margin: 0;
}

    .site-content .gym-floor .gym-floor-card .card-content h2 + p {
        margin: 15px 0 30px;
    }

.site-content .gym-floor .gym-floor-card .card-content h2, .site-content .gym-floor .gym-floor-card .card-content p {
    margin: 0;
}

.site-content .card .card-image {
    flex-basis: 50%;
}

    .site-content .card .card-image img {
        display: block;
        height: 100%;
        max-width: 100%;
        object-fit: cover;
        width: 100%;
    }

.site-content .breadcrumbs {
    position: absolute;
    top: 0;
    padding: 30px 0;
    border-bottom: 1px solid #F0F1F2;
    width: 100%;
    left: -117px;
}

@media screen and (max-width: 940px) {
    .site-content .breadcrumbs {
        padding: 15px 30px
    }
}

.site-content .breadcrumbs > * {
    display: inline-block;
    vertical-align: middle;
}

.breadcrumb-item a {
    color: #333333 
}

    .breadcrumb-item a:hover {
        cursor: pointer;
    }

.site-content .breadcrumbs .icon-right-chevron-red {
    width: 15px;
    height: 15px;
    margin: 0 15px
}

}

@media screen and (min-width: 940px) {
    .site-content .thank-you .thank-you-header .thank-you-button-row {
        flex-direction: row;
        align-items: center;
        display: flex;
        justify-content: space-between
    }

        .site-content .thank-you .thank-you-header .thank-you-button-row > div {
            width: 242px
        }

            .site-content .thank-you .thank-you-header .thank-you-button-row > div:not(:first-child) {
                margin: 0
            }
}

.site-content .gym-floor {
    background-color: #E5E5E5
}

    .site-content .gym-floor.activity-page {
        background-color: #FFFFFF
    }

        .site-content .gym-floor.activity-page .gym-floor-content {
            position: relative
        }

@media screen and (max-width: 940px) {
    .site-content .gym-floor.activity-page .gym-floor-content {
        padding-top: 32px
    }

    .site-content .gym-floor .gym-floor-header .gym-floor-header-inner {
        margin: 0 10px ;
    }
}

.site-content .gym-floor .gym-floor-header {
    min-height: 360px;
    background-color: #252525
}

    .site-content .gym-floor .gym-floor-header .gym-floor-header-inner {
        margin: 0 auto;
        max-width: 1060px;
    }

    .site-content .gym-floor .gym-floor-header .gym-floor-header-content {
        max-width: 628px;
        padding: 48px 0 88px
    }

        .site-content .gym-floor .gym-floor-header .gym-floor-header-content h2 {
            margin: 32px 0
        }

    .site-content .gym-floor .gym-floor-header.gym-floor-activity-header .gym-floor-header-inner {
        display: flex
    }

@media screen and (max-width: 940px) {
    .site-content .gym-floor .gym-floor-header.gym-floor-activity-header .gym-floor-header-inner {
        flex-direction: column
    }

        .site-content .gym-floor .gym-floor-header.gym-floor-activity-header .gym-floor-header-inner .gym-floor-header-content {
            padding: 32px 24px;
            max-width: 100%
        }

        .site-content .gym-floor .gym-floor-header.gym-floor-activity-header .gym-floor-header-inner .gym-floor-header-image {
            position: static;
            max-height: 188px;
            width: 100%
        }

            .site-content .gym-floor .gym-floor-header.gym-floor-activity-header .gym-floor-header-inner .gym-floor-header-image img {
                width: 100%;
                height: 188px;
                object-fit: cover;
                object-position: top
            }
}

.site-content .gym-floor .gym-floor-header.gym-floor-activity-header .gym-floor-header-content {
    max-width: 40%
}

    .site-content .gym-floor .gym-floor-header.gym-floor-activity-header .gym-floor-header-content .button-row {
        margin-top: 38px
    }

.site-content .gym-floor .gym-floor-header.gym-floor-activity-header .gym-floor-header-image {
    position: absolute;
    right: 82px;
    top: 100px;
    z-index: 1
}

@media screen and (max-width: 1110px) {
    .site-content .gym-floor .gym-floor-header.gym-floor-activity-header .gym-floor-header-image {
        width: 50%
    }
}

.site-content .gym-floor .gym-floor-content {
    max-width: 1060px;
    padding: 90px 0 90px;
    margin: 0 auto
}

@media screen and (max-width: 480px) {

    .site-content .gym-floor .gym-floor-header {
        min-height: 400px ;
    }

    .site-content .gym-floor .gym-floor-content {
        padding: 32px 0
    }

    .site-content .gym-floor .gym-floor-header .gym-floor-header-content {
        padding: 45px 30px 0px ;
    }
}

.site-content .gym-floor .gym-floor-card, .gym-floor .gym-floor-card .with-action {
    min-height: 390px
}

    .site-content .gym-floor .gym-floor-card .with-action .card-content {
        background-color: #FFFFFF
    }

    .site-content .gym-floor .gym-floor-card .card-content {
        background-color: #252525;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 80px 0 56px
    }

        .site-content .gym-floor .gym-floor-card .card-content h2,
        .site-content .gym-floor .gym-floor-card .card-content p {
            margin: 0
        }

            .site-content .gym-floor .gym-floor-card .card-content h2 + p {
                margin: 16px 0 24px
            }

    .site-content .gym-floor .gym-floor-card:nth-of-type(even) {
        flex-direction: row-reverse
    }

    .site-content .gym-floor .gym-floor-card + .gym-floor-card {
        margin-top: 48px
    }

@media screen and (max-width: 480px) {
    .site-content .gym-floor .gym-floor-card {
        flex-direction: column 
    }

        .site-content .gym-floor .gym-floor-card + .gym-floor-card {
            margin-top: 32px 
        }

        .site-content .gym-floor .gym-floor-card .card-content {
            padding: 24px
        }

            .site-content .gym-floor .gym-floor-card .card-content .button-row {
                margin-top: 24px
            }

                .site-content .gym-floor .gym-floor-card .card-content .button-row div {
                    width: auto 
                }

        .site-content .gym-floor .gym-floor-card .card-image {
            order: -1
        }
}

.site-content .gym-floor .gym-floor-activity-intro {
    padding: 100px 200px
}

    .site-content .gym-floor .gym-floor-activity-intro h3 {
        margin-bottom: 32px
    }

@media screen and (max-width: 940px) {
    .site-content .gym-floor .gym-floor-activity-intro {
        padding: 48px 24px
    }
}

.site-content .gym-floor .gym-floor-activity-list {
    position: relative;
    margin-top: 50px
}

    .site-content .gym-floor .gym-floor-activity-list li:not(:first-child) {
        margin-top: 32px
    }

    .site-content .gym-floor .gym-floor-activity-list .icon-check-red {
        width: 18px;
        height: 18px;
        position: absolute;
        left: 0
    }

.site-content .gym-floor .gym-floor-activity-what-to-bring {
    background-color: #F0F1F2;
    margin: 0 24px;
    padding: 88px 0
}

    .site-content .gym-floor .gym-floor-activity-what-to-bring:after {
        content: "";
        display: table;
        clear: both
    }

@media screen and (max-width: 940px) {
    .site-content .gym-floor .gym-floor-activity-what-to-bring {
        padding: 64px 0;
        margin: 0
    }

        .site-content .gym-floor .gym-floor-activity-what-to-bring h3 {
            float: none ;
            width: 100% ;
            margin-bottom: 46px
        }

        .site-content .gym-floor .gym-floor-activity-what-to-bring .what-to-bring-items {
            float: none ;
            width: 100% 
        }

            .site-content .gym-floor .gym-floor-activity-what-to-bring .what-to-bring-items img {
                width: 45px ;
                height: 45px 
            }
}

.site-content .gym-floor .gym-floor-activity-what-to-bring h3 {
    width: 50%;
    float: left;
    text-align: center
}

.site-content .gym-floor .gym-floor-activity-what-to-bring .what-to-bring-items {
    width: 50%;
    float: left;
    display: flex;
    justify-content: space-evenly
}

    .site-content .gym-floor .gym-floor-activity-what-to-bring .what-to-bring-items .item {
        display: inline-block;
        text-align: center
    }

        .site-content .gym-floor .gym-floor-activity-what-to-bring .what-to-bring-items .item img {
            display: block;
            width: 60px;
            height: 60px;
            margin: 0 auto;
            margin-bottom: 20px
        }

.site-content .gym-floor .gym-floor-activity-equipment {
    padding: 100px 82px 128px
}

    .site-content .gym-floor .gym-floor-activity-equipment h2 {
        text-align: center;
        margin-bottom: 128px
    }

@media screen and (max-width: 940px) {
    .site-content .gym-floor .gym-floor-activity-equipment {
        padding-left: 24px;
        padding-right: 24px
    }

        .site-content .gym-floor .gym-floor-activity-equipment h2 {
            text-align: left;
            margin-bottom: 32px
        }
}

.site-content .gym-floor .gym-floor-activity-equipment-section {
    display: flex;
    justify-content: space-between
}

    .site-content .gym-floor .gym-floor-activity-equipment-section:not(:first-of-type) {
        margin-top: 160px
    }

@media screen and (max-width: 940px) {
    .site-content .gym-floor .gym-floor-activity-equipment-section:not(: first-of-type) {
        margin-top: 80px
    }
}

.site-content .gym-floor .gym-floor-activity-equipment-section > * {
    flex: 0 0 50%
}

@media screen and (max-width: 940px) {
    .site-content .gym-floor .gym-floor-activity-equipment-section {
        flex-direction: column
    }
}

.site-content .gym-floor .gym-floor-activity-equipment-section .equipment-section-information {
    padding: 0 62px;
    max-width: 412px;
    box-sizing: content-box
}

@media screen and (max-width: 940px) {
    .site-content .gym-floor .gym-floor-activity-equipment-section .equipment-section-information {
        padding: 0;
        margin-top: 32px
    }
}

.site-content .gym-floor .gym-floor-activity-equipment-section .equipment-section-information h3 {
    margin-bottom: 25px
}

.site-content .gym-floor .gym-floor-activity-equipment-section .equipment-section-information .divider {
    border-top: 3px solid #EB0029;
    margin: 38px 0 25px
}

.site-content .gym-floor .gym-floor-activity-equipment-section .equipment-section-information .icon-star-full-red {
    width: 20px;
    height: 20px;
    margin-right: 15px
}

@media screen and (max-width: 940px) {
    .site-content .gym-floor .gym-floor-activity-equipment-section .equipment-section-image {
        order: -1
    }
}

.site-content .gym-floor .gym-floor-activity-equipment-section .pro-tip-list-title {
    margin-top: 15px
}

.site-content .gym-floor .gym-floor-activity-equipment-section .pro-tip-list {
    list-style-type: disc;
    padding-left: 16px
}

.site-content .gym-floor .gym-floor-activity-training {
    background-color: #F0F1F2;
    margin: 0 24px;
    padding: 88px 0
}

@media screen and (max-width: 1200px) {
    .site-content .gym-floor .gym-floor-activity-training {
        margin: 0;
        padding: 120px 24px
    }
}

.site-content .gym-floor .gym-floor-activity-training .gym-floor-activity-training-inner {
    max-width: 1060px;
    margin: 0 auto
}

    .site-content .gym-floor .gym-floor-activity-training .gym-floor-activity-training-inner h3 {
        margin-bottom: 32px
    }

.site-content .gym-floor .activity-training-cards {
    display: flex;
    justify-content: space-between;
    margin-top: 64px
}

@media screen and (max-width: 992px) {
    .site-content .gym-floor .activity-training-cards {
        flex-direction: column
    }

        .site-content .gym-floor .activity-training-cards .activity-training-card {
            width: 100% ;
            margin: 24px 0
        }

            .site-content .gym-floor .activity-training-cards .activity-training-card .training-card-content p {
                width: 100% 
            }

            .site-content .gym-floor .activity-training-cards .activity-training-card .training-card-content .button-default {
                float: none 
            }
}

.site-content .gym-floor .activity-training-cards .activity-training-card {
    min-height: 346px;
    background-color: white;
    width: 49%;
    display: flex;
    flex-direction: column
}

    .site-content .gym-floor .activity-training-cards .activity-training-card.with-action .training-card-content {
        min-height: auto ;
        background-color: white ;
        padding: 32px ;
        border-top: 3px solid #EB0029 
    }

        .site-content .gym-floor .activity-training-cards .activity-training-card.with-action .training-card-content p {
            margin-top: 16px ;
            display: inline-block ;
            width: 70  %
        }

@media screen and (max-width: 940px) {
    .site-content .gym-floor .activity-training-cards .activity-training-card.with-action .training-card-content p {
        width: 50% 
    }
}

.site-content .gym-floor .activity-training-cards .activity-training-card.with-action .training-card-content .button-default {
    float: right ;
    margin-top: 20px 
}

.site-content .gym-floor .activity-training-cards .training-card-image {
    flex-grow: 1;
    height: 100%
}

    .site-content .gym-floor .activity-training-cards .training-card-image img {
        min-width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top
    }

.site-content .gym-floor .activity-training-cards .training-card-content {
    min-height: 86px;
    background-color: #252525;
    padding: 32px
}

.training-card-content2 {
    max-height: 180px;
}

.site-content .gym-floor .related-classes {
    position: relative;
    padding: 128px 0
}

    .site-content .gym-floor .related-classes #related-classes-slider {
        width: 80%;
        margin: 0 auto;
        position: static
    }

        .site-content .gym-floor .related-classes #related-classes-slider .slick-center .related-classes-item {
            background: #FFFFFF;
            box-shadow: 0px 12px 64px rgba(0, 0, 0, 0.12);
            border-radius: 4px
        }

        .site-content .gym-floor .related-classes #related-classes-slider .related-classes-item {
            min-height: 400px;
            background-color: green;
            margin: 10px
        }

        .site-content .gym-floor .related-classes #related-classes-slider .slick-prev,
        .site-content .gym-floor .related-classes #related-classes-slider .slick-next {
            margin: 0;
            min-width: auto ;
            position: absolute;
            width: 48px;
            height: 48px
        }

        .site-content .gym-floor .related-classes #related-classes-slider .slick-prev {
            left: 24px 
        }

        .site-content .gym-floor .related-classes #related-classes-slider .slick-next {
            right: 24px 
        }

/*@media screen and (max-width: 767px){
	.training-card-content1{
	display:none;
}
	.training-card-content2{
	display:block;
}*/

*/
}

/*scss/classesGymfloor.css end*/

/**********************************************************************************************************************************************/
/**********************************************************************************************************************************************/

/*scss/class-details.css begin*/
.site-content .slick-prev::before, .site-content .slick-next::before {
    color: #FFF ;
}

.site-content .class-details {
    background-color: #E5E5E5;
}

    .site-content .class-details.activity-page {
        background-color: #FFFFFF;
    }

        .site-content .class-details.activity-page .class-details-content {
            position: relative;
        }

@media screen and (min-width: 941px)and (max-width: 1600px) {
    .class-details-header-image img {
        max-width: 500px;
    }

    .class-details-header-image {
        right: -173px 
    }

    .site-content .class-details .class-details-header .class-details-header-content {
        width: 50% ;
        padding: 48px 24px 88px ;
    }
}

@media screen and (max-width: 940px) {
    .site-content .class-details .class-details-header.class-details-activity-header .class-details-header-image {
        right: -175px ;
    }

    .site-content .class-details.activity-page .class-details-content {
        padding-top: 32px;
    }
}

.site-content .class-details .class-details-header {
    min-height: 360px;
    background-color: #252525;
    position: relative;
}

    .site-content .class-details .class-details-header .class-details-header-inner {
        margin: 0 auto;
        max-width: 1060px;
    }

    .site-content .class-details .class-details-header .class-details-header-content {
        max-width: 628px;
        padding: 48px 0 88px;
        padding: 48px 0 88px;
        width: 50%;
    }

@media screen and (max-width: 480px) {
    .site-content .class-details .class-details-header .class-details-header-content {
        width: 100%;
    }

    .class-details-content .breadcrumbs {
        left: 0
    }
}

}

@media screen and (max-width: 940px) {
    .site-content .class-details .class-details-header .class-details-header-content {
        padding: 48px 24px 64px;
    }
}

.site-content .class-details .class-details-header .class-details-header-content h2 {
    margin: 32px 0;
}

.site-content .class-details .class-details-header.class-details-activity-header .class-details-header-inner {
    display: flex;
}

@media screen and (max-width: 940px) {
    .site-content .class-details .class-details-header.class-details-activity-header .class-details-header-inner {
        flex-direction: column;
    }

        .site-content .class-details .class-details-header.class-details-activity-header .class-details-header-inner .class-details-header-content {
            padding: 32px 24px;
        }
}

@media screen and (max-width: 940px) and (min-width: 768px) {
    .site-content .class-details .class-details-header.class-details-activity-header .class-details-header-inner .class-details-header-content {
        max-width: 100%;
    }

        .site-content .class-details .class-details-header.class-details-activity-header .class-details-header-inner .class-details-header-content .button-row div {
            width: 157px ;
        }
}

@media screen and (max-width: 940px) {
    .site-content .class-details .class-details-header.class-details-activity-header .class-details-header-inner .class-details-header-image {
        position: static;
        max-height: 188px;
        width: 100%;
    }

        .site-content .class-details .class-details-header.class-details-activity-header .class-details-header-inner .class-details-header-image img {
            width: 100%;
            height: 188px;
            object-fit: cover;
            object-position: top;
        }
}

.site-content .class-details .class-details-header.class-details-activity-header .class-details-header-content .button-row {
    margin-top: 38px;
}

.site-content .class-details .class-details-header.class-details-activity-header .class-details-header-image {
    position: relative;
    right: -146px;
    top: 90px;
    z-index: 1;
}

@media screen and (max-width: 1110px) {
    .site-content .class-details .class-details-header.class-details-activity-header .class-details-header-image {
        /*width: 50%;*/
    }
}

.site-content .class-details .class-details-content {
    max-width: 1060px;
    padding: 90px 0 90px;
    margin: 0 auto;
}

@media screen and (max-width: 480px) {
    .site-content .class-details .class-details-content {
        padding: 32px 0;
    }

    .pt-row2, .pt-row3, .pt-row4, .trainers-corner, .testimonials {
        padding: 24px ;
    }

    .site-content .class-details .testimonials-slider-item .testimonials-quote p, .pt .testimonials-slider-item .testimonials-quote p {
        font-size: 24px ;
    }

    .site-content .class-details .class-details-related {
        padding: 0 0 ;
        padding-left: 15px ;
    }


    .site-content .class-details .testimonials-slider-item, .pt .testimonials-slider-item {
        margin-top: 0px ;
    }

    .site-content .class-details .testimonials-slider, .pt .testimonials-slider {
        margin: 0 0 ;
        margin-top: 0 ;
    }
}


.site-content .class-details .class-details-description {
    max-width: 844px;
    margin: 0 auto;
    padding: 96px 0 128px;
}

    .site-content .class-details .class-details-description h3 {
        margin: 0;
        margin-bottom: 32px;
    }

@media screen and (max-width: 940px) {
    .site-content .class-details .class-details-description {
        padding: 48px 24px;
    }
}

.site-content .class-details .class-description-list {
    position: relative;
    margin-top: 50px;
}

    .site-content .class-details .class-description-list li:not(:first-child) {
        margin-top: 32px;
    }

    .site-content .class-details .class-description-list .icon-check-red {
        width: 18px;
        height: 18px;
        position: absolute;
        left: 0;
    }

.site-content .class-details .class-details-activity-intro {
    max-width: 737px;
    margin: 0 auto;
    padding: 90px 0 0;
}

    .site-content .class-details .class-details-activity-intro h3 {
        margin-bottom: 32px;
    }

    .site-content .class-details .class-details-activity-intro h5 {
        margin: 48px 0 32px;
        font-weight: bold;
    }

@media screen and (max-width: 940px) {
    .site-content .class-details .class-details-activity-intro {
        padding: 48px 24px;
    }
}

.site-content .class-details .class-details-activity-list {
    position: relative;
    margin-top: 50px;
}

    .site-content .class-details .class-details-activity-list li:not(:first-child) {
        margin-top: 32px;
    }

    .site-content .class-details .class-details-activity-list .icon-check-red {
        width: 18px;
        height: 18px;
        position: absolute;
        left: 0;
    }

.site-content .class-details .class-details-class-information {
    display: flex;
    max-width: 1060px;
    margin: 0 auto;
    padding: 90px 48px 0;
}

    .site-content .class-details .class-details-class-information .class-information-item {
        flex: 1;
        align-items: center;
        justify-content: center;
        text-align: center;
        flex-direction: column;
    }

        .site-content .class-details .class-details-class-information .class-information-item:not(:first-child) {
            border-left: 1px solid #DBDBDC;
        }

        .site-content .class-details .class-details-class-information .class-information-item [class*="icon"] {
            width: 20px;
            height: 20px;
        }

        .site-content .class-details .class-details-class-information .class-information-item > *:not(:first-child) {
            margin-top: 20px;
        }

@media screen and (max-width: 940px) {
    .site-content .class-details .class-details-class-information {
        flex-direction: column;
        padding-top: 0;
    }

        .site-content .class-details .class-details-class-information .class-information-item {
            padding: 48px 0;
        }

            .site-content .class-details .class-details-class-information .class-information-item:not(:first-child) {
                border: none;
                border-top: 1px solid #DBDBDC;
            }
}

.site-content .class-details .class-details-what-to-bring {
    background-color: #F0F1F2;
    margin: 0 24px;
    padding: 88px 0;
    display: flex;
    align-items: center;
}

    .site-content .class-details .class-details-what-to-bring:after {
        content: "";
        display: table;
        clear: both;
    }

    .site-content .class-details .class-details-what-to-bring h3 {
        width: 50%;
        float: left;
        text-align: center;
    }

    .site-content .class-details .class-details-what-to-bring .what-to-bring-items {
        width: 50%;
        float: left;
        display: flex;
        justify-content: space-evenly;
    }

        .site-content .class-details .class-details-what-to-bring .what-to-bring-items .item {
            display: inline-block;
            text-align: center;
        }

            .site-content .class-details .class-details-what-to-bring .what-to-bring-items .item img {
                display: block;
                width: 60px;
                height: 60px;
                margin: 0 auto;
                margin-bottom: 20px;
            }

@media screen and (max-width: 576px) {
    .site-content .class-details .class-details-what-to-bring {
        padding: 64px 0;
        margin: 0;
        flex-direction: column;
    }

        .site-content .class-details .class-details-what-to-bring h3 {
            float: none ;
            width: 100% ;
            margin-bottom: 46px;
        }

        .site-content .class-details .class-details-what-to-bring .what-to-bring-items {
            float: none ;
            width: 100% ;
        }

            .site-content .class-details .class-details-what-to-bring .what-to-bring-items img {
                width: 45px ;
                height: 45px ;
            }
}

.site-content .class-details .class-details-equipment {
    padding: 100px 82px 128px;
    max-width: 1276px;
    margin: 0 auto;
}

    .site-content .class-details .class-details-equipment h2 {
        text-align: center;
        margin-bottom: 128px;
    }

@media screen and (max-width: 940px) {
    .site-content .class-details .class-details-equipment {
        padding-left: 24px;
        padding-right: 24px;
    }

        .site-content .class-details .class-details-equipment h2 {
            text-align: left;
            margin-bottom: 32px;
        }
}

.site-content .class-details .class-details-checklists {
    flex-direction: row;
    display: flex;
    max-width: 1060px;
    margin: 0 auto;
    padding: 90px 0;
}

@media screen and (max-width: 767px) {
    .site-content .class-details .class-details-checklists {
        flex-direction: column;
        padding: 32px 24px;
    }

        .site-content .class-details .class-details-checklists .class-details-checklist {
            padding: 32px 0;
        }

            .site-content .class-details .class-details-checklists .class-details-checklist:not(:first-child) {
                border: none;
                border-top: 1px solid #DBDBDC;
            }
}

@media screen and (max-width: 480px) {
    .site-content .class-details .class-details-checklists .class-details-checklist {
        padding: 32px 18px;
    }
}

.site-content .class-details .class-details-checklist {
    flex: 1;
}

    .site-content .class-details .class-details-checklist h4 {
        max-width: 332px;
        margin: 0 auto 32px;
    }

    .site-content .class-details .class-details-checklist:not(:first-child) {
        border-left: 1px solid #DBDBDC;
    }

    .site-content .class-details .class-details-checklist ul {
        position: relative;
        margin-top: 50px;
        max-width: 332px;
        margin: 0 auto;
    }

        .site-content .class-details .class-details-checklist ul li:not(:first-child) {
            margin-top: 12px;
        }

        .site-content .class-details .class-details-checklist ul .icon-check-red {
            width: 18px;
            height: 18px;
            position: absolute; /*use to be absolute*/
            left: 0;
            left: -16px;
        }

.site-content .class-details .explore-class {
    padding: 0px 0;
    max-width: 1060px;
    margin: 0 auto;
}

@media screen and (max-width: 1200px) {
    .site-content .class-details .explore-class {
        padding: 90px 0 64px;
    }
}

@media screen and (max-width: 940px) {
    .site-content .class-details .explore-class {
        padding: 64px 0;
    }

        .site-content .class-details .explore-class h3 {
            padding: 0 10px;
        }
}


@media screen and (max-width: 480px) {

    .site-content .class-details .explore-class {
        padding: 24px ;
        /*max-width: 1060px;
	  margin: 0 auto;*/
    }
}

.site-content .class-details .explore-class .class-details-related {
    padding-top: 0;
    padding-bottom: 64px;
}

.site-content .class-details .explore-class-slider {
    margin: 48px 0;
}

    .site-content .class-details .explore-class-slider .slick-next,
    .site-content .class-details .explore-class-slider .slick-prev {
        border: 1px solid #676C76;
        box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.08);
        background: black;
        border-radius: 100%;
    }

    .site-content .class-details .explore-class-slider .slick-next {
        right: -15px;
    }

    .site-content .class-details .explore-class-slider .slick-prev {
        left: -15px;
    }

@media screen and (max-width: 940px) {
    .site-content .class-details .explore-class-slider {
        margin: 24px 0;
    }
}

.site-content .class-details .explore-class-slider-item {
    max-height: 292px;
    padding: 10px;
}

@media screen and (max-width: 480px) {
    .site-content .class-details .explore-class-slider-item, .trainers-corner .explore-class-slider-item {
        max-height: 445px;
        height: 445px;
        background-color: #1C1C1C;
        color: #fff ;
    }

    .explore-class-slider-item .p1-18, .trainers-corner .p1-18 {
        padding: 24px 5px;
    }
}



.site-content .class-details .explore-class-slider-item img {
    width: 100%;
}

.site-content .class-details .explore-class-slider-item p {
    margin: 10px 0;
}

.site-content .class-details .testimonials, .pt .testimonials {
    max-width: 1060px;
    margin: 0 auto;
}

.site-content .class-details .testimonials-slider, .pt .testimonials-slider {
    margin: 48px 0;
}

    .site-content .class-details .testimonials-slider .slick-next, .pt .testimonials-slider .slick-next,
    .site-content .class-details .testimonials-slider .slick-prev, .pt .testimonials-slider .slick-prev {
        border: 1px solid #676C76;
        box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.08);
        background: black;
        border-radius: 100%;
    }

@media screen and (max-width: 940px) {
    .site-content .class-details .testimonials-slider .slick-next, .pt .testimonials-slider .slick-next, .explore-class .slick-next {
        left: 112px;
        top: 90%;
    }

    .site-content .class-details .testimonials-slider .slick-prev, .pt .testimonials-slider .slick-prev, .explore-class .slick-prev {
        left: 24px ;
        top: 90%;
        z-index: 1;
    }
}

.site-content .class-details .testimonials-slider-item, .pt .testimonials-slider-item {
    padding: 128px;
    margin-top: 90px;
    background-color: #1C1C1C;
    position: relative;
}

    .site-content .class-details .testimonials-slider-item .icon-quotemark-left, .pt .testimonials-slider-item .icon-quotemark-left {
        position: absolute;
        width: 50px;
        height: 50px;
    }

    .site-content .class-details .testimonials-slider-item .testimonials-quote, .pt .testimonials-slider-item .testimonials-quote {
        margin-left: 120px;
        min-height: 190px;
    }

        .site-content .class-details .testimonials-slider-item .testimonials-quote p, .pt .testimonials-slider-item .testimonials-quote p {
            font-size: 32px;
        }

        .site-content .class-details .testimonials-slider-item .testimonials-quote h4 small, .pt .testimonials-slider-item .testimonials-quote h4 small {
            margin-left: 10px;
        }

@media screen and (max-width: 940px) {
    .site-content .class-details .testimonials-slider-item, .pt .testimonials-slider-item {
        padding: 32px 24px 124px;
        height: 500px;
        max-height: 500px;
    }
}

@media screen and (max-width: 480px) {
    .trainers-corner .slick-prev {
        left: 24px ;
        top: 90%;
        z-index: 1;
        position: absolute
    }

    .trainers-corner .slick-next {
        left: 112px;
        top: 90%;
        position: absolute
    }

    .site-content .class-details .testimonials-slider-item, .pt .testimonials-slider-item {
        height: 580px;
        max-height: 580px;
    }

        .site-content .class-details .testimonials-slider-item .testimonials-quote, .pt .testimonials-slider-item .testimonials-quote {
            margin: 0;
            margin-top: 70px;
        }

            .site-content .class-details .testimonials-slider-item .testimonials-quote p, .pt .testimonials-slider-item .testimonials-quote p {
                margin-bottom: 20px;
            }

            .site-content .class-details .testimonials-slider-item .testimonials-quote h4 small, .pt .testimonials-slider-item .testimonials-quote h4 small {
                margin: 0;
                display: block;
            }
}

.site-content .class-details .class-details-related {
    position: relative;
    padding: 90px 0;
    margin: 0 auto;
}

    .site-content .class-details .class-details-related h3 {
        max-width: 1026px;
        margin: 0 auto;
    }

@media screen and (max-width: 1080px) {
    .site-content .class-details .class-details-related h3 {
        padding: 0 10px;
    }
}

.site-content .class-details .class-details-related #class-details-related-slider {
    max-width: 1061px;
    margin: 48px auto 0;
}

@media screen and (max-width: 960px) {
    .site-content .class-details .class-details-related #class-details-related-slider {
        width: 100%;
    }
}

.site-content .class-details .class-details-related #class-details-related-slider .class-details-related-item:hover {
    background: #FFFFFF;
    /* Shadow-Large */
    box-shadow: 0px 12px 64px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
}

.site-content .class-details .class-details-related #class-details-related-slider .class-details-related-item {
    margin: 10px;
}

    .site-content .class-details .class-details-related #class-details-related-slider .class-details-related-item .item-image img {
        display: block;
        max-width: 100%;
        height: auto;
        width: 100%;
        max-height: 226px;
        object-fit: cover;
        object-position: top;
    }

    .site-content .class-details .class-details-related #class-details-related-slider .class-details-related-item .item-content {
        padding: 24px;
        margin-bottom: 50px;
    }

        .site-content .class-details .class-details-related #class-details-related-slider .class-details-related-item .item-content h6 {
            /* desktop/H5 Title */
            font-size: 17px;
            line-height: 140%;
            /* identical to box height, or 24px */
            /* grey-darker */
            color: #252525;
            margin: 16px 0 36px;
        }

        .site-content .class-details .class-details-related #class-details-related-slider .class-details-related-item .item-content p {
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            /* Limit the text block to three lines */
            -webkit-line-clamp: 2;
        }

.site-content .class-details .class-details-related #class-details-related-slider .slick-prev,
.site-content .class-details .class-details-related #class-details-related-slider .slick-next {
    margin: 0;
    min-width: auto ;
    position: absolute;
    width: 48px;
    height: 48px;
    z-index: 1;
    border: 1px solid #676C76;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.08);
    background: black;
    border-radius: 100%;
}

.site-content .class-details .kids-class-details-age-groups {
    max-width: 844px;
    margin: 0 auto;
}

    .site-content .class-details .kids-class-details-age-groups .age-group {
        display: flex;
        padding: 88px 0;
        border-bottom: 1px solid #DBDBDC;
    }

        .site-content .class-details .kids-class-details-age-groups .age-group > * {
            flex: 1;
        }

        .site-content .class-details .kids-class-details-age-groups .age-group h3 {
            margin: 0;
        }

@media screen and (max-width: 940px) {
    .site-content .class-details .kids-class-details-age-groups .age-group {
        flex-direction: column;
        padding: 40px 0;
    }

        .site-content .class-details .kids-class-details-age-groups .age-group h3 {
            margin-bottom: 24px;
        }
}

@media screen and (max-width: 940px) {
    .site-content .class-details .kids-class-details-age-groups {
        padding: 24px;
    }
}
/*scss/class-details.css end*/

/**********************************************************************************************************************************************/
/**********************************************************************************************************************************************/

/*scss/home.css begin*/
.home {
    /*max-width: 1507px;*/
    margin: 0 auto;
}


.pt-banner, .offer-banner-content {
    background-color: #252525;
    margin: 30px;
    height: auto;
    max-height: 640px;
    display: -webkit-flex; /* Safari */
    display: flex;
    margin-top: 90px;
    margin-bottom: 0;
}

.pt-banner-1 {
    margin: 100px 0 24px 0;
    width: 50%
}

    .pt-banner-1 > div {
        max-width: 490px;
        /* margin: 0px 64px 0 124px;*/
        margin: 0px 6% 0 12%;
        width: auto
    }

.pt-banner-2 {
    margin-top: 62px;
    width: 50%
}

.pt-banner-2 {
    position: relative;
    right: -24px;
    top: -30px
}

.offer-banner-2 .banner-logo {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 78px;
    z-index: 99;
}

.offer-banner {
    margin-top: 90px
}

.offer-banner-content {
    max-width: 1060px;
    height: 470px;
    display: -webkit-flex ; /* Safari */
    display: flex ;
    margin: 0 auto;
}

.offer-banner-1 {
    width: 50%;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 85px;
}

.offer-banner-2 {
    /*width:50%;
	position:relative;*/
}

.banner-img {
    position: relative;
    /*top:10px;
	right:10px;*/
}

.home .slick-prev {
    left: 24px ;
    z-index: 99;
}

.home .slick-next {
    right: 24px ;
}

.classes-section-home {
    /*padding:0 128px;*/
    display: flex;
    margin: 0 auto;
    width: 1350px;
}

.class-1 {
    display: flex;
    width: 40%;
    padding: 2px 8% 0 0;
}

.class-2 {
    display: flex;
    width: 60%;
    flex-wrap: wrap;
    padding-left: 18px;
}

.home-class-cards {
    display: flex ;
    flex-wrap: wrap;
    max-width: 648px ;
}

.home-class-card {
    width: 196px;
    height: 150px;
    margin: 0px 20px 60px 0;
}

.new-pillars .home-class-cards {
    margin: 0px 0px 60px 6px;
}

.new-pillars .home-class-card {
    width: 196px;
    height: 150px;
    margin: 0px 10px 60px 10px;
    text-align: center;
}

.grey-container .new-pillars img {
    padding-top: 62px;
    /* margin-left: -24px; */
    text-align: center;
    max-width: 210px;
    margin: 0 auto;
}

/*.home .search-cmp .white-search-box {
    min-height: 160px;
    height:auto;
    }*/

.search-component-min .filter-row {
    display: none ;
}

.search-component-min .clubResults {
    padding: 0 0 128px 0;
}

    .top-home-box p {
        z-index: 999;
        position: relative
    }

.auto-cnt, .filter-row {
    padding-top: 10px ;
}

@media (min-width: 1025px) {
    .mobile-img-home {
        display: none
    }

    .video {
        display: block
    }
}

@media (max-width: 1023px)and(min-width: 767px) {
    .mobile-img-home {
        display: block
    }

    .video {
        display: none
    }

    .home-class-cards div {
        width: 31% 
    }
}

@media (max-width: 768px) {

    .classes-section-home {
        /* width: 768px ;*/
    }

    .mobile-img-home {
        display: block
    }



    .top-home-box {
        min-height: 300px ;
    }


    .pt-banner-2 {
        right: 0px;
    }


    .home .starter-packs-container {
        margin-top: 24px
    }

    .home .pricing-container {
        margin-top: 100px ;
    }

    /*.home .pricing-cards-container{
	padding:30px
}*/

    #offer-banner-slider .slick-list {
        overflow: visible;
    }

    .pt-banner-1 .button-default {
        margin-top: 5px 
    }

    .pt-banner, .offer-banner-content {
        margin: 90px 0 0 0;
        display: flex;
        flex-direction: column;
        height: auto;
        /* background: #F0F1F2;*/
    }

    .pt-banner-1 > div {
        margin: 0 32px;
        width: auto;
    }

    .pt-banner-1 {
        order: 2;
        width: 100%;
        padding: 0;
        margin: 40px 0;
    }

    .offer-banner-1 {
        order: 2;
        width: 100%;
        padding: 24px;
        margin: 0;
        background: #F0F1F2;
    }

    .pt-banner-2, .offer-banner-2 {
        margin: 0;
        order: 1;
        width: 100%
    }

        .pt-banner-2 img {
            margin-left: 0;
            /*max-height:265px ;*/
        }

    .offer-banner-content p, .offer-banner-content h3 {
        color: #252525 ;
    }

    #offer-banner-slider {
        display: flex;
        flex-direction: column;
        /*background: #F0F1F2;*/
    }

    .offer-banner .slick-prev {
        order: 2;
        display: flex;
        position: relative;
        top: 38px;
        left: 124px;
        padding: 10px;
    }

    .offer-banner .slick-next {
        order: 2;
        display: flex;
        position: relative;
        top: -10px;
        left: 114px;
        padding: 10px;
    }

    .offer-banner .draggable {
        order: 1;
        /*height: 605px;*/
        margin-top: -40px;
    }

    .offer-banner {
        margin-top: 0;
    }

    .home-class-cards {
        display: flex ;
        flex-direction: row;
        flex-wrap: unset;
    }

    .home-class-card {
        padding: 5px
    }

    .classes-section-home {
        /*padding: 24px;*/
        display: flex;
        flex-direction: column;
        margin-top: 0;
        width: 375px;
    }

    .class-1 {
        width: 100%;
        padding: 24px;
    }

    .class-2 {
        /*padding-left: 0px ;*/
        width: 100%;
    }


    .class-1 .button-row {
        /*padding: 48px 0;*/
        margin-top: -15px;
        margin-bottom: 30px;
    }

    .top-home {
        margin: 0px auto;
        display: flex;
        flex-direction: column;
        position: relative;
        top: 0;
    }

    .top-home-box {
        background: #1C1C1C;
        position: initial;
        width: auto;
        /* height: 330px; */
        /* left: 0px; */
        /* top: 400px; */
        /* text-align: left; */
        padding: 24px 24px 24px 48px;
        /* display: flex; */
        order: 2;
    }

    .top-home img {
        order: 1;
    }

    .search-component-min .white-search-box {
        min-height: 110px ;
        /* height: 160px ; */
        top: -110px;
        padding-bottom: 0;
    }

    .search-component-min .auto-cnt .page-title {
        /*padding-bottom: 0px; */
    }

    .search-component-min .auto-cnt .page-title {
        padding-bottom: 20px;
    }

    .auto-cnt, .filter-row {
        padding: 22px 20px;
    }
}

@media only screen and (max-width: 320px) {
    .class-1 {
        width: 84%;
    }
}

@media only screen and (max-width: 480px) {
    .top-home-box {
        background: #1C1C1C;
        position: initial;
        width: auto;
        /* height: 330px; */
        /* left: 0px; */
        /* top: 400px; */
        /* text-align: left; */
        padding: 24px 24px 24px 24px;
        /* display: flex; */
        order: 2;
    }
}

@media only screen and (max-width: 320px) {
    .top-home-box {
        background: #1C1C1C;
        position: initial;
        width: auto;
        /* height: 330px; */
        /* left: 0px; */
        /* top: 400px; */
        /* text-align: left; */
        padding: 18px;
        /* display: flex; */
        order: 2;
    }
}

/*scss/home.css end*/

/**********************************************************************************************************************************************/
/**********************************************************************************************************************************************/

/*scss/blog1.css begin*/
.blog2019 {
    height: auto;
}

.blogShare {
    padding: 0 24px 24px
}

#st-1.st-has-labels .st-btn {
    min-width: 32px ;
}

#st-1 .st-btn {
    background-color: transparent ;
    display: block ;
}

    #st-1 .st-btn > span {
        display: none ;
    }

    #st-1 .st-btn:hover {
        opacity: .8;
        top: 0px ;
    }

.st-btn img {
    display: block ;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 25px ; /* Width of new image */
    height: 36px ; /* Height of new image */
    padding-left: 24px; /* Equal to width of new image */
}

.st-btn[data-network='facebook'] img {
    background: url(https://www.virginactive.co.zahttps://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/share/facebook.svg) no-repeat;
}

.st-btn[data-network='twitter'] img {
    background: url(https://www.virginactive.co.zahttps://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/share/twitter.svg) no-repeat;
}

.st-btn[data-network='email'] img {
    background: url(https://www.virginactive.co.zahttps://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/share/email.svg) no-repeat;
}

.st-btn[data-network='pinterest'] img {
    background: url(https://www.virginactive.co.zahttps://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/share/pinterest.svg) no-repeat;
}

.st-btn[data-network='whatsapp'] img {
    background: url(https://www.virginactive.co.zahttps://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/share/whatsapp.svg) no-repeat;
}

@media (max-width: 1254px) {
    #st-1 .st-btn {
        display: inline-block ;
    }

    .fixed-left {
        left: 0px;
    }
}

@media (min-width: 1255px) {

    .fixed-left {
        right: auto;
    }

    .fixed-left {
        bottom: 0;
        width: 40px;
        flex-flow: column nowrap;
        align-items: flex-start;
    }

    .fixed-left {
        position: absolute;
        top: 480px;
        left: 75px;
        right: 0;
        bottom: 0;
        z-index: 1030;
    }
}

/**/

.blog-four-img .rich-text ul, .blog-four-img .rich-text li {
    list-style-type: disc ;
}

.blog-four-img .rich-text ol, .blog-four-img .rich-text ol li {
    list-style-type: decimal ;
}

.module-29-content {
    position: relative;
    width: 100%;
    font-size: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0 0 1.250em 0;
}

.sharrre .box {
    display: inline-block;
    width: auto;
    height: auto;
    min-height: 36px;
    margin: 0;
    padding: 0 46px 0 0;
    position: relative;
    cursor: pointer;
    vertical-align: top;
    margin-left: -10px;
}

    .sharrre .box .count, .sharrre .box .share-label {
        display: none ;
        font-family: 'proxima', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 24px;
        line-height: 24px;
        color: #2c2b2c;
        text-align: left;
        clear: both;
        display: block;
    }

        .sharrre .box .share-label, .sharrre .box .share-label:visited, .sharrre .box .share-label:hover, .sharrre .box .share-label:focus {
            font-size: 14px ;
            line-height: 16px;
            text-transform: uppercase;
            text-decoration: none ;
            font-weight: normal ;
            color: #2c2b2c ;
            text-align: left;
            display: block;
        }

.sharrre .buttons {
    text-align: left;
    display: none;
    padding-top: 16px;
}

    .sharrre .buttons .button {
        display: inline-block;
        vertical-align: bottom;
        padding-right: 8px;
    }

.sharrre .box:after {
    content: "\e616";
    color: #fff;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    right: 0;
    background: #e10a0a;
    font-size: 18px;
    line-height: 36px;
    font-family: 'vasa', Arial, Helvetica, sans-serif;
    padding-left: 8px;
}

.module-21-tags .btn {
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 6px;
    padding: 5px
}

.readmore-blog span:hover {
    color: #EB0029 ;
    text-decoration: none ;
}

.top-blog {
    /*margin:24px;
	text-align:center;
	background-color:black;*/
    max-width: 1374px;
    margin: 24px auto;
    position: relative;
}

.top-blog-box {
    background: #1C1C1C;
    position: absolute;
    width: 493px;
    height: 220px;
    left: -45px;
    top: 400px;
    text-align: left;
    padding: 30px 30px 30px 45px;
}

.blog-heading {
    width: 100%;
    height: 667px;
    background-image: url('/sites/content/PublishingImages/home/blog_landing.jpg');
    background-size: cover;
    border: none;
    margin-bottom: 24px
}

.blog-heading-text {
    padding: 254px 0px;
    margin: 0 auto;
    max-width: 1060px;
}

    .blog-heading-text p {
        max-width: 272px;
    }

.blog-pilars-row {
    width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

    .blog-pilars-row ul {
        list-style-type: none;
        margin: 0 auto;
        padding: 0;
        overflow: hidden;
        /*width: 62%;*/
        max-width: 710px;
        width: 100%;
    }

.blog-new-new .blog-pilars-row ul {
    width: 100%;
    max-width: 755px;
}

.blog-new-new .top-blog-box {
    height: auto;
    max-height: 268px;
}

@media screen and (max-width: 480px) {
    .blog-new-new .blog-pilars-row ul {
        width: 100%;
        max-width: 488px;
        margin: 4px 13px
    }
}

@media screen and (max-width: 320px) {
    .blog-new-new .blog-pilars-row ul {
        margin: 4px 0;
    }

    .blog-new-new .blog-pilars-row li {
        margin: 0.5em 1px ;
    }

    .blog-pilars-row li a {
        display: block;
        text-align: center;
        padding: 12px 11px ;
    }
}

.blog-pilars-row li {
    float: left;
    padding: 0 ;
    margin-top: 0 ;
    margin-bottom: 0 ;
}

    .blog-pilars-row li a {
        display: block;
        text-align: center;
        padding: 12px;
        text-decoration: none;
        color: #252525;
        font-weight: 500;
    }

.articles-row {
    max-width: 1060px;
    padding: 90px 2% 0;
    margin: 0 auto;
}

.blog-card-1 {
    display: flex;
    flex-direction: row;
}

.articles-row h3 {
    margin-bottom: 45px;
}

.blog-text h3 {
    margin: 0 ;
    padding: 0;
}




.articles-row span img {
    padding-right: 14px;
}

.articles-row .card-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 80px 0 56px;
    flex-basis: 50%;
    flex: 1 1 50%;
}

.articles-row .card-image {
    flex-basis: 50%;
    flex: 1 1 50%;
}

.blog-secondrow {
    display: flex;
    flex-flow: row wrap;
}

.blog-firstrow {
    min-height: 455px;
    margin-right: 15px;
}

.blog-secondrow > div {
    min-width: 342px;
    /* min-height: 445px;*/
    margin: 0 auto;
    flex-basis: 33%;
}

.blog-secondrow .item-content {
    margin-top: 32px;
    padding: 0px 24px;
}

.blog-item {
    margin-bottom: 30px;
    margin-left: 15px;
    margin-right: 15px;
    min-height: 392px
}

    .blog-item:hover {
        background: #FFFFFF;
        box-shadow: 0px 12px 64px rgba(0, 0, 0, 0.12);
        border-radius: 4px;
    }

    .blog-item .item-image, .blog-item .item-image img {
        /*min-height:150px;
	max-height:150px;
	min-width:320px;*/
    }

.module-21-tags {
    margin-top: 18px;
}

    .module-21-tags .btn-5 {
        background-color: #F0F1F2;
        color: #404042;
        margin-left: 10px;
    }

        .module-21-tags .btn-5 a {
            color: #404042;
        }

.blog-article-list {
    margin-bottom: 45px
}

    .blog-article-list img {
    }


.articles-blog img {
    display: block;
    max-width: 100%;
    height: auto;
}

@media screen and (max-width: 940px) {
    .blog-firstrow {
        min-height: 260px;
    }

    .blog-secondrow > div {
        min-height: 379px;
    }

    .blog-article-list {
        padding: 0 24px ;
    }
}

@media screen and (max-width: 480px) {
    .blog-ctrl li {
        text-indent: 0 ;
        list-style: disc ;
    }

    .blog-ctrl td {
        font-size: 14px 
    }

    .blog-secondrow > div {
        min-height: 0 ;
    }

    .top-blog {
        margin: 0 auto;
    }


    .blog2019 .blog-secondrow {
        padding: 0
    }

    .top-blog-box p {
        max-width: 246px;
    }
}



@media screen and (max-width: 480px) {
    .top-blog-box {
        left: 0px;
        position: initial;
    }

    .blog-item {
        margin-bottom: 10px;
    }

    .blog-firstrow {
        padding: 0
    }

    .blog-secondrow > div {
        min-height: 330px;
    }

    .blog-secondrow {
        padding: 0 24px
    }

    .blog-card-1 {
        flex-direction: column;
        padding: 0;
    }

    .blog-firstrow {
        margin-right: 0;
    }

    .articles-row .card-content {
        flex-direction: column;
        order: 2;
        padding: 24px
    }

    .blog-pilars-row li {
        line-height: 30% ;
        margin: 0.5em 0px ;
    }

    .blog-heading {
        width: 100%;
        height: 440px;
        background-image: url('/sites/content/PublishingImages/home/home-top.gif');
        background-size: cover;
    }

    .blog-heading-text {
        width: 119px;
        padding: 254px 0;
        margin: 0 40px;
    }

    .articles-row {
        padding: 24px 0;
        margin: 0 auto;
    }

    .blog-pilars-row ul {
        width: 100%
    }

    .blog-article-list {
        padding: 0 48px ;
    }

    .module-21-tags .btn-5 {
        margin: 5px;
    }
}
/*scss/blog1.css end*/

/**********************************************************************************************************************************************/
/**********************************************************************************************************************************************/

/*scss/refer-a-friend.css begin*/
.module-padding {
    margin-bottom: 0.1em;
}

.module-13 {
    position: relative;
    width: 100%;
    font-size: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
}

.module-13-content {
    position: relative;
    width: 100%;
    font-size: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0 0 1.875em 0;
}

.form {
    margin: 0;
    padding: 0;
    display: block;
    height: auto;
    clear: both;
    width: 100%;
    font-size: 16px;
    */ font-weight: normal;
    /* overflow: hidden;*/
}

.referral-campaign .form label.fieldLabel, .referral-campaign .form .fieldLabel {
    width: 100%;
    display: block;
    clear: both;
    margin: 0;
    padding: 0 0 16px 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
}

.referral-campaign .form fieldset, .referral-campaign .form fieldset.formFieldSet {
    margin: 0 0 16px 0;
    padding: 0;
}

.referral-campaign .formField {
    float: left;
    width: 100%;
    display: block;
    clear: both;
    margin: 0 0 18px 0;
    padding: 0;
    color: #2c2b2c;
    position: relative;
}

.referral-campaign .form-input-wrap {
    width: 85%;
    display: block;
    clear: both;
    position: relative;
    padding: 0;
    margin: 0;
}

    .referral-campaign .form-input-wrap input, .referral-campaign .form-input-wrap textarea, .referral-campaign.form-input-wrap select {
        margin: 0 ;
        padding: 0 20px ;
        height: 48px ;
        line-height: 48px ;
        width: 100% ;
        max-width: 100% ;
        display: inline-block ;
        float: left;
        position: relative;
        border: 1px solid #aba8a8 ;
        overflow: hidden ;
        -moz-border-radius: 0px ;
        -webkit-border-radius: 0px ;
        border-radius: 0px ;
        color: #2c2b2c;
        background: transparent ;
        -moz-box-shadow: none ;
        -webkit-box-shadow: none ;
        box-shadow: none ;
    }

.referral-campaign .form label.fieldLabel, .referral-campaign .form .fieldLabel {
    width: 100%;
    display: block;
    clear: both;
    margin: 0;
    padding: 0 0 16px 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
}

.referral-campaign .form-input-wrap:after {
    clear: both;
}

.referral-campaign .form-input-wrap:before, .referral-campaign .form-input-wrap:after {
    content: "";
    display: table;
    line-height: 0;
}

.referral-campaign .form-input-wrap:after {
    clear: both;
}

.referral-campaign .form-input-wrap:before, .referral-campaign .form-input-wrap:after {
    content: "";
    display: table;
    line-height: 0;
}

.referral-campaign .form-input-wrap input, .form-input-wrap textarea, .form-input-wrap select {
    margin: 0;
    padding: 0 20px;
    height: 48px;
    line-height: 48px;
    width: 100%;
    max-width: 100%;
    display: inline-block;
    float: left;
    position: relative;
    border: 1px solid #aba8a8;
    overflow: hidden;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: #2c2b2c;
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.referral-campaign .form .dropdownlist .custom-combobox-toggle:before {
    content: "\e613";
    background: none;
    color: #2c2b2c;
    -webkit-transform: rotate(90deg) ;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    padding-top: 13px;
    padding-left: 7px;
}

.referral-campaign .custom-combobox .custom-combobox-toggle:before {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 48px;
    width: 48px;
    line-height: 48px;
    margin: 0 auto;
    font-family: 'vasa';
    border: none ;
}

.btn.btn-form-red, .btn.btn-form-red.active {
    width: auto;
    height: auto;
    margin: 0;
    padding: 12px 40px 10px 40px;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    text-align: left;
    text-transform: uppercase;
    border: 4px solid #e10a0a;
    color: #fff;
    background: #e10a0a;
}

.referral-campaign .formNavigation {
    padding-left: 10px;
    padding-bottom: 30px;
}

.referral-campaign .formPage {
    padding: 0 20px;
}

.referral-campaign .form span.formError, .referral-campaign .form span.field-validation-error, .referral-campaign .form .field-validation-error {
    margin: 0;
    padding: 0;
    color: #e10a0a;
    font-size: 16px;
    line-height: 20px;
    height: 20px;
    text-shadow: none;
    font-weight: normal;
    display: block;
    text-align: left;
}

.referral-campaign .field-validation-error {
    margin: 0;
    padding: 0;
    color: #e10a0a;
    font-size: 16px;
    line-height: 20px;
    text-shadow: none;
    font-weight: normal;
    display: block;
}

/*scss/refer-a-friend.css end*/

/**********************************************************************************************************************************************/
/**********************************************************************************************************************************************/

/*scss/faq.css begin*/
.faq td, .faq td p, .faq td li {
    font-size: 18px ;
    min-height: 27px ;
}

.gym-questions, .membership-questions, .facilities {
    padding-top: 24px;
}

.faq-content h4 {
    color: #eb0029 ;
}

.faq .gym-membership-header-content {
    padding: 48px 0 70px ;
}

.faq-content {
    padding-top: 120px
}

.faq .open {
    display: table-row ;
}

.faq .class-row-open .question {
    font-weight: 500;
}

.faq .question {
    padding: 40px 0;
    width: 100%;
    cursor: pointer;
}

.faq .answer {
    border-top: none;
}

.faq .class-row-open td, .faq .answer {
    padding-bottom: 45px ;
    line-height: 40px;
}

.faq .faq-header {
    display: inline-block;
    width: 100%;
}

    .faq .faq-header p {
        display: inline-block;
    }

.faq .btn-row {
    display: inline-block;
    float: right;
}

.faq .gym-membership-header-content {
    max-width: 1078px ;
}

@media screen and (max-width: 480px) {

    .faq .gym-membership-header-content {
        min-height: 355px ;
    }
}

/*scss/faq.css end*/

/**********************************************************************************************************************************************/
/**********************************************************************************************************************************************/

/*scss/benefits.css begin*/
.benefits .personal-trainer-card .personal-trainer-card-content {
    -webkit-mask-image: unset;
    mask-image: unset;
    overflow-y: auto ;
}

.card-content h3 {
    padding: 0 24px 24px 0;
    margin: 0;
}

.button-default-red, .button-default-red a, .button-default-red a:hover {
    color: #fff ;
    font-weight: 500 ;
    text-decoration: none ;
    font-size: 14px 
}
.button-default.button-default-red.small-button {
    margin-top: 2em;
}
.card-content p, .card-content div, .card-content ul, .card-content li, .benefits .personal-trainer-card-content, .benefits .personal-trainer-card-content div, .benefits .personal-trainer-card-content p, .benefits .personal-trainer-card-content li {
    font-weight: 300;
    color: #252525;
    font-size: 16px;
    line-height: 150%;
}

.benefits .label-overline {
    font-weight: 500 ;
    font-size: 14px ;
    line-height: 17px ;
    letter-spacing: 2px ;
    text-transform: uppercase ;
    color: #eb0029 ;
}

.benefit-card {
    min-height: 455px ;
    max-height: 455px ;
    overflow: hidden;
}

.benefits .card-content {
    padding: 48px 
}

.benefit-img {
    max-height: 455px ;
}

.benefits .gym-floor-card {
    flex-direction: row ;
}

.benefits .benefit-card .card-content {
    background-color: #fff ;
}

.benefit-card .button-default {
    width: fit-content;
}

.benefits-modal-content {
    top: 0 ;
}




.benefits .modal-body {
    background: transparent;
    max-width: 900px;
    margin: 10% auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
    max-height: 504px;
    padding: 0;
}

.benefits .personal-trainer-card {
    /*height:504px;*/
}

.benefits .personal-trainer-card {
    height: auto;
    max-height: 570px;
    max-width: 900px;
}

    .benefits .personal-trainer-card .personal-trainer-card-content {
        height: auto;
        max-height: 570px
    }

.benefits .personal-trainer-card-img {
    max-width: 330px ;
    /* height: 100%;*/
    margin-top: auto;
    margin-bottom: auto;
    flex-shrink: 0;
}

.benefits .modal-content {
    background: transparent;
}

@media screen and (max-width: 768px) {
    .personal-trainer-card .personal-trainer-card-content {
        padding: 32px 24px 72px;
        max-width: 613px ;
        width: 64%;
    }

    .benefits .personal-trainer-card .personal-trainer-card-content {
        padding: 24px;
        max-width: none ;
        width: 100%;
    }

    .benefits .card-content {
        padding: 24px ;
    }
}

@media screen and (max-width: 480px) {

    .card-content p, .card-content div, .card-content ul, .card-content li, .benefits .personal-trainer-card-content, .benefits .personal-trainer-card-content div, .benefits .personal-trainer-card-content p, .benefits .personal-trainer-card-content li {
        line-height: 100%;
    }


    .benefits .card-content {
        padding: 24px 
    }

    .benefit-img {
        max-height: 353px ;
    }

    .benefit-content {
        padding: 0 ;
    }

    .benefits > .benefit-content > .benefit-card {
        min-height: 820px ;
        height: auto ;
        margin-top: 0 
    }

    .benefits .gym-floor-card:nth-of-type(even) {
        flex-direction: column ;
    }

    .benefits .personal-trainer-card-img {
        max-width: 480px ;
        height: 100%;
        flex-shrink: 0;
    }

    .benefits .personal-trainer-card-content {
        max-width: 480px ;
        width: 100%
    }

    .benefits .personal-trainer-card-content {
        max-width: 370px ;
        padding: 25px ;
    }

    .benefits ul, .benefits li {
        font-size: 14px ;
        line-height: 150% ;
    }
}

/*scss/benefits.css end*/

/**********************************************************************************************************************************************/
/**********************************************************************************************************************************************/

/*Corporate-wellness begin*/
.corporateSales .form-input-wrap input, .form-input-wrap textarea, .form-input-wrap select {
    margin: 0;
    padding: 0 20px;
    height: 48px;
    line-height: 48px;
    width: 100%;
    max-width: 100%;
    display: inline-block;
    float: left;
    position: relative;
    font-family: 'proxima', Arial, Helvetica, sans-serif;
    border: 1px solid #aba8a8;
    overflow: hidden;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: #2c2b2c;
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.corporateSales .formField {
    float: left;
    width: 100%;
    display: block;
    clear: both;
    margin: 0 0 18px 0;
    padding: 0;
    color: #2c2b2c;
    position: relative;
}

.corporateSales .form fieldset, .form fieldset.formFieldSet {
    margin: 0 0 16px 0;
    padding: 0;
}

.corporateSales .field-validation-error span {
    color: #EB0029 ;
}

/*Corporate-wellnes end*/

/**********************************************************************************************************************************************/
/**********************************************************************************************************************************************/

/*  kids begin*/

.kids .video-container {
    padding-bottom: 50.25%;
}


.kids .modal-body {
    max-width: 100%;
}

.kids .bottom-leading-page {
    top: -160px 
}

.kids .modal-dialog, .kids .modal-body {
    height: auto;
}

.kids .class-space-image {
    position: relative;
    top: -90px;
}

.kids .class-space-content {
    width: 60%;
}

.kids-active-kids {
    max-width: 952px;
    margin: 0 auto;
    padding: 50px 0 0;
}

.kids .testimonials {
    margin: 128px auto
}

.kids .testimonials-slider {
    margin: 0
}

.kids .testimonials-slider-item {
    margin-top: 50px;
}

.kids .class-space {
    /* max-width: 1276px; */
    margin: 0 auto;
    margin-top: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 45px 0;
}

    .kids .class-space .class-space-content-inner {
        max-width: 520px ;
    }

    .kids .class-space li {
        margin: 0
    }

.kids .button-row {
    margin-top: 48px
}

.kids .testimonial-header {
    text-align: center;
}

.kids .camps {
    text-align: center
}

    .kids .camps p {
        max-width: 653px;
        margin: 0 auto
    }

.one-size {
    text-align: left;
    padding: 0 100px;
    cursor: pointer;
}

    .one-size hr {
        margin-top: 0
    }

    .one-size .img-left {
        padding: 0px 28px 0px 0;
        display: inline-block;
        margin-top: -15px;
    }

.one-size-text {
    display: inline-block;
}

    .one-size-text span {
        text-align: center
    }

    .one-size-text h4 {
        font-weight: bold;
        margin: 0
    }

.one-size .arrow {
    float: right;
    padding: 1.5% 0 0 0;
}

.kids-card {
    margin: 0 auto;
    max-width: 1480px;
    padding-top: 74px
}

.kids-card-img {
    max-width: 1060px;
    margin: auto
}

.kids-card-content {
    max-width: 1060px;
    margin: auto;
}

    .kids-card-content .title {
        padding-bottom: 48px;
        max-width: 1060px;
        margin: auto
    }

    .kids-card-content .kids-text {
        padding: 48px 95px;
        display: inline-flex;
        max-width: 1060px;
        margin: auto;
    }

.kids-text .col-1 {
    display: inline-block;
    width: 25%;
    padding: 10px 80px 10px 0;
    max-width: 200px;
    text-align: center;
}

    .kids-text .col-1 img {
        margin: 20px auto;
    }

    .kids-text .col-1 h4 {
        max-width: 116px
    }

.kids-text .col-2 {
    display: inline-block;
    width: 75%
}

.site-content .kids .testimonials-quote p {
    font-size: 18px ;
}

.kids .pricing-card {
    padding: 48px 24px;
}

.kids i {
    font-style: normal;
}

.kids li {
    text-indent: 20px;
    margin: 0.5em 0;
}

.kids .classes-card-container {
    width: 1060px;
    margin: 0 auto;
    flex-direction: row;
    display: flex;
}

.kids .circle {
    z-index: 99;
    height: 40px;
    width: 40px;
    background-color: #000;
    border-radius: 50%;
    display: inline-block;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 8px;
    position: absolute;
    top: 146px;
    right: 25px;
}

.available-classes h3 {
    padding: 36px 0 48px 0;
}

.ul1 {
    display: inline-block;
    width: 50%;
}

.ul2 {
    display: inline-block;
    width: 40%;
    position: relative;
    top: -34px
}

.kids #from-our-blog-slider {
    display: flex
}

.kids .modal button {
    min-width: 28px;
    background-image: url(https://www.virginactive.co.za/_catalogs/masterpage/VirginActive/images/build/images/modal-close.svg);
    height: 28px;
    border: none;
    position: relative;
    right: 300px;
    z-index: 99;
    top: 74px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.kids .classes-card {
    width: 250px;
    margin-right: 18px;
    display: inline-block;
}

.kids .available-classes {
    padding-bottom: 80px;
}

.fit-container .grey-container {
}

.fit-container hr {
    margin: 20px;
    border: 0;
    border-top: 1px solid #DBDBDC;
}

.fit-bottom {
    padding: 23px;
    color:
}

.fit-cnt, .fit-cnt1 {
    display: flex;
}

.fit-cnt1 {
    padding: 64px;
}

    .fit-cnt1 div {
        max-width: 312px;
    }

        .fit-cnt1 div .p3-14 {
            margin: 24px 24px 0 0;
            padding: 0 10px 8px 0;
        }

.fit-bottom {
    display: flex;
    padding: 0 24px;
}

    .fit-bottom img {
        padding: 0 25px 0 0 ;
        margin: 0 ;
        height: 32px;
    }

.fit-container .grey-container div {
    -ms-flex: 1;
    flex: 1;
}

.grey-container img {
    padding-top: 62px;
    margin-left: -24px;
}

.fit-text p {
    max-width: 348px;
}

.fit-text {
    padding: 88px 0 0 54px;
}

.kids .swim {
    display: flex;
    padding-top: 94px;
}

    .kids .swim div {
        -ms-flex: 1; /* IE 10 */
        flex: 1;
    }

    .kids .swim .button-row {
        margin-top: 42px;
    }

@media screen and (minwidth: 1200px ) {
    kids .modal button {
        right: 114px ;
    }
}

@media screen and (max-width: 320px) {
    .kids .grey-container {
        top: 71px ;
        max-height: 738px ;
    }

    .kids-text .col-2 {
        padding: 0px 14px ;
    }

    .kids li {
        margin: 0.5em 0px 7px 5px;
    }

    .kids #from-our-blog-slider {
        max-width: 296px;
        overflow: scroll;
    }

    .kids .modal-body {
        display: block
    }
}

@media screen and (max-width: 480px) {
    .one-size .img-left {
        padding: 0;
        display: inline-block;
    }

    .kids #from-our-blog-slider {
        max-width: 366px;
        overflow: scroll;
    }

    .kids .class-space-content {
        width: auto;
    }

    .site-content .kids .testimonials-quote p {
        font-size: 15px ;
    }
}


@media screen and (min-width: 577px) {
    .kids .top-grey {
        max-height: 860px;
        height: auto
    }
}

@media screen and (min-width: 577px) and (max-width: 1199px) {
    .kids .modal button {
        right: 30px;
    }
}

@media screen and (max-width: 576px) {
    .fit-container .grey-container {
        min-height: 1129px;
    }

    .active-play .classes-card {
        margin: 0 auto 
    }

    .fit-cnt {
        flex-direction: column;
    }
    .fit-container .grey-container {
        flex-direction: column 
    }

    .fit-text {
        padding: 24px;
    }

    .grey-container img {
        padding-top: 0;
        position: relative;
        top: -0;
        margin-left: 0;
    }

    .ul-container {
        display: inline-block;
        width: 100%;
        width: 315px;
        margin-left: -12px;
    }

    .ul1 {
        display: inline-block;
        width: 40%;
        max-width: 125px;
    }

    .ul2 {
        display: inline-block;
        width: 58%;
        max-width: 319px;
        position: relative;
        top: -30px;
        margin-left: -15px;
    }


    .fit-cnt1 {
        padding: 24px;
        flex-direction: column 
    }

    .fit-bottom {
        flex-direction: column;
    }

        .fit-bottom img {
            width: 50px
        }

}