@charset "UTF-8";

@font-face {
   font-family: ElegantIcons;
   font-display: swap;
   src:
      url('../fonts/ElegantIcons.woff2') format('woff2'),
      url('../fonts/ElegantIcons.woff') format('woff');
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: Inter_18pt;
   font-display: swap;
   src:
      url('../fonts/Inter_18pt-Regular.woff2') format('woff2'),
      url('../fonts/Inter_18pt-Regular.woff') format('woff');
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: Linearicons;
   font-display: swap;
   src:
      url('../fonts/Linearicons.woff2') format('woff2'),
      url('../fonts/Linearicons.woff') format('woff');
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: ionicons;
   font-display: swap;
   src:
      url('../fonts/ionicons.woff2') format('woff2'),
      url('../fonts/ionicons.woff') format('woff');
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: Oswald;
   font-display: swap;
   src:
      url('../fonts/Oswald-Bold.woff2') format('woff2'),
      url('../fonts/Oswald-Bold.woff') format('woff');
   font-weight: 700;
   font-style: normal;
}

@font-face {
   font-family: Oswald;
   font-display: swap;
   src:
      url('../fonts/Oswald-Medium.woff2') format('woff2'),
      url('../fonts/Oswald-Medium.woff') format('woff');
   font-weight: 500;
   font-style: normal;
}

@font-face {
   font-family: Rubik;
   font-display: swap;
   src:
      url('../fonts/Rubik-Black.woff2') format('woff2'),
      url('../fonts/Rubik-Black.woff') format('woff');
   font-weight: 900;
   font-style: normal;
}

@font-face {
   font-family: proximanova_bold;
   font-display: swap;
   src:
      url('../fonts/proximanova_bold.woff2') format('woff2'),
      url('../fonts/proximanova_bold.woff') format('woff');
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: Rubik;
   font-display: swap;
   src:
      url('../fonts/Rubik-Bold.woff2') format('woff2'),
      url('../fonts/Rubik-Bold.woff') format('woff');
   font-weight: 700;
   font-style: normal;
}

@font-face {
   font-family: Rubik;
   font-display: swap;
   src:
      url('../fonts/Rubik-Light.woff2') format('woff2'),
      url('../fonts/Rubik-Light.woff') format('woff');
   font-weight: 300;
   font-style: normal;
}

@font-face {
   font-family: Rubik;
   font-display: swap;
   src:
      url('../fonts/Rubik-Medium.woff2') format('woff2'),
      url('../fonts/Rubik-Medium.woff') format('woff');
   font-weight: 500;
   font-style: normal;
}

@font-face {
   font-family: Rubik;
   font-display: swap;
   src:
      url('../fonts/Rubik-ExtraBold.woff2') format('woff2'),
      url('../fonts/Rubik-ExtraBold.woff') format('woff');
   font-weight: 800;
   font-style: normal;
}

@font-face {
   font-family: Rubik;
   font-display: swap;
   src:
      url('../fonts/Rubik-SemiBold.woff2') format('woff2'),
      url('../fonts/Rubik-SemiBold.woff') format('woff');
   font-weight: 600;
   font-style: normal;
}

@font-face {
   font-family: Rubik;
   font-display: swap;
   src:
      url('../fonts/Rubik-Regular.woff2') format('woff2'),
      url('../fonts/Rubik-Regular.woff') format('woff');
   font-weight: 400;
   font-style: normal;
}
.dgwt-wcas-st-label-in {
   display: none !important;
}
/*Обнуление*/

* {
   padding: 0;
   margin: 0;
   border: 0;
}

*,
*:before,
*:after {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

:focus,
:active {
   outline: none;
}

a:focus,
a:active {
   outline: none;
}

nav,
footer,
header,
aside {
   display: block;
}

html,
body {
   height: 100%;
   width: 100%;
   font-size: 100%;
   line-height: 1;
   font-size: 14px;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}
body b,
body br {
   display: none;
}
input,
button,
textarea {
   font-family: inherit;
}

input::-ms-clear {
   display: none;
}

button {
   cursor: pointer;
}

button::-moz-focus-inner {
   padding: 0;
   border: 0;
}

a,
a:visited {
   text-decoration: none;
}

a:hover {
   text-decoration: none;
}

ul li {
   list-style: none;
}

img {
   vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-size: inherit;
   font-weight: 400;
}

/*--------------------*/

/*=============== tech class============================*/
.hidden {
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.5s ease;
}
body.hidden {
   opacity: 0;

   transition: opacity 0.5s ease-in-out;
}
body {
   font-family: Rubik;
   background: #fff;
   color: #222;
   overflow-x: hidden;
   opacity: 1;
   transition: opacity 0.5s ease-in-out;
}

main {
   overflow: hidden;
}

._container {
   max-width: 1670px;
   padding: 0px 20px;
   width: 100%;
   margin: 0 auto;
}

._container-header {
   max-width: 1670px;
   /* padding: 0px 10px; */
   margin: 0 auto;
   width: 100%;
}

._about-container {
   max-width: 1200px;
   padding: 0px 20px;
   margin: 0 auto;
   width: 100%;
}

::-webkit-scrollbar {
   width: 0;
}

.mobile {
   display: none !important;
}

._lock {
   overflow: hidden;
}

.mobil {
   display: none !important;
}

.mob {
   display: none !important;
}
.hide {
   display: none;
}
.only-mob {
   display: none !important;
}
.inform-baner {
   position: fixed;
   width: fit-content;
   height: fit-content;
   padding: 23px 33px;
   top: -100%;
   right: -100%;

   border-radius: 20px;
   font-size: 15px;
   font-family: Rubik;
   color: #ffffff;
   background: #ce153e;
   font-weight: 400;
   text-align: center;
   line-height: 146%;
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 150;
   opacity: 0;
   visibility: hidden;
   max-width: 340px;
   transition: all 0.6s;
}
.inform-baner.show {
   opacity: 1;
   top: 17px;
   right: 40px;
   visibility: visible;
   transition: all 0.6s;
}
.woocommerce-error li {
   font-size: 18px;
   font-family: Rubik;
   font-weight: 500;
   text-align: center;
}
/*===========header================================*/

.header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   background: #fff;
   padding: 33px 0px 16px;
   position: fixed;
   z-index: 100;
   top: 0;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
   /* border-bottom: 1px solid #eaeaea; */
}
.header__container {
   padding: 0px 20px;
}
.header.scrolled {
   top: -100%;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}

.header__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: start;
}

.header__logo {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
   width: 160px;
   min-width: 160px;
   aspect-ratio: 1/0.45;
   margin-right: 102px;
   top: -10px;
}

