

/* Start:/promotion_and_advertising/promotion-on-marketplaces/style.css?169045434465463*/
@keyframes changeArrow {
    0%{width: 33px}
    100%{width: 46px}
}
@keyframes changeArrowMini {
    0%{width: 18px}
    100%{width: 30px}
}
@keyframes circleText {
    0%{transform: rotate(0)}
    100%{transform: rotate(-360deg)}
}
@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
body{
    font-family: Gilroy, sans-serif !important;
    overflow: visible !important;
}
.form-feedback-order-2023 .header_grey::before,
.button_up,
.form_feedback_order_under .form-feedback-button .solid_button{
    background: #D4AAFF !important;
}
.button_up:hover,
.button_up:focus,
.form_feedback_order_under .form-feedback-button .solid_button:hover,
.form_feedback_order_under .form-feedback-button .solid_button:focus{
    background: #f2d2ff !important;
}
.form_feedback_order_under .form-feedback-radio input:checked + label,
ul.bg-nav-tabs-contacts li.active .contacts_city,
ul.bg-nav-tabs-contacts li a:hover .contacts_city,
ul.bg-nav-tabs-contacts li a:focus .contacts_city,
ul.bg-nav-tabs-contacts li a:active .contacts_city{
    color: #D4AAFF !important;
}

.banner {
    min-height: 800px;
    background: #151515;
    color: #fff;
    overflow: hidden;
    padding: 0 0 82px;
}
.banner .banner-wrapper {
    padding-top: 262px;
}
.banner .widget-header-title {
    padding: 0;
    font-size: clamp(30px, 4vw, 48px);
    text-transform: uppercase;
    font-weight: 700;
    color: inherit;
    line-height: 134% !important;
    letter-spacing: .05em;
}
.banner .widget-header-title-second {
    display: block;
    color: transparent;
    -webkit-text-stroke-width: .5px;
    -webkit-text-stroke-color: #fff;

    transition: color .8s cubic-bezier(0.4, 0, 0.2, 1);
}
.banner .widget-header-title-second:hover {
    color: #fff;
}
.banner .widget-content {
    display: flex;
}
.banner .widget-forms{
    align-self: flex-end;
    display: flex;
    align-items: center;
    margin: 0 auto;
    transform: translate(26px, 41px);
}
.banner .widget-header-description {
    display: flex;
    text-transform: uppercase;
    font-weight: 500;
    font-size: clamp(14px, 3vw, 18px);
    line-height: 160%;
    border-left: 1px solid #9F9F9F;
    padding: 7px 0 5px 22px;
    margin: 125px 0 0;
}
.banner .widget-price-block {
    margin-left: 100px;
}
.banner .widget-price {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    text-transform: uppercase;
}
.banner .widget-price b {
    font-size: clamp(22px, 4vw, 24px);
    margin: 0 0 0 2px;
}
.banner .widget-circle-button{
    position: relative;
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    padding: 0;
}
.banner .widget-circle-button .widget-circle{
    animation: circleText 15s linear infinite;
}
.banner .widget-circle-button .widget-circle-arrow{
    position: absolute;
    width: 33px;
    height: 2px;
    background: #fff;
    margin: 0 0 0 62px;
}
.banner .widget-circle-button:hover .widget-circle-arrow,
.banner .widget-circle-button:focus .widget-circle-arrow{
    -webkit-animation: changeArrow .6s cubic-bezier(0, 0, 0.2, 1) infinite alternate;
    -o-animation: changeArrow .6s cubic-bezier(0, 0, 0.2, 1) infinite alternate;
    animation: changeArrow .6s cubic-bezier(0, 0, 0.2, 1) infinite alternate;
}
.banner .widget-circle-button .widget-circle-arrow:before,
.banner .widget-circle-button .widget-circle-arrow:after{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%) rotate(45deg);
    transform-origin: right;
    width: 10px;
    height: 2px;
    background: #fff;
}
.banner .widget-circle-button .widget-circle-arrow:after{
    transform: translate(0, -50%) rotate(-45deg);
}
.banner .widget-button-price {
    position: relative;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    cursor: pointer;
    margin: 15px 0 0;
    text-decoration: none;
}
.banner .widget-button-price-arrow{
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 1px;
    background: #fff;
    margin: 4px 0 0 13px;
    left: 100%;
}
.banner .widget-button-price:hover .widget-button-price-arrow,
.banner .widget-button-price:focus .widget-button-price-arrow{
    -webkit-animation: changeArrowMini .6s cubic-bezier(0, 0, 0.2, 1) infinite alternate;
    -o-animation: changeArrowMini .6s cubic-bezier(0, 0, 0.2, 1) infinite alternate;
    animation: changeArrowMini .6s cubic-bezier(0, 0, 0.2, 1) infinite alternate;
}
.banner .widget-button-price-arrow:before,
.banner .widget-button-price-arrow:after{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%) rotate(45deg);
    transform-origin: right;
    width: 6px;
    height: 1px;
    background: #fff;
}
.banner .widget-button-price-arrow:after{
    transform: translate(0, -50%) rotate(-45deg);
}
.banner .widget-items-wrap{
    display: flex;
    align-items: center;
    margin: 165px 0 0;
}
.banner .widget-items{
    display: flex;
    align-items: center;
    max-width: 100%;
}
.banner .widget-items .owl-stage{
    display: flex;
    align-items: center;
    transition-timing-function: linear !important;
}
.banner .widget-item{
    margin: 0 40px;
    display: flex;
}

@media all and (max-width: 1200px) {
    .banner .widget-forms{
        margin: 0;
    }
}
@media all and (max-width: 1000px) {
    .banner .widget-header-title{
        font-size: clamp(29px, 8vw, 48px) !important;
    }
    .banner .widget-header-description{
        margin: 44px 0 0;
    }
    .banner .banner-wrapper {
        padding-top: 210px;
    }
    .banner .widget-forms{
        transform: none;
    }
    .banner .widget-content{
        margin: 79px 0 0;
    }
    .banner .widget-price-block {
        margin-left: 70px;
    }
}
@media (max-width: 550px) {
    .banner .banner-wrapper{
        padding-top: 149px;
    }
    .banner .widget-header-description{
        line-height: 170%;
        padding: 0 0 0 13px;
    }
    .banner .widget-header-title-second{
        display: inline;
    }
    .banner .widget-header-description br{
        display: none;
    }
    .banner .widget-header {
        flex-direction: column;
    }
    .banner .widget-content {
        justify-content: center;
    }
    .banner .widget-circle-button {
        width: 143px;
        height: auto;
    }
    .banner .widget-price-block {
        margin: 60px 0 0;
        text-align: center;
    }
    .banner .widget-button-price {
        padding: 0;
        margin-top: 13px;
    }
    .banner .widget-forms{
        flex-direction: column;
    }
    .banner .widget-circle-button .widget-circle-arrow{
        width: 30px;
        height: 1px;
        margin: 0 0 0 57px;
    }
    .banner .widget-circle-button .widget-circle-arrow:before,
    .banner .widget-circle-button .widget-circle-arrow:after{
        height: 1px;
    }
    .banner .widget-items-wrap{
        margin: 100px 0 0;
    }
    .banner{
        padding: 0 0 54px;
    }
    .banner .widget-item{
        margin: 0 20px;
    }
}

/* REASONS TO START */
.reasons-start{
    position: relative;
    overflow: hidden;
    background: #F4F4F4;
    padding: clamp(74px, 12vw, 115px) 0 clamp(72px, 12vw, 115px);
}
.reasons-start .widget-header{}
.reasons-start .widget-header .widget-header-title{
    font-weight: 700;
    font-size: clamp(44px, 5.5vw, 80px);
    line-height: 90.5%;
    text-transform: uppercase;
    color: #151515;
}
.reasons-start .widget-header .widget-header-description{
    font-weight: 400;
    font-size: clamp(24px, 3.6vw, 42px);
    line-height: 120%;
    text-transform: uppercase;
    color: #151515;
    margin: 20px 0 0 244px;
}
.reasons-start .widget-content{
    margin: 119px 0 0;
}
.reasons-start .widget-items{
    position: relative;
    display: flex;
    margin: 0 -56px;
}
.reasons-start .widget-items:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 56px;
    height: 2px;
    width: calc(100% + ((100vw - 1193px) / 2));
    background: #B9B9B9;
}
.reasons-start .widget-item{
    display: flex;
    position: relative;
    margin: 0 56px;
}
.reasons-start .widget-item .widget-item-name{
    position: relative;
    font-weight: 700;
    font-size: 22px;
    line-height: 133.3%;
    text-align: center;
    text-transform: uppercase;
    color: #323232;
    padding: 0 0 49px;
}
.reasons-start .widget-item .widget-item-name:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 5px) rotate(45deg);
    background: linear-gradient(0deg, #9E5FDC, #9E5FDC), #000000;
    width: 13px;
    height: 13px;
    z-index: 1;
}
.reasons-start .widget-item .widget-item-name span{
    font-weight: 400;
    display: block;
}

