/*--------------------- Copyright (c) 2020 ----------------------- 
[Master Stylesheet] 
Project: Multifarious GYM
Version: 1.0.0 
Author: Kamleshyadav
 ------------------------------------------------------------------- 
[Table of contents] 
	1. Global CSS Start
	2. Comman CSS Start
    3. Preloader CSS Start
    4. Header CSS Start
    5. Banner CSS Start
    6. Call To Action CSS Start
    7. Service CSS Start
    8. About CSS Start
    9. Time Table CSS Start
    10. Classes Slider CSS Start
    11. Calculator CSS Start
    12. Testimonial Start
    13. Gallery CSS Start
    14. Product CSS Start
    15. Partners CSS Start
    16. Footer CSS Start
    17. About Page
    18. Top Services Page
    19. Online Class
    20. Services Detail Page
    21. Project Gallery Page
    22. Contact Page
    23. Blog Page 
    24. Filter Team Gallery
    25. Responsive CSS Start
-------------------------------------------------------------------*/


/********************************************************
    1. Global CSS Start
********************************************************/

body {
    color: var(--main-gym-text);
    background: var(--main-bg-color);
}

a,
a:hover,
a:focus {
    color: var(--main-link-color);
}


/********************************************************
    2. Comman CSS Start
********************************************************/

.gym_btn {
    min-width: 170px;
    padding: 0 30px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    text-align: center;
    color: var(--main-gym-color1);
    background: var(--main-bg-color);
    border-radius: 50px;
    text-transform: uppercase;
    box-shadow: 0 0 10px -1px rgba(253, 92, 127, 0.76);
    letter-spacing: 2px;
    font-size: 14px;
    cursor: pointer;
    background-size: 200% auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.gym_btn:hover {
    background-position: right center;
    color: var(--main-gym-color1);
}

.btn_1,
.btn_1:focus {
    background-image: linear-gradient(to right, var(--main-gym-color1) 0%, var(--main-gym-color2) 51%, var(--main-gym-color1) 100%);
    color: var(--main-bg-color);
}

.btn_1:hover {
    color: var(--main-bg-color);
}

.gym_border_icon {
    margin-bottom: 26px;
}

.gym_heading {
    width: 100%;
    margin: 0 auto 41px;
}

.gym_heading h2 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    color: var(--main-link-color);
    margin: auto;
}

.gym_heading img {
    margin: 5px 0 10px;
}

.nice-select .list {
    width: 100%;
}

a#scroll {
    background: linear-gradient(141deg, rgba(246, 70, 108, 1) 50%, rgba(255, 97, 131, 1) 100%);
    color: var(--main-bg-color);
}


/********************************************************
    3. Preloader CSS Start
********************************************************/

.preloader_active .preloader_holder {
    background-color: var(--main-bg-color);
}

.preloader_active .preloader_holder .preloader span {
    box-shadow: 0px 0px 0px 0px var(--main-gym-color3);
}

@-webkit-keyframes loadingCircles {
    0% {
        -webkit-transform: scale(0);
        opacity: 1;
        box-shadow: 0px 0px 0px 10px var(--main-gym-color3);
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
        box-shadow: 0px 0px 0px 2px var(--main-gym-color3);
    }
}

@-moz-keyframes loadingCircles {
    0% {
        -moz-transform: scale(0);
        opacity: 1;
        box-shadow: 0px 0px 0px 10px var(--main-gym-color3);
    }
    100% {
        -moz-transform: scale(1);
        opacity: 0;
        box-shadow: 0px 0px 0px 2px var(--main-gym-color3);
    }
}

@keyframes loadingCircles {
    0% {
        transform: scale(0);
        opacity: 1;
        box-shadow: 0px 0px 0px 10px var(--main-gym-color3);
    }
    100% {
        transform: scale(1);
        opacity: 0;
        box-shadow: 0px 0px 0px 2px var(--main-gym-color3);
    }
}

.preloader_open:before,
.preloader_open:after {
    background-color: var(--main-bg-color);
}


/********************************************************
    4. Header CSS Start
********************************************************/

.gym_header_wrapper {
    padding: 15px 0;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 3;
}

.main_menu_wrapper,
.gym_search_cart,
.main_menu_wrapper>ul>li,
.gym_search_cart>ul>li {
    display: inline-block;
}

.main_menu_wrapper>ul>li>a {
    color: var(--main-link-color);
    margin: 0 18px;
    text-transform: capitalize;
    position: relative;
}

.main_menu_wrapper>ul>li>a:after {
    position: absolute;
    content: "";
    border-top: solid 5px transparent;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
    border-bottom: solid 5px var(--main-gym-color3);
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 10px;
    opacity: 0;
    visibility: hidden;
}

.main_menu_wrapper>ul>li>a:before {
    position: absolute;
    content: "";
    height: 4px;
    background: var(--main-gym-color3);
    background: linear-gradient(141deg, rgba(246, 70, 108, 1) 50%, rgba(255, 97, 131, 1) 100%);
    margin: auto;
    left: 20px;
    right: 20px;
    bottom: -3px;
    opacity: 0;
    visibility: hidden;
}

.main_menu_wrapper>ul>li>a,
.main_menu_wrapper>ul>li>a:after,
.main_menu_wrapper>ul>li>a:before,
.main_menu_wrapper>ul>li:hover>a:after,
.main_menu_wrapper>ul>li:hover>a:before {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

ul.sub_menu li:hover a {
    color: var(--main-gym-color3);
}

.gym_search_cart>ul>li>a {
    color: var(--main-gym-color3);
}

.gym_search_cart>ul>li>a>svg {
    width: 16px;
    height: 16px;
    fill: var(--main-gym-color3);
    margin: 0 6px 0 16px;
}

.gym_search_cart>ul>li>a>span {
    color: var(--main-link-color);
}

.searchBox {
    z-index: 999;
}

.gym_cart_box {
    position: absolute;
    top: 40px;
    right: 0;
    background-color: var(--main-bg-color);
    padding: 30px 20px 28px;
    min-width: 300px;
    opacity: 0;
    visibility: hidden;
    border: none;
    box-shadow: 0px 6px 20px 0 rgba(0, 0, 0, 0.06);
    z-index: 2;
}

.gym_cart_box:after {
    position: absolute;
    content: "";
    right: 25px;
    top: -8px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 8px solid var(--main-gym-color3);
}

.gym_cart_box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: var(--main-gym-color3);
    background: linear-gradient(141deg, rgba(246, 70, 108, 1) 50%, rgba(255, 97, 131, 1) 100%);
    height: 4px;
}

.gym_cart_open.show .gym_cart_box {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0px);
}

.gym_cart_box,
.gym_cart_open.show .gym_cart_box {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.gym_cart_flex {
    display: flex;
    align-items: center;
    text-align: left;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--main-gym-border);
    padding-bottom: 20px;
}

.cart_one {
    width: calc(100% - 40px);
    position: relative;
    padding: 0 0 0 30px;
}

.cart_two {
    width: 40px;
    height: auto;
}

.cart_two img {
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.cart_one a {
    position: absolute;
    top: 2px;
    left: 0;
    color: var(--main-bg-color);
    background-color: var(--main-gym-color3);
    font-weight: 700;
    font-size: 14px;
    width: 15px;
    height: 15px;
    border-radius: 100px;
    text-align: center;
    line-height: 15px;
}

.cart_one h4 {
    font-size: 16px;
    color: var(--main-link-color);
}

.cart_one span {
    color: var(--main-gym-color3);
}

.gym_cart_btn2 {
    text-align: center;
}

.gym_cart_btn2>ul>li {
    display: inline-block;
}

.gym_cart_btn2 p {
    text-transform: capitalize;
    color: var(--main-link-color);
    font-size: 20px;
    margin-bottom: 19px;
    font-weight: 700;
}

.gym_cart_btn2>ul>li>a {
    min-width: 100px;
    height: 40px;
    line-height: 40px;
    letter-spacing: 1px;
    padding: 0 10px;
    text-transform: capitalize;
    margin-right: 5px;
}

.fixed_header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: white;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    box-shadow: 0 14px 28px rgb(0 0 0 / 12%), 0 10px 10px rgb(0 0 0 / 2%);
}


/********************************************************
    5. Banner CSS Start
********************************************************/

.gym_banner_wrapper {
    /* background-image: url(../images/banner_shape.png); */
    background-position: top center;
    width: 100%;
    position: relative;
    padding: 100px 0 0 0;
    background-repeat: no-repeat;
}

.gym_banner_text h3 {
    font-size: 24px;
    text-transform: uppercase;
    color: var(--main-gym-color1);
    letter-spacing: 4px;
    font-weight: 400;
    line-height: 22px;
}

.gym_banner_text h2 {
    text-transform: uppercase;
    font-size: 72px;
    font-weight: 700;
    color: var(--main-link-color);
    margin-bottom: 16px;
    line-height: 82px;
}

.gym_video_btn ul {
    display: flex;
}

.gym_video_btn>ul>li {
    display: flex;
    align-items: center;
}

.gym_video_btn svg {
    width: 18px;
    fill: var(--main-bg-color);
}

.video_play {
    width: 65px;
    height: 65px;
    line-height: 65px;
    display: inline-block;
    background-image: linear-gradient(141deg, rgba(246, 70, 108, 1) 50%, rgba(255, 97, 131, 1) 100%);
    border-radius: 100%;
    text-align: center;
    margin-left: 30px;
    animation: shadow-pulse 2s infinite;
}

@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(252, 89, 124, 0.2);
    }
    100% {
        box-shadow: 0 0 0 25px rgba(252, 89, 124, 0);
    }
}

@keyframes shadow-pulse-big {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
    }
    100% {
        box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);
    }
}

.gym_video_btn h4 {
    font-size: 22px;
    color: var(--main-link-color);
    text-transform: uppercase;
    margin-left: 16px;
}

.gym_video_btn span {
    font-size: 16px;
    font-weight: 400;
    color: var(--main-gym-text);
    text-transform: none;
}

.gym_banner_title {
    position: absolute;
    top: 30px;
    right: 20px;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -1;
    font-size: 316px;
    text-transform: uppercase;
    color: var(--main-gym-light);
    font-weight: 700;
}

