:root {
  --main-orange-color: #ee7600;
}

/* Eric Meyer's CSS Reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
  overflow-x: hidden;
}
body.popup-open {
  overflow: hidden !important;
}
body.no-scroll {
  overflow: hidden !important;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* End of Eric Meyer's CSS Reset */

strong {
  font-weight: 700;
}

/* This stylesheet generated by Transfonter (https://transfonter.org) on October 3, 2017 10:08 PM */

[class^='icon-'],
[class*=' icon-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-cart-percent:before {
  content: '\e926';
}

.icon-zoom:before {
  content: '\e925';
}

.icon-download:before {
  content: '\e923';
}

.icon-setting:before {
  content: '\e924';
}

.icon-attention:before {
  content: '\e91d';
}

.icon-delivery-1:before {
  content: '\e91e';
}

.icon-delivery-2:before {
  content: '\e91f';
}

.icon-delivery-3:before {
  content: '\e920';
}

.icon-payment:before {
  content: '\e921';
}

.icon-pickup:before {
  content: '\e922';
}

.icon-letter:before {
  content: '\e91c';
}

.icon-phone-2:before {
  content: '\e91b';
}

.icon-bath:before {
  content: '\e90f';
}

.icon-clinker:before {
  content: '\e910';
}

.icon-decor:before {
  content: '\e911';
}

.icon-floor:before {
  content: '\e912';
}

.icon-for-room:before {
  content: '\e913';
}

.icon-keramo:before {
  content: '\e914';
}

.icon-keramo-plitka:before {
  content: '\e915';
}

.icon-kitchen:before {
  content: '\e916';
}

.icon-mozaic:before {
  content: '\e917';
}

.icon-steps:before {
  content: '\e918';
}

.icon-street:before {
  content: '\e919';
}

.icon-str-plitka:before {
  content: '\e91a';
}

.icon-fb:before {
  content: '\e90b';
}

.icon-inst:before {
  content: '\e90c';
}

.icon-vk:before {
  content: '\e90d';
}

.icon-yb:before {
  content: '\e90e';
}

.icon-cart_fill:before {
  content: '\e90a';
}

.icon-triangle_right:before {
  content: '\e908';
}

.icon-triangle_up:before {
  content: '\e909';
}

.icon-cube:before {
  content: '\e906';
}

.icon-percent:before {
  content: '\e907';
}

.icon-cart:before {
  content: '\e904';
}

.icon-search:before {
  content: '\e905';
}

.icon-lock:before {
  content: '\e900';
}

.icon-phone:before {
  content: '\e901';
}

.icon-point:before {
  content: '\e902';
}

.icon-triangle_down:before {
  content: '\e903';
}

