@font-face {
    font-family: 'Rubik-Black';
    src: url('../fonts/Rubik/Rubik-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Rubik-Bold';
    src: url('../fonts/Rubik/Rubik-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Rubik-ExtraBold';
    src: url('../fonts/Rubik/Rubik-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Rubik-Medium';
    src: url('../fonts/Rubik/Rubik-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/Rubik-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'LibreFranklin-Bold';
    src: url('../fonts/LibreFranklin/LibreFranklin-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'LibreFranklin-Medium';
    src: url('../fonts/LibreFranklin/LibreFranklin-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Libre Franklin';
    src: url('../fonts/LibreFranklin/LibreFranklin-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'dancingscript-regular';
    src: url('../fonts/dancing style/static/dancingscript-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'dancingscript-medium';
    src: url('../fonts/dancing style/static/dancingscript-medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/poppins-regular.ttf') format('truetype');
}

/*This is used for Loading Bar Css*/
#loading-bar .bar, .bar {
    background: #42603C !important;
    height: 5px;
}


#loading-bar-spinner .spinner-icon, .spinner-icon {
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background-size: 100px !important;
    background: url('../Images/YouFit-Loader.svg')50% 50% no-repeat #B3CBAA3B;
    transform-origin: center;
    animation: beat 0.5s infinite alternate;
}

/* Heart beat animation */
@keyframes beat {
    to {
        transform: scale(1.3);
    }
}

/*End of Loading Bar css*/

html, body {
    /*font-family: "Rubik-Bold";*/
    /*height: 100%;*/
    /*margin: 0;*/
    /*background: #ffffff;*/
    color: #272727;
}

/*h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Rubik-Bold";
}*/

.margin-bottom-50 {
    margin-bottom: 50px;
}

.padding-10 {
    padding: 10px;
}

.LessSubbtn {
    display: none;
}

.margin-right-0 {
    margin-right: 0px !important;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-0 {
    padding: 0px;
}

.remove-br br {
    display: none;
}

/*.flip4 {
    -webkit-animation: flip4 15s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
    animation: flip4 15s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
    padding: 0;
}*/

    .flip4 a {
        color: #000000;
        cursor: pointer !important;
    }

        .flip4 a:hover, .flip4 a:focus {
            color: #000000;
            text-decoration: underline !important;
            cursor: pointer !important;
        }

@-webkit-keyframes flip4 {
    0% {
        margin-top: -360px;
    }

    5% {
        margin-top: -270px;
    }

    25% {
        margin-top: -270px;
    }

    30% {
        margin-top: -180px;
    }

    50% {
        margin-top: -180px;
    }

    55% {
        margin-top: -90px;
    }

    75% {
        margin-top: -90px;
    }

    80% {
        margin-top: 0px;
    }

    99.99% {
        margin-top: 0px;
    }

    100% {
        margin-top: -270px;
    }
}

@keyframes flip4 {
    0% {
        margin-top: -360px;
    }

    5% {
        margin-top: -270px;
    }

    25% {
        margin-top: -270px;
    }

    30% {
        margin-top: -180px;
    }

    50% {
        margin-top: -180px;
    }

    55% {
        margin-top: -90px;
    }

    75% {
        margin-top: -90px;
    }

    80% {
        margin-top: 0px;
    }

    99.99% {
        margin-top: 0px;
    }

    100% {
        margin-top: -270px;
    }
}

/*@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}*/

.wordCarousel {
    background: #f1f967;
    color: #000000;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .wordCarousel div {
        overflow: hidden;
        position: relative;
        height: 55px;
        padding-top: 20px;
        margin-top: -10px;
        width: 100%;
    }

        .wordCarousel div li {
            height: 45px;
            margin-bottom: 45px;
            font-size: 15px;
            text-align: center;
        }

    .wordCarousel ul {
        list-style-type: none;
    }

.headlines-close {
    font-size: 25px;
    margin-right: 10px;
}

@media (max-width: 610px) {
    .wordCarousel div {
        height: 70px;
    }
}
/*------------Header Section--------*/

.logo {
    text-align: center;
    padding: 10px;
}

    .logo img {
        height: 100px !important;
    }

.img-responsive-block {
    display: initial !important;
}

.banner-header-title {
    width: 100%;
    position: absolute;
    margin: auto;
    top: 40%;
    bottom: 0;
    right: 0;
    left: 50%;
    text-align: center;
    transform: TranslateX(-50%);
}

    .banner-header-title h2 {
        color: white;
        font-size: 4VW;
    }

    .banner-header-title img {
        height: 100px;
        margin-top: 30px;
    }
/*------------End Header Section--------*/

.ugrade-your-membership-title-row {
    text-align: center;
    margin-top: 5em;
    margin-bottom: 4em;
}

.ugrade-your-membership-title-button {
    font-size: 35px;
    color: #ffffff;
    border-radius: 50px;
    padding: 15px 60px;
    margin: 40px 0 30px 0;
    background-image: linear-gradient(to right, #b3cbaa, #42603c);
    background-color: #ececec;
    border-color: #ececec;
}

.upgrade-section {
    margin-top: 30px;
}

.main-body-section {
    margin-top: 50px;
}

.float-lower-left {
    text-align: center;
    font-size: 25px;
    margin-top: 40px;
    margin-bottom: 20px;
    font-family: Rubik-Regular;
}

.submit-button-div {
    margin-top: 50px;
    margin-bottom: 70px;
    text-align: center;
}

.submit-button {
    background-color: #42603C;
    color: #FFFFFF;
    font-size: 30px;
    padding: 20px 35px;
    font-family: "Rubik-Medium";
    border-radius: 15px;
}

    .submit-button.focus, .submit-button:focus, .submit-button:hover, .submit-button:active, .submit-button:active:focus, .submit-button:active:hover {
        color: #FFFFFF;
        background-color: #42603C;
    }
/*------------ Footer Section--------*/
.footer-section {
    background: #272727;
    padding-left: 15px;
    padding-right: 15px;
}

    .footer-section .logo {
        padding: 60px 15px 10px 15px;
    }

    .footer-section p {
        color: #FFF;
        font-family: "Rubik-Medium";
        font-size: 21px;
        padding-bottom: 40px;
    }


.social-logo a {
    padding: 15px;
    font-size: 25px;
    width: 25px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    color: #FFF;
    -moz-box-sizing: unset;
    box-sizing: unset;
}

    .social-logo a:hover {
        opacity: 0.7;
    }

@media (max-width: 450px) {
    .social-logo {
        padding: 30px 0px 30px 15px;
    }

        .social-logo a {
            padding: 6px;
            font-size: 20px;
            width: 20px;
        }

    .footer-section p {
        font-size: 16px;
        padding-bottom: 35px;
    }
}

/*------------End Footer Section--------*/


.upagrde-box-div {
    border-radius: 25px;
    background: #ececec;
    padding: 35px 10px;
    border: 15px solid #B3CBAA;
    margin-top: 25px;
}

.upagrde-title {
    text-align: center;
    color: #272727;
    font-size: 50px;
    margin: 10px;
    text-transform: uppercase;
}

/*ul {
    margin: 12px;
    padding: 0;
}

    ul li {
        font-size: 30px;
        color: #272727;
        margin: 20px 0;
        font-family: Rubik-Medium;
        list-style-type: none;
        padding: 9px 0 0 60px;
        position: relative;
        text-align: left;
    }

        ul li:before {
            content: "\00a0";
            background-color: #42603c;
            display: block;
            border: solid 9px #42603c;
            border-radius: 9px;
            -moz-border-radius: 9px;
            -webkit-border-radius: 19px;
            height: 34px;
            width: 34px;
            position: absolute;
            left: 8px;
            top: 10px;*/
/* margin-top: -8px; */
/*}

        ul li:after {
            text-align: center;
            content: "\00a0";
            display: block;
            width: 10px;
            height: 20px;
            border: solid #ffffff;
            border-width: 0 2px 2px 0;
            position: absolute;
            left: 20px;
            top: 15px;*/
/* margin-top: -4px; */
/*-webkit-transform: rotate( 45deg );
        }*/


.price-row .price {
    font-size: 85px;
    color: #42603c;
    text-align: center;
}

.price-row .sub-price {
    font-size: 85px;
    font-weight: bolder;
    color: #B3CBAA;
    font-style: italic;
    font-family: Rubik-Bold, sans-serif !important;
}

.radio-group-div {
    display: inline-grid;
    padding: 15px 27px;
    color: #272727;
    font-size: 23px;
}


    /*Check Box Section*/
    /* Hide the browser's default radio button */

    .radio-group-div label {
        font-family: "Rubik-Medium";
        position: relative;
        margin-bottom: 35px;
        cursor: pointer;
        font-size: 25px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-weight: normal;
        padding-left: 55px;
    }

        .radio-group-div label input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
        }

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 36px;
    width: 36px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #42603c;
}

/* On mouse-over, add a grey background color */
.radio-group-div label:hover input ~ .checkmark {
    background-color: #ececec;
}

/* When the radio button is checked, add a blue background */
.radio-group-div label input:checked ~ .checkmark {
    background: #42603c;
    box-shadow: inset 0px 0px 0px 4px #fff;
}

}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.set-height {
    height: 76px;
}



/*-------------------Thank You Section ------------*/
.thank-you-body-section .thank-you-body-section {
    margin-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px;
}

.thank-you-body-section .thank-you-title {
    padding: 20px 0px 20px 0px;
    font-size: 50px;
    color: #42603C;
    font-family: Rubik-Bold;
}

.thank-you-body-section .thank-you-content {
    font-size: 25px;
    font-family: "Rubik-Bold";
    color: #272727;
}

.thank-you-body-section .payment-success-icon {
    font-size: 5.4em;
    color: #42603C;
    margin-top: 10px;
}

.thank-you-body-section .thank-you-content h3 {
    font-size: 28px;
    font-family: Rubik-Medium;
    margin-bottom: 18px;
}

.thank-you-body-section .agreement-number {
    color: #b3cbaa;
}

.thank-you-body-section .thankyou-div {
    margin: 50px 0px 60px 0px;
}


.thanks-you .banner-text-div {
    text-align: center;
    padding: 94px 0px 20px 0px;
    word-wrap: break-word;
}

.thanks-you .banner-section {
    min-height: 345px;
    background-color: #1B7A42;
}

.thanks-you .banner-text-div h1 {
    font-size: 75px;
    font-family: LibreFranklin-Bold;
    color: #ffffff;
}

.thanks-you .banner-text-div h2 {
    font-size: 32px;
    font-family: LibreFranklin-Medium;
    color: #ffffff;
    text-transform: uppercase;
}

.thanks-you .gym-family-description {
    margin-top: 67px;
    margin-bottom: 90px;
}

.thanks-you .getting-text {
    text-align: center;
}

    .thanks-you .getting-text h2 {
        font-size: 30px;
        font-family: LibreFranklin-Bold;
        margin-bottom: 14px;
    }

.thanks-you .congratulations-text {
    text-align: center;
}

    .thanks-you .congratulations-text h3 {
        font-size: 22px;
        font-family: LibreFranklin-Medium;
        font-weight: 700;
    }

.thanks-you .congratulation-description {
    margin-top: 30px;
    color: #666666;
    font-family: 'Libre Franklin';
}

    .thanks-you .congratulation-description ul {
        padding-left: 16px;
    }

    .thanks-you .congratulation-description .limit-choose {
        margin-top: 38px;
    }
/*-------------------END Thank You Section ------------*/
.tclink {
    color: #42603c;
}

    .tclink:active, .tclink:focus {
        cursor: pointer;
        text-decoration: none;
        color: #42603c;
    }

    .tclink:hover {
        color: #b3cbaa;
        cursor: pointer;
        text-decoration: none;
    }

#ContractModal iframe, #ContractModal object, #ViewAggrementModal iframe, #ViewAggrementModal object {
    height: 500px;
    max-height: 800px;
}

#ContractModal .modal-header, #AgreementNotesModal .modal-header, #ViewAggrementModal .modal-header, #ViewAggrementModal .modal-header {
    padding: 5px 10px;
}

#ContractModal .modal-footer, #AgreementNotesModal .modal-footer, #ViewAggrementModal .modal-footer {
    padding: 3px 20px 3px;
    margin-top: 0px;
}

#AgreementNotesModal .modal-body p {
    font-family: Rubik-Regular;
    font-size: 17px;
}
/*@media screen and (min-width: 768px) {
    .modal-dialog {
        width: auto !important;
    }
}*/
@media (min-width: 1895px) {
    .banner-image-div img {
        width: 100% !important;
    }

    .MainRadio-div {
        text-align: center;
    }
}

@media (min-width: 1895px) {
    .MainRadio-div .radio-group-div {
        text-align: left;
    }
}

@media (max-width: 1895px) and (min-width: 1477px) {
    .MainRadio-div {
        text-align: center;
    }

    .radio-group-div label.label2 {
        padding-left: 25px;
    }
}

@media (max-width: 1895px) and (min-width: 1477px) {
    .MainRadio-div .radio-group-div {
        text-align: unset;
    }
}

@media (max-width: 1440px) and (min-width:561px) {
    .thank-you-title {
        font-size: 40px;
    }
}

@media (max-width: 1477px) and (min-width: 1300px) {
    .radio-group-div label {
        font-size: 25px;
        margin-bottom: 23px;
    }

    .MainRadio-div {
        text-align: center;
    }

    .radio-group-div label.label2 {
        padding-left: 25px;
    }

    /*
    ul li {
        font-size: 27px;
    }*/

    .upagrde-title {
        font-size: 50px;
    }
}

@media (max-width: 1477px) and (min-width: 1300px) {
    .MainRadio-div .radio-group-div {
        text-align: unset;
    }
}

@media (max-width: 1299px) and (min-width: 1200px) {
    /* ul li {
        font-size: 24px;
    }
*/
    .upagrde-title {
        font-size: 50px;
    }

    .radio-group-div label {
        font-size: 24px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {

    /* ul li {
        font-size: 23px;
    }*/

    .price-box-div {
        min-height: 0px;
    }

    .upagrde-title {
        font-size: 50px;
    }

    .radio-group-div label {
        font-size: 24px;
    }
}

@media (max-width: 991px) {
    .pricing-section, .upgrade-section {
        padding-right: 0px !important;
    }

    .ugrade-your-membership-title-row {
        margin-top: 2em;
        margin-bottom: 2em;
    }
}

@media (max-width: 800px) and (min-width:730px) {
    .radio-group-div label {
        padding-left: 50px;
    }
}
/*@media (max-width: 768px) {
    .logo img {
        height: 90px !important;
    }
}*/

@media (max-width: 644px) {
    .thank-you-content {
        font-size: 22px;
    }

    .radio-group-div label {
        padding-left: 50px;
    }
}

@media (max-width: 610px) and (min-width: 321px) {
    .upagrde-title {
        font-size: 47px;
        margin: 0;
    }

    ul {
        margin: 5px;
    }

    /*  ul li {
            font-size: 23px !important;
        }*/

    .price-row .price {
        font-size: 80px;
    }

    .LessSubbtn {
        display: block;
    }

    .MainSubbtn {
        display: none;
    }

    .Detail-div {
        padding: 0px;
    }
}

@media (max-width: 500px) {
    .thank-you-title {
        /*font-size: 50px;*/
        /*font-size: 45px;
        text-align: center;*/
    }

    .thank-you-content p {
        /*text-align: justify;*/
        font-size: 19px;
    }
}

@media (max-width: 320px) {
    .ugrade-your-membership-title-button {
        font-size: 30px;
        padding: 15px 40px;
    }

    .Detail-div {
        padding: 0px;
    }

    /* ul li {
        font-size: 21px;
    }*/

    .LessSubbtn {
        display: block;
    }

    .MainSubbtn {
        display: none;
    }

    .upagrde-title {
        font-size: 35px;
    }

    ul {
        margin: 0px;
    }

    /* ul li {
            font-size: 22px;
            margin: 10px 5px;
            padding: 9px 0 0 50px;
        }

            ul li:before {
                height: 30px;
                width: 30px;
                left: 7px;
                top: 10px;
                margin-top: 0px;
            }

            ul li:after {
                width: 10px;
                height: 17px;
                left: 17px;
                top: 14px;
                margin-top: 0px;
                -webkit-transform: rotate( 45deg );
            }*/

    .price-row .price {
        font-size: 65px;
        margin: 10px 0px;
    }

    .checkmark {
        height: 30px;
        width: 30px;
    }

    .radio-group-div {
        padding: 15px 10px;
    }

        .radio-group-div label {
            padding-left: 38px;
        }

    .thank-you-title {
        font-size: 30px !important;
    }
}

.columns {
    columns: 2;
}

/*-------------------Modal Section ------------*/
#ContractModal .btn-large, #AgreementNotesModal .btn-large {
    font-size: 30px;
    color: #272727;
    margin-right: 8px;
    margin-top: 4px;
}

.modal-title {
    color: #42603c;
    padding: 8px 9px;
}

.modal-close-button {
    font-size: 15px;
    color: #ffffff;
    padding: 6px 10px;
    margin: 5px 0 5px 0;
    background-color: #42603c;
    border-color: #42603c;
}

    .modal-close-button:hover, .modal-close-button:active {
        color: white;
        background-color: #ececec;
        border-color: #ececec;
    }

.anchor-tg p {
    color: #272727 !important;
}

.anchor-tg a {
    color: #b3cbaa !important;
}

    .anchor-tg a:hover, .anchor-tg a:focus {
        color: #42603c !important;
        text-decoration: none !important;
    }




@media (max-width: 539px) {
    .logo {
        padding-top: 15px;
    }
}

@media (max-width: 1024px) and (min-width: 379px) {
    /*  ul li {
        font-size: 25px;
    }*/
}

@media (max-width: 375px) {
    /* ul li {
        font-size: 18px !important;
    }*/
}

@media (max-width: 425px) {
    /*.upagrde-box-div ul li:before {
        height: 30px;
        width: 30px;
        left: 8px;
        top: 13px;
    }

    .upagrde-box-div ul li:after {
        width: 10px;
        height: 18px;
        left: 18px;
        top: 16px;*/
    /* margin-top: -4px; */
    /*-webkit-transform: rotate( 45deg );
    }*/

    .benefit-header {
        padding-left: 10px;
    }

    .radio-group-div label {
        font-size: 20px;
    }

    .checkmark {
        height: 30px;
        width: 30px;
    }
}

@media(max-width: 767px) {
    .upagrde-title, .member-name-text {
        font-size: 50px !important;
    }

    .info-form .field-12 {
        padding: 0px;
    }

    .summary_card {
        width: unset !important;
    }
}

@media (max-width: 586px) {
    .upagrde-title, .member-name-text {
        font-size: 35px !important;
    }
}

@media (max-width: 375px) {
    .upagrde-title {
        font-size: 30px !important;
    }
}

@media (max-width: 536px) {
    .p-l-r-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
}
/*====================================Primium plus===========================================================*/
#primiumplus .section {
    color: #42603c;
    text-align: center;
}
/*#primiumplus .emenities-bg-image {
    background-image: url("../Images/Campaign/PremiumPlus/arrow-bg.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}*/
#primiumplus .review-background-image {
    background-image: url("../Images/Campaign/PremiumPlus/review-bg-img.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

#primiumplus .features-background-image {
    background-image: url("../Images/Campaign/PremiumPlus/features-bg-img_2.png");
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}

#primiumplus .background-image {
    background-image: url("../Images/Campaign/PremiumPlus/feature-bg-img.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
/*#primiumplus .bg-sec {
    position:absolute;
}*/
#primiumplus .mt-80 {
    margin-top: 80px;
}

.primiumplus .exlamation-backimg img {
    width: 11em !important;
    margin: 0px;
}

.primiumplus .exlamation-backimg {
    margin-top: 50px;
    position: absolute;
    right: 16em;
}

.primiumplus .membership-div {
    margin-bottom: 25px;
    position: relative;
    z-index: 9;
}

#primiumplus .ml-0 {
    margin-left: 0px !important;
}

