/*
Theme Name: Печать этикеток Меридиан
Template: storefront

*/


@font-face {
    font-family: 'SFPro-Regular';
    src: url('/wp-content/themes/meridian/fonts/SFProDisplay-Regular.eot');
    src: url('/wp-content/themes/meridian/fonts/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/meridian/fonts/SFProDisplay-Regular.woff2') format('woff2'),
    url('/wp-content/themes/meridian/fonts/SFProDisplay-Regular.woff') format('woff'),
    url('/wp-content/themes/meridian/fonts/SFProDisplay-Regular.ttf') format('truetype'),
    url('/wp-content/themes/meridian/fonts/SFProDisplay-Regular.svg#SFProDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face { 
    font-family: 'SFPro-Bold';
    src: url('/wp-content/themes/meridian/fonts/SFProText-Bold.eot');
    src: url('/wp-content/themes/meridian/fonts/SFProText-Bold.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/meridian/fonts/SFProText-Bold.woff2') format('woff2'),
    url('/wp-content/themes/meridian/fonts/SFProText-Bold.woff') format('woff'),
    url('/wp-content/themes/meridian/fonts/SFProText-Bold.ttf') format('truetype'),
    url('/wp-content/themes/meridian/fonts/SFProText-Bold.svg#SFProText-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



html {
      background: #262C3D;
}

body {
    margin: 0; 
    padding: 0;
    box-sizing: border-box; 
    font-family: 'SFPro-Regular', sans-serif;
    font-size: 16px; 
    line-height: 1.5;  
    color: white; 
    background: #262C3D;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'SFPro-Bold', sans-serif;
    font-size: 25px;
    color: white; 
}
strong, b {
     font-family: 'SFPro-Bold', sans-serif;
}




.header-top {
    padding: 15px 0 25px;
}
.header-top__adres-city {
    position: relative;
    padding-left: 30px;
}

.header-top__adres-city:after {
    content: '';
    width: 15px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 2px;
    background: url('data:image/svg+xml,<svg width="15" height="20" viewBox="0 0 15 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.49971 0.287903C3.64305 0.287903 0.505066 3.42589 0.505066 7.28294C0.505066 8.28901 0.710985 9.24958 1.1168 10.1382C2.86565 13.9651 6.2187 18.0055 7.20493 19.1526C7.2415 19.195 7.28677 19.229 7.33768 19.2523C7.38858 19.2756 7.44392 19.2877 7.49991 19.2877C7.5559 19.2877 7.61124 19.2756 7.66214 19.2523C7.71304 19.229 7.75832 19.195 7.79488 19.1526C8.78073 18.0057 12.1338 13.9655 13.8832 10.1382C14.2892 9.24958 14.4949 8.28901 14.4949 7.28294C14.4946 3.42589 11.3566 0.287903 7.49971 0.287903ZM7.49971 10.9162C5.49633 10.9162 3.86628 9.28613 3.86628 7.28274C3.86628 5.27936 5.49633 3.64911 7.49971 3.64911C9.5031 3.64911 11.1332 5.27916 11.1332 7.28274C11.1333 9.28613 9.5033 10.9162 7.49971 10.9162Z" fill="url(%23paint0_linear_3729_136)"/><defs><linearGradient id="paint0_linear_3729_136" x1="7.50001" y1="0.287903" x2="7.50001" y2="19.2877" gradientUnits="userSpaceOnUse"><stop stop-color="%23D9AF67"/><stop offset="1" stop-color="%23B47F3E"/></linearGradient></defs></svg>') no-repeat center / cover;
}

.header-top__mail a {
  color: white;
  text-decoration: underline;
  font-size: 22px;
  padding-left: 40px;
  background: url('data:image/svg+xml,<svg width="71" height="50" viewBox="0 0 71 50" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M46.0052 27.9515L40.0588 33.9274C37.6475 36.351 33.4047 36.4032 30.9412 33.9274L24.9945 27.9515L3.63681 49.4121C4.43181 49.7803 5.30836 50 6.24023 50H64.7598C65.6916 50 66.5679 49.7806 67.3626 49.4122L46.0052 27.9515Z" fill="url(%23paint0_linear_3879_396)"/><path d="M64.7598 0H6.24023C5.30836 0 4.43181 0.219722 3.63709 0.587917L26.4593 23.5217C26.4608 23.5232 26.4626 23.5235 26.4641 23.525C26.4651 23.526 26.4657 23.5273 26.4659 23.5286L33.8867 30.9856C34.6749 31.775 36.3254 31.775 37.1136 30.9856L44.5328 23.5299C44.5328 23.5299 44.5346 23.5265 44.5361 23.525C44.5361 23.525 44.5395 23.5232 44.541 23.5217L67.3626 0.587778C66.5679 0.219445 65.6916 0 64.7598 0ZM0.663684 3.50167C0.252383 4.33472 0 5.25944 0 6.25V43.75C0 44.7406 0.252105 45.6653 0.663545 46.4983L22.0583 25.0007L0.663684 3.50167ZM70.3363 3.50139L48.9419 25.0007L70.3363 46.4986C70.7476 45.6656 71 44.7408 71 43.75V6.25C71 5.25917 70.7476 4.33444 70.3363 3.50139Z" fill="url(%23paint1_linear_3879_396)"/><defs><linearGradient id="paint0_linear_3879_396" x1="35.5" y1="0" x2="35.5" y2="46.4986" gradientUnits="userSpaceOnUse"><stop stop-color="%23D9AF67"/><stop offset="1" stop-color="%23B47F3E"/></linearGradient><linearGradient id="paint1_linear_3879_396" x1="35.5" y1="0" x2="35.5" y2="46.4986" gradientUnits="userSpaceOnUse"><stop stop-color="%23D9AF67"/><stop offset="1" stop-color="%23B47F3E"/></linearGradient></defs></svg>') no-repeat left center / 22px;
}
.btn-whatsapps  {
    margin-top: 15px;
}

.btn-whatsapps a {
    border-radius: 36px;
    padding: 20px 35px;
    color: white;
     font-family: 'SFPro-Bold', sans-serif;
     background: #2CB742;
     text-align: center;
     display: inline-block;
     color: white !important;
}

.btn-telega  {
    margin-top: 15px;
}
.btn-telega a {
    border-radius: 36px;
    padding: 20px 35px;
    color: white;
     font-family: 'SFPro-Bold', sans-serif;
     background: #27a7e7;
     text-align: center;
     display: inline-block;
     color: white !important;
}

.btn-whatsapps:visited {
    color: white;
}
.header-top__adres span,
.header-top__phone span {
    display: block;
    opacity: .70;
    font-size: 14px;
    margin-bottom: 5px;
}

.header-top__adres {
    position: relative;
}

.header-top__phone a {
    color: white;
    font-family: 'SFPro-Bold', sans-serif;
    font-size: 22px;
    padding-left: 35px;
    background: url('data:image/svg+xml,<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.58986 11.0402C10.0349 12.3815 11.9853 13.9034 13.664 12.3021C13.8824 12.0837 14.1417 11.9104 14.4271 11.7922C14.7125 11.6739 15.0183 11.6131 15.3272 11.6131C15.6362 11.6131 15.942 11.6739 16.2274 11.7922C16.5128 11.9104 16.7721 12.0837 16.9905 12.3021C17.7235 13.0929 19.1194 14.074 19.0249 15.3117C19.0403 15.6414 18.987 15.9708 18.8684 16.2789C18.7498 16.587 18.5684 16.867 18.3358 17.1013C14.1476 20.8859 9.87151 17.5935 5.83689 13.7931C2.03589 9.7585 -1.25455 5.48106 2.52939 1.29353C2.76364 1.06115 3.04361 0.87996 3.35156 0.761457C3.65951 0.642954 3.98872 0.589719 4.31832 0.605125C5.55864 0.513906 6.52857 1.89794 7.32789 2.64016C7.54643 2.85858 7.7198 3.11792 7.83809 3.40337C7.95637 3.68881 8.01725 3.99477 8.01725 4.30375C8.01725 4.61273 7.95637 4.91869 7.83809 5.20413C7.7198 5.48958 7.54643 5.74892 7.32789 5.96734C5.72664 7.64734 7.24914 9.59378 8.58986 11.0402Z" fill="url(%23paint0_linear_3729_118)"/><defs><linearGradient id="paint0_linear_3729_118" x1="9.94183" y1="0.60083" x2="9.94183" y2="18.7765" gradientUnits="userSpaceOnUse"><stop stop-color="%23D9AF67"/><stop offset="1" stop-color="%23B47F3E"/></linearGradient></defs></svg>') no-repeat left center / 20px;
}

.header-top__btn {
    margin-top: 15px;
}

.btn-lines,
.uk-modal-dialog input[type="submit"] {
    padding: 20px 55px;
    border-radius: 36px;
    color: white;
    border: 1px solid #ECC97D;
    font-family: 'SFPro-Bold', sans-serif;
    background: none;
    background-size: 200%;
    background-position: right;
    transition: all 0.3s, background-position 0.6s ease;
}

.btn-lines:hover,
.uk-modal-dialog input[type="submit"] {
    background: linear-gradient(90deg, rgba(236,201,125,1) 0%, rgba(171,115,52,1) 100%);
    background-size: 100%;
    background-position: left;
    text-decoration: none;
    color: white;
}
.btn-link {
    color: white;
    font-family: 'SFPro-Bold', sans-serif;
    background: linear-gradient(90deg, rgba(239,204,128,1) 0%, rgba(177,122,58,1) 100%);
    background-size: 200%; /* Увеличиваем размер фона для эффекта движения */
    background-position: center; /* Начальная позиция */
    border-radius: 36px;
    padding: 20px 55px;
    position: relative; 
    overflow: hidden; 
    display: inline-block;
}


.btn-link  .flare {
    position: absolute;
    top: 0;
    height: 100%;
    width: 45px;
    transform: skewX(-45deg); // Наклон
    animation: flareAnimation;
    left: -150%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4));
    animation: flareAnimation 3s infinite linear; // Время и тип анимации можно менять
}

@keyframes flareAnimation {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}

.btn-link:focus,
.btn-lines:focus {
    outline: none;
}

.btn-link:hover {
    background-position: right; /* Плавный переход к другой позиции */
    color: white;
    text-decoration: none;
}
.header-menu-wrap {
    position: relative;
}
.header-menu-wrap::after {
    content: '';
 background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8477591720281863) 47%, rgba(255,255,255,0) 100%); 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
}

