@charset "UTF-8";
@-ms-viewport {
    width: device-width
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url(../fonts/euclidcirculara-regular-webxl.woff2) format("woff2"), url(../fonts/euclidcirculara-regular-webxl.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url(../fonts/euclidcirculara-semibold-webxl.woff2) format("woff2"), url(../fonts/euclidcirculara-semibold-webxl.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

.page {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    min-width: 320px;
    min-height: 100%
}

.page__inner {
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

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

.page__footer-wrapper {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

*, :after, :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

* {
    -webkit-tap-highlight-color: transparent
}

:focus {
    outline: 0
}

body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    min-height: 100%;
    font-family: "Euclid Circular A", -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #000;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[tabindex='-1']:focus {
    outline: 0 !important
}

[role=button] {
    cursor: pointer
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

[role=button], a, button, input, label, select, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    margin: 0;
    font-family: "Euclid Circular A", -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

button, input {
    overflow: visible;
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

svg {
    fill: currentColor;
    vertical-align: top
}

a svg, button svg {
    pointer-events: none
}

svg:not(:root) {
    overflow: hidden
}

:root {
--semantic-border-radius-md: 4px;
--semantic-sizing-5: 20px;
--semantic-sizing-6: 24px;
--semantic-sizing-7: 28px;
--semantic-sizing-8: 32px;
--size-radius-full: 9999px;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top
}

a {
    text-decoration: none;
    color: #000;
    background-color: transparent;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

a:hover {
    color: #34a3dc
}

@media (min-width: 1440px) {
    a[href^="tel:"] {
        white-space: nowrap;
        pointer-events: none;
        text-decoration: inherit;
        color: inherit
    }
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    margin-top: 2em;
    margin-bottom: 2em;
    border: 0;
    border-top: 1px solid #939598
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 1em;
    margin-bottom: .5em;
    font-family: "Euclid Circular A", -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 700;
    line-height: 1.2;
    color: currentColor
}

h1 {
    font-size: 40px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 16px
}

h6 {
    font-size: 16px
}

address, blockquote, dl, figure, ol, p, pre, table, ul {
    margin-top: 0;
    margin-bottom: 1em
}

p {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 25px
}

@media (min-width: 768px) {
    p {
        font-size: 18px;
        line-height: 29px
    }
}

@media (min-width: 1024px) {
    p {
        font-size: 20px;
        line-height: 32px
    }
}

address {
    font-style: normal
}

ol, ul {
    margin-bottom: 1em;
    padding-left: 1.5em
}

ol ol, ol ul, ul ol, ul ul {
    margin-top: 0;
    margin-bottom: 0
}

li {
    line-height: inherit
}

ul:not([class]) {
    margin-top: 12px;
    margin-bottom: 12px;
    list-style-type: disc
}

ul:not([class]) li {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 25px
}

@media (min-width: 768px) {
    ul:not([class]) li {
        font-size: 18px;
        line-height: 29px
    }
}

@media (min-width: 1024px) {
    ul:not([class]) li {
        font-size: 20px;
        line-height: 32px
    }
}

ul:not([class]) li::marker {
    color: #34a3dc
}

ol:not([class]) {
    margin-top: 12px;
    margin-bottom: 12px
}

ol:not([class]) li {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 25px
}

@media (min-width: 768px) {
    ol:not([class]) li {
        font-size: 18px;
        line-height: 29px
    }
}

@media (min-width: 1024px) {
    ol:not([class]) li {
        font-size: 20px;
        line-height: 32px
    }
}

ol:not([class]) li::marker {
    color: #34a3dc
}

small {
    font-size: .75em
}

sub, sup {
    font-size: .75em
}

b, strong {
    font-weight: bolder
}

blockquote {
    padding: 0;
    margin-left: 0;
    margin-right: 0
}

code, kbd, pre {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

code {
    padding: .06em .3em;
    color: #000;
    background-color: rgba(0, 0, 0, .08);
    border-radius: 3px
}

kbd {
    padding: .06em .3em;
    color: #000;
    background-color: #f0f0f0;
    border-radius: 3px
}

kbd kbd {
    padding: 0
}

pre {
    display: block;
    width: 100%;
    margin-bottom: 1em;
    overflow-x: auto;
    -moz-tab-size: 2;
    -o-tab-size: 2;
    tab-size: 2;
    background-color: rgba(0, 0, 0, .08)
}

pre code {
    background: 0 0
}

.visuallyhidden {
    position: absolute;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    clip: rect(0 0 0 0);
    overflow: hidden
}

.content > :last-child {
    margin-bottom: 0
}

.content a {
    color: #34a3dc
}

.content a:hover {
    color: rgba(52, 163, 220, .5)
}

.content a:active {
    color: rgba(52, 163, 220, .5)
}

.content p {
    max-width: 80ch
}

.btn-wrap {
    padding-top: 32px
}

@media (min-width: 768px) {
    .btn-wrap {
        padding-top: 40px
    }
}

.btn-wrap--centered_mobile {
    text-align: center
}

@media (min-width: 768px) {
    .btn-wrap--centered_mobile {
        text-align: left
    }
}

html.sr .load-hidden {
    visibility: hidden
}

.country {
    fill: #b8b8b8;
    stroke: #fff;
    stroke-width: .5px;
    stroke-linejoin: round
}

.graticule {
    fill: none;
    stroke: #000;
    stroke-opacity: .3;
    stroke-width: .5px
}

.graticule-outline {
    fill: none;
    stroke: #333;
    stroke-width: 1.5px
}

text {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-anchor: middle
}

.top-hidden {
    opacity: 0;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .6s;
    -o-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

@media (min-width: 1280px) {
    .top-hidden {
        -webkit-transition-duration: .85s;
        -o-transition-duration: .85s;
        transition-duration: .85s
    }
}

.top-hidden.is-visible {
    opacity: 1
}

fieldset {
    display: block;
    margin: 0;
    padding: 0;
    border: none
}

input, textarea {
    font-family: "Euclid Circular A", -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    -webkit-appearance: none;
    border-radius: 0
}

.form-input, .form-textarea {
    padding: 8px 0;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #000;
    background-color: transparent;
    border: none;
    border-bottom: 4px solid #939598;
    border-radius: 0;
    -webkit-transition-property: color, border-color;
    -o-transition-property: color, border-color;
    transition-property: color, border-color;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.form-input:focus, .form-textarea:focus {
    border-color: #34a3dc
}

.form-input:focus::-webkit-input-placeholder, .form-textarea:focus::-webkit-input-placeholder {
    color: #939598
}

.form-input:focus::-moz-placeholder, .form-textarea:focus::-moz-placeholder {
    color: #939598
}

.form-input:focus:-ms-input-placeholder, .form-textarea:focus:-ms-input-placeholder {
    color: #939598
}

.form-input:focus::-ms-input-placeholder, .form-textarea:focus::-ms-input-placeholder {
    color: #939598
}

.form-input:focus::placeholder, .form-textarea:focus::placeholder {
    color: #939598
}

.form-input::-webkit-input-placeholder, .form-textarea::-webkit-input-placeholder {
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #939598;
    -webkit-transition: color .3s;
    transition: color .3s
}

.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #939598;
    -moz-transition: color .3s;
    transition: color .3s
}

.form-input:-ms-input-placeholder, .form-textarea:-ms-input-placeholder {
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #939598;
    -ms-transition: color .3s;
    transition: color .3s
}

.form-input::-ms-input-placeholder, .form-textarea::-ms-input-placeholder {
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #939598;
    -ms-transition: color .3s;
    transition: color .3s
}

.form-input::placeholder, .form-textarea::placeholder {
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #939598;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.form-input:-webkit-autofill, .form-textarea:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
    -webkit-text-fill-color: #000
}

.form-input.invalid, .form-textarea.invalid {
    border-color: #eb5757
}

.form-input--theme_white {
    color: #fff;
    border-color: #fff
}

.form-input--theme_white::-webkit-input-placeholder {
    color: #fff
}

.form-input--theme_white::-moz-placeholder {
    color: #fff
}

.form-input--theme_white:-ms-input-placeholder {
    color: #fff
}

.form-input--theme_white::-ms-input-placeholder {
    color: #fff
}

.form-input--theme_white::placeholder {
    color: #fff
}

.form-textarea {
    display: block;
    resize: none
}

.form-textarea--theme_white {
    color: #fff;
    border-color: #fff
}

.form-textarea--theme_white::-webkit-input-placeholder {
    color: #fff
}

.form-textarea--theme_white::-moz-placeholder {
    color: #fff
}

.form-textarea--theme_white:-ms-input-placeholder {
    color: #fff
}

.form-textarea--theme_white::-ms-input-placeholder {
    color: #fff
}

.form-textarea--theme_white::placeholder {
    color: #fff
}

@-webkit-keyframes autofill {
    to {
        background: 0 0
    }
}

.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0;
    font-size: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    position: relative;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    background-color: rgba(52, 163, 220, .5);
    opacity: 1;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
    position: relative;
    background-color: #34a3dc
}

.swiper-pagination-bullets {
    bottom: 0;
    font-size: 0
}

.swiper-pagination-bullets .swiper-pagination-bullet {
    position: relative;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    background-color: #cce8f6;
    opacity: 1;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.swiper-pagination-bullets .swiper-pagination-bullet-active {
    position: relative;
    background-color: #34a3dc
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
    padding: 0 0;
    cursor: pointer;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    -o-transition-property: opacity, filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    display: none;
}

.hamburger.is-active {
    display: inline-block;
}

@media (max-width: 1024px) {
    .hamburger {
        display: inline-block;
    }
    .hamburger.is-active {
        display: inline-block;
    }
}

.hamburger:hover {
    opacity: 1
}

.hamburger.is-active:hover {
    opacity: 1
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::after, .hamburger.is-active .hamburger-inner::before {
    background-color: #000
}

.hamburger-box {
    width: 48px;
    height: 22px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1px
}

.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
    width: 48px;
    height: 2px;
    background-color: #000;
    border-radius: 0;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.hamburger-inner::after, .hamburger-inner::before {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}

.hamburger--3dx .hamburger-box {
    -webkit-perspective: 96px;
    perspective: 96px
}

.hamburger--3dx .hamburger-inner {
    -webkit-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx .hamburger-inner::after, .hamburger--3dx .hamburger-inner::before {
    -webkit-transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.hamburger--3dx.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
    -webkit-perspective: 96px;
    perspective: 96px
}

.hamburger--3dx-r .hamburger-inner {
    -webkit-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx-r .hamburger-inner::after, .hamburger--3dx-r .hamburger-inner::before {
    -webkit-transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
    -webkit-perspective: 96px;
    perspective: 96px
}

.hamburger--3dy .hamburger-inner {
    -webkit-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy .hamburger-inner::after, .hamburger--3dy .hamburger-inner::before {
    -webkit-transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.hamburger--3dy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
    -webkit-perspective: 96px;
    perspective: 96px
}

.hamburger--3dy-r .hamburger-inner {
    -webkit-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy-r .hamburger-inner::after, .hamburger--3dy-r .hamburger-inner::before {
    -webkit-transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dxy .hamburger-box {
    -webkit-perspective: 96px;
    perspective: 96px
}

.hamburger--3dxy .hamburger-inner {
    -webkit-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy .hamburger-inner::after, .hamburger--3dxy .hamburger-inner::before {
    -webkit-transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(180deg) rotateY(180deg);
    transform: rotateX(180deg) rotateY(180deg)
}

.hamburger--3dxy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dxy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dxy-r .hamburger-box {
    -webkit-perspective: 96px;
    perspective: 96px
}

.hamburger--3dxy-r .hamburger-inner {
    -webkit-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy-r .hamburger-inner::after, .hamburger--3dxy-r .hamburger-inner::before {
    -webkit-transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
    transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(-9.6px, 0, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(-9.6px, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrow.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(-9.6px, 0, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(-9.6px, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--arrow-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(9.6px, 0, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(9.6px, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(9.6px, 0, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(9.6px, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrowalt .hamburger-inner::before {
    -webkit-transition: top .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
    -o-transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt .hamburger-inner::after {
    -webkit-transition: bottom .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
    -o-transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: translate3d(-9.6px, -12px, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(-9.6px, -12px, 0) rotate(-45deg) scale(.7, 1);
    -webkit-transition: top .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: top .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    -o-transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: translate3d(-9.6px, 12px, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(-9.6px, 12px, 0) rotate(45deg) scale(.7, 1);
    -webkit-transition: bottom .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: bottom .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    -o-transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt-r .hamburger-inner::before {
    -webkit-transition: top .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
    -o-transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r .hamburger-inner::after {
    -webkit-transition: bottom .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
    -o-transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: translate3d(9.6px, -12px, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(9.6px, -12px, 0) rotate(45deg) scale(.7, 1);
    -webkit-transition: top .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: top .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    -o-transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: translate3d(9.6px, 12px, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(9.6px, 12px, 0) rotate(-45deg) scale(.7, 1);
    -webkit-transition: bottom .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: bottom .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    -o-transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowturn.is-active .hamburger-inner {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrowturn-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::after, .hamburger--boring .hamburger-inner::before {
    -webkit-transition-property: none;
    -o-transition-property: none;
    transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0
}

.hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: .13s;
    -o-transition-duration: .13s;
    transition-duration: .13s;
    -webkit-transition-delay: .13s;
    -o-transition-delay: .13s;
    transition-delay: .13s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse .hamburger-inner::after {
    top: -20px;
    -webkit-transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
    -o-transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
    transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
}

.hamburger--collapse .hamburger-inner::before {
    -webkit-transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    -webkit-transition-delay: .22s;
    -o-transition-delay: .22s;
    transition-delay: .22s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear;
    -o-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear
}

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1);
    -o-transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: .13s;
    -o-transition-duration: .13s;
    transition-duration: .13s;
    -webkit-transition-delay: .13s;
    -o-transition-delay: .13s;
    transition-delay: .13s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    -webkit-transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
    -o-transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
    transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner::before {
    -webkit-transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
    transform: translate3d(0, -10px, 0) rotate(45deg);
    -webkit-transition-delay: .22s;
    -o-transition-delay: .22s;
    transition-delay: .22s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear;
    -o-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1);
    -o-transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--elastic .hamburger-inner {
    top: 1px;
    -webkit-transition-duration: 275ms;
    -o-transition-duration: 275ms;
    transition-duration: 275ms;
    -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    -o-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic .hamburger-inner::before {
    top: 10px;
    -webkit-transition: opacity 125ms 275ms ease;
    -o-transition: opacity 125ms 275ms ease;
    transition: opacity 125ms 275ms ease
}

.hamburger--elastic .hamburger-inner::after {
    top: 20px;
    -webkit-transition: -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
    transition: -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
    -o-transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
    transform: translate3d(0, 10px, 0) rotate(135deg);
    -webkit-transition-delay: 75ms;
    -o-transition-delay: 75ms;
    transition-delay: 75ms
}

.hamburger--elastic.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    -webkit-transition-delay: 75ms;
    -o-transition-delay: 75ms;
    transition-delay: 75ms
}

.hamburger--elastic-r .hamburger-inner {
    top: 1px;
    -webkit-transition-duration: 275ms;
    -o-transition-duration: 275ms;
    transition-duration: 275ms;
    -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    -o-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    -webkit-transition: opacity 125ms 275ms ease;
    -o-transition: opacity 125ms 275ms ease;
    transition: opacity 125ms 275ms ease
}

.hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    -webkit-transition: -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
    transition: -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
    -o-transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
    transform: translate3d(0, 10px, 0) rotate(-135deg);
    -webkit-transition-delay: 75ms;
    -o-transition-delay: 75ms;
    transition-delay: 75ms
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
    transform: translate3d(0, -20px, 0) rotate(270deg);
    -webkit-transition-delay: 75ms;
    -o-transition-delay: 75ms;
    transition-delay: 75ms
}

.hamburger--emphatic {
    overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
    -webkit-transition: background-color 125ms 175ms ease-in;
    -o-transition: background-color 125ms 175ms ease-in;
    transition: background-color 125ms 175ms ease-in
}

.hamburger--emphatic .hamburger-inner::before {
    left: 0;
    -webkit-transition: top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
    transition: top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
    -o-transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in;
    transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in;
    transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic .hamburger-inner::after {
    top: 10px;
    right: 0;
    -webkit-transition: top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
    transition: top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
    -o-transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in;
    transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in;
    transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: transparent !important
}

.hamburger--emphatic.is-active .hamburger-inner::before {
    left: -96px;
    top: -96px;
    -webkit-transform: translate3d(96px, 96px, 0) rotate(45deg);
    transform: translate3d(96px, 96px, 0) rotate(45deg);
    -webkit-transition: left 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: left 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    -o-transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1), -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic.is-active .hamburger-inner::after {
    right: -96px;
    top: -96px;
    -webkit-transform: translate3d(-96px, 96px, 0) rotate(-45deg);
    transform: translate3d(-96px, 96px, 0) rotate(-45deg);
    -webkit-transition: right 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: right 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    -o-transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1), -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic-r {
    overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
    -webkit-transition: background-color 125ms 175ms ease-in;
    -o-transition: background-color 125ms 175ms ease-in;
    transition: background-color 125ms 175ms ease-in
}

.hamburger--emphatic-r .hamburger-inner::before {
    left: 0;
    -webkit-transition: top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
    transition: top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
    -o-transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in;
    transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in;
    transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic-r .hamburger-inner::after {
    top: 10px;
    right: 0;
    -webkit-transition: top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
    transition: top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
    -o-transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in;
    transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in;
    transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic-r.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: transparent !important
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
    left: -96px;
    top: 96px;
    -webkit-transform: translate3d(96px, -96px, 0) rotate(-45deg);
    transform: translate3d(96px, -96px, 0) rotate(-45deg);
    -webkit-transition: left 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: left 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    -o-transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1), -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
    right: -96px;
    top: 96px;
    -webkit-transform: translate3d(-96px, -96px, 0) rotate(45deg);
    transform: translate3d(-96px, -96px, 0) rotate(45deg);
    -webkit-transition: right 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: right 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    -o-transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
    transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1), -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}

.hamburger--minus .hamburger-inner::after, .hamburger--minus .hamburger-inner::before {
    -webkit-transition: bottom 80ms 0s ease-out, top 80ms 0s ease-out, opacity 0s linear;
    -o-transition: bottom 80ms 0s ease-out, top 80ms 0s ease-out, opacity 0s linear;
    transition: bottom 80ms 0s ease-out, top 80ms 0s ease-out, opacity 0s linear
}

.hamburger--minus.is-active .hamburger-inner::after, .hamburger--minus.is-active .hamburger-inner::before {
    opacity: 0;
    -webkit-transition: bottom 80ms ease-out, top 80ms ease-out, opacity 0s 80ms linear;
    -o-transition: bottom 80ms ease-out, top 80ms ease-out, opacity 0s 80ms linear;
    transition: bottom 80ms ease-out, top 80ms ease-out, opacity 0s 80ms linear
}

.hamburger--minus.is-active .hamburger-inner::before {
    top: 0
}

.hamburger--minus.is-active .hamburger-inner::after {
    bottom: 0
}

.hamburger--slider .hamburger-inner {
    top: 1px
}

.hamburger--slider .hamburger-inner::before {
    top: 10px;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s
}

.hamburger--slider .hamburger-inner::after {
    top: 20px
}

.hamburger--slider.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner::before {
    -webkit-transform: rotate(-45deg) translate3d(-6.85714px, -8px, 0);
    transform: rotate(-45deg) translate3d(-6.85714px, -8px, 0);
    opacity: 0
}

.hamburger--slider.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
    transform: translate3d(0, -20px, 0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
    top: 1px
}

.hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s
}

.hamburger--slider-r .hamburger-inner::after {
    top: 20px
}

.hamburger--slider-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
    transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner::before {
    -webkit-transform: rotate(45deg) translate3d(6.85714px, -8px, 0);
    transform: rotate(45deg) translate3d(6.85714px, -8px, 0);
    opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
    transform: translate3d(0, -20px, 0) rotate(90deg)
}

.hamburger--spin .hamburger-inner {
    -webkit-transition-duration: .22s;
    -o-transition-duration: .22s;
    transition-duration: .22s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin .hamburger-inner::before {
    -webkit-transition: top .1s .25s ease-in, opacity .1s ease-in;
    -o-transition: top .1s .25s ease-in, opacity .1s ease-in;
    transition: top .1s .25s ease-in, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner::after {
    -webkit-transition: bottom .1s .25s ease-in, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .25s ease-in, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
    -o-transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19), -webkit-transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin.is-active .hamburger-inner {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transition-delay: .12s;
    -o-transition-delay: .12s;
    transition-delay: .12s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top .1s ease-out, opacity .1s .12s ease-out;
    -o-transition: top .1s ease-out, opacity .1s .12s ease-out;
    transition: top .1s ease-out, opacity .1s .12s ease-out
}

.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom .1s ease-out, -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1);
    -o-transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1), -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin-r .hamburger-inner {
    -webkit-transition-duration: .22s;
    -o-transition-duration: .22s;
    transition-duration: .22s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r .hamburger-inner::before {
    -webkit-transition: top .1s .25s ease-in, opacity .1s ease-in;
    -o-transition: top .1s .25s ease-in, opacity .1s ease-in;
    transition: top .1s .25s ease-in, opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner::after {
    -webkit-transition: bottom .1s .25s ease-in, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .25s ease-in, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
    -o-transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19), -webkit-transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
    -webkit-transition-delay: .12s;
    -o-transition-delay: .12s;
    transition-delay: .12s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top .1s ease-out, opacity .1s .12s ease-out;
    -o-transition: top .1s ease-out, opacity .1s .12s ease-out;
    transition: top .1s ease-out, opacity .1s .12s ease-out
}

.hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: bottom .1s ease-out, -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1);
    -o-transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1), -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spring .hamburger-inner {
    top: 1px;
    -webkit-transition: background-color 0s .13s linear;
    -o-transition: background-color 0s .13s linear;
    transition: background-color 0s .13s linear
}

.hamburger--spring .hamburger-inner::before {
    top: 10px;
    -webkit-transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring .hamburger-inner::after {
    top: 20px;
    -webkit-transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring.is-active .hamburger-inner {
    -webkit-transition-delay: .22s;
    -o-transition-delay: .22s;
    transition-delay: .22s;
    background-color: transparent !important
}

.hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    -o-transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    -webkit-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    -o-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
    transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: .13s;
    -o-transition-duration: .13s;
    transition-duration: .13s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    -webkit-transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity 0s linear;
    -o-transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity 0s linear;
    transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity 0s linear
}

.hamburger--spring-r .hamburger-inner::before {
    -webkit-transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    -webkit-transition-delay: .22s;
    -o-transition-delay: .22s;
    transition-delay: .22s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s .22s linear;
    -o-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s .22s linear;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s .22s linear
}

.hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    -o-transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand .hamburger-inner {
    -webkit-transition: background-color 0s 75ms linear, -webkit-transform 75ms .15s cubic-bezier(.55, .055, .675, .19);
    transition: background-color 0s 75ms linear, -webkit-transform 75ms .15s cubic-bezier(.55, .055, .675, .19);
    -o-transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear;
    transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear;
    transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear, -webkit-transform 75ms .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand .hamburger-inner::before {
    -webkit-transition: top 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
    transition: top 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
    transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
    transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand .hamburger-inner::after {
    -webkit-transition: bottom 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
    transition: bottom 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
    -o-transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
    transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
    transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand.is-active .hamburger-inner {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: transparent !important;
    -webkit-transition: background-color 0s .15s linear, -webkit-transform 75ms 0s cubic-bezier(.215, .61, .355, 1);
    transition: background-color 0s .15s linear, -webkit-transform 75ms 0s cubic-bezier(.215, .61, .355, 1);
    -o-transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear;
    transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear;
    transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear, -webkit-transform 75ms 0s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: top 75ms .1s ease-out, -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
    transition: top 75ms .1s ease-out, -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
    -o-transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
    transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
    transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: bottom 75ms .1s ease-out, -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
    transition: bottom 75ms .1s ease-out, -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
    -o-transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
    transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
    transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand-r .hamburger-inner {
    -webkit-transition: background-color 0s 75ms linear, -webkit-transform 75ms .15s cubic-bezier(.55, .055, .675, .19);
    transition: background-color 0s 75ms linear, -webkit-transform 75ms .15s cubic-bezier(.55, .055, .675, .19);
    -o-transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear;
    transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear;
    transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear, -webkit-transform 75ms .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand-r .hamburger-inner::before {
    -webkit-transition: top 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
    transition: top 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
    transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
    transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand-r .hamburger-inner::after {
    -webkit-transition: bottom 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
    transition: bottom 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
    -o-transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
    transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
    transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-color: transparent !important;
    -webkit-transition: background-color 0s .15s linear, -webkit-transform 75ms 0s cubic-bezier(.215, .61, .355, 1);
    transition: background-color 0s .15s linear, -webkit-transform 75ms 0s cubic-bezier(.215, .61, .355, 1);
    -o-transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear;
    transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear;
    transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear, -webkit-transform 75ms 0s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: top 75ms .1s ease-out, -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
    transition: top 75ms .1s ease-out, -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
    -o-transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
    transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
    transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: bottom 75ms .1s ease-out, -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
    transition: bottom 75ms .1s ease-out, -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
    -o-transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
    transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
    transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze .hamburger-inner {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze .hamburger-inner::before {
    -webkit-transition: top 75ms .12s ease, opacity 75ms ease;
    -o-transition: top 75ms .12s ease, opacity 75ms ease;
    transition: top 75ms .12s ease, opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner::after {
    -webkit-transition: bottom 75ms .12s ease, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);
    transition: bottom 75ms .12s ease, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);
    -o-transition: bottom 75ms .12s ease, transform 75ms cubic-bezier(.55, .055, .675, .19);
    transition: bottom 75ms .12s ease, transform 75ms cubic-bezier(.55, .055, .675, .19);
    transition: bottom 75ms .12s ease, transform 75ms cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: .12s;
    -o-transition-delay: .12s;
    transition-delay: .12s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 75ms ease, opacity 75ms .12s ease;
    -o-transition: top 75ms ease, opacity 75ms .12s ease;
    transition: top 75ms ease, opacity 75ms .12s ease
}

.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom 75ms ease, -webkit-transform 75ms .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom 75ms ease, -webkit-transform 75ms .12s cubic-bezier(.215, .61, .355, 1);
    -o-transition: bottom 75ms ease, transform 75ms .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom 75ms ease, transform 75ms .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom 75ms ease, transform 75ms .12s cubic-bezier(.215, .61, .355, 1), -webkit-transform 75ms .12s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--vortex .hamburger-inner {
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex .hamburger-inner::after, .hamburger--vortex .hamburger-inner::before {
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.hamburger--vortex .hamburger-inner::before {
    -webkit-transition-property: top, opacity;
    -o-transition-property: top, opacity;
    transition-property: top, opacity
}

.hamburger--vortex .hamburger-inner::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    -o-transition-property: bottom, transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform
}

.hamburger--vortex.is-active .hamburger-inner {
    -webkit-transform: rotate(765deg);
    -ms-transform: rotate(765deg);
    transform: rotate(765deg);
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex.is-active .hamburger-inner::after, .hamburger--vortex.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0
}

.hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r .hamburger-inner::after, .hamburger--vortex-r .hamburger-inner::before {
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.hamburger--vortex-r .hamburger-inner::before {
    -webkit-transition-property: top, opacity;
    -o-transition-property: top, opacity;
    transition-property: top, opacity
}

.hamburger--vortex-r .hamburger-inner::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    -o-transition-property: bottom, transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-765deg);
    -ms-transform: rotate(-765deg);
    transform: rotate(-765deg);
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r.is-active .hamburger-inner::after, .hamburger--vortex-r.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.btn {
    display: inline-block;
    max-width: 100%;
    margin: 0;
    padding: 18px 40px;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    color: #000;
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 0;
    vertical-align: top;
    overflow: hidden;
    -webkit-transition: color, background-color, border-color;
    -o-transition: color, background-color, border-color;
    transition: color, background-color, border-color;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

@media (min-width: 1024px) {
    .btn {
        padding-top: 22px;
        padding-bottom: 22px;
        font-size: 20px
    }
}

.btn:active, .btn:hover {
    color: #34a3dc;
    background-color: transparent;
    border-color: #34a3dc
}

.btn:disabled {
    opacity: .3;
    pointer-events: none;
    cursor: default
}

.btn__arrow {
    position: relative;
    top: -2px
}

.btn--theme_white {
    color: #fff;
    border-color: #fff
}

.btn--link {
    padding: 0;
    text-transform: none;
    border: none
}

.btn-close {
    position: relative;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    background-color: #34a3dc;
    border: none;
    border-radius: 50%;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    cursor: pointer
}

@media (min-width: 1280px) {
    .btn-close {
        width: 48px;
        height: 48px
    }
}

.btn-close:active, .btn-close:hover {
    background-color: rgba(52, 163, 220, .5)
}

.btn-close::after, .btn-close::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 2px;
    background-color: #fff;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

@media (min-width: 1280px) {
    .btn-close::after, .btn-close::before {
        width: 32px
    }
}

.btn-close::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.btn-close::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.section {
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding-top: 64px;
    padding-bottom: 64px
}

@media (min-width: 768px) {
    .section {
        padding-top: 96px;
        padding-bottom: 96px
    }
}

@media (min-width: 1024px) {
    .section {
        min-height: 100vh
    }
    .hamburger-b
}

@media (min-width: 1280px) {
    .section {
        padding-top: 128px;
        padding-bottom: 128px
    }
}

@media (min-width: 1440px) {
    .section {
        padding-top: 128px;
        padding-bottom: 128px
    }
}

.section--fluid {
    max-width: none;
    margin: 0
}

@media (min-width: 1024px) {
    .section--half {
        min-height: 50vh
    }
}

.section--auto {
    min-height: auto
}

.section--centered {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (min-width: 1024px) {
    .section--centered {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.section--top {
    padding-top: 56px;
    padding-bottom: 0
}

@media (min-width: 768px) {
    .section--top {
        padding-top: 72px
    }
}

.section--theme_gray, .section--theme_red {
    padding-top: 64px;
    padding-bottom: 64px
}

@media (min-width: 768px) {
    .section--theme_gray, .section--theme_red {
        padding-top: 96px;
        padding-bottom: 96px
    }
}

@media (min-width: 1280px) {
    .section--theme_gray, .section--theme_red {
        padding-top: 128px;
        padding-bottom: 128px
    }
}

@media (min-width: 1440px) {
    /*.hamburger {*/
    /*    display:none;*/
    /*}*/
    .section--theme_gray, .section--theme_red {
        padding-top: 128px;
        padding-bottom: 128px
    }
}

.section--theme_gray {
    background-color: #f0f0f0
}

.section--theme_blue {
    background-color: #cce8f6
}

.section--theme_red {
    background-color: #f0f0f0;
    background-image: url(../img/bg-pattern.svg);
    background-repeat: repeat;
    background-position: calc(100% - 48px) center
}

.section--no_padding {
    padding: 0
}

.section--padding_top {
    padding-top: 64px;
    padding-bottom: 0
}

@media (min-width: 768px) {
    .section--padding_top {
        padding-top: 96px
    }
}

@media (min-width: 1280px) {
    .section--padding_top {
        padding-top: 128px
    }
}

.section--padding_bottom {
    padding-top: 0;
    padding-bottom: 64px
}

@media (min-width: 768px) {
    .section--padding_bottom {
        padding-bottom: 96px
    }
}

@media (min-width: 1280px) {
    .section--padding_bottom {
        padding-bottom: 128px
    }
}

.section--cases {
    padding-bottom: 0
}

@media (min-width: 1024px) {
    .section--cases {
        padding-bottom: 96px
    }
}

@media (min-width: 1280px) {
    .section--cases {
        padding-bottom: 128px
    }
}

@media (max-width: 1023px) {
    .section--filter {
        padding-bottom: 0
    }
}

.section__inner {
    position: relative;
    z-index: 1
}

.section__container {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width: 0) {
    .section__container {
        width: calc(100% - 16px)
    }
}

@media (min-width: 768px) {
    .section__container {
        width: calc(100% - 24px)
    }
}

@media (min-width: 1024px) {
    .section__container {
        width: calc(100% - 24px)
    }
}

@media (min-width: 1280px) {
    .section__container {
        width: 1164px
    }
}

@media (min-width: 1440px) {
    .section__container {
        width: 1336px
    }
}

@media (min-width: 1700px) {
    .section__container {
        width: 1608px
    }
}

.section__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px
}

.section__row > * {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.section__col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px
}

.main-title {
    margin-top: 0;
    margin-bottom: 32px;
    font-weight: 600;
    font-size: 36px;
    line-height: 48px;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .main-title {
        margin-bottom: 48px;
        font-size: 48px;
        line-height: 56px
    }
}

@media (min-width: 1024px) {
    .main-title {
        margin-bottom: 64px;
        font-size: 64px;
        line-height: 80px
    }
}

@media (min-width: 1440px) {
    .main-title {
        font-size: 96px;
        line-height: 112px
    }
}

.main-title--centered {
    text-align: center
}

.section-title {
    margin-top: 0;
    margin-bottom: 24px;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .section-title {
        margin-bottom: 32px;
        font-size: 36px;
        line-height: 48px
    }
}

@media (min-width: 1024px) {
    .section-title {
        font-size: 48px;
        line-height: 56px
    }
}

@media (min-width: 1440px) {
    .section-title {
        margin-bottom: 24px;
        font-size: 56px;
        line-height: 72px
    }
}

.section-title--size_small {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 36px
}

@media (min-width: 768px) {
    .section-title--size_small {
        margin-bottom: 16px;
        font-size: 36px;
        line-height: 48px
    }
}

@media (min-width: 1024px) {
    .section-title--size_small {
        margin-bottom: 24px;
        font-size: 48px;
        line-height: 56px
    }
}

@media (min-width: 1440px) {
    .section-title--size_small {
        margin-bottom: 32px
    }
}

.section-title--size_large {
    font-size: 36px;
    line-height: 48px
}

@media (min-width: 768px) {
    .section-title--size_large {
        margin-bottom: 16px;
        font-size: 48px;
        line-height: 56px
    }
}

@media (min-width: 1024px) {
    .section-title--size_large {
        font-size: 64px;
        line-height: 80px
    }
}

@media (min-width: 1440px) {
    .section-title--size_large {
        font-size: 96px;
        line-height: 112px
    }
}

.section-contacts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px
}

.section-contacts > * {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.section-contacts__col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 12px
}

/* Partner login */
.auth-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background-color: #f5f5f5;
}

.auth-container {
    width: 100%;
    max-width: 400px;
    padding: 2rem;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.auth-title {
    font-size: 24px;
    margin-bottom: 1.5rem;
}

.auth-group {
    margin-bottom: 1rem;
    text-align: left;
}

.auth-label {
    display: block;
    font-size: 14px;
    color: #333;
    margin-bottom: 0.5rem;
}

.auth-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
}

/* Error styling (for password only) */
.auth-label-error {
    color: #d9534f; /* Red color for error label */
}

.auth-input-error {
    border-color: #d9534f; /* Red border color for error input */
}

.auth-error-message {
    color: #d9534f;
    font-size: 14px;
    margin-top: 5px;
}

.auth-button {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    color: #fff;
    background-color: #6bb8e7;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 1rem;
}

.auth-button:hover {
    background-color: #5ca6d4;
}

/* Project Card */
.proj-card {
    background-color: #fff;
    /* TODO: proj card no shadow? */
    /*border-radius: 8px;*/
    /*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);*/
    overflow: hidden;
    margin-top: 20px;
    padding-bottom: 16px;
}

/* Tags */
.proj-tags {
    position: absolute;
    top: 16px;
    left: 16px;
}

.proj-tag {
    background-color: #ffffff;
    color: #34a3dc;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    margin-right: 5px;
    font-weight: 1000;
}

/*input[type="range"]::-webkit-slider-thumb {*/
/*  background-color: #34a3dc;*/
/*}*/

/*input[type="range"]::-webkit-slider-runnable-track {*/
/*  !*background-color: #34a3dc;*!*/
/*}*/

/*input[type="range"]::-moz-range-thumb {*/
/*  background-color: #34a3dc;*/
/*}*/

/*input[type="range"] {*/
/*  accent-color: #34a3dc !important;*/
/*}*/

/* Image Dimensions & Gradient */
.proj-image {
    position: relative;
    background-size: contain; /* or 'cover' if you want full fill */
    background-position: center;
    background-repeat: no-repeat;
    height: 305px;
    width: 100%;
    border-bottom: none;
    margin: 0 auto;
    overflow: hidden;
}

.proj-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -5px;
  background: linear-gradient(
      to bottom,
        rgba(0, 153, 255, 0.05) 0%,
        rgba(0, 153, 255, 0.1) 25%,
        rgba(0, 153, 255, 0.2) 50%,
        rgba(0, 153, 255, 0.25) 70%,
        rgba(0, 153, 255, 0.3) 85%,
        rgba(0, 153, 255, 0.3) 95%,
        rgba(0, 153, 255, 0.3) 97%,
        rgba(0, 153, 255, 0.1) 100%
  );
  z-index: 1;
  pointer-events: none;
}


/* Tags and End Time */
.proj-tags, .proj-end-time {
    position: relative;
    z-index: 2; /* Ensure text is above the overlay */
}

/* End Time */
.proj-end-time {
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 14px;
    margin-right: 0.3rem;
    font-weight: bolder;
}

.proj-end-time.proj-active {
    color: #fff;
}

.proj-end-time.proj-finished {
    color: #e74c3c;
}

/* Project Content */
.proj-content {
    /* TODO: add project card padding ? */
    /*padding: 3px;*/
}

.proj-title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 8px;
    margin-top: 0.8rem;
}

.proj-description {
    color: #555;
    font-size: 14px;
    line-height: 1.5;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 8px;
}

.proj-info {
    color: #888;
    font-size: 14px;
    margin-bottom: 4px;
}

/* Round and Slider */
.proj-round {
    display: flex;
    justify-content: flex-start;
    font-size: 14px;
    color: #888;
    margin-bottom: 0;
}

.proj-slider-wrapper {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
    position: relative;
}

.proj-slider-bar {
  position: relative;
  width: 100%;
  height: 10px;
  border-radius: var(--sds-size-radius-full);
  border: 1px solid #DBDBDB;
  background: linear-gradient(
      90deg,
      #9EFA8C   0%,
      #9EFA8C  30%,
      #F52024 100%
  );
  overflow: visible;
  margin-bottom: 1rem;
}

.proj-slider-bar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  /* cover `everything` left of the arrow */
  width: calc(100% - var(--allocation-percentage));
  height: 100%;
  background: #FFF;
  pointer-events: none;
}

.fancybox-bg {
    /* TODO[KC-14]: https://aldandev.atlassian.net/browse/KC-14 */
    opacity: .99 !important;
    backdrop-filter: blur(15px) !important;
}


.allocation-arrow {
    position: absolute;
    top: 5px;
    transform: translateX(-50%);
    height: 15px;
    width: auto;
    z-index: 10;
}

/* Allocation and Investment Fields */
.proj-allocation {
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
    color: #888;
    margin-bottom: 8px;
    margin-top: -0.4rem;
}

.proj-metrics {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #888;
}

.proj-metrics.bottom {
    margin-top: -0.4rem;
}


@media (min-width: 1024px) {
    .section-contacts__col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px
    }
}

.section-contacts__col > :last-child {
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .section-contacts__col {
        margin-bottom: 16px
    }
}

@media (min-width: 1440px) {
    .section-contacts__col {
        margin-bottom: 24px
    }
}

.section-contacts__col:last-child {
    margin-bottom: 0
}

.section-contacts__text {
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    text-transform: uppercase;
    color: #34a3dc
}

@media (min-width: 768px) {
    .section-contacts__text {
        font-size: 24px;
        line-height: 36px
    }
}

@media (min-width: 1024px) {
    .section-contacts__text {
        font-size: 30px;
        line-height: 44px
    }
}

@media (min-width: 1440px) {
    .section-contacts__text {
        font-size: 36px;
        line-height: 48px
    }
}

.section-contacts__text a {
    color: #34a3dc
}

@media (min-width: 1024px) {
    .section-contacts__text a[href^="mailto:"]:hover {
        color: rgba(52, 163, 220, .7)
    }
}

.section-contacts--theme_black .section-contacts__text {
    color: #000
}

.section-contacts--theme_black a {
    color: #000
}

.page-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    width: 100%;
    padding: 8px 0;
    -webkit-transition-property: background-color, padding-top, padding-bottom, opacity;
    -o-transition-property: background-color, padding-top, padding-bottom, opacity;
    transition-property: background-color, padding-top, padding-bottom, opacity;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

@media (min-width: 768px) {
    .page-header {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

.page-header--detached {
    background-color: #fff
}

.page-header--opened {
    background-color: #34a3dc;
    padding-bottom: 48px
}

.page-header--login {
    background-color: #34a3dc;
}

@media (min-width: 1024px) {
    .page-header--opened {
        padding-bottom: 24px
    }
}

.page-header--opened .page-header--login .page-header__logo-img * {
    fill: #fff
}

.page-header--opened .page-header__col--nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.page-header--opened .page-header__col--lang {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#navbar_favorites {
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

.favorites-container {
    position: relative;
    display: inline-block;
}

.project-detail-star-icon {
    width: 32px;
    height: 32px;
}

.favorites-count {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: #D4E9F9;
    color: #4A90E2;
    border-radius: 12px;
    padding: 2px 6px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    display: inline-block;
    text-align: center;
    min-width: 24px; /* Ensures circle remains visible for single-digit numbers */
}

.page-header--opened .page-header__nav--bottom {
    display: block
}

.page-header--opened .page-header__nav-item--hidden {
    display: block
}

.page-header--opened .page-header__lang {
    color: rgba(255, 255, 255, .5)
}

.page-header--opened .page-header__hamburger-inner {
    background-color: #fff !important
}

@media (min-width: 1024px) {
    .page-header--main .page-header__lang {
        color: #fff
    }
}

@media (min-width: 1024px) {
    .page-header--main .page-header__lang:hover {
        color: rgba(255, 255, 255, .75)
    }
}

@media (min-width: 1024px) {
    .page-header--main.page-header--detached .page-header__lang {
        color: rgba(0, 0, 0, .5)
    }
}

@media (min-width: 1024px) {
    .page-header--main.page-header--detached .page-header__lang:hover {
        color: #34a3dc
    }
}

@media (min-width: 1024px) {
    .page-header--main.page-header--opened .page-header--login .page-header__lang {
        color: #fff
    }
}

@media (min-width: 1024px) {
    .page-header--main.page-header--opened .page-header--login .page-header__lang:hover {
        color: rgba(255, 255, 255, .5)
    }
}

@media (min-width: 1024px) {
    .page-header--sub .page-header__nav--top {
        padding-bottom: 56px
    }
}

.page-header__container {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width: 0) {
    .page-header__container {
        width: calc(100% - 16px)
    }
}

@media (min-width: 768px) {
    .page-header__container {
        width: calc(100% - 24px)
    }
}

@media (min-width: 1024px) {
    .page-header__container {
        width: calc(100% - 24px)
    }
}

@media (min-width: 1280px) {
    .page-header__container {
        width: 1164px
    }
}

@media (min-width: 1440px) {
    .page-header__container {
        width: 1336px
    }
}

@media (min-width: 1700px) {
    .page-header__container {
        width: 1608px
    }
}

.page-header__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px
}

.page-header__row > * {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.page-header__col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.page-header__col--logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width: 768px) {
    .page-header__col--logo {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1024px) {
    .page-header__col--logo {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: 12px;
        padding-right: 12px
    }
}

.page-header__col--nav {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 32px
}

@media (min-width: 1024px) {
    .page-header__col--nav {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 57.33333%;
        -ms-flex: 0 0 57.33333%;
        flex: 0 0 57.33333%;
        max-width: 57.33333%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1024px) {
    .page-header__col--nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-top: 10px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .page-header__col--nav {
        padding-left: 0
    }
}

@media (max-width: 1023px) {
    .page-header__col--nav {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.page-header__col--lang {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    display: none;
    padding-top: 32px
}

@media (min-width: 1024px) {
    .page-header__col--lang {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 3.33333%;
        flex: 0 0 3.33333%;
        max-width: 3.33333%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1024px) {
    .page-header__col--lang {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-top: 10px
    }
}

@media (max-width: 1023px) {
    .page-header__col--lang {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
        #navbar_favorites {
        padding-left: 12px;
    }
}

.page-header__col--btn {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 13px
}

@media (min-width: 768px) {
    .page-header__col--btn {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 768px) {
    .page-header__col--btn {
        margin-left: 50%
    }
}

@media (min-width: 1024px) {
    .page-header__col--btn {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1024px) {
    .page-header__col--btn {
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .page-header__col--btn {
        padding-top: 17px
    }
}

.page-header__logo {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    height: 48px;
    margin-right: 16px;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

@media (min-width: 768px) {
    .page-header__logo {
        height: 56px
    }
}

.page-header__logo-img {
    width: auto;
    height: 100%;
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

.page-header__menu-toggle {
    position: relative;
    z-index: 1;
    margin-left: auto;
    font-size: 0;
}

.page-header__nav {
    -webkit-transition-property: padding;
    -o-transition-property: padding;
    transition-property: padding;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    will-change: padding
}

.page-header__nav--bottom {
    padding-top: 16px
}

@media (min-width: 1024px) {
    .page-header__nav--bottom {
        display: none
    }
}

.page-header__nav--theme_white .page-header__nav-link {
    color: #fff
}

.page-header__nav--theme_white .page-header__nav-link::after {
    background-color: #fff
}

.page-header__nav--theme_white .page-header__sub-link {
    color: #fff
}

.page-header__nav--theme_white .page-header__sub-link:active, .page-header__nav--theme_white .page-header__sub-link:hover {
    color: rgba(255, 255, 255, .5)
}

.page-header__nav--theme_white .page-header__sub-link--active {
    color: rgba(255, 255, 255, .5)
}

.page-header__nav-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0;
    padding: 0;
    list-style: none
}

@media (min-width: 1024px) {
    .page-header__nav-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -12px;
        padding-top: 0
    }
}

.page-header__nav-item {
    position: relative;
    margin-bottom: 16px
}

@media (min-width: 1024px) {
    .page-header__nav-item {
        padding-right: 32px;
        margin-bottom: 12px
    }
}

@media (min-width: 1440px) {
    .page-header__nav-item {
        padding-right: 23px
    }
}

@media (min-width: 1024px) {
    .page-header__nav-item--hidden {
        display: none
    }
}

.page-header__nav-link {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width: 1024px) {
    .page-header__nav-link {
        font-size: 20px;
        line-height: 32px
    }
}

.page-header__sub-nav {
    padding-top: 16px;
    padding-bottom: 16px
}

@media (max-width: 1023px) {
    .page-header__sub-nav {
        padding-bottom: 0
    }
}

@media (min-width: 1024px) {
    .page-header__sub-nav {
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 100%;
        padding-top: 12px;
        padding-bottom: 12px
    }
}

.page-header__sub-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0;
    padding: 0;
    list-style: none
}

@media (min-width: 1024px) {
    .page-header__sub-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.page-header__sub-item {
    margin-bottom: 8px
}

.page-header__sub-item:last-child {
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .page-header__sub-item {
        margin-right: 32px;
        margin-bottom: 0
    }
}

.page-header__sub-link {
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.page-header__sub-link--current {
    color: #34a3dc
}

.page-header__lang {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: rgba(0, 0, 0, .5)
}

@media (min-width: 1024px) {
    .page-header__lang {
        font-size: 20px;
        line-height: 32px
    }
}

.page-footer {
    padding-top: 64px;
    padding-bottom: 32px;
    font-size: 16px;
    line-height: 25px
}

@media (min-width: 1024px) {
    .page-footer {
        padding-top: 96px;
        padding-bottom: 32px
    }
}

.page-footer__container {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width: 0) {
    .page-footer__container {
        width: calc(100% - 16px)
    }
}

@media (min-width: 768px) {
    .page-footer__container {
        width: calc(100% - 24px)
    }
}

@media (min-width: 1024px) {
    .page-footer__container {
        width: calc(100% - 24px)
    }
}

@media (min-width: 1280px) {
    .page-footer__container {
        width: 1164px
    }
}

@media (min-width: 1440px) {
    .page-footer__container {
        width: 1336px
    }
}

@media (min-width: 1700px) {
    .page-footer__container {
        width: 1608px
    }
}

.page-footer__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px
}

.page-footer__row > * {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.page-footer__copyright {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 24px
}

@media (min-width: 768px) {
    .page-footer__copyright {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1280px) {
    .page-footer__copyright {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: 12px;
        padding-right: 12px
    }
}

.page-footer__copyright > :last-child {
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .page-footer__copyright {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 1280px) {
    .page-footer__copyright {
        margin-bottom: 0
    }
}

.page-footer__terms {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 12px
}

@media (min-width: 768px) {
    .page-footer__terms {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 768px) {
    .page-footer__terms {
        margin-left: 8.33333%
    }
}

@media (min-width: 1280px) {
    .page-footer__terms {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1280px) {
    .page-footer__terms {
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .page-footer__terms {
        margin-bottom: 24px
    }
}

@media (min-width: 1024px) {
    .page-footer__terms {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 1280px) {
    .page-footer__terms {
        margin-bottom: 0
    }
}

.page-footer__policy {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 32px
}

@media (min-width: 768px) {
    .page-footer__policy {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1280px) {
    .page-footer__policy {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 768px) {
    .page-footer__policy {
        margin-bottom: 24px;
        text-align: right
    }
}

@media (min-width: 1024px) {
    .page-footer__policy {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 1280px) {
    .page-footer__policy {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 0;
        text-align: left
    }
}

.page-footer__social {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 32px
}

@media (min-width: 768px) {
    .page-footer__social {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1280px) {
    .page-footer__social {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 768px) {
    .page-footer__social {
        margin-bottom: 0
    }
}

@media (min-width: 1024px) {
    .page-footer__social {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.page-footer__developer {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    color: #939598
}

@media (min-width: 768px) {
    .page-footer__developer {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 768px) {
    .page-footer__developer {
        margin-left: 33.33333%
    }
}

@media (min-width: 1280px) {
    .page-footer__developer {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1280px) {
    .page-footer__developer {
        margin-left: 0
    }
}

.page-footer__developer > :last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .page-footer__developer {
        text-align: right
    }
}

@media (min-width: 1024px) {
    .page-footer__developer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.page-footer p {
    font-size: 16px;
    line-height: 25px
}

.page-footer__d-link {
    color: #939598
}

.info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%
}

@media (min-width: 1024px) {
    .info {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

@media (min-width: 1024px) {
    .info--reverse .info__image {
        right: auto;
        left: 0;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
}

@media (min-width: 1024px) {
    .info--reverse .info__col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1024px) {
    .info--reverse .info__col {
        margin-left: 58.33333%
    }
}

.info__content {
    width: 100%;
    padding-top: 48px;
    padding-bottom: 48px
}

@media (min-width: 1024px) {
    .info__content {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        padding-top: 56px;
        padding-bottom: 56px
    }
}

@media (min-width: 1280px) {
    .info__content {
        padding-top: 96px;
        padding-bottom: 96px
    }
}

@media (min-width: 1440px) {
    .info__content {
        padding-top: 128px;
        padding-bottom: 128px
    }
}

.info__container {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width: 0) {
    .info__container {
        width: calc(100% - 16px)
    }
}

@media (min-width: 768px) {
    .info__container {
        width: calc(100% - 24px)
    }
}

@media (min-width: 1024px) {
    .info__container {
        width: calc(100% - 24px)
    }
}

@media (min-width: 1280px) {
    .info__container {
        width: 1164px
    }
}

@media (min-width: 1440px) {
    .info__container {
        width: 1336px
    }
}

@media (min-width: 1700px) {
    .info__container {
        width: 1608px
    }
}

.info__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px
}

.info__row > * {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.info__col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1024px) {
    .info__col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1440px) {
    .info__content-inner {
        padding-right: 40px
    }
}

.info__title {
    margin-top: 0;
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 18px;
    line-height: 29px;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .info__title {
        margin-bottom: 16px;
        font-size: 20px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .info__title {
        font-size: 24px;
        line-height: 36px
    }
}

@media (min-width: 1440px) {
    .info__title {
        font-size: 36px;
        line-height: 48px
    }
}

.info__text > :last-child {
    margin-bottom: 0
}

.info__image {
    width: 100%;
    overflow: hidden
}

@media (min-width: 1024px) {
    .info__image {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        width: 50%;
        height: 100%
    }
}

.info__img-wrap {
    width: 100%
}

.info__img-ratio {
    padding-top: 70%;
    height: 0
}

@media (max-width: 1023px) {
    .info__img-ratio {
        position: relative
    }
}

@media (min-width: 768px) {
    .info__img-ratio {
        padding-top: 62.5%
    }
}

@media (min-width: 1024px) {
    .info__img-ratio {
        height: auto;
        padding-top: 0
    }
}

.info__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: 'object-fit: cover; object-position: center center;'
}

.info__section-title {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 36px
}

@media (min-width: 768px) {
    .info__section-title {
        font-size: 36px;
        line-height: 48px
    }
}

@media (min-width: 1440px) {
    .info__section-title {
        margin-bottom: 32px;
        font-size: 48px;
        line-height: 56px
    }
}

.info__btn {
    width: 100%;
    max-width: 320px
}

@media (min-width: 768px) {
    .info__btn {
        max-width: 280px
    }
}

@media (min-width: 1024px) {
    .info__btn {
        max-width: 310px
    }
}

@media (min-width: 1700px) {
    .info__btn {
        max-width: 370px
    }
}

.info__section-contacts {
    padding-top: 32px
}

@media (min-width: 768px) {
    .info__section-contacts {
        padding-top: 48px
    }
}

@media (min-width: 1024px) {
    .info__section-contacts {
        padding-top: 64px
    }
}

.info__btn-wrap {
    padding-top: 16px
}

@media (min-width: 1280px) {
    .info__btn-wrap {
        padding-top: 24px
    }
}

@media (min-width: 1024px) {
    .info--main .info__image {
        width: 45%
    }
}

@media (min-width: 1280px) {
    .info--main .info__image {
        width: 48%
    }
}

@media (min-width: 1440px) {
    .info--main .info__image {
        width: 50%
    }
}

.d-link {
    display: inline-block;
    position: relative;
    padding-bottom: 4px;
    white-space: nowrap
}

.d-link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #34a3dc;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

@media (min-width: 1280px) {
    .d-link:hover::after {
        -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        transform-origin: bottom left;
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.d-link--active::after {
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.d-link--current::after {
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.arrow-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.main-info__container {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width: 0) {
    .main-info__container {
        width: calc(100% - 16px)
    }
}

@media (min-width: 768px) {
    .main-info__container {
        width: calc(100% - 24px)
    }
}

@media (min-width: 1024px) {
    .main-info__container {
        width: calc(100% - 24px)
    }
}

@media (min-width: 1280px) {
    .main-info__container {
        width: 1164px
    }
}

@media (min-width: 1440px) {
    .main-info__container {
        width: 1336px
    }
}

@media (min-width: 1700px) {
    .main-info__container {
        width: 1608px
    }
}

.main-info__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px
}

.main-info__row > * {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.main-info__col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px
}

.main-info__header {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width: 768px) {
    .main-info__header {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 768px) {
    .main-info__header {
        margin-left: 16.66667%
    }
}

@media (min-width: 1440px) {
    .main-info__header {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1440px) {
    .main-info__header {
        margin-left: 8.33333%
    }
}

.main-info__projects {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 48px
}

@media (min-width: 768px) {
    .main-info__projects {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 768px) {
    .main-info__projects {
        margin-left: 8.33333%
    }
}

@media (min-width: 1024px) {
    .main-info__projects {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1024px) {
    .main-info__projects {
        margin-left: 8.33333%
    }
}

@media (min-width: 1024px) {
    .main-info__projects {
        margin-bottom: 64px
    }
}

.main-info__description {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 32px
}

@media (min-width: 768px) {
    .main-info__description {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 768px) {
    .main-info__description {
        margin-left: 8.33333%
    }
}

@media (min-width: 1024px) {
    .main-info__description {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1024px) {
    .main-info__description {
        margin-left: 8.33333%
    }
}

@media (min-width: 768px) {
    .main-info__description {
        margin-bottom: 48px
    }
}

@media (min-width: 1024px) {
    .main-info__description {
        margin-bottom: 64px
    }
}

.main-info__stats {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width: 768px) {
    .main-info__stats {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 768px) {
    .main-info__stats {
        margin-left: 8.33333%
    }
}

.main-info__union {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 32px
}

@media (min-width: 768px) {
    .main-info__union {
        padding-top: 48px
    }
}

@media (min-width: 1024px) {
    .main-info__union {
        padding-top: 64px
    }
}

.main-info__projects-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 32px
}

@media (min-width: 1024px) {
    .main-info__projects-btn {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 48px
    }
}

.main-info__btn {
    width: 100%;
    max-width: 320px
}

@media (min-width: 768px) {
    .main-info__btn {
        max-width: 280px
    }
}

@media (min-width: 1024px) {
    .main-info__btn {
        max-width: 310px
    }
}

@media (min-width: 1700px) {
    .main-info__btn {
        max-width: 370px
    }
}

.brand-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
    margin-top: 0;
    margin-bottom: -24px;
    padding: 0;
    list-style: none
}

.brand-list > * {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.brand-list__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 12px;
    padding-right: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px
}

@media (min-width: 768px) {
    .brand-list__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 12px;
        padding-right: 12px
    }
}

.brand-list__link {
    display: block;
    padding: 0 16px;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

@media (min-width: 580px) {
    .brand-list__link {
        padding: 0 24px
    }
}

@media (min-width: 768px) {
    .brand-list__link {
        padding: 0 16px
    }
}

@media (min-width: 1024px) {
    .brand-list__link {
        padding: 0 8px
    }
}

.brand-list__link:hover {
    opacity: .7
}

.brand-list__link:active {
    opacity: .7
}

.brand-list__img {
    width: auto;
    max-width: 100%;
    max-height: 100px
}

@media (max-width: 767px) {
    .brand-list__img {
        max-width: 100%;
        margin: 0 auto
    }
}

@media (min-width: 768px) {
    .brand-list__img {
        max-height: 115px
    }
}

@media (min-width: 1440px) {
    .brand-list__img {
        max-height: 130px
    }
}

.stats-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
    margin-top: 0;
    margin-bottom: -16px;
    padding: 0;
    list-style: none
}

.stats-list > * {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@media (min-width: 768px) {
    .stats-list {
        margin-bottom: -24px
    }
}

@media (min-width: 1024px) {
    .stats-list {
        margin-bottom: -40px
    }
}

.stats-list__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .stats-list__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1024px) {
    .stats-list__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 768px) {
    .stats-list__item {
        margin-bottom: 24px
    }
}

@media (min-width: 1024px) {
    .stats-list__item {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 40px
    }
}

@media (min-width: 1024px) {
    .stats-list__item:nth-child(3n+1) {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width: 1024px) {
    .stats-list__item:nth-child(3n-1) {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width: 1024px) {
    .stats-list__item:nth-child(n+3):nth-child(3n) {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width: 1024px) {
    .stats-list__item-content {
        text-align: center
    }
}

.stats-list__value {
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 36px;
    line-height: 48px;
    text-transform: uppercase;
    white-space: nowrap;
    color: #34a3dc
}

@media (min-width: 768px) {
    .stats-list__value {
        margin-bottom: 12px;
        font-size: 48px;
        line-height: 56px
    }
}

@media (min-width: 1280px) {
    .stats-list__value {
        margin-bottom: 16px;
        font-size: 56px;
        line-height: 72px
    }
}

@media (min-width: 1440px) {
    .stats-list__value {
        font-size: 64px;
        line-height: 80px
    }
}

.stats-list__tip {
    font-weight: 600;
    font-size: 18px;
    line-height: 29px
}

@media (min-width: 1024px) {
    .stats-list__tip {
        font-size: 20px;
        line-height: 32px
    }
}

.stats-list--theme_red .stats-list__value {
    color: #eb5757
}

@media (min-width: 1280px) {
    .news--large .news__header {
        margin-bottom: 64px
    }
}

.news__header {
    margin-bottom: 32px;
    border-bottom: 4px solid #000
}

@media (min-width: 768px) {
    .news__header {
        margin-bottom: 48px
    }
}

.news__section-title {
    margin-bottom: 24px
}

@media (min-width: 768px) {
    .news__section-title {
        margin-bottom: 32px
    }
}

@media (min-width: 1024px) {
    .news__section-title {
        margin-bottom: 48px
    }
}

.news__btn {
    width: 100%;
    max-width: 320px
}

@media (min-width: 768px) {
    .news__btn {
        max-width: 280px
    }
}

@media (min-width: 1024px) {
    .news__btn {
        max-width: 310px
    }
}

@media (min-width: 1700px) {
    .news__btn {
        max-width: 370px
    }
}

.news-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.news-list--large {
    margin-bottom: 24px
}

@media (min-width: 768px) {
    .news-list--large {
        margin-bottom: 32px
    }
}

@media (min-width: 1024px) {
    .news-list--large {
        margin-bottom: 48px
    }
}

@media (min-width: 1280px) {
    .news-list--large {
        margin-bottom: 64px
    }
}

@media (min-width: 1280px) {
    .news-list--large .news-list__item {
        margin-bottom: 64px
    }
}

.news-list--first .news-list__preview {
    font-weight: 600
}

.news-list--first .news-list__preview > :last-child {
    margin-bottom: 0
}

.news-list--first .news-list__preview p {
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 36px
}

@media (min-width: 768px) {
    .news-list--first .news-list__preview p {
        font-size: 30px;
        line-height: 44px
    }
}

@media (min-width: 1024px) {
    .news-list--first .news-list__preview p {
        font-size: 36px;
        line-height: 48px
    }
}

@media (min-width: 1440px) {
    .news-list--first .news-list__preview p {
        font-size: 48px;
        line-height: 56px
    }
}

.news-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 24px
}

.news-list__item > * {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@media (min-width: 768px) {
    .news-list__item {
        margin-bottom: 32px
    }
}

@media (min-width: 1024px) {
    .news-list__item {
        margin-bottom: 48px
    }
}

.news-list__item:last-child {
    margin-bottom: 0
}

.news-list__preview {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 8px
}

@media (min-width: 1024px) {
    .news-list__preview {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1280px) {
    .news-list__preview {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
        padding-left: 12px;
        padding-right: 12px
    }
}

.news-list__preview > :last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .news-list__preview {
        margin-bottom: 12px
    }
}

@media (min-width: 1024px) {
    .news-list__preview {
        margin-bottom: 0
    }
}

.news-list__preview-link {
    font-size: 20px;
    line-height: 32px
}

@media (min-width: 768px) {
    .news-list__preview-link {
        margin-bottom: 12px;
        font-size: 24px;
        line-height: 36px
    }
}

@media (min-width: 1024px) {
    .news-list__preview-link {
        margin-bottom: 0;
        font-size: 30px;
        line-height: 44px
    }
}

@media (min-width: 1440px) {
    .news-list__preview-link {
        font-size: 36px;
        line-height: 48px
    }
}

.news-list__date {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 16px;
    line-height: 25px;
    color: #939598
}

@media (min-width: 1024px) {
    .news-list__date {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1024px) {
    .news-list__date {
        margin-left: 8.33333%
    }
}

@media (min-width: 1280px) {
    .news-list__date {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 768px) {
    .news-list__date {
        font-size: 18px;
        line-height: 29px
    }
}

@media (min-width: 1024px) {
    .news-list__date {
        font-size: 20px;
        line-height: 32px
    }
}

.news-list__more {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
    padding-left: 12px;
    padding-right: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    color: #34a3dc
}

@media (min-width: 1024px) {
    .news-list__more {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 768px) {
    .news-list__more {
        font-size: 18px;
        line-height: 29px
    }
}

@media (min-width: 1024px) {
    .news-list__more {
        font-size: 20px;
        line-height: 32px
    }
}

.news-list__link {
    color: #34a3dc
}

.links-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    list-style: none
}

.links-list > * {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.links-list__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 12px
}

@media (min-width: 768px) {
    .links-list__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1024px) {
    .links-list__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1024px) {
    .links-list__item {
        margin-bottom: 24px
    }
}

.links-list__item:last-child {
    margin-bottom: 0
}

.links-list__arrow-link {
    font-size: 20px;
    line-height: 32px
}

@media (min-width: 768px) {
    .links-list__arrow-link {
        font-size: 24px;
        line-height: 36px
    }
}

@media (min-width: 1024px) {
    .links-list__arrow-link {
        font-size: 30px;
        line-height: 44px
    }
}

@media (min-width: 1440px) {
    .links-list__arrow-link {
        font-size: 36px;
        line-height: 48px
    }
}

.social-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none
}

.social-list__item {
    margin-right: 16px
}

.social-list__item:last-child {
    margin-right: 0
}

.social-list__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid #939598;
    border-radius: 50%;
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s
}

.social-list__link:active, .social-list__link:hover {
    border-color: rgba(52, 163, 220, .5)
}

.social-list__link:active .social-list__icon svg *, .social-list__link:hover .social-list__icon svg * {
    fill: #34a3dc
}

.social-list__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.social-list__icon svg {
    width: 32px;
    height: 32px;
    vertical-align: top
}

.social-list__icon svg * {
    fill: #939598;
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

@media (min-width: 768px) {
    .social-list--size__large .social-list__item {
        margin-right: 24px
    }
}

@media (min-width: 1280px) {
    .social-list--size__large .social-list__item {
        margin-right: 32px
    }
}

.social-list--size__large .social-list__link {
    border: 1px solid rgba(0, 0, 0, .5)
}

@media (min-width: 768px) {
    .social-list--size__large .social-list__link {
        width: 48px;
        height: 48px
    }
}

@media (min-width: 1280px) {
    .social-list--size__large .social-list__link {
        width: 64px;
        height: 64px
    }
}

.social-list--size__large .social-list__link:active, .social-list--size__large .social-list__link:hover {
    border-color: rgba(52, 163, 220, .5)
}

.social-list--size__large .social-list__link:active .social-list__icon svg *, .social-list--size__large .social-list__link:hover .social-list__icon svg * {
    fill: #34a3dc
}

@media (min-width: 768px) {
    .social-list--size__large .social-list__icon svg {
        width: 48px;
        height: 48px
    }
}

@media (min-width: 1280px) {
    .social-list--size__large .social-list__icon svg {
        width: 64px;
        height: 64px
    }
}

.social-list--size__large .social-list__icon svg * {
    fill: #000
}

.social-list__link:active, .social-list__link:hover {
    border-color: var(--brand-color) !important;
}

.social-list__icon:hover svg * {
    fill: var(--brand-color) !important;
}

.loader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: #34a3dc
}

.loader__line {
    position: absolute;
    top: 0;
    left: 0;
    height: 10px;
    background-color: #fff;
    -webkit-animation-name: line-grow;
    animation-name: line-grow;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.loader__logo {
    width: 200px;
    -webkit-animation-name: logo-grow;
    animation-name: logo-grow;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media (min-width: 1024px) {
    .loader__logo {
        width: 260px
    }
}

@media (min-width: 1440px) {
    .loader__logo {
        width: 300px
    }
}

.loader__logo-img {
    width: 100%;
    height: auto
}

.loader__logo-img * {
    fill: #fff
}

@-webkit-keyframes line-grow {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@keyframes line-grow {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-webkit-keyframes logo-grow {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes logo-grow {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.slider-wrapper {
    position: relative
}

.slider-wrapper--team {
    width: 100%;
    max-width: 480px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .slider-wrapper--team {
        max-width: none
    }
}

@media (min-width: 768px) {
    .mobile-slider--cases .mobile-slider__wrapper {
        margin-bottom: -24px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 1280px) {
    .mobile-slider--cases .mobile-slider__wrapper {
        margin-bottom: -32px
    }
}

.mobile-slider--cases .mobile-slider__item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 768px) {
    .mobile-slider--cases .mobile-slider__item {
        width: 33.3333%;
        margin-bottom: 24px
    }
}

@media (min-width: 1024px) {
    .mobile-slider--cases .mobile-slider__item {
        width: 25%;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width: 1280px) {
    .mobile-slider--cases .mobile-slider__item {
        margin-bottom: 32px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .mobile-slider--cases .mobile-slider__item:nth-child(3n+1) {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .mobile-slider--cases .mobile-slider__item:nth-child(3n-1) {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .mobile-slider--cases .mobile-slider__item:nth-child(n+3):nth-child(3n) {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width: 768px) {
    .mobile-slider--team .mobile-slider__item {
        width: 33.3333%
    }
}

@media (min-width: 1024px) {
    .mobile-slider--team .mobile-slider__item {
        width: 25%
    }
}

@media (min-width: 768px) {
    .mobile-slider__wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.mobile-slider__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto
}

.brand-card__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 200px;
    height: auto;
    opacity: 1;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.brand-card__link:active, .brand-card__link:hover {
    opacity: .7
}

.brand-card__img {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: auto;
    max-height: 130px
}

@media (min-width: 1280px) {
    .brand-card__img {
        max-height: 140px
    }
}

.intro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding-top: 104px;
    padding-bottom: 64px
}

@media (min-width: 768px) {
    .intro {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 100vh;
        padding-top: 120px;
        padding-bottom: 96px
    }
}

@media (min-width: 1280px) {
    .intro {
        padding-top: 204px;
        padding-bottom: 128px
    }
}

.intro--theme_red {
    max-width: none;
    margin: 0;
    background-color: #f0f0f0;
    background-image: url(../img/bg-pattern.svg);
    background-repeat: repeat;
    background-position: calc(100% - 48px) center
}

.intro--theme_blue {
    max-width: none;
    margin: 0;
    background-color: #cce8f6
}

.intro--minimal {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: auto;
    padding-bottom: 32px
}

@media (min-width: 768px) {
    .intro--minimal {
        padding-bottom: 64px
    }
}

@media (min-width: 1280px) {
    .intro--minimal {
        padding-top: 232px;
        padding-bottom: 96px
    }
}

@media (min-width: 1440px) {
    .intro--minimal {
        padding-bottom: 128px
    }
}

.intro--minimal .intro__main-title {
    margin-bottom: 0
}

.intro--auto {
    min-height: auto
}

.intro__container {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width: 0) {
    .intro__container {
        width: calc(100% - 16px)
    }
}

@media (min-width: 768px) {
    .intro__container {
        width: calc(100% - 24px)
    }
}

@media (min-width: 1024px) {
    .intro__container {
        width: calc(100% - 24px)
    }
}

@media (min-width: 1280px) {
    .intro__container {
        width: 1164px
    }
}

@media (min-width: 1440px) {
    .intro__container {
        width: 1336px
    }
}

@media (min-width: 1700px) {
    .intro__container {
        width: 1608px
    }
}

.intro__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px
}

.intro__row > * {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.intro__col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px
}

.intro__header {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px
}

.intro__content-right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 16px
}

@media (min-width: 1024px) {
    .intro__content-right {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1024px) {
    .intro__content-right {
        margin-left: 50%
    }
}

@media (min-width: 768px) {
    .intro__content-right {
        padding-top: 24px
    }
}

@media (min-width: 1280px) {
    .intro__content-right {
        padding-top: 32px
    }
}

.intro__caption {
    margin-bottom: 24px;
    font-weight: 600;
    font-size: 18px;
    line-height: 29px
}

@media (min-width: 1024px) {
    .intro__caption {
        font-size: 20px;
        line-height: 32px
    }
}

@media (min-width: 1280px) {
    .intro__caption {
        margin-bottom: 32px
    }
}

.intro__text > :last-child {
    margin-bottom: 0
}

.intro__main-title {
    margin-bottom: 0
}

.intro__btn-wrap {
    padding-top: 16px
}

@media (min-width: 1280px) {
    .intro__btn-wrap {
        padding-top: 24px
    }
}

.cube {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.cube__inner {
    position: absolute;
    width: 150vh;
    height: 150vh;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation: cube-rotation 500s linear infinite;
    animation: cube-rotation 500s linear infinite
}

.cube__side {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(235, 87, 87, .5)
}

.cube__side:nth-child(1) {
    -webkit-transform: translateZ(-75vh);
    transform: translateZ(-75vh)
}

.cube__side:nth-child(2) {
    -webkit-transform: translateZ(75vh) rotateY(180deg);
    transform: translateZ(75vh) rotateY(180deg)
}

.cube__side:nth-child(3) {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transform: translateZ(75vh) rotateY(270deg);
    transform: translateZ(75vh) rotateY(270deg)
}

.cube__side:nth-child(4) {
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transform: translateZ(75vh) rotateY(90deg);
    transform: translateZ(75vh) rotateY(90deg)
}

.cube__side:nth-child(5) {
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: translateZ(75vh) rotateX(90deg);
    transform: translateZ(75vh) rotateX(90deg)
}

.cube__side:nth-child(6) {
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transform: translateZ(75vh) rotateX(270deg);
    transform: translateZ(75vh) rotateX(270deg)
}

@-webkit-keyframes cube-rotation {
    0% {
        -webkit-transform: rotateX(360deg) rotateY(0);
        transform: rotateX(360deg) rotateY(0)
    }
    100% {
        -webkit-transform: rotateX(0) rotateY(360deg);
        transform: rotateX(0) rotateY(360deg)
    }
}

@keyframes cube-rotation {
    0% {
        -webkit-transform: rotateX(360deg) rotateY(0);
        transform: rotateX(360deg) rotateY(0)
    }
    100% {
        -webkit-transform: rotateX(0) rotateY(360deg);
        transform: rotateX(0) rotateY(360deg)
    }
}

.team-card {
    display: block;
    position: relative;
    overflow: hidden
}

@media (min-width: 1280px) {
    .team-card:hover .team-card__img-wrap::after {
        background-color: rgba(52, 163, 220, .5)
    }
}

@media (min-width: 1280px) {
    .team-card:hover .team-card__info {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.team-card__img-wrap {
    position: relative;
    width: 100%
}

.team-card__img-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: background-color .6s;
    -o-transition: background-color .6s;
    transition: background-color .6s
}

.team-card__img-ratio {
    position: relative;
    padding-top: 133%;
    height: 0
}

.team-card__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: 'object-fit: cover; object-position: center center;';
    vertical-align: top;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.team-card__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    min-height: 82px;
    padding: 16px 12px;
    background-color: rgba(52, 163, 220, .5);
    text-align: center;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-transition-duration: .6s;
    -o-transition-duration: .6s;
    transition-duration: .6s;
    will-change: transform
}

@media (min-width: 768px) {
    .team-card__info {
        min-height: 90px;
        padding: 16px
    }
}

@media (min-width: 1280px) {
    .team-card__info {
        padding: 32px 24px;
        background-color: transparent;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@media (max-width: 374px) {
    .team-card__info {
        min-height: auto;
        padding: 24px 12px
    }
}

.team-card__name {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 15px;
    line-height: 25px;
    text-transform: uppercase;
    color: #fff
}

@media (min-width: 768px) {
    .team-card__name {
        font-size: 18px;
        line-height: 29px
    }
}

@media (min-width: 1280px) {
    .team-card__name {
        margin-bottom: 12px;
        font-size: 24px;
        line-height: 36px
    }
}

@media (max-width: 374px) {
    .team-card__name {
        font-size: 20px;
        line-height: 32px
    }
}

@media (min-width: 1280px) {
    .team-card__name-inner {
        position: relative
    }
}

.team-card__name-inner::after {
    content: "";
    position: absolute;
    top: 8px;
    right: 8px;
    width: 12px;
    height: 11px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1774 8.69256L9.06474 8.6423L9.031 3.8788L2.00511 10.9047L0.47998 9.37956L7.50587 2.35367L2.74238 2.31993L2.69212 0.207275L11.142 0.242631L11.1774 8.69256Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

@media (min-width: 1280px) {
    .team-card__name-inner::after {
        top: 2px;
        right: -22px
    }
}

.team-card__desc {
    display: none;
    color: #fff
}

.team-card__desc > :last-child {
    margin-bottom: 0
}

@media (min-width: 1280px) {
    .team-card__desc {
        display: block
    }
}

.filter-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 0 -4px 0;
    padding: 0;
    list-style: none;
    width: 100%
}

.filter-list__item {
    margin-right: 32px;
    margin-bottom: 4px
}

@media (min-width: 1440px) {
    .filter-list__item {
        margin-right: 48px
    }
}

.filter-list__link {
    font-weight: 600;
    font-size: 18px;
    line-height: 29px;
    white-space: nowrap
}

@media (min-width: 768px) {
    .filter-list__link {
        font-size: 20px;
        line-height: 32px
    }
}

.filter-list__link--active {
    color: #34a3dc
}

.project-list-wrapper {
    margin: 0 -12px;
    padding-top: 20px;
    overflow: hidden
}

@media (min-width: 1440px) {
    .project-list-wrapper {
        padding-top: 52px
    }
}

.project-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

.project-list__item {
    width: calc(50% - 24px);
    margin: 12px 12px;
    border: 1px solid #cce8f6
}

@media (min-width: 768px) {
    .project-list__item {
        width: calc(25% - 24px)
    }
}

.project-list__link {
    position: relative;
    display: block;
    height: 0;
    padding-top: 100%;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    overflow: hidden
}

@media (min-width: 1024px) {
    .project-list__link:hover {
        background-color: #cce8f6
    }
}

.project-list__img-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 24px
}

@media (min-width: 480px) {
    .project-list__img-wrap {
        padding: 56px 32px
    }
}

@media (min-width: 768px) {
    .project-list__img-wrap {
        padding: 32px 24px
    }
}

@media (min-width: 1280px) {
    .project-list__img-wrap {
        padding: 48px
    }
}

@media (min-width: 1440px) {
    .project-list__img-wrap {
        padding: 64px 56px
    }
}

@media (min-width: 1700px) {
    .project-list__img-wrap {
        padding: 96px 76px
    }
}

.project-list__img {
    max-height: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    opacity: 1;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.project-list__sticker {
    position: absolute;
    top: 8px;
    right: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #34a3dc
}

@media (min-width: 1280px) {
    .project-list__sticker {
        top: 12px;
        right: 12px
    }
}

.team-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

.team-list__item {
    width: 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

@media (min-width: 768px) {
    .team-list__item {
        width: 33.3333%
    }
}

@media (min-width: 1280px) {
    .team-list__item {
        width: 25%
    }
}

@media (max-width: 374px) {
    .team-list__item {
        width: 100%
    }
}

.article {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding-top: 16px;
    padding-bottom: 96px
}

@media (min-width: 768px) {
    .article {
        padding-top: 32px
    }
}

@media (min-width: 1280px) {
    .article {
        padding-top: 64px;
        padding-bottom: 192px
    }
}

.article__container {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width: 0) {
    .article__container {
        width: calc(100% - 16px)
    }
}

@media (min-width: 768px) {
    .article__container {
        width: calc(100% - 24px)
    }
}

@media (min-width: 1024px) {
    .article__container {
        width: calc(100% - 24px)
    }
}

@media (min-width: 1280px) {
    .article__container {
        width: 1164px
    }
}

@media (min-width: 1440px) {
    .article__container {
        width: 1336px
    }
}

@media (min-width: 1700px) {
    .article__container {
        width: 1608px
    }
}

.article__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px
}

.article__row > * {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.article__col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px
}

.article__photo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 32px;
    text-align: center
}

@media (min-width: 1024px) {
    .article__photo {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1280px) {
    .article__photo {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 768px) {
    .article__photo {
        margin-bottom: 48px
    }
}

.article__logo {
    width: 100%;
    padding: 20%;
    border: 1px solid #f0f0f0
}

.article__logo-img {
    width: 100%;
    max-height: 200px;
    -o-object-fit: contain;
    object-fit: contain
}

.article__info {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width: 1024px) {
    .article__info {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1280px) {
    .article__info {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 12px;
        padding-right: 12px
    }
}

.article__title {
    margin-bottom: 24px;
    font-weight: 600;
    font-size: 30px;
    line-height: 38px;
    text-transform: uppercase;
    overflow-wrap: break-word;
}

@media (min-width: 768px) {
    .article__title {
        margin-bottom: 32px;
        font-size: 36px;
        line-height: 48px
    }
}

@media (min-width: 1280px) {
    .article__title {
        margin-bottom: 48px;
        font-size: 48px;
        line-height: 56px
    }
}

.article__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    list-style: none
}

.article__list > * {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@media (min-width: 768px) {
    .article__list {
        margin-bottom: 8px
    }
}

@media (min-width: 1280px) {
    .article__list {
        margin-bottom: 0
    }
}

.article__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .article__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1280px) {
    .article__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 768px) {
    .article__item {
        margin-bottom: 24px
    }
}

@media (min-width: 1280px) {
    .article__item {
        margin-bottom: 32px
    }
}

.article__item:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .article__item:last-child {
        margin-bottom: 24px
    }
}

@media (min-width: 1280px) {
    .article__item:last-child {
        margin-bottom: 0
    }
}

.article__item-title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 29px;
    text-transform: uppercase
}

@media (min-width: 1280px) {
    .article__item-title {
        font-size: 20px;
        line-height: 32px
    }
}

.article__prop-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.article__prop-item {
    font-size: 18px;
    line-height: 29px
}

@media (min-width: 1280px) {
    .article__prop-item {
        font-size: 20px;
        line-height: 32px
    }
}

.article__content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width: 1024px) {
    .article__content {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1280px) {
    .article__content {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        padding-left: 12px;
        padding-right: 12px
    }
}

.article__text > :last-child {
    margin-bottom: 0
}

.article__text p {
    font-size: 16px;
    line-height: 25px
}

@media (min-width: 1280px) {
    .article__text p {
        font-size: 18px;
        line-height: 29px
    }
}

.back {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding-top: 16px;
    padding-bottom: 16px
}

@media (min-width: 1280px) {
    .back {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

.back__container {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width: 0) {
    .back__container {
        width: calc(100% - 16px)
    }
}

@media (min-width: 768px) {
    .back__container {
        width: calc(100% - 24px)
    }
}

@media (min-width: 1024px) {
    .back__container {
        width: calc(100% - 24px)
    }
}

@media (min-width: 1280px) {
    .back__container {
        width: 1164px
    }
}

@media (min-width: 1440px) {
    .back__container {
        width: 1336px
    }
}

@media (min-width: 1700px) {
    .back__container {
        width: 1608px
    }
}

.back__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px
}

.back__row > * {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.back__col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.back__d-link {
    font-weight: 600;
    font-size: 18px;
    line-height: 29px;
    white-space: nowrap
}

@media (min-width: 1280px) {
    .back__d-link {
        font-size: 20px;
        line-height: 32px
    }
}

.accordion__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.accordion__item--active .accordion__title-inner::after {
    -webkit-transform: translateY(-50%) scaleY(-1);
    -ms-transform: translateY(-50%) scaleY(-1);
    transform: translateY(-50%) scaleY(-1)
}

.accordion__title {
    display: block;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding: 16px 0 8px 0;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    text-transform: uppercase;
    border-bottom: 4px solid #000;
    cursor: pointer
}

@media (min-width: 768px) {
    .accordion__title {
        padding: 24px 0 16px 0;
        font-size: 30px;
        line-height: 44px
    }
}

@media (min-width: 1024px) {
    .accordion__title {
        padding: 48px 0 24px 0;
        font-size: 36px;
        line-height: 48px
    }
}

@media (min-width: 1440px) {
    .accordion__title {
        padding: 64px 0 32px 0;
        font-size: 48px;
        line-height: 56px
    }
}

.accordion__title-inner {
    position: relative;
    display: block;
    width: 100%;
    padding-right: calc(16px + 16px)
}

@media (min-width: 768px) {
    .accordion__title-inner {
        padding-right: calc(29px + 16px)
    }
}

@media (min-width: 1024px) {
    .accordion__title-inner {
        padding-right: calc(29px + 24px)
    }
}

@media (min-width: 1440px) {
    .accordion__title-inner {
        padding-right: calc(29px + 32px)
    }
}

.accordion__title-inner::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 19px;
    background-image: url("data:image/svg+xml,%3Csvg width='29' height='34' viewBox='0 0 29 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 19.55L3.69608 16.0083L11.8938 24.1306L11.8938 0L17.1062 2.27842e-07V24.1306L25.3039 16.0083L29 19.55L14.5 34L0 19.55Z' fill='%23242325'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

@media (min-width: 1024px) {
    .accordion__title-inner::after {
        width: 20px;
        height: 23px
    }
}

@media (min-width: 1280px) {
    .accordion__title-inner::after {
        width: 29px;
        height: 34px
    }
}

.accordion__content {
    display: none;
    padding-top: 16px
}

@media (min-width: 768px) {
    .accordion__content {
        padding-top: 24px
    }
}

@media (min-width: 1024px) {
    .accordion__content {
        padding-top: 32px
    }
}

@media (min-width: 1280px) {
    .accordion__content {
        padding-top: 48px
    }
}

.accordion__content--active {
    display: block
}

.banner {
    width: 100%
}

.banner__img-ratio {
    position: relative;
    padding-top: 66.6666%;
    height: 0
}

.banner__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: 'object-fit: cover; object-position: center center;'
}

@media (min-width: 1024px) {
    .banner--slim .banner__img-ratio {
        padding-top: 38.8888%
    }
}

.company {
    padding-top: 32px
}

@media (min-width: 768px) {
    .company {
        padding-top: 48px
    }
}

@media (min-width: 1280px) {
    .company {
        padding-top: 64px
    }
}

.contacts__contacts-list, .contacts__social {
    padding-top: 32px
}

@media (min-width: 768px) {
    .contacts__contacts-list, .contacts__social {
        padding-top: 48px
    }
}

@media (min-width: 1280px) {
    .contacts__contacts-list, .contacts__social {
        padding-top: 64px
    }
}

@media (min-width: 1440px) {
    .contacts__contacts-list, .contacts__social {
        padding-top: 96px
    }
}

.contacts__form {
    width: 100%;
    padding-top: 32px
}

@media (min-width: 768px) {
    .contacts__form {
        width: 50%;
        padding-top: 48px
    }
}

@media (min-width: 1280px) {
    .contacts__form {
        padding-top: 64px
    }
}

@media (min-width: 1440px) {
    .contacts__form {
        padding-top: 96px
    }
}

.contacts__contact-form {
    padding-top: 16px
}

.contacts-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.contacts-list > * {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.contacts-list__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width: 768px) {
    .contacts-list__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 12px;
        padding-right: 12px
    }
}

.contacts-list__title {
    margin-top: 0
}

.contacts-list__link-wrap {
    color: #34a3dc
}

.contacts-list__link, .contacts-list__text {
    font-size: 20px;
    line-height: 32px;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .contacts-list__link, .contacts-list__text {
        font-size: 24px;
        line-height: 36px
    }
}

@media (min-width: 1024px) {
    .contacts-list__link, .contacts-list__text {
        font-size: 30px;
        line-height: 44px
    }
}

@media (min-width: 1440px) {
    .contacts-list__link, .contacts-list__text {
        font-size: 36px;
        line-height: 48px
    }
}

.contacts-list__link {
    color: #34a3dc
}

.contacts-list--alternate .contacts-list__text {
    text-transform: none
}

@media (min-width: 1024px) {
    .contacts-list a[href^="mailto:"]:hover {
        color: rgba(52, 163, 220, .7)
    }
}

.partners {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px
}

.partners > * {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.partners__img-col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
    padding-left: 12px;
    padding-right: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px
}

@media (min-width: 768px) {
    .partners__img-col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 768px) {
    .partners__img-col {
        margin-left: 8.33333%
    }
}

@media (min-width: 1024px) {
    .partners__img-col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1024px) {
    .partners__img-col {
        margin-left: 25%
    }
}

@media (min-width: 768px) {
    .partners__img-col {
        margin-bottom: 0
    }
}

@media (min-width: 1024px) {
    .partners__img-col {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.partners__link-col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 768px) {
    .partners__link-col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1024px) {
    .partners__link-col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1024px) {
    .partners__btn {
        margin-left: 16px
    }
}

.contact-form__col {
    margin-bottom: 24px
}

.contact-form__col:last-child {
    margin-bottom: 0
}

.contact-form__input, .contact-form__textarea {
    width: 100%
}

@media (min-width: 1280px) {
    .contact-form--size_tall .contact-form__col {
        margin-bottom: 32px
    }
}

.contact-form--size_tall .contact-form__col:last-child {
    margin-bottom: 0
}

.modal-order {
    display: none;
    width: 100%;
    padding: 0;
    background-color: transparent;
    color: #fff
}

.modal-order__container {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width: 0) {
    .modal-order__container {
        width: calc(100% - 16px)
    }
}

@media (min-width: 768px) {
    .modal-order__container {
        width: calc(100% - 24px)
    }
}

@media (min-width: 1024px) {
    .modal-order__container {
        width: calc(100% - 24px)
    }
}

@media (min-width: 1280px) {
    .modal-order__container {
        width: 1164px
    }
}

@media (min-width: 1440px) {
    .modal-order__container {
        width: 1336px
    }
}

@media (min-width: 1700px) {
    .modal-order__container {
        width: 1608px
    }
}

.modal-order__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px
}

.modal-order__row > * {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.modal-order__col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width: 768px) {
    .modal-order__col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 768px) {
    .modal-order__col {
        margin-left: 8.33333%
    }
}

@media (min-width: 1024px) {
    .modal-order__col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1024px) {
    .modal-order__col {
        margin-left: 25%
    }
}

.modal-order__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    width: 100%;
    padding-right: 80px
}

@media (min-width: 1280px) {
    .modal-order__header {
        padding-right: 96px
    }
}

.modal-order__success {
    display: none
}

.modal-order__close {
    position: absolute;
    top: 0;
    right: 0
}

.globe {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px
}

.globe > * {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.globe__col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width: 1024px) {
    .globe__col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 12px;
        padding-right: 12px
    }
}

.globe__sphere-wrap {
    position: relative
}

.globe__sphere {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    vertical-align: top
}

.globe__svg {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0
}

@media (min-width: 1024px) {
    .globe__info {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 1;
        width: 80%;
        height: 1px;
        background-color: #000;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (min-width: 1024px) {
    .globe__info::after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: 16px;
        height: 16px;
        background-color: #000;
        border-radius: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.globe__text {
    text-align: center
}

@media (min-width: 1024px) {
    .globe__text {
        position: absolute;
        top: 50%;
        left: calc(100% + 24px);
        text-align: left;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.globe__title {
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 30px;
    line-height: 38px
}

@media (min-width: 1024px) {
    .globe__title {
        min-width: 300px;
        margin-bottom: 8px;
        font-size: 36px;
        line-height: 48px
    }
}

.globe__sub-title {
    margin-top: 0;
    font-size: 20px;
    line-height: 32px
}

@media (min-width: 1024px) {
    .globe__sub-title {
        font-size: 18px;
        line-height: 29px
    }
}

.glitch--style-1 {
    --gap-horizontal: 20px;
    --gap-vertical: 2px;
    --time-anim: 2.25s;
    --blend-mode-1: none;
    --blend-mode-2: none;
    --blend-mode-3: none;
    --blend-mode-4: none;
    --blend-mode-5: none;
    --blend-color-1: transparent;
    --blend-color-2: transparent;
    --blend-color-3: transparent;
    --blend-color-4: transparent;
    --blend-color-5: transparent
}

.glitch--style-2 {
    --gap-horizontal: 5px;
    --gap-vertical: 10px;
    --time-anim: 2s;
    --blend-mode-1: none;
    --blend-mode-2: none;
    --blend-mode-3: luminosity;
    --blend-mode-4: none;
    --blend-mode-5: none;
    --blend-color-1: transparent;
    --blend-color-2: transparent;
    --blend-color-3: #4d8c60;
    --blend-color-4: transparent;
    --blend-color-5: #c9b09a
}

.glitch--style-3 {
    --gap-horizontal: 20px;
    --gap-vertical: 2px;
    --time-anim: 2.25s;
    --blend-mode-1: none;
    --blend-mode-2: none;
    --blend-mode-3: multiply;
    --blend-mode-4: none;
    --blend-mode-5: none;
    --blend-color-1: transparent;
    --blend-color-2: transparent;
    --blend-color-3: #af4563;
    --blend-color-4: transparent;
    --blend-color-5: transparent
}

.glitch--style-4 {
    --gap-horizontal: 5px;
    --gap-vertical: 20px;
    --time-anim: 5s;
    --blend-mode-1: none;
    --blend-mode-2: exclusion;
    --blend-mode-3: hard-light;
    --blend-mode-4: overlay;
    --blend-mode-5: none;
    --blend-color-1: transparent;
    --blend-color-2: #34A3DC;
    --blend-color-3: #525df1;
    --blend-color-4: #f19b52;
    --blend-color-5: transparent
}

.glitch--style-5 {
    --gap-horizontal: 50px;
    --gap-vertical: 100px;
    --time-anim: 2.25s;
    --blend-mode-1: none;
    --blend-mode-2: none;
    --blend-mode-3: none;
    --blend-mode-4: overlay;
    --blend-mode-5: overlay;
    --blend-color-1: transparent;
    --blend-color-2: transparent;
    --blend-color-3: transparent;
    --blend-color-4: #000;
    --blend-color-5: #8d16f2
}

.glitch--style-6 {
    --gap-horizontal: 3px;
    --gap-vertical: 70px;
    --time-anim: 2.25s;
    --blend-mode-1: none;
    --blend-mode-2: none;
    --blend-mode-3: overlay;
    --blend-mode-4: none;
    --blend-mode-5: none;
    --blend-color-1: transparent;
    --blend-color-2: transparent;
    --blend-color-3: rgba(255, 255, 255, 0.2);
    --blend-color-4: transparent;
    --blend-color-5: transparent
}

.glitch {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0 auto
}

.glitch__img-wrap {
    position: absolute;
    top: calc(-1 * var(--gap-vertical));
    left: calc(-1 * var(--gap-horizontal));
    width: calc(100% + var(--gap-horizontal) * 2);
    height: calc(100% + var(--gap-vertical) * 2);
    background-color: var(--blend-color-1);
    background-position: center center;
    background-size: cover;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-blend-mode: var(--blend-mode-1)
}

.glitch__img-wrap:nth-child(2) {
    background-color: var(--blend-color-2);
    background-blend-mode: var(--blend-mode-2)
}

.glitch__img-wrap:nth-child(3) {
    background-color: var(--blend-color-3);
    background-blend-mode: var(--blend-mode-3)
}

.glitch__img-wrap:nth-child(4) {
    background-color: var(--blend-color-4);
    background-blend-mode: var(--blend-mode-4)
}

.glitch__img-wrap:nth-child(5) {
    background-color: var(--blend-color-5);
    background-blend-mode: var(--blend-mode-5)
}

.glitch__img-wrap:nth-child(n+2) {
    opacity: 0
}

.glitch__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: 'object-fit: cover; object-position: center center;'
}

.glitch:hover .glitch__img-wrap:nth-child(n+2) {
    opacity: 1
}

.glitch:hover .glitch__img-wrap:nth-child(2) {
    -webkit-transform: translate3d(var(--gap-horizontal), 0, 0);
    transform: translate3d(var(--gap-horizontal), 0, 0);
    -webkit-animation: glitch-anim-1-horizontal var(--time-anim) infinite linear alternate;
    animation: glitch-anim-1-horizontal var(--time-anim) infinite linear alternate
}

.glitch:hover .glitch__img-wrap:nth-child(3) {
    -webkit-transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
    -webkit-animation: glitch-anim-2-horizontal var(--time-anim) infinite linear alternate;
    animation: glitch-anim-2-horizontal var(--time-anim) infinite linear alternate
}

.glitch:hover .glitch__img-wrap:nth-child(4) {
    -webkit-transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
    transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
    -webkit-animation: glitch-anim-3-horizontal var(--time-anim) infinite linear alternate;
    animation: glitch-anim-3-horizontal var(--time-anim) infinite linear alternate
}

.glitch:hover .glitch__img-wrap:nth-child(5) {
    -webkit-animation: glitch-anim-flash .5s steps(1, end) infinite;
    animation: glitch-anim-flash .5s steps(1, end) infinite
}

.glitch--vertical:hover .glitch__img-wrap:nth-child(2) {
    -webkit-transform: translate3d(0, var(--gap-vertical), 0);
    transform: translate3d(0, var(--gap-vertical), 0);
    -webkit-animation: glitch-anim-1-vertical var(--time-anim) infinite linear alternate;
    animation: glitch-anim-1-vertical var(--time-anim) infinite linear alternate
}

.glitch--vertical:hover .glitch__img-wrap:nth-child(3) {
    -webkit-transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0);
    transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0);
    -webkit-animation: glitch-anim-2-vertical var(--time-anim) infinite linear alternate;
    animation: glitch-anim-2-vertical var(--time-anim) infinite linear alternate
}

.glitch--vertical:hover .glitch__img-wrap:nth-child(4) {
    -webkit-transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
    -webkit-animation: glitch-anim-3-vertical var(--time-anim) infinite linear alternate;
    animation: glitch-anim-3-vertical var(--time-anim) infinite linear alternate
}

.glitch--loop .glitch__img-wrap:nth-child(n+2) {
    opacity: 1
}

.glitch--loop .glitch__img-wrap:nth-child(2) {
    -webkit-transform: translate3d(var(--gap-horizontal), 0, 0);
    transform: translate3d(var(--gap-horizontal), 0, 0);
    -webkit-animation: glitch-anim-1-horizontal var(--time-anim) infinite linear alternate;
    animation: glitch-anim-1-horizontal var(--time-anim) infinite linear alternate
}

.glitch--loop .glitch__img-wrap:nth-child(3) {
    -webkit-transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
    -webkit-animation: glitch-anim-2-horizontal var(--time-anim) infinite linear alternate;
    animation: glitch-anim-2-horizontal var(--time-anim) infinite linear alternate
}

.glitch--loop .glitch__img-wrap:nth-child(4) {
    -webkit-transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
    transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
    -webkit-animation: glitch-anim-3-horizontal var(--time-anim) infinite linear alternate;
    animation: glitch-anim-3-horizontal var(--time-anim) infinite linear alternate
}

.glitch--loop .glitch__img-wrap:nth-child(5) {
    -webkit-animation: glitch-anim-flash .5s steps(1, end) infinite;
    animation: glitch-anim-flash .5s steps(1, end) infinite
}

.glitch--loop_vertical .glitch__img-wrap:nth-child(n+2) {
    opacity: 1
}

.glitch--loop_vertical .glitch__img-wrap:nth-child(2) {
    -webkit-transform: translate3d(0, var(--gap-vertical), 0);
    transform: translate3d(0, var(--gap-vertical), 0);
    -webkit-animation: glitch-anim-1-vertical var(--time-anim) infinite linear alternate;
    animation: glitch-anim-1-vertical var(--time-anim) infinite linear alternate
}

.glitch--loop_vertical .glitch__img-wrap:nth-child(3) {
    -webkit-transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0);
    transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0);
    -webkit-animation: glitch-anim-2-vertical var(--time-anim) infinite linear alternate;
    animation: glitch-anim-2-vertical var(--time-anim) infinite linear alternate
}

.glitch--loop_vertical .glitch__img-wrap:nth-child(4) {
    -webkit-transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
    -webkit-animation: glitch-anim-3-vertical var(--time-anim) infinite linear alternate;
    animation: glitch-anim-3-vertical var(--time-anim) infinite linear alternate
}

.glitch--loop_vertical .glitch__img-wrap:nth-child(5) {
    -webkit-animation: glitch-anim-flash .5s steps(1, end) infinite;
    animation: glitch-anim-flash .5s steps(1, end) infinite
}

@-webkit-keyframes glitch-anim-1-horizontal {
    0% {
        -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
        clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%)
    }
    10% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
        clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%)
    }
    20% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
        clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%)
    }
    30% {
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
        clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%)
    }
    40% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%)
    }
    50% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%)
    }
    60% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%)
    }
    70% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%)
    }
    80% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%)
    }
    90% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%)
    }
    100% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%)
    }
}

@keyframes glitch-anim-1-horizontal {
    0% {
        -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
        clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%)
    }
    10% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
        clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%)
    }
    20% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
        clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%)
    }
    30% {
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
        clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%)
    }
    40% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%)
    }
    50% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%)
    }
    60% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%)
    }
    70% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%)
    }
    80% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%)
    }
    90% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%)
    }
    100% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%)
    }
}

@-webkit-keyframes glitch-anim-2-horizontal {
    0% {
        -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
        clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%)
    }
    15% {
        -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
        clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%)
    }
    22% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
        clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%)
    }
    31% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%)
    }
    45% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
        clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%)
    }
    51% {
        -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
        clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%)
    }
    63% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%)
    }
    76% {
        -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
        clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%)
    }
    81% {
        -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
        clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%)
    }
    94% {
        -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
        clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%)
    }
    100% {
        -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
        clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%)
    }
}

@keyframes glitch-anim-2-horizontal {
    0% {
        -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
        clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%)
    }
    15% {
        -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
        clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%)
    }
    22% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
        clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%)
    }
    31% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%)
    }
    45% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
        clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%)
    }
    51% {
        -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
        clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%)
    }
    63% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%)
    }
    76% {
        -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
        clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%)
    }
    81% {
        -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
        clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%)
    }
    94% {
        -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
        clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%)
    }
    100% {
        -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
        clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%)
    }
}

@-webkit-keyframes glitch-anim-3-horizontal {
    0% {
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
        clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%)
    }
    5% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
        clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%)
    }
    10% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
        clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%)
    }
    25% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%)
    }
    27% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
        clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%)
    }
    30% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
        clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%)
    }
    33% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
        clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%)
    }
    37% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
        clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%)
    }
    40% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%)
    }
    45% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
        clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%)
    }
    50% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
        clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%)
    }
    53% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
        clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%)
    }
    57% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
        clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%)
    }
    60% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
        clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%)
    }
    65% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
        clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%)
    }
    70% {
        -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
        clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%)
    }
    73% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%)
    }
    80% {
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
        clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%)
    }
    100% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
        clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%)
    }
}

