@font-face {
	src: url("/lekom_main_page_middle/fonts/montserrat-v25-latin_cyrillic/montserrat-v25-latin_cyrillic-regular.woff2") format("woff2");
	font-family: "montserrat";
	font-weight: 400;
	font-style: normal;
}

@font-face {
	src: url("/lekom_main_page_middle/fonts/montserrat-v25-latin_cyrillic/montserrat-v25-latin_cyrillic-600.woff2") format("woff2");
	font-family: "montserrat";
	font-weight: 600;
	font-style: normal;
}

*,
*::after,
*::before {
	box-sizing: border-box !important;
}

* {
	margin: 0;
	padding: 0;
}

*::selection {
	color: var(--lekom-deep-blue-solid) !important;
	background-color: rgba(var(--lekom-deep-blue), 0.1) !important;
}

.txt_block p {
	margin: 0;
	padding: 0;
}

.txt_block p + .list,
.txt_block p + p {
	margin-top: var(--grid-gap);
}

.col_2,
.col_3 {
	display: grid;
	gap: var(--grid-gap);
	place-items: stretch center;
	grid-template-columns: var(--col-2);
}
.col_3 {
	grid-template-columns: var(--col-3);
}

.list {
	list-style-position: inside;
	margin: 0;
	padding: 0;
}
.list > li::marker {
	content: "➔	";
	color: var(--lekom-orange-solid);
}
.list li {
	margin-bottom: 1ch;
}
.list li:last-child {
	margin-bottom: 0;
}

