@font-face {
font-display: swap;
font-family: "Montserrat";
src: url("//rqch.ru/upload/sites/8144a7773545e44c9c6e224fef708291.woff") format("woff");
}
.site-name{
font-family: "Montserrat", sans-serif;
}
.contact-wrap .phone, #mapModal .map-info--phone{
font-family: "Montserrat", sans-serif;
}
.contact-wrap .address, .contact-wrap a.yak, #mapModal h5, #mapModal .map-info--address{
font-family: "Montserrat", sans-serif;
}
.contact-wrap .btn, .add-section__phone{
font-family: "Montserrat", sans-serif;
}
.utp{
font-family: "Montserrat", sans-serif;
}
.advantage-point{
font-family: "Montserrat", sans-serif;
}
.chat-conversation, #ctaModal h5, #ctaModal label, #ctaModal button, .chat-button{
font-family: "Montserrat", sans-serif;
}
.legal-info{
font-family: "Montserrat", sans-serif;
}
.pb-section{
font-family: "Montserrat", sans-serif;
}
.pb-section .lp-advantages, .pb-section .lp-advantages h4{
font-family: "Montserrat", sans-serif;
}
@font-face {
font-display: swap;
font-family: "font-992";
src: url("//rqch.ru/upload/sites/5cac38402bdd94232211a3e9e6735775.woff") format("woff");
}
.contact-wrap .phone, #mapModal .map-info--phone{
font-family: "font-992", sans-serif;
}
.utp{
font-family: "font-992", sans-serif;
}
.bg-overlay-pattern {
background-image: url(//rqch.ru/impr/?w=1920&file=/upload/sites/d3d7c668323c420077e061e7d62e9de4.png);
}
.chat-area.widget_chat{
background-color: #ededed;
}
.wave-button {
        background: ; /*цвет кнопки*/
        box-shadow: 0 -2px 0 3px  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 ; /*цвет анимированных волн от кнопки*/
    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: ;
--button-blue: ;
}
.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, .form-send-footer i.label-icon {
background-color: #0944b0;
border-color: #0944b0;
}
.noUi-connect,.noUi-handle{
background: #0944b0;
}
.card-radio .form-check-input:checked + .form-check-label {
border-color: #0944b0 !important;
}
.card-radio .form-check-input:checked + .form-check-label .step-card {
border: 3px solid #0944b0 !important;
}
.utp h1, .utp h2{
color: #222f3e;
}
.utp{
background-color: rgba(255, 255, 255, 0.86);
padding: 10px;border-radius: 15px;}
.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: #0944b0;
}
#RQChatWidget .add-section-wrap{
background-color: #ffffff;
}
.promotion-title{
color: #ffffff;
}
.user-chat{
background-color: #f3f3f9;
}
.chat-conversation .conversation-list .ctext-wrap-content, .chat-area .chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content{
background-color: rgba(255, 255, 255, 1);
}
.chat-conversation .conversation-list .ctext-wrap-content, .chat-area .chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content, .prize-wrap .text, .ctext-wrap-content .list-group .list-group-item .form-check-label{
color: #222f3e;
}
#RQChatWidget .add-section__text{
color: #ffffff !important;
}
.advantages{
background-color: #0944b0;
}
.advantage-point, .advantage-point a{
color: #ffffff;
}
.rq-footer{
background-color: #ffffff;
}
@media (min-width: 499px) {
.legal-info, .legal-info a{
color: #ffffff;
}
}
@media (min-width: 499px) {
.legal-info{
background-color: #0944b0;
padding: 5px;
}
}
.navbar .site-name, .navbar .contact-wrap *, .map-info *  {
color: #0944b0;
}
.js-mob-btn::before, .js-mob-btn::after {
background: #0944b0;
}
.js-mob-btn::before {
box-shadow: 0 8px 0 #0944b0;
}
.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, ._btn-press:hover, .card-radio .form-check-input:checked + .form-check-label:before, #RQChatWidget .add-section__phone, .choices__list--multiple .choices__item, .form-send-footer i.label-icon  {
color: #ffffff;
}
.marquee{
background-color: rgba(9, 68, 176, 1);
}
.marquee span{
color: #ffffff;
}
/*Это для задания прозрачности фона диалогового окна*/
.user-chat{
    background-color: rgba(255, 255, 255, 0.8);
    background-image: none;
}

/*Это для расположения карточек по 1 в ширину в моб версии*/
@media (max-width: 499px) {
    .conversation-variants .form-check.rqcard, .item .form-check.rqcard {
        width: calc(100% - 5px);
        min-width: calc(100% - 5px);
        border-radius: 50px;
    }
}

/*Это для уменьшения логотипа*/
.card-logo {
    max-width: 100px;
}

/*Это для вертикального расположения блоков в карточке*/
.step-card__body {
    flex-direction: column;
    border-radius: 50px;
}

.card-radio .form-check-label
{
border-radius: 24px;
}


.step-card__text {
    margin-top: 15px;
    text-align: center;
    border-radius: 50px;
}

/*Это для второй строчки в шапке. Нужный текст расположен внутри <span></span>*/
.site-name span {
    display: block;
    text-transform: none;
}

/*Это для блока юридической информации*/
@media (min-width: 992px) {
    .legal-info-show {
        display: block;
    }
}

@media (min-width: 499px) {
    .legal-info {
        display: none;
    }
}

.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, .legal-info a {
    color: #ffffff;
}


.legal-info {
    background-color: #0944b0;
    padding: 5px;
}


/*Это для подзаголовка. Нужный текст "курсивом"
@media (min-width: 1200px) {
    .h1 em, h1 em {
        font-size: 1.03125rem;
        font-style: normal;
    }
}*/