#primiumplus .bg-div {
    margin-right: 0px !important;
}

#primiumplus .sub_section {
    text-align: center;
    font-family: 'Rubik-Regular';
    /*    margin-bottom: 35px;*/
}

#primiumplus .submit {
    background-color: #42603C;
    color: #FFFFFF;
    font-size: 20px;
    padding: 15px 38px;
    font-family: Rubik-Regular;
}

#primiumplus .submitbutton {
    margin-top: 35px;
    margin-bottom: 60px;
    text-align: center;
}

#primiumplus .upgrade-membership-section {
    background-color: #d9e5d4;
    margin-bottom: 30px;
}

#primiumplus .Overlapimage {
    position: inherit;
    top: -35px;
    z-index: 2;
    float: right;
}

#primiumplus .amenities {
    text-align: center
}

#primiumplus .arrow {
    border: 1px solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    margin-right: 15px;
}

#primiumplus .right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

#primiumplus .details {
    font-size: 20px;
    font-family: Rubik-Regular;
}

#primiumplus .buttondiv {
    text-align: left !important;
}

#primiumplus .members_section {
    background-color: #ececec;
}

#primiumplus .members-div {
    font-size: 25px
}

#primiumplus .margin-div {
    margin-top: 20px;
}

#primiumplus .img-responsive {
    max-height: 100%;
    width: auto;
    margin: auto;
}

#primiumplus .imagepadding {
    padding-left: 38px;
    text-align: center;
}

#primiumplus .image-div {
    font-family: 'Rubik-Regular';
    text-align: center;
    margin-top: 10px;
}

#primiumplus .fa-solid {
    color: green;
}

#primiumplus .mt-60 {
    margin-top: 60px;
}

