@charset "UTF-8";

@font-face {
    font-family: 'Futura';
    src: url('../fonts/Futura-Bold.eot');
    src: url('../fonts/Futura-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Futura-Bold.woff') format('woff'),
        url('../fonts/Futura-Bold.ttf') format('truetype'),
        url('../fonts/Futura-Bold.svg#Futura-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('../fonts/Futura-Medium.eot');
    src: url('../fonts/Futura-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Futura-Medium.woff') format('woff'),
        url('../fonts/Futura-Medium.ttf') format('truetype'),
        url('../fonts/Futura-Medium.svg#Futura-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.eot');
    src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Black.woff') format('woff'),
        url('../fonts/Roboto-Black.ttf') format('truetype'),
        url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.eot');
    src: url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Thin.woff') format('woff'),
        url('../fonts/Roboto-Thin.ttf') format('truetype'),
        url('../fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype'),
        url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype'),
        url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype'),
        url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.eot');
    src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Light.woff') format('woff'),
        url('../fonts/Roboto-Light.ttf') format('truetype'),
        url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/*Intel*/
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter18pt-Light.eot');
    src: url('../fonts/Inter/Inter18pt-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter18pt-Light.woff2') format('woff2'),
        url('../fonts/Inter/Inter18pt-Light.woff') format('woff'),
        url('../fonts/Inter/Inter18pt-Light.ttf') format('truetype'),
        url('../fonts/Inter/Inter18pt-Light.svg#Inter18pt-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter18pt-Regular.eot');
    src: url('../fonts/Inter/Inter18pt-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter18pt-Regular.woff2') format('woff2'),
        url('../fonts/Inter/Inter18pt-Regular.woff') format('woff'),
        url('../fonts/Inter/Inter18pt-Regular.ttf') format('truetype'),
        url('../fonts/Inter/Inter18pt-Regular.svg#Inter18pt-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter18pt-Medium.eot');
    src: url('../fonts/Inter/Inter18pt-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter18pt-Medium.woff2') format('woff2'),
        url('../fonts/Inter/Inter18pt-Medium.woff') format('woff'),
        url('../fonts/Inter/Inter18pt-Medium.ttf') format('truetype'),
        url('../fonts/Inter/Inter18pt-Medium.svg#Inter18pt-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter18pt-SemiBold.eot');
    src: url('../fonts/Inter/Inter18pt-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter18pt-SemiBold.woff2') format('woff2'),
        url('../fonts/Inter/Inter18pt-SemiBold.woff') format('woff'),
        url('../fonts/Inter/Inter18pt-SemiBold.ttf') format('truetype'),
        url('../fonts/Inter/Inter18pt-SemiBold.svg#Inter18pt-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter18pt-Bold.eot');
    src: url('../fonts/Inter/Inter18pt-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter18pt-Bold.woff2') format('woff2'),
        url('../fonts/Inter/Inter18pt-Bold.woff') format('woff'),
        url('../fonts/Inter/Inter18pt-Bold.ttf') format('truetype'),
        url('../fonts/Inter/Inter18pt-Bold.svg#Inter18pt-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter18pt-ExtraBold.eot');
    src: url('../fonts/Inter/Inter18pt-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter18pt-ExtraBold.woff2') format('woff2'),
        url('../fonts/Inter/Inter18pt-ExtraBold.woff') format('woff'),
        url('../fonts/Inter/Inter18pt-ExtraBold.ttf') format('truetype'),
        url('../fonts/Inter/Inter18pt-ExtraBold.svg#Inter18pt-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter18pt-Black.eot');
    src: url('../fonts/Inter/Inter18pt-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter/Inter18pt-Black.woff2') format('woff2'),
        url('../fonts/Inter/Inter18pt-Black.woff') format('woff'),
        url('../fonts/Inter/Inter18pt-Black.ttf') format('truetype'),
        url('../fonts/Inter/Inter18pt-Black.svg#Inter18pt-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
/*Intel*/

/*-----------------------------------------------------------------------------------

    Template Name: RexFit Fitness and Gym HTML5 Template
    Template URI: 
    Description: This is html5 template
    Author: voidcoders
    Author URI: https://themeforest.net/user/voidcoders
    Version: 1.00

-----------------------------------------------------------------------------------

    INDEX
    ===================
    *. Responsive
    1. Theme default
    2. Header
    3. Hero
    4. Footer
    5. Features
    6. About
    7. Trainer
    8. Gallery
    9. Blog
    10. Pricing
    11. Classes
    12. Service
    13. Testimonial
    14. Contact
    15. Responsive
    
-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  Theme default CSS
/*----------------------------------------*/
.clear {
    clear: both;
}
::-moz-selection {
    background: var(--brand-color);
    color: #fff;
    text-shadow: none;
}
::selection {
    background: var(--brand-color);
    color: #fff;
    text-shadow: none;
}
.no-mar {
    margin: 0 !important;
}
.no-pad {
    padding: 0 !important;
}
div#preloader {
    background: #0f1217 url(../img/preloader.gif) no-repeat scroll center center;
    height: 100%;
    left: 0;
    overflow: visible;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
header.navbar-fixed-top {
    animation-duration: 0.8s;
    animation-name: fadeInDown;
    animation-timing-function: ease-in-out;
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    left: 0;
    position: fixed !important;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}
.mar-bot-50 {
    margin-bottom: 50px;
}
.mar-bot-40 {
    margin-bottom: 40px;
}
.mar-bot-35 {
    margin-bottom: 35px;
}
.mar-bot-30 {
    margin-bottom: 30px;
}
.mar-top-30 {
    margin-top: 30px;
}
.mar-top-80 {
    margin-top: 80px;
}
.mar-top-80 {
    margin-top: 80px;
}
.mar-top-55 {
    margin-top: 55px;
}
.mar-top-108 {
    margin-top: 108px;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
*:focus {
    outline: 0;
}
html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
}
body {
    background: #000;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 1.5px;
    color: #888;
    line-height: 30px;
    -webkit-font-smoothing: antialiased;
    /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
img {
    max-width: 100%;
    height: auto;
}
button,
input,
textarea {
    letter-spacing: 1px;
}
body.mobiletoggleSlide {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 100%;
}
/* 
Table Of Contents
=========================
- Default Typography
- Custom Typography
=========================
*/
/* 
--------------------------
- Default Typography
--------------------------
*/
body {
    font-family: "Inter", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    color: #000;
    letter-spacing: 1.5px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
    font-family: "Inter", sans-serif;
}
h1 {
    font-size: 36px;
    line-height: 70px;
    letter-spacing: 1px;
    margin-bottom: 0px;
}
h2 {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 0px;
}
h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 0px;
}
h4 {
    font-size: 20px;
    line-height: 27px;
}
h5 {
    font-size: 16px;
    line-height: 24px;
}
h6 {
    font-size: 14px;
    line-height: 24px;
}
p {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0;
}
p img {
    margin: 0;
}
span {
}
/* em and strong */
em {
    font: 15px/30px;
}
strong,
b {
    font: 15px/30px;
}
small {
    font-size: 11px;
    line-height: inherit;
}
/*  blockquotes */
blockquote {
    border-left: 0 none;
    margin: 10px 0;
    padding-left: 40px;
    position: relative;
}
blockquote::before {
    color: #4e5665;
    content: "";
    font-family: FontAwesome;
    font-size: 36px;
    left: 20px;
    line-height: 0;
    margin: 0;
    opacity: 0.5;
    position: absolute;
    top: 20px;
}blockquote p {
    font-style: italic;
    padding: 0;
    font-size: 18px;
    line-height: 36px;
}blockquote cite {
    display: block;
    font-size: 12px;
    font-style: normal;
    line-height: 18px;
}blockquote cite:before {
    content: "\2014 \0020";
}blockquote cite a,
blockquote cite a:visited {
    color: #8B9798;
    border: none;
}
/* abbreviations */
abbr {
    color: #444;
    font-weight: 700;
    font-variant: small-caps;
    text-transform: lowercase;
    letter-spacing: .6px;
}abbr:hover {
    cursor: help;
}
/* links */
a,
a:visited {
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
    color: #111;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    outline: 0;
}
a:hover,
a:active {
    color: var(--brand-color);
    text-decoration: none;
    outline: 0;
}
a:focus {
    text-decoration: none;
    outline: 0;
}
p a,
p a:visited {
    line-height: inherit;
    outline: 0;
}
a.active-page {
    color: #e6ae48 !important;
}
/* list */
ul,
ol {
    margin-bottom: 0px;
    margin-top: 0px;
}
ul {
    margin: 0;
}
ol {
    list-style: decimal;
}
ol,
ul.square,
ul.circle,
ul.disc {
    margin-left: 0px;
}
ul.square {
    list-style: square outside;
}
ul.circle {
    list-style: circle outside;
}
ul.disc {
    list-style: disc outside;
}
ul ul,
ul ol,
ol ul,
ol ol {
    margin: 0;
}ul ul li,
ul ol li,
ol ul li,
ol ol li {
    margin-bottom: 0px;
}
li {
    line-height: 18px;
    margin-bottom: 0px;
}
/* definition list */
dl {
    margin: 12px 0;
}
dt {
    margin: 0;
    color: #11ABB0;
}
dd {
    margin: 0 0 0 20px;
}
i[class^="flaticon-"]:before {
    font-size: inherit;
    margin: 0;
}
.section-padding {
    padding: 80px 0px;
}
.no-pad-top {
    padding-top: 0px;
}
.no-pad-bot {
    padding-top: 0px;
}
.section-titleV1 {
    position: relative;
    text-align: center;
    max-width: 750px;
    padding: 25px;
    margin: 25px auto;
}.section-titleV1 p {
    font-size: 18px;
    letter-spacing: 0px;
    color: #545361;
    font-weight: 500;
    line-height: 24px;
}.section-titleV1 h3 {
    font-size: 36px;
    letter-spacing: 0px;
    color: #17171a;
    line-height: 40px;
    font-weight: 600;
    margin: 10px auto;
}
.section-titleV2 {
    position: relative;
    text-align: center;
    max-width: 750px;
    padding: 25px;
    margin: 25px auto;
}.section-titleV2 h3 {
    font-size: 35px;
    line-height: 50px;
    color: #ffffff;
    letter-spacing: 0px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 10px auto;
}
.section-titleV2 h4 {
    color: #fff;
    font-size: 18px;
    letter-spacing: 0px;
    font-weight: 500;
    line-height: 24px;
}

.section-text {
    position: relative;
}.section-text p {
    font-size: 16px;
    color: #101012;
    line-height: 24px;
    margin: 25px auto;
}.section-text .section-titleV1 {
    margin: 0 auto;
    padding-bottom: 0px;
    text-align: left;
    padding-left: 0px;
}.section-text .section-titleV1 p {
    font-size: 24px;
}.section-text a.btn-style-8 {
    margin-right: 10px;
}
/* Button Style */
a.btn-style-a {
    position: relative;
    font-size: 16px;
    letter-spacing: 0px;
    color: var(--brand-color);
    display: inline-block;
    padding: 10px 25px;
    z-index: 1;
}a.btn-style-a:hover {
    color: #fff !important;
}a.btn-style-a:hover::before {
    opacity: 0;
    -moz-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
}a.btn-style-a:hover::after {
    opacity: 1;
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}a.btn-style-a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 1px solid var(--brand-color);
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}a.btn-style-a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: var(--brand-color);
    border-radius: 5px;
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

a.btn-style-b {
    position: relative;
    font-size: 16px;
    letter-spacing: 0px;
    color: #ffffff;
    display: inline-block;
    padding: 10px 25px;
    z-index: 1;
}a.btn-style-b:hover {
    color: var(--brand-color) !important;
}a.btn-style-b:hover::before {
    opacity: 0;
    -moz-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
}a.btn-style-b:hover::after {
    opacity: 1;
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}a.btn-style-b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 1px solid var(--brand-color);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: var(--brand-color);
}a.btn-style-b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: transparent;
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    border: 1px solid var(--brand-color);
}

a.btn-style-c {
    position: relative;
    font-size: 16px;
    letter-spacing: 0px;
    color: #fff;
    display: inline-block;
    padding: 10px 25px;
    z-index: 1;
}a.btn-style-c:hover::before {
    opacity: 0;
    -moz-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
}a.btn-style-c:hover::after {
    opacity: 1;
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}a.btn-style-c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 1px solid #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}a.btn-style-c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: var(--brand-color);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

a.hero3-btn {
    position: relative;
    font-size: 22px;
    letter-spacing: 0px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px 25px;
    display: inline-block;
    z-index: 1;
}a.hero3-btn:after {
    position: absolute;
    content: '';
    background-image: url(../img/bg/btn-bg-1-hover.png);
    background-size: 100% 100%;
    height: 100%;
    width: 50%;
    top: 0;
    left: 0;
    z-index: -1;
    transition: .5s ease;
}a.hero3-btn:hover:after {
    width: 100%;
}
a.focused-btn {
    padding: 10px 12px !important;
    -webkit-box-shadow: 0px 0px 4px -2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 4px -2px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 4px -2px rgba(0, 0, 0, 0.75);
}a.focused-btn:hover {
    color: #fff !important;
}a.focused-btn:hover::before {
    opacity: 0;
    -moz-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
}a.focused-btn:hover::after {
    opacity: 1;
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}a.focused-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--brand-color);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}a.focused-btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #fff;
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}
a.focused-btn-b {
    color: #fff;
    padding: 10px 15px !important;
    -webkit-box-shadow: 0px 0px 4px -2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 4px -2px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 4px -2px rgba(0, 0, 0, 0.75);
}a.focused-btn-b:hover {
    color: #fff !important;
}a.focused-btn-b:hover::before {
    opacity: 0;
    -moz-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
}a.focused-btn-b:hover::after {
    opacity: 1;
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}a.focused-btn-b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 1px solid var(--brand-color);
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}a.focused-btn-b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: var(--brand-color);
    border: 1px solid var(--brand-color);
    border-radius: 5px;
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}
a#scrollUp {
    bottom: 8px;
    right: 10px;
    background-color: var(--brand-color);
    color: #fff;
    height: 35px;
    width: 35px;
    text-align: center;
    font-size: 16px;
    padding-top: 4px;
}

