.bg-overlay-pattern {
background-image: url(//rqch.ru/impr/?w=1920&file=/upload/sites/5668c4adefce6085cfbfa49a3402b167.jpg);
}
.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 {
background-color: #303c48;
border-color: #303c48;
}
.noUi-connect,.noUi-handle{
background: #303c48;
}
.card-radio .form-check-input:checked + .form-check-label {
border-color: #303c48 !important;
}
.card-radio .form-check-input:checked + .form-check-label .step-card {
border: 3px solid #303c48 !important;
}
.utp{
color: #ffffff;
}
.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{
color: #ffffff;
}
.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: #ffffff !important;
}
.advantage-point{
color: #ffffff;
}
@media (min-width: 499px) {
.legal-info, .legal-info a{
color: #ffffff;
}
}
.navbar .site-name, .navbar .contact-wrap *, .map-info *  {
color: #303c48;
}
.js-mob-btn::before, .js-mob-btn::after {
background: #303c48;
}
.js-mob-btn::before {
box-shadow: 0 8px 0 #303c48;
}
.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: #ffffff;
}
#cta-invalidCheck + label,
#invalidCheck + label {
  margin-left: 10px;
}
button[class*='_arbtn_'] {
    width: 70px !important;
}
.user-chat {
  background-image: none;
  background-color: rgb(255 255 255 / 90%);
}

.modal-header h5,
.p-modal-header h5 {
  font-size: 20px;
  font-weight: bold;
}
.advantages .advantage-point {
  margin: 30px 15px;
}

.legal-info p span {
  color: #000 !important;
}
[data-bs-target='#mapModal'] {
  display: none;
}
.chat-conversation .chat-avatar img {
  width: 60px;
  height: 60px;
}

.step-card__body {
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
}

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

.form-control,
.conversation-variants-form .card,
.conversation-variants .form-check .form-check-label,
.item .form-check .form-check-label {
  border-radius: 20px !important;
}

.step-card__text .text_add:first-child {
  font-size: 20px;
  background: #fff;
}
.step-card__title {
  display: none;
}

.chat-conversation .conversation-list .conversation-variants,
.btn-chat,
.card-radio .form-check-input:checked + .form-check-label .step-card {
  border-radius: 20px;
}

.card-radio .form-check-input:checked + .form-check-label .step-card {
  border: 2px solid #30363a !important;
}

.card-radio .form-check-input:checked + .form-check-label:before {
  content: '\eb80';
  font-family: remixicon;
  position: absolute;
  top: 6px;
  right: 10px;
  background: none;
  font-size: 30px;
  border-radius: 20px;
  color: #30363a;
  z-index: 1;
}

.form-check.card-radio.rqcard label {
  opacity: 1 !important;
}

.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {
  background: #30363a;
  color: #fff;
}

.btn-icon,
.btn-icon:hover {
  background: none;
  border: none;
  color: #ced4da;
  font-size: 20px;
  box-shadow: none !important;
  height: auto;
  display: block;
}

.ri-information-line:before {
  content: '\f045' !important;
}

.btn-icon i {
  vertical-align: baseline;
}

.conversation-variants .form-check,
.item .form-check {
  margin-bottom: 5px;
}
.form-check-input {
  width: 1.5em;
  height: 1.5em;
}
.form-check-input:checked {
  background-color: #30363a;
  border-color: #30363a;
}
.btn-chat.arbtn,
.btn-chat.arbtn:hover,
.btn-chat.arbtn:active {
  background-color: #30363a;
  border: none !important;
  border-radius: 20px;
  box-shadow: none;
}
.chat-conversation .conversation-list .conversation-variants {
  margin-top: 20px;
}
._btn-press {
  padding: 0.7em 1em;
}
.form-check label {
  vertical-align: sub;
  font-size: 14px;
  margin-bottom: 10px;
}

.form-check label + .form-check label {
  margin-left: 10px;
}
.rqc-choice-picture img {
  border-radius: 20px;
}

.rqc-choice-picture div {
  margin-top: 15px;
  color: #7a7d80;
}

.rqc-choice-picture div span {
  color: #000;
}

button[class*='_arbtn_'] {
  height: 40px;
  width: 40px;
}
.choice-selected[data-value='Белый']:before {
  color: #b9b9b9;
}
.choice-selected::before {
  content: '\eb7b';
  font-family: remixicon;
  position: absolute;
  top: 2px;
  right: 7px;
  color: #e0e0e0;
  font-size: 24px;
}

.list-group,
.list-group li {
  padding: 5px 0 !important;
}

button[data-value='Зелёный с чёрной крышей'],
button[data-value='Зелёный с чёрной крышей']:hover {
  background: linear-gradient(
    rgb(35, 50, 51) 50%,
    rgb(128, 144, 94) 50%
  ) !important;
}

button[data-value='Серебристый с чёрной крышей'],
button[data-value='Серебристый с чёрной крышей']:hover {
  background: linear-gradient(
    rgb(35, 50, 51) 50%,
    rgb(156, 159, 170) 50%
  ) !important;
}

button[data-value='Синий с чёрной крышей'],
button[data-value='Синий с чёрной крышей']:hover {
  background: linear-gradient(
    rgb(35, 50, 51) 50%,
    rgb(48, 71, 79) 50%
  ) !important;
}

button[data-value='Белый с чёрной крышей'],
button[data-value='Белый с чёрной крышей']:hover {
  background: linear-gradient(
    rgb(35, 50, 51) 50%,
    rgb(251, 253, 255) 50%
  ) !important;
}

button[data-value='Серый с чёрной крышей'],
button[data-value='Серый с чёрной крышей']:hover {
  background: linear-gradient(
    rgb(35, 50, 51) 50%,
    rgb(94, 96, 103) 50%
  ) !important;
}

.chat-list.left .conversation-list .ctext-wrap-content {
  background-color: #fff !important;
  box-shadow: 0 3px 10px #26243c12 !important;
}

._btn-pills {
  margin-bottom: 15px;
}

.consprint {
  padding-top: 20px;
  font-style: italic;
  font-size: 16px;
}

@media (min-width: 992px) {
  .step-card {
    min-width: 100%;
  }
}
@media (max-width: 992px) {
  .phone {
    text-align: center;
  }
  .legal-info p span {
    color: #000 !important;
  }
}
@media (max-width: 767px) {
  .advantages .advantage-point {
    margin: 15px;
  }
  .chat-conversation .conversation-list .conversation-variants {
    flex-direction: column;
    gap: 20px;
  }
  .form-check.card-radio.rqcard {
    min-width: 100% !important;
  }
  #RQChatWidget .navbar {
    position: sticky;
  }
}

@media (max-width: 576px) {
  .rqc-choice-picture div {
    font-size: 14px;
  }
  .rqc-choice-picture {
    padding: 0;
  }
  .chat-conversation .conversation-list {
    max-width: 100%;
    flex-direction: column;
    gap: 15px;
  }
}