:root {
  --primary: #0f0f0f;
  --primary10: #ede6ea;
  --primary20: #dbcdd4;
  --primary100: #4a062a;

  --secondary: #4a062a;
  --secondary2: #80516a;

  --gray-bg: #f3f3f3;
  --gray-bg2: #e8e8e8;
  --gray: #757575;
  --gray5: #f5f5f5;
  --gray10: #e8e8e8;
  --gray20: #e0e0e0;
  --gray50: #b2b2b2;
  --gray60: #6c6c83;
  --gray70: #636363;
  --gray2: #f9f9f9;
  --black: #000;
  --white: #fff;

  --gray20_20: #e0e0e020;
  --gray50_50: #b2b2b280;

  --light-gray: #d0d0d0;
  --red: #d60000;

  --max-width: 1237px;
}

html {
  background-color: white;
}

body {
  font-family: "Verdana Pro", Verdana, Geneva, Tahoma, sans-serif;
  margin: 0;
  padding: 0;
  font-weight: 400;
  background-color: white;
  -webkit-text-size-adjust: 100%;
}

a {
  color: var(--primary);
  text-decoration: none;
  outline: none;
}

.only-mobile {
  display: none !important;
}

a:focus {
  outline: none !important;
}

.topBan {
  background-color: var(--black);
  color: var(--white);
  width: 100%;
  box-sizing: border-box;
  display: inline-block;

  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.18em;
  text-align: center;
  padding: 8px 20px;
  text-decoration: none;
  position: fixed;
  z-index: 999;
  top: 0;
}

.topBan.bfd {
  color: #efd000;
}

body {
  padding-top: 36px;
}

body.lc_spb {
  padding-top: 0;
}

header .panel {
  background-color: var(--gray-bg);
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  font-size: 13px;
}

.wrap {
  max-width: var(--max-width);
  margin-left: auto;
  margin-right: auto;
}

.wrap2 {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

header .panel .menu ul {
  display: flex;
  list-style-type: none;
  z-index: 1000;
}

header .panel .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header .panel .menu ul > li {
  padding: 8px 20px 10px 0;
  line-height: 20px;
  position: relative;
  color: var(--gray);
  cursor: pointer;
}

header .panel .menu ul li a {
  color: var(--gray);
}

header .panel .menu ul li:hover ul {
}

header .panel .menu ul li:hover > a {
  color: var(--black);
}

header .panel .menu ul > li > ul {
  display: none;
  position: absolute;
  top: 50px;
  left: -20px;
  background-color: var(--white);
  border-radius: 8px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  padding: 10px 0;
}

header .panel .menu ul > li.active > ul {
  display: block;
}

header .panel .menu ul > li > ul::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  height: 20px;
  width: 100%;
}

header .panel .menu ul > li > ul li {
  line-height: 1em;
  padding: 0;
}

header .panel .menu ul > li > ul li a {
  white-space: nowrap;
  display: inline-block;
  width: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 20px;
  padding-right: 30px;
  box-sizing: border-box;
}

header .panel .menu ul > li > ul li a:hover {
  background-color: var(--gray-bg);
}

header .panel .phone-header-list {
  display: flex;
}

header .panel .phone-header-list li {
  display: flex;
  margin-left: 20px;
}

header .panel .phone-header-list li div {
  margin-left: 5px;
  color: var(--gray);
  font-weight: 400;
}

header .panel .phone-header-list .phone {
  font-weight: 600;
  color: var(--gray);
}

header .panel2 {
  border-bottom: 1px var(--gray-bg2) solid;
}

body.index header .panel2 {
  border-bottom: none;
}

p b {
  font-weight: 600;
}

header .panel2 > .wrap {
  height: 68px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header .panel2 .wrap > :nth-child(2) {
  flex-grow: 1;
}
header .panel2 .wrap > :nth-child(3) {
  flex-grow: 2;
}
header .panel2 .wrap > :nth-child(4) {
  flex-grow: 1;
}

header .panel2 .logo img {
  width: 251px;
}

header .panel2 #nav {
  display: flex;
  font-size: 15px;
  color: var(--primary);
  font-weight: 400;
}

header .panel2 #nav > li {
  padding-left: 15px;
  padding-right: 15px;
}

header .panel2 #nav > li > a {
  line-height: 56px;
  height: 56px;
  display: inline-block;
}

header .panel2 #nav > li > a.cat {
  padding-left: 24px;
  position: relative;
}

header .panel2 #nav > li > a.cat::after {
  content: "";
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
  background-image: url("/interface/2022/burger.svg");
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
}

header .panel2 #nav > li.active > a.cat::after {
  background-image: url("/interface/close.svg");
  background-size: 16px;
}

header .panel2 #nav > li.bfd a {
  position: relative;
}

header .panel2 #nav > li.bfd a span {
  border-radius: 3px;
  color: #FFC000;
  background-color: black;
  padding: 10px 15px;
}

header .panel2 #nav > li.bfd a::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  background-image: url("/interface/IconsPrc.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  top: -10px;
  right: -20px;
}

header .panel2 #nav > li.sneg a {
  position: relative;
}
header .panel2 #nav > li.sneg a::after {
  content: "";
  position: absolute;
  width: 57px;
  height: 44px;
  background-image: url("/interface/sneg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  top: -8px;
  right: -49px;
}

header .panel2 {
  position: relative;
}

header .panel2 #nav .nav-drop {
  display: none;
  background-color: white;
  position: absolute;
  left: 0;
  top: 63px;
  width: 100%;
  justify-content: space-between;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

header .panel2 #nav .active .nav-drop {
  display: block;
}

header .panel2 #nav .nav-drop::before {
  content: "";
  position: absolute;
  left: 0;
  top: -10px;
  height: 10px;
  width: 100%;
}

header .panel2 #nav .nav-drop .nav-drop-body {
  display: flex;
  justify-content: space-between;
}

header .panel2 #nav li:hover > a {
  color: var(--black);
}

header .panel2 #nav li:hover .nav-drop {
}

header .panel2 #nav li .nav-drop > .nav-drop-body > .col {
  margin-top: 40px;
  margin-bottom: 40px;
  flex-grow: 1;
}

header .panel2 #nav li .nav-drop > .nav-drop-body > .col .h2,
header .panel2 #nav li .nav-drop > .nav-drop-body > .col .h3 {
  font-family: Verdana;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 12px;

  color: var(--black);
}

header .panel2 #nav li .nav-drop > .nav-drop-body > .col a {
  font-family: Verdana;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0em;
  text-align: left;
  color: var(--gray70);
  padding: 7px 0;
  display: inline-block;
}

header .panel2 #nav li .nav-drop > .nav-drop-body > .col a:hover {
  color: var(--black);
}

header
  .panel2
  #nav
  li
  .nav-drop
  > .nav-drop-body
  .col.two_levels
  ul
  li
  .submenu {
  display: none;
  margin-left: 16px;
  margin-bottom: 20px;
  margin-top: 10px;
}

header .panel2 #nav li .nav-drop > .nav-drop-body .col.two_levels ul li i {
  margin-right: 10px;
}

header
  .panel2
  #nav
  li
  .nav-drop
  > .nav-drop-body
  .col.two_levels
  ul
  li.active
  i {
  transform: rotate(90deg);
}

header
  .panel2
  #nav
  li
  .nav-drop
  > .nav-drop-body
  .col.two_levels
  ul
  li
  .submenu
  a {
  display: inline-block;
  width: 100%;
}

header .panel2 #nav li .nav-drop > .nav-drop-body > .col .bottomItem {
  margin-top: 1.5em;
}

header .topSearch .searchIco {
  background-image: url("/interface/2022/i_search.svg");
  background-repeat: no-repeat;
  background-position: center center;
  width: 22px;
  height: 22px;
  display: block;
  position: relative;
  cursor: pointer;
}

header .topIcons {
  display: flex;
  align-items: center;
  justify-content: end;
}

header .topIcons > * {
  margin-left: 20px;
}

header .topSearch form {
  position: absolute;
  right: 20px;
  top: -9px;
  transform: scaleX(0);
  transition: all 0.2s;
  transform-origin: right center;
}

header .accountIco {
  background-image: url("/interface/2022/i_account.svg");
  background-repeat: no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
  display: block;
  position: relative;
  cursor: pointer;
}

header .topCase .text {
  display: none;
}

header .topCase .icon {
  background-image: url("/interface/2022/i_case_2.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 86%;
  width: 24px;
  height: 24px;
  display: block;
  position: relative;
  cursor: pointer;
}

header .topCase .icon .number {
  position: absolute;
  right: -12px;
  top: -12px;
  border-radius: 100px;
  background-color: var(--gray-bg);
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
}

header .topWish .icon {
  background-image: url("/interface/2022/ico_wish.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  width: 24px;
  height: 24px;
  display: block;
  position: relative;
  cursor: pointer;
}

header .topWish .icon .number {
  position: absolute;
  right: -12px;
  top: -12px;
  border-radius: 100px;
  background-color: var(--gray-bg);
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
}

.wish-detail {
  background-image: url("/interface/2022/ico_wish_red.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  width: 50px;
  height: 50px;
  display: block;
  position: relative;
  cursor: pointer;
  min-width: 50px;
}

#toolbar .footWish .icon {
  background-image: url("/interface/2022/ico_wish.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  width: 24px;
  height: 24px;
  display: block;
  position: relative;
  cursor: pointer;
}

#toolbar .footWish .icon .number {
  position: absolute;
  right: -12px;
  top: -12px;
  border-radius: 100px;
  background-color: var(--gray-bg);
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
}

#toolbar .footCase .icon {
  background-image: url("/interface/2022/i_case_2.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 86%;
  width: 24px;
  height: 24px;
  display: block;
  position: relative;
  cursor: pointer;
}

#toolbar .footCase .icon .number {
  position: absolute;
  right: -12px;
  top: -12px;
  border-radius: 100px;
  background-color: var(--gray-bg);
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
}

#toolbar .basket-drop {
  display: none !important;
}

#toolbar .footCase .text {
  display: none !important;
}

.wish-detail.active {
  background-image: url("/interface/2022/ico_wish_red_fill.svg");
}

.product-detail .p-panel .btn-list {
  display: flex;
  align-items: center;
  column-gap: 15px;
  justify-content: space-between;
}

#header .topSearch {
  position: relative;
}

#header .topSearch form {
  position: absolute;
  right: 20px;
  top: -9px;
  transform: scaleX(0);
  transition: all 0.2s;
  transform-origin: right center;
  border: 1px black solid;
  border-radius: 5px;
}
#header .topSearch.open form {
  transform: scaleX(1);
  right: -10px;
}

#header .topSearch form::before {
  content: "";
  position: absolute;
  background-image: url("/interface/2022/i_search.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px;
  width: 18px;
  height: 18px;
  display: block;
  left: 8px;
  top: 8px;
}

#header .topSearch form input.search {
  background: var(--white);
  border-radius: 5px;
  padding: 10px 10px 10px 38px;
  border: none;

  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;

  width: 250px;
  max-width: 100%;
  box-sizing: border-box;
  color: var(--gray-text);
}

#header .topSearch form .close {
  background-image: url("/interface/2022/ic_close.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px;
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  cursor: pointer;
  right: 11px;
  top: 11px;
}

#header form input[type="submit"] {
  display: none;
}

.indexSlider .slider-wrap {
  width: calc(100%);
  position: relative;
}

.indexSlider .image-wrap {
  width: calc(100%);
}

.indexSlider .image-wrap img {
  width: 100%;
  height: 41vw;
  object-fit: cover;
  object-position: center center;
}

.indexSlider .gallery-title {
  position: absolute;
  background-color: #f9f9f9cc;
  bottom: 80px;
  left: 80px;
  width: 30vw;
  padding: 30px 35px 35px 35px;
  box-sizing: border-box;
  max-width: 400px;
  border-radius: 10px;
}

.indexSlider .slick-slide {
  position: relative;
}

.indexSlider .gallery-title .g-heading {
  font-family: Verdana Pro;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4em;
  letter-spacing: -0.02em;
  text-align: left;
  color: var(--black);
  margin-bottom: 15px;
}

.indexSlider .gallery-title p {
  font-family: Verdana Pro;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5em;
  letter-spacing: 0em;
  text-align: left;
  color: var(--gray70);
  margin-bottom: 30px;
}

.indexSlider .gallery-title .btn {
  min-width: calc(100% - 46px);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  display: block;
  margin-left: 23px;
  margin-right: 23px;
}

/*
.indexSlider .gallery-title .btn {
	font-size: 17px;
	transition: all 0.2s;
	text-decoration: underline;
	padding: 0;
	border: none;
	position: relative;
}

.indexSlider .gallery-title .btn::after {
	content: "";
	position: absolute;
	background-image: url('/interface/arr_r.svg');
	width: 12px;
	height: 10px;
	background-position: center center;
	right: -20px;
    top: 6px;
}

.indexSlider .gallery-title .btn:hover {
	background-image: initial;
	background-color: initial;
}
*/

.indexSlider {
  position: relative;
}

