.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(../web/20220820115825im_/https_/axion.io/_/node_modules/owl.carousel/dist/assets/owl.video.play.html) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    scroll-behavior: smooth;
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

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

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}

.footer-social__link_discord {
    background-image: url(../images/Discord-Negative.svg) !important;
    ;
}

.footer-social__link_medium {
    background-image: url(../images/Medium-negative.svg) !important;
    ;
}

.header-nav .social-menu {
    padding-top: 30px;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}

button {
    cursor: pointer;
    display: block;
    border: none;
    font-family: inherit;
    background: none;
    padding: 0;
    margin: 0
}

p {
    margin: 0;
    padding: 0
}

ul {
    list-style: none;
    padding-inline-start: 0
}

input:focus,
button:focus {
    outline: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
}

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

input {
    font-family: inherit
}

img {
    display: block
}

@font-face {
    font-family: "Gilroy";
    font-weight: 600;
    font-style: normal;
    src: url(../fonts/Gilroy-SemiBold.html) format("woff2"), url(../fonts/Gilroy-SemiBold-2.html) format("woff"), url(../fonts/Gilroy-SemiBold-3.html) format("truetype"), url(../fonts/Gilroy-SemiBold-4.html) format("embedded-opentype")
}

@font-face {
    font-family: "Poppins";
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/Poppins-Regular.woff2) format("woff2"), url(../fonts/Poppins-Regular.html) format("woff"), url(../fonts/Poppins-Regular-2.html) format("truetype"), url(../fonts/Poppins-Regular-3.html) format("embedded-opentype")
}

@font-face {
    font-family: "Poppins";
    font-weight: 500;
    font-style: normal;
    src: url(../fonts/Poppins-Medium.woff2) format("woff2"), url(../fonts/Poppins-Medium.html) format("woff"), url(../fonts/Poppins-Medium-2.html) format("truetype"), url(../fonts/Poppins-Medium-3.html) format("embedded-opentype")
}

@font-face {
    font-family: "Poppins";
    font-weight: 600;
    font-style: normal;
    src: url(../fonts/Poppins-SemiBold.woff2) format("woff2"), url(../fonts/Poppins-SemiBold.html) format("woff"), url(../fonts/Poppins-SemiBold-2.html) format("truetype"), url(../fonts/Poppins-SemiBold-3.html) format("embedded-opentype")
}

@font-face {
    font-family: "Poppins";
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/Poppins-Bold.woff2) format("woff2"), url(../fonts/Poppins-Bold.html) format("woff"), url(../fonts/Poppins-Bold-2.html) format("truetype"), url(../fonts/Poppins-Bold-3.html) format("embedded-opentype")
}

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

html {
    font-size: 10px;
    font-weight: 400
}

body {
    margin: 0;
    font-size: 15px;
    position: relative;
    background: #000;
    font-family: "Poppins", sans-serif
}

body::-webkit-scrollbar {
    width: 10px
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

body::-webkit-scrollbar-thumb {
    background-color: #58595c;
    border-radius: 10px
}

body::-webkit-scrollbar-thumb:hover {
    background-color: #3b3a3a
}

body.no-scroll {
    overflow: hidden
}

body.no-scroll .page:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 950
}

.container {
    max-width: 1640px;
    width: 100%;
    margin: 0 auto;
    padding: 0 50px
}

@media(max-width: 768px) {
    .container {
        padding: 0 32px
    }
}

@media(max-width: 414px) {
    .container {
        padding: 0 15px
    }
}

.page {
    position: relative;
    z-index: 10;
    min-height: 100vh;
    background: #000;
    max-width: 100%;
    overflow: hidden
}

@media(max-width: 414px) {
    .desktop-only {
        display: none
    }
}

.download__btn {
    display: block;
    padding: 1px;
    font-size: 1.28rem;
    border-radius: .32em;
    background: linear-gradient(170deg, rgba(255, 255, 255, 0.5), rgba(11, 17, 27, 0.3) 70%)
}