.hidden-xs{
    display: block !important;
}
.visible-xs{
    display: none !important;
}
@media(max-width: 600px){
    .hidden-xs{
        display: none !important;
    }
    .visible-xs{
        display: block !important;
    }
}
/* -------- KeyFrames -------- */
@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }    to {
        -moz-transform: rotate(360deg); }
}@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }    to {
        -webkit-transform: rotate(360deg); }
}@keyframes spin {
    from {
        transform: rotate(0deg);
    }    to {
        transform: rotate(360deg); }
}@-moz-keyframes AntiClockWiseSpin {
    from {
        -moz-transform: rotate(0deg);
    }    to {
        -moz-transform: rotate(-360deg); }
}@-webkit-keyframes AntiClockWiseSpin {
    from {
        -webkit-transform: rotate(0deg);
    }    to {
        -webkit-transform: rotate(-360deg); }
}@keyframes AntiClockWiseSpin {
    from {
        transform: rotate(0deg);
    }    to {
        transform: rotate(-360deg); }
}/* -------- KeyFrames END -------- */
/* ---------- Theme default CSS END ---------- */
/*----------------------------------------*/
/*  Header Style
/*----------------------------------------*/
header.rexfit-header.navbar-fixed-top {
    background-color: #121a23;
}
.rexfit-header {
    background-color: #000;
    padding: 5px 0 15px;
    position: fixed;
    width: 100%;
    height: auto;
    z-index: 999;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media(max-width: 600px){
    .rexfit-header {
        padding-bottom: 0;
    }
}
.rf-topbar {
    position: relative;
    padding: 10px 0px;
}
.rft {
    position: relative;
    border-bottom: 1px solid var(--brand-color);
    padding: 5px 0px;
}
.tb-social {
    position: relative;
}
ul.rf-social-icon {
    position: relative;
    padding: 0px;
    list-style-type: none;
}ul.rf-social-icon li {
    position: relative;
    display: inline-block;
    margin-right: 10px;
}ul.rf-social-icon li a {
    font-size: 18px;
    color: #fff;
}ul.rf-social-icon li a:hover {
    color: var(--brand-color);
}
.tb-contact {
    position: relative;
    text-align: right;
}
ul.tbc-list {
    position: relative;
    padding: 0;
    list-style-type: none;
}ul.tbc-list li {
    position: relative;
    display: inline-block;
    margin-left: 10px;
}ul.tbc-list li a {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 22px;
    text-align: center;
}
.rf-navbar {
    position: relative;
}
.rexfit-nav {
    position: relative;
}
.rexfit-nav > ul > li {
    margin: 0px 0px;
}
.rexfit-nav > ul > li.has-sub > a:after {
    display: none;
}
.rexfit-nav ul {
    position: relative;
    text-align: right;
    margin: 10px auto;
    display: flex;
    justify-content: flex-end;
    gap: 30px;
}
.rexfit-nav ul li {
    position: relative;
}
.rexfit-nav ul li a {
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 400;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
}
.rexfit-nav ul li a.focused-btn-b{
    padding: 10px 35px !important;
    font-weight: 800;
    color: #000;
}
@media(max-width: 992px){
    .rexfit-nav ul li a.focused-btn-b{
        padding: 10px 15px !important;
    }
}
.rexfit-nav ul li a.focused-btn-b:before{
    background-color: var(--brand-color);
    border: 1px solid var(--brand-color);
}
.rexfit-nav ul li a.focused-btn-b:after{
    border: 1px solid var(--brand-color);
    background-color: transparent;
}
.rexfit-nav ul li a:hover {
    color: var(--brand-color);
}.rexfit-nav ul li ul li.has-sub > a:after {
    margin-right: 5px;
    margin-left: 5px;
    float: right;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fff;
    border-right: 0px;
    position: relative;
    top: 4px;
}.rexfit-nav ul li.drop-left li.has-sub > a:after {
    float: right;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fff;
    border-right: 0px;
    margin-right: 5px;
    margin-left: 5px;
}.rexfit-nav ul ul {
    background: #121a23;
    margin: 0 auto;
}.rexfit-nav ul ul li a:hover {
    background: var(--brand-color);
    color: #fff;
}.rexfit-nav ul ul li.drop3-left ul {
    left: unset;
    right: 220px;
}.rexfit-nav a.menu-toggle {
    text-align: right;
}.rexfit-nav a.menu-toggle span.bars {
    float: right;
    margin-right: 0;
}.rexfit-nav a.menu-toggle span.bars span {
    width: 20px;
    background-color: #fff;
}.rexfit-nav a.call-btn-mobile,
.rexfit-nav a.close-menu {
    color: #fff;
    font-size: 14px;
    letter-spacing: 0px;
    padding: 5px 10px;
    width: 80px;
    margin-left: calc(100% - 80px);
    cursor: pointer;
}.rexfit-nav a.call-btn-mobile span.icon-close,
.rexfit-nav a.close-menu span.icon-close {
    height: 17px;
    width: 11px;
}.rexfit-nav a.call-btn-mobile span.icon-close:after, .rexfit-nav a.call-btn-mobile span.icon-close:before,
.rexfit-nav a.close-menu span.icon-close:after,
.rexfit-nav a.close-menu span.icon-close:before {
    border-color: #fff;
    width: 13px;
    left: -5px;
    top: 10px;
}
.rf-logo {
    margin: 10px auto;
}
.rexfit-nav.mobile {
    text-align: right;
}.rexfit-nav.mobile > ul {
    margin: 0 auto;
    background-color: #121a23;
    opacity: 1 !important;
    z-index: 9;
}.rexfit-nav.mobile ul ul {
    background-color: #0b0f15;
    margin: 0 auto;
}.rexfit-nav.mobile ul ul li.drop3-left ul {
    right: 0;
}.rexfit-nav.mobile ul ul ul {
    background-color: #000;
}.rexfit-nav.mobile a.dd-toggle:hover {
    background-color: transparent;
}
.rf2h .rexfit-nav.mobile ul li a:hover {
    color: #fff;
    background-color: var(--brand-color);
}
.rexfit-nav.mobile > ul {
    right: -100% !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.rexfit-nav.mobile.active > ul {
    right: 0% !important;
    padding: 10px;
}
.mobiletoggleSlide .rexfit-nav a.menu-toggle span.bars span {
    opacity: 0;
    position: relative;
    transition: .5s ease;
}.mobiletoggleSlide .rexfit-nav a.menu-toggle span.bars span:first-child {
    opacity: 1;
    transform: rotate(45deg);
    top: 4px;
}.mobiletoggleSlide .rexfit-nav a.menu-toggle span.bars span:last-child {
    opacity: 1;
    transform: rotate(-45deg);
    bottom: 6px;
}
/* ---------- Header Style END ---------- */
/*----------------------------------------*/
/*  Header Style 2
/*----------------------------------------*/
.rf2h .rft {
    border-bottom: 1px solid #fff;
}.rf2h ul.rf-social-icon li a:hover {
    color: #101012;
}.rf2h .rexfit-nav ul li a:hover {
    color: #101012;
}
header.rf2h.navbar-fixed-top {
    background-color: var(--brand-color);
}header.rf2h.navbar-fixed-top .rft {
    border-color: #fff;
}
/* ---------- Header Style 2 END ---------- */
/*----------------------------------------*/
/*  Hero 1 Style
/*----------------------------------------*/
.hero-area {
    position: relative;
    padding: 150px 0px 100px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.hero_V1 {
    background-image: url(../img/bg/hp-s1-bg.jpg);
    background-size: cover;
}
.hero_V1.additional-slide{
    background-image: none;
    padding: 0;
}
.hero_V1.additional-slide .hero1-carousel{
    margin: 0 auto;
}
/*.hero_V1.additional-slide .hero1-carousel .item{
    padding: 175px 0px 140px;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/bg/hp-s1-bg.jpg);
}
@media(max-width: 767px){
    .hero_V1.additional-slide .hero1-carousel .item{
        background-position: 30%;
    }
}*/
.hero_V1.additional-slide .hero1-carousel .item.slide-2{
    background-image: url(../img/bg/hp-s1-bg2.jpg);
    background-repeat: no-repeat;
    padding-top: 300px;
    padding-bottom: 190px;
}
@media(max-width: 767px){
    .hero_V1.additional-slide .hero1-carousel .item.slide-2{
        /*padding-top: 90px;
        padding-bottom: 100px;*/
        background-position: 5%;
    }
}
.hero_V1.additional-slide .hero1-carousel .item.slide-2 .item-title{
    font-size: 54px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 0 10px #000;
    line-height: 1;
}
@media(max-width: 767px){
    .hero_V1.additional-slide .hero1-carousel .item.slide-2 .item-title{
        font-size: 30px;
    }
}
.hero_V1.additional-slide .hero1-carousel .item.slide-2 .item-sub-title{
    font-size: 54px;
    font-weight: 300;
    color: var(--brand-color);
    text-shadow: 0 0 10px #000;
    line-height: 1.5;
}
@media(max-width: 767px){
    .hero_V1.additional-slide .hero1-carousel .item.slide-2 .item-title{
        font-size: 30px;
    }
}
.hero_V1.additional-slide .hero1-carousel .item.slide-2 p{
    line-height: 1.8;
    font-weight: 500;
}
.hero_V1.additional-slide .hero1-carousel .item.slide-2 p span{
    color: var(--brand-color);
}
.hero_V1.additional-slide .hero1-carousel .item.slide-2 .item-note{
    font-size: 30px;
    font-weight: 700;
    color: var(--brand-color);
    text-shadow: 0 0 10px #000;
    margin-bottom: 50px;
}
.hero_V1.additional-slide .hero1-carousel .item.slide-2 .hero-btn a{
    /*padding: 15px 30px;
    font-weight: 400;*/
}
.hero_V1.additional-slide .hero1-carousel .item.slide-2 .hero-btn a:before,
.hero_V1.additional-slide .hero1-carousel .item.slide-2 .hero-btn a:after{
    border-radius: 5px;
}
.hero_V1:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: .70;
}.hero_V1 .hero-btn a:hover {
    color: #fff !important;
}.hero_V1 .hero-btn a:hover::after {
    border-color: #fff;
} 
.hero_V1 .hero1-carousel .owl-stage-outer .owl-stage .active{
	width: 100vw;
}
.hero_V1 .hero1-carousel .item.slide-2{
	/*margin-top: 300px;*/
}
.hero_V1 .hero1-carousel .item .hero-text .title{
	color: #fff;
    font-size: 81px;
    font-weight: 300;
    letter-spacing: 0.003em;
    line-height: 0.81;
    margin-top: 100px;
}
@media(max-width: 1199px){
	.hero_V1 .hero1-carousel .item .hero-text .title{
		font-size: 65px;
	}
}
@media(max-width: 991px){
	.hero_V1 .hero1-carousel .item .hero-text .title{
		font-size: 50px;
	}
}
@media(max-width: 767px){
	.hero_V1 .hero1-carousel .item .hero-text .title{
		font-size: 24px;
	}
}
.it .hero_V1 .hero1-carousel .item .hero-text .title{
	color: #fff;
    font-size: 70px;
    font-weight: 300;
    letter-spacing: 0.003em;
    line-height: 0.81;
    margin-top: 100px;
}
@media(max-width: 1199px){
	.it .hero_V1 .hero1-carousel .item .hero-text .title{
		font-size: 50px;
	}
}
@media(max-width: 991px){
	.it .hero_V1 .hero1-carousel .item .hero-text .title{
		font-size: 40px;
	}
}
@media(max-width: 767px){
	.it .hero_V1 .hero1-carousel .item .hero-text .title{
		font-size: 20px;
	}
}
.hero_V1 .hero1-carousel .item .hero-text .circle{
	transform: rotate(10deg);
    padding: 30px 0;
	width: 217px;
    height: 217px;
    text-align: center;
    margin-left: auto;
    border: 2px solid var(--brand-color);
    border-radius: 50%;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 20%, rgba(239,125,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 20%,rgba(239,125,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,1) 20%,rgba(239,125,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='var(--brand-color)',GradientType=0 );
}
.fr .hero_V1 .hero1-carousel .item .hero-text .circle{
    padding: 37px 0;
}
@media(max-width: 1199px){
	.hero_V1 .hero1-carousel .item .hero-text .circle{
		width: 185px;
	    height: 185px;
	}
}
@media(max-width: 991px){
	.hero_V1 .hero1-carousel .item .hero-text .circle{
		width: 165px;
	    height: 165px;
	    padding: 20px 0;
	}
}
@media(max-width: 767px){
	.hero_V1 .hero1-carousel .item .hero-text .circle{
	    width: 150px;
		height: 150px;
		padding: 30px 0;
	}
}
.hero_V1 .hero1-carousel .item .hero-text .circle .circle-top{
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.001em;
    line-height: 1.16;
    color: #fff;
}
@media(max-width: 1199px){
	.hero_V1 .hero1-carousel .item .hero-text .circle .circle-top{
		font-size: 16px;
	}
}
@media(max-width: 991px){
	.hero_V1 .hero1-carousel .item .hero-text .circle .circle-top{
		font-size: 14px;
	}
}
@media(max-width: 767px){
	.hero_V1 .hero1-carousel .item .hero-text .circle .circle-top{
		font-size: 12px;
	}
}
.hero_V1 .hero1-carousel .item .hero-text .circle .circle-top:after{
	content: ' ';
	display: block;
	border-bottom: 2px solid var(--brand-color);
	padding-bottom: 15px;
    width: 180px;
    margin: 0 auto 15px;
}
@media(max-width: 1199px){
	.hero_V1 .hero1-carousel .item .hero-text .circle .circle-top:after{
    	width: 150px;
	}
}
@media(max-width: 991px){
	.hero_V1 .hero1-carousel .item .hero-text .circle .circle-top:after{
    	width: 125px;
	}
}
@media(max-width: 767px){
	.hero_V1 .hero1-carousel .item .hero-text .circle .circle-top:after{
    	width: 105px;
		padding-bottom: 10px;
    	margin: 0 auto 10px;
	}
}
.hero_V1 .hero1-carousel .item .hero-text .circle .circle-top .span-2{
	color: var(--brand-color);
	font-weight: 600;
}
.hero_V1 .hero1-carousel .item .hero-text .circle .circle-bottom{
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 0.001em;
    line-height: 1;
    color: #fff;
}
@media(max-width: 1199px){
	.hero_V1 .hero1-carousel .item .hero-text .circle .circle-bottom{
		font-size: 16px;
	}
}
@media(max-width: 991px){
	.hero_V1 .hero1-carousel .item .hero-text .circle .circle-bottom{
		font-size: 14px;
	}
}
@media(max-width: 767px){
	.hero_V1 .hero1-carousel .item .hero-text .circle .circle-bottom{
		font-size: 12px;
	}
}
.hero_V1 .hero1-carousel .item .hero-text .circle .circle-bottom .span-3{
    font-size: 32px;
}
.it .hero_V1 .hero1-carousel .item .hero-text .circle .circle-bottom .span-3{
    font-size: 25px;
}
.pt .hero_V1 .hero1-carousel .item .hero-text .circle .circle-bottom .span-3{
    font-size: 30px;
}
@media(max-width: 1199px){
	.hero_V1 .hero1-carousel .item .hero-text .circle .circle-bottom .span-3{
		font-size: 26px;
	}
	.fr .hero_V1 .hero1-carousel .item .hero-text .circle .circle-bottom .span-3{
		font-size: 22px;
	}
	.it .hero_V1 .hero1-carousel .item .hero-text .circle .circle-bottom .span-3{
		font-size: 18px;
	}
	.pt .hero_V1 .hero1-carousel .item .hero-text .circle .circle-bottom .span-3{
		font-size: 22px;
	}
}
@media(max-width: 991px){
	.hero_V1 .hero1-carousel .item .hero-text .circle .circle-bottom .span-3{
		font-size: 20px;
	}
	.fr .hero_V1 .hero1-carousel .item .hero-text .circle .circle-bottom .span-3{
		font-size: 16px;
	}
	.it .hero_V1 .hero1-carousel .item .hero-text .circle .circle-bottom .span-3{
		font-size: 16px;
	}
}
@media(max-width: 767px){
	.hero_V1 .hero1-carousel .item .hero-text .circle .circle-bottom .span-3{
		font-size: 16px;
	}.pt .hero_V1 .hero1-carousel .item .hero-text .circle .circle-bottom .span-3{
		font-size: 18px;
	}
}
.hero_V1 .hero1-carousel .item .hero-text .title .span-1{
	font-weight: 800;
}
.hero_V1 .hero1-carousel .item .hero-text .sub-title{
	font-size: 61px;
    font-weight: 700;
    letter-spacing: 0.0023em;
    line-height: 1.08;
    color: var(--brand-color);
    margin-bottom: 45px;
}
@media(max-width: 1199px){
	.hero_V1 .hero1-carousel .item .hero-text .sub-title{
		font-size: 50px;
	}
}
@media(max-width: 991px){
	.hero_V1 .hero1-carousel .item .hero-text .sub-title{
		font-size: 35px;
	}
}
@media(max-width: 767px){
	.hero_V1 .hero1-carousel .item .hero-text .sub-title{
		font-size: 20px;
	}
}
.hero_V1 .hero1-carousel .item .hero-text .hero-btn .btn-style-a{
	font-weight: 600;
}
.hero1-carousel {
    position: relative;
    margin: 25px auto 40px;
}.hero1-carousel .item {
    /*position: relative;
    margin: 25px auto;*/
}.hero1-carousel .owl-dots {
    counter-reset: dots;
    max-width: 60px;
    display: inline-block;
    position: absolute;
    top: 25%;
    left: -100px;
}.hero1-carousel .owl-dots .owl-dot {
    position: relative;
    display: none;
}.hero1-carousel .owl-dots .owl-dot:before {
    counter-increment: dots;
    content: counter(dots);
    color: #fff;
    font-size: 20px;
}.hero1-carousel .owl-dots .owl-dot:after {
    position: absolute;
    content: '';
    width: 15px;
    height: 2px;
    background-color: #fff;
    left: -2px;
    top: 15px;
    opacity: 0;
}.hero1-carousel .owl-dots .owl-dot span {
    display: none;
}.hero1-carousel .owl-dots .owl-dot.active:after {
    opacity: 1;
}
.hero-text {
    position: relative;
    text-align: center;
    max-width: 960px;
    margin: 60px auto;
}.hero-text h3 {
    font-size: 48px;
    line-height: 60px;
    letter-spacing: 0px;
    color: #fff;
    font-weight: 600;
}.hero-text p {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    line-height: 26px;
    margin: 26px;
}
.hero-btn a {
    margin: 5px;
}
.hero1-carousel .hero-text .hero-btn a {
    color: #fff !important;
}
.hero1-carousel .hero-text .hero-btn a:hover {
    color: var(--brand-color) !important;
}
.hero1-carousel .hero-text .hero-btn a:before {
    background-color: var(--brand-color) !important;
}
.hero1-carousel .hero-text .hero-btn a:after {
    border:1px solid var(--brand-color) !important;
    background-color: transparent;
}
/* ---------- Hero 1 Style END ---------- */
/*----------------------------------------*/
/*  Hero 2 Style
/*----------------------------------------*/
.vidBoxbg {
    position: absolute;
    width: 100%;
    height: 625px;
    top: 0;
    left: 0;
}.vidBoxbg video {
    width: 100%;
    height: 760px;
}.vidBoxbg video {
    object-fit: cover;
    height: 100%;
}
.hero_Video {
    padding-top: 140px;
    height: 625px;
    overflow: hidden;
}.hero_Video:before {
    position: absolute;
    content: '';
    background-color: #101013;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.75;
    z-index: 1;
}
.hero-content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 160px;
}
/* ---------- Hero 2 Style END ---------- */
/*----------------------------------------*/
/*  Hero 3 Style
/*----------------------------------------*/
.hero_V3 {
    background-image: url(../img/bg/hero-3.jpg);
    padding-bottom: 0px;
    background-size: cover;
    overflow: hidden;
}.hero_V3:before {
    position: absolute;
    content: '';
    background-color: #f25d2c;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: .94;
}.hero_V3:after {
    position: absolute;
    content: '';
    height: 670px;
    width: 840px;
    background-image: url(../img/section-img/hero3-right-bg.png);
    background-size: 100% 100%;
    bottom: -10px;
    right: 0;
}.hero_V3 .container-fluid {
    padding: 0px;
}.hero_V3 .hero1-carousel {
    margin: 25px 0px 0px;
}.hero_V3 .hero1-carousel .item {
    margin-bottom: 0px;
}.hero_V3 .hero-content {
    position: relative;
}.hero_V3 .hero-content .hero-text {
    max-width: 535px;
    margin-right: 5px;
    margin-left: auto;
    text-align: left;
    margin-top: 10px;
}.hero_V3 .hero-content .hero-text h3 {
    font-size: 60px;
    text-transform: capitalize;
    line-height: 80px;
}.hero_V3 .hero-content .hero-text p {
    font-size: 45px;
    line-height: 50px;
    text-transform: capitalize;
    font-weight: 600;
    margin: 10px auto 20px;
}
.hero1-carousel .owl-dots {
    left: 25px;
}
/* ---------- Hero 3 Style END ---------- */

.featured-logos{
    padding: 100px 0 0;
}
.featured-logos .logos-wrap{
    width: 1300px;
    margin: 0 auto;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
@media(max-width: 600px){
    .featured-logos .logos-wrap{
        flex-direction: column;
    }
}
.featured-logos .logo-wrap{
    flex-grow: 1;
    padding: 0 20px;
}
@media(max-width: 600px){
    .featured-logos .logo-wrap{
        padding: 20px 0;
    }
}
.featured-logos .logo-wrap img{
    display: block;
    width: 100%;
}

/*----------------------------------------*/
/*  Features Style
/*----------------------------------------*/
.features-area {
    position: relative;
}
.features-box {
    position: relative;
    z-index: 1;
    margin-top: -100px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0px 0px 55px 0px rgba(17, 22, 29, 0.1);
    padding: 0px 15px;
}
.single-features {
    position: relative;
    max-width: 280px;
    width: 100%;
    height: 100%;
    padding: 25px;
    transition: .5s ease;
    text-align: center;
    border: 1px solid #f1f1f1;
    border-top: none;
    border-bottom: none;
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -ms-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}.single-features:hover {
    background-color: var(--brand-color);
    border-color: var(--brand-color);
}.single-features:hover .sf-icon i {
    color: #fff;
}/*.single-features:hover .sf-text h4 {
  color: #fff; }*/
.single-features:hover .sf-text p {
    color: #fff;
}.single-features .sf-icon {
    position: relative;
}.single-features .sf-icon .icon-plus {
    height: 65px;
    width: 50px;
    margin: 0 auto;
    background-image: url(../img/icons/icon-plus-border.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.single-features:hover .sf-icon .icon-plus {
    background-image: url(../img/icons/icon-plus-border-hover.png);
}
.single-features .sf-icon i {
    color: var(--brand-color);
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -ms-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}.single-features .sf-text h4 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    margin: 15px auto;
    letter-spacing: 0px;
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -ms-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}.single-features .sf-text p {
    font-size: 15px;
    color: #403f4a;
    line-height: 24px;
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -ms-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}
/* ---------- Features Style END ---------- */
/*----------------------------------------*/
/*  About Style 1
/*----------------------------------------*/
.page-title-area {
    position: relative;
    padding: 160px 0px 40px;
}.page-title-area .pta-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}.page-title-area .pta-bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}.page-title-area .pta-bg:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-color: #101013;
    opacity: .70;
    top: 0;
    left: 0;
}
.page-titleV1 {
    position: relative;
    text-align: center;
    padding: 25px 0px 40px;
    margin: 25px auto;
}.page-titleV1 h2 {
    font-size: 48px;
    color: #fff;
    line-height: 60px;
    letter-spacing: 0px;
    font-weight: 600;
    margin: 15px auto;
}
.breadcrumbV1 {
    position: relative;
}.breadcrumbV1 ul {
    position: relative;
    list-style-type: none;
    padding: 0;
    margin: 15px auto;
}.breadcrumbV1 ul li {
    position: relative;
    display: inline-block;
    color: var(--brand-color);
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 26px;
    margin: 0px 8px;
}.breadcrumbV1 ul li:after {
    position: absolute;
    content: '';
    height: 18px;
    width: 2px;
    background-color: var(--brand-color);
    right: -12px;
    top: 4px;
    -moz-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
}.breadcrumbV1 ul li a {
    position: relative;
    display: inline-block;
    color: var(--brand-color);
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 26px;
}.breadcrumbV1 ul li:last-child:after {
    transform: rotate(0deg);
    height: 2px;
    width: 110px;
    right: -125px;
    top: 12px;
}
.YTembed {
    height: 420px;
    width: 100%;
}
.YTVidModal .modal-dialog {
    max-width: 767px;
    width: 100%;
    position: relative;
    top: 140px;
}.YTVidModal button.close {
    position: absolute;
    top: 5px;
    right: 6px;
    color: #fff;
    font-size: 30px;
    z-index: 9;
    opacity: 1;
    font-weight: 200;
    height: 30px;
    width: 30px;
    line-height: 32px;
    border-radius: 50%;
    background-color: #f00;
}.YTVidModal .modal-body {
    padding: 0;
}.YTVidModal .Ytvid {
    display: none;
}.YTVidModal iframe {
    border: none;
    margin-bottom: -10px;
}
/*--------- About Style 1 END ------------*/
/*----------------------------------------*/
/*  About Style 2
/*----------------------------------------*/
.page-titleV2 {
    position: relative;
    text-align: left;
    padding: 25px 0px 40px;
    margin: 25px auto;
}.page-titleV2 h2 {
    position: relative;
    font-size: 48px;
    color: #fff;
    line-height: 60px;
    letter-spacing: 0px;
    font-weight: 600;
    margin: 15px auto;
    z-index: 1;
}.page-titleV2 h2:after {
    position: absolute;
    content: '';
    width: 120px;
    height: 65px;
    left: -25px;
    top: 0;
    background-image: url(../img/bg/btn-bg-1.png);
    background-size: 100% 100%;
    z-index: -1;
}
.breadcrumbV2 {
    position: relative;
}.breadcrumbV2 ul {
    position: relative;
    list-style-type: none;
    padding: 0;
    margin: 15px auto;
}.breadcrumbV2 ul li {
    position: relative;
    display: inline-block;
    color: #101012;
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 26px;
    margin: 0px 8px;
}.breadcrumbV2 ul li:after {
    position: absolute;
    content: '';
    height: 18px;
    width: 2px;
    background-color: #101012;
    right: -12px;
    top: 4px;
    transform: rotate(25deg);
}.breadcrumbV2 ul li a {
    position: relative;
    display: inline-block;
    color: #101012;
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 26px;
}.breadcrumbV2 ul li:last-child:after {
    transform: rotate(0deg);
    height: 2px;
    width: 110px;
    right: -125px;
    top: 12px;
}
.page-title-area .pta-bgV2 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.page-title-area .pta-bgV2 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}.page-title-area .pta-bgV2:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-color: var(--brand-color);
    opacity: .95;
    top: 0;
    left: 0;
}
/*--------- About Style 2 END ------------*/
/*----------------------------------------*/

    /*hp-s5*/
.hp-s5{
    padding: 220px 0 180px;
    background-image: url(../img/bg/hp-s5-bg.jpg);
    background-size: cover;
    background-position: center;
}
@media(max-width: 1199px){
    .hp-s5{
        padding: 150px 0;
    }
}
@media(max-width: 991px){
    .hp-s5{
        padding: 100px 0;
    }
}
.hp-s5 .container{

}
.hp-s5 .row{
    justify-content: space-around;
}
.hp-s5 .title-wrap{
    border: 2px solid var(--brand-color);
    max-width: 351px;
    max-height: 351px;
    padding: 60px 5px;
    text-align: center;
}
/*.hp-s5 .row.additional{
    justify-content: center;
}*/
.hp-s5 .row.additional .title-wrap{
    /*padding: 10px;*/
    /*margin: 0 15px;*/
}
@media(max-width: 991px){
    .hp-s5 .title-wrap{
        padding: 30px 5px;
        max-width: 220px;
        max-height: 250px;
    }
}
@media(max-width: 767px){
    .hp-s5 .title-wrap{
        max-width: 275px;
        padding: 35px 5px;
        margin-bottom: 35px;
        margin-left: 15px;
        margin-right: 15px;
    }
    .hp-s5 .row.additional{
        justify-content: space-around;
    }
    .hp-s5 .row.additional .title-wrap{
        /*padding: 35px 5px;*/
        margin: 0 15px 35px;
    }
}
.hp-s5 .title{
    font-size: 42px;
    font-weight: 800;
    letter-spacing: 0.003em;
    line-height: 1.33;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 10px;
}
@media(max-width: 1199px){
    .hp-s5 .title{
        font-size: 35px;
    }
}
@media(max-width: 991px){
    .hp-s5 .title{
        font-size: 26px;
    }
} 
@media(max-width: 767px){
    .hp-s5 .title{
        font-size: 19px;
    }
}
@media(max-width: 600px){
    .hp-s5 .title{
        font-size: 24px;
    }
}
.hp-s5 .title.x{
    padding-bottom: 35px;
    text-align: center;
}
.hp-s5 .sub-title{
    color: #fff;
    font-size: 23px;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1.5;
}
@media(max-width: 1199px){
    .hp-s5 .sub-title{
        font-size: 20px;
    }
}
@media(max-width: 991px){
    .hp-s5 .sub-title{
        font-size: 14px;
    }
}
@media(max-width: 767px){
    .hp-s5 .sub-title{
        font-size: 16px;
    }
}
.hp-s5 .btn-wrap{
    padding-top: 25px;
}
.hp-s5 .btn-wrap .btn{
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.001em;
    color: #fff;
    background-color: var(--brand-color);
    text-transform: uppercase;
    max-width: 200px;
    max-height: 60px;
    padding: 17px;
    width: 100%;
    height: 100%;
}
@media(max-width: 991px){
    .hp-s5 .btn-wrap .btn{
        max-width: 160px;
        padding: 15px;
        font-size: 14px;
    }
}
@media(max-width: 767px){
    .hp-s5 .btn-wrap .btn{
        font-size: 16px;
        max-width: 175px;
        padding: 15px;
    }
}
.hp-s5 .btn-wrap .btn:hover,
.hp-s5 .btn-wrap .btn:focus{
    text-decoration: none;
    background-color: var(--brand-color)00;
    border: 2px solid var(--brand-color);
    box-shadow: none;
}
.hp-s5 .title.color,
.hp-s5 .word-x{
    color: var(--brand-color);
}


/*  Get In Touch Style 
/*----------------------------------------*/
/*.get-in-touch-area {
    position: relative;
    background-image: url(../img/bg/get-in-touch-bg2.jpg);
    background-size: cover;
    padding: 80px 0;
    overflow: hidden;
}
.get-in-touch-area:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: .80;
}
.get-in-touch-area .gita-img {min-height: 530px;
}.gita-text {
    position: relative;
    margin: 25px auto;
    padding: 80px 0px 40px;
}.gita-text h3 {
    color: #fff;
    font-size: 48px;
    line-height: 54px;
    font-weight: 600;
    letter-spacing: 0px;
    text-shadow: 0 0 10px #000;
}.gita-text p {
    color: #fff;
    line-height: 25px;
    margin: 20px auto;
    font-size: 16px;
    text-shadow: 0 0 10px #000;
}.gita-text a { 
    color: #fff;
}
.gita-text a:hover { 
    color: var(--brand-color) !important;
}
.gita-text a:before { 
    background-color: var(--brand-color);
}
.gita-text a:after { 
    background-color: transparent;
    border:1px solid var(--brand-color);
}*/

/*--------- Get In Touch Style END ------------*/
/*----------------------------------------*/
/*  Get In Touch Style 2
/*----------------------------------------*/
.get-in-touch-area2 {
    position: relative;
    overflow: hidden;
}
.gitouch-img2 {
    position: relative;
    margin-left: -100px;
    z-index: 1;
}.gitouch-img2:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    left: 0;
    bottom: 0;
    background-image: url(../img/bg/get-your-body-fit.png);
    background-size: 100% 100%;
    z-index: -1;
}
.gitouch-img2.giti2-alt {
    margin-right: -100px;
    margin-left: 0px;
    text-align: center;
}
.gitouch-text {
    position: relative;
    margin: 80px auto;
}.gitouch-text h3 {
    font-size: 48px;
    letter-spacing: 0px;
    line-height: 56px;
    text-transform: capitalize;
    margin: 25px auto;
    font-weight: 700;
}.gitouch-text p {
    font-size: 16px;
    color: #403f4a;
    line-height: 24px;
    margin-bottom: 25px;
}.gitouch-text:after {
    position: absolute;
    content: '01';
    font-size: 420px;
    line-height: 420px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: -1;
    color: #ffeee9;
    font-weight: 700;
}
.gitt2:after {
    content: '02';
}
/*--------- Get In Touch Style 2 END ------------*/
/*----------------------------------------*/
/*  Get In Touch Style 3
/*----------------------------------------*/
.get-in-touch3-area {
    position: relative;
    background-color: var(--brand-color);
    padding-top: 80px;
    overflow: hidden;
}.get-in-touch3-area:before {
    position: absolute;
    content: '';
    background-image: url(../img/section-img/hero3-right-bg.png);
    background-size: 100% 100%;
    right: 0;
    top: 0;
    height: 100%;
    width: 800px;
}
/*--------- Get In Touch Style 3 END ------------*/
/*----------------------------------------*/
/*  Get In Touch Style 4
/*----------------------------------------*/
.fitness-video {
    position: relative;
    overflow: hidden;
}
.fvideo-img-area {
    position: relative;
    padding-bottom: 80px;
}.fvideo-img-area:after {
    position: absolute;
    content: '';
    background-image: url(../img/shape/shape-2.png);
    background-size: 100% 100%;
    height: calc(100% + 100px);
    width: calc(100% + 50px);
    top: -35px;
    left: -50px;
    z-index: -1;
}.fvideo-img-area .ocb-img {
    position: relative;
}.fvideo-img-area .ocb-img .fvdimg-btn {
    position: absolute;
    left: 25%;
    bottom: -60px;
    max-width: 300px;
}
.bpw-btn {
    position: absolute;
    top: calc(50% - 64px);
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}.bpw-btn a {
    margin: 15px auto;
    color: #fff;
    font-size: 30px;
    z-index: 1;
    display: block;
    padding-top: 18px;
}
/* pulse in CSS */
.pulse-css {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: var(--brand-color);
    position: relative;
    margin: 25px auto;
    z-index: 1;
}.pulse-css:before, .pulse-css:after {
    content: "";
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: var(--brand-color);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transform: scale(0.5);
    transform-origin: center center;
    -webkit-animation: pulse-btn 3s linear infinite;
    -moz-animation: pulse-btn 3s linear infinite;
    -ms-animation: pulse-btn 3s linear infinite;
    animation: pulse-btn 3s linear infinite;
    z-index: -1;
}.pulse-css:after {
    animation-delay: 2s;
}
@keyframes pulse-btn {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }    50% {
        opacity: 0.25;
    }    70% {
        opacity: 0.50;
    }    100% {
        transform: scale(2);
        opacity: 0; }
}.ocb-text2-area {
    position: relative;
    margin: 40px auto;
}.ocb-text2-area .ocb-title {
    position: relative;
}.ocb-text2-area .ocb-title h3 {
    font-size: 36px;
    letter-spacing: 0px;
    line-height: 48px;
    font-weight: 600;
    margin: 25px auto;
    color: #17171a;
}.ocb-text2-area .ocb-text {
    position: relative;
}.ocb-text2-area .ocb-text p {
    color: #403f4a;
    font-size: 16px;
    line-height: 22px;
    margin: 25px auto;
}
/*--------- Get In Touch Style 4 END ------------*/
/*----------------------------------------*/
/*  Let's Give Area Style
/*----------------------------------------*/
.lets-give-area {
    position: relative;
    background-image: url(../img/bg/lets-give.jpg);
    background-size: cover;
    background-position: left center;
    overflow: hidden;
}
.lga-text {
    position: relative;
    padding: 100px 40px 100px 120px;
    min-height: 500px;
    background-color: var(--brand-color);
    margin-right: -15px;
    clip-path: polygon(40px 0, 100% 0%, 100% 100%, 0% 100%);
}.lga-text h3 {
    font-size: 72px;
    letter-spacing: 0px;
    color: #fff;
    line-height: 110px;
    font-weight: 600;
}.lga-text h3 span {
    position: relative;
    display: block;
    z-index: 1;
}.lga-text h3 span:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 150%;
    background-color: #000;
    left: -25%;
    top: 0;
    z-index: -1;
}
/*--------- Let's Give Area Style END ------------*/
/*----------------------------------------*/
/*  404 Area Style
/*----------------------------------------*/
.error-area {
    position: relative;
    background-color: #ef5e2a;
    min-height: 100vh;
    padding: 15px;
    text-align: center;
    padding-top: 240px;
    overflow: hidden;
    z-index: 1;
}
.ea-img {
    position: absolute;
    top: 0px;
    right: 0;
    width: 100%;
    z-index: -1;
}
.ea-text {
    position: relative;
}.ea-text h3 {
    font-size: 100px;
    line-height: 120px;
    letter-spacing: 0px;
    color: #ffeded;
    font-weight: 800;
    text-transform: uppercase;
}.ea-text h4 {
    font-size: 36px;
    color: #ffeded;
    letter-spacing: 0px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 36px;
}
a.bth-btn {
    position: relative;
    font-size: 24px;
    letter-spacing: 0px;
    display: inline-block;
    background-color: #fff;
    padding: 18px 30px;
    color: #ef5e2a;
    text-transform: uppercase;
    margin: 15px auto;
}
.ea-social-box {
    position: relative;
    margin: 10px auto;
}.ea-social-box h4 {
    font-size: 24px;
    letter-spacing: 0px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    line-height: 34px;
}
.ea-social {
    position: relative;
    list-style-type: none;
    padding: 0;
    display: inline-block;
    margin-left: 25px;
}.ea-social li {
    display: inline-block;
}.ea-social li a {
    font-size: 24px;
    letter-spacing: 0px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    line-height: 34px;
    margin: 0 9px;
}.ea-social li a:hover {
    color: #171820;
}
.copyright-text-ep {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
}
.ctep-text {
    position: relative;
}.ctep-text p {
    color: #fff;
    letter-spacing: 0px;
    font-size: 14px;
    line-height: 24px;
}
/*--------- 404 Area Style END ------------*/
/*----------------------------------------*/
/*  Testimonial 1 Style
/*----------------------------------------*/
.our-testimonial-area {
    position: relative;
    padding: 60px 0px;
    overflow: hidden;
    background-color: #fff;
}
.single-testimonial {
    position: relative;
    max-width: 350px;
    margin: 0px auto 30px;
    text-align: center;
    border: 1px solid #707070;
    padding: 30px 0px;
    transition: .5s ease;
    box-shadow: 0px 0px 5px 5px #eee;
}.single-testimonial .st-info{
    padding: 0 20px;}
.single-testimonial .st-info p {
    font-size: 15px;
    letter-spacing: 0px;
    color: #17171a;
    line-height: 24px;
    margin: 0px auto;
    font-weight: 400;
    padding-left:60px;
    text-align: left;
    position: relative;}
.single-testimonial .st-info p:before {
    position: absolute;
    left: 5px;
    top: 0;
    content: '\201C';
    font-size: 100px;
    color: #707070;
    line-height: 1;;
}
.single-testimonial .st-img {
    position: relative;
    margin: 15px 40px 0;
    text-align: left;
}.single-testimonial .st-img img {
    border-radius: 50%;
    border: 1px solid #ee7d00;
}.single-testimonial h4 {
    color: #17171a;
    border-top: 1px solid #707070;
    margin-top: -42px;
    padding-left: 150px;
    text-align: left;
    font-size: 17px;
    color: #17171a;
    letter-spacing: 0px;
    font-weight: 600;
    line-height: 3;
    text-transform: uppercase;}