.video {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	background-color: #000000;
}
.video__link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video__media {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
.video__button {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	display: none;
	padding: 0;
	width: 68px;
	height: 48px;
	border: none;
	background-color: transparent !important;
	transform: translate(-50%, -50%);
	cursor: pointer;
	border: none !important;
}
.video__button-shape {
	fill: #212121;
	fill-opacity: 0.8;
}
.video__button-icon {
	fill: #ffffff;
}
.video__button:focus {
	outline: none;
}
.video:hover .video__button-shape,
.video__button:focus .video__button-shape {
	fill: #ff0000;
	fill-opacity: 1;
}
.video--enabled {
	cursor: pointer;
}
.video--enabled .video__button {
	display: block;
}

.main_content_wrapper {
	color-scheme: light;
	--main-font: montserrat, sans-serif;
	--content-width: 100rem;
	--font-size: 1rem;
	--line-height: 1.65;
	--unit-1: calc(var(--font-size) * var(--line-height));
	--unit-third: calc(var(--unit-1) / 3);
	--size-1: calc(var(--unit-1) + var(--unit-third));
	--grid-gap: min(4vmin, 3rem);
	--width-2-fluid: min((var(--content-width) - var(--grid-gap)) / 2, 100%);
	--width-3-fluid: min((var(--content-width) - var(--grid-gap) * 2) / 3, 100%);
	--width-4-fluid: min((var(--content-width) - var(--grid-gap) * 3) / 4, 100%);
	--width-2-3-fluid: min((var(--width-3-fluid) * 2 + var(--grid-gap)), 100%);
	--width-6-fluid: min((var(--content-width) - var(--grid-gap) * 5) / 6, 100%);
	--shrink-ratio: 0.9;
	--col-2: repeat(auto-fit, minmax(calc(var(--width-2-fluid) * var(--shrink-ratio)), 1fr));
	--col-3: repeat(auto-fit, minmax(calc(var(--width-3-fluid) * var(--shrink-ratio)), 1fr));
	--lekom-deep-blue-solid: #1c355e;
	--lekom-deep-blue: 28, 53, 94;
	/* --lekom-light-blue-solid: #c6c4d2; */
	/* --lekom-light-blue: 198, 196, 210; */
	--lekom-blue-solid: #2d7ad1;
	/* --lekom-blue: 45, 122, 209; */
	/* --lekom-red-solid: #dd3e50; */
	/* --lekom-red: 221, 62, 80; */
	--lekom-orange-solid: #ef991e;
	--lekom-orange: 239, 153, 30;
	--bg-color: rgba(var(--lekom-deep-blue), 0.015);
	--box-shadow: 0 0 1.5rem -0.25rem rgba(var(--lekom-deep-blue), 0.15);
	--h1-size: clamp(1.5rem, 5vw + 1rem, 6rem);
	--h2-size: clamp(1rem, 1vw + 0.75rem, 1.5rem);
	--transition: transform, box-shadow, background-color, 0.1s ease-in;

	font-family: var(--main-font);
	font-size: var(--font-size);
	line-height: var(--line-height);
	color: var(--lekom-deep-blue-solid);
	min-width: 20rem; /* 320px */
	background-color: white;

	display: grid;
	grid-template-columns: 1fr minmax(0, var(--content-width)) 1fr;
	gap: 0 var(--grid-gap);
	grid-template-rows: 1fr 100% 1fr;
	margin-block: var(--grid-gap) calc(var(--grid-gap) * 3);
}

.main_content {
	width: 100%;
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	display: grid;
	gap: calc(var(--grid-gap) * 2);
}
.main_content__item {
	display: grid;
	gap: var(--grid-gap);
}

.products_links {
	display: grid;
	place-items: end center;
	width: var(--width-2-fluid);
	gap: var(--grid-gap);
}
.products_links .link {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 75%;
	flex: 0 1 min(var(--width-6-fluid), 30vmin);
	aspect-ratio: 1 / 1;
	position: relative;
	background-color: var(--bg-color);
	transform: scale(1);
	transition: var(--transition);
}
.products_links .link:hover {
	transform: scale(1.05);
	box-shadow: var(--box-shadow);
	background-color: transparent;
}
.products_links .title_2 {
	position: initial;
	flex: 0 1 100%;
	color: unset;
	text-align: center;
	text-shadow: unset;
	place-self: start center;
}
.products_links .starforce::after,
.products_links .printum::after {
	position: absolute;
	content: "";
	top: 5%;
	right: 5%;
	background-image: url(/lekom_main_page_middle/images/russia.svg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 15%;
	aspect-ratio: 3 / 2;
}

.title_1,
.title_2 {
	font-size: var(--h2-size);
	font-weight: 600;
	position: absolute;
	color: white;
	z-index: 1;
	text-shadow: 1px 1px 1px black;
	margin: 0;
}
.title_1 {
	font-size: var(--h1-size);
	text-align: center;
}

.info_block {
	display: grid;
	grid-template-rows: min(40vmin, 15rem) auto;
	position: relative;
	transform: scale(1);
	transition: var(--transition);
	text-decoration: none;
}
.info_block:visited {
	color: unset;
}
.info_block.onhover:hover {
	transform: scale(1.025);
	box-shadow: var(--box-shadow);
	background-color: transparent;
}
.info_block.onhover:hover .details {
	background-position: right center;
}

.img_holder {
	display: grid;
	place-items: center;
	position: relative;
	overflow: hidden;
	margin: 0;
	height: 100%;
}
.img_holder::before {
	position: absolute;
	content: "";
	inset: 0;
	background: rgba(var(--lekom-deep-blue), 0.4);
	z-index: 1;
}
.img_holder::after {
	position: absolute;
	content: "";
	inset: 0;
	background: linear-gradient(0deg, rgba(var(--lekom-deep-blue), 0) 20%, rgba(var(--lekom-deep-blue), 0.33) 45%, rgba(var(--lekom-deep-blue), 0.33) 55%, rgba(var(--lekom-deep-blue), 0) 80%);
}
.img_holder .pic {
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: relative;
}
.img_holder .title_1::selection,
.img_holder .title_2::selection,
.details::selection {
	color: var(--lekom-orange-solid) !important;
	background-color: rgba(var(--lekom-orange), 0.1) !important;
}

.txt_block {
	padding: var(--grid-gap);
	text-decoration: none;
	background-color: var(--bg-color);
}
.txt_block:visited {
	color: unset;
}
.txt_block.grid {
	display: grid;
	gap: max(var(--grid-gap), 2rem);
	grid-template-rows: 1fr min-content;
}
.details {
	text-decoration: none;
	background-image: linear-gradient(to right, var(--lekom-deep-blue-solid) 0%, var(--lekom-blue-solid) 51%, var(--lekom-deep-blue-solid) 100%);
	transition: 0.5s;
	background-size: 200% auto;
	color: white !important;
	padding: 0.5rem 1rem;
	max-width: min-content;
}

.it_outsourcing .pic {
	object-position: top center;
}

.flex {
	display: flex;
	place-content: center;
	flex-wrap: wrap;
	gap: var(--grid-gap);
	width: 100%;
}
.flex.triple .info_block,
.flex.triple > .txt_block {
	flex: 0 1 var(--width-3-fluid);
}

.slider {
	width: 100%;
}

#best_price_label {
	content: "";
	position: absolute;
	width: min(11vmin, 4rem);
	z-index: 1;
	inset: min(2vmin, 1rem);
	filter: drop-shadow(0 0 0.25rem rgba(0, 0, 0, 0.75));
}

#more_video {
	text-align: center;
	line-height: 2.5rem;
}
#more_video > a {
	background-image: url(/lekom_main_page_middle/images/youtube_logo.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	text-decoration: none;
	text-align: center;
	padding: 0.25rem 5rem;
	margin-inline: -0.75rem -0.5rem;
}

#complex_it_solutions {
	display: grid;
	place-content: center;
	place-self: center;
	/* gap: var(--grid-gap); */
	grid-template-columns: var(--width-3-fluid) repeat(auto-fill, calc(var(--width-3-fluid) + var(--grid-gap)));
	grid-template-areas: "img txt txt";
}
#complex_it_solutions .img_holder .pic {
	object-position: left;
}
#complex_it_solutions .info_block {
	display: flex;
	flex-direction: column;
	grid-area: txt;
}
#complex_it_solutions .img_holder {
	grid-area: img;
}

#software_itegration .info_block {
	width: var(--width-2-fluid);
}

@media (max-width: 1596.999px) {
	#complex_it_solutions {
		grid-template-areas: "img txt";
	}
	#software_itegration {
		grid-template-columns: initial;
	}
}
@media (max-width: 1079.999px) {
	#complex_it_solutions {
		grid-template-areas: "img" "txt";
		grid-template-columns: initial;
		width: var(--width-3-fluid);
		grid-template-rows: min(40vmin, 15rem) auto;
	}
	#software_itegration {
		place-self: center;
		width: var(--width-3-fluid);
	}
}
@media (max-width: 45rem) {
	.main_content__item,
	.flex.triple,
	.col_2 {
		gap: calc(var(--grid-gap) * 2);
	}

	.slider {
		aspect-ratio: 16 / 27;
		margin-block: calc(var(--grid-gap) * -1.5);
	}
}