/* Start:/local/templates/kokoc/web/css/marketing.css?176665379431325*/
/*Стили новой услуги*/
[class^="gd__"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*padding: 0;*/
    /*margin: 0;*/
}

.dg-reviews__img {
    display: block;
    margin-bottom: 40px;
}
.dg-reviews__img  img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.--gd__seo {
    box-shadow: inset 500px 0 0 #fff9f8;
    overflow: hidden;
    margin-bottom: 50px;
}
.gd__seo {
    position: relative;
    width: 55%;
    background: #fff9f8;
}
.gd__seo:before {
    display: block;
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    right: -155px;
    width: 144px;
    height: 90%;
    background: url('/local/templates/kokoc/web/css/../../img/text.svg') no-repeat center center / contain;
}
.gd__seo:after {
    display: block;
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    right: -465px;
    width: 428px;
    height: 90%;
    background: url('/local/templates/kokoc/web/css/../../img/seo.svg') no-repeat center center / contain;
}
.gd__seo-wrapper {
    position: relative;
    z-index: 3;
    height: 100%;
    padding: 120px 100px 200px 0;
}
.gd__seo-wrapper:before {
    display: block;
    content: '';
    position: absolute;
    z-index: 2;
    bottom : 0;
    right: 0;
    border: 80px solid transparent; border-right: 80px solid #fff; border-bottom: 80px solid #fff;
}
.gd__seo-slogan {
    font-size: 5.6rem;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 80px;
}
.gd__seo-slogan span {
    display: block;
    color: rgb(224, 36, 36);
}
.gd__seo-item {
    display: flex;
    margin-bottom: 50px;
}
.gd__seo-item:last-child {
    margin-bottom: 0;
}
.gd__seo-ico {
    width: 64px;
    height: 64px;
}
.gd__seo-ico img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.gd__seo-info {
    width: calc(100% - 64px);
    padding-left: 30px;
}
.gd__seo-title {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 10px;
}
.gd__seo-text {
    color: #707070;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
}

.gd__banner {
    position: relative;
    color: #fff;
    margin-bottom: 50px;
}
.gd__banner-item {
    position: relative;
    padding: 54px 72px 45px;
    height: 500px !important;
}
.gd__banner-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 26px;
}
.gd__banner-text {
    max-width: 520px;
    padding-left: 50px;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}
.gd__banner-reviews {
    position: absolute;
    bottom: 45px;
    left: 0;
    padding-left: 125px;
    padding-right: 60px;
    display: flex;
    align-items: center;
    width: 100%;
}
.gd__banner-ico {
    min-width: 66px;
    height: 84px;
    padding: 5px;
    background: #DE2C2C;
}
.gd__banner-ico img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.gd__banner-info {
    padding-left: 24px;
}
.gd__banner-name,
.gd__banner-post {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
}
.gd__banner-link {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #DE2C2C;
    border-bottom: 1px solid #DE2C2C;
}
.gd__banner-logo {
    position: absolute;
    top: 50%;
    right: 54px;
    transform: translateY(-50%);
        background: #FFF;
}
.gd__banner-nav {
    position: absolute;
    z-index: 1;
    top: 68px;
    right: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100px;
}
.gd__banner-prev,
.gd__banner-next {
    cursor: pointer;
    user-select: none;
}
.gd__banner-prev:hover path,
.gd__banner-next:hover path {
    fill: #DE2C2C;
}

.gd__content {
    min-height: 450px;
    padding: 50px 70px;
    /*background: #de2c2c url('/local/templates/kokoc/web/css/../../img/kokoc_banner_for_landing_1.png') no-repeat bottom right / contain;*/
    background: url('/local/templates/kokoc/web/css/../../img/kokoc_banner_for_landing_1.png') no-repeat bottom right / contain;
    margin-bottom: 100px;
}
.gd__content-description {
    /*font-weight: 600;*/
    font-size: 20px;
    line-height: 19px;
    letter-spacing: 0.1em;
    /*text-transform: uppercase;*/
    color: #FFFFFF;
    margin-bottom: 20px;
}
.gd__content-title {
    /*font-weight: 600;*/
    font-size: 40px;
    line-height: 48px;
    color: #fff;
    margin-bottom: 20px;
}
/*.gd__content-title span {
    color: #0C0C0C;
    font-weight: 700;
}*/

.gd__content-title_red{
    color: #df2926;
    font-weight: bold;
    text-transform: uppercase;
}


.gd__content-counter-text {
    color: #fff;
    /*font-weight: 400;*/
    font-size: 20px;
    line-height: 24px;
    /*margin-bottom: 12px;*/
}
.gd__content-counter {
    display: flex;
    /*margin-bottom: 30px;*/
    color: #FFFFFF;
    font-size: 20px;
}
.gd__content-item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 62px;
    margin-right: 10px;
}
.gd__content-item:last-child {
    margin-right: 0;
}
.gd__content-number {
    width: 30px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #fff;
    border-radius: 2px;
}
.gd__content-text {
    width: 100%;
    color: #fff;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
}

.days_txt, .hours_txt, .minutes_txt, .seconds_txt{
    padding-right: 10px;
    padding-left: 5px;
}

.hours, .minutes, .seconds{
    padding-left: 10px;
}

.gd__content-counter .numb{
    font-weight: bold;
}


.gd__content.--free {
    background:  url('/local/templates/kokoc/web/css/../../img/kokoc_banner_for_landing_2.png') no-repeat bottom right / contain;
    /*background: #101010 url('/local/templates/kokoc/web/css/../../img/kokoc_banner_for_landing_1.png') no-repeat bottom right / contain;*/
}
.gd__content.--free .gd__content-title span {
    color: #DE2C2C;
    text-transform: uppercase;
        font-weight: bold;
}
.gd__content.--free .gd__content-description {
    color: #fff;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-transform: none;
}

.button_darkened.--black:hover:before {
    background: #0C0C0C;
    color: #fff;

}

.accordion__list.--new .accordion__item-content {
    padding-top: 20px;
    padding-bottom: 30px;
}

.gd__content.--free .gd__content-counter{
        margin-bottom: 20px;
}

@media screen and (max-width: 1366px) {
    .gd__seo-slogan {
        font-size: 40px;
    }
    .gd__seo-wrapper {
        padding: 120px 50px 200px 0;
    }
}
@media screen and (max-width: 1023px) {
    .gd__seo {
        width: 100%;
        background: none;
    }
    .gd__seo-slogan {
        font-size: 56px;
    }
    .gd__seo:before {
        display: block;
        content: '';
        position: absolute;
        z-index: 1;
        top: 0;
        right: initial;
        left: 490px;
        width: 144px;
        height: 90%;
        background: url('/local/templates/kokoc/web/css/../../img/text.svg') no-repeat center center / contain;
    }
    .gd__seo:after {
        display: block;
        content: '';
        position: absolute;
        z-index: 2;
        top: 0;
        right: initial;
        left: 210px;
        width: 428px;
        height: 90%;
        background: url('/local/templates/kokoc/web/css/../../img/seo.svg') no-repeat center center / contain;
    }
    .gd__seo-wrapper:before {
        right: initial;
        z-index: 1;
        left: 320px;
        border: 80px solid transparent; border-right: 80px solid #fff; border-bottom: 80px solid #fff;
    }
    .gd__banner-logo {
        display: none;
    }
    .gd__banner-item {
        padding: 90px 30px 30px;
    }
    .gd__banner-nav {
        right: initial;
        left: 30px;
        top: 40px;
    }
    .gd__banner-title {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 20px;
    }
    .gd__banner-text {
        padding: 0;
        font-size: 12px;
        line-height: 20px;
    }
    .gd__banner-reviews {
        padding: 0 30px;
        bottom: 30px;
    }
    .gd__banner-item {
        height: 520px;
    }
    .gd__content {
        background: #000000;
        padding: 55px 30px;
    }
    .gd__content-description {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 18px;
    }
    .gd__content-title {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 40px;
    }
    .gd__content-counter-text {
        font-size: 16px;
        line-height: 19px;
    }
}
@media screen and (max-width: 767px) {
    .gd__seo:before,
    .gd__seo:after,
    .gd__seo-wrapper:before {
        display: none;
    }
    .gd__seo-slogan {
        font-size: 28px;
    }
    .gd__seo-wrapper {
        padding: 100px 0 50px;
    }
    .gd__content {
        margin-bottom: 50px;
    }
    .gd__content .button__content {
        color: #df2926;
        background: #fee;
    }
    .gd__content.--free {
        background: #101010;
    }
    .gd__content.--free .gd__content-title {
        margin-bottom: 10px;
    }
    .gd__content.--free .gd__content-description {
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 30px;
    }
}



.animated-wave {
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    width: 10287px;
}

