/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/
@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Bebas+Neue&family=DM+Sans:wght@400;500;700&display=swap";html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

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

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

a {
    background-color: transparent
}

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

b,strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

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

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

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

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

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

:root {
    --grid-mt: 2.6em;
    --block-pd: 7.1em;
    --btn-fz: 18px;
    --cont-pd: 50px
}

@media(max-width: 1439px) {
    :root {
        --grid-mt: 2.2em;
        --block-pd: 6em;
        --cont-pd: 30px
    }
}

@media(max-width: 767px) {
    :root {
        --cont-pd: 20px;
        --btn-fz: 17px
    }
}

@media(max-width: 600px) {
    :root {
        --grid-mt: 2em;
        --block-pd: 5em
    }
}

#loader {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 1000;
    -webkit-transition: .3s ease opacity;
    transition: .3s ease opacity
}

#loader:before,#loader:after {
    content: "";
    width: 80px;
    height: 80px;
    border: 2px solid #6fc9cd;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%,-50%);
    animation-name: loaderCircleAnim;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

#loader:after {
    animation-delay: 1s
}

@keyframes loaderCircleAnim {
    0% {
        width: 0;
        height: 0;
        opacity: 0
    }

    10% {
        width: 10px;
        height: 10px;
        opacity: 1
    }

    80% {
        width: 60px;
        height: 60px;
        opacity: .1
    }

    100% {
        width: 70px;
        height: 70px;
        opacity: 0
    }
}

[data-animation^=animated],[data-animation^=innerAnimated] {
    visibility: hidden
}

.animated,.innerAnimated {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible
}

.fadeInUpScreen {
    -webkit-animation-name: fadeInUpScreen;
    animation-name: fadeInUpScreen;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: cubic-bezier(.25,.1,.1,1);
    animation-timing-function: cubic-bezier(.25,.1,.1,1)
}

@-webkit-keyframes fadeInUpScreen {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10px,60px,0);
        transform: translate3d(10px,60px,0)
    }

    60% {
        opacity: 1
    }

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

@keyframes fadeInUpScreen {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10px,60px,0);
        transform: translate3d(10px,60px,0)
    }

    60% {
        opacity: 1
    }

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

.fadeInUpDemos {
    -webkit-animation-name: fadeInUpDemos;
    animation-name: fadeInUpDemos;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

@-webkit-keyframes fadeInUpDemos {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,30px,0);
        transform: translate3d(0,30px,0)
    }

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

@keyframes fadeInUpDemos {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,30px,0);
        transform: translate3d(0,30px,0)
    }

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

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0)
    }

    60% {
        opacity: 1
    }

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

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0)
    }

    60% {
        opacity: 1
    }

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

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

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

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

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

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(170px);
        transform: translateX(170px)
    }

    25% {
        opacity: 1
    }

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

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(170px);
        transform: translateX(170px)
    }

    25% {
        opacity: 1
    }

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

@media(max-width: 768px) {
    @-webkit-keyframes slideInRight {
        0% {
            opacity:0;
            -webkit-transform: translateX(60px);
            transform: translateX(60px)
        }

        25% {
            opacity: 1
        }

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

    @keyframes slideInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(60px);
            transform: translateX(60px)
        }

        25% {
            opacity: 1
        }

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

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }

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

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }

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

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

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

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

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

.clipping {
    -webkit-animation-name: clipping;
    animation-name: clipping;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

@-webkit-keyframes clipping {
    0% {
        -webkit-clip-path: inset(-20px 100% -20px -20px);
        clip-path: inset(-20px 100% -20px -20px)
    }

    99% {
        -webkit-clip-path: inset(-20px -20px -20px -20px);
        clip-path: inset(-20px -20px -20px -20px)
    }

    100% {
        -webkit-clip-path: none;
        clip-path: none
    }
}

@keyframes clipping {
    0% {
        -webkit-clip-path: inset(-20px 100% -20px -20px);
        clip-path: inset(-20px 100% -20px -20px)
    }

    99% {
        -webkit-clip-path: inset(-20px -20px -20px -20px);
        clip-path: inset(-20px -20px -20px -20px)
    }

    100% {
        -webkit-clip-path: none;
        clip-path: none
    }
}

.clippingCircle {
    -webkit-animation-name: clippingCircle;
    animation-name: clippingCircle;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s
}

@-webkit-keyframes clippingCircle {
    0% {
        -webkit-clip-path: circle(0%);
        clip-path: circle(0%)
    }

    99% {
        -webkit-clip-path: circle(110%);
        clip-path: circle(110%)
    }

    100% {
        -webkit-clip-path: none;
        clip-path: none
    }
}

@keyframes clippingCircle {
    0% {
        -webkit-clip-path: circle(0%);
        clip-path: circle(0%)
    }

    99% {
        -webkit-clip-path: circle(110%);
        clip-path: circle(110%)
    }

    100% {
        -webkit-clip-path: none;
        clip-path: none
    }
}

.fadeInUpText {
    -webkit-animation-name: fadeInUpText;
    animation-name: fadeInUpText;
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1);
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes fadeInUpText {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    50% {
        opacity: 1
    }

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

@keyframes fadeInUpText {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    50% {
        opacity: 1
    }

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

@keyframes circleMove {
    from {
        -webkit-transform: rotate(0deg)
    }

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

@keyframes imageMove1 {
    from {
        -webkit-transform: translateX(-50%) rotate(0deg)
    }

    to {
        -webkit-transform: translateX(-50%) rotate(-360deg)
    }
}

@keyframes imageMove2 {
    from {
        -webkit-transform: translateX(-50%) rotate(-60deg)
    }

    to {
        -webkit-transform: translateX(-50%) rotate(-420deg)
    }
}

@keyframes imageMove3 {
    from {
        -webkit-transform: translateX(-50%) rotate(-120deg)
    }

    to {
        -webkit-transform: translateX(-50%) rotate(-480deg)
    }
}

@keyframes imageMove4 {
    from {
        -webkit-transform: translateX(-50%) rotate(-180deg)
    }

    to {
        -webkit-transform: translateX(-50%) rotate(-540deg)
    }
}

@keyframes imageMove5 {
    from {
        -webkit-transform: translateX(-50%) rotate(-240deg)
    }

    to {
        -webkit-transform: translateX(-50%) rotate(-600deg)
    }
}

@keyframes imageMove6 {
    from {
        -webkit-transform: translateX(-50%) rotate(-300deg)
    }

    to {
        -webkit-transform: translateX(-50%) rotate(-660deg)
    }
}

.text--fading .word {
    display: inline-flex;
    opacity: 0;
    transition: opacity 1.1s cubic-bezier(.65,.05,.36,1);
    transition-delay: calc(70ms * var(--word-index) + 0ms)
}

.text--fading.innerAnimated .word {
    opacity: 1
}

.text--folding .char {
    display: inline-flex;
    opacity: 0;
    transform: rotateX(90deg);
    transform-origin: bottom;
    transition: opacity 1.1s cubic-bezier(.65,.05,.36,1),transform 1.1s cubic-bezier(.65,.05,.36,1);
    transition-delay: calc(30ms * var(--char-index) + 10ms)
}

.text--folding.innerAnimated .char {
    transform: rotateX(0deg);
    opacity: 1
}

.text--turningtop>span {
    opacity: 0;
    transform: translateY(100%);
    transition: opacity .72s cubic-bezier(.4,0,.2,1),transform .72s cubic-bezier(.4,0,.2,1);
    will-change: transform
}

.text--turningtop.innerAnimated>span {
    opacity: 1;
    transform: translateY(0)
}

.moveBallRight {
    animation-name: moveBallRight;
    animation-duration: 1.5s;
    animation-timing-function: ease-out
}

.moveBallRight img {
    animation-name: spinBallRight;
    animation-duration: 1.5s;
    animation-timing-function: ease-out
}

.moveBallLeft {
    animation-name: moveBallLeft;
    animation-duration: 1.5s;
    animation-timing-function: ease-out
}

.moveBallLeft img {
    animation-name: spinBallLeft;
    animation-duration: 1.5s;
    animation-timing-function: ease-out
}

@keyframes moveBallRight {
    0% {
        opacity: 0;
        -webkit-transform: translate(-200px,-200px);
        transform: translate(-200px,-200px)
    }

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

@keyframes moveBallLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate(200px,-200px);
        transform: translate(200px,-200px)
    }

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

@keyframes spinBallRight {
    0% {
        transform: rotate(-280deg)
    }

    100% {
        transform: rotate(0)
    }
}

@keyframes spinBallLeft {
    0% {
        transform: rotate(280deg)
    }

    100% {
        transform: rotate(0)
    }
}

@keyframes bounce {
    0% {
        text-shadow: 0 5px 0 #ccc,0 2px 3px #000
    }

    100% {
        transform: translateY(-20px);
        text-shadow: 0 50px 0 #000,0 0 20px rgba(0,0,0,.8)
    }
}

html {
    font-size: 17px
}

@media(max-width: 767px) {
    html {
        font-size:16px
    }
}

* {
    box-sizing: border-box
}

body {
    width: 100%;
    background-color: #fff
}

body>.content-wrap {
    overflow: hidden
}

section,footer {
    overflow: hidden;
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

img {
    width: 100%;
    display: block
}

h1,h2,h3,h4,h5,h6 {
    color: #1f242e;
    font-family: bebas neue,cursive;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase
}

h1 {
    font-size: 11.8vw;
    letter-spacing: 0;
    line-height: .858;
    font-family: bebas neue,cursive
}

h2 {
    font-size: 3.353rem;
    line-height: 1em;
    letter-spacing: 0
}

@media(max-width: 1279px) {
    h2 {
        font-size:3rem
    }
}

@media(max-width: 1023px) {
    h2 {
        font-size:2.4rem
    }
}

@media(max-width: 479px) {
    h2 {
        font-size:1.8btnrem
    }
}

.block h2 {
    margin-left: -2px
}

h3 {
    font-size: 2.06rem;
    line-height: 1.143;
    letter-spacing: .02em
}

@media(max-width: 1439px) {
    h3 {
        font-size:1.5rem
    }
}

@media(max-width: 767px) {
    h3 {
        font-size:1.3rem
    }
}

h4 {
    font-size: 1.12rem;
    line-height: 1.208em;
    letter-spacing: .02em
}

@media(max-width: 1439px) {
    h4 {
        font-size:22px
    }
}

@media(max-width: 1023px) {
    h4 {
        font-size:20px;
        line-height: 1em
    }
}

h5 {
    font-size: 1.412rem;
    line-height: 1;
    letter-spacing: .02em
}

h6 {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0
}

p {
    font-family: roboto,sans-serif;
    font-size: 1rem;
    line-height: 1.647;
    letter-spacing: 0;
    color: #6b6e71;
    padding: 0;
    margin: 0;
    font-weight: 400
}

@media(max-width: 1023px) {
    p {
        line-height:1.5
    }
}

.section_inverse p:not(.sup) {
    color: #d2d3d5
}

a {
    letter-spacing: 0;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    transition: all .2s ease-in
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

li {
    margin: 0;
    list-style-type: none;
    font-family: bebas neue,cursive;
    font-size: 1.12rem;
    line-height: 1.333;
    font-weight: 400;
    letter-spacing: .02em;
    color: #1f242e;
    text-transform: uppercase
}

@media(max-width: 1023px) {
    li {
        font-size:1.1rem
    }
}

figure,figcaption {
    margin: 0;
    padding: 0
}

.content-wrap {
    margin: 0;
    padding: 0;
    position: relative
}

.cont {
    padding: 0 var(--cont-pd);
    margin: 0 auto;
    width: 100%
}

.cont_lg {
    max-width: 1880px
}

.cont_ft {
    max-width: 1570px;
    position: relative;
    z-index: 2
}

.cont_md {
    max-width: 1480px
}

.cont_extra {
    max-width: 1878px
}

.cont_sm {
    max-width: 1450px
}

@media(max-width: 767px) {
    .cont_sm {
        max-width:600px
    }
}

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

.section_inverse h1,.section_inverse h2,.section_inverse h3,.section_inverse h4,.section_inverse h5,.section_inverse h6,.section_inverse .sub,.section_inverse .sup {
    color: #fff
}

.btn {
    font-family: bebas neue,cursive;
    color: #fff;
    background-color: #6fc9cd;
    font-size: var(--btn-fz);
    line-height: 1em;
    display: inline-flex;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0;
    padding: 1.05em 1.65em .95em 1.95em;
    border: 2px solid #6fc9cd
}

.btn:hover {
    background-color: #5ab8bc;
    border-color: #5ab8bc
}

.btn.btn_alt {
    background-color: #ac2026;
    border-color: #ac2026
}

.btn.btn_alt:hover {
    background-color: #c52c32;
    border-color: #c52c32
}

.btn.btn_alt2 {
    background-color: #e3962b;
    border-color: #e3962b
}

.btn.btn_alt2:hover {
    background-color: #d8840f;
    border-color: #d8840f
}

.btn.btn_border {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.btn.btn_border:hover {
    background-color: #fff;
    color: #1f242e
}

.btn i {
    font-family: fontello;
    display: block;
    text-align: center;
    font-size: 10px;
    line-height: 1.5;
    margin-left: 20px
}

.icon-arrow:before {
    content: '\E814'
}

.sub {
    margin-left: auto;
    margin-right: auto
}

.sup {
    font-family: bebas neue,cursive;
    text-transform: uppercase;
    color: #1f242e;
    font-size: 19px;
    line-height: 1em;
    letter-spacing: .06em;
    font-weight: 400;
    margin-bottom: 1.1em
}

@media(max-width: 1023px) {
    .sup {
        margin-bottom:.8em;
        font-size: 18px
    }
}

@media(max-width: 479px) {
    .sup {
        font-size:17px
    }
}

.sup.sup_alt {
    color: #fff
}

.center {
    text-align: center
}

.hero-demo_wrapper {
    position: relative;
    background-color: #0d0d0d
}

.hero-demo_wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../img/bg-wrapper-1.png) no-repeat;
    background-position: center;
    background-size: cover
}

@media(max-width: 600px) {
    .hero-demo_wrapper::before {
        background-position:top
    }
}

.slider-content_wrap {
    position: relative;
    background-color: #0d0d0d
}

.slider-content_wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../img/bg-wrapper-2.png) center no-repeat;
    background-size: cover
}

.resposive_wrapper {
    position: relative;
    background-color: #f2f4f7
}

.resposive_wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../img/bg-wrapper-3.png) center no-repeat;
    background-size: cover
}

header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    padding-top: 33px;
    padding-bottom: 33px
}