#primiumplus .mb-60 {
    margin-bottom: 60px;
}

#primiumplus .mb-30 {
    margin-bottom: 30px;
}
/*#primiumplus .imagemargin {
    margin-top: 8px;
}*/
#primiumplus .Amenitiesimages {
    margin-bottom: 25px;
}

#icon-div {
    color: #80ae51;
}

.image-sec {
    margin-top: 0px;
}

#primiumplus .features {
    font-family: Rubik-Regular;
    text-align: center
}

.premium .workout-div {
    margin-bottom: 60px;
}

.premium .membership-div {
    margin-bottom: 25px;
    position: relative;
    z-index: 9;
}

.premium .exlamation-backimg img {
    width: 11em !important;
    margin: 0px;
}

.premium .exlamation-backimg {
    margin-top: 50px;
    position: absolute;
    right: 16em;
}

/*.premium .arrow-backimg img {
    margin-top: 0px !important;
}*/

@media(min-width:992px) {
    #primiumplus .amenities-images {
        margin-left: 130px;
        margin-right: 130px;
    }
}

@media (max-width: 408px) {
    .logo img {
        height: 65px !important;
    }
}

@media(max-width:408px) {
    #primiumplus .img-div {
        display: block;
        max-width: 100%;
        height: auto;
        top: -27px;
    }
}

@media(max-width:320px) {
    #primiumplus .submit {
        padding: 10px 6px !important;
    }
}

@media (max-width: 320px) {
    #primiumplus .img-div {
        top: -21px;
    }
}

/*@media (max-width: 1394px) {
    .premium .arrow-backimg {
        width: 16.66666667%
    }

    .premium .membership-div {
        width: 66.66666667%;
    }

    .premium .exlamation-backimg {
        width: 16.66666667%
    }

    .premium .exlamation-backimg {
        right: 11em;
    }
}*/

/*.banner_lg {
    display: block;
}

.banner-sm {
    display: none
}

@media (max-width: 600px) {
    .banner_lg {
        display: none;
    }

    .banner-sm {
        display: block;
    }
}*/
/*-------------------------------------------*/
/*#BasicToPremium_CheckOut h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, button, input, select, textarea, span, a, label {
    font-family: Rubik-Medium;
}*/



.margin-bottom-100 {
    margin-bottom: 100px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}
.mt-20 {
    margin-top: 20px !important;
}
.membership-second-title {
    color: #272727 !important;
}

.register-module .form-control {
    height: 50px;
    font-size: 16px;
    border: 1px solid #B3CBAA;
    color: #272727;
}

    .register-module .form-control:focus {
        border-color: #B3CBAA;
        box-shadow: none;
    }

.register-module .input-group .input-group-btn button {
    height: 50px;
    top: 0.5px;
}

.btn:active:focus, .btn:focus {
    outline: none !important;
    outline-offset: unset !important;
    box-shadow: unset !important;
}

.check-out .card-input {
    position: relative;
}

.check-out .input-image {
    position: absolute;
    top: 4px;
    right: 5px;
}

.check-out .card-input img {
    margin: 8px 2.5px;
    width: 40px;
    opacity: 0.5;
    height: auto;
}

.check-out .line {
    width: 100%;
    margin: 0 0 2rem;
    border-bottom: 2px solid rgb(172, 172, 172);
}

.check-out .select2-container {
    width: 100%;
}

    .check-out .select2-container .select2-choice {
        height: 50px;
        font-size: 16px;
    }

        .check-out .select2-container .select2-choice > .select2-chosen {
            margin-top: 12px;
            font-family: 'Rubik-Medium';
        }

        .check-out .select2-container .select2-choice .select2-arrow b {
            background: url(../Images/select2.png) no-repeat 0 10px;
        }

.check-out .select2-result-label.ui-select-choices-row-inner {
    padding: 10px;
}

.check-out span.ng-binding.ng-scope {
    font-size: 16px;
}

.check-out .panel-body {
    background: #ececec;
}

.check-out .amont-title {
    color: #272727;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.check-out .line {
    width: 100%;
    margin: 0 0 2rem;
    border-bottom: 2px solid rgb(172, 172, 172);
}

.member-checkout .sub-plan li, .fees {
    font-size: 17px;
    color: #828282;
}

.check-out .mt-1 {
    margin-top: 1rem;
    margin-bottom: 20px;
}

.check-out .mt-2 {
    margin-top: 2rem;
}

.mt-2 {
    margin-top: 2rem;
}

.check-out .mb-2 {
    margin-bottom: 2rem;
}

.check-out .terms-condition {
    color: #828282;
    font-size: 12px;
}

.check-out .checkbox-label-group {
    text-indent: -26px;
    padding-left: 27px;
    text-align: justify;
    font-size: 14px;
}

.check-out .checkbox {
    vertical-align: middle;
    width: 20px;
    display: unset;
    height: 20px;
    margin-right: 5px !important;
}

.guest-signature-page input[type="radio"], input[type="checkbox"] {
    margin: 0px 0 0;
}

.check-out a {
    color: #B3CBAA;
    cursor: pointer !important;
}

.cursorpointer {
    cursor: pointer !important;
}

label {
    font-weight: normal;
}

.check-out .mt-1 {
    margin-top: 1rem;
    margin-bottom: 20px;
}

.check-out .btn-submit {
    background: #272727;
    color: white !important;
}

.btn-lg {
    font-size: 25px;
    line-height: 1.33;
    border-radius: 6px;
}

.active-card {
    opacity: 1 !important;
    border: 1px solid #706868;
    border-radius: 3px;
}
/*-------------------------------------------*/

body {
    /* font-family: 'Libre Franklin',Helvetica,Arial,Lucida,sans-serif;*/
    font-size: 14px;
    color: #272727;
    background-color: #fff;
    line-height: 1.7em;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

button:focus-visible, button:focus, input:focus-visible {
    outline: none !important;
}

a, button {
    cursor: pointer !important;
}

/*body, input, textarea, select {
            font-family: 'Libre Franklin',Helvetica,Arial,Lucida,sans-serif;
        }*/

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.navbar {
    padding-top: 26px;
    padding-right: 20px;
    padding-bottom: 23px;
    padding-left: 41px;
}

.navbar-brand {
    /*width: 170px;*/
    /*height: 76px;*/
    max-width: 170px;
    padding-top: 5px;
}

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

nav.navbar > div > div > ul > li > a {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    /* padding: 32px 0;*/
    white-space: nowrap;
    font-family: Libre Franklin;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 17px;
    color: #000000 !important;
    padding-right:10px !important;
}



/*.navbar-nav {
    margin-right: 24%;
}*/

.dropdown-menu {
    top: 92% !important;
    border-top: 3px solid #2ea3f2;
    padding: 20px 20px;
    min-width: 250px !important;
}

.dropdown-item {
    font-family: 'Libre Franklin';
    font-weight: 600;
    padding: 8px 10px;
    padding-left: 20px;
    font-size: 16px;
}

    .dropdown-item.active, .dropdown-item:active {
        color: #272727;
        text-decoration: none;
        background-color: #f8f9fa !important;
    }

nav.navbar > div > ul > li {
    padding-left: 40px;
    /*padding-right: 11px;*/
}

.footer-section {
    background-color: #606060 !important;
    padding-top: 12px !important;
    padding-bottom: 17px !important;
    height: 75px;
    position: relative;
    z-index: 999999;
}

    .footer-section > .row {
        width: 80%;
        max-width: 1080px;
        margin: auto;
        position: relative;
    }

.footer-logo {
    width: 132px;
    height: 32px;
}

.apply-btn {
    color: #fff !important;
}

    .apply-btn:hover {
        text-decoration: none !important;
    }

.filter_buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    padding: 40px 0 20px 0;
    border-radius: 6px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 33px;
}

    .filter_buttons > div {
        margin-right: 15px;
        margin-left: 15px;
    }

/*.filter_buttons button::after {
        content: "";
        height: 2px;
        width: 100%;
        background-color: var(--dark-grey-color);
        position: absolute;
        bottom: 0;
        left: 0;
        opacity: 0;
    }*/

/*.filter_buttons button.active::after {
        opacity: 1;
    }*/

/*.filter_buttons .active {
        background-color: transparent;
    }*/

/*.filter_buttons .active {*/
/*border-bottom: 1px solid var(--dark-grey-color);*/
/*color: white !important;*/
/*border: 2px solid var(--light-green-color);*/
/*background-color: var(--light-green-color);
        border-radius: 50px;
    }*/

/* .filter_buttons .active > button {
            background-color: var(--light-green-color) !important;
            color: white !important;
        }*/

/* .filter_buttons .active + .filter_custom {
            color: white;
        }*/


button.filter_custom {
    border-radius: 0px !important;
    font-size: 15px;
}

.filter_custom {
    padding: 13px 20px;
    border: 2px solid var(--light-green-color);
    border-radius: 50px;
    color: var(--light-green-color);
    font-weight: 600 !important;
}



.btn-primary {
    background: #1b7a43;
    border-color: #1b7a43;
    color: #ffffff;
}

    .btn-primary:hover, .btn-primary:active {
        background-color: #1b7a43;
        border-color: #1b7a43;
        transition: ease 0.3s;
    }

    .btn-primary.focus, .btn-primary:focus {
        box-shadow: none !important;
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #1b7a43;
        border-color: #1b7a43;
    }

.btn-default {
    background-color: #ECECEC;
    border: 2px solid #ECECEC;
    color: #272727;
    font-size: 16px;
    border-radius: 7px;
    padding: 8px 24px;
    transition: transform .2s;
    /*z-index: 99;*/
}

    .btn-default:hover {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }

.btn-default-Plan {
    background-color: white;
    border: 2px solid var(--light-green-color);
    color: var(--light-green-color);
    font-size: 16px;
    border-radius: 7px;
    padding: 13px 20px;
    transition: transform .2s;
    z-index: 99;
}

    .btn-default-Plan:hover {
        /*transform: scale(1.05);
        -webkit-transform: scale(1.05);*/
    }

.edit-location {
    text-decoration: underline!important;
    font-weight: bold!important;
}


@media only screen and (max-width:767px) {
    .filter_buttons button {
        padding: 4px 8px !important;
        font-size: 15px !important;
        width: 100% !important;
        border: 1px solid #ccc !important;
        margin: 4px 0 !important;
        padding: 15px 15px;
        border: 2px solid var(--light-green-color);
        border-radius: 50px;
        /*color: var(--light-green-color);*/
        font-weight: 600;
    }

    /*.filter_buttons .active button, .filter_buttons button:hover {
            background-color: var(--light-green-color);
            color: white;
        }*/

    /*.filter_buttons button::after {
            content: none;
        }*/

    .filter_buttons {
        width: 100%;
        flex-wrap: wrap;
    }

        .filter_buttons > div {
            margin-right: 0;
            width: 100%;
            text-align: center;
        }
}

.plan-content-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}