.animated-wave__wrapper {
    display: table;
    animation: wave-moving 50s infinite linear;
}

.animated-wave:nth-child(2) .animated-wave__wrapper {
    animation-duration: 150s;
}

.animated-wave:nth-child(3) .animated-wave__wrapper {
    animation-duration: 250s;
}

.animated-wave__wave {
    display: table-cell;
    width: 100%;
    opacity: 0.05;
    vertical-align: middle;
}

.animated-wave__wave img {
    max-width: none;
    width: auto;
    display: block;
}

@keyframes wave-moving {
    0% {
        opacity: 1;
        transform: translateX(0) translateY(0) rotate(0deg) scale(1, 1);
    }
    100% {
        opacity: .2;
        transform: translateX(-3428px) translateY(0) rotate(0deg) scale(1, 1);
    }
}

.stage-background__waves {
    position: absolute;
    /*top: -440px;*/
    top: -165px;
    top: -330px;
    left: -2000px;
    z-index: -1;
    /*transform: translateX(-24.18%);*/
}

@media (max-width: 750px) {
    .stage-background__waves {
        display: none;
    }
}

.primary-color {
    color: #df2926;
}

.top-place__title {
    /*margin-bottom: 3.2rem;*/
    margin-bottom: 4rem;
    /*font-weight: 600;*/
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.6;
    text-transform: uppercase;
    color: #707070;
}

.top-place__description {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    margin-bottom: 14rem;
    padding-right: 11rem;
    font-weight: 600;
    /*font-size: 8rem;*/
    font-size: 9.6rem;
    line-height: 1.2;
}

.top-place__description b {
    font-size: 6.4rem;
    color: #df2926;
}

.top-place__description::after {
    content: '';
    position: absolute;
    top: -10px;
    right: 0;
    width: 62px;
    height: 62px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='62' viewBox='0 0 62 62' fill='none'%3E%3Cpath d='M15.3068 59.3766L44.8925 29.7909L44.8925 49.6115C44.8925 54.3356 48.7221 58.1652 53.4462 58.1652C58.1702 58.1652 62 54.3358 62 49.6115L62 1.71079C62 0.76598 61.234 -3.74773e-06 60.2892 -3.66513e-06L12.3882 5.22503e-07C7.66412 9.35494e-07 3.83451 3.8296 3.83451 8.55365C3.83451 13.2777 7.66412 17.1073 12.3882 17.1073L32.2091 17.1073L2.62683 46.6897C-0.875604 50.1921 -0.875603 55.8708 2.62683 59.3732C6.12927 62.8756 11.8079 62.8756 15.3104 59.3732L15.3068 59.3766Z' fill='%23FCE0E0'/%3E%3C/svg%3E");
    background-size: contain;
    animation: sbs-anim-rec213704643-1595411250222 12.1s infinite linear;
}

@media (max-width: 1500px) {
    .top-place__description {
        font-size: 8rem
    }
}

@media (max-width: 1200px) {
    .top-place__description {
        font-size: 6.4rem;
    }

    .top-place__description b {
        font-size: 5rem;
    }
}

@media (max-width: 1000px) {
    .top-place__description {
        margin-bottom: 10rem;
        padding-right: 6rem;
        /*font-size: 5.6rem;*/
        font-size: 5rem;
    }

    .top-place__description b {
        font-size: 4rem;
    }

    .top-place__description::after {
        width: 4.2rem;
        height: 4.2rem;
    }
}

@media (max-width: 750px) {
    .top-place__description {
        margin-bottom: 8rem;
        padding: 0;
        font-size: 4.6rem;
    }

    .top-place__description b {
        font-size: 3.2rem;
    }

    .top-place__description::after {
        content: none;
    }
}

@media (max-width: 500px) {
    .top-place__description {
        margin-bottom: 6rem;
    }
}

@keyframes sbs-anim-rec213704643-1595411250222 {
    0% {
        opacity: 1;
        transform: translateX(0px) translateY(0px) rotate(0deg) scale(1, 1);
        animation-timing-function: linear;
    }
    82.64% {
        opacity: 1;
        transform: translateX(0px) translateY(0px) rotate(0deg) scale(1, 1);
        animation-timing-function: ease-in;
    }
    84.29% {
        opacity: 1;
        transform: translateX(12px) translateY(-12px) rotate(0deg) scale(1, 1);
        animation-timing-function: ease-out;
    }
    85.94% {
        opacity: 1;
        transform: translateX(0px) translateY(0px) rotate(0deg) scale(1, 1);
        animation-timing-function: linear;
    }
    88.42% {
        opacity: 1;
        transform: translateX(0px) translateY(0px) rotate(0deg) scale(1, 1);
        animation-timing-function: ease-in;
    }
    90.07% {
        opacity: 1;
        transform: translateX(12px) translateY(-12px) rotate(0deg) scale(1, 1);
        animation-timing-function: ease-out;
    }
    91.72% {
        opacity: 1;
        transform: translateX(0px) translateY(0px) rotate(0deg) scale(1, 1);
        animation-timing-function: linear;
    }
    100% {
        opacity: 1;
        transform: translateX(0px) translateY(0px) rotate(0deg) scale(1, 1);
    }
}

.stage-background_dark {
    color: #fff;
}

@media (min-width: 1001px) {
    .stage-background_dark#webinar .stage-background__background {

    }

    .stage-background_dark#webinar .stage-background__main {
        background: linear-gradient(to right, #101010 58.333333333333336%, #EB5757 58.333333333333336%);
    }

    .stage-background_dark#webinar .stage-background__main .stage-background__bevel-bottom {
        display: block;
        position: absolute;
        bottom: 0;
        left: 58.333333333333336%;
        right: auto;
        width: 0;
        height: 0;
        z-index: 40;
        border-bottom: 0;
        border-top: 100px solid transparent;
        border-left: 100px solid #101010;
    }
}

.speaker-card {
    max-width: 316px;
    margin: auto;
    /*text-align: center;*/
}

.speaker-card__photo-holder {
    width: 200px;
    height: 200px;
    /*margin: 0 auto 3.2rem;*/
    margin-bottom: 3.2rem;
    border-radius: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.speaker-card__name {
    margin-bottom: 1.6rem;
    font-weight: 600;
    font-size: 2.8rem;
    line-height: 3.2rem;
}

.speaker-card__position {
    font-size: 20px;
    line-height: 28px;
    opacity: 0.65;
}

.webinar__title {
    margin-bottom: 2.4rem;
    font-weight: 600;
    font-size: 5.6rem;
    line-height: 1.1;
    color: #DF2926;
}

.webinar__subtitle {
    margin-bottom: 6rem;
    font-size: 2rem;
    line-height: 1.2;
    color: #E7E7E7;
}

.webinar__description {
    margin-bottom: 8rem;
    font-size: 1.6rem;
    line-height: 1.375;
}

.webinar__description ul li {
    margin-bottom: 1.6rem;
}

@media (max-width: 1000px) {
    .webinar__title {
        font-size: 4.6rem;
    }

    .webinar__subtitle {
        margin-bottom: 5rem;
        font-size: 1.8rem;
    }

    .webinar__description {
        margin-bottom: 6rem;
    }
}

@media (max-width: 750px) {
    .webinar__title {
        margin-bottom: 1.6rem;
        font-size: 3.6rem;
    }

    .webinar__subtitle,
    .webinar__description {
        margin-bottom: 4rem;
    }
}

.youtube-video {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}

.youtube-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.feature {
    display: flex;
    align-items: center;
}

.feature__icon {
    flex: 0 0 64px;
    margin-right: 32px;
}

.feature__icon img {
    display: block;
}

.feature__text {
    flex: 1 1 auto;
}

.feature__title {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.2rem;
}

.feature__description {
    margin-top: .8rem;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #707070;
}

@media (max-width: 1000px) {
    .feature__icon {
        flex: 0 0 44px;
        margin-right: 22px;
    }

    .feature__title {
        font-size: 1.6rem;
    }
}

.top-place-chart {
    position: relative;
}

.top-place-chart__description {
    position: absolute;
    top: 30.5%;
    left: 0;
    z-index: 1;
    max-width: 40%;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.4;
}

.top-place-chart img {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    /*transition: transform 1s linear;*/
    /*transform: scale(0, 0);*/
    /*transform-origin: 0 100%;*/
}

.top-place-chart__chart {
    position: relative;
    height: 0;
    background: url("/top-place/css/../images/chart-bg.svg") no-repeat center / cover;
    padding-top: calc(35% + 100px);
}

.top-place-chart__values {
    position: absolute;
    z-index: 1;
    font-size: 18px;
    line-height: 1.4;
    color: #df2926;
    /*opacity: 0;*/
    /*transition: opacity 1s cubic-bezier(.19, 1, .22, 1);*/
}

.top-place-chart__values_before {
    /*bottom: 120px;*/
    /*left: 60px;*/
    bottom: 20%;
    left: 0;
    /*transition-delay: 1s;*/
}

.top-place-chart__values_after {
    /*top: 0;*/
    /*right: 60px;*/
    top: 26.8%;
    right: 33.3%;
    /*transition-delay: 1.5s;*/
}

.top-place-chart__values_after::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -100px;
    width: 70px;
    height: 19px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='59' height='16' viewBox='0 0 59 16' fill='none'%3E%3Cpath d='M58.7071 8.70711C59.0976 8.31659 59.0976 7.68342 58.7071 7.2929L52.3431 0.928937C51.9526 0.538412 51.3195 0.538412 50.9289 0.928937C50.5384 1.31946 50.5384 1.95263 50.9289 2.34315L56.5858 8L50.9289 13.6569C50.5384 14.0474 50.5384 14.6805 50.9289 15.0711C51.3195 15.4616 51.9526 15.4616 52.3431 15.0711L58.7071 8.70711ZM-8.74228e-08 9L58 9.00001L58 7.00001L8.74228e-08 7L-8.74228e-08 9Z' fill='%23DF2926'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
}

