html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	qbackground: transparent;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
}

:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/****** template styles *******/

body {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: #686868;
	text-align: center;
}

.grid {
	width: 1014px;
	height: 100%;
	margin: 0 auto;
	border-collapse: collapse;
}

.grid td {
	border-collapse: collapse;
}

.main {
	background: #fff url('/i/mainRepeat.jpg') 0 0 repeat-y;
}

.head {
	width: 1014px;
	height: 136px;
	background: #686868 url('/i/head.png') 0 5px no-repeat;
	position: relative;
}

.logo {
	display: block;
	position: absolute;
	left: 29px;
	bottom: -16px;
	border: none;
	text-decoration: none;
	width: 117px;
	height: 136px;
	background: url('/i/logo.png') 0 0 no-repeat;
}

.logo-text {
	position: absolute;
	left: 163px;
	bottom: 45px;
	width: 268px;
	height: 40px;
	background: url('/i/logo-text.jpg') 0 0 no-repeat;
}

.search {
	position: absolute;
	left: 488px;
	top: 57px;
}

.search div {
	position: relative;
	width: 160px;
	height: 25px;
}

.search-text {
	display: block;
	width: 147px;
	height: 22px;
	border: none;
	padding: 3px 3px 3px 10px;
	margin: 0;
	background: url('/i/search.png') 0 0 no-repeat;
	font-size: 12px;
	color: #bfbfbf;
}

.search-text:focus {
	color: #232323;
}

.search-button {
	display: block;
	width: 29px;
	height: 37px;
	position: absolute;
	top: -13px;
	right: 0;
	border: none;
	cursor: pointer;
	background: url('/i/loop.png') 0 0 no-repeat;
}

.top-contacts {
	position: absolute;
	top: 23px;
	right: 20px;
	color: #fff;
	text-align: right;
}

.phone {
	font: normal 20px/26px Arial;
}

.adress {
	font: normal 13px/28px Arial;
}

.menu {
	display: block;
	position: absolute;
	right: 85px;
	bottom: 0;
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial;
}

