:root {
    --alto: #d9d9d9;
    --black: #191919;
    --black-2: #000000;
    --black-haze: #f7f7f7;
    --grey: #e5e5e5;
    --mountain-mist: #959595;
    --pumice: #c9c9c9;
    --red: #e50c0c;
    --white: #ffffff;
    --font-size-28px: 28px;
    --font-size-l: 21.8px;
    --font-size-m: 16px;
    --font-size-s: 15px;
    --font-size-xl: 24px;
    --font-size-xxl: 25.5px;
	 --font-size-x: 18px;
    --font-size-xxxl: 30px;
    --font-size-xxxxl: 40px;
    --font-family-arial-regular: "Arial-regular", Helvetica;
	--font-family-lato: "Lato", Helvetica;}


@font-face {
	font-family: 'Lato';
	src: url('font/lato-heavyitalic.eot');
	src: url('font/lato-heavyitalic.eot?#iefix') format('embedded-opentype'),
		url('font/lato-heavyitalic.woff2') format('woff2'),
		url('font/lato-heavyitalic.woff') format('woff'),
		url('font/lato-heavyitalic.ttf') format('truetype'),
		url('font/lato-heavyitalic.svg#Lato-heavyItalic') format('svg');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url('font/lato-bold.eot');
	src: url('font/lato-bold.eot?#iefix') format('embedded-opentype'),
		url('font/lato-bold.woff2') format('woff2'),
		url('font/lato-bold.woff') format('woff'),
		url('font/lato-bold.ttf') format('truetype'),
		url('font/lato-bold.svg#Lato-bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('font/lato-black.eot');
	src: url('font/lato-black.eot?#iefix') format('embedded-opentype'),
		url('font/lato-black.woff2') format('woff2'),
		url('font/lato-black.woff') format('woff'),
		url('font/lato-black.ttf') format('truetype'),
		url('font/lato-black.svg#Lato-black') format('svg');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('font/lato-semibold.eot');
	src: url('font/lato-semibold.eot?#iefix') format('embedded-opentype'),
		url('font/lato-semibold.woff2') format('woff2'),
		url('font/lato-semibold.woff') format('woff'),
		url('font/lato-semibold.ttf') format('truetype'),
		url('font/lato-semibold.svg#Lato-semibold') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('font/lato-thinitalic.eot');
	src: url('font/lato-thinitalic.eot?#iefix') format('embedded-opentype'),
		url('font/lato-thinitalic.woff2') format('woff2'),
		url('font/lato-thinitalic.woff') format('woff'),
		url('font/lato-thinitalic.ttf') format('truetype'),
		url('font/lato-thinitalic.svg#Lato-thinItalic') format('svg');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url('font/lato-italic.eot');
	src: url('font/lato-italic.eot?#iefix') format('embedded-opentype'),
		url('font/lato-italic.woff2') format('woff2'),
		url('font/lato-italic.woff') format('woff'),
		url('font/lato-italic.ttf') format('truetype'),
		url('font/lato-italic.svg#Lato-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Lato Hairline';
	src: url('font/lato-hairlineitalic.eot');
	src: url('font/lato-hairlineitalic.eot?#iefix') format('embedded-opentype'),
		url('font/lato-hairlineitalic.woff2') format('woff2'),
		url('font/lato-hairlineitalic.woff') format('woff'),
		url('font/lato-hairlineitalic.ttf') format('truetype'),
		url('font/lato-hairlineitalic.svg#Lato-HairlineItalic') format('svg');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url('font/lato-heavy.eot');
	src: url('font/lato-heavy.eot?#iefix') format('embedded-opentype'),
		url('font/lato-heavy.woff2') format('woff2'),
		url('font/lato-heavy.woff') format('woff'),
		url('font/lato-heavy.ttf') format('truetype'),
		url('font/lato-heavy.svg#Lato-heavy') format('svg');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Lato Hairline';
	src: url('font/lato-hairline.eot');
	src: url('font/lato-hairline.eot?#iefix') format('embedded-opentype'),
		url('font/lato-hairline.woff2') format('woff2'),
		url('font/lato-hairline.woff') format('woff'),
		url('font/lato-hairline.ttf') format('truetype'),
		url('font/lato-hairline.svg#Lato-Hairline') format('svg');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('font/lato-semibolditalic.eot');
	src: url('font/lato-semibolditalic.eot?#iefix') format('embedded-opentype'),
		url('font/lato-semibolditalic.woff2') format('woff2'),
		url('font/lato-semibolditalic.woff') format('woff'),
		url('font/lato-semibolditalic.ttf') format('truetype'),
		url('font/lato-semibolditalic.svg#Lato-semiboldItalic') format('svg');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url('font/lato-blackitalic.eot');
	src: url('font/lato-blackitalic.eot?#iefix') format('embedded-opentype'),
		url('font/lato-blackitalic.woff2') format('woff2'),
		url('font/lato-blackitalic.woff') format('woff'),
		url('font/lato-blackitalic.ttf') format('truetype'),
		url('font/lato-blackitalic.svg#Lato-blackItalic') format('svg');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url('font/lato-light.eot');
	src: url('font/lato-light.eot?#iefix') format('embedded-opentype'),
		url('font/lato-light.woff2') format('woff2'),
		url('font/lato-light.woff') format('woff'),
		url('font/lato-light.ttf') format('truetype'),
		url('font/lato-light.svg#Lato-light') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('font/lato-lightitalic.eot');
	src: url('font/lato-lightitalic.eot?#iefix') format('embedded-opentype'),
		url('font/lato-lightitalic.woff2') format('woff2'),
		url('font/lato-lightitalic.woff') format('woff'),
		url('font/lato-lightitalic.ttf') format('truetype'),
		url('font/lato-lightitalic.svg#Lato-lightItalic') format('svg');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url('font/lato-medium.eot');
	src: url('font/lato-medium.eot?#iefix') format('embedded-opentype'),
		url('font/lato-medium.woff2') format('woff2'),
		url('font/lato-medium.woff') format('woff'),
		url('font/lato-medium.ttf') format('truetype'),
		url('font/lato-medium.svg#Lato-medium') format('svg');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('font/lato-mediumitalic.eot');
	src: url('font/lato-mediumitalic.eot?#iefix') format('embedded-opentype'),
		url('font/lato-mediumitalic.woff2') format('woff2'),
		url('font/lato-mediumitalic.woff') format('woff'),
		url('font/lato-mediumitalic.ttf') format('truetype'),
		url('font/lato-mediumitalic.svg#Lato-mediumItalic') format('svg');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url('font/lato-regular.eot');
	src: url('font/lato-regular.eot?#iefix') format('embedded-opentype'),
		url('font/lato-regular.woff2') format('woff2'),
		url('font/lato-regular.woff') format('woff'),
		url('font/lato-regular.ttf') format('truetype'),
		url('font/lato-regular.svg#Lato-regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('font/lato-thin.eot');
	src: url('font/lato-thin.eot?#iefix') format('embedded-opentype'),
		url('font/lato-thin.woff2') format('woff2'),
		url('font/lato-thin.woff') format('woff'),
		url('font/lato-thin.ttf') format('truetype'),
		url('font/lato-thin.svg#Lato-thin') format('svg');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('font/lato-bolditalic.eot');
	src: url('font/lato-bolditalic.eot?#iefix') format('embedded-opentype'),
		url('font/lato-bolditalic.woff2') format('woff2'),
		url('font/lato-bolditalic.woff') format('woff'),
		url('font/lato-bolditalic.ttf') format('truetype'),
		url('font/lato-bolditalic.svg#Lato-boldItalic') format('svg');
	font-weight: bold;
	font-style: italic;
}



.advanteges { background: url(images/barbecue-ready-for-the-meat-1-4.webp) no-repeat; background-position: center;}

.advantages_wrap{display: flex; justify-content: space-between}
.advanteges-img-bg1 {margin-top: -10px;}
.advantages_wrap div img{height: 100px;     padding-bottom: 20px;}
.advantages_wrap div {text-align: center;}

.h1-title {    font-family: var(--font-family-lato);
    font-size: var(--font-size-xxxxl);     color: var(--white); font-style: normal;
    font-weight: 700;
    height: 48px;
	text-align: center;
	    margin-top: 15px;
    margin-bottom: 63px;
	}
	
	.lato-black-white-15px {
    color: var(--white);
    font-family: var(--font-family-lato);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 900;
}

.product-item-m {padding: 10px 15px;
    margin-bottom: 25px;

}


.product-item-m .product-item-title {    color: var(--black-2);
    font-family: var(--font-family-lato);
    font-size: var(--font-size-x);
    font-style: normal;
    font-weight: 700;

}
.product-item-m .product-item-title  a:hover {  color: var(--black-2);}

.product-item-m  .product-item-price-current {
	    color: var(--black-2);
    font-family: var(--font-family-lato);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 700;
	margin-bottom: 15px;
	
}
.group-3 { z-index: 11;
    background-color: transparent;
    height: 14.93%;
    left: -2px;
    position: absolute;
    top: 79.19%;
    transform: rotate(180deg);
   width: 120px;
   border-radius: 7.28px 0px 0px 7.28px;
background: var(--Red-Gradient, linear-gradient(180deg, #FF6C1A 0%, #D32121 100%));
}
 .rectangle-2 {
    background: linear-gradient(180deg, rgb(255, 108.1253108382225, 25.50830103456974) 0%, rgb(210.66552937030792, 32.63189658522606, 32.63189658522606) 100%);
    background-color: transparent;
    left: 0px;
    position: absolute;
    top: 0px;
}
.text_label-6gylE4 {
    background-color: transparent;
    height: 66.67%;
    left: calc(50.00% - 48px);
    letter-spacing: 0.00px;
    line-height: 21.8px;
    position: absolute;
    text-align: left;
    top: 10.15%;
    transform: rotate(-180deg);
    white-space: nowrap;
    width: auto;
}

.lato-black-white-12-7px {
    color: var(--white);
    font-family: 'Lato';
    font-size: 12.7px;
    font-style: normal;
    font-weight: 900;
}

 .rectangle-2-6gylE4 {
    border-radius: 7.279549598693848px 0px 0px 7.279549598693848px;
    height: 100%;
    width: 98.31%;
}

.btn-buy {min-width: 203px;}

 .product-item-m .product-item-image-wrapper {
    padding-top: 170px;
    width: 35%;
    max-width: 189px;
	min-width: 150px;
}

.slogan { font-family: var(--font-family-lato);

font-size: 28px;
color: #fff;


}

.phone-st {font-family: var(--font-family-lato); 
line-height: 35px;
font-weight: 700; 
font-size: 30px;
color: #fff;
width: 230px;
}



.bx-up {width: 48px;
    right: 10px;
    position: absolute;
    top: -650px;
}
.bx-up-cont {position: relative;}

.main-banner {padding-left: 30px;  padding-bottom: 50px;}

.main-banner h1 {     margin-bottom: 55px;
    margin-top: 40px;
    text-transform: uppercase;
    color: #fff;
    font-family: var(--font-family-lato);
    font-weight: 900;
    font-size: 56px;}

.btn-yellow { color:#fff; text-transform: uppercase; background: linear-gradient(180deg, #FFDA1A 0%, #D38121 100%);
    font-weight: 600;
    font-size: 14px;
    padding: 10px 25px;
    width: auto;
    /* display: inline-block; */
float: right;}
.btn-yellow:hover{color:#fff; background: linear-gradient(180deg, #DFCF36 0%, #9F3000 100%);}


.btn-yellow:focus, .btn-yellow:active {
background: linear-gradient(180deg, #EABE1F 0%, #A77800 100%);}

}













.bx-yellow,
.bx-theme-yellow {
	--primary: #f9a91d;
	--theme-color-primary: #f9a91d;
	--theme-color-second: #faba4a;
	--theme-color-light: #fff;
	--theme-b-link: #f9a91d;
	--theme-b-link-hover: #faba4a;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #f9a91d;
	--theme-b-bd-primary: #f9a91d;
	--theme-b-sd-primary: rgba(249, 169, 29, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #faba4a;
	--theme-b-bd-primary-hover: #daa53e;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #faba4a;
	--theme-b-bd-primary-active: #daa53e;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #daa53e;
	--theme-b-bd-primary-disabled: #b7853b;
}

.bx-blue,
.bx-theme-blue {
	--primary: #0083d1;
	--theme-color-primary: #0083d1;
	--theme-color-second: #5ca6e4;
	--theme-color-light: #f0f6f8;
	--theme-b-link: #44b1c9;
	--theme-b-link-hover: #5cc3d1;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #0083d1;
	--theme-b-bd-primary: #0083d1;
	--theme-b-sd-primary: rgba(0, 131, 209, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #5ca6e4;
	--theme-b-bd-primary-hover: #5599d2;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #5ca6e4;
	--theme-b-bd-primary-active: #5599d2;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #5599d2;
	--theme-b-bd-primary-disabled: #4d8bbf;
}

.bx-red,
.bx-theme-red {
	--primary: #e22b2b;
	--theme-color-primary: #e22b2b;
	--theme-color-second: #e95c5c;
	--theme-color-light: #f0f0f0;
	--theme-b-link: #e22b2b;
	--theme-b-link-hover: #e95c5c;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #e22b2b;
	--theme-b-bd-primary: #e22b2b;
	--theme-b-sd-primary: rgba(226, 43, 43, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #e95c5c;
	--theme-b-bd-primary-hover: #d05454;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #e95c5c;
	--theme-b-bd-primary-active: #d05454;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #d05454;
	--theme-b-bd-primary-disabled: #c04e4e;
}

.bx-green,
.bx-theme-green {
	--primary: #63aa28;
	--theme-color-primary: #63aa28;
	--theme-color-second: #5b9f0b;
	--theme-color-light: #a8d95b;
	--theme-b-link: #44b1c9;
	--theme-b-link-hover: #5cc3d1;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #63aa28;
	--theme-b-bd-primary: #63aa28;
	--theme-b-sd-primary: rgba(99, 170, 40, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #5b9f0b;
	--theme-b-bd-primary-hover: #56940b;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #5b9f0b;
	--theme-b-bd-primary-active: #56940b;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #56940b;
	--theme-b-bd-primary-disabled: #497c09;
}

.bx-green,
.bx-theme-green {
	--primary: #f9a91d;
	--theme-color-primary: #f9a91d;
	--theme-color-second: #faba4a;
	--theme-color-light: #fff;
	--theme-b-link: #f9a91d;
	--theme-b-link-hover: #faba4a;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #f9a91d;
	--theme-b-bd-primary: #f9a91d;
	--theme-b-sd-primary: rgba(249, 169, 29, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #faba4a;
	--theme-b-bd-primary-hover: #daa53e;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #faba4a;
	--theme-b-bd-primary-active: #daa53e;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #daa53e;
	--theme-b-bd-primary-disabled: #b7853b;
}

body {
	
	background: #F8F8F8;
	   
	
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.main-page {background: #fff url(svg/bg.svg) repeat;}

.bg-grey {background: #F8F8F8 url(svg/bg.svg) repeat; border-bottom: 1px solid #fff;}
.about_us p {color: #000;
text-align: center;
font-family: Lato;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 40px; /* 166.667% */}

.about_us {background: #FFF;}
.about_us h2{color: #000;
text-align: center;
margin-bottom: 0px; 
padding-top: 20px;
/* H1 */
font-family: Lato;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 48px; /* 120% */}
#pagetitle { margin-bottom: 35px; }

h1,h2,h3,h4,h5 {
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

.bx-content-section
 {   max-width: 1055px;
	padding-bottom: 2px;
	
}

.title { 
        font-weight: 700;
font-size:40px;
font-family: var(--font-family-lato);
line-height:48px;
padding-top: 35px;
margin-bottom: 35px;
    text-align: center;

}




.grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 1200px;
    width: 100%;
}

.review-card {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: left;
}

.review-card h2 {
    font-size: 24px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

.review-card p {
    font-size: 16px;
    margin-bottom: 10px;
}

.all-reviews-button {
    margin-top: 40px;
    padding: 15px 30px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #ffcc00;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.all-reviews-button:hover {
    background-color: #e6b300;
}
.all-reviews-button {float: none!important;}
.reviews-button-wrap {text-align: center;}
.reviews  {  background:#F8F8F8; padding-bottom: 35px;}


.catalog-section-list-wrapper    {background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 6px, transparent 6px) 0% 0%/8px 8px no-repeat,
            radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 6px, transparent 6px) 100% 0%/8px 8px no-repeat,
            radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 6px, transparent 6px) 0% 100%/8px 8px no-repeat,
            radial-gradient(circle at 0 0, #ffffff 0, #ffffff 6px, transparent 6px) 100% 100%/8px 8px no-repeat,
            linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 4px) calc(100% - 16px) no-repeat,
            linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 16px) calc(100% - 4px) no-repeat,
            linear-gradient(89deg, #ffda1a 0%, #d38121 100%);
border-radius: 8px;
padding: 16px;
box-sizing: border-box;
margin-bottom: 25px;
display: flex;
    height: calc(100% - 25px);
	flex-direction: column;
    justify-content: space-between;

}

.catalog-section-list-item-img { border: none; }
.catalog-section-list-btn {text-align: center;}

.catalog-section-list-tile-img-container {
    margin: 0 auto;
max-width: 208px;

margin-bottom: 15px;
}

.catalog-section-list-desc {font-size:13px;
font-family:Arial;
padding: 10px 0px;
    text-align: center;
}


.btn-transparent {background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 6px, transparent 6px) 0% 0%/8px 8px no-repeat,
            radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 6px, transparent 6px) 100% 0%/8px 8px no-repeat,
            radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 6px, transparent 6px) 0% 100%/8px 8px no-repeat,
            radial-gradient(circle at 0 0, #ffffff 0, #ffffff 6px, transparent 6px) 100% 100%/8px 8px no-repeat,
            linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 4px) calc(100% - 16px) no-repeat,
            linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 16px) calc(100% - 4px) no-repeat,
            linear-gradient(89deg, #ffda1a 0%, #d38121 100%);
border-radius: 8px;
padding: 2px;
box-sizing: border-box;
border-radius: 8px;
padding: 2px;
box-sizing: border-box;
border-radius: 8px;
padding: 10px 20px;
box-sizing: border-box;
border-radius: 8px;
box-sizing: border-box;
}
.btn-transparent span{background: #FFDA1A;
background: linear-gradient(to bottom, #FFDA1A 0%, #D38121 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: var(--font-family-lato);
font-size:14px;
font-weight: 700;
text-transform: uppercase;
}

.catalog-section-list-item-title a{font-size:28px;
font-family: var(--font-family-lato);
line-height:26px;
text-decoration: none;
color:#000;
}
.catalog-section-list-item-title a:hover {color:#000;}

.bx-wrapper { }

/*region HEADER*/
.bx-header { }

.bx-header-section { }

.bx-header-logo { order: 1 }

.bx-header-personal { order: 3 }

.bx-header-contact { order: 2 }

/*region Logo*/
.bx-logo-block {
	display: block;
	
	border-bottom: none;
}

.bx-logo-block img {
	
	width: auto;
}



.bottom-line {background: url(svg/botlinebg.svg) center repeat-x; height: 20px; width: 100%;}
.top-line {background: url(svg/toplinebg.svg) 0px top  repeat-x; height: 22px; width: 100%;}


@media (max-width: 767px) {
	.bx-logo-block img {
		max-width: 100%;
		max-height: 45px;
		width: auto;
		height: auto;
	}

	.bx-header-logo {
		padding: 5px 50px;
		height: 55px;
		background-color: var(--theme-color-primary);
	}

	.bx-logo-block { height: auto; }

	body.bx-theme-green .bx-store-logo { background: #33b111; }
}

/*endregion*/

/*region included Phone*/
.bx-header-phone-block {
	display: flex;
	align-items: center;
}

.bx-header-phone-number {
	
}



.product-item-m {display: flex;  border-radius: 7.28px;
    box-shadow: 0px 0px 7.279549598693848px #00000026;

}

.product-item-m .product-item-price-old {      text-decoration: line-through red;      color: var(--pumice);
    font-family: var(--font-family-lato);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 700;
	text-align: left;
}

.product-item-big-card {padding: 15px;}
.mlist .product-item-container {border: none;}
.product-item-m .product-item-inner {  text-align: left; display: flex;  justify-content: space-between;

    margin-left: 15px;
    flex-direction: column;
    align-items: flex-start;}

.bx-header-phone-icon {
	display: block;
	margin-right: 10px;
	width: 26px;
	height: 26px;
	background: no-repeat center url(images/phone.svg);
}

@media (max-width: 991px) {
	.bx-header-phone-number {
		font: 15px/18px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
		font-weight: var(--ui-font-weight-semi-bold, 600);
	}
}

/*endregion*/

/*region included Worktime*/
.bx-header-worktime {
	color: #000;
	font: 16px/22px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	transition: 250ms linear all;
}

.bx-worktime-title {
	color: #adadad;
	font: 12px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

.bx-worktime-schedule {
	color: #000;
	font: 12px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

@media (max-width: 991px) {
	.bx-header-worktime {
		font: 15px/18px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
		font-weight: var(--ui-font-weight-regular, 400);
	}
}

/*endregion*/

/*endregion*/

.sidebar-block-title {
	color: #343434;
	text-transform: uppercase;
	font-size: 14px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
}

/*region FOOTER*/
.bx-footer { }

.bx-footer-section { }

.bx-footer-section .bx-block-title { }

.bx-footer-bg { background-color: #1f496a; }

.bx-footer-logo {
	border-bottom: none !important;
	text-decoration: none !important;
}

.bx-footer-logo img {
	max-width: 100%;
	height: auto;
}

/*endregion*/

.bx-inclinkspersonal-item.bx-theme-blue:hover { background: #0083d1; }

.bx-theme-blue.bx-inclinkspersonal-selected { background: #3398d7; }

.bx-inclinkspersonal-item.bx-theme-black:hover { background: #303030; }

.bx-theme-black.bx-inclinkspersonal-selected { background: #484848; }

.bx-inclinkspersonal-item.bx-theme-green:hover { background: #44b1c9; }

.bx-theme-green.bx-inclinkspersonal-selected { background: #5cc3d1; }

.bx-inclinkspersonal-item.bx-theme-red:hover { background: #e63c3c; }

.bx-theme-red.bx-inclinkspersonal-selected { background: #e95c5c; }

.bx-inclinkspersonal-item.bx-theme-yellow:hover { background: #f4a52e; }

.bx-theme-yellow.bx-inclinkspersonal-selected { background: #fbb859; }

/*region Bootstrap modified*/
.btn-primary,
.list-group-item.active {
	border-color: var(--theme-b-bd-primary);
	background-color: var(--theme-b-bg-primary);
	color: var(--theme-b-tx-primary);
}

.btn-primary:hover {
	border-color: var(--theme-b-bd-primary-hover);
	background-color: var(--theme-b-bg-primary-hover);
	color: var(--theme-b-tx-primary-hover);
}

.btn-primary:focus,
.btn-primary.focus {
	box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}

.btn-primary.disabled,
.btn-primary:disabled {
	border-color: var(--theme-b-bg-primary);
	background-color: var(--theme-b-bg-primary);
	color: var(--theme-b-tx-primary);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	border-color: var(--theme-b-bd-primary-active);
	background-color: var(--theme-b-bg-primary-active);
	color: var(--theme-b-tx-primary-active);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}

.form-control:focus {
	border-color: var(--theme-color-primary);
	box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}

a,
.btn-link { color: var(--theme-b-link); }

a:hover,
.btn-link:hover { color: var(--theme-b-link-hover); }

.g-font-size-15 { font-size: 15px; }

.g-font-size-17 { font-size: 17px; }

.g-font-size-20 { font-size: 20px; }

.text-primary { color: var(--primary) !important }

.bg-primary { background: var(--primary) !important }

.border-primary { border-color: var(--primary) !important }

/*endregion*/

.bx-sidebar-block { }

.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5 {
	text-transform: uppercase;
	font-size: 14px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
}

.sidebar li {
	font-size: 12px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
}

.sidebar-icon {
	width: 27px;
	height: 27px;
	margin-right: 5px;
	border-radius:50%;
	background-color: var(--theme-color-primary);
	background-repeat: no-repeat;
	background-position: center;
}

.sidebar-icon-label {
	background-image:  url(images/label.svg);
	background-size: 19px auto;
}

.sidebar-icon-delivery {
	background-image: url(images/delivery.svg);
	background-size: 17px auto;
}

.sidebar-icon-sale {
	background-image: url(images/sale.svg);
	background-size: auto 17px ;
}

.sidebar-icon-self {
	background-image: url(images/self.svg);
	background-size: auto 17px ;
}

.sidebar-icon-phone {
	background-image: url(images/phone_white.svg);
	background-size: auto 21px ;
}




.bg-dark-st {background-color: #191919 !important; }
.footer-bg-img1 {margin-top: -10px;}
.main-bg {
	
	background-image: url(images/main-bg.webp);
	
	
	
}

.main .sticky-menu {display: none;}
.main .sticky-menu.sticky {display: block;}
.sticky-menu  {    background-color: #fff;
z-index: 1000;
    transition: all 0.3s ease;
}
.copyright { background: var(--Grey, #E5E5E5); color: #000;
font-family: Lato;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;}
.sticky-menu .container {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    position: relative;
    
}

.logo img {
    width: 189px;
    height: 57px;
    vertical-align: middle;
    margin-right: 10px;
}

.logo span {
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}

.main-nav {    justify-content: space-between;
width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
}

.menu { margin-bottom: 0px;
    list-style: none;
    display: flex;
    gap: 20px;
}

.menu li a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
    transition: color 0.3s ease;
	
	color: var(--Black, #1A1A1A);
font-family: Lato;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 21.333px; /* 118.518% */
}

.menu li a:hover {
   color: var(--Black, #1A1A1A);
}

.menu a:hover {
    border-bottom: 2px solid #D38121;
}

.phone-numbers {
	color: var(--Black, #1A1A1A);
font-family: Lato;
font-size: 30px;
font-style: normal;
font-weight: 800;
line-height: 32px; /* 106.667% */
    display: flex;
    flex-direction: column;
   
    font-weight: bold;
}
.phone-numbers a {margin-bottom: 0px; color: var(--Black, #1A1A1A); text-decoration: none; }
.phone-numbers p {margin-bottom: 0px; }
.burger-menu {
    display: none;
    cursor: pointer;
}

.burger-menu span {
    display: block;
    width: 39px;
    height: 3px;
    background-color: #333;
    margin: 5px 0;
    transition: all 0.3s ease;
}

/* Sticky стили */
.sticky-menu.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.sticky-menu-offset {
    height: 80px;
}




.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 10px;
    padding: 20px;
}

.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.gallery-item:hover img { cursor: pointer;
    transform: scale(1.1);
}

.workarea {margin-bottom: 35px;}

.gallery-item.square {
    aspect-ratio: 1/1; /* Квадратные изображения */
}

.gallery-item.rectangle {
    aspect-ratio: 2/1;
grid-column: auto / span 2;
  

	/* Прямоугольные изображения */
}


.form-group {margin-top: 15px;}
input.btn-primary {margin-top: 25px;}


.gallery-item.square-big {
    aspect-ratio: 1/1;
	grid-column: auto / span 2;
    grid-row: auto / span 2;
	/* Квадратные изображения */
}

.phone-st-first {line-height: 50px; text-decoration: none; color: inherit}
.phone-st-second {text-decoration: none; color: inherit;}


.top-row, .b-row {
padding: 11px 0px;
    display: flex;
justify-content: space-between; 
align-items: center;
}
.header-logo img {width:100%; max-width: 350px; height: auto;}

@media (max-width: 1024px) { 

.slogan { font-size: 20px; line-height: 22px;}


.phone-st {font-family: var(--font-family-lato); 
font-size: 30px; 
font-style: normal;
font-weight: 800;
line-height: 37.3px; /
}
.phone-st {
font-size: 18px;
font-style: normal;
text-align: right;
font-weight: 800;
line-height: normal; width: 165px; }

.main-banner h1  {font-size: 42px;}

.phone-st-first {line-height: 18px;}

} 




@media (max-width: 768px) { 
.main-banner h1  {font-size: 36px;}
.slogan{display: none; }

.header-logo img {
    
    max-width: 250px;
    
}



}


@media (max-width: 480px) { 



}