@font-face {
    font-family: "Montserrat-Bold";
    src: url(../fonts/Montserrat-Bold.woff) format("woff"),
        url(../fonts/Montserrat-Bold.woff2) format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Montserrat-Medium";
    src: url(/assets/fonts/Montserrat-Medium.woff) format("woff"),
        url(/assets/fonts/Montserrat-Medium.woff2) format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

.text-gray-100,
.text-hover-gray-100:hover {
    color: #f8f9fa !important
}

.text-gray-200,
.text-hover-gray-200:hover {
    color: #e9ecef !important
}

.text-gray-300,
.text-hover-gray-300:hover {
    color: #dee2e6 !important
}

.text-gray-400,
.text-hover-gray-400:hover {
    color: #ced4da !important
}

.text-gray-500,
.text-hover-gray-500:hover {
    color: #adb5bd !important
}

.text-gray-600,
.text-hover-gray-600:hover {
    color: #707070 !important
}

.text-gray-700,
.text-hover-gray-700:hover {
    color: #453f38 !important
}

.text-gray-800,
.text-hover-gray-800:hover {
    color: #363636 !important
}

.text-gray-900,
.text-hover-gray-900:hover {
    color: #212529 !important
}

.text-brown,
.text-hover-brown:hover {
    color: #360707 !important
}

.text-blue,
.text-hover-blue:hover {
    color: #121a5a !important
}

.text-hover-indigo:hover,
.text-indigo {
    color: #6610f2 !important
}

.text-hover-purple:hover,
.text-purple {
    color: #6f42c1 !important
}

.text-hover-pink:hover,
.text-pink {
    color: #e83e8c !important
}

.text-hover-red:hover,
.text-red {
    color: #dc3545 !important
}

.text-dark-red,
.text-hover-dark-red:hover {
    color: #360707 !important
}

.text-hover-orange:hover,
.text-orange {
    color: #f79033 !important
}

.text-hover-yellow:hover,
.text-131313 {
    color: #a1724a !important
}

.text-green,
.text-hover-green:hover {
    color: #4e501e !important
}

.text-teal {
    font-size: 30px;
}

.text-hover-teal:hover,
.text-teal {
    color: #274425 !important
}

.text-cyan,
.text-hover-cyan:hover {
    color: #17a2b8 !important
}

.text-hover-white:hover,
.text-white {
    color: #fff !important
}

.text-gray,
.text-hover-gray:hover {
    color: #707070 !important
}

.text-gray-dark,
.text-hover-gray-dark:hover {
    color: #363636 !important
}

.text-black,
.text-hover-black:hover {
    color: #000 !important
}

body .h4 {
    letter-spacing: -.92px
}

body .h5 {
    letter-spacing: -.64296px;
    line-height: 44px
}

body .h6 {
    letter-spacing: -.46px
}

.font-weight-semibold {
    font-weight: 600 !important
}

@media screen and (max-width: 1399px) {
    body .h1 {
        font-size: 84px;
        line-height: 92px
    }

    body .h2 {
        font-size: 50px;
        line-height: 58px
    }

    body .h3 {
        font-size: 44px;
        line-height: 48px
    }

    body .h4 {
        letter-spacing: -.644px;
        font-size: 26px;
        line-height: 32px
    }

    body .h5 {
        letter-spacing: -.25004px;
        font-size: 22px;
        line-height: 26px
    }

    body .h6 {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: -.368px
    }

}

@media screen and (max-width: 991px) {
    body .h1 {
        font-size: 60px;
        line-height: 71px
    }

    body .h2,
    body .h3 {
        font-size: 30px;
        line-height: 36px
    }

    body .h4 {
        letter-spacing: -.644px;
        font-size: 28px;
        line-height: 32px
    }

    body .h5 {
        letter-spacing: -.25004px;
        font-size: 14px;
        line-height: 22px
    }

    body .h6 {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: -.368px
    }

}

[data-animate=fade-in] {
    position: relative;
    opacity: 0;
    transition-property: top, left, bottom, right, opacity;
    transition-duration: .4s;
    transition-timing-function: ease-out
}

[data-animate=fade-in][data-animate-way=bottom-top] {
    top: 60px
}

[data-animate=fade-in][data-animate-way=top-bottom] {
    bottom: 60px
}

[data-animate=fade-in][data-animate-way=left-right] {
    right: 60px
}

[data-animate=fade-in][data-animate-way=right-left] {
    left: 60px
}

[data-animate=fade-in][data-animated=true] {
    opacity: 1
}

[data-animate=fade-in][data-animated=true][data-animate-way=bottom-top] {
    top: 0
}

[data-animate=fade-in][data-animated=true][data-animate-way=top-bottom] {
    bottom: 0
}

[data-animate=fade-in][data-animated=true][data-animate-way=left-right] {
    right: 0
}

[data-animate=fade-in][data-animated=true][data-animate-way=right-left] {
    left: 0
}

[data-animate-delay="1"] {
    transition-delay: .1s
}

[data-animate-delay="2"] {
    transition-delay: .2s
}

[data-animate-delay="3"] {
    transition-delay: .3s
}

[data-animate-delay="4"] {
    transition-delay: .4s
}

[data-animate-delay="5"] {
    transition-delay: .5s
}

[data-animate-delay="6"] {
    transition-delay: .6s
}

[data-animate-delay="7"] {
    transition-delay: .7s
}

[data-animate-delay="8"] {
    transition-delay: .8s
}

[data-animate-delay="9"] {
    transition-delay: .9s
}

[data-animate-delay="10"] {
    transition-delay: 1s
}

[data-animate-delay="11"] {
    transition-delay: 1.1s
}

[data-animate-delay="12"] {
    transition-delay: 1.2s
}

[data-animate-delay="13"] {
    transition-delay: 1.3s
}

[data-animate-delay="14"] {
    transition-delay: 1.4s
}

[data-animate-delay="15"] {
    transition-delay: 1.5s
}

[data-animate-delay="16"] {
    transition-delay: 1.6s
}

[data-animate-delay="17"] {
    transition-delay: 1.7s
}

[data-animate-delay="18"] {
    transition-delay: 1.8s
}

[data-animate-delay="19"] {
    transition-delay: 1.9s
}

.animate-children,
.animate-children[data-animated=true]>* {
    opacity: 1
}

.animate-children[data-animated=true].animate-children--bottom-top>* {
    top: 0
}

.animate-children[data-animated=true].animate-children--top-bottom>* {
    bottom: 0
}

.animate-children[data-animated=true].animate-children--left-right>* {
    right: 0
}

.animate-children[data-animated=true].animate-children--right-left>* {
    left: 0
}

.animate-children.animate-children--bottom-top>* {
    top: 60px
}

.animate-children.animate-children--top-bottom>* {
    bottom: 60px
}

.animate-children.animate-children--left-right>* {
    right: 60px
}

.animate-children.animate-children--right-left>* {
    left: 60px
}

.animate-children>* {
    position: relative;
    opacity: 0;
    transition-property: top, left, bottom, right, opacity;
    transition-duration: .4s;
    transition-timing-function: ease-out
}

.animate-children> :first-child {
    transition-delay: .1s
}

.animate-children> :nth-child(2) {
    transition-delay: .2s
}

.animate-children> :nth-child(3) {
    transition-delay: .3s
}

.animate-children> :nth-child(4) {
    transition-delay: .4s
}

.animate-children> :nth-child(5) {
    transition-delay: .5s
}

.animate-children> :nth-child(6) {
    transition-delay: .6s
}

.animate-children> :nth-child(7) {
    transition-delay: .7s
}

.animate-children> :nth-child(8) {
    transition-delay: .8s
}

.animate-children> :nth-child(9) {
    transition-delay: .9s
}

.animate-children> :nth-child(10) {
    transition-delay: 1s
}

.animate-children> :nth-child(11) {
    transition-delay: 1.1s
}

.animate-children> :nth-child(12) {
    transition-delay: 1.2s
}

.animate-children> :nth-child(13) {
    transition-delay: 1.3s
}

.animate-children> :nth-child(14) {
    transition-delay: 1.4s
}

.animate-children> :nth-child(15) {
    transition-delay: 1.5s
}

.animate-children> :nth-child(16) {
    transition-delay: 1.6s
}

.animate-children> :nth-child(17) {
    transition-delay: 1.7s
}

.animate-children> :nth-child(18) {
    transition-delay: 1.8s
}

.animate-children> :nth-child(19) {
    transition-delay: 1.9s
}

.animate-children> :nth-child(20) {
    transition-delay: 2s
}

.animate-children[data-animate-delay="1"]>* {
    transition-delay: .1s
}

.animate-children[data-animate-delay="1"]> :first-child {
    transition-delay: .2s
}

.animate-children[data-animate-delay="1"]> :nth-child(2) {
    transition-delay: .3s
}

.animate-children[data-animate-delay="1"]> :nth-child(3) {
    transition-delay: .4s
}

.animate-children[data-animate-delay="1"]> :nth-child(4) {
    transition-delay: .5s
}

.animate-children[data-animate-delay="1"]> :nth-child(5) {
    transition-delay: .6s
}

.animate-children[data-animate-delay="1"]> :nth-child(6) {
    transition-delay: .7s
}

.animate-children[data-animate-delay="1"]> :nth-child(7) {
    transition-delay: .8s
}

.animate-children[data-animate-delay="1"]> :nth-child(8) {
    transition-delay: .9s
}

.animate-children[data-animate-delay="1"]> :nth-child(9) {
    transition-delay: 1s
}

.animate-children[data-animate-delay="1"]> :nth-child(10) {
    transition-delay: 1.1s
}

.animate-children[data-animate-delay="2"]>* {
    transition-delay: .2s
}

.animate-children[data-animate-delay="2"]> :first-child {
    transition-delay: .3s
}

.animate-children[data-animate-delay="2"]> :nth-child(2) {
    transition-delay: .4s
}

.animate-children[data-animate-delay="2"]> :nth-child(3) {
    transition-delay: .5s
}

.animate-children[data-animate-delay="2"]> :nth-child(4) {
    transition-delay: .6s
}

.animate-children[data-animate-delay="2"]> :nth-child(5) {
    transition-delay: .7s
}

.animate-children[data-animate-delay="2"]> :nth-child(6) {
    transition-delay: .8s
}

.animate-children[data-animate-delay="2"]> :nth-child(7) {
    transition-delay: .9s
}

.animate-children[data-animate-delay="2"]> :nth-child(8) {
    transition-delay: 1s
}

.animate-children[data-animate-delay="2"]> :nth-child(9) {
    transition-delay: 1.1s
}

.animate-children[data-animate-delay="2"]> :nth-child(10) {
    transition-delay: 1.2s
}

.animate-children[data-animate-delay="3"]>* {
    transition-delay: .3s
}

.animate-children[data-animate-delay="3"]> :first-child {
    transition-delay: .4s
}

.animate-children[data-animate-delay="3"]> :nth-child(2) {
    transition-delay: .5s
}

.animate-children[data-animate-delay="3"]> :nth-child(3) {
    transition-delay: .6s
}

.animate-children[data-animate-delay="3"]> :nth-child(4) {
    transition-delay: .7s
}

.animate-children[data-animate-delay="3"]> :nth-child(5) {
    transition-delay: .8s
}

.animate-children[data-animate-delay="3"]> :nth-child(6) {
    transition-delay: .9s
}

.animate-children[data-animate-delay="3"]> :nth-child(7) {
    transition-delay: 1s
}

.animate-children[data-animate-delay="3"]> :nth-child(8) {
    transition-delay: 1.1s
}

.animate-children[data-animate-delay="3"]> :nth-child(9) {
    transition-delay: 1.2s
}

.animate-children[data-animate-delay="3"]> :nth-child(10) {
    transition-delay: 1.3s
}

.animate-children[data-animate-delay="4"]>* {
    transition-delay: .4s
}

.animate-children[data-animate-delay="4"]> :first-child {
    transition-delay: .5s
}

.animate-children[data-animate-delay="4"]> :nth-child(2) {
    transition-delay: .6s
}

.animate-children[data-animate-delay="4"]> :nth-child(3) {
    transition-delay: .7s
}

.animate-children[data-animate-delay="4"]> :nth-child(4) {
    transition-delay: .8s
}

.animate-children[data-animate-delay="4"]> :nth-child(5) {
    transition-delay: .9s
}

.animate-children[data-animate-delay="4"]> :nth-child(6) {
    transition-delay: 1s
}

.animate-children[data-animate-delay="4"]> :nth-child(7) {
    transition-delay: 1.1s
}

.animate-children[data-animate-delay="4"]> :nth-child(8) {
    transition-delay: 1.2s
}

.animate-children[data-animate-delay="4"]> :nth-child(9) {
    transition-delay: 1.3s
}

.animate-children[data-animate-delay="4"]> :nth-child(10) {
    transition-delay: 1.4s
}

.animate-children[data-animate-delay="5"]>* {
    transition-delay: .5s
}

.animate-children[data-animate-delay="5"]> :first-child {
    transition-delay: .6s
}

.animate-children[data-animate-delay="5"]> :nth-child(2) {
    transition-delay: .7s
}

.animate-children[data-animate-delay="5"]> :nth-child(3) {
    transition-delay: .8s
}

.animate-children[data-animate-delay="5"]> :nth-child(4) {
    transition-delay: .9s
}

.animate-children[data-animate-delay="5"]> :nth-child(5) {
    transition-delay: 1s
}

.animate-children[data-animate-delay="5"]> :nth-child(6) {
    transition-delay: 1.1s
}

.animate-children[data-animate-delay="5"]> :nth-child(7) {
    transition-delay: 1.2s
}

.animate-children[data-animate-delay="5"]> :nth-child(8) {
    transition-delay: 1.3s
}

.animate-children[data-animate-delay="5"]> :nth-child(9) {
    transition-delay: 1.4s
}

.animate-children[data-animate-delay="5"]> :nth-child(10) {
    transition-delay: 1.5s
}

.animate-children[data-animate-delay="6"]>* {
    transition-delay: .6s
}

.animate-children[data-animate-delay="6"]> :first-child {
    transition-delay: .7s
}

.animate-children[data-animate-delay="6"]> :nth-child(2) {
    transition-delay: .8s
}

.animate-children[data-animate-delay="6"]> :nth-child(3) {
    transition-delay: .9s
}

.animate-children[data-animate-delay="6"]> :nth-child(4) {
    transition-delay: 1s
}

.animate-children[data-animate-delay="6"]> :nth-child(5) {
    transition-delay: 1.1s
}

.animate-children[data-animate-delay="6"]> :nth-child(6) {
    transition-delay: 1.2s
}

.animate-children[data-animate-delay="6"]> :nth-child(7) {
    transition-delay: 1.3s
}

.animate-children[data-animate-delay="6"]> :nth-child(8) {
    transition-delay: 1.4s
}

.animate-children[data-animate-delay="6"]> :nth-child(9) {
    transition-delay: 1.5s
}

.animate-children[data-animate-delay="6"]> :nth-child(10) {
    transition-delay: 1.6s
}

.animate-children[data-animate-delay="7"]>* {
    transition-delay: .7s
}

.animate-children[data-animate-delay="7"]> :first-child {
    transition-delay: .8s
}

.animate-children[data-animate-delay="7"]> :nth-child(2) {
    transition-delay: .9s
}

.animate-children[data-animate-delay="7"]> :nth-child(3) {
    transition-delay: 1s
}

.animate-children[data-animate-delay="7"]> :nth-child(4) {
    transition-delay: 1.1s
}

.animate-children[data-animate-delay="7"]> :nth-child(5) {
    transition-delay: 1.2s
}

.animate-children[data-animate-delay="7"]> :nth-child(6) {
    transition-delay: 1.3s
}

.animate-children[data-animate-delay="7"]> :nth-child(7) {
    transition-delay: 1.4s
}

.animate-children[data-animate-delay="7"]> :nth-child(8) {
    transition-delay: 1.5s
}

.animate-children[data-animate-delay="7"]> :nth-child(9) {
    transition-delay: 1.6s
}

.animate-children[data-animate-delay="7"]> :nth-child(10) {
    transition-delay: 1.7s
}

.animate-children[data-animate-delay="8"]>* {
    transition-delay: .8s
}

.animate-children[data-animate-delay="8"]> :first-child {
    transition-delay: .9s
}

.animate-children[data-animate-delay="8"]> :nth-child(2) {
    transition-delay: 1s
}

.animate-children[data-animate-delay="8"]> :nth-child(3) {
    transition-delay: 1.1s
}

.animate-children[data-animate-delay="8"]> :nth-child(4) {
    transition-delay: 1.2s
}

.animate-children[data-animate-delay="8"]> :nth-child(5) {
    transition-delay: 1.3s
}

.animate-children[data-animate-delay="8"]> :nth-child(6) {
    transition-delay: 1.4s
}

.animate-children[data-animate-delay="8"]> :nth-child(7) {
    transition-delay: 1.5s
}

.animate-children[data-animate-delay="8"]> :nth-child(8) {
    transition-delay: 1.6s
}

.animate-children[data-animate-delay="8"]> :nth-child(9) {
    transition-delay: 1.7s
}

.animate-children[data-animate-delay="8"]> :nth-child(10) {
    transition-delay: 1.8s
}

.animate-children[data-animate-delay="9"]>* {
    transition-delay: .9s
}

.animate-children[data-animate-delay="9"]> :first-child {
    transition-delay: 1s
}

.animate-children[data-animate-delay="9"]> :nth-child(2) {
    transition-delay: 1.1s
}

.animate-children[data-animate-delay="9"]> :nth-child(3) {
    transition-delay: 1.2s
}

.animate-children[data-animate-delay="9"]> :nth-child(4) {
    transition-delay: 1.3s
}

.animate-children[data-animate-delay="9"]> :nth-child(5) {
    transition-delay: 1.4s
}

.animate-children[data-animate-delay="9"]> :nth-child(6) {
    transition-delay: 1.5s
}

.animate-children[data-animate-delay="9"]> :nth-child(7) {
    transition-delay: 1.6s
}

.animate-children[data-animate-delay="9"]> :nth-child(8) {
    transition-delay: 1.7s
}

.animate-children[data-animate-delay="9"]> :nth-child(9) {
    transition-delay: 1.8s
}

.animate-children[data-animate-delay="9"]> :nth-child(10) {
    transition-delay: 1.9s
}

.animate-children[data-animate-delay="10"]>* {
    transition-delay: 1s
}

.animate-children[data-animate-delay="10"]> :first-child {
    transition-delay: 1.1s
}

.animate-children[data-animate-delay="10"]> :nth-child(2) {
    transition-delay: 1.2s
}

.animate-children[data-animate-delay="10"]> :nth-child(3) {
    transition-delay: 1.3s
}

.animate-children[data-animate-delay="10"]> :nth-child(4) {
    transition-delay: 1.4s
}

.animate-children[data-animate-delay="10"]> :nth-child(5) {
    transition-delay: 1.5s
}

.animate-children[data-animate-delay="10"]> :nth-child(6) {
    transition-delay: 1.6s
}

.animate-children[data-animate-delay="10"]> :nth-child(7) {
    transition-delay: 1.7s
}

.animate-children[data-animate-delay="10"]> :nth-child(8) {
    transition-delay: 1.8s
}

.animate-children[data-animate-delay="10"]> :nth-child(9) {
    transition-delay: 1.9s
}

.animate-children[data-animate-delay="10"]> :nth-child(10) {
    transition-delay: 2s
}

.animate-children[data-animate-delay="11"]>* {
    transition-delay: 1.1s
}

.animate-children[data-animate-delay="11"]> :first-child {
    transition-delay: 1.2s
}

.animate-children[data-animate-delay="11"]> :nth-child(2) {
    transition-delay: 1.3s
}

.animate-children[data-animate-delay="11"]> :nth-child(3) {
    transition-delay: 1.4s
}

.animate-children[data-animate-delay="11"]> :nth-child(4) {
    transition-delay: 1.5s
}

.animate-children[data-animate-delay="11"]> :nth-child(5) {
    transition-delay: 1.6s
}

.animate-children[data-animate-delay="11"]> :nth-child(6) {
    transition-delay: 1.7s
}

.animate-children[data-animate-delay="11"]> :nth-child(7) {
    transition-delay: 1.8s
}

.animate-children[data-animate-delay="11"]> :nth-child(8) {
    transition-delay: 1.9s
}

.animate-children[data-animate-delay="11"]> :nth-child(9) {
    transition-delay: 2s
}

.animate-children[data-animate-delay="11"]> :nth-child(10) {
    transition-delay: 2.1s
}

.animate-children[data-animate-delay="12"]>* {
    transition-delay: 1.2s
}

.animate-children[data-animate-delay="12"]> :first-child {
    transition-delay: 1.3s
}

.animate-children[data-animate-delay="12"]> :nth-child(2) {
    transition-delay: 1.4s
}

.animate-children[data-animate-delay="12"]> :nth-child(3) {
    transition-delay: 1.5s
}

.animate-children[data-animate-delay="12"]> :nth-child(4) {
    transition-delay: 1.6s
}

.animate-children[data-animate-delay="12"]> :nth-child(5) {
    transition-delay: 1.7s
}

.animate-children[data-animate-delay="12"]> :nth-child(6) {
    transition-delay: 1.8s
}

.animate-children[data-animate-delay="12"]> :nth-child(7) {
    transition-delay: 1.9s
}

.animate-children[data-animate-delay="12"]> :nth-child(8) {
    transition-delay: 2s
}

.animate-children[data-animate-delay="12"]> :nth-child(9) {
    transition-delay: 2.1s
}

.animate-children[data-animate-delay="12"]> :nth-child(10) {
    transition-delay: 2.2s
}

.animate-children[data-animate-delay="13"]>* {
    transition-delay: 1.3s
}

.animate-children[data-animate-delay="13"]> :first-child {
    transition-delay: 1.4s
}

.animate-children[data-animate-delay="13"]> :nth-child(2) {
    transition-delay: 1.5s
}

.animate-children[data-animate-delay="13"]> :nth-child(3) {
    transition-delay: 1.6s
}

.animate-children[data-animate-delay="13"]> :nth-child(4) {
    transition-delay: 1.7s
}

.animate-children[data-animate-delay="13"]> :nth-child(5) {
    transition-delay: 1.8s
}

.animate-children[data-animate-delay="13"]> :nth-child(6) {
    transition-delay: 1.9s
}

.animate-children[data-animate-delay="13"]> :nth-child(7) {
    transition-delay: 2s
}

.animate-children[data-animate-delay="13"]> :nth-child(8) {
    transition-delay: 2.1s
}

.animate-children[data-animate-delay="13"]> :nth-child(9) {
    transition-delay: 2.2s
}

.animate-children[data-animate-delay="13"]> :nth-child(10) {
    transition-delay: 2.3s
}

.animate-children[data-animate-delay="14"]>* {
    transition-delay: 1.4s
}

.animate-children[data-animate-delay="14"]> :first-child {
    transition-delay: 1.5s
}

.animate-children[data-animate-delay="14"]> :nth-child(2) {
    transition-delay: 1.6s
}

.animate-children[data-animate-delay="14"]> :nth-child(3) {
    transition-delay: 1.7s
}

.animate-children[data-animate-delay="14"]> :nth-child(4) {
    transition-delay: 1.8s
}

.animate-children[data-animate-delay="14"]> :nth-child(5) {
    transition-delay: 1.9s
}

.animate-children[data-animate-delay="14"]> :nth-child(6) {
    transition-delay: 2s
}

.animate-children[data-animate-delay="14"]> :nth-child(7) {
    transition-delay: 2.1s
}

.animate-children[data-animate-delay="14"]> :nth-child(8) {
    transition-delay: 2.2s
}

.animate-children[data-animate-delay="14"]> :nth-child(9) {
    transition-delay: 2.3s
}

.animate-children[data-animate-delay="14"]> :nth-child(10) {
    transition-delay: 2.4s
}

.animate-children[data-animate-delay="15"]>* {
    transition-delay: 1.5s
}

.animate-children[data-animate-delay="15"]> :first-child {
    transition-delay: 1.6s
}

.animate-children[data-animate-delay="15"]> :nth-child(2) {
    transition-delay: 1.7s
}

.animate-children[data-animate-delay="15"]> :nth-child(3) {
    transition-delay: 1.8s
}

.animate-children[data-animate-delay="15"]> :nth-child(4) {
    transition-delay: 1.9s
}

.animate-children[data-animate-delay="15"]> :nth-child(5) {
    transition-delay: 2s
}

.animate-children[data-animate-delay="15"]> :nth-child(6) {
    transition-delay: 2.1s
}

.animate-children[data-animate-delay="15"]> :nth-child(7) {
    transition-delay: 2.2s
}

.animate-children[data-animate-delay="15"]> :nth-child(8) {
    transition-delay: 2.3s
}

.animate-children[data-animate-delay="15"]> :nth-child(9) {
    transition-delay: 2.4s
}

.animate-children[data-animate-delay="15"]> :nth-child(10) {
    transition-delay: 2.5s
}

.animate-children[data-animate-delay="16"]>* {
    transition-delay: 1.6s
}

.animate-children[data-animate-delay="16"]> :first-child {
    transition-delay: 1.7s
}

.animate-children[data-animate-delay="16"]> :nth-child(2) {
    transition-delay: 1.8s
}

.animate-children[data-animate-delay="16"]> :nth-child(3) {
    transition-delay: 1.9s
}

.animate-children[data-animate-delay="16"]> :nth-child(4) {
    transition-delay: 2s
}

.animate-children[data-animate-delay="16"]> :nth-child(5) {
    transition-delay: 2.1s
}

.animate-children[data-animate-delay="16"]> :nth-child(6) {
    transition-delay: 2.2s
}

.animate-children[data-animate-delay="16"]> :nth-child(7) {
    transition-delay: 2.3s
}

.animate-children[data-animate-delay="16"]> :nth-child(8) {
    transition-delay: 2.4s
}

.animate-children[data-animate-delay="16"]> :nth-child(9) {
    transition-delay: 2.5s
}

.animate-children[data-animate-delay="16"]> :nth-child(10) {
    transition-delay: 2.6s
}

.animate-children[data-animate-delay="17"]>* {
    transition-delay: 1.7s
}

.animate-children[data-animate-delay="17"]> :first-child {
    transition-delay: 1.8s
}

.animate-children[data-animate-delay="17"]> :nth-child(2) {
    transition-delay: 1.9s
}

.animate-children[data-animate-delay="17"]> :nth-child(3) {
    transition-delay: 2s
}

.animate-children[data-animate-delay="17"]> :nth-child(4) {
    transition-delay: 2.1s
}

.animate-children[data-animate-delay="17"]> :nth-child(5) {
    transition-delay: 2.2s
}

.animate-children[data-animate-delay="17"]> :nth-child(6) {
    transition-delay: 2.3s
}

.animate-children[data-animate-delay="17"]> :nth-child(7) {
    transition-delay: 2.4s
}

.animate-children[data-animate-delay="17"]> :nth-child(8) {
    transition-delay: 2.5s
}

.animate-children[data-animate-delay="17"]> :nth-child(9) {
    transition-delay: 2.6s
}

.animate-children[data-animate-delay="17"]> :nth-child(10) {
    transition-delay: 2.7s
}

.animate-children[data-animate-delay="18"]>* {
    transition-delay: 1.8s
}

.animate-children[data-animate-delay="18"]> :first-child {
    transition-delay: 1.9s
}

.animate-children[data-animate-delay="18"]> :nth-child(2) {
    transition-delay: 2s
}

.animate-children[data-animate-delay="18"]> :nth-child(3) {
    transition-delay: 2.1s
}

.animate-children[data-animate-delay="18"]> :nth-child(4) {
    transition-delay: 2.2s
}

.animate-children[data-animate-delay="18"]> :nth-child(5) {
    transition-delay: 2.3s
}

.animate-children[data-animate-delay="18"]> :nth-child(6) {
    transition-delay: 2.4s
}

.animate-children[data-animate-delay="18"]> :nth-child(7) {
    transition-delay: 2.5s
}

.animate-children[data-animate-delay="18"]> :nth-child(8) {
    transition-delay: 2.6s
}

.animate-children[data-animate-delay="18"]> :nth-child(9) {
    transition-delay: 2.7s
}

.animate-children[data-animate-delay="18"]> :nth-child(10) {
    transition-delay: 2.8s
}

.animate-children[data-animate-delay="19"]>* {
    transition-delay: 1.9s
}

.animate-children[data-animate-delay="19"]> :first-child {
    transition-delay: 2s
}

.animate-children[data-animate-delay="19"]> :nth-child(2) {
    transition-delay: 2.1s
}

.animate-children[data-animate-delay="19"]> :nth-child(3) {
    transition-delay: 2.2s
}

.animate-children[data-animate-delay="19"]> :nth-child(4) {
    transition-delay: 2.3s
}

.animate-children[data-animate-delay="19"]> :nth-child(5) {
    transition-delay: 2.4s
}

.animate-children[data-animate-delay="19"]> :nth-child(6) {
    transition-delay: 2.5s
}

.animate-children[data-animate-delay="19"]> :nth-child(7) {
    transition-delay: 2.6s
}

.animate-children[data-animate-delay="19"]> :nth-child(8) {
    transition-delay: 2.7s
}

.animate-children[data-animate-delay="19"]> :nth-child(9) {
    transition-delay: 2.8s
}

.animate-children[data-animate-delay="19"]> :nth-child(10) {
    transition-delay: 2.9s
}

.animate-children[data-animate-delay="20"]>* {
    transition-delay: 2s
}

.animate-children[data-animate-delay="20"]> :first-child {
    transition-delay: 2.1s
}

.animate-children[data-animate-delay="20"]> :nth-child(2) {
    transition-delay: 2.2s
}

.animate-children[data-animate-delay="20"]> :nth-child(3) {
    transition-delay: 2.3s
}

.animate-children[data-animate-delay="20"]> :nth-child(4) {
    transition-delay: 2.4s
}

.animate-children[data-animate-delay="20"]> :nth-child(5) {
    transition-delay: 2.5s
}

.animate-children[data-animate-delay="20"]> :nth-child(6) {
    transition-delay: 2.6s
}

.animate-children[data-animate-delay="20"]> :nth-child(7) {
    transition-delay: 2.7s
}

.animate-children[data-animate-delay="20"]> :nth-child(8) {
    transition-delay: 2.8s
}

.animate-children[data-animate-delay="20"]> :nth-child(9) {
    transition-delay: 2.9s
}

.animate-children[data-animate-delay="20"]> :nth-child(10) {
    transition-delay: 3s
}

body.nav-active #nav {
    box-shadow: 0 0 6px 0 rgba(161, 114, 74, .1)
}