.indexSlider .slick-arrow {
  width: calc(13px + 40px);
  height: calc(20px + 40px);
  position: absolute;
  bottom: calc(80px - 20px);
  top: auto;
  right: calc(80px - 20px);
  transform: none;
  -webkit-transform: none;
  left: auto;
  transition: all 0.3s;
  z-index: 1;
  border-radius: 8px;
}

.indexSlider .slick-arrow::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("/interface/2022/i_arrow_right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  filter: invert(1);
  background-size: 20px;
}

.indexSlider .slick-arrow.slick-prev {
  right: calc(120px - 20px);
}
.indexSlider .slick-arrow.slick-next {
  right: calc(60px - 20px);
}

.indexSlider .slick-arrow.slick-prev::before {
  transform: rotate(180deg);
}

.indexSlider .slick-arrow:hover {
}

.indexSlider .page-element {
  position: absolute;
  right: 0;
  bottom: 77px;
  width: 100px;
  height: 150px;
  display: none !important;
}

.indexSlider .page-element .page {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: var(--gray70);
}

.indexSlider .page-element::before {
  content: "";
  width: 1px;
  height: 110px;
  background-color: var(--gray-bg2);
  position: absolute;
  bottom: 0;
  left: 50px;
}

.avant-list {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
  margin-bottom: 60px;
  column-gap: 20px;
}

.avant-list li a {
  display: flex;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--gray);
}

.avant-list li a .icon {
  margin-right: 20px;
}

.avant-list li:nth-child(1) a .icon img {
  width: 48px;
}
.avant-list li:nth-child(2) a .icon img {
  width: 35px;
}
.avant-list li:nth-child(3) a .icon img {
  width: 29px;
}
.avant-list li:nth-child(4) a .icon img {
  width: 38px;
}
.avant-list li:nth-child(5) a .icon img {
  width: 36px;
}

#brand-official-title {
  font-weight: bold;
}

.a-under {
  text-decoration: underline;
}

.idxRooms {
  padding-left: 2vw;
  margin-bottom: 60px;
}

.idxRooms .container {
  display: flex;
  background-color: var(--gray2);
}

.idxRooms .container .left {
  width: 27%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 4vw;
  padding-right: 3vw;
}
.idxRooms .container .right {
  width: 73%;
  padding-top: 50px;
  padding-bottom: 50px;
}

.idxRooms .container .box .h {
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 39px;
  letter-spacing: -0.02em;
  text-align: left;
}

.idxRooms .container .box .txt {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--gray70);
  margin-top: 30px;
  margin-bottom: 30px;
}

.idxRooms #roomsSlider {
  position: relative;
}

.idxRooms #roomsSlider .list li.slick-slide {
  width: calc(100vw / 4.3);
  margin-right: 20px;
  position: relative;
}

.idxRooms #roomsSlider .list li.slick-slide img {
  width: 100%;
  height: calc(100vw / 3.7 * 1);
  object-fit: cover;
  transition: all 0.3s;
  border-radius: 8px;
}

.idxRooms #roomsSlider .list li.slick-slide.slick-current img {
  height: calc(100vw / 3.7 * 1.3);
}

.idxRooms #roomsSlider .list li.slick-slide {
  height: calc(100vw / 3.7 * 1.3);
}

.idxRooms #roomsSlider .list li.slick-slide .titleBlock {
  position: absolute;
  bottom: calc((100vw / 3.7 * 1.3) - (100vw / 3.7 * 1) + 24px);
  left: 24px;
  padding: 1.5vw;
  background-color: white;
  transition: all 0.3s;
  margin-right: 24px;
  border-radius: 12px;
}

.idxRooms #roomsSlider .list li.slick-slide.slick-current .titleBlock {
  bottom: 24px;
}

.idxRooms #roomsSlider .list li.slick-slide .title {
  font-size: 1.4vw;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5em;
  letter-spacing: 0em;
  text-align: left;
  transition: all 0.3s;
}
.idxRooms #roomsSlider .list li.slick-slide.slick-current .title {
  font-size: 1.6vw;
}

.idxRooms #roomsSlider .slick-dots {
  position: absolute;
  bottom: 20px;
  width: calc(100vw / 4.3);
  left: calc(100vw / 4.3 + 20px);
  text-align: right;
}

.idxRooms #roomsSlider .slick-arrow {
  right: 40px;
  bottom: 0;
  top: auto;
  width: 73px;
  height: 73px;
  background-color: var(--white);
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  background-image: url("/interface/2022/i_arrow_right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 10;
  border-radius: 12px;
}

.idxRooms #roomsSlider .slick-arrow::before {
  display: none;
}

.idxRooms #roomsSlider .slick-arrow.slick-prev {
  left: auto;
  right: calc(40px + 73px + 20px);
  transform: rotate(180deg);
}

.idxRooms #roomsSlider .list li.slick-slide a::before {
  content: "";
  position: absolute;
  right: 24px;
  bottom: calc((100vw / 3.7 * 1.3) - (100vw / 3.7 * 1) + 24px);
  background-color: var(--secondary);
  width: 50px;
  height: 50px;
  opacity: 0;
  border-radius: 8px;
}
.idxRooms #roomsSlider .list li.slick-slide.slick-current a::before {
  bottom: 24px;
  opacity: 1;
  transition: all 0.3s;
}

.idxRooms #roomsSlider .list li.slick-slide a::after {
  content: "";
  position: absolute;
  right: 24px;
  bottom: calc((100vw / 3.7 * 1.3) - (100vw / 3.7 * 1) + 24px);
  width: 50px;
  height: 50px;
  background-image: url("/interface/2022/i_arrow_right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  filter: invert(1);
  opacity: 0;
}

.idxRooms #roomsSlider .list li.slick-slide.slick-current a::after {
  bottom: 24px;
  opacity: 1;
  transition: all 0.3s;
}

.idxRooms #roomsSlider .slick-dots li button::before {
  font-size: 14px;
}

.catalogList {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 20px);
  margin-left: -10px;
}

.catalogList > li {
  width: 25%;
  padding: 0 10px 20px 10px;
  box-sizing: border-box;
}

.catalogList.product-list4 > li {
  width: 33.33%;
}

.itemBlock {
  background-color: white;
  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.08);
  position: relative;
  border-radius: 8px;
}

.itemBlock .img {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1/1;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  object-position: center center;
}

.itemBlock.intBanner img {
  width: 100%;
}

.nppdata {
  position: absolute;
  left: 0;
  top: 50%;
  color: white;
  background-color: gray;
  padding: 3px;
}

.itemBlock.complect .img {
  position: relative;
  aspect-ratio: 100/70;
}

.itemBlock .img img {
  aspect-ratio: 1/1;
  object-fit: cover;
  width: 100%;
}

.itemBlock .img video {
  aspect-ratio: 1;
  object-fit: cover;
}

.itemBlock.complect .img img {
  aspect-ratio: 100/70;
  object-fit: cover;
  width: 100%;
}

.itemBlock .content {
  padding: 18px;
}

.itemBlock .slick-dots {
  bottom: 6px;
}

.itemBlock .slick-dots li {
  margin: 0;
}

.itemBlock .slick-dotted.slick-slider {
  margin-bottom: 0;
}

.itemBlock .content .line1 {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--primary100);
}

.itemBlock .content .name {
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: --black;

  margin-top: 0px;
  margin-bottom: 0px;
  height: 3.7em;
  overflow: hidden;

  display: inline-block;
}

.itemBlock .content .itemArt {
  font-size: 13px;
}

.itemBlock .content .size {
  margin-top: 10px;
  margin-bottom: 10px;

  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--gray);
  display: flex;
}

.itemBlock .content .size > div {
  margin-right: 10px;
}

.itemBlock .content .row {
  display: flex;
  justify-content: space-between;
  margin-top: 18px;
  align-items: flex-end;
}

.itemBlock .content .row > div.sum-col {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}

.itemBlock .content .row > div.storeCol {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.itemBlock .content .store-holder {
  position: relative;
}

.itemBlock .content .store-holder .st.hasPopup {
  background-image: url(/interface/i_ico.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 20px;
  background-size: 15px;
}

.itemBlock .content .store-holder::after {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 50px;
  content: "";
}

.itemBlock .content .drop-address {
  display: none;
  position: absolute;
  bottom: 30px;
  right: 0;
  background-color: var(--secondary);
  color: white;
  font-size: 13px;
  padding: 10px 15px;
  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.38);
  z-index: 11;
  border-radius: 10px;
}

.slick-slide .content .drop-address {
  bottom: 30px;
  top: auto;
  right: 0;
  left: auto;
}

.itemBlock .content .drop-address a {
  color: white;
}

.itemBlock .content .drop-address::before {
  content: "";
  position: absolute;
  bottom: -20px;
  width: 100%;
  left: 0;
  height: 20px;
}

.itemBlock .content .store-holder:hover .drop-address {
  display: block;
}

.itemBlock .content .store-holder .drop-address .address-list-drop li {
  margin-top: 1em;
  margin-bottom: 1em;
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
}

.itemBlock .content .store-holder .drop-address .address-list-drop li a {
  display: flex;
  justify-content: space-between;
}

.itemBlock .content .store-holder .drop-address .address-list-drop li a .link {
  margin-left: 10px;
  text-decoration: underline;
}

.itemBlock
  .content
  .store-holder
  .drop-address
  .address-list-drop
  li
  .alignright {
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.itemBlock .content .store-holder .st {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: left;

  margin-top: 5px;
  text-transform: lowercase;

  color: var(--gray);

  cursor: pointer;
}

.itemBlock .content .sum.na {
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  padding: 10px 15px;

  background-color: var(--gray-bg);

  cursor: pointer;
  position: relative;
}

.itemBlock .content .sum.na:hover {
  background-color: var(--gray-bg2);
}

.itemBlock .content .sum.na #sumNa {
  position: absolute;
  top: 50px;
  left: 0;
  background-color: var(--secondary);
  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.08);

  color: white;
  padding: 15px 20px;
  width: 200px;
  z-index: 10;
  line-height: 1.5em;
}

.itemBlock .content .sum.na #sumNa a {
  color: white;
  text-decoration: underline;
}

.itemBlock .content .sum.na .close {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
}
.itemBlock .content .sum.na .close::after {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  background-image: url("/interface/close.svg");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center center;
  right: 0;
  top: 0;
  filter: invert(1);
}

.itemBlock .content .sum.nap {
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  padding: 10px 0px;

  cursor: pointer;
  position: relative;
}

.itemBlock .ico {
  position: absolute;

  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  z-index: 1;
  border-radius: 6px;
}

.itemBlock.hidden {
  background-color: var(--gray10);
}

.itemBlock.pass0 {
  background-color: #fff99c;
}

.itemBlock.pass1 {
  background-color: #ffca77;
}

.itemBlock .ico.is_sale {
  top: 7px;
  left: 7px;
  background-color: var(--primary100);
  color: white;
  padding: 4px 10px;
  z-index: 1;
}

.itemBlock .ico.is_action {
  top: 7px;
  right: 7px;
  background-color: var(--primary100);
  color: white;
  padding: 4px 10px;
  z-index: 1;
}

.itemBlock a.ico.is_action:hover {
  background-color: var(--secondary2);
}

.itemBlock .ico.is_sale.bfd1 {
  top: 45px;
  text-decoration: line-through;
  font-size: 14px;
}
.itemBlock .ico.is_sale.bfd2 {
  top: 7px;
  background-color: black;
  color: #FFC000;
  font-size: 14px;
}
.itemBlock a.ico.is_sale.bfd2:hover {
  background-color: #555;
}

.itemBlock .ico.is_markdown {
  top: 100px;
  left: 7px;
  background-color: var(--primary100);
  color: white;
  padding: 4px 10px;
  z-index: 1;
}

.itemBlock .sum-col .sum.withDiscount {
  /*	background-color: black;
	color: #EFD000;
	padding: 8px;
	border-radius: 4px;*/
}

.addi {
  margin-top: 20px;
  display: block;
  max-width: 168px;
}

.product-detail .p-panel .sum-col.bfd {
  position: relative;
}

.product-detail .p-panel .sum-col.bfd::after {
  content: "";
  position: absolute;
  width: 80px;
  height: 80px;
  background-image: url("/interface/bf_ico.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  top: -20px;
  right: -75px;
}

.itemBlock .ico.is_sale.action {
  top: 55px;
}

.itemBlock .ico.isMinPrice {
  position: absolute;
  right: 0;
  top: 200px;
  background-color: var(--gray-bg2);
  padding: 5px;
}

.itemBlock .sum-col .sum {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  border-radius: 8px;
  order: 2;
}

.itemBlock .sum-col .old {
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;

  color: var(--gray70);
  text-decoration: line-through;
  margin-top: 0px;
}

.itemBlock .other_foto {
  position: absolute;
  top: 46%;
  right: 0;
  color: white;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 10px;
  z-index: 1;
}

.itemBlock .other_foto.com {
  top: 40%;
}

.itemBlock .other_foto.v3 {
  top: 20%;
}

.itemBlock .other_foto.v2 {
  top: 40%;
}

.itemBlock .is_hit {
  position: absolute;
  top: 7px;
  left: 7px;
  padding: 4px 10px;

  background-color: var(--primary100);
  color: white;

  font-family: Verdana;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  z-index: 1;
}

.itemBlock .selection {
  position: absolute;
  top: 60px;
  right: 7px;
  color: white;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 10px;
  font-weight: 400;
  z-index: 1;
}

.itemBlock .is_new {
  position: absolute;
  top: 7px;
  left: 7px;
  color: white;
  border: 1px white solid;

  background-color: var(--secondary);
  padding: 7px 12px;

  font-family: Verdana;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  z-index: 1;
}

.itemBlock .allow_3d {
  width: 45px;
  height: 45px;
  position: absolute;
  background-color: var(--primary100);
  right: 7px;
  top: 7px;
  z-index: 1;
  border-radius: 6px;
}

.itemBlock .allow_3d::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url("/interface/2022/3d.svg");
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center center;
}

