@charset "UTF-8";

.main-gallery {
		margin: 0 -17px;
		position: relative;
		user-select: none;
}

.main-gallery-minis {
		display: none;
		visibility: hidden;
		position: relative;
}

.main-gallery-minis .up, 
.main-gallery-minis .down, 
.zoom-gallery-minis .up, 
.zoom-gallery-minis .down {
		position: relative;
		flex: 0 0 auto;
		cursor: pointer;
		user-select: none;
		height: 40px;
		border: 0;
		outline: none;
		width: 80px;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		display: none;
}

.main-gallery-minis .up.lock, 
.main-gallery-minis .down.lock {
	opacity: 0;
	pointer-events: none;
}

.main-gallery-minis .up.disabled, 
.main-gallery-minis .down.disabled, 
.zoom-gallery-minis .up.disabled, 
.zoom-gallery-minis .down.disabled {
		opacity: 0;
		pointer-events: none;
}

.main-gallery-minis .up, 
.zoom-gallery-minis .up {
	top: 0;
}

.main-gallery-minis .down, 
.zoom-gallery-minis .down {
	bottom: 0;
}

.main-gallery-minis .up svg, 
.main-gallery-minis .down svg, 
.zoom-gallery-minis .up svg, 
.zoom-gallery-minis .down svg {
		flex: 0 0 auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		fill: var(--sec-dark);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (pointer:fine) {

		.main-gallery-minis .up:hover svg, 
		.main-gallery-minis .down:hover svg, 
		.zoom-gallery-minis .up:hover svg, 
		.zoom-gallery-minis .down:hover svg {
				fill: var(--hover-dark);
		}
}

.main-gallery-minis-list {
		display: flex;
		flex-direction: column;
		gap: 10px 0;
		position: relative;
}

.main-gallery-minis-link, 
.zoom-gallery-minis .swiper-slide {
		cursor: pointer;
		flex: 0 0 auto;
		max-width: 80px;
		height: 80px;
		background: var(--sec-light);
		border-radius: 3px;
		overflow: hidden;
		transform: translateZ(0);
		backface-visibility: hidden;
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.main-gallery-minis-link:after, 
.zoom-gallery-minis .swiper-slide:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border-radius: inherit;
		pointer-events: none;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		border: 1px solid var(--sec-dark);
		opacity: 0;
}

.main-gallery-minis-link img, 
.zoom-gallery-minis .swiper-slide img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		opacity: 0.5;
}

@media (pointer:fine) {

		.main-gallery-minis-link:hover img, 
		.zoom-gallery-minis .swiper-slide:hover img {
				opacity: 1;
		}
}

.main-gallery-minis-link.active, 
.zoom-gallery-minis .swiper-slide.active, 
.zoom-gallery-minis .swiper-slide-thumb-active {
		cursor: default;
		background-color: var(--white);
}

.main-gallery-minis-link.active img, 
.zoom-gallery-minis .swiper-slide.active img, 
.zoom-gallery-minis .swiper-slide-thumb-active img {
		opacity: 1;
}

.main-gallery-minis-link.active:after, 
.zoom-gallery-minis .swiper-slide.active:after, 
.zoom-gallery-minis .swiper-slide-thumb-active:after {
		opacity: 1;
}

.main-gallery-big {
		display: flex;
		flex-direction: column;
		gap: 16px;
}

.main-gallery-big .swiper {
		width: 100%;
		flex: 0 0 auto;
}

.main-gallery-big .swiper-slide {
		text-align: center;
		width: 100%;
		height: auto !important;
		cursor: zoom-in;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		max-height: 70vh;
}

.main-gallery-big .swiper-slide .photo  {
	max-height: 100%;
}

.main-gallery-big img {
		flex: 0 0 auto;
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
/*		max-height: 70vh;*/
		object-fit: contain;
		object-position: center;
}

.main-gallery-big .swiper-slide .video {
	max-height: 70vh;
	height: 60vh !important;
}

.main-gallery-big .arrows,
.zoom-gallery-big .arrows {
		display: none;
		align-items: center;
		justify-content: center;
		margin-top: auto;
		align-self: center;
		gap: 0 35px;
}

