/* Start:/local/templates/haier/components/bitrix/news.list/sections-list/style.css?177686152632688*/
body,html {
	width: 100%;
	height: 100%;
	max-width: unset !important;
}
.logo {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='149' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.769 12.181v10.156c0 .491 0 .491-.484.491h-3.864c-.416 0-.431-.015-.431-.438v-7.721c0-.507 0-.507-.507-.507H5.256c-.462 0-.47 0-.47.484v7.69c0 .492 0 .492-.49.492H.46c-.09 0-.174 0-.264-.007-.121 0-.182-.076-.19-.19C0 22.557 0 22.474 0 22.398V1.934v-.09c.008-.325.038-.363.355-.363H4.492c.25 0 .28.038.287.295.008.196 0 .4 0 .597v7.365c0 .44 0 .44.439.44h8.318c.439 0 .439 0 .439-.447V1.98c0-.507 0-.507.484-.507h3.834c.46 0 .46 0 .46.484.016 3.41.016 6.814.016 10.224zM37.63 14.752v7.57c0 .506 0 .506-.485.506H33.636c-.272-.007-.295-.03-.302-.317-.015-.462-.015-.462-.409-.257a8.146 8.146 0 01-3.69.892 8.025 8.025 0 01-3.41-.71c-2.14-.984-3.622-2.602-4.44-4.848a7.996 7.996 0 01-.49-3.093c.082-1.966.725-3.72 1.988-5.218 1.286-1.52 2.904-2.465 4.84-2.82 1.853-.34 3.614-.06 5.293.809.424.22.424.22.439-.265.007-.318.03-.34.34-.348h3.479c.34 0 .37.03.37.378v4.023c-.015 1.233-.015 2.466-.015 3.698zm-8.236-4.847a3.626 3.626 0 00-.643.045c-2.238.303-3.992 2.148-4.129 4.424-.113 1.898.65 3.388 2.216 4.424.945.628 2.004.84 3.13.71a4.616 4.616 0 002.905-1.459c.96-1.028 1.399-2.268 1.293-3.705-.091-1.18-.552-2.193-1.37-3.017-.93-.938-2.079-1.407-3.402-1.422zM57.366 15.667h-5.99c-.438 0-.446.008-.34.439.469 1.89 2.065 3.35 3.947 3.554 1.694.181 3.078-.446 4.145-1.808.105-.136.211-.272.287-.415.106-.212.257-.242.461-.204.424.083.855.15 1.278.226.56.099 1.12.197 1.686.303.046.007.099.015.144.03.242.06.265.09.159.325a8.273 8.273 0 01-1.187 1.928c-1.27 1.528-2.866 2.526-4.795 2.912-2.646.522-5.066-.023-7.176-1.762-1.792-1.475-2.806-3.403-3.025-5.74-.151-1.58.136-3.1.87-4.507 1.233-2.367 3.153-3.871 5.717-4.439 2.768-.604 5.27.038 7.44 1.899 1.62 1.391 2.534 3.19 2.821 5.316.076.552.114 1.119.023 1.678-.038.22-.053.25-.272.265-.09.008-.174 0-.265 0h-5.928zM55.498 12.9h3.887c.09 0 .174 0 .264-.007.084-.008.129-.053.099-.144-.023-.068-.053-.128-.084-.189a4.655 4.655 0 00-1.157-1.542c-.975-.87-2.117-1.286-3.395-1.15-1.724.181-2.972 1.112-3.75 2.692-.16.325-.16.34.211.34h3.925zM65.7 17.724c0-1.361.007-2.722 0-4.084-.024-3.69 2.472-7.214 6.162-8.28.227-.068.454-.136.688-.174.197-.03.227-.015.265.19.083.423.151.846.227 1.27.128.74.257 1.482.378 2.215l.023.121c.053.318.045.333-.265.394-1.671.355-2.911 1.633-3.229 3.342a6.01 6.01 0 00-.083 1.043v8.56c0 .5 0 .5-.477.5h-3.448c-.189-.015-.22-.046-.227-.235-.007-.09 0-.181 0-.272-.015-1.52-.015-3.055-.015-4.59zM44.722 14.73v7.63c0 .468 0 .468-.454.468H40.586c-.182-.015-.22-.045-.235-.234-.008-.09-.008-.181-.008-.272V7.175c0-.537 0-.537.515-.537h3.629c.182.015.212.045.227.242.008.098 0 .197 0 .303.008 2.518.008 5.036.008 7.546zM42.567.082c1.043-.06 2.412.832 2.412 2.465.008 1.346-1.02 2.48-2.45 2.465-1.376-.007-2.412-1.089-2.412-2.473-.008-1.49 1.255-2.518 2.45-2.457zM88.222 2.518c1.933 0 3.547.629 4.842 1.886 1.305 1.247 1.957 2.809 1.957 4.684 0 1.876-.647 3.438-1.942 4.685-1.295 1.248-2.914 1.871-4.857 1.871h-4.784V23H80.88V2.518h7.341zM88.08 13.16c1.257 0 2.29-.386 3.099-1.157.81-.771 1.214-1.742 1.214-2.914 0-1.17-.405-2.142-1.214-2.913-.81-.781-1.843-1.171-3.1-1.171h-4.641v8.155h4.642zm17.582-6.042h1.4v2.357h-1.614c-1.429 0-2.538.438-3.328 1.314-.791.876-1.186 2.085-1.186 3.628V23h-2.5V7.203h1.772l.4 2.4c1.142-1.657 2.828-2.486 5.056-2.486zm10.669 16.226c-2.39 0-4.385-.781-5.984-2.343-1.591-1.57-2.386-3.537-2.386-5.898 0-1.562.362-2.971 1.086-4.228a7.682 7.682 0 012.999-2.942c1.286-.715 2.714-1.072 4.285-1.072 1.571 0 2.995.357 4.271 1.072a7.624 7.624 0 013.013 2.956c.734 1.257 1.1 2.662 1.1 4.214 0 1.552-.366 2.96-1.1 4.227a7.752 7.752 0 01-3.013 2.957c-1.276.704-2.7 1.057-4.271 1.057zm-4.185-4.042c1.095 1.095 2.49 1.642 4.185 1.642 1.695 0 3.09-.547 4.185-1.642 1.105-1.105 1.657-2.504 1.657-4.2 0-1.694-.552-3.09-1.657-4.184-1.095-1.105-2.49-1.657-4.185-1.657-1.695 0-3.09.552-4.185 1.657-1.095 1.095-1.642 2.49-1.642 4.185 0 1.695.547 3.094 1.642 4.199zm24.538-11.984v2.086h-4.842V23h-2.485V9.403h-3.113V7.317h3.113V6.032c0-1.705.41-2.97 1.229-3.8.818-.828 2.099-1.242 3.842-1.242h2.228v2.014h-1.786c-1.123 0-1.923.238-2.399.714-.476.467-.714 1.257-.714 2.371v1.228h4.927zm11.312 0v2.086h-4.842V23h-2.485V9.403h-3.113V7.317h3.113V6.032c0-1.705.41-2.97 1.229-3.8.818-.828 2.099-1.242 3.842-1.242h2.228v2.014h-1.786c-1.123 0-1.923.238-2.399.714-.476.467-.714 1.257-.714 2.371v1.228h4.927z' fill='%23fff'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	width: 149px;
	z-index: 1;
}