@keyframes glitch-anim-3-horizontal {
    0% {
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
        clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%)
    }
    5% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
        clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%)
    }
    10% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
        clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%)
    }
    25% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%)
    }
    27% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
        clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%)
    }
    30% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
        clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%)
    }
    33% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
        clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%)
    }
    37% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
        clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%)
    }
    40% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%)
    }
    45% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
        clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%)
    }
    50% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
        clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%)
    }
    53% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
        clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%)
    }
    57% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
        clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%)
    }
    60% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
        clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%)
    }
    65% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
        clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%)
    }
    70% {
        -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
        clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%)
    }
    73% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%)
    }
    80% {
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
        clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%)
    }
    100% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
        clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%)
    }
}

@-webkit-keyframes glitch-anim-1-vertical {
    0% {
        -webkit-clip-path: polygon(2% 0, 5% 0, 5% 100%, 2% 100%);
        clip-path: polygon(2% 0, 5% 0, 5% 100%, 2% 100%)
    }
    10% {
        -webkit-clip-path: polygon(15% 0, 15% 0, 15% 100%, 15% 100%);
        clip-path: polygon(15% 0, 15% 0, 15% 100%, 15% 100%)
    }
    20% {
        -webkit-clip-path: polygon(10% 0, 20% 0, 20% 100%, 10% 100%);
        clip-path: polygon(10% 0, 20% 0, 20% 100%, 10% 100%)
    }
    30% {
        -webkit-clip-path: polygon(1% 0, 2% 0, 2% 100%, 1% 100%);
        clip-path: polygon(1% 0, 2% 0, 2% 100%, 1% 100%)
    }
    40% {
        -webkit-clip-path: polygon(33% 0, 33% 0, 33% 100%, 33% 100%);
        clip-path: polygon(33% 0, 33% 0, 33% 100%, 33% 100%)
    }
    50% {
        -webkit-clip-path: polygon(44% 0, 44% 0, 44% 100%, 44% 100%);
        clip-path: polygon(44% 0, 44% 0, 44% 100%, 44% 100%)
    }
    60% {
        -webkit-clip-path: polygon(50% 0, 20% 0, 20% 100%, 50% 100%);
        clip-path: polygon(50% 0, 20% 0, 20% 100%, 50% 100%)
    }
    70% {
        -webkit-clip-path: polygon(70% 0, 70% 0, 70% 100%, 70% 100%);
        clip-path: polygon(70% 0, 70% 0, 70% 100%, 70% 100%)
    }
    80% {
        -webkit-clip-path: polygon(80% 0, 80% 0, 80% 100%, 80% 100%);
        clip-path: polygon(80% 0, 80% 0, 80% 100%, 80% 100%)
    }
    90% {
        -webkit-clip-path: polygon(50% 0, 55% 0, 55% 100%, 50% 100%);
        clip-path: polygon(50% 0, 55% 0, 55% 100%, 50% 100%)
    }
    100% {
        -webkit-clip-path: polygon(70% 0, 80% 0, 80% 100%, 70% 100%);
        clip-path: polygon(70% 0, 80% 0, 80% 100%, 70% 100%)
    }
}

