.wrapper {
    position: fixed
}

.wrapper.loaded {
    position: relative
}

.wrapper.loaded .preloader {
    opacity: 0;
    visibility: hidden
}

.preloader {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.preloader__wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999
}

@-webkit-keyframes ldio-3hnr5v6w62w {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes ldio-3hnr5v6w62w {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.preloader .ldio-3hnr5v6w62w div {
    left: 94px;
    top: 48px;
    position: absolute;
    -webkit-animation: ldio-3hnr5v6w62w linear 1s infinite;
    animation: ldio-3hnr5v6w62w linear 1s infinite;
    background: #74cfc1;
    width: 12px;
    height: 24px;
    border-radius: 6px/12px;
    -webkit-transform-origin: 6px 52px;
    -ms-transform-origin: 6px 52px;
    transform-origin: 6px 52px
}

.preloader .ldio-3hnr5v6w62w div:nth-child(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-animation-delay: -.9166666667s;
    animation-delay: -.9166666667s;
    background: #74cfc1
}

.preloader .ldio-3hnr5v6w62w div:nth-child(2) {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-animation-delay: -.8333333333s;
    animation-delay: -.8333333333s;
    background: #74cfc1
}

.preloader .ldio-3hnr5v6w62w div:nth-child(3) {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-delay: -.75s;
    animation-delay: -.75s;
    background: #74cfc1
}

.preloader .ldio-3hnr5v6w62w div:nth-child(4) {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation-delay: -.6666666667s;
    animation-delay: -.6666666667s;
    background: #74cfc1
}

.preloader .ldio-3hnr5v6w62w div:nth-child(5) {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
    -webkit-animation-delay: -.5833333333s;
    animation-delay: -.5833333333s;
    background: #74cfc1
}

.preloader .ldio-3hnr5v6w62w div:nth-child(6) {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s;
    background: #74cfc1
}

.preloader .ldio-3hnr5v6w62w div:nth-child(7) {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-animation-delay: -.4166666667s;
    animation-delay: -.4166666667s;
    background: #74cfc1
}

.preloader .ldio-3hnr5v6w62w div:nth-child(8) {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
    -webkit-animation-delay: -.3333333333s;
    animation-delay: -.3333333333s;
    background: #74cfc1
}

.preloader .ldio-3hnr5v6w62w div:nth-child(9) {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
    -webkit-animation-delay: -.25s;
    animation-delay: -.25s;
    background: #74cfc1
}

.preloader .ldio-3hnr5v6w62w div:nth-child(10) {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-animation-delay: -.1666666667s;
    animation-delay: -.1666666667s;
    background: #74cfc1
}

.preloader .ldio-3hnr5v6w62w div:nth-child(11) {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
    -webkit-animation-delay: -83.3333333ms;
    animation-delay: -83.3333333ms;
    background: #74cfc1
}

.preloader .ldio-3hnr5v6w62w div:nth-child(12) {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    background: #74cfc1
}

.preloader .loadingio-spinner-spinner-jkqxob28j {
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    background: #000
}

.preloader .ldio-3hnr5v6w62w {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.preloader .ldio-3hnr5v6w62w div {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

@-webkit-keyframes ldio-twvzb8ynl0p {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes ldio-twvzb8ynl0p {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

.preloader .ldio-twvzb8ynl0p div {
    position: absolute;
    width: 120px;
    height: 120px;
    border: 20px solid #74cfc1;
    border-top-color: transparent;
    border-radius: 50%
}

.preloader .ldio-twvzb8ynl0p div {
    -webkit-animation: ldio-twvzb8ynl0p 1s linear infinite;
    animation: ldio-twvzb8ynl0p 1s linear infinite;
    top: 100px;
    left: 100px
}

.preloader .loadingio-spinner-rolling-uv5s1u9fnwp {
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    background: #000
}

.preloader .ldio-twvzb8ynl0p {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.preloader .ldio-twvzb8ynl0p div {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

@-webkit-keyframes ldio-01zul3slp7l7 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes ldio-01zul3slp7l7 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

.preloader .ldio-01zul3slp7l7 div {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important
}

.preloader .ldio-01zul3slp7l7>div {
    position: absolute;
    width: 144px;
    height: 144px;
    top: 28px;
    left: 28px;
    border-radius: 50%;
    border: 16px solid #000;
    border-color: #74cfc1 transparent #74cfc1 transparent;
    -webkit-animation: ldio-01zul3slp7l7 1s linear infinite;
    animation: ldio-01zul3slp7l7 1s linear infinite
}

.preloader .ldio-01zul3slp7l7>div:nth-child(2) {
    border-color: transparent
}

.preloader .ldio-01zul3slp7l7>div:nth-child(2) div {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.preloader .ldio-01zul3slp7l7>div:nth-child(2) div:after,
.preloader .ldio-01zul3slp7l7>div:nth-child(2) div:before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: -16px;
    left: 48px;
    background: #74cfc1;
    border-radius: 50%;
    -webkit-box-shadow: 0 128px 0 0 #74cfc1;
    box-shadow: 0 128px 0 0 #74cfc1
}

.preloader .ldio-01zul3slp7l7>div:nth-child(2) div:after {
    left: -16px;
    top: 48px;
    -webkit-box-shadow: 128px 0 0 0 #74cfc1;
    box-shadow: 128px 0 0 0 #74cfc1
}

.preloader .loadingio-spinner-dual-ring-ekusqsputhm {
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    background: #000
}

.preloader .ldio-01zul3slp7l7 {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.preloader .ldio-01zul3slp7l7 div {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.preloader #loadercontainer4 {
    width: 140px;
    height: 70px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.preloader #loader4 {
    width: 140px;
    height: 140px;
    border-style: solid;
    border-top-color: #74cfc1;
    border-right-color: #74cfc1;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: rotate4 3s ease-in-out infinite;
    animation: rotate4 3s ease-in-out infinite;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg)
}

@-webkit-keyframes rotate4 {
    0% {
        border-width: 10px
    }

    25% {
        border-width: 3px
    }

    50% {
        -webkit-transform: rotate(115deg);
        transform: rotate(115deg);
        border-width: 10px
    }

    75% {
        border-width: 3px
    }

    100% {
        border-width: 10px
    }
}

@keyframes rotate4 {
    0% {
        border-width: 10px
    }

    25% {
        border-width: 3px
    }

    50% {
        -webkit-transform: rotate(115deg);
        transform: rotate(115deg);
        border-width: 10px
    }

    75% {
        border-width: 3px
    }

    100% {
        border-width: 10px
    }
}

@-webkit-keyframes ldio-zdjvzvq6hl8 {
    0% {
        -webkit-transform: translate(12px, 80px) scale(0);
        transform: translate(12px, 80px) scale(0)
    }

    25% {
        -webkit-transform: translate(12px, 80px) scale(0);
        transform: translate(12px, 80px) scale(0)
    }

    50% {
        -webkit-transform: translate(12px, 80px) scale(1);
        transform: translate(12px, 80px) scale(1)
    }

    75% {
        -webkit-transform: translate(80px, 80px) scale(1);
        transform: translate(80px, 80px) scale(1)
    }

    100% {
        -webkit-transform: translate(148px, 80px) scale(1);
        transform: translate(148px, 80px) scale(1)
    }
}

@keyframes ldio-zdjvzvq6hl8 {
    0% {
        -webkit-transform: translate(12px, 80px) scale(0);
        transform: translate(12px, 80px) scale(0)
    }

    25% {
        -webkit-transform: translate(12px, 80px) scale(0);
        transform: translate(12px, 80px) scale(0)
    }

    50% {
        -webkit-transform: translate(12px, 80px) scale(1);
        transform: translate(12px, 80px) scale(1)
    }

    75% {
        -webkit-transform: translate(80px, 80px) scale(1);
        transform: translate(80px, 80px) scale(1)
    }

    100% {
        -webkit-transform: translate(148px, 80px) scale(1);
        transform: translate(148px, 80px) scale(1)
    }
}

@-webkit-keyframes ldio-zdjvzvq6hl8-r {
    0% {
        -webkit-transform: translate(148px, 80px) scale(1);
        transform: translate(148px, 80px) scale(1)
    }

    100% {
        -webkit-transform: translate(148px, 80px) scale(0);
        transform: translate(148px, 80px) scale(0)
    }
}

@keyframes ldio-zdjvzvq6hl8-r {
    0% {
        -webkit-transform: translate(148px, 80px) scale(1);
        transform: translate(148px, 80px) scale(1)
    }

    100% {
        -webkit-transform: translate(148px, 80px) scale(0);
        transform: translate(148px, 80px) scale(0)
    }
}

@-webkit-keyframes ldio-zdjvzvq6hl8-c {
    0% {
        background: #74cfc1
    }

    25% {
        background: #77d3c6
    }

    50% {
        background: #74cfc1
    }

    75% {
        background: #77d3c6
    }

    100% {
        background: #74cfc1
    }
}

@keyframes ldio-zdjvzvq6hl8-c {
    0% {
        background: #74cfc1
    }

    25% {
        background: #77d3c6
    }

    50% {
        background: #74cfc1
    }

    75% {
        background: #77d3c6
    }

    100% {
        background: #74cfc1
    }
}

.preloader .ldio-zdjvzvq6hl8 div {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-transform: translate(80px, 80px) scale(1);
    -ms-transform: translate(80px, 80px) scale(1);
    transform: translate(80px, 80px) scale(1);
    background: #74cfc1;
    -webkit-animation: ldio-zdjvzvq6hl8 1s infinite cubic-bezier(0, .5, .5, 1);
    animation: ldio-zdjvzvq6hl8 1s infinite cubic-bezier(0, .5, .5, 1)
}

.preloader .ldio-zdjvzvq6hl8 div:nth-child(1) {
    background: #77d3c6;
    -webkit-transform: translate(148px, 80px) scale(1);
    -ms-transform: translate(148px, 80px) scale(1);
    transform: translate(148px, 80px) scale(1);
    -webkit-animation: ldio-zdjvzvq6hl8-r .25s infinite cubic-bezier(0, .5, .5, 1), ldio-zdjvzvq6hl8-c 1s infinite step-start;
    animation: ldio-zdjvzvq6hl8-r .25s infinite cubic-bezier(0, .5, .5, 1), ldio-zdjvzvq6hl8-c 1s infinite step-start
}

.preloader .ldio-zdjvzvq6hl8 div:nth-child(2) {
    -webkit-animation-delay: -.25s;
    animation-delay: -.25s;
    background: #74cfc1
}

.preloader .ldio-zdjvzvq6hl8 div:nth-child(3) {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s;
    background: #77d3c6
}

.preloader .ldio-zdjvzvq6hl8 div:nth-child(4) {
    -webkit-animation-delay: -.75s;
    animation-delay: -.75s;
    background: #74cfc1
}

.preloader .ldio-zdjvzvq6hl8 div:nth-child(5) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    background: #77d3c6
}

.preloader .loadingio-spinner-ellipsis-5bp3i1ni6ra {
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    background: #000
}

.preloader .ldio-zdjvzvq6hl8 {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.preloader .ldio-zdjvzvq6hl8 div {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.preloader .pl {
    display: block;
    width: 6.25em;
    height: 6.25em
}

.preloader .pl__ball,
.preloader .pl__ring {
    -webkit-animation: ring 2s ease-out infinite;
    animation: ring 2s ease-out infinite;
    will-change: stroke-dasharray, animation-timing-function
}

.preloader .pl__ball {
    -webkit-animation-name: ball;
    animation-name: ball;
    will-change: stroke-dasharray, animation-timing-function
}

@-webkit-keyframes ring {
    from {
        stroke-dasharray: 0 257 0 0 1 0 0 258
    }

    25% {
        stroke-dasharray: 0 0 0 0 257 0 258 0
    }

    50%,
    to {
        stroke-dasharray: 0 0 0 0 0 515 0 0
    }
}

@keyframes ring {
    from {
        stroke-dasharray: 0 257 0 0 1 0 0 258
    }

    25% {
        stroke-dasharray: 0 0 0 0 257 0 258 0
    }

    50%,
    to {
        stroke-dasharray: 0 0 0 0 0 515 0 0
    }
}

@-webkit-keyframes ball {

    50%,
    from {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        stroke-dashoffset: 1
    }

    64% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        stroke-dashoffset: -109
    }

    78% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        stroke-dashoffset: -145
    }

    92% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        stroke-dashoffset: -157
    }

    57%,
    71%,
    85%,
    99%,
    to {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        stroke-dashoffset: -163
    }
}

@keyframes ball {

    50%,
    from {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        stroke-dashoffset: 1
    }

    64% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        stroke-dashoffset: -109
    }

    78% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        stroke-dashoffset: -145
    }

    92% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        stroke-dashoffset: -157
    }

    57%,
    71%,
    85%,
    99%,
    to {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        stroke-dashoffset: -163
    }
}

.preloader .loader7 {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 75px;
    display: inline-block;
    vertical-align: middle
}

.preloader .loader-star7 {
    position: absolute;
    top: calc(50% - 12px)
}

.preloader .loader-27 {
    fill: #74cfc1
}

.preloader .loader-27 .loader-star7 {
    position: static;
    width: 60px;
    height: 60px;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    -webkit-animation: loader-2-star7 1s ease alternate infinite;
    animation: loader-2-star7 1s ease alternate infinite
}

.preloader .loader-27 .loader-circles7 {
    width: 8px;
    height: 8px;
    background: #74cfc1;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 4px);
    top: calc(50% - 4px);
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-animation: loader-2-circles7 1s ease-in-out alternate infinite;
    animation: loader-2-circles7 1s ease-in-out alternate infinite
}

@-webkit-keyframes loader-2-circles7 {
    0% {
        -webkit-box-shadow: 0 0 0 #74cfc1;
        box-shadow: 0 0 0 #74cfc1;
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-box-shadow: 24px -22px #74cfc1, 30px -15px 0 -3px #74cfc1, 31px 0 #74cfc1, 29px 9px 0 -3px #74cfc1, 24px 23px #74cfc1, 17px 30px 0 -3px #74cfc1, 0 33px #74cfc1, -10px 28px 0 -3px #74cfc1, -24px 22px #74cfc1, -29px 14px 0 -3px #74cfc1, -31px -3px #74cfc1, -30px -11px 0 -3px #74cfc1, -20px -25px #74cfc1, -12px -30px 0 -3px #74cfc1, 5px -29px #74cfc1, 13px -25px 0 -3px #74cfc1;
        box-shadow: 24px -22px #74cfc1, 30px -15px 0 -3px #74cfc1, 31px 0 #74cfc1, 29px 9px 0 -3px #74cfc1, 24px 23px #74cfc1, 17px 30px 0 -3px #74cfc1, 0 33px #74cfc1, -10px 28px 0 -3px #74cfc1, -24px 22px #74cfc1, -29px 14px 0 -3px #74cfc1, -31px -3px #74cfc1, -30px -11px 0 -3px #74cfc1, -20px -25px #74cfc1, -12px -30px 0 -3px #74cfc1, 5px -29px #74cfc1, 13px -25px 0 -3px #74cfc1;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-box-shadow: 25px -22px #74cfc1, 15px -22px 0 -3px #000, 31px 2px #74cfc1, 21px 2px 0 -3px #000, 23px 25px #74cfc1, 13px 25px 0 -3px #000, 0 33px #74cfc1, -10px 33px 0 -3px #000, -26px 24px #74cfc1, -19px 17px 0 -3px #000, -32px 0 #74cfc1, -23px 0 0 -3px #000, -25px -23px #74cfc1, -16px -23px 0 -3px #000, 0 -31px #74cfc1, -2px -23px 0 -3px #000;
        box-shadow: 25px -22px #74cfc1, 15px -22px 0 -3px #000, 31px 2px #74cfc1, 21px 2px 0 -3px #000, 23px 25px #74cfc1, 13px 25px 0 -3px #000, 0 33px #74cfc1, -10px 33px 0 -3px #000, -26px 24px #74cfc1, -19px 17px 0 -3px #000, -32px 0 #74cfc1, -23px 0 0 -3px #000, -25px -23px #74cfc1, -16px -23px 0 -3px #000, 0 -31px #74cfc1, -2px -23px 0 -3px #000
    }
}

@keyframes loader-2-circles7 {
    0% {
        -webkit-box-shadow: 0 0 0 #74cfc1;
        box-shadow: 0 0 0 #74cfc1;
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-box-shadow: 24px -22px #74cfc1, 30px -15px 0 -3px #74cfc1, 31px 0 #74cfc1, 29px 9px 0 -3px #74cfc1, 24px 23px #74cfc1, 17px 30px 0 -3px #74cfc1, 0 33px #74cfc1, -10px 28px 0 -3px #74cfc1, -24px 22px #74cfc1, -29px 14px 0 -3px #74cfc1, -31px -3px #e11a2b, -30px -11px 0 -3px #74cfc1, -20px -25px #74cfc1, -12px -30px 0 -3px #74cfc1, 5px -29px #74cfc1, 13px -25px 0 -3px #74cfc1;
        box-shadow: 24px -22px #74cfc1, 30px -15px 0 -3px #74cfc1, 31px 0 #74cfc1, 29px 9px 0 -3px #74cfc1, 24px 23px #74cfc1, 17px 30px 0 -3px #74cfc1, 0 33px #74cfc1, -10px 28px 0 -3px #74cfc1, -24px 22px #74cfc1, -29px 14px 0 -3px #74cfc1, -31px -3px #74cfc1, -30px -11px 0 -3px #74cfc1, -20px -25px #74cfc1, -12px -30px 0 -3px #74cfc1, 5px -29px #74cfc1, 13px -25px 0 -3px #74cfc1;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-box-shadow: 25px -22px #74cfc1, 15px -22px 0 -3px #000, 31px 2px #74cfc1, 21px 2px 0 -3px #000, 23px 25px #74cfc1, 13px 25px 0 -3px #000, 0 33px #74cfc1, -10px 33px 0 -3px #000, -26px 24px #74cfc1, -19px 17px 0 -3px #000, -32px 0 #74cfc1, -23px 0 0 -3px #000, -25px -23px #74cfc1, -16px -23px 0 -3px #000, 0 -31px #74cfc1, -2px -23px 0 -3px #000;
        box-shadow: 25px -22px #74cfc1, 15px -22px 0 -3px #000, 31px 2px #74cfc1, 21px 2px 0 -3px #000, 23px 25px #74cfc1, 13px 25px 0 -3px #000, 0 33px #74cfc1, -10px 33px 0 -3px #000, -26px 24px #74cfc1, -19px 17px 0 -3px #000, -32px 0 #74cfc1, -23px 0 0 -3px #000, -25px -23px #74cfc1, -16px -23px 0 -3px #000, 0 -31px #74cfc1, -2px -23px 0 -3px #000
    }
}

@-webkit-keyframes loader-2-star7 {
    0% {
        -webkit-transform: scale(0) rotate(0);
        transform: scale(0) rotate(0)
    }

    100% {
        -webkit-transform: scale(.7) rotate(360deg);
        transform: scale(.7) rotate(360deg)
    }
}

@keyframes loader-2-star7 {
    0% {
        -webkit-transform: scale(0) rotate(0);
        transform: scale(0) rotate(0)
    }

    100% {
        -webkit-transform: scale(.7) rotate(360deg);
        transform: scale(.7) rotate(360deg)
    }
}

.preloader .pre-stop1 {
    stop-color: #74cfc1
}

.preloader .pre-stop2 {
    stop-color: #77d3c6
}

.preloader svg {
    overflow: visible;
    width: 100px;
    height: 150px
}

.preloader svg g {
    -webkit-animation: slide 2s linear infinite;
    animation: slide 2s linear infinite
}

.preloader svg g:nth-child(2) {
    -webkit-animation-delay: 2s/4;
    animation-delay: 2s/4
}

.preloader svg g:nth-child(2) path {
    -webkit-animation-delay: 2s/4;
    animation-delay: 2s/4;
    stroke-dasharray: 0 158px;
    stroke-dashoffset: 1px
}

.preloader svg path {
    stroke: url(style.min.css);
    stroke-width: 20px;
    stroke-linecap: round;
    fill: none;
    stroke-dasharray: 0 157px;
    stroke-dashoffset: 0;
    will-change: stroke-dasharray, stroke-dashoffset;
    -webkit-animation: escalade 2s cubic-bezier(.8, 0, .2, 1) infinite;
    animation: escalade 2s cubic-bezier(.8, 0, .2, 1) infinite
}

@-webkit-keyframes slide {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }

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

@keyframes slide {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }

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

@-webkit-keyframes escalade {
    0% {
        stroke-dasharray: 0 157px;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 157px 157px;
        stroke-dashoffset: 0
    }

    100% {
        stroke-dasharray: 157px 157px;
        stroke-dashoffset: -156px
    }
}

@keyframes escalade {
    0% {
        stroke-dasharray: 0 157px;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 157px 157px;
        stroke-dashoffset: 0
    }

    100% {
        stroke-dasharray: 157px 157px;
        stroke-dashoffset: -156px
    }
}

.preloader #preloader9 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.preloader #loader9 {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #74cfc1;
    -webkit-animation: spin9 2s linear infinite;
    animation: spin9 2s linear infinite
}

.preloader #loader9:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #77d3c6;
    -webkit-animation: spin9 3s linear infinite;
    animation: spin9 3s linear infinite
}

.preloader #loader9:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #74cfc1;
    -webkit-animation: spin9 1.5s linear infinite;
    animation: spin9 1.5s linear infinite
}

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

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spin9 {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin9 {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.preloader .loading10 {
    font-family: "Arial Black", Gadget, sans-serif;
    text-transform: uppercase;
    width: 150px;
    text-align: center;
    line-height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.preloader .loading10 span {
    position: relative;
    z-index: 999;
    color: #000
}

.preloader .loading10:before {
    content: "";
    background: #74cfc1;
    width: 128px;
    height: 36px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-animation: 2s loadingBefore infinite ease-in-out;
    animation: 2s loadingBefore infinite ease-in-out
}

@-webkit-keyframes loadingBefore {
    0% {
        -webkit-transform: translateX(-14px);
        transform: translateX(-14px)
    }

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

    100% {
        -webkit-transform: translateX(-14px);
        transform: translateX(-14px)
    }
}

@keyframes loadingBefore {
    0% {
        -webkit-transform: translateX(-14px);
        transform: translateX(-14px)
    }

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

    100% {
        -webkit-transform: translateX(-14px);
        transform: translateX(-14px)
    }
}

.preloader .loading10:after {
    content: "";
    background: #77d3c6;
    width: 14px;
    height: 60px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: .5;
    -webkit-animation: 2s loadingAfter infinite ease-in-out;
    animation: 2s loadingAfter infinite ease-in-out
}

@-webkit-keyframes loadingAfter {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }

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

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

@keyframes loadingAfter {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }

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

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

.preloader .loader11 {
    width: 150px;
    height: 150px;
    display: inline-block;
    position: relative
}

.preloader .loader11::after,
.preloader .loader11::before {
    content: "";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 4px solid #74cfc1;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: animloader11 1s linear infinite;
    animation: animloader11 1s linear infinite;
    opacity: 0
}

.preloader .loader11::after {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

@-webkit-keyframes animloader11 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes animloader11 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.preloader .loader12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
    -webkit-perspective: 1000px;
    perspective: 1000px;
    border-radius: 50%;
    width: 98px;
    height: 98px;
    color: #74cfc1;
    margin: auto
}

.preloader .loader12:after,
.preloader .loader12:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    -webkit-transform: rotateX(70deg);
    transform: rotateX(70deg);
    -webkit-animation: 1s spin12 linear infinite;
    animation: 1s spin12 linear infinite
}

.preloader .loader12:after {
    color: #77d3c6;
    -webkit-transform: rotateY(70deg);
    transform: rotateY(70deg);
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

@-webkit-keyframes rotate12 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotateZ(0);
        transform: translate(-50%, -50%) rotateZ(0)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
        transform: translate(-50%, -50%) rotateZ(360deg)
    }
}

@keyframes rotate12 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotateZ(0);
        transform: translate(-50%, -50%) rotateZ(0)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
        transform: translate(-50%, -50%) rotateZ(360deg)
    }
}

