/*
Theme Name: Бруно Мебель
Template: storefront

*/

@font-face {
  font-family: "Gotham-Bold";
  src: url("/wp-content/themes/BrunoMebel/fonts/Gotham-Bold.woff2")
      format("woff2"),
    url("/wp-content/themes/BrunoMebel/fonts/Gotham-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("/wp-content/themes/BrunoMebel/fonts/Gotham-Book.woff2")
      format("woff2"),
    url("/wp-content/themes/BrunoMebel/fonts/Gotham-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Gotham", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #212529;
  background: #f3f5f6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Gotham-Bold", sans-serif;
  font-size: 25px;
  color: #212529;
}
strong,
b {
  font-family: "Gotham-Bold", sans-serif;
}
.footer {
  background: #212020;
  color: white;
}

.footer-logo {
  margin-bottom: 15px;
}

.footer-logo img {
  width: 100%;
}

.footer-text {
  margin-bottom: 15px;
  opacity: 0.75;
}
.footer-recv span {
  display: block;
  margin-bottom: 5px;
  opacity: 0.75;
}

.section-title h2 {
  font-size: 35px;
  font-family: "Gotham-Bold", sans-serif;
  text-transform: uppercase;
  color: #212529;
}
.section-title h2 span {
  color: #f4c242;
}
.map-contact {
  position: relative;
  margin-bottom: 70px;
}
.map-contact iframe {
  width: 60%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 22px 0 0 22px;
}
.map-contact-info__phone span {
  display: block;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 14px;
}
.map-contact-info__phone a {
  font-size: 35px;
  font-family: "Gotham-Bold", sans-serif;
  color: #222;
  padding-left: 45px;
  background: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.2945 12.106L14.0595 9.96594C13.2613 9.20165 11.9043 9.50739 11.585 10.5009C11.3456 11.1888 10.5473 11.571 9.82894 11.4181C8.2325 11.036 6.0773 9.04879 5.67819 7.44377C5.43872 6.75588 5.91766 5.99158 6.63606 5.76232C7.67374 5.4566 7.99303 4.1573 7.19481 3.39301L4.95979 1.25298C4.32122 0.717979 3.36335 0.717979 2.8046 1.25298L1.28798 2.70514C-0.228645 4.23373 1.44762 8.28449 5.19926 11.8767C8.9509 15.4689 13.1815 17.1503 14.7779 15.6217L16.2945 14.1696C16.8533 13.5581 16.8533 12.641 16.2945 12.106Z" fill="%23D5578A"/></svg>')
    no-repeat left center / 18px;
}
.map-contact-info__adres {
  position: relative;
  padding-left: 45px;
}
.map-contact-info__adres::after {
  content: "";
  width: 18px;
  height: 24px;
  background: url('data:image/svg+xml,<svg width="15" height="19" viewBox="0 0 15 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.62817 0.512253C3.94477 0.512253 0.948486 3.44006 0.948486 6.99525C0.948486 8.2598 1.328 9.48487 2.04596 10.5373L7.62817 18.8509L13.2104 10.5373C13.9283 9.48491 14.3079 8.25983 14.3079 6.99525C14.3079 3.44006 11.3116 0.512253 7.62817 0.512253ZM7.62817 10.2188C5.78647 10.2188 4.28833 8.77285 4.28833 6.99525C4.28833 5.21766 5.78647 3.73584 7.62817 3.73584C9.46988 3.73584 10.968 5.21766 10.968 6.99525C10.968 8.77285 9.46988 10.2188 7.62817 10.2188Z" fill="%23D5578A"/></svg>')
    no-repeat top left / cover;
  position: absolute;
  left: 0;
  top: 4px;
}

.map-contact-info__phone a:focus {
  outline: none;
  box-shadow: none;
}
.map-contact-info__adres span {
  font-family: "Gotham-Bold", sans-serif;
  display: block;
  margin-bottom: 15px;
}
.btn {
  padding: 20px 50px;
  font-family: "Gotham-Bold", sans-serif;
}
.btn-line {
  display: inline-block;
  padding: 20px 50px;
  font-family: "Gotham-Bold", sans-serif;
  font-size: 16px;
  border: 1px solid #d5578a;
  border-radius: 22px;
  background: transparent;
  transition: all 0.3s ease;
  color: #222;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  -o-border-radius: 22px;
}

.modal-title {
  font-family: "Gotham-Bold", sans-serif;
  font-size: 22px;
  text-transform: uppercase;
}
.header-info-btn {
  display: flex;
  gap: 15px;
}
.btn {
  display: inline-block;
  font-family: "Gotham-Bold", sans-serif;
  font-size: 16px;
  border: 1px solid #d5578a;
  border-radius: 36px;
  background: #d5578a;
  transition: all 0.3s ease;
  color: white !important;
}
.btn:hover {
  background: transparent;
  border: 1px solid #d5578a;
  color: #1e1e1e !important;
  text-decoration: none;
}
.header-info {
  margin-bottom: 35px;
}
.header-content {
  position: relative;
}

.all-content-wrap {
  padding: 35px 0;
}
.header-image {
  width: 50%;
  height: 100%;
  border-radius: 50px 0 0 150px;
  position: absolute;
  right: 0;
  top: 5%;
}
.callback {
  background: #212020;
}
.webp .header-image {
  background: url("/img/bg1.webp") no-repeat center / cover;
}
.no-webp .header-image {
  background: url("/img/bg1.png") no-repeat center / cover;
}

.webp .b2b .header-image {
  background: url("/img/bg2.webp") no-repeat center / cover !important;
}
.no-webp .b2b .header-image {
  background: url("/img/bg2.png") no-repeat center / cover !important;
}

.btn-line:hover {
  background: #d5578a;
  border: 1px solid #d5578a;
  color: white;
  text-decoration: none;
}
.btn-line:focus,
.btn-line:active {
  outline: none;
  box-shadow: none;
}

#modal-center .uk-modal-dialog {
  border-radius: 22px;
  width: 400px;
}
.modal-descr-bottom {
  font-size: 14px;
}
.modal-titles {
  font-family: "Gotham-Bold", sans-serif;
  font-size: 25px;
}
.modal-descr {
  margin: 15px 0 25px;
}
#modal-center .btn-line {
  background: #44bde2;
  border: 1px solid #44bde2 !important;
  color: white;
}
#modal-center .btn-line:hover {
  border: 1px solid #44bde2;
  background: transparent;
  color: #212529;
}
.wpcf7-spinner {
  position: absolute;
  right: 10px;
  top: 10px;
}