.top-place-chart__values div:first-child {
    font-weight: 600;
    font-size: 25px;
    text-transform: uppercase;
    color: #101010;
}

@media (min-width: 1001px) {
    .top-place-chart img {
        transition: transform 1s linear;
        transform: scale(0, 0);
        transform-origin: 0 100%;
    }
    .top-place-chart__values {
        opacity: 0;
        transition: opacity 1s cubic-bezier(.19, 1, .22, 1);
    }
    .top-place-chart__values_before {
        transition-delay: 1s;
    }
    .top-place-chart__values_after {
        transition-delay: 1.5s;
    }
    .top-place-chart__chart_animated .top-place-chart__values {
        opacity: 1;
    }
    .top-place-chart__chart_animated img {
        transform: scale(1, 1);
    }
}

@media (max-width: 1000px) {
    .top-place-chart__description {
        position: static;
        max-width: none;
        margin-bottom: 3rem;
    }
    .top-place-chart__values {
        font-size: 1.4rem;
        line-height: 1.3;
    }
    .top-place-chart__values div:first-child {
        margin-bottom: .4rem;
        font-size: inherit;
    }
    .top-place-chart__values_after {
        top: 15%;
        right: 10%;
    }
    .top-place-chart__values_after::before {
        left: -79px;
        width: 59px;
        height: 16px;
    }
}

@media (max-width: 500px) {
    .top-place-chart__values_after {
        top: 15%;
        right: 0;
    }
}

.carousel_cases {
    position: relative;
}

.carousel-nav_cases {
    position: absolute;
    top: 32px;
    right: 32px;
    z-index: 20;
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.4;
}

.carousel-nav_cases .nav-arrow {
    fill: #9F9F9F;
}

.carousel-nav_cases .nav-arrow:hover {
    fill: #DF2926;
}

.slide-case {
    width: 100%;
    background: #FFFFFF;
    color: #101010;
}

.slide-case__info {
    height: 100%;
    background: no-repeat center / cover;
}

.slide-case__content,
.slide-case__graphic {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 5.6rem;
    box-sizing: border-box;
}

.slide-case__content {
    min-height: 64.4rem;
    font-size: 1.6rem;
    line-height: 1.5;
    background: rgba(16, 16, 16, 0.7);
    color: #FFFFFF;
}

.slide-case__logo {
    margin-bottom: 4rem;
}

.slide-case__logo img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 4.5rem;
}

.slide-case__title {
    margin-bottom: 2.4rem;
    font-weight: 600;
    font-size: 2.8rem;
    line-height: 1.14;
}

.slide-case__description {
    margin-bottom: 3.2rem;
}

.slide-case__more {
    margin-bottom: 3.2rem;
}

.slide-case__more a {
    text-decoration: underline;
    color: inherit;
}

.slide-case__button {
    margin-top: auto;
}

.slide-case__graphic {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 5.6rem;
    box-sizing: border-box;
}

.slide-case__graphic-caption {
    margin-bottom: 2.4rem;
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 1.14;
    color: #101010;
}

.slide-case__chart {
    width: 90%;
    /*max-width: 444px;*/
    margin-bottom: 2.4rem;
}

.slide-case__facts {
    margin-top: auto;
}

.slide-case__fact-value {
    margin-bottom: .4rem;
    font-size: 2rem;
    line-height: 1.4;
    text-transform: uppercase;
    color: #DF2926;
}

.slide-case__fact-description {
    font-size: 1.6rem;
    line-height: 1.5;
    color: #9F9F9F;
}

@media (max-width: 1200px) {
    .slide-case__content,
    .slide-case__graphic {
        padding: 3.6rem 2.8rem;
    }

    .slide-case__content {
        min-height: 54.9rem;
        font-size: 1.4rem;
    }

    .slide-case__logo {
        margin-bottom: 3rem;
    }

    .slide-case__logo img {
        max-height: 3.5rem;
    }

    .slide-case__title {
        font-size: 2.4rem;
    }

    .slide-case__graphic-caption {
        font-size: 2rem;
    }

    .slide-case__fact-value {
        font-size: 1.6rem;
    }

    .slide-case__fact-description {
        font-size: 1.4rem;
    }
}

@media (max-width: 1000px) {
    .slide-case {
        padding: 2.8rem;
    }

    .slide-case__info {
        background: none !important;
    }

    .slide-case__content,
    .slide-case__graphic {
        padding: 0;
    }

    .slide-case__content {
        min-height: 0;
        padding-bottom: 0;
        background-color: transparent;
        color: inherit;
    }

    .slide-case__title {
        margin-right: 11rem;
        font-size: 2rem;
    }

    .slide-case__description,
    .slide-case__more {
        margin-bottom: 2.4rem;
    }

    .slide-case__graphic-caption {
        font-size: 1.6rem;
    }

    .slide-case__chart {
        width: auto;
        max-width: none;
    }

    .carousel_cases {
        margin-bottom: 5rem;
    }

    .carousel-nav_cases {
        top: 2.4rem;
        right: 2rem;
    }
}


/*.gd__banner .gd__banner-item:after{
        content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(0, 0, 0, .5);
}*/


.keis_img{
    display: flex;
  justify-content: center;
  align-content: space-between;
  align-items: center;
height: 100%;
}

.content-header__title b{
color:#000000 !important;
}

.stage-background_promo_medium{
        /*padding-bottom: 0 !important;
    margin-bottom: 4rem !important;*/
}

.slide-case__graphic{
    padding: 5.6rem 24px 5.6rem 0px;
}

@media (max-width: 1000px) {
    .mob_hide{
    display:none;
    }

    .slide-case__graphic{
        padding:0;
    }

.owl-item {height: 0;}    
.owl-item.active {height: auto;}
}


.gd__communication-tab__header {
    display: flex;
    align-items: center;
    margin: 40px 0 50px;
}

.gd__communication-tab__link {
    cursor: pointer;
    /*width: 200px;
    line-height: 80px;
    text-align: center;
    color: #101010;
    border-right: 2px solid #fff;
    background: #fff6f6;
    
    user-select: none;*/
    font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #000000;
opacity: 0.4;
padding-bottom: 5px;
    padding-right: 17px;
    padding-left: 17px;
    transition: 0.4s;
    display: flex;
}

.gd__communication-tab__link:hover{
    opacity: 1;
    transition: 0.4s;
}

.gd__communication-tab__link span{
    border-bottom: 1px dashed rgba(0, 0, 0, 0.4);
}

.gd__communication-tab__link svg{
    padding-right: 10px;
}

.gd__communication-tab__link svg path.bg{
    fill: #333333;
    
}


.gd__communication-tab__link.--wa:hover svg path.bg, .gd__communication-tab__link.--wa.--active svg path.bg{
    fill: #65bc54;
}

.gd__communication-tab__link.--tg:hover svg path.bg, .gd__communication-tab__link.--tg.--active svg path.bg{
    fill: #37AEE2;
}

.gd__communication-tab__link.--active {
    /*color: #fff;
    background: #e13633;*/
    color: #e13633;
    opacity: 1;
    
}

.gd__communication-tab__link.--active span{
    border-bottom: 1px dashed #e13633;
}



.gd__communication-tab__link.--phone_tab{
        padding-right: 34px;
        border-right: 1px solid rgba(0, 0, 0, 0.4);
        margin-right: 17px;
}


.gd__communication-tab__title{
        margin-right: 35px;
    font-size: 18px;
    font-weight: 400;
}

.gd__communication-tab__block {
    display: none;
}

.gd__communication-tab__block.--active {
    display: block;
}