@keyframes glitch-anim-1-vertical {
    0% {
        -webkit-clip-path: polygon(2% 0, 5% 0, 5% 100%, 2% 100%);
        clip-path: polygon(2% 0, 5% 0, 5% 100%, 2% 100%)
    }
    10% {
        -webkit-clip-path: polygon(15% 0, 15% 0, 15% 100%, 15% 100%);
        clip-path: polygon(15% 0, 15% 0, 15% 100%, 15% 100%)
    }
    20% {
        -webkit-clip-path: polygon(10% 0, 20% 0, 20% 100%, 10% 100%);
        clip-path: polygon(10% 0, 20% 0, 20% 100%, 10% 100%)
    }
    30% {
        -webkit-clip-path: polygon(1% 0, 2% 0, 2% 100%, 1% 100%);
        clip-path: polygon(1% 0, 2% 0, 2% 100%, 1% 100%)
    }
    40% {
        -webkit-clip-path: polygon(33% 0, 33% 0, 33% 100%, 33% 100%);
        clip-path: polygon(33% 0, 33% 0, 33% 100%, 33% 100%)
    }
    50% {
        -webkit-clip-path: polygon(44% 0, 44% 0, 44% 100%, 44% 100%);
        clip-path: polygon(44% 0, 44% 0, 44% 100%, 44% 100%)
    }
    60% {
        -webkit-clip-path: polygon(50% 0, 20% 0, 20% 100%, 50% 100%);
        clip-path: polygon(50% 0, 20% 0, 20% 100%, 50% 100%)
    }
    70% {
        -webkit-clip-path: polygon(70% 0, 70% 0, 70% 100%, 70% 100%);
        clip-path: polygon(70% 0, 70% 0, 70% 100%, 70% 100%)
    }
    80% {
        -webkit-clip-path: polygon(80% 0, 80% 0, 80% 100%, 80% 100%);
        clip-path: polygon(80% 0, 80% 0, 80% 100%, 80% 100%)
    }
    90% {
        -webkit-clip-path: polygon(50% 0, 55% 0, 55% 100%, 50% 100%);
        clip-path: polygon(50% 0, 55% 0, 55% 100%, 50% 100%)
    }
    100% {
        -webkit-clip-path: polygon(70% 0, 80% 0, 80% 100%, 70% 100%);
        clip-path: polygon(70% 0, 80% 0, 80% 100%, 70% 100%)
    }
}