.menu-item,
.menu-item-sep {
	vertical-align: middle;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.menu-item {}

.menu-item-sep {
	width: 2px;
	height: 40px;
	background: url('/i/menu-item-sep.jpg') 0 14px no-repeat;
}

.menu-item-link {
	display: block;
	padding: 0 7px;
	color: #2e543b;
	text-decoration: none;
	font-size: 12px;
	line-height: 40px;
}

.menu-item-link:hover {
	text-decoration: underline;
}

.menu li:last-child {
	display: none;
}

.leftBlock {
	width: 200px;
	float: left;
	padding: 20px 0 0 0;
}

.itemInfo {
	padding: 0 10px;
}

.itemInfoTitle {
	font: bold 12px Arial;
	background: #999;
	color: #fff;
	padding: 5px;
	margin: 0 0 5px 0;
}

.itemInfoBox {
	padding: 0 0 0 5px;
	margin: 0 0 5px 0;
	overflow: hidden;
	background-image: url('/i/infoItamBg.jpg');
	background-position: right top;
	background-repeat: repeat-y;
}

.green {
	background-color: #439369;
	border: 1px #439369 solid;
}

.blue {
	background-color: #0099cc;
	border: 1px #0099cc solid;
}

.gray {
	background-color: #999;
	border: 1px #999 solid;
}

.itemInfoBox a {
	text-decoration: none;
}

.itemInfoBox a.itemInfoImgLink {
	display: block;
	float: right;
	width: 40px;
	text-align: center;
}

.itemInfoBox a.itemInfoImgLink img {
	width: 30px;
	margin: 5px 0;
}

.itemInfoBox span {
	display: block;
	margin: 7px 40px 5px 0;
	font: normal 12px Arial;
	color: #fff;
}

.itemInfoBox a span {
	display: block;
	margin: 7px 40px 5px 0;
	font: normal 12px Arial;
	color: #fff;
}

.infoArea {
	padding: 0px 20px 20px 20px;
}

.infoBox {
	border: 2px #0099cc solid;
	margin: 0 0 10px;
	background: #fff;
}

.infoBox p {
	font: normal 11px Arial;
	padding: 0 5px;
	margin: 0 0 5px 0;
}

.infoAreaTitle {
	color: #fff;
	font: bold 12px Arial;
	padding: 5px;
	background: #0099cc;
	margin: 0 0 5px 0;
}

.infoCategory {
	padding: 0px 20px 20px 20px;
}

.infoBox {
	border: 2px #0099cc solid;
	margin: 0 0 10px;
	background: #fff;
}

.infoBox p {
	font: normal 11px Arial;
	padding: 0 5px;
	margin: 0 0 5px 0;
}

.infoCategoryTitle {
	color: #fff;
	font: bold 12px Arial;
	padding: 5px;
	background: #0099cc;
	margin: 0 0 5px 0;
}

.infoArticles {
	padding: 0px 20px 20px 20px;
}

.infoBox {
	border: 2px #0099cc solid;
	margin: 0 0 10px;
	background: #fff;
}

.infoBox p {
	font: normal 11px Arial;
	padding: 0 5px;
	margin: 0 0 5px 0;
}

.infoBox p a {
	color: #439369;
}

.infoArticlesTitle {
	color: #fff;
	font: bold 12px Arial;
	padding: 5px;
	background: #0099cc;
	margin: 0 0 5px 0;
}

.usageArea {
	padding: 0 10px;
}

.usageArea span {
	display: block;
	text-transform: uppercase;
	font: bold 12px Arial;
	background: #999;
	color: #fff;
	padding: 5px;
	margin: 0 0 5px 0;
}

.usageArea table {
	border-top: 3px solid #439369;
	border-bottom: 3px solid #439369;
	margin-top: 5px;
}

.usageArea table tr td {
	padding: 0;
}

.usageArea table tr td a {
	text-decoration: none;
	font: normal 12px Arial;
	color: #005825;
	line-height: 12px;
	display: block;
	padding: 5px 0 5px 5px;
	border-left: 3px solid #439369;
	border-right: 3px solid #439369;
	background: #E1EDE3
}

.usageArea table tr td a:hover {
	background: #F7F7F7;
	border-left: 3px solid #86B779;
	border-right: 3px solid #86B779;
}

.shortNews {
	padding: 0 10px;
	margin-bottom: 5px;
	font: normal 12px Arial;
	color: #6B6B6B;
	text-align: justify;
}

.shortNews span a {
	display: block;
	text-transform: uppercase;
	font: bold 12px Arial;
	background: #999;
	color: #fff !important;
	padding: 5px;
	text-decoration: none;
}

.shortNews span a:hover {
	text-decoration: underline;
}

.shortNews div.shortItem {
	background: #e1ede3;
	margin-top: 5px;
}

.shortNewsDate {
	background: #ccc;
	padding: 3px;
	color: #333;
}

.shortNewsName {
	padding: 5px;
}

.shortNewsName a {
	color: #007236;
	text-decoration: none;
}

.shortNewsName a:hover {
	text-decoration: underline;
}

.shortNewsText {
	padding: 5px;
	font-size: 11px;
}

.shortNewsText a {
	color: #005825;
}

.shortNewsMore {
	color: #007236;
	display: block;
	text-align: right;
	padding: 5px;
	font-size: 11px;
}

.contentBox {
	margin: 0 0 0 200px;
}

.content {
	margin: 20px 20px 0 20px;
	color: #6b6b6b;
	font: normal 12px Arial;
}

.content h1 {
	font: normal 18px Arial;
	color: #439369;
	margin: 0 0 10px 0;
}

.content h2 {
	font: bold 14px Arial;
	color: #439369;
	margin: 0 0 10px 0;
}

.content p {
	text-align: justify;
	margin: 0 0 10px 0;
	color: #6b6b6b;
}

.content a {
	color: #6b6b6b;
}

.content a:hover {
	text-decoration: none;
}

.content ul,
.content ol {
	margin: 0 0 10px 25px;
	color: #6b6b6b;
}

.content ul li,
.content ol li {
	margin: 0 0 5px 0;
}

.content hr {
	height: 1px;
	background: #439369;
	border: 0;
}

.ok_list {
	color: #439369 !important
}

.required,
.error_list {
	color: #CF3A3A !important
}

.tree {
	margin: 0 0 10px 0;
}

.tree a {
	color: #439369;
	text-decoration: none;
}

.tree a:hover {
	text-decoration: underline;
}

.catalogList {
	overflow: hidden;
	margin: 20px 0 0 0;
}

.catalogList div {
	float: left;
	width: 378px;
}

.catalogList div span {
	display: block;
	color: #439369;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.catalogList div select {
	border: 1px #439369 solid;
	width: 320px;
	color: #6b6b6b;
}

.catalogList div select option {}

.catalogList p {
	clear: both;
	width: 98%;
	text-align: center;
	padding: 20px 0 0 0;
}

.catalogList p span {
	display: block;
	color: #439369;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.catalogList p a {
	color: #6b6b6b;
}

.catalogList p a:hover {
	text-decoration: none;
}

.viewItem {}

.viewItem h1 {
	color: #439369
}

.viewItem h3 {
	margin-bottom: 15px
}

.viewItem h1 span {
	font: Italic 11px Arial;
	padding: 0 0 0 10px;
	color: #f00;
}

.viewItem a.buy {
	display: block;
	text-align: center;
	font: normal 13px Arial;
	text-decoration: none;
	line-height: 30px;
	color: #fff;
	background: url('/i/buy_hover.jpg') center center no-repeat;
}

.viewItem a.buy:hover {
	color: #fff;
	background: url('/i/buy_hover.jpg') center center no-repeat;
	text-decoration: underline;
}

.viewArea {}

.viewArea h1 {
	color: #439369
}

.areaTab {
	padding: 0;
	margin: 0 0 10px 0;
	qwidth: 760px;
}

.areaTab th {
	background: #0099CC;
	text-align: center;
	font: bold 12px Arial;
	color: #fff;
	padding: 3px 0;
}

.areaTab td {
	border-bottom: 1px #0099CC solid;
	vertical-align: top;
	padding: 5px;
}

.tdName {
	width: 150px;
}

.tdName a {
	color: #439369;
}

.tdCat {
	width: 100px;
}

.tdCat a {
	display: block;
	width: 40px;
	border: 2px #0099CC solid;
	float: left;
	margin: 0 2px 2px 0;
}

.tdCat a img {
	width: 40px;
}

.tdSmInfo {}

.viewCategory {}

.viewCategory h1 {
	color: #439369
}

.articlesList {}

.articlesDescr {
	margin: 0 0 20px 0;
}

.articlesItem {
	margin: 0 0 20px 0;
}

.articlesItem a {
	color: #439369;
}

.articlesItem div {
	margin: 5px 0 0 20px;
}

.articlesItem div p {
	margin: 0;
}

.pagesLink {
	text-align: center;
	margin: 20px 0 0 0;
}

.pagesLink a {
	padding: 2px 2px 1px 2px;
	margin: 0 2px;
	text-decoration: none;
}

.pagesLink a:hover {
	color: #000;
}

a.selected {
	background: #6b6b6b;
	color: #fff;
	padding: 2px 5px 1px 5px;
	text-decoration: none;
}

a.selected:hover {
	color: #fff;
}

.mapItem {}

.mapItem a {
	color: #439369;
	line-height: 18px;
}

.mapItem span {
	color: #000;
	line-height: 18px;
	font-weight: bold;
}

.footer {
	background: url('/i/radius.jpg') 0 0 no-repeat;
	height: 100px;
	color: #fff;
}

.links {
	text-align: right;
	font: normal 13px Arial;
	margin: 30px 0 0 0;
	float: right;
}

.links a {
	color: #fff;
}

.links a:hover {
	text-decoration: none;
}

.copy {
	text-align: left;
	font: normal 12px Arial;
	margin: 20px 0;
	float: left;
}

.copy a {
	color: #fff;
}

.copy a:hover {
	text-decoration: none;
}

.counts {
	margin: 10px 0 0 0;
}

/****** / template styles *******/



/****** content styles *******/

.products {}

.product-item {
	width: 359px;
	height: 230px;
	vertical-align: top;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	background: url('/i/product-item.jpg') 0 0 no-repeat;
	border-right: 1px solid #ccc;
	background-size: cover;
	position: relative;
	margin: 0 15px 15px 0;
}

.product-item-inner {
	padding: 16px 25px 20px 20px;
}

.product-item-inner h2 {
	display: block;
	padding: 0 0 9px 0;
	background: url('/i/line.png') center bottom no-repeat;
	font: bold 15px/21px Arial;
}

.product-item-inner h2.new span {
	color: #c62525;
	text-shadow: 1px 1px 2px #777;
	-moz-text-shadow: 1px 1px 2px #777;
	-webkit-text-shadow: 1px 1px 2px #777;
}

.product-item-inner h2 a {
	color: #6a534f;
	text-decoration: none;
}

.product-item-inner h2 a:hover {
	text-decoration: underline;
}

.product-item-inner p {
	color: #998e8a;
	line-height: 18px;
}

.product-item-link {
	padding: 0;
	margin: 0;
	position: absolute;
	right: 25px;
	bottom: 22px;
}

.product-item-link a {
	color: #317c53;
	font-size: 13px;
	text-decoration: underline;
}

.product-item-link a:hover {
	text-decoration: none;
}

.mainTiser {
	width: 730px;
	border-collapse: collapse;
	margin: 15px 0;
}

.mainTiser td {
	width: 50%;
	border-collapse: collapse;
	padding: 0 5px;
}

.mainTiser div {
	overflow: hidden;
}

.mainTiser div img {
	float: left;
	margin: 20px 0 0 0;
}

.mainTiser div p {
	margin: 0 0 20px 100px;
	text-align: left;
}

.mainTiser div a {
	font-weight: normal;
	color: #4E7236;
	text-decoration: none;
}

.mainTiser div a:hover {
	text-decoration: underline;
}

.productionItem {
	margin-bottom: 7px;
	padding: 5px;
	width: 360px;
	float: left;
	height: 170px;
}

.productionItem hr {
	background: #E5E5E5 !important;
	height: 1px;
	border: none;
}

.productionItem:hover {
	background: #EBFFE5;
}

.productionItem h2 a {
	font-weight: normal;
	color: #4E7236;
	text-decoration: none;
}

.productionItem h2 a:hover {
	text-decoration: underline;
}

.productionItem .productionItemMore {
	display: block;
	margin-left: 10px;
}

.productionItemTable {
	margin-bottom: 20px;
}

.productionItemTable tr {
	border-bottom: 1px solid #E5E5E5;
}

.productionItemTable tr.last {
	border-bottom: none;
}

.productionItemTable td.left {
	border-right: 1px solid #E5E5E5;
}

.productionItemTable td.left_last {
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}

.productionItemTable td {
	width: 50%;
	padding: 7px 10px;
}

.productionItemTable td:hover {
	background: #EBFFE5;
}

.productionItemTable td.last_nobg:hover {
	background: none;
}

.productionItemTable td h2 a {
	font-weight: bold;
	color: #439369;
	text-decoration: none;
}

.productionItemTable td h2 a:hover {
	text-decoration: underline;
}

.productionItemTable h2 span {
	color: #f00;
	text-shadow: 1px 1px 2px #555;
	-moz-text-shadow: 1px 1px 2px #555;
	-webkit-text-shadow: 1px 1px 2px #555;
}

.productionItemTable .productionItemMore {
	display: block;
	margin-left: 10px;
}

.productionItemTable .productionItemMore a {
	display: block;
	background: url('/i/galka.png') center left no-repeat;
	padding-left: 20px;
	margin: 2px 0;
}

.productionItemTable .productionItemMore a:hover {
	background: url('/i/galka_hover.png') center left no-repeat;
}

.productionItemTable .productionItemMore2 {
	display: block;
	margin-left: 10px;
}

.productionItemTable .productionItemMore2 a {
	display: block;
	 ! !background: url('/i/info.png') center left no-repeat;
	 ! !padding-left: 18px;
	margin: 2px 0;
}

.productionItemTable .productionItemMore2 a:hover {
	 ! !background: url('/i/info_hover.png') center left no-repeat;
}

.rasprodaja {
	width: 774px;
}

.rasprodaja-title td {
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	color: #6B6B6B;
	background: #e1ede3;
	vertical-align: middle;
}

.rasprodaja td {
	border: 1px solid #cecece;
	padding: 7px;
	color: #6B6B6B;
	vertical-align: middle;
}

.descriptionTab {
	width: 759px;
	margin: 0 0 10px 0;
}

.descriptionTab th {
	padding: 0 10px;
	margin: 0;
	background: url('/images/greenSep.jpg') center 0 repeat-y;
	font: normal 1px/1px Arial;
}

.descriptionTab td {
	width: 379px;
	text-align: left;
	padding: 10px;
}

.descriptionTab td p,
.descriptionTab td ul,
.descriptionTab td ol {
	text-align: left;
}

.descriptionTab td ul li,
.descriptionTab td ol li {
	margin: 0 0 5px 0;
}

.infoTit {
	width: 550px;
	margin: 10px auto;
	text-align: left;
}

.infoTab {
	width: 550px;
	margin: 0 auto 10px auto;
	border-collapse: collapse;
	border: 1px #439369 solid;
}

.infoTab td,
.infoTab th {
	width: 50%;
	border-collapse: collapse;
	border-right: 1px #439369 solid;
	border-left: 1px #439369 solid;
	padding: 7px 10px;
	vertical-align: middle;
}

.infoTab td {
	color: #6b6b6b;
}

.infoTab th {
	background: #439369;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.infoTabCol td,
.infoTabCol th {
	width: auto !important;
}

.blueTab {
	width: 500px;
	margin: 0 auto 10px auto;
}

.blueTab td,
.blueTab th {
	padding: 5px;
	bordeR: 1px #000 solid;
	color: #6b6b6b;
}

.niceTable {
	width: 760px;
	border: 2px #0099CC solid;
	margin-bottom: 10px;
}

.niceTable td {
	padding: 5px;
	border: 1px #0099CC solid;
}

.niceTable tr:hover {
	background: #E0F7FF;
	border: 1px #0099CC solid;
}

.niceTable th {
	padding: 5px;
	background: #0099CC;
	color: #fff;
	font-weight: bold;
}

.ultraVisibleLink {
	text-decoration: none;
	font-weight: bold;
	color: #007434 !important;
}

.ultraVisibleLink:hover {
	text-decoration: underline !important;
}

.pdf-dwnload {
	display: block;
	width: 128px;
	height: 128px;
	margin: 0 auto;
	background: url('../images/pdf.png') center center no-repeat;
	color: #fff !important;
	text-decoration: none;
}

#table1,
#table2,
#table3,
#table4,
#table5,
#table6 {
	margin: 10px 0;
}

#table1 td,
#table3 td,
#table5 td,
#table4 td,
#table6 td {
	padding: 5px;
	border: 1px solid #000;
}