.single-plan-content-wrap {
    margin-top: 7px;
    gap: 0px;
}

.plan-content {
    position: relative;
    background: #F0F0F0;
    /*width: 340px;*/
    max-width: calc(25.33% - -32px);
    /*height: 500px;*/
    overflow: hidden;
}

.plan-content-term-length {
    position: relative;
    background: #F0F0F0;
    overflow: hidden;
}

.plan-content-ondemand {
    position: relative;
    background: #F0F0F0;
    max-width: 344px;
    /*max-width: calc(33.33% - 25px);*/
    /*height: 500px;*/
    overflow: hidden;
}
.head-sec {
   
    background-color: #fff;
}

.head-sec-term {
    margin: 0px 20px 20px 20px;
    background-color: #fff;
}

.head-sec-name {
    padding-top: 40px;
    font-size: 25px;
    min-height: 110px;
    color: #272727 !important;
}

.price-sec {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 30px;
}

.price-start {
    font-size: 95px;
    font-family: LibreFranklin-Bold;
}

.price-end {
    font-size: 55px;
    font-family: LibreFranklin-Bold;
    margin-bottom: 5px;
}

.enrollment-desc {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    font-family: LibreFranklin-Bold;
    padding-bottom: 40px;
}

.plan-content-btn {
    text-align: center;
    padding-bottom: 20px;
    padding-top: 30px;
}

.plan-content-btn-new {
    text-align: center;
    padding-bottom: 40px;
    background-color: #1b7a43;
    color: white;
    border-radius: 10px !important;
}

.plan-content-btn-text {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 22px;
}
.a-text {
    margin-top: 10px;
    color: #1b7a43 !important;
}
.plan-content-feat {
    /*padding: 0px 40px;*/
    /*padding-bottom: 40px;*/
    text-align: center;
    /*min-height: 250px;*/
}

.plan-feat {
    margin: 30px 0px;
    /*min-height: 370px;*/
    padding: 0px 10px;
    font-size: 12px !important;
}

.single-plan-feat {
    margin: 12px 0px;
}

.plan-select-btn {
    padding: 10px 60px !important;
    color: #1b7a43;
    border: 2px solid #1b7a43;
    font-size: 17px !important;
}

    .plan-select-btn:active {
        color: #fff !important;
        background: #1b7a43 !important;
        border: 2px solid #1b7a43;
    }

.prev-btn {
    margin-top: 30px;
    border-radius:10px;
}

    .prev-btn button {
        padding: 10px 60px !important;
        background: #8b8b8b;
        color: #fff;
        font-size: 17px;
        border-radius: 11px;
    }

.return-btn {
    margin-top: 50px;
    margin-bottom: 50px;
}

    .return-btn button {
        color: #FFFFFF !important;
        background-color: #272727;
        border-radius: 11px;
       /* font-weight: 800 !important;
        background-color: #1b7a43;*/
    }

.loc-div {
    margin-top: 10px;
    margin-bottom: 35px;
}

    .loc-div button {
        color: #FFFFFF !important;
        font-weight: 800 !important;
        background-color: #1b7a43;
    }

.loc-btn:hover {
    border: 2px solid #1b7a43;
    padding: 0.3em 2em 0.3em 0.7em;
    border-radius: 0px;
}

.rtt-btn:hover {
    border: 2px solid #272727;
    padding: 0.3em 2em 0.3em 0.7em;
    /*border-radius: 0px;*/
}

    .rtt-btn:hover:after, .loc-btn:hover::after {
        opacity: 1;
        margin-left: 5px;
        top: 7px;
    }

.rtt-btn, .rtt-btn:after, .loc-btn, .loc-btn:after {
    transition: all 300ms ease 0ms;
}

    .rtt-btn:after, .rtt-btn:before, .loc-btn::after, .loc-btn:before {
        font-size: 32px;
        line-height: 1em;
        content: "\003e";
        opacity: 0;
        position: absolute;
        margin-left: -1em;
        -webkit-transition: all .2s;
        transition: all .2s;
        text-transform: none;
        -webkit-font-feature-settings: "kern" off;
        font-feature-settings: "kern" off;
        font-variant: none;
        font-style: normal;
        font-weight: 400;
        text-shadow: none;
    }

#ReturnToTop {
    background-color: black;
    border-color: black;
    border-radius:10px;
        
}

.mt-40 {
    margin-top: 50px;
}

.scale-div {
    margin-left: 5px;
    text-align: center;
}

.tax-line {
    font-size: 10px;
}

a:hover {
    text-decoration: none !important;
}

.until {
    /*text-align: center;*/
    /*font-size: 28px;*/
    /*color: #D4AF37;*/
    /*  padding: 0px;
    padding-bottom: 8px;*/
   /* margin: 0px 20px;*/
    /*font-weight: 700;*/
    /*background: #272727;*/
}
.headding-text {
    background: black;
    color: white;
    text-align: center;
    margin-top: 10px;
    font-size: 20px;
    color: white;
    margin-left: 19px;
    margin-right: 19px;
    height: 40px;
    padding: 7px;
}

.add-bold {
    font-weight:bold;
}
.address {
    font-size: medium;
}

.until_ondemand {
    /*text-align: center;*/
    /*font-size: 28px;*/
    /*color: #D4AF37;*/
    padding: 0px;
    padding-bottom: 8px;
    margin: 0px 20px;
    /*font-weight: 700;*/
    /*background: #272727;*/
}

.green {
    background: #FB4093;
    height: 63px;
    margin: 0px 20px;
}
/*-------------------------------------------*/


.et-social-tiktok a.icon:before {
    content: "\E07B";
}

.agreement-lbl {
    color: #666;
}

.description {
    color: #666;
}

.navbar-toggler {
    border: 0px !important;
}

.xs-show-progresslist {
    display: block;
}

.set-padding {
    /* padding-top: 22px;*/
}

.nav-link:hover {
    color: #5a5a5a !important;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.validation_promocode {
    color: red;
    font-size: 12px;
}

.signature-text .textbox {
    font-family: 'dancingscript-medium';
    font-weight: 600;
    padding: 0px 8px;
}

.summary_card #signature-pad .jay-signature-pad--body {
    padding-left: 23px;
    padding-right: 23px;
}

.summary_card #signature-pad .signature-text-div {
    border: 1px solid #CCCCCC;
    padding: 86px 25px;
}

.summary_card #signature-pad .signature-preview {
    font-family: 'dancingscript-medium';
    font-size: 28px;
    font-weight: 600;
}

@media (max-width: 1200px) {
    .navbar-nav {
        margin-right: 0%;
    }

    .set-height {
        height: 61px;
    }
}
@media (max-width: 1005px) and (min-width: 991px) {
    .set-padding {
        padding-top: 35px;
    }
}
@media (max-width: 992px) {
    .set-padding {
        padding-top: 0px;
    }

    .navbar {
        padding-top: 16px;
    }

    .set-social {
        text-align: center;
        padding-top: 15px;
    }

    .footer-logo {
        width: 232px;
        height: 56px;
    }

  /*  .promo-code {
        max-width: 90% !important;
    }*/

    .set-height {
        height: 41px;
    }


}



.setBannerHeight {
    /* height: 362px !important;
    min-height: 375px !important;
    max-height: 502px !important;*/
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
    cursor: pointer;
}

.header-section .dropdown:hover > .dropdown-menu {
    display: block;
}

.cont-chk {
    position: relative;
    display: block;
}
.ValidationCSS {
    display: block;
    width: 100%;
    color: red !important;
    font-size: 12px;
}
.cover {
    width: 14px;
    height: 14.5px;
    background: #f8f8f8;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    position: absolute;
    z-index: 2;
    top: 2.5px;
    left: -1px;
    display: none;
}

.cont-chk.dis-chk .cover {
    /* display: block;*/
}

.justify-center {
    justify-content: center;
}

/* START of  Gyms select section css */

@media (min-width: 1024px) {
    .Show-lg-footer {
        display: block;
    }

    .Show-md-footer {
        display: none;
    }

    .header-second {
        display: block;
    }

    .header-first {
        display: none;
    }
}

@media (max-width: 1024px) {
    .Show-lg-footer {
        display: none;
    }

    .Show-md-footer {
        display: block;
    }

    .header-second {
        display: none;
    }

    .header-first {
        display: block;
    }
}

.search-text {
    padding: 10px;
    font-size: 17px;
    border: 1px solid grey;
    float: left;
    width: 85%;
    background: #f1f1f1;
}

.search-button {
    float: left;
    width: 15%;
    padding: 6px;
    background: #1a7a44;
    color: white;
    font-size: 15px;
    border: 1px solid grey;
    border-left: none;
    cursor: pointer;
}


.card {
    border: none !important;
    margin-right: 2px;
    /* margin-left: 2px; */
    margin-bottom: 2px;
}


.card-text {
    /*margin-top: -15px !important;*/
    color: #333333;
}

.card-text-notfound {
    margin-top: 15px !important;
    color: #333333;
}

.card-body {
    background-color: #eeeeee;
    padding: 35px;
    height: 250px;
}

.card :hover {
    background-color: #DFDFDF;
    cursor: pointer;
}


.youfit-title {
    font-size: 30px;
    font-weight: bold;
    color: #272727;
}

    .youfit-title:hover {
        color: #1a7a44;
    }


.youfit-phone:hover {
    color: #1a7a44;
}

.text-address {
    font-size: 19px !important;
    font-weight: 600 !important;
}


@media (max-width: 425px) {
    .textOr {
        margin-bottom: 10px;
    }
}

@media (max-width: 999px) and (min-width: 800px) {
    .card-body {
        height: 280px;
    }
}

@media (max-width: 799px) and (min-width: 768px) {
    .card-body {
        height: 300px;
    }
}

.text-a-filter {
    color: #272727;
    font-weight: 400;
    font-size: 13px;
}

    .text-a-filter:hover {
        color: #1a7a44;
        cursor: pointer !important;
    }


#bloc1, #bloc2 {
    display: inline;
    font-weight: bold;
}

#bloc1 {
    font-size: 15px;
}

#bloc2 {
    margin-left: 20px;
    font-size: 15px;
}

.container-image {
    position: relative;
    text-align: center;
    color: white;
}

.centered {
    position: absolute;
    top: 46%;
    left: 20%;
    font-size: 50px;
    transform: translate(-50%, -50%);
}

.bottomText {
    position: absolute;
    top: 55%;
    left: 25%;
    font-size: 18px;
    transform: translate(-50%, -50%);
}

.bottomText2 {
    position: absolute;
    top: 60%;
    left: 28%;
    font-size: 18px;
    transform: translate(-50%, -50%);
}

.button2 {
    position: absolute;
    top: 67%;
    left: 16%;
    /*background-color: #008CBA;*/
    transform: translate(-50%, -50%);
}

.btnpass {
    background-color: yellow;
    color: black;
    font-weight: 700;
    padding: 10px 60px 10px 60px;
    border: 2px solid yellow;
}

    .btnpass:hover {
        background-color: #02010100;
        color: #fff;
        font-weight: 700;
        border: 2px solid yellow;
        transition: all .3s;
    }