.header-menu-wrap::before {
    content: '';
 background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8477591720281863) 47%, rgba(255,255,255,0) 100%); 
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
}
.main-header-content-btn {
    margin-top: 45px;
    display: block;
}
.mobile-phone a {
    font-size: 0;
    display: block;
    width: 65px;
    position: relative;
    height: 65px;
    border-radius: 50%;
    background: rgb(217,175,103);
    background: linear-gradient(180deg, rgba(217,175,103,1) 0%, rgba(180,127,62,1) 100%); 
}

.mobile-telega a {
    font-size: 0;
    display: block;
    width: 65px;
    position: relative;
    height: 65px;
    border-radius: 50%;
    background: #27a7e7
}

.mobile-phone a::after {
    content: '';
    width: 25px;
    height: 25px;
    background: url('data:image/svg+xml,<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.58986 11.0402C10.0349 12.3815 11.9853 13.9034 13.664 12.3021C13.8824 12.0837 14.1417 11.9104 14.4271 11.7922C14.7125 11.6739 15.0183 11.6131 15.3272 11.6131C15.6362 11.6131 15.942 11.6739 16.2274 11.7922C16.5128 11.9104 16.7721 12.0837 16.9905 12.3021C17.7235 13.0929 19.1194 14.074 19.0249 15.3117C19.0403 15.6414 18.987 15.9708 18.8684 16.2789C18.7498 16.587 18.5684 16.867 18.3358 17.1013C14.1476 20.8859 9.87151 17.5935 5.83689 13.7931C2.03589 9.7585 -1.25455 5.48106 2.52939 1.29353C2.76364 1.06115 3.04361 0.87996 3.35156 0.761457C3.65951 0.642954 3.98872 0.589719 4.31832 0.605125C5.55864 0.513906 6.52857 1.89794 7.32789 2.64016C7.54643 2.85858 7.7198 3.11792 7.83808 3.40337C7.95637 3.68881 8.01725 3.99477 8.01725 4.30375C8.01725 4.61273 7.95637 4.91869 7.83808 5.20413C7.7198 5.48958 7.54643 5.74892 7.32789 5.96734C5.72664 7.64734 7.24914 9.59378 8.58986 11.0402Z" fill="white"/></svg>') no-repeat center / cover;
    position: absolute;
    left: 20px;
    top: 20px;
    animation: swing 2s infinite;
     -webkit-animation: swing 2s infinite;
}