.single-testimonial:hover {
    box-shadow: 0px 0px 40px 0px rgba(241, 93, 43, 0.1);
}
.stV2 {
    position: relative;
    padding: 0;
    min-height: 380px;
    overflow: hidden;
    border-radius: 5px;
}.stV2 .st-img {
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0 auto;
}.stV2 .st-img img {
    border-radius: 0px;
    object-fit: cover;
}.stV2 .st-info {
    position: absolute;
    bottom: 15px;
    left: -100%;
    width: 100%;
    height: auto;
    z-index: 2;
    transition: .5s ease;
}.stV2 .st-info h4 {
    color: #fff;
}.stV2 .st-info h4 a {
    color: #fff;
}.stV2 .st-info p {
    color: #fff;
}.stV2 .st-info ul.st-social-list li a {
    border: 1px solid var(--brand-color);
    background-color: #000;
}.stV2 .st-info ul.st-social-list li a:hover {
    background-color: var(--brand-color);
}.stV2:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    right: -100%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.65);
    opacity: .65;
    z-index: 1;
    transition: .5s;
}.stV2:hover .st-info {
    left: 0;
}.stV2:hover:after {
    right: 0;
}
/*--------- Testimonial 1 Style END ------------*/
/*----------------------------------------*/
/*  Trainer Details Style
/*----------------------------------------*/
.trainer-details-area {
    position: relative;
    padding-top: 180px;
}
.trainer-details {
    position: relative;
    padding-top: 100px;
}.trainer-details .td-img {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}.trainer-details .td-text {
    position: relative;
    padding: 80px 25px 80px 240px;
    background-color: var(--brand-color);
    max-width: 880px;
    margin-right: 0;
    margin-left: auto;
}.trainer-details .td-text h4 {
    font-size: 30px;
    letter-spacing: 0px;
    color: #fff;
    font-weight: 600;
    line-height: 40px;
}.trainer-details .td-text h5 {
    font-size: 18px;
    letter-spacing: 0px;
    font-weight: 400;
    color: #fff;
    line-height: 26px;
    margin: 5px auto;
}.trainer-details .td-text p {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    margin: 3px auto;
}.trainer-details ul.bsicon-list {
    margin-top: 25px;
}
.about-trainer {
    position: relative;
    padding: 80px 0px;
    background-color: #f3f3f3;
}.about-trainer h4 {
    font-size: 30px;
    letter-spacing: 0px;
    color: #000;
    font-weight: 600;
    line-height: 44px;
    margin: 20px auto;
}.about-trainer .at-info {
    position: relative;
    padding: 25px;
}.about-trainer .at-info:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 2px;
    background-color: #000;
    top: 0;
    right: -10px;
}.about-trainer .at-info p {
    color: #403f4a;
    font-size: 16px;
    line-height: 24px;
    margin: 20px auto;
}.about-trainer .at-skill {
    position: relative;
    padding: 25px;
}
.at-info h4 {
    font-size: 30px;
    letter-spacing: 0px;
    color: #000;
    font-weight: 600;
    line-height: 44px;
    margin: 20px auto;
}
.trainer-details-wrapper {
    position: relative;
    padding: 80px 0px;
}
.td2 {
    padding-top: 125px;
}.td2 .td-img {
    max-width: 300px;
    margin-left: -100px;
}.td2 .td-img .td-text {
    padding: 50px 0px;
    max-width: 460px;
    padding-left: 140px;
}
.ats2 {
    position: relative;
    margin: 20px auto;
    padding-top: 100px;
}.ats2 h4 {
    font-size: 30px;
    color: #17171a;
    letter-spacing: 0px;
    font-weight: 600;
    line-height: 40px;
    margin: 25px auto;
}
.atinfo2 {
    position: relative;
    margin: 80px auto;
    padding-top: 60px;
}
.ati2-img {
    position: relative;
    margin: 50px auto;
}.ati2-img:after {
    position: absolute;
    content: '';
    height: 140px;
    width: 40px;
    background-color: var(--brand-color);
    top: 25px;
    right: -20px;
    z-index: 1;
}.ati2-img:before {
    position: absolute;
    content: '';
    height: 140px;
    width: 175px;
    background-color: var(--brand-color);
    bottom: -65px;
    left: -75px;
    z-index: 1;
}
/*--------- Trainer Details Style END ------------*/
.profoSkill {
    position: relative;
    padding: 0px;
    margin: 0 auto;
    width: 100%;
}.profoSkill li {
    position: relative;
    margin-bottom: 35px;
    padding: 0;
    list-style-type: none;
}.profoSkill li p {
    font-size: 16px;
    letter-spacing: 0px;
    color: #2b2941;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 12px;
}.profoSkill li .bar_container,
.profoSkill li .bar {
    position: absolute;
    left: 0;
    height: 15px;
    border-radius: 5px;
    content: "";
}.profoSkill li .bar_container {
    bottom: -8px;
    width: 100%;
    background-color: #fff;
    text-align: right;
}.profoSkill li .bar {
    top: 0;
    background-color: var(--brand-color);
}.profoSkill li .pct {
    position: absolute;
    top: -25px;
    right: 0;
    opacity: 0;
    transition: opacity 0.3s linear;
    font-size: 16px;
    letter-spacing: 0px;
    color: #2b2941;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 12px;
}
/*----------------------------------------*/
/*  Gallery 1 Style
/*----------------------------------------*/
.single-gallery-V1 {
    position: relative;
    max-width: 350px;
    margin: 15px auto;
}.single-gallery-V1 .sg-img {
    position: relative;
}.single-gallery-V1 .sg-img .sg-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background-color: rgba(54, 53, 74, 0.65);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow: hidden;
}.single-gallery-V1 .sg-img .sg-hover a {
    display: block;
    height: 75px;
    width: 75px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    font-size: 28px;
    line-height: 40px;
    border-radius: 0px;
    padding-top: 18px;
    position: relative;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    -webkit-transition: all 0.99s ease;
    -moz-transition: all 0.99s ease;
    -ms-transition: all 0.99s ease;
    -o-transition: all 0.99s ease;
    transition: all 0.99s ease;
    opacity: 0;
}.single-gallery-V1:hover .sg-img .sg-hover {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}.single-gallery-V1:hover .sg-img .sg-hover a {
    opacity: 1;
}
/* ---------- Gallery 1 Style END ---------- */
/*----------------------------------------*/
/*  Gallery 2 Style
/*----------------------------------------*/
.single-gallery-V2 {
    position: relative;
    max-width: 540px;
    margin: 15px auto;
}.single-gallery-V2 .sg-img {
    position: relative;
}.single-gallery-V2 .sg-img .sg-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background-color: rgba(54, 53, 74, 0.65);
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}.single-gallery-V2 .sg-img .sg-hover a {
    display: block;
    height: 85px;
    width: 85px;
    background-color: #fff;
    color: #000;
    text-align: center;
    font-size: 28px;
    line-height: 40px;
    border-radius: 50%;
    padding-top: 25px;
    position: relative;
    top: calc(50% - 42px);
    left: calc(50% - 42px);
    opacity: 0;
}.single-gallery-V2:hover .sg-img .sg-hover {
    top: 30px;
    left: 30px;
    width: calc(100% - 60px);
    height: calc(100% - 60px);
}.single-gallery-V2:hover .sg-img .sg-hover a {
    opacity: 1;
}
/* ---------- Gallery 2 Style END ---------- */
/*----------------------------------------*/
/*  Gallery 3 Style
/*----------------------------------------*/
.gallery3-grid {
    margin: 0px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;
    -webkit-column-width: 33.33333333333333%;
    -moz-column-width: 33.33333333333333%;
    column-width: 33.33333333333333%;
}
.grid3-item {
    position: relative;
    max-width: 340px;
    margin: 0px auto 30px;
}
.shuffle-wrapper {
    position: relative;
    text-align: center;
}
.shuffle-filter-btn {
    position: relative;
    display: inline-block;
    margin: 25px auto;
    padding-bottom: 40px;
}.shuffle-filter-btn label.btn {
    font-size: 16px;
    letter-spacing: 0px;
    color: #36354a;
    font-weight: 500;
    line-height: 22px;
    padding: 0px 5px;
    margin: 10px;
    box-shadow: none;
}.shuffle-filter-btn label.btn:focus {
    box-shadow: none;
}.shuffle-filter-btn label.btn.active {
    color: var(--brand-color);
    border-bottom: 2px solid var(--brand-color);
}
.grid3-item .g3-img {
    position: relative;
}.grid3-item .g3-img a {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 26px;
    border: 1px solid #fff;
    padding: 14px;
    height: 60px;
    width: 60px;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    opacity: 0;
    -webkit-transition: all 0.99s ease;
    -moz-transition: all 0.99s ease;
    -ms-transition: all 0.99s ease;
    -o-transition: all 0.99s ease;
    transition: all 0.99s ease;
}.grid3-item .g3-img:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    height: 0;
    width: 100%;
    background-color: #1d1d27;
    opacity: .85;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}.grid3-item:hover .g3-img:before {
    top: 0;
    height: 100%;
}.grid3-item:hover .g3-img a {
    opacity: 1;
}
/* ---------- Gallery 3 Style END ---------- */
/*----------------------------------------*/
/*  Blog 1 Style
/*----------------------------------------*/
.our-recentUpdate-area {
    position: relative;
    padding-bottom: 80px;
}
.our-recentUpdate-area .section-titleV1 h3{
    color: #fff;
}
.our-recentUpdate-area .section-titleV1 p{
    color: #fff;
}
.single-blogV1 {
    position: relative;
    max-width: 350px;
    margin: 25px auto;
    overflow: hidden;
}.single-blogV1 .sb-img {
    position: relative;
}.single-blogV1 .sb-img img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-radius: 1px;
}.single-blogV1 .sb-text {
    position: relative;
    padding-top: 40px;
}.single-blogV1 .sb-text .sb-date {
    position: absolute;
    height: 60px;
    width: 60px;
    background-color: var(--brand-color);
    top: -30px;
    left: 20px;
}.single-blogV1 .sb-text .sb-date span {
    color: #fff;
    letter-spacing: 0px;
    display: block;
    font-size: 14px;
    line-height: 18px;
    padding: 12px 8px;
    text-align: center;
}.single-blogV1 .sb-text .sbt {
    position: relative;
}.single-blogV1 .sb-text .sbt a {
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 36px;
    font-weight: 600;
    margin: 10px auto;
    color: #fff;
    display: block;
}.single-blogV1 .sb-text .sbt p {
    font-size: 16px;
    color: #fff;
    line-height: 22px;
    margin: 10px auto;
}.single-blogV1:hover .sb-text .sbt a {
    color: var(--brand-color);
}.single-blogV1:hover .sb-img img {
    transform: scale(1.05);
}
/*--------- Blog 1 Style END ------------*/
/*--------- Gallery Area ------------*/
.gallery-area{
    background-color: #fff;
}
.gallery-area .section-titleV1{
    margin: 0 auto;
}
.gallery-area .section-titleV1 h3{
    margin: 0;
}
.gallery-area .shuffle-filter-btn{
    margin: 0;
    padding: 25px;
    display: block;
    text-align: right;
}
.gallery-area .shuffle-filter-btn label{
    padding: 10px 40px;
    border: 1px solid #ee7d00;
    border-radius: 30px !important;
    color: #ee7d00;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
}
.gallery-area .shuffle-filter-btn label.active{
    background-color: #ee7d00;
    color: #fff;
}
/*--------- Gallery Area END ------------*/
/*----------------------------------------*/
/*  Blog Style 2
/*----------------------------------------*/
.blog-page-wrapper {
    position: relative;
}
.blog-wrapper {
    position: relative;
}
.single-blogV2 {
    position: relative;
    max-width: 730px;
    margin: 0px auto 30px;
}.single-blogV2 .sb-img {
    position: relative;
    margin-bottom: 20px;
}.single-blogV2 .sb-text h4 {
    font-size: 30px;
    line-height: 36px;
    color: #101012;
    letter-spacing: 0px;
    margin-bottom: 20px;
    font-weight: 600;
}.single-blogV2 .sb-text h4 a {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-weight: inherit;
}.single-blogV2 .sb-text p {
    color: #101012;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 20px;
}.single-blogV2 .sb-text a {
    margin-bottom: 20px;
}.single-blogV2 .sb-meta {
    position: relative;
    margin-bottom: 20px;
}.single-blogV2 .sb-meta ul.meta-list {
    position: relative;
    padding: 0;
    list-style-type: none;
}.single-blogV2 .sb-meta ul.meta-list li {
    position: relative;
    letter-spacing: 0px;
    color: var(--brand-color);
    font-size: 18px;
    line-height: 24px;
    display: inline-block;
    margin-right: 15px;
    font-weight: 500;
}.single-blogV2 .sb-meta ul.meta-list li a {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    line-height: inherit;
}.single-blogV2 .sb-meta ul.meta-list li:last-child {
    margin: 0;
}.single-blogV2 .sb-meta ul.meta-list li:last-child:after {
    display: none;
}.single-blogV2 .sb-meta ul.meta-list li:after {
    position: absolute;
    content: '';
    height: 20px;
    width: 2px;
    top: 2px;
    right: -12px;
    background-color: var(--brand-color);
}
/*--------- Blog Style 2 END ------------*/
/*----------------------------------------*/
/*  Blog 1 Style
/*----------------------------------------*/
.single-blogV3 {
    position: relative;
    max-width: 350px;
    margin: 0px auto 30px;
    background-color: #f9f9f9;
}.single-blogV3 .sb-img {
    position: relative;
}.single-blogV3 .sb-img img {
    border-radius: 1px;
}.single-blogV3 .sb-text {
    position: relative;
    padding: 5px 15px 20px;
}.single-blogV3 .sb-text .sb-date {
    position: relative;
}.single-blogV3 .sb-text .sb-date span {
    letter-spacing: 0px;
    display: block;
    font-size: 16px;
    line-height: 25px;
    color: var(--brand-color);
    margin: 15px auto;
}.single-blogV3 .sb-text .sbt {
    position: relative;
}.single-blogV3 .sb-text .sbt a {
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 36px;
    font-weight: 600;
    margin: 10px auto;
    color: #101012;
    display: block;
}.single-blogV3 .sb-text .sbt p {
    font-size: 16px;
    color: #101012;
    line-height: 22px;
    margin: 10px auto;
}.single-blogV3:hover .sb-text .sbt a {
    color: var(--brand-color);
}
/*--------- Blog 1 Style END ------------*/
/*----------------------------------------*/
/*  Blog Details Style
/*----------------------------------------*/
.blog-details .sb-text p {
    margin: 20px auto;
}
.bdp-share {
    position: relative;
    margin: 25px auto;
}.bdp-share h5 {
    font-size: 18px;
    letter-spacing: 0px;
    font-weight: 500;
    line-height: 26px;
    display: inline-block;
    margin-right: 10px;
}
ul.bsicon-list {
    position: relative;
    padding: 0px;
    list-style-type: none;
    display: inline-block;
}ul.bsicon-list li {
    position: relative;
    display: inline-block;
}ul.bsicon-list li a {
    position: relative;
    height: 44px;
    width: 44px;
    border-radius: 50%;
    background-color: #101012;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 26px;
    padding-top: 11px;
    margin: 2px;
}ul.bsicon-list li a:hover {
    background-color: var(--brand-color);
}
.bdp-author {
    position: relative;
    background-color: #f9f9f9;
    margin: 25px auto;
}.bdp-author .bdpa-img {
    position: relative;
    width: 30%;
    display: inline-block;
    max-width: 200px;
    float: left;
}.bdp-author .bdpa-info {
    position: relative;
    width: 70%;
    display: inline-block;
    height: 100%;
    min-height: 202px;
    padding: 20px;
}.bdp-author .bdpa-info h4 {
    font-size: 24px;
    letter-spacing: 0px;
    font-weight: 600;
    color: #101012;
    line-height: 30px;
    margin: 5px auto;
}.bdp-author .bdpa-info p {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 24px;
    color: #101012;
    font-weight: 300;
    margin: 15px auto;
}
.related-post-area {
    position: relative;
}
h4.rtpt {
    position: relative;
    color: #101012;
    font-size: 26px;
    letter-spacing: 0px;
    font-weight: 600;
    line-height: 36px;
    margin: 25px auto;
}
.comment-area {
    position: relative;
}
form.c-form {
    position: relative;
}form.c-form input,
form.c-form textarea {
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    color: #000;
    letter-spacing: 0px;
    line-height: 26px;
    padding: 10px;
    border: 1px solid #f0f0f0;
    margin-bottom: 20px;
}form.c-form textarea {
    height: 185px;
}form.c-form input.cfb {
    width: 160px;
    background-color: #13142c;
    color: #fff;
    text-transform: capitalize;
}
/*--------- Blog Details Style END ------------*/
.pagination-wrapper {
    position: relative;
    text-align: center;
}
ul.pagination {
    position: relative;
    display: inline-block;
    margin: 0 auto;
}ul.pagination li {
    position: relative;
    display: inline-block;
}ul.pagination li a {
    position: relative;
    background-color: transparent;
    margin: 5px;
    height: 50px;
    width: 50px;
    display: block;
    font-size: 18px;
    text-align: center;
    padding-top: 16px;
    border-radius: 50%;
    border: 1px solid var(--brand-color);
}ul.pagination li a:hover {
    background-color: var(--brand-color);
    color: #fff;
}ul.pagination li:first-child a, ul.pagination li:last-child a {
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4;
}ul.pagination li:first-child a:hover, ul.pagination li:last-child a:hover {
    background-color: var(--brand-color);
    color: #fff;
}ul.pagination li.active a {
    background-color: var(--brand-color);
    color: #fff;
}
.sidebar-wrapper {
    position: relative;
}
.rf-widget {
    position: relative;
    max-width: 350px;
    margin: 0px auto 30px;
    background-color: #f9f9f9;
    padding: 25px;
}.rf-widget h4.rfw-title {
    font-size: 24px;
    letter-spacing: 0px;
    color: #101012;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 20px;
}.rf-widget form {
    position: relative;
}.rf-widget form input {
    width: 100%;
    background-color: #d94c1d;
    height: 50px;
    border: none;
    padding: 10px;
    font-size: 18px;
    letter-spacing: 0px;
    color: #fff;
    margin-bottom: 20px;
}.rf-widget form ::-webkit-input-placeholder {
    /* Edge */
    color: #ffa282;
}.rf-widget form :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #ffa282;
}.rf-widget form ::placeholder {
    color: #ffa282;
}.rf-widget form button {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 60px;
    color: #fff;
    font-size: 30px;
    background-color: #d94c1d;
    border: none;
}
.rf-search {
    background-color: var(--brand-color);
}.rf-search h4.rfw-title {
    color: #fff;
}
.rf-pp-single {
    position: relative;
    padding-left: 100px;
    min-height: 80px;
    margin: 0px auto 25px;
}.rf-pp-single .rfpp-img {
    position: absolute;
    left: 0;
    top: 0;
}.rf-pp-single .rfpp-img img {
    max-width: 85px;
}.rf-pp-single .rfpp-text {
    position: relative;
    padding: 1px;
}.rf-pp-single .rfpp-text h5,
.rf-pp-single .rfpp-text h5 a {
    font-size: 18px;
    letter-spacing: 0px;
    font-weight: 500;
    line-height: 20px;
    color: #101012;
    margin: 5px auto;
}.rf-pp-single .rfpp-text p {
    color: var(--brand-color);
    font-size: 14px;
    line-height: 22px;
}
ul.rhw-links {
    position: relative;
    padding: 0;
    list-style-type: none;
}ul.rhw-links li {
    position: relative;
    padding-left: 15px;
    margin: 5px auto;
}ul.rhw-links li a {
    color: #101012;
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 26px;
}ul.rhw-links li:after {
    position: absolute;
    content: '';
    height: 8px;
    width: 8px;
    background-color: var(--brand-color);
    left: 0;
    top: 8px;
}
ul.rht-links {
    position: relative;
    padding: 0;
    list-style-type: none;
}ul.rht-links li {
    position: relative;
    display: inline-block;
}ul.rht-links li a {
    font-size: 16px;
    display: inline-block;
    letter-spacing: 0px;
    background-color: #101012;
    color: #fff;
    padding: 10px;
    min-width: 85px;
    text-align: center;
    margin: 5px 3px;
}
/*----------------------------------------*/
/*  Pricing 1 Style
/*----------------------------------------*/
.pricing-area {
    position: relative;
    padding-bottom: 40px;
    background-image: url(../img/bg/pricing-area-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.pricing-area:before {
    position: absolute;
    content: '';
    background-color: #101013;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: .70;
}

.single-pricing {
    position: relative;
    max-width: 350px;
    margin: 25px auto;
    padding: 25px;
    background-color: #1b1a1f;
    text-align: center;
    transition: .5s ease;
}.single-pricing.offer {
    position: relative;
    max-width: 350px;
    margin: 25px auto;
    padding: 25px;
    background-color: var(--brand-color);
    text-align: center;
    transition: .5s ease;
}.single-pricing:hover {
    background-color: var(--brand-color);
    box-shadow: 0px 0px 35px 0px rgba(22, 17, 83, 0.18);
}.single-pricing:hover .sp-period {
    color: #000000;
}
.single-pricing:hover .sp-features {
    color: #000000;
}
.single-pricing:hover .sp-price h5 {
    color: #000000;
}
.single-pricing:hover a {
    background-color: #000000;
}
.single-pricing > h4 {
    color: #fff;
    letter-spacing: 0px;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    margin: 15px auto;
}.single-pricing .sp-price {
    position: relative;
    margin: 15px auto;
    padding-bottom: 15px;
    max-width: 200px;
}.single-pricing .sp-price h4 {
    font-size: 42px;
    line-height: 64px;
    color: #fff;
    margin: 0 auto;
    font-style: italic;
}.single-pricing .sp-price h5 {
    font-size: 20px;
    color: var(--brand-color);
    margin: 0 auto;
    font-style: italic;}
.single-pricing .sp-price h5.none {
    opacity: 0;}
.single-pricing .sp-price h5 span{
    position: relative;
}.single-pricing .sp-price h5 span::after{
    position: absolute;
    content: "";
    width: 114%;
    height: 3px;
    background-color: #fff;
    transform: rotate(-10deg) translateX(-50%);
    left: 50%;
    top: 6px;}
.single-pricing .sp-price p {
    font-size: 16px;
    color:  #fff;
    font-style: italic;
    letter-spacing: 0px;
    font-weight: 500;
}.single-pricing .sp-price p.none {
    opacity: 0;}
.single-pricing .sp-price p span{
    position: relative;
}.single-pricing .sp-price p span::after{
    position: absolute;
    content: "";
    width: 114%;
    height: 3px;
    background-color: #fff;
    transform: rotate(-10deg) translateX(-50%);
    left: 50%;
    top: 6px;}
.single-pricing a {
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    box-sizing: border-box;
    padding: 10px 15px !important;
    position: relative;
    z-index: 1;
    border: 1px solid var(--brand-color);
    border-radius: 5px;
}
.sp-period {
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    color: var(--brand-color);
    margin: 5px auto;
}.sp-features {
    padding: 0;
    font-size: 14px;
    color: var(--brand-color);
    line-height: 24px;
    margin: 5px auto;
}
a.sp-btn {
    position: relative;
    background-image: url(../img/bg/sp-btn-bg.png);
    background-size: 100% 100%;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    min-width: 125px;
    font-size: 44px;
    margin: 15px auto 25px;
    line-height: 50px;   
}
/*----------------------------------------*/
/* ---------- Pricing 1 Style END ---------- */
/*----------------------------------------*/

/*----------------------------------------*/
/*  Franchise Area Style
/*----------------------------------------*/
.franchise-area{
    padding: 80px 0px;
    overflow: hidden;
    background-color: #fff;
    color: #272b2d;    
}
.franchise-area .section-titleV2 h3{
    color: #272b2d;
    font-weight: 900;
    line-height: 1;  
}
.franchise-area .franchise-wrap{
    position: relative;
    background-color: #272b2d;
    color: #fff;
    margin-bottom: 25px;
    padding: 20px;
    padding-left: 85px;
}
.franchise-area .franchise-wrap:hover{
    background-color: var(--brand-color);
}
.franchise-area .franchise-wrap .franchise-icon{
    position: absolute;
    height: auto;
    width: 50px;
    left: 20px;
    top: 25px;
}
.franchise-area .franchise-wrap .franchise-icon img{
    display: block;
    width: 100%;
}
.franchise-area .franchise-wrap .franchise-title{
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
}
.franchise-area .franchise-wrap .franchise-desc{
    line-height: 1.5;
    font-size: 12px;
}
.franchise-area .franchise-wrap .franchise-desc a{
    color: #fff;
}
.franchise-area .franchise-wrap .franchise-desc a:hover{
    text-decoration: underline;
}
/*----------------------------------------*/
/*  Franchise Area Style END
/*----------------------------------------*/

/*----------------------------------------*/
/*  Our Classes Better Style
/*----------------------------------------*/
.our-classes-better {
    position: relative;
    padding: 140px 0px 80px;
    overflow: hidden;
    background-color: #fff;
    color: #000;
}
.ocb-text-area {
    position: relative;
    margin: 60px auto;
}.ocb-text-area .ocb-title h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0px;
    color: #17171a;
    background-color: var(--brand-color);
    display: inline-block;
    padding: 14px 40px 14px 20px;
    clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
}.ocb-text-area .ocb-title h3 {
    font-size: 36px;
    letter-spacing: 0px;
    color: #17171a;
    line-height: 44px;
    font-weight: 600;
    margin: 25px auto;
}.ocb-text-area .ocb-title h3 span {
    color: var(--brand-color);
    text-decoration: underline;
}.ocb-text-area .ocb-text p {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 24px;
    color: #403f4a;
    margin: 25px auto;
}
.ocb-img-area {
    position: relative;
}.ocb-img-area:before {
    position: absolute;
    /*content: '';*/
    height: 725px;
    width: 725px;
    background-image: url(../img/shape/about-circle-1.png);
    background-size: 100% 100%;
    right: -100px;
    top: -50px;
}.ocb-img-area .ocb-img {
    position: relative;
}.ocb-img-area .ocb-img img {
    /*border: 15px solid var(--brand-color);*/
}.ocb-img-area .ocb-counter {
    position: absolute;
    right: 0;
    bottom: 70px;
}
.active-member-counter {
    position: relative;
    z-index: 1;
    padding: 15px 25px;
    text-align: center;
}.active-member-counter:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-color: var(--brand-color);
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.8;
}.active-member-counter h4 {
    font-size: 68px;
    letter-spacing: 0px;
    color: #fff;
    font-weight: 600;
    line-height: 60px;
}.active-member-counter h4 span {
    line-height: unset;
    font-size: inherit;
    padding-right: 10px;
}.active-member-counter p {
    font-size: 18px;
    letter-spacing: 0px;
    color: #fff;
}
/*--------- Our Classes Better Style END ------------*/
/*----------------------------------------*/
/*  Our Classes 1 Style
/*----------------------------------------*/
.our-new-classes-area {
    position: relative;
    padding-bottom: 60px;
}
.our-new-classes-area .section-titleV1 h3 {
    color: #fff;
}
.our-new-classes-area .section-titleV1 p {
    color: #fff;
}
.single-classes {
    position: relative;
    margin: 0px auto 30px;
    width: 100%;
    max-width: 665px;
    overflow: hidden;
    transition: .5s ease;
}.single-classes .scs-img {
    position: relative;
}.single-classes .scs-img img {
    width: 100%;
}.single-classes .scs-hover {
    position: absolute;
    top: 40px;
    left: -100%;
    height: calc(100% - 80px);
    width: calc(100% - 80px);
    transition: .5s ease;
    overflow: hidden;
    background-image: -webkit-linear-gradient(99deg, rgba(16, 16, 18, 0.7) 0%, rgba(239, 126, 0, 0.7) 100%);
}.single-classes .scs-hover .scs-text {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
}.single-classes .scs-hover .scs-text h4 {
    margin-bottom: 0px;
}.single-classes .scs-hover .scs-text p {
    margin-bottom: 20px;
}.single-classes .scs-hover .scs-text a {
    text-transform: uppercase;
}.single-classes .scs-hover .scs-text a:before {
    background-color: transparent;
    border-radius: 5px;
}.single-classes .scs-hover .scs-text a:after {
    border-radius: 5px;
}.single-classes .scs-text {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    max-width: 350px;
    margin: 0 auto;
    padding: 15px;
    z-index: 1;
}.single-classes .scs-text i {
    position: absolute;
    font-size: 240px;
    line-height: 100%;
    left: calc(50% - 120px);
    color: #dd4c1b;
    z-index: -1;
    height: 0px;
    top: 50%;
    margin-top: -120px;
}.single-classes .scs-text h4 {
    color: #fff;
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 15px;
}.single-classes .scs-text p {
    font-size: 14px;
    letter-spacing: 0px;
    color: #fff;
    line-height: 22px;
    margin: 12px auto;
}.single-classes:hover .scs-hover {
    left: 40px;
}
/*--------- Our Classes Style 1 END ------------*/
/*----------------------------------------*/
/*  Our Classes Style 2
/*----------------------------------------*/
.our-classes2-area {
    position: relative;
}
.classes2-title {
    position: relative;
    padding: 25px;
    /*background-color: var(--brand-color);*/
    min-height: 470px;
    z-index: 1;
}
.classes2-title:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-image: url(../img/bg/classes2-title-bg3.jpg);
    background-size: 100% 100%;
    top: 0;
    left: 0;
    /*opacity: .15;*/
    z-index: -1;
}.classes2-title h3 {
    font-size: 48px;
    color: #fff;
    line-height: 55px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0px;
    margin: 15px auto;
}.classes2-title h3 span {
    font-weight: 600;
}
.single-classes-V2 {
    position: relative;
    max-width: 350px;
    margin: 0px auto 30px;
    overflow: hidden;
    transition: .5s ease;
}.single-classes-V2:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    bottom: 0;
    left: -100%;
    background-image: -moz-linear-gradient(99deg, #101012 0%, var(--brand-color) 100%);
    background-image: -webkit-linear-gradient(99deg, #101012 0%, var(--brand-color) 100%);
    background-image: -ms-linear-gradient(99deg, #101012 0%, var(--brand-color) 100%);
    opacity: .80;
    z-index: 1;
    transition: .5s ease;
}.single-classes-V2:hover:before {
    left: 0;
}.single-classes-V2:hover .sc-text {
    left: 0;
}.single-classes-V2:hover .sc-text-pre  {
    left: 100%;
}.single-classes-V2 .sc-img {
    position: relative;
    width: 100%;
}.single-classes-V2 .sc-text {
    position: absolute;
    bottom: 0;
    left: 100%;
    height: auto;
    width: 100%;
    padding: 25px;
    z-index: 2;
    transition: .5s ease;
}.single-classes-V2 .sc-text-pre {
    left: 0;
}.single-classes-V2 .sc-text h4 {
    font-size: 36px;
    letter-spacing: 0px;
    color: #fff;
    font-weight: 600;
    line-height: 44px;
    text-transform: uppercase;
}.single-classes-V2 .sc-text p {
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 10px auto;
}.single-classes-V2 .sc-text a {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0px;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: underline;
}
.sc-services:before {
    left: 0;
}.sc-services .sc-text {
    left: 0;
}
/*--------- Our Classes Style 2 END ------------*/
/*----------------------------------------*/
/*  Our Classes Style 3
/*----------------------------------------*/
.single-classesV3 {
    position: relative;
    max-width: 350px;
    margin: 15px auto;
}.single-classesV3 .sc-text {
    position: relative;
    width: calc(100% - 20px);
    left: 10px;
    top: -25px;
    background-color: #fff;
    box-shadow: 0px 0px 35px 0px rgba(6, 4, 36, 0.05);
}.single-classesV3 .sc-text h4 {
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 32px;
    font-weight: 600;
    padding: 15px 25px 0px;
    display: block;
}.single-classesV3 .sc-text h4 a {
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 32px;
    font-weight: 600;
    display: block;
}.single-classesV3 .sc-text h4 a:hover {
    color: var(--brand-color);
}.single-classesV3 .sc-text p {
    font-size: 18px;
    letter-spacing: 0px;
    color: #66666f;
    padding: 5px 25px 20px;
}.single-classesV3 .sc-text p a {
    font-size: inherit;
    letter-spacing: 0px;
    color: #66666f;
}.single-classesV3 .sc-text .sc-time {
    display: block;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 500;
    color: #fff;
    background-color: var(--brand-color);
    padding: 8px;
    text-align: center;
}
/*--------- Our Classes Style 3 END ------------*/
/*----------------------------------------*/
/*  Class Details Style 1
/*----------------------------------------*/
.class-details-area {
    position: relative;
}
.cda-top {
    position: relative;
    text-align: center;
    padding: 60px 0px;
    background-color: #f8f8f8;
}.cda-top .cdat-text {
    position: relative;
}.cda-top .cdat-text h4 {
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 60px;
}.cda-top .cdat-text svg {
    font-size: 65px;
    color: #d4d4d4;
    line-height: 80px;
    margin: 15px auto;
}
.class-details-box {
    position: relative;
    padding: 80px 0px;
}
.cdb-img {
    position: relative;
}.cdb-img img {
    width: 100%;
}.cdb-img .cdbi-text {
    position: absolute;
    top: 25%;
    left: 5%;
    background-color: var(--brand-color);
    max-width: 280px;
    padding: 25px;
    width: 100%;
}.cdb-img .cdbi-text p {
    color: #fff;
    font-size: 32px;
    text-align: center;
    line-height: 40px;
    letter-spacing: 0px;
    font-style: italic;
    margin: 25px auto;
}
.cdb-text-box {
    position: relative;
}.cdb-text-box .cdb-text {
    position: relative;
}.cdb-text-box .cdb-text p {
    font-size: 16px;
    letter-spacing: 0px;
    color: #313134;
    line-height: 24px;
    margin: 25px auto;
}.cdb-text-box .cdb-info {
    position: relative;
    margin: 25px auto;
    background-color: #f8f8f8;
}
ul.cdbi-list {
    position: relative;
    list-style-type: none;
    padding: 25px;
}ul.cdbi-list li {
    position: relative;
    letter-spacing: 0px;
    margin: 12px auto;
    font-size: 16px;
    line-height: 24px;
    color: #66666f;
}ul.cdbi-list li span {
    font-weight: 600;
    color: #313134;
}
a.cd-book-seat {
    position: relative;
    display: block;
    background-color: var(--brand-color);
    font-size: 18px;
    letter-spacing: 0px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    padding: 8px;
}
.cdb-qoutes-text {
    position: relative;
    background-color: var(--brand-color);
    padding: 50px 25px;
    margin: 25px auto;
}.cdb-qoutes-text p {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0px;
    color: #fff;
    font-style: italic;
    max-width: 920px;
    margin: 0 auto;
    text-align: center;
}
.class-details-gallery-area {
    position: relative;
    padding-bottom: 80px;
}.class-details-gallery-area .section-titleV1 {
    margin-top: 0px;
    padding-top: 0px;
}.class-details-gallery-area .section-titleV1 h3 {
    text-transform: uppercase;
}
.cd-gallery-slider {
    position: relative;
    border: 15px solid var(--brand-color);
    margin: 25px auto;
}
.cdgallery-carousel {
    position: relative;
}.cdgallery-carousel .owl-nav {
    display: none;
}.cdgallery-carousel .owl-dots {
    display: none;
}
/*--------- Class Details Style 1 END ------------*/
/*----------------------------------------*/
/*  Schedule Style
/*----------------------------------------*/
.our-classes-schedule {
    position: relative;
    background-image: url(../img/bg/class-shedeule-bg.jpg);
    background-size: cover;
}.our-classes-schedule:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #101012;
    opacity: .60;
}
.classes-schedule-wrapper {
    position: relative;
}.classes-schedule-wrapper h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 48px;
    letter-spacing: 0px;
    font-weight: 600;
    line-height: 60px;
    text-align: center;
    margin: 25px auto 60px;
}
.class-schedule {
    position: relative;
    margin-bottom: 40px;
}
.cs-time-filter {
    position: relative;
}.cs-time-filter form.sct-f {
    position: relative;
    text-align: center;
    margin: 25px auto;
}.cs-time-filter form.sct-f .sct-control {
    font-size: 18px;
    line-height: 26px;
    width: 16%;
    padding: 0;
    max-width: 165px;
    margin: 0px 8px;
    padding: 10px;
    letter-spacing: 0px;
    color: #fff;
    border: 1px solid var(--brand-color);
    background-color: #101012;
}.cs-time-filter form.sct-f .sct-control:first-child {
    margin-left: 0px;
}.cs-time-filter form.sct-f .sct-control:last-child {
    margin-right: 0px;
}
input.input-btn-a {
    font-size: 18px;
    width: 16%;
    max-width: 160px;
    margin: 0px 10px;
    padding: 10px;
    letter-spacing: 0px;
    color: #fff;
    border: 1px solid var(--brand-color);
    background-color: var(--brand-color) !important;
    line-height: 28px !important;
    padding-top: 11px;
    cursor: pointer;
}
.cs-time-table {
    position: relative;
    border: 1px solid var(--brand-color);
}
table.cst-table {
    position: relative;
    width: 100%;
    border: 1px solid var(--brand-color);
    border-collapse: collapse;
}table.cst-table thead {
    position: relative;
}table.cst-table thead tr {
    position: relative;
}table.cst-table thead tr th {
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    padding: 10px;
    width: 16%;
    background-color: rgba(241, 93, 43, 0.75);
    border: 1px solid #2d2d2f;
}table.cst-table tbody {
    position: relative;
}table.cst-table tbody tr {
    position: relative;
}table.cst-table tbody tr td {
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    padding: 10px;
    width: 16%;
    border: 1px solid #2d2d2f;
    background-color: #000;
}
.our-classes2-schedule {
    background-color: #f6f6f6;
}.our-classes2-schedule h3 {
    color: #000;
}
.our-classes3-schedule {
    background-color: #eeeeee;
}.our-classes3-schedule h3 {
    color: #000;
}
.csV3 .cs-time-filter form.sct-f .sct-control {
    color: #000;
    background-color: #fff;
}.csV3 table.cst-table {
    border: 1px solid #000;
}.csV3 table.cst-table thead tr th {
    background-color: #eee;
    color: #000;
}.csV3 table.cst-table tbody tr td {
    background-color: #fff;
    color: #000;
}.csV3 .cs-time-table {
    border-color: #000;
}
/*--------- Schedule Style END ------------*/
/*----------------------------------------*/
/*  Services 1 Style
/*----------------------------------------*/
.single-servicesV1 {
    position: relative;
    max-width: 350px;
    margin: 15px auto;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    padding: 25px;
    z-index: 1;
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -ms-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}.single-servicesV1:before {
    position: absolute;
    content: '';
    background-image: url(../img/bg/services-logo-bg.png);
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -ms-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}.single-servicesV1 .ss-icon {
    position: relative;
    height: 80px;
    width: 80px;
    background-color: var(--brand-color);
    text-align: center;
    border-radius: 5px;
    padding-top: 10px;
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -ms-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}.single-servicesV1 .ss-icon i {
    font-size: 44px;
    line-height: 60px;
    color: #fff;
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -ms-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}.single-servicesV1 .ss-text {
    position: relative;
}.single-servicesV1 .ss-text h4 {
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 36px;
    margin: 15px auto;
    color: #17171a;
    font-weight: 600;
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -ms-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}.single-servicesV1 .ss-text p {
    color: #72727c;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin: 12px auto;
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -ms-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}.single-servicesV1 .ss-text a {
    color: #403f4a;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: underline;
    letter-spacing: 0px;
    font-weight: 500;
    display: inline-block;
}.single-servicesV1:hover {
    background-color: var(--brand-color);
}.single-servicesV1:hover .ss-icon {
    background-color: #fff;
}.single-servicesV1:hover .ss-icon i {
    color: var(--brand-color);
}.single-servicesV1:hover .ss-text h4,
.single-servicesV1:hover .ss-text p,
.single-servicesV1:hover .ss-text a {
    color: #fff;
}
/* ---------- Services 1 Style END ---------- */
/*----------------------------------------*/
/*  Services Details Style
/*----------------------------------------*/
.service-details-area {
    position: relative;
}
.sdetails-title {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}.sdetails-title h3 {
    font-size: 36px;
    letter-spacing: 0px;
    color: #17171a;
    line-height: 40px;
    font-weight: 600;
    margin: 15px auto;
}
.service-details-text {
    position: relative;
    margin-bottom: 40px;
}.service-details-text p {
    font-size: 16px;
    color: #17171a;
    line-height: 22px;
    margin: 15px auto;
}
.sdetails-img {
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 40px;
}
ul.sp-list li {
    font-size: 16px;
    color: #17171a;
    line-height: 22px;
    margin: 5px auto;
    letter-spacing: 0px;
}
/* ---------- Services Details Style END ---------- */
/*----------------------------------------*/
/*  Testimonial 1 Style
/*----------------------------------------*/
.testimonial-area {
    position: relative;
    background-color: #f3f3f4;
    padding-top: 80px;
    overflow: hidden;
}.testimonial-area:before {
    position: absolute;
    content: '';
    background-image: url(../img/section-img/logo-icon.png);
    background-size: 100% 100%;
    right: 0;
    top: 0;
    height: 100%;
    width: 700px;
}
.testimonial-slider {
    position: relative;
    margin: 25px auto;
}
.testimonial-carousel {
    position: relative;
}.testimonial-carousel .item {
    position: relative;
}.testimonial-carousel .owl-dots {
    margin-top: 0px !important;
    margin-bottom: 25px;
}.testimonial-carousel .owl-dots .owl-dot span {
    width: 25px;
    height: 12px;
    margin: 5px;
    background-color: #e5e5e5;
}.testimonial-carousel .owl-dots .owl-dot.active span {
    background-color: var(--brand-color);
}
.single-testimonial {
    position: relative;
    margin: 10px auto 25px;
}.single-testimonial p {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0px;
    color: #17171a;
    font-style: italic;
    font-weight: 500;
    margin-bottom: 40px;
}.single-testimonial p span {
    color: var(--brand-color);
    font-weight: 600;
}.single-testimonial > span {
    font-size: 16px;
    letter-spacing: 00px;
    display: block;
    line-height: 22px;
    color: #17171a;
    font-style: italic;
}
/* ---------- Testimonial 1 Style END ---------- */
/*----------------------------------------*/
/*  Contact 1 Style
/*----------------------------------------*/
.contact-map {
    position: relative;
    border: 15px solid var(--brand-color);
    margin: 50px auto;
}
#googleMap {
    height: 400px;
    width: 100%;
}
.contact-area {
    position: relative;
}
.contact-info {
    position: relative;
    margin: 25px auto;
}.contact-info h4 {
    font-size: 30px;
    letter-spacing: 0px;
    line-height: 40px;
    font-weight: 500;
    margin-bottom: 40px;
}
.cp-wrapper {
    position: relative;
    margin: 25px auto;
}.cp-wrapper h4 {
    font-size: 30px;
    letter-spacing: 0px;
    line-height: 40px;
    font-weight: 500;
    margin-bottom: 40px;
}
.ci-single {
    position: relative;
    background-color: #f8f8f8;
    margin: 25px auto 25px 0px;
    max-width: 450px;
}.ci-single .cis-icon {
    width: 75px;
    min-height: 75px;
    background-color: var(--brand-color);
    text-align: center;
    font-size: 24px;
    padding-top: 25px;
    color: #fff;
    display: inline-block;
    float: left;
}.ci-single .cis-text {
    position: relative;
    display: inline-block;
    width: calc(100% - 75px);
    min-height: 75px;
    padding: 10px;
    vertical-align: middle;
}.ci-single .cis-text p {
    font-size: 18px;
    color: #000;
    margin-left: 14px;
    line-height: 26px;
}
.cp-wrapper form input {
    height: 50px;
    width: 100%;
    font-size: 18px;
    letter-spacing: 0px;
    padding: 5px 15px;
    line-height: 55px;
    font-weight: 400;
    border-radius: 0px;
    margin-bottom: 25px;
}.cp-wrapper form textarea {
    height: 125px;
    width: 100%;
    font-size: 18px;
    letter-spacing: 0px;
    padding: 0px 15px;
    line-height: 55px;
    font-weight: 400;
    border-radius: 0px;
    margin-bottom: 25px;
}
.cf-btn {
    border: none;
    background-color: var(--brand-color);
    padding: 10px 25px !important;
    -webkit-box-shadow: 0px 0px 4px -2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 4px -2px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 4px -2px rgba(0, 0, 0, 0.75);
    font-size: 18px;
    letter-spacing: 0px;
    color: #fff;
    font-weight: 300;
    cursor: pointer;
}
.cf-msg {
    padding: 10px;
    text-align: center;
    margin-bottom: 30px;
}.cf-msg p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    color: #717484;
    text-transform: capitalize;
}
/* ---------- Contact 1 Style END ---------- */
/*----------------------------------------*/
/*  Contact 2 Style
/*----------------------------------------*/
.contact-info-t {
    position: relative;
    margin-bottom: 0px;
    text-align: center;
    padding: 25px 0px;
}.contact-info-t h4 {
    font-size: 44px;
    letter-spacing: 0px;
    font-weight: 600;
    margin-bottom: 0px;
    line-height: 60px;
}
.ci-singleV2 {
    position: relative;
    max-width: 350px;
    border: 1px solid #ebebeb;
    background-color: #fff;
    padding: 25px;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 80px;
    min-height: 200px;
}.ci-singleV2 .cis-icon {
    font-size: 40px;
    background-color: var(--brand-color);
    width: 100px;
    height: 100px;
    text-align: center;
    color: #fff;
    line-height: 40px;
    padding-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -80px;
    margin-bottom: 25px;
}.ci-singleV2 .cis-text {
    position: relative;
}.ci-singleV2 .cis-text h4 {
    font-size: 26px;
    letter-spacing: 0px;
    font-weight: 600;
    margin: 15px auto;
    line-height: 30px;
}.ci-singleV2 .cis-text p {
    color: #6f6f6f;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    margin: 0 auto;
}
/* ---------- Contact 2 Style END ---------- */

