* {
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    font-size: 17px;
    font-family: sofia-pro, sans-serif;
    background: #f4f4fa;
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
.btn {
    color: #070346
}

h1,
.h1-style {
    font-size: 3.765em;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.1em;
    letter-spacing: -2px;
    margin-top: 0;
    margin-bottom: 0
}

@media screen and (max-width:1439px) {
    h1,
    .h1-style {
        font-size: 3.4em
    }
}

@media screen and (max-width:812px) {
    h1,
    .h1-style {
        font-size: 3em
    }
}

@media screen and (max-width:736px) and (min-width:601px) {
    h1,
    .h1-style {
        font-size: 3em
    }
}

@media(max-width:600px) {
    h1,
    .h1-style {
        font-size: 2.2em
    }
}

@media screen and (max-width:480px) and (max-height:320px) {
    h1,
    .h1-style {
        font-size: 2.7em
    }
}

@media screen and (max-width:374px) {
    h1,
    .h1-style {
        font-size: 1.9em
    }
}

h2,
.h2-style {
    font-size: 2.94em;
    font-weight: 700;
    line-height: 1.04em;
    letter-spacing: -1px;
    position: relative;
    margin-top: 0;
    margin-bottom: 0
}

@media screen and (max-width:1024px) {
    h2,
    .h2-style {
        font-size: 2.7em
    }
}

@media screen and (max-width:767px) {
    h2,
    .h2-style {
        font-size: 2.27em
    }
}

@media screen and (max-width:374px) {
    h2,
    .h2-style {
        font-size: 2em
    }
}

h3,
.h3-style {
    font-size: 2.94em;
    font-weight: 700;
    line-height: 1.1em;
    letter-spacing: -2px;
    margin-top: 0;
    margin-bottom: 0
}

@media screen and (max-width:1679px) {
    h3,
    .h3-style {
        font-size: 2.7em
    }
}

@media screen and (max-width:1024px) {
    h3,
    .h3-style {
        font-size: 2.4em
    }
}

@media screen and (max-width:767px) {
    h3,
    .h3-style {
        font-size: 2.1em
    }
}

@media screen and (max-width:374px) {
    h3,
    .h3-style {
        font-size: 2em
    }
}

h4,
.h4-style {
    font-size: 1.353em;
    font-weight: 700;
    line-height: 1.13em;
    letter-spacing: 0;
    margin-top: 1.07em;
    margin-bottom: 0
}

@media screen and (max-width:1024px) {
    h4,
    .h4-style {
        font-size: 1.115em
    }
}

h5,
.h5-style {
    font-size: 1.235em;
    font-weight: 600;
    line-height: 1.476em;
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 1em
}

@media screen and (max-width:1024px) {
    h5,
    .h5-style {
        font-size: 1.105em
    }
}

h6,
.h6-style {
    font-size: 1.059em;
    font-weight: 500;
    line-height: 1.389em;
    letter-spacing: -.34px;
    margin-top: .8em;
    margin-bottom: 0
}

p {
    font-family: dm sans, sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.529em;
    letter-spacing: -.02em;
    color: #626672;
    margin-top: 0;
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    p {
        font-size: 16px
    }
}

@media screen and (max-width:767px) {
    p br {
        display: none
    }
}

.subtitle {
    margin-top: 0;
    margin-bottom: 1em;
    font-family: sofia-pro, sans-serif;
    font-size: 1em;
    font-weight: 500;
    line-height: 1em;
    letter-spacing: 0
}

i {
    color: #4a50eb;
    font-style: normal;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: none;
    box-shadow: none
}

[class^=icon-]:before,
[class*=" icon-"]:before {
    font-size: 2.7em;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin: 0
}

.icon_wrap {
    display: inline-block;
    position: relative;
    width: 93px;
    height: 93px;
    line-height: 50px;
    border-radius: 15px;
    background: #fff;
    -webkit-box-shadow: 11px 11px 50px 0 rgba(0, 0, 0, .04);
    box-shadow: 11px 11px 50px 0 rgba(0, 0, 0, .04)
}

ul.list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-family: dm sans, sans-serif
}

ul.list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.063em;
    font-weight: 400;
    line-height: 1em;
    letter-spacing: 0;
    color: #070346;
    margin-bottom: 24px
}

@media screen and (max-width:1024px) {
    ul.list li {
        margin-bottom: 15px
    }
}

@media screen and (max-width:480px) {
    ul.list li {
        margin-bottom: 10px
    }
}

ul.list li:last-child {
    margin-bottom: 0
}

ul.list li:before {
    content: "\E978";
    font-family: fontello;
    display: inline-block;
    text-align: center;
    font-size: 6px;
    width: 21px;
    height: 21px;
    line-height: 22px;
    border-radius: 100%;
    margin-right: 12px;
    color: #fff;
    background: #72bf40
}

ul {
    margin: 0;
    padding: 0
}

li,
a {
    list-style: none !important;
    text-decoration: none !important
}

a {
    display: inline-block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

img {
    max-width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast
}

.img_max {
    max-width: 520px
}

.img_max-lg {
    max-width: 590px
}

.img_max-lg--center {
    max-width: 590px;
    max-height: 466px
}

@media screen and (max-width:1024px) {
    .img_max-lg--center {
        max-width: 100%
    }
}

.img_max-min {
    max-width: 306px;
    max-height: 241px
}

@media screen and (max-width:1024px) {
    .img_max-min {
        max-width: 100%
    }
}

.img_max-md {
    max-width: 354px;
    max-height: 265px
}

@media screen and (max-width:1024px) {
    .img_max-md {
        max-width: 100%
    }
}

.img_max-icon {
    max-width: 47px
}

button {
    outline: none !important;
    border: none;
    background: 0 0
}

.subtitle {
    margin-bottom: 22px
}

@media screen and (max-width:1024px) {
    .subtitle {
        margin-bottom: 12px
    }
}

.title {
    margin-bottom: 32px
}

@media screen and (max-width:1024px) {
    .title {
        margin-bottom: 22px
    }
}

.desc {
    margin-bottom: 30px
}

@media screen and (max-width:1024px) {
    .desc {
        margin-bottom: 20px
    }
}

.desc.desc_light {
    color: #858585
}

.circle-orange,
.circle-blue {
    position: absolute !important;
    display: block;
    width: 51px;
    height: 51px;
    border-radius: 100%;
    border: 7px solid;
    will-change: transform
}

@media screen and (max-width:1024px) {
    .circle-orange,
    .circle-blue {
        border-width: 5px
    }
}

.orange {
    color: #ff734a !important
}

.blue {
    color: #070346 !important
}

.over {
    -webkit-transform: translate3d(10.3px, -12.9px, 0) translateZ(200px) !important;
    transform: translate3d(10.3px, -12.9px, 0) translateZ(200px)
}

.under {
    -webkit-transform: translate3d(10.3px, -12.9px, 0) translateZ(-200px) !important;
    transform: translate3d(10.3px, -12.9px, 0) translateZ(-200px)
}

@media screen and (max-width:768px) {
    lottie-player.gif.first {
        width: 220px !important;
        height: 140px !important
    }
    lottie-player.gif.second {
        height: 140px !important
    }
    lottie-player.gif.three {
        height: 140px !important
    }
}

@media screen and (max-width:767px) {
    lottie-player.gif.first {
        width: 220px !important;
        height: 140px !important
    }
    lottie-player.gif.second {
        height: 160px !important
    }
    lottie-player.gif.three {
        height: 160px !important
    }
}

.install_bullets {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0 !important
}

@media screen and (max-width:1279px) {
    .install_bullets {
        width: 70px;
        height: 70px
    }
}

@media screen and (max-width:767px) {
    .install_bullets {
        width: 60px;
        height: 60px
    }
}

.scene__wrap {
    height: 100%
}

.animations.postcard {
    -webkit-transform: translateZ(-112px) perspective(1500px) rotateX(-35deg) !important;
    transform: translateZ(-112px) perspective(1500px) rotateY(-35deg) !important;
    -webkit-transition: -webkit-transform 1s ease 0s;
    transition: -webkit-transform 1s ease 0s;
    transition: transform 1s ease 0s;
    transition: transform 1s ease 0s, -webkit-transform 1s ease 0s
}

.animations.postcard._active {
    -webkit-transform: translateZ(-20px) perspective(3000px) rotateY(5deg) !important;
    transform: translateZ(-20px) perspective(3000px) rotateY(5deg) !important
}

.animations.fadeIn {
    opacity: 0;
    will-change: transition-delay, transition, opacity;
    -webkit-transition: all .5s ease .1s;
    transition: all .5s ease .1s
}

.animations.fadeIn._active {
    opacity: 1
}

@-webkit-keyframes round {
    from {
        -webkit-transform: rotate(0deg) translateX(10px) rotate(0deg);
        transform: rotate(0deg) translateX(10px) rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg) translateX(10px) rotate(-360deg);
        transform: rotate(360deg) translateX(10px) rotate(-360deg)
    }
}

@keyframes round {
    from {
        -webkit-transform: rotate(0deg) translateX(10px) rotate(0deg);
        transform: rotate(0deg) translateX(10px) rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg) translateX(10px) rotate(-360deg);
        transform: rotate(360deg) translateX(10px) rotate(-360deg)
    }
}

@-webkit-keyframes roundMove {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes roundMove {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes bottomInDemoBar {
    0% {
        bottom: -100%
    }
    100% {
        bottom: 0
    }
}

@keyframes bottomInDemoBar {
    0% {
        bottom: -100%
    }
    100% {
        bottom: 0
    }
}

@-webkit-keyframes sideInDemoBar {
    0% {
        right: -100%
    }
    100% {
        right: 20px
    }
}

@keyframes sideInDemoBar {
    0% {
        right: -100%
    }
    100% {
        right: 20px
    }
}

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

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

@-webkit-keyframes opacityElem {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes opacityElem {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes transformScale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes transformScale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes transformTranslateBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate(-100%, 100%) scale(0);
        transform: translate(-100%, 100%) scale(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1)
    }
}

@keyframes transformTranslateBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate(-100%, 100%) scale(0);
        transform: translate(-100%, 100%) scale(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1)
    }
}

@-webkit-keyframes transformTranslateBottomRight {
    0% {
        -webkit-transform: translate(100%, 100%) scale(0);
        transform: translate(100%, 100%) scale(0)
    }
    100% {
        -webkit-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1)
    }
}

@keyframes transformTranslateBottomRight {
    0% {
        -webkit-transform: translate(100%, 100%) scale(0);
        transform: translate(100%, 100%) scale(0)
    }
    100% {
        -webkit-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1)
    }
}

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

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

@-webkit-keyframes scroll_screen {
    0% {
        bottom: 0
    }
    40% {
        bottom: 100%
    }
    50% {
        bottom: 100%
    }
    90% {
        bottom: 200%
    }
    100% {
        bottom: 200%
    }
}

@keyframes scroll_screen {
    0% {
        bottom: 0
    }
    40% {
        bottom: 100%
    }
    50% {
        bottom: 100%
    }
    90% {
        bottom: 200%
    }
    100% {
        bottom: 200%
    }
}

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

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

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

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

@-webkit-keyframes slideBG {
    0% {
        background-position: top right
    }
    50% {
        background-position: bottom left
    }
    100% {
        background-position: top right
    }
}

@keyframes slideBG {
    0% {
        background-position: top right
    }
    50% {
        background-position: bottom left
    }
    100% {
        background-position: top right
    }
}

@-webkit-keyframes plusSignAnimate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    75% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes plusSignAnimate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    75% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.visible-itm {
    z-index: 2
}

.scroll-hidden {
    overflow: hidden
}

.container {
    max-width: 1380px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto
}

@media screen and (max-width:1679px) {
    .container {
        max-width: 1140px
    }
}

@media screen and (max-width:1024px) {
    .container {
        max-width: 960px
    }
}

@media screen and (max-width:992px) {
    .container {
        max-width: 740px
    }
}

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

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

.container-full {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
}

.container-big {
    max-width: 1770px
}

@media screen and (max-width:1880px) {
    .container-big {
        max-width: none;
        padding-left: 60px;
        padding-right: 60px
    }
}