body.nav-active #nav:before {
    opacity: 1
}

#nav {
    position: fixed;
    z-index: 100;
    width: 100%;
    background: #fff;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, white 130%);
    transition: all .3s ease-out
}

#nav,
#nav:before {
    width: 100%;
    transition: all .3s ease-out
}

#nav:before {
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    position: absolute;
    background-color: #fff
}

#nav .logo-holder,
#nav .logo-holder img {
    transition: all .3s ease-out;
    max-height: 80px;
}

#nav .social-icon {
    max-width: 24px
}

#nav .menu-items> :first-child {
    margin-left: clamp(35px, 3.65vw, 70px);
}

#nav .menu-items> :last-child {
    margin-right: 0
}

#nav .menu-item {
    color: #242425;
    font-size: 15px;
    line-height: 20px;
    padding: 12px 1.3vw;
    position: relative;
    transition: all .3s ease-out;
    background-color: transparent;
    border: none
}

#nav .menu-item:hover,
#nav .menu-item[aria-expanded=true] {
    color: #fff;
    background-color: #242425;
}

#nav .menu-item:after {
    display: none
}

#nav .mobile-menu-item {
    font-size: 24px;
    line-height: 24px;
    padding: 25px 0 15px
}

#nav .mobile-menu-subitem {
    font-size: 16px;
    line-height: 2-16px;
    padding: 25px 0 15px
}

