* { scroll-behavior: smooth; }
*:hover {transition: .2s ease-out; transition-delay: 0.05s;}
body {
	overflow-x:hidden;
}
img {
	max-width: 100%;
}
@media (min-width: 1500px) {
	.container {width:1380px}
}

h1, h2, h3, h4, h5, h6 {font-weight:600;color: #2C3E50}
h1, h2, h3 {text-transform:uppercase}
#content h1, #content h2, #content h3 {text-align:left;
padding-bottom:0px; border-bottom:3px solid #00b6c7}



@media (min-width: 1200px) {
	html, body {font-size:1rem;}
	h1 {font-size:4rem}
	h2 {font-size:2rem}
	h3 {font-size:1.9rem}
	h4 {font-size: 1.5rem}
	h5 {font-size: 1.4rem}
	h6 {font-size: 1.2rem}
}
  
@media (min-width: 992px) and (max-width: 1199px) {
	html, body {font-size:1rem;}
	h1 {font-size:4rem}
	h2 {font-size:2rem}
	h3 {font-size:1.9rem}
	h4 {font-size: 1.5rem}
	h5 {font-size: 1.4rem}
	h6 {font-size: 1.2rem}

}
  
@media (min-width: 768px) and (max-width: 991px) {
	html, body {font-size:1rem;}
	h1 {font-size:4rem}
	h2 {font-size:2rem}
	h3 {font-size:1.9rem}
	h4 {font-size: 1.5rem}
	h5 {font-size: 1.4rem}
	h6 {font-size: 1.2rem}
}
  
@media (max-width: 767px) {
	html, body {font-size:1rem;}
	h1 {font-size:2rem}
	h2 {font-size:1.8rem}
	h3 {font-size:1.6rem}
	h4 {font-size: 1.5rem}
	h5 {font-size: 1.4rem}
	h6 {font-size: 1.2rem}
} 
@media (max-width: 480px) {
	html, body {font-size:1rem;}
	h1 {font-size:2rem}
	h2 {font-size:1.8rem}
	h3 {font-size:1.6rem}
	h4 {font-size: 1.5rem}
	h5 {font-size: 1.4rem}
	h6 {font-size: 1.2rem}
}
  
@media (max-width: 320px) {
	html, body {font-size:1rem;}
	h1 {font-size:2rem}
	h2 {font-size:1.8rem}
	h3 {font-size:1.6rem}
	h4 {font-size: 1.5rem}
	h5 {font-size: 1.4rem}
	h6 {font-size: 1.2rem}
} 	
	
/*HEADER*/
#top-links {position:relative;left:30%}
.tochka {font-size:0.4rem; margin-right:0.6rem; position:relative; bottom:0.1rem}
header .grid-container {
    display: grid;
    grid-template-columns: 0.8fr 1fr 1fr 100px 100px;
    grid-template-rows: repeat(2, auto);
    gap: 10px;
    justify-items: stretch;
    align-items: center;
    justify-content: space-between;
    align-content: space-between;
}
.mail_top {
	position: absolute;
	top:20%;
	right:0;
	color:#fff;
}
/* Стили для отдельных элементов (если нужно) */
header .grid-item {
    justify-self: start; /* или center/end/stretch */
    align-self: start; /* или center/end/stretch */
}
header .grid-item-1 {
	grid-column: 1 / 2; /* логотип */
	grid-row: 1 / 2; /* строка */
	justify-self: start; /* или center/end/stretch */
    align-self: center; /* или center/end/stretch */
	padding: 10px 0;
}
header .grid-item-2 {
	grid-column: 2 / 3; /* заголовок */
	grid-row: 1 / 2; /* строк */
	align-self: center; /* или center/end/stretch */
}
header .grid-item-3 {
	grid-column: 3 / 6; /* зконок телефон */
	grid-row: 1 / 2; /* строка */
	justify-self: end;
	align-self: center;
	text-align: right;
}
header .grid-item-4 {
	grid-column: 1 / 2; /* меню */
	grid-row: 2 / 3; /* строка */
	justify-self: stretch; /* растягивает элемент по горизонтали */
}

header .grid-item-5 {
	grid-column: 2 / 4; /* поиск */
	grid-row:  2 / 3; 
	justify-self: stretch; /* растягивает элемент по горизонтали */
}
.toggle-btn1, .toggle-btn2 {
    background: none;
}
@media (min-width: 768px) {
		header .grid-item-4 {
		grid-column: 1 / 2; /* меню */
		grid-row: 2 / 3; /* строка */
		justify-self: stretch; /* растягивает элемент по горизонтали */
		align-self: stretch; /* растягивает элемент по вертикали */
		padding-bottom:20px;
	}
		header .grid-item-5 {
		grid-column: 2 / 4; /* поиск */
		grid-row:  2 / 3; 
		justify-self: stretch; /* растягивает элемент по горизонтали */
		align-self: stretch;
		padding-bottom:25px;
	}
}
.vhod_all:hover, .korzina:hover {
	filter: grayscale(100%);
}
header .grid-item-6 {
	grid-column: 4 / 5; /* вход */
	grid-row: 2 / 3; /* строка */
	justify-self: end;
	text-align: right;
}
header .grid-item-7 {
	grid-column: 5 / 6; /* корзина */
	grid-row: 2 / 3; /* строка */
	justify-self: end;
	text-align: right;
}
header .grid-item-6 a {
	color:#000;
}
header .grid-item-7 a {
	color:#000;
}
header .grid-item-6 a:hover {
	color:#ccc;
}
header .grid-item-7 a:hover {
	color:#ccc;
}
@media (min-width: 1199px) {
	 .menu-open {
		background: #003842;
		color: #fff;
		display: block;
		width:90%;
		height:80%;
		font-size:2rem;
		text-align: left;
		padding-left:10%;
	} 
	.menu-open .fa {
		color: #00c4d7;
		font-size:2.3rem;
	} 
}
@media (min-width: 768px) and (max-width: 1200px){
	 .menu-open {
		background: #003842;
		color: #fff;
		display: block;
		width:90%;
		height:80%;
		font-size:1.3rem;
		text-align: left;
		padding-left:10%;
	} 
	.menu-open .fa {
		color: #00c4d7;
		font-size:1.8rem;
	} 
}
.obratnyzvonok {
	display:block;
}
.zvonokhdr {
	display:inline-block;
	vertical-align: bottom;
	position:relative;
	bottom:0.2rem;
	margin-right:0.5rem;
}
.telephone {
	display:inline-block;
	font-size: 2rem;
	vertical-align: bottom;
	color:#303030;
	font-weight:bolder;
}
.podpis {
	font-size: 0.9rem;
	position:relative;
	top:3px;
}
#search {width:100%; height:100%; margin-bottom: 15px}
#search .input-lg {height: 80%;line-height: 1.3;padding: 0 0.8rem;border-radius:6px}
#search .btn-lg {
	position:absolute;
	z-index:99;
	top:1px;
	right:6px;
	font-size: 15px;
	line-height: 15px;
	padding: 10px 15px;
	background:rgba(0 0 0 / .01);
	border-radius:0 6px 6px 0
}
#search input[type="text"].form-control {
	font-size: 1rem;
    border:2px solid #00798b;
	box-shadow: 1px 2px 5px #64c3d3;
	background-image:url("../image/poisk.png"); background-position:98% center; background-repeat:no-repeat; background-size: auto 70%;
}
.fa-search:before {
    content: "\f002";
	color: #ffffff00;
}
#menu .fa-bars {color:#00d2e6; font-size:1.7rem; line-height:1;
margin-right:15px;}