.itemBlock .is_isaloni {
  position: absolute;
  top: 60px;
  right: -10px;
  width: 60px;
  height: 60px;
  background-image: url("/interface/isaloni-logo.png");
  background-size: 60px;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 11;
}

.itemBlock .sneg {
  width: 45px;
  height: 45px;
  position: absolute;
  left: 7px;
  top: 47px;
  z-index: 1;
}

.itemBlock .sneg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url("/interface/sneg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.product-detail .imgBlock .sneg {
  width: 57px;
  height: 44px;
  position: absolute;
  left: 7px;
  top: 47px;
  z-index: 1;
}

.product-detail .imgBlock .sneg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url("/interface/sneg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.product-detail .imgBlock .other_foto_inslide {
  position: absolute;
  bottom: 20px;
  right: 0;
  color: white;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 10px;
  z-index: 1;
}

.product-detail .imgBlock .slickItem {
  position: relative;
}

.product-detail .imgBlock .slickItem.isVideo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
}

.h1Block {
  display: flex;
  align-items: flex-end;
  margin-top: 30px;
  margin-bottom: 40px;
  column-gap: 20px;
}

.h1Block h1 {
  margin-bottom: 0;
  line-height: 1em;
  height: 1em;
}
.h1Block .cntInfo {
  color: var(--gray50);
}

.h1Block.vendor {
  justify-content: space-between;
  row-gap: 20px;
}

.h1Block.vendor h1 {
  margin: 0;
}

.h1Block.vendor .detail {
  text-decoration: underline;
  color: silver;
  cursor: pointer;
  display: flex;
  align-items: flex-end;
  column-gap: 8px;
}

.h1Block.vendor .r1 {
  display: flex;
  column-gap: 8px;
  margin: 20px 0 0 0;
}

h1.center {
  text-align: center;
}

.itemBlock .img {
  height: 100%;
}

.itemBlock .modif {
  position: absolute;
  top: 50%;
  right: 0;
  color: white;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 10px;
  z-index: 1;
}

.bullets {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-left: 5px;
  text-align: right;
}

.bullets > li {
  display: inline-block;
  list-style-type: none;
  width: 7px;
  height: 7px;
  margin-left: 4px;
  background-color: var(--primary20) !important;
}

.bullets.s1 > li:nth-child(1) {
  background-color: var(--primary) !important;
}

.bullets.s2 > li:nth-child(1),
.bullets.s2 > li:nth-child(2) {
  background-color: var(--primary) !important;
}

.bullets.s3 > li {
  background-color: var(--primary) !important;
}

.heading {
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 39px;
  letter-spacing: -0.02em;
  text-align: center;
  margin-bottom: 20px;
}

.heading h2 {
  text-align: center;
}

h2 span {
  font-size: 16px;
  color: var(--gray50);
  font-weight: 400;
}

.idxBlock .btns {
  margin-top: 60px;
  margin-bottom: 0;
  text-align: center;
}

.idxBlock.fabr {
  margin-top: 60px;
}

.index .slick-full-carousel .slick-dots {
  bottom: 0px !important;
}

.logos-list2.slick-full-carousel .slick-dots {
  bottom: -30px !important;
}

.index .brend-list {
  margin-top: 80px;
}

.idx.slick-full-carousel .slick-list {
  padding-bottom: 50px !important;
}

.grayBG {
  background-color: var(--gray2);
}

.idxBlock {
  padding-bottom: 60px;
}

.index h1 {
  margin-bottom: 60px;
}

.index h2 {
  margin-bottom: 60px !important;
  margin-top: 60px !important;
}
.index .heading {
  margin-bottom: 0;
}

.heading.left {
  text-align: left;
}

.heading.left h2 {
  text-align: left;
}

.index .slick-full-box {
  margin-top: 0;
}

.itemBlock .currency {
  position: absolute;
  top: 30%;
  right: 0;
  z-index: 10;
  background-color: white;
  padding: 5px 10px;
}

.logout {
  text-decoration: underline;
  margin-top: 20px;
  margin-bottom: 40px;
  cursor: pointer;
}

.hr {
  border-bottom: 1px var(--gray10) solid;
  height: 1px;
}

.fabr .hr {
  margin-top: 60px;
}

.idxLogos {
  margin-top: 10px;
}

.idxLogos .slick-slide {
  margin: 0 30px;
}

.idxLogos .slick-slide img {
  width: 100%;
}

.slick-dots li button::before {
  font-size: 10px !important;
}

.ppForm .buttons {
  display: flex;
  justify-content: flex-end;
  margin-top: 50px;
  column-gap: 10px;
}

.ppForm .buttons .btn {
  cursor: pointer;
  padding: 8px 30px;
}

.brend-list {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  margin-top: 60px;
  flex-wrap: wrap;
}

.brend-list > li {
  margin-left: -1px;
  position: relative;
}

.brend-list > li > a {
  border: 1px transparent solid;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
}

.brend-list > li > ul {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  background-color: white;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  padding: 10px 0;
  border-radius: 8px;
  flex-direction: column;
}

.brend-list > li > ul li a {
  padding-left: 15px;
  padding-right: 35px;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 35px;
  width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
}

.brend-list > li > ul li a:hover {
  background-color: var(--gray-bg);
}

.brend-list > li > ul::before {
  content: "";
  position: absolute;
  top: -12px;
  height: 12px;
  left: 0;
  width: 100%;
}

.brend-list > li:hover > ul {
  display: flex;
  z-index: 1;
}

.brend-list > li:hover > a {
  color: var(--secondary);
  border: 1px var(--secondary) solid;
  z-index: 1;
  position: relative;
  font-weight: 600;
}

.brend-list > li:hover > a::after {
  content: "";
  position: absolute;
  width: calc(100%);
  height: calc(100%);
  left: -2px;
  top: -2px;
  border: 2px var(--secondary) solid;
}

.idxNews {
  display: flex;
  margin-left: calc((100vw - var(--max-width)) / 2);
  border-top: 1px var(--gray10) solid;
  padding-top: 40px;
  margin-bottom: 40px;
}

.idxNews h2 {
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 39px;
  letter-spacing: -0.02em;
  text-align: left;
}

.idxNews .left {
  width: 20%;
}
.idxNews .right {
  width: 80%;
}

.idxNews .news-list .slick-slide {
  width: calc((100vw - ((100vw - var(--max-width)) / 2)) * 0.8 / 4);
  margin-right: 4vw;
}

.idxNews .news-list .date {
  font-family: Verdana;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--gray50);
}

.idxNews .news-list h3 {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;

  margin-top: 10px;
  margin-bottom: 10px;
}

.idxNews .news-list p {
  font-family: Verdana;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;

  color: var(--gray70);
}

.idxSoc {
  display: flex;
  padding: 50px 0;
}

.idxSoc > div.left {
  width: 60%;
}
.idxSoc > div.right {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.idxSoc > div.left img {
  width: 100%;
}

.idxSoc > div.right .head {
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 39px;
  letter-spacing: -0.02em;
  text-align: left;
}

.idxSoc > div.right .social {
  display: flex;
  margin-top: 30px;
}
.idxSoc > div.right .social li {
  margin-right: 26px;
}

.consultationBtn {
  position: fixed;
  padding: 10px 20px;
  bottom: 20%;
  left: 0;
  text-align: center;
  background-color: var(--secondary);
  color: #ffffff;
  text-transform: uppercase;
  display: block;
  z-index: 100;
  transform: rotate(-90deg);
  transform-origin: 0 0;
  border-radius: 0 0 15px 15px;
  font-size: 13px;
}

footer {
  padding: 50px 0 30px 0;
}

footer .callback {
  cursor: pointer;
  font-size: 13px;
  text-decoration: underline;
}

footer .footer-link {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

footer .h3 {
  font-family: Verdana;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 10px;
}

footer .footer-link .link-list {
  font-family: Verdana;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--gray70);
}

footer .footer-link .link-list a {
  color: var(--gray70);
}

footer .phone {
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--secondary);
}

footer .phone a {
  color: var(--secondary);
}

footer .footer-contact-list {
  margin-bottom: 40px;
}

footer .footer-contact-list li {
  margin-bottom: 20px;
}

footer .footer-contact-list p {
  font-family: Verdana;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;

  color: var(--secondary);
}

footer .ico-phone {
  margin-bottom: 20px;
}

footer .footer-addr-list a {
  font-family: Verdana;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--secondary);
}

footer .footer-logo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;

  color: var(--gray70);
}

footer .social {
  display: flex;
  margin-top: 14px;
}
footer .social li {
  margin-right: 12px;
}

footer .social img {
  height: 24px;
}

.breadcrumbs {
  display: flex;
  font-family: Verdana;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  margin-top: 15px;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumbs li {
  margin-right: 35px;
  position: relative;
  white-space: nowrap;
}

.breadcrumbs li > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumbs li a {
  color: var(--gray50);
}

.breadcrumbs li.bc2 {
  overflow: hidden;
}

.breadcrumbs li::before {
  content: "";
  width: 6px;
  height: 8px;
  position: absolute;
  right: -20px;
  bottom: 2px;
  background-image: url("/interface/2022/i_arrow_right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 6px;
}

.breadcrumbs li:last-child::before {
  display: none;
}

h1,
.h1,
h2,
.h2 {
  font-family: Verdana Pro;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 39px;
  letter-spacing: -0.02em;
  text-align: left;
  margin-bottom: 30px;
}

.center {
  text-align: center;
}

.tags {
  margin-top: 28px;
  margin-bottom: 20px;
}

.tags > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  column-gap: 20px;
}

.tags > ul > li {
  margin-bottom: 10px;
}

.tags > ul > li:last-child {
  flex-grow: 1;
}

.tags > ul > li > a {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0em;
  text-align: left;

  display: inline-block;
  padding: 8px 10px 9px 10px;
  background-color: var(--gray-bg);
  border-radius: 28px;

  color: var(--gray60);
}

.tags > ul > li.active > a,
.tags > ul > li > a:hover {
  background-color: var(--secondary);
  color: var(--white);
}

.tags-elements {
  margin-top: 28px;
  margin-bottom: 20px;
}

.tags-elements > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  column-gap: 20px;
}

.tags-elements > ul > li {
  margin-bottom: 10px;
}

.tags-elements > ul > li > a {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0em;
  text-align: left;

  display: inline-block;
  padding: 8px 10px 10px 10px;
  background-color: var(--gray-bg);
  border-radius: 28px;

  color: var(--gray60);
  transition: all 0.3s;
}

.tags-elements > ul > li.active > a,
.tags-elements > ul > li > a:hover {
  background-color: var(--secondary);
  color: var(--white);
}

.proLogo {
  font-size: 32px;
}
.center-holder {
  text-align: center;
}

.inf {
  margin-top: 40px;
  margin-bottom: 20px;
}

.page-nav-holder {
  text-align: center;
}

.pagesContainer {
  display: flex;
  justify-content: center;
  column-gap: 9px;
  margin-top: 40px;
  margin-bottom: 50px;
}

.pagesContainer > li {
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  border: 2px var(--gray10) solid;
  cursor: pointer;
  position: relative;
}

.pagesContainer > li:hover {
  background-color: var(--gray-bg);
}

.pagesContainer > li.dots {
  border: none;
}

.pagesContainer > li.active {
  border-color: var(--secondary);
  color: var(--secondary);
}

.pagesContainer > li a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

.pagesContainer .next {
  text-indent: -10000px;
  position: relative;
}

.pagesContainer .next::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background-image: url("/interface/2022/i_arrow_right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px;
}

.pagesContainer .prev {
  text-indent: -10000px;
  position: relative;
}

.infoBar {
  padding: 30px 0;
}

.pagesContainer .prev::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background-image: url("/interface/2022/i_arrow_right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px;

  transform: rotate(180deg);
}

.mb1 {
  margin-bottom: 40px;
}

.pt1 {
  padding-top: 40px;
}

.pb1 {
  padding-bottom: 40px;
}

.pt2 {
  padding-top: 20px;
}
.pb2 {
  padding-bottom: 20px;
}

.pt3 {
  padding-top: 30px;
}
.pb3 {
  padding-bottom: 30px;
}

.h1 {
  display: flex;
  align-items: flex-end;
  margin-bottom: 30px;
}

.h1 h1 {
  margin-bottom: 0;
}

.h1 .h1Addon {
  margin-left: 20px;
  font-size: 15px;
  line-height: 20px;
}

