@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Syne:wght@400..800&display=swap";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block
}

*[hidden] {
    display: none
}

body {
    line-height: 1
}

menu, ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.fr-window, .fr-window [class^=fr-], .fr-overlay, .fr-overlay [class^=fr-], .fr-spinner, .fr-spinner [class^=fr-] {
    box-sizing: border-box
}

.fr-window {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font: 13px/20px Lucida Sans, Lucida Sans Unicode, Lucida Grande, Verdana, Arial, sans-serif;
    transform: translateZ(0)
}

.fr-overlay {
    z-index: 99998
}

.fr-window {
    z-index: 99999
}

.fr-spinner {
    z-index: 100000
}

.fr-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.fr-overlay-background {
    float: left;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .9;
    filter: alpha(opacity=90)
}

.fr-overlay-ui-fullclick .fr-overlay-background {
    background: #292929;
    opacity: 1;
    filter: alpha(opacity=100)
}

.fr-window.fr-mobile-touch, .fr-overlay.fr-mobile-touch {
    position: absolute;
    overflow: visible
}

.fr-measured {
    margin: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important
}

.fr-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.fr-pages {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fr-page {
    position: absolute;
    width: 100%;
    height: 100%
}

.fr-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    text-align: center
}

.fr-hovering-clickable .fr-container {
    cursor: pointer
}

.fr-ui-inside .fr-container, .fr-ui-inside.fr-no-sides .fr-container {
    padding: 20px
}

.fr-ui-outside .fr-container {
    padding: 20px 82px
}

.fr-ui-outside.fr-no-sides .fr-container {
    padding: 20px 48px
}

@media all and (max-width: 700px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 700px) {
    .fr-ui-inside .fr-container, .fr-ui-inside.fr-no-sides .fr-container {
        padding: 12px
    }

    .fr-ui-outside .fr-container {
        padding: 12px 72px
    }

    .fr-ui-outside.fr-no-sides .fr-container {
        padding: 12px 48px
    }
}

@media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 500px) {
    .fr-ui-inside .fr-container, .fr-ui-inside.fr-no-sides .fr-container {
        padding: 0
    }

    .fr-ui-outside .fr-container {
        padding: 0 72px
    }

    .fr-ui-outside.fr-no-sides .fr-container {
        padding: 0 48px
    }
}

.fr-ui-fullclick .fr-container, .fr-ui-fullclick.fr-no-sides .fr-container {
    padding: 0
}

.fr-ui-fullclick.fr-type-video .fr-container {
    padding: 0 62px
}

.fr-ui-fullclick.fr-no-sides.fr-type-video .fr-container {
    padding: 48px 0
}

.fr-overflow-y .fr-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.fr-content, .fr-content-background {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: visible
}

.fr-content-element {
    float: left;
    width: 100%;
    height: 100%
}

.fr-content-background {
    background: #101010
}

.fr-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #efefef;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.fr-info-background {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    line-height: 1%;
    filter: none;
    opacity: 1
}

.fr-ui-inside .fr-info-background {
    filter: alpha(opacity=80);
    opacity: .8;
    zoom: 1
}

.fr-ui-outside .fr-info-background {
    background: #0d0d0d
}

.fr-content .fr-info {
    top: auto;
    bottom: 0
}

.fr-info-padder {
    display: block;
    overflow: hidden;
    padding: 12px;
    position: relative;
    width: auto
}

.fr-caption {
    width: auto;
    display: inline
}

.fr-position {
    color: #b3b3b3;
    float: right;
    line-height: 21px;
    opacity: .99;
    position: relative;
    text-align: right;
    margin-left: 15px;
    white-space: nowrap
}

.fr-position-outside, .fr-position-inside {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 12px;
    width: auto;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 20px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
    display: none;
    overflow: hidden;
    white-space: nowrap;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.fr-position-inside {
    border: 0
}

.fr-position-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0d0d0d;
    filter: alpha(opacity=80);
    opacity: .8;
    zoom: 1
}

.fr-position-text {
    color: #b3b3b3
}

.fr-position-outside .fr-position-text, .fr-position-inside .fr-position-text {
    float: left;
    position: relative;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    opacity: 1
}

.fr-ui-outside .fr-position-outside {
    display: block
}

.fr-ui-outside .fr-info .fr-position {
    display: none
}

.fr-ui-inside.fr-no-caption .fr-position-inside {
    display: block
}

.fr-info a, .fr-info a:hover {
    color: #ccc;
    border: 0;
    background: none;
    text-decoration: underline
}

.fr-info a:hover {
    color: #eee
}

.fr-ui-outside.fr-no-caption .fr-info, .fr-ui-inside.fr-no-caption .fr-caption {
    display: none
}

.fr-stroke {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px
}

.fr-stroke-vertical {
    width: 1px;
    height: 100%
}

.fr-stroke-horizontal {
    padding: 0 1px
}

.fr-stroke-right {
    left: auto;
    right: 0
}

.fr-stroke-bottom {
    top: auto;
    bottom: 0
}

.fr-stroke-color {
    float: left;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .08)
}

.fr-info .fr-stroke-color {
    background: rgba(80, 80, 80, .3)
}

.fr-ui-outside.fr-has-caption .fr-content .fr-stroke-bottom, .fr-ui-fullclick .fr-stroke {
    display: none
}

.fr-ui-fullclick .fr-content-background {
    box-shadow: none
}

.fr-info .fr-stroke-top {
    display: none
}

.fr-side {
    position: absolute;
    top: 50%;
    width: 54px;
    height: 72px;
    margin: -36px 9px 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    zoom: 1
}

.fr-side-previous {
    left: 0
}

.fr-side-next {
    right: 0;
    left: auto
}

.fr-side-disabled {
    cursor: default
}

.fr-side-hidden {
    display: none !important
}

.fr-side-button {
    float: left;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.fr-side-button-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #101010
}

.fr-side-button-icon {
    float: left;
    position: relative;
    height: 100%;
    width: 100%;
    zoom: 1;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

@media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) {
    .fr-side {
        width: 54px;
        height: 60px;
        margin: -30px 0 0
    }

    .fr-side-button {
        width: 48px;
        height: 60px;
        margin: 0 3px
    }
}

.fr-close {
    position: absolute;
    width: 48px;
    height: 48px;
    top: 0;
    right: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fr-close-background, .fr-close-icon {
    position: absolute;
    top: 12px;
    left: 12px;
    height: 26px;
    width: 26px;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.fr-close-background {
    background-color: #000
}

.fr-thumbnails {
    position: absolute;
    overflow: hidden
}

.fr-thumbnails-disabled .fr-thumbnails {
    display: none !important
}

.fr-thumbnails-horizontal .fr-thumbnails {
    width: 100%;
    height: 12%;
    min-height: 74px;
    max-height: 160px;
    bottom: 0
}

.fr-thumbnails-vertical .fr-thumbnails {
    height: 100%;
    width: 10%;
    min-width: 74px;
    max-width: 160px;
    left: 0
}

.fr-thumbnails, .fr-thumbnails * {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fr-thumbnails-wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%
}

.fr-thumbnails-vertical .fr-thumbnails-wrapper {
    top: 50%;
    left: 0
}

.fr-thumbnails-slider {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    zoom: 1
}

.fr-thumbnails-slider-slide {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.fr-thumbnails-thumbs {
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0
}

.fr-thumbnails-slide {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%
}

.fr-thumbnail-frame {
    position: absolute;
    zoom: 1;
    overflow: hidden
}

.fr-thumbnail {
    position: absolute;
    width: 30px;
    height: 100%;
    left: 50%;
    top: 50%;
    zoom: 1;
    cursor: pointer;
    margin: 0 10px
}

.fr-ltIE9 .fr-thumbnail * {
    overflow: hidden;
    z-index: 1;
    zoom: 1
}

.fr-thumbnail-wrapper {
    position: relative;
    background: #161616;
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    display: inline;
    z-index: 0
}

.fr-thumbnail-overlay {
    cursor: pointer
}

.fr-thumbnail-active .fr-thumbnail-overlay {
    cursor: default
}

.fr-thumbnail-overlay, .fr-thumbnail-overlay-background, .fr-thumbnail-overlay-border {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    overflow: hidden;
    border-style: solid;
    border-color: transparent
}

.fr-ltIE9 .fr-thumbnail-overlay-border {
    border-width: 0 !important
}

.fr-thumbnail .fr-thumbnail-image {
    position: absolute;
    filter: alpha(opacity=85);
    opacity: .85;
    max-width: none
}

.fr-thumbnail:hover .fr-thumbnail-image, .fr-thumbnail-active:hover .fr-thumbnail-image {
    filter: alpha(opacity=99);
    opacity: .99
}

.fr-thumbnail-active .fr-thumbnail-image, .fr-thumbnail-active:hover .fr-thumbnail-image {
    filter: alpha(opacity=35);
    opacity: .35
}

.fr-thumbnail-active {
    cursor: default
}

.fr-thumbnail-loading, .fr-thumbnail-loading-background, .fr-thumbnail-loading-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.fr-thumbnail-loading-background {
    background-color: #161616;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: .8;
    position: relative;
    float: left
}

.fr-thumbnail-loading-icon {
    display: none
}

.fr-thumbnail-error .fr-thumbnail-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #202020
}

.fr-thumbnails-side {
    float: left;
    height: 100%;
    width: 28px;
    margin: 0 5px;
    position: relative;
    overflow: hidden
}

.fr-thumbnails-side-previous {
    margin-left: 12px
}

.fr-thumbnails-side-next {
    margin-right: 12px
}

.fr-thumbnails-vertical .fr-thumbnails-side {
    height: 28px;
    width: 100%;
    margin: 10px 0
}

.fr-thumbnails-vertical .fr-thumbnails-side-previous {
    margin-top: 20px
}

.fr-thumbnails-vertical .fr-thumbnails-side-next {
    margin-bottom: 20px
}

.fr-thumbnails-side-button {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -14px;
    margin-left: -14px;
    width: 28px;
    height: 28px;
    cursor: pointer
}

.fr-thumbnails-side-button-background {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    filter: alpha(opacity=80);
    opacity: .8;
    -moz-transition: background-color .2s ease-in;
    -webkit-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in;
    background-color: #333;
    cursor: pointer;
    border-radius: 4px
}

.fr-thumbnails-side-button:hover .fr-thumbnails-side-button-background {
    background-color: #3b3b3b
}

.fr-thumbnails-side-button-disabled * {
    cursor: default
}

.fr-thumbnails-side-button-disabled:hover .fr-thumbnails-side-button-background {
    background-color: #333
}

.fr-thumbnails-side-button-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.fr-thumbnails-vertical .fr-thumbnails-side, .fr-thumbnails-vertical .fr-thumbnails-thumbs, .fr-thumbnails-vertical .fr-thumbnail-frame {
    clear: both
}

.fr-window-ui-fullclick .fr-thumbnails {
    background: #090909
}

.fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-horizontal .fr-info .fr-stroke-bottom, .fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-vertical .fr-info .fr-stroke-left {
    display: block !important
}

.fr-thumbnails-horizontal .fr-thumbnails-thumbs {
    padding: 12px 5px
}

.fr-thumbnails-vertical .fr-thumbnails-thumbs {
    padding: 5px 12px
}

.fr-thumbnails-measured .fr-thumbnails-thumbs {
    padding: 0 !important
}

@media all and (min-height: 700px) {
    .fr-thumbnails-horizontal .fr-thumbnails-thumbs {
        padding: 16px 8px
    }

    .fr-thumbnails-horizontal .fr-thumbnails-side {
        margin: 0 8px
    }

    .fr-thumbnails-horizontal .fr-thumbnails-side-previous {
        margin-left: 16px
    }

    .fr-thumbnails-horizontal .fr-thumbnails-side-next {
        margin-right: 16px
    }
}

@media all and (min-height: 980px) {
    .fr-thumbnails-horizontal .fr-thumbnails-thumbs {
        padding: 20px 10px
    }

    .fr-thumbnails-horizontal .fr-thumbnails-side {
        margin: 0 10px
    }

    .fr-thumbnails-horizontal .fr-thumbnails-side-previous {
        margin-left: 20px
    }

    .fr-thumbnails-horizontal .fr-thumbnails-side-next {
        margin-right: 20px
    }
}

@media all and (min-width: 1200px) {
    .fr-thumbnails-vertical .fr-thumbnails-thumbs {
        padding: 8px 16px
    }

    .fr-thumbnails-vertical .fr-thumbnails-side {
        margin: 0 8px
    }

    .fr-thumbnails-vertical .fr-thumbnails-side-previous {
        margin-top: 16px
    }

    .fr-thumbnails-vertical .fr-thumbnails-side-next {
        margin-bottom: 16px
    }
}

@media all and (min-width: 1800px) {
    .fr-thumbnails-vertical .fr-thumbnails-thumbs {
        padding: 10px 20px
    }

    .fr-thumbnails-vertical .fr-thumbnails-side {
        margin: 10px 0
    }

    .fr-thumbnails-vertical .fr-thumbnails-side-previous {
        margin-top: 20px
    }

    .fr-thumbnails-vertical .fr-thumbnails-side-next {
        margin-bottom: 20px
    }
}

@media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 500px) {
    .fr-thumbnails-horizontal .fr-thumbnails {
        display: none !important
    }
}

@media all and (max-width: 700px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) {
    .fr-thumbnails-vertical .fr-thumbnails {
        display: none !important
    }
}

@media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) {
    .fr-page {
        min-width: 100%
    }

    .fr-page {
        min-height: 100%
    }
}

.fr-window-ui-fullclick .fr-side-next-outside, .fr-window-ui-fullclick .fr-side-previous-outside, .fr-window-ui-fullclick .fr-close-outside, .fr-window-ui-fullclick .fr-content .fr-side-next, .fr-window-ui-fullclick .fr-content .fr-side-previous, .fr-window-ui-fullclick .fr-content .fr-close, .fr-window-ui-fullclick .fr-content .fr-info, .fr-window-ui-outside .fr-side-next-fullclick, .fr-window-ui-outside .fr-side-previous-fullclick, .fr-window-ui-outside .fr-close-fullclick, .fr-window-ui-outside .fr-content .fr-side-next, .fr-window-ui-outside .fr-content .fr-side-previous, .fr-window-ui-outside .fr-content .fr-close, .fr-window-ui-outside .fr-content .fr-info, .fr-window-ui-inside .fr-page > .fr-info, .fr-window-ui-inside .fr-side-next-fullclick, .fr-window-ui-inside .fr-side-previous-fullclick, .fr-window-ui-inside .fr-close-fullclick, .fr-window-ui-inside .fr-side-next-outside, .fr-window-ui-inside .fr-side-previous-outside, .fr-window-ui-inside .fr-close-outside {
    display: none !important
}

