@font-face {
font-display: swap;
font-family: "font-1224";
src: url("//rqch.ru") format("woff");
}
@font-face {
font-display: swap;
font-family: "font-1225";
src: url("//rqch.ru") format("woff");
}
.bg-overlay-pattern {
background-image: url(//rqch.ru/impr/?w=1920&file=/upload/sites/37f933663b4cdd3b5e478fb32375a130.webp);
}
.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;
}
.chat-area.widget_chat{
background-color: #ededed;
}
.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, .form-send-footer i.label-icon {
background-color: #ff9549;
border-color: #ff9549;
}
.noUi-connect,.noUi-handle{
background: #ff9549;
}
.card-radio .form-check-input:checked + .form-check-label {
border-color: #ff9549 !important;
}
.card-radio .form-check-input:checked + .form-check-label .step-card {
border: 3px solid #ff9549 !important;
}
.utp h1, .utp h2{
color: #4a4a4a;
}
.utp{
background-color: rgba(252, 252, 252, 0.6);
padding: 10px;border-radius: 15px;}
.navbar, .navbar-landing.is-sticky, .contact-wrap, .chat-area ._head{
background-color: #1b2020;
}
@media (max-width: 576px) {
.navbar,  .navbar-landing.is-sticky{
background-color: #1b2020;
}
.contact-wrap{
background-color: #1b2020;
}
}
.map-info{
background-color: #1b2020;
}
.promotion-title{
background-color: #e38445;
}
#RQChatWidget .add-section-wrap{
background-color: #444b54;
}
.promotion-title{
color: #f5f5f5;
}
.user-chat{
background-color: rgba(255, 255, 255, 0.5);
}
.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: #1a1a1a;
}
#RQChatWidget .add-section__text{
color: #f5f5f5 !important;
}
.advantages{
background-color: #202020;
}
.advantage-point, .advantage-point a{
color: #fafafa;
}
@media (min-width: 499px) {
.legal-info, .legal-info a{
color: #f7f7f7;
}
}
.navbar .site-name, .navbar .contact-wrap *, .map-info *  {
color: #f7f7f7;
}
.js-mob-btn::before, .js-mob-btn::after {
background: #f7f7f7;
}
.js-mob-btn::before {
box-shadow: 0 8px 0 #f7f7f7;
}
.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: #f7f7f7;
}
.marquee{
background-color: #000000;
}
.marquee span{
color: #ffffff;
}
.card-logo {  width: 220px!important; }
.user-chat{background-image: none!important; backdrop-filter: blur(10px)!important; }
.text_add { font-size: 12px;  padding: 10px;}
.text_add ul { padding-left: 10px;}
.step-card__text .text_add:first-of-type {  color: #000; }
.navbar-landing.is-sticky{  position: fixed !important;}
.section-banner { padding: 0;}
.section-top--image { min-height: 250px;}
.chat-area { padding-top: 20px;}
.marquee span { padding-right: 100px;}
.marquee span.h1 { font-size: 15px;}
.utp { font-weight: bold;  padding: 10px;    border-radius: 15px;}
.utp h1 { font-size: 25px!important; margin: .5rem!important;}
.advantages .advantage-point img { width: 40px;}
.chat-conversation .chat-avatar img {  width: 40px;    height: 40px;}
.site-name {  max-width: 120px;}
.js-mob-btn{  margin-top: 0.5em;}

#RQChatWidget .add-section._active {    display: none;}
.card-logo {  max-width: 300px;   }
.conversation-variants.step-cards-3945 div:nth-child(11){ margin: auto;}
.step-card__body {  display: unset; padding: 0;}
.step-card__text {  width: 100%; margin: 0;}
.step-card__title {   padding: 10px;  font-weight: bold;    font-size: 20px;}
._grey {position: absolute; display: block;font-weight: normal; font-size: 13px; line-height: 148%; top: 0px; right: 0px; border-radius: 100px;    padding: 2px 5px;}
.step-card__image {  position: relative;  width: 100%;  height: 220px;  overflow: hidden; }
.step-card__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto; /* сохраняем пропорции по ширине */
  transform: translate(-50%, -50%); /* центрируем */
  object-fit: cover; /* и если вдруг нужно, дублируем */
}

.step-card__text .text_add:first-of-type {
   font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    color: #2e2e29;
    padding: 10px;
    background-color: #e2e2e2;
}
.step-card__text .text_add:nth-of-type(2) {  text-decoration: none}
.step-card__badge { margin-bottom: 0px;}
.text_add {  z-order: 999;  position: relative;}
.card-radio .form-check-input:checked + .form-check-label:before {
    top: 5px;
    left: 6px;
    right: auto;
    font-size: 30px;
    color: #212529;
    position: absolute;
    z-index: 10000000;
}
.card-radio .form-check-input:checked + .form-check-label { border: solid 3px;}
.card-radio .form-check-input:checked + .form-check-label .step-card {   border: 0 !important;}
.step-card__badge span {font-size: 13px;}
.list-group-item {padding: 0 !Important;}
.section-top--image { object-position: 50% 100%;}

@media (min-width: 992px) { 
    .step-card { min-width: 200px;}
	.card-logo { max-width: 300px; }
}
@media (max-width: 767px) { 
    .advantages .advantage-point {  padding-left: 1.5em;}
    .advantages {  padding-top: 1em;  padding-bottom: 1em;}
	.card-logo {   max-width: 300px; }
}
@media (max-width: 567px) { 
    .contact-wrap._active .site-name {   display: none;   }
    .contact-wrap._active .contact-phone-block{ text-align: center;    }
    .card-logo {max-height: 50px;   max-width: 250px;   }
	.logo-wrap {grid-gap: 12px; margin: 10px 0 0 0; }
    .step-card__text {  margin-top: -1.5em;}
    .logo-wrap {padding-right: 10px;}
    .mbtn-phone { margin-right: 50px; margin-top: 15px; }
}
@media (max-width: 499px) { 
    .conversation-variants .form-check, .item .form-check { max-width: 480px !important;  }
    .card-logo {max-width: 250px!important;}
    .logo-wrap {padding-right: 10px;}
    .conversation-variants .form-check.rqcard, .item .form-check.rqcard {  width: 100%;}
}