.download__btn span:hover {
    background: linear-gradient(115deg, #26AFE6, #FE3DCE 70%);
    transition: all .3s ease-in-out;
}

.download__btn span {
    width: 15em;
    height: 4.5em;
    background: #141e30;
    border-radius: .32em;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
}

.linear-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(115deg, #26AFE6, #FE3DCE 70%);
    font-size: 13.3px;
    font-weight: 600;
    border-radius: 6.3px;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 0 30px 10px rgba(255, 255, 255, .15)
}

@media(min-width: 769px) {
    .linear-btn {
        box-shadow: unset;
        transition: box-shadow .5s ease-out, background .5s ease-out
    }

    .linear-btn:hover {
        box-shadow: 0 0 30px 10px rgba(255, 255, 255, .25)
    }
}

.droplet {
    display: block;
    font-size: 10px;
    width: 7.07em;
    height: 7.07em;
    border-radius: 50%;
    background: linear-gradient(to Bottom, #0E1B32, #100036);
    box-shadow: inset .49em .98em 1.68em #fff;
    filter: blur(0.1em);
    opacity: .3
}

.white-round {
    display: block;
    width: 1.47em;
    height: 1.47em;
    border-radius: 50%;
    background: radial-gradient(#FFFFFF, #D5D5D5)
}

.title-gd {
    position: relative;
    font-size: 61.6px;
    font-weight: 700;
    color: #fff;
    max-width: 100%
}

@media(max-width: 1440px) {
    .title-gd {
        font-size: 52.8px
    }
}

@media(max-width: 768px) {
    .title-gd {
        font-size: 44px
    }
}

@media(max-width: 434px) {
    .title-gd {
        font-size: 30.8px
    }
}

@media(max-width: 991px) {
    .title-main {
        flex-direction: column;
        align-items: center
    }
}

.title-gd__gradient {
    color: #fff;
    background: linear-gradient(to Right, #B4BBFE, #9C8BFE, #FFB9D9 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.title-gd__star {
    position: absolute;
    bottom: 70%;
    left: 32%;
    max-width: 48.3px
}

@media(max-width: 1440px) {
    .title-gd__star {
        max-width: 41.4px
    }
}

@media(max-width: 768px) {
    .title-gd__star {
        max-width: 34.5px
    }
}

@media(max-width: 434px) {
    .title-gd__star {
        max-width: 24.15px
    }
}

.text-gd {
    background: linear-gradient(to Right, #fc60dd, #69d5f4);
    text-shadow: 0 0 15px rgba(105, 213, 244, .5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.title-gd__text {
    font-size: 18.9px;
    font-weight: 500;
    line-height: 1.51;
    color: #e4e4e4
}

@media(max-width: 1440px) {
    .title-gd__text {
        font-size: 16.2px
    }
}

@media(max-width: 768px) {
    .title-gd__text {
        font-size: 14px
    }
}

.bg-item {
    background: #3b4449;
    box-shadow: 0 0 20px rgba(0, 0, 0, .25)
}

@supports(backdrop-filter: blur(30px)) {
    .bg-item {
        background-color: rgba(148, 148, 148, .1);
        backdrop-filter: blur(30px);
        box-shadow: unset
    }
}

.background-black {
    background: #000;
}

.news-gradient-back {
    position: relative
}

.news-gradient-back>*:not(.news-gradient-back__gradient) {
    position: relative;
    z-index: 10
}

.news-gradient-back__gradient {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5
}

@media(max-width: 768px) {
    .news-gradient-back__gradient {
        display: none
    }
}

.news-gradient-back__gradient img {
    width: 100%;
    height: 100%
}

.owl-stage-outer {
    overflow: visible !important
}

.owl-item,
.owl-stage,
.owl-stage-outer {
    height: 100%
}

@keyframes wiresTransition {
    from {
        --color-stop-1: var(--color-wire-default);
        --color-stop-2: var(--color-wire-default);
        --color-stop-3: var(--color-wire-default);
        --color-stop-4: var(--color-wire-default);
        --color-stop-5: var(--color-wire-default);
        --color-stop-6: var(--color-wire-default);
        --color-stop-7: var(--color-wire-default);
        --color-stop-8: var(--color-wire-default);
        --color-stop-9: var(--color-wire-default);
        --color-stop-10: var(--color-wire-default)
    }

    3% {
        --color-stop-1: var(--color-wire-active)
    }

    6% {
        --color-stop-1: var(--color-wire-default);
        --color-stop-2: var(--color-wire-active)
    }

    9% {
        --color-stop-2: var(--color-wire-default);
        --color-stop-3: var(--color-wire-active)
    }

    12% {
        --color-stop-3: var(--color-wire-default);
        --color-stop-4: var(--color-wire-active)
    }

    15% {
        --color-stop-4: var(--color-wire-default);
        --color-stop-5: var(--color-wire-active)
    }

    18% {
        --color-stop-5: var(--color-wire-default);
        --color-stop-6: var(--color-wire-active)
    }

    21% {
        --color-stop-6: var(--color-wire-default);
        --color-stop-7: var(--color-wire-active)
    }

    24% {
        --color-stop-7: var(--color-wire-default);
        --color-stop-8: var(--color-wire-active)
    }

    27% {
        --color-stop-8: var(--color-wire-default);
        --color-stop-9: var(--color-wire-active)
    }

    28% {
        --color-stop-9: var(--color-wire-default);
        --color-stop-10: var(--color-wire-active)
    }

    30% {
        --color-stop-1: var(--color-wire-default);
        --color-stop-2: var(--color-wire-default);
        --color-stop-3: var(--color-wire-default);
        --color-stop-4: var(--color-wire-default);
        --color-stop-5: var(--color-wire-default);
        --color-stop-6: var(--color-wire-default);
        --color-stop-7: var(--color-wire-default);
        --color-stop-8: var(--color-wire-default);
        --color-stop-9: var(--color-wire-default);
        --color-stop-10: var(--color-wire-default)
    }

    to {
        --color-stop-1: var(--color-wire-default);
        --color-stop-2: var(--color-wire-default);
        --color-stop-3: var(--color-wire-default);
        --color-stop-4: var(--color-wire-default);
        --color-stop-5: var(--color-wire-default);
        --color-stop-6: var(--color-wire-default);
        --color-stop-7: var(--color-wire-default);
        --color-stop-8: var(--color-wire-default);
        --color-stop-9: var(--color-wire-default);
        --color-stop-10: var(--color-wire-default)
    }
}


@keyframes block2Transition {
    from {
        transform: matrix(1, 0, 0, 1, 0, 0)
    }

    30% {
        transform: matrix(0.95, 0, 0, 0.95, 20, 15)
    }

    70% {
        transform: matrix(0.95, 0, 0, 0.95, 20, 15)
    }

    to {
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

@keyframes block3Transition {
    from {
        transform: matrix(1, 0, 0, 1, 0, 0)
    }

    30% {
        transform: matrix(0.95, 0, 0, 0.95, 45, 30)
    }

    70% {
        transform: matrix(0.95, 0, 0, 0.95, 45, 30)
    }

    to {
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

@keyframes block1Appear {
    from {
        transform: matrix(0.1, 0, 0, 0.1, 310, 545);
        opacity: 0
    }

    30% {
        opacity: 1
    }

    to {
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1
    }
}


@keyframes setOpacity {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes changePrice {
    from {
        --text-opacity-1: var(--text-visible);
        --text-opacity-2: var(--text-hidden);
        --text-opacity-3: var(--text-hidden);
        --text-opacity-4: var(--text-hidden);
        --text-opacity-5: var(--text-hidden);
        --text-opacity-6: var(--text-hidden);
        --text-opacity-7: var(--text-hidden);
        --text-opacity-8: var(--text-hidden);
        --text-opacity-9: var(--text-hidden);
        --text-opacity-10: var(--text-hidden)
    }

    3% {
        --text-opacity-1: var(--text-hidden);
        --text-opacity-2: var(--text-visible);
        --text-opacity-3: var(--text-hidden);
        --text-opacity-4: var(--text-hidden);
        --text-opacity-5: var(--text-hidden);
        --text-opacity-6: var(--text-hidden);
        --text-opacity-7: var(--text-hidden);
        --text-opacity-8: var(--text-hidden);
        --text-opacity-9: var(--text-hidden);
        --text-opacity-10: var(--text-hidden)
    }

    6% {
        --text-opacity-1: var(--text-hidden);
        --text-opacity-2: var(--text-hidden);
        --text-opacity-3: var(--text-visible);
        --text-opacity-4: var(--text-hidden);
        --text-opacity-5: var(--text-hidden);
        --text-opacity-6: var(--text-hidden);
        --text-opacity-7: var(--text-hidden);
        --text-opacity-8: var(--text-hidden);
        --text-opacity-9: var(--text-hidden);
        --text-opacity-10: var(--text-hidden)
    }

    9% {
        --text-opacity-1: var(--text-hidden);
        --text-opacity-2: var(--text-hidden);
        --text-opacity-3: var(--text-hidden);
        --text-opacity-4: var(--text-visible);
        --text-opacity-5: var(--text-hidden);
        --text-opacity-6: var(--text-hidden);
        --text-opacity-7: var(--text-hidden);
        --text-opacity-8: var(--text-hidden);
        --text-opacity-9: var(--text-hidden);
        --text-opacity-10: var(--text-hidden)
    }

    9% {
        --text-opacity-1: var(--text-hidden);
        --text-opacity-2: var(--text-hidden);
        --text-opacity-3: var(--text-hidden);
        --text-opacity-4: var(--text-hidden);
        --text-opacity-5: var(--text-visible);
        --text-opacity-6: var(--text-hidden);
        --text-opacity-7: var(--text-hidden);
        --text-opacity-8: var(--text-hidden);
        --text-opacity-9: var(--text-hidden);
        --text-opacity-10: var(--text-hidden)
    }

    12% {
        --text-opacity-1: var(--text-hidden);
        --text-opacity-2: var(--text-hidden);
        --text-opacity-3: var(--text-hidden);
        --text-opacity-4: var(--text-hidden);
        --text-opacity-5: var(--text-hidden);
        --text-opacity-6: var(--text-visible);
        --text-opacity-7: var(--text-hidden);
        --text-opacity-8: var(--text-hidden);
        --text-opacity-9: var(--text-hidden);
        --text-opacity-10: var(--text-hidden)
    }

    15% {
        --text-opacity-1: var(--text-hidden);
        --text-opacity-2: var(--text-hidden);
        --text-opacity-3: var(--text-hidden);
        --text-opacity-4: var(--text-hidden);
        --text-opacity-5: var(--text-hidden);
        --text-opacity-6: var(--text-hidden);
        --text-opacity-7: var(--text-visible);
        --text-opacity-8: var(--text-hidden);
        --text-opacity-9: var(--text-hidden);
        --text-opacity-10: var(--text-hidden)
    }

    18% {
        --text-opacity-1: var(--text-hidden);
        --text-opacity-2: var(--text-hidden);
        --text-opacity-3: var(--text-hidden);
        --text-opacity-4: var(--text-hidden);
        --text-opacity-5: var(--text-hidden);
        --text-opacity-6: var(--text-hidden);
        --text-opacity-7: var(--text-hidden);
        --text-opacity-8: var(--text-visible);
        --text-opacity-9: var(--text-hidden);
        --text-opacity-10: var(--text-hidden)
    }

    21% {
        --text-opacity-1: var(--text-hidden);
        --text-opacity-2: var(--text-hidden);
        --text-opacity-3: var(--text-hidden);
        --text-opacity-4: var(--text-hidden);
        --text-opacity-5: var(--text-hidden);
        --text-opacity-6: var(--text-hidden);
        --text-opacity-7: var(--text-hidden);
        --text-opacity-8: var(--text-hidden);
        --text-opacity-9: var(--text-visible);
        --text-opacity-10: var(--text-hidden)
    }

    24% {
        --text-opacity-1: var(--text-hidden);
        --text-opacity-2: var(--text-hidden);
        --text-opacity-3: var(--text-hidden);
        --text-opacity-4: var(--text-hidden);
        --text-opacity-5: var(--text-hidden);
        --text-opacity-6: var(--text-hidden);
        --text-opacity-7: var(--text-hidden);
        --text-opacity-8: var(--text-hidden);
        --text-opacity-9: var(--text-hidden);
        --text-opacity-10: var(--text-visible)
    }

    27% {
        --text-opacity-1: var(--text-hidden);
        --text-opacity-2: var(--text-hidden);
        --text-opacity-3: var(--text-hidden);
        --text-opacity-4: var(--text-hidden);
        --text-opacity-5: var(--text-hidden);
        --text-opacity-6: var(--text-hidden);
        --text-opacity-7: var(--text-hidden);
        --text-opacity-8: var(--text-hidden);
        --text-opacity-9: var(--text-hidden);
        --text-opacity-10: var(--text-visible)
    }

    30% {
        --text-opacity-1: var(--text-hidden);
        --text-opacity-2: var(--text-hidden);
        --text-opacity-3: var(--text-hidden);
        --text-opacity-4: var(--text-hidden);
        --text-opacity-5: var(--text-hidden);
        --text-opacity-6: var(--text-hidden);
        --text-opacity-7: var(--text-hidden);
        --text-opacity-8: var(--text-hidden);
        --text-opacity-9: var(--text-hidden);
        --text-opacity-10: var(--text-visible)
    }

    50% {
        --text-opacity-1: var(--text-hidden);
        --text-opacity-2: var(--text-hidden);
        --text-opacity-3: var(--text-hidden);
        --text-opacity-4: var(--text-hidden);
        --text-opacity-5: var(--text-hidden);
        --text-opacity-6: var(--text-hidden);
        --text-opacity-7: var(--text-hidden);
        --text-opacity-8: var(--text-hidden);
        --text-opacity-9: var(--text-hidden);
        --text-opacity-10: var(--text-visible)
    }

    53% {
        --text-opacity-1: var(--text-hidden);
        --text-opacity-2: var(--text-hidden);
        --text-opacity-3: var(--text-hidden);
        --text-opacity-4: var(--text-hidden);
        --text-opacity-5: var(--text-hidden);
        --text-opacity-6: var(--text-hidden);
        --text-opacity-7: var(--text-hidden);
        --text-opacity-8: var(--text-hidden);
        --text-opacity-9: var(--text-visible);
        --text-opacity-10: var(--text-hidden)
    }

    56% {
        --text-opacity-1: var(--text-hidden);
        --text-opacity-2: var(--text-hidden);
        --text-opacity-3: var(--text-hidden);
        --text-opacity-4: var(--text-hidden);
        --text-opacity-5: var(--text-hidden);
        --text-opacity-6: var(--text-hidden);
        --text-opacity-7: var(--text-visible);
        --text-opacity-8: var(--text-hidden);
        --text-opacity-9: var(--text-hidden);
        --text-opacity-10: var(--text-hidden)
    }

    59% {
        --text-opacity-1: var(--text-hidden);
        --text-opacity-2: var(--text-hidden);
        --text-opacity-3: var(--text-hidden);
        --text-opacity-4: var(--text-hidden);
        --text-opacity-5: var(--text-hidden);
        --text-opacity-6: var(--text-visible);
        --text-opacity-7: var(--text-hidden);
        --text-opacity-8: var(--text-hidden);
        --text-opacity-9: var(--text-hidden);
        --text-opacity-10: var(--text-hidden)
    }

    62% {
        --text-opacity-1: var(--text-hidden);
        --text-opacity-2: var(--text-hidden);
        --text-opacity-3: var(--text-hidden);
        --text-opacity-4: var(--text-hidden);
        --text-opacity-5: var(--text-visible);
        --text-opacity-6: var(--text-hidden);
        --text-opacity-7: var(--text-hidden);
        --text-opacity-8: var(--text-hidden);
        --text-opacity-9: var(--text-hidden);
        --text-opacity-10: var(--text-hidden)
    }

    65% {
        --text-opacity-1: var(--text-hidden);
        --text-opacity-2: var(--text-hidden);
        --text-opacity-3: var(--text-hidden);
        --text-opacity-4: var(--text-visible);
        --text-opacity-5: var(--text-hidden);
        --text-opacity-6: var(--text-hidden);
        --text-opacity-7: var(--text-hidden);
        --text-opacity-8: var(--text-hidden);
        --text-opacity-9: var(--text-hidden);
        --text-opacity-10: var(--text-hidden)
    }

    68% {
        --text-opacity-1: var(--text-hidden);
        --text-opacity-2: var(--text-hidden);
        --text-opacity-3: var(--text-visible);
        --text-opacity-4: var(--text-hidden);
        --text-opacity-5: var(--text-hidden);
        --text-opacity-6: var(--text-hidden);
        --text-opacity-7: var(--text-hidden);
        --text-opacity-8: var(--text-hidden);
        --text-opacity-9: var(--text-hidden);
        --text-opacity-10: var(--text-hidden)
    }

    71% {
        --text-opacity-1: var(--text-hidden);
        --text-opacity-2: var(--text-visible);
        --text-opacity-3: var(--text-hidden);
        --text-opacity-4: var(--text-hidden);
        --text-opacity-5: var(--text-hidden);
        --text-opacity-6: var(--text-hidden);
        --text-opacity-7: var(--text-hidden);
        --text-opacity-8: var(--text-hidden);
        --text-opacity-9: var(--text-hidden);
        --text-opacity-10: var(--text-hidden)
    }

    74% {
        --text-opacity-1: var(--text-visible);
        --text-opacity-2: var(--text-hidden);
        --text-opacity-3: var(--text-hidden);
        --text-opacity-4: var(--text-hidden);
        --text-opacity-5: var(--text-hidden);
        --text-opacity-6: var(--text-hidden);
        --text-opacity-7: var(--text-hidden);
        --text-opacity-8: var(--text-hidden);
        --text-opacity-9: var(--text-hidden);
        --text-opacity-10: var(--text-hidden)
    }

    77% {
        --text-opacity-1: var(--text-visible);
        --text-opacity-2: var(--text-hidden);
        --text-opacity-3: var(--text-hidden);
        --text-opacity-4: var(--text-hidden);
        --text-opacity-5: var(--text-hidden);
        --text-opacity-6: var(--text-hidden);
        --text-opacity-7: var(--text-hidden);
        --text-opacity-8: var(--text-hidden);
        --text-opacity-9: var(--text-hidden);
        --text-opacity-10: var(--text-hidden)
    }

    80% {
        --text-opacity-1: var(--text-visible);
        --text-opacity-2: var(--text-hidden);
        --text-opacity-3: var(--text-hidden);
        --text-opacity-4: var(--text-hidden);
        --text-opacity-5: var(--text-hidden);
        --text-opacity-6: var(--text-hidden);
        --text-opacity-7: var(--text-hidden);
        --text-opacity-8: var(--text-hidden);
        --text-opacity-9: var(--text-hidden);
        --text-opacity-10: var(--text-hidden)
    }

    to {
        --text-opacity-1: var(--text-visible);
        --text-opacity-2: var(--text-hidden);
        --text-opacity-3: var(--text-hidden);
        --text-opacity-4: var(--text-hidden);
        --text-opacity-5: var(--text-hidden);
        --text-opacity-6: var(--text-hidden);
        --text-opacity-7: var(--text-hidden);
        --text-opacity-8: var(--text-hidden);
        --text-opacity-9: var(--text-hidden);
        --text-opacity-10: var(--text-hidden)
    }
}


@keyframes circlesTransition {
    from {
        --circle-black-scaleX: var(--trans-circle-scaleX);
        --circle-black-scaleY: var(--trans-circle-scaleY);
        --circle-black-posX: var(--trans-circle-black-posX);
        --circle-black-shadow-posX: var(--trans-circle-shadow-black-posX);
        --circle-black-shadow-posY: var(--trans-circle-shadow-black-posY);
        --circle-black-posY: var(--trans-circle-posY);
        --circle-black-shadow-scaleX: var(--trans-circle-shadow-scaleX);
        --circle-black-shadow-scaleY: var(--trans-circle-shadow-scaleY);
        --circle-white-scaleX: var(--trans-basic-circle-scaleX);
        --circle-white-scaleY: var(--trans-basic-circle-scaleY);
        --circle-white-posX: var(--trans-basic-circle-posX);
        --circle-white-posY: var(--trans-basic-circle-posY);
        --circle-white-shadow-scaleX: var(--trans-basic-circle-shadow-scaleX);
        --circle-white-shadow-scaleY: var(--trans-basic-circle-shadow-scaleY);
        --circle-white-shadow-posX: var(--trans-basic-circle-shadow-posX);
        --circle-white-shadow-posY: var(--trans-basic-circle-shadow-posY);
        --circle-black-shadow-opacity: var(--trans-shadow-opacity);
        --circle-white-shadow-opacity: var(--trans-basic-shadow-opacity)
    }

    8% {
        --circle-white-scaleX: var(--trans-circle-scaleX);
        --circle-white-scaleY: var(--trans-circle-scaleY);
        --circle-white-posX: var(--trans-circle-white-posX);
        --circle-white-shadow-posX: var(--trans-circle-shadow-white-posX);
        --circle-white-shadow-posY: var(--trans-circle-shadow-white-posY);
        --circle-white-posY: var(--trans-circle-posY);
        --circle-white-shadow-scaleX: var(--trans-circle-shadow-scaleX);
        --circle-white-shadow-scaleY: var(--trans-circle-shadow-scaleY);
        --circle-black-scaleX: var(--trans-basic-circle-scaleX);
        --circle-black-scaleY: var(--trans-basic-circle-scaleY);
        --circle-black-posX: var(--trans-basic-circle-posX);
        --circle-black-posY: var(--trans-basic-circle-posY);
        --circle-black-shadow-scaleX: var(--trans-basic-circle-shadow-scaleX);
        --circle-black-shadow-scaleY: var(--trans-basic-circle-shadow-scaleY);
        --circle-black-shadow-posX: var(--trans-basic-circle-shadow-posX);
        --circle-black-shadow-posY: var(--trans-basic-circle-shadow-posY);
        --circle-white-shadow-opacity: var(--trans-shadow-opacity);
        --circle-black-shadow-opacity: var(--trans-basic-shadow-opacity)
    }

    43% {
        --circle-white-scaleX: var(--trans-circle-scaleX);
        --circle-white-scaleY: var(--trans-circle-scaleY);
        --circle-white-posX: var(--trans-circle-white-posX);
        --circle-white-shadow-posX: var(--trans-circle-shadow-white-posX);
        --circle-white-shadow-posY: var(--trans-circle-shadow-white-posY);
        --circle-white-posY: var(--trans-circle-posY);
        --circle-white-shadow-scaleX: var(--trans-circle-shadow-scaleX);
        --circle-white-shadow-scaleY: var(--trans-circle-shadow-scaleY);
        --circle-black-scaleX: var(--trans-basic-circle-scaleX);
        --circle-black-scaleY: var(--trans-basic-circle-scaleY);
        --circle-black-posX: var(--trans-basic-circle-posX);
        --circle-black-posY: var(--trans-basic-circle-posY);
        --circle-black-shadow-scaleX: var(--trans-basic-circle-shadow-scaleX);
        --circle-black-shadow-scaleY: var(--trans-basic-circle-shadow-scaleY);
        --circle-black-shadow-posX: var(--trans-basic-circle-shadow-posX);
        --circle-black-shadow-posY: var(--trans-basic-circle-shadow-posY);
        --circle-white-shadow-opacity: var(--trans-shadow-opacity);
        --circle-black-shadow-opacity: var(--trans-basic-shadow-opacity)
    }

    59% {
        --circle-black-scaleX: var(--trans-circle-scaleX);
        --circle-black-scaleY: var(--trans-circle-scaleY);
        --circle-black-posX: var(--trans-circle-black-posX);
        --circle-black-shadow-posX: var(--trans-circle-shadow-black-posX);
        --circle-black-shadow-posY: var(--trans-circle-shadow-black-posY);
        --circle-black-posY: var(--trans-circle-posY);
        --circle-black-shadow-scaleX: var(--trans-circle-shadow-scaleX);
        --circle-black-shadow-scaleY: var(--trans-circle-shadow-scaleY);
        --circle-white-scaleX: var(--trans-basic-circle-scaleX);
        --circle-white-scaleY: var(--trans-basic-circle-scaleY);
        --circle-white-posX: var(--trans-basic-circle-posX);
        --circle-white-posY: var(--trans-basic-circle-posY);
        --circle-white-shadow-scaleX: var(--trans-basic-circle-shadow-scaleX);
        --circle-white-shadow-scaleY: var(--trans-basic-circle-shadow-scaleY);
        --circle-white-shadow-posX: var(--trans-basic-circle-shadow-posX);
        --circle-white-shadow-posY: var(--trans-basic-circle-shadow-posY);
        --circle-black-shadow-opacity: var(--trans-shadow-opacity);
        --circle-white-shadow-opacity: var(--trans-basic-shadow-opacity)
    }

    to {
        --circle-black-scaleX: var(--trans-circle-scaleX);
        --circle-black-scaleY: var(--trans-circle-scaleY);
        --circle-black-posX: var(--trans-circle-black-posX);
        --circle-black-shadow-posX: var(--trans-circle-shadow-black-posX);
        --circle-black-shadow-posY: var(--trans-circle-shadow-black-posY);
        --circle-black-posY: var(--trans-circle-posY);
        --circle-black-shadow-scaleX: var(--trans-circle-shadow-scaleX);
        --circle-black-shadow-scaleY: var(--trans-circle-shadow-scaleY);
        --circle-white-scaleX: var(--trans-basic-circle-scaleX);
        --circle-white-scaleY: var(--trans-basic-circle-scaleY);
        --circle-white-posX: var(--trans-basic-circle-posX);
        --circle-white-posY: var(--trans-basic-circle-posY);
        --circle-white-shadow-scaleX: var(--trans-basic-circle-shadow-scaleX);
        --circle-white-shadow-scaleY: var(--trans-basic-circle-shadow-scaleY);
        --circle-white-shadow-posX: var(--trans-basic-circle-shadow-posX);
        --circle-white-shadow-posY: var(--trans-basic-circle-shadow-posY);
        --circle-black-shadow-opacity: var(--trans-shadow-opacity);
        --circle-white-shadow-opacity: var(--trans-basic-shadow-opacity)
    }
}


@keyframes lightTransition {
    from {
        stop-opacity: .6
    }

    50% {
        stop-opacity: .3
    }

    70% {
        stop-opacity: .7
    }

    to {
        stop-opacity: .6
    }
}

.header {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 51.2px 125px
}

@media(max-width: 1440px) {
    .header {
        padding-top: 38.4px;
        padding-bottom: 38.4px
    }
}

@media(max-width: 1100px) {
    .header {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media(max-width: 991px) {
    .header {
        padding: 32px
    }
}

@media(max-width: 414px) {
    .header {
        padding: 15px
    }
}

.header__logo {
    max-width: 180px;
    flex-shrink: 0
}

.header__logo img {
    width: 100%
}

@media(max-width: 768px) {
    .header__logo {
        max-width: 152px
    }
}

.header-nav__menu {
    display: flex;
    align-items: center
}

.header-nav {
    display: flex;
    align-items: center
}

.header-container__nav {
    flex: 0 0 50%
}

@media(max-width: 991px) {
    .header-container__nav {
        flex-basis: auto
    }
}

.header-nav__link {
    display: block;
    margin: 0 44px;
    font-weight: 500;
    font-size: 15.2px;
    color: rgba(255, 255, 255, .8);
    padding: 5px 0;
    white-space: nowrap
}

@media(max-width: 991px) {
    .header-nav__link {
        margin: 0 25px
    }
}

@media(max-width: 768px) {
    .header__download {
        display: inline-block;
        width: 25rem;
        height: 6.1rem;
        margin-top: 13px
    }
}

@media(max-width: 991px) {
    .header__download span {
        width: 12em;
        height: 3.9em
    }
}

@media(max-width: 768px) {
    .header__download span {
        width: 100%;
        height: 100%
    }
}

.header-nav__head {
    display: none;
    width: 100%;
    align-items: center;
    justify-content: flex-end
}

@media(max-width: 768px) {
    .header-nav__head {
        display: flex
    }
}

.burgermenu {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    height: 20px;
    width: 30px;
    min-width: 30px;
    flex-shrink: 0
}

@media(max-width: 768px) {
    .burgermenu {
        display: flex
    }
}

.burgermenu span {
    display: block;
    width: 100%;
    height: 4px;
    background: #fff
}

.burgermenu span:nth-child(2) {
    width: 70%
}

@media(min-width: 769px) {
    .header-nav__link {
        transition: color .4s ease
    }

    .header-nav__link:hover {
        color: #fff
    }
}

.menu-mobile {
    display: none
}

@media(max-width: 768px) {
    .menu-mobile {
        display: block
    }
}

@media(max-width: 768px) {
    .header-nav__menu {
        margin-top: 15px;
        flex-direction: column;
        align-items: flex-start;
        width: 100%
    }
}

@media(max-width: 414px) {
    .header-nav__menu {
        align-items: center
    }
}

@media(max-width: 768px) {
    .header-nav {
        position: fixed;
        right: -150%;
        top: 0;
        flex-direction: column;
        background: #100036;
        min-width: 320px;
        min-height: 100%;
        z-index: 1000;
        border-left: 1px solid rgba(255, 255, 255, .1);
        padding: 40px 20px;
        box-shadow: -5px 0 10px rgba(0, 0, 0, .5);
        background: linear-gradient(170deg, #100036 0, #f02050 80%, #000000 80%, #100036 100%);
        transition: right .4s ease-in-out
    }

    .header-nav.active {
        right: 0
    }
}

@media(max-width: 414px) {
    .header-nav {
        width: 100%
    }
}

@media(max-width: 768px) {
    .header-nav__link {
        font-size: 20px;
        margin-top: 15px
    }
}

@media(max-width: 414px) {
    .header-nav__link {
        font-size: 25px
    }
}

.header-nav__menuoff {
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    position: relative;
    transform: rotate(45deg)
}

.header-nav__menuoff span {
    display: block;
    position: absolute;
    border-radius: 5px;
    background: #fff
}

.header-nav__menuoff span:first-child {
    width: 100%;
    height: 4px;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.header-nav__menuoff span:last-child {
    height: 100%;
    width: 4px;
    left: 50%;
    top: 0;
    transform: translateX(-50%)
}

.header-nav .social-menu {
    margin-top: auto;
    width: 100%
}

.header-nav .social-menu .footer-social {
    margin: 0 auto
}

.hero {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    padding-bottom: 130px;
    display: flex;
}

.canvas1 {
    display: block;
}

.canvas2 {
    display: none;
}

@media(max-width: 991px) {
    .hero {
        padding-bottom: 120px
    }

    .canvas1 {
        display: none;
    }

    .canvas2 {
        display: block;
    }
}

@media(max-width: 768px) {
    .hero {
        padding-bottom: 7rem
    }

}

.hero__gradient,
.hero__elipse {
    object-fit: fill;
    position: absolute;
    top: 0;
    z-index: 5
}

@media(max-width: 991px) {

    .hero__gradient,
    .hero__elipse {
        display: none
    }
}

.hero__gradient {
    left: 0;
    width: 75%;
    height: 90%
}

@media(max-width: 1196px) {
    .hero__gradient {
        width: 63.75%;
        height: 76.5%
    }
}

.hero__elipse {
    right: 0;
    height: 90%
}

@media(max-width: 1196px) {
    .hero__elipse {
        height: 81%
    }
}

.hero__container {
    position: relative;
    z-index: 10
}

@media(max-width: 1110px) {
    .hero__container {
        /* padding: 0 50px */
    }
}

.hero__row {
    display: flex;
    flex-direction: column
}

.hero__row_cont {
    width: 100vw;
    cursor: crosshair;
    align-items: center;
    text-align: center
}

.hero__row_bottom {
    flex-direction: column
}

.hero__col {
    z-index: 8
}

.hero__col_content {
    padding-top: 200px
}

@media(max-width: 991px) {
    .hero__col_content {
        padding-top: 190px
    }
}

@media(max-width: 565px) {
    .hero__col_content {
        padding-top: 140px
    }
}

.hero__suptitle {
    display: inline-block;
    text-transform: uppercase;
    font-size: 2.6rem;
    letter-spacing: 2.2rem;
    background: linear-gradient(130deg, #26AFE6, #FE3DCE 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media(max-width: 565px) {
    .hero__suptitle {
        font-size: 1.7rem;
        letter-spacing: 1.8rem
    }
}

.hero__title {
    margin-top: 2.5rem;
    max-width: 553px;
    font-family: "Gilroy", sans-serif;
    font-weight: 600;
    font-size: 48.2px;
    line-height: 1.01;
    color: #fff;
    position: relative
}

@media(max-width: 1196px) {
    .hero__title {
        font-size: 48.2px
    }
}

@media(max-width: 565px) {
    .hero__title {
        font-size: 32px;
        max-width: 350px;
        margin: 2rem auto 0
    }
}

@media(max-width: 414px) {
    .hero__title {
        font-size: 25px
    }
}

.hero__subtitle {
    font-size: 15.4px;
    font-weight: 400;
    color: #fff;
    margin-top: 3.6rem
}

@media(max-width: 1196px) {
    .hero__subtitle {
        font-size: 15.4px;
        margin-top: 2.88rem
    }
}

@media(max-width: 565px) {
    .hero__subtitle {
        max-width: 248px;
        font-size: 14px;
        margin: 2rem auto 0
    }
}

.hero__btn {
    width: 19.7em;
    height: 5.52em;
    margin: 4.7rem auto 0;
    box-shadow: 10px 10px 30px rgba(255, 255, 255, .3)
}

@media(max-width: 1196px) {
    .hero__btn {
        width: 16.745em;
        height: 4.692em
    }
}

@media(max-width: 991px) {
    .hero__btn {
        margin: 4.7rem auto 0;
        box-shadow: 0 0 15px rgba(255, 255, 255, .4)
    }
}

@media(min-width: 769px) {
    .hero__btn {
        box-shadow: unset;
        transition: box-shadow .5s ease-out, background .5s ease-out
    }

    .hero__btn:hover {
        box-shadow: 10px 10px 30px rgba(255, 255, 255, .3)
    }
}

.hero__download {
    display: none
}

@media(max-width: 768px) {

    .hero__btn,
    .hero__download {
        width: 25rem;
        height: 6.1rem
    }
}

.hero__download span {
    width: 100%;
    height: 100%
}

.hero__col_ai {
    display: flex;
    justify-content: center;
    position: relative;
    font-size: 100px;
    z-index: 6
}

@media(max-width: 1196px) {
    .hero__col_ai {
        font-size: 85px
    }
}

@media(max-width: 991px) {
    .hero__col_ai {
        margin-top: 7.5rem
    }
}

@media(max-width: 768px) {
    .hero__col_ai {
        margin-top: 4.6rem;
        font-size: 75px
    }
}

@media(max-width: 565px) {
    .hero__col_ai {
        font-size: 50.5px
    }
}

.hero__picture {
    width: 4.9em;
    height: 7.07em;
    position: relative;
    z-index: 5
}

@media(max-width: 1196px) {
    .hero__picture {
        height: 8.4em
    }
}

@media(max-width: 991px) {
    .hero__picture {
        height: 7.07em
    }
}

.hero__shadow {
    height: 20%;
    border: 50%;
    border-radius: 50%;
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    width: 4.2em;
    background: rgba(11, 17, 27, .5);
    box-shadow: 0 0 2em #000
}

.hero__lid {
    max-width: 100%;
    position: absolute;
    left: 0;
    bottom: -5px;
    z-index: 4
}

.hero__linesway {
    max-width: 35%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 2;
    overflow: hidden
}

.hero__linegdr {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.hero__circles {
    max-width: 64.6%;
    z-index: 3;
    position: absolute;
    left: 49%;
    top: 30%;
    bottom: 0;
    transform: translateX(-50%)
}

.hero__picture-droplet_small {
    width: 2.94em;
    height: 2.94em;
    position: absolute;
    top: 29%;
    left: 4%
}

.hero__picture-droplet_medium {
    width: 3.92em;
    height: 3.92em;
    position: absolute;
    bottom: 25%;
    right: -4%
}

.hero__ball-white {
    position: absolute;
    top: 40%;
    left: -1%;
    z-index: 5
}

@media(max-width: 1196px) {
    .hero__ball-white {
        max-width: 1.26em;
        height: 1.26em
    }
}

.hero__ball-dark {
    max-width: 1.295em;
    position: absolute;
    top: 51%;
    right: -3%;
    z-index: 5
}

@media(max-width: 1196px) {
    .hero__ball-dark {
        max-width: 1.11em
    }
}

.hero__line {
    flex: 0 0 48%;
    height: 1px;
    background: linear-gradient(to Right, rgba(0, 1, 6, 0) 50%, #353535)
}

.hero__line_inverse {
    background: linear-gradient(to Left, rgba(0, 1, 6, 0) 50%, #353535)
}

.hero__mouse {
    margin: 0 23.1px;
    width: 16.1px;
    height: 17.85
}

.hero__partners {
    margin-top: 21.7px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 991px) {
    .hero__partners {
        flex-wrap: wrap
    }
}

.hero__partners-img {
    margin: 2rem 53.9px 0;
    max-width: 159.6px;
    opacity: .43
}

@media(max-width: 768px) {
    .hero__partners-img {
        margin: 2rem 14.5px
    }
}

.hero__droplet {
    position: absolute
}

.hero__droplet_small {
    width: 30.1px;
    height: 30.1px;
    bottom: 5%;
    left: -12%;
    font-size: 8px
}

@media(max-width: 1196px) {
    .hero__droplet_small {
        width: 30.1px;
        height: 30.1px;
        bottom: 4.25%;
        left: -10.2%;
        font-size: 6.8px
    }
}

@media(max-width: 991px) {
    .hero__droplet_small {
        width: 12px;
        height: 12px;
        bottom: -65.75%;
        left: -7.2%
    }
}

.hero__droplet_big {
    top: -8%;
    right: 6%;
    z-index: -1
}

@media(max-width: 1196px) {
    .hero__droplet_big {
        font-size: 8px;
        top: -6.8%;
        right: 10%
    }
}

@media(max-width: 991px) {
    .hero__droplet_big {
        width: 28px;
        height: 28px;
        top: -50.8%;
        right: 5%;
        box-shadow: inset .49em .98em 2.68em #fff
    }
}

@media(min-width: 769px) {
    .hero__linegdr_hide {
        bottom: -100%
    }

    .hero__linegdr_hide,
    .hero__linegdr_show,
    .hero__ball-white,
    .hero__ball-dark {
        transition: bottom .7s ease, top .7s ease, right .7s ease, left .7s ease
    }

    .hero__col_ai:hover .hero__linegdr_hide {
        bottom: 100%
    }

    .hero__col_ai:hover .hero__linegdr_show {
        bottom: 0
    }

    .hero__col_ai:hover .hero__ball-white {
        top: 32%;
        left: 75%
    }

    .hero__col_ai:hover .hero__ball-dark {
        top: 60%;
        right: 85%
    }
}

@media(max-width: 768px) {
    .concept {
        padding: 0 32px
    }
}

@media(max-width: 565px) {
    .concept {
        padding: 0 15px
    }
}

.concept__wrapper {
    width: 100%;
    padding: 10rem 10rem 93.8px;
    border-radius: 23.1px;
    background: linear-gradient(135deg, #100036 0%, #f02050  69%, #000000  69%, #100036 )
}

@media(max-width: 1440px) {
    .concept__wrapper {
        padding: 5rem 5rem 93.8px;
        border-radius: 19.8px
    }
}

@media(max-width: 991px) {
    .concept__wrapper {
        background: linear-gradient(170deg, #100036 0%, #f02050 20%, #1C222C 80%, #100036)
    }
}

@media(max-width: 768px) {
    .concept__wrapper {
        padding: 2rem 2rem 67px;
        border-radius: 13.2px
    }
}

@media(max-width: 565px) {
    .concept__wrapper {
        padding-bottom: 30px
    }
}

.concept__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1176px;
    padding-top: 110px;
    margin: 0 auto
}

@media(max-width: 1440px) {
    .concept__header {
        padding-top: 66px
    }
}

.concept__header-text {
    max-width: 386.4px
}

@media(max-width: 1440px) {
    .concept__header-text {
        max-width: 450px
    }
}

@media(max-width: 991px) {
    .concept__header-text {
        margin-top: 2rem
    }
}

.half1 {
    width: 60%;
    height: 316px;
    align-items: center;
}
.half2 {
    width: 40%;
    height: 316px;
}
.basic-concept{
    margin: 1.1em 0px;
    line-height: 1.52;
    font-weight: 500;
    color: #fff;
}
@media(max-width: 768px) {
    .concept__header-text {
        margin-top: 15px;
        max-width: 276px
    }

    .half1 {
        width: 100%;
    }
    .half2 {
        width: 100%;
    }
}


.concept-schema {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    position: relative
}


@media(max-width: 768px) {
    .concept-schema {
        flex-direction: column;
    }
}


.concept__left-card {
    position: absolute;
    bottom: 90%;
    left: -2%
}

@media(max-width: 768px) {
    .concept__left-card {
        left: 2%
    }
}

@media(max-width: 565px) {
    .concept__left-card {
        left: -2%
    }
}

@media(max-width: 434px) {
    .concept__left-card {
        order: 1
    }
}

.concept__right-card {
    position: absolute;
    right: -13%;
    bottom: 55%
}

@media(max-width: 768px) {
    .concept__right-card {
        right: -8%
    }
}

@media(max-width: 565px) {
    .concept__right-card {
        right: -12%
    }
}

@media(max-width: 434px) {
    .concept__right-card {
        order: 2
    }
}

@media(max-width: 434px) {
    .concept__block {
        position: relative;
        width: 100%;
        max-width: 100%;
        min-height: 200px;
        margin-top: 20px;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto
    }
}

.concept__btn-text {
    display: none;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #272d36;
    margin: 0 auto 10px
}

.concept__btn-text img {
    max-width: 7px
}

@media(min-width: 415px)and (max-width: 768px) {
    .concept__btn-text {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.concept__block.active .concept__btn-text {
    background: rgba(44, 144, 247, .8)
}

.concept__block.active .concept-card__text {
    display: block
}

.concept-card {
    max-width: 29.96em;
    border-radius: 1.19em;
    padding: 3.5em 4.9em 4.55em;
    background: rgba(36, 42, 51, .8)
}

@media(max-width: 1196px) {
    .concept-card {
        border-radius: 1.02em;
        padding: 3em 4.2em 3.9em
    }
}

@media(max-width: 768px) {
    .concept-card {
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

@media(max-width: 565px) {
    .concept-card {
        width: 100%;
        padding-right: 2.8em;
        padding-left: 2.8em
    }
}

@media(max-width: 434px) {
    .concept-card {
        max-width: 100%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.concept-card__img {
    max-width: 6.3em
}

.concept-card__img img {
    width: 100%;
    border-radius: 50%;
    box-shadow: 0 3px 1.82em rgba(0, 0, 0, .43)
}

@media(max-width: 991px) {
    .concept-card__img {
        max-width: 45px
    }
}

@media(max-width: 434px) {
    .concept-card__img {
        max-width: 70px
    }
}

.concept-card__round {
    width: 6.3em;
    height: 6.3em;
    box-shadow: 0 3px 1.82em rgba(255, 255, 255, .43)
}

@media(max-width: 434px) {
    .concept-card__round {
        width: 70px;
        height: 70px
    }
}

.concept-card__title {
    margin-top: 1.232em;
    font-size: 2.17em;
    font-weight: 700;
    color: #fff
}

@media(max-width: 991px) {
    .concept-card__title {
        margin-top: 1.056em
    }
}

@media(max-width: 565px) {
    .concept-card__title {
        font-size: 9px
    }
}

@media(max-width: 434px) {
    .concept-card__title {
        font-size: 20px
    }
}

.concept-card__text {
    margin-top: 2.38em;
    font-size: 11.2px;
    line-height: 1.75;
    color: rgba(255, 255, 255, .5)
}

@media(max-width: 991px) {
    .concept-card__text {
        margin-top: 1.36em;
        line-height: 1.4
    }
}

@media(min-width: 415px)and (max-width: 768px) {
    .concept-card__text {
        width: 80%;
        border-radius: 5px;
        padding: 26px 36px;
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 200;
        background: #272d36;
        box-shadow: 0 0 10px rgba(0, 0, 0, .16);
        font-size: 12px
    }
}

@media(max-width: 414px) {
    .concept-card__text {
        display: block
    }
}

.concept-predict {
    max-width: 1029px;
    margin: 5.6rem auto 0;
    border-radius: 19.6px;
    padding: 45.5px 11%;
    background: #100036;
    display: flex;
    align-items: center
}

@media(max-width: 991px) {
    .concept-predict {
        max-width: 735px;
        margin: 4rem auto 0;
        border-radius: 14px;
        padding: 32.5px 8.25%
    }
}

@media(max-width: 414px) {
    .concept-predict {
        flex-direction: column
    }
}

.concept-predict__img {
    width: 91.7px;
    flex-shrink: 0
}

.concept-predict__img img {
    max-width: 100%
}

@media(max-width: 991px) {
    .concept-predict__img {
        max-width: 64px
    }
}

.concept-predict__content {
    margin-left: 74.9px
}

@media(max-width: 991px) {
    .concept-predict__content {
        margin-left: 53.5px
    }
}

@media(max-width: 565px) {
    .concept-predict__content {
        margin-left: 22px
    }
}

@media(max-width: 414px) {
    .concept-predict__content {
        margin-left: 0;
        text-align: center;
        margin-top: 15px
    }
}

.concept-predict__title {
    font-size: 25.9px;
    font-weight: 600;
    color: #fff
}

@media(max-width: 991px) {
    .concept-predict__title {
        font-size: 18px
    }
}

.concept-predict__text {
    max-width: 569.8px;
    margin-top: 14px;
    font-size: 16.8px;
    font-weight: 500;
    line-height: 1.3333;
    color: #fff
}

@media(max-width: 991px) {
    .concept-predict__text {
        max-width: 407px;
        margin-top: 10px;
        font-size: 12px
    }
}

.advantage {
    padding: 0 0 52.5px;
    overflow: hidden
}

.advantage__title {
    font-size: 45.5px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding-top: 75px
}

@media(max-width: 1440px) {
    .advantage__title {
        font-size: 39px
    }
}

@media(max-width: 991px) {
    .advantage__title {
        font-size: 30.8px
    }
}

@media(max-width: 768px) {
    .advantage__title {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media(max-width: 414px) {
    .advantage__title {
        padding-left: 15px;
        padding-right: 15px
    }
}

.advantage__wrapper {
    font-size: 100px;
    margin: 112px auto 0;
    min-height: 8em;
    position: relative;
    display: flex;
    justify-content: space-around
}

@media(max-width: 991px) {
    .advantage__wrapper {
        margin: 96px auto 0
    }
}

@media(max-width: 768px) {
    .advantage__wrapper {
        justify-content: center;
        margin-top: 70px
    }
}

@media(max-width: 414px) {
    .advantage__wrapper {
        justify-content: center;
        margin-top: 30px
    }
}

.advantage__way {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 8em;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    object-fit: cover;
    object-position: center
}

.advantage__list {
    max-width: 1050px;
    width: 100%;
    margin: -25px 0 0;
    display: flex;
    justify-content: space-between
}

@media(max-width: 1440px) {
    .advantage__list {
        justify-content: center
    }
}

@media(max-width: 768px) {
    .advantage__list {
        margin-top: 80px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding: 0 32px
    }
}

@media(max-width: 414px) {
    .advantage__list {
        padding-left: 15px;
        padding-right: 15px
    }
}

.advantage__item {
    font-size: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 46.06em;
    width: 100%;
    position: relative;
    margin: 0 2rem
}

@media(max-width: 1440px) {
    .advantage__item {
        font-size: 9px
    }
}

@media(max-width: 991px) {
    .advantage__item {
        font-size: 9px
    }
}

.advantage__item_second {
    margin-top: 80px
}

.advantage__item_second>.advantage__puzzle {
    margin-bottom: 91px
}

@media(max-width: 768px) {
    .advantage__item_second {
        margin-top: 25px
    }
}

.advantage__item:before {
    content: "";
    display: block;
    width: auto;
    height: 30em;
    background: transparent;
    border-left: .2em dashed #707070;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1;
    transform: translateX(-50%)
}

@media(max-width: 768px) {
    .advantage__item:before {
        display: none
    }
}

.advantage__puzzle,
.advantage__icon {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.advantage__puzzle {
    position: relative;
    z-index: 3
}

@media(max-width: 768px) {
    .advantage__puzzle {
        display: none
    }
}

.advantage__puzzle {
    height: 10.5em;
    width: 10.5em;
    margin-bottom: 6.3em
}

@media(max-width: 768px) {
    .advantage__puzzle {
        max-width: 73px;
        max-height: 73px
    }
}

.advantage__icon {
    background: #100036;
    width: 73%;
    height: 73%
}

.advantage__icon img {
    max-width: 52%
}

.advantage__content {
    width: 100%;
    background: #00000034;
    padding: 63px 76.3px;
    border-radius: 11.9px;
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(max-width: 991px) {
    .advantage__content {
        min-height: 38.88em;
        padding: 45px 54.5px;
        border-radius: 10.2px
    }
}

@media(max-width: 768px) {
    .advantage__content {
        padding: 47px 37px;
        backdrop-filter: blur(50px)
    }
}

.advantage-content__back {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 100%;
    height: 100%;
    border-radius: 11.9px
}

.advantage-content__ct {
    position: relative;
    z-index: 5
}

.advantage__puzzle_mobile {
    display: none;
    position: relative
}

@media(max-width: 768px) {
    .advantage__puzzle_mobile {
        display: flex;
        margin-bottom: 20px
    }
}

.advantage-content__title {
    font-size: 2.8em;
    font-weight: 700;
    color: #fff
}

@media(max-width: 768px) {
    .advantage-content__title {
        font-size: 18px
    }
}

.advantage-content__subtitle {
    margin-top: 2.3em;
    font-size: 1.82em;
    line-height: 1.35;
    color: #fff
}

@media(max-width: 768px) {
    .advantage-content__subtitle {
        font-size: 14px;
        margin-top: 14px
    }
}

.advantage-content__text {
    margin-top: 1.1em;
    font-size: 1.61em;
    line-height: 1.52;
    font-weight: 500;
    color: #fff;
    max-width: 294px
}

@media(max-width: 768px) {
    .advantage-content__text {
        font-size: 12px;
        margin-top: 14px
    }
}

.bsns {
    padding-bottom: 112.7px
}

@media(max-width: 991px) {
    .bsns {
        padding-left: 32px;
        padding-right: 32px;
        padding-bottom: 96.6px
    }
}

@media(max-width: 414px) {
    .bsns {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 67.5px
    }
}

.bsns__wrapper {
    width: 100%;
    background: linear-gradient(125deg, #100036 0, #f02050 70%, #000000 70%, #100036 100%);
    border-radius: 23.1px;
    padding: 110px 100px 50px
}

@media(max-width: 1440px) {
    .bsns__wrapper {
        padding: 90px 70px 50px
    }
}

@media(max-width: 1196px) {
    .bsns__wrapper {
        padding: 60px 32px 50px
    }
}

@media(max-width: 991px) {
    .bsns__wrapper {
        background: linear-gradient(170deg, #100036 0%, #f02050 20%, #1C222C 60%, #100036)
    }
}

@media(max-width: 768px) {
    .bsns__wrapper {
        padding-bottom: 20px
    }
}

@media(max-width: 565px) {
    .bsns__wrapper {
        padding-bottom: 0
    }
}

.bsns__container {
    max-width: 1176px;
    margin: 0 auto
}

.bsns__header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media(max-width: 565px) {
    .bsns__header .title-gd {
        flex-direction: column
    }
}

.bsns__star {
    bottom: auto;
    top: 79%;
    left: 54%
}

@media(max-width: 991px) {
    .bsns__star {
        left: auto;
        right: 100%
    }
}

@media(max-width: 565px) {
    .bsns__star {
        top: 60%;
        left: 0;
        right: auto
    }
}

.bsns__header-text {
    max-width: 365.4px
}

@media(max-width: 1440px) {
    .bsns__header-text {
        max-width: 313.2px
    }
}

@media(max-width: 991px) {
    .bsns__header-text {
        margin-top: 10px;
        text-align: center
    }
}

@media(max-width: 768px) {
    .bsns__header-text {
        max-width: 261px
    }
}

.bsns__layout {
    margin-top: 24.5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-left: -10px;
    margin-right: -10px
}

@media(max-width: 1440px) {
    .bsns__layout {
        margin-top: 60px
    }
}

@media(max-width: 991px) {
    .bsns__layout {
        align-items: flex-start
    }
}

@media(max-width: 565px) {
    .bsns__layout {
        flex-direction: column;
        align-items: center;
        text-align: center
    }
}

.bsns-item,
.bsns__col {
    display: flex;
    flex-direction: column
}

.bsns__col {
    justify-content: flex-start
}

@media(max-width: 991px) {
    .bsns__col_ai {
        opacity: .2;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

@media(max-width: 565px) {
    .bsns__col:first-child {
        order: 1
    }

    .bsns__col_ai {
        order: 3;
        position: relative;
        transform: unset;
        left: auto;
        top: auto;
        opacity: 1
    }

    .bsns__col:last-child {
        order: 2
    }

    .bsns__col+.bsns__col {
        margin-top: 44.1px
    }
}

.bsns-item {
    margin: 0 10px
}

.bsns-item+.bsns-item {
    margin-top: 44.1px
}

@media(max-width: 565px) {
    .bsns-item+.bsns-item {
        margin-top: 28px
    }
}

.bsns-item__number {
    z-index: 2;
    font-size: 19.6px;
    font-weight: 600;
    color: #fff;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    width: 49px;
    height: 49px;
    background: transparent url(../images/numeric_round.png) center no-repeat;
    background-size: contain
}

@media(max-width: 565px) {
    .bsns-item__number {
        margin: 0 auto;
        justify-content: center;
        height: 65px
    }
}

.bsns-item__name {
    margin-top: 18.2px;
    font-size: 19.6px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff
}

@media(max-width: 1196px) {
    .bsns-item__name {
        margin-top: 16.9px;
        font-size: 18.2px
    }
}

@media(max-width: 768px) {
    .bsns-item__name {
        margin-top: 15.6px
    }
}

@media(max-width: 565px) {
    .bsns-item__name {
        margin-top: 14px;
        font-size: 14px
    }
}

.bsns-item__text {
    margin-top: 27.3px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.75;
    color: #e4e4e4;
    max-width: 252px;
    height: 93.1px;
    text-overflow: ellipsis;
    overflow: hidden
}

@media(max-width: 1196px) {
    .bsns-item__text {
        margin-top: 25.35px;
        font-size: 13px;
        max-width: 234px;
        height: 86.45px
    }
}

@media(max-width: 768px) {
    .bsns-item__text {
        margin-top: 23.4px;
        font-size: 12px
    }
}

@media(max-width: 565px) {
    .bsns-item__text {
        height: auto;
        margin-top: 15px
    }
}

.bsns__model {
    max-width: 329px
}

@media(max-width: 1196px) {
    .bsns__model {
        max-width: 282px
    }
}

@media(max-width: 565px) {
    .bsns__model {
        max-width: 317px
    }
}

.bsns__image {
    max-width: 100%
}

.feature {
    background: #000;
    background-image: url('../images/planet.jpg');
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
}

.feature__container {
    display: flex;
    flex-direction: column
}

@media(max-width: 768px) {
    .feature__container {
        padding-bottom: 90px
    }
}

.feature__title {
    display: inline-block;
    padding: 79.8px 30px;
    font-size: 38.5px;
    font-weight: 700;
    line-height: 1.13;
    color: #fff;
    align-self: center;
    position: relative;
    z-index: 5;
    background: #000;
    margin-top: -25px;
}

@media(max-width: 1196px) {
    .feature__title {
        padding: 85.25px 21.9px;
        font-size: 30.25px
    }
}

@media(max-width: 768px) {
    .feature__title {
        padding: 67px 0 49px
    }
}

.feature__slider {
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: center
}

.feature__list {
    display: flex;
    width: 457.8px;
    margin: 0
}

@media(max-width: 1440px) {
    .feature__list {
        width: 412.02px
    }
}

@media(max-width: 414px) {
    .feature__list {
        width: 340px
    }
}

.feature-item {
    height: 100%;
    position: relative;
    display: flex !important;
    flex-direction: column;
    padding: 0 24.5px
}

@media(max-width: 1440px) {
    .feature-item {
        padding: 0 22.75px
    }
}

@media(max-width: 1196px) {
    .feature-item {
        padding: 0 19.25px
    }
}

@media(max-width: 768px) {
    .feature-item {
        border-radius: 414px
    }
}

.feature-item__wrapper {
    padding: 6px;
    border-radius: 22.4px;
    background: transparent;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    position: relative;
    z-index: 5
}

@media(max-width: 1440px) {
    .feature-item__wrapper {
        padding: 5.1px;
        border-radius: 20.8px
    }
}

@media(max-width: 1196px) {
    .feature-item__wrapper {
        padding: 4.38px;
        border-radius: 17.6px
    }
}

@media(max-width: 768px) {
    .feature-item__wrapper {
        border-radius: 414px
    }
}

.feature-item__wrapper::before {
    content: "";
    display: block;
    border-left: 2.8px dashed #2c3035;
    height: 50%;
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%)
}

@media(max-width: 768px) {
    .feature-item__wrapper::before {
        display: none
    }
}

.feature-item__content {
    background: rgba(255, 255, 255, .15);
    backdrop-filter: blur(30px);
    border-radius: 17.5px;
    padding: 10% 15%;
    color: #fff;
    box-shadow: inset 0 11.9px 69.3px rgba(255, 255, 255, .08);
    height: 100%
}

@media(max-width: 414px) {
    .feature-item__content {
        padding-top: 30px;
        padding-bottom: 40px
    }
}

.feature__icon {
    width: 98px;
    height: 98px;
    background: #292d32
}

@media(max-width: 768px) {
    .feature__icon {
        background: #444a53;
        width: 97px;
        height: 97px
    }
}

@media(max-width: 414px) {
    .feature__icon {
        width: 75px;
        height: 75px
    }
}

.feature__icon,
.feature__round {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.feature-item__icon {
    position: absolute;
    bottom: calc(100% + 52.5px);
    left: 50%;
    transform: translateX(-50%)
}

@media(max-width: 768px) {
    .feature-item__icon {
        position: relative;
        bottom: auto;
        left: auto;
        transform: unset
    }
}

.feature__round {
    width: 77.7%;
    height: 77.7%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #100036;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .54)
}

.feature__img {
    max-width: 53%
}

.feature-item__number {
    font-size: 42.7px;
    font-weight: 600;
    line-height: 1.15
}

@media(max-width: 768px) {
    .feature-item__number {
        margin-top: 30px;
        font-size: 18px
    }
}

.feature-item__title,
.feature-item__text {
    max-width: 261.8px;
    font-size: 14px;
    line-height: 1.75
}

.feature-item__title {
    margin-top: 31.5px;
    font-size: 19.6px;
    font-weight: 600;
    line-height: 1.11
}

@media(max-width: 768px) {
    .feature-item__title {
        margin-top: 18px;
        font-size: 14px
    }
}

.feature-item__text {
    margin-top: 33.6px
}

@media(max-width: 768px) {
    .feature-item__text {
        margin-top: 18px;
        font-size: 12px
    }
}

.feature-under {
    position: relative;
    visibility: hidden;
    display: flex;
    justify-content: center;
    transform: scale(0)
}

@media(max-width: 768px) {
    .feature-under {
        display: none
    }
}

.feature-under__line {
    border-left: 2.8px dashed #2c3035;
    height: 175px
}

@media(max-width: 1440px) {
    .feature-under__line {
        height: 252.2px
    }
}

@media(max-width: 1196px) {
    .feature-under__line {
        height: 213.4px
    }
}

.feature-under__icon,
.feature-under__back,
.feature-under__img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.feature-under__round {
    box-shadow: unset
}

.feature-under__back {
    width: 100%;
    height: 100%;
    z-index: 1
}

.feature-under__img {
    z-index: 2;
    max-width: 53%;
    filter: invert(100%)
}

.feature-under {
    transition: visibility .2s ease-out, transform .2s ease-out
}

@media(min-width: 769px) {
    .feature .owl-item.active .feature-item .feature-under {
        visibility: visible;
        transform: scale(1)
    }

    .feature .owl-item.active .feature-item .feature-item__wrapper {
        background: linear-gradient(45deg, #B4BBFE, #9C8BFE, #FFB9D9, #B4BBFE, #9C8BFE, #FFB9D9)
    }

    .feature .owl-item.active .feature-item .feature-item__content {
        box-shadow: unset;
        background: #f02050  
    }
}

.token {
    padding-top: 94.5px
}

@media(max-width: 991px) {
    .token {
        padding: 0 32px
    }
}

@media(max-width: 565px) {
    .token {
        padding: 0 15px
    }
}

.token__wrapper {
    padding: 72.8px 70px 119px;
    border-radius: 23.1px;
    background: linear-gradient(115deg, #100036 0, #f02050 75%, #000000 75%, #100036 100%)
}

@media(max-width: 991px) {
    .token__wrapper {
        padding: 60px 40px 90px;
        border-radius: 12px;
        background: linear-gradient(170deg, #100036 0, #f02050 69%, #000000 69%, #100036 100%)
    }
}

.token__container {
    max-width: 1085px;
    margin: 0 auto
}

@media(max-width: 991px) {
    .token__container {
        max-width: 100%
    }
}

.token__header {
    display: flex;
    justify-content: center
}

.token__star {
    left: 95%;
    bottom: 63%
}

@media(max-width: 991px) {
    .token__star {
        bottom: auto;
        top: 80%;
        left: 27%
    }
}

.token__list {
    display: flex;
    margin: -1.8px -15px 0;
    flex-wrap: wrap
}

@media(max-width: 565px) {
    .token__list {
        margin-top: 10px
    }
}

.token-item {
    flex: 0 0 calc(33.33333% - 30px);
    display: flex;
    justify-content: center;
    margin: 75.6px 15px 0
}

@media(max-width: 991px) {
    .token-item {
        flex-basis: calc(50% - 30px);
        margin-top: 64.8px
    }
}

@media(max-width: 565px) {
    .token-item {
        flex-basis: calc(100% - 30px)
    }
}

@media(max-width: 565px) {
    .token-item {
        margin-top: 40px
    }
}

.token-item__icon,
.token-item__round {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    user-select: none;
    margin: 0px auto;

}

@media(min-width: 768px) {
    .token-item__icon:hover .token-item__round::before {
        transform: translate(-50%, -50%) scale(1)
    }

    .token-item__icon:hover .token-item__img {
        filter: brightness(0)
    }
}

.token-item__round::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: transparent url(../images/icon_hover.png) center no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform .4s ease
}

.token-item__icon {
    width: 93.1px;
    height: 93.1px;
    border-radius: 50%;
    background: #323842;
    cursor: pointer
}

@media(max-width: 991px) {
    .token-item__icon {
        width: 110px;
        height: 110px
    }
}

@media(max-width: 565px) {
    .token-item__icon {
        margin: 0 auto
    }
}

.token-item__round {
    width: 77.5%;
    height: 77.5%;
    background: #100036;
    border-radius: 50%;
    box-shadow: 0 3px 7.5px rgba(0, 0, 0, .54)
}

.token-item__img {
    max-width: 48%;
    position: relative;
    z-index: 3;
    transition: filter .4s ease
}

.token-item__content {
    max-width: 245px;
    width: 100%
}

@media(max-width: 991px) {
    .token-item__content {
        max-width: 210px
    }
}

@media(max-width: 565px) {
    .token-item__content {
        max-width: 175px;
        text-align: center
    }
}

.token-item__title {
    flex-shrink: 0;
    margin-top: 21px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #ffffff;
    text-align: center;
}

@media(max-width: 991px) {
    .token-item__title {
        margin-top: 19.5px;
        font-size: 13px
    }
}

@media(max-width: 991px) {
    .label {
        padding: 0 32px
    }
}

@media(max-width: 565px) {
    .label {
        padding: 0 15px
    }
}

.label__wrapper {
    margin: 0 auto;
    max-width: 1126.3px;
    background: #100036;
    border-radius: 14.7px;
    display: flex;
    justify-content: space-between
}

.label__header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.label__pol {
    padding-top: 109.2px;
    padding-bottom: 122.5px
}

@media(max-width: 991px) {
    .label__pol {
        padding-top: 93.6px;
        padding-bottom: 105px
    }
}

@media(max-width: 565px) {
    .label__pol {
        padding-top: 62px;
        padding-bottom: 44px
    }
}

.label__pol_wrapper {
    padding: 52.5px 58.1px
}

@media(max-width: 991px) {
    .label__pol_wrapper {
        flex-direction: column;
        align-items: center;
        padding: 45px 49.8px
    }
}

.label__title {
    margin: 0 auto;
    text-align: center
}

.label__pol_left,
.label__pol_right {
    display: flex;
    flex-direction: column
}

.label__pol_right {
    justify-content: space-between;
    align-items: flex-end
}

@media(max-width: 991px) {
    .label__pol_right {
        align-items: center;
        justify-content: center;
        width: 100%
    }
}

.label__pol_text {
    line-height: 61.6px
}

.label__body {
    margin-top: 32.9px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.label-pres,
.label-pres__item {
    display: flex;
    align-items: center
}

.label-pres {
    margin-top: 63px;
    margin-bottom: 0
}

@media(max-width: 991px) {
    .label-pres {
        margin-top: 30px;
        justify-content: center
    }
}

@media(max-width: 414px) {
    .label-pres__item {
        flex-direction: column
    }
}

.label-pres__item+.label-pres__item {
    margin-left: 95px;
    position: relative
}

.label-pres__item+.label-pres__item:before {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    background: linear-gradient(to Bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 30%, #fff 45%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
    position: absolute;
    top: 50%;
    left: -47.5px;
    transform: translateY(-50%)
}

@media(max-width: 768px) {
    .label-pres__item+.label-pres__item {
        margin-left: 66px
    }

    .label-pres__item+.label-pres__item::before {
        left: -33px
    }
}

@media(max-width: 414px) {
    .label-pres__item+.label-pres__item {
        margin-left: 30px
    }

    .label-pres__item+.label-pres__item::before {
        display: none
    }
}

.label-pres__icon {
    width: 42.7px;
    height: 42.7px
}

@media(max-width: 768px) {
    .label-pres__icon {
        width: 37px;
        height: 37px
    }
}

.label-pres__name {
    margin-left: 16.1px;
    font-size: 17.5px;
    font-weight: 500;
    color: #e4e4e4
}

@media(max-width: 768px) {
    .label-pres__name {
        font-size: 15px;
        margin-left: 13px
    }
}

@media(max-width: 565px) {
    .label-pres__name {
        font-size: 12px
    }
}

@media(max-width: 414px) {
    .label-pres__name {
        margin-left: 0;
        margin-top: 10px
    }
}

.label__btn {
    width: 15.2em;
    height: 4.8em
}

@media(max-width: 991px) {
    .label__btn {
        max-width: 250px;
        width: 100%;
        height: 60px
    }
}

@media(max-width: 414px) {
    .label__btn {
        height: 50px
    }
}

.partners__container {
    padding-bottom: 112px
}

@media(max-width: 991px) {
    .partners__container {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media(max-width: 414px) {
    .partners__container {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media(max-width: 768px) {
    .partners__container {
        padding-top: 50px;
        padding-bottom: 80px
    }
}

.partners__header {
    display: flex;
    justify-content: center;
    text-align: center
}

@media(max-width: 565px) {
    .partners__title {
        max-width: 80%
    }
}

.partners__list {
    margin: 84px auto 0;
    max-width: 1204px;
    display: flex;
    flex-wrap: wrap
}

@media(max-width: 991px) {
    .partners__list {
        margin-top: 60px
    }
}

@media(max-width: 565px) {
    .partners__list {
        margin-top: 35px
    }
}

@media(max-width: 414px) {
    .partners__list {
        margin-top: 10px
    }
}

.partners-item {
    max-height: 70px;
    flex: 0 0 calc(20% - 20px);
    margin: 65px 10px 0;
    display: flex;
    justify-content: center;
    position: relative
}

@media(max-width: 1196px) {
    .partners-item {
        flex: 0 0 calc(25% - 20px)
    }
}

@media(max-width: 991px) {
    .partners-item {
        margin-top: 50px;
        flex: 0 0 calc(33.33333% - 20px)
    }
}

@media(max-width: 768px) {
    .partners-item {
        flex: 0 0 calc(50% - 20px)
    }
}

.partners-item__label {
    position: absolute;
    right: 10%;
    bottom: 105%;
    padding: 1px;
    border-radius: 3px;
    font-size: 9.1px;
    cursor: unset;
    box-shadow: unset
}

.partners-item__label:hover {
    box-shadow: unset
}

@media(max-width: 565px) {
    .partners-item__label {
        font-size: 10px
    }
}

.partners-item__lw {
    padding: 5px 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none
}

.partners-item__label:not(.partners-item__label_gd) .partners-item__lw {
    background: #f02050  
}

.partners-item__image {
    max-height: 100%;
    max-width: 100%
}

.trading {
    padding-bottom: 121.1px
}

@media(max-width: 991px) {
    .trading {
        padding-bottom: 103.8px
    }
}

@media(max-width: 768px) {
    .trading {
        padding-bottom: 61px
    }
}

@media(max-width: 991px) {
    .trading__container {
        padding: 0 32px
    }
}

@media(max-width: 414px) {
    .trading__container {
        padding: 0 15px
    }
}

.trading__wrapper {
    margin: 0 auto;
    max-width: 1300.6px;
    width: 100%;
    border-radius: 23.1px;
    overflow: hidden;
    position: relative;
    background: #131519
}

@media(max-width: 1196px) {
    .trading__wrapper {
        border-radius: 19.8px
    }
}

@media(max-width: 991px) {
    .trading__wrapper {
        max-width: 100%
    }
}

@media(max-width: 768px) {
    .trading__wrapper {
        border-radius: 12px
    }
}

.trading__background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    object-position: left bottom;
    z-index: 1;
    max-height: 680px
}

@media(max-width: 991px) {
    .trading__background {
        height: 100%;
        top: auto;
        bottom: 0;
        transform: translate(-50%, 0)
    }
}

@media(max-width: 768px) {
    .trading__background {
        object-position: 35% bottom
    }
}

.trading__content {
    padding: 45.5px 98px;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center
}

@media(max-width: 1196px) {
    .trading__content {
        padding: 45.5px 70px
    }
}

@media(max-width: 991px) {
    .trading__content {
        flex-direction: column;
        padding: 45.5px 35px
    }
}

.trading__col {
    flex: 0 0
}

.trading__col_ai {
    flex-basis: 54%;
    align-self: flex-end
}

@media(max-width: 991px) {
    .trading__col_ai {
        order: 2;
        align-self: center;
        margin-top: 30px
    }
}

.trading__col_content {
    flex-shrink: 1;
    flex-basis: 46%;
    color: #fff;
    padding-left: 25px
}

@media(max-width: 991px) {
    .trading__col_content {
        order: 1;
        text-align: center;
        padding-left: 0
    }
}

.trading-ai {
    display: flex;
    align-items: center
}

@media(max-width: 565px) {
    .trading-ai {
        flex-direction: column
    }
}

.trading-ai__rocket {
    flex-shrink: 0;
    width: 333.9px;
    height: 458.5px;
    align-self: flex-end;
    position: relative
}

@media(max-width: 1196px) {
    .trading-ai__rocket {
        width: 286.2px;
        height: 393px
    }
}

@media(max-width: 991px) {
    .trading-ai__rocket {
        margin-top: 30px
    }
}

@media(max-width: 768px) {
    .trading-ai__rocket {
        width: 243px;
        height: auto
    }
}

@media(max-width: 565px) {
    .trading-ai__rocket {
        order: 2;
        margin-top: 30px
    }
}

.trading-rocket__full {
    width: 100%
}

.trading-ai__block {
    padding: 29.4px 28px;
    padding-right: 100.8px;
    border-radius: 14px;
    position: relative;
    z-index: 20;
    margin-top: 68px;
    margin-left: -36px;
    background: #536068
}

@supports(backdrop-filter: blur(15px)) {
    .trading-ai__block {
        background: rgba(255, 255, 255, .2);
        backdrop-filter: blur(15px)
    }
}

@media(max-width: 1196px) {
    .trading-ai__block {
        margin-left: -45px;
        margin-top: 0
    }
}

@media(max-width: 991px) {
    .trading-ai__block {
        margin-left: -36px;
        margin-top: 68px
    }
}

@media(max-width: 768px) {
    .trading-ai__block {
        padding: 25.2px 24px;
        padding-right: 86.4px
    }
}

@media(max-width: 565px) {
    .trading-ai__block {
        order: 1;
        margin-left: 0;
        margin-top: 100px;
        padding: 27px;
        padding-right: 92px
    }
}

.trading-ai__text {
    max-width: 72.8px;
    font-size: 11.2px;
    font-weight: 400;
    line-height: 1.375;
    color: #fff
}

.trading-ai__airdrop {
    position: absolute;
    bottom: 20%;
    left: 37%;
    max-width: 129.5px
}

@media(max-width: 768px) {
    .trading-ai__airdrop {
        max-width: 127px;
        bottom: 25%;
        left: 40%
    }
}

.trading-rocket__rocket {
    max-width: 46%;
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 8
}

.trading-rocket__gradient {
    max-width: 100%;
    width: 100%;
    z-index: 10;
    position: absolute;
    bottom: 0;
    height: 34%;
    border-radius: 0 0 42% 42%;
    transition: height .5s ease-out, border-radius .5s ease-out
}

.trading-rocket__countours {
    z-index: 4;
    width: 160%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 25%);
    opacity: 0;
    transition: opacity .5s ease-out
}

.trading-rocket__floor {
    max-width: 64%;
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 6
}

.trading__title {
    font-size: 32.2px;
    font-weight: 700
}

@media(max-width: 1196px) {
    .trading__title {
        font-size: 30px
    }
}

@media(max-width: 565px) {
    .trading__title {
        font-size: 26px
    }
}

.trading__subtitle {
    margin-top: 29.4px;
    font-size: 21px;
    font-weight: 600
}

@media(max-width: 1196px) {
    .trading__subtitle {
        margin-top: 25px;
        font-size: 20px
    }
}

@media(max-width: 565px) {
    .trading__subtitle {
        font-size: 17px
    }
}

.trading__text {
    max-width: 478.8px;
    margin-top: 37.8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.75;
    color: #e4e4e4
}

@media(max-width: 1196px) {
    .trading__text {
        max-width: 444.6px;
        margin-top: 35.1px;
        font-size: 14px
    }
}

@media(max-width: 991px) {
    .trading__text {
        max-width: 80%;
        margin: 35px auto 0
    }
}

@media(max-width: 768px) {
    .trading__text {
        max-width: 90%
    }
}

@media(max-width: 565px) {
    .trading__text {
        font-size: 12px
    }
}

@media(max-width: 414px) {
    .trading__text {
        max-width: 100%
    }
}

.trading__btn {
    margin-top: 46.55px;
    max-width: 261.8px;
    width: 100%;
    height: 64.4px
}

@media(max-width: 1196px) {
    .trading__btn {
        max-width: 260px;
        margin-top: 44px;
        height: 61px
    }
}

@media(max-width: 991px) {
    .trading__btn {
        margin: 46.55px auto 0
    }
}

@media(min-width: 769px) {
    .trading-rocket__rocket {
        bottom: 5%;
        height: 75%;
        transition: height .6s ease-out, bottom .6s ease-out
    }

    .trading-ai__block {
        transform: translate(-6%, 15%);
        transition: transform .6s ease-out
    }

    .trading-ai__airdrop {
        transform: rotate(4deg);
        transition: transform .6s ease-out
    }

    .trading__wrapper:hover .trading-rocket__gradient {
        border-radius: 0;
        height: 100%
    }

    .trading__wrapper:hover .trading-rocket__rocket {
        bottom: 10%;
        height: 80%
    }

    .trading__wrapper:hover .trading-rocket__countours {
        opacity: .75
    }

    .trading__wrapper:hover .trading-ai__block {
        transform: unset
    }

    .trading__wrapper:hover .trading-ai__airdrop {
        transform: unset
    }
}

.axion__wrapper {
    margin: 0 auto;
    max-width: 1300.6px;
    padding: 59.5px 20px 0;
    border-radius: 23.1px;
    width: 100%;
    overflow: hidden;
    position: relative
}

@media(max-width: 991px) {
    .axion__wrapper {
        border-radius: 13.2px;
        padding-top: 51px
    }
}

@media(max-width: 768px) {
    .axion__wrapper {
        padding-top: 40px
    }
}

.axion__back {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    width: 100%;
    height: 100%
}

.axion__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center
}

.axion__header {
    max-width: 476px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

@media(max-width: 768px) {
    .axion__header {
        max-width: 408px
    }
}

@media(max-width: 565px) {
    .axion__header {
        max-width: 340px
    }
}

@media(max-width: 434px) {
    .axion__header {
        max-width: 272px
    }
}

.axion__title,
.axion__image img {
    width: 100%
}

.axion__btn {
    max-width: 210px;
    width: 100%;
    height: 64.4px;
    margin-top: 28px
}

@media(max-width: 768px) {
    .axion__btn {
        max-width: 250px;
        height: 61px
    }
}

@media(max-width: 434px) {
    .axion__btn {
        height: 50px
    }
}

.axion__image {
    margin-top: 91.7px;
    max-width: 80%
}

@media(max-width: 768px) {
    .axion__image {
        margin-top: 78.6px;
        max-width: 95%
    }
}

.news {
    overflow: hidden
}

.news__container {
    padding-top: 106.4px;
    padding-bottom: 94.5px;
    margin: 0 auto;
    max-width: 1393px
}

@media(max-width: 991px) {
    .news__container {
        padding-top: 91.2px;
        padding-bottom: 81px
    }
}

@media(max-width: 565px) {
    .news__container {
        padding-top: 62px;
        padding-bottom: 60px
    }
}

.news__header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media(max-width: 768px) {
    .news__header {
        justify-content: center;
        text-align: center
    }
}

.news__star {
    left: auto;
    right: 97%
}

@media(max-width: 768px) {
    .news__star {
        right: 40%
    }
}

.news__btn {
    width: 100%;
    max-width: 266px;
    height: 64.4px
}

@media(max-width: 991px) {
    .news__btn {
        height: 61px
    }
}

.news__slider {
    display: flex;
    justify-content: center
}

.news__list {
    margin: 116.9px 0 0;
    width: 507.5px
}

@media(max-width: 1440px) {
    .news__list {
        margin: 108.55px 0 0;
        width: 471.25px
    }
}

@media(max-width: 991px) {
    .news__list {
        margin-top: 83.5px
    }
}

@media(max-width: 565px) {
    .news__list {
        margin: 59px 0 0;
        width: 362px
    }
}

@media(max-width: 414px) {
    .news__list {
        width: 275px
    }
}

.slick-list {
    overflow: visible !important;
    cursor: pointer
}

.news__wrapper {
    padding: 0 40px
}

@media(max-width: 1440px) {
    .news__wrapper {
        padding: 0 28px
    }
}

@media(max-width: 1440px) {
    .news__wrapper {
        padding: 0 20px
    }
}

@media(max-width: 565px) {
    .news__wrapper {
        padding: 0 10px
    }
}

.news-item__image {
    width: 100%;
    height: 298.2px;
    border-radius: 12.6px;
    overflow: hidden;
    position: relative
}

@media(max-width: 1440px) {
    .news-item__image {
        height: 276.9px;
        border-radius: 11.7px
    }
}

@media(max-width: 991px) {
    .news-item__image {
        height: 286px
    }
}

@media(max-width: 414px) {
    .news-item__image {
        height: 200.2px
    }
}

.news-item__image-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%
}

.news-item__image-time {
    width: 44.4%;
    height: 22%;
    border-top-right-radius: 16.8px;
    background: #000;
    font-size: 15.4px;
    font-weight: 400;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -1px;
    bottom: -1px
}

@media(max-width: 565px) {
    .news-item__image-time {
        font-size: 12px
    }
}

.news-item__content {
    margin-top: 50.05px
}

@media(max-width: 1440px) {
    .news-item__content {
        margin-top: 46.475px
    }
}

@media(max-width: 565px) {
    .news-item__content {
        margin-top: 30px
    }
}

.news-item__title {
    font-size: 33.6px;
    font-weight: 700;
    color: #fff
}

@media(max-width: 1440px) {
    .news-item__title {
        font-size: 31.2px
    }
}

@media(max-width: 565px) {
    .news-item__title {
        font-size: 20px
    }
}

.news-item__desc {
    margin-top: 16.8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.55;
    color: #616161
}

@media(max-width: 1440px) {
    .news-item__desc {
        margin-top: 22px;
        font-size: 13px
    }
}

@media(max-width: 565px) {
    .news-item__desc {
        font-size: 12px
    }
}

.news-item__btn {
    display: block;
    margin-top: 16.8px;
    font-size: 16.1px;
    font-weight: 500;
    color: #1397bc
}

@media(max-width: 1440px) {
    .news-item__btn {
        margin-top: 15.6px;
        font-size: 14.95px
    }
}

@media(max-width: 565px) {
    .news-item__btn {
        margin-top: 28px;
        font-size: 12px
    }
}

@media(max-width: 991px) {
    .news__btn_desktop {
        max-width: 225px
    }
}

@media(max-width: 768px) {
    .news__btn_desktop {
        display: none
    }
}

.news__btn_mobile {
    display: none;
    margin: 50px auto 0
}

@media(max-width: 768px) {
    .news__btn_mobile {
        display: block
    }
}

@media(max-width: 565px) {
    .news__btn_mobile {
        max-width: 250px
    }
}

.newsletter__wrapper {
    background: #040507;
    padding: 49px 105px 61.6px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .14)
}

@supports(backdrop-filter: blur(30px)) {
    .newsletter__wrapper {
        background: rgba(4, 5, 7, .25);
        backdrop-filter: blur(30px)
    }
}

@media(max-width: 1196px) {
    .newsletter__wrapper {
        padding: 38.5px 67.5px 48.4px
    }
}

@media(max-width: 991px) {
    .newsletter__wrapper {
        flex-direction: column;
        align-items: center
    }
}

@media(max-width: 565px) {
    .newsletter__wrapper {
        padding: 64px 17px
    }
}

.newsletter__title {
    line-height: 1.47
}

@media(max-width: 991px) {
    .newsletter__title {
        line-height: 1
    }
}

.newsletter__star {
    bottom: 35%;
    left: 82%
}

@media(max-width: 991px) {
    .newsletter__star {
        bottom: 77%;
        left: 91%
    }
}

.newsletter__col_title {
    flex: 0 0 55%;
    display: flex;
    align-items: center;
    white-space: nowrap
}

.newsletter__col_form {
    padding-left: 40px;
    flex: 0 0 45%;
    display: flex;
    justify-content: flex-end
}

@media(max-width: 991px) {
    .newsletter__col_form {
        margin-top: 31px;
        justify-content: center;
        padding-left: 0;
        max-width: 440px;
        width: 100%
    }
}

@media(max-width: 768px) {
    .newsletter__col_form {
        max-width: 285px
    }
}

@media(max-width: 565px) {
    .newsletter__col_form {
        max-width: 250px
    }
}

@media(max-width: 991px) {

    .newsletter__col_title,
    .newsletter__col_form {
        flex: 0 0 100%;
        text-align: center
    }
}

.newsletter-form {
    display: flex;
    flex: 0 1 308px;
    flex-direction: column
}

@media(max-width: 1196px) {
    .newsletter-form {
        flex-basis: 308px
    }
}

@media(max-width: 991px) {
    .newsletter-form {
        flex-basis: auto;
        max-width: 440px;
        width: 100%
    }
}

.newsletter-form__title {
    max-width: 197.4px
}

@media(max-width: 991px) {
    .newsletter-form__title {
        margin: 0 auto
    }
}

.newsletter-form__input {
    margin-top: 46.2px;
    max-width: 100%;
    width: 100%;
    height: 64.4px;
    padding: 0 35px;
    border-radius: 14.7px;
    border: none;
    outline: none;
    background: #161b20;
    transition: background .2s ease-out;
    position: relative;
    z-index: 5;
    caret-color: #fe3dce;
    font-size: 14px;
    font-weight: 400;
    color: #fff
}

.newsletter-form__input::placeholder {
    color: #e4e4e4
}

.newsletter-form__input:focus {
    background: #20282f
}

@media(max-width: 1196px) {
    .newsletter-form__input {
        height: 61px
    }
}

@media(max-width: 991px) {
    .newsletter-form__input {
        text-align: center
    }
}

@media(max-width: 565px) {
    .newsletter-form__input {
        text-align: left;
        padding: 0 30px;
        font-size: 12px
    }
}

.newsletter-form__submit {
    margin-top: 21px;
    height: 64.4px;
    position: relative
}

@media(max-width: 1196px) {
    .newsletter-form__submit {
        height: 61px
    }

}

@media(min-width: 769px) {
    .newsletter-form__submit:hover {
        box-shadow: 0 0 20px 5px rgba(255, 255, 255, .25)
    }

}

.footer {
    background: #100036
}

.footer__container {
    display: flex;
    flex-direction: column;
    max-width: 1440px
}

.footer__t {
    padding-top: 108.5px;
    padding-bottom: 70px;
    display: block;
    text-align: center;
    border-bottom: 1px solid #707070
}

@media(max-width: 991px) {
    .footer__t {
        padding-top: 75px;
        padding-bottom: 35px
    }
}

@media(max-width: 414px) {
    .footer__t {
        padding-top: 50px
    }
}

.footer__desc {
    flex: 0 0 262.5px
}

@media(max-width: 991px) {
    .footer__desc {
        flex-basis: auto
    }
}

.footer__desc_repl {
    display: flex;
    flex-direction: column
}

@media(max-width: 991px) {
    .footer__desc_repl {
        align-items: center
    }
}

.footer__logo {
    max-width: 235.2px;
    display: block;
    margin: 0 auto
}

.footer__logo img {
    width: 100%
}


@media(max-width: 565px) {
    .footer__logo {
        max-width: 235px
    }
}

@media(max-width: 414px) {
    .footer__logo {
        max-width: 185px
    }
}

.footer__text {
    margin-top: 45.5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    color: #868686
}

@media(max-width: 991px) {
    .footer__text {
        max-width: 450px;
        text-align: center;
        margin: 55px auto 0
    }
}

@media(max-width: 565px) {
    .footer__text {
        font-size: 14px;
        max-width: 255px
    }
}

.footer-nav {
    margin-top: -55px;
    display: flex;
    justify-content: flex-end;
    flex-grow: 1
}

@media(max-width: 1196px) {
    .footer-nav {
        justify-content: center
    }
}

@media(max-width: 991px) {
    .footer-nav {
        margin-top: -5px
    }
}

@media(max-width: 768px) {
    .footer-nav {
        flex-wrap: wrap
    }
}

.footer-nav__item {
    margin-top: 56px;
    padding-left: 50px;
    flex: 0 0 25%;
    display: flex;
    justify-content: flex-end
}

@media(max-width: 1196px) {
    .footer-nav__item {
        padding-left: 35px;
        justify-content: center
    }
}

@media(max-width: 991px) {
    .footer-nav__item {
        justify-content: flex-start;
        padding: 0 10px
    }
}

@media(max-width: 768px) {
    .footer-nav__content {
        text-align: center;
        margin: 0 auto;
    }

    .footer-nav__item {
        flex: 0 0 33%;
        display: flex
    }

    .footer-nav__item:nth-child(even) {}
}

.footer-nav__title {
    font-size: 15.4px;
    font-weight: 700;
    color: #fff
}

@media(max-width: 1196px) {
    .footer-nav__title {
        font-size: 14.3px
    }
}

.footer-list {
    margin-top: 14px;
}

@media(max-width: 565px) {
    .footer-nav__content {
        text-align: left;
        margin: 0
    }

    .footer-nav__title {
        font-size: 14px
    }

    .footer-list {
        display: flex;
        flex-direction: column;
    }
}



.footer-list__link {
    font-size: 15.4px;
    font-weight: 600;
    color: #868686;
    padding: 12.6px 5px
}

@media(max-width: 1196px) {
    .footer-list__link {
        font-size: 14.3px
    }
}

@media(max-width: 565px) {
    .footer-list__link {
        font-size: 14px
    }
}

@media(max-width: 414px) {
    .footer-list__link {
        padding: 10px 0
    }
}

.footer-nav__content_partners {
    display: flex;
    align-items: center
}

.footer-partners__img {
    max-height: 25.9px
}

@media(max-width: 565px) {
    .footer-partners__img {
        max-height: 24px;
        max-width: 100%
    }
}

.footer-partners__img+.footer-partners__img {
    margin-top: 37.1px
}

.footer__copyright {
    padding: 29.4px 0;
    text-align: center
}

@media(max-width: 414px) {
    .footer__copyright {
        padding: 20px 0
    }
}

.footer__copy {
    font-size: 16.8px;
    font-weight: 400;
    line-height: 1.5;
    color: rgba(255, 255, 255, .26)
}

@media(max-width: 414px) {
    .footer__copy {
        font-size: 14px
    }
}

.footer__mobile {
    display: flex;
    flex-direction: column;
    align-items: center
}

.footer-social {
    margin: 35px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 262.5px
}

.footer-social__link {
    display: block;
    width: 25px;
    height: 25px;
    background: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 10px
}

.footer-social__link_fb {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0xNy4zMDkyIDguNjU0NjJDMTcuMzA5MiAzLjg3NDggMTMuNDM0NCAwIDguNjU0NjIgMEMzLjg3NDggMCAwIDMuODc0OCAwIDguNjU0NjJDMCAxMi45NzQzIDMuMTY0ODUgMTYuNTU0OCA3LjMwMjM0IDE3LjIwNDFWMTEuMTU2M0g1LjEwNDg4VjguNjU0NjJINy4zMDIzNFY2Ljc0NzlDNy4zMDIzNCA0LjU3ODg0IDguNTk0NDUgMy4zODA3MSAxMC41NzEzIDMuMzgwNzFDMTEuNTE3OSAzLjM4MDcxIDEyLjUwODYgMy41NDk3NSAxMi41MDg2IDMuNTQ5NzVWNS42Nzk2SDExLjQxNzNDMTAuMzQyMyA1LjY3OTYgMTAuMDA2OSA2LjM0Njc4IDEwLjAwNjkgNy4wMzE4OFY4LjY1NDYySDEyLjQwNzJMMTIuMDIzNSAxMS4xNTYzSDEwLjAwNjlWMTcuMjA0MUMxNC4xNDQ0IDE2LjU1NDggMTcuMzA5MiAxMi45NzQzIDE3LjMwOTIgOC42NTQ2MloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iMTcuMzA5MiIgaGVpZ2h0PSIxNy4zMDkyIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)
}

.footer-social__link_tw {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik01Ljc1NDUyIDE1LjY4NjVDMTIuMjg0NyAxNS42ODY1IDE1Ljg1NzQgMTAuMjc1IDE1Ljg1NzQgNS41ODM2MUMxNS44NTc0IDUuNDMxNDggMTUuODU0MSA1LjI3NTk3IDE1Ljg0NzMgNS4xMjM4NEMxNi41NDIzIDQuNjIxMjIgMTcuMTQyMSAzLjk5ODY2IDE3LjYxODQgMy4yODU0MUMxNi45NzEyIDMuNTczMzkgMTYuMjgzOSAzLjc2MTQ3IDE1LjU4MDIgMy44NDMyMkMxNi4zMjEyIDMuMzk5MDggMTYuODc2IDIuNzAxMzQgMTcuMTQxOCAxLjg3OTM3QzE2LjQ0NDcgMi4yOTI0NyAxNS42ODI0IDIuNTgzODkgMTQuODg3NSAyLjc0MTExQzE0LjM1MTkgMi4xNzIwMyAxMy42NDM4IDEuNzk1MjQgMTIuODcyNiAxLjY2ODk4QzEyLjEwMTQgMS41NDI3MiAxMS4zMTAxIDEuNjc0MDIgMTAuNjIxIDIuMDQyNkM5LjkzMTkxIDIuNDExMTggOS4zODM0MyAyLjk5NjQ5IDkuMDYwMzYgMy43MDgwNUM4LjczNzI5IDQuNDE5NjEgOC42NTc2MiA1LjIxNzc4IDguODMzNjcgNS45NzkxNkM3LjQyMjIyIDUuOTA4MzMgNi4wNDE0IDUuNTQxNjcgNC43ODA3NSA0LjkwMjk1QzMuNTIwMDkgNC4yNjQyNCAyLjQwNzczIDMuMzY3NzIgMS41MTU3OCAyLjI3MTUzQzEuMDYyNDQgMy4wNTMxMyAwLjkyMzcyMyAzLjk3ODAzIDEuMTI3ODEgNC44NTgyM0MxLjMzMTkgNS43Mzg0NCAxLjg2MzQ4IDYuNTA3OTIgMi42MTQ1MSA3LjAxMDI3QzIuMDUwNjggNi45OTIzNyAxLjQ5OTIgNi44NDA1NyAxLjAwNTYzIDYuNTY3NFY2LjYxMTM1QzEuMDA1MTMgNy40MzE1OCAxLjI4ODY5IDguMjI2NjggMS44MDgxMiA4Ljg2MTQ5QzIuMzI3NTUgOS40OTYyOSAzLjA1MDc5IDkuOTMxNjIgMy44NTQ4OSAxMC4wOTM1QzMuMzMyNTkgMTAuMjM2NCAyLjc4NDQxIDEwLjI1NzIgMi4yNTI3OCAxMC4xNTQzQzIuNDc5NjggMTAuODU5NyAyLjkyMTE1IDExLjQ3NjcgMy41MTU1OCAxMS45MTkxQzQuMTEgMTIuMzYxNiA0LjgyNzczIDEyLjYwNzQgNS41Njg1OCAxMi42MjIzQzQuMzEwODMgMTMuNjEwMiAyLjc1NzE1IDE0LjE0NjEgMS4xNTc3NiAxNC4xNDM2QzAuODc0MTI1IDE0LjE0MzEgMC41OTA3NjcgMTQuMTI1OCAwLjMwOTIwNCAxNC4wOTE1QzEuOTM0MDEgMTUuMTMzOSAzLjgyNDA4IDE1LjY4NzUgNS43NTQ1MiAxNS42ODY1WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIxNy4zMDkyIiBoZWlnaHQ9IjE3LjMwOTIiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjMwOTIwNCkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)
}

.footer-social__link_inst {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik05LjI3MzAzIDEuNTU4NTFDMTEuNTg1NCAxLjU1ODUxIDExLjg1OTMgMS41Njg2NSAxMi43Njg3IDEuNjA5MjJDMTMuNjEzOSAxLjY0NjQxIDE0LjA3MDMgMS43ODg0IDE0LjM3NDUgMS45MDY3MkMxNC43NzY4IDIuMDYyMjMgMTUuMDY3NiAyLjI1MTU1IDE1LjM2ODUgMi41NTI0NEMxNS42NzI3IDIuODU2NyAxNS44NTg3IDMuMTQ0MDYgMTYuMDE0MiAzLjU0NjM3QzE2LjEzMjUgMy44NTA2MyAxNi4yNzQ1IDQuMzEwNDEgMTYuMzExNyA1LjE1MjJDMTYuMzUyMiA2LjA2NSAxNi4zNjI0IDYuMzM4ODMgMTYuMzYyNCA4LjY0Nzg2QzE2LjM2MjQgMTAuOTYwMyAxNi4zNTIyIDExLjIzNDEgMTYuMzExNyAxMi4xNDM1QzE2LjI3NDUgMTIuOTg4NyAxNi4xMzI1IDEzLjQ0NTEgMTYuMDE0MiAxMy43NDk0QzE1Ljg1ODcgMTQuMTUxNyAxNS42NjkzIDE0LjQ0MjQgMTUuMzY4NSAxNC43NDMzQzE1LjA2NDIgMTUuMDQ3NSAxNC43NzY4IDE1LjIzMzUgMTQuMzc0NSAxNS4zODlDMTQuMDcwMyAxNS41MDczIDEzLjYxMDUgMTUuNjQ5MyAxMi43Njg3IDE1LjY4NjVDMTEuODU1OSAxNS43MjcxIDExLjU4MjEgMTUuNzM3MiA5LjI3MzAzIDE1LjczNzJDNi45NjA2MiAxNS43MzcyIDYuNjg2NzkgMTUuNzI3MSA1Ljc3NzM3IDE1LjY4NjVDNC45MzIyIDE1LjY0OTMgNC40NzU4IDE1LjUwNzMgNC4xNzE1NCAxNS4zODlDMy43NjkyMyAxNS4yMzM1IDMuNDc4NDkgMTUuMDQ0MiAzLjE3NzYxIDE0Ljc0MzNDMi44NzMzNCAxNC40MzkgMi42ODc0IDE0LjE1MTcgMi41MzE4OSAxMy43NDk0QzIuNDEzNTcgMTMuNDQ1MSAyLjI3MTU4IDEyLjk4NTMgMi4yMzQzOSAxMi4xNDM1QzIuMTkzODIgMTEuMjMwNyAyLjE4MzY4IDEwLjk1NjkgMi4xODM2OCA4LjY0Nzg2QzIuMTgzNjggNi4zMzU0NSAyLjE5MzgyIDYuMDYxNjEgMi4yMzQzOSA1LjE1MjJDMi4yNzE1OCA0LjMwNzAzIDIuNDEzNTcgMy44NTA2MyAyLjUzMTg5IDMuNTQ2MzdDMi42ODc0IDMuMTQ0MDYgMi44NzY3MiAyLjg1MzMyIDMuMTc3NjEgMi41NTI0NEMzLjQ4MTg3IDIuMjQ4MTcgMy43NjkyMyAyLjA2MjIzIDQuMTcxNTQgMS45MDY3MkM0LjQ3NTggMS43ODg0IDQuOTM1NTggMS42NDY0MSA1Ljc3NzM3IDEuNjA5MjJDNi42ODY3OSAxLjU2ODY1IDYuOTYwNjIgMS41NTg1MSA5LjI3MzAzIDEuNTU4NTFaTTkuMjczMDMgMEM2LjkyMzQ0IDAgNi42MjkzMSAwLjAxMDE0MjEgNS43MDYzOCAwLjA1MDcxMDdDNC43ODY4MyAwLjA5MTI3OTIgNC4xNTQ2MyAwLjI0MDAzIDMuNjA2OTYgMC40NTMwMTVDMy4wMzU2MiAwLjY3NjE0MiAyLjU1MjE4IDAuOTcwMjY0IDIuMDcyMTEgMS40NTM3MUMxLjU4ODY3IDEuOTMzNzcgMS4yOTQ1NSAyLjQxNzIxIDEuMDcxNDIgMi45ODUxN0MwLjg1ODQzOSAzLjUzNjIyIDAuNzA5Njg3IDQuMTY1MDQgMC42NjkxMTkgNS4wODQ1OUMwLjYyODU1IDYuMDEwOSAwLjYxODQwOCA2LjMwNTAzIDAuNjE4NDA4IDguNjU0NjJDMC42MTg0MDggMTEuMDA0MiAwLjYyODU1IDExLjI5ODMgMC42NjkxMTkgMTIuMjIxM0MwLjcwOTY4NyAxMy4xNDA4IDAuODU4NDM5IDEzLjc3MyAxLjA3MTQyIDE0LjMyMDdDMS4yOTQ1NSAxNC44OTIgMS41ODg2NyAxNS4zNzU1IDIuMDcyMTEgMTUuODU1NUMyLjU1MjE4IDE2LjMzNTYgMy4wMzU2MiAxNi42MzMxIDMuNjAzNTggMTYuODUyOEM0LjE1NDYzIDE3LjA2NTggNC43ODM0NCAxNy4yMTQ2IDUuNzAzIDE3LjI1NTFDNi42MjU5MyAxNy4yOTU3IDYuOTIwMDUgMTcuMzA1OSA5LjI2OTY1IDE3LjMwNTlDMTEuNjE5MiAxNy4zMDU5IDExLjkxMzQgMTcuMjk1NyAxMi44MzYzIDE3LjI1NTFDMTMuNzU1OSAxNy4yMTQ2IDE0LjM4OCAxNy4wNjU4IDE0LjkzNTcgMTYuODUyOEMxNS41MDM3IDE2LjYzMzEgMTUuOTg3MSAxNi4zMzU2IDE2LjQ2NzIgMTUuODU1NUMxNi45NDcyIDE1LjM3NTUgMTcuMjQ0NyAxNC44OTIgMTcuNDY0NSAxNC4zMjQxQzE3LjY3NzUgMTMuNzczIDE3LjgyNjIgMTMuMTQ0MiAxNy44NjY4IDEyLjIyNDdDMTcuOTA3NCAxMS4zMDE3IDE3LjkxNzUgMTEuMDA3NiAxNy45MTc1IDguNjU4QzE3LjkxNzUgNi4zMDg0MSAxNy45MDc0IDYuMDE0MjkgMTcuODY2OCA1LjA5MTM1QzE3LjgyNjIgNC4xNzE4IDE3LjY3NzUgMy41Mzk2IDE3LjQ2NDUgMi45OTE5M0MxNy4yNTE1IDIuNDE3MjEgMTYuOTU3NCAxLjkzMzc3IDE2LjQ3MzkgMS40NTM3MUMxNS45OTM5IDAuOTczNjQ1IDE1LjUxMDQgMC42NzYxNDIgMTQuOTQyNSAwLjQ1NjM5NkMxNC4zOTE0IDAuMjQzNDExIDEzLjc2MjYgMC4wOTQ2NTk5IDEyLjg0MzEgMC4wNTQwOTE0QzExLjkxNjcgMC4wMTAxNDIxIDExLjYyMjYgMCA5LjI3MzAzIDBaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNOS4yNzI5MSA0LjIwODk4QzYuODE4NTEgNC4yMDg5OCA0LjgyNzI3IDYuMjAwMjIgNC44MjcyNyA4LjY1NDYyQzQuODI3MjcgMTEuMTA5IDYuODE4NTEgMTMuMTAwMyA5LjI3MjkxIDEzLjEwMDNDMTEuNzI3MyAxMy4xMDAzIDEzLjcxODUgMTEuMTA5IDEzLjcxODUgOC42NTQ2MkMxMy43MTg1IDYuMjAwMjIgMTEuNzI3MyA0LjIwODk4IDkuMjcyOTEgNC4yMDg5OFpNOS4yNzI5MSAxMS41Mzg0QzcuNjgwNTkgMTEuNTM4NCA2LjM4OTE2IDEwLjI0NjkgNi4zODkxNiA4LjY1NDYyQzYuMzg5MTYgNy4wNjIzIDcuNjgwNTkgNS43NzA4NyA5LjI3MjkxIDUuNzcwODdDMTAuODY1MiA1Ljc3MDg3IDEyLjE1NjcgNy4wNjIzIDEyLjE1NjcgOC42NTQ2MkMxMi4xNTY3IDEwLjI0NjkgMTAuODY1MiAxMS41Mzg0IDkuMjcyOTEgMTEuNTM4NFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xNC45MzIyIDQuMDMzMTZDMTQuOTMyMiA0LjYwNzg5IDE0LjQ2NTcgNS4wNzEwNCAxMy44OTQzIDUuMDcxMDRDMTMuMzE5NiA1LjA3MTA0IDEyLjg1NjQgNC42MDQ1MSAxMi44NTY0IDQuMDMzMTZDMTIuODU2NCAzLjQ1ODQ0IDEzLjMyMyAyLjk5NTI5IDEzLjg5NDMgMi45OTUyOUMxNC40NjU3IDIuOTk1MjkgMTQuOTMyMiAzLjQ2MTgyIDE0LjkzMjIgNC4wMzMxNloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iMTcuMzA5MiIgaGVpZ2h0PSIxNy4zMDkyIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC42MTg0MDgpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==)
}

.footer-social__link_yt {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0xOC4wNjQ0IDUuMTkyODFDMTguMDY0NCA1LjE5MjgxIDE3Ljg5NTQgMy45OTk0MiAxNy4zNzQ4IDMuNDc1NDFDMTYuNzE1NSAyLjc4NTc0IDE1Ljk3ODUgMi43ODIzNiAxNS42NDA1IDIuNzQxNzlDMTMuMjE5OSAyLjU2NTk5IDkuNTg1NjIgMi41NjU5OSA5LjU4NTYyIDIuNTY1OTlIOS41Nzg4NUM5LjU3ODg1IDIuNTY1OTkgNS45NDQ1OSAyLjU2NTk5IDMuNTI0IDIuNzQxNzlDMy4xODU5MyAyLjc4MjM2IDIuNDQ4OTMgMi43ODU3NCAxLjc4OTY5IDMuNDc1NDFDMS4yNjkwNiAzLjk5OTQyIDEuMTAzNDEgNS4xOTI4MSAxLjEwMzQxIDUuMTkyODFDMS4xMDM0MSA1LjE5MjgxIDAuOTI3NjEyIDYuNTk1OCAwLjkyNzYxMiA3Ljk5NTQyVjkuMzA3MTNDMC45Mjc2MTIgMTAuNzA2NyAxLjEwMDAzIDEyLjEwOTcgMS4xMDAwMyAxMi4xMDk3QzEuMTAwMDMgMTIuMTA5NyAxLjI2OTA2IDEzLjMwMzEgMS43ODYzMSAxMy44MjcxQzIuNDQ1NTUgMTQuNTE2OCAzLjMxMTAxIDE0LjQ5MzEgMy42OTY0MiAxNC41Njc1QzUuMDgyNTEgMTQuNjk5NCA5LjU4MjIzIDE0LjczOTkgOS41ODIyMyAxNC43Mzk5QzkuNTgyMjMgMTQuNzM5OSAxMy4yMTk5IDE0LjczMzIgMTUuNjQwNSAxNC41NjA4QzE1Ljk3ODUgMTQuNTIwMiAxNi43MTU1IDE0LjUxNjggMTcuMzc0OCAxMy44MjcxQzE3Ljg5NTQgMTMuMzAzMSAxOC4wNjQ0IDEyLjEwOTcgMTguMDY0NCAxMi4xMDk3QzE4LjA2NDQgMTIuMTA5NyAxOC4yMzY5IDEwLjcxMDEgMTguMjM2OSA5LjMwNzEzVjcuOTk1NDJDMTguMjM2OSA2LjU5NTggMTguMDY0NCA1LjE5MjgxIDE4LjA2NDQgNS4xOTI4MVpNNy43OTM4NCAxMC44OTk0VjYuMDM0NkwxMi40Njk0IDguNDc1NDhMNy43OTM4NCAxMC44OTk0WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIxNy4zMDkyIiBoZWlnaHQ9IjE3LjMwOTIiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjkyNzYxMikiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)
}

.footer-social__link_tg {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTcuNTQ2MSA5LjAxNTIyQzE3LjU0NjEgMTMuNzk1IDEzLjY3MTMgMTcuNjY5OCA4Ljg5MTQ0IDE3LjY2OThDNC4xMTE2MiAxNy42Njk4IDAuMjM2ODE2IDEzLjc5NSAwLjIzNjgxNiA5LjAxNTIyQzAuMjM2ODE2IDQuMjM1NCA0LjExMTYyIDAuMzYwNTk2IDguODkxNDQgMC4zNjA1OTZDMTMuNjcxMyAwLjM2MDU5NiAxNy41NDYxIDQuMjM1NCAxNy41NDYxIDkuMDE1MjJaTTkuMjAxNTUgNi43NDk4MkM4LjM1OTc2IDcuMDk5OTUgNi42NzczNyA3LjgyNDYzIDQuMTU0MzcgOC45MjM4NkMzLjc0NDY3IDkuMDg2NzggMy41MzAwNiA5LjI0NjE2IDMuNTEwNTIgOS40MDIwMUMzLjQ3NzUgOS42NjU0IDMuODA3MzMgOS43NjkxMSA0LjI1NjQ4IDkuOTEwMzRDNC4zMTc1OCA5LjkyOTU1IDQuMzgwODggOS45NDk0NiA0LjQ0NTc3IDkuOTcwNTVDNC44ODc2NiAxMC4xMTQyIDUuNDgyMDggMTAuMjgyMiA1Ljc5MTEgMTAuMjg4OUM2LjA3MTQgMTAuMjk1IDYuMzg0MjYgMTAuMTc5NCA2LjcyOTY2IDkuOTQyMjNDOS4wODY5NyA4LjM1MDk4IDEwLjMwMzggNy41NDY2OCAxMC4zODAyIDcuNTI5MzRDMTAuNDM0MSA3LjUxNzExIDEwLjUwODggNy41MDE3MyAxMC41NTk0IDcuNTQ2NzFDMTAuNjEgNy41OTE2OSAxMC42MDUgNy42NzY4NyAxMC41OTk3IDcuNjk5NzJDMTAuNTY3IDcuODM5MDEgOS4yNzIzIDkuMDQyNjkgOC42MDIyOSA5LjY2NTZDOC4zOTM0MSA5Ljg1OTc5IDguMjQ1MjUgOS45OTc1MyA4LjIxNDk2IDEwLjAyOUM4LjE0NzExIDEwLjA5OTUgOC4wNzc5NyAxMC4xNjYxIDguMDExNTEgMTAuMjMwMkM3LjYwMDk4IDEwLjYyNTkgNy4yOTMxMyAxMC45MjI3IDguMDI4NTUgMTEuNDA3M0M4LjM4MTk3IDExLjY0MDIgOC42NjQ3NyAxMS44MzI4IDguOTQ2OTEgMTIuMDI1QzkuMjU1MDMgMTIuMjM0OCA5LjU2MjM1IDEyLjQ0NDEgOS45NTk5OCAxMi43MDQ3QzEwLjA2MTMgMTIuNzcxMSAxMC4xNTggMTIuODQwMSAxMC4yNTIzIDEyLjkwNzNDMTAuNjEwOCAxMy4xNjI5IDEwLjkzMyAxMy4zOTI2IDExLjMzMSAxMy4zNTZDMTEuNTYyMyAxMy4zMzQ3IDExLjgwMTEgMTMuMTE3MiAxMS45MjI1IDEyLjQ2ODdDMTIuMjA5MiAxMC45MzU5IDEyLjc3MjcgNy42MTQ5NCAxMi45MDMgNi4yNDY0NEMxMi45MTQ0IDYuMTI2NTUgMTIuOSA1Ljk3MzEgMTIuODg4NSA1LjkwNTc0QzEyLjg3NyA1LjgzODM4IDEyLjg1MjkgNS43NDI0MSAxMi43NjUzIDUuNjcxMzZDMTIuNjYxNiA1LjU4NzIyIDEyLjUwMTYgNS41Njk0OCAxMi40MyA1LjU3MDc0QzEyLjEwNDUgNS41NzY0OCAxMS42MDUgNS43NTAxMyA5LjIwMTU1IDYuNzQ5ODJaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjE3LjMwOTIiIGhlaWdodD0iMTcuMzA5MiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMjM2ODE2IDAuMzYwNTk2KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)
}

@media(min-width: 769px) {
    .footer-list__link {
        transition: color .2s ease-out
    }

    .footer-social__link {
        opacity: .5;
        transition: opacity .2s ease-out
    }

    .footer-list__link:hover {
        color: #b9b9b9
    }

    .footer-social__link:hover {
        opacity: 1
    }

}

.thumb-wrap {
    margin-bottom: 40px;
}


@media(max-width: 768px) {
    .thumb-wrap {
        position: relative;
        height: 0;
        overflow: hidden;
        margin-bottom: 40px;
    }
}

canvas {
    position: absolute;
}