#hamburger, .styled-video, button {
    cursor: pointer
}

a, a:focus, a:hover {
    color: inherit;
    text-decoration: none
}

.h1, body, h1 {
    font-weight: 400
}

.h1, .h2, .h3, h1, h2, h3, label {
    line-height: 1.25rem;
    margin: 0
}

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

.automatic-func-does ul li, .automatic-func-doesnt ul li, .block-form, .clients-first__left, .clients-first__right, .clients-footer__left, .filter__item, .footer-left, .footer-right, .lang-menu, .load-articles, .marketing-expert-elem, .marketing-stateg-elem, .mlm-help ul li, .review-elem__text, .stages .stages__elem, .trust-elem, .we-do-item, .write-in-chat {
    box-sizing: border-box
}

:root {
    --black: #000;
    --blue: #8396ff;
    --lightBlue: #d8deff;
    --violet: #c57aff;
    --lightViolet: #ecd3ff;
    --green: #51e27a;
    --lightGreen: #bdffd0;
    --pink: #ff92d3;
    --lightPink: #ffddf1;
    --yellow: #eccc5c;
    --lightYellow: #fcecb6;
    --mint: #89dece;
    --lightMint: #c9f5ee;
    --gray: #D6D6D6;
    --white: #ffffff;

    /*btn styles*/
    --btn-border: var(--black);
    --btn-padding: 0.25rem 0.75rem;
    --btn-border-radius: 2rem;
    --btn-border-width: 0.125rem;
    /*end btn styles*/

    /* list styles*/
    --list-padding: 1.5rem 0;
    /* end list styles*/



    /*modal styles*/
    --modal-blocks-padding: 1.875rem;
    /*end modal styles*/

}

html {
    font-size: 16px
}

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

body {
    color: #000;
    font-family: Gilroy, sans-serif;
    font-feature-settings: "pnum" on, "lnum" on;
    font-size: 1rem;
    line-height: 1.2
}

ol, ul {
    padding: 0;
    list-style: none
}

img {
    max-width: 100%
}

@media (max-width: 1060px) {
    .first-block__right img {
        max-width: 95% !important
    }
}

button, input, textarea {
    outline: 0;
    border: none
}

textarea {
    resize: vertical
}

a:focus, a:hover {
    outline: 0
}

.default-link:hover, .navigate .menu_color__block-link:hover {
    text-decoration: underline
}

:focus {
    outline: 0 !important
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    display: none;
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.h2, .h3, h2, h3 {
    /* font-weight: 500 */ /* marklog */
}

label {
    font-weight: 400
}

.automatic-func__subtitle, .text26-extrabold, .text29-extrabold, .text36-extrabold, .text40-extrabold, .text48-extrabold, .text56-extrabold, .text64-extrabold {
    font-style: normal;
    font-weight: 800
}

.container, .m0-auto {
    margin: 0 auto
}

.text64-extrabold {
    font-size: 4rem;
    line-height: 120%
}

.text56-extrabold {
    font-size: 3.5rem;
    line-height: 120%
}

.text48-extrabold {
    font-size: 3rem;
    line-height: 120%
}

.text40-extrabold {
    font-size: 2.5rem;
    line-height: 120%
}

.text36-extrabold {
    font-size: 2.25rem
}

.text29-extrabold, .text36-extrabold {
    line-height: 120%
}

.text29-extrabold {
    font-size: 1.8125rem
}

.text26-extrabold {
    font-size: 1.625rem;
    line-height: 120%
}

.text19-bold {
    line-height: 160%
}

.text19-boldSlim, .text19-semiBold {
    line-height: 130%
}

.text19-bold, .text19-boldSlim {
    font-style: normal;
    font-weight: 700;
    font-size: 1.1875rem
}

.text19-semiBold {
    font-weight: 600
}

.text19-medium, .text19-semiBold {
    font-style: normal;
    font-size: 1.1875rem
}

.text19-medium {
    font-weight: 500;
    line-height: 160%
}

.text19-regular {
    font-weight: 400;
    font-size: 1.1875rem
}

.text16-bold, .text19-regular {
    font-style: normal;
    line-height: 160%
}

.text19-reg-menu {
    font-weight: 500;
    font-size: 1.1875rem;
    font-style: normal;
    line-height: 100%
}

.text16-bold {
    font-weight: 700;
    font-size: 1rem
}

.text16-medium {
    line-height: 160%
}

.text16-medium, .text16-mediumSlim {
    font-style: normal;
    font-weight: 500;
    font-size: 1rem
}

.text16-mediumSlim {
    line-height: 130%
}

.text16-regular {
    font-size: 1rem
}

.text14-regular, .text16-regular {
    font-style: normal;
    font-weight: 400;
    line-height: 160%
}

.text14-regular {
    font-size: .875rem
}

.text12-regular {
    font-style: normal;
    font-weight: 400;
    font-size: .75rem;
    line-height: 160%
}

.font-medium {
    font-weight: 500 !important
}

.font-regular {
    font-weight: 400 !important
}

.text-gradient {
    display: inline;
    width: fit-content;
    padding: .125rem;
    border-radius: .375rem
}

#hamburger, .d-none {
    display: none
}

