body {
    font-family: 'Montserrat';
}


.akciya-form{
    max-width: 622px;
    padding: 64px 16px 24px;
}

.akciya-form__title{
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #213B76;
}

.akciya-form__title-color{
    color: #1A7FAC;
}

.akciya-form__text{
    padding-top: 36px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}

.akciya-form__label{
    padding-top: 24px;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    padding-bottom: 16px;
}

.akciya-form__input{
    height: 46px;
    border: 1px solid #CDDEE5;
    box-sizing: border-box;
    border-radius: 8px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin-bottom: 16px;
    outline: none;
}

.akciya-form__button{
    background: #8388FF;
    border-radius: 50px;
    filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.25));
    height: 48px;
    border: 0;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    width: 100%;
    color: #FFFFFF;
    outline: none;
    text-transform: uppercase;
    cursor: pointer;
}

.akciya-form__button:disabled,
.akciya-form__button:hover:disabled{
    cursor: inherit;
    opacity: .5;
    background: #8388FF;
    box-shadow: none;
}

.akciya-form__button:hover{
    background: #656ADF;
    box-shadow: inset 0px 2px 10px rgba(0, 0, 0, 0.25);
}

.akciya-form__button:active{
    background: #1A7FAC;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
}

.speech-link-target__close{
    right: 8px;
    top: 13px;
    width: 13px;
    height: 10px;
    position: absolute;
    border: 0;
    background-image: url(../img/popup__close.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    outline: none;
}

.speech-link-target {
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 20px;
    font-size: 14px;
    line-height: 17px;
    /* margin-top: 20px; */
    position: absolute;
    z-index: 1;
    box-sizing: border-box;
}

.speech-link {
    color: #FF8A58;
    cursor: pointer;
}

.speech--option{
    display: none;
}

.speech-link-target{
    display: none;
}

.site-header__city-val{
    position: relative;
}

.site-header__city-val:after{
    content: '';
    display:block;
    position: absolute;
    top: 3px;
    right: -20px;
    background-image: url('../img/site-header__city-val-arrow.svg');
    height: 6px;
    width: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    transform-origin: center;
    /* transform: rotate(180deg); */
}

.site-header__city-val.site-header__city-val--open:after{
    transform: rotate(180deg);
}

.city-select{position: absolute;z-index: 100000000000000;background: #fff;width: 242px;height: 318px;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);border-radius: 4px;padding: 24px;display: none;}

.city-select.city-select--open{
    display: block;
}

.city-select__scroll{max-height: 100%;overflow-y: scroll;}

.change-city{
    font-size: 10px;
    line-height: 12px;
    text-decoration-line: underline;
    color: #8388FF;
}

.city-select__item{
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 6px;
    cursor: pointer;
}

.consultation-pop-up__form-phone-text {
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    padding-bottom: 10px;
}

.consultation-pop-up__form-input {
    border: 1px solid #CDDEE5;
    border-radius: 8px;
    width: 100%;
    box-sizing: border-box;
    height: 42px;
    margin-bottom: 12px;
    text-align: center;
    font-size: 10px;
    outline: none;
}

.consultation-pop-up__form-button {
    height: 48px;
    border-radius: 60px;
    border: 0;
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    margin-bottom: 8px;
    outline: none;
    background: #8388FF;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
    border-radius: 50px;
}

.consultation-pop-up__form-button:disabled{
    opacity: .5;
}

.dopolnitelno__slider-container{
    height: 200px;
    text-align: center;
}

.itogi-testa__slider-container div,
.itogi-testa__slider-container a ,
.dopolnitelno__slider-container div,
.dopolnitelno__slider-container a{
    height: 100%;
}

.itogi-testa-item__header-artikul-text {
    margin-right: 5px;
}

.dopolnitelno__slider-container-img {
    max-width: 100%;
    height: 100%;
}


.itogi-testa__params-param-value {
    width: 39%;
    display: inline-block;
    line-break: anywhere;
}


.itogi-testa__slider-container-img {
    max-width: 100%;
    height: 100%;
}


.quiz-result__tizer {position: relative;background: #fff;height: 200px;}
.quiz-result__tizer-container {width: 249px;margin: 0 auto;padding-top: 25px;position: relative;}
.quiz-result__tizer-text {position: absolute;width: 203px;left: 0px;top: 25px;font-weight: bold;font-size: 14px;line-height: 18px;
/* or 129% */color: #46434F;opacity: 0.7;padding-left: 52px;}
.quiz-result__tizer-ico--mobile {position: absolute;left: 7px;top: 0px;}
.quiz-result__tizer-ico--desktop {display: none;}
.quiz-result__tizer-alexandra--desktop {display: none;}


.coments__img-container{
    display: none;
}

.your-gift-result__position{margin-top: 20px;}

 .your-gift-result__container{
       background: #E4F0FC;
       box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
       border-radius: 20px;
    }

.your-gift-result {
}
.your-gift-result__title {font-weight: 500;font-size: 20px;line-height: 24px;padding-top: 54px;padding-bottom: 40px;padding-left: 10%;padding-right: 10%;}
.your-gift-result__img {
}
.your-gift-result__img-img {width: 100%;}
.your-gift-result__name {font-weight: 600;font-size: 22px;line-height: 27px;text-align: center;padding-top: 28px;padding-left: 10%;padding-right: 10%;}
.your-gift-result__podarok-zakreplen {font-size: 11px;line-height: 13px;padding-top: 49px;padding-left: 10%;padding-right: 10%;padding-bottom: 23px;}


.ostalos-voprosov__header-title-name{
    color: #D3000F;
    font-weight: bold;
}

.ostalos-voprosov__header-title-ieshe{
    color: #8388FF;
    font-weight: bold;
}

.ostalos-voprosov__header-promezhutochniy-title {
    font-size: 10px;
    line-height: 12px;
    padding-top: 24px;
    padding-left: 37px;
}

.ostalos-voprosov__header-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    padding-top: 15px;
    padding-left: 38px;
}


@media (min-width: 768px) {
    .form_radio--card-second, .form_checkbox--card-second {
        margin-left: 12px;
        width: calc(50% - 12px);
    }

    .form_radio--card-first, .form_checkbox--card-first {
        margin-right: 12px;
        width: calc(50% - 12px);
    }


}



.fields-cards {
    margin-top: 20px;
}

.quiz__question-title.quiz__question-title--no-padding {
    padding-right: 0px;
    max-width: initial;
}

.speech.speech--no-padding {
    width: auto;
    max-width: initial;
    float: none;
}

.fields {
    padding-left: 12px;
    padding-top: 20px;
}

.question__select-label {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    display: block;
}

.form-radio__input-label {
    display: block;
    padding-left: 44px;
    position: relative;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 18px;
}

.coments__img--mobile.coments__img--hidden {
    display: none;
}

.coments__load-more-btn {
    background: #8388FF;
    border-radius: 50px;
    filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.25));
    height: 65px;
    border: 0;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    outline: none;
    text-transform: uppercase;
    width: 288px;
    margin-bottom: 60px;
    margin-top: 32px;
    cursor: pointer;
}

.coments__load-more-btn:hover{
    box-shadow: inset 0px 2px 10px rgba(0, 0, 0, 0.25);
    background: #656ADF;
}

.coments__load-more-btn:active{
    background: #1A7FAC;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
}

.quiz-result__bg-img--1 {
    position: absolute;
    width: 368px;
    top: -380px;
    left: 0px;
}

.quiz-result__bg-img--2 {
    position: absolute;
    width: 368px;
    top: 890px;
    right: 0px;
    transform: rotate(180deg);
}

.quiz-result__bg-img--3 {
    position: absolute;
    top: 6200px;
    width: 368px;
}

.coments {
    text-align: center;
}

.coments__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    padding-top: 25px;
    margin-bottom: 19px;
}

.coments__img--mobile {
    max-width: 275px;
    display: block;
    margin: 0 auto;
}

.coments__img--decktop {
    display: none;
}

.result-icons-list {
    background: #E4F0FC;
    padding-top: 35px;
    padding-bottom: 19px;
}

.result-icons-list__item {
    position: relative;
    padding-left: 102px;
    padding-right: 30px;
    padding-bottom: 17px;
}

.result-icons-list__item-img {
    position: absolute;
    left: 32px;
    top: 10px;
}

.result-icons-list__item-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 40px;
}

.result-icons-list__item-text {
    font-size: 14px;
    line-height: 18px;
}

.consultation__form-input.consultation__form-input--time {
    margin-top: 16px;
}

.consultation__form-text {
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    padding-top: 15px;
}

.consultation__form {
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.22);
    border-radius: 6px;
    position: relative;
    margin-top: -52px;
    padding: 0 15px;
    padding-bottom: 36px;
}

.result-text-and-form__form-col {
    text-align: center;
    max-width: 390px;
    margin: 0 auto;
}

.result-text-and-form__form-col-img {
    max-width: calc(100% - 140px);
    width: 100%;
}

.result-text-and-form {
}

.result-text-and-form__text-col {
    font-size: 14px;
    line-height: 17px;
    padding: 33px 27px 23px;
}

.result-text-and-form__text-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    padding-top: 25px;
    padding-bottom: 23px;
}

.result-text-and-form__text-list-title {
}

.result-text-and-form__text-bottom {
    padding-top: 24px;
    text-align: center;
}

.dopolnitelno__items {
    padding-top: 24px;
}

.dopolnitelno__item-bg {
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    height: 100%;
}

.itogi-testa__footer-icons {
    padding-top: 20px;
}

.dopolnitelno__title {
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #46434F;
    padding-top: 18px;
}

.dopolnitelno__item {
    margin-bottom: 20px;
}

.dopolnitelno__item-header {
}

