/* Start:/promotion/seo/seo.css?173011554084167*/
*,
::after,
::before {
    box-sizing: border-box;
}

.dark {
    /* background-color: #8b8b8b00;
    border-bottom: 12px solid rgb(255 255 255 / 10%);
    border-top: 12px solid rgba(255, 255, 255, 10%);
    border-radius: 0px 150px 0px 150px; */
}

.seo__head {
    color: #FFFFFF;
    position: relative;
}

.seo__head-front {
    position: relative;
    z-index: 2;
    font-size: 44px;
    font-weight: 800;
    line-height: 1.2;
}

.seo__head-behind {
    font-size: 100px;
    position: absolute;
    top: 0;
    left: -6px;
    transform: translateY(-52%);
    white-space: nowrap;
    color: #ffffff10;
    font-weight: 900;
}

@media (max-width:600px) {
    .seo__head-behind {
        display: none !important;
    }
}

.seo-promo {
    display: flex;
    color: #FFFFFF;

    /* display: flex;
    justify-content: center;
    align-items: center; */
}


.seo-promo__steps {
    /* flex-shrink: 0; */
    /* min-width: 540px;
    margin-right: 25px; */
    /* height: 70vh; */

}

.seo-promo__steps__item {
    position: relative;
    display: flex;
    align-items: center;
    color: #bebebe;
    padding: 13px 30px;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    outline: none;
    /* transition: outline .15s; */
    /* backdrop-filter: blur(3px); */
    transition: background .15s linear, outline .15s linear;
}






.seo-promo__steps__item:hover {
    /* color: #4895ba; */
    /* border: 1px solid #4895ba; */

    /* outline: 4px #4895ba solid; */
    color: #FFFFFF;
    outline: 3px #77a331 solid;
    outline-offset: 0px;
    background: rgb(2 255 26 / 4%);
}

.seo-promo__steps__item.active {
    color: #fff !important;
    font-weight: 800;
    pointer-events: none;
}

.seo-promo__steps__item.active:hover {
    /* color: #fff !important;
    font-weight: 800;
    pointer-events: none; */
    outline: none !important;
    outline-offset: 0px;
}

