@import url(./css/fonts.css);

:root {
   --main: #DCA869;
   --bg: #232323;
   --white: #fff;
   --black: #171717;
   --red: #FF8181;
   --gray: #5D636F;
   --gray-light: #DDE3E6;
}

body {
   font-size: 16px;
   background: var(--bg);
   font-family: 'Gilroy';
   line-height: 1.375;
}

body.hidden {
   overflow: hidden;
}

.wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   min-height: 100vh;
}

@media (min-width: 1200px) {
   ::-webkit-scrollbar {
      width: 12px;
      height: 5px;
      background: var(--bg);
   }

   ::-webkit-scrollbar-button {
      display: none;
   }

   ::-webkit-scrollbar-thumb {
      background: var(--main);
      border-radius: 50px;
      border: 3px solid transparent;
      background-clip: content-box;
   }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   /* display: none; <- Crashes Chrome on hover */
   -webkit-appearance: none;
   margin: 0;
   /* <-- Apparently some margin are still there even though it's hidden */
}

.form-control {
   background-color: var(--black);
   border-radius: 4px;
   border: 1px solid var(--white);
   font-size: 14px;
   font-weight: 500;
   line-height: 1.35;
   color: var(--white) !important;
   height: auto;
   padding: 8px 12px;
   -webkit-transition: 0.3s ease, background-position 0s;
   -o-transition: 0.3s ease, background-position 0s;
   transition: 0.3s ease, background-position 0s;
}

@media (max-width: 767px) {
   .form-control {
      font-size: 14px;
      padding: 10px 14px;
   }
}

.form-control:hover {
   border-color: var(--main)
}

.form-control:focus {
   background-color: var(--black);
   border-color: var(--main)
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
   /* border-color: var(--red); */
   border-color: var(--main);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23FF8181'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF8181' stroke='none'/%3e%3c/svg%3e");
}

.form-control.is-valid,
.was-validated .form-control:valid {
   /* border-color: #3ad466; */
   border-color: var(--main);
   background-image: none;
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus,
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
   border-color: var(--main)
}

.form-control::-webkit-input-placeholder {
   font-weight: 500;
   color: rgba(255, 255, 255, 0.6);
   opacity: 1;
}

.form-control::-moz-placeholder {
   font-weight: 500;
   color: rgba(255, 255, 255, 0.6);
   opacity: 1;
}

.form-control:-ms-input-placeholder {
   font-weight: 500;
   color: rgba(255, 255, 255, 0.6);
   opacity: 1;
}

.form-control::-ms-input-placeholder {
   font-weight: 500;
   color: rgba(255, 255, 255, 0.6);
   opacity: 1;
}

.form-control::placeholder {
   font-weight: 500;
   color: rgba(255, 255, 255, 0.6);
   opacity: 1;
}

input:focus,
textarea:focus {
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
   outline: none;
}

.textarea {
   -webkit-transition: all 0.3s ease, height 0s !important;
   -o-transition: all 0.3s ease, height 0s !important;
   transition: all 0.3s ease, height 0s !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   opacity: 1;
   font-weight: 500;
   color: rgba(255, 255, 255, 0.6);
}

input::-moz-placeholder,
textarea::-moz-placeholder {
   opacity: 1;
   font-weight: 500;
   color: rgba(255, 255, 255, 0.6);
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   opacity: 1;
   font-weight: 500;
   color: rgba(255, 255, 255, 0.6);
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   opacity: 1;
   font-weight: 500;
   color: rgba(255, 255, 255, 0.6);
}

input::placeholder,
textarea::placeholder {
   opacity: 1;
   font-weight: 500;
   color: rgba(255, 255, 255, 0.6);
}

input,
textarea {
   font-family: 'Gilroy';
}

textarea {
   resize: none;
}

/* Btn */

.btn {
   -webkit-transition: 0.35s ease;
   -o-transition: 0.35s ease;
   transition: 0.35s ease;
   border-radius: 4px;
   padding: 0;
   border: 0;
   font-size: 16px;
   line-height: 1.35;
   font-weight: 500;
   color: var(--black);
   text-align: center;
   background: transparent;
}

.btn:disabled {
   opacity: 1;
}

.btn:focus,
button:focus {
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
   outline: none;
}

.btn-main {
   background: var(--main);
   color: var(--black);
}

.btn-main:hover {
   background: var(--white);
   color: var(--black);
}

.btn-trans {
   background: transparent;
   color: var(--main);
   border: 1px solid var(--main)
}

.btn-trans:hover {
   background: var(--main);
   color: var(--black);
}

.btn-icon {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-column-gap: 7px;
   -moz-column-gap: 7px;
   column-gap: 7px;
}

.btn-icon svg {
   -webkit-transition: 0.3s ease;
   -o-transition: 0.3s ease;
   transition: 0.3s ease;
}

.btn-main.btn-icon svg {
   fill: var(--black);
}

.btn-trans.btn-icon svg {
   fill: var(--main)
}

.btn-trans.btn-icon:hover svg {
   fill: var(--black)
}


ul {
   list-style: none;
   padding-left: 0;
   margin-bottom: 0;
}

/* Links */

a {
   color: var(--black);
   text-decoration: none;
   -webkit-transition: 0.4s ease;
   -o-transition: 0.4s ease;
   transition: 0.4s ease;
}

a:hover {
   color: var(--main);
}

/* Titles */

h1,
h2,
h3,
h4,
h5,
h6 {
   margin: 0;
   line-height: 1.25;
   color: var(--main);
}

.title {
   color: var(--main);
   font-weight: 500;
   text-transform: uppercase;
   font-size: 64px;
   letter-spacing: 0.02em;
   line-height: 1.25;
}

@media (max-width: 1329px) {
   .title {
      font-size: 52px;
   }
}

@media (max-width: 991px) {
   .title {
      font-size: 44px;
   }
}

@media (max-width: 575px) {
   .title {
      font-size: 24px;
   }
}

/* Container */

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

@media (max-width: 1329px) {
   ._container {
      max-width: 1200px;
   }
}

@media (max-width: 1199px) {
   ._container {
      max-width: 992px;
   }
}

@media (max-width: 991px) {
   ._container {
      max-width: 768px;
   }
}

@media (max-width: 767px) {
   ._container {
      max-width: 576px;
   }
}

@media (max-width: 575px) {
   ._container {
      max-width: 100%;
   }
}

/* Main */

.main {
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   padding-bottom: 60px;
   position: relative;
   overflow: hidden;
}

@media (max-width: 991px) {
   .main {
      overflow: initial;
   }
}

/* Select */

.select {
   position: relative;
}

.select__btn {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 8px;
}

.select__btn span {
   white-space: nowrap;
   font-size: 14px;
   font-weight: 600;
   color: var(--color);
   overflow: hidden;
   -o-text-overflow: ellipsis;
   text-overflow: ellipsis;
}

@media (max-width: 1199px) {
   .select__btn span {
      font-size: 14px;
   }
}

.select__btn>svg:last-child {
   -webkit-transition: 0.35s ease-in-out;
   -o-transition: 0.35s ease-in-out;
   transition: 0.35s ease-in-out;
   width: 10px;
   height: 6px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 10px;
   flex: 0 0 10px;
}

.select__btn.active>svg:last-child {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}

.select__list {
   display: none;
   position: absolute;
   top: 100%;
   left: 0;
   min-width: 100%;
   list-style: none;
   padding-left: 0;
   margin-bottom: 0;
   z-index: 10;
}

.select__item {
   -webkit-transition: 0.35s ease;
   -o-transition: 0.35s ease;
   transition: 0.35s ease;
   cursor: pointer;
}

.select__item.active {
   pointer-events: none;
}

/* /Select */

/* Cart modal */

.offcanvas {
   border: 0;
   background: transparent;
   top: auto !important;
   height: calc(100% - 70px);
   top: 70px;
   width: 360px;
   z-index: 1001;
}

@media (max-width: 767px) {
   .offcanvas {
      height: calc(100% - 60px);
      top: 60px;
   }
}

.cart-popup-content {
   background: var(--black);
   height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 20px;
   padding: 20px 20px 30px;
}

.cart-popup-header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.cart-popup-counter {
   color: var(--white);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-column-gap: 8px;
   -moz-column-gap: 8px;
   column-gap: 8px;
   font-size: 16px;
   letter-spacing: 0.02em;
   font-weight: 600;
}

.cart-popup-counter span {
   display: block;
   width: 22px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 22px;
   flex: 0 0 22px;
   height: 22px;
   border-radius: 50%;
   background: var(--white);
   color: var(--black);
   line-height: 24px;
   text-align: center;
   font-size: 14px;
}

.cart-popup-delete {
   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;
   -webkit-column-gap: 7px;
   -moz-column-gap: 7px;
   column-gap: 7px;
   font-size: 14px;
   padding: 0;
   font-weight: 500;
   color: var(--white);
}

.cart-popup-delete:hover {
   color: var(--white);
   opacity: 0.75;
}

.cart-popup-delete svg {
   width: 14px;
   height: 14px;
   fill: var(--white);
   position: relative;
}

.cart-popup-body {
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   overflow-y: auto;
}

.cart-popup-body::-webkit-scrollbar {
   height: 0;
   width: 0;
}

.cart-popup-list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 10px;
}

.cart-popup-item {
   background: var(--black);
   border: 1px solid var(--main);
   border-radius: 10px;
   padding: 10px;
}

.cart-popup-item-header {
   position: relative;
   padding-bottom: 10px;
   border-bottom: 1px solid #F0F0F0;
   margin-bottom: 9px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-column-gap: 15px;
   -moz-column-gap: 15px;
   column-gap: 15px;
   padding-left: 0;
   padding-right: 22px;
   padding-top: 5px;
}