.header__logo img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.header__menu {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.header__search {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   max-width: 290px;
   width: 100%;
   position: relative;
   justify-content: end;
   margin-left: 10px;
   margin-top: 2px;
    margin-right: 15px;
}

.header__search form {
   position: relative;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.header__search input,
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type='search'].dgwt-wcas-search-input {
   border: 1px solid #000;
   border-radius: 35.003px;
   background: #fff;
   /* padding: 12px 28px 12px 64px; */
   max-width: 290px;
   font-family: Rubik;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 112%;
   margin-left: auto;
}

.header__search input::-webkit-input-placeholder {
   color: #bbb;
}

.header__search input::-moz-placeholder {
   color: #bbb;
}

.header__search input:-ms-input-placeholder {
   color: #bbb;
}

.header__search input::-ms-input-placeholder {
   color: #bbb;
}

.header__search input::placeholder {
   color: #bbb;
}

.header__search .search-submit {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 18px;
   height: 18px;
   position: absolute;
   top: 50%;
   left: 20px;
   border-radius: 0;
   border: none;
   font-size: 0;
   padding: 0;
   pointer-events: none;
   background: url('../img/search.svg') 0 0/100% 100% no-repeat;

   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.header__search button svg {
   width: 100%;
   height: 100%;
   background: transparent;
}

form.searchwp-form input.swp-input--search {
   background: none !important;
   padding-left: 45px !important;
   padding-right: 10px !important;
}

form.searchwp-form .searchwp-form-input-container .swp-input {
   width: auto;
}
.searchwp-live-search-result {
   flex-wrap: nowrap !important;
   align-items: center;
}
.searchwp-live-search-result a {
   height: 100%;
}
.searchwp-live-search-result:hover {
   background: #c4c3c352;
}
.searchwp-live-search-results::-webkit-scrollbar {
   width: 4px;
}

.searchwp-live-search-results::-webkit-scrollbar-thumb {
   background-color: red;
   border-radius: 4px;
   cursor: pointer;
}

.searchwp-live-search-results::-webkit-scrollbar-track {
   background: transparent;
}
.searchwp-live-search-result--img {
   width: 40px;
   height: 40px;
   flex-basis: 40px !important;
}
.searchwp-live-search-result .searchwp-live-search-result--title a {
   color: #222 !important;
   font-family: Rubik !important;
   font-size: 14px !important;
   font-style: normal !important;
   font-weight: 500 !important;
   line-height: normal;
}

.header__cart {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 63px;
   height: 63px;
   min-width: 63px;
   padding: 16px 7px;
   margin: -10px 13px 0px 17px;
   cursor: pointer;
   position: relative;
}
.header__cart span {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 18px;
   height: 18px;
   border-radius: 50%;
   background: #cb0935;
   aspect-ratio: 1/1;
   color: #fff;
   font-family: Rubik;
   font-size: 11px;
   font-weight: 500;
   position: absolute;
   top: 3px;
   right: 0px;
   line-height: 100%;
   opacity: 0;
   transition: all 0.3s;
}
.header__cart span.show {
   opacity: 1;
   transition: all 0.3s;
}
.header__cart:hover svg {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}

.header__cart svg {
   width: 100%;
   height: 100%;
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}

.header__phone {
   color: #222;
   font-family: Rubik;
   font-size: 16.335px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   text-transform: uppercase;
   white-space: nowrap;
   padding-top: 13px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}
.header__phone svg {
   display: none;
}
.header__phone:hover {
   opacity: 0.8;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.menu__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   width: 100%;
}

.menu__list li {
   color: #222;
   font-family: Rubik;
   font-size: 18.668px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   padding: 12px 0px;
   position: relative;
   background: transparent;
   z-index: 2;
   white-space: nowrap;
}

.menu__list li svg {
   width: 14px;
   height: 11px;
   margin-right: 5px;
}

.menu__list li:not(:first-child)::before {
   content: '';
   width: 0%;
   height: 2px;
   background: #000;
   position: absolute;
   bottom: 0;
   left: 0;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.menu__list li:first-child {
   border: 1px solid #000;
   padding: 14px 32px;
   border-radius: 40px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   position: relative;
}

.menu__list li:first-child:hover {
   border-radius: 25px 25px 0px 0px;
   border: 1px solid #fff;
   -webkit-box-shadow: -5px -5px 20px 0px rgba(0, 0, 0, 0.0823529412);
   box-shadow: -5px -5px 20px 0px rgba(0, 0, 0, 0.0823529412);
   background: #fff;
   /* padding-bottom: 30px; */
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.menu__list li:first-child:hover .menu__sublist {
   opacity: 1;
   visibility: visible;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.menu__list li:not(:last-child) {
   margin-right: 40px;
}

.menu__list li a {
   color: #222;
}

.menu__list li:hover::before {
   width: 100%;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.menu__list li.check {
   border-bottom: 2px solid #222;
}

.menu__sublist {
   opacity: 0;
   visibility: hidden;
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 1;
   border-radius: 0px 20px 20px 20px;
   border: 1px solid #fff;
   background: #fff;
   /* transform: translateY(10px); */
   padding: 30px 25px;
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [2];
   grid-template-columns: repeat(2, 1fr);
   gap: 12px 30px;
   -webkit-box-shadow: 0px 5px 20px 3px rgba(0, 0, 0, 0.0823529412);
   box-shadow: 0px 5px 20px 3px rgba(0, 0, 0, 0.0823529412);
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.menu__sublist::before {
   content: '';
   width: 160px;
   height: 20px;
   position: absolute;
   top: -7px;
   left: 0;
   background: #fff;
}

.menu__sublist li {
   border: none !important;
   margin: 0 !important;
   white-space: nowrap;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 0 !important;
   position: relative;
   z-index: -1;
}
.menu__sublist li img {
   width: 28px;
   height: 25px;
   margin-right: 16px;
}
.menu__sublist li:first-child:hover {
   -webkit-box-shadow: none;
   box-shadow: none;
}

.menu__sublist li:hover {
   z-index: 3;
}

.menu__sublist li:hover ul {
   opacity: 1;
   visibility: visible;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   z-index: 100;
}

.menu__sublist li:hover::before {
   display: none;
}

.menu__sublist li:hover a {
   color: #ce153e;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}
.menu__sublist li ul li a {
   display: flex;
   flex-wrap: wrap;
}
.menu__sublist li a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   max-width: 82vw;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
   -ms-flex-direction: row-reverse;
   flex-direction: row-reverse;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   color: #000;
   font-family: Inter_18pt;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.menu__sublist li a svg {
   width: 28px;
   height: 31px;
   fill: #ce153e;
   margin-right: 32px;
}

.menu__sublist li ul {
   opacity: 0;
   visibility: hidden;
   border-radius: 20px;
   border-radius: 0px 20px 20px 20px;
   border: 0px solid #000;
   box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.1);
   background: #fff;
   -webkit-box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.1);
   box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.1);
   /* display: -webkit-box;
  display: -ms-flexbox; */
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 0px 20px;
   /* display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; */
   position: absolute;
   z-index: -1;
   top: 100%;
   left: 45px;
   padding: 20px 15px 15px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.menu__sublist li ul li {
   margin-bottom: 12px;
}

.menu__sublist li ul li a {
   color: #000 !important;
   font-family: Inter_18pt;
   font-size: 15px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin-bottom: 12px;
}

.menu__sublist li ul li:hover::before {
   display: none;
}

.menu__sublist li ul li:hover a {
   color: #ce153e !important;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

/*===========main-block================================*/

.main-block {
   padding: 144px 0px 120px;
}
.main-block__container {
   padding: 0px 20px;
}
.main-block__title {
   color: #222;
   font-family: Oswald;
   font-size: 60px;
   font-style: normal;
   font-weight: 700;
   line-height: 110%;
   text-transform: uppercase;
   max-width: 1240px;
   margin: 0 auto;
   width: 100%;
   padding-right: 100px;
   margin-bottom: 16px;
   font-variant-position: super;
}
.main-block__subtitle {
   color: #222;
   font-family: Oswald;
   font-size: 32px;
   font-style: normal;
   font-weight: 700;
   line-height: 90%;

   max-width: 1240px;
   margin: 0 auto;
   width: 100%;
   padding-right: 100px;
   display: flex;
   flex-direction: column;
   gap: 10px;
}
@media (max-width: 1280px) {
   .main-block__title {
      font-size: 45px;
   }
   .main-block__subtitle {
      font-size: 32px;
   }
}
.main-block__slider {
   padding-top: 44px !important;
   position: relative;
   display: flex;
   width: 100%;
   height: auto;
   aspect-ratio: 2.8/1;
}
.main-block__slider .swiper-wrapper {
   height: 100%;
}
.main-block__slider .swiper-pagination-bullet {
   width: 9.5px !important;
   height: 9.5px !important;
   border-radius: 50% !important;
   background: #d9d9d9 !important;
   border: 1.167px solid transparent !important;
   -webkit-transition: all 0.3s !important;
   transition: all 0.3s !important;
   margin: 0px 13px !important;
   opacity: 1 !important;
}
.main-block__slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
   border: 1.167px solid #222 !important;
   background: #222 !important;
   -webkit-transition: all 0.3s !important;
   transition: all 0.3s !important;
}
.main-block__slider .swiper-pagination {
   width: fit-content !important;
   position: absolute;
   top: 0 !important;
   left: auto !important;
   right: 69px !important;
}
.main-block__slider .slick-dots {
   position: absolute;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   top: 0;
   right: 69px;
}

.main-block__slider .slick-dots li {
   margin: 0px 13px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-block__slider .slick-dots li.slick-active {
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-block__slider .slick-dots li.slick-active button {
   border: 1.167px solid #222;
   background: #222;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-block__slider .slick-dots li button {
   font-size: 0;
   width: 9.5px;
   height: 9.5px;
   border-radius: 50%;
   background: #d9d9d9;
   border: 1.167px solid transparent;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-block__slider .slick-list.draggable {
   position: relative;
   width: 100%;
   padding-bottom: 33%;
}

.main-block__slider .slick-track {
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
}

.main-block__slide {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   height: 100%;
   position: relative;
}

.main-block__slide img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.main-block__cats {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [3];
   grid-template-columns: repeat(3, 1fr);
   gap: 20px;
   padding: 14px 0px 0px 0px;
}

.main-block__cat {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   background: #f3f2ed;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: end;
}

.main-block__cat:nth-child(1) {
   background: #f3f2ed;
}

.main-block__cat:nth-child(1) .main-block__cat-image {
   width: 69%;
   padding-bottom: 53%;
}

.main-block__cat:nth-child(2) {
   background: #e8e6e7;
}

.main-block__cat:nth-child(2) .main-block__cat-image {
   width: 84%;
   padding-bottom: 52%;
}

.main-block__cat:nth-child(3) {
   background: #d4d6d5;
}

.main-block__cat:nth-child(3) .main-block__cat-image {
   width: 58%;
   padding-bottom: 45%;
}

.main-block__cat-content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   position: absolute;
   left: 47px;
   top: 50%;
   z-index: 2;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   max-width: 160px;
}

.main-block__cat-title {
   color: #222;
   font-family: Rubik;
   font-size: 30px;
   font-style: normal;
   font-weight: 500;
   line-height: 113%;
   margin-bottom: 22px;
}

.main-block__cat-link {
   color: #222;
   font-family: Rubik;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   letter-spacing: 1px;
   padding-bottom: 4px;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-block__cat-link:hover::before {
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   width: 0%;
}

.main-block__cat-link::before {
   content: '';
   width: 100%;
   height: 1.17px;
   background: #222222;
   position: absolute;
   bottom: 0;
   left: 0;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-block__cat-image {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
}

.main-block__cat-image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}
.account-page {
   display: flex;
   flex-direction: column;
   width: 100%;
   padding: 200px 0px 0px;
}

.account-page__body {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.account-page__title {
   font-family: Oswald;
   font-weight: 700;
   font-size: 70px;
   line-height: 107%;
   text-transform: uppercase;
   text-align: center;
   color: #222;
   margin-bottom: 22px;
   max-width: 975px;
}
.account-page__subtitle {
   font-family: Oswald;
   font-weight: 500;
   font-size: 32px;
   line-height: 157%;
   text-align: center;
   color: #000;
   max-width: 975px;
   margin-bottom: 40px;
}
.account-page__form {
   display: flex;
   width: 100%;
   max-width: 450px;
}
.account-page__form.authorized {
   max-width: 100%;
}
.account-page__bacground {
   display: flex;
   width: 100%;
   position: relative;
   padding-bottom: 32%;
}
.account-page__bacground img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.account-page__form .woocommerce-form {
   border: none !important;
   margin: 0 !important;
   padding: 0 !important;
   display: flex;
   flex-direction: column;
   gap: 10px;
}
.account-page__form .woocommerce {
   display: flex;
   flex-direction: column;
   width: 100%;
   margin-bottom: 60px;
   width: 100%;
}
.account-page__form .woocommerce form .form-row input.input-text,
.account-page__form .woocommerce .woocommerce form .form-row textarea {
   border: 1px solid #000;
   border-radius: 50px;
   padding: 14px 20px;
   width: 100%;
   height: 58px;
   font-weight: 500;
   font-size: 16px;
   color: #000;
   font-family: Rubik;
   display: flex;
   align-items: center;
   justify-content: center;
   align-items: center;
}
.account-page__form .woocommerce form .password-input,
.account-page__form .woocommerce-page form .password-input {
   width: 100%;
}
.account-page__form .woocommerce.woocommerce form .show-password-input,
.account-page__form .woocommerce .woocommerce-page form .show-password-input {
   position: absolute;
   top: 50%;
   right: 20px;
   transform: translateY(-50%);
}
.account-page__form .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
   border: 1px solid #ce153e;
   border-radius: 70px;
   padding: 17px 23px;
   width: 100%;
   height: 60px;
   font-family: Rubik;
   font-weight: 500;
   font-size: 18px;
   letter-spacing: 0.05em;
   text-transform: uppercase;
   color: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 0;
   background: #ce153e;
}
.account-page__form .woocommerce h2 {
   display: none;
}
.account-page__form .woocommerce-LostPassword.lost_password {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 10px;
   color: #000;
   margin-top: 10px;
}
.account-page__form .woocommerce-LostPassword.lost_password a {
   color: #000;
}
.account-page__form .woocommerce-notices-wrapper {
   position: absolute;
   top: 0px;
   left: 50%;
   transform: translateX(-50%);
   z-index: 1001;
   width: 100%;
   justify-content: center;
   align-items: center;
}
.account-page__form .woocommerce-error {
   height: 120px;
}
.account-page__form .woocommerce-ResetPassword.lost_reset_password {
   font-weight: 500;
   font-size: 16px;
   color: #000;
   font-family: Rubik;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   text-align: center;
   gap: 10px;
}
.account-page__form .woocommerce-ResetPassword.lost_reset_password .form-row {
   flex-direction: column;
}
.account-page__form .woocommerce-ResetPassword.lost_reset_password {
   line-height: 125%;
}
.account-page__form .clear {
   display: none;
}
.account-page__form .woocommerce form .form-row {
   display: flex;
   width: 100%;
   margin: 0;
}
.account-page__form .woocommerce .woocommerce-MyAccount-content {
   margin-top: 40px;
}
.account-page__form .woocommerce .woocommerce-MyAccount-content p {
   font-weight: 500;
   font-size: 16px;
   color: #000;
   font-family: Rubik;
   margin-bottom: 10px;
}
/* .account-page__form .woocommerce form .form-row input {
  margin-top: 30px;
  margin-bottom: 10px;
} */
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button {
   border: 1px solid #ce153e;
   border-radius: 70px;
   padding: 17px 23px;
   width: 100%;
   height: 60px;
   font-family: Rubik;
   font-weight: 500;
   font-size: 18px;
   letter-spacing: 0.05em;
   text-transform: uppercase;
   color: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 0;
   background: #ce153e;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover {
   background: #ce153e;
   opacity: 0.7;
   color: #fff;
}
.account-nav-page {
   display: flex;
   gap: 40px;
   justify-content: space-between;
   align-items: center;
}
.account-nav__monthly-spent {
   padding: 12px;
   background: #f7f7f7;
   border-radius: 8px;
}
.account-nav__monthly-spent .suma {
   color: #222;
   font-family: Rubik;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin-bottom: 5px;
}
.account-nav__monthly-spent .limit {
   color: #222;
   font-family: Rubik;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin-bottom: 5px;
}
.account-nav__monthly-spent .remaining-limit {
   color: #222;
   font-family: Rubik;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin-bottom: 5px;
}
.account-nav__monthly-spent .limit-end-date {
   color: #222;
   font-family: Rubik;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin-bottom: 10px;
}
.monthly-progress-bar {
   margin-top: 8px;
   width: 100%;
   height: 10px;
   background: #e0e0e0;
   border-radius: 8px;
   margin-bottom: 10px;
}
.account-nav__monthly-spent .limit-vik {
   color: #222;
   font-family: Rubik;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}
.account-nav__list {
   display: flex;
   flex-direction: column;
   gap: 5px;
}
.account-nav__list li a {
   color: #222;
   font-family: Rubik;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   transition: all 0.3s;
}
.account-nav__list li a:hover {
   opacity: 0.7;
   transition: all 0.3s;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before {
   line-height: 1;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before {
   line-height: 1;
}
.woocommerce .woocommerce-customer-details .woocommerce-column--2 address {
   display: none;
}
.account-page__form .woocommerce-EditAccountForm.edit-account {
   display: flex;
   max-width: 600px;
   flex-direction: column;
   margin: 0 auto;
}
.account-page__form .woocommerce-EditAccountForm.edit-account label {
   color: #222;
   font-family: Rubik;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin-bottom: 5px;
}
.account-page__form .woocommerce-EditAccountForm.edit-account em {
   color: #2222229d;
   font-family: Rubik;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin-top: 10px;
}
.account-page__form .woocommerce-EditAccountForm.edit-account p {
   display: flex;
   flex-direction: column;
}
.account-page__form .woocommerce-EditAccountForm.edit-account legend {
   color: #222;
   font-family: Rubik;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   padding: 20px 0px 10px;
}

.header-account__link {
   display: flex;
   width: 30px;
   height: 30px;
   position: relative;
   margin-top: 5px;
   margin-right: 15px;
   margin-left: 5px;
}
.header-account__link img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

/*===========pause page================================*/

.shop-pause {
   display: flex;
   flex-direction: column;
   width: 100%;
}

.shop-pause__body {
   padding: 200px 0px 100px;
}
.shop-pause__title {
   color: #222;
   font-family: Oswald;
   font-size: 60px;
   font-style: normal;
   font-weight: 700;
   line-height: 110%;
   text-transform: uppercase;
   max-width: 1240px;

   width: 100%;
   padding-right: 100px;
   margin-bottom: 16px;
   margin-bottom: 32px;
}
.shop-pause__text {
   color: #222;
   font-family: Oswald;
   font-size: 32px;
   font-style: normal;
   font-weight: 700;
   line-height: 100%;
   margin-bottom: 60px;
}
.shop-pause__button {
   color: #000;
   font-family: Rubik;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   letter-spacing: 0.9px;
   text-transform: uppercase;
   border-radius: 70.006px;
   border: 1px solid #ce153e;
   background: rgba(206, 21, 62, 0);
   padding: 18px 40px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}
.shop-pause__button:hover {
   background: #ce153e;
   color: #fff;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}
.shop-pause__image {
   position: relative;
   width: 100%;
   padding-bottom: 40%;
}
.shop-pause__image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

/*===========================================*/

@media (max-width: 1680px) {
   .main-block__slider {
      margin-left: -20px;
      width: 100vw;
   }
   .header__container {
      padding-left: 50px;
      padding-right: 50px;
   }
   .footer__container {
      padding-left: 50px;
      padding-right: 50px;
   }
}
@media (max-width: 1380px) {
   .account-page__title {
      font-size: 50px;
   }

   .account-page {
      padding-top: 150px;
   }
   .account-page__form .woocommerce {
      margin-bottom: 0;
   }
}
@media (max-width: 1280px) {
   .shop-pause__title {
      font-size: 45px;
   }
   .shop-pause__text {
      font-size: 32px;
   }
}
@media (max-width: 768px) {
   .woocommerce table.shop_table_responsive tbody th {
      display: flex !important;
   }
   .woocommerce table.shop_table_responsive tbody tr {
      border: 1px solid rgba(0, 0, 0, 0.3);
      margin-bottom: 20px;
      border-radius: 5px;
   }
   .woocommerce table.shop_table {
      border: none;
   }
}
@media (max-width: 767px) {
   .account-page__title {
      font-size: 32px;
   }
   .account-page__subtitle {
      font-size: 24px;
      line-height: 120%;
   }
}
/*===========main-about================================*/

.main-about {
   padding-bottom: 120px;
}

.main-about__body {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.main-about__subtitle {
   color: #000;
   font-family: Rubik;
   font-size: 17.501px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   padding-left: 34px;
   position: relative;
   margin-bottom: 24px;
}

.main-about__subtitle::before {
   content: '';
   width: 16px;
   height: 1px;
   background: #000;
   position: absolute;
   left: 0;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.main-about__title {
   color: #000;
   text-align: center;
   font-family: Oswald;
   font-size: 42.004px;
   font-style: normal;
   font-weight: 500;
   line-height: 119%;
   margin-bottom: 61px;
   max-width: 858px;
}

.main-about__items {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin-bottom: 48px;
}

.main-about__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   max-width: 260px;
   margin: 0px 50px;
}

.main-about__item-image {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 85px;
   height: 85px;
   position: relative;
}

.main-about__item-image img {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
}

.main-about__item-text {
   color: #000;
   text-align: center;
   font-family: Rubik;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: 144%;
}

.main-about__link {
   color: #000;
   font-family: Rubik;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   letter-spacing: 0.9px;
   text-transform: uppercase;
   border-radius: 70.006px;
   border: 1px solid #ce153e;
   background: rgba(206, 21, 62, 0);
   padding: 18px 40px;
   margin-bottom: 64px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-about__link:hover {
   background: #ce153e;
   color: #fff;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-about__banner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   padding: 20px;
   padding: 56px;
   border-radius: 10px;
   background: #ce153e;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.main-about__baner-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
}

.main-about__baner-image {
   position: relative;
   width: 28px;
   height: 28px;
   margin-right: 18px;
}

.main-about__baner-image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.main-about__baner-item-content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.main-about__baner-item-content p {
   color: #fff;
   font-family: Rubik;
   font-size: 14.001px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   letter-spacing: 1.167px;
   margin-bottom: 4px;
}

.main-about__baner-item-content span {
   color: #ed8989;
   font-family: Rubik;
   font-size: 14.001px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}

/*===========main-category================================*/

.main-category {
   padding-bottom: 120px;
}

.main-category__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.main-category__title {
   color: #222;
   text-align: center;
   font-family: Oswald;
   font-size: 42.004px;
   font-style: normal;
   font-weight: 500;
   line-height: 119%;
   margin-bottom: 32px;
}

.main-category__items {
   display: -ms-grid;
   display: grid;
   width: 100%;
   -ms-grid-columns: (1fr) [4];
   grid-template-columns: repeat(4, 1fr);
   gap: 28px;
   margin-bottom: 48px;
}

.main-category__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
   width: 100%;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   overflow: hidden;
}

.main-category__item:nth-child(1) {
   -ms-grid-column: 1;
   -ms-grid-column-span: 2;
   grid-column: 1/3;
   padding-bottom: 53%;
}

.main-category__item:nth-child(2) {
   -ms-grid-column: 3;
   -ms-grid-column-span: 1;
   grid-column: 3/4;
   padding-bottom: 110%;
}

.main-category__item:nth-child(3) {
   -ms-grid-column: 4;
   -ms-grid-column-span: 1;
   grid-column: 4/5;
   padding-bottom: 110%;
}

.main-category__item:nth-child(4) {
   -ms-grid-column: 1;
   -ms-grid-column-span: 1;
   grid-column: 1/2;
   padding-bottom: 110%;
}

.main-category__item:nth-child(5) {
   -ms-grid-column: 2;
   -ms-grid-column-span: 2;
   grid-column: 2/4;
   padding-bottom: 53%;
}

.main-category__item:nth-child(6) {
   -ms-grid-column: 4;
   -ms-grid-column-span: 1;
   grid-column: 4/5;
   padding-bottom: 110%;
}

.main-category__item:nth-child(7) {
   -ms-grid-column: 1;
   -ms-grid-column-span: 2;
   grid-column: 1/3;
   padding-bottom: 53%;
}

.main-category__item:nth-child(8) {
   -ms-grid-column: 3;
   -ms-grid-column-span: 2;
   grid-column: 3/5;
   padding-bottom: 53%;
}

.main-category__item:hover img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
   -webkit-transition: all 0.6s;
   transition: all 0.6s;
}

.main-category__item img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   z-index: -1;
   -webkit-transition: all 0.6s;
   transition: all 0.6s;
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}

.main-category__item-name {
   color: #222;
   text-align: center;
   font-family: Rubik;
   font-size: 24px;
   font-style: normal;
   font-weight: 500;
   line-height: 125%;
   margin-top: 28px;
}

.main-category__link {
   color: #000;
   font-family: Rubik;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   letter-spacing: 0.9px;
   text-transform: uppercase;
   border-radius: 70.006px;
   border: 1px solid #ce153e;
   background: rgba(206, 21, 62, 0);
   padding: 18px 40px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-category__link:hover {
   background: #ce153e;
   color: #fff;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

/*===========main-news================================*/

.main-new__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.main-new__title {
   color: #222;
   font-family: Oswald;
   font-size: 42.004px;
   font-style: normal;
   font-weight: 500;
   line-height: 119%;
   margin-bottom: 11px;
}

.main-new__subtitle {
   color: #777;
   font-family: Rubik;
   font-size: 17.501px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin-bottom: 11px;
}

.main-new__items {
   display: -ms-grid;
   display: grid;
   gap: 100px 10px;
   -ms-grid-columns: (1fr) [2];
   grid-template-columns: repeat(2, 1fr);
   margin-bottom: 120px;
}

.main-new__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
   width: 100%;
   height: 100%;
}

.main-new__item:nth-child(1) .main-new__item-image {
   width: 316px;
   height: 284px;
   top: 106px;
   left: 15%;
}

.main-new__item:nth-child(1) .main-new__item-title {
   font-size: 28px;
   max-width: 380px;
}

.main-new__item:nth-child(1) .main-new__item-texts {
   bottom: 80px;
   left: 15%;
}

.main-new__item:nth-child(2) .main-new__item-image {
   width: 630px;
   height: 606px;
   left: -60px;
}

.main-new__item:nth-child(2) .main-new__item-title {
   font-size: 46px;
}

.main-new__item:nth-child(2) .main-new__item-texts {
   top: 10px;
   left: -180px;
}

.main-new__item:nth-child(3) .main-new__item-image {
   width: 630px;
   height: 606px;
   left: 150px;
}

.main-new__item:nth-child(3) .main-new__item-title {
   font-size: 46px;
}

.main-new__item:nth-child(3) .main-new__item-texts {
   top: 10px;
}

.main-new__item:nth-child(4) .main-new__item-image {
   width: 316px;
   height: 284px;
   top: 100px;
   left: 150px;
}

.main-new__item:nth-child(4) .main-new__item-title {
   font-size: 28px;
   max-width: 337px;
}

.main-new__item:nth-child(4) .main-new__item-texts {
   bottom: 120px;
   left: 150px;
}

.main-new__item-image {
   position: relative;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
}

.main-new__item-image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.main-new__item-texts {
   position: absolute;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.main-new__item-title {
   color: #222;
   font-family: Rubik;
   margin-bottom: 22px;
   font-style: normal;
   font-weight: 700;
   line-height: 120%;
   transition: all 0.3s;
}
.main-new__item-title:hover {
   color: #ce153e;
   transition: all 0.3s;
}
.main-new__item-link {
   color: #222;
   font-family: Rubik;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   letter-spacing: 1px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   position: relative;
   padding-bottom: 4px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-new__item-link::before {
   content: '';
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 1px;
   background: #222;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-new__item-link:hover::before {
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   width: 0%;
}

.main-new__baner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.main-new__baner-image {
   position: relative;
   width: 100%;
   padding-bottom: 32%;
}

.main-new__baner-image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.main-new__baner-content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   padding: 80px 210px;
}

.main-new__baner-title {
   color: #222;
   font-family: Rubik;
   font-size: 42.004px;
   font-style: normal;
   font-weight: 500;
   line-height: 119%;
   margin-bottom: 32px;
   max-width: 970px;
}

.main-new__baner-subtitle {
   color: #777;
   font-family: Rubik;
   font-size: 16px;
   font-style: normal;
   font-weight: 300;
   margin-bottom: 28px;
   line-height: 160%;
}

.main-new__baner-subtitle-hide-btn {
   color: #000;
   font-family: Rubik;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   cursor: pointer;
   margin-left: auto;
   padding-bottom: 5px;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   margin-right: 20px;
}

.main-new__baner-subtitle-hide-btn::before {
   content: '';
   width: 0%;
   position: absolute;
   bottom: 0;
   left: 0;
   height: 1.17px;
   background: #000;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-new__baner-subtitle-hide-btn:hover::before {
   width: 100%;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-new__baner-subtitle-hide {
   display: none;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.main-new__baner-subtitle-hide h2 {
   font-weight: 700;
   font-size: 30px;
   font-family: Rubik;
   line-height: 1.2;
   color: #222;
   margin: 20px 0px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   text-align: center;
}

.main-new__baner-subtitle-hide p {
   font-family: Rubik;
   font-weight: 300;
   letter-spacing: 0;
   color: #777;
   font-size: 16px;
   line-height: 160%;
   margin-bottom: 20px;
}

.main-new__baner-subtitle-hide ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.main-new__baner-subtitle-hide ul li {
   font-family: Rubik;
   font-weight: 300;
   letter-spacing: 0;
   color: #777;
   font-size: 16px;
   line-height: 160%;
   padding-left: 20px;
   position: relative;
}

.main-new__baner-subtitle-hide ul li::before {
   content: '';
   width: 5px;
   height: 5px;
   border-radius: 3px;
   position: absolute;
   left: 0;
   top: 12px;
   background: #777;
}

.main-new__baner-link {
   color: #222;
   font-family: Rubik;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   letter-spacing: 1px;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   padding-bottom: 4px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-new__baner-link::before {
   content: '';
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 1px;
   border-bottom: 2px dashed #222;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-new__baner-link:hover::before {
   width: 0%;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

/*===========main-news================================*/

.main-news {
   background: #e8e7e9;
   padding: 85px 0px 100px;
}

.main-news__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.main-news__title {
   color: #000;
   font-family: Oswald;
   font-size: 42.004px;
   font-style: normal;
   font-weight: 500;
   line-height: 119%;
   margin-bottom: 37px;
}

.main-news__slider {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
}

.main-news__slider .slick-list.draggable {
   margin: 0px -12px;
}

.main-news__slider-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
   width: 100%;
}

.main-news__slide {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding: 12px 16px 32px;
   background: #fff;
   margin: 0px 12px;
   min-height: 100%;
}

.main-news__slide:hover .main-news__slide-name {
   text-decoration: underline;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-news__slide-image {
   position: relative;
   width: 100%;
   padding-bottom: 106%;
   margin-bottom: 32px;
}

.main-news__slide-image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.main-news__slide-cat {
   color: #ce153e;
   font-family: proximanova_bold;
   font-size: 14.001px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   letter-spacing: 1.4px;
   text-transform: uppercase;
   margin-bottom: 17px;
}

.main-news__slide-name {
   color: #222;
   font-family: Rubik;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: 138%;
   height: 75px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-news__slider-buttons {
   position: absolute;
   top: 0;
   right: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   top: -90px;
}

.main-news__slider-btn-prew {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 42px;
   height: 42px;
   border-radius: 50%;
   padding: 14px 17px;
   margin-right: 14px;
   background: #cb0935;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-news__slider-btn-prew:hover {
   opacity: 0.8;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-news__slider-btn-prew.slick-disabled {
   background: #fff;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-news__slider-btn-prew.slick-disabled path {
   stroke: #e8e7e9;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-news__slider-btn-prew svg {
   width: 100%;
   height: 100%;
}

.main-news__slider-btn-prew svg path {
   stroke: #fff;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-news__slider-btn-next {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 42px;
   height: 42px;
   border-radius: 50%;
   padding: 14px 17px;
   background: #cb0935;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-news__slider-btn-next:hover {
   opacity: 0.8;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-news__slider-btn-next.slick-disabled {
   background: #fff;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-news__slider-btn-next.slick-disabled path {
   stroke: #e8e7e9;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.main-news__slider-btn-next svg {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
   width: 100%;
   height: 100%;
}

.main-news__slider-btn-next svg path {
   stroke: #fff;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

/*===========about================================*/

.about-main {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   padding: 260px 0px 150px;
}

.about-main__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.about-main__title {
   font-size: 48px;
   letter-spacing: -1px;
   font-family: Oswald;
   font-weight: 700;
   margin-bottom: 10px;
}

.about-main__text {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   text-align: center;
   max-width: 800px;
   width: 100%;
   margin: 0 auto;
}

.about-main__text p {
   font-family: Rubik;
   line-height: 150%;
   font-size: 34px;
   font-weight: 300;
   color: #333333;
}

.about-main__text p span {
   font-weight: 700;
}

.about-main__breadcrumbs {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 0px auto 5px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-bottom: 30px;
}

.about-main__breadcrumbs a,
.about-main__breadcrumbs div {
   font-family: Rubik;
   font-weight: 300;
   letter-spacing: 0;
   color: #808080;
}

.about-main__breadcrumbs .dot {
   background: #808080;
   width: 3px;
   height: 3px;
   border-radius: 50%;
   margin: 0 6px;
}

/*===========about-second================================*/

.about-second {
   padding-bottom: 100px;
}

.about-second__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.about-second__content-left {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (50%) [2];
   grid-template-columns: repeat(2, 50%);
   margin-bottom: 150px;
}

.about-second__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   padding-right: 30px;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding-top: 30px;
}

.about-second__content-number {
   font-size: 70px;
   text-align: left;
   letter-spacing: 1px;
   font-weight: 700;
   color: #ce153e;
   margin-bottom: 60px;
   margin-top: 50px;
   font-family: Oswald;
}

.about-second__content-title {
   font-family: Oswald;
   letter-spacing: 0;
   font-size: 48px;
   margin-bottom: 110px;
   font-weight: 700;
}

.about-second__content-text {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   padding-left: 70px;
   position: relative;
}

.about-second__content-text::before {
   content: '';
   background-color: #eaeaea;
   width: 50px;
   min-width: 50px;
   height: 2px;
   position: absolute;
   left: 0;
   top: 0px;
}

.about-second__content-text p {
   line-height: 190%;
   font-family: Rubik;
   font-size: 16px;
   font-family: Rubik;
   font-weight: 300;
   letter-spacing: 0;
   color: #777;
   padding: 0px 15px;
}

.about-second__image-full {
   position: relative;
   width: 200%;
   padding-top: 49%;
   max-height: 474px;
}

.about-second__image-full img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.about-second__content-right {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (50%) [2];
   grid-template-columns: repeat(2, 50%);
   margin-bottom: 150px;
}

.about-second__image {
   position: relative;
   width: 470px;
   min-width: 470px;
   height: 100%;
   max-height: 500px;
}

.about-second__image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.about-second__content-grid {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [3];
   grid-template-columns: repeat(3, 1fr);
   gap: 30px;
   width: 100%;
}

.about-second__content-grid-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   min-height: 100%;
}

.about-second__content-grid-number {
   font-size: 70px;
   text-align: left;
   letter-spacing: 1px;
   font-weight: 700;
   color: #ce153e;
   padding-bottom: 20px;
   position: relative;
   margin-bottom: 25px;
   font-family: Oswald;
}

.about-second__content-grid-number::before {
   content: '';
   background-color: #eaeaea;
   width: 50px;
   min-width: 50px;
   height: 2px;
   position: absolute;
   left: 0;
   bottom: 0px;
}

.about-second__content-grid-title {
   font-size: 36px;
   font-family: Oswald;
   letter-spacing: 0;
   font-weight: 700;
   padding: 25px 0px;
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
}

.about-second__content-grid-text {
   color: #777777;
   font-family: Rubik;
   font-weight: 300;
   letter-spacing: 0;
   margin-bottom: 25px;
   line-height: 160%;
   font-size: 16px;
}

.about-second__content-grid-image {
   position: relative;
   width: 100%;
   padding-bottom: 54%;
}

.about-second__content-grid-image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

/*===========about-clients================================*/

.about-clients {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding-bottom: 60px;
}

.about-clients__title {
   font-size: 48px;
   text-align: center;
   font-family: Oswald;
   letter-spacing: 0;
   font-weight: 700;
   line-height: 120%;
   padding: 60px 0px;
}

.about-clients__items {
   margin-top: 60px;
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [4];
   grid-template-columns: repeat(4, 1fr);
   gap: 30px;
}

.about-clients__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
   width: 100%;
   padding-bottom: 58%;
}

.about-clients__item img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

/*===========about-catalog================================*/

.about-catalogs {
   padding-top: 60px;
}

.about-catalogs__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.about-catalogs__title {
   font-size: 48px;
   text-align: center;
   font-family: Oswald;
   letter-spacing: 0;
   font-weight: 700;
   line-height: 120%;
   padding: 60px 0px;
}

.about-catalogs__items {
   background-color: #efefef;
   padding: 10px 0px 100px;
   width: 100%;
}

.about-catalogs__items-body {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [3];
   grid-template-columns: repeat(3, 1fr);
   gap: 100px;
   margin: 0 auto;
   max-width: 1000px;
}

.about-catalogs__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
   width: 100%;
   padding-bottom: 124%;
}

.about-catalogs__item img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

/*===========footer================================*/

.footer {
   padding: 120px 0px 70px;
   border-top: 1px solid #eaeaea;
}

.footer__body {
   display: -ms-grid;
   display: grid;
   /* -ms-grid-columns: (1fr)[5]; */
   /* grid-template-columns: repeat(5, 1fr); */
   gap: 40px;
   grid-template-columns: 1fr 1fr 200px 235px 1fr;
}

.footer__column-first {
   -ms-grid-column: 1;
   -ms-grid-column-span: 2;
   grid-column: 1/3;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.footer__logo {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
   width: 124px;
   height: 100px;
}

.footer__logo img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.footer__copy-block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   grid-column: 1/5;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: start;
}

.footer__copy {
   color: #777;
   font-family: Rubik;
   font-size: 16.335px;
   font-style: normal;
   font-weight: 400;
   line-height: 160%;
}

.footer__copy a {
   color: #222;
   font-family: Rubik;
   font-size: 15.168px;
   font-style: normal;
   font-weight: 400;
   line-height: 172%;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.footer__copy a:hover {
   opacity: 0.8;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.footer__dev {
   color: #000;
   text-align: right;
   font-family: Rubik;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 200%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.footer__dev span {
   opacity: 0.5;
}

.footer__dev a {
   color: #000aff;
   text-align: right;
   font-family: Rubik;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: 194%;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   letter-spacing: -0.18px;
   margin: 3px 5px 0px;
}

.footer__dev a:hover {
   opacity: 0.6;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.footer__dev a svg {
   fill: #000aff;
   height: 14px;
   width: 67px;
}

.footer__column-second {
   -ms-grid-column: 3;
   -ms-grid-column-span: 1;
   grid-column: 3/4;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.footer__column-second-link {
   color: #222;
   font-family: Rubik;
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
   line-height: 140%;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   margin-bottom: 15px;
}

.footer__column-second-link:hover {
   opacity: 0.8;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.footer__column-second-fb {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 32px;
   height: 32px;
   border-radius: 50%;
   background: #1877f2;
   margin-top: 10px;
}

.footer__column-second-fb:hover {
   opacity: 0.8;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.footer__column-second-fb svg {
   fill: #fff;
}

.footer__column-third {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   max-width: 235px;
   width: 100%;
}

.footer__column-third-adress {
   color: #000;
   font-family: Rubik;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: 150%;
   margin-bottom: 8px;
}

.footer__column-third-link {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding: 5px 14px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   border-radius: 5px;
   margin-bottom: 11px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.footer__column-third-link:hover {
   opacity: 0.8;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.footer__column-third-link.tg {
   background: #29a9eb;
   margin-top: 10px;
}

.footer__column-third-link.tg svg {
   width: 32px;
   min-width: 32px;
   height: 32px;
   fill: #29a9eb;
   margin-right: 11px;
   background-color: #fff;
   border-radius: 50%;
}

.footer__column-third-link.vb {
   background: #6f3faa;
   margin-bottom: 16px;
}

.footer__column-third-link.vb svg {
   width: 32px;
   min-width: 32px;
   height: 32px;
   fill: #fff;
   margin-right: 11px;
}

.footer__column-third-link p {
   color: #fff;
   font-family: Rubik;
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   line-height: 13px;
}

.footer__column-third-link-phone {
   color: #222 !important;
   font-family: Rubik;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: 150%;
   white-space: nowrap;
   display: flex;
   align-items: center;
   margin-bottom: 4px;
   width: 100%;
   display: grid;
   grid-template-columns: 1fr 25px 25px;
   gap: 8px;
}
.footer__column-third-link-phone a {
   color: #222 !important;
   font-family: Rubik;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: 150%;

   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}
a.footer__column-third-link-phone:hover {
   opacity: 0.8;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}
.footer__column-third-link-phone .tg-icon {
   margin-left: auto;
}

.footer__column-third-link-phone a:hover {
   opacity: 0.8;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}
.footer__column-fourth {
   display: flex;
   width: 100%;
   height: fit-content;
   gap: 11px;
   min-width: 300px;
}
.footer__column-fourth-catalog1,
.footer__column-fourth-catalog2 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   position: relative;
   aspect-ratio: 1/1.25;
   cursor: pointer;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}

.footer__column-fourth-catalog1:hover,
.footer__column-fourth-catalog2:hover {
   -webkit-transform: scale(1.03);
   -ms-transform: scale(1.03);
   transform: scale(1.03);
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}

.footer__column-fourth-catalog1 img,
.footer__column-fourth-catalog2 img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.flipbook__close {
   display: flex;
   width: 30px;
   height: 30px;
   position: absolute;
   top: 20px;
   right: 20px;
   z-index: 1001;
   cursor: pointer;
   display: flex;
   justify-content: center;
   align-items: center;
   background: #fff;
   border-radius: 50%;
}
.flipbook__close::before,
.flipbook__close::after {
   content: '';
   width: 20px;
   height: 2px;
   background: #000;
   position: absolute;
}
.flipbook__close::before {
   transform: rotate(45deg);
   top: 14px;
   left: 5px;
}
.flipbook__close::after {
   transform: rotate(-45deg);
   top: 14px;
   left: 5px;
}
#flipbook1,
#flipbook2 {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   z-index: 1000;
}
#flipbook1 ._df_book.df-lite.df-element.df-lazy-embed.df-app,
#flipbook2 ._df_book.df-lite.df-element.df-lazy-embed.df-app {
   height: 100vh !important;
}
/*===========contact================================*/

.contact-main {
   padding: 150px 0px 100px;
}

.contact-main__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.contact-main__title {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   text-align: center;
   font-size: 48px;
   font-family: Oswald;
   letter-spacing: -1px;
   font-weight: 700;
   line-height: 120%;
   color: #222;
   margin-bottom: 50px;
}

.contact-main__map {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   padding-bottom: 30%;
   position: relative;
   margin-bottom: 30px;
}

.contact-main__map iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.contact-main__items {
   display: -ms-grid;
   display: grid;
   width: 100%;
   -ms-grid-columns: (1fr) [5];
   grid-template-columns: repeat(5, 1fr);
   gap: 20px;
}

.contact-main__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.contact-main__item span {
   font-family: Rubik;
   font-weight: 300;
   letter-spacing: 0;
   text-transform: uppercase;
   font-size: 15px;
   color: #777;
   line-height: 160%;
}

.contact-main__item p {
   font-family: Rubik;
   font-weight: 300;
   letter-spacing: 0;
   font-size: 15px;
   color: #777;
   line-height: 160%;
}

.contact-main__item a {
   font-family: Rubik;
   font-weight: 300;
   letter-spacing: 0;
   font-size: 15px;
   color: #777;
   line-height: 160%;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.contact-main__item a:hover {
   opacity: 0.8;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.contact-main__item-label {
   font-weight: 700;
   font-family: Oswald;
   line-height: 120%;
   color: #222;
   letter-spacing: 0;
   margin-bottom: 28px;
   font-size: 24px;
}

.contact-main__item-adress {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.contact-main__item-phones {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: fit-content;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}
.contact-main__item-phones {
   display: flex;
   width: 100%;
   align-items: center;
   width: fit-content;
}
.contact-main__item-phone {
   display: flex;
   width: 100%;
   align-items: center;
   gap: 6px;
   white-space: nowrap;
   display: grid;
   grid-template-columns: 1fr 18px 18px;
}
.contact-main__item-phones a img {
   width: 18px;
   height: 18px;
}
.contact-main__item-phones a {
   display: flex;
   justify-content: center;
   align-items: center;
}
.contact-main__item-phones a.tg-icon {
   margin-left: auto;
}
.contact-main__item-grafic {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.contact-main__item-email {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.contact-main__item-social {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.contact-main__social-svg {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 20px;
   height: 20px;
}

.contact-main__social-svg:hover svg {
   opacity: 0.8;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.contact-main__social-svg svg {
   width: 100%;
   height: 100%;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.contact-form__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;

   margin: 0 auto;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.contact-form__body form {
   display: -ms-grid;
   display: grid;
   width: 100%;
   max-width: 800px;
   -ms-grid-columns: (1fr) [3];
   grid-template-columns: repeat(3, 1fr);
   gap: 30px;
   position: relative;
}

.contact-form__button {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
   width: 100%;
   -ms-grid-column: 1;
   -ms-grid-column-span: 3;
   grid-column: 1/4;
}
.contact-form__button p {
   width: 100%;
   display: flex;
   flex-direction: column;
   position: relative;
}
.wpcf7-spinner {
   position: absolute !important;
   top: 100% !important;
}
.contact-form__body form #contact-submit {
   display: flex;
   width: 100%;
   font-size: 12px;
   font-weight: 700;
   color: #fff;
   padding: 10px 40px;
   background: #000;
   text-transform: uppercase;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   cursor: pointer;
   height: 50px;
}
.wpcf7-spinner {
   position: absolute;
   top: -50%;
   left: 50%;
   transform: translateX(-50%);
}
.wpcf7-response-output,
.wpcf7 form .wpcf7-response-output {
   position: absolute;
   bottom: -50px;
   left: 50%;
   transform: translateX(-50%);
   margin: 0;
   padding: 10px;
   width: 100%;
}
.contact-form__body form #contact-submit:hover {
   opacity: 0.8;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.contact-form__title {
   font-size: 48px;
   font-weight: 700;
   font-family: Oswald;
   line-height: 120%;
   color: #222;
   letter-spacing: 0;
   margin-bottom: 40px;
   max-width: 500px;
   text-align: center;
}

.contact-form__subtitle {
   font-family: Rubik;
   font-weight: 300;
   letter-spacing: 0;
   color: #777;
   font-size: 16px;
   line-height: 160%;
   max-width: 500px;
   text-align: center;
   margin-bottom: 30px;
}

.contact-form__input-block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
   -ms-flex-direction: column-reverse;
   flex-direction: column-reverse;
}
.contact-form__input-block p {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
   -ms-flex-direction: column-reverse;
   flex-direction: column-reverse;
}
.contact-form__input-block input {
   color: #222;
   border: 2px solid #eaeaea;
   padding: 15px;
   display: flex;
   width: 100%;
}

.contact-form__input-block label {
   color: #222;
   font-weight: 400;
   font-size: 16px;
   margin-bottom: 10px;
}
.contact-form__input-block p br {
   display: none;
}

.contact-form__input-block label span {
   color: #ce153e;
}

.contact-form__textarea-block,
.contact-form__textarea-block p {
   -ms-grid-column: 1;
   -ms-grid-column-span: 3;
   grid-column: 1/4;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
   -ms-flex-direction: column-reverse;
   flex-direction: column-reverse;
}
.contact-form__textarea-block p br {
   display: none;
}
.contact-form__textarea-block p label {
   margin-bottom: 10px;
}
.contact-form__textarea-block textarea {
   color: #222;
   border: 2px solid #eaeaea;
   padding: 15px;
   height: 150px;
   width: 100%;
}

.contact-form__textarea-block label {
   color: #222;
   font-weight: 400;
   font-size: 16px;
}

.contact-form__textarea-block label span {
   color: #ce153e;
}

.contact-team {
   padding: 150px 0px 100px;
}

.contact-team__body {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [3];
   grid-template-columns: repeat(3, 1fr);
   gap: 30px;
}

.contact-team__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
}

.contact-team__item-image {
   position: relative;
   width: 100%;
   padding-bottom: 100%;
}

.contact-team__item-image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.contact-team__item-name {
   font-family: Rubik;
   font-weight: 500;
   letter-spacing: 0;
   color: #777;
   font-size: 22px;
   line-height: 160%;
   margin-bottom: 5px;
   margin-top: 15px;
}

.contact-team__item-post {
   font-family: Rubik;
   font-weight: 300;
   letter-spacing: 0;
   color: #777;
   font-size: 16px;
   line-height: 160%;
   margin-bottom: 10px;
}
.contact-team__item-phone {
   display: flex;
   white-space: nowrap;
   align-items: center;
   width: fit-content;
   gap: 8px;
}
.contact-team__item-phone a {
   color: #222 !important;
   font-family: Rubik;
   font-weight: 300;
   letter-spacing: 0;
   font-size: 16px;
   line-height: 160%;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   margin-bottom: 3px;
}

.contact-team__item-phone a:hover {
   opacity: 0.8;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.contact-team__item-mail {
   color: #222;
   font-family: Rubik;
   font-weight: 300;
   letter-spacing: 0;
   font-size: 16px;
   line-height: 160%;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.contact-team__item-mail:hover {
   opacity: 0.8;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

/*===========catalog================================*/

.catalog-main {
   padding: 250px 0px 150px;
}

.catalog-main__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: 100%;
}

.catalog-main__title {
   font-size: 48px;
   font-weight: 700;
   font-family: Oswald;
   line-height: 120%;
   color: #222;
   letter-spacing: -1px;
   margin-bottom: 100px;
}

.catalog-main__items {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [4];
   grid-template-columns: repeat(4, 1fr);
   gap: 10px;
   width: 100%;
   max-width: 1160px;
}

.catalog-main__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: start;
   text-align: center;
   position: relative;
   width: 100%;
   height: 360px;
   overflow: hidden;
   border-radius: 10px;
}

.catalog-main__item:hover img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
   -webkit-transition: all 0.6s;
   transition: all 0.6s;
}

.catalog-main__item img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   z-index: -1;
   -webkit-transition: all 0.6s;
   transition: all 0.6s;
}

.catalog-main__item span {
   font-weight: 700;
   color: #222;
   display: block;
   line-height: 140%;
   font-family: Rubik;
   margin-top: 30px;
   font-size: 25px;
   padding: 0px 10px;
}

.catalog-main__item:nth-child(1) {
   -ms-grid-column: 1;
   -ms-grid-column-span: 2;
   grid-column: 1/3;
}

.catalog-main__item:nth-child(2) {
   -ms-grid-column: 3;
   -ms-grid-column-span: 1;
   grid-column: 3/4;
}

.catalog-main__item:nth-child(3) {
   -ms-grid-column: 4;
   -ms-grid-column-span: 1;
   grid-column: 4/5;
}

.catalog-main__item:nth-child(4) {
   -ms-grid-column: 1;
   -ms-grid-column-span: 1;
   grid-column: 1/2;
}

.catalog-main__item:nth-child(5) {
   -ms-grid-column: 2;
   -ms-grid-column-span: 2;
   grid-column: 2/4;
}

.catalog-main__item:nth-child(6) {
   -ms-grid-column: 4;
   -ms-grid-column-span: 1;
   grid-column: 4/5;
}

.catalog-main__item:nth-child(7) {
   -ms-grid-column: 1;
   -ms-grid-column-span: 2;
   grid-column: 1/3;
}

.catalog-main__item:nth-child(8) {
   -ms-grid-column: 3;
   -ms-grid-column-span: 2;
   grid-column: 3/5;
}

.catalog-main__item:nth-child(9) {
   -ms-grid-column: 1;
   -ms-grid-column-span: 2;
   grid-column: 1/3;
}

.catalog-main__item:nth-child(10) {
   -ms-grid-column: 3;
   -ms-grid-column-span: 1;
   grid-column: 3/4;
}

.catalog-main__item:nth-child(11) {
   -ms-grid-column: 4;
   -ms-grid-column-span: 1;
   grid-column: 4/5;
}

.catalog-main__item:nth-child(12) {
   -ms-grid-column: 1;
   -ms-grid-column-span: 1;
   grid-column: 1/2;
}

.catalog-main__item:nth-child(13) {
   -ms-grid-column: 2;
   -ms-grid-column-span: 2;
   grid-column: 2/4;
}

.catalog-main__item:nth-child(14) {
   -ms-grid-column: 4;
   -ms-grid-column-span: 1;
   grid-column: 4/5;
}

.catalog-main__item:nth-child(15) {
   -ms-grid-column: 1;
   -ms-grid-column-span: 2;
   grid-column: 1/3;
}

.catalog-main__item:nth-child(16) {
   -ms-grid-column: 3;
   -ms-grid-column-span: 2;
   grid-column: 3/5;
}

.catalog-main__item:nth-child(17) {
   -ms-grid-column: 1;
   -ms-grid-column-span: 2;
   grid-column: 1/3;
}

.catalog-main__item:nth-child(18) {
   -ms-grid-column: 3;
   -ms-grid-column-span: 1;
   grid-column: 3/4;
}

.catalog-main__item:nth-child(19) {
   -ms-grid-column: 4;
   -ms-grid-column-span: 1;
   grid-column: 4/5;
}

.catalog-main__item:nth-child(20) {
   -ms-grid-column: 1;
   -ms-grid-column-span: 1;
   grid-column: 1/2;
}

.catalog-main__item:nth-child(21) {
   -ms-grid-column: 2;
   -ms-grid-column-span: 2;
   grid-column: 2/4;
}

.catalog-main__item:nth-child(22) {
   -ms-grid-column: 4;
   -ms-grid-column-span: 1;
   grid-column: 4/5;
}

.catalog-main__item:nth-child(23) {
   -ms-grid-column: 1;
   -ms-grid-column-span: 2;
   grid-column: 1/3;
}

.catalog-main__item:nth-child(24) {
   -ms-grid-column: 3;
   -ms-grid-column-span: 2;
   grid-column: 3/5;
}
.catalog-main__item:nth-child(25) {
   -ms-grid-column: 1;
   -ms-grid-column-span: 1;
   grid-column: 1/2;
}

.catalog-main__item:nth-child(26) {
   -ms-grid-column: 2;
   -ms-grid-column-span: 2;
   grid-column: 2/4;
}

.catalog-main__item:nth-child(27) {
   -ms-grid-column: 4;
   -ms-grid-column-span: 1;
   grid-column: 4/5;
}

.catalog-main__seo-text {
   display: flex;
   width: 100%;
   max-width: 1150px;
   flex-direction: column;
   padding: 60px 0px;
   font-weight: 300;
   font-family: Rubik;
   line-height: 160%;
   color: #777;
   font-size: 16px;
}
.catalog-main__seo-text h2 {
   font-size: 30px;
   font-weight: 700;
   font-family: Oswald;
   line-height: 120%;
   color: #222;
   margin-bottom: 30px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   text-align: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}
.catalog-main__seo-text p {
   margin-bottom: 10px;
}
.catalog-main__seo-text ul li {
   padding-left: 23px;
   position: relative;
}
.catalog-main__seo-text ol li {
   padding-left: 5px;
}
.catalog-main__seo-text ul,
.catalog-main__seo-text ol {
   display: flex;
   flex-direction: column;
   gap: 5px;
   margin-bottom: 10px;
}
.catalog-main__seo-text ol {
   padding-left: 20px;
}
.catalog-main__seo-text ul li:before {
   content: '';
   width: 4px;
   height: 4px;
   border-radius: 50%;
   background: #222;
   position: absolute;
   left: 5px;
   top: 11px;
}
/*===========category================================*/
.category {
   padding: 150px 0px 20px;
}
.category__content {
   width: 100%;
}
.category__body {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [4];
   grid-template-columns: repeat(4, 1fr);
   gap: 40px;
}
.category__body.flex {
   display: flex;
   width: 100%;
}
.category__filters {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   padding-right: 100px;
}
.category__filters-close {
   display: none;
}
.category__filters-apply {
   display: none;
}
.category__filters-subcategory {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.category__filters-subcategory-title {
   font-size: 18px;
   margin-bottom: 10px;
   font-weight: 400;
   font-family: Rubik;
   line-height: 160%;
}

.category__filters-subcategory-items {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   margin-bottom: 45px;
}

.category__filters-subcategory-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin-bottom: 8px;
}

.category__filters-subcategory-item a {
   color: #999;
   font-size: 16px;
   font-family: Rubik;
   font-weight: 300;
   letter-spacing: 0px;
   padding-bottom: 5px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   position: relative;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.category__filters-subcategory-item a::before {
   content: '';
   height: 1px;
   background: #000;
   width: 0;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   position: absolute;
   bottom: 0;
   left: 0;
}

.category__filters-subcategory-item:hover a {
   color: #000;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.category__filters-subcategory-item:hover a::before {
   width: 100%;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.category__filters-subcategory-item:hover span {
   color: #000;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.category__filters-subcategory-item span {
   color: #999;
   font-size: 15px;
   font-family: Rubik;
   font-weight: 300;
   letter-spacing: 0px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.category__filters-wrap {
   margin-bottom: 20px;
}
.category__filters-wrap-items,
.filter-items {
   display: flex;
   flex-direction: column;
   max-height: 290px;
   overflow: auto;
}
.price-wrap .category__filters-wrap-items {
   overflow: hidden;
   flex-direction: column-reverse;
   max-height: none;
   padding: 0px 20px 10px;
}
.price-range {
   display: flex;
   color: #777;
   font-family: Rubik;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 110%;
   margin-bottom: 20px;
   margin-left: 10px;
}
#set-price-range {
   display: flex;
   margin: 0 auto;
   width: fit-content;
   justify-content: center;
   text-align: center;
   color: #000;
   align-items: center;
   padding: 7px 15px;
   background: #d8d8d8;
   margin-top: 30px;
   transition: all 0.3s;
}
#set-price-range:hover {
   color: #fff;
   background: #cb0935;
   transition: all 0.3s;
}
.noUi-connect {
   background: #cb0935 !important;
}
.irs-handle {
   width: 34px !important;
   height: 30px !important;
   border: 1px solid #d9d9d9 !important;
   border-radius: 3px !important;
   box-shadow:
      inset 0 0 1px #fff,
      inset 0 1px 7px #ebebeb,
      0 3px 6px -3px #bbb !important;
}
.irs-handle:after,
.irs-handle:before {
   content: '';
   display: block;
   position: absolute;
   height: 14px;
   width: 1px;
   background: #e8e7e6;
   left: 14px;
   top: 6px;
}
.irs-handle:after {
   left: 17px;
}
.irs-bar {
   background: #cb0935 !important;
   height: 18px !important;
}
.irs--round .irs-line {
   top: 41px !important;
}
.irs-min,
.irs-max {
   display: none;
}
.irs-from,
.irs-to {
   display: flex !important;
   color: #777 !important;
   font-family: Rubik !important;
   font-size: 16px !important;
   font-style: normal !important;
   font-weight: 400 !important;
   line-height: 110% !important;
   margin-bottom: 30px !important;
   background: none !important;
}
.price-slider .irs-from:before,
.price-slider .irs-to:before {
   display: none !important;
}
.yith-wcan-filters .yith-wcan-filter .price-slider .irs-handle {
   top: 30.5px !important;
}
.blockUI.blockOverlay {
   position: fixed !important;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   background: rgba(119, 119, 119, 0.5058823529) !important;
}

.filter::after {
   content: '';
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   background: rgba(119, 119, 119, 0.5058823529);
   z-index: 100;
}

.blockUI.blockOverlay::before {
   content: '';
   position: fixed;
   top: 50%;
   left: 50%;
   width: 150px;
   height: 150px;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   border: 3px solid transparent;
   border-top: 3px solid red;
   border-bottom: 3px solid red;
   border-radius: 50%;
   z-index: 10;
   -webkit-animation: spin 1800ms linear infinite;
   animation: spin 1800ms linear infinite;
   z-index: 101;
}

@-webkit-keyframes spin {
   from {
      -webkit-transform: translate(-50%, -50%) rotate(0deg);
      transform: translate(-50%, -50%) rotate(0deg);
   }

   to {
      -webkit-transform: translate(-50%, -50%) rotate(360deg);
      transform: translate(-50%, -50%) rotate(360deg);
   }
}

@keyframes spin {
   from {
      -webkit-transform: translate(-50%, -50%) rotate(0deg);
      transform: translate(-50%, -50%) rotate(0deg);
   }

   to {
      -webkit-transform: translate(-50%, -50%) rotate(360deg);
      transform: translate(-50%, -50%) rotate(360deg);
   }
}

.no-items-message {
   color: #777;
   font-family: Rubik;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 110%;
   margin: 0 auto;
   grid-column: 1/5;
   text-align: center;
   display: none;
}
.noUi-handle,
.irs-handle {
   cursor: pointer !important;
   background: #d8d8d8 !important;
}
.category__filters-wrap-items::-webkit-scrollbar,
.filter-items::-webkit-scrollbar {
   width: 0px;
   transition: all 0.3s;
}
.category__filters-wrap-items:hover::-webkit-scrollbar,
.filter-items:hover::-webkit-scrollbar {
   width: 4px;
   transition: all 0.3s;
}
.category__filters-wrap-items::-webkit-scrollbar-thumb,
.filter-items::-webkit-scrollbar-thumb {
   background-color: red;
}

.category__filters-title,
.filter-title {
   font-weight: 700;
   line-height: 120%;
   color: #222;
   font-size: 18px;
   font-family: Rubik;
   letter-spacing: 0px;
   margin-bottom: 20px;
}

.category__filters-checkbox-block,
.filter-item.checkbox {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-bottom: 1px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-bottom: 5px !important;
}

.category__filters-checkbox-block span {
   margin-left: 5px;
}

.category__filters-checkbox-block input,
.filter-item input {
   position: absolute;
   z-index: -1;
   opacity: 0;
}

.category__filters-checkbox-block input + label,
.filter-item label a {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   cursor: pointer;
   color: #777 !important;
   font-family: Rubik;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 110%;
}

.category__filters-checkbox-block input + label::before,
.filter-item input + a::before {
   content: '';
   display: inline-block;
   width: 20px;
   height: 20px;
   height: px;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   -webkit-box-flex: 0;
   -ms-flex-positive: 0;
   flex-grow: 0;
   border-radius: 6px;
   background-color: #d8d8d8;
   margin-right: 10px;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 50% 50%;
}

.category__filters-checkbox-block input:checked + label::before,
.filter-item input:checked + a::before {
   background: #cb0935;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M11.6668 3.5L5.25016 9.91667L2.3335 7' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.category__fiters-clear {
   font-family: Rubik;
   font-size: 12px;
   color: #fff;
   text-align: center;
   line-height: 48px;
   padding: 0 40px;
   background-color: #222;
   text-transform: uppercase;
   letter-spacing: 0.75px;
   font-weight: 400;
   height: 52px;
   line-height: 100%;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}
.filters-container button {
   font-family: Rubik;
   font-size: 12px;
   color: #fff;
   text-align: center;
   line-height: 48px;
   padding: 0 40px;
   background-color: #222;
   text-transform: uppercase;
   letter-spacing: 0.75px;
   font-weight: 400;
   height: 52px;
   line-height: 100%;

   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}
.yith-wcan-filters .yith-wcan-filter.filter-price-slider {
   margin-bottom: 50px;
}
.category__fiters-clear.show {
   opacity: 1;
   visibility: visible;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.category__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-grid-column: 2;
   -ms-grid-column-span: 3;
   grid-column: 2/5;
}

.category__content-banner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   position: relative;
   margin-bottom: 35px;
}

.category__content-banner-image {
   width: 100%;
   padding-bottom: 30%;
   position: relative;
   z-index: -1;
}

.category__content-banner-image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.category__content-banner-content {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.category__content-banner-content .about-main__breadcrumbs a,
.category__content-banner-content .about-main__breadcrumbs div {
   color: #fff;
}

.category__content-banner-content .about-main__breadcrumbs .dot {
   background: #fff;
}

.category__content-banner-title {
   font-size: 48px;
   color: #fff;
   letter-spacing: -1px;
   font-family: Rubik;
   margin-bottom: 20px;
   font-weight: 700;
   line-height: 120%;
   text-align: center;
}

.category__content-info {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   /* padding-right: 40px; */
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.category__content-info-quantity {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.category__content-info-quantity-number {
   color: #222;
   font-weight: 700;
   font-size: 16px;
   font-family: Rubik;
   margin-right: 5px;
}

.category__content-info-quantity-text {
   color: #222;
   font-weight: 300;
   font-size: 16px;
   font-family: Rubik;
}

.category__content-info-sort {
   margin-left: auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.category__content-info-sort span {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   color: #222;
   font-weight: 600;
   font-family: Rubik;
   white-space: nowrap;
   margin-right: 15px;
}
.single-main__tech {
   display: flex;
   width: 100%;
   margin-bottom: 30px;
   padding-right: 50px;
}

.yith-wcan-filter.filter-orderby.no-title {
   margin: 0 !important;
}
.yith-wcan-filters.no-title.enhanced {
   margin: 0 !important;
}
.single-main__colors .category__content-info-select {
   border: 1px solid #000;
   width: 100%;
   height: 48px;
}
.single-main__colors .category__content-info-select span {
   display: flex;
   padding: 10px;
   align-items: center;
   height: 100%;
   width: 100%;
}
.single-main__colors .category__content-info-select::before {
   top: 15px;
   right: 5px;
}
.single-main__colors .category__content-info-select-list {
   left: 0;
   width: 100%;
   max-height: 300px;
   overflow-y: auto;
   overflow-x: hidden;
}
.single-main__colors {
   display: flex;
   width: 100%;
   flex-direction: column;
}

.single-main__logotype {
   display: flex;
   width: 100%;
   flex-direction: column;
   margin-bottom: 40px;
   padding-right: 50px;
   z-index: 55;
}
.single-main__logotype-info-select {
   border: 1px solid #000;
   width: 100%;
   height: 48px;
   position: relative;
   cursor: pointer;
}
.single-main__logotype-info-select span {
   display: flex;
   padding: 10px;
   align-items: center;
   height: 100%;
   width: 100%;
}
.single-main__logotype p {
   color: #000;
   font-family: Rubik;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin-bottom: 8px;
}

.single-main__logotype-info-select-list {
   left: 0;
   width: 100%;
   max-height: 300px;
   overflow-y: auto;
   overflow-x: hidden;
   position: absolute;
   right: 10px;
   top: 100%;
   margin-top: 10px;
   z-index: 5;
   border: 1px solid #e5e5e5;
   background: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   display: none;
}
.single-main__logotype-info-select-list li {
   color: #222;
   font-weight: 400;
   font-family: Rubik;
   white-space: nowrap;
   margin-right: 15px;
   padding: 15px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   cursor: pointer;
}
.single-main__logotype-info-select-list li:hover {
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   background: #e8f4f5;
}
.single-main__logotype-info-select::before {
   font-family: ElegantIcons;
   content: '3';
   position: absolute;
   top: 15px;
   right: 5px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.single-main__logotype-info-select.active::before {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.single-main__size {
   display: flex;
   width: 100%;
   flex-direction: column;
   margin-bottom: 30px;
   padding-right: 50px;
   z-index: 59;
}
.single-main__size-info-select {
   border: 1px solid #000;
   width: 100%;
   height: 48px;
   position: relative;
   cursor: pointer;
}
.single-main__size-info-select span {
   display: flex;
   padding: 10px;
   align-items: center;
   height: 100%;
   width: 100%;
}
.single-main__size p {
   color: #000;
   font-family: Rubik;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin-bottom: 8px;
}
.single-main__size-info-select-list {
   left: 0;
   width: 100%;
   max-height: 300px;
   overflow-y: auto;
   overflow-x: hidden;
   position: absolute;
   right: 10px;
   top: 100%;
   margin-top: 10px;
   z-index: 5;
   border: 1px solid #e5e5e5;
   background: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   display: none;
}
.single-main__size-info-select-list li {
   color: #222;
   font-weight: 400;
   font-family: Rubik;
   white-space: nowrap;
   margin-right: 15px;
   padding: 15px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   cursor: pointer;
}
.single-main__size-info-select-list li:hover {
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   background: #e8f4f5;
}
.single-main__size-info-select::before {
   font-family: ElegantIcons;
   content: '3';
   position: absolute;
   top: 15px;
   right: 5px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.single-main__size-info-select.active::before {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.yith-wcan-filter.filter-orderby.no-title .filter-content {
   width: 100%;
}
.yith-wcan-filter.filter-orderby {
   border: none;
}
.category__content-info-select,
.filter-order-by.filter-dropdown {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   position: relative;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   z-index: 50;
   min-width: 200px;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}
.category__filters .yith-wcan-filter.filter-orderby.no-title {
   display: none !important;
}
.dropdown-wrapper.open {
   display: flex !important;
}
.category__content-info-sort .yith-wcan-filter {
   display: none !important;
}
.category__content-info-sort .yith-wcan-filter.filter-orderby.no-title {
   display: flex !important;
}
.category__content-info-sort .btn.btn-primary {
   display: none !important;
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown {
   border: none;
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown.open {
   box-shadow: none;
   border-color: inherit;
   height: 100%;
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown.closed:after,
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown:not(.opened):after,
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown:not(.open):after {
   display: none !important;
}
.category__content-info-select::before {
   font-family: ElegantIcons;
   content: '3';
   position: absolute;
   top: 0;
   right: 0;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.category__content-info-select.active::before {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.category__content-info-select span,
.dropdown-label {
   font-weight: 400;
}

.category__content-info-selected-option {
   cursor: pointer;
}
.category__content-info-selected-option img {
   display: none;
}

.category__content-info-select-list {
   position: absolute;
   right: 10px;
   top: 100%;
   margin-top: 10px;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   z-index: 2;
   display: none;
   border: 1px solid #e5e5e5;
   background: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   display: none;
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown.open .dropdown-wrapper {
   width: fit-content;
   z-index: 50;

   border: 1px solid #e5e5e5;
   background: #fff;

   box-shadow: none;

   padding: 15px 10px;
   position: absolute;
   top: 100%;
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown.open .dropdown-wrapper ul {
   display: flex !important;
   flex-direction: column !important;
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown.open .dropdown-wrapper ul li {
   color: #222;
   font-family: Rubik;
   font-size: 14px;
   font-style: normal;
   font-weight: 300;
   line-height: 116%;
   display: flex !important;
   margin-bottom: 15px;
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown.open .dropdown-wrapper ul li:last-child {
   margin: 0;
}
.yith-wcan-filter.filter-orderby.no-title .filter-content {
   display: flex;
   flex-direction: column;
}
.yith-wcan-filters .yith-wcan-filter .filter-items li {
   color: #222;
   font-family: Rubik;
   font-size: 14px;
   font-style: normal;
   font-weight: 300;
   line-height: 116%;
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown .dropdown-wrapper .matching-items {
   max-height: 100%;
}

.category__content-info-select-list li {
   color: #222;
   font-weight: 400;
   font-family: Rubik;
   white-space: nowrap;
   margin-right: 15px;
   padding: 15px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   cursor: pointer;
}
.category__content-info-select-list li img {
   display: none;
}
.category__content-info-select-list li:last-child {
   margin-bottom: 0;
}

.category__content-info-select-list li:hover {
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   background: #e8f4f5;
}

.category__content-info-look-filter {
   cursor: pointer;
   display: none;
   align-items: center;
   justify-content: center;
}
.category__content-info-look-filter span {
   color: #222;
   font-family: Rubik;
   font-size: 16px;
   font-style: normal;
   font-weight: 300;
   line-height: 116%;
   margin-left: 3px;
}

.category__content-items {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [4];
   grid-template-columns: repeat(4, 1fr);
   gap: 30px;
   padding: 100px 0px;
}
.category__body.flex .category__content-items {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [5];
   grid-template-columns: repeat(5, 1fr);
   gap: 30px;
   padding: 100px 0px;
}

/*===========dostavka================================*/

.dostavka {
   display: flex;
   flex-direction: column;
   padding: 140px 0px 100px;
}
.dostavka__container {
   max-width: 1000px;
}
.dostavka__body {
   display: flex;
   flex-direction: column;
}

.dostavka__body p {
   color: #777;
   font-size: 16px;
   font-weight: 300;
   font-family: Rubik;
   line-height: 160%;
   margin-bottom: 20px;
}
.dostavka__body strong {
   font-weight: 500;
}
.dostavka__title {
   font-size: 48px;
   font-weight: 700;
   font-family: Rubik;
   text-align: center;
   display: flex;
   margin: 0 auto 50px;
   max-width: 700px;
}
.dostavka__body h2 {
   font-size: 30px;
   line-height: 120%;
   color: #222;
   font-weight: 700;
   margin-bottom: 20px;
}
.dostavka__body ul {
   display: flex;
   flex-direction: column;
   gap: 10px;
   margin-bottom: 20px;
}
.dostavka__body ul li {
   color: #777;
   font-size: 16px;
   font-weight: 300;
   font-family: Rubik;
   line-height: 160%;
   padding-left: 25px;
   position: relative;
}
.dostavka__body ul li:before {
   content: '';
   width: 4px;
   height: 4px;
   aspect-ratio: 1/1;

   border-radius: 50%;
   background: #777;
   position: absolute;
   display: flex;
   top: 11px;
   left: 12px;
}
@media (max-width: 767px) {
   .dostavka {
      padding: 140px 0px 40px;
   }
   .dostavka__title {
      font-size: 32px;
      margin-bottom: 30px;
   }
   .dostavka__body h2 {
      font-size: 24px;
   }
}
/*===========load more================================*/

.load-more-wrapper {
   display: flex;
   width: 100%;
   height: fit-content;
   justify-content: center;
   align-items: center;
}
.load-more-wrapper button {
   display: flex;
   width: fit-content;
   background: transparent;
   border: 0px solid transparent;
   gap: 10px;
   white-space: nowrap;
   align-items: center;
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 120%;
   color: #222;
}
.load-more-wrapper button:hover img {
   transform: rotate(50deg);
   transition: all 0.5s;
}
.load-more-wrapper button img {
   width: 25px;
   height: 25px;
   display: flex;
   transition: all 0.5s;
}
@keyframes spin {
   0% {
      transform: rotate(0deg);
   }
   100% {
      transform: rotate(360deg);
   }
}

/* Класс для вращения */
.load-more-icon.loading {
   animation: spin 1s linear infinite;
}
@media (max-width: 767px) {
   .load-more-wrapper {
      padding-top: 40px;
   }
   .category__content .pagination {
      padding-top: 20px !important;
   }
}
/*===========================================*/

.category__content .pagination {
   grid-column: 1/5;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 30px 0px 60px;
}

.pagination a {
   background: transparent;
   border: none;
   font-weight: 600;
   padding: 7px 5px;
   color: #000;
   font-family: Rubik;
   font-size: 16px;
   border-bottom: 1px solid transparent !important;
   margin: 0px 2px;
}
.pagination .current {
   background: transparent;
   border: none;
   font-weight: 600;
   padding: 7px 5px;
   color: #000;
   font-family: Rubik;
   font-size: 16px;
   border-bottom: 1px solid #000;
   margin: 0px 2px;
}
.pagination button {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 40px;
   height: 40px;
   border: 1px solid #bbb;
   border-radius: 50%;
   background: transparent;
   margin: 0px 20px;
}
.pagination button:disabled {
   display: none;
}
.page-number.active {
   border-bottom: 1px solid #000 !important;
}

.pagination .next-button::before {
   font-family: Linearicons;
   content: '\e93c';
   font-size: 16px;
   color: #bbb;
}

.pagination .next-button:hover {
   border-color: #000;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.pagination .next-button:hover::before {
   color: #000;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}
.pagination .prev-button::before {
   font-family: Linearicons;
   content: '\e93b';
   font-size: 16px;
   color: #bbb;
}

.pagination .prev-button:hover {
   border-color: #000;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.pagination .prev-button:hover::before {
   color: #000;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.category__content-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   position: relative;
   padding-left: 10px;
}
.category__content-item-link-tab {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 1;
}
.category__content-item-tag {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   color: #fff;
   font-size: 17px;
   font-weight: 500;
   text-align: center;
   display: flex;
   position: absolute;
   background-color: #61a13b;
   z-index: 2;
   top: 20px;
   left: 35px;
   height: 30px;
   line-height: 30px;
   border-radius: 3px;
   padding: 0 10px;
}

.category__content-item-image {
   position: relative;
   width: 100%;
   aspect-ratio: 1/1;
   padding-bottom: 100%;
   z-index: -1;
   max-width: 275px;
   margin-bottom: 10px;
}
.category__content-item:hover .category__content-item-image {
   opacity: 0.8;
   transition: all 0.3s;
}

.category__content-item-image img {
   position: absolute;
   top: 0%;
   right: 0%;
   width: 100%;
   max-width: 300px;
   /* transform: translateY(-50%); */
   height: 100%;
   /* transition: all 0.3s; */

   -o-object-fit: contain;
   object-fit: contain;
}
.category__content-item-image img {
   z-index: -1;
   opacity: 0;
   /* transition: all 0.3s; */
}
.category__content-item-image img:first-child {
   z-index: 1;
   opacity: 1;
}

.category__content-item-image img.active {
   z-index: 3;
   opacity: 1;
   /* transition: all 0.3s;  */
}

.category__content-item-colors {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   position: absolute;
   top: 20px;
   left: 0;
   max-height: 160px;
   overflow-y: auto;
   padding: 5px;
   z-index: 3;
}

.category__content-item-colors::-webkit-scrollbar {
   width: 2px;
   height: 0;
   border: 1px solid rgba(119, 119, 119, 0.231372549);
}

.category__content-item-colors::-webkit-scrollbar-thumb {
   background: red;
}

.category__content-item-color {
   width: 20px;
   min-width: 20px;
   min-height: 20px;
   height: 20px;
   border-radius: 50%;
   margin: 5px 0px;
   position: relative;
   border: 1px solid transparent;
   cursor: pointer;
   display: flex;
   flex-direction: column;
}

.category__content-item-color:hover::before {
   border-color: #777777;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.category__content-item-color::before {
   content: '';
   width: 30px;
   min-width: 30px;
   min-height: 30px;
   height: 30px;
   position: absolute;
   top: 50%;
   border: 1px solid transparent;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   border-radius: 50%;
   border: 1px solid transparent;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.category__content-item-name {
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 120%;
   color: #222;
   transition: all 0.3s;
   position: relative;
   z-index: 3;
}
.category__content-item-name:hover {
   text-decoration: underline;
   transition: all 0.3s;
}
.category__content-item-name:hover .category__content-item-image {
   opacity: 1;
   transition: all 0.3s;
}
.category__content-text {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   font-weight: 300;
   font-family: Rubik;
   line-height: 160%;
   color: #777;
   font-size: 16px;
   padding-left: 15px;
}
.category__content-text div {
   font-weight: 300;
   font-family: Rubik;
   line-height: 160%;
   color: #777;
   font-size: 16px;
   padding-left: 15px;
   margin-bottom: 20px;
}
.category__content-text h2 {
   font-size: 30px;
   font-weight: 700;
   font-family: Oswald;
   line-height: 120%;
   color: #222;
   margin-bottom: 30px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   text-align: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.category__content-text h3 {
   font-size: 24px;
   font-weight: 700;
   font-family: Oswald;
   line-height: 120%;
   color: #222;
   margin-bottom: 30px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   text-align: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.category__content-text p {
   margin-bottom: 30px;
   font-weight: 300;
   font-family: Rubik;
   line-height: 160%;
   color: #777;
   font-size: 16px;
}

.category__content-text ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   margin-bottom: 30px;
   padding-left: 40px;
}

.category__content-text ul li {
   font-weight: 300;
   font-family: Rubik;
   line-height: 160%;
   color: #777;
   font-size: 16px;
   padding-left: 15px;
   margin-bottom: 5px;
   position: relative;
}

.category__content-text ul li::before {
   position: absolute;
   content: '';
   width: 5px;
   height: 5px;
   border-radius: 50%;
   background: #777;
   left: 0;
   top: 12px;
}

/*===========single-main================================*/

.single-main {
   padding: 140px 0px 0px 0px;
}

.single-main__body {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 1fr 1fr;
   grid-template-columns: 1fr 1fr;
   gap: 40px;
   width: 100%;
}

.single-main__left {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   max-width: 600px;
   max-height: 500px;
}

.single-main__slider-for {
   width: 100%;
   height: 100%;
}
.single-main__slider-for .swiper-pagination {
   display: none !important;
}
.single-main__slider-for .swiper-slide {
   position: relative;
   aspect-ratio: 1/0.8;
   overflow: hidden;
}

.single-main__slider-for .swiper-slide img {
   position: absolute;
   top: 0;
   left: 0;
   left: 50%;
   /* transform: translate(-50%); */
   transform: translateX(-50%);
   /* width: 100%; */
   /* aspect-ratio: 1/1; */
   height: 100%;
   /* -o-object-fit: cover;
     object-fit: cover; */
}

.single-main__slider-nav {
   width: 100%;
   max-width: 100px;
   height: 100%;
}
.single-main__slider-nav .swiper-slide {
   position: relative;
   width: 100%;
   max-width: 75px;
   aspect-ratio: 1/1;
   overflow: hidden;
   cursor: poiunter;
   transition: all 0.3s;
   border: 1px solid #e8e5e500;
   cursor: pointer;
}
.single-main__slider-nav .swiper-slide.swiper-slide-thumb-active {
   border: 1px solid #e8e5e5;
   border-radius: 10px;
   transition: all 0.3s;
}
.single-main__slider-nav .swiper-slide.swiper-slide-thumb-active img {
   transform: scale(1.1);
   transition: all 0.3s;
}
.single-main__slider-nav .swiper-slide img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: all 0.3s;
}
.single-main__slider-nav-wrapper {
   display: flex;
   flex-direction: column;
   height: 100%;
   position: relative;
}
.single-main__slider-nav-wrapper .swiper-button-prev {
   font-size: 0;
   width: 20px;
   height: 20px;
   background: transparent;

   position: absolute;
   left: 50%;
   top: 0px;
   transform: translateX(-50%);
   z-index: 3;
   display: flex;
   justify-content: center;
   align-items: center;
   opacity: 0 !important;
   transition: all 0.5s;
}
.single-main__slider-nav-wrapper:hover .swiper-button-prev {
   opacity: 1 !important;
   top: 5px;
   transition: all 0.5s;
}
.single-main__slider-nav-wrapper .swiper-button-next {
   font-size: 0;
   width: 20px;
   height: 20px;
   background: transparent;

   position: absolute;
   left: 50%;
   top: 100%;
   transform: translate(-50%, 30px);
   z-index: 3;
   display: flex;
   justify-content: center;
   align-items: center;
   opacity: 0;

   transition: all 0.5s;
}
.single-main__slider-nav-wrapper .swiper-button-disabled {
   opacity: 0 !important;
}
.single-main__slider-nav-wrapper:hover .swiper-button-next {
   opacity: 1;
   transform: translate(-50%, 25px);
   transition: all 0.5s;
}
.single-main__slider-nav-wrapper .swiper-button-prev::before {
   content: '';
   background: #777;
   position: absolute;
   width: 15px;
   height: 1px;
   top: 7px;
   right: 8px;
   transform: rotate(-45deg);
}
.single-main__slider-nav-wrapper .swiper-button-prev::after {
   content: '';
   background: #777;
   position: absolute;
   width: 15px;
   height: 1px;
   top: 7px;
   left: 8px;
   transform: rotate(45deg);
}
.single-main__slider-nav-wrapper .swiper-button-next::before {
   content: '';
   background: #777;
   position: absolute;
   width: 15px;
   height: 1px;
   top: 7px;
   right: 8px;
   transform: rotate(45deg);
}
.single-main__slider-nav-wrapper .swiper-button-next::after {
   content: '';
   background: #777;
   position: absolute;
   width: 15px;
   height: 1px;
   top: 7px;
   left: 8px;
   transform: rotate(-45deg);
}
.single-main__slider-nav .slick-list.draggable {
   width: 100px;
}

.single-main__slider-nav .slick-list.draggable .slick-track {
   width: 90px !important;
   display: flex;
   flex-direction: column;
}

.single-main__slider-nav .slick-list.draggable .slick-track .single-main__image {
   margin: 10px;
   cursor: pointer;
   width: 80px !important;
}

.single-main__right {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   padding-top: 30px;
   padding-left: 100px;
   max-width: 600px;
}

.single-main__right-top {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   border-bottom: 1px solid #eaeaea;
}

.single-main__title {
   font-size: 30px;
   color: #222;
   margin-bottom: 10px;
   font-weight: 700;
   line-height: 120%;
   font-family: Rubik;
}

.single-main__sku {
   font-size: 15px;
   color: #999;
   font-weight: 400;
   letter-spacing: 0px;
   font-family: Rubik;
   margin-bottom: 20px;
}

.single-main__price-block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-bottom: 30px;
}
.single-main__inform-block {
   display: flex;
   flex-direction: column;
   border: 1px dashed #000;
   padding: 17px 20px;
   border-radius: 10px;
   background: #faf4f4;
   margin-bottom: 20px;
   /* max-width: 450px; */
   margin-right: 50px;
}
.single-main__inform-block-title {
   font-family: Rubik;
   font-size: 16px;
   font-weight: 700;
   line-height: 125%;
   color: #bd2e42;
}
.single-main__inform-block-text {
   font-family: Rubik;
   font-size: 16px;
   font-weight: 400;
   line-height: 125%;
   display: flex;
   flex-direction: column;
   gap: 10px;
}
.single-main__inform-block-text p {
   display: inline;
}
.single-main__inform-block-text p span {
   font-weight: 700;
   color: #bd2e42;
}
.single-main__price {
   color: #ce153e;
   font-size: 18px;
   font-weight: 400;
   font-family: Rubik;
   margin-right: 10px;
}

.single-main__inform {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 15px;
   height: 15px;
   position: relative;
}

.single-main__inform:hover span {
   opacity: 1;
   visibility: visible;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.single-main__inform img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   cursor: pointer;
}

.single-main__inform span {
   position: absolute;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 120px;
   top: -140px;
   left: -45px;
   background-color: #f6f7fa;
   color: #212121;
   font-weight: 300;
   font-size: 14px;
   text-align: center;
   border-radius: 6px;
   line-height: 160%;
   padding: 10px;
   opacity: 0;
   visibility: hidden;
   font-family: Rubik;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.single-main__description {
   line-height: 1.8;
   font-family: Rubik;
   font-weight: 300;
   letter-spacing: 0px;
   color: #777;
   font-size: 16px;
   margin-bottom: 30px;
}

.single-main__buttons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.single-main__button {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   font-size: 15px;
   font-weight: 400;
   color: #fff;
   padding: 10px 20px;
   background: #ce153e;
   cursor: pointer;
   height: 52px;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-bottom: 30px;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}

.single-main__button:hover {
   background: #000;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}

.single-main__button-add {
   margin-left: 10px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 70px;
   height: 70px;
   border-radius: 50%;
   position: relative;
   cursor: pointer;
}

.single-main__button-add:hover svg {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}

.single-main__button-add svg {
   width: 100%;
   height: 100%;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}

.single-main__right-bottom {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   padding-top: 30px;
}

.single-main__right-cat {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 14px;
   font-weight: 600;
   color: #222;
   margin-bottom: 20px;
}

.single-main__right-cat span a {
   color: #999;
   margin-left: 5px;
}

.single-main__right-socials {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.single-main__right-socials a.icon-fb {
   position: relative;
   width: 20px;
   height: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-right: 10px;
}

.single-main__right-socials a.icon-fb:hover::before {
   color: red;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.single-main__right-socials a.icon-fb::before {
   font-family: ionicons;
   content: '\f231';
   font-size: 22px;
   color: #000;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.single-main__right-socials a.icon-x {
   position: relative;
   width: 20px;
   height: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-right: 10px;
}

.single-main__right-socials a.icon-x:hover::before {
   color: red;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.single-main__right-socials a.icon-x::before {
   font-family: ionicons;
   content: '\f243';
   font-size: 22px;
   color: #000;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.single-main__right-socials a.icon-pint {
   position: relative;
   width: 20px;
   height: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.single-main__right-socials a.icon-pint:hover::before {
   color: red;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.single-main__right-socials a.icon-pint::before {
   font-family: ionicons;
   content: '\f2b1';
   font-size: 22px;
   color: #000;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

/*===========single-colors================================*/

.single-colors__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
   /* padding-bottom: 50px; */
}

.single-colors__title {
   font-size: 24px;
   color: #212121;
   font-weight: 300;
   line-height: 160%;
   font-family: Rubik;
   margin-bottom: 7px;
}

.single-colors__items {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-wrap: wrap;
}

.single-colors__item {
   width: 72px;
   height: 72px;
   position: relative;
   justify-content: end;
   display: flex;
   margin-right: 15px;
   margin-bottom: 15px;
   border: 1px solid #e8e5e5;
   cursor: pointer;
   transform: scale(1);
}
.single-colors__item:hover {
   transform: scale(2);
   /* left: 50%; */
   transition: all 0.5s;
   z-index: 3;
   padding-bottom: 40px;
}
.single-colors__item:hover p {
   opacity: 1;
   visibility: visible;
}

.single-colors__item img {
   position: absolute;
   transition: all 0.5s;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}
.single-colors__item p {
   display: flex;
   width: 103%;
   padding: 5px;
   justify-content: center;
   top: 100%;
   left: -1px;
   font-size: 8px;
   align-items: center;
   text-align: center;
   position: absolute;
   z-index: 3;
   opacity: 0;
   visibility: hidden;
   background: #fff;
   border-left: 1px solid #e8e5e5;
   border-right: 1px solid #e8e5e5;
   border-bottom: 1px solid #e8e5e5;
}
/*===========image-popup================================*/

.image-popup {
   position: fixed;
   display: none;
   justify-content: center;
   align-items: center;
   width: 100vw;
   height: 100vh;
   top: 0;
   left: 0;
   background: #000000c2;
   z-index: 100;
   overflow: auto;
}

.image-popup__body {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   max-width: 600px;
   height: fit-content;
   padding-top: 40px;
   margin: 0px auto;
   position: relative;
}
.image-popup__close {
   width: 20px;
   height: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   right: 0;
   top: 10px;

   cursor: pointer;
}
.image-popup__close::before {
   content: '';
   width: 100%;
   height: 2px;
   background: #fff;
   transform: rotate(45deg);
   position: absolute;
   top: 8px;
   left: 0;
}
.image-popup__close::after {
   content: '';
   width: 100%;
   height: 2px;
   background: #fff;
   transform: rotate(-45deg);
   position: absolute;
   top: 8px;
   left: 0;
}
.image-popup__image {
   position: relative;
   width: 100%;

   aspect-ratio: 1/1;
}
.image-popup__image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.image-popup__bottom {
   display: flex;
   width: 100%;
}
.image-popup__title {
   font-size: 15px;
   width: fit-content;
   padding: 10px 5px 5px;
   text-align: center;

   display: flex;
   padding-right: 10px;
   color: #fff;
}
.image-popup__sku {
   font-size: 15px;
   width: fit-content;
   padding: 10px 0px 0px;
   text-align: center;
   text-transform: uppercase;
   display: flex;
   color: #ffffff;
}

/*===========dingle-descr================================*/
.single-descr {
   padding-top: 80px;
}
.single-descr__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
   border-bottom: 1px solid #eaeaea;
}

.single-descr__top {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding-bottom: 23px;
   border-bottom: 1px solid #eaeaea;
}

.single-descr__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   font-weight: 700;
   font-size: 20px;
   color: #bbb;
   font-family: Rubik;
   padding: 0px 27px;
   cursor: pointer;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   position: relative;
}

.single-descr__item.checked {
   color: #333;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.single-descr__item span {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   font-size: 10px;
   position: absolute;
   top: 0;
   right: 10px;
}

.single-descr__item:hover {
   color: #333;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.single-descr__item.active {
   color: #333;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.single-descr__bottom {
   padding: 30px 0px 30px;
   max-width: 1000px;
   width: 100%;
   margin: 0px auto;
   display: flex;
   flex-direction: column;
}

.single-descr__bottom form {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [2];
   grid-template-columns: repeat(2, 1fr);
   gap: 30px;
}

.single-descr__bottom[data-item='opys'] {
   display: none;
}

.single-descr__bottom[data-item='kharacteristik'] {
   display: none;
}

.single-descr__bottom[data-item='rewevs'] {
   display: none;
}

.single-descr__bottom.checked {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.single-descr__bottom p,
.single-descr__bottom #content_description {
   color: #777;
   font-size: 16px;
   line-height: 160%;
   font-weight: 300;
   margin-bottom: 10px;
}
.single-descr__bottom ul {
   display: flex;
   flex-direction: column;
}
.single-descr__bottom ul li {
   color: #777;
   font-size: 16px;
   line-height: 160%;
   font-weight: 300;
   margin-bottom: 5px;
   padding-left: 15px;
   position: relative;
}
.single-descr__bottom ul li::before {
   content: '';
   width: 4px;
   height: 4px;
   background: #777;
   border-radius: 50%;
   position: absolute;
   top: 11px;
   left: 0;
}
.single-descr__table {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   border-top: 1px solid #eaeaea;
   border-right: 1px solid #eaeaea;
}

.single-descr__table-item {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 200px 1fr;
   grid-template-columns: 200px 1fr;
   border-bottom: 1px solid #eaeaea;
   color: #000;
   font-weight: 400;
   font-size: 16px;
   font-family: Rubik;
}

.single-descr__table-left {
   padding: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   background-color: #eaeaea;
}

.single-descr__table-right {
   padding: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.single-descr__label {
   font-size: 24px;
   color: #222;
   font-weight: 400;
   margin-bottom: 40px;
   font-family: Rubik;
}

.single-descr__inf {
   color: #777;
   font-size: 16px;
   font-family: Rubik;
   font-weight: 300;
   line-height: 160%;
   margin-bottom: 20px;
}

.single-descr__ask {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-family: Rubik;
   line-height: 120%;
   color: #222;
   text-align: left;
   font-weight: 700;
   font-size: 24px;
   margin-bottom: 20px;
}

.single-descr__req {
   font-size: 15px;
   font-weight: 400;
   color: #222;
   font-family: Rubik;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-bottom: 20px;
}

.single-descr__raiting {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.single-descr__raiting p {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-bottom: 10px;
}

.single-descr .single-descr__raiting-stars {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   margin-bottom: 10px;
}

.single-descr .single-descr__raiting-star {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 15px;
   height: 15px;
   margin-right: 10px;
   cursor: pointer;
}

.single-descr .single-descr__raiting-star svg {
   fill: #fff;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.single-descr .single-descr__raiting-star.hover svg {
   fill: gold;
}

.single-descr .single-descr__raiting-star.selected svg {
   fill: gold;
}

.single-descr__raiting-block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.single-descr__raiting-block.textar {
   -ms-grid-column: 1;
   -ms-grid-column-span: 2;
   grid-column: 1/3;
}
.single-descr__raiting-block.textar p {
   display: flex;
   width: 100%;
   flex-direction: column;
}

.single-descr__raiting-block.textar p span {
   display: flex;
   width: fit-content;
   height: fit-content;
   position: relative;
}
.single-descr__raiting-block.textar p span.wpcf7-form-control-wrap {
   width: 100%;
}
.single-descr__raiting-block textarea {
   width: 100%;
}
.single-descr__raiting-block.checkbox {
   -ms-grid-column: 1;
   -ms-grid-column-span: 2;
   grid-column: 1/3;
}

.single-descr__raiting-block.checkbox input {
   position: absolute;
   z-index: -1;
   opacity: 0;
}

.single-descr__raiting-block.checkbox input + label {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   cursor: pointer;
   color: #777;
   font-family: Rubik;
   font-size: 16px;
   font-style: normal;
   font-weight: 300;
   line-height: 110%;
}

.single-descr__raiting-block.checkbox input + label::before {
   content: '';
   display: inline-block;
   width: 20px;
   height: 20px;
   height: px;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   -webkit-box-flex: 0;
   -ms-flex-positive: 0;
   flex-grow: 0;
   border-radius: 6px;
   border: 1px solid #d8d8d8;
   margin-right: 10px;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 50% 50%;
}

.single-descr__raiting-block.checkbox input:checked + label::before {
   background: red;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M11.6668 3.5L5.25016 9.91667L2.3335 7' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.single-descr__raiting-block span {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   margin-bottom: 10px;
   height: 10px;
   position: relative;
   padding-right: 5px;
}

.single-descr__raiting-block strong {
   position: absolute;
   top: -3px;
   right: -3px;
   width: 5px;
   height: 5px;
   font-size: 20px;
   color: red;
}

.single-descr__raiting-block textarea {
   border: 2px solid #eaeaea;
   padding: 15px;
   height: 165px;
   -ms-grid-column: 1;
   -ms-grid-column-span: 2;
   grid-column: 1/3;
   font-family: Rubik;
   font-size: 16px;
   font-style: normal;
   font-weight: 300;
   line-height: 110%;
}

.single-descr__raiting-block input {
   border: 2px solid #eaeaea;
   padding: 15px;
   font-family: Rubik;
   font-size: 16px;
   font-style: normal;
   font-weight: 300;
   line-height: 110%;
}
.single-descr__raiting-block.small p {
   display: flex;
   flex-direction: column;
   width: 100%;
}
.single-descr__raiting-block.small p span {
   display: flex;
   width: fit-content;
}
.single-descr__raiting-block.small p span.wpcf7-form-control-wrap {
   width: 100%;
}
.single-descr__raiting-block.small p span input {
   width: 100%;
}
.single-descr__raiting-block.textar .wpcf7-not-valid-tip {
   position: absolute !important;
   bottom: -35px;
   left: 0;
}
.single-descr__bottom .wpcf7-response-output {
   display: none !important;
}
.descr-button {
   font-size: 12px;
   color: #fff;
   text-align: center;
   padding: 0 40px;
   background-color: #222;
   text-transform: uppercase;
   letter-spacing: 0.75px;
   font-weight: 400;
   height: 52px;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   cursor: pointer;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.descr-button:hover {
   background: #cb0935;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

/*===========single portfolio================================*/

.single-portfolio {
   padding: 66px 0px 0px;
}

.single-portfolio__body {
   border-bottom: 1px solid #eaeaea;
   display: flex;
   flex-direction: column;

   width: 100%;
   padding-bottom: 66px;
}
.single-portfolio__title {
   font-weight: 700;
   font-size: 30px;

   color: #000;
   font-family: Rubik;
   margin-bottom: 40px;
}
.single-portfolio__items {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 21px;
}
.single-portfolio__item {
   display: flex;
   flex-direction: column;
   width: 100%;
   cursor: pointer;
}
.single-portfolio__item-image {
   position: relative;
   width: 100%;
   padding-bottom: 64%;
}
.single-portfolio__item-image-gallery {
   display: flex;
   flex-direction: column;
   width: 100%;
}
.single-portfolio__item-image-text {
   display: none;
}
.single-portfolio__item-image:not(:first-child) {
   display: none;
}
.single-portfolio__item-image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.single-portfolio__item-title {
   font-weight: 500;
   font-size: 18px;
   line-height: 150%;
   text-align: center;
   color: #222;
   font-family: Rubik;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 24px 10px;
}

/*===========single-analog================================*/

.single-analog {
   padding: 90px 0px 100px;
}

.single-analog__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.single-analog__title {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 0 auto 45px;
   font-size: 30px;
   text-align: center;
   font-family: Rubik;
   letter-spacing: 0px;
   font-weight: 700;
   line-height: 120%;
   color: #222;
}

.single-analog__items {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [4];
   grid-template-columns: repeat(4, 1fr);
   gap: 30px;
}

/*===========blog-archive================================*/

.blog-archive {
   padding: 213px 0px 0px;
}

.blog-archive__container {
   max-width: 1170px;
}

.blog-archive__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
}

.blog-archive__top {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.blog-archive__title {
   color: #000;
   text-align: center;
   font-family: Oswald;
   font-size: 42.004px;
   font-style: normal;
   font-weight: 500;
   line-height: 119%;
   max-width: 375px;
   margin-bottom: 52px;
}

/* .blog-archive__title::before {
  content: "";
  width: 50px;
  height: 1px;
  background: #ff0000;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
} */

.blog-archive__filter-wrapper {
   overflow: auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin-bottom: 72px;
}

.blog-archive__filter-wrapper::-webkit-scrollbar {
   height: 2px;
   background: transparent;
}

.blog-archive__filter-wrapper::-webkit-scrollbar-thumb {
   background: red;
   height: 0px;
}

.blog-archive__filter {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
   padding-bottom: 20px;
}

.blog-archive__filter-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 18px;
   color: #bbb;
   text-transform: capitalize;
   line-height: 1;

   font-family: Rubik;
   font-size: 18.668px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin: 0px 22px;
   cursor: pointer;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
   font-family: Rubik;
   white-space: nowrap;
}
.blog-archive__filter-item a {
   font-size: 18px;
   color: #bbb;
   text-transform: capitalize;
   line-height: 1;

   font-family: Rubik;
   font-size: 18.668px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}

.blog-archive__filter-item.check a {
   color: #222;
}

.blog-archive__filter-item:hover {
   color: #222;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}

.blog-archive__bottom {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [4];
   grid-template-columns: repeat(4, 1fr);
   gap: 24px;
   margin-bottom: 69px;
}
.blog-archive__bottom-block {
   background: #e8e7e9;
   padding: 69px 0px;
}
.blog-archive__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
   /* -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center; */
   padding: 16px 12px 29px;
   background: #fff;
}
.blog-archive__item-cat {
   color: #ce153e;
   font-size: 14.001px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   letter-spacing: 1.4px;
   text-transform: uppercase;
   margin-bottom: 17px;
}
.blog-archive__item:hover .blog-archive__item-image img {
   -webkit-transform: scale(1.03);
   -ms-transform: scale(1.03);
   transform: scale(1.03);
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}

.blog-archive__item:hover .blog-archive__item-name {
   text-decoration: underline;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}

.blog-archive__item-image {
   position: relative;
   width: 100%;
   padding-bottom: 106%;
   margin-bottom: 32px;
}

.blog-archive__item-image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}

.blog-archive__item-name {
   font-family: Rubik;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: 137%;
   color: #222;
}

.blog-archive__page-nimbers {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 0 auto;
   width: fit-content;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.blog-archive__page-nimber-left {
   font-family: Linearicons;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   border: 1px solid #bbb;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: relative;
   margin-right: 10px;
   margin-bottom: 7px;
}

.blog-archive__page-nimber-left::before {
   content: '\e93b';
   font-size: 16px;
   color: #bbb;
}

.blog-archive__page-nimber-left:hover {
   border-color: #000;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.blog-archive__page-nimber-left:hover::before {
   color: #000;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.blog-archive__page-nimber {
   font-weight: 600;
   margin-left: 15px;
   margin-right: 15px;
   color: #000;
   font-family: Rubik;
   font-size: 16px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   padding-bottom: 7px;
   position: relative;
}

.blog-archive__page-nimber.check {
   cursor: default;
}

.blog-archive__page-nimber.check::before {
   content: '';
   position: absolute;
   width: 100%;
   height: 1px;
   background: #000;
   left: 0;
   bottom: 0;
}

.blog-archive__page-nimber-right {
   font-family: Linearicons;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   border: 1px solid #bbb;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: relative;
   margin-left: 10px;
   margin-bottom: 7px;
}

.blog-archive__page-nimber-right::before {
   content: '\e93c';
   font-size: 16px;
   color: #bbb;
}

.blog-archive__page-nimber-right:hover {
   border-color: #000;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.blog-archive__page-nimber-right:hover::before {
   color: #000;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}
/*===========blog-single================================*/

.post {
   padding: 140px 0px 100px;
}

.post__container {
   padding: 0px 20px;
   max-width: 1000px;
}

.post__body {
   display: flex;
   flex-direction: column;
   width: 100%;
}

.post__category {
   display: flex;
   width: 100%;
   justify-content: center;
   align-items: center;
   margin-bottom: 10px;
}
.post__category a {
   text-align: center;
   text-transform: uppercase;
   font-size: 14px;
   font-weight: 700;
   color: #ce153e;
}

.post__title {
   font-size: 48px;
   font-weight: 700;
   font-family: Rubik;
   text-align: center;
   display: flex;
   margin: 0 auto 50px;
   max-width: 700px;
}

.post__content {
   display: flex;
   flex-direction: column;
   width: 100%;
}
.post__content p {
   color: #777;
   font-size: 16px;
   font-weight: 300;
   font-family: Rubik;
   line-height: 160%;
   margin-bottom: 20px;
}
.post__content h2 {
   font-size: 30px;
   line-height: 120%;
   color: #222;
   font-weight: 700;
   margin-bottom: 20px;
}
.post__content ul,
.post__content ol {
   display: flex;
   flex-direction: column;
   margin-bottom: 20px;
}
.post__content ul li {
   color: #777;
   font-size: 16px;
   font-weight: 300;
   font-family: Rubik;
   line-height: 160%;
   padding-left: 25px;
   position: relative;
   margin-bottom: 10px;
}
.post__content ol li {
   color: #777;
   font-size: 16px;
   font-weight: 300;
   font-family: Rubik;
   line-height: 160%;
   margin-left: 20px;
   position: relative;
   margin-bottom: 10px;
}
.post__content a {
   color: #000;
   transition: all 0.3s;
}
.post__content a:hover {
   color: #000aff;
   transition: all 0.3s;
}
.post__content ul li::before {
   content: '';
   width: 5px;
   height: 5px;
   background: #777;
   position: absolute;
   left: 11px;
   top: 11px;
}
.post__content img {
   margin: 20px 20px 20px 0px;
}
.single-portfolio__body {
   padding-bottom: 40px;
}
@media (max-width: 767px) {
   .single-portfolio {
      padding: 50px 0px 0px 0px;
   }
   .single-portfolio__title {
      font-size: 26px;
   }
   .category {
      padding-top: 100px;
   }
   .category__content-text {
      padding-left: 0;
   }
   .category__content-text div {
      padding-left: 0;
   }
   .category__content-text ul {
      padding-left: 20px;
   }
   .about-second__content-text p {
      padding: 0;
   }
   .category__content-banner-content {
      padding: 30px 20px 10px;
   }
   .category__body.flex .category__content-items {
      padding-top: 50px;
   }
   .post__title {
      font-size: 32px;
      margin-bottom: 30px;
   }
   .post__content h2 {
      font-size: 24px;
   }
   .category__container {
      padding: 0px 20px;
   }
}
/*===========checkout================================*/

.checkout-main {
   padding: 144px 0px 30px;
}

.checkout-main__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.checkout-main__title {
   color: #222;
   font-family: Oswald;
   font-size: 74.673px;
   font-style: normal;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   font-weight: 700;
   line-height: 109%;
   text-transform: uppercase;
   max-width: 1120px;
   margin: 0 auto;
   margin-bottom: 70px;
}

.checkout-main__form {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 60% 40%;
   grid-template-columns: 60% 40%;
   gap: 24px;
}

.checkout-main__form-left {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   border: 1px solid #000;
   padding: 69px 14px;
   height: fit-content;
}

.checkout-main__items {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.checkout-main__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   border-bottom: 1px solid #000;
   padding: 14px 58px;
}

.checkout-main__image {
   position: relative;
   width: 80px;
   height: 80px;
   margin-right: 16px;
}

.checkout-main__image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.checkout-main__item-content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   margin-right: 10px;
   padding-right: 20px;
}

.checkout-main__item-content p a {
   color: #222;
   font-family: Rubik;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: 166%;
   transition: all 0.3s;
}
.checkout-main__item-content p a:hover {
   opacity: 0.7;
   transition: all 0.3s;
}

.checkout-main__item-content span {
   color: #999;
   font-family: Rubik;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}

.checkout-main__item-tyrazh {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   margin-right: 48px;
   margin-left: auto;
}

.checkout-main__item-tyrazh p {
   color: #000;
   font-family: Rubik;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin-bottom: 8px;
}

.checkout-main__item-spiner,
.single-main__tyrazh,
.checkout-main__item-spiner-fake {
   border: 1px solid #000;
   background: rgba(217, 217, 217, 0.01);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 104px;
   height: 48px;
   padding: 5px;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}
.single-main__colors p {
   color: #000;
   font-family: Rubik;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin-bottom: 8px;
}
.single-main__tyrazh-block {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: fit-content;
   margin-right: 20px;
}
.single-main__tyrazh-block p {
   color: #000;
   font-family: Rubik;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin-bottom: 8px;
}

.checkout-main__item-spiner input,
.single-main__tyrazh input,
.checkout-main__item-spiner-fake input {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   text-align: center;
   color: #000;
   font-family: Rubik;
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
}
.spinner-input::-webkit-outer-spin-button,
.spinner-input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

/* Скрыть стрелки в Firefox */
.spinner-input[type='number'] {
   -moz-appearance: textfield;
}
.checkout-main__item-spiner .spinner-down,
.single-main__tyrazh .spinner-down {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: 20px;
   height: 20px;
   background: transparent;
   position: relative;
}
.checkout-main__item-spiner {
   display: none;
}
.checkout-main__item-spiner .spinner-down::after,
.single-main__tyrazh .spinner-down::after {
   content: '-';
   font-size: 20px;
   font-weight: 500;
   color: #000000;
}

.checkout-main__item-spiner .spinner-up,
.single-main__tyrazh .spinner-up {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: 20px;
   height: 20px;
   background: transparent;
   position: relative;
}

.checkout-main__item-spiner .spinner-up::after,
.single-main__tyrazh .spinner-up::after {
   content: '+';
   font-size: 20px;
   font-weight: 500;
   color: #000000;
}

.checkout-main__item-price {
   color: #222;
   text-align: right;
   font-family: Rubik;
   font-size: 18px;
   font-weight: 400;
   line-height: 166%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-right: 10px;
   white-space: nowrap;
   width: 100px;
}

.checkout-main__item-price span {
   font-size: 14px;
   line-height: 214%;
   margin-right: 5px;
}

.checkout-main__item-del {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 18px;
   height: 18px;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-left: 20px;
   cursor: pointer;
}

.checkout-main__item-del svg {
   width: 18px;
   height: 100%;
}

.checkout-main__price {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 18px 59px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.checkout-main__price-text {
   color: #222;
   font-family: Rubik;
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
   line-height: 150%;
}

.checkout-main__price-total {
   color: #222;
   font-family: Rubik;
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
   line-height: 150%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.checkout-main__price-total span {
   font-size: 14px;
   line-height: 214%;
   margin-right: 5px;
}

.checkout-main__form-right {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   background: #f6f6f6;
   padding: 57px 56px;
   height: fit-content;
}

.checkout-main__form-label {
   color: #222;
   font-family: Rubik;
   font-size: 24px;
   font-style: normal;
   font-weight: 500;
   line-height: 125%;
   margin-bottom: 24px;
}

.checkout-main__form-btn {
   color: #fff;
   font-family: Rubik;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   letter-spacing: 0.9px;
   text-transform: uppercase;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
   width: 100%;
   border-radius: 70.006px;
   border: 1px solid #ce153e;
   background: #ce153e;
   padding: 17px;
   margin-top: 20px;
   cursor: pointer;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.checkout-main__form-btn:hover {
   background: #fff;
   border-color: #000;
   color: #000;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.spinner-input::-webkit-outer-spin-button,
.spinner-input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}
#billing_first_name_field,
#billing_phone_field,
#billing_email_field,
#billing_address_1_field {
   display: flex;
   flex-direction: column;
   width: 100%;
   margin-bottom: 24px;
}
#billing_first_name_field label,
#billing_phone_field label,
#billing_email_field label,
#billing_address_1_field label {
   color: #000;
   font-family: Rubik;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin-bottom: 8px;
}
#billing_first_name_field input,
#billing_phone_field input,
#billing_email_field input,
#billing_address_1_field textarea {
   width: 100%;
   border: 1px solid #000;
   background: rgba(217, 217, 217, 0.01);
   color: #000;
   font-family: Rubik;
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   padding: 14px 16px;
}
#billing_address_1_field textarea {
   min-height: 120px;
}
#billing_first_name_field label .required,
#billing_phone_field label .required,
#billing_email_field label .required {
   display: none;
}
#billing_address_1_field .optional {
   display: none;
}

#billing_country_field {
   display: none;
}
/* #billing_state_field{
  display: none;
} */
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 180;
}
.woocommerce-error {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   margin: 0;
}
.woocommerce-invalid input,
.error-field {
   border: 2px solid red !important;
   box-shadow: 0px 0px 7px #ff00005e;
}
.woocommerce-error::before {
   display: none;
}
/*===========thank================================*/
.thank {
   display: flex;
   padding-top: 140px;
   height: 90vh;
   justify-content: center;
   align-items: center;
}

.thank__body {
   display: flex;
   flex-direction: column;
   width: 100%;
   justify-content: center;
   align-items: center;
   text-align: center;
}

.thank__title {
   color: #222;
   font-family: Oswald;
   font-size: 45px;
   font-style: normal;
   font-weight: 700;
   line-height: 109%;
   text-transform: uppercase;
   margin-bottom: 40px;
}

.thank__text {
   color: #222;
   font-family: Rubik;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: 125%;
   margin-bottom: 40px;
}

.thank__link {
   display: flex;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   text-transform: uppercase;
   justify-content: center;
   align-items: center;
   text-align: center;
   color: #fff;
   border: 1px solid #ce153e;
   background: #ce153e;
   padding: 20px 50px;
   transition: all 0.3s;
}
.thank__link:hover {
   background: #fff;
   transition: all 0.3s;
   color: #ce153e;
}

/*===========Portfolio================================*/

.portfolio-archive {
   display: flex;
   width: 100%;
   padding: 213px 0px 120px;
}

.portfolio-archive__body {
   display: flex;
   flex-direction: column;
   width: 100%;
   justify-content: center;
}
.portfolio-archive__title {
   font-weight: 500;
   font-size: 42px;
   line-height: 119%;
   text-align: center;
   color: #000;
   font-family: Rubik;
   margin-bottom: 16px;
}
.portfolio-archive__breadcrumbs {
   display: flex;
   width: 100%;
   justify-content: center;
   align-items: center;
   gap: 16px;
   margin-bottom: 21px;
}
.portfolio-archive__breadcrumbs .dot {
   display: flex;
   width: 4px;
   height: 4px;
   border-radius: 50%;
   background: #000;
}
.portfolio-archive__breadcrumbs a {
   font-weight: 500;
   font-size: 10px;
   line-height: 140%;
   text-transform: uppercase;
   color: #000;
   font-family: Rubik;
}
.portfolio-archive__breadcrumbs div {
   font-weight: 500;
   font-size: 10px;
   line-height: 140%;
   text-transform: uppercase;
   color: #000;
   font-family: Rubik;
}
.portfolio-archive__cats {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   flex-wrap: wrap;
   gap: 16px 0px;

   max-width: 1390px;
   width: 100%;
   margin: 0 auto 48px;
}
.portfolio-archive__cat-item {
   display: flex;

   font-weight: 400;
   font-size: 18px;
   line-height: 100%;
   text-transform: capitalize;
   text-align: center;
   color: #535353;
   font-family: Rubik;
   cursor: pointer;
   transition: all 0.3s;
   padding: 4px 12px;
   transition: all 0.3s;
   background: transparent;
}
.portfolio-archive__cat-item.active {
   border: 1px solid #ce153e;

   border-radius: 40px;
   padding: 4px 12px;
   color: #cb0935;
   transition: all 0.3s;
}
.portfolio-archive__item-image-galery {
   display: none;
}
.portfolio-archive__items {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 32px 20px;
   /* min-height: 200px; */
}
.portfolio-empty {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 40px 20px 0px;
   font-weight: 400;
   font-size: 24px;
   line-height: 100%;
   text-align: center;
   color: #535353;
   font-family: Rubik;
}
.portfolio-archive__item {
   flex-direction: column;
   width: 100%;
   justify-content: center;
   align-items: center;
   display: none;
   cursor: pointer;
}

.portfolio-archive__item-image {
   position: relative;
   width: 100%;
   padding-bottom: 77%;
   margin-bottom: 24px;
}
.portfolio-archive__item-image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.portfolio-archive__item-name {
   font-weight: 500;
   font-size: 18px;
   line-height: 150%;
   text-align: center;
   color: #222;
   font-family: Rubik;
}
.portfolio-archive__item-image-galery-img {
   display: none;
}
.portfolio-archive__item-text {
   display: none;
}
.portfolio-archive__popup {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #000000b3;
   z-index: 1100;
   display: flex;
   justify-content: center;
   align-items: center;
   display: none;
}
.portfolio-archive__popup .slick-dots {
   display: none !important;
}
.portfolio-archive__popup .portfolio-archive__popup-slide {
   display: flex !important;
}
.portfolio-archive__popup-close {
   position: absolute;
   top: 24px;
   right: 24px;
   width: 48px;
   height: 48px;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   transition: all 0.3s;
}

.portfolio-archive__popup-close:hover {
   opacity: 0.7;
   transition: all 0.3s;
}
.portfolio-archive__popup-left {
   position: absolute;
   left: 13vw;
   top: 50%;
   transform: translateY(-50%);
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   z-index: 5;
}
.portfolio-archive__popup-left svg,
.portfolio-archive__popup-right svg {
   width: 100%;
   height: 100%;
}
.portfolio-archive__popup-left svg path,
.portfolio-archive__popup-right svg path {
   transition: all 0.3s;
}
.portfolio-archive__popup-left:hover svg path,
.portfolio-archive__popup-right:hover svg path {
   stroke-opacity: 1;
   transition: all 0.3s;
}
.portfolio-archive__popup-right {
   position: absolute;
   right: 13vw;
   top: 50%;
   transform: translateY(-50%);
   width: 49px;
   height: 100px;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   z-index: 5;
}
.portfolio-archive__popup-body {
   display: flex;
   flex-direction: column;
   width: 60vw;
   height: 76vh;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
}
.portfolio-archive__popup-body .slick-list.draggable {
   height: 100% !important;
}
.portfolio-archive__popup-body .slick-track {
   height: 100% !important;
}
.portfolio-archive__popup-slide {
   display: flex;
   flex-direction: column;
   width: 100%;
   height: 100%;
}
.portfolio-archive__popup-body-img {
   position: relative;
   width: 100%;
   height: 100%;
}
.portfolio-archive__popup-body-img img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.portfolio-archive__popup-body-text {
   display: flex;
   flex-direction: column;
   background: #fff;
   height: fit-content;
   padding: 24px 24px 18px;
   font-weight: 400;
   font-size: 16px;
   line-height: 125%;
   color: #222;
}

/*===========================================*/

@media (max-width: 1680px) {
   /* .header__logo{
    margin-right: 52px;
  } */
   .header__search {
      max-width: 230px;
   }
   .main-block__slider {
      margin-left: -20px !important;
      width: 100vw !important;
   }
   .category__container {
      padding-left: 50px;
      padding-right: 50px;
   }
   .single-main__container,
   .single-colors__container,
   .single-descr__container,
   .single-analog__container {
      padding-left: 50px;
      padding-right: 50px;
   }
   .category__filters {
      padding-right: 0px;
   }
   .main-block__cats {
      padding: 14px 0px 0px;
   }

   .main-new__baner-image {
      width: 100vw;
      left: 50%;
      transform: translateX(-50%);
   }

   .main-about__container,
   .main-category__container,
   .main-new__container,
   .main-news__container {
      max-width: 1540px;
   }

   ._container-header {
      max-width: 1540px;
   }
}
@media (max-width: 1540px) {
   .header__cart {
      margin-left: 0;
      margin-right: 0;
   }
   /* .menu__list li:not(:last-child){
    margin-right: 15px;
  } */
   .menu__list li:first-child {
      padding: 10px 15px;
   }
   .header__search {
      margin-top: 0;
   }
   .menu__sublist::before {
      width: 125px;
   }
}
@media (max-width: 1380px) {
   .header__phone {
      font-size: 0;
   }
   .header__phone svg {
      width: 30px;
      height: 30px;
      display: flex;
      padding: 0;
      position: relative;
      top: -7px;
      margin-left: 10px;
   }
   .portfolio-archive {
      padding: 150px 0px 100px;
   }
   .header__container {
      padding: 0px 20px;
   }
   .single-main__right {
      padding-left: 60px;
   }
   /* .header__search{
  max-width: 180px;
  }
.header__search form{
  max-width: 180px;
} */
   .dgwt-wcas-search-wrapp {
      min-width: 125px;
   }
   .header__search {
      margin-left: 0;
   }
   .header__logo {
      min-width: 100px;
      width: 100px;
      top: 0;

      /* margin-right: 25px; */
   }
   .menu__list li:first-child {
      padding: 10px;
      border-radius: 20px;
   }
   .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp input[type='search'].dgwt-wcas-search-input {
      padding-left: 45px;
      border-radius: 20px;
   }
   .menu__sublist::before {
      width: 115px;
   }
   .menu__list li {
      position: static;
   }
   .menu__sublist {
      /* left: 50%;
      transform: translateX(-50%);
      width: 95vw; */
      border-radius: 20px;
   }
   .menu__sublist::before {
      display: none;
   }
}
@media (max-width: 1300px) {
   /* .header__logo {
    margin-right: 40px;
  } */

   .menu__list li {
      margin-right: 10px;
   }

   .menu__list {
      white-space: nowrap;
   }
}

@media (max-width: 1250px) {
   .category__content-items {
      grid-template-columns: repeat(3, 1fr);
   }
   .header__container {
      padding-left: 20px;
      padding-right: 20px;
   }
   .single-main__container,
   .single-colors__container,
   .single-descr__container,
   .single-analog__container {
      padding-left: 20px;
      padding-right: 20px;
   }
   .category__container {
      padding-left: 20px;
      padding-right: 20px;
   }
   .footer__container {
      padding-left: 20px;
      padding-right: 20px;
   }
   .main-about__banner {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr) [2];
      grid-template-columns: repeat(2, 1fr);
      gap: 32px 69px;
   }

   .main-new__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .main-new__item:nth-child(1) .main-new__item-image,
   .main-new__item:nth-child(2) .main-new__item-image,
   .main-new__item:nth-child(3) .main-new__item-image,
   .main-new__item:nth-child(4) .main-new__item-image {
      position: relative;
      width: 100%;
      height: 500px;
      margin-bottom: 16px;
      top: 0;
      left: 0;
   }

   .main-new__item:nth-child(1) .main-new__item-texts,
   .main-new__item:nth-child(2) .main-new__item-texts,
   .main-new__item:nth-child(3) .main-new__item-texts,
   .main-new__item:nth-child(4) .main-new__item-texts {
      position: static;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .main-new__item-texts {
      height: 100px;
   }

   .main-new__item-title {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
   }

   .main-new__item:nth-child(2) .main-new__item-title,
   .main-new__item:nth-child(1) .main-new__item-title,
   .main-new__item:nth-child(3) .main-new__item-title,
   .main-new__item:nth-child(4) .main-new__item-title {
      font-size: 28px;
      max-width: 100%;
   }
   .checkout-main__item {
      padding: 14px 0px;
   }
   .category__body.flex .category__content-items {
      -ms-grid-columns: (1fr) [4];
      grid-template-columns: repeat(4, 1fr);
   }
   .footer__body {
      grid-template-columns: repeat(4, 1fr);
   }
   .footer__column-first {
      grid-column: 1/2;
   }
   .footer__column-second {
      grid-column: 2/3;
   }
}
/*===========error-page================================*/

.error-page {
   display: flex;
   width: 100%;
   height: 100vh;
   justify-content: center;
   align-items: center;
}

.error-page__container {
}

.error-page__body {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   text-align: center;
}
.error-page__image {
   display: flex;
   font-family: Linearicons !important;
   margin-bottom: 30px;
}
.error-page__image::before {
   content: '\e89c';
   color: #ce153e;
   font-size: 72px;
}
.error-page__title {
   font-family: 'Rubik', Arial, sans-serif;
   font-size: 30px;
   text-transform: capitalize;
   margin: 0 0 40px;
   font-weight: 700;
   line-height: 120%;
}

.error-page__text {
   font-family: 'Rubik', Arial, sans-serif;
   font-weight: 300;
   color: #777;
   font-size: 16px;
   line-height: 160%;
}
.error-page__text a {
   color: #ff0000;
}
@media (max-width: 1200px) {
   .header__body {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
   }

   .header__logo {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
   }
   .header__search {
      order: 2;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 2;
      margin: 0;
      margin-left: auto;
      width: 100%;
       
   }
   .header__cart {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 3;
      order: 3;
      margin: 0px 31px 0px 26px;
   }

   .header__menu {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 4;
      order: 4;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
   }
   .header-account {
      order: 2;
   }

   .header__logo {
      width: 80px;

      min-width: 80px;
   }

   .menu__icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 30px;
      height: 20px;
      background: transparent;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
   }

   .menu__icon.open span {
      background: transparent;
   }

   .menu__icon.open span::before {
      bottom: 10px;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
   }

   .menu__icon.open span::after {
      top: 10px;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
   }

   .menu__icon span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 1px;
      background: #000;
   }

   .menu__icon span::before {
      content: '';
      position: absolute;
      bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 1px;
      background: #000;
   }

   .menu__icon span::after {
      content: '';
      position: absolute;
      top: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 1px;
      background: #000;
   }

   .header {
      padding: 24px 0px 16px;
   }

   .header__search input {
      width: 100%;
   }

   .menu__body {
      position: absolute;
      top: 100%;
      display: none;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      background-color: #fff;
      width: 100%;
      height: 100vh;
      left: 0;
      padding: 24px;
      overflow: scroll;
      padding-bottom: 150px;
      overflow-y: auto; /* вертикальный скролл */
      overflow-x: hidden; /* запрещаем горизонтальный скролл */
      -webkit-overflow-scrolling: touch; /* плавный скролл на iOS */
      box-sizing: border-box; /* чтобы padding не ломал ширину */
   }

   .menu__body.open {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }

   .menu__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .menu__list li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      white-space: nowrap;
   }

   .menu__list li:first-child {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-shadow: none;
      box-shadow: none;
      z-index: 10;
   }

   .menu__list li:first-child a.catalog.open {
      position: relative;
      padding-left: 20px;
      margin: 0 auto;
   }

   .menu__list li:first-child a.catalog.open::before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      width: 15px;
      height: 2px;
      border-radius: 10px;
      background: #000;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
   }

   .menu__list li:first-child a.catalog.open::after {
      position: absolute;
      left: 0;
      top: 50%;
      content: '';
      width: 15px;
      height: 2px;
      border-radius: 10px;
      background: #000;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
   }

   .menu__list li:first-child a.catalog.open svg {
      display: none;
   }

   .menu__sub-sublist li a {
      margin: 0;
      padding: 8px 0px;
   }

   .menu__sub-sublist {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      display: none;
      padding: 6px 0px 24px 45px;
   }

   .menu__sub-sublist.open {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }

   .menu__list li:not(:last-child) {
      margin: 0;
      margin-bottom: 10px;
   }

   .menu__list li:not(:last-child):hover {
      -webkit-box-shadow: none;
      box-shadow: none;
      border: 1px solid #000;
      border-radius: 40px;
      padding: 14px 24px 15px;
   }

   .menu__list li:first-child {
      margin-bottom: 28px;
   }

   .menu__sublist {
      position: relative;
      top: 0px;
      padding: 0;
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      opacity: 1;
      visibility: visible;
      margin-top: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 0;
      display: none;
   }

   .menu__sublist.open {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }

   .menu__sublist li {
      width: 300px;
   }

   .menu__sublist li a {
      padding: 10px 0px;
   }

   .menu__sublist::before {
      display: none;
   }
   .header__phone {
      order: 2;
      margin: 0px;
   }
   .header-account__link {
      margin-top: 0;
      margin-left: 25px;
   }
}
@media (max-width: 1080px) {
   .single-portfolio__items {
      grid-template-columns: repeat(2, 1fr);
   }
   .portfolio-archive__items {
      grid-template-columns: repeat(2, 1fr);
   }
   .single-main__left {
      max-height: 100%;
   }

   .desktop {
      display: none !important;
   }

   .single-main__slider-nav {
      display: none !important;
   }
   .single-main__slider-for {
      display: flex !important;
      flex-direction: column;
   }
   .single-main__slider-for .swiper-pagination {
      display: flex !important;
      position: static !important;
      margin: 0 auto;
      justify-content: center;
      margin: 0px auto 20px !important;
   }
   .single-main__slider-for .swiper-pagination .swiper-pagination-bullet {
      width: 9.5px !important;
      height: 9.5px !important;
      border-radius: 50% !important;
      background: #d9d9d9 !important;
      border: 1.167px solid transparent !important;
      -webkit-transition: all 0.3s !important;
      transition: all 0.3s !important;
      margin: 0px 13px !important;
      opacity: 1 !important;
   }
   .single-main__slider-for .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      border: 1.167px solid #222 !important;
      background: #222 !important;
      -webkit-transition: all 0.3s !important;
      transition: all 0.3s !important;
   }
   .mobile {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
   }

   .header__body {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
   }

   .header__logo {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
   }
   .header__search {
      order: 2;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 2;
      margin: 0;
      margin-left: auto;
      width: 100%;
      margin-right: 15px;
   }
   .header__cart {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 3;
      order: 3;
      margin: 0px 31px 0px 0px;
   }

   .header__menu {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 4;
      order: 4;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
   }

   .header__logo {
      width: 80px;

      min-width: 80px;
   }

   .menu__icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 30px;
      height: 20px;
      background: transparent;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
   }

   .menu__icon.open span {
      background: transparent;
   }

   .menu__icon.open span::before {
      bottom: 10px;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
   }

   .menu__icon.open span::after {
      top: 10px;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
   }

   .menu__icon span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 1px;
      background: #000;
   }

   .menu__icon span::before {
      content: '';
      position: absolute;
      bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 1px;
      background: #000;
   }

   .menu__icon span::after {
      content: '';
      position: absolute;
      top: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 1px;
      background: #000;
   }

   .header {
      padding: 24px 0px 16px;
   }

   .header__search input {
      width: 100%;
   }

   .menu__body {
      position: absolute;
      top: 100%;
      display: none;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      background-color: #fff;
      width: 100%;
      height: 100vh;
      left: 0;
      padding: 24px;
      overflow: scroll;
      padding-bottom: 150px;
      overflow-y: auto; /* вертикальный скролл */
      overflow-x: hidden; /* запрещаем горизонтальный скролл */
      -webkit-overflow-scrolling: touch; /* плавный скролл на iOS */
      box-sizing: border-box; /* чтобы padding не ломал ширину */
   }

   .menu__body.open {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }

   .menu__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .menu__list li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      white-space: nowrap;
   }

   .menu__list li:first-child {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-shadow: none;
      box-shadow: none;
      z-index: 10;
   }

   .menu__list li:first-child a.catalog.open {
      position: relative;
      padding-left: 20px;
      margin: 0 auto;
   }

   .menu__list li:first-child a.catalog.open::before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      width: 15px;
      height: 2px;
      border-radius: 10px;
      background: #000;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
   }

   .menu__list li:first-child a.catalog.open::after {
      position: absolute;
      left: 0;
      top: 50%;
      content: '';
      width: 15px;
      height: 2px;
      border-radius: 10px;
      background: #000;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
   }

   .menu__list li:first-child a.catalog.open svg {
      display: none;
   }

   .menu__sub-sublist li a {
      margin: 0;
      padding: 8px 0px;
   }

   .menu__sub-sublist {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      display: none;
      padding: 6px 0px 24px 45px;
   }

   .menu__sub-sublist.open {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }

   .menu__list li:not(:last-child) {
      margin: 0;
      margin-bottom: 10px;
   }

   .menu__list li:not(:last-child):hover {
      -webkit-box-shadow: none;
      box-shadow: none;
      border: 1px solid #000;
      border-radius: 40px;
      padding: 14px 24px 15px;
   }

   .menu__list li:first-child {
      margin-bottom: 28px;
   }

   .menu__sublist {
      position: relative;
      top: 0px;
      padding: 0;
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      opacity: 1;
      visibility: visible;
      margin-top: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 0;
      display: none;
   }

   .menu__sublist.open {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }

   .menu__sublist li {
      width: 300px;
   }

   .menu__sublist li a {
      padding: 10px 0px;
   }

   .menu__sublist::before {
      display: none;
   }

   .main-block__cat-title {
      font-size: 20px;
   }

   .main-new__baner-content {
      padding: 48px 14px 80px 14px;
   }

   .main-new__baner-image {
      padding-bottom: 90%;
      width: 100vw;
      left: -10px;
      transform: translateX(0);
   }

   .footer__body {
      -ms-grid-columns: (1fr) [4];
      grid-template-columns: repeat(4, 1fr);
   }

   .footer__column-first {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2;
   }

   .footer__column-second {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2/3;
   }

   .about-main {
      padding: 200px 0px 100px 0px;
   }

   .about-second__content-text {
      padding: 0;
   }

   .about-second__content-text::before {
      display: none;
   }

   .contact-team__body {
      -ms-grid-columns: (1fr) [3];
      grid-template-columns: repeat(3, 1fr);
   }

   .single-main__button {
      width: 100%;
   }
   .single-main__buttons {
      margin: 0;
   }
   .single-colors__container {
      padding: 0px 20px;
   }
   .category__filters-apply {
      display: none;
      width: calc(100% - 48px);
      left: 24px;
      text-align: center;
      justify-content: center;
      align-items: center;
      padding: 17px;
      color: #000;
      font-family: Rubik;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      letter-spacing: 0.9px;
      text-transform: uppercase;
      border-radius: 70.006px;
      border: 1px solid #ce153e;
      background: #fff;
      position: fixed;
      bottom: 20px;
      z-index: 200;
   }
   .category__filters-apply.show {
      display: flex;
   }
   .category__content-banner-content {
      max-width: 100%;
      width: 100%;
   }

   .single-main__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 0;
   }

   .single-main__left {
      max-width: 100%;
   }

   .single-main__right {
      padding: 0;
      max-width: 100%;
   }
   .checkout-main__form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 0;
   }

   .checkout-main__form-left {
      padding: 14px;
      margin-bottom: 30px;
      height: fit-content;
   }

   .checkout-main {
      padding-top: 130px;
   }

   .checkout-main__title {
      font-size: 46px;
      margin-bottom: 50px;
   }

   .checkout-main__price {
      padding: 18px 14px;
   }
   .category__content-text {
      padding-left: 0;
   }
   .category__content-text div {
      padding-left: 0;
   }
}

@media (max-width: 992px) {
   .portfolio-archive__popup-right,
   .portfolio-archive__popup-left {
      height: 65px;
   }
   .portfolio-archive__popup-right {
      right: 40px;
   }
   .portfolio-archive__popup-left {
      left: 40px;
   }
   .portfolio-archive__popup-body {
      width: 75vw;
      height: 80vh;
   }
   .footer__column-fourth {
      min-width: none;
   }
   .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type='search'].dgwt-wcas-search-input {
      width: 100%;
   }
   .dgwt-wcas-search-wrapp {
      max-width: 100% !important;
   }
   .category__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .category__filters {
      position: fixed;
      z-index: 255;
      width: 100vw;
      height: 100vh;
      top: 0px;
      left: 0;
      background: #fff;
      display: none;
      padding: 90px 20px 100px;
   }
   .category__filters-close {
      position: absolute;
      top: 24px;
      left: 20px;
      width: 24px;
      height: 24px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
   }
   .category__content-info-look-filter {
      display: flex;
      padding-top: 5px;
   }
   .category__content-info-quantity {
      display: none;
   }
   .category__content-info {
      flex-direction: row-reverse;
   }
   .image-popup__body {
      margin: auto;
      top: 50%;
      transform: translateY(-50%);
   }
   .single-main__container,
   .single-descr__container,
   .single-analog__container,
   .blog-archive__container {
      padding-left: 20px;
      padding-right: 20px;
   }
   .main-block__slider {
      margin-left: 0 !important;
      aspect-ratio: 2.7 / 1;
   }
   .pagination {
      grid-column: 1/4;
   }
   .main-block__title {
      padding: 0 20px;
   }
   .main-block__subtitle {
      padding: 0 20px;
   }
   .header__search {
      width: 100%;
   }
   .main-block__cat-content {
      left: 20px;
   }
   .main-about__body,
   .main-category__body,
   .main-new__body,
   .main-news__body {
      padding: 0px;
   }
   .header {
      padding-left: 0;
      padding-right: 0;
   }
   .main-new__baner-image {
      left: -20px;
   }
   .main-block__cat-title {
      font-size: 18px;
   }
   .main-new__baner-content {
      padding-left: 0;
      padding-right: 0;
   }
   .main-block__cat:nth-child(1) .main-block__cat-image {
      right: -15px;
   }

   .main-block__cat:nth-child(2) .main-block__cat-image {
      right: -15px;
   }

   .main-block__cat:nth-child(3) .main-block__cat-image {
      right: -15px;
   }

   .main-block__cats {
      padding-left: 0;
      padding-right: 0;
   }

   .main-block__slider .slick-dots {
      right: 32px;
   }

   .main-block__container {
      padding: 0;
   }

   /* .main-about__container {
    padding: 0px 32px;
  } */

   .main-category__items {
      -ms-grid-columns: (1fr) [2];
      grid-template-columns: repeat(2, 1fr);
      gap: 24px;
   }

   .main-category__item:nth-child(1) {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2;
   }

   .main-category__item:nth-child(2) {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2/3;
   }

   .main-category__item:nth-child(3) {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2;
   }

   .main-category__item:nth-child(4) {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2/3;
   }

   .main-category__item:nth-child(5) {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2;
   }

   .main-category__item:nth-child(6) {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2/3;
   }

   .main-category__item:nth-child(7) {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2;
   }

   .main-category__item:nth-child(8) {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2/3;
   }

   .main-category__item {
      padding: 0 !important;
      height: 350px;
   }

   .main-new__item:nth-child(1) .main-new__item-image,
   .main-new__item:nth-child(2) .main-new__item-image,
   .main-new__item:nth-child(3) .main-new__item-image,
   .main-new__item:nth-child(4) .main-new__item-image {
      width: 100%;
      height: 306px;
      margin-bottom: 16px;
      top: 0;
      left: 0;
   }

   .main-new__items {
      gap: 32px 24px;
   }

   .footer__body {
      -ms-grid-columns: 150px 235px 1fr;
      grid-template-columns: 150px 235px 1fr;
   }

   .footer__column-first {
      -ms-grid-column: 1;
      -ms-grid-column-span: 3;
      grid-column: 1/4;
   }

   .desc {
      display: none !important;
   }

   .footer__body {
      gap: 48px 30px;
   }

   .footer__column-second {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2;
   }

   .mob {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
   }

   .footer__container {
      padding-left: 32px;
      padding-right: 32px;
   }

   .footer__copy-block {
      margin-top: 13px;
      -ms-grid-column: 1;
      -ms-grid-column-span: 3;
      grid-column: 1/4;
   }

   .about-second__content-left {
      gap: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-bottom: 50px;
   }

   .about-second__content {
      padding: 0;
      margin-bottom: 32px;
   }

   .about-second__content-title {
      margin-bottom: 32px;
   }

   .about-second__image-full {
      width: 100%;
   }

   .about-second__content-right {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .about-second__image {
      height: 500px;
   }

   .about-second__content-right {
      margin-bottom: 30px;
   }

   .about-second__content-number {
      margin-top: 50px;
      margin-bottom: 32px;
   }

   .about-clients__items {
      -ms-grid-columns: (1fr) [3];
      grid-template-columns: repeat(3, 1fr);
   }

   .contact-main {
      padding: 150px 0px 40px;
   }

   .contact-main__title {
      margin-bottom: 40px;
   }

   .contact-main__items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 0;
   }

   .contact-main__item {
      width: 27%;
      margin: 0px 15px 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
   }

   .contact-form__body {
      padding: 0px 50px;
   }

   .contact-team {
      padding: 100px 0px 60px;
   }

   .catalog-main {
      padding: 140px 0px 60px;
   }

   .catalog-main__title {
      font-size: 36px;
      margin-bottom: 60px;
   }

   .catalog-main__items {
      -ms-grid-columns: (1fr) [2];
      grid-template-columns: repeat(2, 1fr);
   }

   .catalog-main__item {
      height: 100%;
      padding-bottom: 100%;
   }

   .catalog-main__item:nth-child(2n + 1) {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2;
   }

   .catalog-main__item:nth-child(2n) {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2/3;
   }

   .category__content-items {
      -ms-grid-columns: (1fr) [3];
      grid-template-columns: repeat(3, 1fr);
      padding: 60px 0px;
   }

   .category__content-banner-title {
      margin-bottom: 30px;
      font-size: 36px;
   }

   .category {
      padding-top: 130px;
      padding-bottom: 40px;
   }

   .about-main__breadcrumbs {
      display: -webkit-box;
      display: -ms-flexbox;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 0px 20px;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }

   .about-main__breadcrumbs a {
      line-height: 160%;
   }

   .single-main {
      padding-top: 130px;
      padding-bottom: 30px;
   }

   .single-main__right-bottom {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
   }

   .single-main__buttons {
      margin: 0;
   }

   .single-analog__items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      overflow: auto;
      gap: 0;
   }

   .category__content-item {
      width: 250px;
      min-width: 250px;
      margin: 0px 10px;
   }

   .single-analog {
      padding: 50px 0px;
   }

   .blog-archive {
      padding: 120px 0px 30px;
   }

   .blog-archive__title {
      font-size: 36px;
   }

   .blog-archive__bottom {
      -ms-grid-columns: (1fr) [2];
      grid-template-columns: repeat(2, 1fr);
   }
   .menu__sublist li {
      display: flex;
   }
   .category__body.flex .category__content-items {
      -ms-grid-columns: (1fr) [3];
      grid-template-columns: repeat(3, 1fr);
   }
   .category__body.flex .category__content-items .category__content-item {
      width: 100%;
      min-width: 0;
   }
}
@media (max-width: 800px) {
   .footer__body {
      -ms-grid-columns: (1fr) [2];
      grid-template-columns: repeat(2, 1fr);
      gap: 32px 23px;
   }

   .footer__column-second {
      display: none;
   }

   .footer__column-third {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2;
   }

   .footer__column-fourth {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2/3;
   }

   .footer__copy-block {
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1/3;
   }

   .footer__column-first {
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1/3;
      display: none;
   }
}
@media (max-width: 767px) {
   .account-nav-page {
      flex-direction: column-reverse;
      align-items: start;
   }
   .portfolio-archive {
      padding: 150px 0px 80px;
   }
   .portfolio-archive__title {
      font-size: 32px;
   }
   .portfolio-archive__cat-item {
      font-size: 16px;
   }

   .portfolio-archive__popup-right,
   .portfolio-archive__popup-left {
      height: 130px;
      width: 70px;
      background: #00000042;
   }
   .portfolio-archive__popup-right svg path,
   .portfolio-archive__popup-left svg path {
      stroke-opacity: 1;
   }
   .portfolio-archive__popup-right svg,
   .portfolio-archive__popup-left svg {
      width: 20px;
      height: 36px;
   }
   .portfolio-archive__popup-right {
      right: 1px;
   }
   .portfolio-archive__popup-left {
      left: 1px;
   }
   .portfolio-archive__popup-body {
      width: 80vw;
      height: auto;
      aspect-ratio: 1/0.7;
   }
   .dgwt-wcas-search-wrapp {
      min-width: 0px;
   }
   .header__search input,
   .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type='search'].dgwt-wcas-search-input {
   }
   .category__body.flex .category__content-items {
      -ms-grid-columns: (1fr) [2];
      grid-template-columns: repeat(2, 1fr);
   }
   .single-main__right-bottom {
      justify-content: start;
      align-items: start;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: start;
      -webkit-box-align: start;
   }
   .single-main__right-cat span a {
      font-weight: 300;
   }
   .single-main__tyrazh-block {
      margin-right: 10px;
   }
   .contact-main__item-adress {
      text-align: center;
   }
   .pagination {
      grid-column: 1/3;
   }
   .single-colors__items {
      width: 100vw;
      overflow: auto;
   }
   .single-colors__item {
      min-width: 72px;
   }
   .single-colors__item:hover img {
      transform: scale(1);
      top: 0;
      left: 0;
   }
   .dectop {
      display: none !important;
   }

   .mobil {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
   }

   .main-block__slider .slick-list.draggable {
      padding-bottom: 133%;
   }

   .main-block__title {
      font-size: 30px;
   }
   .shop-pause__title {
      font-size: 30px;
      margin-bottom: 16px;
      padding-right: 0;
   }
   .shop-pause__text {
      font-size: 22px;
   }
   .main-block__subtitle {
      font-size: 22px;
      margin-bottom: 40px;
   }
   .shop-pause__body {
      padding: 120px 0px 60px;
   }
   .shop-pause__image {
      padding-bottom: 80%;
   }
   .main-block__slider {
      padding-top: 20px !important;
      aspect-ratio: 1/1.46;
      display: flex !important;
      flex-direction: column;
      /* padding-bottom: 30px !important; */
   }
   .main-block__slider .swiper-pagination {
      position: static !important;
      -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
      justify-content: center !important;
      margin: 16px auto 2px !important;
      width: 100% !important;
   }

   .main-block__slider .slick-dots {
      position: static;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 16px 20px 2px;
   }

   .main-block__cats {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: 2px;
   }

   .main-block__cat:nth-child(1) .main-block__cat-image {
      padding-bottom: 35%;
      width: 50%;
   }

   .main-block__cat:nth-child(2) .main-block__cat-image {
      padding-bottom: 35%;
      width: 50%;
      right: 20px;
   }

   .main-block__cat:nth-child(3) .main-block__cat-image {
      padding-bottom: 35%;
      width: 50%;
   }

   .main-block__cat-title {
      font-size: 20px;
   }

   .menu__sublist li {
      width: 100%;
      display: grid !important;
      grid-template-columns: 40px 1fr;
   }
   .menu__list li:not(:first-child) {
      border: none;
   }
   .menu__list li:not(:first-child):hover {
      border: none;
      padding-left: 0;
      padding-right: 0;
   }
   .menu__list li:not(:first-child):hover:before {
      width: 0;
   }

   .menu__sublist li ul li a:before {
      background: none;
   }

   .menu__sublist li a {
      width: 100%;
   }
   .menu__sublist li ul {
      grid-column: 2/3;
      position: relative;
      width: 100%;
      top: 0;
      left: 0;
      display: none;
   }
   .menu__sublist li ul.open {
      display: flex;
      flex-direction: column;
      gap: 0;
   }
   .menu__sublist li ul li {
      display: flex !important;
   }
   .menu__sublist li a::before {
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      content: '';
      margin-left: auto;
      /* background: url("../img/menu-plus.svg") 0 0/100% 100% no-repeat; */
      width: 10px;
      height: 10px;
   }
   .menu__list li:not(:last-child):hover {
      padding: 10px;
   }
   .menu__list li:first-child:hover {
      border-radius: 25px 25px 0px 0px;
   }
   .menu__sublist li ul {
      opacity: 1;
      visibility: visible;
   }
   .menu__sublist li a.rotate::before {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
   }

   .menu__sub-sublist a {
      margin-right: auto;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: start;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: start;
   }

   .menu__sub-sublist a::before {
      display: none !important;
   }

   .menu__sublist li a svg {
      margin-right: 16px;
   }

   .main-block {
      padding-bottom: 68px;
      padding-top: 120px;
   }
   .main-block__slider {
      padding-top: 20px;
      margin-left: 0;
   }
   .main-about__title {
      font-size: 32px;
      margin-bottom: 51px;
   }

   .main-about__item-text {
      font-size: 16px;
   }

   .main-about__item-image {
      width: 76px;
      height: 76px;
      margin-bottom: 23px;
   }

   .main-about__items {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .main-about__items .main-about__item {
      margin-left: 0;
      margin-right: 0;
   }

   .main-about__items .main-about__item:not(:last-child) {
      margin-bottom: 32px;
   }

   .main-about__link {
      width: 100%;
      max-width: 375px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center;
   }

   .main-category__link {
      width: 100%;
      max-width: 375px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center;
      margin-bottom: 0;
   }

   .main-about__banner {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      padding: 32px 41px;
   }

   .main-about {
      padding-bottom: 80px;
   }

   .main-category__item {
      height: 220px;
   }

   .main-category__item-name {
      font-size: 18px;
      margin-top: 15px;
   }

   .main-category {
      padding-bottom: 80px;
   }

   .main-new__subtitle {
      margin-bottom: 32px;
   }

   .main-new__title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      text-align: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
   }

   .main-new__subtitle {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center;
   }

   .main-new__items {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: 35px;
      margin-bottom: 80px;
   }

   .main-new__item-texts {
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
   }

   .main-new__baner-title {
      font-size: 28px;
      margin-bottom: 16px;
   }

   .main-new__baner-subtitle {
      margin-bottom: 16px;
   }

   .main-news__slide-image {
      margin-bottom: 21px;
   }

   .main-news {
      padding: 80px 0px 54px;
   }

   .only-desctop {
      display: none !important;
   }

   .only-mob {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
   }

   .footer__column-third-link.vb {
      margin: 0;
   }

   .footer__column-third-link.tg {
      margin: 0;
   }

   .footer__container {
      padding-right: 20px;
      padding-left: 20px;
   }

   .footer {
      padding: 60px 0px 10px;
   }

   .footer__column-third-adress {
      font-size: 16px;
   }

   .footer__column-third-link-phone {
      font-size: 16px;
   }

   .about-main__title {
      font-size: 36px;
   }

   .about-main {
      padding: 170px 0px 60px;
   }

   .about-second__image {
      width: 100%;
      min-width: 0;
   }

   .about-second__content-grid {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .about-second__content-title {
      font-size: 36px;
   }

   .about-second__content-grid-number::before {
      display: none;
   }

   .about-second__content-grid-number {
      padding: 0;
      margin: 50px 0px 32px;
   }

   .about-second__content-grid-title {
      padding: 0;
      margin-bottom: 32px;
   }

   .about-clients__title {
      font-size: 36px;
      padding: 0;
   }

   .about-clients__items {
      -ms-grid-columns: (1fr) [2];
      grid-template-columns: repeat(2, 1fr);
   }

   .about-clients__items {
      margin-top: 32px;
      gap: 5px;
   }

   .about-clients {
      padding-bottom: 30px;
   }

   .about-main__text p {
      font-size: 28px;
   }

   .contact-team__body {
      -ms-grid-columns: (1fr) [2];
      grid-template-columns: repeat(2, 1fr);
   }

   .contact-main__title {
      font-size: 36px;
      margin-bottom: 10px;
   }

   .contact-form__title {
      font-size: 36px;
   }

   .contact-main {
      padding: 140px 0px 60px;
   }

   .contact-main__map {
      padding-bottom: 70%;
   }

   .contact-main__item {
      width: 45%;
   }

   .contact-form__body form {
      /* -ms-grid-columns: 1fr;
    grid-template-columns: 1fr; */
      display: flex;
      flex-direction: column;
   }
   .contact-form__body {
      padding: 0;
   }

   .contact-form__textarea-block {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2;
   }

   .contact-form__body form #contact-submit {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2;
   }

   .catalog-main__items {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      max-width: 450px;
   }

   .catalog-main__item {
      height: 420px;
      padding-bottom: 0;
   }

   .catalog-main__item:nth-child(2n + 1) {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2;
   }

   .catalog-main__item:nth-child(2n) {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2;
   }

   .category__content-items {
      -ms-grid-columns: (1fr) [2];
      grid-template-columns: repeat(2, 1fr);
      padding: 40px 0px;
   }

   .category__content-banner-title {
      font-size: 26px;
      margin-bottom: 5px;
   }

   .category__content-info-quantity {
      display: none;
   }

   .category__content-info-look {
      display: none;
   }

   .category__content-info-sort {
      margin: 0;
   }

   .category__content-info {
      padding: 0;
      display: flex;
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: start;
   }
   .category__filters {
      overflow: auto;
      height: 100vh;
   }
   .category__content-text h2 {
      font-size: 26px;
   }

   .category__content-text h3 {
      font-size: 22px;
   }

   .category__content-banner-image {
      padding-bottom: 45%;
   }

   .single-descr__top {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .single-descr__item {
      padding: 5px 27px;
      margin: 5px 0px;
   }

   .single-descr__bottom {
      padding-bottom: 40px;
   }

   .single-analog__title {
      font-size: 26px;
   }

   .blog-archive__title {
      font-size: 27px;
      max-width: 250px;
      margin-bottom: 40px;
   }
   .blog-archive__filter-wrapper {
      margin-bottom: 40px;
   }
   .checkout-main__title {
      font-size: 36px;
      margin-bottom: 30px;
   }
   .blog-archive__bottom-block {
      padding: 40px 0px;
   }
   .blog-archive__bottom {
      margin-bottom: 40px;
   }
   .blog-archive {
      padding-bottom: 0;
   }
   .checkout-main__form-right {
      padding: 28px 14px;
   }

   .checkout-main__item-tyrazh {
      margin-right: 10px;
   }

   .checkout-main__item {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 105px 1fr 1fr;
      grid-template-columns: 105px 1fr 1fr;
      gap: 10px 20px;
   }

   .checkout-main__item-content {
      -ms-grid-column: 2;
      -ms-grid-column-span: 2;
      grid-column: 2/4;
      margin: 0;
   }

   .checkout-main__item-tyrazh {
      margin: 0;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2;
   }

   .checkout-main__item-del {
      margin: 24px auto 0px;
   }

   .checkout-main__item-price {
      margin: 24px auto 0px;
   }

   .checkout-main__price {
      padding: 18px 0px;
   }

   .checkout-main__price-text {
      font-size: 16px;
   }

   .checkout-main__price-total {
      font-size: 16px;
   }

   .checkout-main__item-content p {
      font-size: 14px;
   }

   .checkout-main__item-content span {
      font-size: 14px;
   }

   .checkout-main__form-label {
      font-size: 18px;
   }

   .checkout-main__form-btn {
      font-size: 16px;
   }
}
/* Исправляем обрезание инпута при первом открытии на iPhone */
.dgwt-wcas-overlay-mobile,
.dgwt-wcas-search-wrapp {
   width: 100vw !important;
   left: 0 !important;
   right: 0 !important;
   margin: 0 !important;
}

/* Иногда помогает также принудительно скрывать скролл */
body.dgwt-wcas-open {
   overflow: hidden !important;
}

@media (max-width: 600px) {
   .shop-pause__button {
      display: flex;
      justify-content: center;
      width: 100%;
   }
   .portfolio-empty {
      font-size: 20px;
   }
   .portfolio-archive__popup-close {
      width: 30px;
      height: 30px;
   }
   .portfolio-archive__popup-close img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
   }
   .single-portfolio__items {
      grid-template-columns: 1fr;
   }

   .portfolio-archive__popup .slick-dots {
      display: flex !important;
      width: 100%;
      justify-content: center;
      gap: 8px;
      padding: 30px 20px 20px;
   }
   .portfolio-archive__popup .slick-dots li button {
      font-size: 0;
   }
   .portfolio-archive__popup .slick-dots li {
      width: 8px;
      height: 8px;
      background: #ffffff9a;
      border-radius: 50%;
      aspect-ratio: 1/1;
      transition: all 0.3s;
   }
   .portfolio-archive__popup .slick-dots li.slick-active {
      background: #fff;
      transition: all 0.3s;
   }
   .portfolio-archive__popup-body-text {
      padding: 10px;
      font-size: 12px;
   }
   .portfolio-archive__popup-body {
      width: 96vw;
      aspect-ratio: 1 / 1.1;
   }
   .portfolio-archive__items {
      grid-template-columns: 1fr;
   }
   .pagination {
      grid-column: 1/2;
   }
   .main-news__slider-buttons {
      display: none;
   }

   .blog-archive__bottom {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
   }
   .category__content-items {
      grid-template-columns: 1fr;
   }
   .category__content-item {
      width: 100%;
      max-width: 300px;
      margin: 0 auto;
   }
   .footer__body {
      display: flex;
      flex-direction: column;
   }
   .footer__column-fourth {
      order: 1;
   }
   .footer__column-third {
      order: 2;
   }
   .footer__copy-block {
      order: 3;
   }
}

@media (max-width: 550px) {
   .header__logo {
      margin: 0;
   }

   .single-main__logotype {
      padding-right: 0;
   }
   .yith-wcan-filter.filter-orderby.no-title .filter-content {
      max-width: 200px;
   }
   .category__content-info-select span,
   .dropdown-label {
      line-height: 120%;
      text-align: end;
   }
   .contact-team__body {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      max-width: 350px;
      margin: 0px auto;
   }

   .blog-archive__filter-wrapper {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: start;
   }
   .single-main__tech {
      padding-right: 0;
   }
   .single-main__inform-block {
      margin-right: 0;
   }
   .category__body.flex .category__content-items {
      -ms-grid-columns: (1fr);
      grid-template-columns: 1fr;
   }
   .header__cart {
      margin: 0px 15px 0px 10px;
   }
   .header-account__link {
      margin: 0px 5px 0px 20px;
   }
   .header__search {
      width: 40px;
      overflow: hidden;
     
   }
   .header__search input,
   .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type='search'].dgwt-wcas-search-input {
      border: 1px solid #fff !important;
      box-shadow: 0 0 0 1px #fff !important;
   }
   .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit svg {
      width: 22px;
      height: 22px;
   }
   .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
      left: 7px !important;
   }
   .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit svg {
      max-width: 40px;
      width: 25px;
   }
   @media (max-width: 370px) {
      .footer__column-fourth img {
         object-fit: contain;
      }
   }
}