@import "https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css";

:root {
    --font-family: Roboto, Helvetica, Arial, sans-serif;
    --headings-font-family: Montserrat, Helvetica, Arial, sans-serif;
    --light: 300;
    --regular: 400;
    --bold: 700;
    --extra-bold: 900;
    --font-size: 16px;
    --line-height: 1.5;
    --headings-line-height: 1.4;
    --white: #fff;
    --black-primary: #010101;
    
    /* --black-secondary: #0c0d10; */
    --black-secondary: #000A19;

    --black-800: #17191F;
    --black-text: #232323;
    --black-700: #22272c;
    --gray-200: #e4e2e2;
    --gray-100: #f3f3f5;
    --gray: #979797;
    
    /* --pink: #ef3c8e; */
    --pink: #00E0FF;


    --pink-active: #c92771;
    --red: #ff1f1f;
    
    /* --yellow: #ffdc4a; */
    --yellow: #00CCFF;

    --yellow-focus: #ffd113;
    --yellow-alpha-05: rgba(255, 220, 74, 0.5);
    --black-primary-alpha-016: rgba(1, 1, 1, 0.16);
    --black-primary-alpha-04: rgba(1, 1, 1, 0.5);
    --black-primary-alpha-08: rgba(1, 1, 1, 0.8);
    --header-height: 60px;
    --container-width: 100%
}

@media (min-width:48em) {
    :root {
        --header-height: 80px
    }
}

@media (min-width:80em) {
    :root {
        --container-width: 1440px
    }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

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

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

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

@-webkit-keyframes swim {

    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes swim {

    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@-webkit-keyframes left {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%)
    }
}

@keyframes left {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%)
    }
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

a,
body {
    line-height: var(--line-height)
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 320px;
    min-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    font-family: var(--font-family);
    font-weight: var(--regular);
    -webkit-font-feature-settings: 'pnum'on, 'lnum'on;
    font-feature-settings: 'pnum'on, 'lnum'on;
    color: var(--black-text)
}

details,
main {
    display: block
}

h1 {
    font-size: 24px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    text-decoration: none;
    color: var(--pink);
    font-size: var(--font-size)
}

abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15
}

input,
optgroup,
select,
textarea {
    margin: 0
}

input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio],
legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

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

body.is-overflow-hidden {
    overflow: hidden
}

.main-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (min-width:48em) {
    h1 {
        font-size: 48px
    }
}

@media (min-width:64em) {
    h1 {
        font-size: 48px
    }
}

@media (min-width:80em) {
    h1 {
        font-size: 48px
    }
}

@media (min-width:90em) {
    h1 {
        font-size: 47px
    }
}

.h1,
h2 {
    font-size: 24px
}

@media (min-width:48em) {
    h2 {
        font-size: 48px
    }
}

@media (min-width:64em) {
    h2 {
        font-size: 48px
    }
}

@media (min-width:80em) {
    h2 {
        font-size: 48px
    }
}

@media (min-width:90em) {
    h2 {
        font-size: 48px
    }
}

h3,
h4,
h5,
h6,
p {
    font-size: 14px
}

@media (min-width:48em) {
    h3 {
        font-size: 24px
    }
}

@media (min-width:64em) {
    h3 {
        font-size: 24px
    }
}

@media (min-width:80em) {
    h3 {
        font-size: 24px
    }
}

@media (min-width:90em) {
    h3 {
        font-size: 24px
    }
}

@media (min-width:48em) {
    h4 {
        font-size: 18px
    }
}

@media (min-width:64em) {
    h4 {
        font-size: 18px
    }
}

@media (min-width:80em) {
    h4 {
        font-size: 18px
    }
}

@media (min-width:90em) {
    h4 {
        font-size: 18px
    }
}

@media (min-width:48em) {
    h5 {
        font-size: 16px
    }
}

@media (min-width:64em) {
    h5 {
        font-size: 16px
    }
}

@media (min-width:80em) {
    h5 {
        font-size: 16px
    }
}

@media (min-width:90em) {
    h5 {
        font-size: 16px
    }
}

@media (min-width:48em) {
    h6 {
        font-size: 14px
    }
}

@media (min-width:64em) {
    h6 {
        font-size: 14px
    }
}

@media (min-width:80em) {
    h6 {
        font-size: 14px
    }
}

@media (min-width:90em) {
    h6 {
        font-size: 14px
    }
}

p {
    font-weight: 400;
    line-height: 1.43
}

@media (min-width:48em) {
    p {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5
    }
}

@media (min-width:64em) {
    p {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5
    }
}

@media (min-width:80em) {
    p {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5
    }
}

@media (min-width:90em) {
    p {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5
    }
}

@media (min-width:48em) {
    .h1 {
        font-size: 48px
    }
}

@media (min-width:64em) {
    .h1 {
        font-size: 48px
    }
}

@media (min-width:80em) {
    .h1 {
        font-size: 48px
    }
}

@media (min-width:90em) {
    .h1 {
        font-size: 48px
    }
}

.h2 {
    font-size: 24px
}

@media (min-width:48em) {
    .h2 {
        font-size: 48px
    }
}

@media (min-width:64em) {
    .h2 {
        font-size: 48px
    }
}

@media (min-width:80em) {
    .h2 {
        font-size: 48px
    }
}

@media (min-width:90em) {
    .h2 {
        font-size: 48px
    }
}

.h3 {
    font-size: 14px
}

@media (min-width:48em) {
    .h3 {
        font-size: 24px
    }
}

@media (min-width:64em) {
    .h3 {
        font-size: 24px
    }
}

@media (min-width:80em) {
    .h3 {
        font-size: 24px
    }
}

@media (min-width:90em) {
    .h3 {
        font-size: 24px
    }
}

.h4 {
    font-size: 14px
}

@media (min-width:48em) {
    .h4 {
        font-size: 18px
    }
}

@media (min-width:64em) {
    .h4 {
        font-size: 18px
    }
}

@media (min-width:80em) {
    .h4 {
        font-size: 18px
    }
}

@media (min-width:90em) {
    .h4 {
        font-size: 18px
    }
}

.h5 {
    font-size: 14px
}

@media (min-width:48em) {
    .h5 {
        font-size: 16px
    }
}

@media (min-width:64em) {
    .h5 {
        font-size: 16px
    }
}

@media (min-width:80em) {
    .h5 {
        font-size: 16px
    }
}

@media (min-width:90em) {
    .h5 {
        font-size: 16px
    }
}

.h6 {
    font-size: 14px
}

@media (min-width:48em) {
    .h6 {
        font-size: 14px
    }
}

@media (min-width:64em) {
    .h6 {
        font-size: 14px
    }
}

@media (min-width:80em) {
    .h6 {
        font-size: 14px
    }
}

@media (min-width:90em) {
    .h6 {
        font-size: 14px
    }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    text-transform: uppercase;
    line-height: var(--headings-line-height);
    font-family: var(--headings-font-family);
    font-weight: var(--extra-bold)
}

p {
    margin: 0 0 15px
}

p:last-child {
    margin-bottom: 0
}

button,
ul {
    margin: 0;
    padding: 0
}

button {
    outline: 0;
    border: 0;
    background: 0 0;
    cursor: pointer;
    width: auto;
    overflow: visible
}

a:hover {
    text-decoration: none
}

ul {
    list-style: none
}

.is-overflow-hidden {
    overflow: hidden
}

.icon-LinkedIn,
.icon-arrow,
.icon-arrow-down,
.icon-clock,
.icon-close,
.icon-delete,
.icon-expand,
.icon-expand-left,
.icon-expand-right,
.icon-facebook,
.icon-instagram,
.icon-loading,
.icon-monitor,
.icon-paperclip,
.icon-twitter {
    width: 1em;
    height: 1em;
    fill: initial
}