/**/
.btn-loadmore {
    width: 200px;
    padding: 10px;
    font-size: 16px;
    border: 2px solid #1a7a44;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background-color: #1a7a44;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer !important;
}

.mt30 {
    margin-top: 40px;
    margin-bottom: 30px;
}
/*



#GymsSection .btn-green {
    width: 30%;
    padding: 10px;
    font-size: 16px;
    border: 2px solid #1a7a44;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background-color: #1a7a44;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer !important;
}

    #GymsSection .btn-green:hover, #GymsSection .btn-green:focus {
        background-color: #000;
        cursor: pointer !important;
    }*/

@media (max-width: 768px) {
    #GymsSection .m-b-10 {
        margin-bottom: 12px;
    }
}

#GymsSection .form-control {
    height: 45px;
    border-radius: 0px;
    font-family: 'Libre Franklin';
}

    #GymsSection .form-control:hover, #GymsSection .form-control:focus {
        border-color: #495057;
        box-shadow: unset;
        border-color: #ddd;
    }

.drop-downs .select2-container {
    width: 100%;
}

    .drop-downs .select2-container .select2-choice {
        height: 45px;
        background: #fff;
        background-image: none;
        border-color: #ddd;
    }

        .drop-downs .select2-container .select2-choice > .select2-chosen {
            margin-top: 10px;
            margin-left: 5px;
            font-size: 1rem;
            line-height: 1.5;
            color: #6C757D;
            font-family: 'Libre Franklin';
        }

        .drop-downs .select2-container .select2-choice .select2-arrow {
            top: 7px;
            border-left: 0;
            background: #fff;
            background-image: none;
        }

.drop-downs .ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match, .drop-downs .ui-select-container[theme=select2].direction-up.select2-dropdown-open .ui-select-match {
    border-bottom-color: #ddd;
}

.drop-downs .select2-search input {
    background: none !important;
    border-color: #ddd;
}

.drop-downs .select2-drop-active {
    border-color: #ddd;
}

.drop-downs .select2-results .select2-highlighted {
    background: #1a7a44;
    color: #FFFFFF;
}

.drop-downs .select2-results .select2-result-label {
    font-size: 17px;
    padding: 6px 7px 6px;
}

    .drop-downs .select2-results .select2-result-label:hover {
        background: #1a7a4438;
    }

