@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap");
BODY {
  background-color: #161616;
  font-family: "Roboto", sans-serif;
}

.main-container {
  position: relative;
}

A {
  color: #eeeeee;
}
A:HOVER {
  color: #d79c0e;
  transition: 0.3s;
}

.backgroundBlock {
  background-color: #101010;
}

.backgroundBlockBlack {
  background-color: black;
}

.backgroundBlockWhite {
  background-color: #eeeeee;
}

.textColorWhite {
  color: #eeeeee;
}

.btn-primary {
  background-color: #d79c0e !important;
  color: #eeeeee !important;
  border: #d79c0e !important;
}
.btn-primary:HOVER {
  background-color: #d7620e !important;
  color: white !important;
}

.modern-page-navigation {
  color: #eeeeee;
  font-size: 14px;
}
.modern-page-navigation .modern-page-current {
  color: #d79c0e;
}

.header {
  z-index: 1000;
  position: sticky;
  top: 0;
  background-color: #161616;
  max-width: 100%;
}
.header__top {
  padding: 15px 15px 10px 15px;
  position: relative;
  margin: 0;
}
@media (max-width: 576px) {
  .header__top {
    padding: 10px 0;
  }
}
.header__top:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 60%; /* or 100px */
  background-color: #161616;
  border-bottom: 2px solid;
  border-image: linear-gradient(45deg, #a97e16, #161616) 1;
}
.header__bottom {
  display: flex;
  font-weight: 300;
  padding: 5px 0 5px 30px;
}
.header__bottom A:HOVER {
  color: #d79c0e;
  transition: 0.3s;
}
.header__bottom .dropdown > A {
  font-size: 14px;
  padding-right: 10px;
  color: #eeeeee;
  text-decoration: none;
  border-right: 2px solid #212121;
  margin-right: 15px;
  cursor: pointer;
}
.header__bottom .dropdown > A:HOVER {
  color: #d79c0e;
  transition: 0.3s;
}
.header__bottom .dropdown .dropdown-item {
  font-weight: 300;
}
@media (max-width: 576px) {
  .header__bottom {
    display: none;
  }
}
.header__logo {
  max-height: 60px;
}
@media (max-width: 576px) {
  .header__logo {
    display: flex;
  }
}
.header__logo A {
  padding-right: 35px;
  padding-left: 15px;
  max-width: 100%;
  max-height: 60px;
  display: block;
}
@media (max-width: 576px) {
  .header__logo A {
    padding: 0;
    margin-left: 20px;
  }
}
.header__logo A IMG {
  display: block;
  max-height: 60px;
  max-width: 100%;
}
.header__center {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.header__center A {
  color: #eeeeee;
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
}
.header__center A I {
  font-size: 13px;
  margin-right: 8px;
  color: #d79c0e;
}
.header__center A SPAN {
  color: #d79c0e;
}
.header__right {
  color: #eeeeee;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.header__right A {
  color: #eeeeee;
  text-decoration: none;
}
.header__right__form {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  font-size: 19px;
}
.header__right__form I {
  margin-right: 10px;
  margin-left: 10px;
  font-size: 20px;
}
.header__right__form A:HOVER {
  color: #d79c0e;
  transition: 0.3s;
}
.header__right__search {
  flex: 1;
  padding-right: 15px;
}
.header__right__search INPUT {
  border: 2px solid;
  border-image: linear-gradient(45deg, #d79c0e, #424242) 1;
  background-color: #252525;
  padding: 5px 10px;
  font-size: 13px;
  width: 100%;
  color: #eeeeee;
}
.header .headerContacts {
  font-size: 16px;
  text-align: right;
  font-weight: 300;
}
.header .headerContacts I {
  margin-right: 5px;
}
.header .headerContacts A {
  margin-right: 15px;
}
.header .headerContacts A:HOVER {
  color: #d79c0e;
  transition: 0.3s;
}
.header .headerContacts A:last-child {
  margin-right: 0;
}
@media (max-width: 576px) {
  .header .headerContacts {
    width: 100%;
    margin: 5px 0;
    display: flex;
  }
  .header .headerContacts A {
    text-align: left;
    display: block;
    width: 50%;
  }
  .header .headerContacts A:first-child {
    text-align: center;
  }
}

.burger {
  display: none;
  /* скрываем чекбокс */
  /* добавляем "гамбургер" */
  /* стилизуем кнопку */
  /* контейнер меню */
  /* элементы меню */
}
@media (max-width: 991.98px) {
  .burger {
    display: block;
  }
}
.burger__toggle {
  display: none;
}
.burger__btn > span, .burger__btn > span::before, .burger__btn > span::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #616161;
}
.burger__btn > span::before {
  top: -8px;
}
.burger__btn > span::after {
  top: 8px;
}
.burger__btn {
  display: flex; /* используем flex для центрирования содержимого */
  align-items: center; /* центрируем содержимое кнопки */
  position: relative;
  width: 26px;
  height: 26px;
  cursor: pointer;
  z-index: 2100;
}
.burger__btn_active > span {
  transform: rotate(45deg);
}
.burger__btn_active > span::before {
  top: 0;
  transform: rotate(0);
}
.burger__btn_active > span::after {
  top: 0;
  transform: rotate(90deg);
}
.burger__btn_active ~ .burger__box {
  visibility: visible;
  left: 0;
}
.burger__box {
  display: block;
  position: absolute;
  visibility: hidden;
  top: 0;
  left: -100%;
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 60px 12px 15px 12px;
  list-style: none;
  text-align: center;
  background-color: #101010;
  z-index: 1000;
}
.burger__box li {
  padding-left: 20px;
}
.burger__box li:not(:last-child) {
  margin-bottom: 10px;
}
.burger__link {
  /* padding-left: 23px; */
  display: block;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 30px;
  color: #d79c0e;
  text-decoration: none;
}

.footer {
  margin-top: 70px;
  padding: 15px 30px;
  font-weight: 300;
  background-color: #101010;
}
.footer-nomargin {
  margin-top: 0;
}
.footer__text {
  font-size: 12px;
  color: #b4b4b4;
  text-align: center;
}
.footer__menu {
  display: flex;
}
.footer__menu__item {
  padding: 0 15px;
}
@media (max-width: 576px) {
  .footer__menu__item {
    margin-top: 10px;
    padding: 0 15px 0 0;
  }
}
.footer__menu__item P {
  color: #eeeeee;
  border-bottom: 2px solid red;
}
.footer__menu__item A {
  font-size: 12px;
  text-decoration: none;
  display: block;
  color: #c4c4c4;
}
.footer__menu__item A:HOVER {
  color: #d79c0e;
  transition: 0.3s;
}
.footer__contacts IMG {
  height: 50px;
  display: block;
  margin-bottom: 10px;
}
.footer__contacts P {
  font-size: 12px;
  margin: 0;
  color: #c4c4c4;
}
.footer__contacts P B {
  color: #d79c0e;
}

.mainPageSlider1 {
  padding: 10px;
  background-color: black;
}
.mainPageSlider1 IMG {
  width: 100%;
}
.mainPageSlider1 .swiper-pagination {
  bottom: -7px;
  z-index: 999;
}

.mainPageSlider2 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  padding: 10px 20px;
  justify-content: space-around;
  align-items: flex-start;
}
@media (max-width: 576px) {
  .mainPageSlider2 {
    display: none;
  }
}
.mainPageSlider2 .slide {
  max-width: 23%;
  min-width: 230px;
  text-align: center;
}
@media (max-width: 576px) {
  .mainPageSlider2 .slide {
    max-width: 100%;
  }
}
.mainPageSlider2 .slide A {
  color: #eeeeee;
  text-decoration: none;
  font-size: 12px;
}
.mainPageSlider2 .slide A:HOVER {
  color: #d79c0e;
  transition: 0.3s;
}
.mainPageSlider2 .slide IMG {
  display: block;
  margin-bottom: 5px;
  width: 100%;
}