@media(max-width: 767px) {
    header {
        padding-top:20px;
        padding-bottom: 20px
    }
}

@media(max-width: 479px) {
    header {
        padding-top:20px;
        padding-bottom: 20px
    }
}

header .btn_header {
    font-size: var(--btn-fz);
    padding: 1.05em 1.65em .85em 1.95em
}

@media(max-width: 1023px) {
    header .btn {
        display:none
    }
}

header .item {
    flex: 0 1 242px
}

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

header .item:nth-of-type(2) {
    flex: 1 1 auto
}

@media(max-width: 1023px) {
    header .item:nth-of-type(2) {
        order:1;
        flex-basis: auto
    }
}

header .item:nth-of-type(3) {
    text-align: end
}

@media(max-width: 1023px) {
    header .item:nth-of-type(3) {
        order:3;
        flex-basis: auto
    }
}

header .logo {
    display: inline-block;
    max-width: 112px;
    vertical-align: middle;
    position: relative;
    z-index: 99
}

@media(max-width: 767px) {
    header .logo {
        max-width:80px
    }
}

header .logo.logo_mobile {
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 2;
    animation-delay: .4s;
    padding: 0
}

header .logo.logo_mobile:after {
    display: none
}

@media(min-width: 1024px) {
    header .logo.logo_mobile {
        display:block
    }
}

@media(max-width: 767px) {
    header .logo.logo_mobile {
        left:var(--cont-pd);
        top: 20px
    }
}

nav {
    text-align: center
}

@media(max-width: 1023px) {
    nav {
        display:none
    }
}

nav li {
    display: inline-block
}

nav li+li {
    margin-left: 1em
}

@media(max-width: 1279px) {
    nav li+li {
        margin-left:1em
    }
}

nav a {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1em;
    font-weight: 400;
    color: #fff;
    position: relative;
    padding: .6em 0
}

@media(max-width: 1279px) {
    nav a {
        font-size:16px
    }
}

nav a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #fff;
    transition: width .2s ease
}

nav a:hover {
    color: #fff
}

nav a:hover:after {
    width: 100%
}

nav .btn_mob {
    display: none
}

.scroll-hidden {
    overflow: hidden
}

.nav-mobile {
    display: none
}

@media(max-width: 1023px) {
    .nav-mobile {
        position:absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        top: 0;
        left: 0;
        height: 100vh;
        min-height: 370px;
        text-align: center;
        margin-top: 0;
        padding: 0;
        background-color: #0d0d0d;
        border-radius: 0;
        overflow: hidden;
        z-index: 1000;
        will-change: width,transform,transition,border-radius;
        transform: translateY(-100%);
        -webkit-transition: all .8s ease;
        transition: all .5s ease
    }

    .nav-mobile.is-active {
        border-radius: 0;
        transform: translateY(0);
        overflow: visible;
        overflow-y: auto
    }

    .nav-mobile.is-active .menu {
        opacity: 1;
        transform: translate(-50%,-50%)
    }

    .nav-mobile.is-active .menu a:after {
        background: #fff
    }

    .nav-mobile li {
        display: block
    }

    .nav-mobile li a {
        font-size: 20px;
        padding: .3em;
        color: #fff
    }

    .nav-mobile li a:hover {
        color: #c4c4c4
    }

    .nav-mobile li a:after {
        display: none
    }

    .nav-mobile li+li {
        margin-top: 10px;
        margin-left: 0
    }

    .nav-mobile .btn_mob {
        display: inline-block;
        margin-top: 30px
    }

    .nav-mobile .btn_mob a {
        display: flex;
        font-size: 17px;
        padding: 1.05em 1.65em .95em 1.95em
    }

    .nav-mobile .btn_mob a:hover {
        color: #1f242e
    }
}

.hamburger {
    display: none
}

@media(max-width: 1023px) {
    .hamburger {
        display:block;
        position: relative;
        z-index: 1001;
        line-height: .5em;
        right: 30px
    }
}

@media(max-width: 767px) {
    .hamburger {
        right:0;
        padding-right: 0
    }
}

.hamburger .hamburger-box {
    width: 35px
}

#nav-icon {
    width: 25px;
    height: 20px;
    position: absolute;
    top: 52%;
    right: 30px;
    will-change: transform;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
    cursor: pointer;
    opacity: 1
}

@media(max-width: 767px) {
    #nav-icon {
        right:20px;
        left: auto
    }
}

@media(max-width: 479px) {
    #nav-icon {
        right:20px
    }
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: #fff;
    border-radius: 0;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#nav-icon span:nth-child(1) {
    top: 0
}

#nav-icon span:nth-child(2) {
    top: 7px
}

#nav-icon span:nth-child(3) {
    top: 14px
}

#nav-icon.open span {
    background-color: #fff
}

#nav-icon.open span:nth-child(1) {
    top: 7px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    background: #fff
}

#nav-icon.open span:nth-child(2) {
    opacity: 0;
    right: 60px
}

#nav-icon.open span:nth-child(3) {
    top: 7px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    background: #fff
}

.hero {
    height: 712px;
    min-height: 712px;
    position: relative
}

@media(max-width: 1679px) {
    .hero {
        height:620px;
        min-height: 560px
    }
}

@media(max-width: 1439px) {
    .hero {
        height:540px;
        min-height: 540px
    }
}

@media(max-width: 1279px) {
    .hero {
        height:520px;
        min-height: 520px
    }
}

@media(max-width: 1023px) {
    .hero {
        max-height:390px;
        min-height: 340px
    }
}

@media(max-width: 767px) {
    .hero {
        max-height:350px;
        min-height: 350px
    }
}

@media(max-width: 600px) {
    .hero {
        max-height:320px;
        min-height: 320px
    }
}

@media(max-width: 479px) {
    .hero {
        max-height:250px;
        min-height: 250px
    }
}

.hero .section_title {
    color: #fff
}

.hero .section_title .first-part,.hero .section_title .second-part {
    display: inline-block;
    overflow: hidden
}

.hero .section_title .first-part>span,.hero .section_title .second-part>span {
    display: inline-block
}

.hero .section_title .second-part {
    position: relative;
    top: -30px
}

@media(max-width: 1679px) {
    .hero .section_title .second-part {
        top:-20px
    }
}

@media(max-width: 1279px) {
    .hero .section_title .second-part {
        top:-10px
    }
}

.hero .section_title .second-part span {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(122deg,#e3962b 0%,#ac2026 100%);
    background-size: 200% 100%;
    animation: text-bg-animate 5s ease infinite
}

@media(max-width: 850px) {
    .hero .section_title .second-part {
        top:0
    }
}

.hero .content {
    width: 100%;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    padding-top: 13.2em;
    height: 100%
}

@media(max-width: 1679px) {
    .hero .content {
        padding-top:12.2em
    }
}

@media(max-width: 1279px) {
    .hero .content {
        padding-top:10.2em
    }
}

@media(max-width: 1023px) {
    .hero .content {
        padding-top:8.2em
    }
}

@media(max-width: 479px) {
    .hero .content {
        padding-top:6.2em
    }
}

.hero h1 {
    max-width: 1600px;
    margin: 0 auto
}

.hero h1 img {
    max-width: 100%
}

.hero h1 i:before {
    margin: 0;
    font-size: inherit
}

#scene {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2
}