.three-day-banner {
    position: relative;
    background-image: url('../images/planepage/gymfooter.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 5%;
}

.banner-overlay {
    background-color: transparent;
    background-image: linear-gradient(270deg, #0000003D 0%, #000000 73%);
    opacity: 0.74;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.banner-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1400px;
    min-height: 300px;
}

    .banner-flex .color-wh {
        color: #fff;
        font-family: 'Libre Franklin';
    }

.ww-45 {
    width: 55%;
}

.m-tb-10 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.filter_custombtn {
    width: 100%;
    padding: 13px 20px;
    border: 2px solid var(--light-green-color);
    border-radius: 50px;
    color: white;
    font-weight: 600 !important;
    border-radius: 5px !important;
    background-color: #1a7a44;
}

.freepass {
    width: 150%;
    clip-path: polygon(0 0, 100% 0, 100% 0%, 75% 100%, 0 100%);
}


.joinnow {
    width: 155%;
    /*    margin-right: 50px;
*/ margin-left: -10px;
    /* width: 100%;*/
    clip-path: polygon(25% 0, 100% 0, 100% 0%, 100% 100%, 0 100%);
}

.store_locator_name {
    font-size: 24px !important;
    line-height: 32px;
    font-weight: bold;
}


    .store_locator_name:hover {
        color: #1a7a44;
    }


.back-box {
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: #1a7a44;
    clip-path: polygon(0 0, 130% 0, 100% 0%, 100% 100%, 0 0%);
    right: 2px;
    font-weight: bold;
    color: white;
    z-index: 10;
}


.notfound-card-body {
    background-color: #DFDFDF;
    padding: 35px;
    height: 250px;
}

.notfoundtext {
    font-size: 30px !important;
    line-height: 32px;
    font-weight: bold;
    color: #1a7a44;
}

/*.back-box:hover {
        background-color: #DFDFDF !important;
        cursor: pointer !important;
    }*/

/* @media (min-width: 320px) {
        .back-box {
        left: 70%;
    }*/




/*@media (max-width: 375px) {
    .back-box {
        left: 73%;
    }
}
@media (max-width: 425px) {
    .back-box {
        left: 76%;
    }
}*/

/*@media (max-width: 768px) {
    .back-box {
        left: 65%;
    }
}


@media (max-width: 1024px) {
    .back-box {
        left: 73%;
    }
}

@media (max-width: 1440px) {
    .back-box {
        left: 80%;
    }
}


@media (max-width: 2560px) {
    .back-box {
        left: 88%;
    }
}
*/


@media (min-width: 425px) {
    .freepass {
        margin-left: 25px;
        width: 100%;
        clip-path: polygon(0 0, 100% 0, 100% 0%, 75% 100%, 0 100%);
    }

    .checkRow {
        display: flex !important;
        flex-wrap: nowrap;
        margin-right: 0;
        margin-left: 0;
    }

    .joinnow {
        margin-left: -40px;
        width: 100%;
        clip-path: polygon(25% 0, 100% 0, 100% 0%, 100% 100%, 0 100%);
    }
}

@media (max-width: 768px) {
    .ww-45 {
        width: 70%;
    }
}

@media (max-width: 425px) {
    .ww-45 {
        width: 90%;
    }
}

@media (max-width: 375px) {
    .color-wh {
        font-size: 35px;
    }

    .btnpass {
        padding: 10px 30px 10px 30px;
        width: 100%;
    }

    .ww-45 {
        font-size: 15px;
    }
}

@media (max-width: 320px) {
    h1.color-wh {
        font-size: 30px;
    }
}

@media (min-width: 375px) {
    .freepass {
        width: 100%;
        clip-path: polygon(0 0, 100% 0, 100% 0%, 75% 100%, 0 100%);
    }

    .checkRow {
        display: flex !important;
        flex-wrap: nowrap;
    }

    .joinnow {
        width: 100%;
        /* margin-right: 50px; */
        margin-left: -60px;
        /* width: 100%; */
        clip-path: polygon(25% 0, 100% 0, 100% 0%, 100% 100%, 0 100%);
    }
}


@media (min-width: 768px) {
    .freepass {
        margin-left: 45px;
        width: 100%;
        clip-path: polygon(0 0, 100% 0, 100% 0%, 75% 100%, 0 100%);
    }

    .checkRow {
        display: flex !important;
        flex-wrap: nowrap;
        margin-right: 0;
        margin-left: 0;
    }

    .joinnow {
        margin-left: -60px;
        width: 100%;
        clip-path: polygon(25% 0, 100% 0, 100% 0%, 100% 100%, 0 100%);
    }
}



@media(min-width: 1024px) {
    .freepass {
        margin-left: -100px;
        min-width: 130px;
        clip-path: polygon(0 0, 100% 0, 100% 0%, 75% 100%, 0 100%);
    }

    .checkRow {
        display: flex !important;
        flex-wrap: nowrap;
        margin-right: 0;
        margin-left: 0;
    }

    .joinnow {
        margin-left: -72px;
        min-width: 130px;
        clip-path: polygon(25% 0, 100% 0, 100% 0%, 100% 100%, 0 100%);
    }
}

@media(min-width: 1204px) {
    nav.navbar > div > ul > li {
        padding-left: 0px;
    }
}

@media (min-width: 1440px) {
    .freepass {
        margin-left: -100px;
        min-width: 130px;
        clip-path: polygon(0 0, 100% 0, 100% 0%, 75% 100%, 0 100%);
    }

    .checkRow {
        display: flex !important;
        flex-wrap: nowrap;
        margin-right: 0;
        margin-left: 0;
    }

    .joinnow {
        margin-left: -72px;
        min-width: 130px;
        clip-path: polygon(25% 0, 100% 0, 100% 0%, 100% 100%, 0 100%);
    }
}
/* END of  Gyms select section css */
/*---------------------------------------------------------*/
/* START of  Gyms header section css */
.h-banner {
    position: relative;
    /*background-image: url('../Images/GymsbannerImage.jpeg');*/
    /*background-position: center center;*/
    background-repeat: no-repeat;
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 0px 0px 0px 0px;
    margin-bottom: 10px;
}
/*
@media(max-width: 768px) {
    .h-banner img {
       display:none;
    }
}
*/
.h-overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: transparent;
    /* background-image: linear-gradient(180deg, #FFFFFF00 0%, #000000 70%);*/
    opacity: 0.42;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.h-flex {
    min-height: 400px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

@media (max-width: 1024px) {
    .h-flex {
        min-height: 0px;/*100px*/
        min-height: 0px;/*100px*/
    }
}

/*@media (max-width: 767px) {
    .h-banner {
        padding: 50px 0px 0px 0px;
    }
}*/
/* END of  Gyms header section css */
/*---------------------------------------------------------*/
/* START of  Gyms footer section css */
.f-section a {
    color: #fff;
    cursor: pointer !important;
    font-family: 'LibreFranklin-Medium';
}

    .f-section a:hover {
        color: #f1f967 !important;
        cursor: pointer !important;
    }

.f-section {
    background-color: #000000;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 80px 40px 30px 40px;
}

.f-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.heading-title {
    color: #fff;
    font-family: "Libre Franklin", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: none;
    margin-bottom: 20px;
}

.flx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding: 5px;
}

.elementor-column {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.w_100 {
    width: 100%;
}

.f-section-2 {
    /*position: relative;
    background-color: transparent;
    background-image: linear-gradient(180deg, #63636329 0%, var(--e-global-color-3a1936a ) 100%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;*/
    padding: 0px 50px 0px 50px;
    background-color: #f4f4f4f4;
    padding-bottom: 40px;
    background-image: linear-gradient(180deg, #63636329 0%, #fff 100%);
}

.padd {
    padding: 0px 4px 12px 0px;
}

.elementor-widget-wrap {
    position: relative;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.elementor-element {
    --grid-template-columns: repeat(0, auto);
    --icon-size: 25px;
    --grid-column-gap: 45px;
    --grid-row-gap: 0px;
}

.elementor-grid {
    display: inline-block;
    width: 100%;
    word-spacing: 45px;
}

.elementor-grid-item {
    display: inline-block;
    margin-bottom: var(--grid-row-gap);
    word-break: break-word;
}

.elementor-social-icon {
    color: #000;
    font-size: var(--icon-size,25px);
    line-height: var(--icon-size,25px);
    width: calc(var(--icon-size, 25px) + (2 * var(--icon-padding, .5em)));
    height: calc(var(--icon-size, 25px) + (2 * var(--icon-padding, .5em)));
    --icon-padding: 0em;
    cursor: pointer !important;
}

    .elementor-social-icon:hover, .elementor-social-icon:focus {
        color: #1a7a44;
        cursor: pointer !important;
    }

.m-b-0 {
    margin-bottom: 3px;
}

.img-responsive {
/*    margin-top: -25px;
*/    display: block;
    max-width: 100%;
    height: auto;
}

.element-line {
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #7E7E7E;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.m-row {
    margin-top: 20px;
    /*margin-bottom: 40px;*/
}

    .m-row p {
        font-size: 15px;
        font-weight: 400;
        font-family: 'Libre Franklin';
    }

.col-hover {
    color: #000;
}

    .col-hover:hover {
        color: #707070;
    }

.col-f p {
    font-family: LibreFranklin-Medium;
}

.gp {
    gap: 50px;
}

@media (max-width: 1267px) {
    .gp {
        gap: 35px;
    }
}

@media (max-width: 1190px) {
    .gp {
        gap: 20px;
    }

    .m-row p {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .f-logo {
        width: 16.666%;
    }

    .elementor-co1-100 {
        width: 100%;
    }

    .img1 {
        width: 9.161%;
    }

    .img2 {
        width: 40.839%;
    }

    .img3 {
        width: 7.975%;
    }

    .img4 {
        width: 42.025%;
    }
}
/* END of  Gyms footer section css */

/* START of  Gyms footer section 2 css */
.p-rel {
    position: relative;
}

.f2-section {
    background-color: #000000;
}

.acc-head {
    font-weight: 700;
    line-height: 1;
    margin: 0;
    padding: 15px;
    cursor: pointer !important;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.acc-head-p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 0px;
    font-family: 'Libre Franklin';
    cursor: pointer !important;
    color: yellow;
}

.collapsed .acc-head-p {
    color: #fff;
}

.acc-head-p:hover {
    color: yellow;
    cursor: pointer !important;
}

.acc-body {
    font-weight: 600;
    line-height: 1;
    margin: 0;
    padding: 15px;
    cursor: pointer !important;
    outline: none;
}

    .acc-body p {
        font-size: 14px;
        color: #fff;
        font-family: 'Libre Franklin';
    }

        .acc-body p:hover {
            color: #1a7a44;
            cursor: pointer !important;
        }

.color-w {
    color: #fff;
}


.flx [data-toggle="collapse"]:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d8";
    transform: rotate(00deg);
    transition: all linear 0.25s;
    float: right;
    color: yellow;
}

[data-toggle="collapse"].collapsed:after {
    transform: rotate(90deg);
    color: #fff;
}

.img-sec-footer {
    padding: 0px 40px 0px 40px;
    padding-bottom: 10px;
    background-image: linear-gradient(360deg, #9D9E9B57 0%, #fff 100%);
    background-color: transparent;
}

.text-footer {
    font-size: 16px;
    color: #000;
    margin-top: 1rem;
}

.foot-img-google {
    margin-top: 1rem;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}

.bord-er {
    border-bottom: 1px solid #fff;
}

.border-footer {
    border-top: 1px solid #000;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    margin: auto;
    width: 60%;
}

.justify-content-space {
    justify-content: space-evenly;
}

.date-flex {
    justify-content: center;
    margin-top: 20px
}

.just-center {
    justify-content: center;
}

#bloc2:hover {
    color: #1a7a44;
    cursor: pointer !important;
}

/*#region CSS for header navbar */

.header-navbar-section .navbar-menu-section .navbar-expand-section {
    padding-right: 16px;
    padding-left: 16px;
}

    .header-navbar-section .navbar-menu-section .navbar-expand-section .navbar-logo .navbar-brand {
        max-width: 262px;
        width: 200px;
    }

    .header-navbar-section .navbar-menu-section .navbar-expand-section .navbar-logo {
        width: 23.525%;
    }

        .header-navbar-section .navbar-menu-section .navbar-expand-section .navbar-logo .navbar-brand .image-responsive {
            width: 100%;
        }

.header-navbar-section .navbar-collapse-section .dropdown-menu .dropdown-item {
    padding: 15px 20px !important;
    border-left: 8px solid transparent;
}

    .header-navbar-section .navbar-collapse-section .dropdown-menu .dropdown-item:not(:last-child) {
        border-bottom: 1px solid #C2BFBF4D;
    }

.header-navbar-section .navbar-collapse-section .dropdown-menu {
    min-width: auto !important;
    border: unset;
    border-radius: unset;
}

.header-navbar-section .navbar-menu-section .navbar-expand-section .navbar-collapse-section .navbar-nav-section li a {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 15px 12px;
    white-space: nowrap;
    font-family: Libre Franklin;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 16px;
    color: #272727 !important;
    gap: 7px;
}

    .header-navbar-section .navbar-menu-section .navbar-expand-section .navbar-collapse-section .navbar-nav-section li a:hover {
        color: #1a7a44 !important;
        background-color: #fff;
    }

.header-navbar-section .navbar-menu-section .navbar-expand-section .navbar-collapse-section .highlight-menu-option {
    color: #FA4092;
}

.header-navbar-section .navbar-collapse-section .navbar-button-section {
    width: 20.048%;
}

.header-navbar-section .navbar-collapse-section .navbar-nav-section {
    width: 72.889%
}

.blocks {
    display: flex;
    width: 100%;
}

.block {
    background-color: #1A7A44;
    height: 50px;
    width: 50%;
    width: calc(50% + 2rem);
    transition: ease-in-out;
    transition-duration: 0.3s;
}

.block--left {
    /*clip-path: polygon(0% 0%, 100% 0%, 87% 100%, 0% 100%);*/
    border-radius: 5px 0px 0px 5px;
    clip-path: polygon(0 0, 100% 0, calc(100% - 17px) 100%, 0% 100%);
}

    .block--left:hover, .block--left:focus {
        background-color: #000;
        transition: ease-in-out;
        transition-duration: 0.3s;
    }

.block--right {
    margin-left: -13px;
    /*clip-path: polygon(13% 0%, 100% 0%, 100% 100%, 0% 100%);*/
    border-radius: 0px 5px 5px 0px;
    clip-path: polygon(17px 0, 100% 0, 100% 100%, 0% 100%);
}

    .block--right:hover, .block--right:focus {
        background-color: #000;
        transition: ease-in-out;
        transition-duration: 0.3s;
    }

.header-navbar-section .navbar-collapse-section .navbar-button-section {
    width: 27.111%;
    margin-left: 15px;
}

.header-navbar-section .navbar-button-section .blocks .doule-btn {
    height: 50px;
    color: #FFF;
    font-family: "Libre Franklin", Sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.header-navbar-section .navbar-menu-section .nav-item-dropdown:hover > .dropdown-menu {
    display: block;
}

.header-navbar-section .dropdown-toggle::after {
    content: none;
}

body:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 70%);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    opacity: 1;
    visibility: hidden;
    z-index: 1;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-visible:before {
    visibility: visible;
}

.nav-color {
    /*background-image: linear-gradient(120deg, #E4E4E4 0%, #FFFFFF 100%);*/
}

.nav-pm {
    margin-left: 15px;
    margin-bottom: 10px;
}

    .nav-pm .navbar-font {
        font-size: 12px;
    }

@media (min-width: 1025px) {
    .header-navbar-section .navbar-menu-section .navbar-collapse-section.visible-lg {
        /*display: block !important;*/
    }

    .header-navbar-section .navbar-menu-section .navbar-collapse-section.visible-md {
        display: none !important;
    }

    .navbar-expand-lg .navbar-toggler {
        display: none;
    }

    .NavbarCollapseSection {
        display: none;
    }
}
/*@media (max-width: 1024px) {
    .expandnav
    {
        display:none;
    }
}*/

@media (max-width: 1024px) {
    .header-navbar-section .navbar-collapse-section {
        /*display: flex !important;*/
        height: 100%;
        overflow: auto;
    }

        .header-navbar-section .navbar-collapse-section .navbar-collapse-section-div {
            background-color: #FFF;
            padding: 30px 20px 15px 20px;
            width: 500px;
            height: auto;
        }

    .header-navbar-section .navbar-menu-section .navbar-collapse-section.visible-lg {
        display: none !important;
    }

    .header-navbar-section .navbar-menu-section .navbar-collapse-section.visible-md {
        /*display: block !important;*/
    }

    .header-navbar-section .navbar-menu-section .collapse:not(.show) {
        display: none !important;
    }

    .navbar-expand-lg .navbar-toggler {
        display: block;
    }

    .header-navbar-section .navbar-menu-section .navbar-expand-lg {
        justify-content: space-between;
    }

    .header-navbar-section .navbar-collapse {
        position: fixed;
        top: 0px;
        right: 0px;
        z-index: 1042;
    }

        .header-navbar-section .navbar-collapse.collapsing {
            right: -75%;
            transition: height 0s ease;
        }

        .header-navbar-section .navbar-collapse.show {
            right: 0;
            transition: right 300ms ease-in-out;
        }

    .header-navbar-section .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: right 500ms ease-in-out;
    }

    .header-navbar-section .visible-md .logo-close-section {
        gap: 15px;
    }

        .header-navbar-section .visible-md .logo-close-section .image-responsive {
            width: 43.3%;
        }

        .header-navbar-section .visible-md .logo-close-section .close-icon {
            font-size: 40px;
            color: #333333;
            cursor: pointer !important;
        }

    .header-navbar-section .visible-md .navbar-button-section {
        margin: 45px 0px 20px 0px !important;
    }

    .header-navbar-section .visible-md .nav-item-dropdown-section {
        padding: 0px;
    }

    .header-navbar-section .visible-md .nav-link-dropdown-toggle {
        padding: 20px 10px !important;
        gap: 7px;
        font-family: Libre Franklin;
        font-weight: 600;
        text-transform: capitalize;
        font-size: 17px;
        color: #272727;
    }

        .header-navbar-section .visible-md .nav-link-dropdown-toggle:hover {
            color: #1A7A44 !important;
        }

    .header-navbar-section .visible-md .location-search-view-section .view-location {
        gap: 12px;
    }

    .header-navbar-section .visible-md .location-search-view-section .view-location-text {
        font-size: 20px;
        font-family: LibreFranklin-Bold;
        color: #fff;
    }

    .header-navbar-section .visible-md .location-search-view-section .location-mark-icon .mark-icon {
        color: #f1f967;
        font-size: 14px;
    }

    .header-navbar-section .visible-md .location-search-view-section {
        background-image: url('../images/blackbox_mobile.png');
        background-position: center right;
        background-repeat: no-repeat;
        background-size: cover;
        color: white;
        margin: 70px -20px 0px -20px;
        padding: 80px 80px 116px 80px;
    }

        .header-navbar-section .visible-md .location-search-view-section .search-loacation i {
            font-size: 20px;
        }

        .header-navbar-section .visible-md .location-search-view-section .location-border {
            border: 1px solid #FFF;
            margin: 35px 0px 45px 0px;
        }

    .header-navbar-section .visible-md .navbar-nav-section {
        flex-direction: column;
    }

    .header-navbar-section .navbar-collapse-section .dropdown-menu .dropdown-item {
        padding: 20px 10px !important;
    }

        .header-navbar-section .navbar-collapse-section .dropdown-menu .dropdown-item:not(:last-child) {
            border-bottom: unset;
        }

    .header-navbar-section .navbar-menu-section .visible-md .navbar-nav .dropdown-menu {
        position: static;
    }

    .overflow-hidden .fixed-top {
        z-index: -1;
    }

    .NavbarCollapseSection .navbar-collapse-section .dropdown-menu .dropdown-item {
        color: #000;
        font-weight: 600;
    }

        .NavbarCollapseSection .navbar-collapse-section .dropdown-menu .dropdown-item:hover, .NavbarCollapseSection .navbar-collapse-section .dropdown-menu .dropdown-item:focus {
            background: none;
            color: #1a7a44;
        }
}

/*#endregion*/
@media (max-width: 1024px) {
    .f2-p {
        padding: 40px 20px 180px 20px;
    }
}

@media (max-width: 768px) {
    .border-footer {
        width: 80%;
    }
}

@media (max-width: 500px) {
    .border-footer {
        width: 100%;
    }

    .elementor-social-icon {
        font-size: 17px;
    }

    .img-tiktok {
        height: 20px;
        width: 20px;
    }

    .elementor-grid {
        word-spacing: 20px;
    }

    .header-navbar-section .navbar-collapse-section .navbar-collapse-section-div {
        width: 100%;
    }
}

@media (max-width: 375px) {
    .elementor-grid {
        word-spacing: 12px;
    }

    .header-navbar-section .navbar-menu-section .navbar-expand-section .navbar-logo .navbar-brand {
        width: 150px;
    }
}

@media (max-width: 768px) {
    .set--width {
        /*-ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;*/
    }
}

@media (max-width: 767px) {
    .header-navbar-section .visible-md .location-search-view-section {
        padding: 50px 50px 50px 50px;
    }

        .header-navbar-section .visible-md .location-search-view-section .view-location-text {
            font-size: 16px;
        }

    .header-navbar-section .visible-md .logo-close-section .image-responsive {
        width: 52.3%;
    }

    .flip4 a {
        font-size: 14px;
    }
}
/* ENheadline-fontD of  Gyms footer section 2 css */
/* START of Gyms header section css */
.navbar-first {
    padding: 25px 20px 12px 20px;
    gap: 50px;
}

.nav-first-gym {
    gap: 10px;
}

.nav-first-location {
    gap: 10px;
}

.nav-first-login {
    gap: 20px;
}

.navbar-font {
    font-family: LibreFranklin-Medium;
    font-size: 14px;
    font-weight: 500;
    color: #636363;
}

.navbar-font-link {
    color: #636363;
    cursor: pointer !important;
}

    .navbar-font-link:hover, .navbar-font-link:focus {
        color: #636363;
        cursor: pointer !important;
    }

.separator {
    border-top: 1px solid #c2c1c1;
    width: 77%;
    margin: 0 auto;
    margin-right: 15px;
}

.login-modal {
    cursor: pointer !important;
}
/*Login-Right-Modal*/
.modal.right {
    position: fixed;
    z-index: 99999;
}

    .modal.right .modal-dialog {
        position: fixed;
        margin: auto;
        width: 320px;
        top: 10%;
        height: 80%;
        -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
        box-shadow: -2px 0px 4px 0px rgb(0 0 0 / 15%);
    }

.modal-backdrop {
    background-color: unset;
}

.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.right .modal-body {
    padding: 0px 30px 30px 30px;
}

.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 1.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 1.3s ease-out;
    -o-transition: opacity 0.3s linear, right 1.3s ease-out;
    transition: opacity 0.3s linear, right 1.3s ease-out;
}

/*.modal.right.fade.in .modal-dialog {
    right: 0;
}*/
.modal.right.fade.show .modal-dialog {
    right: 0;
}

.modal.right.fade:not(.show) .modal-dialog {
    -webkit-transition: opacity 0.3s linear, right 1.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 1.3s ease-out;
    -o-transition: opacity 0.3s linear, right 1.3s ease-out;
    transition: opacity 0.3s linear, right 1.3s ease-out;
}
/* ----- MODAL STYLE ----- */
.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header {
    border-radius: 0;
    border: 0;
    padding: 10px 20px 10px 10px;
}

#LoginModalRightSide .close {
    font-size: 4rem;
    font-weight: 100;
    color: #181818;
}

.login-link {
    color: #272727;
    font-family: LibreFranklin-Medium;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer !important;
}

    .login-link:hover, .login-link:focus {
        color: #1a7a44;
        cursor: pointer !important;
    }
/* ----- ANIMATION STYLE ----- */
.mfp-bg {
    background-color: rgba(0,0,0);
    padding-bottom: 100%;
    /*border-radius: 100%;*/
    overflow: hidden;
    -webkit-animation: menu-animation .5s ease-out forwards;
    animation: menu-animation .5s ease-out forwards;
    opacity: .8;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    position: fixed;
    margin-top: 0;
    margin-left: 0;
    /*background: #0b0b0b;*/
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden;
    overflow: hidden auto;
    margin-top: 0;
    margin-left: 0;
}

.cl-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    height: 45px;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    color: #fff;
    font-size: 28px;
    margin: 20px;
    background: #000;
    /*display:flex;
    align-items:center;
    text-align:center;*/
}

    .cl-btn:hover {
    }

    .cl-btn span {
        /* position: absolute;
        top: 8px;
        right: 12px;*/
    }

        .cl-btn span:hover {
        }

.hidden {
    display: none;
}

.input-txt {
    /*margin: auto;*/
    /* height: 100%; */
    /* width: 100%; */
    display: flex;
    /*padding: 15%;*/
    justify-content: center;
}

.ekit_search-field {
    position: absolute;
    height: 70px;
    background-color: transparent;
    border-radius: 50px;
    border: 2px solid #fff;
    color: #fff;
    padding: 0 30px;
    width: 50%;
}

.ekit_search-button {
    position: absolute;
    background-color: transparent;
    color: #fff;
    /*position: fixed;*/
    right: 26%;
    cursor: pointer !important;
    border: 0;
    /*top: 45.5%;*/
    margin-top: 24px;
    /*width: 48%;*/
    /*text-align: end;*/
    /*margin-right: 50px;*/
    /* -webkit-transform: translateY(-50%); */
    /* transform: translateY(-50%); */
    /* height: 60px; */
    /* width: 60px; */
    font-size: 18px;
    border-radius: 0 50px 50px 0;
}

.mag-glass:hover {
    color: #1a7a44;
    cursor: pointer !important;
}

.gym-section {
    padding-top: 141px;
}

@media (max-width: 1024px) {
    .gym-section {
        padding-top: 109px;
    }
}

@media (max-width: 610px) {
    .gym-section {
        padding-top: 117px;
    }
}

.setscrollcss {
    position: static;
    transform: none;
}

.NavbarCollapseSection .dropdown-menu.show {
    position: static !important;
    transform: none !important;
}

.back-color-white {
    background: #fff;
}

.m-d.show {
    display: none;
}

.ekit_search-field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

.ekit_search-field:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

.ekit_search-field::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}
/* END of  Gyms header section css */

