:root {
    --fzBody: 18px;

    --fz12: clamp(0.72rem, 0.9vw, 0.67rem);
    --fz14: clamp(0.78rem, 1vw, 0.78rem);
    --fz15: clamp(0.8rem, 1.05vw, 0.83rem);
    --fz16: clamp(0.85rem, 1.1vw, 0.89rem);
    --fz17: clamp(0.9rem, 1.15vw, 0.94rem);
    --fz18: clamp(0.95rem, 1.2vw, 1rem);
    --fz19: clamp(1rem, 1.3vw, 1.06rem);
    --fz20: clamp(1.05rem, 1.35vw, 1.11rem);
    --fz22: clamp(1.1rem, 1.5vw, 1.22rem);
    --fz23: clamp(1.15rem, 1.55vw, 1.28rem);
    --fz24: clamp(1.2rem, 1.6vw, 1.33rem);
    --fz25: clamp(1.25rem, 1.65vw, 1.39rem);
    --fz26: clamp(1.3rem, 1.8vw, 1.44rem);
    --fz27: clamp(1.35rem, 1.85vw, 1.5rem);
    --fz28: clamp(1.4rem, 1.9vw, 1.56rem);
    --fz30: clamp(1.5rem, 2vw, 1.67rem);
    --fz32: clamp(1.6rem, 2.1vw, 1.78rem);
    --fz32: clamp(1.55rem, 2.1vw, 1.78rem);
    --fz35: clamp(1.75rem, 2.35vw, 1.94rem);
    --fz40: clamp(1.8rem, 2.7vw, 2.22rem);
    --fz48: clamp(2rem, 3.2vw, 2.67rem);
    --fz50: clamp(2.1rem, 3.3vw, 2.78rem);
    --fz56: clamp(2.3rem, 3.7vw, 3.11rem);
    --fz57: clamp(2.35rem, 3.8vw, 3.17rem);
    --fz60: clamp(2.4rem, 4vw, 3.33rem);
    --fz64: clamp(2.5rem, 4.3vw, 3.56rem);
    --fz70: clamp(2.7rem, 4.7vw, 3.89rem);
    --fz85: clamp(3rem, 5.7vw, 4.72rem);
    --fz100: clamp(3.5rem, 6.7vw, 5.56rem);
    --fz150: clamp(5rem, 10vw, 8.33rem);
}

body,
html {
    width: 100%;
    min-width: 320px;
    cursor: default;
    font-family: "Nunito Sans", sans-serif;
    font-size: var(--fzBody);
    font-weight: 400;
    line-height: normal;
}
body{
    color: var(--color-text);
    background-color: #FDFDFD;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
}
ol, ul, dl{
    margin: 0;
    padding: 0;
}
.nav-link,
.navbar {
    padding: 0;
}
/*html {
    overflow-x: hidden;
    margin-right: calc(-1 * (100vw - 100%));
}*/
.modal.show {
    overflow-x: hidden;
    overflow-y: auto;
}

.js-focus-visible :focus:not(.focus-visible) {
    outline: 0;
}

a{
    transition: all .3s;
}
p{
    margin-bottom: 0;
}
img{
    max-width: 100%;
    height: auto;
}
/*.modal-open {
    padding: 0 !important;
}*/
.container {
    max-width: 1440px;
    padding-right: 20px;
    padding-left: 20px;
    margin: auto;
}

.btn-main, 
.btn_main_form {
    background-color: var(--color-main);
    color: #fff;
    text-align: center;
    font-size: var(--fz16);
    font-weight: 600;
    padding: 15px 20px;
    display: inline-block;
    transition: all .3s;
    width: 100%;
    max-width: 100%;
    text-transform: uppercase;
    border: none;
    line-height: 125%;
    border-radius: 65px;
}
.btn_main_form {
    max-width: 261px;
    display: block;
    margin-top: 31px;
    padding: 24px 20px;
}
.btn-main:hover,
.btn_main_form:hover {
    background: var(--color-hover-btn);
    color: #fff;
}
.btn-main.btn-border{
	background-color: #fff;
	color: var(--color-main);
	border: 1px solid var(--color-main);
}
.btn-main.btn-border:hover{
	background-color: var(--color-main);
	color: #fff;
}


.heading-main {
    font-family: "Nunito Sans", sans-serif;
    font-size: var(--fz48);
    font-weight: 700;
    margin-bottom: 35px;
    margin-bottom: clamp(20px, 2.2vw, 35px);
    line-height: 1.2;
}

article {
    padding-top: 35px;
    padding-top: clamp(20px, 2.2vw, 35px);
    padding-bottom: 100px;
    padding-bottom: clamp(40px, 6.3vw, 100px);
}

.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6 {
    color: var(--color-text);
    font-weight: 600;
    margin-bottom: 20px;
    padding-top: 10px;
}
.main-content h2{
    font-size: var(--fz32);
}
.main-content h3{
    font-size: var(--fz28);
}
.main-content h4{
    font-size: var(--fz26);
    font-weight: 500;
    line-height: 145%;
}
.main-content h5{
    font-size: var(--fz22);
}
.main-content h6{
    font-size: var(--fz20);
}
.main-content{
    font-weight: 300;
    font-size: var(--fz20);
    line-height: 150%;
    clear: both;
}
.main-content.big-text{
	font-size: var(--fz28);
}
.main-content p {
    margin-bottom: 20px;
    font-weight: 300;
    font-size: var(--fz20);
    line-height: 150%;
}
.main-content.big-text p{
	font-size: var(--fz28);
}
.main-content p.color-main{
    color: var(--color-main);
}
.main-content p strong,
.main-content p b {
    font-weight: 600;
}
.main-content a {
    color: var(--color-main);
    text-decoration: underline;
}
.main-content p a:hover{
    text-decoration: none;
}
.main-content img {
    margin-bottom: 30px;
}
.main-content img[style="float: left;"],
.main-content .img-left {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    max-width: 50%;
}
.main-content img[style="float: right;"],
.main-content .img-right {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
    max-width: 50%;
}
.main-content ul {
    padding-left: 10px;
    margin-bottom: 22px;
}
.main-content ul li {
    font-size: var(--fz18);
    font-weight: 400;
    margin-bottom: 7px;
    position: relative;
    padding-left: 17px;
}
.main-content ul li:before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    background-color: var(--color-main);
    position: absolute;
    left: 0;
    top: 11px;
    border-radius: 100%;
}

