/*
1-----color fonts
2-----reset
3-----header
4-----body
5-----footer
6-----form
7-----woocomerce
8-----media
*/
/*1------------------------------------------------------------------------------------------------------- Color,media,fonts*/
:root {
--color-text: #050000;
--color-primary: #442a19;
--color-second: #1c8400;
--color-white: #fff;
--color-gray: #fafafa;

--fonts-Montserrat: Montserrat, sans-serif;
--fonts-Rubik: Rubik, sans-serif;
}
/*2------------------------------------------------------------------------------------------------------- Reset and base styles*/
::-webkit-scrollbar {
width: 8px;
background: #F3F3F5;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px grey;
box-shadow: inset 0 0 2px grey;
border-radius: 0;
}
::-webkit-scrollbar-thumb {
background: var(--color-primary);
}
::-webkit-scrollbar-thumb:hover {
background: var(--color-primary);
}
* {
padding: 0px;
margin: 0px;
border: none;
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow-y: scroll;
scroll-behavior: smooth;
}
body {
scroll-behavior: smooth;
font-family: var(--fonts-Montserrat);
font-weight: 400;
overflow-x: hidden;
background-color: var(--color-white);
font-size: 16px;
}
:focus,
:active {
outline: none;
}
h1, h2, h3, p, .p {
margin-bottom: 15px;
line-height: 1.5;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 25px;
}
h3 {
font-size: 20px;
}
.title {
font-size: 20px;
font-weight: 700;
margin-bottom: 15px;
line-height: 1.5;
}
section {
padding: 50px 0px;	
clear: both;
}
.p ul, .p ol,
.text ul, .text ol {
margin-bottom: 15px;
margin-top: 5px;
}
.p ul, .p ol,
.text ul li, .text ol li {
margin-bottom: 5px;
list-style-position: inside;
text-indent: 15px;
overflow: hidden;
}
a:focus,
a:active {
outline: none;
}
a {
color: var(--color-text);	
}
a, a:link, a:visited {
text-decoration: none;
display: inline-block;
-webkit-tap-highlight-color: transparent;
}
a:hover {
text-decoration: none;
}
.clear {
clear: both;	
}
.mt-15 {
margin-top: 15px;
}
.mt-30 {
margin-top: 30px;
}
.mt-50 {
margin-top: 50px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-50 {
margin-bottom: 50px;
}
.pb-0 {
padding-bottom: 0px;
}
.pb-50 {
padding-bottom: 50px;
}
.list-none {
list-style: none;
}
.black {
background-color: var(--color-text);
}
.white, .white a {
color: var(--color-white);
}
.brown {
background-color: var(--color-primary);
}
.green {
background-color: var(--color-second);	
}
.white-bg {
background-color: var(--color-white);	
}
.only-mobile {
display: none;
}
.btn {
font-size: 20px;
font-weight: 500;	
color: var(--color-white);
padding: 20px 25px;
border: 2px solid transparent;
}
.btn.outline {
color: var(--color-text);
border-color: var(--color-text);
}
.btn:hover {
-webkit-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .2);
box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .2);	
-webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;	
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;	
-o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;	
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;	
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;	
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, 
-webkit-box-shadow .15s ease-in-out;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}
.container {
max-width: 1280px;
padding: 0 15px;
margin: 0 auto;
position: relative;
}
.d-block {
display: block;
}
.d-inline {
display: inline-block;	
}
.d-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.d-grid {
display: grid;	
}
.col-2 {
grid-template-columns: repeat(2, 1fr);
}
.col-3 {
grid-template-columns: repeat(3, 1fr);
}
.col-4 {
grid-template-columns: repeat(4, 1fr);
}
.text {
margin-top: 30px;
}
.uppercase {
text-transform: uppercase;	
}
.gap {
gap: 30px;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;	
}
.text-wrap ul, .text-wrap ol {
margin-left: 15px;
margin-bottom: 15px;
}
.text-wrap li {
margin: 0;
padding-left: 20px;
list-style-position: inside;
text-indent: -15px;
overflow: hidden;
line-height: 1.5;
}
.grey-bg {
background-color: var(--color-gray);
}
.swiper-container {
overflow: hidden;
}
.swiper-block .swiper-slide a {
height: 350px;
width: 100%;
}
#delivery_swiper .swiper-slide {
height: 150px;
}
.swiper-container .swiper-slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
}
#delivery_swiper .swiper-slide img {
-o-object-fit: contain;
   object-fit: contain;