@media screen and (max-width:1024px) {
    .container-big {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width:767px) {
    .container-big {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(max-width:374px) {
    .container-big {
        padding-left: 15px;
        padding-right: 15px
    }
}

.container-compact {
    max-width: 1245px
}

@media screen and (max-width:1679px) {
    .container-compact {
        max-width: 1140px
    }
}

@media screen and (max-width:1279px) {
    .container-compact {
        max-width: 900px
    }
}

@media screen and (max-width:992px) {
    .container-compact {
        max-width: 740px
    }
}

@media screen and (max-width:767px) {
    .container-compact {
        max-width: none
    }
}

.container-small {
    max-width: 850px
}

@media screen and (max-width:767px) {
    .container-small {
        max-width: none;
        padding: 0
    }
}

.section {
    position: relative;
    padding-top: 8.3em;
    padding-bottom: 8.3em
}

@media screen and (max-width:1279px) {
    .section {
        padding-top: 5.1em;
        padding-bottom: 5.1em
    }
}

@media screen and (max-width:767px) {
    .section {
        padding-top: 3.5em;
        padding-bottom: 3.4em
    }
}

@media screen and (max-width:1439px) {
    .section.section__slider .slick-slide img {
        width: auto;
        max-height: 400px
    }
}

@media screen and (max-width:1024px) {
    .section.section__slider .slick-slide img {
        width: auto;
        max-height: 300px
    }
}

@media screen and (max-width:767px) {
    .section.section__slider .slick-slide img {
        width: auto;
        max-height: 250px
    }
}

@media screen and (max-width:479px) {
    .section.section__slider .slick-slide img {
        width: auto;
        max-height: 200px
    }
}

@media screen and (max-width:374px) {
    .section.section__slider .slick-slide img {
        width: auto;
        max-height: 168px
    }
}

.container-full .text-wrap .title br {
    display: none
}

@media screen and (max-width:479px) {
    .container-full .text-wrap .title br {
        display: block
    }
}

@media screen and (max-width:480px) {
    .container-full .text-wrap .desc br {
        display: none
    }
}

@media screen and (max-width:767px) {
    .container-full .text-wrap {
        padding: 0 15px
    }
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.main-wrapper {
    z-index: 100
}

footer,
section {
    overflow: hidden
}

section#demo,
section.demo-bar {
    overflow: visible
}

.wrapper {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-left: -15px;
    margin-right: -15px
}

.inverse h5,
.inverse h2,
.inverse h4,
.inverse p {
    color: #fff
}

@media screen and (max-width:768px) {
    .column_reverse {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

div[class*=col-] {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin: 0
}

.col-1 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%
}

.col-2 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%
}

.col-3 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

@media screen and (max-width:480px) {
    .col-3 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.col-4 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%
}

@media screen and (max-width:480px) {
    .col-4 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.col-5 {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    flex: 0 0 20%;
    max-width: 20%
}

.btn {
    position: relative;
    text-align: center;
    vertical-align: middle;
    font-size: .8823em;
    font-weight: 700;
    text-transform: none;
    line-height: 1em;
    letter-spacing: 0;
    color: #fff;
    background: linear-gradient(165deg, #ff7b4a, #ff5b4a 0%, #ff5b4a, #ff7b4a 100%) no-repeat scroll right bottom/230% 100% #ff5b4a;
    padding: 18.5px 52.7px 22.5px;
    border-radius: 28px;
    will-change: transform
}

.btn:hover {
    color: #fff;
    background-position: left bottom
}

@media screen and (max-width:479px) {
    .btn {
        padding: 15px 49px 18px
    }
}

.btn-dark {
    font-weight: 600;
    color: #000;
    background: #fff
}

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

.btn-blue {
    color: #fff;
    background: #4233d3
}

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

.btn.header-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .824em;
    line-height: 1em;
    padding: 13px 15px 16px 30px;
    width: 163px;
    height: 46px;
    border-radius: 23px;
    background: 0 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    overflow: hidden;
    background-image: -webkit-gradient(linear, left top, right top, from(#f76023), to(#fc2d25));
    background-image: linear-gradient(to right, #f76023, #fc2d25)
}

.btn.header-btn .header_btn-cart {
    display: block;
    width: 18px;
    position: absolute;
    right: 27px;
    top: 48%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.btn.header-btn .header_btn-cart {
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.btn.header-btn .header_btn-price {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.btn.header-btn:hover .header_btn-price {
    opacity: 1
}

.btn.header-btn:hover .header_btn-cart {
    opacity: 0
}

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

.btn.header-btn .header_btn-line {
    position: relative;
    top: 2px;
    width: 1px;
    height: 17px;
    margin: 0 12px 0 15px;
    background: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.logo_wrapper {
    min-width: 200px
}

@media(max-width:1440px) {
    .logo_wrapper {
        min-width: 100px
    }
}

@media(max-width:1280px) {
    .logo_wrapper {
        min-width: 100px
    }
}

.buttons_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 200px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 13px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width:1279px) {
    .buttons_wrapper {
        display: none
    }
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 43px 0;
    z-index: 999999;
    background-color: transparent;
    -webkit-transition: background-color .1s ease, padding .2s ease;
    transition: background-color .1s ease, padding .2s ease
}

@media screen and (max-width:1679px) {
    .header {
        padding: 30px 0
    }
}

@media(max-width:1024px) {
    .header {
        overflow: visible;
        -webkit-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
        padding: 20px 0
    }
}

.header .header-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    position: relative
}

@media(max-width:1279px) {
    .header .header-wrapper {
        position: static
    }
}

@media screen and (max-width:1880px) {
    .header .container-big {
        max-width: none;
        padding-left: 3.125%;
        padding-right: 3.125%
    }
}

@media screen and (max-width:1880px) and (max-width:1329px) {
    .header .container-big {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width:1880px) and (max-width:767px) {
    .header .container-big {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (max-width:1880px) and (max-width:374px) {
    .header .container-big {
        padding-left: 15px;
        padding-right: 15px
    }
}

.header.header-fixed {
    position: fixed;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, .08);
    box-shadow: 0 3px 16px rgba(0, 0, 0, .08);
    padding: 15px 0
}

@media screen and (max-width:767px) {
    .header.header-fixed {
        padding: 10px 0
    }
}

.logo img {
    max-width: 46px;
    margin-top: 7px
}

@media screen and (max-width:479px) {
    .logo img {
        margin-top: 4px
    }
}

.hamburger {
    display: none;
    margin-left: auto
}

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

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

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

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

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

@media(max-width:374px) {
    #nav-icon {
        right: 15px
    }
}

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

#nav-icon.open span {
    background: #070346
}

#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:nth-child(1) {
    top: 7px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

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

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

@media(max-width:1279px) {
    .menu-wrapper {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        height: 100vh;
        text-align: center;
        margin-top: 0;
        overflow: visible;
        overflow-y: scroll;
        padding: 60px 0 40px;
        background-color: #fff;
        border-radius: 0;
        z-index: 1000;
        will-change: width, transform, transition, border-radius;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all .8s ease;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }
    .menu-wrapper ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        padding: 0;
        width: 100%
    }
    .menu-wrapper ul a:not(.buy) {
        display: inline-block;
        margin: 5px 0;
        padding: 5px
    }
}

@media(max-width:1279px) and (max-width:1279px) {
    .menu-wrapper ul a:not(.buy) {
        padding: 10px 5px
    }
}

@media(max-width:1279px) {
    .menu-wrapper.is-active {
        border-radius: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .menu-wrapper.is-active .menu {
        opacity: 1;
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%)
    }
    .menu-wrapper.is-active .menu a:after {
        background: #fff
    }
}

@media(max-width:815px) and (orientation:landscape) {
    .menu-wrapper ul a.buy {
        margin-top: 15px
    }
}

@media screen and (max-width:480px) {
    .menu-wrapper {
        border-radius: 0 100% 60% 0
    }
}

.menu {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 22
}

@media(max-width:1279px) {
    .menu {
        opacity: 0;
        position: relative;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-140%, 0%);
        transform: translate(-140%, 0%);
        -webkit-transition: all .4s cubic-bezier(.45, .05, .55, .95);
        transition: all .4s cubic-bezier(.45, .05, .55, .95)
    }
}

.menu a {
    position: relative;
    font-size: .7647em;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1em;
    letter-spacing: 1px;
    margin: 0 15px;
    color: #070346;
    will-change: transform
}

.menu a img {
    margin-top: -2px
}

.menu a.menu__link {
    padding: 10px 0
}

.menu a .menu_text {
    position: relative;
    margin-right: 10px
}

.menu a .menu_text:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 2px;
    position: absolute;
    left: 1px;
    bottom: -.7em;
    opacity: 0;
    background: #070346;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media screen and (max-width:1279px) {
    .menu a .menu_text:after {
        bottom: -.4em
    }
}

.menu a:hover .menu_text:after {
    width: 100%;
    opacity: 1
}

@media(max-width:1365px) {
    .menu a {
        margin: 0 12px
    }
}

@media(max-width:1279px) {
    .menu a {
        font-size: 19px;
        color: #070346
    }
}

.menu a.rosy {
    color: #ff5f4a;
    margin-right: 0;
    margin-left: 28px
}

.menu a.rosy:after {
    display: none
}

.menu a.rosy:hover {
    color: #070346
}

.menu a.rosy span {
    display: inline-block;
    font-size: .933em;
    margin-right: 4px
}

.menu a.rosy span:after {
    display: none
}

.menu li:first-child a {
    margin-left: 0
}

.menu>li:first-child>a {
    position: relative;
    margin-left: 0
}

.menu>li:first-child>a:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 2px;
    position: absolute;
    left: 1px;
    bottom: -.15em !important;
    opacity: 0;
    background: #070346 !important;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media screen and (max-width:1279px) {
    .menu>li:first-child>a:after {
        bottom: -.4em
    }
}

.menu>li:first-child>a:hover:after {
    width: 100%;
    opacity: 1
}

.tablet-none {
    display: none
}

@media(max-width:1279px) {
    .tablet-none {
        display: inline-block
    }
    .tablet-none a.buy {
        width: 180px;
        line-height: 1em;
        padding: 13px 30px 16px;
        border-radius: 23px;
        color: #fff;
        background-image: -webkit-gradient(linear, left top, right bottom, from(#2f39d3), color-stop(#3837d3), color-stop(#4134d3), color-stop(#4832d3), to(#4f2fd3));
        background-image: linear-gradient(to right bottom, #2f39d3, #3837d3, #4134d3, #4832d3, #4f2fd3);
        margin-top: 25px;
        z-index: 100;
        visibility: visible;
        overflow: visible
    }
    .tablet-none a.buy:hover {
        background-position: left bottom
    }
    .tablet-none a.buy:after {
        display: none
    }
}

.modal {
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
    background-color: rgba(255, 255, 255, .6);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: -1000
}

.modal .modal_content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    padding: 0 15px;
    z-index: 99999
}

.modal .modal_content video {
    display: block
}

@media screen and (max-width:1024px) {
    .modal .modal_content {
        width: 90%
    }
}

@media screen and (max-width:767px) {
    .modal .modal_content {
        width: 70%
    }
}

@media screen and (max-width:480px) {
    .modal .modal_content {
        width: 100%
    }
}

.modal .modal_content .close_modal {
    display: inline-block;
    position: absolute;
    top: -50px;
    right: 15px;
    padding: 0;
    cursor: pointer;
    will-change: transform;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.modal .modal_content .close_modal:hover {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.modal .modal_content .close_modal:after {
    content: "\E88D";
    font-family: fontello;
    font-size: 1.5em;
    color: #000
}

@media screen and (max-width:767px) {
    .modal .modal_content .close_modal {
        top: -40px
    }
}

.menu-list.relative {
    position: relative
}

.menu-list img {
    vertical-align: middle;
    display: inline-block;
    -webkit-transition: -webkit-transform .1s linear;
    transition: -webkit-transform .1s linear;
    transition: transform .1s linear;
    transition: transform .1s linear, -webkit-transform .1s linear
}

@media(min-width:1280px) {
    .menu-list:hover .menu__link>img,
    .menu-list.menuHover .menu__link>img {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
}

@media(max-width:1279px) {
    .menu-list .menu__link.opened>img {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
}

.dropdown {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 80px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #151a24;
    padding: 46px 0;
    width: 100%;
    -webkit-transition: all .5s;
    transition: all .5s
}

@media(max-width:1679px) {
    .dropdown {
        top: 60px
    }
}

@media(max-width:1500px) {
    .dropdown {
        padding: 35px 0;
        width: 100vw
    }
}

@media(max-width:1279px) {
    .dropdown {
        position: relative;
        visibility: visible;
        opacity: 1;
        top: 0;
        overflow-y: scroll;
        padding: 0;
        border-radius: 0;
        background-color: transparent;
        max-height: 0;
        -webkit-transition: all 0s;
        transition: all 0s
    }
}

.relative .dropdown {
    left: -30px;
    top: 68px;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media(max-width:1679px) {
    .relative .dropdown {
        left: -130px;
        top: 48px
    }
}

@media(max-width:1279px) {
    .relative .dropdown {
        left: auto;
        right: auto;
        top: 0
    }
}

.menuHover .dropdown,
.menu-list:hover .dropdown {
    visibility: visible;
    opacity: 1
}

@media(max-width:1279px) {
    .opened~.dropdown {
        max-height: 300px
    }
    .opened~.dropdown .submenu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.dropdown .submenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform .05s linear;
    transition: -webkit-transform .05s linear;
    transition: transform .05s linear;
    transition: transform .05s linear, -webkit-transform .05s linear
}

@media(max-width:1279px) {
    .dropdown .submenu {
        padding: 10px 0;
        display: none
    }
}

.dropdown .submenu .item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 50px
}

@media(max-width:1680px) {
    .dropdown .submenu .item {
        padding: 0 30px
    }
}

.dropdown .submenu .item li {
    height: 35px
}

@media(max-width:1279px) {
    .dropdown .submenu .item li:not(:first-child) {
        margin-top: 0
    }
}

@media(max-width:1279px) {
    .dropdown .submenu .item li:first-child {
        margin-top: 5px
    }
}

.dropdown .submenu .item a {
    text-transform: none;
    position: relative;
    margin: 0;
    padding: 0 0 8px
}

.dropdown .submenu .item a .text {
    position: relative
}

.dropdown .submenu .item a .text:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 1px;
    position: absolute;
    left: 1px;
    bottom: -.4em;
    opacity: 0;
    background: #fff;
    -webkit-transition: width .3s ease;
    transition: width .3s ease
}

@media screen and (max-width:1279px) {
    .dropdown .submenu .item a .text:after {
        bottom: -.1em
    }
}

@media(min-width:1280px) {
    .dropdown .submenu .item a:hover {
        color: #fff
    }
}

.dropdown .submenu .item a:hover .text:after {
    width: 100%;
    opacity: 1
}

.dropdown .submenu .item+.item {
    border-left: 1px solid #30343d
}

.dropdown h4 {
    font: normal 600 1.25rem/1em "sofia-pro", sans-serif;
    letter-spacing: -.01em;
    color: #fff;
    margin-top: 0;
    margin-bottom: 1.4em
}

@media(max-width:1500px) {
    .dropdown h4 {
        font-size: 1.125rem
    }
}

@media(max-width:1024px) {
    .dropdown h4 {
        margin-top: 1em;
        margin-bottom: .5em
    }
}

.dropdown a {
    display: inline-block;
    font: normal 400 1rem/1em "DM Sans", sans-serif, sans-serif;
    letter-spacing: -.02em;
    color: #878990;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    margin: 0
}

.dropdown a:hover {
    color: #070346
}

@media(max-width:1500px) {
    .dropdown a {
        font-size: .938rem
    }
}

.dropdown .badge {
    display: inline-block;
    font: normal 600 0.75rem/1em "sofia-pro", sans-serif;
    letter-spacing: -.02em;
    color: #fff;
    border-radius: 16px;
    padding: .5em 1.2em .7em;
    margin-left: 17px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    vertical-align: unset;
    position: relative;
    top: 0
}

@media(max-width:1439px) {
    .dropdown .badge {
        margin-left: 10px
    }
}

.dropdown .badge.hot_badge {
    background-color: #f94a24
}

.dropdown .badge.new_badge {
    background-color: #72bf40
}

.dropdown .badge.soon_badge {
    background-color: #3e34d3
}

@media(min-width:1024px) {
    .dropdown.short {
        width: 973px
    }
}

.dropdown.banner {
    width: 573px;
    padding: 0;
    background-color: #f2f2f7;
    -webkit-box-shadow: 5px 15px 90px 0 rgba(0, 0, 0, .05);
    box-shadow: 5px 15px 90px 0 rgba(0, 0, 0, .05)
}

@media(max-width:1024px) {
    .dropdown.banner {
        width: 100%;
        border-radius: 0;
        overflow-y: scroll
    }
}

.dropdown.banner .top {
    padding: 56px 50px 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:1439px) {
    .dropdown.banner .top {
        padding: 30px 30px 20px
    }
}

@media(max-width:1024px) {
    .dropdown.banner .top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 30px
    }
}

.dropdown.banner .item+.item {
    margin-left: 54px
}

@media(max-width:1439px) {
    .dropdown.banner .item+.item {
        margin-left: 30px
    }
}

@media(max-width:1024px) {
    .dropdown.banner .item+.item {
        margin-left: 0;
        margin-top: 10px
    }
}

.dropdown.banner .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.dropdown.banner .item li+li {
    margin-top: 20px
}

@media(max-width:1439px) {
    .dropdown.banner .item li+li {
        margin-top: 10px
    }
}

@media(max-width:1024px) {
    .dropdown.banner .item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.dropdown.banner img {
    width: 262px
}

.dropdown.banner h4 {
    color: #070346;
    margin-bottom: 1.7em;
    vertical-align: bottom
}

@media(max-width:1439px) {
    .dropdown.banner h4 {
        margin-bottom: 1em
    }
}

.dropdown.banner h4 span {
    color: #ff5f4a;
    top: -10px;
    position: relative
}

@media(max-width:1439px) {
    .dropdown.banner h4 span {
        top: -5px
    }
}

.dropdown.banner a {
    text-transform: none;
    color: #626672
}

.dropdown.banner a:hover {
    color: #ff5f4a;
    -webkit-transform: none;
    transform: none
}

.dropdown.banner a::after {
    display: none
}

.dropdown.banner a .icon {
    position: relative;
    top: 2px;
    display: inline-block;
    margin-right: 10px;
    font-size: 1.063rem
}

@media(max-width:1024px) {
    .dropdown.banner a:not(.btn) {
        padding: 0 !important
    }
}

.dropdown.banner li:nth-of-type(4) a .icon {
    font-size: 1.125rem;
    margin-right: 11px
}

.dropdown.banner .banner_demo {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.dropdown.banner .banner_demo:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.dropdown.banner .bottom {
    background-color: #fff;
    padding: 29px 50px;
    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
}

@media(max-width:1439px) {
    .dropdown.banner .bottom {
        padding: 20px 30px
    }
}

@media(max-width:1024px) {
    .dropdown.banner .bottom {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.dropdown.banner .bottom h5 {
    font: normal 500 1.063rem/1em "sofia-pro", sans-serif, sans-serif;
    letter-spacing: -.02em;
    display: inline-block;
    margin: 0 18px 0 10px
}

.dropdown.banner .bottom span {
    display: inline-block;
    color: #626672;
    font-size: 1.125rem;
    position: relative;
    top: 3px
}

.dropdown.banner .bottom b {
    font: normal 400 1rem/1em "DM Sans", sans-serif, sans-serif;
    display: inline-block
}

.dropdown.banner .bottom .btn {
    font: normal 600 0.875em/1em "sofia-pro", sans-serif;
    color: #fff;
    padding: 1.1em 2em
}

.none {
    display: none
}

.section-hero {
    min-height: 975px;
    position: relative;
    overflow: hidden;
    background-image: url(../img/section-hero/bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media(max-width:1640px) {
    .section-hero {
        min-height: 880px
    }
}

@media(max-width:1440px) {
    .section-hero {
        min-height: 830px
    }
}

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

@media(max-width:1365px) {
    .section-hero {
        min-height: 770px
    }
}

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

@media(max-width:1149px) {
    .section-hero {
        min-height: 660px
    }
}

@media(max-width:800px) {
    .section-hero {
        min-height: 630px
    }
}

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

.section-hero:after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    height: 160px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#F4F4FA), to(rgba(244, 244, 250, 0)));
    background-image: linear-gradient(0deg, #F4F4FA 0%, rgba(244, 244, 250, 0) 100%)
}

.section-hero .text-wrap {
    position: relative;
    padding: 198px 15px;
    text-align: center;
    z-index: 3
}

.section-hero .text-wrap>* {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.body_ready .section-hero .text-wrap>* {
    -webkit-animation-name: transformScale;
    animation-name: transformScale;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: center;
    transform-origin: center
}

.section-hero .text-wrap h1 {
    font-size: 4.7059em;
    line-height: 1.1em;
    color: #070346;
    letter-spacing: -.02em
}

.section-hero .text-wrap h1 .text-gradient {
    background: linear-gradient(120deg, #FC8A3D 0%, #EB314D 50%, #C31480 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.section-hero .text-wrap h1 img {
    vertical-align: middle;
    width: .286em;
    margin: 0 .1em
}

.section-hero .text-wrap h6 {
    color: #070346;
    margin-top: 26px;
    margin-bottom: 0;
    font-size: 1.2352em;
    font-weight: 400;
    letter-spacing: -.01em
}

@media screen and (max-width:568px) and (max-height:320px) {
    .section-hero .text-wrap h6 {
        margin-top: .5em
    }
}

@media screen and (max-width:374px) {
    .section-hero .text-wrap h6 {
        font-size: 1em;
        margin-top: .8em
    }
}

.section-hero .masonry_images {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    top: 0;
    z-index: 2;
    max-width: 1920px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.section-hero .masonry_images .col_wrap {
    position: relative;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
}

.body_ready .section-hero .masonry_images .col_wrap {
    -webkit-animation-name: slideToTop;
    animation-name: slideToTop;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: center;
    transform-origin: center
}

.section-hero .masonry_images .col_wrap:nth-child(1) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.section-hero .masonry_images .col_wrap:nth-child(2) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.section-hero .masonry_images .col_wrap:nth-child(3) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.section-hero .masonry_images .col_wrap:nth-child(4) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.section-hero .masonry_images .col_wrap:nth-child(1) {
    max-width: 13%;
    z-index: 50
}

.section-hero .masonry_images .col_wrap:nth-child(1) .updates .badge {
    position: absolute;
    top: -51%;
    left: 20%;
    width: 10vw;
    max-width: 192px;
    z-index: 1
}

.section-hero .masonry_images .col_wrap:nth-child(1) .updates .path {
    position: absolute;
    top: -24%;
    left: 3%;
    width: 4.3vw;
    max-width: 84px;
    z-index: 0
}

.section-hero .masonry_images .col_wrap:nth-child(1) .blog-creative {
    width: 20vw;
    max-width: 385px;
    margin-left: -62%;
    margin-bottom: 19%;
    border-radius: 16px;
    -webkit-box-shadow: 0 0 0 10px #fff, 0 0 30px 9px rgba(0, 0, 0, .06);
    box-shadow: 0 0 0 10px #fff, 0 0 30px 9px rgba(0, 0, 0, .06)
}

.section-hero .masonry_images .col_wrap:nth-child(2) {
    max-width: 11.45%
}

.section-hero .masonry_images .col_wrap:nth-child(2) .gif-elementor {
    width: 11.45vw !important;
    height: auto !important;
    max-width: 220px;
    margin-left: -16%;
    margin-bottom: 6px
}

.section-hero .masonry_images .col_wrap:nth-child(3) {
    max-width: 37.6%
}

.section-hero .masonry_images .col_wrap:nth-child(3) .demos .badge {
    position: absolute;
    top: -45%;
    left: -34%;
    width: 5.2vw;
    max-width: 100px
}

.section-hero .masonry_images .col_wrap:nth-child(3) .demos .path {
    position: absolute;
    top: -29%;
    left: -16%;
    width: 8.5vw;
    max-width: 165px;
    opacity: .5
}

.section-hero .masonry_images .col_wrap:nth-child(3) .photostudio {
    width: 36.5vw;
    margin-bottom: 10px;
    margin-right: -8px;
    max-width: 722px;
    border-radius: 16px;
    -webkit-box-shadow: 0 0 0 10px #fff, 0 0 30px 9px rgba(0, 0, 0, .06);
    box-shadow: 0 0 0 10px #fff, 0 0 30px 9px rgba(0, 0, 0, .06)
}

.section-hero .masonry_images .col_wrap:nth-child(3) .chat .badge {
    position: absolute;
    top: -47%;
    right: -54%;
    width: 10.6vw;
    max-width: 204px
}

.section-hero .masonry_images .col_wrap:nth-child(3) .chat .path {
    position: absolute;
    top: -32%;
    right: -20%;
    width: 8.17vw;
    max-width: 157px;
    opacity: .5
}

.section-hero .masonry_images .col_wrap:nth-child(4) {
    max-width: 28.5%;
    width: 28.5%
}

.section-hero .masonry_images .col_wrap:nth-child(4) .chat .badge {
    width: 10.6vw;
    max-width: 204px
}

.section-hero .masonry_images .col_wrap:nth-child(4) .chat .path {
    width: 8.17vw;
    max-width: 157px;
    opacity: .5
}

.section-hero .masonry_images .col_wrap:nth-child(4) .xd img {
    position: absolute;
    top: -124%;
    left: 1%;
    width: 5.2vw;
    max-width: 100px
}

.section-hero .masonry_images .col_wrap:nth-child(4) .single-product {
    position: relative;
    width: 15.2vw;
    max-width: 306px;
    margin-left: 5%;
    margin-bottom: 10px;
    z-index: 1;
    border-radius: 16px;
    -webkit-box-shadow: 0 0 0 10px #fff, 0 0 30px 9px rgba(0, 0, 0, .06);
    box-shadow: 0 0 0 10px #fff, 0 0 30px 9px rgba(0, 0, 0, .06)
}

.section-hero .masonry_images .col_wrap:nth-child(4) .shop-page {
    width: 26.77vw;
    max-width: 514px;
    border-radius: 16px;
    -webkit-box-shadow: 0 0 0 10px #fff, 0 0 30px 9px rgba(0, 0, 0, .06);
    box-shadow: 0 0 0 10px #fff, 0 0 30px 9px rgba(0, 0, 0, .06);
    position: absolute;
    bottom: 43%;
    right: -23%
}

@keyframes opacityElem {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.section-hero .dec-elements {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 1920px;
    margin: 0 auto;
    z-index: 1;
    opacity: 0
}

.body_ready .section-hero .dec-elements {
    -webkit-animation-name: opacityElem;
    animation-name: opacityElem;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: center;
    transform-origin: center
}

.section-hero .dec-elements .fly-img {
    position: absolute
}

.section-hero .dec-elements .fly-img--wave {
    top: 46% !important;
    left: 86% !important;
    width: 5.1vw;
    max-width: 99px
}

.section-hero .dec-elements .fly-img--triangle {
    top: 31.5% !important;
    left: 4% !important;
    width: 4.8vw;
    max-width: 93px
}

.section-hero .dec-elements .fly-img--rhombus {
    top: 15% !important;
    left: 80% !important;
    width: 5.2vw;
    max-width: 100px
}

.section-hero .dec-elements .fly-img--zero {
    top: 11% !important;
    left: 16% !important;
    width: 4vw;
    max-width: 79px
}

@-webkit-keyframes scrollText {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes scrollText {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.section-hero .marquee-block {
    position: absolute;
    bottom: 23%;
    left: 0;
    z-index: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.body_ready .section-hero .marquee-block {
    -webkit-animation-name: transformScale;
    animation-name: transformScale;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: center;
    transform-origin: center
}

.section-hero .marquee-block .marquee-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    -webkit-animation: scrollText 25s linear infinite;
    animation: scrollText 25s linear infinite
}

.section-hero .marquee-block .marquee-text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 18.5vw;
    font-weight: 700;
    line-height: 1em;
    color: rgba(255, 255, 255, .3);
    white-space: nowrap;
    pointer-events: none;
    -webkit-font-feature-settings: 'pnum' on, 'lnum' on;
    font-feature-settings: 'pnum' on, 'lnum' on
}

@media(max-width:1640px) {
    .section-hero .text-wrap {
        padding: 150px 15px
    }
    .section-hero .text-wrap h1 {
        font-size: 4.2em
    }
}

@media(max-width:1439px) {
    .section-hero .text-wrap {
        padding: 150px 15px
    }
    .section-hero .text-wrap h1 {
        font-size: 4em;
        line-height: 1.1em
    }
    .section-hero .masonry_images .col_wrap:nth-child(1) .blog-creative {
        border-radius: 11px
    }
    .section-hero .masonry_images .col_wrap:nth-child(3) .photostudio {
        border-radius: 11px
    }
    .section-hero .masonry_images .col_wrap:nth-child(4) .single-product,
    .section-hero .masonry_images .col_wrap:nth-child(4) .shop-page {
        border-radius: 11px
    }
}

@media(max-width:1365px) {
    .section-hero .text-wrap {
        padding: 150px 15px
    }
    .section-hero .text-wrap h1 {
        font-size: 3.8em;
        line-height: 1.1em
    }
    .section-hero .text-wrap h6 {
        font-size: 1.15em
    }
}

@media(max-width:1279px) {
    .section-hero .text-wrap {
        padding: 110px 15px
    }
    .section-hero .text-wrap h1 {
        font-size: 3.5em;
        line-height: 1.1em
    }
    .section-hero .text-wrap h6 {
        margin-top: 20px;
        font-size: 1em;
        font-weight: 400;
        letter-spacing: -.01em
    }
}

@media(max-width:1023px) {
    .section-hero .text-wrap h1 {
        font-size: 3em;
        line-height: 1.1em
    }
    .section-hero .masonry_images .col_wrap:nth-child(1),
    .section-hero .masonry_images .col_wrap:nth-child(2),
    .section-hero .masonry_images .col_wrap:nth-child(3) {
        display: none
    }
    .section-hero .masonry_images .col_wrap:nth-child(4) {
        max-width: 65%;
        width: 65%;
        margin: 0 auto
    }
    .section-hero .masonry_images .col_wrap:nth-child(4) .xd {
        display: none
    }
    .section-hero .masonry_images .col_wrap:nth-child(4) .single-product {
        width: 33vw;
        max-width: none;
        margin-left: 0
    }
    .section-hero .masonry_images .col_wrap:nth-child(4) .shop-page {
        width: 43vw;
        max-width: none;
        bottom: 31%;
        right: 0
    }
    .section-hero .dec-elements .fly-img--wave {
        top: 36% !important;
        left: 86% !important;
        width: 7vw;
        max-width: 66px
    }
    .section-hero .dec-elements .fly-img--triangle {
        top: 44.5% !important;
        left: 9% !important;
        width: 6vw;
        max-width: 62px
    }
    .section-hero .dec-elements .fly-img--rhombus {
        top: 14% !important;
        left: 82% !important;
        width: 7vw;
        max-width: 70px
    }
    .section-hero .dec-elements .fly-img--zero {
        top: 9% !important;
        left: 14% !important;
        width: 5vw;
        max-width: 50px
    }
    .section-hero .marquee-block {
        bottom: 37%
    }
}

@media(max-width:767px) {
    .section-hero {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .section-hero .text-wrap {
        margin: auto;
        padding: 60px 15px
    }
    .section-hero .text-wrap h1 {
        font-size: 2.2em;
        line-height: 1.1em
    }
    .section-hero .masonry_images {
        display: none
    }
    .section-hero .marquee-block {
        display: none
    }
    .section-hero .dec-elements {
        display: none
    }
}

@media(max-width:479px) {
    .section-hero .text-wrap h1 .text-gradient {
        display: block
    }
}

.demo-bar {
    position: fixed;
    z-index: 9999;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.demo-bar.disabled {
    display: none
}

.demo-bar--bottom-type {
    bottom: 0;
    width: 100%;
    padding: 16px 0 20px;
    background-color: #090101;
    -webkit-animation-name: bottomInDemoBar;
    animation-name: bottomInDemoBar;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

@media(max-width:1024px) {
    .demo-bar--bottom-type {
        padding: 15px 0
    }
}

@media(max-width:767px) {
    .demo-bar--bottom-type {
        display: none;
        padding: 10px 0
    }
}

.demo-bar--bottom-type .demo-bar__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px 67px
}

@media(max-width:1024px) {
    .demo-bar--bottom-type .demo-bar__list {
        gap: 10px 50px
    }
}

@media(max-width:767px) {
    .demo-bar--bottom-type .demo-bar__list {
        gap: 10px 30px
    }
}

.demo-bar--bottom-type .demo-bar__list .demo-bar__item .demo-bar__link {
    position: relative;
    font-family: sofia-pro, sans-serif;
    font-size: .824em;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff
}

.demo-bar--bottom-type .demo-bar__list .demo-bar__item .demo-bar__link::before {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    font-family: fontello;
    font-size: 16px
}

.demo-bar--bottom-type .demo-bar__list .demo-bar__item .demo-bar__link--demos::before {
    content: '\e81f'
}

.demo-bar--bottom-type .demo-bar__list .demo-bar__item .demo-bar__link--features::before {
    content: '\e820'
}

.demo-bar--bottom-type .demo-bar__list .demo-bar__item .demo-bar__link--pages::before {
    content: '\e821'
}

.demo-bar--bottom-type .demo-bar__list .demo-bar__item .demo-bar__link--faqdocs::before {
    content: '\e822';
    font-size: 18px
}

.demo-bar--side-type {
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 34px 15px;
    border-radius: 50px;
    background-color: #fff;
    color: #000;
    -webkit-animation-name: sideInDemoBar;
    animation-name: sideInDemoBar;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.demo-bar--side-type.section.demo-bar {
    overflow: visible
}

.demo-bar--side-type .demo-bar__list .demo-bar__item {
    text-align: center;
    line-height: 1em
}

.demo-bar--side-type .demo-bar__list .demo-bar__item:not(:first-child) {
    margin-top: 2.3em
}

.demo-bar--side-type .demo-bar__list .demo-bar__item .demo-bar__link {
    position: relative
}

.demo-bar--side-type .demo-bar__list .demo-bar__item .demo-bar__link .icon {
    line-height: 1em;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.demo-bar--side-type .demo-bar__list .demo-bar__item .demo-bar__link .icon::before {
    font-size: 1em;
    line-height: 1em
}

.demo-bar--side-type .demo-bar__list .demo-bar__item .demo-bar__link .tooltip {
    display: none;
    position: absolute;
    top: 50%;
    right: 45px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    padding: 5px 10px 7px;
    color: #000;
    background-color: #fff;
    border-radius: 8px;
    white-space: nowrap;
    font-family: sofia-pro, sans-serif;
    font-size: .8236em;
    line-height: 1.3571em;
    font-weight: 600;
    letter-spacing: -.01em;
    z-index: 2;
    pointer-events: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0
}

.demo-bar--side-type .demo-bar__list .demo-bar__item .demo-bar__link .tooltip::before {
    content: "";
    position: absolute;
    top: calc(50% - 1.5px);
    right: 0;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    background-color: #fff;
    z-index: -1
}

.demo-bar--side-type .demo-bar__list .demo-bar__item .demo-bar__link:hover .icon {
    color: #3f32e5
}

.demo-bar--side-type .demo-bar__list .demo-bar__item .demo-bar__link:hover .tooltip {
    opacity: 1
}

.awesome-features {
    position: relative;
    padding: 150px 30px 0;
    overflow: visible
}

.awesome-features .awesome-features__bg {
    max-width: 1740px;
    margin: 0 auto;
    border-radius: 16px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 30px rgba(15, 12, 42, .07);
    box-shadow: 0 3px 30px rgba(15, 12, 42, .07)
}

.awesome-features .awesome-features__wrapper {
    padding: 81px 30px 96px;
    border-radius: 16px;
    text-align: center;
    background-image: url(../img/awesome-features/bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.awesome-features .shopping-cart {
    margin-bottom: 30px
}

.awesome-features .awesome-features__header .subtitle {
    margin-bottom: 8px;
    font-family: sofia-pro, sans-serif;
    font-size: 1em;
    font-weight: 600;
    line-height: 1.294em;
    letter-spacing: -.02em;
    color: #070346
}

.awesome-features .awesome-features__header h2 {
    margin-bottom: 43px;
    font-family: sofia-pro, sans-serif;
    font-size: 3.52em;
    font-weight: 700;
    line-height: 1.1em;
    letter-spacing: -.04em;
    color: #070346
}

.awesome-features .awesome-features__header h2 .gradient-text {
    background: linear-gradient(240deg, #FA7F3F 0%, #E92F4F 50%, #CB1A77 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.awesome-features .awesome-features__list {
    display: grid;
    max-width: 1350px;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
    margin: 0 auto 41px
}

.awesome-features .awesome-features__list .awesome-features__item {
    overflow: hidden;
    border-radius: 16px
}

.awesome-features .awesome-features__list .awesome-features__item:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.awesome-features .awesome-features__list .awesome-features__item:nth-child(3) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.awesome-features .awesome-features__list .awesome-features__item:nth-child(4) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.awesome-features .awesome-features__list .awesome-features__item:nth-child(5) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.awesome-features .awesome-features__list .awesome-features__item video {
    width: 100%;
    border-radius: 16px;
    display: block
}

.awesome-features .description {
    max-width: 380px;
    margin: 0 auto;
    font-size: .9412em;
    color: #626672
}

.awesome-features .description span {
    color: #191919
}

.awesome-features .description a.btn {
    margin-top: 34px;
    padding: 17px 38px 18px;
    line-height: 1.2em;
    border-radius: 50px
}

@media(max-width:1439px) {
    .awesome-features .awesome-features__header h2 {
        font-size: 3.5em
    }
    .awesome-features .awesome-features__list {
        gap: 20px;
        margin-bottom: 30px
    }
}

@media(max-width:1279px) {
    .awesome-features {
        padding-top: 120px
    }
    .awesome-features .awesome-features__wrapper {
        padding: 60px 30px
    }
    .awesome-features .shopping-cart img {
        max-width: 100px
    }
    .awesome-features .awesome-features__header h2 {
        font-size: 3em
    }
    .awesome-features .awesome-features__list {
        grid-template-columns: repeat(6, 1fr);
        gap: 30px
    }
    .awesome-features .description a.btn {
        margin-top: 25px
    }
}

@media(min-width:768px) and (max-width:1279px) {
    .awesome-features .awesome-features__list {
        grid-template-columns: repeat(6, 1fr)
    }
    .awesome-features .awesome-features__list .awesome-features__item:nth-child(1) {
        grid-column-start: 1;
        grid-column-end: 3
    }
    .awesome-features .awesome-features__list .awesome-features__item:nth-child(2) {
        grid-column-start: 3;
        grid-column-end: 5
    }
    .awesome-features .awesome-features__list .awesome-features__item:nth-child(3) {
        grid-column-start: 5;
        grid-column-end: 7
    }
    .awesome-features .awesome-features__list .awesome-features__item:nth-child(4) {
        grid-column-start: 2;
        grid-column-end: 4
    }
    .awesome-features .awesome-features__list .awesome-features__item:nth-child(5) {
        grid-column-start: 4;
        grid-column-end: 6
    }
}

@media(max-width:1023px) {
    .awesome-features .awesome-features__wrapper {
        padding: 60px 20px
    }
    .awesome-features .awesome-features__list {
        gap: 20px
    }
}

@media(min-width:480px) and (max-width:767px) {
    .awesome-features .awesome-features__list {
        grid-template-columns: repeat(4, 1fr)
    }
    .awesome-features .awesome-features__list .awesome-features__item:nth-child(1) {
        grid-column-start: 1;
        grid-column-end: 3
    }
    .awesome-features .awesome-features__list .awesome-features__item:nth-child(2) {
        grid-column-start: 3;
        grid-column-end: 5
    }
    .awesome-features .awesome-features__list .awesome-features__item:nth-child(3) {
        grid-column-start: 1;
        grid-column-end: 3
    }
    .awesome-features .awesome-features__list .awesome-features__item:nth-child(4) {
        grid-column-start: 3;
        grid-column-end: 5
    }
    .awesome-features .awesome-features__list .awesome-features__item:nth-child(5) {
        grid-column-start: 2;
        grid-column-end: 4
    }
}

@media(max-width:767px) {
    .awesome-features {
        padding: 80px 20px 0
    }
    .awesome-features .awesome-features__header h2 {
        font-size: 2.5em
    }
    .awesome-features .description a.btn {
        margin-top: 20px
    }
    .awesome-features .awesome-features__list .awesome-features__item {
        border-radius: 12px
    }
    .awesome-features .awesome-features__list .awesome-features__item video {
        border-radius: 12px
    }
}

@media(max-width:479px) {
    .awesome-features {
        padding: 100px 15px 0
    }
    .awesome-features .awesome-features__header h2 {
        font-size: 2em
    }
    .awesome-features .awesome-features__wrapper {
        padding: 60px 15px
    }
    .awesome-features .awesome-features__list {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px
    }
}

.qwery-stand-out {
    padding-top: 7.4em
}

@media(max-width:1024px) {
    .qwery-stand-out {
        padding-top: 7em
    }
}

@media(max-width:767px) {
    .qwery-stand-out {
        padding-top: 80px
    }
}

@media(max-width:480px) {
    .qwery-stand-out {
        padding-top: 5em
    }
}

@media(max-width:479px) {
    .qwery-stand-out .container {
        padding-left: 15px;
        padding-right: 15px
    }
}

.qwery-stand-out .qwery-stand-out__header {
    text-align: center
}

.qwery-stand-out .qwery-stand-out__header>* {
    margin: 0
}

.qwery-stand-out .qwery-stand-out__header .title {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 3.529em;
    line-height: 1.35;
    letter-spacing: -3px;
    background: linear-gradient(-120deg, #FC8A3D 0%, #EB314D 50%, #C31480 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media screen and (max-width:1679px) {
    .qwery-stand-out .qwery-stand-out__header .title {
        font-size: 3.15em
    }
}

@media(max-width:1279px) {
    .qwery-stand-out .qwery-stand-out__header .title {
        letter-spacing: -2px
    }
}

@media screen and (max-width:1024px) {
    .qwery-stand-out .qwery-stand-out__header .title {
        font-size: 2.7em
    }
}

@media screen and (max-width:767px) {
    .qwery-stand-out .qwery-stand-out__header .title {
        font-size: 2.27em;
        line-height: 1.1em
    }
}

@media screen and (max-width:374px) {
    .qwery-stand-out .qwery-stand-out__header .title {
        font-size: 2em
    }
}

.qwery-stand-out .qwery-stand-out__header .description {
    font-family: sofia-pro, sans-serif;
    font-size: 1.23em;
    line-height: 1.333em;
    letter-spacing: -.04em;
    color: #070346
}

@media(max-width:1279px) {
    .qwery-stand-out .qwery-stand-out__header .description {
        font-size: 1em;
        letter-spacing: -.025em
    }
}

.qwery-stand-out .qwery-stand-out__content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 57px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media(max-width:1023px) {
    .qwery-stand-out .qwery-stand-out__content {
        grid-template-columns: repeat(2, calc(50% - 15px));
        gap: 20px
    }
}

@media(max-width:479px) {
    .qwery-stand-out .qwery-stand-out__content {
        grid-template-columns: repeat(1, 1fr)
    }
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card {
    position: relative;
    text-align: center;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card .img_wrap {
    position: relative;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card .img_wrap>* {
    margin: auto;
    height: auto !important
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card .img_wrap .gif {
    margin: 0 auto
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card .content_wrap {
    padding: 16px 10px 52px
}

@media(max-width:767px) {
    .qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card .content_wrap {
        padding: 20px
    }
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card .content_wrap .card_title {
    margin: 0;
    font-weight: 600;
    font-size: 1.529em;
    line-height: 1.307em;
    letter-spacing: -.03em
}

@media(max-width:1279px) {
    .qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card .content_wrap .card_title {
        font-size: 1.2em
    }
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card .content_wrap .card_title+p {
    margin-top: 14px
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card .content_wrap p {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.02em
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--first {
    background-image: linear-gradient(150deg, #E2F2DF 0%, #D9EAD7 100%)
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--first .img_wrap {
    margin-top: -10px;
    margin-bottom: -56px
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--first .content_wrap .card_title {
    color: #0d1f0b
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--first .content_wrap .second_line {
    color: #6f7c6f
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--first .content_wrap p {
    color: #000
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--second {
    background-color: #fff
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--second .img_wrap .img {
    margin-top: 52px;
    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
}

@media(max-width:1024px) {
    .qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--second .img_wrap .img {
        margin-top: 20px;
        padding: 0 20px
    }
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--second .img_wrap .img .slider_controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--second .img_wrap .img .slider_controls .count {
    margin: 13px 0;
    font-family: sofia-pro, sans-serif;
    font-size: 16px;
    line-height: 1.3125em;
    font-weight: 200
}

@media(max-width:480px) {
    .qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--second .img_wrap .img .slider_controls .count {
        margin: 5px 0
    }
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--second .img_wrap .img .slider_controls .arrow-top {
    -webkit-animation: directionTop 2s infinite linear;
    animation: directionTop 2s infinite linear
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--second .img_wrap .img .slider_controls .arrow-bottom {
    -webkit-animation: directionBottom 2s infinite linear;
    animation: directionBottom 2s infinite linear
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--second .img_wrap .laptop_wrapper {
    position: relative;
    z-index: 1
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--second .img_wrap .screens {
    width: 78%;
    height: 88%;
    overflow: hidden;
    position: absolute;
    top: 2px;
    left: 12%;
    z-index: -1
}

@media(max-width:480px) {
    .qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--second .img_wrap .screens {
        top: 0
    }
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--second .img_wrap .screens img {
    position: relative;
    bottom: 0;
    width: 100%;
    height: auto;
    -webkit-animation: scroll_screen 5s infinite ease;
    animation: scroll_screen 5s infinite ease
}

@media(max-width:479px) {
    .qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--second .img_wrap {
        padding: 20px
    }
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--second .content_wrap .card_title {
    color: #0a2041
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--second .content_wrap .second_line {
    color: #6c798d
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--second .content_wrap p {
    color: #6c798d
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--third {
    background-image: linear-gradient(120deg, #122239 0%, #122239 100%)
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--third .img_wrap {
    position: relative
}

@media(max-width:479px) {
    .qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--third .img_wrap {
        padding: 20px
    }
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--third .img_wrap .img_content {
    position: relative
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--third .img_wrap .gif {
    position: absolute;
    top: 39px;
    left: calc(50% + 23px)
}

@media(max-width:767px) {
    .qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--third .img_wrap .gif {
        top: -8px;
        left: calc(50% + 15px)
    }
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--third .img_wrap .days {
    position: relative;
    margin-top: 24px;
    font-family: sofia-pro, sans-serif;
    font-size: 10.23em;
    font-weight: 700;
    line-height: 1em;
    letter-spacing: -.01em;
    background: linear-gradient(-140deg, #AFC7FF -75%, #336FE8 50%, #881BFF 110%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media(max-width:767px) {
    .qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--third .img_wrap .days {
        margin-top: 0;
        margin-bottom: -20px;
        font-size: 6.5em
    }
    .qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--third .img_wrap .days img {
        max-width: 85%
    }
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--third .content_wrap .card_title {
    position: relative;
    color: #fff
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--third .content_wrap .second_line {
    color: rgba(249, 249, 251, .63)
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--third .content_wrap p {
    color: rgba(255, 255, 255, .61)
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fourth .content_wrap,
.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fifth .content_wrap,
.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--sixth .content_wrap {
    padding: 7px 10px 53px
}

@media(max-width:767px) {
    .qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fourth .content_wrap,
    .qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fifth .content_wrap,
    .qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--sixth .content_wrap {
        padding: 20px 10px
    }
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fourth {
    position: relative
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fourth .card_content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    z-index: 1;
    border-radius: 16px;
    overflow: hidden;
    background-image: linear-gradient(195deg, #344BD8 0%, #6834F4 33%, #6834F4 33%, #EB314D 66%, #EB314D 66%, #FC8A3D 100%);
    background-size: 300% 300%;
    background-position: top right
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fourth .card_content._active {
    -webkit-animation: slideBG 15s infinite linear;
    animation: slideBG 15s infinite linear
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fourth .card_content .img_wrap {
    z-index: 3
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fourth .card_content .img_wrap .new-demo {
    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;
    width: 100%;
    font-family: sofia-pro, sans-serif;
    color: #fff
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fourth .card_content .img_wrap .plus {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-top: 50px;
    margin-left: -15px;
    margin-right: 3px;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: 2s plusSignAnimate ease infinite;
    animation: 2s plusSignAnimate ease infinite
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fourth .card_content .img_wrap .plus::before,
.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fourth .card_content .img_wrap .plus::after {
    content: "";
    display: block;
    position: absolute;
    width: 40px;
    height: 10px;
    top: calc(50% - 5px);
    left: 0;
    background-color: #fff
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fourth .card_content .img_wrap .plus::after {
    width: 10px;
    height: 40px;
    left: calc(50% - 5px);
    top: 0
}

@media(max-width:767px) {
    .qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fourth .card_content .img_wrap .plus {
        margin-top: 40px;
        width: 30px;
        height: 30px
    }
    .qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fourth .card_content .img_wrap .plus::before {
        height: 8px;
        width: 30px;
        top: calc(50% - 4px)
    }
    .qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fourth .card_content .img_wrap .plus::after {
        width: 8px;
        height: 30px;
        left: calc(50% - 4px)
    }
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fourth .card_content .img_wrap .number {
    position: relative;
    font-size: 170px;
    font-weight: 700;
    line-height: 170px;
    letter-spacing: -.01em;
    text-align: center;
    vertical-align: middle
}

@media(max-width:767px) {
    .qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fourth .card_content .img_wrap .number {
        font-size: 128px;
        line-height: 110px
    }
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fourth .card_content .content_wrap {
    z-index: 1
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fourth .card_content .content_wrap .card_title {
    color: #fff
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fourth .card_content .content_wrap .second_line {
    color: #fff
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fourth .card_content .content_wrap p {
    color: rgba(255, 255, 255, .69)
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fifth {
    background-color: #d6e5f0
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fifth .img_wrap {
    padding-top: 45px
}

@media(max-width:767px) {
    .qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fifth .img_wrap {
        padding-top: 26px
    }
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fifth .content_wrap .card_title {
    color: #0a2041
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fifth .content_wrap .second_line {
    color: rgba(10, 32, 65, .6)
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--fifth .content_wrap p {
    color: #5f7484
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--sixth {
    background-color: #fff
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--sixth .img_wrap lottie-player {
    max-width: 175px;
    -webkit-transform: translate(-4px, 9px);
    transform: translate(-4px, 9px)
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--sixth .content_wrap .card_title {
    color: #0a2041
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--sixth .content_wrap .second_line {
    color: rgba(10, 32, 65, .6)
}

.qwery-stand-out .qwery-stand-out__content .qwery-stand-out__card--sixth .content_wrap p {
    color: #6c798d
}

.customer-testimonials {
    padding-top: 150px
}

.customer-testimonials .customer-testimonials__header {
    position: relative;
    z-index: 1;
    text-align: center
}

.customer-testimonials .customer-testimonials__header h2 {
    font-size: 4.0588em;
    line-height: 1em;
    background: linear-gradient(240deg, #003BFF 0%, #9300FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.customer-testimonials .customer-testimonials__header .description {
    max-width: 530px;
    margin: 0 auto;
    font-size: 1.0588em;
    line-height: 1.61em;
    color: #626672
}

.customer-testimonials .customer-testimonials__header .avatars img {
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%
}

.customer-testimonials .customer-testimonials__header .avatars img+img {
    margin-left: -9px
}

.customer-testimonials .customer-testimonials__header .counter_reviews {
    font-size: 1.0588em;
    line-height: 1.61em;
    font-weight: 500;
    color: #161718
}

.customer-testimonials .customer-testimonials__header .counter_reviews .mark {
    color: #626672
}

.customer-testimonials .customer-testimonials__header h2+.description {
    margin-top: 30px
}

.customer-testimonials .customer-testimonials__header .description+.avatars {
    margin-top: 23px
}

.customer-testimonials .customer-testimonials__header .avatars+.counter_reviews {
    margin-top: 20px
}

@-webkit-keyframes scrollTesti {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@keyframes scrollTesti {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.customer-testimonials .testimonials {
    --gap: 30px;
    overflow: hidden;
    position: relative;
    max-height: 100%;
    height: 900px;
    z-index: 0;
    margin-top: 30px
}

.customer-testimonials .testimonials .testimonials__wrapper {
    max-width: 1410px;
    padding-left: var(--gap);
    padding-right: var(--gap);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--gap)
}

.customer-testimonials .testimonials .testimonials__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.customer-testimonials .testimonials .testimonials__column .testimonials__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-animation: scrollTesti 60s linear infinite;
    animation: scrollTesti 60s linear infinite
}

.customer-testimonials .testimonials .testimonials__column .testimonials__list:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.customer-testimonials .testimonials .testimonials__column:nth-child(1) .testimonials__list {
    -webkit-animation-duration: 90s;
    animation-duration: 90s
}

.customer-testimonials .testimonials .testimonials__column:nth-child(2) .testimonials__list {
    -webkit-animation-duration: 95s;
    animation-duration: 95s
}

.customer-testimonials .testimonials .testimonials__column:nth-child(3) .testimonials__list {
    -webkit-animation-duration: 90s;
    animation-duration: 90s
}

.customer-testimonials .testimonials .testimonials__column:nth-child(4) .testimonials__list {
    -webkit-animation-duration: 95s;
    animation-duration: 95s
}

.customer-testimonials .testimonials::before,
.customer-testimonials .testimonials::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 190px;
    z-index: 1;
    pointer-events: none
}

.customer-testimonials .testimonials::before {
    top: -5%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F4F4FA), color-stop(20%, #F4F4FA), to(rgba(244, 244, 250, 0)));
    background-image: linear-gradient(180deg, #F4F4FA 0%, #F4F4FA 20%, rgba(244, 244, 250, 0) 100%)
}

.customer-testimonials .testimonials::after {
    bottom: -5%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#F4F4FA), color-stop(20%, #F4F4FA), to(rgba(244, 244, 250, 0)));
    background-image: linear-gradient(0deg, #F4F4FA 0%, #F4F4FA 20%, rgba(244, 244, 250, 0) 100%)
}

.customer-testimonials .testimonials .testimonials__item {
    margin-bottom: var(--gap);
    padding: 45px 25px;
    background-color: #fff;
    border-radius: 16px;
    border: 1px solid #e7e7ef;
    -webkit-box-shadow: 0 3px 46px rgba(0, 0, 0, .07);
    box-shadow: 0 3px 46px rgba(0, 0, 0, .07);
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;
    color: #626672
}

.customer-testimonials .testimonials .testimonials__item .market-icon svg {
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    fill: #d9d9eb
}

.customer-testimonials .testimonials .testimonials__item .stars {
    margin-top: 13px
}

.customer-testimonials .testimonials .testimonials__item .stars img {
    display: block;
    width: 83px;
    height: 14px
}

.customer-testimonials .testimonials .testimonials__item .review-for {
    margin-top: 8px;
    font-size: 1em;
    line-height: 1.706em;
    font-weight: 300
}

.customer-testimonials .testimonials .testimonials__item .review-for span {
    color: #161718;
    font-weight: 600
}

.customer-testimonials .testimonials .testimonials__item .review {
    margin-top: 10px
}

.customer-testimonials .testimonials .testimonials__item .review p {
    font-size: .9412em;
    line-height: 1.625em;
    font-weight: 400;
    color: #606469
}

.customer-testimonials .testimonials .testimonials__item .review p+p,
.customer-testimonials .testimonials .testimonials__item .review p+ul,
.customer-testimonials .testimonials .testimonials__item .review ul+p {
    margin-top: 10px
}

.customer-testimonials .testimonials .testimonials__item .review ul>li {
    position: relative;
    padding-left: 10px;
    font-family: dm sans, sans-serif;
    font-size: .9412em;
    line-height: 1.625em;
    font-weight: 400;
    color: #606469
}

.customer-testimonials .testimonials .testimonials__item .review ul>li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50px;
    background-color: #606469
}

.customer-testimonials .testimonials .testimonials__item .review-from {
    margin-top: 11px;
    font-size: .9412em;
    line-height: 1.625em;
    font-weight: 300
}

.customer-testimonials .testimonials .testimonials__item .review-from span {
    color: #161718;
    font-weight: 600
}

.customer-testimonials .testimonials .testimonials__item:hover .market-icon svg {
    fill: #82b541
}

.customer-testimonials .btn-wrapper {
    text-align: center
}

.customer-testimonials .btn-wrapper a.btn {
    padding: 13px 39px 15px;
    margin-top: 50px;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 600;
    border-radius: 50px;
    background-size: 200%;
    background-position: right bottom;
    background-image: linear-gradient(120deg, #FD2525 0%, #F76223 50%, #F76223 50%, #FD2525 100%)
}

.customer-testimonials .btn-wrapper a.btn:hover {
    background-position: left top
}

@media(max-width:1439px) {
    .customer-testimonials {
        padding-top: 120px
    }
    .customer-testimonials .customer-testimonials__header h2 {
        font-size: 3.4em
    }
}

@media(max-width:1279px) {
    .customer-testimonials {
        padding-top: 100px
    }
    .customer-testimonials .customer-testimonials__header h2 {
        font-size: 3.2em
    }
    .customer-testimonials .testimonials .testimonials__item {
        padding: 35px 25px
    }
}

@media(max-width:1023px) {
    .customer-testimonials {
        padding-top: 80px
    }
    .customer-testimonials .customer-testimonials__header h2 {
        font-size: 3em
    }
    .customer-testimonials .testimonials .testimonials__wrapper {
        grid-template-columns: repeat(2, 1fr)
    }
    .customer-testimonials .testimonials .testimonials__column:nth-child(3),
    .customer-testimonials .testimonials .testimonials__column:nth-child(4) {
        display: none
    }
}

@media(max-width:767px) {
    .customer-testimonials {
        padding-top: 60px
    }
    .customer-testimonials .customer-testimonials__header h2 {
        font-size: 2.4em
    }
    .customer-testimonials .customer-testimonials__header .description {
        font-size: 16px;
        line-height: 1.5em
    }
    .customer-testimonials .customer-testimonials__header h2+.description {
        margin-top: 20px
    }
    .customer-testimonials .testimonials {
        --gap: 20px
    }
    .customer-testimonials .testimonials .testimonials__wrapper {
        grid-template-columns: repeat(1, 1fr)
    }
    .customer-testimonials .testimonials .testimonials__column:nth-child(2) {
        display: none
    }
}

@media(max-width:479px) {
    .customer-testimonials .testimonials {
        --gap: 15px
    }
}

.multipuporse-theme {
    padding-top: 9em
}

.multipuporse-theme .container {
    max-width: 1170px;
    padding-left: 30px;
    padding-right: 30px
}

@media(max-width:1024px) {
    .multipuporse-theme .container {
        max-width: 960px
    }
}

.multipuporse-theme .multipuporse-theme__header {
    text-align: center;
    margin-bottom: 50px
}

.multipuporse-theme .multipuporse-theme__header .title {
    margin-bottom: 16px;
    font-size: 3.3529em;
    line-height: 1.1em;
    letter-spacing: -.04em
}

.multipuporse-theme .multipuporse-theme__header .description {
    font-family: sofia-pro, sans-serif;
    font-size: 1.235em;
    font-weight: 400;
    color: #070346;
    letter-spacing: -.04em
}

@media(max-width:1279px) {
    .multipuporse-theme .multipuporse-theme__header .description {
        font-size: 1em
    }
}

.multipuporse-theme .multipuporse-theme__header span {
    color: #f85923
}

@media(max-width:767px) {
    .multipuporse-theme .multipuporse-theme__header {
        margin-bottom: 20px
    }
}

@media(max-width:479px) {
    .multipuporse-theme .multipuporse-theme__header br {
        display: none
    }
}

.multipuporse-theme .multipuporse-theme__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.multipuporse-theme .multipuporse-theme__content img {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    border-radius: 9px;
    -webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, .06);
    box-shadow: 0 3px 30px rgba(0, 0, 0, .06)
}

@media(max-width:767px) {
    .multipuporse-theme .multipuporse-theme__content img {
        border-radius: 4px
    }
}

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

.multipuporse-theme .multipuporse-theme__content p span {
    color: #191919
}

@media(max-width:767px) {
    .multipuporse-theme .multipuporse-theme__content p {
        margin-top: 20px
    }
}

.multipuporse-theme .multipuporse-theme__content .video {
    max-width: 100%;
    border-radius: 14px;
    overflow: hidden
}

@media(max-width:1024px) {
    .multipuporse-theme .multipuporse-theme__content .video {
        border-radius: 11px
    }
}

@media(max-width:479px) {
    .multipuporse-theme .multipuporse-theme__content .video {
        border-radius: 8px
    }
}

.multipuporse-theme .multipuporse-theme__content .video .video-header {
    padding: 14px;
    font-size: 0;
    background-color: #fff
}

@media(max-width:1024px) {
    .multipuporse-theme .multipuporse-theme__content .video .video-header {
        padding: 14px
    }
}

@media(max-width:479px) {
    .multipuporse-theme .multipuporse-theme__content .video .video-header {
        padding: 10px
    }
}

.multipuporse-theme .multipuporse-theme__content .video .video-header .control {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 5px
}

.multipuporse-theme .multipuporse-theme__content .video .video-header .control:not(:first-child) {
    margin-left: 3px
}

.multipuporse-theme .multipuporse-theme__content .video .video-header .control:nth-child(1) {
    background-color: #ff625a
}

.multipuporse-theme .multipuporse-theme__content .video .video-header .control:nth-child(2) {
    background-color: #ffbe2f
}

.multipuporse-theme .multipuporse-theme__content .video .video-header .control:nth-child(3) {
    background-color: #29ce42
}

.multipuporse-theme .multipuporse-theme__content .video .video-content {
    padding: 30px;
    background-image: linear-gradient(165deg, #E02D59 0%, #E02D8D 100%)
}

@media(max-width:1024px) {
    .multipuporse-theme .multipuporse-theme__content .video .video-content {
        padding: 20px
    }
}

@media(max-width:479px) {
    .multipuporse-theme .multipuporse-theme__content .video .video-content {
        padding: 10px
    }
}

.multipuporse-theme .multipuporse-theme__content .video .video-content video {
    display: block;
    max-width: 100%;
    border-radius: 6px;
    overflow: hidden
}

@media(max-width:1023px) {
    .multipuporse-theme .multipuporse-theme__header .title {
        margin-left: 12%;
        margin-right: 12%
    }
}

@media(max-width:767px) {
    .multipuporse-theme {
        padding-top: 80px
    }
    .multipuporse-theme .container {
        padding-left: 20px;
        padding-right: 20px
    }
    .multipuporse-theme .multipuporse-theme__header .title {
        margin-left: 0;
        margin-right: 0;
        font-size: 2.27em
    }
}

@media(max-width:479px) {
    .multipuporse-theme .container {
        padding-left: 15px;
        padding-right: 15px
    }
}

.section-demo {
    padding-top: 5em
}

@media screen and (max-width:767px) {
    .section-demo {
        overflow: hidden
    }
}

.section-demo h1 {
    color: #ff734a;
    font-size: 5.8235em;
    letter-spacing: -2.8px;
    margin-bottom: 0
}

.section-demo h2 {
    font-size: 3.3529em;
    line-height: .9em;
    letter-spacing: -.02em
}

@media(max-width:1279px) {
    .section-demo h1 {
        font-size: 4.5em;
        letter-spacing: -2.8px
    }
    .section-demo h2 {
        font-size: 2.7em;
        line-height: 1em;
        letter-spacing: -2px
    }
}

@media(max-width:767px) {
    .section-demo h1 {
        font-size: 3.5em;
        letter-spacing: -2.8px
    }
    .section-demo h2 {
        font-size: 2.2em;
        line-height: 1em;
        letter-spacing: -2px
    }
}

@media screen and (max-width:1679px) {
    .section-demo h6 {
        margin-top: .6em
    }
}

@media screen and (max-width:1024px) {
    .section-demo h6 {
        margin-top: .4em
    }
}

.section-demo .features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 3.6em
}

@media screen and (max-width:767px) {
    .section-demo .features {
        margin-top: 1.9em
    }
}

@media screen and (max-width:1023px) {
    .section-demo .features {
        display: grid;
        grid-gap: 10px 0;
        grid-template-columns: repeat(2, auto)
    }
}

@media screen and (max-width:479px) {
    .section-demo .features {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        grid-gap: 0
    }
}

.section-demo .features h2 {
    line-height: 1em
}

.section-demo .features .features-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: dm sans, sans-serif;
    font-size: 1em;
    line-height: 1em;
    letter-spacing: -.34px;
    margin-right: 40px;
    color: #191919
}

@media screen and (max-width:1024px) {
    .section-demo .features .features-item {
        font-size: 16px
    }
}

@media screen and (max-width:1023px) {
    .section-demo .features .features-item {
        position: relative;
        line-height: inherit;
        margin-right: 18px
    }
}

@media screen and (max-width:479px) {
    .section-demo .features .features-item {
        margin-right: 0
    }
}

.section-demo .features .features-item:before {
    content: "\E978";
    font-family: fontello;
    font-size: 6px;
    display: inline-block;
    width: 21px;
    height: 21px;
    line-height: 22px;
    border-radius: 100%;
    margin-right: 7px;
    color: #fff;
    background: #72bf40
}

@media screen and (max-width:768px) {
    .section-demo .features .features-item:before {
        text-align: center
    }
}

.section-demo .features .features-item:last-child {
    margin-right: 0
}

@media screen and (max-width:479px) {
    .section-demo .features li+li {
        margin-top: 10px
    }
}

.section-demo .countdown {
    max-width: 300px;
    margin: 0 auto;
    padding-top: 2.65em
}

@media screen and (max-width:1024px) {
    .section-demo .countdown {
        padding-top: 3em
    }
}

@media screen and (max-width:767px) {
    .section-demo .countdown {
        padding-top: 2.5em
    }
}

.section-demo .countdown .countdown-title {
    font-size: 23px;
    font-weight: 400;
    line-height: 1em;
    letter-spacing: -.92px;
    margin-bottom: 25px;
    color: #070346
}

@media screen and (max-width:1024px) {
    .section-demo .countdown .countdown-title {
        font-size: 20px;
        margin-bottom: 10px
    }
}

@media screen and (max-width:767px) {
    .section-demo .countdown .countdown-title {
        font-size: 18px
    }
}

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

.section-demo .countdown .countdowt_dote {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 21px;
    margin: 15px 15px 0;
    color: #e4e4ea
}

@media screen and (max-width:767px) {
    .section-demo .countdown .countdowt_dote {
        margin: 5px 10px 0
    }
}

@media screen and (max-width:480px) {
    .section-demo .countdown .countdowt_dote {
        margin: 5px 5px 0
    }
}

.section-demo .countdown .countdown-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.section-demo .countdown .countdown-number:not(:first-child) {
    min-width: 66px
}

.section-demo .countdown .countdown-time {
    font-size: 54px;
    line-height: 1em;
    font-weight: 700;
    letter-spacing: 1.62px;
    color: #4233d3
}

@media screen and (max-width:767px) {
    .section-demo .countdown .countdown-time {
        font-size: 42px
    }
}

.section-demo .countdown .countdown-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 1em;
    margin-top: 6px;
    color: #626672
}

@media screen and (max-width:767px) {
    .section-demo .countdown .countdown-text {
        margin-top: 3px
    }
}

.search-wrap {
    margin: 3.2rem auto 0;
    max-width: 578px;
    position: relative
}

.search-wrap input {
    width: 100%;
    border: 1px solid #e5e5eb;
    padding: 1.2em 3em;
    font-family: dm sans, sans-serif;
    font-size: .938rem;
    line-height: 1em;
    color: #90949f;
    background: #fff url(../img/search-glass.svg) no-repeat 1rem center;
    border-radius: .6em;
    -webkit-box-shadow: 0 5px 36px rgba(0, 0, 0, .05);
    box-shadow: 0 5px 36px rgba(0, 0, 0, .05);
    -webkit-transition: -webkit-box-shadow .2s ease-in;
    transition: -webkit-box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in, -webkit-box-shadow .2s ease-in
}

.search-wrap .close-btn {
    position: absolute;
    top: 50%;
    left: 1rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1rem;
    padding: 0;
    height: auto
}

.search-wrap input:not(:placeholder-shown) {
    background-image: none
}

.search-wrap input:not(:placeholder-shown)+.close-btn {
    display: block
}

.search-wrap input:valid+.close-btn {
    display: none
}

.search-wrap input:focus {
    -webkit-box-shadow: 0 5px 36px rgba(0, 0, 0, .15);
    box-shadow: 0 5px 36px rgba(0, 0, 0, .15)
}

.search-wrap+p {
    margin-top: .5em
}

.demo-grid {
    margin-top: 54px;
    display: grid;
    grid-template-columns: 350px auto;
    gap: 40px
}

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

@media(max-width:1279px) {
    .demo-grid {
        grid-template-columns: 270px auto;
        gap: 20px
    }
}

@media(max-width:767px) {
    .demo-grid {
        margin-top: 30px;
        grid-template-columns: 1fr;
        gap: 20px
    }
}

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

.demo-grid .sidebar__inner {
    will-change: position, transform;
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 60px !important
}

.demo-grid .grid-item.demo-filter-wrap {
    text-align: start
}

.demo-grid .grid-item.demo-filter-wrap .sidebar__inner {
    padding: 40px 30px 46px;
    background-color: #fff;
    border-radius: 10px
}

@media(max-width:479px) {
    .demo-grid .grid-item.demo-filter-wrap .sidebar__inner {
        padding: 30px 20px;
        border-radius: 8px
    }
}

.demo-grid h5 {
    font-family: sofia-pro, sans-serif;
    font-size: 1.313rem;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1em;
    color: #070346;
    margin-bottom: 1.35em
}

@media(max-width:1023px) {
    .demo-grid h5 {
        font-size: 1.25rem
    }
}

@media(max-width:479px) {
    .demo-grid h5 {
        margin-bottom: .7em
    }
}

.demo-filter {
    position: relative;
    z-index: 999
}

@media screen and (max-width:600px) {
    .demo-filter {
        margin: 30px 0 0
    }
}

.demo-filter li+li {
    margin-top: 1.35em
}

@media screen and (max-width:600px) {
    .demo-filter li+li {
        margin-top: 1rem
    }
}

.demo-filter li {
    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
}

.demo-filter li>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.demo-filter .demo-filter-item button {
    text-transform: capitalize;
    font-family: dm sans, sans-serif;
    font-size: .941rem;
    font-weight: 400;
    line-height: 1em;
    letter-spacing: 0;
    margin: 0;
    padding-left: 31px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    color: #626672
}

.demo-filter .demo-filter-item button .filter-name {
    position: relative;
    vertical-align: text-bottom
}

.demo-filter .demo-filter-item button .filter-name.iconed {
    padding-left: 30px
}

.demo-filter .demo-filter-item button .filter-name.iconed:before {
    content: "";
    background-color: #9b5d8f;
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px;
    background-image: url(../img/allpage/wooc.svg);
    height: 20px;
    width: 20px;
    position: absolute;
    left: 0;
    top: 0
}

.demo-filter .demo-filter-item button .filter-name.iconed.elm-filter:before {
    background-image: url(../img/allpage/elm.svg);
    background-color: #e02d59;
    background-size: 8px
}

.demo-filter .demo-filter-item button .filter-name.iconed.booked-filter:before {
    background-image: url(../img/allpage/booked.svg);
    background-color: #fc5612;
    background-size: 10px
}

.demo-filter .demo-filter-item button .filter-name.iconed.event-filter:before {
    background-image: url(../img/allpage/event.svg);
    background-color: #f5f5f5;
    background-size: 14px
}

.demo-filter .demo-filter-item button .filter-name.iconed.give-filter:before {
    background-image: url(../img/allpage/badges/give3.png);
    background-color: #f5f5f5;
    background-size: 12px
}

.demo-filter .demo-filter-item button.focus {
    font-weight: 500;
    color: #070346
}

.demo-filter .demo-filter-item button.focus::before {
    background-color: #4233d3;
    border: 0;
    background-image: url(../img/allpage/check-new.svg);
    background-size: 7.5px;
    background-position: center;
    background-repeat: no-repeat
}

.demo-filter .demo-filter-item button::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d1d1d1
}

.demo-filter .demo-filter-item:last-child {
    margin-right: 0
}

.demo-filter .demo-filter-item .filter-count {
    font-family: dm sans, sans-serif;
    font-size: .938rem;
    font-weight: 400;
    line-height: 1.1em;
    letter-spacing: 0;
    color: #a7a8ad
}

.demo {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin: 0
}

@media screen and (max-width:1439px) {
    .demo {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width:1279px) {
    .demo {
        gap: 20px
    }
}

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

@media screen and (min-width:601px) and (max-width:767px) {
    .demo {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width:600px) {
    .demo {
        grid-template-columns: repeat(1, 1fr)
    }
}

.demo.wrapper {
    margin-top: -10px;
    margin-bottom: -50px;
    padding-top: 10px;
    padding-bottom: 50px;
    background-color: #f4f4fa;
    overflow: hidden
}

.demo .col-3 {
    max-width: 100%;
    padding: 0
}

.demo .demo_item {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.demo .demo_item:nth-of-type(3n+1) a {
    -webkit-transition-delay: 0ms !important;
    transition-delay: 0ms !important
}

.demo .demo_item:nth-of-type(3n+2) a {
    -webkit-transition-delay: 150ms !important;
    transition-delay: 150ms !important
}

.demo .demo_item:nth-of-type(3n+3) a {
    -webkit-transition-delay: 300ms !important;
    transition-delay: 300ms !important
}

.demo .demo_item:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.demo .demo_item a {
    position: relative;
    display: block;
    text-align: start;
    background-color: #f9f9fb;
    border-radius: 10px
}

@media screen and (min-width:1921px) {
    .demo .demo_item a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.demo .demo_item a .demo-img_wrap {
    -webkit-transform: translateY(0);
    -webkit-transition: all .3s ease;
    transform: translateY(0);
    transition: all .3s ease;
    border-radius: 10px;
    padding: 14px 14px 17px;
    background-color: #fff;
    position: relative
}

@media screen and (max-width:1024px) {
    .demo .demo_item a .demo-img_wrap {
        padding: 12px
    }
}

@media screen and (max-width:767px) {
    .demo .demo_item a .demo-img_wrap {
        padding: 8px
    }
}

.demo .demo_item a .demo-img_wrap img {
    border-radius: 5px
}

.demo .demo_item a .demo-img_wrap img.demo-transparent {
    opacity: .33
}

.demo .demo_item a .demo-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 8px
}

.demo .demo_item a .demo-info>* {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.demo .demo_item a .badge_wrap {
    z-index: 1;
    padding: 0;
    text-align: end
}

.demo .demo_item a .badge {
    display: inline-block;
    max-width: 30px;
    line-height: 1;
    position: relative
}

.demo .demo_item a .badge.coming-soon {
    width: 25%;
    max-width: 91px;
    position: absolute;
    top: 14px;
    right: 14px
}

@media(max-width:1024px) {
    .demo .demo_item a .badge.coming-soon {
        top: 12px;
        right: 12px
    }
}

@media(max-width:767px) {
    .demo .demo_item a .badge.coming-soon {
        top: 8px;
        right: 8px
    }
}

.demo .demo_item a .badge.coming-soon img {
    border-radius: 0
}

.demo .demo_item a .badge img {
    border-radius: 10px;
    position: relative
}

.demo .demo_item a .badge+.badge {
    margin-left: 4px
}

.demo .demo_item .demo-img_coming--wrap {
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    position: relative
}

.demo .demo_item .demo-img_coming--wrap img {
    width: 100%;
    border-radius: 0;
    position: relative
}

.demo .demo_item .demo-img_coming--wrap.animations {
    opacity: 0;
    will-change: transform, scale, rotate;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: translateY(50px) scaleY(1.1) rotate(0.001deg);
    transform: translateY(50px) scaleY(1.1) rotate(0.001deg);
    -webkit-transition: opacity .3s ease-out .3s, transform .6s cubic-bezier(.35, .18, .07, 1.04);
    -webkit-transition: opacity .3s ease-out .3s, -webkit-transform .6s cubic-bezier(.35, .18, .07, 1.04);
    transition: opacity .3s ease-out .3s, -webkit-transform .6s cubic-bezier(.35, .18, .07, 1.04);
    transition: opacity .3s ease-out .3s, transform .6s cubic-bezier(.35, .18, .07, 1.04);
    transition: opacity .3s ease-out .3s, transform .6s cubic-bezier(.35, .18, .07, 1.04), -webkit-transform .6s cubic-bezier(.35, .18, .07, 1.04)
}

.demo .demo_item .demo-img_coming--wrap.animations._active {
    opacity: 1;
    -webkit-transform: translateY(0) scaleY(1) rotate(0.001deg);
    transform: translateY(0) scaleY(1) rotate(0.001deg)
}

.demo .demo_item .demo_link {
    position: relative;
    font-size: 1.125rem;
    line-height: 1em;
    letter-spacing: -.02em;
    margin-top: 0;
    font-weight: 500
}

.demo .demo_item .demo_cat {
    text-transform: capitalize;
    font-size: .824em;
    line-height: 1.1em;
    letter-spacing: -.02em;
    color: #8d919b;
    font-weight: 400;
    position: relative;
    max-width: 170px;
    margin-top: 5px
}

.demo .demo_item.show {
    width: 100%;
    opacity: 1;
    position: relative;
    -webkit-transition: all 1s ease, -webkit-transform .3s ease;
    transition: all 1s ease, -webkit-transform .3s ease;
    transition: all 1s ease, transform .3s ease;
    transition: all 1s ease, transform .3s ease, -webkit-transform .3s ease;
    z-index: 2
}

.demo .demo_item.show .animations {
    opacity: 1 !important;
    transform: translateY(0px);
    -webkit-transform: translateY(0px)
}

.demo .demo_item.hide {
    width: 100%;
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0s ease;
    transition: all 0s ease
}

.demo .demo_item.innit {
    opacity: 0 !important;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.circle-orange {
    width: 71px;
    height: 71px;
    top: 0;
    right: -18px;
    border-color: #ff5f4a
}

@media screen and (max-width:1679px) {
    .circle-orange {
        top: 5px
    }
}

@media screen and (max-width:1024px) {
    .circle-orange {
        width: 40px;
        height: 40px;
        top: 10px;
        right: -5px
    }
}

@media screen and (max-width:767px) {
    .circle-orange {
        top: 15px;
        right: -5px
    }
}

@media screen and (max-width:480px) {
    .circle-orange {
        width: 35px;
        height: 35px;
        top: 24px;
        right: -5px;
        border-width: 4px
    }
}

@media screen and (max-width:400px) {
    .circle-orange {
        top: 10px;
        right: 0
    }
}

.circle-blue {
    width: 48px;
    height: 48px;
    top: 55.7%;
    left: -8px;
    border-color: #4233d3
}

@media screen and (max-width:1024px) {
    .circle-blue {
        width: 40px;
        height: 40px;
        left: -5px
    }
}

.interchangeable-elements {
    padding-top: 60px
}

@media(min-width:768px) {
    .interchangeable-elements {
        padding-top: 120px;
        padding-bottom: 120px;
        overflow: visible !important
    }
}

.interchangeable-elements .container {
    position: relative;
    padding-top: 20em;
    padding-bottom: 20.7em
}

.interchangeable-elements .container .text-gradient {
    background: linear-gradient(-120deg, #FC8A3D 0%, #EB314D 50%, #C31480 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media(max-width:480px) {
    .interchangeable-elements .container .text-gradient {
        line-height: 1.04em
    }
}

@media(max-width:1024px) {
    .interchangeable-elements .container {
        padding-top: 15em;
        padding-bottom: 20em
    }
}

@media(max-width:767px) {
    .interchangeable-elements .container {
        padding-top: 3em;
        padding-bottom: 3em
    }
    .interchangeable-elements .container .img_wrap {
        display: none
    }
}

.interchangeable-elements .text_wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    max-width: 460px;
    margin: 0 auto;
    min-height: 800px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 2
}

@media(max-width:1366px) {
    .interchangeable-elements .text_wrap {
        max-width: 435px
    }
}

@media(max-width:1024px) {
    .interchangeable-elements .text_wrap {
        min-height: auto
    }
}

.interchangeable-elements .text_wrap .title_wrap {
    position: relative;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.interchangeable-elements .text_wrap .title_wrap h2 {
    position: -webkit-sticky;
    position: sticky;
    top: 43%;
    font-size: 3.529em;
    line-height: 1.2em
}

@media screen and (max-width:1679px) {
    .interchangeable-elements .text_wrap .title_wrap h2 {
        font-size: 3.15em
    }
}

@media screen and (max-width:1024px) {
    .interchangeable-elements .text_wrap .title_wrap h2 {
        font-size: 2.7em
    }
}

@media screen and (max-width:767px) {
    .interchangeable-elements .text_wrap .title_wrap h2 {
        font-size: 2.27em
    }
}

@media screen and (max-width:374px) {
    .interchangeable-elements .text_wrap .title_wrap h2 {
        font-size: 2em
    }
}

.interchangeable-elements .text_wrap .title_wrap+p {
    margin-top: 30px
}

.interchangeable-elements .text_wrap a.btn {
    padding: 18.5px 36.5px 19.5px
}

.interchangeable-elements .text_wrap p+a {
    margin-top: 36px
}

.interchangeable-elements .img_wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    max-width: 100%
}

@media(max-width:767px) {
    .interchangeable-elements .img_wrap {
        overflow: hidden
    }
}

.interchangeable-elements .img_wrap .img-fav {
    position: absolute
}

.interchangeable-elements .img_favs .img-fav {
    top: 0;
    left: 0;
    max-width: 100%
}

.interchangeable-elements .img_favs .img-fav:nth-child(1) {
    top: 1%;
    left: -.5%
}

.interchangeable-elements .img_favs .img-fav:nth-child(2) {
    top: 0;
    left: -1%
}

.interchangeable-elements .img_favs .img-fav:nth-child(3) {
    top: 19%;
    left: -1%;
    max-width: 100%
}

@media(max-width:1024px) {
    .interchangeable-elements .img_favs .img-fav:nth-child(3) {
        left: 0;
        max-width: 100%
    }
}

.interchangeable-elements .img_favs .img-fav:nth-child(4) {
    top: 33.5%;
    left: -1%;
    max-width: 102%
}

@media(max-width:1024px) {
    .interchangeable-elements .img_favs .img-fav:nth-child(4) {
        left: 0;
        max-width: 100%
    }
}

.interchangeable-elements .img_favs .img-fav:nth-child(5) {
    top: 62%;
    left: -1%
}

.interchangeable-elements .img_favs .img-fav:nth-child(6) {
    top: 62.5%;
    left: -1%
}

.interchangeable-elements .img_favs .img-fav:nth-child(7) {
    top: 89.5%;
    left: -1%
}

.interchangeable-elements .img_favs .img-fav:nth-child(8) {
    top: 79.8%;
    left: -1%
}

.free-plugins {
    padding-top: 7.75em
}

@media(max-width:767px) {
    .free-plugins {
        padding-top: 4em
    }
}

.free-plugins .container {
    max-width: 1010px
}

@media(max-width:1024px) {
    .free-plugins .container {
        max-width: 960px
    }
}

.free-plugins .free-plugins__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
    text-align: center
}

.free-plugins .free-plugins__header .description {
    margin: 0;
    font-family: sofia-pro, sans-serif;
    font-size: 1.588em;
    line-height: 1.33em;
    letter-spacing: -1px;
    color: #070346
}

@media(max-width:767px) {
    .free-plugins .free-plugins__header .description {
        font-size: 1em
    }
}

.free-plugins .free-plugins__header h2 {
    font-size: 4.0588em;
    margin-bottom: 6px;
    text-transform: none;
    line-height: 1em;
    background: linear-gradient(-135deg, #FC8A3D 0%, #EB314D 50%, #C31480 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media(max-width:1279px) {
    .free-plugins .free-plugins__header h2 {
        font-size: 3em
    }
}

@media(max-width:767px) {
    .free-plugins .free-plugins__header h2 {
        font-size: 2.2em
    }
}

.free-plugins .free-plugins__content {
    position: relative
}

.free-plugins .free-plugins__content table.table-plugins {
    display: grid;
    grid-template-rows: repeat(1, 1fr);
    width: 100%;
    text-align: left;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    border-collapse: collapse
}

.free-plugins .free-plugins__content table.table-plugins th,
.free-plugins .free-plugins__content table.table-plugins td {
    padding: 13px 26px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media(max-width:768px) {
    .free-plugins .free-plugins__content table.table-plugins th,
    .free-plugins .free-plugins__content table.table-plugins td {
        padding: 10px 15px
    }
    .free-plugins .free-plugins__content table.table-plugins th:nth-child(2),
    .free-plugins .free-plugins__content table.table-plugins td:nth-child(2) {
        padding-top: 0
    }
}

.free-plugins .free-plugins__content table.table-plugins thead,
.free-plugins .free-plugins__content table.table-plugins tbody,
.free-plugins .free-plugins__content table.table-plugins tfoot {
    display: grid
}

.free-plugins .free-plugins__content table.table-plugins thead tr {
    max-width: calc(100% - 8px)
}

.free-plugins .free-plugins__content table.table-plugins tr {
    display: grid;
    grid-template-columns: 29% 52% auto;
    grid-template-areas: "title desc price";
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width:1023px) {
    .free-plugins .free-plugins__content table.table-plugins tr {
        grid-template-columns: 25% 50% auto
    }
}

@media(max-width:768px) {
    .free-plugins .free-plugins__content table.table-plugins tr {
        grid-template-columns: 70% 30%;
        grid-template-areas: "title  price" "desc desc"
    }
}

@media(max-width:480px) {
    .free-plugins .free-plugins__content table.table-plugins tr {
        grid-template-columns: 55% 45%;
        grid-template-areas: "title  price" "desc desc"
    }
}

.free-plugins .free-plugins__content table.table-plugins th:nth-child(1),
.free-plugins .free-plugins__content table.table-plugins td:nth-child(1) {
    grid-area: title
}

.free-plugins .free-plugins__content table.table-plugins th:nth-child(2),
.free-plugins .free-plugins__content table.table-plugins td:nth-child(2) {
    grid-area: desc
}

.free-plugins .free-plugins__content table.table-plugins th:nth-child(3),
.free-plugins .free-plugins__content table.table-plugins td:nth-child(3) {
    grid-area: price
}

.free-plugins .free-plugins__content table.table-plugins thead {
    background-color: #150c54
}

.free-plugins .free-plugins__content table.table-plugins thead tr {
    font-family: sofia-pro, sans-serif;
    font-weight: 600;
    letter-spacing: -.25px;
    color: #fff;
    background-color: #150c54
}

.free-plugins .free-plugins__content table.table-plugins thead tr th {
    padding: 15px 26px 17px
}

@media(max-width:768px) {
    .free-plugins .free-plugins__content table.table-plugins thead tr th {
        padding: 13px 15px
    }
}

@media(max-width:768px) {
    .free-plugins .free-plugins__content table.table-plugins thead tr th:nth-child(2) {
        display: none
    }
}

.free-plugins .free-plugins__content table.table-plugins tbody {
    width: 100%;
    max-height: 467px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #3f32e5 #fff
}

.free-plugins .free-plugins__content table.table-plugins tbody::-webkit-scrollbar {
    width: 8px
}

.free-plugins .free-plugins__content table.table-plugins tbody::-webkit-scrollbar-track {
    background: #fff
}

.free-plugins .free-plugins__content table.table-plugins tbody::-webkit-scrollbar-thumb {
    background-color: #3f32e5
}

.free-plugins .free-plugins__content table.table-plugins tbody tr {
    border-right: 1px solid #ebebeb
}

.free-plugins .free-plugins__content table.table-plugins tbody tr:not(:first-child) {
    border-top: 1px solid #ebebeb
}

.free-plugins .free-plugins__content table.table-plugins tbody tr:nth-child(2n) {
    background-color: rgba(244, 244, 250, .44)
}

.free-plugins .free-plugins__content table.table-plugins tbody tr td {
    vertical-align: middle;
    font-family: sofia-pro, sans-serif;
    font-size: .94em;
    font-weight: 500
}

.free-plugins .free-plugins__content table.table-plugins tbody tr td:nth-child(1) {
    color: #070346
}

.free-plugins .free-plugins__content table.table-plugins tbody tr td:nth-child(2) {
    font-family: dm sans, sans-serif;
    font-size: .88em;
    color: #626672
}

.free-plugins .free-plugins__content table.table-plugins tbody tr td:nth-child(3) .old-price {
    min-width: 25%;
    font-weight: 500;
    text-decoration: line-through
}

.free-plugins .free-plugins__content table.table-plugins tbody tr td:nth-child(3) .new-price {
    font-weight: 600;
    text-transform: uppercase;
    color: #2e3ad5
}

.free-plugins .free-plugins__content table.table-plugins tbody tr td:nth-child(3) .new-price.exclusive {
    color: #46bc59
}

.free-plugins .free-plugins__content table.table-plugins tbody tr td:nth-child(3) .old-price+.new-price {
    margin-left: 14px
}

@media(max-width:480px) {
    .free-plugins .free-plugins__content table.table-plugins tbody tr td:nth-child(3) .old-price+.new-price {
        margin-left: 10px
    }
}

.free-plugins .free-plugins__content .table-caption {
    margin-top: 10px;
    font-size: .8em
}

.free-plugins .free-plugins__content .text_wrap {
    margin-top: 35px;
    text-align: center
}

.free-plugins .free-plugins__content .text_wrap p {
    margin-bottom: 32px;
    font-family: sofia-pro, sans-serif;
    font-size: 16px;
    letter-spacing: -.01em;
    font-weight: 400
}

.free-plugins .free-plugins__content .text_wrap a {
    padding: 17.5px 35.7px 20.5px
}

.mobile-friendly {
    padding: 6.75em 0 10em
}

@media(max-width:767px) {
    .mobile-friendly {
        padding-top: 3em;
        padding-bottom: 7em
    }
}

.mobile-friendly .mobile-friendly__header {
    max-width: 530px;
    margin: 0 auto;
    text-align: center
}

.mobile-friendly .mobile-friendly__header .subtitle {
    font-size: .9412em;
    font-weight: 500;
    color: #070346
}

.mobile-friendly .mobile-friendly__header .title {
    margin-bottom: 25px;
    letter-spacing: -1px
}

.mobile-friendly .mobile-friendly__header .description {
    letter-spacing: 0
}

.mobile-friendly .mobile-friendly__content {
    margin-top: 44px
}

.mobile-friendly .mobile-friendly__content .img_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 1136px;
    margin: 0 auto;
    gap: 26px
}

@media(max-width:1023px) {
    .mobile-friendly .mobile-friendly__content .img_wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 40px
    }
}

.mobile-friendly .mobile-friendly__content .img_wrap div {
    position: relative
}

.mobile-friendly .mobile-friendly__content .img_wrap div img {
    max-width: 100%;
    border-radius: 20px
}

@media(max-width:767px) {
    .mobile-friendly .mobile-friendly__content .img_wrap div img {
        max-width: 100%;
        width: 100%
    }
}

.mobile-friendly .mobile-friendly__content .img_wrap div.mobile_wrap.fadeIn {
    -webkit-transition: all 1s ease .35s;
    transition: all 1s ease .35s
}

@media(max-width:768px) {
    .mobile-friendly .mobile-friendly__content .img_wrap div.mobile_wrap.fadeIn {
        -webkit-transition: all 1s ease .25s;
        transition: all 1s ease .25s
    }
}

.mobile-friendly .mobile-friendly__content .img_wrap div.mobile_wrap img {
    width: 222px;
    height: auto
}

.mobile-friendly .mobile-friendly__content .img_wrap div.mobile_wrap .phone {
    margin-top: 26px;
    padding: 2.5%
}

@media(max-width:767px) {
    .mobile-friendly .mobile-friendly__content .img_wrap div.mobile_wrap .phone {
        margin-top: 0
    }
}

.mobile-friendly .mobile-friendly__content .img_wrap div.mobile_wrap .frame {
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 100%;
    max-width: 100%
}

@media(max-width:1023px) and (min-width:768px) {
    .mobile-friendly .mobile-friendly__content .img_wrap div.mobile_wrap {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.mobile-friendly .mobile-friendly__content .img_wrap div.tablet_wrap.fadeIn {
    -webkit-transition: all 1s ease .25s;
    transition: all 1s ease .25s
}

@media(max-width:768px) {
    .mobile-friendly .mobile-friendly__content .img_wrap div.tablet_wrap.fadeIn {
        -webkit-transition: all 1s ease .25s;
        transition: all 1s ease .25s
    }
}

@media(max-width:1023px) and (min-width:768px) {
    .mobile-friendly .mobile-friendly__content .img_wrap div.tablet_wrap {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.mobile-friendly .mobile-friendly__content .img_wrap div.tablet_wrap img {
    width: 451px;
    height: auto
}

.mobile-friendly .mobile-friendly__content .img_wrap div.tablet_wrap .tablet {
    padding: 4.1%;
    -webkit-box-shadow: -15px 10px 40px rgba(0, 0, 0, .25);
    box-shadow: -15px 10px 40px rgba(0, 0, 0, .25);
    border-radius: 5.5%
}

.mobile-friendly .mobile-friendly__content .img_wrap div.tablet_wrap .frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: auto
}

.section-potential {
    padding: 8.7em 0 8.8em;
    background: #f4f4fa
}

@media(max-width:1279px) {
    .section-potential {
        padding: 5.1em 0
    }
}

@media(max-width:1279px) {
    .section-potential {
        padding: 3.5em 0
    }
}

@media(max-width:767px) {
    .section-potential .col-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .section-potential .col-3:not(:last-child) {
        margin-bottom: 45px
    }
    .section-potential .col-3>* {
        margin: 0 auto
    }
}

.section-potential h2 {
    text-transform: none;
    letter-spacing: -2px
}

@media(max-width:400px) {
    .section-potential h2 br {
        display: none
    }
}

.section-potential .wrapper {
    margin-top: 2.9em
}

@media(max-width:1279px) {
    .section-potential .wrapper {
        margin-top: 2em
    }
}

.section-potential .inner {
    width: 100%;
    max-width: 322px
}

.potential-item .image_wrapper {
    position: relative
}

.potential-item .image_wrapper img:not(:first-child) {
    position: absolute
}

.potential-item:nth-child(1) .image_wrapper {
    text-align: right
}

.potential-item:nth-child(1) img:nth-child(1) {
    width: 84%;
    border-radius: 8px;
    -webkit-box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .03)
}

.potential-item:nth-child(1) img:nth-child(2) {
    left: 0;
    bottom: -15%;
    width: 57%;
    border-radius: 8px;
    -webkit-box-shadow: 5px 15px 20px 0 rgba(0, 0, 0, .06);
    box-shadow: 5px 15px 20px 0 rgba(0, 0, 0, .06)
}

.potential-item:nth-child(1) .badge {
    position: absolute;
    display: inline-block;
    left: 41%;
    top: 35%;
    width: 92px;
    border-radius: 50%;
    will-change: transform
}

.potential-item:nth-child(1) .badge img {
    width: 100%;
    margin: 0
}

@media(max-width:1279px) {
    .potential-item:nth-child(1) .badge {
        width: 80px
    }
}

.potential-item:nth-child(2) .inner {
    max-width: 367px;
    margin: 0 auto
}

@media(max-width:1279px) {
    .potential-item:nth-child(2) .image_wrapper {
        text-align: end
    }
}

.potential-item:nth-child(2) img:nth-child(1) {
    width: 78%;
    border-radius: 8px;
    -webkit-box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .03);
    margin-left: 12%
}

@media(max-width:1279px) {
    .potential-item:nth-child(2) img:nth-child(1) {
        margin-left: auto;
        display: inline-block;
        width: 85%
    }
}

.potential-item:nth-child(2) img:nth-child(2) {
    left: 0;
    bottom: -15%;
    width: 8.2%
}

.potential-item:nth-child(2) img:nth-child(4) {
    left: 0%;
    top: 15%;
    width: 89px
}

@media(max-width:1279px) {
    .potential-item:nth-child(2) img:nth-child(4) {
        width: 80px
    }
}

.potential-item:nth-child(2) .badge {
    position: absolute;
    display: inline-block;
    right: -1%;
    bottom: -15%;
    width: 82px;
    will-change: transform;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}

@media(max-width:1279px) {
    .potential-item:nth-child(2) .badge {
        width: 70px;
        right: 1%
    }
}

.potential-item:nth-child(2) .badge img {
    margin: 0;
    width: 100%
}

.potential-item:nth-child(2) h4 {
    padding-right: 40px
}

@media(max-width:1023px) {
    .potential-item:nth-child(2) h4 {
        padding-right: 0
    }
}

.potential-item:nth-child(3) .inner {
    margin-left: auto
}

.potential-item:nth-child(3) img:nth-child(1) {
    width: 84.3%;
    border-radius: 8px;
    -webkit-box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .03)
}

.potential-item:nth-child(3) img:nth-child(2) {
    width: 57%;
    bottom: -14%;
    right: 0%;
    border-radius: 8px;
    -webkit-box-shadow: 5px 15px 20px 0 rgba(0, 0, 0, .06);
    box-shadow: 5px 15px 20px 0 rgba(0, 0, 0, .06)
}

.potential-item:nth-child(3) .badge {
    position: absolute;
    display: inline-block;
    left: 33%;
    top: 30%;
    width: 70px;
    will-change: transform
}

@media(max-width:1279px) {
    .potential-item:nth-child(3) .badge {
        width: 60px
    }
}

.potential-item:nth-child(3) .badge img {
    width: 100%;
    margin: 0
}

.potential-item h4 {
    font-family: sofia-pro, sans-serif;
    font-size: 1.375rem;
    font-weight: 600;
    letter-spacing: -.88px;
    line-height: 1.409em;
    margin-top: 2.9em
}

@media(max-width:1279px) {
    .potential-item h4 {
        font-size: 1.25rem;
        line-height: 1.3em;
        margin-top: 2em
    }
}

@media(max-width:1023px) {
    .potential-item h4 {
        font-size: 1.188rem
    }
}

@media(max-width:767px) {
    .potential-item h4 {
        margin-top: 2.9em
    }
}

@media(max-width:479px) {
    .potential-item h4 {
        margin-top: 2.3em
    }
}

.section-plugins.new__demo {
    padding-top: 9em;
    padding-bottom: 11em
}

@media screen and (max-width:1279px) {
    .section-plugins.new__demo {
        padding-top: 7em;
        padding-bottom: 8.3em
    }
}

@media screen and (max-width:479px) {
    .section-plugins.new__demo {
        padding-top: 3.5em;
        padding-bottom: 7em
    }
}

.section-plugins.new__demo .wrapper.two-column.two-column_bottom {
    padding-top: 0
}

.section-plugins.new__demo .wrapper.two-column.two-column_bottom .text_wrapper {
    padding-left: 15px
}

@media screen and (max-width:1024px) {
    .section-plugins.new__demo .wrapper.two-column.two-column_bottom .text_wrapper {
        padding-right: 25px
    }
}

@media screen and (max-width:768px) {
    .section-plugins.new__demo .wrapper.two-column.two-column_bottom .text_wrapper {
        padding-right: 15px
    }
}

@media screen and (max-width:768px) {
    .section-plugins.new__demo .wrapper.two-column.two-column_bottom .text_wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }
}

.section-plugins.new__demo .wrapper.two-column.two-column_bottom .text_wrapper .desc {
    font-size: 16px
}

.section-plugins.new__demo .wrapper.two-column.two-column_bottom .text_wrapper .desc span {
    font-weight: 500
}

@media screen and (max-width:768px) {
    .section-plugins.new__demo .wrapper.two-column.two-column_bottom .text_wrapper .desc {
        width: 90%
    }
}

@media screen and (max-width:479px) {
    .section-plugins.new__demo .wrapper.two-column.two-column_bottom .image_wrapper {
        padding-top: 4.5em
    }
}

.section-plugins.new__demo .wrapper.two-column.two-column_bottom .image_wrapper .abs_img:before {
    display: none
}

.section-plugins.new__demo .wrapper.two-column.two-column_bottom .image_wrapper .abs_img img {
    max-width: 354px;
    border-radius: 9px
}

@media screen and (max-width:1439px) {
    .section-plugins.new__demo .wrapper.two-column.two-column_bottom .image_wrapper .abs_img img {
        max-width: 283px
    }
}

@media screen and (max-width:1024px) {
    .section-plugins.new__demo .wrapper.two-column.two-column_bottom .image_wrapper .abs_img img {
        max-width: 248px
    }
}

@media screen and (max-width:767px) {
    .section-plugins.new__demo .wrapper.two-column.two-column_bottom .image_wrapper .abs_img img {
        max-width: 220px
    }
}

@media screen and (max-width:479px) {
    .section-plugins.new__demo .wrapper.two-column.two-column_bottom .image_wrapper .abs_img img {
        max-width: 180px
    }
}

.section-plugins.new__demo .wrapper.two-column.two-column_bottom .image_wrapper .static_img {
    z-index: -1
}

.section-plugins.new__demo .wrapper.two-column.two-column_bottom .image_wrapper .circle-blue {
    width: 45px;
    height: 45px;
    left: 82.6% !important;
    top: -3% !important;
    border-color: #3338d3
}

@media screen and (max-width:1679px) {
    .section-plugins.new__demo .wrapper.two-column.two-column_bottom .image_wrapper .circle-blue {
        left: 100% !important
    }
}

@media screen and (max-width:1439px) {
    .section-plugins.new__demo .wrapper.two-column.two-column_bottom .image_wrapper .circle-blue {
        left: 87.4% !important
    }
}

@media screen and (max-width:1024px) {
    .section-plugins.new__demo .wrapper.two-column.two-column_bottom .image_wrapper .circle-blue {
        width: 35px;
        height: 35px
    }
}

@media screen and (max-width:768px) {
    .section-plugins.new__demo .wrapper.two-column.two-column_bottom .image_wrapper .circle-blue {
        left: 75.4% !important
    }
}

@media screen and (max-width:480px) {
    .section-plugins.new__demo .wrapper.two-column.two-column_bottom .image_wrapper .circle-blue {
        left: 85% !important
    }
}

.section-plugins.new__demo .wrapper.two-column.two-column_bottom .image_wrapper .scene__wrap {
    z-index: -1
}

.section-plugins.new__demo .btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section-plugins.new__demo .video-play {
    position: relative;
    width: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 100%;
    background: #fff;
    margin-left: 15px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .03);
    box-shadow: 0 0 10px rgba(0, 0, 0, .03)
}

.section-plugins.new__demo .video-play:before {
    content: "\E969";
    font-family: fontello;
    font-size: .8em;
    color: #070346;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.section-plugins.new__demo .video-play:hover {
    background: #4233d3
}

.section-plugins.new__demo .video-play:hover:before {
    color: #fff
}

@media screen and (max-width:479px) {
    .section-plugins.new__demo .video-play {
        width: 48px;
        height: 48px;
        line-height: 48px;
        margin-left: 10px
    }
}

.tutor-wrapper {
    padding-top: 9.5rem
}

@media(max-width:1440px) {
    .tutor-wrapper {
        padding-top: 6em
    }
}

@media(max-width:767px) {
    .tutor-wrapper {
        padding-top: 5em
    }
}

@media(max-width:992px) {
    .tutor-wrapper .col-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%
    }
}

@media(max-width:992px) {
    .tutor-wrapper .col-2+.col-2 {
        padding-top: 40px
    }
}

@media(min-width:993px) {
    .tutor-wrapper .content-wrap {
        max-width: 520px
    }
}

.tutor-wrapper .text_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tutor-wrapper .subtitle {
    margin-bottom: 18px;
    font-size: 16px
}

.tutor-wrapper h2 {
    max-width: 530px;
    letter-spacing: -1px
}

.tutor-wrapper a.btn {
    margin-top: 5px
}

.tutor-wrapper .img-cont {
    padding: 23px 0% 2.5%;
    position: relative
}

@media(min-width:1680px) {
    .tutor-wrapper .img-cont {
        margin-left: -2%
    }
}

.tutor-wrapper .img-cont img:not(:first-of-type) {
    position: absolute;
    border-radius: 10px
}

.tutor-wrapper .img-cont img:not(:first-of-type):nth-of-type(2) {
    left: 0%;
    bottom: 5.7%;
    max-width: 305px;
    width: 46%
}

@media(min-width:1680px) {
    .tutor-wrapper .img-cont img:not(:first-of-type):nth-of-type(2) {
        margin-left: -4.7%
    }
}

.tutor-wrapper .img-cont img:not(:first-of-type):nth-of-type(3) {
    left: 18%;
    bottom: 0%;
    max-width: 208px;
    width: 32%;
    -webkit-box-shadow: 0 3px 25px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 25px rgba(0, 0, 0, .1)
}

.tutor-wrapper .img-cont img:not(:first-of-type):nth-of-type(4) {
    right: 4%;
    top: 0%;
    max-width: 171px;
    width: 30%;
    -webkit-box-shadow: 0 13px 25px rgba(0, 0, 0, .05);
    box-shadow: 0 13px 25px rgba(0, 0, 0, .05)
}

.tutor-wrapper .img-cont img:nth-of-type(1) {
    position: relative;
    width: 100%;
    max-width: 700px
}

.top-clients {
    overflow: visible;
    padding-top: 3.7em
}

@media(max-width:767px) {
    .top-clients {
        padding-top: 1.5em
    }
}

.top-clients .top-clients__header {
    margin-bottom: 54px;
    text-align: center
}

.top-clients .top-clients__header h5 {
    margin-bottom: 14px;
    font-size: 1.2em;
    font-weight: 400;
    letter-spacing: -.01em
}

@media screen and (max-width:374px) {
    .top-clients .top-clients__header h5 {
        font-size: 1em
    }
}

.top-clients .top-clients__header h2 {
    font-size: 3.3529em
}

@media(max-width:1279px) {
    .top-clients .top-clients__header h2 {
        font-size: 2.7em
    }
}

@media(max-width:767px) {
    .top-clients .top-clients__header h2 {
        font-size: 2.27em
    }
}

@media(max-width:767px) {
    .top-clients .top-clients__header {
        margin-bottom: 30px
    }
    .top-clients .top-clients__header h5 {
        margin-bottom: 10px
    }
}

.top-clients .top-clients__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.top-clients .top-clients__list .top-client {
    --gap: 68px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--gap)
}

.top-clients .top-clients__list .top-client>div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - (var(--gap)/2));
    flex: 0 0 calc(50% - (var(--gap)/2))
}

.top-clients .top-clients__list .top-client:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.top-clients .top-clients__list .top-client .top-client__img a {
    border-radius: 12px 10px 10px 12px;
    -webkit-box-shadow: 5px 15px 50px rgba(19, 7, 1, .1);
    box-shadow: 5px 15px 50px rgba(19, 7, 1, .1);
    overflow: hidden
}

.top-clients .top-clients__list .top-client .top-client__img a .site-header {
    width: 100%;
    padding: 12px 13px 13px;
    font-size: 0;
    background-color: rgba(255, 255, 255, .45)
}

.top-clients .top-clients__list .top-client .top-client__img a .site-header .control {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%
}

.top-clients .top-clients__list .top-client .top-client__img a .site-header .control:not(:first-child) {
    margin-left: 3px
}

.top-clients .top-clients__list .top-client .top-client__img a .site-header .control:nth-child(1) {
    background-color: #ff625a
}

.top-clients .top-clients__list .top-client .top-client__img a .site-header .control:nth-child(2) {
    background-color: #febd2e
}

.top-clients .top-clients__list .top-client .top-client__img a .site-header .control:nth-child(3) {
    background-color: #29ce42
}

.top-clients .top-clients__list .top-client .top-client__img a img {
    display: block;
    width: 100%;
    max-width: 641px;
    height: auto
}

.top-clients .top-clients__list .top-client .top-client_description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 4.9rem
}

.top-clients .top-clients__list .top-client .top-client_description h3+p {
    margin-top: 20px
}

.top-clients .top-clients__list .top-client .top-client_description p+a {
    margin-top: 22px
}

.top-clients .top-clients__list .top-client .top-client_description h3 {
    font-size: 1.765em;
    letter-spacing: -.02em
}

@media(max-width:1023px) {
    .top-clients .top-clients__list .top-client .top-client_description h3 {
        font-size: 1.5em
    }
}

@media(max-width:767px) {
    .top-clients .top-clients__list .top-client .top-client_description h3 {
        font-size: 1.35em
    }
}

.top-clients .top-clients__list .top-client .top-client_description a.btn-icon.icon-left {
    position: relative;
    display: inline-block;
    padding: 7px 22px 9px 9px;
    font-weight: 400;
    font-size: 15px;
    line-height: 1em;
    letter-spacing: -.02em;
    background: linear-gradient(-45deg, #E5462F 0, #D56E44 50%, #E5462F 100%);
    background-position: bottom right;
    background-size: 200%
}

.top-clients .top-clients__list .top-client .top-client_description a.btn-icon.icon-left:hover {
    background-position: top left
}

.top-clients .top-clients__list .top-client .top-client_description a.btn-icon.icon-left::before {
    content: '';
    position: relative;
    top: 1px;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 9px;
    background-image: url(../img/top-clients/web.svg)
}

@media screen and (max-width:1440px) {
    .top-clients .top-clients__list .top-client .top-client_description {
        padding-right: 2rem
    }
}

@media screen and (max-width:1024px) {
    .top-clients .top-clients__list .top-client {
        --gap: 48px
    }
}

@media screen and (max-width:1023px) {
    .top-clients .top-clients__list .top-client .top-client_description {
        padding-right: 0
    }
}

@media screen and (max-width:768px) {
    .top-clients .top-clients__list .top-client {
        --gap: 30px
    }
    .top-clients .top-clients__list .top-client .top-client_description h3+p {
        margin-top: 14px
    }
    .top-clients .top-clients__list .top-client .top-client_description p+a {
        margin-top: 16px
    }
}

@media screen and (max-width:640px) {
    .top-clients .top-clients__list .top-client {
        --gap: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .top-clients .top-clients__list .top-client>div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
    .top-clients .top-clients__list .top-client:nth-child(2n) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .top-clients .top-clients__list .top-client .top-client_description {
        padding-right: 0
    }
}

.section-install {
    padding-top: 0;
    padding-bottom: 0
}

.section-install h2 span {
    color: #3338d3
}

.section-install .install {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px
}

@media screen and (max-width:767px) {
    .section-install .install {
        margin-top: 40px
    }
}

.section-install .install .animations {
    will-change: transform
}

.section-install .install .animations.first:before {
    opacity: 0;
    -webkit-transition: all 3s ease 0s;
    transition: all 3s ease 0s
}

.section-install .install .animations.first._active:before {
    opacity: 1
}

.section-install .install .animations.bt_img img,
.section-install .install .animations.bt_img .gif {
    opacity: 0;
    -webkit-transition: all .5s ease .1s;
    transition: all .5s ease .1s;
    z-index: 1
}

.section-install .install .animations.bt_img._active img,
.section-install .install .animations.bt_img._active .gif {
    opacity: 1
}

.section-install .install .animations .fade__second {
    -webkit-transition: all .5s ease 1.3s;
    transition: all .5s ease 1.3s
}

.section-install .install .animations .fade__three {
    -webkit-transition: all .5s ease 5.4s;
    transition: all .5s ease 5.4s
}

.section-install .install_image-wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    left: 15px
}

@media screen and (max-width:480px) {
    .section-install .install_image-wrap {
        left: 0
    }
}

.section-install .install_image-wrap .img_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative !important;
    z-index: 1
}

@media screen and (max-width:1279px) {
    .section-install .install_image-wrap .img_wrap {
        display: block
    }
}

.section-install .install_image-wrap .img_wrap .install_bullets {
    left: -18% !important;
    top: 15% !important
}

@media screen and (max-width:1679px) {
    .section-install .install_image-wrap .img_wrap .install_bullets {
        left: -20.8% !important;
        top: 11% !important
    }
}

@media screen and (max-width:1279px) {
    .section-install .install_image-wrap .img_wrap .install_bullets {
        left: -20.2% !important;
        top: 9% !important
    }
}

@media screen and (max-width:1023px) {
    .section-install .install_image-wrap .img_wrap .install_bullets {
        left: -19.8% !important;
        top: -2% !important
    }
}

@media screen and (max-width:767px) {
    .section-install .install_image-wrap .img_wrap .install_bullets {
        top: -5% !important
    }
}

.section-install .install_image-wrap .img_wrap img:not(.install_bullets) {
    border-radius: 14px;
    -webkit-box-shadow: 5px 15px 50px 0 rgba(0, 0, 0, .08);
    box-shadow: 5px 15px 50px 0 rgba(0, 0, 0, .08)
}

@media screen and (max-width:767px) {
    .section-install .install_image-wrap .img_wrap img:not(.install_bullets) {
        border-radius: 7px
    }
}

.section-install .install_image-wrap .img_wrap img:not(.install_bullets).img_center {
    position: relative !important;
    -webkit-box-shadow: 0 3px 90px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 3px 90px 0 rgba(0, 0, 0, .07)
}

@media screen and (max-width:480px) {
    .section-install .install_image-wrap .img_wrap img:not(.install_bullets).img_center {
        max-width: 170%
    }
}

@media screen and (max-width:480px) {
    .section-install .install_image-wrap .img_wrap.img_wrap-center {
        left: 50%;
        -webkit-transform: translateX(-134%) !important;
        transform: translateX(-134%) !important
    }
}

.section-install .install_image-wrap .img_wrap.img_wrap-right {
    left: -7.5em;
    padding-bottom: 2.4em;
    z-index: 2
}

@media screen and (max-width:1024px) {
    .section-install .install_image-wrap .img_wrap.img_wrap-right {
        padding-bottom: 1.4em
    }
}

@media screen and (max-width:480px) {
    .section-install .install_image-wrap .img_wrap.img_wrap-right {
        left: -14%;
        padding-bottom: 1.3em
    }
    .section-install .install_image-wrap .img_wrap.img_wrap-right img {
        max-width: 150%
    }
}

.section-install .install_image-wrap .img_wrap.img_wrap-left {
    left: 4.7em !important;
    padding-bottom: 2.3em;
    z-index: 2
}

@media screen and (max-width:1024px) {
    .section-install .install_image-wrap .img_wrap.img_wrap-left {
        padding-bottom: 1.3em
    }
}

@media screen and (max-width:480px) {
    .section-install .install_image-wrap .img_wrap.img_wrap-left {
        left: 0 !important
    }
    .section-install .install_image-wrap .img_wrap.img_wrap-left img {
        max-width: 150%
    }
}

.section-install .install_image-wrap .img_wrap.img_wrap-left:after {
    content: "";
    display: inline-block;
    width: 86px;
    height: 86px;
    position: absolute;
    top: -43px;
    right: -43px;
    background: url(../img/install/cursor.png) center center no-repeat;
    border-radius: 100%;
    -webkit-box-shadow: 0 13px 16px 0 rgba(255, 103, 74, .17);
    box-shadow: 0 13px 16px 0 rgba(255, 103, 74, .17);
    will-change: transform;
    -webkit-transform: rotate(45deg) translateX(10px) rotate(-45deg);
    transform: rotate(45deg) translateX(10px) rotate(-45deg);
    -webkit-animation: round 4s infinite linear;
    animation: round 4s infinite linear
}

@media screen and (max-width:1024px) {
    .section-install .install_image-wrap .img_wrap.img_wrap-left:after {
        width: 65px;
        height: 65px;
        top: -32.5px;
        right: -32.5px;
        background-size: cover
    }
}

@media screen and (max-width:480px) {
    .section-install .install_image-wrap .img_wrap.img_wrap-left:after {
        width: 55px;
        height: 55px;
        top: -25px;
        right: -80px
    }
}

@media screen and (max-width:479px) {
    .section-install .install_image-wrap .img_wrap.img_wrap-left:after {
        right: -65px
    }
}

.section-install .install_item-wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 82px
}

@media screen and (max-width:1024px) {
    .section-install .install_item-wrap {
        margin-top: 53px
    }
}

@media screen and (max-width:767px) {
    .section-install .install_item-wrap {
        margin-top: 43px
    }
    .section-install .install_item-wrap .col-3 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 45px
    }
    .section-install .install_item-wrap .col-3+.col-3 {
        margin-top: 35px
    }
}

.section-install .install_item-wrap .img_wrap {
    display: inline-block;
    position: relative
}

@media screen and (max-width:1024px) {
    .section-install .install_item-wrap .img_wrap img {
        max-width: 90%
    }
}

.section-install .install_item-wrap h4 {
    margin-top: -.23em;
    color: #191919
}

@media screen and (max-width:1024px) {
    .section-install .install_item-wrap h4 br {
        display: none
    }
}

.section-install .install_item-wrap p {
    font-size: 1em;
    line-height: 1.563em;
    margin-top: 1em
}

@media screen and (max-width:1679px) {
    .section-install .install_item-wrap p br {
        display: none
    }
}

.section-install .install_item-wrap span {
    display: inline-block;
    position: absolute;
    top: -10px;
    right: -16px;
    font-family: sofia-pro, sans-serif;
    font-size: .875em;
    font-weight: 500;
    line-height: 1em;
    letter-spacing: 0;
    color: #fff;
    background: #3338d3;
    padding: 5px 12px 9px;
    border-radius: 14px
}

.section-install .circle-orange {
    width: 77px;
    height: 77px;
    border-color: #ff5f4a;
    left: auto !important;
    top: -38px !important;
    right: -38px;
    position: absolute !important
}

@media screen and (max-width:1024px) {
    .section-install .circle-orange {
        width: 65px;
        height: 65px;
        top: -30px !important;
        right: -30px
    }
}

@media screen and (max-width:480px) {
    .section-install .circle-orange {
        width: 60px;
        height: 60px;
        top: -23px !important;
        right: auto;
        left: 153% !important
    }
}

@media screen and (max-width:479px) {
    .section-install .circle-orange {
        left: 148% !important
    }
}

.section-install .circle-blue {
    width: 45px;
    height: 45px;
    border-color: #3338d3;
    top: auto !important;
    left: -21px !important;
    bottom: -23px
}

.section-booked {
    padding-bottom: 13.7em
}

@media screen and (max-width:1439px) {
    .section-booked {
        padding-bottom: 10em
    }
}

@media screen and (max-width:1024px) {
    .section-booked {
        padding-bottom: 4.2em
    }
}

@media screen and (max-width:992px) {
    .section-booked {
        padding-bottom: 8.3em
    }
}

@media screen and (max-width:767px) {
    .section-booked {
        padding-bottom: 6.4em
    }
}

.section-booked img {
    border-radius: 15px;
    -webkit-box-shadow: 11px 11px 50px 0 rgba(0, 0, 0, .04);
    box-shadow: 11px 11px 50px 0 rgba(0, 0, 0, .04)
}

.section-booked .text-wrap .title_small {
    font-size: 2.5em;
    line-height: 1.05em;
    letter-spacing: -1.2px
}

@media screen and (max-width:767px) {
    .section-booked .text-wrap .title_small {
        font-size: 2em
    }
}

@media screen and (max-width:374px) {
    .section-booked .text-wrap .title_small {
        font-size: 1.8em
    }
}

.section-booked .text-wrap h2:not(.title_small) {
    margin-top: 3.45em
}

@media screen and (max-width:1024px) {
    .section-booked .text-wrap h2:not(.title_small) {
        margin-top: 2.45em
    }
}

.section-booked .text-wrap .title_has-bg {
    position: relative;
    font-size: 1.125em;
    font-weight: 700;
    line-height: 1em;
    color: #fff;
    text-indent: -15px;
    z-index: 1
}

.section-booked .text-wrap .title_has-bg:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 82px;
    background: url(../img/booked/paint.png) center center no-repeat;
    z-index: -1
}

.section-booked .text-wrap .btn {
    margin-top: .9em
}

@media screen and (max-width:767px) {
    .section-booked .text-wrap .btn {
        margin-top: 0
    }
}

.section-booked .booked_info {
    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;
    margin: 50px 0 73px
}

.section-booked .booked_info h5 {
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .section-booked .booked_info {
        margin: 30px 0 73px
    }
}

.section-booked .booked_info .booked_info-item h5 {
    font-size: 1.188em;
    font-weight: 700;
    color: #191919;
    margin-top: 21px
}

@media screen and (max-width:1024px) {
    .section-booked .booked_info .booked_info-item h5 {
        margin-top: 10px
    }
}

@media screen and (max-width:1024px) {
    .section-booked .booked_info .booked_info-item img {
        width: 100px;
        height: 100px
    }
}

.section-booked .booked_info .plus {
    position: relative;
    top: -16px;
    margin: 0 19px
}

@media screen and (max-width:1024px) {
    .section-booked .booked_info .plus img {
        max-width: 90%
    }
}

.section-booked .booked_info .scale {
    opacity: 0;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition: opacity .2s ease 0s, -webkit-transform .4s cubic-bezier(0, .5, .5, 1) 0s;
    transition: opacity .2s ease 0s, -webkit-transform .4s cubic-bezier(0, .5, .5, 1) 0s;
    transition: transform .4s cubic-bezier(0, .5, .5, 1) 0s, opacity .2s ease 0s;
    transition: transform .4s cubic-bezier(0, .5, .5, 1) 0s, opacity .2s ease 0s, -webkit-transform .4s cubic-bezier(0, .5, .5, 1) 0s
}

.section-booked .booked_info .scale._active {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.section-booked .booked_info .scale.second {
    -webkit-transition: opacity .2s ease .3s, -webkit-transform .4s cubic-bezier(0, .5, .5, 1) .3s;
    transition: opacity .2s ease .3s, -webkit-transform .4s cubic-bezier(0, .5, .5, 1) .3s;
    transition: transform .4s cubic-bezier(0, .5, .5, 1) .3s, opacity .2s ease .3s;
    transition: transform .4s cubic-bezier(0, .5, .5, 1) .3s, opacity .2s ease .3s, -webkit-transform .4s cubic-bezier(0, .5, .5, 1) .3s
}

.section-booked .booked {
    padding-top: 30px
}

@media screen and (max-width:767px) {
    .section-booked .booked {
        padding-top: 10px
    }
}

.section-booked .booked .booked-item {
    margin-top: 3.65em
}

@media screen and (max-width:1024px) {
    .section-booked .booked .booked-item {
        margin-top: 40px
    }
}

@media screen and (max-width:767px) {
    .section-booked .booked .booked-item {
        margin-top: 30px
    }
}

.section-booked .booked .booked-item h4 {
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.2em;
    margin-top: .94em
}

@media screen and (max-width:1024px) {
    .section-booked .booked .booked-item h4 {
        font-size: 18px;
        margin-top: .7em
    }
    .section-booked .booked .booked-item h4 br {
        display: none
    }
}

@media screen and (max-width:767px) {
    .section-booked .booked .booked-item h4 {
        font-size: 17px
    }
}

@media screen and (max-width:1679px) {
    .section-booked .two-column_bottom .static_img {
        right: -3.7em
    }
}

@media screen and (max-width:1679px) and (max-width:1439px) {
    .section-booked .two-column_bottom .static_img {
        right: -15px
    }
}

@media screen and (max-width:1679px) and (max-width:992px) {
    .section-booked .two-column_bottom .static_img {
        right: auto
    }
}

.wrapper.two-column {
    padding-top: 6.7em
}

@media screen and (max-width:1279px) {
    .wrapper.two-column {
        padding-top: 6em
    }
}

@media screen and (max-width:767px) {
    .wrapper.two-column {
        padding-top: 4em
    }
}

@media screen and (max-width:992px) {
    .wrapper.two-column .col-2 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.wrapper.two-column .image_wrapper {
    padding-top: 40px;
    padding-right: 0;
    text-align: right;
    z-index: 1
}

@media screen and (max-width:1024px) {
    .wrapper.two-column .image_wrapper {
        text-align: left;
        left: 30px
    }
}

@media screen and (max-width:992px) {
    .wrapper.two-column .image_wrapper {
        text-align: center;
        left: 0
    }
}

@media screen and (max-width:480px) {
    .wrapper.two-column .image_wrapper {
        padding-right: 15px
    }
}

.wrapper.two-column .image_wrapper img {
    border-radius: 14px
}

@media screen and (max-width:1439px) {
    .wrapper.two-column .image_wrapper img {
        max-width: 80%
    }
}

@media screen and (max-width:992px) {
    .wrapper.two-column .image_wrapper img {
        max-width: 60%
    }
}

@media screen and (max-width:480px) {
    .wrapper.two-column .image_wrapper img {
        max-width: 80%
    }
}

.wrapper.two-column .image_wrapper .abs_img {
    position: absolute;
    bottom: -55px;
    left: 15px
}

@media screen and (max-width:1679px) {
    .wrapper.two-column .image_wrapper .abs_img {
        left: -105px
    }
}

@media screen and (max-width:1439px) {
    .wrapper.two-column .image_wrapper .abs_img {
        left: -51px
    }
}

@media screen and (max-width:1024px) {
    .wrapper.two-column .image_wrapper .abs_img {
        left: -33px
    }
}

@media screen and (max-width:992px) {
    .wrapper.two-column .image_wrapper .abs_img {
        left: 45px;
        bottom: -35px
    }
}

@media screen and (max-width:480px) {
    .wrapper.two-column .image_wrapper .abs_img {
        left: 15px
    }
}

.wrapper.two-column .image_wrapper .abs_img img {
    max-width: 339px;
    border-radius: 9px;
    -webkit-box-shadow: 5px 15px 90px 0 rgba(0, 0, 0, .05);
    box-shadow: 5px 15px 90px 0 rgba(0, 0, 0, .05);
    z-index: -1
}

@media screen and (max-width:1439px) {
    .wrapper.two-column .image_wrapper .abs_img img {
        max-width: 271px
    }
}

@media screen and (max-width:1024px) {
    .wrapper.two-column .image_wrapper .abs_img img {
        max-width: 237px
    }
}

@media screen and (max-width:480px) {
    .wrapper.two-column .image_wrapper .abs_img img {
        max-width: 170px
    }
}

.wrapper.two-column .image_wrapper .abs_img:after {
    content: "";
    position: absolute;
    top: -89px;
    left: 16px;
    width: 108px;
    height: 49px;
    border-radius: 9px;
    background: url(../img/booked/icon.png) center center no-repeat;
    background-size: cover;
    -webkit-box-shadow: 5px 15px 89px 0 rgba(0, 0, 0, .05);
    box-shadow: 5px 15px 89px 0 rgba(0, 0, 0, .05)
}

@media screen and (max-width:1679px) {
    .wrapper.two-column .image_wrapper .abs_img:after {
        top: -70px
    }
}

@media screen and (max-width:1439px) {
    .wrapper.two-column .image_wrapper .abs_img:after {
        top: -51px;
        left: 73px;
        width: 90px;
        height: 40px;
        background-size: cover
    }
}

@media screen and (max-width:1024px) {
    .wrapper.two-column .image_wrapper .abs_img:after {
        left: 13px
    }
}

@media screen and (max-width:992px) {
    .wrapper.two-column .image_wrapper .abs_img:after {
        top: -54px;
        left: 10px
    }
}

@media screen and (max-width:480px) {
    .wrapper.two-column .image_wrapper .abs_img:after {
        top: -50px
    }
}

.wrapper.two-column .image_wrapper .abs_img:before {
    content: "";
    position: absolute;
    top: -45px;
    right: -45px;
    width: 95px;
    height: 95px;
    border-radius: 100%;
    background: url(../img/booked/cursor.png) center center no-repeat;
    -webkit-box-shadow: 0 13px 16px 0 rgba(255, 103, 74, .17);
    box-shadow: 0 13px 16px 0 rgba(255, 103, 74, .17);
    will-change: transform;
    -webkit-transform: rotate(45deg) translateX(10px) translateZ(2000px) rotate(-45deg);
    transform: rotate(45deg) translateX(10px) translateZ(2000px) rotate(-45deg);
    -webkit-animation: round 4s infinite linear;
    animation: round 4s infinite linear;
    z-index: 2
}

@media screen and (max-width:1439px) {
    .wrapper.two-column .image_wrapper .abs_img:before {
        top: -35px;
        right: -35px;
        width: 75px;
        height: 75px;
        background-size: cover
    }
}

@media screen and (max-width:992px) {
    .wrapper.two-column .image_wrapper .abs_img:before {
        width: 65px;
        height: 65px;
        top: -32.5px
    }
}

@media screen and (max-width:480px) {
    .wrapper.two-column .image_wrapper .abs_img:before {
        width: 60px;
        height: 60px;
        top: -27px
    }
}

.wrapper.two-column .image_wrapper .static_img {
    position: relative
}

.wrapper.two-column .image_wrapper .static_img:before {
    content: "";
    width: 88px;
    height: 88px;
    position: absolute;
    top: -38px;
    right: -40px;
    background: url(../img/bullets.png) center center no-repeat;
    z-index: -1
}

@media screen and (max-width:1024px) {
    .wrapper.two-column .image_wrapper .static_img:before {
        right: 55px
    }
}

@media screen and (max-width:992px) {
    .wrapper.two-column .image_wrapper .static_img:before {
        right: 105px
    }
}

@media screen and (max-width:480px) {
    .wrapper.two-column .image_wrapper .static_img:before {
        width: 60px;
        height: 60px;
        top: -20px;
        right: 5px;
        background-size: contain
    }
}

.PC .wrapper.two-column .image_wrapper .static_img {
    z-index: auto
}

.mobile .wrapper.two-column .image_wrapper .static_img {
    z-index: auto
}

.wrapper.two-column .image_wrapper .circle-orange {
    left: 44% !important;
    top: 2% !important;
    width: 77px;
    height: 77px;
    border-color: #ff5f4a
}

@media screen and (max-width:1679px) {
    .wrapper.two-column .image_wrapper .circle-orange {
        left: 32% !important
    }
}

@media screen and (max-width:1439px) {
    .wrapper.two-column .image_wrapper .circle-orange {
        top: 7% !important;
        left: 29% !important;
        width: 67px;
        height: 67px
    }
}

@media screen and (max-width:1024px) {
    .wrapper.two-column .image_wrapper .circle-orange {
        top: 7% !important;
        left: 34% !important;
        width: 50px;
        height: 50px
    }
}

@media screen and (max-width:992px) {
    .wrapper.two-column .image_wrapper .circle-orange {
        top: 0% !important;
        left: 32% !important
    }
}

@media screen and (max-width:480px) {
    .wrapper.two-column .image_wrapper .circle-orange {
        left: 30% !important;
        top: 15px !important
    }
}

@media screen and (max-width:479px) {
    .wrapper.two-column .image_wrapper .circle-orange {
        width: 35px;
        height: 35px;
        top: 23px !important;
        left: 42% !important
    }
}

@media screen and (max-width:374px) {
    .wrapper.two-column .image_wrapper .circle-orange {
        left: 50% !important
    }
}

.wrapper.two-column .text_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 9.2em
}

@media screen and (max-width:1439px) {
    .wrapper.two-column .text_wrapper {
        padding-left: 8em
    }
}

@media screen and (max-width:1024px) {
    .wrapper.two-column .text_wrapper {
        padding-left: 15px
    }
}

.wrapper.two-column.two-column_bottom .text_wrapper {
    padding-left: 15px;
    padding-right: 6em
}

@media screen and (max-width:1024px) {
    .wrapper.two-column.two-column_bottom .text_wrapper {
        padding-left: 0;
        padding-right: 15px
    }
}

@media screen and (max-width:992px) {
    .wrapper.two-column.two-column_bottom .text_wrapper {
        padding-left: 15px
    }
}

@media screen and (max-width:1679px) {
    .wrapper.two-column.two-column_bottom .text_wrapper h2.elm {
        margin-right: -1.3em;
        padding-right: 4em
    }
}

@media screen and (max-width:1024px) {
    .wrapper.two-column.two-column_bottom .text_wrapper h2.elm {
        margin-right: 0;
        padding-right: 1em
    }
}

@media screen and (max-width:1679px) {
    .wrapper.two-column.two-column_bottom .text_wrapper h2.evn {
        margin-right: -1.3em
    }
}

.wrapper.two-column.two-column_bottom .text_wrapper .list_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 2em
}

@media screen and (max-width:480px) {
    .wrapper.two-column.two-column_bottom .text_wrapper .list_wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.wrapper.two-column.two-column_bottom .text_wrapper .list+.list {
    margin-left: 5.15em
}

@media screen and (max-width:1679px) {
    .wrapper.two-column.two-column_bottom .text_wrapper .list+.list {
        margin-left: 2em
    }
}

@media screen and (max-width:480px) {
    .wrapper.two-column.two-column_bottom .text_wrapper .list+.list {
        margin-left: 0;
        margin-top: 10px
    }
}

.wrapper.two-column.two-column_bottom .image_wrapper {
    text-align: center;
    padding-top: 0;
    padding-left: 30px
}

@media screen and (max-width:1024px) {
    .wrapper.two-column.two-column_bottom .image_wrapper {
        left: 0;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width:992px) {
    .wrapper.two-column.two-column_bottom .image_wrapper {
        padding-top: 70px
    }
}

@media screen and (max-width:480px) {
    .wrapper.two-column.two-column_bottom .image_wrapper {
        padding-top: 53px
    }
}

.wrapper.two-column.two-column_bottom .image_wrapper .abs_img {
    left: 0;
    bottom: -68px
}

@media screen and (max-width:1439px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .abs_img {
        bottom: -10px
    }
}

@media screen and (max-width:1024px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .abs_img {
        left: 25px;
        bottom: 30px
    }
}

@media screen and (max-width:992px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .abs_img {
        bottom: -35px
    }
}

@media screen and (max-width:480px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .abs_img {
        left: 15px
    }
}

.wrapper.two-column.two-column_bottom .image_wrapper .abs_img img {
    max-width: 354px;
    -webkit-box-shadow: 5px 15px 50px 0 rgba(0, 0, 0, .06);
    box-shadow: 5px 15px 50px 0 rgba(0, 0, 0, .06);
    z-index: -1
}

@media screen and (max-width:1439px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .abs_img img {
        max-width: 283px
    }
}

@media screen and (max-width:1024px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .abs_img img {
        max-width: 248px
    }
}

@media screen and (max-width:480px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .abs_img img {
        max-width: 177px
    }
}

.wrapper.two-column.two-column_bottom .image_wrapper .abs_img:before {
    background-size: cover;
    background: url(../img/booked/elementor.png) center center no-repeat
}

@media screen and (max-width:1024px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .abs_img:before {
        right: -35px
    }
}

.wrapper.two-column.two-column_bottom .image_wrapper .abs_img:after {
    top: -68px;
    left: 0;
    width: 226px;
    height: 40px;
    border-radius: 5px;
    background: url(../img/booked/editor.png) center center no-repeat;
    background-size: cover
}

@media screen and (max-width:1439px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .abs_img:after {
        width: 175px;
        background-size: contain;
        left: 10%;
        top: -60px
    }
}

@media screen and (max-width:1024px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .abs_img:after {
        left: 0
    }
}

@media screen and (max-width:480px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .abs_img:after {
        width: 125px;
        top: -45px
    }
}

.wrapper.two-column.two-column_bottom .image_wrapper .static_img:before {
    right: auto;
    top: -40px;
    left: 29px
}

@media screen and (max-width:1679px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img:before {
        left: -30px
    }
}

@media screen and (max-width:1439px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img:before {
        left: 13px
    }
}

@media screen and (max-width:1024px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img:before {
        left: 6px
    }
}

@media screen and (max-width:992px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img:before {
        left: 14%
    }
}

@media screen and (max-width:480px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img:before {
        top: -28px;
        left: 2%
    }
}

.wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img {
    position: absolute;
    right: 15px;
    border-radius: 9px;
    -webkit-box-shadow: 0 3px 36px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 3px 36px 0 rgba(0, 0, 0, .06)
}

@media screen and (max-width:1679px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img {
        right: -45px
    }
}

@media screen and (max-width:1439px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img {
        right: 0
    }
}

@media screen and (max-width:1024px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img {
        width: 90px;
        right: -1px
    }
}

@media screen and (max-width:992px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img {
        right: 100px
    }
}

@media screen and (max-width:767px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img {
        right: 80px
    }
}

@media screen and (max-width:480px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img {
        width: 70px;
        right: 0
    }
}

.wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img.side_img1 {
    top: -46px;
    right: 143px
}

@media screen and (max-width:1679px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img.side_img1 {
        right: 83px
    }
}

@media screen and (max-width:1439px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img.side_img1 {
        top: -57px;
        right: 127px
    }
}

@media screen and (max-width:1024px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img.side_img1 {
        top: -55px;
        right: 100px
    }
}

@media screen and (max-width:992px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img.side_img1 {
        top: -45px;
        right: 200px
    }
}

@media screen and (max-width:767px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img.side_img1 {
        right: 180px
    }
}

@media screen and (max-width:480px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img.side_img1 {
        right: 80px
    }
}

.wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img.side_img2 {
    top: -46px
}

@media screen and (max-width:1439px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img.side_img2 {
        top: -57px;
        right: 0
    }
}

@media screen and (max-width:1024px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img.side_img2 {
        top: -55px;
        right: -1px
    }
}

@media screen and (max-width:992px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img.side_img2 {
        top: -44px;
        right: 100px
    }
}

@media screen and (max-width:767px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img.side_img2 {
        right: 80px
    }
}

@media screen and (max-width:480px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img.side_img2 {
        top: -45px;
        right: 0
    }
}

.wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img.side_img3 {
    top: 70px
}

@media screen and (max-width:1439px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img.side_img3 {
        top: 57px
    }
}

@media screen and (max-width:1024px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img.side_img3 {
        top: 36px
    }
}

@media screen and (max-width:992px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img.side_img3 {
        top: 48px
    }
}

@media screen and (max-width:480px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img.side_img3 {
        top: 28px;
        right: 0
    }
}

.wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img.side_img4 {
    top: 187px
}

@media screen and (max-width:1439px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img.side_img4 {
        top: 170px
    }
}

@media screen and (max-width:1024px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img.side_img4 {
        top: 127px
    }
}

@media screen and (max-width:992px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img.side_img4 {
        top: 140px
    }
}

@media screen and (max-width:480px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img.side_img4 {
        top: 100px
    }
}

.wrapper.two-column.two-column_bottom .image_wrapper .circle-blue {
    left: -8.4% !important;
    top: 7% !important;
    width: 62px;
    height: 62px;
    border-color: #132556
}

@media screen and (max-width:1679px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .circle-blue {
        top: 10% !important;
        left: -10% !important
    }
}

@media screen and (max-width:1439px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .circle-blue {
        top: 17% !important;
        left: -11% !important;
        width: 52px;
        height: 52px
    }
}

@media screen and (max-width:1024px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .circle-blue {
        top: 6% !important;
        left: -2% !important
    }
}

@media screen and (max-width:992px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .circle-blue {
        left: 0% !important
    }
}

@media screen and (max-width:480px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .circle-blue {
        width: 40px;
        height: 40px;
        top: 7% !important;
        left: 33% !important
    }
}

@media screen and (max-width:479px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .circle-blue {
        top: 10% !important;
        left: 43% !important
    }
}

@media screen and (max-width:374px) {
    .wrapper.two-column.two-column_bottom .image_wrapper .circle-blue {
        left: 50% !important
    }
}

.wrapper.two-column+.wrapper.two-column {
    margin-top: 146px
}

@media screen and (max-width:1024px) {
    .wrapper.two-column+.wrapper.two-column {
        margin-top: 109px
    }
}

@media screen and (max-width:992px) {
    .wrapper.two-column+.wrapper.two-column {
        margin-top: 50px;
        padding-top: 4.8em
    }
}

@media screen and (max-width:480px) {
    .wrapper.two-column+.wrapper.two-column {
        margin-top: 20px
    }
}

.section-slider {
    padding-top: 9.1em;
    padding-bottom: 9.2em;
    background: #4233d3
}

@media screen and (max-width:1279px) {
    .section-slider {
        padding-top: 6em;
        padding-bottom: 6.6em
    }
}

@media screen and (max-width:767px) {
    .section-slider {
        padding-top: 4.2em;
        padding-bottom: 4.1em
    }
}

.section-slider .slick-slider {
    padding-top: 23px;
    padding-bottom: 44px
}

@media screen and (max-width:1024px) {
    .section-slider .slick-slider {
        padding-top: 13px;
        padding-bottom: 36px
    }
}

@media screen and (max-width:767px) {
    .section-slider .slick-slider {
        padding-bottom: 20px
    }
}

.section-slider .slick-slide img {
    margin: 0 15px;
    width: auto;
    max-height: 541px
}

@media screen and (max-width:1439px) {
    .section-slider .slick-slide img {
        margin: 0 11px
    }
}

@media screen and (max-width:1024px) {
    .section-slider .slick-slide img {
        margin: 0 9px
    }
}

@media screen and (min-width:480px) and (max-width:767px) {
    .section-slider .slick-slide img {
        margin: 0 8px
    }
}

@media screen and (max-width:479px) {
    .section-slider .slick-slide img {
        margin: 0 5px
    }
}

.section-slider .slick-dots li {
    width: auto !important;
    height: auto;
    width: 20px;
    margin: 0 12px
}

@media screen and (max-width:1024px) {
    .section-slider .slick-dots li {
        margin: 0 18px
    }
}

@media screen and (max-width:480px) {
    .section-slider .slick-dots li {
        margin: 0 15px
    }
}

.section-slider .slick-dots li button {
    width: 8px;
    height: 8px;
    padding: 0;
    background: 0 0;
    border-radius: 100%;
    border: 1px solid #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.section-slider .slick-dots li button:before {
    display: none
}

.section-slider .slick-dots li.slick-active button {
    background: #fff
}

.section-slider .slick-dots li.slick-active button:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: 28px;
    height: 28px;
    background: 0 0;
    border-radius: 100%;
    border: 1px solid #776de0
}

.section-plugins {
    padding-top: 8.3em;
    padding-bottom: 12em
}

@media screen and (max-width:1439px) {
    .section-plugins {
        padding-bottom: 12em
    }
}

@media screen and (max-width:1024px) {
    .section-plugins {
        padding-top: 6em;
        padding-bottom: 7.7em
    }
}

@media screen and (max-width:480px) {
    .section-plugins {
        padding-top: 4.1em;
        padding-bottom: 7em
    }
}

.section-plugins .wrapper.two-column {
    padding-top: 4.2em
}

@media screen and (max-width:1024px) {
    .section-plugins .wrapper.two-column {
        padding-top: 2.6em
    }
}

@media screen and (max-width:992px) {
    .section-plugins .wrapper.two-column {
        padding-top: 0
    }
}

.section-plugins .wrapper.two-column .text_wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:1679px) {
    .section-plugins .wrapper.two-column.two-column_bottom .static_img {
        right: -3.7em
    }
}

@media screen and (max-width:1439px) {
    .section-plugins .wrapper.two-column.two-column_bottom .static_img {
        right: -15px
    }
}

@media screen and (max-width:992px) {
    .section-plugins .wrapper.two-column.two-column_bottom .static_img {
        right: 0
    }
}

.section-plugins .wrapper.two-column.two-column_bottom .static_img:before {
    left: 44px
}

@media screen and (max-width:1679px) {
    .section-plugins .wrapper.two-column.two-column_bottom .static_img:before {
        left: -15px
    }
}

@media screen and (max-width:1439px) {
    .section-plugins .wrapper.two-column.two-column_bottom .static_img:before {
        left: 15px
    }
}

@media screen and (max-width:1024px) {
    .section-plugins .wrapper.two-column.two-column_bottom .static_img:before {
        left: 7px
    }
}

@media screen and (max-width:992px) {
    .section-plugins .wrapper.two-column.two-column_bottom .static_img:before {
        left: 15%
    }
}

@media screen and (max-width:480px) {
    .section-plugins .wrapper.two-column.two-column_bottom .static_img:before {
        top: -25px;
        left: 2%
    }
}

.section-plugins .wrapper.two-column.two-column_bottom .static_img img {
    -webkit-box-shadow: 0 3px 70px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 3px 70px 0 rgba(0, 0, 0, .06)
}

@media screen and (max-width:1679px) {
    .section-plugins .wrapper.two-column.two-column_bottom .static_img .side_img {
        right: -45px
    }
}

.section-plugins .wrapper.two-column.two-column_bottom .static_img .side_img.side_img1 {
    top: -50px;
    right: 37px;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media screen and (max-width:1679px) {
    .section-plugins .wrapper.two-column.two-column_bottom .static_img .side_img.side_img1 {
        right: -22px
    }
}

@media screen and (max-width:1439px) {
    .section-plugins .wrapper.two-column.two-column_bottom .static_img .side_img.side_img1 {
        right: 0
    }
}

@media screen and (max-width:992px) {
    .section-plugins .wrapper.two-column.two-column_bottom .static_img .side_img.side_img1 {
        right: 15%
    }
}

@media screen and (max-width:480px) {
    .section-plugins .wrapper.two-column.two-column_bottom .static_img .side_img.side_img1 {
        top: -40px;
        right: 0
    }
}

.section-plugins .wrapper.two-column.two-column_bottom .static_img .side_img.side_img2 {
    max-width: 231px;
    top: auto;
    bottom: -39px;
    -webkit-box-shadow: 0 3px 70px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 3px 70px 0 rgba(0, 0, 0, .09);
    z-index: 0
}

@media screen and (max-width:1024px) {
    .section-plugins .wrapper.two-column.two-column_bottom .static_img .side_img.side_img2 {
        max-width: 40%;
        width: auto;
        right: 2.5%
    }
}

@media screen and (max-width:992px) {
    .section-plugins .wrapper.two-column.two-column_bottom .static_img .side_img.side_img2 {
        max-width: 231px;
        right: 10%
    }
}

@media screen and (max-width:480px) {
    .section-plugins .wrapper.two-column.two-column_bottom .static_img .side_img.side_img2 {
        max-width: 40%;
        right: 0
    }
}

.section-plugins .wrapper.two-column.two-column_bottom .image_wrapper {
    padding: 0
}

@media screen and (max-width:992px) {
    .section-plugins .wrapper.two-column.two-column_bottom .image_wrapper {
        padding-top: 6.2em;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width:480px) {
    .section-plugins .wrapper.two-column.two-column_bottom .image_wrapper {
        padding-top: 5.2em
    }
}

.section-plugins .wrapper.two-column.two-column_bottom .image_wrapper .abs_img {
    left: -15px;
    bottom: -44px
}

@media screen and (max-width:1679px) {
    .section-plugins .wrapper.two-column.two-column_bottom .image_wrapper .abs_img {
        left: 0
    }
}

@media screen and (max-width:1024px) {
    .section-plugins .wrapper.two-column.two-column_bottom .image_wrapper .abs_img {
        left: 20px
    }
}

@media screen and (max-width:992px) {
    .section-plugins .wrapper.two-column.two-column_bottom .image_wrapper .abs_img {
        left: 74px
    }
}

@media screen and (max-width:480px) {
    .section-plugins .wrapper.two-column.two-column_bottom .image_wrapper .abs_img {
        left: 15px
    }
}

.section-plugins .wrapper.two-column.two-column_bottom .image_wrapper .abs_img img {
    max-width: 169px;
    border-radius: 30px;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media screen and (max-width:1439px) {
    .section-plugins .wrapper.two-column.two-column_bottom .image_wrapper .abs_img img {
        max-width: 135px;
        border-radius: 20px
    }
}

@media screen and (max-width:1024px) {
    .section-plugins .wrapper.two-column.two-column_bottom .image_wrapper .abs_img img {
        max-width: 118px
    }
}

@media screen and (max-width:480px) {
    .section-plugins .wrapper.two-column.two-column_bottom .image_wrapper .abs_img img {
        border-radius: 15px;
        max-width: 110px
    }
}

@media screen and (max-width:479px) {
    .section-plugins .wrapper.two-column.two-column_bottom .image_wrapper .abs_img img {
        max-width: 85px
    }
}

.section-plugins .wrapper.two-column.two-column_bottom .image_wrapper .abs_img:before {
    width: 100px;
    height: 100px;
    right: auto;
    top: -40px;
    left: -50px;
    background: url(../img/booked/woo.png) center center no-repeat;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media screen and (max-width:1439px) {
    .section-plugins .wrapper.two-column.two-column_bottom .image_wrapper .abs_img:before {
        width: 90px;
        height: 90px;
        top: -30px;
        left: -30px
    }
}

@media screen and (max-width:1024px) {
    .section-plugins .wrapper.two-column.two-column_bottom .image_wrapper .abs_img:before {
        width: 75px;
        height: 75px;
        top: -20px;
        left: -30px;
        background-size: cover
    }
}

@media screen and (max-width:480px) {
    .section-plugins .wrapper.two-column.two-column_bottom .image_wrapper .abs_img:before {
        width: 60px;
        height: 60px;
        left: 90px
    }
}

@media screen and (max-width:479px) {
    .section-plugins .wrapper.two-column.two-column_bottom .image_wrapper .abs_img:before {
        top: -30px;
        left: 50px
    }
}

.section-plugins .wrapper.two-column.two-column_bottom .image_wrapper .abs_img:after {
    display: none
}

.section-plugins .wrapper.two-column.two-column_bottom .image_wrapper .circle-orange {
    width: 51px;
    height: 51px;
    top: -59% !important;
    left: 61% !important;
    z-index: 10
}

@media screen and (max-width:1679px) {
    .section-plugins .wrapper.two-column.two-column_bottom .image_wrapper .circle-orange {
        left: 73.5% !important
    }
}

@media screen and (max-width:1439px) {
    .section-plugins .wrapper.two-column.two-column_bottom .image_wrapper .circle-orange {
        top: -67% !important;
        left: 58% !important
    }
}

@media screen and (max-width:1024px) {
    .section-plugins .wrapper.two-column.two-column_bottom .image_wrapper .circle-orange {
        left: 55% !important
    }
}

@media screen and (max-width:992px) {
    .section-plugins .wrapper.two-column.two-column_bottom .image_wrapper .circle-orange {
        top: -71% !important;
        left: 54% !important
    }
}

@media screen and (max-width:480px) {
    .section-plugins .wrapper.two-column.two-column_bottom .image_wrapper .circle-orange {
        width: 40px;
        height: 40px;
        left: 50% !important;
        top: -59% !important
    }
}

@media screen and (max-width:479px) {
    .section-plugins .wrapper.two-column.two-column_bottom .image_wrapper .circle-orange {
        top: -55% !important
    }
}

.section-plugins .wrapper.two-column.two-column_top .text_wrapper {
    padding-top: 2.5em
}

@media screen and (max-width:992px) {
    .section-plugins .wrapper.two-column.two-column_top .text_wrapper {
        padding-top: 2.5em
    }
}

.section-plugins .wrapper.two-column.two-column_top .image_wrapper {
    padding-top: 25px
}

@media screen and (max-width:1024px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper {
        left: 0;
        padding-left: 0
    }
}

@media screen and (max-width:992px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper {
        padding-top: 5.2em;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width:480px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper {
        padding-top: 3.8em
    }
}

.section-plugins .wrapper.two-column.two-column_top .image_wrapper .static_img {
    text-align: left
}

@media screen and (max-width:1679px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper .static_img {
        margin-left: -120px
    }
}

@media screen and (max-width:1439px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper .static_img {
        margin-left: 0
    }
}

@media screen and (max-width:992px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper .static_img {
        text-align: center
    }
}

.section-plugins .wrapper.two-column.two-column_top .image_wrapper .static_img:after {
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    top: -47px;
    right: 38px;
    border-radius: 100%;
    background: url(../img/booked/plugin.png) center center no-repeat;
    will-change: transform;
    -webkit-transform: rotate(45deg) translateX(10px) rotate(-45deg);
    transform: rotate(45deg) translateX(10px) rotate(-45deg);
    -webkit-animation: round 4s infinite linear;
    animation: round 4s infinite linear
}

@media screen and (max-width:1439px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper .static_img:after {
        width: 90px;
        height: 90px;
        top: -40px;
        right: 70px;
        background-size: cover
    }
}

@media screen and (max-width:1024px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper .static_img:after {
        width: 75px;
        height: 75px;
        top: -40px;
        right: 70px
    }
}

@media screen and (max-width:992px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper .static_img:after {
        top: -30px;
        right: 115px
    }
}

@media screen and (max-width:480px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper .static_img:after {
        width: 60px;
        height: 60px;
        right: 10px
    }
}

.section-plugins .wrapper.two-column.two-column_top .image_wrapper .static_img:before {
    top: 48%;
    right: -10px
}

@media screen and (max-width:1439px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper .static_img:before {
        right: 15px
    }
}

@media screen and (max-width:1024px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper .static_img:before {
        top: 30%;
        right: 42px
    }
}

@media screen and (max-width:992px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper .static_img:before {
        top: 34%
    }
}

.section-plugins .wrapper.two-column.two-column_top .image_wrapper .abs_img {
    left: auto;
    right: -15px;
    bottom: -100px
}

@media screen and (max-width:1439px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper .abs_img {
        bottom: -50px
    }
}

@media screen and (max-width:1024px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper .abs_img {
        right: 40px
    }
}

@media screen and (max-width:480px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper .abs_img {
        right: 15px
    }
}

.section-plugins .wrapper.two-column.two-column_top .image_wrapper .abs_img:after {
    display: none
}

.section-plugins .wrapper.two-column.two-column_top .image_wrapper .abs_img:before {
    width: 86px;
    height: 86px;
    left: -44px;
    background: url(../img/booked/google-cl.png) center center no-repeat;
    border-radius: 9px;
    -webkit-box-shadow: 0 3px 36px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 3px 36px 0 rgba(0, 0, 0, .06);
    -webkit-animation: none;
    animation: none
}

@media screen and (max-width:1439px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper .abs_img:before {
        width: 76px;
        height: 76px
    }
}

@media screen and (max-width:1024px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper .abs_img:before {
        top: -45px;
        left: -40px
    }
}

@media screen and (max-width:480px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper .abs_img:before {
        width: 50px;
        height: 50px;
        top: -35px;
        background-size: cover
    }
}

.section-plugins .wrapper.two-column.two-column_top .image_wrapper .abs_img .postcard_max {
    max-width: 418px
}

@media screen and (max-width:1439px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper .abs_img .postcard_max {
        max-width: 334px
    }
}

@media screen and (max-width:1024px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper .abs_img .postcard_max {
        max-width: 293px
    }
}

@media screen and (max-width:480px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper .abs_img .postcard_max {
        max-width: 210px
    }
}

.section-plugins .wrapper.two-column.two-column_top .image_wrapper .circle-orange {
    width: 51px;
    height: 51px;
    top: 15% !important;
    left: 37% !important
}

@media screen and (max-width:1679px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper .circle-orange {
        left: 23% !important
    }
}

@media screen and (max-width:1439px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper .circle-orange {
        top: 21% !important;
        left: 38% !important
    }
}

@media screen and (max-width:1024px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper .circle-orange {
        top: 8% !important;
        left: 26% !important
    }
}

@media screen and (max-width:992px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper .circle-orange {
        top: 20px !important;
        left: 50% !important
    }
}

@media screen and (max-width:480px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper .circle-orange {
        width: 40px;
        height: 40px;
        top: 35px !important;
        left: 44% !important
    }
}

@media screen and (max-width:479px) {
    .section-plugins .wrapper.two-column.two-column_top .image_wrapper .circle-orange {
        top: 35px !important;
        left: 28% !important
    }
}

@media screen and (max-width:1024px) {
    .section_slider-large {
        padding-bottom: 2.9em
    }
}

.section_slider-large .slider-large {
    padding-top: 1.8em
}

@media screen and (max-width:1024px) {
    .section_slider-large .slider-large {
        padding-top: .9em
    }
}

.section_slider-large ul.slick-dots {
    display: none
}

.section_slider-large .slick-slide img {
    margin: 0 15px;
    max-height: 571px
}

@media screen and (max-width:1024px) {
    .section_slider-large .slick-slide img {
        margin: 0 10px
    }
}

@media screen and (max-width:479px) {
    .section_slider-large .slick-slide img {
        margin: 0 5px
    }
}

@media screen and (min-width:480px) and (max-width:736px) {
    .section_slider-large .slick-slide img {
        margin: 0 8px
    }
}

.section-block {
    padding-top: 10px
}

@media screen and (max-width:1024px) {
    .section-block {
        padding-top: 20px
    }
}

.section-block .about {
    margin-right: -60px
}

@media screen and (max-width:1679px) {
    .section-block .about {
        margin-right: -15px
    }
}

@media screen and (max-width:480px) {
    .section-block .about {
        text-align: center
    }
}

.section-block .about .about-item h4 {
    font-family: sofia-pro, sans-serif;
    font-size: 1.625em;
    font-weight: 600;
    line-height: 1em;
    letter-spacing: -.52px;
    margin-top: 0;
    margin-bottom: .6em
}

@media screen and (max-width:1024px) {
    .section-block .about .about-item h4 {
        font-size: 23px
    }
}

.section-block .about .about-item p {
    font-size: 1em;
    line-height: 1.688em;
    letter-spacing: -.16px;
    color: #868686;
    margin-bottom: 2em
}

@media screen and (max-width:1679px) {
    .section-block .about .about-item p {
        font-size: .938em
    }
}

@media screen and (max-width:1679px) {
    .section-block .about .about-item p br {
        display: none
    }
}

@media screen and (max-width:480px) {
    .section-block .about .about-item p {
        margin-bottom: 1.1em
    }
}

.section-block .about .about-item img {
    border-radius: 9px
}

@media screen and (max-width:480px) {
    .section-block .about .about-item img {
        max-width: 75%
    }
}

@media screen and (max-width:480px) {
    .section-block .about .about-item+.about-item {
        margin-top: 50px
    }
}

.section-layouts {
    margin-top: 10px;
    padding-top: 2em;
    padding-bottom: 7.2em
}

@media screen and (max-width:1024px) {
    .section-layouts {
        padding-top: 15px;
        padding-bottom: 5.8em
    }
}

@media screen and (max-width:767px) {
    .section-layouts {
        padding-bottom: 3.9em
    }
}

.section-layouts .layouts {
    margin-top: -1.4em
}

.section-layouts .layouts .layouts-item {
    margin-top: 2.85em
}

@media screen and (max-width:1024px) {
    .section-layouts .layouts .layouts-item {
        margin-top: 2.4em
    }
}

.section-layouts .layouts .layouts-item .icon_wrap .icon-forever:before {
    font-size: 1.7em
}

.section-layouts .layouts .layouts-item .icon_wrap .icon-storage:before {
    font-size: 2.2em
}

.section-layouts .layouts .layouts-item .icon_wrap .icon-header:before {
    font-size: 2.5em
}

.section-layouts .layouts .layouts-item .icon_wrap .icon-tablet:before {
    font-size: 3.05em
}

.section-layouts .layouts .layouts-item h4 {
    font-size: 1.313em;
    font-weight: 600;
    line-height: 1.19em;
    margin-top: .88em
}

@media screen and (max-width:1024px) {
    .section-layouts .layouts .layouts-item h4 {
        font-size: 19px;
        margin-top: .68em
    }
}

@media screen and (max-width:767px) {
    .section-layouts .layouts .layouts-item h4 {
        font-size: 18px
    }
}

@media screen and (max-width:1679px) {
    .section-layouts .layouts .layouts-item h4 br {
        display: none
    }
}

.section-layouts .layouts .layouts-item p {
    font-size: .938em;
    line-height: 1.533em;
    margin-top: 1.65em;
    padding: 0 15px
}

@media screen and (max-width:1024px) {
    .section-layouts .layouts .layouts-item p {
        padding: 0;
        margin-top: 1em
    }
}

.section-typography {
    padding-top: 9.1em;
    padding-bottom: 16em;
    background: #151a24
}

@media screen and (max-width:1439px) {
    .section-typography {
        padding-bottom: 15em
    }
}

@media screen and (max-width:1024px) {
    .section-typography {
        padding-top: 6em;
        padding-bottom: 11.5em
    }
}

@media screen and (max-width:767px) {
    .section-typography {
        padding-top: 4.1em;
        padding-bottom: 7.8em
    }
}

.section-typography .about {
    margin-top: 70px
}

@media screen and (max-width:1024px) {
    .section-typography .about {
        margin-top: 47px
    }
}

@media screen and (max-width:767px) {
    .section-typography .about {
        margin-top: 37px
    }
}

.section-typography .about-item h4 {
    font-size: 1.438em;
    font-weight: 600;
    letter-spacing: -.46px;
    margin-top: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:1024px) {
    .section-typography .about-item h4 {
        font-size: 20px
    }
}

.section-typography .about-item h4:before {
    content: "\E978";
    font-family: fontello;
    display: inline-block;
    text-align: center;
    font-size: 6px;
    width: 24px;
    height: 24px;
    line-height: 25px;
    border-radius: 100%;
    margin-right: 12px;
    color: #fff;
    background: #72bf40
}

.section-typography .about-item p {
    font-size: 1em;
    line-height: 1.688em;
    color: #878990;
    margin-top: .8em;
    padding-left: 37px
}

@media screen and (max-width:767px) {
    .section-typography .about-item p {
        margin-top: .5em
    }
}

@media screen and (max-width:480px) {
    .section-typography .about-item+.about-item {
        margin-top: 25px
    }
}

.section-typography .image_block {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 70px;
    left: 44px
}

@media screen and (max-width:1024px) {
    .section-typography .image_block {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        left: 0;
        margin-top: 53px
    }
}

@media screen and (max-width:992px) {
    .section-typography .image_block {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width:480px) {
    .section-typography .image_block {
        padding: 0;
        margin-top: 40px
    }
}

.section-typography .image_block .img_wrap-center img {
    border-radius: 14px
}

@media screen and (max-width:1439px) {
    .section-typography .image_block .img_wrap-center .img_center {
        max-width: 450px
    }
}

@media screen and (max-width:992px) {
    .section-typography .image_block .img_wrap-center .img_center {
        max-width: 416px
    }
}

@media screen and (max-width:480px) {
    .section-typography .image_block .img_wrap-center .img_center {
        max-width: 80%
    }
}

.section-typography .image_block .img_wrap-left {
    position: relative;
    left: 4em;
    padding-bottom: 4em
}

@media screen and (max-width:1439px) {
    .section-typography .image_block .img_wrap-left {
        left: 3em
    }
}

@media screen and (max-width:992px) {
    .section-typography .image_block .img_wrap-left {
        position: absolute;
        left: 15px
    }
}

@media screen and (max-width:480px) {
    .section-typography .image_block .img_wrap-left {
        left: -12%
    }
}

@media screen and (max-width:479px) {
    .section-typography .image_block .img_wrap-left {
        left: -19%
    }
}

@media screen and (max-width:374px) {
    .section-typography .image_block .img_wrap-left {
        left: -22%
    }
}

.section-typography .image_block .img_wrap-left img {
    max-height: 214px;
    border-radius: 14px;
    -webkit-box-shadow: 0 3px 99px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 3px 99px 0 rgba(0, 0, 0, .06)
}

@media screen and (max-width:1439px) {
    .section-typography .image_block .img_wrap-left img {
        max-width: 171px
    }
}

@media screen and (max-width:767px) {
    .section-typography .image_block .img_wrap-left img {
        max-width: 150px
    }
}

@media screen and (max-width:480px) {
    .section-typography .image_block .img_wrap-left img {
        max-width: 50%
    }
}

@media screen and (max-width:479px) {
    .section-typography .image_block .img_wrap-left img {
        max-width: 40%
    }
}

@media screen and (max-width:374px) {
    .section-typography .image_block .img_wrap-left img {
        max-width: 35%
    }
}

.section-typography .image_block .img_wrap-right {
    position: relative;
    z-index: 2;
    bottom: -6.9em;
    right: 9.3em
}

@media screen and (max-width:1439px) {
    .section-typography .image_block .img_wrap-right {
        bottom: -5.9em;
        right: 7.3em
    }
}

@media screen and (max-width:1024px) {
    .section-typography .image_block .img_wrap-right {
        position: absolute;
        bottom: -90px;
        right: 90px
    }
}

@media screen and (max-width:992px) {
    .section-typography .image_block .img_wrap-right {
        right: 15px
    }
}

@media screen and (max-width:767px) {
    .section-typography .image_block .img_wrap-right {
        bottom: -60px
    }
}

@media screen and (max-width:480px) {
    .section-typography .image_block .img_wrap-right {
        text-align: right;
        right: 0
    }
}

.section-typography .image_block .img_wrap-right img {
    z-index: -1;
    max-width: 345px
}

@media screen and (max-width:1439px) {
    .section-typography .image_block .img_wrap-right img {
        max-width: 276px
    }
}

@media screen and (max-width:767px) {
    .section-typography .image_block .img_wrap-right img {
        max-width: 230px
    }
}

@media screen and (max-width:480px) {
    .section-typography .image_block .img_wrap-right img {
        width: 210px
    }
}

@media screen and (max-width:479px) {
    .section-typography .image_block .img_wrap-right img {
        max-width: 171px;
        width: 100%
    }
}

@media screen and (max-width:374px) {
    .section-typography .image_block .img_wrap-right img {
        max-width: 155px
    }
}

.section-typography .image_block .img_wrap-right .scene__wrap {
    position: absolute !important;
    width: 100%;
    height: 100%;
    z-index: 2
}

.section-typography .image_block .img_wrap-right .circle-orange {
    top: -20px !important;
    left: 92% !important;
    color: #ff5f4a;
    z-index: 3
}

@media screen and (max-width:1439px) {
    .section-typography .image_block .img_wrap-right .circle-orange {
        top: -6px !important;
        left: 86% !important
    }
}

@media screen and (max-width:480px) {
    .section-typography .image_block .img_wrap-right .circle-orange {
        width: 40px;
        height: 40px;
        left: -20px !important;
        top: -5px !important
    }
}

@media screen and (max-width:374px) {
    .section-typography .image_block .img_wrap-right .circle-orange {
        left: -27px !important
    }
}

.section-typography .image_block .img_wrap-right .install_bullets {
    top: -88px !important;
    left: -139.7% !important
}

@media screen and (max-width:1439px) {
    .section-typography .image_block .img_wrap-right .install_bullets {
        width: 70px;
        height: 70px;
        left: -153.7% !important
    }
}

@media screen and (max-width:1024px) {
    .section-typography .image_block .img_wrap-right .install_bullets {
        top: -85px !important;
        left: -149% !important
    }
}

@media screen and (max-width:768px) {
    .section-typography .image_block .img_wrap-right .install_bullets {
        left: -131% !important
    }
}

@media screen and (max-width:767px) {
    .section-typography .image_block .img_wrap-right .install_bullets {
        top: -86px !important;
        left: -158% !important
    }
}

@media screen and (max-width:568px) {
    .section-typography .image_block .img_wrap-right .install_bullets {
        display: none !important
    }
}

.section-about {
    padding-top: 8.3em
}

@media screen and (max-width:1024px) {
    .section-about {
        padding-top: 7.4em
    }
}

@media screen and (max-width:767px) {
    .section-about {
        padding-top: 3em
    }
}

.section-about .wrapper.two-column {
    padding-bottom: 3.9em
}

.section-about .wrapper.two-column.two-column_bottom {
    padding-top: 1.1em
}

.section-about .wrapper.two-column.two-column_bottom .image_wrapper {
    padding-left: 35px
}

@media screen and (max-width:1024px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper {
        padding-left: 15px
    }
}

@media screen and (max-width:992px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper {
        padding-top: 60px
    }
}

.section-about .wrapper.two-column.two-column_bottom .image_wrapper .static_img {
    text-align: left;
    z-index: -1
}

@media screen and (max-width:1439px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper .static_img {
        text-align: center
    }
}

.section-about .wrapper.two-column.two-column_bottom .image_wrapper .static_img:before {
    left: auto;
    top: -55px;
    right: 95px
}

@media screen and (max-width:1679px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper .static_img:before {
        right: -25px
    }
}

@media screen and (max-width:1439px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper .static_img:before {
        top: -35px;
        right: 1em
    }
}

@media screen and (max-width:1024px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper .static_img:before {
        right: 5px
    }
}

@media screen and (max-width:992px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper .static_img:before {
        right: 102px
    }
}

@media screen and (max-width:480px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper .static_img:before {
        top: -25px;
        right: 2%
    }
}

.section-about .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img {
    max-width: 195px;
    right: auto;
    top: 53.8%;
    left: -95px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width:1439px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img {
        width: 155px;
        left: -15px
    }
}

@media screen and (max-width:1024px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img {
        width: 125px
    }
}

@media screen and (max-width:992px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img {
        left: 80px
    }
}

@media screen and (max-width:480px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img {
        left: 0
    }
}

@media screen and (max-width:479px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper .static_img .side_img {
        width: 100px
    }
}

.section-about .wrapper.two-column.two-column_bottom .image_wrapper .abs_img {
    left: auto;
    right: 15px;
    bottom: -60px
}

@media screen and (max-width:1679px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper .abs_img {
        right: -105px
    }
}

@media screen and (max-width:1439px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper .abs_img {
        right: -48px;
        bottom: -20px
    }
}

@media screen and (max-width:1024px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper .abs_img {
        right: -5px;
        bottom: -10px
    }
}

@media screen and (max-width:992px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper .abs_img {
        right: 50px;
        bottom: -50px
    }
}

@media screen and (max-width:480px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper .abs_img {
        text-align: right;
        right: 15px
    }
}

.section-about .wrapper.two-column.two-column_bottom .image_wrapper .abs_img:after {
    display: none
}

.section-about .wrapper.two-column.two-column_bottom .image_wrapper .abs_img:before {
    width: 86px;
    height: 86px;
    right: auto;
    left: -39px;
    top: -39px;
    background: url(../img/booked/pensel.png) center center no-repeat;
    -webkit-box-shadow: 0 12px 16px 0 rgba(12, 36, 64, .1);
    box-shadow: 0 12px 16px 0 rgba(12, 36, 64, .1);
    z-index: 3
}

@media screen and (max-width:1439px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper .abs_img:before {
        width: 76px;
        height: 76px;
        top: -35px
    }
}

@media screen and (max-width:1024px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper .abs_img:before {
        width: 70px;
        height: 70px;
        left: -39px;
        top: -30px;
        background-size: cover
    }
}

@media screen and (max-width:480px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper .abs_img:before {
        width: 60px;
        height: 60px;
        left: -25px
    }
}

.section-about .wrapper.two-column.two-column_bottom .image_wrapper .scene__wrap {
    z-index: -1
}

.section-about .wrapper.two-column.two-column_bottom .image_wrapper .circle-blue {
    width: 51px;
    height: 51px;
    left: 38.8% !important;
    border-color: #4233d3;
    z-index: -1
}

@media screen and (max-width:1679px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper .circle-blue {
        top: 7% !important;
        left: 48% !important
    }
}

@media screen and (max-width:1439px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper .circle-blue {
        top: 5% !important;
        left: 50% !important
    }
}

@media screen and (max-width:1024px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper .circle-blue {
        top: 6% !important;
        left: 44% !important
    }
}

@media screen and (max-width:992px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper .circle-blue {
        left: 55% !important
    }
}

@media screen and (max-width:480px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper .circle-blue {
        width: 40px;
        height: 40px;
        top: 14% !important;
        left: 50% !important
    }
}

@media screen and (max-width:479px) {
    .section-about .wrapper.two-column.two-column_bottom .image_wrapper .circle-blue {
        top: 15% !important;
        left: 40% !important
    }
}

.section-about .wrapper.two-column.two-column_bottom .text_wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-about .wrapper.two-column.two-column_bottom .text_wrapper .about-list .about-list_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-size: 1.188em;
    font-weight: 400;
    line-height: 1em;
    letter-spacing: -.76px;
    color: #070346
}

.section-about .wrapper.two-column.two-column_bottom .text_wrapper .about-list .about-list_item:before {
    content: "";
    width: 52px;
    height: 52px;
    margin-right: 20px;
    border-radius: 100%;
    -webkit-box-shadow: 0 3px 16px 0 rgba(0, 0, 0, .04);
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, .04)
}

@media screen and (max-width:1024px) {
    .section-about .wrapper.two-column.two-column_bottom .text_wrapper .about-list .about-list_item:before {
        width: 42px;
        height: 42px;
        background-size: cover !important;
        margin-right: 15px
    }
}

.section-about .wrapper.two-column.two-column_bottom .text_wrapper .about-list .about-list_item:nth-child(1):before {
    background: url(../img/booked/theme1.png) center center no-repeat
}

.section-about .wrapper.two-column.two-column_bottom .text_wrapper .about-list .about-list_item:nth-child(2):before {
    background: url(../img/booked/theme2.png) center center no-repeat
}

.section-about .wrapper.two-column.two-column_bottom .text_wrapper .about-list .about-list_item:nth-child(3):before {
    background: url(../img/booked/theme3.png) center center no-repeat
}

.section-about .wrapper.two-column.two-column_bottom .text_wrapper .about-list .about-list_item+.about-list_item {
    margin-top: 10px
}

@media screen and (max-width:1024px) {
    .section-about .wrapper.two-column.two-column_top {
        padding-top: 0;
        margin-top: 100px
    }
}

.section-about .wrapper.two-column.two-column_top .image_wrapper {
    text-align: left
}

@media screen and (max-width:1679px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper {
        left: -7.5em
    }
}

@media screen and (max-width:1439px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper {
        left: 0
    }
}

@media screen and (max-width:1024px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper {
        padding-left: 0
    }
}

@media screen and (max-width:992px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper {
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 30px
    }
}

.section-about .wrapper.two-column.two-column_top .image_wrapper .static_img {
    display: inline-block
}

@media screen and (max-width:992px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .static_img {
        display: block
    }
}

.section-about .wrapper.two-column.two-column_top .image_wrapper .static_img:before {
    width: 99px;
    height: 99px;
    top: -50px;
    right: -57px;
    border-radius: 100%;
    background: url(../img/booked/ml4.png) center center no-repeat;
    -webkit-box-shadow: 0 3px 66px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 3px 66px 0 rgba(0, 0, 0, .09);
    z-index: 1;
    will-change: transform;
    -webkit-transform: rotate(45deg) translateX(10px) rotate(-45deg);
    transform: rotate(45deg) translateX(10px) rotate(-45deg);
    -webkit-animation: round 4s infinite linear;
    animation: round 4s infinite linear
}

@media screen and (max-width:1439px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .static_img:before {
        width: 80px;
        height: 80px;
        top: -40px;
        right: 65px;
        background-size: cover
    }
}

@media screen and (max-width:992px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .static_img:before {
        top: -30px;
        right: 110px
    }
}

@media screen and (max-width:480px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .static_img:before {
        width: 60px;
        height: 60px;
        top: -20px;
        right: 20px
    }
}

.section-about .wrapper.two-column.two-column_top .image_wrapper .static_img .cc_img {
    max-width: 307px;
    position: absolute;
    top: 43%;
    left: 62.9%;
    border-radius: 9px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 12px 26px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 12px 26px 0 rgba(0, 0, 0, .06);
    z-index: 10
}

@media screen and (max-width:1439px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .static_img .cc_img {
        max-width: 50%;
        left: 47%
    }
}

@media screen and (max-width:1024px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .static_img .cc_img {
        left: 45.4%
    }
}

@media screen and (max-width:992px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .static_img .cc_img {
        max-width: 35%;
        left: 55%
    }
}

@media screen and (max-width:480px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .static_img .cc_img {
        max-width: 45%;
        left: 54.5%
    }
}

@media screen and (max-width:479px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .static_img .cc_img {
        max-width: 50%;
        left: 50%
    }
}

.section-about .wrapper.two-column.two-column_top .image_wrapper .static_img .cc_img.postcard {
    -webkit-transform: perspective(1500px) rotateY(25deg) translate(-50%, -50%) !important;
    transform: perspective(1500px) rotateY(25deg) translate(-50%, -50%) !important
}

.section-about .wrapper.two-column.two-column_top .image_wrapper .static_img .cc_img.postcard._active {
    -webkit-transform: perspective(3000px) rotateY(5deg) translate(-50%, -50%) !important;
    transform: perspective(3000px) rotateY(5deg) translate(-50%, -50%) !important
}

.section-about .wrapper.two-column.two-column_top .image_wrapper .abs_img {
    left: auto;
    bottom: -57px;
    right: 2%;
    z-index: 2
}

@media screen and (max-width:1679px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .abs_img {
        right: -18.6%
    }
}

@media screen and (max-width:1439px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .abs_img {
        right: -1%;
        bottom: -3em
    }
}

@media screen and (max-width:1024px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .abs_img {
        right: 5.6%
    }
}

@media screen and (max-width:992px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .abs_img {
        right: 13.4%
    }
}

@media screen and (max-width:767px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .abs_img {
        right: 9.6%
    }
}

@media screen and (max-width:480px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .abs_img {
        text-align: right;
        right: 15px
    }
}

.section-about .wrapper.two-column.two-column_top .image_wrapper .abs_img:after {
    display: none
}

.section-about .wrapper.two-column.two-column_top .image_wrapper .abs_img:before {
    width: 88px;
    height: 88px;
    top: -100px;
    right: 38px;
    background: url(../img/bullets.png) center center no-repeat;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-animation: none;
    animation: none
}

@media screen and (max-width:1439px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .abs_img:before {
        width: 75px;
        height: 75px;
        top: -90px;
        right: 30px;
        background-size: cover
    }
}

@media screen and (max-width:1024px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .abs_img:before {
        top: -70px;
        right: -10px;
        background-size: cover;
        z-index: -1
    }
}

@media screen and (max-width:992px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .abs_img:before {
        top: -90px;
        right: -20px
    }
}

@media screen and (max-width:767px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .abs_img:before {
        width: 65px;
        height: 65px;
        top: -73px;
        right: 10px
    }
}

@media screen and (max-width:480px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .abs_img:before {
        display: none
    }
}

@media screen and (max-width:480px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .abs_img img {
        max-width: 60%
    }
}

@media screen and (max-width:479px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .abs_img img {
        max-width: 50%
    }
}

.section-about .wrapper.two-column.two-column_top .image_wrapper .abs_img .postcard_max {
    max-width: 335px
}

@media screen and (max-width:1439px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .abs_img .postcard_max {
        max-width: 300px
    }
}

@media screen and (max-width:1024px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .abs_img .postcard_max {
        max-width: 235px
    }
}

@media screen and (max-width:480px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .abs_img .postcard_max {
        max-width: 200px
    }
}

@media screen and (max-width:479px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .abs_img .postcard_max {
        max-width: 167px
    }
}

.section-about .wrapper.two-column.two-column_top .image_wrapper #scene11 {
    z-index: 23
}

.section-about .wrapper.two-column.two-column_top .image_wrapper .circle-orange {
    width: 51px;
    height: 51px;
    top: 7% !important;
    left: 43.5% !important
}

@media screen and (max-width:1679px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .circle-orange {
        left: 55%
    }
}

@media screen and (max-width:1439px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .circle-orange {
        left: 44%
    }
}

@media screen and (max-width:1024px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .circle-orange {
        top: 5% !important;
        left: 41.5% !important
    }
}

@media screen and (max-width:992px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .circle-orange {
        top: 20px !important;
        left: 50% !important
    }
}

@media screen and (max-width:480px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .circle-orange {
        width: 40px;
        height: 40px;
        top: 35px !important
    }
}

@media screen and (max-width:479px) {
    .section-about .wrapper.two-column.two-column_top .image_wrapper .circle-orange {
        left: 39% !important
    }
}

.section-about .wrapper.two-column.two-column_top .text_wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 4.4em
}

@media screen and (max-width:992px) {
    .section-about .wrapper.two-column.two-column_top .text_wrapper {
        padding-top: 2em
    }
}

@media screen and (max-width:767px) {
    .section-about .wrapper.two-column.two-column_top .text_wrapper {
        padding-top: 1em
    }
}

.section-about .wrapper.two-column+.wrapper.two-column {
    margin-top: 110px
}

.section_slider-center {
    padding-bottom: 8.8em
}

@media screen and (max-width:1024px) {
    .section_slider-center {
        padding-bottom: 5.4em
    }
}

@media screen and (max-width:767px) {
    .section_slider-center {
        padding-top: 3em;
        padding-bottom: 3.6em
    }
}

.section_slider-center .slider-center {
    padding-top: 1.5em;
    padding-bottom: 2.1em
}

@media screen and (max-width:1024px) {
    .section_slider-center .slider-center {
        padding-top: .8em
    }
}

@media screen and (max-width:767px) {
    .section_slider-center .slider-center {
        padding-bottom: 1.3em
    }
}

.section_slider-center .slick-slide {
    will-change: scale, transform;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.section_slider-center .slick-slide.slick-center {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.section_slider-center .slick-slide img {
    margin: 0 1px;
    max-height: 552px
}

@media screen and (max-width:1024px) {
    .section_slider-center .slick-slide img {
        margin: 0 -10px
    }
}

.section_slider-center .slick-dots li {
    width: auto !important;
    height: auto;
    width: 20px;
    margin: 0 12px
}

@media screen and (max-width:1024px) {
    .section_slider-center .slick-dots li {
        margin: 0 18px
    }
}

@media screen and (max-width:480px) {
    .section_slider-center .slick-dots li {
        margin: 0 15px
    }
}

.section_slider-center .slick-dots li button {
    width: 8px;
    height: 8px;
    padding: 0;
    background: 0 0;
    border-radius: 100%;
    border: 1px solid #8b8b8b;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.section_slider-center .slick-dots li button:before {
    display: none
}

.section_slider-center .slick-dots li.slick-active button {
    background: #ff5d4a;
    border-color: #ff5d4a
}

.section_slider-center .slick-dots li.slick-active button:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: 28px;
    height: 28px;
    background: 0 0;
    border-radius: 100%;
    border: 1px solid #faccc7
}

.section.features {
    padding-bottom: 9em
}

@media screen and (max-width:1024px) {
    .section.features {
        padding-bottom: 5.8em
    }
}

@media screen and (max-width:767px) {
    .section.features {
        padding-bottom: 4em
    }
}

.section.features .layouts-item .icon_wrap {
    width: 76px;
    height: 76px;
    border-radius: 10px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.section.features .layouts-item .icon_wrap .icon-levels:before {
    font-size: 2.3em
}

.section.features .layouts-item .icon_wrap .icon-docs:before {
    font-size: 2.5em
}

.section.features .layouts-item h4 {
    margin-top: 1.28em
}

@media screen and (max-width:1024px) {
    .section.features .layouts-item h4 {
        margin-top: .85em
    }
}

.section.features .layouts-item p {
    margin-top: 1.45em
}

@media screen and (max-width:1024px) {
    .section.features .layouts-item p {
        margin-top: 1em
    }
}

.footer {
    position: relative;
    padding-top: 9.7em;
    padding-bottom: 10.75em;
    background: #ff5b4a;
    background: linear-gradient(145deg, #ff5b4a 0%, #ff7b4a 100%);
    background-size: cover;
    z-index: 1
}

@media screen and (max-width:1279px) {
    .footer {
        padding-top: 6em;
        padding-bottom: 6.225em
    }
}

@media(max-width:767px) {
    .footer {
        padding-top: 3.7em;
        padding-bottom: 4.3em
    }
}

.footer .footer-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer .footer-wrap h2 {
    font-size: 3.5em;
    line-height: 1.018em;
    letter-spacing: -1.12px
}

@media screen and (max-width:767px) {
    .footer .footer-wrap h2 {
        font-size: 2.9em
    }
    .footer .footer-wrap h2 br {
        display: none
    }
}

@media screen and (max-width:479px) {
    .footer .footer-wrap h2 {
        font-size: 2.1em
    }
}

.footer .footer-wrap .subtitle {
    margin-bottom: 24px
}

.footer .footer-wrap .btn {
    margin-top: .3em
}

.to_top {
    width: 45px;
    height: 45px;
    line-height: 45px;
    bottom: 20px;
    right: -80px;
    display: block;
    padding: 8px 18px;
    overflow: hidden;
    position: fixed;
    text-decoration: none;
    cursor: pointer;
    z-index: 9999;
    font-size: 0;
    opacity: 0;
    color: transparent;
    border-radius: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #070346), color-stop(50%, #191919)) no-repeat scroll right bottom/210% 100% #070346;
    background: linear-gradient(to right, #070346 50%, #191919 50%) no-repeat scroll right bottom/210% 100% #070346;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.to_top:after {
    color: #fff;
    content: "\E983";
    font-size: 1rem;
    font-family: fontello;
    line-height: inherit;
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    text-indent: -1px
}

.to_top:active,
.to_top:focus {
    outline: medium
}

.to_top:hover {
    background-position: left bottom
}

.to_top-show {
    right: 20px;
    opacity: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.body_ready .preloader-wrap {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s ease opacity;
    transition: .3s ease opacity
}

.preloader-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: radial-gradient(#f2f6f4, #e7f3f0)
}

.countup {
    position: relative;
    z-index: 999999;
    font-family: sofia-pro, sans-serif;
    font-size: 4.375em;
    font-weight: 600;
    line-height: 1em;
    color: #070346;
    letter-spacing: -.04em;
    vertical-align: top
}

.countup .count_percent {
    font-family: dm sans, sans-serif;
    font-size: .5em;
    font-weight: 700;
    color: #ff5f4a;
    vertical-align: top;
    display: inline-block;
    margin-left: -3px
}

.progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: #fff
}

.progress-bar .count_line {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #2e3ad5
}

.caunter--wrap {
    position: relative;
    padding-top: .8em
}

@media(max-width:375px) {
    .caunter--wrap {
        padding-top: .4em
    }
}

.caunter .displaySection:first-child,
.caunter .displaySection:nth-child(2) {
    display: none
}

.caunter-img_after {
    position: absolute !important;
    top: -36px;
    right: -20px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

@media(max-width:1679px) {
    .caunter-img_after {
        width: 20%
    }
}

@media(max-width:479px) {
    .caunter-img_after {
        top: -23px
    }
}

.caunter {
    display: inline-block;
    width: auto;
    position: relative;
    z-index: 2
}

.caunter .displaySection {
    display: inline-block;
    text-align: left;
    width: 68px;
    height: auto;
    margin: 0 5px;
    padding: 0;
    position: relative
}

@media(max-width:767px) {
    .caunter .displaySection {
        width: 60px
    }
}

@media(max-width:374px) {
    .caunter .displaySection {
        width: 55px
    }
}

.caunter .numberDisplay {
    display: block;
    font-size: 3.267em;
    color: #ffb184;
    letter-spacing: 1.715px;
    line-height: 1em;
    font-weight: 700
}

@media(max-width:767px) {
    .caunter .numberDisplay {
        font-size: 3em
    }
}

@media(max-width:374px) {
    .caunter .numberDisplay {
        font-size: 2.8em
    }
}

.caunter .periodDisplay {
    font-size: .867em;
    font-weight: 500;
    line-height: 1em;
    letter-spacing: 0;
    color: #757575;
    width: 100%;
    position: relative;
    top: -3px
}

.caunter-title {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-74%, -50%);
    transform: translate(-74%, -50%);
    z-index: 3;
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.074em;
    letter-spacing: 0;
    text-align: left;
    color: #191919
}

@media(min-width:2560px) {
    .caunter-title {
        -webkit-transform: translate(-51%, -50%);
        transform: translate(-51%, -50%)
    }
}

@media(max-width:1679px) {
    .caunter-title {
        width: 100%;
        -webkit-transform: translate(-43%, -75%);
        transform: translate(-43%, -75%);
        padding-right: 3em
    }
}

@media(max-width:1439px) {
    .caunter-title {
        -webkit-transform: translate(-43%, -90%);
        transform: translate(-43%, -90%)
    }
}

@media(max-width:1023px) {
    .caunter-title {
        font-size: 1.4em;
        padding-left: 0;
        -webkit-transform: translate(-43%, -100%);
        transform: translate(-43%, -100%)
    }
}

@media(max-width:667px) {
    .caunter-title {
        font-size: 1.2em;
        -webkit-transform: translate(-43%, -92%);
        transform: translate(-43%, -92%)
    }
}

@media(max-width:568px) {
    .caunter-title {
        font-size: 1em
    }
}

@media(max-width:480px) {
    .caunter-title {
        font-size: 1.5em;
        padding-right: 2em
    }
}

@media(max-width:413px) {
    .caunter-title {
        font-size: 1.3em;
        -webkit-transform: translate(-43%, -92%);
        transform: translate(-43%, -92%)
    }
}

@media(max-width:374px) {
    .caunter-title {
        font-size: 1.1em
    }
}

article.taglist_wrap {
    display: none
}

[data-tooltip] {
    position: relative
}

[data-tooltip]::before,
[data-tooltip]::after {
    text-transform: none;
    font-size: 13px;
    color: #070346;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0
}

[data-tooltip]::before {
    content: "";
    border: 5px solid transparent;
    z-index: 1001
}

[data-tooltip]::after {
    content: attr(data-tooltip);
    font-family: sofia-pro, sans-serif;
    font-weight: 500;
    text-align: center;
    min-width: 3em;
    max-width: 21em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1.2ch 1.5ch;
    border-radius: .5ch;
    -webkit-box-shadow: 0 13px 29px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 13px 29px 10px rgba(0, 0, 0, .2);
    background: #fff;
    color: #070346;
    z-index: 1000
}

[data-tooltip]:hover::before,
[data-tooltip]:hover::after {
    display: block
}

[data-tooltip=""]::before,
[data-tooltip=""]::after {
    display: none !important
}

[data-tooltip]:not([data-flow])::before,
[data-tooltip][data-flow^=up]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #333
}

[data-tooltip]:not([data-flow])::after,
[data-tooltip][data-flow^=up]::after {
    bottom: calc(100% + 5px)
}

[data-tooltip]:not([data-flow])::before,
[data-tooltip]:not([data-flow])::after,
[data-tooltip][data-flow^=up]::before,
[data-tooltip][data-flow^=up]::after {
    left: 50%;
    -webkit-transform: translate(-50%, -0.5em);
    transform: translate(-50%, -0.5em)
}

[data-tooltip][data-flow^=down]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: #fff
}

[data-tooltip][data-flow^=down]::after {
    top: calc(100% + 5px)
}

[data-tooltip][data-flow^=down]::before,
[data-tooltip][data-flow^=down]::after {
    left: 50%;
    -webkit-transform: translate(-50%, 0.5em);
    transform: translate(-50%, 0.5em)
}

[data-tooltip][data-flow^=left]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: #333;
    left: calc(0em - 5px);
    -webkit-transform: translate(-0.5em, -50%);
    transform: translate(-0.5em, -50%)
}

[data-tooltip][data-flow^=left]::after {
    top: 50%;
    right: calc(100% + 5px);
    -webkit-transform: translate(-0.5em, -50%);
    transform: translate(-0.5em, -50%)
}

[data-tooltip][data-flow^=right]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: #333;
    right: calc(0em - 5px);
    -webkit-transform: translate(0.5em, -50%);
    transform: translate(0.5em, -50%)
}

[data-tooltip][data-flow^=right]::after {
    top: 50%;
    left: calc(100% + 5px);
    -webkit-transform: translate(0.5em, -50%);
    transform: translate(0.5em, -50%)
}

@-webkit-keyframes tooltips-vert {
    to {
        opacity: .9;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@keyframes tooltips-vert {
    to {
        opacity: .9;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@-webkit-keyframes tooltips-horz {
    to {
        opacity: .9;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

@keyframes tooltips-horz {
    to {
        opacity: .9;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

[data-tooltip]:not([data-flow]):hover::before,
[data-tooltip]:not([data-flow]):hover::after,
[data-tooltip][data-flow^=up]:hover::before,
[data-tooltip][data-flow^=up]:hover::after,
[data-tooltip][data-flow^=down]:hover::before,
[data-tooltip][data-flow^=down]:hover::after {
    -webkit-animation: tooltips-vert 300ms ease-out forwards;
    animation: tooltips-vert 300ms ease-out forwards
}

[data-tooltip][data-flow^=left]:hover::before,
[data-tooltip][data-flow^=left]:hover::after,
[data-tooltip][data-flow^=right]:hover::before,
[data-tooltip][data-flow^=right]:hover::after {
    -webkit-animation: tooltips-horz 300ms ease-out forwards;
    animation: tooltips-horz 300ms ease-out forwards
}