/* Start:/bitrix/templates/.default/components/bitrix/main.include/socialnetwork/style.css?17200184702460*/
[data-component="social-media"].sm-block {
  display: inline-flex;
  flex-wrap: wrap;
}
[data-component="social-media"].sm-block .item {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 100px;
  transition: 0.2s ease;
  margin: 3px;
  justify-content: center;
  background-color: #f5f5f5;
  background-image: url("/bitrix/templates/.default/components/bitrix/main.include/socialnetwork/images/sm-icons-sprite.svg");
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 320px;
}
[data-component="social-media"].sm-block .item:hover {
  filter: brightness(0.95);
}
[data-component="social-media"].sm-block .item svg {
  height: 32px;
  width: 32px;
}
[data-component="social-media"].sm-block .facebook {
  background-position-x: 16px;
}
[data-component="social-media"].sm-block .instagram {
  background-position-x: -32px;
}
[data-component="social-media"].sm-block .linkedin {
  background-position-x: -84px;
}
[data-component="social-media"].sm-block .twitter {
  background-position-x: -134px;
}
[data-component="social-media"].sm-block .whatsapp {
  background-position-x: -184px;
}
[data-component="social-media"].sm-block .telegram {
  background-position-x: -238px;
}
[data-component="social-media"].sm-block .tiktok {
  background-position-x: -288px;
}
[data-component="social-media"].sm-block.sm-block_small .item {
  width: 38px;
  height: 38px;
  min-width: 38px;
  background-size: 28px;
}
[data-component="social-media"].sm-block.sm-block_blue svg {
  height: 32px;
  width: 32px;
}
[data-component="social-media"].sm-block.sm-block_blue svg path,
[data-component="social-media"].sm-block.sm-block_blue svg rect,
[data-component="social-media"].sm-block.sm-block_blue svg circle {
  fill: #fff !important;
}
[data-component="social-media"].sm-block.sm-block_blue .item {
  background-color: #2362a9;
}
[data-component="social-media"].sm-block.sm-block_green svg {
  height: 32px;
  width: 32px;
}
[data-component="social-media"].sm-block.sm-block_green svg path,
[data-component="social-media"].sm-block.sm-block_green svg rect,
[data-component="social-media"].sm-block.sm-block_green svg circle {
  fill: #fff !important;
}
[data-component="social-media"].sm-block.sm-block_white .item {
  background-color: #fff;
}

/* RS theme dark */
[data-theme="dark"] .sm-block .item svg path {
  fill: #E4E7E7;
}
[data-theme="dark"] .sm-block.sm-block_grey .item {
  background-color: #2B2D30;
}
/* End */


