.catalog-page-products{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	position: relative;
	margin: 0 -5px;
	width: calc(100% + 10px);
}
@media screen and (max-width:768px) {
	.catalog-page-products{
		margin: 0 -12.5px;
		width: calc(100% + 25px);
	}
}

.catalog-product-wrp{
	position: relative;
	margin: 0 5px 10px 5px;
	padding: 10px 0 65px 0;
	width: calc((100% / 4) - 10px);
	background: #fff;
	box-shadow: inset 0px 0px 0px 1px var(--color-line-gray),
		0px 10px 10px 0 rgb(34 100 248 / 0%);
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	-o-transition: box-shadow 0.2s linear;
	-moz-transition: box-shadow 0.2 linear;
	-webkit-transition: box-shadow 0.2s linear;
	transition: box-shadow 0.2s linear;
}
.catalog-product-wrp:hover{
	box-shadow: inset 0px 0px 0px 1px var(--color-line-gray),
		0 0 10px rgba(72,76,176,0.15);
}
.product-item-image-wrapper{
	position: relative;
	display: block;
	margin: 0 10px;
	padding-top: calc(133% - 20px);
	overflow: hidden;
	width: calc(100% - 20px);
	-o-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.product-item-image-original,
.product-item-image-alternative{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
	padding: 0;
	-o-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
.product-item-image-original{
	z-index: 5;
}
.product-item-image-alternative{
	z-index: 6;
	opacity: 0;
}
.bx-no-touch .product-item-container.hover .product-item-image-original{
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.bx-no-touch .product-item-container.hover .product-item-image-alternative{
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.product-item-image-slider-slide-container{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	-o-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
.product-item-image-slide{
	position: relative;
	display: none;
	height: 100%;
	background-color: #fff;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	-o-transition: 0.2s ease-in-out left;
	-moz-transition: 0.2s ease-in-out left;
	-webkit-transition: 0.2s ease-in-out left;
	transition: 0.2s ease-in-out left;
}
@media all and (transform-3d), (-webkit-transform-3d){
	.product-item-image-slide {
		transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000px;
		perspective: 1000px;
	}
	.product-item-image-slide.next,
	.product-item-image-slide.active.right {
		left: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	.product-item-image-slide.prev,
	.product-item-image-slide.active.left {
		left: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	.product-item-image-slide.next.left,
	.product-item-image-slide.prev.right,
	.product-item-image-slide.active {
		left: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.product-item-image-slider-slide-container > .active,
.product-item-image-slider-slide-container > .next,
.product-item-image-slider-slide-container > .prev{
	display: block;
}
.product-item-image-slider-slide-container > .active{
	left: 0;
}
.product-item-image-slider-slide-container > .next,
.product-item-image-slider-slide-container > .prev{
	position: absolute;
	top: 0;
	width: 100%;
}
.product-item-image-slider-slide-container > .next{
	left: 100%;
}
.product-item-image-slider-slide-container > .prev{
	left: -100%;
}
.product-item-image-slider-slide-container > .next.left,
.product-item-image-slider-slide-container > .prev.right{
	left: 0;
}
.catalog-product-wrp:hover .product-item-image-slider-control-container{
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.product-item-image-slider-control-container{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 15;
	padding: 5px 5px 5px 2px;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	background: rgba(255, 255, 255, 0.5);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	-o-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
.product-item-image-slider-control,
.product-item-image-slider-control.active{
	margin: 0 0 0 3px;
	width: 5px;
	height: 5px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	background: var(--color-light-gray);
	cursor: pointer;
	-o-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.product-item-image-slider-control:hover,
.product-item-image-slider-control.active:hover{
	cursor: pointer;
}
.product-item-image-slider-control.active,
.product-item-image-slider-control:hover{
	background: var(--footer-line-gray);
}

.product-item-label-text{
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 7;
}
.product-item-label-text > div{
	display: inline-block;
	margin: 0 0 5px;
	padding: 5px 10px;
	background: var(--footer-color-dark-text);
	-moz-border-radius: 10px 0 10px 0;
	-webkit-border-radius: 10px 0 10px 0;
	-khtml-border-radius: 10px 0 10px 0;
	border-radius: 10px 0 10px 0;
	font-size: 12px;
	line-height: 12px;
	font-weight: 600;
	color: #fff;
}
.catalog-item-title{
	display: block;
	margin: 10px 15px 15px 15px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 14px;
	line-height: 16px;
	-o-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-webkit-transition: color 0.2s linear;
	transition: color 0.2s linear;
}
.catalog-item-title:hover{
	color: var(--color-blue);
}
.catalog-item-price{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	margin: 0 0 10px 15px;
	padding: 0 0 10px;
	width: calc(100% - 30px);
	border-bottom: 1px solid var(--color-line-light-gray);
	-o-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-webkit-transition: color 0.2s linear;
	transition: color 0.2s linear;
}
.catalog-item-price > .price-default{
	font-size: 18px;
	font-weight: 600;
	color: var(--color-title-dark-blue);
}
.catalog-page-discount{
	margin: 0 0 0 10px;
	padding: 3px 7px;
	background: var(--color-red);
	-moz-border-radius: 7px 0 7px 0;
	-webkit-border-radius: 7px 0 7px 0;
	-khtml-border-radius: 7px 0 7px 0;
	border-radius: 7px 0 7px 0;
	font-size: 12px;
	line-height: 12px;
	font-weight: 600;
	color: #fff;
}
.catalog-item-price > .price-old{
	position: relative;
	margin: 0 0 0 5px;
	font-size: 14px;
	color: var(--color-light-gray);
}
.catalog-item-price > .price-old:before{
	position: absolute;
	top: 50%;
	left: -1px;
	content: '';
	width: calc(100% + 2px);
	height: 1px;
	background: var(--color-light-gray);
	border-bottom: 1px solid #fff;
}
.catalog-product-wrp .product-item-scu-block-title{
	margin: 5px 0;
	font-size: 12px;
	line-height: 12px;
	color: var(--color-light-gray);
}
.catalog-item-scu-bx{
	margin: 0 0 0 15px;
	width: calc(100% - 30px);
}
.catalog-product-wrp .product-item-scu-item-color-container,
.catalog-product-wrp .product-item-scu-item-text-container{
	display: inline-block !important;
	box-sizing: border-box;
	margin: 0 1px 1px 0;
	max-width: 100%;
}
.catalog-product-wrp .product-item-scu-item-color-container{
	width: 20px;	
}
.catalog-product-wrp .product-item-scu-item-color-block{
	position: relative;
	padding-top: 100%;
	outline: 1px solid var(--color-light-gray);
	cursor: pointer;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
}
.catalog-product-wrp .product-item-scu-item-color-block,
.catalog-product-wrp .product-item-scu-item-text-block{
	-o-transition: outline 0.2s linear;
	-moz-transition: outline 0.2s linear;
	-webkit-transition: outline 0.2s linear;
	transition: outline 0.2s linear;
}
.catalog-product-wrp .product-item-scu-item-color{
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
}
.catalog-product-wrp .product-item-scu-item-text-block{
	position: relative;
	margin: 0 0 4px 0;
	outline: 1px solid var(--color-line-gray);
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
.catalog-product-wrp .product-item-scu-item-text{
	padding: 5px 7px;
	font-size: 12px;
	line-height: 12px;
	color: var(--footer-color-dark-text);
}
.catalog-product-wrp .product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block,
.catalog-product-wrp .product-item-scu-item-text-container.notallowed .product-item-scu-item-text{
	position: relative;
	pointer-events: none;
	color: var(--color-line-gray);
}
.catalog-product-wrp .product-item-scu-item-text-container.notallowed{
	position: relative;
	pointer-events: none;
}
.catalog-product-wrp .product-item-scu-item-text-block:hover,
.catalog-product-wrp .product-item-scu-item-color-block:hover,
.catalog-product-wrp .product-item-scu-item-text-container.selected .product-item-scu-item-text-block,
.catalog-product-wrp .product-item-scu-item-color-container.selected .product-item-scu-item-color-block{
	outline-color: var(--color-blue);
	color: var(--color-blue);
}
.catalog-product-wrp .product-item-scu-item-text-block:hover .product-item-scu-item-text,
.catalog-product-wrp .product-item-scu-item-text-container.selected .product-item-scu-item-text{
	color: var(--color-blue);
}
.catalog-page-buy-quantity{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	position: absolute;
	bottom: 15px;
	left: 15px;
	padding: 10px 0 0 0;
	width: calc(100% - 30px);
	border-top: 1px solid var(--color-line-light-gray);
}
.catalog-page-quantity{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}
.catalog-page-buy-quantity-btn{
	position: relative;
	cursor: pointer;
	width: 30px;
	height: 30px;
	background: var(--color-line-light-gray);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	-o-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-webkit-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
.catalog-page-buy-quantity-btn:hover{
	background: var(--color-line-gray);
}
.catalog-page-buy-quantity-btn:before{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	content: '';
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 8px;
	height: 1px;
	background: var(--footer-line-gray);
}
.catalog-page-buy-quantity-btn.plus:after{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	content: '';
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 1px;
	height: 8px;
	background: var(--footer-line-gray);
}
.catalog-page-buy-quantity-input{
	width: 40px;
	height: 25px;
	text-align: center;
	font-size: 12px;
	line-height: 30px;
	font-weight: 600;
	color: var(--footer-color-dark-text);
}
.catalog-page-buy-wrp{
	width: calc(100% - 110px);
}
.catalog-page-buy-input{
	width: 100%;
	background: var(--color-blue);
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	font-size: 12px;
	line-height: 30px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	-o-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-webkit-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
.catalog-page-buy-input:hover{
	background: var(--color-dark-blue);
}
.no-select{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
input[type='number']{-moz-appearance: textfield;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance: none;}


@media screen and (max-width:1550px) {
	.catalog-product-wrp{
		width: calc((100% / 3) - 10px);
	}
}
@media screen and (max-width:1280px) {
	.catalog-product-wrp{
		width: calc((100% / 4) - 10px);
	}
}
@media screen and (max-width:991px) {
	.catalog-product-wrp{
		margin: 0 2.5px 5px 2.5px;
		width: calc((100% / 3) - 5px);
	}
	.catalog-product-wrp:hover{
		box-shadow: inset 0px 0px 0px 1px var(--color-line-gray),
			0 0 10px rgba(72, 76, 176, 0);
	}
	.catalog-item-title{
		margin: 10px 15px;
		font-size: 12px;
		line-height: 14px;
	}
	.catalog-product-wrp .product-item-scu-block-title{
		font-size: 10px;
		line-height: 10px;
	}
	.catalog-product-wrp .product-item-scu-item-color-block{
		outline: 1px solid var(--color-line-gray);
	}
	.catalog-product-wrp .product-item-scu-item-color-container{
		width: 16px;
	}
	.catalog-product-wrp .product-item-scu-item-text{
		padding: 7px;
		font-size: 10px;
		line-height: 5px;
	}
	.catalog-page-buy-quantity{
		padding: 0;
		border-top: 0;
	}
	.catalog-page-quantity{
		display: none;
	}
	.catalog-page-buy-wrp{
		width: 100%;
	}
	.catalog-page-buy-input{
		font-size: 10px;
	}
}
@media screen and (max-width:768px) {
	.catalog-product-wrp{
		width: calc((100% / 2) - 5px);
	}
}