@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&family=Ubuntu:wght@300;400;500;700&display=swap);@-webkit-keyframes filteringFade {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes filteringFade {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes filteredFade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes filteredFade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes filteringScaleY {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@keyframes filteringScaleY {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@-webkit-keyframes filteredScaleY {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes filteredScaleY {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes fancybox-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fancybox-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes fancybox-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@keyframes fancybox-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@-webkit-keyframes fancybox-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fancybox-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fancybox-fadeOut {
    to {
        opacity: 0
    }
}

@keyframes fancybox-fadeOut {
    to {
        opacity: 0
    }
}

@-webkit-keyframes fancybox-zoomInUp {
    0% {
        -webkit-transform: scale(.97) translate3d(0,16px,0);
        transform: scale(.97) translate3d(0,16px,0);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) translate3d(0,0,0);
        transform: scale(1) translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes fancybox-zoomInUp {
    0% {
        -webkit-transform: scale(.97) translate3d(0,16px,0);
        transform: scale(.97) translate3d(0,16px,0);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) translate3d(0,0,0);
        transform: scale(1) translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fancybox-zoomOutDown {
    to {
        -webkit-transform: scale(.97) translate3d(0,16px,0);
        transform: scale(.97) translate3d(0,16px,0);
        opacity: 0
    }
}

@keyframes fancybox-zoomOutDown {
    to {
        -webkit-transform: scale(.97) translate3d(0,16px,0);
        transform: scale(.97) translate3d(0,16px,0);
        opacity: 0
    }
}

@-webkit-keyframes fancybox-throwOutUp {
    to {
        -webkit-transform: translate3d(0,-30%,0);
        transform: translate3d(0,-30%,0);
        opacity: 0
    }
}

@keyframes fancybox-throwOutUp {
    to {
        -webkit-transform: translate3d(0,-30%,0);
        transform: translate3d(0,-30%,0);
        opacity: 0
    }
}

@-webkit-keyframes fancybox-throwOutDown {
    to {
        -webkit-transform: translate3d(0,30%,0);
        transform: translate3d(0,30%,0);
        opacity: 0
    }
}

@keyframes fancybox-throwOutDown {
    to {
        -webkit-transform: translate3d(0,30%,0);
        transform: translate3d(0,30%,0);
        opacity: 0
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--bs-gutter-y));
    margin-right: calc(-.5*var(--bs-gutter-x));
    margin-left: calc(-.5*var(--bs-gutter-x))
}

.row>* {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
    margin-top: var(--bs-gutter-y)
}

.col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%
}

.row-cols-1>*,.row-cols-auto>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    width: 100%
}

.row-cols-2>*,.row-cols-3>*,.row-cols-4>*,.row-cols-5>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>*,.row-cols-4>*,.row-cols-5>* {
    width: 33.33333%
}

.row-cols-4>*,.row-cols-5>* {
    width: 25%
}

.row-cols-5>* {
    width: 20%
}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-auto,.row-cols-6>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66667%
}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-auto {
    width: auto
}

.col-1,.col-2,.col-3,.col-4,.col-5 {
    width: 8.33333%
}

.col-2,.col-3,.col-4,.col-5 {
    width: 16.66667%
}

.col-3,.col-4,.col-5 {
    width: 25%
}

.col-4,.col-5 {
    width: 33.33333%
}

.col-5 {
    width: 41.66667%
}

.col-10,.col-11,.col-12,.col-6,.col-7,.col-8,.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%
}

.col-10,.col-11,.col-12,.col-7,.col-8,.col-9 {
    width: 58.33333%
}

.col-10,.col-11,.col-12,.col-8,.col-9 {
    width: 66.66667%
}

.col-10,.col-11,.col-12,.col-9 {
    width: 75%
}

.col-10,.col-11,.col-12 {
    width: 83.33333%
}

.col-11,.col-12 {
    width: 91.66667%
}

.col-12 {
    width: 100%
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

.g-0,.gx-0 {
    --bs-gutter-x: 0
}

.g-0,.gy-0 {
    --bs-gutter-y: 0
}

.g-1,.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width: 576px) {
    .col-sm {
        -webkit-box-flex:1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-sm-1>*,.row-cols-sm-auto>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        width: 100%
    }

    .row-cols-sm-2>*,.row-cols-sm-3>*,.row-cols-sm-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>*,.row-cols-sm-4>* {
        width: 33.33333%
    }

    .row-cols-sm-4>* {
        width: 25%
    }

    .col-sm-1,.col-sm-auto,.row-cols-sm-5>*,.row-cols-sm-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%
    }

    .col-sm-1,.col-sm-auto,.row-cols-sm-6>* {
        width: 16.66667%
    }

    .col-sm-1,.col-sm-auto {
        width: auto
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7 {
        width: 25%
    }

    .col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7 {
        width: 33.33333%
    }

    .col-sm-5,.col-sm-6,.col-sm-7 {
        width: 41.66667%
    }

    .col-sm-6,.col-sm-7 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-10,.col-sm-11,.col-sm-12,.col-sm-8,.col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-sm-10,.col-sm-11,.col-sm-12,.col-sm-9 {
        width: 75%
    }

    .col-sm-10,.col-sm-11,.col-sm-12 {
        width: 83.33333%
    }

    .col-sm-11,.col-sm-12 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }

    .g-sm-0,.gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,.gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,.gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1,.gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2,.gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2,.gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3,.gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,.gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,.gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,.gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,.gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,.gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 768px) {
    .col-md {
        -webkit-box-flex:1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-md-1>*,.row-cols-md-auto>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        width: 100%
    }

    .row-cols-md-2>*,.row-cols-md-3>*,.row-cols-md-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>*,.row-cols-md-4>* {
        width: 33.33333%
    }

    .row-cols-md-4>* {
        width: 25%
    }

    .col-md-1,.col-md-auto,.row-cols-md-5>*,.row-cols-md-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%
    }

    .col-md-1,.col-md-auto,.row-cols-md-6>* {
        width: 16.66667%
    }

    .col-md-1,.col-md-auto {
        width: auto
    }

    .col-md-1 {
        width: 8.33333%
    }

    .col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7 {
        width: 25%
    }

    .col-md-4,.col-md-5,.col-md-6,.col-md-7 {
        width: 33.33333%
    }

    .col-md-5,.col-md-6,.col-md-7 {
        width: 41.66667%
    }

    .col-md-6,.col-md-7 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-10,.col-md-11,.col-md-12,.col-md-8,.col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-md-10,.col-md-11,.col-md-12,.col-md-9 {
        width: 75%
    }

    .col-md-10,.col-md-11,.col-md-12 {
        width: 83.33333%
    }

    .col-md-11,.col-md-12 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }

    .g-md-0,.gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,.gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,.gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1,.gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2,.gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2,.gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3,.gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,.gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,.gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,.gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,.gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,.gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 992px) {
    .col-lg {
        -webkit-box-flex:1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-lg-1>*,.row-cols-lg-auto>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        width: 100%
    }

    .row-cols-lg-2>*,.row-cols-lg-3>*,.row-cols-lg-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>*,.row-cols-lg-4>* {
        width: 33.33333%
    }

    .row-cols-lg-4>* {
        width: 25%
    }

    .col-lg-1,.col-lg-auto,.row-cols-lg-5>*,.row-cols-lg-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%
    }

    .col-lg-1,.col-lg-auto,.row-cols-lg-6>* {
        width: 16.66667%
    }

    .col-lg-1,.col-lg-auto {
        width: auto
    }

    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7 {
        width: 25%
    }

    .col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7 {
        width: 33.33333%
    }

    .col-lg-5,.col-lg-6,.col-lg-7 {
        width: 41.66667%
    }

    .col-lg-6,.col-lg-7 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-10,.col-lg-11,.col-lg-12,.col-lg-8,.col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-lg-10,.col-lg-11,.col-lg-12,.col-lg-9 {
        width: 75%
    }

    .col-lg-10,.col-lg-11,.col-lg-12 {
        width: 83.33333%
    }

    .col-lg-11,.col-lg-12 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }

    .g-lg-0,.gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,.gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,.gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1,.gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2,.gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2,.gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3,.gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,.gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,.gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,.gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,.gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,.gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -webkit-box-flex:1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-xl-1>*,.row-cols-xl-auto>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        width: 100%
    }

    .row-cols-xl-2>*,.row-cols-xl-3>*,.row-cols-xl-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>*,.row-cols-xl-4>* {
        width: 33.33333%
    }

    .row-cols-xl-4>* {
        width: 25%
    }

    .col-xl-1,.col-xl-auto,.row-cols-xl-5>*,.row-cols-xl-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%
    }

    .col-xl-1,.col-xl-auto,.row-cols-xl-6>* {
        width: 16.66667%
    }

    .col-xl-1,.col-xl-auto {
        width: auto
    }

    .col-xl-1 {
        width: 8.33333%
    }

    .col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7 {
        width: 25%
    }

    .col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7 {
        width: 33.33333%
    }

    .col-xl-5,.col-xl-6,.col-xl-7 {
        width: 41.66667%
    }

    .col-xl-6,.col-xl-7 {
        width: 50%
    }

    .col-xl-7 {
        width: 58.33333%
    }

    .col-xl-10,.col-xl-11,.col-xl-12,.col-xl-8,.col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-xl-10,.col-xl-11,.col-xl-12,.col-xl-9 {
        width: 75%
    }

    .col-xl-10,.col-xl-11,.col-xl-12 {
        width: 83.33333%
    }

    .col-xl-11,.col-xl-12 {
        width: 91.66667%
    }

    .col-xl-12 {
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }

    .g-xl-0,.gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,.gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,.gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1,.gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2,.gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2,.gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3,.gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,.gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,.gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,.gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,.gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,.gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        -webkit-box-flex:1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-xxl-1>*,.row-cols-xxl-2>*,.row-cols-xxl-auto>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>*,.row-cols-xxl-2>* {
        width: 100%
    }

    .row-cols-xxl-2>* {
        width: 50%
    }

    .row-cols-xxl-3>*,.row-cols-xxl-4>*,.row-cols-xxl-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-xxl-4>*,.row-cols-xxl-5>* {
        width: 25%
    }

    .row-cols-xxl-5>* {
        width: 20%
    }

    .col-xxl-1,.col-xxl-2,.col-xxl-auto,.row-cols-xxl-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-xxl-1,.col-xxl-2,.col-xxl-auto {
        width: auto
    }

    .col-xxl-1,.col-xxl-2 {
        width: 8.33333%
    }

    .col-xxl-2 {
        width: 16.66667%
    }

    .col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7 {
        width: 33.33333%
    }

    .col-xxl-5,.col-xxl-6,.col-xxl-7 {
        width: 41.66667%
    }

    .col-xxl-6,.col-xxl-7 {
        width: 50%
    }

    .col-xxl-7 {
        width: 58.33333%
    }

    .col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-8,.col-xxl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-9 {
        width: 75%
    }

    .col-xxl-10,.col-xxl-11,.col-xxl-12 {
        width: 83.33333%
    }

    .col-xxl-11,.col-xxl-12 {
        width: 91.66667%
    }

    .col-xxl-12 {
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333%
    }

    .offset-xxl-2 {
        margin-left: 16.66667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333%
    }

    .offset-xxl-5 {
        margin-left: 41.66667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333%
    }

    .offset-xxl-8 {
        margin-left: 66.66667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333%
    }

    .offset-xxl-11 {
        margin-left: 91.66667%
    }

    .g-xxl-0,.gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,.gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,.gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1,.gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2,.gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2,.gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3,.gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,.gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,.gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,.gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,.gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,.gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.float-start {
    float: left!important
}

.float-end {
    float: right!important
}

.float-none {
    float: none!important
}

.opacity-0 {
    opacity: 0!important
}

.opacity-25 {
    opacity: .25!important
}

.opacity-50 {
    opacity: .5!important
}

.opacity-75 {
    opacity: .75!important
}

.opacity-100 {
    opacity: 1!important
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.overflow-visible {
    overflow: visible!important
}

.overflow-scroll {
    overflow: scroll!important
}

.d-inline {
    display: inline!important
}

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

.d-block {
    display: block!important
}

.d-grid {
    display: grid!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.d-inline-flex {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

.d-none {
    display: none!important
}

.shadow {
    -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
}

.shadow-sm {
    -webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
}

.shadow-lg {
    -webkit-box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important
}

.shadow-none {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: -webkit-sticky!important;
    position: sticky!important
}

.top-0 {
    top: 0!important
}

.top-50 {
    top: 50%!important
}

.top-100 {
    top: 100%!important
}

.bottom-0 {
    bottom: 0!important
}

.bottom-50 {
    bottom: 50%!important
}

.bottom-100 {
    bottom: 100%!important
}

.start-0 {
    left: 0!important
}

.start-50 {
    left: 50%!important
}

.start-100 {
    left: 100%!important
}

.end-0 {
    right: 0!important
}

.end-50 {
    right: 50%!important
}

.end-100 {
    right: 100%!important
}

.translate-middle {
    -webkit-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important
}

.translate-middle-x {
    -webkit-transform: translateX(-50%)!important;
    transform: translateX(-50%)!important
}

.translate-middle-y {
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important
}

.border {
    border: 1px solid #dee2e6!important
}

.border-0 {
    border: 0!important
}

.border-top {
    border-top: 1px solid #dee2e6!important
}

.border-top-0 {
    border-top: 0!important
}

.border-end {
    border-right: 1px solid #dee2e6!important
}

.border-end-0 {
    border-right: 0!important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-start {
    border-left: 1px solid #dee2e6!important
}

.border-start-0 {
    border-left: 0!important
}

.border-primary {
    border-color: #0d6efd!important
}

.border-secondary {
    border-color: #6c757d!important
}

.border-success {
    border-color: #198754!important
}

.border-info {
    border-color: #0dcaf0!important
}

.border-warning {
    border-color: #ffc107!important
}

.border-danger {
    border-color: #dc3545!important
}

.border-light {
    border-color: #f8f9fa!important
}

.border-dark {
    border-color: #212529!important
}

.border-white {
    border-color: #fff!important
}

.border-1 {
    border-width: 1px!important
}

.border-2 {
    border-width: 2px!important
}

.border-3 {
    border-width: 3px!important
}

.border-4 {
    border-width: 4px!important
}

.border-5 {
    border-width: 5px!important
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.vw-100 {
    width: 100vw!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mh-100 {
    max-height: 100%!important
}

.vh-100 {
    height: 100vh!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.flex-fill {
    -webkit-box-flex: 1!important;
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important
}

.flex-column,.flex-row {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column {
    -webkit-box-orient: vertical!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-column-reverse,.flex-row-reverse {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    -webkit-box-orient: vertical!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

.flex-grow-0 {
    -webkit-box-flex: 0!important;
    -ms-flex-positive: 0!important;
    flex-grow: 0!important
}

.flex-grow-1 {
    -webkit-box-flex: 1!important;
    -ms-flex-positive: 1!important;
    flex-grow: 1!important
}

.flex-shrink-0 {
    -ms-flex-negative: 0!important;
    flex-shrink: 0!important
}

.flex-shrink-1 {
    -ms-flex-negative: 1!important;
    flex-shrink: 1!important
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
}

.gap-0 {
    grid-gap: 0!important;
    gap: 0!important
}

.gap-1 {
    grid-gap: .25rem!important;
    gap: .25rem!important
}

.gap-2 {
    grid-gap: .5rem!important;
    gap: .5rem!important
}

.gap-3 {
    grid-gap: 1rem!important;
    gap: 1rem!important
}

.gap-4 {
    grid-gap: 1.5rem!important;
    gap: 1.5rem!important
}

.gap-5 {
    grid-gap: 3rem!important;
    gap: 3rem!important
}

.justify-content-start {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-end {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.justify-content-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

.justify-content-evenly {
    -webkit-box-pack: space-evenly!important;
    -ms-flex-pack: space-evenly!important;
    justify-content: space-evenly!important
}

.align-items-start {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-items-baseline {
    -webkit-box-align: baseline!important;
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

.align-items-stretch {
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

.align-content-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.align-content-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.align-self-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
}

.align-self-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.align-self-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important
}

.align-self-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

.align-self-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
}

.order-first {
    -webkit-box-ordinal-group: 0!important;
    -ms-flex-order: -1!important;
    order: -1!important
}

.order-0 {
    -webkit-box-ordinal-group: 1!important;
    -ms-flex-order: 0!important;
    order: 0!important
}

.order-1 {
    -webkit-box-ordinal-group: 2!important;
    -ms-flex-order: 1!important;
    order: 1!important
}

.order-2 {
    -webkit-box-ordinal-group: 3!important;
    -ms-flex-order: 2!important;
    order: 2!important
}

.order-3 {
    -webkit-box-ordinal-group: 4!important;
    -ms-flex-order: 3!important;
    order: 3!important
}

.order-4 {
    -webkit-box-ordinal-group: 5!important;
    -ms-flex-order: 4!important;
    order: 4!important
}

.order-5 {
    -webkit-box-ordinal-group: 6!important;
    -ms-flex-order: 5!important;
    order: 5!important
}

.order-last {
    -webkit-box-ordinal-group: 7!important;
    -ms-flex-order: 6!important;
    order: 6!important
}

.m-0 {
    margin: 0!important
}

.m-1 {
    margin: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mx-0 {
    margin-right: 0!important;
    margin-left: 0!important
}

.mx-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important
}

.mx-2 {
    margin-right: .5rem!important;
    margin-left: .5rem!important
}

.mx-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important
}

.mx-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important
}

.mx-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important
}

.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important
}

.my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.my-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important
}

.my-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important
}

.my-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
}

.my-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
}

.my-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
}

.my-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-1 {
    margin-top: .25rem!important
}

.mt-2 {
    margin-top: .5rem!important
}

.mt-3 {
    margin-top: 1rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mt-5 {
    margin-top: 3rem!important
}

.mt-auto {
    margin-top: auto!important
}

.me-0 {
    margin-right: 0!important
}

.me-1 {
    margin-right: .25rem!important
}

.me-2 {
    margin-right: .5rem!important
}

.me-3 {
    margin-right: 1rem!important
}

.me-4 {
    margin-right: 1.5rem!important
}

.me-5 {
    margin-right: 3rem!important
}

.me-auto {
    margin-right: auto!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-1 {
    margin-bottom: .25rem!important
}

.mb-2 {
    margin-bottom: .5rem!important
}

.mb-3 {
    margin-bottom: 1rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.mb-5 {
    margin-bottom: 3rem!important
}

.mb-auto {
    margin-bottom: auto!important
}

.ms-0 {
    margin-left: 0!important
}

.ms-1 {
    margin-left: .25rem!important
}

.ms-2 {
    margin-left: .5rem!important
}

.ms-3 {
    margin-left: 1rem!important
}

.ms-4 {
    margin-left: 1.5rem!important
}

.ms-5 {
    margin-left: 3rem!important
}

.ms-auto {
    margin-left: auto!important
}

.p-0 {
    padding: 0!important
}

.p-1 {
    padding: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.px-0 {
    padding-right: 0!important;
    padding-left: 0!important
}

.px-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important
}

.px-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important
}

.px-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important
}

.px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important
}

.px-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important
}

.py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.py-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important
}

.py-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important
}

.py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
}

.py-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
}

.py-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
}

.pt-0 {
    padding-top: 0!important
}

.pt-1 {
    padding-top: .25rem!important
}

.pt-2 {
    padding-top: .5rem!important
}