@-webkit-keyframes rotateccw12 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(-360deg);
        transform: translate(-50%, -50%) rotate(-360deg)
    }
}

@keyframes rotateccw12 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(-360deg);
        transform: translate(-50%, -50%) rotate(-360deg)
    }
}

@-webkit-keyframes spin12 {

    0%,
    100% {
        -webkit-box-shadow: .2em 0 0 0 currentcolor;
        box-shadow: .2em 0 0 0 currentcolor
    }

    12% {
        -webkit-box-shadow: .2em .2em 0 0 currentcolor;
        box-shadow: .2em .2em 0 0 currentcolor
    }

    25% {
        -webkit-box-shadow: 0 .2em 0 0 currentcolor;
        box-shadow: 0 .2em 0 0 currentcolor
    }

    37% {
        -webkit-box-shadow: -.2em .2em 0 0 currentcolor;
        box-shadow: -.2em .2em 0 0 currentcolor
    }

    50% {
        -webkit-box-shadow: -.2em 0 0 0 currentcolor;
        box-shadow: -.2em 0 0 0 currentcolor
    }

    62% {
        -webkit-box-shadow: -.2em -.2em 0 0 currentcolor;
        box-shadow: -.2em -.2em 0 0 currentcolor
    }

    75% {
        -webkit-box-shadow: 0 -.2em 0 0 currentcolor;
        box-shadow: 0 -.2em 0 0 currentcolor
    }

    87% {
        -webkit-box-shadow: .2em -.2em 0 0 currentcolor;
        box-shadow: .2em -.2em 0 0 currentcolor
    }
}

@keyframes spin12 {

    0%,
    100% {
        -webkit-box-shadow: .2em 0 0 0 currentcolor;
        box-shadow: .2em 0 0 0 currentcolor
    }

    12% {
        -webkit-box-shadow: .2em .2em 0 0 currentcolor;
        box-shadow: .2em .2em 0 0 currentcolor
    }

    25% {
        -webkit-box-shadow: 0 .2em 0 0 currentcolor;
        box-shadow: 0 .2em 0 0 currentcolor
    }

    37% {
        -webkit-box-shadow: -.2em .2em 0 0 currentcolor;
        box-shadow: -.2em .2em 0 0 currentcolor
    }

    50% {
        -webkit-box-shadow: -.2em 0 0 0 currentcolor;
        box-shadow: -.2em 0 0 0 currentcolor
    }

    62% {
        -webkit-box-shadow: -.2em -.2em 0 0 currentcolor;
        box-shadow: -.2em -.2em 0 0 currentcolor
    }

    75% {
        -webkit-box-shadow: 0 -.2em 0 0 currentcolor;
        box-shadow: 0 -.2em 0 0 currentcolor
    }

    87% {
        -webkit-box-shadow: .2em -.2em 0 0 currentcolor;
        box-shadow: .2em -.2em 0 0 currentcolor
    }
}

.preloader .loader13 {
    width: 8px;
    height: 90px;
    border-radius: 4px;
    display: block;
    margin: 20px auto;
    position: relative;
    background: currentColor;
    color: #74cfc1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: animloader13 .3s .3s linear infinite alternate;
    animation: animloader13 .3s .3s linear infinite alternate
}

.preloader .loader13::after,
.preloader .loader13::before {
    content: "";
    width: 8px;
    height: 90px;
    border-radius: 4px;
    background: currentColor;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: animloader13 .3s .45s linear infinite alternate;
    animation: animloader13 .3s .45s linear infinite alternate
}

.preloader .loader13::before {
    left: -20px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

@-webkit-keyframes animloader13 {
    0% {
        height: 90px
    }

    100% {
        height: 4px
    }
}

@keyframes animloader13 {
    0% {
        height: 90px
    }

    100% {
        height: 4px
    }
}

.preloader .loader14 {
    width: 96px;
    height: 96px;
    display: inline-block;
    position: relative
}

.preloader .loader14::after,
.preloader .loader14::before {
    content: "";
    width: 96px;
    height: 96px;
    border: 2px solid #74cfc1;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: rotation14 2s ease-in-out infinite;
    animation: rotation14 2s ease-in-out infinite
}

.preloader .loader14::after {
    border-color: #77d3c6;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

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

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

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

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

.preloader #wifi-loader15 {
    width: 64px;
    height: 64px;
    border-radius: 50px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.preloader #wifi-loader15 svg {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.preloader #wifi-loader15 svg circle {
    position: absolute;
    fill: none;
    stroke-width: 3px;
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transform: rotate(-100deg);
    -ms-transform: rotate(-100deg);
    transform: rotate(-100deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.preloader #wifi-loader15 svg circle.back {
    stroke: #77d3c6
}

.preloader #wifi-loader15 svg circle.front {
    stroke: #74cfc1
}

.preloader #wifi-loader15 svg.circle-outer {
    height: 86px;
    width: 86px
}

.preloader #wifi-loader15 svg.circle-outer circle {
    stroke-dasharray: 62.75 188.25
}

.preloader #wifi-loader15 svg.circle-outer circle.back {
    -webkit-animation: circle-outer13515 1s ease infinite .3s;
    animation: circle-outer13515 1s ease infinite .3s
}

.preloader #wifi-loader15 svg.circle-outer circle.front {
    -webkit-animation: circle-outer13515 1s ease infinite .15s;
    animation: circle-outer13515 1s ease infinite .15s
}