@media all and (max-width: 1200px) {
    .reasons-start .widget-header .widget-header-description{
        margin: 20px 0 0 170px;
    }
    .reasons-start .widget-items{
        margin: 0 -30px;
    }
    .reasons-start .widget-item{
        margin: 0 30px;
    }
    .reasons-start .widget-items:after{
        width: calc(100% + 20px);
        left: 30px;
    }
    .reasons-start .widget-item .widget-item-name{
        font-size: 20px;
    }
}
@media all and (max-width: 1000px) {
    .reasons-start .widget-header .widget-header-description{
        margin: 20px 0 0 0;
    }
}
@media all and (max-width: 800px) {
    .reasons-start .widget-items{
        flex-wrap: wrap;
        margin: 0;
        flex-direction: column;
    }
    .reasons-start .widget-item{
        margin: 0 0 41px;
    }
    .reasons-start .widget-item:last-child{
        margin: 0;
    }
    .reasons-start .widget-item .widget-item-name{
        padding: 0 0 0 40px;
        text-align: left;
    }
    .reasons-start .widget-item .widget-item-name:after{
        bottom: auto;
        top: 50%;
        left: 0;
        transform: translate(0, -50%) rotate(45deg);
        width: 12px;
        height: 12px;
    }
    .reasons-start .widget-items:after{
        width: 1px;
        height: 100%;
        left: 5px;
        bottom: auto;
        top: 0;
    }
    .reasons-start .widget-content{
        margin: 61px 0 0;
    }
    .reasons-start .widget-header .widget-header-title{
        line-height: 104%;
    }
    .reasons-start .widget-header .widget-header-description{
        margin: 12px 0 0 0;
    }
    .reasons-start .widget-item .widget-item-name{
        font-size: 18px;
    }
}

/* ADVANTAGE PROMOTION */
.advantage-promotion{
    position: relative;
    overflow: hidden;
    padding: clamp(79px, 12vw, 133px) 0 clamp(67px, 12vw, 118px);
}
.advantage-promotion .widget-title{
    font-weight: 700;
    font-size: clamp(22px, 3.8vw, 35px);
    line-height: 151%;
    text-transform: uppercase;
    color: #323232;
    letter-spacing: .009em;
}
.advantage-promotion .widget-title span{
    color: #9E5FDC;
}
.advantage-promotion .widget-description-wrap{
    display: flex;
    justify-content: center;
    margin: 56px 0 0;
}
.advantage-promotion .widget-line{
    flex: 0 0 181px;
    height: 1px;
    background: #000;
    margin: 18px 25px 0 0;
}
.advantage-promotion .widget-description{
    font-weight: 400;
    font-size: clamp(18px, 3vw, 22px);
    line-height: 150%;
    color: #323232;
}
.advantage-promotion .widget-description span{
    font-weight: 700;
}
.advantage-promotion .widget-picture{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: clamp(255px, 46vw, 474px);
    margin: 57px -60px 0;
    width: calc(100% + 120px);
}
.advantage-promotion .widget-text{
    font-weight: 700;
    font-size: clamp(22px, 3.8vw, 35px);
    line-height: 152%;
    text-align: center;
    text-transform: uppercase;
    color: #323232;
    margin: 93px 0 0;
    letter-spacing: .01em;
}
.advantage-promotion .widget-text span{
    color: #9E5FDC;
}
.advantage-promotion .widget-call-form-wrap{
    position: relative;
    display: flex;
    justify-content: center;
    padding: 97px 0 0;
}
.advantage-promotion .widget-call-form-wrap:after{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 15px);
    width: 1px;
    height: 57px;
    background: #000;
}
.advantage-promotion .widget-call-form{
    position: relative;
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    padding: 0;
}
.advantage-promotion .widget-call-form svg{
    animation: circleText 15s linear infinite;
}
.advantage-promotion .widget-call-form .widget-call-form-arrow{
    position: absolute;
    width: 33px;
    height: 2px;
    background: #323232;
    margin: 0 0 0 62px;
}
.advantage-promotion .widget-call-form:hover .widget-call-form-arrow,
.advantage-promotion .widget-call-form:focus .widget-call-form-arrow{
    -webkit-animation: changeArrow .6s cubic-bezier(0, 0, 0.2, 1) infinite alternate;
    -o-animation: changeArrow .6s cubic-bezier(0, 0, 0.2, 1) infinite alternate;
    animation: changeArrow .6s cubic-bezier(0, 0, 0.2, 1) infinite alternate;
}
.advantage-promotion .widget-call-form .widget-call-form-arrow:before,
.advantage-promotion .widget-call-form .widget-call-form-arrow:after{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%) rotate(45deg);
    transform-origin: right;
    width: 10px;
    height: 2px;
    background: #323232;
}
.advantage-promotion .widget-call-form .widget-call-form-arrow:after{
    transform: translate(0, -50%) rotate(-45deg);
}

@media all and (max-width: 1200px) {
    .advantage-promotion .widget-picture{
        width: calc(100% + 40px);
        margin: 57px -20px 0;
    }
    .advantage-promotion .widget-title br{
        display: none;
    }
    .advantage-promotion .widget-title span{
        display: block;
    }
}
@media all and (max-width: 720px) {
    .advantage-promotion .widget-line{
        display: none;
    }
    .advantage-promotion .widget-description-wrap{
        justify-content: flex-start;
        margin: 44px 0 0;
    }
    .advantage-promotion .widget-title{
        line-height: 132%;
        letter-spacing: normal;
    }
    .advantage-promotion .widget-description{
        line-height: 149%;
    }
    .advantage-promotion .widget-description br{
        display: none;
    }
    .advantage-promotion .widget-picture{
        margin: 42px -20px 0;
    }
    .advantage-promotion .widget-text{
        margin: 72px 0 0;
        line-height: 141%;
        letter-spacing: .05em;
    }
}
@media all and (max-width: 550px) {
    .advantage-promotion .widget-call-form-wrap:after{
        height: 39px;
    }
    .advantage-promotion .widget-call-form{
        width: 133px;
        height: auto;
    }
    .advantage-promotion .widget-call-form-wrap{
        padding: 66px 0 0;
    }
    .advantage-promotion .widget-call-form .widget-call-form-arrow{
        width: 28px;
        height: 1px;
        margin: 0 0 0 51px;
    }
    .advantage-promotion .widget-call-form .widget-call-form-arrow:before,
    .advantage-promotion .widget-call-form .widget-call-form-arrow:after{
        height: 1px;
        width: 8px;
    }
}

/* IT IS TIME */
.it-is-time{
    position: relative;
    overflow: hidden;
    padding: clamp(64px, 12vw, 122px) 0 clamp(82px, 12vw, 122px);
    background: #F4F4F4;
}
.it-is-time .widget-header{}
.it-is-time .widget-header-title{
    font-weight: 700;
    font-size: clamp(24px, 4vw, 35.5px);
    line-height: 130%;
    text-transform: uppercase;
    color: #000000;
}
.it-is-time .widget-header-title span{
    color: #9E5FDC;
}
.it-is-time .widget-content{
    margin: 88px 0 0;
}
.it-is-time .widget-items{
    display: flex;
    margin: -4px;
    pointer-events: none;
}
.it-is-time .widget-item{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    border: 1px solid #A5A5A5;
    height: 247px;
    margin: 4px;
    padding: 27px 22px 12px;
    flex: 0 0 294px;
    overflow: hidden;
    pointer-events: all;

    transition: opacity .3s ease-in-out;
}
.it-is-time .widget-item:nth-child(even){
    margin: 78px 4px 4px;
}
.it-is-time .widget-items:hover .widget-item-name,
.it-is-time .widget-items:hover .widget-item-number{
    opacity: .5;
}
.it-is-time .widget-item:hover .widget-item-name,
.it-is-time .widget-item:hover .widget-item-number{
    opacity: 1 !important;
}
.it-is-time .widget-item-back{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    transform: translateX(-100%);
}
.it-is-time .widget-item-name{
    font-weight: 300;
    font-size: clamp(18px, 3vw, 20px);
    line-height: 135%;
    color: #fff;
    position: relative;
    z-index: 1;
    mix-blend-mode: difference;
}
.it-is-time .widget-item-name span{
    font-weight: 600;
}
.it-is-time .widget-item-number{
    font-weight: 400;
    font-size: clamp(24px, 3vw, 28px);
    line-height: 150%;
    font-variant: small-caps;
    color: #fff;
    position: relative;
    z-index: 1;
    mix-blend-mode: difference;
}
.it-is-time .widget-item .widget-item-name,
.it-is-time .widget-item .widget-item-number{
    transition: opacity .4s ease-in-out;
}
@media all and (max-width: 1240px) {
    .it-is-time .widget-items{
        flex-wrap: wrap;
    }
    .it-is-time .widget-item{
        flex: 0 0 calc(50% - 8px);
    }
    .it-is-time .widget-item:nth-child(even){
        margin: 4px;
    }
}
@media all and (max-width: 550px) {
    .it-is-time .widget-items{
        margin: -6px;
    }
    .it-is-time .widget-item{
        flex: 0 0 calc(100% - 12px);
        padding: 21px 22px 16px;
        height: 217px;
        margin: 6px;
    }
    .it-is-time .widget-item:nth-child(even){
        margin: 6px;
    }
    .it-is-time .widget-header-title{
        max-width: 94%;
    }
    .it-is-time .widget-content{
        margin: 38px 0 0;
    }
}