.cart-popup-item-remove {
   position: absolute;
   top: 4px;
   right: 4px;
   padding: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.cart-popup-item-remove svg {
   width: 14px;
   height: 14px;
   fill: #BFBFBF;
   -webkit-transition: 0.35s ease;
   -o-transition: 0.35s ease;
   transition: 0.35s ease;
}

.cart-popup-item-remove:hover svg {
   fill: var(--white)
}

.cart-popup-item-content {
   padding-right: 20px;
}

.cart-popup-item-title {
   font-size: 14px;
   line-height: 1.21;
   color: var(--white);
   font-weight: 500;
   margin-bottom: 5px;
}

.cart-popup-item-list {
   list-style: none;
   padding-left: 0;
   margin-bottom: 0;
}

.cart-popup-item-list li {
   margin-bottom: 0;
   font-size: 12px;
   line-height: 1.35;
   letter-spacing: 0.02em;
   color: #A0A0A0;
}

@media (max-width: 991px) {
   .cart-popup-item-list li {
      font-size: 12px;
      line-height: 1.4;
      margin-bottom: 1px;
   }
}

.cart-popup-item-list li:last-child {
   margin-bottom: 0;
}

.cart-popup-item-footer {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.cart-popup-item-price {
   font-size: 18px;
   font-weight: 600;
   line-height: 1.35;
   letter-spacing: 0.02em;
   color: var(--white);
}

.qnt {
   border: 1px solid var(--white);
   border-radius: 9px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.qnt-btn {
   padding: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.qnt-btn svg {
   width: 10px;
   height: 10px;
   fill: #949494;
   -webkit-transition: 0.3s ease;
   -o-transition: 0.3s ease;
   transition: 0.3s ease;
}

.qnt-btn:hover svg {
   fill: var(--white)
}

.qnt-minus {
   padding-top: 10px;
   padding-left: 10px;
   padding-bottom: 10px;
   padding-right: 6px;
}

.qnt-input {
   padding: 0;
   text-align: center;
   width: 26px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 26px;
   flex: 0 0 26px;
   border: 0;
   border-radius: 0;
   color: #949494;
   font-size: 14px;
   font-weight: 500;
   background: transparent;
}

.qnt-input::-webkit-outer-spin-button,
.qnt-input::-webkit-inner-spin-button {
   /* display: none; <- Crashes Chrome on hover */
   -webkit-appearance: none;
   margin: 0;
   /* <-- Apparently some margin are still there even though it's hidden */
}

.qnt-plus {
   padding-top: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   padding-left: 6px;
}

.cart-popup-footer {
   border-top: 1px solid #F0F0F0;
   padding-top: 10px;
}

.cart-popup-footer-total {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.cart-popup-footer-title {
   font-size: 16px;
   color: var(--main);
   font-weight: 600;
   line-height: 1.21;
   letter-spacing: 0.02em;
}

.cart-popup-footer-price {
   font-size: 16px;
   color: var(--main);
   font-weight: 600;
   line-height: 1.21;
   letter-spacing: 0.02em;
}

.cart-popup-empty {
   background: var(--bg);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding: 30px 15px;
   border-radius: 4px;
}

.cart-popup-empty-icon {
   margin-bottom: 20px;
}

.cart-popup-empty-icon svg {
   fill: var(--white);
   width: 100px;
   height: 100px;
}

.cart-popup-empty p {
   margin-bottom: 0;
   font-weight: 500;
   font-size: 16px;
   line-height: 1.4;
   color: var(--white);
}

/* Cart modal end */

/* Slider nav */

.slider-nav {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-column-gap: 10px;
   -moz-column-gap: 10px;
   column-gap: 10px;
}

.slider-nav span {
   display: block;
   width: 8px;
   height: 8px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 8px;
   flex: 0 0 8px;
   border-radius: 50%;
   background: var(--main);
}

.slider-arrow {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-transition: 0.3s ease;
   -o-transition: 0.3s ease;
   transition: 0.3s ease;
}

.slider-arrow.swiper-button-disabled {
   opacity: 0.3;
   pointer-events: none;
}

.slider-arrow svg {
   fill: var(--main);
   width: 95px;
   height: 19px;
   -webkit-transition: 0.35s ease;
   -o-transition: 0.35s ease;
   transition: 0.35s ease;
}

@media (min-width: 992px) {
   .slider-arrow-prev:hover svg {
      -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      transform: translateX(-20px);
   }

   .slider-arrow-next:hover svg {
      -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
      transform: translateX(20px);
   }
}

/* Slider nav end */

/* Modal */

.modal-menu {
   display: none;
}

@media (max-width: 1199px) {
   .modal-menu {
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1010;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: 0.4s ease-in-out;
      -o-transition: 0.4s ease-in-out;
      transition: 0.4s ease-in-out;
      -webkit-transition-delay: 0.4s;
      -o-transition-delay: 0.4s;
      transition-delay: 0.4s;
   }

   .modal-menu.show {
      -webkit-transition-delay: 0s;
      -o-transition-delay: 0s;
      transition-delay: 0s;
      opacity: 1;
      visibility: visible;
   }

   .modal-menu-dialog {
      background: rgba(0, 0, 0, 0.5);
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
   }

   .modal-menu-content {
      background: var(--black);
      width: 100%;
      max-width: 320px;
      position: relative;
      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;
      gap: 25px;
      padding: 60px 40px 100px;
      overflow-y: auto;
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
      -webkit-transition: 0.4s ease-in-out;
      -o-transition: 0.4s ease-in-out;
      transition: 0.4s ease-in-out;
      -webkit-transition-delay: 0s;
      -o-transition-delay: 0s;
      transition-delay: 0s;
   }

   .modal-menu.show .modal-menu-content {
      -webkit-transition-delay: 0.4s;
      -o-transition-delay: 0.4s;
      transition-delay: 0.4s;
      -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
      transform: translateX(0%);
   }

   .modal-menu-close {
      position: absolute;
      top: 13px;
      right: 6px;
      padding: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }

   .modal-menu-close svg {
      width: 15px;
      height: 15px;
      fill: var(--white)
   }

   .modal-menu-list {
      list-style: none;
      padding-left: 0;
      margin-bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 25px
   }

   .modal-menu-list>li>a {
      color: var(--white);
      font-size: 16px;
      font-weight: 500;
      line-height: 1;
   }

   .modal-menu-list>li.current-menu-parent>a,
   .modal-menu-list>li.current-menu-item>a {
      color: var(--main);
   }

   .modal-menu-list>li>.sub-menu {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      padding-top: 16px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 15px;
      list-style: disc;
      color: var(--white);
      padding-left: 1.5em;
      font-size: 14px;
   }

   .modal-menu-list>li>.sub-menu>li {
      font-size: 14px;
   }

   .modal-menu-list>li>.sub-menu>li>a {
      color: var(--white);
      font-size: 14px;
      font-weight: 500;
      display: block;
   }

   .modal-menu-list>li>.sub-menu>li.current-menu-item>a {
      color: var(--main);
   }

   .modal-menu-phones {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 15px;
      list-style: none;
      padding-left: 0;
      margin-bottom: 0;
   }

   .modal-menu-phones a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-column-gap: 10px;
      -moz-column-gap: 10px;
      column-gap: 10px;
      color: var(--main);
      font-size: 14px;
      white-space: nowrap;
      font-weight: 500;
   }

   .modal-menu-phones a svg {
      width: 14px;
      height: 14px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 14px;
      flex: 0 0 14px;
      fill: var(--main)
   }
}

@media (max-width: 767px) {
   .modal-menu-list>li>a.btn {
      font-size: 16px;
   }
}

/* Modal end */

/* Header */

.header {
   position: sticky;
   top: 0;
   left: 0;
   width: 100%;
   background: var(--black);
   z-index: 1000;
}

.header-body {
   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: 15px 0;
}

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

.header-logo a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 40px;
}

@media (max-width: 767px) {
   .header-logo a {
      height: 30px;
   }
}

.header-logo a img {
   height: 100%;
   width: auto;
}

.header-menu {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-column-gap: 18px;
   -moz-column-gap: 18px;
   column-gap: 18px;
}

@media (max-width: 1329px) and (min-width: 1200px) {
   .header-menu {
      -webkit-column-gap: 14px;
      -moz-column-gap: 14px;
      column-gap: 14px;
   }
}

@media (max-width: 1199px) {
   .header-menu {
      display: none;
   }
}

.header-menu>li {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
}

.header-menu li a {
   font-size: 14px;
   font-weight: 600;
   color: var(--white);
   letter-spacing: 0.02em;
   line-height: 20px;
}

@media (max-width: 1329px) {
   .header-menu li a {
      font-size: 14px;
   }
}

.header-menu li a:hover {
   color: var(--main);
}

.header-menu li.current-menu-parent>a,
.header-menu li.current-menu-item>a {
   color: var(--main);
}

.header-menu>li>ul.sub-menu {
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
   -webkit-transition: 0.3s ease;
   -o-transition: 0.3s ease;
   transition: 0.3s ease;
   position: absolute;
   background: var(--black);
   top: 100%;
   padding: 10px;
   border-radius: 0 0 4px 4px;
   left: -10px;
}

.header-menu>li:hover ul.sub-menu {
   opacity: 1;
   visibility: visible;
   pointer-events: all;
}

.header-menu>li>ul.sub-menu>li>a {
   white-space: nowrap;
   display: block;
   padding: 4px 0;
}

.header-nav {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-column-gap: 30px;
   -moz-column-gap: 30px;
   column-gap: 30px;
}

@media (max-width: 1329px) {
   .header-nav {
      -webkit-column-gap: 20px;
      -moz-column-gap: 20px;
      column-gap: 20px;
   }
}

@media (max-width: 1199px) {
   .header-nav {
      -webkit-column-gap: 30px;
      -moz-column-gap: 30px;
      column-gap: 30px;
   }
}

.social-icons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-column-gap: 18px;
   -moz-column-gap: 18px;
   column-gap: 18px;
}

.social-icons a svg {
   fill: var(--white);
   -webkit-transition: 0.35s ease;
   -o-transition: 0.35s ease;
   transition: 0.35s ease;
}

.social-icons a:hover svg {
   fill: var(--main)
}

@media (max-width: 767px) {
   .header-social {
      display: none;
   }
}

.header-actions {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-column-gap: 10px;
   -moz-column-gap: 10px;
   column-gap: 10px;
}

@media (max-width: 1329px) and (min-width: 1200px) {
   .header-actions {
      -webkit-column-gap: 5px;
      -moz-column-gap: 5px;
      column-gap: 5px;
   }
}

@media (max-width: 767px) {
   .header-actions {
      display: none;
   }
}

.header-call {
   padding: 8px;
}

.header-call * {
   pointer-events: none;
}

.header-call svg {
   width: 14px;
   height: 14px;
}

.header-reserve {
   padding: 5px 13px;
   font-size: 13px;
   font-weight: 500;
   /* line-height: 20px; */
}

.header-reserve svg {
   width: 20px;
   height: 20px;
}

.bars {
   display: none;
}

@media (max-width: 1199px) {
   .bars {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0;
      border-radius: 0;
   }

   .bars svg {
      fill: var(--white);
      -webkit-transition: 0.35s ease;
      -o-transition: 0.35s ease;
      transition: 0.35s ease;
      width: 30px;
      height: 30px;
   }
}

/* Header shop elements */

.header-shop-action {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-column-gap: 20px;
   -moz-column-gap: 20px;
   column-gap: 20px;
}

@media (max-width: 575px) {
   .header-shop-lang {
      display: none;
   }
}

.header-shop-lang .select__btn {
   padding: 0;
}

.header-shop-lang .select__btn span {
   color: var(--white);
   font-size: 14px;
   font-weight: 500;
}

@media (max-width: 1329px) and (min-width: 1200px) {
   .header-shop-lang .select__btn {
      max-width: 50px;
   }

   .header-shop-lang .select__btn span {
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      display: -moz-box;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      line-clamp: 1;
      box-orient: vertical;
   }
}

.header-shop-lang .select__btn svg {
   fill: var(--white);
   width: 14px;
   height: 7px;
}

.header-shop-lang .select__list {
   background: var(--black);
   border-radius: 0 0 4px 4px;
   z-index: 2;
   padding: 10px;
   left: -10px;
   width: calc(100% + 20px);
}

.header-shop-lang .select__item {
   margin-bottom: 4px;
}

.header-shop-lang .select__item:last-child {
   margin-bottom: 0;
}

.header-shop-lang .select__item a {
   color: var(--white);
   font-weight: 500;
   font-size: 14px;
   display: block;
}

.header-shop-lang .select__item:hover a {
   color: var(--main);
}

.header-shop-lang .select__item.active a {
   color: var(--main);
}

.header-shop-cart {
   -webkit-column-gap: 8px;
   -moz-column-gap: 8px;
   column-gap: 8px;
   padding: 5px 13px;
   position: relative;
}

.header-shop-cart b {
   display: block;
   line-height: 20px;
   width: 18px;
   height: 18px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 18px;
   flex: 0 0 18px;
   border-radius: 50%;
   background: var(--main);
   text-align: center;
   font-weight: 600;
   font-size: 12px;
   color: var(--black);
   -webkit-transition: 0.3s ease;
   -o-transition: 0.3s ease;
   transition: 0.3s ease;
}

@media (min-width: 576px) {
   .header-shop-cart:hover b {
      background: var(--black);
      color: var(--main);
   }
}

@media (max-width: 575px) {
   .header-shop-cart {
      padding: 0;
      border: 0;
      border-radius: 0;
   }

   .header-shop-cart span {
      display: none;
   }

   .header-shop-cart:hover {
      background: transparent;
   }

   .header-shop-cart .header-shop-cart-cart,
   .header-shop-cart:hover .header-shop-cart-cart {
      fill: var(--white) !important
   }

   .header-shop-cart b {
      position: absolute;
      right: 0;
      top: -2px;
      width: 12px;
      height: 12px;
      line-height: 12px;
      font-size: 8px;
   }
}

.header-shop-cart .header-shop-cart-cart {
   width: 20px;
   height: 20px;
}

.header-shop-cart-close {
   display: none;
}

.header-shop-cart.active {
   color: var(--main);
   border-color: var(--main);
}

.header-shop-cart.active:hover {
   color: var(--black);
}

@media (max-width: 575px) {
   .header-shop-cart .header-shop-cart-cart {
      width: 25px;
      height: 25px;
      fill: var(--white)
   }
   .header-shop-cart-close {
      width: 18px;
      height: 18px;
      fill: var(--white) !important;
      position: relative;
      left: -4px;
   }
   .header-shop-cart.active .header-shop-cart-close {
      display: block !important;
   }
   .header-shop-cart.active .header-shop-cart-cart {
      display: none;
   }
   .header-shop-cart.active b {
      display: none;
   }
}

.header-shop-cart span {
   font-size: 13px;
}

/* Header end */

/* Footer */

.footer {
   background: var(--black);
}

.footer-body {
   padding: 50px 0 10px;
}

@media (max-width: 767px) {
   .footer-body {
      padding: 40px 0 86px;
   }
}

.footer-middle {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-bottom: 56px;
}

@media (max-width: 991px) {
   .footer-middle {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }
}

@media (max-width: 767px) {
   .footer-middle {
      margin-bottom: 0;
   }
}

.footer-points {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 63%;
   flex: 0 0 63%;
   width: 63%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding-right: 100px;
   -webkit-column-gap: 20px;
   -moz-column-gap: 20px;
   column-gap: 20px;
}

@media (max-width: 1329px) {
   .footer-points {
      padding-right: 50px;
   }
}

@media (max-width: 1199px) {
   .footer-points {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 70%;
      flex: 0 0 70%;
      width: 70%;
   }
}

@media (max-width: 991px) {
   .footer-points {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      width: 100%;
      padding-bottom: 40px;
      padding-right: 0;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      row-gap: 40px;
   }
}

@media (max-width: 767px) {
   .footer-points {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-column-gap: 60px;
      -moz-column-gap: 60px;
      column-gap: 60px;
      row-gap: 15px;
   }
}

@media (max-width: 575px) {
   .footer-points {
      -webkit-column-gap: 15px;
      -moz-column-gap: 15px;
      column-gap: 15px;
   }
}

@media (max-width: 575px) {
   .footer-point {
      /* width: 100%; */
      flex: 1 0 calc(50% - 7.5px);
      background: rgba(255, 255, 255, 0.07);
      padding: 25px;
      border-radius: 10px;
   }   
}

.footer-point>*:last-child {
   margin-bottom: 0;
}

.footer-point-title {
   text-transform: uppercase;
   font-size: 20px;
   font-weight: 500;
   line-height: 1;
   margin-bottom: 1em;
   padding-bottom: 1em;
   position: relative;
   letter-spacing: 0.02em;
}

.footer-point-title:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100px;
   height: 1px;
   background: var(--main);
}

.footer-point-list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 10px;
   margin-bottom: 15px;
}

.footer-point-list li,
.footer-point-list li a {
   font-size: 14px;
   line-height: 1.5;
   letter-spacing: 0.02em;
   color: var(--white);
}

.footer-point-list li b {
   font-weight: 400;
}

.footer-point-list li a:hover {
   color: var(--main);
}

.footer-point-subtitle {
   margin-bottom: 10px;
   font-size: 14px;
   line-height: 1.5;
   letter-spacing: 0.02em;
   font-weight: 600;
}

.footer-main {
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   border-left: 1px solid var(--main);
   padding-left: 100px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

@media (max-width: 1329px) {
   .footer-main {
      padding-left: 50px;
   }
}

@media (max-width: 991px) {
   .footer-main {
      padding-left: 0;
      padding-top: 40px;
      border-left: 0;
      border-top: 1px solid var(--main);
   }
}

.footer-menu {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   row-gap: 18px;
   width: 100%;
   margin-bottom: 60px;
}

@media (max-width: 767px) {
   .footer-menu {
      margin-bottom: 40px;
   }
}

.footer-menu li {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
}

.footer-menu a {
   font-size: 16px;
   line-height: 20px;
   color: var(--white);
}

.footer-menu a:hover {
   color: var(--main);
}

.footer-bottom {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 5px;
}

@media (max-width: 767px) {
   .footer-bottom {
      display: none;
   }
}

.footer-bottom p {
   color: var(--white);
   font-size: 10px;
   line-height: 1.2;
   letter-spacing: 0.02em;
   font-weight: 300;
   margin-bottom: 0;
}

/* Footer end */

/* Btn reserve */

.btn-reserve {
   display: none;
}

@media (max-width: 767px) {
   .btn-reserve {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: fixed;
      z-index: 1000;
      bottom: 20px;
      left: 20px;
      right: 20px;
      padding: 13px;
      font-size: 14px;
      font-weight: 500;
   }

   .btn-reserve svg {
      width: 20px;
      height: 20px;
   }
}

/* Btn reserve end */

/* Preview */

.preview {
   padding-top: 55px;
   margin-bottom: 60px;
}

@media (max-width: 1329px) {
   .preview {
      padding-top: 30px;
   }
}

@media (max-width: 767px) {
   .preview {
      margin-bottom: 0;
   }
}

.preview-body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 0 -8px;
}

@media (max-width: 991px) {
   .preview-body {
      display: block;
      margin: 0;
      --stack-cards-gap: 100px;
      --stack-cards-item-ratio: 2/1;
   }
}

@media (max-width: 767px) {
   .preview-body {
      --stack-cards-gap: 90px;
   }
}

.preview-item {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 33.3%;
   flex: 1 1 33.3%;
   -webkit-transition: 0.7s ease;
   -o-transition: 0.7s ease;
   transition: 0.7s ease;
   padding: 0 8px;
}

