.send-on-icon{
	background:  url('images/send-on.png') no-repeat;
}

.send-off-icon{
	background:  url('images/send-off.png') no-repeat;
}

.send-whatsapp-icon{
	background:  url('images/whatsapp.png') no-repeat;
}

.shop-favorite-icon{
	background:  url('images/favorite.png') no-repeat;
}

.shop-cart-icon{
	background:  url('images/cart.png') no-repeat;
}

.shop-cart-null-icon{
	background:  url('images/cart_null.png') no-repeat;
}

.shop-edit-icon{
	background:  url('images/edit.png') no-repeat;
}

.shop-short-icon{
	background:  url('images/inform_txt.png') no-repeat;
}


.popup-cart {
    position: fixed;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    margin: 0; 
    max-width: 90%;
    width: max-content; 
    background-color: #333;
    color: #fff;
    padding: 15px 25px;
    border-radius: 8px;
    z-index: 1000;
    font: normal 20px 'SHOP_FONT', Arial;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.popup-cart.popup-null {
    opacity: 0;
    transform: translate(-50%, -50px); 
    pointer-events: none;
}

.popup-cart.popup-view {
    opacity: 1;
    transform: translate(-50%, 0);
}


#shop-load-animate {
  position:absolute;
  display: none;
  width:600px;
  height:36px;
  left:50%;
  top:40%;
  margin-left:-300px;
  overflow:visible;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  cursor:default;

}

#shop-load-animate div {
  position:absolute;
  width:20px;
  height:36px;
  opacity:0;
  font-family:Helvetica, Arial, sans-serif;
  animation:move 2s linear infinite;
  -o-animation:move 2s linear infinite;
  -moz-animation:move 2s linear infinite;
  -webkit-animation:move 2s linear infinite;
  transform:rotate(180deg);
  -o-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  color:#333;
}

#shop-load-animate div:nth-child(2) {
  animation-delay:0.2s;
  -o-animation-delay:0.2s;
  -moz-animation-delay:0.2s;
  -webkit-animation-delay:0.2s;
}
#shop-load-animate div:nth-child(3) {
  animation-delay:0.4s;
  -o-animation-delay:0.4s;
  -webkit-animation-delay:0.4s;
  -webkit-animation-delay:0.4s;
}
#shop-load-animate div:nth-child(4) {
  animation-delay:0.6s;
  -o-animation-delay:0.6s;
  -moz-animation-delay:0.6s;
  -webkit-animation-delay:0.6s;
}
#shop-load-animate div:nth-child(5) {
  animation-delay:0.8s;
  -o-animation-delay:0.8s;
  -moz-animation-delay:0.8s;
  -webkit-animation-delay:0.8s;
}
#shop-load-animate div:nth-child(6) {
  animation-delay:1s;
  -o-animation-delay:1s;
  -moz-animation-delay:1s;
  -webkit-animation-delay:1s;
}
#shop-load-animate div:nth-child(7) {
  animation-delay:1.2s;
  -o-animation-delay:1.2s;
  -moz-animation-delay:1.2s;
  -webkit-animation-delay:1.2s;
}
#shop-load-animate div:nth-child(8) {
  animation-delay:1.4s;
  -o-animation-delay:1.4s;
  -moz-animation-delay:1.4s;
  -webkit-animation-delay:1.4s;
}
@keyframes move {
  0% {
    left:0;
    opacity:0;
  }
  35% {
    left: 41%; 
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    opacity:1;
  }
  65% {
    left:59%; 
    -moz-transform:rotate(0deg); 
    -webkit-transform:rotate(0deg); 
    -o-transform:rotate(0deg);
    transform:rotate(0deg); 
    opacity:1;
  }
  100% {
    left:100%; 
    -moz-transform:rotate(-180deg); 
    -webkit-transform:rotate(-180deg); 
    -o-transform:rotate(-180deg); 
    transform:rotate(-180deg);
    opacity:0;
  }
}

@-moz-keyframes move {
  0% {
    left:0; 
    opacity:0;
  }
  35% {
    left:41%; 
    -moz-transform:rotate(0deg); 
    transform:rotate(0deg);
    opacity:1;
  }
  65% {
    left:59%; 
    -moz-transform:rotate(0deg); 
    transform:rotate(0deg);
    opacity:1;
  }
  100% {
    left:100%; 
    -moz-transform:rotate(-180deg); 
    transform:rotate(-180deg);
    opacity:0;
  }
}

@-webkit-keyframes move {
  0% {
    left:0; 
    opacity:0;
  }
  35% {
    left:41%; 
    -webkit-transform:rotate(0deg); 
    transform:rotate(0deg); 
    opacity:1;
  }
  65% {
    left:59%; 
    -webkit-transform:rotate(0deg); 
    transform:rotate(0deg); 
    opacity:1;
  }
  100% {
    left:100%;
    -webkit-transform:rotate(-180deg); 
    transform:rotate(-180deg); 
    opacity:0;
  }
}

@-o-keyframes move {
  0% {
    left:0; 
    opacity:0;
  }
  35% {
    left:41%; 
    -o-transform:rotate(0deg); 
    transform:rotate(0deg); 
    opacity:1;
  }
  65% {
    left:59%; 
    -o-transform:rotate(0deg); 
    transform:rotate(0deg); 
    opacity:1;
  }
  100% {
    left:100%; 
    -o-transform:rotate(-180deg); 
    transform:rotate(-180deg); 
    opacity:0;
  }
}

/*Для плавающего меню в редакторе*/
.menu_product_shop_box{
	position: absolute;
	padding: 10px 10px 0px 10px;
	width: 20px;
	display: block;
	background-color: #fff;
	z-index: 10;
	margin: 0 0 0 -50px;
	-moz-border-radius:  10px;
	-webkit-border-radius: 10px;
	border-radius:  10px;
	overflow: hidden;
}

.menu_product_shop_box:hover{
	margin: 0 0 0 -90px;
	position: absolute;
	width: 130px;
	background-color: rgba(255,255,255,.7);
	backdrop-filter: blur(1px);
}

.menu_product_shop_box #diamondcms .textButton {
	margin: 10px 0;
}

.description-long-text{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 400px;
	cursor: pointer;
}

.description-long-text:after{
	content: '';
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 50%;
	background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,.5));
	z-index: 2;
}

.description-long-text:before{
	visibility: hidden;
	content: '';
	text-align: center;
	bottom: 0%;
	left: 50%;
	margin: 0 0 0 -20%;
	position: absolute;
	width: 40%;
	height: 40px;
	background: #eee url('images/desc_view.png') no-repeat;
	background-position: 50% 50%;
	z-index: 3;
	-moz-border-radius:  10px;
	-webkit-border-radius: 10px;
	border-radius:  10px;
}
	
.description-long-text:hover:before{
	visibility: visible;
	-webkit-animation-name:description_long_text;
    -webkit-animation-duration:3s;
    -webkit-animation-direction:linear;
    animation-name:description_long_text;
    animation-duration:3s;
    animation-direction:linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

/* Кадры анимации*/
@-webkit-keyframes description_long_text {
    0% {
		background: #eee url('images/desc_view.png') no-repeat;
		background-position: 50% 50%;
    }
	
	50% {
		background: #ccc url('images/desc_view.png') no-repeat;
		background-position: 50% 50%;
    }
	
	100% {
		background: #eee url('images/desc_view.png') no-repeat;
		background-position: 50% 50%;
    }
}
@keyframes description_long_text {
    0% {
		background: #eee url('images/desc_view.png') no-repeat;
		background-position: 50% 50%;
    }
	
	50% {
		background: #ccc url('images/desc_view.png') no-repeat;
		background-position: 50% 50%;
    }
	
	100% {
		background: #eee url('images/desc_view.png') no-repeat;
		background-position: 50% 50%;
    }
}


#slide_hits #userShop .ctrl_box_slider,
#slide_discount #userShop .ctrl_box_slider{
	display: none;
}
	

/*ШАБЛОН ТОВАРОВ LIST*/
#userShop_table {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
	clear: both;
}

#userShop_table  tr{
	width: 100%;
	margin: 10px auto;
}

#userShop_table  td{
	min-width: 10%;
	text-align: center;
	border: 1px dashed rgba(0,0,0,.4);
	padding: 8px 5px 10px 5px;
	font: normal 12px 'SHOP_FONT', Arial;
}

#userShop_table  .short-crop,
#userShop_table  .short-full{
	display: block;
	width: 100%;
	max-height: 90px;
	overflow: hidden;
	cursor: pointer;
}

#userShop_table  .short-full{
	max-height: 100%;
	overflow: none;
}

#userShop_table  .title{
	font: normal 14px 'SHOP_FONT', Arial;
}

#userShop_table a{
	color: #4169e1;
	font: normal 16px 'SHOP_FONT', Arial;
	text-decoration: none;
}

#userShop_table a:hover{
	text-decoration: underline;
}

#userShop_table  .shop-img-vertical {
	position: relative;
	display: block;
	width: 120px;
	height: auto;
	margin: 0px auto;
}

#userShop_table .shop-img-loop img{
	width: 50px;
	height: auto;
}

#userShop_table  .shop-img-vertical img{
	width: 100%;
	height: 100%;
}

/*ШАБЛОН ТОВАРОВ CUBE*/
#userShop .focus_item{
	background-color: rgba(64,140,255,.4);
}

#userShop .none_product_txt{
	position: absolute;
	opacity: .5;
	z-index: 2;
	font: normal 30px 'SHOP_FONT', Arial;
	text-align: center;
	width: 100%;
	top: 30%;
	padding: 10px 0;
	background-color: #fff;
	text-transform: uppercase;
}

#userShop {
	display: block;
	clear: both;
	margin: 0 0 25px 0;
}

.userShopPreload {
    position: relative;
}

.userShopPreload:after {
    content: '';
    position: fixed;
    z-index: 40;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%; 
    height: 100%;
    background: #fff url('images/loading50x50.gif') no-repeat center center;
	padding: 15px 0;
}

.userShopProductTarget {
  position: relative;
}

.userShopProductTarget::after {
	content: "";
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	border-radius: inherit;
	z-index: -1;
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.6);
	animation: shadow-opacity 3s ease-in-out infinite;
}

@keyframes shadow-opacity {
  0% { opacity: 0; }     
  50% { opacity: 1; }
  100% { opacity: 0; }
}

#userShop li{
	font: normal 12px 'SHOP_FONT', Arial;
	list-style: none;
	width: 18%;
	min-height: 394px;
	display: block;
	float: left;
	margin: 0 22px 22px 0;
	padding: 0px 0px 5px 0px;
	-moz-border-radius:  15px;
	-webkit-border-radius: 15px;
	border-radius:  15px;
	/*text-shadow: 1px 1px 1px #fff;*/
	-webkit-box-shadow: 1px 1px 2px  rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 2px  rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px  rgba(0, 0, 0, 0.2);
	position: relative;
	background-color: #eee;
}

/*Стили каталога*/
#userShop .body-css-product{
	background: url('images/catalog_bg.jpg');
	min-height: 270px;
}

#userShop .body-css-product .zindex-fff{
	display: none;
}
	
#userShop li:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0));
	z-index: 0;
	-moz-border-radius:  15px;
	-webkit-border-radius: 15px;
	border-radius:  15px;
}

#userShop li:hover{
	-webkit-box-shadow:   0px 0px 4px 1px rgba(0, 0, 0, .4), inset 0px 10px 60px rgba(0,0,0,.04);
	-moz-box-shadow:   0px 0px 4px 1px rgba(0, 0, 0, .4), inset 0px 10px 60px rgba(0,0,0,.04);
	box-shadow:  0px 0px 4px 1px rgba(0, 0, 0, .4), inset 0px 10px 60px rgba(0,0,0,.04);
	/*border: 1px solid #4588e4;*/
}

#userShop li a{
	text-decoration: none;
	color: #444;
}

#userShop .title {
	position: absolute;
	color: #666;
	font: normal 14px 'SHOP_FONT', Arial;
	padding: 0px 3% 0px 3%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	bottom: -156px;
	left: 1%;
	width: 92%;
	height: 52px;
	text-align: center;
	overflow-y: hidden;
	background-color: rgba(255,255,255,.4);
	-moz-border-radius: 15px 15px;
	-webkit-border-radius: 15px 15px;
	border-radius:  15px 15px;
}

#userShop .title b{
	color: #444;
	font: normal 26px 'SHOP_FONT', Arial;
	margin: 15px 0 0 0;
	display: none;
}

#userShop li:hover .title{
	-moz-border-radius: 15px 15px;
	-webkit-border-radius: 15px 15px;
	border-radius:  15px 15px;
	left: 0;
	bottom: -20px;
	width: 94%;
	height: 260px;
	font: normal 18px 'SHOP_FONT', Arial;
	color: #333;
}

#userShop li:hover .title b{
	display: block;
}

#userShop .body-css-product .title{
	font: normal 18px 'SHOP_FONT', Arial;
	color: #444;
	background-color: rgba(255,255,255,.5);
	-moz-border-radius:   15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
	border-radius:   15px 15px 0 0;
	left: 0;
	width: 94%;
	bottom: 0;
}

#userShop .view-image-user {
	display: none;
}

#userShop  .short-cube {
	/*height: 40px;*/
}

#userShop .short {
	font: normal 13px 'SHOP_FONT', Arial;
	padding: 5px 6px 5% 2%;
	width: 100%;
	height: 85%;
	overflow-y: auto;
	text-transform: none;
	display: block;
	color: #333;
	text-align: left;
	margin: 0 0 0 1px;
	border-top: 1px dotted #555;
}
	
#userShop .short hr{
	border: none;
	border-top: 1px dotted rgba(0,0,0,.3);
	width: 100%;
}

