/*
For header and player z-index:1. For main__schedule_line_text_out z-index:0, so that the animation doesn't come from above the head and player
*/

* {margin:0; padding:0; font-family:arial}
html {scrollbar-width:none}
html::-webkit-scrollbar {display:none}
body {min-height:100vh; min-width:480px; background:url(background.jpg) repeat #000000; background-size:cover; background-attachment:fixed}
header {position:fixed; top:0; width:100%; height:40px; line-height:40px; text-align:center; font-weight:bold; font-size:0.9em; background-color:#000000; cursor:default;
	border-bottom:1px solid #000000; overflow:hidden; z-index:1}
footer {position:fixed; bottom:0; width:100%; height:25px; line-height:25px; text-align:center; color:#606060; font-size:0.9em; cursor:default;
	background-color:#202020; border-top:1px solid #000000; overflow:hidden}
.all_nofit {text-decoration:none; border:none; outline:none}
.all__center {text-align:center}
.all__text_green {color:#10ff40}
.all__text_green_dim {color:#0d9c29}
.all__text_small {font-size:0.8em}
.all__background_black_transp {background-color:rgba(0,0,0,0.6)}
.under__header_and_player {height:82px}
.under__footer {height:25px}
.header__logo {float:left; margin:5px 5px; width:30px; height:30px; background:url(logo.png) repeat #10ff40}
.header__a {text-decoration:none; padding-right:50px; color:#ffffff}
.header__a:hover {color:#10ff40}
.header__a_selected {text-decoration:underline; text-decoration-color:#10ff40; text-underline-offset:5px; padding-right:50px; color:#10ff40}
.header__a_selected:hover {text-decoration-color:#99ff99; color:#99ff99}
.audio {width:0; height:0}
.player {position:fixed; top:40px; width:100%; height:40px; color:#ffffff; cursor:default; white-space:nowrap; background-color:#202020; 
	border-bottom:1px solid #000000; z-index:1}
.player_center {display:inline-block; width:400px; height:40px; line-height:40px; text-align:left; overflow:hidden}
.toggle-cont {float:left; margin:5px 10px 0 5px;  width:60px; height:30px; border-radius:9999px}
.toggle-cont .toggle-input {display:none}
.toggle-cont .toggle-label {position:relative; display:inline-block; width:100%; height:100%; cursor:pointer; background:#202020; border-radius:9999px;
	box-sizing:content-box; box-shadow:0px 0px 5px 0px #10ff40}
.toggle-cont .toggle-label .cont-label-play {position:relative; width:30px; aspect-ratio:1/1; background: #10ff40; border-radius: 9999px; transition:all 0.5s cubic-bezier(1, 0, 0, 1)}
.toggle-cont .toggle-input:checked + .toggle-label .cont-label-play {background:#10ff40; transform:translateX(30px)}
.toggle-cont .toggle-label .label-play {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:inline-block; width:19px; aspect-ratio:1/1;
	background:#202020; border-radius:4px;  clip-path:polygon(25% 0, 90% 50%, 25% 100%, 25% 51%); transition:all 0.5s cubic-bezier(1, 0, 0, 1)}
.toggle-cont .toggle-input:checked + .toggle-label .label-play {width:15px; clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}
.player__track {overflow:hidden}
.player__track_current {display:inline-block}
.cursor_blink {animation:blink 1s infinite}
.main {padding:0 5px; max-height:calc(100vh - 40px - 40px - 25px); overflow-y:auto; scrollbar-width:thin; scrollbar-color:#0d9c29 #000000}
.main::-webkit-scrollbar {width:12px}
.main::-webkit-scrollbar-track {background-color:#000000}
.main::-webkit-scrollbar-thumb {background-color:#0d9c29; border-radius:20px; border:2px solid #000000}
.main__h1 {display:inline-block; margin-top:40px; padding:5px 10px; font-size:1.5em; letter-spacing:0.2em; cursor:default}
.main__a {text-decoration:none; color:#10ff40}
.main__a:hover {text-decoration:underline}
.main__weekday {display:inline-block; margin-top:40px; overflow:hidden}
.main__weekday_day {float:left; margin-right:20px; padding:15px 25px; font-weight:bold; color:#10ff40; border:1px solid #10ff40}
.main__weekday_day:hover {color:#000000; background-color:#10ff40}
.main__weekday_day_selected {float:left; margin-right:20px; padding:15px 25px; font-weight:bold; color:#000000; border:1px solid #10ff40; background-color:rgba(16,255,64,0.6)}
.main__weekday_day_selected:hover, .main__weekday_day_right_selected:hover {background-color:#10ff40}
.main__shedule {margin:40px auto; max-width:1000px}
.main__shedule_line {margin-top:5px; padding:2px; height:40px; line-height:40px; white-space:nowrap; cursor:default; overflow:hidden}
.main__schedule_line_time {float:left; margin:0 10px; font-size:1.2em; font-weight:bold; cursor:default}
.main__schedule_line_day {float:left; margin-right:10px; cursor:default}
.main__schedule_line_text {padding:0 5px; text-align:right; font-weight:bold; letter-spacing:0.1em; cursor:default; background-color:#000000; overflow:hidden}
.main__schedule_line_text_out {display:inline-block; z-index:0}
.main__contacts_text {display:inline-block; margin-top:70px; padding:5px 10px; font-weight:bold; letter-spacing:0.1em}
.main__contacts_text_small {display:inline-block; margin-top:70px; padding:5px 10px; font-weight:bold; font-size:0.9em; letter-spacing:0.1em}
.main__contacts_content {display:inline-block; margin-top:20px; overflow:hidden}
.main__contacts_content_text {display:inline-block; margin-top:20px; padding:5px}
.main__contacts_content_block_left {float:left; margin-right:40px; padding:15px 25px; font-weight:bold; color:#10ff40; border:1px solid #10ff40}
.main__contacts_content_block_right {float:right; padding:15px 25px; font-weight:bold; color:#10ff40; border:1px solid #10ff40}
.main__contacts_content_block_small {float:left; margin-right:10px; padding:5px; color:#10ff40; border:1px solid #10ff40}
.main__contacts_content_block_left:hover, .main__contacts_content_block_right:hover, .main__contacts_content_block_small:hover {color:#000000; background-color:#10ff40}
.main__contacts_content_block_small_text {float:left; margin-left:5px; text-align:left}
.main__contacts_content_img {float:left}
.main__contacts_content_google_play {float:left; margin-right:10px; width:125px; height:40px; background:url(gp.jpg) repeat #000000; border:1px solid #000000; border-radius:8px}
.main__contacts_content_app_store {float:left; margin-right:10px; width:125px; height:40px; background:url(as.jpg) repeat #000000; border:1px solid #000000; border-radius:8px}
.main__contacts_content_ru_store {float:left; width:125px; height:40px; background:url(rs.jpg) repeat #000000; border:1px solid #000000; border-radius:8px}
.main__contacts_content_google_play:hover, .main__contacts_content_app_store:hover, .main__contacts_content_ru_store:hover {border:1px solid #10ff40}
.footer__a {text-decoration:none; color:#606060}
.footer__a:hover {text-decoration:underline}
.footer__ver {float:right; margin-right:5px; font-size:0.8em; color:#404040}
@keyframes scroll-text {0% {transform:translate(5%, 0)} 50% {transform:translate(-40%, 0)} 100% {transform:translate(5%, 0)}}
@keyframes blink {0%, 100% {color:#10ff40} 50% {color:transparent}}
@media (max-width:900px) {
	.main__schedule_line_day {display:none}
}
@media (max-width:700px) {
	.header__a, .header__a_selected {padding-right:20px; font-size:1.2em}
	.main__weekday_day, .main__weekday_day_selected  {margin-right:5px; padding:15px 15px}
	.main__shedule_line {padding:2px 5px}
	.main__contacts_content_block_left {margin-right:10px}
}