/*
	375px;
	550px;
	768px;
	960px;
	1260px;
	1440px;
	1600px;
	1800px;
*/
:root {
	--global-base-margin: 30px;
	--global--body-font-size: 18px;
    --global--body-line-height: 1.5;
	--global--color: #FF00FF;
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body { 
	margin: 0;
	position: relative;
	background: white;
}

audio,
canvas,
iframe,
img,
svg,
video { vertical-align: middle; }

canvas,
img,
video {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}

img:not([src]) {
    min-width: 1px;
    visibility: hidden;
}

iframe { border: 0; max-width: 100%;}

.body-overflow {
    overflow: hidden;
	overflow: clip;
	position: relative;
}

p,
ul,
ol,
dl,
pre,
address,
fieldset,
figure {
    margin: 0;
}

* + p,
* + ul,
* + ol,
* + dl,
* + pre,
* + address,
* + fieldset,
* + figure {
    margin-top: var(--global-base-margin);
}

html {
    font-family: 'Gordita', sans-serif;
    font-size: var(--global--body-font-size);
	line-height: var(--global--body-line-height);
    font-weight: 400;
    -webkit-text-size-adjust: 100%;
    color: #000000;
	max-width: 1920px;
	min-width: 320px;
    margin-left: auto;
    margin-right: auto;
	background: white;
}


.container {
    max-width: 1720px; /* 1520px + 100px*2*/
    padding-left: 100px;
    padding-right: 100px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}

.container .container:not(.container-fullsize) {
	padding-left: 0px !important;
    padding-right: 0px !important;
}

a {
	outline: 0;
	text-underline-position: under;
	text-decoration: none;
}

b, strong {
    font-weight: 500;
}

[data-js-audio] audio {
	display: none !important;
}

@media (max-width: 1799px) {
	:root {
		--global--body-font-size: 16px;
		--global-base-margin: 20px;
	}
}
@media (max-width: 1599px) {
	:root {
		--global-base-margin: 20px;
		--global--body-font-size: 16px;
	}
	.container {
		max-width: 1680px; /* 1520px + 80px*2*/
		padding-left: 80px;
		padding-right: 80px;
	}
}
@media (max-width: 1439px) {
	:root {
		--global--body-font-size: 14px;
		--global-base-margin: 20px;
	}
	.container {
		max-width: 1620px; /* 1520px + 50px*2*/
		padding-left: 50px;
		padding-right: 50px;
	}
}
@media (max-width: 1259px) {
	.container {
		max-width: 1620px; /* 1520px + 50px*2*/
		padding-left: 50px;
		padding-right: 50px;
	}
}
@media (max-width: 959px) {
	.container {
		max-width: 1580px; /* 1520px + 30px*2*/
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media (max-width: 767px) {
	.container {
		max-width: 1550px; /* 1520px + 15px*2*/
		padding-left: 15px;
		padding-right: 15px;
	}
}

.grid {
	--global-grid-horizontal: 30px;
    --global-grid-vertical: 30px;
    --global-grid-child-width: auto;
	
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    margin-left: calc(-1 * var(--global-grid-horizontal));
    margin-bottom: calc(-1 * var(--global-grid-vertical));
    list-style: none;
}

.grid:not(.grid-inside) > * {
    width: var(--global-grid-child-width);
    max-width: var(--global-grid-child-width);
    padding-left: var(--global-grid-horizontal);
    margin-bottom: var(--global-grid-vertical);
    box-sizing: border-box;
}

.grid.grid-inside > * {
    flex: 0 0 calc(var(--global-grid-child-width) - var(--global-grid-horizontal));
    max-width: calc(var(--global-grid-child-width) - var(--global-grid-horizontal));
    margin-left: var(--global-grid-horizontal);
    margin-bottom: var(--global-grid-vertical);
    box-sizing: border-box;
}

/* btn */
.btn {
	--btn-color: white;
	--btn-background: #FF00FF;
	--btn-border: #FF00FF;
	--btn-hover-color: white;
	--btn-hover-background: #FF11FD;
	--btn-hover-border: #FF11FD;
	
	font-size: 16px;
    line-height: 1.2;
    text-decoration: none;
    font-weight: 400;
    color: var(--btn-color);
    background: var(--btn-background);
	border: 1px solid var(--btn-border);
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: max-content;
    padding: 10px 30px;
	border-radius: 30px;
    outline: 0;
	transition: all 0.1s;
	max-width: 100%;
	cursor: pointer;
	gap: 15px;
}
.btn:hover, 
.btn:focus,
.btn:active {
	color: var(--btn-hover-color);
	background: var(--btn-hover-background);
	border-color: var(--btn-hover-border);
	text-decoration: none;
}

.btn.liked {
	color: white;
	background: #262626;
	border-color: transparent;
	text-decoration: none;
}

.btn-offcanvas {
	--btn-color: white;
	--btn-background: rgba(255, 255, 255, 0.1);
	--btn-border: transparent;
	--btn-hover-color: white;
	--btn-hover-background: rgba(255, 255, 255, 0.3);
	--btn-hover-border: transparent;
	width: 100%;
}

.load-more {
	font-weight: 500;
	width: 100%;
	margin-top: 50px;
}
.load-more::after {
	content: '';
	border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
	margin-top: -3px;
	transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

@media (max-width: 1799px) {
}
@media (max-width: 1599px) {
}
@media (max-width: 1439px) {
}
@media (max-width: 1259px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
	.btn {
		gap: 10px;
	}
	.poll-btn, .btn.liked {
		min-height: auto;
		padding: 10px 10px;
	}
	.poll-btn > span {
		display: none;
	}
	.btn.liked > span {
		display: none;
	}
}
@media (max-width: 549px) {
	html{
		font-size: 18px;
	}
}

/* header */
.header-top {
	background: #000000;
    color: white;
	padding-top: 15px;
	padding-bottom: 15px;
	position: sticky;
    top: 0;
    left: 0;
    z-index: 10;
}

.grid--header-top {
	--global-grid-horizontal: 50px;
	--global-grid-child-width: auto;
	flex-wrap: nowrap;
	align-items: center;
}

.grid--header-top > .block-playlist {
	flex: 1;
    min-width: 1px;
	display: flex;
    gap: 20px;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
	padding-left: 20px;
	padding-right: 20px;
}

.playlist-header .play-stop, .playlist-header-mobile .play-stop {
	width: 52px;
    height: 52px;
    background: #FF00FF;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    outline: 0;
    border: 0;
	cursor: pointer;
	flex: 0 0 auto;
	position: relative;
	z-index: 0;
	padding: 0;
}
.playlist-header .play-stop:before,
.playlist-header .play-stop:after,
.playlist-header-mobile .play-stop:before,
.playlist-header-mobile .play-stop:after {
	content: '';
    display: block;
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.7);
    left: -10px;
    right: -10px;
    top: -10px;
    bottom: -10px;
    border-radius: 50%;
    animation: none 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden;
}

.playlist-header .play-stop:after, .playlist-header-mobile .play-stop:after {
    animation-delay: 0.5s;
}

@keyframes playlist{0%{transform:scale(0.5);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}

.playlist-header .play-stop .play, .playlist-header-mobile .play-stop .play{
	position: relative;
    left: 2px;
}
.playlist-header .play-stop .stop, .playlist-header-mobile .play-stop .stop {
	display: none;
}

.playlist-header[data-js-audio='play'] .play-stop .stop, .playlist-header-mobile[data-js-audio='play'] .play-stop .stop {
	display: block;
}
.playlist-header[data-js-audio='play'] .play-stop .play, .playlist-header-mobile[data-js-audio='play'] .play-stop .play {
	display: none;
}
.playlist-header[data-js-audio='play'] .play-stop:before,
.playlist-header[data-js-audio='play'] .play-stop:after, 
.playlist-header-mobile[data-js-audio='play'] .play-stop:before,
.playlist-header-mobile[data-js-audio='play'] .play-stop:after {
	animation-name: playlist;
}

.playlist-header .current, .playlist-header-mobile .current {
	display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
	flex: 1;
    min-width: 1px;
}

.playlist-header .current .b-content, .playlist-header-mobile .current .b-content {
	flex: 1;
    min-width: 1px;
}

.playlist-header .b-image, .playlist-header-mobile .b-image {
	position: relative;
	width: 52px;
    height: 52px;
    background: #000000;
    border-radius: 14px;
    overflow: hidden;
	flex: 0 0 auto;
}
.playlist-header .b-content .title, .playlist-header-mobile .b-content .title {
	font-weight: 700;
    font-size: 1rem;
    line-height: 1;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.playlist-header .b-content .caption, .playlist-header-mobile .b-content .caption {
    font-size: 1rem;
    line-height: 1;
	color: rgba(255, 255, 255, 0.8);
	margin-top: 10px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.playlist-header-mobile .b-content .caption {
	margin: 5px 0 0;
}

.volume {
	display: flex;
	justify-content: center;
	align-items: center;
}
.volume input[type=range] {
	display: none;
}
.volume .icon .vol {
	display: inline-block;
}
.volume .icon .mute {
	display: none;
}
.volume .icon.mute .vol {
	display: none;
}
.volume .icon.mute .mute {
	display: inline-block;
}

.volume .bar-hoverbox {
	padding: 10px 15px;
}
.volume .bar {
	background: #fff;
	height: 7px;
	width: 80px;
	border-radius: 15px;
	overflow: hidden;
	pointer-events: none;
}
.volume .bar .bar-fill {
	background: #FF11FD;
	width: 0%;
	height: 100%;
	background-clip: border-box;
	pointer-events: none;
}

.volume-mobile {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.volume-mobile input[type=range] {
	display: none;
}
.volume-mobile .icon .vol {
	display: inline-block;
}
.volume-mobile .icon .mute {
	display: none;
}
.volume-mobile .icon.mute .vol {
	display: none;
}
.volume-mobile .icon.mute .mute {
	display: inline-block;
}

.volume-mobile .bar-hoverbox {
	padding: 5px 10px;
}
.volume-mobile .bar {
	background: #fff;
	height: 7px;
	width: 80px;
	border-radius: 15px;
	overflow: hidden;
	pointer-events: none;
}
.volume-mobile .bar .bar-fill {
	background: #FF11FD;
	width: 0%;
	height: 100%;
	background-clip: border-box;
	pointer-events: none;
}


.progress-bar .progress-line{
	display: block;
	width: 0%;
	height: inherit;
	background-color: #131313;
}

.progress-bar .progress{
	width: 100%;
	-webkit-appearance: none;
	height: inherit;
	background: transparent;
	outline: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

.progress-bar .progress::-webkit-slider-thumb{
	-webkit-appearance: none;
	height: 10px;
    width: 10px;
	background-color: #9e039e;
    border-radius: 50%;
    cursor: pointer;
}

.progress-bar{
	display: none;
    background: #fff;
    height: 2px;
    width: 50%;
    margin-bottom: 0px;
    position: absolute;
    margin-top: 0px;
    right: 20px;
    bottom: 7px;
}

.progress-bar{
    cursor: pointer;
}

.progress{
    background: transparent;
    width: 0%;
    height: 100%;
    position: relative;
}

.progress::before{
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    top: 50%;
    right: -5px;
    z-index: 2;
    transform: translateY(-50%);
    background: inherit;
    transition: all 0.1s ease;
}






.life-header {
	display: flex;
    gap: 20px;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
	color: inherit;
    text-decoration: none;
}
.life-header > .b-icon {
	width: 54px;
    height: 54px;
    background: #FF00FF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.life-header > .b-content {
	display: flex;
    flex-direction: column;
    gap: 5px;
}
.life-header .caption {
	font-weight: 300;
    font-size: 26px;
    line-height: 1;
}
.life-header .title {
	font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
}

.grid--header-top > .block-menu {
	display: flex;
    flex-direction: column;
    gap: 15px;
}

.grid--header-top > .block-menu .caption {
    font-size: 9px;
    line-height: 1;
    text-transform: uppercase;
    color: #FF00FF;
	text-align: center;
}

.navbar-button {
	display: inline-block;
	width: 30px;
    height: 25px;
    background: transparent;
    outline: 0;
    border: 0;
    padding: 0;
	cursor: pointer;
	position: relative;
	z-index: 0;
}
.navbar-button .n1 {
	left: 0;
    width: 100%;
    top: 0;
    height: 2px;
    background: white;
    position: absolute;
	transition: all 0.3s ease 0s;
}
.navbar-button .n2 {
	left: 0;
    width: 100%;
    top: 50%;
	transform: translateY(-50%);
    height: 2px;
    background: white;
    position: absolute;
	transition: all 0.3s ease 0s;
}
.navbar-button .n3 {
	left: 0;
    width: 100%;
    bottom: 0;
    height: 2px;
    background: white;
    position: absolute;
	transition: all 0.3s ease 0s;
}
.navbar-button.active {
	transform: scale(1.1);
}
.navbar-button.active .n2 {
	transform: scale(0);
}
.navbar-button.active .n1 {
	transform: rotate(45deg) translateY(-50%);
	top: 50%;
	bottom: unset;
}
.navbar-button.active .n3 {
	transform: rotate(-45deg) translateY(-50%);
	top: 50%;
	bottom: unset;
}

@media (max-width: 1799px) {
}
@media (max-width: 1599px) {
}
@media (max-width: 1439px) {
}
@media (max-width: 1259px) {
	.logo img {
		max-height: 60px;
	}
	.grid--header-top > .block-playlist {
		padding: 0;
	}
}
@media (max-width: 959px) {
	.grid--header-top > .block-playlist {
		display: none;
	}
	.grid--header-top {
		justify-content: space-between;
		--global-grid-horizontal: 20px;
	}
	.grid--header-top > .block-menu .caption {
		display: none;
	}
}
@media (max-width: 767px) {
	.header-top {
		padding-top: 20px;
		padding-bottom: 20px;
		height: 90px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.header-top .container {
		width: 100%;
	}
	.logo img {
		max-height: 50px;
	}
	.grid--header-top .life-header .caption {
		display: none;
	}
	.grid--header-top .life-header > .b-icon {
		width: 23px;
		height: 23px;
		border-radius: 0;
	}
	.grid--header-top .life-header {
		gap: 5px;
		background: #FF00FF;
		border-radius: 30px;
		overflow: hidden;
		padding: 5px 10px;
		width: 95px;
		height: 45px;
		text-align: center;
		flex: 0 0 auto;
	}
	.grid--header-top .life-header .title {
		font-size: 12px;
		line-height: 10px;
		font-weight: 400;
	}
	.grid--header-top .life-header > .b-icon svg path {
		stroke-width: 3;
	}
	.playlist-header .play-stop, .playlist-header-mobile .play-stop .stop {
		width: 50px;
		height: 50px;
	}
	.playlist-header .b-image, .playlist-header-mobile .b-image {
		width: 40px;
		height: 40px;
	}
	.playlist-header-mobile .b-image {
		display: none;
	}
}
@media (max-width: 549px) {
	.grid--header-top .life-header {
		height: 42px;
	}
}

/* header-bottom */
.header-bottom {
	background: #000000;
    color: white;
    padding-top: 15px;
    padding-bottom: 15px;
    position: sticky;
    bottom: 0;
    left: 0;
    z-index: 10;
	height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
	display: none;
}
.grid--header-bottom {
	--global-grid-horizontal: 50px;
    --global-grid-child-width: auto;
    flex-wrap: nowrap;
    align-items: center;
}
.grid--header-bottom > .block-playlist {
	flex: 1;
    min-width: 1px;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
}
.header-bottom .container {
	width: 100%;
}
@media (max-width: 1799px) {
}
@media (max-width: 1599px) {
}
@media (max-width: 1439px) {
}
@media (max-width: 1259px) {
}
@media (max-width: 959px) {
	.header-bottom {
		display: flex;
	}
}
@media (max-width: 767px) {
	.grid--header-bottom {
		--global-grid-horizontal: 15px;
	}
	.grid--header-bottom > .block-playlist {
		gap: 20px;
	}
}
@media (max-width: 549px) {
}

/* slider */
.slider:not(.slick-initialized) {
	display: flex;
	position: relative;
	opacity: 0;
}
.slider .slick-slide > div {
	display: flex;
}
.slick-arrow {
	color: inherit;
    background: transparent;
    border: none;
    border-radius: 0;
    outline: 0;
    padding: 0;
	cursor: pointer;
}
.slick-arrow svg {
	width: 25px;
    height: auto;
	color: var(--global--color);
}
.slider--nav {
	display: flex;
    align-items: center;
    gap: 20px;
	color: inherit;
}
.slick-disabled {
	opacity: 0.5;
}

/* section */
.section {
	padding-top: 60px;
	padding-bottom: 60px;
}
.section-top {
	padding-top: 60px;
}
.section-head-title {
	font-weight: 700;
    font-size: 46px;
    line-height: 1.2;
    margin: 0;
}
.block-aside-title {
	font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    margin: 0;
}

.page-dark .block-aside-title {
	color: #fff;
}

.page-dark .section-head-title {
	color: #fff;
}
.section-head-subtitle {
	font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    margin: 0;
}
.section-margin-bottom {
	margin-bottom: 50px;
}
.section-margin-top {
	margin-top: 50px;
}

.section-title-and-right {
	display: flex;
    align-items: center;
    gap: 30px;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.link-all {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.2;
	display: inline-flex;
    align-items: center;
    gap: 20px;
	color: inherit;
    text-decoration: none;
}
.link-all svg{
	color: var(--global--color);
}

* + .html-image {
	margin-top: 50px;
}
.html-image {
    display: flex;
    flex-direction: column;
    gap: 20px;
	margin-bottom: 50px;
}
.html-image:last-child {
	margin-bottom: 0;
}
.html-image .caption {
	font-size: 14px;
	font-weight: 300;
}
.html img {
	border-radius: 20px;
}

.html ul,
.html ol {
	padding-left: 30px;
}
.html li + li {
	margin-top: 10px;
}

@media (max-width: 1439px) {
	.section-head-title {
		font-size: 40px;
	}
	.section-head-title--small {
		font-size: 40px;
	}
}
@media (max-width: 767px) {
	.section-head-title--small {
		font-size: 30px;
	}
	.section-head-subtitle {
		font-size: 30px;
	}
	.section {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.section-margin-bottom {
		margin-bottom: 40px;
	}
	.section-margin-top {
		margin-top: 40px;
	}
	* + .html-image {
		margin-top: 40px;
	}
	.html-image {
		margin-bottom: 40px;
	}
}

/* section--headslider */
.section--headslider {
	position: relative;
    z-index: 0;
}
.headslider--item .background {
	object-fit: cover;
    width: 100%;
    height: 580px;
}
.headslider-nav {
	position: absolute;
    left: 0;
    top: 40px;
	width: 100%;
	z-index: 1;
	color: white;
}
.headslider-nav .b-content {
	display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
}
.headslider-nav .slick-arrow svg {
	width: 40px;
	color: var(--global--color);
}

.headslider-nav .counter {
	font-size: 26px;
    line-height: 1;
	font-weight: 300;
}
.headslider-nav .counter .current {
	font-weight: 700;
}

.headslider-nav .slick-prev {
	order: 5;
}
.headslider-nav .slick-next{
	order: -1;
}

@media (max-width: 1799px) {
}
@media (max-width: 1599px) {
	.headslider--item .background {
		height: 480px;
	}
}
@media (max-width: 1439px) {
}
@media (max-width: 1259px) {
	.headslider--item .background {
		height: 400px;
	}
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
	.headslider--item .background {
		height: 480px;
	}
}
@media (max-width: 549px) {
}

/* section--advertising */
.section--advertising {
	/* background: #f97230; */
    color: white;
    position: relative;
    z-index: 0;
	overflow: hidden;
	/* padding-top: 40px;
	padding-bottom: 40px; */
}

@media (min-width: 1440px) {
	.section--advertising .container {
		max-width: 100%;
		padding-left: 70px;
		padding-right: 70px;
	}
}

.grid--advertising {
	--global-grid-horizontal: 30px;
    --global-grid-vertical: 30px;
    --global-grid-child-width: auto;
	align-items: center;
}
.grid--advertising .block-left {
	flex: 1;
	min-width: 1px;
	max-width: max-content;
}
.grid--advertising .block-left .title {
	font-weight: 700;
	font-size: 24px;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 20px;
}
.grid--fmsity {
	--global-grid-horizontal: 14px;
    --global-grid-vertical: 14px;
    --global-grid-child-width: auto;
	flex-wrap: nowrap;
}
.fmsity--item {
	display: flex;
    justify-content: center;
    gap: 7px;
}
.fmsity--item .b-list {
	padding-left: 7px;
	border-left: 1px solid rgba(255, 255, 255, 0.3);
	display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
	font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
}
.fmsity--item .b-name {
	display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0px;
	text-align: right;
}
.fmsity--item .b-name .caption {
	font-size: 14px;
    line-height: 1;
}
.fmsity--item .b-name .name {
	font-family: 'Bebas Neue';
	font-weight: 400;
	font-size: 40px;
	line-height: 1;
}
.grid--advertising .block-right {
	display: flex;
    align-items: center;
	flex: 0 0 auto;
}
.grid--advertising .block-right .b-images {
	width: 380px;
    position: relative;
}
.grid--advertising .block-right .b-images .image-1 {
	position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
	max-width: unset;
}
.grid--advertising .block-right .b-images .image-2 {
	position: absolute;
    top: 50%;
    right: 0;
	transform: translateY(-27%);
	max-width: unset;
	z-index: -1;
}
.grid--advertising .block-right .b-content {
	display: flex;
    align-items: center;
    gap: 30px;
}
.grid--advertising .block-right .b-content .title {
	font-weight: 400;
    font-size: 24px;
    line-height: 1.2;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
}
.grid--advertising .block-right .b-content .title .text-2 {
	font-size: 58%;
	font-weight: 500;
}
.grid--advertising .block-right .b-content .title .text-3 {
	font-weight: 500;
}

.grid--advertising .block-right .b-content .phone {
	color: inherit;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
}
.grid--advertising .block-right .b-content .phone .number {
	font-family: 'Bebas Neue';
	font-weight: 400;
	font-size: 70px;
	line-height: 1;
	letter-spacing: -0.04em;
	text-transform: uppercase;
	display: flex;
    align-items: center;
}
.grid--advertising .block-right .b-content .phone .number span {
	writing-mode: vertical-rl;
    transform: rotate(180deg);
	font-weight: 300;
	font-size: 40px;
	letter-spacing: -0.04em;
	margin-right: -5px;
}

@media (max-width: 1799px) {
	.grid--advertising .block-right .b-images .image-1 {
		display: none;
	}
	.grid--advertising .block-right .b-images {
		width: 140px;
	}
	.grid--advertising .block-right .b-images .image-2 {
		right: -100px;
	}
	.grid--advertising {
		justify-content: space-between;
	}
}
@media (max-width: 1599px) {
	.grid--advertising .block-right .b-content {
		gap: 10px;
		flex-direction: column;
		align-items: flex-end;
		text-align: right;
	}
	.grid--advertising .block-right .b-images .image-2 {
		right: -55px;
	}
	.section--advertising {
		/* padding-top: 30px;
		padding-bottom: 30px; */
	}
}
@media (max-width: 1439px) {
	.grid--advertising .block-right .b-content .phone .icon {
		display: none;
	}
	.grid--advertising .block-right .b-images .image-2 {
		right: -85px;
	}
}
@media (max-width: 1259px) {
	.grid--fmsity {
		flex-wrap: wrap;
	}
	.grid--advertising .block-left .title  {
		display: none;
	}
}
@media (max-width: 959px) {
	.grid--advertising .block-right .b-images {
		width: 0;
	}
	.grid--advertising .block-right .b-images .image-2 {
		transform: translateY(-14%);
	}
}
@media (max-width: 767px) {
	.grid--advertising .block-left {
		display: none;
	}
	.grid--advertising {
		justify-content: flex-end;
	}
	.grid--advertising .block-right .b-content .phone .icon {
		display: flex;
	}
	.grid--advertising .block-right {
		--global-grid-child-width: 100%;
		flex: 0 0 calc(var(--global-grid-child-width) - var(--global-grid-horizontal));
	}
	.grid--advertising .block-right .b-images {
		flex: 1;
		min-width: 1px;
		width: auto;
	}
	.grid--advertising .block-right .b-images .image-2 {
		transform: translateY(-42%);
		height: 300px;
		right: -30px;
	}
}
@media (max-width: 549px) {
	.grid--advertising .block-right .b-images .image-2 {
		transform: translateY(-53%);
		height: 250px;
		right: -85px;
	}
}

/* section--playlist */
.section--playlist {
}
.slider--playlist .slick-list {
	overflow: visible;
}
.slider--playlist .slick-slide {
	margin: 0 10px;
}

svg.rotate {
	transform: rotate(180deg);
}

.playlist-item {
	width: 240px !important;
    height: 240px;
	position: relative;
    z-index: 0;
    background: #000;
    color: white;
	border-radius: 20px;
	padding: 20px;
	display: flex !important;
    flex-direction: column;
	overflow: hidden;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}
#podcasts .playlist-item {
	/*border: 2px solid #FFF;*/
	transition: all .3s ease;
}
#podcasts .playlist-item:hover {
	/*border: 2px solid var(--global--color);*/
	box-shadow: 0 0 0px 7px rgb(245 44 148), 0px 15px 10px rgb(245 44 148 / 70%);
	transition: all .3s ease;
}
.playlist-item .image {
	width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.8;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
	transition: opacity 0.2s ease-in-out;
}
.playlist-item .b-content {
	flex: 1;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 5px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.playlist-item:hover .b-content {
	opacity: 1;
	visibility: visible;
}
#podcasts .playlist-item:hover .b-content {
	opacity: 0;
	visibility: hidden;
}	
.playlist-item .time {
	position: absolute;
    bottom: 15px;
    right: 15px;
	font-weight: 700;
    font-size: 14px;
    line-height: 15px;
    color: rgba(255, 255, 255, 0.8);
    text-align: right;
}
.playlist-item[data-js-audio="play"] {
    box-shadow: 0 0 0px 7px rgb(245 44 148), 0px 15px 10px rgb(245 44 148 / 70%);
}
.playlist-item[data-js-audio="play"] .image {
	opacity: 0.5;
}

.playlist-item .play-stop .stop {
	display: none;
}
.playlist-item[data-js-audio="play"] .play-stop .stop {
	display: block;
}
.playlist-item[data-js-audio="play"] .play-stop .play {
	display: none;
}

@media (max-width: 1799px) {
}
@media (max-width: 1599px) {
}
@media (max-width: 1439px) {
}
@media (max-width: 1259px) {
	.playlist-item {
		width: 175px !important;
		height: 175px;
	}
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
	.section--playlist .section-title-and-right .block-right {
		display: none;
	}
}
@media (max-width: 549px) {
}

.novelty {
	margin-top: 50px;
}
.novelty .slick-arrow {
	position: absolute;
    top: -77px;
	-webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 0;
}
.novelty .slick-arrow.slick-prev {
    right: 40px;
}
/* section--chart */
.section--chart {
	background: #0E0E0E;
	color: white;
}
.grid--chart {
	--global-grid-horizontal: 20px;
    --global-grid-vertical: 20px;
    --global-grid-child-width: 50%;
}
.grid--novelty {
	--global-grid-horizontal: 20px;
    --global-grid-vertical: 20px;
    --global-grid-child-width: 100%;
}
.grid-mini--chart {
	--global-grid-horizontal: 20px;
    --global-grid-vertical: 20px;
    --global-grid-child-width: 100%;
}
.grid--mave {
	--global-grid-horizontal: 20px;
    --global-grid-vertical: 20px;
    --global-grid-child-width: 33.333333%;
}
.grid--form {
	--global-grid-horizontal: 60px;
    --global-grid-vertical: 20px;
    --global-grid-child-width: 50%;
}
.grid-mini--promo {
	--global-grid-horizontal: 20px;
    --global-grid-vertical: 20px;
    --global-grid-child-width: 100%;
}
.chart--item {
	background: #262626;
    color: white;
    padding: 30px;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}
.mave--item {
	background: #262626;
    color: white;
    padding: 30px;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}
.novelty-item {
	background: #fff;
    color: #000;
    padding: 0 15px 0 0;
	margin: 10px 0;
    border-radius: 20px;
    overflow: hidden;
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}
.novelty-item:hover {
	background: #f0f0f0;
}
.chart-mini--item {
    padding: 15px;
}
.promo-mini--item {
    display: block;
	width: 100%;
	height: 250px;
	margin: 0 0 20px;
	overflow: hidden
}
.promo-mini--item img {
    width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}
.chart--item.light {
	background: #f5f5f5;
    color: #000;
}
.chart--item .b-image {
	width: 80px;
    height: 80px;
    border-radius: 14px;
    overflow: hidden;
	position: relative;
    z-index: 0;
	background: #000;
}
.novelty-item .b-image {
	width: 120px;
    height: 120px;
    border-radius: 20px;
    overflow: hidden;
	position: relative;
    z-index: 0;
	background: #fff;
}
.mave--item .b-image {
	width: 42px;
    height: 42px;
    overflow: hidden;
	position: relative;
    z-index: 0;
}
.chart--item .play-stop {
	cursor: pointer;
}
.novelty-item .play-stop {
	cursor: pointer;
}
.mave--item .play-stop {
	width: 42px;
    height: 42px;
    background: #FF00FF;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    outline: 0;
    border: 0;
    cursor: pointer;
    flex: 0 0 auto;
    position: relative;
    z-index: 0;
    padding: 0;
}
.chart--item .play-stop svg {
	opacity: 0;
	visibility: hidden;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 30px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.novelty-item .play-stop svg {
	opacity: 0;
	visibility: hidden;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 30px;
	color: #fff;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.mave--item .play-stop svg {
	display: none;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 30px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.chart--item:hover .play-stop .play {
	opacity: 1;
	visibility: visible;
}
.novelty-item:hover .play-stop .play {
	opacity: 1;
	visibility: visible;
}
.mave--item .play-stop .play {
	display: block;
}
.chart--item.light .play-stop svg {
	color: #fff;
}
.chart--item .play-stop .stop {
	opacity: 0;
	visibility: hidden;
}
.novelty-item .play-stop .stop {
	opacity: 0;
	visibility: hidden;
}
.chart--item .b-image img {
	width: 100%;
    height: 100%;
    object-fit: cover;
	opacity: 0.8;
}
.novelty-item .b-image img {
	width: 100%;
    height: 100%;
    object-fit: cover;
	opacity: 1;
}
.chart--item .b-content {
	flex: 1;
	min-width: 1px;
}
.novelty-item .b-content {
	flex: 1;
	min-width: 1px;
}
.mave--item .b-content {
	flex: 1;
	min-width: 1px;
	position: relative;
}

.chart--item .b-number {
	font-weight: 500;
    font-size: 46px;
    line-height: 1;
    color: #FF00FF;
}
.chart--item.chart-mini--item .b-number {
    font-size: 40px;
	line-height: 1.2;
}
.chart--item .caption {
	font-weight: 700;
    font-size: 1.2rem;
    line-height: 1;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.novelty-item .caption {
	font-size: 1rem;
    line-height: 1;
    color: rgba(0, 0, 0, 0.8);
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mave--item .caption {
    display: none;
}
.mave--item .data {
    font-size: 1rem;
    line-height: 1;
	color: rgba(255, 255, 255, 0.8);
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.chart--item.chart-mini--item .caption {
	font-weight: 700;
    font-size: 18px;
	line-height: 1.2;
    -webkit-line-clamp: 2;
}
.chart--item .title {
	font-size: 1rem;
    line-height: 1;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.novelty-item .title {
	font-weight: 700;
    font-size: 1.2rem;
    line-height: 1;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mave--item .title {
	font-size: 18px;
	font-weight: 700;
    line-height: 1.2;
    display: -webkit-box;
    /*-webkit-line-clamp: 1;*/
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.chart--item.chart-mini--item .title {
	font-size: 18px;
    margin-top: 10px;
	line-height: 1.2;
    -webkit-line-clamp: 2;
}
.chart--item.light .title {
    color: rgba(0, 0, 0, 0.6);
}

.chart--item .position {
	font-weight: 500;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.chart--item .position .pos.up {
}
.chart--item .position .pos.down {
	order: 99;
	transform: rotate(180deg);
}
.chart--item .position .pos.equals {
	display: none;
}
.chart--item .position .pos.equals + .num {
	opacity: 0;
}

.section--chart .block-link {
	text-align: right;
}

.chart--item[data-js-audio="play"] {
	background: #FF00FF;
}
.novelty-item[data-js-audio="play"] {
	background: #f0f0f0;
}
.mave--item[data-js-audio="play"] {
	background: #FF00FF;
}
.mave--item[data-js-audio="play"] .progress-bar {
	display: block;
}
.chart--item.light[data-js-audio="play"] {
    background: #d5d5d5;
}
.chart--item[data-js-audio="play"] .b-number {
	color: white;
}
.chart--item.light[data-js-audio="play"] .b-number {
	color: #FF00FF;
}
.chart--item[data-js-audio="play"]:hover .play-stop .play {
	display: none;
}
.novelty-item[data-js-audio="play"]:hover .play-stop .play {
	display: none;
}
.mave--item[data-js-audio="play"]:hover .play-stop .play {
	display: none;
}
.chart--item[data-js-audio="play"] .play-stop .stop {
	display: block;
	opacity: 1;
    visibility: visible;
}
.novelty-item[data-js-audio="play"] .play-stop .stop {
	display: block;
	opacity: 1;
    visibility: visible;
}
.mave--item[data-js-audio="play"] .play-stop {
	background: #fff;
}
.mave--item[data-js-audio="play"] .play-stop .stop {
	display: block;
	color: #FF00FF;
}

.form-top {
	margin-top: 50px;
}

.form .field {
	margin: 20px 0;
}
.form label {
	display: block;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 20px;
	margin-bottom: 10px;
}
.form.white label {
	color: #000;
}
.form input, .form select {
	width: 100%;
	border: 0;
	padding: 10px 22px;
	border-radius: 10px;
	outline: none;
	background: #fff;
	color: #000;
	font-family: 'Gordita', sans-serif;
	font-size: 16px;
}
.form.white input, .form.white select {
	background: #f3f3f3;
}
.form textarea {
	width: 100%;
	border: 0;
	padding: 10px 22px;
	border-radius: 10px;
	outline: none;
	background: #fff;
	color: #000;
	font-family: 'Gordita', sans-serif;
	font-size: 16px;
	height: 229px;
	resize: none;
}
.form.white textarea {
	background: #f3f3f3;
	height: 120px;
}
.form.white textarea.sv {
    height: 130px;
}
.form.white .vote-answers-list{
	padding-left: 0px;
	margin-top: 10px;
}
.form.white .vote-answer-item-radio input[type=radio]{
	width: auto;
	margin: 0px;
}
.form.white .vote-answer-item-radio label{
	margin: 0px 0px 0px 10px;
}
.form.white .vote-answer-item-radio {
	display: flex;
	align-items: center;	
}
.form.white .vote-form-box-buttons .btn{
	--btn-color: white;
	--btn-background: #FF00FF;
	--btn-border: #FF00FF;
	--btn-hover-color: white;
	--btn-hover-background: #FF11FD;
	--btn-hover-border: #FF11FD;
	font-size: 16px;
	line-height: 1.2;
	text-decoration: none;
	font-weight: 400;
	color: var(--btn-color);
	background: var(--btn-background);
	border: 1px solid var(--btn-border);
	min-height: 52px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: max-content;
	padding: 10px 30px;
	border-radius: 30px;
	outline: 0;
	transition: all 0.1s;
	max-width: 100%;
	cursor: pointer;
	gap: 15px;
}

.form.white .form_radio {
	margin-bottom: 10px;
}
.form.white .form_radio input[type=radio] {
	display: none;
}
.form.white .form_radio label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 0;
	line-height: 18px;
	user-select: none;
	font-weight: 400;
}
.form.white .form_radio label:before {
	content: "";
	display: inline-block;
	width: 17px;
	height: 18px;
	position: absolute;
	left: 0;
	bottom: 0px;
	background: url(/assets/images/radio-1.png) 0 0 no-repeat;
}
 
/* Checked */
.form.white .form_radio input[type=radio]:checked + label:before {
	background: url(/assets/images/radio-2.png) 0 0 no-repeat;
}
 
/* Hover */
.form.white .form_radio label:hover:before {
	filter: brightness(120%);
}
 
/* Disabled */

.form.white .vote-items-list.vote-question-list {
  list-style: none;
}
.form.white .form_radio input[type=radio]:disabled + label:before {
	filter: grayscale(100%);
}
.form.white .vote-note-error{
	color: red;
}
.form.white .vote-note-note{
	color: green;
}
.form.white .number-of-instructor{
	font-size: 22px;
}
.form.white .number-of-instructor span{
	color: red;
}
.form.white .vote-item-question{
	font-weight: 500;
}
.form.white .vote-item-question a{
	color: #FF00FF;
}
.checkbox {
	display: block;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400 !important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  .checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
  }
  .checkbox .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border-radius: 2px;
	border: 1px solid #989898;
  }
  .checkbox:hover input ~ .checkmark {
	background-color: #fff;
  }
  .checkbox input:checked ~ .checkmark {
	background-color: #fff;
  }
  .checkbox .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  .checkbox input:checked ~ .checkmark:after {
	display: block;
  }
  .checkbox .checkmark:after {
	left: 8px;
    top: -3px;
    width: 10px;
    height: 18px;
	border: solid #FF00FF;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
  }


@media (max-width: 1799px) {
}
@media (max-width: 1599px) {
	.chart--item {
		padding: 20px;
	}
}
@media (max-width: 1439px) {
}
@media (max-width: 1259px) {
}
@media (max-width: 959px) {
	.grid--chart {
		--global-grid-child-width: 100%;
	}
	.novelty {
		display: none;
	}
}
@media (max-width: 767px) {
	.grid--chart {
		--global-grid-horizontal: 14px;
		--global-grid-vertical: 14px;
		--global-grid-child-width: 100%;
	}
	.chart--item {
		padding: 10px;
		border-radius: 10px;
		gap: 10px;
	}
	.chart--item .b-number {
		font-weight: 300;
	}
	.grid--mave {
		--global-grid-horizontal: 14px;
		--global-grid-vertical: 14px;
		--global-grid-child-width: 100%;
	}
	.mave--item {
		padding: 15px;
		border-radius: 10px;
	}
}
@media (max-width: 549px) {
	.section--chart .section-title-and-right .block-right {
		width: 100%;
	}
	.section--chart .section-title-and-right .block-right .btn {
		width: 100%;
	}
}

/* section--news */
.section--news {
	background: #0E0E0E;
	color: white;
}
.slider--news {
	overflow: hidden;
}
.slider--news .slick-list {
	margin: 0 -20px;
}
.slider--news .slick-slide {
	margin: 0 20px;
}
.news--item {
	display: flex !important;
    flex-direction: column;
	color: inherit;
    text-decoration: none;
	position: relative;
}
.lead--box {
	-webkit-perspective: 2000px;
	perspective: 2000px;
	position: relative;
	/*height: 382px;*/
	cursor: pointer;
}
.lead--item {
	position: relative;
	display: block;
	color: inherit;
    text-decoration: none;
	width: 100%;
	height: 100%;
	/*-webkit-transform-origin: 100% 191px;
    transform-origin: 100% 191px;*/
	transform-style: preserve-3d;
	transition: all .6s ease-in-out;
}
.lead-back img, .lead-side img{
	border-radius: 20px;
}
.lead--item .lead-side img{
	transition: all .6s ease-in-out;
	opacity: 1;
}
.lead--item .lead-back img{	
	opacity: 0;
	transition: all .6s ease-in-out;
}
.lead--item.active .lead-side img{
	opacity: 0;
	transition: all .6s ease-in-out;
}
.lead--item.active .lead-back img{
	opacity: 1;
	transition: all .6s ease-in-out;
}
.lead-side{
	position: relative;
}
.lead-back {
	position: absolute;
	top: 0;
}
.lead-side, .lead-back {
	overflow: hidden;
	/*border-radius: 20px;*/
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;	
	/*height: 100%;
	top: 0;
	left: 0;*/
	/*background: #262626 url(../images/lead_bg.png);*/
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.lead-cover {
	/*width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	filter: brightness(0.4);*/
}
.lead-cover-color {
	width: 100%;
	height: 100%;
}
.b-icn {
	position: absolute;
	left: 50%;
	bottom: 40px;
	width: 392px;
	height: 104px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
}
.lead-flex {
	position: absolute;
	top: 0px;
	left: 80px;
	width: calc(100% - 160px);
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 2;
}
.lead--item .title {
	font-size: 28px;
	font-weight: 700;
	line-height: 24px;
	color: #fff;
	max-width: 350px;
}
.lead--item .info {
    /*max-width: 350px;*/
    color: #fff;
	position: absolute;
	bottom: 20px;
}
.lead--item .descr {
    font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.lead--item .prog {
    /*margin: 40px 0 0;*/
	margin: 130px 0 0;
}
.lead--item .soc {
    margin: 40px 0 0;
}
.lead--item .soc > div {
    display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}
.lead--item .soc .soc-item.vk a:hover svg path{
	fill: #FF11FD;
}
.lead--item .soc .soc-item.insta a:hover svg path{
	stroke: #FF11FD;
}
.lead--item .prog .heading {
    font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.lead--item .prog .prog-item {
    font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin: 5px 0 0;
}
.lead--item .prog .prog-item a {
    color: #fff;
	text-decoration: none;
}
.lead--item .prog .prog-item::before {
    content: '';
	display: inline-block;
	vertical-align: top;
	border: 8px solid transparent;
	border-left: 10px solid #fff;
	margin-top: 4px;
	margin-right: 10px;
}
.lead--item .prog .prog-item:hover::before {
	border-left: 10px solid #FF00FF;
}
.lead--item .prog .prog-item:hover a {
	    color: #FF00FF;
}
.lead--item .title span {
	display: block;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	margin-top: 15px;
}
.lead--item .b-image {
	padding-right: 80px;
    height: 100%;
    position: absolute;
    right: -35px;
	bottom: 0px;
    z-index: -1;
}
.lead--item .b-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.lead--item.active {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}
.lead--item .lead-side {
	width: 100%;
	z-index: 3;
}
.lead--item .lead-back {
	width: 100%;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}




.news--item .b-image {
	height: 280px;
    background: #262626;
	border-radius: 20px;
    overflow: hidden;
}
.news--item.news-static .b-image {
	height: 210px;
}
.news--item .b-image img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.news--item .b-content {
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: calc(100% - 30px);
	background: rgba(0, 0, 0, 0.6);
	border-radius: 16px;
	padding: 12px 10px;
	margin: 0;
	color: #fff;
}
.news--item.news-static .b-content {
	position: static;
	bottom: unset;
	left: unset;
	width: unset;
	background: none;
	border-radius: 0;
	padding: 0;
	margin-top: 20px;
	color: #000;
}
.news--item.news-static.white .b-content {
	color: #fff;
}

.news--item .data {
	font-weight: 300;
    font-size: 14px;
    line-height: 1;
    opacity: 0.7;
}

.news--item .title {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.3;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
	/*margin-top: 10px;*/
}
.section--news .block-btn {
	display: none;
	text-align: center;
}

.program--item {
	display: flex !important;
    flex-direction: row;
	color: inherit;
    text-decoration: none;
}
.grid.grid-inside > .program--item {
	margin-bottom: 70px;
	height: 320px;
}
.program--item .b-image {
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
    background: #ffffff;
	border-radius: 20px;
    overflow: hidden;
}
.program--item .b-image img {
	max-width: unset;
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.program--item .b-content {
	margin-left: 25px;
}

.program--item .data {
	font-weight: 300;
    font-size: 14px;
    line-height: 1;
    opacity: 0.7;
}

.program--item .title {
	font-weight: 600;
	font-size: 18px;
	line-height: 1.3;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin-top: 10px;
}

.program--item .descr {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.3;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin-top: 10px;
}

.program-detail-fl {
	display: flex;
	justify-content: flex-start;
}
.program-detail-fl > div {
	flex: 0 0 calc((100% - 740px) / 2);
	max-width: calc((100% - 740px) / 2);
	width: calc((100% - 740px) / 2);
	padding-left: 50px;
}
.program-detail-fl > .program-detail--promo {
	flex: 0 0 920px;
	max-width: 920px;
	width: 920px;
	padding: 0;
}
.program-detail-fl > .program-detail--promo .program-detail--promo-descr {
	margin-top: 50px;
}

.program-detail-fl > .program-detail--promo-short {
	flex: 0 0 calc(100% - 920px);
	max-width: calc(100% - 920px);
	width: calc(100% - 920px);
	padding-left: 50px;
}
.program-detail-fl > .program-detail--promo-aside {
	flex: 0 0 calc(100% - 920px);
	max-width: calc(100% - 920px);
	width: calc(100% - 920px);
	padding-left: 50px;
	padding-top: 30px;
}
.program-detail-fl > .program-detail-cover {
	flex: 0 0 740px;
	max-width: 740px;
	width: 740px;
	height: 440px;
	padding: 0;
}

.program-detail-fl > .program-detail--promo .program-detail--promo-cover {
	width: 100%;
	height: 490px;
}
.program-detail-fl > .program-detail--promo .program-detail--promo-cover.program-detail--promo-cover-auto {
	height: auto;
}
.program-detail-fl > .program-detail-nocast {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	flex: 0 0 calc(100% - 390px);
	max-width: calc(100% - 390px);
	width: calc(100% - 390px);
	padding: 0;
}
.program-detail-fl > .program-detail-nocast > div {
	flex: 0 0 calc(100% - 740px);
	max-width: calc(100% - 740px);
	width: calc(100% - 740px);
	padding-left: 50px;
}
.program-detail-fl > .program-detail-nocast > .program-detail-cover {
	flex: 0 0 740px;
	max-width: 740px;
	width: 740px;
	height: 440px;
	padding: 0;
}
.program-detail-fl > .program-detail-nocast > .program-detail-descr {
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
	padding: 0;
}
.program-detail-fl > .program-detail-lead {
	padding-left: 90px;
}
.program-detail-fl > .program-detail-cover .program-detail-cover-img, .program-detail-fl > .program-detail--promo .program-detail--promo-cover .program-detail--promo-cover-img {
	width: 100%;
	height: 100%;
}
.program-detail-fl > .program-detail-cover img, .program-detail-fl > .program-detail--promo .program-detail--promo-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.program-detail-fl .section-share ul, .program-detail-fl .section-share ol {
    padding-left: 0;
}
.program-detail-fl .vote-answers-list {
  list-style: none;
}
.program-detail-fl .vote-item-question .starrequired {
  color: red;
}
.lead-mini--item {
	width: 100%;
}
.grid--mini-lead .b-image {
	height: 280px;
}
.grid--mini-lead .b-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.grid--mini-lead .b-content .title {
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	margin-top: 15px;
	color: #000000
}
.program-detail-podcast {
	margin-top: 50px;
}




@media (max-width: 1799px) {
}
@media (max-width: 1599px) {
	.slider--news .slick-list {
		margin: 0 -15px;
	}
	.slider--news .slick-slide {
		margin: 0 15px;
	}
}
@media (max-width: 1439px) {

}
@media (max-width: 1259px) {
}
@media (max-width: 959px) {
	.slider--news .slick-list {
		margin: 0 -10px;
	}
	.slider--news .slick-slide {
		margin: 0 10px;
	}
	.lead-flex {
		left: 40px;
		width: calc(100% - 80px);
	}
}
@media (max-width: 767px) {
	.section--news .section-title-and-right .block-right {
		display: none;
	}
	.section--news .block-btn {
		display: block;
	}
}
@media (max-width: 549px) {
	.section--news .block-btn .btn {
		width: 100%;
	}
	.lead--item {
		/*-webkit-transform-origin: 100% 117px;
		transform-origin: 100% 117px;*/
	}
	.lead--box {
		/*height: 234px;*/
	}
	.lead-flex {
		left: 20px;
		width: calc(100% - 40px);
	}
	.lead--item .info {
		max-width: 50%;
	}
	.lead--item .title {
		font-size: 18px;
		max-width: 50%;
	}
	.lead--item .title span {
		font-size: 14px;
		line-height: 16px;
	}
	.lead--item .b-image {
		padding-right: 0px;
	}
	.lead--item .descr {
		font-size: 12px;
		line-height: 14px;
	}
	.lead--item .prog {
		margin: 15px 0 0;
	}
	.lead--item .prog .heading {
		font-size: 12px;
		line-height: 14px;
	}
	.lead--item .prog .prog-item {
		font-size: 12px;
		line-height: 14px;
		margin: 2px 0 0;
	}
	.lead--item .prog .prog-item::before {
		border: 5px solid transparent;
		border-left: 7px solid #fff;
		margin-top: 2px;
		margin-right: 2px;
	}
	.lead--item .soc {
		margin: 15px 0 0;
	}
	.lead--item .lead-back .b-image {
		position: absolute;
        bottom: -15px;
        right: -35px;
        z-index: -1;
    }
}

/* offcanvas-body-menu */
.has-offcanvas--visible {
	overflow: hidden;
	overflow: clip;
}
.offcanvas-body-menu {
	width: 100%;
	max-width: 360px;
	background: rgba(14, 14, 14, 0.92);
    padding: 0 30px 70px 30px;
	box-sizing: border-box;
	color: white;
	text-align: center;
}
.offcanvas-body-menu .js-offcanvas-close a {
	color: white;
}
.offcanvas-body-menu .js-offcanvas-close a:hover {
	color: white;
}

.offcanvas-nav {
	padding: 0;
    margin: 0;
    list-style: none;
}
.offcanvas-nav > li > a {
	font-weight: 600;
	font-size: 16px;
	line-height: 1.2;
	color: inherit;
	text-decoration: none;
}
.offcanvas-nav > li + li {
	margin-top: 25px;
}

.social {
	padding: 0;
    margin: 0;
    list-style: none;
	text-align: center;
	display: inline-flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
	gap: 20px;
}
.social a {
	color: inherit;
	text-decoration: none;
}

.offcanvas-body-menu .block-close {
	height: 104px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
	flex: 0 0 auto;
}
.offcanvas-body-menu .block-social {
	margin-top: 50px;
}
.offcanvas-body-menu .block-btn {
	margin-top: 50px;
}
.offcanvas-body-menu .block-life {
	margin-top: 50px;
	display: flex;
    justify-content: center;
}
.offcanvas-body-menu-bottom .block-close.bottom {
	display: none;
}

.offcanvas-body-menu .block-menu-desctop {
	border-top: 2px solid rgb(39 39 39);
    margin-top: 40px;
    padding-top: 40px;
}

@media (max-width: 1799px) {
}
@media (max-width: 1599px) {
}
@media (max-width: 1439px) {
}
@media (max-width: 1259px) {
	.offcanvas-body-menu .block-close {
		height: 90px;
	}
}
@media (max-width: 959px) {
	.offcanvas-nav > li + li {
		margin-top: 40px;
	}
	.offcanvas-body-menu .block-menu-desctop {
		display: none;
	}
}
@media (max-width: 767px) {
	.offcanvas-body-menu.c-offcanvas--right {
		transform: none !IMPORTANT;
		height: 0px;
		transition-property: height;
		min-height: unset;
	}
	.offcanvas-body-menu.c-offcanvas--opening {
		height: 90px;
	}
	.offcanvas-body-menu.c-offcanvas.is-open {
		height: 100vh;
		padding-bottom: 90px;
	}
	.c-offcanvas-bg.is-animating, .c-offcanvas-bg.is-open {
		background-color: transparent;
	}
	.c-offcanvas-bg.is-open {
		backdrop-filter: blur(5px);
	}
	.offcanvas-body-menu {
		max-width: unset;
		background: rgba(14, 14, 14, 0.92);
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.offcanvas-body-menu-bottom {
		display: flex;
		flex-direction: column;
	}
	.offcanvas-body-menu-bottom .block-close.top {
		opacity: 0;
	}
	.offcanvas-body-menu-bottom.c-offcanvas.is-open {
		padding-bottom: 0;
	}
	.offcanvas-body-menu-bottom > *:nth-last-child(2) {
		flex: 1;
	}
	.offcanvas-body-menu-bottom .block-close.bottom {
		display: flex;
	}
	.offcanvas-body-menu-bottom.c-offcanvas {
		bottom: 0;
		top: unset;
	}
}
@media (max-width: 549px) {
}

/* page-main */
.page-dark {
	background: #000;
}
.breadcrumb {
	padding: 0;
    margin: 0;
    list-style: none;
	font-weight: 300;
    font-size: 14px;
    line-height: 1.2;
}
.breadcrumb > li {
	display: inline;
}
.breadcrumb a {
	color: inherit;
    text-decoration: none;
}
.page-dark .breadcrumb a {
	color: #fff;
}
.page-dark .breadcrumb span {
	color: #fff;
}
.breadcrumb a:hover {
	color: #FF00FF;
}
.breadcrumb a:not(.last):after {
	content: '/';
	opacity: 0.5;
	display: inline-block;
	margin: 0 15px;
}
.page-main-breadcrumb {
	margin-bottom: 25px;
}
.page-main-back {
	margin-bottom: 15px;
}
.page-main-back a {
	color: #FF00FF;
	text-decoration: none;
}
.page-main-title .date {
	font-size: 14px;
	line-height: 1;
	color: rgba(0, 0, 0, 0.7);
	margin-top: 20px;
}
.grid--page-main-aside {
	--global-grid-horizontal: 40px;
    --global-grid-vertical: 40px;
    --global-grid-child-width: auto;
}
.grid--page-main-aside > .block-content {
	flex: 1;
    min-width: 1px;
}
.grid--page-main-aside > .block-aside {
	--global-grid-child-width: 390px;
	margin-top: 15px;
}
.grid--page-main-aside > .block-aside.block-aside-chart {
	--global-grid-child-width: 490px;
	margin-top: 50px;
}
.pagination {
	padding: 0;
    margin: 0;
    list-style: none;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 10px;
}
.pagination > li > * {
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 0, 255, 0.3);
    border-radius: 10px;
    color: inherit;
    text-decoration: none;
	background: white;
}
.pagination > li > a:hover {
	background: rgba(255, 0, 255, 0.3);
}

.pagination .current > * {
	background: #FF00FF;
	border-color: #FF00FF;
	color: white;
}
@media (max-width: 1439px) {
	.grid--page-main-aside > .block-aside {
		--global-grid-child-width: 350px;
	}
	.grid--page-main-aside > .block-aside.block-aside-chart {
		--global-grid-child-width: 450px;
	}
}
@media (max-width: 1259px) {
	.grid--page-main-aside > .block-aside {
		--global-grid-child-width: 100%;
		margin-bottom: 0;
	}
	.grid--page-main-aside > .block-aside.block-aside-chart {
		--global-grid-child-width: 100%;
	}
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
	.pagination > li > * {
		width: 40px;
		height: 40px;
	}
	.page-main-breadcrumb {
		margin-bottom: 15px;
	}
	.page-main-back {
		margin-bottom: 10px;
	}
	.breadcrumb a:not(.last):after {
		margin: 0 10px;
	}
}
@media (max-width: 549px) {
	.pagination > li:not(.current, .previous, .next) {
		display: none;
	}
}

/* news all */
.sortby {
	display: flex;
    gap: 20px;
    align-items: center;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.sortby .value {
	display: flex;
    gap: 10px;
    align-items: center;
	color: #000000;
}
.sortby .line {
	height: 1px;
	background: #dadada;
	flex: 1;
	min-width: 1px;
}
.grid--news {
	--global-grid-horizontal: 40px;
    --global-grid-vertical: 50px;
    --global-grid-child-width: 50%;
}

.grid--leads {
	--global-grid-horizontal: 40px;
    --global-grid-vertical: 50px;
    --global-grid-child-width: 100%;
}

.grid--program {
	--global-grid-horizontal: 70px;
    --global-grid-vertical: 50px;
    --global-grid-child-width: 50%;
}

.section-pagination {
	padding-top: 40px;
    padding-bottom: 40px;
	padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
	justify-content: center;
}
.section-pagination .line {
	height: 1px;
	background: #dadada;
	flex: 1;
	min-width: 1px;
}

@media (max-width: 1799px) {
}
@media (max-width: 1599px) {
	.grid--news {
		--global-grid-horizontal: 30px;
		--global-grid-vertical: 50px;
	}
	.grid--leads {
		--global-grid-horizontal: 30px;
		--global-grid-vertical: 50px;
	}
}
@media (max-width: 1439px) {
	.grid--news {
		--global-grid-child-width: 50%;
	}
	.grid.grid-inside > .program--item {
		height: auto;
	}
	.program-detail-fl {
		flex-wrap: wrap;
	}
	.program-detail-fl > div {
		flex: 0 0 calc(100% - 540px);
		max-width: calc(100% - 540px);
		width: calc(100% - 540px);
		padding-left: 30px;
	}
	.program-detail-fl > .program-detail-cover {
		flex: 0 0 540px;
		max-width: 540px;
		width: 540px;
		height: auto;
		padding: 0;
	}
	.program-detail-fl > .program-detail-cover .program-detail-cover-img, .program-detail-fl > .program-detail--promo .program-detail--promo-cover .program-detail--promo-cover-img {
		width: 100%;
		height: auto;
	}
	.program-detail-fl > .program-detail-lead {
		padding-left: 0px;
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}
	.program-detail-fl > .program-detail-nocast {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		padding: 0;
	}
	.program-detail-fl > .program-detail-nocast > div {
		flex: 0 0 calc(100% - 540px);
		max-width: calc(100% - 540px);
		width: calc(100% - 540px);
		padding-left: 30px;
	}
	.program-detail-fl > .program-detail-nocast > .program-detail-cover {
		flex: 0 0 540px;
		max-width: 540px;
		width: 540px;
		height: auto;
		padding: 0;
	}
	.program-detail-fl > .program-detail-nocast > .program-detail-descr {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		padding: 30px 0;
	}
	.program-detail-fl > .program-detail--promo {
		flex: 0 0 65%;
		max-width: 65%;
		width: 65%;
		padding: 0;
	}
	.program-detail-fl > .program-detail--promo .program-detail--promo-cover {
		height: auto;
	}
	.program-detail-fl > .program-detail--promo-short {
		flex: 0 0 35%;
		max-width: 35%;
		width: 35%;
		padding-left: 30px;
	}
	.program-detail-fl > .program-detail--promo-aside {
		flex: 0 0 35%;
		max-width: 35%;
		width: 35%;
		padding-left: 30px;
		padding-top: 30px;
	}
	.promo-mini--item {
		height: auto;
		margin: 0;
	}
	.section-margin-top {
		margin-top: 30px;
	}
	.section-margin-bottom {
		margin-bottom: 30px;
	}
	.lead-mini--item {
		width: 33%;
	}
}
@media (max-width: 1259px) {
}
@media (max-width: 959px) {
	.grid--news {
		--global-grid-horizontal: 20px;
		--global-grid-vertical: 40px;
		--global-grid-child-width: 50%;
	}
	.section-pagination .pagination-count {
		display: none;
	}
	.section-pagination .line {
		display: none;
	}
	.grid--program {
		--global-grid-horizontal: 20px;
		--global-grid-vertical: 20px;
		--global-grid-child-width: 50%;
	}
	.grid.grid-inside > .program--item {
		margin-bottom: 20px;
		height: auto;
	}
	.program-detail-fl > div {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		padding: 20px 0;
	}
	.program-detail-fl > .program-detail-cover {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		height: auto;
		padding: 0;
	}
	.program-detail-fl > .program-detail-lead {
		padding-left: 0px;
	}
	.program-detail-fl > .program-detail-nocast {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		padding: 0;
	}
	.program-detail-fl > .program-detail-nocast > div {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		padding: 20px 0;
	}
	.program-detail-fl > .program-detail-nocast > .program-detail-cover {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		height: auto;
		padding: 0;
	}
	.program-detail-fl > .program-detail--promo {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		padding: 0;
	}
	.program-detail-fl > .program-detail--promo .program-detail--promo-cover {
		height: auto;
	}
	.program-detail-fl > .program-detail--promo-short {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		padding: 20px 0;
	}
	.program-detail-fl > .program-detail--promo .program-detail--promo-descr {
		margin: 10px 0 30px;
	}
	.program-detail-fl > .program-detail--promo-aside {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		padding-left: 0;
		padding-top: 0px;
	}
	.promo-mini--item {
		height: auto;
	}
	.block-aside-title {
		font-size: 24px;
	}
	.lead-mini--item {
        width: 43%;
    }
}
@media (max-width: 767px) {
	.section-pagination {
		padding: 0;
	}
}
@media (max-width: 549px) {
	.grid--news {
		--global-grid-child-width: 100%;
	}
	.grid--program {
		--global-grid-horizontal: 20px;
		--global-grid-vertical: 20px;
		--global-grid-child-width: 100%;
	}
	.grid--leads {
		--global-grid-horizontal: 30px;
		--global-grid-vertical: 30px;
	}
	.grid.grid-inside > .program--item {
		margin-bottom: 20px;
		height: auto;
	}
	.grid--form {
		--global-grid-horizontal: 20px;
		--global-grid-vertical: 20px;
		--global-grid-child-width: 100%;
	}
	.grid.grid-inside.grid--form > div {
		margin-bottom: 0;
	}
	.form .field {
		margin: 0 0 20px;
	}
	.submit-form-box {
		margin: 20px 0 0;
	}
	.submit-form-box .btn {
		width: 100%;
	}
	.lead-mini--item {
        width: 100%;
    }
}

/* news single */
.grid--aside-news {
	--global-grid-horizontal: 20px;
	--global-grid-vertical: 50px;
	--global-grid-child-width: 100%;
}

.section-share {
	display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 0px;
    column-gap: 20px;
}
.section-share .line {
	height: 1px;
	background: #dadada;
	flex: 1;
	min-width: 1px;
}
body:not(.important) .ya-share2__container_mobile .ya-share2__badge {
	border-radius: 0;
}
body:not(.important) .ya-share2__container_mobile.ya-share2__container_size_l .ya-share2__icon {
	height: 40px;
	width: 40px;
}

@media (max-width: 1799px) {
}
@media (max-width: 1599px) {
}
@media (max-width: 1439px) {
}
@media (max-width: 1259px) {
	.grid--aside-news {
		--global-grid-child-width: 33.333%;
	}
	.grid--aside-news > *:nth-child(n+4) {
		/*display: none !important;*/
	}
	.section-aside-news {
		margin: 0 -50px;
    	padding: 30px 50px;
    	background: #000;
	}
	.section-margin-bottom.white {
        color: #fff;
    }
	.news--item .b-image {
		height: 360px;
	}
	.news--item.news-static .b-image {
		height: 360px;
	}
	.news--item.news-static .b-content {
		position: absolute;
		bottom: 15px;
		left: 15px;
		width: calc(100% - 30px);
		background: rgba(0, 0, 0, 0.6);
		border-radius: 16px;
		padding: 12px 10px;
		margin: 0;
		color: #fff;
	}

}
@media (max-width: 959px) {
	.grid--aside-news {
		--global-grid-child-width: 50%;
	}
	.grid--aside-news > *:nth-child(n+3) {
		/*display: none !important;*/
	}
	.section-share {
		display: none;
	}
}
@media (max-width: 767px) {
	
}
@media (max-width: 549px) {
	.grid--aside-news {
		--global-grid-horizontal: 20px;
		--global-grid-vertical: 40px;
		--global-grid-child-width: 100%;
	}
	.section-share .title {
		flex: 0 0 100%;
	}
}

.playing {
	position: absolute;
	top: 0;
	left: 0;
	background: #131313;
	width: 52px;
	height: 52px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding: 15px;
	box-sizing: border-box;
}
@media (max-width: 959px) {
	.playing {
		width: 42px;
		height: 42px;
		padding: 10px;
	}
}

.playing.hidden {
	display: none;
}
  
.playing .playing__bar {
	display: inline-block;
	background: white;
	width: 30%;
	height: 100%;
}

.playing.active .playing__bar {
	animation: up-and-down 1.3s ease infinite alternate;
}

.playing .playing__bar1 {
	height: 33%;
}
  
.playing .playing__bar2 {
	height: 66%;
}
  
.playing .playing__bar3 {
	height: 99%;
}
  
.playing.active .playing__bar1 {
	height: 60%;
}
  
.playing.active .playing__bar2 {
	height: 30%;
	animation-delay: -2.2s;
}
  
.playing.active .playing__bar3 {
	height: 75%;
	animation-delay: -3.7s;
}
  
@keyframes up-and-down {
	10% {
	  height: 30%;
	}
	
	30% {
	  height: 100%;
	}
	
	60% {
	  height: 50%;
	}
	
	80% {
	  height: 75%;
	}
	
	100% {
	  height: 60%;
	}
}
.news-picture{
	padding: 30px 0;
}
.news-picture-slider {
	padding: 30px 0;
}
.news-picture-slider .slick-list {
	margin: 0 0px;
}
.html-image {
	padding: 0 0;
	width: 100%;
	border-radius: 20px;
    overflow: hidden;
	/*padding-top: 56.25%;*/
	position: relative;
}
.news-picture .html-image {
	margin: 0;
	border-radius: 20px;
	/*background: #f5f5f5;*/
	background: #fff;
	overflow: hidden;
}
/*.html-image .html-image-wrap {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}*/
.news-picture-slider .slick-arrow {
    position: absolute;
    background: #fff;
    z-index: 1;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    top: 50%;
    margin-top: -17px;
}
.news-picture-slider .slick-prev {
	left: 15px;
}
.news-picture-slider .slick-next {
	right: 15px;
}
.html-image img {
	border-radius: 0px;
	width: 100%;
    height: 100%;
    object-fit: contain;
}
.news-picture-slider .html-image img {
	object-fit: cover;
	aspect-ratio: 4/2;
}
.news-picture-slider .html-image .caption, .news-picture .html-image .caption {
    font-size: 14px;
    font-weight: 300;
    position: absolute;
    z-index: 2;
    bottom: 30px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 5px 15px;
	border-radius: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.contacts-detail {
	position: relative;
	min-height: 600px;
}
.contacts-detail-map {
	position: absolute;
	top: 0;
	right: 0;
}
.contacts-detail-map svg g[filter] {
	display: none;
}
.contacts-detail-map svg g[filter="url(#filter0_dd_1055_977)"], .contacts-detail-map svg g[filter="url(#filter1_d_1055_977)"] {
	display: block;
}
.contacts-detail-map svg [data-id] {
	position: absolute;
	width: 34px;
    height: 34px;
	cursor: pointer;
}
.contacts-detail-map svg [data-id].main {
	position: absolute;
	width: 52px;
    height: 52px;
	cursor: pointer;
}

.contacts-detail-map svg [data-id]:before,
.contacts-detail-map svg [data-id]:after {
	content: '';
    display: block;
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.7);
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border-radius: 50%;
    animation: none 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden;
}
.contacts-detail-map svg [data-id]:after {
    animation-delay: 0.5s;
}
.contacts-detail-map svg [data-id].active:before,
.contacts-detail-map svg [data-id].active:after {
	animation-name: playlist;
}
.contacts-detail-box {
	max-width: 970px;
}
.city-broadcast {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: baseline;
}
.city-broadcast-item {
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
	width: 33.333333%;
	padding: 0 50px 0 20px;
	margin: 30px 0;
	border-left: 1px solid #FF00FF;
}
.city-broadcast-item-value {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.city-broadcast-item-value .city {
	flex: 0 0 calc(100% - 100px);
	max-width: calc(100% - 100px);
	width: calc(100% - 100px);
	padding-right: 20px;
	font-size: 18px;
}
.city-broadcast-item-value .freq {
	flex: 0 0 100px;
	max-width: 100px;
	width: 100px;
	font-size: 18px;
	font-weight: 700;
	text-align: right;
}
.block-contact-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    margin: 0 0 20px;
}
.block-contact-title2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    margin: 20px 0 20px;
}

.contact-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	max-width: 66.666666%;
}
.contact-box-item {
	flex: 0 0 50%;
	max-width: 50%;
	width: 50%;
	padding: 0 20px 0 0;
	margin: 20px 0;
	font-size: 18px;
}
.contact-box-item-link a {
	color: #FF00FF;
	text-decoration: none;
	font-weight: 700;
}

@media (max-width: 1439px) {
	.contacts-detail-map {
		position: static;
		margin: 20px 0;
	}
	.contacts-detail-map svg {
		width: 100%;
		height: auto;
	}
}
@media (max-width: 959px) {
	.contacts-detail-box {
		max-width: 100%;
	}
	.city-broadcast-item {
		flex: 0 0 50%;
		max-width: 50%;
		width: 50%;
	}
	.contact-box {
		max-width: 100%;
	}
}
@media (max-width: 549px) {
    .city-broadcast-item {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
		margin: 0;
    }
	.contact-box-item {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		padding: 0 0px 0 0;
		margin: 10px 0;
	}
}
/* new 04-10-24 advertising */
.advertising--mobile{
	display: none;
}
@media (max-width:767px) {
	.advertising--pc{
		display: none;
	}
	.advertising--mobile{
		display: block;
	}
}
.page-main-content b, .page-main-content strong{
	font-weight: 700;
}
.video-box {
	background: #000;
	border-radius: 20px;
    overflow: hidden;
}
.video-box video {
	width: 100%;
	height: auto;
	max-height: 100%;
}