/*--------------------- Copyright (c) 2020 ----------------------- 
[Master Stylesheet] 
Project: 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. 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, .gym_btn:focus {
	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;
    border: none;
	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: 20px 0;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 1;
}
.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 rgb(246,70,108);
    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: rgb(246,70,108);
    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;
}
.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);
}
.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 rgb(246,70,108);
}
.gym_cart_box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgb(246,70,108);
    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;
}
/********************************************************
    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: rgb(246,70,108);
    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 {
    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 {
    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 .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: -58px;
    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;
}
.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);
}

/********************************************************
	17. Page Title Start
*******************************************************/
.gym_header_wrapper.gym_header_relative {
    position: unset;
}
.page_title_wrapper {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    padding: 41px 0;
    color: var(--main-bg-color);
    background: linear-gradient(to right, var(--main-gym-color1) 0%, var(--main-gym-color2) 51%, var(--main-gym-color1) 100%);
}
.page_title_wrapper:before {
    position: absolute;
    background-image: radial-gradient(rgba(255, 255, 255, 0.11) 3px,transparent 3px);
    background-size: 30px 30px;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
}
.page_title_text h1 {
    color: var(--main-bg-color);
    font-size: 38px;
    line-height: 46px;
    font-weight: 700;
    margin-bottom: 6px;
}
.page_title_text ul {
    display: flex;
    justify-content: center;
}
.page_title_text ul > li {
    position: relative;
    padding-left: 20px;
}
.page_title_text ul > li:first-child {
    padding-left: 0;
}
.page_title_text ul > li:before {
    content: "\f105";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 3px;
    left: 8px;
}
.page_title_text ul > li:first-child:before {
    content: unset;
}
.page_title_text ul > li a {
    color: #ffffff;
}
/********************************************************
	17. About Page CSS Start
********************************************************/
.gym_aboutPage_wrapper, .gym_whyUsAboutPage_wrapper {
    padding: 80px 0 50px;
}
.gym_aboutPage_img {
    position: relative;
    padding: 40px 0 40px;
    text-align: center;
}
.gym_aboutPage_img:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border: 10px solid var(--main-gym-color3);
    width: 70%;
    margin: auto;
    opacity: .6;
}
.gym_aboutPage_img img {
    width: 100%;
    position: relative;
}
.gym_aboutPage_img:hover:before {
    width: 85%;
}
.gym_aboutPage_wrapper .gym_about_detail h2, .gym_whyUsAboutPage_wrapper .gym_about_detail h2 {
    width: 80%;
}
.gym_aboutPage_wrapper .row, .gym_whyUsAboutPage_wrapper .row {
    align-items: center;
}
.gym_aboutPage_img:hover:before, .gym_aboutPage_img:hover, .gym_aboutPage_img, .gym_aboutPage_img: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;
}
/********************************************************
	18. Contact Page CSS Start
********************************************************/
.gym_contact_section {
    padding: 80px 0 50px;
}
.gym_widgets_contact {
    width: 100%;
    background: var(--main-bg-color);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
    border: none;
    border-radius: 20px;
    padding: 30px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.gym_widgets_contact:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}