.text-color-orange {
  color: var(--main-orange-color) !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

input,
textarea,
button,
a {
  outline: none;
}

a {
  color: #000;
}

body {
  font:
    12px 'Open Sans',
    sans-serif;
}

html,
body {
  -webkit-text-size-adjust: 100%;
}

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.container {
  height: 100%;
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 30px;
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cart-dropdown-container {
  overflow: visible !important;
}

/* Colors */
.desert-storm {
  background: #efefed;
}

.page-section:nth-of-type(odd) {
  background: #fff;
}

.page-section:nth-of-type(even) {
  background: #efefed;
}

.white {
  background: #ffffff;
}

.scarpa-flow {
  background: #56565a;
}

.quill-gray {
  background: #e6e6e4;
}

.mb-0 {
  margin-bottom: 0;
}

/* Header
-----------------------------------------------------------------------------*/
.header-top-line {
  background: #de7f11;
  height: 40px;
  position: relative;
  width: 100vw;
}

.header-top-line .container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.header-top-line .text {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

.header-top-line .link {
  font-family: 'Open Sans', sans-serif;
  font-size: 10px;
  font-weight: 600;
  color: #fff;
  background: #ce6300;
  border-radius: 2px;
  padding: 6px 10px;
  margin-left: 15px;
}

.btn-close-header-top-line {
  cursor: pointer;
  position: absolute;
  bottom: 8px;
  right: 2%;
  background: transparent;
  border: none;
}

.header__top {
  height: 50px;
}

.header__top .wrapper,
.header__top .header__top__item,
.order__call,
.dealer {
  display: flex;
  align-items: center;
}

.header__top__item,
.header__top__item a {
  cursor: pointer;
  font-size: 14px;
  /* text-wrap: nowrap; */
  text-decoration: none;
  color: #000;
}

.header_btn_border a {
  font-size: 12px;
  font-weight: 600;
  border-radius: 3px;
  border: 1px solid #d0851b;
  width: 74px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header .separator::after {
  content: '';
  border-right: 1px solid #cecec1;
}

.header__top .icon {
  font-size: 8px;
  margin-right: 5px;
}

.header_svg_icon {
  margin-right: 7px;
}

.address {
  align-items: center;
  display: flex;
  text-decoration: none;
  color: #000;
}

.address__city,
.address__dashed {
  font-size: 12px;
}

.address__dashed {
  /* margin-left: 20px; */
  text-decoration: none;
  color: #000;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.address .icon-point {
  color: var(--main-orange-color);
  font-size: 18px;
  margin-right: 13px;
}

.address .icon-triangle_down {
  color: #56565a;
  font-size: 7px;
  margin-right: 3px;
  vertical-align: middle;
}

/* .address__title {
	font-size: 14px;
	margin-right: 15px;
} */

.address__dashed {
  border-bottom: 1px dashed;
}

.header__top__left {
  /* width: 22%; */
  max-width: 30%;
}

.header__top__left {
  align-items: center;
  display: flex;
}

.header__top__left {
  justify-content: flex-start;
}

.header__top__big-text {
  text-transform: uppercase;
}

.header__top__text {
  font-size: 11px;
  text-transform: uppercase;
}

.header_top_favorite {
  position: relative;
}

.header_top_favorite a {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.favorites_link {
  position: relative;
}

.favorite_counter {
  color: #fff;
  font-size: 10px;
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 1;
  width: 16px;
  text-align: center;
}

/* In firefox top postions incorrectly */
@-moz-document url-prefix() {
  .header_mid_favorite .favorite_counter {
    top: 17px;
  }
}

.favorite_bubble {
  display: none;
  position: absolute;
  top: 37px;
  right: 35px;
  z-index: 1;
  width: 120px;
  height: 40px;
  border-radius: 20px;
  text-align: center;
  background: #fff;
  filter: drop-shadow(0px 4px 10.4px rgba(0, 0, 0, 0.25));
}

.favorite_bubble::after {
  content: '';
  display: block;
  position: absolute;
  left: 50px;
  bottom: 98%;
  width: 0;
  height: 0;
  border-bottom: 10px solid white;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.btn_close_favorite_bubble {
  cursor: pointer;
  background: transparent;
  border: none;
  position: absolute;
  left: 98px;
  bottom: 23px;
}

.text_favorite_bubble {
  font-size: 11px;
  font-weight: 400;
}

.icon-favorite-filled {
  display: none;
}

.header__mid {
  height: 70px;
}

.header-popup-outer-wrapper {
  position: fixed;
  width: 100%;
  z-index: 1000;
}

.header-notification-outer-wrapper {
  position: fixed;
  width: 100%;
  z-index: 500;
}

.cart-popup-container {
  overflow: visible !important;
}

.cart-popup-container .wrapper {
  position: relative;
}

.header-cart-popup-wrapper {
  position: absolute;
  width: 85vw;
  padding: 14px;
  background: #fff;
  box-shadow: 0px 5px 32px rgba(0, 0, 0, 0.17);
  z-index: 1000;
  right: 10px;
  top: 0;
  display: none;
  max-height: 80vh;
  overflow-y: scroll;
}

.header-cart-popup-wrapper.scrolled {
  top: -100px;
}

.header-notification-wrapper {
  position: absolute;
  max-height: 462px;
  padding: 14px;
  background: #fff;
  box-shadow: 0px 5px 32px rgba(0, 0, 0, 0.17);
  z-index: 1000;
  right: 30px;
  top: -47px;
  display: none;
}

.header-notification-wrapper .row {
  display: flex;
  padding: 14px 0;
  border-bottom: 1px solid #efefed;
}

.header-notification-wrapper .row:last-child {
  border-bottom: none;
}

.hover_pop_up {
  display: block;
}

.notification_show {
  display: block !important;
}

.header-cart-popup-wrapper .row {
  display: flex;
  padding: 14px 0;
  border-bottom: 1px solid #efefed;
}

.header-cart-popup-wrapper .row:last-child {
  border-bottom: none;
}

.header-cart-popup-top::-webkit-scrollbar {
  width: 5px;
}

.note-view::-webkit-scrollbar {
  width: 5px;
}

.header-cart-popup-top::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
  background: #f1f1f1;
  border-radius: 5px;
}

.header-cart-popup-top::-webkit-scrollbar-thumb {
  background: #d3d3d3;
  border-radius: 5px;
}

.note-view::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
  background: #f1f1f1;
  border-radius: 1px;
}

.note-view::-webkit-scrollbar-thumb {
  background: #d3d3d3;
  border-radius: 1px;
}

.header-cart-popup-top .center {
  padding: 0 14px;
  width: 150px;
}

.header-cart-popup-top .right {
  display: flex;
  padding-right: 20px;
}

.header-cart-popup-bottom {
  margin-top: 18px;
  margin-bottom: 25px;
}

.header-cart-popup-bottom .cart-total {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: right;
  color: #000000;
}

.header_top_search_btn {
  display: none;
}

.btn-checkout {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36px;
  background: #de7f11;
  border-radius: 2px;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  margin-top: 22px;
}

.cart-item-title {
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 8px;
  color: #000000;
}

.cart-item-value {
  font-weight: 400;
  font-size: 12px;
  color: #555559;
}

.btn-cart-delete {
  background: transparent;
  border: none;
}

.btn-cart-delete:hover {
  background: transparent;
  border: none;
  cursor: pointer;
}

.header__mid .logo__link {
  margin: 0;
  display: block;
  margin-top: 6px;
}

.logo {
  width: 20%;
}

.logo__link__img {
  width: 100%;
}

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

.header-cart {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* margin-bottom: 5px;
	margin-top: 5px; */
}

.header-cart__text {
  font-size: 14px;
  font-weight: bold;
  line-height: 120%;
  margin-bottom: 3px;
  text-transform: uppercase;
}

.header-cart__right {
  width: 128px;
  text-align: center;
}

.header-cart__price {
  font-size: 14px;
}

.header-cart__link {
  color: var(--main-orange-color);
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.header-cart__target {
  position: relative;
}

.header-cart__target span {
  position: absolute;
  font-size: 10px;
  margin-left: 14px;
  text-align: center;
  width: 15px;
  color: #fff;
  z-index: 1;
  bottom: 20px;
}

.header-cart__target span:after {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  background: #ee7601;
  border-radius: 50%;
  left: -2px;
  bottom: -3px;
  z-index: -1;
}

.header-cart__target .icon-cart {
  font-size: 18px;
}

/* .header-cart__target {
	text-decoration: none;
	color: var(--main-orange-color);
	-webkit-transition: .3s all ease-out;
	-o-transition: .3s all ease-out;
	transition: .3s all ease-out;
} */

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

.header__mid__menu__ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 13px;
}

.header__mid__menu__ul .divider {
  margin: 0 5px;
}

.header__mid__menu-search {
  /*margin-right: 20px;*/
  width: 450px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header__mid__menu__link {
  text-decoration: none;
  color: #000;
}

.header__mid__menu__link:hover {
  text-decoration: underline;
}

.header__mid__search__input {
  width: 99%;
  outline: none;
  height: 37px;
  border: 1px solid #d9d8d5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: -37px;
  padding: 0 47px 0 10px;
  font-size: 14px;
}

.header__mid__search__input::placeholder {
  color: #7b7b7d;
  font-size: 12px;
}

/* .header__mid__search__input:focus::placeholder {
	color: transparent;
} */

.header__mid__search__btn {
  width: 37px;
  height: 37px;
  position: absolute;
  background: transparent;
  border: 0;
  cursor: pointer;
  outline: none;
}

.header__mid__search__btn .icon-search,
.header__mid__search__btn .icon-cart {
  font-size: 15px;
  color: var(--main-orange-color);
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.header__bot {
  height: 47px;
  z-index: 400;
  position: relative;
}

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

.menu__link {
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 15px 5px;
  display: inline-block;
  -webkit-transition:
    color 0.3s ease-out,
    background-color 0.3s ease-out;
  -o-transition:
    color 0.3s ease-out,
    background-color 0.3s ease-out;
  transition:
    color 0.3s ease-out,
    background-color 0.3s ease-out;
}

.header__bot .menu__link img {
  width: 18px;
  max-height: 18px;
  margin-right: 7px;
}

.header__bot .menu__link span {
  display: flex;
  align-items: center;
}

.menu__link:hover {
  color: var(--main-orange-color);
  background: #ffffff;
}

.menu__link-active {
  color: var(--main-orange-color) !important;
  background: #e3e3e1 !important;
}

.scrolled .menu__link-active {
  color: var(--main-orange-color) !important;
  background: none !important;
}

.menu__li:hover .menu__link {
  color: var(--main-orange-color);
}

.menu__li:hover .menu__link--dropdown {
  background: #ffffff;
}

.menu__li .btn__stock {
  margin-right: 15px;
}

.menu__li .btn__stock,
.menu__li .btn__sale {
  font-weight: 700;
  font-size: 13px;
  color: #fff;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.menu__li .btn__stock svg,
.menu__li .btn__sale i {
  margin-right: 5px;
}

.menu__li .btn__stock {
  width: 91px;
  height: 30px;
  background: #509f49;
}

.menu__li .btn__sale {
  width: 136px;
  height: 30px;
  background: #de7f11;
}

.menu__link .icon-triangle_down {
  font-size: 7px;
  margin-right: 3px;
  vertical-align: middle;
  color: var(--main-orange-color);
}

.menu__link .icon-triangle_right {
  font-size: 14px;
  margin-right: 3px;
  vertical-align: middle;
  color: var(--main-orange-color);
}

.menu__link .icon-percent {
  font-size: 12px;
  margin-right: 3px;
  vertical-align: middle;
  color: var(--main-orange-color);
}

.menu__link .icon-cube,
.menu__link .icon-phone {
  font-size: 18px;
  margin-right: 5px;
  vertical-align: middle;
  color: var(--main-orange-color);
}

.mobile_collapsible_wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.mobile_collapsible {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 98%;
}

.mobile_collapsible.expand {
  max-height: unset !important;
}

.btn_mobile_collapsible {
  margin: 15px auto;
  background: transparent;
  border: none;
  color: #9e9e9e;
  width: 25px;
  height: 25px;
}

.btn_mobile_collapsible .icon {
  font-size: 15px;
}

.btn_mobile_collapsible_wrapper {
  border-top: 1px solid #74747a;
}

.btn_mobile_collapsible_wrapper.hidden {
  display: none;
}

.collapsible__menu {
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
}

.collapsible__menu .btn__collapse:hover {
  color: #fff !important;
}

.collapsible__menu .content {
  display: none;
  margin-top: 12px;
}

.collapsible__menu .mobile_brands ul li:first-child {
  font-weight: 600;
  text-transform: uppercase;
}

.btn__collapse {
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  position: relative;
  border-bottom: 1px solid transparent;
}

.btn__collapse .icon-chevron {
  position: absolute;
  right: 20px;
}
.btn__collapse .icon-chevron.rotated {
  rotate: 90deg;
}

.menu__li {
  position: relative;
}

.menu--left {
  width: 100%;
}

.menu__cat {
  height: 140px;
}

.menu__cat__block {
  width: 100px;
  text-align: center;
  padding-top: 24px;
  cursor: pointer;
  text-decoration: none;
  color: #000;
}

.menu__cat__square {
  width: 67px;
  height: 67px;
  margin-left: auto;
  margin-right: auto;
  background: #56565a;
}

.menu__cat .wrapper {
  margin-left: 30px;
  margin-right: 30px;
}

.menu__cat__inner-square {
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 100%;
  background: #e8e7e5;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.menu__cat__inner-square .icon {
  font-size: 46px;
  color: #57575a;
}

.big-padding .icon {
  font-size: 35px;
}

.menu__cat__block__text {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  line-height: 120%;
}

.big-padding {
  padding: 15px;
}

.menu__cat__block:hover .menu__cat__inner-square {
  -webkit-transform: rotate(-30deg) scale(0.6) translate(18%, -5%);
  -ms-transform: rotate(-30deg) scale(0.6) translate(18%, -5%);
  transform: rotate(-30deg) scale(0.6) translate(18%, -5%);
  background: #fff;
}
.main-slider {
  min-height: 400px;
  background: linear-gradient(0deg, #d9d8d5 0%, #efefed 100%);
}
.main-slider__wrapper {
  float: left;
  width: 700px;
  height: 250px;
  background: rgba(0, 0, 0, 0.5);
  margin-top: 77px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main-slider__right-logo {
  float: right;
}

.main-slider__right {
  text-decoration: none;
}

.main-slider__btn {
  margin-right: 25px;
  cursor: pointer;
  position: absolute;
  right: -24px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.3;
}

.main-slider__btn-left {
  margin-right: 25px;
  cursor: pointer;
  opacity: 0.3;
}

.main-slider__btn:before {
  content: '';
  border: 13px solid transparent;
  border-left: 18px solid var(--main-orange-color);
  position: absolute;
  margin-top: 33px;
  margin-left: 43px;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.main-slider__btn:hover:before {
  content: '';
  border: 13px solid transparent;
  border-left: 18px solid #ffffff;
  position: absolute;
  margin-top: 33px;
  margin-left: 43px;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.main-slider__btn:hover {
  opacity: 1;
}

.main-slider__btn-left:before {
  content: '';
  border: 13px solid transparent;
  border-right: 18px solid var(--main-orange-color);
  position: absolute;
  margin-top: 33px;
  margin-left: -5px;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.main-slider__btn-left:hover:before {
  content: '';
  border: 13px solid transparent;
  border-right: 18px solid #ffffff;
  position: absolute;
  margin-top: 33px;
  margin-left: -5px;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.main-slider__btn-left:hover {
  opacity: 1;
}

.main-slider__title {
  font-family: 'Montserrat';
  font-weight: 600;
  color: #fff;
  font-size: 46px;
  line-height: 110%;
  text-transform: uppercase;
}

.main-slider__text {
  font-size: 14px;
  color: #fff;
}

.main-slider__text span {
  font-size: 12px;
}

.main-slider__title + .main-slider__text {
  margin-top: 20px;
}

.main-slider__sup-text {
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  font-size: 22px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.main-slider__dots .slick-dots {
  position: relative;
  bottom: 43px;
}

.main-slider__dot {
  width: 13px;
  height: 13px;
  display: inline-block;
  background: #fff;
  border: 2px solid #fff;
}

.slick-active .main-slider__dot {
  background: var(--main-orange-color);
}

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

.main-slider .slick-slide {
  outline: none;
  background-size: cover;
}

.main-slider .kerama-slider:nth-child(n + 2) {
  display: none;
}

.main-slider .slick-slide {
  display: block !important;
}

.main-slider__dots {
  height: 0;
}

.title {
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 32px;
  text-transform: uppercase;
}

.title-right__link {
  color: var(--main-orange-color);
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: middle;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wrapper--title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 30px;
}

.title-right .icon-triangle_right {
  font-size: 8px;
  vertical-align: top;
  margin-right: 5px;
}

.nav__left {
  transform: scale(-1, 1);
  display: inline-block;
  margin-right: 10px;
}

.nav__first {
  transform: scale(-1, 1);
  display: inline-block;
}

.title-right .icon-triangle_up {
  font-size: 7px;
  vertical-align: top;
  margin-right: 3px;
}

.title-right .icon-triangle_down {
  font-size: 7px;
  vertical-align: top;
  margin-right: 3px;
}

.new-items__block {
  width: 32%;
  background: #fff;
  margin: 0 0 30px 0;
}

.new-items__block img,
.search-results .sale-items__block img {
  width: 100%;
}

.slide-elem .new-items__block {
  width: 100%;
}

.collection-items .new-items__img img {
  width: 100%;
}

.pay-badge-wrapper {
  display: flex;
  margin-top: 15px;
  margin-bottom: 10px;
  gap: 10px;
}
.new-items__block .pay-badge-wrapper {
  margin-left: 5px;
}
.pay-badge-wrapper.justify-center {
  justify-content: center;
  margin-bottom: 0;
}
.pay-badge-column {
  flex-direction: column;
  align-items: center;
}
.pay-badge-column.align-left {
  align-items: flex-start;
}
.pay-badge-column > .pay-badge:only-child {
  margin-bottom: 35px;
}
.pay-badge {
  font-weight: 400;
  font-size: 12px;
  line-height: 19px;
  display: flex;
  align-items: center;
  padding: 2px 12px 2px 3px;
  gap: 6px;
  border: 1px solid #219f38;
  border-radius: 56px;
  position: relative;
}
.pay-badge-wrapper .icon {
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y="-0.000244141" width="20" height="20" rx="10" fill="%23219F38"/><path d="M7.33794 8.13298V10.1427L10.0038 11.8123L16.383 7.11286C16.1576 6.61501 15.8747 6.14993 15.5428 5.72174L10.0038 9.80257L7.33794 8.13298Z" fill="white"/><path d="M15.3853 9.85429C15.3872 9.90142 15.3872 9.95059 15.3872 9.99771C15.3872 12.966 12.9713 15.3793 10.0041 15.3793C7.03685 15.3793 4.61889 12.966 4.61889 9.99771C4.61889 7.02937 7.03477 4.61607 10.002 4.61607C11.127 4.61607 12.172 4.96232 13.0368 5.55646L14.3975 4.55256C13.1967 3.58161 11.6659 2.99976 9.99991 2.99976C6.13312 2.99976 3 6.13405 3 9.99976C3 13.8655 6.1352 16.9998 9.99991 16.9998C13.8667 16.9998 17 13.8655 17 9.99976C17 9.57156 16.9611 9.15156 16.8872 8.74607L15.3853 9.85429Z" fill="white"/></svg>');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.pay-badge-wrapper .icon-popup {
  width: 14px;
  height: 14px;
  background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.86667 14C1.76253 14 1.65977 13.9651 1.57614 13.8986C1.45583 13.8027 1.3902 13.6536 1.40114 13.5001L1.55199 11.3889C0.549837 10.1461 0 8.59528 0 7C0 3.1402 3.1402 0 7 0C10.8598 0 14 3.1402 14 7C14 10.8598 10.8598 14 7 14C5.97962 14 4.99137 13.7803 4.06009 13.3467L2.00384 13.9793C1.95895 13.9932 1.9127 14 1.86667 14ZM4.09769 12.3801C4.16924 12.3801 4.24033 12.3965 4.3055 12.4289C5.15612 12.852 6.06257 13.0667 7 13.0667C10.3453 13.0667 13.0667 10.3453 13.0667 7C13.0667 3.65472 10.3453 0.933333 7 0.933333C3.65472 0.933333 0.933333 3.65472 0.933333 7C0.933333 8.43783 1.44922 9.83441 2.38574 10.9325C2.46527 11.0257 2.50492 11.1465 2.49626 11.2686L2.38073 12.8869L3.96051 12.4008C4.00518 12.3869 4.05166 12.3801 4.09769 12.3801ZM7 5.6C6.22799 5.6 5.6 4.97201 5.6 4.2C5.6 3.42799 6.22799 2.8 7 2.8C7.77201 2.8 8.4 3.42799 8.4 4.2C8.4 4.97201 7.77201 5.6 7 5.6ZM7 3.73333C6.74274 3.73333 6.53333 3.94274 6.53333 4.2C6.53333 4.45726 6.74274 4.66667 7 4.66667C7.25726 4.66667 7.46667 4.45726 7.46667 4.2C7.46667 3.94274 7.25726 3.73333 7 3.73333ZM7.93333 11.2H6.06667C5.80895 11.2 5.6 10.991 5.6 10.7333V7C5.6 6.74229 5.80895 6.53333 6.06667 6.53333H7.93333C8.19105 6.53333 8.4 6.74229 8.4 7V10.7333C8.4 10.991 8.19105 11.2 7.93333 11.2ZM6.53333 10.2667H7.46667V7.46667H6.53333V10.2667Z" fill="%23EE7600"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
}
.pay-badge-wrapper.with-tooltip {
  padding: 5px 6px 5px 3px;
}
.pay-badge-wrapper.with-tooltip .icon-popup {
  cursor: pointer;
}
.pay-badge .tooltip {
  display: none;
  position: absolute;
  background: #28282deb;
  min-width: 206px;
  padding: 15px;
  left: 21%;
  bottom: 40px;
  border-radius: 6px;
}
.pay-badge .tooltip::before {
  content: '';
}
.pay-badge .content-wrapper {
  position: relative;
}
.pay-badge .close-tooltip {
  width: 6.5px;
  height: 6.5px;
  background: transparent;
  background-image: url('data:image/svg+xml,<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L7.5 7.5" stroke="white"/><path d="M7.5 1L1 7.5" stroke="white"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  position: absolute;
  top: -7px;
  right: -7px;
  cursor: pointer;
}
.pay-badge .tooltip .content {
  font-weight: 400;
  font-size: 10px;
  line-height: 14px;
  color: #fff;
}

.pay-badge .tooltip .content a {
  color: #ee7600;
}

.pay-badge .tooltip .triangle {
  width: 0px;
  height: 0px;
  position: absolute;
  background: transparent;
  border: 10px solid #28282deb;
  bottom: -35px;
  left: 50%;
  transform: translate(-50%, 0);
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.pay-badge .tooltip .tooltip-link {
  text-decoration: underline;
  color: #ed7600;
}
.cco-top__rs .tooltip {
  left: 12%;
}
.categories-slider-section {
  padding-top: 40px;
  padding-bottom: 40px;
}

.categories-slider .menu__cat__square,
.categories-slider .menu__cat__inner-square {
  background: transparent;
  height: auto;
}

.categories-slider .menu__cat__inner-square .icon {
  text-align: center;
  font-size: 60px;
}

.categories-slider .categories-slide-title {
  margin-top: 20px;
  text-align: center;
}

.categories-slider .categories-slide-title a {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

.sale-items__block__top {
  display: block !important;
  height: 55px !important;
  overflow: hidden !important;
}

/* #js-container .new-items__block {
	width: 360px;
} */

#js-container .sale-items__block__top {
  display: block !important;
  height: 55px !important;
  overflow: hidden !important;
}

.text-red {
  color: #ed4242;
}

.cart__block-sale {
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
}

.cart-promo {
  display: flex;
}

.span-sale-none .label-sale {
  display: none !important;
}

@media (max-width: 480px) {
  /* #js-container {
		margin-left: -10px;
		margin-right: -10px;
	} */

  /* #js-container .new-items__block {
		width: 100%;
	} */

  #js-container .sale-items__block__top {
    display: block !important;
    height: 55px !important;
    overflow: hidden !important;
  }

  .new-items__title {
    font-size: 13px !important;
    height: 24px !important;
  }

  .new-items__title.small-font {
    font-size: 11px !important;
  }

  .new-items__top__text.small-font {
    font-size: 9px !important;
  }

  /* #js-container .new-items__block .new-items__img img {
		height: 130px !important;
	} */

  /* #js-container .new-items__tags {
		font-size: 12px;
	} */

  /* #js-container .new-items__tags .ColorLink {
		width: 12px;
		height: 12px;
	} */
}

.main-banner-slider {
  padding-bottom: 20px;
}

.new-items__block__top {
  position: relative;
  background: #fff !important;
  padding: 10px 6px;
}

.new-items__block__top .btn-favorite {
  top: 10px;
  right: 10px;
  left: unset;
}

.new-items__title {
  color: var(--main-orange-color);
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px;
  text-decoration: none;
  width: 85%;
  height: 40px;
}

.new-items__title span {
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.new-items__title:hover span {
  color: #56565a;
}

.title-right__link:hover {
  color: #56565a;
}

.new-items__title .icon-triangle_right {
  font-size: 8px;
  margin-right: 5px;
}

.new-items__tags {
  font-size: 13px;
  margin-bottom: 10px;
  height: 18px;
  overflow: hidden;
}

.new-items__tags a {
  color: #000;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
  text-decoration: none;
}

.new-items__tags a:hover {
  color: var(--main-orange-color);
  text-decoration: underline;
}

.new-items__tags .ColorLink {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  margin-right: 5px;
  border: #eee 1px solid;
}

.new-items__top__text {
  font-size: 11px;
}

.diamond::after {
  content: '\2666';
  color: #ee7600;
}

.new-items__block__bot {
  background: #ffffff;
  padding: 5px 6px;
}

.new-items__price {
  font-size: 14px;
}

.new-items__price b {
  font-size: 18px;
  font-weight: bold;
}

.new-items__img {
  line-height: 0;
  position: relative;
  display: block;
  text-decoration: none;
}

.brands_slider > .new-items__arrow {
  top: 0px !important;
}

.catalogs_slider > .new-items__arrow {
  top: 50px !important;
}

.new-items__arrow {
  position: absolute;
  cursor: pointer;
  width: 0px;
  height: 0px;
  border-top: 130px solid transparent;
  border-bottom: 130px solid transparent;
  top: 88px;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.new-items__arrow--prev {
  border-right: 40px solid #e4e3e1;
  left: -40px;
}

.new-items__arrow--next {
  border-left: 40px solid #e4e3e1;
  right: -40px;
}

.new-items__slider {
  display: flex;
  padding-bottom: 30px;
}

.new-items__slider:not(.slick-initialized) {
  overflow: hidden;
}

/* .rating-items__slider.ratingt1 {
  position: absolute;
  top: 97px;
  width: 100%;
} */

.new-items__slider .slick-slide,
.rating-items__slider .slick-slide {
  display: flex !important;
  justify-content: center;
}

.label-new {
  position: absolute;
  right: 13px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  top: 30px;
  z-index: 1;
  width: 31px;
}

.label-new:after {
  content: '';
  width: 42px;
  height: 42px;
  background: #2ca147;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  position: absolute;
  right: -5px;
  top: -21px;
  z-index: -1;
}

.label-sale {
  position: absolute;
  right: 15px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  top: 30px;
  z-index: 1;
  width: 31px;
}

.label-sale:after {
  content: '';
  width: 42px;
  height: 42px;
  background: #ed4242;
  transform: rotate(30deg);
  position: absolute;
  right: -5px;
  top: -13px;
  z-index: -1;
}

.label-sale-col {
  position: absolute;
  right: 13px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  top: 23px;
  z-index: 1;
  width: 31px;
}

.label-sale-col:after {
  content: '';
  width: 42px;
  height: 42px;
  background: #ed4242;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  position: absolute;
  right: -5px;
  top: -14px;
  z-index: -1;
}

.label-youtube {
  position: absolute;
  right: 13px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  top: 30px;
  z-index: 1;
  width: 31px;
}

.label-youtube:after {
  content: '';
  width: 42px;
  height: 42px;
  background: #e52d27;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  position: absolute;
  right: -5px;
  top: -21px;
  z-index: -1;
}

.label-youtube img {
  margin-top: -15px;
  width: 29px !important;
}

.label-cart {
  position: absolute;
  right: 13px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  top: 30px;
  z-index: 1;
  width: 31px;
}

.label-cart:after {
  content: '';
  width: 42px;
  height: 42px;
  background: #c00;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  position: absolute;
  right: -5px;
  top: -21px;
  z-index: -1;
}

.label-cart img {
  margin-top: -15px;
  width: 29px !important;
}

.label-percent span {
  font-size: 25px;
}

.label-percent {
  right: 11px;
  top: 18px;
}

.label-percent:after {
  right: -3px;
  top: -9px;
}

.big-label-new {
  position: absolute;
  right: 17px;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  top: 30px;
  z-index: 1;
}

.big-label-new:after {
  content: '';
  width: 60px;
  height: 60px;
  background: #2ca147;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  position: absolute;
  right: -5px;
  top: -18px;
  z-index: -1;
}

.big-label-sale {
  position: absolute;
  right: 17px;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  top: 30px;
  z-index: 1;
}

.big-label-sale:after {
  content: '';
  width: 60px;
  height: 60px;
  background: #ed4242;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  position: absolute;
  right: -5px;
  top: -18px;
  z-index: -1;
}

.big-label-youtube {
  position: absolute;
  right: 17px;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  top: 30px;
  z-index: 1;
}

.big-label-youtube:after {
  content: '';
  width: 60px;
  height: 60px;
  background: #e52d27;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  position: absolute;
  right: -5px;
  top: -18px;
  z-index: -1;
}

.big-label-youtube img {
  margin-top: -10px;
  margin-right: 5px;
  width: 42px !important;
}

.big-label-cart {
  position: absolute;
  right: 17px;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  top: 30px;
  z-index: 1;
}

.big-label-cart:after {
  content: '';
  width: 60px;
  height: 60px;
  background: var(--main-orange-color);
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  position: absolute;
  right: -5px;
  top: -18px;
  z-index: -1;
}

.big-label-cart img {
  margin-top: -10px;
  margin-right: 5px;
  width: 42px !important;
}

.catalog-items__block {
  margin-bottom: 35px !important;
}

.catalog-items__block .sale-items__img a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-height: 350px;
}

.catalog-items__block .sale-items__info {
  padding-top: 7px;
}

.catalog-items__block .sale-items__img img {
  max-width: 100%;
  max-height: 350px;
  width: auto;
  height: auto;
}

.catalog-items__block .sale-items__price {
  padding-bottom: 5px !important;
}

.rating-items__slider .sale-items__block {
  max-width: 263px !important;
}

.sale-items__block {
  width: 255px;
  margin-bottom: 35px;
  margin-left: 1px;
  max-width: 255px;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  padding: 10px;
  /* margin: 0 11.5px; */
}

.sale-items__block__top {
  height: 75px;
  background: #efefed;
  padding: 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sale-items__title {
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  color: #000;
}

.nefrit-products .sale-items__title {
  color: #fff;
}
.sale-items__info .sale-items__text {
  text-align: center;
}
.sale-items__text {
  color: #808080;
}
.sale-items__text a:hover {
  color: var(--main-orange-color);
}

.sale-items__title:hover {
  color: var(--main-orange-color);
}

.sale-items__img {
  position: relative;
  line-height: 0;
  display: block;
  text-decoration: none;
}

.sale-items__info {
  padding-top: 15px;
}

.sale-items__text a {
  color: #000;
}

.sale-items__price {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 15px;
  text-align: center;
}

.sale-items__price b {
  font-size: 18px;
  font-weight: bold;
}

.sale-items__bot {
  height: 50px;
  background: #e8e7e5;
  padding: 7px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  border-radius: 4px;
}

.sale-items__input {
  width: 84px;
  height: 100%;
  display: inline-block;
  box-sizing: border-box;
  font-size: 12px;
  padding: 0 0 0 5px;
  border: 1px solid #d9d8d5;
  border-radius: 3px;
}

.sale-items__inputs {
  font-size: 12px;
  display: flex;
  justify-content: space-around;
  width: 100%;
}

.sale-items__inputs sup {
  vertical-align: super;
}

.sale-items__inputs label + label {
  margin-left: 10px;
}

.sale-items__input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000;
  opacity: 1;
  font-size: 12px;
  font-family: 'Open Sans';
}

.sale-items__input::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  opacity: 1;
  font-size: 12px;
  font-family: 'Open Sans';
}

.sale-items__input:-ms-input-placeholder {
  /* IE 10+ */
  color: #000;
  opacity: 1;
  font-size: 12px;
  font-family: 'Open Sans';
}

.sale-items__input:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
  opacity: 1;
  font-size: 12px;
  font-family: 'Open Sans';
}

.sale-items__btn {
  width: 37px;
  border: 0;
  background: #56565a;
  padding: 0;
  cursor: pointer;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.sale-items__btn:hover {
  background: var(--main-orange-color);
}

.sale-items__btn .icon-cart_fill {
  font-size: 25px;
  color: #fff;
}

.add-to-basket {
  width: 100%;
  margin-top: 10px;
  background: #de7f11;
  height: 40px;
  font-weight: 400;
  font-size: 17px;
  line-height: 100%;
  color: #fff;
  text-align: center;
  padding-bottom: 5px;
  border-radius: 4px;
}

.sale-items__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 45px;
  max-height: 1915px;
  overflow: hidden;
}
.sale-items__wrapper.slick-initialized {
  overflow: visible !important;
}
.slide-elem {
  flex: 0 0 95%;
}
.news {
  padding-top: 50px;
  padding-bottom: 50px;
}

.wrapper--title-inner {
  padding-top: 25px;
}

.news__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-bottom: 30px;
}

.news__block {
  width: 33%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 15px 15px;
}

.full-page {
  flex-wrap: wrap;
}

.full-page .news__block {
  width: calc(33% - 30px);
}

.page-news {
  text-align: center;
  margin-bottom: 30px;
}

.page-news .nav__number {
  margin-left: 3px;
}

.page-news .nav__numbers {
  margin: 0 auto;
}

/* .news__block+.news__block {
	margin-left: 30px;
} */

.news__block__img {
  line-height: 0;
  margin-right: 20px;
}
.news-thumbnail {
  width: 144px;
  height: 144px;
  object-fit: cover;
}

.news__block__title {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 8px;
  text-transform: uppercase;
  display: block;
  color: #000;
  text-decoration: none;
  transition: 0.3s all ease-out;
}

.news__block__title:hover {
  color: var(--main-orange-color);
}

.news__block__text {
  font-size: 13px;
  margin-bottom: 10px;
}

.news__block__subtext {
  font-size: 12px;
  color: #a6a5a3;
}

.news-list-wrapper .new-items__block {
  width: 100% !important;
}

.news-list-wrapper .news-wrapper {
  width: 32% !important;
}

.news-list-wrapper .new-items__img img {
  max-width: unset !important;
  object-fit: cover !important;
}

.main-desc__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: top;
  -ms-flex-align: top;
  align-items: top;
  margin-bottom: 30px;
}

.main-desc__wrapper--4-logos {
  width: 910px;
  margin-left: auto;
  margin-right: auto;
}

.main-desc__wrapper--3-logos {
  width: 710px;
  margin-left: auto;
  margin-right: auto;
}

.main-desc__text-block ul {
  margin-bottom: 15px;
}

.main-desc__text-block {
  width: 50%;
  text-align: justify;
  font-size: 13px;
}

.main-desc__text-block a {
  color: var(--main-orange-color);
  text-decoration: none;
}

.main-desc__text-block h2 {
  font-weight: 700;
  color: #000;
  font-size: 18px;
  margin-bottom: 10px;
}

.main-desc__text-block ul,
.cco-desc__body ul {
  list-style: circle;
  margin-left: 20px;
}

.main-desc__text-block p {
  margin-bottom: 18px;
}

.main-desc__text-block + .main-desc__text-block {
  margin-left: 30px;
}

.main-desc {
  padding-bottom: 40px;
}

.cart-sum-sale span {
  color: #ed4242;
}

.cart-sum-sale .sum-old {
  color: #888888;
  font-weight: 300;
  text-decoration: line-through;
  font-size: 20px;
  margin-left: 5px;
}

.cart-sum-sale .sale-info {
  display: inline-block;
  background: #ccc;
  width: 26px;
  height: 26px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
}

.cart__block-print {
  display: flex;
  align-items: top;
}

.cart__block-print > div {
  margin: 0 5px;
}

.cart-button-form {
  padding: 5px 10px;
  background: #888;
  color: #fff !important;
  font-weight: 400 !important;
  font-size: 13px !important;
}

.publication {
  padding-top: 30px;
  position: relative;
  overflow: hidden;
}

.publication__wrapper {
  flex-direction: row;
  height: 440px;
}

.publication__wrapper2 {
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
}

.publication__wrapper2::after {
  content: '';
  /* flex: auto; */
  width: 100%;
}

.publ__img {
  line-height: 0;
  background: #000;
}

.publ__img img {
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
  position: relative;
  width: 100%;
}

.publ__top:hover .publ__img img {
  opacity: 0.5;
}

.publ__block {
  display: flex;
  flex-flow: column;
  width: 23%;
  margin: 0 10px 30px;
  text-decoration: none;
}

.publication__wrapper .publ__block {
  height: 350px;
}

.publ__block.show-all {
  display: flex;
}

.show-all-mobile {
  display: none;
}

.publ__top {
  position: relative;
  display: block;
  text-decoration: none;
  color: #000;
  flex: 0 1 auto;
}

.publ__wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
  z-index: 1;
}

.publ__date {
  font-size: 12px;
  color: #fff;
  margin-bottom: 7px;
}

.publ__title {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
}

#latestItem {
  margin-bottom: 20px;
}

.flex-break {
  page-break-after: always;
  break-after: always;
  width: 100%;
  width: 100%;
}

.publ__img:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 70%,
    rgba(0, 0, 0, 0.8) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0)),
    color-stop(70%, rgba(0, 0, 0, 0)),
    to(rgba(0, 0, 0, 0.8))
  );
  background: -o-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 70%,
    rgba(0, 0, 0, 0.8) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 70%,
    rgba(0, 0, 0, 0.8) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0);
}

.publ__img img:before {
  content: '';
  width: 263px;
  height: 197px;
  display: block;
  background: url(/assets/img/nofoto.jpg);
}

.publ__bot {
  background: #fff;
  padding: 20px 15px;
  flex: 1 1 auto;
}

.publ__text {
  font-size: 13px;
  margin-bottom: 9px;
}

.publ__links {
  color: var(--main-orange-color);
  font-size: 12px;
  margin-top: 10px;
}

.publ__links a {
  color: var(--main-orange-color);
}

.publ__links a:hover {
  color: #56565a;
}

.publ__all {
  height: 200px;
  background: #e4e3e1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  color: #000;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.publ__all:hover {
  color: #56565a;
}

.publ__all__title {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}

.publ__all__img {
  line-height: 0;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: center;
}

.publ__all:hover .publ__all__img {
  background-image: url('../img/book-hover.png');
}

.publ__all:hover .publ__all__img img {
  opacity: 0;
}

.publication:before {
  content: '';
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  z-index: -1;
  background: url('../img/publ-bg.jpg') 0 0 repeat;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

/* Footer
-----------------------------------------------------------------------------*/
.footer {
  padding-top: 60px;
  padding-bottom: 60px;
}

.footer__left img {
  width: 207px;
}

.footer__text {
  color: #bdbdc2;
  font-size: 13px;
}

.footer__logo {
  display: block;
  margin-bottom: 20px;
}

.footer__text--bold a {
  color: #bdbdc2;
  text-decoration: none;
  font-weight: bold;
}

.footer__text a {
  color: #bdbdc2;
}

.footer__text a.tel {
  color: var(--main-orange-color);
}

.footer__left {
  width: 250px;
}

.footer__text--bold {
  margin-top: 5px;
  margin-bottom: 5px;
}

.footer__block {
  margin-top: 25px;
}

.footer__menus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer__mid {
  width: 530px;
}

.footer__menu__title {
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 15px;
}

.footer__menu__ul {
  list-style-type: disc;
}

.footer__menu__link {
  color: #bdbdc2;
  font-size: 13px;
  text-decoration: none;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.footer__menu__li:hover .footer__menu__link {
  color: #fff;
}

.footer__menu__li {
  color: #bdbdc2;
  margin-left: 16px;
  margin-bottom: 5px;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.footer__menu__li:hover {
  color: #fff;
}

.footer__input {
  width: 284px;
  height: 37px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #6b6b6e;
  padding-left: 10px;
  color: #e4e3e1;
  font-size: 13px;
  background: #525256;
  margin-right: -130px;
  margin-top: 50px;
}

.footer__input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #e4e3e1;
  opacity: 1;
  font-size: 13px;
  font-family: 'Open Sans';
}

.footer__input::-moz-placeholder {
  /* Firefox 19+ */
  color: #e4e3e1;
  opacity: 1;
  font-size: 13px;
  font-family: 'Open Sans';
}

.footer__input:-ms-input-placeholder {
  /* IE 10+ */
  color: #e4e3e1;
  opacity: 1;
  font-size: 13px;
  font-family: 'Open Sans';
}

.footer__input:-moz-placeholder {
  /* Firefox 18- */
  color: #e4e3e1;
  opacity: 1;
  font-size: 13px;
  font-family: 'Open Sans';
}

.footer__btn {
  height: 37px;
  background: transparent;
  width: 130px;
  text-transform: uppercase;
  border: 0;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--main-orange-color);
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: middle;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.footer__btn:hover {
  color: #fff;
}

.footer__btn .icon-triangle_right {
  font-size: 8px;
  vertical-align: middle;
  margin-right: 3px;
}

.footer__right {
  width: 240px;
}

.footer__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 37px;
}

.footer__soc {
  width: 190px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
}

.footer__soc a {
  color: #ababad;
  font-size: 30px;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.footer__soc a:hover {
  color: #fff;
}

.footer__totop {
  cursor: pointer;
  position: fixed;
  right: 0;
  bottom: 0px;
  background-image: url('../img/totop.png');
  background-repeat: no-repeat;
  background-size: cover;
  height: 72px;
  width: 87px;
}

.footer__totop img {
  display: block;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.header__mid.scrolled {
  margin-bottom: 46px;
}

.header__bot.scrolled {
  display: block;
  position: fixed;
  top: 0;
  width: 100%;
  height: 66px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  background: #fff;
}

.desc-hidden {
  display: none;
}

.only-mob {
  display: none;
}

.scrolled .scroll-hidden {
  display: none;
}

.scrolled .scroll-visible,
.scrolled .scroll-tab-hidden {
  display: block;
}

.scrolled .menu__link {
  padding: 0;
  color: #000;
}

.scrolled .menu--left {
  width: 60%;
}

.header__bot.scrolled .wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.scrolled .header__top__phone a {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  text-decoration: none;
}

.scrolled .header-cart__right {
  width: auto;
}

.scrolled .header-cart__price {
  color: #fff;
  text-decoration: underline;
}

.scrolled .header__mid__search {
  position: relative;
}

.scrolled .desktop_search_btn {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 101;
}

.scrolled .desktop_search_input {
  position: absolute;
  z-index: 100;
  width: 300px;
  right: 35px;
  display: none;
}

.header_mid_favorite {
  display: none;
}

.scrolled .header-cart__target {
  display: flex;
  align-items: center;
}

/* .scrolled .header-cart__target span {
	bottom: 17px;
} */

.scrolled .menu__link:hover {
  background: transparent;
}

.scrolled .header-btn {
  display: none !important;
}

.col-md-50 {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  margin: 40px 3px 15px;
}

.col-md-33 {
  width: 32.5%;
  display: inline-block;
  vertical-align: top;
  margin: 40px 3px 15px;
}

.col-md-3 {
  width: 24.5%;
  display: inline-block;
  vertical-align: top;
}

.salon-h1 {
  font-size: 30px;
  color: black;
  line-height: 1;
  margin-top: 20px;
  margin-bottom: 20px;
}

.salon-title {
  font-size: 18px;
  color: #000;
  text-transform: uppercase;
}

.salon-list-wrapper .salon-title {
  font-size: 15px !important;
  text-transform: none;
  min-height: 40px;
}

.salon-list-wrapper .salon-title i {
  color: var(--main-orange-color);
}

.col-md-3 .salon-link-block {
  padding: 15px 5px !important;
}

.salon-address {
  min-height: 68px;
  margin-top: 7px;
}

.salon-link-block {
  border: #fff 2px solid;
  text-decoration: none;
  display: block;
  padding: 15px 15px 0;
}

.salon-link-block:hover {
  border: #e6e6e4 2px solid;
}

.salon-button {
  background: #e6e6e4;
  padding: 6px 15px;
  font-size: 10px;
  display: inline-block;
  margin-top: 20px;
}

.salon-button:hover {
  background: var(--main-orange-color);
}

.salon-title-main {
  padding: 0 0 10px;
  margin: 0 !important;
}
.salon-list-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 50px;
}
.salon-list-wrapper .single-salon {
  width: 30%;
}
.salon-list-wrapper .single-salon a {
  height: 100%;
}
.salon-list-wrapper .salon-address {
  min-height: unset;
  font-size: 12px;
}

.gallery-iframe-video {
  position: relative;
  padding-top: 66.6%;
}

.gallery-iframe-video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
}

.text-center {
  text-align: center;
}

.mainpage-salon-link {
  margin: 15px 0;
  background: var(--main-orange-color);
}

.mainpage-salon-link table {
  border-top: #444 0px solid;
  border-left: #444 0px solid;
  width: 100%;
  background: var(--main-orange-color);
}

.mainpage-salon-link td {
  border-bottom: #444 0px solid;
  border-right: #444 0px solid;
  vertical-align: middle;
  text-align: center;
  font-size: 13px;
}

.mainpage-salon-link a {
  text-decoration: none;
  display: block;
  padding: 12px 7px;
  border-bottom: #a2a2a2 0px solid;
  font-weight: 700;
  color: #fff;
}

.mainpage-salon-link a:hover {
  border-bottom: var(--main-orange-color) 0px solid;
  background: #56565a;
}

.rating-items__slider .slick-track {
  min-width: 10000px !important;
  overflow: hidden;
}

.rating-items__slider .sale-items__block {
  width: 263px !important;
  margin: 0 11px;
}

.salon-mark {
  background: url(/assets/images/salon-bg.png);
  background-size: cover;
  width: 65px;
  height: 28px;
  z-index: 50;
  margin-left: 0px;
  padding: 11px 0 0 7px;
}

.salon-mark a {
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
}

/* Hits Start */
.hits-tabs {
  display: block;
  width: 100%;
}

.hits-tabs-block {
  display: inline-block;
  padding: 5px;
  cursor: pointer;
}

.hits-tabs-border-bottom {
  border-bottom: #777 2px solid;
  color: #777;
}

.hits-tabs-border-side {
  border-left: #777 2px solid;
  border-right: #777 2px solid;
  margin: 0 -3px;
}

.hits-tabs-border-line {
  display: inline-block;
  width: 2px;
  background: #333;
}

.hits-tabs-title {
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  display: block;
  padding: 12px 7px;
  border-bottom: #fff 2px solid;
  font-weight: 700;
  color: #222;
}

.hits-tabs-border-bottom .hits-tabs-title {
  border-bottom: var(--main-orange-color) 2px solid;
}
.new-hits-tabs {
  border-top: #ddd 1px solid;
  border-left: #ddd 1px solid;
  display: flex;
}

.new-hits-tabs-block {
  display: inline-block;
  border-bottom: #ddd 1px solid;
  border-right: #ddd 1px solid;
  vertical-align: middle;
  text-align: center;
  font-size: 13px;
  cursor: pointer;
  background: #fff;
}

.new-hits-tabs-block:hover {
  background: #eee;
}

/* Hits End */

@media (max-width: 768px) {
  .col-md-50,
  .col-md-33,
  .col-md-3 {
    width: 100%;
  }

  .mobile-bold {
    font-weight: 700;
  }

  .mainpage-salon-link {
    margin: 15px 0;
  }

  .mainpage-salon-link table {
    display: block;
    overflow: auto;
  }

  .mainpage-salon-link td {
    white-space: nowrap;
  }
}

.menu__dropdown {
  width: 1200px;
  position: absolute;
  z-index: 1;
  background: #ffffff;
  min-height: 280px;
  height: auto;
  padding: 40px 60px;
  display: none;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  left: -130%;
}

.menu__dropdown .dropdown__wrapper {
  display: flex;
  width: 100%;
}

.menu__dropdown .dropdown__wrapper .left {
  width: 40%;
}

.menu__dropdown .dropdown__wrapper .left::after {
  content: '';
  height: 90%;
  width: 1px;
  position: absolute;
  left: 37%;
  top: 37px;
  bottom: 0;
  background-color: #cdd7e4;
}

.menu__dropdown .dropdown__wrapper .right {
  width: 60%;
}

.menu__dropdown .right .menu__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.menu__dropdown .title {
  font-family: 'Open Sans';
  font-size: 16px;
  margin-bottom: 20px;
}

.menu__dropdown .title a {
  text-decoration: none;
}

.menu__dropdown__ul li {
  margin-bottom: 10px;
}

.menu__dropdown .submenu {
  list-style-type: circle;
  margin-left: 24px;
  margin-top: 20px;
}

.menu__dropdown__ul li a {
  font-size: 14px;
  text-transform: uppercase;
  color: #56565a;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.menu__dropdown__ul li .icon {
  font-size: 22px;
  margin-right: 15px;
}

.menu__dropdown__ul .bold {
  font-weight: bold;
}

.menu__dropdown__ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.menu__dropdown__ul li a:hover {
  color: var(--main-orange-color);
}

.menu__dropdown_mini {
  width: 200px;
  min-height: 80px;
  position: absolute;
  z-index: 1;
  background: #e3e3e1;
  height: auto;
  padding: 20px 20px;
  display: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  left: 0px;
}

.menu__dropdown_mini li {
  padding-bottom: 10px;
}

.menu__dropdown_mini li:last-child {
  padding-bottom: 0px;
}

.menu__li:hover .menu__link--dropdown + .menu__dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.scrolled .menu__li:hover .menu__link--dropdown + .menu__dropdown {
  display: none;
}

.geo {
  position: absolute;
  top: 0;
  width: 80%;
  display: none;
  z-index: 5;
}

.geobranch {
  position: absolute;
  top: 0;
  width: 80%;
  display: none;
  z-index: 10000;
  left: 30px;
}

.geobranch__all__cities {
  position: absolute;
  top: 0;
  width: 80%;
  display: none;
  z-index: 10000;
  left: 30px;
}

.geo__block {
  width: 230px;
  position: absolute;
  z-index: 500;
  margin-top: 60px;
  background: #efefed;
  padding: 28px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.geo__block.move_down {
  margin-top: 90px;
}

.geobranch__ul {
  width: 100%;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  overflow-y: auto;
}

.geobranch__li {
  list-style: none;
  margin-top: 10px;
}

.geobranch__li a:before {
  content: '•';
  margin-right: 5px;
}

.geobranch__li a {
  font-size: 13px;
  text-decoration: none;
  color: #000;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.geobranch__li a span {
  text-decoration: underline;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.geo__block:before {
  content: '';
  border: 7px solid transparent;
  border-bottom: 7px solid #efefed;
  position: absolute;
  top: -14px;
  left: 25%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.geo__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.geo__btn {
  width: 80px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}

.geo__btn--orange {
  background: var(--main-orange-color);
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.geo__btn--orange:hover {
  background: #56565a;
}

.geo__btn--gray {
  background: #56565a;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.geo__btn--gray:hover {
  background: var(--main-orange-color);
}

.geo__text {
  font-size: 13px;
  color: #56565a;
  margin-bottom: 19px;
}

.geo__text .icon {
  font-size: 18px;
  color: var(--main-orange-color);
  margin-left: 7px;
  margin-right: 7px;
}

.popup-bg {
  position: fixed;
  background: rgba(0, 0, 0, 0.28);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  display: none;
}

.popup-bg.visible {
  display: block;
}

.geo.visible {
  display: block;
  z-index: 10000;
}

.geobranch.visible {
  display: block;
}

.geobranch__all__cities.visible {
  display: block;
}

.geobranch__title {
  font-size: 13px;
  font-weight: bold;
}

.geobranch__li a:hover span {
  color: var(--main-orange-color);
}

.geo__block--choise {
  display: none;
  width: 100%;
}

.geo__block--choise ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 5px;
}

.geo__block--choise ::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.p-form {
  position: absolute;
  top: 0;
  width: 100%;
  display: none;
  z-index: 500;
}

.p-form-hidden-price {
  position: fixed !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 500 !important;
}

.p-form-hidden-price > div {
  max-width: 800px !important;
  margin: 50px auto 0 !important;
}

.p-form-hidden-price .p-form__block:before {
  display: none !important;
}

.p-form-dealer {
  position: absolute;
  top: 0;
  width: 100%;
  display: none;
  z-index: 500;
}

.p-form-dealer.visible {
  display: block;
}

.p-form-dealer .p-form__btn {
  background: #56565a;
  height: 43px;
  margin-top: 10px;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.p-form-dealer .p-form__btn:hover {
  color: var(--main-orange-color);
}

.p-form-calc {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 500;
  background: rgba(0, 0, 0, 0.3);
}

.p-form-calc > div {
  max-width: 800px;
  margin: 100px auto 0;
  background: #fff;
  border: var(--main-orange-color) 5px solid;
}

.p-form-calc .p-form__close {
  display: block;
}

.p-form-calc .p-form__close span {
  background: var(--main-orange-color);
}

.p-form-calc .form-calculate-table__input,
.p-form-calc .form-calculate-table-select__type {
  border: var(--main-orange-color) 1px solid;
}

.p-form-calc .form-calculate-table-select__type:focus-visible {
  outline: none;
}

.form-calculate-control__btn:hover {
  cursor: pointer;
}

.p-form-calc-all {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 500;
  background: rgba(0, 0, 0, 0.3);
}

.p-form-calc-all > div {
  max-width: 800px;
  margin: 100px auto 0;
  background: #fff;
  border: var(--main-orange-color) 5px solid;
}

.p-form-calc-all .p-form__close,
.popup .p-form__close {
  display: block;
}

.p-form-calc-all .p-form__close span,
.popup .p-form__close span {
  background: var(--main-orange-color);
}

.p-form-calc-all .form-calculate-table__input,
.p-form-calc-all .form-calculate-table-select__type {
  border: var(--main-orange-color) 1px solid;
}

.p-form-calc-all h4 {
  font-weight: 600;
  font-size: 16px;
}

.p-form__height-auto {
  height: auto !important;
}

.m-b-15 {
  margin-bottom: 15px;
}

.nopadding-imp {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.calc_menu_cat .menu__cat__square {
  width: 52px;
  height: 52px;
}

.calc_menu_cat .menu__cat__block {
  width: 65px;
}

.calc_menu_cat .menu__cat__inner-square .icon {
  font-size: 30px;
}

.calc_menu_cat .big-padding .icon {
  font-size: 30px;
}

.calc_menu_cat .menu__cat__block__text {
  font-size: 9px;
}

.calc_menu_cat .menu__cat__active,
.calc_menu_cat .menu__cat__active .icon {
  color: var(--main-orange-color) !important;
}

.p-form-calc-all .calc_menu_cat_btn {
  background: var(--main-orange-color) !important;
}

.p-form-calc-all .calc_menu_cat_btn:hover {
  color: #000 !important;
}

.p-form-calc-all .top-3d__form__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.p-form-3d {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 500;
  background: rgba(0, 0, 0, 0.3);
}

.p-form-3d > div {
  max-width: 600px;
  margin: 100px auto 0;
}

.showForm3D {
  background: var(--main-orange-color);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  padding: 0 10px;
  height: 35px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
}

.showForm3D:hover {
  background: #56565a;
  color: #fff;
}

#top3Dclose {
  display: block;
  text-decoration: none;
  font-size: 16px;
  position: absolute;
  top: 5px;
  right: 5px;
}

.header__mid__search__btn:hover .icon-search {
  color: #56565a;
}

.header-cart__link:hover,
.header__mid:not(.scrolled) .header-cart__target:hover {
  color: #56565a;
}

.header__mid:not(.scrolled) .header-cart__target:hover span:after {
  background: #56565a;
}

.new-items__arrow--next:hover {
  border-left: 40px solid #d9d8d5;
}

.new-items__arrow--prev:hover {
  border-right: 40px solid #d9d8d5;
}

.address__dashed:hover {
  color: var(--main-orange-color);
}

.p-form-dealer .p-form__block {
  right: 38px;
  background: var(--main-orange-color);
  height: auto;
}

.p-form-dealer .p-form__block:before {
  border-bottom: 7px solid var(--main-orange-color);
}

.p-form-dealer .p-form__input {
  margin-bottom: 10px;
}

.p-form__block {
  width: 355px;
  height: 340px;
  position: absolute;
  z-index: 2;
  margin-top: 60px;
  background: #efefed;
  padding: 30px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 180px;
}

.p-form__block:before {
  content: '';
  border: 7px solid transparent;
  border-bottom: 7px solid #efefed;
  position: absolute;
  top: -14px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.p-form.visible {
  display: block;
}

.p-form__btn {
  width: 100%;
  height: 35px;
  cursor: pointer;
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  margin-top: 5px;
  background: var(--main-orange-color);
  border: 0;
  text-transform: uppercase;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.p-form__btn:hover {
  background: #56565a;
}

.p-form__text {
  font-size: 13px;
  color: #56565a;
  margin-bottom: 10px;
}

.p-form__input {
  height: 37px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d9d8d5;
  margin-bottom: 15px;
  padding: 0 10px;
  color: #56565a;
  font-size: 13px;
  background: #fff;
  line-height: 37px;
  font-family: 'Open Sans';
}

select.p-form__input:focus-visible {
  outline: none;
}

.p-form__input--clock {
  background-image: url('../img/clock.png');
  background-repeat: no-repeat;
  background-position: right 5px center;
  cursor: pointer;
}

.p-form__input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #56565a;
  opacity: 1;
  font-size: 13px;
  font-family: 'Open Sans';
}

.p-form__input::-moz-placeholder {
  /* Firefox 19+ */
  color: #56565a;
  opacity: 1;
  font-size: 13px;
  font-family: 'Open Sans';
}

.p-form__input:-ms-input-placeholder {
  /* IE 10+ */
  color: #56565a;
  opacity: 1;
  font-size: 13px;
  font-family: 'Open Sans';
}

.p-form__input:-moz-placeholder {
  /* Firefox 18- */
  color: #56565a;
  opacity: 1;
  font-size: 13px;
  font-family: 'Open Sans';
}

.breadcrumbs {
  padding: 6px 0;
}

.breadcrumbs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.breadcrumbs ul li {
  margin-bottom: 1px;
}

.breadcrumbs ul li + li {
  margin-left: 10px;
}

.breadcrumbs ul li + li:before {
  content: '\e908';
  color: var(--main-orange-color);
  font-size: 7px;
  font-family: 'iconfont';
  margin-right: 10px;
  vertical-align: middle;
}

.breadcrumbs ul li a {
  text-decoration: none;
  color: #7b7b7d;
}

.breadcrumbs ul li a:hover {
  color: #000;
}

.top-3d {
  height: 600px;
  background-image: url('../img/3d-bg.jpg');
  background-size: cover;
  background-position: center;
}

.top-3d-form-check .checkbox {
  display: flex;
}

.top-3d__ls {
  width: 50%;
  margin-right: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.top-3d__rs {
  width: 50%;
}

.top-3d__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 60px;
  padding-bottom: 50px;
}

.top-3d__form {
  background: var(--main-orange-color);
  min-height: 480px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 50px 40px 40px 40px;
  position: relative;
}

.top-3d__form:before {
  content: '';
  border: 7px solid transparent;
  border-right: 7px solid var(--main-orange-color);
  position: absolute;
  top: 50%;
  left: -14px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.top-3d__title {
  font-family: 'Montserrat';
  color: #fff;
  margin-bottom: 35px;
}

.top-3d__title p {
  font-size: 32px;
  font-weight: 500;
}

.top-3d__title p b {
  font-weight: 700;
}

.top-3d__title .big {
  font-size: 46px;
  font-weight: 700;
}

.top-3d__text {
  font-size: 18px;
  color: #fff;
}

.top-3d__form__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.top-3d__form__title span {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
}

.top-3d__form__title img {
  margin-right: 20px;
}

.top-3d__form__text {
  font-size: 14px;
  margin-bottom: 10px;
}

.top-3d__form__input {
  width: 100%;
  height: 37px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  padding: 0 10px;
}

.top-3d__form__input.name-field {
  background-image: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABHklEQVQ4EaVTO26DQBD1ohQWaS2lg9JybZ+AK7hNwx2oIoVf4UPQ0Lj1FdKktevIpel8AKNUkDcWMxpgSaIEaTVv3sx7uztiTdu2s/98DywOw3Dued4Who/M2aIx5lZV1aEsy0+qiwHELyi+Ytl0PQ69SxAxkWIA4RMRTdNsKE59juMcuZd6xIAFeZ6fGCdJ8kY4y7KAuTRNGd7jyEBXsdOPE3a0QGPsniOnnYMO67LgSQN9T41F2QGrQRRFCwyzoIF2qyBuKKbcOgPXdVeY9rMWgNsjf9ccYesJhk3f5dYT1HX9gR0LLQR30TnjkUEcx2uIuS4RnI+aj6sJR0AM8AaumPaM/rRehyWhXqbFAA9kh3/8/NvHxAYGAsZ/il8IalkCLBfNVAAAAABJRU5ErkJggg==&quot;);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: 16px 18px;
  background-position: 98% 50%;
}

select.top-3d__form__input:focus-visible {
  outline: none;
}

.top-3d__form__row {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

.top-3d__form__col {
  width: 48%;
}

.top-3d__form__col .error {
  width: 100%;
  background: #efefed;
  box-sizing: border-box;
  color: red;
  margin-top: 5px;
  padding: 2px 10px;
}

.top-3d-form-error {
  display: none;
  color: red;
  background: #efefed;
  margin-top: 10px;
  padding: 5px;
}

/* .top-3d__form__col + .top-3d__form__col {
  margin-left: 27px;
} */

.top-3d__form__btn {
  width: 100%;
  height: 37px;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #56565a;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 10px;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
  cursor: pointer;
}

.top-3d__form__btn:hover {
  color: var(--main-orange-color);
}

.top-3d__form__row label {
  font-size: 11px;
  margin-top: 10px;
}

.checkbox input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 10px 0 0 20px;
}

.checkbox__text {
  position: relative;
  padding: 0 0 0 26px;
  cursor: pointer;
}

.checkbox__text:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0;
  width: 18px;
  height: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #c26000;
  background: #fff;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.checkbox__text:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 6px;
  width: 6px;
  height: 6px;
  background: #fff;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.checkbox input:checked + .checkbox__text:after {
  background: var(--main-orange-color);
}

.example-3d__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.example-3d__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.example-3d__block__img img {
  display: block;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.example-3d__block__img img:nth-child(1) {
  z-index: 1;
}

.example-3d__block__img {
  position: relative;
  display: block;
  text-decoration: none;
  background: #000;
}

.example-3d__block__img:hover img:nth-child(1) {
  opacity: 0.46;
}

.example-3d__block__img:hover img:nth-child(2) {
  opacity: 0.7;
}

.example-3d__block__desc {
  height: 80px;
  background: #efefed;
  padding: 0 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.example-3d__block__title {
  font-size: 16px;
  font-weight: bold;
}

.add-3d__title {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 50px;
  padding-bottom: 35px;
}

.add-3d__block {
  width: 360px;
}

.add-3d__block + .add-3d__block {
  margin-left: 30px;
}

.add-3d__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

.add-3d__wrapper .new-items__arrow {
  border-top: 75px solid transparent;
  border-bottom: 75px solid transparent;
  top: 0;
}
.add-3d__wrapper .new-items__arrow--next {
  right: -50px;
}

.add-3d__wrapper .new-items__arrow--prev {
  left: -50px;
}
.add-3d__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.add-3d__block .example-3d__block__title {
  margin-left: 35px;
  margin-bottom: 15px;
  /* min-height: 65px; */
}
.address-row {
  margin-bottom: 0 !important;
  min-height: 100px;
}

.add-3d__block__ls {
  width: 35px;
  padding-top: 6px;
  padding-left: 6px;
}

.add-3d__block__ls .icon {
  color: var(--main-orange-color);
  font-size: 18px;
  margin-right: 13px;
}

.add-3d__block__title {
  font-size: 14px;
  font-weight: bold;
}

.add-3d__block__text-1 {
  font-size: 13px;
}

.add-3d__block__text-2 {
  font-size: 16px;
}

.add-3d__block__text-3 {
  font-size: 14px;
}

.add-3d__row {
  margin-bottom: 20px;
}

.map-3d {
  padding-bottom: 90px;
}

.map-3d iframe {
  width: 100%;
}

.new-items {
  display: flex;
  justify-content: space-between;
}

.home-categories-slider {
  padding-top: 10px;
  padding-bottom: 32px;
}

.home-categories-slider .slick-slide {
  display: flex !important;
  justify-content: center;
  margin: 0 10px;
}

.home-categories-slider .categories-slider {
  width: 100%;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.home-categories-slider .new-items__arrow--prev,
.home-categories-slider .new-items__arrow--next {
  top: 0;
}

.home-categories-slider .new-items__arrow {
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
}

.home-categories-slider .new-items__arrow--next {
  border-left: 20px solid #e4e3e1;
  right: -20px;
}

.home-categories-slider .new-items__arrow--next:hover {
  border-left: 20px solid #d9d8d5;
}

.home-categories-slider .new-items__arrow--prev {
  border-right: 20px solid #e4e3e1;
  left: -20px;
}

.home-categories-slider .new-items__arrow--prev:hover {
  border-right: 20px solid #d9d8d5;
}

.home-categories-slider .categories-slide-title {
  margin-top: 10px;
}

.home-categories-slider .new-items__block,
.home-categories-slider .menu__cat__block:hover .menu__cat__inner-square {
  background: transparent;
}

.filter__block__title__ls {
  font-size: 13px;
}

.filter-size_block-subtitle {
  padding: 10px 10px;
}

.filter__block__title__ls b {
  font-size: 14px;
  font-weight: bold;
}

.filter__block {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(20% - 20px);
  margin: 4px 5px;
  position: relative;
}

.filter__block:last-child {
  margin-right: 0px;
}

.filter__header {
  margin-top: 15px;
}

.filter__header .cc__found {
  background: #e8e8e8;
  padding: 10px;
}

.filter__header .filter__clear {
  padding-top: 20px;
}

.filter__clear:hover {
  color: #9e5200;
}

.filter__wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  background: #e8e8e8;
  padding: 10px 10px 20px;
}

.filter__block__title {
  display: flex;
  justify-content: space-between;
  height: 21px;
  align-items: center;
  padding: 0 12px;
  cursor: pointer;
  color: #858585;
  font-size: 13px;
  margin-bottom: 5px;
}

.filter__block__title__rs .icon {
  color: #56565a;
  font-size: 8px;
  display: none;
}

.filter__block--price {
  height: 89px;
}

.filter__block__inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 20px;
}

.filter__block__inputs__part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.filter__block__inputs__part input {
  width: 60px;
  height: 22px;
  border: 1px solid #d9d8d5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 5px;
}

.filter__block__inputs__part label {
  margin-right: 7px;
  font-size: 12px;
}

.filter__block__inputs__part input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000;
  opacity: 1;
  font-size: 12px;
  font-family: 'Open Sans';
}

.filter__block__inputs__part input::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  opacity: 1;
  font-size: 12px;
  font-family: 'Open Sans';
}

.filter__block__inputs__part input:-ms-input-placeholder {
  /* IE 10+ */
  color: #000;
  opacity: 1;
  font-size: 12px;
  font-family: 'Open Sans';
}

.filter__block__inputs__part input:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
  opacity: 1;
  font-size: 12px;
  font-family: 'Open Sans';
}

#slider-range {
  margin: 8px 12px;
  height: 2px;
  border: 0;
  background: #56565a;
}

#slider-range.ui-slider .ui-slider-range {
  background: var(--main-orange-color);
}

#slider-range .ui-state-default {
  outline: none;
  border-radius: 0;
  width: 0;
  height: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  top: 0px;
  background: transparent;
  cursor: pointer;
  border-top: 5px solid transparent;
  border-bottom: 5px solid var(--main-orange-color);
}

#slider-range .ui-state-default:nth-of-type(1) {
  border-left: 5px solid transparent;
  border-right: 5px solid var(--main-orange-color);
  margin-left: -10px;
}

#slider-range .ui-state-default:nth-of-type(2) {
  border-left: 5px solid var(--main-orange-color);
  border-right: 5px solid transparent;
  margin-left: 0px;
}

#slider_range_price {
  margin: 8px 12px;
  height: 2px;
  border: 0;
  background: #56565a;
}

#slider_range_price.ui-slider .ui-slider-range {
  background: var(--main-orange-color);
}

#slider_range_price .ui-state-default {
  outline: none;
  border-radius: 0;
  width: 0;
  height: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  top: 0px;
  background: transparent;
  cursor: pointer;
  border-top: 5px solid transparent;
  border-bottom: 5px solid var(--main-orange-color);
}