.salonBox {
  border-bottom: 1px var(--gray10) solid;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.salonBox .row {
  display: flex;
  justify-content: space-between;
}

.salonBox .row:first-child > div:first-child {
  width: 100%;
  padding-top: 0px;
  text-align: left;
  text-transform: none;
}

.salonBox .row:first-child > div:last-child {
  width: 0%;
}
.salonBox .row:first-child > div:last-child img {
  width: 100%;
}

.salonBox h1,
.salonBox .h1 {
  text-align: left;
  font-size: 28px;
}

.salonBox .row:last-child {
  justify-content: left;
}

.salonBox .row:last-child > div:nth-child(1) {
  width: 40%;
}

.salonBox .row:last-child > div:nth-child(2) {
  width: 40%;
}

.salonBox .salonSlider li img {
  width: 100%;
}

.salonBox .row2 {
  display: flex;
  padding-left: 40px;
  margin-bottom: 30px;
}

.salonBox .row2 i {
  display: inline-block;
  width: 43px;
  height: 45px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 43px;
  margin-right: 18px;
}

.salonBox .row2.tel i {
  background-image: url("/interface/2022/tel.svg");
}

.salonBox .row2.addr i {
  background-image: url("/interface/2022/point.svg");
  background-size: 36px;
}

.salonBox .row2 .col2 {
  color: var(--secondary);
  line-height: 1.5em;
}

.salonBox .row2 .col2 b {
  color: var(--primary);
}

.text.h {
  color: var(--black);
}

.text ul {
  list-style-type: disc;
  list-style-position: inside;
}

.text b {
  font-weight: 600;
  color: black;
}

.center {
  text-align: center;
}

.text.doc ol {
  list-style-type: decimal;
}

.text.doc ol li::before {
  display: none !important;
}

.text.doc ol li {
  list-style-position: inside;
}

.text.doc a {
  text-decoration: underline !important;
}

.slick-slider.quad-arrows {
  padding-bottom: 50px;
}

.slick-slider.quad-arrows .slick-next {
  position: absolute;
  right: calc(0px - 45px / 2);
  background-color: white;
  width: 45px;
  height: 45px;
  background-image: url("/interface/2022/i_arrow_right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  transform: translate(0, -50%);
}

.slick-slider.quad-arrows .slick-prev {
  position: absolute;
  left: calc(0px - 45px / 2);
  background-color: white;
  width: 45px;
  height: 45px;
  background-image: url("/interface/2022/i_arrow_right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  transform: rotate(180deg) translate(0, 50%);
  z-index: 1;
}

.slick-slider.quad-arrows .slick-next::before {
  content: none;
}
.slick-slider.quad-arrows .slick-prev::before {
  content: none;
}

.slick-slider.quad-arrows .slick-dots {
  bottom: 20px;
}

.slick-slider.quad-arrows.v2 .slick-prev {
  left: calc(0px - 65px);
}

.slick-slider.quad-arrows.v2 .slick-next {
  right: calc(0px - 65px);
}

.opItems {
  display: flex;
  column-gap: 20px;
}

.opItems .opItem {
  background: #ffffff;
  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.08);
  padding: 17px 18px;
  box-sizing: border-box;
  height: auto !important;
}

.opItems .opItem .date {
  color: var(--gray50);
  width: 100%;
  display: inline-block;
  margin-bottom: 0.5em;
  margin-top: 20px;
  font-size: 13px;
}

.opItems .opItem .name {
  width: 100%;
  display: inline-block;
  font-family: Verdana;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 20px;
}

.opItems .opItem .stars i {
  color: var(--secondary);
}

.opItems .opItem .comment {
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--gray70);
}

.factory-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  column-gap: 20px;
}

.factory-list > li {
  margin-bottom: 10px;
}

.factory-list > li:last-child {
  flex-grow: 1;
}

.factory-list > li > a {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0em;
  text-align: left;

  display: inline-block;
  padding: 8px 10px 10px 10px;
  background-color: var(--gray-bg);
  border-radius: 28px;

  color: var(--gray60);
}

.factory-list > li.active > a,
.factory-list > li > a:hover {
  background-color: var(--secondary);
  color: var(--white);
}

.factory-list > li.topItem > a {
  font-weight: 600;
  color: var(--secondary);
}

.factory-list > li.topItem > a span {
  font-weight: 400;
}

.factory-list > li.topItem > a:hover {
  color: white;
}

.factory-list li.moreBlock {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 13px;
  letter-spacing: 0em;
  text-align: left;

  display: inline-block;
  padding: 7px 40px 9px 10px;
  border-radius: 28px;

  border: 1px var(--secondary) solid;

  color: var(--secondary);

  cursor: pointer;
  position: relative;
}

.factory-list li.moreBlock:hover {
  background-color: var(--primary10);
}

.factory-list li.moreBlock::after {
  content: "";
  background-image: url("/interface/2022/arrow_down.svg");
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  width: 20px;
  position: absolute;
  top: 0;
  right: 4px;
}

.tags-box {
  margin-top: 15px;
  padding-bottom: 15px;
}

.tags-box h3 {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 29px;
  letter-spacing: -0.02em;
  text-align: left;
  margin-top: 15px;
  margin-bottom: 15px;
}

.cSpacer {
  height: 20px;
  min-height: 20px;
}

.factory-list li[priority="1"] {
  transition: all 1s;
  display: none;
}

.factory-list li.show {
  display: initial !important;
}

.priceOrderBlock {
  margin-bottom: 20px;
  text-align: right;
}

.sortBox {
  display: flex;
  justify-content: flex-end;
  position: relative;
  margin-bottom: 28px;
  border-top: 1px var(--gray10) solid;
  padding-top: 28px;
}

.sortBox .n {
  display: flex;
}

.sortBox .n .head {
  color: var(--gray60);
  margin-right: 0.5em;
}

.sortBox .n .current {
  padding-right: 35px;
  position: relative;
  cursor: pointer;
}

.sortBox .n .current::after {
  content: "";
  background-image: url("/interface/2022/arrow_down.svg");
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  width: 20px;
  position: absolute;
  top: 2px;
  right: 8px;
}

.sortBox .sortList {
  position: absolute;
  z-index: 100;
  margin-top: 10px;
  background: #ffffff;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 10px 0;
  top: 20px;
  display: none;
}

.sortBox.opened .sortList {
  display: block;
}

.sortBox .sortList li {
  padding-left: 15px;
  padding-right: 35px;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 35px;
  box-sizing: border-box;
  white-space: nowrap;
  cursor: pointer;
}

.sortBox .sortList li:hover {
  background-color: var(--gray-bg);
}

.staticList {
  margin-top: 60px;
  margin-bottom: 40px;
  border-bottom: 1px var(--gray10) solid;
  padding-bottom: 40px;
}

.staticList h3 {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 29px;
  letter-spacing: -0.02em;
  text-align: left;
  margin-top: 30px;
  margin-bottom: 30px;
}

.itemBlock.complect .name {
  height: 1.5em;
}
.itemBlock.complect .size {
  margin-bottom: 0;
  margin-top: 5px;
}

.itemBlock.complect .btn {
  width: 100%;
  margin-top: 20px;
  box-sizing: border-box;
  text-align: center;
}

.staticList .btns {
  text-align: center;
  margin-top: 40px;
}

.bottom-border {
  border-bottom: 1px var(--gray10) solid;
}

.top-border {
  border-top: 1px var(--gray10) solid;
}

h2.center {
  text-align: center;
}

h2.topCatalog {
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 39px;
  letter-spacing: -0.02em;
  text-align: center;

  margin-top: 40px;
  margin-bottom: 40px;
}

.partner-info.vendor {
  display: flex;
  grid-column: 35px;
  padding: 20px 0 20px 0;
}

.partner-info.vendor > div:first-child {
  width: 30%;
}
.partner-info.vendor > div:last-child {
  width: 70%;
  padding-left: 40px;
  box-sizing: border-box;
  min-height: 170px;
  font-size: 14px;
}

.partner-info.vendor .photo img {
  width: 100%;
  height: 120px;
  object-fit: contain;
  object-position: center center;
  margin-bottom: 20px;
}

.partner-info.vendor .photo .btn {
  width: 100%;
  box-sizing: border-box;
}

.more-info-slide .d-slide {
  position: relative;
  overflow: hidden;
  height: 7em;
  margin: 0 0 26px;
  line-height: 1.5em;
  padding-bottom: 20px;
}

.partner-info.vendor .description {
  position: relative;
}

.partner-info.vendor .description .ovh {
  bottom: 0;
  position: absolute;
}

.partner-info.vendor .description .more-info-slide.select {
  padding-bottom: 60px;
}

.shadow-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.shadow-list > li {
  width: calc(33% - 30px / 3 * 2);
  background: #ffffff;
  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.08);
  position: relative;
  border-radius: 8px;
}

.shadow-list > li img {
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.shadow-list.v2 > li img {
  opacity: 0.5;
}

.shadow-list > li .title {
  padding: 20px 24px;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4em;
  letter-spacing: 0em;
  text-align: left;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  background-color: white;
  position: relative;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.limitedTextDescription {
  margin-bottom: 1em;
}

.limitedTextDescription:not(.more) .txt {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 7.5rem;
  line-height: 1.5rem;
  display: block !important;
}

.limitedTextDescription .moreText {
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px;
}

.limitedTextDescription .txt p {
  margin: 0;
}

.limitedTextDescription #pText {
  margin-bottom: 0.5em;
}

.room-list.product-groups > li > a {
  position: relative;
  display: block;
}

.room-list.product-groups > li > a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.05);
  transition: all 0.3s;
}

.room-list.product-groups .link-absolute-holder {
  position: absolute;
  left: 18px;
  top: 74px;
  opacity: 1 !important;
  transition: all 0.3s;
}

.room-list.product-groups > li:hover .link-absolute-holder {
  opacity: 1;
}

.room-list.product-groups > li:hover > a::before {
  background-color: rgba(0, 0, 0, 0.2);
}

.room-list.product-groups .link-absolute-holder .link-list {
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
  gap: 10px;
}

.room-list.product-groups .link-absolute-holder .link-list > li a {
  background-color: var(--gray-bg);
  border-radius: 28px;
  color: var(--primary);
  padding: 8px 10px 10px 10px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 13px;
  letter-spacing: 0em;
  text-align: left;
  display: inline-block;
}

.room-list.product-groups .link-absolute-holder .link-list > li a:hover {
  background-color: white;
}

#pText::after {
  content: "";
  clear: both;
  display: block;
}

#pText,
.text {
  font-family: Verdana;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5em;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 30px;
  color: var(--gray70);
}

#pText h2,
.text h2 {
  font-family: Verdana;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--black);
  margin-top: 1em;
  margin-bottom: 1em;
}

#pText h3,
.text h3 {
  font-family: Verdana;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--black);
  margin-top: 1em;
  margin-bottom: 1em;
}

.shadow-list.zones li {
  width: calc(25% - 30px / 4 * 3);
}

.shadow-list.zones li .photo {
  padding-top: 75%;
  position: relative;
}

.shadow-list.zones li .photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.shadow-list.zones li:nth-child(1) .photo,
.shadow-list.zones li:nth-child(2) .photo {
  padding-top: 50%;
}

.shadow-list.zones li:nth-child(1),
.shadow-list.zones li:nth-child(2) {
  width: calc(50% - 30px / 2) !important;
}

.shadow-list.c4 > li {
  width: calc(25% - 30px / 4 * 3);
}

.shadow-list.zones.v2 li {
  width: calc(33% - 30px / 3 * 2);
}

.itemTypesList li[priority="1"] {
  display: none;
}

.itemTypesList.small {
  margin-top: 40px;
}

.itemTypesList.small li img {
  display: none;
}

.itemTypesList li[priority="1"].show {
  display: flexbox;
}

.twoBans {
  display: flex;
  padding: 0;
  row-gap: 30px;
  justify-content: space-between;
  margin-top: 40px;
  padding-bottom: 40px;
}

.twoBans li {
  width: calc(50% - 30px / 2);
}

.twoBans li img {
  width: 100%;
}

.fullSeparator {
  position: relative;
  display: inline-block;
  height: 1px;
}

.fullSeparator::before {
  background: #c9c8c8 none repeat scroll 0 0;
  content: "";
  height: 1px;
  left: 100%;
  margin-left: 0px;
  margin-right: -9999px;
  padding-right: 9999px;
  position: absolute;
  top: 50%;
  width: 1px;
}
.fullSeparator::after {
  background: #c9c8c8 none repeat scroll 0 0;
  content: "";
  height: 1px;
  margin-left: -9999px;
  margin-right: 0px;
  padding-left: 9999px;
  position: absolute;
  right: 100%;
  top: 50%;
  width: 1px;
}

.product-detail-info1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.product-detail-info1 .photo {
  margin-right: 60px;
}

.product-detail-info .kh {
  margin-top: 20px;
  padding-top: 10px;
  position: relative;
}

.product-detail-info .kh::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 1px;
  border-top: 1px var(--gray) solid;
}

.product-detail {
  display: flex;
}

.product-detail .photo-col {
  width: 55%;
}

.product-detail .description {
  width: 45%;
  padding-left: 40px;
  box-sizing: border-box;
}

