:root {
    --card-boxshadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    --card-boxshadow-active: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --color-text-white: #fff;
    --color-text-dark: #212529;
    --color-lightblue: #06bde5;
    --color-lightblue-80: rgba(6, 189, 229, 0.8);
    --color-lightblue-30: rgba(6, 189, 229, 0.3);
    --color-darkblue: #405189;
    --color-darkblue-90: rgba(64, 81, 137, 0.9);
    --color-darkblue-70: rgba(64, 81, 137, 0.7);
    --color-darkblue-10: rgba(64, 81, 137, 0.1);
    --color-green: #05ff00;
    --color-green-80: rgba(5, 255, 0, 0.8);
    --color-green-50: rgba(5, 255, 0, 0.5);
    --color-green-30: rgba(5, 255, 0, 0.3);
    --color-grey: #a5a5a5;
    --color-grey-30: rgba(165, 165, 165, 0.3);
    --color-red: #ff0000;
    --color-red-70: rgba(255, 0, 0, 0.7);
    --color-orange: #f06548;
    --color-orange-80: rgba(240, 101, 72, 0.8);
}

._bg-white {
    background-color: #fff !important;
}

._btn-glass {
    position: relative;
    display: inline-block;
    color: #777674;
    font-weight: bold;
    text-decoration: none;
    text-shadow: rgba(255, 255, 255, 0.5) 1px 1px, rgba(100, 100, 100, 0.3) 3px 7px 3px;
    user-select: none;
    padding: 1em 2em;
    outline: none;
    border-radius: 20px;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70%), linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.3)), linear-gradient(to right, rgb(125, 125, 125), rgba(255, 255, 255, 0.9) 45%, rgba(125, 125, 125, 0.5)), linear-gradient(to right, rgb(125, 125, 125), rgba(255, 255, 255, 0.9) 45%, rgba(125, 125, 125, 0.5)), linear-gradient(to right, rgb(223, 190, 170), rgba(255, 255, 255, 0.9) 45%, rgba(223, 190, 170, 0.5)), linear-gradient(to right, rgb(223, 190, 170), rgba(255, 255, 255, 0.9) 45%, rgba(223, 190, 170, 0.5));
    background-repeat: no-repeat;
    background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px;
    background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
    box-shadow: rgba(0, 0, 0, 0.5) 3px 10px 10px -10px;
}

._btn-glass:hover {
    transition: 0.5s linear;
    background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
}

._btn-glass:active {
    top: 1px;
}

._btn-press {
    position: relative;
    display: inline-block;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    padding: 0.5em 1em;
    outline: none;
    border-radius: 5px;
    background: transparent;
    box-shadow: var(--card-boxshadow);
    transition: 0.25s;
}

._btn-press:hover:not(:active) {
    /*background: transparent;*/
    box-shadow: var(--card-boxshadow-active);
}

._btn-press:active {
    top: 1px;
    background: transparent;
    background-color: transparent !important;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5) inset, 0 2px 3px rgba(0, 0, 0, 0.5) inset, 0 1px 1px rgba(255, 255, 255, 0.1);
}

._btn-press._btn-blue {
    background: var(--color-darkblue-90);
}

._btn-press._btn-blue:hover:not(:active) {
    background: var(--color-darkblue);
}

._btn-press._btn-blue:active {
    background: var(--color-darkblue);
    background-color: var(--color-darkblue) !important;
}

._btn-press._btn-lightblue {
    background: var(--color-lightblue-80);
}

._btn-press._btn-lightblue:hover:not(:active) {
    background: var(--color-lightblue);
}

._btn-press._btn-lightblue:active {
    background: var(--color-lightblue);
    background-color: var(--color-lightblue) !important;
}

._btn-press._btn-green {
    background: var(--color-green-50);
    color: var(--color-text-dark) !important;
}

._btn-press._btn-green:hover:not(:active) {
    background: var(--color-green);
}

._btn-press._btn-green:active {
    background: var(--color-green);
    background-color: var(--color-green) !important;
}

._btn-press._btn-red {
    background: var(--color-red-70);
    color: #fff !important;
}

._btn-press._btn-red:hover:not(:active) {
    background: var(--color-red);
}

._btn-press._btn-red:active {
    background: var(--color-red);
    background-color: var(--color-red) !important;
}

._btn-press._btn-orange {
    background: var(--color-orange-80);
    color: #fff !important;
}

._btn-press._btn-orange:hover:not(:active) {
    background: var(--color-orange);
}

._btn-press._btn-orange:active {
    background: var(--color-orange);
    background-color: var(--color-orange) !important;
}

._btn-press._not-active:not(:hover), ._btn-press._not-active:not(:active) {
    background: var(--color-grey-30) !important;
    color: var(--color-grey) !important;
}

._btn-press.btn-icon {
    padding: 0;
}

._btn-pills {
    position: relative;
    padding: 5px 15px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
    border: none;
    border-radius: 100px;
    background: transparent;
    box-shadow: var(--card-boxshadow);
    color: #fff;
    user-select: none;
    cursor: pointer;
}

