/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*| Изображения с подписями |*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
:root{
  	--size-images-gap: 40px;
  	--size-images-caption: 310px;
}
.images-cntr{
  	width: 100% !important;
  	max-width: 100% !important;
    display: grid;
    grid-template-columns: auto var(--size-images-caption);
  	grid-template-areas: "images caption";
  	justify-content: start;
  	justify-items: start;
    column-gap: var(--size-images-gap);
  	row-gap: 10px;
  	margin: 40px 0 20px;
}
.images-cntr.left-cptns{
  	grid-template-areas: "caption images";
    grid-template-columns: var(--size-images-caption) auto;
}
.images-cntr.left-cptns.-margin{
  	grid-template-columns: var(--size-vertical-tabs-width);
    column-gap: var(--size-vertical-tabs-right-margin);
  	margin-left: calc(-1 * var(--size-vertical-tabs-width) - var(--size-vertical-tabs-right-margin));
  	margin-right: calc(-1 * var(--size-vertical-tabs-width) - var(--size-vertical-tabs-right-margin));
}
.images-cntr > div{
  	overflow: hidden;
  	max-height: 100%;
  	max-width: 100%;
}
.images-cntr.-margin > div{
  	width: calc(100% + var(--size-vertical-tabs-width));
}
#content .images-cntr > div img{
  	margin: 0;
}
#content .images-cntr > h3, .images-cntr > h3{
  	grid-area: caption;
  	text-transform: initial;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 0.9em;
    line-height: 150%;
    border-top: 1px solid;
    padding-top: 10px;
    padding-right: 20px;
  	width: 100%;
}
#content .images-cntr.left-cptns > h3, .images-cntr.left-cptns > h3{
  	text-align: right;
  	padding-right: 0px;
  	padding-left: 20px;
}
.images-cntr > .images-1{
  	grid-area: images;
}
.images-cntr > .images-1 > .big-image{
  	width: 100%;
}
.images-cntr > .images-2-hh, .images-cntr > .images-2-vv,
.images-cntr > .images-2-hh-zoom, .images-cntr > .images-2-vv-zoom{
  	display: flex;
    column-gap: var(--size-images-gap);
  	width: 100%;
  	justify-content: flex-end;
}
.images-cntr.left-cptns > .images-2-vv,
.images-cntr.left-cptns > .images-2-vv-zoom{
  	justify-content: flex-start;
}
.images-cntr > .images-2-vh,
.images-cntr > .images-2-vh-zoom{
  	display: flex;
    column-gap: var(--size-images-gap);
  	width: 100%;
  	aspect-ratio: 11 / 4;
}
.images-cntr > .images-2-hh img, .images-cntr > .images-2-vv img{
  	width: calc(100% / 2 - var(--size-images-gap) / 2);
  	height: auto;
    max-height: initial;
}

.images-cntr > .images-2-hh-zoom img, .images-cntr > .images-2-vv-zoom img{
  	width: calc(100% - var(--size-images-gap) / 2);
  	height: auto;
    max-height: initial;
}

.images-cntr > .images-2-hh iframe, .images-cntr > .images-2-vv iframe{
  	width: calc(100% / 2 - var(--size-images-gap) / 2);
  	height: auto;
    max-height: initial;
}

.images-cntr > .images-2-hh-zoom iframe, .images-cntr > .images-2-vv-zoom iframe{
  	width: calc(100%  var(--size-images-gap) / 2);
  	height: auto;
    max-height: initial;
}

.images-cntr > .images-2-vv img,
.images-cntr > .images-2-vv-zoom img{
  	max-width: 400px;
}
.images-cntr > .images-2-vh img,
.images-cntr > .images-2-vh-zoom img{
  	height: 100%;
  	width: auto;
}
.images-cntr > .images-3-vvv,
.images-cntr > .images-3-vvv-zoom{
  	display: flex;
    column-gap: var(--size-images-gap);
}
.images-cntr > .images-3-vvv img{
  	width: calc(100% / 3 - var(--size-images-gap) * 2 / 3);
  	height: auto;
    max-height: initial;
}
.images-cntr > .images-3-vvv-zoom img{
  	width: calc(100% - var(--size-images-gap) * 2 / 3);
  	height: auto;
    max-height: initial;
}
.images-cntr > .images-3-hhv,
.images-cntr > .images-3-hhv-zoom{
  	display: grid;
  	grid-template-areas: "h1 v" "h2 v";
  	grid-template-columns: calc(55% - var(--size-images-gap) / 2) calc(45% - var(--size-images-gap) / 2);
  	grid-template-rows: 1fr 1fr;
  	gap: var(--size-images-gap);
  	aspect-ratio: 1000 / 640;
}
.images-cntr > .images-3-hhv img,
.images-cntr > .images-3-hhv-zoom img{
  	width: 100%;
  	height: 100%;
}
.images-cntr > .images-3-hhv img:nth-child(1),
.images-cntr > .images-3-hhv-zoom img:nth-child(1){
  	grid-area: h1;
}
.images-cntr > .images-3-hhv img:nth-child(2),
.images-cntr > .images-3-hhv-zoom img:nth-child(2){
  	grid-area: h2;
}
.images-cntr > .images-3-hhv img:nth-child(3),
.images-cntr > .images-3-hhv-zoom img:nth-child(3){
  	grid-area: v;
}

.images-cntr > .images-3-hhv-zoom a:nth-child(1){
  	grid-area: h1;
}

.images-cntr > .images-3-hhv-zoom a:nth-child(2){
  	grid-area: h2;
}

.images-cntr > .images-3-hhv-zoom a:nth-child(3){
  	grid-area: v;
}

@media screen and (max-width: 1799px){
  	:root{
  		--size-images-gap: 20px;
  		--size-images-caption: 200px;
	}
}
@media screen and (max-width: 999px){
  	:root{
      	--size-images-gap: 10px;
  		--size-images-caption: 400px;
	}
  	.images-cntr{
      	grid-template-areas: "images" "caption";
    	grid-template-columns: 1fr;
	}
  	.images-cntr.left-cptns{
    	grid-template-areas: "images" "caption";
    	grid-template-columns: 1fr;
      	justify-items: start;
  	}
  	.images-cntr.left-cptns.-margin{
    	grid-template-areas: "images" "caption";
    	grid-template-columns: 1fr;
      	margin-left: 0;
  	}
  	.images-cntr.-margin > div{
  		width: 100%;
	}
  	#content .images-cntr > h3, .images-cntr > h3{
      	padding-top: 5px;
      	font-size: 0.9em;
      	width: 100%;
		max-width: var(--size-images-caption);
      	/*margin-left: auto;*/
	}
  	#content .images-cntr.left-cptns > h3, .images-cntr.left-cptns > h3{
      	padding-left: 0;
    	padding-right: 20px;
    	text-align: left;
  	}
  	.images-cntr > .images-2-vv img,
  .images-cntr > .images-2-vv-zoom img{
  		max-width: 250px;
	}
  	.images-cntr.left-cptns > .images-2-vh,
  .images-cntr.left-cptns > .images-2-vh-zoom{
    	justify-content: flex-end;
	}
  	.images-cntr > .images-3-hhv,
  .images-cntr > .images-3-hhv-zoom{
    	justify-items: end;
    	justify-content: end;
	}
}
@media screen and (max-width: 599px){
  	:root{
  		--size-images-caption: 220px;
	}
  	#content .images-cntr > h3, .images-cntr > h3{
      	font-size: 0.8em;
	}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/