#scene>div {
    position: absolute;
    width: fit-content;
    max-width: 230px;
    display: inline-block;
    overflow: hidden
}

@media(max-width: 1279px) {
    #scene>div {
        max-width:175px
    }
}

@media(max-width: 479px) {
    #scene>div {
        display:none
    }
}

#scene>div:nth-of-type(1) {
    top: 13%!important;
    left: 26%!important;
    max-width: 70px
}

#scene>div:nth-of-type(2) {
    left: 1%!important;
    bottom: 27.3%!important;
    top: auto!important;
    max-width: 100px
}

@media(max-width: 1023px) {
    #scene>div:nth-of-type(2) {
        max-width:80px
    }
}

@media(max-width: 767px) {
    #scene>div:nth-of-type(2) {
        left:7%!important;
        bottom: 9.3%!important;
        max-width: 65px
    }
}

#scene>div:nth-of-type(3) {
    left: 10.5%!important;
    bottom: 7.9%!important;
    right: auto!important;
    top: auto!important;
    max-width: 48px
}

@media(max-width: 767px) {
    #scene>div:nth-of-type(3) {
        left:36.5%!important
    }
}

#scene>div:nth-of-type(4) {
    left: auto!important;
    top: auto!important;
    right: 3.3%!important;
    bottom: 4%!important;
    max-width: 126px
}

@media(max-width: 1023px) {
    #scene>div:nth-of-type(4) {
        max-width:100px
    }
}

@media(max-width: 767px) {
    #scene>div:nth-of-type(4) {
        max-width:70px
    }
}

#scene>div:nth-of-type(5) {
    top: 10.3%!important;
    left: auto!important;
    right: 26.8%!important;
    bottom: auto!important;
    max-width: 47px
}

@-webkit-keyframes text-bg-animate {
    0% {
        background-position: 0 0
    }

    50% {
        background-position: 100% 0
    }

    100% {
        background-position: 0 0
    }
}

@keyframes text-bg-animate {
    0% {
        background-position: 0 0
    }

    50% {
        background-position: 100% 0
    }

    100% {
        background-position: 0 0
    }
}

.hero_back .img-wrap img {
    opacity: 0;
    transition: all .3s ease-in;
    transform: translateY(100px)
}

.loaded-content .hero_back .img-wrap img {
    opacity: 1;
    transform: translateY(0)
}

.hero_back .img-wrap:nth-of-type(1) img {
    transition-delay: .67s
}

.hero_back .img-wrap:nth-of-type(2) img {
    transition-delay: 1.33s
}

.hero_back .img-wrap:nth-of-type(3) img {
    transition-delay: 1.55s
}

.hero_back .img-wrap:nth-of-type(4) img {
    transition-delay: 2s
}

.hero_back .img-wrap:nth-of-type(5) img {
    transition-delay: 1.67s
}

.demo {
    z-index: 3;
    padding-top: 7em;
    padding-bottom: 2.65em
}

@media(max-width: 1439px) {
    .demo {
        padding-top:4em
    }
}

@media(max-width: 767px) {
    .demo {
        padding-bottom:3.65em
    }
}

@media(max-width: 600px) {
    .demo {
        padding-top:3.3em
    }
}

@media(max-width: 479px) {
    .demo {
        padding-top:2.6em
    }
}

.demo .grid {
    margin-top: calc(var(--grid-mt) - 5px)
}

.demo .grid .item:not(.coming-soon):hover {
    cursor: pointer
}

.demo .grid .item:not(.coming-soon):hover .demo_img {
    transform: translateY(-7px)
}

.demo .grid .item:not(.coming-soon):hover .item_title a:after {
    width: 0
}

.demo .grid .item:not(.coming-soon) img {
    box-shadow: 0 3px 50px rgba(0,0,0,.06)
}

.demo .grid .demo_img {
    transition: transform .2s ease
}

.demo .item_title a {
    all: inherit;
    position: relative;
    padding-top: 1.42em
}

@media(max-width: 1439px) {
    .demo .item_title a {
        padding-top:1em
    }
}

@media(max-width: 600px) {
    .demo .item_title a {
        padding-top:.7em
    }
}

.demo .btn_wrap {
    margin-top: -4.7em;
    position: relative;
    z-index: 2
}

@media(max-width: 1439px) {
    .demo .btn_wrap {
        margin-top:-2em
    }
}

@media(max-width: 1023px) {
    .demo .btn_wrap {
        margin-top:-1em
    }
}

@media(max-width: 767px) {
    .demo .btn_wrap {
        margin-top:1em
    }
}

.benefits {
    position: relative;
    padding-top: calc(var(--block-pd) - 4px);
    padding-bottom: calc(var(--block-pd) - 1px);
    background-color: #0d0d0d;
    z-index: 3
}

.benefits::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../img/benefits/bg.png) center no-repeat;
    background-size: cover;
    z-index: 1
}

.benefits .cont {
    position: relative;
    z-index: 2
}

.benefits .sup {
    color: #fff
}

.benefits .section_title {
    color: #fff
}

.benefits .grid {
    margin-top: calc(var(--grid-mt) + 4px);
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 30px;
    justify-items: stretch
}

@media(max-width: 1439px) {
    .benefits .grid {
        grid-gap:30px
    }
}

@media(max-width: 1023px) {
    .benefits .grid {
        grid-template-columns:1fr 1fr
    }
}

@media(max-width: 767px) {
    .benefits .grid {
        grid-gap:20px
    }
}

@media(max-width: 600px) {
    .benefits .grid {
        grid-template-columns:400px;
        justify-content: center
    }
}

@media(max-width: 479px) {
    .benefits .grid {
        grid-template-columns:1fr
    }
}

.benefits .item {
    height: 310px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 1.5em 20px 3.6em;
    background-color: #fff
}

@media(max-width: 1279px) {
    .benefits .item {
        height:280px;
        padding: 1.2em 15px 2.7em
    }
}

@media(max-width: 1023px) {
    .benefits .item {
        height:250px;
        padding-bottom: 2em;
        padding-top: 1em
    }
}

@media(max-width: 767px) {
    .benefits .item {
        height:210px
    }
}

@media(max-width: 600px) {
    .benefits .item {
        height:max-content;
        padding-bottom: 2em;
        padding-top: 2.3em
    }
}

.benefits .item:nth-of-type(odd) {
    background-color: #fbf8f7
}

.benefits .item:first-of-type img {
    max-width: 115px
}

.benefits .item:nth-of-type(2) img:nth-of-type(2) {
    position: absolute;
    top: -8%;
    right: 6%;
    width: 22%;
    max-width: 37px
}

.benefits .item:nth-of-type(3) img {
    max-width: 78px
}

@media(max-width: 767px) {
    .benefits .item:nth-of-type(3) img {
        max-width:74px
    }
}

.benefits .item:nth-of-type(3) img:nth-of-type(2) {
    height: auto;
    position: absolute;
    top: -18%;
    right: -9%;
    width: 54%;
    max-width: 41px;
    filter: drop-shadow(0 13px 16px rgba(0,0,0,0.15))
}

.benefits .item:nth-of-type(4) img {
    max-width: 111px
}

@media(max-width: 1023px) {
    .benefits .item:nth-of-type(4) img {
        max-width:100px
    }
}

.benefits .item:nth-of-type(5) img {
    max-width: 79px
}

@media(max-width: 1023px) {
    .benefits .item:nth-of-type(5) img {
        max-width:74px
    }
}

.benefits .item:nth-of-type(5) img:nth-of-type(2) {
    position: absolute;
    top: -13%;
    left: -32%;
    width: 72%;
    max-width: 56px;
    filter: drop-shadow(0 13px 16px rgba(0,0,0,0.15))
}

@media(max-width: 1023px) {
    .benefits .item:nth-of-type(5) img:nth-of-type(2) {
        left:-25%;
        width: 59%
    }
}

.benefits .item:nth-of-type(6) img {
    max-width: 73px;
    margin-bottom: 6%
}

.benefits .item .item_title {
    margin-top: .45em;
    margin-bottom: 0
}

@media(max-width: 1023px) {
    .benefits .item .item_title {
        margin-top:.7em
    }
}

.benefits .img_wrap {
    max-width: 170px;
    position: relative;
    margin: 0 auto
}

.benefits img {
    margin: 0 auto
}

@media(max-width: 767px) {
    .benefits img {
        width:80%
    }
}

.block .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center
}

@media(max-width: 767px) {
    .block .grid {
        grid-template-columns:1fr;
        grid-gap: 45px
    }
}

.block .section_title {
    margin-bottom: .4em
}

.block .btn {
    margin-top: 1.8em
}

@media(max-width: 1023px) {
    .block .btn {
        margin-top:1.5em
    }
}

@media(max-width: 479px) {
    .block .btn {
        margin-top:1.2em
    }
}

.block .list-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 575px;
    margin-top: 2em
}

@media(max-width: 1023px) {
    .block .list-wrap {
        max-width:450px;
        margin-top: 1.3em;
        grid-template-columns: 1.1fr 1fr
    }
}

@media(max-width: 479px) {
    .block .list-wrap {
        margin-top:1.2em;
        grid-gap: 5px;
        grid-template-columns: 1fr
    }
}

.block li+li {
    margin-top: 20px
}

@media(max-width: 1439px) {
    .block li+li {
        margin-top:8px
    }
}

@media(max-width: 600px) {
    .block li+li {
        margin-top:5px
    }
}

.block li {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 33px
}

@media(max-width: 1023px) {
    .block li {
        padding-left:25px
    }
}

.block li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 21px;
    height: 21px;
    background: url(../img/elm/check.svg) center no-repeat;
    background-size: 100%
}

@media(max-width: 1023px) {
    .block li::before {
        width:18px;
        height: 18px
    }
}

@media(max-width: 320px) {
    .block li::before {
        top:3px
    }
}

.block li span {
    flex: 0 0 auto
}

.block li .text {
    margin-top: 4px
}

.block .img-wrap {
    position: relative
}

.block .img-wrap img:not(:first-of-type) {
    position: absolute
}

.block .img-wrap img:first-of-type {
    position: relative
}

.block .content {
    max-width: 580px
}

@media(max-width: 1023px) {
    .block .content {
        max-width:100%
    }
}

.elm {
    padding-top: calc(var(--block-pd) - 1px);
    padding-bottom: calc(var(--block-pd) - 17px);
    overflow: visible
}

@media(max-width: 600px) {
    .elm {
        padding-bottom:4.6em
    }
}

@media(min-width: 768px) and (max-width:1023px) {
    .elm .grid {
        grid-template-columns:1.3fr 1fr
    }
}

@media(max-width: 1439px) {
    .elm .item:nth-of-type(2) {
        padding-left:60px
    }
}

@media(max-width: 1023px) {
    .elm .item:nth-of-type(2) {
        padding-left:30px
    }
}

@media(max-width: 767px) {
    .elm .item:nth-of-type(2) {
        padding-left:0
    }
}