@-webkit-keyframes glitch-anim-2-vertical {
    0% {
        -webkit-clip-path: polygon(25% 0, 30% 0, 30% 100%, 25% 100%);
        clip-path: polygon(25% 0, 30% 0, 30% 100%, 25% 100%)
    }
    15% {
        -webkit-clip-path: polygon(3% 0, 3% 0, 3% 100%, 3% 100%);
        clip-path: polygon(3% 0, 3% 0, 3% 100%, 3% 100%)
    }
    22% {
        -webkit-clip-path: polygon(5% 0, 20% 0, 20% 100%, 5% 100%);
        clip-path: polygon(5% 0, 20% 0, 20% 100%, 5% 100%)
    }
    31% {
        -webkit-clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
        clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%)
    }
    45% {
        -webkit-clip-path: polygon(40% 0, 40% 0, 40% 100%, 40% 100%);
        clip-path: polygon(40% 0, 40% 0, 40% 100%, 40% 100%)
    }
    51% {
        -webkit-clip-path: polygon(52% 0, 59% 0, 59% 100%, 52% 100%);
        clip-path: polygon(52% 0, 59% 0, 59% 100%, 52% 100%)
    }
    63% {
        -webkit-clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
        clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%)
    }
    76% {
        -webkit-clip-path: polygon(75% 0, 75% 0, 75% 100%, 75% 100%);
        clip-path: polygon(75% 0, 75% 0, 75% 100%, 75% 100%)
    }
    81% {
        -webkit-clip-path: polygon(65% 0, 40% 0, 40% 100%, 65% 100%);
        clip-path: polygon(65% 0, 40% 0, 40% 100%, 65% 100%)
    }
    94% {
        -webkit-clip-path: polygon(45% 0, 50% 0, 50% 100%, 45% 100%);
        clip-path: polygon(45% 0, 50% 0, 50% 100%, 45% 100%)
    }
    100% {
        -webkit-clip-path: polygon(14% 0, 33% 0, 33% 100%, 14% 100%);
        clip-path: polygon(14% 0, 33% 0, 33% 100%, 14% 100%)
    }
}