.main-content table {
    width: 100%;
    margin-bottom: 30px;
    border: none;
}
.main-content table tr{
    background: transparent;
}
.main-content table tr:nth-child(2n){
    background: #f6f6f6;
}
.main-content table td {
    padding: 10px 15px;
    font-weight: 400;
    font-size: var(--fz16);
    color: #000;
    border: 1px solid #f0eef3;
}
.main-content table td:first-child {
    width: auto !important;
}
.main-content table td:last-child {
    font-weight: 700;
}
.main-content table th,
.main-content table tr:first-child td {
    background-color: var(--color-main);
    color: #fff;
    font-size: var(--fz16);
    padding: 10px 15px;
    font-weight: 700;
    border: 1px solid #f0eef3;
}

ol.breadcrumb {
    text-align: left;
    padding: 0;
    margin-bottom: clamp(20px, 1.9vw, 25px);
}
ol.breadcrumb li.breadcrumb-item {
    font-weight: 300;
    font-size: var(--fz14);
    color: var(--color-main);
}
ol.breadcrumb li a {
    color: #a7a7a7;
}
ol.breadcrumb li a:hover {
    color: var(--color-main);
}
.breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    margin-right: 6px;
    margin-left: 6px;
    padding: 0;
}
ul.pagination {
    margin-top: 60px;
    margin-top: clamp(20px, 3.8vw, 60px);
    flex-wrap: wrap;
}
ul.pagination li a {
    width: 47px;
    height: 47px;
    display: inline-block;
    font-size: var(--fz20);
    font-style: normal;
    font-weight: 500;
    margin: 0 1px;
    text-align: center;
    line-height: 47px;
    color: #8b949d;
    transition: all .3s;
    margin-right: 5px;
    border: 1px solid transparent;
    border-radius: 0;
    border-radius: 10px;
}
ul.pagination li a:hover{
    border: 1px solid var(--color-main);
    color: var(--color-main);
}
ul.pagination  li.active a{
    background: var(--color-main);
    color: #fff;
    border: 1px solid var(--color-main);
}
.pagination li:last-child:not(.active) a,
.pagination li:first-child:not(.active) a {
    border: 1px solid #c3c3c3;
    font-size: 0;
    position: relative;
    transition: all .3s;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
}
.pagination li:last-child:not(.active) a:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 10px;
    top: 15px;
    border-right: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    transform: rotate(-45deg);
    transition: all .3s;
}
.pagination li:first-child:not(.active) a:before{
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 20px;
    top: 15px;
    transform: rotate(45deg);
    border-bottom: 1px solid #bababa;
    border-left: 1px solid #bababa;
    transition: all .3s;
}
.pagination li:last-child:not(.active) a:hover,
.pagination li:first-child:not(.active) a:hover{
    border-color: var(--color-main);
}
.pagination li:last-child:not(.active) a:hover:before{
    border-right: 1px solid var(--color-main);
    border-bottom: 1px solid var(--color-main);
}
.pagination li:first-child:not(.active) a:hover:before{
    border-bottom: 1px solid var(--color-main);
    border-left: 1px solid var(--color-main);
}

.clear {
    clear: both;
}
.grid{
    display: flex;
}

.form-group {
    margin-bottom: 0;
}