/* STEPS PROMOTION */
.steps-promotion{
    position: relative;
    padding: clamp(68px, 12vw, 150px) 0 clamp(100px, 25vw, 200px);
}
.steps-promotion .widget-header{
    display: flex;
    justify-content: center;
}
.steps-promotion .widget-header .widget-header-title{
    font-weight: 700;
    font-size: clamp(36.7px, 6vw, 80px);
    line-height: 90.5%;
    text-transform: uppercase;
    color: #151515;
}
.steps-promotion .widget-content{
    margin: 100px 0 0;
}
.steps-promotion .widget-item{
    position: -webkit-sticky;
    position: sticky;
    top: calc(var(--index) * 65px);
    border-top: 1px solid #D7D7D7;
    background: #fff;
    padding: 30px 0 0;
    counter-increment: item;
    height: 240px;
    margin-bottom: calc(var(--invertIndex) * 65px);
}
.steps-promotion .widget-item:last-child{
    margin-bottom: 0 !important;
}
.steps-promotion .widget-item .widget-item-number{
    font-weight: 400;
    font-size: clamp(22px, 3vw, 24px);
    line-height: 130%;
    text-transform: uppercase;
    color: #000000;
}
.steps-promotion .widget-item .widget-item-content{
    display: flex;
    justify-content: space-between;
    margin: 13px 0 0;
}
.steps-promotion .widget-item .widget-item-name{
    font-weight: 700;
    font-size: clamp(20px, 3vw, 24px);
    line-height: 130%;
    text-transform: uppercase;
    color: #000000;
}
.steps-promotion .widget-item .widget-item-description{
    font-weight: 400;
    font-size: clamp(18px, 3vw, 20px);
    line-height: 150%;
    color: #323232;
    flex: 0 0 66%;
    background: #fff;
    height: 240px;
    overflow: auto;
    margin: 0 0 0 30px;
}
.steps-promotion .widget-item .widget-item-description::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}
.steps-promotion .widget-item .widget-item-description::-webkit-scrollbar-thumb {
    background-color: #d7d7d7;
    border: 0px solid #fff;
}
.steps-promotion .widget-item .widget-item-description::-webkit-scrollbar-track {
    background: #fff;
}
.steps-promotion .widget-item .widget-item-description p{
    margin: 0 0 30px;
}
.steps-promotion .widget-item .widget-item-description p:last-child{
    margin: 0;
}
@media all and (max-width: 1000px) {
    .steps-promotion .widget-item{
        top: 20px;
        margin-bottom: 0;
        height: 360px;
    }
}
@media all and (max-width: 800px) {
    .steps-promotion .widget-item .widget-item-content{
        flex-wrap: wrap;
        margin: 26px 0 0;
    }
    .steps-promotion .widget-item .widget-item-description{
        flex: 0 0 100%;
        margin: 26px 0 0;
    }
    .steps-promotion .widget-item{
        height: 400px;
        overflow: hidden;
        padding: 22px 0 0;
    }
    .steps-promotion .widget-header .widget-header-title{
        line-height: 106%;
    }
    .steps-promotion .widget-item .widget-item-description{
        height: 220px;
    }
    .steps-promotion .widget-content{
        margin: 39px 0 0;
    }
}