._btn-pills:hover {
    color: #fff;
    background: transparent;
}

._btn-pills:active {
    background: transparent;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5) inset, 0 2px 3px rgba(0, 0, 0, 0.5) inset, 0 1px 1px rgba(255, 255, 255, 0.1);
}

._btn-pills._btn-blue {
    background: var(--color-darkblue-90);
}

._btn-pills._btn-blue:hover {
    color: #fff;
    background: var(--color-darkblue);
}

._btn-pills._btn-blue:active {
    color: #fff !important;
    background: var(--color-darkblue) !important;
}

._btn-pills._btn-lightblue {
    background: var(--color-lightblue-80);
}

._btn-pills._btn-lightblue:hover {
    color: #fff;
    background: var(--color-lightblue);
}

._btn-pills._btn-lightblue:active {
    color: #fff !important;
    background: var(--color-lightblue) !important;
}

._btn-pills._btn-green {
    background: var(--color-green-50);
    color: var(--color-text-dark);
}

._btn-pills._btn-green:hover {
    color: var(--color-text-dark);
    background: var(--color-green);
}

._btn-pills._btn-green:active {
    color: var(--color-text-dark) !important;
    background: var(--color-green) !important;
}

._btn-pills._btn-red {
    background: var(--color-red-70);
    color: #fff;
}

._btn-pills._btn-red:hover {
    color: #fff;
    background: var(--color-red);
}

._btn-pills._btn-red:active {
    color: #fff !important;
    background: var(--color-red) !important;
}

._btn-pills._btn-orange {
    background: var(--color-orange-80);
    color: #fff;
}

._btn-pills._btn-orange:hover {
    color: #fff;
    background: var(--color-orange);
}

._btn-pills._btn-orange:active {
    color: #fff !important;
    background: var(--color-orange) !important;
}

._btn-pills._not-active:not(:hover), ._btn-pills._not-active:not(:active) {
    background: var(--color-grey-30) !important;
    color: var(--color-grey) !important;
}

.step-card {
    width: 100%;
}

@media (min-width: 992px) {
    .step-card {
        min-width: 370px;
    }
}

.step-card__body {
    display: flex;
    padding: 10px;
    align-items: center;
    justify-content: space-evenly;
}

@media (max-width: 576px) {
    .step-card__body {
        flex-direction: column;
    }
}

.step-card__title {
    text-align: center;
    padding: 5px 10px;
    font-weight: 600;
    letter-spacing: 0.7px;
}

.step-card__title._lightblue {
    background-color: var(--color-lightblue);
    color: #fff;
}

.step-card__title._blue {
    background-color: var(--color-darkblue-70);
    color: #fff;
}

.card-radio .form-check-input:checked + .form-check-label .step-card__title._blue {
    background-color: var(--color-darkblue);
    color: #fff;
}

.card-radio .form-check-input:checked + .form-check-label .step-card__title._blue + .step-card__body {
    background-color: var(--color-darkblue-10);
}

.step-card__image {
    min-width: 40%;
    flex-shrink: 0;

    flex-grow: 1;
    flex-basis: 0;
}

.step-card__text {
    flex-grow: 1;
    flex-basis: 0;
    margin-left: 15px;
}

@media (max-width: 576px) {
    .step-card__image {
        margin-right: 0;
        margin-bottom: 10px;
        width: 100%;
    }
}

.step-card__image img {
    object-fit: cover;
    width: 100%;
    border-radius: 4px;
}

.step-card__badge {
    margin-bottom: 10px;
    display: flex;
}