#userShop .txt-cat-info{
	font: normal 13px 'SHOP_FONT', Arial;
	padding: 10px 4px;
	text-transform: none;
	color: #fff;
	text-shadow: 0 1px 3px #000;
	text-align: left;
	margin: 0 0 0 1px;
}

#userShop .this-cat-info{
	font: normal 26px 'SHOP_FONT', Arial;
	padding: 17px 0px;
	width: 100%;
	text-transform: none;
	color: #fff;
	text-shadow: 0 1px 1px #111;
	text-align: center;
	margin: 0 0 0 1px;
	background-color: rgba(0,0,0,.6);
	-moz-border-radius:  0 0 10px 10px;
	-webkit-border-radius:  0 0 10px 10px;
	border-radius:    0 0 10px 10px;
	position: absolute;
	bottom: 0;
	z-index: 2;
}

#userShop li .button-product{
	position: absolute;
	z-index: 2;
	height: 0;
	left: 0;
	width: 90%;
	padding: 0 5%;
	bottom: 0;
	overflow: hidden;
	background: rgba(255,255,255,.7);
	-moz-border-radius:  15px;
	-webkit-border-radius: 15px;
	border-radius:   15px;
}

#userShop .title,
#userShop li .button-product{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	backdrop-filter: blur(2px);
}

#userShop li:hover .button-product{
	height: 130px;
	padding: 5%;
}

#userShop li .button-product .item-center{
	text-align: center;
}

.product-text-head{
	display: block;
	text-align: center;
	background-color: #aaa;
	font: normal 28px 'SHOP_FONT', Arial;
	letter-spacing: 1px;
	color: #fff;
	text-transform: uppercase;
	clear: both;
	padding:15px 0 15px 0;
	margin: 0px 0 15px 0;
	-moz-border-radius:  5px;
	-webkit-border-radius: 5px;
	border-radius:   5px;
}

.product-text-border{
	padding: 25px 0px 25px 0px;
	-moz-border-radius:  0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius:   0 0 5px 5px;
}
#userShop  .zindex,
#userShop  .zindex-fff{
	position: relative;
	padding: 3px 0px 3px 0px;
	margin: 5px 0 0 0;
	z-index: 2;
	text-align: center;
}

#userShop  .zindex-fff{
	bottom: 86px;
	position: absolute;
	width: 100%;
	background-color: rgba(255,255,255,.6);
}

#userShop  .title-box{
	display: block;
	width: 100%;
	height: 240px;
	position: relative;
	z-index: 2;
}


#userShop  .correct-product {
	top: 26px;
}

#userShop  .correct-catalog {
	/*bottom: 5px;*/
	top: 26px;
}

#userShop_table .price,
#userShop .price{
	color: #333;
	font: normal 25px 'SHOP_FONT', Arial;
	text-align: center;
	padding: 6px 6px 6px 3px;
	margin: -4px auto 5px auto;
	position: relative;
	z-index: 2;
	text-shadow: 0 1px 0px #fff;
	position: relative;
	z-index: 2;
}

#userShop_table .new-price,
#userShop .new-price{
	color: #333;
	font: bold 25px 'SHOP_FONT', Arial;
	padding: 6px 0px 6px 5px;
	margin: -4px auto 5px auto;
	position: relative;
	z-index: 2;
	text-shadow: 0 1px 0px #fff;
}

#cartShop .price-box-center,
#userShop .price-box-center{
	position: relative;
	width: 100%;
	text-align: center;
}

#userShop .price-box-center{
	bottom: -17px;
}
	
#userShop_table .new-price,
#userShop_table .price{
	float: none;
	padding: 5px;
	width: 100%;
}

#userShop_table .count,
#userShop .count{
	color: #444;
	font: normal 12px 'SHOP_FONT', tahoma;
	text-shadow: none;
	padding: 4px 4px;
}

#userShop_table .recycler,
#userProduct .recycler,
#comparisonShop .recycler,
#userShop .recycler {
	position: relative;
	padding: 8px 10px;
	font: normal 12px 'SHOP_FONT', Arial;
	cursor: pointer;
	text-align: center;
	text-transform: uppercase;
	text-shadow: none;/*0px -1px 0px #aaa;*/
	-moz-border-radius:   5px;
	-webkit-border-radius: 5px;
	border-radius:   5px;
	outline: none;
	margin: 5px 0 0 0;
	
}

#userShop .recycler:after {
	position: absolute;
	content: '';
	z-index: 1;
	top: 0;
	left: 0;
	width: 50px;
	height: 32px;
	background: rgba(0,0,0,.4)  url('images/cart.png') no-repeat;
	background-position: 50% 50%;
	background-size: 60% 60%;
	-moz-border-radius:   5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius:   5px 0 0 5px;
}

#userShop_table .recycler-active,
#userShop_table .recycler{
	width: 130px;
	float: none;
	clear: both;
	margin: 5px 0;
	padding: 8px 0px;
	font: normal 10px 'SHOP_FONT', Arial;
}

#userProduct .recycler {
	margin: 0px 0;
	padding: 18px 0px;
	font: normal 14px 'SHOP_FONT', Arial;
	background-position: 15px 50%;
	color: #fff;
}

#userProduct .send-whatsapp-btn{
	background-color: #92c35a;
	text-shadow: -1px -1px 0 #999;
	margin: 0px 0 10px 0;
}

#userShop li:hover .recycler{
	visibility: visible;
}

#userShop .recycler-active {
	margin: 5px 0;
}

#userShop .select-product-bg{
	-webkit-animation-name:select-product-bg-animate;
    -webkit-animation-duration:3s;
    -webkit-animation-direction:linear;
    animation-name:select-product-bg-animate;
    animation-duration:3s;
    animation-direction:linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

/* Кадры анимации*/
@-webkit-keyframes select-product-bg-animate {
    0% {
		background-color: rgba(0,0,0, .15);
    }
	
	50% {
		background-color: rgba(255,132,0, .20);
    }
	
	100% {
		background-color: rgba(0,0,0, .15);
    }
}
@keyframes select-product-bg-animate {
     0% {
		background-color: rgba(0,0,0, .15);
    }
	
	50% {
		background-color: rgba(255,132,0, .20);
    }
	
	100% {
		background-color: rgba(0,0,0, .15);
    }
}

#userShop_table .recycler-active-comparison span,
#userShop .recycler-active-comparison span,
#userShop_table .recycler-active span,
#userShop .recycler-active span {
	padding: 8px 0px;
	font: normal 12px 'SHOP_FONT', Arial;
	cursor: pointer;
	margin: 0px 0 0 0;
	text-align: center;
	text-transform: uppercase;
	text-shadow: none;
	outline: none;
	display: block;
	width: 23%;
	float: left;
	color: #fff;
}

#userShop_table .recycler-active-comparison span,
#userShop_table .recycler-active span{
	font: normal 10px 'SHOP_FONT', Arial;
	margin: -9px 0 5px 0;
	width: 50%;
}

#userShop_table .recycler-active-comparison span,
#userShop .recycler-active-comparison span {
	width: 50%;
}


#userShop_table .color-null-cart,
#userShop .color-null-cart,
#userProduct .color-null-cart{
	background-color: #6ea2d2;
	color: #fff;
}



#userShop_table .color-add-cart,
#userProduct  .color-add-cart,
#comparisonShop .color-add-cart,
#userShop .color-add-cart{
	/*синий background-color: #2f8ac9;*/
	background-color: #973287;
	color: #fff;
}

#userShop_table .color-add-comparison,
#userProduct .color-add-comparison,
#userShop .color-add-comparison{
	color: #333;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0);
	text-shadow: none;
	padding: 7px 9px;
}


#userProduct .color-add-comparison{
	color: #fff;
	background-color: #aaa;
}


#userShop_table .color-add-comparison{
	padding: 7px 0;
}

#userShop_table .color-link{
	color: #fff;
	background-color: #aaa;
	text-shadow: none;
}

#userProduct .color-add-comparison{
	padding: 17px 0px;
}

#userShop_table .color-in-cart,
#userProduct .color-in-cart,
#userShop .color-in-cart{
	background-color: #d2771d;
}

#userShop_table .color-in-comparison,
#userProduct  .color-in-comparison,
#userShop .color-in-comparison{
	background: #cc9933;
}

#userShop_table .color-del-cart,
#userShop_table .color-del-comparison,
#userProduct  .color-del-cart,
#userShop .color-del-cart,
#userProduct  .color-del-comparison,
#userShop .color-del-comparison{
	background: #666;
}

#userShop_table .recycler-in,
#userShop .recycler-in{
	-moz-border-radius:   5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius:   5px 0 0 5px;
}

#userShop_table .recycler-del,
#userShop .recycler-del{
	-moz-border-radius:   0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius:   0 5px 5px 0;
	display: inline-block;
}

#userShop_table .recycler-in:hover,
#userShop_table .recycler-del:hover,
#userShop_table .recycler:hover,
#userShop .recycler-in:hover,
#userShop .recycler-del:hover,
#userShop .recycler:hover {
	background-color: #007900;
	color: #fff;
	padding: 8px 5px;
	border: none;
}

#userShop_table .recycler-in:hover,
#userShop_table .recycler-del:hover,
#userShop .recycler-in:hover,
#userShop .recycler-del:hover{
	padding: 8px 0px;
}

#userShop .recycler-active span,
#userShop .recycler-in:hover,
#userShop .recycler-in,
#userShop .recycler-del{
	height: 16px;
	width: 45%;
	padding: 8px 5% 8px 10%;
	-moz-border-radius:   5px;
	-webkit-border-radius: 5px;
	border-radius:   5px;
	background-position: 5% 50%;
}

#userShop_table .recycler-in:hover,
#userShop_table .recycler-del:hover,
#userShop_table .recycler:hover{
	padding: 8px 0;
}

#userShop_table .recycler-in:active,
#userShop_table .recycler-del:active,
#userShop_table .recycler:active,
#userShop .recycler-in:active,
#userShop .recycler-del:active,
#userShop .recycler:active {
	background: #ffa257;
}

#userShop .recycler:hover,
#userShop .recycler {
	width: 77%;
	padding: 8px 3% 8px 20%;
	font: normal 12px 'SHOP_FONT', Arial;
}

#cartShop .select-size-box,
#userProduct .select-size-box,
#userShop .select-size-box {
	position: absolute;
	overflow: hidden;
	width: 90%;
	right: 0px;
	bottom:0px;
	z-index: 5;
	background-color: rgba(255, 255, 255, .5);
	backdrop-filter: blur(2px);
	-moz-border-radius:    15px;
	-webkit-border-radius: 15px;
	border-radius:   15px;
	margin: 0  0 0 -60px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	text-align: center;
}

#cartShop .select-size-null,
#userProduct .select-size-null,
#userShop .select-size-null {
	height: 0;
	padding: 0 5%;
}

#cartShop .select-size-open,
#userProduct .select-size-open,
#userShop .select-size-open {
	height: 55%;
	padding: 5%;
}

#cartShop .select-size-box b,
#userProduct .select-size-box b,
#userShop .select-size-box b{
	font: normal 18px 'SHOP_FONT', Arial;
	background-color: rgba(255,255,255,.7);
	padding: 5px;
	color: #444;
	display: block;
	margin: 0;
	text-align: center;
	-moz-border-radius:    10px;
	-webkit-border-radius: 10px;
	border-radius:   10px;
}

#cartShop .select-size-box span,
#userProduct .select-size-box span,
#userShop .select-size-box span{
	font: normal 18px 'SHOP_FONT', Arial;
	display: inline-block;
	color: #fff;
	margin: 10px 10px 10px 0;
	padding: 6px 4px;
	min-width: 30px;
	text-align: center;
	background-color: #333;
	-moz-border-radius:    5px;
	-webkit-border-radius: 5px;
	border-radius:   5px;
	cursor: pointer;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;	
}

#cartShop .select-size-box span:hover,
#userProduct .select-size-box span:hover,
#userShop .select-size-box span:hover{
	background-color: #6da055;
	color: #fff;
}

#cartShop .select-size-box .active,
#userProduct .select-size-box .active,
#userShop .select-size-box .active{
	background-color: #f39a1b;
	color: #fff;
}

#cartShop .is-select-size,
#userProduct .is-select-size,
#userShop .is-select-size{
	float: right;
	font: normal 14px 'SHOP_FONT', Arial;
	background-color: #444;
	width: 60px;
	height: 20px;
	overflow: hidden;
	text-align: center;
	color: #fff;
	padding: 6px 4px;
	-moz-border-radius:    5px;
	-webkit-border-radius: 5px;
	border-radius:   5px;
	cursor: pointer;
}

#cartShop .is-select-size{
	float: none;
	display: inline-block;
	overflow: visible;
	width: auto;
	margin: 0 0 5px 0;
	padding: 6px 15px;
}

#userProduct .is-select-size{
	width: 100px;
	padding: 17px 4px;
}

#userProduct .is-select-size:hover,
#userShop .is-select-size:hover{
	background-color: #6da055;
	color: #fff;
}

#userShop .menu-shop-box {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 0;
	left: 0;
	top:0;
	z-index: 4;
	background-color: rgba(255, 255, 255, .5);
	backdrop-filter: blur(4px);
	-moz-border-radius:    10px;
	-webkit-border-radius: 10px;
	border-radius:   10px;
	margin: 0  0 0 0px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out; 
}

#userShop .view {
	display: inline-block;
	width: 24px;
	background-position: 6px 4px;
	height: 24px;
	padding: 5px;
}

