.input,.select,a {
    -webkit-transition-property: color
}

.btn__icon,.icon {
    vertical-align: middle
}

.btn,.header__btn,.lang__value--square,.text--no-wrap {
    white-space: nowrap
}

@font-face {
    font-family: disks;
    src: url(..../fonts/disks.ttf);
    font-style: normal
}

@font-face {
    font-family: SF-Pro-Display;
    src: url(../fonts/SF-Pro-Display-Ultralight.otf) format('truetype');
    font-style: normal;
    font-weight: 100;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: SF-Pro-Display;
    src: url(../fonts/SF-Pro-Display-UltralightItalic.otf) format('truetype');
    font-style: italic;
    font-weight: 100;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: SF-Pro-Display;
    src: url(../fonts/SF-Pro-Display-Thin.otf) format('truetype');
    font-style: normal;
    font-weight: 200;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: SF-Pro-Display;
    src: url(../fonts/SF-Pro-Display-ThinItalic.otf) format('truetype');
    font-style: italic;
    font-weight: 200;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: SF-Pro-Display;
    src: url(../fonts/SF-Pro-Display-Light.otf) format('truetype');
    font-style: normal;
    font-weight: 300;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: SF-Pro-Display;
    src: url(../fonts/SF-Pro-Display-LightItalic.otf) format('truetype');
    font-style: italic;
    font-weight: 300;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: SF-Pro-Display;
    src: url(../fonts/SF-Pro-Display-Regular.otf) format('truetype');
    font-style: normal;
    font-weight: 400;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: SF-Pro-Display;
    src: url(../fonts/SF-Pro-Display-RegularItalic.otf) format('truetype');
    font-style: italic;
    font-weight: 400;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: SF-Pro-Display;
    src: url(../fonts/SF-Pro-Display-Medium.otf) format('truetype');
    font-style: normal;
    font-weight: 500;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: SF-Pro-Display;
    src: url(../fonts/SF-Pro-Display-MediumItalic.otf) format('truetype');
    font-style: italic;
    font-weight: 500;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: SF-Pro-Display;
    src: url(../fonts/SF-Pro-Display-Semibold.otf) format('truetype');
    font-style: normal;
    font-weight: 600;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: SF-Pro-Display;
    src: url(../fonts/SF-Pro-Display-SemiboldItalic.otf) format('truetype');
    font-style: italic;
    font-weight: 600;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: SF-Pro-Display;
    src: url(../fonts/SF-Pro-Display-Bold.otf) format('truetype');
    font-style: normal;
    font-weight: 700;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: SF-Pro-Display;
    src: url(../fonts/SF-Pro-Display-BoldItalic.otf) format('truetype');
    font-style: italic;
    font-weight: 700;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: SF-Pro-Display;
    src: url(../fonts/SF-Pro-Display-Heavy.otf) format('truetype');
    font-style: normal;
    font-weight: 800;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: SF-Pro-Display;
    src: url(../fonts/SF-Pro-Display-HeavyItalic.otf) format('truetype');
    font-style: italic;
    font-weight: 800;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: SF-Pro-Display;
    src: url(../fonts/SF-Pro-Display-Black.otf) format('truetype');
    font-style: normal;
    font-weight: 900;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: SF-Pro-Display;
    src: url(../fonts/SF-Pro-Display-BlackItalic.otf) format('truetype');
    font-style: italic;
    font-weight: 900;
    text-rendering:optimizeLegibility}

body,h1,h2,h3,h4,h5,h6,ol,p,ul {
    margin: 0
}

ol,ul {
    padding: 0
}

a:hover,a:link,a:visited {
    color: currentColor
}

a {
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    text-decoration: none;
    cursor: pointer
}

.link,.social-login__item {
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    cursor: pointer
}

body {
    font-family: SF-Pro-Display,sans-serif;
    font-size: 18px;
    line-height: normal;
    min-height: 100vh;
    background-color: #010315;
    color: #A9A4C0;
    min-width: 360px
}

body.light-theme {
    background-color: #FFF
}

.link {
    -webkit-transition-property: 'color';
    transition-property: 'color';
    transition-duration: .3s;
    transition-timing-function: ease
}

.link--negative:hover {
    color: #FF7A01
}

.link--underlined {
    text-decoration: underline
}

.link--disabled {
    cursor: not-allowed;
    pointer-events: none
}

.link--disabled,.link--disabled:link,.link--disabled:visited {
    color: #F4F4F4
}

.link--active,.link--active:link,.link--active:visited {
    color: #FF7A01
}

.h1,.link--alternative,.link--alternative:link,.link--alternative:visited {
    color: #FFF
}

.link:hover {
    color: #283FFF
}

.hidden {
    display: none
}