.gd__communication-form__inner {
    display: grid;
    align-items: end;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    margin-bottom: 50px;
}

.gd__communication-form .form-row {
    display: block;
}

.gd__communication-social,
.gd__communication-social__link {
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    min-width: 370px;
    border: none;
    text-decoration: none;
    
}

.gd__communication-social__link{
    background-color: #F8F8F8;
    border: 1px solid #BABABA;
    border-radius: 100px;
}

.gd__communication-social__ico {
    width: 35px;
    height: 35px;
    margin-left: 55px;
    margin-right: 10px;
}

.gd__communication-social__ico svg {
    width: 100%;
    height: 100%;
}

.gd__communication-social__text {
    flex: 1;
    /*text-align: center;*/
    /*line-height: 80px;*/
    padding: 37px 0px 37px 0px;
    color: #000000;
    font-size: 22px;
    opacity: 0.4;
}

.gd__communication-social__text span{
        border-bottom: 1px dashed rgba(0, 0, 0, 0.4);
}

.gd__communication-social__link:hover .gd__communication-social__text span{
    border-bottom: 1px dashed #000;
}


.gd__communication-social__link:hover .gd__communication-social__text{
    opacity: 1;
}

.fast_answer_cont{
    min-height: 410px;
}

/*.gd__communication-social.--wa .gd__communication-social__text {
    background: #65bc54;
}

.gd__communication-social.--te .gd__communication-social__text {
    background: #64a9dc;
}*/

.tab_mob_title{
        display: none;
    }

   

@media screen and (max-width: 800px) {
    .tab_mob_title{
        display: block;
    }
    .tab_desc_title{
        display: none;
    }
    .gd__communication-tab__link{
        padding-right: 7px;
        padding-left: 7px;
    }
    .fast_answer_cont{
 min-height: 650px;
    }
}

@media screen and (max-width: 1366px) {
    .gd__seo-slogan {
        font-size: 40px;
    }

    .gd__seo-wrapper {
        padding: 120px 50px 200px 0;
    }

    .gd__communication-tab__link.--phone_tab{
        padding-right: 14px;       
        margin-right: 7px;
}
}

@media (max-width: 1175px) {
    .gd__communication-form__inner {
        display: flex;
    }

}

@media screen and (max-width: 1023px) {
    .gd__seo {
        width: 100%;
        background: none;
    }

    .gd__seo-slogan {
        font-size: 56px;
    }

    .gd__seo:before {
        display: block;
        content: '';
        position: absolute;
        z-index: 1;
        top: 0;
        right: initial;
        left: 490px;
        width: 144px;
        height: 90%;
        background: url('/local/templates/kokoc/web/css/img/seo/text.svg') no-repeat center center / contain;
    }

    .gd__seo:after {
        display: block;
        content: '';
        position: absolute;
        z-index: 2;
        top: 0;
        right: initial;
        left: 210px;
        width: 428px;
        height: 90%;
        background: url('/local/templates/kokoc/web/css/img/seo/seo.svg') no-repeat center center / contain;
    }

    .gd__seo-wrapper:before {
        right: initial;
        z-index: 1;
        left: 320px;
        border: 80px solid transparent;
        border-right: 80px solid #fff;
        border-bottom: 80px solid #fff;
    }

    .gd__banner-logo {
        display: none;
    }

    .gd__banner-item {
        padding: 90px 30px 30px;
    }

    .gd__banner-nav {
        right: initial;
        left: 30px;
        top: 40px;
    }

    .gd__banner-title {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 20px;
    }

    .gd__banner-text {
        padding: 0;
        font-size: 12px;
        line-height: 20px;
    }

    .gd__banner-reviews {
        padding: 0 30px;
        bottom: 30px;
    }

    .gd__banner-item {
        height: 520px;
    }

    .gd__content {
        background: #000000;
        padding: 55px 30px;
    }

    .gd__content-description {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 18px;
    }

    .gd__content-title {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 40px;
    }

    .gd__content-counter-text {
        font-size: 16px;
        line-height: 19px;
    }

    .gd__content-counter{

            flex-wrap: wrap;
            font-size: 100%;
    }
}

@media screen and (max-width: 767px) {
    /*табы*/
    .gd__communication-form__inner {
        display: block;
    }

    .gd__communication-item {
        margin-bottom: 30px;
    }

    .gd__communication-tab__link {
        font-size: 14px;
    }

    /*табы*/
    .gd__seo:before,
    .gd__seo:after,
    .gd__seo-wrapper:before {
        display: none;
    }

    .gd__seo-slogan {
        font-size: 28px;
    }

    .gd__seo-wrapper {
        padding: 100px 0 50px;
    }

    .gd__content {
        margin-bottom: 50px;
    }

    .gd__content .button__content {
        color: #df2926;
        background: #fee;
    }

    .gd__content.--free {
        background: #101010;
    }

    .gd__content.--free .gd__content-title {
        margin-bottom: 10px;
    }

    .gd__content.--free .gd__content-description {
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 30px;
    }
}
/* End */


/* Start:/local/templates/kokoc/components/kokoc/news/otraslevye_resheniya_new/bitrix/news.detail/.default/style.css?176665379441440*/
:root {
    --margin-blocks: 100px;
}

.gd__accent_otrasl {
    margin-bottom: var(--margin-blocks);
}

.gd__accent-title_otrasl {
    font-weight: 600;
    font-size: 40px;
    line-height: 1.65;
    color: #101010;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px){
    .gd__accent-title_otrasl{
        font-size: 24px;
        line-height: 1.2;
    }
}


/*Утп блок*/
.utp-block {
    margin-bottom: var(--margin-blocks);
}

.utp-block__wrapper {
    background-color: #DF2926;
    padding: 82px 69px;
    overflow: hidden;
    position: relative;
}

.utp-block__wrapper::before {
    display: block;
    content: '';
    position: absolute;
    z-index: 1;
    top: -71px;
    right: -71px;
    width: 140px;
    height: 140px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #fff;

}

.utp-block__title {
    font-weight: 700;
    font-size: 40px;
    line-height: 1.5;
    color: #fff;
    max-width: 750px;
    margin-bottom: 15px;
}

.utp-block__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
    max-width: 750px;
    margin-bottom: 50px;
}