/* RESULT PROMOTION */
.result-promotion{
    position: relative;
    overflow: hidden;
    padding: clamp(77px, 12vw, 159px) 0 clamp(81px, 12vw, 119px);
    background: #151515;
}
.result-promotion .widget-header{}
.result-promotion .widget-header-title{
    font-weight: 700;
    font-size: clamp(44px, 6vw, 80px);
    line-height: 120%;
    text-transform: uppercase;
    color: #FFFFFF;
}
.result-promotion .widget-header-title span{
    position: relative;
    display: inline-block;
    font-weight: 400;
    font-size: clamp(24px, 4vw, 42px);
    line-height: 120%;
    text-transform: uppercase;
    margin: 0 0 0 197px;
    transform: translateY(-33px);
}
.result-promotion .widget-header-title span:after{
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    width: calc((100vw - 100%) / 2 + 25px);
    height: 1px;
    background: #fff;
    margin: 0 0 0 25px;
    transform: translate(0px, 22px);
}
.result-promotion .widget-content{
    margin: 95px 0 0;
}
.result-promotion .widget-items.widget-column-1{
    margin: 103px 0 0;
}
.result-promotion .widget-item{
    display: flex;
}
.result-promotion .widget-items.widget-column-1 .widget-item:nth-child(1n){
    margin: 0 0 167px;
}
.result-promotion .widget-items.widget-column-1 .widget-item:nth-child(2n){
    margin: 0 0 206px;
    transform: translateX(-8px);
}
.result-promotion .widget-items.widget-column-1 .widget-item:nth-child(3n){
    transform: translateX(36px);
}
.result-promotion .widget-items.widget-column-3{
    margin: -3px 0 0;
}
.result-promotion .widget-items.widget-column-3 .widget-item:nth-child(1n){
    margin: 0 0 220px;
    transform: translateX(-50px);
}
.result-promotion .widget-items.widget-column-3 .widget-item:nth-child(2n){
    margin: 0 0 216px;
    transform: translateX(86px);
}
.result-promotion .widget-items.widget-column-3 .widget-item:nth-child(3n){
    transform: translateX(6px);
}
.result-promotion .widget-items .widget-item:last-child{
    margin: 0 !important;
}
.result-promotion .widget-item .widget-item-number{
    font-weight: 700;
    font-size: clamp(20px, 3vw, 28px);
    line-height: 150%;
    font-variant: small-caps;
    color: #fff;
    transform: translateY(-2px);
    margin: 0 23px 0 0;
}
.result-promotion .widget-item .widget-item-name{
    font-weight: 400;
    font-size: clamp(17.9px, 3vw, 22px);
    line-height: 150%;
    text-transform: uppercase;
    color: #fff;
    flex: 0 0 374px;
}
.result-promotion .widget-item .widget-item-name span{
    font-weight: 700;
    color: #D4AAFF;
}
.result-promotion .widget-pictures{
    display: flex;
    flex-direction: column;
    transform: translate(-8px, -27px);
}
.result-promotion .widget-picture:nth-child(even){
    align-self: flex-end;
}
.result-promotion .widget-picture:nth-child(2n){
    margin: -69px 0 0;
    transform: translateX(47px);
}
.result-promotion .widget-picture:nth-child(3n){
    margin: -85px 0 0;
}
.result-promotion .widget-picture{
    position: relative;
    width: clamp(204px, 24vw, 325px);
    height: clamp(201px, 24vw, 320px);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media all and (max-width: 1500px) {
    .result-promotion .widget-header-title span{
        transform: none;
    }
}
@media all and (max-width: 1200px) {
    .result-promotion .widget-pictures{
        justify-content: center;
        height: 100%;
        max-width: 80%;
        margin: 0 auto;
    }
    .result-promotion .widget-item .widget-item-name{
        max-width: 260px;
    }
    .result-promotion .widget-items.widget-column-3 .widget-item:nth-child(2n){
        transform: translateX(60px);
    }
    .result-promotion .widget-items.widget-column-1 .widget-item:nth-child(1n),
    .result-promotion .widget-items.widget-column-1 .widget-item:nth-child(2n),
    .result-promotion .widget-items.widget-column-3 .widget-item:nth-child(1n),
    .result-promotion .widget-items.widget-column-3 .widget-item:nth-child(2n){
        margin: 0 0 100px;
    }
}
@media all and (max-width: 1000px) {
    .result-promotion .widget-header-title span{
        margin: 7px 0 0;
        display: block;
    }
    .result-promotion .widget-header-title span:after{
        left: 0;
        top: 100%;
        transform: translate(0px, 14px);
        width: calc(100% + 20px);
        margin: 0;
    }
    .result-promotion .widget-items.widget-column-1{
        margin: 0;
    }
    .result-promotion .widget-item .widget-item-name{
        max-width: none;
        flex: 1;
    }
    .result-promotion .widget-item .widget-item-name br{
        display: none;
    }
    .result-promotion .widget-content-wrapper{
        flex-direction: column-reverse;
    }
    .result-promotion .widget-items.widget-column-3 .widget-item:nth-child(1n),
    .result-promotion .widget-items.widget-column-1 .widget-item:nth-child(2n),
    .result-promotion .widget-items.widget-column-1 .widget-item:nth-child(3n),
    .result-promotion .widget-pictures{
        transform: none;
    }
    .result-promotion .widget-items.widget-column-1 .widget-item:nth-child(1n),
    .result-promotion .widget-items.widget-column-1 .widget-item:nth-child(2n),
    .result-promotion .widget-items.widget-column-3 .widget-item:nth-child(1n),
    .result-promotion .widget-items.widget-column-3 .widget-item:nth-child(2n){
        margin: 0 0 49px;
    }
    .result-promotion .widget-pictures{
        max-width: 300px;
        margin: 40px auto;
    }
    .result-promotion .widget-item .widget-item-number{
        color: transparent;
        position: relative;
    }
    .result-promotion .widget-items-wrap:nth-child(3) {
        counter-reset: items3 0;
    }
    .result-promotion .widget-items-wrap:nth-child(1) {
        counter-reset: items1 3;
    }
    .result-promotion .widget-items-wrap:nth-child(3) .widget-item .widget-item-number:after,
    .result-promotion .widget-items-wrap:nth-child(1) .widget-item .widget-item-number:after{
        counter-increment: items3;
        content: "/0" counter(items3);
        position: absolute;
        left: 0;
        top: 0;
        color: #fff;
    }
    .result-promotion .widget-items-wrap:nth-child(1) .widget-item .widget-item-number:after{
        counter-increment: items1;
        content: "/0" counter(items1);
    }
}
@media all and (max-width: 768px) {
    .result-promotion .widget-pictures{
        max-width: 240px;
    }
}
@media all and (max-width: 550px) {
    .result-promotion .widget-pictures{
        max-width: 100%;
        margin: 63px auto 49px;
    }
    .result-promotion .widget-picture:nth-child(2n){
        transform: none;
        margin: -43px 0 0;
    }
    .result-promotion .widget-picture:nth-child(3n) {
        margin: -54px 0 0;
    }
    .result-promotion .widget-item{
        flex-direction: column;
    }
    .result-promotion .widget-content{
        margin: 80px 0 0;
    }
    .result-promotion .widget-item .widget-item-number{
        transform: none;
        margin: 0 0 11px;
    }
}

/* TARIFFS */
.tariffs{
    position: relative;
    overflow: hidden;
    padding: clamp(75px, 12vw, 126px) 0 clamp(106px, 12vw, 164px);
}
.tariffs .widget-header-title{
    font-weight: 400;
    font-size: clamp(24px, 4vw, 42px);
    line-height: 120%;
    text-transform: uppercase;
    color: #151515;
}
.tariffs .widget-header-title br{
    display: none;
}
.tariffs .widget-header-title span{
    display: block;
    font-weight: 700;
    font-size: clamp(44px, 6vw, 80px);
    line-height: 120%;
    margin: 0 0 -5px;
}
.tariffs .widget-content{
    margin: 60px 0 0;
}
.tariffs .widget-tariffs{
    display: table;
    width: 100%;
}
.tariffs .widget-tariffs-head{
    position: relative;
    border-bottom: 1px solid #858585;
    display: table-row-group;
}
.tariffs .widget-tariffs-head:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #858585;
}
.tariffs .widget-tariffs-head .widget-tariffs-cell.is-highlighted{
    border-radius: 4px 4px 0 0;
}
.tariffs .widget-tariffs-body {
    display: table-row-group;
}
.tariffs .widget-tariffs-body .widget-tariffs-row:last-child .widget-tariffs-cell.is-highlighted{
    border-radius: 0 0 4px 4px;
}
@keyframes showRow {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.tariffs .widget-tariffs-row {
    display: table-row;
}
.tariffs .widget-tariffs-row[data-hidden=true]{
    display: none;
}
.tariffs .widget-tariffs-row[data-hidden=false]{
    display: table-row;
    opacity: 0;
    animation: showRow .6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation-delay: calc(var(--hidden-row-index) * .04s);
}
.tariffs .widget-tariffs-cell {
    display: table-cell;
    padding: 22px 10px;
    background: #fff;
}
.tariffs .widget-tariffs-head .widget-tariffs-cell{
    padding: 32px 10px 20px;
}
.tariffs .widget-tariffs-cell.is-highlighted{
    background: #F4F4F4;
}
.tariffs .widget-tariffs-cell.is-highlighted .svg-circle{
    fill: #9E5FDC;
    stroke: #9E5FDC;
}
.tariffs .widget-tariffs-cell.is-highlighted .svg-arrow{
    stroke: #fff;
}
.tariffs .widget-tariffs-cell-title,
.tariffs .widget-tariffs-cell-price{
    font-weight: 700;
    font-size: clamp(18px, 2.4vw, 22px);
    line-height: 130%;
    text-transform: uppercase;
    color: #000000;
    text-align: center;
}
.tariffs .widget-tariffs-cell-price {
    font-weight: 400;
    color: #323232;
}
.tariffs .widget-tariffs-cell-name {
    font-weight: 400;
    font-size: clamp(16px, 2.2vw, 20px);
    line-height: 174%;
    color: #000000;
    text-align: left;
    max-width: 277px;
    vertical-align: middle;
}
.tariffs .widget-tariffs-cell-value{
    font-weight: 600;
    font-size: clamp(18px, 2.4vw, 20px);
    line-height: 174%;
    text-align: center;
    color: #000000;
    vertical-align: middle;
}
.tariffs .widget-tariffs-cell-value svg{
    display: flex;
    margin: 0 auto;
}
.tariffs .widget-show-rows-button-wrap{
    display: flex;
    justify-content: center;
    margin: 49px 0 0;
}
.tariffs .widget-show-rows-button{
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #151515;
    border: 1px solid #151515;
    border-radius: 4px;
    padding: 18px 36px;
    cursor: pointer;

    transition: background-color .3s ease-out, color .3s ease-out;
}
.tariffs .widget-show-rows-button:hover,
.tariffs .widget-show-rows-button:focus{
    color: #fff;
    background: #151515;
}
.tariffs .widget-call-form-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 160px 0 0;
}
.tariffs .widget-call-form-title{
    font-weight: 700;
    font-size: clamp(24px, 4vw, 35.5px);
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    color: #323232;
}
.tariffs .widget-call-form-title span{
    color: #9E5FDC;
}
.tariffs .widget-call-form-button{
    position: relative;
    background: transparent;
    border: none;
    display: inline-flex;
    align-items: center;
    padding: 81px 0 0;
    margin: 21px 0 0;
    cursor: pointer;
}
.tariffs .widget-call-form-button:after{
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 57px;
    background: #000;
}
.tariffs .widget-call-form-button svg{
    animation: circleText 15s linear infinite;
}
.tariffs .widget-call-form-button .widget-call-form-arrow{
    position: absolute;
    width: 33px;
    height: 2px;
    background: #323232;
    margin: 0 0 0 62px;
}
.tariffs .widget-call-form-button:hover .widget-call-form-arrow,
.tariffs .widget-call-form-button:focus .widget-call-form-arrow{
    -webkit-animation: changeArrow .6s cubic-bezier(0, 0, 0.2, 1) infinite alternate;
    -o-animation: changeArrow .6s cubic-bezier(0, 0, 0.2, 1) infinite alternate;
    animation: changeArrow .6s cubic-bezier(0, 0, 0.2, 1) infinite alternate;
}
.tariffs .widget-call-form-button .widget-call-form-arrow:before,
.tariffs .widget-call-form-button .widget-call-form-arrow:after{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%) rotate(45deg);
    transform-origin: right;
    width: 10px;
    height: 2px;
    background: #323232;
}
.tariffs .widget-call-form-button .widget-call-form-arrow:after{
    transform: translate(0, -50%) rotate(-45deg);
}