#userShop .btn-info {
	position: absolute;
	z-index: 4;
	display: block;
	background-position: 50% 50%;
	padding: 6px;
	top: -8px;
	right: -8px;
	background-color: #fff;
	cursor: pointer;
	-moz-border-radius:   30px;
	-webkit-border-radius: 30px;
	border-radius:   30px;
	opacity: 0;
}

#userShop .btn-info-style-0,
#userShop .btn-info-style-1 {
	width: 24px;
	height: 24px;
}

#userShop .btn-info-bg {
	background-color: rgba(255,255,255,1);
}

#userShop li:hover .btn-info {
	opacity: 1;
}

#userShop .btn-info:before{
	content: "";
	top: -4px;
	right: -4px;
	position: absolute;
	padding: 10px;
	width: 24px;
	height: 24px;
	z-index: 1;
}

#userShop .btn-info:after {
	content: "";
	position: absolute;
	top: -6px;
	right: -6px;
	-moz-border-radius:   350px;
	-webkit-border-radius: 350px;
	border-radius:   350px;
	width: 24px;
	height: 24px;
}

#userShop li:hover .btn-info:after {
	animation: btn-info 1s ease 1;
}

#userShop li:hover .this-cat-info {
	
}

@keyframes btn-info { 
	0% {
		background-color: yellow;
		border: 12px solid yellow;
		opacity: .95;
		display: block;
	} 
	99% {
		background-color: #eee;
		border: 12px solid yellow;
		opacity: .1;
	}
	100%{
		display: none;
	}
}

#userShop .position-br{
	display: block;
	margin: 20px 0;
}

#userShop  .shop-img-product {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0px 0 0px 0px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:  10px;
	z-index: 1;
	overflow: hidden;
}

#userShop  .shop-img-vertical{
	display: block;
	width: 100%;
	height: 100%;
	
}

#userShop_table .shop-img-vertical img,
#userShop  .shop-img-product img{
	width: 100%;
	height: 77%;
	display: block;
	margin: auto;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:  15px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	object-fit: cover;
}

#userShop_table .shop-img-vertical img{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:  10px;
}

#userShop li:hover .shop-img-product img{
	filter: grayscale(100%);
	opacity: .5;
	/*filter: blur(2px);*/
	
}

#userShop  .cat-is-null{
	opacity: .5;
}

#userShop  .cat-is-null:hover{
	opacity: 1;
}

#userProduct  .view:hover{
	opacity: .5;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
#userProduct  .main-image:hover .view,
#userShop li:hover .view{
	visibility: visible;
}

#userShop_table .status,
#userShop .status {
	position: absolute;
	padding: 5px 5px 5px 5px;
	left: 50%;
	z-index: 2;
	margin: 0px 0px 0 -80px;
	bottom: 10px;
	height: 16px;
	width: 148px;
	text-transform: uppercase;
	text-align: center;
	-moz-border-radius:  15px;
	-webkit-border-radius: 15px;
	border-radius:    15px;
}

#userShop .status {
	width: auto;
	margin: 0px 0px 0 0px;
	padding: 5px 10px;
	top: 5px;
	left: 5px;
	
}


#userShop_table .status{
	position: relative;
	width: 80%;
	top: 0;
	padding: 5px 1%;
	margin: 0px 0 10px -41%;
	font: normal 12px 'SHOP_FONT', Arial;
}


#userShop_table .status:after,
#userShop_table .status:before,
#userProduct .status:after{
	content: "";
	position: absolute;
	bottom: 0px;
	z-index: -1;
	width: 10px;
	height: 10px;
}

#userProduct .status:after{
	left: -33px;
}

#userShop_table .status:after{
	left: -18px;
	top: 8px;
	opacity: .8;
	-moz-border-radius:  5px;
	-webkit-border-radius: 5px;
	border-radius:    5px;
}

#userShop_table .status:before{
	right: -18px;
	top: 8px;
	opacity: .8;
	-moz-border-radius:  5px;
	-webkit-border-radius: 5px;
	border-radius:    5px;
}

#userShop_table .new,
#userProduct .new,
#userShop .new	{
	background-color: #2ed573;
	/*text-shadow: 0 -1px 0px #eee;*/
	color: #fff;
}

#userShop_table .hit,
#userProduct .hit, 
#userShop .hit	{
	background-color: #e8750f;
	color: #fff;
}


#userShop_table .reject,
#userProduct .reject, 
#userShop .reject	{
	background-color: #9494ff;
	text-shadow: none;
	color: #eee;
}


#userShop_table .discount,
#userProduct .discount, 
#userShop .discount	{
	background-color: #b84dff;
	text-shadow: none;
	color: #eee;
}


#userShop_table .free,
#userProduct .free, 
#userShop .free	{
	background-color: #99ccff;
	/*text-shadow: 0 1px 0px #eee;*/
	color: #222;
}


#userShop_table .reserved,
#userProduct .reserved, 
#userShop .reserved	{
	background-color: #bf809f;
	text-shadow: none;
	color: #eee;
}

#userShop_table .busy,
#userProduct .busy, 
#userShop .busy	{
	background-color: #ff4949;
	text-shadow: none;
	color: #eee;
}


#shop_filter{
	clear: both;
	display: block;
	padding: 8px 1%;
	margin: 10px 0 10px 0;
	width: 98%;
	background-color: #eee;
	-moz-border-radius:  5px;
	-webkit-border-radius:5px;
	border-radius:   5px;
}


#shop_filter .search{
	width: 40%;
	margin: 0px 0;
	float: left;
	position: relative;
}

#shop_filter .search input{
	width: 80%;
	float: left;
	margin: 0px 0 0 0;
	padding: 10px 0px 10px 0px;
	font: normal 16px 'SHOP_FONT', Arial;
	text-align: center;
	border-top: 1px solid rgba(90,90,90,.5);
	border-left: 1px solid rgba(90,90,90,.5);
	border-bottom: 1px solid rgba(90,90,90,.5);
	border-right: none;
	-moz-border-radius:  5px 0 0 5px;
	-webkit-border-radius:  5px 0 0 5px;
	border-radius:  5px 0 0 5px;
	-webkit-transition: all  .5s ease-in-out;
	-moz-transition:  all .5s ease-in-out;
	-ms-transition:  all .5s ease-in-out;
	-o-transition:  all .5s ease-in-out;
	transition:  all .5s ease-in-out;
}

#shop_filter .search a{
	background:  rgba(90,90,90,.5) url('images/search.png') no-repeat;
	background-position: 50% 50%;
	width: 20%;
	height: 30px;
	padding: 7px 0px 6px 0%;
	float: left;
	-moz-border-radius:  0 5px 5px 0;
	-webkit-border-radius:  0 5px 5px 0;
	border-radius:  0 5px 5px 0;
	margin: 0px 0 0 -2px;
	-webkit-transition: all  .5s ease-in-out;
	-moz-transition:  all .5s ease-in-out;
	-ms-transition:  all .5s ease-in-out;
	-o-transition:  all .5s ease-in-out;
	transition:  all .5s ease-in-out;
}


#shop_filter .search a:hover{
	background:  rgba(230,146,55, 1) url('images/search.png') no-repeat;
	background-position: 50% 50%;
}

#dcms_usr_search_shop input:focus {
	border-top: 1px solid rgba(196, 125, 48, 1);
	border-left: 1px solid rgba(196, 125, 48, 1);
	border-bottom: 1px solid rgba(196, 125, 48, 1);
	border-right: none;
}

#dcms_usr_search_shop input:focus + a{
	background-color:  rgba(196, 125, 48, 1);
}

#shop_filter .filter{
	float: left;
	font: normal 18px 'SHOP_FONT', Arial;
	padding: 8px 15px 9px 15px;
	margin: 0 0 0 15px;
	background-color: #aaa;
	color: #fff;
	-webkit-transition: all  .5s ease-in-out;
	-moz-transition:  all .5s ease-in-out;
	-ms-transition:  all .5s ease-in-out;
	-o-transition:  all .5s ease-in-out;
	transition:  all .5s ease-in-out;
	-moz-border-radius:  5px;
	-webkit-border-radius:5px;
	border-radius:   5px;
	cursor: pointer;
	
}

#shop_filter .color-default{
	background-color: #8fbee2;
	border: 1px solid #8fbee2;
}

#shop_filter .color-clear{
	color: #555;
	border: 1px solid #ccc;
	background-color: #e2e2e2;
}

#shop_filter .filter:hover{
	color: #fff;
	background:  rgba(230,146,55, 1);
	border: 1px solid rgba(230,146,55, 1);
}


/**
*	Быстрый поиск - расширение
**/
#search-tool-fast-box{
	position: absolute;
	top: 45px;
	right: -710px;
	width: 700px;
	overflow: hidden;
	max-height: 500px;
	display: none;
	z-index: 5;
}

#search-tool-fast-box .product-description{
	background: white;
	border-radius: 10px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	padding: 15px 15px 10px 15px;
	font: normal 12px 'SHOP_FONT', Arial;
}


#search-tool-fast-box .product-description img{
	display: block;
	float: left;
	width: 200px;
	height: 200px;
	border-radius: 10px;
	margin-right: 15px;
	object-fit: cover;
}

#userShopLike{
	float: right;
	margin: 0px 0 0 0;
}

#userShopLike .item{
	height: 23px;
	padding: 11px 12px 8px 36px;
	background-position: 12px 50%;
	float: left;
	background-color: #ccc;
	border: 1px solid #fff;
	cursor: pointer;
	-moz-border-radius:  3px;
	-webkit-border-radius: 3px;
	border-radius:   3px;
	text-transform: uppercase;
	color: #444;
	font: normal 14px 'SHOP_FONT', Arial;
}


#userShopListing{
	float: right;
	margin: 0px 0 0 0;
}


#userShopListing .item{
	height: 23px;
	padding: 11px 12px 8px 36px;
	background-position: 12px 50%;
	float: left;
	background-color: #ccc;
	border: 1px solid #fff;
	cursor: pointer;
	-moz-border-radius:  3px;
	-webkit-border-radius: 3px;
	border-radius:   3px;
	text-transform: uppercase;
	color: #444;
	font: normal 14px 'SHOP_FONT', Arial;
}

#userShopLike .item:hover,
#userShopListing .item:hover{
	background-color: rgba(230,146,55, 1);
}

/***********SHOP NOTIFICATION************/

#shop_notification{
	display: block;
	clear: both;
	padding: 0px 0;
	margin: -10px auto 0 auto;
	position: relative;
}

#shop_notification .box input,
#shop_notification .box .button,
#shop_notification .box{
	display: block;
	padding: 15px;
	margin: 15px 0 15px 0;
	background-color: #eee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#shop_notification .box{
	background: none;
	margin: 0 0 -20px 0;
	padding: 0;
}

#shop_notification .box input{
	padding: 15px;
	margin: 10px 20px 10px 0;
	background-color: #fff;
	font: normal 14px 'SHOP_FONT', Arial;
	border: none;
	width: 250px;
	text-align: center;
	float: left;
	border: 1px solid #ccc;
}

#shop_notification .box .helps{
	padding: 15px 10px;
	display: inline-block;
	margin: 25px 0;
	background-color: #ccc;
	border-left: 15px solid #d8a724;
	font: normal 18px 'SHOP_FONT', Arial;
	color: #666;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius:0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	clear: both;
}

#shop_notification .box input:focus{
	border: 1px solid #e27d23;
}

#shop_notification .box .title{
	position: relative;
	z-index: 2;
	font: normal 18px 'SHOP_FONT', Arial;
	text-transform: none;
	margin: 15px 0 -3px 0;
	padding: 10px 25px;
	display: inline-block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #aaa;
	color: #eee;
	cursor: pointer;
	text-align: center;
	min-width: 200px;
}

#shop_notification .left-ul-box{
	width: 48%;
	margin: 0 2% 0 0;
	float: left;
}

#shop_notification .right-ul-box{
	width: 48%;
	margin: 0 0 0 2%;
	float: left;
}

#shop_notification .box{
	counter-reset: num;
}

#shop_notification .box ul{
	list-style-type: none; 
}

#shop_notification .box li{
	position: relative;
	padding: 0;
	margin: 10px 0;
}

#shop_notification .box li:after {
	content: counter(num); 
	counter-increment: num;
	display: inline-block;
	position: absolute;
	z-index: 3;
	top: 5px;
	left: -10px;
	width: 30px;
	height: 30px;
	border-radius: 10px 10px 0 10px;
	background-color: #bbb;
	color: #fff;
	text-align: center;
	font: normal 18px 'SHOP_FONT', Arial;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;	
}
#shop_notification .box li:hover .title{
	color: #eee;
	background-color: #e27d23;
}

#shop_notification .box li:hover:after{
	color: #eee;
	background-color: #2d709f;
}


#shop_notification .box .option{
	position: relative;
	z-index: 1;
	margin: 0 0 15px 0;
	background-color: #fff;
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
	padding: 10px;
}

#shop_notification .box .option a{
	font: normal 14px 'SHOP_FONT', Arial;
	text-transform: none;
	color: #777;
	display: inline-block;
	padding: 5px 10px;
	margin: 5px 5px 5px 0;
	background-color: #ccc;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	text-decoration: none;
}

#shop_notification .box .option a:hover{
	color: #eee;
	background-color: #e27d23;
}

#shop_notification .box .option .active{
	color: #eee;
	background-color: green;
}

#shop_notification .box .option .active:hover{
	color: #eee;
	background-color: #b82b0f;
}

#shop_notification .box .button{
	display: inline-block;
	cursor: pointer;
	padding: 10px 15px;
	margin: 10px 10px 10px 0;
}

#shop_notification .box .color-clear{
	color: #eee;
	background-color: #b82b0f;
}

#shop_notification .box .color-search{
	color: #fff;
	background-color: #207ebf;
}