/*Slider*/
.sloyslider1 {
	color:#fff;
	font-size:2.9rem;
	font-weight:bolder;
	text-shadow:2px 2px 2px #000;
	display:block;
	width:50%;
	word-wrap: break-word;
    hyphens: auto;
    line-height:1 !important;
}

/*Gallery*/
.all-gallery {margin:40px auto 20px auto}
.all-gallery-2 {
	  background-image:url("../image/polosazag_03.jpg"); 
	  background-position:center top; 
	  background-repeat:no-repeat; 
	  background-size: auto;
	  width: 100%;
	  position: relative;
	  left: 0;
	  right: 0;
	  background-color:#efefef;
	  margin: 10vh 0;
	  padding: 0 0 5vh 0;
}
@media (min-width: 992px) {
	.all-gallery-2 {
	  background-image:url("../image/polosazag_03.jpg"); 
	  background-position:center top; 
	  background-repeat:no-repeat; 
	  background-size: auto;
	  width: 100vw;
	  position: relative;
	  left: 49%;
	  right: 49%;
	  background-color:#efefef;
	  margin: 10vh -50vw -30px -50vw ;
	  padding: 0 0 5vh 0;
	}
}
.all-gallery-2 h2 {margin:7vh 0; text-align:center !important;
border-bottom:none !important}