.step-card__badge span {
    border-radius: 15px;
    border: 1px solid transparent;
    padding: 2px 10px;
    font-size: 11px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

/*
.step-card__badge span:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-left: 8px;
}
*/
.step-card__badge ._green {
    color: var(--color-text-dark);
    background-color: var(--color-green-30);
    border-color: var(--color-green);
}

.step-card__badge ._green:after {
    background-color: var(--color-green);
    border: 1px solid var(--color-green-30);
}

.step-card__badge ._blue {
    color: var(--color-text-dark);
    background-color: var(--color-lightblue-30);
}

.step-card__badge ._blue:after {
    background-color: var(--color-lightblue);
    border: 1px solid var(--color-lightblue-30);
}

.step-card__badge ._grey {
    color: var(--color-text-dark);
    background-color: var(--color-grey-30);
}

.step-card__badge ._grey:after {
    background-color: var(--color-grey);
    border: 1px solid var(--color-grey-30);
}

.form-send-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.form-send-footer button[type=submit] {
    margin-right: auto;
}

.btn-whatsapp {
    background-color: #2cb742 !important;
}

.btn-tg {
    background-color: #0088cc !important;
}

.form-send-footer .btn {
    width: calc(20% - 25px);
    flex-grow: inherit !important;

}

@media (max-width: 576px) {
    /*.form-send-footer {
        flex-direction: column;
    }*/
    .form-send-footer .btn {
        width: 100%;
    }
}

.bg-overlay-pattern {
    background-attachment: fixed;
}

.chat-conversation {
    padding-bottom: 4rem !important;
}

.chat-conversation .conversation-list {
    align-items: flex-start;
}

.chat-conversation .chat-avatar {
    margin: 20px 16px 0 0;
}

.conversation-variants .form-check,
.item .form-check {
    width: calc((100% - 10px) / 2);
    margin-bottom: 10px;
}

.card {
    box-shadow: var(--card-boxshadow);
}

.card-radio .form-check-label {
    border: none;
    box-shadow: var(--card-boxshadow);
    transition: 0.25s;
}

.card-radio .form-check-label:hover {
    box-shadow: var(--card-boxshadow-active);
}

.card-radio .form-check-input:checked + .form-check-label {
    /*background-color: rgba(var(--card-boxshadow-active), 0.1);*/
    box-shadow: var(--card-boxshadow-active);
}

.form-check-label._p0 {
    padding: 0;
}

.chat-conversation .conversation-list .ctext-wrap-content {
    box-shadow: var(--card-boxshadow);
    border-radius: 0 20px 20px 20px;
    background-color: var(--color-darkblue-10);
}

.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {
    border-radius: 20px 20px 0 20px;
}

.form-check-label {
    width: 100%;
}

.list-group-flush li.list-group-item > div .form-check-input {
    transition: 0.25s;
}

.list-group-flush li.list-group-item > div:hover .form-check-input {
    border-color: var(--color-darkblue);
}

.chat-conversation .conversation-list .conversation-variants {
    border-radius: 5px;
    margin-bottom: 10px;
}

.conversation-variants textarea.form-control {
    /*min-height: 100px;*/
    field-sizing: content;
    border-radius: 5px;
    font-size: 15px;
    box-shadow: var(--card-boxshadow);
    transition: 0.25s;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .conversation-variants textarea.form-control:focus, .conversation-variants input.form-control:focus {
        font-size: 16px;
    }
}

.conversation-variants textarea.form-control:hover, .conversation-variants textarea.form-control:focus {
    box-shadow: var(--card-boxshadow-active);
}

.conversation-variants-form .card {
    border-radius: 5px;
}

.conversation-variants-form .card .btn {
    flex-grow: 1;
}

.utp {
    color: var(--color-text-dark);
    height: auto;
    line-height: 1.2;
}

@media (max-width: 576px) {
    .utp {
        font-size: 21px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 450px) {
    .utp {
        font-size: 18px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.promotion-title {
    font-size: 22px;
    color: #fff;
    background-color: var(--color-darkblue);
    border-radius: 20px 20px 0 0;
    padding: 20px 25px;
    text-align: center;
    transform: none;
    line-height: 1.2;
}

.promotion-title p {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .promotion-title {
        font-size: 21px;
        padding: 20px 15px;
    }
}

@media (max-width: 767px) {
    .promotion-title {
        font-size: 18px;
    }
}

@media (max-width: 576px) {
    .promotion-title {
        font-size: 16px;
        padding: 10px 15px;
    }
}

.advantages + .user-chat {
    border-radius: 0;
}

.promotion-title + .user-chat {
    border-radius: 0;
}

.promotion-title + .advantages {
    border-radius: 0;
}

.promotion-title + .advantages + .user-chat {
    border-radius: 0;
}

.advantages {
    display: flex;
    justify-content: space-evenly;
    border-radius: 20px 20px 0 0;
    background-color: var(--color-lightblue);
}

.advantages + .promotion-title {
    border-radius: 0;
}

.advantages + .promotion-title + .user-chat {
    border-radius: 0;
}

.advantages .advantage-point {
    display: flex;
    align-items: center;
    line-height: 1.2;
    margin: 15px;
    cursor: pointer;
}

.advantages .advantage-point img {
    margin-right: 15px;
    width: 30px;
}

@media (max-width: 991px) {
    .advantages {
        flex-wrap: wrap;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .advantages {
        flex-direction: column;
        align-items: flex-start;
        padding: 3%;
    }

    .advantages .advantage-point {
        margin: 5px;
    }
}

.flatpickr-calendar {
    box-shadow: var(--card-boxshadow) !important;
    margin-bottom: 10px;
    max-width: 300px;
}

.noUi-target {
    margin-left: 32px;
    margin-top: 60px;
    min-width: 236px;
}

.noUi-target + button {
    width: calc(100% + 40px);
}

@media (max-width: 576px) {
    .noUi-target {
        min-width: 200px;
    }
}

.noUi-horizontal .noUi-handle {
    border-radius: 5px;
    width: 24px;
    cursor: grab;
}

.noUi-handle,
.noUi-connect {
    background: var(--color-darkblue);
}

.noUi-handle:before, .noUi-handle:after {
    content: "";
    display: block !important;
    position: absolute;
    height: 10px;
    width: 1px;
    background: #E8E7E6;
    left: 10px;
    top: 3px;
}

.noUi-handle:after {
    left: 13px;
}

.noUi-tooltip {
    padding: 5px 15px;
    border-radius: 5px;
    box-shadow: var(--card-boxshadow);
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
    bottom: 15px;
}

@media (max-width: 499px) {
    .conversation-variants .form-check, .item .form-check {
        width: 100%;
        max-width: 300px !important;
        min-width: inherit;
    }
}

@media (max-width: 991px) {
    .user-chat {
        margin-bottom: 50px;
        padding-top: 0;
    }
}

.invalid-field {
    border-color: #f00;
}

@media (max-width: 576px) {
    .hero-section > .container {
        padding: 0;
    }
}

@media (max-width: 359px) {
    .chat-conversation .chat-avatar {
        display: none;
    }
}

@media (max-width: 576px) {
    .section {
        padding: 30px 0;
    }
}

@media (max-width: 991px) {
    .legal-info {
        max-width: inherit;
        width: 100%;
        background-color: #fff;
        left: 0;
        bottom: 30px;
        padding: 10px 15px;
        justify-content: space-between;
        flex-wrap: wrap;
        text-align: center;
        flex-direction: column;
        border-top: 1px solid rgba(0, 0, 0, 0.05);
        display: none;
    }
}

.legal-info._active {
    display: flex;
    z-index: 102;
}

.legal-info-show {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 5px 15px;
    height: 30px;
    background-color: #fff;
    z-index: 101;
    font-size: 13px;
    font-weight: 500;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    color: var(--color-grey);
}

@media (min-width: 992px) {
    .legal-info-show {
        display: none;
    }
}

.legal-info-show span {
    display: inline-flex;
    position: relative;
}

.legal-info-show span:before {
    position: absolute;
    right: -20px;
    top: calc(50% - 6px);
    display: block;
    width: 8px;
    height: 8px;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 1px solid var(--color-grey);
    border-bottom: 1px solid var(--color-grey);
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

.legal-info-show._show {
    border-color: transparent;
}

.legal-info-show._show span:before {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: calc(50% - 2px);
}

.site-name {
    line-height: normal;
    margin-left: 0;
    padding-left: 0;
}

@media (max-width: 499px) {
    .site-name {
        font-size: 10px;
    }
}

@media (max-width: 991px) {
    .contact-wrap {
        margin-top: 15px;
    }
}

@media (max-width: 576px) {
    .contact-wrap .address {
        font-size: 10px;
    }
}

@media (max-width: 499px) {
    .contact-wrap {
        display: flex;
    }

    /*
    .contact-wrap .address {
        display: none;
    }

     */
}

/*
@media (max-width: 379px) {
    .contact-wrap .phone a {
        text-indent: -9999px;
        background: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.2502 19.8062C23.3341 18.8832 21.1153 17.5361 20.0388 16.9933C18.637 16.2871 18.5216 16.2294 17.4197 17.0481C16.6847 17.5944 16.1961 18.0824 15.336 17.899C14.4758 17.7155 12.6066 16.6812 10.97 15.0497C9.33333 13.4182 8.23895 11.4948 8.05492 10.6376C7.87089 9.78029 8.36702 9.29743 8.90815 8.56073C9.67081 7.52231 9.61312 7.34924 8.96123 5.94738C8.45298 4.85704 7.06669 2.65906 6.14019 1.74756C5.14908 0.768566 5.14908 0.941635 4.51046 1.20701C3.99054 1.42576 3.49175 1.69167 3.02033 2.0014C2.09729 2.61464 1.58501 3.12404 1.22675 3.88959C0.868498 4.65513 0.707544 6.44986 2.55766 9.81087C4.40777 13.1719 5.70579 14.8905 8.39241 17.5696C11.079 20.2487 13.1449 21.6892 16.165 23.383C19.901 25.4754 21.334 25.0675 22.1018 24.7098C22.8697 24.3522 23.3814 23.8445 23.9958 22.9215C24.3063 22.4508 24.5728 21.9526 24.7919 21.4331C25.0578 20.7967 25.2309 20.7967 24.2502 19.8062Z' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E%0A") no-repeat 0 0;
        width: 35px;
        height: 35px;
        background-size: contain;
        font-size: 0;
        display: flex;
    }
}
*/
@media (max-width: 991px) {
    .navbar > .container {
        flex-direction: column;
    }
}

.ctext-wrap {
    flex-direction: column;
}

.ctext-wrap-picture {
    margin-top: 1em;
}

.ctext-wrap-picture img {
    max-width: 100%;
    border-radius: 10px;
}

/*20.02.24*/
/*цвет кнопки меню и цвет шапки*/
:root {
    --burger-button-color: #fff;
    --header-background: #000;
}

@media (min-width: 577px) {
    .logo-wrap-mobile,
    .js-mob-btn {
        display: none;
    }
}

@media (max-width: 576px) {
    .hero-section {
        margin-top: 0px;
    }

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

    .navbar > .container {
        align-items: flex-start;
    }

    .logo-wrap {
        padding-right: 30px;
        grid-gap: 10px 20px;
    }

    .logo-wrap-mobile {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .logo-wrap-mobile .card-logo {
        margin-bottom: 10px;
    }

    .contact-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        top: -100%;
        left: 0;
        width: 100%;
        padding: 30px 15px;
        background-color: var(--header-background);
        border-radius: 0 0 30px 30px;
        margin-top: 0;
        position: fixed;
        z-index: 2;
        transition: 0.25s;
    }

    .contact-wrap._active {
        top: 0;
    }
}

.js-mob-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    border: none;
    background: transparent;
    width: 24px;
    height: 24px;
    z-index: 2;
}

.js-mob-btn::before, .js-mob-btn::after {
    content: "";
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: var(--burger-button-color);
    border-radius: 2px;
}

.js-mob-btn::before {
    top: 3px;
    box-shadow: 0 8px 0 var(--burger-button-color);
    transition: box-shadow 0.3s 0.15s, top 0.3s 0.15s, transform 0.3s;
}

.js-mob-btn::after {
    bottom: 3px;
    transition: bottom 0.3s 0.15s, transform 0.3s;
}

.js-mob-btn._active::before {
    top: 11px;
    transform: rotate(45deg);
    box-shadow: 0 6px 0 rgba(0, 0, 0, 0);
    transition: box-shadow 0.15s, top 0.3s, transform 0.3s 0.15s;
}

.js-mob-btn._active::after {
    bottom: 11px;
    transform: rotate(-45deg);
    transition: bottom 0.3s, transform 0.3s 0.15s;
}

.step-card__badge span {
    max-width: 100%;
    white-space: normal;
}

.step-card__badge span:after {
    flex-shrink: 0;
}

.step-card__text .text_add {
    display: flex;
    line-height: 1.2;
    flex-direction: column;
}

.step-card__text .text_add p {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .conversation-variants .form-check, .item .form-check {
        min-width: calc(50% - 10px);
    }

    .step-card__body {
        flex-direction: column;
        padding: 0;
    }

    .step-card__text {
        padding: 10px;
    }

    .step-card__image {
        margin-right: 0;
        margin-bottom: 0;
        width: 100%;
        height: 120px;
    }

    .step-card__image img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        border-radius: 0;
    }
}

@media (max-width: 767px) {
    .step-card__image {
        height: auto;
        min-height: auto !important;
        padding: 5px 0;
    }

    .step-card__badge {
        line-height: 1.1;
    }
}

@media (max-width: 499px) {

    .conversation-variants .form-check.rqcard, .item .form-check.rqcard {
        width: calc(50% - 5px);
        min-width: calc(50% - 5px);
    }


    .step-card__text .text_add {
        font-size: 12px;
    }

    .step-card__title {
        font-size: 12px;
    }
}

.step-card {
    border-radius: 4px;
}

.card-radio .form-check-input:checked + .form-check-label:before {
    color: #fff;
}

.card-radio .form-check-input:checked + .form-check-label .step-card {
    border: 3px solid var(--color-darkblue);
}

@media (min-width: 620px) {
    .p-modal-dialog.p-modal-sm {
        width: 600px;
    }
}

.p-modal {
    overflow: hidden;
    opacity: 0;
    position: fixed;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.p-modal .p-close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    opacity: 0.6;
    transition: 0.25s;
}

.p-modal .p-close:hover {
    opacity: 1;
    transition: 0.25s;
}

.p-modal-dialog {
    position: absolute;
    left: 50%;
    top: -100%;
    transform: translateX(-50%);
    height: auto;
    width: calc(100vw - 30px);
    background-color: #fff;
    border-radius: 4px;
    color: #222;
    transition: 0.25s;
}

@media (min-width: 1150px) {
    .p-modal-dialog {
        max-width: 1000px;
        width: 100%;
    }
}

.p-modal.p-modal-open {
    display: block;
    overflow: visible;
    opacity: 1;
    z-index: 100;
    transition: 0.25s;
}

.p-modal.p-modal-open .p-modal-dialog {
    top: 75px;
    transition: 0.25s ease-in-out;
    transition-delay: 0.25s;
}

@media (max-width: 1399px) {
    .p-modal.p-modal-open .p-modal-dialog {
        top: 60px;
    }
}

.p-modal.p-modal-open .p-modal-dialog.p-modal-sm {
    top: 50%;
    transform: translate(-50%, -50%);
}

.p-modal-header {
    padding: 20px 30px 0 30px;
    border: 0;
    margin-bottom: 30px;
}

@media (max-width: 991px) {
    .p-modal-header {
        margin-bottom: 15px;
    }
}

@media (max-width: 499px) {
    .p-modal-header {
        padding: 15px 15px 0 15px;
    }
}

.p-modal-body {
    padding: 0 60px 40px 60px;
}

@media (max-width: 499px) {
    .p-modal-body {
        padding: 0 15px 50px 15px;
    }
}

@media (max-width: 499px) {
    .p-modal-dialog.p-modal-sm .p-modal-body {
        padding: 0 15px 30px 15px;
    }
}

.contact-phone-block {
    text-align: right;
}

.step-card__body-wrap {
    position: relative;
    /*width: 50%;*/
}

/*
@media (max-width: 499px) {
    .step-card__body-wrap {
        width: 100%;
    }
}
*/
.step-card__text {
    min-width: 50%;
}

.step-card__image {
    min-height: 120px;
    overflow: hidden;
    position: relative;
}

.step-card__image img {
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.step-card__image img.active {
    opacity: 1;
}

.step-card__dots {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: space-between;
}

.step-card__dots-dot {
    height: 100%;
    width: auto;
    border-radius: 6px;
    margin: 0 3px;
    flex-grow: 1;
    z-index: 2;
    position: relative;
}

.step-card__dots-dot:before {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: rgba(204, 204, 204, 0.4);
}

.step-card__dots-dot.active:before, .step-card__dots-dot:hover:before {
    background-color: rgb(204, 204, 204);
}

.step-card__image img.active {
    position: relative;
}

.hb {
    display: none !important;
}

.rq-brand {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px;
    font-size: 12px;
    font-weight: 500;
    color: var(--color-grey);
}

.rq-brand p {
    margin-bottom: 0;
}

.utp p {
    margin-bottom: .25em;
}

.chat-area {
    padding-top: 40px;
}

#RQChatWidget .navbar {
    z-index: 100;
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 50px;
}

#RQChatWidget .navbar-fixed {
    position: fixed;
}

#RQChatWidget .add-section {
    position: fixed;
    left: 0;
    top: -150%;
    width: 100%;
    z-index: 200;
    transition: 0.4s;
}

@media (max-width: 576px) {
    #RQChatWidget .add-section {
        margin: 0 -15px;
        width: calc(100% + 30px);
    }
}

#RQChatWidget .add-section._active {
    top: 0;
}

