/*============= FONTS ===============*/
@font-face {
	font-display: swap;
	font-family: "OpenSans";
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/OpenSans-Light.ttf") format("truetype");
}
@font-face {
	font-display: swap;
	font-family: "OpenSans";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
}
@font-face {
	font-display: swap;
	font-family: "OpenSans";
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/OpenSans-Medium.ttf") format("truetype");
}
@font-face {
	font-display: swap;
	font-family: "OpenSans";
	font-style: normal;
	font-weight: 600;
	src: url("../fonts/OpenSans-SemiBold.ttf") format("truetype");
}
@font-face {
	font-display: swap;
	font-family: "OpenSans";
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/OpenSans-Bold.ttf") format("truetype");
}
@font-face {
	font-display: swap;
	font-family: "OpenSans";
	font-style: normal;
	font-weight: 900;
	src: url("../fonts/OpenSans-ExtraBold.ttf") format("truetype");
}






/* Montserrat */
@font-face {
	font-display: swap;
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
	font-display: swap;
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 600;
	src: url("../fonts/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
	font-display: swap;
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/Montserrat-Medium.ttf") format("truetype");
}
@font-face {
	font-display: swap;
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
	font-display: swap;
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/Montserrat-Light.ttf") format("truetype");
}

/* Heading Now  */
@font-face {
	font-display: swap;
	font-family: "Heading Now 84";
	font-style: normal;
	/* font-weight: 400; */
	src: url("../fonts/headingnow-trial-84.otf") format("truetype");
}
@font-face {
	font-display: swap;
	font-family: "Heading Now 74";
	font-style: normal;
	/* font-weight: 400; */
	src: url("../fonts/headingnow-trial-74.otf") format("truetype");
}


h1, h2, h3 {
	font-family: "Heading Now 84";
	font-weight: 400;
}
h1 {
	font-size: clamp(32px, calc(1vw * 3), 50px);
	line-height: 120%;
}
@media(max-width: 380px) {
	h1 {
		font-size: clamp(27px, calc(1vw * 4.2), 50px);
	}
}
h2 {
	font-size: clamp(20px, calc(1vw * 5.85), 44px);
	line-height: 130%;
}
.h2-30 {
	font-size: clamp(30px, calc(1vw * 5.85), 44px);
}
@media(max-width: 440px) {
	h2 {
		font-size: clamp(20px, calc(1vw * 5.9), 44px);
	}
}
h3 {
	font-size: 38px;
	line-height: 130%;
}
h4, h5 {
	font-family: "Heading Now 74";
	font-weight: 700;
}
h4 {
	line-height: auto;
	font-size: clamp(15px, calc(1vw * 2), 24px);
}
h5 {
	font-weight: 400;
	line-height: 128%;
	font-size: clamp(16px, calc(1vw * 4.85), 22px);
}


.header__contact-value {
	font-family: "Montserrat";
	font-weight: 600;
	font-size: 16px;
	line-height: auto;
	letter-spacing: 0.5px;
}
ul.nav-menu li a,
.nav-menu ul li a {
	font-family: 'Montserrat';
	font-size: 16px;
	font-weight: 400;
	line-height: 125%;
}



/* lead */
.lead,
.mainBanner__subtitle {
	font-family: "Montserrat";
	font-weight: 300;
	font-size: clamp(16px, calc(1vw * 1.3), 22px);
	line-height: 165%;
}


/* big button */
.big-button,
.btn-order__text {
	font-family: "Montserrat";
	font-weight: 600;
	font-size: clamp(14px, calc(1vw * 1.2), 16px);
	line-height: auto;
}



/* Text Uppercase Bold */
.text_uppercase_bold,
.btn-order:hover .btn-order__text,
.step__text,
.product-full__option__title,
.readyMaterials__desc-item-title,
.tablepress thead th,
.tablepress thead th span,
.productionProduct__banner__content-item__options-item span,
.payDelivery__item__title {
	font-family: "Montserrat";
	font-weight: 700;
	font-size: 14px;
	line-height: 160%;
}



/* Subtitle */
.subtitle,
.category__undertext,
.block-header-content__text {
	font-family: "Montserrat";
	font-weight: 300;
	font-size: clamp(14px,  calc(1vw * 1.2), 18px);
	line-height: 165%;
}

@media(max-width: 850px) {
	.taxonomy-product-post-block__head-subtitle {
		font-family: "Montserrat";
		font-weight: 300;
		font-size: clamp(14px,  calc(1vw * 1.2), 18px);
		line-height: 165%;
	}
}


/* Advantage */
.advantage,
.advantages__item__text,
.contact__info-item__value,
.contact__info-item__value p {
	font-family: "Montserrat";
	font-weight: 600;
	font-size: clamp(16px, calc(1vw * 2), 18px);
	line-height: 145%;
}
@media(max-width: 500px) {
	.product__title {
		font-family: "Montserrat";
		font-weight: 600;
		font-size: clamp(10px, calc(1vw * 3.5), 18px);
		line-height: 145%;
	}
}


/* btn */
.btn {
	font-family: "Montserrat";
	font-weight: 600;
	font-size: clamp(11px, calc(1vw * 3.45), 15px);
}


/* desk text */
.desk-text,
.production__text,
.form-block__text,
.footer__nav-menu-item__contact-value,
.footer__nav-menu-item__address,
.contact__info-item__title,
.ul-style *,
.tablepress tbody td,
.productionProduct__banner__content-item__options-item,
.modal__warning-text  {
	font-family: 'Montserrat';
	/* font-size: clamp(13px, calc(1vw * 3.75), 16px); */
	font-size: clamp(13px, calc(1vw * 3.55), 16px);
	font-weight: 400;
	line-height: 175%;
	letter-spacing: 0.20000000298023224px;
}


/* input */
input,
input::placeholder,
.footer__nav-menu-item__menu ul li a,
.bannerText__subtitle,
.map-color {
	font-family: 'Montserrat';
	font-size: clamp(14px, calc(1vw * 3.8), 16px);
	font-weight: 300;
	line-height: 121%;
	letter-spacing: 0.20000000298023224px;
	text-align: left;
}


/* link (mini) */
.privacy__label,
.privacy__label a,
.contanct__info-item__desc,
.breadcrumbs a,
.breadcrumbs span,
.breadcrumbs span.current-item,
.breadcrumbs {
	font-family: 'Montserrat';
	font-size: 12px;
	font-weight: 400;
	line-height: 120%;
}
.privacy__label a {
	font-weight: 300;
}


/* Small text */
.small_text,
.copyrite,
.mobile__nav-menu ul li a {
	font-family: 'Montserrat';
	font-size: 14px;
	font-weight: 400;
	line-height: 125%;
	letter-spacing: 0.20000000298023224px;
}

.mobile__nav-menu ul li a {
	font-weight: 500;
}


/* Sizes text */
.sizes_text,
.text_img-block__text-wrapper *,
.titleText__text *,
.product-full__option__value-size {
	font-family: 'Montserrat';
	font-size: 16px;
	font-weight: 500;
	line-height: 175%;
	letter-spacing: 0.20000000298023224px;
}


/* price */
.product-full__price {
	font-family: "Heading Now 84";
	font-size: 24px;
	font-weight: 400;
	line-height: 31.56px;
	letter-spacing: 0.20000000298023224px;
}

/* table */
.costs__tables-item-title,
.productionProduct__sizes-item__img-subtitle {
	font-family: 'Montserrat';
	font-size: 12px;
	font-weight: 400;
	line-height: 233%;
	letter-spacing: 0.20000000298023224px;
}




/* selected */
.productionProduct__banner__content-item__title {
	font-family: 'Montserrat';
	font-size: clamp(24px, 1vw * 6.5, 34px);
	font-weight: 700;
	line-height: 120%;
}

/*============= ROOTS ===============*/
:root {
    --Black: #000000;
    --Primary: #B0917F;
    --White: #FFFFFF;
    --6D6D6D: #6D6D6D;
    --background: linear-gradient(180deg, #F1F3F2 0%, #EBECE9 100%);
    --F6F6F6: #F6F6F6;
    --F9F9F9: #F9F9F9;
    --D6D6D8: #D6D6D8;
    --D2D2D1: #D2D2D1;
    --EAEAEA: #EAEAEA;




    --Container: 1110px;
    --Transition: all 0.4s ease;


    /* margin */
    --Margin-230-30: clamp(30px, calc(1vw * 8), 230px);
    --Margin-200: clamp(90px, calc(1vw * 25), 200px);
    --Margin-200-100: clamp(100px, calc(1vw * 25), 200px);
    --Margin-200-65: clamp(65px, calc(1vw * 13.5), 200px);
    --Margin-200-65: clamp(65px, calc(1vw * 13.5), 200px);
    --Margin-200-50: clamp(50px, calc(1vw * 13.5), 200px);
    --Margin-150-80: clamp(80px, calc(1vw * 13.5), 150px);
    --Margin-130-90: clamp(90px, calc(1vw * 13.5), 130px);
    --Margin-130-50: clamp(50px, calc(1vw * 13.5), 130px);
    --Margin-130-30: clamp(30px, calc(1vw * 8), 130px);
    --Margin-120-50: clamp(50px, calc(1vw * 13.5), 120px);
    --Margin-100-90: clamp(90px, calc(1vw * 8), 100px);
    --Margin-100-80: clamp(80px, calc(1vw * 8), 100px);
    --Margin-100-60: clamp(60px, calc(1vw * 8), 100px);
    --Margin-100-50: clamp(50px, calc(1vw * 13.5), 100px);
    --Margin-100-30: clamp(30px, calc(1vw * 8), 100px);
    --Margin-100-20: clamp(20px, calc(1vw * 5.5), 100px);
    --Margin-100-0: clamp(0px, calc(1vw * 5.5), 100px);
    --Margin-100: clamp(50px, calc(1vw * 13.6), 100px);
    --Margin-80: clamp(40px, calc(1vw * 11), 80px);
    --Margin-80-60: clamp(60px, calc(1vw * 11), 80px);
    --Margin-80-30: clamp(30px, calc(1vw * 8), 80px);
    --Margin-70: 70px;
    --Margin-60: clamp(30px, calc(1vw * 4.4), 60px);
    --Margin-60-50: clamp(50px, calc(1vw * 4.4), 60px);
    --Margin-60-20: clamp(20px, calc(1vw * 5.5), 60px);
    --Margin-50: clamp(20px, calc(1vw * 6), 50px);
    --Margin-50-30: clamp(30px, calc(1vw * 6), 50px);
    --Margin-50-20: clamp(20px, calc(1vw * 5.5), 50px);
    --Margin-40: 40px;
    --Margin-40-30: clamp(30px, calc(1vw * 6), 40px);
    --Margin-40-20: clamp(20px, calc(1vw * 5.5), 40px);
    --Margin-30: clamp(10px, calc(1vw * 2.9), 30px);
    --Margin-30-20: clamp(20px, calc(1vw * 2.9), 30px);
    --Margin-25: 25px;
    --Margin-20: 20px;
    --Margin-20-15: clamp(15px, calc(1vw * 2.9), 20px);
    --Margin-20-10: clamp(10px, calc(1vw * 2.9), 20px);
    --Margin-25: 25px;
    --Margin-15: 15px;
    --Margin-10-2: clamp(2px, calc(1vw * 0.6), 10px);

    /* padding */
    --Padding-200: 200px;
    --Padding-200-90: clamp(90px, calc(1vw * 8.2), 200px);
    --Padding-100-90: clamp(90px, calc(1vw * 8.2), 100px);
    --Padding-100-50: clamp(50px, calc(1vw * 8.2), 100px);
    --Padding-70: 70px;
    --Padding-45: 45px;
    --Padding-25: 25px;
    --Padding-20: clamp(6px, calc(1vw * 2.15), 20px);
    --Padding-15: 15px;
    --Padding-10: 10px;

    --Padding-mobile-menu: 100px;

    /* gap */
    --Gap-100: 100px;
    --Gap-header: 77px;
    --Gap-70: 70px;
    --Gap-10: 10px;
    --Gap-10-5: clamp(5px, calc(1vw * 1.2), 10px);
    --Gap-5: 5px;
}


@media(max-width: 1160px) {
    :root {
        --Container: calc(100% - 30px);
    }
}
@media(max-width: 1110px) {
    :root {
        --Gap-header: 30px;
    }
}
@media(max-width: 900px) {
    :root {
        --Padding-45: 25px;
    }
}
@media(max-width: 500px) {
    :root {
        --Padding-mobile-menu: 80px;
    }
}

/*============= ALIGNES ===============*/

.alignwide {
  width: 100%;
}

.alignfull {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 1920px;
}

.title-center {
  text-align: center;
}
.after-block__swiper-pagination {
  width: fit-content !important;
  margin: 0 auto;
  margin-top: var(--Margin-40);
}

@media only screen and (min-width: 1920px) {
  .alignfull {
    width: 100vw !important;
    max-width: unset;
    /*margin-left: calc(-1 * (1920px - 1170px) / 2) !important;*/
    /*margin-right: calc(-1 * (1920px - 1170px) / 2) !important;*/
  }
}
/* =========== BASE CONFIG =========== */
html {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat';
  font-weight: 400;
  box-sizing: border-box;
  color: var(--Black);
}

body {
  background-color: var(--White);
  /*max-width: 1920px;*/
  overflow-x: hidden;
  margin: 0 auto;
  width: auto;
  /*-webkit-box-shadow: 0 0 20px 5px #747474;*/
  /*box-shadow: 0 0 20px 5px #747474;*/
}

a {
  font-family: 'Montserrat';
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: var(--Black);
  cursor: pointer;

  text-decoration: none;
  transition: var(--Transition);
}
a:hover {
  color: var(--Primary);
}

main.foned {
  position: relative;
  overflow: hidden;
  z-index: 999;
}
main.foned:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.breadcrumbs {
  /* padding: 20px 0; */
  padding-bottom: 20px;
  /* font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 18px; */
  color: var(--Black);
}
.breadcrumbs span {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.breadcrumbs span.current-item {
  color: var(--Black);
}

.container {
  max-width: var(--Container);
  width: 100%;
  margin: 0 auto;
}


section {
  margin-bottom: var(--Margin-100);
}

#main,
#primary {
  min-height: 83vh;
}

.block-title,
.page-title {
  color: var(--Black);
}
.page-title {
  margin-bottom: var(--Margin-60-50);
}
.block-subtitle {
  color: var(--6D6D6D);
}

@media(max-width: 430px) {
  .page-title {
    text-align: center;
  }
}

.btn-order {
  position: relative;
  display: flex;
  align-items: center;
  height: 100px;
  width: fit-content;
  cursor: pointer;
  padding-right: 68px;
  transition: var(--Transition);
}
.btn-order__ellipse {
  position: relative;
  /* width: 100px; */
  /* height: 100px; */
  width: clamp(75px, calc(1vw * 7), 100px);
  height: clamp(75px, calc(1vw * 7), 100px);
  border: solid 1px var(--Black);
  border-radius: 200%;
  display: flex;
  align-items: center;
  transition: var(--Transition);
}
.btn-order__content-wrapper {
  position: relative;
  padding-top: 11px;
  padding-bottom: 9px;
  background-color: var(--White);
  display: flex;
  align-items: center;
  gap: var(--Gap-10);
  /* margin-left: 50px; */
  margin-left: clamp(42px, calc(1vw * 3.1), 50px);
  transition: var(--Transition);
}
.btn-order__text {
  color: var(--Black);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: var(--Transition);
}
.btn-order:hover {
  padding-right: 75px;
}
.btn-order:hover .btn-order__ellipse {
  width: 75px;
  height: 75px;
}
.btn-order:hover .btn-order__content-wrapper {
  /* margin-left: 42px; */
  margin-left: clamp(34px, calc(1vw * 3), 42px);
}


.span-primary span {
  color: var(--Primary);
}

/*============ HEADER =================*/
header {
  position: sticky;
  top: 0px;
  background-color: var(--White);
  margin-bottom: 30px;
  z-index: 999;
}
.nav-menu,
.header__contact-value {
  color: var(--Black);
}
ul.nav-menu,
.nav-menu ul,
ul {
  list-style: none;
}
.header__wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
  align-items: end;
  gap: var(--Gap-header);
  padding-top: var(--Padding-45);
  padding-bottom: var(--Padding-45);
}
.header__nav-menu ul {
  position: relative;
  display: flex;
  gap: var(--Gap-header);
  /* align-items: center; */
  align-items: start;
}
.logo__wrapper {
  position: relative;
  display: block;
  width: 150px;
  height: 50px;
}
.logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  border-radius: 5px;
}
.header__contact {
  position: relative;
  display: flex;
  align-items: end;
  flex-direction: column;
  gap: var(--Gap-5);
}
.header__nav-menu ul li a {
  padding-bottom: var(--Padding-10);
  border-bottom: solid 2px #00000000;
  transition: var(--Transition);
}
.header__nav-menu > ul > li:hover > a {
  border-color: var(--Black);
  color: var(--Black);
}
.burger {
  display: none;
  width: 26px;
  height: 11px;
  flex-direction: column;
  gap: 9px;
  transition: var(--Transition);
  will-change: transform;
}
.burger span {
  position: relative;
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--Black);
  transition: var(--Transition);
  will-change: transform;
}
.burger.active {
  position: relative;
  height: 20px;
}
.burger.active span {
  position: absolute;
  width: 25px;
  height: 1px;
}
.burger.active span:nth-child(1){
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) rotate(45deg) !important;
}

