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

                             I M A G E S

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


.images-popup{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
	background: rgba(50,50,50,.5);
	opacity: 0;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	will-change: opacity;
	opacity: 0;
	overflow: auto;
}

.images-popup.active{
	display: block;
}

.images-popup.shown{
	opacity: 1;
}

.images-popup>*{
	position: absolute;
	width: 100%;
	height: 100%;
}

.images-popup>*{
	/*min-height: 100vw;*/
}


.images-popup::-webkit-scrollbar{
	width: 0;
}
.images-popup::-moz-scrollbar{
	width: 0;
}
.images-popup::-ms-scrollbar{
	width: 0;
}
.images-popup::scrollbar{
	width: 0;
}
.images-popup::-webkit-scrollbar-track{
	background: transparent;
}

.images-popup::-moz-scrollbar-track{
	background: transparent;
}

.images-popup::-ms-scrollbar-track{
	background: transparent;
}

.images-popup::scrollbar-track{
	background: transparent;
}

.images-popup::-webkit-scrollbar-thumb{}

.images-popup::-moz-scrollbar-thumb{}

.images-popup::-ms-scrollbar-thumb{}

.images-popup::scrollbar-thumb{}


.images-popup .images{
	position: relative;
	height: 100%;
	margin: 0 auto;
	max-width: 1140px;
/*	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
*/}

	.images-popup .images .close{
		position: absolute;
		width: 56px;
		height: 56px;
		right: 20px;
		top: 20px;
		z-index: 1;
	}

	.images-popup .images .close,
	.images-popup .images .close *{
		cursor: pointer;
	}

		.images-popup .images .close:before,
		.images-popup .images .close:after{
			content: '';
			position: absolute;
			display: block;
			width: 38px;
			height: 3px;
			top: 26px;
			left: 9px;
			background: #fff;
		}

		.images-popup .images .close:before{
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
		}

		.images-popup .images .close:after{
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

	.images-popup .images .slides{
		position: relative;
		height: 100%;
		z-index: 0;
	}

		.images-popup .images .slides>*{
			display: inline-block;
			vertical-align: top;
			height: 100%;
			position: relative;
		}

		.images-popup .images .slides .arrow{
			width: 100px;
			cursor: pointer;
			position: relative;
		}

		.images-popup .images .slides .arrow.hidden{
			visibility: hidden;
			pointer-events: none;
		}

	@media (max-width: 870px){
		
		.images-popup .images .slides .arrow{
			display: none;
		}

	}

			.images-popup .images .slides .arrow:before/*,
			.images-popup .images .slides .arrow:after*/{
				content: '';
				position: absolute;
				width: 100%;
				height: 100%;
				left: 0;
				top: 0;
				background: url(/assets/img/arrow.svg) no-repeat center center/20px auto;
				opacity: 1;
				-webkit-transition: opacity 200ms ease;
				-moz-transition: opacity 200ms ease;
				-ms-transition: opacity 200ms ease;
				transition: opacity 200ms ease;
				will-change: opacity;
				z-index: 0;
			}

			.images-popup .images .slides .arrow.prev:before/*,
			.images-popup .images .slides .arrow.prev:after*/{
				-webkit-transform-origin: center center;
				-moz-transform-origin: center center;
				-ms-transform-origin: center center;
				transform-origin: center center;
				-webkit-transform: rotate(180deg);
				-moz-transform: rotate(180deg);
				-ms-transform: rotate(180deg);
				transform: rotate(180deg);
			}

			.images-popup .images .slides .arrow:hover:before{
				opacity: .75;
			}

/*
			.images-popup .images .slides .arrow:after{
				opacity: 0;
				background: url(/assets/img/arrow-hovered.svg) no-repeat center center/20px auto;
				z-index: 1;
			}

			.images-popup .images .slides .arrow:hover:before{
				opacity: 0;
			}

			.images-popup .images .slides .arrow:hover:after{
				opacity: 1;
			}*/

		.images-popup .images .slides .slider{
			width: calc(100% - 200px);
		}

	@media (max-width: 870px){

		.images-popup .images .slides .slider{
			width: 100%;
		}

	}
			.images-popup .images .slides .slide{
				overflow: auto;
			}

				.images-popup .images .slides .slide>*{
					display: flex;
					flex-direction: column;
					justify-content: center;
					min-height: 100vh;
				}

					.images-popup .images .slides .slide img{
						width: 100%;
						height: auto;
					}