/* Slider */

.main-product-price {
	font-size: 30px;
}
.product-item-detail-slider-container{
	max-width: 100%;
	position: relative;
	background:transparent;
	-webkit-transition: background 800ms ease;
	   -moz-transition: background 800ms ease;
		-ms-transition: background 800ms ease;
		 -o-transition: background 800ms ease;
			transition: background 800ms ease;
}
.product-item-detail-slider-block{
	position: relative;
	box-sizing: border-box;
	padding-top: 96%;
	height: 0;
}
.product-item-detail-slider-block.product-item-detail-slider-block-square{
	padding-top: 100%;
}
.product-item-detail-slider-images-container{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.product-item-detail-slider-image{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	opacity: 0;
	-webkit-transition: opacity 250ms linear;
	   -moz-transition: opacity 250ms linear;
		-ms-transition: opacity 250ms linear;
		 -o-transition: opacity 250ms linear;
			transition: opacity 250ms linear;
}
.product-item-detail-slider-image.active{
	opacity: 1;
	z-index:10;
}
.product-item-detail-slider-image img{
	-webkit-transform: translateY(-50%) translateX(-50%);
	   -moz-transform: translateY(-50%) translateX(-50%);
		-ms-transform: translateY(-50%) translateX(-50%);
		 -o-transform: translateY(-50%) translateX(-50%);
			transform: translateY(-50%) translateX(-50%);

	-webkit-transition: background-size 450ms ease, width 450ms ease, height 450ms ease, outline 450ms ease;
	   -moz-transition: background-size 450ms ease, width 450ms ease, height 450ms ease, outline 450ms ease;
		-ms-transition: background-size 450ms ease, width 450ms ease, height 450ms ease, outline 450ms ease;
		 -o-transition: background-size 450ms ease, width 450ms ease, height 450ms ease, outline 450ms ease;
			transition: background-size 450ms ease, width 450ms ease, height 450ms ease, outline 450ms ease;
	background-repeat: no-repeat;
	background-position: center;

	position: absolute;
	top:  50%;
	left: 50%;
	height:auto;
	width:auto;
	max-height: 100%;
	max-width:100%;
	outline: 1px solid transparent;
	border-radius: 16px;

}
.product-item-detail-slider-progress-bar{
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index:180;
}

/*Slider Controls*/
.product-item-detail-slider-controls-block{
	margin: 10px 0;
	text-align: center;
	white-space: nowrap;
	overflow: auto;
	white-space: nowrap;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.product-item-detail-slider-controls-image{
	width: 65px;
	height:65px;
	background-color: #fff;
	position: relative;
	text-align: center;
	display: inline-block;
	outline: 0px solid #479334;
	cursor: pointer;
	overflow: hidden;
	margin-left: 10px;
	border-radius: 8px;
	opacity: .5;
}
.bx-no-retina .product-item-detail-slider-controls-image.active{opacity: 1;}
.bx-retina 	  .product-item-detail-slider-controls-image.active{opacity: 1;}

.product-item-detail-slider-controls-image img{
	max-width: 65px;
	max-height:65px;
	height: auto;
	width: auto;
	-webkit-transform: translateY(-50%) translateX(-50%);
	   -moz-transform: translateY(-50%) translateX(-50%);
		-ms-transform: translateY(-50%) translateX(-50%);
		 -o-transform: translateY(-50%) translateX(-50%);
			transform: translateY(-50%) translateX(-50%);
	position: absolute;
	top:  50%;
	left: 50%;
}

.product-item-detail-slider-left,
.product-item-detail-slider-right{
	display: block;
	position: absolute;
	cursor: pointer;
	-webkit-transition: all 300ms ease;
	   -moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		 -o-transition: all 300ms ease;
			transition: all 300ms ease;
	opacity: .57;
	background: rgba(255,255,255,0) url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2230%22%20viewBox%3D%220%200%2016%2030%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20points%3D%2216%2050%202%2036%2016%2022%2015%2021%201%2035%200%2036%201%2037%2015%2051%22%20transform%3D%22translate(0%20-21)%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
	z-index:111;
	top: 0;
	bottom: 0;
	width:12%;
}
.product-item-detail-slider-left{left:0;}
.product-item-detail-slider-right{
	right:0;
	-webkit-transform: rotate(180deg);
	   -moz-transform: rotate(180deg);
		 -o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
			transform: rotate(180deg);
}
.product-item-detail-slider-left:hover,
.product-item-detail-slider-right:hover{ 
	opacity:.8;
	background-color: rgba(255,255,255,.4);
}

.product-item-detail-slider-close{ display: none;}
.product-item-detail-slider-container.popup .product-item-detail-slider-close{
	width:50px;
	height: 50px;
	right:110px;
	top:4px;
	opacity: .27;
	background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20points%3D%2216%2015.1%208.944%208%2016%201%2015.006%200%208.05%207%20.994%200%200%201%207.056%208%200%2015.1%20.994%2016%208.05%209%2015.006%2016%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
	-webkit-transition: all 300ms ease;
	   -moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		 -o-transition: all 300ms ease;
			transition: all 300ms ease;
	bottom: 0;
	display: block;
	position: absolute;
	cursor: pointer;
	z-index:150;
}
.product-item-detail-slider-container.popup .product-item-detail-slider-close:hover{ opacity:1;}

.product-item-detail-slider-container.popup .product-item-detail-slider-right{right:105px;}

/*magnified*/
.product-item-detail-slider-container.magnified .product-item-detail-slider-image{ z-index:100;}
.product-item-detail-slider-container.magnified .product-item-detail-slider-image img {outline-color:#ddd;}
.product-item-detail-slider-container.magnified .product-item-detail-slider-left,
.product-item-detail-slider-container.magnified .product-item-detail-slider-right{z-index:50;}
.product-item-detail-slider-container.magnified .product-item-label-text,
.product-item-detail-slider-container.magnified .product-item-label-ring{opacity: 0;}


/*	>>>	popup*/
.product-item-detail-slider-container.popup{
	position: fixed;
	top:   0;
	left:  0;
	right: 0;
	bottom:0;
	background: #fff;
	z-index: 999999;
	animation-name: imgPopupShow;
	animation-duration: 300ms;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-images-container{ right: 105px;}
.product-item-detail-slider-container.popup .product-item-detail-slider-block{
	height:100vh;
	padding-top:0;
}
.product-item-detail-slider-container.popup .product-item-detail-slider-image{
	max-height: 100vh;
	position: absolute;
	top: 50%;
	width:calc(100% - 150px);
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	   -moz-transform: translateY(-50%) translateX(-50%);
		-ms-transform: translateY(-50%) translateX(-50%);
		 -o-transform: translateY(-50%) translateX(-50%);
			transform: translateY(-50%) translateX(-50%);
}
@keyframes imgPopupShow {
	from { opacity: 0;}
	to   { opacity: 1;}
}

.product-item-detail-slider-container.popup .product-item-detail-slider-image img{
	width:auto;
	max-width: 100%;
	cursor: default;
	max-height: 90vh
}
.product-item-detail-slider-container.popup .product-item-detail-slider-controls-block{
	border-left:1px solid #d3d3d3;
	background-color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	padding:20px;
	overflow-y: auto;
}
.product-item-detail-slider-container.popup .product-item-detail-slider-controls-image{
	display: block;
	margin-bottom:20px;
}



/* Slider Mobile*/
@media (max-width: 767px){
	.product-item-detail-slider-container.popup .product-item-detail-slider-images-container{ right: 0;}
	.product-item-detail-slider-container.popup .product-item-detail-slider-block{
		height:calc(100vh - 111px);
		padding-top:0;
	}

	.product-item-detail-slider-container.popup .product-item-detail-slider-image{
		width:90%;
	}

	.product-item-detail-slider-container.popup .product-item-detail-slider-image img{
		width:auto;
		max-width: 100%;
		cursor: default;
		max-height:calc(100vh - 115px);
	}
	.product-item-detail-slider-container.popup .product-item-detail-slider-controls-block{
		border-left:none;
		border-top:1px solid #d3d3d3;
		position: absolute;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
		max-height:111px;
		overflow-x: auto;
		white-space: nowrap;
	}
	.product-item-detail-slider-container.popup .product-item-detail-slider-controls-image{
		display: inline-block;
		margin-bottom:0;
	}
	.product-item-detail-slider-container.popup .product-item-detail-slider-close{
		right:10px;
		z-index:200;
	}

	.product-item-detail-slider-left,
	.product-item-detail-slider-right{max-width:75px;}
	.product-item-detail-slider-container.popup .product-item-detail-slider-right {right: 0;}

}