#table1 td {
	width: 24%;
}

/****** / content styles *******/
#overlay {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.65);
	z-index: 999;
	-webkit-animation: fade .6s;
	-moz-animation: fade .6s;
	animation: fade .6s;
	overflow: auto;
}

.popup {
	top: 25%;
	left: 0;
	right: 0;
	font-size: 14px;
	margin: auto;
	width: 85%;
	min-width: 320px;
	max-width: 600px;
	position: absolute;
	padding: 15px 20px;
	border: 1px solid #383838;
	background: #fefefe;
	z-index: 1000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	font: 14px/18px 'Tahoma', Arial, sans-serif;
	-webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
	-ms-box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
	box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
	-webkit-animation: fade .6s;
	-moz-animation: fade .6s;
	animation: fade .6s;
}

.close {
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
	position: absolute;
	border: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(0, 131, 119, 0.9);
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	cursor: pointer;
	outline: none;

}

.close:before {
	color: rgba(255, 255, 255, 0.9);
	content: "X";
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/* ������ �������� ��� ��������� */
.close:hover {
	background-color: rgba(252, 20, 0, 0.8);
}

/* ����� ����� */


.img-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 220px));
	grid-gap: 1rem;
	margin: 2rem 0;
}

.img-row a {
	display: block;
}