.dopolnitelno__item-header-artikul {
    font-size: 10px;
    line-height: 12px;
    padding-left: 13px;
    padding-top: 13px;
}

.dopolnitelno__item-header-artikul-value {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    display: inline-block;
    margin-left: 14px;
}

.dopolnitelno__item-header-title {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    background: #8388FF;
    margin-top: 8px;
    padding: 0 10px;
    padding-top: 8px;
    padding-bottom: 1px;
}

.dopolnitelno__slider-container {
    position: relative;
    margin: 0 10px;
}

.itogi-testa__eshe, .dopolnitelno__eshe {
    text-align: center;
}

.itogi-testa__eshe-btn, .dopolnitelno__eshe-btn {
    display: inline-block;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    text-decoration-line: underline;
    text-transform: lowercase;
    color: #8388FF;
    font-weight: 600;
    border: 0;
    background-color: transparent;
    background-image: url(../img/svidetelstva-i-sertifikaty-btn__arrow.svg);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 60px;
    cursor: pointer;
    outline: none;
}

.itogi-testa__icons {
    margin-top: 24px;
    text-align: center;
}

.itogi-testa__icons-item {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    position: relative;
    padding-left: 58px;
    margin-bottom: 24px;
}

.dopolnitelno__spec-cena {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    opacity: 0.9;
    padding: 0 23px;
    padding-top: 6px;
    padding-bottom: 14px;
}

.itogi-testa__icons-item-icon {
    position: absolute;
    left: 0px;
    margin: auto;
    top: 0px;
    bottom: 0px;
}

.slider-zoom-icon .lslide:before {
    content: '';
    position: absolute;
    width: 10.15px;
    height: 10.83px;
    background-image: url(../img/itogi-testa__slider-zoom-icon.svg);
    top: 14px;
    left: 19px;
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat;
}

.itogi-testa__item {
    margin-bottom: 30px;
    /*  */
}

@media (min-width: 576px) {
    .itogi-testa__item {
        padding: 0 20px;
    }
}

.itogi-testa__size-value {
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height */
    color: #000000;
    opacity: 0.9;
}

.itogi-testa__size {
    font-size: 10px;
    line-height: 10px;
    /* identical to box height, or 100% */
    color: #8388FF;
    text-align: center;
    padding-top: 7px;
}

.itogi-testa__price {
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    text-decoration-line: line-through;
    color: #474DD6;
}

.itogi-testa__garantiya {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    border: 2px solid #8388FF;
    box-sizing: border-box;
    border-radius: 8px;
    margin-top: 11px;
    padding: 11px;
    margin: 11px 6px;
}

.itogi-testa__icons-img {
    width: 80px;
}

