body {
	font-family: 'Noto Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #898B91;
	margin: 0;
	padding: 0;
	width: 100%;
}

@media only screen and (max-width: 990px) {
	body {
		font-size: 14px;
		line-height: 22px;
	}
}

a {
	text-decoration: none;
}

ul, li {
	margin: 0;
	padding: 0;
}

h1 {
	font-family: 'Raleway', serif;
	font-size: 40px;
}

#topmost,
#header,
#footer {
	display: flex;
	flex-direction: column;
}


/*
	Delivery conditions in the site header
 */

#topmost {
	display: none;
	background-color: #C0CAE2;
	color: #494D56;
	font-weight: 500;
	align-items: center;
	gap: 10px;
	position: relative;
	text-align: center;
}

#topmost > div {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 8px 80px;
	max-width: 100%;
}

#topmost button {
	position: absolute;
	top: 50%;
	right: 25px;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*
	Header
 */

#header {
	background-color: #FFF;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
}

#header > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 16px;
}

#header .header-row {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	padding: 16px 0;
}

#header .header-row:nth-child(1) {
	padding-bottom: 0;
}

#header .header-row:nth-child(2) {
	padding-top: 0;
}

#primary-menu-trigger {
	display: none;
	height: 32px;
	width: 32px;
	justify-content: center;
	align-items: center;
	gap: 16px;
}

#primary-menu-trigger.active img {
	content: url(../images/menu.svg);
}

#primary-menu-trigger.active img {
	content: url(../images/close.svg);
}

#header .shopping-cart-trigger {
	position: relative;
	cursor: default;
}

#header .header-row:nth-child(1) .shopping-cart-trigger {
	display: none;
}

#header .shopping-cart-trigger.active {
	cursor: pointer;
}

#header .shopping-cart-goods-number {
	display: none;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #FFF;
	background-color: #F0554B;
	position: absolute;
	top: -13px;
	right: -13px;
	width: 24px;
	height: 24px;
	text-align: center;
	border-radius: 50%;
	z-index: 100;
	overflow: hidden;
}

#header .shopping-cart-goods-number.active {
	display: block;
}

/* Logo */
#header #logo img {
	height: 80px;
	width: auto;
}

#header #logo a {
	display: block;
	height: 100%;
	width: 100%;
}

/* Actions in first row */
#header .header-row:nth-child(1) .actions {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0;
	gap: 24px;
	position: relative;
}

#header .actions .item {
	border-radius: 8px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 16px;
}

#header .actions .item,
#header .actions .item a {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #494D56;
}

#header .actions .call-me {
	text-align: right;
}

#header .actions .tel {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
	background-color: #C0CAE2;
/*     display: flex;
flex-direction: row; */
	flex-wrap: nowrap;
	padding: 8px 16px;
	justify-content: center;
	align-items: center;
}

#header .actions .tel > span {
    font-size: 10px;
    line-height: 10px;
}

#header .actions .tel a {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	/*padding: 8px 16px;*/
	height: 100%;
	width: 100%;
	justify-content: center;
	align-items: center;
}

#header .actions .tel a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

#header .actions .tel img {
	margin-right: 16px;
}

#header .actions .tel span {
}

#header .actions .tel:hover {
	background-color: #747A88;
	transition: 300ms;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
}

#header .actions .tel:hover * {
	color: #FFF;
	transition: 300ms;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
}

#header #primary-menu-trigger:hover,
#header .actions .tel:hover {
	background-color: #E9ECF5 !important;
	border-radius: 8px;
}

#header .actions .tel:hover img {
	filter: invert(100%) saturate(0%) hue-rotate(0deg) brightness(1000%) contrast(100%);
}

/* Call me popup */

.business-type {
	font-size: 14px;
	line-height: 18px;
}

.mobile.actions .business-type {
	display: none;
}

.call-me {
	cursor: pointer;
}

.call-me-popup {
	background-color: #fff;
	display: none;
	flex-flow: column;
	position: absolute;
	z-index: 900;
	border-radius: 8px;
	padding: 32px;
	gap: 24px;
	max-width: 29rem;
}

.call-me-popup form {
	display: flex;
	flex-flow: column;
	justify-content: stretch;
	gap: 24px;
}

.call-me-popup.active {
	display: flex;
}