.burger.active span:nth-child(2){
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}
@media(max-width: 900px) {
  .header__nav-menu {
    display: none;
  }
  .burger {
    display: flex;
  }
  .header__contact {
    margin-left: auto;
  }
	.header__wrapper {
		align-items: center;
	}
}
@media(max-width: 500px) {
  .header__contact {
    display: none;
  }
  .logo__wrapper {
    width: 100px;
    height: 30px;
  }
}

.header__nav-menu ul.sub-menu {
  position: absolute;
  padding: 20px 30px;
  background-color: var(--F9F9F9);
  display: none;
  visibility: hidden;
  opacity: 0;
  min-width: 252px;
  width: auto;
  bottom: 0px;
  left: 0px;
  transform: translateX(-30px) translateY(100%);
  flex-direction: column;
  align-items: start;
  gap: 35px;
  transition: var(--Transition);
}
.nav-menu-element.has-childs {
  position: relative;
  display: flex;
  align-items: start;
  gap: 10px;
}
.nav-menu-element.has-childs::after {
  content: '';
  position: relative;
  display: block;
  width: 12px;
  height: 8px;
  background-image: url(../images/arrow.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 6px;
  transition: var(--Transition);
}
.mobile__nav-menu li.has-childs.open-menu::after,
.header__nav-menu .nav-menu-element.has-childs:hover::after {
  rotate: 180deg;
}
.header__nav-menu .nav-menu-element.has-childs:hover ul.sub-menu {
  display: flex;
  visibility: visible;
  opacity: 1;
}
.nav-menu-element.has-childs ul.sub-menu li {
  transition: var(--Transition);
}
.nav-menu-element.has-childs ul.sub-menu li:hover {
  transform: translateX(20px);
}
.nav-menu-element.has-childs ul.sub-menu li:hover a {
  color: var(--Black);
  font-weight: 500;
}

.footer__nav-menu-item__menu ul ul.sub-menu {
  display: none;
}
.footer__nav-menu-item__menu ul li.has-childs::after {
  content: none;
}
/*================ MOBILE MNU =============*/
.mobile-blackout {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  transform: translateY(100%);
  z-index: 997;
}
.mobile-blackout.active {
  transform: translateY(0%);
}
.mobile-menu {
  position: fixed;
  top: 0px;
  left: 0px;
  height: auto;
  background-color: var(--White);
  max-height: 100vh;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 998;
  transition: var(--Transition);
  transform: translateY(-100%);
  padding-top: var(--Padding-mobile-menu);
}
.mobile-menu.active {
  transform: translateY(0%);
}
.mobile-menu__content {
  position: relative;
  padding: 20px 15px;
  padding-bottom: 40px;
}

.overflow-hidden {
  overflow: hidden;
}

.mobile__nav-menu li.has-childs {
  flex-wrap: wrap;
}
.mobile__nav-menu li.has-childs ul.sub-menu {
  order: 1;
  width: 100%;
  padding-left: 30px;
  display: none;
}
.mobile__nav-menu li.has-childs.open-menu ul.sub-menu {
  display: flex;
}
.mobile__nav-menu li.has-childs {
  row-gap: 20px;
}
.mobile__nav-menu ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
/*============ FOOTER ===============*/
/* ============== MODAL ============= */
.theme-modal {
	display: none;
}
.theme-modal.fancybox__content {
  width: 460px;
}
.theme-modal.fancybox__content .f-button.is-close-btn svg path {
  transition: stroke .3s ease-in;
}
.theme-modal.fancybox__content .f-button.is-close-btn:hover svg path {
  stroke: var(--primary);
}
.fancybox__backdrop {

}

/* ============= MEDIA QUERIES =========== */

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

*[data-fancybox] {
  cursor: pointer;
}

/* inputs */
input[type="checkbox"] {
  cursor: pointer;
}
input {
  background-color: var(--White);
  padding-top: 23px;
  padding-bottom: 22px;
  border: none;
  border-bottom: solid 1px var(--D6D6D8);
  color: var(--Black);
  transition: var(--Transition);
}
input::placeholder {
  color: var(--Black);
}
input:active,
input:hover,
input:focus {
  border-bottom-color: var(--Black);
  outline: none;
}
.input__checkbox {
  position: relative;
  display: flex;
  gap: 10px;
  align-items: center;
}
.privacy__label {
  position: relative;
  width: auto;
  flex-grow: 1;
}
input[type="checkbox"] {
  position: relative;
  min-width: 25px;
  width: 25px;
  height: 25px;
}
input[type="checkbox"]::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: solid 1px var(--Black);
  background-color: var(--White);
  z-index: 2;
}
input[type="checkbox"]::after {
  content: '';
  position: absolute;
/*   top: 3px;
  left: 3px; */
	top: 1px;
  left: 1px;
/*   width: calc(100% - 6px);
  height: calc(100% - 6px); */
  width: 100%;
  height: 100%;
  background-color: var(--Black);
  z-index: 3;
  transition: var(--Transition);
  opacity: 0;
}
input[type="checkbox"]:checked::after {
  opacity: 1;
}
input.error,
input[type="checkbox"].error::before {
  border-color: red;
}
input.error::placeholder {
  color: red;
}
/* /inputs */