@keyframes glitch-anim-2-vertical {
    0% {
        -webkit-clip-path: polygon(25% 0, 30% 0, 30% 100%, 25% 100%);
        clip-path: polygon(25% 0, 30% 0, 30% 100%, 25% 100%)
    }
    15% {
        -webkit-clip-path: polygon(3% 0, 3% 0, 3% 100%, 3% 100%);
        clip-path: polygon(3% 0, 3% 0, 3% 100%, 3% 100%)
    }
    22% {
        -webkit-clip-path: polygon(5% 0, 20% 0, 20% 100%, 5% 100%);
        clip-path: polygon(5% 0, 20% 0, 20% 100%, 5% 100%)
    }
    31% {
        -webkit-clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
        clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%)
    }
    45% {
        -webkit-clip-path: polygon(40% 0, 40% 0, 40% 100%, 40% 100%);
        clip-path: polygon(40% 0, 40% 0, 40% 100%, 40% 100%)
    }
    51% {
        -webkit-clip-path: polygon(52% 0, 59% 0, 59% 100%, 52% 100%);
        clip-path: polygon(52% 0, 59% 0, 59% 100%, 52% 100%)
    }
    63% {
        -webkit-clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
        clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%)
    }
    76% {
        -webkit-clip-path: polygon(75% 0, 75% 0, 75% 100%, 75% 100%);
        clip-path: polygon(75% 0, 75% 0, 75% 100%, 75% 100%)
    }
    81% {
        -webkit-clip-path: polygon(65% 0, 40% 0, 40% 100%, 65% 100%);
        clip-path: polygon(65% 0, 40% 0, 40% 100%, 65% 100%)
    }
    94% {
        -webkit-clip-path: polygon(45% 0, 50% 0, 50% 100%, 45% 100%);
        clip-path: polygon(45% 0, 50% 0, 50% 100%, 45% 100%)
    }
    100% {
        -webkit-clip-path: polygon(14% 0, 33% 0, 33% 100%, 14% 100%);
        clip-path: polygon(14% 0, 33% 0, 33% 100%, 14% 100%)
    }
}