#regSection{
    background: rgb(168,87,0);
    background: -moz-linear-gradient(-45deg,  rgb(168,87,0) 0%, rgb(0,0,0) 60%, rgb(0,0,0) 99%);
    background: -webkit-linear-gradient(-45deg,  rgb(168,87,0) 0%,rgb(0,0,0) 60%,rgb(0,0,0) 99%);
    background: linear-gradient(135deg,  rgb(168,87,0) 0%,rgb(0,0,0) 60%,rgb(0,0,0) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a85700', endColorstr='#000000',GradientType=1 );
}
#regSection .container-fluid{
    max-width: 1300px;
    text-align: center;
}
#regSection .img-wrap{}
#regSection .img-wrap img{
    display: block;
    width: 100%;
    filter: drop-shadow(0px 0px 5px #000);
}
#regSection .reg-title{
    font-size: 54px;
    font-weight: 300;
    color: #ef7d05;
    text-shadow: 0 0 10px #000;
    line-height: 1.5;
    margin-top: 100px;
}
#regSection .reg-sub-title{
    font-size: 54px;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 0 10px #000;
    line-height: 1;
    margin-bottom: 30px;
}
@media(max-width: 1199px){
    #regSection .reg-title{
        font-size: 34px;
    }
    #regSection .reg-sub-title{
        font-size: 34px;
    }
}
#regSection .reg-btn{
    margin-bottom: 30px;
}







/*----------------------------------------*/
/*  Footer 1 Style
/*----------------------------------------*/
.footer-area {
    position: relative;
    background-color: #2e2e2e;
}

.footer-widget-area {
    position: relative;
    padding: 50px 0px;
}
.footer-widget {
    position: relative;
}.footer-widget h4 {
    font-size: 24px;
    letter-spacing: 0px;
    color: #f1f1f1;
    line-height: 36px;
    margin: 10px auto;
    font-weight: 500;
    text-transform: uppercase;
}
.footer-text {
    position: relative;
}.footer-text p {
    font-size: 16px;
    letter-spacing: 0px;
    color: #fff;
    line-height: 22px;
    margin: 15px auto;
}
.footer-logo {
    position: relative;
}
.footer-area .footer-links ul{
    list-style: none;
    padding: 0;
}.footer-area .footer-links ul li{
    padding: 0 5px;
    display: inline;
}
.footer-area .footer-links ul li a{
    color: #fff;
}.footer-area .footer-links ul li a:hover{
    color: var(--brand-color);
}@media only screen and (max-width: 767px) {
    .footer-area .footer-links ul li {
        width: 100%;
        text-align: center;

    }}

ul.flinks {
    position: relative;
    padding: 0;
    list-style-type: none;
    margin: 25px auto;
}ul.flinks li {
    position: relative;
    margin-bottom: 10px;
}ul.flinks li a {
    font-size: 16px;
    letter-spacing: 0px;
    color: #fff;
    font-weight: 400;
    display: block;
}ul.flinks li a:hover {
    color: var(--brand-color);
}
ul.insta-img-list {
    position: relative;
    padding: 0;
    list-style-type: none;
    margin: 25px auto;
}ul.insta-img-list li {
    position: relative;
    display: inline-block;
    margin: 5px 3px;
}
.fw-subscribe {
    position: relative;
    text-align: right;
    margin: 25px auto;
}.fw-subscribe form {
    margin-bottom: 25px;
}.fw-subscribe form input {
    background-color: #434343;
    border: none;
    box-shadow: none;
    width: 100%;
    font-size: 16px;
    letter-spacing: 0px;
    padding: 10px;
    line-height: 24px;
    text-align: left;
    margin-bottom: 10px;
    color: #fff;
}.fw-subscribe form button.sf-btn {
    font-size: 30px;
    padding: 6px 22px;
    background-color: var(--brand-color);
    border: none;
    cursor: pointer;
    color: #fff;
}
.follow-social {
    position: relative;
}
ul.fsc-social {
    position: relative;
    padding: 0;
    list-style-type: none;
    margin: 15px auto;
}ul.fsc-social li {
    position: relative;
    display: inline-block;
    margin: 0px 5px;
}ul.fsc-social li a {
    color: #fff;
    font-size: 24px;
    display: block;
    line-height: 30px;
    margin: 5px;
}ul.fsc-social li a:hover {
    color: var(--brand-color);
}
.footer-copyright {
    position: relative;
    background-color: #161616;
    padding: 15px 0px;
}
.footer-area .footer-copyright .container-fluid{
    padding-left: 35px;
    padding-right: 35px;
    max-width: 1700px;
}
@media(max-width: 750px){
    .footer-area .footer-copyright .container-fluid{
        padding-left: 15px;
        padding-right: 15px;
    }
}
/*.footer-area .footer-links ul{
    text-align: center;
}*/


.copyright-text {
    position: relative;
    text-align: center;
}.copyright-text p {
    font-size: 14px;
    color: #fff;
    line-height: 2.5;
}
@media(max-width: 1199px){
    .copyright-text p {
        font-size: 12px;
    }
}
h1.ui-loader-header {
    display: none;
}


.footer-area img{
    width: 100%;
    max-width: 114px;
}
.footer-area .margin-right{
    margin-right: 30px;
}
@media(max-width: 1700px){
    .footer-area .margin-right{
        margin-right: 0;
    }
}
.footer-area ul{
    text-align: right;
}
@media(max-width: 1299px){
    .footer-area ul{
        text-align: center;
    }
}
@media(min-width: 1299px){
    .footer-area .width-33{
        width: 100%;
        max-width: 33%;
    }
    .footer-area .width-66{
        width: 100%;
        max-width: 66%;
    }
}
@media(max-width: 670px){
    .footer-area .block-xs{
        display: block !important;
        margin: 15px auto;
    }
    .footer-area .block-xs img{
        max-width: 150px;
    }
}  
.footer-area .row{
    align-items: center;
}