.call-me-popup .close {
	position: absolute;
	right: 8px;
	top: 8px;
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.call-me-popup .close:hover {
	background-color: #E9ECF5;
	border-radius: 8px;
	-webkit-transition: background-color 300ms ease;
	-moz-transition: background-color 300ms ease;
	-o-transition: background-color 300ms ease;
	transition: background-color 300ms ease;
}

.call-me-popup .close img {
	height: 24px;
	width: 24px;
	filter: invert(26%) sepia(20%) saturate(306%) hue-rotate(183deg) brightness(95%) contrast(82%);
}

.call-me-popup .close img:hover {
	cursor: pointer;
}

.call-me-popup h2 {
	color: #494D56;
	font-family: 'Raleway', serif;
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	margin: 0 0 8px 0;
	padding: 0;
}

.call-me-popup p {
	margin: 0;
	padding: 0;
	width: 60%;
	min-width: 299px;
}

.call-me-popup .btn {
	width: 100%;
}

/* Main menu */
#header .primary-menu .menu-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0;
	margin: 0;
	gap: 24px;
}

#header .primary-menu .menu-item {
	font-family: 'Raleway', serif;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: #494D56;
	list-style-type: none;
	padding: 8px 0;
	width: fit-content;
}

#header .primary-menu .menu-link {
	color: #494D56;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	position: relative;
}

#header .primary-menu .menu-link img {
	display: none;
}

#header .primary-menu .menu-link::after {
	display: block;
	content: '';
	position: absolute;
	bottom: -3px;
	left: 50%;
	height: 2px;
	border-bottom: 2px solid #FFF;
	transition: width .3s ease, border-bottom-color .4s;
	-webkit-transition: width .3s ease, border-bottom-color .4s;
	-o-transition: width .3s ease, border-bottom-color .4s;
	transform: translateX(-50%);
	width: 0;
}

#header .primary-menu .menu-link:hover::after {
	border-bottom-color: #494D56;
	width: 100%;
	transition: width .4s, border-bottom-color .4s;
	-webkit-transition: width .4s, border-bottom-color .4s;
	-moz-transition: width .4s, border-bottom-color .4s;
	-o-transition: width .4s, bo
}

#header .primary-menu .sub-menu-container {
	display: none;
	position: absolute;

	flex-direction: column;
	gap: 24px;

	background: #FFFFFF;
	box-shadow: 0 4px 35px rgba(73, 77, 86, 0.2);
	border-radius: 8px;
	border: 1px solid #ccc;

	margin: 3px 0 0 0;
	padding: 32px;

	z-index: 100;
}

.sub-menu-container li {
	padding: 8px 0;
}

#header .primary-menu .mobile {
	display: none;
}

/*
	Shopping cart
*/

#header .shopping-cart {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

#header .shopping-cart {
	background: #FFFFFF;
	box-shadow: 0 4px 35px rgba(73, 77, 86, 0.2);
	border-radius: 8px;
	display: none;
	position: absolute;
	right: 50px;
	padding: 32px;
	max-width: 50%;
	z-index: 300;
}

#header .shopping-cart.active {
	display: flex;
}

.shopping-cart .cart-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
}

.shopping-cart .cart-item {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0;
	gap: 24px;
	width: 100%;
}

.shopping-cart .cart-image {
	background-color: #F6F7FB;
	border-radius: 8px;
	flex: 0 0 auto;
	height: 95px;
	width: 95px;
}

.shopping-cart .cart-image a {
	display: block;
	height: 100%;
	width: 100%;
}

.shopping-cart .cart-image img {
	height: auto;
	width: 100%;
	margin: 0;
	padding: 0;
}

.shopping-cart .cart-description {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0;
	gap: 4px;
	width: 100%;
}

.shopping-cart .cart-description a.cart-title {
	color: #494D56;
	font-family: 'Raleway', serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 32px;
}

.shopping-cart .cart-description .cart-category {
	color: #898B91;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 16px;
}

.shopping-cart .cart-description .cart-category li {
	list-style-type: none;
}

.shopping-cart .cart-price,
.shopping-cart .cart-quantity {
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	color: #494D56;
	padding-top: 16px;
	white-space: nowrap;
}

.shopping-cart .cart-item-remove-action {
	display: block;
	width: 100%;
	height: 100%;
}