@media (min-width: 992px) {
   .preview-item:hover {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
      flex: 1 0 50%;
   }
}

@media (max-width: 991px) {
   .preview-item {
      position: relative;
      position: sticky;
      top: var(--stack-cards-gap);
      height: 0;
      padding-bottom: 420px;
      -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
      transform-origin: center top;
      -webkit-transition: 0.1s ease;
      -o-transition: 0.1s ease;
      transition: 0.1s ease;
   }
}

.preview-item-body {
   border-radius: 10px;
   overflow: hidden;
   position: relative;
   display: block;
}

.preview-item-img {
   margin-bottom: 0;
   position: relative;
   height: 650px;
}

@media (max-width: 1329px) {
   .preview-item-img {
      height: 560px;
   }
}

@media (max-width: 1199px) {
   .preview-item-img {
      height: 500px;
   }
}

@media (max-width: 991px) {
   .preview-item-img {
      height: 400px;
   }
}

.preview-item-img:before {
   content: '';
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(11, 11, 11, 0.53);
   -webkit-transition: 0.7s ease;
   -o-transition: 0.7s ease;
   transition: 0.7s ease;
}

.preview-item:hover .preview-item-img:before {
   background: rgba(11, 11, 11, 0);
}

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

.preview-item-content {
   position: absolute;
   z-index: 3;
   left: 50px;
   bottom: 50px;
}

@media (max-width: 1329px) {
   .preview-item-content {
      left: 30px;
      bottom: 30px;
   }
}

.preview-item-title {
   font-size: 40px;
   font-weight: 600;
   letter-spacing: 0.02em;
   padding-bottom: 10px;
   margin-bottom: 15px;
   position: relative;
   line-height: 1;
   width: -webkit-min-content;
   width: -moz-min-content;
   width: min-content;
}

@media (max-width: 1329px) {
   .preview-item-title {
      font-size: 32px;
   }
}

@media (max-width: 575px) {
   .preview-item-title {
      font-size: 30px;
      padding-bottom: 10px;
      margin-bottom: 10px;
   }
}

.preview-item-title:after {
   content: '';
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100px;
   height: 1px;
   background: var(--main);
}

.preview-item-adress {
   margin-bottom: 0;
   color: var(--white);
   font-size: 20px;
   line-height: 1;
   font-weight: 500;
}

@media (max-width: 1329px) {
   .preview-item-adress {
      font-size: 16px;
   }
}

/* Preview end */

/* Banner */

.banner {
   margin-top: 60px;
}

@media (max-width: 767px) {
   .banner {
      margin-top: 50px;
   }
}

.banner-body {
   border-radius: 10px;
   position: relative;
   overflow: hidden;
   background: var(--black);
   padding: 60px 60px 50px;
}

@media (max-width: 1199px) {
   .banner-body {
      padding: 40px 45px;
   }
}

@media (max-width: 991px) {
   .banner-body {
      padding: 40px 35px;
   }
}

@media (max-width: 575px) {
   .banner-body {
      padding: 30px 20px;
      padding-bottom: 265px;
   }
}

.banner-content {
   max-width: 567px;
}

@media (max-width: 1329px) {
   .banner-content {
      max-width: 500px;
   }
}

@media (max-width: 991px) {
   .banner-content {
      max-width: 440px;
   }
}

@media (max-width: 575px) {
   .banner-content {
      max-width: 100%;
   }
}

.banner-content>* {
   position: relative;
   z-index: 3;
}

.banner-title {
   font-size: 48px;
   color: var(--white);
   line-height: 1.1;
   letter-spacing: 0.02em;
   margin-bottom: 10px;
   font-weight: 600;
}

@media (max-width: 1329px) {
   .banner-title {
      font-size: 40px;
   }
}

@media (max-width: 991px) {
   .banner-title {
      font-size: 36px;
   }
}

@media (max-width: 575px) {
   .banner-title {
      font-size: 20px;
      margin-bottom: 5px;
   }
}

.banner-text {
   color: #909090;
   font-size: 20px;
   font-weight: 500;
   line-height: 1.2;
   margin-bottom: 48px;
}

@media (max-width: 1329px) {
   .banner-text {
      font-size: 16px;
      margin-bottom: 36px;
   }
}

@media (max-width: 575px) {
   .banner-text {
      font-size: 14px;
      margin-bottom: 0;
   }
}

.banner-btn {
   font-size: 22px;
   padding: 12px 22px;
   line-height: 1;
}

@media (max-width: 1329px) {
   .banner-btn {
      font-size: 18px;
   }
}

@media (max-width: 991px) {
   .banner-btn {
      font-size: 16px;
      padding: 10px 18px;
   }
}

@media (max-width: 575px) {
   .banner-btn {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: 30px;
      font-size: 12px;
      padding: 13px 30px;
   }
}

.banner-img {
   position: absolute;
   right: 0;
   top: 0;
   height: 100%;
   margin-bottom: 0;
}

@media (max-width: 575px) {
   .banner-img {
      top: auto;
      bottom: 0;
      width: 100%;
      height: 265px;
   }
}

.banner-img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.banner-img:before {
   content: '';
   position: absolute;
   right: 0;
   top: 0;
   height: 100%;
   width: 710px;
   background: linear-gradient(87.99deg, #171717 7.05%, rgba(11, 11, 11, 0.31) 130.86%);
}

@media (max-width: 575px) {
   .banner-img:before {
      background: -o-linear-gradient(272.25deg, #171717 4.97%, rgba(11, 11, 11, 0) 108.64%);
      background: linear-gradient(177.75deg, #171717 4.97%, rgba(11, 11, 11, 0) 108.64%);
   }
}

/* Banner end */

/* Feature */

.feature {
   margin-top: 120px;
   position: relative;
}

@media (max-width: 991px) {
   .feature {
      margin-top: 50px;
   }
}

.feature-overlay {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%) rotate(8.1deg);
   -ms-transform: translate(-50%, -50%) rotate(8.1deg);
   transform: translate(-50%, -50%) rotate(8.1deg);
   width: 114.3%;
   margin-bottom: 0;
   pointer-events: none;
   z-index: -1;
}

@media (max-width: 991px) {
   .feature-overlay {
      display: none;
   }
}

.feature-overlay img {
   width: 100%;
}

.feature-body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-column-gap: 36px;
   -moz-column-gap: 36px;
   column-gap: 36px;
}

@media (max-width: 1199px) {
   .feature-body {
      -webkit-column-gap: 20px;
      -moz-column-gap: 20px;
      column-gap: 20px;
   }
}

@media (max-width: 991px) {
   .feature-body {
      display: block;
   }
}

.feature-main {
   position: relative;
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
}

@media (max-width: 991px) {
   .feature-main {
      margin-bottom: 30px;
   }
}

@media (max-width: 991px) {
   .feature-title {
      width: -webkit-min-content;
      width: -moz-min-content;
      width: min-content;
   }
}

.feature-main span {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 185px;
   border-left: 1px solid var(--main);
   border-bottom: 1px solid var(--main);
   display: block;
   border-radius: 0 0 0 3px
}

@media (max-width: 991px) {
   .feature-main span {
      height: 80%;
      width: 60%;
      right: 0;
      left: auto;
      border-top: 1px solid var(--main);
      border-right: 1px solid var(--main);
      border-bottom: 0;
      border-left: 0;
      top: 5%;
      bottom: auto;
      border-radius: 0 3px 0 0
   }
}

.feature-content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 0 -6px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 57.8%;
   flex: 0 0 57.8%;
   width: 57.8%;
}

@media (max-width: 1199px) {
   .feature-content {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 54.8%;
      flex: 0 0 54.8%;
      width: 54.8%;
   }
}

@media (max-width: 991px) {
   .feature-content {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      width: 100%;
   }
}

@media (max-width: 575px) {
   .feature-content {
      margin: 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 10px
   }
}

.feature-item {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 33.3%;
   flex: 1 1 33.3%;
   -webkit-transition: 0.7s ease;
   -o-transition: 0.7s ease;
   transition: 0.7s ease;
   padding: 0 6px;
}

@media (max-width: 575px) {
   .feature-item {
      padding: 0;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
   }
}

.feature-item:hover {
   -webkit-box-flex: 1;
   -ms-flex: 1 0 60%;
   flex: 1 0 60%;
}

@media (max-width: 575px) {
   .feature-item:hover {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
   }
}

.feature-item-body {
   border-radius: 10px;
   overflow: hidden;
   position: relative;
}

.feature-item-img {
   width: 100%;
   height: 500px;
   position: relative;
   margin-bottom: 0;
}

@media (max-width: 991px) {
   .feature-item-img {
      height: 450px;
   }
}

@media (max-width: 575px) {
   .feature-item-img {
      height: 300px;
      max-height: 90px;
      width: 100%;
      -webkit-transition: 0.7s ease;
      -o-transition: 0.7s ease;
      transition: 0.7s ease;
   }

   .feature-item:hover .feature-item-img {
      max-height: 300px;
      overflow: hidden;
   }
}

.feature-item-img:before {
   content: '';
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(11, 11, 11, 0.53);
   -webkit-transition: 0.7s ease;
   -o-transition: 0.7s ease;
   transition: 0.7s ease;
   z-index: 1;
}

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

.feature-item-preview {
   position: absolute;
   z-index: 2;
   -webkit-writing-mode: vertical-rl;
   -ms-writing-mode: tb-rl;
   writing-mode: vertical-rl;
   bottom: 20px;
   right: 25px;
   text-transform: uppercase;
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
   -webkit-transition: opacity 0.4s ease;
   -o-transition: opacity 0.4s ease;
   transition: opacity 0.4s ease;
   -webkit-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   transition-delay: 0.3s;
   letter-spacing: 0.02em;
}

@media (max-width: 575px) {
   .feature-item-preview {
      -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
      writing-mode: horizontal-tb;
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
      bottom: 15px;
      left: 15px;
      right: auto;
      font-size: 18px;
   }
}

.feature-item:hover .feature-item-preview {
   opacity: 0;
   -webkit-transition-delay: 0s;
   -o-transition-delay: 0s;
   transition-delay: 0s;
}

.feature-item-content {
   position: absolute;
   bottom: 30px;
   left: 30px;
   opacity: 0;
   -webkit-transition: opacity 0.4s ease;
   -o-transition: opacity 0.4s ease;
   transition: opacity 0.4s ease;
   z-index: 3;
   width: 350px;
}

@media (max-width: 1199px) {
   .feature-item-content {
      left: 20px;
      bottom: 20px;
      width: 260px;
   }
}

@media (max-width: 991px) {
   .feature-item-content {
      width: 50vw;
   }
}

@media (max-width: 767px) {
   .feature-item-content {
      width: 45vw;
   }
}

@media (max-width: 575px) {
   .feature-item-content {
      width: calc(100% - 40px);
   }
}

.feature-item:hover .feature-item-content {
   -webkit-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   transition-delay: 0.4s;
   opacity: 1;
}

.feature-item-title {
   font-size: 26px;
   padding-bottom: 20px;
   margin-bottom: 20px;
   position: relative;
   letter-spacing: 0.02em;
   line-height: 1;
}

@media (max-width: 575px) {
   .feature-item-title {
      font-size: 18px;
      padding-bottom: 10px;
      margin-bottom: 10px;
   }
}

.feature-item-title:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100px;
   height: 1px;
   background: var(--main);
}

.feature-item-text {
   color: var(--white);
   font-size: 16px;
   line-height: 1.35;
   margin-bottom: 0;
   letter-spacing: 0.02em;
}

@media (max-width: 575px) {
   .feature-item-text {
      font-size: 14px;
   }
}

/* Feature end */

/* Prefers */

.prefers {
   margin-top: 120px;
}

@media (max-width: 991px) {
   .prefers {
      margin-top: 60px;
   }
}

@media (max-width: 767px) {
   .prefers {
      overflow: hidden;
   }

   .franchase-give {
      margin-top: 50px;
   }
}

.prefers-header {
   position: relative;
   margin-bottom: 50px;
}

@media (max-width: 991px) {
   .prefers-header {
      margin-bottom: 30px;
   }
}

@media (max-width: 767px) {
   .franchase-give .title br {
      display: none;
   }
}

.prefers-img {
   position: absolute;
   right: 30px;
   top: 10px;
   width: 142px;
   margin-bottom: 0;
}

@media (max-width: 991px) {
   .prefers-img {
      width: 100px;
   }
}

@media (max-width: 575px) {
   .prefers-img {
      display: none;
   }
}

.prefers-img img {
   width: 100%;
}

.prefers-header span {
   position: absolute;
   right: 0;
   top: 0;
   width: 55%;
   height: 135px;
   border-top: 1px solid var(--main);
   border-right: 1px solid var(--main);
   display: block;
   border-radius: 0 3px 0 0
}

@media (max-width: 991px) {
   .prefers-header span {
      height: 80%;
      width: 45%;
      top: 5%;
   }
}

@media (max-width: 767px) {
   .prefers-header span {
      width: 30%;
   }
}

.prefers-slider {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   margin-bottom: 40px;
   overflow: hidden;
}

@media (max-width: 575px) {
   .prefers-slider {
      overflow: initial;
   }
}

.prefers-slider .swiper-slide {
   height: auto;
   display: flex;
   flex-direction: column;
}

.prefers-item {
   flex: 1 1 auto;
   border-radius: 20px;
   overflow: hidden;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   position: relative;
   padding: 40px 30px;
   /* height: 100%; */
   background: var(--black);
}

@media (max-width: 575px) {
   .prefers-item {
      padding: 30px 10px 30px 30px;
   }
}

.prefers-item-icon {
   margin-bottom: 15px;
   height: 48px;
}

@media (max-width: 575px) {
   .prefers-item-icon {
      height: 38px;
   }
}

.prefers-item-icon img {
   height: 100%;
}

.prefers-item-title {
   font-size: 24px;
   line-height: 1;
   margin-bottom: 30px;
   letter-spacing: 0.02em;
}

@media (max-width: 575px) {
   .prefers-item-title {
      font-size: 20px;
   }
}

.prefers-item-text {
   color: var(--white);
   margin-bottom: 0;
   font-size: 16px;
   line-height: 1.35;
   letter-spacing: 0.02em;
   position: relative;
   z-index: 2;
}

@media (max-width: 575px) {
   .prefers-item-text {
      font-size: 14px;
   }
}

.prefers-item-overlay {
   position: absolute;
   right: -25px;
   bottom: -25px;
   width: 158px;
   pointer-events: none;
}

.prefers-item-overlay img {
   width: 100%;
}

/* Prefers end */