.mobile-telega a::after {
    content: '';
    width: 30px;
    height: 25px;
    background: url('data:image/svg+xml,<svg width="30" height="26" viewBox="0 0 30 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.9479 17.1912L11.4731 24.0946C12.1524 24.0946 12.4465 23.7929 12.7993 23.4307L15.9838 20.2844L22.5824 25.2802C23.7926 25.9775 24.6452 25.6103 24.9717 24.1292L29.303 3.14709L29.3042 3.14585C29.688 1.29638 28.6572 0.573157 27.4781 1.02687L2.01889 11.1038C0.281349 11.801 0.307658 12.8024 1.72352 13.2561L8.23243 15.3492L23.3513 5.56896C24.0629 5.08187 24.7098 5.35138 24.1777 5.83847L11.9479 17.1912Z" fill="white"/></svg>') no-repeat center / cover;
    position: absolute;
    left: 15px;
    top: 20px;
}

.mobile-nav {
    display: flex;
    gap: 15px;
    align-items: center;
}
.header-navigations ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.header-navigations ul li a {
    display: block;
    padding: 20px 20px;
    color: white;
     font-family: 'SFPro-Bold', sans-serif;
    font-size: 16px;
    transition: all .3s;
}

.header-navigations ul li a:hover {
    text-decoration: none;
    color: #ECC97D;
}

.main-header-content {
    position: relative;
}

.main-header-content__title h1 {
    font-family: 'SFPro-Bold', sans-serif;
    font-size: 40px;
    margin-bottom: 35px;
}
.modal-titles {
    font-size: 35px;
    font-family: 'SFPro-Bold', sans-serif;
    color: #1e1e1e;
    margin: 15px 0 15px;
    text-align: center;
    line-height: 1.3;
} 
select {
    appearance: none; /* Убираем стандартный вид */
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    position: relative;
    color: #989898;
}
.customselect {
    position: relative;
}
.customselect p {
    margin: 0;
}
.customselect::after {
    content: "▼";
    position: absolute;
    top: 20px;
    right: 15px;
    pointer-events: none;
    color: #333;
    font-size: 14px;
}
.modal-descr-bottom {
    text-align: center;
    opacity: .44;
    color: #1e1e1e;
    font-size: 14px;
    display: block;
}
.modal-descr {
    color: #1e1e1e;
    margin-bottom: 25px;
    text-align: center;
}
.webp .main-bg {
    position: absolute;
    width: 46%;
    border-radius: 180px 0 45px 45px ;
    height: 100%;
    background: url('/img/snapedit_1740555855189.webp') no-repeat center / cover;
    right: 0;
    top: 0
}

.no-webp .main-bg {
    position: absolute;
    width: 46%;
    border-radius: 180px 0 45px 45px ;
    height: 100%;
    background: url('/img/bg-main.jpg') no-repeat center / cover;
    right: 0;
    top: 0
}

.webp .catalog-page .main-bg {
    background: url('/img/bg2.webp') no-repeat center / cover;
}
.no-webp .catalog-page .main-bg {
    background: url('/img/bg2.jpg') no-repeat center / cover;
}
.main-header-content__title h1 span {
    display: block;
    color: #EFCC80;
    font-size: 30px;
}
.main-header-content__subtitle {
    display: block;
    font-size: 18px;
    margin-bottom: 15px;
    span {
        color: #ECC97D;
    }
}
.page-content h3 {
    font-size: 25px;
    margin: 15px 0;
}
.page-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 35px;
}
.page-content h2 {
    font-size: 30px;
}
.page-content ul li {
    padding-left: 35px;
    position: relative;
    margin-bottom: 8px;
}
.uk-tab-left {
    color: white;
    max-width: 450px;
}
.services {
    position: relative;
    z-index: 1;
}
.services::after {
  content: '';
  width: 60%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: url('/img/line.svg') no-repeat center / cover;
  z-index: -2;
  transform: scale(-1);
}
.tab-btn  {
    margin-top: 25px;
}
.tab-btn a {
    display: inline-block;
}
.services::before {
  content: '';
  width: 60%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;

 background: rgb(38,44,61);
background: linear-gradient(90deg, rgba(38,44,61,1) 80%, rgba(38,44,61,0) 100%); 
 z-index: -1;
}

.uk-tab-left  a {
    color: white !important;
    text-transform: none ;
    font-size: 18px;
    line-height: 1.2;
     font-family: 'SFPro-Bold', sans-serif;
      padding: 15px 0 !important;
      opacity: 0.5;
      transition: all .3s;
}

.tab-content-img img {
    border-radius: 120px 12px 120px 12px;
}

.tab-content__title {
    margin: 25px 0;
    font-size: 18px;
     font-family: 'SFPro-Bold', sans-serif;
}
.services-items {
    margin-top: 35px;
}
.uk-tab img {
    width: 60px;
    margin-right: 25px;
    min-width: 60px;
}
.uk-tab > .uk-active > a {
  color: #EFCC80 !important;
  border-color: #EFCC80;
  opacity: 1;
  padding-left: 25px !important;
}

.page-content ul li::after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #EFCC80;
    position: absolute;
    left: 0;
    top: 5px;
}
.main-header {
    position: relative;
}
.main-header-content__list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-header-content__list ul li {
    position: relative;
    padding-left: 45px;
    margin-bottom: 15px;
    background: url('data:image/svg+xml,<svg width="26" height="25" viewBox="0 0 26 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.8452 0.0341797C10.3839 0.0341797 7.97795 0.764031 5.93144 2.13145C3.88497 3.49886 2.28993 5.44242 1.34804 7.71637C0.406148 9.99028 0.159709 12.4924 0.639878 14.9064C1.12005 17.3204 2.30527 19.5378 4.04566 21.2782C5.78604 23.0185 8.00346 24.2038 10.4174 24.684C12.8314 25.1641 15.3335 24.9177 17.6075 23.9758C19.8814 23.0339 21.825 21.4389 23.1924 19.3924C24.5598 17.3459 25.2896 14.9399 25.2896 12.4786C25.2896 9.17812 23.9785 6.01286 21.6447 3.67907C19.3109 1.34529 16.1457 0.0341797 12.8452 0.0341797ZM12.8452 23.3675C10.6916 23.3675 8.58632 22.7289 6.79565 21.5324C5.005 20.3359 3.60934 18.6353 2.78518 16.6456C1.96103 14.6559 1.7454 12.4666 2.16554 10.3543C2.5857 8.24207 3.62276 6.30182 5.1456 4.77901C6.6684 3.25618 8.60865 2.21911 10.7209 1.79897C12.8331 1.37881 15.0225 1.59445 17.0122 2.41861C19.0019 3.24275 20.7025 4.63841 21.899 6.42907C23.0955 8.21975 23.7341 10.325 23.7341 12.4786C23.7341 15.3665 22.5869 18.1362 20.5448 20.1782C18.5028 22.2203 15.7331 23.3675 12.8452 23.3675Z" fill="%23D4A862"/><path d="M20.6229 7.88975C20.4773 7.74485 20.2801 7.66357 20.0746 7.66357C19.8692 7.66357 19.672 7.74485 19.5263 7.88975L10.8929 16.4842L6.22629 11.8175C6.08396 11.6638 5.8864 11.573 5.67709 11.565C5.46778 11.557 5.26385 11.6324 5.11018 11.7748C4.9565 11.9171 4.86566 12.1146 4.85764 12.3239C4.84961 12.5332 4.92507 12.7372 5.0674 12.8909L10.8929 18.7009L20.6229 8.9942C20.6959 8.92186 20.7537 8.83584 20.7932 8.74111C20.8327 8.6463 20.853 8.54464 20.853 8.44197C20.853 8.33931 20.8327 8.23765 20.7932 8.14284C20.7537 8.04811 20.6959 7.96209 20.6229 7.88975Z" fill="%23D4A862"/></svg>') no-repeat left 5px / 25px;
}