.box-btn-center{
    text-align: center;
}
.box-btn-center .btn-main{
	max-width: 207px;
}
.table-wrap {
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.box-img-top {
    margin-bottom: 25px;
    margin-top: 25px;
    height: clamp(150px, 36.7vw, 496px);
}
.box-img-top img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/*MODAL*/
.modal.show {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog.modal-form {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    max-height: calc(100% - 10px);
    width: calc(100% - 30px);
    max-width: 687px;
}
button.btn.close-modal {
    background-color: transparent;
    position: absolute;
    right: -75px;
    top: -75px;
}
.modal-form .modal-content {
    border-radius: 15px;
    background: var(--bg-form);
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #333;
    padding: 40px 60px;
    padding: clamp(30px, 2.5vw, 40px) clamp(20px, 4.4vw, 60px);
}
.light-theme .modal-form .modal-content{
    background-color: #fff;
}

.fade {
    backdrop-filter: blur(4px);
    background: rgba(0, 0, 0, 0.3);
}
.modal-backdrop.show {
    opacity: 1;
}
/*.modal-open .container,
.modal-open button.slick-arrow {
    -webkit-filter: blur(4px);
    filter: blur(4px);
}*/
.modal-form h3{
    font-family: "Nunito Sans", sans-serif;
    font-weight: 700;
    font-size: var(--fz35);
    text-align: center;
    color: #fff;
    margin-bottom: 14px;
}
.modal-form .descr{
	color: #fff;
	font-weight: 300;
	font-size: var(--fz20);
	margin-bottom: 26px;
	text-align: center;
}
.modal-body{
    padding: 0;
}
.modal-form .btn_main_form {
    margin: 31px auto 0;
}

/*MODAL CART*/
.modal_flash {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
    margin: auto;
    width: 100%;
    height: 100%;
    display: block;
}
.modal_flash .modal_fade {
    width: 100%;
    height: 100%;
    backdrop-filter: blur(4px);
	background: rgba(255, 255, 255, 0.5);
}
.modal_flash .modal_content {
    /*position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 541px;
    max-height: 193px;*/
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    max-height: calc(100% - 10px);
    width: calc(100% - 30px);
    max-width: 541px;
    z-index: 90;
    display: flex;
    background-color: #fff;
    border-radius: 15px;
    flex-direction: column;
    box-shadow: 0 4px 19px 0 rgba(0, 0, 0, 0.25);
    padding: clamp(30px, 3vw, 40px) clamp(20px, 2.6vw, 35px);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.modal_flash .modal_content .modal_close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 1em;
    height: 1em;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal_flash .modal_content b.body_name {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
    display: block;
}
.modal_flash .modal_body {
    margin-bottom: 25px;
}
.modal_flash .modal_footer {
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.modal_flash .modal_footer a.btn-main {
    width: auto;
    border: 1px solid var(--color-main);
}
.modal_flash h3 {
    font-weight: 700;
    font-size: var(--fz32);
    margin-bottom: 20px;
}

input.form-control, 
textarea.form-control,
select.form-control {
    border: 1px solid #d9d9d9;
    padding: 16px 17px;
    height: 60px;
    font-weight: 300;
    font-size: var(--fz16);
    color: #333;
    margin-bottom: 15px;
    outline: none;
    background: #fff;
    border-radius: 35px;
}
select.form-control:not([size]):not([multiple]){
	height: 60px;
}
textarea.form-control{
    resize: none;
    height: 120px;
}
input.form-control::placeholder, 
textarea.form-control::placeholder{
    color: #333;
}
input.form-control:focus,
textarea.form-control:focus{
    border: 1px solid var(--color-main);
}

select.form-control {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
select.form-control:not([multiple]) {
    background-repeat: no-repeat;
    background-position: right 18px center;
    background-size: 15px;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='7' viewBox='0 0 15 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 0L7.5 7L0.5 0H14.5Z' fill='%23333333' /%3E%3C/svg%3E");
}
select.form-control::-ms-expand {
  display: none;
}

.form-text-bottom{
    margin-bottom: 15px;
    text-align: left;
    color: #fff;
    font-weight: 300;
    font-size: 12px;
}
.form-text-bottom p {
    margin-bottom: 6px;
}
.form-text-bottom a{
    text-decoration: underline;
}
.form-text-bottom a:hover{
    text-decoration: none;
}
label.custom-checkbox {
    margin-bottom: 0;
    text-align: left;
    max-width: 100%;
}
.custom-checkbox>input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  height: auto !important;
    margin: 0 !important;
}
.custom-checkbox>span {
  display: inline-flex;
  align-items: start;
  user-select: none;
  cursor: pointer;
}
.custom-checkbox>span::before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 3px;
  margin-right: 9px;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid var(--color-main);
  margin-top: 0;
  background-size: 9px;
}

.custom-checkbox>input:not(:disabled):not(:checked)+span:hover::before {
  background-color: #fff;
}
.custom-checkbox>input:checked+span::before {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25781 3.57143L4.02704 7L8.25781 1' stroke='white' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E");
  background-color: var(--color-main);

}
.custom-checkbox>input:disabled+span::before {
  background-color: #fff;
}


.form-control:disabled, 
.form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}

header .dropdown-menu {
    background-color: #fff;
    width: 100%;
    width: auto;
    min-width: 245px;
    padding: 25px 20px;
    margin-top: 10px;
    box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.15);
    border-radius: 0;
    border: 1px solid #c5c5c5;
    row-gap: 20px;
}

.dropdown-menu:before {
    content: '';
    width: 100%;
    height: 10px;
    display: block;
    background: transparent;
    position: absolute;
    top: -10px;
    left: 0;
}
.dropdown-toggle::after {
    border: none;
    width: 8px;
    height: 6px;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.58579 0.897026C7.47669 0.897026 7.92286 1.97417 7.29289 2.60413L4.70711 5.18992C4.31658 5.58044 3.68342 5.58044 3.29289 5.18992L0.707108 2.60413C0.0771437 1.97417 0.523309 0.897026 1.41421 0.897026H6.58579Z' fill='black' /%3E%3C/svg%3E");
    margin-left: 5px;
    vertical-align: 2px;
}

.gallery-main {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(15px, 1.9vw, 25px);
    margin-top: clamp(20px, 3vw, 40px);
}
.gallery-main a.photos {
    height: 239px;
    transition: transform .3s;
    will-change: transform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 1px solid #f5f5f5;
    border-radius: 15px;
    overflow: hidden;
}
.gallery-main a.photos img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery-main a.photos:hover {
    transform: scale(1.05);
}

button.navbar-toggler {
    padding: 0;
    border: none;
    min-width: 40px;
    height: 29px;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='29' viewBox='0 0 40 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='3' rx='1.5' fill='%23FFFFFF'/%3E%3Crect y='13' width='40' height='3' rx='1.5' fill='%23FFFFFF'/%3E%3Crect y='26' width='40' height='3' rx='1.5' fill='%23FFFFFF'/%3E%3C/svg%3E");
}
button.navbar-toggler[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='31' viewBox='0 0 40 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5.12134' y='28.2843' width='40' height='3' rx='1.5' transform='rotate(-45 5.12134 28.2843)' fill='%23FFFFFF'/%3E%3Crect x='7.12134' y='0.284271' width='40' height='3' rx='1.5' transform='rotate(45 7.12134 0.284271)' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

.form_search_w {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
}
.form_search_w input.form-search {
    width: 100%;
    border: none;
    outline: none;
    font-weight: 300;
    font-size: var(--fz20);
    line-height: 150%;
    padding: 22px 25px;
    padding-right: 65px;
    color: #333;
    background-color: #fff;
    height: 58px;
    border: 1px solid #c5c5c5;
	border-radius: 15px;
}
.form_search_w button.srch-b {
    width: 22px;
    height: 22px;
    border: none;
    padding: 0;
    background: none;
    position: absolute;
    background-repeat: no-repeat;
    right: 20px;
    top: 15px;
    outline: none;
    cursor: pointer;
}
.form_search_w button.srch-b svg path {
	transition: all .3s;
    fill: var(--color-main);
}
.form_search_w button.srch-b:hover svg path{
	fill: var(--color-hover);
}

/*HEADER*/
.top-header {
    padding-top: 30px;
    padding-top: clamp(10px, 2.2vw, 30px);
    padding-bottom: 34px;
    padding-bottom: clamp(10px, 2.5vw, 34px);
    position: relative;
}
.top-header .container {
    display: grid;
    grid-template-columns: 308px 1fr;
    column-gap: 20px;
}
header .clock svg path,
header .address svg path {
    fill: var(--color-main);
}
.top-header .box-contacts {
    display: flex;
    justify-content: end;
    column-gap: clamp(20px, 3.7vw, 50px);
    align-items: center;
}
.top-header .box-contacts .wrap-address {
    display: flex;
    column-gap: clamp(20px, 3.7vw, 50px);
    align-items: center;
}
header .address,
header .clock{
	display: flex;
	align-items: center;
	column-gap: 5px;
	font-weight: 300;
	font-size: var(--fz16);
}
header .address svg,
header.clock svg{
	min-width: 18px;
}
.soc-but{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.soc-but a {
    border-radius: 65px;
    border: 1px solid var(--color-main);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    background-color: #fff;
    transition: all .3s;
}
.soc-but svg path {
    fill: var(--color-main);
    transition: all .3s;
}
.soc-but a:hover svg path {
    fill: var(--color-hover);
}
.soc-but a.wp svg path:last-child,
.soc-but a.tg svg path:last-child{
	fill: #ffffff;
}
.soc-but a:hover{
	border: 1px solid var(--color-hover);
}

header .cart {
    min-width: 115px;
    display: flex;
    justify-content: end;
}
header a.btn-cart {
    position: relative;
    font-size: var(--fz16);
    font-weight: 700;
    display: flex;
    align-items: center;
    column-gap: 9px;
}
header a.btn-cart .icon_cart {
    display: block;
    width: 31px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2071_1337)'%3E%3Cpath d='M26.8855 10.7363H18.7907V10.9633C18.7907 12.7777 17.3146 14.254 15.5 14.254C13.6855 14.254 12.2093 12.7778 12.2093 10.9633V10.7363H4.11447C2.12141 10.7363 0.5 12.3579 0.5 14.3509V15.5436C0.5 17.1212 1.51603 18.4661 2.92815 18.9582L3.70903 26.6113C3.93588 28.4148 5.47779 29.7749 7.29544 29.7749H23.7047C25.5224 29.7749 27.0643 28.4148 27.2911 26.6113L28.072 18.9582C29.484 18.4661 30.5 17.1212 30.5 15.5436V14.3509C30.5 12.3579 28.8786 10.7363 26.8855 10.7363ZM11.1296 24.6375C11.1296 25.3272 10.5706 25.8861 9.88091 25.8861C9.19127 25.8861 8.63221 25.3272 8.63221 24.6375V19.7053C8.63221 19.0157 9.19127 18.4566 9.88091 18.4566C10.5705 18.4566 11.1296 19.0157 11.1296 19.7053V24.6375ZM16.7487 24.6375C16.7487 25.3272 16.1896 25.8861 15.5 25.8861C14.8104 25.8861 14.2513 25.3272 14.2513 24.6375V19.7053C14.2513 19.0157 14.8104 18.4566 15.5 18.4566C16.1896 18.4566 16.7487 19.0157 16.7487 19.7053V24.6375ZM22.3678 24.6375C22.3678 25.3272 21.8087 25.8861 21.1191 25.8861C20.4295 25.8861 19.8704 25.3272 19.8704 24.6375V19.7053C19.8704 19.0157 20.4294 18.4566 21.1191 18.4566C21.8087 18.4566 22.3678 19.0157 22.3678 19.7053V24.6375Z' fill='%23C5C5C5' /%3E%3Cpath d='M15.4999 12.9305C16.5864 12.9305 17.4671 12.0497 17.4671 10.9633V2.19182C17.4671 1.10537 16.5864 0.224609 15.4999 0.224609C14.4135 0.224609 13.5327 1.10537 13.5327 2.19182V10.9633C13.5327 12.0497 14.4135 12.9305 15.4999 12.9305Z' fill='%23C5C5C5' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2071_1337'%3E%3Crect width='30' height='30' fill='white' transform='translate(0.5)' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s;
}
header a.btn-cart span.cart-number {
    background-color: var(--color-main);
    font-size: 12px;
    color: #fff;
    width: 21px;
    height: 21px;
    display: block;
    position: absolute;
    left: -10px;
    top: -5px;
    border-radius: 100%;
    text-align: center;
    line-height: 21px;
    font-weight: 400;
    transition: all .3s;
}
header a.btn-cart:hover span.cart-number{
	background-color: var(--color-hover);
}

.bottom-header{
	border-bottom: 1px solid #c5c5c5;
	border-top: 1px solid #c5c5c5;
	padding-top: clamp(10px, 1.6vw, 22px);
	padding-bottom: clamp(10px, 1.6vw, 22px);
}

.header-search {
    position: absolute;
    left: 0;
    top: -17px;
    width: 100%;
    opacity: 0;
    width: 0;
    transition: all .3s;
    pointer-events: none;
}
.header-search.active {
    opacity: 1;
    width: 94%;
    pointer-events: auto;
}
.btn-search {
    font-size: 0;
    width: 23px;
    min-width: 23px;
    height: 22px;
    transition: all .3s;
    cursor: pointer;
}
.btn-search path{
	fill: var(--color-main);
}
.btn-search:hover path{
	fill: var(--color-hover);
}

ul.wrap-mnu {
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
    width: 100%;
    flex-wrap: wrap;
}
ul.wrap-mnu li a{
	font-weight: 500;
	font-size: var(--fz18);
	color: #333;
}
ul.wrap-mnu li a:hover,
ul.wrap-mnu li.active a{
	color: var(--color-main);
}

.bottom-header .container {
    display: grid;
    grid-template-columns: 65% 35%;
    grid-template-columns: 1fr 440px;
    align-items: center;
}
.bottom-header .grid-mnu-search {
    display: flex;
    align-items: center;
    column-gap: clamp(20px, 5.2vw, 70px);
    position: relative;
}
.bottom-header .grid-mnu-search nav.top_menu {
    width: 81%;
}
.bottom-header .box-calback {
    display: flex;
    align-items: center;
    column-gap: 10px;
    justify-content: space-between;
}
.bottom-header .callback {
    min-width: 207px;
}
.bottom-header .phone {
	font-weight: 700;
	font-size: var(--fz20);
	display: flex;
	align-items: center;
	column-gap: 10px;
}
.bottom-header .phone svg{
	min-width: 18px;
}
.bottom-header .phone svg path {
    fill: var(--color-main);
}
.bottom-header .phone a:hover{
	color: var(--color-main);
}

button.navbar-toggler {
    position: absolute;
    right: 20px;
    top: 24px;
}


.block-slider .box-text {
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 15px;
    padding: 26px 36px;
    max-width: 668px;
}
.block-slider .wrap-slide {
    padding-top: clamp(50px, 10.7vw, 144px);
    padding-bottom: clamp(50px, 6.7vw, 90px);
    min-height: 608px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.block-slider .container {
    max-width: 1180px;
}

.block-slider{
	position: relative;
}
.block-slider .slider-nav {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -25px;
    width: 100%;
}
.block-slider .slider-nav .container {
    position: relative;
    max-width: 1360px;
}

.slick-arrow {
	display: block;
	width: 50px;
	height: 50px;
	cursor: pointer;
}
.slick-arrow svg {
    width: 50px;
    height: 50px;
}
.slick-arrow svg circle,
.slick-arrow svg path{
	transition: all .3s;
}
.slick-arrow:hover svg circle{
	fill: var(--color-main);
}
.slick-arrow:hover svg path{
	stroke: #ffffff
}
.block-slider .slider-prev.slick-arrow {
    position: absolute;
    left: 10px;
}
.block-slider .slider-next.slick-arrow {
    position: absolute;
    right: 10px;
}
.block-slider .box-text .name {
	font-weight: 700;
	font-size: var(--fz40);
	margin-bottom: 20px;
}
.block-slider .box-text .preview{
	font-weight: 300;
	font-size: var(--fz16);
	line-height: 150%;
	margin-bottom: 22px;
	max-width: 464px;
}
a.btn-slider {
    font-weight: 600;
    font-size: var(--fz16);
    text-transform: uppercase;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 65px;
    padding: 14px 51px;
}
a.btn-slider:hover {
	border-color: var(--color-main);
	background-color: var(--color-main);
	color: #fff;
}

.slick-dots li button:before{
	display: none;
}
.slick-dots li{
	width: 15px;
	height: 15px;
	margin: 0 3px;
}
.slick-dots li button {
    padding: 0;
    background-color: rgba(255, 255, 255, 0.5);
    width: 15px;
    height: 15px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 100%;
}
.slick-dots li.slick-active button{
	background-color: var(--color-main);
}
.slick-dots {
    bottom: 20px;
}
.slider-home.slick-slider {
    margin-bottom: 0;
}

.block-about .wrap-about {
    position: relative;
    padding-top: 50px;
    padding-bottom: 54px;
    padding-right: 50px;
}
.block-about .box-text {
    backdrop-filter: blur(4px);
    background: rgba(245, 245, 245, 0.8);
    border-radius: 15px;
    padding: 36px 30px;
    padding: clamp(20px, 2.6vw, 36px) clamp(20px, 2.2vw, 30px);
    max-width: 809px;
}
.block-about .box-img {
    max-width: 748px;
    max-width: 53.4%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1;
    border-radius: 15px;
    overflow: hidden;
}
.block-about .box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.block-about{
	padding-top: clamp(35px, 5.2vw, 70px);
	padding-bottom: clamp(35px, 5.2vw, 70px);
}
.block-about .box-text .descr{
	font-weight: 300;
	font-size: var(--fz18);
	line-height: 167%;
}

.index-category {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(20px, 3vw, 40px);
}
.index-category a.wrap {
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--color-secondary);
    border-radius: 15px;
    overflow: hidden;
}
.index-category .name {
    font-weight: 500;
    font-size: var(--fz19);
    padding: 18px 10px;
    text-align: center;
    transition: all .3s;
    word-break: break-word;
}
.index-category a:hover .name{
	color: var(--color-main);
}
.index-category .box-img {
    height: 237px;
}
.index-category .box-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index-podcat{
	margin-bottom: 10px;
}
.index-podcat .box-img {
	height: 284px;
    padding: 20px;
    padding-bottom: 0;
}
.index-podcat .box-img img {
    border-radius: 5px;
}

.block-category {
    padding-top: clamp(35px, 5.2vw, 70px);
}
.block-category .box-btn-center {
    margin-top: clamp(20px, 2.6vw, 35px);
}
.block-products {
    background-color: #F6F6F6;
    padding-top: clamp(35px, 5.2vw, 77px);
    padding-bottom: clamp(35px, 5.2vw, 70px);
}

.index-product {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(20px, 3vw, 40px);
}
.index-product .item-product {
    position: relative;
    background-color: var(--color-secondary);
    transition: all .3s;
    border: 1px solid #d0ddeb;
	border-radius: 15px;
	overflow: hidden;
	padding-bottom: 99px;
}
.index-product .item-product:hover{
	border-color: var(--color-main);
}

.index-product .item-product .box-img{
	height: 237px;
	width: 100%;
	background-color: #fff;
    padding: 20px;
}
.index-product .item-product .box-img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.index-product .item-product .name {
    padding: 15px 25px;
    font-weight: 600;
	font-size: var(--fz16);
	line-height: 137%;
	transition: all .3s;
}
.index-product .item-product a:hover .name {
	color: var(--color-main);
}
.index-product .item-product .art{
	padding: 0 25px;
	font-weight: 300;
	font-size: var(--fz14);
	color: #858fa1;
}
.index-product .item-product .wrap-price {
    display: flex;
    gap: 5px;
    justify-content: space-between;
    padding: 25px;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.index-product .item-product .price-old {
    font-weight: 300;
    font-size: 12px;
    text-decoration: line-through;
}
.index-product .item-product .price-new{
	font-weight: 700;
	font-size: var(--fz20);
}

.btn_to_basket.btn.btn-main {
	display: flex;
	align-items: center;
	column-gap: 10px;
	font-weight: 600;
	font-size: var(--fz14);
	padding: 10px 18px;
}
.btn_to_basket.btn.btn-main:before{
	content: '';
	width: 17px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='20' viewBox='0 0 17 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5723 5.72607H10.2551V5.84711C10.2551 6.81483 9.46776 7.60217 8.5 7.60217C7.53228 7.60217 6.74494 6.81487 6.74494 5.84711V5.72607H2.42772C1.36475 5.72607 0.5 6.59092 0.5 7.65384V8.28993C0.5 9.13135 1.04188 9.84862 1.79501 10.1111L2.21148 14.1927C2.33247 15.1546 3.15482 15.88 4.12424 15.88H12.8759C13.8453 15.88 14.6676 15.1546 14.7886 14.1927L15.2051 10.1111C15.9581 9.84862 16.5 9.13135 16.5 8.28993V7.65384C16.5 6.59092 15.6352 5.72607 14.5723 5.72607ZM6.16913 13.1401C6.16913 13.5079 5.87097 13.8059 5.50315 13.8059C5.13534 13.8059 4.83718 13.5079 4.83718 13.1401V10.5095C4.83718 10.1417 5.13534 9.84353 5.50315 9.84353C5.87092 9.84353 6.16913 10.1417 6.16913 10.5095V13.1401ZM9.16598 13.1401C9.16598 13.5079 8.86776 13.8059 8.5 13.8059C8.13224 13.8059 7.83402 13.5079 7.83402 13.1401V10.5095C7.83402 10.1417 8.13224 9.84353 8.5 9.84353C8.86776 9.84353 9.16598 10.1417 9.16598 10.5095V13.1401ZM12.1628 13.1401C12.1628 13.5079 11.8647 13.8059 11.4968 13.8059C11.1291 13.8059 10.8309 13.5079 10.8309 13.1401V10.5095C10.8309 10.1417 11.129 9.84353 11.4968 9.84353C11.8647 9.84353 12.1628 10.1417 12.1628 10.5095V13.1401Z' fill='white' /%3E%3Cpath d='M8.49937 6.89659C9.07881 6.89659 9.54855 6.42685 9.54855 5.84741V1.16929C9.54855 0.589859 9.07881 0.120117 8.49937 0.120117C7.91994 0.120117 7.4502 0.589859 7.4502 1.16929V5.84741C7.4502 6.42685 7.91994 6.89659 8.49937 6.89659Z' fill='white' /%3E%3C/svg%3E");
}

.index-product.slider-products {
    display: block;
    margin-left: -18px;
    margin-right: -18px;
}
.slider-products .slick-track {
    display: flex;
}
.index-product.slider-products .item-product {
    margin: 0 18px 36px;
    height: auto;
}
.block-products{
	position: relative;
}
.block-products .slider-nav {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -25px;
    width: 100%;
}
.block-products .slider-nav .container {
    position: relative;
    max-width: 1595px;
}
.block-products .slider-prev.slick-arrow {
    position: absolute;
    left: 10px;
}
.block-products .slider-next.slick-arrow {
    position: absolute;
    right: 10px;
}

.block-news{
	padding-top: clamp(35px, 5.2vw, 77px);
    padding-bottom: clamp(35px, 7.4vw, 100px);
}
.index-news {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(20px, 3vw, 40px);
    margin-bottom: clamp(20px, 2.6vw, 35px);
}
.index-news .box-img {
    border: 1px solid #f5f5f5;
    border-radius: 15px;
    height: 239px;
    overflow: hidden;
    margin-bottom: 17px;
}
.index-news .box-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.index-news a.wrap {
    display: block;
    width: 100%;
    height: 100%;
}
.index-news .name{
	font-weight: 600;
	font-size: var(--fz20);
	line-height: 130%;
	margin-bottom: 13px;	
	transition: all .3s;
}
.index-news a:hover .name{
	color: var(--color-main);
}
.index-news .preview{
	font-weight: 300;
	font-size: var(--fz16);
	line-height: 137%;
	color: #858fa1;
}
.index-news .item-news{
	padding-bottom: 25px;
	border-bottom: 1px solid #858fa1;
	position: relative;
}
.index-news .item-news .news-date {
    position: absolute;
    top: 24px;
    right: 22px;
    background-color: var(--color-main);
    color: #fff;
    font-weight: 300;
    font-size: var(--fz14);
    padding: 5px 25px;
    border-radius: 20px;
    pointer-events: none;
}

.block-form {
    background: var(--bg-form);
    padding-top: clamp(35px, 6vw, 81px);
    padding-bottom: clamp(35px, 6vw, 81px);
    color: #fff;
}
.block-form .grid-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
}
.block-form .heading-form {
    font-weight: 700;
    font-size: var(--fz64);
}
.block-form .container {
    max-width: 1330px;
}
.block-form .wrap-form {
    max-width: 473px;
}
.block-form .descr {
    font-weight: 400;
    font-size: var(--fz32);
    margin-top: clamp(30px, 4.4vw, 40px);
}
.block-form .descr a{
    font-weight: 700;
}
.block-form .box-text {
    padding-top: 10px;
}


.block-contacts {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.block-contacts .box-text {
    padding: 75px 20px 93px;
    max-width: 722px;
    margin-left: auto;
}
.wrap-map {
    height: 100%;
}
.wrap-map img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.block-contacts .phone {
    font-weight: 500;
    font-size: var(--fz20);
    margin-bottom: 6px;
    padding-top: 10px;
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.block-contacts .email{
	font-weight: 500;
    font-size: var(--fz20);
    margin-bottom: 27px;
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.block-contacts .phone a:hover,
.block-contacts .email a:hover{
	color: var(--color-main);
}
.block-contacts .phone svg path,
.block-contacts .email svg path{
	fill: var(--color-main);
}
.block-contacts .address, 
.block-contacts .clock {
    font-weight: 500;
    font-size: var(--fz20);
    display: flex;
    align-items: center;
    column-gap: 7px;
}
.block-contacts .address {
    margin-bottom: 10px;
}
.block-contacts .soc-but {
    justify-content: start;
    margin-top: 45px;
}
.block-contacts .clock svg path, 
.block-contacts .address svg path {
    fill: var(--color-main);
}

footer{
	background-color: var(--bg-footer);
	color: #fff;
	padding-bottom: clamp(25px, 3.7vw, 50px);
}
.top-footer {
    display: grid;
    grid-template-columns: 235px 1fr;
    /*padding-right: 310px;*/
  	padding-right: 0;
    align-items: center;
    border-bottom: 1px solid var(--color-main);
    padding-top: clamp(25px, 3.7vw, 53px);
    padding-bottom: clamp(25px, 3.2vw, 41px);
    margin-bottom: clamp(25px, 3.2vw, 43px);
    gap: 20px;
}
ul.footer-mnu {
    display: flex;
    width: 100%;
    /*justify-content: center;*/
  	justify-content: end;
    column-gap: clamp(20px, 2.8vw, 38px);
    flex-wrap: wrap;
}
ul.footer-mnu li a{
	font-weight: 300;
	font-size: var(--fz16);
}
ul.footer-mnu li.active a,
ul.footer-mnu li a:hover{
	text-decoration: underline;
}
.box-copyright{
	font-weight: 300;
	font-size: var(--fz14);
}
.box-copyright a{
	text-decoration: underline;
	padding-left: clamp(20px, 4.8vw, 65px);
}
.box-copyright a:hover{
	text-decoration: none;
}
.bottom-footer {
    display: grid;
    grid-template-columns: 1fr 120px 1fr;
    align-items: center;
}
.bottom-footer .box-scripts{
	text-align: center;
}
.bottom-footer .box-galaxy {
    display: flex;
    justify-content: end;
}
.galaxy {
    color: #fff;
    font-size: 12px;
    background-image: url(/template/img/logo_gala_color.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px;
    max-width: 154px;
    min-width: 154px;
    font-family: "Open Sans", sans-serif;
}
.galaxy a {
    color: #fff;
    text-decoration: underline;
}
.galaxy a:hover{
    text-decoration: none;
}
.date-news-item{
	display: inline-block;
	background-color: var(--color-main);
	color: #fff;
	border-radius: 50px;
	padding: 0 17px;
	font-weight: 300;
	font-size: var(--fz14);
	line-height: 200%;
	margin-bottom: clamp(20px, 2.6vw, 35px);
}

.content-404 {
    text-align: center;
}
p.number-404 {
    font-weight: 700;
    font-size: 300px;
    font-size: clamp(7rem, 18vw, 16.7rem);
    text-align: center;
    color: #c5c5c5;
    line-height: 115%;
}
.content-404 a.btn-main {
    padding: 23px 20px;
}

.descr-category{
	margin-bottom: clamp(20px, 2.7vw, 36px);
}
.descr-category-bottom {
    margin-top: clamp(20px, 2.7vw, 36px);
}

.page-product .product-top-grid {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: clamp(20px, 3vw, 40px);
    margin-bottom: clamp(30px, 3.8vw, 60px);
}
.page-product .heading-main {
	font-size: var(--fz35);
}
.page-product .product-characteristics{
	margin-bottom: clamp(25px, 2.2vw, 35px);
	font-weight: 300;
	font-size: var(--fz15);
	color: #a7a7a7;
}
.page-product .product-characteristics p{
	font-weight: 300;
	font-size: var(--fz15);
	color: #a7a7a7;
	margin-bottom: 15px;
}
.page-product .product-characteristics p b,
.page-product .product-characteristics p strong{
	color: #333;
}
.page-product .wrap-price-item {
    display: flex;
    column-gap: 10px;
    align-items: end;
    margin-bottom: clamp(25px, 2.2vw, 35px);
}
.page-product .wrap-price-item .price-new{
	font-weight: 500;
	font-size: var(--fz32);
	line-height: 100%;
}
.page-product .wrap-price-item .price-old{
	font-weight: 300;
	font-size: var(--fz14);
	text-decoration: line-through;
	color: #8b949d;
}
.basket-controls {
    display: flex;
    border: 1px solid #a7a7a7;
    border-radius: 35px;
    background-color: #fff;
    height: 42px;
    width: 111px;
}
.basket-controls input {
    text-align: center;
    height: 100%;
    font-weight: 400;
    font-size: var(--fz20);
    padding: 0 !important;
    border: none !important;
    outline: none !important;
    height: 100% !important;
}
.basket-controls button {
    border: none;
    background: none;
    padding: 0 13px 1px;
}
.basket-controls button svg path{
	transition: all .3s;
}
.basket-controls button:hover svg path{
	fill: var(--color-main);
}
div#product_basket_controls {
    display: flex;
    align-items: center;
    column-gap: 15px;
}
div#product_basket_controls .btn_to_basket.btn.btn-main{
	max-width: 143px;
	height: 42px;
}

.slider-nav-product .box-image {
    border: 1px solid #ecf2f9;
    border-radius: 15px;
    height: 121px;
    max-width: 127px;
    cursor: pointer;
    overflow: hidden;
    padding: 5px;
}
.slider-nav-product .box-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.slider-nav-product .slick-slide.slick-current .box-image {
    border-color: var(--color-main);
}
.slider-nav-product {
    margin-left: -6px;
    margin-right: -6px;
}
.slider-nav-product .slick-slide {
    margin: 0 6px;
}
.slider-nav-product .slick-arrow {
    background: transparent;
    height: 100%;
    border-radius: 5px;
    width: 15px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s;
    opacity: 1;
}

.wrap-slider-product .slider-for {
    border: 1px solid #ecf2f9;
	border-radius: 15px;
    padding: 25px;
    margin-bottom: 12px;
}
.wrap-slider-product .slider-for .box-image {
    width: 100%;
    height: 496px;
}
.wrap-slider-product .slider-for .box-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.tabs-wrapper .tabs {
    display: flex;
    margin-bottom: clamp(15px, 2.2vw, 30px);
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.tabs-wrapper .tabs span.tab {
    border: 1px solid #d9d9d9;
    padding: 14px 15px;
    font-weight: 600;
    font-size: var(--fz20);
    text-align: center;
    line-height: 1.2;
    flex-grow: 1;
    flex-basis: 0;
    cursor: pointer;
    white-space: nowrap;
    transition: all .3s;
}
.tabs-wrapper .tabs span.tab.active{
	border-color: var(--color-main);
	color: var(--color-main);
}

.card {
    display: grid;
    grid-template-columns: 76px 1fr 130px 130px 90px;
    background-color: var(--color-secondary);
    border: none;
    margin-bottom: 23px;
    padding: 15px 20px;
    border-radius: 10px;
    align-items: center;
    column-gap: 22px;
}
.card .box-img {
    border: 1px solid #ecf2f9;
    border-radius: 15px;
    width: 76px;
    height: 76px;
    overflow: hidden;
    padding: 5px;
    background-color: #fff;
}
.card .box-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.card .card_name a {
    font-weight: 500;
    font-size: var(--fz16);
    color: #333;
}
.card .card_name a:hover {
    color: var(--color-main);
}
.card .card_name .price-new{
	font-weight: 400;
	font-size: var(--fz16);
	line-height: 175%;
	color: var(--color-main);
}
.card .card_num,
.card .card_price,
.card .card_del{
	text-align: center;
}
.card .card_price .lead{
	font-weight: 500;
	font-size: var(--fz20);
}

.card .card_del a{
	font-weight: 400;
	font-size: var(--fz14);
	color: #a7a7a7;
	display: flex;
	align-items: center;
	column-gap: 7px;
	justify-content: center;
}
.card .card_del a:before{
	content: '';
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2058_3957)'%3E%3Cpath d='M14.9639 12.027L15.4524 6.01181H15.9118C16.0841 6.01181 16.2476 5.93597 16.359 5.80444C16.4704 5.67307 16.5182 5.49927 16.4898 5.32928L16.2405 3.83759C16.1031 3.0162 15.3991 2.41989 14.5663 2.41989H12.4726V2.04559C12.4726 0.917664 11.5531 0 10.4228 0H8.69225C7.56188 0 6.64239 0.917664 6.64239 2.04575V2.42004H4.54873C3.7159 2.42004 3.01171 3.0162 2.87453 3.83759L2.6252 5.32928C2.59682 5.49927 2.64458 5.67307 2.75597 5.8046C2.86736 5.93613 3.03078 6.01181 3.20306 6.01181H3.6625L4.49196 16.2259C4.53881 16.8031 4.79973 17.3372 5.22652 17.7298C5.65285 18.1219 6.20705 18.3379 6.78689 18.3379H9.82308C10.5903 19.3469 11.8047 20.0002 13.1695 20.0002C15.4841 20.0002 17.3673 18.1215 17.3673 15.8124C17.3673 14.1432 16.3834 12.6994 14.9639 12.027ZM7.81426 2.04575C7.81426 1.56387 8.20809 1.17188 8.69225 1.17188H10.4228C10.9069 1.17188 11.3007 1.56387 11.3007 2.04575V2.42004H7.81426V2.04575ZM3.89519 4.83994L4.03039 4.03076C4.07281 3.7764 4.29085 3.59192 4.54873 3.59192H14.5663C14.8241 3.59192 15.0422 3.77655 15.0846 4.03076L15.22 4.83994H3.89519ZM9.19671 17.1658H6.78689C6.20202 17.1658 5.70717 16.7113 5.66003 16.131L4.83834 6.01181H14.2767L13.8169 11.6743C13.6057 11.6415 13.3895 11.6245 13.1695 11.6245C10.8547 11.6245 8.97164 13.5031 8.97164 15.8122C8.97164 16.2857 9.05083 16.741 9.19671 17.1658ZM13.1693 18.8281C11.5009 18.8281 10.1434 17.4753 10.1434 15.8122C10.1434 14.1493 11.5009 12.7963 13.1693 12.7963C14.8379 12.7963 16.1955 14.1493 16.1955 15.8122C16.1955 17.4753 14.8379 18.8281 13.1693 18.8281Z' fill='%23A7A7A7' /%3E%3Cpath d='M14.7631 14.2235C14.5346 13.9945 14.1636 13.9938 13.9344 14.2223L13.1697 14.9849L12.4049 14.2223C12.1757 13.9938 11.8048 13.9943 11.5763 14.2235C11.3478 14.4527 11.3484 14.8236 11.5774 15.052L12.3399 15.8124L11.5774 16.5727C11.3484 16.8012 11.3478 17.1721 11.5763 17.4013C11.6908 17.516 11.8409 17.5736 11.9912 17.5736C12.1409 17.5736 12.2906 17.5165 12.4049 17.4025L13.1697 16.6399L13.9344 17.4025C14.0489 17.5165 14.1986 17.5736 14.3483 17.5736C14.4986 17.5736 14.6487 17.516 14.7631 17.4013C14.9917 17.1721 14.9911 16.8012 14.7619 16.5727L13.9996 15.8124L14.7619 15.052C14.9911 14.8236 14.9917 14.4527 14.7631 14.2235Z' fill='%23A7A7A7' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2058_3957'%3E%3Crect width='20' height='20.0001' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}
.itog {
    text-align: right;
    font-weight: 400;
    font-size: var(--fz24);
    color: var(--color-text);
    margin-bottom: 15px;
}
.itog span#basket_total_price{
	font-weight: 500;
	font-size: var(--fz35);
	color: var(--color-main);
}
.cart-descr{
	background-color: #fff;
	padding: clamp(15px, 2.2vw, 30px);
	background-color: var(--color-secondary);
	border: 1px solid #eaebef;
	border-radius: 15px;
	margin-top: clamp(20px, 2.6vw, 35px);
}
.cart-descr h2{
	padding-top: 0;
}

.form_basket .form-text-bottom {
    color: #333;
}
.form_basket .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.form_basket input.form-control, 
.form_basket textarea.form-control{
	border-radius: 15px;
}
.form_basket textarea.form-control[name="note"]{
	height: 208px;
}

.form_basket .box-delivery {
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin-bottom: 31px;
    flex-wrap: wrap;
}
.form_basket .box-delivery .type_delivery {
    font-size: var(--fz16);
    font-weight: 500;
    display: flex;
}
.form_basket label.wrap-address {
    width: 100%;
    margin: 0;
}
.type_delivery input[type=radio] {
    display: none !important;
}
.type_delivery label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 0;
    line-height: 18px;
    user-select: none;
}
.type_delivery label:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    bottom: 1px;
    border-radius: 100%;
    background: transparent;
    border: 2px solid var(--color-main);
    background-color: #fff;
    transition: all .1s;
}
.type_delivery input[type=radio]:checked + label:before {
    border: 5px solid var(--color-main);
}
.form_basket .heading-delivery {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 50px;
}
.btn-main.btn-payment {
    background-color: #fff;
    color: var(--color-main);
    border: 1px solid var(--color-main);
    display: flex;
    align-items: center;
    column-gap: 10px;
    justify-content: center;
    cursor: pointer;
}
.btn-main.btn-payment svg path {
    fill: var(--color-main);
    transition: all .3s;
}
.btn-main.btn-payment:hover{
	background-color: var(--color-main);
	color: #fff;
}
.btn-main.btn-payment:hover svg path {
    fill: #ffffff;
}
.box-btn-cart {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: clamp(20px, 2.6vw, 35px);
    flex-wrap: wrap;
}
.box-btn-cart .btn_main_form{
	margin-top: 0;
}

.result .lead{
	font-weight: 700;
	font-size: var(--fz24);
	margin-bottom: 20px;
	padding-top: 10px;
}
.result .pages{
	margin-bottom: 20px;
}
.result .pages li a{
	color: var(--color-main);
	text-decoration: underline;
}
.result .pages li a:hover{
	text-decoration: none;
}
.result .pages li{
	margin-bottom: 5px;
}
.result .index-product {
    margin-bottom: 30px;
}

.btn_up {
    position: fixed;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    z-index: 10;
}
.btn_up path {
	transition: all .3s;
    fill: var(--color-main);
}
.btn_up:hover path{
	fill: var(--color-hover-btn);
}

.slider-for button.slick-prev {
	opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='25' fill='white' /%3E%3Cpath d='M29 17L21 25L29 33' stroke='%23333333' stroke-width='2' /%3E%3C/svg%3E");
}
.slider-for button.slick-next{
	opacity: 1;
	background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='25' transform='matrix(-1 0 0 1 50 0)' fill='white' /%3E%3Cpath d='M21 17L29 25L21 33' stroke='%23333333' stroke-width='2' /%3E%3C/svg%3E");
}

.block-plus {
    padding-bottom: clamp(35px, 5.2vw, 70px);
}
.block-plus .grid-plus {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: clamp(20px, 3vw, 40px);
}
.block-plus .grid-plus .icon {
    width: 87px;
    height: 87px;
    background-repeat: no-repeat;
    background-size: contain;
}
.block-plus .grid-plus .name {
    font-weight: 600;
    font-size: var(--fz24);
    margin-top: 15px;
    position: relative;
    padding-bottom: 17px;
    margin-bottom: 15px;
    line-height: 1.2;
}
.block-plus .grid-plus .name:before {
    content: '';
    display: block;
    width: 100px;
    height: 2px;
    max-width: 30%;
    background-color: var(--color-main);
    position: absolute;
    left: 0;
    bottom: 0;
}
.block-plus .grid-plus .descr {
    font-weight: 300;
    font-size: var(--fz18);
    line-height: 144%;
}