#slider_range_price .ui-state-default:nth-of-type(1) {
  border-left: 5px solid transparent;
  border-right: 5px solid var(--main-orange-color);
  margin-left: -10px;
}

#slider_range_price .ui-state-default:nth-of-type(2) {
  border-left: 5px solid var(--main-orange-color);
  border-right: 5px solid transparent;
  margin-left: 0px;
}

.filter__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 15px;
}

.filter__clear,
.filter__show-more {
  cursor: pointer;
  color: var(--main-orange-color);
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: middle;
  z-index: 1;
}

.filter__show-more .icon-triangle_down {
  font-size: 7px;
  vertical-align: middle;
  margin-right: 3px;
  display: inline-block;
  margin-bottom: 2px;
}

.popular-cat__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -19px;
}

.popular-cat__header {
  font-size: 13px;
  font-weight: bold;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.popular-cat__row a {
  color: #56565a;
  font-size: 13px;
  margin-right: 10px;
  text-decoration: none;
}

.popular-cat__row a:hover {
  text-decoration: underline;
}

.popular-cat__row__links {
  margin-left: 15px;
}

.main-404__img {
  text-align: center;
  padding-bottom: 30px;
  line-height: 0;
}

.main-404__title {
  font-size: 32px;
  font-family: 'Montserrat';
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.main-404 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.main-404__text {
  font-size: 20px;
  text-align: center;
  margin-top: 10px;
}

.new-items--5col {
  padding-bottom: 35px;
}

.new-items--5col .new-items__block {
  width: 204px;
  background: transparent;
  margin: 0;
}

.new-items--5col .new-items__block__top {
  padding: 0;
  padding-bottom: 12px;
}

.new-items--5col .new-items__title {
  height: 44px;
}

.new-items--5col .new-items__block__bot {
  padding: 15px;
  background: #fff;
}

.big-block {
  padding-top: 40px;
}

.big-block__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
  position: relative;
}

.big-block__wrapper picture {
  width: 100%;
}

.big-block__wrapper .banner-image {
  width: 100%;
  height: auto;
}

.big-block__wrapper:hover {
  opacity: 0.7;
}

.big-block__wrapper .opt-left-arrow {
  position: absolute;
  left: 0;
  display: none;
}

.big-block__wrapper .opt-right-arrow {
  position: absolute;
  right: -25px;
  display: none;
}

.big-block__arrow {
  line-height: 0;
  margin-right: 25px;
}

.big-block__text {
  font-size: 40px;
  font-family: Montserrat;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}

.top-3d .container {
  overflow: visible;
}

.popular-cat {
  margin-top: 20px;
}

.popular-cat .container {
  overflow: visible;
}

.filter .container {
  overflow: visible;
}

.filter__block--btn {
  right: 1px;
  bottom: -52px;
}

.new-items .container {
  overflow: visible;
}

.new-items--5col .new-items__arrow {
  display: none !important;
}

.about__bigtitle {
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 80px;
  line-height: 115%;
}

.about__title-2 {
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 70px;
}

.about__title {
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 55px;
}

.about__pretitle {
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 42px;
}

.about__pretitle-2 {
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 46px;
  color: #141e2a;
}

.about-header img {
  display: block;
  max-width: 100%;
}

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

.about__wrapper .about__ls,
.about__wrapper .about__rs {
  width: 48%;
}

.about-block {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 25px;
  margin-bottom: 40px;
}

.about-block .about-icon {
  width: 120px;
}

.about__text {
  font-size: 32px;
  line-height: 40px;
}

.about__text-2 {
  font-size: 22px;
  line-height: 28px;
}

.about__text-3 {
  font-size: 28px;
  line-height: 36px;
  width: 420px;
  color: #fff;
}

.about-block-text-wrapper a,
.about__text-3 a {
  text-decoration: none;
  color: var(--main-orange-color);
}

.about__text span {
  font-size: 70px;
}

.about__text--white {
  color: #fff;
}

.about__row {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

.about__row .icon {
  font-size: 50px;
  margin-right: 20px;
  color: var(--main-orange-color);
}

.about__row__text {
  font-size: 18px;
}

.about-header {
  padding-top: 65px;
  padding-bottom: 65px;
}

.about-header .about-header-wrapper {
  display: flex;
  align-items: center;
}

.about-header .header-icon-wrapper {
  width: 30%;
}

.about-header .header-text-wrapper {
  padding-left: 20px;
}

.about-repeatable-block {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 50px 0;
}

:nth-child(2 of .about-repeatable-block) {
  background-repeat: repeat;
  background-size: auto;
}

.about-repeatable-block .slider-wrapper {
  margin-top: 30px;
  padding: 10px;
  background: #fff;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  width: calc(100% - 40px);
}

.about-page-salon-slider {
  display: none;
}
.about-page-salon-slider .slide {
  padding: 20px 10px;
}

.about-page-salon-slider .slide .salon-link {
  text-decoration: none;
}

.about-page-salon-slider .slide .salon-title {
  color: var(--main-orange-color);
}

.about-page-salon-slider .slide .inner-wrapper {
  display: flex;
}

.about-page-salon-slider .slide .icon-wrapper {
  font-size: 25px;
  color: var(--main-orange-color);
  padding: 3px 10px 0 0;
}

/* .about-page-salon-slider .slick-next {
  right: -25px;
}

.about-page-salon-slider .slick-prev {
  left: -25px;
} */
.about-page-salon-slider .slick-next,
.about-page-salon-slider .slick-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}
.about-page-salon-slider .slick-next:before,
.about-page-salon-slider .slick-prev:before {
  font-size: 40px;
  color: var(--main-orange-color);
}

.about-banner {
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
  background: rgb(20 30 42 / 63%);
}

.about-banner .about-banner-left {
  display: flex;
  align-items: center;
  gap: 15px;
}

.about-banner .about-block__rs {
  background: rgb(20 30 42 / 63%);
  padding: 40px;
  border-radius: 15px;
}
.about-banner .about__wrapper {
  gap: 20px;
}
.about-banner .about__pretitle-2 {
  font-size: 20px;
  max-width: 200px;
}
.about-brand-logo {
  width: 300px;
}

.about-banner .banner-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cart__img {
  line-height: 0;
  position: relative;
  margin-right: 15px;
}

.cart__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px;
}

