* {
  margin: 0;
  padding: 0;
}
html {
  scroll-behavior: smooth;
}
body {
  overflow-x: hidden;
  background-color: #FAFAFA;
  font-family: 'Noto Sans', sans-serif;
}
button,
img,
a,
span,
svg,
input,
a,
textarea,
header {
  transition: 0.2s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
img {
  max-width: 100%;
}
.v-center {
  align-items: center;
  align-content: center;
}
header {
  position: sticky;
  top: 0;
  /* padding: 20px 0; */
  background: rgb(0 0 0 / 35%);
  z-index: 3;
}
.main header {
  position: fixed;
  left: 0;
  right: 0;
  /* padding: 20px 0; */
  background: transparent;
}
header.out {
  background: rgb(0 0 0 / 55%);
}
.icon-location:before {
  content: '';
}
li.mod-breadcrumbs__divider.float-start {
  display: none;
}
.mod-breadcrumbs__wrapper {
  background-color: #f5f5f5;
  border-radius: 10px;
}
.mod-breadcrumbs__wrapper li {
  font-size: 14px;
}
.page-header {
  margin-bottom: 28px;
}
.mod-list.nav {
  width: 100%;
}
.mod-list.nav li {
  margin-right: 33px;
  padding: 20px 0;
}
.mod-list.nav li:last-child {
  margin-right: 0;
}
header .nav li a {
  color: white;
  font-size: 14px;
  text-decoration: none;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0.2px;
  border-bottom: 1px solid transparent;
}
header .nav li a:hover {
  border-bottom: 1px solid white;
}
.form-group {
  margin-bottom: 14px;
}
.list-unstyled {
  display: flex;
  justify-content: space-between;
}
.list-unstyled li a {
  text-decoration: none;
  font-size: 14px;
}
.button {
  display: block;
  width: 100%;
  padding: 14px;
  font-size: 18px;
  border: none;
  color: #FFF;
}
h2.subbaner_header {
  color: white;
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
h3.subbaner_subheader {
  color: #FFF;
  font-family: Noto Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
h2.h2-heading {
  color: #202020;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 30px;
}
.left-side-block {
  background: linear-gradient(180deg, #DAC4AC 0%, #B7A189 100%);
}
h5.pack-heading.left-postion-block {
  color: white;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.pack_row.left-postion-block {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 40px;
}
.pack_row.left-postion-block div {
  color: white;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding: 12px 22px;
  border: 1px solid white;
  border-radius: 30px;
  margin-right: 20px;
}
.pack_row.left-postion-block div:last-child {
  margin-right: 0;
}
.right-side-block {
  display: flex;
  background: #EDECEA;
}
.left-side-block img {
  display: block;
  margin: 0 auto;
}
h2.h2-heading-small {
  color: black;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px;
  letter-spacing: 0.175px;
}
h5.h5-small-heading {
  margin-top: 20px;
  color: black;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.175px;
}
h6.h6-small-subheading {
  color: black;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0.175px;
}
.gray-row {
  background: #EDECEA;
  padding: 40px 0;
}
.gray-row__item {
  flex: 0 0 auto;
  text-align: center;
}
.gray-row__item span {
  display: block;
  margin-top: 12px;
  color: #000;
  text-align: center;
  font-size: 13.234px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0.175px;
}
.bordered-row__item {
  padding: 30px 40px;
  flex: 0 0 auto;
  border-bottom: 1px solid #E8E8E8;
  border-right: 1px solid #E8E8E8;
}
.bordered-row__item:last-child {
  border-right: 1px solid transparent;
}
.bordered-row__item h6 {
  color: black;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
  letter-spacing: 0.175px;
}
.success, .error {
  display: none;
  width: 100%;
  text-align: center;
  padding: 12px;
  color: white;
}
.success {
  background: #58d75d;
}
.error {
  background: #f36060;
}
.input-row {
  width: 100%;
  display: flex;
}
.input-row input {
  padding: 12px 0;
  border: none;
  border-bottom: 1px solid #F0F0F0;
  background: transparent;
}
.form-btn-small {
  border: none;
  background: transparent;
  border-bottom: 1px solid #F0F0F0;
}
.confidentiality span {
  font-size: 14px;
  color: #757575;
}
.confidentiality span a {
  color: #303030;
}
footer.container-footer.footer.full-width {
  padding: 44px 0;
}
span.footer-block-title {
  color: black;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  display: block;
  margin-bottom: 28px;
}
footer ul.mod-menu.mod-list.nav {
  max-width: 280px;
}
footer ul.mod-menu.mod-list.nav li {
  flex: 0 0 auto;
  width: 50%;
  margin: 12px 0;
}
footer ul.mod-menu.mod-list.nav li a {
  color: #303030;
  opacity: 0.5;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}
footer ul.mod-menu.mod-list.nav li a:hover {
  opacity: 1;
}
.footer-contacts, .footer-contacts a {
  color: black;
  text-decoration: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
}
.footer-contacts a:hover {
  color: #5e5e5e;
}
nav.mod-breadcrumbs__wrapper a {
  color: #3D3D3D;
}
.cards-category a {
  display: block;
  /* padding: 20px; */
  /* background: #fff !important; */
  height: 100%;
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  font-style: normal;
  /* font-weight: 600; */
  line-height: 140%;
  text-decoration: none;
}
.cards-category a img {
  height: 380px;
  width: 100%;
  object-fit: cover;
}
.cards-category a span {
  margin-top: 10px;
  display: block;
}
/* .cards-category a:hover {
  box-shadow: 0 4px 8px rgb(0 0 0 / 10%);
} */
.gallery-block {
  display: flex;
  flex-wrap: wrap;
}
#main-photo {
  flex: 0 0 auto;
  width: 100%;
}
.field-entry.foto-1, .field-entry.foto-2, .field-entry.foto-3, .field-entry.foto-4, .field-entry.foto-5, .field-entry.foto-6, .field-entry.foto-7, .field-entry.foto-8, .field-entry.foto-9 {
  flex: 0 0 25%;
  width: 25%;
  padding: 10px;
}
.field-entry img {
  object-fit: cover;
  cursor: pointer;
}
#main-photo img {
    width: 100%;
    object-fit: cover;
}
.main-btn {
  background: black;
  text-align: center;
  text-decoration: none;
}
.main-btn:hover, .input-group button:hover, .input-group button:focus, .input-group button:active {
  background: rgb(32, 32, 32) !important;
  border-color: transparent;
  color: white;
}
.main-btn:focus, input#q:focus, .input-group button:focus, .input-group button:active  {
  box-shadow: 0 0 0 3px rgb(0 0 0 / 35%) !important;
  border-color: transparent;
}
.main-btn.application-popup {
  margin-top: 16px;
}
.modal-bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 80%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 3;
}
.modal-bg .ajax-form {
  margin: auto;
  max-width: 600px;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: -3px 4px 19px rgb(0 0 0 / 30%);
}
.form-input {
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #a3a3a3;
  margin-top: 6px;
  padding: 4px 0;
  transition: 0.2s;
  -webkit-transition: 0.2s;
}
.form-input:focus {
  background: #f5f5f5;
  padding: 12px 6px;
  outline: none;
}
.cross {
  cursor: pointer;
}
.cross:hover {
  fill: rgb(32, 32, 32);
}
.awesomplete {
  margin-top: 8px;
}
input#q {
  border-radius: 0;
}
.input-group button {
  margin-top: 8px;
  background: black;
  border-color: black;
  border-radius: 0;
}
.burger-menu {
  height: 50px;
  width: 50px;
  margin-right: 0;
  display: flex;
  cursor: pointer;
  position: relative;
  padding: 10px;
  background: #fff;
  border-radius: 25px;
  z-index: 4
}
.burger-menu-top__block {
  position: absolute;
  top: 15px;
  width: 30px;
  height: 3px;
  background: #000;
  transition: .2s;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out
}
.burger-menu-middle__block {
  width: 100%;
  height: 3px;
  background: #000;
  margin: auto;
  transition: .2s;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out
}
.burger-menu-bottom__block {
  position: absolute;
  bottom: 15px;
  width: 30px;
  height: 3px;
  background: #000;
  transition: .2s;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out
}
.active .burger-menu-bottom__block {
  transform: rotate(-45deg);
  bottom: 23px
}
.active .burger-menu-middle__block {
  opacity: 0
}
.active .burger-menu-top__block {
  transform: rotate(45deg);
  top: 23px
}
.mobile-menu-block {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 3;
  padding: 30px 0
}
.mobile-menu-block li {
  margin-bottom: 20px
}
.mobile-menu-block {
  padding: 30px 50px;
}
.mobile-menu-block li {
  width: 100%;
}
header .mobile-menu-block li a {
  font-size: 16px;
  color: black;
}
.small {
  display: none;
  position: fixed;
  top: auto;
  margin-top: 20px;
  left: 0;
  background: white;
  height: 100vh !important;
  width: 35%;
  padding-top: 56px;
  z-index: 88;
  overflow: auto;
}
ul.small li {
  margin-top: 14px;
  padding: 0 !important;
}
ul.small li a {
  color: black;
}
ul.small li a:hover {
  border-bottom: 1px solid black;
}
.parent {
  transition: 0.2s;
  -webkit-transition: 0.2s;
}
.parent.open-catalog:after {
  content: '';
  position: fixed;
  top: auto;
  margin-top: 44px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 50%);
  z-index: 14;
}
.small li:first-child::before {
  content: 'КОЛЛЕКЦИИ';
  position: absolute;
  top: auto;
  margin-top: -30px;
  left: auto;
  margin-left: -18px;
  font-weight: 700;
  font-size: 12px;
}
.color-palette {
  margin-bottom: 20px;
}
/* span.field-entry.tsvetovaya-palitra {
  display: none;
} */
div.opisanie-tovara {
  padding: 36px 20px;
  margin: 10px 0;
  background: #f0e6dc;
}
.collapse-item {
  padding: 20px 28px;
}
.collapse-item div.opisanie-tovara {
  padding: 0;
  background: transparent;
  margin-bottom: 24px;
}
.collapse-header {
  padding: 5px 0 0 0 !important;
}
.collapse-body {
  display: none;
  padding-top: 14px;
  font-size: 14px;
}
.collapse-item ul {
  padding: 0;
  list-style: none;
}
li.tab-link {
  display: flex;
  margin-top: 14px;
}
.collapse-header svg {
  fill: #686868;
  transform: rotate(180deg);
  border: 1px solid #FAFAFA;
  background: #FAFAFA;
}
.collapse-header svg.collapse-svg-active {
  fill: black;
  transform: rotate(0deg);
  border: 1px solid black;
  background: #FAFAFA;
}
svg.small-svg {
  width: 1.42857rem;
  height: 1.42857rem;
  display: block;
  vertical-align: middle;
  position: relative;
  top: -0.063em;
  fill: black;
  margin-right: 8px;
}
svg.small-svg:not(:root) {
  overflow: hidden;
}
.color-palette label {
  display: inline;
}
.color-palette input {
  display: none;
}
.color-palette input + label {
border-radius: 30px;
border: 1px solid rgba(0, 0, 0, 0.10);
display: inline-block;
position: relative;
width: 44px;
height: 44px;
margin-right: 6px;
margin-bottom: 6px;
cursor: pointer;
transition: 0.2s;
-webkit-transition: 0.2s;
}
.color-palette input + label:hover {
opacity: 0.4;
}
.color-palette #Зеленый + label {
background: #4CAF50;
}
.color-palette #Белый + label {
background: #FFF;
}
.color-palette #Кремовый + label {
background: #F2F8A5;
}
.color-palette #Синий + label {
background: #170c77;
}
.color-palette #Желтый + label {
background: #FFEB3B;
}
.color-palette #Серый + label {
background: #979797;
}
.color-palette #Коричневый + label {
background: #461f0d;
}
.color-palette #Черный + label {
background: #0a0a0a;
}
.color-palette #Красный + label {
background: #750d0d;
}
.color-palette #Лиловый + label {
background: #57112c;
}
.color-palette #Темнозеленый + label {
background: #05292b;
}
.color-palette #Серый + label {
background: #474747;
}
.color-palette #Зеленый:checked + label {
  box-shadow: 0 0 0 3px rgba(114, 255, 96, 0.35);
}
.color-palette #Белый:checked + label {
  box-shadow: 0 0 0 3px rgba(224, 224, 224, 0.35);
}
.color-palette #Кремовый:checked + label {
  box-shadow: 0 0 0 3px rgba(233, 212, 119, 0.35);
}
.color-palette #Синий:checked + label {
  box-shadow: 0 0 0 3px rgba(114, 255, 96, 0.35);
}
.color-palette #Желтый:checked + label {
  box-shadow: 0 0 0 3px rgba(255, 244, 96, 0.35);
}
.color-palette #Серый:checked + label {
  box-shadow: 0 0 0 3px rgba(146, 146, 146, 0.35);
}
.color-palette #Коричневый:checked + label {
  box-shadow: 0 0 0 3px rgba(211, 146, 60, 0.35);
}
.color-palette #Черный:checked + label {
  box-shadow: 0 0 0 3px rgba(75, 75, 75, 0.35);
}
.color-palette #Красный:checked + label {
  box-shadow: 0 0 0 3px rgba(255, 133, 96, 0.35);
}
.color-palette #Лиловый:checked + label {
  box-shadow: 0 0 0 3px rgba(255, 96, 207, 0.35);
}
.color-palette #Темнозеленый:checked + label {
  box-shadow: 0 0 0 3px rgba(96, 255, 247, 0.35);
}
.color-palette #Серый:checked + label {
  box-shadow: 0 0 0 3px rgba(63, 63, 63, 0.35);
}
.swiper-button-next:after, .swiper-button-prev:after {
  color: black !important;
}
.delivery-options h5, .collapse-header {
  margin: 0;
  padding: 1.21429rem 0;
  position: relative;
  border: none;
  border-bottom: 0;
  cursor: pointer;
}
.delivery-options h6 {
  font-size: 14px;
  line-height: 1.57143rem;
  letter-spacing: .01643rem;
  margin-top: 0;
  margin-bottom: 1.07143rem;
}
.delivery-options p {
  font-size: 12px;
}
.delivery-options span {
  font-size: 12px;
  color: #ea8f18;
}