.elem_layer_text {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	padding:10px;
	padding-left:20px; 
	padding-right:5px; 
	color:white;
	line-height:1.3;
	transition: all 2.0s;
}
.elem_layer_text:hover {
	padding-top:20px;
	transition: all 2.0s;
}


.logoproff {
	pointer-events: none; /* "прозрачный" для мыши */
	width:170px;
	position: absolute;
	-background-position: center;
	right: 0px;
	bottom: 0px;
	transform: rotate(0deg);
	transition: all 2.0s;
}

	.elem_wrap:has(> :hover) .logoproff {
		/* выбираю тот логотип который находлится внутри DIVа с hover */
		transform: rotate(180deg);
		opacity: 0.1;
		transition: all 2.0s;
	}





.elem_wrap {
	overflow: hidden;
	position: relative;
	height: 1px; /* Требуется, чтобы дочерний блок мог рассчитать высоту 100% */
	min-height: 200px;

	background-color:#cccccc;

	width: 1px; /* возможно потребуется, чтобы дочерний блок мог рассчитать ширину 100% */
	min-width: 350px;
	
	-border:1px dotted red;
	padding: 0px;
	margin: 5px;
}
.elem_wrap:hover {
}


.elem_layer_background {
	pointer-events: none; /* "прозрачный" для мыши */
	position: absolute;
	width:100%;
	height: 100%;
	left: 0px;
	top: 0px;

	margin:0px; 
	padding:0px; 
	background-size: cover;
	background-position: center; /* не обязательно при cover */	
	transition: all 0.8s;
}

	.elem_wrap:has(> :hover) .elem_layer_background {
		/* выбираю тот фот который находлится внутри DIVа с hover */
		/* расчитываю новые ширинц и сдвиг с учетом zoom */
		--my_kzoom: 1.5;
		--my_ow: 100%;
		--my_nw: calc( var(--my_ow) * var(--my_kzoom) );
		--my_dw: calc( var(--my_nw) - var(--my_ow) );
		--my_ofsx : calc( var(--my_dw) / -2 );
		left: var(--my_ofsx);
		width : var(--my_nw);
		transition: all 0.8s;
	}

.elem_layer_shadow {
	pointer-events: none;
	position: absolute;
	left: 0px;
	top: 0px;
  
	width:100%;
	height: 100%;
	background-color: rgba(38, 52, 60, 0.7);
	transition: all 2.8s;
}
	.elem_wrap:has(> :hover) .elem_layer_shadow {
		/* выбираю ту ТЕНЬ которая находлится внутри DIVа с hover */
		pointer-events: none;
		background-color: rgba(29, 40, 73, 1.0);
		transition: all 0.4s;
	}







.linkspecmore {
color:white;
-text-decoration: underline overline #FF3028;
text-decoration: underline #FFF;
}

.linkspecmore:hover {
color:white;
text-decoration: underline overline #1E97D5;
-text-decoration: underline #FFF;
background-color:#004F9F;
}