.cart__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 390px;
  margin-right: 15px;
}

.cart__in-box {
  width: 150px;
  margin-right: 15px;
  margin-top: 22px;
}

.cart__quantity {
  width: 170px;
  margin-right: 15px;
  margin-top: 20px;
}

.cart__close {
  width: 22px;
  height: 22px;
  cursor: pointer;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 28px;
}

.cart__close:hover span {
  background: #56565a;
}

.cart__close span {
  width: 22px;
  height: 2px;
  position: absolute;
  background: var(--main-orange-color);
  margin-top: 10px;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.cart__close span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cart__close span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.cart__title {
  font-weight: bold;
  font-size: 14px;
  color: #000;
  text-decoration: none;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.cart__title:hover {
  color: var(--main-orange-color);
}

.cart__text {
  font-size: 12px;
  color: #56565a;
}

.cart__text a {
  text-decoration: none;
  color: var(--main-orange-color);
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.cart__text a:hover {
  color: #000;
}

.cart__price .old {
  font-weight: bold;
  font-size: 14px;
  text-decoration: line-through;
}

.cart__price {
  font-size: 14px;
  width: 160px;
  margin-right: 15px;
  margin-top: 27px;
}

.cart__price b {
  font-weight: bold;
  font-size: 18px;
}

.cart__price .new {
  color: #ed4242;
}

.cart__input {
  width: 54px;
  height: 38px;
  border: 1px solid #d9d8d5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 5px;
  font-family: 'Open Sans';
  font-size: 14px;
}

.cart__price sup {
  vertical-align: super;
  font-size: smaller;
}

.cart__text span {
  color: #000;
}

.cart__bottom {
  height: 100px;
  background: #efefed;
}

.cart__bottom__row {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0px 20px;
}

.cart__block a {
  text-decoration: none;
  color: var(--main-orange-color);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.cart__block a:hover {
  color: #56565a;
}

.cart__block .icon {
  font-size: 8px;
  margin-right: 5px;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

.cart__block__total {
  font-weight: 700;
  font-family: 'Montserrat';
  font-size: 22px;
}

.cart__block__input {
  width: 192px;
  height: 37px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d9d8d5;
  padding-left: 10px;
  margin-right: 12px;
  color: #848487;
  opacity: 1;
  font-size: 14px;
  font-family: 'Open Sans';
}

.cart__block__submit {
  width: 170px;
  height: 37px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #56565a;
  border: 0;
  cursor: pointer;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.cart__block__submit:hover {
  background: var(--main-orange-color);
}

.cart__block__input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #848487;
  opacity: 1;
  font-size: 14px;
  font-style: italic;
  font-family: 'Open Sans';
}

.cart__block__input::-moz-placeholder {
  /* Firefox 19+ */
  color: #848487;
  opacity: 1;
  font-size: 14px;
  font-style: italic;
  font-family: 'Open Sans';
}

.cart__block__input:-ms-input-placeholder {
  /* IE 10+ */
  color: #848487;
  opacity: 1;
  font-size: 14px;
  font-style: italic;
  font-family: 'Open Sans';
}

.cart__block__input:-moz-placeholder {
  /* Firefox 18- */
  color: #848487;
  opacity: 1;
  font-size: 14px;
  font-style: italic;
  font-family: 'Open Sans';
}

.cart__block .scroll-to-payment {
  width: 100%;
  background: var(--main-orange-color);
  height: 40px;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  text-align: center;
  padding: 5px 10px;
  /* border-radius: 4px; */
  border: none;
}

.new-items__slider-2 .new-items__block {
  /* width: 204px; */
  width: 100%;
}

.new-items__slider-2 .new-items__block__top {
  padding: 0;
  padding-bottom: 15px;
}

.new-items__slider-2 .new-items__title {
  height: 44px;
}

.new-items__slider-2 .new-items__block__bot {
  padding: 15px;
}

/* .new-items__slider-2 .new-items__arrow {
  border-top: 100px solid transparent;
  border-bottom: 100px solid transparent;
  top: 80px;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
} */

/* .new-items__slider-2 .new-items__arrow--prev {
  border-right: 40px solid #efefed;
}

.new-items__slider-2 .new-items__arrow--next {
  border-left: 40px solid #efefed;
}

.new-items__slider-2 .new-items__arrow--prev:hover {
  border-right: 40px solid #e4e3e1;
}

.new-items__slider-2 .new-items__arrow--next:hover {
  border-left: 40px solid #e4e3e1;
} */

.cart-form__title {
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.cart-form__input {
  width: 100%;
  height: 37px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d9d8d5;
  padding-left: 14px;
  padding-right: 14px;
  color: #000;
  font-size: 14px;
  font-family: 'Open Sans';
}

.cart-form__textarea {
  width: 100%;
  height: 80px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d9d8d5;
  padding: 14px;
  color: #000;
  font-size: 14px;
  font-family: 'Open Sans';
  resize: none;
}

.cart-form__label {
  font-size: 14px;
  min-width: 110px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.cart-form__row {
  display: flex;
  align-items: center;
  margin-top: 25px;
}

.cart-form__row .form-elem-wrapper {
  width: 100%;
  position: relative;
}

.cart-form__row .form-elem-wrapper .error {
  padding: 0;
}

.cart-form__input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 1;
  color: #000;
  font-size: 14px;
  font-family: 'Open Sans';
}

.cart-form__input::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #000;
  font-size: 14px;
  font-family: 'Open Sans';
}

.cart-form__input:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1;
  color: #000;
  font-size: 14px;
  font-family: 'Open Sans';
}

.cart-form__input:-moz-placeholder {
  /* Firefox 18- */
  opacity: 1;
  color: #000;
  font-size: 14px;
  font-family: 'Open Sans';
}

.radio input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 10px 0 0 7px;
}

.radio__text {
  position: relative;
  padding: 0 0 0 25px;
  cursor: pointer;
  font-size: 14px;
}

.radio__text:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #b3b0aa;
  border-radius: 50%;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.radio__text:after {
  content: '';
  position: absolute;
  top: 8px;
  left: 6px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--main-orange-color);
  opacity: 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.radio input:checked + .radio__text:after {
  opacity: 1;
}

.radio input:checked + .radio__text:before {
  border: 1px solid var(--main-orange-color);
}

.cart-form__more {
  font-size: 11px;
  color: var(--main-orange-color);
  margin-left: 20px;
  cursor: pointer;
}

.cart-form__more b {
  font-weight: bold;
  font-size: 16px;
}

.cart-form__row--vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.cart-form__row--vertical .cart-form__label {
  margin-bottom: 10px;
}

.cart-form__block {
  margin-bottom: 60px;
}

.cart-form__ls {
  width: 520px;
}

.cart-form__rs {
  width: 460px;
}

.payment-option {
  display: flex;
  align-items: center;
  padding: 8px;
  gap: 8px;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 16px;
}
.payment-option:hover,
.payment-option.selected {
  background: #ffffe4;
  border: 1px solid #feca95;
}

.payment-option .payment-method-radio {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.payment-option .circle {
  position: relative;
  width: 15px;
  height: 15px;
  border: 1px solid #ee7600;
  border-radius: 100%;
  background: #fff;
}

.payment-option .circle-selected::after {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  background: #ee7600;
  border-radius: 100%;
  left: 5px;
  top: 5px;
}

.payment-option .label {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
}

.payment-option .label-wrapper {
  display: flex;
  gap: 20px;
}

.payment-option .text {
  display: flex;
  flex-direction: column;
  width: calc(100% - 50px);
  gap: 6px;
}

.payment-option .subtext {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #757576;
}

.payment-option .icons {
  display: flex;
  gap: 10px;
}

.payment-option .pay-badge-wrapper {
  margin: 0;
}

.payment-option .pay-badge {
  border: none;
  padding: 0;
}

.payment-option .pay-badge .icon-popup {
  width: 18px;
  height: 18px;
}

.payment-option .tooltip {
  left: unset;
  right: -23px;
}
.payment-option .pay-badge .tooltip .triangle {
  left: 92%;
}

.payment-options .error {
  padding-left: 0;
}

.cart-form__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cart-form__row--top_padding {
  margin-top: 38px;
}

.cart-form__row .checkbox__text:before {
  border: 1px solid #d9d8d5;
}

.cart-form__row .checkbox input:checked + .checkbox__text:before {
  border: 1px solid var(--main-orange-color);
}

.cart-form__submit {
  height: 47px;
  width: 100%;
  background: var(--main-orange-color);
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 48px;
  cursor: pointer;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.cart-form__submit:hover {
  background: #56565a;
}

.cart-form__row .checkbox {
  font-size: 13px;
}

.new-items__slider-2 {
  padding-bottom: 30px;
}

.contacts__block__title {
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 22px;
  margin-bottom: 21px;
}

.contacts__block__header {
  font-weight: bold;
  font-size: 16px;
}

.contacts__block__link {
  color: var(--main-orange-color);
  text-decoration: none;
  font-size: 14px;
}

.contacts__block__link.tel {
  font-size: 16px;
  color: #000;
}
.contacts__block__link.tel:not(:first-child),
.contacts__block__link.tel:not(:last-child) {
  margin-bottom: 10px;
}
.contacts__block__link.email,
.contacts__block__link.website {
  display: block;
  padding-top: 10px;
}

.contacts__block__row p,
.contacts__block__text {
  font-size: 14px;
  margin-bottom: 9px;
}

.contacts i {
  color: var(--main-orange-color);
}

.contacts__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 50px;
}

.contacts__ls {
  width: 530px;
  margin-right: 40px;
}

.contacts__rs {
  width: 555px;
}

.contacts__ls_first {
  width: 430px;
  margin-right: 40px;
}

.contacts__rs_first {
  width: 655px;
}

.contacts__rs_first iframe {
  border: none;
  width: 100%;
  height: 100%;
}

.contacts__nav {
  /*top: 30px;
	left: 0;*/
  width: 100%;
  max-width: 100%;
  margin-bottom: 9px;
  border: solid 1px #cccdce;
  background: 0 0;
  border-right: none;
  list-style: none;
  /*overflow: auto;
	position: absolute;*/
  text-align: left;
  display: inline-block;
  border-radius: 0px;
  z-index: 1;
  /*box-shadow: 0 0 20px 0 rgba(0,0,0,.15);*/
  border-bottom: none;
}

.contacts__nav-item {
  width: 100%;
  border-bottom: solid 1px #cccdce;
  border-right: solid 1px #cccdce;
  position: relative;
  display: inline-block;
}

.contacts__nav-item input[type='checkbox'] {
  display: none;
}

.contacts__nav-item
  input[type='checkbox']:checked
  ~ .contacts__info-item_accordion {
  border-bottom: solid 2px var(--main-orange-color);
}

.contacts__info-item {
  width: calc(100% - 20px);
  padding: 15px 0px 15px 20px;
  /*15px 20px 15px 30px*/
  text-decoration: none;
  position: relative;
  display: inline-block;
  background-color: #fff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.contacts__info-item:before,
.contacts__info-sublist-item:before {
  content: '';
  top: 50%;
  left: 20px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  border-radius: 32px;
  background-position: 7px 9px;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
}

.contacts__nav-item
  input[type='checkbox']:checked
  ~ .contacts__info-item_accordion:after {
  top: calc(50% - 2px);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.contacts__info-item_accordion:after {
  content: '';
  top: calc(50% - 8px);
  right: 32px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #9e9e9e;
  border-right: 2px solid #9e9e9e;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  transition: all 0.2s ease-out;
  will-change: transform;
  position: absolute;
}

.contacts__info-item-title {
  width: calc(100% - 100px);
  padding: 2px 0 0 50px;
  color: #333;
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.contacts__nav-item input[type='checkbox']:checked ~ .contacts__info-sublist {
  display: inline-block;
}

.contacts__info-sublist {
  width: 100%;
  background-color: #fbfbfb;
  display: none;
}

.contacts__info-sublist-item {
  width: calc(100% - 80px);
  padding: 10px 0 10px 80px;
  border-bottom: solid 1px #e6e6e4;
  display: inline-block;
  position: relative;
}

.contacts__info-sublist-item-no_pl {
  width: calc(100% - 30px);
  padding: 10px 0 10px 17px;
}

.contacts__info-sublist-item-fl {
  padding-top: 15px;
}

.contacts__info-sublist-item-no_title .contacts__block__title:first-child {
  margin: 10px 0 10px;
}

.contacts__info-sublist-item-no_title .contacts__block__title {
  font-weight: 500;
  font-size: 16px;
  margin: 35px 0 10px;
}

.contacts__info-sublist-item_original:before {
  margin-top: -22px;
  border: solid 2px #dadede;
  background-image: url();
}

.contacts__info-sublist-item_original:before {
  background-color: #fff;
}

.contacts__info-sublist-item-title {
  width: 100%;
  color: #262c3e;
  font-size: 16px;
  display: inline-block;
  position: relative;
}

.contacts__info-sublist-item-desc {
  width: 100%;
  padding: 4px 30px 4px 0;
  color: #4a555d;
  font-size: 14px;
  display: inline-block;
}

.contacts__info-sublist-item-hint {
  top: 50%;
  left: 100px;
  margin-top: -20px;
  padding: 6px 12px;
  border: solid 1px #cccdce;
  background: #fff;
  color: #777;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-out;
}

.contacts__info-sublist-item-hint:before {
  content: '';
  top: 7px;
  left: -8px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #fff;
  position: absolute;
  z-index: 1;
}

.contacts__info-sublist-item-hint:after {
  content: '';
  top: 6px;
  left: -9px;
  width: 0;
  height: 0;
  border-right: 8px solid #cccdce;
  border-top: 9px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
}

.contacts__info-item_subway-city .contacts__info-item-title:before {
  background-image: url(/assets/images/location-icon.jpg);
}

.contacts__info-item_subway-city .contacts__info-item-title-no_pl:before {
  background-image: none;
}

.contacts__info-sublist-item-no_pl:before {
  display: none;
}

.contacts__info-item-title:before {
  content: '';
  top: calc(50% - 10px);
  left: 0;
  width: 23px;
  height: 23px;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  position: absolute;
}

.contacts .icon-phone-2 {
  font-size: 15px;
  margin-right: 10px;
}

.contacts .icon-letter {
  font-size: 12px;
  margin-right: 10px;
}

.contacts__block__row {
  margin-bottom: 11px;
}
.contacts__block__row.flex {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.contacts__block {
  margin-bottom: 48px;
}

.contacts__block__row .icon-point {
  float: left;
  font-size: 18px;
  margin-right: 14px;
}

.contacts__block__row--space {
  margin-left: 27px;
}

.contacts__block__desc {
  font-size: 13px;
}

.contacts__rs__block {
  background: #efefed;
  padding: 42px 36px;
}

.contacts__rs__block iframe {
  border: none;
  width: 100%;
  height: 345px;
}

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

.contacts__block__text b {
  font-weight: bold;
}

.contacts__ls .contacts__block:last-child {
  margin-bottom: 0;
}

.contacts__map {
  border: 1px solid #d9d8d5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.contacts__rs__block .contacts__block {
  margin-bottom: 30px;
}

.advantagesSalon-hero {
  margin-bottom: 60px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}

.containerMain {
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}

.container-delete {
  margin-left: -15px;
  margin-right: -15px;
}

.advantagesSalon-hero__pic {
  margin-left: -30px;
  margin-right: -30px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}

.advantagesSalon-hero__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  padding: 0 0 50px;
}

.advantagesSalon-hero__col {
  margin: 50px 0;
}

.advantagesSalon-hero__name {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #fff;
  margin: 0 0 75px;
  text-align: right;
}

.advantagesSalon-hero__name-size {
  display: inline-block;
  margin-left: 9px;
  padding-left: 9px;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  border-left: 1px solid #beb5b0;
}

.advantagesSalon-hero__text {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 52px;
  color: #fff;
  margin-bottom: 90px;
  text-align: right;
  max-width: 600px;
  float: right;
}

.advantagesSalon-hero-address__name {
  font-family: Montserrat;
  font-style: normal;
  font-size: 14px;
  line-height: 14px;
  /*color: #ebe8e5;*/
  margin-bottom: 20px;
  /*padding-right: 260px;*/
  padding-left: 30px;
}

.advantagesSalon-hero-address__link {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 20px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #fff;
  background: var(--main-orange-color);
  border-radius: 10px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px 10px;
  text-decoration: none;
  margin: 0 0 10px 28px;
}

.advantagesSalon-hero-address__link .icon-address-marker {
  margin-right: 10px;
}

.icon-address-marker,
.icon-basket {
  background-image: url(/assets/images/ping-sprite.png);
  background-position: -535px 0;
  width: 8px;
  height: 12px;
}

.advantagesSalon-hero-popup {
  position: absolute;
  top: 30px;
  left: 0;
}

.advantagesSalon-hero-contact {
  width: 350px;
  background: #fff;
  border: 1px solid #ebe8e5;
  box-sizing: border-box;
}

.advantagesSalon-hero-contact__row {
  padding: 20px 30px 25px;
}

.advantagesSalon-hero-contact__title {
  text-transform: uppercase;
  padding: 0;
  font-weight: 700;
  letter-spacing: 0.07em;
  margin-bottom: 20px;
}

.advantagesSalon-hero-contact__phone,
.advantagesSalon-hero-contact__title,
.advantagesSalon-hero-contact__address {
  font-family: Montserrat;
  font-style: normal;
  font-size: 12px;
  line-height: 14px;
  color: #000;
}

.advantagesSalon-hero-contact__phone {
  font-weight: 400;
  letter-spacing: 0.04em;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 18px;
}

.advantagesSalon-hero-contact__mail {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.04em;
  color: #000;
}

.advantagesSalon-hero-contact__row.two {
  border-top: 1px solid #ebe8e5;
}

.advantagesSalon-hero-contact-jobtime {
  font-family: Montserrat;
  font-size: 13px;
  margin-left: -15px;
  margin-top: -15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.advantagesSalon-hero-contact-jobtime__item {
  display: -ms-flexbox;
  display: flex;
  margin-left: 15px;
  margin-top: 15px;
}

.advantagesSalon-hero-contact-jobtime__col.one {
  width: 60px;
}

.advantagesSalon-hero-contact-jobtime__col.two {
  border-left: 1px solid #beb5b0;
  padding-left: 15px;
}

.advantagesSalon-hero-mobile {
  display: none;
}

.advantages {
  margin-bottom: 60px;
}

.advantages__title {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 36px;
  color: #000;
  margin-bottom: 70px;
}

.advantages__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* margin-left: -60px; */
  /* margin-top: -50px; */
}

.salon-advantages-list {
  display: flex;
  flex-wrap: wrap;
  gap: 35px;
}

.salon-advantages-list .list-item {
  /* flex: 25%; */
  width: 20%;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #000;
  position: relative;
  padding-left: 25px;
  margin-bottom: 35px;
}
.salon-advantages-list .list-item::before {
  content: '';
  border-radius: 50%;
  position: absolute;
  width: 16px;
  height: 16px;
  box-shadow: inset 0 4px 40px rgba(0, 0, 0, 0.25);
  background: #56565a;
  left: 0;
}

.advantages__item {
  width: calc(25% - 60px);
  margin-left: 60px;
  margin-top: 50px;
}

.advantages__pic {
  border-radius: 50%;
  position: relative;
  width: 16px;
  height: 16px;
  overflow: hidden;
  box-shadow: inset 0 4px 40px rgba(0, 0, 0, 0.25);
  margin: 0 auto 20px;
  display: inline-block;
  vertical-align: top;
  margin-top: 7px;
  background: #56565a;
}

.advantages__pic-descr {
  display: inline-block;
  width: calc(100% - 60px);
  padding-left: 15px;
}

.advantages__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0.8;
  display: none;
}

.advantages__img,
.advantages__pic-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.advantages__pic-text {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 21px;
  color: #fff;
  white-space: nowrap;
  display: none;
}

.advantages__name {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #000;
  margin-bottom: 5px;
  /*text-align: center;*/
}

.advantages__text {
  margin-bottom: 10px;
  font-size: 13px;
  color: #000;
}

.advantages__link,
.advantages__text {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /*text-align: center;*/
}

.advantages__link {
  font-size: 12px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #8b8083;
}

.salon-text {
  padding: 0 0 30px;
  text-align: justify;
  font-size: 13px;
}

.salon-map {
  padding: 20px 0 50px;
}

.salon-map iframe {
  width: 100%;
  height: 440px;
  border: none;
}

.gallery {
  padding: 30px 0 30px;
  background: #56565a;
  margin-bottom: 60px;
}

.gallery__title {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 5px;
  color: #fff;
}

.gallery__description {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 36px;
  color: #fff;
  margin-bottom: 35px;
}

.gallery__pic {
  margin-bottom: 20px;
  max-height: 360px;
  overflow: hidden;
  display: block;
}

.gallery__img {
  width: 100%;
}

.gallery__name,
.gallery__text {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #beb5b0;
}

.gallery .slick-disabled {
  display: none !important;
}

.gallery .gallery__items__btn-left {
  right: calc(98% + 15px);
}

.gallery .gallery__items__btn-right {
  left: calc(98% + 15px);
}

.gallery .slick-slide {
  margin: 0 15px;
}

.gallery .gallery__items__btn {
  position: absolute;
  top: 45%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
  width: 50px;
  height: 50px;
  background: #000;
  border: 1px solid #fff;
  box-sizing: border-box;
  border-radius: 3px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}

.icon-slider-arrow-right,
.icon-slider-arrow-right-white {
  background-image: url(/assets/images/ping-sprite.png);
  background-position: -457px 0;
  width: 8px;
  height: 14px;
}

.gallery .gallery__items__btn-left .icon-slider-arrow-right-white {
  display: inline-block;
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -ms-transform-origin: center;
  transform-origin: center;
  position: relative;
  top: 2px;
}

.gallery__items {
  position: relative;
}

.bookmarks__wrapper {
  display: flex;
  justify-content: flex-start;
  gap: 55px;
  margin: 28px 0 20px;
}

.bookmarks__point {
  font-size: 16px;
  text-decoration: none;
  border-bottom: 1px dashed;
  color: #000;
  padding-bottom: 3px;
}

.bookmarks__point.active,
.bookmarks__wrapper a:hover {
  color: var(--main-orange-color);
}

.delivery__title {
  font-size: 30px;
  font-family: 'Montserrat';
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 30px;
}

.delivery__sub-title {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

.delivery__sub-title__ls .icon {
  color: var(--main-orange-color);
  font-size: 80px;
}

.delivery__sub-title__rs {
  padding-left: 20px;
}

.delivery__sub-title__rs h3 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 5px;
}

.delivery-subtitle-content {
  font-size: 14px;
}

.delivery__row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.delivery__table {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.delivery__tr {
  display: flex;
}

.delivery__th {
  width: 290px;
  height: 75px;
  background: #e4e3e1;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  padding-left: 20px;
  box-sizing: border-box;
  margin-right: 2px;
  margin-bottom: 4px;
}

.delivery__td {
  width: 290px;
  min-height: 75px;
  background: #efefed;
  font-size: 14px;
  display: flex;
  align-items: center;
  padding: 0 10px 0 20px;
  box-sizing: border-box;
  margin-right: 2px;
  margin-bottom: 2px;
}

.delivery__th:last-child,
.delivery__td:last-child {
  width: 360px;
}

.delivery__box {
  width: 455px;
  box-sizing: border-box;
  padding-left: 80px;
  padding-right: 30px;
  padding-top: 30px;
  background: #efefed;
}

.delivery__box__block h3 {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 7px;
}

.delivery__box__block p {
  font-size: 14px;
  margin-bottom: 10px;
}

.delivery__box__block p:last-child {
  margin-bottom: 0;
}

.delivery__box__block {
  margin-bottom: 30px;
}

.delivery__block {
  margin-bottom: 43px;
}

.delivery__block table {
  width: 100%;
  border: 1px solid #e4e3e1;
}

.delivery__block table th {
  width: 33.3%;
  height: 56px;
  background: #efefed;
  vertical-align: middle;
  border-right: 1px solid #e4e3e1;
  font-size: 13px;
  font-weight: bold;
}

.delivery__block table td {
  border-bottom: 1px solid #e4e3e1;
  border-left: 1px solid #e4e3e1;
  border-right: 1px solid #e4e3e1;
  height: 55px;
  vertical-align: middle;
  text-align: center;
  font-size: 13px;
}

.delivery__block p {
  font-size: 14px;
  margin-bottom: 12px;
}

.delivery__block p b {
  font-weight: bold;
}

.delivery__block p em {
  font-style: italic;
}

.delivery__block ol {
  list-style-type: decimal;
}

.delivery__block ol li {
  margin-left: 16px;
}

.delivery__block ol li::marker {
  font-size: 14px;
  font-weight: bold;
  color: var(--main-orange-color);
}

.delivery__block ol li {
  font-size: 14px;
  /* font-weight: 400; */
}

.delivery__block a {
  color: var(--main-orange-color);
  text-decoration: none;
}

.attention-block {
  display: flex;
  background: #efefed;
  padding: 25px 30px;
  align-items: center;
  margin-bottom: 50px;
}

.attention-block .icon-attention {
  color: var(--main-orange-color);
  margin-right: 20px;
  font-size: 24px;
}

.attention-title {
  color: var(--main-orange-color);
  font-size: 13px;
  font-weight: 700;
}

.attention-content {
  font-size: 13px;
  line-height: 16px;
  margin-top: 15px;
}

.pickup__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 30px;
}

.pickup__title h3 {
  font-size: 30px;
  font-family: 'Montserrat';
  font-weight: 700;
}

.pickup__title p {
  font-size: 18px;
  font-weight: bold;
}

.pickup__title .icon-pickup {
  font-size: 67px;
  color: var(--main-orange-color);
  transform: scaleX(-1);
  display: block;
  margin-bottom: 13px;
  margin-right: 20px;
}

.pickup__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 43px;
}

.pickup__address {
  display: flex;
  margin-left: 10px;
  margin-bottom: 25px;
}

.pickup__ls {
  width: 50%;
}

.pickup__address .icon-point {
  color: var(--main-orange-color);
  font-size: 18px;
  margin-right: 7px;
}

.pickup__address p {
  font-size: 14px;
}

.pickup__block h4,
.pickup__block h5,
.payment__block h4,
.payment__block h5 {
  font-weight: bold;
  font-size: 14px;
}

.pickup__block p,
.payment__block p {
  font-size: 14px;
  margin-bottom: 15px;
}

.pickup__block strong {
  font-weight: bold;
  font-size: 14px;
}

.pickup__block span {
  font-size: 14px;
}

.pickup__block.comment {
  margin-top: 10px;
  margin-bottom: 10px;
}

.pickup__rs {
  display: flex;
  gap: 20px;
  width: 50%;
}

.payment {
  padding-bottom: 40px;
}

.payment__title__block {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.payment__title__block h3 {
  font-size: 30px;
  font-family: 'Montserrat';
  font-weight: 700;
}

.payment__title__ls .icon {
  color: var(--main-orange-color);
  font-size: 50px;
}

.payment__title__ls {
  margin-right: 15px;
}

.payment__title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.payment__text {
  font-size: 14px;
}

.payment__block {
  margin-bottom: 25px;
}

.payment__block ul li {
  font-size: 14px;
  margin-top: 15px;
  margin-left: 15px;
}

.payment__block ul li:before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--main-orange-color);
  position: absolute;
  margin-top: 7px;
  margin-left: -15px;
}

.opt-head__wrapper {
  display: flex;
  justify-content: space-between;
}

.opt-head__top h1 {
  font-size: 46px;
  font-family: 'Montserrat';
  font-weight: 700;
}

.opt-head__top h1 {
  font-size: 46px;
  font-family: 'Montserrat';
  font-weight: 700;
}

.opt-head__top p {
  font-size: 18px;
  font-family: 'Montserrat';
  font-weight: 500;
}

.opt-head__ls {
  width: calc(100% - 380px);
  margin-right: 30px;
}

.opt-head__rs {
  width: 380px;
}

.opt-head__bot {
  /* height: 200px; */
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 50px;
}

.opt-head__bot__ls {
  width: calc(100% - 175px);
  position: relative;
  display: flex;
  align-items: center;
  transition: 0.3s all ease-out;
  text-decoration: none;
}
.opt-head__bot__ls-img {
  width: 100%;
  height: auto;
}

.opt-head__bot__ls:hover:before {
  background: #000;
}

.opt-head__bot__rs {
  width: 165px;
  display: flex;
  justify-content: center;
  background-color: #56565a;
  transition: 0.3s all ease-out;
  text-decoration: none;
}

.opt-head__bot__rs .opt-head__bot__rs__top:before {
  content: '';
  border: 13px solid transparent;
  border-left: 18px solid var(--main-orange-color);
  position: absolute;
  margin-top: 33px;
  margin-left: 12px;
  transition: 0.3s all ease-out;
}

.opt-head__bot__rs:hover .opt-head__bot__rs__top:before {
  content: '';
  border-left: 18px solid #fff;
}

.opt-head__bot__ls__left {
  position: relative;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
  margin-top: 40px;
}

.opt-head__bot__ls__right {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}

.opt-head__bot__ls__right h3 {
  font-weight: bold;
  font-size: 21px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.opt-head__bot__ls__right p {
  font-size: 14px;
  color: #fff;
}

.opt-head__bot__rs__bot h3 {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  margin: 10px 0;
}

.opt-head__form-block {
  background-color: var(--main-orange-color);
  padding: 20px;
  height: 100%;
  width: 90%;
}

.opt-head__form-block__wrapper iframe {
  border: 0;
  height: 300px;
  position: relative;
  width: 360px;
}

.opt-head__form-block__top {
  display: flex;
  margin-bottom: 15px;
}

.opt-head__form-block__top__right h3 {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 10px;
  line-height: 20px;
}

.opt-head__form-block__top__left {
  margin-right: 23px;
}

.opt-head__form-block__top__left img {
  display: block;
}

.opt-head__form__input {
  border: 1px solid #c26000;
  width: 100%;
  height: 37px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 12px;
  padding-left: 10px;
  padding-right: 10px;
}

.opt-head__form p {
  font-size: 14px;
  margin-bottom: 4px;
}

.opt-head__form__submit {
  width: 100%;
  border: 0;
  height: 43px;
  background-color: #56565a;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  margin-top: 15px;
  cursor: pointer;
  margin-bottom: 20px;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.opt-head__form__submit:hover {
  color: var(--main-orange-color);
}

.opt-head__form-block__bot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.opt-head__form-block__bot__left .icon {
  font-size: 55px;
}

.opt-head__form-block__bot__left {
  margin-right: 13px;
}

.opt-head__form-block__bot__right {
  font-size: 14px;
  font-weight: bold;
}

.opt-head__form-block__bot__right a {
  color: #000;
}

.opt-head {
  padding-top: 38px;
  padding-bottom: 57px;
  overflow: hidden;
  position: relative;
}

.opt-head:before {
  content: '';
  position: absolute;
  width: 200%;
  height: 300%;
  top: -100%;
  left: -50%;
  z-index: -1;
  background: url(../img/publ-bg.jpg) 0 0 repeat;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.opt-contacts__row {
  display: flex;
  justify-content: space-between;
}

.opt-contacts__block {
  width: 100%;
  margin-right: 30px;
  background-color: #efefed;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 25px 30px 35px;
}

.opt-contacts__block:last-child {
  margin-right: 0;
}

.opt-contacts__block h3 {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 22px;
}

.opt-contacts__block__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}

.opt-contacts__block__row .icon {
  color: var(--main-orange-color);
}

.opt-contacts__block__row .icon-point {
  font-size: 18px;
  margin-right: 22px;
  margin-top: 2px;
}

.opt-contacts__block__row .icon-phone-2 {
  font-size: 16px;
  margin-right: 19px;
  margin-top: 4px;
}

.opt-contacts__block__row .icon-letter {
  font-size: 13px;
  margin-right: 19px;
  margin-top: 4px;
}

.opt-contacts__block__right p {
  font-size: 13px;
}

.opt-contacts__block__right .phone {
  display: block;
  text-decoration: none;
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

.opt-contacts__block__right .time {
  font-size: 12px;
  margin-top: 7px;
}

.opt-contacts__block__right .mail {
  display: block;
  text-decoration: none;
  color: var(--main-orange-color);
  font-size: 13px;
}

.write-to-opt {
  background: #efefed;
  padding: 40px;
  margin-top: 30px;
}

.write-to-opt__header {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 25px;
}

.write-to-opt__wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.write-to-opt__ls {
  width: 290px;
  margin-right: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.write-to-opt__block > label {
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
}

.write-to-opt__select {
  height: 38px;
  border: 1px solid #d9d8d5;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
  width: 100%;
}

.write-to-opt__select span {
  font-size: 14px;
}

.write-to-opt__select .icon {
  color: #56565a;
  font-size: 8px;
  margin-top: 2px;
}

.write-to-opt__block {
  margin-bottom: 20px;
}

.write-to-opt__input {
  border: 1px solid #d9d8d5;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 38px;
  width: 100%;
  font-family: 'Open Sans';
}

.write-to-opt__input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000;
  opacity: 1;
  font-size: 14px;
  font-family: 'Open Sans';
}

.write-to-opt__input::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  opacity: 1;
  font-size: 14px;
  font-family: 'Open Sans';
}

.write-to-opt__input:-ms-input-placeholder {
  /* IE 10+ */
  color: #000;
  opacity: 1;
  font-size: 14px;
  font-family: 'Open Sans';
}

.write-to-opt__input:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
  opacity: 1;
  font-size: 14px;
  font-family: 'Open Sans';
}

.write-to-opt__rs {
  width: 100%;
}

.opt-error-msg {
  display: block;
}

.opt-error,
.cart-error {
  display: none;
}

.write-to-opt__textarea {
  border: 1px solid #d9d8d5;
  padding: 15px;
  box-sizing: border-box;
  height: 212px;
  width: 100%;
  font-family: 'Open Sans';
  resize: none;
  margin-top: 29px;
}

.write-to-opt__block:last-child {
  margin-bottom: 0;
}

.write-to-opt__textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000;
  opacity: 1;
  font-size: 14px;
  font-family: 'Open Sans';
}

.write-to-opt__textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  opacity: 1;
  font-size: 14px;
  font-family: 'Open Sans';
}

.write-to-opt__textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #000;
  opacity: 1;
  font-size: 14px;
  font-family: 'Open Sans';
}

.write-to-opt__textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
  opacity: 1;
  font-size: 14px;
  font-family: 'Open Sans';
}

.write-to-opt__checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 10px 0 0 20px;
}

