

/* Start:/local/templates/stk/components/bitrix/news/custom_news/style.css?176596982414471*/
body {
	font-family: 'Roboto Condensed', sans-serif;
	margin: 0;
}

.breadcrumbs {
	padding: 20px !important;
}

.intropage {
	background-color: #0E0E11;
}

footer {
	background-color: #5B646E;
}

.block_footer_one {
	border-top: 1px solid #FFFFFF;
}

.block_footer_one {
	border-top: 1px solid #FFFFFF;
	padding-top: 21px;
	margin-top: 24px;
}

.block_footer_one {
	display: flex;
	gap: 48px;
}

.block_footer_right {
	display: flex;
	flex-wrap: wrap;
}

.block_footer_left .button {
	display: flex;
	align-items: center;
}

.block_footer_left .button a {
	border-radius: 0;
	border: 0px solid transparent;
	padding: 0;
	font-size: 50px;
	font-weight: 600;
	text-decoration: none;
	color: #FFFFFF;
	transition: all .45s;
	text-transform: uppercase;
}

.block_footer_right .button a {
	padding: 11px 20px;
	font-size: 24px;
	font-weight: 300;
	color: #FFFFFF;
	width: 330px;
	text-transform: uppercase;
	margin: 3px 10px;
}

.block_footer_left .button:hover a {
	color: #008295;
}

.block_footer_right .button:hover a {
	color: #008295;
	border: 1px solid #717171;
}

.block_footer_two {
	border-top: 1px solid #FFFFFF;
	padding: 24px;
	margin-top: 32px;
	position: relative;
}

.block_footer_two_wrapper {
	display: flex;
	justify-content: space-between;
	width: 70%;
}

.block_footer_two_item {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.block_footer_two_item a {
	display: flex;
	flex-direction: column;
	font-weight: 300;
	font-size: 24px;
	text-decoration: none;
	color: #FFFFFF;
	text-transform: uppercase;
	transition: all .45s;
}

.block_footer_two_item a:hover {
	color: #008295;
}

.block_footer_two_wrapper {
	display: flex;
	justify-content: space-between;
	width: 75%;
}

.border_mob_footer {
	display: none;
}

.desk_icon_svg_footer {
	display: block;
}

.desk_icon_svg_footer_mob {
	display: none;
}

.block_four_footer_right {
	display: flex;
	align-items: center;
	gap: 18px;
}

.block_four_footer_right a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 300;
}

.block_footer_three {
	display: flex;
	border-top: 1px solid #FFFFFF;
	justify-content: space-between;
	padding: 21px 20px 60px 20px;
}

.wrapper_politic {
	display: flex;
	align-items: center;
	padding: 0;
	width: 35%;
}

.footer_social_icons_wrapper {
	display: flex;
	gap: 16px;
	align-items: center;
	color: #FFFFFF;
	font-weight: 300;
	font-size: 16px;
}

.footer_social_icons {
	display: flex;
	gap: 7px;
}

.wrapper_politic a {
	font-size: 16px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: 300;
}

.feedback_btn_footer {
	padding: 10px 20px;
	font-weight: bold;
	text-decoration: none;
	transition: 0.3s ease;
	background-color: #FFFFFF;
	color: #0E0E11 !important;
	border-radius: 43px;
	border: 1px solid #FFFFFF !important;
	font-weight: 300;
	font-size: 16px;
}

.feedback_btn_footer:hover {
	color: #FFFFFF !important;
	background-color: transparent;
}

.block_footer_four a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: 300;
}

.breadcrumbs {
	padding: 120px 0px 0px 0px;
	display: flex;
	gap: 8px;
}

.breadcrumbs a {
	font-size: 14px;
	color: #0E0E1199;
	opacity: 0.6;
	font-weight: 400;
}

.breadcrumbs a {
	font-size: 14px;
	color: #0E0E1199;
	opacity: 0.6;
	font-weight: 400;
	text-decoration: none;
}

.breadcrumbs p {
	font-size: 14px;
	color: #0E0E1199;
	opacity: 0.6;
	font-weight: 400;
	text-decoration: none;
}

.separator {
	color: #00B8D9 !important;
	opacity: 1 !important;
}

.breadcrumbs a:hover {
	color: #00B8D9;
}

section.calc .container {
	max-width: 1440px;
	margin: 0 auto;
	padding: 16px 24px;
}

section.calc {
	background-color: #5B646E;
	margin-bottom: 120px;
}

section.calc .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
	border-top: 1px solid #fff;
	padding-top: 6px;
}

section.calc h2 {
	font-weight: 600;
	font-size: 60px;
	text-transform: uppercase;
}

section.calc .title span {
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
}