/*--------- Footer 1 Style END ------------*/
@media only screen and (min-width: 1368px) {
    .hero_V3 .hero-content .hero-text {
        margin-top: 160px; }
}/* Medium Layout: 1367px. */
@media only screen and (min-width: 1200px) {
    ul.fsc-social {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }    ul.fsc-social li a {
        font-size: 22px; }
}/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1360px) {
    .copyright-text-ep {
        position: relative; }
}@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .copyright-text-ep {
        position: relative;
    }
    .rexfit-nav ul li a {
        font-size: 12px;
        padding: 5px;
    }
    ul.tbc-list li a {
        font-size: 14px;
    }
    ul.rf-social-icon li a {
        font-size: 16px;
    }
    .single-classes .scs-text i {
        opacity: 0;
    }
    .single-classes .scs-text h4 {
        font-size: 18px;
    }
    .single-classes .scs-text p {
        font-size: 12px;
        line-height: 20px;
    }
    a.btn-style-b {
        font-size: 14px;
        padding: 8px 20px;
    }
    .hero_V3:after {
        bottom: -25px;
        right: 0;
        height: calc(100% - 125px);
        width: 45%;
    }
    .hero_V3 .hero-content .hero-text {
        margin-left: 65px;
    }
    .hero_V3 .hero-content .hero-text h3 {
        font-size: 48px;
        line-height: 60px;
    }
    .hero_V3 .hero-content .hero-text p {
        font-size: 32px;
        line-height: 40px;
    }
    .cs-time-filter form.sct-f .sct-control {
        font-size: 15px;
        margin-bottom: 20px;
        max-width: 120px;
        padding: 5px;
    }
    input.input-btn-a {
        line-height: 25px !important;
    }
    .get-in-touch3-area:before {
        display: none;
    }
    .gita-text h3 {
        font-size: 40px;
        line-height: 46px;
    }
    .classes2-title {
        min-height: 390px; }
}@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-classesV3 .sc-text h4 a {
        font-size: 18px;
        line-height: 28px;
    }
    .single-classesV3 .sc-text p {
        font-size: 16px;
    }
    .single-classesV3 .sc-text .sc-time {
        font-size: 12px;
    }
    .td2 .trainer-details .td-text {
        padding-left: 160px;
    }
    .td2 .td-img {
        max-width: 240px;
        margin-left: -85px;
    }
    .trainer-details .td-img {
        max-width: 275px;
    }
    .lga-text h3 {
        font-size: 40px;
        line-height: 65px;
    }
    .stV2 {
        min-height: unset;
        padding: 0;
    }
    .grid3-item {
        max-width: 285px;
    }
    .cs-time-filter form.sct-f .sct-control {
        font-size: 15px;
        margin-bottom: 20px;
        max-width: 120px;
        padding: 5px;
    }
    input.input-btn-a {
        line-height: 25px !important; }
}/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .sdetails-title h3 {
        font-size: 24px;
        line-height: 28px;
        margin: 10px auto;
    }
    ul.sp-list li,
    .service-details-text p {
        font-size: 14px;
        line-height: 20px;
    }
    .sdetails-title {
        margin: 10px auto; }
}@media only screen and (max-width: 991px) {
    .error-area {
        padding-top: 170px;
    }
    .ea-text h3 {
        font-size: 80px;
        line-height: 90px;
    }
    .ea-text h4 {
        font-size: 24px;
    }
    a.bth-btn {
        font-size: 16px;
        padding: 8px 20px;
        line-height: 24px;
    }
    .trainer-details .td-img {
        max-width: 220px;
    }
    .trainer-details .td-text {
        padding-bottom: 20px;
    }
    .trainer-details-area {
        padding-top: 0px;
    }
    .lga-text h3 {
        font-size: 40px;
        line-height: 65px;
    }
    .stV2 {
        min-height: unset;
        padding: 0 !important;
    }
    .grid3-item {
        max-width: 200px;
    }
    .copyright-text-ep {
        position: relative;
    }
    .bdp-author .bdpa-info {
        padding: 10px 20px;
        min-height: 155px;
    }
    .bdp-author .bdpa-info h4 {
        font-size: 20px;
        line-height: 20px;
    }
    .bdp-author .bdpa-info p {
        font-size: 14px;
        line-height: 20px;
    }
    h4.rtpt {
        text-align: center;
    }
    .cs-time-filter form.sct-f .sct-control {
        font-size: 15px;
        margin-bottom: 5px;
        max-width: 120px;
        padding: 5px;
        margin-left: 0;
        margin-right: 0px;
        width: 100%;
    }
    input.input-btn-a {
        line-height: 25px !important;
    }
    ul.tbc-list li a {
        font-size: 14px;
    }
    .rf-topbar {
        padding-top: 5px;
    }
    .hero-text {
        max-width: 600px;
    }
    .hero-text h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .hero-text p {
        font-size: 16px;
        line-height: 24px;
        margin: 15px auto;
    }
    .hero_V1 {
        padding-top: 100px;
    }
    .get-in-touch3-area:before {
        display: none; }
}@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-servicesV1 .ss-text h4 {
        font-size: 20px;
        line-height: 24px;
    }
    .single-servicesV1 .ss-text p {
        font-size: 14px;
        line-height: 20px;
        margin: 10px auto;
    }
    .single-servicesV1 .ss-text a {
        font-size: 14px;
        line-height: 20px;
    }
    .td2 .td-img {
        display: none;
    }
    .td2
    .td-text {
        padding: 50px 25px;
    }
    .ati2-img:before {
        display: none;
    }
    .ati2-img:after {
        display: none;
    }
    .atinfo2 {
        margin: 15px auto;
        padding-top: 0px;
    }
    .ci-singleV2 .cis-text p {
        font-size: 13px;
        line-height: 22px;
    }
    .ci-singleV2 .cis-text h4 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .single-classes-V2 .sc-text h4, .single-classes-V2 .sc-text h4 a {
        font-size: 22px;
        line-height: 28px;
    }
    .single-classes-V2 .sc-text p {
        font-size: 14px;
        line-height: 18px;
    }
    .single-classes-V2 .sc-text a {
        font-size: 14px;
    }
    .single-classesV3 .sc-text h4, .single-classesV3 .sc-text h4 a {
        font-size: 16px;
        line-height: 22px;
    }
    .stV2 {
        min-height: unset;
        padding: 0;
    }
    .single-classesV3 .sc-text p {
        font-size: 12px;
        line-height: 18px;
    }
    .single-classesV3 .sc-text .sc-time {
        font-size: 10px;
        line-height: 16px;
        padding: 5px 3px;
    }
    .ocb-text2-area .ocb-title h3 {
        margin-top: 0px;
        padding-top: 0px;
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .ocb-text2-area {
        margin-top: 0px;
    }
    .ocb-text2-area .ocb-text p {
        font-size: 14px;
        margin: 15px auto;
    }
    .single-blogV3 .sb-text .sb-date span {
        margin: 10px auto;
        font-size: 14px;
        line-height: 20px;
    }
    .single-blogV3 .sb-text .sbt a {
        font-size: 20px;
        line-height: 26px;
        margin: 5px auto;
    }
    .single-blogV3 .sb-text .sbt p {
        font-size: 14px;
        line-height: 20px;
    }
    .single-blogV2 .sb-img {
        margin-bottom: 5px;
    }
    .single-blogV2 .sb-meta ul.meta-list li {
        font-size: 14px;
        line-height: 24px;
    }
    .single-blogV2 .sb-meta {
        margin-bottom: 10px;
    }
    .single-blogV2 .sb-text h4 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    .single-blogV2 .sb-text p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    a.btn-style-a {
        font-size: 14px;
        padding: 5px 20px;
    }
    .single-blogV2 .sb-text a {
        margin-bottom: 10px;
    }
    ul.pagination li a {
        font-size: 14px;
        height: 40px;
        width: 40px;
        padding-top: 10px;
        margin: 2px;
    }
    .rf-widget {
        padding: 15px;
    }
    .rf-widget form input {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .rf-widget h4.rfw-title {
        font-size: 18px;
        margin-bottom: 12px;
    }
    .rf-search h4.rfw-title {
        font-size: 14px;
        margin-bottom: 8px;
        line-height: 20px;
    }
    .rf-pp-single {
        padding-left: 60px;
        margin-bottom: 10px;
        min-height: 55px;
    }
    .rf-pp-single .rfpp-img img {
        width: 55px;
    }
    .rf-pp-single .rfpp-text h5, .rf-pp-single .rfpp-text h5 a {
        font-size: 13px;
        line-height: 16px;
        margin-top: 0px;
        margin-bottom: 2px;
    }
    .rf-pp-single .rfpp-text p {
        font-size: 12px;
        line-height: 15px;
    }
    ul.rhw-links li a {
        font-size: 14px;
        line-height: 24px;
    }
    ul.rhw-links li:after {
        top: 8px;
    }
    ul.rhw-links li {
        margin: 3px auto;
    }
    ul.rht-links li a {
        font-size: 10px;
        padding: 5px 12px;
        min-width: 60px;
    }
    .hero_V3:after {
        bottom: -25px;
        right: 0;
        height: calc(100% - 125px);
        width: 45%;
    }
    .hero_V3 .hero-content .hero-text {
        margin-left: 65px;
    }
    .hero_V3 .hero-content .hero-text h3 {
        font-size: 34px;
        line-height: 44px;
    }
    .hero_V3 .hero-content .hero-text p {
        font-size: 26px;
        line-height: 34px;
    }
    .single-pricing h4 {
        font-size: 22px;
        line-height: 26px;
    }
    .single-pricing .sp-price h4 {
        font-size: 48px;
    }
    .gitouch-text h3 {
        font-size: 36px;
        line-height: 44px;
        margin: 15px auto;
    }
    .gitouch-text p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 18px;
    }
    .gitouch-text {
        padding-top: 0px;
        margin-top: 0px;
    }
    .classes2-title {
        min-height: 280px;
    }
    .classes2-title h3 {
        font-size: 28px;
        line-height: 36px;
    }
    a.hero3-btn {
        font-size: 16px;
    }
    .single-features .sf-text h4 {
        font-size: 15px;
        line-height: 22px;
        margin: 10px auto;
    }
    .single-features .sf-text p {
        font-size: 13px;
        line-height: 18px;
    }
    .ocb-text-area .ocb-title h3 {
        font-size: 24px;
        line-height: 32px;
        margin: 12px auto;
    }
    .ocb-text-area .ocb-title h4 {
        font-size: 16px;
    }
    .ocb-text-area {
        margin: 0px auto 25px;
    }
    .ocb-text-area .ocb-text p {
        font-size: 14px;
        line-height: 20px;
        margin: 12px auto;
    }
    .gita-text h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .gita-text {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .single-trainer {
        padding: 15px;
    }
    .single-trainer .st-info h4,
    .single-trainer .st-info h4 a {
        font-size: 20px;
        line-height: 28px;
    }
    .single-trainer .st-info p {
        font-size: 16px;
    }
    .single-trainer .st-info ul.st-social-list li a {
        margin: 5px auto;
    }
    .single-trainer .st-info ul.st-social-list li a {
        font-size: 14px;
        width: 30px;
        height: 30px;
        padding-top: 0px;
    }
    .single-blogV1 .sb-text .sbt a {
        font-size: 20px;
        line-height: 26px;
    }
    .single-blogV1 .sb-text {
        padding-top: 30px;
    }
    .single-blogV1 .sb-text .sbt p {
        font-size: 15px;
    }
    .footer-widget h4 {
        font-size: 22px;
    }
    .single-classes .scs-text i {
        opacity: 0;
    }
    .single-classes .scs-hover {
        height: 100%;
        width: 100%;
        top: 0;
    }
    .single-classes:hover .scs-hover {
        left: 0;
    }
    a.btn-style-b {
        font-size: 12px;
        padding: 8px 20px;
    }
    .single-classes .scs-text h4 {
        margin-bottom: 5px;
    }
    .single-classes .scs-text p {
        margin: 8px auto; }
}/* Mobile Layout: 320px. */
@media only screen and (max-width: 800px) {
    .YTVidModal .modal-dialog {
        max-width: 100% !important;
        top: 10%;
        left: -5px;
    }
    .YTembed {
        height: 300px; }
}@media only screen and (max-width: 767px) {
    .gallery-area .shuffle-filter-btn label{
        display: block;

    }    .classes-schedule-wrapper h3,
    .our-classes3-schedule h3 {
        font-size: 28px;
        line-height: 36px;
    }
    .gitouch-img2.giti2-alt {
        margin: 0px auto 60px;
    }
    .ea-social li a {
        font-size: 20px;
        line-height: 26px;
        margin: 5px;
    }
    .ea-social-box h4 {
        font-size: 20px;
    }
    .ea-text h3 {
        font-size: 60px;
    }
    .error-area {
        padding-top: 130px;
    }
    .at-info.atinfo2 {
        padding: 15px;
        padding-top: 0px;
        margin: 25px auto;
    }
    .trainer-details-wrapper {
        padding-bottom: 20px;
    }
    .trainer-details.td2 {
        padding-top: 40px;
    }
    .trainer-details .td-img {
        position: relative;
        margin: 0 auto;
    }
    .trainer-details .td-text {
        padding: 25px;
        text-align: center;
    }
    .at-info h4 {
        font-size: 22px;
        line-height: 24px;
    }
    .about-trainer {
        padding: 40px 0px;
    }
    .about-trainer .at-info p {
        font-size: 14px;
        line-height: 20px;
    }
    .about-trainer .at-info:after {
        display: none;
    }
    .contact-info-t h4 {
        font-size: 28px;
    }
    .ci-singleV2 {
        margin-left: auto;
        margin-right: auto;
    }
    .lga-text h3 {
        font-size: 25px;
        line-height: 50px;
    }
    .lga-text h3 span:before {
        width: 100%;
        left: 0;
    }
    .lga-text {
        padding: 25px;
        clip-path: none;
        margin-right: 0px;
        text-align: center;
        min-height: unset;
    }
    .testimonial-area:before {
        display: none;
    }
    .single-testimonial {
        text-align: center;
    }
    .grid3-item {
        max-width: 340px;
    }
    .gallery3-grid {
        text-align: center;
        max-width: 380px;
        margin: 0 auto;
    }
    .cdb-qoutes-text p {
        font-size: 20px;
        line-height: 30px;
    }
    .cdb-img .cdbi-text {
        top: 2%;
        left: 2%;
    }
    .breadcrumbV2 {
        overflow: hidden;
    }
    .page-titleV2 h2 {
        font-size: 36px;
        margin: 5px auto;
    }
    .page-titleV2 {
        margin: 15px auto;
        padding: 15px 20px;
    }
    .bdp-author .bdpa-img {
        padding: 15px;
    }
    .page-title-area {
        padding-top: 120px;
    }
    .page-titleV1 {
        padding: 10px 0px 20px;
        margin: 15px auto;
    }
    .page-titleV1 h2 {
        font-size: 36px;
        line-height: 44px;
        margin: 5px auto;
    }
    .page-titleV1 {
        padding: 10px 0px 15px;
        margin: 5px auto;
    }
    .breadcrumbV1 ul {
        margin-bottom: 0px;
        overflow: hidden;
    }
    .sidebar-wrapper {
        margin-top: 60px;
    }
    .hero_V1 {
        padding-top: 100px;
        padding-bottom: 40px;
        background-size: cover;
    }
    .vidBoxbg {
        height: 100%;
    }
    .vidBoxbg video {
        object-fit: cover;
        height: 100%;
    }
    .hero_Video {
        height: auto;
    }
    .hero-text {
        max-width: 380px;
        padding: 10px;
        margin: 25px auto;
    }
    .hero-text h3 {
        font-size: 24px;
        line-height: 30px;
    }
    .hero-text p {
        font-size: 12px;
        line-height: 18px;
        margin: 10px auto;
    }
    a.btn-style-a {
        font-size: 12px;
        padding: 8px 15px;
        line-height: 20px;
    }
    .features-box {
        margin: 25px auto;
        max-width: 280px;
        box-shadow: none;
    }
    .single-features {
        margin: 15px auto;
        box-shadow: 0px 0px 55px 0px rgba(17, 22, 29, 0.1);
    }
    .our-classes-better {
        padding: 30px 15px 80px;
        text-align: center;
    }
    .gita-img {
        position: relative;
        max-width: 260px;
        margin: 0 auto;
    }
    .gita-text h3 {
        font-size: 28px;
        line-height: 37px;
    }
    .gita-text p {
        margin: 15px auto;
        font-size: 15px;
        line-height: 23px;
    }
    .gita-text {
        padding: 25px 0px;
        margin: 15px auto;
    }
    .get-in-touch-area {
        padding-top: 40px;
    }
    .footer-widget {
        position: relative;
        max-width: 320px;
        margin: 25px auto;
        text-align: center;
    }
    .footer-widget-area {
        padding: 25px 0px;
    }
    .fw-subscribe form {
        margin: 0 auto;
        text-align: center;
    }
    a#scrollUp {
        display: none !important;
    }
    .hero_V3 .hero-content .hero-text {
        max-width: 480px;
        margin: 5px auto;
        text-align: center;
    }
    .hero_V3 .hero1-carousel .item {
        margin-top: 0px;
    }
    .hero_V3 .hero-content .hero-text h3 {
        font-size: 44px;
        line-height: 55px;
    }
    .hero_V3 .hero-content .hero-text p {
        font-size: 30px;
        line-height: 40px;
    }
    .hero_V3 .hero-content .hero-img {
        max-width: 480px;
        margin: 0 auto;
    }
    .hero_V3:after {
        height: 45%;
        width: 80%;
        right: 0;
    }
    .classes2-title {
        max-width: 350px;
        margin: 25px auto;
    }
    table.cst-table tbody tr td {
        font-size: 10px;
        line-height: 17px;
        padding: 5px;
    }
    table.cst-table thead tr th {
        font-size: 11px;
        line-height: 17px;
        padding: 5px;
    }
    .cs-time-filter form.sct-f .sct-control:last-child {
        margin-bottom: 0px;
    }
    .gitouch-text h3 {
        font-size: 36px;
        line-height: 44px;
    }
    .hero_V3 {
        padding-top: 120px; }
}@media only screen and (max-width: 499px) {
    .single-classes-V2 .sc-text h4, .single-classes-V2 .sc-text h4 a {
        font-size: 22px;
        line-height: 28px;
    }
    .single-classes-V2 .sc-text p {
        font-size: 14px;
        line-height: 18px;
    }
    .single-classes-V2 .sc-text a {
        font-size: 14px;
    }
    .ci-single .cis-text p {
        font-size: 16px;
    }
    .contact-info h4 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .cp-wrapper form input {
        height: 40px;
        font-size: 16px;
    }
    .cp-wrapper form textarea {
        font-size: 16px;
    }
    .cp-wrapper h4 {
        font-size: 22px;
    }
    .grid3-item {
        max-width: 3100px;
    }
    .gallery3-grid {
        max-width: 310px;
    }
    .page-titleV2 h2 {
        font-size: 25px;
    }
    .breadcrumbV2 ul li {
        font-size: 14px;
    }
    .breadcrumbV2 ul li a {
        font-size: 14px;
    }
    .cdb-img .cdbi-text p {
        font-size: 20px;
        line-height: 30px;
    }
    .cdb-img .cdbi-text {
        top: 10px;
        padding: 15px;
    }
    .cda-top .cdat-text h4 {
        font-size: 24px;
        line-height: 36px;
    }
    .cda-top {
        padding-bottom: 25px;
    }
    .single-classesV3 .sc-text h4, .single-classesV3 .sc-text h4 a {
        font-size: 20px;
        line-height: 22px;
    }
    .single-classesV3 .sc-text p {
        font-size: 14px;
        line-height: 18px;
    }
    .single-classesV3 .sc-text .sc-time {
        font-size: 11px;
        line-height: 16px;
    }
    .ocb-text2-area .ocb-title h3 {
        margin-top: 0px;
        padding-top: 0px;
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .ocb-text2-area {
        padding: 15px;
        margin-top: 0px;
    }
    .ocb-text2-area .ocb-text p {
        font-size: 14px;
        margin: 15px auto;
    }
    .single-blogV2 .sb-img {
        margin-bottom: 5px;
    }
    .single-blogV2 .sb-meta ul.meta-list li {
        font-size: 14px;
        line-height: 24px;
    }
    .single-blogV2 .sb-meta {
        margin-bottom: 10px;
    }
    .single-blogV2 .sb-text h4 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    .single-blogV2 .sb-text p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    a.btn-style-a {
        font-size: 14px;
        padding: 5px 20px;
    }
    .single-blogV2 .sb-text a {
        margin-bottom: 10px;
    }
    ul.pagination li a {
        font-size: 14px;
        height: 40px;
        width: 40px;
        padding-top: 10px;
        margin: 2px;
    }
    .rf-widget {
        padding: 15px;
    }
    .rf-widget form input {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .rf-widget h4.rfw-title {
        font-size: 18px;
        margin-bottom: 12px;
    }
    .rf-search h4.rfw-title {
        font-size: 14px;
        margin-bottom: 8px;
        line-height: 20px;
    }
    .rf-pp-single {
        padding-left: 60px;
        margin-bottom: 10px;
        min-height: 55px;
    }
    .rf-pp-single .rfpp-img img {
        width: 55px;
    }
    .rf-pp-single .rfpp-text h5, .rf-pp-single .rfpp-text h5 a {
        font-size: 13px;
        line-height: 16px;
        margin-top: 0px;
        margin-bottom: 2px;
    }
    .rf-pp-single .rfpp-text p {
        font-size: 12px;
        line-height: 15px;
    }
    ul.rhw-links li a {
        font-size: 14px;
        line-height: 24px;
    }
    ul.rhw-links li:after {
        top: 8px;
    }
    ul.rhw-links li {
        margin: 3px auto;
    }
    ul.rht-links li a {
        font-size: 10px;
        padding: 5px 12px;
        min-width: 60px;
    }
    .hero_V3 .hero-content .hero-text h3 {
        font-size: 36px;
    }
    .hero_V3 .hero-content .hero-text p {
        font-size: 24px;
        line-height: 36px;
    }
    .hero_V3 .hero-content .hero-text {
        max-width: 375px;
        padding: 15px;
    }
    .classes2-title h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .classes-schedule-wrapper h3 {
        font-size: 30px;
        margin: 25px auto 40px;
        line-height: 36px;
    }
    .section-titleV2 h3 {
        font-size: 30px;
        line-height: 38px;
    }    .hero_V3 {
        padding-top: 100px;
    }
    ul.rf-social-icon li a {
        font-size: 10px;
    }
    ul.tbc-list li a {
        font-size: 10px;
    }
    .rf-topbar {
        padding-top: 0px;
    }
    .hero_V1 {
        padding-bottom: 0px;
    }
    .hero1-carousel {
        margin: 12px auto 40px;
    }
    .hero-text {
        max-width: 100%;
        padding: 10px;
        margin: 15px auto;
    }
    .hero-text h3 {
        font-size: 16px;
        line-height: 22px;
    }
    .hero1-carousel .owl-dots {
        display: none;
    }
    .hero1-carousel .owl-dots {
        display: none;
    }
    .active-member-counter h4 {
        font-size: 44px;
    }
    .active-member-counter p {
        font-size: 16px;
    }
    .ocb-text-area .ocb-title h3 {
        font-size: 24px;
        line-height: 36px;
        margin: 12px auto;
    }
    .ocb-text-area .ocb-title h4 {
        font-size: 16px;
    }
    .ocb-text-area .ocb-text p {
        font-size: 14px;
        line-height: 22px;
        margin: 10px auto;
    }
    .single-features .sf-text h4 {
        font-size: 20px;
        line-height: 24px;
        margin: 12px auto;
    }
    .single-features .sf-text p {
        font-size: 14px;
    }
    .section-titleV1 h3 {
        font-size: 24px;
        line-height: 36px;
    }
    .section-titleV1 p {
        font-size: 13px;
        line-height: 20px;
    }
    .section-titleV1 {
        padding: 15px;
    }
    .single-classes:hover .scs-hover {
        left: 0;
    }
    .single-classes .scs-hover {
        height: 100%;
        width: 100%;
        top: 0;
    }
    .gita-text h3 {
        font-size: 20px;
        letter-spacing: 0px;
        line-height: 28px;
    }
    .gita-text p {
        font-size: 13px;
        line-height: 20px;
    }
    .gita-text {
        text-align: center;
        padding-top: 0px;
    }
    .footer-text p {
        font-size: 13px;
        line-height: 20px;
    }
    ul.flinks li a {
        font-size: 14px;
    }
    .gitouch-text h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .gitouch-text p {
        font-size: 14px;
        line-height: 20px; }
}
@media only screen and (max-width: 374px) {
    .single-blogV3 .sb-text .sb-date span {
        margin: 10px auto;
        font-size: 14px;
        line-height: 20px;
    }
    .single-blogV3 .sb-text .sbt a {
        font-size: 20px;
        line-height: 26px;
        margin: 5px auto;
    }
    .single-blogV3 .sb-text .sbt p {
        font-size: 14px;
        line-height: 20px;
    }
    .hero_V3 .hero-content .hero-text h3 {
        font-size: 30px;
    }
    .hero_V3 .hero-content .hero-text p {
        font-size: 20px;
        line-height: 24px;
        margin: 10px auto;
    }
    .single-classes-V2 .sc-text h4, .single-classesV2 .sc-text h4 a {
        font-size: 30px;
        line-height: 36px;
    }
    .single-classes-V2 .sc-text p {
        font-size: 16px;
    }
    .single-classes-V2 .sc-text a {
        font-size: 16px;
    }
    table.cst-table tbody tr td {
        padding: 2px;
        font-size: 9px;
        line-height: 14px;
    }
    table.cst-table thead tr th {
        font-size: 10px;
        padding: 2px;
    }
    ul.rf-social-icon li {
        margin-right: 1px;
    }
    ul.tbc-list li {
        margin-left: 0px;
    }
    ul.tbc-list li a {
        font-size: 9px; }
}/* Wide Mobile Layout: 480px. */
/* 
--------------------------
- Custom Typography
--------------------------
*/
/* Your Custom Typography. */

/* Widgets styles */

#lswidget{
    display: block;
    /*min-height: calc(100vh - 450px);*/
    width:100%;
    border:none;
    background-color: #fff;
}
#znwidget{
    display: block;
    /*min-height: calc(100vh - 450px);*/
    width:100%;
    border:none;
}

#zlwidget{
    display: block;
    /*min-height: calc(100vh - 450px);*/
    width:100%;
    border:none;
    background-color: #fff;
}
.page-membership{
    padding-top: 133px;
}
#omwidget{
    display: block;
    min-height: calc(100vh - 198px);
    width:100%;
    border:none;
    background-color: #fff;
}
#livestream .livestream-wrap{
    padding: 100px 0px;
    border-top: 1px solid var(--brand-color);
}
#aboutus{
    background-color: #fff;
    padding-top: 130px;
}
#aboutus h2{
    font-size: 36px;
    letter-spacing: 0px;
    color: #17171a;
    line-height: 40px;
    font-weight: 600;
    margin: 10px auto;
    text-align: center;
}
@media(max-width: 1200px){
    #aboutus{padding-top:75px;}
    #aboutus h2{font-size: 30px;}
}
@media(max-width: 768px){
    #aboutus{padding-top:40px;}
    #aboutus h2{font-size: 24px;}
}
#aboutus p{
    font-size: 18px;
    letter-spacing: 0px;
    color: #545361;
    font-weight: 600;
    line-height: 24px;
    margin: 0 0 15px;
    text-align: center;
}
#ztwidget{
    display: block;
    /*min-height: calc(100vh - 450px);*/
    width:100%;
    border:none;
    background-color: #fff;
}

#galerie{
    background-color: #fff;
    padding-top: 50px;
}
#galerie h2 {
    font-size: 36px;
    letter-spacing: 0px;
    color: #17171a;
    line-height: 40px;
    font-weight: 600;
    margin: 10px auto;
    text-align: center;
}

#zgwidget{
    display: block;
    /*min-height: calc(100vh - 450px);*/
    width:100%;
    border:none;
}

/* /Widgets styles */

/*# sourceMappingURL=style.css.map */