#shop_notification .box .color-cancel{
	background-color: #ccc;
}

#shop_notification .box .color-clear:hover,
#shop_notification .box .color-search:hover,
#shop_notification .box .color-cancel:hover{
	color: #fff;
	background-color: #42b028;
}

#shop_notification_btn{
	float: right;
}

#shop_notification_btn .button-item{
	font: normal 20px 'SHOP_FONT', Arial;
	display: inline-block;
	cursor: pointer;
	padding: 14px 15px;
	margin: 0px 0px 0px 10px;
	border-radius: 10px;
	-webkit-transition: all  .5s ease-in-out;
	-moz-transition:  all .5s ease-in-out;
	-ms-transition:  all .5s ease-in-out;
	-o-transition:  all .5s ease-in-out;
	transition:  all .5s ease-in-out;
}

#shop_notification_btn .button-item:hover{
	color: #fff;
	background-color: #e27d23;
}

#shop_notification_btn .color-clear{
	color: #fff;
	background-color: #42b028;
}


#shop_notification_clear,
#shop_notification_title{
	position: relative;
	display: inline-block;
	padding: 14px 25px 14px 50px;
	border: 1px solid #ccc;
	cursor: pointer;
	background: #eee url('images/option.png') no-repeat;
	background-size: 35px 35px;
	background-position: 10px 40%;
	color: #888;
	margin: 0 10px -5px 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#shop_notification_clear,
#shop_notification_title .title{
	font: normal 20px 'SHOP_FONT', Tahoma;
	text-transform: uppercase;

}

#shop_notification_clear{
	padding: 13px 20px 15px 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #e59e9e;
	color: #fff;
	border: none;
}

#shop_notification_clear:hover{
	background-color: #e04e4e;
	color: #fff;
}

#shop_notification_title:hover{
	border: 1px solid #eee;
	color: #e27d23;
	background: #eee url('images/option_active.png') no-repeat;
	background-size: 35px 35px;
	background-position: 10px 40%;
}

/***********PRODUCT STYLE************/

#userProduct  {
	margin: 25px 0;
}

#userProduct  .view{	
	display: none;
	position: absolute;
	visibility: hidden;
	z-index: 4;
	background: rgba(0, 0, 0, .7) url('images/open_img.png') no-repeat;
	background-position: 50% 50%;
	-moz-border-radius:   150px;
	-webkit-border-radius: 150px;
	border-radius:   150px;
	margin: -80px  0 0 -80px;
	opacity: .1;
	font: normal 14px 'SHOP_FONT', Arial;
	text-shadow: 0 1px 0 #222;
	width: 160px;
	height: 160px;
	/*padding: 40px 10px;*/
	text-align: center;
	color: #fff;
	left: 50%;
	top: 50%;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

#userProduct .status {
	position: absolute;
	padding: 5px 10px 5px 10px;
	right: 0;
	z-index: 3;
	height: 26px;
	text-transform: uppercase;
	font: normal 18px 'SHOP_FONT', Arial;
	-moz-border-radius:   0px 5px 0 10px;
	-webkit-border-radius: 0px 5px 0 10px;
	border-radius:   0px 5px 0 10px;
}

#userProduct .status:after,
#userProduct .status:before{
	display: none;
}

#userProduct .table-usr-info-box{
	display: table;
	width: 100%;
}

#userProduct .image-table-box{
	display: table-cell;
	position: relative;
	width: 30%;
	padding: 0 2% 0 0;
}

/*#userProduct .image-table-fixed,*/
#userProduct .image-table {
	display: block;
	padding: 0 0 0px 0;
	margin: 0px 0 5px 0;
	position: sticky;
	top: 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
/*
#userProduct .image-table-fixed {
	position: fixed;
	margin: 0 0 0px 0;
	top: 20px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
*/
#userProduct .image-table-title{
	padding: 8px 5px;
	margin: 0 0 20px 0;
	display: block;
	background-color: #aaa;
	text-align: center;
	font: normal 18px 'SHOP_FONT', Arial;
	color: #fff;
	text-shadow: none;
	-moz-border-radius:   5px;
	-webkit-border-radius: 5px;
	border-radius:   5px;
}

#userProduct  .view {
	text-decoration: none;
}

#userProduct .img-zoom-lens {
	position: absolute;
	width: 150px; 
	height: 150px;
	background: rgba(0, 0, 0, 0.4);
	z-index: 4;
	-moz-border-radius:   5px;
	-webkit-border-radius: 5px;
	border-radius:   5px;
}

#userProduct .main-image-view-result{
	position: fixed;
	border: 10px solid rgba(0,0,0,.2);
	width: 500px;
	height: 500px;
	top: 50%;
	transform: translate(0%, -50%);
	background-repeat: no-repeat;
	background-color: #eee;
	z-index: 15;
	-moz-border-radius:   25px;
	-webkit-border-radius: 25px;
	border-radius:   25px;
}

#userProduct .zoom-wrapper {
    display: inline-block;
    position: relative;
    line-height: 0;
    z-index: 2;
}

#userProduct .main-image{
	width: 100%;
    height: 430px;  
    display: flex; 
    justify-content: center;
    align-items: center;    
    overflow: hidden;
    position: relative;
    border-radius: 15px;
    background-color: #eee;
	background-size: cover;
	background-position: center;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

#userProduct .main-image img{
	display: block;
	max-width: 100%;
	max-height: 430px;
	width: auto !important;
	height: auto !important;
	margin: 0;
	transition: all .4s ease-in-out;
}

#userProduct .main-image:before{
	content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, .1);
    backdrop-filter: blur(10px);
    z-index: 1;
}

#userProduct .other-image-box {
	position: relative;
	margin: 0 auto;
	width: 70%;
	padding: 0 15%;
}

#userProduct .other-image-box .next-other-image,
#userProduct .other-image-box .back-other-image{
	content: '';
	position: absolute;
	z-index: 2;
	width: 40px;
	height: 80px;
	top: 17px;
	cursor: pointer;
}

#userProduct .other-image-box .next-other-image{
	right: 0;
	background: rgba(0,0,0,.4) url('images/btn_next.png') no-repeat  50% 50%;
	-moz-border-radius:    3px 10px 10px 3px;
	-webkit-border-radius: 3px 10px 10px 3px;
	border-radius:   3px 10px 10px 3px;
}

#userProduct .other-image-box .back-other-image{
	left: 0;
	background: rgba(0,0,0,.4) url('images/btn_back.png') no-repeat 50% 50%;
	-moz-border-radius:   10px 3px 3px 10px;
	-webkit-border-radius: 10px 3px 3px 10px;
	border-radius:   10px 3px 3px 10px;
	
}

#userProduct .other-image-box .next-other-image:hover,
#userProduct .other-image-box .back-other-image:hover{
	background-color: rgba(0,0,0,.8);
}

#userProduct .other-image-box .next-other-image:active,
#userProduct .other-image-box .back-other-image:active{
	background-color: rgba(209,24,24,.8);
}


#userProduct .other-image{
	position:relative;
	overflow:hidden;
	width: 100%;
	max-width: 390px;
}


#userProduct .other-image a{
	height: 100%;
	width: 100%;
	text-decoration: none;
}

#userProduct .other-image li{
	list-style: none;
	float: left;
	margin: 10px 8px 5px 0;
	height: 80px;
	width: 90px;
}
#userProduct .other-image img{
	height: 100%;
	width: 100%;
	-moz-border-radius:   5px;
	-webkit-border-radius: 5px;
	border-radius:   5px;
	cursor: pointer;
	object-fit: cover;
	background-color: #fff;
}

#userProduct .other-image img:hover{
	/*-webkit-box-shadow:  inset 0px 0px 30px   #ddd, inset 0px -5px 15px   #ddd, 1px 1px 2px #444;
	-moz-box-shadow: inset 0px 0px 30px   #ddd, inset 0px -5px 15px   #ddd, 1px 1px 2px #444;
	box-shadow: inset 0px 0px 30px   #ddd, inset 0px -5px 15px   #ddd, 1px 1px 2px #444;*/
	opacity: 1;
}


#userProduct .left-cube {
	position: relative;
	display: table-cell;
	width: 68%;
	font: normal 16px 'SHOP_FONT', tahoma;
	text-shadow: none;
	position: relative;
}

#userProduct .short{
	clear: both;
	padding: 8px 0 10px 0;
	margin-bottom: 15px;
	font: normal 18px 'SHOP_FONT', Arial;
	color: #000;
}

#userProduct .price{
	font: normal 20px 'SHOP_FONT', Arial;
	color: #333;
	margin: 0 0px 0px 0;
	float: left;
}

#userProduct  .price-help{
	display: block;
	text-transform: uppercase;
	font: normal 12px 'SHOP_FONT', Arial;
	margin: -5px 0px 0px 0;
	color: #555;
}

#userProduct .new-price{
	font: bold 20px 'SHOP_FONT', Arial;
	color: #333;
	margin: 0px 15px 0px 0;
	float: right;
}

#userProduct .price-config-help{
	font: normal 14px 'SHOP_FONT', Arial;
	color: #888;
	margin: 0 0px 0px 0px;
	border-left: 5px solid #aaa;
	padding: 5px 0px 5px 10px;
	min-height: 26px;
	height: 26px;
	display: table-cell;
	vertical-align: middle;
}

#userProduct .price-config-box{
	/*float: left;*/
}

#userProduct .price-left{
	width: 26%;
	float: left;
}

#userProduct .price-box{
	padding: 6px 6px 6px 6px;
	cursor: pointer;
	background-color: rgba(0,0,0,.015);
	margin: 0 0 10px 0;
	-moz-border-radius:   5px;
	-webkit-border-radius: 5px;
	border-radius:   5px;
	float: right;
	width: 89%;
}

/*фото*/
#userProduct .config-image-past{
	float: left;
	display: block;
	width: 60px;
	height: 58px;
}

#userProduct .config-image-past img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	-moz-border-radius:   10px;
	-webkit-border-radius: 10px;
	border-radius:   10px;
}

#userProduct .config-img{
	position: absolute;
	right: 5px;
	top: 5px;
	margin: 0px 0 0 0px;
	padding: 5px;
	width: 50px;
	height: 38px;
	opacity: .5;
	cursor: pointer;
	-moz-border-radius:   10px;
	-webkit-border-radius: 10px;
	border-radius:   10px;
	opacity: 0;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

#userProduct .config-cart-add{
	background: #ccc  url('images/add_cart.png') no-repeat;
	background-position: 50% 50%;
}

#userProduct .config-cart-del{
	background: #ccc url('images/del_cart.png') no-repeat;
	background-position: 50% 50%;
}

#userProduct .price-config-active{
	background: url('/_core/img/lib/lineFon.png');
	border: 1px solid rgba(0, 0, 0, .07);
	padding: 5px;
	-webkit-box-shadow:  inset 0px 0px 50px   rgba(0,0,0,.1);
	-moz-box-shadow:  inset 0px 0px 50px   rgba(0,0,0,.1);
	box-shadow:  inset 0px 0px 50px   rgba(0,0,0,.1);
}

#userProduct .config-item:hover .config-img{
	opacity: .7;
	right: -40px;
}

#userProduct .config-item .config-img:hover{
	background-color: #f9dd89;
	opacity: 1;
}

#userProduct .title-article{
	clear: both;
	font: normal 18px 'SHOP_FONT', Arial;
	color: #444;
	padding: 0px 0 0px 0;
	min-height: 40px;
}

#userProduct .title-article-right{
	position: absolute;
	top: 0;
	right: 0;
	font: normal 19px 'SHOP_FONT', Arial;
	color: #444;
	text-shadow: 1px 1px 0 #fff;
	padding: 8px 20px;
	background-color: #eee;
	-moz-border-radius:  0 0px 5px 5px;
	-webkit-border-radius: 0 0px 5px 5px;
	border-radius:   0 0px 5px 5px;
}

#userProduct .title-article-right b{
	position: relative;
	top: -2px;
	font: normal 14px 'SHOP_FONT', Arial;
	color: #999;
}

#userProduct .title-article-right span{
	display: inline-block;
	margin: 0 15px 0 0;
}

#userProduct .count{
	font: normal 20px 'SHOP_FONT', Arial;
	color: #999;
	padding: 3px 0 0px 0;
	border-top: 3px solid #eee;
}

#userProduct .event{
	clear: both;
	font: normal 16px 'SHOP_FONT', Arial;
	text-transform: uppercase;
	color: #999;
	padding: 5px 10px;
	background-color: #eee;
	-moz-border-radius:   5px;
	-webkit-border-radius: 5px;
	border-radius:   5px;
	margin: 15px 0;
}

#userProduct .description{
	padding: 15px 0px;
	font: normal 18px 'SHOP_FONT', Arial;
	color: #000;
	text-shadow: none;
	width: 100%;
	display: block;
}

#nav_related .related-btn{
	width: 40%;
	padding: 15px 0px;
	margin: 15px auto 15px auto;
	font: normal 22px 'SHOP_FONT', Arial;
	background-color: #999;
	color: #fff;
	text-align: center;
	-moz-border-radius:   10px;
	-webkit-border-radius: 10px;
	border-radius:   10px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	cursor: pointer;
}

#nav_related .related-btn:hover{
	background-color: #007900;
}

.related-help,
#userProduct .description-help{
	padding: 6px 15px;
	margin: 15px 0 15px 0px;
	font: normal 22px 'SHOP_FONT', Arial;
	text-transform: uppercase;
	color: #888;
	text-shadow: none;
	background-color: rgba(0,0,0,.05);
	display: block;
	clear: both;
	text-align: center;
	border: 1px solid #ccc;
}