.text-gradient.gradient-1 {
    background-image: linear-gradient(56.55deg, #f0f2ff 10.08%, #fff8ea 83.77%), radial-gradient(39.29% 157.37% at 31.57% 100%, #e7eaff 0, #f4f6ff 100%)
}

.text-gradient.gradient-2 {
    background-image: linear-gradient(71.02deg, #f8eeff 14.32%, #f2faff 77.34%), radial-gradient(43.3% 113.9% at 33.82% 100%, #f3e4ff 0, #f9f2ff 100%)
}

.text-gradient.gradient-3 {
    background-image: linear-gradient(71.16deg, #e1ffde 18.48%, #eef7ff 75.33%), radial-gradient(37.41% 113.28% at 32.13% 100%, #c5ffd5 0, #e8ffee 100%)
}

.text-gradient.gradient-4 {
    background-image: linear-gradient(72.76deg, #fff1f9 18.39%, #f4f1ff 77.76%)
}

.text-gradient.gradient-5 {
    background-image: linear-gradient(59.52deg, #fff4cd -.42%, #fff0f5 78.67%)
}

.text-gradient.gradient-6 {
    background-image: linear-gradient(75.55deg, #ecfffc 19.48%, #f6fdec 69.57%)
}

.bg-gradient-1 {
    background-image: linear-gradient(56.55deg, #f0f2ff 10.08%, #fff8ea 83.77%), radial-gradient(39.29% 157.37% at 31.57% 100%, #e7eaff 0, #f4f6ff 100%) !important
}

.bg-gradient-2 {
    background-image: linear-gradient(71.02deg, #f8eeff 14.32%, #f2faff 77.34%), radial-gradient(43.3% 113.9% at 33.82% 100%, #f3e4ff 0, #f9f2ff 100%) !important
}

.bg-gradient-3 {
    background-image: linear-gradient(71.16deg, #e1ffde 18.48%, #eef7ff 75.33%), radial-gradient(37.41% 113.28% at 32.13% 100%, #c5ffd5 0, #e8ffee 100%) !important
}

.bg-gradient-4 {
    background-image: linear-gradient(72.76deg, #fff1f9 18.39%, #f4f1ff 77.76%) !important
}

.bg-gradient-5 {
    background-image: linear-gradient(59.52deg, #fff4cd -.42%, #fff0f5 78.67%) !important
}

.bg-gradient-6 {
    background-image: linear-gradient(75.55deg, #ecfffc 19.48%, #f6fdec 69.57%) !important
}

.bg-blue {
    background-color: #8396ff
}

.bg-light-blue {
    background-color: #d8deff
}

.bg-violet {
    background-color: #c57aff
}

.bg-light-violet {
    background-color: #ecd3ff
}

.bg-green {
    background-color: #51e27a
}

.bg-light-green {
    background-color: #bdffd0
}

.bg-pink {
    background-color: #ff92d3
}

.bg-light-pink {
    background-color: #ffddf1
}

.bg-yellow {
    background-color: #eccc5c
}

.bg-light-yellow {
    background-color: #fcecb6
}

.bg-mint {
    background-color: #89dece
}

.bg-light-mint {
    background-color: #c9f5ee
}

.color-black {
    color: #000
}

.fill-white {
    fill: #fff
}

.p-0 {
    padding: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.p-40 {
    padding: 2.5rem
}

.pt-40 {
    padding-top: 2.5rem
}

.pr-40 {
    padding-right: 2.5rem
}

.pb-40 {
    padding-bottom: 2.5rem
}

.pl-40 {
    padding-left: 2.5rem
}

.m-20 {
    margin: 1.25rem
}

.mt-20 {
    margin-top: 1.25rem
}

.mr-20 {
    margin-right: 1.25rem
}

.mb-20 {
    margin-bottom: 1.25rem
}

.ml-20 {
    margin-left: 1.25rem
}

.m-30 {
    margin: 1.875rem
}

.mt-30 {
    margin-top: 1.875rem
}

.mr-30 {
    margin-right: 1.875rem
}

.mb-30 {
    margin-bottom: 1.875rem
}

.ml-30 {
    margin-left: 1.875rem
}

.m-40 {
    margin: 2.5rem
}

.mt-40 {
    margin-top: 2.5rem
}

.mr-40 {
    margin-right: 2.5rem
}

.mb-40 {
    margin-bottom: 2.5rem
}

.ml-40 {
    margin-left: 2.5rem
}

.mb-60 {
    margin-bottom: 3.75rem
}

.m-80 {
    margin: 5rem
}

.mt-80 {
    margin-top: 5rem
}

.dropdown-list, .mt-8 {
    margin-top: .5rem
}

.mr-80 {
    margin-right: 5rem
}

.mb-80 {
    margin-bottom: 5rem
}

.ml-80 {
    margin-left: 5rem
}

.m-8 {
    margin: .5rem
}

.mr-8 {
    margin-right: .5rem
}

.mb-8 {
    margin-bottom: .5rem
}

.ml-8 {
    margin-left: .5rem
}

.m-12 {
    margin: .75rem
}

.mt-12 {
    margin-top: .75rem
}

.mr-12 {
    margin-right: .75rem
}

.mb-12 {
    margin-bottom: .75rem
}

.ml-12 {
    margin-left: .75rem
}

.height-100 {
    height: 100%
}

.width-100 {
    width: 100%
}

.width-48 {
    width: 3rem
}

.width-240 {
    width: 15rem
}

.d-flex {
    display: flex
}

.align-items-center {
    align-items: center
}

.align-items-end {
    align-items: flex-end
}

.align-items-start {
    align-items: flex-start
}

.justify-content-center {
    justify-content: center
}

.justify-content-end {
    justify-content: flex-end
}

.justify-content-start {
    justify-content: flex-start
}

.justify-content-between {
    justify-content: space-between
}

.flex-column {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.w-100 {
    width: 100%
}

.write-in-chat {
    max-width: 350px;
    width: 100%;
    border: 2px solid #6f9;
    border-radius: 42px;
    height: 56px;
    transition: all .2s linear;
    background: #6f9;
    color: #000
}

.write-in-chat:hover {
    background-color: #3c6;
    border-color: #3c6;
    color: #fff
}

.write-in-chat svg path {
    transition: all .2s linear
}

.write-in-chat:hover svg path {
    fill: #fff;
    transition: all .2s linear
}

.default-link {
    color: #0258ff;
    transition: all .2s linear
}

.link-border {
    padding-bottom: 1px;
    border-bottom: 1px solid transparent;
    transition: all .2s linear;
    width: fit-content
}

.link-border:hover {
    border-color: inherit
}

p.link-border {
    padding-bottom: 5px;
    border: hidden
}

.block-form {
    padding: 3.5rem 3.125rem;
    border-radius: .75rem;
    background-size: 100% 100%
}

.block-form__left {
    width: 50%;
    padding-right: 1.25rem
}

.block-form__right {
    width: 50%;
    padding-left: 1.25rem
}

.block-form.form-1 {
    background-image: url(../../../images-main/forms/form1.png)
}

.block-form.form-2 {
    background-image: url(../../../images-main/forms/form2.png)
}

.block-form.form-3 {
    background-image: url(../../../images-main/forms/form3.png)
}

.block-form.form-4 {
    background-image: url(../../../images-main/forms/form4.png)
}

.block-form.form-5 {
    background-image: url(../../../images-main/forms/form5.png)
}

.block-form.form-6 {
    background-image: url(../../../images-main/forms/form6.png)
}

.block-form.form-6_g1 {
    background-image: url(../../../images-main/forms/form6_g1.png)
}

.block-form.form-2_g6 {
    background-image: url(../../../images-main/forms/form2_g6.png)
}

.block-form.form-6_g4 {
    background-image: url(../../../images-main/forms/form6_g4.png)
}

.block-form.form-marketing-strat {
    background-image: url(../../../images-main/forms/marketing-strat.png)
}

#hamburger {
    width: 22px;
    height: 13px;
    padding: 5px;
    right: 15px;
    top: 20px
}

#hamburger, #hamburger span {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute
}

#hamburger span {
    top: 5px;
    left: 5px;
    width: 23px;
    height: 3px;
    background-color: #000
}

#hamburger span:after, #hamburger span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    height: 3px;
    background-color: #000;
    width: 23px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

#hamburger span:before {
    opacity: 1;
    top: 8px
}

#hamburger span:after {
    top: 17px
}

#hamburger.open span {
    position: absolute;
    top: 12px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

#hamburger.open span:before {
    opacity: 0
}

#hamburger.open span:after {
    top: 0;
    width: 100%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

body .no-bg {
    background: 0 0
}

.text-center {
    text-align: center
}

.slick-next, .slick-prev {
    z-index: 99
}

.container {
    max-width: 70.625rem;
    padding: 0 .9375rem
}

.header {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    transition: all .2s linear;
    z-index: 999
}

.content-page-box ol li:before, .pagination li.active, .pagination li:hover {
    background: linear-gradient(56.55deg, #f0f2ff 10.08%, #fff8ea 83.77%), radial-gradient(39.29% 157.37% at 31.57% 100%, #e7eaff 0, #f4f6ff 100%)
}

.header-logo {
    flex-shrink: 0
}

.header-contact {
    width: 100%
}

.header-top {
    margin: 1.25rem auto
}

.navigation li a {
    display: flex;
    width: fit-content;
    padding: .5rem .9375rem;
    transition: all .2s linear
}

.navigation li a.active, .navigation li a:hover {
    background-image: linear-gradient(56.55deg, #f0f2ff 10.08%, #fff8ea 83.77%), radial-gradient(39.29% 157.37% at 31.57% 100%, #e7eaff 0, #f4f6ff 100%)
}

.main {
    margin-top: 5rem; /* marklog 8.125rem */
    padding-top: 4rem
}

.footer {
    border-top: 1px solid #e9e9e9;
    padding-top: 2.5rem
}

.footer-left, .footer-right {
    width: 50%
}

.footer-right__pages {
    margin-right: 3.125rem
}

.footer-right__contacts li:not(:last-of-type), .footer-right__pages li:not(:last-of-type) {
    margin-bottom: .4375rem
}

.footer-right__contacts img {
    margin-right: .625rem
}

.fancybox__backdrop {
    opacity: .5 !important
}

.pagination li {
    margin-right: .4375rem;
    border-radius: 100%;
    transition: all .2s linear;
    width: 1.625rem;
    height: 1.625rem
}

.pagination li:last-of-type {
    margin-right: 0
}

.pagination li.active a {
    font-weight: 700
}

.load-articles {
    max-width: 33.75rem;
    width: 100%;
    height: 4.0625rem;
    border: 2px solid #000;
    border-radius: 4.375rem;
    margin: 0 auto 2.5rem;
    background: #fff;
    transition: all .2s linear
}

.load-articles svg {
    margin-right: .625rem
}

.load-articles svg path {
    transition: all .2s linear
}

.load-articles:hover {
    background: #0258ff;
    border: #0258ff
}

.load-articles:hover span {
    color: #fff
}

.load-articles:hover svg path {
    fill: #fff
}

.content-page-box ul li {
    padding-left: 1.25rem;
    margin-bottom: .4375rem;
    position: relative
}

.content-page-box ul li:before {
    content: "";
    width: .5rem;
    height: .5rem;
    border-radius: 100%;
    border: 1px solid #000;
    position: absolute;
    left: 0;
    top: 3px
}

.content-page-box ol {
    list-style-type: none;
    counter-reset: item
}

.content-page-box ol li {
    padding-left: 2.5rem;
    margin-bottom: .4375rem;
    position: relative
}

.content-page-box ol li:before {
    content: counter(item);
    counter-increment: item;
    position: absolute;
    left: 0;
    top: 0;
    width: 1.625rem;
    height: 1.625rem;
    border-radius: .375rem;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    display: flex;
    align-items: center;
    justify-content: center
}

.content-slider .slick-dots li button:before, .content-slider .slick-prev, .fancybox__thumbs, .slick-dots li button:before {
    display: none
}

.dropdown {
    position: relative
}

.dropdown-list {
    position: absolute;
    top: 100%;
    left: 0;
    padding: 1rem;
    background: #fff;
    -webkit-box-shadow: 9px 0 25px -4px #7979798a;
    box-shadow: 9px 0 25px -4px #7979798a;
    width: 16rem
}

.dropdown-list a {
    width: calc(100% - 15px)
}

.slick-dots li {
    width: .5625rem;
    height: .5625rem;
    margin: rem 0 5px;
    transition: all .2s linear
}

.slick-dots li button {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 1px solid #000;
    transition: all .2s linear
}

.slick-dots li.slick-active button, .slick-dots li:hover button {
    background: #000
}

.slick-next {
    top: calc(100% + 20px);
    right: 30%
}

.slick-next:before {
    content: url(../../../images-main/icons/arrow-right.svg)
}

.slick-prev {
    top: calc(100% + 20px);
    left: 30%
}

.slick-prev:before {
    content: url(../../../images-main/icons/arrow-left.svg)
}

.styled-img {
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .15));
    border-radius: .75rem
}

.box-80 {
    width: 80px;
    height: 80px
}

.first-block__left {
    width: 50%;
    min-height: 380px
}

.first-block__right {
    right: 0
}

.first-block__right img {
    height: auto
}

.solutions .solution-item {
    width: 350px;
    height: 400px;
    margin-right: 1.25rem;
    margin-bottom: 1.25rem
}

.solutions .solution-item:nth-of-type(3n) {
    margin-right: 0
}

.solutions .solution-item__head img {
    margin-right: 15px
}

.solutions .solution-item__desc {
    margin-bottom: .75rem
}

.solutions .solution-footer__left {
    width: 50%
}

.solutions .solution-footer__right {
    width: 50%;
    padding-left: 30px
}

.trust-elem {
    width: 50%
}

.trust-elem:nth-of-type(odd) {
    padding-right: 20px
}

.trust-elem:nth-of-type(2n) {
    padding-left: 20px
}

.statistics .statistics-item {
    margin-right: 1.25rem
}

.statistics .statistics-item:last-of-type {
    margin-right: 0
}

.statistics .statistics-item__head {
    position: relative;
    width: fit-content
}

.statistics .statistics-item__head span {
    position: relative;
    z-index: 1
}

.statistics .statistics-item__head:before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    min-width: 2.0625rem;
    height: 28px;
    border-radius: 100%;
    top: 24px;
    left: 50%;
    transform: translateX(-50%)
}

.statistics .statistics-item:first-of-type .statistics-item__head::before {
    background: linear-gradient(56.55deg, #f0f2ff 10.08%, #fff8ea 83.77%), radial-gradient(39.29% 157.37% at 31.57% 100%, #e7eaff 0, #f4f6ff 100%)
}

.statistics .statistics-item:nth-of-type(2) .statistics-item__head:before {
    background: linear-gradient(71.02deg, #f8eeff 14.32%, #f2faff 77.34%), radial-gradient(43.3% 113.9% at 33.82% 100%, #f3e4ff 0, #f9f2ff 100%)
}

.statistics .statistics-item:nth-of-type(3) .statistics-item__head:before {
    background: linear-gradient(71.16deg, #e1ffde 18.48%, #eef7ff 75.33%), radial-gradient(37.41% 113.28% at 32.13% 100%, #c5ffd5 0, #e8ffee 100%)
}

.statistics .statistics-item:nth-of-type(4) .statistics-item__head:before {
    background: linear-gradient(72.76deg, #fff1f9 18.39%, #f4f1ff 77.76%)
}

.mlm-help ul li {
    width: 50%;
    position: relative
}

.mlm-help ul li:nth-of-type(odd) {
    padding: 0 1.25rem
}

.mlm-help ul li:nth-of-type(odd):before {
    left: .1875rem
}

.mlm-help ul li:nth-of-type(2n) {
    padding-left: 2.5rem
}

.mlm-help ul li:nth-of-type(2n):before {
    left: 1.375rem
}

.mlm-help ul li:before {
    content: url(../../../images-main/list-circle.png);
    position: absolute;
    top: 0
}

.mlm-help ul li:last-of-type:before {
    content: url(../../../images-main/list-plus.png);
    position: absolute;
    top: 0
}

.myth-elem__number p:before, .stages .stages-elem__head:before, .stages .stages__elem:after, .tasks-item__content ul li:before {
    content: ""
}

.mlm-help__text {
    padding: 2.5rem 6.0625rem
}

.stages__text-left {
    width: 50%;
    padding-right: 1.25rem
}

.stages__text-right {
    width: 50%;
    padding-left: 1.25rem
}

.stages .stages-elem__head {
    margin-bottom: 1rem;
    position: relative
}

.stages .stages-elem__head span {
    position: relative;
    z-index: 1
}

.stages .stages-elem__head span.stages-elem__head-title {
    margin-left: .625rem
}

.stages .stages-elem__head:before {
    position: absolute;
    z-index: 0;
    width: 2.125rem;
    height: 1.0625rem;
    border-radius: 100%;
    top: 17px;
    left: -10px
}

.stages .stages__elem {
    width: 20%;
    padding: 0 .3125rem;
    position: relative
}

.stages .stages__elem:after {
    position: absolute;
    top: 24px;
    left: 35px;
    width: calc(100% - 50px);
    height: 0;
    border: none;
    border-top: 2px dashed #e9e9e9
}

.stages .stages__elem:last-of-type:after {
    display: none
}

.stages .stages__row:first-of-type .stages__elem:nth-of-type(1) .stages-elem__head::before {
    background: linear-gradient(56.55deg, #f0f2ff 10.08%, #fff8ea 83.77%), radial-gradient(39.29% 157.37% at 31.57% 100%, #e7eaff 0, #f4f6ff 100%)
}

.stages .stages__row:first-of-type .stages__elem:nth-of-type(2) .stages-elem__head::before {
    background: linear-gradient(71.02deg, #f8eeff 14.32%, #f2faff 77.34%), radial-gradient(43.3% 113.9% at 33.82% 100%, #f3e4ff 0, #f9f2ff 100%)
}

.stages .stages__row:first-of-type .stages__elem:nth-of-type(3) .stages-elem__head::before {
    background: linear-gradient(71.16deg, #e1ffde 18.48%, #eef7ff 75.33%), radial-gradient(37.41% 113.28% at 32.13% 100%, #c5ffd5 0, #e8ffee 100%)
}

.stages .stages__row:first-of-type .stages__elem:nth-of-type(4) .stages-elem__head::before {
    background: linear-gradient(72.76deg, #fff1f9 18.39%, #f4f1ff 77.76%)
}

.stages .stages__row:first-of-type .stages__elem:nth-of-type(5) .stages-elem__head::before {
    background: linear-gradient(59.52deg, #fff4cd -.42%, #fff0f5 78.67%)
}

.stages .stages__row:nth-of-type(2) .stages__elem:first-of-type .stages-elem__head::before {
    background: linear-gradient(75.55deg, #ecfffc 19.48%, #f6fdec 69.57%)
}

.stages .stages__row:nth-of-type(2) .stages__elem:nth-of-type(2) .stages-elem__head:before {
    background: linear-gradient(56.55deg, #f0f2ff 10.08%, #fff8ea 83.77%), radial-gradient(39.29% 157.37% at 31.57% 100%, #e7eaff 0, #f4f6ff 100%)
}

.stages .stages__row:nth-of-type(2) .stages__elem:nth-of-type(3) .stages-elem__head:before {
    background: linear-gradient(71.02deg, #f8eeff 14.32%, #f2faff 77.34%), radial-gradient(43.3% 113.9% at 33.82% 100%, #f3e4ff 0, #f9f2ff 100%)
}

.stages .stages__row:nth-of-type(2) .stages__elem:nth-of-type(4) .stages-elem__head:before {
    background: linear-gradient(71.16deg, #e1ffde 18.48%, #eef7ff 75.33%), radial-gradient(37.41% 113.28% at 32.13% 100%, #c5ffd5 0, #e8ffee 100%)
}

.stages .stages__row:nth-of-type(2) .stages__elem:nth-of-type(5) .stages-elem__head:before {
    background: linear-gradient(72.76deg, #fff1f9 18.39%, #f4f1ff 77.76%)
}

.stages-el-3 .stages__elem {
    width: 33.33%
}

.stages-el-3 .stages__row:nth-of-type(2) .stages__elem:first-of-type .stages-elem__head::before {
    background: linear-gradient(71.02deg, #f8eeff 14.32%, #f2faff 77.34%), radial-gradient(43.3% 113.9% at 33.82% 100%, #f3e4ff 0, #f9f2ff 100%)
}

.stages-el-3 .stages__row:nth-of-type(2) .stages__elem:nth-of-type(3) .stages-elem__head:before {
    background: linear-gradient(71.16deg, #e1ffde 18.48%, #eef7ff 75.33%), radial-gradient(37.41% 113.28% at 32.13% 100%, #c5ffd5 0, #e8ffee 100%)
}

.experience-elem {
    padding: .75rem 1.875rem;
    border-radius: .625rem
}

.experience-text__left {
    width: 50%;
    padding-right: 1.25rem
}

.experience-text__right {
    width: 50%;
    padding-left: 1.25rem
}

.resolved-issues__elem {
    width: calc(33.33% - 20px);
    margin-right: 1.875rem
}

.resolved-issues__elem:nth-of-type(3n) {
    margin-right: 0
}

.reviews-elem {
    padding: 1.25rem 0;
    border-bottom: 1px solid #e9e9e9
}

.reviews-elem:last-of-type {
    border: none
}

.review-elem__user {
    width: 12.5rem;
    flex-shrink: 0
}

.review-elem__user .elem-user__data {
    margin-bottom: .875rem
}

.review-elem__user .elem-user__data img {
    width: 2.75rem;
    height: 2.75rem;
    object-fit: cover;
    border-radius: 100%;
    margin-right: .3125rem
}

.review-elem__user a {
    margin-bottom: .4375rem
}

.review-elem__user img {
    margin-right: .4375rem
}

.review-elem__text {
    width: calc(100% - 200px - 255px);
    padding: 0 1.875rem
}

.review-elem__media-box {
    width: 15.9375rem;
    flex-shrink: 0
}

.review-elem__media-box audio {
    width: 100%
}

.review-elem__media {
    position: relative;
    background: #000;
    border-radius: .75rem
}

.review-elem__media > img {
    position: relative;
    z-index: 1;
    opacity: .8;
    border-radius: .75rem;
    object-fit: cover
}

.review-elem__media button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    background: 0 0;
    border: none;
    outline: 0
}

#reviewDetail {
    position: relative;
    max-width: 33.75rem;
    border-radius: .75rem;
    width: 100%
}

#reviewDetail .is-close {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #b5b5b5;
    box-shadow: none
}

#reviewDetail .reviewDetail-photo {
    width: 3.75rem;
    height: 3.75rem;
    object-fit: cover;
    border-radius: 100%;
    margin-right: .9375rem
}

#reviewDetail .reviewDetail-media {
    position: relative;
    background: #000;
    border-radius: .75rem
}

#reviewDetail .reviewDetail-media .reviewDetail-preview {
    width: 100%;
    max-height: 17.25rem;
    height: 100%;
    position: relative;
    z-index: 1;
    opacity: .7;
    border-radius: .75rem;
    object-fit: cover
}

#reviewDetail .reviewDetail-media button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    background: 0 0;
    border: none;
    outline: 0
}

#reviewDetail .reviewDetail-social img {
    margin-right: .3125rem
}

#reviewDetail .reviewDetail-social a {
    margin-right: .9375rem
}

.filter__item {
    background: 0 0;
    padding: .9375rem 1.25rem;
    margin: 0 .75rem .4375rem 0;
    color: #b5b5b5;
    transition: all .2s linear;
    border-radius: .75rem
}

.filter__item.active, .filter__item.slick-active.slick-current, .filter__item:hover {
    background: linear-gradient(56.55deg, #f0f2ff 10.08%, #fff8ea 83.77%), radial-gradient(39.29% 157.37% at 31.57% 100%, #e7eaff 0, #f4f6ff 100%);
    color: #000
}

.blog-elems {
    margin-bottom: 3.75rem
}

.blog-elem {
    width: 21.875rem;
    margin-right: 1.875rem;
    margin-bottom: 2.5rem
}

.blog-elem:nth-of-type(3n) {
    margin-right: 0
}

.blog-elem__img {
    border-radius: .75rem;
    overflow: hidden
}

.blog-elem__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s linear
}

.blog-elem__img:hover img {
    transform: scale(1.1)
}

.myth-elem__number {
    width: 7.2rem;
    height: 7.2rem;
    padding: 0;
    flex-shrink: 0
}

.myth-elem__number p {
    position: relative
}

.myth-elem__number p span {
    position: relative;
    z-index: 2;
    font-style: normal;
    font-weight: 700;
    font-size: 3.5rem;
    line-height: 120%;
    color: #000
}

.myth-elem__number p:before {
    width: 3.625rem;
    height: 2.125rem;
    border-radius: 100%;
    position: absolute;
    z-index: 1;
    background: #fff;
    left: 50%;
    transform: translateX(-50%);
    top: 40px
}

.clients-first__left {
    width: 50%;
    padding-right: 2.75rem
}

.clients-first__right {
    width: 50%;
    padding-left: 5.625rem
}

.works-elem {
    width: calc(50% - 20px);
    margin-right: 1.875rem;
    margin-bottom: 3.75rem
}

.solutions-direct-elem, .tasks-item {
    margin-bottom: 1.875rem
}

.works-elem:nth-of-type(2n) {
    margin-right: 0
}

.works-elem__head {
    height: 3.125rem
}

.works-elem__name {
    position: relative
}

.works-elem__name img {
    position: absolute;
    right: -23px;
    top: -6px
}

.works-elem__details {
    padding: .625rem 2.1875rem;
    border-radius: .3125rem;
    transition: all .2s linear
}

.works-elem__details:hover {
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .2)
}

.clients-footer__left {
    width: 60%;
    padding-right: 2.1875rem
}

.clients-footer__right {
    width: 40%
}

.bonus-programm-elem {
    width: calc(33.33% - 20px);
    margin-right: 1.875rem
}

.bonus-programm-elem:nth-of-type(3n) {
    margin-right: 0
}

.tasks-item__icon {
    width: 4rem;
    height: 4rem;
    background-size: 100% 100%;
    flex-shrink: 0
}

.tasks-item:first-of-type .tasks-item__icon {
    background-image: url(../../../images-main/forms/task-item-1.png)
}

.tasks-item:nth-of-type(2) .tasks-item__icon {
    background-image: url(../../../images-main/forms/task-item-2.png)
}

.tasks-item:nth-of-type(3) .tasks-item__icon {
    background-image: url(../../../images-main/forms/task-item-3.png)
}

.tasks-item:nth-of-type(4) .tasks-item__icon {
    background-image: url(../../../images-main/forms/task-item-1.png)
}

.tasks-item__content .text16-regular.mb-20, .tasks-item__content ul {
    margin-top: .4375rem
}

.tasks-item__content ul li {
    padding-left: 1.25rem;
    position: relative;
    margin-bottom: .4375rem
}

.tasks-item__content ul li:last-of-type {
    margin-bottom: 0
}

.tasks-item__content ul li:before {
    position: absolute;
    left: 0;
    top: .3125rem;
    width: .5rem;
    height: .5rem;
    border-radius: 100%;
    border: 1px solid #000
}

.we-do-item {
    width: 20%;
    padding-right: 2.25rem;
    position: relative
}

.we-do-item:before, .we-do-item__number:after {
    content: "";
    position: absolute
}

.we-do-item__img {
    width: 100%
}

.we-do-item:before {
    top: 24px;
    left: 35px;
    width: calc(100% - 50px);
    height: 0;
    border: none;
    border-top: 2px dashed #e9e9e9
}

.we-do-item:last-of-type:before, .we-do-item:nth-of-type(5n):before {
    display: none
}

.we-do-item__number {
    position: relative;
    width: fit-content
}

.we-do-item__number span {
    position: relative;
    z-index: 2
}

.we-do-item__number:after {
    z-index: 1;
    width: 2.3125rem;
    height: 1.0625rem;
    border-radius: 100%;
    background: red;
    top: 15px;
    left: 50%;
    transform: translateX(-50%)
}

.we-do-item:first-of-type .we-do-item__number::after, .we-do-item:nth-of-type(13) .we-do-item__number:after, .we-do-item:nth-of-type(7) .we-do-item__number:after {
    background: linear-gradient(56.55deg, #f0f2ff 10.08%, #fff8ea 83.77%), radial-gradient(39.29% 157.37% at 31.57% 100%, #e7eaff 0, #f4f6ff 100%)
}

.we-do-item:nth-of-type(14) .we-do-item__number:after, .we-do-item:nth-of-type(2) .we-do-item__number:after, .we-do-item:nth-of-type(8) .we-do-item__number:after {
    background: linear-gradient(71.02deg, #f8eeff 14.32%, #f2faff 77.34%), radial-gradient(43.3% 113.9% at 33.82% 100%, #f3e4ff 0, #f9f2ff 100%)
}

.we-do-item:nth-of-type(3) .we-do-item__number:after, .we-do-item:nth-of-type(9) .we-do-item__number:after {
    background: linear-gradient(71.16deg, #e1ffde 18.48%, #eef7ff 75.33%), radial-gradient(37.41% 113.28% at 32.13% 100%, #c5ffd5 0, #e8ffee 100%)
}

.we-do-item:nth-of-type(10) .we-do-item__number:after, .we-do-item:nth-of-type(4) .we-do-item__number:after {
    background: linear-gradient(72.76deg, #fff1f9 18.39%, #f4f1ff 77.76%)
}

.we-do-item:nth-of-type(11) .we-do-item__number:after, .we-do-item:nth-of-type(5) .we-do-item__number:after {
    background: linear-gradient(59.52deg, #fff4cd -.42%, #fff0f5 78.67%)
}

.we-do-item:nth-of-type(12) .we-do-item__number:after, .we-do-item:nth-of-type(6) .we-do-item__number:after {
    background: linear-gradient(75.55deg, #ecfffc 19.48%, #f6fdec 69.57%)
}

.content-slider .slick-dots li button {
    width: .5625rem;
    height: .5625rem;
    border-radius: 100%;
    border: 1px solid #000;
    transition: all .2s linear
}

.content-slider .slick-dots li.slick-active button, .content-slider .slick-dots li:hover button {
    background: #000
}

.solutions-direct-elem {
    width: calc(33.33% - 30px);
    margin-right: 1.875rem
}

.solutions-direct-elem:nth-of-type(3n) {
    margin-right: 0
}

.automatic-func-does {
    width: 65%
}

.automatic-func-does ul li {
    width: calc(50% - 30px);
    margin-right: 1.875rem;
    margin-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: relative
}

.automatic-func-does ul li:nth-of-type(2n) {
    margin-right: 0
}

.automatic-func-does ul li:before {
    content: url(../../../images-main/icons/check.svg);
    position: absolute;
    left: 0;
    top: 1px
}

.automatic-func-does .automatic-func-ul__title {
    background: #c9f5ee
}

.automatic-func-ul__title {
    padding: 0 .3125rem;
    border-radius: .375rem;
    width: fit-content
}

.automatic-func-doesnt {
    width: 35%
}

.automatic-func-doesnt ul li {
    width: 100%;
    margin-bottom: 1.25rem;
    padding-left: 1.25rem;
    position: relative
}

.automatic-func-doesnt ul li:before {
    content: url(../../../images-main/icons/close.svg);
    position: absolute;
    left: 0;
    top: 1px
}

.automatic-func-doesnt .automatic-func-ul__title {
    background: #ffddf1
}

.automatic-func__subtitle {
    font-size: 22px;
    line-height: 120%
}

.our-mission.block-form, .realize-proj.block-form {
    padding: 0
}

.about-systems-elem {
    padding: 0 .4375rem
}

.why-flawless-elems iframe {
    width: 100%;
    height: 39rem
}

.our-team-elems .our-team__left {
    width: 75%
}

.our-team-elems .our-team__right {
    width: 25%
}

.our-team-elems img {
    object-fit: cover;
    border-radius: .75rem
}

.our-team-elems img:not(.big-img) {
    width: 15.9375rem;
    height: 10rem;
    border-radius: .75rem
}

.company-history-el {
    overflow: hidden;
    padding: 2.6875rem 2.1875rem;
    height: 10.25rem;
    position: relative
}

.company-history-el .company-history__line {
    position: absolute
}

.company-history-el .company-history__date {
    flex-shrink: 0
}

.company-history-el:first-of-type {
    margin-right: 1.875rem;
    max-width: 39.6875rem;
    width: 100%;
    background-image: url(../../../images-main/forms/history1.png)
}

.company-history-el:first-of-type .company-history__date {
    margin-left: 2.5rem
}

.company-history-el:first-of-type .company-history__line {
    right: -69px;
    top: 68px
}

.company-history-el:nth-of-type(2) {
    max-width: 27.8125rem;
    width: 100%;
    background-image: url(../../../images-main/forms/history2.png)
}

.company-history-el:nth-of-type(2) .company-history__date {
    margin-right: 2.5rem
}

.company-history-el:nth-of-type(2) .company-history__line {
    left: -76px;
    top: 72px
}

.company-history-el:nth-of-type(3) {
    max-width: 33.75rem;
    width: 100%;
    margin-right: 1.875rem;
    background-image: url(../../../images-main/forms/history3.png)
}

.company-history-el:nth-of-type(3) .company-history__date {
    margin-left: 2.5rem
}

.company-history-el:nth-of-type(3) .company-history__line {
    right: -76px;
    top: 80px
}

.company-history-el:nth-of-type(4) {
    max-width: 33.75rem;
    width: 100%;
    background-image: url(../../../images-main/forms/history4.png)
}

.company-history-el:nth-of-type(4) .company-history__date {
    margin-right: 2.5rem
}

.company-history-el:nth-of-type(4) .company-history__line {
    left: -81px;
    top: -48px
}

.company-history-el:nth-of-type(5) {
    max-width: 27.8125rem;
    width: 100%;
    margin-right: 1.875rem;
    background-image: url(../../../images-main/forms/history5.png)
}

.company-history-el:nth-of-type(5) .company-history__date {
    margin-left: 2.5rem
}

.company-history-el:nth-of-type(5) .company-history__line {
    right: -71px;
    top: -56px
}

.company-history-el:nth-of-type(6) {
    max-width: 39.6875rem;
    width: 100%;
    background-image: url(../../../images-main/forms/history6.png)
}

.company-history-el:nth-of-type(6) .company-history__date {
    margin-right: 2.5rem
}

.company-history-el:nth-of-type(6) .company-history__line {
    left: -76px;
    top: 85px
}

.clients-page__title p {
    position: relative
}

.clients-page__title p img {
    position: absolute;
    top: -.3125rem;
    right: -1.5625rem
}

.marketing-expert-elem {
    width: calc(33.33% - 20px);
    margin-right: 1.875rem;
    padding-right: .625rem
}

.marketing-expert-elem:last-of-type {
    margin-right: 0
}

.marketing-stateg-elem {
    width: calc(25% - 25px);
    margin-right: 1.875rem;
    padding-right: .625rem
}

.marketing-stateg-elem:last-of-type {
    margin-right: 0
}

.marketing-types-nav {
    margin-bottom: 1.25rem
}

.marketing-types-nav button {
    display: flex !important;
    width: 15.9375rem;
    height: 15.9375rem;
    margin-right: 1.875rem;
    background: 0 0;
    opacity: .5;
    transition: all .2s linear
}

.marketing-types-nav button.slick-current.slick-active {
    opacity: 1;
    background-image: url(../../../images-main/forms/marketing-types.png);
    background-size: 100% 100%
}

.h1, h1 {
    font-size: 2rem
}

@media (max-width: 1024px) {
    .h1, h1 {
        font-size: 1.5rem
    }
}

@media (max-width: 360px) {
    .h1, h1 {
        font-size: 1rem
    }
}

.h2, h2 {
    /* font-size: 1.5rem */ /* marklog */
}

.h3, h3, p {
    /* font-size: 1.125rem */ /* marklog */
}

label {
    font-size: 1rem
}

@media (max-width: 1670px) {
    .first-block__right {
        max-width: 43.75rem
    }
}

@media (max-width: 1366px) {
    .first-block__right {
        max-width: 34.375rem
    }
}

@media (max-width: 1160px) {
    .blog-elem {
        width: 19.375rem
    }

    .company-history-el:first-of-type {
        width: 34rem
    }

    .company-history-el:nth-of-type(3), .company-history-el:nth-of-type(4) {
        width: 31rem
    }

    .company-history-el:nth-of-type(6) {
        width: 34.5rem
    }

    .our-team-elems {
        display: none
    }

    .our-team-elems-mob {
        display: block
    }
}

@media (max-width: 1120px) {
    .first-block__right {
        max-width: 34.375rem
    }

    .solutions .solution-item {
        width: calc(50% - 1.25rem);
        height: auto
    }

    .solutions .solution-item:nth-of-type(3n), .solutions .solution-item:nth-of-type(odd) {
        margin-right: 1.25rem
    }

    .solutions .solution-item:nth-of-type(2n) {
        margin-right: 0
    }
}

.header {
    border-bottom: 1px solid #e9e9e9
}

.mobile-contact-btn svg {
    opacity: 1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.mobile-contact-btn.open svg {
    opacity: 0
}

.lang-menu {
    position: fixed;
    width: 100%;
    max-width: 26.5rem;
    height: 100vh;
    -webkit-box-shadow: .5625rem .75rem 1.5625rem -.25rem #7979798a;
    box-shadow: .5625rem .75rem 1.5625rem -.25rem #7979798a;
    -webkit-transition: .3s;
    background: #fff;
    right: -26.5rem;
    transition: all .3s linear;
    z-index: 9999;
    top: 4.5rem;
    padding: .625rem .9375rem;
    flex-direction: column;
    align-items: initial;
    justify-content: initial
}

.lang-menu.open {
    right: 0
}

.lang-menu a {
    margin: 0 !important;
    height: 3.5rem;
    display: flex;
    align-items: center;
    font-size: 19px;
    text-transform: uppercase;
    width: 56px;
    overflow: hidden
}

@media (max-width: 1060px) {
    .header-contact, .navigation nav {
        max-width: 26.5rem;
        -webkit-box-shadow: .5625rem .75rem 1.5625rem -.25rem #7979798a;
        right: -26.5rem
    }

    .lang-button {
        display: none !important
    }

    #hamburger {
        display: block
    }

    .header {
        height: 3.75rem
    }

    .navigation li a {
        padding-top: 0;
        padding-bottom: 0
    }

    .navigation nav {
        position: absolute;
        width: 100%;
        height: 100vh;
        box-shadow: .5625rem .75rem 1.5625rem -.25rem #7979798a;
        -webkit-transition: .3s;
        background: #fff;
        transition: all .3s linear;
        z-index: 9999;
        overflow: auto;
        top: 4.5rem
    }

    .header-contact.open, .navigation nav.open {
        right: 0
    }

    .navigation nav ul {
        flex-direction: column;
        align-items: flex-start
    }

    .navigation nav.open > ul {
        width: 92% !important
    }

    .navigation nav ul a, .navigation nav ul li {
        width: 100%;
        min-height: 3.5rem;
        align-items: center;
        border-radius: 0
    }

    .navigation nav ul a.active {
        width: 100%
    }

    .mobile-contact-btn {
        display: block;
        position: absolute;
        right: 65px;
        cursor: pointer;
        font-size: 0;
        color: #000
    }

    .mobile-contact-btn img {
        transition: all .5s ease
    }

    .mobile-contact-btn .bot-burg, .mobile-contact-btn .top-burg {
        position: absolute;
        top: 15px;
        left: 0;
        width: 23px;
        height: 3px;
        background-color: transparent;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }

    .mobile-contact-btn.open .top-burg {
        position: absolute;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        background: #000;
        top: 12px
    }

    .mobile-contact-btn.open .bot-burg {
        top: 12px;
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
        background: #000
    }

    .mobile-contact-btn.open img {
        opacity: 0
    }

    .header-contact {
        position: absolute;
        width: 100%;
        height: 100vh;
        box-shadow: .5625rem .75rem 1.5625rem -.25rem #7979798a;
        -webkit-transition: .3s;
        background: #fff;
        transition: all .3s linear;
        z-index: 9999;
        top: 4.5rem;
        padding: .625rem .9375rem;
        box-sizing: border-box
    }

    .header-contact, .header-contact .header-contacts, .header-contact .header-social {
        flex-direction: column;
        align-items: initial;
        justify-content: initial
    }

    .header-contact .header-contacts a, .header-contact .header-social a {
        display: flex;
        align-items: center;
        font-size: 19px;
        margin: 0 !important;
        height: 3.5rem
    }

    .header-contact .header-contacts a img, .header-contact .header-social a img {
        margin-right: .625rem
    }

    .header-contact .header-social span {
        display: initial
    }

    .footer .container {
        flex-direction: column
    }

    .footer-left {
        width: 100%;
        padding: 0;
        margin-bottom: 1.625rem;
        min-height: 0
    }

    .footer-right {
        width: 100%;
        padding-left: 0
    }

    .footer-copyright {
        flex-direction: column;
        align-items: flex-start;
        justify-content: initial
    }

    .footer-copyright ul {
        margin-top: .75rem;
        flex-wrap: wrap
    }

    .footer-copyright ul li {
        margin-bottom: .3125rem
    }

    .navigation .dropdown .dropdown-list {
        position: static;
        left: auto;
        top: auto;
        display: block !important;
        box-shadow: none;
        background: 0 0;
        padding: 0;
        margin: 0;
        width: 100%
    }

    .navigation nav ul.dropdown-list li {
        min-height: 2.5rem
    }

    .navigation .dropdown .dropdown-list a {
        font-size: 1.1875rem;
        font-style: normal;
        line-height: 90%;
        font-weight: 400;
        width: 100%;
        min-height: 2.5rem
    }

    .dropdown > a.text19-regular {
        display: none
    }

    .company-history-el .company-history__line, .navigation .dropdown .dropdown-list.d-none {
        display: none !important
    }

    .dropdown > a.text19-reg-menu {
        position: relative !important
    }

    .dropdown > a.text19-reg-menu::after {
        content: '';
        position: absolute;
        width: .5rem;
        height: .5rem;
        border-left: 2px solid #000;
        border-bottom: 2px solid #000;
        transform: rotateZ(315deg);
        top: 30%;
        right: 1rem
    }

    .dropdown.show > a.text19-reg-menu::after {
        top: 30%;
        transform: rotateZ(135deg)
    }

    .main {
        margin-top: 6.25rem;
        padding-top: 0
    }

    .first-block__right {
        max-width: 30rem
    }

    div.mb-80, section.mb-80 {
        margin-bottom: 3.75rem
    }

    section.mb-80.company-history, section.mb-80.our-team {
        margin-bottom: 5rem
    }

    .first-block {
        padding: 0
    }

    .slick-dotted.slick-slider {
        margin-bottom: 3.75rem
    }

    .blog-elem {
        width: calc(50% - 20px)
    }

    .blog-elem:nth-of-type(3n) {
        margin-right: 1.875rem
    }

    .blog-elem:nth-of-type(2n) {
        margin-right: 0
    }

    .about-systems img {
        margin: 0 auto 1.25rem
    }

    .company-history-el {
        max-width: none !important;
        height: auto;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        min-height: 15.3125rem;
        margin: 0 .9375rem !important
    }

    .company-history-el .d-flex {
        justify-content: center;
        align-items: center;
        text-align: center
    }

    .company-history-el:nth-of-type(2n) .d-flex {
        flex-direction: column-reverse
    }

    .company-history-el:nth-of-type(2) .company-history__date, .company-history-el:nth-of-type(4) .company-history__date, .company-history-el:nth-of-type(6) .company-history__date, .company-history-el:nth-of-type(odd) .d-flex {
        flex-direction: column
    }

    .company-history-el .company-history__date {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .company-history-elems {
        height: 15.75rem
    }

    .header-social .text14-regular, .js-lang-button.text14-regular {
        font-weight: 600
    }
}

@media (min-width: 1061px) {
    .languages-icon {
        display: none
    }
}

@media (max-width: 992px) {
    .first-block__left {
        width: 100%
    }

    .first-block__left .mobile-image {
        margin-bottom: 1.875rem;
        width: 100%;
        display: block
    }

    .clients-first__right, .first-block__right {
        display: none
    }

    .first-block__left .mobile-image img {
        width: 100%;
        height: auto;
        max-height: 21.3125rem;
        object-fit: cover
    }

    .filter {
        flex-wrap: nowrap;
        overflow: auto
    }

    .filter__item {
        flex-shrink: 0
    }

    .clients-first__left {
        width: 100%;
        padding-right: 0
    }

    .clients-first__left .clients-first__img-mob {
        display: initial;
        width: 100%;
        object-fit: cover
    }

    .logos-carosel .logos-block img {
        object-fit: cover
    }

    .content-page-box img, .content-slider-item img {
        height: auto
    }

    .why-flawless-elems iframe {
        height: 25rem
    }

    .automatic-func-box {
        flex-direction: column
    }

    .automatic-func-does {
        width: 100%;
        margin-bottom: 2.5rem
    }

    .automatic-func-doesnt {
        width: 100%
    }
}

@media (max-width: 768px) {
    .solutions .solution-footer {
        flex-direction: column;
        align-items: initial
    }

    .solutions .solution-footer__left {
        width: 100%
    }

    .solutions .solution-footer__right {
        width: 100%;
        padding-left: 0;
        margin-top: 1.875rem
    }

    .stages__elems {
        flex-direction: row
    }

    .stages__row {
        flex-direction: column;
        align-items: initial
    }

    .stages__line {
        display: none
    }

    .stages__line-mob {
        display: flex;
        height: auto
    }

    .stages.stages-el-3 .stages__elem {
        flex-direction: column;
        margin-bottom: .4375rem
    }

    .stages.stages-el-3 .stages__elem:after {
        display: none
    }

    .stages.stages-el-3 .stages__elem .stages-elem__head {
        margin-bottom: .75rem
    }

    .stages.stages-el-3 .stages__elem .text16-regular {
        padding-left: 1.875rem;
        position: relative
    }

    .stages.stages-el-3 .stages__elem .text16-regular:before {
        content: "";
        position: absolute;
        top: -.3125rem;
        left: .3125rem;
        width: 1px;
        height: 100%;
        border: none;
        border-right: 2px dashed #e9e9e9
    }

    .stages .stages__elem {
        display: flex;
        width: auto;
        margin-bottom: 1.375rem
    }

    .stages .stages__elem:last-of-type {
        margin-bottom: 0
    }

    .stages .stages__elem .stages-elem__head {
        margin-right: 1.5625rem
    }

    .stages__row:first-of-type {
        padding-right: 1.25rem
    }

    .stages__row:nth-of-type(2) {
        padding-left: 1.25rem
    }

    .mlm-help ul li {
        width: 100%
    }

    .mlm-help ul li:nth-of-type(2n) {
        padding: 0 1.25rem
    }

    .mlm-help ul li:nth-of-type(2n):before {
        left: .1875rem
    }

    .mlm-help ul li:nth-last-of-type(2) {
        margin-bottom: 1.25rem
    }

    .statistics .container {
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0 6.4375rem
    }

    .statistics-item {
        width: 40%
    }

    .statistics-item:first-of-type, .statistics-item:nth-of-type(2) {
        margin-bottom: 1.25rem
    }

    .statistics .statistics-item {
        margin-right: 0
    }

    .mlm-help__text, .stages__text {
        padding: 2.5rem
    }

    .stages__text-footer {
        flex-direction: column;
        align-items: initial
    }

    .stages__text-footer .stages__text-left {
        width: 100%
    }

    .stages__text-footer .stages__text-right {
        width: 100%;
        align-items: initial;
        justify-content: initial;
        padding-left: 0;
        margin-top: 1.875rem
    }

    .block-form__footer, .myth-elem {
        flex-direction: column
    }

    .stages .stages__elem:after {
        top: 53px;
        left: 3px;
        width: 22px;
        height: 0;
        transform: rotate(90deg)
    }

    .block-form__left {
        width: 100%;
        padding-right: 0
    }

    .block-form__right {
        width: 100%;
        padding-left: 0;
        margin-top: 1.25rem;
        align-items: initial;
        justify-content: initial
    }

    .experience-text, .resolved-issues_text {
        padding: 2.5rem
    }

    .resolved-issues__elem {
        width: calc(50% - 20px)
    }

    .resolved-issues__elem:nth-of-type(3n) {
        margin-right: 1.875rem
    }

    .resolved-issues__elem:nth-of-type(2n) {
        margin-right: 0
    }

    .review-elem__media-box {
        display: none
    }

    .review-elem__text {
        width: 100%
    }

    .mobile-footer-social {
        display: flex;
        position: fixed;
        /* left: .9375rem; */ /* marklog */
        right: 1.2rem; /* marklog */
        bottom: 16px; /* marklog 1.25rem 5.25rem */
    }

    .mobile-footer-social a {
        width: 4.75rem; /* marklog 3.75rem */
        height: 4.75rem; /* marklog 3.75rem */
    }

    .mobile-footer-social a img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .myth-elem__number {
        width: 100%;
        height: 5rem;
        margin-bottom: 1.2rem
    }

    .myth-elem__number p span {
        font-size: 3rem
    }

    .myth-elem__number p:before {
        width: 2.625rem;
        height: 1.5625rem;
        top: 30px
    }

    .works-elem {
        width: 100%;
        margin-right: 0
    }

    .clients-footer .container {
        flex-direction: column
    }

    .clients-footer__left {
        width: 100%;
        padding: 0
    }

    .clients-footer__right {
        width: 100%;
        margin-top: 1.25rem
    }

    .bonus-programm-elem {
        width: calc(50% - 20px)
    }

    .bonus-programm-elem:nth-of-type(3n) {
        margin-right: 1.875rem
    }

    .bonus-programm-elem:nth-of-type(2n) {
        margin-right: 0
    }

    .we-do-item__img {
        display: none
    }

    .we-do-items {
        justify-content: space-between;
        position: relative
    }

    .we-do-item:before, .we-do-items:before {
        content: "";
        position: absolute;
        height: 100%
    }

    .we-do-items:before {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 36px;
        background-image: url(../../../images-main/line-create-cite-mob.png);
        background-size: 100% 100%;
        background-repeat: no-repeat
    }

    .we-do-item {
        width: 17.5rem;
        display: flex;
        margin-bottom: .4375rem
    }

    .we-do-item__text {
        margin-left: 1.25rem
    }

    .we-do-item:before {
        top: 35px;
        left: -5px;
        width: 13px;
        border: none;
        border-right: 2px dashed #e9e9e9;
        border-top: none
    }

    .we-do-item:first-of-type {
        order: 1
    }

    .we-do-item:nth-of-type(8) {
        order: 2;
        padding-right: 0;
        padding-left: 2.25rem
    }

    .we-do-item:nth-of-type(8):before {
        left: 30px
    }

    .we-do-item:nth-of-type(2) {
        order: 3
    }

    .we-do-item:nth-of-type(9) {
        order: 4;
        padding-right: 0;
        padding-left: 2.25rem
    }

    .we-do-item:nth-of-type(9):before {
        left: 30px
    }

    .we-do-item:nth-of-type(3) {
        order: 5
    }

    .we-do-item:nth-of-type(10) {
        order: 6;
        padding-right: 0;
        padding-left: 2.25rem
    }

    .we-do-item:nth-of-type(10):before {
        display: block;
        left: 30px
    }

    .we-do-item:nth-of-type(4) {
        order: 7
    }

    .we-do-item:nth-of-type(11) {
        order: 8;
        padding-right: 0;
        padding-left: 2.25rem
    }

    .we-do-item:nth-of-type(11):before {
        left: 30px
    }

    .we-do-item:nth-of-type(5) {
        order: 9
    }

    .we-do-item:nth-of-type(5):before {
        display: block
    }

    .we-do-item:nth-of-type(12) {
        order: 10;
        padding-right: 0;
        padding-left: 2.25rem
    }

    .we-do-item:nth-of-type(12):before {
        left: 30px
    }

    .we-do-item:nth-of-type(6) {
        order: 11
    }

    .we-do-item:nth-of-type(13) {
        order: 12;
        padding-right: 0;
        padding-left: 2.25rem
    }

    .we-do-item:nth-of-type(13):before {
        left: 30px
    }

    .we-do-item:nth-of-type(7) {
        order: 13
    }

    .we-do-item:nth-of-type(7):before {
        display: none
    }

    .we-do-item:nth-of-type(14) {
        order: 14;
        padding-right: 0;
        padding-left: 2.25rem
    }

    .we-do-item:nth-of-type(14):before {
        left: 30px
    }

    .What-we-do__text {
        padding: 2.5rem
    }

    .solutions-direct-elem {
        width: calc(50% - 30px);
        margin-bottom: 1.875rem;
        margin-right: 1.875rem
    }

    .solutions-direct-elem:nth-of-type(3n) {
        margin-right: 30px
    }

    .solutions-direct-elem:nth-of-type(2n) {
        margin-right: 0
    }

    .content-slider .slick-dots li {
        margin: 0;
        margin-right: .75rem;
        width: .5625rem;
        height: .5625rem
    }

    .content-slider .slick-dots li:last-of-type {
        margin-right: 0
    }

    .stages.stages-row-1 .stages__row {
        width: 100%;
        flex-wrap: wrap;
        flex-direction: row;
        position: relative;
        justify-content: space-between
    }

    .stages.stages-row-1 .stages__elem {
        max-width: 280px;
        width: 100%
    }

    .stages.stages-row-1 .stages__elem:nth-of-type(2n) {
        padding-left: .3125rem
    }

    .stages.stages-row-1 .stages__elem:nth-of-type(odd) {
        padding-right: 1.875rem
    }

    .stages.stages-row-1 .stages__elem:first-of-type {
        order: 1
    }

    .stages.stages-row-1 .stages__elem:nth-of-type(2) {
        order: 3
    }

    .stages.stages-row-1 .stages__elem:nth-of-type(3) {
        order: 5
    }

    .stages.stages-row-1 .stages__elem:nth-of-type(3):after {
        display: none
    }

    .stages.stages-row-1 .stages__elem:nth-of-type(4) {
        order: 2;
        padding-left: 1.875rem
    }

    .stages.stages-row-1 .stages__elem:nth-of-type(4):after {
        left: 1.6875rem
    }

    .stages.stages-row-1 .stages__elem:nth-of-type(5) {
        order: 4;
        padding-left: 1.875rem
    }

    .stages.stages-row-1 .stages__elem:nth-of-type(5):after {
        left: 1.6875rem
    }

    .stages.stages-row-1 .stages__line-mob {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        height: 12.5rem
    }

    .slick-next {
        right: 10%
    }

    .slick-prev {
        left: 10%
    }

    .company-history-elems {
        height: auto
    }

    .company-history-el {
        margin: 0 .3125rem !important
    }

    .clients-page__about {
        flex-direction: column
    }

    .clients-page__about img {
        width: 100%;
        height: auto;
        max-height: 610px;
        object-fit: contain;
        margin-bottom: 30px;
        margin-right: 0
    }

    .marketing-stateg-elem {
        width: calc(50% - 20px);
        margin-right: 1.25rem;
        padding-right: .625rem;
        margin-bottom: 1.25rem;
        box-sizing: border-box
    }

    .marketing-stateg-elem:last-of-type {
        margin-right: 20px
    }

    .marketing-stateg-elem:nth-of-type(2n) {
        margin-right: 0
    }

    .marketing-expert-elem {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1.25rem
    }

    .form-marketing-strat p {
        font-size: 1rem;
        margin-bottom: 0
    }

    .marketing-types-nav button {
        width: 11.25rem;
        height: 9.125rem
    }

    .block-form {
        padding: 1.875rem 1.25rem !important
    }

    .block-form, .block-form .text19-medium, .block-form p {
        font-size: 1rem
    }

    .block-form .form-marketing-strat p {
        margin-bottom: 1.25rem !important
    }

    .about-text .mb-60 {
        margin-bottom: 2.5rem
    }

    .trust-elem {
        margin-bottom: 1.25rem
    }

    section.mb-80.trust {
        margin-bottom: 2.5rem
    }

    .about-systems.mb-60 {
        margin-bottom: 3.75rem
    }

    .stages.stages-el-3 .stages__row:last-of-type .stages__elem:last-of-type .text16-regular:before {
        display: none
    }

    section.reviews {
        margin-bottom: 1.875rem
    }

    .blog-elems {
        margin-bottom: 2.5rem
    }

    .blog-elem {
        margin-bottom: 0
    }

    .our-mission.block-form {
        margin-bottom: 3.75rem
    }
}

@media (max-width: 640px) {
    .trust-elem {
        width: 100%
    }

    .trust-elem:nth-of-type(2n), .trust-elem:nth-of-type(odd) {
        padding: 0
    }

    .solutions .solution-item {
        padding: 1.875rem 1.25rem
    }

    .first-block__left .mobile-image {
        width: calc(100% + 100px)
    }

    .first-block {
        overflow: hidden
    }
}

@media (max-width: 610px) {
    .main .stages.stages-row-1 .stages__elem {
        width: 100%;
        order: 0;
        padding-left: 0
    }

    .main .stages.stages-row-1 .stages__elem:nth-of-type(3):after {
        display: block
    }

    .main .stages.stages-row-1 .stages__elem:after {
        left: 0
    }

    .main .stages.stages-row-1 .stages__line-mob {
        display: none
    }
}

@media (max-width: 600px) {
    .we-do-item {
        width: 100%;
        order: 0 !important;
        padding: 0
    }

    .we-do-item:nth-of-type(n+8) {
        padding-left: 0
    }

    .we-do-item:nth-of-type(n+8):before {
        left: -.3125rem
    }

    .we-do-item:nth-of-type(7):before {
        display: block
    }

    .we-do-item:nth-of-type(n+10) {
        transform: translateX(-6px)
    }

    .we-do-item:nth-of-type(n+10):before {
        left: 0
    }
}

@media (max-width: 580px) {
    .reviews-elem, .stages__elems {
        flex-direction: column
    }

    .solution_item__list, .stages__line-mob {
        display: none
    }

    .solutions .solution-item {
        width: 100%;
        padding: 1.875rem 2.5rem
    }

    .solutions .solution-item:nth-of-type(3n), .solutions .solution-item:nth-of-type(odd) {
        margin-right: 0
    }

    .stages__row:nth-of-type(2) {
        padding-left: 0;
        margin-top: 1.375rem
    }

    .mlm-help__text, .stages__text {
        padding: 1.875rem 1.25rem
    }

    .statistics .container {
        padding: 0;
        padding-left: .9375rem
    }

    .statistics .statistics-item:last-of-type {
        margin-bottom: 0
    }

    .stages__row:first-of-type .stages__elem:after {
        display: block
    }

    .myth-elem__text, .reviews-elem .review-elem__user .link-border {
        display: none
    }

    .reviews-elem {
        align-items: initial
    }

    .reviews-elem .review-elem__text {
        padding: 0
    }

    .fancybox__slide {
        padding: 0;
        padding-top: 50vh
    }

    #reviewDetail {
        padding: 35px 15px 15px
    }

    #reviewDetail .is-close {
        top: .3125rem;
        right: .3125rem
    }

    .blog-elem {
        width: 100%
    }

    .blog-elem, .blog-elem:nth-of-type(2n), .blog-elem:nth-of-type(3n) {
        margin-right: 0
    }

    .myth-elem_mobile {
        display: initial
    }

    #myhtDetail .myth-elem__text {
        display: block
    }

    #myhtDetail .myth-elem_mobile, .works-elem__details {
        display: none
    }

    .works-elem__details-mob {
        display: initial;
        padding: .625rem 2.1875rem;
        border-radius: .3125rem;
        transition: all .2s linear;
        text-align: center;
        margin-top: 1.875rem
    }

    .works-elem__desc ~ img {
        height: auto
    }

    .tasks-item {
        flex-direction: column
    }

    .tasks-item .text-gradient {
        display: none
    }

    .tasks-item__icon {
        position: relative;
        margin-bottom: .75rem
    }

    .tasks-item__icon span {
        display: initial;
        position: absolute;
        white-space: nowrap;
        left: calc(100% + 20px)
    }

    .solutions-direct-elem {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0
    }

    .solutions-direct-elem p:first-child {
        display: flex
    }

    .solutions-direct-elem p:last-child {
        padding: 0 .5rem .5rem
    }

    .solutions-direct-elem p:first-child span {
        width: 100%;
        padding: .3rem .5rem;
        position: relative
    }

    .automatic-func-does ul li {
        width: 100%;
        padding-right: 0;
        margin-right: 0
    }

    .text36-extrabold {
        font-size: 1.8125rem
    }

    .text29-extrabold {
        font-size: 1.625rem
    }

    .marketing-stateg-elem {
        width: 100%;
        margin-right: 0;
        padding-right: 0;
        margin-bottom: 1.25rem;
        box-sizing: border-box
    }

    .marketing-stateg-elem:last-of-type, .marketing-stateg-elem:nth-of-type(2n) {
        margin-right: 0
    }

    .marketing-expert-elem {
        padding-right: 0
    }

    .trust-elem p:last-of-type {
        margin-bottom: 0
    }

    .review-text-desk, .stages__row:first-of-type .stages__elem:last-of-type:after, .trust-elem p i {
        display: none
    }

    .review-text-mob {
        display: inline-block
    }

    .footer-left {
        display: none
    }

    .footer {
        padding-top: 1.875rem
    }

    .footer h5 {
        margin-bottom: .75rem
    }

    .footer-right__pages {
        margin-right: 0;
        margin-bottom: 1.25rem
    }

    .footer-text {
        padding-top: 1.25rem;
        position: relative
    }

    .footer-text:before {
        content: "";
        width: calc(100% + 30px);
        height: 1px;
        position: absolute;
        left: -.9375rem;
        top: 0;
        background: #e9e9e9
    }
}

@media (max-width: 500px) {
    .footer-right {
        flex-direction: column;
        justify-content: initial
    }
}

@media (max-width: 450px) {
    .resolved-issues__elem {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1.25rem
    }

    .resolved-issues__elem:nth-of-type(3n) {
        margin-right: 0
    }

    .experience-elem {
        display: flex;
        margin-right: .75rem;
        padding: .75rem 1.6875rem;
        justify-content: center;
        align-items: center;
        text-align: center
    }

    .experience-elem:first-of-type {
        order: 1;
        width: 100%;
        margin-right: 0
    }

    .experience-elem:nth-of-type(2) {
        order: 2;
        width: 100%;
        margin-right: 0
    }

    .experience-elem:nth-of-type(3) {
        order: 3;
        width: 100%;
        margin-right: 0
    }

    .experience-elem:nth-of-type(4) {
        order: 4;
        width: calc(50% - 60px)
    }

    .experience-elem:nth-of-type(7) {
        order: 5;
        margin-right: 0;
        width: calc(50% - 60px)
    }

    .experience-elem:nth-of-type(5) {
        order: 6;
        width: 100%;
        margin-right: 0
    }

    .experience-elem:nth-of-type(6) {
        order: 7;
        width: 100%;
        margin-right: 0
    }

    .experience-elem:nth-of-type(10) {
        order: 8;
        width: calc(50% - 60px)
    }

    .experience-elem:nth-of-type(11) {
        order: 9;
        margin-right: 0;
        width: calc(50% - 60px)
    }

    .experience-elem:nth-of-type(8) {
        order: 10;
        width: 100%;
        margin-right: 0
    }

    .experience-elem:nth-of-type(9) {
        order: 11;
        width: 100%;
        margin-right: 0
    }

    .experience-elem:nth-of-type(12) {
        order: 12;
        width: 100%;
        margin-right: 0
    }

    .bonus-programm-elem {
        width: 100%;
        margin-right: 0
    }

    .bonus-programm-elem:nth-of-type(3n) {
        margin-right: 0
    }

    .we-do-items:before {
        display: none
    }

    .about-systems-elem {
        display: flex !important;
        flex-direction: row
    }

    .about-systems-elem img {
        margin-bottom: 0;
        margin-right: 1.25rem
    }

    .about-systems-elem p {
        text-align: left
    }

    .why-flawless-elems iframe {
        height: 320px
    }

    .slick-next {
        right: 0
    }

    .slick-prev {
        left: 0
    }
}

@media (max-width: 380px) {
    .why-flawless-elems iframe {
        height: 10.3125rem
    }
}

@media (max-width: 360px) {
    .solutions .solution-item {
        padding: 1.875rem 1.25rem
    }
}

.position-relative {
    position: relative
}

.flex-grow-1 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex-unset {
    -webkit-box-flex: unset !important;
    -ms-flex: unset !important;
    flex: unset !important
}

@media (max-width: 767px) {
    .header {
        height: unset
    }

    .header-top {
        margin: 1rem auto
    }
}

.header-logo {
    margin-right: 0
}

.header-logo a {
    display: block;
    height: 1.5rem
}

@media (max-width: 850px) {
    .header-logo a {
        height: 2rem
    }

    .header-logo a .desktop {
        display: none
    }
}

.header-logo a .desktop {
    width: 10.1875rem;
    height: 1.5rem
}

@media (max-width: 800px) {
    .header-logo a .desktop {
        width: 9.5rem
    }
}

.header-logo a .mobile {
    display: none
}

@media (max-width: 850px) {
    .header-logo a .mobile {
        display: block
    }
}

.navigate {
    padding-left: 6rem
}

@media (max-width: 991px) {
    .navigate {
        padding-left: 8px
    }
}

@media (max-width: 767px) {
    .navigate {
        padding-left: 0
    }
}

.navigate_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -1.5rem
}

.navigate_item {
    padding: 0 1.5rem
}

@media (max-width: 1100px) {
    .navigate_item {
        padding: 0 1rem
    }
}

@media (max-width: 991px) {
    .navigate_list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0
    }

    .navigate_item {
        padding: 0 .75rem
    }
}

.navigate_item-link {
    color: #000;
    -webkit-transition: .3s;
    transition: .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600
}

.navigate_item-link svg {
    fill: #000;
    -webkit-transition: .3s;
    transition: .3s;
    width: 1rem;
    height: 1rem;
    margin-left: .25rem
}

.navigate_item__submenu {
    position: absolute;
    border-radius: 0 0 1rem 1rem;
    background: #FFF;
    -webkit-box-shadow: 0 1.875rem 3.75rem -1.875rem rgba(0, 0, 0, .3);
    box-shadow: 0 1.875rem 3.75rem -1.875rem rgba(0, 0, 0, .3);
    padding: 3rem;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translateY(.75rem);
    transform: translateY(.75rem);
    right: 0;
    left: 0;
    margin-top: 1.65rem
}
.navigate_item__submenu li {
    width: 16.8125rem;
}
.navigate .menu_color__block {
    background: linear-gradient(71deg, #F8EEFF 14.32%, #F2FAFF 77.34%), radial-gradient(121.85% 106.19% at 33.82% 100%, #F3E4FF 0, #F9F2FF 100%)
}

.navigate_item__submenu .active a, .navigate_item__submenu a:hover {
    background: linear-gradient(71deg, #F8EEFF 14.32%, #F2FAFF 77.34%), radial-gradient(121.85% 106.19% at 33.82% 100%, #F3E4FF 0, #F9F2FF 100%)
}

@media (max-width: 1100px) {
    .navigate_item__submenu {
        margin-top: 1.2rem;
        max-height: calc(100vh - 150px);
        overflow: auto;
    }

    .navigate_item__submenu:not(.mobile-width) {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 1100px) and (max-width: 1100px) {
    .navigate_item__submenu:not(.mobile-width) .navigate_item__submenu-block {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
        flex: 0 0 45%
    }
}

.navigate_item__submenu-title {
    padding: 0 0 1rem 1.5rem;
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: 500;
    color: grey;
    border-bottom: 1px solid #E6E6E6
}

.navigate_item__submenu-block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    padding: 0 1rem
}

@media (max-width: 900px) {
    .navigate_item__submenu.submenu-first li {
        width: 43%
    }

    .navigate_item__submenu.mobile-width .navigate_item__submenu-block li {
        width: 9rem
    }

    .navigate_item__submenu-block {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }
}

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

.navigate_item__submenu a {
    padding: .875rem 1.5rem;
    border-radius: .675rem;
    /*width: 16.8125rem;*/
    display: block;
}

@media (max-width: 1100px) {
    .navigate_item__submenu li {
        width: 17.5rem
    }
}

.navigate_item.active .navigate_item-link {
    color: grey
}

.navigate_item.active .navigate_item-link svg {
    fill: grey;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg)
}

.navigate_item.active .navigate_item__submenu {
    opacity: 1;
    pointer-events: unset;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.navigate .menu_color__block {
    padding: 1.5rem;
    border-radius: .875rem
}

.navigate .menu_color__block-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.5rem
}

.header-social .social_btn, .languages-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.navigate .menu_color__block-img img {
    height: 4rem
}

.navigate .menu_color__block-img .info {
    padding: .625rem 1rem
}

.navigate .menu_color__block-img .info .name {
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    margin-bottom: .375rem
}

.navigate .menu_color__block-img .info .position {
    font-size: 1rem;
    font-weight: 500;
    color: #000
}

.navigate .menu_color__block-text {
    color: #000;
    font-size: .875rem;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 1.25rem
}

.navigate .menu_color__block-link {
    font-size: 16px;
    font-weight: 700;
    line-height: 160%
}

.header-social .social_btn {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .75rem;
    height: 1rem
}

.header-social .social_btn span {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    line-height: 125%;
    margin-left: 10px;
    display: none
}

@media (max-width: 991px) {
    .header-social .social_btn {
        padding: 0 .5rem
    }
}

.header-social svg {
    width: 1rem;
    height: 1rem
}

.languages-wrapper {
    border-left: 1px solid #E6E6E6;
    padding-left: 1.25rem;
    margin-left: .5rem;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 991px) {
    .languages-wrapper {
        padding-left: 1rem;
        margin-left: .25rem
    }
}

.languages-wrapper .current-lang {
    height: 1.25rem
}

.languages-wrapper .langs_wrapper {
    padding: .5rem;
    position: absolute;
    top: 100%;
    border-radius: .25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 .375rem .625rem 0 rgba(0, 0, 0, .3);
    box-shadow: 0 .375rem .625rem 0 rgba(0, 0, 0, .3);
    margin: 0 -.5rem;
    background-color: #fff;
    -webkit-transform: translateY(.5rem);
    transform: translateY(.5rem);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .3s;
    transition: .3s;
    margin-left: -.8rem
}

@media (max-width: 1199px) {
    .languages-wrapper .langs_wrapper {
        margin-left: -1.5rem
    }
}

.languages-wrapper .langs_wrapper.show {
    opacity: 1;
    pointer-events: unset;
    -webkit-transform: translateY(.375rem);
    transform: translateY(.375rem)
}

.languages-wrapper .langs_wrapper .lang-button {
    padding: .5rem 0;
    width: 2rem;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 1.25rem
}

.languages-wrapper .langs_wrapper .lang-button img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.25rem;
    flex: 0 0 1.25rem;
    height: 1.25rem
}

.mobile_btn {
    display: none
}

.first-block__right {
    max-width: unset;
    width: unset;
    position: static;
    height: max-content;
}

.styled-video {
    position: relative;
    width: 34.37rem; 		/* marklog 37.5rem */
    height: 22.5rem; 		/* marklog 25.6875rem */
    margin-left: 1.2rem; 	/* marklog 1.25rem */
    border-radius: .75rem;
    overflow: hidden;
    -webkit-filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .15));
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .15))
}

.styled-video.playing::before{

}
.styled-video.playing{
    background-color: #000;
    position: relative;
}
@media (max-width: 992px) {
    .styled-video {
        width: 100%;
        height: 30rem;
        margin-left: 0
    }
}

.styled-video img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    min-height: 100%
}

.styled-video .play_btn {
    position: absolute;
    z-index: 1;
    left: 50% ;
    top: 50% ;
    transform: translate(-50%, -50%);
}

.play_btn .text{
    /*color: #fff;*/ /* marklog */
    margin: 12px 0;
    font-size: 14px;
    font-weight: 600;
}

.styled-video .play_btn img {
    width: 5.625rem;
    height: 5.625rem;
}

@media (max-width: 850px) {
    .header {
        height: 64px
    }

    .header-top {
        margin: 1rem 0
    }
}

@media (max-width: 640px) {
    .first-block__left .mobile-image {
        width: 100%
    }
}

@media (max-width: 767px) {
    .header-social svg.telegram {
        fill: #039BE5
    }

    .header-social svg.whatsapp {
        fill: #03a84e
    }

    .header-social svg.viber {
        fill: #6F3FAA
    }

    .header-social svg.skype {
        fill: #03A9F4
    }

    .header-social svg.facebook {
        fill: #1877F2
    }

    .header-social, .navigate {
        position: absolute;
        padding-top: 1rem;
        -webkit-transform: translateX(-100%);
        top: calc(100% + 1px);
        background: #fff;
        -webkit-transition: .3s
    }

    .header-social, .navigate_item, .navigate_list {
        -webkit-box-direction: normal
    }

    .styled-video {
        height: 20rem
    }

    .mobile-image iframe {
        min-height: 25rem !important
    }

    .header-top-new {
        margin: 0
    }

    .header-social {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 50%;
        height: calc(100vh - 64px);
        left: 0;
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        transform: translateX(-100%);
        transition: .3s
    }

    .header-social.show {
        -webkit-box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .3);
        box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .3);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .header-social .social_btn {
        border-bottom: 1px solid #E6E6E6;
        background: #fff;
        padding: 14px 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .header-social .social_btn span {
        display: block
    }

    .header-social .social_btn:hover {
        color: #000;
        background: linear-gradient(71deg, #F8EEFF 14.32%, #F2FAFF 77.34%), radial-gradient(121.85% 106.19% at 33.82% 100%, #F3E4FF 0, #F9F2FF 100%)
    }

    .mobile_btn {
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 64px;
        width: 48px
    }

    .mobile_btn svg {
        width: 1.5rem;
        height: 1.5rem;
        display: block
    }

    .languages-wrapper .langs_wrapper, .navigate {
        height: calc(100vh - 64px);
        -webkit-box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0);
        left: 0
    }

    .mobile_btn svg:last-child {
        display: none
    }

    .mobile_btn.show svg:first-child {
        display: none
    }

    .mobile_btn.show svg:last-child {
        display: block
    }

    .navigate {
        width: 20.625rem;
        box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0);
        transform: translateX(-100%);
        transition: .3s;
        overflow: auto
    }

    .navigate.show {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .3);
        box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .3)
    }

    .navigate_list {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        margin: 0;
        padding-bottom: 20px
    }

    .navigate_item {
        width: calc(100% - 48px);
        border-bottom: 1px solid #E6E6E6;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 14px 24px;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .navigate_item-link {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-weight: 600
    }

    .navigate_item__submenu {
        position: static;
        padding: 0;
        display: none;
        -webkit-transform: unset;
        transform: unset;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 8px -24px 0
    }

    .navigate_item__submenu li {
        width: 100% !important;
        border-radius: 0;
        overflow: hidden;
    }

    .navigate_item__submenu li a {
        -webkit-box-flex: 14px;
        -ms-flex: 14px;
        flex: 14px;
        font-weight: 600;
        border-radius: 0;
        padding-left: 40px;
        padding-right: 40px;
        min-width: 100%;
    }

    .navigate_item__submenu-title {
        margin-bottom: 0;
        border: none;
        padding: 14px 24px 8px;
        font-weight: 500;
        font-size: 14px
    }

    .navigate_item__submenu-block {
        padding: 0
    }

    .navigate_item.active .navigate_item__submenu {
        display: block
    }

    .navigate .menu_color__block {
        margin: 20px 16px 0
    }

    .languages-wrapper {
        padding: 0;
        margin: 0;
        border: none
    }

    .languages-wrapper .current-lang-desktop {
        display: none !important
    }

    .languages-wrapper .langs_wrapper {
        opacity: 1 !important;
        margin: 0;
        -webkit-transform: translateX(-100%) translateY(0);
        transform: translateX(-100%) translateY(0);
        width: 50%;
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        top: calc(100% + 1px);
        padding: 20px 0 0;
        box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0);
        border-radius: 0
    }

    .languages-wrapper .langs_wrapper.show {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        -webkit-box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .3);
        box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .3)
    }

    .languages-wrapper .langs_wrapper .lang-button {
        width: calc(100% - 48px);
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        height: unset;
        border-bottom: 1px solid #E6E6E6;
        background: #fff;
        padding: 14px 24px;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .languages-wrapper .langs_wrapper .lang-button:hover {
        background: linear-gradient(71deg, #F8EEFF 14.32%, #F2FAFF 77.34%), radial-gradient(121.85% 106.19% at 33.82% 100%, #F3E4FF 0, #F9F2FF 100%)
    }

    .languages-wrapper .langs_wrapper .lang-button span {
        display: block;
        margin-left: 10px;
        font-size: 16px;
        font-weight: 600;
        line-height: 125%;
        text-transform: capitalize
    }

    .mobile_menu {
        display: block !important;
        position: relative
    }

    .mobile_menu .mobile_menu-icons {
        position: absolute;
        display: flex;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        right: -95px;
        top: 0;
        bottom: 0;
        z-index: 0;
        -webkit-transition: .3s;
        transition: .3s
    }

    .mobile_menu .mobile_menu-icons.show {
        right: 49px
    }

    .mobile_menu .mobile_menu-icons a {
        position: relative
    }

    .mobile_menu .mobile_menu-icons a:last-child::before {
        content: "";
        position: absolute;
        right: -1px;
        top: calc(50% - 12px);
        height: 24px;
        width: 1px;
        background-color: #E6E6E6
    }

    .mobile_menu .mobile_btn {
        position: relative;
        background-color: #fff;
        z-index: 1
    }

    .mobile_menu .mobile_btn::after {
        content: "";
        position: absolute;
        background-color: #fff;
        right: -15px;
        top: 0;
        width: 15px;
        bottom: 0
    }

    .mobile_menu .social_icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 12px;
        position: relative
    }

    .mobile_menu .social_icon::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 3px;
        bottom: 0;
        border-radius: 10px 10px 0 0
    }

    .mobile_menu .social_icon.show::after {
        background-color: #8396FF
    }
}

@media (max-width: 585px) {
    .header-social, .languages-wrapper .langs_wrapper {
        width: 100%
    }

    .navigate {
        width:100%
    }
}

/*# sourceMappingURL=main.css.map */



/* styles after 05.08.2024*/

.modal.show {
    pointer-events: unset !important;
}
.modal.show .modal-dialog{
    opacity: 1;
    pointer-events: unset;
    transform: translateY(0);
}
.modal.centered{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    padding-top: 1.5rem;
    pointer-events: none;
}
.modal-dialog{
    margin: 0 auto;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-20px);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.modal-sm .modal-dialog{
    max-width: 35.9375rem;
    width: 96%;
}
.modal-md .modal-dialog{
    max-width: 48rem;
    width: 96%;
}
.modal-lg .modal-dialog{
    max-width: 61.9375rem;
    width: 96%;
}
.modal-xl .modal-dialog{
    max-width: 75rem;
    width: 96%;
}

.modal-content{
    width: 100%;
    background-color: var(--white);
    border-radius: 0.5rem;
    box-shadow: 0 30px 70px rgba(0, 0, 0, .3)
}
.modal-header{
    padding: var(--modal-blocks-padding) var(--modal-blocks-padding) 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.modal-title{
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
}
.modal-header .close{
    border: none;
    background-color: transparent;
}
.modal-header .close span{
    font-size: var(--modal-blocks-padding);
}
.modal-body{
    padding: var(--modal-blocks-padding);
}
.modal-footer button span{
    white-space: nowrap;
}
.modal-footer{
    padding: 0 var(--modal-blocks-padding) var(--modal-blocks-padding);
}
.modal-footer{
    display: flex;
    gap:0.625rem
}

@media (max-width: 575px) {
    .modal-footer button{
        max-width: 100%;
    }
    .modal-footer{
        flex-direction: column;
    }
}

.checker .toggler{
    opacity: 0;
    position: absolute;
}
.checker {
    display: block;
    height: 2rem;
    position: relative;
    width: 57px;
    border-radius: 2rem;
    background-color: rgba(51, 204, 102, 0.4);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.disabled .checker{
    background-color: #D6D6D6 !important;
}

.checker::after {
    content: '';
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    bottom:  0.125rem;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 100%;
    background-color: var(--white);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.checker:has(.toggler:checked)::after{
    left: calc(100% - 1.85rem);
}
.checker:has(.toggler:checked){
    background-color: rgba(51, 204, 102, 1);
}

.list.disabled{
    pointer-events: none;
}
.list:first-child{
    padding-top: 0;
}
.list{
    padding: var(--list-padding);
    border-bottom: 1px solid var(--gray);
    font-size: 1rem;
}
.list-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1em;
}
.list-title span{
    font-weight: 600;
}

.list-text{

}

.tabs {
    display: flex;
    padding-bottom:1.5rem;
}

.tabs-item {
    height: 2.625rem;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    width: 33.3%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.tabs-item.active {
    border-bottom: 2px solid #000;
}

.tab-content {
    height: 11rem;
    overflow: auto;
    margin: 0 -0.125rem;
    padding: 0 0.25rem;
}

.tab-content-item p{
    font-size: inherit;
}
.tab-content-item .title{
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    margin-bottom: 0.75rem;
}
.tab-content-item {
    display: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
}

.tab-content-item.active {
    display: block;
}