#modal-center form {
  margin-bottom: 0;
}
.company-info__btn a {
  width: 100%;
  display: block;
  box-sizing: border-box;
  text-align: center;
}
.company-info__item-title {
  font-family: "Gotham-Bold", sans-serif;
  font-size: 20px;
  line-height: 1.2;
}
.company-info__item {
  padding: 25px;
  border-radius: 36px;
  background: #f4c242;
  display: flex;
  gap: 35px;
  margin-bottom: 25px;
}
.company {
  position: relative;
  overflow: hidden;
}
.company-girl {
  position: absolute;
  right: 0;
  bottom: -70px;
}
#modal-center .uk-modal-dialog input {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: 25px 25px;
  border-radius: 36px;
  border: none;
  box-shadow: none;
}
#modal-center .uk-modal-dialog input[type="submit"] {
  border: 1px solid #f4c242;
  border-radius: 36px;
}
input:focus {
  outline: none !important;
  box-shadow: none !important;
}
.modal-text {
  font-size: 14px;
  opacity: 0.75;
}
.header-adres span {
  display: block;
  font-family: "Gotham-Bold", sans-serif;
  margin-bottom: 5px;
}
.header {
  padding: 25px 0 0;
  background: white;
}
.header a {
  cursor: pointer;
}

.storefront-sorting {
  display: none !important;
}

.category-title {
  font-size: 40px;
  margin-bottom: 35px !important;
}
.content-products {
  padding: 35px 0;
}

.storefront-full-width-content .site-main ul.products.columns-3 li.product {
  margin-right: 0;
}

ul.products::before,
ul.products::after {
  display: none;
}
ul.products {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
ul.products li.product {
  width: 49% !important;
  margin-bottom: 0;
}

.product-title-page {
  margin-top: 35px;
}
.header-phone {
  text-align: right;
}
.product-content__descr {
  text-align: left;
}

.header-phone span {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
}
.company-info__title {
  font-size: 25px;
  font-family: "Gotham-Bold", sans-serif;
  margin-bottom: 35px;
}
.company {
  background: #f6f6f6;
}

.callback-phone-btns {
  display: none !important;
}

.header-phone a {
  font-size: 22px;
  font-family: "Gotham-Bold", sans-serif;
  color: #222;
  padding-left: 45px;
  background: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.5137 13.9523L15.8523 11.2962C14.903 10.3487 13.2844 10.7215 12.9109 11.9641C12.6308 12.8184 11.6814 13.2844 10.8254 13.098C8.92673 12.632 6.37437 10.1623 5.89191 8.17413C5.61177 7.31983 6.17204 6.37233 7.02801 6.09274C8.25751 5.71995 8.64659 4.10454 7.69723 3.15704L5.03593 0.500932C4.27333 -0.166978 3.13722 -0.166978 2.468 0.500932L0.662677 2.30274C-1.14265 4.19774 0.849432 9.21483 5.31607 13.6572C9.76714 18.0996 14.7941 20.1965 16.6928 18.3015L18.4981 16.4997C19.1673 15.7386 19.1673 14.6047 18.4981 13.9368L18.5137 13.9523Z" fill="%23F4C242"/></svg>')
    no-repeat left center / 20px;
}
.header-nav {
  margin-top: 25px;
  background: #f4c242;
}

a:focus,
a:active {
  outline: none !important;
  box-shadow: none !important;
}
.header-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
  left: -20px;
}
.header-nav ul li a {
  display: block;
  font-family: "Gotham-Bold", sans-serif;
  font-size: 16px;
  padding: 20px 20px;
  transition: all 0.3s;
  cursor: pointer;
}
.header-nav ul li a:hover {
  text-decoration: none;
  color: #fff;
  background: #e6a500;
}
.header-nav ul li a:focus {
  outline: none;
  box-shadow: none;
}
.modal-title {
  margin-bottom: 25px;
}
.header-content {
  padding: 120px 0;
  background: #f6f6f6;
}

.header-content-wrap h1 {
  text-transform: uppercase;
  font-size: 40px;
}
.header-content-wrap h1 span {
  color: #f4c242;
  position: relative;
}
.header-content-wrap h1 span::after {
  content: "ТМ";
  position: absolute;
  right: -15px;
  top: -5px;
  font-size: 12px;
  color: #000;
  font-family: "Gotham", sans-serif;
}

.header-subtitle {
  font-family: "Gotham", sans-serif;
}
.header-info ul {
  margin: 0;
  padding: 0;
  margin-left: 15px;
}
.header-subtitle {
  font-family: "Gotham-Bold", sans-serif;
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.mobile-btn {
  display: flex;
  justify-content: end;
}

@keyframes swing {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
  }
  50% {
    transform: rotate(0eg);
  }
  75% {
    transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.modal-bottom {
  margin-top: -25px;
}
.whatsapp-btn {
  background: #2cb742;
  border-radius: 22px;
  padding: 15px;
  text-align: center;
  color: #fff;
  margin: 15px 0;
  display: block;
  color: white !important;
  width: 100%;
  box-sizing: border-box;
  font-family: "Gotham-Bold", sans-serif;
}
.whatsapp-btn:hover {
  color: white;
  text-decoration: none;
}
.subtitleform {
  line-height: 1;
  font-size: 14px;
  opacity: 0.65;
}
.whatsapp-button {
  position: fixed;
  bottom: 30px;
  left: 20px;
  width: 60px;
  height: 60px;
  background-color: #2cb742;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 100;
  transition: transform 0.3s ease;
}
.whatsapp-button img {
  width: 50%;
  height: 50%;
}
.whatsapp-button:hover {
  transform: scale(1.1);
}
.swing {
  animation: swing 2s infinite;
  -webkit-animation: swing 2s infinite;
}

.callback-title {
  font-size: 30px;
  color: white;
  line-height: 1.2;
  text-transform: uppercase;
  font-family: "Gotham-Bold", sans-serif;
}

.callback-form form p {
  display: flex;
  gap: 15px;
}

.callback-form input {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: 20px 20px;
  border-radius: 36px;
  border: none;
  box-shadow: none;
}
.callback-form-text {
  margin-top: 15px;
  font-size: 14px;
  opacity: 0.75;
  color: white;
}

.callback-form form p input {
  min-width: 250px;
  width: 250px;
}

.uk-offcanvas-bar {
  padding-top: 10%;
  color: white;
}
.convas-menu {
  margin: 35px 0;
}
.convas-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#offcanvas-flip .modal-bottom a,
#offcanvas-flip .convas-btn a {
  display: block;
  width: 100%;
  margin-bottom: 45px;
  padding: 15px 10px;
  text-align: center;
}
#offcanvas-flip .convas-btn a {
  color: #000;
}
#offcanvas-flip ul.menu li.current-menu-item > a {
  color: #44bde2;
}
.uk-offcanvas-close,
.uk-close {
  background: #44bde2;
  padding: 10px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  color: white;
  -o-border-radius: 6px;
}
.canvas__btn {
  margin-top: 25px;
}
.canvas__btn a {
  display: block;
  box-sizing: border-box;
  color: #212529;
  text-align: center;
}
.convas-menu ul li a {
  display: block;
  color: white;
  padding: 5px 0;
  font-size: 22px;
  font-family: "Gotham-Bold", sans-serif;
}
.portfolio-item {
  width: 100%;
  height: 300px;
  display: block;
}
#offcanvas-flip .header-adres {
  margin-bottom: 25px;
}
.product-content {
  background: white;
}
.all-product {
  padding-top: 35px;
}
.politicks {
  background: white;
  border-radius: 12px;
  padding: 10px;
  display: inline-block;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
.wraps-politick {
  display: flex;
  justify-content: right;
}
.all-product .section-title h2 {
  margin-bottom: 35px;
}
.all-product .product-content {
  background: transparent !important;
  border: none !important;
}
.callback-form form p input[type="submit"] {
  background: transparent;
  border: 1px solid #f4c242;
  color: white;
}
.callback-form form p input[type="submit"]:hover {
  color: #000;
  background: #f4c242;
}
.wpcf7-not-valid-tip {
  margin: 0 0 15px;
}

.callback .wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450;
  color: white;
}