#RQChatWidget .add-section-wrap {
    display: flex;
    align-items: flex-start;
    background-color: var(--color-darkblue);
    padding: 15px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
}

@media (max-width: 767px) {
    #RQChatWidget .add-section-wrap {
        flex-direction: column;
    }
}

#RQChatWidget .add-section__logo {
    margin-right: 20px;
    align-self: center;
}

@media (max-width: 767px) {
    #RQChatWidget .add-section__logo {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

#RQChatWidget .add-section__text {
    margin-right: 20px;

    font-size: 18px;
    align-self: center;
}

@media (max-width: 767px) {
    #RQChatWidget .add-section__text {
        margin-right: 0;
        margin-bottom: 10px;
        font-size: 12px;
    }

    .add-section__logo .card-logo {
        max-height: 30px;
    }
}

#RQChatWidget .add-section__phone {
    flex-shrink: 0;

    font-size: 14px;
    margin-left: auto;
    align-self: center;
}

@media (max-width: 767px) {
    #RQChatWidget .add-section__phone {
        width: 100%;
    }
}

.add-section__text p {
    margin: 0;
}

.rqchat-html {
    scroll-padding-top: 220px;
}

.consprint {

    display: inline-block;
    clip-path: inset(0 0.7ch 0 0);
    animation: l 1s steps(4) infinite;
}

