.btn,.link, a, body {
	cursor: pointer
}

.btn, .btn__inner {
	white-space: nowrap;
	max-width: 100%
}

*,
::after,
::before {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent
}
.btn {
	text-transform: none
}

.small,
small {
	font-size: 14px;
	line-height: 22px;
	font-weight: 300
}

b {
	font-weight: 700
}

.link,
a {
	color: #1f7dcc;
	/*border-bottom: 1px solid rgba(31, 125, 204, .3);*/
	border-bottom:none;
	transition: color .1s, padding .1s, margin .1s, border .1s
}

.no-touch .link:hover,
.no-touch a:hover {
	color: #d2232a;
	border-bottom: 1px solid rgba(210, 35, 42, .3)
}

.link {
	padding-bottom: 1px;
	margin-bottom: -1px
}

.no-touch .link:hover {
	padding-bottom: 0;
	margin-bottom: 0
}

li,
ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.btn::after,
.btn::before {
	content: ''
}

.btn {
	text-align: center;
	display: inline-block
}

.btn__inner {
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	line-height: 24px
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 3;
	 
}
.grid {
	display: inline-block;
	display: -webkit-inline-flex;
	display: -ms-inline-flex;
	display: inline-flex;
	vertical-align: top;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.grid {
	font-size: 0;
	/*width: 100%;*/
	width: 75%;

}


.btn {
	border: 1px solid #d2232a
}

.btn {
	vertical-align: middle;
	position: relative;
	height: 40px;
	padding: 7px 15px;
	border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0) inset;
	text-overflow: ellipsis;
	outline: 0;
	color: #d2232a;
	font: 300 0/24px Roboto, Arial, Helvetica, sans-serif;
	line-height: calc(24px - 2 * 1px);
	transition: .3s
}