.fr-toggle-ui {
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.fr-visible-fullclick-ui .fr-box > .fr-toggle-ui, .fr-visible-inside-ui .fr-ui-inside .fr-toggle-ui {
    opacity: 1
}

.fr-hidden-fullclick-ui .fr-box > .fr-toggle-ui, .fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.fr-ltIE9.fr-hidden-fullclick-ui .fr-box > .fr-toggle-ui, .fr-ltIE9.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui {
    display: none
}

.fr-spinner {
    position: fixed;
    width: 52px;
    height: 52px;
    background: #101010;
    background: rgba(16, 16, 16, .85);
    border-radius: 5px
}

.fr-spinner div {
    position: absolute;
    top: 0;
    left: 0;
    height: 64%;
    width: 64%;
    margin-left: 18%;
    margin-top: 18%;
    opacity: 1;
    -webkit-animation: fresco-12 1.2s infinite ease-in-out;
    animation: fresco-12 1.2s infinite ease-in-out
}

.fr-spinner div:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 8px;
    margin-left: -1px;
    background: #fff;
    box-shadow: 0 0 1px #0000
}

.fr-spinner div.fr-spin-1 {
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.fr-spinner div.fr-spin-2 {
    -ms-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.fr-spinner div.fr-spin-3 {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.fr-spinner div.fr-spin-4 {
    -ms-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.fr-spinner div.fr-spin-5 {
    -ms-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.fr-spinner div.fr-spin-6 {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.fr-spinner div.fr-spin-7 {
    -ms-transform: rotate(210deg);
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg);
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.fr-spinner div.fr-spin-8 {
    -ms-transform: rotate(240deg);
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg);
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.fr-spinner div.fr-spin-9 {
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.fr-spinner div.fr-spin-10 {
    -ms-transform: rotate(300deg);
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg);
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.fr-spinner div.fr-spin-11 {
    -ms-transform: rotate(330deg);
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg);
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

.fr-spinner div.fr-spin-12 {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

@-webkit-keyframes fresco-12 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fresco-12 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fr-thumbnail-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    width: 40px;
    height: 40px
}

.fr-thumbnail-spinner-spin {
    position: relative;
    float: left;
    margin: 8px 0 0 8px;
    text-indent: -9999em;
    border-top: 2px solid rgba(255, 255, 255, .2);
    border-right: 2px solid rgba(255, 255, 255, .2);
    border-bottom: 2px solid rgba(255, 255, 255, .2);
    border-left: 2px solid #fff;
    -webkit-animation: fr-thumbnail-spin 1.1s infinite linear;
    animation: fr-thumbnail-spin 1.1s infinite linear
}

.fr-thumbnail-spinner-spin, .fr-thumbnail-spinner-spin:after {
    border-radius: 50%;
    width: 24px;
    height: 24px
}

@-webkit-keyframes fr-thumbnail-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fr-thumbnail-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fr-error {
    float: left;
    position: relative;
    background-color: #ca3434;
    width: 160px;
    height: 160px
}

.fr-error-icon {
    position: absolute;
    width: 42px;
    height: 42px;
    top: 50%;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px
}

.fr-window-skin-fresco .fr-side-button-icon, .fr-window-skin-fresco .fr-close-icon, .fr-window-skin-fresco .fr-thumbnails-side-button-icon, .fr-window-skin-fresco .fr-error-icon {
    background-image: url(./../img/icons/lightbox/sprite.svg)
}

.fr-window-skin-fresco.fr-no-svg .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-close-icon, .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-button-icon, .fr-window-skin-fresco .fr-error-icon {
    background-image: url(./../img/icons/lightbox/sprite.png)
}

.fr-window-skin-fresco .fr-error-icon {
    background-position: -160px -126px
}

.fr-window-skin-fresco .fr-content-background {
    background: #101010;
    box-shadow: 0 0 5px #0006
}

.fr-window-skin-fresco.fr-window-ui-fullclick .fr-content-background {
    box-shadow: none
}

.fr-window-skin-fresco .fr-thumbnail-wrapper {
    box-shadow: 0 0 3px #0000004d
}

.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper {
    box-shadow: 0 0 1px #0000001a
}

.fr-window-skin-fresco .fr-side-button-background {
    background-color: transparent
}

.fr-window-skin-fresco .fr-side-previous .fr-side-button-icon {
    background-position: -13px -14px
}

.fr-window-skin-fresco .fr-side-next .fr-side-button-icon {
    background-position: -93px -14px
}

.fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon {
    background-position: -13px -114px
}

.fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon {
    background-position: -93px -114px
}

.fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon {
    background-position: -13px -114px
}

.fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon {
    background-position: -93px -114px
}

.fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon {
    background-position: -13px -214px
}

.fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon {
    background-position: -93px -214px
}

.fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon {
    background-position: -13px -114px
}

.fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon {
    background-position: -93px -114px
}

.fr-window-skin-fresco.fr-svg .fr-side-button-icon {
    opacity: .5
}

.fr-window-skin-fresco.fr-svg .fr-side:hover .fr-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-next .fr-side-button-icon {
    opacity: 1
}

.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side .fr-side-button-icon {
    opacity: .8
}

.fr-window-skin-fresco.fr-svg .fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-side-disabled:hover .fr-side-button-icon, .fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side-disabled .fr-side-button-icon {
    opacity: .2
}

.fr-window-skin-fresco.fr-window-ui-inside .fr-type-image .fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-window-ui-fullclick.fr-showing-type-image .fr-side-disabled .fr-side-button-icon {
    background-image: none
}

@media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) {
    .fr-window-skin-fresco .fr-side-previous .fr-side-button-icon {
        background-position: 0px -300px
    }

    .fr-window-skin-fresco .fr-side-next .fr-side-button-icon {
        background-position: -48px -300px
    }

    .fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon {
        background-position: 0px -360px
    }

    .fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon {
        background-position: -48px -360px
    }

    .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon {
        background-position: 0px -360px
    }

    .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon {
        background-position: -48px -360px
    }

    .fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon {
        background-position: 0px -360px
    }

    .fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon {
        background-position: -48px -360px
    }

    .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon {
        background-position: 0px -420px
    }

    .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon {
        background-position: -48px -420px
    }
}

.fr-window-skin-fresco.fr-window-ui-outside .fr-close-background {
    background-color: #363636
}

.fr-window-skin-fresco.fr-window-ui-outside .fr-close:hover .fr-close-background {
    background-color: #434343
}

.fr-window-skin-fresco.fr-window-ui-inside .fr-close-background, .fr-window-skin-fresco.fr-window-ui-fullclick .fr-close-background {
    background-color: #131313;
    filter: alpha(opacity=80);
    opacity: .8
}

.fr-window-skin-fresco.fr-window-ui-inside .fr-close:hover .fr-close-background, .fr-window-skin-fresco.fr-window-ui-fullclick .fr-close:hover .fr-close-background {
    background-color: #191919
}

.fr-window-skin-fresco .fr-close .fr-close-icon {
    background-position: -168px -8px
}

.fr-window-skin-fresco .fr-close:hover .fr-close-icon {
    background-position: -210px -8px
}

.fr-window-skin-fresco.fr-svg .fr-close .fr-close-icon {
    background-position: -210px -8px;
    opacity: .8
}

.fr-window-skin-fresco .fr-close:hover .fr-close-icon, .fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-close .fr-close-icon, .fr-window-skin-fresco.fr-mobile-touch .fr-close:hover .fr-close-icon {
    opacity: 1
}

.fr-window-skin-fresco .fr-thumbnail-wrapper {
    border-color: transparent;
    border-style: solid;
    border-width: 0
}

.fr-window-skin-fresco .fr-thumbnail-wrapper {
    box-shadow: 0 0 3px #0000004d
}

.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper {
    box-shadow: 0 0 1px #0000001a
}

.fr-window-skin-fresco .fr-thumbnail-wrapper {
    box-shadow: 0 -1px 4px #0000004d
}

.fr-window-skin-fresco .fr-thumbnail-overlay-border {
    border-width: 1px;
    border-color: #ffffff14
}

.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-overlay-border, .fr-window-skin-fresco .fr-thumbnail-active:hover .fr-thumbnail-overlay-border {
    border: 0
}

.fr-window-skin-fresco .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon {
    background-position: -167px -49px
}

.fr-window-skin-fresco .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon {
    background-position: -209px -49px
}

.fr-window-skin-fresco .fr-thumbnails-side-next .fr-thumbnails-side-button-icon {
    background-position: -167px -91px
}

.fr-window-skin-fresco .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon {
    background-position: -209px -91px
}

.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon {
    background-position: -293px -49px
}

.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon {
    background-position: -335px -49px
}

.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon {
    background-position: -293px -91px
}

.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon {
    background-position: -335px -91px
}

.fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-icon {
    -moz-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    opacity: .8
}

.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled {
    background-position: -167px -49px
}

.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled {
    background-position: -209px -91px
}

.fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-icon {
    opacity: 1
}

.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled {
    background-position: -293px -49px
}

.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled {
    background-position: -335px -91px
}

.fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-disabled, .fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled {
    opacity: .5
}

.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
    background-position: -251px -49px
}

.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
    background-position: -251px -91px
}

.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background, .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background {
    filter: alpha(opacity=50)
}

.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
    background-position: -377px -49px
}

.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
    background-position: -377px -91px
}

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos] {
    pointer-events: none
}

[data-aos].aos-animate {
    pointer-events: auto
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

@media screen {
    html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
        opacity: 0;
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform
    }

    html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    html:not(.no-js) [data-aos=fade-up] {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translateY(100px)
    }

    html:not(.no-js) [data-aos=fade-down] {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translateY(-100px)
    }

    html:not(.no-js) [data-aos=fade-right] {
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate(-100px)
    }

    html:not(.no-js) [data-aos=fade-left] {
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate(100px)
    }

    html:not(.no-js) [data-aos=fade-up-right] {
        -webkit-transform: translate3d(-100px, 100px, 0);
        transform: translate(-100px, 100px)
    }

    html:not(.no-js) [data-aos=fade-up-left] {
        -webkit-transform: translate3d(100px, 100px, 0);
        transform: translate(100px, 100px)
    }

    html:not(.no-js) [data-aos=fade-down-right] {
        -webkit-transform: translate3d(-100px, -100px, 0);
        transform: translate(-100px, -100px)
    }

    html:not(.no-js) [data-aos=fade-down-left] {
        -webkit-transform: translate3d(100px, -100px, 0);
        transform: translate(100px, -100px)
    }

    html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
        opacity: 0;
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform
    }

    html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
        opacity: 1;
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1)
    }

    html:not(.no-js) [data-aos=zoom-in] {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-up] {
        -webkit-transform: translate3d(0, 100px, 0) scale(.6);
        transform: translateY(100px) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-down] {
        -webkit-transform: translate3d(0, -100px, 0) scale(.6);
        transform: translateY(-100px) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-right] {
        -webkit-transform: translate3d(-100px, 0, 0) scale(.6);
        transform: translate(-100px) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-left] {
        -webkit-transform: translate3d(100px, 0, 0) scale(.6);
        transform: translate(100px) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-out] {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-up] {
        -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
        transform: translateY(100px) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-down] {
        -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
        transform: translateY(-100px) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-right] {
        -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
        transform: translate(-100px) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-left] {
        -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
        transform: translate(100px) scale(1.2)
    }

    html:not(.no-js) [data-aos^=slide][data-aos^=slide] {
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        visibility: hidden
    }

    html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate {
        visibility: visible;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    html:not(.no-js) [data-aos=slide-up] {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translateY(100%)
    }

    html:not(.no-js) [data-aos=slide-down] {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translateY(-100%)
    }

    html:not(.no-js) [data-aos=slide-right] {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate(-100%)
    }

    html:not(.no-js) [data-aos=slide-left] {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate(100%)
    }

    html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform
    }

    html:not(.no-js) [data-aos=flip-left] {
        -webkit-transform: perspective(2500px) rotateY(-100deg);
        transform: perspective(2500px) rotateY(-100deg)
    }

    html:not(.no-js) [data-aos=flip-left].aos-animate {
        -webkit-transform: perspective(2500px) rotateY(0);
        transform: perspective(2500px) rotateY(0)
    }

    html:not(.no-js) [data-aos=flip-right] {
        -webkit-transform: perspective(2500px) rotateY(100deg);
        transform: perspective(2500px) rotateY(100deg)
    }

    html:not(.no-js) [data-aos=flip-right].aos-animate {
        -webkit-transform: perspective(2500px) rotateY(0);
        transform: perspective(2500px) rotateY(0)
    }

    html:not(.no-js) [data-aos=flip-up] {
        -webkit-transform: perspective(2500px) rotateX(-100deg);
        transform: perspective(2500px) rotateX(-100deg)
    }

    html:not(.no-js) [data-aos=flip-up].aos-animate {
        -webkit-transform: perspective(2500px) rotateX(0);
        transform: perspective(2500px) rotateX(0)
    }

    html:not(.no-js) [data-aos=flip-down] {
        -webkit-transform: perspective(2500px) rotateX(100deg);
        transform: perspective(2500px) rotateX(100deg)
    }

    html:not(.no-js) [data-aos=flip-down].aos-animate {
        -webkit-transform: perspective(2500px) rotateX(0);
        transform: perspective(2500px) rotateX(0)
    }
}

@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
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.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-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

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

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.visually-hidden {
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0
}

.visually-hidden.focusable:active, .visually-hidden.focusable:focus {
    width: auto;
    height: auto;
    margin: 0;
    position: static;
    white-space: inherit;
    overflow: visible;
    clip: auto
}

* {
    outline: 0 !important;
    -webkit-tap-highlight-color: transparent !important
}

*, *:before, *:after {
    box-sizing: border-box
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-size-adjust: 100%;
    background: #fff
}

img {
    height: auto;
    vertical-align: top
}

svg {
    max-width: 100%;
    height: auto;
    max-height: 100%
}

a, button {
    cursor: pointer
}

button {
    text-align: left
}

select {
    cursor: pointer
}

.fb-xfbml-parse-ignore {
    visibility: hidden
}

body {
    font-size: 1.8rem;
    line-height: 1.5555555556;
    color: #000;
    font-family: Montserrat, sans-serif
}

@media screen and (max-width: 767px) {
    body {
        font-size: 1.6rem;
        line-height: 1.625
    }
}

select, input, textarea {
    color: inherit
}

::selection {
    color: #000;
    text-shadow: none;
    background: #BBE2FF
}