#nav .mobile-menu-item:after {
    display: none
}

#nav .mobile-menu-collapse>div {
    padding-bottom: 10px
}

#nav .dropdown-menu {
    margin-top: 0;
    border-width: 0;
    border-radius: 0;
    background-color: #242425;
    list-style: none;
}

#nav .dropdown-menu li {
    display: flex;
}

#nav .dropdown-menu-mobile {
    padding-top: 0
}

#nav .dropdown-menu-mobile .dropdown-item {
    padding: 12px 0
}

#nav .dropdown-menu-mobile .dropdown-item:before {
    width: 8px;
    height: 8px;
    background-color: #fff
}

#nav .dropdown-item {
    display: flex;
    color: #fff;
    padding: 10px 12px;
    position: relative;
    align-items: center;
    transition: all .3s ease-out
}

#nav .dropdown-item:hover {
    background-color: #fff;
    color: #000
}

#nav .dropdown-item:hover:before {
    background-color: #000
}

#nav .menu-phone {
    font-size: 20px;
    line-height: 20px;
}

#nav .language-menu {
    min-width: 85px
}

#nav .language-menu .dropdown-item {}

#nav .language-menu .dropdown-item:before {
    display: none
}

#nav .mobile-menu-toggle-button {
    position: relative;
    width: 20px;
    height: 20px;
    z-index: 102
}

#nav .mobile-menu-toggle-button span {
    position: absolute;
    left: 0;
    width: 20px;
    height: 4px;
    background-color: #a1724a;
    transition: all .3s ease-out
}

#nav .mobile-menu-toggle-button span:first-child {
    top: 3px
}

#nav .mobile-menu-toggle-button span:nth-child(2) {
    top: 13px
}

#nav .mobile-menu-toggle-button[aria-expanded=true] span {
    background-color: #fff;
    transform-origin: center left
}

#nav .mobile-menu-toggle-button[aria-expanded=true] span:first-child {
    transform: translateY(-2px) rotate(45deg)
}

#nav .mobile-menu-toggle-button[aria-expanded=true] span:nth-child(2) {
    transform: translateY(2px) rotate(-45deg)
}

#nav.non-background {
    background: none !important
}

#nav .slicer>* {
    position: relative
}

#nav .slicer> :before {
    content: "";
    width: 1px;
    position: absolute;
    top: 19px;
    right: 0;
    height: calc(100% - 38px);
    background-color: #242425
}

#nav .slicer> :last-child:before {
    display: none
}

@media screen and (min-width: 1200px) {
    body.nav-active #nav {
        padding: 0
    }

    body.nav-active #nav .navbar-wrapper>* {
        max-height: 62px
    }

    body.nav-active #nav .logo-holder {
        padding: 2px 0
    }

    body.nav-active #nav .logo-holder img {
        height: 100%
    }

    body:not(.nav-active) #nav.navbar-white .menu-item {
        color: #fff
    }

    body:not(.nav-active) #nav.navbar-white .dropdown-toggle:after {
        border-top-color: #fff
    }

    body:not(.nav-active) #nav.navbar-white .dropdown .text-131313 {
        color: #fff !important
    }

    body:not(.nav-active) #nav.navbar-white .slicer> :before {
        background-color: #fff
    }

    body:not(.nav-active) #nav.navbar-white .social-icon>img {
        filter: brightness(0) invert(1)
    }

    body:not(.nav-active) #nav.navbar-white .menu-phone {
        color: #fff !important
    }

    body:not(.nav-active) #nav.navbar-white .logo-holder img {
        filter: brightness(0) invert(1)
    }

    #nav {
        padding: 20px 0
    }

    #nav .navbar-wrapper>* {
        max-height: 100px
    }

    #nav .navbar-wrapper> :not(.logo-holder) {}
}

@media screen and (min-width: 1400px) {
    body.nav-active #nav {
        padding: 0
    }

    #nav {
        padding: 10px 0
    }

    #nav .navbar-wrapper> :not(.logo-holder) {
        flex: 0 0 calc(50% - 60px);
        max-width: calc(50% - 60px)
    }

}

@media screen and (min-width: 1920px) {
    #nav .menu-items> :first-child {
        margin-left: 70px;
    }

    #nav .menu-item {
        padding: 22px 25px
    }

    #nav .dropdown-item {
        padding: 10px 25px 10px 17px
    }
}

@media screen and (max-width: 1199px) {
    body.nav-active #nav:not(.mobile-menu-opened) {
        padding: 10px 0
    }

    body.nav-active #nav:not(.mobile-menu-opened) .logo-holder img {
        max-width: 70px;
        max-height: 56px
    }

    #nav {
        padding: 10px 0
    }
}

@media screen and (max-width: 991px) {
    #nav {
        box-shadow: 0 0 6px 0 rgba(161, 114, 74, .1);
    }

    #nav .menu-phone {
        font-size: 30px;
        line-height: 44px;
        margin-top: 25px;
    }
}

@media screen and (max-width: 767px) {
    body.nav-active #nav:not(.mobile-menu-opened) .logo-holder img {
        max-height: 46px
    }

    #nav {
        padding: 10px 0;
    }
}

#mobileMenu {
    position: absolute;
    left: calc(100vw + 50px);
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 101;
    padding: 10px 0;
    background-color: #a1724a;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 50%;
    background-image: url(../img/icon-menu-background.svg);
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.15, .65, .55, .95)
}

#mobileMenu[data-animation-duration="50"] {
    transition-duration: 50ms
}

#mobileMenu[data-animation-duration="100"] {
    transition-duration: .1s
}

#mobileMenu[data-animation-duration="150"] {
    transition-duration: .15s
}

#mobileMenu[data-animation-duration="200"] {
    transition-duration: .2s
}

#mobileMenu[data-animation-duration="250"] {
    transition-duration: .25s
}

#mobileMenu[data-animation-duration="300"] {
    transition-duration: .3s
}

#mobileMenu[data-animation-duration="350"] {
    transition-duration: .35s
}

#mobileMenu[data-animation-duration="400"] {
    transition-duration: .4s
}

#mobileMenu[data-animation-duration="450"] {
    transition-duration: .45s
}

#mobileMenu[data-animation-duration="500"] {
    transition-duration: .5s
}

#mobileMenu[data-animation-duration="550"] {
    transition-duration: .55s
}

#mobileMenu[data-animation-duration="600"] {
    transition-duration: .6s
}

#mobileMenu[data-animation-duration="650"] {
    transition-duration: .65s
}

#mobileMenu[data-animation-duration="700"] {
    transition-duration: .7s
}

#mobileMenu[data-animation-duration="750"] {
    transition-duration: .75s
}

#mobileMenu[data-animation-duration="800"] {
    transition-duration: .8s
}

#mobileMenu[data-animation-duration="850"] {
    transition-duration: .85s
}

#mobileMenu[data-animation-duration="900"] {
    transition-duration: .9s
}

#mobileMenu[data-animation-duration="950"] {
    transition-duration: .95s
}

#mobileMenu[data-animation-duration="1000"] {
    transition-duration: 1s
}

#mobileMenu[data-animation-duration="1050"] {
    transition-duration: 1.05s
}

#mobileMenu[data-animation-duration="1100"] {
    transition-duration: 1.1s
}

#mobileMenu[data-animation-duration="1150"] {
    transition-duration: 1.15s
}

#mobileMenu[data-animation-duration="1200"] {
    transition-duration: 1.2s
}

#mobileMenu[data-animation-duration="1250"] {
    transition-duration: 1.25s
}

#mobileMenu[data-animation-duration="1300"] {
    transition-duration: 1.3s
}

#mobileMenu[data-animation-duration="1350"] {
    transition-duration: 1.35s
}

#mobileMenu[data-animation-duration="1400"] {
    transition-duration: 1.4s
}

#mobileMenu[data-animation-duration="1450"] {
    transition-duration: 1.45s
}

#mobileMenu[data-animation-duration="1500"] {
    transition-duration: 1.5s
}

#mobileMenu[data-animation-duration="1550"] {
    transition-duration: 1.55s
}

#mobileMenu[data-animation-duration="1600"] {
    transition-duration: 1.6s
}

#mobileMenu[data-animation-duration="1650"] {
    transition-duration: 1.65s
}

#mobileMenu[data-animation-duration="1700"] {
    transition-duration: 1.7s
}

#mobileMenu[data-animation-duration="1750"] {
    transition-duration: 1.75s
}

#mobileMenu[data-animation-duration="1800"] {
    transition-duration: 1.8s
}

#mobileMenu[data-animation-duration="1850"] {
    transition-duration: 1.85s
}

#mobileMenu[data-animation-duration="1900"] {
    transition-duration: 1.9s
}

#mobileMenu[data-animation-duration="1950"] {
    transition-duration: 1.95s
}

#mobileMenu[data-animation-duration="2000"] {
    transition-duration: 2s
}

#mobileMenu.open {
    left: 0
}

#mobileMenu .logo-holder img {
    width: 100%;
    height: 60px;
    max-width: none !important;
    max-height: none !important
}

#mobileMenu .scroll-box {
    overflow: auto;
    max-height: calc(100vh - 177px)
}

#mobileMenu .scroll-box::-webkit-scrollbar {
    width: 6px
}

#mobileMenu .scroll-box::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 3px
}

#mobileMenu .scroll-box>div {
    margin-bottom: 35px
}

#mobileMenu .scroll-box>div:last-child {
    margin-bottom: 0
}

#mobileMenu .wrapper>div {
    margin-bottom: 60px
}

#mobileMenu .wrapper>div:last-child {
    margin-bottom: 0
}


.main-banner.fullscreen-banner .swiper:not(.swiper-initialized) {
    opacity: 0
}

.main-banner.fullscreen-banner .swiper-slide {
    position: relative
}

.main-banner.fullscreen-banner .content-holder {
    height: 100%;
    width: 100%;
    padding: 0 !important;
    max-width: inherit !important;
}

.main-banner.fullscreen-banner .content-holder .banner-text-box:not(.more-info-btn-holder) {
    max-width: 100% !important;
    width: 100%;
}

.banner-text-box {
    height: clamp(52px, 3.23vw, 62px);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2c3911;
}

.banner-text-box .banner-text-box-text {
    width: 100%;
    height: 100%;
    padding: 12px;
    height: max-content;
    text-align: center;
    font-size: clamp(24px, 1.67vw, 32px);
    font-weight: 700;
    color: #fff;
    letter-spacing: -.92px;
    margin-bottom: 0;
    transition: all 300ms;
}

.banner-text-box .banner-text-box-text-fixed {
    position: fixed;
    top: 62px;
    left: 0;
    right: 0;
    z-index: 1000;
    font-size: clamp(20px, 1.25vw, 24px);
    background-color: #2c3911;
}

.main-banner.fullscreen-banner .background-image {
    width: 100%;
    height: auto;
}

.main-banner.fullscreen-banner .content-text {
    max-width: 80%
}

.main-banner .swiper-btn {
    width: 0;
    height: 0;
    display: none
}

.main-banner .swiper-btn-holder {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 2;
    transform: translateY(-50%)
}

.main-banner .swiper-btn img {
    height: 0;
    width: 0
}

.main-banner .swiper-btn-holder {
    height: 0;
    transform: translateY(50%);
    left: calc(50% - 50vw + 24px);
    width: calc(100vw - 48px)
}

.contact-btn {
    color: #fff;
    background-color: #2f2e2e !important;
    border-color: #2f2e2e !important;
}

.contact-first-section {
    padding-bottom: 0px !important;
}

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

    .main-banner .swiper-btn {
        width: 44px;
        height: 44px;
        display: block
    }

    .main-banner .swiper-btn img {
        height: 44px;
        width: 44px
    }

    .main-banner .swiper-btn-holder {
        height: 0;
        transform: translateY(50%);
        left: calc(50% - 50vw + 46px);
        width: calc(100vw - 92px)
    }

}

@media screen and (max-width: 992px) {
    .contact-section {
        padding: 0 !important;
    }

    .contact-btn {
        color: #2f2e2e !important;
        background-color: #fff !important;
        border-color: #fff !important;
    }

    .contact-form-group label {
        color: #fff !important;
    }
}

@media screen and (min-width: 1200px) {
    .main-banner .swiper-btn {
        width: 44px;
        height: 44px;
        display: block
    }

    .main-banner .swiper-btn img {
        height: 44px;
        width: 44px
    }

    .main-banner .swiper-btn-holder {
        height: 0;
        transform: translateY(50%);
        left: calc(50% - 50vw + 62px);
        width: calc(100vw - 124px)
    }
}

@media screen and (min-width: 1400px) {
    .main-banner .swiper-btn {
        width: 44px;
        height: 44px;
        display: block
    }

    .main-banner .swiper-btn img {
        height: 44px;
        width: 44px
    }

    .main-banner .swiper-btn-holder {
        height: 0;
        transform: translateY(50%);
        left: calc(50% - 50vw + 92px);
        width: calc(100vw - 184px)
    }
}

.main-banner .swiper-pagination.swiper-pagination-horizontal {
    bottom: 25px
}

.main-banner .swiper-pagination-bullet {
    margin: 0 2px !important;
    width: 14px;
    height: 14px;
    opacity: .5;
    background-color: #fff
}

.main-banner .swiper-pagination-bullet-active {
    opacity: 1
}

.main-banner .more-info-btn {
    /*padding: 24px*/
}