.main-gallery-big .arrows>*, 
.zoom-gallery-big .arrows>* {
		flex: 0 0 auto;
		cursor: pointer;
		user-select: none;
		width: 46px;
		height: 46px;
		border: 0;
		outline: none;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

/*14.12.23 start*/
.main-gallery-big .arrows>.swiper-button-disabled,
.zoom-gallery-big .arrows>.swiper-button-disabled {
		opacity: 0;
		/*pointer-events: none;*/
		cursor: default;
}

/*14.12.23 end*/
.main-gallery-big .arrows svg,
.zoom-gallery-big .arrows svg {
		width: 100%;
		height: 100%;
		fill: var(--sec-dark);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (pointer:fine) {

		.main-gallery-big .arrows>*:hover svg,
		.zoom-gallery-big .arrows>*:hover svg {
				fill: var(--hover-dark);
		}
}

.main-gallery-big .swiper-pagination {
		position: relative !important;
		bottom: auto !important;
		margin: 0 !important;
		display: flex !important;
		align-items: center;
		justify-content: center;
		gap: 10px;
		height: 8px !important;
}

.main-gallery-big .swiper-pagination-bullet {
		position: relative;
		margin: 0 !important;
		width: 8px !important;
		height: 8px !important;
		border-radius: 50%;
		background: var(--sec-default) !important;
		opacity: 1 !important;
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.main-gallery-big .swiper-pagination-bullet:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: 50%;
		background: var(--grad-orange);
		opacity: 0;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		backface-visibility: hidden;
}

@media (pointer:fine) {
		.main-gallery-big .swiper-pagination-bullet:hover {
				background: var(--yellow) !important;
		}
}

.main-gallery-big .swiper-pagination-bullet-active {
		background: var(--yellow) !important;
}

.main-gallery-big .swiper-pagination-bullet-active:before {
		opacity: 1;
}

@media (pointer:coarse) {
		html.lock-gallery {
				overflow: hidden;
		}
}

.zoom-gallery-wrap {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 300;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		user-select: none;
		touch-action: none;
}

html:not(.open-gallery) .zoom-gallery-wrap {
		opacity: 0;
		pointer-events: none;
}

.zoom-gallery-fader {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 200%;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		background: rgba(6, 21, 35, 0.6);
}

.zoom-gallery {
		user-select: none;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: calc(100% - 80px);
		background: var(--white);
		transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		backface-visibility: hidden;
		transform: translate3d(0, 0, 0);
		box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1), 0px -35px 50px rgba(5, 21, 46, 0.26);
		border-radius: 40px 40px 0 0;
		overflow: hidden;
		padding: 0 0 100px 0;
}

/*edited 25.11.25 start*/
@media only screen and (max-width: 767px) {
	.zoom-gallery {
		overflow: visible;
	}
}

/*edited 25.11.25 end*/
.zoom-gallery.no-minis {
		padding-bottom: 0;
}

html:not(.open-gallery) .zoom-gallery {
		transform: translate3d(0, 100%, 0);
}

.zoom-gallery .handler {
		cursor: s-resize;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10;
		height: 36px;
		border-radius: 40px 40px 0 0;
}

.zoom-gallery .handler:before {
		content: '';
		position: absolute;
		top: 16px;
		left: 50%;
		width: 120px;
		height: 4px;
		background: #7D91B3;
		border-radius: 2px;
		margin: 0 -60px;
}

/*edited 25.11.25 start*/
.zoom-gallery .handler-close {
	position: absolute;
	top: -56px;
	right: 12px;
	cursor: pointer;
	user-select: none;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: #E0EBF7CC;
	color: var(--grey700);
}

.zoom-gallery .handler-close:before,
.zoom-gallery .handler-close:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 1.5px;
	border-radius: 1px;
	background-color: currentColor;
}

.zoom-gallery .handler-close:before {
	transform: translate3d(-50%, -50%, 0) rotate(45deg);
}

.zoom-gallery .handler-close:after {
	transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}