.quantity-selector {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.calc_wrapper {
	display: flex;
	gap: 77px;
	margin-top: 20px;
	border-bottom: 1px solid #fff;
	padding-bottom: 47px;
}

.counter {
	background-color: transparent;
	border-radius: 10px;
	width: 65%;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.counter-item {
	background-color: transparent;
	padding: 15px;
	border-radius: 55px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #fff;
	width: calc(50% - 10px);
}

.counter-item input {
	width: 30px;
	height: 30px;
	-webkit-appearance: none;
	/* Убираем стандартный вид */
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #fff;
	border-radius: 50%;
	background-color: transparent;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	font-family: 'Roboto Condensed', sans-serif;
}

.counter-item input:checked::after {
	content: "";
	position: absolute;
	top: 4px;
	left: 4px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #fff;
	transition: all 0.3s ease;
}

.counter-controls input {
	border: unset;
}

.counter-label {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color: #fff;
	margin-right: 10px;
	font-weight: 300;
}

.counter-controls {
	display: flex;
	align-items: center;
}

.counter-controls button {
	background-color: transparent;
	color: #fff;
	font-weight: 300;
	border: none;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	font-size: 18px;
	margin: 0 5px;
	cursor: pointer;
	font-family: 'Roboto Condensed', sans-serif;
}

.counter-input {
	width: 40px;
	text-align: center;
	font-size: 18px;
	background-color: transparent;
	border: none;
	color: #fff;
	margin: 0 5px;
}

.counter-controls button:focus {
	outline: none;
}

.counter-controls button:hover {
	background-color: #3e4e59;
	color: #fff;
}

.counter-controls button:active {
	background-color: #2a343f;
	color: #fff;
}

.custom-select {
	width: 35%;
	display: flex;
	flex-direction: column;
	gap: 10px;
	position: relative;
}

.custom_item {
	background-color: transparent;

	border-radius: 35px;
	position: absolute;
	width: 100%;
	border: 1px solid #fff;
	color: #fff;
}

.custom_item+.custom_item {
	top: 70px;
}

.select-header {
	cursor: pointer;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
	font-size: 18px;
	font-weight: 300;
}

.select-header .arrow {
	display: inline-block;
	transition: transform 0.3s ease;
}

.select-header.open .arrow {
	transform: rotate(180deg);
}

.select-options_wrap {
	padding-right: 23px;
	backdrop-filter: blur(6px);
	border-radius: 35px;
	position: relative;
	z-index: 1;
	background-color: #5B646EB5;
	/* padding-bottom: 20px; */
}

.select-options {
	max-height: 0;
	overflow-y: auto;
	transition: max-height 0.3s ease, opacity 0.3s ease;
	opacity: 0;
	width: 100%;
	padding: 0 20px;
	border-radius: 35px;
}

.select-options.check {
	opacity: 1;
	overflow-y: unset;
	margin-left: 40px;
}

.select-options::-webkit-scrollbar {
	width: 6px;
}

.select-options::-webkit-scrollbar-track {
	background: transparent;
}

.select-options::-webkit-scrollbar-thumb {
	background-color: #ffffff80;
	border-radius: 3px;
}

.select-options::-webkit-scrollbar-thumb:hover {
	background-color: #ffffffcc;
}

.select-options.show {
	max-height: 150px;
	/* подберите под реальный контент */
	opacity: 1;
}

.select-options label {
	display: block;
	padding: 8px 0;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
}

.select-options.check label {
	border-bottom: unset;
	padding: 0;
	color: #fff;
	font-weight: 200;
	letter-spacing: 0.8px;
}

.select-options label:last-child {
	border-bottom: unset;
}

.select-options input[type="checkbox"] {
	appearance: none;
	width: 15px;
	height: 15px;
	border: 1px solid #ccc;
	margin-right: 10px;
	vertical-align: middle;
	background-color: #FFFFFF99;
	border-radius: 4px;
	position: relative;
}

.select-options input[type="checkbox"]:checked {
	background-color: #00e0ff;
}


.select-options [type='checkbox'],
.select-options [type='radio'] {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	border: 0;
	-webkit-transition: 0.334s;
	transition: 0.334s;
	background: #f0f0f0;
}

.select-options [type='checkbox']:after,
.select-options [type='radio']:after {
	content: '';
	position: absolute;
	z-index: 20;
	top: 50%;
	left: 50%;
	width: 50%;
	height: 50%;
	-webkit-transition: 0.334s;
	transition: 0.334s;
	-webkit-transform: translate(-50%, -50%) rotate(180deg) scale(0);
	transform: translate(-50%, -50%) rotate(180deg) scale(0);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.select-options [type='checkbox']:checked:after,
.select-options [type='radio']:checked:after {
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.select-options [type='checkbox'] {
	border-radius: 2px;
}

.select-options [type='checkbox']:after {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.1665 3.47831C16.4746 3.17514 16.8934 3.00319 17.3311 3.00004C17.769 2.9969 18.1902 3.16282 18.5029 3.46154C18.8156 3.76026 18.9943 4.16749 18.9999 4.59423C19.0055 5.02097 18.8376 5.43253 18.5328 5.73896L9.71539 16.4841C9.56391 16.6431 9.38112 16.7707 9.17792 16.8593C8.97474 16.9479 8.75532 16.9956 8.53279 16.9997C8.31023 17.0038 8.08914 16.9641 7.88266 16.8831C7.6762 16.802 7.48859 16.6812 7.33108 16.5279L1.48502 10.8314C1.17436 10.5284 0.999895 10.1176 1 9.6892C1.00011 9.26082 1.17478 8.85004 1.48558 8.5472C1.79639 8.24436 2.21788 8.07431 2.65733 8.07441C3.09677 8.0745 3.51819 8.24477 3.82884 8.54775L8.53279 12.9419L16.1226 3.52874C16.1366 3.51141 16.1516 3.49493 16.1676 3.47941L16.1665 3.47831Z' fill='black'/%3E%3C/svg%3E%0A");
}

.select-options [type='radio'] {
	border-radius: 50%;
}

.select-options [type='radio']:after {
	background: #78b270;
	border-radius: 50%;
}

section.calc form {
	display: flex;
	margin-top: 20px;
	margin-bottom: 48px;
}

section.calc form .custom_item {
	position: relative;
	padding: 10px;
	border-radius: 14px;
	max-width: 224px;
}

section.calc form .custom_item+.custom_item {
	top: 0;
	margin-left: 16px;
}

section.calc form .custom_item::placeholder {
	color: #fff;
	opacity: 1;
	font-size: 14px;
	font-weight: 400;
}

section.calc form .btn.feedback {
	white-space: nowrap;
	background: #fff;
	color: #000;
	border: unset;
}

section.calc form .select-options input[type="checkbox"]::before {
	content: '';
	appearance: none;
	width: 15px;
	height: 15px;
	border: 1px solid #ccc;
	margin-right: 10px;
	vertical-align: middle;
	background-color: #FFFFFF99;
	border-radius: 4px;
	position: relative;
	display: block;
	left: -20px;
	top: -1px;
}

section.calc .bottom {
	position: relative;
	padding-bottom: 14px;
	padding-top: 16px;
}

section.calc .bottom::after {
	content: "";
	position: absolute;
	height: 1px;
	width: 80%;
	background-color: #fff;
	bottom: 0;
}

section.calc .bottom::before {
	content: "";
	position: absolute;
	height: 1px;
	width: 30%;
	background-color: #fff;
	top: 0;
	left: 20%;
}

section.calc .bottom .wrapper {
	display: flex;
	width: 100%;
}

section.calc .bottom .left {
	text-align: left;
	width: 40%;
	position: relative;
}

section.calc .bottom .left::after {
	content: "";
	position: absolute;
	height: 135%;
	width: 1px;
	background-color: #fff;
	right: 0;
	top: -15px;
}

section.calc .bottom .left p {
	font-size: 20px;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 6px;
	color: #fff;
}

section.calc .bottom .left span {
	font-size: 16px;
	font-weight: 300;
	color: #fff;
}

section.calc .bottom .right {
	text-align: right;
	width: 60%;
}

section.calc .bottom .right p {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
	width: 100%;
	margin-left: auto;
	font-weight: 200;
	letter-spacing: 0.8px;
}

/* новости */
.breadcrumbs {
	padding: 44px 0 0 59px;
	display: flex;
	gap: 8px;
	align-items: center;
	margin-top: 68px;
}

.news_title {
	font-family: Roboto Condensed;
	font-weight: 900;
	font-size: 36px;
	line-height: 100%;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: #0E0E11;
	padding-left: 96px;
	padding-bottom: 46px;
}

.news_title span {
	color: #00B8D9;
}

.news_wrapper {
	max-width: 944px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.news_wrapper .news_item {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 46px;
}

.news_wrapper .news_item .left {
	max-width: 358px;
	max-height: 232px;
	width: 100%;
	height: 100%;
	flex-shrink: 0;
}

.news_wrapper .news_item .left img {
	width: 100%;
	height: 100%;
	min-width: 358px;
    min-height: 232px;
}

.news_wrapper .news_item .right .single_news_title {
	margin: 0;
	font-family: Roboto Condensed;
	font-weight: 600;
	font-size: 24px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #0E0E11;
}

.news_wrapper .news_item .right .single_news_text {
	font-family: Open Sans;
	font-weight: 300;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #0E0E11;
	padding-top: 8px;
	padding-bottom: 18px;
}

.news_item .right .button {
	display: flex;
	align-items: center;
	gap: 16px;
	width: fit-content;
}

.news_item .right .button:hover>a {
	border: 1px solid #00B8D9;
	transition: all .45s;
}

.news_item .right .button a {
	border-radius: 30px;
	border: 1px solid #717171;
	padding: 8px 26px 10px 26px;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	color: #0E0E11;
	transition: all .45s;
}

.news_item .right .button svg {
	transition: all .45s;
}

.news_item .right .button:hover>svg {
	transition: all .45s;
	transform: rotate(45deg);
}

.news_item .right .button:hover>svg path {
	stroke: #00B8D9;
	transition: all .45s;
}

.news_btn {
	margin: 0 auto;
	width: fit-content;
	margin-top: 52px;
	margin-bottom: 140px;
}

.news_btn button {
	background-color: #5B646E;
	color: #fff;
	padding: 11px 26px 11px 26px;
	border-radius: 30px;
	border: 0;
	font-family: Open Sans;
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 0%;
	cursor: pointer;
}

header {
	background-color: #000;
}

@media screen and (min-width: 1600px) and (max-width: 1920px) {
	.news_title {
		padding-left: 323px;
	}
}
/* End */


/* Start:/local/templates/stk/components/bitrix/news.detail/custom_news_detail/style.css?17659698243303*/
section.singlenews_top .container {
	padding: 0;
	max-width: 1125px;
	margin: 0 auto;
	margin-top: 36px;
	display: flex;
	flex-direction: row;
	align-items: start;
	gap: 105px;
}

section.singlenews_top .container .left .singlenews_title {
	font-weight: 900;
	font-size: 36px;
	line-height: 100%;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: #0E0E11;
	margin-bottom: 8px;
}

section.singlenews_top .container .left .singlenews_date p {
	font-family: Open Sans;
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #0E0E1199;
	margin-bottom: 16px;
}

section.singlenews_top .container .left .singlenews_texts {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

section.singlenews_top .container .left .singlenews_texts p {
	font-family: Open Sans;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0%;
	color: #0E0E11;
}

section.singlenews_top .container .right {
	width: 476px;
	height: 371px;
	flex-shrink: 0;
}

section.singlenews_top .container .right img {
	width: 100%;
	height: 100%;
}

section.singlenews_slider {
	margin-top: 40px;
	max-width: 1162px;
	margin-inline: auto;
	position: relative;
}

section.singlenews_slider .container {
	max-width: unset;
	padding: unset;
	margin: unset;
}

section.singlenews_slider .swiper_singlenewsprev {
	position: absolute;
	right: 55px;
	bottom: -56px;
	cursor: pointer;
}

section.singlenews_slider .swiper_singlenewsnext {
	position: absolute;
	right: 0;
	bottom: -56px;
	cursor: pointer;
}

section.singlenews_content {
	margin-top: 92px;
}

section.singlenews_content .container {
	max-width: 1125px;
	padding: unset;
}

section.singlenews_content .container .singlenews_content_title {
	font-weight: 300;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: #0E0E11;
	margin-bottom: 12px;
}

section.singlenews_content .container .singlenews_content_list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 25px;
	max-width: 759px;
}

section.singlenews_content .container .singlenews_content_list li {
	font-family: Open Sans;
	font-weight: 300;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #0E0E11;
	padding: 0;
	padding-left: 18px;
}

section.singlenews_content .container .singlenews_content_texts {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

section.singlenews_content .container .singlenews_content_texts .singlenews_content_text, section.singlenews_content .container .singlenews_content_texts p {
	font-family: Open Sans;
	font-weight: 300;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #0E0E11;
	max-width: 544px;
}

@media screen and (max-width: 1180px) {
	section.singlenews_top {
		padding-inline: 20px;
	}

	section.singlenews_slider {
		padding-inline: 20px;
	}

	section.singlenews_content {
		padding-inline: 20px;
	}

	section.singlenews_slider .swiper_singlenewsprev {
		right: 75px;
	}

	section.singlenews_slider .swiper_singlenewsnext {
		right: 20px;
	}

	section.singlenews_slider .container .swiper-slide img {
		width: 100%;
		height: 100%;
	}
}

@media screen and (max-width: 1024px) {
	section.singlenews_top .container .right {
		display: none;
	}
}

section.singlenews_slider .swiper-slide img {
  width: 100%;
  height: 100%;
}
/* End */
/* /local/templates/stk/components/bitrix/news/custom_news/style.css?176596982414471 */
/* /local/templates/stk/components/bitrix/news.detail/custom_news_detail/style.css?17659698243303 */