@media(min-width: 768px) {
    .elm .content-wrap {
        max-width:609px;
        padding-bottom: 3%
    }
}

.elm .img-wrap {
    padding-bottom: 12%
}

.elm .img-wrap>img:nth-of-type(1) {
    z-index: 1;
    margin-left: auto;
    width: 79%;
    max-width: 520px;
    box-shadow: 0 0 30px rgba(0,0,0,.07)
}

.elm .img-wrap>img:nth-of-type(2) {
    z-index: 2;
    bottom: 3%;
    left: 0;
    width: 64%;
    max-width: 428px;
    box-shadow: 0 0 20px rgba(0,0,0,.1)
}

.elm .img-wrap>img:nth-of-type(3) {
    z-index: 2;
    top: 16.6%;
    left: 18.5%;
    width: 15%;
    max-width: 65px
}

@media(max-width: 1279px) {
    .elm .img-wrap>img:nth-of-type(3) {
        top:10.6%
    }
}

.elm .img-wrap>img:nth-of-type(4) {
    z-index: 2;
    top: 33.4%;
    left: 0;
    width: 35%;
    max-width: 226px
}

.wooc {
    padding-top: var(--block-pd);
    padding-bottom: calc(var(--block-pd) - 10px);
    overflow: visible;
    z-index: 2
}

@media(max-width: 767px) {
    .wooc .grid {
        display:flex;
        flex-direction: column-reverse;
        grid-gap: 0
    }

    .wooc .grid .item:nth-of-type(1) {
        margin-top: 30px
    }
}

.wooc .section_title {
    margin-bottom: .45em
}

@media(max-width: 767px) {
    .wooc .section_title {
        max-width:500px
    }
}

.wooc .item p {
    max-width: 540px
}

.wooc .content-wrap {
    position: relative;
    margin-left: auto;
    max-width: 600px;
    padding-top: 4.4%;
    z-index: 5
}

@media(max-width: 1279px) {
    .wooc .content-wrap {
        padding-top:0
    }
}

@media(max-width: 767px) {
    .wooc .content-wrap {
        padding-right:0;
        margin-left: 0;
        padding-bottom: 1.5em
    }
}

@media(max-width: 1439px) {
    .wooc .item:nth-of-type(1) {
        padding-top:0;
        margin-right: 0;
        padding-right: 50px
    }
}

@media(max-width: 1023px) {
    .wooc .item:nth-of-type(1) {
        padding-right:40px
    }
}

@media(max-width: 767px) {
    .wooc .item:nth-of-type(1) {
        margin-left:0;
        padding: 0
    }
}

.wooc .img-wrap {
    padding: 13.8% 6.5% 3% 1.3%
}

.wooc .img-wrap img:nth-of-type(1) {
    width: 100%;
    z-index: 2
}

.wooc .img-wrap img:nth-of-type(2) {
    z-index: 3;
    right: 5.3%;
    top: 0%;
    width: 42%;
    max-width: 244px;
    box-shadow: 0 0 20px rgba(32,32,32,.1)
}

.wooc .img-wrap img:nth-of-type(3) {
    z-index: 3;
    left: -.5%;
    bottom: 1.7%;
    width: 28%;
    max-width: 183px
}

.wooc .img-wrap img:nth-of-type(4) {
    z-index: 4;
    right: 13.1%;
    bottom: 24.3%;
    width: 14.5%;
    max-width: 65px
}

@media(max-width: 1279px) {
    .wooc .img-wrap img:nth-of-type(4) {
        bottom:7.3%
    }
}

.wooc .img-wrap img:nth-of-type(5) {
    z-index: 4;
    left: 3%;
    top: 11%;
    width: 17%;
    max-width: 97px
}

.plugins {
    padding-top: var(--block-pd);
    padding-bottom: var(--block-pd);
    background-color: #0d0d0d;
    overflow: visible;
    background: url(../img/plugins/bg.jpg) center no-repeat;
    background-size: cover
}

@media(max-width: 767px) {
    .plugins {
        background:0 0;
        background-color: #1a4198
    }
}

@media(min-width: 1024px) and (max-width:1279px) {
    .plugins .grid {
        grid-template-columns:1fr 1.3fr
    }
}

@media(min-width: 768px) and (max-width:1023px) {
    .plugins .grid {
        grid-template-columns:1fr 1fr
    }
}

.plugins .content-wrap {
    position: relative;
    margin-left: auto;
    max-width: 600px;
    z-index: 5
}

@media(min-width: 1680px) {
    .plugins .content-wrap {
        max-width:590px
    }
}

@media(max-width: 1279px) {
    .plugins .content-wrap {
        max-width:655px;
        padding-right: 0;
        padding-left: 20px
    }
}

@media(max-width: 767px) {
    .plugins .content-wrap {
        padding-left:0;
        margin-left: 0
    }
}

.plugins .section_title {
    max-width: 390px
}

.plugins .inner_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 40px 48px;
    text-align: center;
    padding-right: 60px
}

@media(max-width: 1439px) {
    .plugins .inner_grid {
        padding-right:40px;
        grid-gap: 30px 20px
    }
}

@media(max-width: 1279px) {
    .plugins .inner_grid {
        padding-right:0;
        grid-template-columns: 1fr 1fr
    }
}

@media(max-width: 1023px) {
    .plugins .inner_grid {
        padding-right:20px
    }
}

@media(max-width: 767px) {
    .plugins .inner_grid {
        padding-right:0
    }
}

@media(max-width: 479px) {
    .plugins .inner_grid {
        grid-template-columns:1fr
    }
}

