::-webkit-scrollbar-button { background-image: url(""); background-repeat: no-repeat; width: 5px; height: 0px; }
::-webkit-scrollbar-track { background-color: rgb(236, 237, 238); }
::-webkit-scrollbar-thumb { border-radius: 0px; background-color: rgb(3, 151, 214); }
::-webkit-scrollbar-thumb:hover { background-color: rgb(86, 153, 159); }
::-webkit-resizer { background-image: url(""); background-repeat: no-repeat; height: 0px; }
::-webkit-scrollbar { width: 4px; }
body { margin: 0px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; }

}
#player-vk-write { background: rgb(16, 16, 16); margin: auto; width: 100%; font-size: 1.1em; font-weight: 400; }
#player-vk-player { background: rgb(0, 0, 0); margin: 0px auto; width: 100%; height: 100%; clear: both; }
#player-vk-season, #player-vk-serial { margin: 0px auto; padding: 0px; width: 130px; height: 80%; overflow: auto; font-weight: 400; float: right; position: absolute; display: block; opacity: 1; right: 0%; top: 10%; }
#player-vk-season li, #player-vk-serial li { float: left; height: 60px; padding-top: 0px; cursor: pointer; position: absolute; font-weight: 400; }
#player-vk-season li span, #player-vk-serial li span {background: rgb(1, 1, 1);text-align: center;line-height: 30px;margin: 7px 6px;border-radius: 8px;color: rgb(255, 255, 255);font-weight: 400;padding: 5px;display: block;}
#player-vk-season li span:hover, #player-vk-serial li span:hover { background: rgb(48, 49, 49); }
#player-vk-write .active { background: rgb(3, 151, 214); color: white; }
#player-vk-write .prev { background: url("../images/prev.png") 0px 0px no-repeat; line-height: 0px; outline: none; font-size: 0px; width: 24px; height: 24px; display: block; position: absolute; left: 5px; top: 8px; }
#player-vk-write .prev:hover { background: url("../images/prev1.png") 0px 0px no-repeat; }
#player-vk-write .next { background: url("../images/next.png") 0px 0px no-repeat; line-height: 0px; outline: none; font-size: 0px; width: 24px; height: 24px; display: block; position: absolute; right: 5px; top: 8px; }
#player-vk-write .next:hover { background: url("../images/next1.png") 0px 0px no-repeat; }
#player-vk-write .prev1 { background: url("../images/prev.png") 0px 0px no-repeat; line-height: 0px; outline: none; font-size: 0px; width: 24px; height: 24px; display: block; position: absolute; left: 5px; bottom: 8px; }
#player-vk-write .prev1:hover { background: url("../images/prev1.png") 0px 0px no-repeat; }
#player-vk-write .next1 { background: url("../images/next.png") 0px 0px no-repeat; line-height: 0px; outline: none; font-size: 0px; width: 24px; height: 24px; display: block; position: absolute; right: 5px; bottom: 8px; }
#player-vk-write .next1:hover { background: url("../images/next1.png") 0px 0px no-repeat; }
.myvideo { position: relative; padding: 0px 0px 56.25%; height: 0px; overflow: hidden; }
.myvideo iframe, .myvideo object, .myvideo embed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
@media (max-width: 600px) {@media (max-width: 420px) {
  body { font-size: 0.7em; }
  #player-vk-season, #player-vk-serial{
    top:20%;
    height:60%;
    width:85px;
  }}
@media (min-width: 420px  ) {
  body { font-size: 0.9em; }
  #player-vk-season, #player-vk-serial{
    top:15%;
    height:65%;
    width:110px;
  }}}