.lightboxv {
	transition: opacity .5s linear;
	position: fixed;
	left: 0;
	background-color: rgba(0, 0, 0, 0.9);
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 99999;
	display: none
}

.lightboxv--show {
	display: block
}

.lightboxv__inside {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	height: 100%
}

.lightboxv__inside__container {
	display: flex;
	justify-content: center;
	cursor: grab;
	margin-top: auto;
	margin-bottom: auto;
	width: 100%;
	height: 100%
}

.lightboxv__inside__container:active {
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing
}

.lightboxv__inside__img {
	transition: .3s linear;
	user-select: none;
	-webkit-user-drag: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	align-self: center
}

.lightboxv__inside__img--loader {
	height: 100px;
	align-self: center
}

.lightboxv__close {
	cursor: pointer;
	transition: 0.3s opacity linear;
	padding: 14px;
	background-image: url(/assets/lightbox/close.svg);
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #fff;
	border-radius: 50%
}

.lightboxv__close:hover {
	opacity: .6
}

@media (min-width: 768px) {
	.lightboxv__close {
		padding: 20px
	}
}

.lightboxv__title {
	color: #fff;
	padding: 8px
}

@media (min-width: 768px) {
	.lightboxv__title {
		font-size: 20px
	}
}

.lightboxv__details {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 8px;
	position: absolute;
	bottom: 0
}

.lightboxv__count {
	color: #fff;
	font-size: 13px;
	padding: 8px
}

@media (min-width: 768px) {
	.lightboxv__count {
		font-size: 16px
	}
}

.lightboxv__arrows {
	z-index: 5;
	-webkit-filter: drop-shadow(6px 0 2px rgba(0, 0, 0, 0.2));
	filter: drop-shadow(6px 0 2px rgba(0, 0, 0, 0.2));
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.lightboxv__arrows__inside {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.5);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
	padding: 34px 20px;
	cursor: pointer
}

@media (min-width: 768px) {
	.lightboxv__arrows__inside {
		padding: 35px 30px
	}
}

.lightboxv__inside--next {
	right: 0;
	background-image: url(/assets/lightbox/next.svg)
}

@media (min-width: 768px) {
	.lightboxv__inside--next {
		right: 0
	}
}

.lightboxv__inside--prev {
	left: 0;
	background-image: url(/assets/lightbox/prev.svg)
}

@media (min-width: 768px) {
	.lightboxv__inside--prev {
		left: 0
	}
}

.lightboxv__prev {
	left: 0
}

.lightboxv__next {
	right: 0
}

.lightboxv__border {
	border: 2px solid #fff;
	border-radius: 3px
}

@media (min-width: 768px) {
	.lightboxv__border {
		border: 3px solid #fff
	}
}

@media (min-width: 1200px) {
	.lightboxv__expand {
		color: #fff;
		right: 0;
		position: absolute;
		top: -33px;
		width: 30px;
		height: 30px;
		background-image: url(/assets/lightbox/expand.svg);
		background-size: cover;
		background-repeat: no-repeat
	}
	.lightboxv__expand__img .lightboxv__inside__container {
		width: 75% !important;
		max-width: 1200px !important
	}
	.lightboxv__expand__img .lightboxv__inside__container .lightboxv__expand {
		background-image: url(/assets/lightbox/shrink.svg)
	}
}

.lightboxv__no__next .lightboxv__inside--next {
	display: none;
}

.lightboxv__no__prev .lightboxv__inside--prev {
	display: none;
}

.js-lightbox-open {
	overflow: hidden
}