.plugins .img_wrap {
    --size: 150px;
    width: var(--size);
    height: var(--size);
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

@media(max-width: 1439px) {
    .plugins .img_wrap {
        --size: 130px
    }
}

@media(max-width: 1279px) {
    .plugins .img_wrap {
        --size: 120px
    }
}

.plugins .img_wrap img {
    max-width: 100%
}

@media(max-width: 1023px) {
    .plugins .img_wrap img {
        max-width:80%
    }
}

.plugins .inner_item {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.plugins .inner_item img {
    max-width: 100%;
    width: auto;
    margin: 0 auto
}

.plugins .inner_item .item_title {
    margin-top: .7em
}

@media(max-width: 1279px) {
    .plugins .inner_item .item_title {
        margin-top:.5em
    }
}

.plugins .inner_item p {
    color: #d0d0d0
}

.plugins .plugins_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.plugins .plugins_bg .img_wrap {
    position: absolute;
    z-index: 0;
    opacity: .15
}

.plugins .plugins_bg .img_wrap:nth-of-type(1) {
    bottom: 22.4%;
    left: 0%;
    max-width: 131px;
    width: 10%
}

@media(max-width: 1023px) {
    .plugins .plugins_bg .img_wrap:nth-of-type(1) {
        width:100px;
        left: -3%;
        bottom: 60px
    }
}

.plugins .plugins_bg .img_wrap:nth-of-type(2) {
    top: 144px;
    right: -13.1%;
    max-width: 743px;
    width: 39%
}

@media(max-width: 1023px) {
    .plugins .plugins_bg .img_wrap:nth-of-type(2) {
        top:0;
        right: -19%;
        width: 58%
    }
}

.payments {
    padding-bottom: calc(var(--block-pd) + 20px)
}

@media(max-width: 1439px) {
    .payments {
        padding-bottom:var(--block-pd)
    }
}

.payments .section_title {
    max-width: 450px
}

@media(max-width: 1279px) {
    .payments .section_title {
        max-width:410px
    }
}

.payments .grid {
    gap: 20px
}

@media(min-width: 768px) and (max-width:1023px) {
    .payments .grid {
        grid-template-columns:1fr 1.1fr;
        gap: 30px
    }
}

@media(max-width: 767px) {
    .payments .grid {
        grid-gap:25px
    }
}

.payments .grid .item:nth-child(2) {
    display: flex;
    gap: 21px;
    align-items: center;
    justify-content: center;
    margin-right: 3%
}

@media(max-width: 1439px) {
    .payments .grid .item:nth-child(2) {
        margin-right:0
    }
}

@media(max-width: 479px) {
    .payments .grid .item:nth-child(2) {
        gap:10px
    }
}

.payments .grid .item:nth-child(2) .inner_grid {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: column;
    row-gap: 21px
}

@media(max-width: 479px) {
    .payments .grid .item:nth-child(2) .inner_grid {
        row-gap:10px
    }
}

.payments .grid .item:nth-child(2) .inner_grid .inner_item {
    display: flex;
    align-items: center;
    max-width: 153px;
    width: 153px;
    max-height: 152px;
    height: 152px;
    background-color: #f2f4f7
}

@media(max-width: 1023px) {
    .payments .grid .item:nth-child(2) .inner_grid .inner_item {
        width:100px;
        height: 100px
    }
}

@media(max-width: 479px) {
    .payments .grid .item:nth-child(2) .inner_grid .inner_item {
        width:86px;
        height: 86px
    }
}

.payments .grid .item:nth-child(2) .inner_grid .inner_item .inner_item_img {
    max-width: 40%;
    margin: 0 auto
}

.payments .grid .item:nth-child(2) .inner_grid:nth-of-type(2) .inner_item:nth-of-type(1) img {
    max-width: 28%
}

.payments .content-wrap:nth-of-type(1) {
    padding-bottom: 1%
}

@media(min-width: 768px) {
    .payments .content-wrap {
        padding-left:0;
        max-width: 600px
    }
}

.payments .sup {
    max-width: 109px;
    margin-bottom: 1em
}

.payments p {
    max-width: 570px
}

.book {
    padding-top: var(--block-pd);
    padding-bottom: var(--block-pd);
    background-color: #fff;
    overflow: visible
}

.book .content-wrap {
    position: relative;
    z-index: 5
}

@media(min-width: 1280px) {
    .book .content-wrap {
        max-width:530px;
        margin-left: auto;
        padding-top: 6%
    }
}

@media(min-width: 768px) and (max-width:1279px) {
    .book .content-wrap {
        padding-left:30px
    }
}

.book .list-wrap {
    display: block
}

.book .img-wrap {
    padding-bottom: 8.2%
}

@media(max-width: 1439px) {
    .book .img-wrap {
        padding-right:30px
    }
}

@media(max-width: 767px) {
    .book .img-wrap {
        padding-right:0
    }
}

.book .img-wrap>img:nth-of-type(1) {
    z-index: 1;
    margin-left: auto;
    width: 84%;
    max-width: 520px;
    box-shadow: 0 0 50px rgba(0,0,0,.1)
}

.book .img-wrap>img:nth-of-type(2) {
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 52%;
    max-width: 340px;
    box-shadow: 5px 15px 90px rgba(0,0,0,.05)
}

.book .img-wrap>img:nth-of-type(3) {
    z-index: 2;
    top: 16.9%;
    left: 2.6%;
    width: 17%;
    max-width: 108px;
    box-shadow: 5px 15px 90px rgba(0,0,0,.05)
}

.book .img-wrap>img:nth-of-type(4) {
    z-index: 5;
    top: 24.2%;
    left: 41.9%;
    width: 18%;
    max-width: 101px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    box-shadow: 0 0 15px rgba(0,0,0,.07)
}

.book_balls {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.book_balls .img_wrap {
    position: absolute
}

.book_balls .img_wrap::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%
}

.book_balls .img_wrap:nth-of-type(1) {
    top: 50.1%;
    right: 1.4%;
    max-width: 145px;
    width: 16%
}

@media(max-width: 1679px) {
    .book_balls .img_wrap:nth-of-type(1) {
        top:8%
    }
}

@media(max-width: 1279px) {
    .book_balls .img_wrap:nth-of-type(1) {
        width:10%
    }
}

.book_balls .img_wrap .ball {
    position: relative
}

.book_balls .img_wrap .ball img {
    animation: bounce .4s ease infinite alternate;
    position: relative;
    z-index: 1
}

@media(max-width: 767px) {
    .book_balls .img_wrap .ball img {
        animation-play-state:paused
    }
}

.give {
    padding-top: var(--block-pd);
    padding-bottom: var(--block-pd)
}

@media(min-width: 1440px) {
    .give .grid {
        grid-gap:73px
    }
}

@media(max-width: 1439px) {
    .give .item:nth-of-type(2) {
        padding-left:60px
    }
}

@media(max-width: 1023px) {
    .give .item:nth-of-type(2) {
        padding-left:30px
    }
}

@media(max-width: 767px) {
    .give .item:nth-of-type(2) {
        padding-left:0
    }
}

@media(min-width: 768px) {
    .give .content-wrap {
        max-width:590px
    }
}

.give .img-wrap {
    padding: 0 0 9.6%
}

.give .img-wrap>img:nth-of-type(1) {
    z-index: 1;
    width: 82%;
    max-width: 520px;
    box-shadow: 0 3px 50px rgba(0,0,0,.06)
}

.give .img-wrap>img:nth-of-type(2) {
    z-index: 2;
    bottom: 0;
    right: 0;
    width: 57%;
    max-width: 363px;
    box-shadow: 0 0 20px rgba(19,7,1,.1)
}

.give .img-wrap>img:nth-of-type(3) {
    z-index: 2;
    top: 26.7%;
    right: 6.5%;
    width: 20%;
    max-width: 120px;
    border-radius: 50%;
    box-shadow: 0 0 40px rgba(19,7,1,.1)
}

.event {
    padding-top: calc(var(--block-pd) - 1px);
    padding-bottom: calc(var(--block-pd) - 1px)
}

.event .list-wrap {
    grid-template-columns: 1fr
}

@media(max-width: 1279px) {
    .event .item:nth-of-type(1) {
        padding-right:60px
    }
}

@media(max-width: 1023px) {
    .event .item:nth-of-type(1) {
        padding-right:30px
    }
}

@media(max-width: 767px) {
    .event .item:nth-of-type(1) {
        padding-right:0
    }
}

.event .content-wrap {
    margin-left: auto
}

@media(min-width: 768px) {
    .event .content-wrap {
        max-width:542px;
        padding-top: 1%
    }
}

.event .content-wrap ul {
    flex: 0 0 100%
}

.event .img-wrap {
    padding-bottom: 7.4%;
    padding-top: 0
}

.event .img-wrap img:nth-of-type(1) {
    z-index: 1;
    width: 89%;
    max-width: 547px;
    box-shadow: 5px 15px 50px rgba(19,7,1,.1)
}

.event .img-wrap img:nth-of-type(2) {
    z-index: 2;
    bottom: 0;
    right: 1%;
    width: 59%;
    max-width: 394px;
    box-shadow: 0 0 30px rgba(0,0,0,.1)
}

.event .img-wrap img:nth-of-type(3) {
    z-index: 3;
    top: 15.5%;
    right: 13.4%;
    width: 16%;
    max-width: 80px;
    box-shadow: 0 0 30px rgba(0,0,0,.1)
}

.event .img-wrap img:nth-of-type(4) {
    z-index: 4;
    left: 34.3%;
    bottom: 26%;
    width: 15%;
    max-width: 80px;
    box-shadow: 0 3px 36px rgba(0,0,0,.06)
}

.responsive {
    padding-top: calc(var(--block-pd) + 1px);
    overflow: visible;
    z-index: 2
}

@media(max-width: 1439px) {
    .responsive {
        padding-top:var(--block-pd)
    }
}

@media(max-width: 1023px) {
    .responsive .grid {
        grid-template-columns:1.2fr 1fr
    }
}

@media(max-width: 767px) {
    .responsive .grid {
        display:flex;
        flex-direction: column-reverse;
        grid-gap: 0
    }

    .responsive .grid .item:nth-of-type(1) {
        margin-top: 30px
    }
}

.responsive .section_title {
    max-width: 360px
}

@media(max-width: 1279px) {
    .responsive .section_title {
        max-width:300px
    }
}

@media(max-width: 1023px) {
    .responsive .section_title {
        max-width:265px
    }
}

@media(max-width: 767px) {
    .responsive .section_title {
        max-width:100%
    }
}

.responsive p {
    max-width: 540px
}

.responsive .content-wrap {
    position: relative;
    max-width: 490px;
    z-index: 5;
    padding-top: 8.4%
}

@media(max-width: 767px) {
    .responsive .content-wrap {
        max-width:100%;
        padding-right: 0;
        margin-left: 0
    }
}

@media(max-width: 767px) {
    .responsive .content-wrap {
        padding-top:2.4%
    }
}

@media(max-width: 1439px) {
    .responsive .item:nth-of-type(1) {
        padding-top:0;
        margin-right: 0;
        padding-right: 70px
    }
}

@media(max-width: 1023px) {
    .responsive .item:nth-of-type(1) {
        padding-right:40px
    }
}

@media(max-width: 767px) {
    .responsive .item:nth-of-type(1) {
        margin-left:0;
        padding: 0
    }
}

.responsive .img-wrap {
    padding-bottom: 0;
    padding-right: 8.3%
}

@media(max-width: 1439px) {
    .responsive .img-wrap {
        padding-right:0;
        padding-bottom: 8%
    }
}

.responsive .img-wrap img:nth-of-type(1) {
    width: 75%;
    z-index: 2;
    max-width: 504px;
    margin-left: auto
}

.responsive .img-wrap img:nth-of-type(2) {
    z-index: 3;
    left: 1%;
    bottom: 7.5%;
    width: 37%;
    max-width: 234px
}

@media(max-width: 1439px) {
    .responsive .img-wrap img:nth-of-type(2) {
        bottom:4.5%
    }
}

@media(max-width: 767px) {
    .responsive .img-wrap img:nth-of-type(2) {
        left:0
    }
}

.cust-benefits {
    padding-top: calc(var(--block-pd) + 4px);
    padding-bottom: calc(var(--block-pd) - 1px);
    background-color: #0d0d0d;
    position: relative;
    overflow: visible
}

.cust-benefits::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../img/cust-benefits/bg.png) center no-repeat;
    background-size: cover;
    z-index: 1
}

.cust-benefits .cont {
    position: relative;
    z-index: 3
}

@media(max-width: 1279px) {
    .cust-benefits .section_title {
        margin-bottom:0
    }
}

.cust-benefits .content_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    align-items: center
}

@media(max-width: 1439px) {
    .cust-benefits .content_wrap {
        grid-gap:60px
    }
}

@media(max-width: 1279px) {
    .cust-benefits .content_wrap {
        grid-gap:30px;
        align-items: end
    }
}

@media(max-width: 1023px) {
    .cust-benefits .content_wrap {
        align-items:end
    }
}

@media(max-width: 767px) {
    .cust-benefits .content_wrap {
        grid-template-columns:1fr;
        grid-row-gap: 17px
    }
}

.cust-benefits .content_wrap .item:nth-of-type(2) {
    margin-bottom: -8px
}

.cust-benefits .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
    text-align: center;
    margin-top: 3.25em;
    margin-left: 0;
    margin-right: 0
}

@media(max-width: 1024px) {
    .cust-benefits .grid {
        grid-template-columns:1fr 1fr;
        grid-gap: 30px
    }
}

@media(max-width: 600px) {
    .cust-benefits .grid {
        grid-gap:20px
    }
}

@media(max-width: 479px) {
    .cust-benefits .grid {
        grid-template-columns:1fr
    }
}

.cust-benefits .grid .item {
    background-color: #f2f4f7;
    height: 388px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 52px;
    padding-left: 20px;
    padding-right: 20px
}

@media(max-width: 1439px) {
    .cust-benefits .grid .item {
        height:360px
    }
}

@media(max-width: 1279px) {
    .cust-benefits .grid .item {
        height:330px;
        padding-bottom: 35px
    }
}

@media(max-width: 1150px) {
    .cust-benefits .grid .item {
        height:300px
    }
}

@media(max-width: 767px) {
    .cust-benefits .grid .item {
        height:250px
    }
}

@media(max-width: 600px) {
    .cust-benefits .grid .item {
        height:230px
    }
}

@media(max-width: 479px) {
    .cust-benefits .grid .item {
        height:auto;
        padding-top: 35px
    }
}

.cust-benefits .grid .item .img_wrap {
    margin: 0 auto;
    position: relative
}

.cust-benefits .grid .item img {
    position: absolute
}

.cust-benefits .grid .item img:nth-of-type(1) {
    position: relative
}

.cust-benefits .grid .item .item_title {
    font-size: 1.65rem;
    line-height: 1.213;
    color: #1f242e;
    margin-top: 1.5em;
    white-space: pre-line
}

@media(max-width: 1439px) {
    .cust-benefits .grid .item .item_title {
        margin-top:1.2em
    }
}

.cust-benefits .grid .item:nth-of-type(1) .img_wrap {
    max-width: 240px;
    width: 62.5%;
    padding-bottom: 10.5%
}

@media(max-width: 1279px) {
    .cust-benefits .grid .item:nth-of-type(1) .img_wrap {
        max-width:190px
    }
}

.cust-benefits .grid .item:nth-of-type(1) img:nth-of-type(1) {
    max-width: 121px;
    width: 50%
}

.cust-benefits .grid .item:nth-of-type(1) img:nth-of-type(2) {
    max-width: 99px;
    width: 41%;
    right: 0;
    bottom: 0
}

.cust-benefits .grid .item:nth-of-type(2) .img_wrap {
    max-width: 280px;
    width: 73.4%;
    padding-top: 3%
}

@media(max-width: 1279px) {
    .cust-benefits .grid .item:nth-of-type(2) .img_wrap {
        max-width:240px
    }
}

.cust-benefits .grid .item:nth-of-type(2) img:nth-of-type(1) {
    width: 100%
}

.cust-benefits .grid .item:nth-of-type(2) img:nth-of-type(2) {
    max-width: 94px;
    width: 40%;
    right: 11%;
    top: 0
}

.cust-benefits .grid .item:nth-of-type(2) .item_title {
    padding-top: .6%
}