@keyframes l {
    to {
        clip-path: inset(0 -1ch 0 0)
    }
}

.section-banner {
    position: relative;
}

.section-banner picture {
    display: flex;
    flex-direction: column;
}

.section-top--image {
    display: block;
    /*max-height: calc(100vh - 120px);*/
    object-fit: cover;
    width: 100%;
    object-position: 60% 100%;
    min-height: 470px;
}

._btn-pills-picture {
    margin-right: 10px;
}

._btn-pills-picture img {
    max-height: 20px;
}

.chat-conversation .chat-avatar img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.choices {
    width: 100%;
}

.lp-card img {
    max-width: 60px;
}

.swiper-slide img {
    margin: 0 auto;
}

.pb-section {
    background-color: rgba(255, 255, 255, .8);
    padding: 25px 0;
}

.section-banner {
    padding: 0 0 25px 0;
}

@media (max-width: 767.98px) {
    .pb-section {
        padding: 10px 0
    }

    .section-banner {
        padding: 0 0 10px 0;
    }
}

.rqc-choice-picture {
    padding-bottom: 10px;

}

.rqc-choice-picture img {
    max-width: 100%;
}

.lp-advantages p {
    margin: 0;
}

#navbar .js-mob-btn._active {
    position: fixed;
}

.lpb-clock .timer__items {
    display: flex;
    font-size: 38px;
}