.related{
	padding-bottom: 15px;
	font: normal 11px 'SHOP_FONT', Arial;
	color: #000;
	text-shadow: none;
}
/*
.related-help{
	padding: 20px 0 10px 0;
	display: block;
	font: normal 22px 'SHOP_FONT', Arial;
	text-transform: uppercase;
	color: #333;
	text-shadow: none;
	display: block;
}
*/
#userProduct .cart-btn-box{
	width: 100%;
	margin: 10px auto;
}

#userProduct .recycler-active-comparison span,
#userProduct .recycler-active span {
	padding: 18px 0px;
	margin: 0 0 10px 0;
	font: normal 14px 'SHOP_FONT', Arial;
	cursor: pointer;
	text-align: center;
	text-transform: uppercase;
	text-shadow: none;
	outline: none;
	display: block;
	width: 30%;
	float: left;
	color: #fff;
}

#userProduct .recycler-active-comparison span {
	width: 50%;
}

#userProduct .recycler-in{
	height: 19px;
	background-position: 50% 50%;
	-moz-border-radius:   5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius:   5px 0 0 5px;
}

#userProduct .recycler-del{
	height: 19px;
	-moz-border-radius:   0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius:   0 5px 5px 0;
}

#userProduct .recycler-in:hover,
#userProduct .recycler-del:hover,
#userProduct .recycler:hover,
#userProduct .recycler-comparison:hover {
	/*-webkit-box-shadow:  inset 0px 0px 15px   #555;
	-moz-box-shadow:  inset 0px 0px 15px   #555;
	box-shadow:  inset 0px 0px 15px   #555;*/
	background-color: #007900;
	color: #fff;
	padding: 18px 10px;
	border: none;
	text-shadow: none;
}

#cartShop .recycler-del:hover {
	background-color: #e66761;
	color: #fff;
}

#userProduct .recycler-in:hover,
#userProduct .recycler-del:hover,
#userProduct .recycler-comparison:hover {
	padding: 18px 0px;
}

#cartShop .recycler-del:active,
#userProduct .recycler-in:active,
#userProduct .recycler-del:active,
#userProduct .recycler:active,
#userProduct .recycler-comparison:active {
	background: #ffa257;
}

#userProduct .box-desc-box {
	font: normal 16px 'SHOP_FONT', Arial;
	padding: 0px;
	margin: 5px 0 0 0;
}

#userProduct .box-desc-title {
	font: normal 16px 'SHOP_FONT', Arial;
	float: left;
	padding: 10px 20px;
	background-color: #eee;
	margin: 0px 1px 5px 0px;
	position: relative;
	cursor: pointer;
	border: 1px solid #fff;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none; 
}

#userProduct .box-desc-title:hover {
	background-color: #aaa;
	border: 1px solid #eee;
	color: #fff;
	text-shadow: 1px 1px 0 #999;
}

#userProduct .box-desc-title-active:hover,
#userProduct .box-desc-title-active{
	color: #444;
	background-color: #ccc;
	border: 1px solid #ccc;
	text-shadow: 1px 1px 0 #eee;
}


#userProduct .elonix-shop-size{
	font: normal 16px 'SHOP_FONT', Arial;
	display: block;
	clear: both;
	padding: 15px;
	background-color: #e4e4e4;
	margin: 25px 0 15px 0;
	-moz-border-radius:   5px;
	-webkit-border-radius: 5px;
	border-radius:   5px;
}

#userProduct .elonix-shop-size font{
	font: normal 18px 'SHOP_FONT', Arial;
	display: block;
	margin: 0 0 15px 0;
	color: #444;
}

#userProduct .elonix-shop-size span{
	font: normal 16px 'SHOP_FONT', Arial;
	display: inline-block;
	padding: 3px 7px;
	background-color: #d58b30;
	color: #fff;
	margin: 0 15px 10px 0px;
	-moz-border-radius:   5px;
	-webkit-border-radius: 5px;
	border-radius:   5px;
}

#userProduct .attr-list-right,
#userProduct .attr-list-left{
	width: 46%;
	float: left;
}

#userProduct .attr-list-right{
	float: right;
}

#userProduct .attr-list{
	width: 100%;
	display: block;
	font: normal 15px 'SHOP_FONT', Arial;
	color: #888;
	border-bottom: 1px dotted #444;
	margin: 5px 0 10px 0;
	padding: 0 0 3px 0;
	float: left;
	box-sizing: border-box;
}

#userProduct .attr-list a,
#userProduct .attr-list span{
	color: #222;
	display: inline-block;
	float: right;
}

#userProduct .attr-list a{
	padding: 0px 10px;
	color: #fff;
	background-color: #aaa;
	-moz-border-radius:   3px;
	-webkit-border-radius: 3px;
	border-radius:   3px;
	text-transform: uppercase;
}

#userProduct .attr-list a:hover{
	text-decoration: none;
	background-color: #168ed3;
}


/**********СТИЛИ КОРЗИНЫ**********/
.comparisonShop-box{
	width: 100%;
	height: 100%;
	overflow-x: auto;
	white-space: nowrap;
	vertical-align: top;
    box-sizing: border-box;
}

#comparisonShop{
	width: auto;
}

.comparisonShop-box,
#comparisonShop,
#cartShop {
	display: block;
}

/*Сравнение*/
#comparisonShop li {
	display: inline-block;
	white-space: normal;
	font: normal 12px 'SHOP_FONT', Arial;
	list-style: none;
	width: 400px;
	height: 680px;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 10px 10px 10px 0;
	padding: 10px 10px;
	position: relative;
	border-radius:  5px;
}

#comparisonShop li:nth-last-child(2n) {
	background-color: #eee;
}

#cartShop li{
	display: block;
	font: normal 12px 'SHOP_FONT', Arial;
	list-style: none;
	width: 47%;
	height: 170px;
	float: left;
	margin: 10px 0 10px 0;
	padding: 10px 1%;
	position: relative;
	background-color: rgba(0,0,0,.08);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:  15px;
	-webkit-box-shadow: inset 0px 40px 40px   rgba(0,0,0,.03);
	-moz-box-shadow: inset 0px 40px 40px   rgba(0,0,0,.03);
	box-shadow: inset 0px 40px 40px   rgba(0,0,0,.03);
	
}

#cartShop li:nth-last-child(2n){
	float: right;
}

#comparisonShop li:hover,
#cartShop li:hover{
	padding: 10px 1%;
	-webkit-box-shadow: inset 0px 40px 400px   rgba(0,0,0,.05);
	-moz-box-shadow: inset 0px 40px 400px   rgba(0,0,0,.05);
	box-shadow: inset 0px 40px 400px   rgba(0,0,0,.05);
}

#comparisonShop li:hover{
	padding: 10px;
}

#comparisonShop .view,
#cartShop .view{
	text-decoration: none;
	float: left;
	margin: -10px 10px 0 -11px;
	width: 160px;
	height: 191px;
	overflow: hidden;
	position: relative;
}

#comparisonShop img,
#cartShop img {
	padding: 0px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:  15px;
	width: 160px;
	height: 190px;
	object-fit: cover;
}

#comparisonShop .other-info,
#cartShop .other-info {
	float: left;
	display: block;
	width: 260px;
	margin: 0px 10px 0px 0;
}

#comparisonShop .other-info a,
#cartShop .other-info a{
	text-decoration: none;
	display: block;
	color: #4169e1;
	font: normal 12px 'SHOP_FONT', tahoma;
	text-shadow: none;
	text-transform: uppercase;
	height: 33px;
	overflow: hidden;
}

#comparisonShop .other-info a:hover,
#cartShop .other-info a:hover{
	text-decoration: underline;
}

#cartShop .short {
	color: #666;
	font: normal 9px 'SHOP_FONT', Arial;
	padding: 0 0 5px 0px;
	margin: 0 0 10px 0;
	text-shadow: none;
	text-align: justify;
	overflow: hidden;
	height: 100px;
	position: relative;
	display: block;
}

#comparisonShop .short {
	color: #666;
	font: normal 12px 'SHOP_FONT', Arial;
	padding: 0px 0 5px 0px;
	margin: 0 0 10px 0;
	text-shadow: none;
	text-align: justify;
	position: relative;
	clear: both;
}

#comparisonShop .view:before,
#cartShop .view:before,
#cartShop .short:before {
	content: "";
	height: 50px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	/*
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.35) 35%, rgba(255,255,255,1) 100%); 
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.35) 35%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.35) 35%,rgba(255,255,255,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
	*/	
}

#cartShop .price-info {
	position: relative;
	float: right;
	display: block;
	width: 85px;
	z-index: 2;
	text-align: center;
}

#cartShop .price-info:before {
	content: "";
	height: 190px;
	width: 102px;
	position: absolute;
	top: -10px;
	left: -5px;
	background-color: #f5f5f5;
	z-index: -1;
	-moz-border-radius: 0 15px 15px 0;
	-webkit-border-radius: 0 15px 15px 0;
	border-radius:  0 15px 15px 0;
}

#comparisonShop .price-info{
	display: block;
	width: 300px;
}


#comparisonShop .price,
#cartShop .price{
	color: #333;
	font: normal 16px 'SHOP_FONT', Arial;
	text-align: left;
	padding: 6px 0;
	margin: -10px 0 0px 0;
	text-shadow: 0 1px 0px #fff;
}

#comparisonShop  .price-help,
#cartShop  .price-help{
	display: block;
	text-transform: uppercase;
	font: normal 10px 'SHOP_FONT', Arial;
}

#comparisonShop .new-price,
#cartShop .new-price{
	font: normal 18px 'SHOP_FONT', Arial;
	color: #333;
	margin: 0px 0 10px 0px;
	text-shadow: 0 1px 0px #fff;
}

#comparisonShop .new-price,
#comparisonShop .price{
	font: normal 18px 'SHOP_FONT', Arial;
	float: left;
	width: 70px;
	padding: 6px 0;
	margin: 0px 0 0px 0;
}

#cartShop .count{
	clear: both;
	font: normal 11px 'SHOP_FONT', Arial;
	color: #999;
	text-shadow: none;
	padding: 5px 0 0px 0;
	
}

#comparisonShop .recycler-del,
#cartShop .recycler-del{
	padding: 5px 0px;
	width: 130px;
	display: block;
	font: normal 10px 'SHOP_FONT', Arial;
	cursor: pointer;
	margin: 5px 0;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	text-shadow: none;
	-moz-border-radius:   5px;
	-webkit-border-radius: 5px;
	border-radius:   5px;
	outline: none;
	background: #aaa;
}

#comparisonShop .status {
	position: absolute;
	padding: 5px 10px 5px 5px;
	left: -1px;
	top: 0px;
	z-index: 2;
	height: 16px;
	text-transform: uppercase;
	-moz-border-radius:   10px 0 0 0; 
	-webkit-border-radius:  10px 0 0 0;
	border-radius:    10px 0 0 0;
}

#cartShop .status {
	position: absolute;
	padding: 5px 10px 5px 10px;
	left: -3px;
	bottom: 7px;
	margin: 0 0 0 0;
	z-index: 2;
	height: 16px;
	text-transform: uppercase;
	/*-moz-border-radius:  3px 0 0 3px;
	-webkit-border-radius:  3px 0 0 3px;
	border-radius:    3px 0 0 3px;*/
}

#comparisonShop .status:after,
#cartShop .status:after {
	content: "";
	position: absolute;
	z-index: 2;
	bottom: 0px;
	right: -22px;
}

#comparisonShop .new,
#cartShop .new	{
	background-color: #ffd633;
	text-shadow: none;
	color: #333;
}

#comparisonShop .new:after,
#cartShop .new:after	{
	border-top: 13px solid #ffd633;
	border-left: 13px solid #ffd633;
	border-right: 13px solid transparent;
	border-bottom: 13px solid #ffd633;
}

#comparisonShop .hit,
#cartShop .hit	{
	background-color: #ffb961;
	text-shadow: none;
	color: #444;
}

#comparisonShop .hit:after,
#cartShop .hit:after	{
	border-top: 13px solid #ffb961;
	border-left: 13px solid #ffb961;
	border-right: 13px solid transparent;
	border-bottom: 13px solid #ffb961;
}

#comparisonShop .reject,
#cartShop .reject	{
	background-color: #9494ff;
	text-shadow: none;
	color: #eee;
}

#comparisonShop .reject:after,
#cartShop .reject:after	{
	border-top: 13px solid #9494ff;
	border-left: 13px solid #9494ff;
	border-right: 13px solid transparent;
	border-bottom: 13px solid #9494ff;
}

#comparisonShop .discount,
#cartShop .discount	{
	background-color: #b84dff;
	text-shadow: none;
	color: #eee;
}

#comparisonShop .discount:after,
#cartShop .discount:after	{
	border-top: 13px solid #b84dff;
	border-left: 13px solid #b84dff;
	border-right: 13px solid transparent;
	border-bottom: 13px solid #b84dff;
}


#comparisonShop .free,
#cartShop .free	{
	background-color: #99ccff;
	text-shadow: none;
	color: #333;
}

#comparisonShop .free:after,
#cartShop .free:after	{
	border-top: 13px solid #99ccff;
	border-left: 13px solid #99ccff;
	border-right: 13px solid transparent;
	border-bottom: 13px solid #99ccff;
}

#comparisonShop .reserved,
#cartShop .reserved	{
	background-color: #bf809f;
	text-shadow: none;
	color: #eee;
}

#comparisonShop .reserved:after,
#cartShop .reserved:after	{
	border-top: 13px solid #bf809f;
	border-left: 13px solid #bf809f;
	border-right: 13px solid transparent;
	border-bottom: 13px solid #bf809f;
}


#comparisonShop .busy,
#cartShop .busy	{
	background-color: #ff4949;
	text-shadow: none;
	color: #eee;
}