.content-single .product-content {
  background: white;
}
.uk-modal {
  background: rgba(0, 0, 0, 0.9);
}
.partners-item {
  margin-bottom: 50px;
  display: flex;
  gap: 35px;
}
.partners-item__content-title {
  font-size: 22px;
  font-family: "Gotham-Bold", sans-serif;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.header-mobile-adres {
  display: none;
  padding: 10px;
  background: #f6f6f6;
  text-align: center;
  font-size: 14px;
  margin-bottom: 25px;
}
.catalink a {
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  color: #000;
  border: 1px solid #000;
  padding: 15px 10px;
  border-radius: 22px;
  font-family: "Gotham-Bold", sans-serif;
  font-size: 22px;
  transition: all 0.3s;
}
.catalink a span {
  display: block;
  font-family: "Gotham", sans-serif;
  font-size: 16px;
}
.catalink a:hover {
  background: #f4c242;
  text-decoration: none;
  border: 1px solid #f4c242;
}
.product-content {
  padding: 15px;
}
.product-content a {
  color: #000;
}
.product-content a:hover {
  text-decoration: none;
}
.product-content .btn {
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
.slick-track {
  display: flex;
  gap: 10px;
}
.slick-list {
  overflow: hidden;
}
.product-content__title span {
  display: block;
  font-family: "Gotham", sans-serif;
  margin-bottom: 5px;
  font-size: 14px;
}
.btn-prices {
  text-decoration: underline;
  font-size: 16px;
  font-family: "Gotham-Bold", sans-serif;
  display: block;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  margin-top: 25px;
}

.list-amount {
  font-family: "Gotham-Bold", sans-serif;
  font-size: 18px;
}
.custom-slider {
  position: relative;
}
.product-param {
  margin: 15px 0 25px;
}
.slick-next,
.slick-next:hover {
  position: absolute;
  right: -25px;
  width: 60px;
  height: 60px;
  min-width: 60px;
  font-size: 0;
  bottom: -25px;
  border-radius: 22px;
  background: url('data:image/svg+xml,<svg width="18" height="31" viewBox="0 0 18 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.2771 14.115L3.8248 0.489161C3.51367 0.173758 3.09833 0 2.65547 0C2.2126 0 1.79726 0.173758 1.48613 0.489161L0.495458 1.49238C-0.149178 2.14609 -0.149178 3.20855 0.495458 3.86126L11.7917 15.3034L0.482924 26.7582C0.171788 27.0736 0 27.4941 0 27.9424C0 28.3913 0.171788 28.8117 0.482924 29.1274L1.47359 30.1303C1.78497 30.4457 2.20007 30.6195 2.64293 30.6195C3.0858 30.6195 3.50113 30.4457 3.81227 30.1303L17.2771 16.4921C17.589 16.1757 17.7603 15.7532 17.7593 15.3042C17.7603 14.8533 17.589 14.4311 17.2771 14.115Z" fill="white"/></svg>')
    #d5578a no-repeat center / 20px;
}

.product-content__title h1 {
  font-size: 30px;
}
.slider-info {
  margin-bottom: 15px;
  opacity: 0.75;
  font-size: 14px;
}

.product-item {
  background: white;
}
.slick-prev,
.slick-prev:hover {
  position: absolute;
  right: 50px;
  transform: scale(-1);
  width: 60px;
  height: 60px;
  min-width: 60px;
  font-size: 0;
  bottom: -25px;
  z-index: 100;
  border-radius: 22px;
  background: url('data:image/svg+xml,<svg width="18" height="31" viewBox="0 0 18 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.2771 14.115L3.8248 0.489161C3.51367 0.173758 3.09833 0 2.65547 0C2.2126 0 1.79726 0.173758 1.48613 0.489161L0.495458 1.49238C-0.149178 2.14609 -0.149178 3.20855 0.495458 3.86126L11.7917 15.3034L0.482924 26.7582C0.171788 27.0736 0 27.4941 0 27.9424C0 28.3913 0.171788 28.8117 0.482924 29.1274L1.47359 30.1303C1.78497 30.4457 2.20007 30.6195 2.64293 30.6195C3.0858 30.6195 3.50113 30.4457 3.81227 30.1303L17.2771 16.4921C17.589 16.1757 17.7603 15.7532 17.7593 15.3042C17.7603 14.8533 17.589 14.4311 17.2771 14.115Z" fill="white"/></svg>')
    #d5578a no-repeat center / 20px;
}
.content-single .product-content {
  background: #fff;
  border-radius: 22px;
  margin-top: 35px;
  padding: 25px;
}
.slick-arrow:focus {
  outline: none;
  box-shadow: none;
}
.slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
  margin-top: 35px !important;
  li {
    button {
      width: 50px;
      height: 2px;
      border-radius: 22px;
      background: #bebebe;
      margin: 0 5px;
      font-size: 0;
      transition: all 0.3s;
      border: none;
      box-shadow: none;
      cursor: pointer;
      &:focus {
        outline: none;
      }
    }
  }
  .slick-active button {
    background: #feca01;
  }
}
.product-slider {
  position: relative;
}

.protfilio-items {
  margin-top: 35px;
}
.custom-slider .slider-item img {
  width: 100%;
  height: 380px;
  display: block;
  border-radius: 36px;
}
.callback-wrap {
  position: relative;
}

.product-slider .slider-item div {
  width: 100%;
  height: 500px;
  display: block;
  border-radius: 36px;
}
.callback-catalog-girl {
  position: absolute;
  right: 0;
  bottom: -70px;
}

.callback-catalog-girl img {
  width: 450px;
}
.variable-item-title {
  font-family: "Gotham-Bold", sans-serif;
  font-size: 18px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.product-content__descr {
  margin-bottom: 25px;
}
.variable-item-img img {
  margin-bottom: 5px;
}
.product-content__title {
  font-family: "Gotham-Bold", sans-serif;
  font-size: 18px;
  margin-bottom: 15px;
  line-height: 1.2;
  text-align: left;
}
.slider-nav {
  margin-top: 35px;
}
.product-content__title span {
  font-size: 16px;
  display: block;
}
.all-products {
  text-decoration: underline;
  color: #f4c242 !important;
  display: block;
  padding: 5px 0 15px;
  font-size: 16px;
}
.product-single {
  display: block;
  width: 100%;
  height: 400px;
  border-radius: 12px 12px 0 0;
  margin-bottom: 0;
  -webkit-border-radius: 12px 12px 0 0;
  -moz-border-radius: 12px 12px 0 0;
  -ms-border-radius: 12px 12px 0 0;
  -o-border-radius: 12px 12px 0 0;
}

.slider-nav .slick-slide {
  opacity: 0.45;
  transition: all 0.3s;
}
.slider-nav img {
  border-radius: 22px;
}

.slider-nav .slick-slide.slick-current {
  opacity: 1;
}
.product-item {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 22px;
  padding: 25px;
  margin-bottom: 15px;
  transition: all 0.3s;
}
.product-item:hover {
  border: 1px solid #f4c242;
}

.partners-item__number {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Gotham-Bold", sans-serif;
  line-height: 1;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  height: 60px;
  border-radius: 12px;
  font-size: 35px;
  padding: 10px;
  background: #f4c242;
}
.partners-btn .btn {
  display: block;
  width: 100%;
  text-align: center;
}

.partners-items {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.partners-items::after {
  content: "";
  width: 1px;
  height: 80%;
  z-index: -1;
  background: #f4c242;
  position: absolute;
  left: 30px;
  top: 15px;
}
.partners-btn {
  margin-top: 35px !important;
}
.partners-icon {
  text-align: center;
}
.partners-icon .partners-icon__img {
  margin-bottom: 15px;
}
.partners-icon__title {
  text-align: center;
  font-family: "Gotham-Bold", sans-serif;
}
.item-product-page .company-info__item {
  background: transparent;
}

.item-product-page .company-info__item img {
  min-width: 50px;
  width: 50px;
}
.item-product-page .company-info__item {
  flex-direction: column;
}
.product-paramentr {
  padding: 35px 0;
}
.title-param {
  text-transform: uppercase;
}
.amount-param {
  font-family: "Gotham-Bold", sans-serif;
  font-size: 18px;
}
.product-variable {
  padding-top: 35px;
  padding-bottom: 70px;
}

.product-content-bank {
  width: 100%;
  padding: 25px;
  display: flex;
  gap: 25px;
  border-radius: 22px;
  border: 1px #e7b95d solid;
  font-family: "Gotham-Bold", sans-serif;
  align-items: center;
  margin-top: 15px;
  background: white;
}
.not-found-img {
  text-align: center;
}
.gallery-home {
  margin: 35px 15px 0 15px;
}
.not-found-img img {
  margin: 0 auto;
  opacity: 0.5;
  margin-bottom: 35px;
  width: 400px;
}
.not-found {
  padding: 70px 0;
  text-align: center;
}
.not-found-title {
  font-size: 40px;
  font-family: "Gotham-Bold", sans-serif;
  margin-bottom: 15px;
}
.not-found-tex {
  margin-bottom: 35px;
}
.product-content-bank__img {
  min-width: 150px;
}
.not-found-text {
  margin-bottom: 35px;
}
.product-title-page {
  padding: 25px 0;
  background: #f6f6f6;
}
.product-title-page h2 {
  margin: 0;
  padding: 0;
}

@media (max-width: 1799.98px) {
  .company-girl {
    right: -65px;
  }
}

@media (max-width: 1399.98px) {
  .company-girl {
    right: -100px;
    width: 500px;
  }
}

@media (max-width: 1300.98px) {
  .company-girl {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .map-contact iframe {
    width: 50%;
  }
  .social-link svg {
    width: 30px;
  }
  ul.products li.product {
    width: 49% !important;
    margin-bottom: 0;
  }
  .all-product {
    padding-top: 35px;
  }
  .mobile-phone .text-mob {
    display: none;
  }
  .mobile-phone a {
    color: #000;
    font-family: "Gotham-Bold", sans-serif;
  }
  .uk-offcanvas-overlay::before {
    background: rgba(0, 0, 0, 0.75);
  }
  .header-phone a {
    padding-left: 30px;
  }
  .btn-menu {
    padding: 15px 25px 15px 55px;
    text-transform: uppercase;
    color: white;
    font-size: 18px;
    border-radius: 12px;
    background: url('data:image/svg+xml,<svg width="66" height="66" viewBox="0 0 66 66" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.4297 30.9375H8.50781C3.81653 30.9375 0 27.121 0 22.4297V8.50781C0 3.81653 3.81653 0 8.50781 0H22.4297C27.121 0 30.9375 3.81653 30.9375 8.50781V22.4297C30.9375 27.121 27.121 30.9375 22.4297 30.9375ZM8.50781 4.125C6.09108 4.125 4.125 6.09108 4.125 8.50781V22.4297C4.125 24.8464 6.09108 26.8125 8.50781 26.8125H22.4297C24.8464 26.8125 26.8125 24.8464 26.8125 22.4297V8.50781C26.8125 6.09108 24.8464 4.125 22.4297 4.125H8.50781ZM57.4922 30.9375H43.5703C38.879 30.9375 35.0625 27.121 35.0625 22.4297V8.50781C35.0625 3.81653 38.879 0 43.5703 0H57.4922C62.1835 0 66 3.81653 66 8.50781V22.4297C66 27.121 62.1835 30.9375 57.4922 30.9375ZM43.5703 4.125C41.1536 4.125 39.1875 6.09108 39.1875 8.50781V22.4297C39.1875 24.8464 41.1536 26.8125 43.5703 26.8125H57.4922C59.9089 26.8125 61.875 24.8464 61.875 22.4297V8.50781C61.875 6.09108 59.9089 4.125 57.4922 4.125H43.5703ZM50.5312 66C42.0018 66 35.0625 59.0607 35.0625 50.5312C35.0625 42.0018 42.0018 35.0625 50.5312 35.0625C59.0607 35.0625 66 42.0018 66 50.5312C66 59.0607 59.0607 66 50.5312 66ZM50.5312 39.1875C44.2763 39.1875 39.1875 44.2763 39.1875 50.5312C39.1875 56.7862 44.2763 61.875 50.5312 61.875C56.7862 61.875 61.875 56.7862 61.875 50.5312C61.875 44.2763 56.7862 39.1875 50.5312 39.1875ZM22.4297 66H8.50781C3.81653 66 0 62.1835 0 57.4922V43.5703C0 38.879 3.81653 35.0625 8.50781 35.0625H22.4297C27.121 35.0625 30.9375 38.879 30.9375 43.5703V57.4922C30.9375 62.1835 27.121 66 22.4297 66ZM8.50781 39.1875C6.09108 39.1875 4.125 41.1536 4.125 43.5703V57.4922C4.125 59.9089 6.09108 61.875 8.50781 61.875H22.4297C24.8464 61.875 26.8125 59.9089 26.8125 57.4922V43.5703C26.8125 41.1536 24.8464 39.1875 22.4297 39.1875H8.50781Z" fill="white"/></svg>')
      no-repeat #44bde2 15px center / 25px;
    font-family: "Gotham-Bold", sans-serif;
  }
  .btn-menu:focus {
    outline: none;
    box-shadow: none;
  }
  .header-info-btn a {
    display: inline-block;
    padding: 25px;
  }
}

.footer {
  background: #076e9c;
  color: white;
  padding: 35px 0;
  position: relative;
}
.right-footer span {
  display: block;
}
.sitemap a {
  text-decoration: underline;
  color: white;
}
.politick {
  text-align: right;
}
.politick a {
  text-decoration: underline;
  color: white;
}

.footer::after {
  content: "";
  width: 100%;
  height: 6.5rem;
  left: 0;
  z-index: 2;
  top: -6.5rem;
  position: absolute;
  transform: translate(0, 33%);
  background: url("/img/wave_darkgreen2.svg") center bottom/100% 100% no-repeat;
}

.section-title h2 {
  font-size: 35px;
  padding-left: 35px;
  border-left: 2px solid #44bde2;
}
.items-hotel-inner {
  margin-top: 45px;
}

.product-list-home {
  margin-top: 35px;
}
.map-contact-info__adres br {
  display: none;
}
@media (max-width: 991.98px) {
  .map-contact-info__phone a {
    font-size: 25px;
  }

  .b2b h1 br {
    display: none;
  }
  .category-title {
    font-size: 35px;
  }
  .partners-icon {
    display: flex;
    gap: 35px;
    align-items: center;
    text-align: left;
  }
  .company-girl {
    display: block;
    width: 450px;
  }
  .partners-item__content-title {
    font-size: 20px;
  }
  .partners-items::after {
    height: 75%;
  }
  .partners-icon__title {
    text-align: left;
  }
  .callback-title {
    font-size: 25px;
  }
  .callback-form form p input {
    min-width: 220px;
    width: 220px;
  }
  .header-image {
    width: 90%;
    border-radius: 22px 22px 150px 22px;
    position: relative;
    right: 0;
    top: 0;
    height: 400px;
    margin: 0 auto;
  }
  .header-content-wrap {
    margin-bottom: 35px !important;
  }
  .header-content {
    padding: 70px 0;
  }
  .product-single {
    height: 250px;
  }
  ul.products li.product {
    width: 48% !important;
  }
}

@media (max-width: 767.98px) {
  .footer-logo img {
    width: 90%;
    margin: 0 auto;
  }
  .map-contact {
    margin-bottom: 35px;
  }
  .wraps-politick {
    display: flex;
    justify-content: center;
  }
  .politicks {
    padding: 2px;
  }
  ul.products li.product {
    width: 100% !important;
  }
  .tovar-item-wrap {
    height: 300px;
  }
  .header {
    padding: 0;
    background: white;
  }

  .custom-slider .slider-item img {
    height: 250px;
  }
  .slider-info {
    font-size: 12px;
  }
  .param-wrap {
    flex-direction: column;
  }
  .callback-catalog-girl {
    position: relative;
    right: 0;
    bottom: -40px;
  }
  .callback {
    overflow: hidden;
  }
  .product-content .btn {
    padding: 20px 15px;
  }

  .product-content-bank__title {
    text-align: center;
  }
  .product-content-bank {
    flex-direction: column;
  }

  .slider-nav img {
    border-radius: 12px;
  }
  .variable-item-img {
    min-width: 100px;
  }
  .uk-leader-fill {
    display: block;
    width: 100%;
    background: white;
    padding: 12px;
    border-radius: 12px;
  }
  .variable-item {
    display: flex;
    gap: 25px;
  }
  .content-single .product-content {
    padding: 35px 25px;
    background: white;
  }
  .product-content__title h1 {
    font-size: 35px;
  }

  .item-product-page .company-info__item {
    padding: 15px 0 0;
  }
  .amount-param {
    display: block;
  }
  .slick-prev {
    right: 40px;
  }
  .product-slider .slider-item div {
    height: 250px;
  }
  .product-slider .slick-next {
    right: 0;
  }
  .product-slider .slick-prev {
    right: 60px;
  }
  .product-content {
    padding: 10px;
  }
  .product-item {
    padding: 25px 15px;
  }
  .slick-prev,
  .slick-next {
    height: 50px;
    width: 50px;
    min-width: 50px;
    border-radius: 12px;
  }
  .header-mobile-adres {
    display: block;
  }
  .b2b .header-content-wrap h1 {
    font-size: 30px;
  }
  .product-content__title {
    font-size: 16px;
  }
  .partners-icon {
    display: flex;
    gap: 0;
    align-items: center;
    text-align: center;
    flex-direction: column;
  }
  .partners-icon__title {
    text-align: center;
  }
  .partners-item__content-title {
    font-size: 18px;
  }
  .company-info__item-img {
    font-size: 18px;
  }
  .company-info__item {
    gap: 15px;
  }
  .company-girl {
    display: block;
    position: relative;
    left: 0;
    margin: 0 auto;
    width: 90%;
    bottom: -40px;
  }
  .company-info__item-descr br {
    display: none;
  }
  .company-info__item-img {
    min-width: 40px;
  }
  .callback-title {
    font-size: 22px;
  }
  .callback-form form p input {
    min-width: 220px;
    width: 100%;
  }
  .callback-form form p {
    display: flex;
    gap: 0;
    flex-direction: column;
  }
  .uk-offcanvas-bar {
    width: 100%;
  }
  .uk-offcanvas-flip .uk-offcanvas-bar {
    right: -100%;
  }
  .convas-menu ul li a {
    font-size: 25px;
  }
  .uk-offcanvas-bar {
    padding-top: 15%;
    color: white;
  }
  .header-content-wrap h1 {
    text-transform: uppercase;
    font-size: 35px;
  }
  .header-subtitle {
    font-size: 18px;
  }
  .header-image {
    width: 90%;
    border-radius: 22px 22px 120px 22px;
    position: relative;
    right: 0;
    top: 0;
    height: 300px;
    margin: 0 auto;
  }
  .gallery-item {
    border-radius: 22px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    -o-border-radius: 22px;
    height: 400px;
  }
  .header-info-btn {
    display: flex;
    gap: 15px;
    flex-direction: column;
    text-align: center;
  }
  .modal-title {
    margin-bottom: 25px;
  }
  .header-logo {
    text-align: center;
  }
  .header-logo img {
    margin: 0 auto;
  }
  .map-contact .btn-line {
    width: 100%;
    text-align: center;
  }
  .footer-logo {
    margin-bottom: 25px;
  }
  .map-contact {
    overflow: hidden;
  }
  .section-title h2 {
    font-size: 25px;
    padding-left: 25px;
  }

  .map-contact iframe {
    width: 100%;
    height: 500px;
    display: block;
    margin-top: 35px;
    position: relative;
    border-radius: 22px 22px 0 0;
    padding: 0 15px;
  }
  .partners-btn a span {
    display: block;
  }
  .product-content__title h1 {
    font-size: 30px;
  }
  .turist {
    position: relative;
    right: auto;
    bottom: -70px;
    width: 300px;
    left: auto;
    margin: 0 auto;
  }
}

@media (max-width: 345.98px) {
  .mobile-phone .phones {
    display: none;
  }
  .mobile-phone .text-mob {
    display: block;
  }
  .header-content-wrap h1 {
    text-transform: uppercase;
    font-size: 28px;
  }
  .header-subtitle {
    font-size: 16px;
  }
  .partners-items::after {
    left: 20px;
  }
  .partners-item__content-title {
    font-size: 16px;
  }
  .partners-item {
    margin-bottom: 40px;
    display: flex;
    gap: 15px;
  }
  .partners-item__number {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Gotham-Bold", sans-serif;
    line-height: 1;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    border-radius: 12px;
    font-size: 20px;
    background: #f4c242;
  }
}

.header-full {
  position: relative;
  padding: 25px 0 120px;

  color: white;
}

.header-navigation,
.header-navigation-menu {
  position: relative;
  z-index: 11;
}
.header-navigation__adres {
  position: relative;
  padding-left: 35px;
}
.header-navigation__adres::after {
  content: "";
  width: 18px;
  height: 24px;
  background: url('data:image/svg+xml,<svg width="15" height="19" viewBox="0 0 15 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.62817 0.512253C3.94477 0.512253 0.948486 3.44006 0.948486 6.99525C0.948486 8.2598 1.328 9.48487 2.04596 10.5373L7.62817 18.8509L13.2104 10.5373C13.9283 9.48491 14.3079 8.25983 14.3079 6.99525C14.3079 3.44006 11.3116 0.512253 7.62817 0.512253ZM7.62817 10.2188C5.78647 10.2188 4.28833 8.77285 4.28833 6.99525C4.28833 5.21766 5.78647 3.73584 7.62817 3.73584C9.46988 3.73584 10.968 5.21766 10.968 6.99525C10.968 8.77285 9.46988 10.2188 7.62817 10.2188Z" fill="%23D5578A"/></svg>')
    no-repeat top left / cover;
  position: absolute;
  left: 0;
  top: 4px;
}
.header-navigation__adres-title {
  line-height: 1.3;
  margin-bottom: 3;
}

.header-navigation__adres a {
  color: white;
  font-size: 14px;
  text-decoration: underline;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.header-navigation__adres a:hover {
  color: #d5578a;
}

.header-navigation__phone a {
  font-family: "Gotham-Bold", sans-serif;
  color: white;
  font-size: 22px;
  position: relative;
  padding-left: 35px;
  background: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.2945 12.106L14.0595 9.96594C13.2613 9.20165 11.9043 9.50739 11.585 10.5009C11.3456 11.1888 10.5473 11.571 9.82894 11.4181C8.2325 11.036 6.0773 9.04879 5.67819 7.44377C5.43872 6.75588 5.91766 5.99158 6.63606 5.76232C7.67374 5.4566 7.99303 4.1573 7.19481 3.39301L4.95979 1.25298C4.32122 0.717979 3.36335 0.717979 2.8046 1.25298L1.28798 2.70514C-0.228645 4.23373 1.44762 8.28449 5.19926 11.8767C8.9509 15.4689 13.1815 17.1503 14.7779 15.6217L16.2945 14.1696C16.8533 13.5581 16.8533 12.641 16.2945 12.106Z" fill="%23D5578A"/></svg>')
    no-repeat left center / 18px;
}

.header-navigation__phone a:hover {
  text-decoration: none;
}

.btns-line {
  border: 1px solid #44bde2;
  border-radius: 22px;
  padding: 15px 35px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  -o-border-radius: 22px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.btns-line:hover {
  background: #44bde2;
  color: white;
  text-decoration: none;
}

.btns-line:focus,
.btns-line:active {
  outline: none;
  border: none;
}

.header-navigation .btns-line {
  color: white;
}

.header-navigation-menu {
  position: relative;
  color: white;
  margin-top: 35px;
}
.header-navigation-menu-inner::after {
  content: "";
  background: #ffffff;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 30%,
    rgba(255, 255, 255, 1) 70%,
    rgba(255, 255, 255, 0) 100%
  );
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  opacity: 0.3;
}

.header-navigation-menu-inner::before {
  content: "";
  background: #ffffff;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 30%,
    rgba(255, 255, 255, 1) 70%,
    rgba(255, 255, 255, 0) 100%
  );
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  opacity: 0.3;
}

.header-navigation-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 30px;
}
.header-navigation-menu ul li a {
  position: relative;
  color: white;
  display: block;
  padding: 15px 0;
  font-family: "Gotham-Bold", sans-serif;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.header-navigation-menu ul li a:hover {
  color: #44bde2;
  cursor: pointer;
}

.header-navigation-menu ul li a:hover {
  text-decoration: none;
}
.header-navigation__logo img {
  width: 220px;
}
.header-full {
  position: relative;
  min-height: 98vh;
}
.header-full:after {
  content: "";
  width: 100%;
  height: 6.5rem;
  left: 0;
  z-index: 2;
  bottom: 0;
  position: absolute;
  transform: translate(0, 33%);
  background: url("/img/wave_darkgreen.svg") center bottom/100% 100% no-repeat;
}

.menu-item-has-children {
  position: relative;
  padding-right: 5px;
}
.menu-item-has-children:after {
  content: "";
  width: 10px;
  background: url('data:image/svg+xml,<svg width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.7158 5.9642L9.82796 1.85456C9.92315 1.75951 9.97559 1.63263 9.97559 1.49733C9.97559 1.36204 9.92315 1.23515 9.82796 1.1401L9.5252 0.837457C9.32791 0.640523 9.00727 0.640523 8.81029 0.837457L5.35714 4.28842L1.90016 0.833627C1.80497 0.738576 1.67808 0.686095 1.54278 0.686095C1.40732 0.686095 1.28043 0.738576 1.18517 0.833627L0.882483 1.13627C0.787297 1.2314 0.734858 1.35821 0.734858 1.4935C0.734858 1.6288 0.787297 1.75568 0.882483 1.85073L4.99841 5.9642C5.09389 6.05948 5.22138 6.11181 5.35691 6.11151C5.49297 6.11181 5.62038 6.05948 5.7158 5.9642Z" fill="white"/></svg>')
    no-repeat right center / cover;
  height: 7px;
  position: absolute;
  right: -10px;
  top: 25px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

header .sub-menu {
  position: absolute;
  left: 0;
  top: 45px;
  background: white;
  border-radius: 12px;
  max-width: 350px;
  width: 350px;
  overflow: hidden;
  z-index: 10;
  opacity: 0;
  gap: 0;
  flex-direction: column;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
  z-index: 100;
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

.menu-item-has-children:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

header .sub-menu li a {
  color: #212020 !important;
  padding: 15px;
}
header .sub-menu li {
  border-bottom: 1px solid #ddd;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
header .sub-menu li:last-child {
  border-bottom: none;
}
.menu-item-has-children:hover:after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
header .sub-menu li a:hover {
  text-decoration: none;
}
header .sub-menu li:hover {
  background: #44bde2;
}
header .sub-menu li:hover a {
  color: white !important;
}

ul.menu li.current-menu-item > a {
  color: #44bde2;
}

.header-full__conent,
.header-full-module {
  position: relative;
  z-index: 10;
}
.compnay {
  margin-top: 0;
  margin-bottom: 70px;
}
.header-full__conent h1 {
  font-size: 40px;
  text-transform: uppercase;
  color: white;
  font-family: "Gotham-Bold", sans-serif;
}

.header-full-module-wrap {
  background: white;
  padding: 25px;
  border-radius: 22px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  color: #212020;
  -o-border-radius: 22px;
}

.header-full-module-head__title {
  font-family: "Gotham-Bold", sans-serif;
  font-size: 22px;
  margin-bottom: 5px;
}
.header-full-module-head {
  margin-bottom: 25px;
}

.header-full__video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  background: url("../img/sea-poster.jpg") center center / cover no-repeat;
}

.header-full {
  position: relative;
}
.mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0.6)
  );
  pointer-events: none;
}

.header-full-center-wrapper {
  display: flex;
  padding: 9% 0;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 2;
  pointer-events: none; /* если навигация фиксирована и перекрывается */
}
.header-full-module {
  margin-top: 35px;
}
.header-full-content-inner {
  pointer-events: auto;
}

.header-navigation {
  position: relative;
  z-index: 3;
}
#preloader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background-color: #44bde2;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  flex-direction: column;
}

.preloader-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 1;
}

.wave {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
  animation: waveFloat 6s ease-in-out infinite;
}

.wave2 {
  animation-delay: -3s;
  opacity: 0.8;
}

@keyframes waveFloat {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

.preloader-inner {
  position: relative;
  z-index: 2;
  text-align: center;
}

.preloader-logo {
  width: 260px;
  object-fit: contain;
  animation: pulse 1.5s infinite ease-in-out;
}
a:hover {
  cursor: pointer !important;
}
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.85;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.loading-text {
  margin-top: 20px;
  font-size: 20px;
  font-weight: bold;
  color: white;
  font-family: sans-serif;
}

.progress-container {
  position: relative;
  width: 200px;
  height: 10px;
  background-color: #007397;
  border-radius: 5px;
  margin-top: 30px;
  overflow: hidden;
}

.progress-bar {
  height: 100%;
  width: 0%;
  background-color: #ffffff;
  transition: width 0.3s ease;
}

.progress-text {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-size: 18px;
  font-weight: bold;
  font-family: sans-serif;
}

.preloader-inner {
  z-index: 2;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center; /* Центрирует всё по горизонтали */
}

.progress-container {
  position: relative;
  width: 200px;
  height: 10px;
  background-color: #007397;
  border-radius: 5px;
  margin-top: 30px;
  overflow: hidden;
}

.progress-bar {
  height: 100%;
  width: 0%;
  background-color: #ffffff;
  transition: width 0.3s ease;
}

.progress-text {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-size: 18px;
  font-weight: bold;
  font-family: sans-serif;
  pointer-events: none;
}

.uk-offcanvas-bar {
  background: white;
  color: #212529;
}
.canvas-navigations {
  padding: 35px 0;
}

.uk-offcanvas-bar .header-navigation__adres {
  margin-top: 25px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.uk-offcanvas-bar .header-navigation__phone,
.uk-offcanvas-bar .header-navigation__adres {
  display: flex;
  justify-content: center;
}
.uk-offcanvas-bar .header-navigation__phone a {
  color: #212529;
}

.uk-offcanvas-bar .header-navigation__adres,
.uk-offcanvas-bar .header-navigation__adres a {
  color: #212529;
}
.canvas-logo {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}
.canvas-navigations ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.canvas-navigations ul li a {
  display: block;
  padding: 5px 0;
  color: #212529;
  font-family: "Gotham-Bold", sans-serif;
  font-size: 25px;
}
.items-hotel {
  display: flex;
  gap: 25px;
}

.items-hotel__img svg {
  color: #44bde2;
}
.items-hotel__content-title {
  font-size: 18px;
  font-family: "Gotham-Bold", sans-serif;
  margin-bottom: 5px;
  line-height: 1.2;
}

.gallery-item {
  border-radius: 22px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  -o-border-radius: 22px;
  height: 400px;
}

.gallery-wrap {
  margin-bottom: 70px;
}

#toggle-gallery {
  border-radius: 22px;
  border: 1px solid #d5578a;
  font-family: "Gotham-Bold", sans-serif;
  padding: 20px 0;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  -o-border-radius: 22px;
  display: block;
  width: 100%;
  text-align: center;
  background: transparent;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

#toggle-gallery:hover {
  background: #d5578a;
  color: white;
}

#toggle-gallery:focus,
#toggle-gallery:outline {
  box-shadow: none;
  outline: none;
}
.link-wrap {
  position: relative;
  display: block;
  overflow: hidden;
}
.gallery-block {
  overflow: hidden;
  border-radius: 22px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  -o-border-radius: 22px;
}
.mask-item {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 26, 38, 0.75);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mask-item svg {
  width: 35px;
}
.items-product {
  display: block;
}
.mask-product {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 26, 38, 0.75);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 22px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  -o-border-radius: 22px;
}