/* Start:/bitrix/templates/publicV3/components/es/wrapper/radioplayer/css/style.css?17876707328869*/
body,
.body-content,
.main {
	height: 100%;
}
.main {
	position: relative;
}
[data-component=g-radio] {
	background-color: #006EAB;
	height: 100%;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
@media screen and (max-width: 768px) {
	[data-component=g-radio] {
		background-color: #005B8E;
		align-content: flex-start;
	}
}
[data-component=g-radio] .radio-cont {
	width: 100%;
	z-index: 2;
}
@media screen and (max-width: 768px) {
	[data-component=g-radio] .radio-cont {
		background-color: #005B8E;
	}
}
[data-component=g-radio] .radio {
	max-width: 552px;
	width: 100%;
	height: 320px;
	background: #006EAB;
	border-radius: 32px;
	margin: 6vw 0 6vw 0;
	box-shadow: 0 8px 64px 0 rgba(0, 0, 0, 0.1882352941);
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 768px) {
	[data-component=g-radio] .radio {
		margin: 48px auto 72px auto;
		border-radius: 16px;
		height: unset;
		max-width: 400px;
	}
}
[data-component=g-radio] .radio__upperlayer {
	background: #fff;
	width: 100%;
	height: 100%;
	border-radius: 32px 32px 240px 32px;
	padding: 32px;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}
@media screen and (max-width: 768px) {
	[data-component=g-radio] .radio__upperlayer {
		border-radius: 16px 16px 160px 16px;
		padding: 24px 16px;
		gap: 24px;
	}
}
[data-component=g-radio] .radio__top {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 24px;
}
@media screen and (max-width: 768px) {
	[data-component=g-radio] .radio__top {
		gap: 16px;
	}
}
[data-component=g-radio] .radio__bottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
}
@media screen and (max-width: 768px) {
	[data-component=g-radio] .radio__bottom {
		flex-wrap: wrap;
		gap: 12px;
	}
}
[data-component=g-radio] .radio__row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
@media screen and (max-width: 768px) {
	[data-component=g-radio] .radio__row {
		flex-wrap: wrap;
		gap: 12px;
	}
}
[data-component=g-radio] .radio__info {
	color: var(--color-neutral-70);
	font-size: 18px;
	line-height: 24px;
	opacity: 0.9;
}
@media screen and (max-width: 768px) {
	[data-component=g-radio] .radio__info {
		font-size: 14px;
		line-height: 20px;
	}
}
[data-component=g-radio] .radio__logo {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 26px;
	background: url(/bitrix/templates/publicV3/components/es/wrapper/radioplayer/css/../images/accessRadio-logo.svg) no-repeat left center;
	background-size: contain;
}
@media screen and (max-width: 768px) {
	[data-component=g-radio] .radio__logo {
		width: 180px;
		height: 20px;
	}
}
[data-component=g-radio] .radio__status {
	font-family: var(--font-primary);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 18px;
	line-height: 18px;
	color: var(--color-neutral-70);
	display: flex;
	align-items: baseline;
	gap: 8px;
}
@media screen and (max-width: 768px) {
	[data-component=g-radio] .radio__status {
		font-size: 12px;
		line-height: 12px;
		gap: 4px;
	}
}
[data-component=g-radio] .radio__status::before {
	content: "";
	width: 12px;
	height: 12px;
	background-color: var(--color-neutral-70);
	opacity: 0.8;
	display: flex;
	border-radius: 100%;
}
@media screen and (max-width: 768px) {
	[data-component=g-radio] .radio__status::before {
		width: 8px;
		height: 8px;
	}
}
[data-component=g-radio] .radio__status_online {
	color: #006EAB;
}
[data-component=g-radio] .radio__status_online::before {
	background-color: #006EAB;
}
[data-component=g-radio] .radio__eq {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	height: 96px;
}
@media screen and (max-width: 768px) {
	[data-component=g-radio] .radio__eq {
		height: 72px;
	}
}
[data-component=g-radio] .radio__eq__item {
	width: 12px;
	height: 12px;
	background-color: #B3D4E6;
	border-radius: 32px;
	min-height: 12px;
	transition: 0.36s;
}
@media screen and (max-width: 768px) {
	[data-component=g-radio] .radio__eq__item {
		height: 8px;
		width: 8px;
		min-height: 8px;
	}
}
[data-component=g-radio] .radio__controlls {
	display: flex;
	flex-wrap: wrap;
	justify-content: right;
	max-width: 96px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	[data-component=g-radio] .radio__controlls {
		max-width: 72px;
	}
}
[data-component=g-radio] .radio__play-text {
	width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
	padding-bottom: 12px;
	font-size: 16px;
	line-height: 20px;
	color: var(--color-neutral-70);
	opacity: 0.9;
	white-space: nowrap;
}
@media screen and (max-width: 768px) {
	[data-component=g-radio] .radio__play-text {
		font-size: 12px;
		line-height: 14px;
		padding-bottom: 8px;
	}
}
[data-component=g-radio] .radio__play {
	height: 96px;
	width: 96px;
	outline: 8px solid #fff;
	background-color: #006EAB;
	background-image: url(/bitrix/templates/publicV3/components/es/wrapper/radioplayer/css/../images/radio-play.svg);
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 100%;
	cursor: pointer;
	transition: 0.16s;
}
@media screen and (max-width: 768px) {
	[data-component=g-radio] .radio__play {
		height: 72px;
		width: 72px;
		background-size: 24px;
	}
}
[data-component=g-radio] .radio__play:hover {
	background-color: #006297;
}
[data-component=g-radio] .radio__play:active {
	background-color: #005a8b;
}
[data-component=g-radio] .radio__play_pause {
	background-image: url(/bitrix/templates/publicV3/components/es/wrapper/radioplayer/css/../images/radio-pause.svg);
}
[data-component=g-radio] header {
	width: 100%;
	height: 80px;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 768px) {
	[data-component=g-radio] header {
		height: 70px;
	}
}
[data-component=g-radio] header .content {
	display: flex;
	align-items: center;
	width: 100%;
}
[data-component=g-radio] header .logo {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	min-width: 200px;
	height: 48px;
	background: url(/bitrix/templates/publicV3/components/es/wrapper/radioplayer/css/../images/AccessBank-logo-w-v2.svg) no-repeat center center;
	background-size: 80%;
	padding: 0 20px;
}
@media screen and (max-width: 768px) {
	[data-component=g-radio] header .logo {
		height: 36px;
		width: 180px;
		min-width: 180px;
	}
}
[data-component=g-radio] footer {
	width: 100%;
	text-align: center;
	background-color: #005B8E;
	padding: 0 0 64px 0;
	position: relative;
	color: var(--color-neutral-10);
}
[data-component=g-radio] footer::before {
	content: "";
	width: 100%;
	height: 24vw;
	display: flex;
	position: absolute;
	top: -24vw;
	z-index: 1;
	background-image: url(/bitrix/templates/publicV3/components/es/wrapper/radioplayer/css/../images/footer-rounded.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top;
}
@media screen and (max-width: 768px) {
	[data-component=g-radio] footer::before {
		display: none;
	}
}
[data-component=g-radio] footer .content {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px;
}
@media screen and (max-width: 768px) {
	[data-component=g-radio] footer .content {
		gap: 8px;
	}
}
[data-component=g-radio] .sm-block {
	width: 100%;
	display: flex;
	justify-content: center;
}
[data-component=g-radio] .sm-block .item {
	background-color: unset;
	outline: 1px solid #133f57;
	filter: brightness(1.8);
	margin: 4px;
}
@media screen and (max-width: 768px) {
	[data-component=g-radio] .sm-block .item {
		width: 38px;
		height: 38px;
		min-width: 38px;
		background-size: 300px;
	}
	[data-component=g-radio] .sm-block .item.facebook {
		background-position-x: 16px;
	}
	[data-component=g-radio] .sm-block .item.instagram {
		background-position-x: -30px;
	}
	[data-component=g-radio] .sm-block .item.linkedin {
		background-position-x: -80px;
	}
	[data-component=g-radio] .sm-block .item.twitter {
		background-position-x: -128px;
	}
	[data-component=g-radio] .sm-block .item.whatsapp {
		background-position-x: -176px;
	}
	[data-component=g-radio] .sm-block .item.telegram {
		background-position-x: -226px;
	}
	[data-component=g-radio] .sm-block .item.tiktok {
		background-position-x: -272px;
	}
}
[data-component=g-radio] .hr {
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #2B749D;
	background: transparent;
	margin-bottom: 16px;
	margin-top: 16px;
}
@media screen and (max-width: 768px) {
	[data-component=g-radio] .hr {
		margin-bottom: 8px;
		margin-top: 8px;
	}
}
[data-component=g-radio] .legal {
	font-size: 12px;
	line-height: 16px;
	color: var(--color-neutral-20);
	max-width: 552px;
	font-family: var(--font-secondary), sans-serif;
}
[data-component=g-radio] {
	font-family: var(--font-secondary), sans-serif;
}

/* End */
/* /bitrix/templates/.default/components/bitrix/main.include/socialnetwork/style.css?17200184702460 */
/* /bitrix/templates/publicV3/components/es/wrapper/radioplayer/css/style.css?17876707328869 */