.callback {
    padding: 70px 0;
}

.callback-new {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 100px 0;
  border-radius: 0 0 120px 0;
  overflow: hidden;
}
.callback-new h2::after {
    display: none;
}
.callback-new .section-title h2 {
    padding-bottom: 0;
    font-size: 40px;
}
.callback-new::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(24, 32, 56, 0.9);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.callback-descr {
    margin-bottom: 25px;
}
.callback-phone .callback-phone-link {
    font-size: 45px;
    font-family: 'SFPro-Bold', sans-serif;
    padding-left: 100px;
    color: white;
    background: url('data:image/svg+xml,<svg width="126" height="49" viewBox="0 0 126 49" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M112.762 29.4494L112.744 29.6004C108.317 27.3941 107.854 27.1002 107.282 27.9578C106.886 28.5516 105.73 29.8983 105.382 30.2969C105.03 30.6895 104.679 30.7197 104.081 30.4479C103.478 30.146 101.539 29.5118 99.2441 27.4585C97.4565 25.8581 96.2567 23.8954 95.9024 23.2915C95.3126 22.2729 96.5466 22.128 97.6699 20.0022C97.8712 19.5794 97.7685 19.2473 97.6196 18.9473C97.4686 18.6454 96.2668 15.6862 95.7635 14.5065C95.2804 13.3309 94.7832 13.4799 94.4107 13.4799C93.2512 13.3792 92.4037 13.3953 91.6569 14.1723C88.4078 17.7435 89.2271 21.4274 92.0072 25.3448C97.4706 32.4952 100.381 33.8117 105.704 35.6396C107.141 36.0965 108.452 36.0321 109.489 35.8832C110.644 35.7 113.046 34.4318 113.547 33.0125C114.06 31.5933 114.06 30.4157 113.909 30.1439C113.76 29.8722 113.366 29.7212 112.762 29.4494Z" fill="white"/><path d="M118.827 7.59112C103.349 -7.37193 77.7326 3.48046 77.7225 24.5894C77.7225 28.8087 78.8277 32.9234 80.9333 36.557L77.5192 48.9615L90.2719 45.6359C106.185 54.2317 125.824 42.8176 125.833 24.6015C125.833 18.208 123.336 12.191 118.797 7.66963L118.827 7.59112ZM121.81 24.535C121.798 39.9007 104.931 49.4969 91.5904 41.6541L90.8657 41.2233L83.3168 43.186L85.3399 35.8484L84.8588 35.0935C76.5569 21.8778 86.0948 4.60576 101.821 4.60576C104.447 4.59915 107.048 5.1135 109.474 6.11903C111.9 7.12455 114.103 8.60129 115.954 10.4638C117.816 12.3028 119.293 14.4943 120.298 16.9103C121.304 19.3262 121.818 21.9182 121.81 24.535Z" fill="white"/><path d="M18.9048 31.448L18.111 42.9905C19.2467 42.9905 19.7386 42.4861 20.3284 41.8805L25.6529 36.6198L36.6858 44.9728C38.7093 46.1386 40.1349 45.5247 40.6807 43.0484L47.9227 7.96606L47.9247 7.96399C48.5665 4.87165 46.843 3.66242 44.8715 4.42103L2.30342 21.2697C-0.601772 22.4355 -0.557784 24.1099 1.80956 24.8685L12.6925 28.368L37.9715 12.0154C39.1611 11.201 40.2428 11.6516 39.3531 12.4661L18.9048 31.448Z" fill="white"/></svg>') no-repeat left center / 80px;
}
.callback-descr {
    font-size: 25px;
    text-align: center;
}
.webp .callback-new  {
    background: url('/img/print.webp') no-repeat center / cover;
    background-attachment: fixed;
}

.no-webp .callback-new  {
    background: url('/img/print.jpg') no-repeat center / cover;
     background-attachment: fixed;
}











.main-header {
   position: relativee;
   z-index: 1;
}

.main-header::after {
    content: '';
    width: 60%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url('/img/line.svg') no-repeat center / cover;
    z-index: -2;
}
.main-header::before {
    content: '';
    width: 60%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
 background: rgb(29,34,48);
background: linear-gradient(90deg, rgba(29,34,48,0) 0%, rgba(29,34,48,1) 21%); 
    z-index: -1;
}

.social-items {
    display: flex;
    justify-content: end;
    gap: 20px;
}

  .marquee {
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            box-sizing: border-box;
            font-size: 18px;
            background: #181C28;
            display: flex;
        }

        .marquee-content {
            padding: 20px 0;
            display: flex;
            align-items: center;
            padding-left: 0%;
            animation: marquee-animation 90s linear infinite;
        }

        .marquee-content span {
            display: inline-block;
            padding-right: 10px;
            padding-left: 10px;
        }

        .separator {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #D9AF67;
            margin: 0 15px;
        }

        @keyframes marquee-animation {
      0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-100%);
            }
        }



.icon-company-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.icon-company-item__content {
    text-align: center;
}

.icon-company-item__content-title {
    font-size: 18px;
    margin: 25px 0 15px;
    font-family: 'SFPro-Bold', sans-serif;
    color: white;
}

.icon-company-item__content-descr {
    opacity: .7;
}


.section-title h2 {
    font-size: 35px;
    font-family: 'SFPro-Bold', sans-serif;
    color: white;
    position: relative;
    color: white;
    padding-bottom: 25px;
}
.tovar-item-title {
    font-size: 25px;
    font-family: 'SFPro-Bold', sans-serif;
    color: white;
}
.section-title h2::after {
    content: '';
    width: 70px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgb(217,175,103);
    background: linear-gradient(180deg, rgba(217,175,103,1) 0%, rgba(180,127,62,1) 100%); 
    border-radius: 12px;
}

