@font-face {
font-display: swap;
font-family: "Haval-Regular";
src: url("//rqch.ru/upload/sites/070cf2b74a99f3eee489c41833cbafb8.woff") format("woff");
}
@font-face {
font-display: swap;
font-family: "Haval-MediumSlanted";
src: url("//rqch.ru/upload/sites/89bea3819a47d89f06f49ea38e9c5e4f.woff") format("woff");
}
@font-face {
font-display: swap;
font-family: "Haval-Medium";
src: url("//rqch.ru/upload/sites/e2ef477e169354dcfc5ccd1a2fa10e2c.woff") format("woff");
}
h1.utp{
font-family: "Haval-Medium", sans-serif;
}
@font-face {
font-display: swap;
font-family: "Haval-Light";
src: url("//rqch.ru/upload/sites/49b91f47c91b7da1c6c5499490f3e381.woff") format("woff");
}
.site-name{
font-family: "Haval-Light", sans-serif;
}
.contact-wrap .phone, #mapModal .map-info--phone{
font-family: "Haval-Light", sans-serif;
}
.contact-wrap .address, .contact-wrap a.yak, #mapModal h5, #mapModal .map-info--address{
font-family: "Haval-Light", sans-serif;
}
.contact-wrap .btn, .add-section__phone{
font-family: "Haval-Light", sans-serif;
}
.promotion-title, .add-section__text{
font-family: "Haval-Light", sans-serif;
}
.advantage-point{
font-family: "Haval-Light", sans-serif;
}
.chat-conversation, #ctaModal h5, #ctaModal label, #ctaModal button, .chat-button{
font-family: "Haval-Light", sans-serif;
}
.legal-info{
font-family: "Haval-Light", sans-serif;
}
.pb-section{
font-family: "Haval-Light", sans-serif;
}
.pb-section .lp-advantages, .pb-section .lp-advantages h4{
font-family: "Haval-Light", sans-serif;
}
.pb-section h3{
font-family: "Haval-Light", sans-serif;
}
.bg-overlay-pattern {
background-image: url(//rqch.ru/impr/?w=1920&file=/upload/sites/a00f695fb599f94accf1dbef771a4a18.jpg);
}
.user-chat {
background-image: url(//rqch.ru/upload/sites/b735d85556166e888a4bbe912d7bb375.jpg);
}
#rqchat .chat-area.widget_chat {
background-image: url(//rqch.ru/upload/sites/b735d85556166e888a4bbe912d7bb375.jpg);
background-size: cover;
}
.chat-button._long{
color: #000000;
}
.wave-button {
        background: #000000; /*цвет кнопки*/
        box-shadow: 0 -2px 0 3px #000000 inset, 0 5px 5px rgba(0, 25, 35, 0.17), 0 15px rgba(255, 255, 255, 0.25) inset;
    }
.wave-button:before, .wave-button:after {
    content: " ";
    display: block;
    position: absolute;
    border: 1px solid #000000; /*цвет анимированных волн от кнопки*/
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animateWaveButton 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden;
}.widget_chat.chat-area{
left:15px;}
.chat-button._long._showing{
left: 30px;
}
.chat-button._long{
left: -150%;
}
:root {
--button-red: #000000;
--button-blue: #000000;
}
.btn-chat, .btn-chat:hover, .btn-chat:active, .flatpickr-months,.flatpickr-weekdays, .flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover,span.flatpickr-weekday,.step-card__title, ._btn-pills, .chat-area ._progress, .choices__list--multiple .choices__item {
background-color: #00cabf;
border-color: #00cabf;
}
.noUi-connect,.noUi-handle{
background: #00cabf;
}
.card-radio .form-check-input:checked + .form-check-label {
border-color: #00cabf !important;
}
.card-radio .form-check-input:checked + .form-check-label .step-card {
border: 3px solid #00cabf !important;
}
.utp{
color: #2e3033;
}
.navbar, .navbar-landing.is-sticky, .contact-wrap, .chat-area ._head{
background-color: #ffffff;
}
@media (max-width: 576px) {
.navbar,  .navbar-landing.is-sticky{
background-color: #ffffff;
}
.contact-wrap{
background-color: #ffffff;
}
}
.map-info{
background-color: #ffffff;
}
.promotion-title{
background-color: #636b70;
}
#RQChatWidget .add-section-wrap{
background-color: #292929;
}
.promotion-title{
color: #f5f5f5;
}
.chat-conversation .conversation-list .ctext-wrap-content, .chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content{
background-color: rgba(64, 81, 137, 0.1);
}
.chat-conversation .conversation-list .ctext-wrap-content, .chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content{
color: #212529;
}
#RQChatWidget .add-section__text{
color: #f5f5f5 !important;
}
.advantages{
background-color: #292929;
}
.advantage-point{
color: #fafafa;
}
@media (min-width: 499px) {
.legal-info, .legal-info a{
color: #444b54;
}
}
.navbar .site-name, .navbar .contact-wrap *, .map-info *  {
color: #141414;
}
.js-mob-btn::before, .js-mob-btn::after {
background: #141414;
}
.js-mob-btn::before {
box-shadow: 0 8px 0 #141414;
}
.navbar .contact-wrap a.btn, .step-card__title, .card-radio .form-check-input:checked + .form-check-label:before, ._btn-pills, ._btn-pills:hover, ._btn-press,.card-radio .form-check-input:checked + .form-check-label:before, #RQChatWidget .add-section__phone, .choices__list--multiple .choices__item  {
color: #f7f7f7;
}
.utp {
    font-weight: bold;
}

.advantages .advantage-point img {
    width: 40px;
}


.chat-conversation .chat-avatar img {
    width: 40px;
    height: 40px;
}

.site-name {
    max-width: 150px;
}

@media (max-width: 767px) {
    .advantages .advantage-point {
        padding-left: 1.8em;
    }
    .advantages {
    padding-top: 1em;
    padding-bottom: 1em;
    }
}

.js-mob-btn{
    margin-top: 0.5em;
}

@media (max-width: 576px) {
    .contact-wrap._active .site-name {
        display: none;
    }
    .contact-wrap._active .contact-phone-block{
        text-align: center;
    }
}

@media (max-width: 576px) {
    .card-logo {
        max-height: 50px;
        max-width: 170px;
    }
}

#RQChatWidget .add-section._active {
    display: none;
}

.card-logo {
    max-width: 180px;
    padding-bottom: 5px;
}

.conversation-variants.step-cards-3945 div:nth-child(11){
    margin: auto;
}

@media (max-width: 767px) {
    .card-logo {
    max-width: 200px;   
}
}

.logo-wrap {
    grid-gap: 20px;
}

@media (max-width: 576px) {
    .logo-wrap {
        grid-gap: 12px;
    }
}