@media all and (max-width: 1000px) {
    .tariffs .widget-header-title span{
        margin: 0;
    }
}
@media (max-width: 767px) {
    .tariffs .widget-content{
        margin: 51px 0 0;
    }
    .tariffs .widget-header-title span{
        margin: 0 0 6px;
    }
    .tariffs .widget-header-title br{
        display: block;
    }
    .tariffs .widget-tariffs {
        display: block;
        width: calc(100% + 20px);
    }
    .tariffs .widget-tariffs-head .widget-tariffs-cell,
    .tariffs .widget-tariffs-cell{
        padding: 10px;
    }
    .tariffs .widget-tariffs .widget-tariffs-head,
    .tariffs .widget-tariffs .widget-tariffs-body,
    .tariffs .widget-tariffs .widget-tariffs-head .widget-tariffs-cell {
        display: block;
    }
    .tariffs .widget-tariffs .widget-tariffs-head .widget-tariffs-cell:last-child{
        border-bottom: none;
    }
    .tariffs .widget-tariffs-cell-title,
    .tariffs .widget-tariffs-cell-price{
        font-size: 13px;
    }
    .tariffs .widget-tariffs .widget-tariffs-head {
        float: left;
    }
    .tariffs .widget-tariffs-head:after{
        display: none;
    }
    .tariffs .widget-tariffs-head{
        border-bottom: none;
    }
    .tariffs .widget-tariffs .widget-tariffs-body {
        width: auto;
        position: relative;
        overflow-x: auto;
    }
    .tariffs .widget-tariffs .widget-tariffs-cell {
        height: 113px;
        vertical-align: middle;
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
        width: 140px;
        font-size: 13px;
        text-overflow: ellipsis;
    }
    .tariffs .widget-tariffs .widget-tariffs-head .widget-tariffs-cell {
        text-align: left;
        border-bottom: 1px solid #D7D7D7;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }
    .tariffs .widget-tariffs .widget-tariffs-body .widget-tariffs-row {
        display: table-cell;
    }
    .tariffs .widget-tariffs .widget-tariffs-body .widget-tariffs-row:nth-child(odd) {
        background: none;
    }
    .tariffs .widget-tariffs .widget-tariffs-row:nth-child(even) {
        background: transparent;
    }
    .tariffs .widget-tariffs .widget-tariffs-row .widget-tariffs-cell:nth-child(odd) {
        border-right: 1px solid #D7D7D7;
    }
    .tariffs .widget-tariffs .widget-tariffs-row .widget-tariffs-cell:nth-child(even) {
        border-right: 1px solid #D7D7D7;
    }
    .tariffs .widget-tariffs .widget-tariffs-body .widget-tariffs-cell {
        display: block;
        text-align: center;
        border-bottom: 1px solid #D7D7D7;
    }
    .tariffs .widget-show-rows-button-wrap{
        display: none !important;
    }
    .tariffs .widget-tariffs-cell-value{
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    .tariffs .widget-tariffs-cell.is-highlighted{
        border-bottom: none !important;
    }
    .tariffs .widget-tariffs-cell-name{
        background: #F4F4F4;
        display: block !important;
    }
    .tariffs .widget-call-form-title{
        line-height: 129%;
    }
    .tariffs .widget-call-form-content{
        margin: 89px 0 0;
    }
    .tariffs .widget-call-form-button{
        margin: 14px 0 0;
        padding: 61px 0 0;
    }
    .tariffs .widget-call-form-button:after{
        height: 39px;
    }
    .tariffs .widget-call-form-button svg{
        width: 132px;
        height: auto;
    }
    .tariffs .widget-call-form-button .widget-call-form-arrow{
        margin: 0 0 0 53px;
        width: 28px;
        height: 1px;
    }
    .tariffs .widget-call-form-button .widget-call-form-arrow:before,
    .tariffs .widget-call-form-button .widget-call-form-arrow:after{
        width: 8px;
        height: 1px;
    }
}


/* INCREASE SALES */
.increase-sales{
    position: relative;
    overflow: hidden;
    background: url(/promotion_and_advertising/promotion-on-marketplaces/images/increase-sales/bg-grid.svg) #151515 center 144% repeat-x;
    padding: clamp(74px, 12vw, 125px) 0 clamp(30px, 10vw, 90px);
}
.increase-sales .widget-top,
.increase-sales .widget-bottom{
    display: flex;
}
.increase-sales .widget-bottom{
    margin: -66px 0 0;
}
.increase-sales .widget-before-content{
    display: flex;
    position: relative;
    margin: 0 85px 0 0;
}
.increase-sales .widget-before-text-content{
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: auto;
    margin: 4px 0 0 8px;
}
.increase-sales .widget-before-text{
    position: relative;
    font-weight: 400;
    font-size: clamp(16px, 3vw, 19.8px);
    line-height: 150%;
    color: #FFFFFF;
    flex: 0 0 auto;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    margin: 0 0 23px;
}
.increase-sales .widget-before-text span{
    color: #D4AAFF;
    font-weight: 700;
    text-transform: uppercase;
}
.increase-sales .widget-line{
    height: auto;
    width: 1px;
    background: #fff;
    display: block;
    flex: 1;
}
.increase-sales .widget-before-picture{
    max-height: 471px;
    max-width: 770px;
    width: 100%;
    height: auto;
    object-fit: contain;
    image-rendering: pixelated;
}
.increase-sales .widget-bottom .widget-before-picture{
    max-height: 479px;
}
.increase-sales .widget-header{
    margin: 75px 0 0;
}
.increase-sales .widget-header-title{
    font-weight: 700;
    font-size: clamp(44px, 4vw, 65.8px);
    line-height: 120%;
    text-transform: uppercase;
    color: #FFFFFF;
}
.increase-sales .widget-header-description{
    font-weight: 400;
    font-size: clamp(24px, 3vw, 28px);
    line-height: 150%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 44px 0 0;
}
.increase-sales .widget-left-text-content{
    flex: 0 0 calc(30% - 12px);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 106px 46px 0 0;
}
.increase-sales .widget-left-text{
    font-weight: 400;
    font-size: 16px;
    line-height: 155%;
    text-align: right;
    color: #FFFFFF;
    margin: 48px 0 0;
}
.increase-sales .widget-items{
    display: flex;
    max-width: 100%;
    margin: 104px 0 0;
}
.increase-sales .widget-items .js-marquee-wrapper{
    display: flex !important;
}
.increase-sales .widget-items .js-marquee{
    display: flex !important;
    float: none !important;
    margin: 0 !important;
}
.increase-sales .widget-items .owl-stage{
    display: flex;
}
.increase-sales .widget-item{
    display: flex;
    align-items: center;
}
.increase-sales .widget-item svg{
    margin: 0 23px 0 20px;
}
.increase-sales .widget-item-name{
    font-weight: 700;
    font-size: clamp(31px, 4vw, 58.9px);
    line-height: 150%;
    letter-spacing: 0.055em;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #A8A8A8;
    white-space: nowrap;
}

@media all and (max-width: 1200px) {
    .increase-sales .widget-bottom{
        margin: -20px 0 0;
    }
}
@media all and (max-width: 1000px) {
    .increase-sales .widget-header-description{
        margin: 15px 0 0;
        line-height: 125%;
    }
    .increase-sales .widget-top{
        flex-direction: column-reverse;
    }
    .increase-sales .widget-header{
        margin: 0 0 54px;
    }
    .increase-sales .widget-bottom{
        margin: 54px 0 0;
    }
    .increase-sales .widget-left-text-content{
        display: none;
    }
    .increase-sales .widget-before-content{
        flex-direction: column-reverse;
        margin: 0 auto;
        flex: 0 0 84%;
        max-width: 84%;
    }
    .increase-sales .widget-before-text-content{
        flex-direction: row-reverse;
        margin: 0 0 17px;
    }
    .increase-sales .widget-before-text{
        transform: none;
        writing-mode: initial;
        margin: 0 0 0 11px;
    }
    .increase-sales .widget-line{
        height: 1px;
        width: 100%;
    }
    .increase-sales .widget-before-picture{
        max-width: 100%;
    }
}
@media all and (max-width: 550px) {
    .increase-sales{
        background-position: center 154%;
        background-size: 360%;
    }
    .increase-sales .widget-before-content{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .increase-sales .widget-item svg{
        margin: 0 12px;
        width: 10px;
        height: auto;
    }
    .increase-sales .widget-items{
        margin: 53px 0 0;
    }
}


/* STYLE CARDS */
.style-cards{
    position: relative;
    overflow: hidden;
    padding: clamp(77px, 12vw, 134px) 0 clamp(160px, 22vw, 220px);
    margin: 0 0 -54px;
}
.style-cards .widget-header{
    position: relative;
    z-index: 1;
}
.style-cards .widget-header .widget-header-title{
    font-weight: 400;
    font-size: clamp(20px, 4vw, 42px);
    line-height: 114%;
    text-transform: uppercase;
    color: #151515;
    margin: 0 0 0 196px;
}
.style-cards .widget-header .widget-header-title span{
    display: block;
    font-weight: 700;
    font-size: clamp(40.6px, 6vw, 80px);
    line-height: 130%;
    margin: 0 0 0 -196px;
}
.style-cards .widget-header .widget-header-description{
    position: relative;
    font-weight: 400;
    font-size: clamp(18px, 3vw, 22px);
    line-height: 150%;
    color: #000000;
    margin: 92px 0 0 auto;
    max-width: 560px;
    transform: translateX(-31px);
}
.style-cards .widget-header .widget-header-description:after{
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    width: 109px;
    height: 1px;
    background: #000;
    transform: translate(-15px, 16px);
}
.style-cards .widget-content{
    position: relative;
    z-index: 0;
    margin: 46px 0 0 0;
}
.style-cards .widget-section-wrap{
    /*transform: matrix(1, 0.27, -0.8, 0.7, 0, 0);*/
    transform: rotate(6deg);
}
.style-cards .widget-section{
    display: flex;
    padding: 20px 0;
}
.style-cards .widget-items{
    display: flex;
    max-width: 100%;
}
.style-cards .widget-items .owl-stage-outer{
    overflow: visible;
}
.style-cards .widget-items .owl-stage{
    transition-timing-function: linear !important;
    will-change: transform;
}
.style-cards .widget-item{
    flex: 0 0 280px;
    width: 320px;
    height: 370px;
    margin: 0 20px;

    transition: transform .3s ease-in-out, box-shadow .3s ease-in-out;
}
.style-cards .widget-section:hover .widget-items{
    animation-play-state: paused;
}
.style-cards .widget-item:hover{
    transform: translate(-1rem, -1rem);
    box-shadow: 5px 5px rgba(var(--imageColor), 0.4),
    10px 10px rgba(var(--imageColor), 0.3),
    15px 15px rgba(var(--imageColor), 0.2),
    20px 20px rgba(var(--imageColor), 0.1),
    25px 25px rgba(var(--imageColor), 0.05);
}
.style-cards .widget-item img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    image-rendering: -webkit-optimize-contrast;
}

@media all and (max-width: 1200px) {
    .style-cards .widget-item{
        flex: 0 0 290px;
        width: 290px;
        height: 350px;
    }
}
@media all and (max-width: 1000px) {
    .style-cards .widget-header .widget-header-title{
        margin: 0;
    }
    .style-cards .widget-header .widget-header-title span{
        margin: -1px 0 0;
    }
    .style-cards .widget-section-wrap{
        transform: matrix(1, 0.27, -0.8, 0.7, 0, 0);
    }
    .style-cards .widget-header .widget-header-description{
        transform: none;
        margin: 54px 0 0 auto;
    }
    .style-cards .widget-item{
        flex: 0 0 240px;
        width: 240px;
        height: 300px;
    }
}
@media all and (max-width: 800px) {
    .style-cards .widget-header .widget-header-description:after{
        display: none;
    }
    .style-cards .widget-header .widget-header-description{
        margin: 54px 0 0;
    }
    .style-cards .widget-content{
        margin: 100px 0 0 0;
    }
}
@media all and (max-width: 550px) {
    .style-cards .widget-item{
        flex: 0 0 140px;
        width: 140px;
        height: 170px;
        margin: 0 10px;
    }
    .style-cards .widget-content{
        margin: 77px 0 0 0;
    }
    .style-cards .widget-section{
        padding: 10px 0;
    }
    .style-cards .widget-header .widget-header-description br{
        display: none;
    }
}

/* BI ANALYTICS */
.bi-analytics{
    position: relative;
    overflow: hidden;
    padding: 0 0 80px;
}
.bi-analytics .widget-header-title{
    font-weight: 400;
    font-size: clamp(24px, 4vw, 42px);
    line-height: 145%;
    text-transform: uppercase;
    color: #151515;
}
.bi-analytics .widget-header-title span{
    font-weight: 700;
    font-size: clamp(44px, 6vw, 80px);
    line-height: 90.5%;
}
.bi-analytics .widget-header-description-wrap{
    display: flex;
    margin: 52px 0 0 246px;
}
.bi-analytics .widget-header-description-wrap svg{
    margin: 0 29px 0 0;
    transform: translateY(4px);
}
.bi-analytics .widget-header-description{
    font-weight: 400;
    font-size: clamp(18px, 3vw, 20px);
    line-height: 150%;
    color: #323232;
}

/*.bi-analytics #ship {*/
/*    fill: #75e3c6;*/
/*}*/
/*.bi-analytics circle {*/
/*    cursor: pointer;*/
/*    stroke-width: 0;*/
/*    fill: #9E5FDC;*/
/*    transition: 0.5s;*/
/*}*/
/*.bi-analytics rect {*/
/*    fill: #9E5FDC;*/
/*    transition: 0.5s;*/
/*}*/
/*.bi-analytics text {*/
/*    text-anchor: middle;*/
/*    font-size: 12px;*/
/*    user-select: none;*/
/*    fill: white;*/
/*}*/
/*.bi-analytics .active circle {*/
/*    fill: #e53326;*/
/*    stroke: #e53326;*/
/*    stroke-width: 3px;*/
/*}*/
/*.bi-analytics .active rect {*/
/*    fill: #e53326;*/
/*}*/
/*.bi-analytics .active text {*/
/*    fill: #ffffff;*/
/*}*/

.bi-analytics .widget-graphic{
    margin: 22px 0 0;
}
.bi-analytics .widget-graphic-icon{
    display: flex;
}
.bi-analytics .widget-graphic-timeline{
    display: flex;
    justify-content: space-between;
    margin: 21px 0 0;
}
.bi-analytics .widget-graphic-timeline span{
    display: block;
    font-weight: 400;
    font-size: clamp(16px, 3vw, 20px);
    line-height: 150%;
    color: #323232;
}
.bi-analytics .widget-types-analytics{
    display: flex;
    margin: 121px 0 0;
}
.bi-analytics .widget-types-analytics-title{
    font-weight: 700;
    font-size: clamp(18px, 3vw, 22px);
    line-height: 150%;
    color: #323232;
    flex: 0 0 40%;
    margin: 0 40px 0 0;
}
.bi-analytics .widget-items{
    margin: -24px 0 0;
}
.bi-analytics .widget-item{
    position: relative;
    padding: 30px 0 24px;
}
.bi-analytics .widget-item:before,
.bi-analytics .widget-item:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #D7D7D7;
    transform: scale(1, 1);
    transform-origin: left;

    transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1);
}
.bi-analytics .widget-item:after{
    height: 2px;
    background: #000;
    transform: scale(0, 1);
}
.bi-analytics .widget-item:hover:after,
.bi-analytics .widget-item.active:after{
    transform: scale(1, 1);
}
.bi-analytics .widget-item-name-wrap{
    display: flex;
    justify-content: space-between;
}
.bi-analytics .widget-item-name-wrap .widget-item-icon{
    display: flex;
    align-items: flex-start;
    transform: translateY(10px);
}
.bi-analytics .widget-item-name-wrap svg{
    transition: transform .3s ease-out;
}
.bi-analytics .widget-item-name-wrap svg path{
    transition: fill .3s ease-out;
}
.bi-analytics .widget-item.active .widget-item-name-wrap svg{
    transform: rotateX(180deg);
}
.bi-analytics .widget-item.active .widget-item-name-wrap svg path{
    fill: #000;
}
.bi-analytics .widget-item-name{
    font-weight: 400;
    font-size: clamp(18px, 3vw, 22px);
    line-height: 150%;
    color: #989494;
    max-width: 80%;

    transition: font-weight .3s ease-out, color .3s ease-out;
}
.bi-analytics .widget-item.active .widget-item-name{
    font-weight: 600;
    color: #000000;
}
.bi-analytics .widget-item-description{
    font-weight: 400;
    font-size: clamp(16px, 3vw, 18px);
    line-height: 150%;
    color: #4D4D4D;
    padding: 14px 0 0;
}