.all-gallery .brands {display:none}
.all-gallery-2 .brands {
	display:block;
	text-align:center;
	margin: 7vh auto;
}
.all-gallery .brands a {
	color:#313131;
	font-size: 3vh;
	font-size: clamp(10px, 2vw, 34px);
	font-weight:800;
	padding:1rem 2.4rem;
	text-transform:uppercase;
	border: 3px solid #43b8c3;
	border-radius:0.8rem;
	transition: .4s ease-out; transition-delay: 0.05s;
}
.all-gallery .brands a:hover {
	color:#313131;
	opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7;
	transition: .4s ease-out; transition-delay: 0.05s;
	background-color: #ccc;
	color:#fff;
}
.text-gallery {
	position:absolute;
	left:0;
	bottom:0;
	color:#fff;
	border-left: 4px solid #ff8400;
	padding:10px 0 0 10px  !important;
	text-transform:uppercase;
	background:#ffffff00 !important;
	font-weight:700;
	width:60%;
}
.text-gallery p {
	color:#fff;
}
@media (max-width: 768px) {
 .rb-gallery {padding:0 7vw 0 6vw}
}
/*Преимущества*/
.premium {text-align:center;margin:40px 0}
.premium-into {display:inline-block;width:20%;margin:20px 1%; vertical-align:top}
@media (max-width: 992px) {
	.premium-into {width:40%;margin:20px 1%}
}
@media (max-width: 768px) {
	.premium-into {width:45%;margin:20px 1%}
}
@media (max-width: 400px) {
	.premium-into {width:98%;margin:10px 2%}
}
.premium-into-img {display:block;height:100px}
.premium-into-img img {}
.premium-into-zag {font-weight:800;padding:10px 20%}
@media (max-width: 480px) {
	.premium-into-zag {font-size:14px}
}
/*FOOTER*/
.powered {display:block;background:#041a2142;padding:30px 0 20px 0;margin:-10px auto}
.powered .row {padding-left:15px;font-size:0.8rem;color:#008898}

footer .container1 {background-image:url("../image/fon-footer.png"); background-position:right bottom; background-repeat:no-repeat; background-size: auto}
@media (max-width: 768px) {
	footer .container1 {background-image:url("../image/fon-footer.png"); background-position:right bottom; background-repeat:no-repeat; background-size: 20vw}
}
footer h5 {color:#00cade;margin:0}
footer .container1 {padding:10px 0 1.5rem 0}
.logofooter {margin-bottom:1rem}
.sdvig ul {
	position:relative;
	left:80px;
}
footer .sdvig a {color:#00cade;position:relative;top:5px;text-decoration:underline}
footer .sdvig a:hover {text-decoration:none}
.zvonok-footer {display:inline-block;text-align:right;position:relative; bottom:1rem}
.obratnyzvonok-footer {display:block;color:#00cade}
.telephone-footer {display:block;font-size:2rem;font-weight:800}
.fa-circle {color:#00cade}

/*Мобильная шапка*/

.mobile {}

header .grid-container3 {
	display: grid;
	width:100vw;
    grid-template-columns: minmax(auto, max-content) repeat(4, auto);
    grid-template-rows: repeat(3, auto);
    gap: 0;
    justify-items: stretch;
    align-items: center;
    justify-content: space-between;
    align-content: space-between;
	background:#f0f0f0;
}

header .grid-item3 {
	justify-self: center; /* или center/end/stretch */
    align-self: center; /* или center/end/stretch */
}

header .grid-item-13 {
	grid-column: 1 / 2; /* Кнопка меню каталога */
	grid-row: 1 / 2; /* строка */
}
header .grid-item-13 img {
	max-height:13vw;
}
header .grid-item-23 {
	grid-column: 2 / 3; /* логотип */
	grid-row: 1 / 2;
    justify-self: stretch;	/* строк */
}
header .grid-item-33 {
	grid-column: 3 / 4; /* кнопка поиска */
	grid-row: 1 / 2; /* строка */
}
header .grid-item-43 {
	grid-column: 4 / 5; /* корзина */
	grid-row: 1 / 2; /* строка */
}
header .grid-item-53 {
	grid-column: 5 / 6; /* дополнительное меню сендвич */
	grid-row:  1 / 2; 
}
header .grid-item-63 {
	grid-column: 1 / 6; /* строка поиска */
	grid-row: 2 / 3; /* строка */
	justify-self: stretch;
}
header .grid-item-73 {
	grid-column: 1 / 6; /* строка дополнительного меню */
	grid-row: 3 / 4; /* строка */
	justify-self: stretch;
}
footer .container1.visible-xs {
	padding:20px 5vw 20px 20vw;
}
footer {position:relative}	
.top {position:absolute; top:-30px; right:3vw}

@media (max-width: 768px) {
	.top {position:absolute; top:-10vw; right:1vw; width:20vw}
	.telephone-footer {display:block;font-size:8vw}
	.powered {text-align:center}
}
/* Выпадающее меню */
.logomenudesk {
	max-width:50vw;
}

/*Оплата и заказ слайдер*/
.slider-usloviya-grid-container {
	display: grid;
    grid-template-columns: repeat(2, 1fr); /* 3 столбца равной ширины */
    grid-template-rows: auto auto; /* 3 строки с разными размерами */
    gap: 0;
    justify-content: center; /* горизонтальное выравнивание */
    align-content: center; /* вертикальное выравнивание */
	text-transform:uppercase;
	background:#00bacc;
}
.slider-usloviya-item {
	justify-self: start; /* горизонтальное выравнивание */
    align-self: center; /* вертикальное выравнивание */
	padding:10px;
	color:#fff;
	font-size:1.8rem;
	font-weight:600;
	line-height:1;
}

.slider-usloviya-item-1 {
	grid-column: 1 / 3; 
    grid-row: 1 / 2; 
	justify-self: stretch;
	padding:0;
}/*Ячейка с картинкой*/
	.slider-usloviya-img {width:100%}

.slider-usloviya-item-2 {
	grid-column: 1 / 2; 
    grid-row: 2 / 3; 
	justify-self: stretch;
	align-self: stretch;
	background:#282828;
}/*Условия заказа ячейка*/
	.usloviya-zakaza-grid-container {
		display: grid;
		grid-template-columns: repeat(2, 1fr); /* 3 столбца равной ширины */
		grid-template-rows: auto auto; /* 3 строки с разными размерами */
		gap: 0;
		justify-content: center; /* горизонтальное выравнивание */
		align-content: center; /* вертикальное выравнивание */
	}/*Условия заказа она же контейнер*/
	.usloviya-zakaza-item {}
		.usloviya-zakaza-item-1 {
			grid-column: 1 / 3; 
			grid-row: 1 / 2;
			font-size:2.8rem;
			line-height:1.3;
		}
		.usloviya-zakaza-item-2 {
			grid-column: 1 / 2; 
			grid-row: 2 / 3;
		}
		.usloviya-zakaza-item-3 {
			grid-column: 2 / 3; 
			grid-row: 2 / 3;
			justify-self: start;
			align-self: center;
			font-size:3.5rem;
			color:#00d2e6;
		}

.slider-usloviya-item-3 {
	grid-column: 2 / 3; 
    grid-row: 2 / 3;
	
	justify-self: stretch;
}/*Условия оплаты ячейка*/
	.usloviya-oplata-img {display:inline-block; vertical-align:middle}
	.usloviya-oplata-text {display:inline-block; vertical-align:middle; max-width:60%}

@media (max-width: 767px) {
	 /*Оплата и заказ слайдер мобильная версия*/
	.slider-usloviya-grid-container {
		display: grid;
		grid-template-columns: 100%; /* 3 столбца равной ширины */
		grid-template-rows: auto auto auto; /* 3 строки с разными размерами */
		gap: 0;
		justify-content: center; /* горизонтальное выравнивание */
		align-content: center; /* вертикальное выравнивание */
	}
	.slider-usloviya-item {
		justify-self: start; /* горизонтальное выравнивание */
		align-self: center; /* вертикальное выравнивание */
		padding:10px;
		font-size:1.8rem;
		font-weight:600;
		line-height:1;
	}

	.slider-usloviya-item-1 {
		grid-column: 1 / 2; 
		grid-row: 1 / 2; 
		justify-self: stretch;
		padding: 12vh;
		background-image:url("../image/oplataslider_03.jpg"); background-position:center center; background-repeat:no-repeat; background-size: cover;
	}/*Ячейка с картинкой*/
		.slider-usloviya-img {display:none}

	.slider-usloviya-item-2 {
		grid-column: 1 / 2; 
		grid-row: 2 / 3; 
		justify-self: stretch;
		align-self: stretch;
		background:#282828;
		padding-top:3vw;
		padding-bottom:3vw;
	}/*Условия заказа ячейка*/
		.usloviya-zakaza-grid-container {
			display: grid;
			grid-template-columns: repeat(2, 1fr); /* 3 столбца равной ширины */
			grid-template-rows: auto auto; /* 3 строки с разными размерами */
			gap: 0;
			justify-content: center; /* горизонтальное выравнивание */
			align-content: center; /* вертикальное выравнивание */
			padding-left:10vw;
		}/*Условия заказа она же контейнер*/
		.usloviya-zakaza-item {}
			.usloviya-zakaza-item-1 {
				grid-column: 1 / 3; 
				grid-row: 1 / 2;
				font-size:2.8rem;
				line-height:1.3;
			}
			.usloviya-zakaza-item-2 {
				grid-column: 1 / 2; 
				grid-row: 2 / 3;
			}
			.usloviya-zakaza-item-3 {
				grid-column: 2 / 3; 
				grid-row: 2 / 3;
				justify-self: start;
				align-self: center;
				font-size:3.5rem;
				color:#00d2e6;
			}

	.slider-usloviya-item-3 {
		grid-column: 1 / 2; 
		grid-row: 3 / 4;
		padding-left:10vw;
		justify-self: stretch;
		padding-top:3vw;
		padding-bottom:3vw
	}/*Условия оплаты ячейка*/
		.usloviya-oplata-img {display:inline-block; vertical-align:middle; height:110px; padding-right:10px}
		.usloviya-oplata-text {display:inline-block; vertical-align:middle} 
}
@media (max-width: 580px) {
	.slider-usloviya-item {
		font-size:1.3rem;
	}
	.usloviya-zakaza-item-1 {
				font-size:2.0rem;
			}
	.usloviya-zakaza-item-3 {
				font-size:2.5rem;
				padding-left:10px;
			}
	.usloviya-oplata-img {height:90px; padding-right:10px}
}
@media (max-width: 400px) {
	.slider-usloviya-item {
		font-size:1rem;
	}
	.usloviya-zakaza-item-1 {
				font-size:1.7rem;
			}
	.usloviya-zakaza-item-3 {
				font-size:2rem;
				padding-left:10px;
			}
	.usloviya-oplata-img {height:60px; padding-right:5px}
}
/*Доставка*/
.dostavka-grid-conteiner {
    display: grid;
		grid-template-columns: 1fr 1fr; /* 3 столбца равной ширины */
		grid-template-rows: auto auto; /* 3 строки с разными размерами */
		gap: 10px;
		justify-content: center; /* горизонтальное выравнивание */
		align-content: center; /* вертикальное выравнивание *//* Стили для контейнера */
		padding:40px 0;
}

.dostavka-grid-item {
    /* Общие стили для всех элементов сетки */
}
.dostavka-grid-item h2 {
    padding-bottom: 40px;
	background-image:url("../image/polosazag_03.jpg"); background-position:center bottom; background-repeat:no-repeat; background-size: 200px 4px;
	margin: 1.5rem auto;
}

.dostavka-grid-item h3 {
	text-align:center;
	text-transform:uppercase;
	max-width:60%;
    padding-bottom: 30px;
	background-image:url("../image/polosazag_03.jpg"); background-position:center bottom; background-repeat:no-repeat; background-size: 200px 4px;
	display: block;
    margin: 1.5rem auto;
}

.dostavka-grid-item-1 {
    grid-column: 1 / 3; 
	grid-row: 1 / 2;/* Стили для первого элемента */
	text-align:center;
	text-transform:uppercase;
	
}
.dostavka-grid-item-2 {
    grid-column: 1 / 2; 
	grid-row: 2/ 3;    /* Стили для второго элемента */
	justify-self: center; /* горизонтальное выравнивание */
    align-self: center; /* вертикальное выравнивание */
	text-align:center;
}

.dostavka-grid-item-3 {
    grid-column: 2 / 3; 
	grid-row: 2/ 3;   /* Стили для третьего элемента */
	text-align:center;
}

@media (max-width: 768px) {
	.dostavka-grid-conteiner {
		grid-template-columns: 1fr;
	}
	.dostavka-grid-item {
    /* Общие стили для всех элементов сетки */
	}
	.dostavka-grid-item h2 {
		padding-bottom: 40px;
		background-image:url("../image/polosazag_03.jpg"); background-position:center bottom; background-repeat:no-repeat; background-size: 200px 4px;
		margin: 1.5rem auto;
	}

	.dostavka-grid-item h3 {
		text-align:center;
		text-transform:uppercase;
		max-width:60%;
		padding-bottom: 30px;
		background-image:url("../image/polosazag_03.jpg"); background-position:center bottom; background-repeat:no-repeat; background-size: 200px 4px;
		display: block;
		margin: 1.5rem auto;
	}

	.dostavka-grid-item-1 {
		grid-column: 1 / 2; 
		grid-row: 1 / 2;/* Стили для первого элемента */
		text-align:center;
		text-transform:uppercase;
		
	}
	.dostavka-grid-item-2 {
		grid-column: 1 / 2; 
		grid-row: 2/ 3;    /* Стили для второго элемента */
		justify-self: center; /* горизонтальное выравнивание */
		align-self: center; /* вертикальное выравнивание */
		text-align:center;
	}

	.dostavka-grid-item-3 {
		grid-column: 1 / 2; 
		grid-row: 3/ 4;   /* Стили для третьего элемента */
		text-align:center;
	}
}

/* Второй блок на всю ширину */
.dostavka-container2 {background:#00bacc; padding:20px 0; color:#000}
.dostavka-grid-conteiner2 {
    display: grid;
		grid-template-columns: 1fr 80px 80px 1fr; /* 3 столбца равной ширины */
		grid-template-rows: auto; /* 3 строки с разными размерами */
		gap: 0;
		justify-content: center; /* горизонтальное выравнивание */
		align-content: center; /* вертикальное выравнивание */
		font-size:1.5rem;
}
.dostavka-container2 .dostavka-grid-item {
    align-self: center; /* Общие стили для всех элементов сетки */
}
.dostavka-grid-item-4 {
    grid-column: 1 / 2; 
	grid-row: 1/ 2;    /* Стили для четвертого элемента */
	padding-left:2rem;
	padding-right:1rem;
}

.dostavka-grid-item-5 {
    grid-column: 2 / 4; 
	grid-row: 1/ 2;    /* Стили для пятого элемента */
}

.dostavka-grid-item-6 {
    grid-column: 4 / 5; 
	grid-row: 1/ 2;    /* Стили для шестого элемента */
	padding-left:2rem;
	padding-right:1rem;
}

@media (max-width: 768px) {
	.dostavka-grid-conteiner2 {
		grid-template-columns: 1fr;
	}
	.dostavka-container2 .dostavka-grid-item {
    align-self: center;
	text-align:center;	/* Общие стили для всех элементов сетки */
	}
	.dostavka-grid-item-4 {
		grid-column: 1 / 2; 
		grid-row: 1/ 2;    /* Стили для четвертого элемента */
		padding-left:2rem;
		padding-right:1rem;
	}

	.dostavka-grid-item-5 {
		grid-column: 1 / 2; 
		grid-row: 2/ 3;    /* Стили для пятого элемента */
	}

	.dostavka-grid-item-6 {
		grid-column: 1 / 2; 
		grid-row: 3/ 4;    /* Стили для шестого элемента */
		padding-left:2rem;
		padding-right:1rem;
	}
}
/* Третий блок на всю ширину */ 
.dostavka-container3 {
	background-image:url("../image/polosa_21.jpg"); background-position:center center; background-repeat:repeat-y; background-size: ;
	font-size:1.5rem;
}
.dostavka-container3 .dostavka-grid-item {
    align-self: center; /* Общие стили для всех элементов сетки */
}

.dostavka-grid-conteiner3 {
    display: grid;
		grid-template-columns: 1fr 3fr 14px 50%; 
		grid-template-rows: auto; 
		gap: 0;
		justify-content: center; /* горизонтальное выравнивание */
		align-content: center; /* вертикальное выравнивание *//* Стили для контейнера */
}
.dostavka-grid-item-7 {
    grid-column: 1 / 2; 
	grid-row: 1/ 2;  
        /* Стили для седьмого элемента */
}

.dostavka-grid-item-8 {
    grid-column: 2 / 3; 
	grid-row: 1/ 2;
	color:#fff;
	padding-left:1rem;
	padding-right:2rem; 
	text-transform:uppercase;
	font-size:1.5rem;/* Стили для восьмого элемента */

}
@media (max-width: 1200px) {
	.dostavka-grid-item-8 {
	font-size:1rem;/* Стили для восьмого элемента */
	}
}
.dostavka-grid-item-polosa {
    grid-column: 3 / 4; 
	grid-row: 1/ 2;
	background: #00bacc; 
	 justify-self: stretch; /* горизонтальное выравнивание */
    align-self: stretch ;/* Стили для девятого элемента */
}
.dostavka-grid-item-polosa img {
    height:100%;
}
.dostavka-grid-item-9 {
    grid-column: 4 / 5; 
	grid-row: 1/ 2;
	padding-left:2rem;
	padding-right:2rem;     /* Стили для девятого элемента */
}
@media (max-width: 768px) {
	.dostavka-grid-conteiner2 {
		grid-template-columns: 1fr;
	}
	.dostavka-container3 {
	background-image:none;
	font-size:1.5rem;
	}
	.dostavka-container3 .dostavka-grid-item {
		align-self: center; /* Общие стили для всех элементов сетки */
	}

	.dostavka-grid-conteiner3 {
		display: grid;
			grid-template-columns: 1fr 3fr; 
			grid-template-rows: auto auto; 
			gap: 0;
			justify-content: center; /* горизонтальное выравнивание */
			align-content: center; /* вертикальное выравнивание */
			background:#2c2c2c;
			color:#000;
	}
	.dostavka-grid-item-7 {
		grid-column: 1 / 2; 
		grid-row: 1/ 2;  
		padding:10px;
			/* Стили для седьмого элемента */
	}

	.dostavka-grid-item-8 {
		grid-column: 2 / 3; 
		grid-row: 1/ 2;
		color:#fff;
		padding-left:1rem;
		padding-right:2rem; 
		text-transform:uppercase;
		font-size:1.5rem;/* Стили для восьмого элемента */
		padding:10px;

	}
		.dostavka-grid-item-polosa {
		display:none;/* Стили для девятого элемента */
	}
	.dostavka-grid-item-polosa img {
		height:100%;
	}
	.dostavka-grid-item-9 {
		grid-column: 1 / 3; 
		grid-row: 2/ 3;
		padding-left:2rem;
		padding-right:2rem;
		background:#eaeaea;
		padding:10px;	/* Стили для девятого элемента */
	}
}
.dostavka-text-2 {
    /* Стили для текста в втором элементе */
}

.dostavka-text-3 {
    /* Стили для текста в третьем элементе */
}

.dostavka-text-6 {
    /* Стили для текста в шестом элементе */
}
.dostavka-text-7 {
    /* Стили для текста в седьмом элементе */
}

.dostavka-text-8 {
    /* Стили для текста в восьмом элементе */
}
.dostavka-text-9 {
    /* Стили для текста в восьмом элементе */
}

.rb-gallery-0 h2 {
	padding-bottom: 40px;
	background-image:url("../image/polosazag_03.jpg"); background-position:center bottom; background-repeat:no-repeat; background-size: 200px 4px;
	margin: 1.5rem auto;
	text-align: center;
	max-width:800px;
}
button[onclick*="wishlist.add"] {
    display: none !important; /*Избранное в товаре*/
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #00b6c7;
    text-align: center;
    background-color: #242424;
    border: 1px solid #242424;
    border-radius: 4px;
}
.sortirovka_catalog a {color:#fff}
.sortirovka_catalog {margin-bottom:20px}

#content h1, #content h2, #content h3 {
    text-align: left;
    padding-bottom: 0px;
    border-bottom: none;
}
.sub_category, .sub_category_5 {
	display: flex;
	align-items: center;
	line-height:1.1;
	height:50px;
	background: #e7eff1;
	padding: 0 5px 0 15px;
	margin: 5px 0;
	overflow: hidden;
}
.sub_category:hover, .sub_category_5:hover {
	background: #00b6c7;
}
.sub_category a, .sub_category_5 a {
	
	font-weight:600;
	font-size: 0.8rem;
	
}
.sub_category li {
	display:inline-block;
	color:#242424;
}
.sub_category_5 li {
	display:inline-block;
	color:#242424;
}
/* Боковое меню категорий */
.list-group a {
    border: 1px solid #DDD;
    border-left: 8px solid #00b6bf;
    color: #242424;
    padding: 8px 12px;
    margin: 10px 0;
    background: #d5e9ee;
    font-weight: 600;
    display: block;
    transition: all 0.2s ease;
}

.list-group a:hover,
.list-group a:active {
    border-color: #d5e9ee;
    background: #d5e9ee;
}

/* Подкатегории */
.category-child,
.category-child:hover {
    border-color: #fff !important; /* important оправдан для переопределения */
    color: #242424;
    background: #fff !important;
    font-weight: 200 !important;
    margin: 0 !important;
	padding: 3px 12px !important;
}
.category-child.active {
    font-style: italic;
}
.category-child-all {
	max-height:300px;
	overflow-y: auto;
	overflow-x: hidden;
}


.product-thumb .button-group button {
	width: 80%;border: none;display: inline-block;float: left;background-color: #eee;
	color:#666;
	line-height: 38px;
	font-weight:700;
	text-align: center;
}
.sortirovka_catalog {background:#00b6c7; padding-top:15px}

/*Страница контактов*/
.contacts-container {
	background:#eaeaea;
	font-size:18px;
}
        
.image-section {
	padding:160px 0;
	background-image:url("../image/contacts_03.jpg"); background-position:center center; background-repeat:no-repeat; background-size: 50% 80%;
}
        
        .contacts-section {
            
        }
        
        .contact-item {
            
        }
        
        .contact-title {
            color: #00b9cb;
			font-weight:bolder;
			margin-top: 30px;
        }
        
        .contact-content {
            
        }
        
        .contacts-container .phone {
           font-weight:bolder;
		   font-size: 30px;	
        }
        
        .email {

        }
  	.adress_h3 {
		display: block;
		height: 40px;
		width:450px;		
		margin: -140px auto 0 auto;
		position:relative;
		top:70px;
		padding-bottom: 40px;
		text-align:center;
		font-weight:bolder;
	} 
.contacts_h3 {
    padding-bottom: 40px;
	background-image:url("../image/polosazag_03.jpg"); background-position: 180px calc(100% - 5px); background-repeat:no-repeat; background-size: 150px 3px;
} 	


@media (max-width: 768px) {
			.contacts_h3 {
    padding-bottom: 40px;
	background-image:url("../image/polosazag_03.jpg"); background-position:center bottom; background-repeat:no-repeat; background-size: 200px 4px;
	margin: 1.5rem auto;
}
    .contacts-container {
          text-align:center;  
padding-bottom:20px;
font-size:20px;		  
            }
            
    .image-section {
                padding:160px 0;
	background-image:url("../image/contacts_03.jpg"); background-position:center center; background-repeat:no-repeat; background-size: 90% 80%;
            }
			
            
    .contacts-section {
                
            }
			.contacts-container .phone {
           font-weight:bolder;
		   font-size: 34px;	
        }
	.adress_h3 {
		display: block;
		height: 40px;
		max-width:90%;		
		margin: -40px auto 0 auto;
		position:relative;
		top:60px;
		padding-bottom: 40px;
	}
.contact-title {
            color: #00b9cb;
			font-weight:bolder;
			margin-top: 20px;
			font-size:22px;
        }	
}
/* Всплывающее меню */
#fullscreen-menu {
  position: fixed;
  z-index: 9999;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  background-image: url("../image/menudesk.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s;
}

@media (min-width: 768px) {
    .navbar-header {
        display: none;
    }
	#menu {
    margin: 60px 0 0 25px;
    background-color: #00384200;
    border: none;
    border-radius: 0;
	}
	#menu .dropdown-menu {
		    background-color: #ffffff00 !important;
	}
	#menu .dropdown-menu {
    position: absolute !important;
	top:30px !important; 
	left:50vw !important;
	overflow-y: auto;
	}
	#menu .menu-inner .dropdown {
		position: static;
	}
	.fullscreen-menu-content {
  width: 100vw;
  height: 100vh;
  position: relative;
  padding: 0;
  border-radius: 0;
  max-width: none;
  max-height: none;
  background-image:url("../image/logomenudesk.png"); background-position:left top; background-repeat:no-repeat; background-size: auto 200px;

}
	
}


.menu-close {
  position: absolute;
  top: 10px; right: 25px;
  font-size: 3.5rem;
  background: none;
  font-weight: 200;
  border: none;
  color: #00c8cf;
  cursor: pointer;
  z-index: 10;
  line-height: 1;
}

.menu-scroll-area {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  /* Если нужно место для крестика — добавьте padding-top */
  padding: 60px 8vw 40px 8vw;
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  overflow-y: auto;
  /* Скрыть горизонтальный скролл, если вдруг появится */
  overflow-x: hidden;
}

.menu-inner {
  width: 100%;
  height: auto;
}

/* Стили для меню */
.menu-inner .navbar-collapse {
  columns: 220px;      /* минимальная ширина столбца */
  column-gap: 5vw;     /* отступ между столбцами */
  width: 100%;
  max-width: 50vw;
}

.menu-inner .navbar-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu-inner .dropdown {
  break-inside: avoid;
  font-size: 1.2em;
  color: #fff;
  cursor: pointer;
  transition: color 0.2s;
  width: 100%;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
	.menu-inner .dropdown {
     position: static;
}
}

/* Медиазапрос для мобильных и узких экранов */
@media (max-width: 900px) {
  .menu-inner .navbar-collapse {
    columns: 2 160px;
    column-gap: 4vw;
  }
  .menu-scroll-area {
    padding: 30px 3vw 30px 3vw;
  }
}
@media (max-width: 600px) {
  .menu-inner .navbar-collapse {
    columns: 1 100%;
    column-gap: 0;
  }
  .menu-scroll-area {
    padding: 20px 1vw 20px 1vw;
  }
  #menu .dropdown-inner ul {
    display: block;
}
}
@media (max-width: 768px) {
	.navbar-header {
		background-image:url("../image/logofooter.png"); background-position:center center; background-repeat:no-repeat; background-size: 50%;
	}
	.catalog_mobile {
		color:#00b6c7;
		font-size:1.6rem;
	}
	#menu .nav > li > a {
		color: #fff;
		padding: 0.3rem 1rem;
		font-size: 1.2rem;
		text-transform: uppercase;
		line-height: 1.1;
	}
}
/* Настройка карточки товара */
.table-bordered tbody tr:nth-child(odd) {
  background-color: #edefef; /* светлый цвет для нечётных строк */
}
.table-bordered tbody tr:nth-child(even) {
  background-color: #e1ebee; /* другой цвет для чётных строк */
}
.table-bordered tbody tr {
  border-bottom: 2px solid #fff;
}
.table-bordered tbody td {
  border: none !important;
}
.nav-tabs-tovar {
    border-bottom: 10px solid #00b6c7;
}
.nav-tabs-tovar>li {
    margin-bottom: -9px;
}
.nav-tabs-tovar>li.active {
	border-bottom: 10px solid #ff8a00;
}
.nav-tabs-tovar>li.active>a, .nav-tabs-tovar>li.active>a:focus, .nav-tabs-tovar>li.active>a:hover {
    background-color: #fff;
    border: none;
    border-bottom-color: transparent;
}
.nav-tabs-tovar>li>a:hover {
    text-decoration: none;
    background-color: #eeeeee00;
}
.nav-tabs-tovar a {
	color: #303030;
	text-transform:uppercase;
}
.heading_title_product {
	font-size:1.7rem;
}
.thumbnail {
    display: block;
    padding: 40px 4px;
    margin-bottom: 20px;
    line-height: 1.4;
    background-color: #fff;
    border: 1px solid #00b6c7;
    border-radius: 2px;
}
.block_info_product {
	background: #e7eff1;
}
#product {
	padding:10px;
	border: 1px solid #00b6c7;
	background:#d2e5e9;
}
#product input {
	border: 1px solid #00b6c7;
}

