@font-face {
	font-family: 'CoFoSans Black';
	src: url('../fonts/CoFo_Sans-Black.ttf') format('opentype');
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: 'CoFoSans bold';
	src: url('../fonts/CoFo_Sans-Bold.ttf') format('opentype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'CoFoSans Medium';
	src: url('../fonts/CoFo_Sans-Medium.ttf') format('opentype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'CoFoSans Regular';
	src: url('../fonts/CoFo_Sans-Regular.ttf') format('opentype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Circe-Regular';
	src: url('../fonts/Circe-Regular.ttf') format('opentype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Circe-Bold';
	src: url('../fonts/Circe-Bold.ttf') format('opentype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Circe-ExtraBold';
	src: url('../fonts/Circe-ExtraBold.ttf') format('opentype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url("../fonts/Roboto Light.eot");
	src: url("../fonts/Roboto Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto Light.woff2") format("woff2"), url("../fonts/Roboto Light.woff") format("woff"), url("../fonts/Roboto Light.ttf") format("truetype"), url("../fonts/Roboto Light.svg#Roboto Light") format("svg");
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2044; }
@font-face {
	font-family: 'Roboto';
	src: url("../fonts/Roboto.eot");
	src: url("../fonts/Roboto.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto.woff2") format("woff2"), url("../fonts/Roboto.woff") format("woff"), url("../fonts/Roboto.ttf") format("truetype"), url("../fonts/Roboto.svg#Roboto") format("svg");
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2044; }
@font-face {
	font-family: 'Roboto';
	src: url("../fonts/Roboto Medium.eot");
	src: url("../fonts/Roboto Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto Medium.woff2") format("woff2"), url("../fonts/Roboto Medium.woff") format("woff"), url("../fonts/Roboto Medium.ttf") format("truetype"), url("../fonts/Roboto Medium.svg#Roboto Medium") format("svg");
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2044; }
@font-face {
	font-family: 'Roboto';
	src: url("../fonts/Roboto Bold.eot");
	src: url("../fonts/Roboto Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto Bold.woff2") format("woff2"), url("../fonts/Roboto Bold.woff") format("woff"), url("../fonts/Roboto Bold.ttf") format("truetype"), url("../fonts/Roboto Bold.svg#Roboto Bold") format("svg");
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2044; }
@font-face {
	font-family: 'Roboto';
	src: url("../fonts/Roboto Black.eot");
	src: url("../fonts/Roboto Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto Black.woff2") format("woff2"), url("../fonts/Roboto Black.woff") format("woff"), url("../fonts/Roboto Black.ttf") format("truetype"), url("../fonts/Roboto Black.svg#Roboto Black") format("svg");
	font-weight: 900;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2044; }
/*!
 *  Material Design Iconic Font by Sergey Kupletsky (@zavoloklom) - http://zavoloklom.github.io/material-design-iconic-font/
 *  License - http://zavoloklom.github.io/material-design-iconic-font/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
	font-family: 'Material-Design-Iconic-Font';
	src: url("../fonts/Material-Design-Iconic-Font.woff2?v=2.2.0") format("woff2"), url("../fonts/Material-Design-Iconic-Font.woff?v=2.2.0") format("woff"), url("../fonts/Material-Design-Iconic-Font.ttf?v=2.2.0") format("truetype");
	font-weight: normal;
	font-style: normal; }

#mm-business-page-content-product {
	margin:0 auto;
	max-width:854px;
}
#mm-business-page-content-product h2 {
	font-family:'CoFoSans Medium';
	font-size: 28px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: -0.7px;
	color: #1d1d1d;
	margin:45px 0;
}
#mm-business-page-content-product .category-list {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#mm-business-page-content-product .category-list .item {
	width: 274px;
	height: 122px;
	padding: 20px;
	border-radius: 4px;
	box-shadow: 0 2px 20px 0 rgba(47, 55, 158, 0.15);
	background-color: #ffffff;
	position:relative;
	margin-bottom: 16px;
}
#mm-business-page-content-product .category-list .item a {
	display: block;
	height: 100%;
}
#mm-business-page-content-product .category-list .item a h3 {
	display:block;
	margin-top:auto;
	position:absolute;
	bottom:20px;
	left:20px;
	font-family:'CoFoSans Medium';
	font-size: 21px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.84px;
	color: #1d1d1d;
	margin: 0;
}
#mm-business-page-content-product .category-list .item a h3.new::before {
	content:'Новинка';
	font-family:'CoFoSans Medium';
	font-size: 16px;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.64px;
	color: #f18f29;
	padding: 2px 12px;
	border-radius: 12.5px;
	border: solid 1px #008b00;
	position:absolute;
	top: -30px;
}
#mm-business-page-content-product .category-list .item a img {
	width:32px;
	height:32px;
	display:block;
	margin-bottom: auto;
	margin-left: auto;
	object-fit: contain;
}
#mm-business-page-content-product .sale {
	width:100%;
	padding:24px;
	border-radius: 4px;
	box-shadow: 0 2px 20px 0 rgba(47, 55, 158, 0.15);
	background-color: #ffffff;
	display:flex;
	margin:0px 0 25px 0;
}
#mm-business-page-content-product .sale img {
	width: 32px;
	height: 32px;
	object-fit: contain;
}
#mm-business-page-content-product .sale h3 {
	font-family: 'CoFoSans Medium';
	font-size: 28px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: -0.7px;
	color: #1d1d1d;
	text-transform: none;
	padding-left:24px;
}
#mm-business-page-content-product .sale h3 span {
	display:block;
	color: #008b00;
}
#mm-business-page-content-product .products {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
#mm-business-page-content-product .products .item {
	max-width:270px;
	border-radius: 4px;
	box-shadow: 0 2px 20px 0 rgba(47, 55, 158, 0.15);
	background-color: #ffffff;
}
#mm-business-page-content-product .products .item .item-header {
	padding: 92px 79px 20px 20px;
	font-family: 'CoFoSans bold';
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: -0.96px;
	color: #ffffff;
	position:relative;
}
#mm-business-page-content-product .products .item .item-header img {
	position:absolute;
	top: 0;
	left: 0;
	max-height: 184px;
	width: 100%;
	object-fit: fill;
}
#mm-business-page-content-product .products .item .item-header span {
	position:relative;
	z-index:2;
	min-height: 78px;
	display: flex;
	align-items: center;
}
#mm-business-page-content-product .products .item .item-middle {
	padding:15px 20px;
	min-height: 132px;

}
#mm-business-page-content-product .products .item .item-middle ul {
	padding:0;
	margin:0;
}
#mm-business-page-content-product .products .item .item-middle ul li {
	list-style-type:none;
	position:relative;
	font-family: 'CoFoSans Medium';
	font-size: 15px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.13;
	letter-spacing: -0.6px;
	color: #1d1d1d;
	padding: 0 0 11px 11px;
}
#mm-business-page-content-product .products .item .item-middle ul li::before {
	content:'';
	width: 4px;
	height: 4px;
	background-color: #008b00;
	border-radius:4px;
	position:absolute;
	left:0;
	top: 5px;
}
#mm-business-page-content-product .products .item .item-middle a {
	font-family: 'CoFoSans Medium';
	font-size: 15px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.13;
	letter-spacing: -0.6px;
	color: #008b00;
	padding: 5px 11px;
	text-decoration: underline;
}
#mm-business-page-content-product .products .item .item-footer {
	display:flex;
	padding: 0 20px 20px 20px;
	justify-content:space-between;
	align-items: flex-end;
}
#mm-business-page-content-product .products .item .item-footer .price .old {
	font-family: 'CoFoSans Medium';
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.71;
	letter-spacing: -0.56px;
	color: #1d1d1d;
	text-decoration:line-through;
}
#mm-business-page-content-product .products .item .item-footer .price .new {
	font-family: 'CoFoSans bold';
	font-size: 22px;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.09;
	letter-spacing: -0.88px;
	color: #1d1d1d;
}
#mm-business-page-content-product .products .item .item-footer .green-btn {
	font-family: 'CoFoSans bold';
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.35px;
	color: #ffffff;
	padding: 8px 19px 8px 20px;
	box-sizing: border-box;
	border-radius: 4px;
	text-transform: inherit;
	width: 117px;
	height: 34px;
	background-image: linear-gradient(to bottom, #00bf00, #008b00);
}
#mm-business-page-content-product .products .item {
	margin-bottom:25px;
}
.clear {
	clear:both;
}
@media screen and (max-width: 854px) {
	#mm-business-page-content-product .products {
		justify-content: space-evenly;
	}
}
@media screen and (max-width: 767px) {
	#mm-business-page-content-product {
		padding:0 15px;
	}
	#mm-business-page-content-product .category-list {
		justify-content: space-evenly;
	}
	#mm-business-page-content-product h2 {
		text-align:center;
	}
	#mm-business-page-content-product .sale h3 {
		font-size:20px;
	}

}