.btn--primary {
	line-height: calc(24px - 2 * 0px);
	color:#FFF
}
.btn--primary:link { color:#FFF; text-decoration:none;}

.btn::after,
.btn::before {
	position: absolute;
	opacity: 0;
	transition: .3s
}

.btn::before {
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	border: 1px dashed #35383b;
	z-index: 2
}

.btn::after {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	border-radius: inherit
}

.no-touch .btn:hover {
	border-color: #d2232a;
	color: #d2232a;
	box-shadow: 0 0 0 1px #d2232a inset
}

.no-touch .btn:hover::after {
	opacity: 1
}

.btn:active,
.no-touch .btn:active {
	border-color: #d2232a;
	background: #d2232a;
	color: #fff;
	box-shadow: none;
	transition: .3s, background 0s
}

.btn--primary,
.btn--primary::after {
	background: linear-gradient(to bottom, #4f5255, #35383b)
}


.btn:active::after,
.no-touch .btn:active::after {
	opacity: 0
}

.no-touch .btn:focus::before {
	opacity: 1
}

.btn--primary {
	border: 0 solid transparent;
	border-radius: 3px;
	box-shadow: 0 5px 10px rgba(53, 56, 59, .3), 0 -2px 0 rgba(0, 0, 0, .8) inset;
	color: #fff
}

.btn--primary:active,
.no-touch .btn--primary:active,
.no-touch .btn--primary:hover {
	border-color: transparent;
	box-shadow: 0 0 0 rgba(53, 56, 59, 0), 0 0 0 transparent inset

}

.no-touch .btn--primary:hover, .no-touch .btn--primary:visited {
	color:#EBEBEB;
	
}


.btn--primary:active,
.no-touch .btn--primary:active {
	background: linear-gradient(to bottom, #35383b, #36393c);
	color: rgba(255, 255, 255, .5)
}
*/
.btn.btn.btn:disabled {
	color: #686a6c;
	background: #eceff2;
	border-color: #eceff2;
	box-shadow: none;
	cursor: default
}

.btn.btn.btn:disabled::after {
	opacity: 0
}


.container {
	max-width: 1250px;
	padding: 0 25px;
	margin: 0 auto
}

.page-main {
	-ms-flex-grow: 100;
	-webkit-flex-grow: 100;
	flex-grow: 100;
	margin: 20px 0;
	z-index: 1;
	/*width:75%;*/
	width:100%;
}
.page-main section{ width:94%}

article.katalog {
    float: left;
    width: 24%;
    margin: 0 0 0 0;
}

.no-wrap {
	white-space: nowrap
}

/*-----.product --------------------------------*/
.no-touch .product:hover .product__link {
	border-bottom: none
}

.product {
	position: relative;
	padding: 25px;
	font-size: 15px;
	line-height: 24px;
	background: rgba(255, 255, 255, 0);
	white-space: normal;
	box-shadow: none;
	width: 100%;
	z-index: 1;
	transition: .3s;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
/*	-webkit-flex-grow: 1;
	-ms-flex-grow: 1;
	flex-grow: 1;
	*/
    width: 24.9%;
	 margin-bottom: -40px;
  /*  margin-bottom: -80px;*/
}
.product h2{ margin:0 0 7px 0; font-size:14px}

.product .pokaz_img_pt{ margin-top:0; margin-bottom:0}

.no-touch .product:hover {
	box-shadow: 0 1px 5px rgba(53, 56, 59, .4);
	background: #fff;
	z-index: 20;
	transition: .3s, z-index 0s
}

.no-touch .product:hover .product__image {
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0)
}
.no-touch .product:hover .product__brand {
	color: #35383b
}

.no-touch .product:hover .product__action {
	opacity: 1;
	visibility: visible
}
.product__action_visible{
	opacity: 1 !important;
	visibility: visible !important;
	display:block;
}
btn--primary:visited{ color:#FFF}
/*----------------------------------------------*/
.product__brand {
	font-size: 12px;
	line-height: 18px;
	transition: .3s;
	letter-spacing: 1px;
	text-transform: uppercase
	color: #686a6c;
	font-weight: 300;
	word-wrap: break-word
}
.product__image-container {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	margin: 0 auto 8px;
	max-width: 240px;
	position: relative
}

.product__image {
	padding-top: 100%;
	position: relative;
	background: center/100% auto no-repeat;
	background-size: contain;
	transition: .3s;
	transform: translate3d(0, 0, 0);
	margin-top: 10px
}

.image_webp{padding-top:0}
.image_webp img { width:100%; margin:0; height:auto}

.product__name {
	font-weight: 600;
	color:#585858;
	transition: .3s;
	flex-grow: 100;
	word-wrap: break-word;
	
}
.product__name a{ font-size:12px}
	
.product__name strong {
	display:block;
	line-height:1.5;
	font-size:14px;
	font-weight:bold;
}

.product__name .smaller{
	/*display:block;*/
	line-height: 1.6;
	font-size:13px;
	font-weight: 300;

}
.product__action {
	position: relative;
	z-index: 3
}

.product__offers-count,
.product__price {
	margin-top: 6px
}

.product__price {
		white-space: nowrap

}

.product__action {
	margin-top: 10px;
	max-width: 210px;
	-webkit-align-self: flex-start;
	-ms-align-self: flex-start;
	align-self: flex-start
}

.no-touch .product__action {
	opacity: 0;
	visibility: hidden;
	transition: .3s
}

.touch .product__action {
	display: none
}

.product__offers-count {
	font-size: 13px;
	line-height: 22px;
	color:#5F5F5F
}
.no-touch .product__link:focus::before {
	opacity: 1
}

.product__image-status {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	z-index: 1;
	line-height: 0;
	font-size: 0
}

.status {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	z-index: 1;
	line-height: 0;
	font-size: 0;

	display: inline-block;
	vertical-align: top;
	margin: 0 -2px 4px 0;

	cursor: default;
	background: 0 0;
	line-height: 18px;
	font-size: 13px;
	font-weight:bold; font-style:italic; 
	 
	background-color: #ff671f;
	border: none;
	padding: 1px 6px;
	border-radius: 2px 0 6px;
	margin-right: -2px;
	z-index: 5;
	-webkit-filter: drop-shadow(1px 0 0 #fff);
	filter: drop-shadow(1px 0 0 #fff);
	color: #fff;
}
.price strong {
	color: #35383b
}

.price .price__separator,
.price small,
.price strong {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px
}

.price small {
	color: inherit
}

/*---------------------------------------------*/

.catalog-grid__grid { float:left;
}
.catalog-grid__grid:hover {
	z-index: 20
}
/*---------------------------------------------*/




.page-title-block {
	margin: 20px 0
}

.page-title-block:first-child {
	margin-top: 0
}


.brand {
	line-height: 24px
}

.brand {
	font-size: 16px;
	cursor: default
}
.status::after {
	content: ''
}


.status:last-child,
.status:only-child {
	-webkit-filter: none;
	filter: none
}

.status+.status {
	z-index: 4;
	padding-left: 45px
}

.status+.status+.status {
	z-index: 3;
	padding-left: 90px
}

.status+.status+.status+.status {
	z-index: 2

}

.status+.status+.status+.status+.status {
	z-index: 1
}

.status::after {
	position: absolute;
	top: 0;
	left: 100%;
	border: 7px solid transparent;
	border-top-color: #d2232a;
	border-left-color: #d2232a;
	
	border-right-width: 1px;
	border-left-width: 1px
}

.status--hit {
	border-color: #cc0;
	background: #cc0
}

.status--hit::after {
	border-top-color: #cc0;
	border-left-color: #cc0
}

.link,
.no-touch .link:hover,
.no-touch a:hover,
a {
	text-decoration: none
}

.link,
.no-touch .link:hover,
.no-touch a:hover,
a {
	text-decoration: none
}
/*-------------В продукте------------------------------*/

.dot-line-list__item {
	margin-bottom: 8px
}


.dot-line-row {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex
}
.dot-line-row__ruler {
	-webkit-flex-grow: 100;
	-ms-flex-grow: 100;
	flex-grow: 100;
	padding: 0 5px
}
.dot-line-row__ruler::after {
	content: '';
	display: inline-block;
	vertical-align: baseline;
	width: 100%;
	height: 1px;
	min-width: 20px;
	background: linear-gradient(to right, #aaabad 0, #aaabad 1px, transparent 1px, transparent 4px) 0 0/4px 1px repeat-x
}
.dot-line-row__end,
.dot-line-row__start {
	max-width: 60%
}

.dot-line-row__end {
	text-align: right
}

 .dot-line-row__end {
	width: 50%;
	text-align: left
}
.dot-line-row h3{ margin:0}

/**********************************************/

/************Петли**********************************/

.fon{background:#F8F8F8}
.plus { margin:5px 5px }
.dovod. .svet{ margin-left:3%}
.tipo_n{ display:none}
.tipo_n_displey{ display:block}
.catalog{width: 23.5%}

 article {
    float: left;
    margin: 70px 0 0 0%;
}
p[itemprop='description'] strong { font-size:15px; font-weight:500; line-height:1.4}
.haracteristiki{width:95%; margin:20px 0 0 5%;  float:left;}