/* Start:/bitrix/templates/SeaTelecom/components/bitrix/news/services/bitrix/news.detail/.default/style.css?17282998965259*/
main > div > div {
	grid-column: 1 / 6;
}
main > div > div > * {
	grid-column: 3;
}
section.right,
section.left {
	grid-column: 1 / 6;
	display: grid;
	margin: 0 0 80px 0;
}
section.full {
	margin: 0;
	background: var(--blue-bg);
}
section.full:last-child {
	padding: 0 0 80px 0;
}
section.right {grid-template-columns: 15px 1fr minmax(auto, calc(var(--wrapper) * 0.65)) minmax(auto, calc(var(--wrapper) * 0.35)) 1fr 15px;}
section.left  {grid-template-columns: 15px 1fr minmax(auto, calc(var(--wrapper) * 0.35)) minmax(auto, calc(var(--wrapper) * 0.65)) 1fr 15px;}

section.tiles {
	grid-column: 1 / 6;
	display: grid;
	grid-template-columns: 15px 1fr minmax(auto, var(--wrapper)) 1fr 15px;
	background: var(--blue);
}

section.right > div:first-child {
	grid-column: 3;
	padding: 0 74px 0 0;
}
section.right > div:last-child {
	grid-column: 4 / 7;
	height: 530px;
	background-color: var(--blue-bg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
section.left > div:last-child {
	grid-column: 4;
	padding: 0 0 0 74px;
}
section.left > div:first-child {
	grid-column: 1 / 4;
	height: 530px;
	background-color: var(--blue-bg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
section.left.ftop > div:first-child,
section.right.ftop > div:last-child {
	height: calc(100% + 80px);
	background-position-y: center;
}

section.tiles > div {
	grid-column: 3;
}
.tiles ul {
	display: grid;
	justify-content: space-between;
	list-style: none;
	font-weight: 400;
	font-size: 16px;
	line-height: 21px;
	color: var(--white);
	padding: 0;
	margin: 0 auto 85px auto;
	gap: 60px 0;
}
.tiles li {
	display: block;
	width: min-content;
	padding: 100px 0px 0 15px;
	background-position: left 15px top;
	background-repeat: no-repeat;
	background-size: 80px;
}
.tiles3 {
	grid-template-columns: repeat(3, min-content);
	max-width: 800px;
}
.tiles4 {
	grid-template-columns: repeat(4, min-content);
	max-width: 1100px;
}
section h2:first-child {
	margin: 80px 0 40px 0;
}
section:has(h2:nth-child(2)) h2 {
	margin: 40px 0 20px 0;
}
section.top h2:first-child {
	margin: 18px 0 40px 0;
}
section.tiles h2 {
	color: var(--white);
	margin: 50px 0 67px 0;
	text-align: center;
}
section ul {
	margin: -18px 0 -4px 0;
	padding: 0px 0 0 30px;
}
section .button {
	padding: 15px 20px;
	margin: 40px 0 0 0;
}
@media screen and (max-width:1700px) {
	section.right,
	section.left {
		grid-template-columns: 30px 1fr 1fr 30px;
		margin: 0 0 60px 0;
	}
	section.full:last-child {
		padding: 0 0 60px 0;
	}
	section.right > div:first-child {
		grid-column: 2;
		padding: 0 20px 0 0;
	}
	section.right > div:last-child {
		grid-column: 3;
		background-color: #fff;
		background-position: left top 60px;
		background-size: contain;
	}
	section.left > div:first-child {
		grid-column: 2;
		background-color: #fff;
		background-position: right top 60px;
		background-size: contain;
	}
	section.left > div:last-child {
		grid-column: 3;
		padding: 0 0 0 20px;
	}
	section.full {
		padding: 0 0 60px 0;
		margin: 0;
	}
	section.top {
		background-color: var(--blue-bg);
		padding: 0 0 60px 0;
		margin: 0;
	}
	section.full > div:last-child,
	section.top > div:first-child,
	section.top > div:last-child {background-color: var(--blue-bg);}
	section.left.ftop > div:first-child, 
	section.right.ftop > div:last-child {
		height: 530px;
		background-position-y: 60px;
	}
	section:has(h2:nth-child(2)) h2 {margin: 60px 0 20px 0;}
	section h2:first-child,
	section.top h2:first-child {
		margin: 60px 0 30px 0;
		font-size: 24px;
	}
}

@media screen and (max-width:840px) {
	.tiles4 {grid-template-columns: repeat(3, min-content);}
}
@media screen and (max-width:660px) {
	.tiles4,
	.tiles3 {grid-template-columns: repeat(2, min-content);}
	.tiles ul {
		justify-content: space-around;
		gap: 50px 0;
		margin: 0 auto 50px auto;
	}
}
@media screen and (max-width:480px) {
	.tiles4,
	.tiles3 {grid-template-columns: repeat(1, min-content);}
	.tiles ul {justify-items: center;}
	.tiles li {
		padding: 100px 0 0 0;
		background-position: center top;
		text-align: center;
	}
}



@media screen and (max-width:768px) {
	section.right,
	section.left {
		grid-template-columns: 20px 1fr 20px;
		margin: 0 0 60px 0;
	}
	section.full, 
	section.top {margin: 0;}
	section.left > div:first-child,
	section.left > div:last-child,
	section.right > div:first-child,
	section.right > div:last-child {
		padding: 0;
		grid-column: 2;
		background-position: center top 50px;
	}
	section.left > div:first-child {grid-row: 2;}
	section h2:first-child,
	section.top h2:first-child {margin: 50px 0 30px 0;}
}

@media screen and (max-width:488px) {
	section.right,
	section.left {margin: 0 0 30px 0;}
	section.full, 
	section.top {margin: 0;}
	section h2:first-child,
	section.top h2:first-child,
	section:has(h2:nth-child(2)) h2 {
		text-align: center;
		margin: 30px 0;
	}
	section.right > div:last-child,
	section.left > div:first-child,
	section.full > div:last-child,
	section.left.ftop > div:first-child,
	section.right.ftop > div:last-child {
		height: auto;
		aspect-ratio: 3 / 2;
		padding: 30px 0 0 0;
		/*background-position: center top 30px;*/
		background-position-y: 30px;
	}
	section.full:last-child {
		padding: 0 0 30px 0;
	}
	section .button {margin: 30px 0 0 0;}
}
/* End */
/* /bitrix/templates/SeaTelecom/components/bitrix/news/services/bitrix/news.detail/.default/style.css?17282998965259 */