.first-screen {
	background-color: var(--bg-texture-dark-color);
	border-bottom: 8px solid hsl(var(--emphasize1-h), calc(var(--emphasize1-s) - 10%), calc(var(--emphasize1-l) - 10%));
	box-shadow: 0 1px 0 1px hsl(var(--bg2-h), var(--bg2-s), calc(var(--bg2-l) - 3%));
}
.first-screen:not([data-bg]) {
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.first-screen-shark-logo {position: absolute}
.first-screen-shark-logo__img:not([data-bg]) {
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
}

.first-screen-title {
	font-weight: 400;
	color:#ffffff;
	line-height: 1.1;
}
.first-screen-slogan {
	color:var(--emphasize1);
	font-weight: 600;
	margin-top: 20px;
	line-height: 1.15;
}

.first-screen-advantages__item {
	list-style: none;
	color: rgba(255, 255, 255, 0.7);
	padding-left: 28px;
}
.first-screen-advantages__item:before {
	font-family: var(--fa-style-family);
	font-weight: var(--fa-style-solid);
	content: var(--fa-var-star);
	font-size: 12px;
	color:var(--emphasize1);
	position: absolute;
	top:5px;
	left:0;
	line-height: inherit;
}
.first-screen-advantages__item + .first-screen-advantages__item {margin-top: 10px}

.first-screen-info {
	padding-bottom:35px;
	padding-top:50px;
}

.first-screen-image {
	border-radius: var(--border-radius);
}
.first-screen-image:not([data-bg]) {
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
}
.first-screen-image1 {
	padding-top:54.11%;
}


@media all and (max-width: 1400px) {
	.first-screen {
		padding-left: var(--container-padding);
		padding-right: var(--container-padding);
	}
}

@media all and (min-width: 1401px) and (max-width: 1600px) {
	.first-screen {
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media all and (min-width: 1601px) and (max-width: 1800px) {
	.first-screen {
		padding-left: 100px;
		padding-right: 100px;
	}
}

@media all and (min-width: 1801px) and (max-width: 2000px) {
	.first-screen {
		padding-left: 150px;
		padding-right: 150px;
	}
}

@media all and (min-width: 2001px) {
	.first-screen-container {
		width:1800px;
		margin-left:auto;
		margin-right:auto;
	}
}

@media all and (max-width:839px) {
	.first-screen {
		border-width:5px;
		padding-top:10px;
		padding-bottom:20px;
	}
}
@media all and (min-width:840px) and (max-width:1023px) {
	.first-screen {
		padding-top:15px;
		padding-bottom:25px;
	}
}
@media all and (min-width:1024px) and (max-width:1199px) {
	.first-screen {
		padding-top:20px;
		padding-bottom:30px;
	}
}
@media all and (min-width:1200px) {
	.first-screen {
		padding-top:25px;
		padding-bottom:35px;
	}
}

@media all and (max-width:399px) {
	.first-screen-title {font-size:28px;}
}
@media all and (min-width:400px) and (max-width:519px) {
	.first-screen-title {font-size:30px;}
}
@media all and (min-width:520px) and (max-width:559px) {
	.first-screen-title {font-size:36px;}
}
@media all and (min-width:560px) and (max-width:639px) {
	.first-screen-title {font-size:40px;}
}
@media all and (min-width:640px) and (max-width:1299px) {
	.first-screen-title {font-size:44px;}
}
@media all and (min-width:1300px) and (max-width:1600px) {
	.first-screen-title {font-size:50px;}
}
@media all and (min-width:1601px) {
	.first-screen-title {font-size:54px;}
}

@media all and (min-width:640px) and (max-width:1023px) {
	.first-screen-info {
		margin-right: 230px;
	}
}

@media all and (max-width:1023px) {
	.first-screen-image2,
	.first-screen-image3 {display:none;}
	.first-screen-shark-logo {right:0;}
	.first-screen-advantages {margin-top:35px;}
	.first-screen-btn {margin-top:40px;margin-bottom:20px;}
}

@media all and (min-width:1024px) {
	.first-screen-container {display:flex;align-items:center;justify-content:space-between;}
	.first-screen-info {max-width:44%;}
	.first-screen-images {width:50%;}
	.first-screen-image2 {padding-top:46.71%;width:40%;margin-left:5%;margin-top:-50px;float:left;}
	.first-screen-image3 {padding-top:33.375%;width:50%;margin-top:5%;float:right;}
	.first-screen-shark-logo {right:10px;}
	.first-screen-advantages {margin-top:50px;}
	.first-screen-btn {margin-top:50px;}
}

@media all and (min-width:1400px) {
	.breadcrumbs {max-width: 44%;}
	.first-screen-images {margin-top:-10px;}
	.first-screen-shark-logo {top:0;}
}

@media all and (max-width:359px) {
	.first-screen-shark-logo {display:none;}
}

@media all and (min-width:360px) and (max-width:419px) {
	.first-screen-title,
	.first-screen-slogan {margin-right:90px;}
	.first-screen-shark-logo__img {width:70px;height:83px;}
}

@media all and (min-width:420px) and (max-width:519px) {
	.first-screen-title,
	.first-screen-slogan {margin-right:120px;}
	.first-screen-shark-logo__img {width:100px;height:118px;}
}

@media all and (max-width:519px) {
	.first-screen-slogan {font-size:22px;}
	.first-screen-advantages {font-size:18px;}
	.first-screen-shark-logo {top:35px;}
}

@media all and (min-width:520px) {
	.first-screen-slogan {font-size:26px;}
	.first-screen-advantages {font-size:20px;}
	.first-screen-shark-logo {
		background-color:var(--bg-dark);
		border-radius:50%;
		padding:20px;
	}
}

@media all and (min-width:520px) and (max-width:1023px) {
	.first-screen-shark-logo {top:40px;}
}

@media all and (min-width:1024px) and (max-width:1399px) {
	.first-screen-shark-logo {top:10px;}
}

@media all and (min-width:520px) and (max-width:639px) {
	.first-screen-title,
	.first-screen-slogan {margin-right:200px;}
	.first-screen-shark-logo__img {width:120px;height:120px;}
}

@media all and (min-width:640px) and (max-width:1279px) {
	.first-screen-shark-logo__img {width:150px;height:150px;}
}

@media all and (min-width:1280px) and (max-width:1699px) {
	.first-screen-shark-logo__img {width:200px;height:200px;}
}

@media all and (min-width:1700px) {
	.first-screen-shark-logo__img {width:250px;height:250px;}
}

/* ------------------------------------------------------------------------------------------------------------------ */

/* виды установки */
.montages {
	padding-top: 90px;
	padding-bottom: 60px;
}
.montages-size {
	padding-left:60px;
	min-height:50px;
	display:flex;align-items:center;
	line-height:1.15;
}
.montages-size:before {
	content: "";
	display: block;
	position: absolute;
	top:0;left:0;
	width:45px;height:45px;
	background: url("/Public/Images/icon-ruler_h_45.webp") 50% 50% / contain no-repeat;
}
.montages-size_height:before {
	transform: rotate(90deg);
}

@media all and (-Webkit-min-device-pixel-ratio:1.5),
all and (-moz-min-device-pixel-ratio:1.5),
all and (-o-min-device-pixel-ratio:3/2),
all and (min-device-pixel-ratio:1.5) {
	.montages-size:before {
		background-image: url("/Public/Images/icon-ruler_h_135.webp");
	}
}

@media all and (max-width:639px) {
	.montages-size {font-size:16px;}
}

@media all and (min-width:640px) {
	.montages-size {font-size:18px;}
}

@media all and (max-width:1023px) {
	.montages-size + .montages-size {margin-top:10px;}
}

@media all and (min-width:1024px) {
	.montages-size {float:left;}
	.montages-size + .montages-size {margin-left:60px;}
}

.montages-list {
	margin-top:40px;
	display:grid;
}
.montages-list__item {list-style: none}

@media all and (max-width:360px) {
	.montages-list {grid-gap:20px;}
}

@media all and (min-width:361px) {
	.montages-list {grid-gap:30px;}
}

@media all and (max-width:767px) {
	.montages-list {grid-template-columns: repeat(2, 1fr);}
}

@media all and (min-width:768px) {
	.montages-list {grid-template-columns: repeat(3, 1fr);}
}

.montage-type__img {
	padding-top:65%;
	background-color: var(--bg2);
	border-radius: var(--border-radius);
}
.montage-type__img:not([data-bg]) {
	background-position:50% 50%;
	background-repeat:repeat;
	background-size:cover;
}
.montage-type__title {margin-top: 10px;}


@media all and (min-width:360px) and (max-width:539px) {
	.montage-type__title {font-size:16px;}
}

@media all and (min-width:540px) {
	.montage-type__title {font-size:18px;}
}

/* ------------------------------------------------------------------------------------------------------------------ */

/* описание */
.sharknet-about-wrapper {
	padding-top: 60px;
	padding-bottom:60px;
}
.sharknet-opens {
	background: var(--bg2);
	padding: 25px;
	border-radius: var(--border-radius);
}
.sharknet-opens-title {
	text-align:center;
	font-size:18px;
	font-weight:600;
	margin-bottom:13px;
}
.sharknet-opens-list {
	display: grid;
	grid-gap: 20px;
}
.sharknet-opens-list__item {list-style: none}
.sharknet-open__img:not([data-bg]) {
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
}
.sharknet-open__title {
	margin-bottom:5px;
	text-align:center;
}

@media all and (min-width:840px) and (max-width:1079px) {
	.sharknet-open__img {width:120px;padding-top:120px;margin:0 auto;}
}

@media all and (max-width:839px),
all and (min-width:1080px) {
	.sharknet-open__img {width:100%;padding-top:100%;}
}

@media all and (max-width:639px),
all and (min-width:1080px) {
	.sharknet-opens-list {grid-template-columns: repeat(2, 1fr);}
}

@media all and (min-width:640px) and (max-width:1079px) {
	.sharknet-opens-list {grid-template-columns: repeat(4, 1fr);}
}

@media all and (min-width:768px) {
	.sharknet-about-text {font-size:1.14rem;}
}

@media all and (max-width:1079px) {
	.sharknet-about-text {margin-bottom:40px;}
}

@media all and (min-width:1080px) {
	.sharknet-about {
		display: flex;
		align-items: flex-start;
		justify-content: center;
	}
	.sharknet-opens {
		width: 300px;
		margin-left: 150px;
		flex-shrink: 0;
	}
	.sharknet-about-text {
		flex-grow: 2;
	}
}

/* ------------------------------------------------------------------------------------------------------------------ */

/* особенности */
.sharknet-features-wrapper {
	padding-top:80px;
	padding-bottom:90px;
}

.sharknet-features-list__item {list-style: none;}
.sharknet-feature + .sharknet-feature {margin-top: 60px;}

.sharknet-feature__title {
	line-height:1.15;
	margin-bottom:20px;
}

@media all and (max-width:767px) {
	.sharknet-feature__title {font-size: 1.42rem;font-weight: bold;}
}
@media all and (min-width:768px) and (max-width:1023px) {
	.sharknet-feature__title {font-size: 1.71rem;font-weight: 600;}
}
@media all and (min-width:1024px) {
	.sharknet-feature__title {font-size: 2rem;font-weight: 600;}
}

.sharknet-feature__img {
	display: block;
	border-radius: var(--border-radius);
}
.sharknet-feature__img:not([data-bg]) {
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
}

.sharknet-feature__list-item {
	list-style:none;
	padding-left:37px;
}
.sharknet-feature__list-item:before {
	content: var(--fa-var-check);
	font-family: var(--fa-style-family);
	font-weight: var(--fa-style-solid);
	font-size:1.45em;
	color:var(--emphasize1);
	display:block;
	position:absolute;
	top:-3px;
	left:0;
}

.sharknet-feature__list-item + .sharknet-feature__list-item {margin-top: 15px}

@media all and (min-width:360px) and (max-width:1023px) {
	.sharknet-feature__list-item {font-size:1.14rem;}
}

@media all and (min-width:1024px) {
	.sharknet-feature__list-item {font-size:1.28rem;}
}


@media all and (max-width:939px) {
	.sharknet-feature__text + .sharknet-feature__img,
	.sharknet-feature__img + .sharknet-feature__text {margin-top:35px;}

	.sharknet-feature__img_doorstep {padding-top:66.9%;}
	.sharknet-feature__img_certificate {padding-top:70.66%;}
	.sharknet-feature__img_difficult {padding-top:100%;}
	.sharknet-feature__img_screen {padding-top:56.75%;}
	.sharknet-feature__img_house {padding-top:66.75%;}
}

@media all and (min-width:940px)  {
	.sharknet-feature {
		display:flex;
		align-items:center;
		justify-content:space-between;
	}
	.sharknet-feature__img {
		width:46%;
		flex-shrink:0;
	}
	.sharknet-feature__img_doorstep {padding-top:30.77%;}
	.sharknet-feature__img_certificate {padding-top:32.5%;}
	.sharknet-feature__img_difficult {padding-top:46%;}
	.sharknet-feature__img_screen {padding-top:26.105%;}
	.sharknet-feature__img_house {padding-top:30.705%;}
	
	.sharknet-feature:nth-child(even) .sharknet-feature__text {padding-right:100px;}
	
	.sharknet-feature:nth-child(odd) {flex-direction:row-reverse;}
	.sharknet-feature:nth-child(odd) .sharknet-feature__text {padding-left:100px;}
	.sharknet-feature:nth-child(odd) .sharknet-feature__img:first-child {order:2;}
}