.itogi-testa__lider {
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #FFFFFF;
    background-image: url(../img/itogi-testa__lider.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 83.71px;
    height: 39.38px;
    box-sizing: border-box;
    padding-top: 8px;
    padding-right: 10px;
    margin-top: -25px;
    margin-left: -19px;
    position: relative;
}

.itogi-testa__params {
}

.itogi-testa__params-param {
    font-size: 10px;
    line-height: 12px;
}

.itogi-testa__params-param-title {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    display: inline-block;
    width: 50%;
    text-align: right;
    margin-right: 6px;
    vertical-align: top;
    box-sizing: border-box;
}

.lSSlideOuter .lSPager.lSpg>li {
    padding: 0 2.5px;
}

.lSSlideOuter .lSPager.lSpg>li a {
    width: 4px;
    height: 4px;
    position: relative;
    top: 0px;
    background: rgba(131, 136, 255, 0.6);
}

.lSSlideOuter .lSPager.lSpg>li.active a, .lSSlideOuter .lSPager.lSpg>li:hover a {
    background-color: #8388FF;
    height: 8px;
    width: 8px;
    position: relative;
    top: 2px;
}

.itogi-testa__slider-container {
    margin: 0 -12px;
    position: relative;
    text-align: center;
    height: 200px;
}

.itogi-testa__slider {
}

.itogi-testa, .dopolnitelno {
    padding: 0 12px;
    display: none;
}

@media (max-width: 767px) {
    .itogi-testa, .dopolnitelno {
        max-width: 390px;
        margin: 0 auto;
    }
}

.change-number__input-col {
    padding: 0;
}

.change-number__button-col {
    padding: 0;
}

.itogi-testa__title {
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    /* or 133% */
    text-align: center;
    color: #46434F;
    padding-top: 18px;
}

.itogi-testa__sohrnite {
    display: none;
}

.itogi-testa__items {
    padding-top: 37px;
    margin: 0 auto;
}

.itogi-testa__item-bg {
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    padding-bottom: 11px;
    margin: 0 -12px;
    padding: 0 12px;
    padding-bottom: 10px;
    height: 100%;
}

.itogi-testa-item__header {
    position: relative;
}

.itogi-testa-item__header-artikul {
    font-size: 10px;
    line-height: 12px;
    padding-top: 11px;
    padding-left: 2px;
}

.itogi-testa-item__header-artikul-value {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
}

.itogi-testa-item__header-akciya {
    font-weight: bold;
    font-size: 8px;
    line-height: 10px;
    text-align: center;
    color: #FFFFFF;
    background: #8388FF;
    border-radius: 10px;
    position: absolute;
    right: 10px;
    top: -14px;
    width: 98px;
    padding: 4px 0px;
}

.itogi-testa-item__header-title {
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height */
    color: #FFFFFF;
    background: #8388FF;
    margin: 0 -12px;
    margin-top: 8px;
    padding: 6px 8px 4px;
}

.itogi-testa__slider {
}

.ostalos-voprosov__po-itogam {
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    /* or 118% */
    text-align: center;
    color: #222222;
    padding-top: 13px;
}

.ostalos-voprosov__img {
    padding-top: 48px;
}

.row.change-number {
    padding: 0 18px;
    max-width: 378px;
    margin: 0 auto;
}

.podarok__image-block-img {
    width: 243px;
}

.alimov-text {
    font-size: 14px;
    line-height: 17px;
    padding: 0 26px;
    padding-top: 18px;
}

.last-question__pozdravlyaem {
    font-weight: 500;
    font-size: 16px;
    line-height: 125%;
    padding-top: 0px;
    padding-left: 20px;
}

.last-question__sistema-podobrala {
    font-weight: 500;
    font-size: 16px;
    line-height: 125%;
    /* or 20px */
    text-align: center;
    padding: 0 30px;
    padding-top: 16px;
}

.last-question__zaregestriruytes {
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    padding-top: 24px;
    padding-bottom: 20px;
}

.site-header__container {
    /* max-width: 1400px; */
    position: relative;
    margin: 0 auto;
    padding: 0 12px;
}

.fixed-header-mobile__container {
    max-width: 1400px;
    position: relative;
    margin: 0 auto;
}

.footer-mobile {
    padding-bottom: 58px;
}

.footer-mobile__copy {
    font-size: 12px;
    line-height: 28px;
    /* identical to box height, or 233% */
    color: #8F8F8F;
    margin-top: 24px;
    margin-left: 24px;
}

.footer-mobile__politica {
    margin-top: -7px;
    margin-left: 26px;
}

.footer-mobile__politica-link {
    font-size: 12px;
    line-height: 28px;
    /* identical to box height, or 233% */
    color: #8F8F8F;
    text-decoration: none;
}

.footer-mobile__made-in {
    margin-top: 16px;
    margin-left: 24px;
}

.footer-mobile__made-in-link {
    font-size: 12px;
    line-height: 28px;
    color: #8F8F8F;
    text-decoration: none;
}

.ostalos-voprosov__img-img {
    width: 100%;
}

.quiz__question-question-body {
    padding-top: 21px;
}

.alexandra__name {
    font-size: 16px;
    line-height: 20px;
    text-align: right;
    padding-top: 18px;
}

.alexandra {
    width: 150px;
    float: left;
}

.alexandra img {
    width: 170px;
    margin-top: -50px;
    position: relative;
    right: -13px;
}

.speech {
    font-size: 12px;
    line-height: 145%;
    padding-left: 15px;
    padding-top: 18px;
    width: calc(100% - 170px);
    float: left;
    position: relative;
}

.quiz__header-steps-current-step {
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    padding-top: 8px;
}

.all-brends {
    text-align: center;
    font-size: 0;
    margin: 0 -7px;
    padding-top: 35px;
}

.all-brends__item {
    display: inline-block;
    width: 20%;
    text-align: center;
    margin-bottom: 11px;
    vertical-align: middle;
}

.all-brends__img {
    width: calc(100% - 17px);
    max-width: 82px;
    max-height: 22px;
}

.naydite-idealno-podhodyashiy {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    padding-top: 16px;
}

.svidetelstva-i-sertifikaty-btn {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    /* identical to box height */
    text-align: center;
    text-transform: lowercase;
    color: #8388FF;
    background: transparent;
    border: 0;
    display: block;
    margin: 0 auto;
    text-decoration: underline;
    margin-top: 3px;
}

.svidetelstva-i-sertifikaty-btn__arrow {
    display: block;
    background-image: url('../img/svidetelstva-i-sertifikaty-btn__arrow.svg');
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 60px;
}

.go-to-quiz-btn {
    outline: none;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height */
    text-align: center;
    color: #FFFFFF;
    background: #8388FF;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
    border-radius: 50px;
    border: 0;
    height: 64px;
    display: block;
    width: calc(100% - 10px);
    max-width: 350px;
    margin: 0 auto;
    position: relative;
    margin-top: 12px;
}

.go-to-quiz-btn:hover{
    background: #656ADF;
    box-shadow: inset 0px 2px 10px rgba(0, 0, 0, 0.25);
}

.go-to-quiz-btn:active{
    background: #1A7FAC;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
}

.go-to-quiz-btn:before {
    content: '';
    width: 38px;
    height: 34px;
    background: url('../img/go-to-quiz-btn--sm.svg');
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    left: -8px;
    top: 50%;
    margin-top: -17px;
}

.besplatniy-podbor-text {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-transform: lowercase;
    color: #213B76;
    padding-top: 26px;
}

.header-bg--sm {
    background-image: url('../img/header-bg--sm.jpg');
    background-position: center bottom;
    background-repeat: no-repeat;
    margin-left: -12px;
    margin-right: -12px;
    padding-left: 12px;
    padding-right: 12px;
}

.header-bg--sm:before {
    content: '';
    height: 274px;
    background: linear-gradient(180deg, #FFFFFF 20%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    display: block;
    position: absolute;
    left: 0px;
}

.brands-logos {
    text-align: center;
    padding-top: 22px;
    padding-bottom: 53px;
}

.brands-logos__img {
    margin: 0 5px;
}

.brands-logos__img--1 {
    width: 52px;
    height: 13px;
}

.brands-logos__img--2 {
    width: 30px;
    height: 17px;
}

.brands-logos__img--3 {
    width: 50.93px;
    height: 9.51px;
}

.brands-logos__img--4 {
    width: 50px;
    height: 11px;
}

.icon-blocks__block__inner--left, .icon-blocks__block__inner--right {
    padding-left: 24px;
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
}

.icon-blocks__question {
    font-weight: 600;
    font-size: 18px;
    /* identical to box height */
    text-align: center;
    text-transform: lowercase;
    color: #FFFFFF;
    position: absolute;
    right: 27px;
    top: 0px;
    width: 26px;
    height: 26px;
    background: #FF7A00;
    box-shadow: 0px 0px 4px #FF7A00;
    border-radius: 50%;
    display: block;
    line-height: 26px;
    cursor: pointer;
}

.header__icon-blocks {
}

.icon-blocks {
    position: relative;
    height: 190px;
}

.icon-blocks__block {
}

.icon-blocks__block--left {
    top: 73px;
    position: absolute;
    left: 20px;
    right: 20px;
}

.icon-blocks__block__inner {
    margin: 0 auto;
    max-width: 240px;
    backdrop-filter: blur(20px);
    border-radius: 100px;
    border: 1px solid #808080;
    font-weight: bold;
    color: #000000;
    height: 46px;
    backdrop-filter: blur(20px);
    border-radius: 100px;
    display: flex;
    background: #ffffff85;
    align-items: center;
    justify-content: start;
    line-height: 15px;
    position: relative;
}

.icon-blocks__block__inner--center {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    height: 60px;
    background: #ffffffeb;
    opacity: 0.8;
    backdrop-filter: blur(20px);
    /* Note: backdrop-filter has minimal browser support */
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 290px;
    border: 0;
}

.icon-blocks__block-text {
}

.icon-blocks__block-text--left {
    padding-left: 30px;
}

.icon-blocks__block-img {
    width: 48px;
    height: 48px;
    position: absolute;
    left: -1px;
}

.icon-blocks__block--center {
    position: absolute;
    top: 4px;
    left: 0px;
    right: 0px;
}

.icon-blocks__block--right {
    top: 130px;
    position: absolute;
    left: 20px;
    right: 20px;
}

.icon-blocks__block-img--right {
}

.icon-blocks__block-text--right {
    padding-left: 30px;
}

.site-header__city {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 10px;
    cursor: pointer;
    position: absolute;
    top: 11px;
    left: 16px;
    padding-left: 20px;
}

.site-header__city:before {
    background-image: url('../img/site-header__city.svg');
    content: '';
    background-size: contain;
    position: absolute;
    left: 0px;
    top: -3px;
    width: 12px;
    height: 16px;
}

.phone__consultation {
    font-size: 10px;
    line-height: 12px;
    position: absolute;
    left: 7px;
    top: 8px;
    padding-left: 20px;
    width: 110px;
    cursor: pointer;
}

.phone__consultation:before {
    /*background-image: url(../img/phone__consultation.svg);*/
    content: '';
    background-size: contain;
    position: absolute;
    left: 0px;
    top: -1px;
    width: 12px;
    height: 12px;
}

.form_checkbox--button-show.form_checkbox--button-show--open, .form_radio--button-show.form_radio--button-show--open {
    transform: rotate( 180deg );
}

.form_checkbox__label-text--with-open-btn {
    margin-right: 45px;
}

.form_radio--button-show, .form_checkbox--button-show {
    display: block;
    position: absolute;
    top: 10px;
    right: 9px;
    height: 16px;
    width: 16px;
    border: 0;
    background: transparent;
    background-image: url(../img/form_radio--button-show.png);
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    outline: none;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.works {
    padding-bottom: 35px;
}

.vk {
    text-align: center;
    padding-top: 43px;
    border: 1px solid rgba(1, 121, 151, 0.25);
    box-sizing: border-box;
    border-radius: 4px;
    padding-bottom: 36px;
}

.vk__title {
    font-size: 18px;
    line-height: 18px;
    padding: 0 20px;
    padding-bottom: 20px;
}

a.vk__link {
}

img.vk__img {
    width: 60px;
}

.owl-nav {
    position: absolute;
    top: -77px;
    width: 100%;
}

.works__button {
    max-width: 304px;
    width: 100%;
    margin: 0 auto;
    display: block;
    height: 53px;
    line-height: 53px;
    border: 0;
    cursor: pointer;
    outline: none;
    border-bottom: 3px solid #4d9c43;
    font-weight: bold;
    font-size: 20px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #5BBB4F;
    border-radius: 7px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.works__button:hover {
    background: #FBC057;
    border-bottom: 3px solid #DEA744;
}

.works__button:after {
    content: "";
    position: absolute;
    top: 0;
    width: 53px;
    height: 70%;
    background: linear-gradient( 180deg , rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
    left: 10px;
    z-index: 1;
    transform: skew( 31deg );
    animation-timing-function: ease-in-out;
    transition: all .1s;
    animation-name: slideme;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

.your-gift {
    display: none;
}

button.owl-prev {
    outline: none;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-color: transparent;
    background-image: url(../img/gallery__btn--prev.png);
}

button.owl-next {
    outline: none;
    float: right;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-color: transparent;
    background-image: url('../img/gallery__btn--next.png');
}

button.owl-next.disabled, button.owl-prev.disabled {
    filter: grayscale(100%);
    opacity: .5;
}

.works__carousel iframe {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.video-gallery__item {
    position: relative;
    padding-top: 59%;
}

.button-container {
    position: absolute;
    top: 0px;
    width: 100%;
}

.works__title {
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
}

.works__text {
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    padding: 25px 70px 0px 70px;
}

.gallery__btn-img {
    width: 40px;
}

.works__carousel {
    position: relative;
    padding-top: 21px;
    padding-bottom: 8px;
}

.uborka {
    background: #F1F8F1;
    border-radius: 4px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.uborka__card {
    background: #FFFFFF;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    box-sizing: border-box;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 26px;
}

.uborka__title {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    padding-top: 33px;
    text-align: center;
    padding-bottom: 36px;
}

.uborka__img {
    max-width: 100%;
    border-radius: 5px;
}

.stuff__border {
    background: #FFFFFF;
    border: 0.616541px solid #017997;
    box-sizing: border-box;
    border-radius: 2.46617px;
    height: 100%;
    padding-top: 17px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
}

.stuff {
    margin: 0 9px;
    padding-bottom: 27px;
}

.stuff__col {
    text-align: center;
    max-width: 50%;
    margin-bottom: 12px;
    padding: 0 7px;
}

.stuff__img {
    width: 100px;
}

.stuff__name {
    font-size: 16px;
    line-height: 20px;
}

.stuff__proff {
    font-size: 10px;
    line-height: 12px;
}

.po-zameram {
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    padding-top: 22px;
    text-align: center;
    padding-bottom: 42px;
}

.simple-text {
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 34px;
}

.vse-raboty {
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    padding-bottom: 40px;
}

.strogoe-soblyudenie {
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    padding-bottom: 29px;
}

.vse-raboty__color {
    color: #5BBB4F;
}

.specialist__name {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 9px;
}

.specialist {
    background: rgba(183, 220, 187, 0.2);
    border-radius: 4px;
    padding-top: 37px;
    padding-bottom: 36px;
}

.specialist__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    padding-bottom: 15px;
}

.specialist__text {
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 37px;
}

.specialist__photo {
    width: 144px;
    display: block;
    margin: 0 auto;
}

.specialist__proffesion {
    font-weight: 300;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    padding-bottom: 22px;
}

.specialist__button {
    display: block;
    box-sizing: border-box;
    height: 58px;
    line-height: 58px;
    background: #FFFFFF;
    border: 1px solid #5BBB4F;
    border-radius: 7.0255px;
    font-weight: bold;
    font-size: 16px;
    /* identical to box height, or 154% */
    text-transform: uppercase;
    color: #5BBB4F;
    text-align: center;
    text-decoration: none;
    width: 100%;
    outline: none;
}

.viezd {
}

.viezd__text-col {
    background: rgba(183, 220, 187, 0.2);
    border-radius: 4px;
}

.viezd__title {
    font-size: 18px;
    line-height: 18px;
    padding-top: 47px;
    padding-bottom: 23px;
}

.viezd__text {
    font-size: 14px;
    line-height: 14px;
    padding-bottom: 30px;
}

.viezd__subtitle {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    padding-bottom: 10px;
}

ul.viezd__list {
    font-size: 14px;
    line-height: 14px;
    padding: 0;
    margin: 0;
    list-style: none;
    padding-bottom: 58px;
}

li.viezd__list-item {
    padding-bottom: 14px;
}

li.viezd__list-item:before {
    content: '-';
}

.viezd__form-col {
    padding-left: 0px;
    padding-right: 0px;
}

.viezd__form {
    background: #FFFFFF;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 48px;
}

.viezd__form-title {
    font-size: 18px;
    line-height: 18px;
    padding-top: 43px;
    text-align: center;
    padding-bottom: 10px;
}

.viezd__form-text {
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    padding-bottom: 32px;
}

input.viezd__form-phone {
    height: 56.2px;
    background: #FFFFFF;
    border: 0.878187px solid #017997;
    box-sizing: border-box;
    border-radius: 7.0255px;
    display: block;
    width: 100%;
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px;
    outline: none;
}

input.viezd__form-time {
    height: 56.2px;
    background: #FFFFFF;
    border: 0.878187px solid #017997;
    box-sizing: border-box;
    border-radius: 7.0255px;
    display: block;
    width: 100%;
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px;
    outline: none;
}

.viezd__form-btn {
    height: 62px;
    background: #5BBB4F;
    border: 0;
    border-bottom: 3px solid #4D9C43;
    border-radius: 7.0255px;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
    /* identical to box height, or 176% */
    text-transform: uppercase;
    color: #FFFFFF;
    box-sizing: border-box;
    outline: none;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.viezd__form-btn:hover {
    background: #FBC057;
    border-bottom: 3px solid #DEA744;
}

.viezd__form-btn:disabled, .viezd__form-btn:disabled:hover {
    background: #B7DBBB;
    border: 0;
    filter: none;
    cursor: inherit;
}

.viezd__form-btn:after {
    content: "";
    position: absolute;
    top: 0;
    width: 53px;
    height: 70%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
    left: 10px;
    z-index: 1;
    transform: skew(31deg);
    animation-timing-function: ease-in-out;
    transition: all .1s;
    animation-name: slideme;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

.tarifs__note--span {
    padding-bottom: 14px;
}

.tarifs__old-price {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: right;
    text-decoration-line: line-through;
    text-transform: lowercase;
    color: #676767;
    padding-bottom: 5px;
    padding-right: 28px;
}

.tarifs__new-price {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    text-align: right;
    text-transform: lowercase;
    color: #FF0000;
    padding-right: 28px;
}

.tarifs__tite-color {
    color: #5BBB4F;
}

.tarifs__note {
    font-size: 12px;
    line-height: 15px;
    padding-top: 27px;
    padding-bottom: 43px;
}

.tarifs {
}

.tarifs__tite {
    font-weight: normal;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    padding-top: 69px;
    padding-bottom: 34px;
}

.tarifs__subtitle {
    display: none;
}

.tarifs__table {
    width: 938px;
    border: 2px solid #5BBB4F;
    box-sizing: border-box;
    border-radius: 20px;
}

.col.tarifs__col {
    padding-bottom: 107px;
    position: relative;
}

.col.tarifs__col:first-child {
    border-right: 2px solid #5BBB4F;
}

.col.tarifs__col:last-child {
    border-left: 2px solid #5BBB4F;
}

.tarifs__col-title {
    font-weight: bold;
    font-size: 22px;
    line-height: 27px;
    text-align: center;
    text-transform: uppercase;
    padding-top: 29px;
    padding-bottom: 16px;
}

.tarifs__list {
    margin: 0;
    padding: 0;
    padding-bottom: 11px;
}

.tarifs__list-item {
    list-style: none;
    padding-left: 60px;
    padding-bottom: 12px;
    position: relative;
}

.tarifs__list-item:before {
    content: '';
    background-image: url('../img/tarifs__list-marker.png');
    height: 20px;
    width: 20px;
    background-size: contain;
    position: absolute;
    left: 22px;
    top: 1px;
}

.tarifs__col-footer {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    height: 107px;
}

.tarifs__col-footer:before {
    content: '';
    height: 2px;
    background: #5BBB4F;
    display: block;
}

.tarifs__col:first-child .tarifs__col-footer:before {
    margin-left: 13px;
}

.tarifs__col:last-child .tarifs__col-footer:before {
    margin-right: 13px;
}

.col.tarifs__special {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #FF0000;
    padding-top: 34px;
    padding-right: 25px;
}

.tarifs__price {
    padding-top: 31px;
    min-width: 183px;
}

.alimov-text__2 span {
    color: #FF0000;
}

.podarok__text-block {
}

.podarok__title {
    font-size: 18px;
    line-height: 22px;
    /* identical to box height, or 122% */
    text-align: center;
    padding-top: 24px;
}

.podarok__text {
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    /* or 110% */
    text-align: center;
    color: #093445;
    padding: 0 24px;
    padding-top: 20px;
}

.podarok {
    background: #FFFFFF;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    margin-top: 23px;
    overflow: hidden;
    padding-bottom: 24px;
}

.podarok__link {
    font-size: 18.7941px;
    color: #FF7800;
    text-decoration: none;
}

.podarok__image-block {
    position: relative;
    text-align: center;
    padding-top: 24px;
}

.podarok__arrow {
    position: absolute;
    width: 76px;
    left: 80px;
    top: -8px;
    z-index: 1;
}

.podarok__img {
    width: 234px;
    position: absolute;
    left: 73px;
    top: -80px;
}

.change-number-description {
    padding: 0 19px;
    padding-top: 37px;
    font-size: 14px;
    line-height: 16px;
    max-width: 354px;
    margin: 0 auto;
}

.change-number__button {
    font-weight: 600;
    font-size: 12px;
    line-height: 19px;
    border-radius: 8px;
    height: 57px;
    border: 0;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 16px;
    cursor: pointer;
    background: #8388FF;
}

.change-number__button:hover {
    background: #656ADF;
    box-shadow: inset 0px 2px 10px rgba(0, 0, 0, 0.25);
}

.change-number__button:disabled, .change-number__button:disabled:hover {
    cursor: inherit;
    box-shadow: none;
    opacity: .5;
    background: #8388FF;
}

.change-number__button:active{
    background: #1A7FAC;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
}

.change-number__input {
    border: 1px solid #8388FF;
    border-radius: 8px;
    height: 57px;
    background: #FFFFFF;
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    margin-top: 15px;
    font-size: 16px;
    outline: none;
}

.change-number__input::placeholder {
    color: rgba(0, 0, 0, 0.6);
}

.alimov-text__1 {
    font-weight: 300;
    font-size: 16px;
    line-height: 16px;
    padding-top: 28px;
    padding-bottom: 18px;
}

.alimov-text__2 {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 27px;
}

.change-number__text {
    padding: 0 10px;
    padding-top: 17px;
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    /* or 110% */
    text-align: center;
}

.alimov {
    margin-top: 27px;
    padding-top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 224px;
    text-align: center;
}

.alimov__img {
    width: 170px;
}

.alimov__title {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    padding-top: 15px;
    padding-bottom: 6px;
}

.alimov__description {
    font-size: 10px;
    line-height: 10px;
    padding-bottom: 16px;
}

.quiz__question-title-color {
    color: #5BBB4F;
}

.form_radio--button-show-whitespace, .form_checkbox--button-show-whitespace {
    display: block;
    position: absolute;
    top: 0px;
    right: -50px;
    height: 100%;
    width: 47px;
    cursor: initial;
}

.form_radio--hidden, .form_checkbox--hidden {
    font-size: 12px;
    line-height: 13px;
    font-size: 12px;
    display: none;
    padding-left: 26px;
    padding-right: 10px;
    padding-bottom: 10px;
    position: absolute;
    left: -1px;
    right: -1px;
    background: #fff;
    border-left: 1px solid #5BBB4F;
    border-bottom: 1px solid #5BBB4F;
    border-right: 1px solid #5BBB4F;
    z-index: 1;
    border-radius: 3px;
    box-shadow: 0px 6px 6px 0px rgb(51 51 51 / 10%);
}

.quiz__header-steps-step-text {
    font-size: 12px;
    line-height: 140%;
    position: absolute;
    display: block;
    text-align: center;
    width: 100%;
    top: 16px;
}

.quiz__header-steps-step {
    width: 14.2%;
    display: inline-block;
    overflow: visible;
    position: relative;
}

.quiz__header-steps-step.quiz__header-steps-step--active:before {
    background: #8388FF;
}

.quiz__header-steps-step:before {
    content: '';
    display: block;
    height: 10px;
    margin: 0 3px;
    background: #585964;
    border-radius: 50px;
}

.slider__before-text--after, .slider__before-border, .slider__before-text--before, .slider__before-text--description {
    display: none;
}

.slider__bg--small {
    background: linear-gradient(#fff 0%, #3ABB3A 128%);
    padding-bottom: 32px;
}

.slider__before {
    display: none;
}

.slider__title {
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    padding-top: 11px;
    padding-bottom: 22px;
}

.slider-container {
    max-width: 748px;
    padding: 3px;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid #017997;
    background: #fff;
}

.lslide img {
    width: 100%;
}

.header__cta-button-arrow:after {
    display: none;
}

.header__numbers--visible-lg {
    display: none;
}

.header__187-balkonov {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #424242;
    padding-bottom: 7px;
}

.header_gift__img {
    height: 200px;
    position: relative;
}

.header_gift__img-img {
    width: 275px;
    position: absolute;
    left: 50%;
    margin-left: -183px;
    bottom: 0px;
}

.header_gift__img:after {
    content: '';
    display: block;
    width: 56px;
    height: 89px;
    background-image: url('../img/header_gift__arrow.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    margin-left: 61px;
    bottom: 60px;
}

.header__number-text-border {
    border: 0.879237px solid #007896;
    box-sizing: border-box;
    border-radius: 3.51695px;
    padding-top: 6px;
    padding-bottom: 13px;
    margin: 2px;
}

.header__number-text-border--white {
    border: 0.879237px solid #ffffff;
}

.bottom-menu__arrow path:nth-child(1) {
    animation-delay: 0.4s;
}

.bottom-menu__arrow path:nth-child(2) {
    animation-delay: 0.2s;
}

.bottom-menu__arrow path:nth-child(3) {
    animation-delay: 0s;
}

.bottom-menu__arrow path {
    animation: arrow-color 2s cubic-bezier(0, 0, 0.81, 1.28) infinite;
}

@keyframes arrow-color {
    0% {
        fill-opacity: 1;
        fill: #5BBB4F
    }

    20% {
        fill-opacity: 0.5;
        fill: #ceebca;
    }

    40% {
        fill-opacity: 1;
        fill: #5BBB4F;
    }

    to {
        fill-opacity: 1;
        fill: #5BBB4F;
    }
}

.header_gift__text {
    padding-left: 34px;
    font-size: 14px;
    line-height: 17px;
}

.cards-wrapper {
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.container.container--no-padding {
    padding-left: 0px;
    padding-right: 0px;
}

body.no-scroll {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.quiz-result--locked .quiz-result__locked-hidden {
    opacity: 0;
}

.quiz.quiz--result {
    position: absolute;
    top: calc(100% + 20px);
    width: 100%;
    display: none;
    background: #fff;
    overflow: hidden;
}

.quiz-bg--last-question .quiz.quiz--result, .quiz-bg--result .quiz.quiz--result {
    display: block;
}

.bottom-menu__overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9;
}

.quiz__questions {
    position: relative;
}

.quiz__question--hidden {
    position: absolute;
    background: #fff;
    top: 0px;
    width: 100%;
}

.bottom-menu__body {
    max-width: 270px;
    margin: 0 auto;
    padding-right: 46px;
}

.zamer-preview__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bottom-menu__body-scroll {
    max-height: calc(100vh - 80px);
    overflow-y: auto;
}

.bottom-menu__close {
    display: none;
}

.bottom-menu--open .bottom-menu__close {
    display: block;
}

.ostalos-voprosov {
    background: #E4F0FC;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    position: relative;
    padding-bottom: 22px;
}

.ostalos-voprosov__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    text-align: left;
    padding-top: 49px;
    padding-left: 50px;
}

.video.video-open:before {
    padding-bottom: 171%;
    transition: 0.3s;
}

.ostalos-voprosov__title-span {
    display: block;
    font-size: 16px;
    line-height: 15px;
    color: #fff;
    margin-top: 17px;
    font-weight: normal;
}

.ostalos-voprosov__list {
    counter-reset: myCounter;
    padding-left: 22px;
    padding-right: 13px;
    margin-top: 23px;
}

.ostalos-voprosov__list-item {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height */
    color: #222222;
    list-style: none;
    padding-left: 51px;
    position: relative;
    padding-bottom: 8px;
    padding-top: 8px;
    margin-bottom: 9px;
    /* identical to box height */
}

.ostalos-voprosov__list-item:before {
    counter-increment: myCounter;
    content: counter(myCounter);
    color: white;
    background: #2980B9;
    display: inline-block;
    text-align: center;
    width: 28px;
    height: 28px;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    background: #8388FF;
    border-radius: 50%;
    left: 6px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.bottom-menu--open .bottom-menu__img {
    display: none;
}

.bottom-menu--open .bottom-menu__bell {
    display: none;
}

.bottom-menu--open .bottom-menu__btn-back {
    display: none;
}

.bottom-menu--open .bottom-menu__btn-next {
    display: none;
}

.bottom-menu--open .bottom-menu__arrow {
    right: 10px;
    left: auto;
    transform: rotate(180deg);
    transform-origin: 50% 50%;
}

.random-fact {
    background: #195BA9;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
    border-radius: 4px;
    background-image: url('../img/random-fact-bg.png');
    background-repeat: no-repeat;
    background-position: -1px -1px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.random-fact__title {
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    text-align: center;
    padding-top: 9px;
    padding-bottom: 10px;
    font-weight: bold;
}

.random-fact__img {
    width: 100%;
    border-radius: 4px;
}

.thank-you {
    position: relative;
    max-width: 434px;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 48px 34px 48px 34px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 22%);
}

.bottom-menu {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.22);
    position: fixed;
    bottom: 0px;
    width: 100%;
    background: #fff;
    z-index: 10;
    transition: height .25s ease-out;
    height: 80px;
}

.bottom-menu.bottom-menu--open {
    height: 100%;
}

.bottom-menu--hidden {
    display: none;
}

.bottom-menu__header {
    width: 320px;
    position: relative;
    margin: 0 auto;
    padding-top: 20px;
}

.bottom-menu--open .bottom-menu__header {
    height: 10px;
}

.bottom-menu__img {
    width: 65px;
    height: 75px;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 14px;
}

.bottom-menu__bell {
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 78px;
    height: 60px;
    width: 53px;
}

.bottom-menu__bell-img {
    height: 52px;
    width: 52px;
}

.bottom-menu__bell-number {
    background: #5BBB4F;
    font-size: 16px;
    color: #fff;
    display: block;
    height: 23px;
    width: 23px;
    text-align: center;
    line-height: 23px;
    border-radius: 50%;
    font-weight: bold;
    position: absolute;
    top: 6px;
    right: 3px;
    display: none;
}

.bottom-menu__bell--active .bottom-menu__bell-number {
    display: block;
}

.bottom-menu__bell--active .bottom-menu__bell-img {
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 20px;
}

@keyframes ring {
    0% {
        transform: rotate(0);
    }

    1% {
        transform: rotate(30deg);
    }

    3% {
        transform: rotate(-28deg);
    }

    5% {
        transform: rotate(34deg);
    }

    7% {
        transform: rotate(-32deg);
    }

    9% {
        transform: rotate(30deg);
    }

    11% {
        transform: rotate(-28deg);
    }

    13% {
        transform: rotate(26deg);
    }

    15% {
        transform: rotate(-24deg);
    }

    17% {
        transform: rotate(22deg);
    }

    19% {
        transform: rotate(-20deg);
    }

    21% {
        transform: rotate(18deg);
    }

    23% {
        transform: rotate(-16deg);
    }

    25% {
        transform: rotate(14deg);
    }

    27% {
        transform: rotate(-12deg);
    }

    29% {
        transform: rotate(10deg);
    }

    31% {
        transform: rotate(-8deg);
    }

    33% {
        transform: rotate(6deg);
    }

    35% {
        transform: rotate(-4deg);
    }

    37% {
        transform: rotate(2deg);
    }

    39% {
        transform: rotate(-1deg);
    }

    41% {
        transform: rotate(1deg);
    }

    43% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(0);
    }
}

.bottom-menu__arrow {
    width: 18px;
    top: 5px;
    left: 140px;
    position: absolute;
}

.bottom-menu__btn-back {
    cursor: pointer;
    width: 40px;
    height: 40px;
    background-image: url('../img/bottom-menu__btn-back.jpg');
    border: 0;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0;
    outline: none;
    margin-left: 24px;
}

.bottom-menu__btn-next {
    cursor: pointer;
    position: absolute;
    left: 154px;
    top: 20px;
    border: 0;
    outline: none;
    text-align: center;
    width: 82px;
    height: 39.11px;
    border-radius: 5.05208px;
    font-weight: bold;
    /* identical to box height, or 126% */
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 0;
    font-size: 12px;
    background: #8388FF;
    border-radius: 50px;
    width: 142px;
    filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.25));
}

.bottom-menu__btn-next:disabled, .bottom-menu__btn-next:disabled:hover {
    border: 0;
    filter: none;
    cursor: inherit;
    opacity: .4;
}

.thank-you__text {
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    padding-bottom: 41px;
}

.thank-you__button {
   background: #8388FF;
    border-radius: 50px;
    filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.25));
    height: 48px;
    border: 0;
    font-weight: bold;
    font-size: 18px;
    line-height: 48px;
    width: 100%;
    color: #FFFFFF;
    outline: none;
    text-transform: uppercase;
    cursor: pointer;
    display: block;
    text-align: center;
    text-decoration: none;

}

.thank-you__button:hover {
   background: #656ADF;
    box-shadow: inset 0px 2px 10px rgb(0 0 0 / 25%);
}

.site-header {
    padding-top: 70px;
}

.pop-up-close {
    right: 20px;
    top: 20px;
    width: 15px;
    height: 15px;
    position: absolute;
    border: 0;
    background-image: url('../img/popup__close.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    outline: none;
}

.fixed-header-mobile {
    position: fixed;
    z-index: 8;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    left: 0px;
    top: 0px;
    height: 70px;
}

.fixed-header-mobile .container {
    position: relative;
}

.fixed-header-mobile--top {
    position: absolute;
}

.consultation__form-phone-text {
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    padding-bottom: 10px;
}

.consultation__arrow {
    display: none;
}

.form-file {
    font-size: 0;
    position: relative;
    border: 1px solid #CDDEE5;
    border-radius: 8px;
    height: 46px;
    margin-bottom: 19px;
}

span.file-text {
    width: calc(100% - 109px);
    color: rgba(9, 52, 69, 0.5);
    text-align: center;
    line-height: 13px;
    padding-top: 9px;
    padding-left: 10px;
    text-overflow: ellipsis;
    box-sizing: border-box;
    font-size: 10px;
    overflow: hidden;
}

.form-file > * {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 16px;
    height: 100%;
}

span.btn-span {
    width: 109px;
    box-sizing: border-box;
    height: 46px;
    background: #54B648;
    border-radius: 8px;
    font-weight: bold;
    font-size: 14px;
    line-height: 46px;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.55);
}

.form-file input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 4;
}

.form-input input {
    border: 1px solid #CDDEE5;
    box-sizing: border-box;
    border-radius: 50px;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}

span.file-text span {
    font-size: 9px;
    line-height: 12px;
}

.consultation__form-input {
    border: 1px solid #CDDEE5;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 17px;
    border-radius: 8px;
    width: 100%;
    height: 46px;
    margin-top: 23px;
    text-align: center;
    outline: none;
}

.consultation__form-input::placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.consultation__form-file-text {
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    padding-bottom: 10px;
}

.consultation__form-button {
    background: #8388FF;
    border-radius: 50px;
    filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.25));
    height: 48px;
    border: 0;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    width: 100%;
    color: #FFFFFF;
    outline: none;
    text-transform: uppercase;
    margin-top: 16px;
    cursor: pointer;
}

.consultation__form-button:disabled, .consultation__form-button:disabled:hover {
    cursor: inherit;
    opacity: .5;
}

.consultation-pop-up__title {
    font-weight: 500;
    padding-top: 0px;
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
}

.consultation__text {
    display: none;
}

.consultation__text-list-title {
    font-size: 25px;
    line-height: 24px;
    padding-bottom: 14px;
}

.consultation__text-list {
    font-size: 20px;
    line-height: 23px;
}

.form-phone {
    font-family: 'SFUIDisplay';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    margin-bottom: 29px;
}

.form-ttl {
    margin-bottom: 12px;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
}

.kolodec-price__hidden {
    display: none;
}

.site-logo {
    margin-top: 16px;
    margin-left: 2px;
    display: block;
    float: left;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    /* or 114% */
    color: #222222;
    text-decoration: none;
    width: 70px;
    padding-left: 55px;
    position: relative;
}

.quiz-bg {
    overflow: hidden;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    margin-top: 22px;
    padding-bottom: 24px;
}

.quiz-bg.quiz-bg--result {
    padding-bottom: 30px;
}

.quiz-bg.quiz-bg--last-question {
    padding-bottom: 150px;
}

.site-logo__img {
    width: 41px;
    position: absolute;
    left: 0px;
    top: 2px;
}

.header-tagline {
    font-style: normal;
    position: relative;
    font-weight: normal;
    float: right;
    margin-top: 17px;
    margin-right: 2px;
    font-size: 12px;
    line-height: 15px;
    color: #222222;
}

.phone {
    margin-top: 5px;
    border-top: 1px solid #D6D6D6;
    position: absolute;
    top: 25px;
    left: 9px;
    right: 9px;
}

.phone__number {
    color: #000000;
    text-align: right;
    font-weight: 500;
    margin-bottom: 4px;
    right: 4px;
    top: 9px;
    font-size: 18px;
    line-height: 22px;
    position: absolute;
}

.phone__number a {
    color: #000000;
    text-decoration: none;
}

.phone__text {
    color: #000000;
    line-height: 12px;
    font-size: 10px;
    position: absolute;
    right: 7px;
    top: -23px;
}

.phone__text:before {
    content: '';
    display: inline-block;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: #0CAC09;
    margin-right: 4px;
    position: relative;
    top: 1px;
}

.header__text-bold {
    font-style: normal;
    font-weight: 800;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #1A7FAC;
    padding: 0 5px;
    padding-top: 10px;
}

.header__text-bold-color {
    color: #5bbb4f;
}

.header_text__normal {
    font-size: 16px;
    line-height: 18px;
    padding-top: 17px;
    position: relative;
}

.header_text__normal:before {
    content: '';
    display: block;
    height: 1px;
    width: 54px;
    background: #000;
    position: absolute;
    top: 0px;
    left: 0px;
}

.header__text {
    position: relative;
}

.header__image {
    text-align: center;
}

.no-padding {
    padding-left: 0px;
    padding-right: 0px;
}

.header__image--sm {
    /* height: 256px; */
    max-width: 100%;
}

.header__number {
    width: 50%;
    text-align: center;
}

.header__number-number {
    font-weight: bold;
    font-size: 29px;
    line-height: 29px;
    color: #5BBB4F;
    margin-bottom: 2px;
}

.header__number-number--second {
    padding-left: 8px;
}

.header__number-number--first {
    padding-right: 8px;
}

.header__number-text {
    border: 0.879237px solid #000000;
    border-radius: 3.51695px;
    height: 100%;
    font-weight: 500;
    font-size: 10.715px;
    line-height: 11px;
    box-sizing: border-box;
    font-size: 9px;
    line-height: 11px;
    text-align: center;
    color: #424242;
}

.header__number-number--blue {
    color: #4FB8EA;
}

.header__number-number--red {
    color: #FF0000;
}

.header__number-number span {
    background: #fff;
    border: 2px solid #fff;
}

.header__numbers {
    margin-top: 24px;
    margin-bottom: 29px;
}

.header__cta {
    margin-top: 16px;
    margin-bottom: 24px;
}

.header__cta-neon {
    margin-bottom: 27px;
    /* identical to box height */
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    /* or 122% */
    text-align: center;
    color: #FF0000;
    padding: 0 30px;
}

.header__cta-text {
    font-size: 13.5714px;
    line-height: 17px;
    margin-bottom: 19px;
    text-align: center;
}

.header__cta-button {
    max-width: 304px;
    width: 100%;
    margin: 0 auto;
    display: block;
    height: 53px;
    border: 0;
    cursor: pointer;
    outline: none;
    border-bottom: 3px solid #4d9c43;
    font-weight: bold;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #5BBB4F;
    border-radius: 7px;
    position: relative;
    overflow: hidden;
}

.header__cta-button:after {
    content: "";
    position: absolute;
    top: 0;
    width: 53px;
    height: 70%;
    background: linear-gradient( 180deg , rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
    left: 10px;
    z-index: 1;
    transform: skew( 31deg );
    animation-timing-function: ease-in-out;
    transition: all .1s;
    animation-name: slideme;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes slideme {
    0% {
        left: -70px;
    }

    30% {
        left: 110%;
    }

    100% {
        left: 110%;
    }
}

.header__cta-button:hover {
    background: #FBC057;
    border-bottom: 3px solid #DEA744;
}

.header__cta-button:active {
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
    filter: none;
}

.header__gifts {
    background-color: #195BA9;
    background-image: url('../img/gifts__bg.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    box-shadow: 0px 0px 9.40873px rgba(0, 0, 0, 0.25);
    border-radius: 3.76349px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    position: relative;
}

.header__gifts-header {
    font-weight: 500;
    font-size: 15.6812px;
    line-height: 11px;
    /* identical to box height, or 72% */
    color: #FFFFFF;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 11px;
}

.header_gift {
    max-width: 304px;
    margin: 0 auto;
}

.header_gift__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    color: #017997;
    position: relative;
    padding-left: 34px;
    padding-bottom: 13px;
}

.header_gift__title:before {
    content: '+';
    font-weight: bold;
    font-size: 39.2598px;
    line-height: 39px;
    position: absolute;
    left: 2px;
    top: -7px;
}

color: #017997; }

.header_gift__text {
    font-size: 14px;
    line-height: 17px;
}

.form_radio--card {
}

.input-icon {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 16px;
    top: 0;
    bottom: 0;
    /* margin: auto; */
}

.ostalos-voprosov-position {
    margin-top: 36px;
}

.question__select {
    outline: none;
    display: block;
    position: relative;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 18px;
    width: 220px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #5f5f5f;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 20px;
}

.form_radio--card, .form_checkbox--card {
    margin-bottom: 10px;
    padding-left: 3px;
    padding-right: 3px;
    background: #FFFFFF;
    border-radius: 0;
    padding-top: 3px;
    padding-bottom: 5px;
    border: 0;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
}

.form_radio input, .form_checkbox input {
    display: none;
}

.form_radio input.form-radio__input-input--text {
    display: block;
    margin-left: 44px;
    position: relative;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 18px;
    width: 220px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    border: 1px solid #5f5f5f;
    box-sizing: border-box;
    border-radius: 4px;
    outline: none;
}

.form_radio--card label, .form_checkbox--card label {
    display: block;
    cursor: pointer;
    position: relative;
    margin-right: 0;
    user-select: none;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 125%;
    color: #000000;
    font-size: 0;
}

.form_radio__label-text:before, .form_checkbox__label-text:before {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 1px;
    top: 0px;
    margin: auto;
    bottom: 0px;
    border: 1px solid #3973A8;
    background-color: #fff;
    box-sizing: border-box;
}

.form_radio__label-text--big-font:before {
    width: 26px;
    height: 26px;
    left: 4px;
    top: 4px;
}

.form_radio__label-text:before {
    border-radius: 50%;
}

.form_checkbox__label-text:before {
    border-radius: 4px;
}

.form_radio input:checked + .form_radio__label-text:before {
    background: url(../img/radio-active.png) no-repeat;
    background-size: 12px;
    background-position: center;
}

.form_radio input:checked + .form_radio__label-text--big-font:before {
    background-size: 16px;
}

.form_checkbox input:checked + .form_checkbox__label-text:before {
    background: url(../img/checkbox-active.png) no-repeat;
    background-size: 8px;
    background-position: center;
}

/* Hover */
.form_radio label:hover:before, .form_checkbox label:hover:before {
    filter: brightness(120%);
}

/* Disabled */
.form_radio input:disabled + label .form_radio__label-text:before, .form_checkbox input:disabled + label .form_checkbox__label-text:before {
    filter: grayscale(100%);
}

.form_radio__img, .form_checkbox__img {
    width: 100%;
    border-radius: 0;
    margin-bottom: 4px;
}

.form_radio__label-text, .form_checkbox__label-text {
    display: block;
    padding-left: 44px;
    position: relative;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 18px;
}

.form_radio__label-text--with-open-btn, .form_checkbox__label-text--with-open-btn {
    margin-right: 45px;
}

.quiz__header {
    padding-top: 25px;
    margin-bottom: 11px;
}

.quiz__header-text {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    padding-bottom: 32px;
}

.quiz__header-steps {
    max-width: 517px;
    margin: 0 auto;
    font-size: 0;
}

.quiz__header-steps-img {
    width: 100%;
}

.quiz__question {
}

.quiz__question-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 110%;
    margin-top: 16px;
    padding-left: 15px;
    padding-right: 110px;
    position: relative;
    z-index: 1;
}

.quiz__question-speech {
    font-size: 14px;
    line-height: 17px;
}

.mb-100-80px-sm {
    margin-bottom: 80px;
}

.row.row--no-margin {
    margin-left: 0;
    margin-right: 0;
}

.form_radio--card-first {
    margin-right: 4px;
}

.form_radio--card-second {
    margin-left: 4px;
}

.quiz__question-speech-shadow {
    filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.35));
    background: #fff;
    border-radius: 4px;
    padding: 11px;
    margin-bottom: 15px;
    min-height: 35px;
}

.visible-lg {
    display: none;
}

.quiz__question-footer {
    display: none;
}

.quiz__footer {
    display: none;
}

.w-50prc {
    width: 50%;
}

.clear {
    clear: both;
}

.clear:after {
    display: block;
    content: '';
    clear: both;
}

.fl {
    float: left;
}

.form_checkbox__textarea, .form_radio__textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(35, 35, 35, 0.3);
    border-radius: 4px;
    resize: none;
    height: 181px;
    padding: 10px;
    position: absolute;
    height: 100%;
    top: 0px;
    font-size: 14px;
}

.form_checkbox__textarea-ratio, .form_radio__textarea-ratio {
    position: relative;
    padding-top: 55%;
}

.form_checkbox__textarea::placeholder, .form_radio__textarea::placeholder {
    font-size: 12px;
    color: rgba(35, 35, 35, 0.3);
    padding-top: 20px;
    text-align: center;
}

.form_radio--card-first, .form_checkbox--card-first {
    /* margin-right: 5px; */
}

.form_radio--card-second, .form_checkbox--card-second {
    /* margin-left: 5px; */
}

.get-user-phone {
    position: relative;
    padding-bottom: 0px;
    max-width: 370px;
    margin: 0 auto;
}

.get-user-phone__iphone {
    position: absolute;
    left: 24px;
    top: auto;
    width: 257px;
    bottom: 228px;
    margin-left: 0;
    transform: rotate(354deg);
}

.get-user-phone__title {
    font-style: normal;
    font-weight: 500;
    color: #000000;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 125%;
    margin-top: 7px;
}

.get-user-phone__description {
    font-style: normal;
    display: flex;
    align-items: center;
    margin-top: 33px;
    margin-bottom: 395px;
    text-align: center;
    font-size: 15px;
    line-height: 18px;
}

.get-user-phone__input {
    font-style: normal;
    font-weight: 300;
    width: 100%;
    max-width: 362px;
    text-align: center;
    background: #FFFFFF;
    box-sizing: border-box;
    outline: none;
    margin-bottom: 16px;
    position: relative;
    left: 0px;
    height: 46px;
    border: 1px solid #8388FF;
    border-radius: 8px;
    font-size: 22px;
    line-height: 22px;
}

.get-user-phone__button {
    font-style: normal;
    border: 0;
    text-align: center;
    color: #FFFFFF;
    width: 100%;
    max-width: 363px;
    outline: none;
    position: relative;
    left: 0px;
    margin-bottom: 37px;
    /* or 115% */
    text-transform: uppercase;
    height: 65px;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    background: #8388FF;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
    border-radius: 50px;
}

.get-user-phone__button:hover {
   background: #656ADF;
    box-shadow: inset 0px 2px 10px rgb(0 0 0 / 25%);
}

.get-user-phone__button:active {
    background: #1A7FAC;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 15%);
}

.get-user-phone__button:disabled, .get-user-phone__button:disabled:hover {
    border: 0;
    filter: none;
    cursor: inherit;
}

.progress-ring {
    position: absolute;
    top: -8px;
    left: -8px;
}

.progress-ring__circle {
    /*transition: 0.35s stroke-dashoffset;*/
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
}

.progress-circle {
    width: 86px;
    height: 86px;
    background: #FFFFFF;
    border: 8px solid #cccccc;
    border-radius: 50%;
    position: relative;
    margin-bottom: 24px;
    box-sizing: border-box;
    margin: 0 auto;
}



.progress-circle__value {
    width: 86px;
    height: 86px;
    top: -8px;
    left: -8px;
    position: absolute;
    font-style: normal;
    font-weight: 900;
    font-size: 20px;
    line-height: 86px;
    text-align: center;
    text-transform: uppercase;
    color: #8388ff;
}

.progress-circle__complete {
    width: 28px;
    position: absolute;
    top: 23px;
    left: 20px;
    display: none;
}

.ta-center {
    text-align: center;
}

.pos-relative {
    position: relative;
}

.pb-10px {
    padding-bottom: 10px;
}

.pb-0px {
    padding-bottom: 0px;
}

.ostalos-voprosov__footer {
    font-size: 11px;
    line-height: 13px;
    text-align: left;
    color: #000000;
    padding-right: 37px;
    padding-bottom: 15px;
    padding-left: 70px;
    background-position: 32px 1px;
    background-repeat: no-repeat;
    background-image: url('../img/ostalos-voprosov__footer.svg');
}

.after-get-user-phone {
    text-align: center;
    color: #000000;
    opacity: 0;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 0px;
    padding-top: 30px;
}

.form_radio__label-text.form_radio__label-text--big-font {
    padding-top: 6px;
    padding-bottom: 1px;
    padding-left: 58px;
    font-size: 16px;
    line-height: 125%;
}

.form_radio, .form_checkbox {
    font-size: 0;
    position: relative;
    margin-bottom: 14px;
}

.quiz-result__title {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    margin-top: 34px;
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 17px;
    position: relative;
    padding-left: 94px;
    padding-right: 20px;
}

.quiz-result--unlocked .quiz-result__title:before {
    background-image: url("../img/unlock.svg");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: contain;
    content: '';
    display: block;
    position: absolute;
    left: 9px;
    top: 3px;
    width: 64px;
    height: 64px;
}

.quiz-result--locked .quiz-result__title:before {
    /*background-image: url("../img/lock.png");*/
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: contain;
    content: '';
    height: 32.47px;
    width: 24.47px;
    display: block;
    position: absolute;
    left: 33px;
    top: 18px;
}

.quiz-result__murashkevich-photo {
    width: 149px;
    margin: 19px auto 15px auto;
    display: block;
    box-shadow: 0px 0px 3.11538px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    border: 6px solid #fff;
    overflow: hidden;
}

.quiz-result__thank-you-for-answer {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 31px;
    position: relative;
}

.quiz-result__thank-you-for-answer-title {
}

.quiz-result__title--unlocked {
}

.quiz-result__murashkevich-title {
    font-size: 17px;
    line-height: 22px;
    text-align: center;
    margin-bottom: 38px;
}

.header__gifts-sale {
    font-size: 16px;
    line-height: 15px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 23px;
    margin-top: 20px;
}

.header__gifts-change-number-text {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 13px;
}

.header__gifts-change-number-input {
    height: 48px;
    background: #FFFFFF;
    border-radius: 60px;
    border: 0;
    width: 100%;
    padding: 0;
    outline: none;
    text-align: center;
    font-size: 16px;
    margin-bottom: 19px;
}

.header__gifts-change-number-button {
    height: 48px;
    background: #54B648;
    border-radius: 60px;
    border: 0;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 8px;
    outline: none;
    cursor: pointer;
}

.header__gifts-change-number-button:hover {
    filter: drop-shadow(0px 4px 6px #54B648);
}

.header__gifts-change-number-button:disabled, .header__gifts-change-number-button:disabled:hover {
    background: #a9daa3;
    filter: none;
}

.header__gifts-header.header__gifts-second-header {
    font-size: 12px;
}

.skvazhina-price {
    position: relative;
    z-index: 1;
}

.skvazhina-price__title {
    font-weight: bold;
    font-size: 18px;
    line-height: 125%;
    margin-top: 37px;
    margin-bottom: 16px;
}

.skvazhina-price__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 36px;
}

table.price-table {
    font-size: 16px;
    line-height: 22px;
    border-collapse: collapse;
    margin-top: 10px;
}

table.price-table th {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #195BA9;
    white-space: nowrap;
}

table.price-table th, table.price-table td {
    border: 1px solid #195BA9;
}

table.price-table th {
    padding: 18px 38px;
    position: relative;
}

table.price-table td {
    padding: 11px 38px;
    text-align: center;
}

table.price-table td:first-child {
    text-align: left;
}

.table-scroll {
    margin: 0 auto;
    max-width: 948px;
}

.price-table span.plus {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-image: url('../img/plus.jpg');
    background-repeat: no-repeat;
    background-size: contain;
}

.price-table span.cross {
    display: inline-block;
    height: 14px;
    width: 14px;
    background-image: url('../img/cross.jpg');
    background-repeat: no-repeat;
    background-size: contain;
}

.price-table tr:last-child td {
    background: #4FB8EA;
    color: #fff;
    font-weight: bold;
    border: 1px solid #4FB8EA;
    font-size: 20px;
}

.price-table td {
    white-space: nowrap;
}

.price-table td:first-child {
    white-space: normal;
}

.recomenduetsya-vodoochistka {
    font-weight: 500;
    font-size: 10px;
    line-height: 20px;
    color: #FFFFFF;
    display: block;
    background-image: url('../img/recomenduetsya-vodoochistka.png');
    width: 188px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 0px;
    margin: 0px -33px;
    text-align: left;
    padding-left: 18px;
    box-sizing: border-box;
    position: absolute;
    top: -10px;
    left: 0px;
    margin: auto;
    right: 0px;
}

.kolodec-price {
    filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.35));
    background: #fff;
    border-radius: 4px;
    margin-top: 70px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    position: relative;
    z-index: 1;
}