.mapsstar {
    display: block;
    height: 50px;
    margin-bottom: -80px;
    position: relative;
    top: -140px;
	left:20px;
    z-index: 1000;
}
/*Страница заказа*/
.checkout_h1 {
	display:block;
	font-size:26px;
	text-align:center !important;
}
#quickcheckoutconfirm {
	display:block;
	max-width:80%;
	margin:auto;
}
.quickcheckoutleft #payment-address {
	background:#00b6c7;
}
.quickcheckout-heading {
    font-size: 16px;
    color: #00b6c7 !important;
    margin-top: 10px;
    background: #242424 !important;
    padding: 10px;
}
.quickcheckout-cart thead tr .image,
.quickcheckout-cart thead tr .name,
.quickcheckout-cart thead tr .total,
.quickcheckout-cart thead tr .price1,
.quickcheckout-cart thead tr .quantity {
    font-size: 16px;
    color: #00b6c7 !important;
    margin-top: 10px;
    background: #242424 !important;
    padding: 10px;
}
.quickcheckout-cart tr:nth-child(even) {
  background-color: #cccccc40;
}
.quickcheckout-cart tr:nth-last-child(-n + 1) {
  background-color: #00b6c761; /* Серый фон */
  font-weight: bold;        /* Жирный текст */
}
/*Корзина*/
.korzina {
	height:50px;
}
.vhod {
	height:50px;
}

@media (max-width: 767px) {
	.korzina {
		height:35px;
	}
	.vhod {
		height:35px;
	}
}

#cart-total {
	font-size:0.9rem !important;
	padding: 0 !important;
	margin: 0 !important;
}
.total_pay {
	position:relative;
	bottom:7px;
}

/*Доработка*/
@media (max-width: 478px) {
    #cart .dropdown-menu {
        width: auto;
    }
}
@media (max-width: 768px) {
	#cart.open .table-bordered a {
		display:block;
		width:100%;
		text-align:right;
	}
	#cart {
		position:relative;
		top:15px;
	}
}
@media (max-width: 478px) {
	#cart.open .text-right {
		text-align: left;
	}
}
@media (max-width: 1200px) {
		.product-thumb .button-group button {
			width: 66%;
		}
		.product-thumb .button-group button .fa {
			font-size: 24px;
			color:#00b6c7;
		}
		.product-thumb .button-group button {
			background-color: #003342;
		}
}