@media all and (max-width: 1000px) {
    .bi-analytics .widget-types-analytics{
        flex-wrap: wrap;
    }
    .bi-analytics .widget-types-analytics-title{
        flex: 0 0 100%;
        margin: 0 0 40px;
    }
    .bi-analytics .widget-items{
        flex: 0 0 100%;
    }
    .bi-analytics .widget-header-description-wrap{
        flex-wrap: wrap;
        margin: 58px 0 0;
    }
    .bi-analytics .widget-header-description-wrap svg{
        transform: none;
        flex: 0 0 36px;
        margin: 0 0 15px;
    }
    .bi-analytics .widget-header-description{
        flex: 0 0 100%;
    }
    .bi-analytics .widget-header-title span{
        line-height: 104%;
        display: block;
    }
    .bi-analytics .widget-header-title{
        line-height: 70%;
    }
    .bi-analytics .widget-graphic-icon{
        width: calc(100% + 40px);
        margin: 0 -20px;
    }
    .bi-analytics .widget-graphic-icon{
        display: block;
        overflow: auto;
    }
}
@media all and (max-width: 600px) {
    .bi-analytics .widget-header-description br,
    .bi-analytics .widget-types-analytics-title br{
        display: none;
    }
    .bi-analytics .widget-item-name{
        max-width: 94%;
    }
    .bi-analytics .widget-graphic-icon svg{
        height: 200px;
        width: auto;
    }
    .bi-analytics .widget-graphic-timeline{
        margin: 8px 0 0;
    }
    .bi-analytics .widget-graphic{
        margin: 39px 0 0;
    }
    .bi-analytics .widget-types-analytics{
        margin: 61px 0 0;
    }
    .bi-analytics .widget-item-name{
        line-height: 133%;
    }
    .bi-analytics .widget-types-analytics-title{
        margin: 0 0 38px;
    }
    .bi-analytics .widget-item{
        padding: 24px 0 20px;
    }
    .bi-analytics .widget-item-name-wrap svg{
        width: 11px;
        height: auto;
    }
    .bi-analytics .widget-item-name-wrap .widget-item-icon{
        transform: translateY(7px);
    }
}