.tilesList {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  padding: 10px 20px;
  justify-content: space-around;
  align-items: flex-start;
}
@media (max-width: 576px) {
  .tilesList {
    display: none;
  }
}
.tilesList__slide {
  max-width: 23%;
  min-width: 230px;
  text-align: center;
}
@media (max-width: 576px) {
  .tilesList__slide {
    max-width: 100%;
  }
}
.tilesList__slide A {
  color: #eeeeee;
  text-decoration: none;
  font-size: 12px;
}
.tilesList__slide A:HOVER {
  color: #d79c0e;
  transition: 0.3s;
}
.tilesList__slide IMG {
  display: block;
  margin-bottom: 5px;
}

.swiper .swiper-pagination-bullet {
  background-color: white;
}
.swiper .swiper-pagination-bullet-active {
  background-color: red;
}

.swiper-items {
  height: 350px;
  margin-top: 20px;
}
.swiper-items .swiper-wrapper {
  padding: 0 70px;
}
.swiper-items .swiper-wrapper .swiper-slide A {
  display: block;
  max-width: 200px;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  color: #eeeeee;
}
.swiper-items .swiper-wrapper .swiper-slide A:HOVER {
  color: #d79c0e;
}
.swiper-items .swiper-wrapper .swiper-slide P {
  text-align: center;
}
.swiper-items .swiper-button-prev {
  color: #d7620e;
}
.swiper-items .swiper-button-next {
  color: #d7620e;
}