#comparisonShop .busy:after,
#cartShop .busy:after	{
	border-top: 13px solid #ff4949;
	border-left: 13px solid #ff4949;
	border-right: 13px solid transparent;
	border-bottom: 13px solid #ff4949;
}

#userProduct .input-count,
#userShop .input-count,
#cartShop .input-count {
	clear: both;
	margin: 8px 0 0px 0;
}

#userProduct .input-count .plus,
#userProduct .input-count .minus,
#userShop .input-count .plus,
#userShop .input-count .minus,
#cartShop .input-count .plus,
#cartShop .input-count .minus{
	float: left;
	display: block;
	width: 12px;
	padding: 2px 3px 3px 3px;
	font: normal 14px 'SHOP_FONT', Arial;
	-webkit-box-shadow:  inset 0px 0px 30px   #ddd, inset 0px -5px 15px   #ddd;
	-moz-box-shadow: inset 0px 0px 30px   #ddd, inset 0px -5px 15px   #ddd;
	box-shadow: inset 0px 0px 30px   #ddd, inset 0px -5px 15px   #ddd;
	text-align: center;
	cursor: pointer;
}

#userProduct .input-count .plus:active,
#userProduct .input-count .minus:active,
#userShop .input-count .plus:active,
#userShop .input-count .minus:active,
#cartShop .input-count .plus:active,
#cartShop .input-count .minus:active{
	-webkit-box-shadow:  inset 0px 0px 15px   #555;
	-moz-box-shadow:  inset 0px 0px 15px   #555;
	box-shadow:  inset 0px 0px 15px   #555;
}

#userProduct .input-count .plus,
#userShop .input-count .plus,
#cartShop .input-count .plus{
	-moz-border-radius:  0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius:   0 5px 5px 0;
}

#userProduct .input-count .minus,
#userShop .input-count .minus,
#cartShop .input-count .minus{
	-moz-border-radius:  5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius:   5px 0 0 5px;
}

#userProduct .input-count input,
#userShop .input-count input,
#cartShop .input-count input{
	float: left;
	display: block;
	width: 27px;
	padding: 2px 3px 3px 3px;
	font: normal 14px 'SHOP_FONT', Arial;
	background-color: #eee;
	text-align: center;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: none;
	border-bottom: none;
}

#userShop .input-count{
	clear: both;
	margin: 0px 0px 0px 0;
	float: right;
}

#userShop .input-count .plus,
#userShop .input-count .minus{
	float: left;
	width: 18px;
	padding: 4px 6px 8px 6px;
	font: normal 18px  Arial;
	color: #222;
	background-color: #ccc;
	-webkit-box-shadow:  none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#userShop .input-count .plus{
	padding: 6px 6px 6px 6px;
}

#userShop .input-count input{
	width: 27px;
	padding: 4px 3px 6px 3px;
	font: normal 17px 'SHOP_FONT', Arial;
	background-color: #fff;
	color: #000;
}

#userProduct .input-count{
	clear: both;
	margin: 8px 0px 0px 0;
	float: right;
}

#userProduct .input-count .plus,
#userProduct .input-count .minus{
	float: left;
	width: 18px;
	padding: 8px 8px 10px 8px;
	font: normal 18px  Arial;
	color: #222;
	background-color: #ccc;
	-webkit-box-shadow:  none;
	-moz-box-shadow: none;
	box-shadow: none;
}



#userProduct .input-count input{
	width: 35px;
	padding: 6px 5px 8px 6px;
	font: normal 19px 'SHOP_FONT', Arial;
	background-color: #eee;
	color: #000;
}

#cartShop .result {
	padding: 10px 0 0 0;
	clear: both;
	text-shadow: none;
}

#cartShop .title-price {
	display: block;
	font: normal 10px 'SHOP_FONT', Arial;
	text-transform: uppercase;
	color: #888;
}

#cartShop .result-price {
	display: block;
	font: normal 16px 'SHOP_FONT', Arial;
	color: #555;
}

/*настройки в шаблоне файла cart_chf*/
#cartShop .cnf-price{
	display: block;
	padding: 3px 6px;
	margin: 5px 0;
	font: normal 10px 'SHOP_FONT', Arial;
	background-color: #eee;
}

/******* РАЗНОЕ *****************/
#userShop_table .rub,
#comparisonShop .rub,
#cartShop .rub,
#infoShop .rub,
#userShop .rub,
#userProduct .rub {
	display: inline-block;
	/*border-bottom: 1px solid #333; */
	padding: 0 0 0 1px;
}

/*в корзине общая сумма всех товаров*/
#infoShop .rub{
	/*line-height: 10px; */
}

/*в корзине у каждого товара основная цена*/
#comparisonShop .rub,
#cartShop .rub {
	/*line-height: 6px; */
	
}

/*у каждого товара при открытии каталога*/
#userShop_table .rub,
#userShop .rub {
	/*line-height: 9px; */
}

/*при детальном просмотре товара*/
#userProduct .rub {
	/*line-height: 7px; */
}

#userShop_table .last-price,
#comparisonShop .last-price,
#cartShop  .last-price,  
#userProduct .last-price,  
#userShop .last-price{
	color: #888;
}

#userShop_table .price  .rub,
#userShop .price  .rub{
	/*line-height: 7px; */
}

/*в корзине у каждого товара у которого установлена новая цена*/
#comparisonShop .new-price .rub,
#cartShop .new-price .rub{
	/*line-height: 7px; */
}

#userShop_table .last-price  .rub,
#comparisonShop .last-price .rub,
#cartShop .last-price .rub,
#userShop .last-price .rub,
#userProduct .last-price .rub{
	
	display: inline-block;
	/*border-bottom: 1px solid #aaa; */
	padding: 0 0 0 1px;
	
}

/*у каждого товара у которого есть старая цена*/
#userShop_table .last-price .rub,
#userShop .last-price .rub{
	/*line-height: 7px; */
}

/*придетальном открытии товара  цена со скидкой*/
#userProduct .last-price .rub{
	/*line-height: 9px; */
}

#comparisonShop .last-price .rub{
	/*line-height: 8px; */
}
/*в корзине у кажого товара где ВСЕГО и ЦЕНА СО СКИДКОЙ*/
#cartShop .last-price .rub {
	/*line-height: 5px; */
}

/*********ДОПОЛНИТЕЛЬНАЯ ИНФОРМАЦИЯ***********/
#infoShop {
	padding: 0px 0 0 0;
	clear: both;
}

#infoShop .info-price {
	float: left;
	padding: 9px 30px 0 0;
}
#infoShop .title-total-price{
	text-shadow: 0 1px 0px #fff;
	text-transform: uppercase;
	font: normal 12px 'SHOP_FONT', Arial;
	display: block;
}

#infoShop  .total-price{
	color: #333;
	font: normal 24px 'SHOP_FONT', Arial;
	text-align: left;
	text-shadow: 0 1px 0px #fff;
}

#infoShop .button-down-margin {
	margin: 0 0 50px 0;
}

#infoShop .button-next {
	background-color: #007900;
	color: #fff;
}

#infoShop .button-back {
	background-color: #aaa;
	color: #fff;
}

#infoShop .button-next,
#infoShop .button-back {
	float: left;
	padding: 15px 40px;
	margin: 10px 25px 25px 0;
	font: normal 14px 'SHOP_FONT', Arial;
	cursor: pointer;
	text-align: center;
	text-transform: uppercase;
	-moz-border-radius:   5px;
	-webkit-border-radius: 5px;
	border-radius:   5px;
	outline: none;
}
#infoShop .button-back:hover,
#infoShop .button-next:hover{
	background-color: #135222;
	color: #fff;
	text-shadow: none;
}

#infoShop .button-back:hover {
	background-color: #1c5692;
}

#infoShop .button-next:active ,
#infoShop .button-back:active {
	background: #45aa4f;
}

#infoShop .button-next-top{
	margin: -50px 25px 0 0;
	padding: 10px 40px;
	-moz-border-radius:   5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius:   5px 0 0 5px;
}

#infoShop  .recycler-is-clear{
	background: #eee url('images/no-result.png') no-repeat;
	background-position: 50px 50%;
	color: #333;
	font: normal 26px 'SHOP_FONT', Arial;
	/*text-align: center;*/
	display: block;
	width: 70%;
	margin: 0 auto;
	padding: 120px 0px 120px 30%;
	border: 1px solid #ccc;
	text-shadow: 0 1px 0px #fff;
	-moz-border-radius:   10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius:   10px 10px 10px 10px;
}

#infoShop  .recycler-is-clear hr{
	width: 100%;
	margin: 10px 0;
	padding: 1px;
	border-top: 0;
	border-bottom: 7px solid #e0e0e0;
	border-left: 0;
	border-right: 0;
}

#infoShop  .recycler-is-clear input{
	width: 100%;
	padding: 10px 0px 10px 0px;
	margin: 25px 0 5px 0;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	border: none;
	font: normal 18px 'SHOP_FONT', Arial;
	text-align: center;
	background-color: #eee;
	border: 1px solid #aaa;
}

/********* ОФОРМЛЕНИЕ КОНТАКТОВ ПОКУПАТЕЛЯ*************/
#infoShop .shop-contact{
	position: relative;
	padding-bottom: 10px;
}

#infoShop .shop-contact  textarea {
	height: 264px;
	resize: vertical;
	/*overflow: hidden;*/
	padding: 10px 10px 10px 40px;	
}

#infoShop .shop-contact  input{
	padding: 10px 10px 13px 40px;
	
}

#infoShop .shop-contact  textarea,#infoShop .shop-contact  input{
	margin:5px 0;
	font: normal 15px 'SHOP_FONT', tahoma;
	border: 1px solid rgba(0, 0, 0, .1);
	width: 100%;
	outline: none;
	background-color: white;
	-webkit-box-shadow:  0 -20px 40px rgba(0, 0, 0, 0.05) inset;
	-moz-box-shadow:  0 -20px 40px rgba(0, 0, 0, 0.05) inset;
	box-shadow:  0 -20px 40px rgba(0, 0, 0, 0.05) inset;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-moz-box-sizing: border-box; 
	-opera-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	-khtml-box-sizing: border-box; 
	box-sizing: border-box;
}

#infoShop .shop-contact   textarea,  #infoShop .shop-contact  input{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#infoShop .shop-contact  textarea:hover, #infoShop .shop-contact  input:hover{
	background-color: #ccffcc;
}

#infoShop .shop-contact  textarea:focus, #infoShop .shop-contact  input:focus{
	background-color: #ffffcc;
}

#infoShop .shop-contact  .correctImg{
	margin: 14px 0 0 10px;
}

#infoShop  .width {
	width: 48%;
}

#infoShop  .width-profile {
	width: 70%;
	margin: 0 auto;
}

#infoShop  .group-title {
	display: block;
	clear: both;
	padding: 25px 0 10px 0;
	font: normal 20px 'SHOP_FONT', tahoma;
	text-transform: uppercase;
}

#infoShop  .group-text{
	display: block;
	clear: both;
	padding: 5px 0 10px 0;
	font: normal 20px 'SHOP_FONT', tahoma;
}


#infoShop .shop-contact  .redShadow {
	background-color: #ffcece;
}

#infoShop .shop-contact .redShadow:focus {
	background-color: white;
}

#infoShop .confrim-order .confrim-help{
	clear: both;
	font: normal 13px 'SHOP_FONT', tahoma;
	text-shadow: none;
}

#infoShop .confrim-order .consent{
	clear: both;
	font: normal 16px 'SHOP_FONT', tahoma;
	color: #666;
	text-shadow: none;
}

#infoShop .confrim-order {
	border: 1px solid #ddd;
	-moz-border-radius:  10px;
	-webkit-border-radius: 10px;
	border-radius:   10px;
	padding: 5px 10px 5px 10px;
	margin: 0px 0 15px 0;
	position: relative;
	top: 0px;
	display: block;
}

#infoShop .confrim-order a b{
	display: block;
	clear: both;
}

#infoShop .confrim-order a{
	width: 25%;
	margin: 0 3% 10px 0;
}

#usrOrder {
	display: block;
}

#usrOrder .order{
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

#usrOrder a{
	text-decoration: none;
}

#usrOrder a:hover .order{
	background-color: #eee;
}

#usrOrder span{
	font: normal 13px 'SHOP_FONT', tahoma;
	display: inline-block;
	padding: 10px;
	color: #333;
	border-left: 1px solid #ddd;
	position: relative;
	left: -1px;
}

#usrOrder font{
	font: normal 13px 'SHOP_FONT', tahoma;
	display: block;
	color: #999;
}

#usrOrder .title{
	font: normal 20px 'SHOP_FONT', tahoma;
	display: block;
	padding: 0px 0 5px 5px;
	border-bottom:1px solid #ddd;
}


#usrOrder .number {
	text-align: center;
	width: 3%;
}

#usrOrder .name {
	width: 43%;
}

#usrOrder .total {
	display: block;
	text-align: right;
	padding: 0 0 30px 0;
	font: normal 20px 'SHOP_FONT', tahoma;
	color: #333;
}

#usrOrder .count,
#usrOrder .price {
	width: 10%;
	text-align: right;
}

#usrOrder .rub{
	font: noemal 20px 'SHOP_FONT', tahoma;
	display: inline-block;
	/*line-height: 7px; 
	border-bottom: 1px solid #333; */
	color: #333;
	padding: 0 0 0 2px;
	margin: 0 0 0 5px;
}

/*доставка*/
#usrOrder .btn-delivery{
	position: relative;
	text-decoration: none;
	display: flex;
    align-items: stretch;
	padding: 0px;
	margin: 0px 0 10px 0;
	-moz-border-radius:  6px;
	-webkit-border-radius: 6px;
	border-radius:   6px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-shadow: none;
	border: 1px solid #eee;
}