.gym_widgets_contact span svg {
    height: 60px;
    width: 60px;
    fill: var(--main-gym-color1);
}
.gym_widgets_contact span {
    display: inline-block;
    width: 100%;
    margin: 0 0 19px;
}
.gym_widgets_contact h4 {
    color: var(--main-link-color);
    font-size: 24px;
    margin: 0 0 17px;
}
.gym_contact_info_text a {
    display: inline-block;
    width: 100%;
    color: var(--main-link-color);
}
.gym_contact_info_text a:hover {
    color: var(--main-gym-color1);
}
.gym_widgets_contact, .gym_widgets_contact: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_map_section iframe {
    display: flex;
    width: 100%;
    height: 600px;
}
.gym_map_inner {
    width: 100%;
    position: relative;
}
.gym_form_field textarea.gym_field_inner {
    padding: 12px 30px;
    height: 130px;
}
.gym_contact_from {
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    left: 0;
    width: 40%;
    margin: auto;
    bottom: 0;
    background: var(--main-bg-color);
    height: 410px;
    padding: 50px 50px 50px;
    border: none;
    border-radius: 20px;
}
/********************************************************
	22. Blog Page Start
*******************************************************/
.gym_blog_wrapper {
    padding: 80px 0 30px;
    background: var(--main-bg1-color);
}
.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-color3);
    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: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;
}
.gym_blog_date {
    color: var(--main-gym-color3);
    font-weight: 700;
}
.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 {
    border: none;
    border-radius: 10px;
}
.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);
}
img.gym_user {
    width: 30px;
    height: 30px;
    border-radius: 100%;
}
.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_heading: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 {
    color: var(--main-link-color);
    font-weight: 700;
    width: 40px;
    height: 40px;
    line-height: 42px;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    background: transparent;
}
.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: transparent;
    color: var(--main-gym-color3);
}
.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_section_heading {
    font-size: 32px;
    color: var(--main-link-color);
    font-weight: 600;
    margin-bottom: 35px;
}
.gym_user_name {
    color: var(--main-link-color);
    font-weight: 500;
}
/********************************************************
	23. Blog Single Page Start
*******************************************************/
.gym_blockquote {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.gym_blockquote_img {
    width: 160px;
    margin-right: 10px;
    position: relative;
}
.gym_blockquote_quote {
    width: calc(100% - 170px);
    color: var(--main-link-color);
    position: relative;
    text-align: center;
}
.gym_blockquote_quote p, .gym_quote_user {
    text-align: left;
}
.gym_blockquote_img img.gym_quote_user {
    border: 3px solid var(--main-gym-color3);
    border-radius: 50%;
    width: 130px;
    height: 130px;
}
.gym_blockquote_img:before {
    content: "\f10e";
    right: 12px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: var(--main-gym-color3);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 40px;
    height: 40px;
    line-height: 32px;
    background: var(--main-bg-color);
    border: 5px solid var(--main-gym-color3);
    padding-left: 8px;
    border-radius: 100%;
}
.gym_quote_user {
    color: var(--main-link-color);
    font-weight: 700;
    font-size: 20px;
    width: 100%;
    display: inline-block;
}
.gym_quote_user > span {
    color: var(--main-txt-color);
    font-size: 16px;
    font-weight: 400;
}
.gym_blockquote_quote:before {
    content: "\f10e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: var(--main-gym-color3);
    position: absolute;
    left: 0;
    right: 0;
    font-size: 2%;
    margin: auto;
}
.gym_blockquote_quote:before {
    content: "\f10e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: var(--main-gym-color3);
    position: absolute;
    left: 0;
    right: 0;
    font-size: 84px;
    margin: auto;
    top: 50%;
    opacity: .1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.gym_img_text_container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.gym_img_text_container img {
    width: 370px;
    display: inline-block;
    margin: 6px 15px 6px 0;
    border-radius: 8px;
}
.gym_img_text_container p {
    display: inline-block;
    width: calc(100% - 385px);
}
.gym_author_message_box {
    background: var(--main-gym-color3);
    border: none;
    border-radius: 6px;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 74px 0 73px;
    color: var(--main-bg-color);
}
.gym_author_content h5 {
    color: var(--main-bg-color);
    font-weight: 700;
    font-size: 20px;
}
.gym_author_content h5 span {
    font-weight: 400;
    font-size: 16px;
}
.gym_author_content {
    width: calc(100% - 140px);
}
.gym_author_image {
    width: 110px;
    height: 110px;
    overflow: hidden;
    margin-right: 30px;
}
.gym_author_image img {
    width: 110px;
    height: 110px;
    border: none;
    border-radius: 100%;
    object-fit: fill;
}
.gym_comment_holder {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.gym_comment_detail {
    width: calc(100% - 130px);
}
.gym_comment_user {
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-right: 30px;
}
.gym_comment_user img {
    width: 100px;
    height: 100px;
    border: none;
    border-radius: 100%;
    object-fit: fill;
}
.gym_blog_comment > ul > li {
    margin-bottom: 26px;
    display: inline-block;
}
.gym_blog_comment ul li ul {
    padding-left: 80px;
}
.gym_blog_comment > ul > li > ul > li {
    margin-top: 26px;
}
.gym_comment_form {
    margin-top: 43px;
}
.gym_blogform_field {
    width: 100%;
    border: 1px solid var(--main-border-color);
    padding: 0 20px;
    height: 50px;
    border-radius: 6px;
    display: flex;
}
textarea.gym_blogform_field {
    height: 150px;
    resize: none;
    padding: 12px 20px;
}
.gym_field_holder {
    margin-bottom: 30px;
}
.gym_comment_form .gym_section_heading {
    margin-bottom: 40px;
}
.gym_comment_form .gym_btn {
    margin: 0;
}
.gym_reply_btn {
    color: var(--main-gym-color3);
    margin-left: 15px;
}
.gym_reply_btn svg {
    width: 16px;
    fill: var(--main-gym-color3);
}

/********************************************************
	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: 99%;
        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_contact_from {
        width: 80%;
    }
    .gym_contact_from {
        height: 400px;
    }
    .gym_widgets_contact span svg {
        height: 40px;
        width: 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_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_aboutPage_wrapper .gym_about_text, .gym_whyUsAboutPage_wrapper .gym_about_text {
        margin: 0;
    }
    .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_contact_from {
        height: 480px;
    }
    .gym_img_text_container img {
        width: 100%;
        margin: 30px 0;
    }
    .gym_img_text_container p {
        width: 100%;
    }
}

@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;
    }
    .gym_blog_title_wrap {
        width: 100%;
        margin-top: 10px;
    }
}

@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_contact_from {
        padding: 50px 15px 50px;
    }
}

@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_comment_detail {
        width: 100%;
        margin-top: 15px;
    }
}