.compamy-btn  {
    margin-top: 25px;
}
.compamy-btn a {
    display: inline-block;
}

.tovar-item-wrap {
    width: 100%;
    height: 500px;
    border-radius: 22px;
    position: relative;
}
.tovar-item-wrap span {
    text-transform: uppercase;
    font-family: 'SFPro-Bold', sans-serif;
    color: white;
    padding: 15px 30px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 22px 0 22px 0;
    background: rgb(217,175,103);
    background: linear-gradient(180deg, rgba(217,175,103,1) 0%, rgba(180,127,62,1) 100%); 
}
.company-info-wrap {
    position: relative;
    padding: 70px 0;
}
.sferi-item__title {
    font-size: 18px;
     font-family: 'SFPro-Bold', sans-serif;
     color: white;
     margin-bottom: 5px;
}
.company-info-wrap {
    position: relative;
    z-index: 1;
}
.sferi-item {
    display: flex;
    gap: 25px;
}
.sferi-item-content a {
    text-decoration: underline;
    color: #CA9B57;
}
.sferi-slider {
    position: relative;
}
.slick-track {
    display: flex;
    gap: 25px;
}
.slick-list {
    overflow: hidden;
}

.mans {
    position: absolute;
    right: 5%;
    top: 0;
    width: 35%;
    height: 100%;
}
.mans  img {
     border-radius: 50px 50px 50px 180px;
     width: 100%;
-webkit-box-shadow: -23px 20px 17px 1px rgba(0,0,0,0.15);
-moz-box-shadow: -23px 20px 17px 1px rgba(0,0,0,0.15);
box-shadow: -23px 20px 17px 1px rgba(0,0,0,0.15);
}
.company-info {
    padding-right: 150px;
}
.mans::after {
    content: '';
    width: 95%;
    height:80%;
    border-radius: 50px 50px 50px 180px;
    position: absolute;
    left: -5px;
    bottom: 25px;
    border: 1px solid #ECC97D;
    z-index: -1;
}



.sferi-item {
    background: transparent;
    border-radius: 22px;
    border: 1px solid #D6AB64;
    padding: 25px;
}
.sferi-item__img {
    height: 350px;
    width: 100%;
}

.footer {
    padding: 35px 0;
      background: #181C28;
}


.footer-copyright {
  
    opacity: .75;
}
.footer-recv span {
    display: block;
    margin-bottom: 5px;
    opacity: .75;
}
.footer-copyright-right {
    text-align: right;
}

.map-contact {
    position: relative;
}
.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="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;

}
.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; 
}


.modal-title {
    font-family: 'Gotham-Bold', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
}
.header-info-btn  {
    display: flex;
    gap: 15px;
}

.header-info {
    margin-bottom: 35px;
}
.header-content {
    position: relative;
}
.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: #F4C242;
    border: 1px solid #F4C242;
    color: #222;
    text-decoration: none;
}
.btn-line:focus,
.btn-line:active {
    outline: none;
    box-shadow: none;
}

[class*="uk-modal-close-"] {
  position: absolute;
  z-index: 1010;
  top: 0;
  right: 0;
  padding: 25px;
  background: #EFCC80;
  border-radius: 50%;
  color: #000;
  transition: all .3s;
  svg {
    width: 20px;
  }
}
[class*="uk-modal-close-"]:focus {
    outline: none;
    box-shadow: none;
}
[class*="uk-modal-close-"]:hover {
    background: #B17A3A;
    color: white;
}
.uk-modal-dialog {
    border-radius: 22px 122px 22px 120px;
    width: 500px;
    padding: 55px 30px;
}

#modal-center .btn-line,
#modal-price .btn-line  {
    background: #F4C242;
    border: 1px solid #F4C242;
}
#modal-center .btn-line:hover,
#modal-price .btn-line:hover {
    border: 1px solid #F4C242;
    background: transparent;
}
.mobile-menu .btn-lines {
    padding: 20px 45px 20px 75px;
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
        background: url('data:image/svg+xml,<svg width="89" height="89" viewBox="0 0 89 89" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.25 17.8C22.25 15.3424 24.2424 13.35 26.7 13.35H84.55C87.0076 13.35 89 15.3424 89 17.8C89 20.2576 87.0076 22.25 84.55 22.25H26.7C24.2424 22.25 22.25 20.2574 22.25 17.8ZM84.55 40.05H4.45C1.99242 40.05 0 42.0426 0 44.5C0 46.9574 1.99242 48.95 4.45 48.95H84.55C87.0076 48.95 89 46.9576 89 44.5C89 42.0426 87.0076 40.05 84.55 40.05ZM84.55 66.75H44.5C42.0426 66.75 40.05 68.7424 40.05 71.2C40.05 73.6574 42.0426 75.65 44.5 75.65H84.55C87.0076 75.65 89 73.6574 89 71.2C89 68.7426 87.0076 66.75 84.55 66.75Z" fill="white"/></svg>') no-repeat center / cover;
        background-size: 30px;
        background-position: 20px center;
        background-repeat: no-repeat;
}
.mobile-menu .btn-lines::after {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
}
.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;
}
.uk-modal-dialog input,
.uk-modal-dialog select {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 20px 25px;
    border-radius: 36px;
    border: none;

        background-color: #f2f2f2;
    box-shadow: none;
}
.uk-modal-dialog eelect:focus {
    outline: none;
    box-shadow: none;
}
.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: .75;
}
.header-adres span {
    display: block;
      font-family: 'Gotham-Bold', sans-serif;
      margin-bottom: 5px;
}
.header {
    padding: 25px 0 0;
}
.header a {
    cursor: pointer;
}
.header-phone {
    text-align: right;
}

.header-phone span{
    display: block;
    font-size: 12px;
    text-transform: uppercase;
}

.header-nav  {
    margin-top: 25px;
    background: #F4C242;
}

a:focus,
a:active {
    outline: none !important;
    box-shadow: none !important;
}

.btn-thanks {
    display: flex;
    gap: 45px;
    justify-content: center;
}
.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 .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;
}
.step-items {
    margin-bottom: 35px;
}
.step-title h2 {
    font-size: 35px;
    margin-bottom: 35px;
}
.step-title h2 span {
    color: #EFCC80;
    display: block;
}
.step-items {
    position: relative;
    z-index: 1;
}
.step-item {
    margin-bottom: 35px;
}