padding: 25px;
}
.swiper-button-next, .swiper-button-prev {
color: var(--color-primary);	
}
#related-swiper {
padding-bottom: 80px;
}
#related-swiper .swiper-slide li.product {
width: inherit;
}
.woocommerce-product-gallery .swiper-slide,
.woocommerce-product-gallery .swiper-slide a {
height: 350px;
width: 100%;	
}
.woocommerce-product-gallery .swiper-slide img,
.woocommerce-product-gallery .swiper-container .swiper-slide img {
width: 100%!important;
height: 100%!important;
-o-object-fit: contain;
   object-fit: contain;
object-position: center;	 
}
.swiper-pagination-clickable .swiper-pagination-bullet {
border-radius: 0px;
width: 20px;
height: 10px;
}
.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--color-second);
}
.white-popup-block {
background-color: var(--color-white);
padding: 30px;
margin: 0 auto;
position: relative;
}
.order-form {
max-width: 600px;
}
.consult-form,
.contact-form {
max-width: 550px;	
}
.success-popup {
max-width: 350px;
}
.navigation.pagination {
border-top: 1px solid #f6f4f3;
padding-top: 30px;	
}
.navigation.pagination .page-numbers {
font-size: 18px;
font-weight: 700;
padding: 0 8px;
margin: 0 5px;
}
.navigation.pagination .page-numbers:hover {
color: var(--color-second);	
}
.navigation.pagination .page-numbers.current {
color: var(--color-second);
border: 2px solid;
}
.navigation.pagination .page-numbers.prev, .navigation.pagination .page-numbers.next {
width: 20px;
height: 20px;
}
.navigation.pagination .page-numbers.next {
background-image: url(/wp-content/uploads/arrow-small-right.svg);	
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin-bottom: -4px;
}
.navigation.pagination .page-numbers.prev {
background-image: url(/wp-content/uploads/arrow-small-left.svg);	
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin-bottom: -4px;
}
.hidden {
display: none!important;
opacity: 0;	
}
.after__price {
position: absolute;
left: 65px;
bottom: 7px;
}
/*3------------------------------------------------------------------------------------------------------- Header styles*/
.black-block {
background-color: var(--color-text);
z-index: 2;
position: relative;
}
header.header {
padding: 10px 15px;
gap: 15px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 3;
background-color: var(--color-text);
}
header.header .logo img {
max-width: 100px;	
}
header.header .contact a {
font-weight: 700;
font-size: 22px;
color: var(--color-white);
}
header.header .contact a span{
font-size: 18px;	
}
header.header .contact li.social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;	
gap: 8px;
}
header.header .contact li img {
height: 25px;	
width: 25px;
}
header.header .contact li {
position: relative;	
}
header.header .contact li:first-child::after {
content: '';
width: 2px;
height: 25px;
background-color: var(--color-white);
position: absolute;
right: -16px;
top: 0;
}
header .order {
gap: 15px;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;	
}
header .lang li {
padding-top: 2px;	
padding-right: 3px;
padding-left: 3px;
font-weight: 500;
}
header .lang li:first-child {
border-bottom: 1px solid var(--color-second);	
}
header .lang li.current-lang a {
color: var(--color-white);	
cursor: default;
}
.header-nav {
position: relative;
z-index: 3;	
margin-bottom: -1px;
}
.header-nav .sub-menu span {
padding-right: 10px;	
position: relative;
}
.header-nav .sub-menu span::after {
content: '';
width: 15px;
height: 15px;
position: absolute;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;	
background-image: url(/wp-content/uploads/down.svg);	
right: -10px;
top: 2px;
}
#breadcrumbs {
margin-bottom: 0px;	
font-size: 15px;
font-weight: 500;
}
.breadcrumbs {
background-color: #fcfcfc;
}
.breadcrumbs .d-flex {
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.header-nav ul {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
    justify-content: space-around;
gap: 30px;
}
.header-nav ul li a {
color: var(--color-white);
padding: 20px 25px;
}
.header-nav ul li.current-menu-item a,
.header-nav ul li a:hover {
background-color: #573620;
}
.header-category {
background-color: var(--color-white);	
padding-top: 30px;
padding-bottom: 30px;
position: absolute;
z-index: -5;
visibility: hidden;
width: 100%;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
-webkit-box-shadow: 1px 8px 10px rgba(0, 0, 0, .15);
        box-shadow: 1px 8px 10px rgba(0, 0, 0, .15);
}
.header-category.transformed {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
z-index: 2;
visibility: visible;
}
.header-category .second-menu ul {
list-style: none;
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.header-category .second-menu ul li ul.sub-menu {
display: block;
padding-left: 10px;
}
.header-category .second-menu ul li ul.sub-menu li a {
padding: 5px;
font-size: 12px;
}
.header-category .second-menu ul li a {
font-size: 15px;	
color: var(--color-primary);	
font-weight: 500;
padding: 8px 5px; 	
-webkit-box-shadow: none; 	
        box-shadow: none;
}
.header-category .second-menu ul li a:hover {
color: #1c8400;	
}
.mobile-menu {
position: fixed;
z-index: 99999;
background-color: var(--color-white);
width: 100%;
height: 100%;	
top: 0;
overflow-y: scroll;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mobile-menu.active {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mobile-menu .header-menu {
position: relative;
border-bottom: 1px solid #d8d8d8;
background-color: var(--color-text);
}
.mobile-menu .header-menu img {
max-width: 100px;
padding: 15px;
}
.mobile-menu .header-menu .close {
position: absolute;
top: 15px;
right: 15px;	
}
.mobile-menu .header-menu .close svg {
width: 15px;	
height: 15px;
cursor: pointer;
fill: #fff;
}
.mobile-menu .nav-menu {
padding: 20px;
}
.mobile-menu .nav-menu .menu {
list-style: none;	
}
.mobile-menu .nav-menu a {
font-weight: 500;	
line-height: 30px;
}
.mobile-menu .nav-menu .current-menu-item a {
font-weight: 600;
color: var(--color-second);	
}
.mobile-menu .footer-menu {
border-top: 1px solid #d8d8d8;
padding: 20px;
}
.mobile-menu .footer-menu img {
width: 15px;	
}
.mobile-menu .footer-menu li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
font-size: 15px;
font-weight: 600;
margin-bottom: 10px;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
/*4------------------------------------------------------------------------------------------------------- Body styles*/
.baner-wrap {
background-blend-mode: multiply;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: rgb(0 0 0 / 65%);
min-height: 600px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}
.baner-wrap h1 {
line-height: 45px;
}
.baner-wrap .container {
max-width: 900px;
}
.form-wrap {
position: relative;	
margin: 50px 0px;
padding: 0px;
}
.form-wrap .item {
width: calc(100% / 2);
padding: 30px;
-ms-flex-line-pack: center;
    align-content: center;
}
.form-wrap .item.form {
padding: 30px 50px;
}
.form-wrap::before {
content: '';	
position: absolute;
width: 100%;
height: 100%;
left: 50%;
background-image: url(/wp-content/uploads/form-bg-1.jpg);
background-size: cover;
background-blend-mode: multiply;
background-position: right;
background-repeat: no-repeat;
background-color: rgb(87 54 32 / 25%);
}
.form-wrap ul {
margin: 50px 0px;	
}
.form-wrap ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;	
font-size: 20px;
font-weight: 600;	
margin-bottom: 15px;
gap: 15px;
}
.form-wrap ul li span {
height: 50px;
width: 50px;
}
.form-wrap ul li span img {
width: 100%;
height: 100%;
-o-object-fit: contain;
   object-fit: contain;
}
.form-wrap .item.form .white-bg {
padding: 50px;
position: relative;
z-index: 1;
}
.contact-wrap .info-block {
gap: 15px;
-ms-flex-pack: distribute;
    justify-content: space-around;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
.contact-wrap .info-block .title {
font-size: 20px;
font-weight: 700;	
}
.contact-wrap .social {
gap: 15px;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
.contact-wrap .social img {	
height: 30px;
}
.contact-wrap .social a {
font-weight: 700;
font-size: 25px;	
}
.info-wrap .border-dekor {
border: 2px dotted #e3e3e3;
padding: 0 40px 40px;
margin-top: 100px;
}
.info-wrap .border-dekor .img-block {
height: 200px;
width: 100%;
overflow: hidden;
margin-top: -50px;
}
.info-wrap .border-dekor .img-block img {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
}
.info-wrap .border-dekor .text {
margin-top: 40px;
font-weight: 500;
font-size: 20px;
}
.contact-wrap .contact ul li {
font-size: 20px;
font-weight: 600;
margin-bottom: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
.contact-wrap .contact ul li img {
width: 35px;	
}
.contact-wrap .contact ul li a img {
width: 30px;
}
/*5------------------------------------------------------------------------------------------------------- Footer styles*/
footer {
padding: 30px 0px;
}
footer .logo img {
max-width: 150px;
margin-bottom: 30px;
}
footer .footer-nav {
padding: 20px 0px;
margin-top: 50px;
}
footer .footer-nav ul {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack:center;
    -ms-flex-pack:center;
        justify-content:center;
gap: 30px;
}
footer .footer-nav ul a {
color: var(--color-white);
font-size: 16px;
font-weight: 500;
}
footer .icon svg {
height: 20px;
width: 20px;
fill: var(--color-white);
}
footer .list-none a {
font-size: 20px;
font-weight: 600;
}
footer .list-none li {
text-align: center;
margin-bottom: 15px;
}
footer .list-none li.social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
gap: 10px;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
footer .list-none a img {
width: 30px;
}
footer #copyright a {
font-size: 20px;
font-weight: 600;	
}
a.scroll-top {
display: none;
position: fixed;
height: 40px;
border-radius: 50%;
padding: 0px;
width: 40px;
right: 30px;
bottom: 30px;
text-align: center;
z-index: 999 !important;
border: 0;
background: var(--color-primary);
line-height: 40px;
-webkit-animation: scale-up-center 0.5s both;
animation: scale-up-center 0.5s both;
}
a.scroll-top svg {
fill: var(--color-white);
height: 14px;
position: relative;
z-index: 123;
}
a.scroll-top.active {
display: block;
}
/*6------------------------------------------------------------------------------------------------------- Form styles*/
.wpcf7-spinner,
.wpcf7-response-output,
.wpcf7-not-valid-tip {
display: none;	
}
form input[type=date], form input[type=email], form input[type=number], form input[type=password], form input[type=search], form input[type=tel], form input[type=text], form input[type=url], form select {
margin-bottom: 15px;
border-radius: 0px;
padding: 15px 25px;
width: 100%;
border: 2px solid #e3e3e3;
}
form select {
padding: 10px;
}
form input[type=date]:focus-visible, form input[type=email]:focus-visible, form input[type=number]:focus-visible, form input[type=password]:focus-visible, form input[type=search]:focus-visible, form input[type=tel]:focus-visible, form input[type=text]:focus-visible, form input[type=url]:focus-visible, form select:focus-visible, form textarea:focus-visible {
outline: 1px;
}
form textarea {
border: 2px solid #e3e3e3;
border-radius: 0px;
min-height: 150px;
height: 150px;
padding: 15px 25px;
margin-bottom: 15px;
width: 100%;
}
form input[type=submit] {
background-color: var(--color-second);
border-color: var(--color-second);
color: var(--color-white);
border-radius: 0px;
padding: 20px 25px;
text-transform: uppercase;
width: 100%;
font-weight: 500;
cursor: pointer;
}
form input[type=submit]:hover, form input[type=submit]:focus {
background-color: var(--color-second);
border-color: var(--color-second);
-webkit-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .2);
box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .2);	
-webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;	
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;	
-o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;	
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;	
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;	
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, 
-webkit-box-shadow .15s ease-in-out;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}
.flex__input {
display: grid;
grid-template-columns: repeat(2, 1fr);
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
}
label {
width: 100%;
font-weight: bold;
font-size: 13px;
line-height: 23px;	
}
form p {
margin-bottom: 0px	
}
form .accept {
font-size: 13px;	
}
form .accept a {
border-bottom: 1px dashed;	
}
.wpcf7-not-valid {
border-color: #e1a0a0!important;
}
.product-info {
background-color: #f0f0f0;	
border: 1px solid #d4d4d4;
}
.product-info .d-flex {
grid-area: 15px;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.product-info .product-image {
-ms-flex-negative: 0;
    flex-shrink: 0;
width: 150px;
height: 100px;
background-color: var(--color-white);
overflow: hidden;
}
.product-info .product-image img {
-o-object-fit: contain;
   object-fit: contain;
-o-object-position: center;
   object-position: center;
height: 100%;
width: 100%;
}
.product-info .product-title {
width: calc(100% - 165px);
padding: 15px;
font-weight: 600;
}
/*7------------------------------------------------------------------------------------------------------- Woo styles*/
.sidebar {
width: 350px;
}
.sidebar a {
display: block;
padding: 20px;
font-weight: 600;
font-size: 16px;
background-color: #f6f4f4;
}
.sidebar a:hover,
.sidebar a.active {
background-color: var(--color-second);
color: var(--color-white);	
-webkit-transition: all .3s ease 0s;	
-o-transition: all .3s ease 0s;	
transition: all .3s ease 0s;
}
.catalog {
width: calc(100% - 350px);
}
.catalog .child-cat {
width: calc(100% / 4 - 10px);
}
.catalog .d-wrap {
gap: 10px;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.catalog .d-wrap .child-cat a {
display: block;
}
.catalog .d-wrap .img-cat {
height: 150px;
position: relative;
overflow: hidden;
}
.catalog .d-wrap .img-cat img {
-o-object-fit: cover;
   object-fit: cover;
width: 100%;
height: 100%;
}
.catalog .d-wrap .child-cat .child-title {
font-weight: 600;
font-size: 14px;
padding: 15px 0px;
}
.shop-row {
gap: 15px;	
-ms-flex-wrap: wrap;	
    flex-wrap: wrap;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}
.shop-row .col-shop {
width: calc(100% / 4 - 13px);
}
.shop-row .col-shop .img-cat {
height: 200px;
position: relative;
overflow: hidden;
}
.shop-row .col-shop .img-cat img {
-o-object-fit: cover;
   object-fit: cover;
width: 100%;
height: 100%;	
}
.shop-row .col-shop .img-cat::before {
content: '';
width: 100%;
height: 100%;
background-color: rgb(87 54 32 / 25%);
position: absolute;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}
.shop-row .col-shop:hover .img-cat::before {
background-color: transparent;	
-webkit-transition: all .3s ease 0s;	
-o-transition: all .3s ease 0s;	
transition: all .3s ease 0s;
}
.shop-row .col-shop .title-cat {
font-weight: 600;
padding: 15px 0px;
}
.cat-block {
margin: 30px 0px;	
}
.cat-block .col-shop {
width: calc(100% / 3 - 13px);
}
.cat-block .col-shop .img-cat {
height: 250px;
}
.woocommerce li.product h2.woocommerce-loop-product__title {
font-weight: 500;;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
margin-bottom: 35px;
}
.woocommerce .product a.more-link {
position: absolute;
right: 0;
bottom: 0;	
background-color: #F6F4F3;		
padding: 5px;
border-radius: 0px;
width: 35px;
height: 35px;
}
.woocommerce .product a.more-link:hover {
background-color: #d4d4d4;	
}
.woocommerce .product a.more-link svg {
-o-object-fit: contain;
   object-fit: contain;
width: 100%;
height: 100%;	
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
color: var(--color-text);	
position: absolute;
left: 0px;
bottom: 0px;
}
.woocommerce .summary.entry-summary .d-flex {
gap: 15px;
-ms-flex-pack: distribute;
    justify-content: space-around;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
.woocommerce .info-block ul li:not(:last-child) {
margin-bottom: 10px;
padding-bottom: 8px;
border-bottom: 1px dashed #e2e2e2;
}
.woocommerce .info-block ul li .item {
padding: 0 10px;
}
.woocommerce .summary.entry-summary .price {
font-size: 20px;
}
.woocommerce .summary.entry-summary .price bdi {
margin-left: 10px;	
font-weight: 700;
font-size: 25px;	
}
.woocommerce .summary.entry-summary .price bdi .woocommerce-Price-currencySymbol {
font-weight: 500;
font-size: 20px;	
}
.woocommerce ul.products li.product .price {
font-size: 15px;
}
.product-item__wrapper-image .swiper-paginat.swiper-pagination-clickable {
display: flex;
justify-content: center;
margin-top: 40px;
}
/*8------------------------------------------------------------------------------------------------------- Media styles*/
@media only screen and (max-width : 1680px) {

}
@media only screen and (max-width : 1366px) {

}
@media only screen and (max-width : 1280px) {

}
@media only screen and (max-width : 1024px) {
h1 {
font-size: 25px;
}	
h2 {
font-size: 20px;
}
header.header .logo img {
max-width: 80px;
}
header.header .contact a {
font-size: 17px;
}
header.header .contact li img {
height: 20px;
}
.btn {
font-size: 17px;
padding: 15px 20px;
}
section {
padding: 30px 0px;
}
.baner-wrap {
min-height: 450px;	
}
.contact-wrap .contact ul li img {
width: 29px;
}
.sidebar {
width: 250px;
}
.catalog {
width: calc(100% - 250px);
}
.sidebar a {
padding: 15px;
font-size: 12px;
}
.woocommerce-product-gallery .swiper-slide {
height: 300px;
}
.shop-row .col-shop {
width: calc(100% / 3 - 10px);
}
footer .list-none a {
font-size: 17px;
}
footer .list-none a img {
width: 20px;
}
}
@media only screen and (max-width : 800px)  {
header.header .logo img {
max-width: 80px;
}	
header.header .contact li.social {
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
.header-nav ul {
gap: 0px;
}
.header-nav ul li a {
padding: 15px;
}
header .item.contact .d-flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
gap: 5px;
}
header .item.contact .d-flex li span {
display: inline;	
margin-left: 10px;
}
header.header .contact li:first-child::after {
content: none;	
}
.info-wrap .border-dekor {
padding: 0 15px 30px;
}
.info-wrap .border-dekor .text {
font-size: 18px;
}
.info-wrap .border-dekor .img-block {
height: 170px;
}
.swiper-block .swiper-slide a {
height: 250px;
}
.form-wrap::before {
content: none;
}
.form-wrap .d-flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;	
}
.form-wrap .item {
width: 100%;
}
.form-wrap .item.form {
position: relative;	
}
.form-wrap .item.form::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-image: url(/wp-content/uploads/form-bg-1.jpg);
background-size: cover;
background-blend-mode: multiply;
background-position: right;
background-repeat: no-repeat;
background-color: rgb(87 54 32 / 25%);
left: 0;
top: 0;
}
.form-wrap .item.form {
padding: 50px;
}
.works-wrap .col-4 {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width : 768px)  {
.header-category {
display: none;
}	
header .order .btn {
display: none;
}
.header-nav.brown {
display: none;
}
.only-mobile {
display: block;
z-index: 5;
position: relative;
}
.only-mobile.brown .d-flex {
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;	
-webkit-box-align: center;	
    -ms-flex-align: center;	
        align-items: center;
gap: 15px;
}
.only-mobile.brown a {
color: var(--color-white);
font-size: 14px;
padding: 5px 0px;	
opacity: 0.8;
}
.only-mobile.brown a img {
height: 15px;	
}
header .item.contact {
display: none;
}
.mobile-menu .second-menu .sub-menu li {
list-style: none;
padding-left: 15px;
font-size: 14px;
}
.contact-wrap .col-2,
.info-wrap .col-3 {
grid-template-columns: repeat(1, 1fr);
}
.info-wrap .col-3 .item.border-dekor {
max-width: 380px;
justify-self: center;
}
.order .icon {
font-weight: 600;	
color: var(--color-white);
padding-left: 20px;
cursor: pointer;
position: relative;
}
.order .icon::before {
content: '';
width: 15px;
height: 15px;
position: absolute;
left: 0;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
.order .cat.icon::before {
background-image: url(/wp-content/uploads/apps.svg);
}
.order .links.icon::before {
background-image: url(/wp-content/uploads/menu-burger.svg);
}
.woocommerce .sidebar {
position: absolute;
visibility: hidden;
}
.woocommerce .catalog {
width: 100%;
}
.woocommerce .products.columns-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);		
gap: 25px;
}
.woocommerce .products.columns-3 li {
width: 100%!important;	
}
.woocommerce ul.products.columns-3::after,
.woocommerce ul.products.columns-3::before {
display: none;
}
.woocommerce li.product h2.woocommerce-loop-product__title {
font-size: 15px!important;
}
#related-swiper {
padding-bottom: 115px;
}
.contact-wrap .contact ul li {
font-size: 15px;
margin-bottom: 10px;
}
.contact-wrap .contact ul li a img,
.contact-wrap .contact ul li img {
width: 20px;
}
footer .col-3 {
grid-template-columns: repeat(1, 1fr);
}
}
@media only screen and (max-width : 600px)  {

}
@media only screen and (max-width : 533px)  {
body {
font-size: 12px;	
}	
header.header .logo img {
max-width: 50px;
}
.works-wrap .col-4 {
grid-template-columns: repeat(2, 1fr);
}
.mobile-menu .header-menu img {
max-width: 80px;
}
.only-mobile.brown a {
font-size: 10px;
}
.mobile-menu .second-menu .sub-menu li {
font-size: 10px;
}
.mobile-menu .second-menu .sub-menu li a {
line-height: 15px;	
}
header .order {
gap: 10px;
font-size: 12px;
}
header .order .lang a {
font-size: 15px;
}
.mobile-menu .footer-menu li {
font-size: 10px;
}
.order .icon::before {
width: 13px;
height: 13px;
}
.baner-wrap h1 {
line-height: 35px;
}
.shop-row .col-shop {
width: calc(100% / 2 - 10px);
}
.shop-row .col-shop .img-cat,
.cat-block .col-shop .img-cat {
height: 150px;
}
.shop-row .col-shop .title-cat {
font-size: 12px;
}
.form-wrap .item.form {
padding: 20px;
}
.form-wrap .item.form .white-bg {
padding: 25px;
}
.form-wrap .item {
padding: 20px;
}
.form-wrap ul li {
font-size: 15px;	
}
.form-wrap ul {
margin: 0px;
}
.breadcrumbs .d-flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
}
.breadcrumbs .d-flex h1 {
font-size: 20px;	
margin-bottom: 0px;
text-align: center;
}
#breadcrumbs {
font-size: 11px;
margin-bottom: 15px;
}
#related-swiper {
padding-bottom: 115px;
}
.woocommerce .products.columns-3 {
grid-template-columns: repeat(2, 1fr);
}
.catalog .child-cat {
width: calc(100% / 2 - 10px);
}
.catalog .d-wrap .img-cat {
height: 100px;
}
.contact-wrap .contact ul li {
font-size: 12px;
margin-bottom: 10px;
}
.contact-wrap .contact ul li a img,
.contact-wrap .contact ul li img {
width: 18px;
}
.footer-nav.green {
display: none;
}
footer .logo {
margin-top: 0px;	
}
footer .logo img {
max-width: 80px;
margin-bottom: 15px;
}
footer .list-none a {
font-size: 12px;
}
footer .col-3 {
gap: 10px;
}
footer .list-none a img {
width: 15px;
}
footer #copyright a {
font-size: 15px;
font-weight: 600;
}
}
@media only screen and (max-width : 360px)  {

}
@media only screen and (max-width : 320px)  {

}
/*9------------------------------------------------------------------------------------------------------- Animations*/
.wpcf7-spinner {
width: 30px;
height: 30px;
border: 4px solid rgba(0, 0, 0, 0.1);
border-top: 4px solid #000;
border-radius: 50%;
animation: spin 1s linear infinite;
background-color: none;
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
@-webkit-keyframes scale-up-center {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scale-up-center {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: scale(0.7);
        transform: scale(0.7);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
        transform: scale(1);
}
}
@keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: scale(0.7);
        transform: scale(0.7);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
        transform: scale(1);
}
}