:root {
		--color_primary: rgb(27, 96, 101);			/*background-color: var(--color_primary); /* Цвет фона для элементов */
	}	
	/* ************animation *******************/
	
	/* до */
	.block.content .item {	
		/*height: 50%; /* высота 25% от высоты экрана */
		cursor: pointer; /* курсор при наведении */	
		transition: all 1s ease; /* плавный переход */
	}
	.block.content .item .long_text_show{/*скрываем блок класса*/
		display: none;/*скрыть блок*/
	}
	.background {/* Слой фонн для размытия всех блоков когда открыт Опен-блок */
		display: none;/*скрыть блок*/	
	}




	/* после */
		
	.background.open {/* Слой фонн для размытия всех блоков когда открыт Опен-блок */
		position: absolute;
		height: 100vh;
		width:100vw;
		background-color: rgba(255, 255, 255, 0.6);
		display: block;
		z-index: 900; /* поднимаем активный блок над другими */ 	
	}
	.block.content .item.open {
		height: 77vh; /* высота 50% от высоты экрана */
		width:92vw; /* ширина 50% от ширины экрана */
		position: absolute; /* позиционирование для активного блока */
		top: 10%; /* центрируем блок по вертикали */
		left: 2vw; /* центрируем блок по горизонтали */
		z-index: 1000; /* поднимаем активный блок над другими */
		/*background-color: rgb(90, 90, 90, 0.9); /* Цвет фона для элементов */
		background-color: var(--color_primary); /* Цвет фона для элементов */
		/*filter: brightness(0.5); /* Увеличивает яркость на 20%
		/*border: 1px solid #000;*/
		overflow: auto; /* Добавляет полосу прокрутки при необходимости */
		/* box-shadow: 6px 8px 11px 0px rgb(15, 58, 61), 10px 0px 13px -7px rgb(11, 41, 43), 0px 0px 0px 0px rgba(17, 66, 70, 0); */
		box-shadow: 0px 4px 8px rgba(11, 41, 43, 0.719); /* Тень только 
		transition: all 1s ease; /* плавный переход */
	}
		
	.block.content .item.video.open,
	.block.content .item.img.open {/*отключить ползунок и прокрутку */
		overflow: hidden;
	}
	

	.block.content .item.video.open{
		left: 2vw;
		height: 85vh; /* высота 50% от высоты экрана */
		width:96vw; /* ширина 50% от ширины экрана */
	}

	.block.content .item.open video{
		height: auto;
		width: 100%;
	}
	.block.content .item.open .long_text_show{/**пказываем блок класса**/
		display:block;/*показать блок*/
	}
	.block.content .item.open .short_text_show{/*скрываем блок класса*/
		display: none;/*скрыть блок*/
	}


	@media (max-width: 1000px) {
		.block.content .item.open {
			height: 75vh; /* высота 50% от высоты экрана */
			/*width: 90vw; /* 80% от ширины видимой области экрана */
			width: auto; /* 80% от ширины видимой области экрана */
			top: 8vh; /* центрируем блок по вертикали */
			left: 0vw; /* центрируем блок по горизонтали */	
			box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Тень только снизу */
			transition: all 1s ease; /* плавный переход */	
		}
		.block.content .item.video.open,
		.block.content .item.img.open{/*full screen video*/
			top: 0; /* центрируем блок по вертикали */
			left: 0;
			height: 100vh; /* высота 50% от высоты экрана */
			width: 100vw; /* 80% от ширины видимой области экрана */
			margin: 0;
			border-radius:  0vh;
			transition: all 1s ease; /* плавный переход */
		}
		
		::-webkit-scrollbar {/* Скрытие полосы прокрутки, но с возможностью прокрутки в вебkit-браузерах (Chrome, Safari) */
    		display: none; /* Скрывает полосу прокрутки */
		}
		

	}
	/* ************...animation *******************/