.gallery-v1.row {
	padding: calc(5vh - 4px) calc(10vw - 4px) calc(5vh - 4px) calc(10vw - 4px);
}

	.gallery-v1 .container-title {
		padding: 4px 4px 34px 4px;
		text-align: center;
	}

	.gallery-v1 .container {
		padding: 4px;
	}

		.gallery-v1 .container .box {
			position: relative;
		}

			.gallery-v1 .container .box:before {
				position: absolute;
				content: "";
				left: 10px;
				top: 10px;
				height: calc(100% - 20px);
				width: calc(100% - 20px);
				background-color: rgba(0,0,0, 0);
				z-index: 1;
				pointer-events: none;
				transition: .2s ease;
				border-radius: 4px;
			}

				.gallery-v1 .container .box:hover:before {
					background-color: rgba(0,0,0, .6);
				}

			.gallery-v1 .container .box .main-image {
				height: 360px;
				width: 100%;
				object-fit: cover;
				object-position: center;
				border-radius: 5px;
			}

			.gallery-v1 .container .box .zoom {
				position: absolute;
				z-index: 2;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%);
				height: 46px;
				width: auto;
				object-fit: contain;
				filter: var(--filter-white-1);
				opacity: 0;
				transition: 0.2s ease;
			}

			.gallery-v1 .container .box:hover .zoom {
				opacity: 1;
			}

	.gallery-v1 .carousel {
		position: fixed;
		z-index: 150;
		left: 0;
		top: 0;
		height: 100vh;
		width: 100vw;
		padding: 0;
		margin: 0;
		transition: .2s ease;	
		pointer-events: none;
		opacity: 0;	
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: rgba(0, 0, 0, .8);
	}

	.gallery-v1 .carousel.show {
		pointer-events: auto;
		opacity: 1;
	}

		.gallery-v1 .carousel .exit {
			position: absolute;
			z-index: 1;
			top: 40px;
			right: 40px;
			height: 80px;
			width: 80px;
			background-color: rgba(0,0,0, .4);
			display: flex;
			align-items: center;
			justify-content: center;
			transition: .2s ease;
			border: unset;
			box-shadow: unset;
			cursor: pointer;
		}

		.gallery-v1 .carousel .exit:hover {
			background-color: rgba(0,0,0, .8);
		}

			.gallery-v1 .carousel .exit img {	
				height: 42px;
				width: auto;
				filter: var(--filter-white-1);
				object-fit: contain;
				object-position: center;
			}

		.gallery-v1 .carousel .arrow {
			position: absolute;
			z-index: 1;
			top: 50%;
			transform: translateY(-50%);
			height: 80px;
			width: 80px;
			background-color: rgba(0,0,0, .4);
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			transition: .2s ease;
			border: unset;
			box-shadow: unset;
		}

		.gallery-v1 .carousel .arrow:hover {
			background-color: rgba(0,0,0, .8);
		}

		.gallery-v1 .carousel .arrow.left {
			left: 40px;
		}

		.gallery-v1 .carousel .arrow.right {
			right: 40px;
		}

			.gallery-v1 .carousel .arrow img {
				height: 42px;
				width: auto;
				filter: var(--filter-white-1);
				object-fit: contain;
				object-position: center;
			}

		.gallery-v1 .carousel .carousel-inner {
			
		}

			.gallery-v1 .carousel .carousel-inner .carousel-item {
				position: relative;
				text-align: center;
				height: 100vh;		
			}

				.gallery-v1 .carousel .carousel-inner .carousel-item .background-exit {
					position: absolute;
					left: 0;
					top: 0;
					height: 100%;
					width: 100%;
					cursor: zoom-out;
				}

				.gallery-v1 .carousel .carousel-inner .carousel-item img {
					position: absolute;
					left: 50%;
					top: 50%;
					transform: translate(-50%, -50%);
					max-height: 80vh;
					max-width: 70vw;
					z-index: 1;
					width: auto;
				}

@media screen and (max-width: 992px) {
	
	.gallery-v1 .carousel .exit {
		height: 64px;
		width: 64px;
		top: 20px;
		right: 20px;
	}
	
	.gallery-v1 .carousel .arrow {
		height: 64px;
		width: 64px;
		top: unset;
		bottom: 20px;
	}
	
	.gallery-v1 .carousel .arrow.left {
		left: 50%;
		transform: translatex(calc(-100% - 2px));
	}

	.gallery-v1 .carousel .arrow.right {
		right: 50%;
		transform: translatex(calc(100% + 2px));
	}
	
		.gallery-v1 .carousel .exit img, .gallery-v1 .carousel .arrow img {
			height: 34px;
		}
}

@media screen and (max-width: 576px) {
	.gallery-v1 .carousel .exit, .gallery-v1 .carousel .arrow {
		height: 56px;
		width: 56px;
	}
	
	.gallery-v1 .container .box .main-image {
		height: 300px;
	}
	
	.gallery-v1 .carousel .carousel-inner .carousel-item img {
		max-width: 90vw;
	}
}