.container {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media (min-width:64em) {
    .container {
        max-width: var(--container-width)
    }
}

.container.content {
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:48em) {
    .container.content {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:80em) {
    .container.content {
        padding-left: 100px;
        padding-right: 100px
    }
}

@media (min-width:64em) {
    .container.fluid {
        max-width: none
    }
}

.section {
    padding-top: 80px;
    padding-bottom: 80px
}

@media (min-width:48em) {
    .section {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media (min-width:64em) {
    .section {
        padding-top: 150px;
        padding-bottom: 150px
    }
}

.section__title {
    margin-bottom: 40px
}

@media (min-width:80em) {
    .section__title {
        margin-bottom: 60px
    }
}

.link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    line-height: 1.5;
    font-size: 12px;
    text-decoration: none;
    color: var(--yellow);
    font-family: var(--headings-font-family);
    font-weight: var(--extra-bold)
}

.link:hover {
    color: var(--pink)
}

.link:active {
    color: var(--pink-active)
}

.link__arrow {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px;
    -ms-flex-item-align: center;
    align-self: center
}

.link.reset {
    text-transform: uppercase
}

.link.reset:hover {
    color: var(--yellow)
}

.link.disabled,
.link.reset,
.link[disabled] {
    color: var(--gray)
}

.link--primary {
    color: var(--black-primary)
}

.link--loading {
    color: var(--white)
}

.link--loading .link__arrow {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    line-height: 1;
    font-size: 24px
}

.link--loading.is-active .link__arrow {
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear
}

@media (min-width:48em) {
    .link {
        line-height: 1.5;
        font-size: 16px
    }
}

.input {
    line-height: 1.5;
    font-size: 16px;
    padding: 10px 20px;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: border-color;
    -o-transition-property: border-color;
    transition-property: border-color;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    width: 100%;
    height: 48px;
    border: 1px solid var(--gray-200);
    background-color: var(--white)
}

@media (min-width:80em) {
    .input {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.input::-webkit-input-placeholder {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity, text-indent;
    transition-property: opacity, text-indent;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    line-height: 1.5;
    font-size: 16px;
    color: var(--black-primary)
}

.input::-moz-placeholder {
    transition-duration: .3s;
    -moz-transition-property: opacity, text-indent;
    transition-property: opacity, text-indent;
    transition-timing-function: ease-in-out;
    line-height: 1.5;
    font-size: 16px;
    color: var(--black-primary)
}

.input:-ms-input-placeholder,
.input::-ms-input-placeholder {
    transition-duration: .3s;
    -ms-transition-property: opacity, text-indent;
    transition-property: opacity, text-indent;
    transition-timing-function: ease-in-out;
    line-height: 1.5;
    font-size: 16px;
    color: var(--black-primary)
}

.input::placeholder {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity, text-indent;
    -o-transition-property: opacity, text-indent;
    transition-property: opacity, text-indent;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    line-height: 1.5;
    font-size: 16px;
    color: var(--black-primary)
}

.input.has-error {
    border-color: var(--red);
    color: var(--red)
}

.input.has-error:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.input:focus {
    outline: 0;
    border-color: var(--yellow);
    -webkit-box-shadow: inset 0 0 0 2px var(--yellow);
    box-shadow: inset 0 0 0 2px var(--yellow)
}

.input:focus::-webkit-input-placeholder {
    opacity: 0;
    text-indent: 10px
}

.input:focus::-moz-placeholder {
    opacity: 0;
    text-indent: 10px
}

.input:focus:-ms-input-placeholder,
.input:focus::-ms-input-placeholder {
    opacity: 0;
    text-indent: 10px
}

.input:focus::placeholder {
    opacity: 0;
    text-indent: 10px
}

.input__icon {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity, visibility;
    -o-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width:64em) {
    .input__icon {
        width: 24px;
        height: 24px
    }
}

.input__reset {
    width: 24px;
    height: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity, visibility;
    -o-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: hidden;
    opacity: 0;
    z-index: 2
}

@media (min-width:80em) {
    .input {
        height: 58px
    }
}

.input--textarea {
    padding-top: 20px;
    padding-bottom: 20px;
    height: 100px;
    resize: none
}

@media (min-width:48em) {
    .input--textarea {
        height: 120px
    }
}

.input--file {
    padding: 0;
    position: relative;
    border-color: transparent
}

.input--file [type=file] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.input--file [type=file]:focus+.input__label {
    border-color: var(--yellow);
    -webkit-box-shadow: inset 0 0 0 2px var(--yellow);
    box-shadow: inset 0 0 0 2px var(--yellow)
}

.input--file .input__icon {
    width: 16px;
    height: 16px
}

@media (min-width:80em) {
    .input--file .input__icon {
        width: 24px;
        height: 24px
    }
}

.input--file .input__label {
    padding: 10px 20px;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: border-color, -webkit-box-shadow;
    -o-transition-property: border-color, box-shadow;
    transition-property: border-color, box-shadow;
    transition-property: border-color, box-shadow, -webkit-box-shadow;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    width: 100%;
    height: 48px;
    display: block;
    border: 1px solid var(--gray);
    cursor: pointer;
    overflow: hidden
}

@media (min-width:80em) {
    .input--file .input__label {
        padding-top: 15px;
        padding-bottom: 15px;
        height: 58px
    }
}

.input--file .input__placeholder {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-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-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    line-height: 2.33333;
    font-size: 12px;
    display: block;
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: calc(100% - 60px);
    overflow: hidden;
    text-transform: uppercase;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--headings-font-family);
    font-weight: var(--extra-bold)
}

.input--file .input__placeholder--hidden {
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0
}

.input--file.is-uploaded .input__placeholder {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0
}

.input--file.is-uploaded .input__placeholder--hidden {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1
}

.input--file.is-uploaded .input__reset {
    visibility: visible;
    opacity: 1
}

.input--file.is-uploaded .input__icon {
    visibility: hidden;
    opacity: 0
}

.input--dark {
    border-color: var(--black-700);
    background-color: var(--black-secondary);
    color: var(--white)
}

.input--dark::-webkit-input-placeholder {
    color: var(--gray)
}

.input--dark::-moz-placeholder {
    color: var(--gray)
}

.input--dark:-ms-input-placeholder,
.input--dark::-ms-input-placeholder {
    color: var(--gray)
}

.input--dark::placeholder {
    color: var(--gray)
}

.input--dark .input__label {
    border-color: var(--black-700);
    background-color: var(--black-secondary);
    color: var(--white)
}

.checkbox {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkbox__input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 0;
    height: 0
}

.checkbox__input:checked+.checkbox__text::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.checkbox__input:disabled {
    pointer-events: none
}

.checkbox__input:disabled+.checkbox__text {
    color: rgba(35, 35, 35, .4)
}

.checkbox__input:disabled+.checkbox__text::after {
    border-color: rgba(0, 0, 0, .15)
}

.checkbox__text,
.error {
    line-height: 1.14286;
    font-size: 14px;
    display: block
}

.checkbox__text {
    padding-left: 30px;
    position: relative;
    padding-top: 4px
}

.checkbox__text::after,
.checkbox__text::before {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    content: ''
}

.checkbox__text::after {
    -webkit-transition-property: border-color;
    border: 1px solid var(--black-800);
    -o-transition-property: border-color;
    transition-property: border-color;
    width: 22px;
    height: 22px;
    top: 0;
    left: 0
}

.checkbox__text::before {
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 14px;
    height: 14px;
    top: 4px;
    left: 4px;
    background-color: var(--yellow);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.checkbox__text::after,
.checkbox__text::before {
    position: absolute;
    border-radius: 2px
}

.checkbox--md .checkbox__text {
    line-height: 1;
    font-size: 16px
}

.checkbox--light .checkbox__text::after {
    border-color: var(--white)
}

.error {
    min-height: 16px;
    color: var(--red)
}

.button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    padding: 20px 10px;
    line-height: 1.5;
    font-size: 12px;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color, color, -webkit-box-shadow;
    -o-transition-property: background-color, box-shadow, color;
    transition-property: background-color, box-shadow, color;
    transition-property: background-color, box-shadow, color, -webkit-box-shadow;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    width: 100%;
    height: 56px;
    position: relative;
    outline: 0;
    background-color: var(--yellow);
    cursor: pointer;
    vertical-align: middle;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    color: var(--black-primary);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    text-align: center;
    font-family: var(--headings-font-family);
    font-weight: var(--extra-bold);
    border: 3px solid #fff;
}

@media (min-width:48em) {
    .button {
        padding-left: 20px;
        padding-right: 20px
    }
}

.button:disabled {
    background-color: var(--yellow-alpha-05);
    pointer-events: none
}

/* .button:focus {
    background-color: var(--yellow-focus)
} */

.button--fluid {
    width: 100%
}

.button--reset {
    background-color: transparent;
    color: var(--yellow)
}

.button--reset:hover,
.dropdown__button:hover {
    color: var(--pink)
}

.button--white {
    background-color: var(--white)
}

@media (min-width:48em) {
    .button--md {
        width: 216px;
        height: 50px
    }
}

@media (min-width:64em) {
    .button--md {
        line-height: 1.5;
        font-size: 16px;
        width: 400px;
        height: 60px
    }
}

.button__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px
}

.icon {
    width: 1em;
    height: 1em;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    fill: currentColor
}

.dropdown {
    position: relative;
    color: var(--white);
    z-index: 98
}

.dropdown__trigger {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--white);
    font-family: var(--headings-font-family);
    font-weight: var(--bold)
}

.dropdown__trigger.is-open+.dropdown__list {
    -webkit-transform: translateY(0) translateX(-50%);
    -ms-transform: translateY(0) translateX(-50%);
    transform: translateY(0) translateX(-50%);
    visibility: visible;
    opacity: 1
}

.dropdown__trigger.is-open .dropdown__arrow {
    -webkit-transform: rotateZ(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotateZ(-180deg)
}

.dropdown__arrow {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transform: rotateZ(0deg);
    -ms-transform: rotate(0deg);
    transform: rotateZ(0deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    pointer-events: none
}

.dropdown__label {
    margin-right: 10px;
    font-family: var(--headings-font-family);
    pointer-events: none;
    text-transform: uppercase
}

.dropdown__list {
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-transition-property: visibility, opacity, -webkit-transform;
    -o-transition-property: visibility, transform, opacity;
    transition-property: visibility, transform, opacity;
    transition-property: visibility, transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    position: absolute;
    top: 2rem;
    left: 50%;
    -webkit-transform: translateY(-15px) translateX(-50%);
    -ms-transform: translateY(-15px) translateX(-50%);
    transform: translateY(-15px) translateX(-50%);
    visibility: hidden;
    opacity: 0;
    z-index: 3;
    background-color: var(--white);
    width: auto
}

.dropdown__button,
.dropdown__list,
.hamburger {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.dropdown__button {
    line-height: 1;
    font-size: 12px;
    -webkit-transition-property: color;
    text-align: left;
    text-decoration: none;
    color: var(--black-primary);
    font-family: var(--headings-font-family);
    white-space: nowrap;
    padding: 5px 15px;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    display: block;
    text-transform: uppercase
}

.dropdown--extra-bold .dropdown__label {
    font-weight: var(--extra-bold)
}

.hamburger {
    display: inline-block;
    -webkit-transition-property: opacity, -webkit-filter;
    -o-transition-property: opacity, filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    padding: 0;
    overflow: visible;
    text-transform: none;
    color: inherit;
    font: inherit
}

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

.hamburger.is-active:hover,
.hamburger:hover {
    opacity: .8
}

.hamburger.is-disabled {
    pointer-events: none
}

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

.hamburger--slider .hamburger-inner::before,
.hamburger-inner {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    border-radius: 0;
    background-color: #fff;
    width: 32px;
    height: 3px;
    display: block
}

.hamburger-inner {
    margin-top: -1.5px;
    top: 50%
}

.hamburger-inner::after,
.hamburger-inner::before {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    content: ''
}

.hamburger-inner::before {
    top: -11px
}

.hamburger-inner::after {
    bottom: -11px
}

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

.hamburger--slider .hamburger-inner::before {
    top: 11px;
    -webkit-transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

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

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

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

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

.header {
    width: 100%;
    height: var(--header-height);
    line-height: 1;
    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px;
    display: grid;
    position: sticky;
    top: 0;
    left: 0;
    grid-template-columns: 58px 1fr auto;
    grid-column-gap: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 100;
    background-color: var(--black-secondary);
    font-family: var(--headings-font-family);
    text-transform: uppercase
}

@media (min-width:64em) {
    .header {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:48em) {
    .header {
        grid-template-columns: 84px 1fr auto;
        grid-column-gap: 30px
    }
}

@media (min-width:90em) {
    .header {
        grid-column-gap: 40px
    }
}

.header__logo {
    display: block
}

.header__logo img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.header__language,
.header__location,
.header__nav {
    display: none
}

.header__link {
    font-size: 10px
}

@media (min-width:48em) {
    .header__link {
        margin-left: auto;
        margin-right: 30px
    }
}

@media (min-width:90em) {
    .header__link {
        margin-right: 40px
    }
}

@media (min-width:48em) {
    .header__link {
        font-size: 12px
    }

    .header__language,
    .header__location {
        color: red;
        display: block
    }
}

@media (min-width:90em) {
    .header__nav {
        margin-left: 40px;
        display: block
    }
}

.header__container,
.header__controls {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__controls {
    padding-top: 5px
}

.header__controls.is-disabled,
.slick-slide.dragging img {
    pointer-events: none
}

.header__controls:focus {
    outline: 0
}

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

.nav,
.nav__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nav__item {
    text-transform: uppercase
}

.nav__item+.nav__item {
    margin-left: 40px
}

.nav__link {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    line-height: 2;
    font-size: 12px;
    position: relative;
    text-decoration: none;
    color: var(--white);
    font-family: var(--headings-font-family);
    font-weight: var(--bold)
}

.nav__link:hover {
    color: var(--yellow)
}

.nav--mobile {
    display: grid;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-height: calc(100% - 150px);
    overflow-x: hidden;
    overflow-y: auto
}

.nav--mobile .nav__list {
    padding-top: 35px;
    padding-bottom: 35px;
    display: block
}

.nav--mobile .nav__link {
    line-height: 1;
    font-size: 16px
}

@media (min-width:48em) {
    .nav--mobile .nav__link {
        line-height: 1;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: var(--extra-bold)
    }
}

.nav--mobile .nav__item {
    margin-left: 0;
    margin-bottom: 15px;
    text-transform: none
}

.nav--mobile .nav__item:last-child {
    margin-bottom: 0
}

@media (min-width:48em) {
    .nav--mobile {
        max-height: calc(100% - 75px)
    }
}

.footer {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: var(--black-secondary);
    color: var(--white)
}

@media (min-width:48em) {
    .footer {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media (min-width:64em) {
    .footer {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.footer__wrap {
    display: grid;
    align-content: center;
    align-items: center;
    grid-row: 1;
    grid-column: 3
}

@media (min-width:48em) {
    .footer__wrap {
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 20px
    }
}

.footer__logo {
    margin-bottom: 30px;
    width: 100%;
    height: 60px
}


@media (min-width:48em) {
    .footer__logo {
        margin-bottom: 0
    }
}

.footer__logo img {
    height: 100%;
    max-height: 100%
}

@media (min-width:48em) {
    .footer__logo {
        width: 100%;
        height: 94px
    }
}

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

.footer__item {
    margin-bottom: 10px
}

@media (min-width:64em) {
    .footer__item {
        margin-bottom: 20px
    }
}

@media (min-width:48em) {
    .footer__item:last-child {
        margin-bottom: 0
    }
}

.footer__link {
    line-height: 1.33333;
    font-size: 12px;
    margin-bottom: 0;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    text-decoration: none;
    color: var(--white)
}

@media (min-width:48em) {
    .footer__link {
        line-height: 1.14286;
        font-size: 14px
    }
}

@media (min-width:64em) {
    .footer__link {
        line-height: 1.125;
        font-size: 16px
    }
}

.footer__link:hover,
.main-menu__contact:hover {
    color: var(--yellow)
}

.footer__text {
    line-height: 1.33333;
    font-size: 12px;
    margin-bottom: 0
}

@media (min-width:48em) {
    .footer__text {
        line-height: 1.14286;
        font-size: 14px
    }
}

@media (min-width:64em) {
    .footer__text {
        line-height: 1.125;
        font-size: 16px
    }
}

.main-menu {
    width: 100%;
    height: calc(100% - var(--header-height));
    display: block;
    position: fixed;
    top: var(--header-height);
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 99;
    background-color: var(--black-primary-alpha-04)
}

.main-menu__top,
.main-menu__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main-menu__wrapper {
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    background-color: var(--black-secondary);
    max-width: 500px
}

.main-menu__top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 15px;
    border-bottom: 1px solid var(--black-700);
    font-size: 12px
}

@media (min-width:48em) {
    .main-menu__top {
        display: none
    }
}

.main-menu__bottom {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 15px;
    border-top: 1px solid var(--black-700)
}

@media (min-width:48em) {
    .main-menu__bottom {
        padding-bottom: 100px
    }
}

@media (min-width:64em) {
    .main-menu__bottom {
        padding-bottom: 60px
    }
}

@media (min-width:48em) {
    .main-menu__bottom {
        padding-left: 40px;
        padding-right: 40px;
        border-top: 0
    }
}

.main-menu__contact {
    line-height: 1;
    font-size: 14px;
    text-decoration: none;
    color: var(--white)
}

@media (min-width:48em) {
    .main-menu__contact {
        line-height: 1;
        font-size: 16px;
        font-weight: var(--bold)
    }
}

.slick-list,
.slick-slider {
    display: block;
    position: relative
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    margin: 0;
    padding: 0;
    overflow: hidden
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto
}

.slick-track::after,
.slick-track::before {
    display: table;
    content: ''
}

.slick-track::after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    outline: 0;
    height: 100%;
    min-height: 1px
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    border: 1px solid transparent;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-next .slider-arrow {
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1)
}

.slick-arrow {
    width: 2rem;
    height: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

@media (min-width:80em) {
    .slick-arrow {
        line-height: 1;
        font-size: 24px
    }
}

.slick-arrow.slick-next {
    right: 0
}

.slick-arrow.slick-prev {
    left: 0
}

.pagination,
.pagination__link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pagination {
    margin: 0;
    list-style: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1.5;
    font-size: 16px;
    font-family: var(--headings-font-family);
    font-weight: var(--extra-bold);
    padding: 0
}

.pagination__link {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 15px;
    color: var(--white)
}

.pagination__link:hover {
    color: var(--pink)
}

.pagination__link.is-disabled {
    pointer-events: none
}

.pagination__link.is-disabled .pagination__icon {
    fill: var(--gray)
}

.pagination__link.is-active {
    color: var(--gray);
    pointer-events: none
}

.pagination__icon {
    line-height: 1;
    font-size: 26px
}

.scroll-top-button {
    width: 3.5rem;
    height: 3.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99
}

.scroll-top-button__icon {
    -webkit-transform: rotateZ(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotateZ(-90deg);
    color: var(--white);
    pointer-events: none
}

.socials,
.socials__link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.socials {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.socials__link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--white)
}

.socials__link img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.socials__link:hover {
    color: var(--pink)
}

.socials__link:hover .socials__icon {
    fill: var(--yellow)
}

.socials__icon {
    width: 16px;
    height: 16px;
    line-height: 1;
    font-size: 16px;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: fill;
    -o-transition-property: fill;
    transition-property: fill;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    fill: var(--white)
}

@media (min-width:80em) {
    .socials__icon {
        line-height: 1;
        font-size: 24px;
        width: 24px;
        height: 24px
    }
}

.socials__text {
    margin-right: 20px;
    line-height: 1.33333;
    font-size: 12px;
    text-transform: uppercase;
    font-family: var(--headings-font-family);
    font-weight: var(--extra-bold)
}

@media (min-width:80em) {
    .socials__text {
        line-height: 1.5;
        font-size: 16px
    }
}

.socials__item:not(:first-of-type) {
    margin-left: 35px
}

.socials--titled .socials__icon {
    fill: var(--yellow)
}

.socials--titled .socials__item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.socials--titled .socials__link {
    min-height: 50px
}

@media (min-width:80em) {
    .socials--titled .socials__link {
        min-height: 60px
    }
}

.tabs-section__header {
    padding-bottom: 80px
}

@media (min-width:48em) {
    .tabs-section__header {
        padding-bottom: 100px
    }
}

@media (min-width:64em) {
    .tabs-section__header {
        padding-bottom: 150px
    }

    .tabs-section__body {
        display: grid;
        grid-template-columns: 1fr 400px;
        grid-gap: 20px
    }
}

.tabs-section__image {
    position: relative;
    padding-top: 56.25%;
    height: 100%;
    overflow: hidden
}

.news-card__image img,
.tabs-section__image img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.tabs-section__title {
    line-height: 1.14286;
    font-size: 14px;
    text-transform: uppercase;
    font-family: var(--headings-font-family);
    font-weight: var(--extra-bold)
}

@media (min-width:48em) {
    .tabs-section__title {
        line-height: 1.38889;
        font-size: 18px
    }
}

.tabs-section__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:64em) {
    .tabs-section__content {
        background-color: var(--white)
    }
}

.tabs-section__wrapper {
    padding: 30px 20px;
    margin-top: 30px;
    margin-bottom: 40px;
    background-color: var(--white)
}

@media (min-width:64em) {
    .tabs-section__wrapper {
        padding: 40px 30px;
        margin-top: 0;
        margin-bottom: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.tabs-section__button {
    width: 100%
}

@media (min-width:48em) {
    .tabs-section__button {
        width: auto
    }
}

.tabs-list {
    padding: 0;
    list-style: none;
    margin: 0 0 40px
}

@media (min-width:64em) {
    .tabs-list {
        margin-bottom: 60px
    }
}

@media (min-width:48em) {
    .tabs-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.tabs-list__item {
    margin-right: 0;
    margin-bottom: 10px;
    cursor: pointer
}

@media (min-width:48em) {
    .tabs-list__item {
        margin-right: 60px;
        margin-bottom: 0
    }
}

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

.tabs-list__item.is-active .tabs-list__link {
    text-shadow: .1em .1em var(--pink)
}

.tabs-list__link {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: text-shadow;
    -o-transition-property: text-shadow;
    transition-property: text-shadow;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    line-height: 1.38889;
    font-size: 18px;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--black-primary);
    font-weight: var(--extra-bold);
    font-family: var(--headings-font-family)
}

.tabs-list__link:hover {
    text-shadow: 5px 5px var(--pink)
}

@media (min-width:48em) {
    .tabs-list__link {
        line-height: 1.41667;
        font-size: 24px
    }
}

@media (min-width:64em) {
    .tabs-list__link {
        line-height: 1.39583;
        font-size: 48px
    }
}

.marquee {
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 1.66667;
    font-size: 12px;
    background-color: var(--yellow);
    color: var(--black-secondary);
    font-family: var(--headings-font-family);
    font-weight: var(--extra-bold);
    overflow: hidden
}

@media (min-width:64em) {
    .marquee {
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 1.5;
        font-size: 16px
    }
}

.marquee__item {
    margin-left: 30px;
    margin-right: 30px;
    text-transform: uppercase
}

@media (min-width:48em) {
    .marquee__item {
        margin-left: 50px;
        margin-right: 50px
    }
}

.slider-pagination {
    display: inline-grid;
    grid-auto-flow: column;
    color: var(--black-primary);
    font-family: var(--headings-font-family);
    font-size: 16px;
    font-weight: var(--extra-bold)
}

.slider-pagination__counter {
    display: grid;
    grid-template-columns: 15px 4px 15px;
    grid-column-gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.slider-pagination__counter>:first-child {
    text-align: right
}

.slider-pagination__counter>:last-child {
    text-align: left
}

@media (min-width:48em) {
    .slider-pagination__counter {
        grid-template-columns: 30px 4px 30px
    }
}

.slider-pagination__arrow {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.slider-pagination__arrow.slick-disabled .icon {
    fill: var(--gray)
}

.slider-pagination__arrow .icon {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: fill;
    -o-transition-property: fill;
    transition-property: fill;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    line-height: 1;
    font-size: 24px
}

.slider-pagination__arrow:hover .icon {
    fill: var(--pink)
}

.slider-pagination__arrow--right {
    padding-left: 20px
}

.slider-pagination__arrow--left {
    padding-right: 20px
}

.slider-pagination--white {
    color: var(--white)
}

.news-card {
    width: 100%;
    height: 100%;
    display: grid
}

.news-card__content {
    position: relative;
    background-color: var(--white);
    color: var(--black-text)
}

.news-card__link {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1
}

.news-card__image {
    position: relative;
    padding-top: 56.25%;
    height: 0;
    min-height: 100%;
    overflow: hidden
}

.news-card__wrapper {
    line-height: 1;
    font-size: 14px;
    padding: 30px 20px
}

.news-card__title {
    margin-bottom: 15px;
    display: grid;
    line-height: 24px
}

@media (min-width:48em) {
    .news-card__title {
        height: 45px;
        overflow: hidden
    }
}

@media (min-width:64em) {
    .news-card__title {
        height: 75px;
        overflow: hidden
    }
}

@media (min-width:80em) {
    .news-card__title {
        line-height: 1.38889;
        font-size: 18px
    }
}

.news-card__read {
    line-height: 1;
    font-size: 12px
}

@media (min-width:80em) {
    .news-card__read {
        line-height: 1;
        font-size: 16px
    }
}

.news-card__read,
.news-card__title {
    text-transform: uppercase;
    font-family: var(--headings-font-family);
    font-weight: var(--extra-bold)
}

.news-card__text {
    margin-bottom: 25px
}

@media (min-width:48em) {
    .news-card__text {
        overflow: hidden;
        height: 75px
    }
}

@media (min-width:80em) {
    .news-card__text {
        line-height: 1.5;
        font-size: 16px
    }
}

.news-card__date {
    margin-bottom: 20px;
    display: block;
    color: var(--gray)
}

@media (min-width:48em) {
    .news-card--big .news-card__content {
        display: grid;
        grid-template-columns: 1fr 235px
    }
}

@media (min-width:64em) {
    .news-card--big .news-card__content {
        display: grid;
        grid-template-columns: 1fr 420px
    }
}

.news-card--big .news-card__title {
    height: auto
}

@media (min-width:80em) {
    .news-card--big .news-card__title {
        line-height: 1.375;
        font-size: 24px
    }
}

@media (min-width:64em) {
    .news-card--big .news-card__wrapper {
        padding-top: 60px;
        padding-bottom: 60px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .news-card--big .news-card__read {
        margin-top: auto
    }
}

@media (min-width:48em) {
    .news-card--big {
        grid-column: auto/span 2
    }
}

@media (min-width:64em) {
    .news-card--big {
        grid-column: auto/span 3
    }
}

.price-section,
.tabs-default.is-adaptive::before {
    font-family: var(--headings-font-family)
}

.price-section__card {
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    color: var(--white)
}

.price-section__card:hover .link,
.tabs-default.is-adaptive .tabs-default__item.is-active {
    color: var(--pink)
}

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

.price-section__block {
    padding-left: 15px;
    padding-right: 15px;
    height: 288px;
    overflow: hidden
}

.price-section__number,
.price-section__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}

.price-section__title {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.price-section__number {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--gray);
    font-weight: var(--bold)
}

.price-section__text {
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    height: 95px;
    overflow: hidden;
    color: var(--yellow);
    font-family: var(--font-family)
}

@media (min-width:80em) {
    .price-section__text {
        height: 75px
    }
}

.price-section__discipline,
.price-section__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.price-section__discipline {
    padding-bottom: 30px;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid var(--black-700)
}

.price-section__discipline img {
    width: 48px;
    height: 48px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.price-section__link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 20px;
    border-top: 1px solid var(--black-700);
    width: 100%;
    text-transform: uppercase
}

.price-section__content {
    padding-left: 30px;
    padding-right: 30px;
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:64em) {
    .price-section__content {
        padding-left: 0;
        padding-right: 0;
        grid-template-columns: repeat(3, 1fr)
    }
}

.price-section__item {
    width: 290px
}

@media (min-width:48em) {
    .price-section__item {
        width: 335px
    }
}

@media (min-width:64em) {
    .price-section__item {
        width: 100%
    }
}

.price-section__wrapper {
    padding-bottom: 60px;
    padding-top: 10px;
    display: grid;
    position: relative;
    margin: 0 -15px;
    overflow-y: auto
}

@media (min-width:64em) {
    .price-section__wrapper {
        padding-bottom: 0
    }
}

@media (min-width:48em) {
    .price-section__wrapper {
        margin: 0 -40px
    }
}

@media (min-width:64em) {
    .price-section__wrapper {
        margin: 0;
        overflow-y: visible
    }
}

.price-section__spacer {
    margin-top: -10px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--black-700)
}

.tabs-default {
    margin-bottom: 40px;
    margin-top: 45px
}

.tabs-default.is-adaptive {
    width: 100%;
    height: 60px;
    position: relative;
    cursor: pointer
}

.tabs-default.is-adaptive::before {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 5;
    font-size: 12px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: var(--black-secondary);
    color: var(--white);
    font-weight: var(--bold);
    content: attr(data-title)
}

.tabs-default.is-adaptive .tabs-default__wrapper,
.tabs-default.is-adaptive::after {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    display: block;
    position: absolute
}

.tabs-default.is-adaptive::after {
    -webkit-transition-property: -webkit-transform;
    transition-property: transform, -webkit-transform;
    height: 10px;
    right: 20px;
    -webkit-transform: rotateZ(135deg);
    -ms-transform: rotate(135deg);
    transform: rotateZ(135deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    border-top: 2px solid var(--white);
    border-right: 2px solid var(--white);
    content: '';
    -o-transition-property: transform;
    transition-property: transform;
    width: 10px;
    top: 25px
}

.tabs-default.is-adaptive.is-active::after {
    -webkit-transform: rotateZ(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotateZ(-45deg)
}

.tabs-default.is-adaptive .tabs-default__item {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: var(--black-text)
}

.tabs-default.is-adaptive .tabs-default__wrapper {
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    top: 100%;
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 98;
    background-color: var(--white);
    width: 100%;
    text-align: left;
    color: var(--black-text)
}

.tabs-default.is-adaptive .tabs-default__wrapper.is-active {
    visibility: visible;
    opacity: 1
}

.tabs-default__item,
.tabs-default__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    text-align: center
}

.tabs-default__wrapper {
    background-color: var(--black-secondary);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tabs-default__item {
    line-height: 1.83333;
    font-size: 12px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    position: relative;
    border-right: 1px solid var(--black-700);
    color: var(--gray);
    font-family: var(--headings-font-family)
}

.tabs-default--light .tabs-default__item:last-child,
.tabs-default__item:last-child {
    border-right: 0
}

.contact-block__item>a,
.tabs-default__item.is-active {
    color: var(--white)
}

.tabs-default__item.is-active::after,
.tabs-default__item:hover::after {
    background-color: var(--white)
}

.tabs-default__item::after {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    width: 100%;
    height: 5px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    content: ''
}

.tabs-default__item:hover {
    cursor: pointer;
    color: var(--white)
}

@media (min-width:48em) {
    .tabs-default__item {
        line-height: 1.375;
        font-size: 16px;
        font-weight: var(--bold)
    }
}

@media (min-width:64em) {
    .tabs-default__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        line-height: 1.22222;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: var(--extra-bold)
    }
}

.tabs-default__title {
    padding-left: 10px;
    padding-right: 10px;
    display: block
}

.tabs-default__text {
    line-height: 1.83333;
    font-size: 12px;
    display: block;
    text-transform: none;
    font-weight: var(--regular)
}

@media (min-width:64em) {
    .tabs-default__text {
        margin-left: 20px
    }
}

@media (min-width:48em) {
    .tabs-default__text {
        line-height: 1.57143;
        font-size: 14px
    }
}

@media (min-width:80em) {
    .tabs-default__text {
        line-height: 1.375;
        font-size: 16px;
        display: inline
    }
}

.tabs-default--light {
    background-color: var(--white)
}

.tabs-default--light .tabs-default__item {
    border-right: 1px solid var(--gray);
    background-color: var(--white)
}

.tabs-default--light .tabs-default__item.is-active,
.tabs-default--light .tabs-default__item:hover {
    color: var(--black-primary)
}

.tabs-default--light .tabs-default__item.is-active::after,
.tabs-default--light .tabs-default__item:hover::after {
    background-color: var(--black-primary)
}

.tabs-default--accent .tabs-default__item {
    color: var(--white);
    font-weight: var(--extra-bold)
}

@media (min-width:48em) {
    .tabs-default--accent .tabs-default__item {
        font-size: 18px
    }
}

.contact-block__list a:hover,
.tabs-default--accent .tabs-default__item.is-active {
    color: var(--yellow)
}

.calendar .u-back-pink-hover:hover .calendar__trigger,
.tabs-default--accent .tabs-default__item.is-active::after {
    background-color: var(--yellow)
}

.tabs-default--sm {
    margin: 0
}

.tab-content-default {
    display: none
}

.tab-content-default.is-active {
    display: block
}

.contact-block {
    margin-bottom: 0px
}

@media (min-width:80em) {
    .contact-block {
        margin-bottom: 0px
    }
}

.contact-block__title {
    line-height: 1.14286;
    font-size: 14px;
    text-transform: uppercase;
    font-family: var(--headings-font-family);
    font-weight: var(--extra-bold)
}

@media (min-width:48em) {
    .contact-block__title {
        line-height: 1.33333;
        font-size: 18px
    }
}

.contact-block__ratio {
    position: relative;
    padding-top: 56.25%;
    height: 0;
    overflow: hidden
}

.contact-block__map {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.contact-block__text {
    margin-bottom: 30px;
    background-color: var(--black-secondary)
}

@media (min-width:80em) {
    .contact-block__text {
        margin-bottom: 0;
        grid-row: 1;
        grid-column: 1
    }
}

.contact-block__content {
    margin-top: 60px;
    grid-row: 1;
    grid-column: 2/3
}

@media (min-width:80em) {
    .contact-block__content {
        margin-top: 0
    }
}

.contact-block__list {
    padding: 30px 20px;
    font-style: normal
}

@media (min-width:80em) {
    .contact-block__list {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:48em) {
    .contact-block__list {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (min-width:80em) {
    .contact-block__list {
        padding-bottom: 70px
    }
}

.contact-block__item {
    margin-bottom: 15px;
    line-height: 1.14286;
    font-size: 14px;
    display: block;
    color: var(--white)
}

.contact-block__item:last-child {
    margin-bottom: 0
}

@media (min-width:80em) {
    .contact-block__item {
        line-height: 1.5;
        font-size: 16px
    }
}

.contact-block__socials {
    margin-top: 30px
}

@media (min-width:48em) {
    .contact-block__socials {
        margin-top: 40px
    }
}

@media (min-width:80em) {
    .contact-block__socials {
        grid-column: 1/3
    }
}

.contact-block__footer {
    text-align: center
}

@media (min-width:80em) {
    .contact-block__footer {
        width: 100%;
    }
    .contact-block__footer .button{
        width: 100%;
    }
}

.contact-block__button {
    width: 100%
}

@media (min-width:48em) {
    .contact-block__button {
        width: auto
    }
}

@media (min-width:80em) {
    .contact-block {
        display: flex;
        /* grid-template-columns: 400px 1fr;
        grid-column-gap: 20px */
        flex-direction: column;
    }
}

@media (min-width:64em) {
    .menu-tab__carousel {
        display: grid;
        grid-column: 1/span 2
    }
}

.menu-tab__content {
    text-align: center
}

@media (min-width:64em) {
    .menu-tab__content {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-row-gap: 60px;
        grid-column-gap: 20px;
        text-align: left
    }
}

.menu-tab__category {
    margin-top: 60px;
    margin-bottom: 40px;
    text-align: left
}

@media (min-width:64em) {
    .menu-tab__category {
        margin-bottom: 0;
        margin-top: 0;
        grid-row: 1;
        grid-column: 3
    }
}

.menu-tab__pagination {
    margin-top: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: 1;
    color: var(--white)
}

@media (min-width:64em) {
    .menu-tab__pagination {
        margin-top: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.menu-tab__ratio {
    position: relative;
    padding-top: 56.25%;
    height: 0;
    overflow: hidden
}

.menu-tab__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.menu-tab__list {
    padding: 30px 30px 20px;
    border-bottom: 1px solid var(--black-700);
    font-family: var(--headings-font-family)
}

.menu-tab__list:first-child {
    padding-top: 40px
}

.menu-tab__list:last-child {
    padding-bottom: 50px;
    border-bottom: 0
}

.menu-tab__link {
    grid-column: 2;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:64em) {
    .menu-tab__link {
        text-align: right
    }
}

.menu-tab__text {
    line-height: 1.125;
    font-size: 16px
}

.copy-service-section__grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 20px
}

@media (min-width:48em) {
    .copy-service-section__grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 40px 20px
    }
}

@media (min-width:64em) {
    .copy-service-section__grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

.copy-service-section__title {
    padding: 20px 60px 20px 20px;
    margin-bottom: 0
}

@media (min-width:48em) {
    .copy-service-section__title {
        padding: 40px 30px 30px;
        line-height: 1.22222;
        font-size: 18px;
        height: 115px
    }
}

@media (min-width:64em) {
    .copy-service-section__title {
        line-height: 1.41667;
        font-size: 24px;
        height: 135px
    }
}

.copy-service-section__block {
    padding: 20px;
    display: none;
    border-top: 1px solid var(--black-700);
    font-family: var(--headings-font-family);
    font-weight: var(--bold)
}

@media (min-width:48em) {
    .copy-service-section__block {
        padding: 30px;
        display: block
    }
}

.copy-service-section__item {
    position: relative
}

.copy-service-section__item::after {
    line-height: 1;
    font-size: 24px;
    position: absolute;
    top: 15px;
    right: 20px;
    content: '\002B'
}

.copy-service-section__item.is-open::after {
    line-height: 1;
    font-size: 24px;
    content: '\2212'
}

@media (min-width:48em) {

    .copy-service-section__item.is-open::after,
    .copy-service-section__item::after {
        content: ''
    }
}

.vacancies-section__grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 20px
}

.vacancies-section__grid__tabs {
    text-transform: capitalize
}

@media (min-width:48em) {
    .vacancies-section__grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 40px 20px
    }
}

@media (min-width:64em) {
    .vacancies-section__grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

.vacancies-section__title {
    margin-bottom: 30px;
    line-height: 1.14286;
    font-size: 14px;
    min-height: 42px;
    text-transform: uppercase
}

@media (min-width:48em) {
    .vacancies-section__title {
        line-height: 1.375;
        font-size: 16px
    }
}

@media (min-width:64em) {
    .vacancies-section__title {
        line-height: 1.33333;
        font-size: 18px
    }
}

.vacancies-section__block {
    padding: 30px 20px;
    display: block;
    border-bottom: 1px solid var(--black-700);
    text-align: left
}

@media (min-width:48em) {
    .vacancies-section__block {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (min-width:64em) {
    .vacancies-section__block {
        padding-left: 30px;
        padding-right: 30px
    }
}

.vacancies-section__item {
    position: relative
}

.vacancies-section__text {
    line-height: 1.375;
    font-size: 16px;
    text-align: left
}

.vacancies-section__button {
    display: block;
    position: relative;
    font-family: var(--headings-font-family);
    font-weight: var(--extra-bold)
}

.vacancies-section__details {
    padding: 40px 30px;
    line-height: 1.33333;
    font-size: 12px;
    text-align: center
}

@media (min-width:48em) {
    .vacancies-section__details {
        line-height: 1.375;
        font-size: 16px
    }
}

.radio-button {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radio-button__input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 0;
    height: 0
}

.radio-button__input:checked+.radio-button__text::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.radio-button__input:checked+.radio-button__text::after {
    border-color: var(--pink)
}

.radio-button__text {
    padding-left: 30px;
    line-height: 1.14286;
    font-size: 14px;
    display: block;
    position: relative
}

.radio-button__text::after,
.radio-button__text::before {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.radio-button__text::after {
    -webkit-transition-property: border-color;
    border: 2px solid var(--white);
    -o-transition-property: border-color;
    transition-property: border-color;
    width: 20px;
    height: 20px;
    top: -2px;
    left: 0
}

.radio-button__text::before {
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 10px;
    height: 10px;
    top: 3px;
    left: 5px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    background-color: var(--pink)
}

.radio-button__text::after,
.radio-button__text::before {
    position: absolute;
    border-radius: 50%;
    content: ''
}

.gallery {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

.gallery--visible {
    overflow: visible
}

.gallery__item {
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px
}

@media (min-width:48em) {
    .gallery__item {
        margin-bottom: 60px
    }
}

.gallery__item:last-child {
    margin-bottom: 0
}

@media (min-width:48em) {
    .gallery__item {
        grid-template-columns: 1fr 1fr;
        position: relative;
        width: 125%
    }

    .gallery__item:nth-child(odd) {
        padding-left: 40px
    }

    .gallery__item:nth-child(even) {
        padding-right: 40px;
        left: -25%
    }
}

.gallery__image {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.gallery__wrapper {
    margin-bottom: 20px;
    width: 100%
}

.gallery__wrapper>* {
    width: 100%;
    height: 100%
}

@media (min-width:48em) {
    .gallery__wrapper {
        width: calc(50% - 10px)
    }
}

@media (min-width:64em) {
    .gallery__wrapper {
        width: calc(33% - 20px)
    }
}

.game-zone-section {
    width: 100%
}

.game-zone-section__item {
    margin-bottom: 0;
    display: none
}

@media (min-width:64em) {
    .game-zone-section__item {
        margin-bottom: 100px
    }
}

.article__text b,
.game-zone-section__item.is-active,
.text-block b,
.vr-form__submit .is-preloaded .vr-form__preloader {
    display: block
}

@media (min-width:64em) {
    .game-zone-section__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.game-zone-section__body {
    display: grid
}

@media (min-width:64em) {
    .game-zone-section__body {
        width: 100%;
        grid-template-columns: 400px 1fr 1fr;
        grid-row-gap: 60px;
        grid-column-gap: 20px
    }
}

.game-zone-section__discipline,
.game-zone-section__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.game-zone-section__wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 20px;
    margin-bottom: 40px;
    background-color: var(--white)
}

@media (min-width:64em) {
    .game-zone-section__wrapper {
        padding: 40px 30px;
        margin-bottom: 0;
        min-height: 470px
    }
}

.game-zone-section__title {
    line-height: 1.38889;
    font-size: 18px;
    text-transform: uppercase;
    font-family: var(--headings-font-family);
    font-weight: var(--extra-bold)
}

.game-zone-section__text {
    padding-left: 20px;
    margin-bottom: 15px;
    line-height: 1.66667;
    font-size: 12px;
    position: relative
}

@media (min-width:48em) {
    .game-zone-section__text {
        padding-left: 25px
    }
}

@media (min-width:64em) {
    .game-zone-section__text {
        padding-left: 30px;
        margin-bottom: 20px
    }
}

.article__text ul li::before,
.game-zone-section__text::before,
.ul li::before {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 4px;
    left: 0;
    background-color: var(--pink);
    content: ''
}

.game-zone-section__text:last-child,
.ol li:last-child,
.ul li:last-child {
    margin-bottom: 0
}

@media (min-width:64em) {
    .game-zone-section__text {
        line-height: 1.5;
        font-size: 16px
    }

    .game-zone-section__text::before {
        top: 7px
    }
}

.game-zone-section__slider {
    margin-bottom: 45px;
    position: relative;
    overflow: hidden
}

@media (min-width:64em) {
    .game-zone-section__slider {
        margin-bottom: 0;
        grid-column: 2/4
    }
}

.game-zone-section__tabs {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:64em) {
    .game-zone-section__tabs {
        display: none
    }
}

.game-zone-section__link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px;
    text-transform: uppercase
}

@media (min-width:64em) {
    .game-zone-section__link {
        margin-bottom: 0;
        grid-row: 2;
        grid-column: 3/4;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.game-zone-section__pagination {
    text-align: center
}

@media (min-width:64em) {
    .game-zone-section__pagination {
        grid-row: 2;
        grid-column: 2/3;
        text-align: left
    }
}

.article-socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid var(--gray-100);
    background-color: var(--white)
}

.article-socials__item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 48px
}

.article-socials__item:not(:last-child) {
    border-right: 1px solid var(--gray-100)
}

@media (min-width:64em) {
    .article-socials__item {
        height: 58px
    }
}

.article-socials__link {
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--black-text)
}

.article-socials__link:hover {
    color: var(--pink)
}

.article-socials__icon {
    line-height: 1;
    font-size: 16px;
    width: 16px;
    height: 16px;
    display: block
}

.article-socials__icon img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width:64em) {
    .article-socials__icon {
        line-height: 1;
        font-size: 24px;
        width: 24px;
        height: 24px
    }
}

.ol,
.ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.ul li {
    padding-left: 20px;
    margin-bottom: 15px;
    line-height: 1.42857;
    font-size: 14px;
    position: relative
}

@media (min-width:48em) {
    .ul li {
        padding-left: 25px
    }
}

@media (min-width:64em) {
    .ul li {
        padding-left: 30px;
        margin-bottom: 20px
    }
}

@media (min-width:64em) {
    .ul li {
        line-height: 1.5;
        font-size: 16px
    }

    .ul li::before {
        top: 7px
    }
}

.ol li {
    padding-left: 20px;
    margin-bottom: 15px;
    line-height: 1.42857;
    font-size: 14px;
    position: relative;
    counter-increment: li
}

@media (min-width:48em) {
    .ol li {
        padding-left: 25px
    }
}

@media (min-width:64em) {
    .ol li {
        padding-left: 30px;
        margin-bottom: 20px
    }
}

.ol li::before {
    margin-right: 10px;
    position: absolute;
    top: 0;
    left: 0;
    color: var(--pink);
    font-weight: var(--bold);
    content: counter(li)
}

@media (min-width:64em) {
    .ol li {
        line-height: 1.5;
        font-size: 16px
    }
}

.vacancy {
    padding-top: 40px;
    overflow: hidden
}

@media (min-width:48em) {
    .vacancy {
        padding-top: 60px
    }
}

@media (min-width:80em) {
    .vacancy {
        padding-top: 100px
    }
}

.vacancy__item {
    margin-top: 40px
}

@media (min-width:48em) {
    .vacancy__item {
        margin-top: 60px
    }
}

.vacancy__item:first-child {
    margin-top: 0
}

.vacancy__grid {
    display: grid;
    grid-template-columns: 1fr;
    max-width: var(--container-width)
}

@media (min-width:80em) {
    .vacancy__grid {
        margin-left: auto;
        margin-right: auto;
        grid-template-columns: repeat(3, 1fr)
    }
}

.vacancy__body {
    padding-left: 15px;
    padding-right: 15px;
    grid-column: 1
}

@media (min-width:48em) {
    .vacancy__body {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:80em) {
    .vacancy__body {
        padding-right: 20px;
        padding-left: 100px;
        grid-column: 1/span 2
    }
}

.vacancy__sidebar {
    padding: 80px 15px;
    background-color: var(--gray-100)
}

@media (min-width:48em) {
    .vacancy__sidebar {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:80em) {
    .vacancy__sidebar {
        padding-left: 0;
        padding-right: 100px
    }
}

@media (min-width:48em) {
    .vacancy__sidebar {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media (min-width:80em) {
    .vacancy__sidebar {
        padding-top: 0;
        padding-bottom: 0
    }
}

.vacancy__heading {
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
    grid-column: 1
}

@media (min-width:64em) {
    .vacancy__heading {
        margin-bottom: 60px
    }
}

@media (min-width:48em) {
    .vacancy__heading {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:80em) {
    .vacancy__heading {
        padding-right: 20px;
        padding-left: 100px;
        grid-column: 1/span 2
    }
}

.vacancy__title {
    line-height: 1.42857;
    font-size: 14px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: var(--headings-font-family);
    font-weight: var(--extra-bold)
}

@media (min-width:48em) {
    .vacancy__title {
        margin-bottom: 30px;
        line-height: 1.38889;
        font-size: 18px
    }
}

.vacancy__form {
    padding-top: 60px;
    padding-bottom: 80px;
    margin-top: 0;
    position: relative;
    grid-row: 3;
    grid-column: 1
}

@media (min-width:48em) {
    .vacancy__form {
        padding-top: 100px;
        padding-bottom: 100px;
        margin-top: 100px
    }
}

.vacancy__form::after,
.vacancy__form::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: var(--white);
    content: ''
}

.vacancy__form::before {
    left: 100%
}

.vacancy__form::after {
    right: 100%
}

@media (min-width:80em) {
    .vacancy__form {
        grid-column: 1/span 3
    }
}

.vacancy__form-title {
    line-height: 1.41667;
    font-size: 24px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-family: var(--headings-font-family);
    font-weight: var(--extra-bold)
}

@media (min-width:48em) {
    .vacancy {
        background-color: var(--gray-100)
    }
}

.similar__item {
    margin-bottom: 20px;
    width: 100%
}

.article__text ol li:last-child,
.article__text p:last-child,
.article__text ul li:last-child,
.similar__item:last-child,
.text-block ol li:last-child,
.text-block p:last-child,
.text-block ul li:last-child {
    margin-bottom: 0
}

.similar__wrap {
    padding: 30px 20px
}

@media (min-width:48em) {
    .similar__wrap {
        padding: 40px 30px
    }
}

.similar__district {
    line-height: 1.42857;
    font-size: 14px;
    margin-bottom: 20px;
    color: var(--gray)
}

.similar__link,
.similar__title {
    font-family: var(--headings-font-family)
}

.similar__title {
    margin-bottom: 25px;
    font-weight: var(--bold)
}

.similar__link {
    line-height: 1.33333;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--black-primary);
    font-weight: var(--extra-bold)
}

@media (min-width:48em) {
    .similar {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px
    }
}

@media (min-width:80em) {
    .similar {
        grid-template-columns: 1fr
    }
}

.cookie-policy {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: var(--black-primary-alpha-08);
    width: 100%
}

.cookie-policy:not(.is-active) {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.cookie-policy__container {
    padding-top: 25px;
    padding-bottom: 25px;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-column-gap: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:48em) {
    .cookie-policy__container {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.cookie-policy__text,
.cookie-policy__text a {
    line-height: 1.33333;
    font-size: 12px;
    color: var(--white)
}

.cookie-policy__text a {
    color: var(--yellow)
}

.article__text a:hover,
.cookie-policy__text a:hover,
.text-block a:hover {
    text-decoration: underline
}

@media (min-width:48em) {

    .cookie-policy__text,
    .cookie-policy__text a {
        line-height: 1.71429;
        font-size: 14px
    }
}

.cookie-policy__icon {
    line-height: 1;
    font-size: 30px;
    fill: var(--white)
}

@media (min-width:64em) {
    .cookie-policy__icon {
        line-height: 1;
        font-size: 24px
    }
}

.map-schema {
    padding-top: 60px
}

@media (min-width:80em) {
    .map-schema {
        padding-top: 150px
    }
}

.map-schema__image img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 556px
}

.vr-banner {
    overflow: hidden
}

.vr-banner__wrapper {
    margin-bottom: 80px;
    color: var(--white);
    position: relative
}

@media (min-width:64em) {
    .vr-banner__wrapper {
        margin-bottom: 150px
    }
}

@media (min-width:48em) {
    .vr-banner__paragraph {
        margin-bottom: 30px
    }
}

@media (min-width:64em) {
    .vr-banner__paragraph {
        margin-bottom: 40px
    }
}

@media (min-width:48em) {
    .vr-banner__title {
        margin-bottom: 20px
    }
}

.vr-banner__text {
    max-width: 656px
}

.vr-banner__seo {
    position: relative;
    max-height: 180px;
    min-height: 140px;
    overflow: hidden
}

.vr-banner__seo::after {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-box-shadow: 0 0 20px 20px var(--black-secondary);
    box-shadow: 0 0 20px 20px var(--black-secondary);
    content: ''
}

.vr-banner__seo.is-open {
    max-height: inherit
}

.vr-banner__seo.is-open::after {
    opacity: 0
}

.vr-banner__bottom {
    margin-top: 25px;
    width: 100%
}

@media (min-width:48em) {
    .vr-banner__bottom {
        margin-top: 30px
    }
}

@media (min-width:64em) {
    .vr-banner__bottom {
        margin-top: 50px
    }
}

@media (min-width:48em) {
    .vr-banner__bottom {
        width: auto
    }
}

.vr-banner__decor {
    display: none;
    position: absolute;
    -o-object-fit: contain;
    object-fit: contain;
    top: 0;
    right: 0;
    z-index: 1
}

.vr-banner__decor--ctrl {
    width: 140px;
    height: 115px;
    top: -32px;
    right: 231px;
    -webkit-animation: left 20s ease-in-out infinite;
    animation: left 20s ease-in-out infinite
}

@media (min-width:64em) {
    .vr-banner__decor--ctrl {
        width: 268px;
        height: 220px;
        top: -33px;
        right: 160px
    }
}

.vr-banner__decor--sa {
    width: 252px;
    height: 170px;
    top: -25px;
    right: -80px;
    -webkit-animation: swim 10s ease-in-out infinite;
    animation: swim 10s ease-in-out infinite
}

@media (min-width:64em) {
    .vr-banner__decor--sa {
        width: 449px;
        height: 303px;
        top: 220px;
        right: -90px
    }
}

@media (min-width:48em) {
    .vr-banner__decor {
        display: block
    }
}

.vr-about__grid {
    display: grid;
    grid-row-gap: 35px
}

@media (min-width:48em) {
    .vr-about__grid {
        grid-template-columns: repeat(3, 340px);
        grid-column-gap: 45px
    }
}

@media (min-width:80em) {
    .vr-about__grid {
        grid-column-gap: 110px;
        grid-template-columns: repeat(3, 1fr)
    }
}

.vr-about__header {
    color: var(--yellow)
}

.vr-about__content {
    padding-bottom: 60px;
    padding-top: 10px;
    display: grid;
    position: relative;
    margin: 0 -15px;
    overflow-y: auto
}

@media (min-width:48em) {
    .vr-about__content {
        margin: 0 -40px
    }
}

@media (min-width:80em) {
    .vr-about__content {
        margin: 0
    }
}

.vr-about__wrapper {
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width:80em) {
    .vr-about__wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

.vr-cta__item {
    display: block;
    width: 288px;
    font-family: var(--headings-font-family)
}

@media (min-width:48em) {
    .vr-cta__item {
        width: 390px
    }
}

@media (min-width:64em) {
    .vr-cta__item {
        width: 100%
    }
}

.vr-cta__header {
    padding: 35px 20px 30px;
    border-bottom: 1px solid var(--black-700)
}

.vr-cta__title {
    text-transform: uppercase
}

.vr-cta__icon {
    margin-right: 10px
}

.vr-cta__time {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--yellow);
    font-weight: var(--extra-bold)
}

.vr-cta__body {
    padding: 30px 20px;
    border-bottom: 1px solid var(--black-700)
}

.vr-cta__subheader {
    margin-bottom: 15px;
    color: var(--gray)
}

.vr-cta__price {
    margin-bottom: 15px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vr-cta__tariff {
    line-height: 1;
    font-size: 24px;
    font-weight: var(--extra-bold)
}

@media (min-width:48em) {
    .vr-cta__tariff {
        line-height: 1;
        font-size: 48px
    }
}

.vr-cta__per {
    line-height: 1;
    font-size: 14px;
    font-weight: var(--bold)
}

.vr-cta__divider {
    width: 1px;
    height: 30px;
    margin-left: 15px;
    margin-right: 15px;
    -webkit-transform: rotateZ(26deg);
    -ms-transform: rotate(26deg);
    transform: rotateZ(26deg);
    background-color: var(--white)
}

.vr-cta__tip {
    line-height: 1;
    font-size: 14px;
    color: rgba(255, 255, 255, .4);
    font-family: var(--font-family)
}

.vr-cta__footer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px
}

@media (min-width:48em) {
    .vr-cta__footer {
        height: 100px
    }
}

.vr-cta__content {
    display: grid;
    position: relative;
    margin: 0 -15px;
    padding-top: 10px;
    padding-bottom: 60px;
    overflow-y: auto
}

@media (min-width:48em) and (max-width:63.99em) {
    .vr-cta__content {
        margin: 0 -40px
    }
}

.vr-cta__wrapper {
    padding-left: 15px;
    padding-right: 15px
}

.vr-cta__grid {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 20px
}

@media (min-width:64em) {
    .vr-calendar {
        background-color: var(--black-secondary);
        padding: 100px 0
    }
}

.vr-calendar__body {
    margin-left: auto;
    margin-right: auto;
    max-width: 42.125rem
}

.vr-calendar__tabs {
    margin-bottom: 20px
}

@media (min-width:48em) {
    .vr-calendar__tabs {
        margin-bottom: 30px
    }
}

.vr-form__title {
    line-height: 1.33333;
    font-size: 24px;
    margin-bottom: 25px;
    font-family: var(--headings-font-family);
    font-weight: var(--extra-bold);
    text-transform: uppercase
}

@media (min-width:48em) {
    .vr-form__title {
        margin-bottom: 35px
    }
}

.vr-form__label {
    line-height: 1;
    font-size: 14px;
    margin-bottom: 10px
}

@media (min-width:48em) {
    .vr-form__label {
        margin-bottom: 15px;
        line-height: 1;
        font-size: 16px
    }
}

.vr-form__list {
    padding: 20px;
    margin-bottom: 30px;
    position: relative;
    border: 1px solid var(--gray-200)
}

.vr-form__list::after,
.vr-form__list::before {
    display: block;
    position: absolute;
    top: 16px;
    bottom: 42px;
    width: 32px;
    z-index: 1;
    content: ''
}

.vr-form__list::after {
    right: 16px;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(25%, var(--white)), to(transparent));
    background-image: -o-linear-gradient(right, var(--white) 25%, transparent 100%);
    background-image: linear-gradient(270deg, var(--white) 25%, transparent 100%)
}

.vr-form__list::before {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    left: 16px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, var(--white)), to(transparent));
    background-image: -o-linear-gradient(left, var(--white) 25%, transparent 100%);
    background-image: linear-gradient(90deg, var(--white) 25%, transparent 100%);
    opacity: 0
}

.vr-form__list.has-left-shadow::before {
    opacity: 1
}

.vr-form__grid {
    display: grid;
    grid-template-rows: repeat(5, 1fr);
    grid-template-columns: repeat(5, 230px);
    grid-column-gap: 10px;
    grid-auto-flow: column
}

.vr-form__overflow {
    padding-bottom: 10px;
    overflow-x: auto
}

.vr-form__overflow::-webkit-scrollbar-track {
    background-color: var(--black-primary-alpha-016)
}

.vr-form__overflow::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.vr-form__overflow::-webkit-scrollbar-thumb {
    background-color: var(--black-text)
}

.vr-form__checkbox {
    width: 100%;
    margin-bottom: 22px
}

.vr-form__switcher {
    margin-bottom: 30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 45px;
    border: 1px solid var(--gray-200)
}

@media (min-width:48em) {
    .vr-form__switcher {
        margin-bottom: 45px
    }
}

.vr-form__count {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    font-size: 16px;
    margin: 0;
    padding: 0;
    text-align: center;
    border: 0;
    background-color: transparent;
    max-width: 60px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.vr-form__count:focus {
    outline: 0
}

.vr-form__button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 45px;
    height: 45px;
    line-height: 1;
    font-size: 24px
}

.vr-form__button:active {
    background-color: var(--gray-200)
}

.vr-form__button--inc {
    border-left: 1px solid var(--gray-200)
}

.vr-form__button--dec {
    border-right: 1px solid var(--gray-200)
}

.vr-form__total {
    line-height: 1;
    font-size: 14px
}

@media (min-width:48em) {
    .vr-form__total {
        line-height: 1;
        font-size: 16px
    }
}

.vr-form__submit {
    margin-top: 20px;
    margin-bottom: 20px
}

@media (min-width:48em) {
    .vr-form__submit {
        margin-top: 30px;
        margin-bottom: 30px
    }
}

.vr-form__submit .is-preloaded {
    cursor: none;
    pointer-events: none
}

.vr-form__submit .is-preloaded .icon {
    display: none
}

@media (min-width:48em) {
    .vr-form__contacts {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 20px
    }
}

.vr-form__preloader {
    width: 30px;
    height: 30px;
    display: none
}

.gray-section {
    padding: 50px 20px;
    background-color: var(--black-secondary)
}

@media (min-width:48em) {
    .gray-section {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (min-width:64em) {
    .gray-section {
        padding: 100px 105px
    }
}

.calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 4px;
    height: auto
}

@media (min-width:48em) {
    .calendar {
        grid-gap: 6px
    }
}

.calendar__cell {
    position: relative;
    padding-top: 100%;
    height: 0;
    font-size: 24px;
    text-align: center
}

.calendar__cell--empty {
    background: 0 0
}

.calendar__cell--day {
    line-height: 1;
    font-size: 14px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--gray)
}

@media (min-width:48em) {
    .calendar__cell--day {
        padding-top: 0;
        height: 26px
    }
}

.calendar__cell--count {
    cursor: pointer;
    background-color: var(--black-800);
    color: var(--white)
}

.calendar__cell--count.not-available,
.calendar__cell--disabled,
.calendar__cell.not-available {
    cursor: not-allowed;
    pointer-events: none
}

.calendar__cell--disabled {
    color: rgba(151, 151, 151, .6);
    -webkit-box-shadow: inset 0 0 0 2px var(--black-800);
    box-shadow: inset 0 0 0 2px var(--black-800)
}

.calendar__cell--today {
    background-color: var(--black-800);
    -webkit-box-shadow: inset 0 0 0 1px var(--yellow);
    box-shadow: inset 0 0 0 1px var(--yellow)
}

.calendar__cell.not-available .calendar__available {
    color: rgba(255, 255, 255, .2)
}

.calendar__available {
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    line-height: 1;
    font-size: 9px;
    color: var(--yellow);
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 6px
}

@media (min-width:48em) {
    .calendar__available {
        line-height: 1;
        font-size: 12px;
        margin-bottom: 16px
    }
}

@media (min-width:80em) {
    .calendar__available {
        margin-bottom: 20px
    }
}

.calendar__num {
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    line-height: 1.42857;
    font-size: 14px;
    font-weight: var(--extra-bold);
    margin-top: 6px
}

@media (min-width:48em) {
    .calendar__num {
        line-height: 1;
        font-size: 24px;
        margin-top: 16px
    }
}

@media (min-width:80em) {
    .calendar__num {
        margin-top: 20px
    }
}

.calendar__trigger,
.calendar__wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: inherit
}

.calendar__trigger,
.modal {
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.calendar .u-back-pink-hover:hover .calendar__available,
.calendar .u-back-pink-hover:hover .calendar__num {
    color: var(--black-700)
}

.modal {
    width: 100%;
    height: 100%;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(0, 0, 0, .6);
    overflow-y: auto
}

.modal.modal-is-hidden {
    display: none
}

.modal.modal-show {
    opacity: 0
}

.modal__body {
    position: relative;
    background-color: var(--white);
    width: 100%;
    max-width: calc(100% - 32px)
}

@media (min-width:48em) {
    .modal__body {
        max-width: 75%
    }
}

.modal__dialog {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    min-height: calc(100% - (1.75rem*2))
}

@media (min-width:48em) {
    .modal__dialog {
        padding: 20px
    }
}

.modal__close {
    line-height: 1;
    font-size: 24px;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    position: absolute;
    top: 1rem;
    right: 1rem;
    border: 0;
    background: 0 0;
    color: var(--black-700)
}

.modal__close::before {
    content: '\2715'
}

.modal__close:hover {
    cursor: pointer
}

@media (min-width:48em) {
    .modal__close {
        top: 3rem;
        right: 3rem
    }
}

.modal--sm .modal__body {
    padding: 50px 15px 20px
}

@media (min-width:48em) {
    .modal--sm .modal__body {
        padding: 60px 60px 40px;
        max-width: 43rem
    }
}

.vr-success {
    padding-top: 30px;
    padding-bottom: 30px
}

@media (min-width:48em) {
    .vr-success {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-height: 712px
    }
}

.vr-success__title {
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    max-width: 520px
}

.vr-success__subtitle {
    line-height: 1.42857;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    max-width: 340px
}

@media (min-width:48em) {
    .vr-success__subtitle {
        line-height: 1.5;
        font-size: 16px
    }
}

.vr-success__button {
    margin-top: 10px
}

@media (min-width:48em) {
    .vr-success__button {
        margin-top: 35px
    }
}

.hero,
.hero__container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hero {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: var(--black-secondary);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: calc(100vh - var(--header-height));
    overflow: hidden;
    color: var(--white);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hero__container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.hero__title {
    margin-bottom: 20px
}

@media (min-width:48em) {
    .hero__title {
        margin-bottom: 30px
    }
}

@media (min-width:64em) {
    .hero__title {
        margin-bottom: 40px
    }
}

.hero__tel {
    margin-bottom: 0
}

.hero__text {
    margin-bottom: 40px;
    line-height: 1.42857;
    font-size: 14px
}

@media (min-width:48em) {
    .hero__text {
        line-height: 1.5;
        font-size: 16px;
        width: 472px
    }
}

@media (min-width:64em) {
    .hero__text {
        width: 640px
    }
}

.hero__link {
    color: var(--white)
}

.hero__link:hover {
    color: var(--yellow)
}

.hero__wrapper {
    display: none
}

@media (min-width:48em) {
    .hero__wrapper {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 40px;
        margin-right: 40px;
        margin-bottom: 35px;
        color: var(--white)
    }
}

.hero__buttons {
    display: grid;
    grid-row-gap: 20px;
    width: 100%
}

@media (min-width:48em) {
    .hero__buttons {
        grid-auto-flow: column;
        grid-column-gap: 40px;
        width: auto
    }
}

@media (min-width:64em) {
    .hero__buttons {
        grid-column-gap: 50px
    }
}

.hero--center .hero__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.games-slider__header {
    display: grid;
    grid-template-columns: 50% 50%
}

.games-slider__pagination {
    margin-bottom: 5px;
    margin-left: auto;
    -ms-flex-item-align: center;
    align-self: center
}

@media (min-width:48em) {
    .games-slider__pagination {
        margin-bottom: 15px
    }
}

.games-slider__title {
    max-width: 50%
}

@media (min-width:48em) {
    .games-slider__item {
        padding-left: 5px;
        padding-right: 5px
    }
}

@media (min-width:64em) {
    .games-slider__item {
        padding-left: 10px;
        padding-right: 10px
    }
}

.games-slider__ratio {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 140%;
    height: 0
}

.games-slider__ratio img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.games-slider__carousel {
    margin-bottom: 40px
}

@media (min-width:64em) {
    .games-slider__carousel {
        margin-bottom: 60px
    }
}

@media (min-width:48em) {
    .games-slider__carousel {
        margin-left: -5px;
        width: calc(100% + 10px)
    }
}

@media (min-width:64em) {
    .games-slider__carousel {
        margin-left: -10px;
        width: calc(100% + 20px)
    }
}

.games-slider__button {
    width: 100%
}

@media (min-width:48em) {
    .games-slider__button {
        width: auto
    }
}

.news-popular__header {
    display: grid;
    grid-template-columns: 1fr auto
}

.news-popular__link {
    line-height: 1;
    font-size: 12px;
    margin-bottom: 30px;
    display: block;
    -ms-flex-item-align: center;
    align-self: center;
    color: var(--white);
    font-family: var(--headings-font-family);
    font-weight: var(--extra-bold)
}

.news-popular__link:hover {
    color: var(--yellow)
}

@media (min-width:48em) {
    .news-popular__link {
        line-height: 1;
        font-size: 16px
    }
}

.news-popular__grid {
    padding-left: 30px;
    padding-right: 30px;
    display: grid;
    grid-template-columns: repeat(3, 290px);
    grid-column-gap: 20px
}

@media (min-width:64em) {
    .news-popular__grid {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:48em) {
    .news-popular__grid {
        grid-template-columns: repeat(3, 335px)
    }
}

@media (min-width:64em) {
    .news-popular__grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

.news-popular__wrapper {
    padding-bottom: 60px;
    padding-top: 10px;
    display: grid;
    position: relative;
    margin: 0 -15px;
    overflow-y: auto
}

@media (min-width:64em) {
    .news-popular__wrapper {
        padding-bottom: 0
    }
}

@media (min-width:48em) {
    .news-popular__wrapper {
        margin: 0 -40px
    }
}

@media (min-width:64em) {
    .news-popular__wrapper {
        margin: 0;
        overflow-y: visible
    }
}

@media (min-width:48em) {
    .copy-center-gallery__grid {
        padding-left: 40px
    }
}

@media (min-width:80em) {
    .copy-center-gallery__grid {
        padding-left: 100px
    }
}

@media (min-width:90em) {
    .copy-center-gallery__grid {
        padding-left: 0
    }
}

@media (min-width:48em) {
    .copy-center-gallery__grid {
        padding-right: 0
    }
}

@media (min-width:90em) {
    .copy-center-gallery__grid {
        display: grid;
        grid-template-columns: 1fr 1240px 1fr
    }
}

.copy-center-gallery__slider {
    margin-bottom: 40px;
    width: 100%
}

@media (min-width:64em) {
    .copy-center-gallery__slider {
        margin-bottom: 60px
    }
}

@media (min-width:90em) {
    .copy-center-gallery__slider {
        grid-column: 2/4
    }
}

.copy-center-gallery__image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.copy-center-gallery__item {
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:48em) {
    .copy-center-gallery__item {
        padding-right: 20px;
        padding-left: 0
    }
}

.copy-center-gallery__ratio {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 56.25%
}

.copy-center-gallery__pagination {
    text-align: center
}

@media (min-width:48em) {
    .contacts-form__grid {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 15px;
        grid-column-gap: 20px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .contacts-form__footer {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column: 1/3;
        grid-column-gap: 20px
    }
}

@media (min-width:64em) {
    .contacts-form__footer {
        grid-template-columns: 1fr 400px
    }
}

@media (min-width:48em) {
    .contacts-form__checkbox {
        grid-column: 1/3
    }
}

@media (min-width:64em) {
    .contacts-form__checkbox {
        grid-column: 1/2
    }
}

@media (min-width:48em) {
    .contacts-form__textarea {
        grid-column: 1/3
    }
}

@media (min-width:48em) {
    .contacts-form__reset {
        margin-top: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.games-block__image {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.games-block__grid {
    margin-bottom: 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 40px;
    grid-column-gap: 20px
}

@media (min-width:48em) {
    .games-block__grid {
        grid-template-columns: repeat(12, 1fr)
    }
}

.games-block__ratio {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 175%
}

.games-block__item:nth-child(-n+5) {
    grid-column: 1/3
}

.games-block__item:nth-child(n+4):nth-child(-n+5) .games-block__ratio {
    padding-top: 56.25%
}

@media (min-width:48em) {
    .games-block__item {
        grid-column: auto/span 3
    }

    .games-block__item:nth-child(-n+3) {
        grid-column: auto/span 4
    }

    .games-block__item:nth-child(n+4):nth-child(-n+5) {
        grid-column: auto/span 6
    }
}

.games-block__footer {
    text-align: center
}

@media (min-width:48em) {
    .games-block__footer {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.games-block__pagination {
    margin-bottom: 40px
}

@media (min-width:48em) {
    .games-block__pagination {
        margin-bottom: 0
    }

    .games-block--flat .games-block__grid {
        grid-template-columns: repeat(4, 1fr)
    }
}

.games-block--flat .games-block__grid .games-block__item {
    grid-column: auto
}

.games-block--flat .games-block__grid .games-block__item .games-block__ratio {
    padding-top: 175%
}

.contacts-form {
    max-width: 820px
}

.contacts-form__grid {
    display: grid;
    grid-row-gap: 5px
}

@media (min-width:48em) {
    .contacts-form__grid {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 15px;
        grid-column-gap: 20px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .contacts-form__footer {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column: 1/3;
        grid-column-gap: 20px
    }
}

@media (min-width:64em) {
    .contacts-form__footer {
        grid-template-columns: 1fr 400px
    }
}

.contacts-form__checkbox {
    margin-bottom: 40px
}

@media (min-width:48em) {
    .contacts-form__checkbox {
        grid-column: 1/3
    }
}

@media (min-width:64em) {
    .contacts-form__checkbox {
        grid-column: 1/2
    }
}

.contacts-form__button {
    width: 100%
}

.article__text h3,
.article__text h4,
.contacts-form__textarea {
    margin-bottom: 20px
}

@media (min-width:48em) {
    .contacts-form__textarea {
        grid-column: 1/3
    }
}

.contacts-form__reset {
    margin-top: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%
}

@media (min-width:48em) {
    .contacts-form__reset {
        margin-top: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.game-zone-slider {
    width: 100%;
    height: 100%
}

.game-zone-slider .slick-list,
.game-zone-slider .slick-slide>div,
.game-zone-slider .slick-track {
    height: 100%
}

.game-zone-slider__image {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.game-zone-slider__ratio {
    position: relative;
    padding-top: 56.25%;
    height: 0;
    min-height: 100%;
    overflow: hidden;
    vertical-align: middle
}

.news-grid {
    display: grid;
    row-gap: 35px
}

@media (min-width:48em) {
    .news-grid {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width:64em) {
    .news-grid {
        grid-template-columns: 1fr 1fr 1fr
    }
}

.article {
    padding-top: 40px
}

@media (min-width:48em) {
    .article {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media (min-width:80em) {
    .article {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.article__grid {
    max-width: var(--container-width)
}

@media (min-width:80em) {
    .article__grid {
        padding-left: 100px;
        padding-right: 100px;
        margin-left: auto;
        margin-right: auto;
        display: grid;
        grid-template-columns: 1fr 400px;
        grid-column-gap: 20px
    }
}

.article__header {
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:48em) {
    .article__header {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:80em) {
    .article__header {
        padding-left: 0;
        grid-column: 1/3;
        padding-right: 420px
    }
}

.article__body {
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:48em) {
    .article__body {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:80em) {
    .article__body {
        padding-left: 0;
        padding-right: 0
    }
}

.article__text h1,
.article__title {
    margin-bottom: 40px
}

@media (min-width:64em) {
    .article__title {
        margin-bottom: 60px
    }
}

.article__date {
    margin-bottom: 30px;
    line-height: 1.14286;
    font-size: 14px;
    display: block;
    color: var(--gray)
}

.article__ratio {
    margin-bottom: 40px;
    position: relative;
    padding-top: 56.25%;
    height: 0;
    overflow: hidden
}

@media (min-width:64em) {
    .article__ratio {
        margin-bottom: 60px
    }
}

.article__image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.article__text,
.article__text p {
    line-height: 1.5;
    font-size: 16px;
    margin-bottom: 60px
}

@media (min-width:48em) {
    .article__text {
        padding: 40px 20px
    }
}

@media (min-width:64em) {
    .article__text h1 {
        margin-bottom: 60px
    }
}

.article__text h2 {
    margin-bottom: 30px
}

@media (min-width:64em) {
    .article__text h2 {
        margin-bottom: 40px
    }
}

@media (min-width:64em) {
    .article__text h3 {
        margin-bottom: 30px
    }
}

@media (min-width:64em) {
    .article__text h4 {
        margin-bottom: 30px
    }
}

.article__text p {
    margin-bottom: 40px
}

@media (min-width:48em) {
    .article__text p {
        line-height: 1.77778;
        font-size: 18px
    }
}

.article__text ol,
.article__text ul {
    padding: 0;
    list-style: none;
    margin: 0 0 20px
}

@media (min-width:48em) {
    .article__text ul {
        margin-bottom: 40px
    }
}

@media (min-width:64em) {
    .article__text ul {
        margin-bottom: 60px
    }
}

.article__text ul li {
    padding-left: 20px;
    margin-bottom: 15px;
    line-height: 1.42857;
    font-size: 14px;
    position: relative
}

@media (min-width:48em) {
    .article__text ul li {
        padding-left: 25px
    }
}

@media (min-width:64em) {
    .article__text ul li {
        padding-left: 30px;
        margin-bottom: 20px
    }
}

@media (min-width:64em) {
    .article__text ul li {
        line-height: 1.5;
        font-size: 16px
    }

    .article__text ul li::before {
        top: 7px
    }
}

@media (min-width:48em) {
    .article__text ol {
        margin-bottom: 40px
    }
}

@media (min-width:64em) {
    .article__text ol {
        margin-bottom: 60px
    }
}

.article__text ol li {
    padding-left: 20px;
    margin-bottom: 15px;
    line-height: 1.42857;
    font-size: 14px;
    position: relative;
    counter-increment: li
}

@media (min-width:48em) {
    .article__text ol li {
        padding-left: 25px
    }
}

@media (min-width:64em) {
    .article__text ol li {
        padding-left: 30px;
        margin-bottom: 20px
    }
}

.article__text ol li::before {
    margin-right: 10px;
    position: absolute;
    top: 0;
    left: 0;
    color: var(--pink);
    font-weight: var(--bold);
    content: counter(li)
}

@media (min-width:64em) {
    .article__text ol li {
        line-height: 1.5;
        font-size: 16px
    }
}

.article__text mark,
.text-block mark {
    background-color: transparent;
    color: var(--red)
}

@media (min-width:48em) {
    .article__text {
        line-height: 1.77778;
        font-size: 18px;
        background-color: var(--white)
    }
}

.article__cosials {
    padding-bottom: 70px
}

.article__sidebar {
    padding: 70px 15px;
    background-color: var(--gray-100)
}

@media (min-width:48em) {
    .article__sidebar {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media (min-width:64em) {
    .article__sidebar {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media (min-width:48em) {
    .article__sidebar {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:80em) {
    .article__sidebar {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:48em) {
    .article {
        background-color: var(--gray-100)
    }
}

.text-block {
    margin-bottom: 60px
}

@media (min-width:48em) {
    .text-block {
        padding: 40px 20px
    }
}

.text-block h1,
.text-block p {
    margin-bottom: 40px
}

@media (min-width:64em) {
    .text-block h1 {
        margin-bottom: 60px
    }
}

.text-block h2 {
    margin-bottom: 30px
}

@media (min-width:64em) {
    .text-block h2 {
        margin-bottom: 40px
    }
}

.text-block h3,
.text-block h4 {
    margin-bottom: 20px
}

@media (min-width:64em) {
    .text-block h3 {
        margin-bottom: 30px
    }
}

@media (min-width:64em) {
    .text-block h4 {
        margin-bottom: 30px
    }
}

.text-block,
.text-block p {
    line-height: 1.5;
    font-size: 16px
}

@media (min-width:48em) {
    .text-block p {
        line-height: 1.77778;
        font-size: 18px
    }
}

.text-block ol,
.text-block ul {
    padding: 0;
    list-style: none;
    margin: 0 0 20px
}

@media (min-width:48em) {
    .text-block ul {
        margin-bottom: 40px
    }
}

@media (min-width:64em) {
    .text-block ul {
        margin-bottom: 60px
    }
}

.text-block ul li {
    padding-left: 20px;
    margin-bottom: 15px;
    line-height: 1.42857;
    font-size: 14px;
    position: relative
}

@media (min-width:48em) {
    .text-block ul li {
        padding-left: 25px
    }
}

@media (min-width:64em) {
    .text-block ul li {
        padding-left: 30px;
        margin-bottom: 20px
    }
}

.text-block ul li::before {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 4px;
    left: 0;
    background-color: var(--pink);
    content: ''
}

@media (min-width:64em) {
    .text-block ul li {
        line-height: 1.5;
        font-size: 16px
    }

    .text-block ul li::before {
        top: 7px
    }
}

@media (min-width:48em) {
    .text-block ol {
        margin-bottom: 40px
    }
}

@media (min-width:64em) {
    .text-block ol {
        margin-bottom: 60px
    }
}

.text-block ol li {
    padding-left: 20px;
    margin-bottom: 15px;
    line-height: 1.42857;
    font-size: 14px;
    position: relative;
    counter-increment: li
}

@media (min-width:48em) {
    .text-block ol li {
        padding-left: 25px
    }
}

@media (min-width:64em) {
    .text-block ol li {
        padding-left: 30px;
        margin-bottom: 20px
    }
}

.text-block ol li::before {
    margin-right: 10px;
    position: absolute;
    top: 0;
    left: 0;
    color: var(--pink);
    font-weight: var(--bold);
    content: counter(li)
}

@media (min-width:64em) {
    .text-block ol li {
        line-height: 1.5;
        font-size: 16px
    }
}

@media (min-width:48em) {
    .text-block {
        line-height: 1.77778;
        font-size: 18px;
        background-color: var(--white)
    }
}

@media (min-width:80em) {
    .about-us-section {
        display: grid;
        grid-template-columns: 400px 1fr;
        grid-gap: 100px
    }
}

.about-us-section__title {
    margin-bottom: 20px
}

@media (min-width:80em) {
    .about-us-section__title {
        margin-bottom: 30px
    }
}

.about-us-section__content {
    padding: 30px 20px;
    margin-bottom: 40px
}

@media (min-width:64em) {
    .about-us-section__content {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:80em) {
    .about-us-section__content {
        margin-bottom: 0
    }
}

@media (min-width:48em) {
    .about-us-section__grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        position: relative
    }

    .about-us-section__grid::after,
    .about-us-section__grid::before {
        position: absolute;
        display: block;
        background-color: var(--black-700);
        content: ''
    }

    .about-us-section__grid::after {
        width: 100%;
        height: 1px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .about-us-section__grid::before {
        width: 1px;
        height: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.about-us-section__item {
    padding-top: 20px;
    padding-bottom: 20px;
    display: grid;
    grid-template-columns: 60px 1fr;
    grid-column-gap: 10px;
    border-bottom: 1px solid var(--black-700)
}

@media (min-width:48em) {
    .about-us-section__item {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (min-width:90em) {
    .about-us-section__item {
        padding-top: 45px;
        padding-bottom: 45px
    }
}

@media (min-width:48em) {
    .about-us-section__item {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media (min-width:90em) {
    .about-us-section__item {
        padding-left: 95px;
        padding-right: 95px
    }
}

@media (min-width:48em) {
    .about-us-section__item {
        display: block;
        border-bottom: 0
    }
}

.about-us-section__digit {
    line-height: 1;
    font-size: 24px;
    font-family: var(--headings-font-family);
    font-weight: var(--extra-bold);
    color: var(--yellow);
    -ms-flex-item-align: center;
    align-self: center
}

@media (min-width:48em) {
    .about-us-section__digit {
        margin-bottom: 20px;
        line-height: 1;
        font-size: 48px
    }
}

.u-img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.u-color-white {
    color: var(--white)
}

.u-color-yellow {
    color: var(--yellow)
}

.u-color-gray {
    color: var(--gray)
}

.u-text-center {
    text-align: center
}

@media (min-width:48em) {
    .u-text-center-sm {
        text-align: center
    }
}

.u-text-left {
    text-align: left
}

.u-text-bold {
    font-weight: var(--bold)
}

.u-text-extra-bold {
    font-weight: var(--extra-bold)
}

.u-text-decorated {
    text-shadow: 2px 2px var(--pink)
}

.u-text-uppercase {
    text-transform: uppercase
}

.u-text-sm {
    line-height: 1;
    font-size: 14px
}

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

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

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

.u-ml-5,
.u-mx-5 {
    margin-left: 5px
}

.u-mx-5 {
    margin-right: 5px
}

.u-my-5 {
    margin-top: 5px;
    margin-bottom: 5px
}

.u-pt-5 {
    padding-top: 5px
}

.u-pr-5 {
    padding-right: 5px
}

.u-pb-5 {
    padding-bottom: 5px
}

.u-pl-5,
.u-px-5 {
    padding-left: 5px
}

.u-px-5 {
    padding-right: 5px
}

.u-py-5 {
    padding-top: 5px;
    padding-bottom: 5px
}

@media (min-width:48em) {
    .u-mt-5-sm {
        margin-top: 5px
    }

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

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

    .u-ml-5-sm,
    .u-mx-5-sm {
        margin-left: 5px
    }

    .u-mx-5-sm {
        margin-right: 5px
    }

    .u-my-5-sm {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .u-pt-5-sm {
        padding-top: 5px
    }

    .u-pr-5-sm {
        padding-right: 5px
    }

    .u-pb-5-sm {
        padding-bottom: 5px
    }

    .u-pl-5-sm,
    .u-px-5-sm {
        padding-left: 5px
    }

    .u-px-5-sm {
        padding-right: 5px
    }

    .u-py-5-sm {
        padding-top: 5px;
        padding-bottom: 5px
    }
}

@media (min-width:64em) {
    .u-mt-5-md {
        margin-top: 5px
    }

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

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

    .u-ml-5-md,
    .u-mx-5-md {
        margin-left: 5px
    }

    .u-mx-5-md {
        margin-right: 5px
    }

    .u-my-5-md {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .u-pt-5-md {
        padding-top: 5px
    }

    .u-pr-5-md {
        padding-right: 5px
    }

    .u-pb-5-md {
        padding-bottom: 5px
    }

    .u-pl-5-md,
    .u-px-5-md {
        padding-left: 5px
    }

    .u-px-5-md {
        padding-right: 5px
    }

    .u-py-5-md {
        padding-top: 5px;
        padding-bottom: 5px
    }
}

@media (min-width:80em) {
    .u-mt-5-lg {
        margin-top: 5px
    }

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

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

    .u-ml-5-lg,
    .u-mx-5-lg {
        margin-left: 5px
    }

    .u-mx-5-lg {
        margin-right: 5px
    }

    .u-my-5-lg {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .u-pt-5-lg {
        padding-top: 5px
    }

    .u-pr-5-lg {
        padding-right: 5px
    }

    .u-pb-5-lg {
        padding-bottom: 5px
    }

    .u-pl-5-lg,
    .u-px-5-lg {
        padding-left: 5px
    }

    .u-px-5-lg {
        padding-right: 5px
    }

    .u-py-5-lg {
        padding-top: 5px;
        padding-bottom: 5px
    }
}

@media (min-width:90em) {
    .u-mt-5-xl {
        margin-top: 5px
    }

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

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

    .u-ml-5-xl,
    .u-mx-5-xl {
        margin-left: 5px
    }

    .u-mx-5-xl {
        margin-right: 5px
    }

    .u-my-5-xl {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .u-pt-5-xl {
        padding-top: 5px
    }

    .u-pr-5-xl {
        padding-right: 5px
    }

    .u-pb-5-xl {
        padding-bottom: 5px
    }

    .u-pl-5-xl,
    .u-px-5-xl {
        padding-left: 5px
    }

    .u-px-5-xl {
        padding-right: 5px
    }

    .u-py-5-xl {
        padding-top: 5px;
        padding-bottom: 5px
    }
}

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

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

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

.u-ml-10,
.u-mx-10 {
    margin-left: 10px
}

.u-mx-10 {
    margin-right: 10px
}

.u-my-10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.u-pt-10 {
    padding-top: 10px
}

.u-pr-10 {
    padding-right: 10px
}

.u-pb-10 {
    padding-bottom: 10px
}

.u-pl-10,
.u-px-10 {
    padding-left: 10px
}

.u-px-10 {
    padding-right: 10px
}

.u-py-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

@media (min-width:48em) {
    .u-mt-10-sm {
        margin-top: 10px
    }

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

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

    .u-ml-10-sm,
    .u-mx-10-sm {
        margin-left: 10px
    }

    .u-mx-10-sm {
        margin-right: 10px
    }

    .u-my-10-sm {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .u-pt-10-sm {
        padding-top: 10px
    }

    .u-pr-10-sm {
        padding-right: 10px
    }

    .u-pb-10-sm {
        padding-bottom: 10px
    }

    .u-pl-10-sm,
    .u-px-10-sm {
        padding-left: 10px
    }

    .u-px-10-sm {
        padding-right: 10px
    }

    .u-py-10-sm {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media (min-width:64em) {
    .u-mt-10-md {
        margin-top: 10px
    }

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

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

    .u-ml-10-md,
    .u-mx-10-md {
        margin-left: 10px
    }

    .u-mx-10-md {
        margin-right: 10px
    }

    .u-my-10-md {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .u-pt-10-md {
        padding-top: 10px
    }

    .u-pr-10-md {
        padding-right: 10px
    }

    .u-pb-10-md {
        padding-bottom: 10px
    }

    .u-pl-10-md,
    .u-px-10-md {
        padding-left: 10px
    }

    .u-px-10-md {
        padding-right: 10px
    }

    .u-py-10-md {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media (min-width:80em) {
    .u-mt-10-lg {
        margin-top: 10px
    }

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

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

    .u-ml-10-lg,
    .u-mx-10-lg {
        margin-left: 10px
    }

    .u-mx-10-lg {
        margin-right: 10px
    }

    .u-my-10-lg {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .u-pt-10-lg {
        padding-top: 10px
    }

    .u-pr-10-lg {
        padding-right: 10px
    }

    .u-pb-10-lg {
        padding-bottom: 10px
    }

    .u-pl-10-lg,
    .u-px-10-lg {
        padding-left: 10px
    }

    .u-px-10-lg {
        padding-right: 10px
    }

    .u-py-10-lg {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media (min-width:90em) {
    .u-mt-10-xl {
        margin-top: 10px
    }

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

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

    .u-ml-10-xl,
    .u-mx-10-xl {
        margin-left: 10px
    }

    .u-mx-10-xl {
        margin-right: 10px
    }

    .u-my-10-xl {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .u-pt-10-xl {
        padding-top: 10px
    }

    .u-pr-10-xl {
        padding-right: 10px
    }

    .u-pb-10-xl {
        padding-bottom: 10px
    }

    .u-pl-10-xl,
    .u-px-10-xl {
        padding-left: 10px
    }

    .u-px-10-xl {
        padding-right: 10px
    }

    .u-py-10-xl {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

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

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

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

.u-ml-15,
.u-mx-15 {
    margin-left: 15px
}

.u-mx-15 {
    margin-right: 15px
}

.u-my-15 {
    margin-top: 15px;
    margin-bottom: 15px
}

.u-pt-15 {
    padding-top: 15px
}

.u-pr-15 {
    padding-right: 15px
}

.u-pb-15 {
    padding-bottom: 15px
}

.u-pl-15,
.u-px-15 {
    padding-left: 15px
}

.u-px-15 {
    padding-right: 15px
}

.u-py-15 {
    padding-top: 15px;
    padding-bottom: 15px
}

@media (min-width:48em) {
    .u-mt-15-sm {
        margin-top: 15px
    }

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

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

    .u-ml-15-sm,
    .u-mx-15-sm {
        margin-left: 15px
    }

    .u-mx-15-sm {
        margin-right: 15px
    }

    .u-my-15-sm {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .u-pt-15-sm {
        padding-top: 15px
    }

    .u-pr-15-sm {
        padding-right: 15px
    }

    .u-pb-15-sm {
        padding-bottom: 15px
    }

    .u-pl-15-sm,
    .u-px-15-sm {
        padding-left: 15px
    }

    .u-px-15-sm {
        padding-right: 15px
    }

    .u-py-15-sm {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

@media (min-width:64em) {
    .u-mt-15-md {
        margin-top: 15px
    }

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

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

    .u-ml-15-md,
    .u-mx-15-md {
        margin-left: 15px
    }

    .u-mx-15-md {
        margin-right: 15px
    }

    .u-my-15-md {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .u-pt-15-md {
        padding-top: 15px
    }

    .u-pr-15-md {
        padding-right: 15px
    }

    .u-pb-15-md {
        padding-bottom: 15px
    }

    .u-pl-15-md,
    .u-px-15-md {
        padding-left: 15px
    }

    .u-px-15-md {
        padding-right: 15px
    }

    .u-py-15-md {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

@media (min-width:80em) {
    .u-mt-15-lg {
        margin-top: 15px
    }

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

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

    .u-ml-15-lg,
    .u-mx-15-lg {
        margin-left: 15px
    }

    .u-mx-15-lg {
        margin-right: 15px
    }

    .u-my-15-lg {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .u-pt-15-lg {
        padding-top: 15px
    }

    .u-pr-15-lg {
        padding-right: 15px
    }

    .u-pb-15-lg {
        padding-bottom: 15px
    }

    .u-pl-15-lg,
    .u-px-15-lg {
        padding-left: 15px
    }

    .u-px-15-lg {
        padding-right: 15px
    }

    .u-py-15-lg {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

@media (min-width:90em) {
    .u-mt-15-xl {
        margin-top: 15px
    }

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

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

    .u-ml-15-xl,
    .u-mx-15-xl {
        margin-left: 15px
    }

    .u-mx-15-xl {
        margin-right: 15px
    }

    .u-my-15-xl {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .u-pt-15-xl {
        padding-top: 15px
    }

    .u-pr-15-xl {
        padding-right: 15px
    }

    .u-pb-15-xl {
        padding-bottom: 15px
    }

    .u-pl-15-xl,
    .u-px-15-xl {
        padding-left: 15px
    }

    .u-px-15-xl {
        padding-right: 15px
    }

    .u-py-15-xl {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

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

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

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

.u-ml-20,
.u-mx-20 {
    margin-left: 20px
}

.u-mx-20 {
    margin-right: 20px
}

.u-my-20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.u-pt-20 {
    padding-top: 20px
}

.u-pr-20 {
    padding-right: 20px
}

.u-pb-20 {
    padding-bottom: 20px
}

.u-pl-20,
.u-px-20 {
    padding-left: 20px
}

.u-px-20 {
    padding-right: 20px
}

.u-py-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

@media (min-width:48em) {
    .u-mt-20-sm {
        margin-top: 20px
    }

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

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

    .u-ml-20-sm,
    .u-mx-20-sm {
        margin-left: 20px
    }

    .u-mx-20-sm {
        margin-right: 20px
    }

    .u-my-20-sm {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .u-pt-20-sm {
        padding-top: 20px
    }

    .u-pr-20-sm {
        padding-right: 20px
    }

    .u-pb-20-sm {
        padding-bottom: 20px
    }

    .u-pl-20-sm,
    .u-px-20-sm {
        padding-left: 20px
    }

    .u-px-20-sm {
        padding-right: 20px
    }

    .u-py-20-sm {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media (min-width:64em) {
    .u-mt-20-md {
        margin-top: 20px
    }

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

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

    .u-ml-20-md,
    .u-mx-20-md {
        margin-left: 20px
    }

    .u-mx-20-md {
        margin-right: 20px
    }

    .u-my-20-md {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .u-pt-20-md {
        padding-top: 20px
    }

    .u-pr-20-md {
        padding-right: 20px
    }

    .u-pb-20-md {
        padding-bottom: 20px
    }

    .u-pl-20-md,
    .u-px-20-md {
        padding-left: 20px
    }

    .u-px-20-md {
        padding-right: 20px
    }

    .u-py-20-md {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media (min-width:80em) {
    .u-mt-20-lg {
        margin-top: 20px
    }

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

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

    .u-ml-20-lg,
    .u-mx-20-lg {
        margin-left: 20px
    }

    .u-mx-20-lg {
        margin-right: 20px
    }

    .u-my-20-lg {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .u-pt-20-lg {
        padding-top: 20px
    }

    .u-pr-20-lg {
        padding-right: 20px
    }

    .u-pb-20-lg {
        padding-bottom: 20px
    }

    .u-pl-20-lg,
    .u-px-20-lg {
        padding-left: 20px
    }

    .u-px-20-lg {
        padding-right: 20px
    }

    .u-py-20-lg {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media (min-width:90em) {
    .u-mt-20-xl {
        margin-top: 20px
    }

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

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

    .u-ml-20-xl,
    .u-mx-20-xl {
        margin-left: 20px
    }

    .u-mx-20-xl {
        margin-right: 20px
    }

    .u-my-20-xl {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .u-pt-20-xl {
        padding-top: 20px
    }

    .u-pr-20-xl {
        padding-right: 20px
    }

    .u-pb-20-xl {
        padding-bottom: 20px
    }

    .u-pl-20-xl,
    .u-px-20-xl {
        padding-left: 20px
    }

    .u-px-20-xl {
        padding-right: 20px
    }

    .u-py-20-xl {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

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

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

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

.u-ml-25,
.u-mx-25 {
    margin-left: 25px
}

.u-mx-25 {
    margin-right: 25px
}

.u-my-25 {
    margin-top: 25px;
    margin-bottom: 25px
}

.u-pt-25 {
    padding-top: 25px
}

.u-pr-25 {
    padding-right: 25px
}

.u-pb-25 {
    padding-bottom: 25px
}

.u-pl-25,
.u-px-25 {
    padding-left: 25px
}

.u-px-25 {
    padding-right: 25px
}

.u-py-25 {
    padding-top: 25px;
    padding-bottom: 25px
}

@media (min-width:48em) {
    .u-mt-25-sm {
        margin-top: 25px
    }

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

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

    .u-ml-25-sm,
    .u-mx-25-sm {
        margin-left: 25px
    }

    .u-mx-25-sm {
        margin-right: 25px
    }

    .u-my-25-sm {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .u-pt-25-sm {
        padding-top: 25px
    }

    .u-pr-25-sm {
        padding-right: 25px
    }

    .u-pb-25-sm {
        padding-bottom: 25px
    }

    .u-pl-25-sm,
    .u-px-25-sm {
        padding-left: 25px
    }

    .u-px-25-sm {
        padding-right: 25px
    }

    .u-py-25-sm {
        padding-top: 25px;
        padding-bottom: 25px
    }
}

@media (min-width:64em) {
    .u-mt-25-md {
        margin-top: 25px
    }

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

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

    .u-ml-25-md,
    .u-mx-25-md {
        margin-left: 25px
    }

    .u-mx-25-md {
        margin-right: 25px
    }

    .u-my-25-md {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .u-pt-25-md {
        padding-top: 25px
    }

    .u-pr-25-md {
        padding-right: 25px
    }

    .u-pb-25-md {
        padding-bottom: 25px
    }

    .u-pl-25-md,
    .u-px-25-md {
        padding-left: 25px
    }

    .u-px-25-md {
        padding-right: 25px
    }

    .u-py-25-md {
        padding-top: 25px;
        padding-bottom: 25px
    }
}

@media (min-width:80em) {
    .u-mt-25-lg {
        margin-top: 25px
    }

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

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

    .u-ml-25-lg,
    .u-mx-25-lg {
        margin-left: 25px
    }

    .u-mx-25-lg {
        margin-right: 25px
    }

    .u-my-25-lg {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .u-pt-25-lg {
        padding-top: 25px
    }

    .u-pr-25-lg {
        padding-right: 25px
    }

    .u-pb-25-lg {
        padding-bottom: 25px
    }

    .u-pl-25-lg,
    .u-px-25-lg {
        padding-left: 25px
    }

    .u-px-25-lg {
        padding-right: 25px
    }

    .u-py-25-lg {
        padding-top: 25px;
        padding-bottom: 25px
    }
}

@media (min-width:90em) {
    .u-mt-25-xl {
        margin-top: 25px
    }

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

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

    .u-ml-25-xl,
    .u-mx-25-xl {
        margin-left: 25px
    }

    .u-mx-25-xl {
        margin-right: 25px
    }

    .u-my-25-xl {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .u-pt-25-xl {
        padding-top: 25px
    }

    .u-pr-25-xl {
        padding-right: 25px
    }

    .u-pb-25-xl {
        padding-bottom: 25px
    }

    .u-pl-25-xl,
    .u-px-25-xl {
        padding-left: 25px
    }

    .u-px-25-xl {
        padding-right: 25px
    }

    .u-py-25-xl {
        padding-top: 25px;
        padding-bottom: 25px
    }
}

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

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

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

.u-ml-30,
.u-mx-30 {
    margin-left: 30px
}

.u-mx-30 {
    margin-right: 30px
}

.u-my-30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.u-pt-30 {
    padding-top: 30px
}

.u-pr-30 {
    padding-right: 30px
}

.u-pb-30 {
    padding-bottom: 30px
}

.u-pl-30,
.u-px-30 {
    padding-left: 30px
}

.u-px-30 {
    padding-right: 30px
}

.u-py-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

@media (min-width:48em) {
    .u-mt-30-sm {
        margin-top: 30px
    }

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

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

    .u-ml-30-sm,
    .u-mx-30-sm {
        margin-left: 30px
    }

    .u-mx-30-sm {
        margin-right: 30px
    }

    .u-my-30-sm {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .u-pt-30-sm {
        padding-top: 30px
    }

    .u-pr-30-sm {
        padding-right: 30px
    }

    .u-pb-30-sm {
        padding-bottom: 30px
    }

    .u-pl-30-sm,
    .u-px-30-sm {
        padding-left: 30px
    }

    .u-px-30-sm {
        padding-right: 30px
    }

    .u-py-30-sm {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media (min-width:64em) {
    .u-mt-30-md {
        margin-top: 30px
    }

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

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

    .u-ml-30-md,
    .u-mx-30-md {
        margin-left: 30px
    }

    .u-mx-30-md {
        margin-right: 30px
    }

    .u-my-30-md {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .u-pt-30-md {
        padding-top: 30px
    }

    .u-pr-30-md {
        padding-right: 30px
    }

    .u-pb-30-md {
        padding-bottom: 30px
    }

    .u-pl-30-md,
    .u-px-30-md {
        padding-left: 30px
    }

    .u-px-30-md {
        padding-right: 30px
    }

    .u-py-30-md {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media (min-width:80em) {
    .u-mt-30-lg {
        margin-top: 30px
    }

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

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

    .u-ml-30-lg,
    .u-mx-30-lg {
        margin-left: 30px
    }

    .u-mx-30-lg {
        margin-right: 30px
    }

    .u-my-30-lg {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .u-pt-30-lg {
        padding-top: 30px
    }

    .u-pr-30-lg {
        padding-right: 30px
    }

    .u-pb-30-lg {
        padding-bottom: 30px
    }

    .u-pl-30-lg,
    .u-px-30-lg {
        padding-left: 30px
    }

    .u-px-30-lg {
        padding-right: 30px
    }

    .u-py-30-lg {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media (min-width:90em) {
    .u-mt-30-xl {
        margin-top: 30px
    }

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

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

    .u-ml-30-xl,
    .u-mx-30-xl {
        margin-left: 30px
    }

    .u-mx-30-xl {
        margin-right: 30px
    }

    .u-my-30-xl {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .u-pt-30-xl {
        padding-top: 30px
    }

    .u-pr-30-xl {
        padding-right: 30px
    }

    .u-pb-30-xl {
        padding-bottom: 30px
    }

    .u-pl-30-xl,
    .u-px-30-xl {
        padding-left: 30px
    }

    .u-px-30-xl {
        padding-right: 30px
    }

    .u-py-30-xl {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

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

.u-mr-35 {
    margin-right: 35px
}

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

.u-ml-35,
.u-mx-35 {
    margin-left: 35px
}

.u-mx-35 {
    margin-right: 35px
}

.u-my-35 {
    margin-top: 35px;
    margin-bottom: 35px
}

.u-pt-35 {
    padding-top: 35px
}

.u-pr-35 {
    padding-right: 35px
}

.u-pb-35 {
    padding-bottom: 35px
}

.u-pl-35,
.u-px-35 {
    padding-left: 35px
}

.u-px-35 {
    padding-right: 35px
}

.u-py-35 {
    padding-top: 35px;
    padding-bottom: 35px
}

@media (min-width:48em) {
    .u-mt-35-sm {
        margin-top: 35px
    }

    .u-mr-35-sm {
        margin-right: 35px
    }

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

    .u-ml-35-sm,
    .u-mx-35-sm {
        margin-left: 35px
    }

    .u-mx-35-sm {
        margin-right: 35px
    }

    .u-my-35-sm {
        margin-top: 35px;
        margin-bottom: 35px
    }

    .u-pt-35-sm {
        padding-top: 35px
    }

    .u-pr-35-sm {
        padding-right: 35px
    }

    .u-pb-35-sm {
        padding-bottom: 35px
    }

    .u-pl-35-sm,
    .u-px-35-sm {
        padding-left: 35px
    }

    .u-px-35-sm {
        padding-right: 35px
    }

    .u-py-35-sm {
        padding-top: 35px;
        padding-bottom: 35px
    }
}

@media (min-width:64em) {
    .u-mt-35-md {
        margin-top: 35px
    }

    .u-mr-35-md {
        margin-right: 35px
    }

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

    .u-ml-35-md,
    .u-mx-35-md {
        margin-left: 35px
    }

    .u-mx-35-md {
        margin-right: 35px
    }

    .u-my-35-md {
        margin-top: 35px;
        margin-bottom: 35px
    }

    .u-pt-35-md {
        padding-top: 35px
    }

    .u-pr-35-md {
        padding-right: 35px
    }

    .u-pb-35-md {
        padding-bottom: 35px
    }

    .u-pl-35-md,
    .u-px-35-md {
        padding-left: 35px
    }

    .u-px-35-md {
        padding-right: 35px
    }

    .u-py-35-md {
        padding-top: 35px;
        padding-bottom: 35px
    }
}

@media (min-width:80em) {
    .u-mt-35-lg {
        margin-top: 35px
    }

    .u-mr-35-lg {
        margin-right: 35px
    }

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

    .u-ml-35-lg,
    .u-mx-35-lg {
        margin-left: 35px
    }

    .u-mx-35-lg {
        margin-right: 35px
    }

    .u-my-35-lg {
        margin-top: 35px;
        margin-bottom: 35px
    }

    .u-pt-35-lg {
        padding-top: 35px
    }

    .u-pr-35-lg {
        padding-right: 35px
    }

    .u-pb-35-lg {
        padding-bottom: 35px
    }

    .u-pl-35-lg,
    .u-px-35-lg {
        padding-left: 35px
    }

    .u-px-35-lg {
        padding-right: 35px
    }

    .u-py-35-lg {
        padding-top: 35px;
        padding-bottom: 35px
    }
}

@media (min-width:90em) {
    .u-mt-35-xl {
        margin-top: 35px
    }

    .u-mr-35-xl {
        margin-right: 35px
    }

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

    .u-ml-35-xl,
    .u-mx-35-xl {
        margin-left: 35px
    }

    .u-mx-35-xl {
        margin-right: 35px
    }

    .u-my-35-xl {
        margin-top: 35px;
        margin-bottom: 35px
    }

    .u-pt-35-xl {
        padding-top: 35px
    }

    .u-pr-35-xl {
        padding-right: 35px
    }

    .u-pb-35-xl {
        padding-bottom: 35px
    }

    .u-pl-35-xl,
    .u-px-35-xl {
        padding-left: 35px
    }

    .u-px-35-xl {
        padding-right: 35px
    }

    .u-py-35-xl {
        padding-top: 35px;
        padding-bottom: 35px
    }
}

.u-mt-40 {
    margin-top: 40px
}

.u-mr-40 {
    margin-right: 40px
}

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

.u-ml-40,
.u-mx-40 {
    margin-left: 40px
}

.u-mx-40 {
    margin-right: 40px
}

.u-my-40 {
    margin-top: 40px;
    margin-bottom: 40px
}

.u-pt-40 {
    padding-top: 40px
}

.u-pr-40 {
    padding-right: 40px
}

.u-pb-40 {
    padding-bottom: 40px
}

.u-pl-40,
.u-px-40 {
    padding-left: 40px
}

.u-px-40 {
    padding-right: 40px
}

.u-py-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

@media (min-width:48em) {
    .u-mt-40-sm {
        margin-top: 40px
    }

    .u-mr-40-sm {
        margin-right: 40px
    }

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

    .u-ml-40-sm,
    .u-mx-40-sm {
        margin-left: 40px
    }

    .u-mx-40-sm {
        margin-right: 40px
    }

    .u-my-40-sm {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .u-pt-40-sm {
        padding-top: 40px
    }

    .u-pr-40-sm {
        padding-right: 40px
    }

    .u-pb-40-sm {
        padding-bottom: 40px
    }

    .u-pl-40-sm,
    .u-px-40-sm {
        padding-left: 40px
    }

    .u-px-40-sm {
        padding-right: 40px
    }

    .u-py-40-sm {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (min-width:64em) {
    .u-mt-40-md {
        margin-top: 40px
    }

    .u-mr-40-md {
        margin-right: 40px
    }

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

    .u-ml-40-md,
    .u-mx-40-md {
        margin-left: 40px
    }

    .u-mx-40-md {
        margin-right: 40px
    }

    .u-my-40-md {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .u-pt-40-md {
        padding-top: 40px
    }

    .u-pr-40-md {
        padding-right: 40px
    }

    .u-pb-40-md {
        padding-bottom: 40px
    }

    .u-pl-40-md,
    .u-px-40-md {
        padding-left: 40px
    }

    .u-px-40-md {
        padding-right: 40px
    }

    .u-py-40-md {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (min-width:80em) {
    .u-mt-40-lg {
        margin-top: 40px
    }

    .u-mr-40-lg {
        margin-right: 40px
    }

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

    .u-ml-40-lg,
    .u-mx-40-lg {
        margin-left: 40px
    }

    .u-mx-40-lg {
        margin-right: 40px
    }

    .u-my-40-lg {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .u-pt-40-lg {
        padding-top: 40px
    }

    .u-pr-40-lg {
        padding-right: 40px
    }

    .u-pb-40-lg {
        padding-bottom: 40px
    }

    .u-pl-40-lg,
    .u-px-40-lg {
        padding-left: 40px
    }

    .u-px-40-lg {
        padding-right: 40px
    }

    .u-py-40-lg {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (min-width:90em) {
    .u-mt-40-xl {
        margin-top: 40px
    }

    .u-mr-40-xl {
        margin-right: 40px
    }

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

    .u-ml-40-xl,
    .u-mx-40-xl {
        margin-left: 40px
    }

    .u-mx-40-xl {
        margin-right: 40px
    }

    .u-my-40-xl {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .u-pt-40-xl {
        padding-top: 40px
    }

    .u-pr-40-xl {
        padding-right: 40px
    }

    .u-pb-40-xl {
        padding-bottom: 40px
    }

    .u-pl-40-xl,
    .u-px-40-xl {
        padding-left: 40px
    }

    .u-px-40-xl {
        padding-right: 40px
    }

    .u-py-40-xl {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

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

.u-mr-45 {
    margin-right: 45px
}

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

.u-ml-45,
.u-mx-45 {
    margin-left: 45px
}

.u-mx-45 {
    margin-right: 45px
}

.u-my-45 {
    margin-top: 45px;
    margin-bottom: 45px
}

.u-pt-45 {
    padding-top: 45px
}

.u-pr-45 {
    padding-right: 45px
}

.u-pb-45 {
    padding-bottom: 45px
}

.u-pl-45,
.u-px-45 {
    padding-left: 45px
}

.u-px-45 {
    padding-right: 45px
}

.u-py-45 {
    padding-top: 45px;
    padding-bottom: 45px
}

@media (min-width:48em) {
    .u-mt-45-sm {
        margin-top: 45px
    }

    .u-mr-45-sm {
        margin-right: 45px
    }

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

    .u-ml-45-sm,
    .u-mx-45-sm {
        margin-left: 45px
    }

    .u-mx-45-sm {
        margin-right: 45px
    }

    .u-my-45-sm {
        margin-top: 45px;
        margin-bottom: 45px
    }

    .u-pt-45-sm {
        padding-top: 45px
    }

    .u-pr-45-sm {
        padding-right: 45px
    }

    .u-pb-45-sm {
        padding-bottom: 45px
    }

    .u-pl-45-sm,
    .u-px-45-sm {
        padding-left: 45px
    }

    .u-px-45-sm {
        padding-right: 45px
    }

    .u-py-45-sm {
        padding-top: 45px;
        padding-bottom: 45px
    }
}

@media (min-width:64em) {
    .u-mt-45-md {
        margin-top: 45px
    }

    .u-mr-45-md {
        margin-right: 45px
    }

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

    .u-ml-45-md,
    .u-mx-45-md {
        margin-left: 45px
    }

    .u-mx-45-md {
        margin-right: 45px
    }

    .u-my-45-md {
        margin-top: 45px;
        margin-bottom: 45px
    }

    .u-pt-45-md {
        padding-top: 45px
    }

    .u-pr-45-md {
        padding-right: 45px
    }

    .u-pb-45-md {
        padding-bottom: 45px
    }

    .u-pl-45-md,
    .u-px-45-md {
        padding-left: 45px
    }

    .u-px-45-md {
        padding-right: 45px
    }

    .u-py-45-md {
        padding-top: 45px;
        padding-bottom: 45px
    }
}

@media (min-width:80em) {
    .u-mt-45-lg {
        margin-top: 45px
    }

    .u-mr-45-lg {
        margin-right: 45px
    }

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

    .u-ml-45-lg,
    .u-mx-45-lg {
        margin-left: 45px
    }

    .u-mx-45-lg {
        margin-right: 45px
    }

    .u-my-45-lg {
        margin-top: 45px;
        margin-bottom: 45px
    }

    .u-pt-45-lg {
        padding-top: 45px
    }

    .u-pr-45-lg {
        padding-right: 45px
    }

    .u-pb-45-lg {
        padding-bottom: 45px
    }

    .u-pl-45-lg,
    .u-px-45-lg {
        padding-left: 45px
    }

    .u-px-45-lg {
        padding-right: 45px
    }

    .u-py-45-lg {
        padding-top: 45px;
        padding-bottom: 45px
    }
}

@media (min-width:90em) {
    .u-mt-45-xl {
        margin-top: 45px
    }

    .u-mr-45-xl {
        margin-right: 45px
    }

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

    .u-ml-45-xl,
    .u-mx-45-xl {
        margin-left: 45px
    }

    .u-mx-45-xl {
        margin-right: 45px
    }

    .u-my-45-xl {
        margin-top: 45px;
        margin-bottom: 45px
    }

    .u-pt-45-xl {
        padding-top: 45px
    }

    .u-pr-45-xl {
        padding-right: 45px
    }

    .u-pb-45-xl {
        padding-bottom: 45px
    }

    .u-pl-45-xl,
    .u-px-45-xl {
        padding-left: 45px
    }

    .u-px-45-xl {
        padding-right: 45px
    }

    .u-py-45-xl {
        padding-top: 45px;
        padding-bottom: 45px
    }
}

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

.u-mr-50 {
    margin-right: 50px
}

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

.u-ml-50,
.u-mx-50 {
    margin-left: 50px
}

.u-mx-50 {
    margin-right: 50px
}

.u-my-50 {
    margin-top: 50px;
    margin-bottom: 50px
}

.u-pt-50 {
    padding-top: 50px
}

.u-pr-50 {
    padding-right: 50px
}

.u-pb-50 {
    padding-bottom: 50px
}

.u-pl-50,
.u-px-50 {
    padding-left: 50px
}

.u-px-50 {
    padding-right: 50px
}

.u-py-50 {
    padding-top: 50px;
    padding-bottom: 50px
}

@media (min-width:48em) {
    .u-mt-50-sm {
        margin-top: 50px
    }

    .u-mr-50-sm {
        margin-right: 50px
    }

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

    .u-ml-50-sm,
    .u-mx-50-sm {
        margin-left: 50px
    }

    .u-mx-50-sm {
        margin-right: 50px
    }

    .u-my-50-sm {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .u-pt-50-sm {
        padding-top: 50px
    }

    .u-pr-50-sm {
        padding-right: 50px
    }

    .u-pb-50-sm {
        padding-bottom: 50px
    }

    .u-pl-50-sm,
    .u-px-50-sm {
        padding-left: 50px
    }

    .u-px-50-sm {
        padding-right: 50px
    }

    .u-py-50-sm {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width:64em) {
    .u-mt-50-md {
        margin-top: 50px
    }

    .u-mr-50-md {
        margin-right: 50px
    }

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

    .u-ml-50-md,
    .u-mx-50-md {
        margin-left: 50px
    }

    .u-mx-50-md {
        margin-right: 50px
    }

    .u-my-50-md {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .u-pt-50-md {
        padding-top: 50px
    }

    .u-pr-50-md {
        padding-right: 50px
    }

    .u-pb-50-md {
        padding-bottom: 50px
    }

    .u-pl-50-md,
    .u-px-50-md {
        padding-left: 50px
    }

    .u-px-50-md {
        padding-right: 50px
    }

    .u-py-50-md {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width:80em) {
    .u-mt-50-lg {
        margin-top: 50px
    }

    .u-mr-50-lg {
        margin-right: 50px
    }

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

    .u-ml-50-lg,
    .u-mx-50-lg {
        margin-left: 50px
    }

    .u-mx-50-lg {
        margin-right: 50px
    }

    .u-my-50-lg {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .u-pt-50-lg {
        padding-top: 50px
    }

    .u-pr-50-lg {
        padding-right: 50px
    }

    .u-pb-50-lg {
        padding-bottom: 50px
    }

    .u-pl-50-lg,
    .u-px-50-lg {
        padding-left: 50px
    }

    .u-px-50-lg {
        padding-right: 50px
    }

    .u-py-50-lg {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width:90em) {
    .u-mt-50-xl {
        margin-top: 50px
    }

    .u-mr-50-xl {
        margin-right: 50px
    }

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

    .u-ml-50-xl,
    .u-mx-50-xl {
        margin-left: 50px
    }

    .u-mx-50-xl {
        margin-right: 50px
    }

    .u-my-50-xl {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .u-pt-50-xl {
        padding-top: 50px
    }

    .u-pr-50-xl {
        padding-right: 50px
    }

    .u-pb-50-xl {
        padding-bottom: 50px
    }

    .u-pl-50-xl,
    .u-px-50-xl {
        padding-left: 50px
    }

    .u-px-50-xl {
        padding-right: 50px
    }

    .u-py-50-xl {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.u-mt-55 {
    margin-top: 55px
}

.u-mr-55 {
    margin-right: 55px
}

.u-mb-55 {
    margin-bottom: 55px
}

.u-ml-55,
.u-mx-55 {
    margin-left: 55px
}

.u-mx-55 {
    margin-right: 55px
}

.u-my-55 {
    margin-top: 55px;
    margin-bottom: 55px
}

.u-pt-55 {
    padding-top: 55px
}

.u-pr-55 {
    padding-right: 55px
}

.u-pb-55 {
    padding-bottom: 55px
}

.u-pl-55,
.u-px-55 {
    padding-left: 55px
}

.u-px-55 {
    padding-right: 55px
}

.u-py-55 {
    padding-top: 55px;
    padding-bottom: 55px
}

@media (min-width:48em) {
    .u-mt-55-sm {
        margin-top: 55px
    }

    .u-mr-55-sm {
        margin-right: 55px
    }

    .u-mb-55-sm {
        margin-bottom: 55px
    }

    .u-ml-55-sm,
    .u-mx-55-sm {
        margin-left: 55px
    }

    .u-mx-55-sm {
        margin-right: 55px
    }

    .u-my-55-sm {
        margin-top: 55px;
        margin-bottom: 55px
    }

    .u-pt-55-sm {
        padding-top: 55px
    }

    .u-pr-55-sm {
        padding-right: 55px
    }

    .u-pb-55-sm {
        padding-bottom: 55px
    }

    .u-pl-55-sm,
    .u-px-55-sm {
        padding-left: 55px
    }

    .u-px-55-sm {
        padding-right: 55px
    }

    .u-py-55-sm {
        padding-top: 55px;
        padding-bottom: 55px
    }
}

@media (min-width:64em) {
    .u-mt-55-md {
        margin-top: 55px
    }

    .u-mr-55-md {
        margin-right: 55px
    }

    .u-mb-55-md {
        margin-bottom: 55px
    }

    .u-ml-55-md,
    .u-mx-55-md {
        margin-left: 55px
    }

    .u-mx-55-md {
        margin-right: 55px
    }

    .u-my-55-md {
        margin-top: 55px;
        margin-bottom: 55px
    }

    .u-pt-55-md {
        padding-top: 55px
    }

    .u-pr-55-md {
        padding-right: 55px
    }

    .u-pb-55-md {
        padding-bottom: 55px
    }

    .u-pl-55-md,
    .u-px-55-md {
        padding-left: 55px
    }

    .u-px-55-md {
        padding-right: 55px
    }

    .u-py-55-md {
        padding-top: 55px;
        padding-bottom: 55px
    }
}

@media (min-width:80em) {
    .u-mt-55-lg {
        margin-top: 55px
    }

    .u-mr-55-lg {
        margin-right: 55px
    }

    .u-mb-55-lg {
        margin-bottom: 55px
    }

    .u-ml-55-lg,
    .u-mx-55-lg {
        margin-left: 55px
    }

    .u-mx-55-lg {
        margin-right: 55px
    }

    .u-my-55-lg {
        margin-top: 55px;
        margin-bottom: 55px
    }

    .u-pt-55-lg {
        padding-top: 55px
    }

    .u-pr-55-lg {
        padding-right: 55px
    }

    .u-pb-55-lg {
        padding-bottom: 55px
    }

    .u-pl-55-lg,
    .u-px-55-lg {
        padding-left: 55px
    }

    .u-px-55-lg {
        padding-right: 55px
    }

    .u-py-55-lg {
        padding-top: 55px;
        padding-bottom: 55px
    }
}

@media (min-width:90em) {
    .u-mt-55-xl {
        margin-top: 55px
    }

    .u-mr-55-xl {
        margin-right: 55px
    }

    .u-mb-55-xl {
        margin-bottom: 55px
    }

    .u-ml-55-xl,
    .u-mx-55-xl {
        margin-left: 55px
    }

    .u-mx-55-xl {
        margin-right: 55px
    }

    .u-my-55-xl {
        margin-top: 55px;
        margin-bottom: 55px
    }

    .u-pt-55-xl {
        padding-top: 55px
    }

    .u-pr-55-xl {
        padding-right: 55px
    }

    .u-pb-55-xl {
        padding-bottom: 55px
    }

    .u-pl-55-xl,
    .u-px-55-xl {
        padding-left: 55px
    }

    .u-px-55-xl {
        padding-right: 55px
    }

    .u-py-55-xl {
        padding-top: 55px;
        padding-bottom: 55px
    }
}

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

.u-mr-60 {
    margin-right: 60px
}

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

.u-ml-60,
.u-mx-60 {
    margin-left: 60px
}

.u-mx-60 {
    margin-right: 60px
}

.u-my-60 {
    margin-top: 60px;
    margin-bottom: 60px
}

.u-pt-60 {
    padding-top: 60px
}

.u-pr-60 {
    padding-right: 60px
}

.u-pb-60 {
    padding-bottom: 60px
}

.u-pl-60,
.u-px-60 {
    padding-left: 60px
}

.u-px-60 {
    padding-right: 60px
}

.u-py-60 {
    padding-top: 60px;
    padding-bottom: 60px
}

@media (min-width:48em) {
    .u-mt-60-sm {
        margin-top: 60px
    }

    .u-mr-60-sm {
        margin-right: 60px
    }

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

    .u-ml-60-sm,
    .u-mx-60-sm {
        margin-left: 60px
    }

    .u-mx-60-sm {
        margin-right: 60px
    }

    .u-my-60-sm {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .u-pt-60-sm {
        padding-top: 60px
    }

    .u-pr-60-sm {
        padding-right: 60px
    }

    .u-pb-60-sm {
        padding-bottom: 60px
    }

    .u-pl-60-sm,
    .u-px-60-sm {
        padding-left: 60px
    }

    .u-px-60-sm {
        padding-right: 60px
    }

    .u-py-60-sm {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media (min-width:64em) {
    .u-mt-60-md {
        margin-top: 60px
    }

    .u-mr-60-md {
        margin-right: 60px
    }

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

    .u-ml-60-md,
    .u-mx-60-md {
        margin-left: 60px
    }

    .u-mx-60-md {
        margin-right: 60px
    }

    .u-my-60-md {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .u-pt-60-md {
        padding-top: 60px
    }

    .u-pr-60-md {
        padding-right: 60px
    }

    .u-pb-60-md {
        padding-bottom: 60px
    }

    .u-pl-60-md,
    .u-px-60-md {
        padding-left: 60px
    }

    .u-px-60-md {
        padding-right: 60px
    }

    .u-py-60-md {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media (min-width:80em) {
    .u-mt-60-lg {
        margin-top: 60px
    }

    .u-mr-60-lg {
        margin-right: 60px
    }

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

    .u-ml-60-lg,
    .u-mx-60-lg {
        margin-left: 60px
    }

    .u-mx-60-lg {
        margin-right: 60px
    }

    .u-my-60-lg {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .u-pt-60-lg {
        padding-top: 60px
    }

    .u-pr-60-lg {
        padding-right: 60px
    }

    .u-pb-60-lg {
        padding-bottom: 60px
    }

    .u-pl-60-lg,
    .u-px-60-lg {
        padding-left: 60px
    }

    .u-px-60-lg {
        padding-right: 60px
    }

    .u-py-60-lg {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media (min-width:90em) {
    .u-mt-60-xl {
        margin-top: 60px
    }

    .u-mr-60-xl {
        margin-right: 60px
    }

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

    .u-ml-60-xl,
    .u-mx-60-xl {
        margin-left: 60px
    }

    .u-mx-60-xl {
        margin-right: 60px
    }

    .u-my-60-xl {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .u-pt-60-xl {
        padding-top: 60px
    }

    .u-pr-60-xl {
        padding-right: 60px
    }

    .u-pb-60-xl {
        padding-bottom: 60px
    }

    .u-pl-60-xl,
    .u-px-60-xl {
        padding-left: 60px
    }

    .u-px-60-xl {
        padding-right: 60px
    }

    .u-py-60-xl {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.u-mt-65 {
    margin-top: 65px
}

.u-mr-65 {
    margin-right: 65px
}

.u-mb-65 {
    margin-bottom: 65px
}

.u-ml-65,
.u-mx-65 {
    margin-left: 65px
}

.u-mx-65 {
    margin-right: 65px
}

.u-my-65 {
    margin-top: 65px;
    margin-bottom: 65px
}

.u-pt-65 {
    padding-top: 65px
}

.u-pr-65 {
    padding-right: 65px
}

.u-pb-65 {
    padding-bottom: 65px
}

.u-pl-65,
.u-px-65 {
    padding-left: 65px
}

.u-px-65 {
    padding-right: 65px
}

.u-py-65 {
    padding-top: 65px;
    padding-bottom: 65px
}

@media (min-width:48em) {
    .u-mt-65-sm {
        margin-top: 65px
    }

    .u-mr-65-sm {
        margin-right: 65px
    }

    .u-mb-65-sm {
        margin-bottom: 65px
    }

    .u-ml-65-sm,
    .u-mx-65-sm {
        margin-left: 65px
    }

    .u-mx-65-sm {
        margin-right: 65px
    }

    .u-my-65-sm {
        margin-top: 65px;
        margin-bottom: 65px
    }

    .u-pt-65-sm {
        padding-top: 65px
    }

    .u-pr-65-sm {
        padding-right: 65px
    }

    .u-pb-65-sm {
        padding-bottom: 65px
    }

    .u-pl-65-sm,
    .u-px-65-sm {
        padding-left: 65px
    }

    .u-px-65-sm {
        padding-right: 65px
    }

    .u-py-65-sm {
        padding-top: 65px;
        padding-bottom: 65px
    }
}

@media (min-width:64em) {
    .u-mt-65-md {
        margin-top: 65px
    }

    .u-mr-65-md {
        margin-right: 65px
    }

    .u-mb-65-md {
        margin-bottom: 65px
    }

    .u-ml-65-md,
    .u-mx-65-md {
        margin-left: 65px
    }

    .u-mx-65-md {
        margin-right: 65px
    }

    .u-my-65-md {
        margin-top: 65px;
        margin-bottom: 65px
    }

    .u-pt-65-md {
        padding-top: 65px
    }

    .u-pr-65-md {
        padding-right: 65px
    }

    .u-pb-65-md {
        padding-bottom: 65px
    }

    .u-pl-65-md,
    .u-px-65-md {
        padding-left: 65px
    }

    .u-px-65-md {
        padding-right: 65px
    }

    .u-py-65-md {
        padding-top: 65px;
        padding-bottom: 65px
    }
}

@media (min-width:80em) {
    .u-mt-65-lg {
        margin-top: 65px
    }

    .u-mr-65-lg {
        margin-right: 65px
    }

    .u-mb-65-lg {
        margin-bottom: 65px
    }

    .u-ml-65-lg,
    .u-mx-65-lg {
        margin-left: 65px
    }

    .u-mx-65-lg {
        margin-right: 65px
    }

    .u-my-65-lg {
        margin-top: 65px;
        margin-bottom: 65px
    }

    .u-pt-65-lg {
        padding-top: 65px
    }

    .u-pr-65-lg {
        padding-right: 65px
    }

    .u-pb-65-lg {
        padding-bottom: 65px
    }

    .u-pl-65-lg,
    .u-px-65-lg {
        padding-left: 65px
    }

    .u-px-65-lg {
        padding-right: 65px
    }

    .u-py-65-lg {
        padding-top: 65px;
        padding-bottom: 65px
    }
}

@media (min-width:90em) {
    .u-mt-65-xl {
        margin-top: 65px
    }

    .u-mr-65-xl {
        margin-right: 65px
    }

    .u-mb-65-xl {
        margin-bottom: 65px
    }

    .u-ml-65-xl,
    .u-mx-65-xl {
        margin-left: 65px
    }

    .u-mx-65-xl {
        margin-right: 65px
    }

    .u-my-65-xl {
        margin-top: 65px;
        margin-bottom: 65px
    }

    .u-pt-65-xl {
        padding-top: 65px
    }

    .u-pr-65-xl {
        padding-right: 65px
    }

    .u-pb-65-xl {
        padding-bottom: 65px
    }

    .u-pl-65-xl,
    .u-px-65-xl {
        padding-left: 65px
    }

    .u-px-65-xl {
        padding-right: 65px
    }

    .u-py-65-xl {
        padding-top: 65px;
        padding-bottom: 65px
    }
}

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

.u-mr-70 {
    margin-right: 70px
}

.u-mb-70 {
    margin-bottom: 70px
}

.u-ml-70,
.u-mx-70 {
    margin-left: 70px
}

.u-mx-70 {
    margin-right: 70px
}

.u-my-70 {
    margin-top: 70px;
    margin-bottom: 70px
}

.u-pt-70 {
    padding-top: 70px
}

.u-pr-70 {
    padding-right: 70px
}

.u-pb-70 {
    padding-bottom: 70px
}

.u-pl-70,
.u-px-70 {
    padding-left: 70px
}

.u-px-70 {
    padding-right: 70px
}

.u-py-70 {
    padding-top: 70px;
    padding-bottom: 70px
}

@media (min-width:48em) {
    .u-mt-70-sm {
        margin-top: 70px
    }

    .u-mr-70-sm {
        margin-right: 70px
    }

    .u-mb-70-sm {
        margin-bottom: 70px
    }

    .u-ml-70-sm,
    .u-mx-70-sm {
        margin-left: 70px
    }

    .u-mx-70-sm {
        margin-right: 70px
    }

    .u-my-70-sm {
        margin-top: 70px;
        margin-bottom: 70px
    }

    .u-pt-70-sm {
        padding-top: 70px
    }

    .u-pr-70-sm {
        padding-right: 70px
    }

    .u-pb-70-sm {
        padding-bottom: 70px
    }

    .u-pl-70-sm,
    .u-px-70-sm {
        padding-left: 70px
    }

    .u-px-70-sm {
        padding-right: 70px
    }

    .u-py-70-sm {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

@media (min-width:64em) {
    .u-mt-70-md {
        margin-top: 70px
    }

    .u-mr-70-md {
        margin-right: 70px
    }

    .u-mb-70-md {
        margin-bottom: 70px
    }

    .u-ml-70-md,
    .u-mx-70-md {
        margin-left: 70px
    }

    .u-mx-70-md {
        margin-right: 70px
    }

    .u-my-70-md {
        margin-top: 70px;
        margin-bottom: 70px
    }

    .u-pt-70-md {
        padding-top: 70px
    }

    .u-pr-70-md {
        padding-right: 70px
    }

    .u-pb-70-md {
        padding-bottom: 70px
    }

    .u-pl-70-md,
    .u-px-70-md {
        padding-left: 70px
    }

    .u-px-70-md {
        padding-right: 70px
    }

    .u-py-70-md {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

@media (min-width:80em) {
    .u-mt-70-lg {
        margin-top: 70px
    }

    .u-mr-70-lg {
        margin-right: 70px
    }

    .u-mb-70-lg {
        margin-bottom: 70px
    }

    .u-ml-70-lg,
    .u-mx-70-lg {
        margin-left: 70px
    }

    .u-mx-70-lg {
        margin-right: 70px
    }

    .u-my-70-lg {
        margin-top: 70px;
        margin-bottom: 70px
    }

    .u-pt-70-lg {
        padding-top: 70px
    }

    .u-pr-70-lg {
        padding-right: 70px
    }

    .u-pb-70-lg {
        padding-bottom: 70px
    }

    .u-pl-70-lg,
    .u-px-70-lg {
        padding-left: 70px
    }

    .u-px-70-lg {
        padding-right: 70px
    }

    .u-py-70-lg {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

@media (min-width:90em) {
    .u-mt-70-xl {
        margin-top: 70px
    }

    .u-mr-70-xl {
        margin-right: 70px
    }

    .u-mb-70-xl {
        margin-bottom: 70px
    }

    .u-ml-70-xl,
    .u-mx-70-xl {
        margin-left: 70px
    }

    .u-mx-70-xl {
        margin-right: 70px
    }

    .u-my-70-xl {
        margin-top: 70px;
        margin-bottom: 70px
    }

    .u-pt-70-xl {
        padding-top: 70px
    }

    .u-pr-70-xl {
        padding-right: 70px
    }

    .u-pb-70-xl {
        padding-bottom: 70px
    }

    .u-pl-70-xl,
    .u-px-70-xl {
        padding-left: 70px
    }

    .u-px-70-xl {
        padding-right: 70px
    }

    .u-py-70-xl {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.u-mt-75 {
    margin-top: 75px
}

.u-mr-75 {
    margin-right: 75px
}

.u-mb-75 {
    margin-bottom: 75px
}

.u-ml-75,
.u-mx-75 {
    margin-left: 75px
}

.u-mx-75 {
    margin-right: 75px
}

.u-my-75 {
    margin-top: 75px;
    margin-bottom: 75px
}

.u-pt-75 {
    padding-top: 75px
}

.u-pr-75 {
    padding-right: 75px
}

.u-pb-75 {
    padding-bottom: 75px
}

.u-pl-75,
.u-px-75 {
    padding-left: 75px
}

.u-px-75 {
    padding-right: 75px
}

.u-py-75 {
    padding-top: 75px;
    padding-bottom: 75px
}

@media (min-width:48em) {
    .u-mt-75-sm {
        margin-top: 75px
    }

    .u-mr-75-sm {
        margin-right: 75px
    }

    .u-mb-75-sm {
        margin-bottom: 75px
    }

    .u-ml-75-sm,
    .u-mx-75-sm {
        margin-left: 75px
    }

    .u-mx-75-sm {
        margin-right: 75px
    }

    .u-my-75-sm {
        margin-top: 75px;
        margin-bottom: 75px
    }

    .u-pt-75-sm {
        padding-top: 75px
    }

    .u-pr-75-sm {
        padding-right: 75px
    }

    .u-pb-75-sm {
        padding-bottom: 75px
    }

    .u-pl-75-sm,
    .u-px-75-sm {
        padding-left: 75px
    }

    .u-px-75-sm {
        padding-right: 75px
    }

    .u-py-75-sm {
        padding-top: 75px;
        padding-bottom: 75px
    }
}

@media (min-width:64em) {
    .u-mt-75-md {
        margin-top: 75px
    }

    .u-mr-75-md {
        margin-right: 75px
    }

    .u-mb-75-md {
        margin-bottom: 75px
    }

    .u-ml-75-md,
    .u-mx-75-md {
        margin-left: 75px
    }

    .u-mx-75-md {
        margin-right: 75px
    }

    .u-my-75-md {
        margin-top: 75px;
        margin-bottom: 75px
    }

    .u-pt-75-md {
        padding-top: 75px
    }

    .u-pr-75-md {
        padding-right: 75px
    }

    .u-pb-75-md {
        padding-bottom: 75px
    }

    .u-pl-75-md,
    .u-px-75-md {
        padding-left: 75px
    }

    .u-px-75-md {
        padding-right: 75px
    }

    .u-py-75-md {
        padding-top: 75px;
        padding-bottom: 75px
    }
}

@media (min-width:80em) {
    .u-mt-75-lg {
        margin-top: 75px
    }

    .u-mr-75-lg {
        margin-right: 75px
    }

    .u-mb-75-lg {
        margin-bottom: 75px
    }

    .u-ml-75-lg,
    .u-mx-75-lg {
        margin-left: 75px
    }

    .u-mx-75-lg {
        margin-right: 75px
    }

    .u-my-75-lg {
        margin-top: 75px;
        margin-bottom: 75px
    }

    .u-pt-75-lg {
        padding-top: 75px
    }

    .u-pr-75-lg {
        padding-right: 75px
    }

    .u-pb-75-lg {
        padding-bottom: 75px
    }

    .u-pl-75-lg,
    .u-px-75-lg {
        padding-left: 75px
    }

    .u-px-75-lg {
        padding-right: 75px
    }

    .u-py-75-lg {
        padding-top: 75px;
        padding-bottom: 75px
    }
}

@media (min-width:90em) {
    .u-mt-75-xl {
        margin-top: 75px
    }

    .u-mr-75-xl {
        margin-right: 75px
    }

    .u-mb-75-xl {
        margin-bottom: 75px
    }

    .u-ml-75-xl,
    .u-mx-75-xl {
        margin-left: 75px
    }

    .u-mx-75-xl {
        margin-right: 75px
    }

    .u-my-75-xl {
        margin-top: 75px;
        margin-bottom: 75px
    }

    .u-pt-75-xl {
        padding-top: 75px
    }

    .u-pr-75-xl {
        padding-right: 75px
    }

    .u-pb-75-xl {
        padding-bottom: 75px
    }

    .u-pl-75-xl,
    .u-px-75-xl {
        padding-left: 75px
    }

    .u-px-75-xl {
        padding-right: 75px
    }

    .u-py-75-xl {
        padding-top: 75px;
        padding-bottom: 75px
    }
}

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

.u-mr-80 {
    margin-right: 80px
}

.u-mb-80 {
    margin-bottom: 80px
}

.u-ml-80,
.u-mx-80 {
    margin-left: 80px
}

.u-mx-80 {
    margin-right: 80px
}

.u-my-80 {
    margin-top: 80px;
    margin-bottom: 80px
}

.u-pt-80 {
    padding-top: 80px
}

.u-pr-80 {
    padding-right: 80px
}

.u-pb-80 {
    padding-bottom: 80px
}

.u-pl-80,
.u-px-80 {
    padding-left: 80px
}

.u-px-80 {
    padding-right: 80px
}

.u-py-80 {
    padding-top: 80px;
    padding-bottom: 80px
}

@media (min-width:48em) {
    .u-mt-80-sm {
        margin-top: 80px
    }

    .u-mr-80-sm {
        margin-right: 80px
    }

    .u-mb-80-sm {
        margin-bottom: 80px
    }

    .u-ml-80-sm,
    .u-mx-80-sm {
        margin-left: 80px
    }

    .u-mx-80-sm {
        margin-right: 80px
    }

    .u-my-80-sm {
        margin-top: 80px;
        margin-bottom: 80px
    }

    .u-pt-80-sm {
        padding-top: 80px
    }

    .u-pr-80-sm {
        padding-right: 80px
    }

    .u-pb-80-sm {
        padding-bottom: 80px
    }

    .u-pl-80-sm,
    .u-px-80-sm {
        padding-left: 80px
    }

    .u-px-80-sm {
        padding-right: 80px
    }

    .u-py-80-sm {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (min-width:64em) {
    .u-mt-80-md {
        margin-top: 80px
    }

    .u-mr-80-md {
        margin-right: 80px
    }

    .u-mb-80-md {
        margin-bottom: 80px
    }

    .u-ml-80-md,
    .u-mx-80-md {
        margin-left: 80px
    }

    .u-mx-80-md {
        margin-right: 80px
    }

    .u-my-80-md {
        margin-top: 80px;
        margin-bottom: 80px
    }

    .u-pt-80-md {
        padding-top: 80px
    }

    .u-pr-80-md {
        padding-right: 80px
    }

    .u-pb-80-md {
        padding-bottom: 80px
    }

    .u-pl-80-md,
    .u-px-80-md {
        padding-left: 80px
    }

    .u-px-80-md {
        padding-right: 80px
    }

    .u-py-80-md {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (min-width:80em) {
    .u-mt-80-lg {
        margin-top: 80px
    }

    .u-mr-80-lg {
        margin-right: 80px
    }

    .u-mb-80-lg {
        margin-bottom: 80px
    }

    .u-ml-80-lg,
    .u-mx-80-lg {
        margin-left: 80px
    }

    .u-mx-80-lg {
        margin-right: 80px
    }

    .u-my-80-lg {
        margin-top: 80px;
        margin-bottom: 80px
    }

    .u-pt-80-lg {
        padding-top: 80px
    }

    .u-pr-80-lg {
        padding-right: 80px
    }

    .u-pb-80-lg {
        padding-bottom: 80px
    }

    .u-pl-80-lg,
    .u-px-80-lg {
        padding-left: 80px
    }

    .u-px-80-lg {
        padding-right: 80px
    }

    .u-py-80-lg {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (min-width:90em) {
    .u-mt-80-xl {
        margin-top: 80px
    }

    .u-mr-80-xl {
        margin-right: 80px
    }

    .u-mb-80-xl {
        margin-bottom: 80px
    }

    .u-ml-80-xl,
    .u-mx-80-xl {
        margin-left: 80px
    }

    .u-mx-80-xl {
        margin-right: 80px
    }

    .u-my-80-xl {
        margin-top: 80px;
        margin-bottom: 80px
    }

    .u-pt-80-xl {
        padding-top: 80px
    }

    .u-pr-80-xl {
        padding-right: 80px
    }

    .u-pb-80-xl {
        padding-bottom: 80px
    }

    .u-pl-80-xl,
    .u-px-80-xl {
        padding-left: 80px
    }

    .u-px-80-xl {
        padding-right: 80px
    }

    .u-py-80-xl {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

.u-mt-85 {
    margin-top: 85px
}

.u-mr-85 {
    margin-right: 85px
}

.u-mb-85 {
    margin-bottom: 85px
}

.u-ml-85,
.u-mx-85 {
    margin-left: 85px
}

.u-mx-85 {
    margin-right: 85px
}

.u-my-85 {
    margin-top: 85px;
    margin-bottom: 85px
}

.u-pt-85 {
    padding-top: 85px
}

.u-pr-85 {
    padding-right: 85px
}

.u-pb-85 {
    padding-bottom: 85px
}

.u-pl-85,
.u-px-85 {
    padding-left: 85px
}

.u-px-85 {
    padding-right: 85px
}

.u-py-85 {
    padding-top: 85px;
    padding-bottom: 85px
}

@media (min-width:48em) {
    .u-mt-85-sm {
        margin-top: 85px
    }

    .u-mr-85-sm {
        margin-right: 85px
    }

    .u-mb-85-sm {
        margin-bottom: 85px
    }

    .u-ml-85-sm,
    .u-mx-85-sm {
        margin-left: 85px
    }

    .u-mx-85-sm {
        margin-right: 85px
    }

    .u-my-85-sm {
        margin-top: 85px;
        margin-bottom: 85px
    }

    .u-pt-85-sm {
        padding-top: 85px
    }

    .u-pr-85-sm {
        padding-right: 85px
    }

    .u-pb-85-sm {
        padding-bottom: 85px
    }

    .u-pl-85-sm,
    .u-px-85-sm {
        padding-left: 85px
    }

    .u-px-85-sm {
        padding-right: 85px
    }

    .u-py-85-sm {
        padding-top: 85px;
        padding-bottom: 85px
    }
}

@media (min-width:64em) {
    .u-mt-85-md {
        margin-top: 85px
    }

    .u-mr-85-md {
        margin-right: 85px
    }

    .u-mb-85-md {
        margin-bottom: 85px
    }

    .u-ml-85-md,
    .u-mx-85-md {
        margin-left: 85px
    }

    .u-mx-85-md {
        margin-right: 85px
    }

    .u-my-85-md {
        margin-top: 85px;
        margin-bottom: 85px
    }

    .u-pt-85-md {
        padding-top: 85px
    }

    .u-pr-85-md {
        padding-right: 85px
    }

    .u-pb-85-md {
        padding-bottom: 85px
    }

    .u-pl-85-md,
    .u-px-85-md {
        padding-left: 85px
    }

    .u-px-85-md {
        padding-right: 85px
    }

    .u-py-85-md {
        padding-top: 85px;
        padding-bottom: 85px
    }
}

@media (min-width:80em) {
    .u-mt-85-lg {
        margin-top: 85px
    }

    .u-mr-85-lg {
        margin-right: 85px
    }

    .u-mb-85-lg {
        margin-bottom: 85px
    }

    .u-ml-85-lg,
    .u-mx-85-lg {
        margin-left: 85px
    }

    .u-mx-85-lg {
        margin-right: 85px
    }

    .u-my-85-lg {
        margin-top: 85px;
        margin-bottom: 85px
    }

    .u-pt-85-lg {
        padding-top: 85px
    }

    .u-pr-85-lg {
        padding-right: 85px
    }

    .u-pb-85-lg {
        padding-bottom: 85px
    }

    .u-pl-85-lg,
    .u-px-85-lg {
        padding-left: 85px
    }

    .u-px-85-lg {
        padding-right: 85px
    }

    .u-py-85-lg {
        padding-top: 85px;
        padding-bottom: 85px
    }
}

@media (min-width:90em) {
    .u-mt-85-xl {
        margin-top: 85px
    }

    .u-mr-85-xl {
        margin-right: 85px
    }

    .u-mb-85-xl {
        margin-bottom: 85px
    }

    .u-ml-85-xl,
    .u-mx-85-xl {
        margin-left: 85px
    }

    .u-mx-85-xl {
        margin-right: 85px
    }

    .u-my-85-xl {
        margin-top: 85px;
        margin-bottom: 85px
    }

    .u-pt-85-xl {
        padding-top: 85px
    }

    .u-pr-85-xl {
        padding-right: 85px
    }

    .u-pb-85-xl {
        padding-bottom: 85px
    }

    .u-pl-85-xl,
    .u-px-85-xl {
        padding-left: 85px
    }

    .u-px-85-xl {
        padding-right: 85px
    }

    .u-py-85-xl {
        padding-top: 85px;
        padding-bottom: 85px
    }
}

.u-mt-90 {
    margin-top: 90px
}

.u-mr-90 {
    margin-right: 90px
}

.u-mb-90 {
    margin-bottom: 90px
}

.u-ml-90,
.u-mx-90 {
    margin-left: 90px
}

.u-mx-90 {
    margin-right: 90px
}

.u-my-90 {
    margin-top: 90px;
    margin-bottom: 90px
}

.u-pt-90 {
    padding-top: 90px
}

.u-pr-90 {
    padding-right: 90px
}

.u-pb-90 {
    padding-bottom: 90px
}

.u-pl-90,
.u-px-90 {
    padding-left: 90px
}

.u-px-90 {
    padding-right: 90px
}

.u-py-90 {
    padding-top: 90px;
    padding-bottom: 90px
}

@media (min-width:48em) {
    .u-mt-90-sm {
        margin-top: 90px
    }

    .u-mr-90-sm {
        margin-right: 90px
    }

    .u-mb-90-sm {
        margin-bottom: 90px
    }

    .u-ml-90-sm,
    .u-mx-90-sm {
        margin-left: 90px
    }

    .u-mx-90-sm {
        margin-right: 90px
    }

    .u-my-90-sm {
        margin-top: 90px;
        margin-bottom: 90px
    }

    .u-pt-90-sm {
        padding-top: 90px
    }

    .u-pr-90-sm {
        padding-right: 90px
    }

    .u-pb-90-sm {
        padding-bottom: 90px
    }

    .u-pl-90-sm,
    .u-px-90-sm {
        padding-left: 90px
    }

    .u-px-90-sm {
        padding-right: 90px
    }

    .u-py-90-sm {
        padding-top: 90px;
        padding-bottom: 90px
    }
}

@media (min-width:64em) {
    .u-mt-90-md {
        margin-top: 90px
    }

    .u-mr-90-md {
        margin-right: 90px
    }

    .u-mb-90-md {
        margin-bottom: 90px
    }

    .u-ml-90-md,
    .u-mx-90-md {
        margin-left: 90px
    }

    .u-mx-90-md {
        margin-right: 90px
    }

    .u-my-90-md {
        margin-top: 90px;
        margin-bottom: 90px
    }

    .u-pt-90-md {
        padding-top: 90px
    }

    .u-pr-90-md {
        padding-right: 90px
    }

    .u-pb-90-md {
        padding-bottom: 90px
    }

    .u-pl-90-md,
    .u-px-90-md {
        padding-left: 90px
    }

    .u-px-90-md {
        padding-right: 90px
    }

    .u-py-90-md {
        padding-top: 90px;
        padding-bottom: 90px
    }
}

@media (min-width:80em) {
    .u-mt-90-lg {
        margin-top: 90px
    }

    .u-mr-90-lg {
        margin-right: 90px
    }

    .u-mb-90-lg {
        margin-bottom: 90px
    }

    .u-ml-90-lg,
    .u-mx-90-lg {
        margin-left: 90px
    }

    .u-mx-90-lg {
        margin-right: 90px
    }

    .u-my-90-lg {
        margin-top: 90px;
        margin-bottom: 90px
    }

    .u-pt-90-lg {
        padding-top: 90px
    }

    .u-pr-90-lg {
        padding-right: 90px
    }

    .u-pb-90-lg {
        padding-bottom: 90px
    }

    .u-pl-90-lg,
    .u-px-90-lg {
        padding-left: 90px
    }

    .u-px-90-lg {
        padding-right: 90px
    }

    .u-py-90-lg {
        padding-top: 90px;
        padding-bottom: 90px
    }
}

@media (min-width:90em) {
    .u-mt-90-xl {
        margin-top: 90px
    }

    .u-mr-90-xl {
        margin-right: 90px
    }

    .u-mb-90-xl {
        margin-bottom: 90px
    }

    .u-ml-90-xl,
    .u-mx-90-xl {
        margin-left: 90px
    }

    .u-mx-90-xl {
        margin-right: 90px
    }

    .u-my-90-xl {
        margin-top: 90px;
        margin-bottom: 90px
    }

    .u-pt-90-xl {
        padding-top: 90px
    }

    .u-pr-90-xl {
        padding-right: 90px
    }

    .u-pb-90-xl {
        padding-bottom: 90px
    }

    .u-pl-90-xl,
    .u-px-90-xl {
        padding-left: 90px
    }

    .u-px-90-xl {
        padding-right: 90px
    }

    .u-py-90-xl {
        padding-top: 90px;
        padding-bottom: 90px
    }
}

.u-mt-95 {
    margin-top: 95px
}

.u-mr-95 {
    margin-right: 95px
}

.u-mb-95 {
    margin-bottom: 95px
}

.u-ml-95,
.u-mx-95 {
    margin-left: 95px
}

.u-mx-95 {
    margin-right: 95px
}

.u-my-95 {
    margin-top: 95px;
    margin-bottom: 95px
}

.u-pt-95 {
    padding-top: 95px
}

.u-pr-95 {
    padding-right: 95px
}

.u-pb-95 {
    padding-bottom: 95px
}

.u-pl-95,
.u-px-95 {
    padding-left: 95px
}

.u-px-95 {
    padding-right: 95px
}

.u-py-95 {
    padding-top: 95px;
    padding-bottom: 95px
}

@media (min-width:48em) {
    .u-mt-95-sm {
        margin-top: 95px
    }

    .u-mr-95-sm {
        margin-right: 95px
    }

    .u-mb-95-sm {
        margin-bottom: 95px
    }

    .u-ml-95-sm,
    .u-mx-95-sm {
        margin-left: 95px
    }

    .u-mx-95-sm {
        margin-right: 95px
    }

    .u-my-95-sm {
        margin-top: 95px;
        margin-bottom: 95px
    }

    .u-pt-95-sm {
        padding-top: 95px
    }

    .u-pr-95-sm {
        padding-right: 95px
    }

    .u-pb-95-sm {
        padding-bottom: 95px
    }

    .u-pl-95-sm,
    .u-px-95-sm {
        padding-left: 95px
    }

    .u-px-95-sm {
        padding-right: 95px
    }

    .u-py-95-sm {
        padding-top: 95px;
        padding-bottom: 95px
    }
}

@media (min-width:64em) {
    .u-mt-95-md {
        margin-top: 95px
    }

    .u-mr-95-md {
        margin-right: 95px
    }

    .u-mb-95-md {
        margin-bottom: 95px
    }

    .u-ml-95-md,
    .u-mx-95-md {
        margin-left: 95px
    }

    .u-mx-95-md {
        margin-right: 95px
    }

    .u-my-95-md {
        margin-top: 95px;
        margin-bottom: 95px
    }

    .u-pt-95-md {
        padding-top: 95px
    }

    .u-pr-95-md {
        padding-right: 95px
    }

    .u-pb-95-md {
        padding-bottom: 95px
    }

    .u-pl-95-md,
    .u-px-95-md {
        padding-left: 95px
    }

    .u-px-95-md {
        padding-right: 95px
    }

    .u-py-95-md {
        padding-top: 95px;
        padding-bottom: 95px
    }
}

@media (min-width:80em) {
    .u-mt-95-lg {
        margin-top: 95px
    }

    .u-mr-95-lg {
        margin-right: 95px
    }

    .u-mb-95-lg {
        margin-bottom: 95px
    }

    .u-ml-95-lg,
    .u-mx-95-lg {
        margin-left: 95px
    }

    .u-mx-95-lg {
        margin-right: 95px
    }

    .u-my-95-lg {
        margin-top: 95px;
        margin-bottom: 95px
    }

    .u-pt-95-lg {
        padding-top: 95px
    }

    .u-pr-95-lg {
        padding-right: 95px
    }

    .u-pb-95-lg {
        padding-bottom: 95px
    }

    .u-pl-95-lg,
    .u-px-95-lg {
        padding-left: 95px
    }

    .u-px-95-lg {
        padding-right: 95px
    }

    .u-py-95-lg {
        padding-top: 95px;
        padding-bottom: 95px
    }
}

@media (min-width:90em) {
    .u-mt-95-xl {
        margin-top: 95px
    }

    .u-mr-95-xl {
        margin-right: 95px
    }

    .u-mb-95-xl {
        margin-bottom: 95px
    }

    .u-ml-95-xl,
    .u-mx-95-xl {
        margin-left: 95px
    }

    .u-mx-95-xl {
        margin-right: 95px
    }

    .u-my-95-xl {
        margin-top: 95px;
        margin-bottom: 95px
    }

    .u-pt-95-xl {
        padding-top: 95px
    }

    .u-pr-95-xl {
        padding-right: 95px
    }

    .u-pb-95-xl {
        padding-bottom: 95px
    }

    .u-pl-95-xl,
    .u-px-95-xl {
        padding-left: 95px
    }

    .u-px-95-xl {
        padding-right: 95px
    }

    .u-py-95-xl {
        padding-top: 95px;
        padding-bottom: 95px
    }
}

.u-mt-100 {
    margin-top: 100px
}

.u-mr-100 {
    margin-right: 100px
}

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

.u-ml-100,
.u-mx-100 {
    margin-left: 100px
}

.u-mx-100 {
    margin-right: 100px
}

.u-my-100 {
    margin-top: 100px;
    margin-bottom: 100px
}

.u-pt-100 {
    padding-top: 100px
}

.u-pr-100 {
    padding-right: 100px
}

.u-pb-100 {
    padding-bottom: 100px
}

.u-pl-100,
.u-px-100 {
    padding-left: 100px
}

.u-px-100 {
    padding-right: 100px
}

.u-py-100 {
    padding-top: 100px;
    padding-bottom: 100px
}

@media (min-width:48em) {
    .u-mt-100-sm {
        margin-top: 100px
    }

    .u-mr-100-sm {
        margin-right: 100px
    }

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

    .u-ml-100-sm,
    .u-mx-100-sm {
        margin-left: 100px
    }

    .u-mx-100-sm {
        margin-right: 100px
    }

    .u-my-100-sm {
        margin-top: 100px;
        margin-bottom: 100px
    }

    .u-pt-100-sm {
        padding-top: 100px
    }

    .u-pr-100-sm {
        padding-right: 100px
    }

    .u-pb-100-sm {
        padding-bottom: 100px
    }

    .u-pl-100-sm,
    .u-px-100-sm {
        padding-left: 100px
    }

    .u-px-100-sm {
        padding-right: 100px
    }

    .u-py-100-sm {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media (min-width:64em) {
    .u-mt-100-md {
        margin-top: 100px
    }

    .u-mr-100-md {
        margin-right: 100px
    }

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

    .u-ml-100-md,
    .u-mx-100-md {
        margin-left: 100px
    }

    .u-mx-100-md {
        margin-right: 100px
    }

    .u-my-100-md {
        margin-top: 100px;
        margin-bottom: 100px
    }

    .u-pt-100-md {
        padding-top: 100px
    }

    .u-pr-100-md {
        padding-right: 100px
    }

    .u-pb-100-md {
        padding-bottom: 100px
    }

    .u-pl-100-md,
    .u-px-100-md {
        padding-left: 100px
    }

    .u-px-100-md {
        padding-right: 100px
    }

    .u-py-100-md {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media (min-width:80em) {
    .u-mt-100-lg {
        margin-top: 100px
    }

    .u-mr-100-lg {
        margin-right: 100px
    }

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

    .u-ml-100-lg,
    .u-mx-100-lg {
        margin-left: 100px
    }

    .u-mx-100-lg {
        margin-right: 100px
    }

    .u-my-100-lg {
        margin-top: 100px;
        margin-bottom: 100px
    }

    .u-pt-100-lg {
        padding-top: 100px
    }

    .u-pr-100-lg {
        padding-right: 100px
    }

    .u-pb-100-lg {
        padding-bottom: 100px
    }

    .u-pl-100-lg,
    .u-px-100-lg {
        padding-left: 100px
    }

    .u-px-100-lg {
        padding-right: 100px
    }

    .u-py-100-lg {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media (min-width:90em) {
    .u-mt-100-xl {
        margin-top: 100px
    }

    .u-mr-100-xl {
        margin-right: 100px
    }

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

    .u-ml-100-xl,
    .u-mx-100-xl {
        margin-left: 100px
    }

    .u-mx-100-xl {
        margin-right: 100px
    }

    .u-my-100-xl {
        margin-top: 100px;
        margin-bottom: 100px
    }

    .u-pt-100-xl {
        padding-top: 100px
    }

    .u-pr-100-xl {
        padding-right: 100px
    }

    .u-pb-100-xl {
        padding-bottom: 100px
    }

    .u-pl-100-xl,
    .u-px-100-xl {
        padding-left: 100px
    }

    .u-px-100-xl {
        padding-right: 100px
    }

    .u-py-100-xl {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.u-mx-auto {
    margin-left: auto;
    margin-right: auto
}

.u-visible-sm {
    display: none
}

@media (min-width:48em) {
    .u-visible-sm {
        display: block
    }
}

.u-visible-md {
    display: none
}

@media (min-width:64em) {
    .u-visible-md {
        display: block
    }
}

.u-mw-530 {
    max-width: 33.125rem
}

.u-hidden {
    display: none !important
}

@media (max-width:47.99em) {
    .u-hidden-sm {
        display: none !important
    }
}

@media (max-width:63.99em) {
    .u-hidden-md {
        display: none !important
    }
}

@media (max-width:79.99em) {
    .u-hidden-lg {
        display: none !important
    }
}

@media (max-width:89.99em) {
    .u-hidden-xl {
        display: none !important
    }
}

.u-bg-black-primary {
    background-color: var(--black-primary)
}

.u-bg-black-secondary {
    background-color: var(--black-secondary)
}

.u-bg-gray-100 {
    background-color: var(--gray-100)
}

.u-bg-white {
    background-color: var(--white)
}

.u-back-pink-hover {
    display: inline-block;
    position: relative;
    cursor: pointer;
    /* background-color: var(--pink) */
    background-color: #fff;
}

.js-animate-fade-in,
.u-back-pink-hover__wrapper {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.u-back-pink-hover__wrapper {
    width: 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.u-back-pink-hover:hover .u-back-pink-hover__wrapper {
    -webkit-transform: translate(-10px, -10px);
    -ms-transform: translate(-10px, -10px);
    transform: translate(-10px, -10px)
}

.js-animate-fade-in {
    -webkit-transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0
}

.js-animate-fade-in.js-animated {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

/*# sourceMappingURL=app.css.map */





@-webkit-keyframes marquee {
    from {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(calc(-100% - 40px));
              transform: translateX(calc(-100% - 40px));
      will-change: transform;
    }
  }
  @keyframes marquee {
    from {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(calc(-100% - 40px));
              transform: translateX(calc(-100% - 40px));
      will-change: transform;
    }
  }

.js-marquee{
    animation: marquee 25s linear infinite;
}





/* modal  */



.modal1 {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 100;
    display: none;
  }
  .modal1 .modal1-wrap {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 30px 40px;
  }
  @media (max-width: 743px) {
    .modal1 .modal1-wrap {
      padding: 60px 16px;
    }
  }
  
  .modal1-box {
    width: 100%;
    max-width: 900px;
    border: 4px solid #fff;
    background: #000A19;
    padding: 65px 44px 44px 44px;
    position: relative;
  }
  .modal1-box .modal1-close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    transition: 0.23s;
  }
  .modal1-box .modal1-close:hover {
    opacity: 0.7;
  }


.modal1-box h2{
    color: #fff;
    text-align: center;
    margin-bottom: 5px;
}

.modal1-box h3{
    color: #fff;
    text-align: center;
    margin-bottom: 25px;
}

.modal1-box p{
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
}


.mod-form{
    margin-top: 40px;
}

.mod-form label{
    display: block;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 8px;
}

.mod-form input{
    height: 50px;
    padding: 0px 20px;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    background-color: transparent;
    color: #fff;
}

.mod-form-gorup{
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    color: white;
    border: 2px solid #fff;

    img {
        width: 30px;
        margin: 5px;
    }

    span {
        margin: 5px 5px 5px 0;
    }
}

.mod-form .u-back-pink-hover{
    width: 100%;
    margin-top: 44px;
}
.mod-form .u-back-pink-hover button{
    width: 100%;
}

@media (max-width: 768px) {

      .modal1 .modal1-wrap {
        padding: 30px 20px;
      }
      
      .modal1-box {
        border: 4px solid #fff;
        padding: 45px 20px 20px 20px;
      }
      .modal1-box .modal1-close {
        right: 20px;
        top: 20px;
      }

    .modal1-box h2{
        margin-bottom: 25px;
    }
    
    .modal1-box p{
        font-size: 16px;
    }
    
    
    .mod-form{
        margin-top: 40px;
    }
    
    .mod-form label{
        font-size: 14px;
        margin-bottom: 8px;
    }
    
    .mod-form input{
        height: 48px;
        padding: 0px 20px;
        font-size: 14px;
    }
    
    .mod-form-gorup{
        margin-bottom: 24px;
    }
    
    .mod-form .u-back-pink-hover{
        margin-top: 10px;
    }
}