/* Advantages */

.advantages {
   position: relative;
   overflow: hidden;
   margin-top: 120px;
}

@media (max-width: 991px) {
   .advantages {
      margin-top: 60px;
      padding-bottom: 240px;
   }
}

@media (max-width: 767px) {
   .advantages {
      margin-top: 50px;
      padding-bottom: 160px;
   }
}

@media (max-width: 575px) {
   .advantages {
      padding-bottom: 110px;
      margin-bottom: -40px;
   }
}

.advantages ._container {
   position: relative;
}

.advantages-overlay {
   width: 1184px;
   max-width: 100%;
   margin: 0 auto;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

@media (max-width: 991px) {
   .advantages-overlay {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
   }
}

@media (max-width: 767px) {
   .advantages-overlay {
      top: 68px;
      max-width: 120%;
   }
}

@media (max-width: 575px) {
   .advantages-overlay {
      max-width: 470px;
      height: calc(100% + 110px - 68px);
      display: flex;
      justify-content: center;
   }
}

.advantages-overlay img {
   width: 100%;
}

@media (max-width: 575px) {
   .advantages-overlay img {
      max-height: 100%;
      object-fit: contain;
   }
}

.advantages-body {
   position: absolute;
   top: 40px;
   width: calc(100% - 40px);
}

@media (max-width: 991px) {
   .advantages-body {
      position: relative;
   }
}

@media (max-width: 767px) {
   .advantages-body {
      top: 0;
      width: 100%;
   }
}

.advantages-title {
   margin-bottom: 44px;
}

@media (max-width: 991px) {
   .advantages-title {
      margin-bottom: 120px;
   }
}

@media (max-width: 575px) {
   .advantages-title {
      max-width: -webkit-min-content;
      max-width: -moz-min-content;
      max-width: min-content;
      margin-bottom: 80px;
   }
}

.advantages-slider {
   width: 100%;
}

@media (min-width: 992px) {
   .advantages-slider .swiper-wrapper {
      display: block;
   }

   .advantages-slider .swiper-slide:nth-child(1) .advantages-item {
      left: 90px;
   }

   .advantages-slider .swiper-slide:nth-child(2) .advantages-item {
      left: 0;
      top: 240px;
   }

   .advantages-slider .swiper-slide:nth-child(3) .advantages-item {
      left: 83px;
      top: 608px;
   }

   .advantages-slider .swiper-slide:nth-child(4) .advantages-item {
      right: 0;
      top: 53px;
   }

   .advantages-slider .swiper-slide:nth-child(5) .advantages-item {
      right: 0;
      top: 403px;
   }
}

.advantages-item {
   position: absolute;
   background: rgba(99, 99, 99, 0.12);
   border-radius: 20px;
   width: 344px;
   padding: 30px 20px 30px 44px;
   overflow: hidden;
}

@media (max-width: 991px) {
   .advantages-slider .swiper-slide {
      height: auto;
   }

   .advantages-item {
      position: relative;
      height: 100%;
      width: auto;
   }
}

@media (max-width: 575px) {
   .advantages-item {
      padding: 20px 34px 14px 36px;
   }
}

.advantages-item:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
   border-radius: 20px;
}

.advantages-item:after {
   content: '';
   position: absolute;
   top: 34px;
   left: 20px;
   width: 14px;
   height: 14px;
   border-radius: 50%;
   background: var(--main);
}

@media (max-width: 575px) {
   .advantages-item:after {
      top: 25px;
      left: 21px;
      width: 10px;
      height: 10px;
   }
}

.advantages-item>* {
   position: relative;
   z-index: 1;
}

.advantages-item p {
   color: var(--white);
   margin-bottom: 0;
   font-size: 16px;
   line-height: 1.35;
}

@media (max-width: 575px) {
   .advantages-item p {
      font-size: 14px;
   }
}

/* Advantages end */

/* Place preview */

.place-preview {
   padding-top: 50px;
}

@media (max-width: 1199px) {
   .place-preview {
      padding-top: 30px;
   }
}

.place-preview-body {
   border-radius: 10px;
   position: relative;
   height: 480px;
   overflow: hidden;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   background-color: var(--black);
}

@media (max-width: 991px) {
   .place-preview-body {
      height: 400px;
   }
}

.place-preview-body:after {
   content: '';
   position: absolute;
   display: block;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(11, 11, 11, 0.7);
   border-radius: 10px;
}

.place-preview-content {
   position: absolute;
   bottom: 50px;
   left: 50px;
   z-index: 1;
}

@media (max-width: 1199px) {
   .place-preview-content {
      bottom: 40px;
      left: 40px;
   }
}

@media (max-width: 767px) {
   .place-preview-content {
      bottom: 30px;
      left: 30px;
   }
}

.place-preview-title {
   font-size: 60px;
   font-weight: 600;
   line-height: 1;
   letter-spacing: 0.02em;
   color: var(--main);
   position: relative;
   margin-bottom: 10px;
   padding-bottom: 10px;
   width: -webkit-min-content;
   width: -moz-min-content;
   width: min-content;
}

@media (max-width: 1199px) {
   .place-preview-title {
      font-size: 52px;
   }
}

@media (max-width: 991px) {
   .place-preview-title {
      font-size: 44px;
   }
}

@media (max-width: 767px) {
   .place-preview-title {
      font-size: 30px;
   }
}

.place-preview-title:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100px;
   height: 1px;
   background: var(--main);
}

.place-preview-adress {
   color: var(--white);
   font-size: 30px;
   line-height: 1;
   margin-bottom: 0;
   font-weight: 500;
   letter-spacing: 0.02em;
}

@media (max-width: 1199px) {
   .place-preview-adress {
      font-size: 24px;
   }
}

@media (max-width: 991px) {
   .place-preview-adress {
      font-size: 20px;
   }
}

@media (max-width: 767px) {
   .place-preview-adress {
      font-size: 16px;
   }
}

.place-preview-actions {
   position: absolute;
   z-index: 1;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 15px;
   width: 100%;
   max-width: 260px;
}

@media (max-width: 991px) {
   .place-preview-actions {
      gap: 10px;
      max-width: 230px;
      /* bottom: 40px;
      top: auto;
      left: auto;
      right: 40px;
      transform: translate(0); */
      /* transform: translate(-50%, -100%); */
   }
}

@media (max-width: 767px) {
   .place-preview-actions {
      display: none;
   }
}

.place-preview-actions .btn {
   font-size: 18px;
}

@media (max-width: 1199px) {
   .place-preview-actions .btn {
      font-size: 16px;
   }
}

@media (max-width: 991px) {
   .place-preview-actions .btn {
      font-size: 14px;
   }
}

.place-preview-actions .btn-main {
   padding: 12px;
   letter-spacing: 0.02em;
}

.place-preview-actions .btn-icon {
   padding: 8px;
}

.place-preview-actions .btn-icon svg {
   width: 28px;
   height: 28px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 28px;
   flex: 0 0 28px
}

@media (max-width: 1199px) {
   .place-preview-actions .btn-icon svg {
      width: 24px;
      height: 24px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
      flex: 0 0 24px
   }
}

@media (max-width: 991px) {
   .place-preview-actions .btn-icon svg {
      width: 20px;
      height: 20px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
      flex: 0 0 20px
   }
}

.place-preview-social {
   list-style: none;
   padding-left: 0;
   margin-bottom: 0;
   position: absolute;
   z-index: 1;
   bottom: 50px;
   right: 50px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 18px;
}

@media (max-width: 991px) {
   .place-preview-social {
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
      -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      right: 40px;
      bottom: 40px;
      /* bottom: auto;
      top: 40px; */
   }
}

@media (max-width: 767px) {
   .place-preview-social {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      bottom: auto;
      top: 25px;
      right: 25px;
   }

   .place-preview-social a {
      opacity: 0.6;
   }

   .place-preview-social a:hover {
      opacity: 1;
   }
}

.place-preview-social svg {
   -webkit-transition: 0.3s ease;
   -o-transition: 0.3s ease;
   transition: 0.3s ease;
   fill: var(--white)
}

@media (max-width: 575px) {
   .place-preview-social .instagram svg {
      width: 20px;
      height: 20px;
   }

   .place-preview-social .vk svg {
      width: 25px;
      height: 14px;
   }

   .place-preview-social .facebook svg {
      width: 10px;
      height: 20px;
   }
}

.place-preview-social a:hover svg {
   fill: var(--main)
}

/* Place preview end */

.place-about {
   margin-top: 100px;
   position: relative;
}

@media (max-width: 991px) {
   .place-about {
      margin-top: 50px;
   }
}

@media (min-width: 992px) {
   .place-about:before {
      content: '';
      position: absolute;
      width: 1230px;
      height: 1008px;
      z-index: -1;
      top: -302px;
      left: -320px;
      background-image: url(./img/smoke-1.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
   }
}

.place-about-header {
   margin-bottom: 100px;
   position: relative;
}

@media (max-width: 1199px) {
   .place-about-header {
      margin-bottom: 50px;
   }
}

@media (max-width: 991px) {
   .place-about-header {
      margin-bottom: 40px;
   }
}

.place-about-header span {
   position: absolute;
   right: 0;
   top: 0;
   width: 55%;
   height: 135px;
   border-top: 1px solid var(--main);
   border-right: 1px solid var(--main);
   display: block;
   border-radius: 0 3px 0 0;
}

@media (max-width: 1199px) {
   .place-about-header span {
      height: 80px;
   }
}

@media (max-width: 991px) {
   .place-about-header span {
      height: 60px;
   }
}

@media (max-width: 767px) {
   .place-about-header span {
      display: none;
   }
}

.place-about-body {
   background: var(--black);
   border-radius: 10px;
   position: relative;
   overflow: hidden;
   padding: 50px 430px 50px 60px;
}

@media (max-width: 1199px) {
   .place-about-body {
      padding: 40px 400px 40px 50px;
   }
}

@media (max-width: 991px) {
   .place-about-body {
      padding: 40px;
   }
}

@media (max-width: 575px) {
   .place-about-body {
      padding: 30px;
   }
}

.place-about-img {
   margin-bottom: 0;
   position: absolute;
   width: 464px;
   right: -140px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   opacity: 0.1;
}

@media (max-width: 1199px) {
   .place-about-img {
      width: 400px;
      right: -100px;
   }
}

@media (max-width: 991px) {
   .place-about-img {
      opacity: 0.05;
      width: 350px;
      right: -140px;
   }
}

@media (max-width: 767px) {
   .place-about-img {
      display: none;
   }
}

.place-about-img img {
   width: 100%;
}

.place-about-body h4 {
   font-size: 48px;
   font-weight: 600;
   line-height: 1.25;
   margin-bottom: 30px;
   letter-spacing: 0.02em;
}

@media (max-width: 1199px) {
   .place-about-body h4 {
      margin-bottom: 20px;
      font-size: 40px;
   }
}

@media (max-width: 991px) {
   .place-about-body h4 {
      font-size: 30px;
   }
}

@media (max-width: 575px) {
   .place-about-body h4 {
      font-size: 20px;
      margin-bottom: 20px;
   }
}

.place-about-body p {
   color: var(--white);
   font-size: 20px;
   margin-bottom: 25px;
   font-weight: 500;
   line-height: 1.35;
}

@media (max-width: 1199px) {
   .place-about-body p {
      font-size: 16px;
   }
}

@media (max-width: 575px) {
   .place-about-body p {
      font-size: 14px;
      font-weight: 400;
      line-height: 1.3;
   }
}

.place-about-body p:last-child {
   margin-bottom: 0;
}

.place-photo {
   margin-top: 120px;
}

@media (max-width: 991px) {
   .place-photo {
      margin-top: 50px;
   }
}

@media (max-width: 767px) {
   .place-photo {
      margin-top: 30px;
   }
}

.place-photo-title {
   margin-bottom: 70px;
}

@media (max-width: 1199px) {
   .place-photo-title {
      margin-bottom: 50px;
   }
}

@media (max-width: 991px) {
   .place-photo-title {
      margin-bottom: 40px;
   }
}

@media (max-width: 767px) {
   .place-photo-title {
      display: none;
   }
}

.place-photo-slider {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   margin-bottom: 40px;
   overflow: hidden;
}

@media (max-width: 767px) {
   .place-photo-slider {
      margin-bottom: 30px;
   }
}

@media (max-width: 575px) {
   .place-photo-slider {
      margin: 0 -20px 30px;
      padding: 0 20px;
   }
}

.place-photo-item {
   display: block;
   position: relative;
}

.place-photo-item-img {
   margin-bottom: 0;
   padding-top: 100%;
   position: relative;
   overflow: hidden;
   border-radius: 20px
}

@media (max-width: 767px) {
   .place-photo-item-img {
      border-radius: 10px
   }
}

.place-photo-item-img img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
}

@media (min-width: 992px) {
   .place-photo-item:hover img {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
   }
}