.form-line p {
    display: flex;
    gap: 15px;
    margin: 0;
}
.step-item__number {
    display: flex;
    width: 75px;
    height: 75px;
    min-width: 75px;
    align-items: center;
    justify-content: center;
    font-family: 'SFPro-Bold', sans-serif;
    font-size: 40px;
    line-height: 1;
    border-radius: 22px;
    background: #262C3D;
    color: #EFCC80;
    border: 2px solid #EFCC80;
}

.step-image, .step-man {
    position: relative;
    z-index: 1;
}
.step-man::after {
  content: '';
  width: 95%;
  height: 100%;
  border-radius: 50px 50px 180px 50px;
  position: absolute;
  right: 40px;
  bottom: -25px;
  border: 1px solid #ECC97D;
  z-index: -1;
}
.step-man img{
    border-radius: 50px 50px 180px 50px;
    width: 90%;
    -webkit-box-shadow: 23px 20px 17px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 23px 20px 17px 1px rgba(0,0,0,0.15);
    box-shadow: 23px 20px 17px 1px rgba(0,0,0,0.15);
}
.step-items::after {
    content: '';
    width: 4px;
    height: 90%;
    position: absolute;
    left: 35px;
    top: 0;
    background: #EFCC80;
    z-index: -1;
}
.step-item__content-title {
    font-family: 'SFPro-Bold', sans-serif;
    font-size: 18px;
    margin-bottom: 15px;
}
.step {
    padding: 100px 0;
}
.step-item {
    display: flex;
    gap: 35px;
}

.step .btn-link {
    display: block;
    width: 100%;
    text-align: center;
}


.header-content-wrap h1 span {
    color: #F4C242;
    position: relative;
}



.header-info ul {
    margin: 0;
    padding: 0;
    margin-left: 15px;
}

.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;
    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: .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: .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: #D5A963;
  }

.convas-menu ul li a {
    display: block;
    color: white;
    padding: 5px 0;
    font-size: 22px;
    font-family: 'Gotham-Bold', sans-serif;
}

#offcanvas-flip .header-adres{
    margin-bottom: 25px;
}

.all-product {
    padding-top: 70px;
}
.page-headeer {
    margin-bottom: 15px;
}
.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;
}
.contact-info {
    position: relative;
    z-index: 1;
}
.content-info {
    margin-top: 35px;
}
.contact-info:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url('/img/line.svg') no-repeat center / cover;
  z-index: -2;
  opacity: .4
}

.contact-subtitle {
    font-size: 18px !important;
    opacity: 1;
    color: white;
    margin-bottom: 15px;
    opacity: 1 !important;
    display: block;
     font-family: 'SFPro-Bold', sans-serif;
}
  ul.menu li.current-menu-item > a {
    color: #dcb36b;
  }

.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;
}
.uk-modal {
    background: rgba(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 .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: 50px;
}
.product-content a {
    color: #000;
}

.portfolio-item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.portfolio-item::after {
    opacity: 0;
    transition: all .3s;
    background: rgba(24, 32, 56, 0.5);
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 22px;
}
.portfolio-item:hover:after {
    opacity: 1;
}
.search-icon {
    width: 55px;
    height: 55px;
    display: block;
    z-index: 10;
    transition: all .3s;
    opacity: 0;
    background: url('data:image/svg+xml,<svg width="86" height="86" viewBox="0 0 86 86" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M85.0159 80.2641L60.7525 56.0007C71.8072 42.5506 71.055 22.5843 58.4932 10.0226C45.1297 -3.34086 23.386 -3.34086 10.0226 10.0226C-3.34086 23.386 -3.34086 45.1297 10.0226 58.4931C22.5809 71.0515 42.5447 71.8119 56.0007 60.7525L80.2641 85.0159C81.5763 86.3281 83.7036 86.3281 85.0158 85.0159C86.3279 83.7037 86.3281 81.5762 85.0159 80.2641ZM53.7415 53.7413C42.9982 64.4846 25.5177 64.4844 14.7744 53.7413C4.03113 42.9982 4.03113 25.5175 14.7744 14.7742C25.5174 4.03146 42.9979 4.03062 53.7415 14.7742C64.4848 25.5175 64.4848 42.998 53.7415 53.7413Z" fill="white"/><path d="M50.7095 30.8978H37.618V17.8063C37.618 15.9506 36.1137 14.4463 34.258 14.4463C32.4023 14.4463 30.8979 15.9506 30.8979 17.8063V30.8978H17.8065C15.9507 30.8978 14.4464 32.4021 14.4464 34.2579C14.4464 36.1136 15.9507 37.6179 17.8065 37.6179H30.8979V50.7094C30.8979 52.5651 32.4023 54.0694 34.258 54.0694C36.1137 54.0694 37.618 52.5651 37.618 50.7094V37.6179H50.7095C52.5652 37.6179 54.0696 36.1136 54.0696 34.2579C54.0696 32.4021 52.5652 30.8978 50.7095 30.8978Z" fill="white"/></svg>') no-repeat center / 45px;

}
.portfolio-item:hover .search-icon {
    opacity: 1;
}
.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;
}
.custom-slider {
    position: relative;
}
.slick-next {
    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="black"/></svg>') #D6AB64 no-repeat center / 15px;
} 

.product-content__title h1 {
    font-size: 35px;
}
.slider-info {
    margin-bottom: 15px;
    opacity: .75;
    font-size: 14px;
}
.slick-prev {
    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="black"/></svg>') #D6AB64 no-repeat center / 15px;
} 
.content-single  .product-content {
    background: #F6F6F6;
    border-radius: 22px;
    border: 1px solid rgba(33, 32, 32, 0.34);
    margin-top: 35px;
}
.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 .3s;
            border: none;
            box-shadow: none;
            cursor: pointer;
            &:focus {
                outline: none;
            }
        }
    }
    .slick-active button {
        background: #EFCC80;
    }
}
.product-slider {
    position: relative;
}
.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: 40px;
    margin-bottom: 25px;
    line-height: 1.2;
    text-transform: uppercase;
}
.slider-nav  {
    margin-top: 35px;
}
.slider-nav .slick-slide {
    opacity: .45;
    transition: all .3s;
}
.uk-tab-left a {
    transition: all .3s;
    line-height: 1.4;
}
.service-item-page {
    padding-top: 70px;
}
.uk-tab-left a:hover {
    opacity: 1;
}
.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: 35px;
    transition: all .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;
}

.callback-mini-text {
    font-size: 16px;
    color: white;
    opacity: .75;
}


.callback-bottom {
    position: relative;
    padding: 70px 0;
}

.bg-form {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 95%;
    border-radius: 150px 0 0 0;
}

