/*
	.foto_container{border: 2px solid red;}
	.content{border: 2px solid blue;}	
	.file_archive{border: 2px solid green;}
	*/

	.modul_container{display: flex;}
	.archive_banner .foto_container, .archive_banner .content{width: 50%; position: relative; overflow: hidden; padding: 15px;}

	.archive_banner .foto_container .images{
					height: 100%;
					min-height: 230px;
					display: flex;
					align-items: center;
					justify-content: center;
	}

	.archive_banner .foto_container .images .file_archive{
					display: flex;
					align-items: center;
					justify-content: center;
					z-index: 1;
	}

	.archive_banner .foto_container img.view{
					position: relative;
					display: block;
					width: auto;
					max-width: 270px;
					height: 250px;
					max-height: min(520px, 62vh);
					object-fit: contain;
					padding: 8px 12px;
					margin: 0 auto;
					filter: drop-shadow(0 4px 20px rgba(0,0,0,0.15));
	}

/* Левая часть банера */
.archive_banner_left{
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 30px;
}


.item_banner_head {display: flex;align-items: center;}
.head_text{margin-left: 15px;}
.item_banner_body{opacity: 0.7;}
.archive_banner_intro {
	font-size: 1.05rem;
	line-height: 1.6;
}
.item_banner_content:not(:last-child){margin-bottom: 45px;}


/* Иконка */
.item_banner_content .icon_img{border-radius: 8px; background-color: var(--color-prime); width: 67px; min-width: 67px; height: 67px;}
.item_banner_content .icon_img img{
	padding: 12px;
	width: 100%;
	min-width: 100%;
}


/* Подзаголовок */
.archive_banner_sub_title{
	margin-bottom: 4px;
	margin-top: 4px;
	font-weight: 800;
	color: var(--color-prime);
}


/* Линии */
.green_line, .green_line2{
	position: absolute;
	top: 0;
	z-index: 0;
	background-color: var(--color-prime);
	transform: skew(-39deg);
	width: 200px;
	height: 100%;
}
.green_line{left: 323px;}
.green_line2{ left: 575px;}


/* точки на слайдере */
.archive_banner .flickity-page-dots{
	position: relative;
}


@media(max-width: 1024px){
	.archive_banner .foto_container .images {
		min-height: 180px;
	}
	.archive_banner .foto_container img.view {
		max-height: min(380px, 50vh);
	}
}

@media(max-width: 768px){
	.archive_banner .foto_container .images {
		min-height: 0;
	}
	.archive_banner .foto_container img.view {
		height: auto;
		max-height: min(280px, 42vh);
	}
}

@media(max-width: 520px){

	.modul_container{flex-wrap: wrap;}
	.archive_banner .foto_container, .archive_banner .content{width: 100%;}

	.archive_banner .foto_container {
		padding: 8px 12px;
	}

	.archive_banner .foto_container .images {
		min-height: 0;
		height: auto;
	}

	.archive_banner .foto_container img.view {
		position: relative;
		width: auto;
		height: auto;
		max-width: min(240px, 88vw);
		max-height: min(200px, 36vh);
		padding: 4px 8px;
	}

}