.write-to-opt__checkbox + label {
  position: relative;
  padding: 0 0 0 26px;
  cursor: pointer;
  font-size: 13px;
  display: inline-block;
  margin-top: 8px;
}

.write-to-opt__checkbox + label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d9d8d5;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.write-to-opt__checkbox + label:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 6px;
  width: 6px;
  height: 6px;
  background: #fff;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.write-to-opt__checkbox:checked + label:after {
  background: #56565a;
}

.write-to-opt__submit {
  background: var(--main-orange-color);
  width: 290px;
  height: 36px;
  border: 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.write-to-opt__submit:hover {
  background: #54545a;
}

.opt-maps__wrapper {
  display: flex;
}

.opt-map-left {
  height: 100%;
}

.opt-maps__part {
  width: 48%;
  padding-top: 45px;
  overflow: hidden;
}

.opt-maps__part iframe {
  width: 100%;
  height: 100%;
  min-height: 416px;
  border: none;
}

.opt-maps__part:last-child {
  margin-right: 0;
}

.opt-maps__header {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.opt-maps__text {
  font-size: 13px;
  margin-bottom: 20px;
  min-height: 40px;
}

.opt-maps_right_wrapper {
  display: flex;
}

.sert__block {
  width: 165px;
  padding: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  margin-right: 30px;
  margin-bottom: 35px;
}

.certificate-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.sert {
  margin-top: 40px;
  padding-bottom: 25px;
  position: relative;
  overflow: hidden;
}

.sert:before {
  content: '';
  position: absolute;
  width: 200%;
  height: 300%;
  top: -100%;
  left: -50%;
  z-index: -1;
  background: url(../img/publ-bg.jpg) 0 0 repeat;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.sert__block__img img {
  width: 100%;
}

.sert__block__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #000;
  text-decoration: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sert__block__text {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 16px;
  margin-top: 2px;
}

.sert__block__img {
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sert__block__row .icon-download {
  color: var(--main-orange-color);
  font-size: 15px;
  margin-right: 10px;
}

.opt-maps__part iframe {
  display: block;
}

.page {
  padding-bottom: 75px;
}

.page > .container > h1 {
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 30px;
  text-transform: uppercase;
  padding-top: 32px;
  padding-bottom: 8px;
}

.page > .container > p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
  text-align: justify;
}

.page > .container > h2 {
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 28px;
  padding-top: 14px;
  padding-bottom: 8px;
}

.page__row {
  margin-top: 25px;
}

.page__row__img-col {
  line-height: 0;
  width: 458px;
  margin-right: 30px;
  display: inline;
  float: left;
}

.page__row__col p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
  text-align: justify;
}

.page > .container > h3 {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 35px;
  line-height: 22px;
  margin-bottom: 14px;
}

.page__gallery__col img {
  display: block;
  width: 100%;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.page__gallery__col {
  width: 262px;
  margin-right: 30px;
  position: relative;
  background: #000;
  cursor: pointer;
}

.page__gallery__col:hover img {
  opacity: 0.7;
}

.page__gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 35px;
}

.page__gallery__col:last-child {
  margin-right: 0;
}

.page__gallery__col__zoom {
  width: 60px;
  height: 60px;
  position: absolute;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page__gallery__col__zoom .icon {
  font-size: 25px;
  position: relative;
  z-index: 1;
}

.page__gallery__col__zoom:after {
  content: '';
  width: 42px;
  height: 42px;
  position: absolute;
  background: rgba(255, 255, 255, 0.6);
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.table-type-1 {
  width: 100%;
}

.table-type-1 caption {
  text-align: left;
  font-size: 28px;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 20px;
}

.table-type-1 th {
  text-align: left;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  background-color: #e4e3e1;
  border: 2px solid #fff;
  height: 75px;
  vertical-align: middle;
  padding-left: 20px;
  padding-right: 20px;
}

.table-type-1 td {
  font-size: 14px;
  background-color: #efefed;
  border: 2px solid #fff;
  height: 75px;
  vertical-align: middle;
  padding-left: 20px;
  padding-right: 20px;
}

.page ol {
  list-style-type: decimal;
  margin-bottom: 30px;
}

.page ol b {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 20px;
  display: block;
}

.page ol li {
  font-size: 14px;
  font-weight: bold;
  margin-left: 16px;
}
.page ol li::marker {
  color: var(--main-orange-color);
}

.page ol li p {
  font-weight: 400;
  color: #000;
  margin-bottom: 12px;
}

.page ul li {
  font-size: 14px;
  margin-top: 15px;
  margin-left: 15px;
}

.page ul li:before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--main-orange-color);
  position: absolute;
  margin-top: 7px;
  margin-left: -15px;
}

.page ul b {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 20px;
  display: block;
}

.page .attention-block {
  margin-bottom: 0;
}

.page ul {
  margin-bottom: 30px;
}

.filter-open {
  display: block;
}

.filter-close {
  display: none;
}

.filter__show-more .icon-triangle_up {
  font-size: 7px;
  vertical-align: middle;
  margin-right: 3px;
  display: inline-block;
  margin-bottom: 2px;
}

.filter.opened .closed-filter {
  display: none;
  margin-bottom: 35px;
}

.filter.opened .filter__block--opened {
  height: 163px;
  position: relative;
}

.filter__block__body__row .checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 10px 0 0 20px;
}

.filter__block--color .filter__block__body__row label {
  padding: 0 0 0 43px;
}

.filter__block__body__row label {
  padding: 0 0 0 25px;
  position: relative;
  cursor: pointer;
  font-size: 13px;
  display: inline-block;
  margin-top: 2px;
}

.filter__block__body__row .checkbox + label:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  width: 12px;
  height: 12px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #56565a;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.filter__block__body__row .checkbox + label:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 3px;
  width: 6px;
  height: 6px;
  background: #fff;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.filter__block__body__row .checkbox:checked + label:after {
  background: #56565a;
}

.filter__block__body__row label span {
  position: absolute;
  top: 3px;
  left: 25px;
  width: 12px;
  height: 12px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #56565a;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.filter__block__body__row label img {
  position: absolute;
  top: 3px;
  left: 25px;
  width: 12px;
  height: 12px;
  background: #fff;
  box-sizing: border-box;
  border: 1px solid #56565a;
  transition: 0.2s;
}

.filter__block__body__row a {
  text-decoration: none;
  color: inherit;
}

.filter__block__body__row {
  padding-left: 13px;
}

.filter__block--opened .filter__block__title__rs {
  display: none;
}

.filter:not(.opened) .opened-filter {
  display: none;
}

.filter.opened #filter_cat {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.filter.opened #filter_color {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.filter.opened #filter_purpose {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.filter.opened #filter_brands {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.filter.opened #filter_str-layout {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

