/**
 * Индивидуальные стили для сайта клиента, не для Теста. На Тесте остается пустым.
 */
:root {
    --gradients-max-default: radial-gradient(136.12% 140.74% at 99.77% 99.04%, #8d28c8 0%, #7c42fa 20%, #007aff 80%, #609ceb 100%);
    --gradients-max-hover: radial-gradient(136.12% 140.74% at 99.77% 99.04%, #7a1fb1 0%, #6b36e6 20%, #0062d1 80%, #4f86cf 100%);
}
.js-modal .modal__btns {
    column-gap: 10px;
    grid-template-columns: repeat(4,1fr);
}
.js-modal .modal__btns .btn img {
    width: 35px;
    height: 35px;
    -o-object-fit: contain;
    object-fit:contain
}
.js-modal .modal__btns .js-modal-wa, .js-modal .modal__btns .js-modal-tg, .js-modal .modal__btns .js-modal-mx {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 70px;
    padding:0;
    border: none;
}
.js-modal .modal__btns .js-modal-wa:hover {
    background: #33a341;
}
.js-modal .modal__btns .js-modal-tg {
    background:#1db3f3;
}
.js-modal .modal__btns .js-modal-tg:hover {
    background:#0b96d2
}
.js-modal .modal__btns .js-modal-mx {
    background:var(--gradients-max-default);
}
.js-modal .modal__btns .js-modal-mx:hover {
    background:var(--gradients-max-hover);
}

@media screen and (max-width: 767px) {
    .js-modal .modal__btns {
        column-gap: 5px;
    }
    .js-modal .modal__btns .js-modal-wa, .js-modal .modal__btns .js-modal-tg, .js-modal .modal__btns .js-modal-mx {
        width: 50px;
    }
    .js-modal .modal__btns .btn img {
        width: 25px;
        height: 25px;
    }
}

.first-left__text {
  max-width: 95%;
}

.first-left__text a {
  color: var(--secondary);
}

.review-card__text.shadow {
  height: 170px;
  overflow: hidden;
}

.review-card .link {
  font-size: 12px;
  padding-left:30px;
}

.review-card .link span {
  font-size: 12px;
}

.reviews .reviews__grid .review-card .review-card__info {
    color: #231f20;
}

.trust .trust__area,
.scheme__grid .scheme__step,
.telegram .telegram__desc,
.review-widgets .review-widgets__item {
    background: #3e4346;
}

.box__wrap.dark,
.trust .trust__title,
.trust .trust__text,
.scheme__grid .scheme__title,
.scheme__grid .scheme__text,
.trust-owner__desc .trust-owner__text,
.telegram .telegram__text,
.review-widgets .review-widgets__text {
    color: #fff;
}

.trust__icon svg {
	width: 100%;
	height: 100%;
	fill: var(--orange);
}

.trust .trust__icon, .scheme .scheme__icon {
	width: 60px;
	height: 60px;
}

.trust .trust__text {
    font-size: 20px;
}

.trust .trust__text a {
    color: var(--orange);
}

.trust .trust__text a:hover {
    color: #fff;
}

.contacts__text {
    row-gap: 0;
    margin-bottom: 10px;
}


/* new */

:root {
    --bg-dark: #3e4346 !important;
}

.dark .contacts__title {
  color: #fff;
} 

.trust .trust__area, .scheme__grid .scheme__step, .telegram .telegram__desc, .review-widgets .review-widgets__item {
  /*background-color: #333638;*/
  background: #3e4346;
}

.trust .trust__icon, .scheme .scheme__icon {
  width: 60px;
  height: 60px;
}

.trust .trust__text {
  font-size: 20px;
}

.trust .trust__title, .trust .trust__text, .scheme__grid .scheme__title, .scheme__grid .scheme__text, .trust-owner__desc .trust-owner__text, .telegram .telegram__text, .review-widgets .review-widgets__text {
  color: #fff;
}

.trust .trust__text a:hover {
  color: #fff;
} 

.trust .trust__text a {
  color: var(--orange);
}

.trust .trust-owner {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 55%;
}

.trust-owner .trust-owner__desc {
  background: rgba(51, 54, 56, 0.8);
  border-radius: 30px;
}

.trust-owner .trust-owner__desc .trust-owner__text {
  font-size: 16px;
}

.box:has(.promo) {
  margin-bottom: 60px !important;
}

.hero .container {
  max-width: 100%;
}

.hero .hero__content {
  margin-left: 10px;
}

.card-stock__info {
  max-height: 17px;
}

.card-stock__name {
  display: block;
  max-width: 256px;
}

.first-right {
    border-radius: 30px;
}

.dark .request__text, 
.dark .price-breakdown__desc, 
.dark .text-gray {
    color: white;
}

.bg-dark, .attention {
    background: #3e4346;
}

.bg-dark .looking__label, .bg-dark .breadcrumbs__item {
    color: var(--gray);
}

.bg-dark h1, .bg-dark .section__text {
    color: white;
}

.section__btn, 
.section__footer .btn-border, 
.drop-tabs .btn-border,
.calc-nav .btn-border, 
.blog-nav__btn, 
.filter-menu__list .filter-menu__link {
    background: #3e4346;
    border-color: #3e4346;
    color: white;
}
.section__btn:hover, 
.section__footer .btn-border:hover, 
.drop-tabs .btn-border:hover, 
.calc-nav .btn-border:hover,
.calc-nav .btn-border.current,
.blog-nav__btn:hover, 
.blog-nav__btn.active, 
.filter-menu__list .filter-menu__link:hover, 
.filter-menu__list .filter-menu__link.active {
    background: var(--orange);
    border-color: var(--orange);
    color: white;
}

.form-group label a {
    color: var(--orange);
}

.bottom {
    display: grid;
    grid-template-columns: 25% 1fr 20%;
    column-gap: 20px;
    align-items: center;
    padding: 30px 0;
    border-top:1px solid #eeebde
}

.bottom__center {
    display: flex;
    flex-wrap: wrap;
    gap:20px
}

.bottom__right {
    text-align:right
}

.bottom__text {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color:var(--gray)
}

.bottom__text a {
    color: var(--gray);
    text-decoration: underline;
    transition:.3s linear
}

.bottom__text a:hover {
    color:var(--secondary)
}

.platform {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    row-gap:6px;
    margin: auto;
}

.platform__text {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color:var(--primary)
}

.platform__logo {
    display: block;
    width: 148px;
    height:34px;
    margin: auto;
}

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

.platform--base .platform__logo {
    width:119px
}

.platform--seo .platform__logo {
    width:180px
}
@media screen and (max-width: 1199px) {
    .bottom {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        row-gap: 10px;
        padding:25px 0
    }

    .bottom__left {
        order: 1;
        text-align:left
    }

    .bottom__center {
        order: -1;
        margin-bottom:2px
    }

    .bottom__right {
        text-align:left
    }
}

.btn.small {
    display: inline-flex;
    width: 190px;
    font-size:12px;
    padding:10px;
    min-width: 50px;
}

.seo_text {
    margin-bottom: 48px;
}

.hero__img {
    background-color:#3e4346;
}

.promo.slick-slider .slick-slide {
    height: auto;
}

.images-holder {
    display: grid;
    gap: 20px;
}

.images-holder img {
    display: block;
    border-radius: 30px;
}

.images-holder.grid-two {
    grid-template-columns: repeat(2, 1fr);
}

.filial__map-holder {
    width: 100%;
    height: 460px;
    overflow: hidden;
    border-radius: 30px;
}

@media screen and (max-width: 1023px) {
    .images-holder img,
    .filial__map-holder {border-radius: 20px;}
}

@media screen and (max-width: 1479px) {
    .images-holder.grid-two {grid-template-columns: 100%;}
    .images-holder img,
    .filial__map-holder {border-radius: 15px;}
}

.hero .sub_name {
    text-align: center;
    position: relative;
    z-index: 20;
    margin: 0;
    font-weight: 500;
    font-size: 34px;
    line-height: 1.15;
    color: #fff;
}

.catalog_links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap:20px;
}

.catalog_links .item {
    background: #fff;
    padding:20px;
    border-radius: 20px;
}

.navbar__contacts .msgs, .f-contacts .msgs {
    gap: 5px;
}

.catalog_links .item a {
    color: var(--secondary);
}

.msgs__max:hover {
    border-color:#007AFF;
}

.msgs__telegram:hover {
    border-color:#229ed9;
}

/*
    Header
*/

.navbar .navbar__contacts .office__text {
    max-width: 200px;
}

@media screen and (min-width: 1024px) {
    .navbar__center {
        width:calc(100% / 13 * 8 - 20px)
    }

    
}

@media screen and (max-width: 767px) {
    .header {
        margin: 0;
    }
    .navbar__center {
        width: 100px;
    }
    .navbar__right {
        width: auto;
        margin: 0 10px 0 auto;
    }
    .navbar__contacts {
        gap: 5px;
    }
    .navbar .auctions-btn {
        display: none;
    }
    .whatsapp-widjet {
        z-index: 9999;
    }
}







.hero__title {
    text-align: center;
}