/* CASES */
.cases{
    position: relative;
    overflow: hidden;
    padding: 75px 0 clamp(30px, 12vw, 75px);
}
.cases .widget-header-title{
    font-weight: 700;
    font-size: clamp(42px, 6vw, 80px);
    line-height: 108%;
    text-transform: uppercase;
    color: #151515;
}
.cases .widget-content{
    margin: 40px 0 0;
}
.cases .widget-tabs{
    display: flex;
    margin: -8px;
    overflow-x: auto;
}
.cases .widget-tab{
    font-weight: 400;
    font-size: clamp(18px, 3vw, 20px);
    line-height: 133.3%;
    color: #A5A5A5;
    border: 1px solid #C4C4C4;
    border-radius: 4px;
    padding: 9px 54px;
    margin: 8px;
    background: #fff;

    transition: color .3s ease-out, background-color .3s ease-out, border-color .3s ease-out, transform .1s ease-out;
}
.cases .widget-tab[data-active=false]{
    cursor: pointer;
}
.cases .widget-tab[data-active=false]:active{
    transform: scale(.98);
}
.cases .widget-tab[data-active=true],
.cases .widget-tab:hover,
.cases .widget-tab:focus{
    background: #82848C;
    border-color: #82848C;
    color: #fff;
}
.cases .widget-tabs-content{
    margin: 27px 0 0;
}
.cases .widget-tab-content{
    border: 1px solid #D7D7D7;
    padding: 47px 61px 79px;
}
.cases .widget-card-header{
    display: flex;
    justify-content: space-between;
}
.cases .widget-card-header-wrapper{}
.cases .widget-card-header-name{
    font-weight: 700;
    font-size: clamp(22px, 3.4vw, 28px);
    line-height: 150%;
    text-transform: uppercase;
    color: #323232;
}
.cases .widget-card-header-under-name{
    font-weight: 400;
    font-size: clamp(16px, 3vw, 20px);
    line-height: 130%;
    color: #989494;
    margin: 7px 0 0;
}
.cases .widget-card-logo{
    display: flex;
}
.cases .widget-card-logo svg{
    display: flex;
    transform: translateY(14px);
}
.cases .widget-card-description-wrap{
    margin: 56px 0 0;
    max-width: 960px;
    height: 172px;
    overflow: hidden;

    transition: height .6s cubic-bezier(0.4, 0, 0.2, 1);
}
.cases .widget-card-description{
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #323232;
}
.cases .widget-card-description p{
    margin: 0 0 22px;
}
.cases .widget-card-description p:last-child{
    margin: 0;
}
.cases .widget-show-more{
    display: inline-block;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    text-decoration-line: underline;
    color: #9E5FDC;
    cursor: pointer;
    margin: 20px 0 0;
}
.cases .widget-card-graphic{
    margin: 58px 0 0;
    display: flex;
    justify-content: center;
}
.cases .widget-card-graphic svg{
    object-fit: contain;
    width: 100%;
    height: auto;
}
.cases .widget-card-footer{
    display: flex;
    margin: 56px 0 0;
}
.cases .widget-card-footer{
    display: flex;
    align-items: center;
}
.cases .widget-card-boxes{
    display: flex;
    margin: -7px;
    width: calc(50% + 113px);
    padding: 0 20px 0 0;
}
.cases .widget-card-box{
    margin: 7px;
    border: 1px solid #D7D7D7;
    border-radius: 4px;
    text-align: center;
    padding: 24px 20px;
    max-width: 283px;
    width: 100%;
}
.cases .widget-card-box-title {
    font-weight: 700;
    font-size: clamp(45.7px, 4vw, 56px);
    line-height: 150%;
    text-transform: uppercase;
    color: #323232;
}
.cases .widget-card-box-title span {
	font-size: 25px;
	font-weight: normal;
}
.cases .widget-card-box-description{
    font-weight: 400;
    font-size: clamp(16px, 3vw, 20px);
    line-height: 150%;
    color: #323232;
    margin: -9px 0 0;
}
.cases .widget-card-ps{
    font-weight: 400;
    font-size: clamp(16px, 3vw, 18px);
    line-height: 150%;
    color: #989494;
    max-width: 336px;
}

@media all and (max-width: 1000px) {
    .cases .widget-card-boxes{
        width: 100%;
        padding: 0;
    }
    .cases .widget-card-footer{
        flex-direction: column;
        align-items: flex-start;
    }
    .cases .widget-card-ps{
        margin: 40px 0 0;
    }
    .cases .widget-card-box{
        flex: 0 0 calc(50% - 7px);
        max-width: none;
    }
}
@media all and (max-width: 550px) {
    .cases .widget-card-graphic{
        display: none;
    }
    .cases .widget-content{
        margin: 27px -20px 0;
        width: calc(100% + 40px);
    }
    .cases .widget-tabs{
        margin: -4px;
        padding: 0 20px;
    }
    .cases .widget-tab{
        padding: 11px 47px;
        margin: 4px;
    }
    .cases .widget-tabs-content{
        margin: 42px 0 0;
        padding: 0 20px;
    }
    .cases .widget-card-description{
        font-size: 16px;
    }
    .cases .widget-card-description-wrap{
        margin: 35px 0 0;
        height: 216px;
    }
    .cases .widget-tab-content{
        padding: 37px 25px 53px;
    }
    .cases .widget-card-header-under-name{
        margin: 5px 0 0;
    }
    .cases .widget-card-boxes{
        flex-wrap: wrap;
    }
    .cases .widget-card-box{
        flex: 0 0 100%;
        padding: 20px;
        max-width: none;
    }
    .cases .widget-card-ps{
        margin: 27px 0 0;
    }
}


/* OUR COMPETENCIES */
.our-competencies{
    position: relative;
    overflow: hidden;
    padding: clamp(46px, 12vw, 69px) 0 clamp(118px, 12vw, 151px);
}
.our-competencies .widget-header{
    display: flex;
    justify-content: center;
}
.our-competencies .widget-header-title{
    font-weight: 700;
    font-size: clamp(24px, 4vw, 46px);
    line-height: 112%;
    text-transform: uppercase;
    color: #151515;
}
.our-competencies .widget-content{
    margin: 74px 0 0;
}
.our-competencies .widget-items{
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #D7D7D7;
    border-bottom: 1px solid #D7D7D7;
    max-width: 1058px;
    margin: 0 auto;
}
.our-competencies .widget-item{
    text-align: center;
    padding: 37px 60px 53px;
}
.our-competencies .widget-item-number{
    font-weight: 700;
    font-size: clamp(72px, 4vw, 95.8px);
    line-height: 130%;
    color: #000000;
}
.our-competencies .widget-item-description{
    font-weight: 400;
    font-size: clamp(18px, 3vw, 22px);
    line-height: 120%;
    text-align: center;
    color: #000000;
}

@media all and (max-width: 1000px) {
    .our-competencies .widget-items{
        flex-wrap: wrap;
    }
    .our-competencies .widget-item{
        flex: 0 0 33%;
        padding: 30px 20px;
    }
}
@media all and (max-width: 700px) {
    .our-competencies .widget-item{
        flex: 0 0 50%;
    }
}
@media all and (max-width: 550px) {
    .our-competencies .widget-item{
        flex: 0 0 100%;
        padding: 22px 20px 28px;
    }
    .our-competencies .widget-content{
        margin: 43px 0 0;
    }
    .our-competencies .widget-item-description{
        margin: -7px 0 0;
    }
}