.product-detail .slickGallery .slickItem img {
  width: 100%;
  height: calc(var(--max-width) / 100 * 55 / 4 * 4);
  object-fit: contain;
  object-position: center center;
}

.product-detail .slickGallery .slickItem iframe {
  height: calc(var(--max-width) / 100 * 55 / 4 * 4);
  pointer-events: none;
  width: 100%;
}

.product-detail .imgBlock {
  position: relative;
  height: calc(var(--max-width) / 100 * 55 / 4 * 4);
  overflow: hidden;
}

.product-detail .imgBlock .ico {
  position: absolute;

  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  z-index: 1;
  border-radius: 6px;
}

.product-detail .imgBlock .ico {
  top: 7px;
  left: 7px;
  background-color: var(--primary100);
  color: white;
  padding: 7px 11px;
  z-index: 1;
}

.product-detail .imgBlock .ico.bfd {
  background-color: black;
  color: #efd000;
}

.product-detail .imgBlock .ico.bfd2 {
  top: 50px;
  text-decoration: line-through;
  font-size: 13px;
}

.product-detail .imgBlock .ico.is_markdown {
  top: 94px;
}

#container3d.hidden {
  height: 0px;
  overflow: hidden;
  opacity: 0;
}
#container3d {
  width: 100%;
  position: relative;
  height: calc(var(--max-width) / 100 * 55 / 4 * 3);
}

#container3d .closeBtn {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  background-image: url("/interface/close.svg");
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  right: 20px;
  top: 20px;
  z-index: 1;
}

.product-detail #container3d model-viewer {
  background-color: white !important;
}

.product-detail model-viewer {
  width: 100%;
  height: calc(var(--max-width) / 100 * 55 / 4 * 3);
}

.product-detail .slickPages {
  display: flex;
  row-gap: 8px;
  margin-top: 30px;
  column-gap: 0;
  overflow: hidden;
}

.product-detail .slickPages .slickPageItem {
  padding: 0px;
  border: 2px white solid;
  cursor: pointer;
  position: relative;
}

.product-detail .slickPages .slickPageItem .show3d {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-detail .slickPages .slickPageItem .show3d img {
  width: 50px;
}

.product-detail .slickPages .slickPageItem.slick-current {
  border: 2px var(--secondary) solid;
}

.product-detail .slickPages .slickPageItem img {
  height: 64px;
}

.slickPageItem.video::before {
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  background-image: url("/interface/play.svg");
  background-size: 50px;
  background-position: center center;
  background-repeat: no-repeat;
}

.product-detail .tdButtons {
  display: flex;
  row-gap: 10px;
  justify-content: space-between;
  margin-top: 30px;
}

.product-detail .tdButtons > li {
  width: calc(100% / 2 - 10px / 2);
  border: 2px var(--secondary) solid;
  padding: 17px;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--secondary);
}

.product-detail .tdButtons > li {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-detail .tdButtons > li img {
  margin-right: 10px;
}

#gallery.hidden .imgBlock {
  display: none;
}
.gallery-detail .imgBlock {
  position: relative;
}

.product-detail .description .row-1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;

  font-family: Verdana;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;

  color: var(--secondary);
}

.product-detail .description .row-1 a {
  color: var(--secondary);
}

.product-detail .description .row-1 .l.v2 {
  color: var(--gray70);
}

.product-detail .description .row-1 .l.v2 li {
  text-align: right;
}

.product-detail .description .row-1 .l li {
  margin-bottom: 10px;
}

.product-detail .description .row-1 .pres {
  display: flex;
  align-items: center;
  text-transform: lowercase;
}

.product-detail .description .row-1 .pres .bullets {
  display: flex;
  align-items: center;
  margin-right: 10px;
  margin-top: 3px;
}
.product-detail .description .row-1 .pres .bullets li {
  width: 9px;
  height: 9px;
  border-radius: 2px;
}

.product-detail h1 {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 29px;
  letter-spacing: -0.02em;
  text-align: left;
  margin-top: 25px;
  margin-bottom: 16px;
}

.product-detail h1 span {
  display: none;
}

.product-detail .description .row-2 {
  display: flex;

  font-family: Verdana;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;

  color: var(--gray70);
}

.product-detail .description .row-2 > div {
  margin-right: 40px;
}

.product-detail .p-panel {
  margin-top: 38px;
  padding-bottom: 38px;

  background-color: var(--gray5);

  padding: 14px 16px;
}

.product-detail .p-panel .p-row-1 {
  display: flex;
  justify-content: space-between;
}

.product-detail .p-panel .sum-col {
  display: flex;
  flex-direction: column;

  font-family: Verdana;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: -0.02em;
  text-align: left;

  color: var(--primary100);
}

.product-detail .p-panel .sum-col .sumRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

.product-detail .p-panel .sum-col .old {
  order: 0;

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;

  color: var(--gray70);
  text-decoration: line-through;

  margin-bottom: 5px;
}

.product-detail .p-panel .sum-col .sum {
  order: 1;
}

.product-detail .p-panel .sum-col .getDiscount {
  order: 5;
  margin-top: 0;
}

.getDiscount.btn.small {
  padding: 3px 10px;
  border-radius: 5px;
  margin-top: 5px;
  border-width: 1px;
  font-size: 12px;
  cursor: pointer;
}

.itemBlock .getDiscount.btn.small {
  font-size: 10px;
  padding: 1px 5px;
  margin-top: 10px;
  order: 4;
}

#DiscountPresenceBlock .slick-list,
#OnStockPresenceBlock .slick-list {
  padding-bottom: 100px;
}
#DiscountPresenceBlock .slick-full-carousel .slick-dots,
#OnStockPresenceBlock .slick-full-carousel .slick-dots {
  bottom: 50px;
}

#DiscountPresenceBlock .slick-full-carousel,
#OnStockPresenceBlock .slick-full-carousel {
  margin-bottom: 10px;
}

.product-detail .p-panel .sum-col .sum.na {
  padding: 17px 30px;
  font-family: Verdana Pro;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: center;
  display: inline-block;
  transition: all 0.2s;
  border: 2px var(--secondary) solid;

  position: relative;

  cursor: pointer;
  border-radius: 12px;
}

.product-detail .p-panel .sum-col .sum.na #sumNa {
  position: absolute;

  display: none;
  position: absolute;
  background: #ffffff;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  left: 0;
  top: 60px;
  max-width: 300px;
  z-index: 1;
  padding: 17px 21px;
  color: var(--gray70);
  line-height: 1.5em;
  font-size: 0.9em;
}

.product-detail .p-panel .sum-col .sum.na #sumNa.opened {
  display: block;
}

.product-detail .p-panel .sum-col .sum.na #sumNa a {
  text-decoration: underline;
}

.product-detail .p-panel .priceHint {
  display: inline-block;
  margin-top: 20px;
  color: var(--gray70);

  font-family: Verdana;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
}

.product-detail .p-panel .row-3 {
  border-top: 1px var(--gray-bg2) solid;
  margin-top: 20px;
  padding-top: 20px;

  display: flex;
  align-items: center;
  gap: 70px;
}

.product-detail .p-panel .row-3 .sum .sum {
  display: inline-block;
}

.product-detail .p-panel .row-3 .presence-box {
  display: flex;
  align-items: center;
  gap: 10px;
}
.product-detail .p-panel .row-3 .presence-box .ico-check {
  width: 20px;
  height: 20px;
  background-image: url("/interface/2022/ico-check.svg");
  background-size: 20px;
}

.product-detail .caseAdd {
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding: 17px 30px;
  justify-content: center;
}

.product-detail .caseAdd::after {
  content: "";
  background-image: url("/interface/2022/i_case_2.svg");
  background-repeat: no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  margin-left: 10px;
  background-size: 86%;
  right: 30px;
  top: 50%;
  margin-top: -12px;
}

.product-detail .caseAdd.dark::after {
  filter: invert(1);
}

.product-detail .characteristics {
  padding-top: 27px;
  padding-bottom: 27px;
  border-bottom: 1px var(--gray10) solid;
}

.product-detail .characteristics h3 {
  font-family: Verdana;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 18px;
}

.product-detail .characteristics .characteristic-table table {
  width: 100%;
}

.product-detail .characteristics .characteristic-table tr {
  display: flex;
  justify-content: space-between;
}

.product-detail .characteristics .characteristic-table tr td {
  font-family: Verdana;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;

  color: var(--gray70);

  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.sizes {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.sizes li {
  background-image: url("/interface/s_length.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 17px;
  padding-left: 18px;
  line-height: 1.4em;
  font-size: 90%;
  list-style-type: none;
  width: auto;
}
.sizes li.width {
  background-image: url("/interface/s_width.png");
}
.sizes li.height {
  background-image: url("/interface/s_height.png");
}

.sizes li.diametr {
  background-image: url("/interface/s_radius.png");
}

.product-detail .address-list-drop li {
  font-family: Verdana;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;

  color: var(--gray70);
}
.product-detail .address-list-drop li a {
  display: flex;
  justify-content: space-between;
  width: 100%;
  color: var(--gray70);
  column-gap: 10px;
}

.product-detail .address-list-drop li a .link {
  text-decoration: underline;
}

.hInfo {
  padding-top: 38px;
  padding-bottom: 38px;
}

.hInfo .action-link {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding-bottom: 38px;
}

.hInfo .action-link > li {
  width: calc(50% - 20px);
  display: flex;
  align-items: flex-start;
  position: relative;
}

.hInfo .action-link > li > a {
  margin-right: 22px;
}

.hInfo .action-link .typ .info {
  display: none;
  position: absolute;

  background: #ffffff;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  left: -100%;
  top: 60px;
  max-width: 400px;
  z-index: 1;
  padding: 17px 21px;

  color: var(--gray70);

  line-height: 1.5em;
  font-size: 0.9em;

  white-space: normal;
  width: 400px;
  font-size: 13px;
}
.hInfo .action-link .typ:hover .info {
  display: block;
}

.hInfo .action-link .typ .info::after {
  content: "";
  position: absolute;
  top: -60px;
  left: 0;
  width: 100%;
  height: 60px;
}

.hInfo .action-link > li .text {
  font-size: 14px;
}

.salonDetail {
  font-size: 14px;
}

.itemActionBlock {
  background-color: var(--primary10);
  padding: 24px 30px;
  width: 100%;
  display: inline-block;
  text-align: center;

  color: var(--secondary);
  font-family: Verdana;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5em;
  letter-spacing: 0px;
  box-sizing: border-box;
  margin-top: 20px;
}

.itemActionBlock i {
  color: var(--gray70);

  font-family: Verdana;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;

  margin-top: 10px;

  display: inline-block;
}

.itemActionBlock a {
  text-decoration: underline;
}

.h1Row {
  display: flex;
  column-gap: 20px;
  justify-content: space-between;
  align-items: center;
}

.product-detail-info {
  font-family: Verdana;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;

  color: var(--gray70);

  margin-top: 40px;
}

.product-detail-info .smallDescription {
  font-family: Verdana;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--gray50);

  display: inline-block;
  margin-top: 24px;
}

.product-detail.v2 h1 {
  margin-top: 0;
  margin-bottom: 25px;
}

.product-detail.v2 .description .pres {
  display: flex;
  align-items: center;
  text-transform: lowercase;
  justify-content: flex-end;
  position: relative;
}

.product-detail.v2 .description .pres .bullets {
  display: flex;
  align-items: center;
  margin-right: 10px;
  margin-top: 3px;
}
.product-detail.v2 .description .pres .bullets li {
  width: 9px;
  height: 9px;
  border-radius: 2px;
}

.product-detail.v2 .description .pres span {
  white-space: nowrap;
}

.product-detail.v2 .description .pres.hasPopup > span {
  padding-right: 26px;
  background-image: url("/interface/i_ico.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 16px;
  cursor: pointer;
}

.product-detail.v2 .description .pres.hasPopup .drop-address {
  display: none;
  position: absolute;
  bottom: 30px;
  right: 0;
  background-color: var(--secondary);
  color: white;
  font-size: 13px;
  padding: 10px 15px;
  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.38);
  z-index: 11;
  text-transform: none;
  border-radius: 10px;
}

.product-detail.v2 .description .pres.hasPopup .drop-address::before {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  height: 32px;
}

.product-detail.v2 .description .pres.hasPopup:hover .drop-address {
  display: block;
}

.product-detail.v2 .hasPopup .address-list-drop li {
  color: white;
}

.product-detail.v2 .hasPopup .address-list-drop a {
  color: white;
}

.product-detail.v2 .description .row-2 {
  justify-content: flex-end;
  margin-top: 30px;
}

.product-detail.v2 .description .row-2 > div {
  margin-right: 0;
}

.product-detail.v2 .p-panel {
  padding: 0;
  background-color: transparent;
  margin-top: 25px;
}

.product-detail.v2 .p-panel .sum-col {
  width: 100%;
}

.product-detail.v2 .p-panel .sum-col .sumRow {
  flex-direction: row;
  justify-content: space-between;
}

.product-detail.v2 .p-panel .sum-col .sumRow .getDiscount {
  margin-top: 20px;
}

.product-detail.v2 .p-panel .sum-col .sum {
}

.product-detail.v2 .p-panel .p-row-1 {
  margin-bottom: 30px;
}

.product-detail.v2 .prBlk {
  display: flex;
  font-size: 30px;
  font-weight: 700;
  column-gap: 10px;
  align-items: baseline;
}

.product-detail.v2 .prBlk .sum {
  order: 1;
}

.product-detail.v2 .prBlk .old {
  order: 2;
  font-size: 24px;
  font-weight: 300;
}

.product-detail.v2 .hire_purchase {
  margin-top: 5px;
}

.product-detail.v2 .hire_purchase a {
  color: var(--gray70);
  font-size: 15px;
  font-weight: 400;
  text-decoration: underline;
}

.product-detail.v2 .getDiscount.btn.small {
  padding: 6px 10px;
}

.product-detail.v2 .p-panel .r {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  row-gap: 6px;
}

.product-detail.v2 .caseAdd {
  padding: 26px 30px;
  width: 100%;
  box-sizing: border-box;
}

.product-detail.v2 .p-panel .btn-list li:first-child {
  flex-grow: 2;
}

.product-detail.v2 .wish-detail {
  padding: 10px;
  border: 2px var(--secondary) solid;
  border-radius: 12px;
  background-size: 65%;
}

.product-detail.v2 .materialsBlock .list .item {
  width: 95px;
  min-width: 95px;
}

.product-detail.v2 .materialsBlock .list .img {
  padding: 10px 15px;
}

.product-detail.v2 .materialsBlock .list .img img {
  border-radius: 8px;
  width: 100%;
}

.product-detail.v2 .materialsBlock .list .item .art {
  font-size: 10px;
}

.product-detail.v2 .materialsBlock.opened .list .item {
  width: 200px;
  min-width: 200px;
}

.product-detail.v2 .materialsBlock.opened .list .img {
  padding: 0px;
}
.product-detail.v2 .materialsBlock.opened .list .item .art {
  font-size: 12px;
}

.product-detail.v2 .materialsBlock .headLine {
  margin-bottom: 10px;
}

.product-detail.v2 .itemActionBlock {
  background-color: #ede6e9;
  color: #2c2c2c;
  padding: 15px 20px;
}

.product-detail.v2 .characteristics {
  padding: 0;
}

.product-detail.v2 .characteristics .h {
  font-size: 18px;
  font-weight: 400;
}

.product-detail.v2 .detailInfoBlock {
  margin-top: 30px;
}

.product-detail.v2 .limitedTextDescription .moreText {
  font-size: 16px;
  margin-top: 1em;
}

.product-detail.v2 .product-detail-info {
  line-height: 1.5em;
}

.product-detail.v2 .p-panel .row-3 .presence-box .ico-check {
  min-width: 20px;
}
.product-detail.v2 .p-panel .row-3 .presence-box {
  white-space: nowrap;
}

#cookiesBanner {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.9);
  color: black;
  bottom: 0;
  left: 0;
  width: calc(100% - 10px);
  box-sizing: border-box;
  padding: 10px 20px;
  text-align: center;
  z-index: 100000000;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.18);
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 40px;
  margin: 5px;
  font-size: 14px;
}