.img-row img {
	width: 100%;
	max-width: 100%;
	max-height: 150px;
	object-fit: cover;
}

.top-number {
	font-weight: bold;
}

.grid-row-2 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-gap: 1rem;
	margin: 2rem 0;
}

.grid-row-2>* {
	width: auto !important;
}

.certificate-about {
	padding: 1rem;
}

.certificate-about img {
	width: 100%;
}

.pop-up {
   width: 500px; height: auto; padding: 20px; background: white; box-shadow: 0 0 7px #000;
   position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none;
}

.pop-up p { margin-bottom: 10px; }

.pop-up .close-pop-up {
  width: 10px; height: 10px; position: absolute; top: 5px; right: 5px;
  background: url('../i/icon-cross.png') center / contain no-repeat; cursor: pointer;
}

@media screen and ( max-width: 640px) {
  .pop-up {
     width: 300px;
  }
}

.liveinternet { display: none; }

.warning { padding: 20px; border: 2px solid #cd1414; font-size: 16px; margin: 20px 0; background: #ede1e1; padding-left: 90px; position: relative; }
.warning::before { position: absolute; left: 20px; top: 50%; content: ''; width: 46px; height: 56px; background: url(../i/icon-warning.png) center no-repeat; transform: translateY(-50%); }
.warning strong { color: #b50202;  }
.warning p { margin-bottom: 5px}

.warning em { font-weight: bold; }
@media screen and ( max-width: 640px) {
	.warning::before { display: none; }
	.warning { padding-left: 20px; }
}


.special-banner { padding: 20px; border: 1px solid #ccc; margin-bottom: 30px; display: block; text-decoration: none; 
	background: linear-gradient(150deg, #cde1be, #cde1be 100px, white, #f6f7e9, #eaece1);
	box-shadow: 2px 4px 4px 0 #0002; border-radius: 4px; transition: .3s; 
	border-left: 4px solid #007236; 
}
.special-banner .title { font-size: 20px; padding-bottom: 10px; margin-bottom: 10px; font-weight: bold; color: #007236; transition: .3s; }
.special-banner:hover .title {color: black; }
.special-banner:hover { border-left-color: #cde1be; }

.products { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 20px; }
.product-item { width: 377px; margin:0; }