img.gym_girl {
    position: relative;
    z-index: 0;
    left: -50px;
    margin-top: 15px;
}

.gym_btm_icon {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    bottom: 50px;
}

.gym_btm_icon a {
    display: flex;
    justify-content: center;
}

.gym_btm_icon p {
    position: relative;
    text-transform: capitalize;
    color: var(--main-link-color);
}

.gym_btm_icon a img {
    position: absolute;
    animation: top_btm 2s infinite alternate;
}

@-webkit-keyframes LeftRight {
    0% {
        -webkit-transform: translateX(50px);
        -moz-transform: translateX(50px);
        -ms-transform: translateX(50px);
        -o-transform: translateX(50px);
        transform: translateX(50px);
    }
    100% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@-moz-keyframes LeftRight {
    0% {
        -webkit-transform: translateX(40px);
        -moz-transform: translateX(40px);
        -ms-transform: translateX(40px);
        -o-transform: translateX(40px);
        transform: translateX(40px);
    }
    100% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes LeftRight {
    0% {
        -webkit-transform: translateX(40px);
        -moz-transform: translateX(40px);
        -ms-transform: translateX(40px);
        -o-transform: translateX(40px);
        transform: translateX(40px);
    }
    100% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes top_btm {
    0% {
        top: 30px;
    }
    100% {
        top: 40px;
    }
}

.gym_btm_icon svg {
    position: absolute;
    top: -32px;
    left: 0;
    right: 0;
    margin: auto;
}

.gym_banner_text {
    margin: 0 0 140px 0;
    position: relative;
    z-index: 1;
}

img.shap_icon {
    position: absolute;
    bottom: -26px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}


/********************************************************
    6. Call To Action CSS Start
********************************************************/

.gym_open_hours,
.gym_open_hours_img,
.gym_open_hours_img img {
    min-height: 445px;
    width: 100%;
}

.gym_open_hours_img img {
    object-fit: cover;
}

.gym_open_hours {
    text-align: center;
    background: var(--main-gym-color3);
    background: linear-gradient(141deg, rgba(246, 70, 108, 1) 50%, rgba(255, 97, 131, 1) 100%);
    padding: 80px 50px 0;
    position: relative;
}

.gym_open_hours h2 {
    font-size: 38px;
    font-weight: 700;
    color: var(--main-bg-color);
    text-transform: uppercase;
    padding: 12px 0 3px;
}

.gym_open_hours p {
    color: var(--main-bg-color);
    font-size: 22px;
    margin-bottom: 15px;
}

.gym_open_hours p:last-of-type {
    margin-bottom: 0;
}


/********************************************************
    7. Service CSS Start
********************************************************/

.gym_services_section {
    background-color: var(--main-bg-color);
    padding: 72px 0 50px;
    text-align: center;
}

.gym_services_section .gym_heading {
    margin-bottom: 21px;
}

.gym_services {
    padding: 20px 30px 11px;
    margin-bottom: 9px;
}

.gym_services:hover {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
}

.gym_services,
.gym_services:hover {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.gym_services h4 {
    color: var(--main-link-color);
    font-size: 24px;
    margin: 28px 0 10px;
}


/********************************************************
    8. About CSS Start
********************************************************/

.gym_about_section {
    background-image: url(../images/about_bg.png);
    padding: 80px 0 0;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.gym_about_section:before {
    content: "";
    background: rgba(237, 240, 245, 0.96);
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

.gym_about_detail h4,
.gym_choose_detail h4 {
    font-size: 24px;
    color: var(--main-gym-color1);
    border-left: solid 5px;
    padding-left: 15px;
    text-transform: uppercase;
    margin-bottom: 6px;
    font-weight: 400;
    letter-spacing: 3px;
}

.gym_about_detail h2,
.gym_choose_detail h2 {
    font-size: 42px;
    color: var(--main-link-color);
    font-weight: 700;
    width: 380px;
}

.gym_about_detail p {
    margin: 11px 0 24px;
}

.gym_about_text h2 {
    font-size: 32px;
    color: var(--main-link-color);
}

.gym_about_text>ul {
    margin: 8px 0 22px;
}

.gym_about_text>ul>li {
    display: inline-flex;
    margin-right: 30px;
}

.gym_about_text>ul>li:last-of-type {
    margin: 0px;
}

.int_count2_box h2 {
    color: var(--main-gym-color1);
    font-size: 38px;
    background-image: url(../images/o_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 0 13px;
    margin-bottom: 4px;
    text-align: center;
}

.int_count2_box h2.back_img1 {
    background-image: url(../images/o_icon2.png);
    background-repeat: no-repeat;
    background-position: center;
}

.int_count2_box h2.back_img2 {
    background-image: url(../images/o_icon3.png);
    background-repeat: no-repeat;
    background-position: center;
}

.int_count2_box p {
    text-transform: capitalize;
    color: var(--main-link-color);
}


/********************************************************
    9. Time Table CSS Start
********************************************************/

.gym_table_section {
    padding: 72px 0 64px;
    background-color: var(--main-bg-color);
    text-align: center;
}

.gym_time_table {
    cursor: all-scroll;
}

.gym_time_table .table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid var(--main-gym-border);
    padding: 32px 20px;
    font-size: 20px;
    color: var(--main-link-color);
}

.gym_time_table .table-bordered td {
    border: 1px solid var(--main-gym-border);
    padding: 14px 20px;
    vertical-align: middle;
    color: var(--main-link-color);
    font-weight: 700;
    font-size: 18px;
}

.gym_time_table h4 {
    font-size: 20px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.gym_time_table span {
    font-size: 16px;
    font-weight: 400;
    color: var(--main-table-color);
}

.gym_time_table .table-bordered th:hover,
.gym_time_table .table-bordered td:hover {
    background-color: var(--main-gym-color3);
    color: var(--main-bg-color);
    box-shadow: 0px 0px 30px -10px var(--main-gym-color3);
}

.gym_time_table span,
.gym_time_table .table-bordered td:hover span,
.gym_time_table .table-bordered th:hover,
.gym_time_table .table-bordered td:hover {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.gym_time_table .table-bordered td:hover span {
    color: var(--main-bg-color);
}


/********************************************************
    10. Classes Slider CSS Start
********************************************************/

.gym_swiper_section {
    padding: 72px 0 0px;
    position: relative;
}

.gym_swiper_section:before {
    content: "";
    background: var(--main-bg1-color);
    top: 0;
    left: 0;
    right: 0;
    bottom: 190px;
    position: absolute;
}

.gym_classes_section .gym_classes_imgWrap {
    position: relative;
    display: inline-block;
}

.gym_classes_section:hover .gym_cls_btn,
.gym_classes_section .gym_cls_btn,
.gym_classes_section .gym_classes_imgWrap,
.gym_classes_section:hover .gym_classes_name,
.gym_classes_section .gym_classes_name {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.gym_cls_btn {
    background-color: rgba(253, 92, 127, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
}

.gym_classes_section:hover .gym_cls_btn {
    opacity: 1;
    visibility: visible;
    bottom: 0;
}

.gym_classes_imgWrap,
.gym_classes_imgWrap img {
    width: 100%;
}

.gym_classes_name {
    background: var(--main-bg-color);
    padding: 21px 0 16px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.18);
    transform: translateY(-96px);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 100%;
    color: var(--main-table-color);
}

.gym_classes_section:hover .gym_classes_name {
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
}

.gym_class_slider .swiper-container {
    padding-bottom: 130px;
}

.gym_classes_name h5 {
    font-size: 18px;
    color: var(--main-link-color);
    font-weight: 500;
    margin-bottom: 6px;
}

.gym_cls_btn .gym_btn {
    min-width: 160px;
}

.gym_classes_section .gym_classes_imgWrap .gym_btn {
    height: 50px;
    line-height: 50px;
}


/********************************************************
    11. Calculator CSS Start
********************************************************/

.gym_calculator_section {
    margin-top: -34px;
    padding-bottom: 50px;
}

.gym_subTitle {
    font-size: 26px;
    color: var(--main-link-color);
    font-weight: 700;
}

.gym_calculator_info table {
    width: 100%;
    margin-top: 30px;
    border: 1px solid var(--main-gym-border);
    text-align: center;
}

.gym_calculator_info table thead {
    border-bottom: 1px solid var(--main-gym-border);
}

.gym_calculator_info table thead tr th:first-child,
.gym_calculator_info table tbody tr td:first-child {
    border-right: 1px solid var(--main-gym-border);
}

.gym_calculator_info table thead tr th {
    padding: 20px 15px;
    color: var(--main-link-color);
    font-size: 18px;
}

.gym_calculator_info table tbody tr td {
    padding: 18px 15px;
    font-size: 16px;
}

.gym_tabs_nav {
    border: 1px solid var(--main-gym-border);
    display: inline-block;
    border-radius: 30px;
}

.gym_tabs_nav li {
    display: inline-block;
}

.gym_form_field .gym_field_inner {
    width: 100%;
    border: 1px solid var(--main-gym-border);
    height: 50px;
    border-radius: 30px;
    padding: 0 30px;
    color: var(--main-gym-text);
    font-size: 16px;
    line-height: 28px;
    background: transparent;
}

.gym_form_field .gym_field_inner.nice-select>span {
    height: 50px;
    line-height: 50px;
}

.gym_calculator_wrap .gym_btn {
    height: 50px;
    line-height: 50px;
    width: 100%;
}

.gym_totleIBM {
    font-size: 26px;
    font-weight: 700;
    color: var(--main-link-color);
    line-height: 20px;
}

.gym_totleIBM span {
    color: var(--main-gym-color3);
}

.gym_tabs_nav li a {
    padding: 0 40px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border: 1px solid transparent;
    border-radius: 30px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--main-gym-text);
}

.gym_tabs_nav li.active a {
    background: linear-gradient(to right, var(--main-gym-color1) 0%, var(--main-gym-color2) 51%, var(--main-gym-color1) 100%);
    color: var(--main-bg-color);
    box-shadow: 0 0 10px -1px rgba(253, 92, 127, 0.76);
}

.gym_tabs_container {
    margin-top: 21px;
}

.gym_calculator_info table tbody tr:first-child td {
    padding-top: 32px;
}

.gym_calculator_info table tbody tr:last-child td {
    padding-bottom: 31px;
}

.nice-select:after {
    height: 8px;
    right: 20px;
    width: 8px;
}

.gym_calculator_section .gym_heading {
    margin-bottom: 35px;
}

.gym_tabs_nav li a,
.gym_tabs_nav li.active a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


/********************************************************
    12. Testimonial Start
********************************************************/

.gym_teastimonial_section {
    background: url(../images/testimonial_bg.png);
    padding: 80px 0 103px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.gym_teastimonial_section:before {
    content: "";
    background: rgba(237, 240, 245, 0.96);
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

.gym_testimonial_slider {
    background: var(--main-bg-color);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.26);
    padding: 21px 40px 0 40px;
    position: relative;
}

img.gym_testimonial_icon {
    position: absolute;
    top: 50%;
    left: 30%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.gym_client_quote {
    padding-bottom: 40px;
}

.gym_client_quote h4 {
    color: var(--main-link-color);
    font-size: 24px;
    margin-top: 6px;
}

.gym_testimonial_section {
    position: relative;
    top: 24px;
}

.gym_testimonial_button {
    position: absolute;
    z-index: 1;
    bottom: -23px;
    display: flex;
    justify-content: space-between;
    min-width: 115px;
    left: 0;
}

.swiperButtonPrev_icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(141deg, rgba(246, 70, 108, 1) 50%, rgba(255, 97, 131, 1) 100%);
    border: none;
    border-radius: 30px;
    color: var(--main-bg-color);
    cursor: pointer;
    padding: 0 20px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.gym_testimonial_slider .swiper-container.s1 {
    padding: 0 0 27px;
}

.gym_client_img {
    position: relative;
    bottom: -4px;
}

.swiperButtonPrev_icon:hover {
    width: 95px;
}

.swiperButtonNext,
.swiperButtonPrev,
.swiperButtonNext:hover,
.swiperButtonPrev:hover,
.swiperButtonPrev_icon:hover,
.swiperButtonPrev_icon {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.gym_testimonial_button>div svg {
    fill: var(--main-bg-color);
    height: 15px;
    width: 8px;
}

.long_arrow {
    display: none;
}

.gym_testimonial_button>div>div:hover .long_arrow {
    display: block;
}

.gym_testimonial_button>div>div:hover .small_arrow {
    display: none;
}

.gym_testimonial_button>div>div .long_arrow svg {
    width: 28px;
    height: 15px;
}

.swiperButtonNext,
.swiperButtonPrev {
    width: 95px;
}

.swiperButtonPrev {
    display: flex;
    justify-content: flex-end;
    margin-right: 15px;
}


/********************************************************
    13. Gallery CSS Start
********************************************************/

.gym_gallery_section {
    padding: 72px 0 0;
}

.gym_gallery_wrap {
    width: 100%;
    position: relative;
}

.gym_gallery_wrap img {
    width: 100%;
}

.gym_gallery_info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    padding: 30px 30px 51px;
    background: rgba(253, 92, 127, 0.8);
    color: var(--main-bg-color);
    opacity: 0;
    visibility: hidden;
}

.gym_gallery_infoInner h4 {
    font-size: 26px;
    color: var(--main-bg-color);
    font-weight: 700;
}

.gym_gallery_wrap:hover .gym_gallery_info {
    opacity: 1;
    visibility: visible;
}

.gym_gallery_wrap,
.gym_gallery_wrap:hover,
.gym_gallery_wrap:hover .gym_gallery_info,
.gym_gallery_wrap .gym_gallery_info {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.gym_gallery_grid {
    width: 20%;
}


/********************************************************
    14. Product CSS Start
********************************************************/

.gym_product_wrapper {
    padding: 72px 0 50px;
}

.gym_product_section {
    background: var(--main-bg-color);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
    width: 100%;
    padding: 30px 0 27px;
}

.gym_product_img {
    position: relative;
    text-align: center;
}

.gym_product_title {
    font-size: 18px;
    color: var(--main-link-color);
    margin: 0 0 12px;
    padding: 0 30px;
    line-height: 28px;
}

.gym_product_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
}

.gym_product_rating {
    color: var(--main-rating-color);
    font-size: 14px;
}

.gym_product_price {
    font-size: 24px;
    color: var(--main-link-color);
    font-weight: 700;
}

.gym_product_section .gym_btn {
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: 50%;
}

.gym_product_section .gym_btn {
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 140px;
    margin: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.gym_product_button {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.gym_product_button .PrevProduct,
.gym_product_button .NextProduct {
    width: 30px;
    fill: var(--main-gym-text);
    cursor: pointer;
    position: absolute;
}

.NextProduct {
    right: -100px;
}

.PrevProduct {
    left: -100px;
}

.gym_product_slider {
    padding: 30px 15px;
}

.gym_bestseller_tag {
    position: absolute;
    top: 20px;
    left: 0;
    padding: 2px 10px;
    background-color: var(--main-gym-color3);
    color: var(--main-bg-color);
    text-transform: uppercase;
    z-index: 1;
    font-size: 14px;
    font-weight: 500;
}

.gym_bestseller_tag:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    display: inline-block;
    border-top: 15px solid var(--main-gym-color3);
    border-bottom: 15px solid var(--main-gym-color3);
    border-right: 8px solid transparent;
}

.gym_product_section:hover img {
    opacity: 0.3;
}

.gym_product_section:hover .gym_btn {
    opacity: 1;
    visibility: visible;
}

.gym_product_button .PrevProduct:hover,
.gym_product_button .NextProduct:hover {
    transform: scale(1.2);
    fill: var(--main-gym-color3);
}

.gym_product_img .gym_btn {
    min-width: 140px;
}

.gym_product_section:hover img,
.gym_product_section img,
.gym_product_section,
.gym_product_section:hover .gym_btn,
.gym_product_section .gym_btn,
.gym_product_button .PrevProduct:hover,
.gym_product_button .NextProduct:hover,
.gym_product_button .PrevProduct,
.gym_product_button .NextProduct {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.gym_product_wrapper .gym_heading {
    margin-bottom: 11px;
}


/********************************************************
	15. Partners CSS Start
********************************************************/

.gym_partner_wrapper {
    background: var(--main-bg1-color);
    padding: 80px 0;
}

.gym_partners_container img {
    filter: grayscale(100%);
}

.gym_partners_container:hover img {
    filter: grayscale(0%);
}

.gym_partners_container:hover img,
.gym_partners_container:hover,
.gym_partners_container img,
.gym_partners_container {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


/********************************************************
	16. Footer CSS Start
********************************************************/

.gym_footer_wrapper {
    background-color: var(--main-bg-color);
    padding: 80px 0 43px;
    /* background-image: url(../images/footer-img.png); */
    background-position: center right;
    background-repeat: no-repeat;
}

.gym_sub_heading {
    color: var(--main-link-color);
    font-size: 22px;
    font-weight: 700;
}

img.footer_logo {
    margin-bottom: 24px;
}

.gym_address_wrap {
    margin-top: 6px;
}

.gym_address_wrap h4 {
    font-size: 22px;
    font-weight: 700;
    color: var(--main-link-color);
    margin-bottom: 2px;
}

.gym_sub_heading {
    margin: 12px 0 24px;
    padding: 0 0 11px 0;
}

.gym_sub_heading:before {
    content: "";
    position: absolute;
    width: 70px;
    height: 3px;
    border-bottom: 3px dotted var(--main-gym-color3);
    bottom: 0;
}

.gym_footer_twitter ul li {
    padding-left: 30px;
    margin-bottom: 15px;
    position: relative;
    color: var(--main-link-color);
}

.gym_footer_twitter li:last-child {
    margin-bottom: 0;
}

.gym_footer_twitter ul li>span {
    position: absolute;
    left: 0;
    top: 4px;
    font-size: 22px;
    color: var(--main-gym-color3);
}

.gym_twitter_date,
.gym_post_date {
    color: var(--main-gym-color3);
}

.gym_footer_post li {
    position: relative;
    color: var(--main-link-color);
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
}

.gym_footer_post li:last-child {
    margin-bottom: 0;
}

.gym_footer_post li img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.gym_footer_post li a {
    width: calc(100% - 80px);
    display: inline-block;
    padding: 0 0 0 20px;
}

.gym_post_title,
.gym_footer_twitter p {
    font-weight: 600;
}

.gym_footer_menu ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 13px;
}

.gym_footer_menu ul li:last-child {
    margin-bottom: 0;
}

.gym_footer_menu ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    left: 0;
    top: -2px;
    font-size: 20px;
}

.gym_footer_menu a {
    color: var(--main-gym-text);
}

.gym_widgets a:hover {
    color: var(--main-gym-color3);
}

.gym_copyright_wrapper {
    background: var(--main-gym-color3);
    padding: 14px 0 11px;
    color: var(--main-bg-color);
}

.gym_copyright_wrapper a {
    color: var(--main-bg-color);
}


/*******************************************************
    About Page Css Start
********************************************************/

.gym_bg_white_section,
.gym_bg_white_section:before {
    background-image: none;
    background-color: #ffffff;
}

.gym_extrapadd {
    padding: 50px 0;
}

.gym_otherpage_banner {
    padding-top: 81px;
}

.gym_banner_img {
    padding: 50px 0;
    color: #ffff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.gym_banner_img h1 {
    font-size: 42px;
    font-weight: bold;
}

.gym_banner_img ul.nav {
    text-align: center;
    display: block;
}

.gym_banner_img ul.nav li {
    display: inline-block;
}

.gym_banner_img ul.nav li a {
    color: #fff;
    padding: 0 15px;
    display: inline-block;
}

.gym_banner_img ul.nav li:hover a {
    color: var(--main-gym-color3);
}

.gym_choose_detail h2 {
    width: 100%;
    line-height: 50PX;
    margin-bottom: 15px;
}

.gym_offer_text {
    margin: 15px 0;
    position: relative;
}

.gym_offer_text h3 {
    font-size: 32px;
    color: var(--main-gym-color3);
    font-weight: 600;
}

.gym_offer_list {
    position: relative;
    float: left;
    width: 100%;
}

.gym_offer_list li {
    position: relative;
    padding-left: 100px;
    margin: 15px 0;
    float: left;
    width: 100%;
}

.gym_offer_list li span {
    position: absolute;
    left: 0;
    display: inline-block;
    border: 2px solid var(--main-gym-color3);
    border-radius: 50%;
    background-color: #fff;
}

.gynm_inner_content h4 {
    font-size: 20px;
    font-weight: bold;
    color: var(--main-link-color);
}

.gynm_inner_content p {
    line-height: 24px;
    max-width: 95%;
}

.video_icon svg {
    width: 18px;
    fill: var(--main-bg-color);
}

.gym_single_tab .video_icon {
    position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
}

.gym_single_tab .video_icon .video_play {
    margin-left: 0;
}

.gym_about_tab .gym_tabs_nav {
    border: 0px;
    position: absolute;
    width: 100%;
    bottom: -55px;
    display: block;
    text-align: center;
}

.gym_about_tab .gym_tabs_nav span {
    display: block;
    font-size: 18px;
    letter-spacing: 0;
    text-transform: capitalize;
    color: var(--main-link-color);
    font-weight: bold;
}

.gym_about_tab .gym_tabs_nav li a,
.gym_about_tab .gym_tabs_nav li.active a {
    background-color: #fff;
    box-shadow: none;
    border-radius: 0;
    display: inline-block;
    height: auto;
    text-align: center;
    padding: 15px 30px;
    position: relative;
}

.gym_about_tab .gym_tabs_container {
    margin-top: 21px;
    position: relative;
}

.gym_white_tab {
    display: none;
}

.gym_about_tab li.active a>.gym_white_tab {
    display: block;
    margin: auto;
}

.gym_about_tab li.active a>.gym_color_tab {
    display: none;
}

.gym_about_tab .gym_tabs_nav li.active span {
    font-weight: normal;
    color: #fff;
}

.gym_about_tab .gym_tabs_nav li {
    margin: 0 5px;
}

.gym_about_tab .gym_tabs_nav li a {
    box-shadow: 0 5px 10px 0 rgba(0 0 0 / 7%);
}

.gym_about_tab li a:before {
    content: "";
    position: absolute;
    width: 10px;
    border: 10px solid transparent;
    top: -20px;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    left: 0;
    right: 0;
    margin: auto;
}

.gym_about_tab li.active a:before {
    content: "";
    position: absolute;
    width: 10px;
    border: 10px solid var(--main-gym-color3);
    top: -20px;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    left: 0;
    right: 0;
    margin: auto;
}


/********************************************************
    Top Services Page Css
*********************************************************/


/* .gym_topservices_slider {
    padding: 0px 20px;
} */

.gym_ourtopservices {
    padding: 80px 0;
}

.gym_ourtopservices * {
    transition: all linear 0.3s;
}

.gym_servicesslider {
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 0px;
}

.gym_slider_inner {
    padding: 55px 50px 55px;
    background-color: #fff;
    box-shadow: 0pc 5px 20px rgba(0 0 0 / 10%);
    border-radius: 20px;
    position: relative;
    transform: scale(0.95);
}

.gym_servicesslider .swiper-slide {
    padding: 0px;
}

.gym_slider_inner svg {
    fill: var(--main-gym-color1);
    width: 55px;
}

.gym_topservice_icon2 {
    display: none;
}

.gym_serviceinner_img {
    margin-bottom: 15px;
}

.gym_slider_inner h4 {
    font-size: 24px;
    color: var(--main-link-color);
    margin-bottom: 10px;
}

.gym_slider_inner p {
    margin-bottom: 15px;
}

.gym_slider_inner .gym_btn {
    height: 40px;
    line-height: 43px;
    min-width: 135px;
    padding: 0 20px;
}

.gym_slider_inner span {
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 70px;
    font-weight: 900;
    color: rgba(0, 0, 0, 0.04);
}

.gym_servicesslider .swiper-slide.swiper-slide-next .gym_slider_inner span {
    background-color: rgba(255, 255, 255, 0.04);
}

.gym_servicesslider .swiper-slide.swiper-slide-next {
    transform: scale(1.15);
    z-index: 8;
}

.gym_ourtopservices .swiper-container-free-mode>.swiper-wrapper {
    padding: 50px 0px;
}

.gym_servicesslider .swiper-slide.swiper-slide-next .gym_slider_inner {
    background-color: var(--main-gym-color3);
}

.gym_servicesslider .swiper-slide.swiper-slide-next .gym_slider_inner .gym_topservice_icon1 {
    display: none;
}

.gym_servicesslider .swiper-slide.swiper-slide-next .gym_slider_inner .gym_topservice_icon2 {
    display: block;
    margin: auto;
}

.gym_servicesslider .swiper-slide.swiper-slide-next .gym_slider_inner h4,
.gym_servicesslider .swiper-slide.swiper-slide-next .gym_slider_inner p {
    color: #fff;
}

.gym_servicesslider .swiper-slide.swiper-slide-next .gym_slider_inner .gym_btn {
    background-color: var(--main-bg-color);
    background-image: none;
    color: var(--main-gym-color1);
}

.gym_servicesslider .swiper-slide.swiper-slide-next .gym_slider_inner * {
    transform: scale(0.9);
}

.gym_class_slider .swiper-container {
    padding-bottom: 110px;
}

.pad_t0 {
    padding-top: 0;
}

.gym_class_slider .swiper-container.padd_b90 {
    padding-bottom: 105px;
}

.gym_ourbranches .gym_slider_inner:nth-child(2) span {
    color: rgba(255, 255, 255, 0.12);
}

.gym_ourbranches .gym_slider_inner:nth-child(2) .gym_contact_list.call_contact:before {
    background-image: url(../images/call_icon_white.png);
}


/******************************************************************
    Online Class css Start
******************************************************************/

.gym_fullwidth_video {
    padding: 50px 0;
    text-align: center;
    color: #fff;
    float: left;
    width: 100%;
    margin-bottom: 80px;
    height: 660px;
    display: table;
    position: relative;
}

.gym_vertical_center {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.gym_vertical_center .gym_frreclass a {
    display: inline-block;
    margin: 35px 0 0;
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 300;
    background-color: rgba(255, 255, 255, 0.15);
    padding: 15px 74px;
    border-radius: 50px;
}

.gym_vertical_center .video_play {
    margin-left: 0;
    width: 90px;
    height: 90px;
}

.gym_vertical_center .video_icon svg {
    width: 30px;
    fill: var(--main-bg-color);
    margin-top: 24px;
    margin-left: 5px;
}

.gym_watch_free {
    position: absolute;
    left: 0;
    bottom: 0;
}

.gym_watch_free a {
    padding: 37px 180px 37px 50px;
    display: inline-block;
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 300;
    background-color: var(--main-gym-color3);
}

.gym_watch_free a span {
    position: absolute;
    right: 0;
    padding: 37px 37px;
    top: 0;
    background-color: rgba(0, 0, 0, 0.05);
}

.gym_frreclass a:hover {
    background-color: rgba(247, 70, 108, 0.5);
}

.gym_watch_free a:hover span {
    background-color: #f6456b;
    color: #fff;
}

.gym_sel_fld_icon:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 12px;
    width: 10px;
    height: 20px;
    background: #ffffff;
}

.gym_sel_fld_icon {
    position: relative;
}


/*********************************************************
    Services Detail Page Css
*********************************************************/

.gym_section_padd {
    padding: 80px 0;
}

.gym_servicedetails_content h2 {
    font-size: 32px;
    font-weight: 700;
    margin: 15px 0;
    color: var(--main-link-color);
}

.gym_servicedetails_content p {
    margin-bottom: 24px;
}

.gym_detail_list {
    width: 50%;
    float: left;
    margin-bottom: 30px;
}

.gym_detail_list li {
    padding-left: 35px;
    position: relative;
    margin-bottom: 10px;
}

.gym_detail_list li::before {
    content: "";
    background-image: url(../images/list_Icon.png);
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: auto;
    background-repeat: no-repeat;
    left: 0;
    top: 4px;
    background-position: left center;
}

.gym_otherimg {
    margin-bottom: 20px;
}

.gym_team_meditation {
    margin-top: 70px;
}

.gym_leftimg {
    float: left;
    width: 400px;
}

.gym_rightcontent {
    float: left;
    width: calc(100% - 400px);
    padding: 50px 0 37px 50px;
    border: 1px solid #E1EBEE;
}

.gym_rightcontent h3 {
    color: var(--main-link-color);
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
}

.gym_rightcontent p {
    margin-bottom: 15px;
}

.gym_rightcontent ul li {
    line-height: 40px;
    font-size: 16px;
}

.gym_rightcontent ul li span {
    font-weight: bold;
    color: var(--main-gym-color3);
    width: 150px;
    display: inline-block;
}

.gym_rightcontent ul {
    margin-bottom: 20px;
}

.gym_rightcontent h4 {
    font-size: 22px;
    color: var(--main-link-color);
}

.gym_rightcontent a {
    display: inline-block;
    font-size: 28px;
    margin-top: 15px;
    font-weight: bold;
    color: var(--main-gym-color3);
}

.gym_team_section {
    float: left;
    width: 100%;
    margin-top: 50px;
}

.gym_team_button {
    position: absolute;
    right: 0;
    top: 50px;
    width: 101px;
    background-color: #F86989;
}

.gym_team_slider {
    position: relative;
    float: left;
    width: 100%;
    z-index: 99;
}

.gym_team_slider .swiperButtonPrev {
    margin: 0;
}

.gym_team_slider .swiperButtonPrev {
    margin: 0;
    display: inline-block;
    justify-content: normal;
    float: right;
}

.gym_team_slider .swiperButtonNext,
.gym_team_slider .swiperButtonPrev {
    width: 50px;
    margin: 0;
    float: left;
}

.gym_team_slider .swiperButtonPrev_icon {
    border-radius: 0px;
    background: #F8587C;
}

.gym_team_slider .swiperButtonPrev_icon:hover {
    width: 50px;
    background: linear-gradient(230deg, rgba(246, 70, 108, 1) 50%, rgba(255, 97, 131, 1) 100%);
}

.gym_team_slider span.small_arrow svg {
    width: 7px;
    color: #fff;
    filter: invert(1);
}

.gym_team_slider .swiperButtonPrev {
    margin-right: 1px;
}

.gym_sidebar_title h4 {
    color: var(--main-link-color);
    font-weight: bold;
}

.gym_sidebar_list {
    margin: 10px 0 30px;
}

.gym_sidebar_list li {
    line-height: 34px;
    padding-left: 30px;
    position: relative;
    transition: all 0.3s;
}

ul.gym_sidebar_list.pdf_list li {
    line-height: 42px;
}

.gym_sidebar_list li a {
    color: var(--main-gym-text);
}

.gym_sidebar_list li:hover a {
    color: var(--main-gym-color3);
}

.gym_sidebar_list li:before,
.gym_contact_list:before {
    content: "";
    position: absolute;
    left: 0;
    width: 20px;
    height: 40px;
    background-position: center;
    background-size: auto;
    top: -4px;
    background-repeat: no-repeat;
    transition: all 0.3s;
}

.gym_sidebar_list.arrow_list li:before {
    background-image: url(../images/list_arrow_black.png);
    transition: all 0.3s;
}

.gym_sidebar_list.arrow_list li:hover::before {
    background-image: url(../images/list_arrow.png);
    transition: all 0.3s;
}

.gym_sidebar_list.arrow_list li:hover a {
    color: var(--main-gym-color3);
}

.gym_sidebar_list.pdf_list li:before {
    background-image: url(../images/pdf_icon.png);
    transition: all 0.3s;
}

.gym_sidebar_dv h6 {
    font-size: 16px;
    color: var(--main-gym-color3);
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: bolder;
}

.gym_contact_list {
    padding-left: 30px;
    color: var(--main-gym-text);
    position: relative;
    margin-bottom: 10px;
}

.gym_contact_list:before {
    font-family: 'FontAwesome';
    font-size: 16px;
    color: var(--main-gym-color3);
}

.gym_contact_list.map_mark:before {
    content: "\f041";
}

.gym_contact_list.call_contact:before {
    /* content: "\f095"; */
    background-image: url(../images/call_icon.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    background-size: auto;
}

.gym_contact_list.quick_contact:before {
    content: "\f1d8";
}

.gym_contact_list.open_hour:before {
    /* content: "\f073"; */
    background-image: url(../images/calander_icon.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    background-size: auto;
}

.gym_contact_list a {
    color: var(--main-gym-text);
    display: block;
}

.gym_contact_list a:hover {
    color: var(--main-gym-color3);
}

.gym_sidebar_form {
    margin-top: 30px;
    float: left;
    width: 100%;
}

.gym_sidebar_form textarea {
    width: 100%;
    border: 0;
    border-radius: 30px;
    padding: 10px 30px 0;
    color: var(--main-gym-text);
    font-size: 16px;
    line-height: 28px;
    resize: none;
    background-color: #F3F8FF;
}

.gym_sidebar_form input.gym_field_inner {
    background-color: #F3F8FF;
    border: 0px;
    height: 40px;
}

.gym_sidebar_form form {
    border: 1px solid #DAE6EA;
    padding: 30px;
    margin-top: 30px;
    position: relative;
}

.gym_sidebar_form form::before {
    position: absolute;
    content: "";
    width: 80%;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    border-radius: 5px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid var(--main-gym-color3);
}

.gym_sidebar_form form::after {
    position: absolute;
    content: "";
    width: 80%;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    border-radius: 5px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid var(--main-gym-color3);
}

.gym_sidebar_form .gym_form_field .btn_1 {
    width: 100%;
    border: 1px solid var(--main-gym-color3);
    height: 50px;
    border-radius: 50px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 40px;
    margin-bottom: 10px;
}

.gym_sidebar_form .gym_form_field .btn_1:hover {
    background-position: right center;
    color: #fffffe;
}

.gym_sidebar_form .gym_form_field input::placeholder,
.gym_sidebar_form .gym_form_field textarea::placeholder {
    color: #bfcbda;
}

textarea {
    resize: none;
}


/********************************************************
	Project Gallery Page CSS Start
********************************************************/

.gym_section_paddTB {
    padding: 70px 0;
}

.gallery-main-content {
    width: 100%;
}


/********************************************************
	Contact Page CSS Start
********************************************************/

.gym_ourbranches {
    padding: 80px 0 0;
}

.gym_ourbranches .padd-0 {
    padding: 0;
}

.gym_ourbranches .gym_slider_inner {
    transform: scale(1);
}

.gym_ourbranches_dv {
    float: left;
    width: 100%;
    padding: 20px 15px;
}

.gym_ourbranches .gym_slider_inner {
    transform: scale(1);
    width: 33.3%;
    float: left;
}

.gym_ourbranches .gym_slider_inner:nth-child(2) {
    transform: scale(1.1);
    z-index: 9;
    background-color: var(--main-gym-color3);
}

.gym_ourbranches_dv .gym_slider_inner h4 {
    margin-bottom: 0px;
}

.gym_ourbranches_dv .gym_heading {
    margin: 0 auto 20px;
}

.gym_ourbranches .gym_slider_inner:nth-child(2) .gym_contact_list {
    color: #fff;
}

.gym_ourbranches .gym_slider_inner:nth-child(2) .gym_contact_list:before {
    color: #fff;
}

.gym_ourbranches .gym_slider_inner:nth-child(2) .gym_contact_list a {
    color: #fff;
}

.gym_ourbranches .gym_slider_inner:nth-child(2) h4 {
    color: #fff;
}

.gym_ourbranches .gym_slider_inner .gym_contact_list {
    padding-left: 30px;
}

.gym_contact_form {
    margin-top: 100px;
    float: left;
    width: 100%;
    border-radius: 10px;
    position: absolute;
    top: 0;
    z-index: 2;
    box-shadow: 0px 0px 10px rgba(0 0 0 / 10%);
}

.gym_lefthalf_dv {
    float: left;
    width: 40%;
    background-color: var(--main-gym-color3);
    padding: 30px;
    color: #fff;
    border-radius: 10px 0px 0px 10px;
}

.gym_opening_time dt,
.gym_opening_time dd {
    font-weight: normal;
    margin-bottom: 10px;
}

.gym_opening_time h5 {
    margin-bottom: 5px;
}

.gym_righthalf_dv {
    float: left;
    width: calc(100% - 40%);
    border-radius: 0px 10px 10px 0px;
    background-color: #fff;
}

.gym_righthalf_dv {
    float: left;
    width: calc(100% - 40%);
    border-radius: 0px 10px 10px 0px;
    background-color: #fff;
    padding: 50px 50px 17px;
}

.gym_inner_form .gym_form_field textarea.gym_field_inner {
    height: auto;
    padding: 20px;
}

.gym_inner_form .gym_form_field .gym_field_inner {
    height: 50px;
    line-height: 50px;
}

form.gym_inner_form {
    margin: 30px 0 0;
}

.gym_inner_form .gym_form_field .btn_1 {
    width: auto;
    border: 1px solid var(--main-gym-color3);
    height: 50px;
    border-radius: 50px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 50px;
    transition: all 0.5s;
}

.gym_opening_time {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}

.gym_contactform_dv h3 {
    color: var(--main-link-color);
}

.gym_form_field .gym_field_inner::placeholder {
    color: #b4aeae;
}

.gym_map_wrapper .gym_map iframe {
    width: 100vw;
    height: 100vh;
    max-height: 760px;
}

.gym_map_wrapper {
    padding: 465px 0 0;
    position: relative;
    top: 10px;
    z-index: 1;
}


/********************************************************
    Blog Page CSS
*********************************************************/

.gym_blog_wrapper {
    padding: 80px 0 30px;
}

.gym_sidebar_widgets {
    margin-bottom: 42px;
}

.gym_sidebar_widgets:last-child {
    margin-bottom: 0px;
}

.gym_blog_sidebar,
.gym_sidebar_widgets {
    width: 100%;
}

.gym_search_field {
    position: relative;
}

.gym_search_field input {
    width: 100%;
    border: 1px solid #e6e6e6;
    height: 50px;
    border-radius: 6px;
    padding: 0 50px 0 30px;
    position: relative;
    line-height: 50px;
    margin-bottom: 4px;
}

.gym_search_field>a {
    position: absolute;
    right: 18px;
    top: 0;
    color: var(--main-gym-color);
    bottom: 0;
    line-height: 50px;
}

.gym_sidebar_widgets .gym_sub_heading {
    margin-bottom: 16px;
}

.gym_category_field ul li,
.gym_archives_field ul li {
    padding: 0 0 12px 20px;
    position: relative;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
}

.gym_category_field ul li a,
.gym_archives_field ul li a {
    width: calc(100% - 60px);
}

.gym_category_field ul li:hover a,
.gym_archives_field ul li:hover a {
    color: var(--main-gym-color3);
}

.gym_category_field ul li:before,
.gym_archives_field ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    top: -2px;
    left: 0;
}

.gym_category_field ul li:last-child,
.gym_archives_field ul li:last-child {
    padding-bottom: 0;
}

.gym_latestPost_field ul li {
    display: flex;
    margin-bottom: 12px;
    flex-wrap: wrap;
    align-items: center;
}

.gym_latestPost_field ul li:last-child {
    margin-bottom: 0px;
}

.gym_latestPost_field ul li .gym_blog_thumb {
    margin-right: 10px;
    width: 70px;
    display: inline-block;
}

.gym_blog_thumb img {
    border: none;
    border-radius: 3px;
}

.gym_blog_title_wrap {
    width: calc(100% - 80px);
}

.gym_blog_title {
    font-weight: 700;
    text-transform: capitalize;
    line-height: 22px;
    display: inline-block;
}

.gym_blog_date {
    color: var(--main-gym-color3);
    font-weight: normal;
}

.gym_insta_field ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.gym_insta_field ul li {
    width: 31%;
    margin: 0 0 10px;
}

.gym_insta_field ul li img {
    width: 83px;
    height: auto;
    border-radius: 3px;
    object-fit: cover;
}

.gym_blog_img,
.gym_blog_thumb,
.gym_effect {
    position: relative;
    overflow: hidden;
}

.gym_blog_img img {}

.gym_blog_img:after,
.gym_blog_img:before,
.gym_blog_thumb:after,
.gym_blog_thumb:before,
.gym_effect:after,
.gym_effect:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    z-index: 1;
    background: var(--main-bg-color);
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}

.gym_blog_img:before,
.gym_blog_img:hover:before,
.gym_blog_thumb:before,
.gym_blog_thumb:hover:before,
.gym_effect:hover:before,
.gym_effect:before {
    right: 0;
    top: 0;
}

.gym_blog_img:hover:after,
.gym_blog_img:hover:before,
.gym_blog_thumb:hover:after,
.gym_blog_thumb:hover:before,
.gym_effect:hover:after,
.gym_effect:hover:before {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.gym_blog_img:after,
.gym_blog_img:hover:after,
.gym_blog_thumb:after,
.gym_blog_thumb:hover:after,
.gym_effect:after,
.gym_effect:hover:after {
    left: 0;
    bottom: 0;
}

.gym_blog_img:after,
.gym_blog_thumb:after,
.gym_effect:after {
    opacity: .3;
}

.gym_blog_info ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.gym_blog_info ul li {
    margin-right: 60px;
}

.gym_blog_info ul li:last-child {
    margin-right: 0px;
}

.gym_blog_info {
    padding: 30px 0 21px;
}

.gym_blog_info ul li img.gym_user,
.gym_blog_info ul li i {
    margin-right: 10px;
}

.gym_blog_info ul li .gym_user_name,
.gym_blog_info ul li i {
    color: var(--main-gym-color3);
}

.gym_blog_info ul li img.gym_cala {
    margin-right: 10px;
    width: 15px;
    margin-top: -2px;
}

.gym_comment_date img.gym_cala {
    margin-right: 5px;
    margin-top: -4px;
}

img.gym_user {
    width: auto;
    height: auto;
    border-radius: 100%;
    max-width: 30px;
    max-height: 30px;
}

.gym_blog_info ul li a {
    color: var(--main-txt-color);
}

.gym_blog_info ul li a:hover {
    color: var(--main-gym-color3);
}

.gym_blog_heading {
    font-size: 38px;
    font-weight: 700;
    line-height: 46px;
    display: inline-block;
    margin-bottom: 12px;
}

.gym_blog_text a:hover {
    color: var(--main-gym-color3);
}

.gym_blog_btn {
    margin-top: 21px;
}

.gym_blog_section {
    margin-bottom: 41px;
}

.blog_pagination_wrapper ul li {
    display: inline-block;
    font-size: 18px;
}

.blog_pagination_wrapper ul li a,
.blog_pagination_wrapper ul li.dot:hover a {
    font-weight: 700;
    width: 40px;
    height: 40px;
    line-height: 42px;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    background: var(--main-bg-color);
}

.blog_pagination_wrapper ul li.dot:hover a {
    cursor: none;
}

.blog_pagination_wrapper ul li.blog_page_prev a,
.blog_pagination_wrapper ul li.blog_page_next a {
    width: auto;
    height: 40px;
}

.blog_pagination_wrapper ul li.blog_page_prev:hover a,
.blog_pagination_wrapper ul li.blog_page_next:hover a {
    background: var(--main-bg-color);
    color: var(--main-gym-color);
}

.blog_pagination_wrapper ul li.active a,
.blog_pagination_wrapper ul li:hover a {
    color: var(--main-bg-color);
    background: var(--main-gym-color3);
}

.gym_sidebar_widgets.gym_sidebar_cat_widgets .gym_sub_heading.relative {
    margin-bottom: 14px;
}

.gym_sidebar_widgets.gym_sidebar_arc_widgets .gym_sub_heading.relative {
    margin-bottom: 14px;
}

.gym_sidebar_widgets.gym_sidebar_cat_widgets {
    margin-bottom: 40px;
}

.gym_sidebar_widgets.gym_sidebar_arc_widgets {
    margin-bottom: 41px;
}

.gym_sidebar_widgets.gym_sidebar_insta_widgets .gym_sub_heading.relative {
    margin-bottom: 20px;
}

.gym_blog_section .gym_btn,
.gym_blog_section .gym_btn:focus {
    height: 50px;
    line-height: 50px;
}

.gym_btn.btn_1:focus,
.gym_btn.btn_1:hover {
    color: #fff;
    transition: all 0.5s;
}

.blog_pagination_wrapper ul li.active {
    background-color: var(--main-gym-color3);
    border-radius: 30px;
}

.gym_section_heading {
    color: var(--main-link-color);
    font-size: 32px;
    font-weight: 700;
}

.gym_blog_wrapper .gym_sub_heading:before {
    background-image: url(../images/blog/title_line_short.png);
    bottom: 0;
    border: 0px;
    height: 5px;
    background-repeat: no-repeat;
}

.gym_reply_btn {
    color: var(--main-gym-color3);
    margin-left: 15px;
    font-weight: bold;
}

.gym_reply_btn svg {
    width: 16px;
    fill: var(--main-gym-color3);
}

.gym_comment_user {
    width: 71px;
    height: 71px;
    overflow: hidden;
    margin-right: 20px;
}

.gym_comment_detail {
    width: calc(100% - 130px);
}

.gym_comment_holder {
    display: flex;
    padding: 50px 0 15px;
}

.gym_comment_user img {
    border-radius: 50%;
}

.gym_blog_comment ul ul {
    padding-left: 71px;
}

.gym_blog_comment>ul>li,
.gym_blog_comment>ul>li:first-child>.gym_comment_holder {
    border-bottom: 1px solid #F1F1F1;
}

.gym_blog_comment>ul>li:last-child {
    border-bottom: 0px;
}

.gym_blogform_bottom {
    margin-top: 50px;
}

.gym_blog_title:hover {
    color: var(--main-gym-color3);
}

h5.gym_user_name {
    font-size: 18px;
    color: var(--main-link-color);
    margin-bottom: 5px;
    font-weight: bold;
}

.gym_comment_date i.fa {
    color: var(--main-gym-color3);
    margin-right: 10px;
}

.gym_comment_detail p {
    margin-bottom: 10px;
}

.gym_field_inner:focus,
.gym_search_field input:focus {
    border: 1px solid #ffb9c8;
}


/* Shine Start*/

.gym_imgeffect_hover>a {
    position: relative;
    display: block;
    overflow: hidden;
}

.gym_imgeffect_hover>a::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.gym_imgeffect_hover>a:hover::before {
    -webkit-animation: shine 1.5s;
    animation: shine 1.5s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}


/* Shine End */

.gym_bluebox_comment {
    padding: 45px;
    text-align: center;
    background-color: #1C2638;
    margin-bottom: 30px;
    color: #fff;
}

.gym_bluebox_comment p {
    font-size: 18px;
    line-height: 30px;
    width: 100%;
    max-width: 85%;
    margin: 0 auto 15px;
    position: relative;
    font-weight: 300;
}

.gym_bluebox_comment p:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(../images/blog/Quote-Icon.png);
    left: -60px;
    top: -15px;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
}

.gym_bluebox_comment p:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(../images/blog/Quote-Icon1.png);
    right: -60px;
    bottom: -40px;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
}

.gym_bluebox_comment h5:before {
    content: "";
    position: absolute;
    top: -20px;
    width: 100%;
    height: 7px;
    left: 0;
    right: 0;
    background-image: url(../images/border_dark_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.gym_bluebox_comment h5 {
    font-size: 16px;
    position: relative;
    margin-top: 30px;
}

.gym_tagandshare_dv {
    margin: 25px 0 70px;
    padding: 10px 10px 8px 25px;
    border: 1px solid #ccc;
    float: left;
    width: 100%;
}

.gym_tagandshare_dv span {
    font-weight: 800;
    color: #222;
}

.gym_right_dv {
    width: calc(100% - 180px);
    float: left;
}

.gym_left_dv {
    width: 165px;
    float: right;
}

a.gym_social_icon_blog {
    width: 25px;
    display: inline-block;
    text-align: center;
    color: #ADADAD;
}

a.gym_social_icon_blog:hover {
    color: var(--main-gym-color3);
}

.gym_search_field>a i.fa {
    color: var(--main-gym-color3);
}


/************************************************
  Filter Team Gallery Start
*************************************************/

.gym_team_tab-filter-wrapper {
    background-color: #ffffff;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.08);
    z-index: 1;
    max-width: 630px;
    margin: auto;
}

.gym_team_tab-filter-wrapper:after {
    content: "";
    display: table;
    clear: both;
}

.gym_team_tab-filter {
    position: relative;
    width: 140px;
    margin: 0 auto;
    z-index: 0;
}

.gym_team_tab-filter::after {
    content: '';
    position: absolute;
    right: 14px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../img/gym_team_icon-arrow.html") no-repeat center center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    pointer-events: none;
}

.gym_team_tab-filter ul {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffffff;
    box-shadow: inset 0 -3px 0 var(--main-gym-color3);
    position: relative;
}

.gym_team_tab-filter a.selected:before,
.gym_team_tab-filter a:hover::before {
    content: "";
    position: absolute;
    height: 5px;
    border-left: 5px solid transparent;
    border-bottom: 5px solid var(--main-gym-color3);
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
    left: 0;
    right: 0;
    bottom: 2px;
    margin: auto;
    width: 5px;
}

.gym_team_tab-filter li {
    display: none;
    padding: 0 15px;
}

.gym_team_tab-filter li:first-child {
    display: block;
}

.gym_team_tab-filter a {
    display: block;
    width: 140px;
    line-height: 40px;
    padding-left: 14px;
}

.gym_team_tab-filter a.selected,
.gym_team_tab-filter a:hover {
    background: var(--main-gym-color3);
    color: #ffffff;
}

.gym_team_tab-filter.is-open::after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}

.gym_team_tab-filter.is-open ul {
    box-shadow: inset 0 -3px 0 var(--main-gym-color3), 0 2px 10px rgba(0, 0, 0, 0.2);
}

.gym_team_tab-filter.is-open ul li {
    display: block;
}

.gym_team_tab-filter.is-open .placeholder a {
    opacity: .4;
}

.gym_team_detail h4 {
    font-weight: bold;
}

@media only screen and (min-width: 768px) {
    .gym_team_tab-filter {
        width: auto;
        cursor: auto;
    }
    .gym_team_tab-filter::after {
        display: none;
    }
    .gym_team_tab-filter ul {
        background: transparent;
        position: static;
        box-shadow: none;
        text-align: center;
    }
    .gym_team_tab-filter li {
        display: inline-block;
    }
    .gym_team_tab-filter li.placeholder {
        display: none !important;
    }
    .gym_team_tab-filter a {
        display: inline-block;
        padding: 0 10px;
        width: auto;
        color: var(--main-gym-text);
        text-transform: capitalize;
        font-weight: 500;
        font-size: 16px;
    }
    .no-touch .gym_team_tab-filter a:hover {
        color: var(--main-gym-color3);
    }
    .gym_team_tab-filter a.selected,
    .gym_team_tab-filter a:hover {
        background: transparent;
        color: var(--main-gym-color3);
        box-shadow: inset 0 -3px 0 var(--main-gym-color3);
        position: relative;
    }
    .gym_team_tab-filter.is-open ul li {
        display: inline-block;
    }
}

@media only screen and (min-width: 1170px) {
    .gym_team_tab-filter {
        width: 100%;
        float: right;
        margin: 0;
        -webkit-transition: width 0.3s;
        transition: width 0.3s;
    }
    .gym_team_tab-filter.filter-is-visible {
        width: 80%;
    }
}


/* -------------------------------- 
xgallery 
-------------------------------- */

.gym_team_gallery {
    padding: 26px 5%;
    width: 100%;
}

.gym_team_gallery li {
    display: none;
}

.gym_team_gallery li:hover {
    /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);*/
}

.gym_team_gallery li.gap {
    opacity: 0;
    height: 0;
    display: inline-block;
}

.gym_team_gallery img {
    display: block;
    width: 100%;
}

.gym_team_gallery .gym_team_fail-message {
    display: none;
    text-align: center;
}

.gym_team_detail {
    text-align: center;
    padding: 20px 5px;
    color: #222;
    float: left;
    width: 100%;
}

.gym_team_detail span {
    color: var(--main-gym-color3);
}

.gym_teamimg_holder {
    position: relative;
    width: 100%;
    float: left;
}

.gym_team_overlay {
    position: absolute;
    background-color: rgba(241, 66, 106, 0.83);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scale(0);
    transition: all 0.5s;
    background: -webkit-linear-gradient(-45deg, rgba(241, 66, 106, 0.83) 0%, rgba(248, 116, 145, 0.8) 100%);
    background: -moz-linear-gradient(-45deg, rgba(241, 66, 106, 0.83) 0%, rgba(248, 116, 145, 0.8) 100%);
    background: -o-linear-gradient(-45deg, rgba(241, 66, 106, 0.83) 0%, rgba(248, 116, 145, 0.8) 100%);
    background: -ms-linear-gradient(-45deg, rgba(241, 66, 106, 0.83) 0%, rgba(248, 116, 145, 0.8) 100%);
    background: linear-gradient(-45deg, rgba(241, 66, 106, 0.83) 0%, rgba(248, 116, 145, 0.8) 100%);
}

.gym_social_icon a {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    line-height: 45px;
    border-radius: 30px;
    background-color: rgba(255, 255, 255, 0.3);
    color: #fff;
    margin: 0 5px;
    font-size: 18px;
}

.gym_social_icon {
    position: absolute;
    display: table;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 100%;
    padding-top: calc(63% - 15px);
    ;
    opacity: 0;
    transition: all 0.5s;
}

.gym_teamimg_holder:hover .gym_team_overlay {
    transform: scale(1);
}

.gym_teamimg_holder:hover .gym_social_icon {
    opacity: 1;
    transition: all 0.5s;
}

.gym_social_icon a:hover {
    background-color: rgba(255, 255, 255, 1);
    color: var(--main-gym-color3);
}

@media only screen and (min-width: 768px) {
    .gym_team_gallery {
        padding: 40px 3%;
    }
    .gym_team_gallery ul {
        text-align: justify;
    }
    .gym_team_gallery ul:after {
        content: "";
        display: table;
        clear: both;
    }
    .gym_team_gallery li {
        width: 48%;
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 1170px) {
    .gym_team_gallery {
        padding: 40px 0 0;
        float: right;
        -webkit-transition: width 0.3s;
        transition: width 0.3s;
    }
    .gym_team_gallery li {
        width: 23%;
    }
    .gym_team_gallery.filter-is-visible {
        width: 80%;
    }
}


/* -------------------------------- 
  xfilter 
  -------------------------------- */

.gym_team_filter {
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    height: 100%;
    background: #ffffff;
    box-shadow: 4px 4px 20px transparent;
    z-index: 2;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;
    -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3s;
    transition: box-shadow 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, box-shadow 0.3s;
    transition: transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
}

.gym_team_filter::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 100%;
    background-color: #41307c;
    z-index: 2;
}

.gym_team_filter form {
    padding: 70px 20px;
}

.gym_team_filter .gym_team_close {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    line-height: 50px;
    width: 60px;
    color: #ffffff;
    font-size: 1.3rem;
    text-align: center;
    background: #37296a;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    z-index: 3;
}

.no-touch .gym_team_filter .gym_team_close:hover {
    background: #32255f;
}

.gym_team_filter.filter-is-visible {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
}

.gym_team_filter.filter-is-visible .gym_team_close {
    opacity: 1;
}

@media only screen and (min-width: 1170px) {
    .gym_team_filter {
        width: 20%;
    }
    .gym_team_filter form {
        padding: 70px 10%;
    }
}

.gym_team_filter-trigger {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    line-height: 50px;
    width: 60px;
    /* image replacement */
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
    background: transparent url("../img/gym_team_icon-filter.html") no-repeat center center;
    z-index: 3;
}

.gym_team_filter-trigger.filter-is-visible {
    pointer-events: none;
}

@media only screen and (min-width: 1170px) {
    .gym_team_filter-trigger {
        width: auto;
        left: 2%;
        text-indent: 0;
        color: #9a9a9a;
        text-transform: uppercase;
        font-size: 1.3rem;
        font-weight: 700;
        padding-left: 24px;
        background-position: left center;
        -webkit-transition: color 0.3s;
        transition: color 0.3s;
    }
    .no-touch .gym_team_filter-trigger:hover {
        color: #41307c;
    }
    .gym_team_filter-trigger.filter-is-visible,
    .gym_team_filter-trigger.filter-is-visible:hover {
        color: #ffffff;
    }
}

main.gallery-main-content {
    width: 100%;
    float: left;
    padding: 0 15px;
}


/* section.gym_gallery_section {
    padding: 70px 0 0px;
} */

.gym_team_gallery>ul {
    float: left;
    width: 100%;
}

.video-tab-bottom-padder {
    padding-bottom: 85px;
}


/********************************************************
	17. Responsive CSS Start
********************************************************/

@media (min-width: 1200px) {
    .gym_address_wrap p {
        width: 60%;
    }
}

@media (min-width: 1800px) {
    .gym_header_wrapper .container-fluid,
    .gym_banner_wrapper .container-fluid {
        max-width: 1790px;
    }
    .gym_header_wrapper .container-fluid>.row,
    .gym_banner_wrapper .gym_banner_main>.row {
        margin: 0;
    }
}

@media (max-width: 1800px) {
    .gym_banner_title {
        font-size: 300px;
    }
}

@media (min-width: 992px) and (max-width: 1799.98px) {
    .gym_header_wrapper {
        width: 100%;
        max-width: 100%;
        display: inline-table;
    }
}

@media (max-width: 1779px) {
    .gym_footer_wrapper {
        background-image: none;
    }
}

@media (max-width: 1600px) {
    .gym_banner_title {
        font-size: 230px;
    }
    .NextProduct {
        right: -50px;
    }
    .PrevProduct {
        left: -50px;
    }
}

@media (max-width: 1399px) {
    .gym_banner_title {
        font-size: 200px;
    }
    .NextProduct {
        right: 0;
    }
    .PrevProduct {
        left: 0;
    }
    .gym_footer_wrapper {
        background: var(--main-bg-color);
    }
    .gym_gallery_infoInner {
        font-size: 14px;
        line-height: 24px;
    }
}

@media (max-width: 1199.98px) {
    .gym_btn,
    .gym_btn:focus {
        height: 50px;
        line-height: 50px;
    }
    .gym_banner_text h3 {
        font-size: 20px;
        line-height: 18px;
    }
    .gym_banner_text h2 {
        font-size: 50px;
        line-height: 56px;
        margin-bottom: 0;
    }
    .gym_banner_title {
        font-size: 160px;
    }
    .gym_video_btn ul {
        flex-wrap: wrap;
    }
    .gym_banner_text {
        margin: 80px 0 100px 0;
    }
    .video_play {
        margin: 0;
    }
    .gym_video_btn>ul>li {
        margin-top: 20px;
    }
    .gym_video_btn h4 {
        font-size: 18px;
    }
    .gym_open_hours h2 {
        font-size: 28px;
    }
    .gym_open_hours p {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .gym_gallery_grid {
        width: 33.333%;
    }
    .gym_about_tab .gym_tabs_nav li a,
    .gym_about_tab .gym_tabs_nav li.active a {
        padding: 15px 10px;
    }
    .gym_about_tab .gym_tabs_nav span {
        font-size: 16px;
    }
    .gym_about_tab .gym_tabs_nav li a img {
        height: 40px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .main_menu_wrapper>ul>li>a {
        margin: 0 10px;
    }
}

@media (min-width: 991.98px) {
    .main_menu_wrapper>ul>li:hover>a:after,
    .main_menu_wrapper>ul>li:hover>a:before,
    .main_menu_wrapper>ul>li.active>a:after,
    .main_menu_wrapper>ul>li.active>a:before {
        opacity: 1;
        visibility: visible;
    }
    .main_menu_wrapper>ul>li:hover>a:before,
    .main_menu_wrapper>ul>li.active>a:before {
        left: 0;
        right: 0;
    }
    ul.sub_menu {
        top: 30px;
    }
    img.gym_girl {
        animation: LeftRight 6s infinite alternate;
    }
    .main_menu_wrapper>ul>li>a {
        padding: 0;
    }
    .search_input_box,
    .gym_cart_box {
        transform: translate(20px, 0px);
    }
}

@media (max-width: 991.98px) {
    .gym_header_wrapper {
        position: unset;
    }
    .gym_header_wrapper.fixed_header {
        position: fixed;
    }
    .gym_banner_wrapper {
        background-position: center center;
        padding: 0 0 9px 0;
    }
    .gym_product_section {
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
    }
    .main_menu_wrapper li.has_submenu:before,
    .main_menu_wrapper li.has_submenu:after {
        background: var(--main-gym-color3);
    }
    .main_menu_wrapper li {
        border-color: var(--main-border-color);
    }
    .gym_banner_title {
        font-size: 130px;
    }
    .gym_banner_text h2 {
        font-size: 40px;
        line-height: 40px;
    }
    .gym_search_cart ul.display_flex {
        align-items: center;
    }
    .search_input_box {
        right: 162px;
        width: 300px;
    }
    .search_input_box input {
        padding: 8px 60px 8px 15px;
        height: 40px;
    }
    .search_input_box button {
        height: 40px;
        line-height: 40px;
    }
    .gym_open_hours h2 {
        font-size: 20px;
    }
    .gym_open_hours p {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .gym_about_text {
        margin-bottom: 80px;
    }
    .gym_about_section .row {
        align-items: flex-end;
    }
    .gym_about_detail h2 {
        width: auto;
        font-size: 32px;
    }
    .NextProduct {
        right: 15px;
    }
    .PrevProduct {
        left: 15px;
    }
    .gym_gallery_grid {
        width: 50%;
    }
    .gym_bestseller_tag:after {
        border-top: 10px solid var(--main-gym-color3);
        border-bottom: 10px solid var(--main-gym-color3);
    }
    .gym_services_section {
        padding: 72px 0 53px;
    }
    .gym_banner_text {
        position: unset;
    }
    .gym_about_tab .gym_single_tab>img {
        width: 100%;
    }
    .gym_otherpage_banner {
        padding-top: 0;
    }
    .gym_slider_inner {
        padding: 15px 10px 15px;
    }
    .gym_ourtopservices .swiper-container-free-mode>.swiper-wrapper {
        padding: 35px 0;
    }
    .gym_detail_list {
        width: 100%;
        margin-bottom: 0px;
    }
    ul.gym_detail_list+h2 {
        margin-top: 20px;
        float: left;
        width: 100%;
    }
    .gym_otherimg img,
    .gym_leftimg,
    .gym_leftimg img,
    .gym_rightcontent {
        width: 100%;
    }
    .gym_team_meditation {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .gym_righthalf_dv {
        padding: 30px 30px 52px;
    }
    form.gym_inner_form {
        margin: 15px 0 0;
    }
    form.gym_inner_form .mb_30 {
        margin-bottom: 20px;
    }
    .gym_ourbranches .gym_slider_inner {
        width: 100%;
        margin-bottom: 30px;
        padding: 30px;
    }
    .gym_ourbranches .gym_slider_inner:nth-child(2) {
        transform: scale(1);
    }
    .main_menu_wrapper li.has_submenu>ul {
        background-color: #f9f9f9;
    }
    .main_menu_wrapper li>ul>li {
        padding-left: 35px;
    }
    .main_menu_wrapper ul>li>a {
        padding: 15px 20px 15px;
        margin: 0;
    }
    .main_menu_wrapper li {
        padding-bottom: 0;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .gym_gallery_info {
        padding: 20px 15px;
    }
    .gym_calculator_section {
        padding-bottom: 47px;
    }
    .gym_open_hours {
        padding: 68px 50px 0;
    }
}

@media (max-width: 767.98px) {
    .gym_cart_box {
        right: -30px;
        min-width: 280px;
    }
    .gym_banner_text {
        margin: 48px 0 50px 0;
        text-align: center;
    }
    .gym_video_btn h4 {
        text-align: left;
    }
    img.gym_girl {
        left: 0;
        margin-top: 0;
    }
    .gym_banner_title {
        top: 30%;
        left: 0;
    }
    .gym_about_section .row {
        flex-direction: column-reverse;
    }
    .gym_testimonial_slider {
        margin-top: 30px;
    }
    .video_play {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .gym_video_btn svg {
        width: 12px;
    }
    .search_input_box {
        right: 15px;
        width: 290px;
    }
    .search_input_box:after,
    .gym_cart_box:after {
        content: unset;
    }
    .gym_gallery_grid {
        width: 100%;
    }
    .gym_video_btn {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .gym_banner_wrapper {
        padding: 0 0 71px 0;
    }
    .gym_teastimonial_section {
        padding: 72px 0 103px;
    }
    .gym_video_btn>ul>li {
        justify-content: center;
    }
    .gym_open_hours {
        padding: 80px 20px 74px;
        min-height: auto;
    }
    .gym_tabs_container {
        margin-bottom: 2px;
    }
    .gym_calculator_info {
        margin-top: 11px;
    }
    .gym_calculator_info table {
        margin-top: 22px;
    }
    .gym_servicesslider .swiper-slide.swiper-slide-next .gym_slider_inner span {
        background-color: rgba(0, 0, 0, 0.04);
    }
    .gym_servicesslider .swiper-slide.swiper-slide-next {
        transform: scale(0.9);
        z-index: 8;
    }
    .gym_servicesslider .swiper-slide.swiper-slide-next .gym_slider_inner {
        background-color: #ffffff;
    }
    .gym_servicesslider .swiper-slide.swiper-slide-next .gym_slider_inner .gym_topservice_icon1 {
        display: block;
    }
    .gym_servicesslider .swiper-slide.swiper-slide-next .gym_slider_inner .gym_topservice_icon2 {
        display: none;
        margin: auto;
    }
    .gym_servicesslider .swiper-slide.swiper-slide-next .gym_slider_inner h4,
    .gym_servicesslider .swiper-slide.swiper-slide-next .gym_slider_inner p {
        color: var(--main-link-color);
    }
    .gym_servicesslider .swiper-slide.swiper-slide-next .gym_slider_inner .gym_btn {
        background-image: linear-gradient(to right, var(--main-gym-color1) 0%, var(--main-gym-color2) 51%, var(--main-gym-color1) 100%);
        color: var(--main-bg-color);
    }
    .gym_servicesslider .swiper-slide.swiper-slide-active .gym_slider_inner span {
        background-color: rgba(255, 255, 255, 0.04);
    }
    .gym_servicesslider .swiper-slide.swiper-slide-active {
        transform: scale(1);
        z-index: 8;
    }
    .gym_servicesslider .swiper-slide.swiper-slide-active .gym_slider_inner {
        background-color: var(--main-gym-color3);
    }
    .gym_servicesslider .swiper-slide.swiper-slide-active .gym_slider_inner .gym_topservice_icon1 {
        display: none;
    }
    .gym_servicesslider .swiper-slide.swiper-slide-active .gym_slider_inner .gym_topservice_icon2 {
        display: block;
        margin: auto;
    }
    .gym_servicesslider .swiper-slide.swiper-slide-active .gym_slider_inner h4,
    .gym_servicesslider .swiper-slide.swiper-slide-active .gym_slider_inner p {
        color: #fff;
    }
    .gym_servicesslider .swiper-slide.swiper-slide-active .gym_slider_inner .gym_btn {
        background-color: var(--main-bg-color);
        background-image: none;
        color: var(--main-gym-color1);
    }
    .gym_servicesslider .swiper-slide.swiper-slide-active .gym_slider_inner * {
        transform: scale(0.9);
    }
    .gym_servicesslider .swiper-slide.swiper-slide-next .gym_slider_inner * {
        transform: none;
    }
    .gym_ourtopservices .swiper-container-free-mode>.swiper-wrapper {
        padding: 0px 0;
    }
    .gym_lefthalf_dv {
        width: 100%;
        border-radius: 10px 10px 0 0;
    }
    .gym_righthalf_dv {
        width: 100%;
        border-radius: 0 0 10px 10px;
    }
    .gym_contact_form {
        margin-top: 50px;
        position: relative;
    }
    .gym_map_wrapper {
        padding: 50px 0 0;
    }
    .gym_team_tab-filter.is-open ul li {
        padding: 0;
    }
    .gym_team_tab-filter {
        float: left;
    }
    .gym_team_gallery li {
        width: 48%;
        margin: 0 2% 0 0;
    }
    .gym_team_gallery {
        padding: 30px 0 0;
    }
    .gym_team_gallery li:nth-child(even) {
        margin: 0px;
    }
    .gym_team_tab-filter li {
        padding: 0px;
    }
    .gym_watch_free a {
        padding: 37px 110px 37px 50px;
    }
    .gym_watch_free a span {
        padding: 20px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .video_play {
        margin-left: 30px;
    }
    .gym_banner_text h3 {
        line-height: 30px;
    }
}

@media (max-width: 575.98px) {
    .menu_btn {
        width: 30px;
        height: 30px;
        margin-left: 8px;
    }
    .gym_search_cart {
        font-size: 12px;
    }
    .gym_search_cart>ul>li>a>svg {
        margin: 0 6px;
    }
    .gym_banner_title {
        top: 26%;
    }
    .gym_banner_title {
        font-size: 70px;
    }
    .gym_banner_img {
        margin-bottom: 60px;
    }
    .gym_footer_post li img {
        position: relative;
        margin-bottom: 15px;
    }
    .gym_footer_post li {
        padding-left: 0px;
    }
    .gym_video_btn>ul>li {
        width: 100%;
    }
    .gym_about_tab .gym_tabs_nav li span {
        display: none;
    }
    .gym_about_tab .gym_tabs_nav {
        position: relative;
        bottom: 0;
    }
    .gym_about_tab .gym_tabs_nav li {
        margin: 0 5px;
        float: left;
    }
    .gym_otherpage_banner .gym_banner_img {
        margin-bottom: 0px;
    }
    .gym_rightcontent {
        padding: 15px;
    }
    .gym_rightcontent ul li span {
        width: 110px;
    }
    .gym_rightcontent ul li {
        line-height: 30px;
        font-size: 14px;
    }
    .gym_rightcontent a {
        font-size: 24px;
        margin-top: 10px;
    }
    .gym_team_gallery li {
        width: 100%;
        margin: 0;
    }
    .gym_team_gallery {
        padding: 30px 15px 0;
    }
    .gym_blog_comment ul ul {
        padding-left: 45px;
    }
    .gym_frreclass {
        width: 98%;
        margin: auto;
    }
}