h1, .h1 {
    font-size: 6rem;
    line-height: 1.1666666667
}

@media screen and (max-width: 1079px) {
    h1, .h1 {
        font-size: 5rem
    }
}

@media screen and (max-width: 767px) {
    h1, .h1 {
        font-size: 4rem
    }
}

h2, .h2 {
    font-size: 3.6rem;
    line-height: 1.2777777778;
    letter-spacing: -.02em
}

@media screen and (max-width: 767px) {
    h2, .h2 {
        font-size: 2.8rem
    }
}

h3, .h3 {
    font-size: 2.2rem;
    line-height: 1.8181818182
}

@media screen and (max-width: 767px) {
    h3, .h3 {
        font-size: 2rem
    }
}

h4, .h4 {
    font-size: 2.5rem;
    line-height: 1.2
}

@media screen and (max-width: 767px) {
    h4, .h4 {
        font-size: 2.2rem
    }
}

a {
    color: inherit;
    text-decoration: none
}

a:link {
    -webkit-tap-highlight-color: #BBE2FF
}

address {
    font-style: normal
}

small {
    font-size: inherit
}

@keyframes appear {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes appear-zoom {
    0% {
        transform: scale(.9);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes disappear {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes zoom {
    0% {
        transform: scale(.9)
    }
    to {
        transform: scale(1)
    }
}

@keyframes zoom-out {
    0% {
        transform: scale(1)
    }
    to {
        transform: scale(.95)
    }
}

@keyframes appear-up {
    0% {
        transform: translateY(1rem);
        opacity: 0
    }
    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes appear-up-long {
    0% {
        transform: translateY(4rem);
        opacity: 0
    }
    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes appear-left {
    0% {
        transform: translate(1rem);
        opacity: 0
    }
    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes appear-left-long {
    0% {
        transform: translate(4rem);
        opacity: 0
    }
    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes appear-down {
    0% {
        transform: translateY(-1rem);
        opacity: 0
    }
    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes appear-down-long {
    0% {
        transform: translateY(-4rem);
        opacity: 0
    }
    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes appear-right {
    0% {
        transform: translate(-1rem);
        opacity: 0
    }
    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes appear-right-long {
    0% {
        transform: translate(-4rem);
        opacity: 0
    }
    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes move-up {
    0% {
        transform: translateY(1rem)
    }
    to {
        transform: translate(0)
    }
}

@keyframes move-up-long {
    0% {
        transform: translateY(4rem)
    }
    to {
        transform: translate(0)
    }
}

@keyframes move-left {
    0% {
        transform: translate(1rem)
    }
    to {
        transform: translate(0)
    }
}

@keyframes move-left-long {
    0% {
        transform: translate(4rem)
    }
    to {
        transform: translate(0)
    }
}

@keyframes move-down {
    0% {
        transform: translateY(-1rem)
    }
    to {
        transform: translate(0)
    }
}

@keyframes move-down-long {
    0% {
        transform: translateY(-4rem)
    }
    to {
        transform: translate(0)
    }
}

@keyframes move-right {
    0% {
        transform: translate(-1rem)
    }
    to {
        transform: translate(0)
    }
}

@keyframes move-right-long {
    0% {
        transform: translate(-4rem)
    }
    to {
        transform: translate(0)
    }
}

@keyframes down-back {
    0% {
        transform: translate(0)
    }
    to {
        transform: translateY(-1rem)
    }
}

@keyframes appear-width {
    0% {
        width: 0;
        opacity: 0
    }
    to {
        width: 100%;
        opacity: 1
    }
}

@keyframes bounce {
    0% {
        transform: translate(0)
    }
    40% {
        transform: translate(0)
    }
    45% {
        transform: translateY(-3px)
    }
    50% {
        transform: translate(0)
    }
    55% {
        transform: translate(0)
    }
    60% {
        transform: translateY(-3px)
    }
    65% {
        transform: translate(0)
    }
    to {
        transform: translate(0)
    }
}

@keyframes bounce-bg {
    0% {
        background-position: 50%, 50%
    }
    40% {
        background-position: 50%, 50%
    }
    45% {
        background-position: 50%, calc(50% - 3px)
    }
    50% {
        background-position: 50%, 50%
    }
    55% {
        background-position: 50%, 50%
    }
    60% {
        background-position: 50%, calc(50% - 3px)
    }
    65% {
        background-position: 50%, 50%
    }
    to {
        background-position: 50%, 50%
    }
}

[data-in-viewport] {
    animation-duration: .6s;
    animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    animation-fill-mode: forwards
}

[data-in-viewport][data-in-viewport-delay="1"] {
    animation-delay: .3s
}

[data-in-viewport][data-in-viewport-delay="2"] {
    animation-delay: .4s
}

[data-in-viewport][data-in-viewport-delay="3"] {
    animation-delay: .5s
}

[data-in-viewport][data-in-viewport-delay="4"] {
    animation-delay: .6s
}

[data-in-viewport][data-in-viewport-delay="5"] {
    animation-delay: .7s
}

[data-in-viewport][data-in-viewport-delay="6"] {
    animation-delay: .8s
}

[data-in-viewport][data-in-viewport-delay="7"] {
    animation-delay: .9s
}

[data-in-viewport][data-in-viewport-delay="8"] {
    animation-delay: 1s
}

[data-in-viewport][data-in-viewport-delay="9"] {
    animation-delay: 1.1s
}

[data-in-viewport][data-in-viewport-delay="10"] {
    animation-delay: 1.2s
}

[data-in-viewport][data-in-viewport-delay="11"] {
    animation-delay: 1.3s
}

[data-in-viewport][data-in-viewport-delay="12"] {
    animation-delay: 1.4s
}

[data-in-viewport][data-in-viewport-delay="13"] {
    animation-delay: 1.5s
}

[data-in-viewport][data-in-viewport-delay="14"] {
    animation-delay: 1.6s
}

[data-in-viewport=fade] {
    opacity: 0
}

[data-in-viewport=fade].is-in-viewport {
    animation-name: appear
}

@media screen and (max-width: 1279px) {
    [data-in-viewport=fade].is-in-viewport {
        animation-name: none;
        opacity: 1
    }
}

[data-in-viewport=left] {
    opacity: 0
}

[data-in-viewport=left].is-in-viewport {
    animation-name: appear-right
}

@media screen and (max-width: 1279px) {
    [data-in-viewport=left].is-in-viewport {
        animation-name: none;
        opacity: 1
    }
}

[data-in-viewport=right] {
    opacity: 0
}

[data-in-viewport=right].is-in-viewport {
    animation-name: appear-left
}

@media screen and (max-width: 1279px) {
    [data-in-viewport=right].is-in-viewport {
        animation-name: none;
        opacity: 1
    }
}

[data-in-viewport=bottom] {
    opacity: 0
}

[data-in-viewport=bottom].is-in-viewport {
    animation-name: appear-up
}

@media screen and (max-width: 1279px) {
    [data-in-viewport=bottom].is-in-viewport {
        animation-name: none;
        opacity: 1
    }
}

[data-in-viewport=top] {
    opacity: 0
}

[data-in-viewport=top].is-in-viewport {
    animation-name: appear-down
}

@media screen and (max-width: 1279px) {
    [data-in-viewport=top].is-in-viewport {
        animation-name: none;
        opacity: 1
    }
}

input, select, button, textarea {
    padding: 0;
    color: inherit;
    font: inherit;
    border: 0;
    border-radius: 0;
    background: none;
    appearance: none;
    -webkit-font-smoothing: antialiased
}

textarea {
    resize: vertical
}

form.loading, .file-upload-wrapper.loading {
    cursor: wait
}

form.loading > *, .file-upload-wrapper.loading > * {
    cursor: wait;
    pointer-events: none;
    opacity: .5
}

.alert {
    width: 100%;
    display: flex;
    flex-direction: column
}

.alert__message {
    font-size: 1.6rem;
    line-height: 1.75;
    margin-top: 3rem;
    padding: 1.4rem 3rem;
    border-radius: 6rem
}

.alert__message.has-error {
    background-color: #ff1950;
    color: #fff;
    text-align: left
}

.alert__message.is-success {
    background-color: #e5ecef;
    text-align: center
}

.form .alert__message {
    margin-top: 0;
    margin-bottom: 4rem
}

.breadcrumbs {
    padding-left: var(--margin);
    padding-right: var(--margin);
    margin-top: -4rem;
    padding-bottom: 8.5rem
}

.breadcrumbs__container {
    max-width: 172rem;
    margin-inline: auto
}

@media screen and (max-width: 1279px) {
    .breadcrumbs__container {
        max-width: 100%
    }
}

@media screen and (max-width: 1079px) {
    .breadcrumbs {
        padding-bottom: 6rem;
        margin-top: -2rem
    }
}

.breadcrumbs__container {
    display: flex;
    flex-wrap: wrap
}

.breadcrumbs__item {
    font-size: 1.4rem;
    line-height: 1.8571428571;
    color: #646464
}

.breadcrumbs__item:is(:last-child) {
    font-weight: 500
}

.breadcrumbs__item:not(:is(:last-child)):after {
    content: ">";
    margin-inline: 1rem 1.3rem
}

.breadcrumbs__link {
    display: inline-flex;
    align-items: center;
    transition: color .3s ease;
    color: currentColor
}

.breadcrumbs__link img {
    margin-right: .7rem;
    width: 1.1rem
}

@media screen and (max-width: 767px) {
    .breadcrumbs__link img {
        margin-top: -.2em
    }
}

@media (hover: hover) and (pointer: fine) {
    .breadcrumbs__link:hover {
        color: #000
    }
}

.breadcrumbs__link:focus-visible {
    color: #000
}

.burger {
    display: none;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    width: 24px;
    height: 16px;
    margin: -5px;
    padding: 5px;
    box-sizing: content-box;
    position: relative;
    z-index: 6001
}

.burger:before, .burger:after {
    transition: transform .3s
}

.burger-label {
    transition: .3s .15s;
    transition-property: opacity, transform
}

.menu-visible .burger:before, .menu-visible .burger:after {
    transform: none;
    animation-duration: .3s
}

.menu-visible .burger:before {
    animation-name: burger-squeeze-top
}

.menu-visible .burger-label {
    transition-delay: 0ms;
    opacity: 0
}

.menu-visible .burger:after {
    animation-name: burger-squeeze-bottom
}

@keyframes burger-squeeze-open-top {
    0% {
        transform: none
    }
    50% {
        transform: translateY(7px)
    }
}

@media screen and (max-width: 1079px) {
    .burger {
        display: flex
    }
}

.burger:before, .burger__label, .burger:after {
    height: 2px;
    background-color: currentColor
}

.burger:before, .burger:after {
    content: "";
    display: block
}

.burger__label {
    font-size: 0
}

.menu-visible .burger:before {
    transform: translateY(7px) rotate(45deg)
}

.menu-visible .burger:after {
    transform: translateY(-7px) rotate(-45deg)
}

.menu-visible .burger__label {
    transform: scaleX(0)
}

.button {
    font-size: 2.2rem;
    line-height: 1.8181818182;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 5.7rem;
    line-height: 1.1;
    transition: background-color .3s ease, border-color .3s ease, color .3s ease;
    border-radius: 6rem;
    padding: 1.5rem 5rem;
    font-weight: 500;
    color: #000
}

@media screen and (max-width: 767px) {
    .button {
        font-size: 2rem
    }
}

.button--primary {
    background: #BBE2FF
}

@media (hover: hover) and (pointer: fine) {
    .button--primary:hover {
        background: #0885FF;
        color: #fff
    }
}

.button--primary:focus-visible {
    background: #0885FF;
    color: #fff
}

.button--default {
    border: 1px solid #000
}

@media (hover: hover) and (pointer: fine) {
    .button--default:hover {
        border-color: #0885ff;
        color: #0885ff
    }
}

.button--default:focus-visible {
    border-color: #0885ff;
    color: #0885ff
}

.checkbox {
    position: relative;
    display: flex;
    cursor: pointer
}

.checkbox__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none
}

.checkbox__icon {
    width: 1.7rem;
    height: 1.7rem;
    background: url(./../img/icons/common/checkbox.svg) center no-repeat;
    background-size: 100%
}

.checkbox__input:checked + .checkbox__icon {
    background-image: url(./../img/icons/common/checkbox-checked.svg)
}

.checkbox__desc {
    max-width: calc(100% - 1.7rem);
    padding-left: .9rem;
    margin-top: -.3em
}

.checkbox__desc a {
    font-weight: 500;
    transition: color .3s ease
}

@media (hover: hover) and (pointer: fine) {
    .checkbox__desc a:hover {
        color: #bbe2ff
    }
}

.checkbox__desc a:focus-visible {
    color: #bbe2ff
}

.footer {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding-top: 5.6rem;
    padding-bottom: 3rem;
    padding-left: var(--margin);
    padding-right: var(--margin)
}

@media screen and (max-width: 767px) {
    .footer {
        padding-top: 4rem;
        padding-bottom: 2rem
    }
}

.footer__container {
    max-width: 172rem;
    margin-inline: auto
}

@media screen and (max-width: 1279px) {
    .footer__container {
        max-width: 100%
    }
}

.footer__container {
    display: grid;
    grid-template-columns:repeat(var(--columns-count), 1fr);
    column-gap: var(--gutter);
    row-gap: 5rem
}

@media screen and (max-width: 767px) {
    .footer__container {
        row-gap: 4rem
    }
}

.footer__address {
    grid-column-start: 1;
    grid-column-end: 4;
    font-size: 2.2rem;
    line-height: 1.8181818182;
    font-weight: 500;
    font-style: normal
}

@media screen and (max-width: 767px) {
    .footer__address {
        font-size: 2rem
    }
}

@media screen and (max-width: 767px) {
    .footer__address {
        grid-column: 1/-1
    }
}

.footer__address a {
    transition: color .3s ease
}

@media (hover: hover) and (pointer: fine) {
    .footer__address a:hover {
        color: #0885ff
    }
}

.footer__address a:focus-visible {
    color: #0885ff
}

.footer__shortlinks--1 {
    grid-column-start: 11;
    grid-column-end: 13
}

@media screen and (max-width: 1079px) {
    .footer__shortlinks--1 {
        grid-column-start: 9;
        grid-column-end: 12
    }
}

@media screen and (max-width: 767px) {
    .footer__shortlinks--1 {
        grid-column-start: 1;
        grid-column-end: 3
    }
}

@media screen and (max-width: 449px) {
    .footer__shortlinks--1 {
        grid-column: 1/-1
    }
}

.footer__shortlinks--2 {
    grid-column-start: 13;
    grid-column-end: 15
}

@media screen and (max-width: 1079px) {
    .footer__shortlinks--2 {
        grid-column-start: 12;
        grid-column-end: 15
    }
}

@media screen and (max-width: 767px) {
    .footer__shortlinks--2 {
        grid-column-start: 3;
        grid-column-end: 5
    }
}

@media screen and (max-width: 449px) {
    .footer__shortlinks--2 {
        grid-column: 1/-1
    }
}

.footer__shortlinks--3 {
    grid-column-start: 15;
    grid-column-end: 17;
    text-align: right
}

@media screen and (max-width: 767px) {
    .footer__shortlinks--3 {
        grid-column-start: 5;
        grid-column-end: 7;
        text-align: left
    }
}

@media screen and (max-width: 449px) {
    .footer__shortlinks--3 {
        grid-column: 1/-1
    }
}

.footer__info {
    grid-column: 1/-1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 3rem;
    position: relative
}

@media screen and (max-width: 767px) {
    .footer__info {
        padding-top: 2rem
    }
}

@media screen and (max-width: 449px) {
    .footer__info {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start
    }
}

.footer__info:before {
    content: "";
    height: 1px;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    background: #000
}

.dev {
    display: flex;
    align-items: center;
    column-gap: 1rem
}

.dev__logo {
    display: flex;
    align-items: center;
    width: 17.6rem
}

.dev__logo img {
    width: 100%
}

.form__fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.form__group {
    position: relative;
    margin-bottom: 4rem;
    width: calc(50% - var(--gutter) / 2);
    align-self: flex-start
}

@media screen and (max-width: 1079px) {
    .form__group {
        width: 100%
    }
}

.form__group--full {
    width: 100%
}

.form__group--sum {
    width: 43%;
    margin-bottom: 0
}

@media screen and (max-width: 1279px) {
    .form__group--sum {
        width: calc(33.333% - 1rem)
    }
}

@media screen and (max-width: 1079px) {
    .form__group--sum {
        width: 100%;
        margin-bottom: 4rem;
        margin-right: 0
    }
}

.form__field {
    border: 1px solid #D9D9D9;
    display: block;
    width: 100%;
    height: 5.7rem;
    padding: 1rem 4rem;
    text-align: left;
    border-radius: 3rem;
    font-size: 1.8rem;
    line-height: 1.5555555556;
    transition: border-color .3s ease;
    background: #fff
}

@media screen and (max-width: 767px) {
    .form__field {
        font-size: 1.6rem;
        line-height: 1.625
    }
}

.form__field--message {
    height: 23.4rem;
    resize: none;
    padding-top: 1.9rem
}

.has-error .form__field {
    border-color: #ff1950
}

.form__label {
    transition: transform .3s ease;
    padding: .3rem 2.1rem .3rem 1.4rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2.6rem;
    background: #fff;
    pointer-events: none;
    transition: .3s ease;
    text-align: left
}

.form__label--message {
    top: 2.9rem
}

.form__field:not(:placeholder-shown) + .form__label, .form__field:focus + .form__label {
    margin-top: -3rem;
    color: #878787;
    font-size: 1.4rem;
    transform: translateY(-50%)
}

.has-error .form__field:not(:placeholder-shown) + .form__label, .has-error .form__field:focus + .form__label {
    color: #ff1950
}

.has-error .form__label {
    color: #ff1950
}

.form__additional {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.form__agreement {
    margin-bottom: 4rem
}

@media screen and (max-width: 1365px) {
    .form__agreement {
        margin-bottom: 3rem
    }
}

.form__upload {
    display: flex;
    gap: 11rem;
    margin-bottom: 3.2rem
}

@media screen and (max-width: 767px) {
    .form__upload {
        row-gap: 2rem;
        flex-direction: column
    }
}

.form__upload-btn {
    min-height: 4rem;
    padding: .5rem 2rem;
    align-self: start
}

.form__upload-text {
    font-weight: 600;
    display: block;
    color: #646464
}

.form__button {
    height: 5.7rem;
    margin-left: 3rem;
    width: 43%
}

@media screen and (max-width: 1079px) {
    .form__button {
        width: auto;
        margin-left: auto
    }
}

.form-files {
    display: flex;
    flex-direction: column
}

.form-files__title {
    color: #646464
}

.form-files__link {
    color: #bbe2ff;
    transition: color .3s ease
}

@media (hover: hover) and (pointer: fine) {
    .form-files__link:hover {
        color: #000
    }
}

.form-files__link:focus-visible {
    color: #000
}

.header {
    position: sticky;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 6000;
    background: #fff;
    padding-left: var(--margin);
    padding-right: var(--margin)
}

.header__container {
    max-width: 172rem;
    margin-inline: auto
}

@media screen and (max-width: 1279px) {
    .header__container {
        max-width: 100%
    }
}

.header__container {
    display: grid;
    grid-template-columns:repeat(var(--columns-count), 1fr);
    column-gap: var(--gutter);
    align-items: center;
    position: relative
}

.header__container:before, .header__container:after {
    content: "";
    height: 1px;
    width: 100vw;
    left: 50%;
    transform: translate(-50%);
    position: absolute;
    z-index: 6001;
    background: #000
}

.header__container:before {
    top: 0
}

.header__container:after {
    bottom: 0
}

@media screen and (max-width: 1079px) {
    .header__container {
        padding-block: 2rem;
        display: flex
    }
}

.header__logo {
    grid-column-start: 1;
    grid-column-end: 3;
    display: block;
    position: relative;
    z-index: 6001;
    pointer-events: none
}

@media screen and (max-width: 1079px) {
    .header__logo {
        margin-right: auto
    }
}

.header__logo img, .header__logo svg {
    width: 12.8rem;
    pointer-events: all
}

.header__nav {
    grid-column-start: 4;
    grid-column-end: 14
}

.header__cta {
    grid-column-start: 14;
    grid-column-end: 17;
    padding-left: 2rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    z-index: 6001
}

.heading {
    padding-left: var(--margin);
    padding-right: var(--margin);
    padding-bottom: 12rem
}

.heading__container {
    max-width: 172rem;
    margin-inline: auto
}

@media screen and (max-width: 1279px) {
    .heading__container {
        max-width: 100%
    }
}

@media screen and (max-width: 1079px) {
    .heading {
        padding-bottom: 8rem
    }
}

.heading__container {
    display: grid;
    grid-template-columns:repeat(var(--columns-count), 1fr);
    column-gap: var(--gutter);
    align-items: end
}

@media screen and (max-width: 767px) {
    .heading__container {
        row-gap: 4rem
    }
}

.heading__content {
    grid-column-start: 1;
    grid-column-end: 13
}

@media screen and (max-width: 767px) {
    .heading__content {
        grid-column: 1/-1
    }
}

.heading__cta {
    grid-column-start: 13;
    grid-column-end: 17
}

@media screen and (max-width: 767px) {
    .heading__cta {
        grid-column: 1/-1
    }
}

.heading__title {
    font-size: 1.6rem;
    line-height: 1.875;
    letter-spacing: .25em;
    text-transform: uppercase;
    font-family: Syne, sans-serif;
    display: block
}

.heading__title:not(:last-child) {
    margin-bottom: 1.6rem
}

.heading__desc {
    font-size: 3.6rem;
    line-height: 1.2777777778;
    letter-spacing: -.02em;
    font-weight: 600
}

@media screen and (max-width: 767px) {
    .heading__desc {
        font-size: 2.8rem
    }
}

.heading__desc em, .heading__desc u {
    position: relative
}

.heading__desc em:before, .heading__desc u:before {
    content: "";
    height: 100%;
    width: calc(100% + 5.2rem);
    background: #BBE2FF;
    position: absolute;
    left: -2.6rem;
    top: 0;
    z-index: -1;
    border-radius: 6rem
}

@media screen and (max-width: 767px) {
    .heading__desc em:before, .heading__desc u:before {
        width: calc(100% + 2rem);
        left: -1rem
    }
}

@media screen and (max-width: 519px) {
    .heading__link--desktop.link {
        display: none
    }
}

.heading__btn--mobile {
    display: none
}

@media screen and (max-width: 519px) {
    .heading__btn--mobile {
        display: inline-flex
    }
}

.hero {
    position: relative
}

.hero:not(:last-child) {
    margin-bottom: 8.5rem
}

@media screen and (max-width: 1079px) {
    .hero:not(:last-child) {
        margin-bottom: 8rem
    }
}

.hero__media {
    position: relative
}

.hero__image {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    position: relative;
    overflow: hidden;
    border-radius: .5rem;
    min-height: 20rem;
    display: block
}

.hero__image video, .hero__image img, .hero__image iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.hero__image video, .hero__image img {
    object-fit: cover
}

.hero__image:before {
    content: "";
    display: block;
    padding-top: 23.257287706%
}

.hero__image:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    inset: 0;
    background: rgba(187, 226, 255, .31)
}

.hero__decoration {
    top: 7.7rem;
    right: -13.4rem;
    width: 37.5rem;
    position: absolute;
    z-index: -1;
    user-select: none
}

@media screen and (max-width: 1365px) {
    .hero__decoration {
        width: 32rem
    }
}

@media screen and (max-width: 1279px) {
    .hero__decoration {
        width: 26rem;
        top: 7rem;
        right: -10rem
    }
}

@media screen and (max-width: 1079px) {
    .hero__decoration {
        width: 14rem;
        top: 10rem;
        right: -6rem
    }
}

@media screen and (max-width: 767px) {
    .hero__decoration {
        display: none
    }
}

.hero__decoration img, .hero__decoration svg {
    width: 100%
}

.link {
    display: inline-flex;
    align-items: center;
    column-gap: 3rem
}

@media (hover: hover) and (pointer: fine) {
    .link:hover .link__icon {
        transform: rotate(-45deg)
    }
}

.link:focus-visible .link__icon {
    transform: rotate(-45deg)
}

.link__title {
    font-size: 2.2rem;
    line-height: 1.8181818182;
    font-weight: 500
}

@media screen and (max-width: 767px) {
    .link__title {
        font-size: 2rem
    }
}

.link__icon {
    width: 2rem;
    transition: transform .3s ease
}

.link__icon img, .link__icon svg {
    display: block;
    width: 100%
}

.menu {
    display: grid;
    grid-template-columns:repeat(5, 1fr)
}

@media screen and (max-width: 1079px) {
    .menu {
        display: flex;
        flex-direction: column;
        gap: 2.6rem
    }
}

.menu__item {
    border-right: 1px solid #000
}

.menu__item:first-child {
    border-left: 1px solid #000
}

@media screen and (max-width: 1079px) {
    .menu__item:first-child {
        border-left: none
    }
}

@media screen and (max-width: 1079px) {
    .menu__item {
        border-right: none
    }
}

.menu__link {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: var(--header-height);
    padding: 1rem 2rem;
    width: 100%;
    transition: color .3s ease
}

@media screen and (max-width: 1079px) {
    .menu__link {
        font-size: 3.6rem;
        line-height: 1.2777777778;
        letter-spacing: -.02em;
        padding: 0;
        height: auto
    }
}

@media screen and (max-width: 1079px) and (max-width: 767px) {
    .menu__link {
        font-size: 2.8rem
    }
}

@media (hover: hover) and (pointer: fine) {
    .menu__link:hover {
        color: #0885ff
    }
}

.menu__link:focus-visible {
    color: #0885ff
}

.menu__link.is-active {
    color: #0885ff
}

@media screen and (max-width: 1079px) {
    .nav {
        position: fixed;
        top: 0;
        height: 100svh;
        width: 100vw;
        left: 0;
        z-index: 6000;
        visibility: hidden;
        overflow-x: hidden;
        overflow-y: auto;
        transition: .3s;
        transition-timing-function: cubic-bezier(.42, 0, .58, 1);
        transition-property: opacity, visibility;
        opacity: 0;
        pointer-events: none;
        background: #fff;
        padding: 15rem var(--margin) 10rem;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media screen and (max-width: 1279px) {
    .menu-visible .nav {
        visibility: visible;
        transition-timing-function: cubic-bezier(.165, .84, .44, 1);
        opacity: 1;
        pointer-events: all
    }
}

@media screen and (max-width: 1279px) {
    .menu-hide-immediately .nav {
        transition-duration: 0ms
    }
}

.nav__cta {
    display: none
}

.pagination {
    display: flex;
    align-items: center;
    margin-top: 7.7rem;
    width: 100%
}

@media screen and (max-width: 1679px) {
    .pagination {
        margin-top: 6rem
    }
}

@media screen and (max-width: 767px) {
    .pagination {
        margin-top: 4rem
    }
}

.pagination__nav, .pagination__page {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border: 1px solid #000;
    height: 4.4rem;
    width: 4.4rem;
    margin-right: .8rem;
    font-size: 1.4rem;
    border-radius: .2rem
}

@media screen and (max-width: 1365px) {
    .pagination__nav, .pagination__page {
        height: 3.6rem;
        width: 3.6rem
    }
}

.pagination__nav:last-child, .pagination__page:last-child {
    margin-right: 0
}

.pagination__nav {
    transition: border-color .3s ease
}

.pagination__nav img {
    width: .7rem
}

@media (hover: hover) and (pointer: fine) {
    .pagination__nav:hover {
        border-color: #000
    }
}

.pagination__nav:focus-visible {
    border-color: #000
}

.pagination__page {
    transition: background-color .3s ease, color .3s ease, border-color .3s ease;
    line-height: 1
}

@media screen and (max-width: 767px) {
    .pagination__page {
        display: none
    }
}

.pagination__page.is-active {
    background-color: #000;
    color: #fff
}

@media (hover: hover) and (pointer: fine) {
    .pagination__page:hover {
        background-color: #000;
        color: #fff
    }
}

.pagination__page:focus-visible {
    background-color: #000;
    color: #fff
}

.pagination__select {
    margin-right: .8rem;
    border: 1px solid #000;
    padding: 1rem 3.5rem 1rem 1.7rem;
    min-width: 9rem;
    background: transparent url(./../img/icons/common/pagination-dropdown.svg) center right 2rem no-repeat;
    appearance: none;
    cursor: pointer;
    border-radius: .3rem;
    min-height: 4.4rem;
    font-size: 1.4rem;
    background-size: .8rem
}

@media screen and (max-width: 1365px) {
    .pagination__select {
        min-height: 3.6rem;
        padding: .5rem 3.5rem .5rem 1.5rem;
        background-position: center right 1.5rem
    }
}

.pagination__select:last-child {
    margin-right: 0
}

.shortlinks {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem
}

@media screen and (max-width: 1079px) {
    .shortlinks {
        row-gap: 1rem
    }
}

.shortlinks__link {
    transition: color .3s ease
}

@media (hover: hover) and (pointer: fine) {
    .shortlinks__link:hover {
        color: #0885ff
    }
}

.shortlinks__link:focus-visible {
    color: #0885ff
}

.shortlinks__link.is-active {
    color: #0885ff
}

.cta {
    padding-bottom: 12.6rem;
    padding-left: var(--margin);
    padding-right: var(--margin)
}

@media screen and (max-width: 1079px) {
    .cta {
        padding-bottom: 8rem
    }
}

.cta__container {
    max-width: 172rem;
    margin-inline: auto
}

@media screen and (max-width: 1279px) {
    .cta__container {
        max-width: 100%
    }
}

.cta__container {
    display: grid;
    grid-template-columns:repeat(var(--columns-count), 1fr);
    column-gap: var(--gutter);
    row-gap: 2rem;
    align-items: end
}

@media screen and (max-width: 767px) {
    .cta__container {
        row-gap: 1.6rem
    }
}

.cta__title {
    font-size: 1.6rem;
    line-height: 1.875;
    letter-spacing: .25em;
    grid-column: 1/-1;
    text-transform: uppercase;
    font-family: Syne, sans-serif
}

.cta__desc {
    grid-column-start: 1;
    grid-column-end: 13;
    font-size: 3.6rem;
    line-height: 1.2777777778;
    letter-spacing: -.02em
}

@media screen and (max-width: 767px) {
    .cta__desc {
        font-size: 2.8rem
    }
}

@media screen and (max-width: 767px) {
    .cta__desc {
        grid-column: 1/-1
    }
}

.cta__desc a {
    font-size: 8rem;
    line-height: 1;
    transition: color .3s ease
}

@media screen and (max-width: 1079px) {
    .cta__desc a {
        font-size: 6rem
    }
}

@media screen and (max-width: 767px) {
    .cta__desc a {
        font-size: 5rem
    }
}

@media screen and (max-width: 449px) {
    .cta__desc a {
        font-size: 4rem
    }
}

@media (hover: hover) and (pointer: fine) {
    .cta__desc a:hover {
        color: #0885ff
    }
}

.cta__desc a:focus-visible {
    color: #0885ff
}

.cta__cta {
    grid-column-start: 13;
    grid-column-end: 17
}

@media screen and (max-width: 767px) {
    .cta__cta {
        grid-column: 1/-1
    }
}

.newsletter {
    padding-bottom: 12.6rem;
    padding-left: var(--margin);
    padding-right: var(--margin)
}

@media screen and (max-width: 1079px) {
    .newsletter {
        padding-bottom: 8rem
    }
}

.newsletter__container {
    max-width: 172rem;
    margin-inline: auto
}

@media screen and (max-width: 1279px) {
    .newsletter__container {
        max-width: 100%
    }
}

.newsletter__container {
    display: grid;
    grid-template-columns:repeat(var(--columns-count), 1fr);
    column-gap: var(--gutter);
    border-radius: 6rem;
    border: 1px solid #000;
    padding-block: 5rem 8rem;
    align-items: end
}

@media screen and (max-width: 1079px) {
    .newsletter__container {
        padding-block: 4rem
    }
}

@media screen and (max-width: 767px) {
    .newsletter__container {
        padding-inline: 4rem
    }
}

.newsletter__group, .newsletter__alert {
    grid-column-start: 9;
    grid-column-end: 15
}

@media screen and (max-width: 1079px) {
    .newsletter__group, .newsletter__alert {
        grid-column-start: 9;
        grid-column-end: 16
    }
}

@media screen and (max-width: 767px) {
    .newsletter__group, .newsletter__alert {
        grid-column: 1/-1
    }
}

.newsletter__title {
    grid-column-start: 3;
    grid-column-end: 8;
    font-size: 3.6rem;
    line-height: 1.2777777778;
    letter-spacing: -.02em;
    font-weight: 600
}

@media screen and (max-width: 767px) {
    .newsletter__title {
        font-size: 2.8rem
    }
}

@media screen and (max-width: 1079px) {
    .newsletter__title {
        grid-column-start: 2;
        grid-column-end: 8
    }
}

@media screen and (max-width: 767px) {
    .newsletter__title {
        grid-column: 1/-1
    }

    .newsletter__title:not(:last-child) {
        margin-bottom: 4rem
    }
}

.newsletter__title em, .newsletter__title u {
    position: relative
}

.newsletter__title em:before, .newsletter__title u:before {
    content: "";
    height: 100%;
    width: calc(100% + 5.2rem);
    background: #BBE2FF;
    position: absolute;
    left: -2.6rem;
    top: 0
}

@media screen and (max-width: 767px) {
    .newsletter__title em:before, .newsletter__title u:before {
        width: calc(100% + 2rem);
        left: -1rem
    }
}

.newsletter__group {
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.newsletter__checkbox {
    grid-column-start: 3;
    grid-column-end: 9;
    margin-top: 3rem;
    align-self: start
}

@media screen and (max-width: 1079px) {
    .newsletter__checkbox {
        grid-column-start: 2;
        grid-column-end: 8
    }
}

@media screen and (max-width: 767px) {
    .newsletter__checkbox {
        grid-column: 1/-1
    }
}

.newsletter__field {
    font-size: 2.2rem;
    line-height: 1.8181818182;
    width: calc(100% - 8rem);
    font-weight: 500;
    border-bottom: 1px solid #000;
    padding-bottom: .3rem
}

@media screen and (max-width: 767px) {
    .newsletter__field {
        font-size: 2rem
    }
}

.newsletter__field::-webkit-input-placeholder {
    color: #abafb5;
    transition: opacity .3s ease
}

.newsletter__field:-moz-placeholder {
    color: #abafb5;
    transition: opacity .3s ease
}

.newsletter__field::-moz-placeholder {
    color: #abafb5;
    transition: opacity .3s ease
}

.newsletter__field:-ms-input-placeholder {
    color: #abafb5;
    transition: opacity .3s ease
}

.newsletter__field:focus::-webkit-input-placeholder {
    opacity: 0
}

.newsletter__field:focus:-moz-placeholder {
    opacity: 0
}

.newsletter__field:focus::-moz-placeholder {
    opacity: 0
}

.newsletter__field:focus:-ms-input-placeholder {
    opacity: 0
}

.newsletter__btn {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color .3s ease
}

.newsletter__btn img, .newsletter__btn svg {
    width: 2rem
}

.newsletter__btn path {
    transition: fill .3s ease
}

@media (hover: hover) and (pointer: fine) {
    .newsletter__btn:hover {
        border-color: #0885ff
    }

    .newsletter__btn:hover path {
        fill: #0885ff
    }
}

.newsletter__btn:focus-visible {
    border-color: #0885ff
}

.newsletter__btn:focus-visible path {
    fill: #0885ff
}

.latest-posts {
    padding-bottom: 14rem;
    padding-left: var(--margin);
    padding-right: var(--margin)
}

@media screen and (max-width: 1079px) {
    .latest-posts {
        padding-bottom: 8rem
    }
}

.latest-posts__container {
    max-width: 172rem;
    margin-inline: auto
}

@media screen and (max-width: 1279px) {
    .latest-posts__container {
        max-width: 100%
    }
}

.main-heading {
    display: grid;
    grid-template-columns:repeat(var(--columns-count), 1fr);
    column-gap: var(--gutter);
    align-items: end
}

@media screen and (max-width: 767px) {
    .main-heading {
        row-gap: 1.7rem
    }
}

.main-heading:not(:last-child) {
    margin-bottom: 7rem
}

@media screen and (max-width: 1079px) {
    .main-heading:not(:last-child) {
        margin-bottom: 5rem
    }
}

.main-heading__content {
    grid-column-start: 1;
    grid-column-end: 13
}

@media screen and (max-width: 767px) {
    .main-heading__content {
        grid-column: 1/-1
    }
}

.main-heading__cta {
    grid-column-start: 13;
    grid-column-end: 17
}

@media screen and (max-width: 767px) {
    .main-heading__cta {
        grid-column: 1/-1
    }
}

.main-heading__text {
    font-size: 1.6rem;
    line-height: 1.875;
    letter-spacing: .25em;
    text-transform: uppercase;
    font-family: Syne, sans-serif;
    display: block
}

.main-heading__text:not(:last-child) {
    margin-bottom: 1.6rem
}

.main-heading__title {
    font-size: 3.6rem;
    line-height: 1.2777777778;
    letter-spacing: -.02em;
    font-weight: 600
}

@media screen and (max-width: 767px) {
    .main-heading__title {
        font-size: 2.8rem
    }
}

.main-heading__title em, .main-heading__title u {
    position: relative
}

.main-heading__title em:before, .main-heading__title u:before {
    content: "";
    height: 100%;
    width: calc(100% + 5.2rem);
    background: #BBE2FF;
    position: absolute;
    left: -2.6rem;
    top: 0;
    z-index: -1;
    border-radius: 6rem
}

@media screen and (max-width: 767px) {
    .main-heading__title em:before, .main-heading__title u:before {
        width: calc(100% + 2rem);
        left: -1rem
    }
}

.posts-list {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    row-gap: 8rem;
    column-gap: var(--gutter)
}

@media screen and (max-width: 1079px) {
    .posts-list {
        row-gap: 6rem;
        grid-template-columns:repeat(2, 1fr)
    }
}

@media screen and (max-width: 449px) {
    .posts-list {
        grid-template-columns:repeat(1, 1fr)
    }
}

.posts .posts-list {
    grid-template-columns:unset;
    display: grid;
    grid-template-columns:repeat(var(--columns-count), 1fr);
    column-gap: var(--gutter)
}

.posts .posts-list__item:nth-child(11n+1), .posts .posts-list__item:nth-child(11n+8) {
    grid-column-start: 1;
    grid-column-end: 5
}

.posts .posts-list__item:nth-child(11n+2), .posts .posts-list__item:nth-child(11n+9) {
    grid-column-start: 5;
    grid-column-end: 9
}

.posts .posts-list__item:nth-child(11n+3), .posts .posts-list__item:nth-child(11n+6), .posts .posts-list__item:nth-child(11n+10) {
    grid-column-start: 9;
    grid-column-end: 13
}

.posts .posts-list__item:nth-child(11n+4), .posts .posts-list__item:nth-child(11n+7), .posts .posts-list__item:nth-child(11n+11) {
    grid-column-start: 13;
    grid-column-end: 17
}

.posts .posts-list__item:nth-child(11n+5) {
    grid-column-start: 1;
    grid-column-end: 9
}

@media screen and (max-width: 1079px) {
    .posts .posts-list__item:nth-child(11n+5) {
        grid-column: 1/-1
    }
}

@media screen and (max-width: 1079px) {
    .posts .posts-list__item:nth-child(11n+1), .posts .posts-list__item:nth-child(11n+3), .posts .posts-list__item:nth-child(11n+6), .posts .posts-list__item:nth-child(11n+8), .posts .posts-list__item:nth-child(11n+10) {
        grid-column-start: 1;
        grid-column-end: 9
    }
}

@media screen and (max-width: 767px) {
    .posts .posts-list__item:nth-child(11n+1), .posts .posts-list__item:nth-child(11n+3), .posts .posts-list__item:nth-child(11n+6), .posts .posts-list__item:nth-child(11n+8), .posts .posts-list__item:nth-child(11n+10) {
        grid-column-start: 1;
        grid-column-end: 4
    }
}

@media screen and (max-width: 449px) {
    .posts .posts-list__item:nth-child(11n+1), .posts .posts-list__item:nth-child(11n+3), .posts .posts-list__item:nth-child(11n+6), .posts .posts-list__item:nth-child(11n+8), .posts .posts-list__item:nth-child(11n+10) {
        grid-column: 1/-1
    }
}

@media screen and (max-width: 1079px) {
    .posts .posts-list__item:nth-child(11n+2), .posts .posts-list__item:nth-child(11n+4), .posts .posts-list__item:nth-child(11n+7), .posts .posts-list__item:nth-child(11n+9), .posts .posts-list__item:nth-child(11n+11) {
        grid-column-start: 9;
        grid-column-end: 17
    }
}

@media screen and (max-width: 767px) {
    .posts .posts-list__item:nth-child(11n+2), .posts .posts-list__item:nth-child(11n+4), .posts .posts-list__item:nth-child(11n+7), .posts .posts-list__item:nth-child(11n+9), .posts .posts-list__item:nth-child(11n+11) {
        grid-column-start: 4;
        grid-column-end: 7
    }
}

@media screen and (max-width: 449px) {
    .posts .posts-list__item:nth-child(11n+2), .posts .posts-list__item:nth-child(11n+4), .posts .posts-list__item:nth-child(11n+7), .posts .posts-list__item:nth-child(11n+9), .posts .posts-list__item:nth-child(11n+11) {
        grid-column: 1/-1
    }
}

.post-excerpt {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.post-excerpt__thumbnail {
    position: relative
}

.post-excerpt__info {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    padding: 3rem 1.8rem;
    display: flex;
    flex-wrap: wrap;
    gap: .6rem
}

.post-excerpt__image {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    position: relative;
    overflow: hidden;
    border-top-right-radius: 6rem;
    border-bottom-right-radius: 6rem
}

.post-excerpt__image video, .post-excerpt__image img, .post-excerpt__image iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.post-excerpt__image video, .post-excerpt__image img {
    object-fit: cover
}

.post-excerpt__image:before {
    content: "";
    display: block;
    padding-top: 124.8157248157%
}

.posts .posts-list__item:nth-child(11n+5) .post-excerpt__image {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    overflow: hidden;
    position: relative
}

.posts .posts-list__item:nth-child(11n+5) .post-excerpt__image video, .posts .posts-list__item:nth-child(11n+5) .post-excerpt__image img, .posts .posts-list__item:nth-child(11n+5) .post-excerpt__image iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.posts .posts-list__item:nth-child(11n+5) .post-excerpt__image video, .posts .posts-list__item:nth-child(11n+5) .post-excerpt__image img {
    object-fit: cover
}

.posts .posts-list__item:nth-child(11n+5) .post-excerpt__image:before {
    content: "";
    display: block;
    padding-top: 60.1895734597%
}

.post-excerpt__title {
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: -.075em
}

@media screen and (max-width: 767px) {
    .post-excerpt__title {
        font-size: 2.2rem
    }
}

.post-excerpt__title span {
    padding-bottom: 0;
    transition: background-size .3s ease;
    background-image: linear-gradient(transparent calc(100% - 10px), currentColor 0);
    background-repeat: no-repeat;
    background-position: bottom 0 left 0;
    background-size: 0% 1px;
    backface-visibility: hidden
}

@media (hover: hover) and (pointer: fine) {
    .post-excerpt:hover .post-excerpt__title span {
        background-size: 100% 1px
    }
}

.post-excerpt:focus-visible .post-excerpt__title span {
    background-size: 100% 1px
}

.excerpt-tags {
    display: flex;
    flex-direction: column;
    gap: .6rem
}

.tag {
    font-size: 1.4rem;
    line-height: 1.8571428571;
    letter-spacing: .15em;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    padding: 1rem 2rem;
    text-align: cneter;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6rem;
    min-height: 3.7rem
}

.tag--main-1 {
    background: #0885FF
}

.tag--main-2 {
    background: #254789
}

.reading-time {
    padding: 1rem 2rem;
    text-align: cneter;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    background: #CBF2E1;
    border-radius: 6rem;
    min-height: 3.7rem
}

.reading-time__icon {
    width: 1.7rem
}

.reading-time__icon img, .reading-time__icon svg {
    display: block;
    width: 100%
}

.reading-time__value {
    font-size: 1.4rem;
    line-height: 1.8571428571;
    letter-spacing: .15em;
    text-transform: uppercase;
    font-weight: 500
}

.info {
    padding-left: var(--margin);
    padding-right: var(--margin);
    padding-bottom: 12.5rem
}

.info__container {
    max-width: 172rem;
    margin-inline: auto
}

@media screen and (max-width: 1279px) {
    .info__container {
        max-width: 100%
    }
}

@media screen and (max-width: 1079px) {
    .info {
        padding-bottom: 8rem
    }
}

.info__container {
    display: grid;
    grid-template-columns:repeat(var(--columns-count), 1fr);
    column-gap: var(--gutter)
}

@media screen and (max-width: 767px) {
    .info__container {
        row-gap: 4rem
    }
}

.info__text {
    font-size: 1.6rem;
    line-height: 1.875;
    letter-spacing: .25em;
    grid-column: 1/-1;
    text-transform: uppercase;
    font-family: Syne, sans-serif;
    display: block
}

.info__text:not(:last-child) {
    margin-bottom: 1.6rem
}

.info__heading {
    grid-column-start: 1;
    grid-column-end: 6;
    font-size: 6rem;
    line-height: 1.1666666667;
    font-weight: 500
}

@media screen and (max-width: 1079px) {
    .info__heading {
        font-size: 5rem
    }
}

@media screen and (max-width: 767px) {
    .info__heading {
        font-size: 4rem
    }
}

@media screen and (max-width: 767px) {
    .info__heading {
        grid-column: 1/-1
    }
}

.info__heading em, .info__heading u {
    position: relative;
    display: inline-block
}

.info__heading em:before, .info__heading u:before {
    content: "";
    height: 100%;
    width: calc(100% + 5.2rem);
    background: #BBE2FF;
    position: absolute;
    left: -2.6rem;
    top: 0;
    z-index: -1;
    border-radius: 6rem
}

@media screen and (max-width: 767px) {
    .info__heading em:before, .info__heading u:before {
        width: calc(100% + 2rem);
        left: -1rem
    }
}

.info__content {
    grid-column-start: 7;
    grid-column-end: 15
}

@media screen and (max-width: 767px) {
    .info__content {
        grid-column: 1/-1
    }
}

.info__lead {
    font-size: 2.5rem;
    line-height: 1.2
}

@media screen and (max-width: 767px) {
    .info__lead {
        font-size: 2.2rem
    }
}

.info__lead:not(:last-child) {
    margin-bottom: 3rem
}

@media screen and (max-width: 767px) {
    .info__lead:not(:last-child) {
        margin-bottom: 2rem
    }
}

.marquee {
    padding: 1.8rem 0 1rem;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: 10rem
}

@media screen and (max-width: 1079px) {
    .marquee {
        margin-bottom: 8rem
    }
}

.main-hero {
    padding-left: var(--margin);
    padding-right: var(--margin);
    padding-bottom: 8.8rem
}

.main-hero__container {
    max-width: 172rem;
    margin-inline: auto
}

@media screen and (max-width: 1279px) {
    .main-hero__container {
        max-width: 100%
    }
}

@media screen and (max-width: 1079px) {
    .main-hero {
        padding-bottom: 8rem
    }
}

@media screen and (max-width: 519px) {
    .main-hero {
        padding-bottom: 4rem
    }
}

.main-hero__container {
    display: grid;
    grid-template-columns:repeat(var(--columns-count), 1fr);
    column-gap: var(--gutter);
    align-items: end;
    row-gap: 6rem
}

@media screen and (max-width: 1079px) {
    .main-hero__container {
        row-gap: 4rem
    }
}

.main-hero__heading {
    grid-column-start: 1;
    grid-column-end: 11
}

@media screen and (max-width: 1079px) {
    .main-hero__heading {
        grid-column-start: 1;
        grid-column-end: 12
    }
}

@media screen and (max-width: 767px) {
    .main-hero__heading {
        grid-column: 1/-1
    }
}

.main-hero__heading em, .main-hero__heading u {
    position: relative
}

.main-hero__heading em:before, .main-hero__heading u:before {
    content: "";
    height: 100%;
    width: calc(100% + 5.2rem);
    background: #BBE2FF;
    position: absolute;
    left: -2.6rem;
    top: 0;
    z-index: -1;
    border-radius: 6rem
}

@media screen and (max-width: 767px) {
    .main-hero__heading em:before, .main-hero__heading u:before {
        width: calc(100% + 2rem);
        left: -1rem
    }
}

.main-hero__cta {
    grid-column-start: 14;
    grid-column-end: 17
}

@media screen and (max-width: 767px) {
    .main-hero__cta {
        grid-column: 1/-1
    }
}

@media screen and (max-width: 519px) {
    .main-hero__cta {
        display: none
    }
}

.main-hero__button {
    width: 100%
}

@media screen and (max-width: 767px) {
    .main-hero__button {
        width: auto
    }
}

.main-hero__media {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns:repeat(var(--columns-count), 1fr);
    column-gap: var(--gutter)
}

@media screen and (max-width: 519px) {
    .main-hero__media {
        position: relative
    }
}

.main-hero__image {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    position: relative;
    grid-column-start: 1;
    grid-column-end: 12;
    overflow: hidden;
    border-radius: 6rem;
    border-top-right-radius: 0
}

.main-hero__image video, .main-hero__image img, .main-hero__image iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.main-hero__image video, .main-hero__image img {
    object-fit: cover
}

.main-hero__image:before {
    content: "";
    display: block;
    padding-top: 43.3077578858%
}

@media screen and (max-width: 767px) {
    .main-hero__image {
        grid-column: 1/-1
    }
}

@media screen and (max-width: 519px) {
    .main-hero__image {
        display: none
    }
}

.main-hero__main-image {
    grid-column-start: 12;
    grid-column-end: 17;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    position: relative;
    border-radius: 6rem;
    border-top-left-radius: 0;
    border-bottom-right-radius: 30rem;
    overflow: hidden
}

.main-hero__main-image video, .main-hero__main-image img, .main-hero__main-image iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.main-hero__main-image video, .main-hero__main-image img {
    object-fit: cover
}

.main-hero__main-image:before {
    content: "";
    display: block;
    padding-top: 98.2591876209%
}

@media screen and (max-width: 767px) {
    .main-hero__main-image {
        display: none
    }
}

@media screen and (max-width: 519px) {
    .main-hero__main-image {
        grid-column: 1/-1;
        display: block
    }
}

.main-hero__social-mobile {
    display: none
}

@media screen and (max-width: 519px) {
    .main-hero__social-mobile {
        display: block;
        width: 6rem;
        position: absolute;
        right: 0;
        bottom: 0
    }

    .main-hero__social-mobile img, .main-hero__social-mobile svg {
        width: 100%
    }
}

.testimonials {
    padding-left: var(--margin);
    padding-right: var(--margin);
    margin-bottom: 13.7rem
}

.testimonials__container {
    max-width: 172rem;
    margin-inline: auto
}

@media screen and (max-width: 1279px) {
    .testimonials__container {
        max-width: 100%
    }
}

@media screen and (max-width: 1079px) {
    .testimonials {
        margin-bottom: 8rem
    }
}

.testimonials__container {
    position: relative;
    padding-block: 13.5rem
}

@media screen and (max-width: 1079px) {
    .testimonials__container {
        padding-block: 8rem
    }
}

.testimonials__container:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(var(--margin) * -1);
    height: 100%;
    width: calc(100% + var(--margin));
    z-index: -1;
    border-radius: 6rem;
    border-bottom-left-radius: 0;
    border-top-right-radius: 30rem;
    background: #77B8F7 url(./../img/bcg/testimonials.svg) center no-repeat;
    background-size: cover
}

@media screen and (max-width: 767px) {
    .testimonials__container:before {
        border-radius: 0;
        width: calc(100% + var(--margin) * 2)
    }
}

.testimonials__content {
    position: relative
}

.testimonials__content:before {
    content: "";
    height: 5.2rem;
    width: 6.4rem;
    position: absolute;
    top: 3.8rem;
    left: -5rem;
    background: url(./../img/icons/common/quote.svg) center no-repeat;
    background-size: cover
}

@media screen and (max-width: 1279px) {
    .testimonials__content:before {
        left: -3.5rem
    }
}

@media screen and (max-width: 1079px) {
    .testimonials__content:before {
        width: 4rem;
        background-size: contain;
        left: -1.5rem
    }
}

.testimonials__title {
    font-size: 1.6rem;
    line-height: 1.875;
    letter-spacing: .25em;
    display: block;
    margin-bottom: 2rem;
    text-transform: uppercase;
    color: #fff
}

.testimonials-slider__quote {
    display: grid;
    grid-template-columns:repeat(var(--columns-count), 1fr);
    column-gap: var(--gutter);
    row-gap: 2.4rem
}

@media screen and (max-width: 767px) {
    .testimonials-slider__quote {
        row-gap: 1.6rem
    }
}

.testimonials-slider__desc, .testimonials-slider__author {
    grid-column-start: 1;
    grid-column-end: 13;
    color: #fff
}

@media screen and (max-width: 767px) {
    .testimonials-slider__desc, .testimonials-slider__author {
        grid-column: 1/-1
    }
}

.testimonials-slider__desc {
    font-size: 3.6rem;
    line-height: 1.2777777778;
    letter-spacing: -.02em;
    font-weight: 600
}

@media screen and (max-width: 767px) {
    .testimonials-slider__desc {
        font-size: 2.8rem
    }
}

.testimonials-slider__author {
    font-size: 2.2rem;
    line-height: 1.8181818182;
    font-weight: 500
}

@media screen and (max-width: 767px) {
    .testimonials-slider__author {
        font-size: 2rem
    }
}

.testimonials-slider__pagination {
    position: absolute;
    left: 50%;
    bottom: 1.4rem;
    transform: translate(-50%);
    display: grid;
    grid-template-columns:repeat(var(--columns-count), 1fr);
    column-gap: var(--gutter);
    width: 100%;
    max-width: 172rem;
    z-index: 3;
    pointer-events: none
}

@media screen and (max-width: 767px) {
    .testimonials-slider__pagination {
        bottom: 0
    }
}

.testimonials-slider .swiper-pagination {
    grid-column-start: 13;
    grid-column-end: 16;
    position: static;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .8rem;
    flex-wrap: wrap
}

@media screen and (max-width: 767px) {
    .testimonials-slider .swiper-pagination {
        grid-column: 1/-1
    }
}

.testimonials-slider .swiper-pagination-bullet {
    transition: background-color .3s ease;
    border-radius: 50%;
    cursor: pointer;
    background: rgba(255, 255, 255, .8);
    width: 1.2rem;
    height: 1.2rem;
    pointer-events: all
}

.testimonials-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #cbf2e1cc
}

@media (hover: hover) and (pointer: fine) {
    .testimonials-slider .swiper-pagination-bullet:hover {
        background-color: #cbf2e1cc
    }
}

.testimonials-slider .swiper-pagination-bullet:focus-visible {
    background-color: #cbf2e1cc
}

.basic-hero {
    padding-left: var(--margin);
    padding-right: var(--margin);
    padding-bottom: 8.8rem
}

.basic-hero__container {
    max-width: 172rem;
    margin-inline: auto
}

@media screen and (max-width: 1279px) {
    .basic-hero__container {
        max-width: 100%
    }
}

@media screen and (max-width: 1079px) {
    .basic-hero {
        padding-bottom: 8rem
    }
}

.basic-hero__container {
    display: grid;
    grid-template-columns:repeat(var(--columns-count), 1fr);
    column-gap: var(--gutter);
    row-gap: 6.5rem
}

@media screen and (max-width: 1079px) {
    .basic-hero__container {
        row-gap: 4rem
    }
}

.basic-hero__heading {
    grid-column-start: 1;
    grid-column-end: 9;
    font-size: 6rem;
    line-height: 1.1666666667;
    font-weight: 500
}

@media screen and (max-width: 1079px) {
    .basic-hero__heading {
        font-size: 5rem
    }
}

@media screen and (max-width: 767px) {
    .basic-hero__heading {
        font-size: 4rem
    }
}

@media screen and (max-width: 767px) {
    .basic-hero__heading {
        grid-column: 1/-1
    }
}

.basic-hero__heading em, .basic-hero__heading u {
    position: relative
}

.basic-hero__heading em:before, .basic-hero__heading u:before {
    content: "";
    height: 100%;
    width: calc(100% + 5.2rem);
    background: #BBE2FF;
    position: absolute;
    left: -2.6rem;
    top: 0;
    z-index: -1;
    border-radius: 6rem
}

@media screen and (max-width: 767px) {
    .basic-hero__heading em:before, .basic-hero__heading u:before {
        width: calc(100% + 2rem);
        left: -1rem
    }
}

.basic-hero__description {
    grid-column-start: 9;
    grid-column-end: 17;
    color: #646464
}

@media screen and (max-width: 767px) {
    .basic-hero__description {
        grid-column: 1/-1
    }
}

.basic-hero__image {
    grid-column: 1/-1;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    position: relative;
    overflow: hidden;
    border-radius: 6rem 6rem 30rem
}

.basic-hero__image video, .basic-hero__image img, .basic-hero__image iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.basic-hero__image video, .basic-hero__image img {
    object-fit: cover
}

.basic-hero__image:before {
    content: "";
    display: block;
    padding-top: 29.5348837209%
}

@media screen and (max-width: 767px) {
    .basic-hero__image {
        grid-column: 1/-1
    }
}

.boxes {
    padding-left: var(--margin);
    padding-right: var(--margin);
    padding-bottom: 17.5rem
}

.boxes__container {
    max-width: 172rem;
    margin-inline: auto
}

@media screen and (max-width: 1279px) {
    .boxes__container {
        max-width: 100%
    }
}

@media screen and (max-width: 1079px) {
    .boxes {
        padding-bottom: 8rem
    }
}

.boxes__container {
    display: flex;
    flex-direction: column;
    gap: 10rem
}

@media screen and (max-width: 1079px) {
    .boxes__container {
        gap: 6rem
    }
}

.box {
    display: grid;
    grid-template-columns:repeat(var(--columns-count), 1fr);
    column-gap: var(--gutter);
    align-items: center
}

@media screen and (max-width: 767px) {
    .box {
        row-gap: 4rem
    }
}

.box__media {
    grid-column-start: 1;
    grid-column-end: 9;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    position: relative;
    overflow: hidden;
    border-radius: 6rem
}

.box__media video, .box__media img, .box__media iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.box__media video, .box__media img {
    object-fit: cover
}

.box__media:before {
    content: "";
    display: block;
    padding-top: 53.4441805226%
}

@media screen and (max-width: 767px) {
    .box__media {
        grid-column: 1/-1
    }
}

.box--reversed .box__media {
    grid-column-start: 9;
    grid-column-end: 17
}

@media screen and (max-width: 767px) {
    .box--reversed .box__media {
        grid-column: 1/-1
    }
}

.box__content {
    grid-column-start: 9;
    grid-column-end: 16;
    padding: 0 4.2rem
}

@media screen and (max-width: 1079px) {
    .box__content {
        padding: 0;
        grid-column-start: 9;
        grid-column-end: 17
    }
}

@media screen and (max-width: 767px) {
    .box__content {
        grid-column: 1/-1
    }
}

.box--reversed .box__content {
    grid-column-start: 2;
    grid-column-end: 9;
    order: -1
}

@media screen and (max-width: 1079px) {
    .box--reversed .box__content {
        grid-column-start: 1;
        grid-column-end: 9
    }
}

@media screen and (max-width: 767px) {
    .box--reversed .box__content {
        grid-column: 1/-1;
        order: 0
    }
}

.box__title {
    font-size: 2.5rem;
    line-height: 1.2;
    line-height: 1.12;
    font-weight: 600
}

@media screen and (max-width: 767px) {
    .box__title {
        font-size: 2.2rem
    }
}

.box__title:not(:last-child) {
    margin-bottom: 2.4rem
}

@media screen and (max-width: 1079px) {
    .box__title:not(:last-child) {
        margin-bottom: 1.6rem
    }
}

.box__desc {
    color: #646464
}

.team {
    padding-left: var(--margin);
    padding-right: var(--margin);
    padding-bottom: 15.8rem
}

.team__container {
    max-width: 172rem;
    margin-inline: auto
}

@media screen and (max-width: 1279px) {
    .team__container {
        max-width: 100%
    }
}

@media screen and (max-width: 1079px) {
    .team {
        padding-bottom: 8rem
    }
}

.team__heading {
    position: relative;
    margin-bottom: 4.5rem
}

@media screen and (max-width: 1079px) {
    .team__heading {
        margin-bottom: 4rem
    }
}

.team__heading:before {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    background: #000;
    z-index: -1
}

.team__title {
    font-size: 1.6rem;
    line-height: 1.875;
    letter-spacing: .25em;
    display: inline-block;
    background: #fff;
    padding-right: 3rem;
    text-transform: uppercase
}

.team-list {
    display: flex;
    flex-direction: column;
    gap: 11rem
}

@media screen and (max-width: 1079px) {
    .team-list {
        gap: 8rem
    }
}

.team-list__title {
    font-size: 3.6rem;
    line-height: 1.2777777778;
    letter-spacing: -.02em;
    font-weight: 600
}

@media screen and (max-width: 767px) {
    .team-list__title {
        font-size: 2.8rem
    }
}

.team-list__title:not(:last-child) {
    margin-bottom: 5rem
}

@media screen and (max-width: 1079px) {
    .team-list__title:not(:last-child) {
        margin-bottom: 4rem
    }
}

.team-members {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    row-gap: 6.8rem;
    column-gap: 8.6rem;
    padding-right: 15rem
}

@media screen and (max-width: 1079px) {
    .team-members {
        row-gap: 6rem;
        padding-right: 0;
        column-gap: var(--gutter)
    }
}

@media screen and (max-width: 767px) {
    .team-members {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media screen and (max-width: 519px) {
    .team-members {
        grid-template-columns:repeat(2, 1fr)
    }
}

.team-member__image {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    display: block
}

.team-member__image video, .team-member__image img, .team-member__image iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.team-member__image video, .team-member__image img {
    object-fit: cover
}

.team-member__image:before {
    content: "";
    display: block;
    padding-top: 100%
}

.team-member__image:not(:last-child) {
    margin-bottom: 3.6rem
}

.team-member__title, .team-member__role {
    padding: 0 1.5%;
    text-align: center
}

.team-member__title {
    font-size: 2.5rem;
    line-height: 1.2;
    letter-spacing: -.075em;
    font-weight: 500
}

@media screen and (max-width: 767px) {
    .team-member__title {
        font-size: 2.2rem
    }
}

.team-member__title:not(:last-child) {
    margin-bottom: .8rem
}

.team-member__role {
    display: block
}

.modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .45);
    z-index: 9000;
    padding-left: var(--margin);
    padding-right: var(--margin);
    padding-block: 6rem;
    transition: opacity .3s ease, visibility .3s ease;
    pointer-events: none;
    visibility: hidden;
    opacity: 0
}

.modal__container {
    max-width: 172rem;
    margin-inline: auto
}

@media screen and (max-width: 1279px) {
    .modal__container {
        max-width: 100%
    }
}

@media screen and (max-width: 1079px) {
    .modal {
        padding-block: 4rem
    }
}

@media screen and (max-width: 767px) {
    .modal {
        padding-block: var(--margin)
    }
}

.has-modal-visible .modal {
    opacity: 1;
    pointer-events: all;
    visibility: visible
}

.modal__container {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 0 17rem 0 19rem
}

@media screen and (max-width: 1079px) {
    .modal__container {
        padding: 0
    }
}

.modal__box {
    display: flex;
    background: #fff;
    border-radius: 3rem;
    padding: 10rem 10.9rem 9rem;
    position: relative;
    max-height: 100%
}

@media screen and (max-width: 1079px) {
    .modal__box {
        padding: 8rem 2rem 4rem 4rem
    }
}

@media screen and (max-width: 767px) {
    .modal__box {
        flex-direction: column
    }
}

.modal__close {
    position: absolute;
    top: 5rem;
    right: 5rem;
    width: 4.9rem
}

@media screen and (max-width: 1079px) {
    .modal__close {
        top: 4rem;
        right: 4rem
    }
}

@media screen and (max-width: 767px) {
    .modal__close {
        top: 2rem;
        right: 2rem
    }
}

.modal__close svg {
    width: 100%
}

.modal__close path {
    transition: fill .3s ease
}

.modal__close rect {
    transition: stroke .3s ease
}

@media (hover: hover) and (pointer: fine) {
    .modal__close:hover path {
        fill: #0885ff
    }

    .modal__close:hover rect {
        stroke: #0885ff
    }
}

.modal__close:focus-visible path {
    fill: #0885ff
}

.modal__close:focus-visible rect {
    stroke: #0885ff
}

.modal__image {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    align-self: start;
    width: 32.8rem;
    height: 32.8rem
}

.modal__image video, .modal__image img, .modal__image iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.modal__image video, .modal__image img {
    object-fit: cover
}

.modal__image:before {
    content: "";
    display: block;
    padding-top: 100%
}

@media screen and (max-width: 767px) {
    .modal__image {
        width: 20rem;
        height: 20rem;
        margin-bottom: 4rem
    }
}

.modal__content {
    width: calc(100% - 32.8rem);
    padding-left: 11.2rem;
    max-height: 100%;
    overflow-y: auto;
    padding-right: 2rem
}

@media screen and (max-width: 1079px) {
    .modal__content {
        padding-left: 8rem
    }
}

@media screen and (max-width: 767px) {
    .modal__content {
        padding-left: 0;
        width: 100%;
        max-height: calc(100% - 24rem)
    }
}

.modal__header {
    display: flex
}

.modal__header:not(:last-child) {
    border-bottom: 1px solid #000;
    margin-bottom: 1.6rem;
    padding-bottom: 1.6rem
}

.modal__social {
    width: 5.4rem;
    align-self: start
}

@media screen and (max-width: 767px) {
    .modal__social {
        width: 4rem
    }
}

.modal__social svg {
    width: 100%
}

.modal__social path {
    transition: fill .3s ease
}

@media (hover: hover) and (pointer: fine) {
    .modal__social:hover path {
        fill: #0885ff
    }
}

.modal__social:focus-visible path {
    fill: #0885ff
}

.modal__info {
    display: flex;
    flex-direction: column;
    row-gap: .4rem
}

.modal__info:not(:first-child) {
    width: calc(100% - 5.4rem);
    padding-left: 1.6rem
}

@media screen and (max-width: 767px) {
    .modal__info:not(:first-child) {
        width: calc(100% - 4rem)
    }
}

.modal__title {
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: -.075em
}

@media screen and (max-width: 767px) {
    .modal__title {
        font-size: 2.2rem
    }
}

.posts {
    padding-left: var(--margin);
    padding-right: var(--margin);
    padding-bottom: 20.9rem
}

.posts__container {
    max-width: 172rem;
    margin-inline: auto
}

@media screen and (max-width: 1279px) {
    .posts__container {
        max-width: 100%
    }
}

@media screen and (max-width: 1079px) {
    .posts {
        padding-bottom: 8rem
    }
}

.single-news {
    padding-left: var(--margin);
    padding-right: var(--margin);
    padding-bottom: 16.3rem
}

.single-news__container {
    max-width: 172rem;
    margin-inline: auto
}

@media screen and (max-width: 1279px) {
    .single-news__container {
        max-width: 100%
    }
}

@media screen and (max-width: 1079px) {
    .single-news {
        padding-bottom: 8rem
    }
}

.single-news__container {
    display: grid;
    grid-template-columns:repeat(var(--columns-count), 1fr);
    column-gap: var(--gutter)
}

.single-news__content {
    grid-column-start: 1;
    grid-column-end: 11
}

@media screen and (max-width: 767px) {
    .single-news__content {
        grid-column: 1/-1
    }
}

.single-news__aside {
    grid-column-start: 12;
    grid-column-end: 17
}

@media screen and (max-width: 767px) {
    .single-news__aside {
        grid-column: 1/-1
    }
}

.single-news__date {
    display: block;
    margin-bottom: 2rem;
    font-size: 1.6rem;
    line-height: 1.875;
    letter-spacing: .25em;
    text-transform: uppercase
}

.single-news__title {
    font-size: 3.6rem;
    line-height: 1.2777777778;
    letter-spacing: -.02em;
    font-weight: 600;
    margin-bottom: 1.6rem
}

@media screen and (max-width: 767px) {
    .single-news__title {
        font-size: 2.8rem
    }
}

.single-news__tags {
    margin-bottom: 1.9rem
}

.single-news__description:not(:last-child), .single-news__share:not(:last-child) {
    margin-bottom: 6rem
}

@media screen and (max-width: 1079px) {
    .single-news__description:not(:last-child), .single-news__share:not(:last-child) {
        margin-bottom: 4rem
    }
}

.single-news__description {
    color: #646464
}

.single-news__description b, .single-news__description strong {
    font-weight: 700
}

.single-news__description ul li {
    padding-left: 2.2rem;
    position: relative
}

.single-news__description ul li:after {
    content: "";
    height: .4rem;
    width: .4rem;
    left: .6rem;
    background: #646464;
    top: .6em;
    position: absolute;
    border-radius: 50%
}

.single-news__description ol {
    list-style: auto;
    list-style-position: inside
}

.single-news__description a {
    text-decoration: underline;
    color: currentColor;
    transition: color .3s ease
}

@media (hover: hover) and (pointer: fine) {
    .single-news__description a:hover {
        color: #000
    }
}

.single-news__description a:focus-visible {
    color: #000
}

.single-news__description u {
    text-decoration: underline
}

.single-news__description em {
    font-style: italic
}

.single-news__description h1, .single-news__description h2, .single-news__description h3, .single-news__description h4, .single-news__description h5, .single-news__description h6 {
    font-size: 2.5rem;
    line-height: 1.2;
    line-height: 1.12;
    color: #000;
    font-weight: 600
}

@media screen and (max-width: 767px) {
    .single-news__description h1, .single-news__description h2, .single-news__description h3, .single-news__description h4, .single-news__description h5, .single-news__description h6 {
        font-size: 2.2rem
    }
}

.single-news__description h1:not(:last-child), .single-news__description h2:not(:last-child), .single-news__description h3:not(:last-child), .single-news__description h4:not(:last-child), .single-news__description h5:not(:last-child), .single-news__description h6:not(:last-child) {
    margin-bottom: 2rem
}

.single-news__description picture {
    display: block;
    width: 100%;
    border-radius: 3rem;
    overflow: hidden
}

.single-news__description picture:not(:last-child) {
    margin-bottom: 6.5rem
}

@media screen and (max-width: 1079px) {
    .single-news__description picture:not(:last-child) {
        margin-bottom: 4rem
    }
}

.single-news__description picture:not(:first-child) {
    margin-top: 6.5rem
}

@media screen and (max-width: 1079px) {
    .single-news__description picture:not(:first-child) {
        margin-top: 4rem
    }
}

.single-news__description picture img {
    width: 100%
}

.single-news__search-form {
    margin-top: 6rem
}

.single-news__search-form:not(:last-child), .single-news__recent-posts:not(:last-child) {
    margin-bottom: 7rem
}

@media screen and (max-width: 1079px) {
    .single-news__search-form:not(:last-child), .single-news__recent-posts:not(:last-child) {
        margin-bottom: 4rem
    }
}

.share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem
}

.share__link, .share__icon {
    display: block
}

.share__icon {
    width: 3.2rem
}

.share__icon img, .share__icon svg {
    width: 100%
}

.news-nav {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.news-nav__btn {
    display: flex;
    align-items: center;
    gap: 3rem
}

@media screen and (max-width: 1079px) {
    .news-nav__btn {
        gap: 1.6rem
    }
}

.news-nav__icon {
    width: 3rem
}

.news-nav__icon img, .news-nav__icon svg {
    width: 100%
}

.news-nav__title {
    font-size: 2.2rem;
    line-height: 1.8181818182;
    font-weight: 500
}

@media screen and (max-width: 767px) {
    .news-nav__title {
        font-size: 2rem
    }
}

.search-form__field {
    font-size: 2.2rem;
    line-height: 1.8181818182;
    font-weight: 500;
    display: block;
    width: 100%;
    padding: .7rem 4rem;
    border-radius: 6rem;
    border: 1px solid #000;
    appearance: none;
    background: #fff
}

@media screen and (max-width: 767px) {
    .search-form__field {
        font-size: 2rem
    }
}

.search-form__field::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
    transition: opacity .3s ease
}

.search-form__field:-moz-placeholder {
    color: #000;
    opacity: 1;
    transition: opacity .3s ease
}

.search-form__field::-moz-placeholder {
    color: #000;
    opacity: 1;
    transition: opacity .3s ease
}

.search-form__field:-ms-input-placeholder {
    color: #000;
    opacity: 1;
    transition: opacity .3s ease
}

.search-form__field:focus::-webkit-input-placeholder {
    opacity: 0
}

.search-form__field:focus:-moz-placeholder {
    opacity: 0
}

.search-form__field:focus::-moz-placeholder {
    opacity: 0
}

.search-form__field:focus:-ms-input-placeholder {
    opacity: 0
}

.tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
}

.recent-posts__heading {
    font-size: 3.6rem;
    line-height: 1.2777777778;
    letter-spacing: -.02em;
    font-weight: 600
}

@media screen and (max-width: 767px) {
    .recent-posts__heading {
        font-size: 2.8rem
    }
}

.recent-posts__heading:not(:last-child) {
    margin-bottom: 2rem
}

.recent-posts__item {
    border-bottom: 1px solid #000;
    padding: 5rem 0 8rem
}

@media screen and (max-width: 1079px) {
    .recent-posts__item {
        padding: 4rem 0
    }
}

@media screen and (max-width: 519px) {
    .recent-posts__item {
        padding: 2rem 0
    }
}

.recent-posts__item:is(:first-child) {
    border-top: 1px solid #000
}

.recent-posts__date {
    display: block
}

.recent-posts__date:not(:last-child) {
    margin-bottom: 1rem
}

.recent-posts__title {
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: -.075em
}

@media screen and (max-width: 767px) {
    .recent-posts__title {
        font-size: 2.2rem
    }
}

.recent-posts__title span {
    padding-bottom: 0;
    transition: background-size .3s ease;
    background-image: linear-gradient(transparent calc(100% - 10px), currentColor 0);
    background-repeat: no-repeat;
    background-position: bottom 0 left 0;
    background-size: 0% 1px;
    backface-visibility: hidden
}

@media (hover: hover) and (pointer: fine) {
    .recent-posts__link:hover .recent-posts__title span {
        background-size: 100% 1px
    }
}

.recent-posts__link:focus-visible .recent-posts__title span {
    background-size: 100% 1px
}

.pipeline {
    padding-left: var(--margin);
    padding-right: var(--margin);
    padding-bottom: 14.5rem
}

.pipeline__container {
    max-width: 172rem;
    margin-inline: auto
}

@media screen and (max-width: 1279px) {
    .pipeline__container {
        max-width: 100%
    }
}

.pipeline__container {
    display: grid;
    grid-template-columns:repeat(var(--columns-count), 1fr);
    column-gap: var(--gutter);
    row-gap: 14.2rem
}

@media screen and (max-width: 1079px) {
    .pipeline__container {
        row-gap: 8rem
    }
}

.pipeline__list {
    grid-column: 1/-1
}

.pipeline__desc {
    grid-column-start: 1;
    grid-column-end: 10;
    font-size: 3.6rem;
    line-height: 1.2777777778;
    letter-spacing: -.02em;
    font-weight: 600
}

@media screen and (max-width: 767px) {
    .pipeline__desc {
        font-size: 2.8rem
    }
}

@media screen and (max-width: 1079px) {
    .pipeline__desc {
        grid-column: 1/-1
    }
}

.pipeline-list {
    display: flex;
    flex-direction: column;
    gap: 15.5rem
}

@media screen and (max-width: 1079px) {
    .pipeline-list {
        gap: 8rem
    }
}

.pipeline-item {
    display: grid;
    grid-template-columns:repeat(var(--columns-count), 1fr);
    column-gap: var(--gutter)
}

@media screen and (max-width: 1079px) {
    .pipeline-item {
        row-gap: 4rem
    }
}

.pipeline-item__content {
    grid-column-start: 1;
    grid-column-end: 11;
    display: flex;
    flex-direction: column;
    gap: 7rem
}

@media screen and (max-width: 1079px) {
    .pipeline-item__content {
        grid-column: 1/-1;
        gap: 4rem
    }
}

.pipeline-item__info {
    grid-column-start: 12;
    grid-column-end: 17;
    display: flex;
    flex-direction: column;
    gap: 7.6rem;
    padding-top: 2rem
}

@media screen and (max-width: 1079px) {
    .pipeline-item__info {
        grid-column: 1/-1;
        padding-top: 0;
        gap: 4rem
    }
}

.pipeline-details {
    display: flex;
    flex-wrap: wrap;
    padding: 4rem 7.5rem;
    gap: 3rem;
    justify-content: space-around;
    border: 1px solid #000;
    border-radius: 30rem
}

@media screen and (max-width: 1079px) {
    .pipeline-details {
        padding: 2rem 4rem
    }
}

@media screen and (max-width: 519px) {
    .pipeline-details {
        padding: 2rem;
        row-gap: 2rem;
        column-gap: 4rem;
        justify-content: start;
        border-radius: 3rem
    }
}

.pipeline-details__item {
    display: flex;
    flex-direction: column;
    gap: .9rem
}

@media screen and (max-width: 519px) {
    .pipeline-details__item {
        gap: .5rem
    }
}

.pipeline-details__title {
    font-size: 1.6rem;
    line-height: 1.875;
    letter-spacing: .25em;
    text-transform: uppercase
}

.pipeline-details__desc {
    font-size: 2.2rem;
    line-height: 1.8181818182;
    line-height: 1.2727272727;
    font-weight: 500
}

@media screen and (max-width: 767px) {
    .pipeline-details__desc {
        font-size: 2rem
    }
}

.pipeline-description {
    padding: 7rem 14rem 7rem 8rem;
    border-radius: 3rem
}

@media screen and (max-width: 1079px) {
    .pipeline-description {
        padding: 4rem
    }
}

@media screen and (max-width: 519px) {
    .pipeline-description {
        padding: 3rem 2rem
    }
}

.pipeline-description--base-1 {
    background: #F1F9FF
}

.pipeline-description--base-2 {
    background: #EFFBF6
}

.pipeline-description__title {
    font-size: 3.6rem;
    line-height: 1.2777777778;
    letter-spacing: -.02em;
    font-weight: 600
}

@media screen and (max-width: 767px) {
    .pipeline-description__title {
        font-size: 2.8rem
    }
}

.pipeline-description__title:not(:last-child) {
    margin-bottom: 3.5rem
}

@media screen and (max-width: 767px) {
    .pipeline-description__title:not(:last-child) {
        margin-bottom: 2rem
    }
}

.pipeline-description__desc {
    font-size: 2.5rem;
    line-height: 1.2;
    line-height: 1.8;
    color: #646464;
    font-weight: 300
}

@media screen and (max-width: 767px) {
    .pipeline-description__desc {
        font-size: 2.2rem
    }
}

.pipeline-description__desc b, .pipeline-description__desc strong {
    font-weight: 700
}

.pipeline-description__desc ul li {
    padding-left: 4rem;
    position: relative
}

.pipeline-description__desc ul li:after {
    content: "";
    height: .4rem;
    width: .4rem;
    left: 1.5rem;
    background: #646464;
    top: .8em;
    position: absolute;
    border-radius: 50%
}

.pipeline-description__desc ol {
    list-style: auto;
    list-style-position: inside
}

.pipeline-description__desc a {
    text-decoration: underline;
    color: currentColor;
    transition: color .3s ease
}

@media (hover: hover) and (pointer: fine) {
    .pipeline-description__desc a:hover {
        color: #000
    }
}

.pipeline-description__desc a:focus-visible {
    color: #000
}

.pipeline-description__desc u {
    text-decoration: underline
}

.pipeline-description__desc em {
    font-style: italic
}

.pipeline-description__desc h1, .pipeline-description__desc h2, .pipeline-description__desc h3, .pipeline-description__desc h4, .pipeline-description__desc h5, .pipeline-description__desc h6 {
    font-size: 2.5rem;
    line-height: 1.2;
    line-height: 1.12;
    color: #000;
    font-weight: 600
}

@media screen and (max-width: 767px) {
    .pipeline-description__desc h1, .pipeline-description__desc h2, .pipeline-description__desc h3, .pipeline-description__desc h4, .pipeline-description__desc h5, .pipeline-description__desc h6 {
        font-size: 2.2rem
    }
}

.pipeline-description__desc h1:not(:last-child), .pipeline-description__desc h2:not(:last-child), .pipeline-description__desc h3:not(:last-child), .pipeline-description__desc h4:not(:last-child), .pipeline-description__desc h5:not(:last-child), .pipeline-description__desc h6:not(:last-child) {
    margin-bottom: 2rem
}

.pipeline-stages__heading {
    font-size: 2.5rem;
    line-height: 1.2;
    line-height: 1.12;
    display: block;
    font-weight: 600;
    padding-right: 20%
}

@media screen and (max-width: 767px) {
    .pipeline-stages__heading {
        font-size: 2.2rem
    }
}

.pipeline-stages__heading:not(:last-child) {
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #000;
    margin-bottom: 2.5rem
}

.pipeline-stages__list {
    display: flex;
    flex-direction: column;
    gap: 1.6rem
}

.pipeline-stages__item {
    display: flex;
    align-items: center;
    gap: 2.2rem
}

.pipeline-stages__icon {
    width: 3.4rem
}

.pipeline-stages__icon img, .pipeline-stages__icon svg {
    width: 100%
}

.pipeline-stages__title {
    font-size: 1.6rem;
    line-height: 1.875;
    letter-spacing: .25em;
    text-transform: uppercase;
    max-width: calc(100% - 5.6rem)
}

.pipeline-additional__heading {
    font-size: 2.5rem;
    line-height: 1.2;
    line-height: 1.12;
    display: block;
    font-weight: 600;
    padding-right: 20%
}

@media screen and (max-width: 767px) {
    .pipeline-additional__heading {
        font-size: 2.2rem
    }
}

.pipeline-additional__heading:not(:last-child) {
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #000;
    margin-bottom: 2.5rem
}

.pipeline-additional__logo img {
    max-width: 100%;
    display: block
}

.contact {
    padding-left: var(--margin);
    padding-right: var(--margin);
    padding-bottom: 18rem
}

.contact__container {
    max-width: 172rem;
    margin-inline: auto
}

@media screen and (max-width: 1279px) {
    .contact__container {
        max-width: 100%
    }
}

@media screen and (max-width: 1079px) {
    .contact {
        padding-bottom: 8rem
    }
}

.contact__container {
    display: grid;
    grid-template-columns:repeat(var(--columns-count), 1fr);
    column-gap: var(--gutter)
}

@media screen and (max-width: 767px) {
    .contact__container {
        row-gap: 8rem
    }
}

.contact__form {
    grid-column-start: 1;
    grid-column-end: 11
}

@media screen and (max-width: 767px) {
    .contact__form {
        grid-column: 1/-1
    }
}

.contact__info {
    grid-column-start: 12;
    grid-column-end: 17
}

@media screen and (max-width: 1079px) {
    .contact__info {
        grid-column-start: 11;
        grid-column-end: 17
    }
}

@media screen and (max-width: 767px) {
    .contact__info {
        grid-column: 1/-1
    }
}

.contact__title {
    font-size: 2.5rem;
    line-height: 1.2;
    line-height: 1.12;
    display: block;
    font-weight: 600
}

@media screen and (max-width: 767px) {
    .contact__title {
        font-size: 2.2rem
    }
}

.contact__title:not(:last-child) {
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #000;
    margin-bottom: 5.4rem
}

@media screen and (max-width: 1079px) {
    .contact__title:not(:last-child) {
        padding-bottom: 2rem;
        margin-bottom: 4rem
    }
}

.contact-details {
    display: flex;
    flex-direction: column;
    gap: 2.5rem
}

.contact-details__item {
    display: flex
}

.contact-details__icon {
    width: 2.4rem;
    margin-top: .5em
}

.contact-details__icon img, .contact-details__icon svg {
    width: 100%
}

.contact-details__desc {
    font-size: 2.2rem;
    line-height: 1.8181818182;
    font-weight: 500;
    padding-left: 1.8rem;
    max-width: calc(100% - 2.4rem)
}

@media screen and (max-width: 767px) {
    .contact-details__desc {
        font-size: 2rem
    }
}

.contact-details__desc a {
    transition: color .3s ease
}

@media (hover: hover) and (pointer: fine) {
    .contact-details__desc a:hover {
        color: #0885ff
    }
}

.contact-details__desc a:focus-visible {
    color: #0885ff
}

:root {
    --margin: 10rem;
    --gutter: 3rem;
    --columns-count: 16;
    --header-height: 11.4rem
}

@media screen and (max-width: 1279px) {
    :root {
        --margin: 6rem
    }
}

@media screen and (max-width: 1079px) {
    :root {
        --margin: 3rem
    }
}

@media screen and (max-width: 767px) {
    :root {
        --columns-count: 6
    }
}

html {
    height: 100%;
    min-height: 100%;
    position: relative;
    overflow-x: hidden
}

html.has-modal-visible {
    overflow: hidden
}

@media screen and (max-width: 1279px) {
    html.menu-visible {
        overflow: hidden
    }
}

.wrapper {
    padding-left: var(--margin);
    padding-right: var(--margin)
}

.wrapper__container {
    max-width: 172rem;
    margin-inline: auto
}

@media screen and (max-width: 1279px) {
    .wrapper__container {
        max-width: 100%
    }
}

.main-container {
    position: relative;
    z-index: 5;
    padding-top: 7.8rem
}

@media screen and (max-width: 1079px) {
    .main-container {
        padding-top: 6rem
    }
}

.main-container__decoration {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -5
}

.main-container__decoration img {
    width: 100%;
    display: block;
    top: 30vh;
    left: 0;
    position: sticky
}

html {
    font-size: .5208333333vw
}

@media screen and (max-width: 1079px) {
    html {
        font-size: .6944444444vw
    }
}

@media screen and (max-width: 767px) {
    html {
        font-size: 6px
    }
}