.btn-default-translator {
    background-color: white;
    border: 2px solid var(--light-green-color);
    color: var(--light-green-color);
    font-size: 16px;
    /* border-radius: 7px; */
    padding: 8px 13px;
    transition: transform .2s;
    z-index: 99;
}
.btn-primary-translator {
    background: #1b7a43;
    border-color: #1b7a43;
    color: #ffffff;
    font-size: 16px;
    /* border-radius: 7px; */
    padding: 8px 13px;
    transition: transform .2s;
    z-index: 99;
    border-right: 0;
    /* border: none;*/
}
.blocks {
    display: flex;
    width: 100%;
}
.block {
    background-color: #1A7A44;
    height: 50px;
    width: 50%;
    /*width: calc(50% + 2rem);*/
    transition: ease-in-out;
    transition-duration: 0.3s;
}
span.button-one-text {
    height: 50px;
    color: #FFF;
    font-family: "Libre Franklin", Sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    /* padding-top: 14px;*/
    text-align: center;
    padding: 14px 30px 10px 30px;
}
.block--left {
    /* clip-path: polygon(0% 0%, 100% 0%, 87% 100%, 0% 100%); */
    border-radius: 5px 0px 0px 5px;
    clip-path: polygon(0 0, 100% 0, calc(100% - 17px) 100%, 0% 100%);
    /* line-height: 1.0rem !important;*/
}
.block--right {
    margin-left: -13px;
    /* clip-path: polygon(13% 0%, 100% 0%, 100% 100%, 0% 100%); */
    border-radius: 0px 5px 5px 0px;
    clip-path: polygon(17px 0, 100% 0, 100% 100%, 0% 100%);
    /*line-height: 1.0rem !important;*/
}
.navbar-button-section{
    width : 15%;
}
.ml-100 {
    margin-left: 100px;
}
.mr-10 {
    padding-right: 10px;
}
.navflex {
    display: flex;
}
.navcontain {
    display: contents;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        justify-content: space-between;
    }
}

@media (max-width: 1154px)  and (min-width: 991px) {
    .navbar-expand-lg .navbar-toggler {
        display: none !important;
    }
}

@media (max-width: 1329px)  {
    nav.navbar > div > div > ul > li > a {
        padding: 10px 0;
        padding-right: 5px !important;
        font-size: 14px;
    }
}

@media (max-width: 1310px) {
    nav .navbar > div > div > ul > li > a {
        font-size: 14px;
        padding-right: 5px !important
    }
}

@media (max-width: 1413px){
    .ml-100 {
        margin-left:20px !important;
    }
}

@media (max-width: 478px) {
    .navflex {
        display: unset !important;
    }
    .blocks {
        margin-bottom: 10px;
    }
}


.navbar-nav {
    flex-wrap: wrap;
}

.filter_custom {
    padding: 13px 20px;
    border: 2px solid var(--light-green-color);
    border-radius: 50px !important;
    color: white;
    background-color: #1a7a44;
    font-weight: 600 !important;
}

.Btnactive {
    background: #1b7a43 !important;
    border-color: #1b7a43;
    color: #ffffff !important;
    font-size: 16px;
    padding: 8px 13px;
    transition: transform .2s;
    z-index: 99;
    border-right: 0;
}

.btn-default-translator {
    background-color: white;
    border: 2px solid var(--light-green-color);
    color: var(--light-green-color);
    font-size: 16px;
    padding: 8px 13px;
    transition: transform .2s;
    z-index: 99;
}

iframe#\:1\.container {
    visibility: hidden !important;
}

div#goog-gt- {
    visibility: hidden !important;
}

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-l4eHX {
    visibility: hidden !important;
}