/*edited 25.11.25 end*/
.zoom-gallery-button {
		cursor: pointer;
		user-select: none;
		background: #F5F8FC;
		border: 0.5px solid #D6DFEE;
		box-shadow: 0px 8px 16px rgba(50, 50, 71, 0.04);
		border-radius: 3px;
		width: 80px;
		height: 80px;
		position: absolute;
		right: 0;
		z-index: 10;
		display: none;
}

.zoom-gallery-close {
		top: 0;
}

.zoom-gallery-zoom-in,
.zoom-gallery-zoom-out {
		bottom: 0;
}

.zoom-gallery-button svg {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		fill: var(--sec-dark);
}

.zoom-gallery-minis {
		position: absolute;
		bottom: 100px;
		left: 0;
		right: 0;
		backface-visibility: hidden;
		transform: translate3d(0, 0, 0);
		transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		z-index: 10;
}

.zoom-gallery.no-minis .zoom-gallery-minis {
		display: none;
}

.zoom-gallery.zoomed .zoom-gallery-minis {
		transform: translate3d(0, 90px, 0);
}

.zoom-gallery-minis .swiper {
		padding: 0 5px;
}

.zoom-gallery-minis .swiper-slide {
		margin: 0 5px;
		flex: 0 0 auto;
}

.zoom-gallery .inner,
.zoom-gallery-big,
.zoom-gallery-big .swiper,
.zoom-gallery-big .swiper-wrapper,
.zoom-gallery-big .swiper-slide {
		height: 100%;
}

.zoom-gallery-big .swiper-slide {
		width: 100%;
		display: flex;
		flex-direction: column;
		padding: 36px 0 100px 0;
		cursor: zoom-in;
}

.zoom-gallery.no-minis .zoom-gallery-big .swiper-slide {
		padding-bottom: 36px;
}

.zoom-gallery-big .swiper-slide span {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		opacity: 0;
		pointer-events: none;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: auto;
}

.zoom-gallery-big img {
		width: auto;
		height: auto;
		flex: 0 0 auto;
		margin: auto;
		max-width: 100%;
		max-height: 100%;
}

.zoom-gallery-big .swiper-slide.zoomed {
		cursor: zoom-out;
}

.zoom-gallery-big .swiper-slide.zoomed img {
		max-width: none;
		max-height: none;
}

.zoom-gallery-big-slider .swiper-slide.video .video-bgr{
	height: 100%;
	width: 100%;
}

.main-gallery .preload{
	position: absolute;
}

@media (pointer:coarse) {
		.zoom-gallery-big .swiper-slide {
				overflow: auto;
				-ms-overflow-style: none;
				scrollbar-width: none;
		}

		.zoom-gallery-big .swiper-slide::-webkit-scrollbar {
				display: none;
		}

		.zoom-gallery-big .swiper-slide.zoomed {
				padding: 0 !important;
		}
}

@media only screen and (max-width: 1280px) {
	.main-gallery .preload{
		height: 630px !important;
		position: relative;
		width: 100%;
		background: #f7fafc;
		border-radius: 10px;
	}

	.preload.pr-disable {
		position: absolute;
		z-index: 100;
	}

	.preload.pr-hide {
		opacity: 0;
		z-index: -9999;
		height: 0 !important;
	}
}

@media only screen and (max-width: 767px) {
		.main-gallery .preload{
			height: auto !important;
			aspect-ratio: 1 / 1;		
		}

		.main-gallery-big .swiper-slide {
			aspect-ratio: 1 / 1;
		}
		
		.zoom-gallery-big .arrows {
				/* display: none !important; */
				display: block !important;
				top: 32.2%;
				left: 0;
				position: absolute;
				z-index: 2;
				width: 100%;
		}
		.zoom-gallery-big .arrows.hide{
			display: none !important;
		}

		.zoom-gallery-big .arrows .prev,
		.zoom-gallery-big .arrows .next {
			padding: 5px;
			width: 55px;
			height: 55px;
			border: 2px solid #F2F2F2;
   			backdrop-filter: blur(7px);
			background: rgba(255, 255, 255, 0.75);
			border-radius: 6px;
			display: flex;
			align-items: center;
			justify-content: center;
			position: absolute;
		}
		.zoom-gallery-big .arrows .next{
			right: 0;
		}
		.zoom-gallery-big-slider .swiper-slide.video .video-bgr{
			background: black;
			border: 1px solid black;
			display: flex;
		}

		.zoom-gallery-big-slider .swiper-slide.video iframe {
			width: 86vw;
			margin: 0 auto;
		}

}