.shopping-cart .cart-footer {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 8px;

	font-family: 'Noto Sans', sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	color: #494D56;
}

.shopping-cart .cart-footer .cart-total-label,
.shopping-cart .cart-footer .cart-total-value {

}


/* Responsive layout */

@media only screen and (max-width: 768px) {
	#header #logo img {
		height: 56px;
		width: auto;
	}

	#header #header-wrap {
		margin: 0;
		padding: 0;
	}

	#header .header-row {
		gap: 8px;
	}

	#primary-menu-trigger {
		display: flex;
	}

	#header .header-row:nth-child(1) {
		justify-content: space-between;
		padding: 12px 16px;
		margin: 0;
	}

	#header .header-row:nth-child(1) .actions .business-type,
	#header .header-row:nth-child(1) .actions .call-me,
	#header .header-row:nth-child(1) .actions .tel span,
	#header .header-row:nth-child(2) .actions {
		display: none;
	}

	#header .header-row:nth-child(1) .actions .tel {
		background: none;
		height: 32px;
		width: 32px;
		padding: 0;
	}

	#header .header-row:nth-child(1) .actions .tel a,
	#header .header-row:nth-child(1) .actions .tel img {
		padding: 0;
		margin: 0;
	}

	#header .header-row:nth-child(1) .actions .tel:hover img {
		filter: none;
	}

	#header .header-row:nth-child(1) .actions .shopping-cart-trigger {
		display: flex;
	}

	#header .header-row:nth-child(1) .actions .shopping-cart-goods-number {
		font-size: 13px;
		line-height: 16px;
		top: -5px;
		right: -8px;
		height: 16px;
		width: 16px;
	}

	#header .header-row:nth-child(2) {
		display: none;
		background: #FFF;
		align-items: start;
		justify-content: start;
		position: relative;
		width: 100%;
		padding: 16px 16px 40px 16px;
	}

	#header .primary-menu {
		display: flex;
		flex-flow: column wrap;
		gap: 32px;
	}

	#header .primary-menu .menu-container {
		align-items: start;
		flex-direction: column;
		gap: 8px;
	}

	#header .primary-menu .menu-item {
		padding: 16px 0;
		gap: 16px;
		width: 100%;
	}

	#header .primary-menu .menu-item.active {
		padding-bottom: 0;
	}

	#header .primary-menu .menu-item.active > .menu-link img {
		content: url(../images/chevron-up.svg);
	}

	#header .primary-menu .menu-link img {
		display: block;
	}

	#header .primary-menu .menu-link::after {
		display: none;
	}

	#header .primary-menu .sub-menu-container {
		background: none;
		border: none;
		box-shadow: none;
		position: relative;
		gap: 8px;
		padding: 16px 0 0 16px;
	}

	#header .primary-menu .mobile,
	#header .primary-menu .mobile.submenu,
	#header .primary-menu .mobile.actions {
		display: flex;
	}

	#header .primary-menu .mobile.submenu {
		align-items: center;
		flex-flow: row wrap;
		justify-content: start;
		gap: 16px;
	}

	#header .primary-menu .mobile.submenu a,
	#header .primary-menu .mobile.submenu a:visited {
		color: #898B91;
		font-weight: 400;
		font-size: 14px;
		line-height: 16px;
	}

	#header .primary-menu .mobile.submenu .dot {
		width: 4px;
		height: 4px;
		background: #E4E4E6;
		border-radius: 23px;
	}

	#header .primary-menu .mobile.actions {
		flex-flow: column;
		gap: 16px;
	}
}


/* Breadcrumbs */
#breadcrumbs {
	background-color: #F6F6F7;
	border-bottom: 1px solid #BFC1C4;
}

#breadcrumbs ol {
	margin: 0;
	padding: 0;
}

#breadcrumbs > div {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 8px calc(var(--bs-gutter-x) * .5);
	gap: 8px;
}

#breadcrumbs ol {
	display: flex;
	flex-flow: row wrap;
	justify-content: start;
	align-items: center;
	overflow: hidden;
	gap: 8px;
}

#breadcrumbs li {
	padding: 0;
	margin: 0;
}

#breadcrumbs a {
	color: #494D56;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
}