.webp .bg-form {
    background: url('/img/bg-form.webp') no-repeat center / cover;
}
.no-webp .bg-form {
    background: url('/img/bg-form.png') no-repeat center / cover;
}
.partners-btn .btn {
    display: block;
    width: 100%;
    text-align: center;
}
.logo-slider {
    position: relative;
}

.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;
}
.callback-bottom {

}
.portfolio-item {
    width: 100%;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 22px;
}

.callback-bottom::before {
    content: '';
    width: 100%;
    height: 6.5rem;
    position: absolute;
    top: -6.5rem;
    transform: translate(0,33%);
    left: 0;
    z-index: 3;
    background: url('/img/waves_double.svg') center center/100% 100% no-repeat;
      background-size: 100% 100%;
    background-size: 100% 100%;
  }

.protfilio-items {
    margin-top: 70px;
}
.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;
}

.not-found-img {
    text-align: center;
   
}
.gallery-home {
    margin: 35px 15px 0 15px;
}
.not-found-img  img {
    margin: 0 auto;
    opacity: 1;
     margin-bottom: 35px;
     width: 400px;
}
.not-found {
    padding: 70px 0 140px;
    text-align: center;
}
.not-found-title {
    font-size: 40px;
   font-family: 'SFPro-Bold', sans-serif;
     margin-bottom: 15px;
}
.not-found-tex {
    margin-bottom: 35px;
}
.not-found-btn {
    margin-top: 50px;
    display: block;
}
.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;
}
/* Стили для скрытых элементов */
.portfolio-item-wrapper {
    display: block; /* Элементы по умолчанию видимы */
}

/* Скрываем элементы начиная с 7-го */
.portfolio-item-wrapper[style="display: none;"] {
    display: none;
}

/* Скрываем элементы с классом "hidden" */
.hidden {
    display: none;
}

/* Стили для кнопки "Показать ещё" */
.show-more-btn {
    display: block;
    margin: 20px auto;
    padding: 10px 20px;
    font-size: 16px;
    background-color: #B57F40;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
}
.read-all .btn-lines {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 35px;
}

.show-more-btn:hover {
    background-color: #D6AB64;
}

.callback-bottom {
    background: #1D2230;
    color: white;
    position: relative;
}

.section-sescription {
    margin-bottom: 35px;
}

.callback-footer-form input[type="text"],
.callback-footer-form input[type="tel"]  {
    background: transparent;
    border: none;
    box-shadow: none;
    border-bottom: 2px solid #FFFFFF;
    color: white;
    padding: 20px 25px;
    margin-bottom: 35px;
    transition: all .4s;
    box-sizing: border-box;
    width: 100%;
}
.callback-footer-form input[type="text"]:focus ,
.callback-footer-form input[type="tel"]:focus {
    border-bottom: 2px solid #EFCC80; 
}
.callback-footer-form input[type="submit"] {
  color: white;
  font-family: 'SFPro-Bold', sans-serif;
  background: linear-gradient(90deg, rgba(239,204,128,1) 0%, rgba(177,122,58,1) 100%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: 200%;
  background-position: center;
  border-radius: 36px;
  padding: 20px 55px;
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: 15px;
}
@media (max-width: 1799.98px) {
    .company-girl {
        right: -65px;
    }
}

@media (max-width: 1399.98px) {
    .company-girl {
        right: -100px;
        width: 500px;
    }
    .mans::after {
  content: '';
  width: 101%;
  height: 70%;
  border-radius: 50px 50px 50px 180px;
  position: absolute;
  left: -35px;
  bottom: 86px;
  border: 1px solid #ECC97D;
  z-index: -1;
}
}

@media (max-width: 1300.98px) {
    .company-girl {
        display: none;
    }
}
@media (max-width: 1199.98px) {
    .map-contact iframe {
        width: 50%;
    }
    .mans {
        display: none;
    }

    .tovar-item-wrap {
        height: 350px;
    }
    .main-header-content__title h1 {
        font-size: 32px;
    }
    .canvas-navigations ul {
        list-style: none;
        margin: 0;
        padding: 0;
        margin: 35px 0;
    }

    .canvas-navigations ul li a {
        display: block;
        font-size: 20px;
        font-family: 'SFPro-Bold';
        color: white;
        padding: 13px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }
    .canvas-adres {
        margin-bottom: 25px;
    }
    .canvas-logo {
        margin-bottom: 35px;
    }
    .canvas-phone {
        margin-bottom: 15px;
    }
    .canvas-btn a {
        display: block;
        text-align: center;
    }
.uk-offcanvas-bar {
    background: #1D2230;
}
.canvas-btn {
    position: relative;
    z-index: 2;
}
.uk-offcanvas-bar::after {
    content: '';
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: scaleX(-1);
    background: url('/img/line2.svg') no-repeat center top / cover;
}
.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,.75);
    }
    .header-phone a {
        padding-left: 30px;
    }
    .btn-menu {
        padding: 15px 25px 15px 55px;
        text-transform: uppercase;
        background: #000;
        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 #000 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;
    }
}

@media (max-width: 991.98px) {
    .map-contact-info__phone a {
        font-size: 25px;
    }
    .page-headeer {
    position: relative;

}

.uk-tab > * > a {
    font-size: 15px;
    align-items: top;
}
.uk-tab > .uk-active > a {
    border-bottom: none;
}
.uk-tab  li {
    margin-bottom: 15px;
}
.uk-tab > .uk-active > a {
  padding: 5px 10px !important;
}
.uk-tab > * > a {
    text-transform: none;
}
.uk-tab::before {
    display: none;
}
.uk-tab li {
    width: 50%;
    display: inline-block;
}
.page-headeer::after {
  content: '';
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8477591720281863) 47%, rgba(255,255,255,0) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
}
    .callback-bottom {
        position: relative;
        z-index: 1;
    }
    .bg-form {
        display: none;
    }
   .bg-form::after {
  display: none;
}
    .partners {
        margin-bottom: 35px;
    }
    .mobile-nav {
        justify-content: end;
    }
    .b2b h1 br {
        display: none;
    }
    .step-man img {
        margin: 0 auto;
    }

 .step-man::after {
    display: none;
 }
    .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;
    }
        .protfilio-items {
  margin-top: 35px;
  padding: 15px;
}
 .portfolio-item {
        height: 300px;
    }
    
  .callback-bottom::before {
  height: 45px;
  top: -43px;
}
}