.cust-benefits .grid .item:nth-of-type(3) .img_wrap {
    max-width: 307px;
    width: 80.2%;
    padding-top: 2%;
    padding-bottom: .8%
}

@media(max-width: 1279px) {
    .cust-benefits .grid .item:nth-of-type(3) .img_wrap {
        max-width:230px
    }
}

.cust-benefits .grid .item:nth-of-type(3) img:nth-of-type(1) {
    max-width: 275px;
    width: 90%;
    left: 5%
}

.cust-benefits .grid .item:nth-of-type(3) img:nth-of-type(2) {
    max-width: 66px;
    width: 23%;
    right: 0;
    top: -8%
}

.features {
    padding-top: calc(var(--block-pd) - 1px);
    padding-bottom: calc(var(--block-pd) - 11px)
}

.features .grid {
    margin-top: calc(var(--grid-mt) + 3px);
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 42px 30px;
    justify-content: space-around
}

@media(max-width: 1279px) {
    .features .grid {
        grid-gap:30px 30px
    }
}

@media(max-width: 1023px) {
    .features .grid {
        grid-template-columns:repeat(2,250px);
        justify-content: center
    }
}

@media(max-width: 600px) {
    .features .grid {
        grid-template-columns:repeat(2,200px)
    }
}

@media(max-width: 479px) {
    .features .grid {
        grid-template-columns:repeat(1,260px)
    }
}

.features .grid .item .img-wrap {
    box-sizing: border-box;
    height: 76px;
    width: 76px;
    background-color: #ac2026;
    padding: 0;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    grid-gap: 0
}

.features .grid img {
    max-width: 100%;
    width: auto;
    margin: 0 auto
}

.features .grid .item_title {
    margin: 1.45em auto .65em
}

@media(max-width: 1279px) {
    .features .grid .item_title {
        margin-top:1em
    }
}

.features .grid .item_descr {
    font-size: 15px;
    line-height: 1.667em;
    letter-spacing: 0;
    color: #6b6e71
}

.features_balls {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.features_balls .img_wrap {
    position: absolute
}

.features_balls .img_wrap::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%
}

.features_balls .img_wrap:nth-of-type(1) {
    bottom: 27.8%;
    right: 1.3%;
    max-width: 145px;
    width: 10%
}

@media(max-width: 1679px) {
    .features_balls .img_wrap:nth-of-type(1) {
        display:none
    }
}

.features_balls .img_wrap:nth-of-type(1) .ball {
    position: relative
}

.features_balls .img_wrap:nth-of-type(1) .ball img {
    animation: bounce .4s ease infinite alternate;
    position: relative;
    z-index: 1
}

@media(max-width: 767px) {
    .features_balls .img_wrap:nth-of-type(1) .ball img {
        animation-play-state:paused
    }
}

.features_balls .img_wrap:nth-of-type(2) {
    top: 10.5%;
    left: 3.2%;
    max-width: 145px;
    width: 10%
}

@media(max-width: 1679px) {
    .features_balls .img_wrap:nth-of-type(2) {
        top:6%
    }
}

@media(max-width: 767px) {
    .features_balls .img_wrap:nth-of-type(2) {
        left:2.2%
    }
}

.features_balls .img_wrap:nth-of-type(2) .ball {
    position: relative
}

.features_balls .img_wrap:nth-of-type(2) .ball img {
    animation: bounce .6s ease infinite alternate;
    position: relative;
    z-index: 1
}

@media(max-width: 767px) {
    .features_balls .img_wrap:nth-of-type(2) .ball img {
        animation-play-state:paused
    }
}

.footer {
    background: url(../img/footer/bg.jpg) center no-repeat;
    background-size: cover;
    border-top: 5px solid #000;
    border-bottom: 5px solid #000;
    height: 100vh;
    display: flex;
    align-items: center
}

@media(max-width: 479px) {
    .footer {
        height:480px
    }
}

.footer .cont {
    padding: 60px var(--cont-pd)
}

@media(max-width: 767px) {
    .footer .cont {
        padding:40px var(--cont-pd)
    }
}

.footer .logo_wrap {
    display: inline-block;
    margin-bottom: 2em
}

@media(max-width: 1279px) {
    .footer .logo_wrap {
        margin-bottom:1.3em
    }
}

@media(max-width: 767px) {
    .footer .logo_wrap {
        margin-bottom:1em
    }
}

@media(max-width: 1279px) {
    .footer .logo_wrap img {
        max-width:200px
    }
}

@media(max-width: 767px) {
    .footer .logo_wrap img {
        max-width:100px
    }
}

.footer .top {
    padding-top: 1.7em
}

.footer .top .inner {
    margin: 0 auto;
    max-width: 740px
}

@media(max-width: 1279px) {
    .footer .top .inner {
        max-width:570px
    }
}

@media(max-width: 767px) {
    .footer .top .inner {
        max-width:460px
    }
}

.footer .btn_wrap {
    margin-top: 1.6em
}

@media(max-width: 767px) {
    .footer .btn_wrap {
        margin-top:1.5em
    }
}

@media(max-width: 479px) {
    .footer .btn_wrap {
        margin-top:1.2em
    }
}

.footer .bottom {
    border-top: 1px solid rgba(255,255,255,.3);
    padding: 1.9em 0
}

@media(max-width: 1023px) {
    .footer .bottom {
        padding:1.5em 0
    }
}