.logo:before {
	content: "";
	display: block;
	padding-bottom: 16.1073825503%
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

ol,ul {
	list-style: none
}

blockquote,q {
	quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
	content: "";
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

:focus {
	outline: none
}


.router {
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: #000;
	display: table;
	table-layout: fixed
}

@media(max-width: 767px) {
	.router {
		padding:10.6666666667vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router {
		padding:3.90625vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router {
		padding:2.9282576867vw
	}
}

@media(min-width: 1366px) {
	.router {
		padding:2.0833333333vw
	}
}

.router__header {
	display: flex;
	align-items: center
}

@media(max-width: 767px) {
	.router__header {
		gap:3.2vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__header {
		gap:1.171875vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__header {
		gap:.878477306vw
	}
}

@media(min-width: 1366px) {
	.router__header {
		gap:.625vw
	}
}

@media(max-width: 767px) {
	.router__header {
		margin-bottom:10.6666666667vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__header {
		margin-bottom:3.90625vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__header {
		margin-bottom:2.9282576867vw
	}
}

@media(min-width: 1366px) {
	.router__header {
		margin-bottom:2.0833333333vw
	}
}

@media(max-width: 767px) {
	.router__header .logo {
		width:32.2666666667vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__header .logo {
		width:18.65234375vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__header .logo {
		width:13.9824304539vw
	}
}

@media(min-width: 1366px) {
	.router__header .logo {
		width:9.9479166667vw
	}
}

.router__header span {
	color: #fff;
	font-family: "Futura PT",sans-serif;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	position: relative
}

@media(max-width: 767px) {
	.router__header span {
		font-size:3.7333333333vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__header span {
		font-size:1.3671875vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__header span {
		font-size:1.0248901903vw
	}
}

@media(min-width: 1366px) {
	.router__header span {
		font-size:.7291666667vw
	}
}

@media(max-width: 767px) {
	.router__header span {
		line-height:4.5333333333vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__header span {
		line-height:1.66015625vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__header span {
		line-height:1.2445095168vw
	}
}

@media(min-width: 1366px) {
	.router__header span {
		line-height:.8854166667vw
	}
}

@media(max-width: 767px) {
	.router__header span {
		padding-left:3.2vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__header span {
		padding-left:1.171875vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__header span {
		padding-left:.878477306vw
	}
}

@media(min-width: 1366px) {
	.router__header span {
		padding-left:.625vw
	}
}

@media(max-width: 767px) {
	.router__header span {
		letter-spacing:.0373333333vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__header span {
		letter-spacing:.013671875vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__header span {
		letter-spacing:.0102489019vw
	}
}

@media(min-width: 1366px) {
	.router__header span {
		letter-spacing:.0072916667vw
	}
}

@media(max-width: 767px) {
	.router__header span {
		display:none
	}
}

.router__header span:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	opacity: .6;
	background: #fff;
	width: 1px;
	height: 100%
}

.router__main {
	flex: 1 1 auto
}

.router__wrap-wrap {
	display: table-cell;
	height: 100%;
	width: 100%
}

@media(max-width: 1023px) {
	.router__wrap-wrap {
		display:block
	}
}

@media(max-width: 500px) {
	.router__wrap-wrap {
		margin-top:0
	}
}

.router__wrap {
	height: 100%;
	display: flex;
	width: 100%;
	flex-flow: column nowrap;
	justify-content: space-between;
	flex: 1 1 auto
}

.router__main-wrap {
	flex: 1 1 auto;
	display: flex;
	align-items: center
}

@media(max-width: 1023px)and (max-width:767px) {
	.router__main-wrap {
		padding-top:186.6666666667vw
	}
}

@media(max-width: 1023px)and (min-width:768px)and (max-width:1365px) {
	.router__main-wrap {
		padding-top:68.359375vw
	}
}

@media(max-width: 1023px)and (min-width:1366px)and (max-width:1919px) {
	.router__main-wrap {
		padding-top:51.2445095168vw
	}
}

@media(max-width: 1023px)and (min-width:1366px) {
	.router__main-wrap {
		padding-top:36.4583333333vw
	}
}

@media(max-width: 767px) {
	.router__main-wrap {
		padding-top:0
	}
}

@media(max-width: 500px) {
	.router__main-wrap {
		padding-top:0
	}
}

.router__title {
	font-family: "Futura PT",sans-serif;
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
	line-height: normal;
	display: none
}

@media(max-width: 767px) {
	.router__title {
		font-size:6.9333333333vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__title {
		font-size:2.5390625vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__title {
		font-size:1.9033674963vw
	}
}

@media(min-width: 1366px) {
	.router__title {
		font-size:1.3541666667vw
	}
}

@media(max-width: 767px) {
	.router__title {
		margin-bottom:5.3333333333vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__title {
		margin-bottom:1.953125vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__title {
		margin-bottom:1.4641288433vw
	}
}

@media(min-width: 1366px) {
	.router__title {
		margin-bottom:1.0416666667vw
	}
}

@media(max-width: 767px) {
	.router__title {
		letter-spacing:.0693333333vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__title {
		letter-spacing:.025390625vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__title {
		letter-spacing:.019033675vw
	}
}

@media(min-width: 1366px) {
	.router__title {
		letter-spacing:.0135416667vw
	}
}

@media(max-width: 767px) {
	.router__title {
		display:block
	}
}

.router__text {
	color: #fff;
	font-weight: 400;
	font-family: "Futura PT",sans-serif;
	opacity: .8;
	margin-top: 0!important;
	max-width: 40%
}

@media(max-width: 767px) {
	.router__text {
		font-size:4.2666666667vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__text {
		font-size:1.5625vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__text {
		font-size:1.0248901903vw
	}
}

@media(min-width: 1366px) {
	.router__text {
		font-size:1.0416666667vw
	}
}

@media(max-width: 767px) {
	.router__text {
		line-height:4.8vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__text {
		line-height:1.7578125vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__text {
		line-height:1.4641288433vw
	}
}

@media(min-width: 1366px) {
	.router__text {
		line-height:1.4583333333vw
	}
}

@media(max-width: 767px) {
	.router__text {
		letter-spacing:.0746666667vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__text {
		letter-spacing:.013671875vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__text {
		letter-spacing:.0102489019vw
	}
}

@media(min-width: 1366px) {
	.router__text {
		letter-spacing:.0072916667vw
	}
}

@media(max-width: 767px) {
	.router__text {
		margin-bottom:8vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__text {
		margin-bottom:1.5625vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__text {
		margin-bottom:1.756954612vw
	}
}

@media(min-width: 1366px) {
	.router__text {
		margin-bottom:1.0416666667vw
	}
}

@media(max-width: 767px) {
	.router__text {
		opacity:1
	}
}

@media(max-width: 1200px) {
	.router__text {
		max-width:45%
	}
}

@media(max-width: 1023px) {
	.router__text {
		max-width:100%
	}
}

.router__actions {
	display: flex;
	flex-wrap: wrap;
	width: 40%
}

@media(max-width: 767px) {
	.router__actions {
		margin:-2.6666666667vw 0 0 -2.6666666667vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__actions {
		margin:-.9765625vw 0 0 -.9765625vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__actions {
		margin:-.7320644217vw 0 0 -.7320644217vw
	}
}

@media(min-width: 1366px) {
	.router__actions {
		margin:-.5208333333vw 0 0 -.5208333333vw
	}
}

@media(max-width: 1200px) {
	.router__actions {
		width:45%
	}
}

@media(max-width: 1023px) {
	.router__actions {
		width:100%
	}
}

@media(max-width: 767px) {
	.router__actions {
		margin-left:0
	}
}

@media(max-width: 500px) {
	.router__actions {
		margin-left:0;
		flex-direction: column
	}
}

.router__actions .btn .btn__content,.router__item {
	justify-content: space-between
}

.router__item {
	display: flex;
	align-items: center;
	z-index: 1;
	position: relative;
	overflow: hidden;
	background-color: #000;
	transition: background-color .3s ease-in-out;
	cursor: pointer;
	height: 100%
}

.router__item-holder {
	width: 50%
}

@media(max-width: 767px) {
	.router__item-holder {
		min-height:25.6vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__item-holder {
		min-height:10.25390625vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__item-holder {
		min-height:7.6866764275vw
	}
}

@media(min-width: 1366px) {
	.router__item-holder {
		min-height:7.2395833333vw
	}
}

@media(max-width: 767px) {
	.router__item-holder {
		padding:2.6666666667vw 0 0 2.6666666667vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__item-holder {
		padding:.9765625vw 0 0 .9765625vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__item-holder {
		padding:.7320644217vw 0 0 .7320644217vw
	}
}

@media(min-width: 1366px) {
	.router__item-holder {
		padding:.5208333333vw 0 0 .5208333333vw
	}
}

@media(min-width: 768px)and (max-width:1023px)and (max-width:767px) {
	.router__item-holder {
		min-height:29.0666666667vw
	}
}

@media(min-width: 768px)and (max-width:1023px)and (min-width:768px)and (max-width:1365px) {
	.router__item-holder {
		min-height:10.64453125vw
	}
}

@media(min-width: 768px)and (max-width:1023px)and (min-width:1366px)and (max-width:1919px) {
	.router__item-holder {
		min-height:7.9795021962vw
	}
}

@media(min-width: 768px)and (max-width:1023px)and (min-width:1366px) {
	.router__item-holder {
		min-height:5.6770833333vw
	}
}

@media(max-width: 767px) {
	.router__item-holder {
		width:100%;
		padding-left: 0
	}
}

@media(max-width: 767px) {
	.router__item {
		gap:2.6666666667vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__item {
		gap:.9765625vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__item {
		gap:.7320644217vw
	}
}

@media(min-width: 1366px) {
	.router__item {
		gap:1.5625vw
	}
}

@media(max-width: 767px) {
	.router__item {
		padding:4.2666666667vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__item {
		padding:1.5625vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__item {
		padding:1.1713030747vw
	}
}

@media(min-width: 1366px) {
	.router__item {
		padding:.8333333333vw
	}
}

@media(max-width: 767px) {
	.router__item {
		border-radius:2.1333333333vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__item {
		border-radius:.78125vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__item {
		border-radius:.5856515373vw
	}
}

@media(min-width: 1366px) {
	.router__item {
		border-radius:.4166666667vw
	}
}

.router__item:before {
	content: "";
	position: absolute;
	background: linear-gradient(66deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0) 69.16%),linear-gradient(243deg,hsla(0,0%,100%,.2) .15%,hsla(0,0%,100%,0) 66.67%);
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.router__item:after {
	content: "";
	position: absolute;
	background: #fafaff;
	width: 0;
	bottom: 0;
	left: 0
}

@media(max-width: 767px) {
	.router__item:after {
		height:.8vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__item:after {
		height:.29296875vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__item:after {
		height:.2196193265vw
	}
}

@media(min-width: 1366px) {
	.router__item:after {
		height:.15625vw
	}
}

@media(max-width: 767px) {
	.router__item:after {
		border-radius:3.2vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__item:after {
		border-radius:1.171875vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__item:after {
		border-radius:.878477306vw
	}
}

@media(min-width: 1366px) {
	.router__item:after {
		border-radius:.625vw
	}
}

.router__item:hover {
	background: rgba(66,57,245,.2)
}

.router__item-arrow {
	display: none;
	margin-left: auto
}

@media(max-width: 767px) {
	.router__item-arrow {
		width:4.8vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__item-arrow {
		width:1.7578125vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__item-arrow {
		width:1.317715959vw
	}
}

@media(min-width: 1366px) {
	.router__item-arrow {
		width:.9375vw
	}
}

@media(max-width: 767px) {
	.router__item-arrow {
		display:block
	}
}

.router__item-cover {
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}

.router__item a {
	position: relative;
	flex-grow: 0;
	z-index: 3;
	color: #fff;
	text-transform: uppercase;
	font-family: "Futura PT",sans-serif;
	display: inline-flex;
	flex-direction: column
}

@media(max-width: 767px) {
	.router__item a {
		font-size:3.7333333333vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__item a {
		font-size:.9765625vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__item a {
		font-size:1.0248901903vw
	}
}

@media(min-width: 1366px) {
	.router__item a {
		font-size:.9375vw
	}
}

@media(max-width: 767px) {
	.router__item a {
		line-height:4.8vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__item a {
		line-height:1.171875vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__item a {
		line-height:1.317715959vw
	}
}

@media(min-width: 1366px) {
	.router__item a {
		line-height:1.25vw
	}
}

@media(max-width: 767px) {
	.router__item a {
		max-width:40vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__item a {
		max-width:14.6484375vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__item a {
		max-width:10.980966325vw
	}
}

@media(min-width: 1366px) {
	.router__item a {
		max-width:7.8125vw
	}
}

@media(max-width: 767px) {
	.router__item a {
		gap:2.6666666667vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__item a {
		gap:.9765625vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__item a {
		gap:.7320644217vw
	}
}

@media(min-width: 1366px) {
	.router__item a {
		gap:.5208333333vw
	}
}

@media(max-width: 767px) {
	.router__item a {
		letter-spacing:.0746666667vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__item a {
		letter-spacing:.02734375vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__item a {
		letter-spacing:.0204978038vw
	}
}

@media(min-width: 1366px) {
	.router__item a {
		letter-spacing:.0145833333vw
	}
}

@media(min-width: 768px)and (max-width:1023px)and (max-width:767px) {
	.router__item a {
		font-size:3.7333333333vw
	}
}

@media(min-width: 768px)and (max-width:1023px)and (min-width:768px)and (max-width:1365px) {
	.router__item a {
		font-size:1.3671875vw
	}
}

@media(min-width: 768px)and (max-width:1023px)and (min-width:1366px)and (max-width:1919px) {
	.router__item a {
		font-size:1.0248901903vw
	}
}

@media(min-width: 768px)and (max-width:1023px)and (min-width:1366px) {
	.router__item a {
		font-size:.7291666667vw
	}
}

@media(min-width: 768px)and (max-width:1023px)and (max-width:767px) {
	.router__item a {
		line-height:4.8vw
	}
}

@media(min-width: 768px)and (max-width:1023px)and (min-width:768px)and (max-width:1365px) {
	.router__item a {
		line-height:1.7578125vw
	}
}

@media(min-width: 768px)and (max-width:1023px)and (min-width:1366px)and (max-width:1919px) {
	.router__item a {
		line-height:1.317715959vw
	}
}

@media(min-width: 768px)and (max-width:1023px)and (min-width:1366px) {
	.router__item a {
		line-height:.9375vw
	}
}

.router__item a:hover span {
	text-decoration: underline
}

@media(max-width: 767px) {
	.router__item a {
		position:absolute;
		display: flex;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		max-width: 100%;
		justify-content: center
	}
}

@media(max-width: 767px)and (max-width:767px) {
	.router__item a {
		padding-left:30.4vw
	}
}

@media(max-width: 767px)and (min-width:768px)and (max-width:1365px) {
	.router__item a {
		padding-left:11.1328125vw
	}
}

@media(max-width: 767px)and (min-width:1366px)and (max-width:1919px) {
	.router__item a {
		padding-left:8.345534407vw
	}
}

@media(max-width: 767px)and (min-width:1366px) {
	.router__item a {
		padding-left:5.9375vw
	}
}

@media(max-width: 767px)and (max-width:767px) {
	.router__item a {
		padding-right:13.3333333333vw
	}
}

@media(max-width: 767px)and (min-width:768px)and (max-width:1365px) {
	.router__item a {
		padding-right:4.8828125vw
	}
}

@media(max-width: 767px)and (min-width:1366px)and (max-width:1919px) {
	.router__item a {
		padding-right:3.6603221083vw
	}
}

@media(max-width: 767px)and (min-width:1366px) {
	.router__item a {
		padding-right:2.6041666667vw
	}
}

.router__item--active {
	background: linear-gradient(243deg,hsla(0,0%,100%,.2) .15%,hsla(0,0%,100%,0) 66.67%),#4239f5
}

.router__item--active .router__item-img {
	margin-left: auto
}

.router__item--active a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	max-width: 100%;
	display: flex;
	justify-content: center
}

@media(max-width: 767px) {
	.router__item--active a {
		padding:4.2666666667vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__item--active a {
		padding:1.5625vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__item--active a {
		padding:1.1713030747vw
	}
}

@media(min-width: 1366px) {
	.router__item--active a {
		padding:.8333333333vw
	}
}

@media(max-width: 767px) {
	.router__item--active a span {
		max-width:48vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__item--active a span {
		max-width:17.578125vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__item--active a span {
		max-width:13.17715959vw
	}
}

@media(min-width: 1366px) {
	.router__item--active a span {
		max-width:9.375vw
	}
}

@media(max-width: 1366px)and (max-width:767px) {
	.router__item--active a span {
		max-width:26.6666666667vw
	}
}

@media(max-width: 1366px)and (min-width:768px)and (max-width:1365px) {
	.router__item--active a span {
		max-width:9.765625vw
	}
}

@media(max-width: 1366px)and (min-width:1366px)and (max-width:1919px) {
	.router__item--active a span {
		max-width:7.3206442167vw
	}
}

@media(max-width: 1366px)and (min-width:1366px) {
	.router__item--active a span {
		max-width:5.2083333333vw
	}
}

@media(max-width: 1023px)and (max-width:767px) {
	.router__item--active a span {
		max-width:42.6666666667vw
	}
}

@media(max-width: 1023px)and (min-width:768px)and (max-width:1365px) {
	.router__item--active a span {
		max-width:15.625vw
	}
}

@media(max-width: 1023px)and (min-width:1366px)and (max-width:1919px) {
	.router__item--active a span {
		max-width:11.7130307467vw
	}
}

@media(max-width: 1023px)and (min-width:1366px) {
	.router__item--active a span {
		max-width:8.3333333333vw
	}
}

.router__item--active a:hover span {
	text-decoration: none
}

@media(max-width: 767px) {
	.router__item--active a {
		position:relative;
		width: auto;
		height: auto
	}
}

@media(max-width: 767px)and (max-width:767px) {
	.router__item--active a span {
		margin-left:-4.2666666667vw
	}
}

@media(max-width: 767px)and (min-width:768px)and (max-width:1365px) {
	.router__item--active a span {
		margin-left:-1.5625vw
	}
}

@media(max-width: 767px)and (min-width:1366px)and (max-width:1919px) {
	.router__item--active a span {
		margin-left:-1.1713030747vw
	}
}

@media(max-width: 767px)and (min-width:1366px) {
	.router__item--active a span {
		margin-left:-.8333333333vw
	}
}

.router__item--active:hover {
	background: linear-gradient(243deg,hsla(0,0%,100%,.2) .15%,hsla(0,0%,100%,0) 66.67%),#4239f5
}

.router__item--active:before {
	display: none
}

.router__item--active:after {
	animation: progress 4s linear
}

@media(max-width: 767px) {
	.router__item {
		justify-content:flex-start;
		flex-grow: 1;
		background: linear-gradient(243deg,hsla(0,0%,100%,.2) .15%,hsla(0,0%,100%,0) 66.67%),#4239f5
	}

	.router__item-img {
		order: -1
	}

	.router__item:after,.router__item:before {
		display: none
	}

	.router__item:hover {
		background: linear-gradient(243deg,hsla(0,0%,100%,.2) .15%,hsla(0,0%,100%,0) 66.67%),#4239f5
	}

	.router__item:hover a span {
		text-decoration: none
	}
}

.router__item-img {
	flex-grow: 0;
	flex-shrink: 0
}

@media(max-width: 767px) {
	.router__item-img {
		width:22.4vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__item-img {
		width:4.8828125vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__item-img {
		width:6.149341142vw
	}
}

@media(min-width: 1366px) {
	.router__item-img {
		width:4.1666666667vw
	}
}

@media(min-width: 768px)and (max-width:1023px)and (max-width:767px) {
	.router__item-img {
		width:21.3333333333vw
	}
}

@media(min-width: 768px)and (max-width:1023px)and (min-width:768px)and (max-width:1365px) {
	.router__item-img {
		width:7.8125vw
	}
}

@media(min-width: 768px)and (max-width:1023px)and (min-width:1366px)and (max-width:1919px) {
	.router__item-img {
		width:5.8565153734vw
	}
}

@media(min-width: 768px)and (max-width:1023px)and (min-width:1366px) {
	.router__item-img {
		width:4.1666666667vw
	}
}

.router__item-img img {
	width: 100%
}

.router__item-btn {
	line-height: 1;
	align-items: center;
	display: none;
	text-transform: capitalize
}

@media(max-width: 767px) {
	.router__item-btn {
		font-size:2.9333333333vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__item-btn {
		font-size:1.07421875vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__item-btn {
		font-size:.8052708638vw
	}
}

@media(min-width: 1366px) {
	.router__item-btn {
		font-size:.5729166667vw
	}
}

@media(max-width: 767px) {
	.router__item-btn {
		gap:.5333333333vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__item-btn {
		gap:.1953125vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__item-btn {
		gap:.1464128843vw
	}
}

@media(min-width: 1366px) {
	.router__item-btn {
		gap:.1041666667vw
	}
}

@media(max-width: 767px) {
	.router__item-btn {
		display:none
	}
}

@media(max-width: 767px) {
	.router__item-btn svg {
		width:4vw
	}
}

@media(min-width: 768px)and (max-width:1365px) {
	.router__item-btn svg {
		width:1.46484375vw
	}
}

@media(min-width: 1366px)and (max-width:1919px) {
	.router__item-btn svg {
		width:1.0980966325vw
	}
}

@media(min-width: 1366px) {
	.router__item-btn svg {
		width:.78125vw
	}
}

.router__item--active .router__item-btn {
	display: inline-flex
}

@media(max-width: 767px) {
	.router__item--active .router__item-btn {
		display:none
	}
}

.router__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.router__bg:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	background: linear-gradient(339deg,#000,rgba(66,57,245,.44) 20%,rgba(66,57,245,.29) 60%,#000)
}

.router__bg .router-slider__item {
	display: flex;
	align-items: center;
	height: auto!important
}

@media(max-width: 1023px) {
	.router__bg .router-slider__item {
		align-items:flex-start
	}
}

.router__bg .router-slider__item img {
	height: auto!important
}

@media(max-width: 1023px) {
	.router__bg .router-slider__item img {
		background-position:top
	}
}

@media(max-width: 1023px)and (max-width:767px) {
	.router__bg .router-slider__item img {
		object-position:center -26.6666666667vw
	}
}

@media(max-width: 1023px)and (min-width:768px)and (max-width:1365px) {
	.router__bg .router-slider__item img {
		object-position:center -9.765625vw
	}
}

@media(max-width: 1023px)and (min-width:1366px)and (max-width:1919px) {
	.router__bg .router-slider__item img {
		object-position:center -7.3206442167vw
	}
}

@media(max-width: 1023px)and (min-width:1366px) {
	.router__bg .router-slider__item img {
		object-position:center -5.2083333333vw
	}
}

.mobile .router__bg .router-slider__item {
	transition: opacity 1.5s
}

@media(max-width: 767px) {
	.router {
		padding:30px
	}

	.router:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 719px;
		height: 678px;
		background: radial-gradient(50% 50% at 50% 50%,#1e14cf 0,rgba(66,56,245,0) 100%);
		transform: translateX(50%) translateY(-50%)
	}

	.router__main-wrap {
		align-items: flex-start
	}

	.router__bg {
		display: none
	}

	.router__bg .router-slider__item>* {
		background-position: top
	}
}

@media(max-width: 767px)and (min-aspect-ratio:9/16) {
	.router__bg .router-slider__item>* {
		background-position:center 70%
	}
}

.router-slider {
	height: 100%
}

.router-slider__item {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	transition: opacity .5s;
	height: 100%
}

@media(max-width: 1023px) {
	.router-slider__item {
		height:100%
	}
}

.router-slider__item>* {
	height: 100%;
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat
}

.router-slider__item img {
	object-fit: contain;
	object-position: center;
	width: 100%;
	height: 100%;
	position: absolute
}

.router-slider__item--active {
	opacity: 1
}

@keyframes progress {
	0% {
		width: 0
	}

	to {
		width: 100%
	}
}
/* End */
/* /local/templates/haier/components/bitrix/news.list/sections-list/style.css?177686152632688 */