.privacy__label,
.privacy__label a {
  color: var(--Black);
}
.privacy__label a {
  text-decoration: underline;
}

.btn {
  position: relative;
  display: flex;
  gap: 10px;
  align-items: center;
  text-transform: uppercase;
  color: var(--Black);
  transition: var(--Transition);
  padding: 17px clamp(30px, calc(1vw * 3), 35px);
  width: fit-content;
  border: solid 1px var(--D6D6D8);
  cursor: pointer;
  background-color: var(--White);
  height: fit-content;
}
.btn svg {
  width: 11px;
  height: 11px;
}
.btn svg path {
  fill: var(--Black);
  transition: var(--Transition);
}
.btn .btn__arrow-two {
  width: 16px;
  height: 16px;
}
.btn:hover {
  background-color: var(--Black);
  border-color: var(--Black);
  color: var(--White);
}
.btn:hover svg path {
  fill: var(--White);
}
.btn.black {
  background-color: var(--Black);
  color: var(--White);
  border-color: var(--Black);
}
.btn.black svg path,
.btn.black:hover svg path {
  fill: var(--White);
  stroke: var(--White);
}

.btn.border-none {
  border: none;
}

@media(max-width: 365px) {
  .btn {
    padding: clamp(12px, calc(1vw * 2), 17px) clamp(20px, calc(1vw * 3), 30px);
  }
}