.pt-3 {
    padding-top: 1rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

.pe-0 {
    padding-right: 0!important
}

.pe-1 {
    padding-right: .25rem!important
}

.pe-2 {
    padding-right: .5rem!important
}

.pe-3 {
    padding-right: 1rem!important
}

.pe-4 {
    padding-right: 1.5rem!important
}

.pe-5 {
    padding-right: 3rem!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pb-1 {
    padding-bottom: .25rem!important
}

.pb-2 {
    padding-bottom: .5rem!important
}

.pb-3 {
    padding-bottom: 1rem!important
}

.pb-4 {
    padding-bottom: 1.5rem!important
}

.pb-5 {
    padding-bottom: 3rem!important
}

.ps-0 {
    padding-left: 0!important
}

.ps-1 {
    padding-left: .25rem!important
}

.ps-2 {
    padding-left: .5rem!important
}

.ps-3 {
    padding-left: 1rem!important
}

.ps-4 {
    padding-left: 1.5rem!important
}

.ps-5 {
    padding-left: 3rem!important
}

.font-monospace {
    font-family: var(--bs-font-monospace)!important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw)!important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw)!important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw)!important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw)!important
}

.fs-5 {
    font-size: 1.25rem!important
}

.fs-6 {
    font-size: 1rem!important
}

.fst-italic {
    font-style: italic!important
}

.fst-normal {
    font-style: normal!important
}

.fw-light {
    font-weight: 300!important
}

.fw-lighter {
    font-weight: lighter!important
}

.fw-normal {
    font-weight: 400!important
}

.fw-bold {
    font-weight: 700!important
}

.fw-bolder {
    font-weight: bolder!important
}

.lh-1 {
    line-height: 1!important
}

.lh-sm {
    line-height: 1.25!important
}

.lh-base {
    line-height: 1.5!important
}

.lh-lg {
    line-height: 2!important
}

.text-start {
    text-align: left!important
}

.text-end {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.text-decoration-none {
    text-decoration: none!important
}

.text-decoration-underline {
    text-decoration: underline!important
}

.text-decoration-line-through {
    text-decoration: line-through!important
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-break {
    word-wrap: break-word!important;
    word-break: break-word!important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important
}

.text-secondary,.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important
}

.text-success {
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important
}

.text-info,.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important
}

.text-warning {
    color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important
}

.text-danger,.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important
}

.text-light {
    color: rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important
}

.text-black,.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important
}

.text-black {
    color: rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important
}

.text-body,.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important
}

.text-body {
    color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d!important
}

.text-black-50,.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(0,0,0,.5)!important
}

.text-white-50 {
    color: rgba(255,255,255,.5)!important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit!important
}

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important
}

.bg-secondary,.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important
}

.bg-success {
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important
}

.bg-info,.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important
}

.bg-warning {
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important
}

.bg-danger,.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important
}

.bg-light {
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important
}

.bg-black,.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important
}

.bg-black {
    background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important
}

.bg-body,.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important
}

.bg-body {
    background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent!important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient)!important
}

.user-select-all {
    -webkit-user-select: all!important;
    -moz-user-select: all!important;
    -ms-user-select: all!important;
    user-select: all!important
}

.user-select-auto {
    -webkit-user-select: auto!important;
    -moz-user-select: auto!important;
    -ms-user-select: auto!important;
    user-select: auto!important
}

.user-select-none {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important
}

.pe-none {
    pointer-events: none!important
}

.pe-auto {
    pointer-events: auto!important
}

.rounded {
    border-radius: .25rem!important
}

.rounded-0 {
    border-radius: 0!important
}

.rounded-1 {
    border-radius: .2rem!important
}

.rounded-2 {
    border-radius: .25rem!important
}

.rounded-3 {
    border-radius: .3rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: 50rem!important
}

.rounded-end,.rounded-top {
    border-top-right-radius: .25rem!important
}

.rounded-top {
    border-top-left-radius: .25rem!important
}

.rounded-end {
    border-bottom-right-radius: .25rem!important
}

.rounded-bottom,.rounded-start {
    border-bottom-left-radius: .25rem!important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem!important
}