.detail__item {
  margin: 15px;
  background-color: #101010;
}
.detail__item__mobileHeader {
  font-size: 18px;
  color: #d79c0e;
  margin-bottom: 15px;
}
.detail__item__order {
  font-size: 13px;
  color: #eeeeee;
  padding-right: 50px;
  text-align: justify;
  margin-top: 20px;
}
@media (max-width: 576px) {
  .detail__item__order {
    padding-right: 0;
  }
}
.detail__item__order__title {
  color: #b4b4b4;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 300;
}
.detail__item__order__colors {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 20px;
}
.detail__item__order__colors DIV {
  width: 25%;
  margin-bottom: 15px;
  padding-right: 10px;
}
@media (max-width: 576px) {
  .detail__item__order__colors DIV {
    width: 100%;
  }
}
.detail__item__order__colors DIV A {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 8px;
  border: 4px solid #101010;
  border-left: 4px solid #b4b4b4;
  text-decoration: none;
  font-size: 17px;
}
.detail__item__order__colors DIV A:HOVER, .detail__item__order__colors DIV A.active {
  border: 4px solid #d79c0e;
}
.detail__item__order__colors DIV A IMG {
  margin-left: 5px;
  max-height: 42px;
  max-width: 42px;
}
.detail__item__order__basket FORM {
  display: flex;
  flex-wrap: wrap;
}
.detail__item__order__basket INPUT {
  width: 50px;
  padding: 5px;
  height: 50px;
  background-color: #b4b4b4;
  border: none;
  text-align: center;
}
.detail__item__order__basket A {
  height: 50px;
  border: none;
  font-size: 17px;
  line-height: 50px;
  text-decoration: none;
  background-color: green;
  color: #eeeeee;
  padding-left: 20px;
  padding-right: 20px;
  margin-right: 20px;
  margin-bottom: 10px;
}
.detail__item__order__basket A.cart-success {
  background-color: #d79c0e;
}
.detail__item__additional {
  font-size: 13px;
  color: #eeeeee;
  padding-right: 50px;
  text-align: justify;
  margin-top: 30px;
}
.detail__item__additional__title {
  color: #b4b4b4;
  font-size: 14px;
  margin-bottom: 10px;
}
.detail__item__additional__items {
  display: flex;
}
.detail__item__additional__items A {
  text-decoration: none;
  max-width: 150px;
  text-align: center;
}
.detail__item__additional__items A IMG {
  display: block;
  max-height: 150px;
  margin-bottom: 10px;
}
.detail__item__additional__items A B {
  display: block;
}
@media (max-width: 576px) {
  .detail__item__additional .productList__items {
    justify-content: flex-start;
  }
}
.detail__item__description {
  font-size: 13px;
  color: #eeeeee;
  padding-right: 50px;
  text-align: justify;
  margin-top: 30px;
  font-weight: 300;
}
.detail__item__description__title {
  color: #b4b4b4;
  font-size: 14px;
  margin-bottom: 10px;
}
.detail__item__props {
  display: flex;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
  font-weight: 300;
}
.detail__item__props__left P {
  color: #b4b4b4;
  font-size: 14px;
  margin-bottom: 10px;
}
.detail__item__props__left P SPAN {
  color: #d79c0e;
  font-weight: bold;
}
.detail__item__props__left P A {
  color: #d79c0e;
}
.detail__item__props__right {
  margin-right: 20px;
  color: #eeeeee;
  font-size: 30px;
  text-align: center;
}
@media (max-width: 576px) {
  .detail__item__props__right {
    align-content: stretch;
    justify-content: space-between;
    align-items: baseline;
  }
}
.detail__item__props__right P {
  text-decoration: line-through;
  font-size: 20px;
  color: #b4b4b4;
  margin: 0;
  white-space: nowrap;
}
.detail__item__props__right B {
  display: block;
  color: #d79c0e;
  white-space: nowrap;
}
.detail__item__header {
  margin: 20px 0;
}
.detail__item__header H1 {
  font-size: 24px;
  color: #eeeeee;
}
.detail__item__more-images {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
@media (max-width: 576px) {
  .detail__item__more-images {
    justify-content: flex-start;
  }
}
.detail__item__more-images A {
  border: 1px solid #d79c0e;
  padding: 10px;
  display: block;
  background: white;
  margin-right: 10px;
  margin-bottom: 10px;
}
.detail__item__more-images A:HOVER {
  background: #d79c0e;
}
.detail__item__more-images A IMG {
  max-height: 80px;
}
@media (max-width: 576px) {
  .detail__item__more-images A IMG {
    max-height: 30px;
  }
}
.detail__item__img IMG {
  max-width: 100%;
}

.full-description {
  margin-top: 15px;
  padding: 10px;
}
.full-description__title {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #3b3939;
}
.full-description__title-link {
  display: block;
  padding: 10px;
  text-decoration: none;
  font-size: 18px;
  border-bottom: 2px solid #101010;
}
.full-description__title-link-active {
  border-bottom: 2px solid #d79c0e;
}
.full-description__block {
  display: none;
}
.full-description__block-active {
  display: block;
}

.productListWrapper {
  margin: 0;
}

.productListMenu__mobileOpen {
  text-align: center;
  border: 1px solid #d79c0e;
  padding: 10px 0 5px 0;
}
.productListMenu__mobileOpen A {
  font-size: 14px;
  color: #d79c0e;
}
@media (max-width: 576px) {
  .productListMenu__items {
    margin-top: 10px;
    display: none;
  }
}
.productListMenu H3 {
  color: #d79c0e;
  font-size: 20px;
  border-bottom: 1px solid #3b3939;
  padding-bottom: 15px;
}
.productListMenu A {
  font-weight: 300;
  display: block;
  text-decoration: none;
  font-size: 14px;
  margin-bottom: 5px;
}

.productList {
  margin-top: 20px;
}
.productList__title {
  padding-bottom: 10px;
  border-bottom: 1px solid #3b3939;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 20px;
  color: #eeeeee;
  font-weight: 300;
}
.productList__title H1 {
  font-size: 20px;
  color: #eeeeee;
  font-weight: 300;
}
.productList__footer {
  border-top: 1px solid #3b3939;
  padding-top: 10px;
  display: flex;
  justify-content: flex-end;
  padding-bottom: 10px;
}
.productList__items {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  justify-content: flex-start;
  font-weight: 300;
}
@media (max-width: 576px) {
  .productList__items {
    justify-content: space-around;
  }
}
.productList__items A {
  margin-right: 25px;
  margin-bottom: 25px;
  text-decoration: none;
  max-width: 200px;
  text-align: center;
}
@media (max-width: 576px) {
  .productList__items A {
    max-width: 40%;
    margin-right: 10px;
    margin-left: 10px;
  }
}
.productList__items A IMG {
  display: block;
  max-height: 200px;
  max-width: 200px;
  margin-bottom: 10px;
}
@media (max-width: 576px) {
  .productList__items A IMG {
    max-width: 100%;
  }
}
.productList__items A B {
  display: block;
}
.productList__items A SPAN {
  display: block;
  text-decoration: line-through;
  font-size: 13px;
}

.productListNavigation {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-right: 10px;
}
@media (max-width: 576px) {
  .productListNavigation * {
    margin-bottom: 5px;
  }
}
.productListNavigation LABEL {
  color: #c4c4c4;
  margin-right: 15px;
  font-size: 13px;
}
@media (max-width: 576px) {
  .productListNavigation LABEL {
    margin-right: 0;
    width: 45%;
  }
}
.productListNavigation SELECT {
  padding: 0;
  height: 22px;
  background-color: #3b3939;
  color: #c4c4c4;
  border: 1px solid #161616;
  margin-right: 15px;
  font-size: 13px;
  cursor: pointer;
}
.productListNavigation SELECT:disabled {
  background-color: #171616;
  cursor: not-allowed;
}
@media (max-width: 576px) {
  .productListNavigation SELECT {
    margin-left: 10px;
  }
}
.productListNavigation .modern-page-navigation SPAN, .productListNavigation .modern-page-navigation A {
  color: #c4c4c4;
}

.productsFilter H3 {
  color: #d79c0e;
  font-size: 20px;
}
.productsFilter FORM {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.productsFilter__selects {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex: 1 1 auto;
  margin-right: 5px;
}
.productsFilter__select {
  padding: 10px;
  height: 40px;
  background-color: #3b3939;
  color: #c4c4c4;
  border: 1px solid #161616;
  font-size: 13px;
  cursor: pointer;
  width: 24%;
  margin-bottom: 10px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}
.productsFilter__select:last-child {
  margin-right: 0;
}
.productsFilter__select-disabled {
  background-color: #171616;
  cursor: not-allowed;
}
@media (max-width: 576px) {
  .productsFilter__select {
    width: 49%;
    margin-right: 0;
  }
}
.productsFilter__buttons {
  padding-left: 1px;
}
@media (max-width: 576px) {
  .productsFilter__buttons {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
  }
}
.productsFilter__input {
  height: 40px;
  border: none;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #3b3939;
  border: 1px solid #161616;
  color: #c4c4c4;
}
.productsFilter__input-submit {
  background-color: #d79c0e;
  color: white;
  margin-left: 10px;
}
@media (max-width: 576px) {
  .productsFilter__input {
    margin: 0;
    width: 30%;
  }
}

@media (max-width: 767px) {
  .basket-items-list-item-container.basket-items-list-item-container-gift, .basket-items-list-item-container.basket-items-list-item-container-gift > td, .basket-items-list .basket-items-list-item-container:first-child > td {
    padding-bottom: 0;
  }
  .basket-items-list-item-price:not(.basket-items-list-item-price-for-one) .basket-item-block-price::after {
    content: "сумма";
    margin-top: 0;
    color: #a1a1a1;
    text-align: right;
    font: 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
  }
}
.makeOrder {
  margin-top: 20px;
}
.makeOrder A {
  color: #3b3939;
}
.makeOrder .bx-soa-more-btn .pull-right {
  margin-left: 20px;
}
.makeOrder .bx-soa-cart-total-line-total .bx-soa-cart-d {
  color: #d7620e;
}
.makeOrder .bx-soa-customer-input, .makeOrder textarea {
  border: none;
  border-left: 1px solid #d79c0e;
  margin-top: 5px;
  margin-bottom: 15px;
  border-radius: 0;
}
.makeOrder .bx-soa-cart-total.bx-soa-cart-total-fixed {
  top: 95px;
}
.makeOrder #bx-soa-orderSave .checkbox {
  color: #eeeeee;
}
.makeOrder .bx-soa-coupon {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.basketList {
  padding-top: 20px;
}
.basketList .basket-checkout-container {
  background-color: #161616;
  color: #eeeeee;
  border: none;
  border-bottom: 1px solid #3b3939;
}
.basketList .basket-checkout-block-total-title {
  color: #eeeeee;
}
.basketList .basket-coupon-block-total-price-current {
  color: #d79c0e;
}
.basketList .basket-btn-checkout {
  background-color: #d79c0e;
  color: #eeeeee;
  border: none;
}
.basketList .basket-btn-checkout:HOVER {
  color: white;
  background-color: #d7620e;
  transition: 0.3s;
}
.basketList .bx-sbb-empty-cart-desc {
  color: #eeeeee;
}
.basketList .bx-sbb-empty-cart-image {
  fill: #d79c0e;
}
.basketList .basket-checkout-section .basket-checkout-section-inner {
  justify-content: flex-end !important;
}
@media (max-width: 576px) {
  .basketList .basket-items-list-header-filter {
    width: 100%;
  }
}
.basketList .css-basket-export-mobile {
  display: none;
  text-align: center;
  padding-bottom: 15px;
}
@media only screen and (max-width: 1024px) {
  .basketList .css-basket-export-mobile {
    display: block;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) and (orientation: landscape) {
  .basketList .css-basket-export-mobile {
    display: block;
  }
}
.basketList .css-basket-export-mobile > DIV {
  display: flex;
  justify-content: space-between;
}
.basketList .css-basket .css-basket-option {
  color: #161616;
  font-size: 13px;
}
@media (max-width: 576px) {
  .basketList .css-basket .css-basket-option {
    display: block;
  }
}
.basketList .basket-items-list-item-removed-block A {
  color: #161616;
}

.contacts-page {
  margin-top: 20px;
}
.contacts-page H1 {
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 20px;
}
.contacts-page P {
  font-weight: 300;
  font-size: 12px;
  color: #eeeeee;
}
.contacts-page P B {
  color: #d79c0e;
}

.projectsList {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  padding: 10px 20px;
  justify-content: space-around;
  align-items: flex-start;
}
.projectsList__slide {
  width: 23%;
  min-width: 230px;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
@media (max-width: 576px) {
  .projectsList__slide {
    max-width: 100%;
  }
}
.projectsList__slide A {
  color: #eeeeee;
  text-decoration: none;
  font-size: 12px;
}
.projectsList__slide A:HOVER {
  color: #d79c0e;
  transition: 0.3s;
}
.projectsList__slide IMG {
  max-width: 100%;
  display: block;
  margin-bottom: 5px;
}

.projectsDetail {
  padding: 15px 15px;
  color: #eeeeee;
}
.projectsDetail H1 {
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 20px;
}
.projectsDetail P {
  font-weight: 300;
  font-size: 14px;
  margin-top: 10px;
}
.projectsDetail__photos {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 5px 50px 5px 20px;
}
.projectsDetail__photos A {
  border: 1px solid #161616;
}
.projectsDetail__photos A IMG {
  max-width: 200px;
  padding: 10px;
}
@media (max-width: 576px) {
  .projectsDetail__photos A IMG {
    max-width: 125px;
  }
}
.projectsDetail__photos A:HOVER {
  border: 1px solid #d79c0e;
}
.projectsDetail #mainCarousel {
  margin: 0 auto 1rem auto;
  width: 750px;
  --carousel-button-color: #170724;
  --carousel-button-bg: #fff;
  --carousel-button-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%),
  0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
  --carousel-button-svg-width: 20px;
  --carousel-button-svg-height: 20px;
  --carousel-button-svg-stroke-width: 2.5;
}
.projectsDetail #mainCarousel .carousel__slide {
  width: 100%;
  padding: 0;
}
.projectsDetail #mainCarousel .carousel__button.is-prev {
  left: -1.5rem;
}
.projectsDetail #mainCarousel .carousel__button.is-next {
  right: -1.5rem;
}
.projectsDetail #mainCarousel .carousel__button:focus {
  outline: none;
  box-shadow: 0 0 0 4px #d7620e;
}
.projectsDetail #thumbCarousel .carousel__slide {
  opacity: 0.5;
  padding: 0;
  margin: 0.25rem;
  width: 96px;
  height: 64px;
}
.projectsDetail #thumbCarousel .carousel__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.projectsDetail #thumbCarousel .carousel__slide.is-nav-selected {
  opacity: 1;
}