.lpb-clock .timer__item {
    position: relative;
    min-width: 50px;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 15px;
    text-align: center;
    line-height: 1;
}

@media (max-width: 499px) {
    .lpb-clock .timer__item {
        min-width: 48px;
        font-size: 35px;
    }

    .lpb-clock .timer__item::before {
        font-size: 12px;
    }
}

.lpb-clock .timer__item::before {
    content: attr(data-title);
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    font-size: 14px;
}

.lpb-clock .timer__item:not(:last-child)::after {
    content: ':';
    position: absolute;
    right: -15px;
}


.conversation-variants .btn-chat[data-btype='4'] {
    flex-basis: 100%;
}

.rqc-choice-picture {
    flex-basis: 100%;
}

#messages_cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    overflow: hidden;

    z-index: 1000;
    color: #666;

    font-size: 12px;
    display: none;
}

#messages_cookies-wrap {
    position: relative;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, .9);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    padding: 15px;
}

#messages_cookies-wrap div {
    margin-right: 20px;
    display: inline-block;
}

#cmoreText {
    display: none;
}

/*
#messages_cookies-close {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: auto 0;
    padding: 0;
    background: none;
    border: none;
}
*/
@media (max-width: 1060px) {
    #messages_cookies-wrap {
        height: auto;
    }

    /*
        #messages_cookies-close {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 10px;
        }
     */
}