@media only screen and (max-width: 768px) {
	#breadcrumbs a {
		font-weight: 400;
		font-size: 12px;
		line-height: 16px;
	}

	#breadcrumbs img {
		width: 16px;
		height: auto;
	}
}

/*
	Footer
*/
#footer > div:nth-of-type(1) {
	background-color: #494D56;
	align-items: center;
	padding: 32px 0 40px;
	margin: 80px 0 0 0;
}

#footer > div:nth-of-type(1) .footer-logo {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: end;
	padding-bottom: 24px;
	gap: 10px;
}

#footer > div:nth-of-type(1) .footer-logo img:nth-of-type(1) {
	height: 80px;
	width: auto;
}

#footer > div:nth-of-type(1) .footer-logo img:nth-of-type(2) {
	height: 24px;
	width: 194px;
	filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(276deg) brightness(103%) contrast(101%);
}

#footer .footer-wrapper {
	display: flex;
	flex-flow: row wrap;
	padding-top: 40px;
}

#footer .footer-wrapper .footer-menu {
	display: flex;
	flex-flow: row wrap;
	gap: 40px;
	width: 65%;
	justify-content: start;
}

#footer .footer-wrapper .footer-info {
	display: flex;
	flex-flow: column;
	gap: 24px;
	width: 35%;
}

@media only screen and (max-width: 992px) {
	#footer .footer-wrapper .footer-menu,
	#footer .footer-wrapper .footer-info {
		width: 100%;
	}

	#footer .footer-wrapper .footer-menu {
		justify-content: space-between;
	}

	#footer .footer-wrapper .divider {
		background: #898B91;
		height: 1px;
		min-height: 1px;
		width: 100%;
		margin: 24px 0;
	}
}

@media only screen and (max-width: 768px) {
	#footer .footer-wrapper .footer-menu {
		flex-flow: column nowrap;
		justify-content: stretch;
	}

	#footer .footer-wrapper .footer-menu > div:nth-of-type(2) {
		order: 1;
	}
}

#footer > div:nth-of-type(1) h3 {
	font-size: 16px;
}

#footer > div:nth-of-type(1) .label {
	color: #BFC1C4;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
}

#footer > div:nth-of-type(1) .tel {
	color: #FFF;
	font-size: 32px;
	font-weight: 700;
	line-height: 40px;
}

@media only screen and (max-width: 768px) {
	#footer > div:nth-of-type(1) .label {
		color: #BFC1C4;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 16px; /* 133.333% */
	}

	#footer > div:nth-of-type(1) .tel {
		color: #FFFFFF;
		font-size: 20px;
		font-weight: 700;
		line-height: 28px;
	}
}

#footer > div:nth-of-type(1) ul {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	list-style-type: none;
	gap: 16px;
}

#footer > div:nth-of-type(1) ul li,
#footer > div:nth-of-type(1) ul li a {
	color: #E4E4E6;
	display: block;
	font-family: 'Noto Sans', sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	position: relative;
	width: 100%;
}

#footer .menu-item.has-submenu {
	color: #FFFFFF;
}

#footer .menu .menu-item > .menu {
	margin-top: 40px;
}

@media only screen and (max-width: 768px) {
	#footer > div:nth-of-type(1) ul li,
	#footer > div:nth-of-type(1) ul li a {
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 18px;
	}
}

#footer .footer-menu .menu-trigger {
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(25deg) brightness(116%) contrast(100%);
	position: absolute;
	display: block;
	cursor: pointer;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
}

#footer .footer-menu .menu .menu-trigger {
	content: url("../images/chevron-down.svg");
}

#footer .footer-menu .menu .active .menu-trigger {
	content: url("../images/chevron-up.svg");
}

@media only screen and (max-width: 768px) {
	#footer .footer-menu .menu-trigger {
		visibility: visible;
	}

	#footer .footer-menu .menu :not(.active) .menu {
		display: none;
	}
}

#footer .footer-menu .menu-trigger:hover {
	background-color: #CCCCCC;
	border-radius: 8px;
	-webkit-transition: background-color 300ms ease;
	-moz-transition: background-color 300ms ease;
	-o-transition: background-color 300ms ease;
	transition: background-color 300ms ease;
}

/* Второй подвал на белом фоне */

#footer > div:nth-of-type(2) {
	padding-top: 40px;
	padding-bottom: 40px;
}