.filter.opened #filter_layout {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}

.filter.opened #filter_country {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
}

.filter.opened #filter_spec {
  -webkit-box-ordinal-group: 15;
  -ms-flex-order: 14;
  order: 14;
}

.filter.opened #filter_size {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}

.filter.opened #filter_area {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}

.filter.opened #filter_price {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
}

.filter.opened #filter_par {
  -webkit-box-ordinal-group: 16;
  -ms-flex-order: 15;
  order: 15;
}

.filter.opened #filter_spukl {
  -webkit-box-ordinal-group: 17;
  -ms-flex-order: 16;
  order: 16;
}

.filter.opened #filter_tpupr {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.filter.opened #filter_lengcab {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.filter.opened #filter_typemont {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}

.filter.opened #filter_power {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
}

.filter.opened #filter_tvpo {
  -webkit-box-ordinal-group: 19;
  -ms-flex-order: 18;
  order: 18;
}

.filter:not(.opened) + .popular-cat .popular-cat__row__links {
  padding-right: 160px;
}

#size-width_slider-range,
#size-height_slider-range {
  margin: 8px 12px;
  height: 2px;
  border: 0;
  background: #56565a;
}

#size-width_slider-range.ui-slider .ui-slider-range,
#size-height_slider-range.ui-slider .ui-slider-range {
  background: var(--main-orange-color);
}

#size-width_slider-range .ui-state-default,
#size-height_slider-range .ui-state-default {
  outline: none;
  border-radius: 0;
  width: 0;
  height: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  top: 0px;
  background: transparent;
  cursor: pointer;
  border-top: 5px solid transparent;
  border-bottom: 5px solid var(--main-orange-color);
}

#size-width_slider-range .ui-state-default:nth-of-type(1),
#size-height_slider-range .ui-state-default:nth-of-type(1) {
  border-left: 5px solid transparent;
  border-right: 5px solid var(--main-orange-color);
  margin-left: -10px;
}

#size-width_slider-range .ui-state-default:nth-of-type(2),
#size-height_slider-range .ui-state-default:nth-of-type(2) {
  border-left: 5px solid var(--main-orange-color);
  border-right: 5px solid transparent;
  margin-left: 0px;
}

.filter.opened .filter__block--size {
  height: 215px;
  position: relative;
}

.filter__block__body > p {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 12px;
}

.filter__block__title--size {
  bottom: 0;
  margin-top: 17px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.filter__block--opened .filter__block__title--size .filter__block__title__rs {
  display: block;
}

.filter__block--opened
  .filter__block__title--size
  .filter__block__title__rs
  .icon-triangle_down {
  color: var(--main-orange-color);
}

#filter_size {
  overflow-y: visible;
  overflow-x: visible;
}

.filter-active-button {
  height: 21px;
  background-color: #fff;
  outline: 0;
  border-radius: 0;
  border: 1px solid #dadada;
  font-size: 14px;
  color: #a80000;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  outline: 0 !important;
  padding: 6px 12px;
  cursor: pointer;
}

.filter-active-button:after {
  content: '';
  display: inline-block;
  background-image: url(https://mosplitka.ru/local/templates/.default/components/bitrix/catalog.smart.filter/plitka_new/icons/down.png);
  width: 12px;
  height: 8px;
  position: absolute;
  top: 13px;
  right: 10px;
}

.filter-item .active:after {
  display: none !important;
}

.filter-item .active .m_reset-close {
  display: inline-block;
  position: absolute;
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path fill='%23ffffff' d='M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3L457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320L503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7L183.1 137.4z'/></svg>");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 33px;
  height: 100%;
  top: 0;
  right: 0;
  margin: 0;
  transition: all 0.3s;
  color: #fff;
}

.filter-active-button span {
  display: block;
  width: 85%;
  overflow: hidden;
  margin-right: 13px;
  color: #dadada;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.filter-item .active {
  background-color: #3c343f;
}

.filter-item .active .m_reset-close:hover {
  background-color: #555;
}

.filter-item .active span {
  color: #ffffff !important;
}

#filter_price .filter__block__body {
  padding: 15px;
  width: calc(100% - 30px);
}

.filter__block:not(.filter__block--opened) .filter__block__body,
.filter__block--size .filter__block__body:first-child {
  position: absolute;
  z-index: 3;
  background: #efefed;
  max-height: 263px;
  width: 100%;
  overflow: hidden;
  border: 1px solid #d9d8d5;
  margin-left: -1px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: none;
  -webkit-transition: 0.2s all ease-out;
  -o-transition: 0.2s all ease-out;
  transition: 0.2s all ease-out;
}