.vieszd-inzhenera__list-item-s-uchetom {
    margin-bottom: 5px;
}

.vieszd-inzhenera__hidden {
    display: none;
}

.kolodec-price__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 11px;
    padding-right: 30px;
    position: relative;
    cursor: pointer;
}

.kolodec-price__title:after {
    display: block;
    position: absolute;
    content: '';
    top: 4px;
    right: 0px;
    background: url(../img/gifts__arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 11px;
    background-position: center center;
    transform-origin: 50% 50%;
}

.kolodec-price__title.kolodec-price__title--open:after {
    transform: rotate(180deg);
}

.kolodec-price__text {
    font-size: 14px;
    line-height: 17px;
}

.tariff-notice {
    padding-top: 24px;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    z-index: 1;
}

.tariff-notice p {
    margin-top: 0px;
}

.zamer {
    margin-bottom: 35px;
}

.zamer-preview {
    background-image: url("../img/zamer.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 305px;
    max-width: 286px;
    margin: 0 auto;
    margin-bottom: 14px;
    position: relative;
}

.zamer-preview:after {
    content: '';
    background-image: url("../img/play.png");
    display: block;
    height: 46px;
    width: 46px;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -23px;
    margin-left: -23px;
}

.zamer-description {
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    width: 194px;
    margin: 10px auto 0px auto;
}

.vieszd-inzhenera {
    position: relative;
    z-index: 1;
}

.vieszd-inzhenera__title {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 13px;
}

.vieszd-inzhenera__list-item {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 17px;
}

.vieszd-inzhenera__item-title {
    font-size: 18px;
    line-height: 22px;
    color: #54B648;
    margin-bottom: 11px;
}

.vieszd-inzhenera__item-title:before {
    content: '';
    background-image: url("../img/vieszd-inzhenera-list-marker.png");
    display: inline-block;
    height: 19px;
    width: 19px;
    background-size: contain;
    margin-right: 7px;
    position: relative;
    top: 2px;
}

.vieszd-inzhenera__item-list {
    padding-left: 0px;
    list-style: none;
    margin-top: 0px;
    margin-bottom: 0px;
}

.vieszd-inzhenera__item-list li {
}

.vieszd-inzhenera__item-list li:before {
    content: '';
    background-image: url("../img/vieszd-inzhenera__item-list-li-marker.png");
    display: inline-block;
    height: 4px;
    width: 4px;
    background-size: contain;
    margin-right: 6px;
    position: relative;
    top: -3px;
}

.vieszd-inzhenera__read-more {
    color: #195BA9;
    cursor: pointer;
}

.vieszd-inzhenera__input {
    height: 48px;
    background: #FFFFFF;
    border-radius: 60px;
    border: 0;
    width: 100%;
    padding: 0;
    outline: none;
    text-align: center;
    font-size: 16px;
    margin-bottom: 19px;
    border: 0.992307px solid #54B648;
    margin-top: 9px;
}

.vieszd-inzhenera__button {
    height: 48px;
    background: #54B648;
    border-radius: 60px;
    border: 0;
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    margin-bottom: 8px;
    border-bottom: 2px solid #129103;
    outline: none;
    cursor: pointer;
}

.vieszd-inzhenera__button:hover {
    filter: drop-shadow(0px 4px 6px #54B648);
}

.vieszd-inzhenera__button:disabled, .vieszd-inzhenera__button:disabled:hover {
    background: #a9daa3;
    filter: none;
    border: 0;
}

.subscribe-us {
    padding-top: 34px;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    padding-bottom: 77px;
    background-image: url("../img/subscribe-us.jpg");
    background-size: 296px;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.subscribe-us__text {
}

.subscribe-us__link-logo {
    margin-top: 12px;
    display: inline-block;
    margin-bottom: 43px;
}

.subscribe-us__logo {
    width: 48px;
    height: 43px;
}

.read-more-about-us {
}

.read-more-about-us__button {
    height: 64px;
    background: #FFFFFF;
    border: 1px solid #54B648;
    box-sizing: border-box;
    width: 100%;
    border-radius: 80px;
    margin-top: 23px;
    font-weight: bold;
    font-size: 14px;
    line-height: 64px;
    text-align: center;
    color: #54B648;
    display: inline-block;
    text-decoration: none;
}

.murashkevich-bg {
    position: relative;
}

.murashkevich-bg__img {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 879px;
}

.quiz-result__murashkevich {
    position: relative;
}

.quiz-result__img {
    position: absolute;
    left: -12px;
    margin-top: -650px;
}

.quiz-result {
    position: relative;
}

.quiz-result__content {
    position: relative;
}

.consultation__form-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    padding: 0 40px;
    padding-top: 24px;
}

.consultation-pop-up {
    position: relative;
    border-radius: 6px;
    max-width: 1092px;
    box-sizing: border-box;
    padding: 40px 14px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.22);
}

.modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal__container {
    background-color: #fff;
    max-height: 100vh;
    border-radius: 4px;
    overflow-y: auto;
    box-sizing: border-box;
    font-size: 0;
    position: relative;
}

.modal__container img {
    max-width: 100%;
    max-height: 100vh;
}

.modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal__title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.25;
    color: #00449e;
    box-sizing: border-box;
}

.modal__close {
}

.modal__header .modal__close:before {
    content: "\2715";
}

.modal__content {
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.5;
    color: rgba(0,0,0,.8);
}

.modal__btn {
    font-size: .875rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: #e6e6e6;
    color: rgba(0,0,0,.8);
    border-radius: .25rem;
    border-style: none;
    border-width: 0;
    cursor: pointer;
    -webkit-appearance: button;
    text-transform: none;
    overflow: visible;
    line-height: 1.15;
    margin: 0;
    will-change: transform;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out,-webkit-transform .25s ease-out;
}

.modal__btn:focus, .modal__btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.modal__btn-primary {
    background-color: #00449e;
    color: #fff;
}

/**************************\ Demo Animation Style \**************************/
@keyframes mmfadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes mmfadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes mmslideIn {
    from {
        transform: translateY(15%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes mmslideOut {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-10%);
    }
}

.micromodal-slide {
    display: none;
    z-index: 120;
    position: relative;
}

.micromodal-slide.is-open {
    display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
    animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
    animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
    animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
    animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container, .micromodal-slide .modal__overlay {
}

.random-fact__zoom {
    position: relative;
    display: block;
}

.random-fact__zoom:after {
    content: '';
    display: block;
    height: 42px;
    width: 42px;
    background-image: url('../img/random-fact__zoom-ico.png');
    background-repeat: no-repeat;
    position: absolute;
    background-size: contain;
    top: 50%;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
}

.video {
    font-family: Helvetica;
    overflow: hidden;
    transition: 0.3s;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    border-width: 3px;
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 2px;
    z-index: 8;
    position: fixed;
    top: auto;
    left: 12px;
    bottom: 25px;
    width: 160px;
    box-shadow: rgb(0 0 0 / 40%) 0px 10px 20px;
}

.video:before {
    content: '';
    display: block;
    padding-bottom: 216px;
    transition: 0.2s ease-in-out;
}

.video-countainer {
    display: block;
    height: calc(100% - 8px);
    position: absolute;
    width: calc(100% - 8px);
    left: 4px;
    top: 4px;
    border-radius: 2px;
    overflow: hidden;
    font-size: 0;
}

.video video {
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    z-index: 2;
    transition: opacity 0.4s ease-in-out 0s;
    opacity: 0.8;
}

.video-close, .video-close-always {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    z-index: 250;
    transition: transform 0.3s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
    opacity: 0.5;
    display: none;
}

.video:not(.video-open) .video-close-always {
    right: 5px;
    display: block;
}

.video-close:before, .video-close:after, .video-close-always:before, .video-close-always:after {
    position: absolute;
    left: 0px;
    top: 9px;
    content: " ";
    height: 2px;
    width: 18px;
    background: white;
    box-shadow: rgb(0 0 0 / 50%) 1px 1px 10px;
}

.video-close:before, .video-close-always:before {
    transform: rotate(45deg);
}

.video-close:after, .video-close-always:after {
    transform: rotate(-45deg);
}

.video-close:hover, .video-close-always:hover {
    opacity: 1;
    transform: scale(1.2);
}

.video.video-open {
    width: 250px;
    border-color: rgba(214, 152, 83, 1);
    transition: .3s;
    box-shadow: rgb(0 0 0 / 40%) 0px 10px 20px;
    max-width: calc(100% - 24px);
}

.video-open .video-close {
    display: block;
}

.video.video-open .video-close-always {
    display: none;
}

.video-close:after {
    display: none;
}

.video-close:before {
    transform: rotate(0deg);
}

.quiz.quiz-result--locked {
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.22);
    background: rgba(255, 255, 255, 0.7);
}

.quiz-result--locked--animated {
    animation: quiz-result-locked 1.8s ease-in-out infinite;
}

@keyframes quiz-result-locked {
    0% {
        transform: translateY(0px);
        opacity: 1;
    }

    50% {
        transform: translateY(50px);
        opacity: 0.6;
    }

    to {
        transform: translateY(0px);
        opacity: 1;
    }
}

.mCSB_scrollTools {
    background: #DEDEDE;
    border-radius: 80px;
    height: 18px !important;
    bottom: 0px !important;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 100%;
    margin: 0;
    background: #FFFFFF;
    border-radius: 80px;
}