#footer > div:nth-of-type(2) h2 {
	color: #494D56;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	padding: 0;
	margin: 0 0 16px 0;
}

#footer > div:nth-of-type(2) li {
	list-style-type: none;
	color: #898B91;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

#footer .payment-methods {
	display: flex;
	flex-flow: row wrap;
	justify-content: end;
	align-items: center;
	gap: 16px;
}

#footer .payment-methods img {
	margin: 0;
	padding: 0;
}

@media only screen and (max-width: 990px) {
	#footer > div:nth-of-type(1) .footer-logo {
		flex-flow: column;
		justify-content: center;
		align-items: center;
	}

	#footer .payment-methods {
		justify-content: start;
		margin-top: 1rem;
	}
}


/*
	Content pages
 */

/* Sections header  */
#page-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 300px;
	width: 100%;
}

#page-title h1 {
	color: #FFF;
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
}

article h1 a,
article h1 {
	color: #494D56;
	font-family: 'Raleway', serif;
	font-size: 48px;
	font-weight: 700;
	line-height: 56px;
	margin: 0 0 24px 0;
	padding: 0;
}

article h2,
article h2 a {
	color: #494D56;
	font-family: 'Raleway', serif;
	font-size: 32px;
	font-weight: 700;
	line-height: 40px;

	margin: 0 0 24px 0;
	padding: 0;
}

article h3,
article h3 a {
	color: #494D56;
	font-family: 'Noto Sans', sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	margin: 0;
	padding: 0;
}

@media only screen and (max-width: 768px) {
	article h1 a,
	article h1 {
		font-size: 32px;
		line-height: 40px;
	}

	article h2,
	article h2 a {
		font-size: 20px;
		line-height: 28px;
	}

	article h3,
	article h3 a {
		font-size: 14px;
		font-weight: 700;
		line-height: 18px;
	}
}

article img {
	height: auto;
	width: 100%;
	margin: 0;
	padding: 0 0 12px 0;
}

article p {
	margin: 0 0 24px 0;
}

article li {
	margin: 12px 0 12px 1rem;
}

.blog-articles .content {
	background-image: linear-gradient(0deg, rgba(73, 77, 86, 0.5), rgba(73, 77, 86, 0.5)), url("../images/0.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	border-radius: 8px;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	height: 300px;
}

.blog-articles .row a {
	color: #FFF;
	display: block;
	font-family: 'Raleway', serif;
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
}

.blog-articles .row .date {
	color: #EDEDEE;
	font-size: 14px;
	line-height: 16px;
}

@media only screen and (max-width: 768px) {
	.blog-articles #page-title {
		padding: 24px;
		gap: 16px;
	}

	.blog-articles #page-title h1 {
		color: #FFF;
		text-align: center;
		font-family: 'Raleway', serif;
		font-size: 32px;
		font-style: normal;
		font-weight: 700;
		line-height: 40px; /* 125% */
	}

	article.blog-articles .row div:first-of-type section,
	article.blog-articles.blog-articles .row div:last-of-type section {
		min-height: 450px;
	}

	article.blog-articles.blog-articles .row div:nth-of-type(2n) section {
		min-height: 200px;
	}

	article.blog-articles.blog-articles .row a {
		color: #FFF;
		text-align: center;
		font-family: 'Raleway', serif;
		font-size: 32px;
		font-style: normal;
		font-weight: 700;
		line-height: 40px; /* 125% */
	}
}


/* Form */

.form-control {
	color: #898B91;
}

/* Forms Validation */
.error-message {
	color: #dc3545;
	margin: 0.3rem;
}


/* One-click-order */
#one-click-order-section {
	display: none;
}

/* Scroll to top button */
#scroll-to-top {
	display: none;
	position: fixed;
	right: 16px;
	bottom: 16px;
	z-index: 900;
}

#scroll-to-top .btn {
	display: flex;
	padding: 8px;
	justify-content: center;
	align-items: center;
	gap: 16px;
	border-radius: 38px;
	background: #F6F6F7;
}

#scroll-to-top img {
	width: 24px;
	height: 24px;
}

#scroll-to-top.scrolled {
	display: block;
}

/* Side menu */
.side-menu .list-group-item {
	font-family: 'Raleway', serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 32px;
}