@media (pointer:fine) {

		.zoom-gallery-big .arrows {
				display: flex;
				position: static;
				margin: 0;
		}

		.zoom-gallery-big .arrows>* {
				position: absolute;
				top: calc((100% - 180px) / 2);
				transform: translate3d(0, -50%, 0);
				z-index: 10;
				transition-property: left, right;
				transition-duration: 0.2s;
				transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		}

		.zoom-gallery-big .arrows .prev {
				left: 0;
		}

		.zoom-gallery-big .arrows .next {
				right: 0;
		}

		.zoom-gallery-big .swiper-slide {
				overflow: hidden;
		}

		.zoomed .zoom-gallery-big .swiper-slide {
				padding: 0 !important;
		}

		.zoom-gallery-big .swiper-slide.zoomed span {
				opacity: 1;
				pointer-events: all;
		}

		.zoom-gallery-big .swiper-slide.zoomed img {
				opacity: 0;
		}
}

/*mobile end*/
/*tablet start*/
@media only screen and (min-width: 768px) {

		.main-gallery {
				margin: 0;
				position: relative;
				padding-left: 90px;
				/*height: calc(80vh - 10%);*/
		}

		.main-gallery:after {
				content: ' ';
				clear: both;
				display: block;
				width: 0;
				height: 0;
				overflow: hidden;
				font-size: 0;
		}

		.main-gallery-minis {
				float: left;
				margin-left: -90px;
				width: 90px;
				visibility: visible;
				display: flex;
				flex-direction: column;
				gap: 10px 0;
		}

		.main-gallery-minis-scroll {
				height: 100%;
				overflow: hidden;
				overflow-y: auto;
				max-height: 530px;
		}

		.main-gallery-big .swiper-slide {
				height: 630px !important;
				max-height: none !important;
		}

		.main-gallery-big .swiper-slide .video {
			/* height: 550px !important;
			max-height: none !important; */
			height: 490px !important;
			max-height: none !important;
			margin-top: -45px;
		}

		@media only screen and (max-height: 650px) {
				.main-gallery-minis-scroll {
						max-height: 440px;
				}

				.main-gallery-big .swiper-slide {
						height: 540px !important;
				}
		}

		@media only screen and (max-height: 560px) {
				.main-gallery-minis-scroll {
						max-height: 350px;
				}

				.main-gallery-big .swiper-slide {
						height: 450px !important;
				}
		}

		.main-gallery-big {
				gap: 24px;
				position: relative;
		}

		.main-gallery-big::before {
			content: '';
			position: absolute;
		}

		.main-gallery-big .arrows {
				display: flex;
				position: absolute;
				bottom: 0;
				left: 50%;
				transform: translate3d(-50%, 0, 0);
				margin: 8px 0;
				gap: 2px;
				z-index: 5;
		}

		@media (pointer:fine) {
				.main-gallery-big .arrows {
						transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
						opacity: 0;
						pointer-events: none;
				}

				.main-gallery-big:hover .arrows {
						opacity: 1;
						pointer-events: all;
				}
		}

		.main-gallery-big .arrows>* {
				width: 80px;
				height: 80px;
				background: rgba(255, 255, 255, 0.75);
				border-radius: 6px;
				display: flex;
				align-items: center;
				justify-content: center;
		}

		.main-gallery-big .arrows svg {
				width: 55%;
				height: 55%;
				flex: 0 0 auto;
		}

		.main-gallery-big .arrows>.swiper-button-disabled {
				/*opacity: 1;*/
				background: rgba(255, 255, 255, 0.5);
		}

		.main-gallery-big .arrows>.swiper-button-disabled svg {
				fill: rgba(255, 255, 255, 0.75);
		}

		.main-gallery-big .swiper-pagination {
				display: none !important;
		}

		.main-gallery-minis .up,
		.main-gallery-minis .down,
		.zoom-gallery-minis .up,
		.zoom-gallery-minis .down {
				display: block;
		}

		.zoom-gallery-wrap {
				transform: none !important;
		}

		.zoom-gallery {
				width: calc(100% - 64px);
				max-width: 1680px;
				height: calc(100% - 64px);
				top: 50%;
				left: 50%;
				transform: translate3d(-50%, -50%, 0) !important;
				padding: 0;
				box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1), 0px 0px 100px rgba(20, 37, 63, 0.25);
				border-radius: 7px;
		}
	
	/*edited 25.11.25 start*/
	.zoom-gallery .handler,
	.zoom-gallery .handler-close {
		display: none;
	}

	/*edited 25.11.25 end*/
		.zoom-gallery-button {
				margin: 35px 37px;
		}

		.zoom-gallery-close {
				display: block;
				top: 0;
				right: 0;
		}

		.zoom-gallery-minis {
				bottom: auto;
				top: 50%;
				left: 25px;
				transform: translate3d(0, -50%, 0);
				right: auto;
				width: 115px;
				gap: 10px 0;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: flex-start;
				backface-visibility: hidden;
				transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		}

		.zoom-gallery.zoomed .zoom-gallery-minis {
				transform: translate3d(-180px, -50%, 0);
		}

		.zoom-gallery-minis .swiper {
				transform: scale(-1, 1);
		}

		.zoom-gallery-minis-scroll {
				overflow: hidden;
				overflow-y: auto;
				max-height: 530px;
				width: 100%;
				flex: 0 0 auto;
		}

		@media only screen and (max-height: 650px) {
				.zoom-gallery-minis-scroll {
						max-height: 440px;
				}
		}

		@media only screen and (max-height: 560px) {
				.zoom-gallery-minis-scroll {
						max-height: 350px;
				}
		}

		.zoom-gallery-minis .swiper,
		.zoom-gallery-minis .swiper-wrapper {
				padding: 0;
				transform: none !important;
		}

		.zoom-gallery-minis .swiper-wrapper {
				display: flex;
				flex-direction: column;
				gap: 10px 0;
				position: relative;
				width: auto !important;
				transform: none !important;
		}

		.zoom-gallery-minis .swiper-slide {
				margin: 0;
		}

		.zoom-gallery-big .swiper-slide {
				padding: 37px 37px 37px 157px;
		}

		.zoom-gallery.no-minis .zoom-gallery-big .swiper-slide {
				padding: 37px;
		}

		.zoom-gallery-big .arrows .prev,
		.zoom-gallery-big .arrows .next {
				top: 50%;
		}

		.zoom-gallery-big .arrows .prev {
				left: 174px;
		}

		.zoom-gallery-big .arrows .next {
				right: 54px;
		}

		.zoom-gallery.zoomed .zoom-gallery-big .arrows .prev {
				left: 54px;
		}
}