.dealers {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px;
}
.dealers IMG {
  max-width: 200px;
}
@media (max-width: 576px) {
  .dealers IMG {
    max-width: 100%;
  }
}
.dealers > DIV {
  color: #eeeeee;
  width: 33%;
  padding-bottom: 10px;
}
@media (max-width: 800px) {
  .dealers > DIV {
    width: 45%;
  }
}
@media (max-width: 500px) {
  .dealers > DIV {
    width: 45%;
  }
}
.dealers > DIV H2, .dealers > DIV SPAN {
  color: #d79c0e;
}
@media (max-width: 500px) {
  .dealers {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
  }
}

.brandsList {
  min-height: 400px;
  display: flex;
  flex-wrap: wrap;
  padding-top: 15px;
  padding-bottom: 15px;
}
.brandsList DIV {
  color: #eeeeee;
  font-weight: 300;
  font-size: 12px;
  max-width: 19%;
  text-align: center;
  margin-right: 10px;
}
.brandsList DIV IMG {
  margin-bottom: 15px;
  display: block;
  max-width: 100%;
  max-height: 200px;
}

.breadcrumb {
  background-color: #101010;
  padding: 5px 0 5px 30px;
  font-weight: 300;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.breadcrumb__left {
  line-height: 25px;
  color: #eeeeee;
  font-size: 12px;
}
.breadcrumb__left A {
  font-size: 12px;
}
.breadcrumb__left A:not(:last-child):after {
  /* content: ' >'; */
}
.breadcrumb__left .navigation-pipe {
  color: #eeeeee;
  font-size: 8px;
}
@media (max-width: 576px) {
  .breadcrumb__left {
    width: 300px;
  }
}
.breadcrumb__right {
  margin-right: 25px;
  display: flex;
}
.breadcrumb__right A {
  text-decoration: none;
  display: flex;
  align-items: center;
}
.breadcrumb__right A SPAN {
  font-size: 12px;
}
@media (max-width: 576px) {
  .breadcrumb__right A SPAN {
    display: none;
  }
}
.breadcrumb__right A I {
  font-size: 20px;
}
.breadcrumb__right A:first-child {
  margin-right: 15px;
}

.about {
  display: flex;
}
@media (max-width: 900px) {
  .about {
    padding: 0 15px;
    flex-direction: column;
  }
}
.about__left {
  width: 50%;
}
@media (max-width: 900px) {
  .about__left {
    width: 100%;
  }
}
.about__left .projectsDetail #mainCarousel {
  width: 90%;
}
.about__right {
  width: 50%;
  padding-top: 60px;
  padding-right: 15px;
  color: #c4c4c4;
}
@media (max-width: 900px) {
  .about__right {
    width: 100%;
  }
}

.modal BUTTON.close {
  background-color: #fff;
  border: 0;
}

/*# sourceMappingURL=template_styles.css.map */