.utp-block__img {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 420px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.utp-block__lines {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.utp-block__lines::before {
    content: " ";
    position: absolute;
    background-image: url('/local/templates/kokoc/images/lines.png');
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    left: 0;
    width: 179px;
    height: 53px;
}

.utp-block__lines::after {
    content: " ";
    position: absolute;
    background-image: url('/local/templates/kokoc/images/lines2.png');
    background-repeat: no-repeat;
    background-position: center;
    bottom: 0;
    left: 586px;
    width: 353px;
    height: 160px;
}

@media screen and (max-width: 767px){
    .utp-block__wrapper{
        padding: 55px 30px;
    }

    .utp-block__img{
        display: none;
    }

    .utp-block__title{
        font-size: 24px;
        line-height: 1.2;
    }

    .device-mobile  .utp-block__wrapper .button_darkened{
        color: #df2926;
        background-color: #fee;
    }
}

/*УТП блок конец*/


/*кейсы*/
.keisi-otraslevye {
    margin-bottom: var(--margin-blocks);
}

.keisi-otraslevye__title {
    font-weight: 600;
    font-size: 40px;
    line-height: 1.65;
    color: #101010;
    margin-bottom: 15px;
}

.keisi-otraslevye__subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: #101010;
}

.keisi-otraslevye__blockquote-item {
    padding: 40px 0 !important;
}

.keisi-otraslevye__blockquote-item ul {
    margin: 0 !important;
}

.keisi-otraslevye__blockquote-item ul li {
    margin-bottom: 15px;
}

.keisi-otraslevye__blockquote-item::after {
    display: none;

}

.review-card-last {
    /*  border: 1px solid #F9D4D4; */
    padding: 63px;
    width: 100%;
    position: relative;
    min-height: 400px;
    background-image: url('/local/templates/kokoc/images/lines3.png');
    background-repeat: no-repeat;
    background-position: bottom right;
}


/* .review-card-last::after{
    content: " ";
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url('/local/templates/kokoc/images/lines3.png');
    background-repeat: no-repeat;
    background-position: bottom right;

} */


.review-card-last__border {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-bottom: 1px solid rgba(223, 41, 38, 0.16);
    border-left: 1px solid rgba(223, 41, 38, 0.16);
    z-index: 10;
}

.review-card-last__border::before,
.review-card-last__border::after {
    position: absolute;
    content: '';
    background: rgba(223, 41, 38, 0.16);
    -webkit-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.review-card-last__border::before {
    top: 0;
    left: 0;
    width: calc(100% - 60px);
    height: 1px;
}

.review-card-last__border::after {
    bottom: 0;
    right: 0;
    height: calc(100% - 60px);
    width: 1px;
}

.review-card-last__border-bevel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.review-card-last__border-bevel::before {
    position: absolute;
    content: '';
    top: 30px;
    right: -13px;
    width: 86px;
    height: 1px;
    background: rgba(223, 41, 38, 0.16);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
}


/* .review-card-last:hover .review-card-last__border {
    border-bottom: 2px solid #df2926;
    border-left: 2px solid #df2926;
}

.review-card-last:hover .review-card-last__border::before {
    background: #df2926;
    height: 2px;
}


.review-card-last:hover .review-card-last__border::after {
    background: #df2926;
    width: 2px;
}

.review-card-last:hover .review-card-last__border-bevel::before {
    background: #df2926;
    height: 2px;
} */




.review-card-last__title {
    font-weight: 600;
    font-size: 40px;
    line-height: 165%;
    color: #101010;
    margin-bottom: 15px;
}

.review-card-last__subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #101010;
    margin-bottom: 65px;
}

.review-card-last .button {
    z-index: 100;
}





.keisi-otraslevye .under_keisi_wide{
    display: none;
}

.keisi-otraslevye .under_keisi_wide-show{
    display: block;
}

.under_keisi .review-card-last {
    padding: 0 132px 0 53px;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    min-height: auto;
    align-items: center;
    background-image: url('/local/templates/kokoc/images/lines4.png');
    background-position: right 30px bottom;
    min-height: 150px;
}


.under_keisi .review-card-last__content {
    flex: 0 1 420px;
}

.under_keisi .review-card-last .review-card-last__title {
    font-size: 30px;
    line-height: 1;
}

.under_keisi .review-card-last .review-card-last__subtitle {
    font-size: 16px;
    margin-bottom: 0;
}

.under_keisi .review-card-last .button {
    min-width: 395px;
}



.hidden_keis {
    display: none !important;
}

.keisi_page {
    margin-top: 20px;
}

.carousel_cases .nav-arrow:hover svg path {
    stroke: #DF2926;
}

.carousel-nav_cases .carousel-nav__count {
    margin: 0 37px;
}

.keisi-otraslevye .keisi-slider .swiper-slide{
    display: flex;
    height: auto;
}

.keisi-slider__nav{
    display: none;
}


@media screen and (max-width: 767px){
    .keisi-otraslevye .blockquote-item{
        margin-left: 0px; 
        margin-right: 0px;
    }

    .keisi-otraslevye__title{
        font-size: 24px;
        line-height: 1.2;
    }

    .review-card-last{
        padding: 30px;
    }

    .review-card-last__title{
        font-size: 24px;
    }


    .under_keisi .review-card-last{
        flex-direction: column;
        padding: 30px;
        gap: 30px;
    }
    .under_keisi .review-card-last__content{
        flex: 1;
    }

    .under_keisi .review-card-last .button{
        min-width: unset;
        width: 100%;;
    }

    .under_keisi .review-card-last__btn{
        width: 100%;
    }


    .keisi-otraslevye .grid-list.swiper-wrapper{
        flex-wrap: unset;
        margin-right: 0;
        margin-left: 0;
        align-items: stretch;
    }
    
    .keisi-otraslevye .grid-list.swiper-wrapper .grid-item{
        padding-left: 0;
        padding-right: 0;
    }
    
    .keisi-otraslevye .grid-list.swiper-wrapper .swiper-slide{
        height: auto;
    }
    
    .keisi-otraslevye .keisi_page .review-card{
        height: 100%;
    }

    .keisi-otraslevye .under_keisi_wide{
        display: block;
    }

    .keisi-otraslevye .keisi-slider .under_keisi_item{
        display: none;
    }


    .keisi-slider__nav{
        margin-bottom: 10px;
        text-align: right;
        display: block;
    }

    .keisi-slider__nav .carousel-nav__count2 {
        color: #101010;
        margin: 0 37px;
        min-width: 35px;
        text-align: center;
    }


    .keisi-otraslevye__subtitle{
        display: none;
    }

    .keisi-otraslevye__blockquote-item{
        display: none;
    }
}

/*Кейсы конец*/


/*Видео*/
.video-otraslevye {
    margin-bottom: var(--margin-blocks);
}


.carousel_video__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.carousel_video__tilte-block {}

.carousel_video__title {
    font-weight: 600;
    font-size: 40px;
    line-height: 165%;
    color: #101010;
    margin-bottom: 25px;
}

.carousel_video__subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #101010;
}


.carousel-nav_video .nav-arrow:hover svg path {
    stroke: #DF2926;
}

.carousel-nav_video .carousel-nav__count {
    margin: 0 37px;
    min-width: 25px;
}


.carousel-nav_video {
    margin-top: 20px;
}


.slide-video,
.slide-video__video {
    width: 100%;
}

.slide-video_one{
    width: 870px;
}

.slide-video__video iframe {
    width: 100%;
    aspect-ratio: 16/9;
}


.slide-video_one .slide-video__video iframe{
    aspect-ratio: 16 / 9;
}

.slide-video__description {
    position: relative;
    padding: 32px 48px;
    margin-top: 25px;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #101010;
}

.slide-video_one .slide-video__description{
    margin-bottom: 20px;
    margin-top: 0;
}

.slide-video__description-border {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-bottom: 1px solid rgba(223, 41, 38, 0.16);
    border-left: 1px solid rgba(223, 41, 38, 0.16);
    z-index: 10;
}