.place-photo-item-img:before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: -o-linear-gradient(87.45deg, #0B0B0B -8.07%, rgba(11, 11, 11, 0.31) 115.07%);
   background: linear-gradient(2.55deg, #0B0B0B -8.07%, rgba(11, 11, 11, 0.31) 115.07%);
   z-index: 1;
}

.place-photo-item-title {
   position: absolute;
   z-index: 2;
   bottom: 45px;
   left: 35px;
   font-size: 20px;
   font-weight: 500;
   line-height: 1;
   color: var(--white);
}

@media (max-width: 767px) {
   .place-photo-item-title {
      display: none;
   }
}

/* QR */

.place-qr {
   margin-top: 120px;
   position: relative;
}

@media (max-width: 991px) {
   .place-qr {
      margin-top: 50px;
   }
}

@media (min-width: 992px) {
   .place-qr:after {
      content: '';
      position: absolute;
      display: block;
      width: 1600px;
      height: 1312px;
      background-image: url(./img/smoke-2.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      -webkit-transform: rotate(8.1deg);
      -ms-transform: rotate(8.1deg);
      transform: rotate(8.1deg);
      right: -820px;
      top: -476px;
      z-index: -1;
      pointer-events: none;
   }
}

.place-qr-body {
   border-radius: 20px;
   padding: 25px 30px 45px;
   background: var(--black);
   position: relative;
   overflow: hidden;
   display: block;
}

@media (max-width: 767px) {
   .place-qr-body {
      padding: 20px;
   }
}

.place-qr-body:after {
   content: '';
   position: absolute;
   display: block;
   width: 1600px;
   height: 1312px;
   background-image: url(./img/smoke-2.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   -webkit-transform: translateY(-50%) rotate(8.1deg);
   -ms-transform: translateY(-50%) rotate(8.1deg);
   transform: translateY(-50%) rotate(8.1deg);
   right: -347px;
   top: 50%;
   pointer-events: none;
}

@media (max-width: 991px) {
   .place-qr-body:after {
      -webkit-transform: translateY(-50%) rotate(8.1deg) scale(0.5);
      -ms-transform: translateY(-50%) rotate(8.1deg) scale(0.5);
      transform: translateY(-50%) rotate(8.1deg) scale(0.5);
   }
}

@media (max-width: 767px) {
   .place-qr-body:after {
      -webkit-transform: translateY(-50%) rotate(8.1deg) scale(1);
      -ms-transform: translateY(-50%) rotate(8.1deg) scale(1);
      transform: translateY(-50%) rotate(8.1deg) scale(1);
   }
}

.place-qr-img {
   position: absolute;
   margin-bottom: 0;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   width: 791px;
}

@media (max-width: 1199px) {
   .place-qr-img {
      width: 600px;
   }
}

@media (max-width: 991px) {
   .place-qr-img {
      width: 560px;
   }
}

@media (max-width: 575px) {
   .place-qr-img {
      width: 500px;
      top: 0;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
   }
}

.place-qr-img img {
   width: 100%;
}

.place-qr-content {
   height: 400px;
   position: relative;
}

@media (max-width: 1199px) {
   .place-qr-content {
      height: 320px;
   }
}

@media (max-width: 991px) {
   .place-qr-content {
      height: 300px;
   }
}

@media (max-width: 767px) {
   .place-qr-content {
      height: 470px;
   }
}

@media (max-width: 575px) {
   .place-qr-content {
      height: 430px;
   }
}

.place-qr-content:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100px;
   border: 1px solid var(--main);
   border-top: 0;
}

.place-qr-link {
   position: absolute;
   top: 0;
   left: 0;
   width: 186px;
   height: 186px;
}

@media (max-width: 1199px) {
   .place-qr-link {
      width: 150px;
      height: 150px;
   }
}

@media (max-width: 991px) {
   .place-qr-link {
      width: 120px;
      height: 120px;
   }
}

@media (max-width: 767px) {
   .place-qr-link {
      display: none;
   }
}

.place-qr-link-arrow {
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   width: 59px;
   height: 34px;
   fill: var(--main)
}

@media (max-width: 1199px) {
   .place-qr-link-arrow {
      width: 27px;
      width: 47px;
   }
}

.place-qr-link-text {
   width: 100%;
   height: 100%;
   pointer-events: none;
   -webkit-animation: rotate-text 15s linear infinite;
   animation: rotate-text 15s linear infinite;
}

@-webkit-keyframes rotate-text {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

@keyframes rotate-text {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

.place-qr-qr {
   position: absolute;
   top: 0;
   right: 0;
   border-radius: 5px;
   overflow: hidden;
   margin-bottom: 0;
   display: block;
   width: 167px;
}

@media (max-width: 1199px) {
   .place-qr-qr {
      width: 130px;
   }
}

@media (max-width: 991px) {
   .place-qr-qr {
      width: 110px;
   }
}

@media (max-width: 767px) {
   .place-qr-qr {
      display: none;
   }
}

.place-qr-qr img {
   width: 100%;
}

.place-qr-btn {
   display: none;
}

@media (max-width: 767px) {
   .place-qr-btn {
      display: inline-block;
      position: absolute;
      padding: 13px 30px;
      left: 50%;
      bottom: 80px;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      z-index: 1;
   }
}

@media (max-width: 575px) {
   .place-qr-btn {
      font-size: 14px;
      white-space: nowrap;
      bottom: 55px;
   }
}

.place-qr-list {
   list-style: none;
   padding-left: 0;
   margin-bottom: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-column-gap: 10px;
   -moz-column-gap: 10px;
   column-gap: 10px;
   position: absolute;
   left: 50%;
   bottom: 12px;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   width: 100%;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.place-qr-list li {
   text-transform: uppercase;
   color: var(--main);
   font-size: 54px;
   letter-spacing: 0.02em;
   font-weight: 700;
}

@media (max-width: 1199px) {
   .place-qr-list li {
      font-size: 40px;
   }
}

@media (max-width: 991px) {
   .place-qr-list li {
      font-size: 32px;
   }
}

@media (max-width: 575px) {
   .place-qr-list li {
      font-size: 16px;
   }
}

/* QR end */

/* Place having */

.place-having {
   margin-top: 120px;
}

@media (max-width: 991px) {
   .place-having {
      margin-top: 50px;
   }
}

.place-having-header {
   margin-bottom: 100px;
   position: relative;
}

@media (max-width: 1199px) {
   .place-having-header {
      margin-bottom: 50px;
   }
}

@media (max-width: 991px) {
   .place-having-header {
      margin-bottom: 40px;
   }
}

.place-having-header span {
   position: absolute;
   right: 0;
   top: 0;
   width: 35%;
   height: 135px;
   border-top: 1px solid var(--main);
   border-right: 1px solid var(--main);
   display: block;
   border-radius: 0 3px 0 0;
}

@media (max-width: 1199px) {
   .place-having-header span {
      height: 80px;
      width: 30%;
   }
}

@media (max-width: 991px) {
   .place-having-header span {
      height: 60px;
      width: 25%;
   }
}

@media (max-width: 767px) {
   .place-having-title {
      max-width: 50%;
   }

   .place-having-header span {
      width: 40%;
      height: 100px;
   }
}

@media (max-width: 575px) {
   .place-having-header span {
      height: 46px;
   }
}

.place-having-body {
   background: var(--black);
   border-radius: 20px;
   padding: 45px 105px;
}

@media (max-width: 1199px) {
   .place-having-body {
      padding: 30px 60px;
   }
}

@media (max-width: 767px) {
   .place-having-body {
      padding: 15px 25px;
   }
}

.place-having-item {
   padding: 30px 0;
   border-bottom: 1px solid var(--main);
}

@media (max-width: 1199px) {
   .place-having-item {
      padding: 25px 0;
   }
}

@media (max-width: 767px) {
   .place-having-item {
      padding: 20px 0;
   }
}

.place-having-item-header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-column-gap: 20px;
   -moz-column-gap: 20px;
   column-gap: 20px;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   color: var(--main);
   text-transform: uppercase;
   font-size: 26px;
   font-weight: 300;
   line-height: 1.21;
   letter-spacing: 0.02em;
   position: relative;
   padding-left: 48px;
}

@media (max-width: 1199px) {
   .place-having-item-header {
      font-size: 24px;
      padding-left: 44px;
   }
}

@media (max-width: 767px) {
   .place-having-item-header {
      font-size: 18px;
      -webkit-column-gap: 10px;
      -moz-column-gap: 10px;
      column-gap: 10px;
      padding-left: 28px;
   }
}

.place-having-item:last-child {
   border-bottom: 0;
}

.place-having-item-header svg {
   position: absolute;
   left: 0;
   top: calc(50% - 2px);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   width: 28px;
   height: 28px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 28px;
   flex: 0 0 28px;
   fill: var(--main);
}

.place-having-item.show svg {
   -webkit-transform: translateY(-50%) rotate(45deg) !important;
   -ms-transform: translateY(-50%) rotate(45deg) !important;
   transform: translateY(-50%) rotate(45deg) !important;
}

@media (max-width: 1199px) {
   .place-having-item-header svg {
      width: 24px;
      height: 24px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
      flex: 0 0 24px;
   }
}

@media (max-width: 767px) {
   .place-having-item-header svg {
      width: 18px;
      height: 18px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
      flex: 0 0 18px;
   }
}

.place-having-item-body {
   padding-top: 20px;
}

.place-having-item-body * {
   color: var(--white);
   letter-spacing: 0.02em;
   line-height: 1.35;
}

@media (max-width: 767px) {
   .place-having-item-body * {
      font-size: 14px;
   }
}

.place-having-item-body *:last-child {
   margin-bottom: 0;
}

/* Place having */

/* Actions shop */

.actions {
   display: none;
}

.actions.show {
   padding-top: 40px;
   display: block;
}

@media (max-width: 1199px) {
   .actions.show {
      padding-top: 30px;
   }
}

.actions-back {
   padding: 10px 30px;
}

@media (max-width: 1199px) {
   .actions-back {
      font-size: 14px;
      padding: 6px 19px;
   }
}

.actions.show .actions-shop-lang {
   display: none;
}

@media (max-width: 575px) {
   .actions {
      padding-top: 20px;
      display: block;
   }

   .actions-body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-column-gap: 10px;
      -moz-column-gap: 10px;
      column-gap: 10px;
   }

   .actions-back {
      padding: 8px 19px;
   }

   .actions.show .actions-shop-lang,
   .actions-shop-lang {
      width: 100%;
      display: block;
   }

   .actions-shop-lang .select__btn {
      width: 100%;
      border: 1px solid var(--white);
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 8px;
   }

   .actions-shop-lang .select__btn span {
      color: var(--white)
   }

   .actions-shop-lang .select__btn svg {
      fill: var(--white)
   }

   .actions-shop-lang .select__list {
      width: 100%;
      background: var(--bg);
      border: 1px solid var(--white);
      border-radius: 4px;
      top: calc(100% + 8px);
      padding: 4px;
   }

   .actions-shop-lang .select__item {
      margin-bottom: 3px;
   }

   .actions-shop-lang .select__item:last-child {
      margin-bottom: 0;
   }

   .actions-shop-lang .select__item a {
      color: var(--white);
      font-size: 14px;
      text-align: center;
      display: block;
      padding: 5px;
      border-radius: 3px;
   }

   .actions-shop-lang .select__item.active a {
      background: var(--main);
      font-weight: 500;
      color: var(--black);
   }
}

/* Lang shop end */

/* Shop */

.shop {
   padding-top: 50px;
}

@media (max-width: 991px) {
   .shop {
      padding-top: 30px;
   }
}

.shop-header {
   margin-bottom: 40px;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-column-gap: 65px;
   -moz-column-gap: 65px;
   column-gap: 65px;
}

@media (max-width: 575px) {
   .shop-header {
      margin-bottom: 30px;
   }
}

.shop-header span {
   display: block;
   height: 57px;
   border: 1px solid var(--main);
   border-bottom: 0;
   border-left: 0;
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   border-radius: 0 3px 0 0;
}

@media (max-width: 575px) {
   .shop-header span {
      height: 17px;
      width: 50%;
   }
}

.shop-body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 0 -15px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   row-gap: 30px;
}

@media (max-width: 991px) {
   .shop-body {
      margin: 0 -10px;
      row-gap: 20px;
   }
}

@media (max-width: 575px) {
   .shop-body {
      margin: 0 -10px;
      row-gap: 10px;
   }
}

.shop-category {
   padding: 0 15px;
}

@media (max-width: 991px) {
   .shop-category {
      padding: 0 10px;
   }
}

.shop-category-body {
   position: relative;
   height: 100%;
}

.shop-category-img {
   border-radius: 10px;
   padding-top: 100%;
   overflow: hidden;
   position: relative;
   margin-bottom: 0;
}

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

.shop-category-img:after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(11, 11, 11, 0.63);
   border-radius: 10px;
   display: block;
}

.shop-category-title {
   text-transform: uppercase;
   font-size: 40px;
   line-height: 1;
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   font-weight: 700;
   width: calc(100% - 30px);
   text-align: center;
}

@media (max-width: 1199px) {
   .shop-category-title {
      font-size: 32px;
   }
}

.shop-category-btn {
   position: absolute;
   left: 50%;
   bottom: 44px;
   -webkit-transform: translate(-50%);
   -ms-transform: translate(-50%);
   transform: translate(-50%);
   padding: 10px 30px;
}

@media (max-width: 1199px) {
   .shop-category-btn {
      bottom: 30px;
   }
}

@media (max-width: 575px) {
   .shop-category-btn {
      bottom: 20px;
   }
}

/* Shop end */

/* Taxonomy */

.taxonomy {
   margin-top: 50px;
   overflow: hidden;
}

@media (max-width: 1199px) {
   .taxonomy {
      margin-top: 30px;
   }
}

.taxonomy-body {
   padding: 10px 0;
}

.taxonomy-body .slider-nav {
   margin-top: 20px;
}

.category-item {
   width: 100%;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.category-item-body {
   position: relative;
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
   display: block;
   height: 100%;
}

@media (min-width: 1200px) {
   .category-item-body:hover {
      -webkit-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
      transform: translateY(-8px);
   }
}

.category-item-img {
   margin-bottom: 0;
   position: relative;
   overflow: hidden;
   border-radius: 20px;
   padding-top: 60%;
   border: 1px solid transparent;
}

@media (max-width: 1199px) {
   .category-item-img {
      border-radius: 15px
   }
}

.category.active .category-item-img {
   border: 1px solid var(--main);
}

.category-item-img:after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(11, 11, 11, 0.63);
}

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

.category-item-img.empty img {
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   height: 90%;
   width: auto;
   max-width: 90%;
   -o-object-fit: contain;
   object-fit: contain;
}

.category-item-title {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   z-index: 1;
   line-height: 1;
   font-size: 20px;
   font-weight: 700;
   width: calc(100% - 20px);
   /* white-space: nowrap; */
   text-align: center;
}

@media (max-width: 1199px) {
   .category-item-title {
      font-size: 18px;
   }
}

@media (max-width: 575px) {
   .category-item-title {
      font-size: 14px;
   }
}

/* Taxonomy end */


/* Catalog */

.catalog {
   margin-top: 80px;
}

@media (max-width: 1329px) {
   .catalog {
      margin-top: 50px;
   }
}

@media (max-width: 575px) {
   .catalog {
      margin-top: 30px;
   }
}

.catalog-title {
   font-size: 24px;
   font-weight: 600;
   color: var(--white);
   line-height: 1;
   margin-bottom: 40px;
   letter-spacing: 0.02em;
}

@media (max-width: 575px) {
   .catalog-title {
      font-size: 20px;
      margin-bottom: 30px;
   }
}

.catalog-list {
   margin: 0 -15px !important;
}

@media (max-width: 991px) {
   .catalog-list {
      margin: 0 -10px !important;
   }
}

.product {
   padding: 0 15px !important;
   margin-bottom: 20px;
   display: flex;
   flex-direction: column;
}

@media (max-width: 991px) {
   .product {
      padding: 0 10px !important;
      margin-bottom: 20px;
   }
}

.product-wrapper {
   /* height: 100%; */
   flex: 1 1 auto;
   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;
   gap: 36px;
   background: var(--black);
   border-radius: 11px;
   /* overflow: hidden; */
}

.product-bar .product-wrapper {
   position: relative;
   overflow: hidden;
}

@media (max-width: 991px) {
   .product-wrapper {
      gap: 20px
   }
}

.product-main {
   /* flex-grow: 1;
   flex-shrink: 1;
   height: 100%; */
}

.product-img {
   display: block;
   -webkit-transition: none;
   -o-transition: none;
   transition: none;
   -webkit-transition-timing-function: ease-in-out;
   -o-transition-timing-function: ease-in-out;
   transition-timing-function: ease-in-out;
}

.product-bar .product-img {
   width: 100%;
   height: 100%;
}

.product-bar .product-img::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-radius: 11px;
   background: linear-gradient(22.67deg, rgba(11, 11, 11, 0.85) 0%, rgba(23, 23, 23, 0.1) 96.3%);
   z-index: 1;
}