.preloader #wifi-loader15 svg.circle-middle {
    height: 60px;
    width: 60px
}

.preloader #wifi-loader15 svg.circle-middle circle {
    stroke-dasharray: 42.5 127.5
}

.preloader #wifi-loader15 svg.circle-middle circle.back {
    -webkit-animation: circle-middle612315 1s ease infinite .25s;
    animation: circle-middle612315 1s ease infinite .25s
}

.preloader #wifi-loader15 svg.circle-middle circle.front {
    -webkit-animation: circle-middle612315 1s ease infinite .1s;
    animation: circle-middle612315 1s ease infinite .1s
}

.preloader #wifi-loader15 svg.circle-inner {
    height: 34px;
    width: 34px
}

.preloader #wifi-loader15 svg.circle-inner circle {
    stroke-dasharray: 22 66
}

.preloader #wifi-loader15 svg.circle-inner circle.back {
    -webkit-animation: circle-inner16215 1s ease infinite .2s;
    animation: circle-inner16215 1s ease infinite .2s
}

.preloader #wifi-loader15 svg.circle-inner circle.front {
    -webkit-animation: circle-inner16215 1s ease infinite 50ms;
    animation: circle-inner16215 1s ease infinite 50ms
}

.preloader #wifi-loader15 .text {
    position: absolute;
    bottom: -40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: lowercase;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: .2px
}

@-webkit-keyframes circle-outer13515 {
    0% {
        stroke-dashoffset: 25
    }

    25% {
        stroke-dashoffset: 301
    }

    65% {
        stroke-dashoffset: 276
    }

    80% {
        stroke-dashoffset: 276
    }

    100% {
        stroke-dashoffset: 276
    }
}

@keyframes circle-outer13515 {
    0% {
        stroke-dashoffset: 25
    }

    25% {
        stroke-dashoffset: 301
    }

    65% {
        stroke-dashoffset: 276
    }

    80% {
        stroke-dashoffset: 276
    }

    100% {
        stroke-dashoffset: 276
    }
}

@-webkit-keyframes circle-middle612315 {
    0% {
        stroke-dashoffset: 17
    }

    25% {
        stroke-dashoffset: 204
    }

    65% {
        stroke-dashoffset: 187
    }

    80% {
        stroke-dashoffset: 187
    }

    100% {
        stroke-dashoffset: 187
    }
}

@keyframes circle-middle612315 {
    0% {
        stroke-dashoffset: 17
    }

    25% {
        stroke-dashoffset: 204
    }

    65% {
        stroke-dashoffset: 187
    }

    80% {
        stroke-dashoffset: 187
    }

    100% {
        stroke-dashoffset: 187
    }
}

@-webkit-keyframes circle-inner16215 {
    0% {
        stroke-dashoffset: 9
    }

    25% {
        stroke-dashoffset: 106
    }

    65% {
        stroke-dashoffset: 97
    }

    80% {
        stroke-dashoffset: 97
    }

    100% {
        stroke-dashoffset: 97
    }
}

@keyframes circle-inner16215 {
    0% {
        stroke-dashoffset: 9
    }

    25% {
        stroke-dashoffset: 106
    }

    65% {
        stroke-dashoffset: 97
    }

    80% {
        stroke-dashoffset: 97
    }

    100% {
        stroke-dashoffset: 97
    }
}

@-webkit-keyframes text-animation7615 {
    0% {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0)
    }

    50% {
        -webkit-clip-path: inset(0);
        clip-path: inset(0)
    }

    100% {
        -webkit-clip-path: inset(0 0 0 100%);
        clip-path: inset(0 0 0 100%)
    }
}

@keyframes text-animation7615 {
    0% {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0)
    }

    50% {
        -webkit-clip-path: inset(0);
        clip-path: inset(0)
    }

    100% {
        -webkit-clip-path: inset(0 0 0 100%);
        clip-path: inset(0 0 0 100%)
    }
}

.preloader .custom-loader16 {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 16px solid #74cfc1;
    -webkit-animation: s10-116 .8s infinite linear alternate, s10-216 1.6s infinite linear;
    animation: s10-116 .8s infinite linear alternate, s10-216 1.6s infinite linear
}

@-webkit-keyframes s10-116 {
    0% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0, 50% 0, 50% 0, 50% 0, 50% 0);
        clip-path: polygon(50% 50%, 0 0, 50% 0, 50% 0, 50% 0, 50% 0, 50% 0)
    }

    12.5% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 0, 100% 0, 100% 0);
        clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 0, 100% 0, 100% 0)
    }

    25% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
        clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
    }

    50% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 100%, 50% 100%, 0 100%);
        clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 100%, 50% 100%, 0 100%)
    }

    62.5% {
        -webkit-clip-path: polygon(50% 50%, 100% 0, 100% 0, 100% 0, 100% 100%, 50% 100%, 0 100%);
        clip-path: polygon(50% 50%, 100% 0, 100% 0, 100% 0, 100% 100%, 50% 100%, 0 100%)
    }

    75% {
        -webkit-clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0 100%);
        clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0 100%)
    }

    100% {
        -webkit-clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0 100%);
        clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0 100%)
    }
}

@keyframes s10-116 {
    0% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0, 50% 0, 50% 0, 50% 0, 50% 0);
        clip-path: polygon(50% 50%, 0 0, 50% 0, 50% 0, 50% 0, 50% 0, 50% 0)
    }

    12.5% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 0, 100% 0, 100% 0);
        clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 0, 100% 0, 100% 0)
    }

    25% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
        clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
    }

    50% {
        -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 100%, 50% 100%, 0 100%);
        clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 100%, 50% 100%, 0 100%)
    }

    62.5% {
        -webkit-clip-path: polygon(50% 50%, 100% 0, 100% 0, 100% 0, 100% 100%, 50% 100%, 0 100%);
        clip-path: polygon(50% 50%, 100% 0, 100% 0, 100% 0, 100% 100%, 50% 100%, 0 100%)
    }

    75% {
        -webkit-clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0 100%);
        clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0 100%)
    }

    100% {
        -webkit-clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0 100%);
        clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0 100%)
    }
}

@-webkit-keyframes s10-216 {
    0% {
        -webkit-transform: scaleY(1) rotate(0);
        transform: scaleY(1) rotate(0)
    }

    49.99% {
        -webkit-transform: scaleY(1) rotate(135deg);
        transform: scaleY(1) rotate(135deg)
    }

    50% {
        -webkit-transform: scaleY(-1) rotate(0);
        transform: scaleY(-1) rotate(0)
    }

    100% {
        -webkit-transform: scaleY(-1) rotate(-135deg);
        transform: scaleY(-1) rotate(-135deg)
    }
}

@keyframes s10-216 {
    0% {
        -webkit-transform: scaleY(1) rotate(0);
        transform: scaleY(1) rotate(0)
    }

    49.99% {
        -webkit-transform: scaleY(1) rotate(135deg);
        transform: scaleY(1) rotate(135deg)
    }

    50% {
        -webkit-transform: scaleY(-1) rotate(0);
        transform: scaleY(-1) rotate(0)
    }

    100% {
        -webkit-transform: scaleY(-1) rotate(-135deg);
        transform: scaleY(-1) rotate(-135deg)
    }
}

.preloader .custom-loader17 {
    width: 100px;
    height: 100px;
    display: grid
}