.btn-action {
    border: none;
}

.btn-action:after {
    content: '';
    position: absolute;
    transform: skewX(-22deg) translateX(calc(100% - 45px));
    width: 45px;
    height: 100%;
    opacity: 0;
    left: 0%;
    top: 0;
    animation-delay: 2s;
    pointer-events: none;
    will-change: transform, opacity;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.6) 100%);
    animation: shine-animation 5s ease-in-out infinite 2s;
}

@keyframes shine-animation {
    0% {
        opacity: 0;
        transform: skewX(-22deg) translateX(calc(100% - 90px));
    }
    20% {
        opacity: 1;
        transform: skewX(-22deg) translateX(calc(100% + 0));
    }
    27% {
        opacity: 0;
        transform: skewX(-22deg) translateX(calc(100% + 45px));
    }
    40% {
        opacity: 0;
        transform: skewX(-22deg) translateX(calc(100% + 120px));
    }
    100% {
        opacity: 0
    }
}

.prize_btn:disabled {
    background: var(--color-grey-30) !important;
    color: var(--color-grey) !important;
    border-color: var(--color-grey-30) !important;
}


.fortune-wheel {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background: radial-gradient(54.86% 54.86% at 27.91% 52.36%, #24388D 0%, #272A4C 100%);
}

/* общий блок для всех элементов */
.deal-wheel {
    /* задаём переменные блока */
    /* размеры колеса */
    --size: clamp(250px, 100vmin, 430px);

    /* настройки яркости и заливки фона секторов */
    --lg-hs: 0 3%;
    --lg-stop: 50%;
    --lg: linear-gradient(hsl(var(--lg-hs) 0%) 0 var(--lg-stop), hsl(var(--lg-hs) 20%) var(--lg-stop) 100%);
    /* добавляем позиционирование относительно других элементов */
    position: relative;
    /* подключаем сетку */
    display: grid;
    grid-gap: calc(var(--size) / 20);
    /* выравниваем содержимое блока по центру */
    align-items: center;
    /* задаём имена областей внутри сетки */
    grid-template-areas: "spinner" "trigger";
    /* устанавливаем размер шрифта */
    font-size: calc(var(--size) / 21);
}

@media (max-width: 1399px) {
    .deal-wheel {
        zoom: 0.8;
    }
}

@media (max-width: 1199px) {
    .deal-wheel {
        zoom: 0.65;
    }
}

@media (max-width: 389px) {
    .deal-wheel {
        zoom: 0.6;
    }
}

/* всё, что относится ко внутренним элементам главного блока будет находиться в области сетки с названием spinner */
.deal-wheel > * {
    grid-area: spinner;
}

/* сам блок и кнопка будут находиться в области сетки с названием trigger и будут выровнены по центру */
.deal-wheel .btn-spin {
    grid-area: trigger;
    justify-self: center;
}

/* сектор колеса */
.spinner {
    /* добавляем относительное позиционирование */
    position: relative;
    /* подключаем сетку */
    display: grid;
    /* выравниваем всё по центру */
    align-items: center;
    /* добавляем элемент в сетку */
    grid-template-areas: "spinner";
    /* устанавливаем размеры */
    width: var(--size);
    height: var(--size);
    /* поворачиваем элемент  */
    transform: rotate(calc(var(--rotate, 25) * 1deg));
    /* рисуем круглую обводку, а всё, что не поместится — будет скрыто за кругом */
    border-radius: 50%;
}

/* всё, что внутри этого блока будет находиться в области сетки с названием spinner */
.spinner * {
    grid-area: spinner;
}

/* текст на секторах */
.prize {
    /* включаем «гибкую» вёрстку */
    display: flex;
    padding: 20px 10px 20px 30px;
    /* устанавливаем размеры */
    width: 50%;
    height: 50%;
    /* устанавливаем координаты, относительно которых будем вращать текст */
    transform-origin: center right;
    /* поворачиваем текст */
    transform: rotate(var(--rotate));
    /* запрещаем пользователю выделять мышкой текст на секторах */
    user-select: none;
}

@media (max-width: 767px) {
    .prize img {
        zoom: 0.9;
    }
}

@media (max-width: 379px) {
    .prize img {
        zoom: 0.7;
    }
}

/* язычок */
.ticker {
    position: absolute;
    left: 50%;
    top: 35px;
    background: url("/assets/images/spiner-ticker.png") no-repeat 0 0;
    background-size: contain;
    width: 60px;
    height: 60px;
    transform: translate(-50%, -50%);
    z-index: 1;
}

@media (max-width: 767px) {
    .ticker {
        top: 25px;
        width: 50px;
        height: 50px;
    }
}

/* кнопка запуска колеса */
.btn-spin {
    color: white;
    background: black;
    border: none;
    /* берём размер шрифта такой же, как в колесе */
    font-size: inherit;
    /* добавляем отступы от текста внутри кнопки */
    padding: 0.9rem 2rem 1rem;
    /* скругляем углы */
    border-radius: 0.5rem;
    /* меняем внешний вид курсора над кнопкой на руку*/
    cursor: pointer;
}

/* если кнопка нажата и неактивна */
.btn-spin:disabled {
    /* меняем внешний вид курсора */
    cursor: progress;
    /* делаем кнопку полупрозрачной */
    opacity: 0.25;
}

/* анимация вращения */
.is-spinning .spinner {
    transition: transform 8s cubic-bezier(0.1, -0.01, 0, 1);
}

/* анимация движения язычка */
.is-spinning .ticker {
    animation: tick 700ms cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* эффект, когда колесо задевает язычок при вращении */
@keyframes tick {
    40% {
        /* чуть поворачиваем язычок наверх в середине анимации */
        transform: rotate(-12deg);
    }
}

/* анимируем выпавший сектор */
.prize.selected .text {
    /* делаем текст белым */
    color: #00ff00;
    /* настраиваем длительность анимации */
    animation: selected 800ms ease;
}

/* настраиваем анимацию текста на выпавшем секторе по кадрам */
@keyframes selected {
    /* что происходит на 25% от начала анимации */
    25% {
        /* увеличиваем текст в 1.25 раза */
        transform: scale(1.25);
        /* добавляем тексту тень */
        text-shadow: 1vmin 1vmin 0 hsla(0, 0%, 0%, 0.1);
    }
    40% {
        transform: scale(0.92);
        text-shadow: 0 0 0 hsla(0, 0%, 0%, 0.2);
    }
    60% {
        transform: scale(1.02);
        text-shadow: 0.5vmin 0.5vmin 0 hsla(0, 0%, 0%, 0.1);
    }
    75% {
        transform: scale(0.98);
    }
    85% {
        transform: scale(1);
    }
}

.deal-wheel {
    display: flex;
}

@media (max-width: 767px) {
    .deal-wheel {
        margin-top: 40px;
    }
}

.spinner-rotate {
    transform: rotate(90deg);
}

.spinner-bg {
    position: relative;
    background: url("/assets/images/spiner-bg.png") no-repeat 50% 50%;
    background-size: contain;
    padding: 40px;
    /*margin: -80px 0;*/
}

/*
@media (max-width: 991px) {
    .spinner-bg {
        margin: -130px 0;
    }
}
 */

@media (max-width: 767px) {
    .spinner-bg {
        margin: 0;
        padding: 35px;
        background-size: cover;
        box-shadow: 0 0 60px rgba(255, 255, 255, 0.5);
        border-radius: 50%;
    }
}

.spinner {
    background: rgb(0, 91, 255);
    background: radial-gradient(circle, rgb(0, 91, 255) 0%, rgb(0, 41, 147) 100%);
    /*border: 5px solid #002993;*/
}

.prize-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: rotate(-90deg);
    text-align: center;
    width: 100%;
}

.prize-wrap .text {
    font-size: 18px;
    font-weight: bolder;
    color: #fff;
    line-height: 1.2rem;
}

.spinner-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
}