@media (max-width: 991px) {
   .product-img {}
}

.product-thumb {
   padding-top: 65%;
   position: relative;
   overflow: hidden;
   margin-bottom: 25px;
   border-radius: 11px 11px 0 0;
}

.product-bar .product-thumb {
   padding-top: 135%;
   margin-bottom: 0;
   border-radius: 11px;
}

@media (max-width: 991px) {
   .product-thumb {
      margin-bottom: 20px;
   }

   .product-bar .product-thumb {
      padding-top: calc((414 / 280) * 100%);
   }
}

.product-thumb.empty {
   background: #000;
}
.product-thumb.empty img {
   max-width: 100%;
   height: 90%;
   object-fit: contain;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
}

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

.product-bar .product-thumb img {
   border-radius: 11px;
}

.product-bar .product-content {
   position: absolute;
   z-index: 2;
   bottom: 25px;
   left: 15px;
   right: 15px;
}

.product-title {
   font-weight: 600;
   font-size: 20px;
   letter-spacing: 0.02em;
   color: var(--white);
   line-height: 1.21;
   margin-bottom: 15px;
   padding-right: 20px;
   padding-left: 20px;
}

.product-bar .product-title {
   padding-left: 0;
   padding-right: 0;
}

@media (max-width: 991px) {
   .product-title {
      font-size: 18px;
      margin-bottom: 10px;
   }
}

.product-info {
   list-style: none;
   margin-bottom: 0;
   padding-left: 20px;
   padding-right: 20px;
}

.product-bar .product-info {
   padding-left: 0;
   padding-right: 0;
}

.product-info li {
   margin-bottom: 3px;
   font-size: 16px;
   line-height: 20px;
   letter-spacing: 0.02em;
   color: #A1A1A1;
}

@media (max-width: 991px) {
   .product-info li {
      font-size: 14px;
      line-height: 1.4;
      margin-bottom: 1px;
   }
}

.product-info li:last-child {
   margin-bottom: 0;
}

.product-footer {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-column-gap: 16px;
   -moz-column-gap: 16px;
   column-gap: 16px;
   padding-bottom: 14px;
   padding-left: 20px;
   padding-right: 20px;
}

.product-bar .product-footer {
   padding-left: 0;
   padding-right: 0;
   padding-bottom: 0;
   align-items: flex-end;
}

.product-price {
   font-weight: 600;
   font-size: 20px;
   letter-spacing: 0.02em;
   color: var(--white);
   line-height: 1.5;
}

@media (max-width: 991px) {
   .product-price {
      font-size: 16px;
   }
}

.product-add-to-cart {
   font-size: 14px;
   border-radius: 6px;
   padding: 8px 18px;
   display: inline-block;
}

.product-bar .product-add-to-cart {
   flex: 0 0 46px;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 46px;
   height: 46px;
   padding: 0;
}
.product-bar .product-add-to-cart svg path {
   transition: 0.3s ease-in-out;
}
.product-bar .product-add-to-cart:hover svg path {
   stroke: #fff !important;
}

/* Catalog end */

/* Contacts */

.contacts-preview {
   margin-top: 55px;
}

@media (max-width: 1199px) {
   .contacts-preview {
      margin-top: 40px;
   }
}

@media (max-width: 575px) {
   .contacts-preview {
      margin-top: 30px;
   }
}

.contacts-preview-body {
   position: relative;
}

.contacts-preview-img {
   margin-bottom: 0;
   height: 230px;
   border-radius: 10px;
   position: relative;
   overflow: hidden;
}

@media (max-width: 1199px) {
   .contacts-preview-img {
      height: 200px;
   }
}

@media (max-width: 575px) {
   .contacts-preview-img {
      height: 100px;
   }
}

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

.contacts-preview-img:after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(11, 11, 11, 0.76);
}

.contacts-preview-title {
   font-size: 60px;
   line-height: 1;
   letter-spacing: 0.02em;
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   z-index: 1;
   font-weight: 600;
}

@media (max-width: 1199px) {
   .contacts-preview-title {
      font-size: 48px;
   }
}

@media (max-width: 991px) {
   .contacts-preview-title {
      font-size: 40px;
   }
}

@media (max-width: 575px) {
   .contacts-preview-title {
      font-size: 24px;
   }
}

.contacts-list {
   margin-top: 50px;
}

@media (max-width: 991px) {
   .contacts-list {
      margin-top: 40px;
   }
}

@media (max-width: 575px) {
   .contacts-list {
      margin-top: 30px;
   }
}

.contacts-list-btns {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin-bottom: 60px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-column-gap: 70px;
   -moz-column-gap: 70px;
   column-gap: 70px;
}

.contacts-list-btns::-webkit-scrollbar {
   height: 0;
}

@media (max-width: 1199px) {
   .contacts-list-btns {
      margin-bottom: 40px;
   }
}

@media (max-width: 991px) {
   .contacts-list-btns {
      -webkit-column-gap: 50px;
      -moz-column-gap: 50px;
      column-gap: 50px;
   }
}

@media (max-width: 575px) {
   .contacts-list-btns {
      -webkit-column-gap: 15px;
      -moz-column-gap: 15px;
      column-gap: 15px;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      overflow-x: auto;
      margin: 0 -20px;
      padding: 0 20px;
      margin-bottom: 30px;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
   }

   .contacts-list-btns::-webkit-scrollbar {
      height: 0;
   }
}

.contacts-list-btn {
   color: var(--white);
   text-transform: uppercase;
   border-bottom: 1px solid transparent;
   border-radius: 0;
   white-space: nowrap;
}

.contacts-list-btn:hover {
   color: var(--main);
}

.contacts-list-btn.active {
   color: var(--main);
   border-color: var(--main)
}

.contacts-tab {
   background: var(--black);
   border-radius: 10px;
   padding: 60px;
}

@media (max-width: 1199px) {
   .contacts-tab {
      padding: 40px;
   }
}

@media (max-width: 575px) {
   .contacts-tab {
      padding: 30px 20px;
   }
}

.contacts-tab-body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-column-gap: 30px;
   -moz-column-gap: 30px;
   column-gap: 30px;
}

@media (max-width: 991px) {
   .contacts-tab-body {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 30px;
   }
}

.contacts-tab-l {
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
}

.contacts-tab-title {
   font-size: 36px;
   text-transform: uppercase;
   font-weight: 600;
   line-height: 1.35;
   margin-bottom: 40px;
}

@media (max-width: 1199px) {
   .contacts-tab-title {
      font-size: 28px;
      margin-bottom: 30px;
   }
}

@media (max-width: 575px) {
   .contacts-tab-title {
      font-size: 20px;
   }
}

.contacts-tab-list {
   list-style: none;
   padding-left: 0;
   margin-bottom: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 20px
}

@media (max-width: 1199px) {
   .contacts-tab-list {
      gap: 15px;
   }
}

@media (max-width: 767px) {
   .contacts-tab-list {
      gap: 20px;
      margin-bottom: 25px;
   }
}

.contacts-tab-list li {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-column-gap: 20px;
   -moz-column-gap: 20px;
   column-gap: 20px;
   font-size: 20px;
   line-height: 1;
   font-weight: 500;
   color: var(--white);
}

@media (max-width: 1199px) {
   .contacts-tab-list li {
      font-size: 18px;
   }
}

@media (max-width: 575px) {
   .contacts-tab-list li {
      font-size: 14px;
      -webkit-column-gap: 10px;
      -moz-column-gap: 10px;
      column-gap: 10px;
   }
}

.contacts-tab-list li a {
   color: var(--white);
}

.contacts-tab-list li a:hover {
   color: var(--main);
}

.contacts-tab-list-label {
   color: var(--main);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-column-gap: 10px;
   -moz-column-gap: 10px;
   column-gap: 10px;
}

@media (max-width: 575px) {
   .contacts-tab-list-label {
      -webkit-column-gap: 7px;
      -moz-column-gap: 7px;
      column-gap: 7px;
   }
}

.contacts-tab-list-label svg {
   width: 30px;
   height: 30px;
   fill: var(--main);
}

@media (max-width: 575px) {
   .contacts-tab-list-label svg {
      width: 26px;
      height: 26px;
   }
}

.contacts-tab-list li.contacts-tab-list-time {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   gap: 10px
}

.contacts-tab-list li.contacts-tab-list-time a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-column-gap: 15px;
   -moz-column-gap: 15px;
   column-gap: 15px;
}

@media (max-width: 575px) {
   .contacts-tab-list li.contacts-tab-list-time a {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 14px;
   }
}

.contacts-tab-list li.contacts-tab-list-time b {
   font-weight: 500;
   color: var(--main);
}

.contacts-tab-r {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 470px;
   flex: 0 0 470px;
   width: 470px;
}

@media (max-width: 1199px) {
   .contacts-tab-r {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 400px;
      flex: 0 0 400px;
      width: 400px;
   }
}

@media (max-width: 991px) {
   .contacts-tab-r {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      width: 100%;
   }
}

.contacts-tab-r-map {
   padding-top: 237px;
   position: relative;
   overflow: hidden;
   border-radius: 10px;
   margin-bottom: 18px;
}

@media (max-width: 1199px) {
   .contacts-tab-r-map {
      padding-top: 200px;
   }
}

@media (max-width: 575px) {
   .contacts-tab-r-map {
      padding-top: 190px;
   }
}

.contacts-tab-r-map iframe {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   -webkit-filter: grayscale(1) invert(90%) !important;
   filter: grayscale(1) invert(90%) !important;
}

.contacts-tab-l-btn {
   display: none;
}

@media (max-width: 767px) {
   .contacts-tab-l-btn {
      display: block;
      padding: 13px;
      font-size: 14px;
   }
}

.contacts-tab-r-btn {
   width: 100%;
   padding: 8px;
}

@media (max-width: 575px) {
   .contacts-tab-r-btn {
      font-size: 14px;
   }
}

.contacts-tab-r-btn svg {
   width: 28px;
   height: 28px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 28px;
   flex: 0 0 28px;
}

@media (max-width: 575px) {
   .contacts-tab-r-btn svg {
      width: 24px;
      height: 24px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
      flex: 0 0 24px;
   }
}

.contacts-tab-footer {
   margin-top: 70px;
   position: relative;
}

@media (max-width: 1199px) {
   .contacts-tab-footer {
      margin-top: 50px;
   }
}

@media (max-width: 767px) {
   .contacts-tab-footer {
      display: none;
   }
}

.contacts-tab-img {
   height: 280px;
   position: relative;
   overflow: hidden;
   border-radius: 10px;
}

@media (max-width: 1199px) {
   .contacts-tab-img {
      height: 200px;
   }
}

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

.contacts-tab-img:after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(11, 11, 11, 0.2);
}

.contacts-tab-btn {
   padding: 10px 30px;
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

/* Contacts end */

/* Franchases */

.franchases {
   margin-top: 50px;
}

@media (max-width: 991px) {
   .franchases {
      margin-top: 30px;
   }
}

.franchases-header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-column-gap: 80px;
   -moz-column-gap: 80px;
   column-gap: 80px;
   margin-bottom: 40px;
}

@media (max-width: 575px) {
   .franchases-header {
      -webkit-column-gap: 25px;
      -moz-column-gap: 25px;
      column-gap: 25px;
   }
}

.franchases-header span {
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   display: block;
   height: 57px;
   border: 1px solid var(--main);
   border-bottom: 0;
   border-left: 0;
   border-radius: 0 3px 0 0;
}

@media (max-width: 575px) {
   .franchases-header span {
      height: 17px;
   }
}

.franchases-body {
   margin: 0 -15px;
   row-gap: 20px;
}

@media (max-width: 991px) {
   .franchases-body {
      margin: 0 -10px;
   }
}

.franchases-item {
   padding: 0 15px;
}

@media (max-width: 991px) {
   .franchases-item {
      padding: 0 10px;
   }
}

.franchases-item-body {
   position: relative;
   height: 100%;
}

.franchases-item-img {
   padding-top: 100%;
   position: relative;
   overflow: hidden;
   border-radius: 10px;
   margin-bottom: 0;
}

@media (max-width: 767px) {
   .franchases-item-img {
      padding-top: 280px;
   }
}

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

.franchases-item-img:after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(11, 11, 11, 0.53);
}

.franchases-item-content {
   position: absolute;
   bottom: 90px;
   left: 90px;
   right: 30px;
}

@media (max-width: 1199px) {
   .franchases-item-content {
      left: 40px;
      bottom: 40px;
   }
}

@media (max-width: 575px) {
   .franchases-item-content {
      bottom: 20px;
      left: 20px;
      right: 20px;
   }
}

.franchases-item-title {
   position: relative;
   font-size: 40px;
   line-height: 1;
   margin-bottom: 10px;
   padding-bottom: 10px;
   letter-spacing: 0.02em;
   font-weight: 600;
}

@media (max-width: 1199px) {
   .franchases-item-title {
      font-size: 36px;
   }
}

@media (max-width: 991px) {
   .franchases-item-title {
      font-size: 28px;
   }
}

@media (max-width: 575px) {
   .franchases-item-title {
      font-size: 26px;
      padding-bottom: 5px;
      margin-bottom: 5px;
   }
}

.franchases-item-title:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100px;
   height: 1px;
   background: var(--main);
}

.franchases-item-text {
   font-size: 24px;
   line-height: 1;
   font-weight: 600;
   max-width: 350px;
   color: var(--white);
   font-weight: 600;
   margin-bottom: 40px;
}

@media (max-width: 1199px) {
   .franchases-item-text {
      font-size: 20px;
      max-width: 300px;
      margin-bottom: 30px;
   }
}

@media (max-width: 991px) {
   .franchases-item-text {
      font-size: 16px;
      max-width: 240px;
      line-height: 1.25;
   }
}

@media (max-width: 575px) {
   .franchases-item-text {
      max-width: 150px;
      font-weight: 500;
      font-size: 14px;
      line-height: 1.45;
      margin-bottom: 20px;
   }
}