.slide-video__description-border::before,
.slide-video__description-border::after {
    position: absolute;
    content: '';
    background: rgba(223, 41, 38, 0.16);
    -webkit-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.slide-video__description-border::before {
    top: 0;
    left: 0;
    width: calc(100% - 25px);
    height: 1px;
}

.slide-video__description-border::after {
    bottom: 0;
    right: 0;
    height: calc(100% - 25px);
    width: 1px;
}

.slide-video__description-border-bevel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.slide-video__description-border-bevel::before {
    position: absolute;
    content: '';
    top: 12px;
    right: -5px;
    width: 35px;
    height: 1px;
    background: rgba(223, 41, 38, 0.16);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
}


@media screen and (max-width: 767px){

    .carousel_cases .carousel-nav__count{
        margin: 0 10px;
    }


    .carousel_video__header{
        flex-direction: column;
        gap: 20px;
    }

    .carousel-nav_video{
        align-self: flex-end;
    }

    .carousel_video__title{
        font-size: 24px;
        line-height: 1.2;
    }

   
}

/*Видео конец*/




/*Услуги*/

.otraslevye-yslygi{
    margin-bottom: var(--margin-blocks);
}

.otraslevye-yslygi__title-wrapper{
    padding-top: 95px;
    padding-bottom: 50px;
}

.otraslevye-yslygi__wrapper{
    display: flex;
    flex-direction: column;
    padding-right: 36px;
    
    padding-bottom: 195px;
}

.otraslevye-yslygi__title{
    font-weight: 600;
    font-size: 40px;
    line-height: 140%;
    color: #101010;
    margin-bottom: 15px;
}

.otraslevye-yslygi__subtitle{
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #101010;
    
}

.otraslevye-yslygi__list{
    display: flex;
    flex-direction: column;
}

.otraslevye-yslygi__yslugi-list{
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 30px;
    /* padding-bottom: 50px;
    margin-bottom: 50px; */
    /* border-bottom: 1px solid #F9D4D4; */
}

.otraslevye-yslygi__yslugi-item-fill-row{
    grid-column: 1 / span 2;
}

.otraslevye-yslygi__yslugi-item{
    padding: 35px 35px 43px;
    background: linear-gradient(225deg, transparent 40px, #fff 0);
    position: relative;
    min-height: 182px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.otraslevye-yslygi__border {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-bottom: 1px solid rgba(223, 41, 38, 0.16);
    border-left: 1px solid rgba(223, 41, 38, 0.16);
    z-index: 10;
}

.otraslevye-yslygi__border::before,
.otraslevye-yslygi__border::after {
    position: absolute;
    content: '';
    background: rgba(223, 41, 38, 0.16);
    -webkit-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.otraslevye-yslygi__border::before {
    top: 0;
    left: 0;
    width: calc(100% - 55px);
    height: 1px;
}

.otraslevye-yslygi__border::after {
    bottom: 0;
    right: 0;
    height: calc(100% - 55px);
    width: 1px;
}

.otraslevye-yslygi__border-bevel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.otraslevye-yslygi__border-bevel::before {
    position: absolute;
    content: '';
    top: 27px;
    right: -10px;
    width: 77px;
    height: 1px;
    background: rgba(223, 41, 38, 0.16);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
}


.otraslevye-yslygi__item-tilte a{
    font-weight: 600;
    font-size: 25px;
    line-height: 140%;
    color: #101010;
    position: relative;
    z-index: 11;
    margin-bottom: 20px;
    transition: all .3s ease;
    text-decoration:none;
}

.otraslevye-yslygi__item-tilte a:hover{
    color:#df2926
}


.otraslevye-yslygi__item-desc{
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #707070;
    max-width: 240px;
}

.otraslevye-yslygi__yslugi-item-fill-row .otraslevye-yslygi__item-desc{
    max-width: 570px;
}


.otraslevye-yslygi__item-btn{
    position: absolute;
    bottom: 30px;
    right: 30px;    
    z-index: 100;
    cursor: pointer;
    width: 36px;
    height: 36px;
    background: url("/local/templates/kokoc/images/add_service.svg");
    background-repeat: no-repeat;
}

.otraslevye-yslygi__item-btn:hover{
    background: url("/local/templates/kokoc/images/add_service_hover.svg");
}

.otraslevye-yslygi__item-btn.btn-active{
    background: url("/local/templates/kokoc/images/check_service.svg");
}



.otraslevye-yslygi__prioritet-list{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #F9D4D4;
}

.otraslevye-yslygi__prioritet-item{
    padding: 35px 35px 43px;    
    position: relative;
    min-height: 122px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #FFEEEE;
    gap:20px;
}

.otraslevye-yslygi__prioritet-tilte{
    font-weight: 600;
    font-size: 25px;
    line-height: 140%;
    color: #101010;
}

.otraslevye-yslygi__prioritet-desc{
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #707070;
    max-width: 240px;
}

.otraslevye-yslygi__prioritet-btn{
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 100;
    cursor: pointer;
    width: 36px;
    height: 36px;
    background: url("/local/templates/kokoc/images/add_service.svg");
    background-repeat: no-repeat;
}

.otraslevye-yslygi__prioritet-item:not(.disabled):not(.active) .otraslevye-yslygi__prioritet-btn:hover{
    background: url("/local/templates/kokoc/images/add_service_hover.svg");
}



.otraslevye-yslygi__prioritet-btn.btn-active{
    background: url("/local/templates/kokoc/images/check_service.svg");
}

.otraslevye-yslygi__prioritet-list_white .otraslevye-yslygi__prioritet-item{    
    background: #FFF;
    border: 1px solid #F9D4D4;
}

.otraslevye-yslygi__prioritet-list_white{
    margin-bottom: 0;
    padding-bottom: 0;
    border: unset;
}

.otraslevye-yslygi__prioritet-item.disabled{
    background: #9f9f9f;
}

.otraslevye-yslygi__prioritet-item.disabled .select_bonus{
    filter: grayscale(1);
    cursor: auto;
}


/* .otraslevye-yslygi__prioritet-item.bonus-show{
    display:flex;
} */

.otraslevye-yslygi__prioritet-item.bonus-hidden{
    display:none;
}

.otraslevye-yslygi__show-more{
    justify-content: center;
    display: flex;
    grid-column: 1 / span 2;
}

.otraslevye-yslygi__show-more.show-more__hidden{
    display: none;
}

/* .otraslevye-yslygi__hr{
    width: 1px;
    background: #F9D4D4;
} */



.otraslevye-yslygi__result{
    background: #FFF;
    padding: 39px 30px;
    border: 1px solid #F9D4D4;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    position: relative;    
}

.otraslevye-yslygi__result::before{
    position: absolute;
    content: " ";
    width: 21px;
    height: 21px;
    background: #FFF;
    border-left: 1px solid #F9D4D4;   
    border-bottom: 1px solid #F9D4D4;
    border-bottom-left-radius: 6px;
    transform: rotate(45deg) translateY(-50%);
    top:50%;
    left: -19px;
}


.otraslevye-yslygi__result .button{
    width: 100%;
}

.otraslevye-yslygi__result-title{
    font-weight: 600;
font-size: 18px;
line-height: 140%;
color: #101010;
}

.otraslevye-yslygi__result-text ul{
    margin: 22px 0;
}

.otraslevye-yslygi__result-text ul li{
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #101010;
    margin-bottom: 5px;
}

.otraslevye-yslygi__result-text ul li.otraslevye-yslygi__result-yslyga::before{
    border: unset;
    background-image: url("/local/templates/kokoc/images/check.svg");
    background-repeat: no-repeat;
    width: 13px;
    height: 10px;
    top: 6px;
}

.otraslevye-yslygi__result-text ul li.otraslevye-yslygi__result-bonus::before{
    border: unset;
    content: "+";
    color: #df2926;
    width: 13px;
    height: 10px;
    top: 0px;
    opacity: 0.7;
}

.otraslevye-yslygi__result-text ul li.otraslevye-yslygi__result-yslyga{
    font-weight: bold;
}

.otraslevye-yslygi__tooltip{
    display: none;
    position: absolute;
    z-index: 1000;
    padding: 5px 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #101010;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 3px;
}


.otraslevye-yslygi__sticky{
    display: none;
}




@media screen and (max-width: 767px){
    .otraslevye-yslygi__sticky{
        z-index: 1000;
        text-align: center;
        display: none;
    }
    
    
    .otraslevye-yslygi__sticky.active{
        display: block;
        
    }
    
    
    .otraslevye-yslygi__block-wrapper{
        padding-bottom: 100px;
    }

    .otraslevye-yslygi__block-wrapper .sticky-spacer{
        display: none !important;
    }



    .otraslevye-yslygi__yslugi-list{
        grid-template-columns: 1fr;
    }

    .otraslevye-yslygi__yslugi-item-fill-row{
        grid-column: unset;
    }

    .otraslevye-yslygi__prioritet-list{
        grid-template-columns: 1fr;
    }

    .otraslevye-yslygi__show-more{
        grid-column: unset;
    }

    .otraslevye-yslygi__yslugi-item {
        gap:20px;
    }

    .otraslevye-yslygi__item-desc, .otraslevye-yslygi__yslugi-item-fill-row .otraslevye-yslygi__item-desc, .otraslevye-yslygi__prioritet-desc{
        max-width: 205px;
    }

    .otraslevye-yslygi__yslugi-item.active{
        background: linear-gradient(225deg, transparent 40px, #dbdbdb 0);
    }

    .otraslevye-yslygi__result{
        display: block !important;
    }

    .otraslevye-yslygi__result::before{
        display: none;
    }

    .otraslevye-yslygi__wrapper{
        padding-bottom: 30px;
        padding-right: 0;
    }

    .otraslevye-yslygi .stage-background{
        padding-bottom: 100px;
    }

    .otraslevye-yslygi__title{
        font-size: 24px;
        line-height: 1.2;
    }
}

/*Услуги конец*/


/*Что учитываем*/
.otraslevye-chto-yhitivaem{
    margin-bottom: var(--margin-blocks);
}


.carousel_chto-yhitivaem__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.carousel_chto-yhitivaem__title {
    font-weight: 600;
    font-size: 40px;
    line-height: 140%;
    color: #fff;
    flex: 0 1 740px;
}

.carousel-nav_chto-yhitivaem .carousel-nav__count2 {
    color: #FFF;
    margin: 0 37px;
}

.carousel-nav_chto-yhitivaem .nav-arrow:hover svg path {
    stroke: #DF2926;
}

.carousel_chto-yhitivaem .swiper-wrapper {
    align-items: stretch;
}

.slide-chto-yhitivaem {
    background: #FFF;
    /* width: 100%; */
    padding: 50px 36px 50px 50px;
}


.carousel_chto-yhitivaem .swiper-slide {
    width: 870px;
    height: auto;
    /* margin-right: 30px; */
    padding-right: 30px;
}

.carousel_chto-yhitivaem .swiper-slide:nth-last-child(1){
    width: calc(100% - 30px);
}


.slide-chto-yhitivaem {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.slide-chto-yhitivaem__title {
    font-weight: 600;
    font-size: 30px;
    line-height: 140%;
    color: #101010;
}

.slide-chto-yhitivaem__list{
    display: flex; 
    flex-direction: column;
    margin-top: 38px;
}

.slide-chto-yhitivaem__item{
    display: flex;
}

.slide-chto-yhitivaem__left{
    flex: 1;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #F9D4D4 ;
}

.slide-chto-yhitivaem__item-header{
    display: flex;
    margin-bottom: 18px;
    align-items: center;
}

.slide-chto-yhitivaem__prozent{
    font-weight: 600;
    font-size: 30px;
    line-height: 140%;
    color: #e13633;
    margin-right: 16px;
}

.slide-chto-yhitivaem__item-title{
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #101010;
    
}

.slide-chto-yhitivaem__text{
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: #707070;
    margin-bottom: 40px;
}

.slide-chto-yhitivaem__text b{
    color: #101010;
}


.slide-chto-yhitivaem__right{
    padding-left: 32px;
    flex:0 1 346px;
}

/* .carousel-nav_chto-yhitivaem .carousel-nav__count{
    display: block;

} */
@media screen and (max-width: 767px) {

    .carousel_chto-yhitivaem__header{
        flex-direction: column;
        gap: 20px;
    }

    .carousel-nav_chto-yhitivaem{
        align-self: flex-end;
    }

    .slide-chto-yhitivaem{
        padding: 20px;
    }

    .slide-chto-yhitivaem__item{
        flex-direction: column;
    }

    .carousel_chto-yhitivaem .swiper-slide{
        width: auto;
        flex: 0 0 100%;
    }

    .slide-chto-yhitivaem__left{
        border-right: unset;
        border-bottom: 1px solid #F9D4D4;
    }

    .slide-chto-yhitivaem__right{
        flex: 1;
        padding-left:0;
        padding-top: 30px;
    }    

    .slide-chto-yhitivaem__list{
        gap:30px;
    }

    .carousel_chto-yhitivaem__title{
        font-size: 24px;
        line-height: 1.2;
    }

    .slide-chto-yhitivaem__text img{
        width: 100%;
        height: auto;
    }
}


/*Что учитываем конец*/

/*FAQ*/
.otraslevye-faq{
    margin-bottom: var(--margin-blocks);
}


.accordion__item-content_grid{
    display: flex;
    gap: 20px;
    padding-right: 0 !important;
}

.accordion__item-left{
    flex: 1;
}

.accordion__item-right{
    flex:0 1 530px;
}

@media screen and (max-width: 767px) {
    .accordion__item-content_grid{
        flex-direction: column;
    }

    .accordion__item-right{
        flex: 1;
    }

    .otraslevye-faq .accordion__item-inner .grid-list{
        margin-left: 0;
        margin-right: 0;
    }
}

/*FAQ конец*/

/*Статьи*/
.otraslevye-articles{
    margin-bottom: var(--margin-blocks);
}


.carousel_articles{
    padding-top: 95px;
    padding-bottom: 126px;
}

.carousel_articles .swiper-wrapper {
    align-items: stretch;
}

.carousel_articles .swiper-slide {
    width: 869px;
    height: auto;
    padding-right: 30px;    
    /* margin-right: 30px; */
}

.carousel_articles__header{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.carousel_articles__title{
    font-weight: 600;
    font-size: 40px;
    line-height: 140%;
    color: #101010;
}

.carousel_articles .carousel-nav__count2{
   color: #101010;
   margin: 0 37px;
}

.slider-articles{
    padding-bottom: 126px;
}

.slide-articles{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.slide-articles__img{
    height: 300px;
    overflow: hidden;
    margin-bottom: 30px;
    
}

.slide-articles__img img{
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: center;
}

.slide-articles__title a{
    font-weight: 600;
    font-size: 25px;
    line-height: 140%;
    color: #101010;
    margin-bottom: 18px;
    padding-right: 20px;
    text-decoration:unset;
    transition: color .3s ease;
}

.slide-articles__title a:hover{
    color: #e13633;
}

.slide-articles__preview{
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #707070;
    padding-right: 20px;
}

.slide-articles__bottom{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.slide-articles__tags{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.slide-articles__tags span{
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #e13633;
}

.slide-articles__date{
    font-weight: 400;
font-size: 16px;
line-height: 140%;
text-align: right;
color: #9f9f9f;
padding-right: 20px;
}


@media screen and (max-width: 767px) {
   
    .carousel_articles__header{
        flex-direction: column;
        gap: 20px;
    }

    .carousel-nav_articles{
        align-self: flex-end;
    }

    .slide-articles__bottom{
        flex-direction: column;
        gap: 20px;
    }

    .slide-articles__date{
        text-align: left;
    }

    .carousel_articles__title{
        font-size: 24px;
        line-height: 1.2;
    }

    .carousel_chto-yhitivaem .swiper-slide{
        padding-right: unset;
    }

    .carousel_chto-yhitivaem .swiper-slide:nth-last-child(1){
        width: auto;
    }

    .slide-video_one{
        width: 100%;
    }

    .carousel_articles .swiper-slide{
        width: auto;
        padding-right: unset;
        flex: 0 0 100%;
    }
}

/*Статьи конец*/




.utp-graf{
    background-image: url("/local/templates/kokoc/images/graf_bg.png");
    background-repeat: no-repeat;
    width: 100%;
    padding: 20px 20px 20px 84px;
    height: 452px;
    margin-bottom: 100px;
    position: relative;
    box-sizing: border-box;
    display: flex;
    gap: 66px;
    justify-content: space-between;
}

.utp-graf.utp-graf--light{
    background-image: url("/local/templates/kokoc/images/graf_bg_light.png");
}

.utp-graf__left{
    display: flex;
    align-items: flex-end;
    margin: 37px 0;
    background-image: url("/local/templates/kokoc/images/graf_lines.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    flex: 0 0 705px;
    position: relative;
}

.utp-graf.utp-graf--light .utp-graf__left{
    background-image: url("/local/templates/kokoc/images/graf_lines_light.png");
}

.utp-graf__right{
    background-image: url("/local/templates/kokoc/images/graf_white.png");
    background-repeat: no-repeat;
    background-size: cover;
    flex: 0 1 428px;
    padding: 37px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
}

.utp-graf__right-item{
    border: 1px solid #f09291;
    border-radius: 79px;
    height: 159px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    
}


.utp-graf__right-item.active{
    animation: showPoint 1s forwards;
}



.utp-graf__right-item-title{
    font-weight: 700;
    font-size: 60px;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    color: #101010;
    max-width: 226px;
}

.utp-graf__right-item-subtitle{
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    color: #101010;
    max-width: 226px;
    padding: 0 10px;
}

@keyframes showPoint {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.utp-graf__point-first{
    position: absolute;
    left: -27px;
    bottom: 6px;
    z-index: 100;
    opacity: 0;
    
}

.utp-graf__point-first.active{
    animation: showPoint 2.5s forwards;
}


.utp-graf__text-point-first, .utp-graf__text-point-last{
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    color: #fff;
    position: absolute;
    z-index: 100;
    opacity: 0;
}


.utp-graf--light .utp-graf__text-point-first, .utp-graf--light .utp-graf__text-point-last{
    color: #101010;
}

.utp-graf__text-point-first{
    left: -8px;
    bottom: 78px;
}

.utp-graf__text-point-first.active{
    animation: showPoint 2.5s forwards;
}

.utp-graf__text-point-last.active{
    animation: showPoint 2.5s forwards;
}

.utp-graf__text-point-last{
    right: -15px;
    top: 16px;
}

.utp-graf__point-last{
    position: absolute;
    right: -27px;
    top: 40px;
    z-index: 100;
    opacity: 0;
    
}

.utp-graf__point-last.active{
    animation: showPoint 2.5s forwards;
}

.elem-graf img{
  display: block;
  width: 100%;
  height: 100%;
    object-fit: cover
}

.elem-graf{
  overflow: hidden;
  width: 0px;
  height: 270px;  
  background-image: url("/local/templates/kokoc/images/graf.png");
  background-repeat: no-repeat;
  background-position-x: -4px;
}

.elem-graf.active{
    animation: myAnim2 2.5s ease 0s 1 normal forwards;
}

@keyframes myAnim2 {
	0% {
		width:0px
	}

	100% {
        width: 705px;
	}
}


.utp-graf__tooltip{
    border-radius: 79px;
    max-width: 355px;             
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 18px 45px;
    position: absolute;
    top:40px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
}

.utp-graf__tooltip.active{
    animation: showPoint 2.5s forwards;
}

.utp-graf__tooltip:before{
    content: "";
    width: 30px;
    height: 30px;
    background: #FFF;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    z-index: -1;
}

.utp-graf__tooltip-title{
    font-weight: 700;
        font-size: 40px;
        line-height: 1;
        text-transform: uppercase;
        text-align: center;
        color: #e13633;
}

.utp-graf--light .utp-graf__tooltip-title{
    color: #101010;
}


.utp-graf__tooltip-subtitle{
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    color: #101010;
    max-width: 265px;
}


@media (max-width: 1250px){

    .utp-graf__right-item-title{
        font-size: 40px;

    }

    .utp-graf__right-item-subtitle{
        font-size: 15px;
    }
}


@media (max-width: 480px){
    .utp-graf{
        padding: 20px 30px;
        flex-direction: column;
        height: auto;
        background-size: cover;
        gap: 30px;
    }

    .utp-graf__left{
        flex: 0 0 203px;
        margin: 0;
    }

    .elem-graf{
        height: 119px;
        background-size: calc(100vw - 50px) 119px;
    }

    .utp-graf__tooltip{
        width: 100%;
        top: 0;
        padding: 12px 31px;
        box-sizing: border-box;
    }

    .utp-graf__tooltip-title{
        font-size: 25px;
    }

    .utp-graf__tooltip-subtitle{
        font-size: 11px;
    }

    .utp-graf__point-first{
        left: -14px;
        bottom: -4px;
    }

    .utp-graf__point-first img{
        width: 30px;
    }

    .utp-graf__text-point-first{
        bottom: 40px;
        font-size: 14px;
    }

    .utp-graf__point-last{
        right: -15px;
        top: 107px;
    }

    .utp-graf__point-last img{
        width: 30px;
    }

    .utp-graf__text-point-last{
        top: 82px;
        font-size: 14px;
    }

    .utp-graf__right{
        gap:20px;
        padding: 20px;
        background: #FFF;
    }

    .utp-graf__right-item{
        height: auto;
        padding: 12px;
    }

    .utp-graf__right-item-title{
        font-size: 24px;
    }

    .utp-graf__right-item-subtitle{
        font-size: 14px;
    }

    @keyframes myAnim2 {
        0% {
            width:0px
        }
    
        100% {
            width: 100%;
     }
    }
}




.gd__section {
    position: relative;
    padding-bottom: 50px;
}

.gd__title {
    font-style: normal;
    font-weight: 600;
    font-size: 56px;
    line-height: 67px;
    margin-bottom: 60px;
}

.gd__title.--simple {
    margin-bottom: 10px;
}

.gd__title span {
    display: block;
    color: #E13633;
}

.gd__title.--simple span {
    display: initial;
}

.gd__statistics-title {
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;
    color: #707070;
    margin-bottom: 60px;
}

.gd__statistics-inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 90px 515px;
    grid-template-columns: 1fr 515px;
    grid-gap: 90px;
    margin-bottom: 70px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}


.gd__text {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 30px;
}


.gd__statistics-report {
    position: relative;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.gd__statistics-report__ico {
    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;
    width: 155px;
    height: 155px;
    background: #E13633;
}

.gd__statistics-report__text {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 50px;
    background: #FFF9F8;
}

.gd__statistics-report__text:before {
    position: absolute;
    content: '';
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 10px solid transparent;
    border-left: 10px solid #E13633;
}

.gd__statistics-report__text a {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #E13633;
}


.gd__statistics-footer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 70px 150px 70px 70px;
    background: #E13633;
}

.gd__statistics-footer:before {
    display: block;
    content: '';
    position: absolute;
    z-index: 1;
    top: -71px;
    right: -71px;
    width: 140px;
    height: 140px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #fff;
    border-left: 1px solid #f9d2d0;
}


.gd__statistics-footer__info {
    position: relative;
    width: 100%;
    max-width: 450px;
}

.gd__statistics-footer__title {
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    color: #FFF;
    margin-bottom: 12px;
}

.gd__statistics-footer__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #FFF;
}

.gd__statistics-footer__info:after {
    display: block;
    content: '';
    position: absolute;
    z-index: 1;
    bottom: -72px;
    right: -224px;
    width: 290px;
    height: 265px;
    /* background: url(/local/templates/kokoc/components/kokoc/news/otraslevye_resheniya_new/bitrix/news.detail/.default/./images/casino2.png) no-repeat center center / contain; */
    background: var(--bg-after);
}

.gd__statistics .button {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 410px;
}



@media screen and (max-width: 1279px) {
    .gd__statistics-footer {
        padding: 70px;
    }

    .gd__statistics .button {
        max-width: 330px;
    }
}



@media screen and (max-width: 1023px) {
    .gd__title {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 50px;
    }

    .gd__statistics-inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 30px;
        margin-bottom: 60px;
    }

    .gd__statistics-footer {
        padding-left: 30px;
    }

    .gd__statistics-footer__info {
        padding-right: 20px;
    }
}


@media screen and (max-width: 767px) {
    .gd__statistics-report__ico {
        width: 80px;
        height: 80px;
    }

    .gd__statistics-report__ico img {
        width: 20px;
    }

    .gd__statistics-report__text {
        padding: 0 40px 0 20px;
    }

    .gd__statistics-report__text a {
        font-size: 14px;
        line-height: 24px;
    }

    .gd__statistics-footer {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 40px 30px;
        overflow: hidden;
    }

    .gd__statistics-footer__info {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }

    .gd__statistics .button {
        background: #fff6f6 !important;
        color: #df2926 !important;
    }

    .gd__statistics-footer__info:after{
        display:none;
            }
}


.gd__banner{
margin-bottom:100px;
}

.reviews-section{
margin-top:50px;
}
/* End */


/* Start:/local/templates/kokoc/components/bitrix/news.list/mesta_raiting/style.css?17666537943063*/
.mestoBlInd{
	padding-top:10px;
	    padding-bottom: 13rem;
}


.mestoBl{
	 padding-bottom: 13rem;
padding-left: 0px !important;
    padding-right: 0px !important;
}

.mesta_slider .owl-dots .owl-dot{
		background: #CECECE;
	    color: #CECECE;
	    width: 10px;
	    height: 10px;
	    border-radius: 50px;
	        margin-right: 10px;
	}

	.mesta_slider .owl-dots .owl-dot.active{
		background: #464646;
	    color: #464646;
	}

.mesta_slider .owl-dots {
    margin-top: 100px;
text-align: center;
}
.mesta_slider_item {
    /*min-width: 245px;*/
        margin-left: auto;
    margin-right: auto;
}

	.mesto_img_cont {
	    font-size: 200px;
	    text-align: center;
	    color: #F5EEEE;
	    position: relative;
	    font-weight: 900;
	    line-height: 200px;
	}

	.mesto_img {
    position: absolute;
    top: 0;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}


.mesto_desc{
    font-size: 14px;
    line-height: 24px;
text-align: center;
min-height: 50px;
color:#9F9F9F;
}


.mesto_rait{
	position: relative;
    text-align: center;
        min-height: 35px;
}

.mesto_rait_zifr {
    display: inline-block;
    position: relative;
    font-size: 14px;
	line-height: 17px;
	color: #DF2926;
	font-weight: 400;
}

.mesto_rait_zifr:before{
	content: " ";
	background-image: url('/local/templates/kokoc/components/bitrix/news.list/mesta_raiting/img/laurel_l.png');
	width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    left: -25px;
}

.mesto_rait_zifr:after{
	content: " ";
	background-image: url('/local/templates/kokoc/components/bitrix/news.list/mesta_raiting/img/laurel_r.png');
	width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    right: -20px;
    top: 0;
}

.mesta_head{
	    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 100px;
}

.mesta_title{
	font-weight: 600;
	font-size: 60px;
	line-height: 82px;
	color: #101010;
	width: 540px;
}
.mesta_title_kokoc {
	font-size: 50px;
}

.mesta_title_red{
	color:#df2926;
}


.mesta_head_desc{
	font-weight: 250;
font-size: 15px;
line-height: 25px;
width: 640px;
color: #101010;
}



@media (max-width: 1000px){
	.mesta_head{
		flex-wrap: wrap;
		margin-bottom: 20px;
	}

	.mesta_title{
		font-weight: 600;
    font-size: 3.2rem;
    line-height: 1.3125;
margin-bottom: 20px;
	}
	.mesta_title_kokoc {
		font-size: 3.2rem;
	}
	.mesta_head_desc{
		font-weight: 250;
	font-size: 100%;
		line-height: 20px;
	}

	.mesta_slider_item{
		min-width: unset;
		    margin-left: auto;
    margin-right: auto;
	}


	.mesto_img_cont{
		font-size: 96px;
		line-height: 130px;
	}

	.mesto_desc{
		font-weight: 400;
		font-size: 12px;
		line-height: 16px;
	}

	.mesto_rait_zifr{
		font-weight: 400;
font-size: 100%;
line-height: 12px;
	}

	.mesta_slider .owl-dots{
		display: none;
	}

	.mesto_rait_zifr:before {
    width: 18px;
    height: 18px;
    left: -18px;
    background-size: contain;
}


.mesto_rait_zifr:after {   
    width: 18px;
    height: 18px;
    position: absolute;
	right: -17px;
    background-size: contain;
}

	.mestoBl{
		margin-bottom: 10rem;
		padding-bottom: 0;
	}

}
/* End */
/* /local/templates/kokoc/web/css/marketing.css?176665379431325 */
/* /local/templates/kokoc/components/kokoc/news/otraslevye_resheniya_new/bitrix/news.detail/.default/style.css?176665379441440 */
/* /local/templates/kokoc/components/bitrix/news.list/mesta_raiting/style.css?17666537943063 */