.spinner-center img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.prize-wrap img {
    max-width: 100px;
}

.btn-chat p {
    margin: 0;
    padding: 0;
}

/*video player*/
.ctext-video-wrap {
    width: 200px;
    height: 200px;
    position:relative;
    transition: width 0.2s ease-in-out;
}

.ctext-video-wrap video {
    object-fit: cover !important;
    border-radius: 100px;
    width: 200px;
    height: 200px;
    transition: width 0.2s ease-in-out, height 0.2s ease-in-out, border-radius 0.2s ease-in-out;
    box-shadow: var(--card-boxshadow);
}
video::-webkit-media-controls {
    display: none;
}
.ctext-video-controls{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background: rgba(255, 255, 255, .3);
    align-items: center;
    justify-content: center;
    transition: width 0.2s ease-in-out, height 0.2s ease-in-out, border-radius 0.2s ease-in-out;
    border-radius: 100px;
}

svg.vplaybtn {
    width:100px;
    margin: 120px auto;
    display:block;
    cursor: pointer;
    transform-origin: 50% 50%;
}

svg.vplaybtn #triangle {
    fill:rgba(22,22,22,0);
    transition:500ms;
    transform-origin: 50% 50%;
}
svg.vplaybtn:hover #triangle {
    fill:#fff;
    transform-origin: 50% 50%;
}

svg #lineOne, svg #lineTwo {
    transform-origin: 50% 50%;
    transition: 1s;
}

svg:hover #lineOne {
    transform: rotate(260deg);
    -webkit-transform: rotate(260deg);
    -moz-transform: rotate(260deg);
    -o-transform: rotate(260deg);
    transform-origin: 50% 50%;
}

svg:hover #lineTwo {
    transform: rotate(-450deg);
    transform-origin: 50% 50%;
}

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