.footer .bottom .grid {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.footer .bottom .item {
    flex: 0 0 auto
}

@media(max-width: 600px) {
    .footer .bottom .item {
        flex:0 0 100%;
        text-align: center
    }
}

.footer .bottom p {
    color: #fff
}

.footer .bottom p a {
    font: inherit;
    color: inherit;
    text-transform: none;
    position: relative
}

.footer .bottom p a::after {
    background-color: #fff;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    transition: width .2s linear
}

.footer .bottom p a:hover:after {
    width: 100%
}

.footer_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.footer_bg .img_wrap {
    position: absolute;
    z-index: 0
}

.footer_bg .img_wrap:nth-of-type(1) {
    top: -90px;
    left: -4.8%;
    max-width: 358px;
    width: 32%
}

@media(max-width: 479px) {
    .footer_bg .img_wrap:nth-of-type(1) {
        width:57%;
        left: -25%
    }
}

.footer_bg .img_wrap:nth-of-type(2) {
    top: -20.6%;
    right: 15%;
    max-width: 485px;
    width: 35%
}

@media(max-width: 1679px) {
    .footer_bg .img_wrap:nth-of-type(2) {
        right:-1%
    }
}

@media(max-width: 767px) {
    .footer_bg .img_wrap:nth-of-type(2) {
        top:-10%
    }
}

@media(max-width: 479px) {
    .footer_bg .img_wrap:nth-of-type(2) {
        right:-16%;
        top: -7%;
        width: 45%
    }
}

.scrollTop {
    width: 50px;
    height: 50px;
    bottom: 70px;
    right: var(--cont-pd);
    overflow: hidden;
    position: fixed;
    text-decoration: none;
    z-index: 9999;
    font-size: 0;
    color: transparent;
    background: #6fc9cd;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
    cursor: pointer;
    opacity: 0;
    padding: 0;
    transform: translateY(100px)
}

@media(max-width: 351px) {
    .scrollTop {
        bottom:20px
    }
}

.scrollTop:hover {
    background: #5ab8bc
}

.scrollTop:after {
    color: #fff;
    content: "\e807";
    font-size: 13px;
    font-family: fontello;
    text-align: center;
    font-weight: 400;
    display: block;
    position: absolute;
    line-height: 42px;
    top: 50%;
    left: 52%;
    -webkit-transform: translate(-50%,-50%) rotate(-90deg);
    transform: translate(-50%,-50%) rotate(-90deg);
    -webkit-transition: all ease .5s;
    transition: all ease .5s
}

.scrollTop.showBtn {
    opacity: 1;
    transform: translateY(0)
}

@-moz-document url-prefix() {
    .scrollTop:after {
        left: 49%
    }
}

.marquee {
    padding: 5.9em 0 4.75em;
    overflow: hidden
}

@media(max-width: 1279px) {
    .marquee {
        padding:4rem 0 3.5rem
    }
}

@media(max-width: 767px) {
    .marquee {
        padding:1.7rem 0
    }
}

.marquee .marquee_text {
    width: 100%;
    margin: 0 auto;
    white-space: nowrap;
    display: flex;
    align-items: center
}

.marquee p {
    font-family: bebas neue,cursive;
    font-size: 148px;
    letter-spacing: 0;
    line-height: 1em;
    font-weight: 400;
    position: relative;
    text-transform: uppercase;
    animation: marquee 8s linear infinite
}

.marquee p span:nth-of-type(1) {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(122deg,#e3962b 0%,#ac2026 100%)
}

@media(max-width: 1279px) {
    .marquee p {
        font-size:60px
    }
}

@media(max-width: 767px) {
    .marquee p {
        font-size:50px
    }
}

@media(max-width: 600px) {
    .marquee p {
        font-size:40px
    }
}

@media(max-width: 479px) {
    .marquee p {
        font-size:28px
    }
}

.marquee p span:nth-of-type(2) {
    display: inline-block;
    margin: 0 25px 0 29px;
    position: relative;
    font-size: 44px;
    letter-spacing: 0;
    line-height: 1.9em;
    font-weight: 400;
    color: #ac2026;
    top: 0;
    transform: translateY(-50%)
}

@media(max-width: 1279px) {
    .marquee p span:nth-of-type(2) {
        margin-left:20px;
        margin-right: 20px;
        transform: translateY(-15%)
    }
}

@media(max-width: 767px) {
    .marquee p span:nth-of-type(2) {
        transform:translateY(-8%)
    }
}

@media(max-width: 600px) {
    .marquee p span:nth-of-type(2) {
        font-size:40px
    }
}

@media(max-width: 479px) {
    .marquee p span:nth-of-type(2) {
        font-size:28px;
        margin-left: 15px;
        margin-right: 15px
    }
}

@keyframes marquee {
    0% {
        transform: translate(0,0)
    }

    100% {
        transform: translate(-100%,0)
    }
}

.images-gallery {
    border-bottom: 1px solid #3c3d40;
    padding-bottom: 29px
}

.images-gallery .images-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

@media(max-width: 899px) {
    .images-gallery .images-wrap {
        row-gap:0
    }
}

@media(max-width: 479px) {
    .images-gallery .images-wrap {
        gap:0;
        row-gap: -15px
    }
}

.images-gallery .cont_extra {
    padding: 0 20px;
    margin: 0 auto;
    width: 100%
}

.images-gallery .images-item {
    flex-basis: calc((100%/4) - 12px)
}

@media(max-width: 899px) {
    .images-gallery .images-item {
        flex-basis:calc((100%/2) - 8px)
    }
}

@media(max-width: 479px) {
    .images-gallery .images-item {
        flex-basis:calc((100%/1))
    }
}

.images-gallery .wrapper {
    position: relative;
    width: 100%;
    overflow: hidden
}

.images-gallery .images {
    position: absolute;
    width: 100%;
    opacity: 0;
    border: 2px solid #fff;
    animation: fade 7s infinite
}

.images-gallery .images-item:nth-child(1) .images:nth-child(2) {
    animation-delay: 2s
}

.images-gallery .images-item:nth-child(1) .images:nth-child(3) {
    animation-delay: 4s
}

.images-gallery .images-item:nth-child(2) .images:nth-child(2) {
    animation-delay: 1s
}

.images-gallery .images-item:nth-child(2) .images:nth-child(3) {
    animation-delay: 3s
}

.images-gallery .images-item:nth-child(3) .images:nth-child(2) {
    animation-delay: 3s
}

.images-gallery .images-item:nth-child(3) .images:nth-child(3) {
    animation-delay: 6s
}

.images-gallery .images-item:nth-child(4) .images:nth-child(2) {
    animation-delay: 4s
}

.images-gallery .images-item:nth-child(4) .images:nth-child(3) {
    animation-delay: 7s
}

@keyframes fade {
    10% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 0
    }
}

.chatgpt {
    --rad: 0;
    padding-top: calc(var(--block-pd) - 1px);
    background-color: #f2f4f7
}

.chatgpt .chatgpt__header {
    text-align: center;
    margin-bottom: 35px
}

@media(max-width: 767px) {
    .chatgpt .chatgpt__header {
        margin:0 auto 25px
    }
}

.chatgpt .chatgpt__header .ai-logos {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 9px
}

.chatgpt .chatgpt__header .ai-logos>img {
    max-height: 47px;
    width: auto;
    border-radius: var(--rad)
}

.chatgpt .chatgpt__header .title {
    margin: 36px auto 0;
    max-width: 740px
}

@media(max-width: 1279px) {
    .chatgpt .chatgpt__header .title {
        max-width:645px
    }
}

@media(max-width: 1023px) {
    .chatgpt .chatgpt__header .title {
        max-width:560px
    }
}

@media(max-width: 767px) {
    .chatgpt .chatgpt__header .title {
        max-width:100%
    }
}

.chatgpt .chatgpt__header .description {
    margin-top: 15px;
    font-size: 16px;
    letter-spacing: 0
}

@media(max-width: 1279px) {
    .chatgpt .chatgpt__header .description {
        font-size:1em
    }
}

@media(max-width: 767px) {
    .chatgpt .chatgpt__header .description {
        margin-top:1em
    }
}

.chatgpt .chatgpt__content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.chatgpt .chatgpt__content p {
    margin-top: 34px;
    max-width: 450px;
    text-align: center;
    letter-spacing: 0;
    color: #626672
}

.chatgpt .chatgpt__content p span {
    color: #191919
}

@media(max-width: 767px) {
    .chatgpt .chatgpt__content p {
        margin-top:20px
    }
}

.chatgpt .chatgpt__content .item:nth-of-type(1) {
    max-width: 1000px;
    margin: 0 auto;
    box-shadow: 0 0 50px rgba(19,7,1,.05)
}

@media(max-width: 1279px) {
    .chatgpt .chatgpt__content .item:nth-of-type(1) {
        max-width:88%
    }
}

.chatgpt .chatgpt__content .item:nth-of-type(1) .img_wrap .video-header {
    padding: 14px 14px 13px;
    border-radius: var(--rad) var(--rad) 0 0;
    font-size: 0;
    background-color: #fff
}

@media(max-width: 1024px) {
    .chatgpt .chatgpt__content .item:nth-of-type(1) .img_wrap .video-header {
        padding:14px
    }
}

@media(max-width: 479px) {
    .chatgpt .chatgpt__content .item:nth-of-type(1) .img_wrap .video-header {
        padding:10px
    }
}

.chatgpt .chatgpt__content .item:nth-of-type(1) .img_wrap .video-header .control {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 5px
}

.chatgpt .chatgpt__content .item:nth-of-type(1) .img_wrap .video-header .control:not(:first-child) {
    margin-left: 3px
}

.chatgpt .chatgpt__content .item:nth-of-type(1) .img_wrap .video-header .control:nth-child(1) {
    background-color: #ff625a
}

.chatgpt .chatgpt__content .item:nth-of-type(1) .img_wrap .video-header .control:nth-child(2) {
    background-color: #ffbe2f
}

.chatgpt .chatgpt__content .item:nth-of-type(1) .img_wrap .video-header .control:nth-child(3) {
    background-color: #29ce42
}

.chatgpt .chatgpt__content .item:nth-of-type(1) .img_wrap .content-descr {
    max-width: 1000px;
    margin: 0 auto;
    font-family: roboto,sans-serif;
    display: block;
    min-width: 100%;
    margin-top: 0;
    padding: 9px 0 4px;
    font-size: calc(1rem + 1px);
    font-weight: 400;
    letter-spacing: 0;
    text-align: center;
    color: #fff;
    background-color: #4ca667;
    border-radius: 0 0 var(--rad) var(--rad)
}

@media(max-width: 767px) {
    .chatgpt .chatgpt__content .item:nth-of-type(1) .img_wrap .content-descr {
        font-size:.9em
    }
}

.chatgpt .chatgpt__content .item:nth-of-type(2) {
    position: absolute;
    width: 100%;
    height: 100%
}

.chatgpt .chatgpt__content .item:nth-of-type(2) img:nth-of-type(1) {
    position: absolute;
    bottom: 15.6%;
    left: 1.1%;
    max-width: 394px;
    height: auto;
    box-shadow: 0 13px 46px rgba(19,7,1,.08);
    border-radius: var(--rad)
}

@media(max-width: 1279px) {
    .chatgpt .chatgpt__content .item:nth-of-type(2) img:nth-of-type(1) {
        left:0;
        max-width: 30%
    }
}

@media(max-width: 479px) {
    .chatgpt .chatgpt__content .item:nth-of-type(2) img:nth-of-type(1) {
        bottom:22%
    }
}

.chatgpt .chatgpt__content .item:nth-of-type(2) img:nth-of-type(2) {
    max-width: 154px;
    height: auto;
    position: absolute;
    top: 12.9%;
    right: 4.4%;
    box-shadow: 0 13px 46px rgba(19,7,1,.08)
}

@media(max-width: 1279px) {
    .chatgpt .chatgpt__content .item:nth-of-type(2) img:nth-of-type(2) {
        right:.4%;
        max-width: 13%
    }
}

.ai-images {
    padding-top: calc(var(--block-pd) - 2px);
    padding-bottom: calc(var(--block-pd) - 3px);
    background-color: #f2f4f7;
    overflow: visible;
    z-index: 2
}

.ai-images .section_title {
    margin: 26px auto 0;
    max-width: 350px
}

@media(max-width: 1279px) {
    .ai-images .section_title {
        max-width:310px
    }
}

@media(max-width: 1023px) {
    .ai-images .section_title {
        max-width:250px
    }
}

@media(max-width: 767px) {
    .ai-images .section_title {
        margin:0 auto;
        max-width: 235px
    }
}

@media(max-width: 479px) {
    .ai-images .section_title {
        max-width:235px
    }
}

.ai-images .img-wrap {
    max-width: 910px;
    margin: 2.75em auto 0
}

@media(max-width: 767px) {
    .ai-images .img-wrap {
        margin-top:1.5em
    }
}

.ai-images .img-wrap img:nth-of-type(1) {
    width: 100%;
    z-index: 2;
    max-width: 790px;
    padding-bottom: 2em;
    margin: 0 auto
}

.ai-images .img-wrap img:nth-of-type(2) {
    z-index: 3;
    left: 0;
    bottom: .5%;
    width: 42%;
    max-width: 306px;
    border: 8px solid #fff;
    box-shadow: 0 0 20px rgba(32,32,32,.1)
}

@media(max-width: 1439px) {
    .ai-images .img-wrap img:nth-of-type(2) {
        left:0
    }
}

.ai-images .img-wrap img:nth-of-type(3) {
    z-index: 3;
    right: 8.65%;
    top: -13.4%;
    width: 25%;
    max-width: 144px;
    border: 8px solid #fff;
    box-shadow: 0 0 20px rgba(32,32,32,.1)
}

@media(max-width: 900px) {
    .ai-images .img-wrap img:nth-of-type(3) {
        right:0
    }
}

.slider-wrap {
    padding-top: calc(var(--block-pd) - 0px)
}

@media(max-width: 1439px) {
    .slider-wrap {
        padding-top:var(--block-pd)
    }
}

.slider-wrap .section_title {
    margin-bottom: 0
}

@media(max-width: 767px) {
    .slider-wrap .section_title {
        margin-right:0
    }
}

.slider-wrap .content_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 33px
}

@media(max-width: 1023px) {
    .slider-wrap .content_wrap {
        grid-template-columns:1.1fr 1fr;
        align-items: end
    }
}

@media(max-width: 767px) {
    .slider-wrap .content_wrap {
        grid-template-columns:1fr;
        grid-row-gap: 17px
    }
}

.slider-wrap .content_wrap .item:nth-of-type(2) {
    margin-bottom: 4px;
    display: flex;
    align-items: flex-end
}

@media(max-width: 1439px) {
    .slider-wrap .content_wrap .item:nth-of-type(2) {
        margin-bottom:3px
    }
}

.slider-wrap .content_wrap .item:nth-of-type(2)>p {
    margin-right: 13%
}

@media(max-width: 1439px) {
    .slider-wrap .content_wrap .item:nth-of-type(2)>p {
        margin-right:4%
    }
}

@media(max-width: 1279px) {
    .slider-wrap .content_wrap .item:nth-of-type(2)>p {
        margin-right:0
    }
}

.slider-wrap .slider_draggable_wrap {
    margin-top: 3.3em
}

@media screen and (max-width: 1279px) {
    .slider-wrap .slider_draggable_wrap {
        margin-top:2.5em
    }
}

@media screen and (max-width: 600px) {
    .slider-wrap .slider_draggable_wrap {
        margin-top:2em
    }
}

.slider-wrap .slider_content {
    width: 570px;
    display: inline-block;
    margin-right: 30px
}

@media screen and (min-width: 1921px) {
    .slider-wrap .slider_content {
        width:25vw
    }
}

@media screen and (max-width: 1279px) {
    .slider-wrap .slider_content {
        width:350px
    }
}

@media screen and (max-width: 1024px) {
    .slider-wrap .slider_content {
        width:40vw
    }
}

@media screen and (max-width: 600px) {
    .slider-wrap .slider_content {
        margin-right:20px
    }
}

@media screen and (max-width: 479px) {
    .slider-wrap .slider_content {
        width:70vw
    }
}

.slider-wrap .slider_content a {
    background-color: #fff;
    padding-top: 30px;
    overflow: hidden;
    position: relative
}

@media screen and (max-width: 479px) {
    .slider-wrap .slider_content a {
        padding-top:20px
    }
}