.main-banner .more-info-btn a {
    padding: 24px;
    display: block;
    transition: visibility 0s, opacity 0.5s linear;
    background-color: #000;
    position: fixed;
    transform: rotate(90deg);
    right: -80px;
    bottom: 130px;
    font-size: 24px;
    text-decoration: none;
}

.main-banner .more-info-btn-holder {
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: calc(50% + 313px);
    width: calc(50% - 321px)
}

@media screen and (min-width: 991px) {
    .main-banner.fullscreen-banner .content-holder {
        padding-left: 20px;
        padding-right: 20px
    }

    .main-banner.fullscreen-banner .content-holder>div:not(.more-info-btn-holder) {
        width: 100%;
        max-width: inherit !important;
    }
}

@media screen and (min-width: 1399px) {
    .main-banner.fullscreen-banner .content-holder {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 991px) {
    .main-banner.fullscreen-banner .swiper .content-holder {
        margin-top: calc(117px + 3vh)
    }

    .main-banner .more-info-btn-holder .trigger-btn {
        position: absolute;
        right: 0;
        z-index: 1
    }

    .main-banner .more-info-btn-holder.active .more-info-btn {
        transform: translateX(0)
    }

}

@media screen and (max-width: 767px) {
    .main-banner.fullscreen-banner .content-holder .banner-text-box:not(.more-info-btn-holder) {
        max-width: calc(100% - 60px)
    }
}

@media screen and (max-width: 575px) {
    .main-banner.fullscreen-banner .swiper .content-holder {
        margin-top: calc(117px + 3vh)
    }

    .main-banner.fullscreen-banner .content-text {
        max-width: 100%
    }

    .main-banner.fullscreen-banner .content-holder .banner-text-box {
        max-width: calc(100% - 42.5px)
    }

    .main-banner.fullscreen-banner .content-holder .banner-text-box .h4 {
        font-size: 24px
    }

    .main-banner.fullscreen-banner .content-holder .banner-text-box .h6 {
        font-size: 14px;
        line-height: 20px
    }

    .main-banner .swiper-pagination.swiper-pagination-horizontal {
        bottom: 15px
    }

    .main-banner .swiper-pagination-bullet {
        width: 10px;
        height: 10px
    }
}

#footer {
    margin-top: 0px;
    padding: 100px 0 80px;
    background-color: #181818;
}

#footer .wrapper>div {
    padding-right: 12px
}

#footer .wrapper>div:last-child {
    padding-right: 0
}

#footer * {
    color: #fff
}

#footer .footer-menu-item {
    font-weight: 700;
    margin-bottom: 12px
}

#footer .footer-menu-item,
#footer .footer-menu-item-sub {
    font-size: 20px;
    line-height: 36px
}

#footer .footer-logo {
    max-width: 100%
}

#footer .footer-phone {
    font-size: 45px;
    line-height: 50px;
    letter-spacing: 1px
}

#footer .footer-bottom {
    margin-top: 90px
}

#footer .footer-watermark-text {
    opacity: .5;
    font-size: 17px;
    line-height: 21px;
    font-weight: 700;
    letter-spacing: -.765px
}

#footer .footer-mobile-logo {
    margin-bottom: 76px
}

@media screen and (max-width: 1399px) and (min-width: 768px) {
    #footer .wrapper>div {
        margin-bottom: 24px
    }

    #footer .wrapper>div:last-child,
    #footer .wrapper>div:nth-last-child(2) {
        margin-bottom: 0
    }

    #footer .wrapper .social-icon {
        margin-right: 16px
    }

    #footer .wrapper .social-icon:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 1599px) {
    #footer {
        padding: 60px 0 40px
    }

    #footer .footer-menu-item,
    #footer .footer-menu-item-sub {
        font-size: 16px;
        line-height: 24px
    }

    #footer .wrapper .social-icon {
        max-width: 22px;
        max-height: 22px;
        margin-right: 14px
    }

    #footer .wrapper .social-icon img {
        max-width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: bottom;
        object-position: bottom
    }

    #footer .footer-phone {
        font-size: 35px;
        line-height: 42px
    }

    #footer .footer-logo {
        width: 100%;
        max-width: 200px
    }

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

@media screen and (max-width: 991px) and (min-width: 768px) {
    #footer .contact-box {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    #footer {
        background-image: url(../img/icon-menu-background.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 292px auto
    }

    #footer .wrapper>div {
        margin-top: 8px;
        margin-bottom: 8px;
        padding-right: 0
    }

    #footer .wrapper>div:first-child {
        margin-top: 0
    }

    #footer .wrapper>div:last-child {
        margin-bottom: 0
    }

    #footer .wrapper .social-icon {
        margin: 0 15px
    }

    #footer .footer-menu-item {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        margin-bottom: 0px
    }

    #footer .footer-menu-item-sub {
        font-size: 20px;
        line-height: 36px;
        text-align: center
    }

    #footer .footer-phone {
        font-size: 18px;
        line-height: 26px;
        letter-spacing: 0
    }

    #footer .contact-box {
        padding-top: 0
    }

    #footer .contact-box>* {
        margin-bottom: 40px
    }

    #footer .footer-bottom {
        margin-top: 0
    }

    #footer .footer-bottom p {
        font-size: 12px;
    }

    #footer .footer-watermark-text {
        margin-bottom: 50px
    }

    #footer .footer-mobile-logo {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 575px) {
    #footer .wrapper .social-icon {
        max-width: 20px;
        max-height: 20px;
        margin: 0 12px
    }
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper,
swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide,
swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top: 4px solid transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2)
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2)
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification,
swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

body,
html {
    min-width: 100%;
    min-height: 100%;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.form .form-error,
.form .form-success {
    display: none
}

.form.error .form-error,
.form.success .form-success {
    display: block
}

.form .form-control {
    border-color: #2f2e2e;
    border-radius: 0px
}

.form .form-control[type=file]+label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 33px;
    left: 1px;
    border-radius: 12px;
    width: calc(100% - 2px);
    height: 36px;
    background-color: #fff;
    z-index: 2
}

.form .form-control[type=file]+label .btn {
    border-radius: 12px;
    border: 1px solid #a1724a
}

.form .form-control[type=file]+label .text {
    margin-left: 16px
}

.form .form-group {
    margin-bottom: 10px
}

.form .form-group .text-danger {
    display: none
}

.form .form-group label {
    color: #2f2e2e;
}

.form .form-group.is-invalid .form-control {
    border-color: #dc3545
}

.form .form-group.is-invalid .label-text,
.form .form-group.is-invalid label {
    color: #dc3545
}

.form .form-group.is-invalid .text-danger.is-invalid-text {
    display: block
}

.form .form-group.is-invalid [class^=icon-]:before {
    color: #dc3545
}

.form .form-group.is-empty .form-control {
    border-color: #dc3545
}

.form .form-group.is-empty .label-text,
.form .form-group.is-empty label {
    color: #dc3545
}

.form .form-group.is-empty .text-danger.is-empty-text {
    display: block
}

.form .form-group.is-empty [class^=icon-]:before {
    color: #dc3545
}

.form .form-group.is-minval .form-control {
    border-color: #dc3545
}

.form .form-group.is-minval .label-text,
.form .form-group.is-minval label {
    color: #dc3545
}

.form .form-group.is-minval .text-danger.is-minval-text {
    display: block
}

.form .form-group.is-minval [class^=icon-]:before {
    color: #dc3545
}

.form .form-group.is-maxval .form-control {
    border-color: #dc3545
}

.form .form-group.is-maxval .label-text,
.form .form-group.is-maxval label {
    color: #dc3545
}

.form .form-group.is-maxval .text-danger.is-maxval-text {
    display: block
}

.form .form-group.is-maxval [class^=icon-]:before {
    color: #dc3545
}

.form input[type=checkbox] {
    width: 25px;
    height: 25px;
    margin-right: 12px;
    float: left;
}

section {
    padding: 60px 0
}

.wide-container {
    width: 100%;
    max-width: calc(100vw - 360px);
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 1921px) {
    .wide-container {
        max-width: 1560px
    }
}

.wide-container.wide-container-half-left {
    max-width: calc(100vw - 180px);
    margin-left: 0
}

.wide-container.wide-container-half-right {
    max-width: calc(100vw - 180px);
    margin-right: 0
}

.text-hover-img img {
    transition: transform .3s ease-out
}

.text-hover-img:hover img {
    transform: scale(1.2)
}

.icon-hover-black {
    transition: all .3s ease-in-out
}

.icon-hover-black:hover {
    filter: brightness(0) grayscale(1)
}

.opacity-5 {
    opacity: .05
}

@media screen and (min-width: 576px) {
    .opacity-sm-5 {
        opacity: .05
    }
}

.opacity-10 {
    opacity: .1
}

@media screen and (min-width: 576px) {
    .opacity-sm-10 {
        opacity: .1
    }
}

.opacity-15 {
    opacity: .15
}

@media screen and (min-width: 576px) {
    .opacity-sm-15 {
        opacity: .15
    }
}

.opacity-20 {
    opacity: .2
}

@media screen and (min-width: 576px) {
    .opacity-sm-20 {
        opacity: .2
    }
}

.opacity-25 {
    opacity: .25
}

@media screen and (min-width: 576px) {
    .opacity-sm-25 {
        opacity: .25
    }
}

.opacity-30 {
    opacity: .3
}

@media screen and (min-width: 576px) {
    .opacity-sm-30 {
        opacity: .3
    }
}

.opacity-35 {
    opacity: .35
}

@media screen and (min-width: 576px) {
    .opacity-sm-35 {
        opacity: .35
    }
}

.opacity-40 {
    opacity: .4
}

@media screen and (min-width: 576px) {
    .opacity-sm-40 {
        opacity: .4
    }
}

.opacity-45 {
    opacity: .45
}

@media screen and (min-width: 576px) {
    .opacity-sm-45 {
        opacity: .45
    }
}

.opacity-50 {
    opacity: .5
}

@media screen and (min-width: 576px) {
    .opacity-sm-50 {
        opacity: .5
    }
}

.opacity-55 {
    opacity: .55
}

@media screen and (min-width: 576px) {
    .opacity-sm-55 {
        opacity: .55
    }
}

.opacity-60 {
    opacity: .6
}

@media screen and (min-width: 576px) {
    .opacity-sm-60 {
        opacity: .6
    }
}

.opacity-65 {
    opacity: .65
}

@media screen and (min-width: 576px) {
    .opacity-sm-65 {
        opacity: .65
    }
}

.opacity-70 {
    opacity: .7
}

@media screen and (min-width: 576px) {
    .opacity-sm-70 {
        opacity: .7
    }
}

.opacity-75 {
    opacity: .75
}

@media screen and (min-width: 576px) {
    .opacity-sm-75 {
        opacity: .75
    }
}

.opacity-80 {
    opacity: .8
}

@media screen and (min-width: 576px) {
    .opacity-sm-80 {
        opacity: .8
    }
}

.opacity-85 {
    opacity: .85
}

@media screen and (min-width: 576px) {
    .opacity-sm-85 {
        opacity: .85
    }
}

.opacity-90 {
    opacity: .9
}

@media screen and (min-width: 576px) {
    .opacity-sm-90 {
        opacity: .9
    }
}

.opacity-95 {
    opacity: .95
}

@media screen and (min-width: 576px) {
    .opacity-sm-95 {
        opacity: .95
    }
}

.opacity-100 {
    opacity: 1
}

@media screen and (min-width: 576px) {
    .opacity-sm-100 {
        opacity: 1
    }
}

.btn.btn-brown {
    color: #fff;
    background-color: #360707;
    border-color: #360707
}

.btn.btn-brown:hover {
    color: #fff;
    border-color: #1f0404;
    background-color: #1f0404
}

.bg-brown {
    background-color: #360707 !important
}

.bg-brown.bg-opacity-5 {
    background-color: rgba(54, 7, 7, .05) !important
}

.bg-hover-brown {
    transition: background .35s ease-out
}

.bg-hover-brown:hover {
    background-color: #360707 !important
}

.btn.btn-blue {
    color: #fff;
    background-color: #121a5a;
    border-color: #121a5a
}

.btn.btn-blue:hover {
    color: #fff;
    border-color: #0e1445;
    background-color: #0e1445
}

.bg-blue {
    background-color: #121a5a !important
}

.bg-blue.bg-opacity-5 {
    background-color: rgba(18, 26, 90, .05) !important
}

.bg-hover-blue {
    transition: background .35s ease-out
}

.bg-hover-blue:hover {
    background-color: #121a5a !important
}

.btn.btn-indigo {
    color: #fff;
    background-color: #6610f2;
    border-color: #6610f2
}

.btn.btn-indigo:hover {
    color: #fff;
    border-color: #5b0cdd;
    background-color: #5b0cdd
}

.bg-indigo {
    background-color: #6610f2 !important
}

.bg-indigo.bg-opacity-5 {
    background-color: rgba(102, 16, 242, .05) !important
}

.bg-hover-indigo {
    transition: background .35s ease-out
}

.bg-hover-indigo:hover {
    background-color: #6610f2 !important
}

.btn.btn-purple {
    color: #fff;
    background-color: #6f42c1;
    border-color: #6f42c1
}

.btn.btn-purple:hover {
    color: #fff;
    border-color: #643ab0;
    background-color: #643ab0
}

.bg-purple {
    background-color: #6f42c1 !important
}

.bg-purple.bg-opacity-5 {
    background-color: rgba(111, 66, 193, .05) !important
}

.bg-hover-purple {
    transition: background .35s ease-out
}

.bg-hover-purple:hover {
    background-color: #6f42c1 !important
}

.btn.btn-pink {
    color: #fff;
    background-color: #e83e8c;
    border-color: #e83e8c
}

.btn.btn-pink:hover {
    color: #fff;
    border-color: #e5277e;
    background-color: #e5277e
}

.bg-pink {
    background-color: #e83e8c !important
}

.bg-pink.bg-opacity-5 {
    background-color: rgba(232, 62, 140, .05) !important
}

.bg-hover-pink {
    transition: background .35s ease-out
}

.bg-hover-pink:hover {
    background-color: #e83e8c !important
}