#cookiesBanner .message {
  text-align: left;
  padding: 5px 0;
}

#cookiesBanner b {
  font-weight: 600;
  line-height: 2em;
}

#cookiesBanner .btn {
  padding: 5px 30px;

  --duration: 0.3s;
  align-items: center;
  background-color: #000;
  border: 2px solid #000;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  justify-content: center;
  line-height: 1.1;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  transition: var(--duration) all ease-in-out;
}

#cookiesBanner a {
  text-decoration: underline;
}

@media screen and (max-width: 600px) {
  #cookiesBanner {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 10px;
  }

  #cookiesBanner .message {
    text-align: center;
  }
  #cookiesBanner .message {
    text-align: center;
  }
}

@media screen and (max-width: 600px) {
  .product-detail .description .row-1 {
    /* flex-direction: column; */
    font-size: 14px;
    flex-direction: row !important;
  }

  .product-detail.v2 .p-panel .p-row-1 {
    flex-direction: row;
  }

  .product-detail.v2 .p-panel.vdiscount .p-row-1 {
    flex-direction: column;
  }

  .product-detail.v2 .hire_purchase {
    margin-top: 10px;
  }

  .product-detail.v2 .p-panel {
    width: 100%;
    margin-left: 0;
  }

  .product-detail.v2 .description {
    margin-top: 20px;
  }

  .product-detail.v2 .p-panel .r {
    align-items: flex-start;
  }

  .product-detail.v2 .caseAdd::after {
    right: 20px;
  }

  .product-detail.v2 .tdButtons > li {
    padding: 6px 6px 6px 12px;
  }

  .product-detail.v2 .tdButtons {
    margin-top: 0px;
    flex-direction: row;
    column-gap: 20px;
  }
}

.closableBlock {
  border-bottom: 1px #e8e8e8 solid;
}

.closableBlock > .h {
  font-size: 18px;
  color: #0f0f0f;
  font-weight: 600;
  position: relative;
  cursor: pointer;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-right: 40px;
}

.closableBlock > .h::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -9px;
  width: 15px;
  height: 18px;
  background-image: url("/interface/arr_dwn.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

.closableBlock.opened > .h::after {
  transform: rotate(180deg);
}

.closableBlock .t {
  font-size: 18px;
  color: #636363;
  font-weight: 400;
  line-height: 1.5em;
  padding-bottom: 24px;
}

.v-section {
  display: flex;
  border-top: 1px var(--gray10) solid;
  padding-top: 40px;
}
/*
.v-section .product-detail-info {
	width: 55%;
	padding-bottom: 40px;
}
*/

.v-section .variations {
  width: 100%;
  /*	padding-left: 40px;*/
  box-sizing: border-box;
}

.v-section .variations h3 {
  font-family: Verdana;
  font-size: 24px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 30px;
}

.v-section .variations .slick-arrow {
  bottom: 25px;
  top: auto;
  z-index: 100;
  position: absolute;
  cursor: pointer;
}

.v-section .variations .slick-arrow.arrow-prev {
  left: 10px;
  right: auto;
}

.v-section .variations .slick-arrow.arrow-next {
  left: 60px;
  right: auto;
}

.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before {
  opacity: 1 !important;
}

.slick-carousel.modifications {
  /*	width: calc( 100vw - (var(--max-width)/100*55 + 40px ) - (100vw - var(--max-width))/2 ) !important;*/
}

.slick-carousel.modifications .itemBlock {
  width: calc(var(--max-width) / 4 - 20px / 4 * 3);
  margin-bottom: 100px;
  margin-right: 20px;
}

.slick-carousel.modifications .slick-dots {
  bottom: 20px;
}

.slick-slider.slick-full-carousel.slick-dotted {
  margin-bottom: 50px;
}

.slick-slider.hasShadow .slick-track {
  padding-bottom: 80px;
  padding-top: 20px;
  display: flex;
  align-items: center;
}

.nSlider .slick-slider.hasShadow .slick-track {
  align-items: flex-start;
}

.slick-full-carousel .slick-dots {
  bottom: 0px;
}

.slick-full-carousel .slick-slide {
  margin-right: 20px;
  width: calc(var(--max-width) / 4 - 20px / 4 * 3);
}

.slick-full-carousel .slick-arrow {
  position: absolute;
  width: 30px;
  top: 20px;
  margin-top: -75px;
  z-index: 1;
  cursor: pointer;
}

.index .slick-full-carousel .slick-arrow {
  top: -15px;
}

.slick-full-carousel .slick-arrow.arrow-prev {
  right: 50px;
}
.slick-full-carousel .slick-arrow.arrow-next {
  right: 0px;
}

.grayBG h2 {
  margin-top: 40px;
  display: inline-block;
}

.tab-box {
}

.tab-box .tab-nav {
  display: flex;
  margin-bottom: 40px;
}

.tab-box .tab-nav li {
  border: 1px var(--gray20) solid;
  background-color: var(--white);
  padding: 22px 30px;
  margin-left: -1px;
  cursor: pointer;
  font-family: Verdana;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;

  color: var(--gray70);
  position: relative;

  min-width: calc(var(--max-width) / 4);

  box-sizing: border-box;
}

.tab-box .tab-nav li.active {
  color: var(--secondary);
}

.tab-box .tab-nav li.active::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 2px var(--secondary) solid;
}

.tab-box .tab-content .tab {
  width: 100%;
  display: none;
}
.tab-box .tab-content .tab.active {
  display: block;
}

.filter-check-list {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin: 33px 0 0 0;
}

.filter-check-list li {
  display: inline-block;
}

.filter-check-list input {
  position: absolute;
  left: -99999px;
}

.filter-check-list label {
  background-color: var(--white);
  color: var(--gray);
  padding: 6px 16px;
  border-radius: 80px;
  border: 1px var(--gray20) solid;
  cursor: pointer;
  display: inline-block;
}

.filter-check-list label.active {
  color: var(--secondary);
  border: 1px var(--secondary) solid;
}

.slick-full-box {
  margin-top: 13px;
}

.c-filters {
  padding: 60px 0 20px 0;
  margin-bottom: 60px;
}

.c-filters.interior {
  padding: 20px 0 20px 0;
  margin-bottom: 60px;
}

.addLinks {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 40px 0 60px 0;
  align-items: center;

  font-family: Verdana;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;

  color: var(--gray70);
}

.addLinks ul {
  display: flex;
  gap: 10px;
  align-items: center;
}

.addLinks ul li a {
  display: inline-block;
  color: var(--gray);
  background-color: var(--gray-bg);
  padding: 7px 15px 8px 15px;
  border-radius: 40px;

  font-size: 14px;
  line-height: 13px;
  letter-spacing: 0em;
  text-align: left;
}

.more-product-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.more-product-block .more-product-link {
  border: 2px var(--secondary) solid;
  width: 100%;
  box-sizing: border-box;
  height: calc(var(--max-width) / 4 - 20px / 4 * 3);
  display: block;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 1.5em;
  color: var(--secondary);
  padding: 20px;
}

#case {
  position: relative;
}

#case .basket-drop {
  position: absolute;
  display: none;
  right: 0;
  margin-top: 22px;
  background-color: white;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);

  width: 30vw;
  padding: 20px 37px 20px 29px;
  z-index: 10;
}

#case:hover .basket-drop {
  display: block;
}

#case .basket-drop::before {
  content: "";
  top: -22px;
  height: 22px;
  position: absolute;
  width: 100%;
}

.basket-drop-table table {
  width: 100%;
  border-collapse: collapse;
  position: relative;
  margin: -1px 0;
  font-size: 12px;
  line-height: 1.5em;
  margin-bottom: 20px;
}

.basket-drop-table table td {
  vertical-align: middle;
  padding: 10px 0;
  border-bottom: 1px solid var(--gray20);
}
.basket-drop-table table .col1 {
  width: 80px;
}

.basket-drop-table table td .del {
  margin-left: 15px;
}

.basket-drop-table table td .del img {
  height: 20px;
}

.basket-drop-table table .sum {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}

.basket-drop-table table .sum .old {
  text-decoration: line-through;
  order: 0;
  color: var(--gray70);
}
.basket-drop-table table .sum .sum {
  order: 1;
  color: var(--primary100);
  margin-top: 0.2em;
  font-size: 16px;
}

.basket-drop-table .btns {
  text-align: right;
}

.photo-visual {
  position: relative;
  margin: 0 0 26px;
}

.photo-visual img {
  width: 100% !important;
  height: auto !important;
}

.visual-drop-box {
  position: absolute;
  z-index: 3;
}

.visual-drop-box .open-box1 {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 9999px;
  background: black;
  position: relative;
  z-index: 3;
  cursor: pointer;
  border: 1px black solid;
  color: white;
  text-align: center;
  line-height: 27px;
}

.visual-drop {
  background: #fff;
  width: 350px;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -175px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.4s;
  display: none;
  font-size: 14px;
  border-radius: 4px;
}

.visual-drop-box:hover {
  z-index: 10;
}

.visual-drop-box:hover .visual-drop {
  opacity: 1;
  display: block;
}

.visual-drop .content {
  padding: 26px 30px 28px;
  display: block;
}

.carousel-box p {
  margin: 0 0 6px;
  color: #201600;
}

.photo-col .row {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

.carousel-box .profile {
  float: left;
  font-size: 12px;
  line-height: 14px;
  padding: 1px 0 0;
}

.photo-col .row .col:last-child {
  text-align: left;
}

.visual-drop .r {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.visual-drop .r:last-child {
  margin-bottom: 0;
}

.visual-drop .r.summary {
  justify-content: space-between;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px var(--gray10) solid;
}

.sum-box .sum-col .sum {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--secondary);
}

.sum-box .sum-col .old {
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--gray70);
  text-decoration: line-through;
  margin-top: 4px;
}

.visual-drop .size {
  color: var(--gray60);
  margin-right: 10px;
}

.visual-drop .content .presenc-box {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: left;
  margin-top: 5px;
  text-transform: lowercase;
  color: var(--gray);
}

.visual-drop .content .sum.na {
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  padding: 10px 15px;
  background-color: var(--gray-bg);
  cursor: pointer;
  position: relative;
}