.seo-promo__steps__item.active::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: linear-gradient(63.43deg, #2380AB 38.28%, #4895ba 101.59%);
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.seo-promo__steps__item__circle {
    flex-shrink: 0;
    position: relative;
    width: 16px;
    height: 16px;
    background: linear-gradient(0, #4895ba, #4895ba);
    border-radius: 50%;
    margin-right: 20px;
}

.seo-promo__steps__item__circle::before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
}

.seo-promo__steps__item.active .seo-promo__steps__item__circle {
    transform: scale(1.5);
    background: #fff;
}

.seo-promo__steps__item.active .seo-promo__steps__item__circle::before {
    background: #3e90b5;
}

.seo-promo__steps__item__text {
    position: relative;
    z-index: 10;
}

.seo-promo__steps__item__line {
    opacity: 0;
    position: relative;
    z-index: 1;
    font-size: 20px;
    font-weight: 500;
    margin-left: 15px;
    pointer-events: none;
}

.seo-promo__steps__item.active .seo-promo__steps__item__line {
    opacity: 1;
}

.seo-promo__tabs {
    position: relative;
}

.seo-promo__tabs__content {
    position: absolute;
    /* background: #3d3d3d; */
    background: #3d3d3dc5;
    box-shadow: 0 6px 14px rgba(95, 95, 95, 0.5);
    border-radius: 10px;
    /* width: 100%; */
    padding: 50px;
    /* height: 100%; */
    opacity: 0;
    overflow: hidden;
    /* transition: opacity 0.25s ease; */


    background: rgb(0, 0, 0, 0.16);
    /* height: 100%; */
    padding: 15px;
    border-radius: 10px;
    font-size: 14px;
    border: 3px solid #4f6578;
    backdrop-filter: blur(3px);
    transition: background .15s linear, border .15s linear;
    top: -30%;
}

.seo-promo__tabs__content:hover {
    border: 3px solid #77a331;
    background: rgb(2 255 26 / 4%);
}

.seo-promo__tabs__content.active {
    overflow: visible;
    /* display: fl; */
    opacity: 1;

}

.seo-promo__tabs__content__head {
    display: flex;
    align-items: center;
}

.seo-promo__tabs__content__head__count {
    margin-right: 30px;
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    color: #96c7dc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 60px;
    font-weight: 800;
}

.seo-promo__tabs__content__head__text {
    font-size: 27px;
    font-weight: 800;
}

@media (max-width: 768px) {
    .seo-promo__tabs__content__head__text {
        font-size: 20px !important;
    }

    .seo-promo__tabs__content__body__desc {
        padding: 0 0 1px !important;
        margin: 0 0 5px !important;
    }

    .seo-promo__tabs__content__body__stack__list {
        gap: 5px !important;
    }

    .seo-promo__tabs__content__body__stack {
        gap: 5px !important;
    }
    
}

.seo-promo__tabs__content__body {
    display: flex;
    flex-direction: column;
}

.seo-promo__tabs__content__body__desc {
    /* color: #656565; */
    color: #FFFFFF;
    border-right: 2px solid #e6f0f6;
    margin-right: 45px;
    padding-right: 45px;
}

.seo-promo__tabs__content__body__stack {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.seo-promo__tabs__content__body__stack_bold {
    font-weight: 700;
}

.seo-promo__tabs__content__body__stack__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.seo-promo__tabs__content__body__stack__list__item {
    display: flex;
    align-items: center;
}

/* .seo-promo__tabs__content__body__stack__list li {
    width: 10px;
    height: 10px;
    background: linear-gradient(0, #0968f0, #3abee5);
} */

.seo-promo__tabs__content__body__stack__list__circle {
    flex-shrink: 0;
    position: relative;
    width: 16px;
    height: 16px;
    background: linear-gradient(0, #0968f0, #4895ba);
    border-radius: 50%;
    margin-right: 20px;
}

.seo-promo__tabs__content__body__stack__list__circle::before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
}


.seo-promo__tabs__content__body__desc {
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-right: 0;
    border-bottom: 2px solid #e6f0f6;
}


.form-label {
    font-size: 12px;
    color: #888;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
}

.form-title {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

/* .step__radio-group {
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
}

.step__radio {
    font-size: 16px;
    margin-bottom: 10px;
} */

.seo-promo__steps__item_radio input[type="radio"] {
    display: none;
}

/* .step__radio {

} */

.seo-promo__steps__item_radio .seo-promo__steps__item__text {
    font-size: 20px;
    margin-bottom: 0 !important;
    color: #FFFFFF;
    text-align: center;
}

.seo-promo__steps__item_radio {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    color: #e7e7e7;
    padding: 33px 30px;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    text-align: center !important;
    border: 1px dashed #4895ba;
    border-radius: 15px;
    margin-right: 20px;
    margin-bottom: 20px;
}


/* OLD ANSWER */
/* 
*/
/* .seo-promo__quiz__answer {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    color: #e7e7e7;
    padding: 33px 30px;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    text-align: center !important;
    border: 1px dashed #4895ba;
    border-radius: 15px;
    margin-right: 20px;
    margin-bottom: 20px;
} */

.seo-promo__quiz__answer {
    padding: 40px 0px;
    min-height: 140px;
    margin: 15px 0px;
    -webkit-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.4);
    /*background-color:rgba(0, 0, 0, 0.5);*/
    /*background: #fff;*/
    border: 3px solid rgb(255 255 255 / 28%);
    /* box-shadow: 9px 8px 20px 0px #000000, -13px -13px 22px #192c35de; */
    transition: 0.25s;
    border-radius: 20px 0px;
    backdrop-filter: blur(5px);
    color: #e7e7e7;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 10px;
}


.seo-promo__quiz__answer:hover {
    /*background-color: #314859;*/
    border: 2px solid #84bc29;
    cursor: pointer;
    /*transform: translateY(-7px);*/
    transform: scale(1.0);
}

.seo-promo__steps__item_radio:hover {
    color: #4895ba;
}

.seo-promo__quiz__answer.active {
    color: #fff !important;
    font-weight: 800;
    pointer-events: none;
    background: linear-gradient(63.43deg, #2380AB 38.28%, #4895ba 101.59%);
    /* width: 100%;
    height: 100%; */
    border-radius: 10px;
}

/* .seo-promo__steps__item_radio-input.active::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: linear-gradient(63.43deg, #2380AB 38.28%, #4895ba 101.59%);
    width: 100%;
    height: 100%;
    border-radius: 10px;
} */

.seo-promo__steps__item_radio-input.active .seo-promo__steps__item__circle {
    transform: scale(1.5);
    background: #fff;
}

.seo-promo__steps__item_radio-input.active .seo-promo__steps__item__circle::before {
    background: #3e90b5;
}

.seo-promo__steps__item__text input {
    outline: none !important;
    border: none !important;
    /* background: #969696; */
    border-radius: 5px;
    padding: 5px;
}

.seo-promo__steps__item__text_bold {
    font-weight: 700;
    font-size: 18px;
    color: #FFFFFF;
}

.step-5 .step-form .step__radio {
    /* display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; */

    /* padding: 20px; */
}

.step__radio input[type="date"] {
    padding: 10px;
    width: 30%;
    margin: 10px 0px;
}

.kviz-step-table tr td {
    /* width: 10% !important; */
    /* padding: 3px; */
}

.kviz-line {
    border-right: none !important;
}

@media (min-width:992px) {
    .form-group {
        border-right: 2px dashed #4895ba !important;
    }
}

@media (max-width: 992px) {
    .step_submit {
        width: 40% !important;
    }
}

.calculator-item {
    display: flex;
    align-items: center;
}

/*   здесь начинается безумие */

@media (max-width: 1400px) {

    .services,
    .services--dark {
        padding-bottom: 48px;
        padding-top: 48px
    }

    .services__item {
        height: 377px
    }

    .services__item-top {
        margin-bottom: 0;
        padding: 24px 24px 0
    }

    .services__item-icon {
        height: 64px;
        width: 64px
    }

    .services__item-icon svg {
        height: 32px;
        width: 32px
    }

    .services__item-middle {
        margin-bottom: 24px;
        margin-top: 24px;
        padding: 0 24px
    }

    .services__item-title {
        font-size: 20px;
        line-height: 1.2
    }

    .services__item-price,
    .services__item-price span {
        font-size: 18px;
        line-height: 20px
    }

    .services__item-bottom {
        margin-top: auto;
        padding: 16px 24px
    }

    .services__item-bottom .btn span {
        display: none
    }

    .services__item .btn {
        font-weight: 600;
        padding: 13px 20px
    }

    .services__item-desc+.services__item-chars {
        margin-bottom: 0
    }

    .services__form {
        height: auto;
        padding: 24px
    }

    .services__form-left p {
        font-size: 16px;
        line-height: 21px
    }

    .services__form-call {
        padding: 16px
    }

    .services__form-title {
        font-size: 24px;
        line-height: 31px
    }

    .services__form p {
        margin-bottom: 16px
    }

    .services__form-left {
        margin-bottom: 24px
    }
}

@media (max-width: 1023px) {
    .services {
        padding-bottom: 48px;
        padding-top: 48px
    }

    .services--dark .services__item {
        min-height: auto
    }

    .services--dark .services__item--tariff {
        min-height: 491px
    }

    .services--dark .services__item--tariff .services__item {
        justify-content: flex-start
    }

    .services--dark .services__item--tariff .services__item-top {
        margin-bottom: 0;
        padding: 32px 24px 0
    }

    .services--dark .services__item--tariff .services__item-bottom,
    .services--dark .services__item--tariff .services__item-middle {
        padding: 24px
    }

    .services--dark .services__item--tariff .services__item-bottom {
        margin-top: 0
    }

    .services--dark .services__item--tariff .services__item-chars {
        margin-bottom: 48px
    }

    .services--dark .services__item--tariff .btn {
        padding: 20.5px
    }

    .services--dark .services__item-icon {
        justify-content: flex-start
    }

    .services--dark .services__item svg {
        height: 48px;
        width: 48px
    }

    .services--dark .tariff__slider-mobile .services__item {
        margin-left: 8px;
        margin-right: 8px;
        max-width: 324px
    }

    .services--dark .slider-progress-container.flex {
        flex-wrap: nowrap
    }

    .services--dark .slider-progress__bar {
        min-width: auto
    }

    .services--dark .slider-progress-btn {
        display: flex;
        margin-left: 32px
    }

    .services--dark .slider-progress-btn .slick-next,
    .services--dark .slider-progress-btn .slick-prev {
        border-color: #fff
    }

    .services--dark .slider-progress-btn .slick-next svg,
    .services--dark .slider-progress-btn .slick-prev svg {
        fill: #fff
    }

    .services--dark .btn {
        max-width: 166px
    }
}

@media (max-width: 767px) {
    .services--dark .tariff__slider-mobile .services__item {
        max-width: 100%
    }

    .services__item {
        height: auto;
        min-height: 320px
    }

    .services__item-top {
        margin-bottom: 0
    }

    .services__item-desc+.services__item-chars {
        margin-top: 16px
    }

    .services__item-chars {
        margin-bottom: 0;
        margin-top: 16px
    }

    .services__item-price {
        font-size: 20px;
        line-height: 26px
    }

    .services__item-price span {
        font-size: 22px;
        line-height: 29px
    }

    .services__form {
        flex-wrap: wrap;
        height: 100%
    }

    .services__form-call {
        margin-bottom: 24px;
        margin-top: 32px
    }

    .services__form .form__caption {
        margin-bottom: 49px
    }

    .services__form-inner {
        flex-wrap: wrap
    }

    .services__form-left,
    .services__form-right {
        margin-right: 0;
        max-width: 100%;
        width: 100%
    }
}

@media (max-width: 413px) {

    .services__item-price,
    .services__item-price span {
        font-size: 16px;
        line-height: 21px
    }

    .services__form-call-text a {
        font-size: 18px;
        line-height: 23px
    }
}


/* ////////////////////////////////////////////////////// */


.seo-services {
    /* padding-bottom: 168px;
    padding-top: 200px */
}

.seo-services>.container>.row>div[class*=col] {
    margin-bottom: 32px
}

.seo-services>.container>.row>div[class*=col] .seo-services__item {
    height: 100%;
    margin-bottom: 0
}

.seo-services .title {
    margin-bottom: 60px
}

.seo-services .title__text {
    max-width: 800px
}

.seo-services--front .title__text {
    max-width: 643px
}

.seo-services--dark {
    /* background-color: #1d1d1d; */
    /* padding-bottom: 168px;
    padding-top: 200px */
}

.seo-services--dark>.container>.row>div[class*=col] {
    margin-bottom: 32px
}

.seo-services--dark .title {
    color: #fff;
    margin-bottom: 48px
}

.seo-services--dark .title__inner {
    max-width: 1110px
}

.seo-services--dark .seo-services__item {
    /* background-color: hsla(0,0%,100%,.03); */
    /* background-color: hsla(0, 0%, 0%, 0.514); */
    background-color: #1d1d1d96;
    color: #fff;
    height: 100%;
    margin-bottom: 0;
    min-height: 510px;

    background: rgb(0, 0, 0, 0.16);
    height: 100%;
    padding: 15px;
    border-radius: 10px;
    font-size: 14px;
    border: 3px solid #4f6578;
    backdrop-filter: blur(3px);
    transition: background .15s linear, border .15s linear;
}

/* .seo-promo__tabs__content {
    position: absolute;
    background: #3d3d3dc5;
    box-shadow: 0 6px 14px rgba(95, 95, 95, 0.5);
    border-radius: 10px;
    width: 100%;
    padding: 50px;
    opacity: 0;
    overflow: hidden;

    background: rgb(0, 0, 0, 0.16);
    height: 100%;
    padding: 15px;
    border-radius: 10px;
    font-size: 14px;
    border: 3px solid #4f6578;
    backdrop-filter: blur(3px);
    transition: background .15s linear, border .15s linear;
} */

/* .seo-promo__tabs__content:hover {
    border: 3px solid #77a331;
    background: rgb(2 255 26 / 4%);
} */

.seo-services--dark .seo-services__item:hover {
    /* background-color: hsla(0,0%,100%,.06) */
    /* background-color: #1d1d1d; */
    /* background-color: #1d1d1d96; */
    /* background-color: #4896bac5; */
    border: 3px solid #77a331;
    background: rgb(2 255 26 / 4%);
}

.seo-services__item-bottom {
    border-top-color: #ffffff !important;
}

.btn {
    color: #FFFFFF !important;
}

.seo-services--dark .seo-services__item:hover .seo-services__item-bottom {
    border-top-color: #ffffff
}

.seo-services--dark .seo-services__item:hover .seo-services__item-num {
    opacity: .3
}

.seo-services--dark .seo-services__item .btn {
    background-color: #4896ba;
}

.seo-services--dark .seo-services__item .btn:hover {
    background-color: #77a33148 !important;
}

.seo-services--dark .seo-services__item:hover .btn {
    /* background-color: #fb8227; */
    /* background-color: #1d1d1d; */
    /* border-color: #fb8227; */
    /* border-color: #4896ba; */
    border: 1px solid #77a331;
    outline: 2px solid #77a331;
    background: rgb(2 255 26 / 4%);
    color: #fff
}

.seo-services--dark .seo-services__item-icon {
    background-color: transparent;
    height: 64px;
    width: 64px
}

.seo-services--dark .seo-services__item-desc {
    -webkit-box-orient: initial;
    -webkit-line-clamp: none;
    display: block;
    margin-bottom: 24px;
    /* max-height: 190px; */
    opacity: 1;
    overflow-y: auto;
    text-overflow: clip
}

.seo-services--dark .seo-services__item-desc::-webkit-scrollbar-track {
    background: #1d1d1d
}

.seo-services--dark .seo-services__item-desc::-webkit-scrollbar-thumb {
    background: #fff
}

.seo-services--dark .seo-services__item-desc p:last-child,
.seo-services--dark .seo-services__item-middle {
    margin-bottom: 0
}

.seo-services--dark .seo-services__item-bottom {
    border-top-color: #1d1d1d;
    margin-top: auto
}

.seo-services--dark .seo-services__item-top {
    margin-bottom: 32px;
    padding: 32px 30px 0
}

.seo-services--dark .seo-services__item-icon svg {
    height: 64px;
    width: 64px
}

.seo-services--dark .seo-services__item-middle {
    padding: 0 30px
}

.seo-services--dark .seo-services__item-title {
    font-size: 30px;
    line-height: 36px
}

.seo-services--dark .seo-services__item-desc {
    font-size: 18px;
    line-height: 23px
}

.seo-services--dark .seo-services__item-desc p {
    margin-bottom: 32px
}

.seo-services--dark .seo-services__item-bottom {
    /* padding: 32px; */

    padding: 32px 2px;
    margin-left: 30px;
    margin-right: 30px;
}

.seo-services--dark .seo-services__item-bottom .btn {
    max-width: 370px
}

.seo-services__item {
    background-color: #f5f6f8;
    border-radius: 24px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 527px;
    justify-content: center;
    margin-bottom: 32px;
    overflow: hidden;
    position: relative;
    transition: background-color .3s;
    z-index: 1
}

.seo-services__item:hover {
    color: #fff
}

.seo-services__item:hover .seo-services__item-num {
    color: #fff;
    opacity: 1
}

.seo-services__item:hover .seo-services__item-title a,
.seo-services__item:hover .seo-services__item-title a:focus,
.seo-services__item:hover .seo-services__item-title a:hover,
.seo-services__item:hover .seo-services__item-title a:visited {
    color: #fff
}

.seo-services__item:hover .seo-services__item-icon:not(.disable-hover) {
    background: linear-gradient(212.83deg, hsla(0, 0%, 100%, .3) 23.23%, hsla(0, 0%, 100%, .05) 92.73%)
}

.seo-services__item:hover .seo-services__item-icon:not(.disable-hover) svg path {
    stroke: #fff !important
}

.seo-services__item:hover .btn {
    background-color: #fff;
    border-color: #fff;
    color: #fb8227
}

.seo-services__item:hover .btn svg {
    fill: #4896ba;
}

.seo-services__item:hover .seo-services__item-price {
    color: hsla(0, 0%, 100%, .5)
}

.seo-services__item:hover .seo-services__item-price span {
    color: #fff
}

.seo-services__item:hover .seo-services__item-desc {
    color: #fff;
    opacity: 1
}

.seo-services__item:hover .seo-services__item-bottom {
    border-color: hsla(0, 0%, 100%, .3)
}

.seo-services__item:hover .seo-services__item-hover {
    left: 0;
    opacity: 1
}

.seo-services__item:hover .seo-services__item-chars-item ul li span {
    color: #fff
}

.seo-services__item--tariff .seo-services__item-chars {
    flex-wrap: wrap;
    margin-top: 0
}

.seo-services__item-top {
    display: flex;
    margin-bottom: 48px;
    padding: 48px 48px 0
}

.seo-services__item-middle {
    margin-bottom: auto;
    padding: 0 48px
}

.seo-services__item-bottom {
    align-items: center;
    border-top: 1px solid rgba(29, 29, 29, .1);
    display: flex;
    padding: 32px 48px
}

.seo-services__item-bottom .btn {
    border-radius: 16px
}

.seo-services__item-bottom .btn:hover span:not(.strokefill) svg {
    fill: #fb8227
}

.seo-services__item-hover {
    background: linear-gradient(94.81deg, #fa8026 -1.43%, #f7b432 126.29%);
    height: 100%;
    left: 99999px;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s;
    width: 100%;
    z-index: -1
}

.seo-services__item-hover img,
.seo-services__item-hover svg {
    border-radius: 24px;
    height: auto;
    object-fit: contain;
    object-position: right;
    width: 100%
}

.seo-services__item-icon {
    align-items: center;
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    height: 96px;
    justify-content: center;
    margin-right: auto;
    width: 96px
}

.seo-services__item-icon>svg {
    height: 48px;
    width: 48px
}

.seo-services__item-icon:not(.disable-hover) svg path:not([stroke*=url]):not([fill*=url]) {
    stroke: #1d1d1d
}

.seo-services__item-num {
    opacity: .3
}

.seo-services__item-title {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 40px;
    margin-bottom: 16px
}

.seo-services__item-title a,
.seo-services__item-title a:focus,
.seo-services__item-title a:hover,
.seo-services__item-title a:visited {
    color: #1d1d1d
}

.seo-services__item-desc {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    line-height: 21px;
    opacity: .6;
    overflow: hidden;
    text-overflow: ellipsis
}

.seo-services__item-desc+.seo-services__item-chars {
    margin-top: 32px
}

.seo-services__item-chars {
    display: flex;
    margin-bottom: 48px
}

.seo-services__item-chars-item {
    width: 50%
}

.seo-services__item-chars-item.single {
    width: 100%
}

.seo-services__item-chars-item+.seo-services__item-chars-item {
    padding-left: 12px
}

.seo-services__item-chars-item ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px
}

.seo-services__item-chars-item ul li {
    align-items: center;
    display: flex;
    font-size: 14px;
    letter-spacing: .01em;
    line-height: 140%;
    margin-right: 8px
}

.seo-services__item-chars-item ul li svg {
    margin-right: 8px
}

.seo-services__item-chars-item ul li span {
    color: #1d1d1d;
    opacity: .6
}

.seo-services__item-chars-item ul li .theme svg {
    margin-right: 4px
}

.seo-services__item-chars-item ul li:last-child {
    margin-bottom: 0
}

.seo-services__item-price {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 140%;
    margin-top: 8px;
    text-transform: uppercase
}

.seo-services__item-price span {
    font-size: 18px;
    margin-left: 4px
}

.seo-services__form {
    background: #fb8227;
    border-radius: 16px;
    /* margin-bottom: 150px; */
    padding: 80px 64px
}

.seo-services__form .title {
    margin-bottom: 24px
}

.seo-services__form .title__text {
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 48px
}

.seo-services__form-desc {
    font-size: 18px;
    letter-spacing: .01em;
    line-height: 140%;
    margin-bottom: 48px
}

.seo-services__form .form-group {
    margin-bottom: 24px
}

.seo-services__form .form-group+.form-group {
    margin-bottom: 0
}

.seo-services__form .form-group .form-label {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 32px;
    margin-bottom: 16px
}

.seo-services__form .form-group .form-control {
    background: rgba(255, 255, 255, .1);
    border-color: transparent;
    border-radius: 16px;
    color: #fff;
    height: 72px;
    padding: 24px 32px;
    width: 100%
}

.seo-services__form .form-group .form-control:focus {
    background: rgba(255, 255, 255, .2)
}

.seo-services__form .form-group .form-control::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.seo-services__form .form-group .form-control::-moz-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.seo-services__form .form-group .form-control:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.seo-services__form .form-group .form-control::-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.seo-services__form .form-group .form-control::placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.seo-services__form .form-group+.form-group {
    margin-bottom: 48px
}

.seo-services__form .form-submit {
    text-align: center
}

.seo-services__form .form-submit .btn {
    border-radius: 16px;
    padding: 0 64px
}

.seo-services__form .form-footer {
    display: flex;
    flex-direction: column;
    margin-top: 48px
}

.seo-services__form .form-footer label {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 14px;
    line-height: 24px
}

.seo-services__form .form-footer .form-check-input {
    border-radius: 4px;
    height: 20px;
    margin-right: 10px;
    width: 20px
}

@media (max-width:1600px) {
    .seo-services {
        padding-bottom: 160px;
        padding-top: 180px
    }

    .seo-services__item {
        height: 510px
    }
}

@media (max-width:1400px) {
    .seo-services {
        padding-bottom: 150px;
        padding-top: 160px
    }

    .seo-services__item {
        height: 490px
    }

    .seo-services--dark .seo-services__item {
        min-height: 490px
    }

    .seo-services__form {
        margin-bottom: 130px;
        padding: 72px 56px
    }

    .seo-services__form .title__text {
        font-size: 40px
    }

    .seo-services__form .form-group .form-control {
        height: 64px;
        padding: 20px 28px
    }

    .seo-services__form .form-submit .btn {
        padding: 0 56px
    }
}

@media (max-width:1200px) {
    .seo-services {
        padding-bottom: 140px;
        padding-top: 140px
    }

    .seo-services__item {
        height: 460px
    }

    .seo-services--dark .seo-services__item {
        min-height: 460px
    }

    .seo-services__form {
        margin-bottom: 120px;
        padding: 64px 48px
    }

    .seo-services__form .title__text {
        font-size: 36px
    }

    .seo-services__form .form-group .form-control {
        height: 64px;
        padding: 20px 28px
    }

    .seo-services__form .form-submit .btn {
        padding: 0 48px
    }
}

@media (max-width:992px) {
    .seo-services {
        padding-bottom: 120px;
        padding-top: 120px
    }

    .seo-services__item {
        height: 440px
    }

    .seo-services--dark .seo-services__item {
        min-height: 440px
    }

    .seo-services__item-top {
        margin-bottom: 32px;
        padding: 32px 30px 0
    }

    .seo-services__item-middle {
        padding: 0 30px
    }

    .seo-services__item-bottom {
        padding: 32px
    }

    .seo-services__item-icon {
        height: 64px;
        width: 64px
    }

    .seo-services__item-icon svg {
        height: 32px;
        width: 32px
    }

    .seo-services__item-title {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .seo-services__item-desc {
        font-size: 14px;
        line-height: 23px
    }

    .seo-services__item-desc p {
        margin-bottom: 32px
    }

    .seo-services__item-bottom .btn {
        max-width: 370px
    }

    .seo-services__form {
        margin-bottom: 100px;
        padding: 56px 40px
    }

    .seo-services__form .title__text {
        font-size: 30px
    }

    .seo-services__form .form-group .form-control {
        height: 64px;
        padding: 20px 28px
    }

    .seo-services__form .form-submit .btn {
        padding: 0 40px
    }
}

@media (max-width:768px) {
    .seo-services {
        padding-bottom: 100px;
        padding-top: 100px
    }

    .seo-services__item {
        height: 420px
    }

    .seo-services--dark .seo-services__item {
        min-height: 420px
    }

    .seo-services__item-top {
        padding: 32px 20px 0
    }

    .seo-services__item-middle {
        padding: 0 20px
    }

    .seo-services__item-bottom {
        padding: 32px 20px
    }

    .seo-services__form {
        margin-bottom: 80px;
        padding: 48px 32px
    }
}


.fixed {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.fixed .widget {
    background-color: transparent
}

.sticky {
    position: absolute;
    right: 16px;
    top: 0;
    transition: top .3s
}

.sticky-wrap {
    position: relative
}

@media (max-width: 767px) {
    .sticky-wrap {
        margin-left: 0
    }
}

.sticky--cta {
    margin-left: auto;
    max-width: 440px;
    width: 100% !important
}

.sticky--cta.sticky {
    width: calc(100% - 32px) !important
}

.sticky--cta-blog {
    max-width: 100%
}

@media (max-width: 1023px) {
    .sticky {
        position: static
    }
}

@media (max-width: 767px) {
    .sticky--cta {
        margin-right: auto
    }
}


.cta-tel {
    background-color: #1d1d1d;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid hsla(0, 0%, 100%, .06);
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    padding: 48px;

    background: rgb(0, 0, 0, 0.16);
    height: 100%;
    padding: 15px;
    border-radius: 10px;
    font-size: 14px;
    border: 3px solid #4f6578;
    backdrop-filter: blur(3px);
    transition: background .15s linear, border .15s linear;
}

.cta-tel:hover {
    border: 3px solid #77a331;
    background: rgb(2 255 26 / 4%);
}

.cta-tel__title {
    font-size: 36px;
    letter-spacing: -.01em;
    line-height: 40px;
    margin-bottom: 24px
}

.cta-tel__text {
    display: flex;
    margin-bottom: 32px
}

.cta-tel__text .icon img {
    border-radius: 100%;
    height: 52px;
    margin-right: 20px;
    width: 52px
}

.cta-tel__text span {
    color: hsla(0, 0%, 100%, .6);
    font-size: 20px;
    line-height: 26px
}

.cta-tel .btn {
    align-self: flex-start;
    margin-bottom: 108px;
    background-color: #3498db !important;

}

.cta-tel .btn:hover {
    background-color: #266c9b !important;
}

.cta-tel__contacts {
    align-items: center;
    display: flex;
    margin-top: auto
}

.cta-tel__contacts .icon {
    background-color: #fff;
    border-radius: 100%;
    height: 48px;
    margin-right: 20px;
    width: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cta-tel__button {
    background-color: #0968f0;
}

.cta-tel__contacts .icon svg path {
    stroke: #4895ba;
}

.cta-tel__contacts-inner div {
    color: hsla(0, 0%, 100%, .6);
    font-size: 14px;
    line-height: 18px
}

.cta-tel__contacts-inner a {
    color: #fff;
    font-size: 20px;
    line-height: 26px;
}

.cta-tel__contacts-inner a:hover {
    color: #fff;
    text-decoration: none;
}

.cta-tel--small {
    background-position-x: 60%;
    background-position-y: 60%;
    background-size: cover;
    margin-left: auto;
    max-width: 359px;
    padding: 32px
}

.cta-tel--small .cta-tel__title {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px
}

.cta-tel--small .cta-tel__text {
    align-items: flex-start
}

.cta-tel--small .cta-tel__text span {
    font-size: 18px
}

.cta-tel--small .cta-tel__text br {
    display: none
}

.cta-tel--small .cta-tel__contacts .icon {
    flex-shrink: 0
}

.cta-tel--small .cta-tel__contacts-inner div {
    font-size: 13px
}

.cta-tel--small .cta-tel__tg {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 20px;
    line-height: 26px
}

.cta-tel--small .cta-tel__tg span {
    height: 32px;
    margin-right: 6px;
    width: 32px
}

.cta-tel--small .cta-tel__tg span svg {
    height: 32px;
    width: 32px
}

.cta-tel--small .btn {
    margin-bottom: 48px;
    width: 100%
}

@media (max-width: 1400px) {
    .cta-tel {
        padding: 24px
    }

    .cta-tel .btn {
        margin-bottom: 24px;
        width: 100%
    }

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

    .cta-tel__text span {
        font-size: 16px;
        line-height: 21px
    }

    .cta-tel--small .cta-tel__title {
        font-size: 20px;
        line-height: 1.2
    }

    .cta-tel--small .cta-tel__text span {
        font-size: 16px;
        line-height: 21px
    }
}

@media (max-width: 1023px) {
    .cta-tel--small {
        margin-top: 32px;
        max-width: 100%;
        width: 100%
    }

    .cta-tel--small .cta-tel__title {
        font-size: 24px;
        line-height: 31px
    }
}

@media (max-width: 319px) {
    .cta-tel--small .cta-tel__title {
        font-size: 20px
    }

    .cta-tel__title {
        font-size: 20px;
        line-height: 23px
    }

    .cta-tel__contacts-inner a {
        font-size: 14px;
        line-height: 18px
    }
}

.cta {
    background-color: #f5f6f8;
    border-radius: 16px;
    margin-bottom: 80px;
    padding: 32px
}

.cta form button[type=submit] {
    margin-top: 16px
}

.cta__title {
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 8px
}

.cta__button {
    display: flex
}

.cta__button .btn:first-of-type {
    margin-right: 20px
}

.cta__button--single .btn:first-of-type {
    margin-right: 0;
    width: 100%
}

.cta__text {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 32px
}

.cta__text--under {
    display: none;
    font-size: 20px;
    line-height: 24px
}

.cta__text--custom-list ul {
    list-style-type: none;
    margin-bottom: 17px;
    margin-left: 0;
    padding-left: 0
}

.cta__text--custom-list ul li {
    align-items: flex-start;
    display: block;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 1rem;
    padding-left: 1rem;
    position: relative
}

.cta__text--custom-list ul li:before {
    background-image: url(/promotion/seo/../../css/build/img/rush-list.svg);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: inline-block;
    height: 18px;
    left: 0;
    position: absolute;
    top: 0;
    width: 7px
}

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

.cta__inner {
    display: flex
}

.cta__left {
    width: 60%
}

.cta__right {
    width: 40%
}

.cta__img img {
    height: auto;
    width: 100%
}

.cta__person {
    height: 194px;
    position: absolute;
    right: 48px;
    top: 48px;
    width: 194px
}

.cta__person-img {
    border: 1px solid #fb8227;
    padding: 5px
}

.cta__person-img,
.cta__person-img-inner {
    border-radius: 100%;
    height: 100%;
    position: relative;
    width: 100%
}

.cta__person-img-inner {
    background-color: hsla(0, 0%, 100%, .9);
    overflow: hidden
}

.cta__person-img-inner:after {
    background: linear-gradient(180deg, rgba(245, 246, 248, 0) 85.23%, hsla(0, 0%, 100%, .4));
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.cta__person-img-inner img {
    border-radius: 100%;
    display: block;
    height: auto;
    left: 3px;
    position: absolute;
    top: 19px;
    transform: scale(1.35);
    width: 100%
}

.cta__person-name {
    font-size: 16.441px;
    font-weight: 700;
    line-height: normal;
    margin-top: 10px
}

.cta__person-title {
    font-size: 12.331px;
    font-weight: 300;
    line-height: normal;
    margin-top: 9px
}



.sticky-sidebar {
    /* width: 30%; */
    position: relative;
    /* Это важно для работы JavaScript */
}

.sticky-sidebar p {
    background-color: #3498db;
    color: white;
    /* padding: 10px; */
}


.sticky {
    position: absolute;
    right: 16px;
    top: 0;
    transition: top .3s
}

.sticky-wrap {
    position: relative
}


/* ................ */

:root {
    --main-font-family: 'Montserrat', sans-serif;
    --head-font-family: 'Montserrat', sans-serif;
    --main-color: #24abe5;
    --gradient-color: linear-gradient(90deg, #0561f0 0%, #3cc3e3 100%);
    --first-bg-color: #92c8df;
    --white-color: #fff;
    --black-color: #000;
    --paragraph-color: #656565;
    --font-size: 16px;
    --transition: .6s;
}


.default-btn {
    padding: 15px 30px;
    text-align: center;
    color: var(--white-color) !important;
    font-size: var(--font-size);
    font-weight: 800;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border-radius: 5px;
    z-index: 0;
    background: var(--gradient-color);
    overflow: hidden;
    white-space: nowrap;
    letter-spacing: 1px;
    min-width: 200px;
    box-shadow: 0 8px 20px rgba(22, 127, 254, .6)
}

.default-btn:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 550px;
    height: 550px;
    margin: auto;
    background: var(--main-color);
    border-radius: 50%;
    z-index: -1;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translateX(-50%) translateY(-5%) scale(0.4);
    transform: translateX(-50%) translateY(-5%) scale(0.4);
    -webkit-transition: -webkit-transform .9s;
    transition: -webkit-transform .9s;
    transition: transform .9s;
    transition: transform .9s, -webkit-transform .9s;
}

.default-btn i {
    margin-right: 5px;
}

.default-btn:hover {
    color: var(--white-color);
}

.default-btn:hover:before {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(-45%) translateY(0) scale(1);
    transform: translateX(-45%) translateY(0) scale(1);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.iq-step {
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: linear-gradient(123.65deg, #002D44 19.02%, #4593BB 100%);
    padding: 100px 0 100px;

    border-bottom: 12px solid rgb(255 255 255 / 10%);
    border-top: 12px solid rgba(255, 255, 255, 10%);
    border-radius: 150px 0px 0px 0px;
}

.iq-step-shape {
    position: absolute;
    right: 5%;
    bottom: 0;
    z-index: -1;
    pointer-events: none
}

.iq-step .iq-section-head {
    /* margin-bottom: 100px */
}

.iq-step .iq-section-head__title__front {
    color: #fff
}

.iq-step .iq-section-head__title__behind {
    background: linear-gradient(180deg, rgba(225, 237, 244, 0.2) 0%, rgba(225, 237, 244, 0) 159.29%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.iq-step-grid {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between
}

.iq-step-grid:before {
    position: absolute;
    top: 33px;
    right: 15%;
    left: 30px;
    z-index: -1;
    content: '';
    border-bottom: 2px dashed #fff
}

.iq-step-item {
    width: calc(20% - 15px)
}

.iq-step-item:hover .iq-step-item-count {
    color: #fff;
    background: #24ABE5
}

.iq-step-item-count {
    transition: var(--transition);
    margin-bottom: 20px;
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    color: #01446D;
    font-size: 40px;
    font-weight: 900;
}

.iq-step-item-name {
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 13px
}

.iq-step-item-desc {
    color: #ecf4f8
}

.iq-step-extra {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 100%;
    max-width: 200px;
    min-width: auto;
    height: 68px;
    margin-bottom: 20px;
    padding: 0 !important;
    border-radius: 45px;
    background: linear-gradient(88.4deg, #0561F0 0%, #3CC3E3 100%);
    box-shadow: 0 8px 20px rgba(22, 127, 254, 0.6);
    /* transform: matrix(1, 0, 0, 1, 21.97, -0.602);
    transition: transform 0.25s; */
}

.iq-step-extra:hover {
    /* transform: matrix(1, 0, 0, 1, -15.434, -8.602); */
}

.iq-step-extra__count {
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0073DA;
    color: #fff;
    border-radius: 50%;
    font-size: 40px;
    font-weight: 900
}

.iq-step-extra__text {
    font-size: 24px;
    font-weight: 600;
    font-family: var(--head-font-family);
    margin-left: 20px;


}


/* ПРИМЕРЫ РЕАЛИЗОВАННЫХ ПРОЕКТОВ */

.seo-projects__item {}

.seo-projects__item__content {
    /* background-color: #002D44; */
    /* background: linear-gradient(to bottom , rgba(40, 62, 81, .9), rgba(20,30,48, 0)), url(https://studio-expert.ru/upload/medialibrary/55a/gbpj0c5w0m11orq0erw8ch86z3nokrk7.jpg); */
    /* background: url(https://studio-expert.ru/upload/medialibrary/55a/gbpj0c5w0m11orq0erw8ch86z3nokrk7.jpg); */
    color: #FFFFFF;
    padding: 30px;
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    gap: 30px;

    /* background: rgb(0, 0, 0, 0.16); */
    background: linear-gradient(to bottom, rgba(40, 62, 81, .9), rgba(20, 30, 48, 0)), url(https://studio-expert.ru/upload/medialibrary/55a/gbpj0c5w0m11orq0erw8ch86z3nokrk7.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    /* padding: 15px; */
    border-radius: 10px;
    font-size: 14px;
    border: 3px solid #4f6578;
    backdrop-filter: blur(3px);
    transition: border .15s linear;
}

.seo-projects__item__content:hover {
    border: 3px solid #77a331;
    /* background: rgb(2 255 26 / 4%); */
}

.seo-projects__item__content__result__item__content__text {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.seo-projects__item__content__info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.seo-projects__item__content__info__item {
    /* display: flex; */
}

.seo-projects__item__content__result__item__content__text .bold,
.seo-projects__item__content__info__item .bold {
    font-weight: 700;
}

.seo-projects__item__content__result__item__content {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.seo-projects__item__content__result__item__content svg {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    vertical-align: top !important;
}

/* ///////////////////// */
/* ПОДРОБНЕЕ */


.text-container {
    color: white;
    max-width: 600px;
    /* Максимальная ширина блока с текстом */
    margin: 20px;
    /* Отступы вокруг блока */
}

.seo__text__more {
    display: none;

    /* Скрываем дополнительный текст по умолчанию */
}

.seo__text__toggle-button {
    /* background-color: #0c86ff; */
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    /* font-size: 16px; */
    margin-top: 10px;
    border-radius: 15px;
    background-color: #3498db !important;
}

.seo__text__toggle-button:hover {
    background-color: #00104a;
}

.more__gradient {
    /* background: linear-gradient(90deg, #0561f0 0%, #3cc3e3 100%); */
}


/* ///////////////////// */

.calc_bg {
    /* border-radius: 0px 150px 0px 150px !important; */
    border-radius: 0px 0px 0px 0px !important;
}

.seo-promo__mobile {
    position: relative;
}

.seo-promo__tabs__content__mobile {
    overflow: hidden;
    opacity: 0;
    max-height: 0;
    /* display: none; */
}

.seo-promo__quiz__answer svg {
    /* padding-right: ; */
}

/* START MORE */

.extra {
    display: none;
}

#load-more {
    margin-top: 1rem;
    padding: 1rem 7rem;
    /* font-size: 16px; */
    text-align: center;

}

/* END MORE */

@media (max-width:1200px) {

    .seo-promo__tabs {
        display: none;
    }

    .seo-promo__tabs__content {
        overflow: hidden;
        /* display: fl; */
        opacity: 0;
    }


    .seo-promo__tabs__content__mobile {
        /* position: absolute; */
        /* background: #3d3d3d; */
        background: #3d3d3dc5;
        box-shadow: 0 6px 14px rgba(95, 95, 95, 0.5);
        border-radius: 10px;
        width: 100%;
        padding: 50px;
        /* height: 100%; */
        opacity: 0;
        overflow: hidden;
        /* transition: opacity 0.25s ease; */
        max-height: 0px;


        background: rgb(0, 0, 0, 0.16);
        height: 100%;
        padding: 15px;
        border-radius: 10px;
        font-size: 14px;
        border: 3px solid #4f6578;
        backdrop-filter: blur(3px);
        transition: max-height .25s linear;
    }

    .seo-promo__tabs__content__mobile:hover {
        /* border: 3px solid #77a331;
        background: rgb(2 255 26 / 4%); */
    }

    .seo-promo__tabs__content__mobile.show {
        overflow: visible;
        /* display: fl; */
        opacity: 1;
        max-height: 650px;

    }

}

.seo-services__svg * {
    stroke: #4895ba !important;
    fill: none !important;
}

@media (max-width:992px) {
    .sticky-wrap {
        display: none !important;
    }
}


/* 5 steps media */
/* 
////
////
//// 
////
////
//// 
*/

@media screen and (max-width:1599px) {
    body .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu-service {
        left: 0;
        padding: 30px
    }

    body .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu-column {
        width: 280px;
        margin-right: 30px;
        padding-right: 30px
    }

    body .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu-link {
        font-size: 15px !important
    }

    .iq-cases-content .owl-prev {
        left: -25px
    }

    .iq-cases-content .owl-next {
        right: -25px
    }

    .iq-cases-shape {
        display: none
    }

    .iq-gift-bg {
        width: 400px
    }

    .iq-awards .owl-nav {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 60px
    }

    .iq-awards .owl-prev,
    .iq-awards .owl-next {
        position: static
    }

    .iq-awards .owl-prev {
        margin: 1px 20px 0 0
    }

    .smm-media .owl-nav {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 60px
    }

    .smm-media .owl-prev,
    .smm-media .owl-next {
        position: static;
        margin: 0 20px !important;
        transform: none !important
    }

    .smm-media .owl-prev {}

    .seo-block-9-shape-2 {
        right: 0
    }

    .seo-block-9-shape-3 {
        display: none
    }

    .iq-download-case-wrap {
        justify-content: space-between
    }

    .iq-download-case-right {
        justify-content: space-between;
        margin-left: 0;
        margin-right: 75px
    }

    .iq-download-case-right__arrow {
        right: -75px
    }

    .iq-extra-shape {
        display: none
    }

    .iq-extra-3-shape-1 {
        display: none
    }

    .iq-extra-3-shape-2 {
        display: none
    }

    .iq-contact-shape {
        display: none
    }

    .main-navbar .navbar .others-options {
        margin-left: 10px !important
    }

    .main-navbar .navbar .others-options .option-item {
        margin-right: 40px !important
    }

    .main-navbar .navbar .others-options .option-item:last-child {
        margin-right: 0 !important
    }

    .main-navbar .navbar .others-options .option-item .default-tel {
        font-size: 18px
    }
}

@media screen and (max-width:1399px) {
    .iq-cases-item-wrap {
        padding: 40px
    }

    .iq-cases-item-link {
        left: 40px
    }

    .iq-awards-item {
        min-height: 0
    }

    .iq-services-card__info {
        left: 20px;
        right: 20px
    }

    .iq-offer-img {
        right: -60px
    }

    .iq-offer-wrap {
        padding: 50px 0
    }

    .iq-breadcrumbs {
        justify-content: start;
        letter-spacing: 0
    }

    .seo-lead-info__title {
        font-size: 52px
    }

    .seo-block-2-tabs-content-block {
        padding: 30px
    }

    .seo-block-2-tabs-content-block__head {
        margin-bottom: 30px
    }

    .seo-block-2-tabs-content-block__body {
        flex-direction: column
    }

    .seo-block-2-tabs-content-block__body__desc {
        padding: 0 0 20px;
        margin: 0 0 20px;
        border-right: 0;
        border-bottom: 2px solid #e6f0f6
    }

    .seo-block-2-tabs-content-block__body__stack b {
        margin-bottom: 15px
    }

    .seo-block-2-tabs-content-block__head__text {
        font-size: 24px;
        line-height: 1.2
    }

    .seo-block-3-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .seo-block-4-item:nth-child(n) {
        width: 100%;
        padding: 0;
        margin-bottom: 60px
    }

    .seo-block-4-shape {
        display: none
    }

    .seo-block-6-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto
    }

    .seo-block-6-grid .div1 {
        grid-area: 1 / 1 / 2 / 3
    }

    .seo-block-6-grid .div2 {
        grid-area: 2 / 1 / 3 / 2
    }

    .seo-block-6-grid .div3 {
        grid-area: 2 / 2 / 3 / 3
    }

    .seo-block-6-grid .div4 {
        grid-area: 3 / 1 / 4 / 2
    }

    .seo-block-6-grid .div5 {
        grid-area: 3 / 2 / 4 / 3
    }

    .seo-block-6-shape {
        display: none
    }

    .about-area-smm .about-image {
        margin-left: 0
    }

    .seo-lead-cont-adv .seo-lead-picture {
        position: static;
        width: 50%
    }

    .seo-lead-cont-adv .seo-lead-info {
        width: 50%
    }

    .seo-block-1-shape-signle {
        display: none
    }

    .seo-block-3-shape-signle {
        display: none
    }

    .seo-block-4-shape-signle {
        display: none
    }

    .seo-block-1-shape-2 {
        display: none
    }

    .seo-block-9 {
        margin-bottom: 120px
    }

    .seo-lead-support .seo-lead-picture {
        position: static;
        width: 50%;
        margin-top: -50px
    }

    .seo-lead-support .seo-lead-info {
        width: 50%
    }

    .seo-lead-market .seo-lead-picture {
        position: static;
        width: 50%;
        margin: 0
    }

    .seo-lead-market .seo-lead-info {
        width: 50%
    }

    .seo-lead-market .seo-lead-info br {
        display: none
    }

    .seo-lead-avito .seo-lead-picture {
        position: static;
        width: 50%;
        margin: 0
    }

    .seo-lead-avito .seo-lead-info {
        width: 50%
    }

    .seo-lead-avito .seo-lead-info__title br {
        display: none
    }

    .seo-lead-avito .seo-lead-info__desc {
        max-width: 100%
    }

    .seo-lead-target .seo-lead-picture {
        position: static;
        width: calc(50% + 150px);
        margin: 0 -150px 0 0
    }

    .seo-lead-target .seo-lead-info {
        width: 50%
    }

    .seo-lead-target .seo-lead-info__title br {
        display: none
    }

    .seo-lead-target .seo-lead-info__desc {
        max-width: 100%
    }

    .seo-lead-extra .seo-lead-picture {
        position: static;
        width: 50%
    }

    .seo-lead-extra .seo-lead-info {
        width: 50%
    }

    .iq-compare-shape {
        display: none
    }

    .seo-block-shape-signle-1 {
        display: none
    }

    .donut-title-avito {
        max-width: 280px
    }

}

@media screen and (max-width:1279px) {
    .navbar-not-main::before {
        display: none
    }

    .navbar-margin {
        padding-top: 72px
    }

    .navbar-area {
        height: 72px
    }

    .iq-contact-body-map iframe {
        height: 500px !important
    }

    .iq-contact-body-footer__item__social .container {
        display: contents
    }

    .iq-section-head {
        align-items: center;
        margin-bottom: 30px
    }

    .iq-section-head__title__front,
    .iq-reviews-info__title,
    .iq-offer-title,
    .iq-services-item__head,
    .iq-advice-text,
    .iq-result-title {
        font-size: 30px
    }

    .seo__head-front {
        font-size: 30px
    }

    .iq-section-head__title__behind {
        transform: translateY(-51%);
        font-size: 80px
    }

    .iq-section-head__link {
        margin: 0
    }

    .iq-cases-head__button {
        font-size: 14px;
        height: 50px
    }

    .iq-extra-2-head__button {
        font-size: 14px;
        height: 50px
    }

    .iq-cases-item {
        height: 600px
    }

    .iq-cases-item-name {
        text-align: center;
        margin-bottom: 20px
    }

    .iq-cases-item-stats {
        /* flex-direction:column; */
        padding: 0
    }

    .iq-cases-item-stats br {
        display: none
    }

    .iq-cases-item-stats__elem {
        margin-bottom: 10px
    }

    .iq-cases-item-stats__elem:last-child {
        margin: 0
    }

    .iq-cases-item-stats__elem__value {
        font-size: 48px;
        line-height: 1.1
    }

    .iq-cases-item-link {
        position: relative;
        z-index: 1;
        left: auto;
        bottom: auto;
        margin: 30px auto 0
    }

    .iq-cases-item-img {
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px
    }

    .iq-gift .iq-section-head__title__front svg {
        width: 26px;
        height: 29px
    }

    .iq-reviews {
        padding: 40px 0
    }

    .iq-reviews-wrap {
        flex-direction: column
    }

    .iq-reviews-info {
        width: 100%;
        margin: 0 0 20px
    }

    .iq-reviews-slider {
        width: 100%
    }

    .iq-reviews-info__link {
        margin-top: 20px
    }

    .iq-reviews-info__title {
        margin-bottom: 20px
    }

    .iq-reviews-shape-1,
    .iq-reviews-shape-2 {
        display: none
    }

    .iq-step {
        padding: 80px 0 60px 0;
        margin-bottom: 70px
    }

    .iq-step .iq-section-head {
        margin-bottom: 40px
    }

    .iq-step-item-desc {
        font-size: 14px
    }

    .iq-awards {
        margin-bottom: 100px
    }

    .iq-awards-shape-2,
    .iq-awards-shape-1 {
        display: none
    }

    .iq-awards-desc {
        margin-bottom: 60px !important
    }

    .iq-offer {
        padding: 0;
        margin: 0 auto 150px
    }

    .iq-offer-wrap {
        padding: 30px 0
    }

    .iq-offer-shape-1,
    .iq-offer-shape-2,
    .iq-offer-shape-3 {
        display: none
    }

    .iq-offer-wrap {
        position: relative;
        z-index: 1
    }

    .iq-offer-img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: .1;
        pointer-events: none;
        z-index: -1;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .iq-offer-info {
        width: 100%;
        text-align: center
    }

    .iq-offer-info-gift-text {
        text-align: left
    }

    .iq-offer-title br {
        display: none
    }

    .iq-offer-dots {
        max-width: none;
        text-align: left
    }

    .features-area .col-lg-3 {
        width: 50%
    }

    .iq-services .iq-section-head__title__front {
        font-size: 40px
    }

    .iq-services-card__info__title {
        font-size: 24px
    }

    .iq-blog-shape {
        display: none
    }

    .iq-blog-shape-1 {
        display: none
    }

    .seo-block-1 {
        margin-bottom: 120px
    }

    .seo-block-1-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 60px 20px
    }

    .seo-block-1-item {
        display: flex;
        align-items: center;
        flex-direction: column;
        max-width: 100%;
        width: 100%
    }

    .seo-block-2 {
        margin-bottom: 80px;
        padding-bottom: 20px
    }

    .seo-block-3 {
        margin-bottom: 100px
    }

    .seo-block-4 {
        margin-bottom: 100px
    }

    .seo-block-6 {
        margin: 100px 0
    }

    .seo-block-7 {
        margin-bottom: 100px;
    }

    .seo-block-7-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .seo-block-7-item {
        padding: 20px
    }

    .seo-block-7-item__img {
        margin: 0 -20px 25px
    }

    .seo-block-5 {
        margin-bottom: 180px
    }

    .seo-block-5 .iq-section-head__title__front br {
        display: none
    }

    .seo-block-5-grid {
        flex-direction: column;
    }

    .seo-block-5-info {
        max-width: 100%;
        margin-bottom: 60px
    }

    .donut {
        margin-left: 165px
    }

    .seo-block-1-shape {
        display: none
    }

    .seo-block-2-shape {
        display: none
    }

    .seo-block-2-shape-1 {
        display: none
    }

    .seo-block-3-shape {
        display: none
    }

    .seo-block-4-shape {
        display: none
    }

    .seo-block-7-shape-01 {
        display: none
    }

    .seo-block-7-shape-02 {
        display: none
    }

    .seo-block-7-shape-03 {
        display: none
    }

    .iq-faq {
        margin: 100px 0
    }

    .iq-faq-shape {
        display: none
    }

    .iq-result {
        margin-bottom: 100px
    }

    .iq-result-wrap {
        height: 300px
    }

    .iq-reviews-info__more {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .iq-blog .iq-section-head {
        margin-bottom: 40px
    }

    .iq-cases-item-wrap::before {
        transform: translateX(-50%);
        right: auto;
        left: 50%
    }

    .iq-cases-item-img div {
        margin-right: auto !important;
        margin-left: auto !important;
        background-position: center !important;
    }

    .seo-block-8 {
        margin-bottom: 150px
    }

    .seo-block-9-shape-1 {
        display: none
    }

    .seo-block-9-gallery__item-3 {
        left: 50px
    }

    .seo-block-9-gallery__item-5 {
        top: 150px
    }

    .seo-block-9-gallery__item-6 {
        right: 60px
    }

    .seo-block-9-gallery__item-7 {
        right: 165px
    }

    .seo-block-9-gallery__item-8 {
        right: 0
    }

    .iq-step-extra__text {
        font-size: 20px;
        margin: 0 auto;
        padding-right: 5px
    }

    .seo-block-10 {
        padding: 100px 0 200px
    }

    .seo-block-10-wrap {
        flex-direction: column
    }

    .seo-block-10-left {
        margin-bottom: 100px
    }

    .seo-block-10-left * {
        max-width: 100%
    }

    .iq-offer-iq-02 {
        margin: 0 0 80px 0
    }

    .iq-offer-iq-02::before {
        height: 60px
    }

    .iq-offer-iq-02::after {
        height: 60px
    }

    .iq-offer-iq-02 .iq-section-head {
        justify-content: center
    }

    .iq-offer-iq-02 .iq-offer-img {
        display: none
    }

    .iq-offer-iq-02 .iq-offer-btn {
        margin-top: 30px
    }

    .iq-offer-iq-02 .iq-offer-wrap {
        padding: 50px 0
    }

    .iq-offer-iq-03 {
        margin: 60px 0 40px !important
    }

    .iq-offer-iq-03::before {
        height: 60px
    }

    .iq-offer-iq-03::after {
        height: 60px
    }

    .iq-offer-iq-03 .iq-section-head {
        justify-content: center
    }

    .iq-offer-iq-03 .iq-offer-img {
        display: none
    }

    .iq-offer-iq-03 .iq-offer-btn {
        margin-top: 30px
    }

    .iq-offer-iq-03 .iq-offer-wrap {
        padding: 50px 0
    }

    .iq-faq+.seo-block-11 {
        margin-top: 0
    }

    .seo-block-11 {
        margin-bottom: 120px
    }

    .seo-block-11-img {
        width: 50%;
        margin: 0 45px 0 0
    }

    .seo-block-11-shape {
        display: none
    }

    .iq-avito {
        padding: 100px 0 60px 0
    }

    .iq-avito-donut {
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 50px
    }

    .iq-avito-donut .donut {
        order: 3;
        margin: 60px auto
    }

    .iq-avito-donut-shape {
        display: none
    }

    .donut-title-avito {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        bottom: auto;
        width: calc(50% - 15px);
        max-width: 100%
    }

    .donut-title-avito-1 {
        order: 1
    }

    .donut-title-avito-2 {
        order: 2
    }

    .donut-title-avito-3 {
        order: 5
    }

    .donut-title-avito-4 {
        order: 4
    }

    .donut-title-avito-1::before {}

    .donut-title-avito-1::after {
        position: absolute;
        top: calc(100% + 5px);
        right: 0;
        content: '';
        width: 1px;
        height: 30px;
        background: #bababa
    }

    .donut-title-avito-2::before {}

    .donut-title-avito-2::after {
        position: absolute;
        top: calc(100% + 5px);
        left: 0;
        content: '';
        width: 1px;
        height: 30px;
        background: #bababa
    }

    .donut-title-avito-3::before {
        top: auto;
        bottom: calc(100% + 5px)
    }

    .donut-title-avito-3::after {
        position: absolute;
        bottom: calc(100% + 5px);
        left: 0;
        content: '';
        width: 1px;
        height: 30px;
        background: #bababa
    }

    .donut-title-avito-4::before {
        top: auto;
        bottom: calc(100% + 5px)
    }

    .donut-title-avito-4::after {
        position: absolute;
        bottom: calc(100% + 5px);
        right: 0;
        content: '';
        width: 1px;
        height: 30px;
        background: #bababa
    }

    .iq-versus {
        margin-bottom: 120px
    }

    .iq-versus-shape {
        display: none
    }

    .iq-download-case {
        background: linear-gradient(123.65deg, #002D44 19.02%, #4593BB 100%);
        height: auto
    }

    .iq-download-case .iq-section-head {
        margin-bottom: 0;
        justify-content: center
    }

    .iq-download-case .iq-section-head__title {
        margin: 0
    }

    .iq-download-case .iq-section-head__title__behind {
        display: none
    }

    .iq-download-case-wrap {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 60px 0;
        height: auto;
        position: relative
    }

    .iq-download-case-left {
        padding: 0;
        text-align: center;
        position: relative;
        z-index: 1
    }

    .iq-download-case-right {
        height: auto;
        margin: 30px 0 0 0;
        position: static
    }

    .iq-download-case-right__arrow {
        top: auto;
        left: 50%;
        right: auto;
        bottom: 20px;
        transform: translateX(-50%);
        z-index: -1;
        opacity: .2;
        pointer-events: none
    }

    .iq-extra-2 {
        margin-bottom: 100px
    }

    .iq-extra-3 {
        margin-bottom: 100px
    }

    .iq-extra-3-item {
        margin-bottom: 100px
    }

    .iq-contact-body .container {
        flex-direction: column
    }

    .iq-contact-body-info {
        width: 100%
    }

    .iq-contact-body-footer__item-email::before {
        display: none
    }

    .iq-contact-body-footer__item-social {
        width: 50%
    }

    .iq-contact-body-map {
        position: static;
        margin: 0
    }

}

@media screen and (max-width:1023px) {
    .main-banner-content {
        transform: none !important
    }

    .iq-section-head__title__behind {
        display: none
    }

    .iq-cases-head {
        overflow-x: auto;
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .iq-cases-head__button {
        flex-shrink: 0
    }

    .iq-extra-2-head {
        overflow-x: auto;
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .iq-extra-2-head__button {
        flex-shrink: 0
    }

    .iq-gift-bg {
        display: none
    }

    .iq-gift {
        padding: 0
    }

    .iq-gift-wrap {
        flex-direction: column;
        padding: 0
    }

    .iq-gift-info {
        width: 100%;
        margin: 0;
        text-align: center
    }

    .iq-gift-form {
        margin-top: 20px;
        max-width: 600px;
        width: 100%
    }

    .iq-step {
        padding: 40px 0
    }

    .iq-step .iq-section-head {
        text-align: center;
        justify-content: center
    }

    .iq-step-item {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align: center
    }

    .iq-step-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 40px 20px
    }

    .iq-step-grid:before {
        display: none
    }

    .iq-step-item {
        width: 100%
    }

    .iq-awards-item {
        height: 360px
    }

    .iq-awards-item img {
        width: 100%;
        height: 100%;
        object-position: center;
        object-fit: contain
    }

    .iq-awards-item:hover .iq-awards-hidden {
        opacity: 0
    }

    .iq-awards-item:hover .iq-awards-item-wrap {
        opacity: 1
    }

    .iq-blog-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .iq-blog .iq-section-head {
        margin-bottom: 40px;
        text-align: center;
        justify-content: center
    }

    .iq-services-item__head {
        text-align: center
    }

    .iq-services-card.w30,
    .iq-services-card.w35 {
        width: calc(100% - 20px)
    }

    .iq-services-card__price {
        opacity: 1
    }

    .seo-lead-wrap {
        flex-direction: column
    }

    .seo-lead-info {
        width: 100%;
        text-align: center;
        padding-top: 40px
    }

    .seo-lead-info__title {
        font-size: calc(1.375rem + 1.5vw);
    }

    .seo-lead-info__action {
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0 -20px -20px 0
    }

    .seo-lead-info__action__btn {
        margin: 0 20px 20px 0
    }

    .seo-lead-picture {
        width: 100%
    }

    .seo-block-1 {
        margin-bottom: 70px
    }

    .seo-block-1-title {
        text-align: center
    }

    .seo-block-2 .iq-section-head__title__front br {
        display: none
    }

    .seo-block-2 {
        margin-bottom: 70px
    }

    .seo-block-2-tabs {
        flex-direction: column
    }

    .seo-block-2-tabs-menu {
        width: 100%;
        margin: 0 0 30px
    }

    .seo-block-4 {
        margin-bottom: 20px
    }

    .seo-block-6 {
        margin: 80px 0
    }

    .seo-block-6-item {
        padding: 20px
    }

    .seo-block-6-item__head__counter {
        font-size: 60px
    }

    .seo-block-6-item__head__text {
        font-size: 16px
    }

    .iq-faq-bg {
        padding: 60px 0
    }

    .iq-faq-grid {
        flex-direction: column;
        margin: 0
    }

    .iq-faq-grid-column {
        width: 100%;
        margin: 0
    }

    .iq-faq {
        margin: 60px 0 80px 0
    }

    .iq-result {
        margin-bottom: 80px
    }

    .seo-lead-cont-adv .seo-lead-info {
        width: 100%
    }

    .seo-lead-cont-adv .seo-lead-picture {
        width: 100%
    }

    .seo-block-1 .iq-section-head br {
        display: none
    }

    .seo-block-8 {
        margin-bottom: 80px
    }

    .seo-block-8-wrap {
        padding: 40px 0
    }

    /*
    .seo-block-9{margin-bottom:60px}
    .seo-block-9 + .about-area{padding-top:0}
    .seo-block-9-shape-2{display:none}
    .seo-block-9-gallery{display:flex;flex-wrap:wrap;height:auto;margin-bottom:100px}
    .seo-block-9-gallery .owl-nav{display:flex;align-items:center;justify-content:center;margin-top:20px}
    .seo-block-9-gallery .owl-nav button{margin:0 10px}
    .seo-block-9-gallery__item{position:static;display:flex;align-items: center;justify-content: center;filter:none;border: 1px solid #ddd}
    .seo-block-9-gallery__item:hover{transform:none}
    .seo-block-9-gallery__item-1{overflow:hidden;justify-content:start}
    .seo-block-9-gallery__item-1 img{min-width:600px;object-position:left}
    .seo-block-9-gallery-carousel img{width:auto!important;height:auto;padding:20px 0;filter:drop-shadow(0 0 10px rgba(0,0,0,.1))}
  */
    .seo-lead-support .seo-lead-info {
        width: 100%
    }

    .seo-lead-support .seo-lead-picture {
        width: 100%;
        margin: 0 0 0 -70px;
        padding-bottom: 30px
    }

    .seo-lead-market .seo-lead-info {
        width: 100%
    }

    .seo-lead-market .seo-lead-picture {
        width: 100%
    }

    .seo-lead-avito .seo-lead-info {
        width: 100%
    }

    .seo-lead-avito .seo-lead-picture {
        width: 100%;
        margin-top: 60px
    }

    .seo-lead-target .seo-lead-info {
        width: 100%
    }

    .seo-lead-target .seo-lead-picture {
        width: 100%;
        margin-right: -90px;
        padding-bottom: 30px
    }

    .seo-lead-extra .seo-lead-info {
        width: 100%
    }

    .seo-lead-extra .seo-lead-picture {
        width: 100%
    }

    .seo-block-10 {
        padding: 60px 0 200px
    }

    .seo-block-10-img:hover {
        transform: none
    }

    .about-area-iq-02 .about-image {
        margin-left: 0
    }

    .about-area-iq-04 .about-image {
        margin-left: 0
    }

    .iq-offer-iq-02 .iq-offer-title {
        font-size: 30px
    }

    .iq-offer-iq-03 .iq-offer-title {
        font-size: 30px
    }

    .seo-block-11 {
        margin-bottom: 100px
    }

    .seo-block-11-wrap {
        flex-direction: column
    }

    .seo-block-11-img {
        margin: 0 0 30px;
        width: auto;
        max-width: 600px
    }

    .smm-media+.seo-block-2 {
        margin-top: -50px
    }

    .about-area+.seo-block-3 {
        margin-top: 50px
    }

    .iq-compare {
        margin-bottom: 100px
    }

    .iq-compare-table-head .iq-compare-table-item__text {
        font-size: 18px
    }

    .iq-compare-table-body .iq-compare-table-item {
        padding: 20px
    }

    .iq-compare-table-body .iq-compare-table-item__text {
        font-size: 14px
    }

    .iq-compare-table-item__question {
        display: none
    }

    .iq-avito {
        padding-top: 60px;
        margin-bottom: 50px
    }

    .iq-avito .iq-section-head__title {
        max-width: 100%
    }

    .iq-avito .iq-section-head__title__front br {
        display: none
    }

    .iq-versus {
        margin-bottom: 100px
    }

    .iq-versus-grid {
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .iq-versus-table {
        width: 100%;
        margin-bottom: 60px
    }

    .iq-versus-picture {
        margin: 0
    }

    .iq-extra-3-table-body-item__question {
        display: none
    }

    .iq-extra-2 {
        margin-bottom: 80px
    }

    .iq-extra-3 {
        margin-bottom: 120px
    }

    .iq-extra-3-item {
        margin-bottom: 80px
    }

    .seo-lead-no-img .seo-lead-wrap {
        padding: 0;
        justify-content: center;
        text-align: center;
        align-items: center;
        min-height: 160px
    }

    .seo-lead-no-img .seo-lead-info {
        padding: 0
    }

    .iq-reviews-extra-video .iq-section-head__link {
        padding-right: 0 !important
    }
}

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

    .about-content .about-btn {
        display: flex;
        justify-content: center
    }

    .iq-awards+.iq-cases {
        padding-top: 0
    }

    .iq-section-head {
        flex-direction: column;
        text-align: center
    }

    .iq-section-head__title {
        margin: 0
    }

    .iq-cases-item-wrap {
        padding: 20px
    }

    .iq-cases-item-name {
        font-size: 24px
    }

    .iq-gift-form {
        padding: 20px
    }

    .iq-offer {
        margin-bottom: 100px
    }

    .iq-offer-desc {
        font-size: 18px;
        line-height: 1.2
    }

    .iq-offer-title {
        font-size: 24px
    }

    .iq-offer-info-gift {
        flex-direction: column
    }

    .iq-offer-info-gift-group {
        align-items: center;
        margin-top: 20px
    }

    .iq-offer-info-gift-item {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 0 20px;
        width: 100%
    }

    .iq-offer-info-gift-item img {
        margin-left: 25px
    }

    .iq-offer-info-gift-text {
        text-align: center
    }

    .iq-offer-btn {
        margin-top: 20px
    }

    .iq-blog-grid {
        grid-gap: 20px 10px
    }

    .iq-blog-item-img {
        margin-bottom: 10px
    }

    .iq-blog-item-text {
        font-size: 16px
    }

    .iq-blog .iq-section-head {
        margin-bottom: 40px
    }

    .features-area .col-lg-3 {
        width: 100%
    }

    .iq-services-item__grid {
        margin: 0 0 -20px 0
    }

    .iq-services-card {
        margin: 0 0 20px 0
    }

    .iq-services-card.w30,
    .iq-services-card.w35,
    .iq-services-card.w40,
    .iq-services-card.w50 {
        width: 100%
    }

    .seo-block-1-grid {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr))
    }

    .seo-block-1-title {
        font-size: 30px;
        margin-bottom: 40px
    }

    .seo-block-1-item__desc {
        font-size: 18px
    }

    .seo-block-2-tabs-menu__item {
        padding: 15px 20px
    }

    .seo-block-2-tabs-menu__item__line {
        display: none
    }

    .seo-block-2-tabs-content-block__head__count {
        margin-right: 15px
    }

    .seo-block-3-grid {
        grid-template-columns: repeat(1, 1fr)
    }

    .seo-block-3-item {
        padding: 20px
    }

    .seo-block-3-item__price {
        justify-content: center
    }

    .seo-block-3-item__desc {
        text-align: center
    }

    .seo-block-4-item__img {
        width: 50px;
        margin-right: 20px
    }

    .seo-block-6-grid {
        grid-template-columns: repeat(1, 1fr)
    }

    .seo-block-6-item {
        padding: 20px
    }

    .seo-block-6-item__count {
        top: 10px;
        left: 10px
    }

    .iq-reviews-video {
        grid-template-columns: repeat(1, 1fr)
    }

    .seo-block-7-grid {
        grid-template-columns: repeat(1, 1fr)
    }

    .seo-block-5 {
        overflow: hidden;
        margin-bottom: 80px
    }

    .donut {
        margin: 0
    }

    .donut-pos {
        transform: scale(0.6);
        margin-top: -120px;
        margin-bottom: -65px
    }

    .donut-title:not(.donut-title-avito) {
        position: static;
        max-width: 290px;
        text-align: center;
        font-size: 18px;
        margin: 0 auto 10px
    }

    .donut-title:not(.donut-title-avito)::before {
        position: static;
        content: attr(data-donut) '\25' ' \2014';
        margin-right: 10px;
        background: none
    }

    .donut-item-group-sber {
        left: 0;
        bottom: -60px
    }

    .donut-item-group-sber .donut-item-group__text::before {
        display: none
    }

    .donut-item-group-sber::after {
        position: absolute;
        top: 14px;
        left: 72px;
        content: '';
        width: 1px;
        height: 50px;
        background: #656565;
        transform: rotate(30deg);
    }

    .donut-item-sber:hover~.donut-item-group-sber .donut-item-group__icon {
        transform: scale(1.2)
    }

    .iq-cases-head__button {
        padding: 10px;
        height: 40px;
        font-size: 12px
    }

    .iq-extra-2-head__button {
        padding: 10px;
        height: 40px;
        font-size: 12px
    }

    .seo-block-6-grid {
        grid-template-columns: repeat(1, 1fr)
    }

    .seo-block-6-item {
        grid-area: auto !important
    }

    .smm-media {
        margin-bottom: 100px
    }

    .smm-media-iq-05 .smm-media-wrap {
        display: block
    }

    .seo-block-9-gallery {
        margin-bottom: 80px
    }

    .seo-block-10 {
        overflow: hidden
    }

    .seo-block-10-right {
        transform: scale(.5);
        margin: -70px 0 -200px
    }

    .seo-block-10-left {
        margin-bottom: 80px
    }

    .iq-compare {
        margin-bottom: 80px
    }

    .iq-compare-table-overflow {
        overflow-x: auto;
        padding-bottom: 20px
    }

    .iq-compare-table {
        width: 730px;
    }

    .iq-avito {
        margin-bottom: 30px
    }

    .iq-avito-donut {
        overflow: hidden;
        justify-content: center
    }

    .iq-avito-donut .donut {
        margin: 0 auto
    }

    .iq-avito-donut .donut-pos {
        margin: -60px auto
    }

    .donut-title-avito {
        font-size: 12px
    }

    .donut-title-avito-1 {
        margin-right: 10px
    }

    .donut-title-avito-2 {
        margin-left: 10px
    }

    .donut-title-avito-3 {
        margin-left: 10px
    }

    .donut-title-avito-4 {
        margin-right: 10px
    }

    .donut-title-avito::after {
        height: 20px
    }

    .iq-versus-table-scroll {
        display: block;
        overflow-x: auto;
        padding-bottom: 20px;
        margin-bottom: 40px;
        width: 100%
    }

    .iq-versus-table {
        padding: 15px;
        width: 570px;
        margin-bottom: 0;
        box-shadow: none;
        border: 1px solid #e5eff5
    }

    .iq-extra-1-bg {
        font-size: 14px;
        padding: 20px 10px
    }

    .iq-extra-2 {
        margin-bottom: 20px
    }

    .iq-extra-3-item {
        margin-bottom: 50px
    }

    .iq-extra-3-table {
        display: block;
        overflow-x: auto;
        padding-bottom: 20px;
        margin-bottom: 40px;
        width: 100%
    }

    .iq-extra-3-table-wrap {
        width: 600px;
        margin-bottom: 0;
        box-shadow: none
    }

    .iq-extra-3-table-body {
        padding: 15px
    }

    .iq-extra-3-table-body-item {
        font-size: 14px
    }

    .iq-extra-3-table-body-item:nth-child(1) {
        width: 240px
    }

    .iq-contact-head {
        margin-bottom: 20px
    }

    .iq-contact-head::before {
        display: none
    }

    .iq-contact-head-menu {
        justify-content: space-between;
        overflow-x: auto;
        padding-bottom: 15px;
        margin-bottom: 15px
    }

    .iq-contact-head-menu__item {
        min-width: 110px;
        width: 33.33%;
        padding: 0 20px;
        font-size: 16px
    }

    .iq-contact-body {
        padding: 0;
        text-align: center
    }

    .iq-contact-body-schedule {
        font-size: 14px
    }

    .iq-contact-body-loc {
        justify-content: center;
        margin-bottom: 15px
    }

    .iq-contact-body-loc__text {
        font-size: 14px
    }

    .iq-contact-body-action {
        display: block
    }

    .iq-contact-body-action__btn {
        margin: 0 0 15px;
        height: 40px;
        max-width: 100%
    }

    .iq-contact-body-action__btn:last-child {
        margin-bottom: 0
    }

    .iq-contact-body-footer {
        display: block
    }

    .iq-contact-body-footer__item-social {
        width: 100%
    }

    .iq-contact-body-footer__item__social {
        justify-content: center
    }

    .iq-contact-body-footer__item__email {
        margin-top: 10px
    }

    .iq-contact-body-map {
        height: 500px
    }

    .iq-cases-container {
        height: 500px
    }

    .iq-cases-item {
        height: 500px
    }

    .iq-cases-item-name {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 2;
        height: 72px
    }

    .iq-cases-item-stats__elem__value {
        font-size: 32px
    }

    .iq-cases-item-wrap::before {
        width: 260px;
        height: 260px
    }
}

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

@media screen and (min-width: 1024px) and (max-width:1920px) {
    .seo-block-2-iq-01 .seo-block-2-tabs-menu {
        width: 500px
    }
}

.notfound-404 {
    background: radial-gradient(55.51% 52.68% at 69.19% 12.41%, #FFF 0%, rgba(255, 255, 255, 0.00) 100%), #EBF3F7;
    ;
    margin-bottom: 1px
}

.notfound-404-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 725px
}

.notfound-404-info {
    flex-shrink: 0;
    width: 520px
}

.notfound-404-info__title {
    color: #000;
    line-height: 1.35;
    margin-bottom: 30px;
    font-size: 68px
}

.notfound-404-info__desc {
    color: #656565;
    font-family: var(--head-font-family);
    margin-bottom: 20px
}

.notfound-404-info__btn {
    max-width: 212px;
    width: 100%
}

.notfound-404-search {
    width: 100%;
    margin-bottom: 50px
}

.notfound-404-search__label {
    width: 100%
}

.notfound-404-search__label__input {
    color: #000;
    background: #ffff;
    border-radius: 9px;
    border: 0;
    height: 55px;
    padding: 0 30px;
    width: 100%;
    font-family: var(--head-font-family)
}

.notfound-404-search__label__input:focus {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
    outline: none
}

.notfound-404-search__label__input::placeholder {
    color: #c6c6c6;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 900
}

.notfound-404-picture {
    margin: 0;
    pointer-events: none
}

.notfound-404-picture__img {}

.bold {
    font-weight: 500;
}

.bolder {
    font-weight: bold;
}

@media screen and (max-width:1399px) {
    .notfound-404-info {
        width: 400px
    }

    .notfound-404-info__title {
        font-size: 50px
    }
}

@media screen and (max-width: 1023px) {
    .notfound-404-wrap {
        flex-direction: column;
        height: auto;
        padding: 40px 0 70px 0
    }

    .notfound-404-info {
        width: 100%;
        text-align: center
    }

    .notfound-404-picture {
        order: -1;
        margin: 0;
        max-width: 600px
    }
}

@media screen and (max-width: 767px) {
    .notfound-404-info__title {
        font-size: 42px
    }

    .notfound-404-info__desc {
        font-size: 14px
    }

    .notfound-404-search {
        margin-bottom: 30px
    }
}

/* @media (max-width:768px) {

} */

.iq-step {
    border-color: #005580 !important;
}

.seo-services__item-desc * {
    font-size: 14px !important;
}

@media (max-width: 992px) {
    .seo-services__item-top {
        padding: 0 !important;
    }

    .seo-promo__quiz__answer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        min-height: 10.76rem;
    }

    .seo-promo__quiz__answer span {
        font-size: 12px;
    }
}

@media (min-width:992px) {
    .desktop__hidden {
        display: none !important;
    }
}
/* End */


/* Start:/local/components/main/context.quiz/templates/.default/style.css?172424194415178*/
@keyframes spanimateC {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate {
    0% {
        transform: rotate(45deg);
    }

    100% {
        transform: rotate(405deg);
    }
}

@media (min-width: 1200px) {

    .step .prev:hover {
        transition-duration: 0.2s;
        background-color: #3D3D3D;
    }

    .back:hover {
        background: #263845;
        color: #fff;
    }

    .kviz-block:hover {
        border: 2px solid #84bc29;
        cursor: pointer;
        transform: scale(1.05);
    }

    .kviz-block:hover .kviz-text {
        color: #fff;
    }

    .kviz-block:hover .kviz-icon {
        color: #84bc29;
    }

    .btn-kviz:hover {
        color: #fff !important;
        transform: translateY(-7px);
    }

    .kviz-step-title:hover {
        border: 1px solid #4895ba;
        color: #fff;
    }
}

.calc {
    box-sizing: border-box;
    padding: 25px;

    display: flex;
    flex-direction: column;
    font-weight: 300;
}

.calc_h {
    font-family: "Montserrat";
    font-weight: 700;
    line-height: 46.36px;
    text-align: left;
    margin-bottom: 20px;
}

.calc_p {
    font-family: "Montserrat";
    font-size: 18px;
    font-weight: 500;
    line-height: 24.84px;
    text-align: left;
}

.calc_img {
    gap: 0px;
    opacity: 0px;
}

.calc-submit {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(2, 0, 36, 0) 0%, rgba(234, 54, 192, 1) 0%, rgba(222, 46, 94, 1) 100%);
    border-radius: 29.49px;
    width: 30%;
    height: 100%;
    color: #FFFFFF;
    padding: 20px;
    border-color: none;
    font-weight: 300;
}

.calc_form {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.calc_input_adress,
.calc_input_adress::placeholder {
    background-color: #d9d9d9;
    font-size: 16px;
    font-weight: 500;
    line-height: 22.08px;
    text-align: left;
    color: #3D3D3D;
    padding: 15px 1px;
    width: 75%;
    border: 1px solid #ddd;
    border-radius: 0px 15px 15px 15px;
}

.calc_input_adress:focus {
    outline: none;
}

.calc_agreement {
    display: flex;
    width: 60%;
    gap: 20px;
    align-items: center;
    justify-content: flex-start;
}



.calc_agreement_text {
    font-size: 12px;
    font-weight: 400;
    line-height: 13.44px;
    text-align: left;
    color: rgba(185, 185, 185, 1);
    margin-bottom: .8rem;
}



.calc_input_checkbox {
    width: 60px;
    background-color: #d9d9d9;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.calc_input_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox-container {
    position: relative;
    display: inline-block;
}

/* input[type="checkbox"] {
    display: none;
} */

.checkbox-item {
    display: none !important;
}

/* input[type="checkbox"]+label {
    width: 33px;
    height: 33px;
    background-color: #d3d3d3;
    border-radius: 5px;
    border: 2px solid #333;
    display: inline-block;
    position: relative;
    cursor: pointer;
} */

.checkbox-item+label {
    width: 33px;
    height: 33px;
    background-color: #d3d3d3;
    border-radius: 5px;
    border: 2px solid #333;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.checkbox-item+label:before {
    content: '';
    position: absolute;
    top: 40%;
    left: 50%;
    width: 20px;
    height: 20px;
    border-right: 3px solid #7dc242;
    border-bottom: 3px solid #7dc242;
    border-radius: 3px;
    transform: translate(-50%, -60%) rotate(45deg);
    display: none;
}

.checkbox-item:checked+label:before {
    display: block;
}

.kviz-step.active.hovered {
    background-color: red;
}

.form-control-kviz-error {
    border: 1px solid red !important;
}

.step {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity 0.4s ease, max-height 0.4s ease;
}

.step.active {
    max-height: none;
    opacity: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.step.fade-out {
    opacity: 0;
}

.step_desc {
    color: #FFFFFF;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 500;
    line-height: 19.32px;
    text-align: left;
}

.modal_h {
    font-weight: 700;
    line-height: 24.46px;
    text-align: left;
    color: rgba(43, 51, 127, 1);
}

.step-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.step_input {
    background-color: #D9D9D9;
    padding: 15px;
    width: 85%;
    border: none;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 500;
    line-height: 19.32px;
    text-align: left;
    border: 1px solid #ddd;
    border-radius: 0px 15px 15px 15px;
}

.step_input:focus {
    outline: none;
}

.step textarea {
    background-color: #D9D9D9;
    padding: 10px;
    width: 85%;
    border: none;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 500;
    line-height: 19.32px;
    text-align: left;
    resize: vertical;
    border: 1px solid #ddd;
    border-radius: 0px 15px 15px 15px;
    min-height: 50px;
}

.step textarea:focus {
    outline: none;
}

.step input::placeholder {
    color: #05080C;
}

.step .next,
.step .prev {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    background: linear-gradient(90deg, rgba(2, 0, 36, 0) 0%, rgba(234, 54, 192, 1) 0%, rgba(222, 46, 94, 1) 100%);
    border-radius: 29.49px;
    width: 30%;
    height: 100%;
    color: #FFFFFF;
    padding: 15px;
    border-color: none;
    font-weight: 300;
}

.step .prev {
    background: none;
    background-color: #295569;
    transition-duration: 0.2s;
}



.step-btn {
    display: flex;
    gap: 20px;
}

.step-btn-submit {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.step_submit {
    color: #FFFFFF !important;
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(2, 0, 36, 0) 0%, rgba(234, 54, 192, 1) 0%, rgba(222, 46, 94, 1) 100%);
    border-radius: 29.49px;
    height: 100%;
    color: #FFFFFF;
    padding: 15px;
    border-color: none;
    font-weight: 300;
    text-align: center;

    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    background: linear-gradient(90deg, rgba(2, 0, 36, 0) 0%, rgba(234, 54, 192, 1) 0%, rgba(222, 46, 94, 1) 100%);
    border-radius: 29.49px;
    width: 30%;
    height: 100%;
    color: #FFFFFF;
    padding: 15px;
    border-color: none;
    font-weight: 300;
}

.modal_calc {
    width: 20%;
    display: flex;
    flex-direction: column;
}

.calc_agreement-query_list,
.calc_agreement_submit {
    width: 100%;
}

.step-5 {
    /* justify-content: center;
    align-items: center;
    padding: 10px; */
}


.calc_bg {
    background: linear-gradient(137deg, rgb(10 77 159 / 6%) 0% 0%, rgb(10 81 161 / 15%) 15%, rgb(32 121 215 / 27%) 75%, rgb(3, 71, 142, .3) 100%);
    border-radius: 0px 250px 0px 250px;
    border-bottom: 12px solid rgb(255 255 255 / 10%);
    border-top: 12px solid rgb(255 255 255 / 10%);
}

.calculator-item {
    display: flex;
}

.kviz-line {
    border-right: 2px dashed #4895ba;
}

#kviz-number-html-status {
    color: rgb(255 255 255 / 60%);
    font-size: 15px;
}

.kviz {
    overflow: hidden;
    background: #0a4d9f;
    position: relative;
    background: linear-gradient(137deg, rgb(10 77 159 / 6%) 0% 0%, rgb(10 81 161 / 15%) 15%, rgb(32 121 215 / 27%) 75%, rgb(3, 71, 142, .3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a4d9f', endColorstr='#2079d7', GradientType=1);
    border-bottom: 12px solid rgb(255 255 255 / 10%);
}

.kviz:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/upload/medialibrary/f21/2zjkqh921litk6yaj5fxts448ozlqwny.png) center no-repeat;
}

.back {
    border: 1px solid #9eadb5;
    color: #9eadb5;
    padding: 6px;
    border-radius: 50px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    display: inline-block;
    padding-left: 6px;
    margin-right: 10px;
}

.back .fa-long-arrow-left {
    font-size: 21px;
}

.kv-checkbox {
    display: none;
}

.kviz-title {
    font-size: 18px;
    color: #fff;
}

.kviz-block {
    padding: 40px 5px;
    min-height: 140px;
    margin: 15px 0px;
    -webkit-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.4);
    border: 3px solid rgb(255 255 255 / 28%);
    transition: 0.5s;
    border-radius: 20px 0px;
    backdrop-filter: blur(5px);
}

@media (min-width: 767px) {

    .kviz {
        border-radius: 0px 0px 250px 0px;
    }

    .vopros-kviz {
        margin: 0px !important;
    }

    .vopros-kviz2 {
        margin: 0px !important;
    }

    .kviz-step-title {
        display: block;
        margin-top: 15px;
        border: 1px solid #ddd;
        padding: 9px 15px;
        color: #fff;
        cursor: pointer;
        font-size: 14px;
        border-radius: 0px 15px 15px 15px;
    }
}

@media (max-width: 767px) {

    .kviz {
        border-radius: 0px 0px 80px 0px;
    }

    .kviz-block {
        margin: 7px 0px !important;
        padding: 4px;
        min-height: 60px;
        max-height: 60px;
    }

    .kviz-step-title {
        display: block;
        margin-top: 15px;
        border: 1px solid #ddd;
        padding: 4px 15px;
        color: #fff;
        cursor: pointer;
        font-size: 12px;
        border-radius: 0px 15px 15px 15px;
    }
}

.next-kviz-active .kviz-text {
    color: #fff;
}

.kviz-icon {
    color: #fff;
}

.kviz-icon2 {
    color: #fff;
    fill: #fff;
}

.icon {
    fill: #FFFFFF;
}

.kviz-text2 {
    font-size: 18px;
    color: #fff;
    margin-top: 10px;
}



.kviz-step-text {
    font-size: 20px;
    color: #fff;
}

.kviz-step-table {
    margin-top: 15px;
    width: 100%;
    background: #000;
    border-radius: 8px 0px;
}

.kviz-step-table tr td {
    width: 20%;
    padding: 3px;
}

.kviz-step.active {
    width: 100%;
    height: 4px;
    border-radius: 9px 0px;
    background: #4895ba;
    display: block;
}

.btn-kviz {
    color: #fff !important;
    background: transparent;
    border: 1px solid #fff !important;
    transition: 0.5s;
    width: 100%;
    text-align: center;
    cursor: pointer;
    padding: 5px 0px;
    border-radius: 10px !important;
}

.row-kviz {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.next-kviz {
    cursor: pointer;

}

.next-kviz-active {
    border: 3px dashed #4895ba;
}

.kviz-step-title .fa-check {
    margin-right: 8px;
}

.kviz-step-title-active {
    border: 1px solid #fff;
    background: #1c6f97;
    color: #fff;
}

.quiz.active {
    border: 1px solid #fff;
    background: #1c6f97;
    color: #fff;
}

.float-label2 {
    position: absolute;
    cursor: text;
    font-size: 85%;
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    top: -.3em;
    left: 3.75rem;
    z-index: 3;
    line-height: 1;
    padding: 0 1px;
    background: rgb(28 42 51 / 45%);
    padding-left: 3px;
    padding-right: 3px;
    color: #9eadb5;
}

.kviz-width {
    width: 45px;
    height: 45px;
}

.kviz-text {
    padding-left: 20px;
    color: #fff;
}

#kviz-number-html {
    background: #000000;
    display: inline-block;
    width: 31px;
    text-align: center;
    border-radius: 50%;
}


.form-input-box-kviz {
    position: relative;
}

.form-input-box-kviz input,
.form-input-box-kviz textarea {
    width: 100%;
    padding: 22px 17px 10px 19px;
    font-size: 16px;
    color: #fff;
    background: transparent;
    color: #fff;
    border: 3px solid rgb(255 255 255 / 24%);
    border-radius: 10px;
    backdrop-filter: blur(5px) !important;

}

.form-input-box-kviz input:focus~label,
.form-input-box-kviz input:not(:placeholder-shown)~label,
.form-input-box-kviz textarea:focus~label,
.form-input-box-kviz textarea:not(:placeholder-shown)~label {
    top: -12px;
    left: 0;
    font-size: 11px;
}

.form-input-box-kviz label {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0px 15px;
    margin: 18px 20px;
    font-size: 15px;
    color: #dddddd;
    pointer-events: none;
    transition: .5s;
    background: transparent;
}

.form-control-kviz-error {
    border: 1px solid red !important;
}

@media (min-width:992px) {
    .kviz-text-size {
        font-size: 18px;
    }
}

@media (max-width: 992px) {
    .kviz-width {
        width: 35px;
        height: 35px;
        margin-top: 5px;
    }

    .kviz-text-size {
        padding-left: 5px;
        font-size: 11px;
        line-height: 13px;
    }

    .kviz-mob-right {
        padding-right: 5px !important;
    }

    .kviz-mob-left {
        padding-left: 5px !important;
    }

}

.spiner-load {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 240px;
    height: 240px;
    background: transparent;
    border: 3px solid #3c3c3c;
    border-radius: 50%;
    text-align: center;
    line-height: 27px;
    padding-top: 90px;
    font-size: 22px;
    color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .5);
}

.spiner-load:before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top: 3px solid #fff000;
    border-right: 3px solid #fff000;
    border-radius: 50%;
    animation: spanimateC 3s linear infinite;
}

.spiner-load span {
    display: block;
    position: absolute;
    top: calc(50% - 2px);
    left: 50%;
    width: 50%;
    height: 4px;
    background: transparent;
    transform-origin: left;
    animation: animate 3s linear infinite;
}

.spiner-load span:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff000;
    top: -6px;
    right: -8px;
    box-shadow: 0 0 20px #fff000;
}

@media (min-width: 1px) and (max-width: 1200px) {
    .calc_bg {
        border-radius: 0px 50px 0px 50px;
    }
}

@media (min-width: 1px) and (max-width: 1199px) {
    .kviz-line {
        display: none;
    }
}


@media (min-width: 65px) and (max-width: 415px) {
    .calc-submit {
        width: 100%;
    }

    .calc_input_adress,
    .calc_input_adress::placeholder {
        width: 100%;
    }

    .calc_agreement {
        width: 100%;
    }
}

@media (min-width: 1px) and (max-width: 1200px) {

    .calc_bg {
        border-radius: 0px 50px 0px 50px;
    }

    .calc_img {
        display: none;
    }

    .step_input {
        width: 100%;
    }

    .step .next {
        width: 50%;
    }

    .step textarea {
        width: 100%;
    }
}
/* End */


/* Start:/local/components/main/quiz.v2/templates/.default/style.css?17741932838888*/
#quiz{
	overflow: hidden;	
	background: #0a4d9f;
    position: relative;
	background: linear-gradient(137deg, rgb(10 77 159 / 6%) 0% 0%, rgb(10 81 161 / 15%) 15%,rgb(32 121 215 / 27%) 75%, rgb(3,71,142,.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a4d9f', endColorstr='#2079d7',GradientType=1 );
	border-bottom: 12px solid rgb(255 255 255 / 10%);
}

#quiz_bigtext{
    position: absolute;
    color: rgb(255 255 255 / 3%);
    font-size: 71px;
    white-space: nowrap;
    font-family: 'Arial', Gadget, sans-serif;
    font-weight: 800;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: fit-content;
    top: 34px;
}
  
.quiz-title{
	font-size:18px;
	color:#fff;
}

.quiz-block{ 
	padding:40px 5px;
	min-height:140px;
	margin:15px 0px;
	-webkit-box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.4);
	/*background-color:rgba(0, 0, 0, 0.5);*/
	/*background: #fff;*/
	border:3px solid rgb(255 255 255 / 28%);
	/*box-shadow: 9px 8px 20px 0px #000000, -13px -13px 22px #192c35de;*/
	transition: 0.5s;
	border-radius: 25px 10px; 
	backdrop-filter: blur(5px);
	cursor: pointer;
}
 
.quizback {
    border: 1px solid #9eadb5;
    color: #9eadb5;
    padding: 5px 4px 4px 4px;
    border-radius: 50px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    display: inline-block;
    padding-left: 6px;
	margin-right:10px;
}
 

.quizback:hover {
	background: #263845;
}


.answers-active{
	border: 3px dashed #84bc29;
	background: rgb(132 188 41 / 20%);
}

.quiz-step-line2{
	position: relative; 
    margin-top: 20px;
    margin-bottom: 36px;
}

.swiper-pagination-swiperquiz{
	border-radius: 20px !important;
    height: 11px !important;
    overflow: hidden;
}
.swiper-pagination-swiperquiz span{
    background-image: linear-gradient(0.913turn, rgba(188, 236, 48, 1) 0%, rgba(25, 205, 16, 1) 48%, rgba(1, 176, 137, 1) 100%) !important;
    border-radius: 20px !important;
    height: 5px !important;
    margin-top: 3px;
    margin-left: 2px;
    width: 98.7% !important;
}

.quiz-step-title span{
	display: inline-block;
    border-right: 1px solid rgb(255 255 255 / 38%);
    padding-right: 17px;
    width: 15px;
    text-align: center;
    margin-right: 4px;
}
 
@media (min-width: 767px){
	
	#swiperquiz div {
        padding-bottom: 10px;
    }
	
	.quiz-number-b{
		color: #fff;
        border-radius: 50%;
        border: 3px dashed rgb(255 255 255 / 39%);
        width: 44px;
        display: block;
        text-align: center;
        margin-right: 20px;
        padding-top: 4px;
        height: 44px;
        font-size: 22px;
	}
	
	.quiz-swiper-container{
		padding:15px;
	}
	
	.quiz-text{ 
		color:#fff;
		font-size:18px; 
	}
	
	.quiz-text-next{
		color: #fff;
        font-size: 18px;
        display: block;
        margin-top: 7px;
	}

	.quiz-block svg{
		margin-right:20px;
		margin-left:10px;
	}

	#quiz{
		border-radius: 0px 0px 250px 0px;
	}
 
	.quiz-block-step{
		padding: 0px 15px ;
	}
	 
	.quiz-step-title{
		display: block;
        margin-top: 15px;
        border: 2px solid rgb(255 255 255 / 36%);
        padding: 9px 15px;
        color: #fff;
        cursor: pointer;
        font-size: 14px;
        border-radius: 15px;	
	}

	.quiz-vertical-line{
		border-left: 2px dashed   #3984d7;
	} 
	
	.quiz-block:hover{ 
		border: 2px solid #84bc29;
		cursor: pointer; 
		/*transform: scale(1.05);*/
	}

}

@media (max-width: 767px){
  
	.quiz-number-b{
		color: #fff; 
        border-radius: 50%;
        border: 1px dashed #fff;
        width: 41px;
        display: block;
        text-align: center;
        margin-right: 5px;
        padding-top: 4px;
        height: 42px;
        font-size: 20px;
	}
	.quiz-text{ 
		color:#fff;
		font-size:12px;
		line-height: 15px;
        display: block; 
	}
	.quiz-text-next{
		color: #fff;
        font-size: 18px;
        margin-top: 5px;
        display: block;
	}
	
	.quiz-block svg{
		margin-right:3px;
	}
	
	#quiz{
		border-radius: 0px 0px 80px 0px;
	}
	
	.quiz-block{
		margin: 7px 0px !important;	
		padding: 8px 4px 4px 4px ;
		min-height: 65px;
		max-height: 65px;
	}
	
	.quiz-col-mob1{
		padding-right: 5px !important;
	}
	.quiz-col-mob2{
		padding-left: 5px !important;
	}
	
	.quiz-step-title{
		display: block;
        margin-top: 15px;
        border: 2px solid rgb(255 255 255 / 36%);
        padding: 4px 15px;
        color: #fff;
        cursor: pointer;
        font-size: 12px;
        border-radius: 15px;	
	}
	
	.quiz-vertical-line{
	 
	} 
	
	.quiz-block:hover{ 
		border: 2px solid #84bc29;
		cursor: pointer;  
	}
	
 
}


.next-quiz-active .quiz-text{
	color: #fff;
}

.quiz-block:hover .quiz-text{
	color: #fff;
}
 
.quiz-block:hover .quiz-svg{
	fill: #84bc29 !important;
}
 
 

 



.quiz-step-text{
	font-size:20px;
	color:#fff;
}

.quiz-step-line{
	margin-top:15px;
	width:100%;
	background: #000;
    border-radius: 8px 0px;
	height: 8px;
	padding: 1px;
    display: flex;
}

.quiz-step-line > div{
	flex-grow: 1;
    margin: 1px;
    border-radius: 10px 0px 10px 0px;
    cursor: pointer;
	height: 4px;
} 

.quiz-step-active{
    background: #84bc29; 
}




.btn-quiz{
	color: #fff !important;
	background:transparent;
	border: 3px solid rgb(255 255 255 / 24%);
	transition: 0.5s;
	width:100%;
	text-align:center;
	cursor:pointer;
	padding: 5px 0px;
	border-radius: 10px !important;
}

 
.btn-quiz:hover {
	color:#fff !important;
	transform: translateY(-7px);
}

 
.quiz-step-title:hover{
	border: 2px solid #84bc29;
	color:#fff;
}

 
#quiz-active-status {
    color: rgb(255 255 255 / 60%);
    font-size: 15px;
}


.quiz-step-title-active{
	border: 2px solid rgb(255 255 255 / 68%);
	background: linear-gradient(152deg, rgba(33, 144, 155, 1) 46%, rgba(15, 78, 84, 1) 86%);
    color: #fff;
}
 

#quiz-number-active{
	background: #000000;
    display: inline-block;
    width: 31px;
    text-align: center;
    border-radius: 50%;
}

 
 
 
 
 
 


.form-input-box-quiz {
  position: relative;
}

.form-input-box-quiz input,
.form-input-box-quiz textarea{
    width: 100%;
    padding: 22px 17px 10px 19px;
    font-size: 16px;
    color: #fff;
    background: transparent;
    color: #fff;
	border: 3px solid rgb(255 255 255 / 24%); 
	border-radius: 10px;
	backdrop-filter: blur(5px) !important;
 
}

.form-input-box-quiz input:focus ~ label,
.form-input-box-quiz input:not(:placeholder-shown) ~ label,
.form-input-box-quiz textarea:focus ~ label,
.form-input-box-quiz textarea:not(:placeholder-shown) ~ label{
  top: -12px;
  left: 0;
  font-size: 11px; 
}
 
.form-input-box-quiz label {
  position: absolute;
  top:0;
  left: 0;
  padding: 0px 15px;
  margin: 18px 20px;
  font-size: 15px;
  color: #dddddd;
  pointer-events: none;
  transition: .5s;
  background: transparent;
}

.form-control-quiz-error{
	border: 1px solid red !important;
}











/* отправка формы */
.spiner-load{
	  position:absolute;
	  top:50%;
	  left:50%;
	  transform:translate(-50%,-50%);
	  width:240px;
	  height:240px;
	  background:transparent;
	  border:3px solid #3c3c3c;
	  border-radius:50%;
	  text-align:center;
	  line-height: 27px;
	  padding-top: 90px;
	  font-size: 22px;
	  color:#fff;
	  box-shadow:0 0 20px rgba(0,0,0,.5);
}
.spiner-load:before{
	  content:'';
	  position:absolute;
	  top:-3px;
	  left:-3px;
	  width:100%;
	  height:100%;
	  border:3px solid transparent;
	  border-top:3px solid #fff000;
	  border-right:3px solid #fff000;
	  border-radius:50%;
	  animation:spanimateC 3s linear infinite;
}
.spiner-load span{
	  display:block;
	  position:absolute;
	  top:calc(50% - 2px);
	  left:50%;
	  width:50%;
	  height:4px;
	  background:transparent;
	  transform-origin:left;
	  animation:animate 3s linear infinite;
}
.spiner-load span:before{
	  content:'';
	  position:absolute;
	  width:16px;
	  height:16px;
	  border-radius:50%;
	  background:#fff000;
	  top:-6px;
	  right:-8px;
	  box-shadow:0 0 20px #fff000;
}
@keyframes spanimateC{
  0%
  {
    transform:rotate(0deg);
  }
  100%
  {
    transform:rotate(360deg);
  }
}
@keyframes animate{
  0%
  {
    transform:rotate(45deg);
  }
  100%
  {
    transform:rotate(405deg);
  }
}



/*  иксированный блок */	
.uznay_price{
	position: fixed !important;
	left: 0px;
	bottom: 18px;
	border-radius: 0px 7px 9px 0px !important;
	color: #fff;
	padding: 12px 18px 12px 5px !important;
	z-index: 999;
	overflow: hidden;
	
}

.uznay_price span{
	display: block;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 600;
}
 
.uznay_price b{
	display: block;
	color: #fff;
	font-size: 16px; 
	font-weight: 600;
	margin-top: 3px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 70px; 
	transition: all .4s linear;
}

.uznay_price:hover{
	text-decoration: none;
}

.uznay_price:hover b{
	width:260px !important;
}
	
/* End */


/* Start:/local/components/main/smart.chat/templates/.default/style.css?17426638076934*/
.schat-question-text{
	color:#3f3f3f
}

.schat-question-text > ul{
	padding-top:10px;
}

@media (min-width: 992px){
 
	.smartchat{
		padding-top:70px;
		padding-bottom:70px;
	}
	
	.smartchat-h1{
		padding-bottom:30px;
	}

	 .schat-question {
		background: rgba(253,253,253,1);
		box-shadow: 0 0px 5px 0 #DDDDDD;
		-webkit-box-shaddow: 0 0px 5px 0 #DDDDDD;
		border-radius: 8px;
		padding: 15px 25px;
		display: inline-block;
		max-width: 90%;
		font-size: 15px;
		position: relative;
	}
	
		
	.schat-question:before {
		content: '';
		display: block;
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 9px 9px 9px 0;
		border-color: transparent #ffffff transparent transparent;
		left: 0;
		top: 17px;
		margin-left: -8px;
	}
 	
	.schat-td{
		width:90px;
		vertical-align: top;
	}
	
	.schat-btn {
		border: 1px solid rgba(10,36,64,1);
		background: rgba(10,36,64,1);
		color: #fff !important;
		font-size: 15px;
		border-radius: 10px;
		display: inline-block;
		padding: 8px 16px;
		cursor: pointer; 
		margin: 6px 4px;
		box-shadow: 0 0px 5px 0 #DDDDDD; 
		opacity: 0; 
		transition: 0.5s;
		animation: schat-btn-animation;
		animation-duration: .5s;
		animation-timing-function:linear ;
		animation-fill-mode:forwards ;
	}
	
	
	.schat-avatar { 
		width: 60px;
		height: 60px;
		border-radius: 30px;
		border: 2px solid #047fc5;
		padding: 2px; 
	}

	.schat-avatar-0 { 
		position: relative; 
	}
	.schat-avatar-0 span { 
		position: absolute;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		left: 41px;
		bottom: 2px;
		border: 2px solid;
		animation: ionline 3s linear infinite;		
	}
	
	
	 @keyframes ionline{
		0%
		{
			background: #66951b;
		}
		50%
		{
			background: #93d12f; 
		}
		100%
		{
			background: #66951b;
		}
	}   
	
}

@media (max-width: 992px){
 
	.schat-question {
		background: rgba(253,253,253,1);
		box-shadow: 0 0px 5px 0 #DDDDDD;
		-webkit-box-shaddow: 0 0px 5px 0 #DDDDDD;
		border-radius: 8px;
		padding: 15px 25px;
		display: inline-block;
		max-width: 90%;
		font-size: 13px;
		line-height: 16px;
		position: relative;
	}
	
		
	.schat-question:before {
		content: '';
		display: block;
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 9px 9px 9px 0;
		border-color: transparent #ffffff transparent transparent;
		left: 0;
		top: 15px;
		margin-left: -7px;
	}
	

	
	.schat-td{
		width:60px;
		vertical-align: top;
	}
	
	.schat-btn {
		border: 1px solid rgba(10,36,64,1);
		background: rgba(10,36,64,1);
		color: #fff !important;
		font-size: 13px;
		border-radius: 10px;
		display: inline-block;
		padding: 6px 10px;
		cursor: pointer; 
		margin: 6px 4px;
		box-shadow: 0 0px 5px 0 #DDDDDD; 
		opacity: 0; 
		transition: 0.5s;
		animation: schat-btn-animation;
		animation-duration: .5s;
		animation-timing-function:linear ;
		animation-fill-mode:forwards ;
	}

	.schat-avatar { 
		width: 50px;
		height: 50px;
		border-radius: 30px;
		border: 2px solid #cef4e3;
	} 
	
	.schat-avatar-0 { 
		position: relative; 
	}
	.schat-avatar-0 span { 
		position: absolute;
		width: 12px;
		height: 12px; 
		border-radius: 50%;
		left: 41px;
		bottom: 2px;
		border: 2px solid; 
		animation: ionline 3s linear infinite;		
	}
	
	
	 @keyframes ionline{
		0%
		{
			background: #66951b;
		}
		50%
		{
			background: #93d12f; 
		}
		100%
		{
			background: #66951b;
		}
	} 
	
}





.smartchat{
	background: linear-gradient(180deg,rgb(19 120 177 / 43%) 0%,rgb(0 0 0 / 0%) 100%);
	position:relative;
	overflow: hidden;
	/*backdrop-filter: blur(10px); 	*/
}

.smartchat-line1{
	background: linear-gradient(0deg,rgb(3,181,170) 0%,rgb(13,46,81) 100%);
    position: absolute;
    left: 39px;
    height: 50%;
    width: 14px;
    border-radius: 20px;
    top: 40px;
	position:absolute; 
}
 
 

.smartchat-line2{
	background: linear-gradient(0deg,rgb(0,167,255) 0%,rgb(11,40,71) 100%);
    position: absolute;
    right: 71px;
    height: 50%;
    width: 14px;
    border-radius: 20px;
    bottom: 30px;
	position:absolute;
}



/*
.smartchat-krug1{
	position: absolute;
    left: 41px;
    bottom: -27px;
	background: linear-gradient(0deg,#1e4f85 0%,rgb(11,40,71) 100%);
    height: 250px;
    width: 250px;
    border-radius: 50%;
	animation: 15s linear 0s normal none infinite running krug1-an;
    -webkit-animation: 15s linear 0s normal none infinite running krug1-an;
}

@keyframes krug1-an {
  0% {
    transform: rotate(0deg) translateY(0px);
  }
  50% {
    transform: rotate(360deg) translateY(200px);
  }
  100% {
    transform: rotate(0deg) translateY(0px);
  }
}
@-webkit-keyframes krug1-an {
  0% {
    transform: rotate(0deg) translateY(0px);
  }
  50% {
    transform: rotate(360deg) translateY(200px);
  }
  100% {
    transform: rotate(0deg) translateY(0px);
  }
}
*/




.schat-table{
	width:100%;
	border-collapse:separate; 
	border-spacing: 0 12px;
}



.schat-question b{
	font-weight: 600;
}


.schat-btn:hover{ 
	background: rgb(12 45 81);
	border: 1px solid #84bc29;
	transform: translateY(-5px);
}

 

@keyframes schat-btn-animation{
   0% {
	  opacity: 0; 
	  transform: translateY(80px);
   }
   100% {
	  opacity: 1;
	  transform: translateY(0);
   }
}


.schat-td-btn{
	text-align: right;
}

.schat-time{
	color: #e7e7e7;
    font-size: 12px;
    margin-top: 5px;
    margin-left: 8px;
}

.schat-load{
	width: 100px;
	height: 21px;
}
.schat-load span{
	display: inline-block;
    background: #444444;
    width: 20px;
    height: 20px;
    border-radius: 50%;
	transform: scale(.5);
	animation: zagr1 .8s linear infinite;
}


.schat-load span:nth-child(1){
     animation-delay: 0s;
}
.schat-load span:nth-child(2){
     animation-delay: 0.3s;
}
.schat-load span:nth-child(3){
     animation-delay: 0.6s;
}


@keyframes zagr1{
   0% { 
	  transform: scale(.5);
   }
   50% {
	  transform: scale(1);
   }
   100% { 
	  transform: scale(.5);
   }
}

 

.schat-input-box {
  position: relative;
}

.schat-input-box input,
.schat-input-box textarea{
    width: 100%;
    padding: 20px 17px 7px 17px;
    height: 50px;
    font-size: 16px;
    color: #000;
    margin-bottom: 14px;
    border: 2px solid #f4f4f4;
    outline: none;
    background: #f4f4f4;
	border-radius: 10px;
}

.schat-input-box input:focus ~ label,
.schat-input-box input:not(:placeholder-shown) ~ label,
.schat-input-box textarea:focus ~ label,
.schat-input-box textarea:not(:placeholder-shown) ~ label{
	  top: -11px;
	  left: -4px;
	  font-size: 11px;
}

.schat-input-box input:focus,
.schat-input-box input:not(:placeholder-shown),
.schat-input-box textarea:focus,
.schat-input-box textarea:not(:placeholder-shown){
    border: 2px solid #cccdcb;
    border-radius: 5px;
	background: #fff;
	border-radius: 10px;
}
 
.schat-input-box label {
	position: absolute;
    top: 0;
    left: 0;
    padding: 7px 6px;
    margin: 7px 15px;
    font-size: 15px;
    color: #4e5662;
    pointer-events: none;
    transition: .5s;
    font-weight: 500;

}




/* End */


/* Start:/local/templates/main/components/bitrix/news.list/reviews/style.css?17741912231878*/
.main-reviews__item {
    padding: 25px;
    backdrop-filter: blur(30px);
	/*background: rgba(255,255,255,.1);*/
	background:#fff;
    border-radius:25px 50px 25px 25px ;
	border-bottom: 10px solid rgb(26 95 109 / 14%);	
	height: auto !important;
	-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

.main-reviews__item_ava{
	width: 50px;
    height: auto;
}

.main-reviews__item span {
	display:block;
	font-size:13px;
	color:#585252;
 
}

.swiper-slide-reviews{
    
}

.main-reviews__info{
	padding-left:20px;
}


.main-reviews__name {
	font-weight: 600;
	font-size: 24px;
	line-height: 1.2;
	color: #333333;
	margin-bottom: 15px;
	text-align:left;
}


.btn_reviews {
    background: #0088cc;
    padding: 7px 20px;
    color: #fff !important;
	font-size: 13px;
    font-weight: 400;
    cursor: pointer;
    text-align: center;
	border-radius: 6px;
	transition: all .3s linear;
}

.btn_reviews:hover{
	background: #7bae2c;
	text-decoration:none;
}

.swiper-pagination-reviews span{
	background:#fff;
}



@media (min-width:992px) {
	
	.main-reviews__info b{
		font-weight: 600;
		color:#000
	}
 
 
	.main-reviews__text {
		color: #000;
		font-size: 15px;
		display:block;
		margin-top:10px;
		height: 180px;
		overflow: hidden;
		font-weight: 300;
	}
	
	/*
	.swiper-wrapper-otzev > .swiper-slide{
		transform: scale(.8);  
		transition:all 200ms linear;
	}
	.swiper-wrapper-otzev > .swiper-slide-active{
		transform: scale(1);  
	}
	*/

}

@media (max-width:992px) {
	
	.main-reviews__info b{
		font-weight: 600;
		color:#000;
		font-size: 13px;
	}
	.main-reviews__info span{ 
		font-size: 11px;
	}
	
	.main-reviews__text {
		color: #000;
		font-size: 13px;
		display:block;
		margin-top:10px;
		height: 180px;
		overflow: hidden;
		font-weight: 300;
	}
}
/* End */


/* Start:/local/templates/main/components/bitrix/news.list/all.services/style.css?17598122262053*/

@media (min-width:992px) {
	
	#bg_all_services{
		margin-top: 50px;
		margin-bottom: 50px;
		border-top: 12px solid rgba(255, 255, 255, 0.1);
		border-bottom: 12px solid rgba(255, 255, 255, 0.1);
		border-radius: 0px 250px 250px 0px;
		overflow: hidden;
	}

	
	.all_services_container{
		height: 100%; 
		padding: 40px;
	}
	
}
 
@media (max-width:992px) {
	
	#bg_all_services{
		margin-top: 35px;
		margin-bottom: 35px;
		border-top: 12px solid rgba(255, 255, 255, 0.1);
		border-bottom:5px solid rgba(255, 255, 255, 0.1);
		border-radius: 20px;
		overflow: hidden;
	}
	
	
	.all_services_container{
		height: 100%; 
		padding: 20px 15px ;
	}
	
}


.all_services{
    height: auto !important;
}



.all_services_name_z{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: nowrap;
}

.all_services_name{
   display: block;
    font-size: 30px;
    margin-bottom: 16px;
    color: #fff;
    font-weight: 400;
    font-family: "Tektur", sans-serif;
}

 


.all_services_list {
	color: #ebebeb;
    text-decoration: none;
    display: block;
    padding: 5px 0px 5px 16px;
    font-size: 17px;
    font-weight: 300;
    position: relative;
	border: 1px solid #ffffff00;
	border-radius: 10px;
    transition: all .3s linear;
}

.all_services_list:before {
    width: 8px;
    height: 1px;
    background: #4b9fc7;
    position: absolute;
    content: "";
    left: 4px;
    top: 16px;
    transition: all 0.3s ease;
}

.all_services_list:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 0;
    height: 1px;
    background-color: #4b9fc7;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transition-delay: 0.2s;
}

.all_services_list:hover {
	text-decoration: none;
    color: #84bc29;
    border: 1px solid #ffffff75;
    border-radius: 10px;
    background: #0000000f;
}

/*
 
.all_services_list:hover:after {
    width: 100%;
}

.all_services_list:hover:before {
    top: 29px;
    background: #84bc29;
    opacity: 0;
}
*/
/* End */


/* Start:/local/templates/main/components/bitrix/news.list/clients/style.css?17001328552201*/
.lclients {
    position: relative;
	background:#fff;
	/*border: 4px solid #d8d8d8;*/
	/*border-radius: 10% 77% 42% 20% / 10% 59% 31% 18%;*/
	border-radius: 30px;
	overflow: hidden;
	background: linear-gradient(218deg, #364566, #408887);
	padding:4px;
}

.lclients2{
	background:#fff;
	border-radius:27px;
	overflow: hidden;
}


.lclients2_logo{
	position: relative;
    max-width: 130px;
    min-width: 70px;
    height: 130px;
    line-height: 130px;
    margin: 0 auto;
    padding: 0px;
    vertical-align: middle;
    text-align: center;
    zoom: 1;
    display: block;
    overflow: hidden;
}
 
.lclients2_logo img {
	 max-width: 100%;
    max-height: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 0;
    vertical-align: middle;
    max-width: 100%;
 
}
 
 

.lclients2:hover .lclients2_logo{
	display:none
}

.lclients2:hover .lclients2_info{
	display: block !important;
    color: #000;
    background: #fff;
    height: 130px;
    text-align: center;
    font-size: 12px;
    padding: 15px 7px 10px 7px;
    text-decoration: none;
    line-height: 14px;
}

.lclients2_info img{
	height:35px; 
	padding-bottom: 10px;
	margin-top: 13px;
}
 
 
 
 
 

@keyframes divgo3 {
  0%{
	  border-radius: 10% 77% 42% 20% / 10% 59% 31% 18%;
  }
  20%   {
	  border-radius: 47% 44% 69% 17% / 22% 65% 17% 24%;
  }
  40%   { 
  	   border-radius: 63% 15% 35% 52% / 22% 65% 17% 61%;
  }
  60%   {
	  border-radius: 10% 77% 42% 20% / 10% 59% 31% 18%;
  }
  80%   {
	  border-radius: 25%;
  }
  100%{
	  border-radius: 10% 77% 42% 20% / 10% 59% 31% 18%;
  }
}

.swiper-pagination-client span{
	background:#fff;
}

.swiper-arrow-client {
	cursor: pointer;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    padding-top: 5px;
    position: absolute;
    z-index: 100;
    bottom: 43px;
    background: #fff;
	transition: all .2s ease-in-out;
}

.swiper-arrow-client:hover{
	transform: scale(1.1);
}

@media (min-width: 768px){
 
	.swiper-arrow-client-l{
		left: 39%;
	}
	
	.swiper-arrow-client-r{
		right: 39%;
	}
 
}
@media (max-width: 768px){
 
	.swiper-arrow-client-l{
		left: 24%;
	}
	
	.swiper-arrow-client-r{
		right: 24%;
	}
}
/* End */


/* Start:/bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?16000782672530*/
.bx-pagination{margin:10px 0}.bx-pagination .bx-pagination-container{text-align:center;position:relative}.bx-pagination .bx-pagination-container ul{padding:0;margin:0;list-style:none;display:inline-block}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px 2px}.bx-pagination .bx-pagination-container ul li span{-webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-o-transition:color .3s ease,background-color .3s ease,border-color .3s ease;transition:color .3s ease,background-color .3s ease,border-color .3s ease;background:#eff0f1;padding:0 8px;display:block;height:32px;min-width:32px;line-height:32px;color:#444;font-size:14px;border-radius:16px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-pagination .bx-pagination-container ul li a{text-decoration:none;display:block;border-radius:16px;height:32px;min-width:32px;line-height:32px;color:#444;vertical-align:middle}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span{background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px;color:#444}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span{color:#aab1b4;background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span{background:#fff;border-color:#dadada;color:#000}.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{background:#3bc915;color:#fff}.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{background:#f9a91d;color:#fff}.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{background:#e22b2b;color:#fff}.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}
/* End */
/* /promotion/seo/seo.css?173011554084167 */
/* /local/components/main/context.quiz/templates/.default/style.css?172424194415178 */
/* /local/components/main/quiz.v2/templates/.default/style.css?17741932838888 */
/* /local/components/main/smart.chat/templates/.default/style.css?17426638076934 */
/* /local/templates/main/components/bitrix/news.list/reviews/style.css?17741912231878 */
/* /local/templates/main/components/bitrix/news.list/all.services/style.css?17598122262053 */
/* /local/templates/main/components/bitrix/news.list/clients/style.css?17001328552201 */
/* /bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?16000782672530 */