.h1 {
    font: inherit;
    line-height: normal;
    font-size: 44px;
    font-weight: 500;
    background: linear-gradient(123deg,#FFF 44.98%,#9A9AA2 90.4%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.h2,.h3 {
    background: linear-gradient(123deg,#FFF 44.98%,#9A9AA2 90.4%);
    color: #FFF;
    text-align: center;
    -webkit-text-fill-color: transparent
}

@media (max-width: 767px) {
    .h1 {
        font-size:30px
    }
}

.h1--center {
    text-align: center
}

.h2 {
    font: inherit;
    line-height: normal;
    font-size: 54px;
    font-weight: 500;
    background-clip: text;
    -webkit-background-clip: text
}

@media (max-width: 767px) {
    .h2 {
        font-size:30px
    }
}

.h3 {
    font: inherit;
    line-height: normal;
    font-size: 44px;
    font-weight: 500;
    background-clip: text;
    -webkit-background-clip: text
}

@media (max-width: 767px) {
    .h3 {
        font-size:30px
    }
}

.h4 {
    font: inherit;
    line-height: normal;
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    color: #FFF;
    background: linear-gradient(123deg,#FFF 44.98%,#9A9AA2 90.4%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (max-width: 767px) {
    .h4 {
        font-size:24px
    }
}

.text--error,.text--sm {
    font-size: 16px
}

.text {
    color: #A9A4C0
}

.text--positive,.text--positive:link,.text--positive:visited {
    color: #8EEA6D
}

.text--negative,.text--negative:link,.text--negative:visited {
    color: #FF4040
}

.text--light,.text--light:link,.text--light:visited {
    color: #7B878B
}

.text--alternative,.text--alternative:link,.text--alternative:visited {
    color: #FFF
}

.text--primary,.text--primary:link,.text--primary:visited {
    color: #283FFF
}

.text--secondary,.text--secondary:link,.text--secondary:visited {
    color: #FCFF58
}

.text--active,.text--active:link,.text--active:visited {
    color: #FF7A01
}

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

.text--right {
    text-align: right
}

.btn,.container--center,.content__form--center,.content__form-error,.content__form-success,.content__form-title,.error-page__container,.error-page__content,.error-page__description,.lang__value,.modal__code-input,.modal__content--center,.modal__description,.modal__error,.modal__info,.modal__title,.paragraph--btn,.social-login__item {
    text-align: center
}

.text--monospaced {
    font-family: monospace
}

.text--bold {
    font-weight: 700
}

.text--linethrough {
    text-decoration: line-through
}

.text--error {
    color: #FF5C5C;
    margin-top: 8px
}

.paragraph {
    margin: 0;
    padding: 0
}

.paragraph+.paragraph {
    margin-top: 16px
}

.modal__block+.modal__block,.paragraph+.paragraph--btn {
    margin-top: 24px
}

ol.paragraph,ul.paragraph {
    list-style-position: inside
}

.icon {
    display: inline-block;
    width: 24px;
    height: 24px
}

.image-sprite-store {
    display: inline-block;
    width: 182px;
    height: 54px;
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: 0 0;
    object-position: 0 0
}

.image-sprite-store--apple-en {
    -o-object-position: 0 0;
    object-position: 0 0
}

.image-sprite-store--apple-ru {
    -o-object-position: -182px 0;
    object-position: -182px 0
}

.image-sprite-store--google-en {
    -o-object-position: 0 -54px;
    object-position: 0 -54px
}

.image-sprite-store--google-ru {
    -o-object-position: -182px -54px;
    object-position: -182px -54px
}

.social-login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px
}

.social-login__item {
    font: inherit;
    border: none;
    outline: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: inline-block;
    background-color: #141626;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    border-radius: 25px;
    padding: 0 20px 0 40px;
    position: relative;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    transition-duration: .3s;
    transition-timing-function: ease
}

.btn,.input,.select {
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease
}

.social-login__item-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: -12px;
    z-index: 1
}

@media (max-width: 576px) {
    .social-login__item-by {
        display:none
    }
}

.social-login__item:focus,.social-login__item:hover {
    background-color: rgba(255,255,255,.2)
}

.social-login__apple-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: .0001
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes rotation {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

.btn {
    font: inherit;
    outline: 0;
    cursor: pointer;
    display: inline-block;
    padding: 0 16px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    background: #FFF;
    -webkit-transition-property: background,color,-webkit-box-shadow;
    transition-property: background,color,-webkit-box-shadow;
    transition-property: box-shadow,background,color;
    transition-property: box-shadow,background,color,-webkit-box-shadow;
    transition-duration: .3s;
    transition-timing-function: ease
}

.btn,.btn:link,.btn:visited {
    color: #010315
}

.btn:disabled {
    background-color: rgba(255,255,255,.4);
    cursor: not-allowed
}

.btn:focus:not(:disabled),.btn:hover:not(:disabled) {
    background: #FFF;
    color: #010315;
    -webkit-box-shadow: rgba(255,255,255,.4) 0 0 4px 4px;
    box-shadow: rgba(255,255,255,.4) 0 0 4px 4px
}

.btn--primary {
    background: #283FFF;
    border: none
}

.btn--primary,.btn--primary:link,.btn--primary:visited {
    color: #FFF
}

.btn--primary:disabled {
    background-color: rgba(40,63,255,.4)
}

.btn--primary:focus:not(:disabled),.btn--primary:hover:not(:disabled) {
    background: #283FFF;
    color: #FFF;
    -webkit-box-shadow: rgba(40,63,255,.4) 0 0 4px 4px;
    box-shadow: rgba(40,63,255,.4) 0 0 4px 4px
}

.btn--secondary {
    background: rgba(255,255,255,.1);
    border: none
}

.btn--secondary,.btn--secondary:link,.btn--secondary:visited {
    color: #FFF
}

.btn--secondary:disabled {
    background-color: rgba(255,255,255,.4)
}

.btn--secondary:focus:not(:disabled),.btn--secondary:hover:not(:disabled) {
    background: rgba(255,255,255,.2);
    color: #FFF;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn--secondary.btn--link {
    line-height: 40px
}

.btn--secondary.btn--sm.btn--link {
    line-height: 32px
}

.btn--negative {
    background: #FFF;
    border: none
}

.btn--negative,.btn--negative:link,.btn--negative:visited {
    color: #FF4040
}

.btn--negative:disabled {
    background-color: rgba(255,255,255,.4)
}

.btn--negative:focus:not(:disabled),.btn--negative:hover:not(:disabled) {
    background: #FFF;
    color: #FF4040;
    -webkit-box-shadow: rgba(255,64,64,.4) 0 0 4px 4px;
    box-shadow: rgba(255,64,64,.4) 0 0 4px 4px
}

.btn--link {
    line-height: 40px
}

.btn--right {
    display: block;
    margin-left: auto
}

.btn--sm {
    height: 32px;
    border-radius: 16px
}

.btn--sm.btn--link {
    line-height: 32px
}

.btn--s {
    height: 30px;
    border-radius: 15px;
    font-size: 14px
}

.btn--s.btn--link {
    line-height: 30px
}

.btn--l {
    height: 50px;
    border-radius: 25px;
    font-size: 16px
}

.btn--l.btn--link {
    line-height: 50px
}

.btn--xl {
    height: 60px;
    border-radius: 30px;
    font-size: 18px;
    padding-left: 48px;
    padding-right: 48px
}

.btn--loading:before,.checkbox__visual:before {
    height: 100%;
    left: 0;
    content: ''
}

.btn--xl.btn--link {
    line-height: 60px
}

.btn--loading {
    position: relative
}

@-webkit-keyframes moveShimmerBlink {
    from {
        background-position: -600px 0
    }

    to {
        background-position: calc(100% + 600px) 0
    }
}

@keyframes moveShimmerBlink {
    from {
        background-position: -600px 0
    }

    to {
        background-position: calc(100% + 600px) 0
    }
}

.btn--loading:before {
    display: block;
    cursor: not-allowed;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    border-radius: inherit;
    background: linear-gradient(130deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 60%);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 600px 100%;
    -webkit-animation: moveShimmerBlink 1.3s linear infinite;
    animation: moveShimmerBlink 1.3s linear infinite
}

.btn__icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 8px
}

.input,.select {
    display: block;
    width: 100%;
    position: relative;
    color: #A9A4C0;
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease
}

.input:hover,.select:hover {
    color: #FFF
}

.input__label,.select__label {
    font-weight: 500;
    line-height: 1.22;
    display: block;
    color: #FFF;
    margin-bottom: 10px
}

.input__wrapper,.select__wrapper {
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #010315;
    border: 1px solid rgba(182,196,232,.24);
    border-radius: 15px;
    -webkit-transition-property: border-color;
    transition-property: border-color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.input__wrapper--raw,.select__wrapper--raw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.input__wrapper--error,.select__wrapper--error {
    border-color: #FF5C5C
}

.input__wrapper--success,.select__wrapper--success {
    border-color: #8EEA6D
}

.input__wrapper--white,.select__wrapper--white {
    background-color: #FFF
}

.input__wrapper:has(.input__input:disabled),.input__wrapper:has(.select__input:disabled),.select__wrapper:has(.input__input:disabled),.select__wrapper:has(.select__input:disabled) {
    background-color: #141626;
    border-color: #141626
}

.input__wrapper:has(.input__input--promo:disabled),.input__wrapper:has(.select__input--promo:disabled),.select__wrapper:has(.input__input--promo:disabled),.select__wrapper:has(.select__input--promo:disabled) {
    background-color: #010315;
    border-color: rgba(182,196,232,.24)
}

.input:hover .input__wrapper:has(.input__input:not(:disabled)),.input:hover .input__wrapper:has(.input__selector:not(:disabled)),.input:hover .input__wrapper:has(.select__input:not(:disabled)),.input:hover .input__wrapper:has(.select__selector:not(:disabled)),.input:hover .select__wrapper:has(.input__input:not(:disabled)),.input:hover .select__wrapper:has(.input__selector:not(:disabled)),.input:hover .select__wrapper:has(.select__input:not(:disabled)),.input:hover .select__wrapper:has(.select__selector:not(:disabled)),.input__wrapper:has(.input__input:focus),.input__wrapper:has(.input__selector:focus),.input__wrapper:has(.select__input:focus),.input__wrapper:has(.select__selector:focus),.select:hover .input__wrapper:has(.input__input:not(:disabled)),.select:hover .input__wrapper:has(.input__selector:not(:disabled)),.select:hover .input__wrapper:has(.select__input:not(:disabled)),.select:hover .input__wrapper:has(.select__selector:not(:disabled)),.select:hover .select__wrapper:has(.input__input:not(:disabled)),.select:hover .select__wrapper:has(.input__selector:not(:disabled)),.select:hover .select__wrapper:has(.select__input:not(:disabled)),.select:hover .select__wrapper:has(.select__selector:not(:disabled)),.select__wrapper:has(.input__input:focus),.select__wrapper:has(.input__selector:focus),.select__wrapper:has(.select__input:focus),.select__wrapper:has(.select__selector:focus) {
    border-color: #283FFF
}

.input__input,.select__input {
    width: 100%;
    font: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    color: #FFF;
    padding: 15px;
    border: none;
    min-height: 58px;
    line-height: 28px;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

.input__input::-webkit-input-placeholder,.select__input::-webkit-input-placeholder {
    font-family: SF-Pro-Display,sans-serif;
    color: #A9A4C0;
    font-weight: 400
}

.input__input::-moz-placeholder,.select__input::-moz-placeholder {
    font-family: SF-Pro-Display,sans-serif;
    color: #A9A4C0;
    font-weight: 400
}

.input__input:-moz-placeholder,.select__input:-moz-placeholder {
    font-family: SF-Pro-Display,sans-serif;
    color: #A9A4C0;
    font-weight: 400
}

.input__input:-ms-input-placeholder,.select__input:-ms-input-placeholder {
    font-family: SF-Pro-Display,sans-serif;
    color: #A9A4C0;
    font-weight: 400
}

.input__input:disabled,.select__input:disabled {
    color: #A9A4C0;
    cursor: not-allowed
}

.input__icon--clickable,.input__icon--eye,.select__icon--clickable,.select__icon--eye {
    cursor: pointer;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease
}

.input__input--promo:disabled,.select__input--promo:disabled {
    color: #FFF
}

.input__input:-webkit-autofill,.input__input:-webkit-autofill:focus,.input__input:-webkit-autofill:hover,.select__input:-webkit-autofill,.select__input:-webkit-autofill:focus,.select__input:-webkit-autofill:hover {
    background-color: #010315;
    font: inherit;
    font-family: SF-Pro-Display,sans-serif;
    text-align: inherit;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #FFF
}

.input__input:-internal-autofill-selected,.select__input:-internal-autofill-selected {
    border-color: transparent;
    background-color: transparent!important
}

.input__input--textarea,.select__input--textarea {
    resize: none
}

.input__input--pwd,.select__input--pwd {
    font-family: disks
}

.input__btn,.select__btn {
    margin-right: 15px
}

.input__icon,.select__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin-right: 15px;
    color: #7B878B
}

.input__icon--clickable,.select__icon--clickable {
    color: #FF7A01;
    -webkit-transition-property: color;
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease
}

.input__icon--clickable:hover,.select__icon--clickable:hover {
    color: #FFF
}

.input__icon--edit,.select__icon--edit {
    width: 18px;
    height: 18px
}

.input__icon--eye,.select__icon--eye {
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
    z-index: 1;
    color: #FFF;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    transition-duration: .3s;
    transition-timing-function: ease;
    --path-bg-color: #22253F;
    --path-throw-color: currentColor
}

.checkbox,.input__icon--copy,.select__icon--copy {
    -webkit-transition-timing-function: ease;
    cursor: pointer
}

.input__icon--eye-opened,.select__icon--eye-opened {
    --path-bg-color: transparent;
    --path-throw-color: transparent
}

.input__icon--eye:hover,.select__icon--eye:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.input__icon--copy,.select__icon--copy {
    color: #A9A4C0;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: color,-webkit-transform;
    transition-property: color,-webkit-transform;
    transition-property: color,transform;
    transition-property: color,transform,-webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease
}

.checkbox,.header__menu-item-link {
    -webkit-transition-property: color
}

.input__icon--copy:hover,.select__icon--copy:hover {
    color: #FFF
}

.input__icon--copy-applied,.select__icon--copy-applied {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.checkbox,.checkbox__visual {
    -webkit-transition-duration: .3s
}

.input__selector,.select__selector {
    display: block;
    width: 100%;
    height: 58px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 39px 15px 15px;
    border: none;
    background-color: transparent;
    outline: 0;
    cursor: pointer;
    font: inherit;
    line-height: 28px;
    text-align: inherit;
    letter-spacing: inherit;
    color: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    z-index: 1
}

.input__arrow,.select__arrow {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    right: 7.5px;
    top: 18px;
    z-index: 0
}

.input__error,.select__error {
    margin-top: 10px;
    font-size: 14px;
    color: #FF5C5C
}

.checkbox {
    display: block;
    color: #A9A4C0;
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease
}

.checkbox:active,.checkbox:focus {
    outline: 0
}

.checkbox:focus:not(.checkbox--disabled),.checkbox:hover:not(.checkbox--disabled) {
    color: #FFF
}

.checkbox--disabled {
    cursor: not-allowed;
    opacity: .6
}

.checkbox__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.checkbox__input {
    display: none
}

.checkbox__visual {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: block;
    border-color: #FFF;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 12px;
    position: relative;
    line-height: 0;
    color: #FFF;
    -webkit-transition-property: color,border-color;
    transition-property: color,border-color;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.checkbox__visual:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid currentColor;
    border-color: inherit;
    border-radius: inherit
}

.checkbox__visual--error {
    border-color: #FF5C5C
}

.checkbox__visual-icon {
    color: inherit;
    opacity: 0;
    width: 22px;
    height: 22px;
    -webkit-transition-property: color,opacity;
    transition-property: color,opacity;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.modal-wrapper,.modal__close {
    -webkit-transition-timing-function: ease
}

.checkbox__input:checked+.checkbox__visual>.checkbox__visual-icon {
    opacity: 1
}

.checkbox__text {
    font-size: 14px;
    line-height: 1.4
}

.checkbox__error {
    margin-top: 10px;
    font-size: 14px;
    color: #FF5C5C
}

.modal-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(20,22,38,.75);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    transition-timing-function: ease
}

.lang__value--with-icon,.modal__code {
    -ms-flex-direction: row;
    -webkit-box-direction: normal
}

.content__form-success,.modal {
    -webkit-box-sizing: border-box
}

.modal__close,.modal__timer {
    -webkit-transition-duration: .3s
}

.modal-wrapper--opened {
    z-index: 40;
    opacity: 1
}

.modal {
    overflow-y: auto;
    box-sizing: border-box;
    max-width: 520px;
    width: 90%;
    min-width: 250px;
    max-height: 100%;
    padding: 32px;
    background-color: #010315;
    border-radius: 24px;
    -webkit-box-shadow: 0 0 23px rgba(1,3,21,.05);
    box-shadow: 0 0 23px rgba(1,3,21,.05);
    position: relative;
    border: 1px solid #24263A
}

.modal--success {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    padding-top: 160px;
    padding-bottom: 48px;
    background-image: url(../images/form_success_bg.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .modal--success {
        background-image:url(../images/form_success_bg@2x.png)
    }
}

.modal--imaged {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    padding: 60px 40px 40px;
    background-image: url(../images/modal-bg.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .modal--imaged {
        background-image:url(../images/modal-bg@2x.png)
    }
}

.modal--code {
    max-width: 420px
}

.modal__title {
    font-size: 22px;
    margin-bottom: 20px;
    color: #FFF
}

.modal__title--x {
    font-size: 30px
}

.modal__close {
    width: 32px;
    height: 32px;
    position: absolute;
    z-index: 1;
    top: 32px;
    right: 32px;
    cursor: pointer;
    -webkit-transition-property: color,-webkit-transform;
    transition-property: color,-webkit-transform;
    transition-property: color,transform;
    transition-property: color,transform,-webkit-transform;
    transition-duration: .3s;
    transition-timing-function: ease
}

.lang__value,.modal__timer {
    -webkit-transition-timing-function: ease
}

.modal__close:hover {
    color: #283FFF;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.modal__input {
    margin-bottom: 16px
}

.modal__description {
    margin-bottom: 16px;
    margin-top: -10px;
    font-size: 16px;
    line-height: 1.4
}

.modal__code {
    border: none;
    padding: 0;
    margin: 40px 0 0;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px
}

.modal__code-input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 50px;
    min-width: 0
}

.modal__code-space {
    margin-left: 2px;
    margin-right: 2px
}

.modal__timer {
    font: inherit;
    background-color: transparent;
    border: none;
    outline: 0;
    cursor: pointer;
    display: table;
    margin: 8px auto;
    padding: 4px;
    color: #7C8AFF;
    font-size: 14px;
    -webkit-transition-property: color,opacity;
    transition-property: color,opacity;
    transition-duration: .3s;
    transition-timing-function: ease
}

.lang__selector,.lang__value,.lang__value-icon {
    -webkit-transition-duration: .3s
}

.modal__timer:focus,.modal__timer:hover {
    color: #FFF
}

.modal__timer:disabled {
    opacity: .5;
    color: #7C8AFF;
    cursor: not-allowed
}

.modal__btn {
    display: block;
    width: 100%;
    margin-top: 24px
}

.modal__error {
    margin-top: 24px;
    margin-bottom: -8px;
    font-size: 14px;
    color: #FF5C5C
}

.modal__info {
    margin-top: 24px;
    font-size: 12px;
    opacity: .8
}

.content__breadcrumbs,.content__info {
    margin-top: 32px;
    margin-bottom: 32px
}

.content {
    padding-top: 92px;
    overflow-x: hidden
}

@media (max-width: 1024px) {
    .content {
        padding-top:62px
    }
}

.webview .content,.without-header .content {
    padding-top: 0
}

.content__breadcrumbs {
    font-size: 14px;
    color: #5F5C70
}

.content__breadcrumbs--light {
    color: #A9A4C0
}

.content__breadcrumbs-item:focus,.content__breadcrumbs-item:hover {
    color: #004AE8
}

.content__breadcrumbs-current {
    color: #A9A4C0
}

.content__breadcrumbs--light .content__breadcrumbs-current {
    color: #5F5C70
}

.content__breadcrumbs--light .content__breadcrumbs-item:focus,.content__breadcrumbs--light .content__breadcrumbs-item:hover {
    color: #283FFF
}

.content__block {
    display: block;
    border-radius: 20px;
    border: 1px solid #24263A;
    background: #020416;
    background: radial-gradient(74.33% 87.22% at 69.12% 91.51%,#030517 0,#020317 100%);
    color: #FFF;
    overflow: hidden
}

.content__block--l {
    border-radius: 30px
}

.content__block--s {
    border-radius: 14px;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(155,177,255,.15)),to(rgba(255,255,255,0))),#010315;
    background: linear-gradient(180deg,rgba(155,177,255,.15) 0,rgba(255,255,255,0) 100%),#010315
}

.content__title {
    margin-top: 40px
}

.content__form {
    width: 500px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.content__form-input {
    width: 100%;
    display: block;
    margin-bottom: 25px
}

.content__form-title+.content__form-input {
    margin-top: 30px
}

.content__form-captcha {
    display: table;
    margin-top: 33px;
    margin-right: auto;
    margin-left: auto
}

.content__form-btn {
    display: block;
    width: 100%;
    margin-top: 40px
}

.content__form-success {
    padding: 140px 30px 40px;
    border-radius: 20px;
    border: 1px solid #24263A;
    background: url(../images/form_success_bg.png) top center no-repeat #010315;
    background-size: contain;
    box-sizing: border-box;
    width: 460px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.container,.lang__value--square {
    padding-right: 16px;
    padding-left: 16px
}

.error-page,.header__mobile {
    background-repeat: no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .content__form-success {
        background-image:url(../images/form_success_bg@2x.png)
    }
}

.content__form-success-description {
    margin-top: 32px;
    font-size: 16px;
    line-height: 1.4
}

.content__form-success-btn {
    width: 100%;
    margin-top: 30px
}

.content__form-success-image-title {
    margin-top: 32px
}

.content__form-success-image {
    display: table;
    margin-top: 48px;
    margin-left: auto;
    margin-right: auto
}

.content__form-success-image-title+.content__form-success-image {
    margin-top: 8px
}

.container {
    display: block;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

@media (max-width: 1024px) {
    .container {
        padding-right:20px;
        padding-left: 20px
    }
}

.webview .container {
    margin-bottom: 0
}

.container--page {
    margin-top: 30px;
    margin-bottom: 120px
}

.error-page {
    background-position: top center;
    background-size: auto 704px;
    background-image: url(../images/error_bg.png);
    padding-bottom: 120px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .error-page {
        background-image:url(../images/error_bg@2x.png)
    }
}

@media (max-width: 906px) {
    .error-page {
        padding-bottom:100px;
        background-size: 130% auto;
        background-position: top 80px center
    }
}

.error-page--404 {
    background-image: url(../images/error_bg_404.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .error-page--404 {
        background-image:url(../images/error_bg_404@2x.png)
    }
}

.error-page--500 {
    background-image: url(../images/error_bg_500.png);
    padding-bottom: 32px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .error-page--500 {
        background-image:url(../images/error_bg_500@2x.png)
    }
}

.error-page--sm {
    background-position: center;
    min-height: 600px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.error-page--sm:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #010315;
    opacity: .8;
    z-index: 1
}

.error-page__container {
    padding-top: 498px
}

@media (max-width: 906px) {
    .error-page__container {
        padding-top:70%
    }
}

.error-page__content {
    position: relative;
    z-index: 2;
    padding-top: 150px
}

.error-page__title {
    color: #FFF;
    background: linear-gradient(123deg,#FFF 44.98%,#9A9AA2 90.4%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: table;
    margin: 0 auto;
    font-size: 38px;
    letter-spacing: 5.7px;
    text-transform: uppercase
}

@media (max-width: 906px) {
    .error-page__title {
        font-size:24px;
        letter-spacing: 3.6px
    }
}

.error-page__description {
    margin-top: 24px;
    color: #FFF
}

.error-page__btn {
    margin-top: 40px
}

@media (max-width: 576px) {
    .error-page__btn {
        width:100%
    }
}

.webview__close {
    display: table;
    margin: 24px auto
}

.webview__close-icon {
    width: 20px;
    height: 20px
}

.lang {
    display: inline-block;
    overflow: visible;
    position: relative;
    z-index: 1;
    line-height: 0
}

.lang__value {
    display: block;
    position: relative;
    z-index: 1;
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background-color: rgba(255,255,255,.14);
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition-property: background-color,color;
    transition-property: background-color,color;
    transition-duration: .3s;
    transition-timing-function: ease
}

.header__content,.lang__value--with-icon {
    display: -webkit-box;
    -webkit-box-orient: horizontal
}

.footer__socials-link,.lang__value--dark {
    background-color: #141626
}

.footer__stores-link-img,.lang__value-icon {
    -webkit-transition-property: -webkit-transform
}

.lang__selector,.lang__value-icon {
    -webkit-transition-timing-function: ease
}

.lang__value,.lang__value:link,.lang__value:visited {
    color: #FFF
}

.lang__value--square {
    border-radius: 8px;
    width: auto;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    top: 2px
}

.lang__value:hover {
    background-color: rgba(255,255,255,.28);
    color: #FFF
}

.lang__value--transparent {
    background-color: transparent;
    height: auto;
    line-height: 1
}

.lang__value--transparent,.lang__value--transparent:link,.lang__value--transparent:visited {
    color: inherit
}

.lang__value--transparent:hover {
    background-color: transparent;
    color: #FFF
}

.lang__value--with-icon {
    width: auto;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    min-width: 0
}

.lang__value--small {
    text-transform: none;
    font-size: 14px
}

.lang__value--giant {
    text-transform: none;
    font-size: 16px;
    height: 48px;
    line-height: 48px
}

.lang__value--oval {
    width: auto;
    border-radius: 20px;
    padding-left: 16px;
    padding-right: 10px
}

.lang__value--giant.lang__value--oval {
    border-radius: 24px;
    padding-left: 24px;
    padding-right: 18px
}

.lang__value-icon {
    width: 16px;
    height: 16px;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    transition-duration: .3s;
    transition-timing-function: ease
}

.lang__value-icon--collapsed {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.lang__value--small .lang__value-icon {
    width: 14px;
    height: 14px
}

.lang__value--giant .lang__value-icon {
    width: 16px;
    height: 16px
}

.lang__bg {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0
}

.lang__selector {
    position: absolute;
    right: 0;
    width: 160px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(20,30,53,.5);
    color: #A9A4C0;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.08);
    -webkit-box-shadow: 0 24px 26px -8px rgba(0,0,0,.35);
    box-shadow: 0 24px 26px -8px rgba(0,0,0,.35);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    text-align: left;
    font-size: 14px;
    line-height: 1;
    visibility: hidden;
    display: none;
    z-index: -1;
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease
}

.header__menu-item-link,.header__mobile,.lang__selector-item {
    -webkit-transition-timing-function: ease
}

.lang__selector--bottom,.lang__selector--top {
    visibility: visible;
    display: block;
    z-index: 3;
    opacity: 1
}

.lang__selector--bottom {
    top: 60px
}

.lang__selector--top {
    bottom: 60px
}

.lang__selector--left {
    right: auto;
    left: 0
}

.lang__selector-search {
    display: block;
    width: 100%;
    padding: 14px 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,.08);
    outline: 0;
    color: #FFF
}

@media (max-width: 767px) {
    .lang__selector,.lang__selector-search {
        font-size:16px
    }
}

.lang__selector-content {
    max-height: 300px;
    overflow: auto;
    padding: 6px
}

.lang__selector-item {
    display: block;
    padding: 14px 12px;
    border-radius: 12px;
    -webkit-transition-property: background-color,color;
    transition-property: background-color,color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease
}

.lang__selector-item,.lang__selector-item:link,.lang__selector-item:visited {
    color: #A9A4C0
}

.lang__selector-item--selected {
    background-color: rgba(255,255,255,.1)
}

.lang__selector-item--selected,.lang__selector-item--selected:link,.lang__selector-item--selected:visited,.lang__selector-item:focus,.lang__selector-item:hover {
    color: #FFF
}

.lang__value--transparent~.lang__selector--bottom {
    top: 150%
}

.lang__value--transparent~.lang__selector--top {
    bottom: 150%
}

.header {
    display: block;
    position: fixed;
    z-index: 10;
    top: 30px;
    left: 0;
    right: 0;
    width: 100%
}

@media (min-width: 1025px) {
    .header--animated {
        top:0;
        opacity: 0;
        -webkit-transition-property: opacity,top;
        transition-property: opacity,top;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }

    .header--animated-visible {
        top: 30px;
        opacity: 1
    }
}

.header--menu-opened {
    height: 100%
}

@media (max-width: 1024px) {
    .header {
        top:0;
        padding-top: 0;
        padding-left: 10px;
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .light-theme .header {
        padding-left: 0;
        padding-right: 0
    }
}

.header__content {
    color: #FFF;
    height: 62px;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding: 11px 11px 11px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2
}

.footer__stores-link+.footer__stores-link,.header__center {
    margin-left: 12px
}

.header__content:before,.header__mobile {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%
}

@media (max-width: 360px) {
    .header {
        overflow:auto
    }

    .header__content {
        min-width: 340px
    }
}

.header__content:before {
    content: '';
    display: block;
    top: 0;
    width: 100%;
    z-index: -1;
    border-radius: 31px;
    border: 1px solid rgba(255,255,255,.08);
    background-color: rgba(20,30,53,.5);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.header__mobile,.light-theme .header__content:before {
    background-color: #010315
}

@media (max-width: 1024px) {
    .header__content {
        padding-right:20px;
        padding-left: 20px
    }

    .light-theme .header__content {
        padding-right: 30px;
        padding-left: 30px
    }

    .light-theme .header__content:before {
        border-radius: 0;
        border: none;
        border-bottom: 1px solid rgba(255,255,255,.08)
    }

    .header__center {
        display: none
    }
}

.footer,.footer__bottom,.header__mobile-link+.header__mobile-link {
    border-top: 1px solid #24263A
}

.header__left {
    width: 50%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

.header__logo {
    line-height: 0
}

.header__logo-image {
    height: 14px;
    width: 175px
}

@media (max-width: 576px) {
    .header__logo-image {
        width:150px;
        height: 12px
    }
}

.header__center {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 12px
}

.header__menu {
    font-size: 12px;
    font-weight: 500;
    color: #A9A4C0
}

.footer__column-link--contact,.footer__column-link--contact:link,.footer__column-link--contact:visited,.footer__column-link:focus,.footer__column-link:hover,.footer__column-title,.footer__logo,.footer__socials-link,.footer__socials-link:link,.footer__socials-link:visited,.header__login,.header__menu-item-link--current,.header__menu-item-link--current:link,.header__menu-item-link--current:visited,.header__menu-item-link:focus,.header__menu-item-link:focus:link,.header__menu-item-link:focus:visited,.header__menu-item-link:hover,.header__menu-item-link:hover:link,.header__menu-item-link:hover:visited,.header__mobile-lang-item--selected,.header__mobile-lang-item--selected:link,.header__mobile-lang-item--selected:visited,.header__mobile-link--current,.header__mobile-link--current:link,.header__mobile-link--current:visited,.light-theme .header__menu {
    color: #FFF
}

.header__menu-list {
    list-style-type: none
}

.header__menu-item {
    display: inline-block;
    text-align: center
}

@media (max-width: 1024px) {
    .header__menu-item {
        display:block;
        text-align: left
    }
}

.header__menu-item-link {
    display: inline-block;
    padding: 12px;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease
}

.light-theme .header__menu-item-link--current,.light-theme .header__menu-item-link--current:link,.light-theme .header__menu-item-link--current:visited,.light-theme .header__menu-item-link:focus,.light-theme .header__menu-item-link:focus:link,.light-theme .header__menu-item-link:focus:visited,.light-theme .header__menu-item-link:hover,.light-theme .header__menu-item-link:hover:link,.light-theme .header__menu-item-link:hover:visited {
    color: #A9A4C0
}

.header__right {
    width: 50%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header__login {
    font-size: 14px;
    font-weight: 600;
    padding: 10px 20px
}

.header__country,.header__lang {
    margin-left: 10px
}

@media (max-width: 1024px) {
    .header__btn,.header__lang,.header__login {
        display:none
    }
}

@media (min-width: 1025px) {
    .header [class*=header__mobile] {
        display:none
    }
}

.header__mobile {
    padding: 86px 30px 16px;
    top: -100vh;
    z-index: 1;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../images/footer_bg.png);
    background-position: bottom center;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 0;
    opacity: 0;
    -webkit-transition-property: opacity,top;
    transition-property: opacity,top;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease
}

.header__mobile-burger-item--first,.header__mobile-burger-item--second {
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .header__mobile {
        background-image:url(../images/footer_bg@2x.png)
    }
}

@media (max-width: 622px) {
    .header__mobile {
        background-image:url(../images/bg_bottom_mobile.png);
        background-size: 622px auto
    }
}

@media (max-width: 622px) and only screen and (-webkit-min-device-pixel-ratio:2),(max-width:622px) and only screen and (min--moz-device-pixel-ratio:2),(max-width:622px) and only screen and (min-device-pixel-ratio:2),(max-width:622px) and only screen and (min-resolution:192dpi),(max-width:622px) and only screen and (min-resolution:2dppx) {
    .header__mobile {
        background-image:url(../images/bg_bottom_mobile@2x.png)
    }
}

.header__mobile--opened {
    top: 0;
    opacity: 1
}

.header__mobile-link {
    display: block;
    padding: 16px 0;
    font-size: 30px;
    line-height: 1;
    font-weight: 500
}

.header__mobile-buttons {
    margin-top: 24px
}

.header__mobile-buttons-item {
    display: block;
    width: 100%;
    margin-top: 10px
}

.footer__content,.header__mobile-lang {
    display: -webkit-box;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.header__mobile-lang {
    margin-top: auto;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    font-size: 20px;
    overflow-x: auto
}

.header__mobile-lang-item {
    padding: 8px;
    width: 50%
}

.header__mobile-lang .header__mobile-lang-item:first-child {
    text-align: right
}

.header__mobile-burger {
    width: 26px;
    height: 26px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 12px;
    margin-right: -12px;
    cursor: pointer;
    position: relative;
    z-index: 1
}

.header__mobile-burger-item {
    width: 26px;
    height: 2px;
    background-color: currentColor;
    border-radius: 1px;
    position: absolute;
    left: 12px
}

.header__mobile-burger-item--first {
    top: 15.9px;
    -webkit-transition-property: top,width,-webkit-transform;
    transition-property: top,width,-webkit-transform;
    transition-property: top,transform,width;
    transition-property: top,transform,width,-webkit-transform;
    transition-duration: .3s;
    transition-timing-function: ease;
    -webkit-transform-origin: left;
    transform-origin: left
}

.header__mobile-burger-item--second {
    top: 50%;
    margin-top: -1px;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease
}

.footer__column-link,.header__mobile-burger-item--third {
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease
}

.header__mobile-burger-item--third {
    bottom: 15.9px;
    -webkit-transition-property: bottom,width,-webkit-transform;
    transition-property: bottom,width,-webkit-transform;
    transition-property: bottom,transform,width;
    transition-property: bottom,transform,width,-webkit-transform;
    transition-duration: .3s;
    transition-timing-function: ease;
    -webkit-transform-origin: left;
    transform-origin: left
}

.header__mobile-burger--opened .header__mobile-burger-item--first {
    top: 12px;
    width: 33.8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.header__mobile-burger--opened .header__mobile-burger-item--second {
    opacity: 0
}

.header__mobile-burger--opened .header__mobile-burger-item--third {
    bottom: 12px;
    width: 33.8px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.footer {
    padding: 80px 0;
    background: #010315;
    line-height: 1.33
}

.footer__content {
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer__column {
    padding-left: 12px
}

@media (max-width: 1024px) {
    .footer {
        padding-top:60px;
        padding-bottom: 30px
    }

    .footer__content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 60px;
        -webkit-column-gap: 32px;
        -moz-column-gap: 32px;
        column-gap: 32px
    }

    .footer__column {
        padding-left: 0
    }
}

.footer__column--main {
    padding-left: 0;
    padding-right: 32px
}

@media (max-width: 576px) {
    .footer__column--main {
        display:block;
        width: 100%;
        padding: 0;
        text-align: center
    }
}

.footer__column-link {
    display: table;
    margin-top: 40px;
    -webkit-transition-property: color;
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease
}

.footer__socials-link,.footer__stores-link-img {
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease
}

.footer__logo {
    width: 175px;
    height: 14px
}

@media (max-width: 1024px) {
    .footer__column-link {
        margin-top:20px
    }

    .footer__logo {
        width: 250px;
        height: 20px
    }
}

.footer__stores {
    line-height: 0;
    margin-top: 40px
}

.footer__stores-link {
    display: inline-block;
    -webkit-transform-origin: center;
    transform-origin: center
}

@media (max-width: 400px) {
    .footer__stores-link+.footer__stores-link {
        margin-left:auto;
        margin-top: 10px
    }
}

.footer__stores-link-img {
    -webkit-transform: scale(.92592593);
    transform: scale(.92592593);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    transition-duration: .3s;
    transition-timing-function: ease;
    margin: -2px -6.74px
}

@media (max-width: 400px) {
    .footer__stores-link-img {
        display:block;
        margin-left: auto;
        margin-right: auto
    }
}

.footer__stores-link:focus .footer__stores-link-img,.footer__stores-link:hover .footer__stores-link-img {
    -webkit-transform: scale(1.01851852);
    transform: scale(1.01851852)
}

.footer__socials {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px
}

.footer__socials-link {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    line-height: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    transition-duration: .3s;
    transition-timing-function: ease
}

.footer__socials-link:focus,.footer__socials-link:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.footer__socials-icon {
    width: 78%;
    height: 100%;
    margin-left: 3px;
}

.footer__bottom {
    margin-top: 40px;
    padding-top: 40px;
    font-size: 12px;
    line-height: 1.33;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    color: #5F5C70
}

@media (max-width: 1024px) {
    .footer__bottom {
        margin-top:40px;
        padding-top: 40px;
        -webkit-column-gap: 12px;
        -moz-column-gap: 12px;
        column-gap: 12px
    }
}

@media (max-width: 906px) {
    .footer__bottom {
        display:block
    }

    .footer__copyright {
        text-align: center
    }

    .footer__docs {
        margin-top: 10px;
        text-align: center
    }
}

.footer__docs-link {
    margin-right: 8px;
    margin-left: 8px;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.footer__docs-link,.footer__docs-link:link,.footer__docs-link:visited {
    color: #A9A4C0
}

@media (max-width: 400px) {
    .footer__docs-link {
        display:block;
        margin: 0 0 10px
    }
}

.footer__docs-link:focus,.footer__docs-link:hover {
    color: #FFF
}

.footer__lang {
    color: #A9A4C0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (max-width: 1024px) {
    .footer__lang {
        display:table;
        margin-left: auto;
        margin-right: auto
    }
}

.footer__company {
    margin-left: 32px
}

@media (max-width: 906px) {
    .footer__company {
        display:inline-block;
        margin-left: 0;
        margin-top: 10px;
        margin-right: 24px
    }
}

@media (max-width: 400px) {
    .footer__company {
        display:block;
        margin-right: 0
    }
}

.footer__address {
    margin-left: 26px
}

@media (max-width: 906px) {
    .footer__address {
        display:inline-block;
        margin-top: 10px;
        margin-left: 0
    }
}

@media (max-width: 400px) {
    .footer__address {
        display:block
    }
}