#usrOrder .btn-delivery font{
	display: block;
}

#usrOrder .btn-delivery .delivery-box-left{
	width: 150px;
}

#usrOrder .btn-delivery .delivery-image,
#usrOrder .btn-delivery .delivery-box-left img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-color: #eee;
	-moz-border-radius:  5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius:   5px 0 0 5px;
}

#usrOrder .btn-delivery .delivery-box-right{
	width: 800px;
	display: flex;
	align-items: center;
	margin-left: 20px;
}

#usrOrder .btn-delivery .delivery-title{
	font: normal 22px 'SHOP_FONT', tahoma;
	color: #999;
	text-transform: uppercase;
}

#usrOrder .btn-delivery .delivery-sum{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font: normal 24px 'SHOP_FONT', tahoma;
	color: #fff;
	background-color: rgba(0,0,0,.3);
	padding: 0 15px;
	-moz-border-radius:  0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius:   0 5px 5px 0;
}

#usrOrder .btn-delivery .delivery-sum-box{
	display: flex;
	flex-grow: 1;
}

#usrOrder .btn-delivery .delivery-text{
	clear: both;
	display: block;
	font: normal 15px 'SHOP_FONT', tahoma;
	color: #666;
}

#usrOrder .btn-delivery .delivery-text-red{
	color: #cc3333;
	font: normal 12px 'SHOP_FONT', tahoma;
}

#usrOrder .btn-delivery .delivery-rub{
	font: normal 22px 'SHOP_FONT', tahoma;
	display: inline-block;
	/*line-height: 6px; 
	border-bottom: 1px solid #333; */
	color: #fff;
	padding: 0 0 0 2px;
	margin: 0 0 0 5px;
}

#usrOrder  .btn-delivery-active{
	background-color: rgba(0,0,0,.1);
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#userShop_table .price-line-through,
#cartShop .price-line-through,
#userShop .price-line-through,
#userProduct .price-line-through{
	position: relative;
	text-align: center;
	min-width: 80px;
}

#userShop_table .price-line-through{
	width: 80px;
	min-width: 80px;	
	height: 30px;
}

#userShop_table .price-line-through:after,
#cartShop .price-line-through:after,
#userShop .price-line-through:after,
#userProduct .price-line-through:after{
	content: "";
	position: absolute;
	z-index: 1;
	margin: 0px 0 0 5px;
	top: 50%;
	border-top: 2px solid rgba(253,91,3,.8);
}

#cartShop .price-line-through:after{
	-moz-border-radius:   50px;
	-webkit-border-radius: 50px;
	border-radius:   50px;
	width: 90%;
	height: 1px;
	left: 0%;
    transform: skewY(20deg);
	bottom: 0px;
}


#userProduct .price-line-through:after{
	width: 80%;
	left: 0%;
    transform: skewY(20deg);
	bottom: 0px;
}

#userShop_table .price-line-through:after,
#userShop .price-line-through:after{
	width: 80%;
	left: 0;
    transform: skewY(22deg);
	bottom: 0;
}

/*Скроллинг отзывов*/
#scroll_review .navigation{
	display: block;
	width: 100%;
	text-align: center;
	margin: 10px 0 50px 0;
}

#scroll_review .back{
	background:  #333 url('images/btn_back.png') no-repeat;
}

#scroll_review .next{
	background:  #333 url('images/btn_next.png') no-repeat;
	
}

#scroll_review .back,
#scroll_review .next{
	background-position: 50% 50%;
	padding: 15px 26px;
	-moz-border-radius:   200px;
	-webkit-border-radius: 200px;
	border-radius:   200px;
	border: 10px solid #fff;
	margin: 0 -35px 0 -35px;
	position: relative;
	z-index: 2;
}

#scroll_review .btn-title:hover,
#scroll_review .back:hover,
#scroll_review .next:hover{
	background-color: #007900;
	color: #fff;
}

#scroll_review .back:active,
#scroll_review .next:active{
	background-color: #cc3333;
}

#scroll_review .btn-title,
#scroll_review .title{
	font: normal 22px 'SHOP_FONT', tahoma;
	text-transform: uppercase;
	background-color: #eee;
	padding: 18px 85px 23px 85px;
	position: relative;
	z-index: 1;
	-moz-border-radius:   5px;
	-webkit-border-radius: 5px;
	border-radius:   5px;
}

#scroll_review .btn-title{
	cursor: pointer;
}

#scroll_review_item{
	position:relative;
	width: 99%;
	overflow: hidden;
}

#scroll_review_page ul,
#scroll_review ul{
	display: block;
	list-style: none;
	position: relative;
}

#scroll_review_page li,
#scroll_review li{
	list-style: none;
	text-decoration: none;
	color: #222;
	font: normal 16px 'SHOP_FONT', tahoma;
	width: 370px;
	height: 350px;
	display: block;
	float: left;
	margin: 0 30px 30px 0;
	padding: 0px;
	border: 2px solid #eee;
	background-color: #fff;
	cursor: pointer;
	-moz-border-radius:   3px;
	-webkit-border-radius: 3px;
	border-radius:   3px;
	position: relative;
}

#scroll_review_page li{
	width: 270px;
	margin: 0 20px 20px 0;
}

#scroll_review_page li:hover,
#scroll_review li:hover{
	border: 2px solid #aaa;
}

#scroll_review_page .scroll-item-box .scroll-item-scroll,
#scroll_review .scroll-item-box .scroll-item-scroll{
	width: 400px;
	height: 100%;
	display: block;
	padding: 10px 0;
}

#scroll_review_page .scroll-item-box .scroll-item-scroll{
	width: 290px;
}

#scroll_review_page .scroll-item-box .image,
#scroll_review .scroll-item-box .image{
	width: 350px;
    height: 300px;
	display: block;
	padding: 10px 10px;
	position: relative;
}

#scroll_review_page .scroll-item-box .image a:hover::before,
#scroll_review .scroll-item-box .image a:hover::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -70px 0 0 -60px;
	background: #000 url('images/open_img.png') no-repeat;
	background-position: center center;
	width: 100px;
	height: 75px;
	padding: 20px 8px;
	-moz-border-radius:   300px;
	-webkit-border-radius: 300px;
	border-radius:   300px;
	opacity: .8;
}
#scroll_review_page .scroll-item-box .image{
	width: 250px;
    height: 230px;
}

#scroll_review_page .scroll-item-box img,
#scroll_review .scroll-item-box img{
	object-fit: contain;
	width: 100%;
	height: 100%;
	display: block;
}

#scroll_review_page .scroll-item-box .title-item,
#scroll_review .scroll-item-box .title-item{
	display: block;
	width: 90%;
	font: normal 18px 'SHOP_FONT', tahoma;
	text-transform: uppercase;
	padding: 10px 2%;
	text-align: center;
	margin: 10px 0 10px 0;
}

#scroll_review_page .scroll-item-box .url,
#scroll_review .scroll-item-box .url,
#scroll_review_page .scroll-item-box .desc,
#scroll_review .scroll-item-box .desc{
	display: none;
}

#scroll_review_page .scroll-item-box:hover .url,
#scroll_review .scroll-item-box:hover .url{
	font: normal 12px 'SHOP_FONT', tahoma;
	text-transform: lowercase;
	text-align: left;
	padding: 0 10px;
}

#scroll_review_page .scroll-item-box:hover .desc,
#scroll_review .scroll-item-box:hover .desc{
	display: block;
	padding: 10px 20px;
	
}
#scroll_review .scroll-item-box .desc,
#scroll_review .scroll-item-box .url{
	display: none;
}

#scroll_review_page .scroll-item-box .url,
#scroll_review_page .scroll-item-box .desc{
	position: absolute;
	background-color: #aaa;
	margin: 0px 0 0px 0px;
	color: #fff;
	width: 100%;
	top: 0;
	right: -115%;
	-moz-border-radius:   0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius:   0 5px 5px 0;
	z-index: 2;
}


#scroll_review_page .scroll-item-box:nth-last-child(2n+1) .url,
#scroll_review .scroll-item-box:nth-last-child(2n+1) .url,
#scroll_review_page .scroll-item-box:nth-last-child(2n+1) .desc,
#scroll_review .scroll-item-box:nth-last-child(2n+1) .desc{
	right: 100%;
	margin: 0px 0 0px 3px;
	-moz-border-radius:   5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius:   5px 0 0 5px;
}

/*скроллинг отзывы*/
#diamondcms .scroll-review{
	display: block;
	padding: 1%;
	background-color: #eee;
	margin: 0 0 10px 0;
	clear: both;
	cursor: pointer;
	border: 1px solid #ccc;
}

#diamondcms .scroll-review:hover{
	border: 1px solid #aaa;
	background-color: rgba(0,0,0,.01);
}

#diamondcms .scroll-review .image-box{
	width: 80px;
	height: 80px;
	float: left;
	padding: 0 20px 0 0;
}

#diamondcms .scroll-review img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}

#diamondcms .scroll-review h1{
	font: normal 18px 'SHOP_FONT', tahoma;
	text-shadow: none;
	color: #000;
}

#diamondcms .scroll-review span{
	font: normal 14px 'SHOP_FONT', tahoma;
	display: block;
	color: #aaa;
	text-shadow: none;
	max-height: 80px;
	overflow: hidden;
}

.attribute-group{
	font: normal 14px 'SHOP_FONT', tahoma;
	float: left;
	width: 30%;
	margin: 5px 3% 15px 0;
	text-shadow: none;
	cursor: pointer;
}

.attribute-open{
	padding: 5px 1%;
	overflow: hidden;
	text-align: center;
	background-color: #ccc;
	width: 89%;
	height: 20px;
	float: left;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}


.attribute-delete{
	width: 9%;
	padding: 5px 0%;
	height: 20px;
	float: left;
	background-color: rgba(255,51,51,.8);
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	background-position: 50% 50%;
}

.attribute-delete:hover,
.attribute-open:hover{
	background-color: #aaa;
}

#attribute_elonix{
	list-style: none;
	width: 100%;
	display: block;
}

#attribute_elonix .att-symbol{
	font: bold 20px 'SHOP_FONT', Arial;
	color: #444;
	padding: 5px 20px;
	margin: 5px 10px 5px 0;
	float: left;
	text-transform: uppercase;
	background-color: #eee;
	text-align: center;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #eee;
}
#attribute_elonix .att-symbol:hover{
	background-color: #ffc66c;
	color: #111;
}

#attribute_elonix .att-symbol-active{
	border: 1px solid #ffc66c;

}

#attribute_elonix .att-name{
	font: normal 16px 'SHOP_FONT', Arial;
	width: 23%;
	text-align: center;
	padding: 5px 0;
	background-color: #5797cc;
	color: #fff;
	float: left;
	margin: 0 1% 5px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	height: 22px;
	cursor: pointer;
}

#attribute_elonix .att-name:hover{
	background-color: #ffc66c;
	color: #111;
}

#attribute_elonix .att-list-box{
	display: block;
	float: none;
	clear: both;
	padding: 15px 0 0 0;
}

.mobile-view{
	display: none;
}

.mobile-hidden{
	display: block;
}