/* TEEM */
.teem{
    position: relative;
    overflow: hidden;
    padding: clamp(60px, 12vw, 150px) 0 clamp(111px, 12vw, 217px);
    background: #151515;
}
.teem .teem-wrapper{
    display: flex;
    justify-content: flex-end;
}
.teem .teem-wrapper-2{
    flex: 0 0 calc(50% + 37px);
}
.teem .widget-header-title{
    font-weight: 400;
    font-size: clamp(24px, 4vw, 42px);
    line-height: 120%;
    text-transform: uppercase;
    color: #FFFFFF;
}
.teem .widget-header-title span{
    display: block;
    font-weight: 700;
    font-size: clamp(44px, 6vw, 80px);
    line-height: 90.5%;
    margin: 0 0 13px;
}
.teem .widget-content{
    margin: 45px 0 0;
}
.teem .widget-items{
    max-width: 554px;
    height: 410px;
}
.teem .widget-item{
    border-bottom: 1px solid #777777;
    padding: 34px 0 11px;
    overflow: hidden;
}
.teem .widget-item-name-wrap{
    display: flex;
    align-items: center;
}
.teem .widget-item-name{
    font-weight: 400;
    font-size: clamp(17.9px, 3.4vw, 24px);
    line-height: 150%;
    text-transform: uppercase;
    color: #FFFFFF;

    transition: font-weight .3s ease-out;
}
.teem .widget-item.active .widget-item-name{
    font-weight: 700;
}
.teem .widget-item-icon{
    display: flex;
    margin: 0 20px 0 -45px;
    transition: margin .6s cubic-bezier(0.4, 0, 0.2, 1);
}
.teem .widget-item.active .widget-item-icon{
    margin: 0 20px 0 0;
}
.teem .widget-item-icon svg{
    width: 25px;
    height: auto;
}
.teem .widget-item-description{
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.9);
    padding: 20px 0 11px;
}
.teem .widget-item-description span{
    font-weight: 700;
}
.teem .widget-teem-pictures-wrap{
    position: absolute;
    top: 0;
    max-width: 1920px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
    pointer-events: none;
}
.teem .widget-teem-pictures{
    display: flex;
    margin: 0 0 0 115px;
}
.teem .widget-teem-pictures-line{
    display: flex;
    flex-direction: column;
    margin: -12px 0;
}
.teem .widget-teem-pictures-line:nth-child(even){
    transform: translateY(-77px);
}
.teem .widget-teem-picture{
    width: 294px;
    height: 376px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 12px;
}

@media all and (max-width: 1650px) {
    .teem .widget-teem-pictures{
        margin: 0 0 0 30px;
    }
}
@media all and (max-width: 1500px) {
    .teem .widget-teem-pictures {
        margin: 0 0 0 -20px;
    }
    .teem .widget-teem-picture{
        width: clamp(132px, 20vw, 294px);
        height: clamp(168px, 30vw, 376px);
    }
}
@media all and (max-width: 1000px) {
    .teem{
        padding: 0 0 clamp(111px, 12vw, 217px);
    }
    .teem .widget-teem-pictures-wrap{
        position: relative;
        left: auto;
        transform: none;
        margin: -20px 0 0;
        overflow: hidden;
    }
    .teem .widget-teem-pictures{
        margin: 0 0 -12px;
        display: flex;
        flex-direction: column;
    }
    .teem .widget-teem-pictures-line{
        flex-direction: row;
        margin: -12px 0 0;
        justify-content: center;
    }
    .teem .widget-teem-pictures-line:nth-child(even){
        transform: none;
    }
    .teem .teem-wrapper-2{
        flex: 0 0 100%;
    }
    .teem .widget-items{
        max-width: 100%;
        height: auto;
    }
    .teem .widget-teem-picture:nth-child(odd){
        transform: translateY(20px);
    }
    .teem .widget-teem-picture{
        min-width: 132px;
        width: clamp(132px, 26vw, 294px);
        height: clamp(162px, 30vw, 376px);
    }
    .teem .teem-wrapper{
        margin: 66px 0 0;
    }
}
@media all and (max-width: 550px) {
    .teem .widget-teem-picture{
        margin: 5px;
    }
    .teem .widget-teem-pictures-line{
        margin: -5px -5px 5px;
    }
    .teem .widget-header-title span{
        margin: 0 0 6px;
    }
    .teem .widget-content{
        margin: 38px 0 0;
    }
    .teem .widget-item{
        padding: 29px 0 29px;
    }
    .teem .widget-item-icon svg{
        width: 19px;
    }
    .teem .widget-item-icon{
        margin: 0 20px 0 -38px;
    }
    .teem .widget-item.active .widget-item-icon{
        margin: 0 14px 0 0;
    }
}

/* CLIENTS */
.clients{
    position: relative;
    overflow: hidden;
    padding: clamp(80px, 12vw, 122px) 0 clamp(80px, 12vw, 124px);
}
.clients .widget-header{
    position: relative;
    padding: 0 0 20px;
}
.clients .widget-header:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: calc(100% + ((100vw - 100%) / 2));
    background: #636363;
}
.clients .widget-header-title{
    font-weight: 400;
    font-size: clamp(24px, 4vw, 34px);
    line-height: 90%;
    text-transform: uppercase;
    color: #151515;
}
.clients .widget-header-title span{
    display: block;
    font-weight: 700;
    font-size: clamp(76px, 6vw, 120px);
    line-height: 118%;
}
.clients .widget-content{
    margin: 74px 0 0;
}
.clients .widget-items .owl-stage{
    display: flex;
    align-items: center;
}
.clients .widget-item{
    display: flex;
    filter: grayscale(1);
    width: 170px;
    max-height: 100px;

    transition: filter .3s ease-out;
}
.clients .widget-item:hover{
    filter: none;
}
.clients .widget-item .widget-item-picture{
    width: 100%;
    height: auto;
    object-fit: contain;
}

@media all and (max-width: 550px) {
    .clients .widget-content{
        margin: 30px 0 0;
    }
    .clients .widget-item{
        width: 120px;
    }
}


/* FAQ */
.b2bportal-faq {
    background: #f4f4f4;
    padding: clamp(64px, 9vw, 132px) 0 clamp(58px, 6vw, 160px);
}
.b2bportal-faq__title {
    font-weight: 700;
    font-size: clamp(34px, 6vw, 80px);
    line-height: 80%;
    text-transform: uppercase;
    color: #151515;
    text-align: center;
}
.b2bportal-faq__title span {
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;

    transition: color .3s ease-out;
}
.b2bportal-faq__title:hover span {
    color: #151515;
}
.b2bportal-faq__list {
    padding-top: 35px;
}
.b2bportal-faq__item {
    border-bottom: 1px solid #989494;
    padding: 60px 0 28px;
    cursor: pointer;
}
.b2bportal-faq__question {
    position: relative;
    font-weight: 700;
    padding-right: 30px;
    font-size: clamp(18px, 2vw, 24px);
    line-height: 110%;
    text-transform: uppercase;
    color: #323232;
    user-select: none;
    transition: 0.4s;
}
.b2bportal-faq__question:active {
    transform: translateY(2px);
}
.b2bportal-faq__answer {
    display: none;
    padding: 23px 0 0;
    font-weight: 400;
    font-size: clamp(16px, 5vw, 20px);
    line-height: 138%;
    color: #424242;
    user-select: none;
    max-width: 1000px;
}
.b2bportal-faq__answer li {
    list-style: disc;
    margin-left: 20px;
}
.b2bportal-faq__arrow {
    position: absolute;
    right: 0;
    top: 0;

    transition: transform 0.3s ease-out;
}
.b2bportal-faq__answer--active {
    display: block;
    opacity: 1;
}
.b2bportal-faq__arrow path {
    stroke: #A5A5A5;
    stroke-width: 2px;

    transition: stroke .3s ease-out;
}
.b2bportal-faq__item.active .b2bportal-faq__arrow{
    transform: rotateX(-180deg);
}
.b2bportal-faq__item.active .b2bportal-faq__arrow path {
    stroke: #323232;
}

@media all and (max-width: 550px) {
    .b2bportal-faq__arrow{
        margin: 0;
        width: 14px;
    }
    .b2bportal-faq__item{
        padding: 30px 0;
    }
}
/* End */
/* /promotion_and_advertising/promotion-on-marketplaces/style.css?169045434465463 */