@-webkit-keyframes glitch-anim-3-vertical {
    0% {
        -webkit-clip-path: polygon(1% 0, 3% 0, 3% 100%, 1% 100%);
        clip-path: polygon(1% 0, 3% 0, 3% 100%, 1% 100%)
    }
    5% {
        -webkit-clip-path: polygon(10% 0, 9% 0, 9% 100%, 10% 100%);
        clip-path: polygon(10% 0, 9% 0, 9% 100%, 10% 100%)
    }
    10% {
        -webkit-clip-path: polygon(5% 0, 6% 0, 6% 100%, 5% 100%);
        clip-path: polygon(5% 0, 6% 0, 6% 100%, 5% 100%)
    }
    25% {
        -webkit-clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
        clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%)
    }
    27% {
        -webkit-clip-path: polygon(10% 0, 10% 0, 10% 100%, 10% 100%);
        clip-path: polygon(10% 0, 10% 0, 10% 100%, 10% 100%)
    }
    30% {
        -webkit-clip-path: polygon(30% 0, 25% 0, 25% 100%, 30% 100%);
        clip-path: polygon(30% 0, 25% 0, 25% 100%, 30% 100%)
    }
    33% {
        -webkit-clip-path: polygon(15% 0, 16% 0, 16% 100%, 15% 100%);
        clip-path: polygon(15% 0, 16% 0, 16% 100%, 15% 100%)
    }
    37% {
        -webkit-clip-path: polygon(40% 0, 39% 0, 39% 100%, 40% 100%);
        clip-path: polygon(40% 0, 39% 0, 39% 100%, 40% 100%)
    }
    40% {
        -webkit-clip-path: polygon(20% 0, 21% 0, 21% 100%, 20% 100%);
        clip-path: polygon(20% 0, 21% 0, 21% 100%, 20% 100%)
    }
    45% {
        -webkit-clip-path: polygon(60% 0, 55% 0, 55% 100%, 60% 100%);
        clip-path: polygon(60% 0, 55% 0, 55% 100%, 60% 100%)
    }
    50% {
        -webkit-clip-path: polygon(30% 0, 31% 0, 31% 100%, 30% 100%);
        clip-path: polygon(30% 0, 31% 0, 31% 100%, 30% 100%)
    }
    53% {
        -webkit-clip-path: polygon(70% 0, 69% 0, 69% 100%, 70% 100%);
        clip-path: polygon(70% 0, 69% 0, 69% 100%, 70% 100%)
    }
    57% {
        -webkit-clip-path: polygon(40% 0, 41% 0, 41% 100%, 40% 100%);
        clip-path: polygon(40% 0, 41% 0, 41% 100%, 40% 100%)
    }
    60% {
        -webkit-clip-path: polygon(80% 0, 75% 0, 75% 100%, 80% 100%);
        clip-path: polygon(80% 0, 75% 0, 75% 100%, 80% 100%)
    }
    65% {
        -webkit-clip-path: polygon(50% 0, 51% 0, 51% 100%, 50% 100%);
        clip-path: polygon(50% 0, 51% 0, 51% 100%, 50% 100%)
    }
    70% {
        -webkit-clip-path: polygon(90% 0, 90% 0, 90% 100%, 90% 100%);
        clip-path: polygon(90% 0, 90% 0, 90% 100%, 90% 100%)
    }
    73% {
        -webkit-clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
        clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%)
    }
    80% {
        -webkit-clip-path: polygon(100% 0, 99% 0, 99% 100%, 100% 100%);
        clip-path: polygon(100% 0, 99% 0, 99% 100%, 100% 100%)
    }
    100% {
        -webkit-clip-path: polygon(70% 0, 71% 0, 71% 100%, 70% 100%);
        clip-path: polygon(70% 0, 71% 0, 71% 100%, 70% 100%)
    }
}