@media (max-width:900px){
	.mobile-view{
		display: block;
	}
	
	.mobile-hidden{
		display: none;
	}
	
	.popup-cart {
		padding: 10px 15px;
		font: normal 18px 'SHOP_FONT', Arial;
	}


	#shop-load-animate {
		position: relative;
		width: 85%;
		height:36px;
		left: 0;
		top: 0;
		margin: 10px auto;
	}

	#shop_notification{
		width: 95%;
	}

	#shop_notification .box input{
		padding: 15px 0;
		margin: 10px auto;
		width: 100%;
	}

	#shop_notification .box .button{
		padding: 15px 0px;
		margin: 10px 0 10px 0;
		width: 48%;
		text-align: center;
		display: block;
		float: left;
	}
	
	#shop_notification .box .button:nth-last-child(2n){
		float: right;
	}
	
	#shop_notification .box .full-btn-up,
	#shop_notification .box .full-btn-down{
		display: block;
		padding: 15px 0px;
		margin: 10px 0px 40px 0;
		width: 100%;
		text-align: center;
		float: none;
		clear: both;
	}
	
	#shop_notification .box .full-btn-up{
		margin: 40px 0px 10px 0;
	}

	#shop_notification .left-ul-box,
	#shop_notification .right-ul-box{
		width: 100%;
		margin: 0 0 0 0;
		float: none;
	}
	
	#userShopListing{
		display: none;
	}

	.product-text-head{
		font: bold 21px 'SHOP_FONT', Arial;
		padding:25px 0 25px 0;
		width: 100%;
	}

	.description-long-text{
		height: 1000px;
	}

	.description-long-text:before{
		visibility: visible;
		margin: 0 0 0 -40%;
		width: 80%;
	}

	#comparisonShop li {
		width: 280px;
		height: 550px;
	}


	#cartShop li{
		display: block;
		font: normal 12px 'SHOP_FONT', Arial;
		width: 92%;
		height: auto;
		float: none;
		margin: 10px 0 0px 0;
		padding: 10px 10px 30px 10px;
	}
	
	
	#cartShop li:nth-last-child(2n){
		float: none;
	}
	
	#cartShop li:hover{
		padding: 10px 10px 30px 10px;
	}
	
	#cartShop .price{
		float: left;
	}


	#cartShop .view{
		float: none;
		display: block;
		margin: 0 auto;
		width: 100%;
		height: 130px;
	}

	#cartShop .view img{
		width: 100%;
		height: 130px;
		object-fit: contain;
		background-color: #eee;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius:  5px;
	}
	
	#cartShop .other-info {
		float: left;
		width: 66%;
		margin: 20px 0px 0px 0;
	}

	#cartShop .price-info {
		float: right;
		display: block;
		width: 30%;
		margin-top: 20px;
	}
	
	#cartShop .short {
		overflow: none;
		height: auto;
		padding: 0 0 30px 0;
	}

	#usrOrder .btn-delivery{
		display: block;
		border: 1px solid rgba(0,0,0,.1);
	}
	
	#usrOrder .btn-delivery .delivery-box-left{
		display: none;
		float: none;
		width: 100%;
		height: 100px;
		margin: 0 auto;
		text-align: left;
		-moz-border-radius:   5px;
		-webkit-border-radius: 5px;
		border-radius:    5px;
	}

	#usrOrder .btn-delivery .delivery-image,
	#usrOrder .btn-delivery .delivery-box-left img{
		-moz-border-radius:  5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		border-radius:  5px 5px 0 0;
	}

	#usrOrder .btn-delivery .delivery-box-right{
		float: none;
		clear: both;
		width: auto;
		text-align: center;
		margin-left: 0px;
		display: block;
	}
	
	#usrOrder .btn-delivery .delivery-sum{
		margin: 15px 0 0 0;
		-moz-border-radius:  0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		border-radius:   0 0 5px 5px;
	}

	#infoShop .button-next-top,
	#infoShop .button-next,
	#infoShop .button-back {
		float: none;
		clear: both;
		padding: 15px 0px;
		width: 90%;
		margin: 15px auto 25px auto;
		font: normal 12px 'SHOP_FONT', Arial;
		-moz-border-radius:   5px;
		-webkit-border-radius: 5px;
		border-radius:   5px;
	}

	.linkButton a{
		font: normal 11px 'SHOP_FONT', tahoma;
		text-align: center;
	}
	
	#infoShop .confrim-order .consent{
		font: normal 12px 'SHOP_FONT', tahoma;
	}

	#infoShop  .width {
		width: 100%;
	}
	
	#infoShop .shop-contact  textarea {
		width: 100%;
		height: 100px;
	}
	
	#comparisonShop .recycler{
		padding: 10px 5px;
		font: normal 12px 'SHOP_FONT', Arial;
		width: 150px;
	}
	
	#userShop li{
		width: 80%;
		float: none;
		clear: both;
		margin: 0 auto 22px auto;
		min-height: 400px;
	}

	#userShop li:hover .title,
	#userShop .title {
		font: normal 16px 'SHOP_FONT', Arial;
		bottom: -165px;
		left: 0;
		width: 95%;
		height: 56px;
		-moz-border-radius: 0 0 15px 15px;
		-webkit-border-radius: 0 0 15px 15px;
		border-radius:  0 0 15px 15px;
	}

	#userShop .price-box-center{
		bottom: 22px;
	}

	#userShop  .shop-img-product img{
		height: 65%;
	}
	
	#userShop .recycler{
		position: relative;
		bottom: 50px;
		padding: 8px 6% 8px 0;
		width: 74%;
		margin: 10px auto 0 auto;
		text-align: right;
	}
	
	#userShop .recycler-in{
		text-align: right;
	}
	
	#userShop .recycler-active{
		position: relative;
		padding: 5px;
		bottom: 40px;
	}
	
	#userShop .body-css-product{
		min-height: 280px;
	}
	
	#userShop .body-css-product img{
		-moz-border-radius: 15px 15px 0 0;
		-webkit-border-radius: 15px 15px 0 0;
		border-radius: 15px 15px 0 0;
		height: 78%;
	}
	
	#userShop .body-css-product:hover .title,
	#userShop .body-css-product .title {
		font: normal 16px 'SHOP_FONT', Arial;
		width: 95%;
		bottom: 0;
		-moz-border-radius: 15px 15px 0 0;
		-webkit-border-radius: 15px 15px 0 0;
		border-radius: 15px 15px 0 0;
		
	}
	
	#userShop li:hover .title b,
	#userShop .body-css-product:hover .title b{
		display: none;
	}
	
	#slide_hits #userShop .recycler,
	#slide_discount #userShop .recycler{
		visibility: visible;
		padding: 8px 3%;
		width: 74%;
		margin: 10px auto 0 auto;
	}
	
	
	
	#slide_hits #userShop .recycler,
	#slide_discount #userShop .recycler{
		position: relative;
		bottom: -46px;
	}

	#slide_hits #userShop .recycler-active,
	#slide_discount #userShop .recycler-active	{
		position: relative;
		bottom: -46px;
	}

	#userShop  .zindex-fff{
		display: none;
	}
	
	#userProduct .main-image img,
	#userProduct .main-image{
		width: 100%;
		height: 300px;
	}

	#userProduct .image-table-box {
		display: block;
		float: none;
		width: 100%;
		padding: 0;
		margin: 0 0 10px 0;
		border-top: none;
		border-right: none;
	}
	
	/* Кнопки NEXT и PREV */
	.bx-wrapper .bx-prev {
		left: -40px;
	}
	.bx-wrapper .bx-next {
		right: -50px;
	}
	
	#userProduct .table-usr-info-box{
		display: block;
	}

	#userProduct .image-table-box{
		display: block;
		width: 90%;
		padding: 0 0 0 0;
		margin: 0 auto;
	}

	#userProduct .image-table {
		position: relative;
	}

	#userProduct .left-cube {
		display: block;
		float: none;
		width: 100%;
		font: normal 12px 'SHOP_FONT', tahoma;
	}
	
	#userProduct .cart-btn-box{
		width: 100%;
		margin: 0 0 10px 0;
	}

	#userProduct .recycler-active span{
		margin: 0 0 10px 0;
	}
	
	#userProduct .box-desc-box {
		font: normal 14px 'SHOP_FONT', Arial;
	}

	#userProduct .short{
		font: normal 14px 'SHOP_FONT', Arial;
	}

	#userProduct .description{
		margin-top: 20px;
		padding: 15px 0px;
		font: normal 16px 'SHOP_FONT', Arial;
		float: none;
		width: 100%;
	}

	#userProduct .price,
	#userProduct .new-price{
		width: 40%;
		margin: 0px 5% 0px 5%;
		float: left;
		font: normal 14px 'SHOP_FONT', Arial;
	}
	
	#userProduct .new-price{
		font: bold 14px 'SHOP_FONT', Arial;
	}
	
	#userProduct .price-line-through:after{
		width: 70%;
		left: 10%;
		transform: skewY(20deg);
		bottom: -5px;
	}

	#userProduct .price-config-help{
		font: normal 12px 'SHOP_FONT', Arial;
		border-left: none;
		width: 90%;
		padding: 5px 0 5px 0px;
		height: auto;
		display: block;
		vertical-align: none;
		float: none;
		margin: 0 auto;
	}
	
	#userProduct .config-img{
		top: 50%;
		left: 0;
		opacity: 1;
		margin: 0px 0px 0 0;
	}
	
	#userProduct .price-box{
		border: 1px solid #ccc;
		min-height: 120px;
	}
	
	#userProduct .price-config-active{
		border: 1px solid #ccc;
		padding: 6px;
	}
	
	#userProduct .price-box{
		float: right;
		width: 70%;
	}
	
	#userProduct .price-left{
		margin: 0;
		display: block;
		float: none;
		height: auto;
		padding: 0;
		width: 100%;
		text-align: left;
	}
	
	#userProduct .config-cart-add{
		background: url('images/add_cart.png') no-repeat;
		background-position: 50% 50%;
	}

	#userProduct .config-cart-del{
		background: url('images/del_cart.png') no-repeat;
		background-position: 50% 50%;
	}

	#infoShop .info-price {
		float: none;
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: top;
	}
	
	#infoShop .button-next-top,
	#infoShop .button-next,
	#infoShop .button-back {
		float: none;
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: top;
	}

	#infoShop .button-back {
		margin: -5px 0 0 0;
	}
	
	#cartShop .input-count input{
		width: 40%;
		padding: 2px 0px 3px 0px;
	}
	
	#cartShop .input-count .plus,
	#cartShop .input-count .minus{
		width: 25%;
		padding: 2px 0px 3px 0px;
	}
	
	#userShop li:hover{
		-webkit-box-shadow: 1px 1px 2px  rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 1px 1px 2px  rgba(0, 0, 0, 0.2);
		box-shadow: 1px 1px 2px  rgba(0, 0, 0, 0.2);
	}

	#userShop li:hover .btn-info:after {
		animation: none;
	}
	
	
	#userShop .btn-info {
		opacity: 1;
		top: -3px;
		right: -3px;
	}
	
	/*Скроллинг отзывов*/
	#scroll_review .back,
	#scroll_review .next{
		margin: 0 -10px 0 -10px;
	}

	#scroll_review .btn-title,
	#scroll_review .title{
		font: normal 16px 'SHOP_FONT', tahoma;
		padding: 15px 6%;
		width: 60%;
	}

	#scroll_review_item{
		width: 100%;
	}

	#scroll_review li{
		font: normal 14px 'SHOP_FONT', tahoma;
	}

	#scroll_review .scroll-item-box .title-item{
		font: normal 16px 'SHOP_FONT', tahoma;
	}

	#scroll_review .scroll-item-box .url{
		font: normal 10px 'SHOP_FONT', tahoma;
	}


	#cartShop .price-info:before {
		display: none;
	}
	
	
	#scroll_review_page li{
		font: normal 14px 'SHOP_FONT', tahoma;
		width: 90%;
		height: auto;
		margin: 20px auto;
		display: block;
		float: none;
	}


	#scroll_review_page .scroll-item-box .scroll-item-scroll{
		width: 105%;
	}


	#scroll_review_page .scroll-item-box .image{
		width: 90%;
		height: auto;
		margin: 0 auto;
	}


	#scroll_review_page .scroll-item-box .title-item{
		font: normal 16px 'SHOP_FONT', tahoma;
	}

	#scroll_review_page .scroll-item-box .url{
		font: normal 10px 'SHOP_FONT', tahoma;
	}
	
	#userShop li .button-product{
		position: relative;
		height: auto;
		width: auto;
		padding: 0;
		overflow: visible;
		background: none;
		backdrop-filter: none;
	}

	#userShop li:hover .button-product{
		height: auto;
		padding: 0;
	}

	#userShop .status {
		margin: 0px 0px 0 0px;
	}

	.menu_product_shop_box{
		margin: -60px 0 0 -30px;
		background: none;
	}
	
	.menu_product_shop_box:hover{
		margin: -60px 0 0 -30px;
		width: 20px;
		background-color: rgba(255,255,255,.7);
		backdrop-filter: blur(1px);
	}
	

	#attribute_elonix .att-name{
		font: normal 14px 'SHOP_FONT', Arial;
		width: 48%;
		float: left;
		margin: 0 1% 5px 1%;
	}	
	

	#shop_filter .search{
		width: 100%;
		margin: 0 0 5px 0;
	}

	#shop_filter .search a{
		width: 20%;
		float: left;
	}

	#shop_filter .filter{
		font: normal 14px 'SHOP_FONT', Arial;
		padding: 12px 0px 13px 0px;
		margin: 5px 0 0 0;
		width: 48%;
		text-align: center;
		float: left;
	}
	
	#shop_filter .filter:nth-child(2n){
		float: right;
	}
	
	#userProduct .title-article-right{
		position: relative;
		width: 100%;
		font: normal 14px 'SHOP_FONT', Arial;
		padding: 5px 0px;
		background: none;
		margin: auto;
	}
	
	#userProduct .title-article-right b{
		top: -1px;
	}

	#userProduct .other-image-box {	
		width: 68%;
		padding: 0 16%;
	}

	#userProduct .other-image-box .next-other-image,
	#userProduct .other-image-box .back-other-image{
		top: 21px;
	}
	
	#shop_notification_btn .button-item{
		font: normal 14px 'SHOP_FONT', Arial;
		padding: 10px 10px;
		margin: 0px 0px 10px 10px;
	}

	#shop_notification_clear,
	#shop_notification_title{
		position: relative;
		display: inline-block;
		padding: 8px 10px 10px 35px;
		background: #eee url('images/option.png') no-repeat;
		background-size: 20px 20px;
		background-position: 10px 40%;
	}

	#shop_notification_title:hover{
		background: #eee url('images/option_active.png') no-repeat;
		background-size: 20px 20px;
		background-position: 10px 40%;
	}

	#shop_notification_clear{
		padding: 8px 15px 10px 15px;
		background: #e59e9e;
		color: #fff;
		border: none;
	}

	#shop_notification_clear,
	#shop_notification_title .title{
		font: normal 14px 'SHOP_FONT', Tahoma;
	}
}


@media (min-width:550px) and (max-width:780px){
	#userShop li{
		width: 40%;
		float: left;
		clear: none;
		margin:0 5% 22px 0;
	}
}

@media (min-width:780px) and (max-width:900px){
	#userShop li{
		width: 28%;
		float: left;
		clear: none;
		margin:0 3% 22px 0;
	}
}

@media (max-width:780px){
	
	#userShop  li:hover .shop-img-product img{
		filter: none;
		opacity: 1;
	}

	#nav_related .related-btn{
		width: 90%;
		font: normal 18px 'SHOP_FONT', Arial;
	}


	#userProduct .attr-list{
		width: 100%;
		display: block;
		font: normal 12px 'SHOP_FONT', Arial;
		margin: 5px auto 10px auto;
		float: none;
	}

	#userProduct .attr-list:nth-child(2n){
		float: none;
	}
}


@media (min-width:1100px) and (max-width:1300px){
	#userShop .title {
		font: normal 12px 'SHOP_FONT', Arial;
	}
}