.page-agb{
    color: #fff;
}
.page-agb .title{
    font-size: 36px;
    font-weight: 700;
    line-height: 70px;
    letter-spacing: 1px;
}
@media(max-width: 800px){
    .page-agb .title{
        font-size: 32px;
        line-height: 40px;
        margin: 25px 0;
    }
}
@media(max-width: 600px){
    .page-agb .title{
        font-size: 20px;
        line-height: 30px;
    }
}
.page-agb .sub-title{
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}
@media(max-width: 600px){
    .page-agb .sub-title{
        font-size: 18px;
    }
}
.page-agb .desc{
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 10px;
}
.page-static{
    position: relative;
    padding: 160px 0px 100px;
    /*min-height: calc(100vh - 52px);*/
}
.page-static h1, .page-static h3, .page-static p, .page-static ul {
    color: #fff;
}
.page-static h3 {
    margin-top: 20px;
}
.page-static p {
    margin-bottom: 10px;
    line-height: 1.5;
}
.page-static ul {
    margin-bottom: 10px;
}
.page-static a {
    color: var(--brand-color);
}
@media(max-width: 767px){
    .page-static{
        min-height: calc(100vh - 90px);

    }
}
@media(max-width: 600px){
    .page-static h1 {
        font-size: 26px;

    }    .page-static h3 {
        font-size: 18px;

    }
}

.text-left{
    text-align: left !important;
}
.text-right{
    text-align: right !important;
}
.text-center{
    text-align: center !important;
}

.display-inline-block{
    display:inline-block !important;
}
.display-block{
    display:block !important;
}


.showcase-section {
    position: relative;
    background-image: url(../img/bg/3d-section-bg.jpg);
    background-size: cover;
    padding: 200px 0;
    overflow: hidden;
}
.showcase-section .icon{
}
.showcase-section .icon img{
    display: block;
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
}
.showcase-section .title,
.showcase-section .sub-title{
    color: #fff;
    font-size: 30px;
    font-weight: 600;
}
.showcase-section .title{
    margin-top: 15px;
}
.showcase-section .sub-title{
    margin-bottom: 30px;
}
@media(max-width: 600px){
    .showcase-section {
        padding: 50px 20px;
    }
    .showcase-section .title,
    .showcase-section .sub-title {
        font-size: 20px;
    }
    .showcase-section .display-inline-block,
    .showcase-section .display-inline-block a{
        display: block !important;
    }
    .showcase-section .display-inline-block a{
        text-align:center;
    }
}

.showcase-view-section{
    position: relative;
    padding: 100px 0;
    overflow: hidden;
}
.showcase-view-section #viewFrame{
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.showcase-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.showcase-wrap .close{
    position: absolute;
    top: -60px;
    right: 0;
    width: 37px;
    height: 37px;
    z-index: 1;
}
.showcase-wrap .close:after,
.showcase-wrap .close:before {
    position: absolute;
    left: 18px;
    content: ' ';
    height: 50px;
    width: 2px;
    background-color: #fff;
    top: -6px;
}
.showcase-wrap .close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.showcase-wrap .close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media(max-width: 600px){
    .showcase-view-section {
        padding: 100px 30px;
    }
}
.lang-wrap {
    position: relative;
}
.lang-wrap .lang-menu {
    display: none;
    position: absolute;
    padding: 10px;
    background-color: #fff;
    top: 35px;
    left: -15px;
}
.lang-wrap .lang-menu:before {
    content: "";
    position: absolute;
    border-style: solid;
    display: block;
    border-width: 0 7.5px 10px;
    border-color: transparent transparent #fff transparent;
    left: auto;
    top: -10px;
    transform: translateX(-50%);
    right: 5px;
}
.lang-wrap .lang-menu.open {
    display: block;
    z-index: 10000;
}
.lang-wrap a {
    border: 2px solid var(--brand-color);
    border-radius: 5px;
    padding: 0 5px;
    background-color: var(--brand-color);
}
@media(max-width: 499px){
    ul.tbc-list li .lang-menu a{
        line-height: 16px;
    }
}
.dropdown-item + .dropdown-item{
    margin-top: 10px;
}

.lang-wrap a:hover {
    background: none;
    color: var(--brand-color);
}

.title-banner {
	color: #fff;
    font-size: 48px;
    text-transform: uppercase;
    font-weight: 600;
    position: absolute;
    letter-spacing: -1px;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding-bottom: 40px;
}
@media(max-width: 1200px){
    .title-banner{
    font-size: 39px;
	}
}
@media(max-width: 991px){
    .title-banner{
    font-size: 29px;
	}
}
@media(max-width: 767px){
    .title-banner{
    font-size: 48px;
	}
}


.pbt-area{
    padding: 120px 0px 80px;
}
@media(max-width: 1200px){
    .pbt-area{
    padding: 100px 0px 70px;
    }
}
@media(max-width: 991px){
    .pbt-area{
    padding: 90px 0px 60px;
    }
}
@media(max-width: 767px){
    .pbt-area{
    padding: 80px 0px 50px;
    }
}
@media(max-width: 460px){
    .pbt-area{
    padding: 60px 0px 0px;
    }
}


.pbt-area .img-bg{
    border: 4px solid #ee7d00;
    background-image: url(../img/bg/pbt-area-bg.png);
    background-size: cover;
    background-position: center left;
    padding-top: 35px;
    padding-bottom: 50px;
    width: 100%;
    max-width: 1110px;
    margin: 0 auto;
}
@media(max-width: 1200px){
    .pbt-area .img-bg{
        padding-top: 30px;
        padding-bottom: 45px;
        max-width: 930px;
    }
}
@media(max-width: 991px){
    .pbt-area .img-bg{
    padding-top: 25px;
    padding-bottom: 40px;
    }
}
@media(max-width: 767px){
    .pbt-area .img-bg{
    padding-top: 20px;
    padding-bottom: 35px;
    }
}
@media(max-width: 460px){
    .pbt-area .img-bg{
    padding-top: 15px;
    padding-bottom: 30px;
    }
}


.pbt-area .container{
    max-width: 902px;
    margin-right: 0;
    padding-right: 0;
}
@media(max-width: 1200px){
    .pbt-area .container{
        max-width: 720px;
    }
}
@media(max-width: 991px){
    .pbt-area .container{
        padding-left: 0;
        max-width: 100%;
        text-align: center;
    }
    .pbt-area .container .row{
        display: block;
        margin: 0;
    }
}


.pbt-area .img-bg .title-wrap .title{
    font-family: "Futura";
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.7;
    color: #fff;
}
@media(max-width: 1200px){
    .pbt-area .img-bg .title-wrap .title{
    font-size: 30px;
    }
}
@media(max-width: 991px){
    .pbt-area .img-bg .title-wrap .title{
    text-align: center;
    }
}
@media(max-width: 767px){
    .pbt-area .img-bg .title-wrap .title{
    font-size: 25px;
    }
}
@media(max-width: 460px){
    .pbt-area .img-bg .title-wrap .title{
    font-size: 20px;
    }
}


.pbt-area .img-bg .title-wrap .title span{
    font-family: "Futura";
    font-size: 44px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.7;
    color: #ee7d00;
}
@media(max-width: 1200px){
    .pbt-area .img-bg .title-wrap .title span{
    font-size: 30px;
    }
}
@media(max-width: 767px){
    .pbt-area .img-bg .title-wrap .title span{
    font-size: 25px;
    }
}
@media(max-width: 460px){
    .pbt-area .img-bg .title-wrap .title span{
    font-size: 20px;
    }
}


.pbt-area .img-bg .title-wrap .title .span-1{
    font-family: "Futura";
    font-size: 33px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 2.27;
    color: #ee7d00;
}
@media(max-width: 1200px){
    .pbt-area .img-bg .title-wrap .title .span-1{
    font-size: 29px;
    }
}
@media(max-width: 991px){
    .pbt-area .img-bg .title-wrap .title .span-1{
    font-size: 25px;
    }
}
@media(max-width: 767px){
    .pbt-area .img-bg .title-wrap .title .span-1{
    font-size: 21px;
    }
}
@media(max-width: 460px){
    .pbt-area .img-bg .title-wrap .title .span-1{
    font-size: 17px;
    }
}


.pbt-area .img-bg .title-wrap .sub-title{
    font-family: "Futura";
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.66;
    letter-spacing: 0;
    color: #000;
    background-color: #ee7d00;
    padding: 0 15px;
}
@media(max-width: 1200px){
    .pbt-area .img-bg .title-wrap .sub-title{
    font-size: 14px;
    }
}
@media(max-width: 991px){
    .pbt-area .img-bg .title-wrap .sub-title{
    font-size: 16px;
    }
}
@media(max-width: 767px){
    .pbt-area .img-bg .title-wrap .sub-title{
    font-size: 15px;
    padding: 10px 0 15px 15px;
    }
}
@media(max-width: 460px){
    .pbt-area .img-bg .title-wrap .sub-title{
    font-size: 14px;
    }
}


.pbt-area .img-wrap{
    padding-top: 35px;
}
.pbt-area .img-wrap .img + .img{
    margin-top: 10px;
}


.pbt-area .img-bg .number-wrap .number{
    font-family: 'Futura';
    font-size: 90px;
    font-weight: 700;
    color: #ee7d00;
    line-height: 1.27;
    position: relative;
    bottom: -35px;
}
@media(max-width: 1200px){
    .pbt-area .img-bg .number-wrap .number{
        font-size: 70px;
        bottom: -25px;
    }
}


.pbt-area .img-bg .number-wrap .text{
    font-family: "Futura";
    font-size: 21px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.05em;
    color: #fff;
    text-align: center;
    position: relative;
}
@media(max-width: 1200px){
    .pbt-area .img-bg .number-wrap .text{
        font-size: 17px;
    }
}


body.en .pbt-area .img-bg .item-wrap .item span{
    font-size: 19px;
}
body.es .pbt-area .img-bg .item-wrap .item span{
    font-size: 18px;
}
body.fr .pbt-area .img-bg .item-wrap .item span{
    font-size: 17px;
}
body.it .pbt-area .img-bg .item-wrap .item span{
    font-size: 17px;
}
body.pt .pbt-area .img-bg .item-wrap .item span{
    font-size: 17px;
}
@media(max-width: 460px){
    .pbt-area .img-bg .item-wrap .item span{
        bottom: auto;
        top: 100%;
    }
}

.pbt-area .img-bg .item-wrap .item span.padding-left{
    padding-left: 36px;
}
@media(max-width: 991px){
    .pbt-area .img-bg .item-wrap .item span.padding-left{
    padding-left: 20px;
    }
}
@media(max-width: 767px){
    .pbt-area .img-bg .item-wrap .item span.padding-left{
    padding-left: 10px;
    }
}
@media(max-width: 460px){
    .pbt-area .img-bg .item-wrap .item span.padding-left{
    padding-left: 0 !important;
    }
}
@media(max-width: 1200px){
    .pbt-area .img-bg .item-wrap .item span{
    font-size: 19px;
    }
    body.en .pbt-area .img-bg .item-wrap .item span{
        font-size: 14px;
    }
    body.es .pbt-area .img-bg .item-wrap .item span{
        font-size: 13px;
    }
    body.fr .pbt-area .img-bg .item-wrap .item span{
        font-size: 12px;
    }
    body.it .pbt-area .img-bg .item-wrap .item span{
        font-size: 12px;
    }
    body.pt .pbt-area .img-bg .item-wrap .item span{
        font-size: 12px;
    }
}
@media(max-width: 991px){
    .pbt-area .img-bg .item-wrap .item span{
        font-size: 15px;
        right: 20px;
        bottom: -40px;
    }
    body.en .pbt-area .img-bg .item-wrap .item span{
        font-size: 11px;
    }
    body.fr .pbt-area .img-bg .item-wrap .item span{
        font-size: 11px;
    }
    body.it .pbt-area .img-bg .item-wrap .item span{
        font-size: 11px;
    }
    body.pt .pbt-area .img-bg .item-wrap .item span{
        font-size: 11px;
    }
}
@media(max-width: 767px){
    .pbt-area .img-bg .item-wrap .item span{
    font-size: 15px;
    right: -15px;
        bottom: 0;
        top: 50%;
    }
    body.es .pbt-area .img-bg .item-wrap .item span{
        font-size: 12px;
    }
}
@media(max-width: 460px){
    .pbt-area .img-bg .item-wrap .item span{
    font-size: 11px;
    right: -10px;
    bottom: -30px;
    }
    body.en .pbt-area .img-bg .item-wrap .item span{
        font-size: 8px;
    }
}

.padding-l{
    max-width: 150px;
    margin-top: 30px;
}
@media(max-width: 1200px){
    .padding-l{
    margin-top: 25px;
    }
}
@media(max-width: 991px){
    .padding-l{
    margin-top: 20px;
    }
}
@media(max-width: 767px){
    .padding-l{
    margin-top: 15px;
    }
}
@media(max-width: 460px){
    .padding-l{
    margin-top: 10px;
    }
}


/*  membership-section v2  */