@media (max-width: 767.98px) {
    .footer-logo  img {
        width: 90%;
        margin: 0 auto;
    }
    .form-line p {
    margin: 0;
    flex-direction: column;
    gap: 0;
}
  .uk-tab li {
    margin-bottom: 0;
  }

  .service-item-page {
    padding-top: 70px;
}
    .uk-tab {
  margin-left: 0;
  padding: 0;
  list-style: none;
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: inherit;
  overflow-x: scroll;
}
.uk-tab > .uk-active > a {
    border: none;
}
.uk-tab > a {
    font-size: 15px;
}
.services::before {
    display: none;
}
.services::after {
    width: 100%;
}
 .uk-tab li {
    margin-right: 0px;
    max-width: 260px;
    font-size: 16px;
    width: 260px;
  }
  .uk-tab > * {
    padding-left: 0;
  }
  .tab-btn a {
  display: block;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
}
  .uk-tab img {
  width: 50px;
  margin-right: 15px;
  min-width: 50px;
}
    .uk-tab  li {
        margin-right: 0;
    }
    .page-content h3 {
  font-size: 22px;
  margin: 15px 0;
}
    .btn-thanks {
        flex-direction: column;
        gap: 15px;
        a {
            display: block;
            width: 100%;
            text-align: centerc;
            box-sizing: border-box;
        }
    }
    .not-found-title {
        font-size: 28px;
    }
    .footer-copyright {
        text-align: center !important;
    }
    .not-found-text br {
        display: none;
    }
    .footer-link .btn-lines {
        display: block;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }
    .step {
        padding: 35px 0 70px;
    }
    .callback-mini-text br {
        display: none;
    }
    .step-title h2 {
      font-size: 28px;
    }
    .step-man img {
        width: 100%;
    }
    .portfolio-item {
        height: 180px;
    }
    .protfilio-items {
        margin-top: 35px;
        padding: 15px;
    }
    .callback-descr  {
        font-size: 18px;
    }
    .callback-descr br {
        display: none;
    }
    .callback-phone  .callback-phone-link{
        display: none;
    }
    .callback-phone-btns {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
    }
    .callback-new .section-title h2 {
  padding-bottom: 0;
  font-size: 28px;
}
    .slick-active button {
        background: #D9AF67 !important;
    }
    .company-info-wrap {
        overflow: hidden;
    }
    .company-info-wrap {
        position: relative;
        padding: 35px 0;
    }
    .compamy-btn a {
        display: block;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }
    .slick-dots {
   li {
     button {
      width: 10px;
      height: 2px;
      border-radius: 22px;
      background: #BEBEBE;
      margin: 0 5px;
      font-size: 0;
      transition: all .3s;
      border: none;
      box-shadow: none;
      cursor: pointer;
    }
  }
}
        .mans {
        display: block;
        position: relative;
        width: 100%;
        border-radius: none;
        height: 250px;
        left: auto;
        margin-top: 35px;
        right: auto;
        img {
            border-radius: 0;
            box-shadow: none;
        }
    }
     .mans::after {
        display: none;
     }
    .company-info {
  padding-right: 0;
}
    .section-title h2 {
        font-size: 28px;
    }
    .icon-company-item {
        display: flex;
        gap: 25px;
        flex-direction: initial;
        align-items: flex-start;
    }
    .icon-company-item__content {
        text-align: left;
    }
    .icon-company-item__content-title {
        margin: 0 0 10px;
    }
    .icon-company-item__img img {
        width: 60px;
        min-width: 60px;
    }
    .main-header::before {
        display: none;
    }
    .modal-titles {
        font-size: 25px;
    }
    [class*="uk-modal-close-"] {
        top: -10px;
    }
    .modal-descr-bottom br {
        display: none;
    }
    .main-header::after {
        width: 100%;
    }
    .main-header-content__title h1 {
        font-size: 30px;
    }
    .main-header .btn-link {
        display: block;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }
    .webp .main-bg,
    .no-webp .main-bg {
        position: relative;
        border-radius: 80px 22px 80px 45px;
        right: 0;
        top: 0;
        height: 300px;
        width: 100%;
        margin: 45px 0 0;
        display: block;
    }
    .header-top__logo {
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .header-top__logo  img {
        width: 300px;
    }
    .slider-info span {
        display: block;
    }
    .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: 25px 15px;
    }

    .product-content-bank__title {
        text-align: center;
    }
    .product-content-bank {
        flex-direction: column;
    }
     .uk-leader-fill::after {
        display: none;
     }
    .slider-nav img {
        border-radius: 12px;
    }
    .variable-item-img {
        min-width: 100px;
    }
    .uk-leader-fill {
        display: block;
        width: 100%;
        background: #f6f6f6;
        padding: 12px;
        border-radius: 12px;
    }
    .variable-item {
        display: flex;
        gap: 25px;
    }
    .content-single .product-content {
        padding: 35px 25px;
    }
    .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: 0;
    }
    .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: 25px;
    }
    .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;
    }
    .header-content {
    
    }
    .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;
    }
  
    .map-contact iframe {
        width: 100%;
        height: 300px;
        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;
    }
}

@media (max-width: 370.98px) {
  .header-top__logo img {
    width: 100%;
  }
   .tovar-item-wrap {
    height: 250px;
  }
  #modal-center .uk-modal-dialog {
  border-radius: 22px;
  width: 100%;
  padding: 30px 15px;
}
 [class*="uk-modal-close-"] {
    top: -40px;
  }
  .webp .main-bg, .no-webp .main-bg {
    height: 250px;
  }
  .mobile-menu .btn-lines {
  padding: 20px 25px 20px 57px;
  font-size: 16px;
  text-transform: uppercase;
  position: relative;
  background: url('data:image/svg+xml,<svg width="89" height="89" viewBox="0 0 89 89" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.25 17.8C22.25 15.3424 24.2424 13.35 26.7 13.35H84.55C87.0076 13.35 89 15.3424 89 17.8C89 20.2576 87.0076 22.25 84.55 22.25H26.7C24.2424 22.25 22.25 20.2574 22.25 17.8ZM84.55 40.05H4.45C1.99242 40.05 0 42.0426 0 44.5C0 46.9574 1.99242 48.95 4.45 48.95H84.55C87.0076 48.95 89 46.9576 89 44.5C89 42.0426 87.0076 40.05 84.55 40.05ZM84.55 66.75H44.5C42.0426 66.75 40.05 68.7424 40.05 71.2C40.05 73.6574 42.0426 75.65 44.5 75.65H84.55C87.0076 75.65 89 73.6574 89 71.2C89 68.7426 87.0076 66.75 84.55 66.75Z" fill="white"/></svg>') no-repeat center;
  background-size: 25px;
  background-position: 20px center;
  background-repeat: no-repeat;
}
}