.rounded-start {
    border-top-left-radius: .25rem!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

@media (min-width: 576px) {
    .float-sm-start {
        float:left!important
    }

    .float-sm-end {
        float: right!important
    }

    .float-sm-none {
        float: none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-grid {
        display: grid!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }

    .d-sm-none {
        display: none!important
    }

    .flex-sm-fill {
        -webkit-box-flex: 1!important;
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-sm-column,.flex-sm-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .flex-sm-column {
        -webkit-box-orient: vertical!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-sm-column-reverse,.flex-sm-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-sm-grow-0 {
        -webkit-box-flex: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        -webkit-box-flex: 1!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .gap-sm-0 {
        grid-gap: 0!important;
        gap: 0!important
    }

    .gap-sm-1 {
        grid-gap: .25rem!important;
        gap: .25rem!important
    }

    .gap-sm-2 {
        grid-gap: .5rem!important;
        gap: .5rem!important
    }

    .gap-sm-3 {
        grid-gap: 1rem!important;
        gap: 1rem!important
    }

    .gap-sm-4 {
        grid-gap: 1.5rem!important;
        gap: 1.5rem!important
    }

    .gap-sm-5 {
        grid-gap: 3rem!important;
        gap: 3rem!important
    }

    .justify-content-sm-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .justify-content-sm-evenly {
        -webkit-box-pack: space-evenly!important;
        -ms-flex-pack: space-evenly!important;
        justify-content: space-evenly!important
    }

    .align-items-sm-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-sm-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-sm-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }

    .order-sm-first {
        -webkit-box-ordinal-group: 0!important;
        -ms-flex-order: -1!important;
        order: -1!important
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1!important;
        -ms-flex-order: 0!important;
        order: 0!important
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2!important;
        -ms-flex-order: 1!important;
        order: 1!important
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3!important;
        -ms-flex-order: 2!important;
        order: 2!important
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4!important;
        -ms-flex-order: 3!important;
        order: 3!important
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5!important;
        -ms-flex-order: 4!important;
        order: 4!important
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6!important;
        -ms-flex-order: 5!important;
        order: 5!important
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 7!important;
        -ms-flex-order: 6!important;
        order: 6!important
    }

    .m-sm-0 {
        margin: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mx-sm-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-sm-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-sm-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-sm-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-sm-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-sm-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-sm-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-sm-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-sm-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-sm-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-sm-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-sm-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-sm-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-sm-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-sm-0 {
        margin-top: 0!important
    }

    .mt-sm-1 {
        margin-top: .25rem!important
    }

    .mt-sm-2 {
        margin-top: .5rem!important
    }

    .mt-sm-3 {
        margin-top: 1rem!important
    }

    .mt-sm-4 {
        margin-top: 1.5rem!important
    }

    .mt-sm-5 {
        margin-top: 3rem!important
    }

    .mt-sm-auto {
        margin-top: auto!important
    }

    .me-sm-0 {
        margin-right: 0!important
    }

    .me-sm-1 {
        margin-right: .25rem!important
    }

    .me-sm-2 {
        margin-right: .5rem!important
    }

    .me-sm-3 {
        margin-right: 1rem!important
    }

    .me-sm-4 {
        margin-right: 1.5rem!important
    }

    .me-sm-5 {
        margin-right: 3rem!important
    }

    .me-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-0 {
        margin-bottom: 0!important
    }

    .mb-sm-1 {
        margin-bottom: .25rem!important
    }

    .mb-sm-2 {
        margin-bottom: .5rem!important
    }

    .mb-sm-3 {
        margin-bottom: 1rem!important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-sm-5 {
        margin-bottom: 3rem!important
    }

    .mb-sm-auto {
        margin-bottom: auto!important
    }

    .ms-sm-0 {
        margin-left: 0!important
    }

    .ms-sm-1 {
        margin-left: .25rem!important
    }

    .ms-sm-2 {
        margin-left: .5rem!important
    }

    .ms-sm-3 {
        margin-left: 1rem!important
    }

    .ms-sm-4 {
        margin-left: 1.5rem!important
    }

    .ms-sm-5 {
        margin-left: 3rem!important
    }

    .ms-sm-auto {
        margin-left: auto!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .px-sm-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-sm-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-sm-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-sm-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-sm-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-sm-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-sm-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-sm-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-sm-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-sm-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-sm-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-sm-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-sm-0 {
        padding-top: 0!important
    }

    .pt-sm-1 {
        padding-top: .25rem!important
    }

    .pt-sm-2 {
        padding-top: .5rem!important
    }

    .pt-sm-3 {
        padding-top: 1rem!important
    }

    .pt-sm-4 {
        padding-top: 1.5rem!important
    }

    .pt-sm-5 {
        padding-top: 3rem!important
    }

    .pe-sm-0 {
        padding-right: 0!important
    }

    .pe-sm-1 {
        padding-right: .25rem!important
    }

    .pe-sm-2 {
        padding-right: .5rem!important
    }

    .pe-sm-3 {
        padding-right: 1rem!important
    }

    .pe-sm-4 {
        padding-right: 1.5rem!important
    }

    .pe-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-0 {
        padding-bottom: 0!important
    }

    .pb-sm-1 {
        padding-bottom: .25rem!important
    }

    .pb-sm-2 {
        padding-bottom: .5rem!important
    }

    .pb-sm-3 {
        padding-bottom: 1rem!important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-sm-5 {
        padding-bottom: 3rem!important
    }

    .ps-sm-0 {
        padding-left: 0!important
    }

    .ps-sm-1 {
        padding-left: .25rem!important
    }

    .ps-sm-2 {
        padding-left: .5rem!important
    }

    .ps-sm-3 {
        padding-left: 1rem!important
    }

    .ps-sm-4 {
        padding-left: 1.5rem!important
    }

    .ps-sm-5 {
        padding-left: 3rem!important
    }

    .text-sm-start {
        text-align: left!important
    }

    .text-sm-end {
        text-align: right!important
    }

    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float:left!important
    }

    .float-md-end {
        float: right!important
    }

    .float-md-none {
        float: none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-grid {
        display: grid!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }

    .d-md-none {
        display: none!important
    }

    .flex-md-fill {
        -webkit-box-flex: 1!important;
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-md-column,.flex-md-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .flex-md-column {
        -webkit-box-orient: vertical!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-md-column-reverse,.flex-md-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-md-grow-0 {
        -webkit-box-flex: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        -webkit-box-flex: 1!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .gap-md-0 {
        grid-gap: 0!important;
        gap: 0!important
    }

    .gap-md-1 {
        grid-gap: .25rem!important;
        gap: .25rem!important
    }

    .gap-md-2 {
        grid-gap: .5rem!important;
        gap: .5rem!important
    }

    .gap-md-3 {
        grid-gap: 1rem!important;
        gap: 1rem!important
    }

    .gap-md-4 {
        grid-gap: 1.5rem!important;
        gap: 1.5rem!important
    }

    .gap-md-5 {
        grid-gap: 3rem!important;
        gap: 3rem!important
    }

    .justify-content-md-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-md-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .justify-content-md-evenly {
        -webkit-box-pack: space-evenly!important;
        -ms-flex-pack: space-evenly!important;
        justify-content: space-evenly!important
    }

    .align-items-md-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-md-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-md-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-md-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-md-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-md-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0!important;
        -ms-flex-order: -1!important;
        order: -1!important
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1!important;
        -ms-flex-order: 0!important;
        order: 0!important
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2!important;
        -ms-flex-order: 1!important;
        order: 1!important
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3!important;
        -ms-flex-order: 2!important;
        order: 2!important
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4!important;
        -ms-flex-order: 3!important;
        order: 3!important
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5!important;
        -ms-flex-order: 4!important;
        order: 4!important
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6!important;
        -ms-flex-order: 5!important;
        order: 5!important
    }

    .order-md-last {
        -webkit-box-ordinal-group: 7!important;
        -ms-flex-order: 6!important;
        order: 6!important
    }

    .m-md-0 {
        margin: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mx-md-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-md-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-md-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-md-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-md-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-md-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-md-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-md-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-md-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-md-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-md-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-md-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-md-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-md-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-md-0 {
        margin-top: 0!important
    }

    .mt-md-1 {
        margin-top: .25rem!important
    }

    .mt-md-2 {
        margin-top: .5rem!important
    }

    .mt-md-3 {
        margin-top: 1rem!important
    }

    .mt-md-4 {
        margin-top: 1.5rem!important
    }

    .mt-md-5 {
        margin-top: 3rem!important
    }

    .mt-md-auto {
        margin-top: auto!important
    }

    .me-md-0 {
        margin-right: 0!important
    }

    .me-md-1 {
        margin-right: .25rem!important
    }

    .me-md-2 {
        margin-right: .5rem!important
    }

    .me-md-3 {
        margin-right: 1rem!important
    }

    .me-md-4 {
        margin-right: 1.5rem!important
    }

    .me-md-5 {
        margin-right: 3rem!important
    }

    .me-md-auto {
        margin-right: auto!important
    }

    .mb-md-0 {
        margin-bottom: 0!important
    }

    .mb-md-1 {
        margin-bottom: .25rem!important
    }

    .mb-md-2 {
        margin-bottom: .5rem!important
    }

    .mb-md-3 {
        margin-bottom: 1rem!important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-md-5 {
        margin-bottom: 3rem!important
    }

    .mb-md-auto {
        margin-bottom: auto!important
    }

    .ms-md-0 {
        margin-left: 0!important
    }

    .ms-md-1 {
        margin-left: .25rem!important
    }

    .ms-md-2 {
        margin-left: .5rem!important
    }

    .ms-md-3 {
        margin-left: 1rem!important
    }

    .ms-md-4 {
        margin-left: 1.5rem!important
    }

    .ms-md-5 {
        margin-left: 3rem!important
    }

    .ms-md-auto {
        margin-left: auto!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .px-md-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-md-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-md-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-md-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-md-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-md-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-md-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-md-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-md-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-md-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-md-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-md-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-md-0 {
        padding-top: 0!important
    }

    .pt-md-1 {
        padding-top: .25rem!important
    }

    .pt-md-2 {
        padding-top: .5rem!important
    }

    .pt-md-3 {
        padding-top: 1rem!important
    }

    .pt-md-4 {
        padding-top: 1.5rem!important
    }

    .pt-md-5 {
        padding-top: 3rem!important
    }

    .pe-md-0 {
        padding-right: 0!important
    }

    .pe-md-1 {
        padding-right: .25rem!important
    }

    .pe-md-2 {
        padding-right: .5rem!important
    }

    .pe-md-3 {
        padding-right: 1rem!important
    }

    .pe-md-4 {
        padding-right: 1.5rem!important
    }

    .pe-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-0 {
        padding-bottom: 0!important
    }

    .pb-md-1 {
        padding-bottom: .25rem!important
    }

    .pb-md-2 {
        padding-bottom: .5rem!important
    }

    .pb-md-3 {
        padding-bottom: 1rem!important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-md-5 {
        padding-bottom: 3rem!important
    }

    .ps-md-0 {
        padding-left: 0!important
    }

    .ps-md-1 {
        padding-left: .25rem!important
    }

    .ps-md-2 {
        padding-left: .5rem!important
    }

    .ps-md-3 {
        padding-left: 1rem!important
    }

    .ps-md-4 {
        padding-left: 1.5rem!important
    }

    .ps-md-5 {
        padding-left: 3rem!important
    }

    .text-md-start {
        text-align: left!important
    }

    .text-md-end {
        text-align: right!important
    }

    .text-md-center {
        text-align: center!important
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float:left!important
    }

    .float-lg-end {
        float: right!important
    }

    .float-lg-none {
        float: none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-grid {
        display: grid!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }

    .d-lg-none {
        display: none!important
    }

    .flex-lg-fill {
        -webkit-box-flex: 1!important;
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-lg-column,.flex-lg-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .flex-lg-column {
        -webkit-box-orient: vertical!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-lg-column-reverse,.flex-lg-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-lg-grow-0 {
        -webkit-box-flex: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        -webkit-box-flex: 1!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .gap-lg-0 {
        grid-gap: 0!important;
        gap: 0!important
    }

    .gap-lg-1 {
        grid-gap: .25rem!important;
        gap: .25rem!important
    }

    .gap-lg-2 {
        grid-gap: .5rem!important;
        gap: .5rem!important
    }

    .gap-lg-3 {
        grid-gap: 1rem!important;
        gap: 1rem!important
    }

    .gap-lg-4 {
        grid-gap: 1.5rem!important;
        gap: 1.5rem!important
    }

    .gap-lg-5 {
        grid-gap: 3rem!important;
        gap: 3rem!important
    }

    .justify-content-lg-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .justify-content-lg-evenly {
        -webkit-box-pack: space-evenly!important;
        -ms-flex-pack: space-evenly!important;
        justify-content: space-evenly!important
    }

    .align-items-lg-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-lg-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-lg-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }

    .order-lg-first {
        -webkit-box-ordinal-group: 0!important;
        -ms-flex-order: -1!important;
        order: -1!important
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1!important;
        -ms-flex-order: 0!important;
        order: 0!important
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2!important;
        -ms-flex-order: 1!important;
        order: 1!important
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3!important;
        -ms-flex-order: 2!important;
        order: 2!important
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4!important;
        -ms-flex-order: 3!important;
        order: 3!important
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5!important;
        -ms-flex-order: 4!important;
        order: 4!important
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6!important;
        -ms-flex-order: 5!important;
        order: 5!important
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 7!important;
        -ms-flex-order: 6!important;
        order: 6!important
    }

    .m-lg-0 {
        margin: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mx-lg-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-lg-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-lg-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-lg-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-lg-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-lg-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-lg-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-lg-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-lg-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-lg-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-lg-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-lg-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-lg-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-lg-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-lg-0 {
        margin-top: 0!important
    }

    .mt-lg-1 {
        margin-top: .25rem!important
    }

    .mt-lg-2 {
        margin-top: .5rem!important
    }

    .mt-lg-3 {
        margin-top: 1rem!important
    }

    .mt-lg-4 {
        margin-top: 1.5rem!important
    }

    .mt-lg-5 {
        margin-top: 3rem!important
    }

    .mt-lg-auto {
        margin-top: auto!important
    }

    .me-lg-0 {
        margin-right: 0!important
    }

    .me-lg-1 {
        margin-right: .25rem!important
    }

    .me-lg-2 {
        margin-right: .5rem!important
    }

    .me-lg-3 {
        margin-right: 1rem!important
    }

    .me-lg-4 {
        margin-right: 1.5rem!important
    }

    .me-lg-5 {
        margin-right: 3rem!important
    }

    .me-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-0 {
        margin-bottom: 0!important
    }

    .mb-lg-1 {
        margin-bottom: .25rem!important
    }

    .mb-lg-2 {
        margin-bottom: .5rem!important
    }

    .mb-lg-3 {
        margin-bottom: 1rem!important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-lg-5 {
        margin-bottom: 3rem!important
    }

    .mb-lg-auto {
        margin-bottom: auto!important
    }

    .ms-lg-0 {
        margin-left: 0!important
    }

    .ms-lg-1 {
        margin-left: .25rem!important
    }

    .ms-lg-2 {
        margin-left: .5rem!important
    }

    .ms-lg-3 {
        margin-left: 1rem!important
    }

    .ms-lg-4 {
        margin-left: 1.5rem!important
    }

    .ms-lg-5 {
        margin-left: 3rem!important
    }

    .ms-lg-auto {
        margin-left: auto!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .px-lg-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-lg-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-lg-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-lg-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-lg-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-lg-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-lg-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-lg-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-lg-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-lg-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-lg-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-lg-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-lg-0 {
        padding-top: 0!important
    }

    .pt-lg-1 {
        padding-top: .25rem!important
    }

    .pt-lg-2 {
        padding-top: .5rem!important
    }

    .pt-lg-3 {
        padding-top: 1rem!important
    }

    .pt-lg-4 {
        padding-top: 1.5rem!important
    }

    .pt-lg-5 {
        padding-top: 3rem!important
    }

    .pe-lg-0 {
        padding-right: 0!important
    }

    .pe-lg-1 {
        padding-right: .25rem!important
    }

    .pe-lg-2 {
        padding-right: .5rem!important
    }

    .pe-lg-3 {
        padding-right: 1rem!important
    }

    .pe-lg-4 {
        padding-right: 1.5rem!important
    }

    .pe-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-0 {
        padding-bottom: 0!important
    }

    .pb-lg-1 {
        padding-bottom: .25rem!important
    }

    .pb-lg-2 {
        padding-bottom: .5rem!important
    }

    .pb-lg-3 {
        padding-bottom: 1rem!important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-lg-5 {
        padding-bottom: 3rem!important
    }

    .ps-lg-0 {
        padding-left: 0!important
    }

    .ps-lg-1 {
        padding-left: .25rem!important
    }

    .ps-lg-2 {
        padding-left: .5rem!important
    }

    .ps-lg-3 {
        padding-left: 1rem!important
    }

    .ps-lg-4 {
        padding-left: 1.5rem!important
    }

    .ps-lg-5 {
        padding-left: 3rem!important
    }

    .text-lg-start {
        text-align: left!important
    }

    .text-lg-end {
        text-align: right!important
    }

    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float:left!important
    }

    .float-xl-end {
        float: right!important
    }

    .float-xl-none {
        float: none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-grid {
        display: grid!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }

    .d-xl-none {
        display: none!important
    }

    .flex-xl-fill {
        -webkit-box-flex: 1!important;
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-xl-column,.flex-xl-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .flex-xl-column {
        -webkit-box-orient: vertical!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-xl-column-reverse,.flex-xl-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-xl-grow-0 {
        -webkit-box-flex: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        -webkit-box-flex: 1!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .gap-xl-0 {
        grid-gap: 0!important;
        gap: 0!important
    }

    .gap-xl-1 {
        grid-gap: .25rem!important;
        gap: .25rem!important
    }

    .gap-xl-2 {
        grid-gap: .5rem!important;
        gap: .5rem!important
    }

    .gap-xl-3 {
        grid-gap: 1rem!important;
        gap: 1rem!important
    }

    .gap-xl-4 {
        grid-gap: 1.5rem!important;
        gap: 1.5rem!important
    }

    .gap-xl-5 {
        grid-gap: 3rem!important;
        gap: 3rem!important
    }

    .justify-content-xl-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .justify-content-xl-evenly {
        -webkit-box-pack: space-evenly!important;
        -ms-flex-pack: space-evenly!important;
        justify-content: space-evenly!important
    }

    .align-items-xl-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-xl-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-xl-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }

    .order-xl-first {
        -webkit-box-ordinal-group: 0!important;
        -ms-flex-order: -1!important;
        order: -1!important
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1!important;
        -ms-flex-order: 0!important;
        order: 0!important
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2!important;
        -ms-flex-order: 1!important;
        order: 1!important
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3!important;
        -ms-flex-order: 2!important;
        order: 2!important
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4!important;
        -ms-flex-order: 3!important;
        order: 3!important
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5!important;
        -ms-flex-order: 4!important;
        order: 4!important
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6!important;
        -ms-flex-order: 5!important;
        order: 5!important
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 7!important;
        -ms-flex-order: 6!important;
        order: 6!important
    }

    .m-xl-0 {
        margin: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mx-xl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xl-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-xl-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-xl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-xl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-xl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xl-0 {
        margin-top: 0!important
    }

    .mt-xl-1 {
        margin-top: .25rem!important
    }

    .mt-xl-2 {
        margin-top: .5rem!important
    }

    .mt-xl-3 {
        margin-top: 1rem!important
    }

    .mt-xl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xl-5 {
        margin-top: 3rem!important
    }

    .mt-xl-auto {
        margin-top: auto!important
    }

    .me-xl-0 {
        margin-right: 0!important
    }

    .me-xl-1 {
        margin-right: .25rem!important
    }

    .me-xl-2 {
        margin-right: .5rem!important
    }

    .me-xl-3 {
        margin-right: 1rem!important
    }

    .me-xl-4 {
        margin-right: 1.5rem!important
    }

    .me-xl-5 {
        margin-right: 3rem!important
    }

    .me-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-0 {
        margin-bottom: 0!important
    }

    .mb-xl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xl-auto {
        margin-bottom: auto!important
    }

    .ms-xl-0 {
        margin-left: 0!important
    }

    .ms-xl-1 {
        margin-left: .25rem!important
    }

    .ms-xl-2 {
        margin-left: .5rem!important
    }

    .ms-xl-3 {
        margin-left: 1rem!important
    }

    .ms-xl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xl-5 {
        margin-left: 3rem!important
    }

    .ms-xl-auto {
        margin-left: auto!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .px-xl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xl-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-xl-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-xl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-xl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-xl-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-xl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-xl-0 {
        padding-top: 0!important
    }

    .pt-xl-1 {
        padding-top: .25rem!important
    }

    .pt-xl-2 {
        padding-top: .5rem!important
    }

    .pt-xl-3 {
        padding-top: 1rem!important
    }

    .pt-xl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xl-5 {
        padding-top: 3rem!important
    }

    .pe-xl-0 {
        padding-right: 0!important
    }

    .pe-xl-1 {
        padding-right: .25rem!important
    }

    .pe-xl-2 {
        padding-right: .5rem!important
    }

    .pe-xl-3 {
        padding-right: 1rem!important
    }

    .pe-xl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-0 {
        padding-bottom: 0!important
    }

    .pb-xl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xl-0 {
        padding-left: 0!important
    }

    .ps-xl-1 {
        padding-left: .25rem!important
    }

    .ps-xl-2 {
        padding-left: .5rem!important
    }

    .ps-xl-3 {
        padding-left: 1rem!important
    }

    .ps-xl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xl-5 {
        padding-left: 3rem!important
    }

    .text-xl-start {
        text-align: left!important
    }

    .text-xl-end {
        text-align: right!important
    }

    .text-xl-center {
        text-align: center!important
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float:left!important
    }

    .float-xxl-end {
        float: right!important
    }

    .float-xxl-none {
        float: none!important
    }

    .d-xxl-inline {
        display: inline!important
    }

    .d-xxl-inline-block {
        display: inline-block!important
    }

    .d-xxl-block {
        display: block!important
    }

    .d-xxl-grid {
        display: grid!important
    }

    .d-xxl-table {
        display: table!important
    }

    .d-xxl-table-row {
        display: table-row!important
    }

    .d-xxl-table-cell {
        display: table-cell!important
    }

    .d-xxl-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-xxl-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }

    .d-xxl-none {
        display: none!important
    }

    .flex-xxl-fill {
        -webkit-box-flex: 1!important;
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-xxl-column,.flex-xxl-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .flex-xxl-column {
        -webkit-box-orient: vertical!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-xxl-column-reverse,.flex-xxl-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-xxl-column-reverse {
        -webkit-box-orient: vertical!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-xxl-grow-0 {
        -webkit-box-flex: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-xxl-grow-1 {
        -webkit-box-flex: 1!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-xxl-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-xxl-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }

    .flex-xxl-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-xxl-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-xxl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .gap-xxl-0 {
        grid-gap: 0!important;
        gap: 0!important
    }

    .gap-xxl-1 {
        grid-gap: .25rem!important;
        gap: .25rem!important
    }

    .gap-xxl-2 {
        grid-gap: .5rem!important;
        gap: .5rem!important
    }

    .gap-xxl-3 {
        grid-gap: 1rem!important;
        gap: 1rem!important
    }

    .gap-xxl-4 {
        grid-gap: 1.5rem!important;
        gap: 1.5rem!important
    }

    .gap-xxl-5 {
        grid-gap: 3rem!important;
        gap: 3rem!important
    }

    .justify-content-xxl-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-xxl-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-xxl-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-xxl-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-xxl-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .justify-content-xxl-evenly {
        -webkit-box-pack: space-evenly!important;
        -ms-flex-pack: space-evenly!important;
        justify-content: space-evenly!important
    }

    .align-items-xxl-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-xxl-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-xxl-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-xxl-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-xxl-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-xxl-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-xxl-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-xxl-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-xxl-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-xxl-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-xxl-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-xxl-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-xxl-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-xxl-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-xxl-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-xxl-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-xxl-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }

    .order-xxl-first {
        -webkit-box-ordinal-group: 0!important;
        -ms-flex-order: -1!important;
        order: -1!important
    }

    .order-xxl-0 {
        -webkit-box-ordinal-group: 1!important;
        -ms-flex-order: 0!important;
        order: 0!important
    }

    .order-xxl-1 {
        -webkit-box-ordinal-group: 2!important;
        -ms-flex-order: 1!important;
        order: 1!important
    }

    .order-xxl-2 {
        -webkit-box-ordinal-group: 3!important;
        -ms-flex-order: 2!important;
        order: 2!important
    }

    .order-xxl-3 {
        -webkit-box-ordinal-group: 4!important;
        -ms-flex-order: 3!important;
        order: 3!important
    }

    .order-xxl-4 {
        -webkit-box-ordinal-group: 5!important;
        -ms-flex-order: 4!important;
        order: 4!important
    }

    .order-xxl-5 {
        -webkit-box-ordinal-group: 6!important;
        -ms-flex-order: 5!important;
        order: 5!important
    }

    .order-xxl-last {
        -webkit-box-ordinal-group: 7!important;
        -ms-flex-order: 6!important;
        order: 6!important
    }

    .m-xxl-0 {
        margin: 0!important
    }

    .m-xxl-1 {
        margin: .25rem!important
    }

    .m-xxl-2 {
        margin: .5rem!important
    }

    .m-xxl-3 {
        margin: 1rem!important
    }

    .m-xxl-4 {
        margin: 1.5rem!important
    }

    .m-xxl-5 {
        margin: 3rem!important
    }

    .m-xxl-auto {
        margin: auto!important
    }

    .mx-xxl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xxl-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-xxl-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-xxl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xxl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xxl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xxl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xxl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-xxl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-xxl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xxl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xxl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xxl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xxl-0 {
        margin-top: 0!important
    }

    .mt-xxl-1 {
        margin-top: .25rem!important
    }

    .mt-xxl-2 {
        margin-top: .5rem!important
    }

    .mt-xxl-3 {
        margin-top: 1rem!important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xxl-5 {
        margin-top: 3rem!important
    }

    .mt-xxl-auto {
        margin-top: auto!important
    }

    .me-xxl-0 {
        margin-right: 0!important
    }

    .me-xxl-1 {
        margin-right: .25rem!important
    }

    .me-xxl-2 {
        margin-right: .5rem!important
    }

    .me-xxl-3 {
        margin-right: 1rem!important
    }

    .me-xxl-4 {
        margin-right: 1.5rem!important
    }

    .me-xxl-5 {
        margin-right: 3rem!important
    }

    .me-xxl-auto {
        margin-right: auto!important
    }

    .mb-xxl-0 {
        margin-bottom: 0!important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xxl-auto {
        margin-bottom: auto!important
    }

    .ms-xxl-0 {
        margin-left: 0!important
    }

    .ms-xxl-1 {
        margin-left: .25rem!important
    }

    .ms-xxl-2 {
        margin-left: .5rem!important
    }

    .ms-xxl-3 {
        margin-left: 1rem!important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xxl-5 {
        margin-left: 3rem!important
    }

    .ms-xxl-auto {
        margin-left: auto!important
    }

    .p-xxl-0 {
        padding: 0!important
    }

    .p-xxl-1 {
        padding: .25rem!important
    }

    .p-xxl-2 {
        padding: .5rem!important
    }

    .p-xxl-3 {
        padding: 1rem!important
    }

    .p-xxl-4 {
        padding: 1.5rem!important
    }

    .p-xxl-5 {
        padding: 3rem!important
    }

    .px-xxl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xxl-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-xxl-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-xxl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xxl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xxl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-xxl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xxl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-xxl-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-xxl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xxl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xxl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-xxl-0 {
        padding-top: 0!important
    }

    .pt-xxl-1 {
        padding-top: .25rem!important
    }

    .pt-xxl-2 {
        padding-top: .5rem!important
    }

    .pt-xxl-3 {
        padding-top: 1rem!important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xxl-5 {
        padding-top: 3rem!important
    }

    .pe-xxl-0 {
        padding-right: 0!important
    }

    .pe-xxl-1 {
        padding-right: .25rem!important
    }

    .pe-xxl-2 {
        padding-right: .5rem!important
    }

    .pe-xxl-3 {
        padding-right: 1rem!important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xxl-5 {
        padding-right: 3rem!important
    }

    .pb-xxl-0 {
        padding-bottom: 0!important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xxl-0 {
        padding-left: 0!important
    }

    .ps-xxl-1 {
        padding-left: .25rem!important
    }

    .ps-xxl-2 {
        padding-left: .5rem!important
    }

    .ps-xxl-3 {
        padding-left: 1rem!important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xxl-5 {
        padding-left: 3rem!important
    }

    .text-xxl-start {
        text-align: left!important
    }

    .text-xxl-end {
        text-align: right!important
    }

    .text-xxl-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size:2.5rem!important
    }

    .fs-2 {
        font-size: 2rem!important
    }

    .fs-3 {
        font-size: 1.75rem!important
    }

    .fs-4 {
        font-size: 1.5rem!important
    }
}

@media print {
    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-grid {
        display: grid!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-print-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }

    .d-print-none {
        display: none!important
    }
}

:root {
    --transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
    --c-primary: #ea2e23;
    --c-secondary: #171b24;
    --c-light-secondary: #2e3442;
    --c-white: #ffffff;
    --c-paragraph: #171b24;
    --bg-color: #fbfbfb;
    --bg-gray: #f5f5f5;
    --c-border: #e0e0e0;
    --xl-container-spacing: 4rem
}

@media (max-width: 575px) {
    :root {
        --xl-container-spacing:2rem
    }
}

.c-primary {
    color: #ea2e23!important;
    color: var(--c-primary)!important
}

.c-secondary {
    color: #171b24!important;
    color: var(--c-secondary)!important
}

.c-white {
    color: #fff!important;
    color: var(--c-white)!important
}

.c-paragraph {
    color: #171b24!important;
    color: var(--c-paragraph)!important
}

.icon-sprite__title {
    text-align: center;
    margin-top: 3rem;
    font-size: 4rem
}

.icon-sprite__wrapper {
    display: grid;
    grid-template-columns: repeat(10,1fr);
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    width: 100%;
    margin-top: 2rem
}

.icon-sprite__item {
    width: 100%;
    background: var(--ui-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: .1rem solid rgba(0,0,0,.1);
    border-radius: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.icon-sprite__item:last-child {
    margin-right: 0
}

.icon-sprite__name,.icon-sprite__number {
    padding: .5rem;
    text-align: center
}

.icon-sprite__preview {
    width: 100%;
    height: 5rem;
    padding: .5rem;
    margin: 0;
    background-color: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.icon-sprite__preview .icon {
    font-size: 2.4rem
}

.icon-font {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.icon-font>svg {
    width: 100%;
    height: 100%
}

.container {
    max-width: 136rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.container--sm {
    max-width: 128rem
}

.container--fluid {
    max-width: 100%;
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media (max-width: 1439px) {
    .container,.container--sm {
        max-width:115rem
    }
}

@media (max-width: 1199px) {
    .container,.container--sm {
        max-width:96rem
    }
}

@media (max-width: 991px) {
    .container,.container--sm {
        max-width:72rem
    }
}

@media (max-width: 767px) {
    .container,.container--sm {
        max-width:52rem
    }
}

@media (max-width: 575px) {
    .container,.container--sm {
        max-width:100%;
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (max-width: 350px) {
    .container,.container--sm {
        padding-left:1.5rem;
        padding-right: 1.5rem
    }
}

a {
    color: inherit;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
    font-size: 10px
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

[tabindex="-1"]:focus:not(.focus-visible),[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0!important
}

@-ms-viewport {
    width: device-width
}

article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section {
    display: block
}

body {
    margin: 0;
    font-family: "Montserrat",sans-serif;
    font-size: 1.6rem;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility!important;
    background-color: #fff;
    background-color: var(--c-white);
    color: #171b24;
    color: var(--c-secondary)
}

[tabindex="-1"]:focus {
    outline: 0!important
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,h2,h3,h4,h5,h6 {
    /*margin-top: 0;*/
    font-size: inherit;
    font-weight: inherit;
    /*margin-bottom: 0*/
}
/*
dl,ol,p,ul {
    margin-top: 0
}
*/

abbr[data-original-title],abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}
/*
dl,ol,ul {
    padding-left: 0
}

li {
    list-style: none
}

dl,ol,ol ol,ol ul,p,ul,ul ol,ul ul {
    margin-bottom: 0
}
*/
dt {
    font-weight: 400
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote,figure {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b,strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

img {
    vertical-align: middle;
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

table {
    border-collapse: collapse
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0;
    border: inherit;
    background-color: inherit;
    padding: 0
}

button:focus {
    outline: 0
}

button,input,optgroup,select,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    outline: 0;
    line-height: inherit
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=date],input[type=datetime-local],input[type=month],input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -.2rem;
    -webkit-appearance: none
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none!important
}

*,::after,::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.transition-fade {
    -webkit-transition: .4s;
    transition: .4s;
    opacity: 1
}

html.is-animating .transition-fade {
    opacity: 0
}

.section {
    padding: 6rem 0
}

@media (max-width: 991px) {
    .section {
        padding:7.5rem 0
    }
}

@media (max-width: 767px) {
    .section {
        padding:5rem 0
    }
}

@media (max-width: 575px) {
    .section {
        padding:4rem 0
    }
}

.section--pt6 {
    padding-top: 3rem
}

.section--pb6 {
    padding-bottom: 3rem
}

.section--pt0 {
    padding-top: 0
}

.section--pb0 {
    padding-bottom: 0
}

.section-top--jcsb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 991px) {
    .section-top--jcsb {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.section-top--jcsb .section-top__content {
    max-width: 80rem;
    padding-right: 5rem
}

.section-top--mb {
    margin-bottom: 10rem
}

.section-top__right {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width: 991px) {
    .section-top__right {
        margin-top:2.5rem
    }
}

.section-top__txt {
    margin-top: 4.5rem
}

@media (max-width: 991px) {
    .section-top__txt {
        margin-top:2rem
    }
}

.section-top__btn {
    margin-top: 4.5rem
}

@media (max-width: 991px) {
    .section-top__btn {
        margin-top:2rem
    }
}

.opacity-8 {
    opacity: .8
}

.detail-page {
    margin-top: 2rem;
    position: relative;
    z-index: 1
}

@media (max-width: 767px) {
    .detail-page {
        margin-top:4rem
    }
}

.sub-image {
    width: 100%;
    height: 50rem
}

@media (max-width: 767px) {
    .sub-image {
        height:35rem
    }
}

.main-slider__item img,.sub-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.main-slider__item {
    width: 100%;
    height: 58rem;
    position: relative;
    display: block
}

@media (max-width: 991px) {
    .main-slider__item {
        height:60vh
    }
}

.main-slider__item:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.2)
}

.swiper-button-next,.swiper-button-prev {
    margin: 0!important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff!important;
    color: var(--c-white)!important;
    width: 6rem!important;
    height: 6rem!important;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

@media (max-width: 767px) {
    .swiper-button-next,.swiper-button-prev {
        display:none!important
    }
}

.header__menu-btn.opened span,.header__menu-btn:hover span,.swiper-button-next:hover,.swiper-button-prev:hover {
    background-color: #ea2e23;
    background-color: var(--c-primary)
}

.swiper-button-next .icon,.swiper-button-prev .icon {
    font-size: 3.2rem;
    position: relative
}

.swiper-button-next:after,.swiper-button-prev:after {
    display: none
}

.swiper-button-prev {
    left: 4rem!important;
    left: var(--xl-container-spacing)!important
}

@media (max-width: 1529px) {
    .swiper-button-prev {
        left:calc(4rem - 3.5rem)!important;
        left: calc(var(--xl-container-spacing) - 3.5rem)!important
    }
}

.swiper-button-prev .icon {
    top: .2rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.swiper-button-next {
    right: 4rem!important;
    right: var(--xl-container-spacing)!important
}

@media (max-width: 1529px) {
    .swiper-button-next {
        right:calc(4rem - 3.5rem)!important;
        right: calc(var(--xl-container-spacing) - 3.5rem)!important
    }
}

.swiper-button-next .icon {
    top: -.2rem
}

.main-swiper-pagination {
    position: absolute;
    bottom: 6rem;
    left: 0;
    width: 100%;
    height: auto
}

.main-swiper-pagination--centered {
    bottom: 3.5rem;
    z-index: 1
}

.main-swiper-pagination--centered .swiper-pagination {
    text-align: center!important;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.main-swiper-pagination .swiper-pagination {
    position: relative;
    bottom: 0!important;
    left: 0;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.main-swiper-pagination .swiper-pagination-bullet {
    margin: 0!important;
    margin-right: 2.5rem!important;
    background-color: #ea2e23;
    background-color: var(--c-primary);
    opacity: 1;
    width: 1.1rem;
    height: 1.1rem
}

.main-swiper-pagination .swiper-pagination-bullet-active {
    background-color: #fff;
    background-color: var(--c-white)
}

.main-swiper-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0!important
}

.reveal-effect {
    position: relative;
    visibility: visible!important
}

.reveal-effect:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ea2e23;
    background-color: var(--c-primary);
    -webkit-transition: .5s cubic-bezier(.29,.13,.27,.74);
    transition: .5s cubic-bezier(.29,.13,.27,.74);
    z-index: 6
}

.reveal-effect--secondary:after {
    background-color: #171b24;
    background-color: var(--c-secondary)
}

.reveal-effect__animated:after {
    left: 100%;
    width: 0
}

.reveal-effect--delay-1:after {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

@media (max-width: 575px) {
    .reveal-effect--delay-1:after {
        -webkit-transition-delay:.01s;
        transition-delay: .01s
    }
}

.reveal-effect--delay-2:after {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

@media (max-width: 575px) {
    .reveal-effect--delay-2:after {
        -webkit-transition-delay:.02s;
        transition-delay: .02s
    }
}

.reveal-effect--delay-3:after {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

@media (max-width: 575px) {
    .reveal-effect--delay-3:after {
        -webkit-transition-delay:.03s;
        transition-delay: .03s
    }
}

.reveal-effect--delay-4:after {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

@media (max-width: 575px) {
    .reveal-effect--delay-4:after {
        -webkit-transition-delay:.04s;
        transition-delay: .04s
    }
}

.reveal-effect--delay-5:after {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

@media (max-width: 575px) {
    .reveal-effect--delay-5:after {
        -webkit-transition-delay:.05s;
        transition-delay: .05s
    }
}

.reveal-effect--delay-6:after {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

@media (max-width: 575px) {
    .reveal-effect--delay-6:after {
        -webkit-transition-delay:.06s;
        transition-delay: .06s
    }
}

.reveal-effect--delay-7:after {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

@media (max-width: 575px) {
    .reveal-effect--delay-7:after {
        -webkit-transition-delay:.07s;
        transition-delay: .07s
    }
}

.reveal-effect--delay-8:after {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

@media (max-width: 575px) {
    .reveal-effect--delay-8:after {
        -webkit-transition-delay:.08s;
        transition-delay: .08s
    }
}

.reveal-effect--delay-9:after {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

@media (max-width: 575px) {
    .reveal-effect--delay-9:after {
        -webkit-transition-delay:.09s;
        transition-delay: .09s
    }
}

.js-text-anim .word,.js-text-anim-second .word {
    display: inline-block;
    line-height: 1em
}

.js-text-anim .word:last-child,.js-text-anim-second .word:last-child,.uikit__header .uikit-btn:last-child {
    margin-right: 0
}

.ck-field h1 {
    font-size: 4.8rem;
    font-weight: 700;
    margin-bottom: 5rem
}

.ck-field>strong {
    display: block;
    margin-bottom: 5rem
}

.ck-field p,.ck-field strong {
    font-size: 2.4rem;
    font-weight: 400
}

.ck-field h2 {
    font-size: 3.2rem;
    font-weight: 600;
    margin-bottom: 2.5rem
}

.ck-field p {
    font-size: 1.8rem;
    opacity: .7;
    margin-bottom: 5rem
}

.ck-field p:last-child {
    margin-bottom: 0
}

.txt {
    font-size: 1.6rem
}

.txt--px15 {
    font-size: 1.5rem
}

@media (max-width: 1199px) {
    .txt--px15 {
        font-size:1.4rem
    }
}

.txt--px18 {
    font-size: 1.8rem
}

@media (max-width: 1199px) {
    .txt--px18 {
        font-size:1.6rem
    }
}

.txt--px20 {
    font-size: 2rem
}

@media (max-width: 1439px) {
    .txt--px20 {
        font-size:1.8rem
    }
}

@media (max-width: 1199px) {
    .txt--px20 {
        font-size:1.6rem
    }
}

.txt--px22 {
    font-size: 2.2rem
}

@media (max-width: 1439px) {
    .txt--px22 {
        font-size:2rem
    }
}

@media (max-width: 1199px) {
    .txt--px22 {
        font-size:1.8rem
    }
}

.txt--px24 {
    font-size: 2.4rem
}

@media (max-width: 1439px) {
    .txt--px24 {
        font-size:2.2rem
    }
}

@media (max-width: 1199px) {
    .txt--px24 {
        font-size:2rem
    }
}

.txt--px30 {
    font-size: 3rem
}

@media (max-width: 1439px) {
    .txt--px30 {
        font-size:2.7rem
    }
}

@media (max-width: 1199px) {
    .txt--px30 {
        font-size:2.4rem
    }
}

.txt--px32 {
    font-size: 3.2rem
}

@media (max-width: 1439px) {
    .txt--px32 {
        font-size:2.9rem
    }
}

@media (max-width: 1199px) {
    .txt--px32 {
        font-size:2.6rem
    }
}

.txt--px36 {
    font-size: 3.6rem
}

@media (max-width: 1439px) {
    .txt--px36 {
        font-size:3.2rem
    }
}

@media (max-width: 1199px) {
    .txt--px36 {
        font-size:2.8rem
    }
}

@media (max-width: 767px) {
    .txt--px36 {
        font-size:2.6rem
    }
}

.txt--px48 {
    font-size: 4.8rem
}

@media (max-width: 1439px) {
    .txt--px48 {
        font-size:4.2rem
    }
}

@media (max-width: 1199px) {
    .txt--px48 {
        font-size:3.6rem
    }
}

@media (max-width: 767px) {
    .txt--px48 {
        font-size:3.2rem
    }
}

.txt--px60 {
    font-size: 6rem
}

@media (max-width: 1439px) {
    .txt--px60 {
        font-size:5rem
    }
}

@media (max-width: 1199px) {
    .txt--px60 {
        font-size:4rem
    }
}

@media (max-width: 767px) {
    .txt--px60 {
        font-size:3rem
    }
}

.txt--px80 {
    font-size: 8rem
}

@media (max-width: 1439px) {
    .txt--px80 {
        font-size:7rem
    }
}

@media (max-width: 1199px) {
    .txt--px80 {
        font-size:6rem
    }
}

@media (max-width: 767px) {
    .txt--px80 {
        font-size:3.2rem
    }
}

.txt--px120 {
    font-size: 12rem
}

@media (max-width: 1439px) {
    .txt--px120 {
        font-size:10.6rem
    }
}

@media (max-width: 1199px) {
    .txt--px120 {
        font-size:9rem
    }
}

@media (max-width: 767px) {
    .txt--px120 {
        font-size:7rem
    }
}

.txt--font300 {
    font-weight: 300
}

.txt--font400 {
    font-weight: 400
}

.txt--font500 {
    font-weight: 500
}

.txt--font600 {
    font-weight: 600
}

.txt--font700 {
    font-weight: 700
}

html[data-theme=dark],html[data-theme=default] {
    --ui-primary: #00a6ce;
    --ui-secondary: #1d252c;
    --ui-text-light: #7e8299
}

html[data-theme=default] {
    --ui-white: #fff;
    --ui-bg: #f5f8fa;
    --ui-primary-light: #e5f6fa;
    --ui-text: #3f4254;
    --ui-border: #eff2f5
}

html[data-theme=dark] {
    --ui-white: #000b12;
    --ui-bg: #001422;
    --ui-primary-light: #003050;
    --ui-text: #c5c5c5;
    --ui-border: #001828
}

html[data-theme=dark] body {
    color: #b1b1b1;
    background-color: var(--ui-white)
}

html[data-theme=dark] pre[class*=language-] {
    background: #001828
}

.uikit,.uikit-filetree__sub-item>.uikit-filetree__sub .uikit-filetree__sub {
    background-color: var(--ui-bg)
}

.uikit pre[class*=language-] {
    border-radius: 1rem;
    background: #2d2d2d
}

.uikit pre[class*=language-]::-webkit-scrollbar {
    height: .5rem
}

.uikit pre[class*=language-]::-webkit-scrollbar-track {
    background: 0 0
}

.uikit pre[class*=language-]::-webkit-scrollbar-thumb {
    background: #070707;
    border-radius: 1.5rem
}

.uikit pre[class*=language-]::-webkit-scrollbar-thumb:hover {
    background: #000
}

.uikit__side {
    position: fixed;
    top: 0;
    left: 0;
    width: 28.5rem;
    height: 100%;
    background-color: var(--ui-white);
    -webkit-box-shadow: 0,0,2.8rem,0,rgba(82,63,105,.03);
    box-shadow: 0,0,2.8rem,0,rgba(82,63,105,.03)
}

@media (max-width: 991px) {
    .uikit__side {
        -webkit-transform:translateX(-100%);
        transform: translateX(-100%)
    }
}

.uikit__side-logo {
    width: 100%;
    padding: 2rem 2rem 1.5rem;
    height: 9rem
}

.uikit__side-logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.uikit__side-search {
    height: 7rem;
    padding: 0 2rem 2.5rem;
    border-bottom: .1rem solid var(--ui-border);
    position: relative
}

.uikit__side-search input {
    width: 100%;
    height: 100%;
    background-color: var(--ui-bg);
    border: 0;
    border-radius: 1rem;
    padding: 0 1.5rem;
    font-size: 1.4rem;
    font-weight: 500
}

.uikit__side-version {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateY(50%) translateX(-50%);
    transform: translateY(50%) translateX(-50%);
    background-color: var(--ui-primary-light);
    padding: .5rem;
    color: var(--ui-primary);
    border-radius: .5rem;
    font-size: 1.3rem;
    line-height: 1em;
    font-weight: 500
}

.uikit__side-wrapper {
    padding: 2rem;
    overflow-y: auto;
    max-height: calc(100vh - 10rem - 6rem);
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

.uikit__side-wrapper:hover::-webkit-scrollbar {
    display: block
}

.uikit__side-wrapper::-webkit-scrollbar {
    width: .5rem;
    display: none
}

.uikit__side-wrapper::-webkit-scrollbar-track {
    background: 0 0
}

.uikit__side-wrapper::-webkit-scrollbar-thumb {
    background: #dfe5eb;
    border-radius: 1.5rem
}

.uikit__side-wrapper::-webkit-scrollbar-thumb:hover {
    background: #d0d9e1
}

.uikit__side-field {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: .1rem solid var(--ui-border)
}

.uikit__side-field:last-child {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0
}

.uikit__side-title {
    color: var(--ui-text);
    padding: 1rem 0;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 600
}

.uikit__side-item {
    color: var(--ui-text-light);
    text-transform: capitalize
}

.uikit-overview__title span,.uikit__side-item.active a {
    color: var(--ui-primary)
}

.uikit__side-item a {
    display: block;
    padding: 1rem 0;
    font-size: 1.6rem;
    font-weight: 400
}

.uikit__side-item a:hover {
    color: var(--ui-text)
}

.uikit__content {
    padding-left: 28.5rem
}

@media (max-width: 991px) {
    .uikit__content {
        padding-left:0
    }
}

.uikit__wrapper {
    padding-bottom: 15rem
}

.uikit__header {
    background-color: var(--ui-white);
    -webkit-box-shadow: 0,0,2.8rem,0,rgba(82,63,105,.03);
    box-shadow: 0,0,2.8rem,0,rgba(82,63,105,.03);
    border-radius: 0 0 1rem 1rem;
    padding: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2rem;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 6
}

.uikit__header-title {
    color: var(--ui-text);
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 600
}

.uikit__header-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.uikit__header .uikit-btn {
    margin-right: 2rem
}

.uikit__item {
    background-color: var(--ui-white);
    -webkit-box-shadow: 0,0,2.8rem,0,rgba(82,63,105,.03);
    box-shadow: 0,0,2.8rem,0,rgba(82,63,105,.03);
    padding: 2rem;
    border-radius: 1rem;
    margin-bottom: 15rem;
    position: relative
}

.uikit__item:last-child {
    margin-bottom: 0
}

.uikit__item-message {
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    left: 0;
    background-color: #ff5050;
    padding: .5rem 1.5rem;
    border-radius: .5rem .5rem 0 0;
    color: var(--ui-white);
    font-size: 1.6rem
}

.uikit__item-p {
    color: var(--ui-text-light);
    font-size: 2.2rem;
    font-weight: 500;
    margin-bottom: 2rem
}

.uikit__item>p {
    color: var(--ui-text-light);
    font-size: 1.4rem
}

.uikit__item>pre {
    margin: 1.5rem 0 3rem!important
}

.uikit-btn {
    padding: 1.5rem 2.5rem;
    border: .1rem solid var(--ui-border);
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: var(--ui-text);
    font-size: 1.6rem;
    cursor: pointer
}

.uikit-btn:hover {
    background-color: var(--ui-primary-light);
    border-color: var(--ui-primary-light);
    color: var(--ui-primary)
}

.uikit-btn--dark {
    background-color: var(--ui-primary);
    border-color: var(--ui-primary);
    color: var(--ui-white)
}

.uikit-btn--dark:hover {
    background-color: #007d9b;
    border-color: #007d9b;
    color: var(--ui-white)
}

.uikit-overview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.uikit-overview__title {
    font-size: 3.4rem;
    font-weight: 700;
    margin-bottom: 3rem;
    color: var(--ui-text)
}

.uikit-overview__info {
    color: var(--ui-text);
    font-size: 2.6rem;
    font-weight: 600
}

.uikit-overview__txt {
    color: var(--ui-text-light);
    font-size: 2.2rem;
    max-width: 65rem;
    margin: 2rem 0
}

.uikit-overview__copyright {
    color: var(--ui-text);
    border-top: .1rem solid var(--ui-border);
    width: 100%;
    padding-top: 2rem;
    font-size: 1.6rem
}

.uikit-overview__copyright a {
    color: var(--ui-primary)
}

.uikit-overview__copyright strong {
    display: block;
    margin-top: .5rem
}

.uikit-filetree {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.uikit-filetree-item {
    width: 100%;
    padding: 1.5rem 0;
    border-bottom: .1rem solid var(--ui-border)
}

.uikit-filetree-item:last-child {
    border-bottom: none
}

.uikit-filetree span {
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--ui-text)
}

.uikit-filetree__sub {
    padding-left: 2rem;
    background-color: var(--ui-bg);
    border-radius: 1rem;
    margin-top: 1.5rem;
    width: calc(100% - 2rem)
}

.uikit-filetree__sub-item {
    padding: 1.5rem 0
}

.uikit-filetree__sub-item>.uikit-filetree__sub,.uikit-filetree__sub-item>.uikit-filetree__sub .uikit-filetree__sub .uikit-filetree__sub {
    background-color: var(--ui-white)
}

.uikit-breakpoints__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: .1rem solid var(--ui-border)
}

.uikit-breakpoints__row:last-child {
    border-bottom: none
}

.uikit-breakpoints__item {
    width: 100%;
    margin-right: 2.5rem
}

.uikit-breakpoints__item:not(:last-child) {
    color: var(--ui-text);
    text-transform: capitalize;
    font-size: 1.6rem;
    font-weight: 500
}

.uikit-breakpoints__item:last-child {
    margin-right: 0
}

.code-toolbar {
    position: relative;
    font-size: 1.6rem
}

.code-toolbar:hover .toolbar {
    opacity: 1
}

.code-toolbar .toolbar {
    position: absolute;
    top: 1em;
    right: 1em;
    opacity: 0
}

.code-toolbar .toolbar .copy-to-clipboard-button {
    padding: .5rem 1.5rem;
    background-color: var(--ui-white);
    border-radius: .5rem;
    color: var(--ui-text);
    cursor: pointer;
    font-size: 1.4rem
}

.front-ui {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    z-index: 999
}

@media (max-width: 767px) {
    .front-ui {
        top:auto;
        right: auto;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.front-ui-dropdown {
    background: var(--c-white);
    border-radius: .6;
    -webkit-box-shadow: 0 0 2rem rgba(0,0,0,.08);
    box-shadow: 0 0 2rem rgba(0,0,0,.08);
    position: absolute;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    padding: 1.5rem;
    top: 0;
    right: 3.5rem;
    max-height: 40rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    background: #fff
}

@media (max-width: 767px) {
    .front-ui-dropdown {
        top:auto;
        bottom: calc(100% + 1.5rem);
        right: 0
    }
}

.front-ui-dropdown.active {
    opacity: 1;
    pointer-events: all;
    visibility: visible
}

.front-ui-dropdown-item {
    padding: .5rem;
    margin: .3rem;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.front-ui-button-item:hover,.front-ui-dropdown-item:hover {
    color: var(--ui-primary)
}

.front-ui-button {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 767px) {
    .front-ui-button {
        -webkit-transform:none;
        transform: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.front-ui-button-item {
    background: var(--c-white);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    padding: 1.2rem .9rem 1.2rem .5rem;
    line-height: 1em;
    border-radius: 0 1.2rem 1.2rem 0;
    margin: .4rem 0;
    -webkit-box-shadow: 0 0 2rem rgba(0,0,0,.08);
    box-shadow: 0 0 2rem rgba(0,0,0,.08);
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    background: #fff
}

@media (max-width: 767px) {
    .front-ui-button-item {
        -webkit-writing-mode:unset;
        -ms-writing-mode: unset;
        writing-mode: unset;
        border-radius: 1.2rem 1.2rem 0 0;
        margin: 0 .4rem;
        white-space: nowrap
    }
}

.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    border-radius: 3rem;
    overflow: hidden;
    color: #171b24;
    color: var(--c-paragraph);
    position: relative;
    padding: 1rem 0;
    padding-right: 3.6rem
}

.btn:hover {
    padding-right: 0
}

.btn:hover .btn-icon,.main-card:hover .btn .btn-icon {
    left: 0
}

.btn:hover .btn-txt,.main-card:hover .btn .btn-txt {
    padding-left: 3.6rem
}

.btn,.btn .btn-icon,.btn .btn-txt {
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.btn .btn-icon {
    margin-left: 0;
    position: absolute;
    left: calc(100% - 2.6rem)
}

.btn--white .btn-icon,.btn--white .btn-txt {
    color: #fff;
    color: var(--c-white)
}

.btn--primary .btn-icon,.btn--primary .btn-txt {
    color: #ea2e23;
    color: var(--c-primary)
}

.btn--centered {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.btn-icon,.btn-txt {
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.btn-txt {
    line-height: 1em;
    font-size: 2rem;
    font-weight: 500;
    white-space: nowrap
}

.btn-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-left: 1rem;
    color: #171b24;
    color: var(--c-paragraph);
    -webkit-transform: translateY(-.2rem);
    transform: translateY(-.2rem)
}

.btn-icon .icon {
    font-size: 2.2rem
}

.filter-tab .tab-content.filtered,.input-item--file input[type=file] {
    display: none
}

.filter-tab--fade .tab-content {
    opacity: 1;
    -webkit-animation: filteredFade .3s cubic-bezier(.29,.13,.27,.74) alternate forwards;
    animation: filteredFade .3s cubic-bezier(.29,.13,.27,.74) alternate forwards
}

.filter-tab--fade .tab-content.filtering {
    -webkit-animation: filteringFade .3s cubic-bezier(.29,.13,.27,.74) alternate forwards;
    animation: filteringFade .3s cubic-bezier(.29,.13,.27,.74) alternate forwards
}

.filter-tab--scaleY .tab-content {
    opacity: 1;
    -webkit-animation: filteredScaleY .3s cubic-bezier(.29,.13,.27,.74) alternate forwards;
    animation: filteredScaleY .3s cubic-bezier(.29,.13,.27,.74) alternate forwards
}

.filter-tab--scaleY .tab-content.filtering {
    -webkit-animation: filteringScaleY .3s cubic-bezier(.29,.13,.27,.74) alternate forwards;
    animation: filteringScaleY .3s cubic-bezier(.29,.13,.27,.74) alternate forwards
}

.toast {
    border-radius: .6rem!important;
    width: 40rem!important;
    opacity: 1!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.toast-title {
    font-size: 2.2rem
}

.toast-message {
    font-weight: 400;
    font-size: 1.6rem;
    position: relative;
    top: .1rem
}

.toast-progress {
    opacity: .3!important
}

.toast-close-button {
    font-weight: 100!important
}

.input-item {
    width: 100%;
    position: relative;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    background: 0 0;
    border: 0;
    border-bottom: .2rem solid #e0e0e0;
    border-bottom: .2rem solid var(--c-border)
}

.input-item--textarea .input-item__placeholder {
    -webkit-transform: none;
    transform: none;
    top: 2rem
}

.input-item--textarea.input-item--focused .input-item__placeholder,.input-item--textarea.input-item--valued .input-item__placeholder {
    top: .8rem!important
}

.input-item--textarea.input-item--focused {
    border-color: #171b24;
    border-color: var(--c-secondary)
}

.input-item--file {
    background: 0 0!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.input-item__file-field {
    margin-left: 1rem
}

.input-item>select {
    top: 0!important;
    width: 95%!important;
    background: 0 0
}

.input-item>input,.input-item>textarea {
    background: 0 0
}

.input-item--file,.input-item>input,.input-item>select,.input-item>textarea {
    padding: 1.6rem 2.5rem;
    border: 0;
    outline: 0;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1em;
    position: relative;
    color: #171b24;
    color: var(--c-secondary);
    top: .2rem
}

.input-item--file,.input-item>input,.input-item>textarea {
    width: 100%
}

.input-item--file:-webkit-autofill~.input-item__placeholder,.input-item>input:-webkit-autofill~.input-item__placeholder,.input-item>select:-webkit-autofill~.input-item__placeholder,.input-item>textarea:-webkit-autofill~.input-item__placeholder {
    top: 25%;
    font-size: 1.2rem
}

.input-item--file:-webkit-autofill,.input-item--file:-webkit-autofill:active,.input-item--file:-webkit-autofill:focus,.input-item--file:-webkit-autofill:hover,.input-item>input:-webkit-autofill,.input-item>input:-webkit-autofill:active,.input-item>input:-webkit-autofill:focus,.input-item>input:-webkit-autofill:hover,.input-item>select:-webkit-autofill,.input-item>select:-webkit-autofill:active,.input-item>select:-webkit-autofill:focus,.input-item>select:-webkit-autofill:hover,.input-item>textarea:-webkit-autofill,.input-item>textarea:-webkit-autofill:active,.input-item>textarea:-webkit-autofill:focus,.input-item>textarea:-webkit-autofill:hover {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

.input-item option,.input-item select {
    cursor: default!important
}

.input-item__placeholder,.switch__slider:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.input-item__placeholder {
    font-weight: 400;
    font-size: 1.6rem;
    top: calc(50% + .1rem);
    line-height: 1em;
    left: 2.5rem;
    pointer-events: none
}

.input-item__placeholder strong {
    color: red
}

.input-item--focused .input-item__placeholder,.input-item--valued .input-item__placeholder {
    top: 25%;
    font-size: 1.2rem
}

.input-item--focused {
    border-color: #171b24;
    border-color: var(--c-secondary)
}

.switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.switch__text {
    font-size: 1.6rem
}

.switch__text--first {
    margin-right: 2rem
}

@media (max-width: 575px) {
    .switch__text--first {
        margin-right:1rem
    }
}

.switch__text--last {
    margin-left: 2rem
}

@media (max-width: 575px) {
    .switch__text--last {
        margin-left:1rem
    }
}

.switch__slider {
    position: relative;
    cursor: pointer;
    width: 6.4rem;
    height: 2.6rem;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 3.4rem
}

.switch__slider:before {
    content: "";
    height: 2rem;
    width: 2rem;
    left: .4rem;
    top: 50%;
    background-color: #fff;
    border-radius: 50%
}

.switch input:checked+.switch__slider {
    background-color: var(--ui-primary)
}

.switch input:focus+.switch__slider {
    -webkit-box-shadow: 0 0 .1rem var(--ui-primary);
    box-shadow: 0 0 .1rem var(--ui-primary)
}

.switch input:checked+.switch__slider:before {
    left: calc(100% - .4rem - 2rem)
}

.checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkbox__checkmark {
    position: relative;
    height: 2.5rem;
    width: 2.5rem;
    background-color: #eee;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: .6rem;
    -webkit-transition: background-color .3s cubic-bezier(.29,.13,.27,.74);
    transition: background-color .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: background-color var(--transition);
    transition: background-color var(--transition)
}

.checkbox__checkmark:after {
    content: "";
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    background-image: url(.././images/icon-tick.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) scale(.5);
    transform: translate(-50%,-50%) scale(.5);
    width: calc(100% - 1.1rem);
    height: calc(100% - 1.1rem)
}

.checkbox__txt {
    padding-left: 1.5rem;
    font-size: 1.6rem;
    position: relative;
    top: .1rem
}

.checkbox input:checked~.checkbox__checkmark,.radio input:checked~.radio__checkmark {
    background-color: var(--ui-primary)
}

.checkbox input:checked~.checkbox__checkmark:after,.radio input:checked~.radio__checkmark:after {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1)
}

.radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    margin-bottom: 1.5rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radio:last-child {
    margin-bottom: 0
}

.radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.radio__checkmark {
    position: relative;
    height: 2.4rem;
    width: 2.4rem;
    background-color: #eee;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 50%;
    -webkit-transition: background-color .3s cubic-bezier(.29,.13,.27,.74);
    transition: background-color .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: background-color var(--transition);
    transition: background-color var(--transition)
}

.radio__checkmark:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: calc(100% - 1.1rem);
    height: calc(100% - 1.1rem);
    border-radius: 50%;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(-50%,-50%) scale(.5);
    transform: translate(-50%,-50%) scale(.5);
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.radio__txt {
    padding-left: 1.5rem;
    font-size: 1.6rem;
    position: relative;
    top: .1rem
}

.main-card {
    width: 100%;
    cursor: pointer
}

.main-card:hover .main-card__image {
    top: -1.25rem;
    left: -1.25rem
}

.main-card:hover .main-card__image:before {
    bottom: -1.25rem;
    right: -1.25rem
}

.main-card:hover .main-card__title {
    color: #ea2e23;
    color: var(--c-primary)
}

.main-card:hover .btn {
    padding-right: 0
}

.main-card--lg .main-card__image {
    height: 58rem
}

@media (max-width: 767px) {
    .main-card--lg .main-card__image {
        height:38rem
    }
}

@media (max-width: 575px) {
    .main-card--lg .main-card__image {
        height:30rem
    }
}

.main-card--md .main-card__image {
    height: 39rem
}

@media (max-width: 767px) {
    .main-card--md .main-card__image {
        height:30rem
    }
}

.main-card__image {
    width: 100%;
    height: 30rem;
    margin-bottom: 2rem;
    position: relative;
    z-index: 1;
    top: 0;
    left: 0
}

.main-card__image:before,.main-card__logo:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%
}

.main-card__image,.main-card__image:before {
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.main-card__image:before {
    bottom: 0;
    right: 0;
    background-color: #ea2e23;
    background-color: var(--c-primary);
    z-index: -1
}

.main-card__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.main-card__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.main-card__logo:before {
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.3)
}

.main-card__logo img {
    max-width: 19rem;
    width: 100%;
    position: relative;
    z-index: 1
}

.main-card__title {
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.main-card__txt {
    margin-top: 2rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.main-card__btn {
    margin-top: 2rem
}

.popup {
    position: relative
}

.popup.opened .popup-wrapper {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    top: calc(100% + 1.5rem)
}

.popup-top {
    cursor: pointer
}

.popup-wrapper {
    position: absolute;
    top: calc(100% + 3.5rem);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #f5f5f5;
    background-color: var(--bg-gray);
    padding: .5rem 1.5rem;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.breadcrumb,.popup-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.popup-item {
    cursor: pointer;
    padding: 1rem 0;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.popup-item.active,.popup-item:hover {
    color: #ea2e23;
    color: var(--c-primary)
}

.breadcrumb {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 5rem
}

@media (max-width: 991px) {
    .breadcrumb {
        overflow-x:auto
    }
}

.breadcrumb__item {
    color: #ea2e23;
    color: var(--c-primary);
    font-size: 1.6rem;
    font-weight: 500
}

@media (max-width: 991px) {
    .breadcrumb__item {
        white-space:nowrap
    }
}

.breadcrumb__item:last-child {
    font-weight: 700
}

.breadcrumb__item:last-child:after {
    display: none
}

.breadcrumb__item:after {
    content: ">";
    margin: 0 1rem
}

.social {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.social,.social--vertical,.social__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.social--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.social--red .social__item {
    color: #ea2e23;
    color: var(--c-primary)
}

.social--red .social__item:hover,.social__item:hover {
    background-color: #171b24;
    background-color: var(--c-secondary);
    color: #fff;
    color: var(--c-white)
}

.social__item {
    width: 5rem;
    height: 5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.social__item:hover {
    background-color: #ea2e23;
    background-color: var(--c-primary)
}

.social__item .icon {
    font-size: 1.8rem
}

.image-grid__item {
    width: 100%;
    height: 42.5rem;
    position: relative;
    display: block
}

@media (max-width: 767px) {
    .image-grid__item {
        height:35rem
    }
}

.image-grid__item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3)
}

.image-grid__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.accordion-item {
    border-bottom: .2rem solid #e0e0e0;
    border-bottom: .2rem solid var(--c-border)
}

.accordion-item.active .accordion-header {
    padding-bottom: 4rem
}

.accordion-item.active .accordion-header__title {
    color: #ea2e23;
    color: var(--c-primary)
}

.accordion-item.active .accordion-header__icon:before {
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg);
    background-color: #ea2e23;
    background-color: var(--c-primary)
}

.accordion-item.active .accordion-header__icon:after {
    opacity: 0;
    background-color: #ea2e23;
    background-color: var(--c-primary)
}

.accordion-item.active .accordion-content {
    opacity: 1;
    margin-bottom: 4rem
}

.accordion-header,.accordion-header__title {
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.accordion-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2rem 0
}

.accordion-header__title {
    font-weight: 500
}

.accordion-header__icon {
    width: 2.4rem;
    height: 2.4rem;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.accordion-header__icon:after,.accordion-header__icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #171b24;
    background: var(--c-secondary)
}

.accordion-header__icon:before {
    width: .2rem;
    height: 100%;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.accordion-header__icon:after {
    height: .2rem
}

.accordion-content,.accordion-header__icon:after,.header {
    width: 100%;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.accordion-content {
    overflow: hidden;
    height: 0;
    opacity: 0
}

.accordion-content small,.accordion-content strong {
    margin-bottom: 1.5rem;
    display: inline-block
}

.accordion-content strong {
    font-weight: 900;
    font-size: 2.4rem
}

.accordion-content p {
    font-weight: 500;
    line-height: 1.4em
}

.header {
    background-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    height: auto;
    z-index: 12
}

.header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(1.2rem);
    backdrop-filter: blur(1.2rem)
}

.header--unpinned {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.header--not-top:before,.header__nav-dropdown:before {
    background-color: rgba(255,255,255,.75)
}

.header--not-top .header__container {
    padding: 1.5rem 0
}

.header--with-menu {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    height: 13rem
}

.header--with-menu .header__container {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.header__container {
    margin: 0 4rem;
    margin: 0 var(--xl-container-spacing);
    width: calc(100% - (var(--x-l-container-spacing)*2));
    padding: 4rem 0;
    -webkit-transition: padding .3s cubic-bezier(.29,.13,.27,.74);
    transition: padding .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: padding var(--transition);
    transition: padding var(--transition)
}

.header__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

@media (max-width: 991px) {
    .header__wrapper {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.header__logo {
    width: 24rem
}

@media (max-width: 1199px) {
    .header__logo {
        width:16rem
    }
}

@media (max-width: 991px) {
    .header__logo {
        width:18rem
    }
}

@media (max-width: 575px) {
    .header__logo {
        width:14rem
    }
}

.header__logo img {
    width: 100%
}

.header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width: 1439px) {
    .header__nav {
        position:static;
        -webkit-transform: none;
        transform: none
    }
}

@media (max-width: 991px) {
    .header__nav {
        display:none
    }
}

.header__nav-item {
    -webkit-transition: background-color .3s cubic-bezier(.29,.13,.27,.74);
    transition: background-color .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: background-color var(--transition);
    transition: background-color var(--transition);
    position: relative
}

.header__nav-item.active,.header__nav-item:hover {
    background-color: #f5f5f5;
    background-color: var(--bg-gray)
}

.header__nav-item:hover .header__nav-dropdown {
    opacity: 1;
    visibility: visible;
    top: 100%;
    pointer-events: all;
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0)
}

.header__nav-link {
    font-size: 2rem;
    font-weight: 500;
    text-transform: uppercase;
    padding: 1rem 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    color: #171b24;
    color: var(--c-secondary)
}

@media (max-width: 1529px) {
    .header__nav-link {
        padding:1rem
    }
}

@media (max-width: 1199px) {
    .header__nav-link {
        font-size:1.6rem
    }
}

.header__nav-dropdown,.header__phone .txt {
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.header__nav-dropdown {
    position: absolute;
    top: calc(100% + 1.4rem);
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(2.5rem);
    transform: translateX(-50%) translateY(2.5rem);
    padding: .5rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 26rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    will-change: transform opacity
}

.header__nav-dropdown:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(1.2rem);
    backdrop-filter: blur(1.2rem);
    z-index: -1;
    will-change: transform opacity
}

.header__nav-dropdown__item {
    font-size: 2rem;
    font-weight: 500;
    text-transform: uppercase;
    padding: 1.5rem 2rem;
    text-align: center
}

@media (max-width: 1199px) {
    .header__nav-dropdown__item {
        font-size:1.6rem
    }
}

.header__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width: 991px) {
    .header__right {
        margin-left:auto
    }
}

.header__phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 991px) {
    .header__phone {
        display:none
    }
}

.header__phone:hover .txt {
    color: #ea2e23!important;
    color: var(--c-primary)!important
}

.header__phone .txt {
    color: #171b24;
    color: var(--c-secondary)
}

@media (max-width: 1439px) {
    .header__phone .txt {
        display:none
    }
}

.header__phone .icon {
    font-size: 2.1rem;
    margin-right: 1rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width: 1439px) {
    .header__phone .icon {
        margin-right:0
    }
}

.header__search {
    padding: 0 2rem;
    height: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-left: .2rem solid #ea2e23;
    border-left: .2rem solid var(--c-primary);
    margin-left: 2.2rem;
    cursor: pointer;
    -webkit-transition: color .3s cubic-bezier(.29,.13,.27,.74);
    transition: color .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

@media (max-width: 1199px) {
    .header__search {
        margin-left:1.6rem;
        padding: 0 1.5rem
    }
}

@media (max-width: 991px) {
    .header__search {
        margin-left:0;
        border-left: 0;
        padding-left: 0
    }
}

.header__search:hover {
    color: #ea2e23;
    color: var(--c-primary)
}

.header__search .icon {
    font-size: 2.1rem
}

@media (max-width: 991px) {
    .header__dropdown {
        margin-right:1.5rem
    }
}

.header__dropdown-icon,.header__dropdown-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header__dropdown-top {
    height: 5rem;
    -webkit-transition: color .3s cubic-bezier(.29,.13,.27,.74);
    transition: color .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

.header__dropdown-top:hover {
    color: #ea2e23;
    color: var(--c-primary)
}

.header__dropdown-icon {
    width: 2.4rem;
    height: 2.4rem;
    background-color: #2e3442;
    background-color: var(--c-light-secondary);
    border-radius: 50%;
    font-size: 1.4rem;
    font-weight: 400;
    overflow: hidden
}

@media (max-width: 991px) {
    .header__dropdown-icon {
        display:none
    }
}

.header__dropdown-icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.header__dropdown-txt {
    margin-right: .5rem
}

@media (max-width: 767px) {
    .header__dropdown-txt {
        margin:0;
        margin-right: .3rem
    }
}

.header__dropdown-angle {
    font-size: 1rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.header__menu-btn {
    width: 5rem;
    height: 2.5rem;
    position: relative;
    cursor: pointer
}

@media (min-width: 993px) {
    .header__menu-btn {
        display:none
    }
}

.header__menu-btn.opened span:nth-child(1),.header__menu-btn.opened span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 1rem;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.header__menu-btn.opened span:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.header__menu-btn.opened span:nth-child(3) {
    width: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

@media (max-width: 575px) {
    .header__menu-btn {
        width:4rem
    }
}

.header__menu-btn span {
    height: .2rem;
    background-color: #171b24;
    background-color: var(--c-secondary);
    position: absolute;
    right: 0;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.header__menu-btn span:nth-child(1) {
    width: 100%;
    top: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.header__menu-btn span:nth-child(2) {
    width: 100%;
    top: 1.2rem;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.header__menu-btn span:nth-child(3) {
    width: 3.7rem;
    top: calc(100% - .2rem);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

@media (max-width: 575px) {
    .header__menu-btn span:nth-child(3) {
        width:2.8rem
    }
}

.main-search,.main-search__content:before {
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.main-search {
    position: fixed;
    z-index: 14;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.main-search.opened {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.main-search,.main-search.opened .main-search__content:before {
    height: 100%;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.main-search.opened .main-search__results,.main-search.opened .main-search__top {
    opacity: 1;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.main-search__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(24,24,27,.82)
}

.main-search__content {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    padding-bottom: 4rem
}

@media (max-width: 767px) {
    .main-search__content {
        padding-bottom:2rem
    }
}

.main-search__content:before {
    content: "";
    position: absolute;
    height: 0;
    background-color: #fff;
    background-color: var(--c-white);
    z-index: -1;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.main-search__top,.main-search__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main-search__wrapper {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.main-search__top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 8rem;
    padding-bottom: 4rem;
    opacity: 0;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

@media (max-width: 767px) {
    .main-search__top {
        padding-top:4rem;
        padding-bottom: 2rem
    }
}

.main-search__form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main-search__form-wrp {
    width: 100%
}

.main-search__form-btn,.main-search__form-wrp .input-item {
    border: .2rem solid #e0e0e0;
    border: .2rem solid var(--c-border)
}

.main-search__form-wrp .input-item,.main-search__form-wrp .input-item>input {
    height: 100%
}

.main-search__form-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 7.2rem;
    height: 7.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-left: none;
    cursor: pointer;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.main-search__form-btn:hover {
    background-color: #171b24;
    background-color: var(--c-secondary);
    color: #fff;
    color: var(--c-white);
    border-color: #171b24;
    border-color: var(--c-secondary)
}

@media (max-width: 767px) {
    .main-search__form-btn {
        display:none
    }
}

.main-search__form-btn .icon {
    font-size: 2.1rem
}

.main-search__close {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 7.2rem;
    height: 7.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: .2rem solid #e0e0e0;
    border: .2rem solid var(--c-border);
    border-left: none;
    cursor: pointer;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.main-search__close:hover {
    background-color: #ea2e23;
    background-color: var(--c-primary);
    color: #fff;
    color: var(--c-white);
    border-color: #ea2e23;
    border-color: var(--c-primary)
}

@media (max-width: 767px) {
    .main-search__close {
        display:none
    }
}

.main-search__close .icon {
    font-size: 3.6rem
}

.main-search__results {
    padding: 2rem 2.5rem;
    overflow-y: auto;
    max-height: 30vh;
    opacity: 0;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

@media (max-width: 767px) {
    .main-search__results {
        padding:1.5rem 0
    }
}

.main-search__results-item {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: .1rem solid #e0e0e0;
    border-bottom: .1rem solid var(--c-border);
    color: #171b24;
    color: var(--c-secondary)
}

.main-search__results-item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

.subheader {
    padding-top: calc(var(--header-height) + 10rem);
    position: relative;
    z-index: 1
}

@media (max-width: 1199px) {
    .subheader {
        padding-top:calc(var(--header-height) + 5rem)
    }
}

.subheader--index .subheader__subtract {
    opacity: .4
}

.subheader--index .subheader__subtract path {
    fill: #f5f5f5;
    fill: var(--bg-gray)
}

.subheader__subtract {
    position: absolute;
    top: 0;
    right: 0;
    width: 86.9rem;
    height: 110.2rem;
    z-index: -1
}

.subheader__subtract path {
    fill: #fff;
    fill: var(--c-white)
}

.subheader__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

@media (max-width: 991px) {
    .subheader__wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.footer__logo img,.subheader__content {
    width: 100%
}

.subheader__watch {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 1.5rem 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ea2e23;
    background-color: var(--c-primary);
    color: #fff;
    color: var(--c-white);
    -webkit-transition: background-color .3s cubic-bezier(.29,.13,.27,.74);
    transition: background-color .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: background-color var(--transition);
    transition: background-color var(--transition);
    cursor: pointer
}

@media (max-width: 1439px) {
    .subheader__watch {
        padding:1.5rem 1.5rem
    }
}

@media (max-width: 991px) {
    .subheader__watch {
        margin-top:5rem
    }
}

@media (max-width: 767px) {
    .subheader__watch {
        padding:1.5rem
    }
}

.subheader__watch:hover {
    background-color: #171b24;
    background-color: var(--c-secondary)
}

.subheader__watch-icon {
    width: 12rem;
    height: 6rem;
    margin-left: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 767px) {
    .subheader__watch-icon {
        margin-left:3rem;
        width: 3.4rem;
        height: 3.4rem
    }
}

.subheader__watch-icon .icon {
    font-size: 3.4rem
}

.subheader__title {
    color: #ea2e23;
    color: var(--c-primary);
    max-width: 114rem
}

.subheader__txt {
    margin-top: 4rem;
    max-width: 99%;
}

.subheader__social {
    position: absolute;
    top: 50%;
    right: 4rem;
    right: var(--xl-container-spacing);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: calc(var(--header-height) + 10rem)
}

@media (max-width: 1199px) {
    .subheader__social {
        display:none
    }
}

.footer {
    background: #f5f5f5;
    background: var(--bg-gray);
    padding-top: 7rem;
    margin-top: 6rem
}

.footer__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 991px) {
    .footer__top {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

.footer__left {
    text-align: left
}

@media (max-width: 991px) {
    .footer__left {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2;
        padding-bottom: 2rem;
        margin-bottom: 2rem;
        text-align: center;
        border-bottom: .2rem solid #e0e0e0;
        border-bottom: .2rem solid var(--c-border)
    }
}

.footer__left a,.footer__right a {
    display: block
}

.footer__right {
    text-align: right
}

@media (max-width: 991px) {
    .footer__right {
        -webkit-box-ordinal-group:4;
        -ms-flex-order: 3;
        order: 3;
        text-align: center
    }
}

.footer__mid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: -1rem
}

@media (max-width: 991px) {
    .footer__mid {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 2rem
    }
}

.footer__social {
    margin-top: 3rem;
    margin-bottom: 2rem
}

.footer__item {
    max-width: 33rem
}

@media (max-width: 991px) {
    .footer__item {
        max-width:100%
    }
}

.footer__item .txt {
    margin-bottom: 3rem
}

.footer__item .txt:last-child {
    margin-bottom: 0
}

.footer__logo {
    max-width: 28rem
}

.footer__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 991px) {
    .footer__nav {
        -ms-flex-flow:wrap;
        flex-flow: wrap
    }
}

.footer__nav .header__nav-item.active,.footer__nav .header__nav-item:hover {
    background-color: #fff;
    background-color: var(--c-white)
}

.footer__logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 7.5rem
}

@media (max-width: 991px) {
    .footer__logos {
        margin-top:3rem;
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }
}

.footer__logos-item {
    width: 100%;
    background-color: #fff;
    background-color: var(--c-white);
    height: 7.3rem;
    padding: 1.5rem;
    margin-right: 1rem
}

@media (max-width: 991px) {
    .footer__logos-item {
        width:calc(50% - 1rem);
        margin-bottom: 2rem
    }

    .footer__logos-item:nth-child(2n) {
        margin-right: 0
    }
}

.footer__copyright-text:last-child,.footer__logos-item:last-child {
    margin-right: 0
}

.footer__logos-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.footer__copyright {
    padding: 4.4rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin-top: 4.6rem
}

@media (max-width: 991px) {
    .footer__copyright {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
}

.footer__copyright:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: .2rem;
    background-color: #171b24;
    background-color: var(--c-secondary);
    opacity: .2
}

.footer__copyright-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (max-width: 991px) {
    .footer__copyright-left {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.footer__copyright-left a:hover {
    opacity: 1;
    color: #ea2e23;
    color: var(--c-primary)
}

.footer__copyright-text {
    margin-right: 4rem;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

@media (max-width: 1199px) {
    .footer__copyright-text {
        margin-right:2rem
    }
}

@media (max-width: 991px) {
    .footer__copyright-text {
        margin-right:0;
        margin-bottom: 2rem
    }
}

.footer__copyright-text.babel-color:hover {
    opacity: 1;
    color: #00a6ce
}

.preloader,.preloader:after {
    top: 0;
    left: 0;
    height: 100%;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.preloader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 73;
    background-color: #fff;
    background-color: var(--c-white);
    position: fixed;
    width: 100%;
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.preloader:after {
    content: "";
    position: absolute;
    width: 0;
    background-color: #ea2e23;
    background-color: var(--c-primary)
}

.preloader__svg {
    position: relative;
    z-index: 2
}

.mobile-menu,.preloader.animateStart:after {
    left: 0;
    width: 100%
}

.preloader.animateEnd:after {
    left: 100%;
    width: 0%
}

.preloader.disabled {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.mobile-menu {
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 11;
    background-color: rgba(255,255,255,.75);
    -webkit-backdrop-filter: blur(1.2rem);
    backdrop-filter: blur(1.2rem);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.mobile-menu.opened {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.mobile-menu__wrapper {
    padding-top: var(--header-height);
    padding-left: 4rem;
    padding-left: var(--xl-container-spacing);
    padding-right: 4rem;
    padding-right: var(--xl-container-spacing);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mobile-menu__list {
    max-width: 80rem;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
    z-index: 1;
    position: relative;
    height: calc(100% - 6.1rem);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 2rem
}

@media (max-width: 1439px) {
    .mobile-menu__list {
        max-width:50%
    }
}

@media (max-width: 991px) {
    .mobile-menu__list {
        max-width:100%
    }
}

@media (max-width: 575px) {
    .mobile-menu__list {
        padding-right:0
    }
}

.mobile-menu__list-inner {
    margin-bottom: 3rem
}

.mobile-menu__list-inner.opened .mobile-menu__list-dropdown {
    margin-top: 2rem
}

.mobile-menu__list-inner.opened .mobile-menu__list-item .icon {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.mobile-menu__list-inner:last-child {
    margin-bottom: 0
}

.mobile-menu__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.mobile-menu__list-item .icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 1.8rem;
    position: relative;
    top: .1rem;
    margin-left: 2rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

@media (max-width: 575px) {
    .mobile-menu__list-item .icon {
        font-size:1.4rem;
        top: 0;
        margin-left: 1rem
    }
}

.mobile-menu__list-link {
    font-size: 4.6rem;
    text-transform: uppercase
}

@media (max-width: 991px) {
    .mobile-menu__list-link {
        font-size:3.2rem
    }
}

@media (max-width: 575px) {
    .mobile-menu__list-link {
        font-size:2.2rem
    }
}

.mobile-menu__list-dropdown {
    margin-top: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.mobile-menu__list-dropdown>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.mobile-menu__list-dropdown-link {
    font-size: 2.8rem;
    margin-bottom: 1.5rem
}

@media (max-width: 991px) {
    .mobile-menu__list-dropdown-link {
        font-size:2.2rem
    }
}

@media (max-width: 575px) {
    .mobile-menu__list-dropdown-link {
        font-size:1.6rem
    }
}

.mobile-menu__list-dropdown-link:last-child {
    margin-bottom: 0
}

.mobile-menu__phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 2rem 0;
    padding-right: 2rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width: 575px) {
    .mobile-menu__phone {
        padding-right:0
    }
}

.mobile-menu__phone:hover .txt {
    color: #ea2e23!important;
    color: var(--c-primary)!important
}

.mobile-menu__phone .txt {
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: #171b24;
    color: var(--c-secondary)
}

.mobile-menu__phone .icon {
    font-size: 2.1rem;
    margin-right: 1rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width: 1439px) {
    .mobile-menu__phone .icon {
        margin-right:0
    }
}

.hero {
    position: relative;
    width: 100%;
    height: 73.5rem;
    margin-top: calc(14rem + 9rem);
    margin-bottom: 8rem;
    z-index: 1
}

@media (max-width: 1199px) {
    .hero {
        margin-top:calc(14rem + 4rem)
    }
}

@media (max-width: 991px) {
    .hero {
        height:56rem
    }
}



.hero__bg,.hero__bg::after {
    position: absolute;
    top: 0;
    left: 0
}

.hero__bg::after {
    content: "";
    background-color: rgba(0,0,0,.3);
    z-index: 1
}

.hero__bg,.hero__bg .swiper,.hero__bg .swiper-slide,.hero__bg-item,.hero__bg::after {
    width: 100%;
    height: 100%
}

.hero__bg .swiper-slide {
    opacity: 0;
    -webkit-transition: opacity .3s cubic-bezier(.29,.13,.27,.74);
    transition: opacity .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: opacity var(--transition);
    transition: opacity var(--transition)
}

.hero__bg .swiper-slide-active {
    opacity: 1
}

.hero__bg-item img {
    -o-object-fit: cover;
    object-fit: cover
}

.hero__content {
    overflow: hidden
}

.contact__map iframe,.hero__bg-item img,.hero__content,.hero__content .swiper,.hero__content>.container,.hero__item {
    width: 100%;
    height: 100%
}

.hero__content .swiper {
    overflow: visible;
    overflow: initial
}

.hero__content .swiper-slide {
    -webkit-transition: opacity .3s cubic-bezier(.29,.13,.27,.74);
    transition: opacity .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: opacity var(--transition);
    transition: opacity var(--transition);
    opacity: 0
}

.hero__content .swiper-slide-active {
    opacity: 1
}

.hero__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 64.7rem
}

@media (max-width: 1529px) {
    .hero__item {
        padding-left:1.5rem
    }
}

.hero__item-img {
    max-width: 18.5rem
}

.hero__item-img img {
    width: 100%
}

.hero__item-txt {
    color: #fff;
    color: var(--c-white);
    margin-top: 2.5rem;
    margin-bottom: 2rem
}

.hero__card {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 7
}

.hero__card-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width: 1199px) {
    .hero__card-wrapper {
        -webkit-box-pack:justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

/*
@media (max-width: 767px) {
    .hero {
        margin-top:calc(14rem + 8rem);
        height: 70rem
    }

    .hero__card{
        -webkit-transform: translateY(-81%);
        transform: translateY(-81%);
    }

    .hero__card-wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}*/

@media (max-width: 767px) {
    /* 1. Hero kapsayıcısını sabit rem yüksekliğinden kurtarıyoruz */
    .hero {
        height: auto !important;
        min-height: 52rem; /* Slider görsellerinin minimum yüksekliği */
        margin-top: calc(14rem + 4rem);
        margin-bottom: 4rem;
        display: flex;
        flex-direction: column;
    }

    /* 2. Kartı absolute konumdan çıkarıp akışın en üstüne alıyoruz */
    .hero__card {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        -webkit-transform: none !important;
        transform: none !important;
        z-index: 10;
        margin-top: -3rem; /* Kartın header/banner alanına hafif bindirme miktarı */
        margin-bottom: 2.5rem; /* Hero slider içeriği ile arasındaki mesafe */
    }

    .hero__card-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .hero__card-item {
        width: 100%;
        margin-right: 0;
        min-width: unset;
    }

    /* 3. Slider arka planını ve içeriğini otomatik yüksekliğe adapte ediyoruz */
    .hero__bg {
        position: absolute;
        height: 100%;
    }

    .hero__content {
        position: relative;
        height: auto;
        padding-top: 1rem;
        padding-bottom: 3rem;
    }

    /* 4. Metinlerin taşmasını engelleyip dikey akışı hizalıyoruz */
    .hero__item {
        max-width: 100%;
        height: auto;
        padding: 0 1.5rem;
    }

    .hero__item-txt {
        font-size: 1.5rem !important; /* Mobilde uzun metinlerin taşıp slider'ı patlatmasını önler */
        line-height: 1.5;
    }
}

.hero__card-item {
    margin-right: 4rem;
    padding: 2.0rem 3.5rem;
    min-width: 42.4rem;
    display: block;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

@media (max-width: 1199px) {
    .hero__card-item {
        width:100%
    }
}

@media (max-width: 991px) {
    .hero__card-item {
        margin-right:0;
        min-width: unset
    }
}

.hero__card-item:last-child {
    margin-right: 0
}

.hero__card-item--primary {
    background-color: #ea2e23;
    background-color: var(--c-primary);
    color: #fff;
    color: var(--c-white)
}

.hero__card-item--primary:hover,.hero__card-item--secondary {
    background-color: #171b24;
    background-color: var(--c-secondary);
    color: #fff;
    color: var(--c-white)
}

.hero__card-item--secondary:hover {
    background-color: #ea2e23;
    background-color: var(--c-primary);
    color: #fff;
    color: var(--c-white)
}

.hero__card-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1rem
}

.hero__card-btn .icon {
    font-size: 2.4rem;
    position: relative;
    top: -.2rem
}

.index-about {
    position: relative;
    z-index: 2
}

.index-about__images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

@media (max-width: 991px) {
    .index-about__images {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 2.5rem
    }
}

.index-about__images img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.index-about__images-card {
    position: absolute;
    top: 0;
    right: -3.2rem;
    background-color: #ea2e23;
    background-color: var(--c-primary);
    color: #fff;
    color: var(--c-white);
    padding: 5rem 4rem;
    max-width: 46.7rem;
    min-height: 44rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateY(calc(-100% + 15rem));
    transform: translateY(calc(-100% + 15rem));
    z-index: 2
}

@media (max-width: 1199px) {
    .index-about__images-card {
        min-height:30rem;
        right: 0
    }
}

@media (max-width: 991px) {
    .index-about__images-card {
        position:static;
        -webkit-transform: none;
        transform: none;
        max-width: 100%
    }
}

.index-about__images-card__top {
    margin-bottom: auto;
    letter-spacing: .7rem
}

.index-about__images-md {
    width: 55%;
    height: 50rem;
    margin-right: 3.2rem
}

@media (max-width: 991px) {
    .index-about__images-md {
        width:100%;
        height: 40rem;
        margin-right: 0;
        margin-bottom: 2rem;
        margin-top: 2rem
    }
}

@media (max-width: 575px) {
    .index-about__images-md {
        height:30rem
    }
}

.index-about__images-sm {
    width: calc(45% - 3.2rem);
    height: 36rem;
    margin-top: -3.2rem
}

@media (max-width: 991px) {
    .index-about__images-sm {
        width:100%;
        height: 30rem;
        margin-top: 0
    }
}

@media (max-width: 575px) {
    .index-about__images-sm {
        height:25rem
    }
}

.index-production {
    position: relative;
    z-index: 1;
    padding-bottom: 15rem;
    margin-top: 8rem
}

.index-production:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 28.5rem);
    background-color: #171b24;
    background-color: var(--c-secondary);
    z-index: -1
}

.index-production__slider {
    margin-bottom: 15rem
}

.index-production__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 15rem
}

@media (max-width: 991px) {
    .index-production__wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 5rem
    }
}

@media (min-width: 993px) {
    .index-production__wrapper:nth-child(2n) {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .index-production__wrapper:nth-child(2n) .index-production__image {
        margin-right: 0;
        margin-left: 12rem
    }

    .index-production__wrapper:nth-child(2n) .index-production__image:before {
        right: auto;
        left: -5.5rem
    }

    .index-production__wrapper:nth-child(2n) .section-top {
        text-align: right
    }

    .index-production__wrapper:nth-child(2n) .section-top__btn {
        margin-left: auto
    }
}

.index-production__wrapper:last-child {
    padding-bottom: 0
}

.index-production__wrapper .section-top {
    width: 50%
}

@media (max-width: 991px) {
    .index-production__wrapper .section-top {
        width:100%
    }
}

.index-production__image {
    width: calc(50% - 12rem);
    margin-right: 12rem;
    height: 69rem;
    position: relative;
    z-index: 1;
    margin-bottom: 5.5rem
}

@media (max-width: 991px) {
    .index-production__image {
        width:100%;
        margin-right: 0;
        margin-bottom: 4rem;
        height: 56rem
    }
}

@media (max-width: 575px) {
    .index-production__image {
        height:39rem
    }
}

.index-production__image:before {
    content: "";
    position: absolute;
    bottom: -5.5rem;
    right: -5.5rem;
    width: 100%;
    height: 100%;
    background-color: #ea2e23;
    background-color: var(--c-primary);
    z-index: -1
}

@media (max-width: 991px) {
    .index-production__image:before {
        right:-1rem;
        bottom: -1rem
    }
}

.index-production__image img {
    width: 100%;
    height: calc(100%);
    -o-object-fit: cover;
    object-fit: cover
}

.index-company__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.index-company__item {
    width: calc(100%);
    margin-right: 7.5rem
}

.index-company__item img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    opacity: .3;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.index-company__item:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

.index-company__item:last-child {
    margin-right: 0
}

.numbers__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 767px) {
    .numbers__wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.numbers__item {
    text-align: center
}

@media (max-width: 767px) {
    .numbers__item {
        border-bottom:.1rem solid #e0e0e0;
        border-bottom: .1rem solid var(--c-border);
        padding-bottom: 2rem;
        margin-bottom: 1rem
    }

    .numbers__item:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0
    }
}

.numbers__num {
    color: #ea2e23;
    color: var(--c-primary);
    margin-bottom: 2rem;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums
}

.about-content__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width: 991px) {
    .about-content__wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.about-content__left {
    width: calc(55% - 4rem);
    margin-right: 4rem
}

@media (max-width: 991px) {
    .about-content__left {
        width:100%;
        margin-right: 0;
        margin-top: 3rem
    }

    .about-content__left-image {
        height: 50vh
    }
}

.about-content__left-image img,.about-content__right-image img,.about-testimonial__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.about-content__left-content {
    margin-top: 3rem
}

.about-content__right {
    width: calc(45%)
}

@media (max-width: 991px) {
    .about-content__right {
        width:100%
    }
}

.about-content__right-image {
    margin-top: 16rem
}

@media (max-width: 991px) {
    .about-content__right-image {
        height:50vh;
        margin-top: 0
    }
}

.about-history {
    background-color: #171b24;
    background-color: var(--c-secondary);
    margin-top: 6rem;
    margin-bottom: 6rem;
    padding-top: 12rem;
    padding-bottom: 12rem;
    color: #fff;
    color: var(--c-white);
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    position: relative;
}

@media (max-width: 991px) {
    .about-history {
        overflow:hidden
    }
}

@media (max-width: 575px) {
    .about-history {
        padding-top:8rem;
        padding-bottom: 8rem
    }
}

.about-history__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin-bottom: 10rem
}

.about-history__top-subtitle {
    color: #ea2e23;
    color: var(--c-primary);
    letter-spacing: 1rem;
    margin-bottom: 4rem
}

.about-history__slider {
    position: relative;
    padding: 16rem 0
}

@media (max-width: 575px) {
    .about-history__slider {
        padding:5rem 0
    }
}

.about-history__slider .swiper {
    overflow: visible;
    overflow: initial
}

.about-history__slider .swiper:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -2.5rem;
    width: calc(100% + 5rem);
    height: .3rem;
    background-color: #fff;
    background-color: var(--c-white);
    opacity: .1;
    z-index: -1;
    pointer-events: none
}

@media (max-width: 575px) {
    .about-history__slider .swiper:before {
        -webkit-transform:none;
        transform: none;
        top: -2.2rem
    }
}

@media (min-width: 576px) {
    .about-history__slider .swiper-slide:nth-child(2n) .about-history__item-card {
        bottom:auto;
        top: calc(100% + 4rem)
    }

    .about-history__slider .swiper-slide:nth-child(2n) .about-history__item-card:before {
        top: -2rem;
        bottom: auto
    }
}

.about-history__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.about-history__item-card,.about-history__item-card:before {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.about-history__item-card {
    bottom: calc(100% + 4rem);
    background-color: #2e3442;
    background-color: var(--c-light-secondary);
    padding: 2rem;
    width: 21rem
}

@media (max-width: 575px) {
    .about-history__item-card {
        position:static;
        -webkit-transform: none;
        transform: none;
        width: 100%
    }
}

.about-history__item-card:hover .about-history__item-txt {
    -webkit-line-clamp: unset;
    max-height: 30rem
}

.about-history__item-card:before {
    content: "";
    bottom: -2rem;
    width: .3rem;
    height: 2rem;
    background-color: #fff;
    background-color: var(--c-white)
}

@media (max-width: 575px) {
    .about-history__item-card:before {
        left:2rem;
        bottom: auto;
        top: -2rem
    }
}

.about-history__item-year {
    opacity: .5;
    margin-bottom: 1rem;
    letter-spacing: .3rem
}

@media (min-width: 576px) {
    .about-history__item-txt {
        display:-webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-height: 5rem
    }
}

.about-history__item-circle {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    background-color: #ea2e23;
    background-color: var(--c-primary);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width: 575px) {
    .about-history__item-circle {
        position:absolute;
        top: -3rem;
        left: 1.1rem
    }
}

.about-testimonial__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 991px) {
    .about-testimonial__wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.about-testimonial__wrapper .swiper {
    width: 100%
}

.about-testimonial__left {
    width: calc(50% - 2.5rem);
    margin-right: 5rem
}

@media (max-width: 991px) {
    .about-testimonial__left {
        width:100%;
        margin-right: 0
    }
}

@media (min-width: 993px) {
    .about-testimonial__left .swiper-wrapper {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center
    }
}

.about-testimonial__left .swiper-slide {
    height: 100%;
    opacity: 0!important;
    -webkit-transition: opacity .3s cubic-bezier(.29,.13,.27,.74);
    transition: opacity .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: opacity var(--transition);
    transition: opacity var(--transition);
    pointer-events: none;
    visibility: hidden
}

.about-testimonial__left .swiper-slide .about-testimonial__job,.about-testimonial__left .swiper-slide .about-testimonial__name,.about-testimonial__left .swiper-slide .about-testimonial__txt {
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    opacity: 0;
    -webkit-transform: translateX(-3rem);
    transform: translateX(-3rem)
}

.about-testimonial__left .swiper-slide-active {
    opacity: 1!important;
    pointer-events: all;
    visibility: visible
}

.about-testimonial__left .swiper-slide-active .about-testimonial__job,.about-testimonial__left .swiper-slide-active .about-testimonial__name,.about-testimonial__left .swiper-slide-active .about-testimonial__txt {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.about-testimonial__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.about-testimonial__txt {
    margin-bottom: 5rem;
    line-height: 1.6
}

.about-testimonial__job {
    margin-top: 1rem;
    opacity: .7
}

.about-testimonial__right {
    width: calc(50% - 2.5rem)
}

@media (max-width: 991px) {
    .about-testimonial__right {
        width:100%
    }
}

.about-testimonial__image {
    height: 77rem;
    width: 100%;
    overflow: hidden
}

@media (max-width: 1439px) {
    .about-testimonial__image {
        height:50rem
    }
}

@media (max-width: 991px) {
    .about-testimonial__image {
        height:40rem
    }
}

@media (max-width: 575px) {
    .about-testimonial__image {
        height:30rem
    }
}

.about-testimonial__play {
    position: absolute;
    bottom: 2.8rem;
    left: 2.8rem;
    width: 13rem;
    height: 13rem;
    background-color: #ea2e23;
    background-color: var(--c-primary);
    color: #fff;
    color: var(--c-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

@media (max-width: 991px) {
    .about-testimonial__play {
        width:10rem;
        height: 10rem
    }
}

@media (max-width: 575px) {
    .about-testimonial__play {
        width:8rem;
        height: 8rem
    }
}

.about-testimonial__play:hover {
    background-color: #171b24;
    background-color: var(--c-secondary)
}

.about-testimonial__play .icon {
    font-size: 4rem
}

.about-testimonial__buttons,.representation__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.about-testimonial__buttons {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    margin-top: 1.7rem
}

.about-testimonial__buttons .swiper-button-next,.about-testimonial__buttons .swiper-button-prev {
    position: static!important;
    -webkit-transform: none!important;
    transform: none!important;
    color: #171b24!important;
    color: var(--c-secondary)!important
}

@media (max-width: 767px) {
    .about-testimonial__buttons .swiper-button-next,.about-testimonial__buttons .swiper-button-prev {
        display:-webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

.about-testimonial__buttons .swiper-button-next .icon,.about-testimonial__buttons .swiper-button-prev .icon {
    font-size: 1.9rem
}

.about-testimonial__buttons .swiper-button-next:hover,.about-testimonial__buttons .swiper-button-prev:hover {
    color: #fff!important;
    color: var(--c-white)!important
}

.representation__wrapper {
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 767px) {
    .representation__wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.representation__item {
    margin-right: 1.2rem;
    margin-top: 1.2rem;
    -webkit-box-flex: calc(30% - (1.2rem/1.5));
    -ms-flex: calc(30% - (1.2rem/1.5));
    flex: calc(30% - (1.2rem/1.5));
    min-height: 37.1rem;
    background-color: #f5f5f5;
    background-color: var(--bg-gray);
    position: relative;
    display: block;
    -webkit-transition: background-color .3s cubic-bezier(.29,.13,.27,.74);
    transition: background-color .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: background-color var(--transition);
    transition: background-color var(--transition)
}

@media (max-width: 1199px) {
    .representation__item {
        -webkit-box-flex:calc(50% - (1.2rem))!important;
        -ms-flex: calc(50% - (1.2rem))!important;
        flex: calc(50% - (1.2rem))!important;
        min-height: auto
    }
}

@media (max-width: 991px) {
    .representation__item {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 100%!important;
        -ms-flex: 100%!important;
        flex: 100%!important;
        margin-right: 0!important
    }
}

@media (max-width: 767px) {
    .representation__item {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.representation__item:nth-child(10),.representation__item:nth-child(14),.representation__item:nth-child(18),.representation__item:nth-child(2),.representation__item:nth-child(20),.representation__item:nth-child(22),.representation__item:nth-child(26),.representation__item:nth-child(30),.representation__item:nth-child(31),.representation__item:nth-child(36),.representation__item:nth-child(38),.representation__item:nth-child(6),.representation__item:nth-child(8) {
    -webkit-box-flex: calc(40% - (1.2rem/1.5));
    -ms-flex: calc(40% - (1.2rem/1.5));
    flex: calc(40% - (1.2rem/1.5))
}

.representation__item:nth-child(1),.representation__item:nth-child(2) {
    margin-top: 0
}

@media (max-width: 991px) {
    .representation__item:nth-child(2) {
        margin-top:1.2rem
    }
}

@media (min-width: 1201px) {
    .representation__item:nth-child(3) {
        margin-top:0
    }

    .representation__item:nth-child(3n) {
        margin-right: 0
    }
}

@media (max-width: 1199px) {
    .representation__item:nth-child(2n) {
        margin-right:1.2rem
    }
}

.representation__item:last-child {
    margin-right: 0
}

@media (min-width: 993px) {
    .representation__item:hover {
        background-color:#ea2e23;
        background-color: var(--c-primary)
    }

    .representation__item:hover .representation__item-img {
        opacity: 0;
        visibility: hidden;
        pointer-events: none
    }

    .representation__item:hover .representation__item-content {
        opacity: 1;
        visibility: visible;
        pointer-events: all
    }
}

.representation__item-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

@media (max-width: 991px) {
    .representation__item-img {
        position:unset;
        width: 40%
    }
}

@media (max-width: 767px) {
    .representation__item-img {
        width:100%;
        padding: 1.5rem 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.representation__item-img img {
    max-width: 29.8rem
}

@media (max-width: 1199px) {
    .representation__item-img img {
        max-width:100%;
        padding: 2rem
    }
}

.representation__item-content {
    padding: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

@media (max-width: 991px) {
    .representation__item-content {
        width:60%;
        opacity: 1;
        visibility: visible;
        pointer-events: all
    }

    .representation__item-content,.representation__item-content .btn-icon,.representation__item-content .btn-txt {
        color: #171b24!important;
        color: var(--c-secondary)!important
    }
}

@media (max-width: 767px) {
    .representation__item-content {
        padding:2rem;
        width: 100%
    }
}

.representation__item-txt {
    margin: 1.6rem 0
}

.brand-product {
    position: relative;
    padding-top: 6rem;
    padding-bottom: 12rem
}

.brand-product:before {
    content: "";
    position: absolute;
    bottom: -6rem;
    left: 0;
    width: 100%;
    height: calc(100% + 34rem);
    background-color: #171b24;
    background-color: var(--c-secondary);
    z-index: -1
}

.brand-product__item {
    height: 34rem;
    width: 100%;
    position: relative;
    background-color: #fff;
    background-color: var(--c-white);
    overflow: hidden;
    display: block
}

@media (max-width: 767px) {
    .brand-product__item {
        height:30rem
    }
}

.brand-product__item:hover .brand-product__item-content {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.brand-product__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.brand-product__item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 1.2rem 4rem;
    background-color: #ea2e23;
    background-color: var(--c-primary);
    text-align: center;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

@media (max-width: 991px) {
    .brand-product__item-content {
        -webkit-transform:translateY(0);
        transform: translateY(0)
    }
}

.brand-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2rem 3rem;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    margin-bottom: 4rem
}

@media (max-width: 767px) {
    .brand-btn {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.brand-btn:last-child,.special-project__content p:last-child,.special-project__content ul li:last-child {
    margin-bottom: 0
}

.brand-btn:hover .btn {
    padding-right: 0
}

.brand-btn:hover .btn .btn-icon {
    left: 0;
    color: #fff;
    color: var(--c-white)
}

.brand-btn:hover .btn .btn-txt {
    padding-left: 3.6rem;
    color: #fff;
    color: var(--c-white)
}

.brand-btn__img {
    margin-right: 3rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 18rem;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

@media (max-width: 767px) {
    .brand-btn__img {
        margin-right:0;
        margin-bottom: 2rem
    }
}

.brand-btn__img img {
    width: 100%
}

.brand-btn--white,.special-project__content ul li:before {
    background-color: #fff;
    background-color: var(--c-white)
}

.brand-btn--white:hover {
    background-color: #ea2e23;
    background-color: var(--c-primary)
}

.brand-btn--white:hover .brand-btn__img {
    -webkit-filter: brightness(0) invert(1) grayscale(1);
    filter: brightness(0) invert(1) grayscale(1)
}

.brand-btn .btn {
    position: relative;
    top: .3rem
}

.product-detail {
    position: relative;
    padding-top: 12rem;
    padding-bottom: 9rem
}

@media (max-width: 991px) {
    .product-detail {
        padding-top:8rem;
        padding-bottom: 6rem
    }
}

.product-detail:before,.special-project:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #171b24;
    background-color: var(--c-secondary);
    z-index: -1
}

.product-detail:before {
    bottom: -6rem;
    height: calc(100% + 6rem)
}

.special-project {
    position: relative;
    color: #fff;
    color: var(--c-white)
}

.special-project:before {
    top: 30rem;
    height: calc(100% - 50rem)
}

.special-project__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 991px) {
    .special-project__top {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.special-project__top-left {
    width: calc(50% - 2rem);
    margin-right: 2rem
}

@media (max-width: 991px) {
    .special-project__top-left {
        width:100%;
        margin-right: 0;
        margin-top: 2rem
    }
}

.special-project__top-left img,.special-project__top-right img {
    width: 100%;
    height: 52rem;
    -o-object-fit: cover;
    object-fit: cover
}

.special-project__top-left .txt {
    margin-top: 7.5rem
}

.special-project__top-right {
    width: calc(50% - 2rem);
    margin-left: 2rem
}

@media (max-width: 991px) {
    .special-project__top-right {
        width:100%;
        margin-left: 0
    }
}

.special-project__top-right img {
    height: 78rem
}

@media (max-width: 991px) {
    .special-project__top-right img {
        height:40rem
    }
}

.special-project__content {
    margin-top: 5rem
}

.special-project__content ul {
    margin-bottom: 6.5rem
}

.special-project__content ul li {
    position: relative;
    padding-left: 5rem;
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 2.5rem
}

.special-project__content ul li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2.6rem;
    height: 1.4rem;
    border-radius: 50%
}

.special-project__content h2,.special-project__content h3,.special-project__content h4 {
    font-size: 4.8rem;
    font-weight: 700;
    margin-bottom: 2.5rem
}

.special-project__content p {
    font-size: 2.4rem;
    font-weight: 500;
    margin-bottom: 5rem
}

.special-project__slider {
    margin-top: 12rem
}

.special-project__seperator-wrapper {
    background-color: #ea2e23;
    background-color: var(--c-primary);
    min-height: 57rem;
    padding: 10rem 14rem 10rem 18rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    overflow: hidden
}

@media (max-width: 1199px) {
    .special-project__seperator-wrapper {
        padding:6rem
    }
}

@media (max-width: 991px) {
    .special-project__seperator-wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (max-width: 767px) {
    .special-project__seperator-wrapper {
        padding:2rem
    }
}

.special-project__seperator-pattern {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1
}

.special-project__seperator-content .txt--px16 {
    letter-spacing: .6rem;
    margin-bottom: 4rem
}

.special-project__seperator-btn {
    background-color: #fff;
    background-color: var(--c-white);
    padding: 2rem 4rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

@media (max-width: 991px) {
    .special-project__seperator-btn {
        margin-top:2rem
    }
}

@media (max-width: 767px) {
    .special-project__seperator-btn {
        padding:2rem
    }
}

.contact__address__item a:hover,.contact__address__item strong,.special-project__seperator-btn .btn-icon,.special-project__seperator-btn .btn-txt {
    color: #ea2e23;
    color: var(--c-primary)
}

.special-project__seperator-btn:hover {
    background-color: #171b24;
    background-color: var(--c-secondary)
}

.special-project__seperator-btn:hover .btn {
    padding-right: 0
}

.special-project__seperator-btn:hover .btn-icon,.special-project__seperator-btn:hover .btn-txt {
    color: #fff;
    color: var(--c-white)
}

.special-project__seperator-btn:hover .btn .btn-icon {
    left: 0
}

.special-project__seperator-btn:hover .btn .btn-txt {
    padding-left: 3.6rem
}

.production-history__item {
    margin-bottom: 10rem
}

.contact__address__item a:last-child,.production-history__item:last-child {
    margin-bottom: 0
}

.production-history__item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 120rem;
    margin: 0 auto;
    margin-top: 10rem
}

@media (max-width: 991px) {
    .production-history__item-content {
        margin-top:4rem
    }
}

@media (max-width: 767px) {
    .production-history__item-content {
        margin-top:2rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.production-history__item-content-year {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 5rem
}

@media (max-width: 767px) {
    .production-history__item-content-year {
        margin-right:0;
        margin-bottom: 2rem
    }
}

.production-history__item-content-year .txt {
    position: -webkit-sticky;
    position: sticky;
    margin-top: -3rem;
    top: 1rem
}

@media (max-width: 767px) {
    .production-history__item-content-year .txt {
        margin-top:0;
        top: 0
    }
}

.production-history__item-content-title {
    margin-bottom: 4rem
}

@media (max-width: 767px) {
    .production-history__item-content-title {
        margin-bottom:1.5rem
    }
}

.blog__tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 991px) {
    .blog__tools {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 2.5rem
    }
}

.blog__tools-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (max-width: 991px) {
    .blog__tools-share {
        margin-bottom:1.5rem
    }
}

@media (max-width: 767px) {
    .blog__tools-share {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.blog__tools-share .txt {
    margin-right: 2rem
}

@media (max-width: 767px) {
    .blog__tools-share .txt {
        margin-right:0;
        margin-bottom: 1rem
    }
}

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

@media (max-width: 767px) {
    .contact__top {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.contact__form {
    width: 50%
}

@media (max-width: 767px) {
    .contact__form {
        width:100%
    }
}

.contact__address {
    width: 50%;
    margin-left: 5rem;
    padding-left: 5rem;
    border-left: .3rem solid #e0e0e0;
    border-left: .3rem solid var(--c-border)
}

@media (max-width: 767px) {
    .contact__address {
        width:100%;
        border-left: none;
        margin-left: 0;
        padding-left: 0;
        margin-bottom: 2.5rem
    }
}

.contact__address__item {
    margin-bottom: 5rem
}

.contact__address__item p {
    margin-bottom: 1rem
}

.contact__address__item a {
    margin-bottom: 1rem;
    display: block;
    -webkit-transition: .3s cubic-bezier(.29,.13,.27,.74);
    transition: .3s cubic-bezier(.29,.13,.27,.74);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.contact__address__item:last-child {
    margin-bottom: 0
}

.contact__map {
    width: 100%;
    height: 30rem
}

.contact__faq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media (max-width: 991px) {
    .contact__faq {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.contact__faq-left {
    width: 40%
}

@media (max-width: 991px) {
    .contact__faq-left {
        width:100%
    }
}

.contact__faq-left .txt {
    position: -webkit-sticky;
    position: sticky;
    top: 1rem
}

.contact__faq-right {
    width: 60%
}

@media (max-width: 991px) {
    .contact__faq-right {
        width:100%;
        margin-top: 2rem
    }
}

.proposal__form {
    width: 100%
}

code[class*=language-],pre[class*=language-] {
    color: #ccc;
    background: 0 0;
    font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;
    font-size: 1em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto
}

:not(pre)>code[class*=language-],pre[class*=language-] {
    background: #2d2d2d
}

:not(pre)>code[class*=language-] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal
}

.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog {
    color: #999
}

.token.punctuation {
    color: #ccc
}

.token.attr-name,.token.deleted,.token.namespace,.token.tag {
    color: #e2777a
}

.token.function-name {
    color: #6196cc
}

.token.boolean,.token.function,.token.number {
    color: #f08d49
}

.token.class-name,.token.constant,.token.property,.token.symbol {
    color: #f8c555
}

.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector {
    color: #cc99cd
}

.token.attr-value,.token.char,.token.regex,.token.string,.token.variable {
    color: #7ec699
}

.token.entity,.token.operator,.token.url {
    color: #67cdcc
}

.token.bold,.token.important {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

.token.inserted {
    color: green
}

.ac {
    margin-top: 10px;
    border: 1px solid #eee;
    background-color: #fff;
    box-sizing: border-box
}

.ac .ac-header {
    margin: 0;
    padding: 0
}

.ac .ac-trigger {
    font: 700 16px Arial,sans-serif;
    color: #111;
    text-align: left;
    width: 100%;
    padding: 10px 30px 10px 10px;
    display: block;
    cursor: pointer;
    background-color: transparent;
    transition: color .25s ease;
    position: relative;
    text-decoration: none;
    margin: 0;
    border: 0
}

.ac .ac-trigger::after {
    content: "+";
    text-align: center;
    width: 15px;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    position: absolute;
    right: 10px;
    top: 50%
}

.ac .ac-trigger:focus {
    color: #8a8a8a
}

.ac .ac-panel {
    overflow: hidden;
    transition-property: height,visibility;
    transition-timing-function: ease
}

.ac .ac-panel .ac-text {
    font: 15px/24px Arial,sans-serif;
    color: #111;
    padding: 10px;
    margin: 0
}

.ac.js-enabled .ac-panel {
    visibility: hidden
}

.ac.is-active .ac-panel {
    visibility: visible
}

.ac.is-active>.ac-header .ac-trigger::after {
    content: "–"
}

.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.toast-message a,.toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1
}

.toast-close-button:focus,.toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

.rtl .toast-close-button {
    left: -.3em;
    float: left;
    right: .3em
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none
}

#toast-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#toast-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
    color: #fff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80)
}

#toast-container>div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center
}

#toast-container>div:hover {
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer
}

#toast-container>.toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important
}

#toast-container>.toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important
}

#toast-container>.toast-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important
}

#toast-container>.toast-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important
}

#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.toast {
    background-color: #030303
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

@media all and (max-width: 240px) {
    #toast-container>div {
        padding:8px 8px 8px 50px;
        width: 11em
    }

    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width: 241px) and (max-width:480px) {
    #toast-container>div {
        padding:8px 8px 8px 50px;
        width: 18em
    }

    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width: 481px) and (max-width:768px) {
    #toast-container>div {
        padding:15px 15px 15px 50px;
        width: 25em
    }

    #toast-container>div.rtl {
        padding: 15px 50px 15px 15px
    }
}

@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-wrapper {
    position: relative;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    list-style: none;
    padding: 0
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

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

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

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

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

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

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    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,.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    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: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(to bottom,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 {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

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

.swiper-centered>.swiper-wrapper::before {
    content: '';
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999
}

[dir=ltr] .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-left: var(--swiper-centered-offset-before)
}

[dir=rtl] .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-right: 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 {
    margin-top: var(--swiper-centered-offset-before)
}

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

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

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

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(44px/44*27);
    width: calc(var(--swiper-navigation-size)/44*27);
    height: 44px;
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (44px/2));
    margin-top: calc(0px - (var(--swiper-navigation-size)/2));
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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: 44px;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    -webkit-font-feature-settings: normal,;
    font-feature-settings: normal,;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

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

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: 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;
    -webkit-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,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: 10px;
    left: 0;
    width: 100%
}

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

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

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

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

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

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

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

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

button.swiper-pagination-bullet {
    border: 0;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    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: 1;
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-theme-color);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    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%;
    -webkit-transform: translateY(-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;
    -webkit-transition: .2s transform,.2s top;
    transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    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%;
    -webkit-transform: translateX(-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 {
    -webkit-transition: .2s transform,.2s left;
    transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s transform,.2s right;
    transition: .2s transform,.2s right
}

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

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

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    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: 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: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal;
    outline: 0;
    transition-property: transform,visibility,opacity
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54,1.5,.38,1.11)
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1
}

.tippy-box[data-animation=scale][data-placement^=top] {
    transform-origin: bottom
}

.tippy-box[data-animation=scale][data-placement^=bottom] {
    transform-origin: top
}

.tippy-box[data-animation=scale][data-placement^=left] {
    transform-origin: right
}

.tippy-box[data-animation=scale][data-placement^=right] {
    transform-origin: left
}

.tippy-box[data-animation=scale][data-state=hidden] {
    transform: scale(.5);
    opacity: 0
}

.carousel {
    position: relative;
    box-sizing: border-box
}

.carousel *,.carousel :after,.carousel :before {
    box-sizing: inherit
}

.carousel.is-draggable {
    cursor: move;
    cursor: grab
}

.carousel.is-dragging {
    cursor: move;
    cursor: grabbing
}

.carousel__viewport {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%
}

.carousel__track {
    display: flex
}

.carousel__slide {
    flex: 0 0 auto;
    width: 60%;
    width: var(--carousel-slide-width, 60%);
    max-width: 100%;
    padding: 1rem;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

.has-dots {
    margin-bottom: calc(.5rem + 22px)
}

.carousel__button,.carousel__dots {
    padding: 0;
    display: flex;
    justify-content: center
}

.carousel__dots {
    margin: 0 auto;
    position: absolute;
    top: calc(100% + .5rem);
    left: 0;
    right: 0;
    list-style: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.carousel__dots .carousel__dot {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    width: 22px;
    height: 22px;
    cursor: pointer
}

.carousel__dots .carousel__dot:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: currentColor;
    opacity: .25;
    transition: opacity .15s ease-in-out
}

.carousel__dots .carousel__dot.is-selected:after {
    opacity: 1
}

.carousel__button {
    width: 48px;
    width: var(--carousel-button-width, 48px);
    height: 48px;
    height: var(--carousel-button-height, 48px);
    border: 0;
    align-items: center;
    pointer-events: all;
    cursor: pointer;
    color: currentColor;
    color: var(--carousel-button-color, currentColor);
    background: 0 0;
    background: var(--carousel-button-bg, transparent);
    border-radius: 50%;
    border-radius: var(--carousel-button-border-radius, 50%);
    box-shadow: none;
    box-shadow: var(--carousel-button-shadow, none);
    transition: opacity .15s ease
}

.carousel__button.is-next,.carousel__button.is-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.carousel__button.is-prev {
    left: 10px
}

.carousel__button.is-next {
    right: 10px
}

.carousel__button[disabled] {
    cursor: default;
    opacity: .3
}

.carousel__button svg {
    width: 50%;
    width: var(--carousel-button-svg-width, 50%);
    height: 50%;
    height: var(--carousel-button-svg-height, 50%);
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
    stroke-linejoin: bevel;
    stroke-linecap: round;
    -webkit-filter: none;
    filter: none;
    -webkit-filter: var(--carousel-button-svg-filter, none);
    filter: var(--carousel-button-svg-filter, none);
    pointer-events: none
}

html.with-fancybox {
    scroll-behavior: auto
}

body.compensate-for-scrollbar {
    overflow: hidden!important;
    touch-action: none
}

.fancybox__container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    margin: 0;
    padding: env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    color: #fff;
    color: var(--fancybox-color, #fff);
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    z-index: 1050;
    outline: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    --carousel-button-width: 48px;
    --carousel-button-height: 48px;
    --carousel-button-svg-width: 24px;
    --carousel-button-svg-height: 24px;
    --carousel-button-svg-stroke-width: 2.5;
    --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))
}

.fancybox__container *,.fancybox__container ::after,.fancybox__container ::before {
    box-sizing: inherit
}

.fancybox__container :focus {
    outline: 0
}

body:not(.is-using-mouse) .fancybox__container :focus {
    box-shadow: 0 0 0 1px #fff,0 0 0 2px rgba(1,210,232,.94);
    box-shadow: 0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))
}

@media all and (min-width: 1024px) {
    .fancybox__container {
        --carousel-button-width:48px;
        --carousel-button-height: 48px;
        --carousel-button-svg-width: 27px;
        --carousel-button-svg-height: 27px
    }
}

.fancybox__backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: rgba(24,24,27,.92);
    background: var(--fancybox-bg, rgba(24, 24, 27, 0.92))
}

.fancybox__carousel {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    z-index: 10
}

.fancybox__carousel.has-dots {
    margin-bottom: calc(.5rem + 22px)
}

.fancybox__viewport {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
    cursor: default
}

.fancybox__track {
    display: flex;
    height: 100%
}

.fancybox__slide {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 48px 8px 8px;
    position: relative;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    display: flex;
    flex-direction: column;
    outline: 0;
    overflow: auto;
    --carousel-button-width: 36px;
    --carousel-button-height: 36px;
    --carousel-button-svg-width: 22px;
    --carousel-button-svg-height: 22px
}

.fancybox__slide::after,.fancybox__slide::before {
    content: "";
    flex: 0 0 0;
    margin: auto
}

@media all and (min-width: 1024px) {
    .fancybox__slide {
        padding:64px 100px
    }
}

.fancybox__content {
    margin: 0 env(safe-area-inset-right,0) 0 env(safe-area-inset-left,0);
    padding: 36px;
    color: #374151;
    color: var(--fancybox-content-color, #374151);
    background: #fff;
    background: var(--fancybox-content-bg, #fff);
    position: relative;
    align-self: center;
    display: flex;
    flex-direction: column;
    z-index: 20
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    outline: thin dotted;
    box-shadow: none
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    margin: 0;
    padding: 1rem 0 0;
    line-height: 1.375;
    color: currentColor;
    color: var(--fancybox-color, currentColor);
    visibility: visible;
    cursor: auto;
    flex-shrink: 0;
    word-wrap: anywhere
}

.is-loading .fancybox__caption {
    visibility: hidden
}

.fancybox__container>.carousel__dots {
    top: 100%;
    color: #fff;
    color: var(--fancybox-color, #fff)
}

.fancybox__nav .carousel__button {
    z-index: 40
}

.fancybox__nav .carousel__button.is-next {
    right: 8px
}

@media all and (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-next {
        right:40px
    }
}

.fancybox__nav .carousel__button.is-prev {
    left: 8px
}

@media all and (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-prev {
        left:40px
    }
}

.carousel__button.is-close {
    position: absolute;
    top: 8px;
    right: 8px;
    top: calc(env(safe-area-inset-top,0) + 8px);
    right: calc(env(safe-area-inset-right,0) + 8px);
    z-index: 40
}

@media all and (min-width: 1024px) {
    .carousel__button.is-close {
        right:40px
    }
}

.fancybox__content>.carousel__button.is-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: #fff;
    color: var(--fancybox-color, #fff)
}

.fancybox__no-click,.fancybox__no-click button {
    pointer-events: none
}

.fancybox__spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 50px;
    height: 50px;
    color: currentColor;
    color: var(--fancybox-color, currentColor)
}

.fancybox__slide .fancybox__spinner {
    cursor: pointer;
    z-index: 1053
}

.fancybox__spinner svg {
    -webkit-animation: fancybox-rotate 2s linear infinite;
    animation: fancybox-rotate 2s linear infinite;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%
}

.fancybox__spinner svg circle {
    fill: none;
    stroke-width: 2.75;
    stroke-miterlimit: 10;
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    -webkit-animation: fancybox-dash 1.5s ease-in-out infinite;
    animation: fancybox-dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
    stroke: currentColor
}

.carousel__button.is-close,.carousel__dots,.fancybox__backdrop,.fancybox__caption,.fancybox__nav {
    opacity: 1;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav {
    -webkit-animation: .15s ease backwards fancybox-fadeIn;
    animation: .15s ease backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .carousel__button.is-close,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav {
    -webkit-animation: .15s ease both fancybox-fadeOut;
    animation: .15s ease both fancybox-fadeOut
}

.fancybox-fadeIn {
    -webkit-animation: .15s ease both fancybox-fadeIn;
    animation: .15s ease both fancybox-fadeIn
}

.fancybox-fadeOut {
    -webkit-animation: .1s ease both fancybox-fadeOut;
    animation: .1s ease both fancybox-fadeOut
}

.fancybox-zoomInUp {
    -webkit-animation: .2s ease both fancybox-zoomInUp;
    animation: .2s ease both fancybox-zoomInUp
}

.fancybox-zoomOutDown {
    -webkit-animation: .15s ease both fancybox-zoomOutDown;
    animation: .15s ease both fancybox-zoomOutDown
}

.fancybox-throwOutUp {
    -webkit-animation: .15s ease both fancybox-throwOutUp;
    animation: .15s ease both fancybox-throwOutUp
}

.fancybox-throwOutDown {
    -webkit-animation: .15s ease both fancybox-throwOutDown;
    animation: .15s ease both fancybox-throwOutDown
}

.fancybox__carousel .carousel__slide {
    scrollbar-width: thin;
    scrollbar-color: #ccc rgba(255,255,255,.1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
    background-color: rgba(255,255,255,.1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 2px;
    box-shadow: inset 0 0 4px rgba(0,0,0,.2)
}

.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: grab
}

.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__carousel .fancybox__slide .fancybox__content {
    cursor: auto
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__image {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: none
}

.has-image .fancybox__content {
    padding: 0;
    background: 0 0;
    min-height: 1px
}

.is-closing .has-image .fancybox__content {
    overflow: visible
}

.has-image[data-image-fit=contain] {
    overflow: visible;
    touch-action: none
}

.has-image[data-image-fit=contain] .fancybox__content {
    flex-direction: row;
    flex-wrap: wrap
}

.has-image[data-image-fit=contain] .fancybox__image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.has-image[data-image-fit=contain-w] {
    overflow-x: hidden;
    overflow-y: auto
}

.has-image[data-image-fit=contain-w] .fancybox__content {
    min-height: auto
}

.has-image[data-image-fit=contain-w] .fancybox__image {
    max-width: 100%;
    height: auto
}

.has-image[data-image-fit=cover] {
    overflow: visible;
    touch-action: none
}

.has-image[data-image-fit=cover] .fancybox__content {
    width: 100%;
    height: 100%
}

.has-image[data-image-fit=cover] .fancybox__image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
    max-width: 100%;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content {
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
    width: 100%;
    height: 80%
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content {
    padding: 0;
    background: rgba(24,24,27,.9);
    color: #fff
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video,.fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: 0 0
}

.fancybox-placeholder {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}

.fancybox__thumbs {
    flex: 0 0 auto;
    position: relative;
    padding: 0 3px;
    opacity: 1;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
    -webkit-animation: .15s ease-in backwards fancybox-fadeIn;
    animation: .15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
    opacity: 0
}

.fancybox__thumbs .carousel__slide {
    flex: 0 0 auto;
    width: 96px;
    width: var(--fancybox-thumbs-width, 96px);
    margin: 0;
    padding: 8px 3px;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    cursor: pointer
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(34,213,233,.96);
    border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
    opacity: 0;
    transition: opacity .15s ease;
    border-radius: 4px;
    border-radius: var(--fancybox-thumbs-border-radius, 4px)
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
    opacity: .92
}

.fancybox__thumbs .carousel__slide>* {
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox__thumb {
    position: relative;
    width: 100%;
    padding-top: calc(100%/(1.5));
    padding-top: calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));
    background-size: cover;
    background-position: center center;
    background-color: rgba(255,255,255,.1);
    background-repeat: no-repeat;
    border-radius: 4px;
    border-radius: var(--fancybox-thumbs-border-radius, 4px)
}

.fancybox__toolbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
    background: linear-gradient(to top,transparent 0,rgba(0,0,0,.006) 8.1%,rgba(0,0,0,.021) 15.5%,rgba(0,0,0,.046) 22.5%,rgba(0,0,0,.077) 29%,rgba(0,0,0,.114) 35.3%,rgba(0,0,0,.155) 41.2%,rgba(0,0,0,.198) 47.1%,rgba(0,0,0,.242) 52.9%,rgba(0,0,0,.285) 58.8%,rgba(0,0,0,.326) 64.7%,rgba(0,0,0,.363) 71%,rgba(0,0,0,.394) 77.5%,rgba(0,0,0,.419) 84.5%,rgba(0,0,0,.434) 91.9%,rgba(0,0,0,.44) 100%);
    padding: 0;
    touch-action: none;
    display: flex;
    justify-content: space-between;
    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;
    opacity: 1;
    opacity: var(--fancybox-opacity, 1);
    text-shadow: 1px 1px 1px rgba(0,0,0,.4);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))
}

@media all and (min-width: 1024px) {
    .fancybox__toolbar {
        padding:8px
    }
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
    -webkit-animation: .15s ease-in backwards fancybox-fadeIn;
    animation: .15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
    opacity: 0
}

.fancybox__toolbar__items {
    display: flex
}

.fancybox__toolbar__items--left {
    margin-right: auto
}

.fancybox__toolbar__items--center {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.fancybox__toolbar__items--right {
    margin-left: auto
}

@media (max-width: 640px) {
    .fancybox__toolbar__items--center:not(:last-child) {
        display:none
    }
}

.fancybox__counter {
    min-width: 72px;
    padding: 0 10px;
    line-height: 48px;
    line-height: var(--carousel-button-height, 48px);
    text-align: center;
    font-size: 17px;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased
}

.fancybox__progress {
    background: rgba(34,213,233,.96);
    background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    transition-timing-function: linear;
    z-index: 30;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox__container:-webkit-full-screen::backdrop {
    opacity: 0
}

.fancybox__container:-ms-fullscreen::backdrop {
    opacity: 0
}

.fancybox__container:fullscreen::-webkit-backdrop {
    opacity: 0
}

.fancybox__container:fullscreen::backdrop {
    opacity: 0
}

.fancybox__button--fullscreen g:nth-child(2),.fancybox__button--slideshow g:nth-child(2) {
    display: none
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(1) {
    display: none
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(1) {
    display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
    display: none
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
    display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
    display: block
}