@keyframes glitch-anim-3-vertical {
    0% {
        -webkit-clip-path: polygon(1% 0, 3% 0, 3% 100%, 1% 100%);
        clip-path: polygon(1% 0, 3% 0, 3% 100%, 1% 100%)
    }
    5% {
        -webkit-clip-path: polygon(10% 0, 9% 0, 9% 100%, 10% 100%);
        clip-path: polygon(10% 0, 9% 0, 9% 100%, 10% 100%)
    }
    10% {
        -webkit-clip-path: polygon(5% 0, 6% 0, 6% 100%, 5% 100%);
        clip-path: polygon(5% 0, 6% 0, 6% 100%, 5% 100%)
    }
    25% {
        -webkit-clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
        clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%)
    }
    27% {
        -webkit-clip-path: polygon(10% 0, 10% 0, 10% 100%, 10% 100%);
        clip-path: polygon(10% 0, 10% 0, 10% 100%, 10% 100%)
    }
    30% {
        -webkit-clip-path: polygon(30% 0, 25% 0, 25% 100%, 30% 100%);
        clip-path: polygon(30% 0, 25% 0, 25% 100%, 30% 100%)
    }
    33% {
        -webkit-clip-path: polygon(15% 0, 16% 0, 16% 100%, 15% 100%);
        clip-path: polygon(15% 0, 16% 0, 16% 100%, 15% 100%)
    }
    37% {
        -webkit-clip-path: polygon(40% 0, 39% 0, 39% 100%, 40% 100%);
        clip-path: polygon(40% 0, 39% 0, 39% 100%, 40% 100%)
    }
    40% {
        -webkit-clip-path: polygon(20% 0, 21% 0, 21% 100%, 20% 100%);
        clip-path: polygon(20% 0, 21% 0, 21% 100%, 20% 100%)
    }
    45% {
        -webkit-clip-path: polygon(60% 0, 55% 0, 55% 100%, 60% 100%);
        clip-path: polygon(60% 0, 55% 0, 55% 100%, 60% 100%)
    }
    50% {
        -webkit-clip-path: polygon(30% 0, 31% 0, 31% 100%, 30% 100%);
        clip-path: polygon(30% 0, 31% 0, 31% 100%, 30% 100%)
    }
    53% {
        -webkit-clip-path: polygon(70% 0, 69% 0, 69% 100%, 70% 100%);
        clip-path: polygon(70% 0, 69% 0, 69% 100%, 70% 100%)
    }
    57% {
        -webkit-clip-path: polygon(40% 0, 41% 0, 41% 100%, 40% 100%);
        clip-path: polygon(40% 0, 41% 0, 41% 100%, 40% 100%)
    }
    60% {
        -webkit-clip-path: polygon(80% 0, 75% 0, 75% 100%, 80% 100%);
        clip-path: polygon(80% 0, 75% 0, 75% 100%, 80% 100%)
    }
    65% {
        -webkit-clip-path: polygon(50% 0, 51% 0, 51% 100%, 50% 100%);
        clip-path: polygon(50% 0, 51% 0, 51% 100%, 50% 100%)
    }
    70% {
        -webkit-clip-path: polygon(90% 0, 90% 0, 90% 100%, 90% 100%);
        clip-path: polygon(90% 0, 90% 0, 90% 100%, 90% 100%)
    }
    73% {
        -webkit-clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
        clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%)
    }
    80% {
        -webkit-clip-path: polygon(100% 0, 99% 0, 99% 100%, 100% 100%);
        clip-path: polygon(100% 0, 99% 0, 99% 100%, 100% 100%)
    }
    100% {
        -webkit-clip-path: polygon(70% 0, 71% 0, 71% 100%, 70% 100%);
        clip-path: polygon(70% 0, 71% 0, 71% 100%, 70% 100%)
    }
}