.btn.btn-red {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn.btn-red:hover {
    color: #fff;
    border-color: #d32535;
    background-color: #d32535
}

.bg-red {
    background-color: #dc3545 !important
}

.bg-red.bg-opacity-5 {
    background-color: rgba(220, 53, 69, .05) !important
}

.bg-hover-red {
    transition: background .35s ease-out
}

.bg-hover-red:hover {
    background-color: #dc3545 !important
}

.btn.btn-dark-red {
    color: #fff;
    background-color: #360707;
    border-color: #360707
}

.btn.btn-dark-red:hover {
    color: #fff;
    border-color: #1f0404;
    background-color: #1f0404
}

.bg-dark-red {
    background-color: #360707 !important
}

.bg-dark-red.bg-opacity-5 {
    background-color: rgba(54, 7, 7, .05) !important
}

.bg-hover-dark-red {
    transition: background .35s ease-out
}

.bg-hover-dark-red:hover {
    background-color: #360707 !important
}

.btn.btn-orange {
    color: #fff;
    background-color: #f79033;
    border-color: #f79033
}

.btn.btn-orange:hover {
    color: #fff;
    border-color: #f6831a;
    background-color: #f6831a
}

.bg-orange {
    background-color: #f79033 !important
}

.bg-orange.bg-opacity-5 {
    background-color: rgba(247, 144, 51, .05) !important
}

.bg-hover-orange {
    transition: background .35s ease-out
}

.bg-hover-orange:hover {
    background-color: #f79033 !important
}

.btn.btn-yellow {
    color: #fff;
    background-color: #2f2e2e;
    border-color: #2f2e2e
}

.btn.btn-yellow:hover {
    color: #2f2e2e;
    border-color: #2f2e2e;
    background-color: #fff
}

.bg-yellow {
    background-color: #a1724a !important
}

.bg-yellow.bg-opacity-5 {
    background-color: rgba(161, 114, 74, .05) !important
}

.bg-hover-yellow {
    transition: background .35s ease-out
}

.bg-hover-yellow:hover {
    background-color: #a1724a !important
}

.btn.btn-green {
    color: #fff;
    background-color: #4e501e;
    border-color: #4e501e
}

.btn.btn-green:hover {
    color: #fff;
    border-color: #3c3d17;
    background-color: #3c3d17
}

.bg-green {
    background-color: #4e501e !important
}

.bg-green.bg-opacity-5 {
    background-color: rgba(78, 80, 30, .05) !important
}

.bg-hover-green {
    transition: background .35s ease-out
}

.bg-hover-green:hover {
    background-color: #4e501e !important
}

.btn.btn-teal {
    color: #fff;
    background-color: #274425;
    border-color: #274425
}

.btn.btn-teal:hover {
    color: #fff;
    border-color: #1e331c;
    background-color: #1e331c
}

.bg-teal {
    background-color: #274425 !important
}

.bg-teal.bg-opacity-5 {
    background-color: rgba(39, 68, 37, .05) !important
}

.bg-hover-teal {
    transition: background .35s ease-out
}

.bg-hover-teal:hover {
    background-color: #274425 !important
}

.btn.btn-cyan {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn.btn-cyan:hover {
    color: #fff;
    border-color: #148ea1;
    background-color: #148ea1
}

.bg-cyan {
    background-color: #17a2b8 !important
}

.bg-cyan.bg-opacity-5 {
    background-color: rgba(23, 162, 184, .05) !important
}

.bg-hover-cyan {
    transition: background .35s ease-out
}

.bg-hover-cyan:hover {
    background-color: #17a2b8 !important
}

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

.btn.btn-white:hover {
    color: #fff;
    border-color: #f2f2f2;
    background-color: #f2f2f2
}

.bg-white {
    background-color: #fff !important
}

.bg-white.bg-opacity-5 {
    background-color: hsla(0, 0%, 100%, .05) !important
}

.bg-hover-white {
    transition: background .35s ease-out
}

.bg-hover-white:hover {
    background-color: #fff !important
}

.btn.btn-gray {
    color: #fff;
    background-color: #707070;
    border-color: #707070
}

.btn.btn-gray:hover {
    color: #fff;
    border-color: #636363;
    background-color: #636363
}

.bg-gray {
    background-color: #707070 !important
}

.bg-gray.bg-opacity-5 {
    background-color: hsla(0, 0%, 43.9%, .05) !important
}

.bg-hover-gray {
    transition: background .35s ease-out
}

.bg-hover-gray:hover {
    background-color: #707070 !important
}

.btn.btn-gray-dark {
    color: #fff;
    background-color: #363636;
    border-color: #363636
}

.btn.btn-gray-dark:hover {
    color: #fff;
    border-color: #292929;
    background-color: #292929
}

.bg-gray-dark {
    background-color: #363636 !important
}

.bg-gray-dark.bg-opacity-5 {
    background-color: rgba(54, 54, 54, .05) !important
}

.bg-hover-gray-dark {
    transition: background .35s ease-out
}

.bg-hover-gray-dark:hover {
    background-color: #363636 !important
}

.btn.btn-black,
.btn.btn-black:hover {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.bg-black {
    background-color: #000 !important
}

.bg-black.bg-opacity-5 {
    background-color: rgba(0, 0, 0, .05) !important
}

.bg-hover-black {
    transition: background .35s ease-out
}

.bg-hover-black:hover {
    background-color: #000 !important
}

.fit-image {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.shape-bg {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(../../img/desktop-mainpage-background.php);
    background-position: -10vw -67px;
    background-repeat: no-repeat;
    background-size: 113%;
    pointer-events: none;
    z-index: -1
}

.shape-bg.shape-bg-jump-one {
    background-position: -10vw calc(100vh - 67px)
}

.shape-bg.shape-bg-jump-two {
    background-position: -10vw calc(170vh - 67px)
}

.shape-bg.shape-bg-jump-three {
    background-position: -10vw calc(240vh - 67px)
}

.shape-bg.shape-bg-type-1 {
    background-position: -10vw 267px
}

.information-form-modal .modal-dialog {
    border-radius: 0
}

.information-form-modal .modal-header {
    padding: 40px 20px 20px;
    border-color: #a1724a
}

.information-form-modal .modal-header p {
    font-size: 26px;
    line-height: 29px
}

.information-form-modal .modal-header .close {
    width: 13px;
    height: 13px;
    padding: 0;
    line-height: 13px;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(100%)
}

.information-form-modal .modal-header .close img {
    width: 13px;
    height: 13px
}

.information-form-modal .modal-body {
    padding: 40px 16px 80px;
    max-width: 616px
}

.information-form-modal .modal-body-header {
    margin-bottom: 40px
}

.title-text {
    position: relative
}

.title-text .title-count {
    font-size: 276px;
    line-height: 298px;
    padding-left: 156px;
    opacity: .06;
    pointer-events: none
}

.title-text .title-text {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (min-width: 1921px) {
    .wide-container.wide-container-half-left {
        max-width: calc(50vw + 824px);
        margin-left: 0
    }

    .wide-container.wide-container-half-right {
        max-width: calc(50vw + 824px);
        margin-right: 0
    }
}

@media screen and (max-width: 1399px) {
    .wide-container {
        max-width: calc(100% - 48px)
    }

    .wide-container.wide-container-half-left {
        max-width: calc(100vw - 106px);
        margin-left: 0
    }

    .wide-container.wide-container-half-right {
        max-width: calc(100vw - 106px);
        margin-right: 0
    }
}

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

    .wide-container.wide-container-half-left {
        max-width: calc(100vw - 90px);
        margin-left: 0
    }

    .wide-container.wide-container-half-right {
        max-width: calc(100vw - 90px);
        margin-right: 0
    }

    .title-text .title-count {
        font-size: 177px;
        line-height: 191px
    }
}

@media screen and (max-width: 991px) {
    .wide-container {
        max-width: calc(100% - 48px);
        justify-content: space-between;
    }

    .wide-container.wide-container-half-left {
        max-width: calc(100vw - 60px);
        margin-left: 0
    }

    .wide-container.wide-container-half-right {
        max-width: calc(100vw - 60px);
        margin-right: 0
    }

    .shape-bg:not(.show-mobile) {
        display: none
    }

    .title-text .title-count {
        padding-left: 0
    }

    .title-text .title-text {
        position: relative;
        left: auto;
        top: auto;
        transform: none
    }
}

@media screen and (max-width: 767px) {
    .wide-container {
        max-width: calc(100% - 48px)
    }

    .wide-container.wide-container-half-left {
        max-width: calc(100vw - 24px);
        margin-left: 0
    }

    .wide-container.wide-container-half-right {
        max-width: calc(100vw - 24px);
        margin-right: 0
    }
}

@media screen and (max-width: 575px) {
    .information-form-modal .modal-header .close {
        top: 25%
    }

    .information-form-modal .modal-body {
        padding: 20px 20px 40px
    }

    .information-form-modal .modal-body-header {
        margin-bottom: 20px
    }

    .information-form-modal .title-text .title-count {
        padding-left: 0
    }

    .information-form-modal .title-text .title-text {
        font-size: 40px;
        line-height: 43px
    }
}

.img-aligny {
    /* height: 320px; */
    -o-object-fit: cover;
    object-fit: cover
}

.career-banner {
    padding-top: 140px;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto
}

.career-banner .text-box {
    position: relative
}

.career-banner .text-box .wrapper {
    padding: 70px 0;
    max-width: 60%;
    margin-left: auto;
    margin-right: auto
}

.career-banner .text-box .background-holder {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    background-color: #2f2e2e;
}

.career-banner .map-box {
    position: relative;
    z-index: 2
}

.career-banner .map-box .map-frame {
    max-width: 115%;
    margin-left: -15%
}

.career-banner .map-box .background-holder {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none
}

.career-banner .icon {
    min-width: 36px;
    margin-right: 16px
}

.career-banner .icon-box>div {
    margin-top: 30px
}

#svgIstanbul g>path {
    transition: all .3s ease-out
}

#svgIstanbul g>path:focus {
    outline: 0
}

#svgIstanbul g>path:hover {
    transform: translate(-8px, -8px)
}

#svgIstanbul g>path[data-toggle] {
    fill: #242425 !important;
}

.popover-body {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    min-width: 180px
}

.popover-body img {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    margin-right: 16px
}

.popover-body p {
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    .career-banner {
        padding-top: 80px;
        padding-bottom: 0;
        margin-bottom: -30px
    }

    .career-banner>div {
        position: relative
    }

    .career-banner .text-box {
        position: unset
    }

    .career-banner .text-box .wrapper {
        padding: 70px 0 50px;
        width: 450px;
        max-width: calc(100% - 48px);
        margin: 0 24px
    }

    .career-banner .icon-box>div {
        max-width: 80%
    }

    .career-banner .map-box {
        padding-bottom: 40px
    }

    .career-banner .map-box .map-frame {
        max-width: 100%;
        width: 90%;
        margin-left: 5%
    }
}


.media-banner {
    padding: 200px 0 40px
}

.bg-section {
    padding: 30px 0
}

.bg-section .background-holder img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateY(-50%)
}

.tab-box {
    padding: 80px 0
}

.tab-box .tab-head-item {
    color: #000;
    white-space: nowrap;
    border-bottom: 1px solid transparent
}

.tab-box .tab-head-item[aria-expanded=true].brown {
    color: #360707;
    border-bottom-color: #360707
}

.tab-box .tab-head-item[aria-expanded=true].blue {
    color: #121a5a;
    border-bottom-color: #121a5a
}

.tab-box .tab-head-item[aria-expanded=true].indigo {
    color: #6610f2;
    border-bottom-color: #6610f2
}

.tab-box .tab-head-item[aria-expanded=true].purple {
    color: #6f42c1;
    border-bottom-color: #6f42c1
}

.tab-box .tab-head-item[aria-expanded=true].pink {
    color: #e83e8c;
    border-bottom-color: #e83e8c
}

.tab-box .tab-head-item[aria-expanded=true].red {
    color: #dc3545;
    border-bottom-color: #dc3545
}

.tab-box .tab-head-item[aria-expanded=true].dark-red {
    color: #360707;
    border-bottom-color: #360707
}

.tab-box .tab-head-item[aria-expanded=true].orange {
    color: #f79033;
    border-bottom-color: #f79033
}


.tab-box .tab-head-item[aria-expanded=true].green {
    color: #4e501e;
    border-bottom-color: #4e501e
}

.tab-box .tab-head-item[aria-expanded=true].teal {
    color: #274425;
    border-bottom-color: #274425
}

.tab-box .tab-head-item[aria-expanded=true].cyan {
    color: #17a2b8;
    border-bottom-color: #17a2b8
}

.tab-box .tab-head-item[aria-expanded=true].white {
    color: #fff;
    border-bottom-color: #fff
}

.tab-box .tab-head-item[aria-expanded=true].gray {
    color: #707070;
    border-bottom-color: #707070
}

.tab-box .tab-head-item[aria-expanded=true].gray-dark {
    color: #363636;
    border-bottom-color: #363636
}

.tab-box .tab-head-item[aria-expanded=true].black {
    color: #000;
    border-bottom-color: #000
}

.tab-box .tab-head-holder {
    margin-bottom: 40px;
    padding-bottom: 10px
}

.tab-box .tabs-holder {
    max-width: 100%
}

@media screen and (min-width: 1921px) {
    .tab-box .tabs-holder {
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto
    }
}

.tab-box .tab-title {
    margin-bottom: 40px
}

.media-item:not(.media-item-bigger) {
    flex: 0 0 calc(25% - 22.5px);
    max-width: calc(25% - 22.5px);
    margin-right: 30px;
    margin-top: 30px
}

@media screen and (min-width: 992px) {
    .media-item:not(.media-item-bigger):nth-child(4n+4) {
        margin-right: 0
    }
}

.media-item:not(.media-item-bigger) .item-image {
    min-height: 250px
}

.media-item.media-item-bigger {
    flex: 0 0 100%;
    max-width: 100%
}

.media-item-list {
    padding-left: 14px;
    position: relative
}

.media-item-list:before {
    content: "";
    width: 2px;
    height: 100%;
    left: 0;
    background-color: #a1724a;
    position: absolute
}

.media-item-list .header {
    font-size: 30px;
    line-height: 34px
}

.media-item-list>div {
    margin-bottom: 20px
}

.media-item-list>div:last-child {
    margin-bottom: 0
}

.media-item-bigger.media-item .item-title {
    font-size: 26px;
    line-height: 30px
}

.media-item .date {
    font-size: 14px;
    line-height: 18px
}

.media-item .item-title {
    font-size: 22px;
    line-height: 26px
}

.media-item .read-more-btn {
    margin-top: 30px
}

.media-item .hover-icon {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 48px;
    height: 48px;
    z-index: 2
}

.pagination {
    margin-top: 80px
}

.pagination .pagination-item {
    margin: 0 16px;
    color: #453f38;
    font-size: 26px;
    line-height: 30px;
    opacity: .5
}

.pagination .pagination-item.dot,
.pagination .pagination-item[disabled] {
    opacity: .5;
    pointer-events: none
}

.pagination .pagination-item.active {
    opacity: 1;
    color: #000
}

.pagination .pagination-item-next,
.pagination .pagination-item-prev {
    opacity: 1
}