.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc {
    visibility: hidden !important;
    display: none !important;
}

.joinbtn {
    white-space: nowrap;
    overflow: hidden;
}

@media (max-width:1357px ) and (min-width: 992px) {

    .doule-btn span.button-one-text {
        /*font-size: 10px;*/
    }
}
/*===============banner============================*/
.marginR {
    /*margin-left: 3px;
    margin-right: 55px;*/
}
.popularbtn {
    display: flex;
   /* flex-wrap: wrap;*/
    justify-content: left;
    /* gap: 15px; */
    padding-left: 73px;
}
.downstroke {
    stroke: #ee4492;
    stroke-width: 30px;
    fill: none;
    opacity: 0;
    stroke-dasharray: 0 1500;
    transition: .3s;
}
.headbtn {
    padding: 24px 12px;
    background-color: #f1f967;
    font-weight: 700 !important;
    font-size: 32px;
    text-align: center;
}
.Mobileheadbtn {
    padding: 24px 20px;
    background-color: #f1f967;
    font-weight: 600 !important;
    font-size: 34px;
    text-align: center;
}
.BagBtn {
    background: #F0F0F0;
    max-width: calc(25.33% - -49px);
    padding-top:10px;
}
.membershipTypecss {
    text-align: center;
    padding-top: 35px;
    margin-bottom: -19px;
    color: #272727 !important;
}
.marginR .col .col-lg-3 {
    padding-top: 15px;
    padding-bottom: 15px;
}
.h1dollersign {
    font-size: 86px;
}

.planFeesPricisionValue {
    font-size: 88px;
}

.planFeesScaleValue {
    margin-top: 12px;
    padding-bottom: 0px !important;
    font-size: 49px;
    margin-bottom: 0px;
}

.monthlytax {
    font-size: 9px;
}

.membershipinitiationFee {
    margin-left: 10px;
    color: #272727 !important;
}

.Enrollment {
    margin-left: 5px;
    color: #272727 !important;
}

.h1dollerh3 {
    color: #272727 !important;
}

/*@media (min-width: 1500px) {
    .container {
        max-width: 1400px !important;
    }
    
}*/

/*@media (min-width: 768px)  {
    .container {
        max-width: 836px !important;
    }
}*/
@media (min-width: 991px) and (max-width: 1201px) {
    /*.maindiv {
        margin-top: 18px;
    }*/

    .h1dollersign {
        font-size: 60px;
    }

    .planFeesPricisionValue {
        font-size: 60px;
    }

    .planFeesScaleValue {
        margin-top: 8px;
        padding-bottom: 0px !important;
        font-size: 24px;
        margin-bottom: 0px;
        padding-right: 26px;
    }

    .monthlytax {
        font-size: 8px;
    }

    /* .planFeesScaleValue {
        padding-right: 26px;
    }*/

    .h1dollerh3 {
        font-size: 20px;
        color: #272727 !important;
    }

    .membershipinitiationFee {
        font-size: 16px;
    }

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

    @media (min-width: 766px) and (max-width: 991px) {
        .maindiv {
            margin-top: 18px;
        }
        .slash {
            transform: skew(-45deg) translate(-2px, 9px) !important;
        }

        .planFeesPricisionValue {
            font-size: 50px;
        }

        .planFeesScaleValue {
            margin-top: 8px;
            padding-bottom: 0px !important;
            font-size: 24px;
            margin-bottom: 0px;
            padding-right: 26px;
        }

        .monthlytax {
            font-size: 6px;
        }

        .h1dollersign {
            font-size: 52px;
        }

        .h1dollerh3 {
            font-size: 16px;
            color: #272727 !important;
        }

        .membershipinitiationFee {
            font-size: 16px;
        }

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

    @media (max-width: 333px) {
        .h1dollersign {
            font-size: 80px;
        }

        .planFeesPricisionValue {
            font-size: 81px;
        }

        .planFeesScaleValue {
            margin-top: 12px;
            padding-bottom: 0px !important;
            font-size: 40px;
            margin-bottom: 0px;
        }

        .monthlytax {
            font-size: 7px;
        }
    }



    /*.slash:before {
    margin-left: 10px;
    color: #42603c;
    position: absolute;
    content: "\002F";*/
    /* text-align: center; */
    /*height: 102px;
}*/

    .slash {
        position: absolute;
        margin-top: -8px;
        color: #42603c;
        height: 25px;
        width: 0px;
        transform: skew(-45deg) translate(5px, 8px);
        border: solid 2px #42603c;
        display: inline-block;
        color: #42603c;
        margin-left: 19px;
    }

    @media (max-width: 1024px) {
        .gym-div .navbar-expand-lg .navbar-toggler {
            display: block !important;
        }
    }

    @media (min-width: 1025px) and (max-width:1357px ) {
        .gym-section .banner-mt {
            margin-top: 3rem !important;
        }

        .free-pass span.button-one-text {
            padding-top: 14px !important;
            padding: unset;
        }
    }

    @media (min-width: 767px) {
        .bannersize {
            margin-top: 25px;
        }
    }

    @media (max-width:766px) {
        .bannersize {
            margin-top: 26px;
        }
    }



    .plan-content-btn-new {
        padding: 8px 45px !important;
        background-color: #1b7a43;
        color: white;
        border: 2px solid #1b7a43;
        font-size: 17px !important;
        border-radius: 10px !important;
    }


    .tr-data {
        font-weight: bold;
        font-size: 17px;
        text-align: center;
    }

    .tr-back-color {
        background-color: #DAF7E9;
        font-size: 17px;
    }

    .tr-check-class {
        color: #E962AE;
    }

    /*===================plan Details view==============================*/
    .MPtitle {
        float: left;
        padding-left: 15px;
    }

    .MPdata {
        float: right;
        padding-right: 15px;
    }

    .font20 {
        font-size: 20px
    }

    .th_tile {
        width: 15%;
        color: white;
        font-weight: bold;
        font-size: 17px;
        text-align: center;
    }
.white {
    background-color: white;
}
  /*  @media (min-width: 426px) {
        .tablecontain {
            display: none;
        }
    }*/

    @media (max-width: 425px) {
        .deskfeature {
            display: none;
        }
    }

    .Starplan {
        font-size: 22px;
        margin-top: -6px;
        position: absolute;
    }


    @media (min-width: 991px) and (max-width: 1201px) {
        /*.maindiv {
        margin-top: 18px;
    }*/

        .h1dollersign {
            font-size: 60px;
        }

        .planFeesPricisionValue {
            font-size: 60px;
        }

        .planFeesScaleValue {
            margin-top: 8px;
            padding-bottom: 0px !important;
            font-size: 24px;
            margin-bottom: 0px;
            padding-right: 26px;
        }

        .monthlytax {
            font-size: 8px;
        }

        /* .planFeesScaleValue {
        padding-right: 26px;
    }*/

        .h1dollerh3 {
            font-size: 20px;
            color: #272727 !important;
        }

        .membershipinitiationFee {
            font-size: 16px;
        }

        .Enrollment {
            font-size: 16px;
        }
        .popularbtn {
            padding-left: 67px;
        }
    }

.BtnOndemand {
    padding-top: 16px;
    background-color: #1b7a43;
    color: white;
    border: 2px solid #1b7a43;
    font-size: 16px !important;
    border-radius: 10px !important;
    float: right;
    margin-right: 26px;
}


/*@media (min-width:768px) {
    .headbtn {
        font-size: 18px;
    }
    
}*/

@media (min-width:991px) and (max-width:1199px) {
    .headbtn {
        font-size: 25px;
    }
}
@media (min-width:1200px)  {
    .marginR {
        margin-left: 0px;
        margin-right: 0px;
    }
}



@media (max-width: 991px) and (min-width: 766px) {
    .BagBtn {
        max-width: calc(25.33% - -38px);
    }
    .headbtn {
        font-size: 19px;
        padding: 17px 21px;
    }
    .popularbtn {
        padding-left: 36px;
    }
    .margin-top-20 {
        margin-top: 13px;
    }
}
@media (max-width: 765px)  {
    .plan-content {
        max-width: calc(100% - 25px);
    }

    .marginR {
        margin-left: 0px !important;
        margin-right: 0px !important;
      
    }

    .xs-show-progresslist {
        display: none;
    }
    .NonOndemand {
        display: none;
    }
    .popularbtn {
        padding-left: 12px;
    }
    .BagBtn {
        max-width: unset;
    }
    .deskfeature {
        display: none;
    }
    
}
@media (min-width: 765px) {
    .tablecontain {
        display: none;
    }
}

.dis_contain
{
    display:contents;
}

.head-secs {
     margin: 0px 20px 20px 20px; 
    background-color: #fff;
}



.paymentsvg svg {
    vertical-align: middle;
    position: relative;
    top: 50%;
    left: 50%;
    width: calc(100% + 20px);
    /* height: calc(100% + 20px); */
    transform: translate(-115%,-36%);
    overflow: visible !important;
    stroke: #ee4492;
    stroke-width: 29px;
    fill: none;
    width: 40%;
}

.btnPayment_prev {
    background: #8b8b8b;
    box-shadow: none;
    color: #fff;
}
.btnPayment_action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 162px;
    min-height: 40px;
    border-radius: 8px;
    padding: 0px 28px;
    border: none;
    cursor: pointer;
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0px 10px;
    transition: all .3s ease;
}
.Payflex {
    flex: 0 0 62.66%;
}
.mb_9
{
    margin-bottom:9px;
}

.bkcolor {
    background-color: #F0F0F0
}

.bkcolor .table thead th {
    vertical-align: middle !important;
}
.table_height {
    height: 64px;
    background-color: #1b7a43;
}

.font17{
    font-size:17px
}

.table-p {
    font-weight: bold; 
    font-size: 17px;
}
@media (max-width: 375px) {
        .th_tile {
            font-size: 13px !important;
        }
    .table-p {
        font-size: 13px !important;
    }
    .tr-data {
        font-size: 12px !important;
    }
    .font17 {
        font-size: 13px !important;
    }
}


.short-text {
    display: none;
}

@media (max-width: 425px) {
    .short-text {
        display: inline-block;
       /* margin-top: 22px;*/
    }

    .full-text {
        display: none;
    }
}
/*@media (max-width: 768px) {
    #GymsSection .mt-5, .my-5 {
        margin-top: 0rem !important;
    }
}*/
.bannerContant {
    margin-top: 24px;
}
.Closest {
    margin-left: 30px;
    text-transform: uppercase;
}
.Gym {
    margin-left: 55px;
    text-transform: uppercase;
}
@media (max-width: 844px) {
    .Closest {
        margin-left: 30px;
        text-transform: uppercase;
    }

    .Gym {
        margin-left: 56px;
        text-transform: uppercase;
    }
    /* .ClosestGym {
        margin-top: 4px !important;
    }*/
}

.ClosestGym {
    margin-top: 0.5rem;
}
.hidecontin {
    position: absolute;
    bottom: 10px;
    right: 34%;
}