@-webkit-keyframes glitch-anim-text {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
        transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%)
    }
    10% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%)
    }
    20% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%)
    }
    35% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%)
    }
    50% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%)
    }
    60% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%)
    }
    70% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%)
    }
    80% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%)
    }
    90% {
        -webkit-transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
        transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@keyframes glitch-anim-text {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
        transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%)
    }
    10% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%)
    }
    20% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%)
    }
    35% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%)
    }
    50% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%)
    }
    60% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%)
    }
    70% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%)
    }
    80% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%)
    }
    90% {
        -webkit-transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
        transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@-webkit-keyframes glitch-anim-flash {
    0% {
        opacity: .2;
        -webkit-transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
        transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0)
    }
    100%, 33% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes glitch-anim-flash {
    0% {
        opacity: .2;
        -webkit-transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
        transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0)
    }
    100%, 33% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}


/* Modal Overlay */
.agreement-modal-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Dimmed background */
}

/* Modal Content */
.agreement-modal-content {
    background-color: #fff;
    padding: 30px;
    width: 80%;
    max-width: 700px;
    text-align: center;
    position: relative;
    border-radius: 8px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    max-height: 80%; /* Ensure the modal doesn't exceed the viewport height */
    overflow: hidden; /* Hide overflow outside the modal */
}

/* Scrollable Paragraph */
.agreement-modal-content .agreement-text {
    max-height: 300px; /* Set a maximum height for the scrollable text */
    overflow-y: auto; /* Enable vertical scrolling if content overflows */
    text-align: left; /* Align text to the left for better readability */
    margin: 20px 0; /* Add some margin to separate it from other elements */
    padding-right: 10px; /* Optional: Add padding to prevent text from touching the scrollbar */
    padding-left: 10px;
}


/* Close Button */
.agreement-close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
    color: #333;
}

/* Checkbox Container */
.agreement-checkbox-container {
    display: flex;
    align-items: center;
    justify-content: center; /* Center the checkbox and label */
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Label for Checkbox */
.agreement-checkbox-label {
    font-size: 16px;
    margin-right: 8px; /* Add space between label and checkbox */
}

/* Styled Checkbox */
.agreement-checkbox-container input[type="checkbox"] {
    width: 18px;
    height: 18px;
    cursor: pointer; /* Pointer cursor for interactivity */
    accent-color: #6bb8e7; /* Modern browser support for color */
    border: 1px solid #6bb8e7;
    outline: none;
}

/* Add visibility for the tick */
.agreement-checkbox-container input[type="checkbox"]:checked {
    background-color: #6bb8e7; /* Color the box */
    border: 1px solid #6bb8e7; /* Make sure border stays consistent */
}

/* Submit Button */
.agreement-submit-button {
    width: 50%;
    padding: 12px;
    font-size: 16px;
    color: #fff;
    background-color: #6bb8e7;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    display: block;
    margin: 0 auto; /* Center the button */
}

.agreement-submit-button:hover {
    background-color: #5ca6d4;
}

.agreement-submit-button:disabled {
    background-color: #9fb7c7;
    cursor: default;
}

@media (max-width: 768px) {
    .agreement-modal-content {
        width: 100%;
        max-height: 90%;
    }

    .agreement-submit-button {
        width: 100%;
    }
}