.pagination .pagination-item-next img,
.pagination .pagination-item-prev img {
    width: 19px;
    height: 14px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.pagination .pagination-item-next:first-child,
.pagination .pagination-item-prev:first-child {
    margin-left: 0
}

.pagination .pagination-item-next:last-child,
.pagination .pagination-item-prev:last-child {
    margin-right: 0
}

.gallery-tab-wrapper {
    width: 100%
}

.gallery-tab-wrapper>div {
    margin-bottom: 60px
}

.gallery-tab-wrapper>div:last-child {
    margin-bottom: 0
}

.gallery-row-type-1 .gallery-item {
    flex: 0 0 calc(50% - 30px);
    max-width: calc(50% - 30px);
    margin-right: 60px;
    margin-top: 60px
}

.gallery-row-type-1 .gallery-item:nth-child(2n+2) {
    margin-right: 0
}

.gallery-row-type-1 .gallery-item:first-child,
.gallery-row-type-1 .gallery-item:nth-child(2) {
    margin-top: 0
}

.gallery-row-type-2>div:first-child {
    flex: 0 0 calc(66.66667% - 30px);
    max-width: calc(66.66667% - 30px);
    margin-right: 60px
}

.gallery-row-type-2>div:nth-child(2) {
    flex: 0 0 calc(33.33333% - 30px);
    max-width: calc(33.33333% - 30px)
}

.gallery-row-type-2>div:nth-child(2)>div {
    flex: 0 0 calc(50% - 30px);
    max-height: calc(50% - 30px);
    margin-bottom: 60px
}

.gallery-row-type-2>div:nth-child(2)>div:nth-child(2) {
    margin-bottom: 0
}

.gallery-item {
    position: relative;
    overflow: hidden
}

.gallery-item .text-holder {
    position: absolute;
    left: 0;
    top: 0;
    padding: 20px;
    width: 100%;
    height: 100%;
    display: flex;
    text-decoration: none;
    align-items: flex-end;
    justify-content: flex-end;
    background-color: rgba(0, 0, 0, .29)
}

.gallery-item .text-holder .title {
    max-width: 75%;
    font-size: 26px;
    line-height: 30px;
    color: #fff
}

.gallery-item .image-holder {
    height: 100%
}

.gallery-item .image-holder img {
    transition-duration: .5s
}

.gallery-swiper {
    margin-top: 30px
}

.gallery-swiper .swiper-btns {
    margin-top: 50px
}

.div-table a,
.div-table p {
    margin-bottom: 0
}

.div-table .download img {
    transform: scaleX(-1)
}

.div-table-header {
    padding: 4px 0
}

.div-table-header .title-text {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700
}

.div-table-item {
    padding: 30px 0;
    border-bottom: 1px solid #a1724a
}

.div-table-item .icon {
    max-width: 50px
}

.media-detail {
    padding: 80px 0
}

@media screen and (max-width: 1399px) {
    .tab-box {
        padding: 80px 0 30px
    }

    .media-item:not(.media-item-bigger) .item-image {
        min-height: 220px
    }

    .media-item-list .header {
        font-size: 24px;
        line-height: 28px
    }

    .media-item-list>div {
        margin-bottom: 15px
    }

    .media-item-bigger.media-item .item-title {
        font-size: 22px;
        line-height: 28px
    }

    .media-item .date {
        font-size: 12px;
        line-height: 16px
    }

    .media-item .item-title {
        font-size: 18px;
        line-height: 22px
    }

    .media-item .hover-icon {
        width: 40px;
        height: 40px
    }

    .pagination {
        margin-top: 60px
    }

    .pagination .pagination-item {
        margin: 0 14px;
        font-size: 22px;
        line-height: 26px
    }

    .gallery-tab-wrapper>div {
        margin-bottom: 30px
    }

    .gallery-row-type-1 .gallery-item {
        flex: 0 0 calc(50% - 15px);
        max-width: calc(50% - 15px);
        margin-right: 30px;
        margin-top: 30px
    }

    .gallery-row-type-2>div:first-child {
        flex: 0 0 calc(66.66667% - 15px);
        max-width: calc(66.66667% - 15px);
        margin-right: 30px
    }

    .gallery-row-type-2>div:nth-child(2) {
        flex: 0 0 calc(33.33333% - 15px);
        max-width: calc(33.33333% - 15px)
    }

    .gallery-row-type-2>div:nth-child(2)>div {
        flex: 0 0 calc(50% - 15px);
        max-height: calc(50% - 15px);
        margin-bottom: 30px
    }

    .gallery-item .text-holder .title {
        max-width: 85%;
        font-size: 18px;
        line-height: 22px
    }

    .gallery-swiper {
        margin-top: 20px
    }

    .gallery-swiper .swiper-btns {
        margin-top: 40px
    }

    .media-detail .date {
        font-size: 12px;
        line-height: 16px
    }

    .media-detail .item-title {
        font-size: 18px;
        line-height: 22px
    }
}

@media screen and (max-width: 991px) {
    .media-item:not(.media-item-bigger) {
        flex: 0 0 calc(50% - 15px);
        max-width: calc(50% - 15px);
        margin-right: 30px;
        margin-top: 30px
    }
}

@media screen and (max-width: 991px) and (min-width: 576px) {
    .media-item:not(.media-item-bigger):nth-child(2n+2) {
        margin-right: 0
    }
}

@media screen and (max-width: 991px) {
    .gallery-item {
        position: relative;
        overflow: hidden
    }

    .gallery-item .text-holder {
        background-color: transparent
    }

    .gallery-item .text-holder .title {
        display: none
    }

    .gallery-item .image-holder {
        height: 100%
    }

    .gallery-item .image-holder img {
        transition-duration: .5s
    }
}

@media screen and (max-width: 575px) {
    .gallery-swiper {
        margin-top: 50px
    }

    .tab-box {
        padding: 80px 0 40px
    }

    .tab-box .tab-head-holder {
        margin-bottom: 20px;
        width: calc(100% + 24px);
        max-width: calc(100% + 24px)
    }

    .media-item:not(.media-item-bigger) {
        flex: 0 0 100%;
        max-width: 100%;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 40px
    }

    .media-item-bigger {
        margin-bottom: 30px
    }

    .media-item .read-more-btn {
        margin-top: 20px
    }

    .media-item .hover-icon {
        display: none
    }

    .pagination {
        margin-top: 30px
    }

    .pagination .pagination-item {
        font-size: 18px;
        line-height: 22px
    }

    .gallery-tab-wrapper {
        width: calc(100% + 48px);
        max-width: calc(100% + 48px);
        margin-left: -24px
    }

    .gallery-tab-wrapper>div {
        margin-bottom: 2px
    }

    .gallery-tab-wrapper .tab-title {
        max-width: calc(100% - 48px);
        margin-left: 24px
    }

    .gallery-row-type-1 .gallery-item {
        flex: 0 0 calc(50% - 1px);
        max-width: calc(50% - 1px);
        margin-right: 2px;
        margin-top: 2px
    }

    .gallery-row-type-2>div:first-child {
        flex: 0 0 calc(66.66667% - 1px);
        max-width: calc(66.66667% - 1px);
        margin-right: 2px
    }

    .gallery-row-type-2>div:nth-child(2) {
        flex: 0 0 calc(33.33333% - 1px);
        max-width: calc(33.33333% - 1px)
    }

    .gallery-row-type-2>div:nth-child(2)>div {
        flex: 0 0 calc(50% - 1px);
        max-height: calc(50% - 1px);
        margin-bottom: 2px
    }

    .div-table-item>div {
        padding: 8px 0
    }

    .div-table-item>div>* {
        display: flex;
        align-items: center;
        flex: 0 0 50%;
        max-width: 50%
    }

    .div-table-item .icon {
        max-width: 40px
    }

    .media-detail {
        padding: 20px 0 80px
    }

    .media-detail .wide-container {
        max-width: calc(100% - 48px);
        margin-left: 24px
    }
}


/* PROJECT */

.item-banner-brown .banner-box-hover-state:before {
    background: #360707;
    background: linear-gradient(0deg, rgba(54, 7, 7, .95), rgba(54, 7, 7, .8) 70%, rgba(54, 7, 7, .8) 71%, rgba(54, 7, 7, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#360707", endColorstr="#360707", GradientType=1)
}

.item-banner-blue .banner-box-hover-state:before {
    background: #121a5a;
    background: linear-gradient(0deg, rgba(18, 26, 90, .95), rgba(18, 26, 90, .8) 70%, rgba(18, 26, 90, .8) 71%, rgba(18, 26, 90, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#121A5A", endColorstr="#121A5A", GradientType=1)
}

.item-banner-indigo .banner-box-hover-state:before {
    background: #6610f2;
    background: linear-gradient(0deg, rgba(102, 16, 242, .95), rgba(102, 16, 242, .8) 70%, rgba(102, 16, 242, .8) 71%, rgba(102, 16, 242, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6610f2", endColorstr="#6610f2", GradientType=1)
}

.item-banner-purple .banner-box-hover-state:before {
    background: #6f42c1;
    background: linear-gradient(0deg, rgba(111, 66, 193, .95), rgba(111, 66, 193, .8) 70%, rgba(111, 66, 193, .8) 71%, rgba(111, 66, 193, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6f42c1", endColorstr="#6f42c1", GradientType=1)
}

.item-banner-pink .banner-box-hover-state:before {
    background: #e83e8c;
    background: linear-gradient(0deg, rgba(232, 62, 140, .95), rgba(232, 62, 140, .8) 70%, rgba(232, 62, 140, .8) 71%, rgba(232, 62, 140, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e83e8c", endColorstr="#e83e8c", GradientType=1)
}

.item-banner-red .banner-box-hover-state:before {
    background: #dc3545;
    background: linear-gradient(0deg, rgba(220, 53, 69, .95), rgba(220, 53, 69, .8) 70%, rgba(220, 53, 69, .8) 71%, rgba(220, 53, 69, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dc3545", endColorstr="#dc3545", GradientType=1)
}

.item-banner-dark-red .banner-box-hover-state:before {
    background: #360707;
    background: linear-gradient(0deg, rgba(54, 7, 7, .95), rgba(54, 7, 7, .8) 70%, rgba(54, 7, 7, .8) 71%, rgba(54, 7, 7, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#360707", endColorstr="#360707", GradientType=1)
}

.item-banner-orange .banner-box-hover-state:before {
    background: #f79033;
    background: linear-gradient(0deg, rgba(247, 144, 51, .95), rgba(247, 144, 51, .8) 70%, rgba(247, 144, 51, .8) 71%, rgba(247, 144, 51, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F79033", endColorstr="#F79033", GradientType=1)
}

.item-banner-yellow .banner-box-hover-state:before {
    background: #a1724a;
    background: linear-gradient(0deg, rgba(161, 114, 74, .95), rgba(161, 114, 74, .8) 70%, rgba(161, 114, 74, .8) 71%, rgba(161, 114, 74, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A1724A", endColorstr="#A1724A", GradientType=1)
}

.item-banner-green .banner-box-hover-state:before {
    background: #4e501e;
    background: linear-gradient(0deg, rgba(78, 80, 30, .95), rgba(78, 80, 30, .8) 70%, rgba(78, 80, 30, .8) 71%, rgba(78, 80, 30, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4e501e", endColorstr="#4e501e", GradientType=1)
}

.item-banner-teal .banner-box-hover-state:before {
    background: #274425;
    background: linear-gradient(0deg, rgba(39, 68, 37, .95), rgba(39, 68, 37, .8) 70%, rgba(39, 68, 37, .8) 71%, rgba(39, 68, 37, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#274425", endColorstr="#274425", GradientType=1)
}

.item-banner-cyan .banner-box-hover-state:before {
    background: #17a2b8;
    background: linear-gradient(0deg, rgba(23, 162, 184, .95), rgba(23, 162, 184, .8) 70%, rgba(23, 162, 184, .8) 71%, rgba(23, 162, 184, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#17a2b8", endColorstr="#17a2b8", GradientType=1)
}

.item-banner-white .banner-box-hover-state:before {
    background: #fff;
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .8) 70%, hsla(0, 0%, 100%, .8) 71%, hsla(0, 0%, 100%, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff", endColorstr="#fff", GradientType=1)
}

.item-banner-gray .banner-box-hover-state:before {
    background: #707070;
    background: linear-gradient(0deg, hsla(0, 0%, 43.9%, .95), hsla(0, 0%, 43.9%, .8) 70%, hsla(0, 0%, 43.9%, .8) 71%, hsla(0, 0%, 43.9%, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#707070", endColorstr="#707070", GradientType=1)
}

.item-banner-gray-dark .banner-box-hover-state:before {
    background: #363636;
    background: linear-gradient(0deg, rgba(54, 54, 54, .95), rgba(54, 54, 54, .8) 70%, rgba(54, 54, 54, .8) 71%, rgba(54, 54, 54, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#363636", endColorstr="#363636", GradientType=1)
}

.item-banner-black .banner-box-hover-state:before {
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, .95), rgba(0, 0, 0, .8) 70%, rgba(0, 0, 0, .8) 71%, transparent);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000", endColorstr="#000", GradientType=1)
}

.item-banner {
    overflow: hidden;
    padding: 30px 0
}

.item-banner:nth-child(odd) .text-box>* {
    text-align: right
}

.item-banner .text-box {
    padding-bottom: 60px
}

@media screen and (max-width: 1400px) {
    .item-banner .text-box {
        padding-bottom: 40px
    }
}

.item-banner .banner-box {
    position: relative;
    overflow: hidden
}

.item-banner .banner-box-bg img {
    width: 100%;
    height: 44.3vw;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 75%;
    object-position: 50% 75%;
    transform: scale(1.15);
    transition: all .5s ease-out 0s
}

@media screen and (min-width: 992px) {
    .item-banner .banner-box-bg img {
        max-height: calc(100vh - 76px)
    }
}

@media screen and (min-width: 1200px) {
    .item-banner .banner-box-bg img {
        max-height: calc(100vh - 110px)
    }
}

@media screen and (min-width: 1400px) {
    .item-banner .banner-box-bg img {
        max-height: calc(100vh - 130px)
    }
}

.item-banner .banner-box-main-state {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: all .35s ease-out 0s
}

.item-banner .banner-box-main-state .item-image {
    height: auto
}

@media screen and (min-width: 768px) {
    .item-banner .banner-box-main-state .item-image {
        max-width: 33%
    }
}

.item-banner .banner-box-hover-state {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: all .5s ease-out 0s
}

.item-banner .banner-box-hover-state:before {
    content: "";
    width: 100%;
    height: 140%;
    z-index: -1;
    position: absolute;
    left: 0;
    top: -40%;
    opacity: 1;
    pointer-events: none;
    transition: all .5s ease-out 0s
}

.item-banner .banner-box-hover-state .item-image {
    max-width: 80%;
    height: auto
}

@media screen and (max-width: 1399px) and (min-width: 992px) {
    .item-banner .banner-box-hover-state .item-image {
        max-height: 280px;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center
    }
}

.item-banner .banner-box-hover-state .banner-box-anchor {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%
}

@media screen and (min-width: 576px) {
    .item-banner .banner-box:hover .banner-box-bg img {
        transform: scale(1);
        transition-delay: 0s
    }

    .item-banner .banner-box:hover .banner-box-hover-state {
        top: 0;
        transition-delay: 0s
    }

    .item-banner .banner-box:hover .banner-box-hover-state:before {
        opacity: .6;
        transition-delay: 0s
    }

    .item-banner .banner-box:hover .banner-box-main-state {
        opacity: 0;
        transition-delay: 0s
    }
}

@media screen and (max-width: 575px) {
    .item-banner .banner-box.is-hover .banner-box-bg img {
        transform: scale(1);
        transition-delay: 0s
    }

    .item-banner .banner-box.is-hover .banner-box-hover-state {
        top: 0;
        transition-delay: 0s
    }

    .item-banner .banner-box.is-hover .banner-box-hover-state:before {
        opacity: .6;
        transition-delay: 0s
    }

    .item-banner .banner-box.is-hover .banner-box-main-state {
        opacity: 0;
        transition-delay: 0s
    }
}

.item-banner:nth-child(2n) .text-box {
    right: 60px
}

.item-banner:nth-child(2n) .text-box[data-animated=true] {
    right: 0
}

.item-banner:nth-child(2n) .banner-box {
    left: 60px
}

.item-banner:nth-child(2n) .banner-box[data-animated=true] {
    left: 0
}

.item-banner:nth-child(odd) .text-box {
    left: 60px
}

.item-banner:nth-child(odd) .text-box[data-animated=true] {
    left: 0
}

.item-banner:nth-child(odd) .banner-box {
    right: 60px
}

.item-banner:nth-child(odd) .banner-box[data-animated=true] {
    right: 0
}

@media screen and (max-width: 767px) {
    .item-banner .banner-box-main-state .item-image {
        height: 30vw
    }
}

@media screen and (max-width: 767px) and (min-width: 576px) {
    .item-banner .banner-box-hover-state .item-image {
        height: calc(33.33333vw - 16px);
        width: auto
    }
}

@media screen and (max-width: 575px) {
    .item-banner {
        padding: 40px 0
    }

    .item-banner .h6 {
        font-size: 14px;
        line-height: 22px
    }

    .item-banner .read-more-btn {
        margin-top: 30px;
        font-weight: 700
    }

    .item-banner .text-box {
        padding-bottom: 40px
    }

    .item-banner .banner-box-main-state .item-image {
        height: auto;
        padding-bottom: 20vh;
        max-width: 75vw
    }

    .item-banner .banner-box-hover-state .item-image {
        max-width: 205px;
        max-height: 280px;
        padding-bottom: 6vh;
        -o-object-fit: contain;
        object-fit: contain
    }

    .item-banner .banner-box-bg img {
        height: calc(100vh - 66px);
        width: auto;
        max-width: none;
        max-height: 100vh
    }

    .item-banner .banner-box.is-hover .mobile-swipe-button {
        top: 0
    }

    .item-banner .banner-box.is-hover .mobile-swipe-button img {
        transform: scaleY(-1)
    }

    .item-banner .mobile-swipe-button {
        position: absolute;
        left: 0;
        top: -12%;
        width: 100%;
        height: 12%;
        z-index: 3;
        transition: all .5s ease-out 0s
    }

    .item-banner .mobile-swipe-button img {
        transition: all .35s ease-out 0s
    }
}

.main-banner.project-main {
    padding: 200px 0 0;
    position: relative
}

.main-banner.project-main .content-title {
    margin-bottom: 0.75vh
}

.main-banner.project-main .background-holder {
    position: absolute;
    right: 60px;
    top: 190px;
    height: auto;
    pointer-events: none;
    z-index: -1
}

.project-item {
    margin: 20px 0
}

.project-item .title-text {
    position: absolute;
    top: 0;
    z-index: -1
}

.project-item img {
    max-height: calc(100vh - 90px);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media screen and (min-width: 992px) {
    .swipers-box>div:first-child {
        padding-right: 20px
    }

    .swipers-box>div:nth-child(2) {
        padding-left: 20px
    }
}

@media screen and (min-width: 1200px) {
    .swipers-box>div:first-child {
        padding-right: 40px
    }

    .swipers-box>div:nth-child(2) {
        padding-left: 40px
    }
}

@media screen and (min-width: 1400px) {
    .swipers-box>div:first-child {
        padding-right: 60px
    }

    .swipers-box>div:nth-child(2) {
        padding-left: 60px
    }
}

@media screen and (min-width: 1600px) {
    .swipers-box>div:first-child {
        padding-right: 80px
    }

    .swipers-box>div:nth-child(2) {
        padding-left: 80px
    }
}

.blog-item {
    padding: 0px 0px 0px 0px;
}

.blog-item .heading-text {
    font-size: 32px;
    line-height: 35px;
    max-width: 542px;
    width: 100%
}

#blog-swiper {
    padding-top: 0px;
    margin-top: 30px;
}

#blog-swiper .swiper-slide .image-holder img {
    width: 100%;
    height: auto
}

#blog-pagination {
    padding-top: 7.5vh
}

.location-item {
    padding: 60px 0
}

.detail-boxes .image-box>div {
    position: relative
}

.detail-boxes .image-box>div:before {
    content: "";
    width: 100%;
    height: 50%;
    left: 0;
    bottom: 0;
    pointer-events: none;
    position: absolute
}

.detail-boxes .image-box img {
    height: auto;
    max-height: calc(100vh - 70px);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.detail-boxes .image-box .information-box {
    padding: 24px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 812px;
    max-width: calc(100% - 24px)
}

.detail-boxes .image-box-brown>div:before {
    background: #360707;
    background: linear-gradient(0deg, rgba(54, 7, 7, .7), rgba(54, 7, 7, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#360707", endColorstr="#360707", GradientType=1)
}

.detail-boxes .image-box-blue>div:before {
    background: #121a5a;
    background: linear-gradient(0deg, rgba(18, 26, 90, .7), rgba(18, 26, 90, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#121A5A", endColorstr="#121A5A", GradientType=1)
}

.detail-boxes .image-box-indigo>div:before {
    background: #6610f2;
    background: linear-gradient(0deg, rgba(102, 16, 242, .7), rgba(102, 16, 242, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6610f2", endColorstr="#6610f2", GradientType=1)
}

.detail-boxes .image-box-purple>div:before {
    background: #6f42c1;
    background: linear-gradient(0deg, rgba(111, 66, 193, .7), rgba(111, 66, 193, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6f42c1", endColorstr="#6f42c1", GradientType=1)
}

.detail-boxes .image-box-pink>div:before {
    background: #e83e8c;
    background: linear-gradient(0deg, rgba(232, 62, 140, .7), rgba(232, 62, 140, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e83e8c", endColorstr="#e83e8c", GradientType=1)
}

.detail-boxes .image-box-red>div:before {
    background: #dc3545;
    background: linear-gradient(0deg, rgba(220, 53, 69, .7), rgba(220, 53, 69, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dc3545", endColorstr="#dc3545", GradientType=1)
}

.detail-boxes .image-box-dark-red>div:before {
    background: #360707;
    background: linear-gradient(0deg, rgba(54, 7, 7, .7), rgba(54, 7, 7, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#360707", endColorstr="#360707", GradientType=1)
}

.detail-boxes .image-box-orange>div:before {
    background: #f79033;
    background: linear-gradient(0deg, rgba(247, 144, 51, .7), rgba(247, 144, 51, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F79033", endColorstr="#F79033", GradientType=1)
}

.detail-boxes .image-box-yellow>div:before {
    background: #a1724a;
    background: linear-gradient(0deg, rgba(161, 114, 74, .7), rgba(161, 114, 74, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A1724A", endColorstr="#A1724A", GradientType=1)
}

.detail-boxes .image-box-green>div:before {
    background: #4e501e;
    background: linear-gradient(0deg, rgba(78, 80, 30, .7), rgba(78, 80, 30, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4e501e", endColorstr="#4e501e", GradientType=1)
}

.detail-boxes .image-box-teal>div:before {
    background: #274425;
    background: linear-gradient(0deg, rgb(57 59 57 / 70%), rgba(39, 68, 37, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#274425", endColorstr="#274425", GradientType=1)
}

.detail-boxes .image-box-cyan>div:before {
    background: #17a2b8;
    background: linear-gradient(0deg, rgba(23, 162, 184, .7), rgba(23, 162, 184, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#17a2b8", endColorstr="#17a2b8", GradientType=1)
}

.detail-boxes .image-box-white>div:before {
    background: #fff;
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff", endColorstr="#fff", GradientType=1)
}

.detail-boxes .image-box-gray>div:before {
    background: #707070;
    background: linear-gradient(0deg, hsla(0, 0%, 43.9%, .7), hsla(0, 0%, 43.9%, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#707070", endColorstr="#707070", GradientType=1)
}

.detail-boxes .image-box-gray-dark>div:before {
    background: #363636;
    background: linear-gradient(0deg, rgba(54, 54, 54, .7), rgba(54, 54, 54, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#363636", endColorstr="#363636", GradientType=1)
}

.detail-boxes .image-box-black>div:before {
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, .7), transparent);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000", endColorstr="#000", GradientType=1)
}

.gallery-item {
    padding: 60px 0
}

.gallery-item .gallery-collapse-btn {
    color: #000
}

.gallery-item .gallery-collapse-btn.brown[aria-expanded=true] {
    color: #360707
}

.gallery-item .gallery-collapse-btn.blue[aria-expanded=true] {
    color: #121a5a
}

.gallery-item .gallery-collapse-btn.indigo[aria-expanded=true] {
    color: #6610f2
}

.gallery-item .gallery-collapse-btn.purple[aria-expanded=true] {
    color: #6f42c1
}

.gallery-item .gallery-collapse-btn.pink[aria-expanded=true] {
    color: #e83e8c
}

.gallery-item .gallery-collapse-btn.red[aria-expanded=true] {
    color: #dc3545
}

.gallery-item .gallery-collapse-btn.dark-red[aria-expanded=true] {
    color: #360707
}

.gallery-item .gallery-collapse-btn.orange[aria-expanded=true] {
    color: #f79033
}

.gallery-item .gallery-collapse-btn.yellow[aria-expanded=true] {
    color: #a1724a
}

.gallery-item .gallery-collapse-btn.green[aria-expanded=true] {
    color: #4e501e
}

.gallery-item .gallery-collapse-btn.teal[aria-expanded=true] {
    color: #274425
}

.gallery-item .gallery-collapse-btn.cyan[aria-expanded=true] {
    color: #17a2b8
}

.gallery-item .gallery-collapse-btn.white[aria-expanded=true] {
    color: #fff
}

.gallery-item .gallery-collapse-btn.gray[aria-expanded=true] {
    color: #707070
}

.gallery-item .gallery-collapse-btn.gray-dark[aria-expanded=true] {
    color: #363636
}

.gallery-item .gallery-collapse-btn.black[aria-expanded=true] {
    color: #000
}

.gallery-swiper-page .swiper-slide img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    max-width: 100%
}

.gallery-modal-bullet-swiper .swiper-slide {
    opacity: .6;
    transition: all .35s ease-out
}

.gallery-modal-bullet-swiper .swiper-slide>a {
    height: 150px;
    transition: all .35s ease-out
}

.gallery-modal-bullet-swiper .swiper-slide>a img {
    height: 112px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .35s ease-out
}

.gallery-modal-bullet-swiper .swiper-slide-active {
    opacity: 1
}

.gallery-modal-bullet-swiper .swiper-slide-active>a {
    transform: scaleX(1.2)
}

.gallery-modal-bullet-swiper .swiper-slide-active>a img {
    height: 150px
}

#gallery-main-box {
    padding-top: 0px;
}

.gallery-modal-main-swiper {
    margin-bottom: 40px
}

.gallery-modal-main-swiper .swiper-slide img {
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.gallery-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(56, 56, 56, .9);
    padding: 10vh 0 3vh;
    z-index: 105;
    display: none
}

.gallery-modal .bullet-holder {
    position: relative;
    padding: 0 86px
}

.gallery-modal .bullet-holder .swiper-btn-holder {
    position: absolute;
    left: 20px;
    top: 50%;
    width: calc(100% - 40px);
    transform: translateY(-50%)
}

.gallery-modal .wide-container {
    position: relative;
    overflow: auto;
    max-height: 100%
}

.gallery-modal .wide-container::-webkit-scrollbar {
    width: 8px
}

.gallery-modal .wide-container::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 100%, .6);
    border-radius: 4px
}

.gallery-modal .content-text {
    font-size: 18px;
    line-height: 28px
}

.gallery-modal .close-btn {
    position: absolute;
    right: 12px;
    top: 0;
    z-index: 2
}

.film-item {
    padding: 0 0 90px
}

.film-item .video-holder {
    overflow: hidden;
    position: relative
}

.film-item .video-holder img,
.film-item .video-holder source,
.film-item .video-holder video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.film-item .video-holder:before {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 8px;
    position: absolute;
    background: rgba(0, 0, 0, .4)
}

.film-item .video-box {
    position: relative
}

.film-item .text-holder {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    max-height: 100%
}

.film-item .text-holder>div {
    padding-bottom: 60px
}

.map-item .map-box {
    padding-top: 90px
}

.tab-box {
    padding: 60px 0 110px
}

.tab-box .tab-head-item {
    color: #000;
    white-space: nowrap;
    border-bottom: 1px solid transparent
}

.tab-box .tab-head-item[aria-expanded=true].brown {
    color: #360707;
    border-bottom-color: #360707
}

.tab-box .tab-head-item[aria-expanded=true].blue {
    color: #121a5a;
    border-bottom-color: #121a5a
}

.tab-box .tab-head-item[aria-expanded=true].indigo {
    color: #6610f2;
    border-bottom-color: #6610f2
}

.tab-box .tab-head-item[aria-expanded=true].purple {
    color: #6f42c1;
    border-bottom-color: #6f42c1
}

.tab-box .tab-head-item[aria-expanded=true].pink {
    color: #e83e8c;
    border-bottom-color: #e83e8c
}

.tab-box .tab-head-item[aria-expanded=true].red {
    color: #dc3545;
    border-bottom-color: #dc3545
}

.tab-box .tab-head-item[aria-expanded=true].dark-red {
    color: #360707;
    border-bottom-color: #360707
}

.tab-box .tab-head-item[aria-expanded=true].orange {
    color: #f79033;
    border-bottom-color: #f79033
}

.tab-box .tab-head-item[aria-expanded=true].yellow {
    color: #2f2e2e;
    border-bottom-color: #2f2e2e;
}

.tab-box .tab-head-item[aria-expanded=true].green {
    color: #4e501e;
    border-bottom-color: #4e501e
}

.tab-box .tab-head-item[aria-expanded=true].teal {
    color: #274425;
    border-bottom-color: #274425
}

.tab-box .tab-head-item[aria-expanded=true].cyan {
    color: #17a2b8;
    border-bottom-color: #17a2b8
}

.tab-box .tab-head-item[aria-expanded=true].white {
    color: #fff;
    border-bottom-color: #fff
}

.tab-box .tab-head-item[aria-expanded=true].gray {
    color: #707070;
    border-bottom-color: #707070
}

.tab-box .tab-head-item[aria-expanded=true].gray-dark {
    color: #363636;
    border-bottom-color: #363636
}

.tab-box .tab-head-item[aria-expanded=true].black {
    color: #000;
    border-bottom-color: #000
}

.tab-box .tab-head-holder {
    margin-bottom: 40px;
    padding-bottom: 10px
}

.tab-box .tabs-holder {
    max-width: 100%;
    margin-bottom: 40px
}

@media screen and (min-width: 1921px) {
    .tab-box .tabs-holder {
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto
    }
}

.tab-box .brand-boxes {
    margin: 80px auto 10px
}

.tab-box .brand-box img {
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.tab-swiper .swiper-slide {
    width: 783px
}

.tab-swiper .swiper-slide .item-box {
    position: relative;
    overflow: hidden
}

.tab-swiper .swiper-slide .item-box .image-holder img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    max-height: calc(100vh - 142px);
    transition: all .5s ease-out
}

.tab-swiper .swiper-slide .item-box:hover .image-holder img {
    transform: scale(1.1)
}

.tab-swiper .swiper-slide .text-holder {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 100%;
    padding: 16px 80px;
    background-color: #fff;
    pointer-events: none
}

.tab-swiper .swiper-btns {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 0;
    z-index: 2;
    pointer-events: none
}

.tab-swiper .swiper-btns .swiper-btn {
    pointer-events: all;
    background-color: #fff;
    border-radius: 50%
}

.award-item {
    padding: 0 0 110px
}

.award-swiper .swiper-slide {
    width: 321px
}

.award-swiper .image-holder img {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.mixin-box {
    padding: 80px 0
}

.mixin-box .context-text {
    max-height: 234px;
    overflow: hidden
}

.mixin-box .upper-row>div:first-child {
    flex: 0 0 calc(36.7% - 11px);
    max-width: calc(36.7% - 11px);
    margin-right: 11px
}

.mixin-box .upper-row>div:nth-child(2) {
    flex: 0 0 calc(63.3% - 11px);
    max-width: calc(63.3% - 11px);
    margin-left: 11px;
    transform: translateY(20%)
}

.mixin-box .lower-row {
    flex: 0 0 calc(63.075% - 11px);
    max-width: calc(63.075% - 11px)
}

.mixin-box .lower-row>div {
    margin-top: 22px
}

@media screen and (max-width: 1199px) {
    .mixin-box {
        padding: 60px 0
    }

    .mixin-box .context-text {
        max-height: none;
        overflow: unset
    }

    .mixin-box .upper-row>div:first-child {
        margin-right: 1px
    }

    .mixin-box .upper-row>div:nth-child(2) {
        transform: none;
        margin-left: 1px
    }

    .mixin-box .upper-row>div:first-child,
    .mixin-box .upper-row>div:nth-child(2) {
        flex: 0 0 calc(50% - 1px);
        max-width: calc(50% - 1px)
    }

    .mixin-box .upper-row>div:first-child img,
    .mixin-box .upper-row>div:nth-child(2) img {
        max-height: 45vh
    }

    .mixin-box .lower-row,
    .mixin-box .lower-row>div {
        flex: 0 0 100%;
        max-width: 100%
    }

    .mixin-box .lower-row>div {
        width: 100%;
        margin-top: 1px
    }

    .mixin-box .lower-row>div img {
        width: 100%;
        max-height: 45vh
    }
}

@media screen and (max-width: 575px) {
    .mixin-box {
        padding: 50px 0 20px
    }

    .mixin-box .wide-container {
        max-width: 100%;
        margin: 0
    }

    .mixin-box .wide-container>div {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1200px) {
    .location-item .image-box {
        padding-top: 0px !important;
    }
}

@media screen and (max-width: 1399px) {
    .main-banner.project-main {
        padding: 220px 0 5vh
    }

    .main-banner.about-main {
        padding: 150px 0 5vh
    }

    .main-banner.project-main .content-title {
        font-size: 60px;
        line-height: 70px
    }

    .main-banner.project-main .background-holder {
        top: 140px;
        right: 0;
        max-width: 100%
    }

    .main-banner.project-main .background-holder img {
        max-width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: top center;
        object-position: top center
    }

    .detail-boxes .image-box .information-box .h3 {
        font-size: 40px;
        line-height: 44px
    }

    .detail-boxes .image-box .information-box .h3 .h6 {
        font-size: 16px
    }

    .gallery-modal .content-text {
        font-size: 15px;
        line-height: 20px
    }

    .gallery-modal-bullet-swiper .swiper-slide>a img {
        height: 90px
    }

    .gallery-modal-bullet-swiper .swiper-slide-active>a img {
        height: 126px
    }
}

@media screen and (max-width: 1199px) {
    .blog-item .heading-text {
        font-size: 28px;
        line-height: 32px
    }

    .location-item .text-area .h4 {
        font-size: 32px;
        line-height: 36px
    }
}

@media screen and (max-width: 1199px) and (min-width: 576px) {
    .location-item .text-area .h6 {
        font-size: 16px;
        line-height: 20px
    }
}

@media screen and (max-width: 1199px) {
    .tab-swiper .swiper-slide {
        width: 640px
    }
}

@media screen and (max-width: 991px) {
    .main-banner .more-info-btn-holder-project .trigger-btn {
        position: absolute;
        right: 0;
        z-index: 1;
    }

    .main-banner .more-info-btn-holder-project {
        left: auto;
        right: 0 !important;
        top: 20%;
        bottom: auto;
        width: auto;
    }

    .main-banner.project-main {
        padding: 110px 0 80px;
        margin-top: 0 !important;
    }

    .main-banner.project-main .content-title {
        font-size: 40px;
        line-height: 46px
    }

    .main-banner.project-main .background-holder {
        top: 0;
        right: 0;
        max-width: 100%
    }

    .main-banner.project-main .background-holder img {
        max-width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }

    .project-item {
        margin: 40px 0
    }

    .tab-box.tab-box-main {
        padding-bottom: 20px
    }

    .swipers-box.wide-container,
    .tab-box .wide-container {
        max-width: 100%;
        margin: 0
    }

    #blog-swiper {
        padding-top: 0
    }

    .location-item .wide-container {
        max-width: 100%;
        margin: 0
    }

    .gallery-item {
        padding: 50px 0
    }

    .gallery-item .wide-container {
        max-width: 100%;
        margin: 0
    }

    .gallery-item .gallery-collapse-btn {
        white-space: nowrap
    }

    .gallery-item .gallery-collapse-btn.brown[aria-expanded=true] {
        border-bottom: 1px solid #360707
    }

    .gallery-item .gallery-collapse-btn.blue[aria-expanded=true] {
        border-bottom: 1px solid #121a5a
    }

    .gallery-item .gallery-collapse-btn.indigo[aria-expanded=true] {
        border-bottom: 1px solid #6610f2
    }

    .gallery-item .gallery-collapse-btn.purple[aria-expanded=true] {
        border-bottom: 1px solid #6f42c1
    }

    .gallery-item .gallery-collapse-btn.pink[aria-expanded=true] {
        border-bottom: 1px solid #e83e8c
    }

    .gallery-item .gallery-collapse-btn.red[aria-expanded=true] {
        border-bottom: 1px solid #dc3545
    }

    .gallery-item .gallery-collapse-btn.dark-red[aria-expanded=true] {
        border-bottom: 1px solid #360707
    }

    .gallery-item .gallery-collapse-btn.orange[aria-expanded=true] {
        border-bottom: 1px solid #f79033
    }

    .gallery-item .gallery-collapse-btn.yellow[aria-expanded=true] {
        border-bottom: 1px solid #a1724a
    }

    .gallery-item .gallery-collapse-btn.green[aria-expanded=true] {
        border-bottom: 1px solid #4e501e
    }

    .gallery-item .gallery-collapse-btn.teal[aria-expanded=true] {
        border-bottom: 1px solid #274425
    }

    .gallery-item .gallery-collapse-btn.cyan[aria-expanded=true] {
        border-bottom: 1px solid #17a2b8
    }

    .gallery-item .gallery-collapse-btn.white[aria-expanded=true] {
        border-bottom: 1px solid #fff
    }

    .gallery-item .gallery-collapse-btn.gray[aria-expanded=true] {
        border-bottom: 1px solid #707070
    }

    .gallery-item .gallery-collapse-btn.gray-dark[aria-expanded=true] {
        border-bottom: 1px solid #363636
    }

    .gallery-item .gallery-collapse-btn.black[aria-expanded=true] {
        border-bottom: 1px solid #000
    }

    #gallery-main-box {
        padding-top: 0
    }

    .gallery-modal .close-btn {
        position: fixed;
        right: 6px;
        top: 18px
    }

    .gallery-modal .close-btn img {
        width: 24px;
        height: 24px
    }

    .film-item {
        padding: 0 0 80px
    }

    .film-item>.wide-container,
    .film-item>.wide-container .title-text,
    .film-item>.wide-container>div {
        width: 100%
    }

    .film-item .text-holder>div {
        padding-bottom: 20px
    }

    .map-item {
        padding: 0 0 80px
    }

    .map-item .wide-container {
        max-width: 100%;
        margin: 0
    }

    .map-item .map-box {
        padding-top: 0;
        margin-bottom: 50px
    }

    .tab-box {
        padding: 0 0 50px
    }

    .tab-box .tab-head-holder {
        max-width: calc(100% - 16px);
        overflow: auto;
        margin-left: 16px;
        margin-bottom: 30px
    }

    .tab-box .tabs-holder {
        margin-bottom: 40px
    }

    .tab-swiper .swiper-slide {
        width: 520px
    }

    .award-swiper {
        padding: 40px 0
    }

    .award-item {
        padding: 0 0 50px
    }
}

@media screen and (max-width: 767px) {
    .tab-box .brand-boxes {
        margin: 40px auto
    }

    .detail-boxes .image-box .information-box {
        width: auto;
        max-width: 100%;
        padding: 12px
    }

    .detail-boxes .image-box .information-box .h3 {
        font-size: 28px;
        line-height: 30px
    }

    .detail-boxes .image-box .information-box .h3 .h6 {
        font-size: 13px;
        line-height: 16px;
        font-weight: 400 !important
    }

    .detail-boxes .image-box .information-box .h6 {
        font-size: 12px;
        line-height: 14px
    }

    .location-item .title-text {
        margin-bottom: 0px
    }

    .film-item {
        padding: 0 0 80px
    }

    .film-item .video-holder img,
    .film-item .video-holder source,
    .film-item .video-holder video {
        width: 100%;
        height: 100%;
        max-width: 100%;
        min-height: 70vh;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }

    .tab-swiper .swiper-wrapper {
        padding: 36px 0
    }

    .tab-swiper .swiper-slide {
        width: 460px
    }

    .tab-swiper .swiper-slide>div {
        transition: all .35s ease-out
    }

    .tab-swiper .swiper-slide .text-holder {
        padding: 5px 30px;
        bottom: auto;
        right: auto;
        left: 0;
        top: 0
    }

    .tab-swiper .swiper-slide .text-holder .h4 {
        font-size: 14px;
        line-height: 18px
    }

    .tab-swiper .swiper-slide-active>div {
        transform: scale(1.2)
    }
}

@media screen and (max-width: 575px) {
    .project-item {
        margin: 20px 0
    }

    .blog-item {
        padding: 0 0 0 0
    }

    #blog-swiper {
        margin-top: 15px;
        height: 175px;
    }

    .mobile-p.h6 {
        font-size: 14px;
        line-height: 24px
    }

    .location-item {
        padding: 20px 0 30px
    }

    .gallery-modal .wide-container {
        margin: 0;
        max-width: 100%
    }

    .gallery-modal .bullet-holder {
        padding: 0 71px
    }

    .gallery-modal .bullet-holder .swiper-btn,
    .gallery-modal .bullet-holder .swiper-btn img {
        width: 40px;
        height: 40px
    }

    .gallery-modal .bullet-holder .swiper-btn-holder {
        left: 16px;
        width: calc(100% - 32px)
    }

    .gallery-modal-bullet-swiper .swiper-slide>a img {
        height: 65px
    }

    .gallery-modal-bullet-swiper .swiper-slide-active>a img {
        height: 102px
    }

    .tab-swiper .swiper-slide {
        width: 300px
    }

    .award-item .wide-container {
        max-width: 100%;
        margin: 0
    }
}

.tab-swiper .swiper-btn-holder {
    height: 0;
    transform: translateY(50%);
    left: calc(50% - 50vw + 92px);
    width: calc(100vw - 184px);
    position: absolute;
    top: 50%;
    z-index: 2;
}

.main-banner .more-info-btn-holder-project {
    z-index: 2;
    position: absolute;
    bottom: 0;
    right: calc(50% + 313px);
    width: calc(50% - 321px);
}

.proje_link {
    text-decoration: none;
    color: #000;
}

.proje_link:hover {
    color: #000;
}

.video_poster {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}


.main-banner.fullscreen-banner {
    padding: 0;

}

.main-banner.fullscreen-banner .swiper {
    height: 100%;
    min-height: 100vh;
    transition: all .3s ease-out
}

.contact-section #map {
    width: 100%;
    height: 550px;
}

.contact-form {
    width: 100%;
    max-width: 460px;
    padding: 70px 0;
    margin: 0 auto;
}

.contact-form-title {
    color: #212529;
}

.contact-form-checkbox label {
    display: flex;
    align-items: flex-start;
}

.contact-form-checkbox label input {
    flex-shrink: 0;
}

.contact-form-checkbox label span {
    font-size: 14px;
}

.career {
    padding-top: 8%;
}

.career-left {
    padding-top: 8%;
}

.career-left .title {
    font-size: clamp(30px, 3.125vw, 60px);
}

.career-right .title,
.photo-title {
    font-size: clamp(40px, 4.17vw, 80px);
}

.career-items {
    margin-bottom: 40px;
}

.career-items .career-item {
    padding: 20px 0;
}

.text-content {
    padding-bottom: 60px !important;
}

.photo-section {
    padding-top: 0;
}

.project-detail-content-title {
    font-size: 20px;
    margin-bottom: 16px;
}

.project-detail-single ul {
    padding-left: 10px;
    margin-bottom: 32px;
}

.project-detail-single ul li {
    font-size: 16px;
}

.project-map #map {
    min-height: 500px;
}

.project-detail-video {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%;

    position: relative
}

.project-detail-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.project-heading-text {
    font-size: clamp(24px, 1.67vw, 32px);
    line-height: 1.1;
    max-width: 542px;
    width: 100%;
    margin-bottom: 0;
}

@media (min-width: 991px) {
    #footer .footer-menu-item .footer-menu-item-title {
        pointer-events: none;
    }
}

@media (max-width: 991px) {

    #nav .logo-holder, #nav .logo-holder img {
        width: auto;
    }

    #nav .logo-holder img {
        max-height: 60px;
    }

    .contact-form-title {
        color: #fff;
    }

    .contact-form {
        margin: 0;
        padding: 20px 0;
    }

    .contact-form-checkbox label span {
        color: #c6c6c6;
    }

    .contact-form-checkbox label span a {
        color: #fff;
    }

    .career {
        padding-top: 100px;
        padding-bottom: 40px;
    }

    .media-banner {
        padding-top: 120px;
        padding-bottom: 40px;
    }

    .tab-box .tab-title {
        padding-left: 16px;
        margin-bottom: 20px;
    }

    .div-table-item {
        padding: 16px !important;
    }

    .detail-boxes {
        padding-top: 0 !important;
    }

    .main-banner .more-info-btn a {
        white-space: nowrap;
        padding: 12px;
        font-size: 14px;
        right: -41px;
        bottom: 41px;
    }

    .project-map {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .project-map #map {
        min-height: 400px;
    }

    .text-content .text-content-title {
        margin-bottom: 20px;
    }

    .text-content .text-content-subtitle {
        font-size: 18px;
        margin-bottom: 16px;
    }

    .project-heading-text {
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .mobile-p {
        font-size: 14px;
        line-height: 20px;
    }

    .project-detail-single ul {
        padding-left: 10px;
        margin-bottom: 16px;
    }

    .project-detail-single ul li {
        font-size: 14px;
        line-height: 20px;
    }

    .contact-section #map {
        height: 400px;
    }

    .text-content .wide-container {
        max-width: 100%;
    }
}