.visual-drop .content .sum.na #sumNa {
  position: absolute;
  top: 50px;
  left: 0;
  background-color: var(--secondary);
  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.08);
  color: white;
  padding: 15px 20px;
  width: 200px;
  z-index: 10;
  line-height: 1.5em;
}

.visual-drop .content .sum.na #sumNa a {
  color: white;
  text-decoration: underline;
}

.b-panel {
  margin-top: 40px;
  padding-bottom: 50px;
  margin-bottom: 20px;
  border-bottom: 1px var(--gray10) solid;
}

.b-panel .btn {
  width: 100%;
  box-sizing: border-box;
}

#caseContainer {
  display: flex;
}

#caseContainer .l {
  width: 65%;
  padding-right: 60px;
  box-sizing: border-box;
  border-right: 1px var(--gray20) solid;
  position: relative;
}

#caseContainer .l::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 0;
  height: 80px;
  width: 2px;
  background-color: white;
}

#caseContainer .r {
  width: 35%;
  padding-left: 60px;
  box-sizing: border-box;
  padding-bottom: 20px;
}

#wishContainer {
  display: flex;
}

#wishContainer .l {
  width: 65%;
  padding-right: 60px;
  box-sizing: border-box;
  border-right: 1px var(--gray20) solid;
  position: relative;
}

#wishContainer .l::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 0;
  height: 80px;
  width: 2px;
  background-color: white;
}

#wishContainer .r {
  width: 35%;
  padding-left: 60px;
  box-sizing: border-box;
  padding-bottom: 20px;
}

.table-basket {
  display: flex;
  flex-direction: column;
}

.table-basket > li {
  display: flex;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  margin-bottom: 24px;
}

.table-basket > li .col1 {
  position: relative;
  width: 35%;
}

.table-basket > li .col1 .photo {
  padding-top: 100%;
}

.table-basket > li .col1 .photo img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  object-fit: cover;
}

.table-basket > li .col1 img {
  width: 100%;
}

.table-basket > li .col2 {
  width: 65%;
  padding: 20px;
  box-sizing: border-box;
  position: relative;
}

.table-basket > li .col2 .b-info-list {
  color: var(--primary100);
  line-height: 1.3em;
}

.table-basket > li .col2 .b-info-list a {
  color: var(--primary100);
}

.table-basket > li .col2 .name {
  font-family: Verdana;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;

  margin: 10px 0;
}

.table-basket > li .col2 .detail-list {
  color: var(--gray70);
}

.table-basket > li .col2 .qty-box {
  position: absolute;
  right: 20px;
  top: 20px;
}

.count-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.count-box a {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  border: 1px var(--gray20) solid;
  text-align: center;
  line-height: 27px;
}

.qty-box input,
.mDiscount input {
  width: 40px;
  border: none;
  text-align: center;
}

.table-basket > li .col2 .sum-box {
  position: absolute;
  right: 20px;
  top: 80px;
  display: flex;
  column-gap: 10px;
  align-items: center;
}

.table-basket > li .col2 .sum-box-summary {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: flex;
  column-gap: 10px;
}

.table-basket > li .col2 .sum-box-summary .sum {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--secondary);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  order: 3;
}

.table-basket > li .col2 .sum-box-summary .sum .old {
  text-decoration: line-through;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--gray70);
  text-decoration: line-through;
  margin-top: 4px;
  order: 2;
}

.table-basket > li .col2 .storeInfo {
  position: absolute;
  right: 20px;
  bottom: 70px;
}

.mDiscount {
  position: absolute;
  left: 20px;
  bottom: 50px;
}

.table-basket > li .col2 .sum-box .sum-col {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.table-basket > li .col2 .sum-box .sum-col .sum {
  order: 1;
}
.table-basket > li .col2 .sum-box .sum-col .old {
  order: 0;
}

.table-basket > li .col2 .btn-del-row {
  position: absolute;
  left: 20px;
  bottom: 20px;

  font-family: Verdana;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;

  color: var(--primary100);
  text-decoration: underline;
}

#caseContainer .r {
  position: relative;
}

#caseContainer .r .page-nav-holder {
  margin-top: 30px;
}

#caseContainer .r .page-nav-holder .btn {
  width: 100%;
  box-sizing: border-box;
}

#caseContainer .r .hint {
  font-family: Verdana;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;

  color: var(--gray70);
}

#caseContainer .r .stick {
  position: sticky;
  top: 80px;
}

#wishContainer .r .stick {
  position: sticky;
  top: 80px;
}

#wishContainer .caseAdd {
  background-image: url(/interface/2022/i_case_2.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 86%;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  overflow: hidden;
  text-indent: -1000px;
}

#wishContainer .buttons {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  column-gap: 20px;
}

#wishContainer .buttons > div {
  width: 100%;
}

.form .floatInput {
  margin-bottom: 20px;
}

.form .floatInput label.error {
  position: absolute;
  left: 20px;
  bottom: -20px;
  font-size: 11px;
  color: var(--red);
  background-color: white;
  padding: 3px 5px;
  border: 1px silver solid;
  border-radius: 5px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}

.form .row {
  margin-bottom: 20px;
}

.form .smallInfo {
  display: inline-block;
  width: 100%;
  font-size: 80%;
  margin-top: 10px;
}

.form.ajaxRegister .smallInfo {
  width: 250px;
}

.form #pass_remember {
}

.form a {
  text-decoration: underline;
}

.form .hint {
  color: gray;
  font-size: 80%;
}

.form label {
  margin-top: 0px;
  margin-bottom: 15px;
  display: inline-block;
}

.form label.error {
  color: red;
  position: absolute;
  padding-left: 10px;
}
#cont > div {
  position: relative;
}

.form .buttons {
  margin-top: 30px;
  margin-bottom: 50px;
  width: 100%;

  display: flex;
  justify-content: space-between;
}

.form .buttons .back {
  background-color: white;
  color: black;
}

.form .buttons .submit {
  float: right;
}

.form .btn-row {
  margin: 40px 0;
}

.profile-form.form .btn-row {
  margin: 20px 0;
}

.regSection {
  display: flex;
}

.regSection > div {
  width: 50%;
  box-sizing: border-box;
}

.regSection .regLeftBlock {
  margin-bottom: 20px;
}

.regSection .regLeftBlock .regGrayBox {
  background-color: var(--gray2);
  position: relative;
  padding-right: 80px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.regSection .regLeftBlock .regGrayBox::before {
  content: "";
  position: absolute;
  top: 0;
  left: -80px;
  bottom: 0;
  width: 80px;
  background-color: var(--gray2);
}

.regSection .regRightBlock {
  margin-bottom: 20px;
  position: relative;
  padding-left: 80px;
}

.fancybox-inner #registerForm {
  width: 500px;
  padding: 0;
}

.fancybox-inner #registerForm .input-row {
  width: 215px;
}

#registerForm .input-row {
  width: 100%;
  box-sizing: border-box;
  max-width: 400px;
}

.profile-form .area-row {
  padding-right: 0px;
}

.profile-form .check-area {
  font-size: 14px;
}

.profile-form .note-phone {
  font-size: 11px;
}

.formHint {
  font-size: 12px;
  line-height: 1.3em;
  color: var(--gray70);
}

.formHint1 {
  font-size: 14px;
  line-height: 1.7em;
}

.formHint1 .h {
  font-weight: 600;
  margin-bottom: 10px;
}

.fancybox-inner {
  overflow-x: hidden !important;
}

.fancybox-inner .formHint {
  padding-right: 0px;
}

.fancybox-inner .profile-form .f-box {
  padding: 0px;
  border: 0px !important;
}

.fancybox-inner .c-label {
  font-size: 14px;
}

.profile-form .note-phone {
  font-size: 14px;
  color: var(--gray70);
}

.form .topHint {
  color: var(--gray70);
  margin-bottom: 40px;
}

.w100 {
  width: 100%;
  box-sizing: border-box;
}

.form a {
  text-decoration: none;
  color: var(--primary100);
}

.paymentSection {
  margin: 40px 0;
}

.paymentSection .paymentList li {
  margin: 10px 0;
}

.bottomFloat {
  position: fixed;
  width: 90vw;
  max-width: 800px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  bottom: -200px;
  padding: 10px 15px;
  transition: all 0.6s;
  display: block !important;
  z-index: 10000;

  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
}

.bottomFloat:hover {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3);
}

.bottomFloat img {
  height: 36px;
  width: 36px;
}
.bottomFloat img.arrow {
  height: 16px;
  opacity: 0.5;
}

.bottomFloat.show {
  display: block !important;
  bottom: 20px;
}

.bottomFloat .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bottomFloat .row .txt {
  flex-grow: 1;
  padding: 0 20px;
  font-size: 14px;
  color: var(--gray50);
  line-height: 1.4em;
}

.bottomFloat .row .txt .h {
  color: black;
  font-weight: 600;
}

.gallery-detail .other_foto {
  display: block;
  position: absolute;
  right: 0;
  bottom: 10%;
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  text-transform: uppercase;
  line-height: 40px;
  padding: 0 40px;
  text-align: center;
  font-size: 20px;
}

.gallery-detail .other_foto.v3 {
  bottom: calc(10% + 55px);
}

.tab-box.v2 {
  border-bottom: 1px var(--gray10) solid;
  margin-bottom: 40px;
}
.tab-box.v2 li {
  margin-bottom: -1px;
  padding: 0;
}
.tab-box.v2 a {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 22px 30px;
  width: 100%;
  box-sizing: border-box;
}

.news-detail {
  margin-bottom: 30px;
  background: #ffffff;
  box-shadow: 0px 0px 29px rgba(0, 0, 0, 0.07);
  border-radius: 6px;
}

.news-detail a {
  display: flex;
}

.news-detail .photo {
  width: 50%;
  padding-right: 20px;
  box-sizing: border-box;
}

.news-detail .description {
  width: 50%;
  box-sizing: border-box;
  padding: 30px 40px 30px 20px;
}

.news-detail .photo img {
  width: 100%;
}

.news-detail .date {
  font-family: Verdana;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;

  color: var(--gray70);
}

.news-detail h2 {
  font-family: Verdana Pro;
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
  letter-spacing: -0.02em;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
}

.news-detail p {
  font-family: Verdana;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
}

.news-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 20px;
  margin-bottom: 40px;
}

.slick-slider.news-list li {
  box-shadow: none !important;
}

.news-list li {
  width: calc(100% / 4 - 20px / 4 * 3);
  background: #ffffff;
  box-shadow: 0px 0px 29px rgba(0, 0, 0, 0.07);
  border-radius: 6px;
}

.news-list li img {
  width: 100%;
}

.news-list li .description {
  padding: 15px 20px 20px 20px;
}

.news-list li .description .date {
  font-family: Verdana;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;

  color: var(--gray50);
  margin-bottom: 10px;
  display: inline-block;
}

.news-list li .description h3 {
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;

  margin-bottom: 10px;
}

.news-list li .description p {
  font-family: Verdana;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;

  color: var(--gray70);
}

.btns {
  margin-top: 20px;
  margin-bottom: 40px;
}

.shortCallbackBlock {
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
  letter-spacing: -0.02em;
  text-align: left;
  display: inline-block;
}

.shortCallbackBlock .row {
  display: flex;
  align-items: flex-start;
}

.shortCallbackBlock .row img {
  margin-right: 30px;
}

.shortCallbackBlock a {
  color: var(--secondary);
  font-size: 20px;
}

.shortCallbackBlock .small {
  font-size: 18px;
}

.shortCallbackBlock .head {
  margin-bottom: 20px;
  font-size: 22px;
}

.product-detail .topName {
  display: none;
}

header .panel2 .mobileMenuBtn {
  display: none;
}

body.adminBody .filter-box .cbFilter .filterItem,
.filterContainer.small .filter-box .cbFilter .filterItem {
  font-size: 13px;
  margin-right: 15px;
}

.filterContainer.manager .filterItem {
  margin-right: 11px !important;
}

body.adminBody .filter-box input[type="checkbox"]:checked + label,
body.adminBody .filter-box input[type="checkbox"]:not(:checked) + label,
body.adminBody .filter-box input[type="radio"]:checked + label,
body.adminBody .filter-box input[type="radio"]:not(:checked) + label {
  padding-left: 24px;
}

body.adminBody .filter-box .cbFilter .clear a {
  font-size: 13px;
}

.profile-form {
  max-width: 500px;
}

.profile-form .row {
  margin-bottom: 20px;
}

.table-history {
  margin-top: 20px;
  margin-bottom: 40px;
}

.table-history table td {
  padding: 10px 15px;
  border: 1px var(--gray-bg2) solid;
}

.table-history table th {
  padding: 15px 15px;
  font-weight: bold;
  border: 1px var(--gray-bg2) solid;
}

.table-history table td a {
  text-decoration: underline;
}

.is-viewed {
  margin-top: 20px;
  margin-bottom: 40px;
}

#registerContainer {
  max-width: 600px;
}

#registerContainer .h2 {
  margin-bottom: 20px;
  font-size: 24px;
}

#registerContainer p {
  font-size: 14px;
  margin-bottom: 20px;
}

