.radio-player {display: block; padding: 40px 0; position: relative; text-align: center;}
.radio-player__data {padding: 10px 15px; position: relative; top: 0; left: 0; z-index: 1000;}
.radio-player__stations {display: flex; justify-content: center; width: 100%; max-width: 500px; margin: 0 auto;}
.radio-player__station {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 33.33%; cursor: pointer; }
.radio-player__station-picture {}
.radio-player__station-picture-img {background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; }
.radio-player__station-button-play {width: 10px; height: 12px; margin-top: 8px;}
.radio-player__station-button-play:before {content: ''; display: block; content: ''; border: 6px solid transparent; border-left: 10px solid #333; opacity: 0.7; }
.radio-player__station_1 .radio-player__station-picture-img {background-image: url('https://www.ural56.ru/local/templates/utdd_common/images/station1.svg'); width: 45px; height: 45px;}
.radio-player__station_2 .radio-player__station-picture-img {background-image: url('https://www.ural56.ru/local/templates/utdd_common/images/station2-h.png'); width: 42px; height: 27px;}
.radio-player__station_3 .radio-player__station-picture {background: #fff; border-radius: 4px; padding: 5px 5px;}
.radio-player__station_3 .radio-player__station-picture-img {background-image: url('https://www.ural56.ru/local/templates/utdd_common/images/station3.svg'); width: 100px; height: 31px;}
.radio-player__sound {display: none; height: 6px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35), inset 0 1px 1px rgba(0, 0, 0, 0.5); border-radius: 3px; position: relative; margin: 20px 15px 0;}
.radio-player__sound-handle {width: 1px; height: 1px; position: absolute; top: 50%; left: 50%; cursor: pointer;}
.radio-player__sound-handle:before {content: ''; display: block; background: url('https://www.ural56.ru/local/templates/utdd_common/images/radio-pause.svg') no-repeat 50% 50%; width: 17px; height: 18px; position: absolute; top: 50%; left: 0; margin-top: -8px; margin-left: -8px;}
.radio-player__station_1.active .radio-player__station-picture-img {background-image: url('https://www.ural56.ru/local/templates/utdd_common/images/station1.svg');}
.radio-player__station_2.active .radio-player__station-picture-img {background-image: url('https://www.ural56.ru/local/templates/utdd_common/images/station2-h.png');}
.radio-player__station_3.active .radio-player__station-picture-img {background-image: url('https://www.ural56.ru/local/templates/utdd_common/images/station3.svg');}
.radio-player__station.played .radio-player__station-button-play {display: -webkit-flex; display: flex;}
.radio-player__station.played .radio-player__station-button-play:before,
.radio-player__station.played .radio-player__station-button-play:after {display: block; content: ''; width: 3px; height: 11px; background: #333; border: 0; opacity: 1;}
.radio-player__station.played .radio-player__station-button-play:after {margin-left: 3px;}
.radio-player__sound-value {color: #fff;}
.radio-player_position-1 {height: 55px; margin-top: -20px; top: 0; }
.radio-player_position-2 {top: 0; margin-bottom: 20px; margin-top: 60px;}

.radio-player.fixed.active .radio-player__data {background: #fff; position: fixed; width: 100%; z-index: 100; padding: 10px 15px;}

@media screen and (max-width: 767px) {
    .radio-player__title {font-size: 30px; }

}