@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700italic,700,600italic,600,400italic,300italic,300&subset=latin,cyrillic-ext);
.xdsoft_datetimepicker {
	width: 300px;
	height: 356px;
	background-color: #398af1;
	box-shadow: 0 5px 10px rgba(3, 3, 3, 0.5);
	color: #fff;
	padding: 8px;
	position: absolute;
	z-index: 200;
	box-sizing: border-box;
	display: none;
	margin-top: 9px;
}

.xdsoft_datetimepicker iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 75px;
	height: 210px;
	background: transparent;
	border: none;
}

.xdsoft_noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.xdsoft_noselect::-moz-selection { background: transparent }

.xdsoft_noselect::selection { background: transparent }
.xdsoft_noselect::-moz-selection { background: transparent }

.xdsoft_datetimepicker.xdsoft_inline {
	display: inline-block;
	position: static;
	box-shadow: none;
}

.xdsoft_datetimepicker * {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
	display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
	display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
	width: 284px;
	margin: 0 auto;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
	width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
	padding: 0;
	margin: 0;
	position: relative;
}

.xdsoft_datetimepicker .xdsoft_timepicker:before {
	display: block;
	float: left;
	content: "Оберіть час";
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	position: relative;
	top: 1px;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
	position: relative;
	padding: 8px 4px 0 4px;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker:after {
	display: table;
	content: "";
	width: 100%;
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
	position: relative;
	text-align: center;
	background-color: #fff;
	padding: 5px 5px 3px 5px;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i {
	opacity: 0.5;
	background-position: -92px -19px;
	display: none;
	width: 9px;
	height: 20px;
	vertical-align: middle;
}

.xdsoft_today_button {
	display: none !important;
}

.xdsoft_datetimepicker .xdsoft_today_button {
	float: left;
	background-position: -70px 0;
	margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
	float: right;
	background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev {
	/*display: none;*/
	z-index: 10;
	width: 14px;
	height: 14px;
	border: 1px solid #070c1b;
	line-height: 12px;
	text-align: center;
	border-radius: 50%;
	background: transparent;
	position: absolute;
	top: 9px;
	cursor: pointer;
}
.xdsoft_datetimepicker .xdsoft_next {
	right: 10px;
}
.xdsoft_datetimepicker .xdsoft_prev {
	left: 10px;
}
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
	background-color: #398af1;
	border-color: #398af1;
}
.xdsoft_datetimepicker .xdsoft_prev:hover:before {
	border-color: transparent #fff transparent transparent;
}
.xdsoft_datetimepicker .xdsoft_next:hover:before {
	border-color: transparent transparent transparent #fff;
}

.xdsoft_datetimepicker .xdsoft_prev:before {
	display: inline-block;
	vertical-align: middle;
	content: "";
	width: 0;
	height: 0;
	border-width: 3px;
	border-style: solid;
	border-color: transparent #070c1b transparent transparent;
	position: relative;
	top: -1px;
	right: 2px;
}
.xdsoft_datetimepicker .xdsoft_next:before {
	display: inline-block;
	vertical-align: middle;
	content: "";
	width: 0;
	height: 0;
	border-width: 3px;
	border-style: solid;
	border-color: transparent transparent transparent #070c1b;
	position: relative;
	top: -1px;
	left: 2px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
	background: #fff;
	color: #000;
	font-size: 12px;
	text-align: center;
	border-collapse: collapse;
	cursor: pointer;
	border-bottom-width: 0;
	height: 25px;
	line-height: 23px;
}
.xdsoft_timepicker .xdsoft_prev {
	left: 130px;
	margin-top: 4px;
	border-color: #fff;
}
.xdsoft_timepicker .xdsoft_next {
	margin-top: 4px;
	border-color: #fff;
}
.xdsoft_timepicker .xdsoft_prev:before {
	border-color: transparent #fff transparent transparent;
}
.xdsoft_timepicker .xdsoft_next:before {
	border-color: transparent transparent transparent #fff;
}
.xdsoft_timepicker .xdsoft_prev:hover,
.xdsoft_timepicker .xdsoft_next:hover {
	border-color: #fff;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
	display: inline;
	position: relative;
	z-index: 9999;
	margin: 0;
	padding: 5px 3px;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
	opacity: 1.0;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
	border: 1px solid #ccc;
	position: absolute;
	right: 0;
	top: 30px;
	z-index: 101;
	display: none !important;
	background: #fff;
	max-height: 160px;
	overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
	color: #fff;
	background: #ff8000;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
	padding: 2px 10px 2px 5px;
	text-decoration: none !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
	background: #33aaff;
	box-shadow: #178fe5 0 1px 3px 0 inset;
	color: #fff;
	font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
	width: 100px;
	text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
	clear: both;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
	border-collapse: collapse;
	width: 100%;

}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
	width: 32px;
	height: 32px;
	line-height: 30px;
	border: 1px solid #fff;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
	width: 32px;
	color: #fff;
	font-weight: 700;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	padding: 4px;
	border-collapse: collapse;
	cursor: pointer;
	height: 32px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
	width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
	color: #fff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
	background: #ffe9d2;
	box-shadow: #ffb871 0 1px 4px 0 inset;
	color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
	background: #c1ffc9;
	box-shadow: #00dd1c 0 1px 4px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	color: #398af1;
	font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current div {
	background: #fff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
	background: #33aaff !important;
	box-shadow: #178fe5 0 1px 3px 0 inset !important;
	color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
	color: inherit	!important;
	background: inherit !important;
	box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	font-weight: 700;
	text-align: center;
	font-size: 14px;
	color: #fff;
	text-transform: lowercase;
	cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
	color: #ccc !important;
	font-size: 10px;
	clear: both;
	float: none;
	margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }

.xdsoft_time_box {
	position: relative;
	border: 1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller {
	background: #ccc !important;
	height: 20px;
	border-radius: 3px;
}
.xdsoft_scrollbar {
	position: absolute;
	width: 7px;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: pointer;
}
.xdsoft_scroller_box {
	width: 100px;
	float: right;
	position: relative;
	height: 25px;
	overflow: hidden;
	margin-right: 30px;
}

.xdsoft_datetimepicker.xdsoft_dark {
	box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
	background: #000;
	border-bottom: 1px solid #444;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	color: #ccc;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
	border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
	background: #0a0a0a;
	border-top: 1px solid #222;
	color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
	background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
	border: 1px solid #333;
	background: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
	color: #000;
	background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	background: #0a0a0a;
	border: 1px solid #222;
	color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	background: #0e0e0e;
}

/*.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
	color: #cc5500;
}*/

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
	background: #ffe9d2;
	box-shadow: #ffb871 0 1px 4px 0 inset;
	color:#000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
	background: #c1ffc9;
	box-shadow: #00dd1c 0 1px 4px 0 inset;
	color:#000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	color: #000 !important;
	background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	color: #666;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }

.xdsoft_dark .xdsoft_time_box {
	border: 1px solid #333;
}

.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
	background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #dddddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
	font-family: "museo-sans", "Book Antiqua", sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #82878c;
	height: 28px;
	position: relative;
	padding: 4px 17px 4px 33px;
	border: 1px solid #d7d8da;
	/* FF3.6+ */
	/* Chrome,Safari4+ */
	/* Chrome10+,Safari5.1+ */
	/* Opera 11.10+ */
	/* IE10+ */
	background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
/* IE6-9 */
}
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
  /* IE6-9 */
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75); }
  .mfp-arrow-left {
    transform-origin: 0; }
  .mfp-arrow-right {
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  touch-action: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}
.noUi-connect {
  height: 100%;
  width: 100%;
}
.noUi-origin {
  height: 10%;
  width: 10%;
}
/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  backface-visibility: hidden;
  position: absolute;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  top: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
  border-radius: 3px;
}
.noUi-connect {
  background: #3FB8AF;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  transform: translate(0, -50%);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999999;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	padding: 0 !important;
}

.fancybox-opened {
	z-index: 999999;
}

.fancybox-opened .fancybox-skin {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-prev span, .fancybox-next span {
	background-image: url(../images/062AaEq9jzzw.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(../images/qBVX106ScKpj.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 24px;
	height: 24px;
	background-color: #700426;
	cursor: pointer;
	z-index: 9999;
}

.fancybox-close:before,
.fancybox-close:after {
	display: block;
	content: "";
	width: 15px;
	height: 1px;
	background-color: #f12161;
	position: absolute;
	top: 11px;
	left: 50%;
	margin-left: -7px;
}

.fancybox-close:before {
	transform: rotate(45deg);
}

.fancybox-close:after {
	transform: rotate(-45deg);
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(../images/FH6VzlDoUnFo.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 99992;
	background: url(../images/4xl0QFNQ5Fit.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-prev span, .fancybox-next span {
		background-image: url(../images/fancybox_sprite%402x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(../images/fancybox_loading%402x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
.stations {
}

/* VIDEO */

.stations-video {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 24px 10px 40px;
  border-radius: 8px;
  height: 120px;
  width: 100%;
}

.stations-video,
.stations-video--radiopyatnica {
  background-image: url("../images/FEBrh54iWJcu.png"), linear-gradient(270deg, #FFF4EB 0%, #F6BDAE 100%);
  background-position: bottom, center;
  background-size: contain, 100%;
  background-repeat: no-repeat, no-repeat;
}

.stations-station--radiopyatnica {
  background-image: linear-gradient(270deg, #FFF4EB 0%, #F6BDAE 100%) !important;
}

.stations-video--nrj {
  background-image: url("../images/FuYR86GoJyrU.png"), linear-gradient(270deg, #FFF6F8 0%, #FED4DD 100%);
  background-position: bottom, center;
  background-size: contain, 100%;
  background-repeat: no-repeat, no-repeat;
}

.stations-station--nrj {
  background-image: linear-gradient(270deg, #FFF6F8 0%, #FED4DD 100%) !important;
}


.stations-video--loungefm {
  background-image: url("../images/kPBbJk5EUJOM.png"), linear-gradient(272deg, #FFF7EC 0%, #F7DFFF 100%);
  background-position: bottom, center;
  background-size: contain, 100%;
  background-repeat: no-repeat, no-repeat;
}

.stations-station--loungefm {
  background-image: linear-gradient(272deg, #FFF7EC 0%, #F7DFFF 100%) !important;
}

.stations-video--avtoradio {
  background-image: url("../images/TWK4W7tIvbR4.png"), linear-gradient(270deg, #FEF2EB 0%, #DDF1FF 100%);
  background-position: bottom, center;
  background-size: contain, 100%;
  background-repeat: no-repeat, no-repeat;
}

.stations-station--avtoradio {
  background-image: linear-gradient(270deg, #FEF2EB 0%, #DDF1FF 100%) !important;
}

.stations-video--prmfm {
  background-image: url("../images/TWK4W7tIvbR4.png"), linear-gradient(270deg, #FEF2EB 0%, #DDF1FF 100%);
  background-position: bottom, center;
  background-size: contain, 100%;
  background-repeat: no-repeat, no-repeat;
}

.stations-station--prmfm {
  background-image: linear-gradient(270deg, #FEF2EB 0%, #DDF1FF 100%) !important;
}




.stations-video__left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 50%;

}

.stations-video__image {
  display: block;
  width: 72px;
  height: 72px;
  margin-right: 30px;
}

.stations-video__station {
  color: #30303F;
  font-size: 28px;
  font-weight: 600;
  line-height: 42px;
}

.stations-video__right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 50%;
}

.stations-button {
  color: #30303F;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  border-radius: 8px;
  background: none;
  padding: 12px;
  border: 2px #C07CFF solid;
}

.stations-button img {
  margin-right: 10px;
}

/* TABS */

.radio-tabs {
  display: flex;
  gap: 16px;
  margin-top: 24px;
  width: 100%;
  overflow-x: scroll;
}

/*Убрать полосу прокрутки у элемента*/
.radio-tabs::-webkit-scrollbar {
  width: 0;
}


.radio-tabs__item {
  color: #888AA8;
  font-size: 16px;
  font-family: IBM Plex Sans;
  font-weight: 500;
  line-height: 24px;
  padding: 3px 0;
  white-space: nowrap;
}

.radio-tabs__item:focus {
  color: #4E46DC;
  position: relative;
}

.radio-tabs__item:hover {
  color: #4E46DC;
}

.radio-tabs__item:focus:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0px;
  height: 2px;
  width: 100%;
  background: #4E46DC;
}

/* CONTENT */

.stations-content {
  max-width: 1082px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
}

.stations-content .js-audiolist {
  border-bottom: none;
}

.stations-content__left {
  width: 35%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.stations-content__left h4 {
  margin-bottom: 24px;
  margin-top: 8px;
}

.stations-content__left h4, .stations-content__right h4 {
  color: #30303F;
  font-size: 24px;
  font-family: IBM Plex Sans;
  font-weight: 500;
  line-height: 36px;
}

.stations-content__list {
  width: 100%;
}
.js-stations-home-thumbnails {
  width: 100%;
}


.stations-content__list--item{
  width: 100%;
  padding: 8px 12px;
  background: linear-gradient(270deg, #FFF6F8 0%, #FED4DD 100%);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #30303F;
  font-size: 16px;
  font-family: IBM Plex Sans;
  font-weight: 500;
  line-height: 24px;
  border-radius: 8px;
  width: 100%;
  height: 64px;
  margin-bottom: 4px;
}

.stations-content__list--item:last-child {
  margin-bottom: 0;
}

.stations-content__list--item img {
  display: block;
  width: 34px;
  height: 34px;
}

.stations-content__list--item .station-image {
  width: 40px;
  height: 40px;
  margin-right: 8px;
  position: relative;
  background: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.stations-content__list--item:hover span, .stations-content__list--item.active-slide span{
  color: #F493ED;
}

.stations-content__list--item:hover .station-image:after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: url(../images/orWJvMyd0nrZ.svg) no-repeat;
  background-size: contain;
  background-position: center;
}

.stations-content__list--item.loading-station:hover .station-image:after {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  background: url(../images/QREmY2lYxaHL.svg) no-repeat !important;
  background-size: contain;
  background-position: center;
}

.stations-content__list--item.loading-station:hover .station-image:after {
  animation: 1s linear 0s normal none infinite rot;
}

@keyframes rot {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}



.stations-content__right {
  width: 65%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.stations-content__header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.stations-content__audio {
  width: 100%;
}

.stations-content__audio--item {
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 64px;
  margin-bottom: 4px;
  cursor: pointer;
}

.stations-button--mobile {
  display: none;
}
.stations-button--desktop {
  display: block;
}

.stations-content__audio--item.active-song {
  background: #F6F6F9;
  border-radius: 8px;
}

.stations-content__audio--item-time {
  width: 34px;
  color: #888AA8;
  font-size: 12px;
  font-family: IBM Plex Sans;
  font-weight: 500;
  line-height: 18px;
}

.stations-content__audio--item:hover .audio-song-name a, .stations-content__audio--item.active-song .audio-song-name a{
  color: #F493ED !important;
}

.stations-content__audio--item-icon {
  width: calc(100% - 16px - 34px - 35%);
  display: flex;
  align-items: center;
  margin-left: 8px;
  margin-right: auto;
  color: #30303F;
  font-size: 16px;
  font-family: IBM Plex Sans;
  font-weight: 500;
  line-height: 24px;
}

.js-audiolist .stations-content__audio--item {
  font-size: 14px
}

.js-audiolist .stations-content__audio--item .post-title {
  margin-left: 8px;
  margin-right: unset;
  color: #30303F;
  font-size: 14px;
}

.js-audiolist .stations-content__audio--item.no-audio .post-title {
  color: #A9A9C3;
}

.js-audiolist .stations-content__audio--item .post-title a {
  color: #30303F;
  font-size: 14px;
}

.stations-content__audio--item-icon img{
  margin-right: 8px;
  border-radius: 8px;
  border: 1px solid #D6D6E1;
  width: 100%;
}

.stations-content__audio--item-icon .post-image {
  width: 40px;
  height: 40px;
  position: relative;
}

.stations-content__audio--item:not(.no-audio):hover .stations-content__audio--item-icon .post-image:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(../images/orWJvMyd0nrZ.svg) no-repeat;
  background-size: contain;
  background-position: center;
}

.stations-content__audio--item:hover .stations-content__audio--item-icon.is-pause .post-image:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(../images/aEVT5Tti6dmN.svg) no-repeat;
  background-size: contain;
  background-position: center;
}

.stations-content__audio--item-icon .post-title {
  width: calc(100% - 40px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.stations-content__audio--item-artist {
  width: calc(100% - 16px - 34px - 65%);
  margin-left: auto;
  margin-right: auto;
  color: #A9A9C3;
  font-size: 12px;
  font-family: IBM Plex Sans;
  font-weight: 500;
  line-height: 21px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.stations-content__audio--item-artist--mobile {
  display: none;
}

.stations-content__audio--item-artist a {
  color: #A9A9C3;
}

.stations-content__audio--item-like {
  width: 16px;
  margin-right: 0;
  margin-left: auto;
}

.stations-content__audio--item-like.post-like.active .like.hide {
  display: block! important;
}

.stations-content__audio--item-like.post-like.active .unlike {
  display: none! important;
}

@media screen and (max-width: 768px) {
  .stations-content__audio--item-artist {
    display: none;
  }

  .stations-content__audio--item-artist.stations-content__audio--item-artist--mobile, .stations-content__audio--item-artist.stations-content__audio--item-artist--mobile a, .stations-content__audio--item-artist.stations-content__audio--item-artist--mobile span {
    display: block;
    width: 100% !important;
    font-size: 10px !important;
    color: #A9A9C3 !important;
    padding-top: 0 !important;
  }

  .stations-content__audio--item-icon {
    width: calc(100% - 16px - 40px);
    overflow: hidden;
    margin-right: 4px;
  }

  .stations-content__audio--item-icon .post-title{

  }
  .stations-content {
    flex-direction: column;
    max-width: unset;
    gap: 0;
  }

  .stations-content__left {
    width: 100%;
    margin-bottom: 20px;
  }

  .stations-content__right {
    width: 100%;
  }

  .stations-content__list--item {
    margin-bottom: 16px;
  }
  .stations-button--mobile {
    width: 100%;
    display: block;
    margin-top: 20px;
    text-align: center;
    justify-content: center;
  }
  .stations-button--desktop {
    display: none;
  }

  .stations-video {
    height: auto;
    padding: 20px 15px;
  }

  .stations-video .stations-video__image {
    width: 54px;
    height: 54px;
    margin-right: 12px;
  }

  .stations-video .stations-video__left {
    width: calc(100% - 60px)
  }

  .stations-video .stations-button {
    padding: 6px 12px;
  }

  .stations-video .stations-button span {
    display: none;
  }

  .stations-video .stations-button img {
    margin-right: 0;
  }

  .stations-video .stations-video__station {
    font-size: 17px;
    line-height: 22px;
  }
}


@media screen and (max-width: 768px) {
  .stations .apps-list .application li a {
      width: 140px;
      height: 50px;
  }
}

/* ibm-plex-sans-latin-500-normal */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(../fonts/tnHvfjVwLRb7.woff2) format('woff2'), url(../fonts/fOeXUMrHQ3Ak.woff) format('woff');
}
/* ibm-plex-sans-cyrillic-500-normal */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(../fonts/NtOal0ec8PtC.woff2) format('woff2'), url(../fonts/Unwl4TNwcnP2.woff) format('woff');
}
/* ibm-plex-sans-latin-600-normal */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(../fonts/BwfyAT515NTH.woff2) format('woff2'), url(../fonts/yqY8ZT8tc3eM.woff) format('woff');
}
/* ibm-plex-sans-cyrillic-600-normal */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(../fonts/No7oVZy0BTLV.woff2) format('woff2'), url(../fonts/YY1SnjGWIrBZ.woff) format('woff');
}
/*@import "@fontsource/ibm-plex-sans/latin-300.css";*/
/*@import "@fontsource/ibm-plex-sans/cyrillic-300.css";*/
/*@import "@fontsource/ibm-plex-sans/latin-400.css";*/
/*@import "@fontsource/ibm-plex-sans/cyrillic-400.css";*/
/*@import "@fontsource/ibm-plex-sans/latin-700.css";*/
/*@import "@fontsource/ibm-plex-sans/cyrillic-700.css";*/

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

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

body {
	line-height: 1
}

ol, ul {
	list-style: none
}

blockquote, q {
	quotes: none
}

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

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

img {
	vertical-align: top;
	border-color: transparent
}

input, textarea, button {
	-webkit-appearance: none;
	border-radius: 0px
}

@font-face {
	font-family: fontello;
	src: url(../fonts/uDq6eObvCkLP.eot);
	src: url(../fonts/DmB58zqXWbWZ.eot#iefix) format("embedded-opentype"), url(../fonts/rc4wDOxwzzzm.woff) format("woff"), url(../fonts/FVqlOg77ZpOK.ttf) format("truetype");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: icomoon;
	src: url(../fonts/U7mEB2IMCO79.eot);
	src: url(../fonts/RZey5T6XjCfl.eot#iefix) format("embedded-opentype"), url(../fonts/7BMda7NiN0yM.woff) format("woff"), url(../fonts/4JKHqB7Pl9iY.ttf) format("truetype");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family:'PFBeauSansPro-Bold';
	src: url(../fonts/4lPZcbSvXjPx.eot);
	src: url(../fonts/ULliksNM6jaa.eot#iefix) format('embedded-opentype'),
	url(../fonts/0KXuo1Sozxdi.woff2) format('woff2'),
	url(../fonts/tQNQIkcDkhCi.woff) format('woff'),
	url(../images/jFpavrqxvilE.svg#PFBeauSansPro-Bold) format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-04D9;
}

@font-face {
	font-family:'PFBeauSansPro-Regular';
	src: url(../fonts/Iwbbica6ZuNs.eot);
	src: url(../fonts/MqRbd5ZcefjC.eot#iefix) format('embedded-opentype'),
	url(../fonts/e55kVn9kNC68.woff2) format('woff2'),
	url(../fonts/RHtBmiAXC9TJ.woff) format('woff'),
	url(../images/IHQz6WcGbKVk.svg#PFBeauSansPro-Regular) format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-04D9;
}

/*!* cyrillic-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 100;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX8KVElMYYaJe8bpLHnCwDKhdTmdJZGUdLBDGN9yT0.woff2') format('woff2');*/
/*	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;*/
/*}*/
/*!* cyrillic *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 100;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX8KVElMYYaJe8bpLHnCwDKhdTmdJZPUdLBDGN9yT0.woff2') format('woff2');*/
/*	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;*/
/*}*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 100;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX8KVElMYYaJe8bpLHnCwDKhdTmdJZEUdLBDGN9yT0.woff2') format('woff2');*/
/*	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;*/
/*}*/
/*!* latin-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 100;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX8KVElMYYaJe8bpLHnCwDKhdTmdJZFUdLBDGN9yT0.woff2') format('woff2');*/
/*	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
/*}*/
/*!* latin *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 100;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX8KVElMYYaJe8bpLHnCwDKhdTmdJZLUdLBDGN9.woff2') format('woff2');*/
/*	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
/*}*/
/*!* cyrillic-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 200;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX7KVElMYYaJe8bpLHnCwDKhdTm2Idce_fuJGl18QRY.woff2') format('woff2');*/
/*	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;*/
/*}*/
/*!* cyrillic *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 200;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX7KVElMYYaJe8bpLHnCwDKhdTm2IdccvfuJGl18QRY.woff2') format('woff2');*/
/*	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;*/
/*}*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 200;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX7KVElMYYaJe8bpLHnCwDKhdTm2IdceffuJGl18QRY.woff2') format('woff2');*/
/*	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;*/
/*}*/
/*!* latin-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 200;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX7KVElMYYaJe8bpLHnCwDKhdTm2IdcePfuJGl18QRY.woff2') format('woff2');*/
/*	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
/*}*/
/*!* latin *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 200;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX7KVElMYYaJe8bpLHnCwDKhdTm2IdcdvfuJGl18Q.woff2') format('woff2');*/
/*	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
/*}*/
/*!* cyrillic-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 300;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRce_fuJGl18QRY.woff2') format('woff2');*/
/*	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;*/
/*}*/
/*!* cyrillic *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 300;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRccvfuJGl18QRY.woff2') format('woff2');*/
/*	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;*/
/*}*/
/*!* latin-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 300;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRcePfuJGl18QRY.woff2') format('woff2');*/
/*	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
/*}*/
/*!* latin *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 300;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRcdvfuJGl18Q.woff2') format('woff2');*/
/*	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
/*}*/
/*!* cyrillic-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 400;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX-KVElMYYaJe8bpLHnCwDKhdTuGqZJW9XjDlN8.woff2') format('woff2');*/
/*	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;*/
/*}*/
/*!* cyrillic *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 400;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX-KVElMYYaJe8bpLHnCwDKhdTuE6ZJW9XjDlN8.woff2') format('woff2');*/
/*	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;*/
/*}*/
/*!* latin-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 400;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX-KVElMYYaJe8bpLHnCwDKhdTuGaZJW9XjDlN8.woff2') format('woff2');*/
/*	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
/*}*/
/*!* latin *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 400;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX-KVElMYYaJe8bpLHnCwDKhdTuF6ZJW9XjDg.woff2') format('woff2');*/
/*	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
/*}*/
/*!* cyrillic-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 500;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX7KVElMYYaJe8bpLHnCwDKhdTm5IVce_fuJGl18QRY.woff2') format('woff2');*/
/*	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;*/
/*}*/
/*!* cyrillic *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 500;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX7KVElMYYaJe8bpLHnCwDKhdTm5IVccvfuJGl18QRY.woff2') format('woff2');*/
/*	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;*/
/*}*/
/*!* latin-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 500;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX7KVElMYYaJe8bpLHnCwDKhdTm5IVcePfuJGl18QRY.woff2') format('woff2');*/
/*	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
/*}*/
/*!* latin *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 500;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX7KVElMYYaJe8bpLHnCwDKhdTm5IVcdvfuJGl18Q.woff2') format('woff2');*/
/*	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
/*}*/
/*!* cyrillic-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 600;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJce_fuJGl18QRY.woff2') format('woff2');*/
/*	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;*/
/*}*/
/*!* cyrillic *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 600;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJccvfuJGl18QRY.woff2') format('woff2');*/
/*	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;*/
/*}*/
/*!* latin-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 600;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJcePfuJGl18QRY.woff2') format('woff2');*/
/*	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
/*}*/
/*!* latin *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 600;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJcdvfuJGl18Q.woff2') format('woff2');*/
/*	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
/*}*/
/*!* cyrillic-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 700;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX7KVElMYYaJe8bpLHnCwDKhdTmrINce_fuJGl18QRY.woff2') format('woff2');*/
/*	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;*/
/*}*/
/*!* cyrillic *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 700;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX7KVElMYYaJe8bpLHnCwDKhdTmrINccvfuJGl18QRY.woff2') format('woff2');*/
/*	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;*/
/*}*/
/*!* latin-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 700;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX7KVElMYYaJe8bpLHnCwDKhdTmrINcePfuJGl18QRY.woff2') format('woff2');*/
/*	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
/*}*/
/*!* latin *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: italic;*/
/*	font-weight: 700;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX7KVElMYYaJe8bpLHnCwDKhdTmrINcdvfuJGl18Q.woff2') format('woff2');*/
/*	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
/*}*/
/*!* cyrillic-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 100;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX-KVElMYYaJe8bpLHnCwDKjbLuGqZJW9XjDlN8.woff2') format('woff2');*/
/*	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;*/
/*}*/
/*!* cyrillic *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 100;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX-KVElMYYaJe8bpLHnCwDKjbLuE6ZJW9XjDlN8.woff2') format('woff2');*/
/*	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;*/
/*}*/
/*!* latin-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 100;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX-KVElMYYaJe8bpLHnCwDKjbLuGaZJW9XjDlN8.woff2') format('woff2');*/
/*	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
/*}*/
/*!* latin *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 100;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX-KVElMYYaJe8bpLHnCwDKjbLuF6ZJW9XjDg.woff2') format('woff2');*/
/*	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
/*}*/
/*!* cyrillic-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 200;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX9KVElMYYaJe8bpLHnCwDKjR7_AIxsdP3pBmtF8A.woff2') format('woff2');*/
/*	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;*/
/*}*/
/*!* cyrillic *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 200;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX9KVElMYYaJe8bpLHnCwDKjR7_AIVsdP3pBmtF8A.woff2') format('woff2');*/
/*	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;*/
/*}*/
/*!* latin-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 200;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX9KVElMYYaJe8bpLHnCwDKjR7_AI9sdP3pBmtF8A.woff2') format('woff2');*/
/*	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
/*}*/
/*!* latin *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 200;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX9KVElMYYaJe8bpLHnCwDKjR7_AIFsdP3pBms.woff2') format('woff2');*/
/*	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
/*}*/
/*!* cyrillic-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 300;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIxsdP3pBmtF8A.woff2') format('woff2');*/
/*	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;*/
/*}*/
/*!* cyrillic *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 300;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIVsdP3pBmtF8A.woff2') format('woff2');*/
/*	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;*/
/*}*/
/*!* latin-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 300;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX9KVElMYYaJe8bpLHnCwDKjXr8AI9sdP3pBmtF8A.woff2') format('woff2');*/
/*	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
/*}*/
/*!* latin *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 300;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIFsdP3pBms.woff2') format('woff2');*/
/*	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
/*}*/
/*!* cyrillic-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 400;*/
/*	src: url('fonts/IBM_Plex_Sans/zYXgKVElMYYaJe8bpLHnCwDKhdzeFaxOedfTDw.woff2') format('woff2');*/
/*	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;*/
/*}*/
/*!* cyrillic *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 400;*/
/*	src: url('fonts/IBM_Plex_Sans/zYXgKVElMYYaJe8bpLHnCwDKhdXeFaxOedfTDw.woff2') format('woff2');*/
/*	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;*/
/*}*/
/*!* latin-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 400;*/
/*	src: url('fonts/IBM_Plex_Sans/zYXgKVElMYYaJe8bpLHnCwDKhd_eFaxOedfTDw.woff2') format('woff2');*/
/*	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
/*}*/
/*!* latin *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 400;*/
/*	src: url('fonts/IBM_Plex_Sans/zYXgKVElMYYaJe8bpLHnCwDKhdHeFaxOedc.woff2') format('woff2');*/
/*	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
/*}*/
/*!* cyrillic-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 500;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX9KVElMYYaJe8bpLHnCwDKjSL9AIxsdP3pBmtF8A.woff2') format('woff2');*/
/*	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;*/
/*}*/
/*!* cyrillic *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 500;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX9KVElMYYaJe8bpLHnCwDKjSL9AIVsdP3pBmtF8A.woff2') format('woff2');*/
/*	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;*/
/*}*/
/*!* latin-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 500;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX9KVElMYYaJe8bpLHnCwDKjSL9AI9sdP3pBmtF8A.woff2') format('woff2');*/
/*	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
/*}*/
/*!* latin *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 500;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX9KVElMYYaJe8bpLHnCwDKjSL9AIFsdP3pBms.woff2') format('woff2');*/
/*	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
/*}*/
/*!* cyrillic-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 600;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIxsdP3pBmtF8A.woff2') format('woff2');*/
/*	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;*/
/*}*/
/*!* cyrillic *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 600;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIVsdP3pBmtF8A.woff2') format('woff2');*/
/*	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;*/
/*}*/
/*!* latin-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 600;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX9KVElMYYaJe8bpLHnCwDKjQ76AI9sdP3pBmtF8A.woff2') format('woff2');*/
/*	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
/*}*/
/*!* latin *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 600;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFsdP3pBms.woff2') format('woff2');*/
/*	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
/*}*/
/*!* cyrillic-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 700;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX9KVElMYYaJe8bpLHnCwDKjWr7AIxsdP3pBmtF8A.woff2') format('woff2');*/
/*	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;*/
/*}*/
/*!* cyrillic *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 700;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX9KVElMYYaJe8bpLHnCwDKjWr7AIVsdP3pBmtF8A.woff2') format('woff2');*/
/*	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;*/
/*}*/
/*!* latin-ext *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 700;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX9KVElMYYaJe8bpLHnCwDKjWr7AI9sdP3pBmtF8A.woff2') format('woff2');*/
/*	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;*/
/*}*/
/*!* latin *!*/
/*@font-face {*/
/*	font-family: 'IBM Plex Sans';*/
/*	font-style: normal;*/
/*	font-weight: 700;*/
/*	src: url('fonts/IBM_Plex_Sans/zYX9KVElMYYaJe8bpLHnCwDKjWr7AIFsdP3pBms.woff2') format('woff2');*/
/*	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
/*}*/

#js-content {
	padding-top: 165px;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

[class^="svg-"], [class*=" svg-"] {
	font-family: "icomoon" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.svg-active:before {
	content: "\e900";
	color: #7f7f7f
}

.svg-hover .path1:before {
	content: "\e901";
	color: #ff379f
}

.svg-hover .path2:before {
	content: "\e902";
	margin-left: -1em;
	color: #fff
}

.svg-normal .path1:before {
	content: "\e903";
	color: #c00868
}

.svg-normal .path2:before {
	content: "\e904";
	margin-left: -1em;
	color: #fff
}

.icon-vkontakte:before {
	content: "\e812"
}

.icon-facebook:before {
	content: "\e815"
}

.icon-odnoklassniki:before {
	content: "\e81a"
}

* {
	outline: none;
	box-sizing: border-box
}

html, body {
	height: 100%
}

body {
	background-color: #fff;
	font-size: 14px;
	line-height: 24px;
	font-family: "Open Sans";
	color: #070c1b
}

a {
	color: #0967d6;
	text-decoration: none
}

a:hover {
	color: #0967d6;
	cursor:pointer;
}

.section-block h3.section-header {
	transition: none;
	transform: none;
	position: initial;
	color: var(--foreground-on-light-text-primary, #30303F);
	font-family: IBM Plex Sans;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	text-align: left;
	text-transform: none;
	margin: 16px 0;
}

.custom-img {
	display: block;
	padding: 0 0 12px
}

.form-feedback {
	max-width: 400px
}

.form-feedback h3 {
	font-size: 30px;
	line-height: 36px;
	text-transform: uppercase;
	padding: 0 0 13px
}

.b-video h2 {
	font-weight: 600;
	font-size: 26px;
	line-height: 26px;
	padding: 0 0 24px
}

.b-play {
	background-color: #000;
	margin: 0 0 16px
}

.b-play iframe, .b-play video {
	width: 100% !important;
	max-width: 100%;
	vertical-align: top
}

.b-play .b-play__list {
	background-color: #000;
	padding: 14px 20px 33px 20px
}

.b-play .b-play__list h3 {
	font-weight: 600;
	font-size: 26px;
	line-height: 26px;
	color: #fff;
	padding: 0 0 22px
}

.b-play .b-play__list .post {
	font-size: 14px;
	line-height: 24px;
	color: #fff
}

.b-play .b-play__list .post b {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 4px;
	position: relative
}

.b-play .b-play__list .post img {
	display: block;
	border: 2px solid #fff
}

.b-play .b-play__list .post span {
	display: block;
	width: 170px
}

.b-play .b-play__list .post:before {
	display: block
}

.b-play .b-play__list .post:hover b:before, .b-play .b-play__list .post.active b:before {
	display: block;
	content: "";
	width: 42px;
	height: 42px;
	background: url(../images/sCGNeSIXvdzt.png) -82px 0 no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 5;
	margin: -21px 0 0 -21px
}

.b-play .b-play__list .carousel {
	position: relative
}

.b-play .b-play__list .bx-controls-direction a {
	display: block;
	width: 27px;
	height: 48px;
	text-indent: -9999px;
	background: url(../images/sCGNeSIXvdzt.png) -146px -13px no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -50px
}

.b-play .b-play__list .bx-controls-direction a.bx-prev {
	left: 0
}

.b-play .b-play__list .bx-controls-direction a.bx-prev:hover {
	background-position: -146px -61px
}

.b-play .b-play__list .bx-controls-direction a.bx-next {
	right: 0;
	background-position: -173px -13px
}

.b-play .b-play__list .bx-controls-direction a.bx-next:hover {
	background-position: -173px -61px
}

.b-play .b-play__list .bx-controls-direction a.disabled {
	display: none
}

.ui-sorting {
	padding: 20px 0 5px 0;
	position: relative
}

.ui-sorting:after {
	display: table;
	content: "";
	width: 100%
}

.ui-sorting form {
	float: right;
	width: 50%
}

.ui-sorting .form-group {
	margin: 0;
	position: relative
}

.ui-sorting .form-control {
	height: 40px
}

.ui-sorting input[type=submit] {
	display: block;
	border: none;
	background-color: transparent;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU2Ljk2NiA1Ni45NjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU2Ljk2NiA1Ni45NjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMjU2cHgiIGhlaWdodD0iMjU2cHgiPgo8cGF0aCBkPSJNNTUuMTQ2LDUxLjg4N0w0MS41ODgsMzcuNzg2YzMuNDg2LTQuMTQ0LDUuMzk2LTkuMzU4LDUuMzk2LTE0Ljc4NmMwLTEyLjY4Mi0xMC4zMTgtMjMtMjMtMjNzLTIzLDEwLjMxOC0yMywyMyAgczEwLjMxOCwyMywyMywyM2M0Ljc2MSwwLDkuMjk4LTEuNDM2LDEzLjE3Ny00LjE2MmwxMy42NjEsMTQuMjA4YzAuNTcxLDAuNTkzLDEuMzM5LDAuOTIsMi4xNjIsMC45MiAgYzAuNzc5LDAsMS41MTgtMC4yOTcsMi4wNzktMC44MzdDNTYuMjU1LDU0Ljk4Miw1Ni4yOTMsNTMuMDgsNTUuMTQ2LDUxLjg4N3ogTTIzLjk4NCw2YzkuMzc0LDAsMTcsNy42MjYsMTcsMTdzLTcuNjI2LDE3LTE3LDE3ICBzLTE3LTcuNjI2LTE3LTE3UzE0LjYxLDYsMjMuOTg0LDZ6IiBmaWxsPSIjMDAwMDAwIi8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -10px
}

.ui-sorting .sorting {
	float: left;
	width: 50%
}

.ui-sorting .sorting b {
	float: left;
	font-weight: 600;
	padding: 7px 0
}

.ui-sorting .sorting-list {
	width: 160px;
	height: 40px;
	background-color: #fff;
	position: relative
}

.ui-sorting .ui-select {
	display: block;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	font-size: 15px;
	font-family: "Open Sans";
	border: 1px solid #cecece;
	white-space: nowrap;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200
}

.ui-sorting .ui-select li {
	position: relative;
	padding: 7px 10px;
	z-index: 2
}

.ui-sorting .ui-select li:not(.init) {
	float: left;
	width: 100%;
	display: none;
	background: #fff
}

.ui-sorting .ui-select li:not(.init):hover, .ui-sorting .ui-select li.selected:not(.init) {
	background: #e4e4e4
}

.ui-sorting .ui-select li.init {
	cursor: pointer
}

.ui-sorting .ui-select li + li {
	border-top: 1px solid #e4e4e4
}

.ui-sorting .ui-select .icon-dn {
	display: inline-block;
	position: relative;
	margin-left: 8px
}

.ui-sorting .ui-select .icon-dn:before {
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px;
	border-color: #999 transparent transparent transparent;
	position: relative;
	top: 5px
}

.ui-sorting .ui-select .icon-up {
	display: inline-block;
	position: relative;
	margin-left: 8px
}

.ui-sorting .ui-select .icon-up:before {
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px;
	border-color: transparent transparent #999 transparent;
	position: relative;
	top: 0
}

.ui-sharing {
	display: block;
	position: relative
}

.ui-sharing img {
	width: 100%
}

.ui-sharing .share {
	display: block;
	font-size: 20px;
	position: absolute;
	bottom: 10px;
	right: 20px
}

.ui-sharing .share:after {
	display: table;
	width: 100%;
	content: ""
}

.ui-sharing .share span {
	float: left;
	line-height: 0;
	color: #fff;
	background-color: #e71459;
	width: 24px;
	height: 24px;
	text-align: center;
	cursor: pointer;
	padding-top: 5px;
	margin: 0 10px 10px 0
}

.ui-sharing .share span i {
	color: #fff
}

.ui-sharing .share span i:before {
	font-size: 13px
}

.ui-sharing .share span i.icon-vkontakte {
	position: relative;
	left: -2px
}

.ui-sharing .like {
	height: 24px;
	display: inline-block;
	background-color: #666;
	font-size: 14px;
	color: #fff;
	padding: 0 30px 0 10px;
	position: absolute;
	bottom: 20px;
	left: 20px
}

.ui-sharing .like:after {
	display: block;
	content: "";
	margin-left: 10px;
	margin-top: 5px;
	width: 13px;
	height: 13px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAQAAAD2e2DtAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgCQ4SJxN2hiDFAAANd0lEQVR42u2deZAU1R3Hv29YcEEQkeVcuQRkRa49iAsyoFGB0iiyrClTBoJJjEksoybG0iImXsFSIyZqDBWlDBFC1BLMmqgghxAVDLKyi6hRUYOIyyGusrgsx/7yx+zRM9M90z0z3b/ufr+PJTXd73X379fvs6/vbkAQBEEQBEHQDsUdQBChfJSjBMUYiwi+bPvvC2zHZlXHHZ3gMvQN+i9Zs4tW0DyaSp254xRcgDrSHXSM7HCQ/krTKY87YiGHUB6tstX47eyhh2gMd9xCjqCHHTZ/jGZaSqdxxy5kDV2dUfPHOEIPUx/uDIQsoMl0JAsBiIj207ncWQgZQnn0TpbNT0R0lH7KnYmQEXRNDpo/xkLqwJ2N4BDqTvtyJgDRAu58BIfQPTlsfiKiOdwZCQ6gHtSYYwEaaTx3Vq1EuAMIAJcjP8dzzMcK6sadVgwRID1zXZhnIW7kTiuGXA1MA43Edldm3IChai93dtIDpGeuS/Ptilu5UwOkB0gDdcAn6OfSzI+iSH3InaH0AKmZ5lrzAx1xJ3d6QhroqRwfAMbTTGO5MxRSQCfSYVcFIPoHd46yCUhFCU5weQlTqRNviiJAKtw/X5ePMt4URYBUeNE4Ud4URYBUeHHGnlkAOQ9gCZ2MAx6sn3r0VM18WUoPYE2pJ38eJ2MUZ5IigDVeXbJl3QiIANZ4tX9+NmeSIoA1XgkwlDNJEcAC6o1BHi1qAGeeIoAVEzxbUh/qyJemCGCFdwJE0J8vTRHACu8EYN0IiACmUJ5nB4GACOBDxsHLFzycypeoCGCOlxsAoCtfoiKAOd4KwPi0oAhgjrcCMLaCCGAC9cNgTxcoPYDPuNjj5UkP4DNme7w86QH8BA3x/PrcUb5sRYBkrvD8Pql6vmRFgGS+6/kS6/mSFQESoPEY4flC6/nyFQES8XoHEAC+5EtXBIiDOuFyhsXW82UsAsTzY/RiWOqnfAnLcwEGqCt2oLfni61XPfhylh7AyPUMzQ/UcqYsArRBPfFLlgVv5cxaBGiBFP6Mk1gWXcOZtwjQyjxUMC2ZVQDZCQQA0LdQxbQuGlCgmvgylx4AAI3CErY/hec5m18EAEAD8AK6sy1+BW/22m8CqAdewUi2xTehlzrImb/mPQDlo4qx+YHVvM2vuQAUwVJMYg1hOfc60Br6o8tvAUzHMSrgXgca9wA0D9yfcPq32s+9FrQVgObiLu4Y/LAB0PQogM7GOjA+lR8LAoPUJ9xrQssegArxDHvzAyv4m1/LHoDyscHTh7+tKFZbuUPQswdY6Ivmr/JD82sIXcd86NcK80uiNYXOpaPcLU9ERM9zr4lWtNoHoEF4A+ynXgAAE9Qm7hBiaLQPQF3wrE+a/yW/NL9WAmARxnGH0IJ8LMp76CbuzX4b67jXhRFN9gFoGp73TW9Xrl7nDqEdv6wUV6FhWOabTJ/0U/Nr0QNQV2zk/SiDgSMoUh9xB2HEL38XbvK4b5ofeNxfza8BdAv3Pp+BJhrIvT40g6bTce5WN7CQe30kE+p9ABqKzWB88jaJEeo97hASCfE+AJ2IZ33V/Fv91/yhFsBXO38A8DR3AGaEVgC6GZdxx5CALwUI6T6Ar878teLWM4BN2IM9qEMd6vA+Vql6JxOHUgAajtd9tfX3kqPYgCpUqY/tVQ+hAFSAjRjGHQU72/AAFqf/KnHoBKDOWIty7ih8wjbcpF5MXcVv28ksoQiWSPO3MRov0GoqTlUlZALgfrYXvfiV87CF5pNlTx+qTQD9DH/gjsGnLMds9bVZQYgEoEvxTOh6tNxRjUuUyRtJQyMAnYV1nn7rL3jsxiVqS+LIkAhAQ7GR5S2/weIQpiQqEAoBqCdew+ncUQSC3RivdhtHhGCbSb2wRprfJv1RRXEbysALQP3wMsZyRxEgSrHYeFAYcAFoANazvuUriFyG29sHAr0PQEOw1uNvfIYDQknrw+kB7gHodGyQ5s8IhftafwZWADoT63EqdxSB5XyaFvsR0E0AlWClT570DSq1KFbNgewBKI/m4TVp/iwZgzlA4HoAysM3ca8c9uWEt9WZJgLQEBRjmIs9QwNqsNX5K5KpP87HVFyo7a1ebjBcfZDXPkRFuB8TcbIHCyb6AEsxX9n8ajb9CNfJ0b4LXIIFLT0AKVyH+R5fTavGHLU9XSU6BY9hJsvqCT8b1BQFANQNVTiHIYAmXKseTVWBSvGsHOy5xnH0iQmwCN9nCuEoylW1VSF1QY3c3+sqsyMAXczW/EBHPEH5lqV3S/O7zOkRKsCj2c8nC0ZavbadoriWNTId6BvBhejDHIRV/3NF0M5SBJC+EZRwx4AeNNh0fLGz2QgZ4AsBYBYDdcBo7rA0oG/EF2/PNIthmNzj6wG9I+jGHQNg+tVuaX4vaAzg1UAhh+wTAfRmrwigNyKA5sgmQHOkB9CcnSKA3qwXAXRml3pPBNCZ1YG8LVzIGWtEAL1ZKwLoTK3aLQLozO8BEUBfdmIJIALoy32xx3JEAD3Zg0WxHyKAnjygGmM/RAAd2YlHWn+KAPpxDJe3P50tAujHrWpj+4AIoBurcI9xUATQizrMVmQcIQLoxfVqb/wIEUAv+iWOEAH0YmriCBFAL6bQCfEjRAC96IJo/AgRQDcSNgIigG5Mix8UAXRjTMi+GCI4ptA4IALohwigOSKA5sS9eVUE0I/+xgERQD/kaqDmxH1FXATQj0PGARFAP0QAzREBNCfue00igH7UGgdEAN2ox7vGQRFANzbJXcF6syl+UATQjY3xgyKAXhwSAfRmWeJHe0UAvfhT4ggRQCf+k/yRThFAJxYmjxIB9GE//p48UgTQhxtb3wtkRATQhTVqsdloEUAPGnG1eYEIoAd3qB3mBSKADuzA76yKRAAd6KyOWRWJADrQnwZaFYkAelBuVSAC6MEEqwIRQA9GWxWIAHpQYFUgAuhBT6sCEUAPRADN6Uz55gUigC5YnAoSAfTgKyUCaM3nVgUigB5YCpCX4QwJO/Am3kJflGAMOmc4F8Er9loVZCJAPW7AM+33l1MHlOARlHHnKKSgxqrA+SZgNUarvxgfL1DH1WZMwO045nhegldstipwKsBtmKp2JY9Wx9RtmIiDDucmeEWOBHgZd8Q/XGxEbcYN3HkKptSZ/dHGcCLAIfzAuvkBQC3Cv7hzFUx4zbrIiQDz1Idp61yFeu5shSSWWxc5EWBZ+irqM6zhzlZIoAnPWRfaF+BTtddWvTe48xUSWKm+si60L0C1zXpbuPMVEngqVaF9Ad6yWa/GZj3BG3bh6VTF9gXoZ7Nef5v1BG+4Vx1JVWxfgHE265VyZywYqMOjqSvYF2AkdbJVr4Q7Z8HAvepw6gr2BeiEYlv1JnLnLLSxBQ+lq+LkPMACSlubfmh7UyG4TRO+p9JeoHMiwET8PHUFGoIHuLMW2viN2p6+krOLQXdSkXUhRbAYXbmzFlp40fqRcCPOBMjHepppXkSnYW3il6kFNl5HpTpup6LT+wF6Yzn9jU6JH0mKrkEtpnBnLbTwLi5Sh+xVzeSWsO/gAtqAGtRiO/piLMahHGdy5ywYmKE+t1s1s5tCC1CBCu4sBUv22a8qt4WHEQetKgKEERFAc0QAzREBNEcE0BwRQHNEAK0hOQ+gNx+rr+1XjuAL7ngBHLA5TrCDjYvA7UTwJne8gFkMaqcokCEOBbB7v7+bVDsYK6QjcD3APvWp6Xj+yILJ204qR/Ac/scc8MMW4x+Dg50ZoYVmvOOkekQdxJUgJ5PkmDcw37xAvYdfMMYVVD5wcgwARAC1Dg+yhXsYc6zvXFUL8U+2yIKKjWe4jcTOA9yCKpZgGzBXpe6wrsQqlsiCSjMedzZBBABUo5qBK/GVs0mzZj3GqCdTV1H71TT8BA0eRxZcViuHe3Sq/ScNxN2YiMEehHkY27AUDyqb+x50Gm7G2TjDGK1gyrfV084mSFql1APFGObiKeIG1OCd9E+sJEM9UI6zUIoy9HUtumCzH4WpnwVOJpB/U1SIMpSiDGXoxR2Lr1igHB83BVKAdmggJqMC0+VltQCOYJR63+lEARcgBnXBdMzCRejOHQkrv1K/dT5RKASIQZ1wHiowQ9PNwhaUZ7JnFSIBYlAHRFGBmTiVOxJPOYIytS2TCUMnQAxSGI8KVGA4dyQecau6K7MJQypAKzQaFajEKO44XKYaZ2XS/QOhFyAGjUAlZtl8xU3wqMckO6+CMEcLAWLQUMxCJcZzx5FjGnCB2pT55BoJEIMGYRZmYUJIMm/EherlbGYQjtXgGCpEBSoxKeB3RR9ApVqX3Sw0FSAG9cFMVOIcdOCOJCO2YYb6KNuZaC1ADCrApahANGAvuFqGq+y+BiYVIkALlIdxmIwoJll/at03vIqb1Su5mZUIkAApnIEoopiMAdyxmLIdt6jnsp9NKyKAJTQIUUxGFEXZzytH7MSv8YRqzuUsRYC0UC9EEUUU4xh3FptRjSVYqJpyPWMRwDbUDRNRihEowggPLzx/hlVYiZfUfndmLwJkBPVBEUa0yDDYlZ7hMF7FSqxUte5mIgJkDXXCcBSiO05K+j/f5volHMAe7EFd2791+MLuLbOCIAiCIAiC4JD/A11PIPDOBdQkAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA5LTE0VDE4OjM5OjE5KzAyOjAw1JztQAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wOS0xNFQxODozOToxOSswMjowMKXBVfwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	position: absolute;
	top: 0;
	right: 10px
}

.custom-share {
	display: block;
	padding: 12px 0;
	position: relative
}

.custom-share .share {
	display: block;
	font-size: 20px;
	position: relative
}

.custom-share .share:after {
	display: table;
	width: 100%;
	content: ""
}

.custom-share .share b {
	float: left;
	margin-right: 10px
}

.custom-share .share span {
	float: left;
	line-height: 0;
	color: #fff;
	background-color: #e71459;
	width: 24px;
	height: 24px;
	text-align: center;
	cursor: pointer;
	padding-top: 5px;
	margin: 0 10px 10px 0
}

.custom-share .share span i {
	color: #fff
}

.custom-share .share span i:before {
	font-size: 13px
}

.custom-share .share span i.icon-vkontakte {
	position: relative;
	left: -2px
}

.custom-share .share .like {
	width: auto;
	height: 24px;
	display: inline-block;
	background-color: #666;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	padding: 0 34px 0 10px;
	margin: 0 0 16px;
	position: relative
}

.custom-share .share .like:after {
	display: block;
	content: "";
	margin-left: 10px;
	margin-top: 5px;
	width: 13px;
	height: 13px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAQAAAD2e2DtAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgCQ4SJxN2hiDFAAANd0lEQVR42u2deZAU1R3Hv29YcEEQkeVcuQRkRa49iAsyoFGB0iiyrClTBoJJjEksoybG0iImXsFSIyZqDBWlDBFC1BLMmqgghxAVDLKyi6hRUYOIyyGusrgsx/7yx+zRM9M90z0z3b/ufr+PJTXd73X379fvs6/vbkAQBEEQBEHQDsUdQBChfJSjBMUYiwi+bPvvC2zHZlXHHZ3gMvQN+i9Zs4tW0DyaSp254xRcgDrSHXSM7HCQ/krTKY87YiGHUB6tstX47eyhh2gMd9xCjqCHHTZ/jGZaSqdxxy5kDV2dUfPHOEIPUx/uDIQsoMl0JAsBiIj207ncWQgZQnn0TpbNT0R0lH7KnYmQEXRNDpo/xkLqwJ2N4BDqTvtyJgDRAu58BIfQPTlsfiKiOdwZCQ6gHtSYYwEaaTx3Vq1EuAMIAJcjP8dzzMcK6sadVgwRID1zXZhnIW7kTiuGXA1MA43Edldm3IChai93dtIDpGeuS/Ptilu5UwOkB0gDdcAn6OfSzI+iSH3InaH0AKmZ5lrzAx1xJ3d6QhroqRwfAMbTTGO5MxRSQCfSYVcFIPoHd46yCUhFCU5weQlTqRNviiJAKtw/X5ePMt4URYBUeNE4Ud4URYBUeHHGnlkAOQ9gCZ2MAx6sn3r0VM18WUoPYE2pJ38eJ2MUZ5IigDVeXbJl3QiIANZ4tX9+NmeSIoA1XgkwlDNJEcAC6o1BHi1qAGeeIoAVEzxbUh/qyJemCGCFdwJE0J8vTRHACu8EYN0IiACmUJ5nB4GACOBDxsHLFzycypeoCGCOlxsAoCtfoiKAOd4KwPi0oAhgjrcCMLaCCGAC9cNgTxcoPYDPuNjj5UkP4DNme7w86QH8BA3x/PrcUb5sRYBkrvD8Pql6vmRFgGS+6/kS6/mSFQESoPEY4flC6/nyFQES8XoHEAC+5EtXBIiDOuFyhsXW82UsAsTzY/RiWOqnfAnLcwEGqCt2oLfni61XPfhylh7AyPUMzQ/UcqYsArRBPfFLlgVv5cxaBGiBFP6Mk1gWXcOZtwjQyjxUMC2ZVQDZCQQA0LdQxbQuGlCgmvgylx4AAI3CErY/hec5m18EAEAD8AK6sy1+BW/22m8CqAdewUi2xTehlzrImb/mPQDlo4qx+YHVvM2vuQAUwVJMYg1hOfc60Br6o8tvAUzHMSrgXgca9wA0D9yfcPq32s+9FrQVgObiLu4Y/LAB0PQogM7GOjA+lR8LAoPUJ9xrQssegArxDHvzAyv4m1/LHoDyscHTh7+tKFZbuUPQswdY6Ivmr/JD82sIXcd86NcK80uiNYXOpaPcLU9ERM9zr4lWtNoHoEF4A+ynXgAAE9Qm7hBiaLQPQF3wrE+a/yW/NL9WAmARxnGH0IJ8LMp76CbuzX4b67jXhRFN9gFoGp73TW9Xrl7nDqEdv6wUV6FhWOabTJ/0U/Nr0QNQV2zk/SiDgSMoUh9xB2HEL38XbvK4b5ofeNxfza8BdAv3Pp+BJhrIvT40g6bTce5WN7CQe30kE+p9ABqKzWB88jaJEeo97hASCfE+AJ2IZ33V/Fv91/yhFsBXO38A8DR3AGaEVgC6GZdxx5CALwUI6T6Ar878teLWM4BN2IM9qEMd6vA+Vql6JxOHUgAajtd9tfX3kqPYgCpUqY/tVQ+hAFSAjRjGHQU72/AAFqf/KnHoBKDOWIty7ih8wjbcpF5MXcVv28ksoQiWSPO3MRov0GoqTlUlZALgfrYXvfiV87CF5pNlTx+qTQD9DH/gjsGnLMds9bVZQYgEoEvxTOh6tNxRjUuUyRtJQyMAnYV1nn7rL3jsxiVqS+LIkAhAQ7GR5S2/weIQpiQqEAoBqCdew+ncUQSC3RivdhtHhGCbSb2wRprfJv1RRXEbysALQP3wMsZyRxEgSrHYeFAYcAFoANazvuUriFyG29sHAr0PQEOw1uNvfIYDQknrw+kB7gHodGyQ5s8IhftafwZWADoT63EqdxSB5XyaFvsR0E0AlWClT570DSq1KFbNgewBKI/m4TVp/iwZgzlA4HoAysM3ca8c9uWEt9WZJgLQEBRjmIs9QwNqsNX5K5KpP87HVFyo7a1ebjBcfZDXPkRFuB8TcbIHCyb6AEsxX9n8ajb9CNfJ0b4LXIIFLT0AKVyH+R5fTavGHLU9XSU6BY9hJsvqCT8b1BQFANQNVTiHIYAmXKseTVWBSvGsHOy5xnH0iQmwCN9nCuEoylW1VSF1QY3c3+sqsyMAXczW/EBHPEH5lqV3S/O7zOkRKsCj2c8nC0ZavbadoriWNTId6BvBhejDHIRV/3NF0M5SBJC+EZRwx4AeNNh0fLGz2QgZ4AsBYBYDdcBo7rA0oG/EF2/PNIthmNzj6wG9I+jGHQNg+tVuaX4vaAzg1UAhh+wTAfRmrwigNyKA5sgmQHOkB9CcnSKA3qwXAXRml3pPBNCZ1YG8LVzIGWtEAL1ZKwLoTK3aLQLozO8BEUBfdmIJIALoy32xx3JEAD3Zg0WxHyKAnjygGmM/RAAd2YlHWn+KAPpxDJe3P50tAujHrWpj+4AIoBurcI9xUATQizrMVmQcIQLoxfVqb/wIEUAv+iWOEAH0YmriCBFAL6bQCfEjRAC96IJo/AgRQDcSNgIigG5Mix8UAXRjTMi+GCI4ptA4IALohwigOSKA5sS9eVUE0I/+xgERQD/kaqDmxH1FXATQj0PGARFAP0QAzREBNCfue00igH7UGgdEAN2ox7vGQRFANzbJXcF6syl+UATQjY3xgyKAXhwSAfRmWeJHe0UAvfhT4ggRQCf+k/yRThFAJxYmjxIB9GE//p48UgTQhxtb3wtkRATQhTVqsdloEUAPGnG1eYEIoAd3qB3mBSKADuzA76yKRAAd6KyOWRWJADrQnwZaFYkAelBuVSAC6MEEqwIRQA9GWxWIAHpQYFUgAuhBT6sCEUAPRADN6Uz55gUigC5YnAoSAfTgKyUCaM3nVgUigB5YCpCX4QwJO/Am3kJflGAMOmc4F8Er9loVZCJAPW7AM+33l1MHlOARlHHnKKSgxqrA+SZgNUarvxgfL1DH1WZMwO045nhegldstipwKsBtmKp2JY9Wx9RtmIiDDucmeEWOBHgZd8Q/XGxEbcYN3HkKptSZ/dHGcCLAIfzAuvkBQC3Cv7hzFUx4zbrIiQDz1Idp61yFeu5shSSWWxc5EWBZ+irqM6zhzlZIoAnPWRfaF+BTtddWvTe48xUSWKm+si60L0C1zXpbuPMVEngqVaF9Ad6yWa/GZj3BG3bh6VTF9gXoZ7Nef5v1BG+4Vx1JVWxfgHE265VyZywYqMOjqSvYF2AkdbJVr4Q7Z8HAvepw6gr2BeiEYlv1JnLnLLSxBQ+lq+LkPMACSlubfmh7UyG4TRO+p9JeoHMiwET8PHUFGoIHuLMW2viN2p6+krOLQXdSkXUhRbAYXbmzFlp40fqRcCPOBMjHepppXkSnYW3il6kFNl5HpTpup6LT+wF6Yzn9jU6JH0mKrkEtpnBnLbTwLi5Sh+xVzeSWsO/gAtqAGtRiO/piLMahHGdy5ywYmKE+t1s1s5tCC1CBCu4sBUv22a8qt4WHEQetKgKEERFAc0QAzREBNEcE0BwRQHNEAK0hOQ+gNx+rr+1XjuAL7ngBHLA5TrCDjYvA7UTwJne8gFkMaqcokCEOBbB7v7+bVDsYK6QjcD3APvWp6Xj+yILJ204qR/Ac/scc8MMW4x+Dg50ZoYVmvOOkekQdxJUgJ5PkmDcw37xAvYdfMMYVVD5wcgwARAC1Dg+yhXsYc6zvXFUL8U+2yIKKjWe4jcTOA9yCKpZgGzBXpe6wrsQqlsiCSjMedzZBBABUo5qBK/GVs0mzZj3GqCdTV1H71TT8BA0eRxZcViuHe3Sq/ScNxN2YiMEehHkY27AUDyqb+x50Gm7G2TjDGK1gyrfV084mSFql1APFGObiKeIG1OCd9E+sJEM9UI6zUIoy9HUtumCzH4WpnwVOJpB/U1SIMpSiDGXoxR2Lr1igHB83BVKAdmggJqMC0+VltQCOYJR63+lEARcgBnXBdMzCRejOHQkrv1K/dT5RKASIQZ1wHiowQ9PNwhaUZ7JnFSIBYlAHRFGBmTiVOxJPOYIytS2TCUMnQAxSGI8KVGA4dyQecau6K7MJQypAKzQaFajEKO44XKYaZ2XS/QOhFyAGjUAlZtl8xU3wqMckO6+CMEcLAWLQUMxCJcZzx5FjGnCB2pT55BoJEIMGYRZmYUJIMm/EherlbGYQjtXgGCpEBSoxKeB3RR9ApVqX3Sw0FSAG9cFMVOIcdOCOJCO2YYb6KNuZaC1ADCrApahANGAvuFqGq+y+BiYVIkALlIdxmIwoJll/at03vIqb1Su5mZUIkAApnIEoopiMAdyxmLIdt6jnsp9NKyKAJTQIUUxGFEXZzytH7MSv8YRqzuUsRYC0UC9EEUUU4xh3FptRjSVYqJpyPWMRwDbUDRNRihEowggPLzx/hlVYiZfUfndmLwJkBPVBEUa0yDDYlZ7hMF7FSqxUte5mIgJkDXXCcBSiO05K+j/f5volHMAe7EFd2791+MLuLbOCIAiCIAiC4JD/A11PIPDOBdQkAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA5LTE0VDE4OjM5OjE5KzAyOjAw1JztQAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wOS0xNFQxODozOToxOSswMjowMKXBVfwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	position: absolute;
	top: 0;
	right: 10px
}

.form-group {
	margin: 0 0 10px
}

.form-group.warning label {
	color: #F88584
}

.form-group.warning .promotion-form__field {
	border: 1px solid #F88584;
	background: #ECECF2;
}

.form-group.warning .form-control {
	background-color: #fff3f3;
	border: 1px solid #c00;
	color: #c00
}

.form-group.warning .checkbox {
	color: #c00
}

.form-group.warning .checkbox label:before {
	background-position: -172px 0
}

.form-group.warning .uploader .btn {
	color: #c00
}

.form-group.warning .uploader .file-text {
	color: #c00
}

.form-group.warning .uploader .control .btn:before {
	background-position: -150px -157px
}

.form-option {
	padding: 0 0 18px
}

.form-option .form-group {
	margin: 0
}

.form-option ul {
	position: relative
}

.form-option ul:after {
	display: table;
	width: 100%;
	content: ""
}

.form-option ul > li {
	float: left;
	width: 50%;
	font-size: 15px;
	position: relative
}

.form-option ul > li:after {
	display: table;
	width: 100%;
	content: ""
}

.form-option a {
	float: right;
	color: #00b3db
}

.checkbox {
	position: relative
}

.checkbox input[type=checkbox] {
	width: 100%;
	height: 100%;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0
}

.checkbox input[type=checkbox]:checked + label:before {
	background-position: -159px 0
}

.checkbox label {
	float: none !important;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: auto !important;
	cursor: pointer;
	padding: 0 0 0 23px !important;
	margin: 0 !important;
	position: relative
}

.checkbox label:before {
	display: block;
	content: "";
	width: 13px;
	height: 13px;
	background: url(../images/sCGNeSIXvdzt.png) -146px 0 no-repeat;
	position: absolute;
	top: 4px;
	left: 0
}

.radiobox {
	position: relative
}

.radiobox input[type=radio] {
	width: 100%;
	height: 100%;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0
}

.radiobox input[type=radio]:checked + label:after {
	display: block;
	content: "";
	width: 5px;
	height: 5px;
	background-color: #000;
	border-radius: 50%;
	box-sizing: border-box;
	position: absolute;
	top: 8px;
	left: 4px
}

.radiobox label {
	float: none !important;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: auto !important;
	cursor: pointer;
	padding: 0 0 0 23px !important;
	margin: 0 !important;
	position: relative
}

.radiobox label:before {
	display: block;
	content: "";
	width: 13px;
	height: 13px;
	background-color: #fff;
	border: 1px solid #cecece;
	border-radius: 50%;
	box-sizing: border-box;
	position: absolute;
	top: 4px;
	left: 0
}

.form-control {
	width: 100%;
	font-size: 15px;
	font-family: "Open Sans";
	padding: 0 10px;
	border: 1px solid #cecece
}

input.form-control {
	height: 53px
}

textarea.form-control {
	resize: vertical;
	max-height: 300px;
	padding: 16px 10px;
	vertical-align: top
}

.btn {
	display: inline-block;
	vertical-align: top;
	outline: none;
	border: none;
	text-decoration: none;
	cursor: pointer;
	background: transparent;
	font-size: 18px;
	line-height: 20px;
	color: #000;
	padding: 15px 20px
}

.btn-block {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	text-align: center
}

.btn-default {
	background-color: #01aef3;
	color: #fff
}

.btn-red {
	background-color: #ca0b0b;
	color: #fff
}

.btn-red:hover {
	color: #fff
}

.btn-green {
	background-color: #67d61d;
	color: #fff
}

.btn-green:hover {
	color: #fff
}

.chosen-container-single.dark {
	box-shadow: none !important
}

.chosen-container-single.dark .chosen-single {
	height: 53px;
	font-size: 15px;
	font-family: "Open Sans";
	color: #000;
	padding: 14px 10px 0 10px;
	border: 1px solid #cecece
}

.chosen-container-single.dark .chosen-single div {
	width: 30px;
	height: inherit;
	padding-top: 15px
}

.chosen-container-single.dark .chosen-single div b {
	width: 0;
	height: 0;
	padding: 0;
	line-height: 0
}

.chosen-container-single.dark .chosen-single div b:before {
	border-width: 5px 5px;
	border-color: transparent transparent #000 transparent
}

.chosen-container-single.dark .chosen-single div b:after {
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px;
	border-color: #000 transparent transparent transparent;
	margin-top: 2px
}

.chosen-container-single.dark .chosen-drop {
	border: 1px solid #cecece;
	box-shadow: none !important;
	padding-top: 53px
}

.chosen-container-single.dark .chosen-results {
	background-color: #fff
}

.chosen-container-single.dark .chosen-results li {
	font-size: 14px;
	color: #000;
	padding: 13px 10px
}

.chosen-container-single.dark .chosen-results li.highlighted {
	background-color: rgba(0, 0, 0, 0.02);
	color: #000
}

.chosen-container-single.dark .chosen-results li.result-selected {
	background-color: rgba(0, 0, 0, 0.06)
}

.uploader {
	padding: 0 0 10px;
	position: relative
}

.uploader:after {
	display: table;
	content: "";
	width: 100%
}

.uploader .control {
	float: left;
	margin: 0 !important;
	position: relative
}

.uploader .control .btn {
	font-size: 15px;
	line-height: 20px;
	padding: 0;
	margin-left: 23px;
	position: relative;
	border-bottom: 1px dashed
}

.uploader .control .btn:before {
	display: block;
	content: "";
	width: 14px;
	height: 12px;
	background: url(../images/sCGNeSIXvdzt.png) -136px -157px no-repeat;
	position: absolute;
	top: 4px;
	left: -23px
}

.uploader .control input {
	width: 100%;
	height: 100%;
	border: none;
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0
}

.uploader .file-text {
	font-size: 12px;
	color: #01aef3;
	float: right;
	max-width: 170px
}

.uploader .file-text span {
	display: block;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden
}

.styled-text pre {
	white-space: normal
}

.styled-text iframe, .styled-text video {
	width: 100% !important
}

.text-center {
	text-align: center
}

.alignleft {
	float: left;
	margin: 6px 20px 20px 0
}

.alignright {
	float: right;
	margin: 6px 0 20px 20px
}

.page__more {
	width: 100%;
	text-align: center
}

.page__more a {
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #666;
	height: 50px;
	padding-top: 14px;
	background-color: #ededed;
	text-decoration: none
}

.page__more a:hover {
	background-color: rgba(237, 237, 237, 0.8)
}

.js-tabs-body {
	display: none
}

.container {
	max-width: 1070px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto
}

.wrapper {
	min-width: 320px;
	min-height: 100%;
	/*overflow: hidden;*/
	position: relative
}

.branding-link {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.wrapper.header-fixed .navbar {
	display: none
}

.wrapper.header-fixed .header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0
}

.wrapper.header-fixed .play-drop {
	position: fixed;
	top: 71px;
	z-index: 110
}

.top {
	padding-bottom: 495px
}

.bottom {
	width: 100%;
	background-color: #30303F;
	position: absolute;
	bottom: 0;
	left: 0
}

.navbar {
	height: 72px;
	background-color: #FCFCFD;
	border-bottom: 1px solid #444853;
	position: relative;
}

.navbar a {
	color: #30303F
}

.navbar .menu-open {
	display: none
}

.navbar .menu > li.submenu {
	position: relative
}

.navbar .menu li.sing-in {
	display: none;
}

.navbar .menu li.nav-profile,
.navbar .menu li.nav-playlist,
.navbar .menu li.nav-logout {
	display: none;
}

.navbar .menu > li > a {
	display: block;
	height: auto;
	padding: 12px;
	color: #30303F;
	font-family: IBM Plex Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 24px */
	text-transform: initial;
}

.navbar .menu > li .menu-child {
	display: none
}

.navbar .menu > li.search-open {
	position: relative
}

.navbar .menu > li.search-open > a {
	padding-top: 15px;
	position: relative;
	background-color: transparent !important;
	z-index: 10
}

.navbar .menu > li.search-open > a:before {
	display: block;
	content: "";
	width: 15px;
	height: 15px;
	background: url(../images/sCGNeSIXvdzt.png) -14px 0 no-repeat
}

.navbar .menu > li.search-open form {
	display: block;
	width: 0;
	height: 26px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -13px;
	transition: all 0.2s ease-out
}

.navbar .menu > li.search-open form .form-group {
	margin: 0
}

.navbar .menu > li.search-open form .form-control {
	height: 26px;
	border-color: #fff;
	font-size: 13px;
	border-radius: 16px;
	padding-left: 32px
}

.navbar .menu > li.search-open form input[type=submit] {
	border: none;
	width: 20px;
	height: 26px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0
}

.navbar .menu > li.search-open.visible-lg {
	display: none
}

.navbar .menu > li:hover .drop {
	height: auto;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1
}

.navbar .menu > li:hover .menu-child {
	display: block;
	width: auto;
	width: 150px;
	color: #000;
	background-color: #fff;
	padding: 5px 0;
	position: absolute;
	top: 100%;
	left: 0
}

.navbar .menu > li:hover .menu-child a {
	display: block;
	color: inherit;
	padding: 6px 12px
}

.navbar .menu .drop {
	box-shadow: 0 50px 50px rgba(0, 1, 2, 0.5);
	transition: all 0.2s ease;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	width: 100%;
	height: 0;
	background-color: #fff;
	overflow: hidden;
	position: absolute;
	top: 72px;
	left: 0;
	z-index: 100
}

.navbar .menu .item {
	font-size: 14px;
	line-height: 21px;
	color: #070c1b;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 20px
}

.navbar .menu .item > li {
	float: left;
	width: 150px;
	margin-right: 30px
}

.navbar .menu .item > li:last-child {
	margin-right: 0
}

.navbar .menu .item a {
	display: block;
	color: inherit
}

.navbar .menu .item a:hover {
	color: #0967d6
}

.navbar .menu .item a:hover .item-content:before {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0
}

.navbar .menu .item a:hover .more {
	display: block;
	z-index: 5
}

.navbar .menu .item img {
	max-width: 150px;
	max-height: 93px
}

.navbar .menu .item b {
	display: block;
	padding-top: 7px
}

.navbar .menu .item .item-content {
	display: block;
	overflow: hidden;
	position: relative
}

.navbar .menu .item .more {
	display: none;
	width: 100%;
	height: 90px;
	line-height: 88px;
	color: #fff;
	text-align: center;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -72px;
	z-index: 1
}

.navbar .menu .item .more span {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	line-height: 14px
}

.navbar .menu .item .more u {
	display: block;
	text-decoration: none
}

.navbar .menu .item .more u img {
	width: auto !important
}

.navbar .menu .item .more img {
	max-width: 100%;
	max-height: 40px
}

.navbar .menu .item .more i {
	width: 142px;
	display: inline-block;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 5px 7px 6px 7px;
	background-color: #fa4e0a;
	margin-bottom: 5px
}

.navbar .right {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
	min-width: 20%;
}

.navbar .login {
	float: right;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	margin-top: 7px
}

.navbar .login li {
	float: left;
}

.navbar .login li + li {
	position: relative;
	padding-left: 11px;
	margin-left: 12px;
	border-left: 1px solid
}

.navbar .login a {
	color: inherit
}

.navbar .login > li.sing-in {
	display: inline-flex;
	padding: 2px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 8px;
	background: linear-gradient(68.97deg, #C07CFF 11.55%, #ED8786 56.38%, #F5BF6D 100%);
}
.navbar .login > li.sing-in .user-sing-in  {
	font-family: IBM Plex Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
	color: #30303F;
	text-transform: initial;
	border-radius: 6px;
	background: #fcfcfd;
	padding: 12px;
}

.navbar .login > li.sing-up {
	display: inline-flex;
	padding: 0;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 8px;
	background: var(--bg-gradient-hover, linear-gradient(74deg, #C07CFF -20.41%, #ED8786 37.68%, #F5BF6D 94.21%));
}

.navbar .login > li.sing-up .user-sing-up  {
	color: #FFF;
	font-family: IBM Plex Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
	text-transform: initial;
	padding: 14px;
}

.navbar .profile-open {
	display: none
}

.navbar .profile {
	float: left;
	margin-top: 6px;
	position: relative
}

.navbar .profile span {
	display: block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0
}

.navbar .profile img {
	display: block;
	max-width: 32px;
	max-height: 32px;
	border-radius: 50%
}

.navbar .profile a.profile-userpic {
	display: block;
	height: 32px;
	position: relative;
	padding-top: 4px;
	padding-right: 14px;
	padding-left: 44px;
	z-index: 110
}

.navbar .profile a.profile-userpic:before {
	display: block;
	content: "";
	width: 16px;
	height: 16px;
	background: url(../images/tEkFaAAcnZry.svg);
	position: absolute;
	top: 9px;
	right: 0
}

.navbar .profile.opened a.profile-userpic:before,
.navbar .profile:hover a.profile-userpic:before {
	background: url(../images/UDoTdzwVqgHm.svg);
}

.navbar .profile .profile-menu {
	display: none;
	width: 200px;
	padding-top: 38px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100
}

.navbar .profile .profile-menu ul {
	display: inline-flex;
	padding: 8px 16px;
	flex-direction: column;
	align-items: flex-start;
	background-color: #F0F2FD;
	border-radius: 8px;
}

.navbar .profile.opened li.profile-username a {
	height: auto;
	min-width: 180px;
	text-align: left;
}

.navbar .profile.opened li.profile-username a.profile-userpic:before,
.navbar .profile.opened .profile-menu ul li.profile-username span:before,
.navbar .profile .profile-menu ul li.profile-username span,
.navbar .profile .profile-menu ul li.profile-username span:before {
	display: none;
}

.navbar .profile .profile-menu ul li.profile-username a.profile-userpic span.user-name {
	display: block !important;
	color: #888AA8;
	text-align: left;
}

.navbar .profile .profile-menu ul li:first-child > a {
	border-top: none
}

.navbar .profile .profile-menu ul li.logout {
	text-align: right
}

.navbar .profile .profile-menu ul li.logout > a {
	padding-top: 12px;
	padding-bottom: 18px;
	border-bottom: none;
	border-top: 1px solid var(--stroke-input-default, #D6D6E1);
}

.navbar .profile .profile-menu ul li.logout > .logout-wrapper {
	border-top: 1px solid #D6D6E1;
	width: 180px;
}

.navbar .profile .profile-menu ul li.logout > .logout-wrapper a {
	text-align: left;
	padding: 2px;
	border-radius: 8px;
	background: linear-gradient(68.97deg, #C07CFF 11.55%, #ED8786 56.38%, #F5BF6D 100%);
	width: 70px;
	min-width: 70px;
	display: block;
	margin-top: 12px;
}

.navbar .profile .profile-menu ul li.logout a p.logout-text {
	display: flex;
	padding: 12px;
	justify-content: center;
	align-items: center;
	border-radius: 6px;
	border: none;
	width: 66px;
	background: #f0f2fd;
}

.navbar .profile .profile-menu ul li.logout > a:before {
	width: 11px;
	height: 9px;
	background: url(../images/sCGNeSIXvdzt.png) -123px -211px no-repeat;
	left: 131px;
	top: 15px;
	border: none
}

.navbar .profile .profile-menu ul a {
	display: block;
	padding: 12px 0;
	position: relative;
	color: #30303F;
	font-family: IBM Plex Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 24px */
	min-width: 180px;
}

/*.navbar .profile .profile-menu ul a:before {*/
/*	display: block;*/
/*	content: "";*/
/*	width: 0;*/
/*	height: 0;*/
/*	border-style: solid;*/
/*	border-width: 4px 5px;*/
/*	border-color: transparent;*/
/*	border-left-color: #fff;*/
/*	position: absolute;*/
/*	top: 10px;*/
/*	left: 11px*/
/*}*/

.navbar .profile .profile-menu ul a:hover {
	color: #4E46DC
}

.navbar .profile.opened .profile-menu {
	display: block
}

.notice {
	background: #4E46DC;
	display: flex;
	padding: 10px 0 15px;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	flex-wrap: nowrap;
	position: absolute;
	width: 100%;
	z-index: 2;
	clear: both;
	overflow: hidden;
	transition: all 0.5s;
	transform: translateY(0);
	opacity: 1;
}

.notice.close-notice, .notice.close-notice .alert {
	/*animation: remove 0.5s linear 0s 1 forwards;*/
	/*-webkit-animation: remove 0.5s linear 0s 1 forwards;*/

	height: 0;
	opacity: 0;
	transform: translateY(-100%);
}

.notice .alert, .notice .alert a {
	color: #FFF;
	font-family: IBM Plex Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
}

.notice .close {
	position: absolute;
	right: 25px;
	top: 12px;
	cursor: pointer;
	z-index: 111;
}

@keyframes remove{
	0% {opacity: 1;
		max-height: 1000px;}
	99.9% {opacity: 0;
		max-height: 0px;
		padding: 0px 100px;}
	100% {opacity: 0;
		max-height: 0;
		padding: 0px 0px;
		animation: poof 0.1s linear 0s 1;
		-webkit-animation: poof 0.1s linear 0s 1;}
}

@keyframes poof{
	from {display: flex;}
	to {display: none;}
}

.header {
	height: 71px;
	border-bottom: 1px solid #fff;
	background: #2c69ae;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	position: relative;
	z-index: 9999
}

.header .play {
	height: 70px;
	position: relative
}

.header .play:before {
	display: block;
	content: "";
	width: 1px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 98px
}

.header .play-menu {
	width: 26px;
	position: absolute;
	top: 22px;
	left: 0;
	cursor: pointer
}

.header .play-menu .toggle {
	position: relative;
	transition: all 0.3s
}

.header .play-menu span {
	display: block;
	width: 100%;
	height: 3px;
	background-color: #fff;
	border-radius: 2px;
	position: relative;
	margin: 4px auto
}

.header .play-menu span:nth-child(1) {
	transition: all 0.5s ease-out
}

.header .play-menu span:nth-child(2) {
	transition: all 0.8s ease-out
}

.header .play-menu span:nth-child(3) {
	transition: all 1.2s ease-out
}

.header .play-menu.active .toggle {
	transform: rotate(90deg)
}

.header .play-menu.active span {
	width: 100% !important
}

.header .play-menu.animation span {
	width: 30%
}

.header .play-menu.animation span:nth-child(3) {
	transition: all 0.5s ease-out
}

.header .play-menu.animation span:nth-child(2) {
	transition: all 0.8s ease-out
}

.header .play-menu.animation span:nth-child(1) {
	transition: all 0.5s ease-out
}

.header .play-mix {
	display: block;
	width: 28px;
	height: 21px;
	background: url(../images/qB3Po5NU5xGn.png) -26px 0 no-repeat;
	position: absolute;
	top: 25px;
	left: 48px;
	cursor: pointer
}

.header .play-mix:hover, .header .play-mix.active {
	background-position: -67px -38px
}

.header .play-station {
	width: 100px;
	height: 70px;
	line-height: 68px;
	text-align: center;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 110px
}

.header .play-station .station__read {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	width: 100%
}

.header .play-station a {
	display: inline-block;
	vertical-align: top
}

.header .play-station img {
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	max-height: 50px
}

.header .play-station span {
	display: block;
	vertical-align: middle;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	padding-top: 3px
}

.header .play-start {
	display: block;
	width: 47px;
	height: 47px;
	background: url(../images/qB3Po5NU5xGn.png) 0 -21px no-repeat;
	position: absolute;
	top: 11px;
	left: 230px;
	cursor: pointer
}

.header .play-start:hover {
	background-position: 0 -85px
}

.header .play-start.is-pause {
	background-position: -95px 0
}

.header .play-start.is-pause:hover {
	background-position: -95px -47px
}

.header .play-start.is-stop {
	background-position: -142px 0
}

.header .play-start.is-stop:hover {
	background-position: -142px -47px
}

.header .play-volume {
	width: 23px;
	height: 21px;
	position: absolute;
	top: 50%;
	left: 300px;
	margin-top: -11px
}

.header .play-volume .volume-slider {
	height: 21px;
	background: url(../images/sCGNeSIXvdzt.png) -91px -199px;
	position: relative
}

.header .play-volume .volume-slider .ui-slider-range {
	display: block;
	height: 21px;
	background: url(../images/sCGNeSIXvdzt.png) -41px -199px;
	position: absolute;
	top: 0
}

.header .play-track {
	width: 326px;
	overflow: hidden;
	position: absolute;
	top: 5px;
	left: 391px;
	color: #fff
}

.header .play-track img {
	float: left;
	margin-top: 1px
}

.header .play-track .play-track__content {
	margin-left: 74px
}

.header .play-track .play-track__content b {
	display: block;
	font-weight: 600;
	line-height: 14px;
	padding-bottom: 3px;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 10px;
}

.header .play-track .play-track__content p {
	font-size: 11px;
	line-height: 18px;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.header .play-progress {
	width: 385px;
	height: 2px;
	position: absolute;
	top: 58px;
	left: 391px
}

.header .play-progress .play-progress-content {
	width: 385px;
	background-color: #f8a385;
	position: relative;
	height: 2px
}

.header .play-progress .play-progress-bar {
	height: 2px;
	background-color: #711209
}

.header .play-progress .play-progress-spinner {
	width: 13px;
	height: 13px;
	border: 2px solid #fff;
	background-color: #711209;
	border-radius: 6px;
	position: absolute;
	top: -6px;
	left: 0;
	z-index: 10;
	cursor: pointer
}

.header .play-progress .min, .header .play-progress .max {
	width: 36px;
	font-size: 10px;
	line-height: 12px;
	color: #fff;
	position: absolute;
	top: -6px
}

.header .play-progress .min {
	left: -36px
}

.header .play-progress .max {
	text-align: right;
	right: -36px
}

.header .play-like {
	display: block;
	width: 60px;
	font-weight: 600;
	font-size: 10px;
	line-height: 20px;
	color: #fff;
	position: absolute;
	top: 19px;
	right: 236px
}

.header .play-like:before {
	float: left;
	content: "";
	width: 22px;
	height: 21px;
	background: url(../images/sCGNeSIXvdzt.png) -114px -157px;
	margin-right: 5px
}

.header .play-like:hover:before {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8
}

.header .play-favorite {
	display: block;
	width: 22px;
	height: 20px;
	background: url(../images/qB3Po5NU5xGn.png) -47px -94px no-repeat;
	position: absolute;
	top: 19px;
	right: 272px
}

.header .play-favorite:hover {
	background-position: -69px -94px
}

.header .play-favorite.active {
	background-position: -72px 0
}

.header .play-list-toggle {
	display: none
}

.header .play-list {
	display: table;
	position: absolute;
	top: 23px;
	right: 42px
}

.header .play-list li {
	float: left;
	width: 56px;
	font-size: 12px;
	line-height: 14px;
	color: #fff
}

.header .play-list a {
	display: block;
	max-width: 100%;
	color: inherit;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	position: relative;
	text-align: center;
	overflow: hidden;
	padding-top: 20px
}

.header .play-list a:before {
	display: block;
	content: "";
	background: url(../images/qB3Po5NU5xGn.png) -47px -21px;
	width: 10px;
	height: 11px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -5px
}

.header .play-list a.active:before {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8
}

.header .play-list a:hover {
	text-decoration: underline
}

.header .play-list a:hover:before {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8
}

.header .play-video {
	display: block;
	width: 30px;
	height: 17px;
	background: url(../images/qB3Po5NU5xGn.png) -57px -21px no-repeat;
	position: absolute;
	top: 19px;
	right: 0;
	cursor: pointer
}

.header .play-video:hover, .header .play-video.active {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8
}

.header-categories {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	position: absolute;
	top: 116px;
	width: 100%;
	z-index: 3;
	overflow-x: auto;
	border-bottom: 1px solid #fff;
}

.header-categories .simplebar-content-wrapper::-webkit-scrollbar {
	display: none;
}

.header-categories .simplebar-content {
	display: flex;
}

.header-categories .simplebar-track.simplebar-horizontal {
	height: 9px;
}

.header-categories .simplebar-scrollbar.simplebar-visible::before {
	opacity: .2;
}

.header-category {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 130px;
	width: 100%;
	height: 50px;
	padding: 0 15px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	white-space: nowrap;
	background-color: #2c69ae;
	transition: background-color 0.1s, color 0.1s;
	box-sizing: content-box;
}

.header-category:not(.branded):hover,
.header-category:not(.branded).active {
	background-color: #fff !important;
	color: #2c69ae;
}

.header-category img {
	max-width: 100%;
	height: auto;
}

.brand {
	padding: 0 0 1px;
	text-align: center
}

.brand a, .brand img {
	display: inline-block;
	vertical-align: top
}

.brand img {
	max-width: 100%;
	max-height: 150px
}

.play-drop {
	position: absolute;
	top: 116px;
	left: 0;
	z-index: 100;
	width: 100%
}

.play-drop li span.item {
	display: block;
	padding: 10px 10px 12px 10px;
	text-align: center;
	position: relative
}

.play-drop li span.item:before {
	display: block;
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.play-drop li span.item i {
	display: block;
	min-height: 60px;
	position: relative;
	margin-bottom: 10px
}

.play-drop li span.item span {
	display: block;
	font-size: 10px;
	line-height: 14px;
	color: #fff;
	position: relative
}

.play-drop li span.item span a {
	color: inherit
}

.play-drop li span.item b {
	display: block;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	position: relative
}

.play-drop li span.item b a {
	color: inherit
}

.play-drop li:hover > .item:before, .play-drop li.active > .item:before {
	background-color: rgba(255, 255, 255, 0.2)
}

.play-drop li:hover > .item i:before, .play-drop li.active > .item i:before {
	display: block;
	content: "";
	width: 42px;
	height: 42px;
	background: url(../images/sCGNeSIXvdzt.png) -82px 0 no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -21px 0 0 -21px;
	pointer-events: none
}

.play-drop li a.favorite, .play-drop li a.help {
	display: none;
	text-indent: -9999px;
	position: absolute;
	top: 5px;
	background: url(../images/sCGNeSIXvdzt.png) no-repeat;
	z-index: 5
}

.play-drop li a.favorite {
	left: 10px;
	width: 14px;
	height: 13px;
	background-position: -52px -153px
}

.play-drop li a.favorite:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8
}

.play-drop li a.help {
	right: 12px;
	width: 16px;
	height: 16px;
	background-position: -58px 0
}

.play-drop li a.help:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8
}

.play-drop li:hover a.favorite, .play-drop li:hover a.help, .play-drop li.active a.favorite, .play-drop li.active a.help {
	display: block
}

.play-drop li.active a.favorite {
	background-position: -44px 0
}

.play-drop li.active a.help {
	background-position: -66px -153px
}

.stations .container {
	padding: 0;
}

.stations .stations-title {
	position: absolute;
	left: 16px;
	color: #3B4368;
	letter-spacing: -0.264px;
	top: 14px;
}

.stations .carousel {
	margin-bottom: 0;
}

.stations .carouse-stations-home-thumbnails .bx-viewport::before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50px;
	z-index: 10;
	display: block;
	background: #fdfdfdb5;
	background: linear-gradient(270deg, #FCFCFD 14.8%, rgb(255 255 255 / 9%) 85.17%);
	border-radius: 8px;
}

.video .carouse-video-home-thumbnails .js-video-home-thumbnails,
.video .carouse-video-station-thumbnails .js-video-home-thumbnails {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.stations-list {
	position: relative;
}

.stations-list.programs,
.stations-list.podcasts,
.stations-list.video {
	margin-bottom: 120px;
}

.video .carouse-video-home-thumbnails .bx-wrapper .bx-viewport .js-video-home-thumbnails,
.video .carouse-video-station-thumbnails .bx-wrapper .bx-viewport .js-video-home-thumbnails,
.stations .carouse-stations-home-thumbnails .js-stations-home-thumbnails,
.stations-list .carousel-stations-list-thumbnails .js-stations-list-thumbnails
{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.stations-list .carousel-stations-list-thumbnails > .title {
	color: var(--foreground-on-light-text-primary, #30303F);
	font-family: IBM Plex Sans;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 36px */
	position: absolute;
	top: 2px;
}

.stations .carouse-stations-home-thumbnails .js-stations-home-thumbnails,
.stations-list .carousel-stations-list-thumbnails .js-stations-list-thumbnails {
	padding: 15px 0 30px;
}

.stations .carouse-stations-home-thumbnails .js-stations-home-thumbnails a {
	display: flex;
	padding: 24px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	width: 122px !important;
	border-radius: 16px;
	border: 1px solid #ECECF2;
}

.stations-list .carousel-stations-list-thumbnails .js-stations-list-thumbnails a {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	width: 155px !important;
	padding: 0;
	justify-content: flex-start;
	align-items: flex-start;
	flex-shrink: 0;
	border-radius: 16px;
	border: none;
}

.stations-list.presenters .carousel-presenters-thumbnails .js-presenters-thumbnails a {
	display: flex;
	width: 196px !important;
	padding: 16px;
	flex-direction: column;
	align-items: center;
	border-radius: 8px;
	background: var(--bg-neutral-1, #F6F6F9);
}

.stations-list.presenters .carousel-presenters-thumbnails .js-presenters-thumbnails a:hover {
	background: var(--bg-neutral-violet-tint, #F0F2FD);
}

.stations-list .carousel-stations-list-thumbnails .js-stations-list-thumbnails a .program-item-title {
	color: var(--foreground-on-light-text-primary, #30303F);
	font-family: IBM Plex Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 24px */
}

.stations-list .carousel-stations-list-thumbnails .js-stations-list-thumbnails a:hover .program-item-img {
	position: relative;
	border-radius: 16px;
}

.stations-list:not(.presenters) .carousel-stations-list-thumbnails .js-stations-list-thumbnails a:hover .program-item-img:before {
	background-color: rgba(0,0,0,.5);
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	border-radius: 16px;
}

.stations-list .carousel-stations-list-thumbnails .js-stations-list-thumbnails a:hover .program-item-title {
	color: var(--foreground-on-light-text-accent, #4E46DC);
}

.stations-list.presenters .carousel-stations-list-thumbnails .js-stations-list-thumbnails a .program-item-title {
	text-align: center;
}

.stations .carouse-stations-home-thumbnails .js-stations-home-thumbnails a:hover:before {
	display: block;
	content: "";
	width: 122px;
	height: 122px;
	background: url(../images/kaFPXbX1AHBl.svg) no-repeat;
	background-position: center;
	position: absolute;
	border: 1px solid #D8BDF5;
	box-shadow: 0px 12px 32px 0px rgba(197, 151, 255, 0.60);
	border-radius: 16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 9;
}

.stations .carouse-stations-home-thumbnails .js-stations-home-thumbnails a:hover:after {
	display: block;
	content: "";
	position: absolute;
	border: 1px solid #D8BDF5;
	box-shadow: 0px 12px 32px 0px rgba(197, 151, 255, 0.60);
	border-radius: 16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 9;
	width: 122px;
	height: 122px;
}

.stations .carouse-stations-home-thumbnails .js-stations-home-thumbnails a.active-slide.loading-station:hover:before {
	display: block;
	content: "";
	width: 80px;
	height: 80px;
	background: url(../images/ly6q5i5cKbhe.svg) no-repeat !important;
	background-position: center;
	position: absolute;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 9;
	border: none;
	border-radius: unset;
	box-shadow: none;
}

.stations .carouse-stations-home-thumbnails .js-stations-home-thumbnails a img {
	width: 72px;
	height: 72px;
	-o-object-fit: contain;
	   object-fit: contain;
}


.stations-list .carousel-stations-list-thumbnails .js-stations-list-thumbnails a img {
	width: 155px;
	height: 155px;
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: 16px;
}

.stations-list.presenters .carousel-presenters-thumbnails .js-presenters-thumbnails a img {
	width: 160px;
	height: 160px;
	border-radius: 50%;
	margin-bottom: 16px;
	-o-object-fit: cover;
	   object-fit: cover;
}

.stations .carouse-stations-home-thumbnails .bx-wrapper,
.stations-list .carousel-stations-list-thumbnails .bx-wrapper {
	max-width: 1290px;
	margin: 0px auto;
	display: flex;
	flex-direction: column-reverse;
	flex-wrap: nowrap;
}

.stations-list .carousel-stations-list-thumbnails .bx-wrapper {
	max-width: 100% !important;
}

.stations .carouse-stations-home-thumbnails .bx-viewport {
	min-height: 182px;
	padding: 0 10px;
}

.stations-list .carousel-stations-list-thumbnails .bx-viewport {
	min-height: 240px;
}

.stations-list.presenters .carousel-stations-list-thumbnails .bx-viewport {
	min-height: 370px;
}

.stations .carouse-stations-home-thumbnails > .js-stations-home-thumbnails,
.stations-list .carousel-stations-list-thumbnails > .js-stations-list-thumbnails {
	padding: 83px 0 45px;
	min-height: 200px;
	overflow: hidden;
}

.stations .carouse-stations-home-thumbnails > .js-stations-home-thumbnails a {
	margin-left: 10px;
	padding: 24px;
	width: 122px !important;
}

.stations-list .carousel-stations-list-thumbnails > .js-stations-list-thumbnails a {
	width: 155px !important;
	margin-right: 24px;
}

.stations .carouse-stations-home-thumbnails > .js-stations-home-thumbnails::before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50px;
	z-index: 10;
	display: block;
	background: #fdfdfdb5;
	background: linear-gradient(270deg, #FCFCFD 14.8%, rgb(255 255 255 / 9%) 85.17%);
	border-radius: 8px;
}

.stations .carouse-stations-home-thumbnails .bx-controls.bx-has-controls-direction,
.stations-list .carousel-stations-list-thumbnails .bx-controls.bx-has-controls-direction {
	order: 1;
	display: flex;
	justify-content: flex-end;
	height: 40px;
	margin-bottom: 28px;
}

.stations .carouse-stations-home-thumbnails .bx-controls.bx-has-controls-direction .bx-controls-direction,
.stations-list .carousel-stations-list-thumbnails .bx-controls.bx-has-controls-direction .bx-controls-direction {
	position: relative;
	width: 84px;
}
.stations .carouse-stations-home-thumbnails .bx-controls-direction a,
.stations-list .carousel-stations-list-thumbnails .bx-controls-direction a {
	background: url(../images/XMBpifa4zhfR.svg) no-repeat 0 0;
	display: block;
	height: 40px;
	position: absolute;
	text-align: center;
	width: 40px;
	z-index: 1;
	border: 1px solid #9994B0;
	border-radius: 50%;
}
.stations .carouse-stations-home-thumbnails .bx-controls-direction a.disabled,
.stations-list .carousel-stations-list-thumbnails .bx-controls-direction a.disabled {
	opacity: 0.5;
}
.stations .carouse-stations-home-thumbnails .bx-prev,
.stations-list .carousel-stations-list-thumbnails .bx-prev {
	left: -2px;
	transform: rotate(90deg);
}
.stations .carouse-stations-home-thumbnails .bx-next,
.stations-list .carousel-stations-list-thumbnails .bx-next {
	right: 0;
	transform: rotate(-90deg);
}



.slider.slider_main {
	padding: 0 0 30px
}

.slider .slider-relative {
	position: relative
}

.slider .slider-relative img {
	max-width: 100%
}

.slider .js-slider > a {
	position: absolute;
	top: 0;
	left: 0
}

.slider .js-slider > a:first-child {
	position: relative
}

.slider .bx-controls-direction a {
	display: block;
	width: 56px;
	height: 96px;
	text-indent: -9999px;
	background: url(../images/hamy9My3hbrZ.png) no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -48px;
	z-index: 1;
	cursor: pointer
}

.slider .bx-controls-direction a.bx-prev {
	left: 0;
	background-position: 0 0
}

.slider .bx-controls-direction a.bx-prev:hover {
	background-position: 0 -96px
}

.slider .bx-controls-direction a.bx-next {
	right: 0;
	background-position: -56px 0
}

.slider .bx-controls-direction a.bx-next:hover {
	background-position: -56px -96px
}

.slider .js-slider-thumbnails {
	display: flex;
	justify-content: center;
	width: 100%;
	position: absolute;
	bottom: -21px;
	left: 0
}

.slider .js-slider-thumbnails a {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	vertical-align: top;
	position: relative;
	margin: 0 2px
}

.slider .js-slider-thumbnails a:before {
	display: none;
	content: "";
	width: 0;
	height: 0;
	border-width: 5px;
	border-style: solid;
	border-color: #2c69ae transparent transparent transparent;
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-bottom: -4px;
	margin-left: -5px
}

.slider .js-slider-thumbnails a span {
	display: block;
	width: 12px;
	height: 12px;
	border: 2px solid #2c69ae;
	border-radius: 6px
}

.slider .js-slider-thumbnails a img {
	display: none
}

.slider .js-slider-thumbnails a:hover:before {
	display: block
}

.slider .js-slider-thumbnails a:hover img {
	display: block;
	max-width: 81px;
	max-height: 41px;
	border: 2px solid #2c69ae;
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-bottom: 5px;
	margin-left: -38px
}

.slider .js-slider-thumbnails a.active {
	background-color: #2c69ae
}

.slider.slider-contain .slider-relative {
	margin: 0 50px 60px;
}

.slider.radio-station .slider-relative {
	margin: 0 0 60px;
}


.slider.slider-contain .slider-relative .bx-viewport,
.slider.radio-station .slider-relative .bx-viewport {
	border-radius: 8px;
}


.slider.slider-contain .js-slider-thumbnails,
.slider.radio-station .js-slider-thumbnails {
	bottom: -24px;
}

.slider.slider-contain .js-slider-thumbnails a.active,
.slider.radio-station .js-slider-thumbnails a.active {
	border-color: #6A6CEA;
}

.slider.slider-contain .js-slider-thumbnails a.active,
.slider.radio-station .js-slider-thumbnails a.active {
	 background-color: #6A6CEA;
}

.slider.slider-contain .js-slider-thumbnails a span,
.slider.radio-station .js-slider-thumbnails a span {
	border: 2px solid #6A6CEA;
}

.slider.slider-contain .js-slider-thumbnails a:before,
.slider.radio-station .js-slider-thumbnails a:before {
	border-color: #2c69ae transparent transparent transparent;
}

.slider.slider-contain .bx-controls-direction,
.slider.radio-station .bx-controls-direction {
	display: none;
}

.important {
	padding-bottom: 47px
}

.important .container {
	position: relative
}

.important h3 {
	background-color: #ab093b;
	font-weight: 600;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	top: 43px;
	left: -93px;
	z-index: 1;
	transform: rotate(270deg);
	border-radius: 6px;
}

.important h3 a {
	display: block;
	color: inherit;
	text-decoration: none;
	padding: 2px 0 4px 0;
	width: 116px
}

.important .carousel {
	position: relative;
	overflow: hidden
}

.important .bx-controls-direction a {
	display: block;
	width: 28px;
	height: 140px;
	padding-top: 51px;
	position: absolute;
	top: 0 !important;
	z-index: 1;
	cursor: pointer
}

.important .bx-controls-direction a span {
	display: block;
	width: 28px;
	height: 48px;
	text-indent: -9999px;
	background: url(../images/hamy9My3hbrZ.png) no-repeat
}

.important .bx-controls-direction a.bx-prev {
	left: 0
}

.important .bx-controls-direction a.bx-prev span {
	background-position: 0 -192px
}

.important .bx-controls-direction a.bx-prev:hover span {
	background-position: -56px -192px
}

.important .bx-controls-direction a.bx-next {
	right: 0
}

.important .bx-controls-direction a.bx-next span {
	background-position: -28px -192px
}

.important .bx-controls-direction a.bx-next:hover span {
	background-position: -84px -192px
}

.important .bx-controls-direction a.disabled {
	display: none
}

.important .item {
	float: left;
	position: relative
}

.important .item a {
	display: block;
	position: relative
}

.important .item img {
	display: block;
	width: 100%
}

.important .item b {
	display: block;
	font-weight: 600;
	font-size: 14px;
	line-height: 21px;
	padding-top: 5px
}

.important .item span {
	display: block;
	font-weight: normal;
	font-size: 14px
}

.featured .featured-content {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
	margin: 24px 0 126px;
	gap: 12px;
}

.featured .playlist {
	display: flex;
	width: 33.33%;
	margin-bottom: 10px;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	/*gap: 16px;*/
}

.featured .playlist .playlist-item {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: flex-start;
	width: 100%;
	border-radius: 8px;
	background: linear-gradient(260deg, #E0BEFF 4.74%, #FADBB9 101.56%);
	padding: 12px;
}

.featured .playlist .playlist-item:not(:first-child) {
	margin-top: 16px;
}

.featured .playlist .playlist-item:hover {
	border-radius: 8px;
	border: #D8BDF5;
	box-shadow: 0px 8px 24px 0px rgba(197, 151, 255, 0.40);
	cursor: pointer;
}

.featured .playlist .playlist-item:hover .playlist-item-image:before {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background: url(../images/kaFPXbX1AHBl.svg) no-repeat;
	background-position: center;
	position: absolute;
	z-index: 9;
}

.featured .playlist-item-image {
	width: 108px;
	height: 108px;
	border-radius: 8px;
	position: relative;
}

.featured .playlist-item-image img {
	width: 108px;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: 8px;
}

.featured .playlist-info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	margin-left: 8px;
}

.featured .playlist-item-title {
	color: #30303F;
	font-family: IBM Plex Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
}

.featured .playlist-item-list {
	color: #30303F;
	font-family: IBM Plex Sans;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 16.8px */
}

.featured .playlist-item-total {
	color: #888AA8;
	font-family: IBM Plex Sans;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 18px */
}

.featured .news {
	width: 66.66%;
}

.featured .news .articles-list {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
}

.featured .news.articles .articles-list .item {
	width: 50%;
}

.articles {
	position: relative
}

.articles .grid {
	margin-left: -15px;
	margin-right: -15px
}

.articles .grid:after {
	display: table;
	content: "";
	width: 100%
}

.top .articles .container,
.top .video .container {
	margin-bottom: 120px;
}

.articles h3 {
	background-color: linear-gradient(90deg, rgba(57,79,217,0) 0%, rgba(255,181,20,0) 35%, rgba(0,212,255,1) 100%);
	font-weight: 600;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	top: 43px;
	left: -93px;
	z-index: 1;
	transform: rotate(270deg);
	border-radius: 6px;
}

.articles h3 a {
	display: block;
	color: inherit;
	text-decoration: none;
	padding: 2px 0 4px 0;
	width: 116px
}

.articles .item {
	float: left;
	width: 25%;
	padding: 0 15px;
	margin-bottom: 22px
}

.articles .fixed {
	width: 25%;
	margin-bottom: 22px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0
}

.articles .item .resize, .articles .fixed .resize {
	display: block;
	width: auto !important;
	max-width: 100% !important;
	margin: 0 auto
}

.articles .item a, .articles .fixed a {
	display: block;
	position: relative
}

.articles .item a {
	width: 100%;
}

.articles .item a .show, .articles .fixed a .show {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}

.articles .item a .show > img, .articles .fixed a .show > img {
	width: 100%
}

.articles .item a b, .articles .fixed a b {
	display: block;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	padding-top: 14px
}

.articles .item a span, .articles .fixed a span {
	display: block;
	font-weight: normal;
	font-size: 14px
}

.articles .item a span.item-anons, .articles .fixed a span.item-anons {
	line-height: 24px;
	padding-top: 2px
}

.articles .item a .station, .articles .fixed a .station {
	display: none;
	width: 100%;
	height: 128px;
	line-height: 124px;
	color: #fff;
	text-align: center;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -64px;
	z-index: 1
}

.articles .item a .station span, .articles .fixed a .station span {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	line-height: 14px
}

.articles .item a .station u, .articles .fixed a .station u {
	display: block;
	text-decoration: none
}

.articles .item a .station u img, .articles .fixed a .station u img {
	width: auto !important
}

.articles .item a .station img, .articles .fixed a .station img {
	max-width: 100%;
	max-height: 90px;
	margin-bottom: 10px
}

.articles .item a .station i, .articles .fixed a .station i {
	display: inline-block;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 5px 7px 6px 7px;
	background-color: #fa4e0a;
	margin-bottom: 5px
}

.articles .item a .show img {
	transition: 0.3s;
}

.articles .item a:hover .show img {
	transform: scale(1.1);
}

.articles .item a:hover .show:before, .articles .fixed a:hover .show:before {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.articles .articles-list .item a.item-content:hover .item-content-title {
	color: #4E46DC;
}

.articles .item a:hover .station, .articles .fixed a:hover .station {
	display: block
}

.gradient-border {
	padding: 2px;
	border-radius: 8px;
	background: linear-gradient(68.97deg, #C07CFF 11.55%, #ED8786 56.38%, #F5BF6D 100%);
}
.gradient-border a {
	border-radius: 6px;
	background: #fcfcfd;
	padding: 12px;
}

.gradient-border a:hover {
    background: none;
	color: #fff !important;
}

.articles .articles-title {
	color: #3B4368;
	text-align: left;
	font-family: IBM Plex Sans;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 36px */
	letter-spacing: -0.264px;
}

.articles .articles-nav {
	overflow: auto;
}

.articles .articles-nav .category-list-item {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	margin: 24px 0;
}
.articles .articles-nav .category-list-item .category-item {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
	border-radius: 8px;
	background: #EEE8F6;
	cursor: pointer;
}
.articles .articles-nav .category-list-item .category-item button {
	font-family: IBM Plex Sans;
	border-radius: 8px;
	background: #EEE8F6;
	padding: 12px;
	cursor: pointer;
	background: none;
	border: 1px solid #eee8f6;
}
.articles .articles-nav .category-list-item .category-item button.active {
	border: 1px solid #4E46DC;
	color: #4E46DC;
}
.articles .articles-list {
	display: flex;
	flex-wrap: wrap;
}
.articles .articles-list.articles-loading {
	filter: blur(5px);
	min-height: 600px;
}
.articles .articles-list .item {
	display: flex;
	width: 33.33%;
	padding: 0 12px;
	margin-bottom: 10px;
	min-height: 420px;
}
.articles .articles-list .item .item-content {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.articles .articles-list .item img {
	border-radius: 8px;
	height: 236px;
	-o-object-fit: cover;
	   object-fit: cover;
	width: 100%;
}
.articles .item a:hover .show:before {
	background-color: rgba(0,0,0,.5);
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	border-radius: 8px;
}
.articles .articles-list .item .item-content .item-content-category {
	color: #AD71E5;
	font-size: 14px;
	font-style: normal;
	font-family: IBM Plex Sans;
	font-weight: 500;
	line-height: 150%; /* 21px */
	letter-spacing: -0.154px;
	text-transform: uppercase;
	margin-top: 16px;
}
.articles .articles-list .item .item-content .item-content-title {
	flex: 1 0 auto;
	color: #3D3C46;
	font-family: IBM Plex Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 30px */
	letter-spacing: -0.22px;
}
.articles .articles-list .item .item-content .item-content-date {
	color: #7A7A7A;
	font-family: IBM Plex Sans;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 21px */
	letter-spacing: -0.154px;
}

.all-items-link,
.articles .all-articles {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 24px;
}

.button-loader-container.gradient {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 40px 0 120px;
}

.all-items-link a,
.articles .all-articles a {
	color: #3D3C46;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 24px */
	letter-spacing: -0.176px;
	display: inline-flex;
	padding: 12px;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.button-loader-container.gradient .button-loader {
	color: #3D3C46;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
	letter-spacing: -0.176px;
	display: inline-flex;
	padding: 12px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border: none;
	margin: auto;
	border-radius: 6px;
	background: #fcfcfd;
}

.button-loader-container.gradient .button-loader:hover {
	background: none;
	color: #fff !important;
}

.feed-loader {
	margin: 60px auto;
}

.video {
	padding-top: 30px;
	padding-bottom: 47px
}

.video .container {
	position: relative
}

.video h3 {
	background-color: #7f45ce;
	font-weight: 600;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	top: 43px;
	left: -93px;
	z-index: 1;
	transform: rotate(270deg)
}

.video h3 a {
	display: block;
	color: inherit;
	text-decoration: none;
	padding: 2px 0 4px 0;
	width: 116px
}

.video .carousel {
	overflow: hidden
}

.video .carousel-item {
	float: left;
	width: 780px
}

.video .carousel-item a {
	display: block;
	position: relative
}

.video .carousel-item a:before {
	display: block;
	content: "";
	width: 82px;
	height: 82px;
	background: url(../images/sCGNeSIXvdzt.png) 0 -34px no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -41px 0 0 -41px
}

.video .carousel-thumbnails {
	float: right;
	width: 240px;
	position: relative
}

.video .carousel-thumbnails .js-video-thumbnails a {
	display: block;
	position: relative
}

.video .carousel-thumbnails .js-video-thumbnails a:before {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0
}

.video .carousel-thumbnails .js-video-thumbnails a img {
	max-width: 100%
}

.video .carousel-thumbnails .js-video-thumbnails a:hover:before, .video .carousel-thumbnails .js-video-thumbnails a.active-slide:before {
	display: none
}

.video .carousel-thumbnails .bx-controls-direction a {
	display: block;
	background-color: rgba(0, 0, 0, 0.5);
	text-align: center;
	width: 100%;
	height: 35px;
	position: absolute;
	z-index: 1
}

.video .carousel-thumbnails .bx-controls-direction a span {
	display: block;
	width: 17px;
	height: 10px;
	background: url(../images/sCGNeSIXvdzt.png) no-repeat;
	margin: 0 auto
}

.video .carousel-thumbnails .bx-controls-direction a.bx-prev {
	top: 0;
	padding-top: 11px
}

.video .carousel-thumbnails .bx-controls-direction a.bx-prev span {
	background-position: 0 -14px
}

.video .carousel-thumbnails .bx-controls-direction a.bx-next {
	bottom: 0;
	padding-top: 10px
}

.video .carousel-thumbnails .bx-controls-direction a.bx-next span {
	background-position: 0 -24px
}

.video .carousel-thumbnails .bx-controls-direction a.disabled {
	display: none
}

.video .video-content {
	max-width: 780px;
	padding-top: 10px;
	position: relative;
	overflow: hidden
}

.video .video-content .more {
	display: block;
	float: left;
	background-color: #7f45ce;
	font-weight: 600;
	font-size: 18px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	padding: 4px 20px
}

.video .video-content .more:hover {
	opacity: .8;
}

.video .video-content .share {
	float: right;
	height: 32px
}

.video .video-content .share > li {
	float: left
}

.video .video-content .share > li + li {
	margin-left: 4px
}

.video .video-content .share a {
	display: block;
	text-indent: -9999px;
	width: 32px;
	height: 31px;
	background: url(../images/lkaCaq6P8SAZ.png) no-repeat;
	transition: all 0.2s ease-in-out
}

.video .video-content .share a.item1 {
	background-position: 0 0
}

.video .video-content .share a.item2 {
	background-position: -32px 0
}

.video .video-content .share a.item3 {
	background-position: -64px 0
}

.video .video-content .share a.item4 {
	background-position: -96px 0
}

.video .video-content .share a.item5 {
	background-position: -128px 0
}

.video .video-content .share a.item6 {
	background-position: -160px 0
}

.video .video-content .share a:hover {
	transform: translateY(-4px);
	outline-offset: -1px
}

.video .video-title {
	position: absolute;
	left: 22px;
	color: #3B4368;
	text-align: left;
	font-family: IBM Plex Sans;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 36px */
	letter-spacing: -0.264px;
}

.video.video-station .video-title {
	left: 10px;
}

.video .all-video {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 24px;
}
.video .all-video a {
	color: #3D3C46;
	font-family: IBM Plex Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 24px */
	letter-spacing: -0.176px;
	display: inline-flex;
	padding: 12px;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.video-home-modal,
.video-station-modal {
	display: none;
	position: relative;
	z-index: 9999;
}
.video-home-modal.opened,
.video-station-modal.opened {
	display: block;
}
.video-home-modal:before,
.video-station-modal:before {
	content: "";
	display: none;
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}
.video-home-modal.opened:before,
.video-station-modal.opened:before {
	display: block;
}
.bxslider-video-home,
.bxslider-video-station {
	position: fixed;
	z-index: 1001;
	top: 5%;
	left: 50%;
	width: 100%;
	height: 95%;
	transform: translateX(-50%);
	transition: transform 0.3s ease-out;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.video .carouse-video-home-thumbnails .bx-wrapper,
.video .carouse-video-station-thumbnails .bx-wrapper {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}

.video.video-station .carouse-video-home-thumbnails .bx-wrapper,
.video.video-station .carouse-video-station-thumbnails .bx-wrapper {
	max-width: 100% !important;
}

.video .carouse-video-home-thumbnails .bx-wrapper .bx-viewport,
.video .carouse-video-station-thumbnails .bx-wrapper .bx-viewport {
	display: flex;
	flex-direction: column;
	order: 2;
}
.carouse-video-home-thumbnails a > picture,
.carouse-video-station-thumbnails a > picture {
	position: relative;
	width: 100%;
	height: 202px;
	display: flex;
	justify-content: center;
	border-radius: 8px;
}
.carouse-video-home-thumbnails a > picture > img,
.carouse-video-station-thumbnails a > picture > img {
	border-radius: 8px;
	background: #C5C5C5;
	max-height: 100%;
}

.carouse-video-home-thumbnails a:hover > picture:before,
.carouse-video-station-thumbnails a:hover > picture:before {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background: url(../images/kaFPXbX1AHBl.svg) no-repeat;
	background-position: center;
	position: absolute;
	z-index: 9;
}

.carouse-video-home-thumbnails a.tiktok > picture > img,
.carouse-video-station-thumbnails a.tiktok > picture > img {
	-o-object-fit: contain;
	   object-fit: contain;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-blend-mode: color-burn;
}
.carouse-video-home-thumbnails a > p,
.carouse-video-station-thumbnails a > p {
	color: #3D3C46;
	font-family: IBM Plex Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 30px */
	letter-spacing: -0.22px;
	margin-top: 22px;
}
.video .carouse-video-home-thumbnails .bx-controls.bx-has-controls-direction,
.video .carouse-video-station-thumbnails .bx-controls.bx-has-controls-direction {
	height: 40px;
	order: 1;
	display: flex;
	justify-content: flex-end;
	height: 40px;
	margin-bottom: 28px;
}
.video .carouse-video-home-thumbnails .bx-controls.bx-has-controls-direction .bx-controls-direction,
.video .carouse-video-station-thumbnails .bx-controls.bx-has-controls-direction .bx-controls-direction {
	position: relative;
	width: 84px;
}
.video .carouse-video-home-thumbnails .bx-controls-direction a,
.video .carouse-video-station-thumbnails .bx-controls-direction a {
	background: url(../images/XMBpifa4zhfR.svg) no-repeat 0 0;
	display: block;
	height: 40px;
	position: absolute;
	text-align: center;
	width: 40px;
	z-index: 1;
	border: 1px solid #9994B0;
	border-radius: 50%;
}
.video .carouse-video-home-thumbnails .bx-controls-direction a.disabled,
.video .carouse-video-station-thumbnails .bx-controls-direction a.disabled {
	opacity: 0.5;
}
.video .carouse-video-home-thumbnails .bx-prev,
.video .carouse-video-station-thumbnails .bx-prev {
	left: -2px;
	transform: rotate(90deg);
}
.video .carouse-video-home-thumbnails .bx-next,
.video .carouse-video-station-thumbnails .bx-next {
	right: 0;
	transform: rotate(-90deg);
}
.fancybox-wrap.wrap-modal .fancybox-skin {
	background: transparent;
	box-shadow: none;
}
.video-modal-fancybox {
	position: relative;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.video-modal-fancybox p {
	color: #E8E5FF;
	font-family: IBM Plex Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 30px */
	letter-spacing: -0.22px;
	margin-top: 14px;
}
.video-modal-fancybox .fancybox-nav {
	position: fixed;
	top: 50%;
	height: auto;
	width: auto;
	transform: translateY(-50%);
	z-index: 999;
}
.video-modal-fancybox .fancybox-nav.fancybox-prev {
	left: 30px;
}
.video-modal-fancybox .fancybox-nav.fancybox-next {
	right: 30px;
}
.bxslider-video-home .bxslider-video-home-thumbnails > li,
.bxslider-video-station .bxslider-video-station-thumbnails > li {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	min-width: calc(100vw - 10px);
}
.bxslider-video-home .bx-controls-direction > a,
.bxslider-video-station .bx-controls-direction > a {
	display: block;
	width: -moz-min-content;
	width: min-content;
	height: auto;
	position: absolute;
	top: 35%;
}
.bxslider-video-home .bx-controls-direction > a.bx-prev,
.bxslider-video-station .bx-controls-direction > a.bx-prev {
	left: 28px;
}
.bxslider-video-home .bx-controls-direction > a.bx-next,
.bxslider-video-station .bx-controls-direction > a.bx-next {
	right: 28px;
}
.bxslider-video-home .video-iframe,
.bxslider-video-station .video-iframe {
	width: 560px;
	height: 450px;
	border-radius: 8px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.bxslider-video-home .video-iframe.tiktok,
.bxslider-video-station .video-iframe.tiktok {
	width: 200px;
}
.bxslider-video-home .video-iframe.tiktok .iframe-video,
.bxslider-video-station .video-iframe.tiktok .iframe-video {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.bxslider-video-home .video-iframe.tiktok .iframe-video blockquot,
.bxslider-video-station .video-iframe.tiktok .iframe-video blockquote {
	position: absolute;
	top: 20px;
	left: 50%;
	-ms-zoom: 0.6;
	-moz-transform: scale(0.7) translate(-50%, -50%);
	-moz-transform-origin: 0 0;
	-o-transform: scale(0.7) translate(-50%, -50%);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(0.7) translate(-50%, -50%);
	-webkit-transform-origin: 0 0;
}
.bxslider-video-home .video-label,
.bxslider-video-station .video-label {
	width: 560px;
	color: #E8E5FF;
	font-family: IBM Plex Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 30px */
	letter-spacing: -0.22px;
	margin-top: 20px;
}
.bxslider-video-home .video-label.tiktok,
.bxslider-video-station .video-label.tiktok {
	display: none;
}
.video-home-modal .close-modal,
.video-station-modal .close-modal {
	position: fixed;
	top: 5%;
	right: 24px;
	width: auto;
	height: auto;
	z-index: 10002;
	cursor: pointer;
}
#bx-pager-video-home-thumbnails,
#bx-pager-video-station-thumbnails {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 50px;
}
#bx-pager-video-home-thumbnails > a,
#bx-pager-video-station-thumbnails > a {
	border-radius: 4px;
	background: #C5C5C5;
	width: calc(10% - 16px);
	margin: 8px 8px;
	filter: brightness(50%);
}
#bx-pager-video-home-thumbnails > a.active,
#bx-pager-video-station-thumbnails > a.active {
	filter: none;
}
#bx-pager-video-home-thumbnails picture,
#bx-pager-video-station-thumbnails picture {
	width: 100%;
	height: 100%;
}
#bx-pager-video-home-thumbnails img,
#bx-pager-video-station-thumbnails img {
	-o-object-fit: cover;
	   object-fit: cover;
	width: 100%;
	border-radius: 4px;
}

.loading-block {
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: wave;
	animation-timing-function: linear;
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: wave;
	-webkit-animation-timing-function: linear;
	-moz-animation-duration: 1s;
	-moz-animation-fill-mode: forwards;
	-moz-animation-iteration-count: infinite;
	-moz-animation-name: wave;
	-moz-animation-timing-function: linear;
	background: #dddddd;
	background-image: -moz-gradient(
			linear,
			left center,
			right center,
			from(#dddddd),
			color-stop(0.2, #f5f5f5),
			color-stop(0.4, #e5e5e5),
			to(#dddddd)
	);
	background-image: -moz-linear-gradient(
			left,
			#dddddd 0%,
			#f5f5f5 20%,
			#e5e5e5 40%,
			#dddddd 100%
	);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.reverse-direction .loading-block {
	-webkit-animation-direction: reverse;
	-moz-animation-direction: reverse;
}
.loading > * {
	background: #fff;
	left: 0;
	position: absolute;
	right: 0;
}

.column {
	padding-top: 57px;
	padding-bottom: 19px
}

.column .container {
	position: relative
}

.column h3 {
	background-color: #00b3db;
	font-weight: 600;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	top: 43px;
	left: -93px;
	z-index: 1;
	transform: rotate(270deg)
}

.column h3 a {
	display: block;
	color: inherit;
	text-decoration: none;
	padding: 2px 0 4px 0;
	width: 116px
}

.column .grid {
	margin-left: -15px;
	margin-right: -15px
}

.column .grid:after {
	display: table;
	content: "";
	width: 100%
}

.column .item {
	display: inline-block;
	width: 33.33%;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 30px
}

.column .item a {
	display: block;
	position: relative
}

.column .item b {
	display: block;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	padding-top: 14px
}

.column .item span {
	display: block;
	font-weight: normal;
	font-size: 14px
}

.column .item img {
	width: 100%
}

.page-news {
	padding: 0 0 34px
}

.column-4 {
	position: relative
}

.column-4 .container {
	position: relative
}

.column-4 h3 {
	font-weight: 600;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	top: 63px;
	left: -93px;
	z-index: 1;
	transform: rotate(270deg)
}

.column-4 h3 a {
	display: block;
	color: inherit;
	text-decoration: none;
	padding: 2px 0 4px 0;
	width: 116px
}

.column-4 .content {
	margin: 0 -15px;
	position: relative;
	font-size: 0
}

.column-4 .content:after {
	display: table;
	width: 100%;
	content: ""
}

.column-4 .col {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding: 20px 15px 0 15px
}

.column-4 .col a {
	display: block
}

.column-4 .col a img {
	display: block;
	width: 100%
}

.column-4 .col b {
	display: block;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	padding-top: 13px
}

.column-4 .col .col-image {
	position: relative;
	margin-bottom: 16px
}

.column-4 .col .col-image span {
	display: block;
	width: 70px;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	background-color: #9e0be3;
	padding: 4px 0 2px 0;
	text-align: center;
	position: absolute;
	bottom: 0;
	right: 0
}

.column-4 .col .col-time {
	display: block;
	font-size: 12px;
	line-height: 14px;
	padding: 0 0 2px
}

.column-4 .col .col-title {
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 2px
}

.column-4 .col .col-anons {
	display: block;
	font-size: 14px;
	line-height: 24px;
	padding-top: 2px
}

.column-3 {
	position: relative
}

.column-3 .container {
	position: relative
}

.column-3 h3 {
	font-weight: 600;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	top: 63px;
	left: -93px;
	z-index: 1;
	transform: rotate(270deg)
}

.column-3 h3 a {
	display: block;
	color: inherit;
	text-decoration: none;
	padding: 2px 0 4px 0;
	width: 116px
}

.column-3 .content {
	margin: 0 -15px;
	position: relative;
	font-size: 0
}

.column-3 .content:after {
	display: table;
	width: 100%;
	content: ""
}

.column-3 .content.js-bs {
	margin-left: 0;
	margin-right: 0
}

.column-3 .content.js-bs .col {
	padding-left: 0;
	padding-right: 0
}

.column-3 .col {
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	padding: 20px 15px 0 15px
}

.column-3 .col a {
	display: block
}

.column-3 .col a .size330 {
	display: block;
	overflow: hidden;
	position: relative
}

.column-3 .col a .size330 > img {
	display: block;
	width: 100%
}

.column-3 .col a .size330 span {
	width: 1000px;
	height: 1000px;
	line-height: 996px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -500px 0 0 -500px
}

.column-3 .col a .size330 span img {
	display: inline-block;
	vertical-align: middle
}

.column-3 .col b {
	display: block;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	padding-top: 13px
}

.column-3 .col .col-image {
	position: relative;
	margin-bottom: 16px
}

.column-3 .col .col-image span {
	display: block;
	width: 70px;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	background-color: #9e0be3;
	padding: 4px 0 2px 0;
	text-align: center;
	position: absolute;
	bottom: 0;
	right: 0
}

.column-3 .col .col-time {
	display: block;
	font-size: 12px;
	line-height: 14px;
	padding: 0 0 2px
}

.column-3 .col .col-title {
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 2px
}

.column-3 .col .col-anons {
	display: block;
	font-size: 14px;
	line-height: 24px;
	padding-top: 2px
}

.column-3 .carousel {
	position: relative
}

.column-3 .bx-controls-direction a {
	display: block;
	width: 27px;
	height: 48px;
	text-indent: -9999px;
	background: url(../images/sCGNeSIXvdzt.png) -146px -13px no-repeat;
	position: absolute;
	top: 70px
}

.column-3 .bx-controls-direction a.bx-prev {
	left: 0
}

.column-3 .bx-controls-direction a.bx-prev.disabled {
	background-position: -146px -61px
}

.column-3 .bx-controls-direction a.bx-next {
	right: 0;
	background-position: -173px -13px
}

.column-3 .bx-controls-direction a.bx-next.disabled {
	background-position: -173px -61px
}

.person {
	padding: 0 0 0;
	position: relative
}

.person .container {
	position: relative
}

.person h3 {
	background-color: #ab093b;
	font-weight: 600;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	top: 43px;
	left: -93px;
	z-index: 1;
	transform: rotate(270deg)
}

.person h3 a {
	display: block;
	color: inherit;
	text-decoration: none;
	padding: 2px 0 4px 0;
	width: 116px
}

.person .person-list {
	display: table;
	margin: 0 -15px;
	position: relative;
	font-size: 0
}

.person .person-list > li {
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	padding: 0 15px;
	margin: 0 0 20px
}

.person .person-list > li a {
	display: block
}

.person .person-list > li a img {
	display: block;
	width: 100%
}

.person .person-list > li a b {
	display: block;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	padding-top: 4px
}

.table {
	padding: 0 0 50px
}

.table h3 {
	font-weight: 600;
	font-size: 30px;
	line-height: 30px;
	text-transform: uppercase;
	padding: 0 0 18px
}

.table .table-responsive {
	overflow-y: hidden;
	overflow-x: auto
}

.table table {
	width: 100%;
	white-space: nowrap
}

.table table tr:nth-child(odd) td, .table table tr:nth-child(odd) th {
	background-color: #ededed
}

.table table th {
	font-weight: 600;
	font-size: 18px;
	line-height: 30px;
	text-transform: uppercase;
	text-align: left;
	padding: 3px 10px;
	border: 1px solid #ededed
}

.table table td {
	font-size: 12px;
	line-height: 14px;
	padding: 9px 10px 7px 10px;
	border: 1px solid #ededed
}

.podcasts {
	padding: 0 0 20px;
	position: relative
}

.podcasts .container {
	position: relative
}

.podcasts .podcasts__link {
	display: inline-block;
	min-height: 110px;
	vertical-align: top;
	color: #070c1b;
	text-decoration: none;
	padding: 26px 0 0 190px;
	margin: 0 0 20px;
	position: relative
}

.podcasts .podcasts__link img {
	position: absolute;
	top: 0;
	left: 0
}

.podcasts .podcasts__link b {
	display: block;
	font-weight: 600;
	font-size: 30px;
	line-height: 30px;
	text-transform: uppercase;
	padding: 0 0 3px
}

.podcasts h3 {
	background-color: #f94563;
	font-weight: 600;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	top: 43px;
	left: -93px;
	z-index: 1;
	transform: rotate(270deg)
}

.podcasts h3 a {
	display: block;
	color: inherit;
	text-decoration: none;
	padding: 2px 0 4px 0;
	width: 116px
}

.podcasts .podcasts-list {
	background-color: #ededed;
	padding: 20px
}

.podcasts .podcasts-list > li {
	background-color: #fff;
	position: relative;
	padding: 15px 20px 20px 20px
}

.podcasts .podcasts-list > li + li {
	margin-top: 20px
}

.podcasts .podcasts-list .post {
	position: relative
}

.podcasts .podcasts-list .post:after {
	display: table;
	width: 100%;
	content: ""
}

.podcasts .podcasts-list .post.post_small .post-photo {
	width: 170px
}

.podcasts .podcasts-list .post.post_small .post-content {
	margin-left: 190px;
	padding-left: 0
}

.podcasts .podcasts-list .post.post_small .post-content b a {
	color: #000
}

.podcasts .podcasts-list .post.post_small .post-content .post-play {
	display: inline-block;
	position: relative
}

.podcasts .podcasts-list .post.post_small .post-content .post-play a {
	float: left;
	display: block;
	text-indent: -9999px;
	width: 41px;
	height: 41px;
	background: url(../images/sCGNeSIXvdzt.png) 0 -157px no-repeat;
	position: relative;
	margin-right: 10px
}

.podcasts .podcasts-list .post.post_small .post-content .post-play a.active, .podcasts .podcasts-list .post.post_small .post-content .post-play a:hover {
	background-position: 0 -116px
}

.podcasts .podcasts-list .post.post_small .post-content .post-play a.is-pause {
	background-position: 0 -198px
}

.podcasts .podcasts-list .post.post_small .post-content .post-play a.is-stop {
	background-position: 0 -239px
}

.podcasts .podcasts-list .post.post_small .post-content .post-play__name {
	position: relative;
	max-width: 400px;
	padding-top: 13px;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 60px
}

.podcasts .podcasts-list .post.post_small .post-content .post-play__name u {
	overflow: hidden;
	font-size: 14px;
	line-height: 16px;
	color: #000;
	text-decoration: none;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative
}

.podcasts .podcasts-list .post.post_small .post-content i {
	float: left;
	font-size: 12px;
	color: #61605f;
	position: absolute;
	top: 2px;
	right: 0
}

.podcasts .podcasts-list .post.post_small .post-content .post-list {
	padding-top: 15px
}

.podcasts .podcasts-list .post.post_small .post-content .post-list > li {
	position: relative;
	overflow: hidden;
	height: 41px;
	line-height: 39px
}

.podcasts .podcasts-list .post.post_small .post-content .post-list > li + li {
	margin-top: 10px
}

.podcasts .podcasts-list .post.post_small .post-content .post-more a {
	font-size: 14px;
	text-transform: lowercase;
	text-align: center;
	padding: 7px 0
}

.podcasts .podcasts-list .post.post_small .post-content .post-more a:before {
	display: none
}

.podcasts .podcasts-list .post .post-photo {
	float: left;
	width: 240px;
	margin-top: 5px
}

.podcasts .podcasts-list .post .post-photo img {
	display: block;
	width: 100%
}

.podcasts .podcasts-list .post .post-content {
	padding-left: 50px;
	margin-left: 260px;
	padding-right: 130px;
	position: relative
}

.podcasts .podcasts-list .post .post-content a.play {
	display: block;
	text-indent: -9999px;
	width: 32px;
	height: 32px;
	background: url(../images/sCGNeSIXvdzt.png) -82px -82px no-repeat;
	position: absolute;
	top: 5px;
	left: 0;
	transition: all 0.3s ease
}

.podcasts .podcasts-list .post .post-content a.play.is-pause {
	background-position: -82px -135px
}

.podcasts .podcasts-list .post .post-content a.play.is-stop {
	background-position: -82px -167px
}

.podcasts .podcasts-list .post .post-content a.play:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8
}

.podcasts .podcasts-list .post .post-content b {
	display: block;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px
}

.podcasts .podcasts-list .post .post-content span {
	display: block;
	line-height: 18px;
	padding-top: 2px
}

.podcasts .podcasts-list .post .post-content .post-more {
	text-align: right;
	position: absolute;
	top: 8px;
	right: 0
}

.podcasts .podcasts-list .post .post-content .post-more span {
	display: block;
	font-size: 12px;
	line-height: 14px;
	color: #61605f;
	padding: 0 0 17px
}

.podcasts .podcasts-list .post .post-content .post-more a {
	display: block;
	width: 113px;
	background-color: #fc561f;
	font-size: 17px;
	line-height: 20px;
	text-align: left;
	padding: 5px 0 9px 34px;
	color: #fff;
	position: relative;
	transition: all 0.3s ease
}

.podcasts .podcasts-list .post .post-content .post-more a:before {
	display: block;
	content: "";
	width: 12px;
	height: 15px;
	background: url(../images/sCGNeSIXvdzt.png) -37px -15px no-repeat;
	position: absolute;
	top: 10px;
	left: 17px
}

.podcasts .podcasts-list .post .post-content .post-more a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8
}

.podcasts.podcasts_play .podcasts-list {
	padding: 0 0 10px;
	background-color: transparent
}

.podcasts.podcasts_play .podcasts-list > li {
	padding: 0
}

.podcasts .song__audio .post {
	padding: 20px 0 0;
	position: relative
}

.podcasts .song__audio .post:after {
	display: table;
	width: 100%;
	content: ""
}

.podcasts .song__audio .post-image {
	float: left;
	width: 40px;
	height: 40px;
	margin-top: 2px
}

.podcasts .song__audio .post-image img {
	display: block;
	width: 100%
}

.podcasts .song__audio .post-play {
	float: left;
	margin-top: 2px;
	width: 43px
}

.podcasts .song__audio .post-play a {
	display: block;
	text-indent: -9999px;
	width: 41px;
	height: 41px;
	background: url(../images/sCGNeSIXvdzt.png) 0 -157px no-repeat;
	position: relative;
	top: -1px
}

.podcasts .song__audio .post-play a.active, .podcasts .song__audio .post-play a:hover {
	background-position: 0 -116px
}

.podcasts .song__audio .post-play a.is-pause {
	background-position: 0 -198px
}

.podcasts .song__audio .post-play a.is-stop {
	background-position: 0 -239px
}

.podcasts .song__audio .post-title {
	margin-left: 120px;
	margin-right: 200px;
	font-size: 18px;
	line-height: 20px
}

.podcasts .song__audio .post-title span {
	display: block;
	font-size: 14px;
	line-height: 14px;
	padding-top: 9px
}

.podcasts .song__audio .post-control {
	display: block;
	width: 125px;
	height: 25px;
	font-weight: 600;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	color: #fff;
	background-color: #0967d6;
	text-transform: uppercase;
	padding-top: 6px;
	position: absolute;
	bottom: 0;
	left: 0
}

.podcasts .song__audio .post-control:hover {
	background-color: #1982ff
}

.podcasts .song__audio .post-favorite {
	height: 25px;
	font-size: 10px;
	line-height: 25px;
	color: #000;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	right: 0
}

.podcasts .song__audio .post-favorite:before {
	float: left;
	display: block;
	content: "";
	width: 25px;
	height: 25px;
	background: url(../images/sCGNeSIXvdzt.png) -114px -132px no-repeat;
	margin-right: 6px
}

.podcasts .song__audio .post-favorite:hover:before {
	background-position: -139px -132px
}

.podcasts .song__audio .post-favorite.active:before {
	background-position: -164px -132px
}

.podcasts .song__audio .post-progress {
	padding-top: 23px;
	margin: 0 30px 0 60px;
	position: relative
}

.podcasts .song__audio .post-progress:after {
	display: table;
	content: "";
	width: 100%
}

.podcasts .song__audio .post-progress > span {
	display: block;
	font-size: 10px;
	line-height: 14px;
	color: #070c1b
}

.podcasts .song__audio .post-progress .start {
	position: absolute;
	top: 16px;
	left: 0
}

.podcasts .song__audio .post-progress .stop {
	position: absolute;
	top: 16px;
	right: 0
}

.podcasts .song__audio .post-progress .audio-progress {
	height: 2px;
	background-color: #cfcfcf;
	position: relative;
	margin: 0 37px
}

.podcasts .song__audio .post-progress .audio-progress .ui-slider-range {
	background-color: #0967d6;
	height: 2px;
	position: absolute;
	top: 0;
	left: 0
}

.podcasts .song__audio .post-progress .audio-progress .ui-slider-handle {
	display: block;
	width: 12px;
	height: 12px;
	background-color: #0967d6;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	margin-left: -6px;
	cursor: pointer
}

.podcasts .page__more {
	padding: 40px 0 20px 0
}

.music {
	padding: 0 0 58px
}

.music .container {
	position: relative
}

.music h3 {
	background-color: #ff9103;
	font-weight: 600;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	top: 53px;
	left: -103px;
	z-index: 1;
	transform: rotate(270deg)
}

.music h3 a {
	display: block;
	color: inherit;
	text-decoration: none;
	padding: 2px 0 4px 0;
	width: 136px
}

.music .carousel {
	position: relative
}

.music .content {
	position: relative
}

.music .content:after {
	display: table;
	width: 100%;
	content: ""
}

.music .content > li {
	display: inline-block;
	vertical-align: top;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px
}

.music .content > li a {
	display: block
}

.music .content > li img {
	display: block;
	width: 100%
}

.music .content > li span {
	display: block;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	padding-top: 6px
}

.music .bx-controls-direction a {
	display: block;
	width: 27px;
	height: 48px;
	text-indent: -9999px;
	background: url(../images/sCGNeSIXvdzt.png) -146px -13px no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -50px
}

.music .bx-controls-direction a.bx-prev {
	left: 0
}

.music .bx-controls-direction a.bx-prev.disabled {
	background-position: -146px -61px
}

.music .bx-controls-direction a.bx-next {
	right: 0;
	background-position: -173px -13px
}

.music .bx-controls-direction a.bx-next.disabled {
	background-position: -173px -61px
}

.programs {
	position: relative
}

.programs h3 {
	background-color: #00b3db;
	font-weight: 600;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	top: 43px;
	left: -93px;
	z-index: 1;
	transform: rotate(270deg)
}

.programs h3 a {
	display: block;
	color: inherit;
	text-decoration: none;
	padding: 2px 0 4px 0;
	width: 116px
}

.programs .grid {
	margin: 0 -15px
}

.programs .grid:after {
	display: table;
	width: 100%;
	content: ""
}

.programs .item {
	display: inline-block;
	width: 33.33%;
	padding: 0 15px;
	margin-bottom: 29px
}

.programs .item a {
	display: block;
	position: relative
}

.programs .item b {
	display: block;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	padding-top: 14px
}

.programs .item span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	padding-top: 2px
}

.program-block .program-url {
	font-size: 14px;
	color: #70b1f2;
	padding: 0 0 16px
}

.program-block .program-url a {
	color: inherit;
	text-decoration: underline
}

.program-block .program-url a:hover {
	color: #0967d6
}

.program-block .share {
	height: 32px;
	margin: 0 0 25px
}

.program-block .share > li {
	float: left
}

.program-block .share > li + li {
	margin-left: 4px
}

.program-block .share a {
	display: block;
	text-indent: -9999px;
	width: 32px;
	height: 31px;
	background: url(../images/lkaCaq6P8SAZ.png) no-repeat;
	transition: all 0.2s ease-in-out
}

.program-block .share a.item1 {
	background-position: 0 0
}

.program-block .share a.item2 {
	background-position: -32px 0
}

.program-block .share a.item3 {
	background-position: -64px 0
}

.program-block .share a.item4 {
	background-position: -96px 0
}

.program-block .share a.item5 {
	background-position: -128px 0
}

.program-block .share a.item6 {
	background-position: -160px 0
}

.program-block .share a:hover {
	transform: translateY(-4px);
	outline-offset: -1px
}

.program-block h2 {
	font-size: 24px;
	line-height: 24px;
	padding: 0 0 22px
}

.program-block p {
	padding: 0 0 18px !important
}

.page {
	font-size: 16px;
	line-height: 24px;
	padding: 18px 0
}

.page h1 {
	font-size: 40px;
	line-height: 28px;
	padding: 0 0 12px
}

.page h2 {
	font-size: 22px;
	line-height: 40px;
	color: #6c6c6c;
	padding: 0 0 11px
}

.page h3 {
	font-weight: 600;
	font-size: 22px;
	line-height: 30px;
	color: #070c1b;
	padding: 10px 0 6px 0
}

.page p {
	padding: 0 0 24px
}

.page-radio {
	padding: 0 0 41px
}

.page-radio .radio-list {
	margin: 0 -15px;
	position: relative;
	font-size: 0
}

.page-radio .radio-list:after {
	display: table;
	width: 100%;
	content: ""
}

.page-radio .radio-item {
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	padding: 20px 15px 0 15px;
	text-align: center
}

.page-radio .radio-item .item__post {
	position: relative
}

.page-radio .radio-item .item__post-image {
	display: block;
	position: relative
}

.page-radio .radio-item .item__post-image:before {
	display: block;
	content: "";
	width: 100%;
	height: 50px;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom: 0;
	left: 0
}

.page-radio .radio-item .item__post-image img {
	display: block;
	width: 100%
}

.page-radio .radio-item .more {
	display: block;
	padding-bottom: 50px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10
}

.page-radio .radio-item .more a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	position: relative
}

.page-radio .radio-item .item__play {
	display: block;
	width: 50px;
	height: 50px;
	padding: 13px 0 0 19px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 50
}

.page-radio .radio-item .item__play:before {
	display: block;
	content: "";
	width: 22px;
	height: 25px;
	background: url(../images/sCGNeSIXvdzt.png) -124px 0 no-repeat
}

.page-radio .radio-item .item__play.active:before {
	width: 14px;
	height: 23px;
	background-position: -124px -25px
}

.page-radio .radio-item .item__location {
	width: 100px;
	height: 50px;
	line-height: 46px;
	padding: 0 0 3px;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 50;
	margin-left: -50px
}

.page-radio .radio-item .item__location img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 47px
}

.page-radio .radio-item .item__progress {
	width: 100%;
	height: 3px;
	background-color: #d1d1d1;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5
}

.page-radio .radio-item .item__progress .item__progress-bar {
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 0
}

.page-radio .radio-item .item__title {
	font-size: 14px;
	line-height: 22px;
	padding-top: 14px
}

.page-radio .radio-item .item__title b {
	display: block;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px
}

.page-video {
	padding: 0 0 41px
}

.page-video .video-list {
	display: table;
	margin: 0 -10px;
	position: relative;
	font-size: 0
}

.page-video .video-list:after {
	display: table;
	width: 100%;
	content: ""
}

.page-video .video-item {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 20px 10px 0 10px
}

.page-video .video-item > a {
	display: block;
	position: relative
}

.page-video .video-item > a img {
	display: block;
	width: 100%
}

.page-video .video-item > a .item__desc {
	display: block;
	width: 100%;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	background-color: #0e121c;
	padding: 10px;
	position: absolute;
	bottom: 0;
	left: 0
}

.page-video .video-item > a .item__desc b {
	display: block;
	font-weight: normal
}

.page-video .video-item > a .item__desc span {
	display: none
}

.page-video .video-item > a .item__anons {
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	background-color: #00a8ff;
	padding: 3px 10px 5px 10px;
	position: absolute;
	bottom: 0;
	left: 0
}

.page-video .video-item > a .item__anons b {
	display: block;
	font-weight: bold
}

.page-video .video-item > a:hover .item__desc {
	background-color: #00a8ff;
	padding: 3px 10px 5px 10px
}

.page-video .video-item > a:hover .item__desc b {
	font-weight: bold
}

.page-video .video-item > a:hover .item__desc span {
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #fff
}

.page-video .video-item > a:hover:before {
	display: block;
	content: "";
	width: 40px;
	height: 40px;
	background: url(../images/sCGNeSIXvdzt.png) -84px -42px no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px
}

.media {
	position: relative
}

.media .container {
	position: relative
}

.media h3 {
	background-color: #ff9103;
	font-weight: 600;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	top: 63px;
	left: -103px;
	z-index: 1;
	transform: rotate(270deg)
}

.media h3 a {
	display: block;
	color: inherit;
	text-decoration: none;
	padding: 2px 0 4px 0;
	width: 136px
}

.media .media-list {
	display: table;
	margin: 0 -15px;
	position: relative;
	font-size: 0
}

.media .media-list:after {
	display: table;
	content: "";
	width: 100%
}

.media .media-list > li {
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	padding: 10px 15px 20px 15px
}

.media .media-list > li a {
	display: block;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px
}

.media .media-list > li a img {
	display: block;
	width: 100%
}

.media .media-list > li span {
	display: block;
	font-weight: normal;
	font-size: 12px;
	line-height: 17px;
	padding: 16px 0 0
}

.media .media-list > li b {
	display: block;
	padding-right: 30px
}

.page-topic {
	display: table;
	width: 100%;
	padding: 19px 0 50px 0;
	position: relative
}

.page-topic.page-radio-station {
	display: block;
}

.page-topic:after {
	display: table;
	width: 100%;
	content: ""
}

.page-topic.topic__time {
	padding-bottom: 0
}

body.modal-opened .page-topic.topic__time {
	z-index: 1000;
}

body.modal-opened .video.video-station.default-video-list {
	position: relative;
	z-index: 1000;
}

.page-topic .sidebar {
	display: table-cell;
	vertical-align: top;
	width: 240px
}

.page-topic .sidebar .s-offer {
	margin: 0 0 20px
}

.page-topic .sidebar .s-post {
	display: block;
	margin: 0 0 16px
}

.page-topic .sidebar .s-post img {
	display: block;
	width: 100%
}

.page-topic .sidebar .s-post b {
	display: block;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	padding-top: 13px
}

.page-topic .sidebar .s-post .col-anons {
	display: block;
	font-size: 14px;
	line-height: 24px;
	padding-top: 2px
}

.page-topic .sidebar .s-menu {
	width: 240px;
	margin: 0 0 26px
}

.page-topic .sidebar .s-menu > li {
	font-weight: 600;
	font-size: 13px;
	line-height: 16px;
	border-bottom: 1px solid #d9d9d9;
	position: relative
}

.page-topic .sidebar .s-menu > li:nth-child(even) {
	background-color: #f9f9f9
}

.page-topic .sidebar .s-menu > li.active a {
	background-color: #0967d6;
	color: #fff;
	margin: -1px 0;
	padding-top: 6px;
	padding-bottom: 9px
}

.page-topic .sidebar .s-menu > li.active a:before {
	background-position: -77px 0;
	top: 12px
}

.page-topic .sidebar .s-menu > li a {
	display: block;
	color: inherit;
	padding: 5px 10px 8px 20px;
	position: relative
}

.page-topic .sidebar .s-menu > li a:before {
	display: block;
	content: "";
	width: 3px;
	height: 5px;
	background: url(../images/sCGNeSIXvdzt.png) -74px 0 no-repeat;
	position: absolute;
	top: 11px;
	left: 10px
}

.page-topic .sidebar .s-menu > li a:hover {
	background-color: #0967d6;
	color: #fff;
	margin: -1px 0;
	padding-top: 6px;
	padding-bottom: 9px
}

.page-topic .sidebar .s-menu > li a:hover:before {
	background-position: -77px 0;
	top: 12px
}

.page-topic .sidebar .s-top {
	padding: 0 0 26px
}

.page-topic .sidebar .s-top b {
	display: block;
	font-weight: 600;
	font-size: 18px;
	line-height: 18px;
	color: #ab093b;
	border-bottom: 1px solid #ab093b;
	padding: 0 0 8px;
	margin: 0 0 10px
}

.page-topic .sidebar .s-top .content {
	padding: 0 0 10px
}

.page-topic .sidebar .s-top .content > li {
	background-color: #ededed;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #c4c4c4
}

.page-topic .sidebar .s-top .content > li:first-child {
	border-top: none
}

.page-topic .sidebar .s-top .content > li:nth-child(even) {
	background-color: #e1e1e1
}

.page-topic .sidebar .s-top .content .post {
	display: block;
	font-weight: 600;
	font-size: 13px;
	line-height: 18px;
	padding: 11px 10px 11px 62px;
	position: relative
}

.page-topic .sidebar .s-top .content .post .post-like {
	display: block;
	position: absolute;
	top: 3px;
	left: 36px
}

.page-topic .sidebar .s-top .content .post .post-like .svg-normal, .page-topic .sidebar .s-top .content .post .post-like .svg-active {
	font-size: 20px
}

.page-topic .sidebar .s-top .content .post .post-like .svg-active {
	width: 20px;
	height: 20px
}

.page-topic .sidebar .s-top .content .post .post-like .svg-active:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5
}

.page-topic .sidebar .s-top .content .post .post-like .svg-active:after {
	display: block;
	content: "";
	width: 14px;
	height: 14px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 3px;
	left: 2px;
	z-index: 1
}

.page-topic .sidebar .s-top .content .post .post-like:hover .path1:before {
	color: #ff379f
}

.page-topic .sidebar .s-top .content .post .post-like:hover .path2:before {
	color: #fff
}

.page-topic .sidebar .s-top .content .post img {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px
}

.page-topic .sidebar .s-top .content .post span {
	display: block;
	font-weight: normal;
	font-size: 12px
}

.page-topic .sidebar .s-top a.more {
	display: block;
	font-weight: 600;
	color: #61605f;
	padding: 3px 0 6px 0;
	background-color: #ededed;
	text-align: center
}

.page-topic .sidebar .s-playlist > b {
	display: block;
	font-weight: 600;
	font-size: 24px;
	line-height: 18px;
	padding: 0 0 11px
}

.page-topic .sidebar .s-playlist .content {
	padding: 0 0 10px
}

.page-topic .sidebar .s-playlist .content > li {
	background-color: #ededed;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #c4c4c4
}

.page-topic .sidebar .s-playlist .content > li:first-child {
	border-top: none
}

.page-topic .sidebar .s-playlist .content > li:nth-child(even) {
	background-color: #e1e1e1
}

.page-topic .sidebar .s-playlist .content .post {
	display: block;
	font-weight: 600;
	font-size: 13px;
	line-height: 18px;
	padding: 11px 10px 11px 75px;
	position: relative
}

.page-topic .sidebar .s-playlist .content .post i {
	display: block;
	width: 75px;
	height: 58px;
	line-height: 54px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -29px
}

.page-topic .sidebar .s-playlist .content .post img {
	display: inline-block;
	vertical-align: middle;
	max-width: 54px;
	max-height: 54px
}

.page-topic .sidebar .s-playlist .content .post span {
	display: block;
	font-weight: normal;
	font-size: 12px
}

.page-topic .sidebar .s-playlist .content .post .post-like {
	display: block;
	position: absolute;
	top: 3px;
	left: 50px
}

.page-topic .sidebar .s-playlist .content .post .post-like .svg-normal, .page-topic .sidebar .s-playlist .content .post .post-like .svg-active {
	font-size: 20px
}

.page-topic .sidebar .s-playlist .content .post .post-like .svg-active {
	width: 20px;
	height: 20px
}

.page-topic .sidebar .s-playlist .content .post .post-like .svg-active:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5
}

.page-topic .sidebar .s-playlist .content .post .post-like .svg-active:after {
	display: block;
	content: "";
	width: 14px;
	height: 14px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 3px;
	left: 2px;
	z-index: 1
}

.page-topic .sidebar .s-playlist .content .post .post-like:hover .path1:before {
	color: #ff379f
}

.page-topic .sidebar .s-playlist .content .post .post-like:hover .path2:before {
	color: #fff
}

.page-topic .sidebar .s-share {
	padding: 0 0 18px
}

.page-topic .sidebar .s-share b {
	display: block;
	font-weight: 600;
	font-size: 18px;
	line-height: 18px;
	color: #ab093b;
	border-bottom: 1px solid #ab093b;
	padding: 0 0 8px;
	margin: 0 0 10px
}

.page-topic .sidebar .s-share ul.social {
	width: 192px;
	overflow: hidden
}

.page-topic .sidebar .s-share ul.social li {
	float: left
}

.page-topic .sidebar .s-share ul.social li + li {
	margin-left: 9px
}

.page-topic .sidebar .s-share ul.social li a {
	display: block;
	width: 41px;
	height: 41px;
	background: url(../images/BggIAY3hH1OT.png) no-repeat;
	text-indent: -9999px
}

.page-topic .sidebar .s-share ul.social li a.item1 {
	background-position: 0 0
}

.page-topic .sidebar .s-share ul.social li a.item2 {
	background-position: -50px 0
}

.page-topic .sidebar .s-share ul.social li a.item3 {
	background-position: -100px 0
}

.page-topic .sidebar .s-share ul.social li a.item4 {
	background-position: -150px 0
}

.page-topic .sidebar .s-share ul.social li a.item1 {
	background-position: 0 0
}

.page-topic .sidebar .s-share ul.social li a.item1:hover {
	background-position: 0 -42px
}

.page-topic .sidebar .s-share ul.social li a.item2 {
	background-position: -50px 0
}

.page-topic .sidebar .s-share ul.social li a.item2:hover {
	background-position: -50px -42px
}

.page-topic .sidebar .s-share ul.social li a.item3 {
	background-position: -100px 0
}

.page-topic .sidebar .s-share ul.social li a.item3:hover {
	background-position: -100px -42px
}

.page-topic .sidebar .s-share ul.social li a.item4 {
	background-position: -150px 0
}

.page-topic .sidebar .s-share ul.social li a.item4:hover {
	background-position: -150px -42px
}

.page-topic .body {
	display: table-cell;
	vertical-align: top;
	width: 1000px;
	padding-top: 4px;
	padding-right: 30px
}

.page-topic .body h1 {
	font-weight: 600;
	font-size: 30px;
	line-height: 36px;
	text-transform: uppercase;
	padding: 0 0 13px
}

.page-topic .body p {
	padding: 0 0 24px
}

.page-topic .body p.b-anons {
	font-size: 18px;
	line-height: 24px;
	padding: 0 0 14px
}

.page-topic .body img {
	max-width: 100%
}

.page-topic .body .column-4, .page-topic .body .column-3 {
	padding-bottom: 37px
}

.page-topic .body .column-4 img, .page-topic .body .column-3 img {
	width: 100%;
	max-width: none
}

.page-topic .body .media h3, .page-topic .body .person h3, .page-topic .body .programs h3, .page-topic .body .podcasts h3 {
	margin-left: -10px
}

.page-topic .body .articles .item {
	width: 33.33%
}

.page-topic .page-song h1 {
	padding: 0 0 6px
}

.page-topic.sidebar_left {
	display: block
}

.page-topic.sidebar_left .body {
	display: block;
	width: inherit;
	margin-right: 240px;
	padding-top: 0
}

.page-topic.sidebar_left .sidebar {
	display: block;
	float: right
}

.timetable .timetable-list {
	display: table;
	width: 100%;
	background-color: #0e121c;
	overflow: hidden;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	margin: 0 0 16px
}

.timetable .timetable-list > li {
	display: table-cell;
	white-space: nowrap
}

.timetable .timetable-list > li > a {
	display: block;
	color: inherit;
	padding: 14px 10px 16px 10px
}

.timetable .timetable-list > li > a.active {
	color: #00b3db
}

.timetable .timetable-block {
	display: none
}

.timetable .timetable-item {
	width: 100%;
	font-size: 12px;
	line-height: 16px
}

.timetable .timetable-item tr:nth-child(odd) td {
	background-color: #ededed
}

.timetable .timetable-item tr:last-child td {
	border-bottom: 1px solid #ededed
}

.timetable .timetable-item th {
	font-weight: 600;
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	text-align: left;
	border-bottom: 1px solid #ededed;
	padding: 0 10px 7px 10px
}

.timetable .timetable-item th.cell1 {
	width: 30%
}

.timetable .timetable-item th.cell2 {
	width: 30%
}

.timetable .timetable-item th.cell4 {
	width: 40%
}

.timetable .timetable-item td {
	padding: 8px 30px 6px 10px
}

.timetable .timetable-item td:first-child {
	border-left: 1px solid #ededed;
	white-space: nowrap
}

.timetable .timetable-item td:last-child {
	border-right: 1px solid #ededed
}

.timetable .timetable-item a {
	color: #0967d6;
	text-decoration: underline
}

.timetable .timetable-item a:hover {
	text-decoration: none
}

.toplist {
	padding: 0 0 20px
}

.toplist h1 {
	font-size: 36px !important;
	text-transform: none !important;
	padding: 0 0 5px !important
}

.toplist .list .list-head {
	background-color: #4574eb;
	font-weight: 600;
	font-size: 18px;
	line-height: 50px;
	color: #fff;
	height: 50px;
	text-align: center
}

.toplist .list .list-head a.prev, .toplist .list .list-head a.next {
	display: block;
	width: 161px;
	height: 31px;
	border: 1px solid #fff;
	font-weight: normal;
	padding-top: 7px;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	position: relative
}

.toplist .list .list-head a.prev:before, .toplist .list .list-head a.next:before {
	display: block;
	content: "";
	width: 12px;
	height: 7px;
	background: url(../images/sCGNeSIXvdzt.png) no-repeat;
	position: absolute;
	top: 11px
}

.toplist .list .list-head a.prev:hover, .toplist .list .list-head a.next:hover {
	background-color: rgba(0, 0, 0, 0.2)
}

.toplist .list .list-head a.prev {
	float: left;
	text-align: left;
	padding-left: 30px;
	margin: 10px 0 0 10px
}

.toplist .list .list-head a.prev:before {
	background-position: -70px -128px;
	left: 9px
}

.toplist .list .list-head a.next {
	float: right;
	text-align: right;
	padding-right: 30px;
	margin: 10px 10px 0 0
}

.toplist .list .list-head a.next:before {
	background-position: -82px -128px;
	right: 9px
}

.toplist .list .list-head .cal-list {
	width: 490px;
	margin: 0 auto
}

.toplist .list .list-head .cal-list .cal-list__name {
	float: left;
	width: 160px;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
	text-align: right
}

.toplist .list .list-head .cal-list .cal-list__control {
	float: left;
	width: 317px;
	margin-left: 10px
}

.toplist .list .list-content {
	background-color: #398af1;
	padding: 7px 10px 8px 10px;
	font-size: 12px;
	line-height: 25px;
	color: #fff;
	position: relative
}

.toplist .list .list-content:after {
	display: table;
	width: 100%;
	content: ""
}

.toplist .list .list-content b {
	display: block;
	float: left;
	margin-right: 10px
}

.toplist .list .list-content a {
	display: block;
	float: left;
	padding-left: 31px;
	padding-right: 10px;
	border: 1px solid transparent;
	position: relative
}

.toplist .list .list-content a:before {
	display: block;
	content: ""
}

.toplist .list .list-content a.nm {
	line-height: 23px;
	color: #d2ff49;
	height: 25px;
	margin-right: 12px
}

.toplist .list .list-content a.nm:before {
	width: 10px;
	height: 8px;
	background: url(../images/sCGNeSIXvdzt.png) -70px -116px;
	position: absolute;
	top: 8px;
	left: 11px
}

.toplist .list .list-content a.nm:hover, .toplist .list .list-content a.nm.active {
	border-color: #d2ff49
}

.toplist .list .list-content a.favorite {
	color: #ff7e00;
	margin-right: 13px
}

.toplist .list .list-content a.favorite:before {
	float: left;
	width: 12px;
	height: 11px;
	background: url(../images/sCGNeSIXvdzt.png) -80px -116px;
	position: absolute;
	top: 6px;
	left: 9px
}

.toplist .list .list-content a.favorite:hover, .toplist .list .list-content a.favorite.active {
	border-color: #ff7e00
}

.toplist .list .list-content a.up {
	color: #fd0a99;
	margin-right: 10px
}

.toplist .list .list-content a.up:before {
	float: left;
	width: 13px;
	height: 7px;
	background: url(../images/sCGNeSIXvdzt.png) -92px -116px;
	position: absolute;
	top: 9px;
	left: 9px
}

.toplist .list .list-content a.up:hover, .toplist .list .list-content a.up.active {
	border-color: #fd0a99
}

.toplist .list .list-content a.dn {
	color: #2e9aff
}

.toplist .list .list-content a.dn:before {
	float: left;
	width: 13px;
	height: 7px;
	background: url(../images/sCGNeSIXvdzt.png) -105px -116px;
	position: absolute;
	top: 9px;
	left: 9px
}

.toplist .list .list-content a.dn:hover, .toplist .list .list-content a.dn.active {
	border-color: #2e9aff
}

.toplist .list .list-content .cal-time {
	width: 490px;
	margin: 0 auto;
	position: relative
}

.toplist .list .list-content .cal-time:after {
	display: table;
	content: "";
	width: 100%
}

.toplist .list .list-content .cal-time .cal-time__name {
	float: left;
	width: 160px;
	text-align: right
}

.toplist .list .list-content .cal-time .cal-time__control {
	float: left;
	padding: 0 10px
}

.toplist .list .list-content .cal-time .cal-time__control > input {
	width: 182px;
	height: 25px;
	font-size: 12px;
	color: #fff;
	border: 1px solid #fff;
	background-color: transparent;
	text-align: center
}

.toplist .list .list-content .cal-time .cal-time__view {
	float: left
}

.toplist .list .list-content .cal-time .cal-time__view .btn {
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	color: #fff;
	width: 125px;
	height: 25px;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	background-color: #398af1
}

.toplist .post {
	padding: 17px 0 19px 0;
	border-bottom: 1px solid #d9d9d9;
	position: relative
}

.toplist .post:after {
	display: table;
	width: 100%;
	content: ""
}

.toplist .post:hover .post-share {
	display: block
}

.toplist .post-nm {
	float: left;
	width: 43px;
	height: 40px;
	font-weight: bold;
	font-size: 30px;
	line-height: 20px;
	margin-top: 2px;
	position: relative
}

.toplist .post-nm span {
	display: block;
	width: 100%;
	height: 16px;
	position: absolute;
	bottom: 0;
	left: 0
}

.toplist .post-nm span:before {
	display: block;
	content: "";
	background: url(../images/sCGNeSIXvdzt.png) no-repeat;
	position: absolute
}

.toplist .post-nm span.up:before {
	width: 17px;
	height: 9px;
	background-position: -41px -116px;
	bottom: 0;
	left: 2px
}

.toplist .post-nm span.dn:before {
	width: 17px;
	height: 9px;
	background-position: -41px -125px;
	bottom: 0;
	left: 2px
}

.toplist .post-nm span.min:before {
	width: 17px;
	height: 3px;
	background-position: -41px -134px;
	bottom: 8px;
	left: 2px
}

.toplist .post-nm span.favorite:before {
	width: 17px;
	height: 16px;
	background-position: -41px -137px;
	bottom: 0;
	left: 4px
}

.toplist .post-image {
	float: left;
	width: 40px;
	height: 40px;
	margin-top: 2px
}

.toplist .post-image img {
	display: block;
	width: 100%
}

.toplist .post-play {
	float: left;
	margin-left: 20px;
	margin-top: 2px;
	width: 43px
}

.toplist .post-play a {
	display: block;
	text-indent: -9999px;
	width: 41px;
	height: 41px;
	background: url(../images/sCGNeSIXvdzt.png) 0 -157px no-repeat;
	position: relative;
	top: -1px
}

.toplist .post-play a.active, .toplist .post-play a:hover {
	background-position: 0 -116px
}

.toplist .post-play a.is-pause {
	background-position: 0 -198px
}

.toplist .post-play a.is-stop {
	background-position: 0 -239px
}

.toplist .post-title {
	margin-left: 163px;
	margin-right: 200px;
	font-size: 18px;
	line-height: 20px
}

.toplist .post-title span {
	display: block;
	font-size: 14px;
	line-height: 14px;
	padding-top: 9px
}

.toplist .post-share {
	display: none;
	width: 140px;
	text-align: right;
	position: absolute;
	top: 26px;
	right: 230px
}

.toplist .post-share .share-btn {
	display: none;
	background-color: #fff
}

.toplist .post-share .sharing {
	float: right;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 22px;
	cursor: pointer;
	position: relative;
	text-align: center
}

.toplist .post-share .sharing:before {
	display: inline-block;
	vertical-align: middle;
	content: "";
	background: url(../images/IxsX9yXNehwF.png) 0 0 no-repeat;
	background-size: cover;
	width: 18px;
	height: 18px;
	fill: #999;
	color: #999
}

.toplist .post-share .sharing:hover:before {
	background-position: 0 -18px
}

.toplist .post-share.opened .share-btn {
	display: block
}

.toplist .post-control {
	width: 136px;
	height: 23px;
	padding: 1px;
	position: absolute;
	top: 27px;
	right: 32px
}

.toplist .post-control:before {
	display: block;
	content: "";
	position: absolute;
	background: url(../images/sCGNeSIXvdzt.png) no-repeat
}

.toplist .post-control.no {
	padding-top: 0
}

.toplist .post-control.no .date {
	width: 85px;
	height: 23px;
	border: 1px solid #070c1b;
	margin-left: 50px
}

.toplist .post-control.up {
	background-color: #fd0a99
}

.toplist .post-control.up:before {
	width: 7px;
	height: 4px;
	background-position: -58px -141px;
	top: 11px;
	left: 26px
}

.toplist .post-control.dn {
	background-color: #2e9aff
}

.toplist .post-control.dn:before {
	width: 7px;
	height: 4px;
	background-position: -58px -145px;
	top: 11px;
	left: 26px
}

.toplist .post-control.favorite {
	background-color: #ff7e00
}

.toplist .post-control.favorite:before {
	width: 12px;
	height: 12px;
	background-position: -58px -129px;
	top: 6px;
	left: 32px
}

.toplist .post-control.favorite:after {
	display: block;
	content: "";
	width: 11px;
	height: 13px;
	background: url(../images/sCGNeSIXvdzt.png) -58px -116px no-repeat;
	position: absolute;
	top: 4px;
	left: 4px
}

.toplist .post-control b {
	float: left;
	width: 50px;
	font-weight: 600;
	font-size: 18px;
	line-height: 19px;
	color: #fff;
	padding-right: 5px;
	text-align: right;
	position: relative
}

.toplist .post-control b:before {
	display: block;
	content: "";
	width: 11px;
	height: 13px;
	background: url(../images/sCGNeSIXvdzt.png) -58px -116px no-repeat;
	position: absolute;
	top: 4px;
	left: 4px
}

.toplist .post-control span {
	display: none
}

.toplist .post-control .date {
	display: block;
	height: 21px;
	background-color: #fff;
	font-size: 12px;
	line-height: 14px;
	padding-left: 22px;
	padding-top: 4px;
	margin-left: 51px;
	position: relative
}

.toplist .post-control .date:before {
	display: block;
	content: "";
	width: 11px;
	height: 13px;
	background: url(../images/sCGNeSIXvdzt.png) -41px -153px no-repeat;
	position: absolute;
	top: 4px;
	left: 5px
}

.toplist .post-favorite {
	width: 22px;
	height: 23px;
	position: absolute;
	top: 27px;
	right: 0
}

.toplist .post-favorite a {
	display: block;
	width: 22px;
	height: 23px;
	background: url(../images/sCGNeSIXvdzt.png) -178px -109px
}

.toplist .post-favorite a:hover {
	background-position: -156px -109px
}

.toplist .post-favorite a.active {
	background-position: -134px -109px
}

.toplist .post-like {
	height: 40px;
	font-weight: 600;
	font-size: 10px;
	line-height: 14px;
	color: #070c1b;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -20px
}

.toplist .post-like .svg-normal, .toplist .post-like .svg-active {
	display: inline-block;
	vertical-align: middle;
	font-size: 40px
}

.toplist .post-like + .post-control {
	right: 79px
}

.toplist .post-like:hover .svg-normal .path1:before {
	content: "\e901";
	color: #ff379f
}

.toplist .post-like:hover .svg-normal .path2:before {
	content: "\e902";
	color: #fff
}

.audiolist {
	margin: 0 0 10px;
	padding-top: 13px;
	border-bottom: 1px solid #d9d9d9
}

.audiolist .post {
	padding: 17px 0 19px 0;
	border-top: 1px solid #d9d9d9;
	position: relative
}

.audiolist .post:after {
	display: table;
	width: 100%;
	content: ""
}

.audiolist .post-image {
	float: left;
	width: 40px;
	height: 40px;
	margin-top: 2px
}

.audiolist .post-image img {
	display: block;
	width: 100%
}

.audiolist .post-play {
	float: left;
	margin-left: 20px;
	margin-top: 2px;
	width: 43px
}

.audiolist .post-play a {
	display: block;
	text-indent: -9999px;
	width: 41px;
	height: 41px;
	background: url(../images/sCGNeSIXvdzt.png) 0 -157px no-repeat;
	position: relative;
	top: -1px
}

.audiolist .post-play a.active, .audiolist .post-play a:hover {
	background-position: 0 -116px
}

.audiolist .post-play a.is-pause {
	background-position: 0 -198px
}

.audiolist .post-play a.is-stop {
	background-position: 0 -239px
}

.audiolist .post-title {
	margin-left: 120px;
	margin-right: 200px;
	font-size: 18px;
	line-height: 20px
}

.audiolist .post-title span {
	display: block;
	font-size: 14px;
	line-height: 14px;
	padding-top: 9px
}

.audiolist .post-control {
	display: block;
	width: 125px;
	height: 25px;
	font-weight: 600;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	color: #fff;
	background-color: #0967d6;
	text-transform: uppercase;
	padding-top: 6px;
	position: absolute;
	top: 27px;
	right: 0
}

.audiolist .post-control:hover {
	background-color: #1982ff
}

.audiolist .post-control + .post-favorite {
	right: 145px
}

.audiolist .post-favorite {
	width: 65px;
	height: 25px;
	font-size: 10px;
	line-height: 25px;
	color: #000;
	text-transform: uppercase;
	position: absolute;
	top: 27px;
	right: 0
}

.audiolist .post-favorite:before {
	float: left;
	display: block;
	content: "";
	width: 25px;
	height: 25px;
	background: url(../images/sCGNeSIXvdzt.png) -114px -132px no-repeat;
	margin-right: 6px
}

.audiolist .post-favorite:hover:before {
	background-position: -139px -132px
}

.audiolist .post-favorite.active:before {
	background-position: -164px -132px
}

.page-song .song__title {
	font-size: 18px;
	line-height: 20px;
	padding: 0 0 20px
}

.page-song .post {
	padding: 0 0 45px;
	margin: 0 0 33px;
	position: relative
}

.page-song .post:after {
	display: table;
	width: 100%;
	content: ""
}

.page-song .post-image {
	float: left;
	width: 40px;
	height: 40px;
	margin-top: 2px
}

.page-song .post-image img {
	display: block;
	width: 100%
}

.page-song .post-play {
	float: left;
	margin-left: 20px;
	margin-top: 2px;
	width: 43px
}

.page-song .post-play a {
	display: block;
	text-indent: -9999px;
	width: 41px;
	height: 41px;
	background: url(../images/sCGNeSIXvdzt.png) 0 -157px no-repeat;
	position: relative;
	top: -1px
}

.page-song .post-play a.active, .page-song .post-play a:hover {
	background-position: 0 -116px
}

.page-song .post-play a.is-pause {
	background-position: 0 -198px
}

.page-song .post-play a.is-stop {
	background-position: 0 -239px
}

.page-song .post-title {
	margin-left: 120px;
	margin-right: 200px;
	font-size: 18px;
	line-height: 20px
}

.page-song .post-title span {
	display: block;
	font-size: 14px;
	line-height: 14px;
	padding-top: 9px
}

.page-song .post-control {
	display: block;
	width: 125px;
	height: 25px;
	font-weight: 600;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	color: #fff;
	background-color: #0967d6;
	text-transform: uppercase;
	padding-top: 6px;
	position: absolute;
	bottom: 0;
	left: 0
}

.page-song .post-control:hover {
	background-color: #1982ff
}

.page-song .post-favorite {
	height: 25px;
	font-size: 10px;
	line-height: 25px;
	color: #000;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	right: 0
}

.page-song .post-favorite:before {
	float: left;
	display: block;
	content: "";
	width: 25px;
	height: 25px;
	background: url(../images/sCGNeSIXvdzt.png) -114px -132px no-repeat;
	margin-right: 6px
}

.page-song .post-favorite:hover:before {
	background-position: -139px -132px
}

.page-song .post-favorite.active:before {
	background-position: -164px -132px
}

.page-song .post-progress {
	padding-top: 23px;
	margin: 0 30px 0 120px;
	position: relative
}

.page-song .post-progress:after {
	display: table;
	content: "";
	width: 100%
}

.page-song .post-progress > span {
	display: block;
	font-size: 10px;
	line-height: 14px;
	color: #070c1b
}

.page-song .post-progress .start {
	position: absolute;
	top: 16px;
	left: 0
}

.page-song .post-progress .stop {
	position: absolute;
	top: 16px;
	right: 0
}

.page-song .post-progress .audio-progress {
	height: 2px;
	background-color: #cfcfcf;
	position: relative;
	margin: 0 37px
}

.page-song .post-progress .audio-progress .ui-slider-range {
	background-color: #0967d6;
	height: 2px;
	position: absolute;
	top: 0;
	left: 0
}

.page-song .post-progress .audio-progress .ui-slider-handle {
	display: block;
	width: 12px;
	height: 12px;
	background-color: #0967d6;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	margin-left: -6px;
	cursor: pointer
}

.song-list {
	padding: 0 0 20px
}

.song-list .song__filter {
	background-color: #ab093a;
	padding: 10px 10px 10px 20px;
	margin: 0 0 20px;
	position: relative
}

.song-list .song__filter:after {
	display: table;
	content: "";
	width: 100%
}

.song-list .song__filter > li {
	float: left;
	text-transform: uppercase;
	text-align: center;
	margin: 0 10px 10px 0
}

.song-list .song__filter > li > a {
	display: block;
	width: 24px;
	height: 24px;
	font-weight: 600;
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	border: 1px solid #fff
}

.song-list .song__filter > li > a:hover {
	border-color: #fff;
	background-color: #fff;
	color: #ab093a
}

.song-list .song__filter > li.rus {
	margin-left: 34px
}

.song-list .song__filter > li.last > a {
	width: 44px
}

.song-list .song__filter > li.active > a {
	border-color: #fff;
	background-color: #fff;
	color: #ab093a
}

.song-list .song__list {
	font-size: 0;
	margin: 0 -15px;
	position: relative
}

.song-list .song__list:after {
	display: table;
	content: "";
	width: 100%
}

.song-list .song__list > li {
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	color: #070c1b;
	padding: 0 15px 10px 15px
}

.song-list .song__list > li img {
	display: block;
	width: 100%
}

.song-list .song__list > li b {
	display: block;
	font-size: 14px;
	line-height: 18px;
	padding: 17px 20px 9px 0
}

.song-list .song__list > li a {
	color: inherit;
	text-decoration: none
}

.song-list .song__list > li a:hover {
	text-decoration: underline
}
.page-topic .singers-page h1.js-search-title__text,
.js-search-title__text {
	color: var(--foreground-on-light-text-primary, #30303F);
	font-family: IBM Plex Sans;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	text-transform: none;
	margin-bottom: 20px;
}
.js-search-title__counter {
	 color: var(--foreground-on-light-text-secondary, #888AA8);
	 font-family: IBM Plex Sans;
	 font-size: 14px;
	 font-style: normal;
	 font-weight: 500;
	 line-height: 150%;
	 padding-bottom: 20px;
 }
.js-search-icon {
	background: url(../images/hD69e6eHNEqt.svg) no-repeat;
    width: 105px;
    height: 105px;
	margin-right: 35px;
}
.js-search-list.no-result .js-search-header {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	margin-bottom: 75px;
}
.js-search-list.no-result .js-search-header h1.js-search-title__text,
.js-search-list.no-result .js-search-title__text {
	color: var(--foreground-on-light-text-primary-2, #545575);
	font-family: IBM Plex Sans;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	text-transform: none;
}
.js-search-list.no-result .js-search-title__counter {
	color: var(--foreground-on-light-text-primary-2, #545575);
	font-family: IBM Plex Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
}


.pagination {
	margin-top: 32px;
	padding: 8px 0 0;
	position: relative;
	text-align: center;
}


.pagination .pagenavi {
	font-size: 0;
	margin: 0;
	padding: 0;
	position: relative
}

.pagination .pagenavi:after {
	display: table;
	content: "";
	width: 100%
}

.pagination .pagenavi > li {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	margin: 0 5px
}

.pagination .pagenavi > li > a, .pagination .pagenavi > li > span {
	display: block;
	min-width: 24px;
	height: 24px;
	color: var(--foreground-on-light-text-disabled, #B2B3C7);
	font-family: IBM Plex Sans;
	font-size: 16px;
	padding: 0 4px
}

.pagination .pagenavi > li > a {
	position: relative;
	display: flex;
	min-width: 32px;
	height: 24px;
	padding: 4px 0px;
	justify-content: center;
	align-items: center;
	color: var(--foreground-on-light-text-disabled, #B2B3C7);
	font-family: IBM Plex Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
}

.pagination .pagenavi > li > a:hover {
	color: var(--foreground-on-light-text-primary-2, #545575);
	border-radius: 8px;
	border: 1px solid var(--Stroke-input-default, #D6D6E1);
}

.pagination .pagenavi > li.prev > a, .pagination .pagenavi > li.next > a {
	text-indent: -9999px;
	border-color: transparent;
	display: block;
}

.pagination .pagenavi > li.prev > a:before, .pagination .pagenavi > li.next > a:before {
	display: block;
	content: "";
	width: 24px;
	height: 24px;
	position: absolute;
}

.pagination .pagenavi > li.prev > a:hover, .pagination .pagenavi > li.next > a:hover {
	color: var(--foreground-on-light-text-primary-2, #545575);
	border: none;
}

.pagination .pagenavi > li.prev > a:before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none"><path d="M7.22363 12.9414L11.8805 8.28455L7.22363 3.6277" stroke="%23888AA8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	background-repeat: no-repeat;
	transform: rotate(180deg);
	top: -4px;
	left: 5px;
}
.pagination .pagenavi > li.next > a:before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none"><path d="M7.22363 12.9414L11.8805 8.28455L7.22363 3.6277" stroke="%23888AA8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	background-repeat: no-repeat;
	top: 4px;
	left: 5px;
}

.pagination .pagenavi > li.active > a {
	color: var(--foreground-on-light-text-primary-2, #545575);
	border-radius: 8px;
	border: 1px solid var(--Stroke-input-default, #D6D6E1);
}

.list__column3 .title {
	position: relative
}

.list__column3 .title:after {
	display: table;
	content: "";
	width: 100%
}

.list__column3 .title h1 {
	float: left;
	text-transform: none
}

.list__column3 .title .title__more {
	float: right;
	margin: 11px 0 0 40px;
	overflow: hidden
}

.list__column3 .title .title__more a {
	float: left;
	display: block;
	font-size: 12px;
	line-height: 15px;
	border-width: 1px;
	border-style: solid;
	padding: 4px 15px;
	margin: 0 10px 10px 0
}

.list__column3 .title .title__more a.c1 {
	border-color: #f67e09;
	color: #f67e09
}

.list__column3 .title .title__more a.c1:hover, .list__column3 .title .title__more a.c1.active {
	background-color: #f67e09;
	color: #fff
}

.list__column3 .title .title__more a.c2 {
	border-color: #c00868;
	color: #c00868
}

.list__column3 .title .title__more a.c2:hover, .list__column3 .title .title__more a.c2.active {
	background-color: #c00868;
	color: #fff
}

.list__column3 .title .title__more a.c3 {
	border-color: #0967d6;
	color: #0967d6
}

.list__column3 .title .title__more a.c3:hover, .list__column3 .title .title__more a.c3.active {
	background-color: #0967d6;
	color: #fff
}

.list__column3 .list__cat {
	padding: 7px 0 3px 0;
	margin: 0 -5px;
	position: relative
}

.list__column3 .list__cat:after {
	display: table;
	content: "";
	width: 100%
}

.list__column3 .list__cat > li {
	float: left;
	padding: 0 5px 10px 5px
}

.list__column3 .list__cat > li a {
	display: block;
	font-size: 12px;
	line-height: 15px;
	color: #c00868;
	border-width: 1px;
	border-radius: 13px;
	border-style: solid;
	border-color: #c00868;
	padding: 3px 15px
}

.list__column3 .list__cat > li a:hover, .list__column3 .list__cat > li a.active {
	background-color: #c00868;
	color: #fff
}

.list__column3 .list__cat > li a.c1 {
	border-color: #0967d6;
	color: #0967d6
}

.list__column3 .list__cat > li a.c1:hover, .list__column3 .list__cat > li a.c1.active {
	background-color: #0967d6;
	color: #fff
}

.list__column3 .list__post {
	padding-top: 7px;
	margin: 0 -15px;
	font-size: 0;
	position: relative
}

.list__column3 .list__post:after {
	display: table;
	content: "";
	width: 100%
}

.list__column3 .list__post > li {
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	padding: 0 15px 30px 15px
}

.list__column3 .list__post .post {
	display: block;
	color: #000;
	text-decoration: none;
	vertical-align: top
}

.list__column3 .list__post .post .image {
	display: block;
	position: relative
}

.list__column3 .list__post .post .image img {
	display: block;
	width: 100%
}

.list__column3 .list__post .post .image span {
	display: inline-block;
	max-width: 90%;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	background-color: #c00868;
	border-radius: 13px;
	padding: 6px 12px;
	position: absolute;
	top: 9px;
	left: 9px
}

.list__column3 .list__post .post b {
	display: block;
	font-weight: 600;
	font-size: 18px;
	line-height: 18px;
	padding: 7px 0 0
}

.list__column3 .list__post .post .text {
	display: block;
	font-size: 14px;
	line-height: 14px;
	padding: 10px 0 0
}

.page-error {
	font-size: 36px;
	line-height: 36px;
	color: #070c1b;
	text-align: center;
	padding: 89px 0 116px 0
}

.page-error .error {
	display: inline-block;
	vertical-align: top;
	position: relative
}

.page-error .error span {
	display: block;
	font-size: 60px;
	line-height: 60px;
	color: #c00;
	position: absolute;
	top: 95px;
	left: -173px;
	transform: rotate(270deg)
}

.page-error h1 {
	font-size: 290px;
	line-height: 230px;
	color: #c00;
	text-transform: uppercase;
	padding: 0 0 38px
}

.page-profile {
	padding: 42px 0 53px 0
}

.page-profile h1 {
	font-weight: 600;
	font-size: 36px;
	line-height: 36px;
	color: #070c1b;
	padding: 0 0 16px
}

.page-profile p {
	padding: 0 0 24px
}

.page-profile .content {
	padding-top: 25px
}

.page-profile form {
	padding-top: 5px;
	max-width: 530px;
	margin: 0 auto
}

.page-profile .form-group:after {
	display: table;
	content: "";
	width: 100%
}

.page-profile .form-group label {
	float: left;
	width: 130px;
	text-align: right;
	padding-right: 20px;
	margin-top: 16px
}

.page-profile .control {
	margin-left: 134px;
	max-width: 400px
}

.page-profile .form-submit {
	padding-top: 10px
}

.page-profile .form-submit .btn {
	padding: 15px 20px
}

.page-profile .remove {
	max-width: 400px;
	margin: 0 auto
}

.page-profile .profile-tabs:after {
	display: table;
	content: "";
	width: 100%
}

.page-profile .profile-tabs > li {
	float: left;
	margin-right: 2px
}

.page-profile .profile-tabs > li > a {
	display: block;
	color: #838383;
	padding: 8px 20px 8px 20px;
	border: 1px solid #cecece;
	border-bottom: none;
	position: relative
}

.page-profile .profile-tabs > li > a.active {
	background-color: #01aef3;
	border-color: #01aef3;
	color: #fff
}

.page-profile .profile-tabs > li > a.active:before {
	display: block;
	content: "";
	height: 1px;
	background-color: #01aef3;
	position: absolute;
	bottom: -1px;
	left: -1px;
	right: -1px
}

.page-profile .profile-tabs.open {
	display: none
}

.page-profile .profile-block {
	border: 1px solid #cecece;
	padding: 30px 30px 36px 30px
}

.page-profile .profile-edit form {
	max-width: 100%;
	margin: 0
}

.page-profile .profile-edit label {
	width: 170px
}

.page-profile .profile-edit .control {
	margin-left: 170px
}

.page-profile .profile-edit .fullsize {
	padding-top: 5px;
	padding-bottom: 9px
}

.page-profile .profile-edit .fullsize label {
	margin-top: 0
}

.page-profile .profile-edit .fullsize .control {
	max-width: 100%
}

.page-profile .sex-list {
	padding-top: 16px
}

.page-profile .sex-list > li + li {
	margin-top: 6px
}

.page-profile .userpic {
	padding: 17px 0 24px 80px;
	position: relative
}

.page-profile .userpic .userpic-file {
	display: block;
	width: 55px;
	height: 55px;
	line-height: 52px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden
}

.page-profile .userpic img {
	display: inline-block;
	vertical-align: middle;
	max-width: 55px;
	max-height: 55px;
	border-radius: 50%
}

.page-profile .userpic .uploader {
	padding: 0
}

.page-profile .userpic .uploader .file-text {
	position: absolute;
	top: 0;
	right: 0
}

.footer .container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
	max-width: 100%;
	padding: 0 75px;
	min-height: 270px;
	height: -moz-max-content;
	height: max-content;
	font-size: 0;
	margin-bottom: 100px;
}

.footer .menu {
	display: inline-block;
	vertical-align: top;
	padding-top: 54px;
}

.footer .menu.first {
	width: 40%
}

.footer .menu.first b {
	max-width: 194px
}

.footer .menu.first ul.menu-list {
	width: 50%
}

.footer .menu.last b {
	margin-right: 0
}

.footer .menu b {
	display: block;
	font-size: 15px;
	line-height: 20px;
	color: #fff;
	white-space: nowrap;
	border-bottom: 1px solid #333;
	padding-bottom: 7px;
	margin-bottom: 4px;
	margin-right: 20px
}

.footer .menu a {
	color: #9f9f9f
}

.footer .menu a:hover {
	color: #fff;
	text-decoration: underline
}

.footer .menu ul.menu-list {
	float: left;
	font-size: 13px;
	line-height: 18px
}

.footer .menu ul.menu-list li {
	padding-right: 20px
}

.footer .menu ul.menu-list li + li {
	margin-top: 7px
}

.footer .menu-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.footer .menu-list .menu-items {
	display: flex;
	justify-content: space-between;
}

.footer .menu-list .menu-items .menu-col {
	flex-basis: 48%;
	display: flex;
	flex-direction: column;
	align-content: flex-end;
}

.footer .menu-list .menu-items .menu-col .menu-item {
	padding: 10px;
	margin: 5px;
}

.footer .menu-list .menu-items .menu-col .menu-item.bottom-item {
	margin-top: 62px;
}

.footer .menu-list .menu-link {
	width: -moz-max-content;
	width: max-content;
}

.footer .menu-list .menu-link a {
	color: #fff;
	font-family: IBM Plex Sans;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	letter-spacing: -0.154px;
}

.footer .menu-list .menu-link a:hover {
	text-decoration: none;
	color: #A6A1FF;
}

.footer .menu ul.social {
	overflow: hidden;
	padding-top: 24px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
}

.footer .menu ul.social li {
	float: left
}

.footer .menu ul.social li + li {
	margin-left: 16px
}

.footer .menu ul.social li a {
	display: block;
	width: 24px;
	height: 24px;
	background: url(../images/BggIAY3hH1OT.png) no-repeat;
	text-indent: -9999px
}

.footer .menu ul.social.large-icon li a {
	width: 40px;
	height: 40px;
}

.footer .menu ul.social li a.item1 {
	background-position: 0 0
}

.footer .menu ul.social li a.item2 {
	background-position: -50px 0
}

.footer .menu ul.social li a.item3 {
	background-position: -100px 0
}

.footer .menu ul.social li a.item4 {
	background-position: -150px 0
}

.footer .menu ul.social li a.item1 {
	background-position: 0 0
}

.footer .menu ul.social li a.item1:hover {
	background-position: 0 -42px
}

.footer .menu ul.social li a.item2 {
	background-position: -50px 0
}

.footer .menu ul.social li a.item2:hover {
	background-position: -50px -42px
}

.footer .menu ul.social li a.item3 {
	background-position: -100px 0
}

.footer .menu ul.social li a.item3:hover {
	background-position: -100px -42px
}

.footer .menu ul.social li a.item4 {
	background-position: -150px 0
}

.footer .menu ul.social li a.item4:hover {
	background-position: -150px -42px
}

.footer .menu ul.social li a.tiktok {
	background-image: url(../images/xBJoXg2Rd8RO.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.footer .menu ul.social li a.tiktok:hover {
	background-image: url(../images/mCtnAkfeJ4jW.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.footer .menu ul.social li a.facebook {
	background-image: url(../images/xLBUlpklGsYf.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.footer .menu ul.social li a.facebook:hover {
	background-image: url(../images/yLYXEe9ZtHZb.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.footer .menu ul.social li a.viber {
	background-image: url(../images/2MxdNNz5fBIC.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.footer .menu ul.social li a.viber:hover {
	background-image: url(../images/9cfDr1bQQmsG.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}


.footer .menu ul.social li a.instagram {
	background-image: url(../images/9H0aMD0jsXmZ.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.footer .menu ul.social li a.instagram:hover {
	background-image: url(../images/eqClK08RhgMK.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}


.footer .menu ul.social li a.youtube {
	background-image: url(../images/zNx8Z1G2CbOQ.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.footer .menu ul.social li a.youtube:hover {
	background-image: url(../images/Zw0U4twyrIh4.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}


.footer .menu ul.social li a.twitter {
	background-image: url(../images/Zq0WVnAQ0DW7.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.footer .menu ul.social li a.twitter:hover {
	background-image: url(../images/z1qVl2yRrRTb.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.footer .menu ul.application {
	overflow: hidden;
	padding-top: 2px;
	margin: 0 -4px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
}

.footer .menu ul.application li {
	float: left;
	padding: 4px 0;
	margin: 0 4px
}

.footer .menu ul.application li a {
	display: block;
	width: 135px;
	height: 70px;
	background: url(../images/SIcV0jcUfDMe.png) no-repeat;
	text-indent: -9999px
}

.footer .menu ul.application li a.app-store {
	background-image: url(../images/mjzZNDirLAnx.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.footer .menu ul.application li a.google-play {
	background-image: url(../images/b0r9EP03Wzsn.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.footer .menu ul.application li a.item1 {
	background-position: 0 0
}

.footer .menu ul.application li a.item2 {
	background-position: -92px 0
}

.footer .menu ul.application li a.item3 {
	background-position: 0 -31px
}

.footer .menu ul.application li a.item4 {
	background-position: -92px -31px
}

.footer .copyright {
	width: 100%;
	font-size: 13px;
	line-height: 18px;
	color: #9f9f9f;
	border-top: 1px solid #333;
	padding-top: 27px;
	text-align: center;
	margin-top: 15px;
}

.footer .copyright:after {
	display: block;
	content: "";
	width: 80px;
	height: 41px;
	background: url(../images/xaiYXhtu5FSf.png) center no-repeat;
	background-size: contain;
	margin-left: auto;
	margin-right: auto
}

.footer .copyright p {
	padding-bottom: 6px
}

.footer-offer {
	width: 100%;
	background-color: #0085ca;
	text-align: center;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 300
}

.footer-offer .offer-show {
	position: relative
}

.footer-offer .container {
	height: 0;
	position: relative;
}

.footer-offer .offer-ads {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.footer-offer .close {
	display: block;
	position: absolute;
	top: -20px;
	left: 0;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	text-shadow: 2px 2px 3px rgb(0, 0, 0);
	cursor: pointer;
}

.footer .station-list {
	display: inline-block;
	vertical-align: top;
	padding-top: 54px;
}

.footer .station-list .logo img {
	width: 193px;
	height: 45px;
	max-width: 100%;
}

.footer .station-list .station-items {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	margin-top: 30px;
}

.footer .station-list .station-items .station-item {
	display: flex;
	max-width: 56px;
	margin-right: 12px;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%), #3A3A58;
}

.footer .station-list .station-items .station-item:hover {
	background: #6B6B85;
}

.footer .station-list .station-items .station-item a {
	padding: 13px 13px 13px;
}

.footer .station-list .station-items .station-item img {
	width: 100%;
	height: 30px;
	-o-object-fit: contain;
	   object-fit: contain;
}

.btn-foreground-primary {
	display: flex;
	padding: 16px 24px;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background: #30303F;
	color: #FFF;
	font-family: IBM Plex Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 30px */
	cursor: pointer;
}

.btn-foreground-primary:hover {
	background: #545575;
}

.modal {
	display: none;
	border-radius: 8px;
	background: #FFF;
	padding: 32px 44px;
}

.modal h3 {
	color: #30303F;
	font-family: IBM Plex Sans;
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 42px */
	text-align: center
}

.modal .api {
	background-color: #e8e8e8;
	border-bottom: 1px solid #cecece;
	text-align: center;
	padding: 18px 0 19px 0
}

.modal .api b {
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	padding: 0 0 15px;
	text-transform: uppercase
}

.modal .api .api-list {
	font-size: 0;
	line-height: 0
}

.modal .api .api-list:after {
	display: table;
	content: "";
	width: 100%
}

.modal .api .api-list > li {
	display: inline-block;
	vertical-align: top;
	padding: 0 5px
}

.modal .forgot {
	line-height: 24px;
	color: #000;
	text-align: center;
	padding: 0 0 13px
}

.modal form {
	max-width: 400px;
	padding: 24px 0 20px 0;
	margin: 0 auto
}

.modal form .form-group {
	margin: 0 0 20px
}

.modal form .form-group label {
	color: #30303F;
	font-family: IBM Plex Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 30px */
	margin-bottom:8px;
	display: none;
}

.modal form .form-group label[for="forgot"] {
	color: #30303F;
	font-family: IBM Plex Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 24px */
}

.modal form .user-restore {
	color: #4E46DC;
	font-family: IBM Plex Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 24px */
	text-decoration-line: underline;
}

.modal form .form-group.warning label {
	color: #F88584;
}

.modal form .form-group input[type="text"],
.modal form .form-group input[type="password_confirm"],
.modal form .form-group input[type="password"] {
	padding: 16px 12px;
	border-radius: 8px;
	border: 1px solid #D6D6E1;
	background: #ECECF2;
}

.modal form .form-group.warning input[type="text"],
.modal form .form-group.warning input[type="password_confirm"],
.modal form .form-group.warning input[type="password"] {
	border: 1px solid #F88584;
	background: #ECECF2;
}

.modal form .form-submit {
	padding-top: 10px
}

.modal form .form-submit .btn {
	padding: 15px 20px
}

.modal .profile-remove {
	font-size: 0;
	line-height: 0;
	padding-top: 19px
}

.modal .profile-remove:after {
	display: table;
	content: "";
	width: 100%
}

.modal .profile-remove > li {
	float: left;
	width: 50%;
	padding: 0 15px
}

.modal .profile-remove > li .btn {
	width: 100%;
	text-align: center
}

.modal.modal-form {

}


.form-header {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
}

.form-header img {
	max-width: 32px;
	margin-right: 16px;
}

.form-footer .login {
	display: flex;
	color: #30303F;
	font-family: IBM Plex Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
}

.form-footer .login a {
	margin: 0 10px;
}

.fancybox-close {
	background: none;
}

.fancybox-close:before, .fancybox-close:after {
	width: 20px;
	height: 2px;
	background-color: #888AA8;
	top: 20px;
	left: 50%;
	margin-left: -20px;
}


.chosen-container {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-weight: normal;
	font-size: 12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	text-align: left
}

.chosen-container * {
	box-sizing: border-box
}

.chosen-container .chosen-drop {
	position: absolute;
	top: 0;
	left: -9999px;
	z-index: 1010;
	width: 100%;
	border: 1px solid #fff;
	border-top: 0;
	box-shadow: 0 5px 10px rgba(3, 3, 3, 0.5);
	padding-top: 25px
}

.chosen-container.chosen-with-drop .chosen-single {
	z-index: 1020
}

.chosen-container.chosen-with-drop .chosen-drop {
	left: 0
}

.chosen-container a {
	cursor: pointer
}

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
	margin-right: 4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: normal;
	color: #999
}

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
	content: ":";
	padding-left: 2px;
	vertical-align: top
}

.chosen-container-single .chosen-single {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0 0 0 10px;
	height: 25px;
	border: 1px solid #fff;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
	line-height: 24px
}

.chosen-container-single .chosen-default {
	color: #999
}

.chosen-container-single .chosen-single span {
	display: block;
	overflow: hidden;
	margin-right: 26px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.chosen-container-single .chosen-single-with-deselect span {
	margin-right: 38px
}

.chosen-container-single .chosen-single abbr {
	position: absolute;
	top: 6px;
	right: 26px;
	display: block;
	width: 12px;
	height: 12px;
	background: url(../images/su4yVeB2kvmd.png) -42px 1px no-repeat;
	font-size: 1px
}

.chosen-container-single .chosen-single abbr:hover {
	background-position: -42px -10px
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
	background-position: -42px -10px
}

.chosen-container-single .chosen-single div {
	position: absolute;
	top: -1px;
	right: -1px;
	display: block;
	width: 25px;
	height: 25px
}

.chosen-container-single .chosen-single div b {
	display: block;
	width: 25px;
	height: 25px;
	padding-top: 1px;
	background-color: #fff;
	text-align: center
}

.chosen-container-single .chosen-single div b:before {
	display: inline-block;
	vertical-align: middle;
	content: "";
	width: 0;
	height: 0;
	border-width: 4px 3px 3px 3px;
	border-style: solid;
	border-color: #000 transparent transparent transparent
}

.chosen-container-single .chosen-search {
	position: relative;
	z-index: 1010;
	margin: 0;
	padding: 3px 4px;
	white-space: nowrap
}

.chosen-container-single .chosen-search input[type="text"] {
	margin: 1px 0;
	padding: 4px 20px 4px 5px;
	width: 100%;
	height: auto;
	outline: 0;
	border: 1px solid #aaa;
	background: #fff url(../images/su4yVeB2kvmd.png) no-repeat 100% -20px;
	background: url(../images/su4yVeB2kvmd.png) no-repeat 100% -20px;
	font-size: 1em;
	font-family: sans-serif;
	line-height: normal;
	border-radius: 0
}

.chosen-container-single .chosen-drop {
	background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
	position: absolute;
	left: -9999px
}

.chosen-container .chosen-results {
	background-color: #398af1;
	color: #fff;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0;
	padding: 0;
	max-height: 200px;
	-webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
	display: none;
	float: none;
	width: 100%;
	margin: 0;
	padding: 8px 10px;
	list-style: none;
	line-height: 15px;
	word-wrap: break-word;
	-webkit-touch-callout: none
}

.chosen-container .chosen-results li.active-result {
	display: list-item;
	cursor: pointer
}

.chosen-container .chosen-results li.disabled-result {
	display: list-item;
	color: #ccc;
	cursor: default
}

.chosen-container .chosen-results li.highlighted {
	background-color: #fff;
	color: #398af1
}

.chosen-container .chosen-results li.no-results {
	color: #777;
	display: list-item;
	background: #f4f4f4
}

.chosen-container .chosen-results li.group-result {
	display: list-item;
	font-weight: bold;
	cursor: default
}

.chosen-container .chosen-results li.group-option {
	padding-left: 15px
}

.chosen-container .chosen-results li em {
	font-style: normal;
	text-decoration: underline
}

.chosen-container-multi .chosen-choices {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0 5px;
	width: 100%;
	height: auto !important;
	height: 1%;
	background-color: #fff;
	border: 1px solid #d8d8d8;
	border-radius: 2px;
	cursor: text
}

.chosen-container-multi .chosen-choices li {
	float: left;
	list-style: none
}

.chosen-container-multi .chosen-choices li.search-field {
	margin: 0;
	padding: 0;
	white-space: nowrap
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	margin: 1px 0;
	padding: 0;
	height: 32px;
	outline: 0;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none;
	color: #999;
	font-size: 100%;
	font-family: sans-serif;
	line-height: normal;
	border-radius: 0
}

.chosen-container-multi .chosen-choices li.search-choice {
	position: relative;
	margin: 5px 5px 6px 0;
	padding: 6px 20px 4px 5px;
	background-color: #dcdcdc;
	max-width: 100%;
	border-radius: 2px;
	color: #000;
	line-height: 13px;
	font-size: 12px;
	cursor: default
}

.chosen-container-multi .chosen-choices li.search-choice span {
	word-wrap: break-word
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	position: absolute;
	top: 8px;
	right: 7px
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px;
	border-color: #000 transparent transparent transparent
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover:before {
	color: #000
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
	background-position: -42px -10px
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
	padding-right: 5px;
	border: 1px solid #ccc;
	background-color: #e4e4e4;
	background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
	color: #666
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
	background: #d4d4d4
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
	background-position: -42px -10px
}

.chosen-container-multi .chosen-results {
	margin: 0;
	padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
	display: list-item;
	color: #ccc;
	cursor: default
}

.chosen-container.chosen-with-drop {
	box-shadow: 0 5px 10px rgba(3, 3, 3, 0.5)
}

.chosen-container-active.chosen-with-drop .chosen-single div {
	border-left: none;
	background: transparent
}

.chosen-container-active .chosen-choices {
	border-color: #7a9cd3
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
	color: #222 !important
}

.chosen-disabled {
	opacity: 0.5 !important;
	cursor: default
}

.chosen-disabled .chosen-single {
	cursor: default
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
	cursor: default
}

.tooltipster-default {
	background: #070c1b;
	color: #fff
}

.tooltipster-default .tooltipster-content {
	font-size: 12px;
	line-height: 14px;
	font-family: "Open Sans";
	padding: 5px 11px 7px 11px;
	overflow: hidden
}

.tooltipster-icon {
	cursor: help;
	margin-left: 4px
}

.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible
}

.tooltipster-base .tooltipster-content {
	overflow: hidden
}

.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1
}

.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0;
	height: 0;
	position: absolute
}

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px
}

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px
}

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px
}

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto
}

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px
}

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px
}

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
	right: 6px
}

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px
}

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px
}

.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important;
	border-left: 9px solid;
	margin-top: -8px
}

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px
}

.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important;
	border-right: 9px solid;
	margin-top: -8px
}

.tooltipster-fade {
	opacity: 0;
	transition-property: opacity
}

.tooltipster-fade-show {
	opacity: 1
}

.tooltipster-grow {
	transform: scale(0, 0);
	transition-property: transform;
	-webkit-backface-visibility: hidden
}

.tooltipster-grow-show {
	transform: scale(1, 1);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15)
}

.tooltipster-swing {
	opacity: 0;
	transform: rotateZ(4deg);
	transition-property: transform
}

.tooltipster-swing-show {
	opacity: 1;
	transform: rotateZ(0deg);
	transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4)
}

.tooltipster-fall {
	top: 0;
	transition-property: top;
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15)
}

.tooltipster-fall-show, .tooltipster-fall.tooltipster-dying {
	transition-property: all;
	top: 0px !important;
	opacity: 0
}

.tooltipster-slide {
	left: -40px;
	transition-property: left;
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15)
}

.tooltipster-slide.tooltipster-slide-show, .tooltipster-slide.tooltipster-dying {
	transition-property: all;
	left: 0px !important;
	opacity: 0
}

.tooltipster-content-changing {
	opacity: 0.5;
	transform: scale(1.1, 1.1)
}

h2.title {
	color: #30303F;
	font-family: IBM Plex Sans;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 36px */
}

.title.radioclub-title {
	text-align: center;
}

.radioclub-section {
	margin: 60px 0;
}

.radioclub-section .station-list .station-items {
	margin: 40px 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 24px;
}

.radioclub-section .station-list  .station-items .station-item {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 24px;
	border: 1px solid #EDEEF2;
}

.radioclub-section .station-list  .station-items .station-item:hover {
	border: 1px solid #D8BDF5;
	box-shadow: 0px 12px 32px 0px rgba(197, 151, 255, 0.60);
}

.radioclub-section .station-list  .station-items .station-item a {
	padding: 28px;
}

.radioclub-section .station-list  .station-items .station-item a img {
	width: 100px;
	height: 100px;
	-o-object-fit: contain;
	object-fit: contain;
}

.apps-list,
.radioclub-section .apps-list {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
}

.stations .apps-list {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: flex-start;
	margin: 64px 0;
}

.stations .apps-list .apps-list__title {
	color: var(--foreground-on-light-text-primary, #30303F);
	font-family: IBM Plex Sans;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	margin-bottom: 24px;
}

.apps-list .application,
.radioclub-section .apps-list .application {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 24px;
}

.apps-list .application li,
.radioclub-section .apps-list .application li {
	float: left;
	padding: 4px 0;
	margin: 0 4px;
}

.stations .apps-list .application li {
	margin: 0;
}

.apps-list .application li a,
.radioclub-section .apps-list .application li a {
	display: block;
	width: 216px;
	height: 64px;
	background: url(../images/SIcV0jcUfDMe.png) no-repeat;
	text-indent: -9999px
}

.apps-list .application li a.app-store,
.radioclub-section .apps-list .application li a.app-store {
	background-image: url(../images/mjzZNDirLAnx.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.apps-list .application li a.google-play,
.radioclub-section .apps-list .application li a.google-play {
	background-image: url(../images/b0r9EP03Wzsn.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.about-section {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-bottom: 30px;
}

.about-section .content {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	margin: 0 66px 120px 106px;
}

.about-section .about-title {
	color: var(--foreground-on-light-text-primary, #30303F);
	font-family: IBM Plex Sans;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	margin-bottom: 16px;
}

.about-social {
	margin-top: 40px;
}

.about-social ul.social {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.about-social ul.social li {
	padding: 2px;
	margin-right: 16px;
}

.about-social ul.social li a {
	display: block;
	width: 32px;
	height: 32px;
}

.about-social ul.social li a:hover svg,
.about-social ul.social li a:hover svg path {
	fill: #A6A1FF;
}

.cities-station .cities-section .content {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	margin-bottom: 120px;
}

.cities-section .cities-title {
	color: var(--foreground-on-light-text-primary, #30303F);
	font-family: IBM Plex Sans;
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
	margin-bottom: 40px;
}

.cities-section .cities-text img {
	max-width: 692px;
	border-radius: 8px;
	margin-bottom: 40px;
}

.cities-section .cities-text table {
	margin: 0 auto;
	width: 100%;
	margin-bottom: 40px;
}

.cities-section .cities-text table thead {
	border-radius: 8px;
	background: var(--BG-neutral-1, #F6F6F9);
}

.cities-section .cities-text table thead th {
	color: var(--foreground-on-light-text-secondary, #888AA8);
	font-family: IBM Plex Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	padding: 8px 16px;
	text-align: left;
}

.cities-section .cities-text table thead tr th:first-child {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.cities-section .cities-text table thead tr th:last-child {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

.cities-section .cities-text table tbody tr {
	border-bottom: 1px solid #D6D6E1;
}

.cities-section .cities-text table:not(.opened) tbody tr:nth-child(n+7) {
	display: none;
}

.cities-section .cities-text table tbody tr td {
	color: var(--foreground-on-light-text-primary, #30303F);
	font-family: IBM Plex Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 24px */
	padding: 12px 16px;
}

.all-row {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}

.all-row button {
	border-radius: 8px;
	border: 1px solid var(--Stroke-input-default, #D6D6E1);
	padding: 10px;
	background: none;
	color: var(--foreground-on-light-text-primary-2, #545575);
	font-family: IBM Plex Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
}

.all-row button:hover {
	border: 1px solid var(--Stroke-UI-control, #6A6CEA);
	color: var(--Stroke-UI-control, #6A6CEA);
	cursor: pointer;
}

.contacts-station {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	margin-bottom: 120px;
}

.contacts-station .contacts-section {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.contacts-station .contacts-section .contacts-icon img {
	max-width: 128px;
	margin-right: 40px;
}

.contacts-station .contacts-section .contacts-title {
	color: var(--foreground-on-light-text-primary, #30303F);
	font-family: IBM Plex Sans;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
	margin-bottom: 16px;
}

.contacts-station .contacts-section .contacts-text {
	color: var(--foreground-on-light-text-primary, #30303F);
	font-family: IBM Plex Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
}

.list-news .articles-title {
	margin-bottom: 22px;
}

.search-result {
	margin-top: 16px;
	margin-bottom: 120px;
}

.search-form {
	background: url(../images/9nbqnJNs3Iu8.png);
	max-width: 1050px;
	height: 240px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 8px;
	font-family: IBM Plex Sans;
	margin-bottom: 36px;
}

.search-form__wrapper {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.search-form__title {
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
}

.search-form__title-text {
	font-family: IBM Plex Sans;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
	background: linear-gradient(71deg, #CE9AFF 0%, #FFB546 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.search-form__input {
	position: relative;
	width: 50%;
}

.search-form__input label {
	position: absolute;
	top: 18px;
	left: 12px;
	height: 19px;
	width: 19px;
	z-index: 1;
}

.search-form__input input {
	display: flex;
	max-width: 520px;
	width: 100%;
	height: 56px;
	padding: 16px 44px;
	align-items: center;
	flex-shrink: 0;
	border-radius: 8px;
	border: 1px solid var(--Stroke-input-default, #D6D6E1);
	background: var(--BG-neutral-2, #ECECF2);
}

.js-search-list-container {
	display: flex;
	flex-wrap: wrap;
}

.js-search-list-container.col-2 > .item {
	box-sizing: border-box;
	width: calc(50% - 12px);
}

.js-search-list-container > .item,
.js-search-list-container.col-3 > .item {
	box-sizing: border-box;
	width: calc(33% - 6px);
}

@media screen and (min-width: 1024px) {
	.js-search-list-container.col-4 > .item {
		width: calc(25% - 10px);
	}

	.js-search-list-container.col-5 > .item {
		width: calc(20% - 10px);
	}

	.js-search-list-container.col-6 > .item {
		width: calc(16.66% - 10px);
	}


	.js-search-list-container.col-2 > .item:not(:nth-child(2n)) {
		margin-right: 12px;
	}

	.js-search-list-container.col-3 > .item:not(:nth-child(3n)) {
		margin-right: 12px;
	}

	.js-search-list-container.col-4 > .item:not(:nth-child(4n)) {
		margin-right: 12px;
	}

	.js-search-list-container.col-5 > .item:not(:nth-child(5n)) {
		margin-right: 12px;
	}

	.js-search-list-container.col-6 > .item:not(:nth-child(6n)) {
		margin-right: 10px;
	}

	.js-search-list-container > .item .post a.post__shadow {
		display: flex;
		width: 100%;
		height: auto;
		max-width: 100%;
		aspect-ratio: 1 / 1;
	}
}

.js-search-list-container > .item .post {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	margin-bottom: 32px;
}

.js-search-list-container > .item .post img {
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	border: solid 1px #ececf1;
	border-radius: 8px;
}

.js-search-list-container > .item .post a.post__link {
	color: #30303F;
	font-family: IBM Plex Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	margin-top: 8px;
}

.js-search-list-container > .item .post a.post__shadow {
	position: relative;
	border-radius: 8px;
}

.js-search-list-container > .item:hover .post a.post__shadow:before {
	background-color: rgba(0,0,0,.5);
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	border-radius: 8px;
}

.js-search-list-container > .item:hover .post a {
	color: #4E46DC;
}

.autocomplete-suggestions {
	background: rgb(236, 236, 241);
	padding: 16px 44px;
	border-radius: 8px;
	margin-top: 6px;
}

#searchSingersForm .autoComplete_wrapper {
	width: 100%;
}

#searchSingersForm #searchSingersInput {
	width: 100%;
	height: 56px;
	padding: 16px 44px;
	align-items: center;
	flex-shrink: 0;
	border-radius: 8px;
	border: 1px solid var(--Stroke-input-default, #D6D6E1);
}
#searchSingersForm {
	position: relative;
}
#searchSingersForm #searchSingersInput::-webkit-search-cancel-button {
	-webkit-appearance: none;
	color: #888AA8;
	width: 18px;
	height: 18px;
	position: absolute;
	right: 16px;
	cursor: pointer;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
}

#searchSingersForm .search-cancel-button {
	background-image: none;
	border: none;
	color: #888AA8;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

#searchSingersForm .search-cancel-button.hide {
	display: none;
}

.autoComplete_wrapper {
	display: inline-block;
	position: relative;
}
.autoComplete_wrapper > input {
	height: 3rem;
	width: 370px;
	margin: 0;
	padding: 0 2rem 0 3.2rem;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 1rem;
	text-overflow: ellipsis;
	color: #888AA8;
	outline: 0;
	border-radius: 8px;
	border: 1px solid var(--Stroke-input-default, #D6D6E1);
	transition: all 0.4s ease;
	-webkit-transition: all -webkit-transform 0.4s ease;
}
.autoComplete_wrapper > input::-moz-placeholder {
	color: #888AA8;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition: all -webkit-transform 0.3s ease;
}
.autoComplete_wrapper > input::placeholder {
	color: #888AA8;
	transition: all 0.3s ease;
	-webkit-transition: all -webkit-transform 0.3s ease;
}
.autoComplete_wrapper > input:hover::-moz-placeholder {
	color: rgb(131, 133, 161);
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition: all -webkit-transform 0.3s ease;
}
.autoComplete_wrapper > input:hover::placeholder {
	color: rgb(131, 133, 161);
	transition: all 0.3s ease;
	-webkit-transition: all -webkit-transform 0.3s ease;
}
.autoComplete_wrapper > input:focus::-moz-placeholder {
	padding: 0.1rem 0.6rem;
	font-size: 0.95rem;
	color: rgba(131, 133, 161, 0.4);
}
.autoComplete_wrapper > input:focus::placeholder {
	padding: 0.1rem 0.6rem;
	font-size: 0.95rem;
	color: rgba(131, 133, 161, 0.4);
}
.autoComplete_wrapper > input:focus::-moz-selection {
	background-color: rgba(131, 133, 161, 0.15);
}
.autoComplete_wrapper > input:focus::selection {
	background-color: rgba(131, 133, 161, 0.15);
}
.autoComplete_wrapper > input::-moz-selection {
	background-color: rgba(131, 133, 161, 0.15);
}
.autoComplete_wrapper > input::selection {
	background-color: rgba(131, 133, 161, 0.15);
}
.autoComplete_wrapper > input:hover {
	color: rgba(131, 133, 161, 0.8);
	transition: all 0.3s ease;
	-webkit-transition: all -webkit-transform 0.3s ease;
}
.autoComplete_wrapper > input:focus {
	color: #888AA8;
	border: 0.06rem solid rgba(131, 133, 161, 0.8);
}
.autoComplete_wrapper > ul {
	position: absolute;
	max-height: 226px;
	overflow-y: scroll;
	box-sizing: border-box;
	left: 0;
	right: 0;
	margin: 0.5rem 0 0 0;
	padding: 0;
	z-index: 1;
	list-style: none;
	border-radius: 0.6rem;
	background-color: #ececf1;
	border: 1px solid rgba(33, 33, 33, 0.07);
	box-shadow: 0 3px 6px rgba(149, 157, 165, 0.15);
	outline: 0;
	transition: opacity 0.15s ease-in-out;
	-moz-transition: opacity 0.15s ease-in-out;
	-webkit-transition: opacity 0.15s ease-in-out;
}
.autoComplete_wrapper > ul:empty,
.autoComplete_wrapper > ul[hidden] {
	display: block;
	opacity: 0;
	transform: scale(0);
}
.autoComplete_wrapper > ul > li {
	margin: 0.3rem;
	padding: 0.3rem 0.5rem;
	text-align: left;
	font-size: 1rem;
	color: #212121;
	border-radius: 0.35rem;
	background-color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.2s ease;
}
.autoComplete_wrapper > ul > li mark {
	background-color: transparent;
	color: #CE9AFF;
	font-weight: 700;
}
.autoComplete_wrapper > ul > li:hover {
	cursor: pointer;
	background-color: rgba(131, 133, 161, 0.15);
}
.autoComplete_wrapper > ul > li[aria-selected="true"] {
	background-color: rgba(131, 133, 161, 0.15);
}
.autoComplete_wrapper > ul > p {
	text-align: center;
	padding: 10px 10px !important;
}
.autoComplete_wrapper > ul > p span.result-desc {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}
.autoComplete_wrapper > ul > p span.left {
	color: var(--foreground-on-light-text-primary-2, #545575);
	font-family: IBM Plex Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
}
.autoComplete_wrapper > ul > p span.right {
	color: var(--foreground-on-light-text-secondary, #888AA8);
	font-family: IBM Plex Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
}

.mfp-inline-holder .mfp-content.mfp-content-popup-banners {
	max-width: 500px;
}

@media only screen and (max-width: 600px) {
	.autoComplete_wrapper > input {
		width: 18rem;
	}
}

@media screen and (min-width: 1024px) {
	.navbar .menu > li.search-open {
		display: none
	}

	.navbar .menu > li.search-open.visible-lg {
		display: block
	}

	.navbar .menu > li.search-open.active {
		overflow: visible
	}

	.navbar .menu > li.search-open.active > a:before {
		background-position: -29px 0
	}

	.navbar .menu > li.search-open.active form {
		width: 200px;
		transition: all 0.3s ease-out
	}

	.page-radio .radio-item .item__post-image {
		transition: all 0.3s ease-in-out
	}

	.page-radio .radio-item .item__post-image:hover {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		opacity: 0.8
	}

	.important h3, .articles h3, .video h3, .column h3, .column-4 h3, .column-3 h3, .person h3, .podcasts h3, .music h3, .programs h3, .media h3 {
		transition: all 0.3s ease-out
	}

	.important h3:hover, .articles h3:hover, .video h3:hover, .column h3:hover, .column-4 h3:hover, .column-3 h3:hover, .person h3:hover, .podcasts h3:hover, .music h3:hover, .programs h3:hover, .media h3:hover {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		opacity: 0.8
	}
}

@media screen and (min-width: 1070px) {
	.play-drop {
		height: 0;
		background: #2c69ae;
		overflow: hidden
	}

	.play-drop .container {
		background: url(../images/YLAZtKdIxz1e.jpg) top center no-repeat
	}

	.play-drop.active {
		height: 152px;
		border-bottom: 1px solid #fff
	}

	.play-drop .drop {
		width: 100%;
		height: 151px
	}

	.play-drop .bx-wrapper {
		padding-top: 0 !important;
		position: relative
	}

	.play-drop .bx-controls-direction a {
		display: block;
		text-indent: -9999px;
		width: 28px;
		height: 48px;
		background: url(../images/hamy9My3hbrZ.png) no-repeat;
		position: absolute;
		top: 50%;
		z-index: 20;
		margin-top: -24px
	}

	.play-drop .bx-controls-direction a.bx-prev {
		left: -20px;
		background-position: 0 -192px
	}

	.play-drop .bx-controls-direction a.bx-prev:hover {
		background-position: -56px -192px
	}

	.play-drop .bx-controls-direction a.bx-next {
		right: -20px;
		background-position: -28px -192px
	}

	.play-drop .bx-controls-direction a.bx-next:hover {
		background-position: -84px -192px
	}

	.play-drop .bx-controls-direction a.disabled {
		display: none
	}

	.play-drop li span.item {
		height: 151px;
		background: url(../images/xPE5obJTO7HK.png) top right repeat-y
	}

	.play-drop li span.item:before {
		width: 148px
	}

	.play-drop li:last-child span.item {
		background: none
	}

	.stations-list .all-items-link {
		position: absolute;
		top: -30px;
		right: 0;
		max-width: 150px;
	}

	.stations-list .carousel-stations-list-thumbnails .bx-controls.bx-has-controls-direction,
	.stations-list .carouse-video-station-thumbnails .bx-controls.bx-has-controls-direction {
		width: calc(100% - 160px);
	}
}

@media screen and (max-width: 1200px) {
	.media h3, .podcasts h3, .person h3, .programs h3, .important h3, .articles h3, .column h3, .column-4 h3, .column-3 h3, .music h3, .video h3 {
		transform: none;
		position: static;
		text-align: center;
		margin-bottom: 10px
	}

	.media h3 a, .podcasts h3 a, .person h3 a, .programs h3 a, .important h3 a, .articles h3 a, .column h3 a, .column-4 h3 a, .column-3 h3 a, .music h3 a, .video h3 a {
		width: 100%
	}

	.column-4, .column-3 {
		padding-top: 19px
	}

	.column-4 .content, .column-3 .content {
		margin: 0 -10px
	}

	.column-4 .col, .column-3 .col {
		padding: 0 10px 14px 10px
	}

	.media .media-list {
		margin: 0 -10px
	}

	.media .media-list > li {
		padding-left: 10px;
		padding-right: 10px
	}

	.page-topic .body .media h3, .page-topic .body .person h3, .page-topic .body .programs h3, .page-topic .body .podcasts h3 {
		margin-left: 0
	}

	.ui-sorting {
		padding-bottom: 20px
	}
}

@media screen and (max-width: 1069px) {
	.wrapper.header-fixed .play-drop {
		top: 0
	}

	.navbar .menu .item li:last-child {
		display: none
	}

	.header .play-video {
		top: 42px;
		right: 73px
	}

	.header .play-track {
		top: 10px;
		left: 340px
	}

	.header .play-progress {
		display: none
	}

	.header .play-favorite {
		top: 11px;
		right: 81px
	}

	.header .play-list {
		display: block;
		top: 12px;
		right: 0
	}

	.header .play-list li {
		display: block;
		float: none;
		width: 100%
	}

	.header .play-list li + li {
		margin-top: 4px
	}

	.header .play-list a {
		padding: 0 0 0 16px
	}

	.header .play-list a:before {
		top: 1px;
		left: 0;
		margin-left: 0
	}

	.header .play-like {
		right: 72px;
		top: 8px
	}

	.play-drop {
		position: fixed;
		top: 0;
		left: -100%;
		z-index: 100;
		width: 230px;
		height: 100%;
		overflow: hidden;
		box-shadow: 5px 0 5px rgba(1, 3, 3, 0.3)
	}

	.play-drop.active {
		left: 0
	}

	.play-drop.active .drop {
		left: 0
	}

	.play-drop.scroll .drop {
		padding-top: 0
	}

	.play-drop .drop {
		width: 245px;
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		position: absolute;
		top: 0;
		left: -100%;
		z-index: 999
	}

	.play-drop .drop .js-drop {
		width: 230px;
		padding-top: 116px;
		background-color: #2c69ae;
	}

	.play-drop li {
		position: relative;
		border-bottom: 1px solid #2e75bd
	}

	.play-drop li:after {
		display: block;
		content: "";
		background-color: #1c0679;
		width: 100%;
		height: 1px;
		position: absolute;
		bottom: 0;
		left: 0
	}

	.play-drop li a:before {
		width: 100%
	}

	.play-drop li a.favorite, .play-drop li a.help {
		top: 9px
	}

	.play-drop li a.favorite {
		left: 37px
	}

	.play-drop li a.help {
		right: 34px
	}

	.video .carousel-item {
		float: none;
		width: 100%
	}

	.video .carousel-item img {
		width: 100%
	}

	.video .carousel-thumbnails {
		float: none;
		width: 100%;
		padding-top: 10px
	}

	.video .carousel-thumbnails .js-video-thumbnails a {
		width: 200px;
		position: relative;
		overflow: hidden
	}

	.video .carousel-thumbnails .bx-wrapper {
		position: relative
	}

	.video .carousel-thumbnails .bx-controls-direction a {
		width: 35px;
		height: 100%
	}

	.video .carousel-thumbnails .bx-controls-direction a span {
		width: 10px;
		height: 17px
	}

	.video .carousel-thumbnails .bx-controls-direction a.bx-prev {
		left: 0;
		padding-top: 42px
	}

	.video .carousel-thumbnails .bx-controls-direction a.bx-prev span {
		background-position: -17px -15px
	}

	.video .carousel-thumbnails .bx-controls-direction a.bx-next {
		right: 0;
		padding-top: 42px
	}

	.video .carousel-thumbnails .bx-controls-direction a.bx-next span {
		background-position: -27px -15px
	}

	.video .video-content {
		max-width: 100%
	}

	.person .person-list {
		margin: 0 -10px
	}

	.person .person-list > li {
		padding: 0 10px
	}
}

@media screen and (max-width: 1024px) {
	.container {
		max-width: 100%
	}

	.top {
		padding-bottom: 711px
	}

	.navbar .container {
		justify-content: flex-start;
		padding: 0 16px;
	}

	.navbar .logo {
		padding: 0 !important;
		width: 112px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
	}

	.navbar .logo picture {
		width: 100%;
		display: block;
	}

	.navbar .logo picture img {
		width: 100%;
		height: 100%;
	}

	.navbar .profile,
	.navbar .profile-open.hidden {
		display: none;
	}

	.user-auth .navbar .profile.profile-mob {
		position: initial;
		padding: 0 !important;
		margin: 0;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.navbar .profile.profile-mob a {
		padding: 0 !important;
		margin: 0 !important;
		width: 32px;
	}

	.navbar .profile.profile-mob a.profile-userpic .user-name,
	.navbar .profile.profile-mob a.profile-userpic:before {
		display: none !important;
	}

	.user-auth .navbar .login .sing-up,
	.navbar .login li.sing-in {
		display: none;
	}

	.navbar .menu-open {
		display: block;
		float: left;
		position: relative;
		margin-right: 20px;
		z-index: 111
	}

	.navbar .profile-mob.hidden {
		display: none;
	}

	.navbar .menu-open a {
		text-decoration: none;
		position: relative;
		padding: 0;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		height: 100%;
		width: auto;
	}

	.navbar .menu-open a .close,
	.navbar .menu-open a.active .open {
		display: none;
	}

	.navbar .menu-open a.active .close {
		display: block;
	}

	.navbar .menu-open a:hover:after, .navbar .menu-open a.active:after {
		border-color: #070c1b transparent transparent transparent
	}

	.navbar .menu.active {
		top: 70px !important;
		left: 0;
		width: 100%;
		margin: 0;
		border-top: 1px solid #D6D6E1;
		border-bottom: 1px solid #D6D6E1;
		align-items: baseline;
		padding: 12px 0;
	}

    .navbar .menu li {

	}

	.navbar .menu li.sing-in {
		display: inline-flex;
		padding: 2px;
		justify-content: center;
		align-items: center;
		border-radius: 8px;
		background: linear-gradient(68.97deg, #C07CFF 11.55%, #ED8786 56.38%, #F5BF6D 100%);
	}

	.navbar .menu li.sing-in a {
		border-radius: 6px;
		background: #fcfcfd;
		padding: 12px;
	}

	.user-auth .navbar .menu li.sing-in,
	.navbar .menu li.nav-profile,
	.navbar .menu li.nav-playlist,
	.navbar .menu li.nav-logout {
		display: none;
	}

	.user-auth .navbar .menu li.nav-profile,
	.user-auth .navbar .menu li.nav-playlist,
	.user-auth .navbar .menu li.nav-logout {
		display: list-item;
	}

	.navbar .menu li.nav-profile {
		position: relative;
		margin-top: 28px;
	}

	.navbar .menu li.nav-logout {
		width: 100%;
	}

	.navbar .menu li.nav-logout .logout-wrapper {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
		padding: 16px 24px 8px;
	}

	.navbar .menu li.nav-logout .logout-wrapper .user-name {
		color: #888AA8;
		font-family: IBM Plex Sans;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; /* 24px */
	}

	.navbar .menu.active li.nav-logout:hover .logout-wrapper a,
	.navbar .menu li.nav-logout .logout-wrapper a {
		padding: 2px;
		border-radius: 8px;
		background: linear-gradient(68.97deg, #C07CFF 11.55%, #ED8786 56.38%, #F5BF6D 100%);
		width: 70px;
		min-width: 70px;
		display: block;
	}

	.navbar .menu li.nav-logout .logout-wrapper a p {
		display: flex;
		padding: 12px;
		justify-content: center;
		align-items: center;
		border-radius: 6px;
		border: none;
		width: 66px;
		background: #ffffff;
		color: #30303F;
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: 150%; /* 21px */
	}

	.navbar .right {
		margin-left: auto;
	}

	.user-auth .navbar .login {

	}

	.navbar .login > li.sing-up a.user-sing-up {
		font-size: 14px;
		font-weight: 600;
		padding: 12px;
	}

	.navbar .menu {
		clear: both;
		display: none;
		color: #070c1b;
		background-color: #fff;
		margin: 0 -10px
	}

	.navbar .menu > li > a {
		color: #30303F;
		font-family: IBM Plex Sans;
		font-size: 16px;
		font-weight: 500;
		line-height: 150%; /* 24px */
		padding-left: 24px;
		padding-right: 12px
	}

	.navbar .menu a:hover {
		background-color: none;
		color: #4E46DC;
	}

	.navbar .menu > li:hover .drop {
		display: block
	}

	.navbar .menu > li.search-open > a {
		padding-right: 0
	}

	.navbar .menu > li.search-open > a:before {
		background-position: -29px 0
	}

	.navbar .menu .drop {
		background-color: #f6f6f6;
		display: none;
		top: 100%;
		text-align: center
	}

	.navbar .menu .drop .item {
		display: inline-block;
		vertical-align: top;
		margin: 0 -5px;
		padding: 15px 0 10px 0
	}

	.navbar .menu .drop .item > li {
		float: none;
		display: inline-block;
		vertical-align: top;
		width: auto;
		padding: 0 5px;
		margin: 0 0 5px
	}

	.navbar .menu .drop .item .item-content img {
		display: none
	}

	.navbar .menu .drop .item .more {
		display: block;
		height: auto;
		line-height: 20px;
		margin: 0;
		position: relative;
		top: 0;
		left: 0
	}

	.navbar .menu .drop .item .more u {
		display: none
	}

	.navbar .menu .drop .item .more i {
		margin: 0
	}

	.navbar .menu .drop .item b {
		display: none
	}

	.navbar .login {
		position: relative;
		top: 1px
	}

	.notice .alert {
		margin: 0 40px;
	}

	.notice .alert a {
		text-align: center;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%;
	}

	h2.title {
		font-size: 20px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; /* 30px */
	}

	.stations .carouse-stations-home-thumbnails .bx-wrapper {
		max-width: 100% !important;
	}

	.stations .carouse-stations-home-thumbnails div.bx-viewport > .js-stations-home-thumbnails {
		padding: 15px 0 30px;
		min-height: 128px;
	}

	.stations .carouse-stations-home-thumbnails div.bx-viewport > .js-stations-home-thumbnails a {
		padding: 16px;
		width: 80px !important;
	}

	.stations .carouse-stations-home-thumbnails > .js-stations-home-thumbnails {
		padding: 56px 0 30px;
		min-height: 128px;
	}

	.stations .carouse-stations-home-thumbnails > .js-stations-home-thumbnails a {
		margin-left: 10px;
		padding: 16px;
		width: 80px !important;
		height: 80px !important;
	}

	.stations .carouse-stations-home-thumbnails .js-stations-home-thumbnails a:hover:before {
		width: 80px;
		height: 80px;
		border: none;
		background: none;
		box-shadow: none;
	}

	.stations .carouse-stations-home-thumbnails .js-stations-home-thumbnails a:hover:after {
		display: none;
	}

	.stations .carouse-stations-home-thumbnails .js-stations-home-thumbnails a.active-slide:before {
		display: block;
		content: "";
		width: 80px;
		height: 80px;
		background: url(../images/qB3Po5NU5xGn.png) no-repeat;
		background-position: center;
		position: absolute;
		border: 1px solid #D8BDF5;
		border-radius: 16px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-shadow: none !important;
		z-index: 9;
	}

	.stations .carouse-stations-home-thumbnails .js-stations-home-thumbnails a img {
		width: 48px;
		height: 48px;
	}

	.stations .stations-title {
		top: 8px;
	}

	.stations .carouse-stations-home-thumbnails .bx-controls.bx-has-controls-direction {
		margin-bottom: 0;
	}

	.stations .carouse-stations-home-thumbnails .bx-viewport {
		min-height: 128px;
		padding: 0;
	}

	.stations .carousel {
		margin: 0 16px 0 8px;
	}

	.slider.slider-contain .slider-relative {
		margin: 0 0 24px 0;
	}

	.slider.slider_main {
		padding: 0;
	}

	.slider.slider_main .js-slider-thumbnails {
		display: none;
	}

	.slider .bx-controls-direction a {
		width: 45px;
		height: 76px;
		margin-top: -38px
	}

	.slider .bx-controls-direction a.bx-prev {
		background-position: 0 -240px
	}

	.slider .bx-controls-direction a.bx-prev:hover {
		background-position: 0 -316px
	}

	.slider .bx-controls-direction a.bx-next {
		background-position: -67px -240px
	}

	.slider .bx-controls-direction a.bx-next:hover {
		background-position: -67px -316px
	}

	.important .nbs-flexisel-nav-left, .important .nbs-flexisel-nav-right {
		height: 116px;
		padding-top: 34px
	}

	.important .item a {
		max-width: 100%
	}

	.important .item img {
		width: 100%
	}

	.column .grid {
		margin: 0 -5px
	}

	.column .item {
		padding: 0 5px
	}

	.video h3 {
		transform: none;
		position: static;
		text-align: center;
		margin-bottom: 10px
	}

	.video h3 a {
		width: 100%
	}

	.video .carousel-thumbnails {
		padding-top: 10px
	}

	.video .carousel-thumbnails .js-video-thumbnails a {
		width: 145px
	}

	.footer .container {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: space-between;
		align-items: stretch;
	}

	.footer .menu {
		display: inline-block;
		width: 100%
	}

	.footer .menu.first ul + ul {
		padding-left: 10px
	}

	.footer .copyright {
		padding-top: 18px
	}

	.footer .menu ul.social,
	.footer .menu ul.application {
		justify-content: flex-start;
	}

	.video .carouse-video-home-thumbnails .bx-wrapper,
	.video .carouse-video-station-thumbnails .bx-wrapper {
		max-width: 100% !important;
	}

	.carouse-video-home-thumbnails a > picture,
	.carouse-video-station-thumbnails a > picture {
		display: block;
		height: 140px;
	}

	.carouse-video-home-thumbnails a > picture > img,
	.carouse-video-station-thumbnails a > picture > img {
		max-width: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
	}
}

@media screen and (max-width: 1023px) {
	.articles .grid {
		margin-left: -5px;
		margin-right: -5px
	}

	.articles .item, .articles .fixed {
		width: 33.33%;
		padding-left: 5px;
		padding-right: 5px
	}

	.column-4 .col {
		width: 50%
	}

	.column-4.sm-3 .col {
		width: 50%
	}

	.column-4.sm-3 .col b {
		font-size: 14px;
		line-height: 21px;
		padding-top: 4px
	}

	.column-4.sm-3 .col .col-anons {
		font-size: 12px;
		line-height: 18px
	}

	.column-3 .col {
		width: 100%
	}

	.column-3 .col a .size330 {
		height: 356px
	}

	.column-3 .col a .size330 > img {
		display: none
	}

	.column-3 .col a .size330 span img {
		width: 100%;
		max-width: 800px
	}

	.page-video .video-item > a .item__play {
		top: 10px;
		margin-top: 0
	}

	.page-error {
		font-size: 24px;
		line-height: 24px;
		padding-bottom: 91px
	}

	.page-error h1 {
		padding: 0 0 56px
	}

	.page-topic .body .column-3 .col {
		width: 50%
	}

	.page-topic .body .articles .item, .page-topic .body .articles .fixed {
		width: 50%
	}

	.page-topic .body .articles .item a > img, .page-topic .body .articles .fixed a > img {
		width: 100%;
		max-width: none
	}

	.page-topic.sidebar_left .sidebar {
		display: none
	}

	.page-topic.sidebar_left .body {
		margin-right: 0;
		padding-right: 0
	}

	.page-topic .body {
		padding-right: 10px
	}

	.timetable .timetable-list {
		display: block;
		text-align: center
	}

	.timetable .timetable-list > li {
		display: inline-block;
		vertical-align: top
	}

	.podcasts .podcasts-list .post .post-content {
		padding-right: 0
	}

	.podcasts .podcasts-list .post .post-content .post-more {
		padding-top: 16px;
		position: static;
		text-align: left
	}

	.media .media-list {
		margin: 0 -10px
	}

	.media .media-list > li {
		width: 50%
	}

	.programs .grid {
		margin: 0 -5px
	}

	.programs .item, .programs .fixed {
		width: 50%;
		padding: 0 5px
	}

	.programs .item img, .programs .fixed img {
		width: 100%;
		max-width: none
	}

	.toplist .list .list-head a.prev, .toplist .list .list-head a.next {
		width: 31px;
		text-indent: -9999px;
		text-align: left
	}

	.toplist .list .list-head .cal-list .cal-list__control {
		width: 300px
	}

	.toplist .list .list-content {
		padding-left: 120px
	}

	.toplist .list .list-content.list-content_cal {
		padding-left: 0;
		padding-right: 0
	}

	.toplist .list .list-content b {
		position: absolute;
		top: 7px;
		left: 10px
	}

	.toplist .list .list-content .cal-time .cal-time__control > input {
		width: 165px
	}

	.song-list .song__filter > li.rus {
		margin-left: 0;
		clear: both
	}

	.list__column3 .title h1 {
		float: none
	}

	.list__column3 .title .title__more {
		float: none;
		margin-left: 0;
		margin-top: 0
	}

	.list__column3 .list__post > li {
		width: 50%
	}

	.search-form {
		background: url(../images/X9QKNAQmUhxT.png);
		max-width: 990px;
		height: 220px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		margin-bottom: 40px;
	}

	.search-form__wrapper {
		justify-content: flex-end;
		padding-bottom: 16px;
	}

	.search-form__title-text {
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		line-height: 150%;
	}

	.search-form__input {
		position: relative;
		width: calc(100% - 32px);
	}

	#searchSingersForm #searchSingersInput {
		color: var(--foreground-on-light-text-secondary, #888AA8);
		font-family: IBM Plex Sans;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%;
		max-width: 100%;
	}

	.radio-tabs__item {
		font-family: IBM Plex Sans;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%;
	}

	.search-result {
		margin-top: 6px;
		margin-bottom: 80px;
	}

	.page-topic .singers-page h1.js-search-title__text,
	.js-search-title__text {
		font-family: IBM Plex Sans;
		font-size: 20px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%;
	}

	.js-search-list-container > .item, .js-search-list-container.col-3 > .item {
		box-sizing: border-box;
		width: calc(33% - 8px);
	}

	.js-search-list-container .item:not(:nth-child(3n)),
	.js-search-list-container.col-6 .item:not(:nth-child(3n)) {
		margin-right: 12px;
	}

	.js-search-list-container .item:nth-child(3n),
	.js-search-list-container.col-6 .item:nth-child(3n) {
		margin-right: 0;
	}

	.js-search-list-container > .item .post a.post__shadow {
		display: flex;
		width: 100%;
		height: auto;
		max-width: 100%;
		aspect-ratio: 1 / 1;
	}

	.js-search-list-container.col-6 > .item .post a.post__shadow img {
		height: 100% !important;
	}

	.js-search-list-container > .item .post a.post__link {
		font-family: IBM Plex Sans;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%;
	}

	.pagination .pagenavi > li {
		width: 28px;
	}
}

@media screen and (max-width: 916px) {
	.table .table-responsive {
		width: 600px
	}

	.podcasts .podcasts-list .post.post_small .post-photo {
		float: none;
		width: 100%;
		margin-bottom: 12px
	}

	.podcasts .podcasts-list .post.post_small .post-content {
		margin-left: 0
	}

	.podcasts .podcasts-list .post .post-photo {
		width: 200px
	}

	.podcasts .podcasts-list .post .post-content {
		margin-left: 220px
	}
}

@media screen and (max-width: 860px) {
	.table .table-responsive {
		width: 500px
	}
}


@media screen and (max-width: 820px) {
	.navbar .menu.active {
		flex-direction: column;
	}
	.navbar .menu li.sing-in {
		display: inline-flex;
		padding: 2px;
		justify-content: center;
		align-items: center;
		border-radius: 8px;
		background: linear-gradient(68.97deg, #C07CFF 11.55%, #ED8786 56.38%, #F5BF6D 100%);
		margin: 24px 12px 0px 0;
		position: relative;
		left: 24px;
	}

	.navbar .menu li.sing-in:before {
		display: inline-block;
		content: "";
		border-top: 1px solid #e6e6e6;
		position: absolute;
		width: 100vw;
		top: -14px;
		left: -24px;
	}

	.navbar .menu li.nav-profile:before {
		display: inline-block;
		content: "";
		border-top: 1px solid #e6e6e6;
		position: absolute;
		width: 100vw;
		top: -14px;
		left: 0;
	}

	.stations .stations-title {
		position: inherit;
		margin-left: 0;
	}

	.video .video-title {
		position: inherit;
		margin-bottom: 20px;
	}

	.stations .carouse-stations-home-thumbnails .bx-controls.bx-has-controls-direction,
	.video .carouse-video-home-thumbnails .bx-controls.bx-has-controls-direction,
	.video .carouse-video-station-thumbnails .bx-controls.bx-has-controls-direction {
		display: none;
	}

	.stations .carouse-stations-home-thumbnails .bx-wrapper {
		max-width: 100% !important;
	}

	.stations .carouse-stations-home-thumbnails .bx-viewport {
		min-height: 128px;
		padding: 0;
	}

	.stations .carouse-stations-home-thumbnails > .js-stations-home-thumbnails::before {
		content: "";
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		width: 50px;
		z-index: 10;
		display: block;
		background: #fdfdfdb5;
		background: linear-gradient(270deg, #FCFCFD 14.8%, rgb(255 255 255 / 9%) 85.17%);
		border-radius: 8px;
	}

	.stations .carouse-stations-home-thumbnails div.bx-viewport > .js-stations-home-thumbnails {
		padding: 15px 0 30px;
		min-height: 128px;
	}

	.stations .carouse-stations-home-thumbnails div.bx-viewport > .js-stations-home-thumbnails a {
		padding: 16px;
		width: 80px !important;
		height: 80px !important;
	}

	.stations .carouse-stations-home-thumbnails > .js-stations-home-thumbnails {
		padding: 15px 0 30px;
		min-height: 128px;
	}

	.stations .carouse-stations-home-thumbnails > .js-stations-home-thumbnails a {
		margin: 0 10px 0 0;
		padding: 16px;
		width: 80px !important;
	}

	.stations-list .carousel-stations-list-thumbnails .js-stations-list-thumbnails a {
		width: 120px !important;
	}

	.stations-list.presenters .carousel-stations-list-thumbnails .js-stations-list-thumbnails a {
		width: 136px !important;
	}

	.stations-list .carousel-stations-list-thumbnails .js-stations-list-thumbnails a img {
		width: 120px;
		height: 120px;
	}

	.stations-list.presenters .carousel-stations-list-thumbnails .js-stations-list-thumbnails a img {
		width: 100px;
		height: 100px;
	}

	.stations-list .carousel-stations-list-thumbnails .js-stations-list-thumbnails a .program-item-title {
		color: var(--foreground-on-light-text-primary, #30303F);
		font-family: IBM Plex Sans;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; /* 21px */
		margin-top: 8px;
	}

	.featured .featured-content {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
		margin: 24px 0 56px;
	}

	.featured .playlist,
	.featured .news {
		width: 100%;
	}

	.featured .news .articles-list {
		display: flex;
		flex-wrap: nowrap;
		height: 100%;
		flex-direction: column;
		align-items: center;
	}

	.featured .news.articles .articles-list .item {
		width: 100%;
		min-height: auto;
		margin-bottom: 28px;
		padding: 0;
	}

	.articles .articles-list .item .item-content .item-content-title {
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		padding-bottom: 16px;
	}

	.articles .articles-title {
		font-size: 20px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%;
	}

	.articles .articles-nav .category-list-item {
		margin: 20px 0;
	}

	.articles .articles-nav .category-list-item .category-item button h4 {
		color: #30303F;
		white-space: nowrap;
		font-family: IBM Plex Sans;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%;
	}

	.articles .articles-list .item {
		width: 100%;
		min-height: auto;
		margin-bottom: 20px;
		padding: 0;
	}

	.articles .articles-list:not(.page-news-list) .item:nth-of-type(1n+4){
		display: none;
	}

	.all-items-link .gradient-border,
	.all-items-link .gradient-border a,
	.articles .gradient-border,
	.articles .gradient-border a,
	.video .gradient-border,
	.video .gradient-border a,
	.button-loader-container.gradient .button-loader {
		width: 100%;
	}

	.page-radio-station .button-loader-container.gradient {
		margin: 20px 0 80px;
	}

	.stations-list.programs, .stations-list.podcasts, .stations-list.video, .stations-list.presenters {
		padding: 0;
		margin-bottom: 80px;
	}

	.stations-list.presenters .carousel-stations-list-thumbnails .bx-viewport {
		min-height: 260px;
	}

	.about-section {
		margin: 0 10px 80px 10px;
	}

	.about-section .content {
		margin: 0 0 0 0;
	}

	.about-section .banner {
		display: none;
	}

	.about-section .about-title {
		font-size: 20px;
	}

	.about-section .about-text {
		font-size: 14px;
	}

	.about-section .about-text img {
		width: 100% !important;
		height: auto !important;
	}

	.about-social ul.social {
		justify-content: space-evenly;
	}

	.cities-section .cities-title {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.cities-section .cities-text {
		margin: 0 16px;
	}

	.cities-section .cities-text table .region {
		display: none;
	}

	.cities-section .cities-text table thead tr th:nth-child(2) {
		border-top-left-radius: 8px;
		border-bottom-left-radius: 8px;
	}

	.cities-station .cities-section .content {
		margin-bottom: 80px;
	}

	.contacts-station {
		margin-bottom: 80px;
	}

	.contacts-station .contacts-section {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
	}

	.contacts-station .contacts-section .contacts-icon img {
		margin: 0 0 16px 0;
	}

	.contacts-station .contacts-section .contacts-title {
		font-size: 24px;
		text-align: center;
	}

	.contacts-station .contacts-section .contacts-text {
		font-size: 14px;
	}

	.top .articles .container,
	.top .video .container,
	.top .live-music {
		margin-bottom: 80px;
	}

	.all-items-link,
	.articles .all-articles {
		margin-top: 4px;
	}

	.radioclub-section .station-list .station-items {
		flex-wrap: wrap;
		gap: 12px;
	}

	.radioclub-section .station-list .station-items .station-item a {
		padding: 18px;
	}

	.radioclub-section .station-list .station-items .station-item a img {
		width: 64px;
		height: 64px;
	}

	.radioclub-section .apps-list .application {
		gap: 0;
	}

	.radioclub-section .apps-list .application li {
		margin: 0 8px;
	}

	.radioclub-section .apps-list .application li a {
		width: 156px;
		height: 46px;
	}

	.video .video-title {
		color: #30303F;
		font-family: IBM Plex Sans;
		font-size: 20px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; /* 30px */
	}

	.video .carouse-video-home-thumbnails .bx-wrapper,
	.video .carouse-video-station-thumbnails .bx-wrapper {
		max-width: 100% !important;
	}

	.carouse-video-home-thumbnails a > picture,
	.carouse-video-station-thumbnails a > picture {
		display: block;
		height: 140px;
	}

	.carouse-video-home-thumbnails a > picture > img,
	.carouse-video-station-thumbnails a > picture > img {
		max-width: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
	}

	.carouse-video-home-thumbnails a > p,
	.carouse-video-station-thumbnails a > p {
		color: #30303F;
		font-family: IBM Plex Sans;
		font-size: 16px !important;
		font-style: normal;
		font-weight: 500 !important;
		line-height: 150%;
		margin-top: 16px;
	}

	.video .all-video {
		margin-top: 20px;
	}

	.bxslider-video-home .video-iframe,
	.bxslider-video-home .video-label,
	.bxslider-video-station .video-iframe,
	.bxslider-video-station .video-label {
		width: calc(100% - 20px);
	}

	.bxslider-video-home .video-iframe.tiktok,
	.bxslider-video-station .video-iframe.tiktok {
		width: 200px;
	}

	.bxslider-video-home .video-iframe:not(.tiktok) .iframe-video,
	.bxslider-video-station .video-iframe:not(.tiktok) .iframe-video {
		width: 100%;
		height: 184px;
	}

	.bxslider-video-home .video-iframe .iframe-video iframe,
	.bxslider-video-station .video-iframe .iframe-video iframe {
		max-width: 100%;
		max-height: 100%;
	}

	.bxslider-video-home .bx-controls-direction > a,
	.bxslider-video-station .bx-controls-direction > a {
		top: auto;
		bottom: 10px;
	}

	.bxslider-video-home .bx-controls-direction > a.bx-prev,
	.bxslider-video-station .bx-controls-direction > a.bx-prev {
		left: 22px;
	}

	.bxslider-video-home .bx-controls-direction > a.bx-next,
	.bxslider-video-station .bx-controls-direction > a.bx-next {
		right: 22px;
	}

	.bxslider-video-home .bx-controls-direction > a.bx-prev,
	.bxslider-video-station .bx-controls-direction > a.bx-prev,
	.bxslider-video-home .bx-controls-direction > a.bx-next,
	.bxslider-video-station .bx-controls-direction > a.bx-next,
	.bxslider-video-home .bx-controls-direction > a.bx-prev svg,
	.bxslider-video-station .bx-controls-direction > a.bx-prev svg,
	.bxslider-video-home .bx-controls-direction > a.bx-next svg,
	.bxslider-video-station .bx-controls-direction > a.bx-next svg {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

	#bx-pager-video-home-thumbnails,
	#bx-pager-video-station-thumbnails {
		display: none;
	}

	.form-option ul > li {
		width: 100%;
	}

	.modal form .form-group .g-recaptcha {
		position: relative;
		left: -50px;
	}

	.form-footer .login {
		flex-direction: column;
	}

}

@media screen and (max-width: 800px) {
	.toplist .post {
		padding-bottom: 47px
	}

	.toplist .post .post-title {
		margin-right: 50px
	}

	.toplist .post .post-share {
		display: block;
		top: 71px;
		right: 100%;
		margin-right: -300px
	}

	.toplist .post .post-share .sharing {
		float: left
	}

	.toplist .post .post-control {
		margin-right: -136px;
		top: 71px;
		right: 100%
	}

	.b-play .b-play__list .post b:before {
		display: block;
		content: "";
		width: 42px;
		height: 42px;
		background: url(../images/sCGNeSIXvdzt.png) -82px 0 no-repeat;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 5;
		margin: -21px 0 0 -21px
	}

	.b-play .b-play__list .post.active b:after {
		display: block;
		content: "";
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		position: absolute;
		top: 0;
		left: 0
	}

	.song__list {
		margin: 0 -10px
	}

	.song__list > li {
		width: 50%;
		padding-left: 10px;
		padding-right: 10px
	}
}

@media screen and (max-width: 767px) {
	body:before {
		display: block;
		content: "";
		position: fixed;
		top: 0;
		bottom: 0;
		right: 100%;
		left: 0;
		z-index: 99999;
		transition: all 0.3s ease-out
	}

	body.profile-mobile:before {
		right: 200px
	}

	.navbar .logo {
		padding-right: 0;
		width: 112px;
	}

	.navbar .hidden {
		display: none
	}

	.navbar .profile-open {
		display: block;
		height: 44px;
		float: right;
		cursor: pointer;
		padding-top: 15px
	}

	.navbar .profile-open span {
		display: block;
		width: 24px;
		height: 18px;
		background: url(../images/sCGNeSIXvdzt.png) -150px -200px no-repeat
	}

	.navbar .profile {
		height: 100%;
		position: fixed;
		top: 0;
		right: -200px;
		transition: all 0.3s ease-out;
		z-index: 999
	}

	.navbar .profile a.profile-userpic {
		margin-left: 79px;
		margin-right: 11px
	}

	.navbar .profile .profile-menu {
		display: block !important
	}

	.header .play-like {
		display: none
	}

	.table .table-responsive {
		width: 100%
	}

	.articles .grid .item, .articles .grid .fixed {
		width: 50%
	}

	.column .item, .column .fixed {
		width: 50%
	}

	.page-radio .radio-item {
		width: 50%
	}

	.page-video .video-item {
		width: 100%
	}

	.column-4 .col {
		width: 100%
	}

	.page-topic {
		display: block;
		padding-bottom: 23px
	}

	.page-topic .sidebar {
		display: block;
		width: 100%;
		padding-top: 20px
	}

	.page-topic .sidebar .s-offer {
		display: none
	}

	.page-topic .sidebar .post {
		display: table;
		margin: 0 -10px;
		position: relative;
		font-size: 0
	}

	.page-topic .sidebar .post:after {
		display: table;
		width: 100%;
		content: ""
	}

	.page-topic .sidebar .post > li {
		display: inline-block;
		vertical-align: top;
		padding: 0 10px;
		width: 50%
	}

	.page-topic .sidebar .s-menu {
		width: 100%
	}

	.page-topic .body {
		display: block;
		width: 100%;
		padding-right: 0
	}

	.page-profile {
		padding: 11px 0 20px 0
	}

	.page-profile .tabs {
		position: relative;
		height: 25px;
		margin: 0 0 15px
	}

	.page-profile .profile-tabs {
		border: 1px solid #ab093a;
		height: 25px;
		position: relative;
		overflow: hidden
	}

	.page-profile .profile-tabs > li {
		float: none;
		display: block;
		margin-right: 0
	}

	.page-profile .profile-tabs > li.open {
		display: block
	}

	.page-profile .profile-tabs > li.open span {
		position: relative;
		width: 23px;
		height: 23px;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 10
	}

	.page-profile .profile-tabs > li.open span:before {
		display: block;
		content: "";
		width: 22px;
		height: 23px;
		background-color: #ab093a;
		position: absolute;
		bottom: 0;
		right: 0;
		left: 100%;
		margin-left: -22px
	}

	.page-profile .profile-tabs > li.open span:after {
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 4px 3px;
		border-color: transparent;
		border-top-color: #fff;
		position: absolute;
		top: 9px;
		right: 7px
	}

	.page-profile .profile-tabs > li > a {
		width: 100%;
		background-color: transparent;
		font-size: 12px;
		line-height: 23px;
		color: #000;
		padding: 0 10px;
		border: none;
		position: absolute;
		top: 0;
		left: 0
	}

	.page-profile .profile-tabs > li > a.active {
		background-color: #fff;
		color: #000;
		z-index: 10
	}

	.page-profile .profile-tabs > li > a.active:before {
		display: none
	}

	.page-profile .profile-tabs.opened {
		width: 100%;
		overflow: visible;
		position: absolute;
		top: 0;
		left: 0
	}

	.page-profile .profile-tabs.opened > li {
		height: 23px;
		padding-right: 23px
	}

	.page-profile .profile-tabs.opened > li.open {
		position: absolute;
		top: 0;
		right: 0
	}

	.page-profile .profile-tabs.opened > li > a {
		width: auto;
		background-color: #ab093a;
		color: #fff;
		position: absolute;
		top: 23px;
		left: -1px;
		right: -1px
	}

	.page-profile .profile-tabs.opened > li > a.active {
		background-color: #fff;
		color: #000;
		top: 0;
		left: 0;
		right: 0
	}

	.page-profile .profile-block {
		border: none;
		padding: 0
	}

	.page-profile .profile-edit .userpic {
		height: 55px;
		padding: 0 0 0 70px;
		line-height: 52px
	}

	.page-profile .profile-edit .userpic .uploader {
		display: inline-block;
		line-height: 14px;
		vertical-align: middle
	}

	.page-profile .profile-edit .userpic .uploader .file-text {
		position: relative
	}

	.page-profile .profile-edit label {
		float: none;
		font-size: 12px;
		width: 100%;
		text-align: left;
		margin-top: 0
	}

	.page-profile .profile-edit .control {
		margin-left: 0
	}

	.page-profile .profile-edit .hidden {
		display: none
	}

	.page-profile .profile-edit .fullsize > label {
		display: none
	}

	.page-profile .profile-edit .fullsize .checkbox label {
		display: block;
		font-size: 12px;
		line-height: 18px;
		padding-left: 24px
	}

	.page-profile .profile-edit .sex {
		font-size: 0;
		line-height: 0
	}

	.page-profile .profile-edit .sex label {
		display: inline-block;
		vertical-align: top;
		width: auto;
		font-size: 12px;
		line-height: 18px;
		margin-top: 0
	}

	.page-profile .profile-edit .sex .control {
		display: inline-block;
		vertical-align: top
	}

	.page-profile .profile-edit .sex .sex-list {
		padding-top: 0
	}

	.page-profile .profile-edit .sex .sex-list > li {
		float: left
	}

	.page-profile .profile-edit .sex .sex-list > li + li {
		margin-top: 0;
		margin-left: 20px
	}

	.page-profile .profile-edit .sex .sex-list > li .radiobox label:before, .page-profile .profile-edit .sex .sex-list > li .radiobox label:after {
		margin-top: -2px
	}

	.cities-section .cities-text img {
		max-width: 100%;
		height: auto !important;
	}
}

@media screen and (max-width: 649px) {
	.top {
		padding-bottom: 640px
	}

	.navbar .menu > li:hover .menu-child {
		left: -100%;
		margin-left: -47px
	}

	.header .play-favorite, .header .play-video, .header .play-track, .header .play-list {
		display: none
	}

	.header .play-start {
		position: absolute;
		top: 10px;
		left: 100%;
		margin-left: -87px
	}

	.header .play-volume {
		display: none;
		position: relative;
		top: 0;
		left: 0;
		float: right;
		margin-right: -9px
	}

	.header .play-list-toggle {
		display: block;
		top: 24px;
		right: 0;
		position: absolute;
		width: 20px;
		height: 20px;
		background: url(../images/qB3Po5NU5xGn.png) -47px -57px no-repeat;
		cursor: pointer
	}

	.header .toggle-setting {
		width: 88px;
		border-top: 1px solid #fff;
		background-color: #b80651;
		box-shadow: 0 5px 5px rgba(1, 3, 3, 0.3);
		position: absolute;
		top: 100%;
		right: -10px;
		z-index: 50
	}

	.header .toggle-setting.active .play-list {
		display: block;
		position: static
	}

	.header .toggle-setting.active .play-list li {
		border-bottom: 1px solid #930541;
		border-top: 1px solid #c32e6d
	}

	.header .toggle-setting.active .play-list li + li {
		margin: 0
	}

	.header .toggle-setting.active .play-list a {
		padding: 7px 0 7px 31px;
		text-decoration: none
	}

	.header .toggle-setting.active .play-list a:before {
		margin-top: 8px;
		margin-left: 12px
	}

	.header .toggle-setting.active .play-video {
		display: block;
		width: 100%;
		height: 37px;
		position: static;
		padding: 10px 0 10px 12px;
		background: none
	}

	.header .toggle-setting.active .play-video:before {
		display: block;
		content: "";
		width: 30px;
		height: 17px;
		background: url(../images/qB3Po5NU5xGn.png) -57px -21px no-repeat
	}

	.slider .bx-controls-direction a {
		width: 23px;
		height: 38px;
		margin-top: -19px
	}

	.slider .bx-controls-direction a.bx-prev {
		background-position: -4px -197px
	}

	.slider .bx-controls-direction a.bx-prev:hover {
		background-position: -4px -197px
	}

	.slider .bx-controls-direction a.bx-next {
		background-position: -30px -197px
	}

	.slider .bx-controls-direction a.bx-next:hover {
		background-position: -86px -197px
	}

	.important .nbs-flexisel-nav-left, .important .nbs-flexisel-nav-right {
		height: 88px;
		padding-top: 20px
	}

	.video .video-content {
		text-align: center
	}

	.video .video-content .more {
		float: none
	}

	.video .video-content .share {
		float: none;
		display: table;
		padding-top: 10px;
		margin: 0 auto
	}

	.toplist .list .list-head.list-head_cal {
		height: 66px;
		padding: 0 10px;
		line-height: 16px
	}

	.toplist .list .list-head .cal-list {
		width: 100%
	}

	.toplist .list .list-head .cal-list .cal-list__name {
		float: none;
		width: 100%;
		text-align: center;
		padding: 8px 0 7px 0
	}

	.toplist .list .list-head .cal-list .cal-list__control {
		float: none;
		width: 100%;
		margin: 0
	}

	.toplist .list .list-content.list-content_cal {
		height: 66px;
		padding: 0 10px;
		line-height: 16px
	}

	.toplist .list .list-content.list-content_cal .cal-time {
		width: 100%
	}

	.toplist .list .list-content.list-content_cal .cal-time__name {
		float: none;
		width: 100%;
		text-align: center;
		padding: 8px 0 7px 0
	}

	.toplist .list .list-content.list-content_cal .cal-time__control {
		float: left;
		width: 50%;
		padding: 0 5px 0 0
	}

	.toplist .list .list-content.list-content_cal .cal-time__control > input {
		width: 100%
	}

	.toplist .list .list-content.list-content_cal .cal-time__view {
		float: right;
		width: 50%;
		padding: 0 0 0 5px
	}

	.toplist .list .list-content.list-content_cal .cal-time__view .btn {
		width: 100%
	}

	.page-topic .body .articles .item, .page-topic .body .articles .fixed {
		width: 100%
	}

	.articles .grid, .programs .grid {
		height: auto !important
	}

	.articles .grid .item, .articles .grid .fixed, .programs .grid .item, .programs .grid .fixed {
		width: 100%;
		position: static !important
	}

	.articles .grid .item img, .articles .grid .fixed img, .programs .grid .item img, .programs .grid .fixed img {
		width: 100%;
		max-width: none
	}

	.articles .grid .fixed img, .programs .grid .fixed img {
		width: auto;
		max-width: 100%
	}

	.column .grid {
		height: auto !important
	}

	.column .item, .column .fixed {
		width: 100%;
		position: static !important
	}

	.podcasts .podcasts-list .post .post-photo {
		float: none;
		width: 100%;
		margin-bottom: 12px
	}

	.podcasts .podcasts-list .post .post-content {
		margin-left: 0
	}

	.media .media-list {
		margin: 0 -10px
	}

	.media .media-list > li {
		width: 100%
	}

	.bottom {
		height: 620px;
	}

	.footer .container {
		padding: 32px 16px;
	}

	.footer .menu {
		vertical-align: top;
		padding-top: 20px;
	}

	.footer .station-list {
		padding-top: 0;
	}

	.footer .menu.menu-list {
		position: relative;
		left: -14px;
		width: calc(100% + 30px);
	}

	.footer .station-list .station-items .station-item {
		display: flex;
	}

	.page-error {
		font-size: 12px;
		line-height: 16px;
		white-space: nowrap;
		padding: 27px 0 48px 0
	}

	.page-error .error span {
		font-size: 30px;
		line-height: 30px;
		top: 63px;
		left: -46px
	}

	.page-error h1 {
		font-size: 144px;
		line-height: 144px;
		padding: 0 0 8px 40px
	}
}

@media screen and (max-width: 630px) {
	.column-4.sm-3 .col {
		width: 50%
	}

	.page-topic {
		padding-top: 7px
	}

	.page-topic .sidebar .post > li {
		width: 100%
	}

	.page-topic .body h1 {
		font-size: 18px;
		line-height: 24px
	}

	.b-play iframe {
		height: auto
	}

	.b-play .b-play__list h3 {
		line-height: 36px;
		padding: 0 0 3px
	}

	.person .person-list > li {
		width: 100%
	}

	.table h3 {
		font-size: 18px;
		line-height: 24px;
		padding: 0 0 13px
	}

	.podcasts .podcasts__link {
		padding-left: 0
	}

	.podcasts .podcasts__link img {
		display: block;
		position: relative;
		margin-bottom: 20px
	}

	.page-profile h1 {
		font-size: 18px;
		line-height: 28px
	}

	.page-profile .content {
		padding-top: 0
	}

	.page-profile .profile-form .form-group {
		margin: 0 0 20px
	}

	.page-profile .profile-form label {
		float: none;
		margin-top: 0;
		font-size: 12px;
		text-align: left
	}

	.page-profile .profile-form .control {
		margin-left: 0
	}

	input.form-control {
		height: 33px;
		font-size: 12px
	}

	.btn {
		padding: 10px 20px
	}

	.form-feedback h3 {
		font-size: 18px;
		line-height: 24px
	}

	.ui-sorting .sorting {
		float: none;
		width: 100%;
		padding: 0 0 20px
	}

	.ui-sorting form {
		float: none;
		width: 100%
	}

	.chosen-container-single.dark .chosen-single {
		font-size: 12px;
		height: 33px;
		padding-top: 4px
	}

	.chosen-container-single.dark .chosen-single div {
		padding-top: 6px
	}

	.chosen-container-single.dark .chosen-drop {
		padding-top: 33px
	}

	.chosen-container-single.dark .chosen-results li {
		font-size: 12px;
		padding: 8px 10px
	}

	.wrap-modal {
		width: 100% !important;
		left: 0 !important;
		padding-left: 10px !important;
		padding-right: 10px !important
	}

	.wrap-modal h3 {
		font-size: 18px;
		line-height: 30px;
		padding: 9px 0 10px 0
	}

	.wrap-modal .fancybox-inner {
		width: 100% !important
	}

	.wrap-modal .fancybox-inner form {
		padding-left: 20px;
		padding-right: 20px
	}

	.wrap-modal .api b {
		font-size: 12px
	}

	.wrap-modal .form-option ul > li {
		font-size: 12px
	}
}

@media screen and (max-width: 460px) {
	.video .video-content .more {
		padding: 4px 0
	}

	.page-radio .radio-item {
		width: 100%
	}

	.table-responsive {
		overflow-y: hidden;
		overflow-x: auto
	}

	.toplist h1 {
		font-size: 18px !important;
		line-height: 24px !important
	}

	.toplist .list .list-head a.prev, .toplist .list .list-head a.next {
		width: 31px;
		text-indent: -9999px;
		text-align: left
	}

	.toplist .list .list-content {
		padding-left: 10px
	}

	.toplist .list .list-content b {
		float: none;
		position: static
	}

	.toplist .post {
		padding-bottom: 19px
	}

	.toplist .post .post-nm {
		width: 33px;
		font-size: 20px;
		padding-left: 4px
	}

	.toplist .post .post-play {
		margin-left: 10px
	}

	.toplist .post .post-title {
		clear: both;
		float: none;
		padding-top: 12px;
		margin-left: 0;
		margin-right: 0
	}

	.toplist .post .post-like {
		top: 60px;
		margin-top: 0
	}

	.toplist .post .post-like + .post-control {
		right: 0
	}

	.toplist .post .post-share {
		top: 100%;
		right: 26px;
		margin-right: 0;
		margin-top: -36px
	}

	.toplist .post .post-share .sharing {
		float: right
	}

	.toplist .post .post-control {
		top: 27px;
		right: 32px;
		margin-right: 0
	}

	.audiolist .post .post-title {
		clear: both;
		float: none;
		padding-top: 12px;
		margin-left: 0;
		margin-right: 0
	}

	.audiolist .post .post-favorite {
		right: 100px
	}

	.audiolist .post .post-control {
		width: 100px
	}

	.song-list .song__list > li {
		width: 100%
	}

	.uploader .control {
		float: none
	}

	.uploader .file-text {
		float: none;
		max-width: 100%
	}

	.list__column3 .list__post > li {
		width: 100%
	}

	.podcasts .podcasts-list .post.post_small .post-content .post-play__name {
		max-width: 200px
	}
}
@media screen and (max-width: 360px) {
	.bottom {
		height: 740px;
	}

	.footer .menu-list .menu-items {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		flex-wrap: nowrap;
	}

	.footer .menu-list .menu-items .menu-col .menu-item.bottom-item {
		margin-top: 5px;
	}

	.pagination .pagenavi > li {
		width: 22px;
	}
}
.styled-text:after {
	content: '.';
	font-size: 0;
	height: 0;
	display: block;
	clear: both;
}

.styled-text strong,
.styled-text b {
	font-weight: 600;
}
.styled-text em,
.styled-text i {
	font-style: italic;
}
.styled-text table {
	margin-bottom: 15px;
}
.styled-text td,
.styled-text th {
	padding: 5px 10px;
	border: 1px solid #070c1b !important;
}
.styled-text td p,
.styled-text th p {
	padding: 0 !important;
}

.styled-text table {
	border: 1px solid #070c1b !important;
}
.styled-text table[border^="0"] {
	border: 0 !important;
}
.styled-text table[border^="1"] {
	border: 1px solid #070c1b !important;
}
.styled-text table[border^="2"] {
	border: 2px solid #070c1b !important;
}
.styled-text table[border^="3"] {
	border: 3px solid #070c1b !important;
}
.styled-text table[border^="4"] {
	border: 4px solid #070c1b !important;
}
.styled-text table[border^="5"] {
	border: 5px solid #070c1b !important;
}
.styled-text table[border^="6"] {
	border: 6px solid #070c1b !important;
}
.styled-text table[border^="7"] {
	border: 7px solid #070c1b !important;
}
.styled-text table[border^="8"] {
	border: 8px solid #070c1b !important;
}
.styled-text table[border^="9"] {
	border: 9px solid #070c1b !important;
}

.styled-text table[cellspacing^="0"] {
	border-spacing: 0 !important;
}
.styled-text table[cellspacing^="1"] {
	border-spacing: 1px !important;
	border-collapse: separate !important;
}
.styled-text table[cellspacing^="2"] {
	border-spacing: 2px !important;
	border-collapse: separate !important;
}
.styled-text table[cellspacing^="3"] {
	border-spacing: 3px !important;
	border-collapse: separate !important;
}
.styled-text table[cellspacing^="4"] {
	border-spacing: 4px !important;
	border-collapse: separate !important;
}
.styled-text table[cellspacing^="5"] {
	border-spacing: 5px !important;
	border-collapse: separate !important;
}
.styled-text table[cellspacing^="6"] {
	border-spacing: 6px !important;
	border-collapse: separate !important;
}
.styled-text table[cellspacing^="7"] {
	border-spacing: 7px !important;
	border-collapse: separate !important;
}
.styled-text table[cellspacing^="8"] {
	border-spacing: 8px !important;
	border-collapse: separate !important;
}
.styled-text table[cellspacing^="9"] {
	border-spacing: 9px !important;
	border-collapse: separate !important;
}

.styled-text table[border^="0"][cellspacing^="0"] td,
.styled-text table[border^="0"]:not([cellspacing]) td,
.styled-text table[border^="0"][cellspacing^="0"] th,
.styled-text table[border^="0"]:not([cellspacing]) th {
	border: 0 !important;
}

.styled-text [cellpadding^="1"] td,
.styled-text [cellpadding^="1"] th {
	padding: 1px !important;
}
.styled-text [cellpadding^="2"] td,
.styled-text [cellpadding^="2"] th {
	padding: 2px !important;
}
.styled-text [cellpadding^="3"] td,
.styled-text [cellpadding^="3"] th {
	padding: 3px !important;
}
.styled-text [cellpadding^="4"] td,
.styled-text [cellpadding^="4"] th {
	padding: 4px !important;
}
.styled-text [cellpadding^="5"] td,
.styled-text [cellpadding^="5"] th {
	padding: 5px !important;
}
.styled-text [cellpadding^="6"] td,
.styled-text [cellpadding^="6"] th {
	padding: 6px !important;
}
.styled-text [cellpadding^="7"] td,
.styled-text [cellpadding^="7"] th {
	padding: 7px !important;
}
.styled-text [cellpadding^="8"] td,
.styled-text [cellpadding^="8"] th {
	padding: 8px !important;
}
.styled-text [cellpadding^="9"] td,
.styled-text [cellpadding^="9"] th {
	padding: 9px !important;
}




.full-width {
	width: 100%;
}

.js-video-list .post {
	max-width: 170px;
}

.js-drop:after {
	content: '.';
	font-size: 0;
	clear: both;
	display: block;
}

.play-drop li span.item img {
	max-height: 50px;
	width: auto;
}

.play-drop li span.item .item__link {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.play-drop li span.item .item__play {
	position: relative;
	z-index: 2;
}

.play-drop li span.item i:before {
	z-index: 3;
}

@media screen and (min-width: 1070px) {
	.play-drop li span.item {
		background: url(../images/xPE5obJTO7HK.png) top right repeat-y;
	}

	.play-drop ul {
		background: url(../images/xPE5obJTO7HK.png) top left repeat-y;
	}
}

@media screen and (min-width: 1070px) {
	.play-drop .bx-wrapper:after {
		background: none;
	}
}

.hide {
	display: none !important;
}

#js-feed-loader {
	text-align: center;
}

#js-feed-loader span {
	display: inline-block;
	padding-top: 10px;
}

@media screen and (max-width: 640px) {
	.background-holder {
		background-image: none !important;
	}

	.branding-link {
		display: none !important;
	}

	.hide-on-mobile {
		display: none;
	}
}

@media screen and (min-width: 640px) {
	.background-holder {
		background-position: 50% 114px;
		background-repeat: no-repeat;
	}

	.branding-link {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		width: 100%;
		font-size: 0;
		z-index: 1;
		position: absolute;
		top: 116px;
	}

	.branding-link img {
		position: absolute;
		left: -9999px;
		right: -9999px;
		margin: auto;
	}
}

@media screen and (max-width: 640px) {
	#js-content {
		padding-top: 0 !important;
	}
}

.video-list {
	width: 100%;
}

.contest-photo .video-item > a:hover:before {
	display: none !important;
}

.ajax-loader {
	display: none !important;
}

.home-news-2 {
	padding-top: 10px;
}

.video {
	padding-bottom: 47px;
}

.video .carousel-item img,
.video .carousel-thumbnails .js-video-thumbnails a img {
	height: auto;
}

.custom-share .share b {
	font-weight: normal;
}

.ui-sharing .like {
	cursor: pointer;
}

.footer-offer {
	background-color: transparent !important;
}

.wrapper.header-fixed .play-drop {
	z-index: 300;
}

.online-video-holder {
	margin-bottom: 15px;
}

.online-video-holder > .video-js {
	margin: 0 auto;
	width: 100% !important;
}

.video-js .vjs-big-play-button {
	top: 50% !important;
	left: 50% !important;
	margin: -0.75em 0 0 -1.5em !important;
}

.audiolist:before {
	display: block;
	content: '.';
	font-size: 0;
	clear: both;
}

.play-track__content a {
	color: #fff !important;
}

.play-track__content a:hover,
.js-drop .js-air-data a:hover,
.radio-list .item__title a:hover,
.audiolist .post-title a:hover,
.toplist .post-title a:hover,
.page-topic .sidebar .s-top .content .post a:hover,
.page-topic .sidebar .s-playlist .content .post a:hover {
	text-decoration: underline;
}

.audio-progress {
	cursor: pointer;
}

.form-feedback .form-text {
	margin: 5px 0 10px 0;
}

.form-feedback .js-success-message + .form-text {
	margin: 20px 0 10px 0;
}

.form-feedback .form-text p {
	padding-bottom: 10px;
}

.form-feedback .form-submit {
	margin-top: 20px;
}

.form-feedback .js-success-message {
	padding: 10px 5px;
	border: 1px solid #0c0;
	background: #f3fff7;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.navbar .menu .drop {
	display: none;
}

.navbar .menu > li:hover .drop {
	display: block;
}

.program-detail:after {
	display: block;
	content: '.';
	font-size: 0;
	clear: both;
}

/*Чарт*/
.toplist .post-title {
	margin-right: 205px;
}

.toplist .post-control {
	width: 150px;
}

.toplist .post-control .date,
.toplist .post-control.no .date {
	margin-left: 41px;
}

.toplist .post-control b {
	width: 40px;
}

.toplist .post-control b:before,
.toplist .post-control.favorite:after {
	display: none;
}

.toplist .post-control.up:before,
.toplist .post-control.dn:before {
	left: 6px;
}

.toplist .post-control.favorite:before {
	left: 26px;
}

@media screen and (max-width: 800px) {
	.toplist .post .post-control {
		margin-right: -126px;
	}
}

@media screen and (max-width: 460px) {
	.toplist .post .post-control {
		margin-right: 0;
	}

	.toplist .post .post-title {
		margin-right: 50px;
	}
}

.toplist .post-control.no .date {
	width: auto;
}

/*Чарт END*/

.page-topic.topic__time {
	margin-bottom: 30px;
}

.video {
	padding-top: 0;
}

.button-loader-container {
	text-align: center;
}

.button-loader {
	display: inline-block;
	font-family: inherit;
	font-size: 100%;
	outline: none;
	background: none;
	border: 2px solid #000;
	padding: 7.5px 10px;
	margin-top: 10px;
	cursor: pointer;
}

.button-loader:hover {
	background: #000;
	color: #fff;
}

.button-loader.-news:hover {
	background: #00b3db;
	border-color: #00b3db;
}

.js-news-detail {
	border-top: 1px solid #888;
	padding-top: 50px;
	margin-top: 50px;
	max-width: 780px;
	overflow: hidden;
}

.js-news-detail:first-child {
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}

.page-news + .js-news-detail {
	margin-top: 0;
}

.js-bigmir-counter {
	position: absolute;
	bottom: 0;
	right: 0;
}

.important .bx-wrapper {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.last-news .column-2 .content {
	display: flex;
}

.last-news .column-2 .content .col {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}

.last-news .column-2 .content .col.first-news {
	width: calc(60% - 26px);
	margin-right: 26px;
}

.last-news .column-2 .content .col .size146,
.last-news .column-2 .content .col .size330 {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}

.last-news .column-2 .content .col .item-news-list > a:hover img {
	transform: scale(1.1);
	transition: 0.3s;
}

.last-news .column-2 .content .col .item-news-list > a:hover .size330:before {
	background-color: rgba(0,0,0,.5);
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	border-radius: 8px;
	z-index: 1;
}

.last-news .column-2 .content .col .item-news-list > a:hover h4,
.last-news .column-2 .actual-news .item-content-wrapper:hover a {
	color: var(--foreground-on-light-text-accent, #4E46DC);
}

.last-news .column-2 .content .col.actual-news {
	width: 40%;
}

.last-news .column-2 .content .col img {
	border-radius: 8px;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	transition: 0.3s;
}

.last-news .column-2 h3 {
	color: var(--foreground-on-light-text-primary, #30303F);
	font-family: IBM Plex Sans;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 36px */
	margin-bottom: 12px;
}

.last-news .column-2 .item-news-list .item-content-category {
	color: var(--foreground-on-light-foreground-accent-2, #AD71E5);
	font-family: IBM Plex Sans;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 21px */
	text-transform: uppercase;
	display: block;
}

.last-news .column-2 .first-news .item-news-list .item-content-category {
	margin-top: 16px;
}

.last-news .column-2 .item-news-list h4 {
	color: var(--foreground-on-light-text-primary, #30303F);
	font-family: IBM Plex Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 30px */
	display: block;
	margin: 8px 0;
}

.last-news .column-2 .item-news-list .item-content-date {
	color: var(--foreground-on-light-text-secondary, #888AA8);
	font-family: IBM Plex Sans;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 16.8px */
	display: block;
}

.last-news .column-2 .actual-news .item-news-list {
	padding: 8px 0px;
	align-items: center;
	border-top: 1px solid var(--stroke-input-default, #D6D6E1);
}

.last-news .column-2 .actual-news .item-news-list:last-child {
	border-bottom: 1px solid var(--stroke-input-default, #D6D6E1);
}

.last-news .column-2 .item-news-list  .item-content-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.last-news .column-2 .actual-news .item-content-wrapper .item-content-description {
	display: flex;
	width: calc(60% - 16px);
	margin-right: 16px;
	flex-direction: column;
	flex-wrap: nowrap;
}

.last-news .column-2 .actual-news .item-content-description > a {
	color: var(--foreground-on-light-text-primary, #30303F);
	font-family: IBM Plex Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 24px */
}

.last-news .column-2 .actual-news .item-content-wrapper .item-content-image {
	display: flex;
	width: 40%;
}

.last-news .column-2 .first-news img {
	height: 426px;
}

.last-news .column-2 .actual-news .item-content-wrapper .item-content-image a {
	margin: 8px 0;
}

.last-news .column-2 .actual-news .item-content-wrapper:hover .size146:before {
	background-color: rgba(0,0,0,.5);
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	border-radius: 8px;
	z-index: 1;
	transition: 0.3s;
}

.last-news .column-2 .actual-news .item-content-wrapper .item-content-image img {
	width: 146px;
	height: 105px;
	transition: 0.3s;
}

.last-news .column-2 .actual-news .item-content-wrapper:hover img {
	transform: scale(1.1);
	transition: 0.3s;
}

.last-news .column-2 .actual-news .item-content-info {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: center;
}

.last-news .column-2 .actual-news .item-content-info > * {
	padding-right: 8px;
}

@media screen and (max-width: 820px) {
	.last-news .column-2 .content {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
	}

	.last-news .column-2 .content .col.first-news,
	.last-news .column-2 .content .col.actual-news {
		width: 100%;
		margin: 0;
	}

	.last-news .column-2 .content .col.first-news {
		margin-bottom: 50px;
	}

	.last-news .column-2 h3 {
		color: var(--foreground-on-light-text-primary, #30303F);
		font-size: 20px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; /* 30px */
	}

	.last-news .column-2 .first-news img {
		height: 205px;
	}

	.last-news .column-2 .item-news-list .item-content-category {
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; /* 21px */
		text-transform: uppercase;
	}

	.last-news .column-2 .first-news .item-news-list .item-content-category {
		margin-top: 12px;
	}

	.last-news .column-2 .item-news-list h4 {
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; /* 24px */
		margin: 4px 0 16px;
	}

	.last-news .column-2 .item-news-list .item-content-date {
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; /* 24px */
	}

	.last-news .column-2 .item-news-list .item-content-wrapper {
		align-items: center;
		justify-content: space-between;
	}

	.last-news .column-2 .actual-news .item-content-wrapper .item-content-description {
		width: calc(100% - 116px);
	}

	.last-news .column-2 .actual-news .item-content-wrapper .item-content-image {
		width: auto;
	}

	.last-news .column-2 .actual-news .item-content-wrapper .item-content-description {
		flex-direction: column-reverse;
		justify-content: flex-end;
	}

	.last-news .column-2 .actual-news .item-news-list {
		padding: 12px 0;
	}

	.last-news .column-2 .actual-news .item-content-description > a {
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; /* 21px */
		margin-bottom: 8px;
	}

	.last-news .column-2 .actual-news .item-content-wrapper .item-content-image img {
		width: 100px;
		height: 72px;
	}
}

@media screen and (max-width: 1023px) {
	.last-news .column-3 .col a .size330 > img {
		display: block;
	}
}

@media screen and (max-width: 1023px) {
	.last-news .column-3 .col a .size330 {
		height: auto;
	}
}

/*Ведущие*/
.person .grid {
	margin: 0 -15px;
}

.person .item {
	display: inline-block;
	width: 33.33%;
	padding: 0 15px;
	margin-bottom: 29px;
}

.person .item a {
	display: block;
	position: relative;
}

.person .item b {
	display: block;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	padding-top: 14px;
}

.person-detail + .programs {
	clear: both;
}

@media screen and (max-width: 1023px) {
	.person .grid {
		margin: 0 -5px;
	}

	.person .item,
	.person .fixed {
		width: 50%;
		padding: 0 5px;
	}

	.person .item img,
	.person .fixed img {
		width: 100%;
		max-width: none;
	}
}

@media screen and (max-width: 649px) {
	.person .grid {
		height: auto !important;
	}

	.person .grid .item {
		width: 100%;
		position: static !important;
	}

	.person .grid .item img {
		width: 100%;
		max-width: none;
	}
}

/*Ведущие END*/

.column-3 h3 a {
	padding-left: 5px;
	padding-right: 5px;
}

.page-topic .sidebar .s-share ul.social {
	width: 242px;
}

.page-topic .sidebar .s-share ul.social li a,
.footer .menu ul.social li a {
	background-image: url(../images/3IIQOB7SwrI9.png);
}

.page-topic .sidebar .s-share ul.social li a.item5,
.footer .menu ul.social li a.item5 {
	background-position: -200px 0;
}

.page-topic .sidebar .s-share ul.social li a.item5:hover,
.footer .menu ul.social li a.item5:hover {
	background-position: -200px -42px;
}

.page-topic .sidebar .s-share ul.social li a.item6,
.footer .menu ul.social li a.item6 {
	background-position: -250px 0;
}

.page-topic .sidebar .s-share ul.social li a.item6:hover,
.footer .menu ul.social li a.item6:hover {
	background-position: -250px -42px;
}

.page-topic .sidebar .s-share ul.social li a.item7,
.footer .menu ul.social li a.item7 {
	background-position: -303px 0;
}

.page-topic .sidebar .s-share ul.social li a.item7:hover,
.footer .menu ul.social li a.item7:hover {
	background-position: -303px -42px;
}


.list__column3 .list__post .post .image span.c3 {
	background-color: #0967d6;
}


/*Аудио в подкастах*/
.podcasts.audiolist {
	padding: 0 0 20px;
	margin: 0;
	border: none;
}

.podcasts.audiolist:before {
	display: none;
}

.podcasts.audiolist .podcasts-list .post.post_small .post-content .post-play {
	width: auto;
	margin: 0;
}

.podcasts.audiolist .podcasts-list .post.post_small .post-content .post-play a {
	top: 0;
}

.podcasts.audiolist .podcasts-list .post {
	border: none;
	padding: 0;
}

/*Аудио в подкастах END*/
.header .play-station img {
	max-height: 45px;
}

.header .play-track img {
	max-height: 48px;
	width: auto;
}

.header .play-station.locked .station__read {
	opacity: 0;
}

.header .play-station.locked .logo-lock {
	font-size: 0;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/CWzjbZqa0RQR.png) 25px 10px no-repeat;
	cursor: pointer;
}

.header .play-menu {
	left: 31px;
}

.header .play-menu.animation.active span {
	width: 30% !important;
}

#js-progressbar-holder .audio-progress {
	height: 2px;
	position: relative;
	margin: 0;
}

#js-progressbar-holder .audio-progress .ui-slider-range {
	background-color: #711209;
	height: 2px;
	position: absolute;
	top: 0;
	left: 0;
}

#js-progressbar-holder .audio-progress .ui-slider-handle {
	display: block;
	width: 13px;
	height: 13px;

	border: 2px solid #fff;
	background-color: #711209;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -6px;
	margin-left: -6px;
	z-index: 10;
	cursor: pointer;
}

.header .play-like.active:before {
	opacity: 0.8;
}

/*Шаринг*/
.share {
	height: 44px;
	padding: 0 0 13px;
}

.share > li {
	float: left
}

.share > li + li {
	margin-left: 4px
}

.share a {
	display: block;
	text-indent: -9999px;
	width: 32px;
	height: 31px;
	background: url(../images/lkaCaq6P8SAZ.png) no-repeat;
	transition: all 0.2s ease-in-out
}

.share a.item1 {
	background-position: 0 0
}

.share a.item2 {
	background-position: -32px 0
}

.share a.item3 {
	background-position: -64px 0
}

.share a.item4 {
	background-position: -96px 0
}

.share a.item5 {
	background-position: -128px 0
}

.share a.item6 {
	background-position: -160px 0
}

.share a:hover {
	transform: translateY(-4px);
	outline-offset: -1px
}

.share.share-small a {
	width: 25px;
	height: 25px;
	background-image: url(../images/uBGonLPMkjzK.png);
}

.share.share-small a.item2 {
	background-position: -25px 0;
}

.share.share-small a.item3 {
	background-position: -50px 0
}

.share.share-small a.item4 {
	background-position: -75px 0
}

.share.share-small a.item5 {
	background-position: -100px 0
}

.share.share-small a.item6 {
	background-position: -125px 0
}

/*Шаринг END*/

/*Отображение навигации по станциям при первом входе на сайт*/
@media screen and (max-width: 1069px) {
	.header .play-menu.active.is_first_visit .toggle {
		transform: none;
	}

	.play-drop.active.is_first_visit {
		height: 0;
		border-bottom: 0;
	}

	.header .play-menu.animation.is_first_visit span {
		width: 30% !important;
	}

	.header .play-menu.animation.is_first_visit span:nth-child(3) {
		transition: all 0.5s ease-out !important;
	}

	.header .play-menu.animation.is_first_visit span:nth-child(2) {
		transition: all 0.8s ease-out !important;
	}

	.header .play-menu.animation.is_first_visit span:nth-child(1) {
		transition: all 0.5s ease-out
	}
}

/*Отображение навигации по станциям при первом входе на сайт END*/

.page-topic .sidebar .s-post {
	max-width: 240px;
	overflow: hidden;
}

.col-anons {
	overflow: hidden;
}

.ui-sharing .share {
	height: auto;
	padding: 0;
}

.ui-sharing .share span i.icon-twitter {
	position: relative;
	left: -2px;
	top: 1px;
}

.icon-twitter:before {
	content: '\e813';
}

.embed-form h3 {
	margin-left: 0;
	transform: none;
	background: none;
	color: #070c1b;
	text-align: left;
	position: relative;
	top: 0;
	left: 0;
}

/*Музыкальные подборки*/
.selections li {
	position: relative;
}

.selections li:hover .tracks a {
	display: block;
}

.selections .title {
	margin-bottom: 3px;
}

.selections .info {
	color: #999;
	font-size: 13px;
}

.selections .tracks {
	height: 41px;
	overflow: hidden;
	position: absolute;
	top: 15px;
	left: 30px;
}

.selections .tracks .track {
	display: none;
}

.selections .tracks .track.active {
	display: block;
}

.selections .tracks a {
	display: none;
	text-indent: -9999px;
	width: 41px;
	height: 41px;
	background: url(../images/sCGNeSIXvdzt.png) 0 -157px no-repeat;
}

.selections .track.active a, .selections .tracks a:hover {
	background-position: 0 -116px
}

.selections .tracks a.is-pause {
	background-position: 0 -198px;
	display: block !important;
}

@media screen and (max-width: 1069px) {
	.selections .tracks a {
		display: block;
	}
}

/*Музыкальные подборки END*/

/*Меню для мобил. телефонов*/
@media screen and (max-width: 1069px) {

	.play-drop li a.help {
		display: block;
		background-position: -66px -153px;
	}

	.header .play-list-toggle {
		float: right;
		display: block;
		margin: 24px 0 0 12px;
		width: 20px;
		height: 20px;
		background: url(../images/qB3Po5NU5xGn.png) -47px -57px no-repeat;
		cursor: pointer;
	}

	.header .toggle-setting {
		width: auto;
		max-width: 150px;
		border-top: 1px solid #fff;
		background-color: #b80651;
		box-shadow: 0 5px 5px rgba(1, 3, 3, 0.3);
		position: absolute;
		top: 100%;
		right: -10px;
		z-index: 50;
	}

	.header .play-list,
	.header .play-video {
		display: none;
	}

	.header .toggle-setting {
		border: none;
	}

	.header .toggle-setting.active {
		background: #02549e;
		margin-top: 1px;
	}

	.header .toggle-setting.active > ul {
		border-bottom: 1px solid #2e75bd;
	}

	.header .toggle-setting.active .play-list li {
		border-bottom: none;
		border-color: #2e75bd;
	}

	.header .toggle-setting.active .play-list {
		display: block;
		position: static;
	}

	.header .toggle-setting.active .play-video {
		display: block;
		width: 100%;
		height: 37px;
		position: static;
		padding: 10px 0 10px 12px;
		background: none;
	}

	.header .toggle-setting.active .play-video:before {
		display: block;
		content: "";
		width: 30px;
		height: 17px;
		background: url(../images/qB3Po5NU5xGn.png) -57px -21px no-repeat;
	}

	.header .toggle-setting.active .play-list a {
		padding: 7px 15px 7px 31px;
		text-decoration: none;
	}

	.header .toggle-setting.active .play-list a:before {
		margin-top: 8px;
		margin-left: 12px;
	}
}

/*Меню для мобил*/

.page-radio .radio-item .item__play:before {
	overflow: hidden;
	position: relative;
}

@media screen and (max-width: 767px) {
	.page-topic .body img {
		height: auto !important;
	}
}

/* TOP 40 */
.toplist .post-share {
	width: 145px;
}

.toplist .post-share .share-btn {
	background-color: transparent;
}

.program-detail strong {
	font-weight: 600;
}

.program-detail em {
	font-style: italic;
}

.form-holder .g-recaptcha,
.modal .g-recaptcha {
	padding: 5px;
}

.form-holder .g-recaptcha > div,
.modal .g-recaptcha > div {
	margin: 0 auto;
}

.form-holder .form-group.warning .g-recaptcha,
.modal .form-group.warning .g-recaptcha {
	background-color: #fff3f3;
	border: 1px solid #c00;
}

.fancybox-close {
	z-index: 9995;
}

.loader,
.loader__bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9998;
}

.loader {
	cursor: progress;
}

.loader__bg {
	background: #fff;
	opacity: 0.9;
	z-index: 10100;
}

.loader__img {
	width: 32px;
	height: 32px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -16px 0 0 -16px;
	z-index: 11000;
}

.hidden {
	display: none;
}

.profile-form .js-form,
.profile-edit .js-form {
	position: relative;
}

input.form-control.read-only {
	cursor: default;
	background: #f7f7f7;
}

.error-text {
	color: #c00;
	font-style: italic;
}

.warning .error-text {
	display: block;
}

.navbar .profile a.profile-userpic .user-name {
	position: relative !important;
	height: auto !important;
	width: auto !important;
	display: none !important;
	line-height: 24px !important;
}

@media screen and (max-width: 640px) {
	.navbar .profile {
		margin-top: 0 !important;
		padding-top: 7px !important;
	}

	.profile-menu {
		padding-top: 47px !important;
	}

	.profile-userpic:before {
		background-position: 0 0 !important;
		width: 14px !important;
		height: 14px !important;
	}

	/*.login {*/
	/*	display: none !important;*/
	/*	position: absolute !important;*/
	/*	top: 44px !important;*/
	/*	right: 0 !important;*/
	/*	background: #070c1b !important;*/
	/*	margin: 0 !important;*/
	/*}*/

	/*.login li {*/
	/*	float: none !important;*/
	/*	border: none !important;*/
	/*	display: block !important;*/
	/*	margin: 0 !important;*/
	/*	padding-left: 0 !important;*/
	/*	text-align: right !important;*/
	/*}*/

	/*.login.opened {*/
	/*	display: block !important;*/
	/*}*/

	/*.login.opened.hidden {*/
	/*	display: none !important;*/
	/*}*/

	.navbar .profile a.profile-userpic {
		margin-left: 5px !important;
		padding-left: 38px !important;
	}

	/*.navbar .profile a.profile-userpic .user-name {*/
	/*	white-space: nowrap;*/
	/*	overflow: hidden;*/
	/*	position: relative !important;*/
	/*	height: auto !important;*/
	/*	width: auto !important;*/
	/*	max-width: 120px !important;*/
	/*	display: inline-block !important;*/
	/*	line-height: 24px !important;*/
	/*}*/
}

@media screen and (min-width: 641px) {

	.navbar .profile-open {
		display: none;
	}

	.navbar .profile {
		position: relative;
		right: 0;
	}

	.navbar .profile a.profile-userpic {
		margin-left: 0;
		margin-right: 0;
	}

	/*.navbar .profile .profile-menu {*/
	/*	display: none !important;*/
	/*}*/

	/*.navbar .profile.opened .profile-menu {*/
	/*	display: none !important;*/
	/*}*/
}

.profile-mobile {
	overflow: hidden;
}

.oauth2 {

}

.oauth2__button {
	cursor: pointer;
}

@media screen and (max-width: 767px) {
	.page-profile .profile-tabs.opened {
		border: 0;
	}

	.page-profile .profile-tabs.opened > li {
		position: relative;
		z-index: 1;
		border: 1px solid #ab093a;
		height: 25px;
	}

	.page-profile .profile-tabs.opened > li.open {
		border-left: 0;
		border-bottom: 0;
	}

	.page-profile .profile-tabs.opened > li > a {
		top: 0;
	}

	.page-profile .profile-tabs > li.open span {
		width: 100%;
	}
}

.toplist.toplist-user .post:last-child {
	border-bottom: 0;
}

.toplist.toplist-user .post-nm {
	height: 39px;
	line-height: 39px;
	width: 30px;
	font-size: 16px;
	text-align: center;
	margin-right: 5px;
}

.toplist.toplist-user .post .post-control {
	height: auto;
	top: 22px;
}

.toplist.toplist-user .post-control .btn {
	padding: 5px;
	font-size: 12px;
}

.toplist.toplist-user .post-control .red {
	color: #ca0b0b;
}

@media screen and (max-width: 800px) {
	.toplist.toplist-user .post .post-control {
		margin-right: -150px;
		top: auto;
		bottom: 5px;
	}
}

@media screen and (max-width: 460px) {
	.toplist.toplist-user .post-nm {
		font-size: 16px;
	}

	.toplist.toplist-user .post .post-control {
		margin-right: 0;
		top: 22px;
		bottom: auto;
		right: 0;
	}
}


.page-topic .body {
	padding-right: 20px;
	padding-left: 5px;
}

.page-topic .sidebar {
	padding-right: 8px;
}

.column-4 .news-complex-list,
.column-3 .news-complex-list {
	margin-left: -1px;
	margin-right: 0;
}

.page-radio .radio-list {
	margin-left: 0;
	margin-right: 0;
}

.page-video .video-list {
	margin-left: -2px;
	margin-right: 0;
}

.single-page-container {
	padding-left: 20px;
	padding-right: 20px;
}

@media screen and (max-width: 767px) {
	.page-topic .body {
		padding-right: 0;
		padding-left: 0;
	}

	.page-topic .sidebar {
		padding-right: 0;
	}
}

@media screen and (max-width: 630px) {
	.page-topic .sidebar .s-post {
		margin-left: auto;
		margin-right: auto;
	}
}


.mfp-bg {
	z-index: 99999;
}

.mfp-wrap {
	z-index: 99999;
}

.mfp-content-popup-banners {
	width: auto !important;
	max-width: 100%;
}

@media screen and (max-width: 570px) {
	.mfp-content-popup-banners {
		width: 100% !important;
	}
}

.sidebar_mobile {
	display: none !important;
}

@media screen and (max-width: 767px) {
	.sidebar_mobile {
		display: block !important;
	}

	.page-topic .sidebar .s-menu {
		display: none;
	}

	.sidebar_mobile .s-menu {
		display: block !important;
	}
}

.page-topic .title h1,
.page-topic .title .share {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.page-topic .sidebar .s-form .form-feedback {
	margin: 0 auto 20px;
	border: 1px solid #cecece;
	padding: 10px;
	max-width: 240px;
	background: #abcfeb;
}

.page-topic .sidebar .s-form .g-recaptcha > div,
.page-topic .sidebar .s-form .g-recaptcha iframe {
	width: 100% !important;
}

.page-topic .sidebar .s-form .form-feedback h3 {
	font-size: 22px;
	text-align: center;
	line-height: 24px;
	color: #204889;
	font-weight: 600;
	padding: 0;
}

.page-topic .sidebar .s-form .form-feedback .form-text p {
	padding: 6px 0 6px;
}

.page-topic .sidebar .s-form .form-feedback .form-submit {
	margin-top: 10px;
}

.page-topic .sidebar .s-form .form-feedback input.form-control {
	height: 40px;
}

.breadcrumbs {
	padding: 0;
	list-style: none;
	font-size: 0;
	padding-bottom: 20px;
}

#js-content > .breadcrumbs {
	padding-top: 18px;
	padding-left: 20px;
	padding-right: 20px;
}

.breadcrumbs__item,
.breadcrumbs__item--active {
	font-size: 14px;
	color: #070c1b;
	display: inline-block;
	font-weight: 800;
	line-height: 24px;
	text-transform: uppercase;
}

.breadcrumbs__item:after {
	content: '\25B6';
	display: inline-block;
	color: #b5b5b5;
	padding-left: 7px;
	padding-right: 7px;
	line-height: 24px;
	font-size: 10px;
	position: relative;
	top: -1px;
}

.breadcrumbs__item-link {
	text-decoration: underline;
	color: #070c1b;
}

.breadcrumbs__item--active {
	color: #b00;
}

.breadcrumbs + .js-news-detail {
	margin-top: 0;
}

@media screen and (max-width: 767px) {
	.breadcrumbs + .sidebar_mobile {
		padding-top: 0;
	}
}

.user-modal-loginned .text-content {
	font-size: 14px;
	line-height: 24px;
}


.actual-archive__stations {
	text-align: right;
	margin-bottom: 15px;

}

.actual-archive__list {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	display: flex;
	align-content: center;
	justify-content: space-around;
	flex-wrap: wrap;
}

.actual-archive__list-item {
	display: inline-block;
	max-width: 372px;
	align-items: flex-start;
	padding: 10px;
}

.actual-archive__list-image-link {

}

.actual-archive__list-image {
	display: block;
	max-width: 100%;
}

.top .container {
	position: relative;
	z-index: 2;
}

#game-puzzle-branding {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	width: 100%;
	font-size: 0;
	z-index: 1;
	position: absolute;
	top: 116px;
}

#game-puzzle-branding img {
	position: absolute;
	left: -9999px;
	right: -9999px;
	margin: auto;
}

#game-puzzle-banner {
	position: absolute;
	z-index: 2;
	top: 116px;
	left: 0;
	right: 0;
	text-align: center;
}

.game-puzzle {
	padding-top: 236px !important;
}

#game-puzzle-element {
	display: block;
	left: 0;
	position: fixed;
	top: 0;
	z-index: 99992;
	width: 200px;
	height: auto;
}

#game-puzzle-element img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 1170px) {
	.game-puzzle {
		padding-top: 0 !important;
	}

	#game-puzzle-banner {
		position: relative;
		top: 0;
		margin-bottom: 15px;
	}

	#game-puzzle-banner img {
		width: 100%;
		height: auto;
	}

	#game-puzzle-branding {
		display: none;
	}
}

@media screen and (max-width: 1069px) {
	#game-puzzle-banner {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 767px) {
	#game-puzzle-element {
		width: 150px;
	}
}

.bottom {
	z-index: 1;
}

.page.-game-puzzle h1 {
	line-height: 1.1;
}

@media screen and (min-width: 641px) {
	.page.-game-puzzle {
		min-height: 700px;
	}
}

.grid .item img {
	max-width: 100%;
	height: auto;
}

.special-page {
	padding-top: 0 !important;
}

.special-page .branding-link {
	top: 0 !important;
}

.special-page .top {
	padding-bottom: 0 !important;
}

.special-page .js-bigmir-counter {
	z-index: -1;
}

@media screen and (max-width: 640px) {
	.special-page #js-content {
		padding-top: 0 !important;
	}
}

.home-bottom-banner {
	text-align: center;
	margin-bottom: 47px;
}

#jp-instance {
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.mp-show {
  display: block;
}
.mp-hide {
  display: none;
}
.mp-noscroll {
  overflow: hidden;
}
.mp-active .mp-show {
  display: none;
}
.mp-active .mp-hide {
  display: block;
}
.is-pause .mp-show {
  display: none;
}
.is-pause .mp-hide {
  display: block;
}
.mp-controllers__mobile {
  display: none;
}
.mp-music--controller--mobile {
  display: none;
}
.mp * {
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin: 0;
  padding: 0;
}
.mp-active .mp-radio__state {
  color: #f493ed;
}
.mp-tabs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 8px;
}
.mp-tab {
  height: 32px;
  padding: 4px 8px 4px 8px;
  margin-right: 8px;
  border-radius: 4px;
  cursor: pointer;
  color: #a9a9c3;
}
.mp-tab.active-tab {
  border: 1px solid #a9a9c3;
  background: rgba(82,94,133,0.74);
  color: #fff;
}
.mb-tab__label,
.mp-player {
  position: fixed;
  z-index: 999;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 90px;
  background: #18181f;
  box-shadow: 0 -3px 6px rgba(0,0,0,0.08);
  padding: 0 40px;
}
@media screen and (max-width: 1024px) {
  .mb-tab__label,
  .mp-player {
    padding: 0 24px;
  }
}
@media screen and (max-width: 736px) {
  .mb-tab__label,
  .mp-player {
    padding: 0 12px;
  }
}
.mp {
  position: relative;
  z-index: auto;
  bottom: auto;
  left: auto;
  min-width: 0;
  height: 100%;
  width: calc(100%);
}
.mp a {
  color: #000;
  text-decoration: none;
}
.mp img {
  vertical-align: top;
}
@media screen and (max-width: 1024px) {
  .mp {
    width: 100%;
  }
}
.mp-panel {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 0;
  background: transparent;
  box-shadow: none;
  position: relative;
  z-index: 6;
}
.mp-panel a {
  color: inherit;
}
.mpc {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  flex-direction: row;
  max-width: none;
  padding: 0;
}
.mp-group {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .mp-group {
    width: 100%;
  }
}
.mp--left-block,
.mp--right-block {
  width: calc(50% - 134px) !important;
}
.mp--left-block .mp-group,
.mp--right-block .mp-group {
  display: flex;
  align-items: center;
}
.mp-wrap.mp-player__buttons {
  width: 134px !important;
}
.mp--left-block .mp-group .mp-reading {
  max-width: 200px;
}
.mp--left-block .mp-group .mp-cover {
  width: 100%;
}
.mp--left-block .mp-group .mp-cover .mp-player--row {
  width: 324px;
  color: #fff;
}
.mp--left-block .mp-group .mp-cover .mp-player--row .mp-progress {
  margin: 0 !important;
}
.mp--left-block .mp-group .mp-cover .mp-player--row .mp-progress__content {
  display: flex;
  align-items: center;
  width: 100%;
}
.mp--left-block .mp-group .mp-cover .mp-player--row .mp-progress__content .mp-progress__bar {
  width: 240px;
  height: 3px;
  border-radius: 2px;
  background: #737385;
  margin-bottom: 0;
}
.mp--left-block .mp-group .mp-cover .mp-player--row .mp-progress__content .mp-progress__bar .ui-slider-range {
  background-color: #fff;
  height: 3px;
  border-radius: 3px;
}
.mp--left-block .mp-group .mp-cover .mp-player--row .mp-progress__content .mp-progress__min {
  margin-right: 16px;
  color: #e0e0f8;
}
.mp--left-block .mp-group .mp-cover .mp-player--row .mp-progress__content .mp-progress__max {
  margin-left: 16px;
  color: #e0e0f8;
}
.mp--right-block {
  display: flex;
  align-items: center;
}
.mp--right-block .mp-group-actions {
  margin-left: auto;
}
.mp-cover {
  display: flex;
  float: none;
  align-items: center;
  height: auto;
  margin: 0;
  padding: 0;
  line-height: normal;
  width: 200px;
}
@media screen and (max-width: 768px) {
  .mp-cover {
    margin-right: 16px;
    margin-left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 736px) {
  .mp-cover {
    margin-right: 0;
  }
}
.mp-album {
  overflow: hidden;
  width: 58px;
  min-width: 58px;
  height: 58px;
  border-radius: 6px;
  box-shadow: 0 4px 12px 0 rgba(10,20,50,0.15);
  line-height: normal;
  margin-right: 16px;
  display: flex;
}
.mp-album_photo {
  display: flex;
  align-items: center;
  border-radius: 8px;
}
.mp-album_photo img {
  border: none;
  max-width: 100%;
  max-height: 100%;
}
.mp-reading {
  width: 100%;
}
.mp-reading__state {
  color: #000;
  max-height: 40px;
  overflow: hidden;
}
.mp-reading__state a {
  display: block;
}
.mp-reading__state i {
  font-style: normal;
}
.mp-reading__state b,
.mp-reading__state span {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mp-reading__state b {
  font-weight: 500;
}
.mp-reading__artist {
  letter-spacing: 0.2px;
  color: #e0e0f8;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.14;
}
.mp-reading__song {
  margin-top: 4px;
  color: #a9a9c3;
  font-size: 14px;
  line-height: 1.36;
}
.mp-reading__artist,
.mp-reading__song {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mp-button {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
.mp-button svg {
  width: 50px;
  height: 50px;
  cursor: pointer;
  vertical-align: top;
}
.mp-button__text,
.mp-control__text {
  display: block;
  color: #000;
  white-space: nowrap;
  padding-top: 6px;
}
.mp-bg {
  fill: #1bbcf3;
}
.mp-play {
  fill: #fff;
}
.mp-pause {
  fill: #fff;
}
.mp-wrap {
  text-align: center;
  height: 80px;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 0 40px 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .mp-wrap {
    display: none;
  }
}
.mp-wrap #mp-wrap {
  height: 80px;
}
.mp-wrap .slick-arrow {
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  outline: none;
  border: 0;
  background: url(../images/XMBpifa4zhfR.svg) no-repeat 0 0;
  font-size: 0;
  width: 40px;
  height: 40px;
  margin: auto;
}
.mp-wrap .slick-prev {
  transform: rotate(90deg);
  left: -40px;
}
.mp-wrap .slick-next {
  transform: rotate(-90deg);
  right: -40px;
}
.mp-wrap .slick-slide > div {
  display: flex;
  justify-content: center;
  align-content: center;
}
.mp-slide {
  display: inline-block;
  vertical-align: top;
  width: 80px;
  height: 80px;
  line-height: 79px;
  text-align: center;
  margin: 0 6px;
}
.mp-slide.slick-slide {
  margin: 0;
}
.mp-slide:hover .mp-radio__hover {
  display: block;
}
.mp-slide__item {
  cursor: pointer;
  background-color: #fff;
  display: inline-block;
  vertical-align: middle;
  outline: none;
  position: relative;
  font-size: 0;
  width: 80px;
  height: 80px;
  line-height: 80px;
}
.mp-slide .mp-radio__hover {
  display: none;
  width: 80px;
  height: 80px;
  line-height: 0;
  padding: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
img.mp-slide__image {
  display: inline-block;
  vertical-align: middle;
  max-width: 90%;
  max-height: 90%;
}
.mp-carousel {
  height: 80px;
  width: auto;
  max-width: 830px;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .mp-carousel {
    display: none;
  }
}
.mp-carousel__prev,
.mp-carousel__next {
  width: 24px;
  height: 80px;
  line-height: 79px;
  text-align: center;
  position: absolute;
  top: 0;
}
.mp-carousel__prev a,
.mp-carousel__next a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.mp-carousel__prev svg,
.mp-carousel__next svg {
  width: 8px;
  height: 32px;
  fill: #808080;
  vertical-align: middle;
}
.mp-carousel__prev {
  left: 0;
}
.mp-carousel__next {
  right: 0;
}
.mp-control {
  float: right;
  text-align: center;
  padding-top: 8px;
}
.mp-control svg {
  width: 48px;
  height: 48px;
  cursor: pointer;
  vertical-align: top;
  position: relative;
  z-index: 10;
}
.mp-quality {
  float: left;
  width: 118px;
}
.mp-quality.mp-active .mp-quality_stroke {
  fill: #808080;
  stroke: #808080;
}
.mp-quality.mp-active .mp-quality_hq {
  fill: #fff;
}
.mp-quality_stroke {
  fill: #fff;
  stroke: #808080;
  stroke-width: 2px;
}
.mp-quality_hq {
  fill: #808080;
}
.mp-overlay {
  position: fixed;
  z-index: 5;
  bottom: 90px;
  right: 0;
  max-width: 596px;
  width: 596px;
  height: 616px;
  transition: all 0.5s;
  transform: translateY(100%);
  opacity: 0;
  background: rgba(255,255,255,0.75);
}
.mp-overlay.mp-show {
  transform: translateY(0);
  opacity: 1;
}
.mpl {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}
.mp-left {
  overflow: hidden;
  height: 100%;
  width: 45%;
  padding: 16px 8px;
  background-color: #334158;
}
.mp-left .mp-head--mobile-button {
  display: none;
}
.mp-head {
  display: flex;
  align-items: center;
}
.mp-cell {
  display: table-cell;
  vertical-align: middle;
}
.mp-cell .mp-attr {
  margin-top: 16px;
  vertical-align: middle;
}
.mp-cell_logo {
  width: 152px;
  padding-right: 16px;
}
.mp-logo {
  width: 152px;
  height: 72px;
  line-height: 72px;
  text-align: center;
}
.mp-logo img,
.mp-logo svg {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  border: none;
  outline: none;
}
.mp-watch {
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
}
.mp-name {
  display: inline-block;
  font-weight: 300;
  font-size: 18px;
  line-height: 32px;
  margin-right: 15px;
  vertical-align: middle;
}
.mp-broadcast {
  display: table;
  width: 100%;
}
.mp-broadcast__main {
  padding: 8px;
  border-radius: 8px;
  margin-bottom: 8px;
  margin-top: 8px;
}
.mp-broadcast__cover {
  width: 44px;
  height: 44px;
  display: table-cell;
  vertical-align: middle;
}
.mp-broadcast__divider {
  height: 1px;
  width: 100%;
  background: #556685;
  margin-bottom: 8px;
}
.mp-broadcast__resize {
  display: block;
  width: inherit;
  height: inherit;
}
.mp-broadcast__resize img {
  display: inline-block;
  vertical-align: middle;
  max-width: 44px;
  max-height: 44px;
}
.mp-broadcast__header {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.mp-broadcast__icon {
  margin-left: 0;
  height: 16px;
  margin-right: 4px;
}
.mp-broadcast__cross {
  position: relative;
  margin-left: auto;
  height: 16px;
  z-index: 12;
}
.mp-broadcast__reading {
  display: table-cell;
  vertical-align: middle;
  padding-left: 16px;
}
.mp-broadcast__state {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #a9a9c3;
}
.mp-broadcast__artist,
.mp-broadcast__artist a {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #e0e0f8;
  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
.mp-broadcast__song,
.mp-broadcast__song a {
  font-size: 12px;
  line-height: 18px;
  color: #a9a9c3;
}
.mp-nextplay__title {
  color: #d6d6d9;
  font-weight: 600;
  line-height: 24px;
  font-size: 18px;
  margin: 0 0 16px;
}
.mp-nextplay__item {
  display: table;
  width: 100%;
  margin: 0 0 16px;
}
.mp-nextplay__cover {
  display: table-cell;
  vertical-align: middle;
  width: 64px;
}
.mp-nextplay__resize {
  display: block;
  width: 64px;
  height: 64px;
  line-height: 64px;
}
.mp-nextplay__resize img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.mp-nextplay__reading {
  display: table-cell;
  vertical-align: middle;
  padding-left: 16px;
}
.mp-nextplay__artist {
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
}
.mp-nextplay__song {
  font-size: 16px;
  line-height: 21px;
}
.mp-playlist {
  overflow: scroll;
}
.mp-playlist__header {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.mp-playlist__header .mp-playlist__icon {
  margin-right: 8px;
  height: 16px;
  width: 16px;
}
.mp-playlist__title {
  width: 100%;
  display: table;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #a9a9c3;
}
.mp-playlist__title .mp-playlist__name {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
.mp-playlist__title .mp-playlist__name-block {
  overflow-y: scroll;
  max-height: 450px;
}
.mp-playlist__title .mp-playlist__name-block svg {
  margin-right: 4px;
}
.mp-playlist__title .mp-playlist__name span {
  display: inline-block;
  vertical-align: middle;
}
.mp-playlist__title .mp-playlist__name .mp-attr {
  vertical-align: middle;
  position: relative;
  top: 1px;
  margin-left: 15px;
}
.mp-playlist__item {
  height: 60px;
  margin-bottom: 8px;
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px;
  border-radius: 8px;
  transition: 0.2s;
}
.mp-playlist__item.active-song .mp-artist {
  color: #f493ed;
}
.mp-playlist__item:hover {
  background: rgba(120,129,157,0.2);
}
.mp-playlist__item.item_p {
  padding-left: 75px;
}
.mp-playlist__item.item_p .mp-artist {
  display: block;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
}
.mp-playlist__item.item_p .mp-song {
  display: block;
  font-size: 15px;
  line-height: 20px;
}
.mp-playlist__item .mp-program {
  display: inline-block;
  color: inherit;
  text-decoration: none;
  vertical-align: top;
  position: relative;
}
.mp-playlist__item .mp-program:before {
  display: block;
  content: "";
  width: 2px;
  height: 40px;
  background-color: #1bbcf3;
  position: absolute;
  top: 0;
  left: -18px;
}
.mp-playlist__item a.mp-program .mp-artist {
  font-weight: bold;
}
.mp-disabled .mp-start {
  opacity: 0.2;
}
.mp-disabled .mp-artist {
  font-weight: 400;
}
.mp-time {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  margin-right: 4px;
  color: #b4b4e4;
}
.mp-start {
  display: flex;
  width: 44px;
  height: 44px;
  margin-right: 8px;
}
.mp-start:hover {
  cursor: pointer;
}
.mp-start svg {
  width: 44px;
  height: 44px;
}
.mp-start img {
  width: 44px;
  height: 44px;
}
.mp-artist {
  display: block;
  vertical-align: top;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  z-index: 10;
  color: #e0e0f8;
  max-width: 175px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mp-song {
  display: block;
  vertical-align: top;
  font-size: 12px;
  line-height: 18px;
  z-index: 10;
  color: #a9a9c3;
  max-width: 175px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mp-hd-like {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
  align-items: center;
  width: 32px;
}
@media screen and (max-width: 736px) {
  .mp-hd-like {
    margin-right: 10px;
  }
}
.mp-hd {
  display: block;
  background: none;
  border: solid 1px #6d6d70;
  font-weight: bold;
  color: #42454c;
  padding: 0 6px;
  border-radius: 6px;
  margin-bottom: 3px;
}
.mp-hd:hover {
  cursor: pointer;
  color: #000;
  border-color: #000;
}
.mp-hd.active {
  background: #42454c;
  color: #fff;
}
.mp-hd.active:hover {
  background: #000;
}
.mp-hd.-hide {
  display: none;
}
.mp-like {
  display: block;
  background: none;
  border: none;
  width: 22px;
  margin-top: 4px;
  opacity: 0.6;
  cursor: pointer;
}
.mp-like:active {
  padding: 1px;
}
.mp-like.active {
  opacity: 1;
}
.mp-like svg {
  fill: #1bbcf3;
}
.mp-attr,
a.mp-attr {
  display: inline-block;
  vertical-align: top;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #1bbcf3;
  padding: 3px 8px;
  border-radius: 2px;
  border: 1px solid #1bbcf3;
  text-decoration: none;
}
.mp-right {
  height: 100%;
  background-color: #202a3d;
  padding: 16px 16px;
  width: 55%;
}
.mp-right.mp-show {
  left: 0;
}
@media screen and (max-width: 768px) {
  .mp-right {
    width: calc(100% - 62px);
    margin-left: auto;
  }
  .mp-right .mp-playlist__title .mp-playlist__name-block {
    max-height: calc(100dvh - 344px);
  }
}
@media screen and (max-width: 768px) {
  .mp-right__open {
    display: flex;
    align-items: center;
    height: 80px;
  }
}
.mp-right__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  cursor: pointer;
}
.mp-right__button:before,
.mp-right__button:after {
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #000;
  margin: 4px;
}
.mp-right__button span {
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #000;
  margin: 4px;
  position: relative;
}
.mp-right__close {
  width: 48px;
  height: 48px;
  cursor: pointer;
  position: absolute;
  top: 16px;
  right: 8px;
}
.mp-right__close:before,
.mp-right__close:after {
  display: block;
  content: "";
  width: 4px;
  height: 22px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  top: 13px;
  left: 22px;
}
.mp-right__close:before {
  transform: rotate(45deg);
}
.mp-right__close:after {
  transform: rotate(-45deg);
}
.mp-right__text {
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  font-size: 16px;
}
.mp-radio {
  overflow-y: scroll;
  max-height: calc(100% - 40px);
}
.mp-radio__item {
  position: relative;
  justify-content: space-between;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 60px;
  padding: 8px;
  border-radius: 8px;
  margin-bottom: 8px;
}
.mp-radio__item.mp-selected,
.mp-radio__item:hover {
  background: rgba(120,129,157,0.2);
}
.mp-radio__item.mp-selected .mp-radio__hover,
.mp-radio__item.mp-active .mp-radio__hover,
.mp-radio__item:hover .mp-radio__hover {
  display: block;
}
@media screen and (min-width: 1025px) {
  .mp-radio__item:hover .mp-quality {
    display: block;
  }
}
.mp-radio__item:after {
  display: table;
  content: "";
  width: 100%;
}
.mp-radio__item .mp-radio__cover {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  min-width: 44px;
  height: 44px;
  margin-right: 8px;
}
.mp-radio__item .mp-radio__cover svg,
.mp-radio__item .mp-radio__cover img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.mp-radio__item .mp-radio__hover {
  display: none;
  width: 24px;
  height: 24px;
  position: absolute;
}
.mp-radio__item .mp-reading .mp-reading {
  justify-content: left;
}
.mp-radio__item .mp-quality {
  display: none;
  text-align: center;
  padding-top: 8px;
  position: absolute;
  top: 8px;
  bottom: 8px;
  right: 8px;
}
.mp-radio__item .mp-quality svg {
  display: inline-block;
  vertical-align: top;
  width: 48px;
  height: 48px;
  cursor: pointer;
}
.mp-radio__item .mp-control__text {
  color: #000;
}
.mp-radio .mp-reading {
  display: block;
}
.mp-radio__state {
  width: 180px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #e0e0f8;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mp-radio__artist {
  font-size: 18px;
  line-height: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mp-radio__song {
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mp-list__title {
  color: #d6d6d9;
  font-size: 14px;
}
.mp-group-actions {
  margin-left: 24px;
  margin-right: 10px;
  width: 240px;
  flex-direction: column;
  align-items: start;
}
@media screen and (max-width: 736px) {
  .mp-group-actions {
    margin-left: 10px;
    margin-right: 0;
  }
}
.mp-group-actions .mp-volume {
  margin-bottom: 8px;
  position: relative;
  display: flex;
  align-items: center;
  z-index: 10;
  margin-right: 40px;
}
@media screen and (max-width: 768px) {
  .mp-group-actions .mp-volume {
    display: none;
  }
}
.mp-group-actions .mp-volume svg {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  width: 36px;
  height: 24px;
}
.mp-group-actions .mp-volume__icon {
  margin-right: 16px;
  width: 36px;
  height: 24px;
}
.mp-group-actions .mp-volume .mp-range {
  position: relative;
  display: flex;
  height: auto;
  border: none;
  background: transparent;
  box-shadow: none;
  width: 100px;
}
@media screen and (max-width: 1024px) {
  .mp-group-actions .mp-volume .mp-range {
    width: 70px;
  }
}
.mp-group-actions .mp-volume .mp-range .noUi-base {
  display: flex;
  align-items: center;
  width: 100%;
  height: 16px;
  background: transparent;
}
.mp-group-actions .mp-volume .mp-range .noUi-connects {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 4px;
  transform: translateY(-50%);
  background: rgba(140,140,170,0.4);
  border-radius: 2px;
}
.mp-group-actions .mp-volume .mp-range .noUi-connects .noUi-connect {
  background: #fff;
  transition: background 0.45s;
}
.mp-group-actions .mp-volume .mp-range .noUi-origin {
  position: relative;
  display: flex;
  align-items: center;
  width: 10%;
}
.mp-group-actions .mp-volume .mp-range .noUi-origin .noUi-handle {
  position: absolute;
  top: -50%;
  right: -1000%;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  transform: translateY(-50%);
  border: none;
  outline: none;
  background: transparent;
  box-shadow: none;
  z-index: 1;
}
.mp-group-actions .mp-volume .mp-range .noUi-origin .noUi-handle .noUi-touch-area {
  position: absolute;
  top: 0;
  left: -50%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #8c8caa;
}
.mp-group-actions .mp-volume .mp-range .noUi-origin .noUi-handle:before,
.mp-group-actions .mp-volume .mp-range .noUi-origin .noUi-handle:after {
  display: none;
}
.mp-group-actions #mp-volume-min {
  opacity: 0;
}
.mp-group-actions .mp-volume.mute #mp-volume-max {
  opacity: 0;
}
.mp-group-actions .mp-volume.mute #mp-volume-min {
  opacity: 1;
}
.mp-group-actions .mp-list {
  display: flex;
  position: static;
  float: none;
  align-items: center;
  width: auto;
  margin: initial;
  padding: 0;
  min-width: 120px;
  cursor: pointer;
}
.mp-group-actions .mp-list__title {
  overflow: hidden;
  max-width: 220px;
  white-space: nowrap;
  letter-spacing: 0.2px;
  text-overflow: ellipsis;
  color: #d6d6d9;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-transform: uppercase;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .mp-group-actions .mp-list__title {
    display: none;
  }
}
.mp-group-actions .mp-list svg {
  display: inline;
  transition: all 0.25s;
  width: 14px;
  min-width: 14px;
  height: 14px;
}
@media screen and (max-width: 768px) {
  .mp-group-actions .mp-list svg {
    width: 24px;
    min-width: 24px;
    height: 24px;
  }
}
.mp-group-actions .mp-list.mp-active svg {
  transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
  .mp-group-actions .mp-list {
    min-width: 0;
  }
}
@media screen and (max-width: 768px) {
  .mp-group-actions {
    width: auto;
  }
}
.mp-live {
  display: flex;
}
@media screen and (max-width: 768px) {
  .mp-live {
    display: none;
  }
}
.mp-live svg {
  width: 40px;
  height: 40px;
  fill: #1bbcf3;
}
.mp-live.-hide {
  opacity: 0;
}
.mp .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.mp .slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.mp .slick-list:focus {
  outline: none;
}
.mp .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.mp .slick-slider .slick-track,
.mp .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.mp .slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.mp .slick-track:before,
.mp .slick-track:after {
  content: "";
  display: table;
}
.mp .slick-track:after {
  clear: both;
}
.mp .slick-loading .slick-track {
  visibility: hidden;
}
.mp .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  min-width: 86px;
  max-width: 92px;
  display: none;
}
[dir="rtl"] .mp .slick-slide {
  float: right;
}
.mp .slick-slide.slick-loading img {
  display: none;
}
.mp .slick-slide.dragging img {
  pointer-events: none;
}
.mp .slick-initialized .slick-slide {
  display: block;
}
.mp .slick-loading .slick-slide {
  visibility: hidden;
}
.mp .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.mp .slick-arrow.slick-hidden {
  display: none;
}
@media screen and (max-width: 980px) {
  .mp-head {
    display: block;
    text-align: center;
  }
  .mp-cell {
    display: block;
  }
  .mp-cell_logo {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .mp-logo {
    margin: 0 auto;
  }
  .mp-name {
    display: block;
    padding-top: 10px;
  }
  .mp-playlist {
    text-align: center;
  }
  .mp-playlist__item {
    padding-left: 0;
    padding-right: 0;
  }
  .mp-playlist__item.item_p {
    padding-left: 0;
  }
  .mp-playlist__item.item_p .mp-program:before {
    width: 38px;
    height: 2px;
    margin: 0 auto 4px auto;
    position: relative;
    left: 0;
  }
  .mp-time {
    position: static;
  }
  .mp-playlist__info {
    text-align: left;
  }
  .mp-start {
    width: 48px;
    height: 48px;
    position: static;
  }
  .mp-start svg {
    width: 48px;
    height: 48px;
  }
  .mp-artist,
  .mp-song {
    display: block;
    padding: 0 0 4px;
    margin: 0;
  }
  .mp-volume {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .mp-reading__state {
    height: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .mp-reading__text {
    display: none;
  }
  .mp-quality {
    display: none;
  }
  .mp-control {
    padding-top: 16px;
  }
  .mp-control__text {
    display: none;
  }
  .mp-list {
    width: 64px;
  }
  .mp-left {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 62px;
    padding: 0;
    transition: all 0.5s;
    z-index: 2;
  }
  .mp-left .mp-head {
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
  }
  .mp-left .mp-head--mobile-button {
    display: flex;
    width: 62px;
    min-width: 62px;
    height: 62px;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.1);
  }
  .mp-left .mp-menu-close-btn {
    display: none;
    height: 25px;
    width: 25px;
  }
  .mp-left .mp-menu-open-btn {
    display: block;
    height: 25px;
    width: 25px;
  }
  .mp-left .mp-tabs {
    display: none;
  }
  .mp-left .mp-radio .mp-radio__item .mp-reading {
    display: none;
  }
  .mp-left.open {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 11;
  }
  .mp-left.open .mp-menu-close-btn {
    display: block;
  }
  .mp-left.open .mp-menu-open-btn {
    display: none;
  }
  .mp-left.open .mp-tabs {
    display: flex;
    margin-bottom: 0;
    margin-left: 16px;
  }
  .mp-left.open .mp-radio .mp-radio__item .mp-reading {
    display: block;
  }
  .mp-broadcast {
    display: block;
    text-align: center;
  }
  .mp-broadcast__cover {
    display: block;
    vertical-align: top;
    width: 100%;
    margin: 0 0 16px;
  }
  .mp-broadcast__cover {
    display: inline-block;
  }
  .mp-broadcast__reading {
    display: block;
    vertical-align: top;
    width: 100%;
    padding: 0;
  }
  .mp-nextplay {
    text-align: center;
  }
  .mp-nextplay__item {
    display: block;
  }
  .mp-nextplay__cover {
    display: block;
    margin: 0 auto 8px auto;
  }
  .mp-nextplay__reading {
    display: block;
    width: 100%;
    padding: 0;
  }
  .mp-wrap {
    display: none !important;
  }
}
.mp-progress {
  font-size: 11px;
  margin: 8px 0 -8px 0;
}
.mp-progress__bar {
  height: 2px;
  position: relative;
  margin: 0;
  background-color: #e6e6e6;
  margin-bottom: 2px;
}
.mp-progress__bar .ui-slider-range {
  background-color: #1bbcf3;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
}
.mp-progress__bar .ui-slider-handle {
  display: block;
  width: 8px;
  height: 8px;
  border: 2px solid #8c8caa;
  background-color: #8c8caa;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
  margin-left: -4px;
  z-index: 10;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .mp-player {
    height: 80px;
  }
  .mp--right-block {
    display: none;
  }
  .mp-wrap.mp-player__buttons {
    display: flex !important;
    order: 1;
    padding: 0 0px 0 0px;
    width: 64px !important;
  }
  .mp-wrap.mp-player__buttons .mp-button svg {
    width: 32px;
    height: 32px;
  }
  .mp-progress {
    position: absolute;
    top: 0;
    left: -12px;
    width: calc(100% + 24px);
    z-index: 3;
  }
  .mp-progress .mp-progress__bar {
    width: calc(100% + 24px) !important;
    height: 2px;
    background: none !important;
  }
  .mp-progress .mp-progress__bar .ui-slider-range {
    background: linear-gradient(73.79deg, #c07cff -20.41%, #ed8786 37.68%, #f5bf6d 94.21%);
  }
  .mp-overlay {
    bottom: 80px;
    height: calc(100dvh - 80px);
    width: 100%;
    max-width: unset;
  }
  .mp-controllers__mobile {
    display: block;
  }
  .mp-controllers__mobile .mp-volume {
    display: block;
    margin-bottom: 8px;
    position: relative;
    display: flex;
    align-items: center;
    z-index: unset;
    margin-right: 40px;
  }
  .mp-controllers__mobile .mp-volume #mp-volume-min {
    opacity: 0;
  }
  .mp-controllers__mobile .mp-volume .mp-volume.mute #mp-volume-max {
    opacity: 0;
  }
  .mp-controllers__mobile .mp-volume .mp-volume.mute #mp-volume-min {
    opacity: 1;
  }
  .mp-controllers__mobile .mp-volume svg {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 36px;
    height: 24px;
  }
  .mp-controllers__mobile .mp-volume__icon {
    margin-right: 16px;
    width: 36px;
    height: 24px;
  }
  .mp-controllers__mobile .mp-volume .mp-range {
    position: relative;
    display: flex;
    height: auto;
    border: none;
    background: transparent;
    box-shadow: none;
    width: 100px;
  }
  .mp-controllers__mobile .mp-volume .mp-range .noUi-base {
    display: flex;
    align-items: center;
    width: 100%;
    height: 16px;
    background: transparent;
  }
  .mp-controllers__mobile .mp-volume .mp-range .noUi-connects {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 4px;
    transform: translateY(-50%);
    background: rgba(140,140,170,0.4);
    border-radius: 2px;
  }
  .mp-controllers__mobile .mp-volume .mp-range .noUi-connects .noUi-connect {
    background: #fff;
    transition: background 0.45s;
  }
  .mp-controllers__mobile .mp-volume .mp-range .noUi-origin {
    position: relative;
    display: flex;
    align-items: center;
    width: 10%;
  }
  .mp-controllers__mobile .mp-volume .mp-range .noUi-origin .noUi-handle {
    position: absolute;
    top: -50%;
    right: -1000%;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    transform: translateY(-50%);
    border: none;
    outline: none;
    background: transparent;
    box-shadow: none;
    z-index: 1;
  }
  .mp-controllers__mobile .mp-volume .mp-range .noUi-origin .noUi-handle .noUi-touch-area {
    position: absolute;
    top: 0;
    left: -50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #8c8caa;
  }
  .mp-controllers__mobile .mp-volume .mp-range .noUi-origin .noUi-handle:before,
  .mp-controllers__mobile .mp-volume .mp-range .noUi-origin .noUi-handle:after {
    display: none;
  }
  .mp-music--controller--mobile {
    display: block;
    margin-bottom: 24px;
  }
  .mp-music--controller--mobile .mp-player--row .mp-progress {
    position: unset;
    min-width: 200px;
    max-width: 350px;
    padding-left: 10px;
    padding-right: 10px;
    height: 3px;
    margin-left: auto;
    margin-right: auto;
  }
  .mp-music--controller--mobile .mp-player--row .mp-progress .mp-progress__bar {
    background-color: #495773 !important;
  }
  .mp-music--controller--mobile .mp-player--row .mp-progress .mp-progress__bar .ui-slider-range {
    background: #fff;
  }
  .mp-broadcast__divider {
    display: none !important;
  }
  .mp-playlist {
    margin-top: 30px;
  }
}
.mp-start.js-play .play {
  display: block;
}
.mp-start.js-play .pause {
  display: none;
}
.mp-start.js-play.is-pause .play {
  display: none;
}
.mp-start.js-play.is-pause .pause {
  display: block;
}
.mp-button.js-player-button.mp-active .play {
  display: none;
}
.mp-button.js-player-button.mp-active .pause {
  display: block;
}
.mp-button.js-player-button.mp-active .loading-state {
  display: none;
}
.mp-button.js-player-button .play {
  display: block;
}
.mp-button.js-player-button .pause {
  display: none;
}
.mp-button.js-player-button .loading-state {
  display: none;
}
.mp-button.js-player-button.mp-active.loading-station .play,
.mp-button.js-player-button.loading-station .play {
  display: none;
}
.mp-button.js-player-button.mp-active.loading-station .pause,
.mp-button.js-player-button.loading-station .pause {
  display: none;
}
.mp-button.js-player-button.mp-active.loading-station .loading-state,
.mp-button.js-player-button.loading-station .loading-state {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mp-radio__item.mp-active .play {
  display: none;
}
.mp-radio__item.mp-active .pause {
  display: block;
}
.mp-radio__item.mp-active .loading-state {
  display: none;
}
.mp-radio__item.loading-station .play,
.mp-radio__item.loading-station.mp-active .play {
  display: none;
}
.mp-radio__item.loading-station .pause,
.mp-radio__item.loading-station.mp-active .pause {
  display: none;
}
.mp-radio__item.loading-station .loading-state,
.mp-radio__item.loading-station.mp-active .loading-state {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}
.mp-radio__item.loading-station .loading-state svg,
.mp-radio__item.loading-station.mp-active .loading-state svg {
  width: 100%;
  height: 100%;
}
.mp-radio__item .play {
  display: block;
}
.mp-radio__item .pause {
  display: none;
}
.mp-radio__item .loading-state {
  display: none;
}
.mp-like {
  margin-left: auto;
}
.mp-like .like {
  display: none !important;
}
.mp-like .unlike {
  display: block !important;
}
.mp-like.active .like {
  display: block !important;
}
.mp-like.active .unlike {
  display: none !important;
}
.mp-playlist__item .mp-like {
  display: none;
}
.mp-playlist__item:hover .mp-artist,
.mp-playlist__item.active-song .mp-artist,
.mp-playlist__item:hover .mp-song,
.mp-playlist__item.active-song .mp-song {
  max-width: 140px !important;
}
.mp-playlist__item:hover .mp-like,
.mp-playlist__item.active-song .mp-like {
  display: block;
}
.mp-radio::-webkit-scrollbar {
  width: 4px; /* ширина всей полосы прокрутки */
}
.mp-radio::-webkit-scrollbar-track {
  width: 4px;
  background: #334158; /* цвет зоны отслеживания */
}
.mp-radio::-webkit-scrollbar-track:horizontal {
  display: none;
}
.mp-radio::-webkit-scrollbar-thumb {
  background-color: #495773; /* цвет бегунка */
  border-radius: 20px;
  width: 2px /* округлось бегунка */;
  border: none; /* отступ вокруг бегунка */
}
.mb-radio::-webkit-scrollbar-button {
  display: none;
}
.mp-playlist__name-block::-webkit-scrollbar {
  width: 4px; /* ширина всей полосы прокрутки */
}
.mp-playlist__name-block::-webkit-scrollbar-track {
  width: 4px;
  background: #202a3d; /* цвет зоны отслеживания */
}
.mp-playlist__name-block::-webkit-scrollbar-track:horizontal {
  display: none;
}
.mp-playlist__name-block::-webkit-scrollbar-thumb {
  background-color: #495773; /* цвет бегунка */
  border-radius: 20px;
  width: 2px /* округлось бегунка */;
  border: none; /* отступ вокруг бегунка */
}
.mp-playlist__name-block::-webkit-scrollbar-button {
  display: none;
}
.mp-broadcast.mp-broadcast__main .js-prev-station,
.mp-broadcast.mp-broadcast__main .js-next-station {
  display: none;
}
.mp-playlist-empty {
  margin-top: 30px;
}
@media screen and (max-width: 1440px) {
  .mp-cover .mp-player--row {
    width: 200px !important;
  }
}
@media screen and (max-width: 1155px) {
  .mp-cover .mp-player--row {
    width: 0 !important;
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .mp-player__buttons .js-prev-station,
  .mp-player__buttons .js-next-station {
    display: none;
  }
  .mp--left-block {
    width: calc(100% - 80px) !important;
  }
  .mp--right-block {
    width: 80px !important;
  }
  .mp-hd-like {
    margin-left: auto;
    margin-right: 0;
  }
  .mp-cover .mp-player--row {
    width: 0 !important;
  }
  .mp-broadcast__artist,
  .mp-broadcast__artist a {
    margin-left: auto;
    margin-right: auto;
  }
  .mp-broadcast__resize img {
    max-width: 76px;
    width: 76px;
    height: 76px;
    max-height: 76px;
    border-radius: 9px;
  }
  .mp-broadcast .mp-broadcast__cover {
    height: 76px;
  }
  .mp-right .mp-progress__bar {
    width: 100% !important;
  }
  .mp-broadcast.mp-broadcast__main {
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
  .mp-broadcast.mp-broadcast__main .js-prev-station,
  .mp-broadcast.mp-broadcast__main .js-next-station {
    margin-top: 14px;
    display: block;
  }
  .mp-broadcast.mp-broadcast__main .playlist-onair-current {
    width: 130px;
  }
  .mp-broadcast.mp-broadcast__main .mp-broadcast__song {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 130px;
  }
  .mp-player--row--mobile {
    display: flex;
    justify-content: center;
  }
  .mp-playlist__item.active-song {
    background: none;
  }
  .mp-playlist__item:hover {
    background: none;
  }
  .mp-progress__content .mp-progress__min,
  .mp-progress__content .mp-progress__max {
    display: none;
  }
  .mp-player--row--mobile .mp-progress__content {
    position: relative;
  }
  .mp-player--row--mobile .mp-progress__content .mp-progress__min,
  .mp-player--row--mobile .mp-progress__content .mp-progress__max {
    display: inline;
    position: absolute;
    top: -24px;
    color: #e0e0f8;
  }
  .mp-player--row--mobile .mp-progress__content .mp-progress__min {
    left: 0;
  }
  .mp-player--row--mobile .mp-progress__content .mp-progress__max {
    right: 0;
  }
  .mp-radio__item:hover {
    background: none !important;
  }
  .mp-radio__item.mp-selected {
    background: rgba(120,129,157,0.2) !important;
  }
  .mp-radio__item .mp-reading .mp-radio__state {
    width: calc(100vw - 70px);
  }
  #mp-volume-min {
    opacity: 0;
  }
  .mp-volume.mute #mp-volume-max {
    opacity: 0;
  }
  .mp-volume.mute #mp-volume-min {
    opacity: 1;
  }
  .mp-controllers__mobile {
    display: none;
  }
}
.mp-cover .mp-reading.long-name:hover {
  overflow: hidden;
}
.mp-cover .mp-reading.long-name:hover .mp-reading__artist {
  overflow: unset;
  text-overflow: unset;
  width: auto;
  transform: translateX(100%);
  animation: my-animation 4s linear infinite;
}
.mp-radio__item:after {
  width: 0 !important;
}
.mp-reading.long-name {
  overflow: hidden;
}
.mp-reading.long-name .mp-radio__state {
  width: 100%;
}
.mp-musical-item:hover .mp-reading.long-name {
  overflow: hidden;
}
.mp-musical-item:hover .mp-reading.long-name .mp-radio__state {
  text-overflow: unset;
  overflow: unset;
  width: auto !important;
  transform: translateX(100%);
  animation: my-animation 4s linear infinite;
}
@media screen and (max-width: 768px) {
  .mp-playlist__item .mp-artist,
  .mp-playlist__item .mp-song {
    max-width: 140px !important;
  }
  .mp-playlist__item .js-like:not(.hide) {
    display: block !important;
  }
  .mp-disabled.mp-playlist__item .js-like {
    display: none !important;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(0deg);
  }
  30% {
    transform: rotate(-360deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes my-animation {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-200%);
  }
}
.js-notifications-block {
  position: fixed;
  top: 50px;
  right: 40px;
  width: 460px;
  z-index: 9999;
  max-height: 656px;
  overflow: hidden;
}
.js-notifications-block .notification-item {
  width: 392px;
  height: 96px;
  position: relative;
  background: #f6f6f9;
  display: flex;
  align-items: center;
  padding: 12px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px #d6d6e1 solid;
  margin-bottom: 16px;
}
.js-notifications-block .notification-item__image {
  position: relative;
  width: 64px;
  height: 64px;
  margin-right: 20px;
}
.js-notifications-block .notification-item__image-main {
  width: 64px;
  height: 64px;
}
.js-notifications-block .notification-item__image-sub {
  position: absolute;
  bottom: -6px;
  right: -6px;
  width: 20px;
  height: 20px;
}
.js-notifications-block .notification-item__info {
  width: calc(100% - 140px);
  color: #30303f;
  font-size: 16px;
  font-family: IBM Plex Sans;
  font-weight: 600;
  line-height: 24px;
  word-wrap: break-word;
}
.js-notifications-block .notification-item__cross {
  position: absolute;
  right: 12px;
  top: 14px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .js-notifications-block {
    position: fixed;
    width: 100%;
    padding: 0 8px;
    left: 0;
    top: auto;
    bottom: 80px;
  }
  .js-notifications-block .notification-item {
    width: 100%;
    height: 80px;
    padding: 12px 12px;
    margin-bottom: 12px;
  }
  .js-notifications-block .notification-item__image {
    width: 50px;
    height: 50px;
    margin-right: 16px;
  }
  .js-notifications-block .notification-item__image-main {
    width: 50px;
    height: 50px;
  }
  .js-notifications-block .notification-item__image-sub {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 0;
    right: 0;
  }
  .js-notifications-block .notification-item__info {
    width: calc(100% - 100px);
    font-size: 14px;
  }
}
.navbar {
  background: #fcfcfd;
  text-transform: uppercase;
  border-bottom: 1px solid #e6e6e6;
  z-index: 4;
}
.navbar .container {
  display: flex;
  justify-content: space-between;
  align-content: center;
  height: inherit;
  width: 100%;
  max-width: initial;
  padding: 0 75px;
}
.navbar .logo {
  padding: 19px 0;
  height: inherit;
  min-width: 20%;
}
.navbar .logo img {
  width: auto;
  height: 100%;
}
.navbar .menu {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  font-family: 'PFBeauSansPro-Bold', sans-serif;
  font-size: 15px;
}
.navbar .menu li a {
  white-space: nowrap;
}
.navbar .menu li:hover a {
  background: none;
  border-bottom: none;
  color: #4e46dc;
}
@media screen and (max-width: 1024px) {
  .navbar .menu {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .navbar .menu.active {
    display: flex;
    width: 100%;
    position: absolute;
    top: 45px;
    border-bottom: 1px solid #e6e6e6;
  }
}
.navbar .menu.active li:hover a {
  background: #fcfcfd;
}
@media screen and (max-width: 640px) {
  .navbar .menu.active {
    flex-direction: column;
  }
}
.navbar .login {
  font-family: 'PFBeauSansPro-Regular', sans-serif;
  font-size: 10px;
  letter-spacing: 0.4px;
  line-height: 9px;
  margin-top: 0;
}
.navbar .login li {
  padding-top: 2px;
}
@media screen and (max-width: 640px) {
  .navbar .login li a {
    border-bottom: none;
    border-top: none;
    display: block;
    position: relative;
  }
}
.navbar .login li:first-child a {
  border-top: none;
}
.navbar .login li:last-child a {
  border-bottom: none;
}
@media screen and (max-width: 640px) {
  .navbar .login li {
    padding: 0;
  }
}
.header-categories {
  background: #f7f7f7;
  top: 95px;
  border: none;
  border-top: 1px solid #e6e6e6;
}
.header-category {
  color: #42424a;
  background: none;
  font-family: 'PFBeauSansPro-Bold', sans-serif;
  height: 40px;
}
.header-category:not(.branded):hover,
.header-category:not(.branded).active {
  background: #417cee !important;
  color: #f7f7f7;
}
.header-stations {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 3;
  overflow-x: auto;
  justify-content: center;
  margin: 0 auto;
}
.header-stations .simplebar-content-wrapper::-webkit-scrollbar {
  display: none;
}
.header-stations .simplebar-content {
  display: flex;
}
.header-stations .simplebar-content:before,
.header-stations .simplebar-content:after {
  flex: 1;
}
.header-stations .simplebar-track.simplebar-horizontal {
  height: 9px;
}
.header-stations .simplebar-scrollbar.simplebar-visible::before {
  opacity: 0.2;
}
.header-station {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  height: 50px;
  padding: 0 15px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  white-space: nowrap;
  transition: background-color 0.1s, color 0.1s;
  box-sizing: content-box;
  border-left: 1px solid #e6e6e6;
}
.header-station:last-child {
  border-right: 1px solid #e6e6e6;
}
.header-station:hover {
  background: #f5f5f5;
}
.header-station img {
  width: auto;
  height: 100%;
}
@media screen and (min-width: 640px) {
  .branding-link {
    top: 72px;
  }
}
@media screen and (max-width: 640px) {
  #js-content {
    padding-top: 80px !important;
  }
}
.banner-popup {
  background: transparent;
}
.banner-popup__image-holder {
  text-align: center;
  max-width: 100%;
}
.banner-popup__image {
  max-width: 100%;
}
.banner-popup__video-holder {
  text-align: center;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  width: 560px;
}
.banner-popup__video-holder iframe,
.banner-popup__video-holder object,
.banner-popup__video-holder embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 570px) {
  .banner-popup__video-holder {
    width: 100%;
  }
}
.banner-popup .mfp-close {
  font-size: 40px;
  width: 50px;
  height: 50px;
}
.banner-popup__image-holder + .banner-popup__video-holder {
  margin-top: 15px;
}
.live-music {
  background: url(../images/gfqVXDE3qHnR.png);
  max-width: 1050px;
  height: 541px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 16px;
  font-family: IBM Plex Sans;
  margin-bottom: 120px;
}
.live-music__info {
  padding: 75px 0 87px 43px;
}
.live-music__icon {
  margin-bottom: 24px;
}
.live-music__title {
  margin-bottom: 12px;
  max-width: 322px;
  color: #ce9aff;
  font-family: IBM Plex Sans;
  font-size: 36px;
  font-weight: 600;
  line-height: 54px;
}
.live-music__description {
  max-width: 390px;
  margin-bottom: 64px;
  color: #fff;
  font-family: IBM Plex Sans;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}
.live-music__button {
  position: relative;
  color: #fff;
  font-family: IBM Plex Sans;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding: 12px;
  border-radius: 8px;
  background: #30303e;
  border: solid 2px transparent;
  z-index: 2;
  cursor: pointer;
}
.live-music__button:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -3px;
  border-radius: inherit;
  background: linear-gradient(77deg, #c07cff 0%, #ed8786 51%, #f5bf6d 100%);
}
.live-music__button:hover {
  color: #fff;
  background: none;
}
@media screen and (max-width: 630px) {
  .live-music {
    background: url(../images/6ssyWpSfn8Vv.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-width: 375px;
    height: 640px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-family: IBM Plex Sans;
  }
  .live-music__info {
    font-family: IBM Plex Sans;
    padding: 54px 16px;
    height: 100%;
  }
  .live-music__title {
    font-family: IBM Plex Sans;
    font-size: 24px;
    line-height: 36px;
    max-width: 332px;
    margin-bottom: 20px;
  }
  .live-music__description {
    font-family: IBM Plex Sans;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .live-music__button {
    margin-top: 20px;
  }
}
.promotion {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 870px;
  margin-left: auto;
  margin-right: auto;
  font-family: IBM Plex Sans;
}
.promotion-head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 36px 0;
  margin-bottom: 64px;
  position: relative;
}
.promotion-head__icon {
  width: 165px;
  height: 171px;
  margin-right: 32px;
}
.promotion-head__text {
  width: calc(100% - 165px);
  font-family: IBM Plex Sans;
  font-weight: 600;
  word-wrap: break-word;
  color: #30303f;
}
.promotion-head__text h2 {
  font-family: IBM Plex Sans;
  font-size: 36px;
  line-height: 54px;
  margin-bottom: 24px;
}
.promotion-head__text p {
  font-family: IBM Plex Sans;
  font-size: 24px;
  line-height: 36px;
  max-width: 546px;
}
.promotion-cont {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.promotion-cont__left,
.promotion-cont__right {
  width: calc(50% - 12px);
}
.promotion-cont__timer {
  width: 100%;
  background: #f9e3e2;
  padding: 24px 24px 54px;
  border-radius: 8px;
  margin-bottom: 30px;
}
.promotion-cont__timer-title {
  color: #30303f;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.promotion-cont__timer-message {
  color: #ff7776;
  font-family: IBM Plex Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  padding: 24px 24px;
  margin: auto;
}
.promotion-cont__timer-time {
  display: flex;
  color: #30303f;
  font-family: IBM Plex Sans;
  font-size: 36px;
  font-weight: 600;
  line-height: 54px;
  justify-content: space-between;
}
.promotion-cont__timer-item {
  position: relative;
}
.promotion-cont__timer-text {
  color: #888aa8;
  font-family: IBM Plex Sans;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
}
.promotion-cont__info-item {
  display: flex;
  align-items: flex-start;
  padding: 12px 0;
}
.promotion-cont__info-item img {
  margin-right: 12px;
  width: 48px;
  height: 48px;
}
.promotion-cont__info-item p {
  width: calc(100% - 48px);
  color: #30303f;
  font-family: IBM Plex Sans;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}
.promotion-cont__work {
  background: #f0f2fd;
  border-radius: 8px;
  padding: 38px 24px;
  margin-bottom: 120px;
}
.promotion-cont__work-title {
  color: #30303f;
  font-family: IBM Plex Sans;
  font-size: 28px;
  font-weight: 600;
  line-height: 42px;
  margin-bottom: 28px;
}
.promotion-cont__work-list {
  position: relative;
}
.promotion-cont__work-line {
  width: 16px;
  height: 105%;
  position: absolute;
  left: 3px;
  top: 0;
  background: linear-gradient(180deg, rgba(233,221,250,0) 0%, rgba(255,184,47,0.62) 96%);
  border-radius: 23px;
}
.promotion-cont__work-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 28px;
  position: relative;
  z-index: 1;
}
.promotion-cont__work-item svg {
  width: 22px;
  height: 22px;
  margin-right: 20px;
}
.promotion-cont__work-item span {
  display: block;
  width: calc(100% - 42px);
  line-height: 24px;
  font-family: IBM Plex Sans;
  color: #30303f;
  font-size: 16px;
  font-weight: 500;
}
.promotion-cont__work-item__last span {
  font-size: 20px;
  background: linear-gradient(140.16deg, #ffb82f -3.29%, #ce58b0 53.5%, #9745ff 99.36%);
  -webkit-background-clip: #000;
  -webkit-text-fill-color: transparent;
  background-clip: #000;
  text-fill-color: transparent;
}
.promotion-form {
  max-width: 692px;
  margin-left: auto;
  margin-right: auto;
  padding: 56px 74px;
  background: #f6f6f9;
  border-radius: 8px;
  margin-bottom: 144px;
  position: relative;
}
.promotion-form__title {
  color: #30303f;
  font-family: IBM Plex Sans;
  font-size: 28px;
  font-weight: 600;
  line-height: 42px;
  margin-bottom: 40px;
}
.promotion-form__element {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
}
.promotion-form__label {
  color: #30303f;
  font-family: IBM Plex Sans;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 8px;
}
.promotion-form__field {
  height: 56px;
  padding: 16px 8px;
  border-radius: 8px;
  border: 1px solid #d6d6e1;
  background: #ececf2;
}
.promotion-form input:placeholder {
  color: #888aa8;
}
.promotion-form__button {
  display: block;
  color: #fff;
  font-family: IBM Plex Sans;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  border-radius: 8px;
  padding: 16px 24px;
  background: #30303f;
  margin-left: auto;
  margin-right: auto;
  border: none;
  cursor: pointer;
}
.promotion-form__button:hover {
  background: #545575;
}
.promotion-form__discount {
  position: absolute;
  width: 174px;
  height: 174px;
  left: -87px;
  top: -87px;
}
.promotion-form__discount-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.promotion-form__discount-wrapper svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.promotion-form__discount-wrapper p {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  color: #fff;
  font-family: IBM Plex Sans;
  font-size: 28px;
  font-weight: 600;
  line-height: 42px;
  text-align: center;
}
.promotion-info {
  width: 100%;
}
.promotion-info h2 {
  color: #4e46dc;
  font-family: IBM Plex Sans;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 8px;
}
.promotion-info p {
  color: #30303f;
  font-family: IBM Plex Sans;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  .promotion-head {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 0px;
  }
  .promotion-head__icon {
    margin-right: 0;
    margin-bottom: 40px;
  }
  .promotion-head__text {
    width: 100%;
  }
  .promotion-head__text h2 {
    margin-bottom: 16px;
    font-family: IBM Plex Sans;
    font-size: 24px;
    line-height: 36px;
  }
  .promotion-head__text p {
    font-size: 20px;
    line-height: 24px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .promotion-cont {
    flex-direction: column;
  }
  .promotion-cont__left,
  .promotion-cont__right {
    width: 100%;
  }
  .promotion-cont__left {
    margin-bottom: 40px;
  }
  .promotion-cont__timer {
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
  }
  .promotion-cont__timer-time {
    font-family: IBM Plex Sans;
    font-size: 24px;
    line-height: 36px;
  }
  .promotion-cont__timer-text {
    font-family: IBM Plex Sans;
    font-size: 12px;
    line-height: 18px;
  }
  .promotion-cont__info-item img {
    width: 32px;
    height: 32px;
  }
  .promotion-cont__info-item p {
    font-size: 16px;
    line-height: 24px;
  }
  .promotion-cont__work-line {
    width: 4px;
  }
  .promotion-cont__work-item span {
    width: calc(100% - 32px);
    font-size: 14px;
    line-height: 21px;
  }
  .promotion-cont__work-item svg {
    width: 10px;
    height: 10px;
    margin-top: 6px;
  }
  .promotion-form {
    padding: 65px 16px 42px;
    margin-bottom: 60px;
  }
  .promotion-form__title {
    font-family: IBM Plex Sans;
    font-size: 20px;
    line-height: 30px;
  }
  .promotion-form__discount {
    width: 100px;
    height: 100px;
    left: 50%;
    transform: translateX(-50%);
    top: -50px;
  }
  .promotion-form__discount svg {
    height: 100px;
    width: 100px;
  }
  .promotion-form__discount p {
    font-size: 16px;
    line-height: 24px;
  }
  .navbar .container {
    padding: 0 16px;
  }
}
.mp-radio__item.loading-station .loading-state {
  animation: 1s linear 0s normal none infinite running rot;
  -webkit-animation: 1s linear 0s normal none infinite running rot;
}
.station.loading-station:before {
  animation: 1s linear 0s normal none infinite rot;
  -webkit-animation: 1s linear 0s normal none infinite rot;
}
.js-player-button.loading-station {
  animation: 1s linear 0s normal none infinite rot;
  -webkit-animation: 1s linear 0s normal none infinite rot;
}
@keyframes rot {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/*# sourceMappingURL=app.css.map*/