.sort__view-select2 .list {
}

.sort__select .list {
   overflow-y: scroll !important;
   height: 400px;
}

.title_white {
   color: white !important;
}

.header {
   width: 100%;
   height: 80px;

   position: fixed;
   top: 0;
   left: 0;
   right: 0;

   background: rgba(23, 30, 38, 0.85);
   border-bottom: 1px solid #a68e6a4f;
   padding: 10px 0px;
   box-sizing: border-box;
   z-index: 11;

   display: flex;
   justify-content: center;
   align-items: center;
}
.header__mobile {
   width: 100%;
   height: auto;

   position: fixed;
   top: 80px;
   left: 0;
   right: 0;

   display: flex;
   justify-content: center;
   align-items: center;

   z-index: 10;

   background: rgba(23, 30, 38, 0.85);
   display: none;
}

.contact__form div {
   display: none;
}

.header__inner {
   width: 90%;
   height: auto;
   margin: 0 auto;

   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
}
.header__logo {
   width: 90px;
   height: auto;
}
.header__logo img {
   width: 100%;
   height: auto;
}
.nav {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: flex-start;
}
.nav__mobile {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.nav__item {
   list-style: none;
   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   font-size: 15px;
   line-height: 80px;
   text-align: center;
   text-transform: uppercase;
   color: #ffffff;
   cursor: pointer;
   height: 80px;
}
.nav__item a {
   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   font-size: 15px;
   line-height: 23px;
   text-align: center;
   text-transform: uppercase;
   color: #ffffff;
   text-decoration: none;
}
.nav__item:not(:last-child) {
   margin-right: 30px;
}

/* Вкладка УСЛУГИ */
.nav__item_services {
   position: relative;
}
.services__shelf {
   display: none;

   position: absolute;
   top: 100%;
   left: 0;

   background-color: rgba(23, 30, 38, 0.95);
   padding: 20px;
   box-sizing: border-box;
   text-align: left;
}
.services__shelf a {
   display: block;
   width: 100%;
   text-align: left;
   margin-bottom: 10px;
}
/*Вкладка УСЛУГИ КОНЕЦ*/

.header__tools {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
}
.tools__item {
   cursor: pointer;
}
.tools__item:not(:last-child) {
   margin-right: 30px;
}
.tools__item_loved,
.tools__item_cart {
   position: relative;
}
.tools__item_loved__counter,
.tools__item_cart__counter {
   position: absolute;
   top: -5px;
   right: -5px;

   width: 17px;
   height: 17px;
   border-radius: 50%;

   background-color: #fff;

   display: flex;
   justify-content: center;
   align-items: center;

   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   font-size: 13px;
   line-height: 15px;
   text-align: center;

   color: #171e26;
}

.header__phones {
   display: flex;
   flex-direction: row;
}
.header__phones a {
   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   font-size: 15px;
   line-height: 30px;
   text-align: center;
   margin-right: 30px;
   color: #ffffff;
}

/* Выпадающий каталог */
/* Верхнаяя панель */
.catalog__menu {
   display: none;

   overflow-y: auto;
   overflow-x: hidden;
   width: 90%;
   height: calc(100vh - 80px);
   margin: 0 auto;
   position: fixed;
   top: 80px;
   left: 0;
   right: 0;
   z-index: 99999;
}
.catalog__menu__top {
   background: rgba(23, 30, 38, 0.8);

   width: 100%;
   height: auto;
   padding: 6px 0px;
   box-sizing: border-box;

   display: flex;
   flex-direction: row;
   justify-content: space-around;
   align-items: center;
}
.catalog__menu__btn {
   border: 1px solid #a68e6a;
   box-sizing: border-box;
   border-radius: 5px;
   padding: 3px 10px;

   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   font-size: 18px;
   line-height: 21px;
   text-align: center;
   text-transform: uppercase;
   color: #ffffff;

   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
}
.catalog__menu__btn img {
   width: 25px;
   height: auto;
   margin-left: 5px;
}
/* Сам каталог  */
.catalog__menu__shelf {
   width: 100%;
   height: auto;
   margin: 0 auto;

   position: sticky;

   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: flex-start;
   flex-wrap: wrap;

   padding-top: 50px;
   padding-bottom: 50px;

   background: #ffffff;
   box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
}
.catalog__menu__item {
   width: calc(20% - 40px);
   height: 220px;

   margin: 25px 20px;
   box-sizing: border-box;

   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: center;

   cursor: pointer;
   /* overflow: hidden; */
   text-decoration: none;
}
.catalog__menu__item img {
   width: 100%;
   height: 160px;
   object-fit: cover;
}
.catalog__menu__title {
   font-family: Roboto;
   font-style: normal;
   font-weight: normal;
   font-size: 20px;
   line-height: 23px;
   text-align: center;
   text-transform: uppercase;
   color: #2f3c4b;

   margin-top: 20px;
   box-sizing: border-box;
}
.burger {
   display: none;
   cursor: pointer;
}

/* Модальные окна для дизайнеров */
.modal__designer_call,
.modal__designer_help {
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 10;

   display: flex;
   justify-content: center;
   align-items: flex-start;

   padding-top: 90px;
   box-sizing: border-box;

   background: rgba(2, 2, 2, 0.57);

   transition: 0.3s;
   opacity: 0;
   user-select: none;
   pointer-events: none;
}
.modal__designer_call.open,
.modal__designer_help.open {
   opacity: 1;
   user-select: auto;
   pointer-events: all;
}
.designer__wrapper {
   width: 90%;
   max-width: 1440px;
   height: calc(80% + 90px);
   padding: 45px;
   box-sizing: border-box;
   overflow-y: auto;

   background: #171e26;
   font-family: Roboto;
   position: relative;
}
.close-modal,
.close-modal__search {
   display: block;
   cursor: pointer;
   padding: 10px;
   box-sizing: border-box;
   position: absolute;
   top: 40px;
   right: 40px;
   z-index: 1;
}
.designer__attention {
   display: block;
   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   font-size: 17px;
   line-height: 18px;
   text-align: center;
   color: #a68e6a;
}

.modal__title {
   font-family: Roboto;
   font-style: normal;
   font-weight: normal;
   font-size: 35px;
   line-height: 41px;
   text-align: center;
   text-transform: uppercase;
   letter-spacing: 0.1em;
}

.designer__wrapper .radio-group {
   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   font-size: 17px;
   line-height: 20px;
   text-transform: uppercase;
   color: #fff;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   margin: 30px 0;
   justify-content: flex-start;
}
.designer__wrapper .radio__title {
   width: 100%;
   margin-bottom: 15px;
   font-weight: 300;
   font-family: Roboto;
   font-style: normal;
   font-size: 25px;
   line-height: 24px;
   letter-spacing: 0.1em;
   color: #a68e6a;
}
.designer__wrapper .radio-group label {
   display: block;
   width: auto;
   height: auto;

   margin-bottom: 10px;
   margin-left: 20px;
}
.designer__wrapper .radio-group label input {
   margin-right: 10px;
}

.designer__wrapper .contact {
   width: 100%;
   height: auto;

   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: flex-start;
   flex-wrap: wrap;
   background: none;
}
.designer__wrapper .contact__input {
   width: 48%;
   height: auto;
   padding: 10px 15px;
   box-sizing: border-box;

   -webkit-tap-highlight-color: transparent;
   background-color: #fff;
   border-radius: 0px;
   border: solid 1px #e8e8e8;
   box-sizing: border-box;
   clear: both;
   cursor: pointer;
   display: block;
   float: left;
   font-family: inherit;
   font-size: 14px;
   font-weight: normal;
   height: 42px;
   line-height: 40px;
   outline: none;
   padding-left: 18px;
   padding-right: 30px;
   position: relative;
   text-align: left !important;
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   text-transform: uppercase;
   user-select: none;
   white-space: nowrap;
   margin-bottom: 25px;
}
.designer__wrapper .contact__select {
   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   font-size: 17px;
   line-height: 20px;
   text-transform: uppercase;

   width: 48%;
   height: auto;
   padding: 10px 15px;
   margin-bottom: 25px;
   box-sizing: border-box;
   border-radius: 0px;

   display: flex;
   justify-content: flex-start;
   align-items: center;
}
.designer__wrapper .contact__select.nice-select:after {
   border-bottom: 2px solid #a68e6a;
   border-right: 2px solid #a68e6a;
}
.designer__wrapper .contact__btn {
   margin: 0 auto;
   margin-top: 5px;
   margin-bottom: 30px;
   background: #a68e6a;
   border: 1px solid #a68e6a;
   box-sizing: border-box;
   box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
   border-radius: 5px;

   padding: 13px 20px;
   box-sizing: border-box;
   width: 100%;
   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   font-size: 25px;
   line-height: 29px;
   text-align: center;
   text-transform: uppercase;
   color: #ffffff;
}

.contact__last-row {
   width: 100%;
}

.contact__message {
   max-width: 100%;
   width: 356px;
   height: 140px;
   padding: 15px;
   box-sizing: border-box;
   font-family: Roboto;
   outline: currentcolor none medium !important;
   min-width: 100%;
   min-height: 50px;
   max-height: 140px;
   margin-bottom: 25px;
}

@media (min-width: 1000px) {
   .contact__message {
      max-width: 63%;
      min-width: 63%;
   }
   .contact__last-row {
      display: flex;
      justify-content: space-between;
   }
}

@media (min-width: 1200px) {
   .contact__message {
      max-width: 68%;
      min-width: 68%;
   }
}

@media (min-width: 1300px) {
   .contact__message {
      max-width: 70%;
      min-width: 70%;
   }
}

/* Модальное окно поиска товаров */
.modal__search {
   width: 80%;
   max-width: 1440px;
   height: calc(auto + 90px);
   padding: 45px;
   box-sizing: border-box;
   overflow-y: auto;

   background: #fff;
   font-family: Roboto;
   position: fixed;
   top: 80px;
   left: 50%;
   transform: translate(-50%, 0%);
   z-index: 10;
   box-shadow: 0px 0px 20px rgba(166, 142, 106, 0.65);

   transition: 0.5s;
   opacity: 0;
   user-select: none;
   pointer-events: none;

   overflow: auto;
   max-height: calc(100vh - 80px);
}
.modal__search.open {
   opacity: 1;
   user-select: auto;
   pointer-events: all;
}
.search-group {
   width: 100%;
   height: auto;
   margin-top: 40px;

   position: relative;
}
.search-input {
   width: 100%;
   height: auto;
   border: none;
   border-bottom: 0.5px solid #a68e6a;
   border-radius: 0;

   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;

   font-family: Roboto;
   font-style: normal;
   font-weight: 500;
   font-size: 20px;
   line-height: 23px;
   color: #2f3c4b;

   padding: 15px;
   box-sizing: border-box;
}
.search-group__icon {
   position: absolute;
   top: 50%;
   right: 0;
   transform: translate(0%, -50%);
}

.search__result {
   width: 100%;
   height: auto;
   margin-top: 40px;

   display: flex;
   flex-direction: column;
}
.search__result-item {
   width: 100%;
   height: auto;
   padding: 20px;
   box-sizing: border-box;
   border-radius: 5px;
   transition: 0.3s;

   color: #171e26;

   display: inline-flex;
   align-items: center;
   justify-content: space-between;

   margin-top: 20px;
}
.search__result-item:hover {
   box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
}
.search__result-item__img {
   width: 20%;
   max-width: 150px;
   height: auto;
}
.search__result-item__img img {
   display: block;
   width: 100%;
   height: auto;
   object-fit: cover;
}
.search__result-item .title {
   width: 20%;
   text-align: left;
   font-family: Roboto;
   font-style: normal;
   font-weight: normal;
   font-size: 18px;
   line-height: 21px;
   text-transform: uppercase;
}
.search__result-item .info {
   display: flex;
   flex-direction: column;
   align-items: center;
}
.search__result-item .old-cost {
   font-family: Roboto;
   font-style: normal;
   font-weight: normal;
   font-size: 15px;
   line-height: 18px;
   text-align: center;
   text-decoration-line: line-through;
   color: #a68e6a;
}
.search__result-item .cost {
   font-family: Roboto;
   font-style: normal;
   font-weight: normal;
   font-size: 23px;
   line-height: 27px;
   text-align: center;
   color: #a68e6a;
}
.search__result-item .status {
   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   font-size: 15px;
   line-height: 18px;
   text-align: center;
   color: #2f3c4b;
}

.counter {
   background: transparent;
   border: 1px solid #a68e6a;
   padding: 5px;
   box-sizing: border-box;
   border-radius: 5px;
}
.counter__minus,
.counter__show,
.counter__plus {
   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   font-size: 20px;
   line-height: 23px;
   text-align: center;
   color: #2f3c4b;
}
.counter__show {
   margin: 0 10px;
}
.counter__minus,
.counter__plus {
   padding: 5px 10px;
   box-sizing: border-box;
}

.tools {
   width: 20%;
}
.search__result-item .item__buy {
   display: block;
   width: 50%;
   text-align: center;
   margin: 0 auto;

   transition: 0.3s;

   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   font-size: 15px;
   line-height: 18px;
   text-align: center;
   color: #2f3c4b;
}
.item__buy:hover {
   background: #a68e6a;
   border: 1px solid #a68e6a;
   box-sizing: border-box;
   border-radius: 5px;

   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   font-size: 15px;
   line-height: 18px;
   text-align: center;
   color: #ffffff;
}
.tools__shelf {
   width: 100%;
   display: inline-flex;
   justify-content: space-around;
   align-items: center;

   margin-top: 20px;
}

/* The radio */
.radio {
   display: block;
   position: relative;
   padding-left: 24px;
   margin-bottom: 12px;
   cursor: pointer;
   font-size: 18px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

/* Hide the browser's default radio button */
.radio input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
   position: absolute;
   top: 50%;
   left: 0px;
   transform: translate(0, -50%);
   height: 15px;
   width: 15px;
   background-color: transparent;
   border: 2px #a68e6a solid;
   border-radius: 50%;
   transition: 0.3s;
}

/* On mouse-over, add a grey background color */
.radio:hover input ~ .checkmark {
   background-color: rgba(166, 142, 106, 0.5);
}

/* When the radio button is checked, add a blue background */
.radio input:checked ~ .checkmark {
   background-color: #a68e6a;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
   content: "";
   position: absolute;
   display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio input:checked ~ .checkmark:after {
   display: block;
}

.pw-popup {
   max-width: 375px !important;
}

.calc .form-input {
   max-width: 68px !important;
   margin-right: 7px !important;
}

.form-input {
   border-radius: 5px !important;
}

.pw-popup__calc {
   max-width: 290px !important;
}

/* Оповещения */
.alert {
   display: none;
   font-family: Roboto;
   position: absolute;
   width: fit-content;
   top: 200px;
   left: 38%;
   /* padding: 15px 20px; */
   box-sizing: border-box;
   border-radius: 3px;
   z-index: 9999999999999999999999;
   background-color: #b3936d;
   border-color: #383838 !important;
   color: white !important;
}
.alert.good {
   background-color: #00e68a;
   color: white;
}
.alert.bad {
   background-color: #ff4d4d;
   color: black;
}

@media (max-width: 1200px) {
   .nav,
   .header__phones {
      display: none;
   }
   .nav__mobile .nav__item {
      display: flex !important;
      margin-right: 0;
      margin: 10px 0;
   }
   .burger {
      display: block;
   }
   .tools__item_loved {
      display: none;
   }

   .catalog__menu__item {
      width: calc(25% - 40px);
   }

   /* Поиск */
   .search__result-item .counter,
   .tools {
      display: none;
   }
   .search__result-item .title,
   .info {
      width: 33%;
   }
}
@media (max-width: 1024px) {
   .catalog__menu__item {
      width: calc(33.33333% - 40px);
   }
}
@media (max-width: 780px) {
   .catalog__menu__top {
      flex-direction: column;
   }
   .catalog__menu__btn {
      width: 90%;
      margin: 10px 0px;
   }

   .catalog__menu__item {
      width: calc(50% - 40px);
   }

   .catalog__menu__item img {
      height: 120px;
   }
   .catalog__menu__title {
      font-size: 15px;
      line-height: 20px;
   }
   .catalog__menu__item {
      height: 170px;
   }
   .close-modal,
   .close-modal__search {
      position: absolute;
      top: 25px;
      right: 25px;
   }

   /* Поиск */
   .search__result-item {
      flex-direction: column;
   }
   .search__result-item .title,
   .info,
   .search__result-item__img {
      width: 100%;
      margin-top: 15px;
   }
   .modal__search {
      padding: 10px;
   }

   /* Модальное окно вызов помощь дизайнера */
   .designer__wrapper .contact__input,
   .contact__select {
      width: 100% !important;
   }
}

@media (min-width: 1600px) {
   .catalog__menu__item img {
      width: 235px;
      height: 160px;
      object-fit: cover;
   }
}

.show_number {
   cursor: pointer;
   float: right;
}

.show_number_phone {
   display: block;
   position: absolute;
   margin-top: -13px;
   margin-left: -50px;
   font-size: 15px;
}

/* .main_catalog_menu:hover .catalog__menu {
   visibility: visible;
   opacity: 1;
   transition: visibility 0s, opacity 0.3s linear;
}
 */