.membership-section{
    position: relative;
    padding-top: 80px;
    padding-bottom: 60px;
}
.membership-section .hover{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    background-image: url(/assets/img/bg/BG-Web-1920-2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    filter: gray;
    -webkit-filter: grayscale(1);
}
.membership-section .content{
    position: relative;
    z-index: 1;
    background-color: rgba(0,0,0,.7);
    color: #fff;
    line-height: 1;
    text-align: center;
}
.membership-section .content .title{
    font-size: 38px;
    padding: 15px;
    margin-bottom: 50px;
    text-transform: uppercase;
    position: relative;
    background-color: var(--brand-color);
    font-weight: 600;
}
@media(max-width: 600px){
    .membership-section .content .title{
        font-size: 26px;
    }
}
.membership-section .content .title:after {
    position: absolute;
    content: "";
    border-style: solid;
    border-width: 35px 35px 0;
    border-color: var(--brand-color) transparent transparent transparent;
    left: calc(50% - 15px);
    top: 100%;
}
@media(max-width: 600px){
    .membership-section .content .title:after{
        left: calc(50% - 30px);
    }
}
.membership-section .content .inner{
    padding: 15px 50px 50px;
}
@media(max-width: 600px){
    .membership-section .content .inner{
        padding: 15px;
    }
}
.membership-section .item-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.membership-section .item-wrap .item{
    margin-bottom: 30px;
    background-color: #1c252c;
    box-shadow: 4px 4px 12px 0 #282a2f;
    width: calc(33.33% - 20px);
    margin: 0 10px 20px;
    padding: 15px 0 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color:#fff;
}
@media(max-width: 1200px){
    .membership-section .item-wrap .item{
        width: calc(50% - 20px);
    }
}
@media(max-width: 600px){
    .membership-section .item-wrap .item{
        width: calc(100% - 20px);
    }
}
.membership-section .item-wrap .item:hover{
    color:#f39c12;
}
.membership-section .item-wrap .item.highlight{}
.membership-section .item-wrap .item .i-inner{
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.membership-section .item-wrap .item .sub-title{
    min-height: 64px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--brand-color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 0 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    letter-spacing: 0em;
}
.membership-section .item-wrap .item .sub-title .sOne{
    font-size: 16px;
    text-transform: none;
}
.membership-section .item-wrap .item .sub-title .sTwo{
    color: #000;
}
.membership-section .item-wrap .item.highlight .sub-title{
    color: #fff;
    padding: 22px 0;
    display: block;
    margin-left: -10px;
    margin-right: -10px;
    height: auto!important;
    position: relative;
    background-image: url(https://cdn.iconiq-solutions.com/appmaker/image/upload/e_replace_color:fd7e14:80:ff0000/om-item-title-bg_p7m9dv.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: auto;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    letter-spacing: 0em;
}
.membership-section .item-wrap .item .under-title{
    font-weight: 600;
    font-style: italic;
    font-size: 23px;
    padding: 15px 0;
    letter-spacing: -0.03em;
}
.membership-section .item-wrap .item .price{
    font-style: normal;
    font-size: 55px;
    letter-spacing: -0.02em;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 5px;
    padding-bottom: 10px;
    position: relative;
}
.membership-section .item-wrap .item .price:after {
    content: "";
    border-top: 1px solid var(--brand-color);
    left: 0;
    right: 0;
    bottom: 0;
    height: 5px;
    position: absolute;
}
.membership-section .item-wrap .item .price .wrap{
    display: inline-block;
}
.membership-section .item-wrap .item .price .note{
    font-size: 40%;
    display: inline-block;
    float: left;
}
.membership-section .item-wrap .item .sub-price{}
.membership-section .item-wrap .item .sub-price span{
    font-size: 25px;
}
.membership-section .item-wrap .item .sub-price .crossed{
    font-size: 25px;
    position: relative;
}
.membership-section .item-wrap .item .sub-price .crossed:after {
    content: "";
    border-top: 1px solid var(--brand-color);
    left: 0;
    right: 0;
    bottom: 9px;
    height: 5px;
    position: absolute;
}
.membership-section .item-wrap .item .sub-price .wrap{
    display: inline-block;
}
.membership-section .item-wrap .item .sub-price .note{
    font-size: 40%;
    display: inline-block;
    float: left;
}
.membership-section .item-wrap .item .validity-wrap{
    font-size: 14px;
    letter-spacing: 0.05em;
}
.membership-section .item-wrap .item .validity-wrap.margin{
    margin-top: 15px;
}
.membership-section .item-wrap .item .sub-note{
    line-height: 2;
    padding: 25px 10px 0;
}
.membership-section .item-wrap .item .sub-note p{
    font-size: 14px;
    line-height: 1.2;
}
.membership-section .item-wrap .item .sub-note p span{
    color:#f39c12;
}


/*  bottomSection  */


.section-wrap{
    padding: 105px 15px;
}
@media(max-width: 768px){
    .section-wrap{
        padding: 50px 15px;
    }
}

.section-wrap .container-fliud{
    max-width: 1600px;
    margin: 0 auto;
}
.section-wrap .left-part .img-wrap{
    text-align: left;
    max-width: 260px;
    margin: 0 auto 40px;
}
@media(max-width: 768px){
    .section-wrap .left-part .img-wrap{
        text-align: center;
    }
}

.section-wrap .left-part .text-wrap{
    text-align: left;
    max-width: 260px;
    margin: 0 auto;
}
.section-wrap .left-part .text-wrap .text{
    font-size: 16px;
    line-height: 1.8;
    color: #fff;
    letter-spacing: 0.03em;
    font-weight: 500;
}
.section-wrap .left-part .text-wrap .text a{
    color: var(--brand-color);
    font-size: 16px;
}
@media(max-width: 1200px){
    .section-wrap .left-part .text-wrap .text,
    .section-wrap .left-part .text-wrap .text a{
        font-size: 14px;
    }
}
@media(max-width: 900px){
    .section-wrap .left-part .text-wrap .text,
    .section-wrap .left-part .text-wrap .text a{
        font-size: 12px;
    }
}
@media(max-width: 768px){
    .section-wrap .left-part{
        margin-bottom: 50px;
    }
    .section-wrap .left-part .text-wrap .text,
    .section-wrap .left-part .text-wrap .text a{
        text-align: center;
    }
}



.section-wrap .midle-part .title-wrap{
    margin-bottom: 75px;
}
@media(max-width: 768px){
    .section-wrap .midle-part .title-wrap{
        margin-bottom: 50px;
    }
}

.section-wrap .midle-part .title-wrap .title{
    font-size: 60px;
    color: var(--brand-color);
    font-weight: 300;
    letter-spacing: 0.01em;
    line-height: 1.3;
}

.section-wrap .midle-part .title-wrap .sub-title{
    font-size: 60px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.3;
}
@media(max-width: 1500px){
    .section-wrap .midle-part .title-wrap .title,
    .section-wrap .midle-part .title-wrap .sub-title{
        font-size: 45px;
    }
}
@media(max-width: 1200px){
    .section-wrap .midle-part .title-wrap .title,
    .section-wrap .midle-part .title-wrap .sub-title{
        font-size: 35px;
    }
}
@media(max-width: 900px){
    .section-wrap .midle-part .title-wrap .title,
    .section-wrap .midle-part .title-wrap .sub-title{
        font-size: 25px;
    }
}

.section-wrap .midle-part .addon-wrap .apple{
    margin-bottom: 15px;
}
@media(max-width: 1500px){
    .section-wrap .midle-part .addon-wrap img{
        max-width: 200px;
    }
}
@media(max-width: 1200px){
    .section-wrap .midle-part .addon-wrap img{
        max-width: 160px;
    }
}
@media(max-width: 900px){
    .section-wrap .midle-part .addon-wrap img{
        max-width: 120px;
    }
}
@media(max-width: 768px){
    .section-wrap .midle-part .addon-wrap .apple{
        margin-bottom: 0px;
    }
}

.section-wrap .midle-part .addon-wrap{
    position: relative;
}
.section-wrap .midle-part .addon-wrap::after{
    content: " ";
    display: block;
    height: 100%;
    width: 2px;
    background-color: var(--brand-color);
    position: absolute;
    top: 0;
    right: -20px;
}
@media(max-width: 1200px){
    .section-wrap .midle-part .addon-wrap::after{
        right: 5px;
    }
}
@media(max-width: 900px){
    .section-wrap .midle-part .addon-wrap::after{
        right: -5px;
    }
}
@media(max-width: 768px){
    .section-wrap .midle-part .addon-wrap::after{
        display: none;
    }
}

.section-wrap .midle-part .text-wrap{
    text-align: left;
    max-width: 250px;
    margin: 0 auto;
}
.section-wrap .midle-part .text-wrap .text{
    font-size: 32px;
    font-weight: 300;
    color: #fff;
    line-height: 1.3;
    letter-spacing: 0.01em;
}
.section-wrap .midle-part .text-wrap .sub-text{
    font-size: 32px;
    font-weight: 300;
    color: var(--brand-color);
    line-height: 1.3;
    letter-spacing: 0.01em;
}
@media(max-width: 1500px){
    .section-wrap .midle-part .text-wrap .text,
    .section-wrap .midle-part .text-wrap .sub-text{
        font-size: 27px;
    }
}
@media(max-width: 1200px){
    .section-wrap .midle-part .text-wrap .text,
    .section-wrap .midle-part .text-wrap .sub-text{
        font-size: 22px;
    }
}
@media(max-width: 900px){
    .section-wrap .midle-part .text-wrap .text,
    .section-wrap .midle-part .text-wrap .sub-text{
        font-size: 17px;
    }
}
@media(max-width: 768px){
    .section-wrap .midle-part .addon-wrap{
        margin-bottom: 50px;
    }
    .section-wrap .midle-part{
        width: 100%;
        margin-bottom: 50px;
    }
    .section-wrap .midle-part .text-wrap .text,
    .section-wrap .midle-part .text-wrap .sub-text{
        text-align: center;
    }
}

.section-wrap .midle-part .pbt-wrap{
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
}
@media(max-width: 768px){
    .section-wrap .midle-part a{
        margin-bottom: 50px;
    }
}
.section-wrap .midle-part a.btn-style-b::before{
    border-radius: 5px;
}



.section-wrap .item-center{
    align-items: center;
    display: flex;
    justify-content: center;
}
.section-wrap .right-part{
    text-align: left;
    max-width: 230px;
    margin: 0 auto;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.section-wrap .right-part .link-wrap a{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 2;
}
@media(max-width: 1200px){
    .section-wrap .right-part .link-wrap,
    .section-wrap .right-part .link-wrap a{
        font-size: 14px;
    }
}
@media(max-width: 900px){
    .section-wrap .right-part .link-wrap,
    .section-wrap .right-part .link-wrap a{
        font-size: 12px;
    }
}
@media(max-width: 768px){
    .section-wrap .right-part .link-wrap,
    .section-wrap .right-part .link-wrap a{
        text-align: center;
    }
}
.section-wrap .right-part .social-wrap{
    margin-bottom: 40px;
}
@media(max-width: 768px){
    .section-wrap .right-part .social-wrap{
        text-align: center;
    }
}

.section-wrap .right-part .social-wrap .fb{
    margin-right: 10px;
}


/*  s-FAQ  */


.faq-section{
    padding: 125px 0;
}
@media(max-width: 1300px){
    .faq-section{
        padding: 100px 0;
    }
}
@media(max-width: 650px){
    .faq-section{
        padding: 75px 0;
    }
}
.faq-section .title-wrap{
    padding-bottom: 75px;
    font-size: 100px;
    text-align: center;
    color: #fff;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1;
}
@media(max-width: 1300px){
    .faq-section .title-wrap{
        font-size: 80px;
        padding-bottom: 50px;
    }
}
@media(max-width: 1000px){
    .faq-section .title-wrap{
        font-size: 60px;
    }
}
@media(max-width: 480px){
    .faq-section .title-wrap{
        font-size: 50px;
    }
}
.faq-section .nav-tabs{
    border: none;
}
.faq-section .text,
.faq-section .numb{
    display: inline-block;
}
.faq-section .numb-wrap{
    border: 2px solid var(--brand-color);
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    height: 90px;
}
@media(max-width: 600px){
    .faq-section .numb-wrap{
        height: 100px;
    }
}
@media(max-width: 450px){
    .faq-section .numb-wrap{
        height: 130px;
    }
}
.faq-section .numb{
    font-size: 40px;
    line-height: 1.2;
    padding: 20px;
    min-width: 100px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media(max-width: 1300px){
    .faq-section .numb{
        min-width: 85px;
        font-size: 30px;
    }
}
@media(max-width: 600px){
    .faq-section .numb{
        font-size: 25px;
    }
}
.faq-section .numb:hover{
    background-color: var(--brand-color);
}
.faq-section .text{
    padding: 0 15px;
    border-left: 2px solid var(--brand-color);
    height: 100%;
    display: flex;
    align-items: center;
    line-height: 1.7;
}
.faq-section .panel{
    margin-bottom: 10px;
}
.faq-section .panel-body{
    color: #fff;
    padding: 20px 20px 10px;
}
@media(max-width: 450px){
    .faq-section .panel-body{
        padding: 10px;
        font-size: 12px;
        line-height: 1.7;
    }
}
.faq-section li{
    padding: 0 20px 20px 0;
}
@media(max-width: 1300px){
    .faq-section li{
        padding: 0 15px 20px 0;
    }
}
.faq-section li a{
    color: #fff;
    font-size: 18px;
}
.faq-section li .active,
.faq-section li a:focus,
.faq-section li a:hover{
    color: var(--brand-color);
}
.faq-section h4 a{
    color: #fff;
    font-size: 20px;
}
@media(max-width: 1300px){
    .faq-section h4 a{
        font-size: 16px;
    }
}
@media(max-width: 600px){
    .faq-section h4 a{
        font-size: 13px;
    }
}
.faq-section .container-fluid{
    max-width: 1400px;
}


/*  hp-s1-section  */


.hp-s1-section{
    padding: 175px 40px 40px;
    background-image: url(/assets/img/home/hp-s1-section-bg.jpg);
    background-size: cover;
    background-position: center;
    font-family: 'Futura';
    position: relative;
}
@media(max-width: 1400px){
    .hp-s1-section{
        padding: 175px 15px 40px;
        background-image: url(/assets/img/home/hp-s1-section-bg-xs.jpg);
    }
}
@media(max-width: 675px){
    .hp-s1-section{
        padding: 175px 15px 15px;
    }
}


.hp-s1-section .img-girl-xs{
    display: none !important;
}
.hp-s1-section .img-girl,
.hp-s1-section .img-girl-xs{
    position: absolute;
    bottom: 0;
    left: 18%;
    z-index: 1;
    width: auto !important;
}
@media(max-width: 1800px){
    .hp-s1-section .img-girl{
        left: 11%;
    }
}
@media(max-width: 1650px){
    .hp-s1-section .img-girl{
        left: 4%;
    }
}
@media(max-width: 1500px){
    .hp-s1-section .img-girl{
        left: -6%;
    }
}
@media(max-width: 1400px){
    .hp-s1-section .img-girl{
        display: none !important;
    }
    .hp-s1-section .img-girl-xs{
        display: block !important;
        left: 0;
    }
}
@media(max-width: 950px){
    .hp-s1-section .img-girl-xs{
        max-width: 350px;
    }
}
@media(max-width: 675px){
    .hp-s1-section .img-girl-xs{
        max-width: 165px;
    }
}


.hp-s1-section .padding-null{
    padding: 0;
}
.hp-s1-section .container-fluid{
    border: 3px solid #ee7d00;
}
.hp-s1-section .inner-section{
    max-width: 1150px;
    margin-left: auto;
}
.hp-s1-section .inner-section .title{
    font-size: 99px;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1.2;
    color: #ee7d00;
    text-align: right;
    padding-right: 220px;
    text-shadow: 3px 3px 6px #000;
}
@media(max-width: 1400px){
    .hp-s1-section .inner-section .title{
        font-size: 98px;
        padding-right: 50px;
        margin-top: 140px;
        margin-bottom: 30px;
    }
}
@media(max-width: 950px){
    .hp-s1-section .inner-section .title{
        margin-top: 75px;
        font-size: 60px;
        margin-bottom: 20px;
    }
}
@media(max-width: 675px){
    .hp-s1-section .inner-section .title{
        margin-top: 55px;
        font-size: 36px;
        padding-right: 20px;
    }
}


.hp-s1-section .inner-section .title span{
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #fff;
}
.hp-s1-section .inner-section .sub-title{
    background-color: #ee7d00;
    color: #fff;
    font-size: 50px;
    line-height: 1.5;
    letter-spacing: -0.01em;
    text-align: right;
    padding-right: 220px;
    text-shadow: 3px 3px 6px #000;
}
@media(max-width: 1400px){
    .hp-s1-section .inner-section .sub-title{
        font-size: 75px;
        text-transform: uppercase;
        font-weight: 900;
        line-height: 1;
        padding-top: 30px;
        padding-right: 50px;
        position: relative;
        z-index: 0;
        right: -17px;
    }
}
@media(max-width: 950px){
    .hp-s1-section .inner-section .sub-title{
        font-size: 55px;
        padding-top: 20px;
        padding-right: 30px;
    }
}
@media(max-width: 675px){
    .hp-s1-section .inner-section .sub-title{
        font-size: 27px;
        padding-top: 15px;
        padding-right: 25px;
        padding-bottom: 10px;
    }
}


.hp-s1-section .inner-section .visible-lg{
    display: none;
}
@media(max-width: 1400px){
    .hp-s1-section .inner-section .visible-lg{
        display: inherit;
    }
}


.hp-s1-section .inner-section .sub-title span{
    color: #000;
    letter-spacing: -0.05em;
    text-shadow: none;
}
@media(max-width: 1400px){
    .hp-s1-section .inner-section .sub-title span{
        font-size: 74px;
        font-weight: 300;
        text-transform: none;
        font-family: 'Futura';
    }
}
@media(max-width: 950px){
    .hp-s1-section .inner-section .sub-title span{
        font-size: 50px;
    }
}
@media(max-width: 675px){
    .hp-s1-section .inner-section .sub-title span{
        font-size: 31px;
    }
}


.hp-s1-section .inner-section .red-background{
    background-color: #ee7d008c;
    margin: 0 0 105px;
    justify-content: right;
    padding-right: 130px;
    padding-top: 25px;
}
@media(max-width: 1400px){
    .hp-s1-section .inner-section .red-background{
        margin: 0 0 545px;
        padding-right: 50px;
        position: relative;
        z-index: 0;
        right: -18px;
    }
}
@media(max-width: 1200px){
    .hp-s1-section .inner-section .red-background{
        padding-top: 75px;
    }
}
@media(max-width: 950px){
    .hp-s1-section .inner-section .red-background{
        padding-top: 60px;
        padding-bottom: 15px;
        margin: 0 0 330px;
    }
}
@media(max-width: 675px){
    .hp-s1-section .inner-section .red-background{
        padding-top: 25px;
        padding-bottom: 10px;
        margin: 0 0 180px;
    }
}



@media(max-width: 1200px){
    .hp-s1-section .inner-section .red-background .colum-xs{
        position: relative;
        top: -100px;
        right: -250px;
    }
}
@media(max-width: 950px){
    .hp-s1-section .inner-section .red-background .colum-xs{
        top: -75px;
        right: -160px;
    }
}
@media(max-width: 675px){
    .hp-s1-section .inner-section .red-background .colum-xs{
        top: -35px;
        right: -110px;
    }
}


.hp-s1-section .left-price .left-inner-price{
    font-size: 98px;
    font-weight: 900;
    letter-spacing: -0.05em;
    line-height: 1;
    color: #fff;
    text-shadow: 3px 3px 6px #000;
}
@media(max-width: 950px){
    .hp-s1-section .left-price .left-inner-price{
        font-size: 50px;
    }
}
@media(max-width: 675px){
    .hp-s1-section .left-price .left-inner-price{
        font-size: 30px;
    }
}


.hp-s1-section .left-price .right-inner-price{
    font-size: 42px;
    font-weight: 900;
    text-shadow: 3px 3px 6px #000;
    color: #fff;
    line-height: 1;
}
@media(max-width: 950px){
    .hp-s1-section .left-price .right-inner-price{
        font-size: 30px;
    }
}
@media(max-width: 675px){
    .hp-s1-section .left-price .right-inner-price{
        font-size: 12px;
    }
}


.hp-s1-section .left-price .right-inner-price .span-e{
    font-weight: 500;
    font-size: 34px;
}
@media(max-width: 950px){
    .hp-s1-section .left-price .right-inner-price .span-e{
        font-size: 20px;
    }
}
@media(max-width: 675px){
    .hp-s1-section .left-price .right-inner-price .span-e{
        font-size: 10px;
    }
}


.hp-s1-section .left-price .right-inner-price .span-monat{
    color: #ee7d00;
    font-size: 29px;
    font-weight: 400;
    letter-spacing: -0.05em;
}
@media(max-width: 950px){
    .hp-s1-section .left-price .right-inner-price .span-monat{
        font-size: 20px;
    }
}
@media(max-width: 675px){
    .hp-s1-section .left-price .right-inner-price .span-monat{
        font-size: 12px;
    }
}


.hp-s1-section .left-price .bottom-line-left{
    margin-left: 10px;
}
@media(max-width: 675px){
    .hp-s1-section .left-price .bottom-line-left{
        margin-left: 5px;
    }
}
.hp-s1-section .right-price .left-inner-price{
    font-size: 175px;
    font-weight: 900;
    letter-spacing: -0.05em;
    color: #fff;
    text-shadow: 3px 3px 6px #000;
    line-height: 1;
}
@media(max-width: 1400px){
    .hp-s1-section .right-price .left-inner-price{
        font-size: 150px;
    }
}
@media(max-width: 950px){
    .hp-s1-section .right-price .left-inner-price{
        font-size: 100px;
    }
}
@media(max-width: 675px){
    .hp-s1-section .right-price .left-inner-price{
        font-size: 50px;
    }
}


.hp-s1-section .right-price .right-inner-price{
    font-size: 80px;
    font-weight: 900;
    letter-spacing: -0.05em;
    line-height: 1;
    color: #fff;
    text-shadow: 3px 3px 6px #000;
}
@media(max-width: 1400px){
    .hp-s1-section .right-price .right-inner-price{
        font-size: 70px;
    }
}
@media(max-width: 950px){
    .hp-s1-section .right-price .right-inner-price{
        font-size: 50px;
    }
}
@media(max-width: 675px){
    .hp-s1-section .right-price .right-inner-price{
        font-size: 23px;
    }
}


.hp-s1-section .right-price .right-inner-price .span-e{
    font-weight: 500;
    font-size: 60px;
}
@media(max-width: 1400px){
    .hp-s1-section .right-price .right-inner-price .span-e{
        font-size: 45px;
    }
}
@media(max-width: 950px){
    .hp-s1-section .right-price .right-inner-price .span-e{
        font-size: 30px;
    }
}
@media(max-width: 675px){
    .hp-s1-section .right-price .right-inner-price .span-e{
        font-size: 15px;
    }
}


.hp-s1-section .right-price .right-inner-price .span-monat{
    color: #ee7d00;
    font-size: 60px;
    font-weight: 400;
    letter-spacing: -0.05em;
}
@media(max-width: 1400px){
    .hp-s1-section .right-price .right-inner-price .span-monat{
        font-size: 45px;
    }
}
@media(max-width: 950px){
    .hp-s1-section .right-price .right-inner-price .span-monat{
        font-size: 30px;
    }
}
@media(max-width: 675px){
    .hp-s1-section .right-price .right-inner-price .span-monat{
        font-size: 17px;
    }
}


.hp-s1-section .right-price .red-line-right{
    margin-left: 60px;
}
.hp-s1-section .right-price .bottom-line-right{
    margin-left: 15px;
}
@media(max-width: 950px){
    .hp-s1-section .right-price .bottom-line-right{
        margin-left: 7px;
    }
}
.hp-s1-section .left-price{
    position: relative;
}
.hp-s1-section .left-price::before{
    content: " ";
    display: block;
    width: 120%;
    height: 4px;
    background-color: #ee7d00;
    position: absolute;
    transform: rotate(-18deg);
    top: 40px;
    right: -25px;
}
@media(max-width: 950px){
    .hp-s1-section .left-price::before{
        top: 20px;
        right: -5px;
        z-index: 1;
    }
}
@media(max-width: 675px){
    .hp-s1-section .left-price::before{
        top: 10px;
        right: -5px;
        width: 140%;
        height: 2px;
    }
}


.hp-s1-section .right-price .bottom-line-right,
.hp-s1-section .left-price .bottom-line-left{
    position: relative;
}
.hp-s1-section .left-price .right-inner-price::before,
.hp-s1-section .right-price .right-inner-price::before{
    position: absolute;
    content: " ";
    display: block;
    width: 100%;
    height: 4px;
    background-color: #fff;
    top: 47%;
    left: 0;
}
@media(max-width: 675px){
    .hp-s1-section .left-price .right-inner-price::before,
    .hp-s1-section .right-price .right-inner-price::before{
        height: 1px;
    }
}


.hp-s1-section .inner-section .sub-title.margin-bottom{
    margin-bottom: 205px;
}


.hp-s1-section .text-wrap{
    position: absolute;
    top: 59%;
    left: 60%;
    transform: translate(-50%, -50%) rotate(-4deg);
    letter-spacing: 0.045em;
    color: #fff;
    text-align: center;
    z-index: 1;
    text-transform: uppercase;
    width: 50%;
    text-shadow: 2px 2px 4px #000;

}
@media(max-width: 1400px){
    .hp-s1-section .text-wrap{
        top: 51.5%;
        left: 70%;
    }
}
@media(max-width: 1200px){
    .hp-s1-section .text-wrap{
        top: 49.5%;
    }
}
@media(max-width: 675px){
    .hp-s1-section .text-wrap{
        width: 70%;
        top: 60%;
        left: 65%;
    }
}


.hp-s1-section .text-wrap .text-1{
    font-size: 45px;
    font-weight: 700;
    line-height: 0.7;
}
@media(max-width: 950px){
    .hp-s1-section .text-wrap .text-1{
        font-size: 27px;
    }
}
@media(max-width: 675px){
    .hp-s1-section .text-wrap .text-1{
        font-size: 22px;
    }
}


.hp-s1-section .text-wrap .text-2{
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
}
@media(max-width: 950px){
    .hp-s1-section .text-wrap .text-2{
        font-size: 18px;
    }
}
@media(max-width: 675px){
    .hp-s1-section .text-wrap .text-2{
        font-size: 16px;
    }
}


.hp-s1-section .text-wrap .text-3{
    font-size: 30px;
    font-weight: 700;
    line-height: 1.7;
}
@media(max-width: 950px){
    .hp-s1-section .text-wrap .text-3{
        font-size: 18px;
    }
}
@media(max-width: 675px){
    .hp-s1-section .text-wrap .text-3{
        font-size: 16px;
    }
}


.hp-s1-section .text-wrap img{
    position: absolute;
    top: 45%;
    left: 55%;
    transform: translate(-50%, -50%) rotate(4deg);
    display: block;
    width: 100%;
    max-width: 600px;
    z-index: -1;
}


/*  Franchise section  */


.header-franchise .container-fluid{
    max-width: 1365px;
}


.header-franchise .rf-logo{
    max-width: 205px;
    margin-left: 0;
}


.header-franchise .rexfit-nav .margin-right{
    /*margin-right: 30px;*/
}
@media(max-width: 992px){
    .header-franchise .rexfit-nav .margin-right{
        /*margin-right: 0;*/
    }
}


.header-franchise .tbc-list li a{
    font-size: 15px;
    letter-spacing: 0.01em;
}


.header-franchise .rexfit-nav ul li a{
    font-size: 15px;
}



.home-s1{
    background-color: var(--brand-color);
    color: #fff;
    min-height: 100vh;
    padding-top: 150px;
    padding-bottom: 85px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
@media(max-width: 600px){
    .home-s1{
        padding-top: 125px;
        padding-bottom: 20px;
        align-items: flex-start;
        overflow: hidden;
    }
}
@media (orientation: landscape) and (max-height: 800px){
    .home-s1{
        padding-bottom: 20px;
    }
}
.home-s1 .container-fluid {
    max-width: 1358px;
}
.home-s1 .container-wrap{
    display: flex;
    flex-wrap: wrap;
}
@media(max-width: 600px){
    .home-s1 .container-wrap{
    }
}
.home-s1 .desc{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
}
@media(max-width: 900px){
    .home-s1 .desc{
        width: 100%;
        text-align: center;
        align-items: center;
    }
}
@media (orientation: landscape) and (max-height: 800px){
    .home-s1 .desc{
        width: 100%;
        text-align: center;
        align-items: center;
    }
}
.home-s1 .desc .desc__title{
    font-size: 79px;
    font-weight: 800;
    line-height: 1.1;
    margin-top: 12px;
    margin-bottom: 17px;
}
@media(max-width: 1350px){
    .home-s1 .desc .desc__title{
        font-size: 64px;
    }
}
@media(max-width: 900px){
    .home-s1 .desc .desc__title{
        font-size: 41px;
    }
}
@media(max-width: 600px){
    .home-s1 .desc .desc__title{
        font-size: 27px;
        margin-top: 0;
        margin-bottom: 8px;
    }
    .home-s1 .desc .desc__title br{
        display: none;
    }
}
@media (orientation: landscape) and (max-height: 800px){
    .home-s1 .desc .desc__title{
        font-size: 20px;
        margin-top: 0;
    }
}
.home-s1 .desc .desc__title span{
    color: #000;
}
.home-s1 .desc .desc__sub-title{
    display: inline-block;
    text-transform: uppercase;
    background-color: #000;
    color: #fff;
    font-size: 32px;
    font-weight: 800;
    padding: 16px 25px;
    box-shadow: 6px 6px 6px rgb(0 0 0 / 50%);
}
@media(max-width: 1350px){
    .home-s1 .desc .desc__sub-title{
        font-size: 22px;
    }
}
@media(max-width: 900px){
    .home-s1 .desc .desc__sub-title{
        font-size: 18px;
    }
}
@media(max-width: 600px){
    .home-s1 .desc .desc__sub-title{
        font-size: 17px;
        padding: 3px 22px;
        margin-bottom: 15px;
    }
}
@media (orientation: landscape) and (max-height: 800px){
    .home-s1 .desc .desc__sub-title{
        font-size: 14px;
        padding: 0 10px;
    }
}
.home-s1 .thumb{
    width: 50%;
}
@media(max-width: 900px){
    .home-s1 .thumb{
        width: 100%;
        max-width: 300px;
        margin: 20px auto 0;
    }
}
@media(max-width: 600px){
    .home-s1 .thumb{
        width: calc(100% + 30px);
        max-width: unset;
        margin: 20px -15px 0;
    }
}
@media (orientation: landscape) and (max-height: 800px){
    .home-s1 .thumb{
        width: 100%;
        max-width: 300px;
        margin: 20px auto 0;
    }
}
.home-s1 .thumb img{
    display: block;
    width: 118%;
    max-width: unset;
    margin-left: -13%;
}
@media(max-width: 1350px){
    .home-s1 .thumb img{
        width: 100%;
        margin-left: 0;
    }
}
@media(max-width: 600px){
    .home-s1 .thumb img{
        width: 107%;
        margin: 0;
        transform: translateX(-50%);
        margin-left: 50%;
    }
}
.home-s1 .items{
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
@media(max-width: 900px){
    .home-s1 .items{
        flex-direction: column;
        gap: 16px;
    }
}
@media(max-width: 600px){
    .home-s1 .items{
        flex-direction: row;
        flex-wrap: wrap;
    }
}
@media (orientation: landscape) and (max-height: 800px){
    .home-s1 .items{
        flex-direction: row;
        flex-wrap: wrap;
    }
}
.home-s1 .items .item{
    font-size: 45px;
    font-weight: 800;
    text-align: center;
}
@media(max-width: 1350px){
    .home-s1 .items .item{
        font-size: 35px;
    }
}
@media(max-width: 600px){
    .home-s1 .items .item{
        width: 30%;
        font-size: 15px;
        line-height: 1.2;
    }
}
@media (orientation: landscape) and (max-height: 800px){
    .home-s1 .items .item{
        width: 30%;
        font-size: 15px;
        line-height: 1.2;
    }
}
.home-s1 .items .item .item__title{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 13px;
    margin-bottom: 20px;
}
@media(max-width: 1350px){
    .home-s1 .items .item .item__title{
        gap: 5px;
        margin-bottom: 0;
    }
}
.home-s1 .items .item .item__title:before{
    content: "";
    display: inline-block;
    width: 48px;
    aspect-ratio: 1;
    background-image: url(/assets/img/icons/icon-free.png);
    background-size: contain;
    background-position: center;
}
@media(max-width: 600px){
    .home-s1 .items .item .item__title:before{
        width: 20px;
    }
}
@media (orientation: landscape) and (max-height: 800px){
    .home-s1 .items .item .item__title:before{
        width: 20px;
    }
}
.home-s1 .items .item .item__desc{
    color: #000;
    font-size: 73%;
}

.home-s2{
    background-color: var(--brand-color);
    color: #fff;
    background-image: url(/assets/img/home/s2-item.png);
    background-size: auto 90%;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 13px;
    padding-bottom: 89px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
@media(max-width: 600px){
    .home-s2{
        padding-top: 10px;
        padding-bottom: 48px;
        background-size: 624px;
        background-position: center 79px;
    }
}
.home-s2 .container-fluid {
    max-width: 1144px;
}
.home-s2 .container-wrap{
}
@media(max-width: 600px){
    .home-s2 .container-wrap{
        text-align: right;
    }
}
.home-s2 .note{
    display: inline-flex;
    flex-direction: column;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    transform: rotate(-10deg);
    margin-left: 4%;
    width: 240px;
    height: 240px;
    padding: 18px 10px;
    font-size: 33px;
    box-shadow: 0 5px 10px -4px rgb(0 0 0 / 80%);
}
@media(max-width: 600px){
    .home-s2 .note{
        font-size: 17px;
        font-weight: 800;
        height: 132px;
        width: 132px;
        margin-left: auto;
        transform: rotate(10deg);
        margin-right: 3%;
        padding-top: 3px;
    }
}
.home-s2 .note > div{
    /*width: 100%;*/
}
.home-s2 .note .note__icon{
    margin-bottom: 14px;
}
@media(max-width: 600px){
    .home-s2 .note .note__icon{
        margin-bottom: 7px;
    }
}
.home-s2 .note .note__icon img{
    width: 50px;
}
@media(max-width: 600px){
    .home-s2 .note .note__icon img{
        width: 29px;
    }
}
.home-s2 .note .note__title{
    font-weight: 700;
    line-height: 1;
    margin-bottom: 8px;
}
.es .home-s2 .note .note__title,
.nl .home-s2 .note .note__title{
    font-size: 88%;
}
@media(max-width: 600px){
    .home-s2 .note .note__title{
    }
}
.home-s2 .note .note__sub-title{
    color: var(--brand-color);
    line-height: 1.2;
    font-size: 50%;
    font-weight: 500;
    letter-spacing: 0px;
}
@media(max-width: 600px){
    .home-s2 .note .note__sub-title{
    }
}
.home-s2 .items{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 516px;
    width: 100%;
    padding: 16px 0;
}
@media(max-width: 600px){
    .home-s2 .items{
        margin-top: 298px;
        gap: 20px;
    }
}
.home-s2 .items .item{
    font-size: 31px;
    font-weight: 700;
    text-align: center;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 17px;
    line-height: 1.6;
}
@media(max-width: 600px){
    .home-s2 .items .item{
        font-size: 14px;
        width: 100%;
        gap: 2px;
    }
}
.home-s2 .items .item .item__icon{
    width: 70px;
    height: 70px;
}
@media(max-width: 600px){
    .home-s2 .items .item .item__icon{
        width: 40px;
        height: 40px;
    }
}
.home-s2 .items .item .item__icon img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.home-s2 .items .item .item__desc{
}


.s1-franchise{
    padding: 240px 0 115px;
    background-image: url(/assets/img/franchise/s1-franchise-bg.jpg);
    background-size: cover;
    background-position: center;
}
@media(max-width: 800px){
    .s1-franchise{
        background-position: 75% center;
    }
}
@media(max-width: 600px){
    .s1-franchise{
        background-position: 65% center;
    }
}


.s1-franchise .container-fluid{
    max-width: 1350px;
}


.s1-franchise .text-wrap{
    text-align: left;
}


.s1-franchise .img-wrap{
    max-width: 388px;
    margin-bottom: 30px;
}
@media(max-width: 800px){
    .s1-franchise .img-wrap{
        max-width: 200px;
    }
}


.s1-franchise .img-wrap img{
    display: block;
    width: 100%;
}


.s1-franchise .text{
    font-size: 37px;
    font-weight: 700;
    line-height: 1.62;
    color: var(--brand-color);
    letter-spacing: -0.01em;
    text-shadow: 3px 3px 6px #000;
}
@media(max-width: 800px){
    .s1-franchise .text{
        font-size: 20px;
    }
}


.s1-franchise .text span{
    font-weight: 400;
    color: #fff;
}


.s1-franchise .sub-text{
    max-width: 523px;
    padding: 10px;
    background-color: var(--brand-color);
    color: #000;
    font-size: 23px;
    font-weight: 700;
    line-height: 1;
    margin-top: 30px;
}
@media(max-width: 800px){
    .s1-franchise .sub-text{
        max-width: 300px;
        font-size: 12px;
    }
}


.s1-franchise .sub-text span{
    color: #fff;
}


/*  s2-franchise  */


.s2-franchise{
    padding: 40px 0;
    text-align: center;
}
@media(max-width: 800px){
    .s2-franchise{
        padding: 20px 0;
    }
}


.s2-franchise .text{
    font-size: 23px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}
@media(max-width: 1250px){
    .s2-franchise .text{
        font-size: 14px;
    }
}
@media(max-width: 800px){
    .s2-franchise .text{
        line-height: 1.5;
    }
}


.s2-franchise .text span{
    color: var(--brand-color);
}


@media(max-width: 800px){
    .s2-franchise .text .hidden-xs{
        display: none;
    }
}
@media(min-width: 801px){
    .s2-franchise .text .visible-xs{
        display: none;
    }
}


/*  s3-franchise  */


.s3-franchise{
    padding: 115px 0 52px;
    background-image: url(/assets/img/franchise/s3-franchise-bg.jpg);
    background-size: cover;
    background-position: center;
    text-align: center;
}
@media(max-width: 600px){
    .s3-franchise{
        padding: 56px 0;
    }
}
.s3-franchise .container-fluid{
    max-width: 1376px;
}


.s3-franchise .title{
    position: relative;
    font-size: 37px;
    font-weight: 900;
    color: #fff;
    line-height: 1;
    letter-spacing: 0.01em;
    margin: 0 auto 53px;
}
@media(max-width: 850px){
    .s3-franchise .title{
        font-size: 30px;
    }
}
@media(max-width: 600px){
    .s3-franchise .title{
        font-size: 23px;
        margin-bottom: 16px;
    }
}



.s3-franchise .title:before,
.s3-franchise .title:after{
    position: absolute;
    bottom: 10px;
    display: block;
    content: " ";
    height: 3px;
    width: 100%;
    max-width: 37%;
    background-color: var(--brand-color);
}
.s3-franchise .title:before{
    left: 0;
}
.s3-franchise .title:after{
    right: 0;
}
@media(max-width: 1100px){
    .s3-franchise .title:before,
    .s3-franchise .title:after{
        max-width: 33%;
        bottom: 7px;
    }
}
@media(max-width: 850px){
    .s3-franchise .title:before,
    .s3-franchise .title:after{
        max-width: 29%;
        bottom: 5px;
    }
}
@media(max-width: 600px){
    .s3-franchise .title:before,
    .s3-franchise .title:after{
        max-width: 18%;
        height: 2px;
        bottom: 8px;
    }    
    .s3-franchise .title:before{
        left: 13px;
    }
    .s3-franchise .title:after{
        right: 13px;
    }
}


.s3-franchise .text{
    font-size: 25px;
    font-weight: 400;
    line-height: 2.2;
    color: #fff;
    margin: 0 auto;
    letter-spacing: 0.4px;
}
@media(max-width: 850px){
    .s3-franchise .text{
        font-size: 20px;
    }
}
@media(max-width: 600px){
    .s3-franchise .text{
        font-size: 14px;
        padding: 0 27px;
    }
}


.s3-franchise .text span{
    color: var(--brand-color);
}


.s3-franchise .text.margin-top{
    margin-top: 50px;
}


/*section-general*/

.section-general{
    line-height: 1.2;
        color: #fff;
}
.section-general .highlighted{
    color: var(--brand-color) !important;
}

/*section-general end*/

/*slick slider styles*/
.slick-slider .slick-dots {
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 60px 0 10px;
    padding: 0;
    gap: 10px
}
@media (max-width: 767px) {
    .slick-slider .slick-dots {
        gap:6px;
        margin-top: 22px
    }
}
.slick-slider .slick-dots li {
    width: 10px;
    aspect-ratio: 1;
    background-color: transparent;
    border: 1px solid var(--brand-color);
    border-radius: 50%
}
@media (max-width: 767px) {
    .slick-slider .slick-dots li {
        width:7px
    }
}
.slick-slider .slick-dots li.slick-active {
    background-color: var(--brand-color);
}
.slick-slider .slick-dots li button {
    display: none;
}
/*slick slider styles*/

/*suitableFor*/
.suitableFor{
    padding: 70px 0 145px;
}
@media(max-width: 600px){
    .suitableFor{
        padding: 50px 0;
    }
}
.suitableFor .title-wrap{
    margin-bottom: 118px;
}
@media(max-width: 600px){
    .suitableFor .title-wrap{
        margin-bottom: 30px;
    }
}
.suitableFor .title-wrap .title{
    text-align: center;
    font-size: 65px;
    font-weight: 800;
    text-transform: uppercase;
}
@media(max-width: 600px){
    .suitableFor .title-wrap .title{
        font-size: 35px;
    }
}
.suitableFor .title-wrap .title span{}

.suitableFor .items{}
.suitableFor .items .item-wrap{
    padding: 0 30px;
}
.suitableFor .items .item{
    position: relative;
}
.suitableFor .items .item .item__pic{
    position: relative;
}
.suitableFor .items .item .item__pic:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
}
.suitableFor .items .item .item__pic img{
    display: block;
    width: 100%;
}
.suitableFor .items .item .item__desc-wrap{
    position: absolute;
    bottom: 75px;
    left: 75px;
    right: 25px;
    max-width: 600px;
}
@media(max-width: 600px){
    .suitableFor .items .item .item__desc-wrap{
        position: relative;
        bottom: 0;
        left: 0;
        right: 0;
        margin-top: 30px;
    }
}
.suitableFor .items .item .item__desc-wrap .item__desc-wrap__title{
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    margin-bottom: 14px;
}
@media(max-width: 600px){
    .suitableFor .items .item .item__desc-wrap .item__desc-wrap__title{
        font-size: 20px;
    }
}
.suitableFor .items .item .item__desc-wrap .item__desc-wrap__title:before{
    content: "";
    position: absolute;
    top: -20px;
    left: 0;
    width: 80%;
    height: 5px;
    background-color: var(--brand-color);
}
.suitableFor .items .item .item__desc-wrap .item__desc-wrap__text{
    font-size: 18px;
}

.slider-controls {
    margin-top: 65px;
    justify-content: center;
    display: flex;
    align-items: center;
}
.slider-controls .slide-m-next,
.slider-controls .slide-m-prev {
    background: #fff;
    height: 1px;
    width: 16px;
    position: relative;
    cursor: pointer
}
.slider-controls .slick-dots li{}
.slider-controls .slick-dots li button{
    display: none;
}
.slider-controls .slick-dots li:hover,
.slider-controls .slide-m-next:hover,
.slider-controls .slide-m-prev:hover {
    opacity: .7
}
.slider-controls .slide-m-next:after,
.slider-controls .slide-m-next:before,
.slider-controls .slide-m-prev:after,
.slider-controls .slide-m-prev:before {
    content: "";
    background: #fff;
    position: absolute;
    height: 1px;
    width: 9px
}
.slider-controls .slide-m-next:before,
.slider-controls .slide-m-prev:before {
    bottom: -3px;
}
.slider-controls .slide-m-next:after,
.slider-controls .slide-m-prev:after {
    top: -3px
}
.slider-controls .slide-m-prev {
    margin-right: 5px;
}
.slider-controls .slide-m-prev:after,
.slider-controls .slide-m-prev:before {
    left: -3px;
}
.slider-controls .slide-m-prev:before {
    transform: rotate(45deg);
}
.slider-controls .slide-m-prev:after {
    transform: rotate(-45deg);
}
.slider-controls .slide-m-next {
    margin-left: 5px;
}
.slider-controls .slide-m-next:after,
.slider-controls .slide-m-next:before {
    right: -3px;
}
.slider-controls .slide-m-next:before {
    transform: rotate(-45deg);
}
.slider-controls .slide-m-next:after {
    transform: rotate(45deg);
}
.slider-controls .slick-dots {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-pack: center;
    justify-content: center
}
.slider-controls .slick-dots li {
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #fff;
    margin: 0 5px;
    cursor: pointer
}
.slider-controls .slick-dots li.slick-active {
    background-color: #fff;
}
/*suitableFor end*/


/*trainSmarterFeelBetter*/
.trainSmarterFeelBetter{
    background-image: url(/assets/img/train-smarter-feel-better/train-smarter-feel-better-bg.jpg);
    background-size: cover;
    background-position: center top;
    padding: 75px 0;
}
@media(max-width: 600px){
    .trainSmarterFeelBetter{
        padding: 50px 0;
    }
}
.trainSmarterFeelBetter .container-fluid{
    max-width: 1400px;
}
.trainSmarterFeelBetter .title-wrap{
    text-align: center;
    margin-bottom: 38px;
}
.trainSmarterFeelBetter .title-wrap .title{
    font-size: 37px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    background-color: var(--brand-color);
    display: inline-block;
    padding: 19px 50px;
}
@media(max-width: 600px){
    .trainSmarterFeelBetter .title-wrap .title{
        font-size: 20px;
    }
}
.trainSmarterFeelBetter .desc-wrap{}
.trainSmarterFeelBetter .desc-wrap p{
    font-size: 18px;
    text-align: center;
    line-height: 1.8;
}
.trainSmarterFeelBetter .desc-wrap p + p{
    margin-top: 30px;
}
/*trainSmarterFeelBetter end*/


/*benefitSection*/
.benefitSection {
    padding: 222px 0 119px;
}
@media(max-width: 600px){
    .benefitSection{
        padding: 50px 0;
    }
}
.benefitSection .container-fluid{
    max-width: 1400px;
}
@media(max-width: 600px){
    .benefitSection .container-fluid{
        /*padding: 0;*/
    }
}
.benefitSection .items-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
    padding-left: 80px;
}
@media(max-width: 1100px){
    .benefitSection .items-wrap{
        padding: 0 30px;
        flex-direction: column;
        align-content: center;
        max-width: 800px;
        margin: 0 auto;
    }
}
@media(max-width: 600px){
    .benefitSection .items-wrap{
        padding: 0;
    }
}
.benefitSection .items-wrap .items-navi{
    width: 49%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 50px;
}
@media(max-width: 1100px){
    .benefitSection .items-wrap .items-navi{
        width: 100%;
    }
}
@media(max-width: 600px){
    .benefitSection .items-wrap .items-navi{
        display: none;
    }
}
.benefitSection .items-wrap .items-navi .items-navi__unit{
    width: calc(50% - 25px);
}
@media(max-width: 600px){
    .benefitSection .items-wrap .items-navi .items-navi__unit{
        width: calc(50% - 10px);
    }
}
.benefitSection .items-wrap .items-navi .items-navi__unit .item{
    border: 9px solid var(--brand-color);
    aspect-ratio: 1 / 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
@media(max-width: 600px){
    .benefitSection .items-wrap .items-navi .items-navi__unit .item{
        border-width: 6px;
    }
}
.benefitSection .items-wrap .items-navi .items-navi__unit .item.item--no-select{
    border: 0;
}
.benefitSection .items-wrap .items-navi .items-navi__unit .item.item--no-select > img{
    width: 100%;
    height: 100%;
    display: block;
}
.benefitSection .items-wrap .items-navi .items-navi__unit .item.clickable{
    cursor: pointer;
    transition: all 0.3s ease;
}
.benefitSection .items-wrap .items-navi .items-navi__unit .item.clickable:hover{
    opacity: 0.9;
}
.benefitSection .items-wrap .items-navi .items-navi__unit .item.clickable.active{
    background-color: var(--brand-color);
}
.benefitSection .items-wrap .items-navi .items-navi__unit .item .item__icon{
    width: 90px;
    height: 90px;
    margin-bottom: 21px;
    margin-top: 8px;
}
@media(max-width: 600px){
    .benefitSection .items-wrap .items-navi .items-navi__unit .item .item__icon{
        max-width: 50px;
        margin-bottom: 10px;
        margin-top: 0px;
    }
}
.benefitSection .items-wrap .items-navi .items-navi__unit .item .item__icon img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
}
.benefitSection .items-wrap .items-navi .items-navi__unit .item.clickable.active .item__icon img{
    filter: brightness(0) saturate(100%)
}
.benefitSection .items-wrap .items-navi .items-navi__unit .item .item__name{
    font-size: 23px;
    line-height: 1.3;
    letter-spacing: -0.1px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
@media(max-width: 600px){
    .benefitSection .items-wrap .items-navi .items-navi__unit .item .item__name{
        font-size: 10px;
    }
}
.benefitSection .items-wrap .items-overview{
    width: calc(47% - 30px);
    padding: 20px 50px;
}
@media(max-width: 1100px){
    .benefitSection .items-wrap .items-overview{
        width: 100%;
    }
}
@media(max-width: 600px){
    .benefitSection .items-wrap .items-overview{
        display: flex;
        flex-direction: column-reverse;
        padding: 0;
    }
}
.benefitSection .items-wrap .items-overview .item-overview{
    display: none;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center;
}
@media(max-width: 600px){
    .benefitSection .items-wrap .items-overview .item-overview{
        display: flex;
    }
}
.benefitSection .items-wrap .items-overview .item-overview.active{
    display: flex;
}
.benefitSection .items-wrap .items-overview .item-overview .item-overview__icon{
    max-width: 90px;
    margin-bottom: 20px;
}
@media(max-width: 600px){
    .benefitSection .items-wrap .items-overview .item-overview .item-overview__icon{
        max-width: 58px;
        margin-top: 28px;
    }
}
.benefitSection .items-wrap .items-overview .item-overview .item-overview__icon img{
    width: 100%;
    display: block;
}
.benefitSection .items-wrap .items-overview .item-overview .item-overview__name{
    font-size: 36px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    color: var(--brand-color);
    margin-bottom: 30px;
}
@media(max-width: 600px){
    .benefitSection .items-wrap .items-overview .item-overview .item-overview__name{
        font-size: 22px;
        margin-bottom: 20px;
    }
}
.benefitSection .items-wrap .items-overview .item-overview .item-overview__desc{
    font-size: 20px;
    margin-bottom: 75px;
}
@media(max-width: 600px){
    .benefitSection .items-wrap .items-overview .item-overview .item-overview__desc{
        margin-bottom: 20px;
    }
}
.benefitSection .items-wrap .items-overview .item-overview .item-overview__desc p{
    font-size: inherit;
    letter-spacing: 0.4px;
    margin-bottom: 40px;
    text-align: center;
    font-weight: 600;
}
@media(max-width: 600px){
    .benefitSection .items-wrap .items-overview .item-overview .item-overview__desc p{
        font-size: 14px;
        font-weight: 800;
        margin-bottom: 21px;
    }
}
.benefitSection .items-wrap .items-overview .item-overview .item-overview__desc ul{
    list-style: none;
    padding: 0;
    margin:0;
}
.benefitSection .items-wrap .items-overview .item-overview .item-overview__desc ul li{
    position: relative;
    padding-left: 24px;
    font-size: 20px;
    letter-spacing: -0.1px;
    line-height: 1.7;
}
@media(max-width: 600px){
    .benefitSection .items-wrap .items-overview .item-overview .item-overview__desc ul li{
        padding-left: 16px;
        font-size: 15px;
        line-height: 1.5;
    }
}
.benefitSection .items-wrap .items-overview .item-overview .item-overview__desc ul li + li{
    /*margin-top: 20px;*/
}
.benefitSection .items-wrap .items-overview .item-overview .item-overview__desc ul li:before{
    content: "X";
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700;
    color: var(--brand-color);
}
/*benefitSection end*/


/*  s4-franchise  */


.s4-franchise{
    padding: 115px 0 218px;
    text-align: center;
}
@media(max-width: 600px){
    .s4-franchise{
        padding: 60px 0;
    }
}


.s4-franchise .title{
    position: relative;
    font-size: 37px;
    font-weight: 900;
    color: #fff;
    line-height: 1;
    letter-spacing: 0.01em;
    max-width: 1350px;
    margin: 0 auto 60px;
}
@media(max-width: 850px){
    .s4-franchise .title{
        font-size: 30px;
    }
}
@media(max-width: 600px){
    .s4-franchise .title{
        font-size: 23px;
        margin-bottom: 16px;
    }
}


.s4-franchise .title:before,
.s4-franchise .title:after{
    position: absolute;
    bottom: 10px;
    display: block;
    content: " ";
    height: 3px;
    width: 100%;
    max-width: 37%;
    background-color: var(--brand-color);
}
.s4-franchise .title:before{
    left: 0;
}
.s4-franchise .title:after{
    right: 0;
}
@media(max-width: 1100px){
    .s4-franchise .title:before,
    .s4-franchise .title:after{
        max-width: 33%;
        bottom: 7px;
    }
}
@media(max-width: 850px){
    .s4-franchise .title:before,
    .s4-franchise .title:after{
        max-width: 29%;
        bottom: 5px;
    }
}
@media(max-width: 600px){
    .s4-franchise .title:before,
    .s4-franchise .title:after{
        max-width: 18%;
        height: 2px;
        bottom: 8px;
    }    
    .s4-franchise .title:before{
        left: 13px;
    }
    .s4-franchise .title:after{
        right: 13px;
    }
}


.s4-franchise .sub-title{
    margin-top: 50px;
    font-family: 'Futura';
    font-size: 23px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    letter-spacing: 0.01em;
}
@media(max-width: 850px){
    .s4-franchise .sub-title{
        font-size: 20px;
    }
}
@media(max-width: 600px){
    .s4-franchise .sub-title{
        font-size: 16px;
        margin-top: 25px;
    }
}


.s4-franchise .sub-title span{
    color: var(--brand-color);
}


.s4-franchise .item-wrap{
    display: flex;
    justify-content: center;
    max-width: 1400px;
    margin: 0 auto;
    flex-wrap: wrap;
}
@media(max-width: 800px){
    .s4-franchise .item-wrap{
    }
}


.s4-franchise .item{
    padding: 0 15px;
    margin: 60px auto 0;
    width: calc(100% / 6);
}
@media(max-width: 1200px){
    .s4-franchise .item{
        margin: 50px 0 0;
        width: calc(100% / 3);
    }
}
@media(max-width: 800px){
    .s4-franchise .item{
        width: 50%;
    }
}


.s4-franchise .item-wrap .item .img-wrap{
    position: relative;
    width: 150px;
    height: 100px;
    margin: 0 auto 23px;
}
@media(max-width: 800px){
    .s4-franchise .item-wrap .item .img-wrap{
        height: 64px;
        margin-bottom: 16px;
        width: 100px;
    }
}


.s4-franchise .item-wrap .item .img-wrap img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}


.s4-franchise .item-wrap .item .text{
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.8;
}
@media(max-width: 1200px){
    .s4-franchise .item-wrap .item .text{
        font-size: 13px;
    }
}
@media(max-width: 1000px){
    .s4-franchise .item-wrap .item .text{
        font-size: 10px;
    }
}
@media(max-width: 800px){
    .s4-franchise .item-wrap .item .text{
        font-size: 16px;
    }
}
@media(max-width: 600px){
    .s4-franchise .item-wrap .item .text{
        font-size: 11px;
    }
}
.s4-franchise .item-wrap .item .text span{
    color: var(--brand-color);
}


/*  s5-franchise  */


.s5-franchise{
    position: relative;
    background-image: url(/assets/img/franchise/s5-franchise-bg.jpg);
    background-size: cover;
    background-position: center;
    padding: 231px 0 251px;
    overflow: hidden;
}
.s5-franchise:before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    opacity: 0;
}
@media(max-width: 600px){
    .s5-franchise:before{
        opacity: 0.5;
    }
}


.s5-franchise .container-fluid{
    position: relative;
    max-width: 1536px;
}


.s5-franchise .icon{
}
.s5-franchise .icon img{
    display: block;
    width: 100%;
    max-width: 298px;
}
@media(max-width: 600px){
    .s5-franchise .icon{
        margin-top: 190px;
        margin-bottom: 185px;
    }
    .s5-franchise .icon img{
        max-width: 170px;
        margin: 0 auto;
    }
}

.s5-franchise .title,
.s5-franchise .sub-title{
    color: #fff;
    font-size: 37px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: -0.4px;
}
.s5-franchise .title{
    margin-top: 58px;
}
.s5-franchise .sub-title{
    margin-bottom: 30px;
}
@media(max-width: 1400px){
    .s5-franchise .title,
    .s5-franchise .sub-title{
        font-size: 24px;
    }
}
@media(max-width: 1000px){
    .s5-franchise .title{
        margin-top: 25px;
    }
    .s5-franchise .sub-title{
        margin-bottom: 10px;
    }
    .s5-franchise .title,
    .s5-franchise .sub-title{
        font-size: 18px;
    }
}
@media(max-width: 800px){
    .s5-franchise .title,
    .s5-franchise .sub-title{
        text-align: center;
    }
}
@media(max-width: 600px){
    .s5-franchise {
        padding: 50px 0 80px;
    }
    .s5-franchise .title{
        margin-top: 46px;
    }
    .s5-franchise .sub-title{
        margin-top: 0;
    }
    .s5-franchise .title,
    .s5-franchise .sub-title {
        font-size: 16px;
        line-height: 1.4;
    }
}




.s5-franchise .title span{
    color: var(--brand-color);
}


.s5-franchise .hero-btn a{
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 900;
    padding: 16px 70px;
    color: #000;
    letter-spacing: 0.6px;
    border-radius: 8px;
    overflow: hidden;
}
.s5-franchise .hero-btn a:before,
.s5-franchise .hero-btn a:after{
    border-radius: 8px;
}
@media(max-width: 1400px){
    .s5-franchise .hero-btn a{
        font-size: 20px;
    }
}
@media(max-width: 1000px){
    .s5-franchise .hero-btn a{
        font-size: 14px;
    }
}
@media(max-width: 800px){
    .s5-franchise .hero-btn{
        text-align: center;
    }
}
@media(max-width: 600px){
    .s5-franchise .hero-btn a{
        font-size: 15px;
        padding: 6px 15px;
        width: 100%;
    }
}




/*  s6-franchise  */


.s6-franchise{
    padding: 127px 0 130px;
}
@media(max-width: 600px){
    .s6-franchise{
        padding: 89px 0 50px;
    }
}


.s6-franchise .container-fluid{
    max-width: 1379px;
}


.s6-franchise .title{
    position: relative;
    font-size: 37px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    max-width: 1350px;
    margin: 0 auto 63px;
    text-align: center;
    text-transform: uppercase;
}
@media(max-width: 850px){
    .s6-franchise .title{
        font-size: 30px;
    }
}
@media(max-width: 600px){
    .s6-franchise .title{
        font-size: 22px;
        font-weight: 900;
        margin: 0 auto;
    }
}


.s6-franchise .title:before,
.s6-franchise .title:after{
    position: absolute;
    bottom: 10px;
    display: block;
    content: " ";
    height: 3px;
    width: 100%;
    max-width: 33%;
    background-color: var(--brand-color);
}
.s6-franchise .title:before{
    left: 0;
}
.s6-franchise .title:after{
    right: 0;
}
@media(max-width: 1100px){
    .s6-franchise .title:before,
    .s6-franchise .title:after{
        max-width: 33%;
        bottom: 7px;
    }
}
@media(max-width: 850px){
    .s6-franchise .title:before,
    .s6-franchise .title:after{
        max-width: 29%;
        bottom: 5px;
    }
}
@media(max-width: 600px){
    .s6-franchise .title:before,
    .s6-franchise .title:after{
        max-width: 8%;
        height: 2px;
        bottom: 8px;
    }    
    .s6-franchise .title:before{
        left: 13px;
    }
    .s6-franchise .title:after{
        right: 13px;
    }
}



.s6-franchise .items{
    display: flex;
    flex-wrap: wrap;
    grid-gap: 40px;
}
@media(max-width: 600px){
    .s6-franchise .items{
        display: block;
        padding: 64px 17px 0;
        position: relative;
    }
    .s6-franchise .items .slick-dots{
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
}

.s6-franchise .item-wrap{
    position: relative;
    padding: 105px 30px 35px;
    border: 5px solid var(--brand-color);
    width: calc(50% - 20px);
}
.s6-franchise .item-wrap.item-wrap--full{
    width: 100%;
}
@media(max-width: 1100px){
    .s6-franchise .item-wrap{
        padding: 100px 0 30px;
    }
}
@media(max-width: 600px){
    .s6-franchise .item-wrap{
        width: 100%;
        padding: 20px 20px 50px;
    }
}


.s6-franchise .item-title{
    position: absolute;
    top: 30px;
    left: -10px;
    background-color: #000;
    padding: 19px 0 14px;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -2px;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
}
@media(max-width: 1350px){
    .s6-franchise .item-title{
        font-size: 20px;
    }
}
@media(max-width: 768px){
    .s6-franchise .item-title{
        font-size: 22px;
    }
}
@media(max-width: 600px){
    .s6-franchise .item-title{
        font-size: 22px;
        position: relative;
        text-align: center;
        font-weight: 900;
        letter-spacing: unset;
        color: var(--brand-color);
        padding: 0;
        left: unset;
        top: unset;
        margin-top: 21px;
        margin-bottom: 22px;
        hyphens: auto;
    }
}


.s6-franchise .item{
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: -0.3px;
    line-height: 1.6;
    padding-left: 51px;
    position: relative;
}
@media(max-width: 1350px){
    .s6-franchise .item{
        font-size: 20px;
    }
}
@media(max-width: 1100px){
    .s6-franchise .item{
        font-size: 14px;
    }
}
@media(max-width: 768px){
    .s6-franchise .item{
        font-size: 18px;
    }
}
@media(max-width: 600px){
    .s6-franchise .item{
        font-size: 15px;
        padding-left: 50px;
        margin-left: 12px;
                line-height: 1.9;
    }
}



.s6-franchise .item span{
    color: var(--brand-color);
    padding: 0 18px;
    position: absolute;
    font-weight: 900;
    left: 0;
}
@media(max-width: 600px){
    .s6-franchise .item span{
        font-size: 180%;
        transform: translateY(-50%);
        top: 10px;
    }
}


/*  s7-franchise  */


.s7-franchise{
    padding: 145px 0 30px;
    background-color: var(--brand-color);
}
@media(max-width: 600px){
    .s7-franchise{
        padding: 50px 0;
    }
}


.s7-franchise .container-fluid{
    max-width: 1600px;
}


.s7-franchise .left-part .title{
    font-size: 68px;
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: 0.01em;
    color: #ffffff;
}
@media(max-width: 1200px){
    .s7-franchise .left-part .title{
        font-size: 40px;
    }
}
@media(max-width: 600px){
    .s7-franchise .left-part .title{
        font-size: 30px;
    }
}


.s7-franchise .left-part .title span{
    color: #000;
    font-family: inherit;
}


.s7-franchise .left-part .sub-title{
    font-family: 'Futura';
    font-size: 62px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.01em;
    color: #000000;
}
@media(max-width: 991px){
    .s7-franchise .left-part{
        text-align: center;
        margin-bottom: 25px;
    }
}
@media(max-width: 600px){
    .s7-franchise .left-part .sub-title{
        font-size: 30px;
    }
}

.s7-franchise .right-part{
    max-width: 740px;
    margin: 0 auto;
}


.s7-franchise .right-part .input-wrap input{
    margin-bottom: 10px;
    width: 100%;
    height: 90px;
}
@media(max-width: 600px){
    .s7-franchise .right-part .input-wrap input{
        height: 60px;
    }
}


.s7-franchise .right-part .input-wrap textarea{
    width: 100%;
    height: 169px;
}
@media(max-width: 600px){
    .s7-franchise .right-part .input-wrap textarea{
        height: 120px;
    }
}


.s7-franchise .right-part .input-wrap input, textarea{
    color: #000;
    font-size: 25px;
    padding: 25px;
}
@media(max-width: 600px){
    .s7-franchise .right-part .input-wrap input, textarea{
        font-size: 14px;
        padding: 15px;
    }
}


.s7-franchise .right-part .checkbox-wrap{
    display: flex;
    color: #000;
    font-family: 'Futura';
    font-size: 25px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.01em;
    margin-top: 20px;
    margin-bottom: 20px;
}
@media(max-width: 600px){
    .s7-franchise .right-part .checkbox-wrap{
        font-size: 14px;
    }
}


.s7-franchise .right-part .checkbox.margin{
    margin-left: 100px;
    margin-right: 50px;
}
@media(max-width: 600px){
    .s7-franchise .right-part .checkbox.margin{
        margin-left: 15px;
        margin-right: 15px;
    }
}


.s7-franchise .right-part .checkbox-title,
.s7-franchise .right-part .checkbox{
    display: flex;
    align-items: center;
    line-height: 1;
}


.s7-franchise .right-part .checkbox input[type=checkbox], input[type=radio]{
    height: 43px;
    width: 43px;
    margin-right: 10px;
}


@media(max-width: 991px){
    .s7-franchise .right-part .btn-wrap{
        text-align: center;
    }
}


.s7-franchise .right-part .btn-wrap .btn{
    color: #fff;
    background-color: #000;
    font-size: 25px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.01em;
    padding: 15px;
    width: 100%;
    max-width: 283px;
}
@media(max-width: 600px){
    .s7-franchise .right-part .btn-wrap .btn{
        font-size: 20px;
        margin-top: 25px;
    }
}


/*  footer-franchise  */


.footer-franchise{
    padding: 24px 0;
}

.footer-franchise .container-fluid{
    max-width: 1686px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media(max-width: 600px){
    .footer-franchise .container-fluid{
        flex-direction: column;
    }
}

.footer-franchise .logo-wrap{
    padding: 0 34px;
}
@media(max-width: 600px){
    .footer-franchise .logo-wrap{
        display: none;
    }
}
.footer-franchise .logo-wrap a{
    display: block;
    max-width: 205px;
}
.footer-franchise .logo-wrap a img{}

.footer-franchise .btn-wrap {
    display: flex;
    align-items: center;
    gap: 56px;
}
@media(max-width: 600px){
    .footer-franchise .btn-wrap {
        flex-direction: column-reverse;
        gap: 20px;
        margin: 20px 0;
    }
}

.footer-franchise .links-wrap {
    display: flex;
    gap: 37px;
}
.footer-franchise .links-wrap a{
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    color: var(--brand-color);
    text-decoration: underline;
}
.footer-franchise .links-wrap a:hover{
    color: #ffffff;
}
@media(max-width: 1199px){
    .footer-franchise .links-wrap a{
        font-size: 14px;
    }
}
@media(max-width: 600px){
    .footer-franchise{
        margin-right: 0;
        padding: 10px;
    }
    .footer-franchise .links-wrap a{
        font-size: 12px;
    }
    .footer-franchise .links-wrap{
    }
}


.footer-franchise .social-wrap {
    display: flex;
    gap: 7px;
}
.footer-franchise .social-wrap a{
    color: #000000;
    display: flex;
    width: 35px;
    height: 35px;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    font-size: 23px;
}
.footer-franchise .social-wrap a:hover{
    color: var(--brand-color);
}
.footer-franchise .social-wrap a i{}
.footer-franchise .social-wrap a svg{}


/*  Page Impressume  */


.page-impressum{
    height: calc(100vh - 92px);
}
@media(max-width: 600px){
    .page-impressum{
        height: calc(100vh - 62px);
    }
}


/* X - Color */

.span-x-color{
    color: var(--brand-color);
}