#filter_size .filter__block__body {
  max-height: unset !important;
}
.sizeBlock .filter__block__body {
  width: 94% !important;
  border-right: none !important;
}
.filter__block__body .filter__block__body {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.filter__block-hover .filter__block__body,
.filter__block--size2:hover .filter__block__body:last-child {
  display: block !important;
}

.filter-active-value {
  cursor: pointer;
}

.filter:not(.opened) .filter__block:hover .icon-triangle_down {
  color: var(--main-orange-color);
}

.filter__block__body__row label:hover:before {
  -webkit-box-shadow: 0px 0 0px 2px var(--main-orange-color);
  box-shadow: 0px 0 0px 2px var(--main-orange-color);
}

.filter__block--opened .filter__block__body {
  max-height: 125px;
  position: relative;
}

.filter:not(.opened) .filter__block--opened .filter__block__body {
  visibility: hidden;
  opacity: 0;
}

.filter:not(.opened) .filter__block--opened .filter__block__title--size {
  visibility: hidden;
  opacity: 0;
}

.filter__row.opened-filter {
  margin-top: -15px;
  margin-bottom: 35px;
}

.filter__row.closed-filter {
  margin-bottom: 35px;
}

.filter:not(.opened)
  .filter__block--opened
  .filter__block__title
  .filter__block__title__rs {
  display: block;
}

.filter:not(.opened) .filter__block--opened .filter__block__body {
  position: absolute;
  z-index: 2;
  background: #efefed;
  max-height: 263px;
  width: 260px;
  overflow: hidden;
  border: 1px solid #d9d8d5;
  margin-left: -1px;
  padding-top: 5px;
  padding-bottom: 5px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.2s all ease-out;
  -o-transition: 0.2s all ease-out;
  transition: 0.2s all ease-out;
}

.filter:not(.opened) .filter__block--size .filter__block__body:last-child {
  margin-top: -52px;
}

.header-cc .wrapper--title {
  padding-bottom: 0;
}

.cc {
  padding-top: 20px;
}

.cc__top {
  border-top: 2px solid #e8e8e4;
  padding-top: 16px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cc__top div i,
.cc__found {
  font-size: 14px;
}

.cc__found .link-1 {
  font-weight: bold;
  font-size: 20px;
  color: #000;
  text-decoration: none;
  border-bottom: 1px dashed;
  margin-left: 5px;
  margin-right: 5px;
  -webkit-transition: 0.2s all ease-out;
  -o-transition: 0.2s all ease-out;
  transition: 0.2s all ease-out;
}

.cc__found .link-2 {
  font-weight: bold;
  font-size: 20px;
  color: #000;
  text-decoration: none;
  border-bottom: 1px dashed;
  margin-left: 5px;
  margin-right: 5px;
  -webkit-transition: 0.2s all ease-out;
  -o-transition: 0.2s all ease-out;
  transition: 0.2s all ease-out;
}

.filterActive {
  color: var(--main-orange-color) !important;
}

.cc__sort {
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cc__sort__text {
  margin-right: 5px;
}

.cc__sort__select {
  width: 211px;
  height: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d9d8d5;
  position: relative;
  background: #fff;
}

.cc__sort__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 7px;
  padding-right: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  cursor: pointer;
}

.cc__sort__title__rs .icon-triangle_down {
  color: #56565a;
  font-size: 8px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.cc__sort__list {
  display: none;
  position: absolute;
  background: #fff;
  width: 100%;
  z-index: 10;
  border: 1px solid #d9d8d5;
  border-top: 0;
  margin-left: -1px;
  -webkit-transition: 0.2s all ease-out;
  -o-transition: 0.2s all ease-out;
  transition: 0.2s all ease-out;
}

.cc__sort__select:hover .icon-triangle_down {
  color: var(--main-orange-color);
}

.cc__sort__list__part {
  line-height: 28px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-transition: 0.2s all ease-out;
  -o-transition: 0.2s all ease-out;
  transition: 0.2s all ease-out;
}

.cc__sort__list__part:hover {
  background-color: #e8e8e4;
}

.cc__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav__number {
  font-size: 14px;
  line-height: 22px;
  display: inline-block;
  background-color: #efefed;
  padding-left: 7px;
  padding-right: 7px;
  text-decoration: none;
  color: #000;
  -webkit-transition: 0.2s all ease-out;
  -o-transition: 0.2s all ease-out;
  transition: 0.2s all ease-out;
}

.nav__active {
  background: var(--main-orange-color) !important;
  color: #fff !important;
}

.nav__number.nav__number--dots {
  padding-left: 17px;
  padding-right: 17px;
}

.nav__number:hover {
  background: var(--main-orange-color);
}

.nav__next {
  text-decoration: none;
  color: var(--main-orange-color);
  font-size: 10px;
  margin-left: 14px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.nav__last {
  text-decoration: none;
  color: var(--main-orange-color);
  font-size: 10px;
  margin-left: 10px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.nav__last .icon-triangle_right:after {
  content: '\e908';
}

.cc__found .link-1:hover {
  color: var(--main-orange-color);
}

.cc__found .link-2:hover {
  color: var(--main-orange-color);
}

.nav__next i,
.nav__last i {
  -webkit-transition: 0.2s all ease-out;
  -o-transition: 0.2s all ease-out;
  transition: 0.2s all ease-out;
}

.nav__next:hover i,
.nav__last:hover i {
  color: #56565a;
}

.cc__middle {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.cc__middle > em {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.cc__middle .new-items__block__top {
  background: #efefed !important;
  padding: 10px 6px;
}

.cc__middle .new-items__block__bot {
  background: #efefed;
}

.cc__nav__show-more {
  position: absolute;
  width: 145px;
  height: 20px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.cc__nav__show-more a {
  text-decoration: none;
  color: var(--main-orange-color);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 0 9px;
}

.cc__nav__show-more a i {
  font-size: 7px;
}

.cc__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-bottom: 40px;
}

.cco-top__slider__dots .slick-dots {
  bottom: auto;
}

.cco-top__slider__dots .slick-dots li {
  width: 131px;
  margin: 0;
  height: 98px;
  margin-bottom: 7px;
  display: block;
  background: #000;
}

.cco-top__slider__dots .slick-dots li button {
  padding: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  -webkit-transition: 0.2s all ease-out;
  -o-transition: 0.2s all ease-out;
  transition: 0.2s all ease-out;
}

.cco-top__slider__dots .slick-dots li button:before {
  display: none;
}

.cco-top__slider {
  width: 720px;
}

.cco-top__slider .slick-active img {
  max-width: 100%;
}

.cco-top__slider .slick-list {
  width: 555px;
}

.cco-top__slider .slick-slide > img {
  width: 100%;
}

.cco-top__slider__dots {
  position: absolute;
  width: 149px;
  bottom: auto;
  top: 0;
  left: 562px;
  height: 415px;
}

.cco-top__slider__dots .slick-dots li:last-child {
  margin-bottom: 0;
}

.cco-top__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cco-top__wrapper .collapsible {
  display: flex;
  justify-content: center;
}

.cco-top__wrapper .btn-collapse-characteristics,
.filter-collapse-btn .btn-collapse-filter {
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 10px;
  color: #000;
  font-size: 15px;
  font-weight: bold;
}

.cco-top__wrapper .btn-collapse-characteristics.opened svg {
  rotate: 180deg;
}

.cco-top__ls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

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

.cco-top__rs {
  padding: 35px 30px;
}

.cco-top__block {
  font-size: 13px;
  line-height: 18px;
}

.cco-top__title {
  font-size: 16px;
  text-transform: uppercase;
  color: var(--main-orange-color);
  font-weight: bold;
  margin-bottom: 15px;
}

.cco-top__row .cco-top__block:first-child {
  width: 105px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.cco-top__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}

.cco-top__block--orange {
  color: var(--main-orange-color);
}

.cco-top__block--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cco-top__block--flex .icon-point {
  color: var(--main-orange-color);
  font-size: 18px;
  margin-right: 13px;
}

.cco-top__slider__dots .slick-dots li button:hover {
  opacity: 0.5;
}

.cco-top__block .text p {
  margin-bottom: 8px;
}

.cco-top__block .text p:last-child {
  margin-bottom: 0px;
}

.cco-top__block .btn-3d,
.cco-top__block .btn-callback {
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  height: 80px;
  width: 210px;
  margin: 20px auto 0;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border: none;
  cursor: pointer;
  background: var(--main-orange-color);
}

.cco-top__block .btn-3d :hover {
  background: #56565a;
  color: #fff;
}

.coo-top__slider__zoom {
  position: absolute;
  bottom: 20px;
  right: 20px;
  color: #fff;
  font-size: 25px;
  text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.5);
  text-decoration: none;
  outline: none;
}

.coo-top__slider__zoom:hover {
  color: var(--main-orange-color);
}

.ccc__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 15px;
  border-bottom: 2px solid #e8e8e4;
}

.ccc__colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ccc__title {
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 28px;
  text-transform: uppercase;
}

.ccc__colors__title {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  margin-right: 10px;
}

.ccc__colors__all {
  font-size: 12px;
  color: #000;
  text-decoration: none;
  width: 189px;
  height: 23px;
  border: 1px solid #d9d8d5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ccc__colors__all:hover {
  -webkit-box-shadow: 0 0 0 4px #5e5e5e;
  box-shadow: 0 0 0 4px #5e5e5e;
}

.ccc__colors__all img {
  margin-right: 12px;
}

.ccc__colors__part {
  width: 49px;
  height: 23px;
  display: block;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 2px solid #ffffff;
}

.ccc__colors__part:hover {
  -webkit-box-shadow: 0 0 0 4px #5e5e5e;
  box-shadow: 0 0 0 4px #5e5e5e;
}

.ccc__colors__wrapper {
  display: flex;
  flex-wrap: wrap;
}

.ccc__colors__part.checked {
  /*background-image: url(../img/check_white.png);
    background-repeat: no-repeat;
    background-position: 6px center;*/
  border: 2px solid #333;
}

.ccc__colors__part.checked[style*='#ffffff'] {
  background-image: url(../img/check.png);
  background-repeat: no-repeat;
  background-position: 6px center;
}

.ccc__types__all {
  font-size: 12px;
  color: #000;
  text-decoration: none;
  border: 1px solid #d9d8d5;
  padding: 5px;
  margin-right: 5px;
}

.ccc__types__all:hover {
  -webkit-box-shadow: 0 0 0 4px #5e5e5e;
  box-shadow: 0 0 0 4px #5e5e5e;
}

.ccc__types__all img {
  margin-right: 12px;
}

.ccc__types__part {
  font-size: 12px !important;
  color: #000;
  text-decoration: none;
  border: 1px solid #d9d8d5;
  padding: 5px;
  margin-right: 5px;
}

.ccc__types__part:hover {
  -webkit-box-shadow: 0 0 0 4px #5e5e5e;
  box-shadow: 0 0 0 4px #5e5e5e;
}

.ccc__types__part.checked,
.ccc__types__all.checked {
  border: 2px solid var(--main-orange-color);
}

.ccc__types__part.checked[style*='#ffffff'],
.ccc__types__all.checked[style*='#ffffff'] {
  background-image: url(../img/check.png);
  background-repeat: no-repeat;
  background-position: 6px center;
}

#top3Dclose {
  display: block;
  text-decoration: none;
  font-size: 16px;
  position: absolute;
  top: 5px;
  right: 5px;
}

.ccc__title-types {
  max-width: 540px;
}

.ccc__title-types .ccc__colors__title {
  padding-bottom: 5px;
}

.ccc__body__title {
  font-weight: bold;
  font-size: 22px;
  padding-top: 25px;
  padding-bottom: 20px;
}

.ccc__body__img {
  position: absolute;
  line-height: 0;
  width: 133px;
  text-align: center;
}

.ccc__body__img img {
  border: 1px solid #dad9d6;
}

.ccc__body__block {
  width: 48.5%;
  padding: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #efefed;
  margin-bottom: 3%;
}

.ccc__body__block__title {
  margin-left: 160px;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #000;
  text-decoration: none;
  display: block;
}

.ccc__body__block__title:hover {
  color: var(--main-orange-color);
}

.ccc__body__block__size {
  margin-left: 160px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}

.ccc__body__block__text {
  margin-left: 160px;
  color: #56565a;
  font-size: 12px;
}

.ccc__body__block__text--orange {
  color: var(--main-orange-color);
}

.ccc__body__block__price {
  display: flex;
  margin-bottom: 10px;
  margin-top: 10px;
  justify-content: center;
  align-items: center;
  min-height: 42px;
}

.ccc__body__block__price p {
  font-size: 14px;
}

.ccc__body__block__price span {
  font-size: 18px;
  font-weight: bold;
}

.ccc__body__block__price small {
  font-size: 12px;
}

.ccc__body__block__price small.old {
  font-weight: bold;
  text-decoration: line-through;
}

.ccc__body__block__price i {
  color: #ed4242;
}

.ccc__body__row {
  display: flex;
  align-items: center;
}

.ccc__body__question {
  position: relative;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.984375" y="0.5" width="15" height="15" rx="7.5" stroke="%23DE7F11"/><path d="M7.23633 10.1582V9.72461C7.23633 9.45898 7.27344 9.22461 7.34766 9.02148C7.42188 8.81445 7.54102 8.61914 7.70508 8.43555C7.86914 8.24805 8.08594 8.05664 8.35547 7.86133C8.59766 7.68945 8.79102 7.53516 8.93555 7.39844C9.08398 7.26172 9.19141 7.12695 9.25781 6.99414C9.32812 6.85742 9.36328 6.70312 9.36328 6.53125C9.36328 6.27734 9.26953 6.08398 9.08203 5.95117C8.89453 5.81836 8.63281 5.75195 8.29688 5.75195C7.96094 5.75195 7.62695 5.80469 7.29492 5.91016C6.9668 6.01562 6.63281 6.1543 6.29297 6.32617L5.6543 5.04297C6.04492 4.82422 6.46875 4.64844 6.92578 4.51562C7.38281 4.37891 7.88281 4.31055 8.42578 4.31055C9.26172 4.31055 9.9082 4.51172 10.3652 4.91406C10.8262 5.3125 11.0566 5.82031 11.0566 6.4375C11.0566 6.76562 11.0039 7.05078 10.8984 7.29297C10.7969 7.53125 10.6406 7.75391 10.4297 7.96094C10.2227 8.16406 9.96289 8.37891 9.65039 8.60547C9.41602 8.77734 9.23633 8.92188 9.11133 9.03906C8.98633 9.15625 8.90039 9.27344 8.85352 9.39062C8.81055 9.50391 8.78906 9.64258 8.78906 9.80664V10.1582H7.23633ZM7.04883 12.1621C7.04883 11.7949 7.14844 11.5371 7.34766 11.3887C7.55078 11.2402 7.79492 11.166 8.08008 11.166C8.35742 11.166 8.5957 11.2402 8.79492 11.3887C8.99805 11.5371 9.09961 11.7949 9.09961 12.1621C9.09961 12.5137 8.99805 12.7676 8.79492 12.9238C8.5957 13.0801 8.35742 13.1582 8.08008 13.1582C7.79492 13.1582 7.55078 13.0801 7.34766 12.9238C7.14844 12.7676 7.04883 12.5137 7.04883 12.1621Z" fill="%23EE7600"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.ccc__body__question-block {
  display: none;
  position: absolute;
  width: 255px;
  box-sizing: border-box;
  color: #56565a;
  font-size: 12px;
  line-height: 16px;
  padding: 25px;
  background: #efefed;
  z-index: 1;
  -webkit-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.1);
  padding: 10px;
  margin-top: -95px;
}
.ccc__body__input {
  width: 84px;
  height: 37px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #d9d8d5;
}

.ccc__body__form {
  font-size: 12px;
  width: 100%;
}

.ccc__body__form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.error-msg {
  display: none;
  position: absolute;
  color: #c00;
  margin-top: 33px;
}

.productInputs {
  position: relative;
}

.ccc__body__submit {
  width: 160px;
  border: 0;
  background: #56565a;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 37px;
  cursor: pointer;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.ccc__body__submit .icon-cart_fill {
  font-size: 25px;
  margin-right: 10px;
}

.ccc__body__form sup {
  vertical-align: super;
  font-size: smaller;
}

.ccc__body__form.error .ccc__body__input {
  border-color: #ed4242;
}

.ccc__body__form.error .error-msg {
  display: block;
  font-size: 11px;
  color: #ed4242;
  margin-top: 30px;
}

.cart-form__row .ccc__body__question-block {
  margin-left: 330px;
}

.cart-form__more:hover + .ccc__body__question-block {
  display: block;
}

.ccc__body__question:hover {
  color: var(--main-orange-color);
}

.ccc__body__question:hover + .ccc__body__question-block {
  display: block;
}

.ccc__body__submit:hover {
  background: #ee7900;
}

.ccc__body__wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: space-between;
  width: 100%;
  margin-top: 30px;
}

.cco-desc__header {
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: 'Montserrat';
  padding-top: 50px;
  padding-bottom: 20px;
}

.cco-desc__body p {
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 10px;
  text-align: justify;
}

.cco-desc__body p:last-child {
  margin-bottom: 0;
}

.cco-desc__body {
  padding-bottom: 30px;
}

.cco-salonlist h4 {
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
}

.cco-salonlist ul li {
  margin-top: 10px;
  font-size: 14px;
}

.cco-salonlist ul li i {
  color: var(--main-orange-color);
}

.cco-salonlist a {
  text-decoration: none;
  font-weight: 700;
}

.cco-salonlist a:hover span {
  text-decoration: underline;
}

.price-d1 {
  background: #ffac14;
  width: 100%;
  padding: 5px;
  border: none;
  margin: 5px 0 10px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
}

.nav__number.active {
  background: var(--main-orange-color);
  color: #fff;
}

.cpo-top__ls {
  position: relative;
  line-height: 0;
}

.cpo-top__text {
  font-size: 13px;
}

.cpo-top__title {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--main-orange-color);
  text-decoration: none;
}

.cpo-top__text a {
  color: #000;
  text-decoration: none;
}

.cpo-top__text a:hover {
  text-decoration: underline;
}

.cpo-top__row .ColorLink {
  color: #000;
  text-decoration: none;
}

.cpo-top__row .ColorLink:hover {
  text-decoration: underline;
}

.cpo-top__row .ColorLink img {
  width: 10px;
  height: 10px;
  border: #333 1px solid;
  margin-right: 4px;
}

.cpo-top__row b {
  font-weight: 700;
}

.cpo-top__header {
  margin-bottom: 15px;
}

.cpo-top__block {
  margin-bottom: 15px;
}

.cpo-top__row {
  font-size: 13px;
  margin-bottom: 5px;
}

.cpo-top__row span.color {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #56565a;
  vertical-align: middle;
  margin-bottom: 1px;
}

.product-block {
  display: flex;
  flex-wrap: wrap;
}

.product-details,
.product-options {
  width: calc((100% - 400px) / 2);
  box-sizing: border-box;
  padding: 40px;
}

.product-options {
  background: #e8e7e5;
  position: relative;
}

.product-options:before {
  content: '';
  border-top: 200px solid transparent;
  border-bottom: 200px solid transparent;
  border-right: 40px solid #e8e7e5;
  margin-left: -40px;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.cpo-top__bigtext {
  font-weight: bold;
  font-size: 18px;
}

.cpo-top__text.orange {
  color: var(--main-orange-color);
}

.cpo-top__bigtext.old {
  text-decoration: line-through;
}

.cpo-top__price {
  font-size: 20px;
  line-height: 0;
}

.cpo-top__price.new {
  color: #f03d3d;
}

.cpo-top__price .big {
  font-size: 24px;
  font-weight: bold;
}

.cpo-top__input {
  width: 68px;
  height: 35px;
  border: 1px solid #d9d8d5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 5px;
  padding-right: 5px;
}

.cpo-top__row sup {
  vertical-align: super;
  font-size: smaller;
}

.cpo-top__question {
  color: #868689;
  font-size: 11px;
  cursor: pointer;
  margin-top: 20px;
  margin-bottom: 15px;
}

.cpo-top__question:hover {
  color: var(--main-orange-color);
}

.cpo-top__question span {
  font-weight: bold;
  color: var(--main-orange-color);
  font-size: 16px;
  line-height: 0;
  vertical-align: middle;
}

.cpo-top__question-block {
  position: absolute;
  display: none;
  width: 290px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #56565a;
  font-size: 12px;
  line-height: 16px;
  padding: 25px;
  background: #efefed;
  z-index: 1;
  -webkit-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.1);
  left: -270px;
  top: 155px;
}

.cpo-top__question:hover + .cpo-top__question-block {
  display: block;
}

.cpo-top__row .total {
  font-weight: bold;
  font-size: 18px;
}

.cpo-top__row small {
  font-size: 14px;
  margin-right: 5px;
}

.cpo-top__form.error .error-msg {
  display: block;
  font-size: 11px;
  color: #ed4242;
  margin-top: -5px;
}

.cpo-top__form.error .cpo-top__input {
  border-color: #ed4242;
}

.cpo-top__submit:hover {
  background: #ee7900;
}

.cpo-top__submit {
  width: 100%;
  border: 0;
  background: #56565a;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 37px;
  cursor: pointer;
  margin-top: 20px;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.cpo-top__submit .icon-cart_fill {
  font-size: 25px;
  margin-right: 10px;
}

.cpc__top {
  padding-top: 50px;
  padding-bottom: 15px;
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 28px;
  text-transform: uppercase;
}

.cpc .ccc__body__block__title {
  margin-bottom: 0;
}

.cpc .ccc__body__block {
  margin-bottom: 30px;
}

.cp-slider .new-items__arrow {
  top: 70px;
}

.pattern {
  position: relative;
  overflow: hidden;
}

.pattern:before {
  content: '';
  position: absolute;
  width: 200%;
  height: 300%;
  top: -100%;
  left: -50%;
  z-index: -1;
  background: url(../img/publ-bg.jpg) 0 0 repeat;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.items-whitebg .new-items__block__bot {
  background: #efefed;
}

.cpo-top__ls img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.belleza-top {
  height: 740px;
  background-image: url('../img/manufacturers/belleza/main.jpg');
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-position: center;
}

.belleza__logo {
  line-height: 0;
}

.belleza-underline {
  height: 34px;
  background: url('../img/manufacturers/belleza/underline.jpg');
}

.belleza-desc__title {
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 32px;
  text-transform: uppercase;
  text-align: center;
  color: #05154e;
  padding-top: 80px;
  padding-bottom: 35px;
}

.belleza-desc__text {
  font-size: 16px;
  text-align: center;
  max-width: 855px;
  margin: 0 auto;
  line-height: 24px;
}

.belleza__more {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 70px;
}

.belleza__more a {
  color: #05154e;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: middle;
}

.belleza__more .icon {
  font-size: 7px;
  vertical-align: top;
  margin-right: 3px;
}

.belleza__more span {
  text-decoration: underline;
}

.belleza-desc {
  background: url('../img/manufacturers/belleza/bg1.jpg');
  background-size: cover;
}

.belleza-products {
  background: url('../img/manufacturers/belleza/bg2.jpg');
}

.belleza-products .title,
.belleza-products .popular-cat__header,
.belleza-products .popular-cat__row a,
.belleza-products .cc__found span,
.belleza-products .cc__found .link-2,
.belleza-products .cc__found .link-1:hover,
.belleza-products .cc__sort__text,
.belleza-products .sale-items__title {
  color: #fff;
}

.belleza-products .cc__found .link-2:hover {
  color: var(--main-orange-color);
}

.belleza-products .new-items__block__bot {
  background: none !important;
  color: #fff !important;
}

.belleza-products .new-items__block__bot a {
  color: #fff !important;
}

.belleza-products .new-items__block {
  background: rgba(230, 230, 230, 0.3) !important;
}

.kerama-top {
  background-image: url('../img/manufacturers/kerama/main-2.jpg');
  background-size: cover;
  background-position: center;
}

.kerama__logo {
  padding-top: 100px;
  line-height: 0;
  text-align: center;
}

.kerama__labels {
  max-width: 810px;
  margin: 0 auto;
  font-style: italic;
  font-size: 18px;
  text-align: center;
  margin-top: 55px;
  margin-bottom: 55px;
}

.kerama__label {
  color: #fff;
  text-decoration: none;
  background: #000;
  display: inline-block;
  height: 38px;
  line-height: 38px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 4px;
}

.kerama__label--all {
  background: #325a8b;
  padding-left: 20px;
  padding-right: 20px;
}

.kerama-products .filter {
  background: #325a8b;
}

.kerama-products .popular-cat {
  background: #325a8b;
  padding-bottom: 20px;
}

.kerama-products .filter__wrapper {
  margin-top: 0;
  padding-top: 20px;
}

.kerama-products .cc__top {
  border-top: 0;
}

.kerama-products .popular-cat__row a {
  color: #c2d3e8;
}

.kerama-products .popular-cat__header {
  color: #a9bdd7;
}

.kerama-products .cc {
  background: url('../img/manufacturers/kerama/bg1-4.jpg');
}

.kerama-products .cc__found span,
.kerama-products .cc__found .link-2,
.kerama-products .cc__found .link-1:hover,
.kerama-products .cc__sort__text {
  color: #fff;
}

.kerama-products .cc__found .link-2:hover {
  color: var(--main-orange-color);
}

.kerama-products .popular-cat__row {
  margin-top: 0;
  padding-top: 15px;
}

.kerama__mob-block {
  display: none;
}

.kerama-products .new-items__block__bot {
  background: none !important;
  color: #fff !important;
}

.kerama-products .new-items__block__bot a {
  color: #fff !important;
}

.kerama-products .new-items__block {
  background: rgba(230, 230, 230, 0.3) !important;
}

.nefrit-top {
  height: 740px;
  background-image: url('../img/manufacturers/nefrit/main.jpg');
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-position: center;
}

.nefrit__logo {
  line-height: 0;
}

.nefrit-underline {
  height: 34px;
  background: url('../img/manufacturers/nefrit/underline.jpg');
}

.nefrit-desc__title {
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 32px;
  text-transform: uppercase;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 35px;
}

.nefrit-desc__text {
  font-size: 16px;
  text-align: center;
  max-width: 855px;
  margin: 0 auto;
  line-height: 24px;
}

.nefrit__more {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 70px;
}

.nefrit__more a {
  color: #178c6c;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: middle;
}

.nefrit__more .icon {
  font-size: 7px;
  vertical-align: top;
  margin-right: 3px;
}

.nefrit__more span {
  text-decoration: underline;
}

.nefrit-desc {
  background: url('../img/manufacturers/nefrit/bg1.jpg');
  background-size: cover;
}

.nefrit-products {
  background: url('../img/manufacturers/nefrit/bg2.jpg');
}

.nefrit-products .title,
.nefrit-products .popular-cat__header,
.nefrit-products .popular-cat__row a,
.nefrit-products .cc__found span,
.nefrit-products .cc__found .link-2,
.nefrit-products .cc__found .link-1:hover,
.nefrit-products .cc__sort__text {
  color: #fff;
}

.nefrit-products .cc__found .link-2:hover {
  color: var(--main-orange-color);
}

.nefrit-products .new-items__block__bot {
  background: none !important;
  color: #fff !important;
}

.nefrit-products .new-items__block__bot a {
  color: #fff !important;
}

.nefrit-products .new-items__block {
  background: rgba(230, 230, 230, 0.3) !important;
}

.estima-top {
  height: 473px;
  background-image: url('../img/manufacturers/estima/main.jpg');
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-position: center;
}

.estima__logo {
  line-height: 0;
  padding-top: 30px;
}

.estima-products {
  background-image: url('../img/manufacturers/estima/bg.jpg');
}

.p-form__select {
  position: absolute;
  width: 100%;
  margin-top: -16px;
  border: 1px solid #d9d8d5;
  border-top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}

.clock-select {
  z-index: 100;
}

.p-form__block form {
  position: relative;
}

.p-form__value {
  height: 37px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  color: #56565a;
  font-size: 13px;
  background: #fff;
  line-height: 37px;
  cursor: pointer;
}

.p-form__value.active {
  display: none;
}

.p-form__select:hover {
  display: block;
}

.p-form__value:hover {
  background: #efefed;
}

.sale-items__img__hover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}

.sale-items__img__hover span {
  position: absolute;
  -webkit-transition: 0.6s all ease-out;
  -o-transition: 0.6s all ease-out;
  transition: 0.6s all ease-out;
}

.sale-items__img__hover span:nth-child(1) {
  width: 0px;
  height: 0px;
  background: rgba(255, 255, 255, 1);
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.sale-items__img__hover span:nth-child(2) {
  width: 0px;
  height: 0px;
  background: rgba(255, 255, 255, 1);
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.sale-items__img__hover span:nth-child(3) {
  width: 0px;
  height: 0px;
  background: rgba(255, 255, 255, 1);
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.sale-items__img__hover span:nth-child(4) {
  width: 0px;
  height: 0px;
  background: rgba(255, 255, 255, 1);
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.sale-items__img__hover span:nth-child(5) {
  background: url('../img/arrow.png');
  width: 66px;
  height: 66px;
  position: absolute;
  opacity: 0;
  background-size: contain;
  -webkit-transform: scale(0) rotate(0deg);
  -ms-transform: scale(0) rotate(0deg);
  transform: scale(0) rotate(0deg);
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.sale-items__img__hover:hover span:nth-child(1) {
  width: 330px;
  height: 330px;
  background: rgba(255, 255, 255, 0.35);
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.sale-items__img__hover:hover span:nth-child(2) {
  width: 260px;
  height: 260px;
  background: rgba(255, 255, 255, 0.35);
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.sale-items__img__hover:hover span:nth-child(3) {
  width: 170px;
  height: 170px;
  background: rgba(255, 255, 255, 0.35);
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.sale-items__img__hover:hover span:nth-child(4) {
  width: 105px;
  height: 105px;
  background: rgba(255, 255, 255, 0.35);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.sale-items__img__hover:hover span:nth-child(5) {
  background: url('../img/arrow.png');
  position: absolute;
  opacity: 1;
  -webkit-transform: scale(1) rotate(30deg);
  -ms-transform: scale(1) rotate(30deg);
  transform: scale(1) rotate(30deg);
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.p-form__title span {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}

.p-form__title .icon-lock {
  font-size: 22px;
  color: #fff;
  margin-right: 7px;
}

.p-form__title {
  margin-bottom: 20px;
  padding-left: 25px;
  /*display: none;*/
}

.p-form__close span {
  width: 20px;
  height: 4px;
  position: absolute;
  background: #fff;
  margin-top: 8px;
}

.p-form__close {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  right: 1px;
  top: 1px;
  display: none;
}

.popup .p-form__close {
  right: 8px;
  top: 8px;
}

.p-form__close span:nth-child(1),
.popup .p-form__close span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.p-form__close span:nth-child(2),
.popup .p-form__close span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.countries {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0 7px 10px;
}

.country__block,
.all-country {
  height: 44px;
  display: flex;
  align-items: center;
  width: 130px;
  margin-left: 30px;
}

.country__active .country__img {
  color: var(--main-orange-color) !important;
  font-weight: 700;
}

.all-country a {
  font-weight: bold;
  font-size: 14px;
  color: #000;
}

.all-country a:hover {
  color: var(--main-orange-color);
}

.country__img {
  display: flex;
  align-items: center;
  color: #000;
  font-size: 14px;
  text-decoration: none;
}

.country__img:hover {
  color: var(--main-orange-color);
  text-decoration: underline;
}

.country__img:hover img {
  border-color: var(--main-orange-color);
}

.country__img img {
  border: 1px solid #5f5f63;
  height: 23px;
}

.country__img span {
  margin-left: 10px;
}

.brands__checkboxes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  height: 55px;
  background: #efefed;
}

.br-check__block input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 10px 0 0 20px;
}

.br-check__block label {
  position: relative;
  padding: 0 0 0 20px;
  cursor: pointer;
}

.br-check__block label:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  width: 12px;
  height: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #56565a;
  background: #fff;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.br-check__block label:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 3px;
  width: 6px;
  height: 6px;
  background: #fff;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.br-check__block input:checked + label:after {
  background: #56565a;
}

.br-check__block {
  display: flex;
  font-size: 14px;
  margin: 0 20px;
}

.br-check__block:hover label {
  color: var(--main-orange-color);
}

.br-check__block:hover label:before {
  box-shadow: 0 0 0 2px var(--main-orange-color);
}

.brands__block .like {
  position: absolute;
  width: 58px;
  height: 56px;
  right: 0;
  top: 0;
  text-align: center;
}

.brands__block .like img {
  position: relative;
  width: 27px;
  padding-top: 15px;
}

.brands__block .like:before {
  content: '';
  width: 42px;
  height: 42px;
  background: var(--main-orange-color);
  position: absolute;
  transform: rotate(30deg);
  top: 7px;
  left: 9px;
}

.brands__wrapper_outer {
  width: 100%;
}

.brands__wrapper {
  display: flex;
  flex-wrap: wrap;
  padding-top: 45px;
  padding-bottom: 45px;
  align-items: center;
  justify-content: center;
  margin-left: -15px;
  margin-right: -15px;
}

/* Commented at MK-149 (Tharindu) 
.brands__block {
	width: 200px;
	height: 200px;
	border: 2px solid #ddddd3;
	position: relative;
	margin: 0 15px;
	margin-bottom: 31px;
}

.brands__block a {
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: #000;
}

.brands__block__title {
	position: absolute;
	bottom: 22px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.brands__block.best {
	border: 2px solid var(--main-orange-color);
}

.brands__text {
	padding-top: 21px;
	padding-bottom: 90px;
}

.brands__text p {
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 18px;
} */

.brands-block {
  margin: 0 15px;
  margin-bottom: 30px;
}

.brand-wrapper.best {
  border: 2px solid var(--main-orange-color);
}

.brand-wrapper {
  position: relative;
  width: 200px;
  height: 200px;
  border: 2px solid #ddddd3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.brand-wrapper.best {
  border: 2px solid var(--main-orange-color);
}

.brand-wrapper .like {
  position: absolute;
  width: 58px;
  height: 56px;
  right: 0;
  top: 0;
  text-align: center;
}

.brand-wrapper .like:before {
  content: '';
  width: 42px;
  height: 42px;
  background: var(--main-orange-color);
  position: absolute;
  transform: rotate(30deg);
  top: 7px;
  left: 9px;
}

.brand-wrapper .like img {
  position: relative;
  width: 27px;
  padding-top: 15px;
}

.brand-wrapper a {
  width: 100%;
  text-decoration: none;
}

.brand-wrapper .brand-img {
  max-width: 60%;
  display: block;
  margin: 0 auto;
}

.brand-wrapper .brand-title {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}

.brand-wrapper .brand-title a {
  text-decoration: none;
}

.slider .slick-prev {
  display: none;
}

.country__gradient {
  display: none;
}

.block-hide {
  display: none;
}

.subscribe-mess {
  color: #fff;
  padding: 2px;
  font-style: italic;
}

#shopCart {
  display: none;
}

.bg-gray {
  background: #888 !important;
  pointer-events: none;
}

.error {
  width: 275px;
  display: block;
  padding-left: 10px;
}
.error.error-invalid-phone {
  display: none;
  margin-top: -15px;
  margin-bottom: 15px;
  padding-left: 0;
  color: #ed4242;
}

.no_hover {
  color: #aaa;
}

.filter input[type='checkbox']:checked + label.orange-label {
  color: #000 !important;
}

.img-country {
  display: inline-block;
}

.brand-item {
  display: inline-block;
  width: 165px;
  margin: 10px 10px 30px 10px;
  text-decoration: none;
  cursor: pointer;
  color: #000;
  vertical-align: top;
}

.brand-item:hover {
  text-decoration: underline;
}

.brand-item div {
  padding: 10px;
  border: #bbb 1px solid;
}

.brand-item img {
  width: 100% !important;
}

.brand-item img {
  width: 100% !important;
}

.opt-right-arrow:before {
  content: '';
  border: 13px solid transparent;
  border-left: 18px solid var(--main-orange-color);
  position: absolute;
  margin-top: 33px;
  margin-left: 43px;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
  cursor: pointer;
}

.opt-left-arrow:before {
  content: '';
  border: 13px solid transparent;
  border-right: 18px solid var(--main-orange-color);
  position: absolute;
  margin-top: 33px;
  margin-left: -5px;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
  cursor: pointer;
}

.opt-right-arrow:hover:before {
  content: '';
  border: 13px solid transparent;
  border-left: 18px solid #ffffff;
  position: absolute;
  margin-top: 33px;
  margin-left: 43px;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.opt-left-arrow:hover:before {
  content: '';
  border: 13px solid transparent;
  border-right: 18px solid #ffffff;
  position: absolute;
  margin-top: 33px;
  margin-left: -5px;
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.example-3d__block__img .opt-head__bot__ls__left {
  margin: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 10;
  cursor: pointer;
  display: none !important;
}

.example-3d__block__img:hover .opt-head__bot__ls__left {
  display: block !important;
}

.example-3d__block__img .opt-left-arrow {
  left: 0;
}

.example-3d__block__img .opt-right-arrow {
  right: 0;
}

.list-3d .example-3d__block {
  margin-bottom: 30px;
}

.example-3d__block__img img {
  width: 100%;
}

.brand-bottom-hide {
  display: none;
}

.whitebelleza-products {
  background: none;
  color: #fff;
}

.whitebelleza-products a {
  color: #fff;
}

.whitenefrit-products {
  background: none;
  color: #fff;
}

.whitenefrit-products a {
  color: #fff;
}

.whitekerama-products {
  background: none;
  color: #a9bdd7;
}

.whitekerama-products a {
  color: #c2d3e8;
}

.kerama-products .header-cc {
  display: none;
}

.belleza-products .sale-items__text,
.nefrit-products .sale-items__text,
.kerama-products .sale-items__text {
  color: #fff;
}

.belleza-products .sale-items__text a,
.nefrit-products .sale-items__text a,
.kerama-products .sale-items__text a {
  color: #fff;
}

.belleza-products .sale-items__price,
.nefrit-products .sale-items__price,
.kerama-products .sale-items__price {
  color: #fff;
}

.belleza-products .link-1,
.nefrit-products .link-1,
.kerama-products .link-1 {
  color: #fff;
}

.belleza-products .link-1:hover,
.nefrit-products .link-1:hover,
.kerama-products .link-1:hover {
  color: var(--main-orange-color) !important;
}

.publ__all-mobile {
  height: 100px;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  color: var(--main-orange-color);
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
  justify-content: center;
  align-items: center;
  margin-top: -20px;
}

.publ__all-mobile > div {
  display: block;
  color: var(--main-orange-color);
  margin: 0 5px;
}

.new-items__top__text a {
  text-decoration: none;
  color: #000;
}

.new-items__top__text a:hover {
  text-decoration: underline;
}

.warehouse-map,
.warehouse-map div:first-of-type,
.warehouse-map iframe {
  width: 100%;
  height: 100%;
}

.warehouse-map .map-image {
  width: 100%;
  height: auto;
}

.pickup__rs img {
  width: 140px;
  display: block;
  margin-bottom: 10px;
  cursor: pointer;
}

.cont-map img {
  width: 400px;
}

.clearfix {
  clear: both;
}

.cco-top__slider {
  max-height: 415px;
  overflow: hidden;
}

.cco-top__ls .label-new {
  right: 13px;
  top: 21px;
}

.cco-top__ls .label-new:after {
  right: -5px;
  top: -12px;
}

.sumMess {
  text-align: center;
  margin: 15px 0;
  font-size: 18px;
  color: #d00;
  font-weight: 700;
}

.mob-show {
  display: none;
}

#jquery-overlay {
  z-index: 900 !important;
}

#jquery-lightbox {
  z-index: 1000 !important;
}

#lightbox-container-image-box {
  max-width: 80% !important;
}

.page li a,
.page p a {
  text-decoration: none;
}

.page li a:hover,
.page p a:hover {
  text-decoration: underline;
}

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

.example-3d__block a {
  text-decoration: none;
}

.example-3d__block a:hover {
  text-decoration: underline;
}

.example-3d__block {
  max-width: calc((100% - 60px) / 3);
}

.example-3d__block__img {
  overflow: hidden;
  max-width: 100%;
}

.example-3d__block__img > div {
  float: left;
}

.example-3d__block__img .slick-slide {
  position: relative;
}

.pageNavFilter {
  display: flex;
  align-items: center;
}

.pageNavFilter li.disabled {
  display: none;
}

.kerama-slider {
  background-position: center;
  background: transparent !important;
  position: relative;
}

.kerama-slider .main-slider__btn-left {
  margin-right: 25px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.kerama-slider a {
  text-decoration: none;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
}

.kerama-slider a img {
  width: 100%;
  display: block;
  height: auto;
  object-fit: cover;
  object-position: top left;
}

.kerama-slider .only-mob {
  display: none !important;
}

.opt-map div:first-of-type,
.opt-map-left div:first-of-type {
  height: 100%;
}

.opt-map img {
  width: 100%;
}

.opt-map .map-image {
  height: 100%;
  object-fit: cover;
}

.opt-map-b1 {
  width: 150px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* gap: 5px; */
}

.opt-map-b2 {
  width: 364px;
}

.p-form__block-success {
  width: 355px;
  position: fixed;
  z-index: 500;
  background: #efefed;
  padding: 30px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
}

.p-form__block-success input {
  margin-top: 15px;
}

.coupon-new {
  color: #ed4242;
}

.coupon-price {
  font-size: 18px;
  text-decoration: line-through;
}

.block-items__er {
  position: relative;
}

.block-error {
  display: none;
  position: absolute;
  bottom: 130%;
  right: 0px;
}

.arrow-error {
  margin: 0 auto;
  padding: 10px 10px;
  position: relative;
  background: #c00;
  border-radius: 3px;
  color: #fff;
  text-align: center;
}

.arrow-error:before {
  content: '';
  border: solid transparent;
  position: absolute;
  top: 100%;
  right: 8px;
  border-top-color: #c00;
  border-width: 9px;
  margin-right: -1px;
}

.red-sale-block {
  margin-top: 25px;
  /* font-weight: 400; */
  color: #ff0000;
  text-align: center;
  background: #fff;
  padding: 8px 0;
  border: #f00 1px solid;
  /* position: absolute; */
  /* bottom: 1px; */
  font-weight: 700;
}

.red-sale-block a {
  color: #ff0000;
  font-weight: 700;
  text-decoration: none;
  font-size: 14px;
}

.label-sale-car {
  position: absolute;
  right: 13px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  top: 14px;
  z-index: 1;
  width: 31px;
}

.label-sale-car:after {
  content: '';
  width: 42px;
  height: 42px;
  background: #ffffff;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  position: absolute;
  right: -5px;
  top: -6px;
  z-index: -1;
}

.label-saler-car-descr {
  position: absolute;
  right: 46px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  top: 5px;
  width: 224px;
  z-index: 1;
  background: #ffffff;
  color: #ff0000;
  padding: 15px;
  border: #dcdcdc 1px solid;
  display: none;
}

.label-sale-car:hover .label-saler-car-descr {
  display: block;
}

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

.stock-info li:before {
  display: none !important;
}

.stock-info table {
  width: 100%;
}

.stock-info table,
.stock-info th,
.stock-info td {
  border: 1px solid !important;
  text-align: center !important;
  vertical-align: middle !important;
}

.stock-info th {
  font-weight: 700 !important;
}

.mt-30 {
  margin-top: 30px;
}

.collection-filter-wrapper {
  display: flex;
  padding: 0;
  flex-direction: column;
}

.collection-filter-wrapper .left {
  position: relative;
}

.collection-filter-wrapper .filter-collapse-btn {
  position: absolute;
  right: 4px;
  top: 20px;
}

.collection-filter {
  display: block;
  padding-top: 30px;
  position: relative;
}

.collection-filter-wrapper .normal_position {
  top: 66px;
}

.collection-filter-wrapper .with_header_popup {
  top: 115px;
}

.collection-filter-wrapper .ccc__colors {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 10px;
}

.collection-filter .filter-collapse {
  position: absolute;
  width: auto !important;
  right: -15px;
}

.stick-to-top .filter-collapse {
  right: 30px;
}

.filter-collapse-btn .btn-collapse-filter svg {
  rotate: 0deg;
}

.filter-collapse-btn .btn-collapse-filter.opened svg {
  rotate: 180deg;
}

.collection-filter .ccc__colors__title {
  display: block;
  margin: 0 0 5px 0px;
}

.collection-filter .ccc__colors .ccc__colors__title {
  margin: 15px 0 5px 0px;
}

.collection-filter .ccc__colors {
  display: block;
}

.popup-salon-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.6);
}

.popup-salon-value {
  max-width: 360px;
  margin: 100px auto 0;
  border: #000 1px solid;
  padding: 20px;
  background: #fff;
  position: relative;
}

.popup-salon-close {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
  cursor: pointer;
}

.popup-salon-close:hover {
  opacity: 1;
}

.popup-salon-close:before,
.popup-salon-close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}

.popup-salon-close:before {
  transform: rotate(45deg);
}

.popup-salon-close:after {
  transform: rotate(-45deg);
}

.popup-salon-text {
  text-align: center;
  font-size: 16px;
}

.popup-salon-link {
  display: block;
  margin: 30px auto 0px;
  text-decoration: none;
  color: #fff;
  background: #c00;
  width: 100px;
  padding: 10px;
}

.popup-salon-link:hover {
  background: #a00;
}

.salon-dayoff {
  display: inline-block;
  color: #fff;
  background: #c00;
  width: 65px;
  padding: 5px 10px;
  margin-left: 10px;
  font-size: 10px;
}

s {
  font-size: 14px;
  color: #777;
}

.red {
  color: #c00;
}

.no-bold {
  font-weight: 400 !important;
  font-size: 14px !important;
}

.mobile-feedback {
  margin: 30px auto 0;
  text-align: center;
}

.mobile-feedback a {
  display: inline-block;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  background: var(--main-orange-color);
}

.article-section blockquote {
  position: relative;
  margin: 40px 0 35px;
  padding: 0 0 0 75px;
  font-size: 16px;
  line-height: 25px;
  max-width: 75%;
  overflow: hidden;
  font-weight: 500;
  font-family: 'Montserrat';
}

.article-section blockquote:before {
  content: '';
  position: absolute;
  top: 11px;
  left: 0;
  width: 54px;
  height: 3px;
  background: var(--main-orange-color);
}

.article-section h3 {
  font-size: 20px;
  line-height: 1.3;
  margin: 40px 0 23px;
  font-family: 'Montserrat';
}

.article-section ul,
.article-section ol {
  line-height: 25px;
  margin: 40px 0;
}

.article-section ul li {
  position: relative;
  padding-left: 30px;
}

.article-section ul li:before {
  content: '';
  position: absolute;
  top: 11px;
  left: 0;
  height: 3px;
  width: 13px;
  background: var(--main-orange-color);
}

.article-section .after-img {
  color: #707070;
  display: block;
  padding: 5px 0 15px;
}

.article-section .after-img span {
  color: var(--main-orange-color);
}

.cco-desc__body table {
  width: auto !important;
}

.model3d-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7);
}

.m3d-iframe {
  width: 80%;
  height: 70%;
  margin: 10% auto;
  max-width: 1000px;
  max-height: 800px;
  position: relative;
  border: #fff 4px solid;
}

.m3d-close {
  position: absolute;
  top: -25px;
  right: -25px;
}

.m3d-iframe .p-form__close {
  display: block !important;
}

.m3d-iframe iframe {
  border: none;
  width: 100%;
  height: 100%;
}

.m3d-title {
  position: absolute;
  top: -85px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 21px;
  text-align: center;
  color: #fff;
}

.blueimp-gallery {
  background: rgba(0, 0, 0, 0.9) !important;
}

.opt-catalog-links a {
  display: inline-block;
  width: 92%;
  margin: 4px 4%;
  text-align: center;
  text-decoration: none;
  background: #ccc;
  padding: 5px 0;
}

.opt-catalog-links a:hover {
  background: var(--main-orange-color);
  color: #fff;
}

.form-calculate-table {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}

.form-calculate-scroll {
  max-height: 650px;
  padding-right: 10px;
}

.form-calculate-scroll-y {
  overflow-y: scroll;
}

/*.form-calculate-padding {
	padding-left: 140px;
	padding-right: 140px;
}*/
.form-calculate-table__row {
  display: table-row;
}

.form-calculate-table__th {
  display: table-cell;
  font-size: 12px;
  line-height: 21px;
  padding-bottom: 30px;
  text-align: center;
}

.form-calculate-table__td {
  display: table-cell;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  color: #252525;
  padding-bottom: 20px;
}

.form-calculate-table__td_center {
  text-align: center;
}

.form-calculate-table__td_icon {
  position: relative;
}

.form-calculate-table__td_right {
  position: relative;
  text-align: right;
}

p.form-calculate-table__name {
  padding-right: 30px;
}

.form-calculate-table__input {
  background: #ffffff;
  display: inline-flex;
  align-items: center;
  width: 90px;
  height: 35px;
}

.form-calculate-table__input-text::placeholder,
.form-calculate-table__input-text {
  width: 100%;
  text-align: center;
  border: 0;
}

.form-calculate-table-select {
  background: #ffffff;
  display: inline-flex;
  align-items: center;
  width: 100px;
  height: 35px;
}

select.form-calculate-table-select__type {
  width: 100%;
  font-size: 14px;
  line-height: 21px;
  font-weight: normal;
  padding: 9px 10px;
  border: 0;
}

#btnAddRowSurface {
  cursor: pointer;
}

.form-calculate-control__wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.form-calculate-price_is_show {
  display: block;
}

.form-calculate-price {
  text-align: right;
  display: none;
}

p.form-calculate-price__total {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 30px;
}

p.form-calculate-price__summ {
  font-weight: 600;
  font-size: 24px;
  line-height: 16px;
}

span.form-calculate-price__total-size {
  font-size: 20px;
}

.form-calculate-price__total-size__square {
  font-size: 12px;
  top: -9px;
  left: 2px;
}

.form-calculate-price__total-size__square,
.form-calculate-result-unit__square {
  font-size: 10px;
  position: relative;
  top: -6px;
  left: -1px;
}

.footer__link-menu-sqr li {
  padding-left: 5px;
}

.duk-helper__item-all {
  text-align: center;
  background: #f7c089;
}

.duk-helper__item-all a {
  text-decoration: none;
}

/* Modal Styles */
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.3);
}

.modal-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.modal-header {
  position: relative;
}

.modal-body .wrapper {
  background: #fff;
  box-shadow: 0px 5px 32px 0px rgba(0, 0, 0, 0.28);
  width: 450px;
  padding: 8px;
  display: flex;
  flex-direction: column;
}

.modal-body .top {
  margin-bottom: 8px;
  padding-top: 40px;
  padding-bottom: 15px;
  padding-left: 30px;
  height: 150px;
}

.modal-body .bottom {
  margin-bottom: 8px;
  padding-top: 40px;
  padding-bottom: 15px;
  padding-left: 30px;
  height: 150px;
}

.modal-body .top .title {
  color: #fff;
  font-size: 18px;
  font-family: 'Montserrat';
  text-align: left;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 4px;
  width: 50%;
}

.modal-body .bottom .title {
  color: #fff;
  font-size: 18px;
  font-family: 'Montserrat';
  text-align: left;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 4px;
}

.modal-body .top .text {
  color: #fff;
  font-size: 13px;
  font-family: 'Montserrat';
  line-height: 140%;
  margin-bottom: 24px;
  width: 50%;
}

.modal-body .bottom .text {
  color: #fff;
  font-size: 13px;
  font-family: 'Montserrat';
  line-height: 140%;
  margin-bottom: 24px;
}

.modal-body .top .link {
  background: #48ad63;
}

.modal-body .link {
  color: #fff;
  font-size: 12px;
  font-family: 'Open Sans';
  text-transform: uppercase;
  padding: 6px 22px;
}

.modal-body .bottom {
  display: flex;
  align-items: center;
  background: linear-gradient(180deg, #51b160 0%, #189670 100%);
}

.modal-body .bottom .img,
.modal-body .bottom .content {
  width: 50%;
}

.modal-body .bottom .img {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

.modal-body .bottom .img img {
  width: 144px;
  height: auto;
}

.modal-body .bottom .text-1 {
  color: #fff;
  font-size: 14px;
  font-family: 'Montserrat';
  font-weight: 600;
  margin-bottom: 18px;
}

.modal-body .bottom .text-2 {
  color: #fff;
  font-size: 19px;
  font-family: 'Montserrat';
  font-weight: 700;
  margin-bottom: 8px;
}

.modal-body .bottom .link {
  background: #e99d23;
}

.modal-close {
  position: absolute;
  bottom: 0px;
  left: 240px;
}

.modal-close:hover,
.modal-close:focus {
  cursor: pointer;
}

/* Bottom Popup */
.bottom-popup {
  display: none;
  position: fixed;
  z-index: 999;
  bottom: -4px;
  right: 12%;
}

#header-top-line {
  display: none;
}

.bottom-popup .popup-wrapper {
  display: flex;
}

.bottom-popup .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 260px;
  height: 137px;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0px 5px 32px 0px rgba(0, 0, 0, 0.28);
  padding: 20px 24px;
  padding-right: 0;
}

.bottom-popup .content::after {
  content: '';
  position: absolute;
  top: 25px;
  right: 157px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 60px solid #fff;
}

.bottom-popup .text-lg {
  font-size: 17px;
  font-family: 'Montserrat';
  font-weight: 700;
  line-height: 160%;
  text-transform: uppercase;
  margin-bottom: 8px;
  width: 70%;
}

.bottom-popup .link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 10px;
  font-family: 'Open Sans';
  font-weight: 700;
  text-transform: uppercase;
  width: 188px;
  height: 36px;
  border-radius: 2px;
  background: #de7f11;
}

