@font-face {
    font-family: 'Lobster Two';
    src: url("../fonts/lobstertwo/LobsterTwo-BoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic
}

body {
    color: #8d939f;
    font-family: "Mitr",sans-serif;
    font-size: 16px;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: "Mitr",sans-serif
}

a {
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s
}

a:hover,a:focus {
    outline: none
}

a:hover {
    text-decoration: none
}

.form-control:focus {
    box-shadow: none
}

.table-bordered thead td,.table-bordered thead th {
    border-bottom-width: 1px
}

.table-bordered thead th {
    border-color: rgba(141,147,159,0.25)
}

.table-bordered td,.table-bordered th {
    border-color: rgba(141,147,159,0.25)
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.inline-flex {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.align-center {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.align-end {
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end
}

.flex-grow-1 {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1
}

.flex-flow-rw {
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.space-between {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between
}

.justify-center {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.flex-top {
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -ms-align-self: flex-start;
    align-self: flex-start
}

.flex-bottom {
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    -ms-align-self: flex-end;
    align-self: flex-end
}

.flex-left {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start
}

.flex-right {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end
}

.ml-auto {
    margin-left: auto
}

.ml-5 {
    margin-left: 5px
}

.ml-10 {
    margin-left: 10px
}

.ml-15 {
    margin-left: 15px
}

.ml-20 {
    margin-left: 20px
}

.ml-25 {
    margin-left: 25px
}

.ml-30 {
    margin-left: 30px
}

.mr-auto {
    margin-right: auto
}

.mr-5 {
    margin-right: 5px
}

.mr-10 {
    margin-right: 10px
}

.mr-15 {
    margin-right: 15px
}

.mr-20 {
    margin-right: 20px
}

.mr-25 {
    margin-right: 25px
}

.mr-30 {
    margin-right: 30px
}

.mt-0 {
    margin-top: 0
}

.mt-5 {
    margin-top: 5px
}

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

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

.mt-20 {
    margin-top: 20px
}

.mt-25 {
    margin-top: 25px
}

.mt-30 {
    margin-top: 30px
}

.mt-35 {
    margin-top: 35px
}

.mt-45 {
    margin-top: 45px
}

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

.mt-60 {
    margin-top: 60px
}

.mt-70 {
    margin-top: 70px
}

.mt-80 {
    margin-top: 80px
}

.mb-0 {
    margin-bottom: 0px
}

.mb-5 {
    margin-bottom: 5px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-25 {
    margin-bottom: 25px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-35 {
    margin-bottom: 35px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-45 {
    margin-bottom: 45px
}

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

.mb-60 {
    margin-bottom: 60px
}

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

.fs-12 {
    font-size: 12px
}

.fs-14 {
    font-size: 14px
}

.fs-15 {
    font-size: 15px
}

.fs-16 {
    font-size: 16px
}

.fs-18 {
    font-size: 18px
}

.fs-20 {
    font-size: 20px
}

.fs-24 {
    font-size: 24px
}

.fw-400 {
    font-weight: 400
}

.fw-500 {
    font-weight: 500
}

.fw-700 {
    font-weight: 700
}

.title-font {
    font-family: "Mitr",sans-serif
}

.section-full {
    padding: 150px 0
}

.section {
    padding: 75px 0
}

.top-half {
    padding-top: 100px
}

.top-full {
    padding-top: 150px
}

.bottom-half {
    padding-bottom: 100px
}

.bottom-full {
    padding-bottom: 150px
}

.section-arrow {
    padding: 140px 0 260px
}

.p-relative {
    position: relative
}

.d-block {
    display: block
}

.d-inline {
    display: inline-block
}

.w-100 {
    width: 100%
}

.danger {
    color: #ff4951
}

.ov-hidden {
    overflow: hidden
}

.z-index-0 {
    z-index: 0
}

.z-index-1 {
    z-index: 1
}

.z-index-2 {
    z-index: 2
}

.ws-nw {
    white-space: nowrap
}

.list-double-arrow {
    list-style: outside none none;
    padding-left: 0;
    margin-bottom: 0
}

.list-double-arrow li {
    margin-bottom: 12px;
    padding-left: 28px;
    position: relative
}

.list-double-arrow li::before {
    content: "\e661";
    font-family: 'themify';
    left: 0;
    margin-right: 13px;
    position: absolute;
    top: 0
}

.primary-color {
    color: #ffc107
}

.primary-bg {
    background-color: #ffc107
}

.dark-bg {
    background-color: #030409
}

.light-bg {
    background-color: #ECEBD9
}

.text-white {
    color: #fff
}

.dark-color {
    color: #030409
}

.text-italic {
    font-style: italic
}

.svg-fill-dark {
    fill: #030409
}

.svg-fill-text {
    fill: #8d939f
}

.svg-fill-white {
    fill: #fff
}

.link-white {
    color: #fff
}

.link-white:hover,.link-white:focus {
    color: #fff
}

.gradient-text,.btn-bottom-border {
    background: linear-gradient(left, #fe3e0b 0%, #ffc107 100%);
    background: -moz-linear-gradient(left, #ffc107 0%, #fe3e0b 100%);
    background: -webkit-linear-gradient(left, #ffc107 0%, #fe3e0b 100%);
    background: linear-gradient(to right, #ffc107 0%, #fe3e0b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.gradient-bg,.gradient-hover::before,.btn-theme,.btn-dark::before,.btn-bottom-border::after,.animated-border::before,.animated-border::after,.animated-border .border-span::before,.animated-border .border-span::after,.slick-dots button::before,.item-card .btn,.contact-info>span::after,.class-schedule-hover::before,.blog-post .tags a::before,.archive-list-child li::before {
    background-image: linear-gradient(left, #fe3e0b 0%, #ffc107 100%);
    background-image: -moz-linear-gradient(left, #fe3e0b 0%, #ffc107 100%);
    background-image: -webkit-linear-gradient(left, #ffc107 0%, #d3a211 100%);
    background-image: linear-gradient(left, #fe3e0b 0%, #ffc107 100%)
}

.gradient-hover {
    position: relative;
    z-index: 1
}

.gradient-hover::before {
    content: "";
    width: 0;
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    transition: 0.3s ease 0s
}

.gradient-hover:hover::before {
    width: 100%
}

.gradient-border {
    border: 2px solid;
    border-image: linear-gradient(to top, #ffc107 1%, #fe3b0e 100%);
    border-image-slice: 1
}

.transition {
    -webkit-transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    transition: 0.3s ease 0s
}

.btn {
    border: 0 none;
    border-radius: 0;
    color: #121212;
    font-family: "Mitr",sans-serif;
    font-size: 15px;
    padding: 18px 50px 20px;
    position: relative;
    text-transform: uppercase
}

.btn-sm {
    font-size: 14px;
    padding: 10px 20px 9px
}

.btn-theme:hover,.btn-theme:focus {
    color: #fff
}

.btn-dark {
    background-color: rgba(141,147,159,0.25);
    position: relative;
    z-index: 1
}

.btn-dark::before {
    content: "";
    width: 0;
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    transition: 0.3s ease 0s
}

.btn-dark:hover::before {
    width: 100%
}

.btn-white {
    background-color: #fff;
    color: #030409
}

.btn-white:hover,.btn-white:focus {
    color: #030409
}

.btn-bottom-border {
    color: #664d00;
    position: relative;
    z-index: 0;
    -webkit-text-fill-color: unset
}

.btn-bottom-border.light {
    color: #ffc107
}

.btn-bottom-border::before {
    background-color: rgba(141,147,159,0.25);
    content: "";
    height: 3px;
    width: 100%;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    -o-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s
}

.btn-bottom-border::after {
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    -webkit-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    -o-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
    position: absolute;
    top: 0;
    left: 0
}

.btn-bottom-border:hover {
    -webkit-text-fill-color: unset;
    color: #fff
}

.btn-bottom-border:hover::before {
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0)
}

.btn-bottom-border:hover::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.btn-bottom-border:focus {
    color: #fff
}

.btn-form-submit-arrow {
    border: 0 none;
    color: #fff;
    cursor: pointer;
    padding: 0
}

.hover-effect-1,.btn-theme,.btn-white,.item-card .btn,.trainer-slider .slick-arrow {
    overflow: hidden;
    position: relative;
    z-index: 0
}

.hover-effect-1::before,.btn-theme::before,.btn-white::before,.item-card .btn::before,.trainer-slider .slick-arrow::before,.hover-effect-1::after,.btn-theme::after,.btn-white::after,.item-card .btn::after,.trainer-slider .slick-arrow::after {
    background-color: rgba(3,4,9,0.1);
    content: '';
    width: 0;
    z-index: -1;
    -webkit-transform: skewX(25deg);
    -moz-transform: skewX(25deg);
    -ms-transform: skewX(25deg);
    -o-transform: skewX(25deg);
    transform: skewX(25deg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px
}

.hover-effect-1::before,.btn-theme::before,.btn-white::before,.item-card .btn::before,.trainer-slider .slick-arrow::before {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.hover-effect-1::after,.btn-theme::after,.btn-white::after,.item-card .btn::after,.trainer-slider .slick-arrow::after {
    left: -35px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.hover-effect-1:hover::before,.btn-theme:hover::before,.btn-white:hover::before,.item-card .btn:hover::before,.trainer-slider .slick-arrow:hover::before,.hover-effect-1:hover::after,.btn-theme:hover::after,.btn-white:hover::after,.item-card .btn:hover::after,.trainer-slider .slick-arrow:hover::after {
    width: 100%
}

.animated-border {
    position: relative
}

.animated-border::before,.animated-border::after {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    transition: all 0.3s linear;
    z-index: 10
}

.animated-border::before {
    left: 0;
    top: 0
}

.animated-border::after {
    right: 0;
    bottom: 0
}

.animated-border .border-span::before,.animated-border .border-span::after {
    content: "";
    width: 2px;
    height: 0;
    position: absolute;
    transition: all 0.3s linear;
    z-index: 10
}

.animated-border .border-span::before {
    left: 0;
    top: 0
}

.animated-border .border-span::after {
    right: 0;
    bottom: 0
}

.animated-border:hover::before,.animated-border:hover::after {
    width: 100%
}

.animated-border:hover .border-span::before,.animated-border:hover .border-span::after {
    height: 100%
}

.link-hover-1 {
    color: #8d939f;
    position: relative
}

.link-hover-1::before {
    background-color: #fff;
    content: "";
    height: 2px;
    opacity: 0;
    position: absolute;
    right: 0;
    bottom: -5px;
    left: 0;
    -webkit-transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    transition: 0.3s ease 0s
}

.link-hover-1:hover {
    color: #fff
}

.link-hover-1:hover::before {
    bottom: 0;
    opacity: 1
}

.paroller {
    position: relative;
    z-index: 0;
    background-size: cover;
    background-repeat: no-repeat
}

.overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.section-arrows svg {
    position: absolute;
    right: 0;
    left: 0
}

.section-arrows .arrow-top {
    top: -1px
}

.section-arrows .arrow-bottom {
    bottom: -1px
}

.slick-arrow {
    background-color: transparent;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    height: 60px;
    padding: 0;
    width: 60px;
    z-index: 5;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%
}

.slick-arrow:focus {
    outline: none
}

.slick-prev {
    left: 0
}

.slick-next {
    right: 0
}

.slick-dots {
    display: flex;
    justify-content: center;
    list-style: outside none none;
    margin: 40px 0 0;
    padding: 0
}

.slick-dots li {
    height: 5px
}

.slick-dots button {
    background-color: #8d939f;
    border: 0 none;
    cursor: pointer;
    height: 100%;
    margin: 0 5px;
    padding: 0;
    position: relative;
    text-indent: -9999px;
    width: 40px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.slick-dots button::before {
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.slick-dots button:hover::before {
    width: 100%
}

.slick-dots .slick-active button::before {
    width: 100%
}

.slick-slider {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.slick-slider:focus {
    outline: 0
}

.slick-slide:focus {
    outline: 0
}

.input-tp {
    background-color: transparent
}

.input-tp:focus {
    background-color: transparent
}

.no-backgroundcliptext .gradient-text,.no-backgroundcliptext .btn-bottom-border {
    background-image: none;
    -webkit-text-fill-color: unset
}

.no-backgroundcliptext .watermark-title {
    color: #060811
}

.no-backgroundcliptext .btn-theme,.no-backgroundcliptext .gradient-bg,.no-backgroundcliptext .gradient-hover::before,.no-backgroundcliptext .btn-theme,.no-backgroundcliptext .btn-dark::before,.no-backgroundcliptext .btn-bottom-border::after,.no-backgroundcliptext .animated-border::before,.no-backgroundcliptext .animated-border::after,.no-backgroundcliptext .animated-border .border-span::before,.animated-border .no-backgroundcliptext .border-span::before,.no-backgroundcliptext .animated-border .border-span::after,.animated-border .no-backgroundcliptext .border-span::after,.no-backgroundcliptext .slick-dots button::before,.slick-dots .no-backgroundcliptext button::before,.no-backgroundcliptext .item-card .btn,.item-card .no-backgroundcliptext .btn,.no-backgroundcliptext .contact-info>span::after,.no-backgroundcliptext .class-schedule-hover::before,.no-backgroundcliptext .blog-post .tags a::before,.blog-post .tags .no-backgroundcliptext a::before,.no-backgroundcliptext .archive-list-child li::before,.archive-list-child .no-backgroundcliptext li::before {
    background-color: #ffc107
}

.no-backgroundcliptext .section-arrow {
    padding-top: 150px;
    padding-bottom: 150px
}

.no-backgroundcliptext .section-arrows {
    display: none
}

.no-backgroundcliptext .footer-top-shape svg {
    display: none
}

.no-backgroundcliptext .footer-top-shape img[src*=".svg"] {
    display: block
}

.material-input {
    margin-bottom: 30px;
    position: relative;
    z-index: 0
}

.material-input::before,.material-input::after {
    background-color: rgba(255,255,255,0.25);
    content: "";
    height: 2px;
    width: 100%;
    z-index: -1;
    -webkit-transition: all 0.15s ease 0s;
    -moz-transition: all 0.15s ease 0s;
    -o-transition: all 0.15s ease 0s;
    transition: all 0.15s ease 0s;
    position: absolute;
    bottom: 0;
    left: 0
}

.material-input::after {
    background-color: rgba(255,255,255,0.5);
    width: 0
}

.material-input input,.material-input textarea {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    height: 45px;
    padding: 0
}

.material-input label:not(.error) {
    cursor: text;
    margin-bottom: 0;
    backface-visibility: hidden;
    -webkit-transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    transition: 0.3s ease 0s;
    position: absolute;
    top: 5px;
    left: 0
}

.material-input .form-control.error {
    margin-bottom: 50px
}

.material-input label.error {
    color: #ffc107;
    position: absolute;
    bottom: -24px;
    margin-bottom: 0
}

.material-input.active::after {
    width: 100%
}

.material-input.active label:not(.error) {
    top: -12px;
    cursor: default;
    left: -12px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8)
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0.4
    }

    100% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0.1
    }
}

@-moz-keyframes pulse-border {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0.4
    }

    100% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0.1
    }
}

@-o-keyframes pulse-border {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0.4
    }

    100% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0.1
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0.4
    }

    100% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0.1
    }
}

.preloader-wrap {
    background-color: #ffffff;
    z-index: 200;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.preloader-wrap .dash {
    margin: 0 15px;
    width: 35px;
    height: 15px;
    border-radius: 8px;
    background: -webkit-linear-gradient(left, #fe3e0b 0%, #ffc107 100%)
}

.preloader-wrap .uno {
    margin-right: -18px;
    transform-origin: center left;
    animation: spin 3s linear infinite
}

.preloader-wrap .dos {
    transform-origin: center right;
    animation: spin2 3s linear infinite;
    animation-delay: .2s
}

.preloader-wrap .tres {
    transform-origin: center right;
    animation: spin3 3s linear infinite;
    animation-delay: .3s
}

.preloader-wrap .cuatro {
    transform-origin: center right;
    animation: spin4 3s linear infinite;
    animation-delay: .4s
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    30% {
        -webkit-transform: rotate(370deg);
        -moz-transform: rotate(370deg);
        -ms-transform: rotate(370deg);
        -o-transform: rotate(370deg);
        transform: rotate(370deg)
    }

    35% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin2 {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    20% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    30% {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    35% {
        -webkit-transform: rotate(-190deg);
        -moz-transform: rotate(-190deg);
        -ms-transform: rotate(-190deg);
        -o-transform: rotate(-190deg);
        transform: rotate(-190deg)
    }

    40% {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    78% {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    95% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }

    98% {
        -webkit-transform: rotate(-370deg);
        -moz-transform: rotate(-370deg);
        -ms-transform: rotate(-370deg);
        -o-transform: rotate(-370deg);
        transform: rotate(-370deg)
    }

    100% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes spin3 {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    27% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    40% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    45% {
        -webkit-transform: rotate(190deg);
        -moz-transform: rotate(190deg);
        -ms-transform: rotate(190deg);
        -o-transform: rotate(190deg);
        transform: rotate(190deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    62% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    80% {
        -webkit-transform: rotate(370deg);
        -moz-transform: rotate(370deg);
        -ms-transform: rotate(370deg);
        -o-transform: rotate(370deg);
        transform: rotate(370deg)
    }

    85% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin4 {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    38% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    60% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }

    65% {
        -webkit-transform: rotate(-370deg);
        -moz-transform: rotate(-370deg);
        -ms-transform: rotate(-370deg);
        -o-transform: rotate(-370deg);
        transform: rotate(-370deg)
    }

    75% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }

    100% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

.site-header {
    padding: 0;
    z-index: 100;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    transition: 0.3s ease 0s;
    position: fixed;
    top: 0;
    right: 0;
    left: 0
}

.header-top {
    border-bottom: 1px solid rgba(141,147,159,0.2);
    padding: 11px 0
}

.topbar-nav li a {
    color: #ffffff;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.topbar-nav li a i {
    margin-right: 15px
}

.topbar-nav li+li {
    margin-left: 60px
}

.header-main .primary-nav {
    -webkit-flex-grow: initial;
    -moz-flex-grow: initial;
    -ms-flex-grow: initial;
    flex-grow: initial
}

.header-main .btn {
    padding: 12px 35px 14px
}

.navbar-brand {
    padding: 0;
    position: relative
}

.navbar-brand .logo-sticky {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 75px;
    -webkit-transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    transition: 0.3s ease 0s
}

.navbar-nav {
    font-family: "Mitr",sans-serif;
    text-transform: uppercase
}

.navbar-nav li {
    position: relative
}

.navbar-nav>li>a {
    color: #fff;
    display: block;
    font-size: 15px;
    padding: 35px 22px 34px;
    position: relative
}

.navbar-nav>li>a::before {
    backface-visibility: hidden;
    color: #ffc107;
    content: attr(data-text);
    font-weight: 500;
    position: absolute;
    left: 22px;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.navbar-nav>li>a span {
    display: inline-block;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: right top 0;
    -moz-transform-origin: right top 0;
    -ms-transform-origin: right top 0;
    -o-transform-origin: right top 0;
    transform-origin: right top 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.navbar-nav>li:hover>a::before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.navbar-nav>li:hover>a span {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0)
}

.navbar-nav>li:hover .submenu {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1)
}

>.navbar-nav>li:first-child a {
    margin-left: 0
}

.navbar-nav .submenu {
    background-color: #fff;
    border-top: 2px solid #fe3811;
    box-shadow: rgba(3,4,9,0.1) 0px 0px 20px;
    list-style: outside none none;
    margin: 0;
    min-width: 200px;
    padding: 40px 30px;
    position: absolute;
    z-index: 5;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
    -webkit-transition: transform 0.2s ease 0s;
    -moz-transition: transform 0.2s ease 0s;
    -o-transition: transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s
}

.navbar-nav .submenu li a {
    color: #030409;
    font-size: 12px;
    position: relative
}

.navbar-nav .submenu li a::before {
    background-color: #ffc107;
    content: '';
    height: 2px;
    width: 0px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transition: width 0.4s ease 0s;
    -moz-transition: width 0.4s ease 0s;
    -o-transition: width 0.4s ease 0s;
    transition: width 0.4s ease 0s;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.navbar-nav .submenu>li>a {
    display: block;
    margin-bottom: 25px;
    -webkit-transition: padding-left 0.4s ease 0s;
    -moz-transition: padding-left 0.4s ease 0s;
    -o-transition: padding-left 0.4s ease 0s;
    transition: padding-left 0.4s ease 0s
}

.navbar-nav .submenu>li>a:hover {
    padding-left: 30px
}

.navbar-nav .submenu>li>a:hover::before {
    width: 15px
}

.navbar-nav .submenu>li:last-child>a {
    margin-bottom: 0
}

.nav-dark li a {
    color: #f8f9fa
}

.navbar-toggler {
    position: relative;
    margin-right: 15px;
    padding: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.navbar-toggler .menu-icon {
    width: 30px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    display: block
}

.navbar-toggler .menu-icon__line {
    background-color: #fff;
    height: 2px;
    width: 30px;
    display: block;
    margin-bottom: 7px;
    cursor: pointer;
    transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease
}

.navbar-toggler .menu-icon__line-left {
    width: 16.5px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear
}

.navbar-toggler .menu-icon__line-right {
    width: 16.5px;
    float: right;
    margin-bottom: 0;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear
}

.navbar-toggler.active .menu-icon__line {
    -webkit-transform: translate(0px, 0px) rotate(-45deg);
    -moz-transform: translate(0px, 0px) rotate(-45deg);
    -ms-transform: translate(0px, 0px) rotate(-45deg);
    -o-transform: translate(0px, 0px) rotate(-45deg);
    transform: translate(0px, 0px) rotate(-45deg)
}

.navbar-toggler.active .menu-icon__line-left {
    width: 15px;
    -webkit-transform: translate(2px, 4px) rotate(45deg);
    -moz-transform: translate(2px, 4px) rotate(45deg);
    -ms-transform: translate(2px, 4px) rotate(45deg);
    -o-transform: translate(2px, 4px) rotate(45deg);
    transform: translate(2px, 4px) rotate(45deg)
}

.navbar-toggler.active .menu-icon__line-right {
    width: 15px;
    float: right;
    -webkit-transform: translate(-3px, -3.5px) rotate(45deg);
    -moz-transform: translate(-3px, -3.5px) rotate(45deg);
    -ms-transform: translate(-3px, -3.5px) rotate(45deg);
    -o-transform: translate(-3px, -3.5px) rotate(45deg);
    transform: translate(-3px, -3.5px) rotate(45deg)
}

.dark-stp-bg {
    background-color: rgba(3,4,9,0.5)
}

.header-sticky {
    background-color: #fff;
    box-shadow: rgba(3,4,9,0.1) 0px 0px 20px
}

.header-sticky .navbar-nav li a {
    color: #030409
}

.header-sticky .logo-sticky {
    opacity: 1
}

.header-sticky .menu-icon__line {
    background-color: #030409
}

.header-sticky .navbar-nav>li>a {
    padding-bottom: 24px;
    padding-top: 25px
}

.header-sticky .navbar-nav>li>a.active {
    color: #fd2227;
}

.banner-content {
    height: 100vh;
    position: relative
}

.banner-content [class^="caption"] {
    color: #fff;
    position: absolute
}

.banner-content h3 {
    font-family: "Mitr",sans-serif;
    font-size: 100px;
    font-style: italic;
    font-weight: 700;
    line-height: 0.9;
    margin-bottom: 0;
    text-shadow: -1px 8px 0px rgba(255,255,255,0.1);
    text-transform: uppercase
}

.banner-content p {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    text-transform: uppercase
}

.banner-content .caption1 {
    top: 270px;
    z-index: 1;
    left: -webkit-calc(50% - 206px);
    left: -moz-calc(50% - 206px);
    left: calc(50% - 206px);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.banner-content .caption1 p {
    margin: 19px 0 0 10px
}

.banner-content img {
    z-index: 2;
    position: absolute;
    right: 0;
    bottom: 0px;
    left: 0
}

.banner-content .caption2 {
    top: -webkit-calc(50% - 40px);
    top: -moz-calc(50% - 40px);
    top: calc(50% - 40px);
    right: -webkit-calc(50% - 220px);
    right: -moz-calc(50% - 220px);
    right: calc(50% - 220px);
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    z-index: 3
}

.banner-content .caption2 p {
    margin: 0;
    position: relative;
    bottom: 3px;
    left: 11px
}

.main-banner .banner-shape {
    position: absolute;
    right: 0;
    bottom: 0;
    left: -67px
}

.caption-mobile {
    display: none
}

.video-button {
    z-index: 10;
    position: absolute;
    top: -webkit-calc(50% + -80px);
    top: -moz-calc(50% + -80px);
    top: calc(50% + -80px);
    -webkit-transform: rotate(-90deg) translateY(-50%);
    -moz-transform: rotate(-90deg) translateY(-50%);
    -ms-transform: rotate(-90deg) translateY(-50%);
    -o-transform: rotate(-90deg) translateY(-50%);
    transform: rotate(-90deg) translateY(-50%)
}

.video-button.right {
    right: 0
}

.video-button.left {
    left: 0
}

.video-button .play-icon {
    border-radius: 50%;
    color: #fff;
    margin-right: 20px;
    position: relative;
    z-index: 1;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.video-button .play-icon::after {
    background-color: #ffc107;
    border-radius: 50%;
    content: "";
    height: 100%;
    opacity: 1;
    width: 100%;
    z-index: -1;
    -webkit-animation: 2000ms ease-out 0s normal none infinite running pulse-border;
    animation: 2000ms ease-out 0s normal none infinite running pulse-border;
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
    position: absolute;
    top: 0;
    left: 0
}

.video-button .play-icon span {
    border-radius: 50%;
    font-size: 21px;
    height: 60px;
    width: 60px
}

#fire-flame {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#fire-flame::before {
    content: "";
    background: linear-gradient(to bottom, #d7a51066 -30%, #ECEBD9 100%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#fire-flame canvas {
    margin-top: -160px
}

#home-2-slider .slick-dots {
    position: absolute;
    left: 50%;
    bottom: 30px;
    margin: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.home-2-slide {
    background-color: #d8e2d7
}

.home-2-slide .banner-tag {
    background-color: #fff;
    margin-bottom: 16px;
    padding: 9px 14px 10px 20px;
    position: relative;
    z-index: 0
}

.home-2-slide .banner-tag::after {
    background-color: #fff;
    content: "";
    height: 100%;
    position: absolute;
    right: -10px;
    top: 0;
    width: 40px;
    z-index: -1;
    -webkit-transform: skewX(-26deg);
    -moz-transform: skewX(-26deg);
    -ms-transform: skewX(-26deg);
    -o-transform: skewX(-26deg);
    transform: skewX(-26deg)
}

.home-2-slide .banner-tag.shape-left::after {
    right: auto;
    left: -10px
}

.home-2-slide .banner-tag.primary {
    background-color: #ffc107
}

.home-2-slide .banner-tag.primary::after {
    background-color: #ffc107
}

.home-2-slide h2 {
    font-size: 70px;
    margin-bottom: 10px
}

.home-2-slide p {
    margin-bottom: 45px
}

.home-2-slide .row {
    height: 100vh
}

.banner-2-woman {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.banner-2-woman.right {
    right: 15px
}

.banner-2-woman.left {
    left: 15px
}

.home-2-slide-2 img {
    bottom: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.home-3-banner {
    background: #000 url("../img/home-3-banner.jpg") no-repeat scroll center 170px/cover;
    height: 100vh;
    overflow: hidden
}

.home-3-content {
    position: relative;
    top: 80px
}

.home-4-banner {
    background: transparent url("../img/home-4-banner.jpg") no-repeat scroll center top/cover
}

.home-4-banner>.container .row {
    height: 100vh
}

.banner-h4-content {
    margin-left: 50px
}

.banner-h4-content h1 {
    color: #fff;
    font-family: "Lobster Two", serif;
    font-size: 144px;
    line-height: 120px
}

.banner-h4-content p {
    color: #fefeff;
    margin-top: 65px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px
}

.banner-h4-content .btn {
    margin-top: 46px
}

.feature-item {
    background-color: rgba(141,147,159,0.1);
    border-left: 3px solid #c9990c;
    padding: 50px 40px;
    position: relative;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.feature-item .f-icon {
    font-size: 36px;
    line-height: 1;
    margin-bottom: 37px
}

.feature-item:hover {
    color: #0a0a0a;
}

.feature-item:hover h6 {
    color: #fff
}

.about-article .tag {
    color: #ffc107;
    display: block;
    margin-bottom: 25px
}

.about-article h2 {
    font-size: 36px;
    margin-bottom: 26px
}

#about .watermark-title {
    bottom: 0;
    left: -230px
}

#our-services .watermark-title {
    bottom: 100px;
    right: -230px
}

.item-card figcaption {
    background-color: #fff;
    padding: 22px 30px 24px 26px;
    opacity: 1;
    backface-visibility: hidden;
    position: absolute;
    right: 40px;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    transform-origin: 0 0 0
}

.item-card .item-card-hover {
    padding: 30px;
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.item-card .btn {
    border: 0 none;
    border-radius: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    position: absolute;
    top: -1px;
    right: -1px
}

.item-card .popup-icon {
    color: #fff;
    font-size: 18px;
    height: 80px;
    padding: 0;
    width: 70px
}

.item-card:hover figcaption {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg)
}

.item-card:hover .item-card-hover {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

#testimonials {
    background-image: url("../img/testimonial-bg.jpg")
}

.testimonial-item .author svg {
    height: 30px;
    width: 20px
}

.testimonial-item blockquote {
    margin: 0
}

#our-trainers .watermark-title {
    bottom: 60px;
    left: -410px
}

.trainer-slider .slick-arrow {
    bottom: 0;
    height: 70px;
    position: absolute;
    top: auto;
    width: 50px;
    z-index: 10;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    transition: 0.3s ease 0s
}

.trainer-slider .slick-prev {
    left: -webkit-calc(50% - 35px);
    left: -moz-calc(50% - 35px);
    left: calc(50% - 35px)
}

.trainer-slider .slick-next {
    left: -webkit-calc(50% + 15px);
    left: -moz-calc(50% + 15px);
    left: calc(50% + 15px);
    bottom: 70px
}

.trainer-bio h3 {
    font-size: 36px
}

#our-pricing .watermark-title {
    bottom: 95px;
    right: -340px
}

.section-heading svg {
    height: 30px;
    width: 20px
}

.section-heading [class^="shape"] {
    background-color: #8d939f;
    width: 5px;
    height: 30px;
    display: inline-block;
    position: relative
}

.section-heading [class^="shape"]::before {
    content: "";
    background-color: #8d939f;
    width: 5px;
    height: 30px;
    position: absolute;
    top: 0;
    left: -7px
}

.section-heading [class^="shape"]::after {
    content: "";
    background-color: #8d939f;
    width: 5px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: -14px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.section-heading .shape2::before {
    left: auto;
    right: -7px
}

.section-heading .shape2::after {
    left: auto;
    right: -14px
}

.section-heading .text {
    margin-left: 15px;
    margin-right: 15px
}

.section-heading h2 {
    font-size: 60px
}

.item-card-pt .pt-tag {
    display: inline-block;
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 34px
}

.item-card-pt p {
    margin-bottom: 31px
}

.bmi-result {
    border: 1px solid rgba(255,255,255,0.25);
    margin-left: 15px;
    padding: 14px 29px 15px 30px;
    background-color: #ffffff;
}

.bmi-man {
    margin: 0;
    z-index: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    position: absolute;
    right: 0;
    bottom: -10px;
}

.bmi-man.light {
    bottom: -65px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.bmiman-home-3 {
    bottom: -95px
}

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

#bmi-calc-form input[type=number] {
    -moz-appearance: textfield
}

.blog-tags a {
    color: #8d939f;
    margin-right: 10px;
    position: relative
}

.blog-tags a::before {
    background-color: white;
    bottom: -11px;
    content: "";
    height: 0px;
    left: 0;
    outline: 0;
    position: absolute;
    visibility: hidden;
    width: 100%;
    -webkit-transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    transition: 0.3s ease 0s
}

.blog-tags a:hover {
    color: #fff
}

.blog-tags a:hover::before {
    bottom: -6px;
    opacity: 1;
    height: 2px;
    visibility: visible
}

.blog-caption h4 {
    margin-bottom: 16px
}

.page-header {
    background: transparent url("../img/page-header.png") no-repeat scroll center top/cover;
    padding: 228px 0 168px;
    position: relative
}

.page-header h1 {
    font-size: 48px
}

.bc-container {
    bottom: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, 50%);
    -moz-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    -o-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.bc-container svg {
    height: 60px;
    position: absolute;
    top: 0;
    width: 45px
}

.bc-container .bc-left {
    left: -17px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.bc-container .bc-right {
    right: -17px;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%)
}

.breadcrumb-nav {
    padding: 18px 23px
}

.breadcrumb-nav::before {
    background-color: #fa004a;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transform: skewX(-18deg);
    -moz-transform: skewX(-18deg);
    -ms-transform: skewX(-18deg);
    -o-transform: skewX(-18deg);
    transform: skewX(-18deg)
}

.breadcrumb-nav li {
    margin-right: 8px;
    padding-right: 12px;
    position: relative
}

.breadcrumb-nav li::after {
    color: #fff;
    content: "|";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.breadcrumb-nav li:last-child {
    margin-right: 0;
    padding-right: 0
}

.breadcrumb-nav li:last-child::after {
    content: none
}

.breadcrumb-nav li a {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase
}

.contact-info>span {
    background-color: rgba(141,147,159,0.1);
    height: 60px;
    width: 60px;
    position: relative;
    z-index: 1
}

.contact-info>span::after {
    content: "";
    width: 0;
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    transition: 0.3s ease 0s
}

.contact-info:hover span::after {
    width: 100%
}

#contact-map {
    margin-top: 85px;
    height: 500px
}

.table-class-schedule thead th {
    padding: 20px
}

.table-class-schedule tbody td {
    padding: 30px 22px;
    vertical-align: middle
}

.class-schedule-hover {
    position: relative;
    text-align: center;
    z-index: 0
}

.class-schedule-hover::before {
    content: "";
    width: 0;
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s
}

.class-schedule-hover:hover {
    color: #fff
}

.class-schedule-hover:hover::before {
    width: 100%
}

.error-404 .row {
    height: 100vh
}

.error-404 .watermark-title {
    bottom: -120px;
    right: 0
}

.error-message-404 h2 {
    font-size: 60px
}

.watermark-title {
    font-family: "Mitr",sans-serif;
    font-size: 500px;
    font-weight: 700;
    line-height: 0.95;
    overflow: hidden;
    position: absolute;
    text-transform: uppercase;
    z-index: -1;
    background: linear-gradient(90deg, #ffc10759, rgba(141,147,159,0.09), #ffc10730);
    background-repeat: no-repeat;
    background-size: 80%;
    animation: animate 5s linear infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0)
}

@keyframes animate {
    0% {
        background-position: -500%
    }

    100% {
        background-position: 500%
    }
}

.blog-post {
    border-bottom: 1px solid rgba(141,147,159,0.25);
    padding-bottom: 11px
}

.blog-post .gradient-border {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.blog-post figcaption {
    background-color: #fff;
    opacity: 0;
    padding: 30px;
    width: 60%;
    position: absolute;
    bottom: 0;
    left: 0
}

.blog-post .tags a {
    color: #fff;
    background-color: #c6c9cf;
    display: inline-block;
    margin-right: 2px;
    padding: 7px 15px;
    position: relative;
    z-index: 0
}

.blog-post .tags a::before {
    content: '';
    opacity: 0;
    z-index: -1;
    -webkit-transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    transition: 0.3s ease 0s;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.blog-post .tags a:last-child {
    margin-right: 0
}

.blog-post .tags a:hover::before {
    opacity: 1
}

.blog-post .post-meta li a {
    color: #8d939f;
    font-size: 12px;
    margin-right: 15px;
    position: relative
}

.blog-post .post-meta li a::before {
    background-color: #030409;
    content: '';
    width: 100%;
    height: 2px;
    opacity: 0;
    -webkit-transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    transition: 0.3s ease 0s;
    position: absolute;
    bottom: -10px;
    left: 0
}

.blog-post .post-meta li a:hover {
    color: #030409
}

.blog-post .post-meta li a:hover::before {
    bottom: -5px;
    opacity: 1
}

.blog-post .post-meta li:last-child a {
    margin-right: 0
}

.blog-post .excerpt {
    position: relative;
    padding-right: 55px
}

.blog-post .excerpt h4 {
    margin-bottom: 17px
}

.blog-post blockquote {
    padding: 30px 30px 30px 53px;
    position: relative
}

.blog-post blockquote::before {
    background-color: #ffc107;
    bottom: 30px;
    content: "";
    left: 30px;
    position: absolute;
    top: 30px;
    width: 3px
}

.blog-post:hover figcaption {
    opacity: 1
}

.blog-post:hover .gradient-border {
    opacity: 1;
    visibility: visible
}

.read-more {
    color: #fff;
    width: 50px;
    height: 50px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.read-more:hover {
    color: #fff
}

.read-more.right {
    position: absolute;
    right: 0;
    top: -10px
}

.social-icons .social-share {
    margin-right: 20px
}

.social-icons li a {
    color: rgba(141,147,159,0.25);
    margin-right: 20px
}

.social-icons li a:hover {
    color: #ffc107
}

.social-icons li:last-child a {
    margin-right: 0
}

.article-author h5 {
    margin-bottom: 16px;
    margin-top: -4px
}

.widget-title {
    padding: 15px 20px 16px 30px;
    position: relative
}

.widget-title::before,.widget-title::after {
    background-color: #8d939f;
    content: '';
    z-index: -1;
    height: 100%;
    width: 50%;
    position: absolute;
    top: 0;
    left: 0
}

.widget-title::after {
    left: 166px;
    transform: skewX(-18deg);
    width: 30px;
    z-index: -2
}

.widget-title svg {
    height: 50px;
    position: absolute;
    top: 0;
    width: 50px;
    left: -webkit-calc(50% + 15px);
    left: -moz-calc(50% + 15px);
    left: calc(50% + 15px)
}

.search-widget span {
    border-bottom: 2px solid rgba(255,255,255,0.25);
    color: #fff;
    height: 45px;
    width: 45px
}

.widget-post {
    margin-bottom: 20px
}

.widget-post:last-child {
    margin-bottom: 0
}

.widget-post .wp-summery {
    margin-top: -5px
}

.widget-ad {
    padding: 25px;
    position: relative
}

.widget-ad .gradient-border {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.widget-ad .ad-container {
    background-color: #111318;
    height: 250px;
    width: 300px
}

.widget-ad:hover .gradient-border {
    opacity: 1;
    visibility: visible
}

.archive-year>li {
    margin-bottom: 22px
}

.archive-year>li>a {
    color: #fff;
    font-weight: 700
}

.archive-list-child li {
    margin-top: 10px;
    position: relative
}

.archive-list-child li::before {
    content: "";
    display: inline-block;
    height: 3px;
    margin-right: 0px;
    position: relative;
    top: -3px;
    width: 0;
    -webkit-transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    transition: 0.3s ease 0s
}

.archive-list-child li:hover::before {
    margin-right: 10px;
    width: 30px
}

.archive-list-child li:hover a {
    color: #fff
}

.archive-list-child li a {
    color: #8d939f
}

.newsletter-form-widget .ti-email {
    border-bottom: 2px solid rgba(255,255,255,0.25);
    color: #fff;
    min-width: 45px
}

.newsletter-form-widget .form-control {
    height: 45px
}

.newsletter-form-widget .btn-form-submit-arrow {
    min-width: 45px
}

.newsletter-form-widget .material-input.active label {
    bottom: 38px;
    left: -7px;
    transform: scale(0.9)
}

.pagination li a {
    border-right: 1px solid rgba(141,147,159,0.2);
    color: #8d939f;
    padding: 6px 15px
}

.pagination li a:hover {
    color: #ffc107
}

.pagination li.active {
    color: #ffc107
}

.pagination li:last-child a {
    border-right: 0
}

#comments-container {
    background-color: rgba(141,147,159,0.1);
    padding: 60px 30px 50px
}

.comment-author {
    border-bottom: 1px solid rgba(141,147,159,0.15);
    margin-bottom: 30px
}

.comment-author:last-child {
    margin-bottom: 0
}

.comment-heading {
    margin-top: -5px
}

.footer-top-shape svg {
    display: block
}

.footer-top-shape img[src*=".svg"] {
    display: none
}

.site-footer {
    background-color: #ecebd9;
}

.footer-nav li a {
    color: #8d939f;
    font-size: 15px;
    padding: 0 22px;
    position: relative
}

.footer-nav li a::before {
    background-color: #ffc107;
    bottom: -14px;
    content: "";
    height: 2px;
    left: 22px;
    position: absolute;
    right: 22px;
    opacity: 0;
    -webkit-transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    transition: 0.3s ease 0s
}

.footer-nav li a:hover {
    color: #000;
}

.footer-nav li a:hover::before {
    bottom: -4px;
    opacity: 1
}

@media (max-width: 767.98px) {
    .top-full {
        padding-top:75px
    }

    .bottom-full {
        padding-bottom: 75px
    }

    .top-half {
        padding-top: 50px
    }

    .bottom-half {
        padding-bottom: 50px
    }

    .col-length-3:nth-last-child(-n+2),.col-length-6:nth-last-child(-n+5) {
        margin-top: 30px
    }

    .header-top {
        display: block !important;
        padding-left: 15px;
        padding-right: 15px
    }

    .topbar-right {
        margin-top: 3px
    }

    .topbar-nav li+li {
        margin-left: 25px
    }

    .header-main {
        padding: 11px 0
    }

    .navbar-brand {
        left: 15px
    }

    .navbar-collapse {
        padding: 0 15px 15px
    }

    .navbar-nav {
        max-height: 300px;
        overflow: auto;
        padding-top: 15px
    }

    .navbar-nav>li>a {
        padding: 10px 0
    }

    .navbar-nav>li>a::before {
        left: 0
    }

    .navbar-nav .submenu {
        border-left: 2px solid #ffc107;
        border-top: 0 none;
        display: none;
        padding: 10px 10px 10px 15px;
        position: relative;
        -webkit-transition: all 0s ease 0s;
        -moz-transition: all 0s ease 0s;
        -o-transition: all 0s ease 0s;
        transition: all 0s ease 0s;
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1)
    }

    .navbar-nav .submenu>li>a {
        margin-bottom: 15px
    }

    .navbar-toggler:focus {
        outline: 0
    }

    .header-sticky .navbar-nav>li>a {
        padding: 10px 0
    }

    .main-banner-2 .row {
        height: 80vh;
        padding-top: 40px
    }

    .main-banner-2 h2 {
        font-size: 45px
    }

    .page-header {
        padding: 150px 0 120px
    }

    .page-header h1 {
        font-size: 28px
    }

    .blog-post figcaption {
        padding: 15px;
        width: 100%
    }

    #widget-area {
        margin-top: 100px
    }

    #contact-form {
        margin-top: 50px
    }

    .watermark-title {
        display: none
    }

    .video-button {
        position: static;
        margin: 40px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .video-button .play-icon {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .post-nav {
        margin-top: 20px;
        text-align: left !important
    }

    .comments-type {
        display: flex;
        flex-direction: column
    }

    .comment-heading {
        display: block
    }

    .comment-heading span {
        display: block;
        margin-left: 0;
        margin-top: 6px
    }

    .comment-author-bio .title-font {
        text-align: left !important
    }
}

@media (max-width: 575.98px) {
    .buttons-group .btn-bottom-border {
        padding:16px 20px 18px
    }

    .banner-content {
        height: 380px
    }

    .banner-content h3 {
        font-size: 25px
    }

    .banner-content p {
        font-size: 10px
    }

    .banner-content .caption1 {
        left: calc(50% - 52px);
        top: 245px
    }

    .banner-content .caption1 p {
        margin: 9px 0 0 -10px;
        text-align: left
    }

    .banner-content .caption2 {
        right: calc(50% - 25px);
        top: calc(50% + 80px)
    }

    .banner-content .caption2 p {
        bottom: 13px;
        right: -62px;
        top: -5px
    }

    .banner-h4-content {
        margin-left: 15px
    }

    .banner-h4-content h1 {
        font-size: 80px;
        line-height: 1
    }

    .banner-h4-content p {
        margin-top: 45px
    }

    .banner-h4-content .btn {
        margin-top: 35px
    }

    .section-heading h2 {
        font-size: 28px
    }

    .trainer-bio>.col-12:last-child,.col-length-4:nth-last-child(-n+2),.col-length-3:last-child,.col-length-2:last-child {
        margin-top: 30px
    }

    .footer-nav li a {
        padding: 0 5px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .col-length-3:last-child,.col-length-6:nth-last-child(-n+4) {
        margin-top:30px
    }

    .col-length-4:nth-child(2),.col-length-4:nth-child(3) {
        margin-bottom: 30px
    }

    .site-header {
        padding: 20px 0
    }

    .primary-nav {
        padding-bottom: 10px
    }

    .navbar-nav {
        max-height: 300px;
        overflow: auto
    }

    .navbar-nav>li>a {
        padding: 10px 0
    }

    .navbar-nav>li>a::before {
        left: 0
    }

    .navbar-nav .submenu {
        border-left: 2px solid #ffc107;
        border-top: 0 none;
        display: none;
        padding: 10px 10px 10px 15px;
        position: relative;
        -webkit-transition: all 0s ease 0s;
        -moz-transition: all 0s ease 0s;
        -o-transition: all 0s ease 0s;
        transition: all 0s ease 0s;
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1)
    }

    .navbar-nav .submenu>li>a {
        margin-bottom: 15px
    }

    .header-sticky .navbar-nav>li>a {
        padding: 10px 0
    }

    .banner-content {
        height: 42vh
    }

    .banner-content h3 {
        font-size: 60px
    }

    .banner-content .caption1 {
        left: -webkit-calc(50% - 110px);
        left: -moz-calc(50% - 110px);
        left: calc(50% - 110px);
        top: -webkit-calc(50% + 40px);
        top: -moz-calc(50% + 40px);
        top: calc(50% + 40px)
    }

    .banner-content .caption2 {
        right: -webkit-calc(50% - 115px);
        right: -moz-calc(50% - 115px);
        right: calc(50% - 115px);
        top: -webkit-calc(50% + 89px);
        top: -moz-calc(50% + 89px);
        top: calc(50% + 89px)
    }

    .video-button {
        display: none
    }

    .main-banner-2 .row {
        height: 80vh;
        padding-top: 40px
    }

    .trainer-slider .slick-arrow {
        bottom: 0;
        height: 50px
    }

    .trainer-slider .slick-prev {
        left: auto;
        right: 65px
    }

    .trainer-slider .slick-next {
        left: auto;
        right: 0
    }

    .trainer-bio .buttons-group {
        margin-top: 50px
    }

    .trainer-bio .btn-bottom-border {
        padding: 8px 20px 10px
    }

    #bmi-calc-form {
        margin-top: 50px
    }

    .bmi-man {
        bottom: -90px
    }

    .blog-post figcaption {
        width: 70%
    }

    .blog-image img {
        width: 100%
    }

    #widget-area {
        margin-top: 100px
    }

    .widget-title::after {
        left: 330px
    }

    .watermark-title {
        font-size: 200px
    }

    #about .watermark-title {
        left: -80px
    }

    #our-services .watermark-title {
        right: -80px
    }

    #our-trainers .watermark-title {
        left: -180px
    }

    #our-pricing .watermark-title {
        right: -140px
    }

    .site-footer {
        padding-bottom: 60px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .header-top {
        padding-top:0;
        padding-bottom: 11px
    }

    .header-main {
        padding-top: 20px
    }

    .navbar-nav {
        padding-top: 15px
    }

    .navbar-toggler:focus {
        outline: 0
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .section-arrow {
        padding:140px 0 190px
    }

    .banner-content h3 {
        font-size: 80px
    }

    .banner-content .caption1 {
        left: -webkit-calc(50% - 145px);
        left: -moz-calc(50% - 145px);
        left: calc(50% - 145px);
        top: -webkit-calc(50% + 35px);
        top: -moz-calc(50% + 35px);
        top: calc(50% + 35px)
    }

    .banner-content .caption2 {
        right: -webkit-calc(50% - 150px);
        right: -moz-calc(50% - 150px);
        right: calc(50% - 150px);
        top: -webkit-calc(50% + 100px);
        top: -moz-calc(50% + 100px);
        top: calc(50% + 100px)
    }

    #fire-flame canvas {
        margin-top: 0
    }

    .video-button.right {
        right: -70px
    }

    .main-banner-2 .video-button {
        display: none
    }

    .home-2-slide-2 .banner-2-content {
        margin-bottom: 70px
    }

    .home-2-slide-2 h2 {
        font-size: 58px
    }

    .home-2-slide-3 .banner-2-woman.left {
        max-width: 45%
    }

    .trainer-bio .btn-bttom-border {
        padding: 13px 35px 15px
    }

    .watermark-title {
        font-size: 200px
    }

    #about .watermark-title {
        left: -80px
    }

    #our-services .watermark-title {
        right: -80px
    }

    #our-trainers .watermark-title {
        left: -180px
    }

    #our-pricing .watermark-title {
        right: -140px
    }

    .widget-title {
        padding-left: 20px
    }

    .widget-title::after {
        left: 137px
    }
}

@media (min-width: 1200px) {
    .col-length-6:nth-last-child(-n+3) {
        margin-top:30px
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {
    .home-3-banner {
        background-position-y:220px;
        height: 80vh
    }

    .banner-h4-content h1 {
        font-size: 130px;
        line-height: 110px
    }
}

@media (min-width: 1201px) and (max-width: 1599.98px) {
    .watermark-title {
        font-size:300px
    }

    #about .watermark-title {
        left: -130px
    }

    #our-services .watermark-title {
        right: -135px
    }

    #our-trainers .watermark-title {
        left: -240px
    }

    #our-pricing .watermark-title {
        right: -210px
    }
}

@media (max-width: 414px) {
    .btn {
        padding:13px 45px 15px
    }

    .section-full {
        padding: 100px 0
    }

    .navbar-brand img {
        max-width: 80%
    }

    .banner-content {
        align-items: center;
        display: flex;
        height: 100vh;
        justify-content: center
    }

    .banner-content .man-desktop,.banner-content [class^="caption"] {
        display: none
    }

    .banner-content .caption-mobile {
        display: block;
        z-index: 10;
        position: relative
    }

    .banner-content h3 {
        font-size: 32px
    }

    .banner-content p {
        font-size: 16px
    }

    #fire-flame canvas {
        margin-top: 0
    }

    .video-button {
        display: none
    }

    .banner-h4-content h1 {
        font-size: 60px;
        line-height: 1.2;
        margin-top: 40px;
        margin-bottom: 0
    }

    .banner-h4-content p {
        margin-top: 25px
    }

    .section-heading .gradient-text,.section-heading .btn-bottom-border {
        display: none
    }

    .section-arrow {
        padding: 100px 0 80px
    }

    .trainer-slider {
        padding-bottom: 80px
    }

    .trainer-slider .slick-arrow {
        bottom: 0;
        height: 55px
    }

    .trainer-slider .slick-next {
        margin-right: 10px
    }

    .trainer-slider .slick-next {
        margin-left: 10px;
        margin-right: 0
    }

    .trainer-bio h3 {
        font-size: 22px
    }

    .service-item img {
        width: 100%
    }

    #bmi-calc-form button {
        margin-bottom: 30px;
        padding: 14px 20px 13px;
        width: 100%
    }

    #bmi-calc-form span.text-white {
        align-items: center;
        display: flex;
        justify-content: space-between
    }

    #bmi-calc-form .bmi-result {
        padding: 8px 29px 11px 30px
    }

    #bmi-calc-form .flex {
        display: block
    }

    .bmi-man {
        bottom: -70px
    }

    .item-card-blog figcaption {
        position: relative
    }

    .item-card-blog .blog-tags {
        display: block
    }

    .footer-top-shape {
        margin-bottom: 40px
    }

    .footer-nav {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .error-404 {
        padding: 100px 0
    }

    .error-404 .row {
        height: auto
    }

    .error-message-404 img {
        max-width: 100%
    }
}

@media (max-width: 480px) and (orientation: landscape) {
    .btn {
        padding:13px 45px 15px
    }

    .section-arrow {
        padding: 120px 0 130px
    }

    .navbar-nav {
        max-height: 210px
    }

    .banner-content {
        align-items: center;
        display: flex;
        height: 100vh;
        justify-content: center
    }

    .banner-content .man-desktop,.banner-content [class^="caption"] {
        display: none
    }

    .banner-content .caption-mobile {
        display: block;
        z-index: 10;
        position: relative
    }

    .banner-content h3 {
        font-size: 32px
    }

    .banner-content p {
        font-size: 16px
    }

    #fire-flame canvas {
        margin-top: 0
    }

    .video-button {
        display: none
    }

    .main-banner-2 .row {
        height: 100vh
    }

    .home-2-slide-1 .banner-tag,.home-2-slide-3 .banner-tag {
        display: none
    }

    .home-2-slide-1 h2,.home-2-slide-3 h2 {
        font-size: 28px
    }

    .home-2-slide-1 p,.home-2-slide-3 p {
        margin-bottom: 15px
    }

    .home-2-slide-2 .banner-2-content {
        max-width: 305px
    }

    .home-2-slide-2 .banner-2-content h2 {
        font-size: 40px
    }

    .section-heading .gradient-text,.section-heading .btn-bottom-border {
        display: none
    }

    .trainer-slider {
        padding-bottom: 80px
    }

    .trainer-slider .slick-arrow {
        bottom: 0;
        height: 55px
    }

    .trainer-slider .slick-next {
        margin-right: 10px
    }

    .trainer-slider .slick-next {
        margin-left: 10px;
        margin-right: 0
    }

    .footer-logo {
        margin-top: 40px
    }

    .bmi-man {
        bottom: -125px
    }

    .service-item img {
        width: 100%
    }

    .widget-title::after {
        left: 216px
    }

    .error-404 {
        padding: 100px 0
    }

    .error-404 .row {
        height: auto
    }

    .error-message-404 img {
        max-width: 100%
    }
}

/*Addon*/
.header-sticky .topbar-nav li a {
    color: #000000;
}