/* desc-mobile */
@media(min-width: 850px) {
  .mobile {
    display: none;
  }
}
@media(max-width: 850px) {
  .desktop {
    display: none;
  }
}




/* products-wrapper */
.products__wrapper {
  position: relative;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media(max-width: 1100px) {
  .products__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media(max-width: 670px) {
  .products__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media(max-width: 365px) {
  .products__wrapper {
    gap: 10px;
  }
}
/* products card */
.product__card {
  position: relative;
  display: block;
  width: 100%;
  height: clamp(180px, calc(1vw * 40), 360px);
/*   height: auto; */
/*   aspect-ratio: 1 / 1; */
}
.product__img {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.product__title {
  position: absolute;
  width: 100%;
  padding: var(--Padding-20);
  z-index: 2;
  color: var(--White);
  bottom: 0px;
  left: 0px;
}
.product__img-blackout {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 41.69%, rgba(0, 0, 0, 0.5) 100%);
  z-index: 1;
}

/* productions wrapper */
.productions__wrapper {
  position: relative;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media(max-width: 1050px) {
  .productions__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media(max-width: 720px) {
  .productions__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
/* production card */
.production {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  width: 100%;
  height: 100%;
}
.production__img-wrapper {
  position: relative;
  width: 100%;
  height: 350px;
  overflow: hidden;
}
.production__img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--Transition);
}
.production__content {
  position: relative;
  background: linear-gradient(180deg, #F9F9F9 0%, rgba(249, 249, 249, 0) 100%);
  padding: var(--Padding-25);
  flex-grow: 1;
  border: solid 1px #ffffff00;
  transition: var(--Transition);
}
.production__content::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 1) 72.21%);
  opacity: 0;
  transition: var(--Transition);
}
.production__title {
  position: relative;
  color: var(--Black);
}
.production__text {
  position: relative;
  color: var(--Black);
  margin-top: var(--Margin-15);
}
.production__title, 
.production__text {
  transition: var(--Transition);
}
.production::after {
  content: '';
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  display: block;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 51.04%, rgba(0, 0, 0, 0.5) 100%);
  opacity: 0;
  transition: var(--Transition);
}
.production:hover::after {
  opacity: 0;
}
.production:hover .production__content {
  border-color: #FFFFFF26;
}
.production:hover .production__title,
.production:hover .production__text {
  color: var(--White);
}
.production:hover .production__content::before {
  opacity: 0.7;
}
.production:hover .production__img-wrapper .production__img {
  transform: scale(1.2);
}



/* block header */
.block-header {
  position: relative;
  width: 100%;
  display: flex;
  gap: 30px;
  justify-content: space-between;
  margin-bottom: var(--Margin-80);
}
.block-header__title {
  position: relative;
  color: var(--Black);
  /* max-width: 445px; */
  max-width: 440px;
}
.block-header-content {
  position: relative;
  padding-top: var(--Margin-50);
  max-width: 445px;
}
.block-header-content__text {
  color: var(--Black);
}
.block-header__btn {
  margin-top: var(--Margin-50);
}


@media(max-width: 850px) {
  .block-header {
      flex-direction: column;
      gap: var(--Margin-20);
      align-items: center;
  }
  .block-header-content {
      padding-top: 0px;
  }
  .block-header__title,
  .block-header-content__text {
      text-align: center;
  }
  .block-header__btn {
      margin-left: auto;
      margin-right: auto;
  }
}
@media(max-width: 600px) {
  .block-header {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}





/*  */
.block__after {
  margin: 0 auto;
  margin-top: var(--Margin-100-80);
}
.swiper-pagination-bullets {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.swiper-pagination-bullet {
  display: block !important;
  width: 30px !important;
  height: 5px !important;
  opacity: 1 !important;
  background-color: var(--EAEAEA) !important;
  border-radius: 0px !important;
  margin: 0px !important;
  transition: var(--Transition);
}
.swiper-pagination-bullet-active {
  background-color: var(--Black) !important;
  opacity: 1 !important;
}
/*  */



/* gallery wrapper */
.gallery__wrapper {
  position: relative;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media(max-width: 1110px) {
  .gallery__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media(max-width: 940px) {
  .gallery__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media(max-width: 520px) {
  .gallery__wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
/* gallery item */
.gallery__item {
  position: relative;
  width: 100%;
  height: clamp(225px, calc(1vw * 60), 360px);
  display: block;
}
.gallery__item-img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 768px) {
.gallery__item {
  position: relative;
  width: 100%;
  height: clamp(425px, calc(1vw * 60), 360px);
  display: block;
}
}


/* footer */
footer {
  padding-bottom: var(--Padding-100-90);
  padding-top: var(--Padding-100-90);
}
.socials {
  position: relative;
  display: flex;
  gap: 20px;
  row-gap: 10px;
  flex-wrap: wrap;
}
.socials__item {
  position: relative;
  width: 25px;
  height: 25px;
}
.socials__item__img {
  position: relative;
  width: 100%;
  height: 100%;
}
.copyrite {
  color: var(--Black);
}
.footer__info {
  position: relative;
  display: flex;
  flex-direction: column;
}
.footer__socials,
.footer__logo {
  margin-bottom: var(--Margin-40);
}

.footer__nav-menu-item__title {
  color: var(--Black);
  margin-bottom: var(--Margin-30);
}


.footer__nav-menu-item__menu ul {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.footer__nav-menu-item__menu ul li a {
  color: var(--Black);
}
.footer__nav-menu-item__menu ul li a:hover {
  color: var(--Primary);
}

.footer__top {
  position: relative;
  display: flex;
  gap: 60px;
  justify-content: space-between;
}
.footer__nav-menus {
  position: relative;
  display: flex;
  gap: var(--Gap-100);
}

.footer__bottom {
  position: relative;
  margin-top: var(--Margin-60);
}
.footer__nav-menu-item__contact {
  position: relative;
  margin-top: var(--Margin-25);
}
.footer__nav-menu-item__contact-value {
  position: relative;
  /* display: flex; */
  display: block;
  color: var(--Black);
}

.footer__nav-menu-item__address p {
  font-weight: inherit;
  font-size: inherit;
}

@media(max-width: 920px) {
  .footer__nav-menus,
  .footer__top {
    gap: 30px;
  }
  .footer__nav-menus {
    justify-content: space-between;
    flex-grow: 1;
  }
}
@media(max-width: 840px) {
  .footer__nav-menus,
  .footer__top {
    flex-direction: column;
    align-items: center;
  }
  .footer__nav-menu-item__title {
    text-align: center;
  }
  .footer__nav-menu-item__address {
    text-align: center;
  }
  .footer__nav-menu-item__contact-value {
    text-align: center;
  }
  .footer__nav-menu-item__menu ul li a {
    display: block;
    text-align: center !important;
  }

  .footer__socials {
    order: 1;
    margin-bottom: 0px;
    margin-top: 50px;
  }
  .footer__logo {
    margin-bottom: 11px;
  }

  .footer__socials {
    justify-content: center;
  }

  .footer__nav-menu-item__menu ul li {
    justify-content: center;
  }
}



.grampus__text {
  font-size: 14px;
}
.grampus {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.grampus p {
  color: var(--Black);
  transition: var(--Transition);
}
.grampus .grampus__img {
  width: 111px;
  height: 17px;
  mask-image: url(../images/gmask.png);
  mask-origin: border-box;
  mask-size: contain;
  mask-repeat: no-repeat;
  background-color: var(--Black);
  position: relative;
  cursor: pointer;
  display: inline-flex;
  vertical-align: sub;
  transition: var(--Transition);
}
.grampus__img:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: red;
  transform: translateX(100%);
  transition: transform .7s ease-in;
  background: linear-gradient(90deg, #fe6604 10%, #ee0a76 30%, #ee0a76 60%, #fe6604 101%) repeat-x 0 0;
  background-size: 100px;
  animation-duration: 5s;
  animation-name: slideUp;
  animation-iteration-count: infinite;
  animation-delay: 3s;
}
@keyframes slideUp {
  0% {
    transform: translateX(-100%);
  }

  50% {
      transform: translateX(0);
  }
  100% {
      transform: translateX(100%);
  }
}
.grampus:hover p {
  color: var(--Primary);
}
.grampus:hover .grampus__img {
  background-color: var(--Primary);
}








/* other */
.show-more {
  margin: 0 auto;
  margin-top: var(--Margin-60-50);
}
.loading {
  transition: var(--Transition);
  opacity: 0.4;
  pointer-events: none;
}

/* map */
.map__wrapper {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 250px;
  aspect-ratio: 16 / 6.5;
}
.map__wrapper iframe {
  position: relative;
  width: 100%;
  height: 100%;
}


/* advantages */
.advantages {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--Gap-70);
  row-gap: var(--Margin-20);
}
.advantages__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
}
.advantages__item__img-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 55px;
  width: 100%;
  height: 55px;
  background-color: var(--F6F6F6);
  border-radius: 200%;
}
.advantages__item__img {
  height: 20px;
  width: auto;
  max-width: 32px;
}

@media(max-width: 1090px) {
  .advantages {
      grid-template-columns: repeat(3, 1fr);
  }
}
@media(max-width: 850px) {
  .advantages {
      grid-template-columns: repeat(2, 1fr);
  }
}
@media(max-width: 850px) {
  .advantages {
      grid-template-columns: repeat(1, 1fr);
  }
}



/* steps */
.steps {
  position: relative;
  display: flex;
  gap: 50px;
  align-items: start;
  flex-wrap: wrap;
  width: 100%;
}
.step__arrow-wrapper {
  position: relative;
  width: 14px;
  height: 14px;
  margin-top: 60px;
}
.step__arrow {
  width: 100%;
  height: 100%;
}
.step {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  width: 120px;
}
.step__icon-wrapper {
  position: relative;
  width: 44px;
  height: 44px;
}
.step__icon {
  position: relative;
  width: 100%;
  height: 100%;
}
.step__text {
  position: relative;
  color: var(--Black);
  text-align: center;
}
@media(max-width: 630px) {
  .step__arrow-wrapper {
    display: none;
  }
  .steps {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
}





/* product-full */
.product-full__swiper-main,
.product-full__swiper-thumb {
  margin: 0px !important;
}
.product-full__swipers {
  position: relative;
  display: flex;
  gap: 10px;
  align-items: center;
  max-height: 500px;
  height: 500px;
/*   max-height: 400px;
  height: 400px; */
  aspect-ratio: 555 / 500;
/*   aspect-ratio: 1 / 1; */
  max-width: 100%;
}

.product-full__swiper-main {
  position: relative;
  width: 445px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 445 / 500;
/*   width: 400px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 400 / 400; */
  overflow: hidden;
}

.swiper-img-bg {
  position: relative;
  background: linear-gradient(180deg, #F1F3F2 0%, #EBECE9 100%);
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.swiper-img {
  position: relative;
  height: 100%;
/*   width: auto; */
  width: 100%;
  max-width: 100%;
/*   object-fit: contain; */
  object-fit: cover;
  object-position: center;
}

.product-full__swiper-thumb .swiper-slide {
  cursor: pointer;
}
.product-full__swiper-thumb__wrapper {
  position: relative;
  max-height: 500px;
  height: 500px;
/*   max-height: 400px;
  height: 400px; */
}
.product-full__swiper-thumb {
  position: relative;
  width: 100px;
  max-height: 100%;
  height: calc(100% - 42px);
  overflow: hidden;
}
.product-full__swiper-thumb__arrow {
  margin: 0 auto;
}
.product-full__swiper-thumb__arrow.up {
  margin-bottom: 10px;
}
.product-full__swiper-thumb__arrow.down {
  margin-top: 10px;
}
.product-full__swiper-thumb__arrow.down {
  rotate: 180deg;
}
.product-full__thumb-img__wrapper {
  position: relative;
  aspect-ratio: 100 / 130;
  max-width: 100px;
  max-height: 130px;
}

.product-full__swiper-thumb__arrow {
  position: relative;
  width: 18px;
  height: 11px;
}
.product-full__swiper-thumb__arrow svg {
  position: relative;
  width: 100%;
  height: 100%;
}

.product-full__wrapper {
  position: relative;
  display: flex;
  gap: 30px;
  justify-content: space-between;
  align-items: start;
}

.product-full__content {
  position: relative;
  width: 100%;
  max-width: 445px;
}

.product-full__content-title {
  position: relative;
  margin-bottom: 30px;
}

.product-full__head {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 35px;
}
.product-full__price {

}

.product-full__option__title {
  position: relative;
  margin-bottom: 10px;
  text-transform: uppercase;
}

ul.ul-style li,
.ul-style ul li {
  padding-left: 23px;
}

ul.ul-style li,
.ul-style ul li {
  position: relative;
}

ul.ul-style li::before,
.ul-style ul li::before {
  content: '';
  position: absolute;
  left: 10px;
  top: 12px;
  display: block;
  max-width: 4px;
  max-height: 4px;
  width: 100vw;
  height: 100vw;
  border-radius: 300%;
  background-color: var(--Black);
}

.product-full__option {
  position: relative;
  margin-bottom: 30px;
}

.product-full__content .product-full__option:last-child {
  margin-bottom: 0px;
}




.product-full__option__values {
  position: relative;
  /* display: grid;
  grid-template-columns: repeat(4, 1fr); */
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 350px;
}
@media(max-width: 580px) {
  .product-full__option__values {
    margin-left: auto;
    margin-right: auto;
  }
}
@media(max-width: 375px) {
  .product-full__option__values {
    max-width: 100%;
    grid-template-columns: minmax(60px, 80px);
    grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
  }
  .product-full__option__values .product-full__option__value-size {
    /* width: 100%;
    min-width: 100%; */
  }
}
.product-full__option__values-colors {
  display: flex;
  flex-wrap: wrap;
  max-width: none;
}
.product-full__option__title-colors {
  margin-bottom: 30px;
}
.product-full__option__value-size {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  /* width: 80px;
  height: 45px; */
  min-width: 80px;
  width: fit-content;
  height: fit-content;
  padding: clamp(5px, 4.0833px + 0.2083vw, 8px) clamp(10px, 8.4722px + 0.3472vw, 15px);
  background-color: var(--F6F6F6);
  transition: var(--Transition);
}
.product-full__option__value-size:hover {
  color: var(--White);
  background-color: var(--Black);
}

.product-full-mini__buttons {
  position: relative;
  display: flex;
  gap: var(--Gap-10-5);
  margin-top: 45px;
}

.product-full__option__value-color {
  position: relative;
  display: block;
  width: clamp(22px, 1vw * 5, 35px);
  height: clamp(22px, 1vw * 5, 35px);
  border-radius: 200%;
  overflow: hidden;
}
.color__blackout {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(249, 249, 249, 0.5) 0%, rgba(249, 249, 249, 0.1) 100%);
}


.product-full__content.full-card {
  max-width: 530px;
}




/* products-full__wrapper */
.products-full__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--Margin-150-80);
}

.products-full__wrapper .product-full__wrapper:nth-child(2n) {
  flex-direction: row-reverse;
}






@media(max-width: 1000px) {
  .product-full__wrapper {
    flex-direction: column !important;
  }
  .product-full__swiper-main {
    flex-grow: 1;
  }
  .product-full__content,
  .product-full__swipers {
    width: 100%;
    max-width: 100%;
  }
  .product-full__swiper-main {
/*     max-height: 500px; */
    max-height: 100%;
    min-width: 0px;
  }
}







/* --------------------------- */
.full-card__swipers .product-full__swipers {
  max-height: 545px;
  height: 545px;
  aspect-ratio: 500 / 545;
/*   max-height: 400px;
  height: 400px;
  aspect-ratio: 400 / 400; */
  align-items: stretch;
}


.full-card__swipers .product-full__swiper-main {
  width: 400px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 400 / 545;
}

.full-card__swipers .product-full__swiper-thumb__wrapper {
  height: auto;
}

.full-card__swipers .product-full__swiper-thumb {
  height: 100%;
}

.full-card__swipers .product-full__swipers {
  flex-direction: row-reverse;
}
@media(max-width: 1000px) {
  .product-full__content.full-card {
    max-width: 100%;
  }

  .full-card__swipers .product-full__swipers {
    flex-direction: row;
  }

  .full-card__swipers .product-full__swiper-main {
    max-height: 500px;
/*     max-height: 100%; */
    min-width: 0px;
  }

  .full-card__swipers .product-full__swiper-thumb__wrapper {
      position: relative;
      max-height: 500px;
      height: 500px;
  }

  .full-card__swipers .product-full__swiper-thumb__wrapper {
    position: relative;
    max-height: 500px;
    height: 500px;
  }

  .full-card__swipers .product-full__swipers {
    max-height: 500px;
    height: 500px
  }

  .full-card__swipers .product-full__swiper-thumb {
    height: calc(100% - 42px);
  }
}
/* --------------------------- */





.full-card__mobile {
  display: none;
}
@media(max-width: 580px) {
  .product-full__swiper-thumb__wrapper {
    /* aspect-ratio: 100 / 500; */
    /* height: calc(100% - 22px); */
    height: 100% !important;
  }
  .product-full__swipers {
    aspect-ratio: 560 / 500 !important;
    height: auto !important;
    gap: 5px !important;
	  
	  
	  
	  align-items: stretch;
  }
  .product-full__swiper-thumb {
    width: 62px !important;
  }
  .product-full__thumb-img__wrapper .swiper-img {
/*     height: 80% !important; */
    height: 100% !important;
  }
  .product-full__swiper-main {
    max-height: 100% !important;
	  height: auto;
  }


  .product-full__option__title,
  .product-full__content-title {
    text-align: center;
  }
  .product-full__mini-desc {
    text-align: center;
  }
  .product-full__mini-desc ul {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .product-full-mini__buttons,
  .product-full__head {
    justify-content: center;
  }
  .full-card__swipers .product-full-mini__buttons .border-none {
    display: none;
  }

  .full-card__desc {
    display: none;
  }
  .full-card__mobile {
    display: block;
    margin: 0 auto;
    margin-top: 45px;
  }
}
















.readyMaterials__sizes-item {
  position: relative;
  width: auto;
  height: auto;
  max-width: 283px;
  max-height: 283px;
  aspect-ratio: 1 / 1;
}
.readyMaterials__desc-item-title {
  margin-bottom: var(--Margin-10-2);
}




/* tables */
.dt-layout-start,
.dt-layout-end,
.dt-column-order {
  display: none !important;
}

/* Заголовок таблицы */
.costs__tables-item-title {
    color: #888888;
}


.tablepress thead th,
.tablepress tbody td {
  padding: 10px 8px !important;
  text-align: center;
  background: none !important;
  border-top: solid 1px #EDEDED;
  pointer-events: none;
}
.tablepress thead th {
  text-transform: uppercase;
  border-top: none;
}

.dt-container .dt-layout-cell {
  padding: 0px !important;
}

.costs__tables {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--Margin-100-60);
}

.dt-container {
  overflow-x: auto;
  overflow-y: hidden;
}

.costs__title {
  position: relative;
  margin-bottom: var(--Margin-30-20);
}

.single-product-tab__block-table .dt-container .tablepress,
.costs__tables-item .dt-container .tablepress,
.productionProduct__costs-wrapper .dt-container .tablepress {
  min-width: 930px;
}





/* Размерная сетка */
.productionProduct__sizes-items {
  position: relative;
  /* display: grid;
  grid-template-columns: repeat(2, 1fr); */
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
  row-gap: 70px;
}


.productionProduct__sizes-item {
  position: relative;
  display: flex;
  gap: 30px;
  align-items: start;
  width: calc(50% - 15px);
}
.productionProduct__sizes-item__img-wrapper {
  position: relative;
  width: 160px;
}
.productionProduct__sizes-item__img {
  position: relative;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.productionProduct__sizes-item__img-subtitle {
  text-align: center;
  color: var(--Black);
}

.productionProduct__sizes-item__table-wrapper {
  position: relative;
  flex-grow: 1;
}

.productionProduct__sizes-item__table-wrapper .tablepress thead th,
.productionProduct__sizes-item__table-wrapper .tablepress tbody td {
    text-align: start;
}

@media(max-width: 1040px) {
  .productionProduct__sizes-items {
    /* grid-template-columns: 1fr; */
    flex-direction: column;
  }
  .productionProduct__sizes-item {
    width: 100%;
  }
}
@media(max-width: 670px) {
  .productionProduct__sizes-item {
    flex-direction: column;
  }
  .productionProduct__sizes-item__table-wrapper {
    width: 100%;
  }
  .productionProduct__sizes-item {
    align-items: center;
  }
}




/* tabs single product */
.single-product-tabs__wrapper {
  margin-top: var(--Margin-130-90);
}
.tab {
  background-color: var(--F6F6F6);
  border-color: var(--F6F6F6);
}
.tab.active {
  background-color: var(--Black);
  border-color: var(--Black);
  color: var(--White);
}

.single-product-tabs {
  position: relative;
  display: flex;
  gap: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: var(--Margin-60-50);
}

.single-product-tab__block-title {
  margin-bottom: var(--Margin-30-20);
}

.single-product-tab__block-text {
  position: relative;
  column-count: 2;
}
@media(max-width: 520px) {
  .single-product-tab__block-text {
    column-count: 1;
    /* text-align: center; */
  }
  .single-product-tab__block-text ul {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .single-product-tab__block-title {
    text-align: center;
  }
}
.single-product-tab__block-sizes .productionProduct__sizes-items {
  justify-content: start;
}
.single-product-tab__block-sizes .tablepress,
.single-product-tab__block-table .tablepress {
  background-color: var(--F9F9F9);
}
.single-product-tab__block-table .tablepress thead th, 
.single-product-tab__block-table .tablepress tbody td {
  text-align: start;
}

.single-product-tab__block-payDel .payDelivery__head {
  display: none;
}

.single-product-tab__block {
  display: none;
}




.alignfull .wrapper {
  max-width: var(--Container);
  margin-left: auto;
  margin-right: auto;
}
section.alignfull {
  background-color: var(--F9F9F9);
  padding-top: var(--Padding-200-90);
  padding-bottom: var(--Padding-100-50);
}

section.alignwide:last-child {
  margin-bottom: 0px !important;
}


.taxonomy-product-block {
  margin-bottom: var(--Margin-200-100);
}

.taxonomy-product-post-block {
  margin-bottom: var(--Margin-100-50);
}




/* modals */
.modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.modal__close svg {
  width: 100%;
  height: 100%;
}

.theme-modal {
  position: relative;
  width: 650px !important;
  height: auto;
  padding-top: 60px !important;
  padding-right: 60px !important;
  padding-left: 50px !important;
  padding-bottom: 50px !important;
}

.is-close-btn {
  display: none !important;
}

.modal__title {
  margin-bottom: 30px;
}
.modal__subtitle {
  margin-bottom: 50px;
}

.modal__content .form {
  position: relative;
  display: flex;
  row-gap: 18px;
  column-gap: 30px;
  justify-content: space-between;
  flex-wrap: wrap;
}
.modal__content .form input:not(input[type="checkbox"]) {
  width: 100%;
}

.modal__content .form input[type="email"] {
  margin-bottom: 12px;
}

.modal__content .form label {
  max-width: 50%;
}

@media(max-width: 700px) {
  .theme-modal {
    width: calc(100% - 30px) !important;
    padding: 50px 40px !important;
  }
}
@media(max-width: 620px) {
  .modal__content .form label {
    max-width: 100%;
    order: 1;
  }
}



.theme-modal__colors {
  width: 1050px !important;
  padding: 50px 60px !important;
  max-width: 100%;
}
.modal__color-title {
  margin-bottom: 20px;
  color: var(--Black);
}
.modal__warning {
  position: relative;
  padding: 20px;
  border: dashed 1px var(--Black);
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: start;
  margin-bottom: var(--Margin-50-30);
}
.modal__warning-icon {
  width: 28px;
  height: 28px;
}
.modal__warning-text {
  color: var(--Black);
}
.modal__colors-item {
  position: relative;
}

.modal__colors-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
  row-gap: 20px;
}
.modal__colors-item-title {
  margin-top: 10px;
  color: var(--Black);
}
.modal__warning-icon {
  max-width: 28px;
  max-height: 28px;
  width: 100%;
  height: 100%;
}

.modal__colors-item-color {
  width: 100%;
  height: 56px;
}
.modal__colors-item-title {
  font-family: 'Montserrat';
  font-size: 10px;
  font-weight: 400;
  line-height: 125%;
  letter-spacing: 0.20000000298023224px;
  text-transform: uppercase;
}

@media(max-width: 1060px) {
  .modal__colors-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media(max-width: 870px) {
  .modal__colors-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media(max-width: 730px) {
  .theme-modal__colors {
    padding-top: 38px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 50px !important;
  }
}
@media(max-width: 620px) {
  .modal__colors-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}


/* block-404 */
.block-404 {
  margin-top: var(--Margin-100-20);
}
@media(max-width: 500px) {
  .block-404 {
    margin-top: 0px;
  }
}


.wrapper__404 {
  position: relative;
  display: flex;
  gap: 90px;
  align-items: center;
}
.title__404 {
  font-size: clamp(130px, calc(1vw * 14), 200px);
  color: var(--6D6D6D);
}
.content__404__title {
  color: var(--Black);
  margin-bottom: 20px;
}
.content__404__text {
  color: var(--6D6D6D);
}
.content__404__btn {
  margin-top: 40px;
}

.content__404__title {
  font-size: clamp(22px, calc(1vw * 5), 38px);
}

@media(max-width: 970px) {
  .wrapper__404 {
    flex-direction: column;
    align-items: center;
  }
  .content__404__title,
  .content__404__text {
    text-align: center;
  }
  .content__404__btn {
    margin-left: auto;
    margin-right: auto;
  }
  .wrapper__404 {
    gap: 60px;
  }
}
@media(max-width: 360px) {
  .title__404 {
    font-size: 100px;
  }
}


.map-color {
  color: var(--Black);
  border-bottom: dashed 1px var(--Black);
  width: fit-content;
}
.readyMaterials__desc-item .map-color {
  margin-left: 23px;
  cursor: pointer;
  transition: var(--Transition);
}
.readyMaterials__desc-item .map-color:hover {
  color: var(--Primary);
}
@media(max-width: 430px) {
  .readyMaterials__desc-item .map-color {
    margin-left: auto;
    margin-right: auto;
  }
}



.taxonomy-product-post-block__head-subtitle {
  margin-top: auto;
  max-width: 455px;
}
@media(max-width: 850px) {
  .taxonomy-product-post-block__head-title {
    text-align: center;
    max-width: 100%;
  }
  .taxonomy-product-post-block__head-subtitle {
    text-align: center;
  }
  .taxonomy-product-post-block__head {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

}
@media(max-width: 600px) {
  .taxonomy-product-post-block__head {
    max-width: 95%;
    width: auto;
  }
}



body.privacy-policy main .container > h1 {
  text-align: left !important;
}
body.privacy-policy main .container > h2,
body.privacy-policy main .container > h3,
body.privacy-policy main .container > h4,
body.privacy-policy main .container > h5 {
  margin-bottom: 30px;
  margin-top: 50px;
}
body.privacy-policy main .container > p {
  margin-bottom: 15px;
  margin-top: 20px;
}

@media(max-width: 540px) {
  body.privacy-policy main .container > h1 {
    font-size: 6vw;
  }
}

.product-full__swiper-thumb__arrow {
  cursor: pointer;
}



section.full-height {
  min-height: calc(100vh - var(--Margin-100-30) - 140px - 30px - 40px);
}








/* blockColorList */
.ColorList-block {
  margin: 0px;
}
.ColorList__title {
  position: relative;
  margin-bottom: var(--Margin-50-20);
  font-size: clamp(18px, 14.9444px + 0.6944vw, 28px);
  text-align: center;
}
.ColorList__btn {
  position: relative;
  padding-left: clamp(30px, 0.9722px + 6.5972vw, 125px);
  padding-right: clamp(30px, 0.9722px + 6.5972vw, 125px);
  margin: 0 auto;
}




.block-header-content__text {
	font-weight: 500 !important;
}