.bottom-popup .img {
  position: relative;
  right: 14px;
}

.popup-close {
  position: absolute;
  right: 5px;
  filter: invert(1);
  mix-blend-mode: difference;
}

.popup-close:hover {
  cursor: pointer;
}

#filter_cat_disabled {
  pointer-events: none;
  opacity: 0.5;
}

/* Favorites Page */
.btn-favorite {
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 50%;
  padding: 10px;
  cursor: pointer;
}

.favorite-title-bar {
  margin-top: 75px;
  margin-bottom: 30px;
  padding: 8px 13px;
}

.favorite-title-bar .inner-wrapper {
  display: flex;
  align-items: center;
}

.favorite-title-bar .title {
  font-size: 30px;
}

.favorite-title-bar p {
  font-family: 'Montserrat';
  font-size: 12px;
  margin-right: 16px;
}

.favorite-title-bar .link-wrapper {
  margin-right: 6px;
}

.favorite-title-bar .link-wrapper:last-child {
  margin-right: unset;
}

.favorites-empty {
  margin-top: 50px;
  margin-bottom: 50px;
}

.favorites-empty .wrapper {
  flex-direction: column;
  align-items: center;
  padding-top: 36px;
  padding-bottom: 36px;
}

.favorites-empty .text {
  font-family: 'Montserrat';
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  margin-top: 28px;
  margin-bottom: 28px;
}

.favorites-empty .link {
  padding: 16px 30px;
  color: #fff;
  text-align: center;
  font-family: 'Montserrat';
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  background: #d0851b;
  text-decoration: none;
}

.favorites-btn-share {
  background: transparent;
  font-size: 13px;
  display: flex;
  align-items: center;
  border-radius: 2px;
  border: 1px solid #de7f11;
  padding: 6px 10px;
}

.favorites-btn-share span {
  margin-left: 10px;
}

.favorite_text {
  margin-left: 7px;
}

.note-box {
  background: #f9f9f9;
  padding: 10px;
  margin-top: 16px;
}

.note-box .note-text,
.note-box .note-text::placeholder {
  color: #9a9a9a;
  font-size: 12px;
  border: none;
  border-radius: 5px;
  /*background: transparent;*/
}

.addFavoriteCommentInputSpan {
  color: #9a9a9a;
  font-size: 12px;
  padding-top: 6px;
}

.note-edit,
.note-view {
  display: flex;
  justify-content: space-between;
}

.note-view {
  align-items: flex-start;
  max-height: 84px;
  overflow: auto;
  width: 100%;
}

.note-view ul {
  width: 100%;
}

.note-view ul li {
  width: 99%;
  word-break: break-word;
}

.btn-note {
  background: transparent;
  border: none;
}

.favorite-collection .new-items__block__top {
  position: relative;
  background: #efefed !important;
}

.favorite-collection .btn-favorite {
  width: 40px;
  height: 40px;
  bottom: 32px !important;
  left: 88% !important;
  background: #fff;
}

.search-sity-input {
  margin-bottom: 10px;
  margin-top: 10px;
  height: 21px;
  width: 12rem;
  background-color: #fff;
  outline: 0;
  border-radius: 0;
  border: 1px solid #dadada;
  font-size: 14px;
  justify-content: flex-start;
  padding: 6px 12px;
}

.wrapper_favorite_product {
  justify-content: start !important;
  column-gap: 9px;
}

.wrapper_favorite_collection {
  justify-content: start !important;
  column-gap: 30px;
}

.favorite_page_modal .wrapper {
  width: 340px;
  padding: 14px 10px 10px 10px;
  border-radius: 20px;
  background: #f0f0f0;
}

.favorite_page_modal .title {
  text-align: center;
  font-size: 14px;
  margin-bottom: 10px;
}

.favorite_page_modal .tile {
  border-radius: 10px;
  background: #fff;
  display: flex;
  padding: 6px 6px 14px 6px;
}

.favorite_page_modal .instruction {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.favorite_page_modal .index {
  color: #de7f11;
  margin-left: 5px;
  font-size: 10px;
  font-weight: 700;
  position: relative;
  width: 20px;
}

.favorite_page_modal .index::after {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 72px;
  border: 1px solid #efefed;
  position: absolute;
  left: -8px;
  top: -4px;
}

.favorite_page_modal .horizontal_tiles {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.favorite_page_modal .vertical_tiles {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}

.favorite_page_modal .text {
  color: #000;
  text-align: center;
  font-family: 'Open Sans';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.favorite_page_modal .highlight {
  color: #de7f11;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
}

.promo_modal .wrapper {
  width: 258px;
  height: 290px;
  border-radius: 20px;
  padding: 24px 0;
  align-items: center;
}

.promo_modal .modal-close {
  left: 125px;
}

.promo_modal .step_1,
.promo_modal .step_2,
.promo_modal .step_3 {
  height: 65%;
}

.promo_modal .step_2,
.promo_modal .step_3 {
  display: none;
}

.promo_modal .img-wrapper {
  height: 35%;
}

.promo_modal .text {
  font-weight: 700;
  font-size: 20px;
  color: #ee7601;
  font-family: 'Montserrat';
  text-align: center;
  margin-bottom: 20px;
}

.promo_modal .text .highlight {
  font-size: 40px;
  margin-top: 15px;
}

.promo_modal .btn-wrapper {
  display: flex;
  gap: 5px;
}

.promo_modal .wrapper button {
  font-family: 'Open Sans';
  font-size: 13px;
  border-radius: 2px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 700;
  padding: 6px 0;
  text-align: center;
}

.promo_modal .btn-green {
  width: 100px;
  background: #509f49;
  color: #fff;
  border: none;
}

.promo_modal .btn-border {
  width: 100px;
  border: 1px solid #de7f11;
  background: transparent;
  color: #000;
}

.promo_modal .inner-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}

.promo_modal .step_2 .text,
.promo_modal .step_3 .text {
  font-size: 14px;
  font-weight: normal;
  color: #000;
}

.promo_modal .step_3 {
  position: relative;
}

.promo_modal .tel {
  font-family: 'Open Sans';
  font-size: 13px;
  text-align: center;
  background: transparent;
  border: 1px solid #828282;
  border-radius: 2px;
  width: 190px;
  height: 30px;
  margin-bottom: 10px;
}

.promo_modal .tel::placeholder {
  text-align: center;
  color: #828282;
}

.promo_modal .btn-wrapper-vertical {
  display: flex;
  flex-direction: column;
}

.promo_modal .wrapper .btn-orange {
  background: #de7f11;
  border-radius: 2px;
  font-weight: normal;
  color: #fff;
  margin-bottom: 10px;
  border: none;
  width: 190px;
}

.promo_modal .wrapper .btn-transparent {
  background: transparent;
  font-weight: normal;
  color: #de7f11;
  text-decoration: underline;
  border: none;
}

.promo_modal .promo_code {
  position: relative;
}

.promo_modal .code {
  font-family: 'Open Sans';
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center;
}

.promo_modal .step_3 img {
  margin-bottom: 0;
}

.promo_modal .wrapper .btn-copy {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  border-radius: 6px;
  background-color: #fafbfc;
  border-color: #1b1f2326;
  box-shadow:
    rgba(27, 31, 35, 0.04) 0px 1px 0px 0px,
    rgba(255, 255, 255, 0.25) 0px 1px 0px 0px inset;
  transition: 0.2s cubic-bezier(0.3, 0, 0.5, 1);
  transition-property: color, background-color, border-color;
}

.promo_modal .wrapper .btn-copy img {
  width: 25px;
  height: auto;
}

.promo_modal .wrapper .btn-copy:hover {
  background: #efefed;
}

.promo_modal .promo-copy-success-message {
  display: none;
  position: absolute;
  font-family: 'Montserrat';
  font-size: 13px;
  margin-top: 5px;
  bottom: -12px;
  text-align: center;
  text-wrap: nowrap;
}

.slider-wrapper:not(.slick-slide) .new-items__block {
  width: auto;
}

.search-results .collection__wrapper,
.search-results .product__wrapper {
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(auto-fill, 32%);
}

.search-results .collection__wrapper .new-items__block,
.search-results .sale-items__block {
  width: 100% !important;
  max-width: unset;
  margin: 0 0 20px 0;
  padding: 0;
}

.search-results .new-items__block img {
  height: auto !important;
}

.search-results .new-items__img img {
  max-width: unset !important;
}

.product-slider-wrapper {
  width: 400px;
  background-color: #ffffff;
}
.product-slider-wrapper .product-slider-main:not(.slick-initialized) {
  overflow: hidden;
}

.product-slider-wrapper
  .product-slider-main:not(.slick-initialized)
  .slide:not(:first-child) {
  display: none;
}

.product-slider-wrapper .product-slider-main,
.product-slider-wrapper .product-slider-thumbnail {
  width: 367px;
  margin: 0 auto;
}

.product-slider-wrapper .product-slider-thumbnail:not(.slick-initialized) {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.product-slider-wrapper
  .product-slider-thumbnail:not(.slick-initialized)
  .slide {
  flex: 20%;
}

.product-slider-wrapper .product-slider-main {
  height: 420px;
  margin-bottom: 20px;
}

.product-slider-wrapper .product-slider-main .slide {
  cursor: zoom-in;
  height: 100%;
}
.product-slider-wrapper .product-slider-main .slide-img {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #e8e7e5;
}

.product-slider-wrapper .product-slider-main .slide-video,
.product-slider-wrapper .product-slider-thumbnail .slide-video {
  display: block;
  margin: 0 auto;
}

.product-slider-wrapper .product-slider-thumbnail,
.product-slider-wrapper .product-slider-thumbnail .slide-img {
  height: 76px;
}

.product-slider-wrapper .product-slider-thumbnail .slick-track {
  display: flex;
  gap: 5px;
}

.product-slider-main .slick-list,
.product-slider-main .slick-track {
  height: 100%;
}

.product-slider-wrapper .thumbnail-slider-wrapper {
  display: flex;
  align-items: center;
}

.product-slider-wrapper .slide-img {
  max-width: 100%;
  height: 100%;
  object-fit: contain;
}

.product-slider-wrapper .thumbnail-next,
.product-popup-slider-main .slick-next {
  background: url('data:image/svg+xml,<svg width="9" height="15" viewBox="0 0 9 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L7.5 7.5L1 14" stroke="%23DE7E11" stroke-width="2"/></svg>') !important;
}

.product-slider-wrapper .thumbnail-prev,
.product-popup-slider-main .slick-prev {
  background: url('data:image/svg+xml,<svg width="10" height="15" viewBox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 1L2 7.5L8.5 14" stroke="%23DE7E11" stroke-width="2"/></svg>') !important;
}

.product-slider-wrapper .thumbnail-prev,
.product-slider-wrapper .thumbnail-next,
.product-popup-slider-main .slick-prev,
.product-popup-slider-main .slick-next {
  width: 14px;
  height: 14px;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: none;
  cursor: pointer;
}
.product-slider-wrapper .slick-disabled {
  opacity: 0.5;
  filter: grayscale(1);
}

.product-popup-slider-main .slick-prev:hover,
.product-popup-slider-main .slick-next:hover {
  color: unset;
  outline: unset;
}
.product-popup-slider-main .slick-prev::before,
.product-popup-slider-main .slick-next::before {
  content: '';
}

.product-popup-slider {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10000;
  background: #000000d6;
}
.product-popup-slider .slider-wrapper {
  max-width: 1024px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.product-popup-slider .close-product-popup-slider {
  position: absolute;
  top: -35px;
  right: -20px;
  background: transparent;
  border: none;
  cursor: pointer;
}

.product-popup-slider .slick-track {
  display: flex;
  align-items: center;
}

.product-popup-slider .slider-wrapper .slide-img {
  max-width: 100%;
  height: auto;
  max-height: calc(100vh - 100px);
  object-fit: contain;
}
.how-to-order-wrapper {
  display: flex;
}
.how-to-order {
  width: 33%;
  display: flex;
  flex-direction: column;
}
.how-to-order-title {
  background-color: #efefed;
  border: 2px solid #e4e3e1;
  border-bottom: none;
  height: 56px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  align-items: center;
}
.how-to-order-title h3 {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
.how-to-order-content h2,
.how-to-order-extra-content h2 {
  font-size: 16px;
  font-weight: bold;
}
.how-to-order-content h3,
.how-to-order-content h4,
.how-to-order-extra-content h3,
.how-to-order-extra-content h4 {
  font-size: 14px;
  font-weight: bold;
}
.how-to-order-content h6,
.how-to-order-content h5,
.how-to-order-extra-content h5,
.how-to-order-extra-content h6 {
  font-weight: bold;
}

.how-to-order-content {
  font-size: 13px;
  border: 2px solid #e4e3e1;
  border-top: none;
  padding: 20px;
  flex-grow: 1;
}

.how-to-order:nth-child(2) .how-to-order-content,
.how-to-order:nth-child(2) .how-to-order-title {
  border-left-width: 0;
  border-right-width: 0;
}

.how-to-order-extra-content {
  margin-top: 20px;
  font-size: 13px;
}

.bottom-mobile-action-buttons {
  display: none;
}

.loading-anim-wrapper {
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
}
.loading-anim {
  display: none;
  margin: 10px auto;
  width: 50px;
  padding: 2px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #ee7600;
  --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3 1s infinite linear;
}
.loading-anim.is-visible {
  display: block !important;
}
@keyframes l3 {
  to {
    transform: rotate(1turn);
  }
}

#particles-js {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000;
  top: 0;
  left: 0;
  pointer-events: none;
}