@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 .video {
	max-height: 70vh;
	height: 60vh !important;
}
.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 .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;
}
.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;
}
.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;
		}
		.zoom-gallery .handler {
				display: none;
		}
		.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;
		}
}