.items-product .mask-product:hover {
  opacity: 1;
}
.gallery-block:hover .mask-item {
  opacity: 1;
}

.gallery-item {
  outline: none;
}

.items-product {
  position: relative;
  overflow: hidden;
}

.items-product-head {
  background-color: #1b7fab;
  display: flex;
  padding: 25px 15px;
  align-items: center;
  color: white;
  border-radius: 0 0 22px 22px;
  -webkit-border-radius: 0 0 22px 22px;
  -moz-border-radius: 0 0 22px 22px;
  -ms-border-radius: 0 0 22px 22px;
  -o-border-radius: 0 0 22px 22px;
  justify-content: space-between;
}
.items-product-head-title {
  width: 100%;
  font-size: 18px;
  color: white;
  font-family: "Gotham-Bold", sans-serif;
}

.politick {
  display: inline-block;
  text-align: right;
  color: white !important;
  background: white;
  border-radius: 12px;
  padding: 10px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
.items-product-head .items-product-head-title {
  text-align: left;
}
.items-product-head-price {
  font-size: 22px;
  font-family: "Gotham-Bold", sans-serif;
}
.items-product:hover {
  text-decoration: none;
}

.mask-product .items-product-head-title {
  font-size: 25px;
}
.mask-product .items-product-head-price {
  font-size: 30px;
  color: white;
  margin: 15px 0;
}
.mask-product span {
  border-radius: 22px;
  color: white;
  background: #d5578a;
  background: linear-gradient(
    90deg,
    rgba(213, 87, 138, 1) 0%,
    rgba(68, 189, 226, 1) 100%
  );
  font-family: "Gotham-Bold", sans-serif;
  padding: 20px 45px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  -o-border-radius: 22px;
}

.header-page {
  min-height: auto !important;
}
.module-page {
  margin-top: 35px;
  text-align: center;
  opacity: 0.65;
}
.item-products {
  background: white;
  padding: 25px;
  border-radius: 22px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  -o-border-radius: 22px;
}
.item-products__title {
  font-family: "Gotham-Bold", sans-serif;
  font-size: 18px;
  margin-bottom: 5px;
}
.item-products-img {
  margin-bottom: 10px;
}
.item-products-img svg {
  color: #44bde2;
}
.inner-step {
  margin-top: 70px;
}

.company-full-text {
  background: linear-gradient(
    90deg,
    rgba(213, 87, 138, 1) 0%,
    rgba(68, 189, 226, 1) 100%
  );
  font-family: "Gotham-Bold", sans-serif;
  font-size: 22px;
  padding: 35px 15px;
  color: white;
  text-align: center;
}
.company-item-img svg {
  color: rgba(68, 189, 226, 1);
}
.company-item-content__title {
  font-family: "Gotham-Bold", sans-serif;
  font-size: 18px;
  margin: 8px 0;
  text-transform: uppercase;
}
.turist {
  position: absolute;
  right: 0;
  bottom: -70px;
}

.companys {
  padding: 70px 0;
  z-index: 1;
  position: relative;
}
.companys::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.1;
  background: url("/img/bg-2.webp") no-repeat center / cover;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  z-index: -1;
}
.number-wrap {
  padding-top: 70px;
}
.company-item-wrap {
  padding-top: 70px;
}
.company-item {
  background: white;
  border-radius: 12px;
  padding: 25px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

.list-gost {
  position: absolute;
  right: 15px;
  top: 16px;
  display: flex;
  align-items: center;
  background: #d5578a;
  color: white;
  padding: 5px 10px 5px 10px;
  border-radius: 12px;
}
.product-content__title {
  font-size: 22px;
}
.list-gost svg {
  margin-right: 5px;
}
.all-product .product-single {
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
.product-content .btn {
  margin-top: 30px;
}
.product-content__title h1 {
  margin: 0 !important;
}
.main-content-inner {
  min-height: 68vh;
}
.main-content-text {
  padding: 35px 0;
}
.main-content-head h1 {
  text-transform: uppercase;
  font-size: 40px;
}
.map-contact-company {
  margin-top: 70px;
}
.product-content__price {
  font-size: 25px;
  font-family: "Gotham-Bold", sans-serif;
}
.company-head h1 {
  margin-bottom: 35px !important;
}

.product-content__price,
.items-product-head-price {
  display: none !important;
}
@media (max-width: 1440.98px) {
  .gallery-item {
    height: 320px;
  }
}
@media (max-width: 991.98px) {
  .header-navigation__logo img {
    width: auto;
  }
  .header-full__conent h1 {
    font-size: 35px;
  }
  .header-full {
    min-height: 65vh;
  }
  .gallery-item {
    height: 230px;
  }
  .turist {
    position: relative;
    right: 0;
    bottom: -70px;
    width: 350px;
    margin: 0 auto;
  }
}

@media (max-width: 640.98px) {
  .header-navigation__logo img {
    width: 250px;
    margin: 0 auto;
  }
  .main-content-head h1 {
    text-transform: uppercase;
    font-size: 30px;
  }
  .items-product-head .items-product-head-title {
    text-align: center;
  }
  .map-contact-company {
    margin-top: 35px;
  }
  .all-product .product-content {
    padding: 0 15px !important;
  }
  .mask-product {
    display: none !important;
  }
  .company-item-content__title {
    font-size: 16px;
  }
  .list-gost {
    font-size: 14px;
  }
  .items-product-head {
    padding: 15px;
    flex-direction: column;
  }
  .items-product-head-title {
    width: 100%;
    font-size: 16px;
  }
  .slider-nav img {
    border-radius: 12px;
    height: 55px;
  }
  .items-product-head-price {
    font-size: 18px;
    font-family: "Gotham-Bold", sans-serif;
  }
  .company-full-text {
    font-size: 16px;
  }
  .number-wrap {
    padding-top: 35px;
  }
  .inner-step {
    margin-top: 35px;
  }
  .product-content__title h1 {
    font-size: 25px;
  }
  .content-single .product-content {
    margin-top: 0;
  }
  .uk-leader-fill {
    padding: 0;
  }
  .list-amount {
    font-size: 16px;
  }
  .gallery-wrap {
    margin-bottom: 35px;
  }
  .gallery-item {
    height: 150px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
  }
  .header-full {
    min-height: 98vh;
  }
  .items-hotel {
    flex-direction: column;
    gap: 5px;
  }

  .footer::after {
    height: 50px;
    top: -50px;
  }
  .politick {
    text-align: left;
  }
  .right-footer-text span {
    display: inline-block;
  }
  .header-navigation__adres-title br {
    display: none;
  }
  .sitemap {
    margin-top: 15px;
  }
  .mobile-adres {
    display: flex;
    justify-content: center;
  }
  .header-full__conent h1 {
    font-size: 30px;
  }
  .header-full-module-head__title h2 {
    font-size: 20px;
  }
  .header-navigation__phone a {
    font-size: 24px;
  }

  .header-full {
    padding: 25px 0 30px;
    color: white;
  }
  .header-full::after {
    height: 50px;
    bottom: -2px;
  }
}