.preloader .custom-loader17::after,
.preloader .custom-loader17::before {
    content: "";
    grid-area: 1/1;
    --c: radial-gradient(farthest-side, #1717cf 92%, #00000000);
    background: var(--c) 50% 0, var(--c) 50% 100%, var(--c) 100% 50%, var(--c) 0 50%;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    -webkit-animation: s217 1s infinite;
    animation: s217 1s infinite
}

.preloader .custom-loader17::before {
    margin: 8px;
    -webkit-filter: hue-rotate(45deg);
    filter: hue-rotate(45deg);
    background-size: 16px 16px;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes s217 {
    100% {
        -webkit-transform: rotate(.5turn);
        transform: rotate(.5turn)
    }
}

@keyframes s217 {
    100% {
        -webkit-transform: rotate(.5turn);
        transform: rotate(.5turn)
    }
}

.preloader .custom-loader18 {
    --d: 44px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    color: #74cfc1;
    -webkit-box-shadow: calc(1 * var(--d)) calc(0 * var(--d)) 0 0, calc(.707 * var(--d)) calc(.707 * var(--d)) 0 2px, calc(0 * var(--d)) calc(1 * var(--d)) 0 4px, calc(-.707 * var(--d)) calc(.707 * var(--d)) 0 6px, calc(-1 * var(--d)) calc(0 * var(--d)) 0 8px, calc(-.707 * var(--d)) calc(-.707 * var(--d)) 0 10px, calc(0 * var(--d)) calc(-1 * var(--d)) 0 12px;
    box-shadow: calc(1 * var(--d)) calc(0 * var(--d)) 0 0, calc(.707 * var(--d)) calc(.707 * var(--d)) 0 2px, calc(0 * var(--d)) calc(1 * var(--d)) 0 4px, calc(-.707 * var(--d)) calc(.707 * var(--d)) 0 6px, calc(-1 * var(--d)) calc(0 * var(--d)) 0 8px, calc(-.707 * var(--d)) calc(-.707 * var(--d)) 0 10px, calc(0 * var(--d)) calc(-1 * var(--d)) 0 12px;
    -webkit-animation: s718 .5s infinite steps(8);
    animation: s718 .5s infinite steps(8)
}

@-webkit-keyframes s718 {
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes s718 {
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.preloader .loader-ring19 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.preloader .loader-ring-light19 {
    width: 150px;
    height: 150px;
    border-radius: 150px;
    -webkit-box-shadow: 0 4px 0 #9adcd2 inset;
    box-shadow: 0 4px 0 #9adcd2 inset;
    -webkit-animation: rotate-360 2s linear infinite;
    animation: rotate-360 2s linear infinite
}

.preloader .loader-ring-track19 {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    border-radius: 150px;
    -webkit-box-shadow: 0 0 10px 4px rgba(119, 211, 198, .3) inset;
    box-shadow: 0 0 10px 4px rgba(119, 211, 198, .3) inset
}

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

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

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

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

.preloader .custom-loader20 {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 16px solid #0000;
    border-right-color: rgba(116, 207, 193, .5);
    position: relative;
    -webkit-animation: s420 .75s infinite linear;
    animation: s420 .75s infinite linear
}

.preloader .custom-loader20:after,
.preloader .custom-loader20:before {
    content: "";
    position: absolute;
    inset: -16px;
    border-radius: 50%;
    border: inherit;
    -webkit-animation: inherit;
    animation: inherit;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

.preloader .custom-loader20:after {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@-webkit-keyframes s420 {
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes s420 {
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.material-icons {
    font-family: "Material Icons";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga"
}

@font-face {
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 400;
    src: url(https://example.com/MaterialIcons-Regular.eot);
    src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://example.com/MaterialIcons-Regular.woff2) format("woff2"), url(https://example.com/MaterialIcons-Regular.woff) format("woff"), url(https://example.com/MaterialIcons-Regular.ttf) format("truetype")
}

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

html {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    scroll-behavior: smooth
}

body._lock {
    overflow: hidden !important
}

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

body,
html {
    min-width: 320px;
    height: 100%;
    position: relative;
    font-family: Roboto, sans-serif;
    color: #a9a9a9;
    font-size: 18px;
    background-color: #fff
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit;
    margin: 0
}

p {
    padding: 0;
    margin: 0
}

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

img {
    max-width: 100%
}

picture {
    width: 100%;
    height: 100%
}

button {
    border: 0;
    background-color: transparent;
    cursor: pointer
}

section {
    position: relative;
    z-index: 4;
    padding: 90px 0
}

canvas {
    width: 500px;
    height: 500px
}

.radius__btn {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    padding: 18px 30px;
    letter-spacing: 2px;
    font-weight: 700
}

.radius__btn:hover::before {
    width: 100%
}

.radius__btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    background-color: #74cfc1;
    z-index: -1;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s
}

.btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    background-color: #7dff91;
    -webkit-box-shadow: 0 5px 30px 0 rgba(88, 225, 73, .7);
    box-shadow: 0 5px 30px 0 rgba(88, 225, 73, .7);
    border-radius: 10px;
    text-align: center;
    padding: 20px 35px;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    text-transform: uppercase;
    cursor: pointer;
    min-height: 60px;
    color: #fff
}

.btn:active {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95)
}

.wrapper {
    width: 100%;
    min-height: 320px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 15px
}

.active-page span {
    color: #74cfc1
}

.active-page {
    color: #74cfc1 !important
}

.btn-gradient {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    padding: 7px 30px;
    text-align: center;
    border: solid 10px transparent;
    border-radius: 30px;
    background-color: transparent;
    border-image-slice: 1;
    border-width: 5px;
    background-clip: content-box, border-box;
    background-origin: border-box;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), -webkit-gradient(linear, left top, left bottom, from(#7a267d), to(#53a3d1));
    background-image: -o-linear-gradient(transparent, transparent), -o-linear-gradient(top, #7a267d 0, #53a3d1 100%);
    background-image: linear-gradient(transparent, transparent), linear-gradient(to bottom, #7a267d 0, #53a3d1 100%);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    margin-left: 10px;
    z-index: 2
}

.btn-gradient::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background: #000;
    z-index: -1
}

.btn-gradient p {
    position: relative;
    z-index: 3
}

.btn-gradient:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), -webkit-gradient(linear, left top, left bottom, from(#f600ff), to(#00a4ff));
    background-image: -o-linear-gradient(transparent, transparent), -o-linear-gradient(top, #f600ff 0, #00a4ff 100%);
    background-image: linear-gradient(transparent, transparent), linear-gradient(to bottom, #f600ff 0, #00a4ff 100%)
}

.title {
    font-size: 35px;
    line-height: 1;
    font-weight: 700;
    color: #74cfc1
}

.green-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 10px;
    padding: 10px 15px;
    color: #fff
}

.motion {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 10px 38px;
    color: #000;
    font-weight: 700;
    line-height: 170%
}

.btn-motion-1,
.btn-motion-2,
.btn-motion-3,
.btn-motion-4 {
    width: 101%;
    height: 101%;
    position: absolute;
    z-index: -1
}

.btn-motion-1,
.btn-motion-3 {
    background: -webkit-gradient(linear, left top, right top, from(#1ac6f1), color-stop(51.33%, #dc6e8b), color-stop(94.44%, #f5c642));
    background: -o-linear-gradient(left, #1ac6f1 0, #dc6e8b 51.33%, #f5c642 94.44%);
    background: linear-gradient(90deg, #1ac6f1 0, #dc6e8b 51.33%, #f5c642 94.44%);
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .25);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .25)
}

.btn-motion-2,
.btn-motion-4 {
    background: -webkit-gradient(linear, left top, right top, color-stop(2.07%, #ec93a6), color-stop(95.87%, #b656e3));
    background: -o-linear-gradient(left, #ec93a6 2.07%, #b656e3 95.87%);
    background: linear-gradient(90deg, #ec93a6 2.07%, #b656e3 95.87%);
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .25);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .25)
}

.btn-motion-1 {
    top: -8px;
    left: -10px
}

.btn-motion-2 {
    top: 8px;
    left: 5px
}

.btn-motion-3 {
    top: 8px;
    left: -10px
}

.btn-motion-4 {
    top: -8px;
    left: 5px
}

.hero-nft-pixel__btn {
    color: #fff;
    padding: 22px 55px;
    background: -o-linear-gradient(270.6deg, #622bff 50.95%, #2c107b 127.76%);
    background: linear-gradient(179.4deg, #622bff 50.95%, #2c107b 127.76%);
    font-weight: 700;
    font-size: 25px;
    line-height: 170%;
    -webkit-box-shadow: 8px 8px 7px rgba(0, 0, 0, .25);
    box-shadow: 8px 8px 7px rgba(0, 0, 0, .25)
}

.pixel__btn-login,
.pixel__btn-register {
    padding: 5px 30px;
    text-align: center
}

.pixel__btn-login {
    color: #74cfc1;
    border: 1px solid #74cfc1
}

.pixel__btn-register {
    background-color: #000;
    color: #fff
}

.white-border-btn {
    display: inline-block;
    padding: 25px 50px;
    position: relative;
    background: #fbfbfb;
    -webkit-box-shadow: 0 14px 60px 3px #538dcb;
    box-shadow: 0 14px 60px 3px #538dcb;
    font-weight: 900;
    font-size: 23px;
    line-height: 170%;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #6fb4ff;
    margin-left: 15px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.white-border-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 110%;
    height: 120%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: 0 0;
    border: 2px solid #fbfbfb;
    z-index: -1;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.white-border-btn:hover {
    margin-left: 0
}

.white-border-btn:hover::after {
    width: 100%;
    height: 100%
}

.white-border-btn-register,
.white-border-btn-sign-in {
    margin-left: 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 170%;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 30px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.white-border-btn-register::after,
.white-border-btn-sign-in::after {
    content: none
}

header._active .white-border-btn-sign-in {
    color: #000;
    -webkit-box-shadow: 0 14px 60px 3px #538dcb;
    box-shadow: 0 14px 60px 3px #538dcb
}

header._active .white-border-btn-sign-in:hover {
    background-color: transparent;
    color: #74cfc1
}

header._active .white-border-btn-register:hover {
    color: #000
}

.white-border-btn-sign-in {
    background: 0 0;
    color: #fff;
    border: 1px solid #fbfbfb;
    -webkit-box-shadow: 2px 2px 20px 3px rgba(255, 255, 255, .3);
    box-shadow: 2px 2px 20px 3px rgba(255, 255, 255, .3);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.white-border-btn-sign-in:hover {
    background-color: #fff;
    color: #000
}

.white-border-btn-register {
    color: #74cfc1;
    border: 1px solid #fbfbfb;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.white-border-btn-register:hover {
    background-color: transparent;
    color: #fff
}

.btn-pill-sign-in,
.btn-pill-sign-register {
    padding: 5px 30px;
    border-radius: 10px;
    display: inline-block;
    font-weight: 700;
    font-size: 18px;
    line-height: 170%;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center
}

.btn-pill-sign-in {
    background: #fff;
    border: 2px solid #fff;
    color: #74cfc1;
    margin-right: 10px
}

.btn-pill-sign-in:hover {
    background: #74cfc1;
    color: #fff;
    border: 2px solid #74cfc1
}

.btn-pill-sign-register {
    background: #74cfc1;
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 3px rgba(1, 89, 231, .4);
    box-shadow: 0 1px 20px 3px rgba(1, 89, 231, .4);
    border: 2px solid #74cfc1
}

.btn-pill-sign-register:hover {
    background: #77d3c6;
    border-color: #77d3c6
}

header._active .btn-radius-register {
    background: #74cfc1;
    color: #000
}

.btn-radius-register,
.btn-radius-sign-in {
    font-size: 18px;
    padding: 10px 15px;
    font-weight: 600;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 0 20px;
    border: 3px solid #7eac4d;
    text-align: center
}

.btn-radius-register {
    background: 0 0;
    color: #fff
}

.btn-radius-sign-in {
    background: #74cfc1;
    color: #000
}

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

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

.bg-black {
    background-color: #000
}

._btn {
    display: inline-block
}

.b-radius-50px {
    border-radius: 50px
}

.btn-text {
    font-family: Ubuntu, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 170%
}

.black {
    color: #000
}

.less-black {
    color: #787474
}

.col-2-1fr--row-2-auto {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.col-2-50--row-2-50 {
    display: grid;
    grid-template-columns: repeat(2, 50%)
}

.col-2-auto--row-2-auto {
    display: grid;
    grid-template-columns: repeat(2, auto)
}

.flex-justify-between--direction-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

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

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

.gap-40 {
    gap: 40px
}

.grid {
    display: grid
}

.green {
    color: #37cd12
}

.m-0-auto {
    margin: 0 auto
}

.m-b-5 {
    margin-bottom: 5%
}

.m-w-80-100-80 {
    max-width: 80%
}

.m-w-700 {
    max-width: 700px
}

.main__desc {
    font-weight: 400;
    font-size: 30px;
    line-height: 170%
}

.main__title {
    font-style: normal;
    font-weight: 800;
    font-size: 50px;
    line-height: 120%;
    text-transform: uppercase;
    color: #000
}

.motion--bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover
}

.motion--line::after {
    content: "";
    position: absolute;
    top: 0;
    width: 68px;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(43.25%, #02303a), to(#00161c));
    background: -o-linear-gradient(top, #02303a 43.25%, #00161c 100%);
    background: linear-gradient(180deg, #02303a 43.25%, #00161c 100%)
}

.motion__bg {
    background: -o-radial-gradient(50% 44.31%, 42.48% 59.23%, #013c4e 0, #000 100%);
    background: radial-gradient(42.48% 59.23% at 50% 44.31%, #013c4e 0, #000 100%)
}

.p-t-5 {
    padding-top: 5%
}

.p-5-0 {
    padding: 5% 0
}

.p-10-0 {
    padding: 10% 0
}

.position-relative {
    position: relative
}

.place-items-center {
    place-items: center
}

.place-content-stretch-space-between--center {
    place-content: stretch space-between
}

.place-content-center--space-around {
    place-content: center center
}

.place-items-end--center {
    place-items: flex-end
}

.red {
    color: #ef1d00
}

.h-100 {
    height: 100%
}

.h-100vh {
    height: 100vh
}

.w-100 {
    width: 100%
}

.wh-100 {
    width: 100%;
    height: 100%
}

.white {
    color: #fff
}

.accent {
    color: #74cfc1
}

.widget-name {
    font-weight: 700;
    font-size: 30px;
    line-height: 170%;
    font-family: Montserrat, sans-serif
}

.widget-percent {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 170%
}

.widget-value {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 170%
}

::-webkit-scrollbar {
    width: 10px;
    height: 2px
}

::-webkit-scrollbar-track {
    background: #676767
}

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:hover {
    background: #74cfc1
}

::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0)
}

.langs {
    position: relative;
    right: 50px;
    z-index: 15;
    border-radius: 20px;
    text-align: center;
    background: 0 0;
    border: 1px solid #cecece;
    color: #787474;
    font-weight: 700;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.langs__item {
    padding: 20px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.langs__item:hover {
    background-color: #77d3c6
}

.langs__menu {
    position: relative;
    cursor: pointer;
    font-weight: 700;
    padding: 10px 35px 10px 20px
}

.langs__menu::after {
    content: "";
    position: absolute;
    width: 25px;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 10px;
    -webkit-transform-origin: 30% 10%;
    -ms-transform-origin: 30% 10%;
    transform-origin: 30% 10%;
    background-image: url(../img/icons/arrowDown.png);
    background-repeat: no-repeat;
    background-size: contain;
    font-weight: 700
}

.langs__menu.active .menu__multi {
    opacity: 1;
    visibility: visible
}

.langs__multi-inner {
    margin-top: 30px;
    background: #74cfc1;
    border-radius: 5px;
    position: relative;
    width: 65px;
    left: -10px;
    overflow: hidden
}

.langs.pixel {
    background: 0 0;
    border: 1px solid #74cfc1;
    color: #74cfc1;
    border-radius: 0
}

.langs.pixel .langs__multi-inner {
    border-radius: 0
}

.langs.pixel .langs__item {
    padding: 10px 20px
}

.langs.pixel .header__link {
    padding: 5px 35px 5px 20px
}

.header {
    color: #a9a9a9;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    z-index: 10;
    background: 0 0;
    display: grid;
    grid-template-columns: 1fr -webkit-max-content;
    grid-template-columns: 1fr max-content;
    place-items: center center;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    gap: 100px;
    padding: 0 20px
}

.header__container {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto
}

.header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    opacity: 1
}

.header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.header__logo {
    position: relative;
    z-index: 3;
    height: 70px;
    width: 200px;
    background-image: url(../img/logo/logo_white.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

.header__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__menu-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.header._active {
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background: #fff;
    -webkit-box-shadow: 0 10px 15px -7px #adaaaa;
    box-shadow: 0 10px 15px -7px #adaaaa
}

.header._active::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    opacity: 1
}

.header .menu__link {
    color: #fff
}

.header._active .menu__link {
    color: #000
}

.header._active .header__logo {
    background-image: url(../img/logo/logo_black.png)
}

.header._active .menu__item.multi__menu {
    color: #000
}

.header._active .menu__item.multi__menu .menu__link {
    color: #fff
}

.active-page {
    position: relative
}

.active-page::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 60%;
    height: 2px;
    background-color: #74cfc1
}

.multi__link:hover {
    background: rgba(191, 213, 220, .5)
}

.menu__link.multi__link {
    color: #fff
}

.menu__submenu {
    width: 100%;
    display: block
}

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

.menu__multi-inner {
    margin-top: 20px;
    background: #77d3c6;
    border-radius: 0 10px 0 10px;
    position: relative
}

.menu__multi-inner::after {
    content: "";
    position: absolute;
    top: -10px;
    right: 50%;
    -webkit-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
    transform: translateX(-30%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #77d3c6 transparent
}

.menu__submenu a {
    width: 100%;
    display: inline-block;
    padding: 10px
}

.menu__submenu a:hover {
    background: rgba(191, 213, 220, .5)
}

.menu__submenu a.active {
    background: rgba(191, 213, 220, .5)
}

.menu__item.multi__menu {
    position: relative;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
    font-weight: 700;
    color: #fff;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.menu__item.multi__menu span {
    position: relative;
    display: inline-block
}

.menu__item.multi__menu span::after {
    content: "";
    position: absolute;
    width: 10px;
    top: 55%;
    right: -15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 8px;
    -webkit-transform-origin: 30% 10%;
    -ms-transform-origin: 30% 10%;
    transform-origin: 30% 10%;
    background-image: url(../img/icons/arrowDown.png);
    background-repeat: no-repeat;
    background-size: contain
}

.menu__item.active.multi__menu:hover {
    color: #74cfc1
}

.menu__item.active.multi__menu span::after {
    width: 10px;
    right: -15px;
    height: 8px;
    background-image: url(../img/icons/arrowUp.png);
    background-repeat: no-repeat;
    background-size: contain
}

.menu__body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 90px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu__multi {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    color: #fff;
    top: 15px
}

.multi__menu.active .menu__multi {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.menu__multi .menu__item {
    padding: 5px 0;
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.menu__item.active .menu__multi {
    opacity: 1;
    visibility: visible;
    display: block;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.menu__item.active .menu__multi .menu__item {
    opacity: 1
}

.menu__registrations.mobile {
    display: none;
    grid-template-columns: repeat(1, 100px);
    margin-left: 15px;
    font-size: 14px;
    place-items: center
}

.menu__registrations.no-mobile {
    display: grid;
    grid-template-columns: 1fr;
    position: relative;
    z-index: 5;
    font-weight: 700
}

.menu__icons {
    display: none
}

.menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 4;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.menu__item {
    text-transform: uppercase;
    position: relative;
    margin-right: 40px
}

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

.menu__link {
    position: relative;
    font-weight: 700;
    color: #787474;
    font-size: 14px
}

.menu__link._active {
    color: #1e9ac0 !important
}

.menu__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.btn-tablet--color,
.btn-tablet--transparent {
    padding: 5px 10px;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 170%
}

.btn-tablet--transparent {
    border-radius: 50px;
    background: 0 0;
    border: 1px solid #cecece;
    color: #fff;
    font-weight: 700;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 5px 20px
}

.btn-tablet--transparent:hover {
    background-color: #fff;
    color: #000
}

header._active .btn-tablet--transparent {
    color: #000
}

.btn-tablet--color {
    position: relative;
    color: #fff;
    font-weight: 700
}

.btn-tablet--color::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #74cfc1;
    border-radius: 0 50px 50px 0;
    z-index: -1
}

.icon {
    position: relative;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.icon__registrations {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 700
}

.icon__img {
    margin-right: 30px;
    position: relative;
    z-index: 4
}

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

.icon__img::after {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.icon__link {
    width: 100%;
    display: inline-block;
    padding: 10px;
    position: relative;
    z-index: 4
}

.icon__link .icon__box {
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in
}

.icon__link:hover .icon__box .icon__img svg {
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in
}

.icon__link:hover .icon__box {
    background-color: #000;
    color: #fff
}

.icon__link:hover .icon__box .icon__img svg {
    background-color: #fff;
    border-radius: 50%
}

.header.multilang-is-active .menu__item.multi__menu,
.header.multilang-is-active .menu__link,
.header.multilang-is-active .menu__registrations.no-mobile {
    font-size: 11px
}

.hero-coins {
    background-color: #17181d;
    padding: 0;
    height: 100vh;
    position: relative;
    overflow: hidden
}

.hero-coins::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    height: 440px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../img/hero-coins/goldWave.png);
    background-repeat: no-repeat;
    z-index: -1
}

.hero-coins__container {
    height: 100%
}

.hero-coins__inner {
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hero-coins__left {
    text-align: center
}

.hero-coins__right {
    max-width: 625px
}

.hero-coins__title {
    font-weight: 300;
    font-size: 55px;
    line-height: 120%;
    color: #fff
}

.hero-coins__title span {
    font-weight: 700
}

.hero-coins__desc {
    margin: 43px 0;
    font-weight: 400;
    font-size: 25px;
    line-height: 170%;
    color: #fdb701
}

.hero-coins__btn {
    font-weight: 700;
    font-size: 25px;
    line-height: 170%;
    color: rgba(255, 255, 255, .95);
    padding: 15px 40px;
    border: 2px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.hero-coins__btn:hover {
    background-color: #fff;
    color: #000
}

.hero-coins__decor-1,
.hero-coins__decor-2,
.hero-coins__decor-3,
.hero-coins__decor-4,
.hero-coins__decor-5 {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1
}

.hero-coins__decor-1 {
    width: 100px;
    height: 100px;
    top: 120px;
    left: -50px;
    background-image: url(../img/hero-coins/decorBtc.png)
}

.hero-coins__decor-2 {
    width: 50px;
    height: 50px;
    background-image: url(../img/hero-coins/decorCoin.png);
    top: 150px;
    right: 20%
}

.hero-coins__decor-3 {
    width: 150px;
    height: 150px;
    bottom: 120px;
    right: 10%;
    background-image: url(../img/hero-coins/decorCoins2.png)
}

.hero-coins__decor-4 {
    width: 25px;
    height: 25px;
    top: 140px;
    right: 27%;
    background-image: url(../img/hero-coins/decorCoin2.png)
}

.hero-coins__decor-5 {
    width: 200px;
    height: 200px;
    bottom: -100px;
    right: 30%;
    background-image: url(../img/hero-coins/decorCoins.png)
}

.data-new {
    padding: 5%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 100px;
    text-align: center
}

.data-new__value {
    font-weight: 600;
    font-size: 55px;
    line-height: 64px;
    color: #2a0a83;
    padding-bottom: 20px;
    margin-bottom: 10px;
    position: relative;
    -webkit-text-stroke: 1px #000
}

.data-new__value::after,
.data-new__value::before {
    content: "";
    position: absolute
}

.data-new__value::after {
    bottom: 0;
    left: 0;
    width: 100%;
    border: 1px solid rgba(42, 10, 131, .5);
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .25)
}

.data-new__value::before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(42, 10, 131, .5);
    bottom: -4px;
    left: -10px
}

.data-new__text {
    font-weight: 300;
    font-size: 22px;
    line-height: 26px;
    color: #000;
    max-width: 130px;
    margin: 0 auto
}

.data-modern {
    padding: 5%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 100px;
    text-align: left
}

.data-modern__value {
    font-family: "PT Serif", serif;
    font-weight: 400;
    font-size: 55px;
    line-height: 73px;
    letter-spacing: .04em;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#0f913b));
    background: -o-linear-gradient(top, #000 0, #0f913b 100%);
    background: linear-gradient(180deg, #000 0, #0f913b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 25px;
    margin-bottom: 10px;
    position: relative
}

.data-modern__value::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border: 1px solid #094f21;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .25)
}

.data-modern__text {
    font-weight: 300;
    font-size: 22px;
    line-height: 26px;
    color: #000
}

.widget-backdrop {
    position: relative;
    min-height: 750px
}

.widget-backdrop__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1
}

.widget-backdrop::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    z-index: -1
}

.widget-backdrop__title {
    margin-bottom: 108px;
    font-weight: 700;
    font-size: 40px;
    line-height: 170%;
    text-transform: uppercase;
    color: #fff
}

.widget-backdrop__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.widget-backdrop__content {
    background: -o-linear-gradient(270.12deg, rgba(255, 255, 255, .4) .11%, rgba(255, 255, 255, 0) 110.18%);
    background: linear-gradient(179.88deg, rgba(255, 255, 255, .4) .11%, rgba(255, 255, 255, 0) 110.18%);
    border-radius: 0 15px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-top: 1px solid rgba(255, 255, 255, .5);
    border-right: 1px solid rgba(255, 255, 255, .5);
    color: #fff;
    text-align: center
}

.widget-backdrop__content-percent,
.widget-backdrop__content-title,
.widget-backdrop__content-value {
    white-space: nowrap
}

.widget-backdrop__content-title {
    padding: 21px 21px
}

.widget-backdrop__content-percent {
    padding: 29px 21px
}

.widget-backdrop__content-value {
    padding: 21px 17px
}

.widget-backdrop__content-percent {
    position: relative
}

.widget-backdrop__content-percent::after,
.widget-backdrop__content-percent::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, .5)
}

.widget-backdrop__content-percent::after {
    top: 0
}

.widget-backdrop__content-percent::before {
    bottom: 0
}

.moz .widget-backdrop__content {
    background: -o-linear-gradient(270.12deg, rgba(166, 164, 164, .3) .11%, rgba(255, 255, 255, .4) 110%);
    background: linear-gradient(179.88deg, rgba(166, 164, 164, .3) .11%, rgba(255, 255, 255, .4) 110%)
}

.widgets {
    background: #000
}

.widgets__box {
    position: relative;
    padding: 20px;
    min-width: 200px
}

.widgets__box::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    height: 80%;
    width: 2px;
    background: #adaaaa
}

.widgets__inner {
    max-width: 700px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.widgets__box-header {
    padding-bottom: 10px;
    position: relative
}

.widgets__box-header::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background: #adaaaa
}

.widgets__box-header {
    display: grid;
    grid-template-columns: repeat(2, auto)
}

.widgets__box-title {
    color: #fff;
    display: inline-block;
    margin-right: 20px;
    white-space: nowrap
}

.widgets__box-percent {
    color: #adaaaa;
    font-weight: 700;
    text-align: right
}

.widgets__box-percent.green {
    color: #58e149
}

.widgets__box-percent.red {
    color: #d33811
}

.widgets__box-value {
    margin: 10px 0 5px
}

.widgets__box-value,
.widgets__box-vol {
    color: #adaaaa;
    white-space: nowrap
}

.features-icons-gradient {
    position: relative
}

.features-icons-gradient::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 500px;
    height: 730px;
    -o-object-fit: contain;
    object-fit: contain;
    background-image: url(../img/icons-gradient/planet.png);
    background-repeat: no-repeat;
    z-index: -1
}

.features-icons-gradient__head {
    max-width: 1250px;
    text-align: center;
    margin: 0 auto
}

.features-icons-gradient__title {
    font-weight: 700;
    font-size: 45px;
    line-height: 120%;
    text-align: center;
    color: #0f1b47;
    margin-bottom: 30px
}

.features-icons-gradient__text {
    font-weight: 300;
    font-size: 18px;
    line-height: 170%;
    text-align: center;
    color: #545454
}

.features-icons-gradient__inner {
    display: grid;
    padding-top: 90px;
    gap: 110px 250px;
    grid-template-columns: repeat(3, auto);
    grid-template-rows: repeat(2, auto);
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    place-content: center
}

.features-icons-gradient__item {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    max-width: 275px;
    gap: 5px
}

.features-icons-gradient__icon img {
    height: 136px;
    width: 136px
}

.features-icons-gradient__item-title {
    font-weight: 600;
    font-size: 21px;
    line-height: 110%;
    color: #000
}

.features-icons-gradient__item-text {
    font-size: 18px;
    line-height: 110%;
    color: #000;
    opacity: .6
}

.features-phone-laying {
    font-size: 14px;
    text-align: center;
    position: relative;
    overflow: hidden
}

.features-phone-laying__items {
    max-width: 800px;
    margin: 0 auto;
    line-height: 120%
}

.features-phone-laying .title {
    text-align: center;
    margin-bottom: 10px;
    font-size: 34px
}

.features-phone-laying__desc {
    font-size: 28px;
    font-weight: 700;
    line-height: 120%
}

.features-phone-laying__item {
    display: grid;
    grid-template-columns: 40px 1fr;
    margin-bottom: 20px;
    gap: 5px
}

.features-phone-laying__list {
    margin: 30px 0
}

.features-phone-laying__list-box {
    text-align: left;
    margin-left: 10px
}

.features-phone-laying__list-title {
    color: #74cfc1;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1
}

.features-phone-laying__list-text {
    margin-bottom: 10px;
    font-size: 21px;
    line-height: 120%
}

.features-phone-laying__icon {
    height: 40px;
    border: 2px solid #74cfc1;
    border-radius: 100%;
    background-color: transparent;
    text-align: center;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.features-phone-laying__i {
    font-size: 25px;
    height: 100%;
    color: #74cfc1;
    -webkit-transition: color .5s ease-in-out;
    -o-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out
}

.contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    text-align: center;
    font-family: Raleway, sans-serif
}

.contacts__title {
    font-weight: 800;
    font-size: 60px;
    line-height: 125%;
    text-align: center;
    color: #74cfc1;
    margin-bottom: 20px
}

.contacts__text {
    font-weight: 300;
    font-size: 22px;
    line-height: 124.19%;
    text-align: center;
    color: #333162;
    margin-bottom: 30px
}

.contacts__links {
    display: grid;
    grid-template-columns: repeat(4, auto);
    place-content: center center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contacts__links-item a {
    margin-left: 20px;
    font-size: 40px
}

.contacts__inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contacts__icon {
    color: #74cfc1
}

.contacts p {
    margin-top: 7px
}

.form * {
    outline: 0
}

.form {
    margin: 0 auto;
    color: #a9a9a9;
    padding: 60px 0 0 20px;
    position: relative
}

.form .form__body {
    position: relative
}

.form__item-title {
    text-align: left;
    font-weight: 300;
    font-size: 22px;
    line-height: 125%;
    color: #333162;
    margin-bottom: 5px
}

.form .form__body::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.form .form__body._sending::after {
    opacity: 1;
    visibility: visible
}

.form .form__title {
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 20px 0
}

.form .form__item {
    margin: 0 0 40px 0
}

.form .form__item:last-child {
    margin: 0
}

.form .form__input {
    position: relative;
    height: 50px;
    padding: 0 20px;
    width: 100%;
    background: #f5f6fb;
    -webkit-box-shadow: 0 4px 6px #d6d7dd;
    box-shadow: 0 4px 6px #d6d7dd;
    border-radius: 35px;
    color: #000;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s
}

.form .form__input:focus {
    -webkit-box-shadow: 15px 20px 41px 9px rgba(34, 60, 80, .2);
    box-shadow: 15px 20px 41px 9px rgba(34, 60, 80, .2)
}

.form .form__input._error {
    -webkit-box-shadow: 0 0 15px red;
    box-shadow: 0 0 15px red
}

.form textarea.form__input {
    min-height: 120px;
    resize: vertical;
    padding: 20px
}

.form .checkbox._error .checkbox__label::before {
    -webkit-box-shadow: 0 0 15px red;
    box-shadow: 0 0 15px red
}

.form .checkbox__input {
    display: none
}

.form .checkbox__input:checked+.checkbox__label::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.form .checkbox__label {
    width: 100%;
    font-size: 16px;
    line-height: 140%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    cursor: pointer;
    color: #a9a9a9;
    white-space: nowrap
}

.form .checkbox__label::before {
    content: "";
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    height: 24px;
    background: #fff;
    border: 3px solid #74cfc1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 9px;
    margin: 0 10px 0 0
}

.form .checkbox__label::after {
    -webkit-transition: -webkit-transform .5s ease 0s;
    transition: -webkit-transform .5s ease 0s;
    -o-transition: transform .5s ease 0s;
    transition: transform .5s ease 0s;
    transition: transform .5s ease 0s, -webkit-transform .5s ease 0s;
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    top: 5px;
    left: 5px;
    background-color: #74cfc1;
    border-radius: 4px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.form .checkbox__label a {
    color: #74cfc1;
    text-decoration: underline
}

.form .form__button {
    padding: 20px 35px;
    width: 100%;
    position: relative;
    background: #74cfc1;
    -webkit-box-shadow: 0 56px 50px -11px rgba(111, 106, 209, .3);
    box-shadow: 0 56px 50px -11px rgba(111, 106, 209, .3);
    border-radius: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: .6;
    font-weight: 600;
    font-size: 25px;
    line-height: 125%;
    color: #fff
}

.form .form__button:active {
    top: 3px;
    -webkit-box-shadow: 0 2px 0 #161b13;
    box-shadow: 0 2px 0 #161b13
}

.checkbox {
    color: #a9a9a9
}

textarea {
    font-family: Roboto, sans-serif
}

.crypto-piggy-bank__container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 15px;
    width: 100%;
    height: 150vh;
    position: relative
}

.crypto-piggy-bank__icons-container {
    position: absolute;
    top: 0;
    left: 50%;
    width: 500px;
    height: 500px
}

.crypto-piggy-bank__box {
    max-width: 50%;
    margin-top: 80px;
    opacity: 0
}

.crypto-piggy-bank__title {
    font-size: 34px
}

.crypto-piggy-bank__text {
    color: #a9a9a9;
    font-size: 24px;
    margin-top: 20px;
    line-height: 120%
}

section.crypto-piggy-bank {
    position: relative;
    margin-bottom: 150px
}

section.crypto-piggy-bank figure {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    z-index: -1
}

section.crypto-piggy-bank figure img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

section.crypto-piggy-bank .iphone {
    position: absolute;
    top: 80%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1
}

.Screen {
    position: relative
}

.Screen__img {
    overflow: hidden;
    position: absolute;
    width: 90%;
    height: 80%;
    top: 10%;
    left: 5%;
    z-index: 10
}

.Screen__img img {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 5
}

.text-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.particles {
    height: 100%;
    background: #1c1c1c;
    overflow: hidden
}

.particles__container {
    position: relative;
    width: 100%;
    height: 100%
}

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

.particles__content {
    width: 100%;
    height: 100%;
    color: #74cfc1;
    z-index: 20;
    display: grid;
    grid-template-columns: 1fr 1fr;
    place-items: center center
}

.particles__img {
    height: 500px;
    z-index: 10;
    position: relative
}

.particles__img img {
    -o-object-fit: cover;
    object-fit: cover;
    background-size: cover;
    height: 100%
}

.particles__title {
    font-size: 35px
}

.particles__text {
    color: #a9a9a9;
    font-size: 24px;
    line-height: 120%;
    margin: 30px 0
}

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: url("style.min.css");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    z-index: 2
}

.count-particles {
    background: #002;
    position: absolute;
    top: 48px;
    left: 0;
    width: 80px;
    color: #13e8e9;
    font-size: .8em;
    text-align: left;
    text-indent: 4px;
    line-height: 14px;
    padding-bottom: 2px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 700
}

.js-count-particles {
    font-size: 1.1em
}

#stats,
.count-particles {
    -webkit-user-select: none;
    margin-top: 5px;
    margin-left: 5px
}

#stats {
    border-radius: 3px 3px 0 0;
    overflow: hidden
}

.count-particles {
    border-radius: 0 0 3px 3px
}

.popup {
    z-index: 10;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease
}

.popup__body {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 10px
}

.popup__content {
    padding: 75px 35px;
    max-width: 730px;
    margin: 0 auto;
    position: relative;
    border-radius: 15px;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    opacity: 0;
    background-color: rgba(116, 207, 193, .75);
    color: #fff;
    border: 2px solid #74cfc1;
    -webkit-transform: perspective(600px) translate(0, -100%) rotateX(45deg);
    transform: perspective(600px) translate(0, -100%) rotateX(45deg);
    -webkit-box-shadow: 0 5px 30px 0 #74cfc1;
    box-shadow: 0 5px 30px 0 #74cfc1
}

.popup__content-price {
    width: 100%
}

.popup__content__image {
    padding: 0
}

.popup__content img {
    max-width: 100%;
    vertical-align: top
}

.popup__btn-close {
    position: absolute;
    top: 20px;
    right: 20px
}

.popup__title {
    font-size: 40px;
    margin: 0 0 1em 0;
    margin-bottom: 20px;
    color: #000
}

.popup__subtitle {
    margin: 0 auto 40px;
    text-align: center;
    font-size: 28px
}

.popup.open {
    opacity: 1;
    visibility: visible
}

.popup.open .popup__content {
    -webkit-transform: perspective(600px) translate(0, 0) rotateX(0);
    transform: perspective(600px) translate(0, 0) rotateX(0);
    opacity: 1
}

.close-popup {
    position: absolute;
    width: 50px;
    height: 50px;
    padding: 0;
    top: 0;
    right: 10px;
    display: inline-block;
    -webkit-transition: opacity .2s, -webkit-transform .4s;
    transition: opacity .2s, -webkit-transform .4s;
    -o-transition: transform .4s, opacity .2s;
    transition: transform .4s, opacity .2s;
    transition: transform .4s, opacity .2s, -webkit-transform .4s
}

.close-popup:hover {
    -webkit-transform: scale(1.1) rotate(180deg);
    -ms-transform: scale(1.1) rotate(180deg);
    transform: scale(1.1) rotate(180deg)
}

.close-popup:active {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    opacity: .8
}

.close-popup::after,
.close-popup::before {
    content: "";
    background: #fff;
    height: 40px;
    width: 3px;
    position: absolute;
    border: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.close-popup::after {
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.close-popup::before {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

#scrollToTopBtn {
    position: fixed;
    bottom: 2%;
    right: 5%;
    border: none;
    background: #74cfc1;
    border-radius: 0 5px;
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    line-height: 48px;
    width: 48px;
    opacity: 0;
    z-index: -1;
    -webkit-transition: opacity .3s ease-in-out, background-color .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: opacity .3s ease-in-out, background-color .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out, background-color .3s ease-in-out, transform .3s ease-in-out;
    transition: opacity .3s ease-in-out, background-color .3s ease-in-out, transform .3s ease-in-out;
    transition: opacity .3s ease-in-out, background-color .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

#scrollToTopBtn:hover {
    background-color: #74cfc1
}

#scrollToTopBtn:active {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.tooltip {
    position: absolute;
    top: 50%;
    right: 2%;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    z-index: 5
}

.tooltip:hover .tooltip__element {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1)
}

.tooltip:hover .tooltip__info {
    display: block
}

.tooltip__element {
    font-size: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    color: #fff;
    background-color: #f2b749;
    line-height: 0;
    text-align: center
}

.tooltip__info {
    display: none;
    position: absolute;
    padding: 5px 0;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    background-color: #3c4154;
    width: 300px
}

.tooltip__info::after {
    content: "";
    position: absolute;
    border: 0 solid transparent
}

.tooltip__info::before {
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    right: -15px;
    bottom: -15px
}

.tooltip__left .tooltip__info {
    bottom: 130%;
    right: -20%;
    margin-right: 5px
}

.tooltip__left .tooltip__info::after {
    bottom: -10px;
    left: 90%;
    border-width: 10px 15px 10px 0;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    border-right-color: #3c4154
}

.tooltip__right .tooltip__info {
    top: 130%;
    left: -8px;
    margin-left: 5px
}

.tooltip__right .tooltip__info::after {
    top: -10px;
    right: 90%;
    border-width: 10px 15px 10px 0;
    -webkit-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    transform: rotate(-270deg);
    border-right-color: #3c4154
}

.tooltip-1 {
    right: 90%;
    top: 40%;
    z-index: 4
}

.tooltip-2 {
    left: 10%;
    top: 47%;
    z-index: 3
}

.tooltip-3 {
    z-index: 2;
    right: 70%;
    top: 30%
}

.tooltip-4 {
    z-index: 1;
    right: 75%;
    top: 50%
}

.table {
    padding: 80px 60px 40px;
    position: relative;
    font-family: Raleway, sans-serif;
    max-width: 1920px;
    margin: 0 auto
}

.table__title {
    font-weight: 700;
    font-size: 60px;
    line-height: 125%;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 80px
}

.table__inner {
    background: #fff;
    -webkit-box-shadow: 0 4px 50px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 50px rgba(0, 0, 0, .15);
    border-radius: 0 0 20px 20px;
    position: relative;
    margin: 0 auto
}

.table__inner::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: -webkit-gradient(linear, left top, right top, color-stop(.04%, #74cfc1), color-stop(80%, #77d3c6));
    background: -o-linear-gradient(left, #74cfc1 .04%, #77d3c6 80%);
    background: linear-gradient(90deg, #74cfc1 .04%, #77d3c6 80%);
    -webkit-box-shadow: 0 10px 100px rgba(0, 0, 0, .15);
    box-shadow: 0 10px 100px rgba(0, 0, 0, .15);
    border-radius: 0 0 15px 15px
}

.table__head {
    position: relative
}

.table__head::after,
.table__head::before {
    content: "";
    position: absolute;
    z-index: -1
}

.table__head::after {
    top: -55px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 55px 50px;
    border-color: transparent transparent #77d3c6 transparent
}

.table__head::before {
    top: -55px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 55px 0 0 50px;
    border-color: transparent transparent transparent #77d3c6
}

.table__head-content {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    overflow: hidden;
    width: 95%;
    margin: 0 auto;
    position: absolute;
    top: -55px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.table__head-item {
    padding: 50px 5px;
    background: #74cfc1;
    -webkit-box-shadow: 0 10px 100px rgba(0, 0, 0, .15);
    box-shadow: 0 10px 100px rgba(0, 0, 0, .15);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-weight: 600;
    font-size: 28px;
    line-height: 25px;
    color: #fff;
    white-space: nowrap
}

.table__content-item {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 31px 0;
    max-width: 95%;
    margin: 0 auto
}

.table__content-item p:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px
}

.table__content-item:nth-child(even) {
    background: #f4f4f4;
    border-radius: 10px
}

.table__content-item-text {
    font-family: Raleway, sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 25px;
    color: #000;
    text-align: center;
    white-space: nowrap
}

.table__content {
    padding: 80px 0
}

.faq {
    position: relative
}

.faq:after {
    content: "";
    position: absolute;
    top: 160px;
    left: 0;
    width: 28%;
    height: 5px;
    background: #74cfc1
}

.faq::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 200px;
    height: 200px;
    background-image: url(../img/Faq/faqDecor.png.html);
    background-size: contain;
    z-index: -1
}

.faq__title {
    font-weight: 700;
    font-size: 60px;
    line-height: 124.19%;
    color: #000
}

.accordion {
    width: 100%;
    border-radius: 25px
}

.accordion__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.accordion__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -20px;
    height: 100%;
    position: relative;
    z-index: 3;
    border-radius: 10px;
    padding: 70px 0
}

.accordion__item {
    min-height: 100px;
    padding: 10px 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1%;
    flex: 0 0 1%
}

.accordion__title {
    position: relative;
    cursor: pointer;
    font-weight: 600;
    font-size: 25px;
    line-height: 124.19%;
    color: #000;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px
}

.accordion__title span {
    width: 45px;
    height: 45px;
    border: 1px solid #74cfc1;
    border-radius: 30px;
    position: relative;
    top: -5px;
    padding-right: 10px
}

.accordion__title span::after,
.accordion__title span::before {
    content: "";
    width: 20px;
    height: 3px;
    background-color: #74cfc1;
    position: absolute;
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    border-radius: 3px;
    top: 50%;
    left: 50%
}

.accordion__title span::before {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.accordion__title span::after {
    top: 48%;
    left: 29%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.accordion__text {
    display: none;
    padding: 10px 0 0 70px;
    font-weight: 200;
    font-size: 22px;
    line-height: 124.19%;
    color: #646464;
    position: relative
}

.accordion__text::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 55px;
    height: 80%;
    width: 3px;
    background-color: #74cfc1
}

.accordion__title.active span::after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    left: 30%
}

.accordion__title.active span::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 30%
}

.image__box {
    width: 300px
}

.image__box img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.block {
    width: 50%;
    padding: 20px
}

.stats {
    padding: 100px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #69b060
}

.stats__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: 20px;
    text-align: center;
    color: #fff
}

.stats__number {
    font-size: 140px;
    line-height: 80%
}

.stats__title {
    font-size: 30px;
    line-height: 110%;
    font-weight: 700;
    padding: 20px 0
}

.stats__desc {
    line-height: 110%;
    font-size: 18px
}

.footer {
    position: relative;
    z-index: 2;
    color: #fff;
    background-color: #10242d;
    padding: 40px 0;
    font-size: 12px
}

.footer__logo {
    height: 50px;
    width: 300px
}

.footer__logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.footer__text {
    font-weight: 300;
    font-size: 16px;
    line-height: 125%;
    text-align: center;
    letter-spacing: .04em;
    color: rgba(255, 255, 255, .8);
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 25px
}

.footer__text::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(188, 188, 188, .6)
}

.footer__inner {
    padding: 0 10px
}

.footer__inner-top {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 100px;
    margin-bottom: 40px
}

.footer__links {
    display: grid;
    grid-template-columns: repeat(8, auto);
    gap: 25px
}

.footer__sub {
    cursor: pointer;
    font-weight: 200;
    line-height: 175%;
    color: #fff;
    margin-bottom: 10px;
    display: inline-block
}

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

.footer__item {
    color: #fff;
    text-transform: uppercase
}

.footer__item span {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.footer__item span::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 25px;
    height: 3px;
    background: #74cfc1;
    border-radius: 0 5px
}

.footer__links-box {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto
}

.footer__contact-list a {
    height: 45px;
    width: 45px;
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.footer__contact-list a:hover {
    background-color: #74cfc1;
    border-radius: 0 10px
}

.footer__contact-list a img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: 0 10px
}

.footer__copy {
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    text-align: center;
    color: #fff
}

.footer__company-name {
    color: #74cfc1
}

.page {
    font-family: Raleway, sans-serif;
    color: #000;
    padding: 0
}

.page__bg {
    height: 300px;
    position: absolute;
    background: -o-radial-gradient(58.2% 45.92%, 46.67% 59.46%, #308389 0, #26707d 8.85%, #256376 17.71%, #193f4f 44.67%, #08181b 81.25%, #000 100%);
    background: radial-gradient(46.67% 59.46% at 58.2% 45.92%, #308389 0, #26707d 8.85%, #256376 17.71%, #193f4f 44.67%, #08181b 81.25%, #000 100%);
    width: 100%;
    overflow: hidden
}

.page__bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 380px;
    height: 340px;
    border-radius: 50%;
    background: -o-radial-gradient(50.21% 50%, 52.75% 52.75%, #74cfc1 0, rgba(71, 91, 146, .73) 100%);
    background: radial-gradient(52.75% 52.75% at 50.21% 50%, #74cfc1 0, rgba(71, 91, 146, .73) 100%);
    -webkit-filter: blur(150px);
    filter: blur(150px)
}

.page__inner {
    padding-top: 350px;
    display: grid;
    grid-template-columns: 30% 65%;
    gap: 60px
}

.page__title {
    font-weight: 700;
    font-size: 60px;
    text-align: left;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 70px
}

.page__content {
    margin-bottom: 145px
}

.page__item {
    margin-bottom: 65px
}

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

.page__item-title {
    font-weight: 600;
    font-size: 35px;
    color: #74cfc1;
    margin-bottom: 40px
}

.page__desc {
    position: relative;
    font-weight: 300;
    font-size: 25px;
    margin-bottom: 20px;
    padding-left: 40px
}

.page__desc::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 4px;
    height: 100%;
    background: #74cfc1;
    border-radius: 5px
}

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

.page__list {
    margin: 30px 0;
    position: relative;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0
}

.page__list-content {
    padding: 160px 20px 60px
}

.page__list-title {
    font-style: italic;
    font-weight: 600;
    font-size: 35px;
    line-height: 125%;
    position: absolute;
    top: 35px;
    left: -100px;
    color: #fff;
    padding: 20px 140px;
    display: inline-block;
    z-index: 1
}

.page__list-title::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: -o-radial-gradient(58.2% 50.92%, 103.67% 98.46%, #308389 0, #26707d 8.85%, #256376 17.71%, #193f4f 44.67%, #08181b 81.25%, #000 100%);
    background: radial-gradient(103.67% 98.46% at 58.2% 50.92%, #308389 0, #26707d 8.85%, #256376 17.71%, #193f4f 44.67%, #08181b 81.25%, #000 100%);
    -webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, .25);
    box-shadow: 0 4px 7px rgba(0, 0, 0, .25);
    width: 100%;
    z-index: -1;
    height: 100%;
    -webkit-transform: skewX(-40deg);
    -ms-transform: skewX(-40deg);
    transform: skewX(-40deg)
}

.page__list li {
    margin-bottom: 10px;
    position: relative;
    font-style: italic;
    font-weight: 100;
    font-size: 25px;
    line-height: 125%;
    padding-left: 10px
}

.page__list li::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #000;
    border-radius: 100%
}

#green {
    color: #37cd12
}

#red {
    color: #ef1d00
}

.breadcrumbs {
    margin-bottom: 50px
}

.breadcrumbs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.breadcrumbs__list li {
    margin-right: 10px;
    font-size: 24px
}

.breadcrumbs__list li:last-child {
    margin-right: 0
}

.breadcrumbs__list li a.active {
    font-weight: 700;
    color: #74cfc1
}

.main {
    background: -webkit-gradient(linear, left top, right top, color-stop(6.52%, #30e9a7), to(#1ac4c0));
    background: -o-linear-gradient(left, #30e9a7 6.52%, #1ac4c0 100%);
    background: linear-gradient(90deg, #30e9a7 6.52%, #1ac4c0 100%)
}

.islamic {
    background: -webkit-gradient(linear, left top, right top, color-stop(6.52%, #c0ca00), to(#d5e00e));
    background: -o-linear-gradient(left, #c0ca00 6.52%, #d5e00e 100%);
    background: linear-gradient(90deg, #c0ca00 6.52%, #d5e00e 100%)
}

.bronze {
    background: -webkit-gradient(linear, left top, right top, color-stop(6.52%, #dcf15c), to(#9bd152));
    background: -o-linear-gradient(left, #dcf15c 6.52%, #9bd152 100%);
    background: linear-gradient(90deg, #dcf15c 6.52%, #9bd152 100%)
}

.silver {
    background: -webkit-gradient(linear, left top, right top, color-stop(6.52%, #cb86e3), to(#8a7dd6));
    background: -o-linear-gradient(left, #cb86e3 6.52%, #8a7dd6 100%);
    background: linear-gradient(90deg, #cb86e3 6.52%, #8a7dd6 100%)
}

.gold {
    background: -webkit-gradient(linear, left top, right top, color-stop(6.52%, #e6da6e), to(#af8f1a));
    background: -o-linear-gradient(left, #e6da6e 6.52%, #af8f1a 100%);
    background: linear-gradient(90deg, #e6da6e 6.52%, #af8f1a 100%)
}

.platinum {
    background: -webkit-gradient(linear, left top, right top, color-stop(6.52%, #2cd5da), to(#3ca6e4));
    background: -o-linear-gradient(left, #2cd5da 6.52%, #3ca6e4 100%);
    background: linear-gradient(90deg, #2cd5da 6.52%, #3ca6e4 100%)
}

.vip {
    background: -webkit-gradient(linear, left top, right top, color-stop(6.52%, #fd9960), to(#ed6c67));
    background: -o-linear-gradient(left, #fd9960 6.52%, #ed6c67 100%);
    background: linear-gradient(90deg, #fd9960 6.52%, #ed6c67 100%)
}

.main-border {
    border: 2px solid #00ca7e
}

.islamic-border {
    border: 2px solid #c0ca00
}

.bronze-border {
    border: 2px solid #dcf15c
}

.silver-border {
    border: 2px solid #c469de
}

.gold-border {
    border: 2px solid #d5c52a
}

.platinum-border {
    border: 2px solid #28c9ce
}

.vip-border {
    border: 2px solid #fe8a61
}

.main-price {
    color: #1dc8be
}

.islamic-price {
    color: #c0ca00
}

.bronze-price {
    color: #dcf15c
}

.silver-price {
    color: #917ed5
}

.gold-price {
    color: #bc9f2d
}

.platinum-price {
    color: #38b3e2
}

.vip-price {
    color: #f68464
}

.accounts__inner {
    display: grid;
    grid-template-columns: 300px repeat(7, minmax(210px, 300px));
    gap: 20px;
    padding: 120px 120px 100px;
    font-family: Raleway, sans-serif;
    overflow-x: scroll
}

.accounts__list-item {
    background-color: #e3e3e3 !important
}

.accounts__empty-item,
.accounts__item {
    min-height: 800px;
    position: relative;
    -webkit-box-shadow: 0 4px 100px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 100px rgba(0, 0, 0, .15)
}

.accounts__item {
    background-color: #fff;
    min-width: 180px
}

.accounts__empty-item {
    background: #f3f4f6
}

.accounts__empty-head {
    height: 225px
}

.accounts__head {
    position: relative
}

.accounts__empty-title,
.accounts__title {
    text-align: center;
    font-size: 40px;
    line-height: 25px;
    white-space: nowrap
}

.accounts__empty-title {
    color: #000;
    font-weight: 600;
    padding: 80px 20px 20px
}

.accounts__empty-desc {
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    color: #000;
    text-align: center;
    padding: 0 20px
}

.accounts__title {
    color: #fff;
    font-weight: 700;
    padding: 80px 20px 110px
}

.accounts__price {
    position: absolute;
    top: -55px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 140px;
    height: 140px;
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .25);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .25)
}

.accounts__price-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.accounts__price-content span {
    display: block;
    white-space: nowrap
}

.accounts__price-content span span {
    display: inline-block
}

.accounts__value {
    font-weight: 700;
    font-size: 25px;
    line-height: 25px;
    position: relative
}

.accounts__step {
    font-size: 24px;
    margin: 5px 0;
    line-height: 0;
    font-weight: 700;
    color: #afafaf
}

.accounts__empty-content {
    padding: 110px 0
}

.accounts__content {
    padding: 120px 0;
    position: relative
}

.accounts__content ul li,
.accounts__empty-content ul li {
    min-height: 60px;
    text-align: center;
    padding: 15px 0;
    background-color: #fff;
    font-weight: 600;
    font-size: 22px;
    line-height: 25px;
    color: #000
}

.accounts__content ul li span:nth-child(1) {
    display: none
}

.accounts__footer {
    padding: 30px 20px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%
}

.accounts__footer a {
    display: inline-block;
    padding: 15px 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #000;
    text-align: center;
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.accounts__footer a:hover {
    color: #fff
}

.wrapper-account {
    height: 100%;
    overflow-y: scroll;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer__sub {
    font-weight: 200;
    font-size: 16px;
    line-height: 175%;
    color: #fff;
    margin-bottom: 10px;
    display: inline-block
}

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

.our-platform {
    position: relative
}

.our-platform::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(315.81deg, #fff 50%, #94a6a4 155%);
    background: linear-gradient(134.19deg, #fff 50%, #94a6a4 155%);
    z-index: -2
}

.our-platform__title {
    font-weight: 600;
    font-size: 60px;
    line-height: 125%;
    text-align: left;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 80px
}

.our-platform__left {
    position: relative
}

.our-platform__left::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -100px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50%;
    height: 120%;
    background-image: url(../img/our-platform/decor.png);
    background-size: cover;
    z-index: -1
}

.our-platform__inner-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px
}

.our-platform__inner {
    padding-top: 350px;
    padding-bottom: 50px
}

.our-platform__inner-item {
    margin-bottom: 30px
}

.our-platform__inner-item:last-child {
    margin-bottom: 0
}

.our-platform__content {
    margin-bottom: 50px
}

.our-platform__item-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 125%;
    color: #22625a;
    margin-bottom: 25px
}

.our-platform__desc {
    font-weight: 300;
    font-size: 25px;
    margin-bottom: 20px
}

.KYC__desc::after {
    content: none !important
}

.KYC__desc {
    padding: 0 !important
}

.Disclaimer__desc::after {
    content: none !important
}

.Disclaimer__desc {
    padding: 0 !important
}

.privacy__desc::after {
    content: none !important
}

.privacy__desc {
    padding: 0 !important
}

@media (min-width:1000px) {
    .icon {
        margin-left: 20px
    }

    .our-platform__inner-item.odd .our-platform__right {
        grid-area: 1/1
    }

    .our-platform__inner-item.even .our-platform__left::after {
        right: 100%;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }
}

@media (min-width:1100px) {
    .btn:hover {
        background-color: #72e781
    }

    .menu__link::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 2px;
        background-color: #000;
        -webkit-transition: width .3s ease-in;
        -o-transition: width .3s ease-in;
        transition: width .3s ease-in
    }

    .menu__link:hover::after {
        width: 100%
    }

    .features-phone-laying__item:hover .features-phone-laying__icon {
        background-color: #74cfc1;
        border: 2px solid transparent
    }

    .features-phone-laying__item:hover .features-phone-laying__i {
        color: #fff
    }

    .accounts__content ul li:first-child span {
        display: none
    }
}

@media (max-width:1750px) {
    .accounts__inner {
        padding: 60px 40px 100px;
        gap: 10px
    }
}

@media (max-width:1500px) {
    .accounts__inner {
        padding: 60px 20px 100px
    }

    .accounts__empty-head {
        height: 205px
    }

    .accounts__empty-title,
    .accounts__title {
        font-size: 30px
    }

    .accounts__empty-title {
        padding: 35px 20px 20px
    }

    .accounts__title {
        padding: 50px 20px 70px
    }

    .accounts__empty-content {
        padding: 60px 0
    }
}

@media (max-width:1452px) {

    .white-border-btn-register,
    .white-border-btn-sign-in {
        padding: 10px 10px;
        font-size: 16px
    }
}

@media (max-width:1440px) {
    .container {
        max-width: 1100px
    }

    .hero-nft-pixel__btn {
        padding: 10px 55px;
        font-size: 18px
    }

    .white-border-btn {
        padding: 10px 25px
    }

    .main__title {
        font-size: 40px
    }

    .header__logo {
        width: 125px
    }

    .menu__item.multi__menu {
        font-size: 11px
    }

    .menu__link {
        font-size: 11px
    }

    .features-icons-gradient__inner {
        gap: 60px 125px
    }

    .contacts__title {
        font-size: 40px
    }

    .crypto-piggy-bank__container {
        max-width: 970px
    }

    .table__title {
        font-size: 40px;
        margin-bottom: 60px
    }

    .table__head::after {
        top: -70px;
        border-width: 0 0 70px 30px
    }

    .table__head::before {
        top: -70px;
        border-width: 70px 0 0 30px
    }

    .table__head-content {
        top: -70px
    }

    .table__head-item {
        font-size: 24px;
        padding: 30px 5px
    }

    .table__content-item {
        padding: 25px 0
    }

    .table__content-item-text {
        font-size: 20px
    }

    .table__content {
        padding: 40px 0
    }

    .footer__logo {
        width: 150px;
        height: 26px
    }

    .footer__inner-top {
        gap: 50px
    }

    .footer__sub {
        font-size: 14px
    }

    .footer__item span {
        font-size: 12px
    }

    .page__title {
        font-size: 40px;
        margin-bottom: 60px
    }

    .page__content {
        margin-bottom: 100px
    }

    .page__item {
        margin-bottom: 40px
    }

    .page__item-title {
        font-size: 28px;
        margin-bottom: 20px
    }

    .page__desc {
        font-size: 21px
    }

    .page__list-content {
        padding: 140px 20px 40px
    }

    .page__list-title {
        font-size: 21px;
        padding: 20px 70px
    }

    .accounts__price {
        width: 100px;
        height: 100px
    }

    .accounts__value {
        font-size: 18px
    }

    .accounts__step {
        font-size: 18px
    }

    .accounts__content ul li,
    .accounts__empty-content ul li {
        font-size: 16px
    }

    .accounts__footer a {
        font-size: 14px
    }

    .our-platform__title {
        margin-bottom: 60px;
        font-size: 40px
    }

    .our-platform__item-title {
        font-size: 28px;
        margin-bottom: 15px
    }

    .our-platform__desc {
        font-size: 21px
    }
}

@media (max-width:1400px) {
    section.crypto-piggy-bank figure {
        width: 75px;
        height: 75px
    }

    .stats__number {
        font-size: 80px
    }
}

@media (max-width:1330px) {
    .header {
        gap: 55px
    }

    .menu__item {
        margin-right: 20px
    }

    .widget-backdrop__content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .table {
        overflow-x: scroll
    }
}

@media (max-width:1300px) {
    .data-new {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, auto);
        gap: 30px
    }

    .data-modern {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, auto);
        gap: 30px
    }
}

@media (max-width:1282px) {
    .icon__img__img {
        margin-right: 10px
    }
}

@media (max-width:1200px) {
    .btn {
        min-height: 45px
    }

    .flex-wrap-wrap--1200 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .menu__list {
        margin: 0 20px
    }

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

    .widgets__box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .widgets__inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .table__inner {
        padding: 0
    }

    .footer__item span {
        font-size: 10px
    }
}

@media (max-width:1100px) {
    .accounts__inner {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        padding: 70px 20px 0;
        gap: 30px
    }

    .accounts__empty-item,
    .accounts__item {
        min-height: auto
    }

    .accounts__empty-desc {
        padding-bottom: 35px
    }

    .accounts__empty-content {
        display: none
    }

    .accounts__content {
        padding: 40px 0 120px
    }

    .accounts__content ul li span:nth-child(1) {
        display: inline-block
    }

    .accounts__footer {
        width: 50%
    }
}

@media (max-width:1000px) {
    .btn {
        padding: 10px 20px
    }

    .white-border-btn::after {
        height: 130%
    }

    header._active .white-border-btn-sign-in {
        color: #fff
    }

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

    .col-2-1fr--row-2-auto {
        grid-template-columns: none;
        grid-template-rows: repeat(2, auto)
    }

    .col-2-50--row-2-50 {
        grid-template-columns: none;
        grid-template-rows: repeat(2, 50%)
    }

    .col-2-auto--row-2-auto {
        grid-template-columns: none;
        grid-template-rows: repeat(2, auto)
    }

    .flex-justify-between--direction-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .gap-20-lg {
        gap: 20px
    }

    .m-w-80-100-80 {
        max-width: 100%
    }

    .main__desc {
        font-size: 21px
    }

    .main__title {
        font-size: 34px
    }

    .motion--line::after {
        width: 100%;
        height: 44px
    }

    .place-content-stretch-space-between--center {
        place-content: center
    }

    .place-content-center--space-around {
        place-content: space-around
    }

    .place-items-end--center {
        place-items: center;
        text-align: center
    }

    .header__logo {
        height: 50px;
        width: 200px
    }

    .header._active .menu__item.multi__menu {
        color: #fff;
        display: inline-block;
        padding: 20px 0
    }

    .active-page::after {
        display: none
    }

    .menu__submenu {
        border-bottom: 1px solid #fff
    }

    .menu__multi-inner::after {
        display: none
    }

    .menu__submenu a {
        padding: 30px
    }

    .menu__item.multi__menu {
        font-size: 14px
    }

    .menu__multi {
        position: absolute;
        padding: 0;
        border-radius: 0;
        width: 100%;
        z-index: -1;
        height: 0
    }

    .multi__menu.active .menu__multi {
        height: 100%
    }

    .menu__multi .menu__item {
        height: 0;
        border-bottom: 1px solid #fff;
        width: 100%
    }

    .menu__item.active .menu__multi {
        position: relative;
        z-index: 1;
        top: -5px;
        height: 100%
    }

    .menu__registrations.no-mobile {
        display: none
    }

    .menu__link {
        font-size: 14px
    }

    .btn-tablet--color,
    .btn-tablet--transparent {
        font-size: 18px;
        padding: 5px 25px
    }

    .icon__img__img {
        margin-right: 0
    }

    .header._active .menu__link {
        color: #fff
    }

    .header__inner {
        padding: 17px 0
    }

    .header__menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .menu__icon span,
    .menu__icon::after,
    .menu__icon::before {
        left: 0;
        position: absolute;
        height: 10%;
        width: 100%;
        -webkit-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
        background-color: #fff
    }

    .header._active .menu__icon span,
    .menu__icon::after,
    .menu__icon::before {
        background-color: #000
    }

    .menu__icon::after,
    .menu__icon::before {
        content: ""
    }

    .menu__icon::before {
        top: 0;
        background-color: #fff
    }

    .menu__icon::after {
        bottom: 0;
        background-color: #fff
    }

    .header._active .menu__icon::after {
        background-color: #000
    }

    .header._active .menu__icon::before {
        background-color: #000
    }

    .menu__icon span {
        top: 50%;
        -webkit-transform: scale(1) translate(0, -50%);
        -ms-transform: scale(1) translate(0, -50%);
        transform: scale(1) translate(0, -50%)
    }

    .menu__icon {
        z-index: 5;
        display: block;
        position: absolute;
        width: 30px;
        height: 18px;
        margin-left: 30px;
        top: 50%;
        right: 20px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .menu__icon._active span {
        -webkit-transform: scale(0) translate(0, -50%);
        -ms-transform: scale(0) translate(0, -50%);
        transform: scale(0) translate(0, -50%)
    }

    .menu__icon._active::before {
        top: 50%;
        -webkit-transform: rotate(-45deg) translate(0, -50%);
        -ms-transform: rotate(-45deg) translate(0, -50%);
        transform: rotate(-45deg) translate(0, -50%)
    }

    .menu__icon._active::after {
        bottom: 50%;
        -webkit-transform: rotate(45deg) translate(0, 50%);
        -ms-transform: rotate(45deg) translate(0, 50%);
        transform: rotate(45deg) translate(0, 50%)
    }

    .menu__registrations.mobile {
        padding: 20px 0;
        margin: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: grid;
        grid-template-columns: repeat(1, auto)
    }

    .menu__registrations.mobile .btn-tablet--transparent {
        color: #fff
    }

    .menu__body {
        position: fixed;
        top: -100%;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .9);
        overflow: auto;
        color: #fff;
        text-align: center;
        opacity: 0;
        -webkit-transition: all .8s ease-in-out;
        -o-transition: all .8s ease-in-out;
        transition: all .8s ease-in-out;
        display: block
    }

    .menu__body._active {
        top: 0;
        left: 0;
        overflow-x: hidden;
        opacity: 1
    }

    .menu__body::before {
        content: "";
        position: fixed;
        width: 100%;
        min-height: 90px;
        top: 0;
        left: 0;
        background-color: #fff;
        z-index: 6
    }

    .menu__list {
        padding-top: 90px;
        width: auto;
        height: 100%;
        display: block
    }

    .menu__item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
        width: 100%
    }

    .menu__item ._active .menu__sub-list {
        display: block
    }

    .menu__link {
        font-size: 14px;
        display: block;
        padding: 20px 0;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        color: #787474
    }

    .menu__inner {
        margin: 0
    }

    .icon {
        margin: 20px 0;
        display: none
    }

    .icon__img:last-child {
        margin-right: 10px
    }

    .icon__link {
        padding: 0;
        -webkit-transition: -webkit-transform .3s ease-in;
        transition: -webkit-transform .3s ease-in;
        -o-transition: transform .3s ease-in;
        transition: transform .3s ease-in;
        transition: transform .3s ease-in, -webkit-transform .3s ease-in
    }

    .icon__link:active {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }

    .multilang-is-active .menu__icon {
        right: 20px
    }

    .hero-coins__inner {
        place-content: center;
        place-items: center
    }

    .hero-coins__left img {
        width: 50%
    }

    .hero-coins__right {
        max-width: 1000px;
        text-align: center;
        -o-object-fit: contain;
        object-fit: contain
    }

    .hero-coins__title {
        font-size: 40px
    }

    .hero-coins__desc {
        margin: 20px 0
    }

    .hero-coins__btn {
        padding: 10px 20px;
        font-size: 18px
    }

    .hero-coins__decor-5 {
        display: none
    }

    .widget-backdrop__title {
        text-align: center;
        margin-bottom: 70px
    }

    .features-icons-gradient__head {
        max-width: 100%
    }

    .features-icons-gradient__title {
        font-size: 25px;
        margin-bottom: 15px
    }

    .features-icons-gradient__text {
        font-size: 16px
    }

    .features-icons-gradient__inner {
        grid-template-columns: repeat(2, auto);
        grid-template-rows: repeat(3, auto)
    }

    .features-icons-gradient__icon img {
        height: 100px;
        width: 100px
    }

    .features-phone-laying .title {
        font-size: 28px
    }

    .features-phone-laying__desc {
        font-size: 24px
    }

    .features-phone-laying__item {
        margin-bottom: 10px
    }

    .features-phone-laying__list-title {
        font-size: 18px
    }

    .features-phone-laying__list-text {
        font-size: 16px
    }

    .contacts__title {
        font-size: 28px
    }

    /* .contacts__box {
        margin-left: 100px; /* shifts the entire box 50px to the right */
    } */

    @media (max-width: 1000px) {
        .contacts__box {
            margin-left: 0px;
        }
    }

    .contacts__box img {
        width: 200px
    }

    .contacts__text {
        font-size: 16px;
        margin-bottom: 0
    }

    .contacts__inner {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 0
    }

    .form {
        padding: 60px 0 0 0
    }

    .form .checkbox__label::before {
        margin: 0 5px 0 0
    }

    .crypto-piggy-bank__container {
        height: 120vh
    }

    .crypto-piggy-bank__container {
        max-width: 750px
    }

    .crypto-piggy-bank__icons {
        height: 72%;
        position: relative;
        margin-top: 30px
    }

    .crypto-piggy-bank__box {
        max-width: 100%;
        margin-top: 0;
        margin-bottom: 30px
    }

    section.crypto-piggy-bank figure {
        width: 50px;
        height: 50px
    }

    .Screen__img {
        width: 80%;
        height: 80%;
        top: 10%;
        left: 10%
    }

    #iPhone_12_Pro {
        width: 200px;
        height: 350px
    }

    .particles__box {
        margin-top: 20px
    }

    .particles__content {
        grid-template-columns: 1fr;
        place-content: center;
        text-align: center
    }

    .particles__img {
        height: 400px
    }

    .particles__title {
        font-size: 24px
    }

    #scrollToTopBtn {
        display: none
    }

    .tooltip {
        width: 25px;
        height: 25px
    }

    .tooltip__element {
        font-size: 28px;
        width: 25px;
        height: 25px
    }

    .tooltip__info {
        width: 210px
    }

    .tooltip__left .tooltip__info {
        bottom: 140%;
        right: 0
    }

    .tooltip__right .tooltip__info {
        top: 140%;
        left: 0
    }

    .tooltip-1 {
        right: 91%;
        top: 26%
    }

    .tooltip-2 {
        left: 12%;
        top: 20%
    }

    .tooltip-3 {
        right: 74%;
        top: 24%
    }

    .tooltip-4 {
        right: 74%;
        top: 15%
    }

    .table {
        padding: 80px 0 40px
    }

    .table__title {
        margin-bottom: 30px
    }

    .table__head::after {
        top: -45px;
        border-width: 0 0 70px 25px
    }

    .table__head::before {
        top: -45px;
        border-width: 70px 0 0 25px
    }

    .table__head-content {
        top: -45px
    }

    .table__head-item {
        font-size: 18px;
        padding: 20px 5px
    }

    .table__content-item-text {
        font-size: 18px
    }

    .table__content {
        padding: 20px 0
    }

    .faq::before {
        display: none
    }

    .accordion__inner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 40px 0
    }

    .accordion__items {
        width: 100%;
        margin: 0;
        padding: 30px 0
    }

    .accordion__title {
        font-size: 20px
    }

    .image__box {
        width: 150px;
        height: 150px
    }

    .image__box {
        display: none
    }

    .block {
        padding: 0 0 20px
    }

    .block:last-child {
        padding: 0 0 0
    }

    .stats {
        padding: 25px 0
    }

    .stats__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .stats__title {
        font-size: 22px
    }

    .stats__desc {
        font-size: 16px
    }

    .footer__inner-top {
        display: none
    }

    .page__bg {
        height: 150px
    }

    .page__inner {
        grid-template-columns: 1fr;
        padding-top: 200px
    }

    .page__left {
        display: none
    }

    .page__title {
        margin-bottom: 30px;
        display: block
    }

    .page__content {
        margin-bottom: 60px
    }

    .accounts__empty-head {
        height: auto
    }

    .our-platform__title {
        margin-bottom: 30px;
        font-size: 28px
    }

    .our-platform__inner-item {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, auto);
        gap: 25px;
        margin-bottom: 15px
    }

    .our-platform__inner {
        padding-top: 200px;
        padding-bottom: 40px
    }

    .our-platform__inner-item .our-platform__right {
        grid-area: 1/1
    }

    .our-platform__content {
        margin-bottom: 25px
    }

    .our-platform__item-title {
        font-size: 24px;
        margin-bottom: 10px
    }
}

@media (max-width:1000px) and (max-width:500px) {
    .menu__body::before {
        min-height: 60px
    }

    .menu__list {
        padding-top: 75px
    }

    .menu__link {
        padding: 10px 0
    }
}

@media (max-width:999.98px) {
    .container {
        max-width: 760px
    }
}

@media (max-width:768px) {
    .m-w-450--768 {
        max-width: 450px
    }

    .widget-name {
        font-size: 20px
    }

    .widget-percent {
        font-size: 20px
    }

    .widget-value {
        font-size: 20px
    }

    .widget-backdrop__content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .widget-backdrop__content-title {
        padding: 9px
    }

    .widget-backdrop__content-percent {
        padding: 9px
    }

    .widget-backdrop__content-value {
        padding: 9px
    }

    .widget-backdrop__content-percent::after,
    .widget-backdrop__content-percent::before {
        content: none
    }

    .widgets__box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 10px
    }

    .widgets__inner {
        max-width: 450px
    }

    .crypto-piggy-bank__container {
        max-width: none;
        padding: 0 16px
    }

    .table__inner {
        width: 800px
    }

    .table__head::after {
        border-width: 0 0 70px 20px
    }

    .table__head::before {
        border-width: 70px 0 0 20px
    }

    .page__list-content {
        padding: 90px 20px 40px
    }

    .page__list-title {
        left: 0;
        font-size: 18px;
        padding: 10px 50px
    }
}

@media (max-width:767.98px) {
    .container {
        max-width: 580px
    }
}

@media (max-width:751px) {
    .tooltip-1 {
        right: 87%;
        top: 26%
    }

    .tooltip-2 {
        right: 87%;
        top: 20%
    }
}

@media (max-width:700px) {
    .accordion__items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
        padding: 20px 0
    }

    .accordion__item {
        min-height: 80px
    }

    .accordion__title span::after {
        left: 28%
    }

    .block {
        width: 100%
    }
}

@media (max-width:500px) {
    section {
        padding: 25px 0
    }

    .radius__btn {
        padding: 10px 20px
    }

    .radius__btn::before {
        width: 30px;
        height: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .btn {
        font-size: 14px
    }

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

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

    .m-w-80-100-80 {
        max-width: 80%
    }

    .main__desc {
        font-size: 14px
    }

    .main__title {
        font-size: 28px
    }

    .header {
        height: 60px
    }

    .header {
        gap: 0
    }

    .header._active .menu__item.multi__menu {
        padding: 10px 0
    }

    .menu__submenu a {
        padding: 20px
    }

    .header__inner {
        padding: 5px 0
    }

    .hero-coins__left img {
        width: 170px;
        height: 170px
    }

    .hero-coins__title {
        font-size: 35px
    }

    .hero-coins__desc {
        font-size: 20px
    }

    .hero-coins__btn {
        font-size: 20px;
        padding: 10px 40px
    }

    .hero-coins__decor-1 {
        display: none
    }

    .hero-coins__decor-2 {
        display: none
    }

    .hero-coins__decor-3 {
        display: none
    }

    .hero-coins__decor-4 {
        display: none
    }

    .data-new {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, auto)
    }

    .data-modern {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, auto);
        text-align: center
    }

    .widget-backdrop__inner {
        padding-bottom: 150px
    }

    .features-icons-gradient::after {
        display: none
    }

    .features-icons-gradient__text {
        font-size: 12px
    }

    .features-icons-gradient__inner {
        gap: 30px 25px;
        padding-top: 30px;
        grid-template-columns: repeat(1, auto);
        grid-template-rows: repeat(4, auto)
    }

    .features-icons-gradient__icon img {
        height: 55px;
        width: 55px
    }

    .features-icons-gradient__item-title {
        font-size: 16px
    }

    .features-icons-gradient__item-text {
        font-size: 12px
    }

    .features-phone-laying .title {
        font-size: 21px
    }

    .features-phone-laying__desc {
        font-size: 18px
    }

    .form__item-title {
        font-size: 14px
    }

    .form .checkbox__label {
        font-size: 10px
    }

    .crypto-piggy-bank__title {
        font-size: 24px
    }

    .crypto-piggy-bank__text {
        font-size: 18px
    }

    .particles__img {
        height: 300px
    }

    .particles__text {
        font-size: 16px
    }

    .tooltip {
        font-size: 18px
    }

    .tooltip__info {
        width: 150px;
        font-size: 14px
    }

    .tooltip-1 {
        right: 77%;
        top: 26%
    }

    .tooltip-3 {
        right: 54%;
        top: 21%
    }

    .tooltip-4 {
        right: 53%;
        top: 13%
    }

    .table__title {
        font-size: 28px;
        margin-bottom: 15px
    }

    .faq:after {
        top: 100px
    }

    .accordion__inner {
        height: 100%;
        padding: 20px 0 0
    }

    .accordion__title {
        font-size: 16px
    }

    .accordion__title span::after,
    .accordion__title span::before {
        width: 15px
    }

    .accordion__title span::after {
        left: 35%
    }

    .accordion__text::after {
        content: none
    }

    .accordion__text {
        padding: 10px 10px 0 0
    }

    .stats__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .stats__title {
        font-size: 18px
    }

    .stats__desc {
        font-size: 14px
    }

    .footer {
        padding: 20px 0
    }

    .footer__text {
        font-size: 10px
    }

    .page__title {
        font-size: 24px
    }

    .page__content {
        margin-bottom: 30px
    }

    .page__item-title {
        font-size: 21px;
        margin-bottom: 10px
    }

    .page__desc {
        font-size: 18px;
        padding-left: 20px
    }

    .page__list li {
        font-size: 18px
    }

    .accounts__footer {
        width: 100%
    }

    .our-platform__title {
        margin-bottom: 15px
    }

    .our-platform__desc {
        font-size: 16px
    }
}

@media (max-width:479.98px) {
    .container {
        max-width: none;
        padding: 0 16px
    }

    .title {
        font-size: 21px
    }
}

@media (max-width:479px) {
    .popup__content-price {
        padding: 50px 10px
    }
}

@media (max-width:469px) {
    .widgets {
        padding: 10px 0
    }

    .widgets__box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%
    }
}

@media (max-width:350px) {

    .widget-backdrop__content-percent,
    .widget-backdrop__content-title,
    .widget-backdrop__content-value {
        font-size: 15px
    }
}

@media (max-height:1000px) {
    .form__item-title {
        font-size: 18px
    }

    .form .form__button {
        padding: 15px 25px;
        font-size: 21px
    }
}

@media (max-height:560px) {
    .crypto-piggy-bank__container {
        height: 160vh
    }
}

@media (max-height:590px) {
    .crypto-piggy-bank__box {
        top: -60%
    }
}