.franchases-item-btn {
   padding: 10px 30px;
   font-size: 18px;
   font-weight: 500;
}

@media (max-width: 1199px) {
   .franchases-item-btn {
      font-size: 16px;
   }
}

@media (max-width: 991px) {
   .franchases-item-btn {
      font-size: 14px;
   }
}

@media (max-width: 575px) {
   .franchases-item-btn {
      width: 100%;
   }
}

.franchases-item-logo {
   position: absolute;
   right: 40px;
   bottom: 40px;
   opacity: 0.5;
}

@media (max-width: 991px) {
   .franchases-item-logo {
      display: none;
   }
}

/* Franchases end */

/* Franchase single */

.franchase-preview {
   margin-top: 55px;
}

@media (max-width: 1199px) {
   .franchase-preview {
      margin-top: 30px;
   }
}

.franchase-preview-body {
   padding: 100px 60px;
   position: relative;
   overflow: hidden;
   border-radius: 10px;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}

@media (max-width: 1199px) {
   .franchase-preview-body {
      padding: 90px 60px;
   }
}

@media (max-width: 991px) {
   .franchase-preview-body {
      padding: 70px 60px;
   }
}

@media (max-width: 767px) {
   .franchase-preview-body {
      padding: 35px 20px;
      min-height: 310px;
   }
}

.franchase-preview-body:after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.29)), to(rgba(0, 0, 0, 0.29)));
   background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.29), rgba(0, 0, 0, 0.29));
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.29), rgba(0, 0, 0, 0.29));
}

.franchase-preview-content {
   max-width: 610px;
   position: relative;
   z-index: 1;
}

@media (max-width: 1199px) {
   .franchase-preview-content {
      max-width: 520px;
   }
}

.franchase-preview-title {
   font-size: 48px;
   line-height: 1.1;
   letter-spacing: 0.02em;
   font-weight: 600;
   margin-bottom: 20px;
}

@media (max-width: 1199px) {
   .franchase-preview-title {
      font-size: 42px;
   }
}

@media (max-width: 991px) {
   .franchase-preview-title {
      margin-bottom: 15px;
   }
}

@media (max-width: 767px) {
   .franchase-preview-title {
      font-size: 30px;
      margin-bottom: 10px;
      line-height: 1.25;
   }
}

.franchase-preview-text {
   color: var(--white);
   font-size: 24px;
   font-weight: 500;
   line-height: 1.35;
   margin-bottom: 0;
}

@media (max-width: 1199px) {
   .franchase-preview-text {
      font-size: 20px;
   }
}

@media (max-width: 767px) {
   .franchase-preview-text {
      font-size: 16px;
      max-width: 224px;
   }
}

.franchase-preview-text b {
   font-weight: 600;
}

.franchase-about {
   margin-top: 60px;
}

@media (max-width: 991px) {
   .franchase-about {
      margin-top: 30px;
   }
}

.franchase-team {
   margin-top: 60px;
   overflow: hidden;
}

.franchase-2-team {
   margin-top: 100px;
}

@media (max-width: 991px) {

   .franchase-2-team,
   .franchase-team {
      margin-top: 50px;
   }
}

@media (max-width: 767px) {

   .franchase-2-team,
   .franchase-team {
      margin-top: 35px;
   }
}

.franchase-team-header {
   margin-bottom: 48px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-column-gap: 44px;
   -moz-column-gap: 44px;
   column-gap: 44px;
   position: relative;
}

@media (max-width: 767px) {
   .franchase-team-header {
      margin-bottom: 30px;
   }
}

.franchase-team-title {
   margin-bottom: 5px;
}

.franchase-team-text {
   margin-bottom: 0;
   color: #909090;
   font-size: 24px;
   font-weight: 500;
   letter-spacing: 0.02em;
}

@media (max-width: 991px) {
   .franchase-team-text {
      font-size: 20px;
   }
}

@media (max-width: 767px) {
   .franchase-team-text {
      font-size: 14px;
   }
}

.franchase-team-header span {
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   display: block;
   height: 135px;
   border: 1px solid var(--main);
   border-left: 0;
   border-bottom: 0;
   border-radius: 0 3px 0 0
}

@media (max-width: 991px) {
   .franchase-team-header span {
      position: absolute;
      width: 50%;
      right: 0;
   }
}

@media (max-width: 767px) {
   .franchase-team-header span {
      width: 120px;
      height: 46px;
   }
}

.franchase-team-list {
   row-gap: 20px;
   margin: 0 -15px;
}

@media (max-width: 991px) {
   .franchase-team-list {
      margin: 0 -10px;
   }
}

@media (max-width: 767px) {
   .franchase-team .franchase-team-list {
      display: none;
   }

   .franchase-cost .franchase-team-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      row-gap: 10px;
   }
}

@media (max-width: 575px) {
   .franchase-team .franchase-team-list {
      display: none;
   }

   .franchase-cost .franchase-team-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0;
      row-gap: 10px;
   }
}

.franchase-team-item {
   padding: 0 15px;
}

@media (max-width: 991px) {
   .franchase-team-item {
      padding: 0 10px;
   }
}

@media (max-width: 767px) {
   .franchase-team-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 10px;
   }

   .franchase-cost .franchase-team-item {
      padding: 0 10px;
   }

   .franchase-team-item {
      padding: 0;
   }
}

@media (max-width: 575px) {
   .franchase-cost .franchase-team-item {
      padding: 0;
   }
}

.franchase-team-item-body {
   height: 100%;
   border-radius: 20px;
   background: var(--black);
   padding: 20px 35px;
}

@media (max-width: 767px) {
   .franchase-team-item-body {
      padding: 20px 20px 18px;
      min-height: 150px;
      border-radius: 10px
   }
}

.franchase-team-item-icon {
   height: 48px;
   margin-bottom: 20px;
}

@media (max-width: 767px) {
   .franchase-team-item-icon {
      height: 40px;
   }
}

.franchase-team-item-icon img {
   height: 100%;
}

.franchase-team-item-title {
   color: var(--white);
   font-size: 18px;
   font-weight: 500;
   line-height: 1.35;
}

@media (max-width: 991px) {
   .franchase-team-item-title {
      font-size: 16px;
   }
}

@media (max-width: 767px) {
   .franchase-team-item-title {
      line-height: 26px;
   }
}

@media (min-width: 576px) {
   .franchase-team-slider {
      display: none;
   }
}

@media (max-width: 767px) {
   .franchase-team-slider {
      display: block;
      margin: 0 -20px;
      padding: 0 20px;
      overflow: hidden;
   }
}

.swiper-pagination {
   position: relative;
   bottom: 0 !important;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-column-gap: 5px;
   -moz-column-gap: 5px;
   column-gap: 5px;
   margin-top: 20px;
}

.swiper-pagination span {
   display: block;
   width: 8px;
   height: 8px;
   margin: 0 !important;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 8px;
   flex: 0 0 8px;
   border-radius: 50%;
   opacity: 1;
   background: #5A5A5A !important;
   -webkit-transition: 0.3s ease;
   -o-transition: 0.3s ease;
   transition: 0.3s ease;
}

.swiper-pagination span.swiper-pagination-bullet-active {
   background: var(--main) !important;
}

.franchase-cost-banner {
   margin-top: 60px;
   position: relative;
   overflow: hidden;
   border-radius: 10px;
   padding: 50px 45px 60px;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}

@media (max-width: 767px) {
   .franchase-cost-banner {
      margin-top: 50px;
      padding: 30px 25px;
   }
}

.franchase-cost-banner-title {
   margin-bottom: 80px;
   font-size: 48px;
   font-weight: 600;
   line-height: 1.1;
   text-align: center;
}

@media (max-width: 1199px) {
   .franchase-cost-banner-title {
      font-size: 42px;
      margin-bottom: 60px;
   }
}

@media (max-width: 991px) {
   .franchase-cost-banner-title {
      font-size: 32px;
      margin-bottom: 40px;
   }
}

@media (max-width: 767px) {
   .franchase-cost-banner-title {
      text-align: left;
      margin-bottom: 30px;
      font-size: 20px;
   }
}

.franchase-cost-banner-list {
   list-style: none;
   padding-left: 0;
   margin-bottom: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-column-gap: 36px;
   -moz-column-gap: 36px;
   column-gap: 36px;
}

@media (max-width: 1199px) {
   .franchase-cost-banner-list {
      -webkit-column-gap: 12px;
      -moz-column-gap: 12px;
      column-gap: 12px;
   }
}

@media (max-width: 991px) {
   .franchase-cost-banner-list {
      row-gap: 30px;
      -webkit-column-gap: 0;
      -moz-column-gap: 0;
      column-gap: 0;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

@media (max-width: 767px) {
   .franchase-cost-banner-list {
      row-gap: 36px;
   }
}

.franchase-cost-banner-list li {
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   color: var(--white);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 15px;
   text-align: center;
}

@media (max-width: 991px) {
   .franchase-cost-banner-list li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
   }
}

@media (max-width: 767px) {
   .franchase-cost-banner-list li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
   }
}

.franchase-cost-banner-list li p {
   font-size: 48px;
   line-height: 1;
   letter-spacing: 0.02em;
   margin-bottom: 0;
   font-weight: 600;
}

@media (max-width: 1199px) {
   .franchase-cost-banner-list li p {
      font-size: 36px;
   }
}

@media (max-width: 991px) {
   .franchase-cost-banner-list li p {
      font-size: 32px;
   }
}

@media (max-width: 767px) {
   .franchase-cost-banner-list li p {
      font-size: 38px;
      margin-bottom: 10px;
   }
}

.franchase-cost-banner-list li span {
   font-size: 18px;
   font-weight: 500;
   line-height: 1.21;
}

@media (max-width: 1199px) {
   .franchase-cost-banner-list li span {
      font-size: 14px;
   }
}

.franchase-cases {
   margin-top: 100px;
   overflow: hidden;
}

@media (max-width: 767px) {
   .franchase-cases {
      margin-top: 50px;
   }
}

.franchase-cases-header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-column-gap: 150px;
   -moz-column-gap: 150px;
   column-gap: 150px;
   margin-bottom: 50px;
}

@media (max-width: 991px) {
   .franchase-cases-header {
      margin-bottom: 30px;
   }
}

@media (max-width: 767px) {
   .franchase-cases-header {
      margin-bottom: 40px;
      position: relative;
   }
}

.franchase-cases-title {
   width: -webkit-min-content;
   width: -moz-min-content;
   width: min-content;
}

.franchase-cases-header span {
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   display: block;
   height: 135px;
   border: 1px solid var(--main);
   border-left: 0;
   border-bottom: 0;
   border-radius: 0 3px 0 0
}

@media (max-width: 991px) {
   .franchase-cases-header span {
      height: 80px;
   }
}

@media (max-width: 767px) {
   .franchase-cases-header span {
      position: absolute;
      width: 40%;
      height: 46px;
      top: 0;
      right: 0;
   }
}

.franchase-cases-slider {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

@media (min-width: 576px) {
   .franchase-cases-slider {
      overflow: hidden;
   }
}

.franchase-cases-slider *:focus {
   outline: none;
}

.franchase-cases-item {
   display: block;
   position: relative;
}

.franchase-cases-img {
   margin-bottom: 0;
   position: relative;
   overflow: hidden;
   border-radius: 20px;
   padding-top: 66.6%;
   background: var(--black);
}

@media (max-width: 767px) {
   .franchase-cases-img {
      border-radius: 10px;
      padding-top: 57%;
   }
}

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

.franchase-cases-img:after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(11, 11, 11, 0.51);
}

.franchase-cases-play {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

.franchase-cases-play svg {
   width: 126px;
   height: 126px;
   fill: var(--main);
}

@media (max-width: 767px) {
   .franchase-cases-play svg {
      width: 81px;
      height: 81px;
   }
}

.franchase-license {
   overflow: hidden;
   margin-top: 100px;
}

@media (max-width: 767px) {
   .franchase-license {
      margin-top: 50px;
   }
}

.franchase-license-title {
   margin-bottom: 40px;
}

.franchase-license-slider {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

@media (min-width: 576px) {
   .franchase-license-slider {
      overflow: hidden;
   }
}

.franchase-license-slider *:focus {
   outline: none;
}

.franchase-license-item {
   display: block;
}

.franchase-license-img {
   position: relative;
   overflow: hidden;
   padding-top: 141%;
   margin-bottom: 0;
   border-radius: 10px;
}

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

.franchase-give-header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-column-gap: 10px;
   -moz-column-gap: 10px;
   column-gap: 10px;
}

.franchase-give-header span {
   position: relative;
   top: auto;
   right: auto;
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   width: auto;
}

@media (max-width: 991px) {
   .franchase-give-header span {
      display: none;
   }
}

.franchase-learn {
   margin-top: 100px;
}

@media (max-width: 767px) {
   .franchase-learn {
      margin-top: 50px;
   }
}

.franchase-learn-body {
   border-radius: 10px;
   overflow: hidden;
   position: relative;
   background: var(--black);
   padding: 60px 60px 50px;
   padding-right: 490px;
}

@media (max-width: 1199px) {
   .franchase-learn-body {
      padding: 40px 50px;
   }
}

@media (max-width: 767px) {
   .franchase-learn-body {
      padding: 30px 20px;
      min-height: 375px;
   }
}

.franchase-learn-title {
   color: var(--white);
   font-size: 48px;
   font-weight: 600;
   line-height: 1.1;
   margin-bottom: 10px;
}

@media (max-width: 1199px) {
   .franchase-learn-title {
      font-size: 36px;
   }
}

@media (max-width: 767px) {
   .franchase-learn-title {
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 5px;
   }
}

.franchase-learn-text {
   color: #909090;
   font-size: 20px;
   line-height: 1.25;
   margin-bottom: 76px;
   max-width: 650px;
}

@media (max-width: 1199px) {
   .franchase-learn-text {
      font-size: 18px;
      max-width: 520px;
      margin-bottom: 50px;
   }
}

@media (max-width: 767px) {
   .franchase-learn-text {
      font-size: 14px;
      margin-bottom: 0;
   }
}

.franchase-learn-btn {
   padding: 10px 22px;
}

@media (max-width: 767px) {
   .franchase-learn-btn {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: 30px;
      white-space: nowrap;
      font-size: 14px;
      z-index: 1;
   }
}

.franchase-learn-img {
   margin-bottom: 0;
   position: absolute;
   top: -20px;
   right: -60px;
   width: 100%;
   max-width: 580px;
   -webkit-transform: rotate(14.43deg);
   -ms-transform: rotate(14.43deg);
   transform: rotate(14.43deg);
}

@media (max-width: 1199px) {
   .franchase-learn-img {
      max-width: 460px;
      top: 0;
   }
}

@media (max-width: 991px) {
   .franchase-learn-img {
      max-width: 320px;
      top: 70px;
      right: -20px;
   }
}

@media (max-width: 767px) {
   .franchase-learn-img {
      left: 50%;
      top: auto;
      right: auto;
      max-width: 441px;
      width: 441px;
      bottom: -172px;
      -webkit-transform: translateX(-50%) rotate(14.43deg);
      -ms-transform: translateX(-50%) rotate(14.43deg);
      transform: translateX(-50%) rotate(14.43deg);
   }
}

.franchase-learn-img img {
   width: 100%;
}

.franchase-map {
   margin-top: 100px;
}

@media (max-width: 767px) {
   .franchase-map {
      margin-top: 70px;
   }
}

.franchase-map-title {
   max-width: 1050px;
   margin-bottom: 5px;
}

@media (max-width: 1329px) {
   .franchase-map-title {
      max-width: 850px;
   }
}

@media (max-width: 767px) {
   .franchase-map-title {
      margin-bottom: 10px;
   }
}

.franchase-map-text {
   max-width: 384px;
   font-size: 24px;
   line-height: 1.2;
   font-weight: 500;
   color: #909090;
   margin-bottom: 50px;
}

@media (max-width: 991px) {
   .franchase-map-text {
      font-size: 20px;
   }
}

@media (max-width: 767px) {
   .franchase-map-text {
      font-size: 14px;
      max-width: 260px;
      margin-bottom: 30px;
   }
}

.franchase-map-iframe {
   position: relative;
   overflow: hidden;
   height: 400px;
   border-radius: 10px;
}

@media (max-width: 991px) {
   .franchase-map-iframe {
      height: 300px;
   }
}

@media (max-width: 767px) {
   .franchase-map-iframe {
      height: 190px;
   }
}

.franchase-map-iframe iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -webkit-filter: grayscale(1) invert(90%) !important;
   filter: grayscale(1) invert(90%) !important;
}