/*tablet end*/
/*desktop start*/
@media only screen and (min-width: 1280px) {
		.main-gallery {
				padding-left: 115px;
		}

		.main-gallery-minis {
				width: 102px;
				margin-left: -115px;
				margin-right: 7px;
		}

		.zoom-gallery-button {
				margin: 40px 45px;
		}

		.zoom-gallery-close svg {
				width: 24px;
				height: 24px;
		}

		.zoom-gallery-zoom-in,
		.zoom-gallery-zoom-out {
				display: block;
		}

		.zoom-gallery:not(.zoomed) .zoom-gallery-zoom-out, 
		.zoom-gallery.zoomed .zoom-gallery-zoom-in {
				display: none;
		}

		.zoom-gallery-minis {
				left: 75px;
				width: 120px;
		}

		.zoom-gallery.zoomed .zoom-gallery-minis {
				transform: translate3d(-230px, -50%, 0) scale(-1, 1);
		}

		.zoom-gallery-big .swiper-slide {
				padding: 40px 40px 40px 205px;
		}

		.zoom-gallery.no-minis .zoom-gallery-big .swiper-slide {
				padding: 40px;
		}

		.zoom-gallery-big .arrows .prev {
				left: 228px;
		}

		.zoom-gallery-big .arrows .next {
				right: 62px;
		}

		.zoom-gallery.zoomed .zoom-gallery-big .arrows .prev {
				left: 62px;
		}
}