.slider-wrap .slider_screen_dots {
    position: absolute;
    top: 13px;
    left: 13px;
    width: 21px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 3px
}

@media screen and (max-width: 479px) {
    .slider-wrap .slider_screen_dots {
        top:8px;
        left: 8px
    }
}

.slider-wrap .slider_screen_dots span {
    border-radius: 50%;
    width: 5px;
    height: 5px
}

.slider-wrap .slider_screen_dots span:nth-of-type(1) {
    background-color: #ff625a
}

.slider-wrap .slider_screen_dots span:nth-of-type(2) {
    background-color: #febd2e
}

.slider-wrap .slider_screen_dots span:nth-of-type(3) {
    background-color: #29ce42
}

.flickity-slider {
    transition: transform .3s ease-out
}

.slider-wrap .slider_content img {
    min-height: 385px
}

@media(max-width: 1279px) {
    .slider-wrap .slider_content img {
        min-height:254px
    }
}

@media(max-width: 1023px) {
    .slider-wrap .slider_content img {
        min-height:223px
    }
}

@media(max-width: 767px) {
    .slider-wrap .slider_content img {
        min-height:146px
    }
}

@media(max-width: 600px) {
    .slider-wrap .slider_content img {
        min-height:110px
    }
}

@media(max-width: 479px) {
    .slider-wrap .slider_content img {
        min-height:175px
    }
}

.faq {
    padding-bottom: calc(var(--block-pd) - 10px);
    overflow: visible;
    z-index: 2
}

@media(max-width: 767px) {
    .faq {
        padding-top:0;
        padding-bottom: var(--block-pd)
    }
}

@media(min-width: 768px) and (max-width:1023px) {
    .faq .grid {
        grid-template-columns:1.2fr 1fr
    }
}

@media(max-width: 767px) {
    .faq .grid {
        display:flex;
        flex-direction: column;
        grid-gap: 30px;
        align-items: start
    }
}

.faq .sup {
    margin-bottom: 1.5em
}

@media(max-width: 767px) {
    .faq .sup {
        margin-bottom:.8em
    }
}

.faq .content-wrap {
    position: relative;
    padding-top: 2.3%;
    max-width: 600px;
    margin-left: auto;
    z-index: 5
}

@media(max-width: 1439px) {
    .faq .content-wrap {
        padding-top:0
    }
}

@media(max-width: 767px) {
    .faq .content-wrap {
        padding-right:0;
        margin-left: 0
    }
}

@media(max-width: 1439px) {
    .faq .item:nth-of-type(2) {
        padding-top:0;
        margin-left: 0;
        padding-left: 50px
    }
}

@media(max-width: 1023px) {
    .faq .item:nth-of-type(2) {
        padding-left:40px
    }
}

@media(max-width: 767px) {
    .faq .item:nth-of-type(2) {
        margin-left:0;
        padding: 0
    }
}

.faq .img-wrap {
    padding: 1.2% 1.8% 5.3% 9.8%
}

.faq .img-wrap img:nth-of-type(1) {
    width: 100%;
    z-index: 2
}

.faq .img-wrap img:nth-of-type(2) {
    z-index: 3;
    left: 1.4%;
    bottom: 0;
    width: 44%;
    max-width: 297px;
    box-shadow: 0 0 30px rgba(26,26,26,.07)
}

@media(max-width: 767px) {
    .faq .img-wrap img:nth-of-type(2) {
        left:0
    }
}

.faq .img-wrap img:nth-of-type(3) {
    z-index: 4;
    right: 0;
    bottom: 0;
    width: 35%;
    max-width: 214px;
    box-shadow: 0 0 30px rgba(26,26,26,.07)
}

.faq .img-wrap img:nth-of-type(4) {
    z-index: 5;
    right: 0;
    top: 19.8%;
    width: 21%;
    max-width: 134px
}

.ai-assistant {
    padding-top: calc(var(--block-pd) - 1px);
    background-color: #f2f4f7
}

.ai-assistant .ai-assistant__header {
    text-align: center
}

.ai-assistant .ai-assistant__header .title {
    margin-bottom: 11px
}

.ai-assistant .ai-assistant__header .description {
    font-weight: 400
}

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

@media(max-width: 767px) {
    .ai-assistant .ai-assistant__content {
        flex-direction:column
    }
}

.ai-assistant .ai-assistant__content .column.left {
    position: relative;
    padding-left: 7vw
}

.ai-assistant .ai-assistant__content .column.left img {
    margin-top: -22px;
    position: relative;
    max-width: 557px;
    width: 100%;
    z-index: -1
}

.ai-assistant .ai-assistant__content .column.left .ai-assistant {
    position: absolute;
    padding-top: 0;
    z-index: 1;
    top: 50%;
    left: 23%;
    max-width: 253px;
    background-color: transparent
}

@media(max-width: 1679px) {
    .ai-assistant .ai-assistant__content .column.left {
        padding-left:4vw
    }

    .ai-assistant .ai-assistant__content .column.left .ai-assistant {
        left: 19%
    }
}

@media(max-width: 1279px) {
    .ai-assistant .ai-assistant__content .column.left {
        padding-left:0;
        max-width: 50%
    }

    .ai-assistant .ai-assistant__content .column.left img {
        margin-top: 0
    }

    .ai-assistant .ai-assistant__content .column.left .ai-assistant {
        left: 15%
    }
}

@media(max-width: 1024px) {
    .ai-assistant .ai-assistant__content .column.left .ai-assistant {
        left:5%;
        width: 24vw;
        max-width: 253px
    }
}

@media(max-width: 767px) {
    .ai-assistant .ai-assistant__content .column.left {
        max-width:100%;
        margin-left: -20px;
        margin-right: -20px
    }

    .ai-assistant .ai-assistant__content .column.left .ai-assistant {
        width: 50vw;
        left: 4%
    }
}

@media(max-width: 479px) {
    .ai-assistant .ai-assistant__content .column.left img {
        margin-left:-10px
    }

    .ai-assistant .ai-assistant__content .column.left .ai-assistant {
        display: none
    }
}

.ai-assistant .ai-assistant__content .column.right {
    margin-left: -24px;
    margin-right: -22px;
    padding-bottom: 18px
}

@media(max-width: 1279px) {
    .ai-assistant .ai-assistant__content .column.right {
        margin-left:0;
        margin-right: 0
    }
}

@media(max-width: 1023px) {
    .ai-assistant .ai-assistant__content .column.right {
        padding:50px 0
    }
}

@media(max-width: 767px) {
    .ai-assistant .ai-assistant__content .column.right {
        padding:0 0 40px
    }
}

.ai-assistant .ai-assistant__content .column.right ul li+li {
    margin-top: 15px
}

.ai-assistant .ai-assistant__content .column.right ul li>span {
    position: relative;
    display: inline-block;
    padding: 11px 31px 13px 39px;
    font-family: bebas neue,cursive;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: -.03em;
    color: #fff;
    background-image: linear-gradient(125deg,#8569d0 30%,#7578e6 70%);
    background-size: 100% 200%;
    background-position: left bottom;
    border-radius: 16px
}

@media(max-width: 1279px) {
    .ai-assistant .ai-assistant__content .column.right ul li>span {
        font-size:18px
    }
}

.ai-assistant .ai-assistant__content .column.right ul li>span::before {
    content: "";
    position: absolute;
    top: 24px;
    left: 25px;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 50%
}

.ai-assistant .ai-assistant__content .column.right ul li>span .underline {
    position: relative;
    white-space: nowrap
}

.ai-assistant .ai-assistant__content .column.right ul li>span .underline::before {
    content: "";
    position: absolute;
    left: -5px;
    right: -5px;
    bottom: -4px;
    height: 9px;
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat
}

.ai-assistant .ai-assistant__content .column.right ul li>span .underline--short::before {
    height: 7px;
    background-image: url(../img/ai-assistant/underline-short.svg)
}

.ai-assistant .ai-assistant__content .column.right ul li>span .underline--middle::before {
    height: 9px;
    background-image: url(../img/ai-assistant/underline-middle.svg)
}

.ai-assistant .ai-assistant__content .column.right ul li>span .underline--long::before {
    height: 9px;
    background-image: url(../img/ai-assistant/underline-long.svg)
}

@media(max-width: 767px) {
    .ai-assistant .ai-assistant__content .column.right ul li>span {
        font-size:18px
    }
}

.ai-assistant .ai-assistant__content .column.right .footnote {
    position: relative;
    margin-top: 23px;
    max-width: 380px;
    padding-left: 16px;
    font-size: 18px;
    letter-spacing: 0
}

.ai-assistant .ai-assistant__content .column.right .footnote::before {
    content: "*";
    position: absolute;
    left: 0;
    top: 0
}

@media(max-width: 767px) {
    .ai-assistant .ai-assistant__content .column.right .footnote::before {
        top:3px
    }
}

@media(max-width: 767px) {
    .ai-assistant .ai-assistant__content .column.right .footnote {
        font-size:17px;
        max-width: 100%
    }
}

.ai-assistant .ai-assistant__video {
    position: relative;
    margin-top: -5px;
    padding: 0 6.3em;
    z-index: 1
}

@media(max-width: 1023px) {
    .ai-assistant .ai-assistant__video {
        margin-top:0;
        padding: 0
    }
}

@media(max-width: 767px) {
    .ai-assistant .ai-assistant__video {
        padding:0
    }
}

.ai-assistant .ai-assistant__video .video {
    max-width: 100%;
    overflow: visible
}

.ai-assistant .ai-assistant__video .video .video-header {
    padding: 14px;
    font-size: 0;
    background-color: #1e1f31;
    border-radius: 0 0 0 0
}

@media(max-width: 1024px) {
    .ai-assistant .ai-assistant__video .video .video-header {
        padding:14px
    }
}

@media(max-width: 479px) {
    .ai-assistant .ai-assistant__video .video .video-header {
        padding:10px
    }
}

.ai-assistant .ai-assistant__video .video .video-header .control {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 5px
}

.ai-assistant .ai-assistant__video .video .video-header .control:not(:first-child) {
    margin-left: 3px
}

.ai-assistant .ai-assistant__video .video .video-header .control:nth-child(1) {
    background-color: #ff625a
}

.ai-assistant .ai-assistant__video .video .video-header .control:nth-child(2) {
    background-color: #ffbe2f
}

.ai-assistant .ai-assistant__video .video .video-header .control:nth-child(3) {
    background-color: #29ce42
}

.ai-assistant .ai-assistant__video .video .video-content {
    position: relative;
    padding: 30px;
    background-color: #dde4eb;
    border-radius: 0 0 0 0
}

@media(max-width: 1024px) {
    .ai-assistant .ai-assistant__video .video .video-content {
        padding:20px
    }
}

@media(max-width: 479px) {
    .ai-assistant .ai-assistant__video .video .video-content {
        padding:10px
    }
}

.ai-assistant .ai-assistant__video .video .video-content iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 9/5;
    border-radius: 6px
}