.franchase-2-about .franchase-about-body {
   padding-right: 276px;
}

@media (max-width: 767px) {
   .franchase-2-about .franchase-about-body {
      padding-right: 24px;
   }
}

.franchase-2-about .franchase-about-body h4 {
   margin-bottom: 15px;
}

.franchase-2-about .franchase-about-body p span {
   color: var(--main);
}

.franchase-2-about .franchase-about-img {
   width: 116px;
   right: 2px;
   opacity: 1;
}

.franchase-2-about-btn {
   font-size: 22px;
   padding: 10px 22px;
   margin-top: 20px;
}

@media (max-width: 1199px) {
   .franchase-2-about-btn {
      font-size: 18px;
      margin-top: 10px;
   }
}

@media (max-width: 767px) {
   .franchase-2-about-btn {
      font-size: 14px;
      display: block;
      margin: 0 auto;
   }
}

/* franchase-scheme */

.franchase-scheme {
   overflow: hidden;
   margin-top: 120px;
}

@media (max-width: 767px) {
   .franchase-scheme {
      margin-top: 50px;
   }
}

.franchase-scheme-header {
   margin-bottom: 40px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-column-gap: 65px;
   -moz-column-gap: 65px;
   column-gap: 65px;
   position: relative;
}

@media (max-width: 767px) {
   .franchase-scheme-header {
      -webkit-column-gap: 30px;
      -moz-column-gap: 30px;
      column-gap: 30px;
   }
}

.franchase-scheme-header span {
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   display: block;
   border: 1px solid var(--main);
   border-bottom: 0;
   border-left: 0;
   border-radius: 0 3px 0 0;
   height: 135px;
}

@media (max-width: 1199px) {
   .franchase-scheme-header span {
      height: 80px;
   }
}

@media (max-width: 767px) {
   .franchase-scheme-header span {
      height: 17px;
   }
}

.franchase-scheme-item {
   padding-top: 35px;
   position: relative;
}

@media (min-width: 992px) {
   .franchase-scheme-slider .swiper-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 0 -15px;
      row-gap: 60px;
      width: calc(100% + 30px);
   }

   .franchase-scheme-slider .swiper-slide {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3%;
      flex: 0 0 33.3%;
      width: 33.3%;
   }

   .franchase-scheme-item {
      padding: 35px 15px 0;
   }

   .franchase-scheme-slider .swiper-slide:nth-child(4),
   .franchase-scheme-slider .swiper-slide:nth-child(5) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
   }
}

.franchase-scheme-slider .swiper-slide {
   height: auto;
}

.franchase-scheme-item {
   height: 100%;
}

.franchase-scheme-item-body {
   background: var(--black);
   border-radius: 30px;
   height: 100%;
   padding: 75px 40px 50px;
}

@media (max-width: 991px) {
   .franchase-scheme-item-body {
      padding: 75px 24px 30px;
   }
}

@media (max-width: 767px) {
   .franchase-scheme-item-body {
      border-radius: 20px;
      padding: 55px 20px 40px;
   }
}

.franchase-scheme-item-number {
   position: absolute;
   width: 70px;
   height: 70px;
   border-radius: 20px;
   background: var(--main);
   text-align: center;
   line-height: 75px;
   font-size: 36px;
   color: var(--black);
   top: 0;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
}

@media (max-width: 767px) {
   .franchase-scheme-item-number {
      width: 60px;
      height: 60px;
      line-height: 63px;
      font-size: 30px;
   }
}

.franchase-scheme-item-title {
   text-align: center;
   font-size: 26px;
   font-weight: 600;
   color: var(--main);
   margin-bottom: 20px;
}

@media (max-width: 1199px) {
   .franchase-scheme-item-title {
      font-size: 24px;
   }
}

@media (max-width: 991px) {
   .franchase-scheme-item-title {
      font-size: 22px;
   }
}

.franchase-scheme-item-text {
   text-align: center;
   font-size: 18px;
   letter-spacing: 0.02em;
   margin-bottom: 0;
   line-height: 1.33;
   font-weight: 500;
   color: var(--white);
}

@media (max-width: 1199px) {
   .franchase-scheme-item-text {
      font-size: 16px;
   }
}

@media (max-width: 991px) {
   .franchase-scheme-item-text {
      font-size: 15px;
   }
}

.franchase-geting {
   margin-top: 100px;
}

@media (max-width: 767px) {
   .franchase-geting {
      margin-top: 50px;
   }
}

.franchase-geting .franchase-about-body {
   padding: 60px;
   padding-right: 435px;
}

@media (max-width: 1199px) {
   .franchase-geting .franchase-about-body {
      padding-right: 300px;
   }
}

@media (max-width: 991px) {
   .franchase-geting .franchase-about-body {
      padding-right: 60px;
   }
}

@media (max-width: 767px) {
   .franchase-geting .franchase-about-body {
      padding: 30px 25px;
   }
}

.franchase-geting .franchase-about-body h4 {
   color: var(--white);
   font-size: 48px;
   margin-bottom: 15px;
}

@media (max-width: 1199px) {
   .franchase-geting .franchase-about-body h4 {
      font-size: 36px;
   }
}

@media (max-width: 767px) {
   .franchase-geting .franchase-about-body h4 {
      font-size: 20px;
      color: var(--main);
      margin-bottom: 10px;
   }
}

.franchase-geting .franchase-about-body * {
   color: var(--white);
}

.franchase-geting .franchase-about-body p {
   max-width: 640px;
   color: #909090;
}

@media (max-width: 767px) {
   .franchase-geting .franchase-about-body p {
      font-size: 14px;
      margin-bottom: 15px;
   }
}

.franchase-geting .franchase-about-body ul {
   list-style: disc;
   padding-left: 1.5em;
}

.franchase-geting .franchase-about-body li {
   color: #909090;
   font-size: 20px;
   line-height: 1.35;
   margin-bottom: 10px;
}

@media (max-width: 1199px) {
   .franchase-geting .franchase-about-body li {
      font-size: 16px;
   }
}

@media (max-width: 767px) {
   .franchase-geting .franchase-about-body li {
      font-size: 14px;
      margin-bottom: 15px;
   }
}

.franchase-geting .franchase-about-body li:last-child {
   margin-bottom: 0;
}

.franchase-geting .franchase-about-body h5 {
   font-size: 24px;
   margin-bottom: 10px;
}

@media (max-width: 767px) {
   .franchase-geting .franchase-about-body h5 {
      font-size: 16px;
      margin-bottom: 15px;
      line-height: 1.4;
   }
}

.franchase-geting .franchase-about-body .btn {
   margin-top: 40px;
   color: var(--black);
}

@media (max-width: 1199px) {
   .franchase-geting .franchase-about-body .btn {
      font-size: 18px;
   }
}

@media (max-width: 767px) {
   .franchase-geting .franchase-about-body .btn {
      font-size: 14px;
      margin-top: 30px;
   }
}

/* Franchase single end */



/* Spoilers */

.spoiler-item-header {
   cursor: pointer;
}

.spoiler-item-header>* {
   pointer-events: none;
}

.spoiler-item-header svg {
   -webkit-transition: 0.4s ease;
   -o-transition: 0.4s ease;
   transition: 0.4s ease;
}

.spoiler-item.show svg {
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}

.spoiler-item-body {
   display: none;
}

/* /Spoilers */

/* Phones modal */

.phones-modal {
   position: fixed;
   right: 0;
   top: 70px;
   background: rgba(44, 44, 44, 0.53);
   list-style: none;
   padding-left: 0;
   margin-bottom: 0;
   padding: 35px 45px 35px 35px;
   z-index: 800;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 20px;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
   -webkit-transform: translateX(100%);
   -ms-transform: translateX(100%);
   transform: translateX(100%);
}

.phones-modal.show {
   -webkit-transform: translate(0);
   -ms-transform: translate(0);
   transform: translate(0);
   opacity: 1;
   visibility: visible;
}

.phones-modal-item-title {
   text-transform: uppercase;
   font-size: 18px;
   font-weight: 500;
   margin-bottom: 10px;
   letter-spacing: 0.02em;
}

.phones-modal-item-link {
   color: var(--white);
   font-size: 14px;
   font-weight: 500;
   line-height: 1.5;
   letter-spacing: 0.02em;
}

.phones-modal-item-link:hover {
   color: var(--main);
}

/* Variable product modal */

.modal-content {
   border: 0;
   -webkit-box-shadow: 0px 0px 15px rgba(111, 111, 111, 0.1);
   box-shadow: 0px 0px 15px rgba(111, 111, 111, 0.1);
   border-radius: 11px;
   background: var(--black);
   padding: 40px 50px 33px;
}

@media (max-width: 575px) {
   .modal-content {
      padding-left: 20px;
      padding-right: 20px;
   }
}

.modal-header {
   padding: 0;
   padding-bottom: 20px;
   margin-bottom: 30px;
   border-bottom: 1px solid var(--main);
}

@media (max-width: 575px) {
   .modal-header {
      padding-bottom: 15px;
      margin-bottom: 15px;
   }
}

.modal-close {
   position: absolute;
   right: 20px;
   top: 20px;
   opacity: 0.8;
   -webkit-transition: 0.3s ease;
   -o-transition: 0.3s ease;
   transition: 0.3s ease;
}

.modal-close:hover {
   opacity: 1;
}

.modal-close svg {
   fill: var(--white);
   width: 15px;
   height: 15px;
}

.modal-title {
   font-size: 24px;
   line-height: 1.25;
   font-weight: 500;
   letter-spacing: 0.02em;
}

@media (max-width: 575px) {
   .modal-title {
      font-size: 20px;
   }
}

.modal-body {
   padding: 0;
}

.modal-body h5 {
   font-size: 16px;
   margin-bottom: 20px;
   line-height: 20px;
   color: var(--white);
   font-weight: 500;
}

.variable-list {
   list-style: none;
   padding-left: 0;
   margin-bottom: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-column-gap: 10px;
   -moz-column-gap: 10px;
   column-gap: 10px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   row-gap: 10px;
}

.variable-list .btn {
   padding: 6px 14px;
   font-size: 15px;
   font-weight: 600;
   white-space: nowrap;
}

.variable-list .btn.active {
   background: var(--main);
   color: var(--black);
}

.modal-backdrop {
   z-index: 1051;
}

/* Franchase modal */

.franchase-modal form {
   position: relative;
}

.franchase-modal-form-group {
   margin-bottom: 10px;
   -webkit-transition: 0.3s ease;
   -o-transition: 0.3s ease;
   transition: 0.3s ease;
}

.franchase-modal form.submitting .franchase-modal-form-btn .btn,
.franchase-modal form.submitting .franchase-modal-form-group {
   opacity: 0.5;
}

.wpcf7-spinner {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

.franchase-modal-form-group p {
   margin-bottom: 0;
}

.franchase-modal-form-group label {
   margin-bottom: 4px;
   color: var(--white);
   font-size: 14px;
   font-weight: 500;
}

.franchase-modal-form-group .textarea {
   min-height: 80px;
}

.franchase-modal-form-btn {
   margin-top: 20px;
}

.franchase-modal-form-btn .btn {
   width: 100%;
   padding: 10px;
}

.wpcf7-not-valid-tip {
   font-size: 12px;
   margin-top: 4px;
   line-height: 1;
   font-weight: 500;
}

.wpcf7-response-output {
   display: none;
}

.franchase-success-btn {
   padding: 10px;
   width: 100%;
}

.header-shop-lang-modal {
   display: none;
}

@media (max-width: 575px) {
   .header-shop-lang-modal {
      display: block;
   }
}

/* Places modal */

@media (max-width: 575px) {
   .places-modal .modal-dialog {
      margin: 0;  
   }   
   .places-modal .modal-content {
      border-radius: 0;  
   }   
}
.places-modal-list {
   display: flex;
   flex-direction: column;
   gap: 20px;
   list-style: none;
   padding-left: 0;
   margin-bottom: 0;
}
.places-modal-item a {
   display: flex;
   flex-direction: column;
   align-items: center;
}
.places-modal-item-img {
   position: relative;
   overflow: hidden;
   border-radius: 8px;
   width: 100%;
   padding-top: 120px;
   margin-bottom: 10px;
}
.places-modal-item-img:before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(11, 11, 11, 0.53);
   z-index: 1;
}
.places-modal-item-img img {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   object-fit: cover;
}
.places-modal-item .btn {
   font-size: 14px;
   padding: 10px 22px;
}
.places-modal-item-body {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.places-modal-item-title {
   color: var(--white);
   font-size: 18px;
   margin-bottom: 5px !important;
}
.places-modal-item-desc {
   color: var(--gray-light);
   font-size: 14px;
   line-height: 1.35;
   margin-bottom: 0;
}

.offcanvas-backdrop {
   z-index: 900;
}