#registerContainer .btn {
  width: 100%;
  box-sizing: border-box;
}

.good-nf {
  margin-bottom: 40px;
  margin-top: 40px;
}

.good-nf a {
  text-decoration: underline;
}

.QR_popup {
  text-align: center;
}

.QR_popup h2 {
  font-size: 20px;
  text-align: center;
  line-height: 1.5em;
}

.QRcodeAR {
  text-align: center;
  width: 100%;
  min-width: 300px;
}

.QRcodeAR > div {
  border: 1px silver solid;
  padding: 30px;
  display: inline-block;
}

.QRinfo {
  margin: 40px;
}

#gallery {
  position: relative;
}

#gallery.loading::after {
  content: "";
  background-image: url("/interface/loading3.gif");
  background-size: 40%;
  background-position: center 20%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  z-index: 10;
  background-repeat: no-repeat;
}

.allVendors {
  column-count: 4;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  margin-top: 60px;
  margin-bottom: 60px;
  column-gap: 30px;
}

.allVendors > li {
  margin-bottom: 20px;
}

.allVendors b {
  font-size: 24px;
}

.allVendors ul {
  list-style-type: none;
  padding-left: 0;
}
.allVendors ul li {
  line-height: 2em;
}

.find-form .input-row {
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
}

.find-form .input-row .btn {
  width: 180px;
  box-sizing: border-box;
  padding: 8px 40px;
}

.find-form .input-row input {
  width: calc(100% - 180px);
  padding-left: 20px;
}

.news-body .description a {
  text-decoration: underline;
}

.adminBody header .panel2 > .wrap {
  height: auto;
}

.adminBody header .panel2 > .wrap {
  /*	max-width: calc(100% - 5vw);*/
}

.userMenu ul {
  column-count: 2;
  column-gap: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
  list-style-type: disc;
}

.userMenu ul li {
  font-size: 11px;
  line-height: 1.5em;
}

.userMenu ul li a:hover {
  text-decoration: underline;
}

.u_menu {
  background-color: var(--gray-bg);
  padding: 1px 0;
}

.u_menu .userMenu ul {
  display: flex;
  column-count: 1;
  flex-direction: row;
  column-gap: 40px;
}

.place-list {
  margin-bottom: 20px;
}

.product-detail .address-list-drop li {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}

.product-detail .modifications .address-list-drop li {
  color: white;
}

.product-detail .address-list-drop li:nth-child(2n-1) {
  /*background-color: var(--gray-bg);*/
}

.product-detail .address-list-drop li .alignright {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.onVendorManagerInfo,
.dModelDownload {
  text-decoration: underline;
  line-height: 2em;
  font-size: 14px;
}

.caseOrder th {
  padding: 10px;
  font-weight: 600;
}
.caseOrder td {
  padding: 10px;
}

.caseContent {
  padding: 40px 0;
}

.onVendorManagerInfo {
  cursor: pointer;
}

.idx.slick-full-carousel .slick-dots {
}

.idx.slick-full-carousel .slick-list {
  padding-bottom: 30px;
}

.vendorManagerInfo td {
  border: 1px gray solid;
  padding: 10px;
}
.vendorManagerInfo th {
  padding: 10px;
  border: 1px gray solid;
  text-align: left;
  color: black;
}

.mobileControls {
  display: none;
}

.filterContainer .close {
  position: absolute;
}

.additional_box {
  display: flex;
  margin-left: 7px;
}
.view_list_mode {
  display: flex;
}
.view_list_mode li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
}

.view_list_mode .btn_round img {
  opacity: 0.2;
  width: 14px;
}
.btn_round.active {
  background-color: var(--gray-bg);
  color: var(--white);
}
.view_list_mode .btn_round.active img {
  opacity: 1;
}

.btn_round {
  border: 1px rgba(0, 0, 0, 0.08) solid;
  border-radius: 8px;
}
.btn_round.left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn_round.right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
  position: relative;
}

.imageLink {
  display: flex;
  margin-top: 30px;
}

.imageLink a {
  margin-right: 20px;
  position: relative;
}

.imageLink a.private {
  border: 1px red solid;
}

.imageLink .topImageBtn {
  position: absolute;
  top: 0;
  right: 0;
  background-color: white;
  padding: 3px;
}

.imageLinkHead {
  font-size: 18px;
  margin-top: 20px;
}

.imageLink.managers {
  margin-top: 15px;
}

.hInfo .catalogList {
  margin-top: 20px;
  display: block;
  margin-left: 0;
}

.hInfo .catalogList h3 {
  font-weight: 600;
  margin-bottom: 10px;
}

.hInfo .catalogList li a {
  text-decoration: underline;
}

.sitemap.prices {
  line-height: 1.5em;
  padding: 0;
  font-size: 13px;
}

.sitemap.prices a {
  text-decoration: underline;
  margin-left: 5px;
  font-size: 90%;
}

.sitemap.prices.files .col1 {
  width: 100%;
}

.sitemap.prices .col1 {
  width: 25%;
  display: inline-block;
  vertical-align: top;
}

.sitemap.prices .col2 {
  width: 74%;
  display: inline-block;
  vertical-align: top;
}

.sitemap.prices .col2 > ul {
  padding: 0;
  list-style-type: disc;
  display: flex;
}

.sitemap.prices .col2 > ul > li {
  list-style-type: none;
  display: inline-block;
  width: 31%;
  margin-left: 1%;
}

.sitemap.prices ul > li > ul > li:hover {
  background-color: #e7e7e7;
}

.letter a {
  text-decoration: underline;
  color: var(--secondary2);
}

.sitemap.prices > li {
  margin-top: 20px;
}

.sitemap.prices li .head {
  display: inline-block;
  font-weight: 600;
}

.sitemap.prices li > ul {
  padding-left: 20px;
  list-style-type: disc;
}

.sitemap.prices li.bold {
  font-weight: bold;
  margin: 10px 0;
}

.sitemap.prices li.bold ul {
  font-weight: 400;
}

.currencySwitcher {
  cursor: pointer;
}

.total-basket {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.total-basket .sum {
  font-size: 24px;
}

#up-link.active {
  bottom: 150px;
  opacity: 1;
  transition: all 400ms ease-out 0s;
  visibility: visible;
  border-radius: 12px;
}
#up-link.active {
  bottom: 150px;
  opacity: 1;
  transition: all 400ms ease-out 0s;
  visibility: visible;
}
#up-link {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  bottom: 120px;
  color: #222;
  cursor: pointer;
  font-size: 20px;
  height: 40px;
  line-height: 36px;
  opacity: 0;
  position: fixed;
  text-align: center;
  transition: all 400ms ease-out 0s;
  visibility: hidden;
  width: 40px;
  z-index: 9000;
}

#up-link::after {
  content: "";
  background-image: url(/interface/2022/arrow_down.svg);
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(180deg);
}

.typ {
  position: relative;
  cursor: pointer;
}

.typ .info {
  display: none;
  position: absolute;
  top: 15px;
  left: 0;
  background-color: white;
  padding: 10px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  color: var(--secondary);
  white-space: nowrap;
}

.typ:hover .info {
  display: block;
}

.cGroups {
  display: flex;
  column-gap: 40px;
}

.cGroups .head {
  font-size: 24px;
  margin-bottom: 20px;
  cursor: initial;
}

.topName {
  display: none;
}

.filter ul.cGroups {
  display: flex;
}

.filter ul.cGroups .head {
  font-weight: 600;
  font-size: 20px;
  padding-left: 5px;
  cursor: pointer;
}

.fAddr {
  font-weight: bold;
  font-size: 16px;
  text-decoration: underline;
}

.news-body ul {
  list-style-type: disc;
  margin-top: 20px;
  margin-bottom: 10px;
  list-style-position: inside;
  color: var(--gray70);
}

.news-body {
  margin-left: auto;
  margin-right: auto;
}

.tab-nav h1 {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 22px 30px;
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  line-height: 1em;
  text-align: center;
}

.sf-snow-flake {
  position: fixed;
  top: -20px;
  z-index: 99999;
}
.sf-snow-anim {
  top: 110%;
}

.salonRow .col:first-child {
  width: 30% !important;
}

.salonRow .col:last-child {
  width: 70% !important;
}

.itemBlock.callback {
  padding: 20px;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.itemBlock.callback img {
  width: 100%;
}

.catalogList.product-list4 .itemBlock.callback img {
  width: 50%;
}

.itemBlock.callback .head {
  font-weight: bold;
  margin: 30px 0 0px 0;
}

.itemBlock.callback .txt {
  margin: 20px 0;
  text-align: center;
  line-height: 1.2em;
  font-size: 15px;
}

.itemBlock.callback .btn {
  margin: 20px 0;
}

.itemBlock.callback .active {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

a.underline {
  text-decoration: underline;
}

.lr50 li .txt .tel {
  font-weight: 600;
  line-height: 1.5em;
}

header .panel2 #nav > li.single.bold {
  font-weight: 600;
}

header .panel2 #nav > li.single.bold a {
  color: var(--secondary);
}

header .panel2 #nav > li.single.bfd {
}

ol.newsCondent {
  list-style-type: decimal;
  list-style-position: inside;
  line-height: 1.2em;
  font-size: 18px;
}

ol.newsCondent li {
  margin-bottom: 0.5em;
}

ol.newsCondent li::before {
  display: none !important;
}

.custBanner {
  margin-top: 20px;
  background-color: var(--primary10) !important;
  padding: 14px 16px;
  font-size: 14px;
  line-height: 1.5em;
}

.custBanner b {
  font-weight: 600;
}

.adv_modul ul {
  display: flex;
  justify-content: space-around;
  column-gap: 20px;
}

.adv_modul ul li {
  width: 20%;
  text-align: center;
}

.adv_modul ul li img {
  width: 80px;
  margin-bottom: 20px;
}

.adv_modul ul li div {
  font-size: 14px;
}

.btnBlock {
  text-align: center;
  margin-top: 40px;
}

.materialsBlock {
  margin-top: 40px;
  margin-bottom: 20px;
}

.materialsBlock .mHint {
  margin-bottom: 30px;
  display: none;
}

.materialsBlock.opened .mHint {
  display: block;
}

.materialsBlock h3 {
  font-size: 18px;
  padding-bottom: 0;
  margin-bottom: 0 !important;
}

.materialsBlock.opened h3 {
  font-size: 24px;
}

.materialsBlock .list {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  column-gap: 10px;
}

.materialsBlock .list .item img {
  width: 110px;
}

.materialsBlock .list .item .art {
  font-size: 12px;
  margin-top: 5px;
}

.materialsBlock .list .item .art span {
  color: var(--gray60);
}

.materialsBlock .all {
  display: flex;
  font-size: 14px;
  align-items: center;
}

.materialsBlock:not(.opened) {
  cursor: pointer;
}

.materialsBlock {
  position: relative;
}

.materialsBlock.opened {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 1);
  padding: 40px;
  z-index: 1020;
  margin: 0;
  padding-bottom: 100px;
}

.materialsBlock.opened .scroll {
  overflow: auto;
  height: calc(100vh - 100px);
}

.materialsBlock.opened .list {
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 20px;
  overflow: initial;
}

.materialsBlock.opened .list .art {
  font-size: 14px;
}

.materialsBlock.opened .list .item img {
  width: 200px;
}

body.materialsOpened {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: calc(100vh - 100px);
}

.materialsBlock .over {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 30px;
  z-index: 1;
  background-color: transparent;
}

.materialsBlock .over:hover {
}

.materialsBlock.opened .over {
  display: none;
}

.materialsBlock.opened .all {
  display: none;
}

.materialsBlock .headLine {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  align-items: flex-end;
}

.materialsBlock.opened .close {
  display: block !important;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.materialsBlock .hint {
  color: var(--gray60);
  font-size: 13px;
}

.materialsBlock .hint a {
  text-decoration: underline;
}

.uTable {
  border-collapse: collapse;
}

.uTable td {
  padding: 10px 20px;
  border: 1px black solid;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.3em;
}

.uTable td.h {
  font-weight: 600;
  font-size: 14px;
}

.uTable td.first {
  width: 30%;
}

.acBlock {
  position: absolute;
  right: 0px;
  bottom: -4px;
}

.itemBlock .content .size {
  position: relative;
}

.itemBlock .content .size .acBlock {
  margin-right: 0;
  background-color: #e0e0e0;
  cursor: pointer;
  border-radius: 4px;
}
.itemBlock .content .size .acBlock:hover {
  background-color: #b0b0b0;
}

.acBlock > div {
  background-image: url(/interface/admin/button_add_case.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 24px;
  height: 24px;
  float: left;
  margin-left: 8px;
}

.edText {
  line-height: 1.5em;
  color: var(--gray70);
}

.edText ol {
  list-style-type: decimal;
  list-style-position: inside;
}

.edText ul {
  list-style-type: disc;
  list-style-position: inside;
}

.copy_clip {
  cursor: pointer;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url('/interface/copy_ico.svg');
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: -2px;
}

.copy_clip.copied {
  background-image: url('/interface/copy-click_ico.svg');
}

.caseReco {
  margin-top: 40px;
}

.form-wrap {
  max-width: 500px;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;

}