.episode_view .cbp-spmenu{position:fixed}
.episode_view .cbp-spmenu h3{color:#afdefa;font-size:1.9em;padding:20px;margin:0;font-weight:300;background:#0d77b6}
.episode_view .cbp-spmenu-vertical{width:240px;height:100%;top:0;z-index:1000}
.episode_view .cbp-spmenu-vertical a{border-bottom:1px solid #258ecd;padding:1em}
.episode_view .cbp-spmenu-horizontal{width:100%;height:77px;left:0;z-index:3000;background:#f47536;opacity:.9}
.episode_view .cbp-spmenu-horizontal h3{height:100%;width:20%;float:left}
.episode_view .cbp-spmenu-left{left:-240px}
.episode_view .cbp-spmenu-right{right:-240px}
.episode_view .cbp-spmenu-left.cbp-spmenu-open{left:0}
.episode_view .cbp-spmenu-right.cbp-spmenu-open{right:0}
.episode_view .cbp-spmenu-top{top:-150px}
.episode_view .cbp-spmenu-bottom{bottom:-150px;background:#222}
.episode_view .cbp-spmenu-top.cbp-spmenu-open{top:0}
.episode_view .cbp-spmenu-bottom.cbp-spmenu-open{bottom:0}
.episode_view .cbp-spmenu-push{position:absolute;top:0;left:0;bottom:0;right:0}
.episode_view .cbp-spmenu-push-toright{left:240px}
.episode_view .cbp-spmenu-push-toleft{left:-240px}
.episode_view .cbp-spmenu,.cbp-spmenu-push{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.episode_view .header-container{width:100%;margin:0 auto;max-width:670px;padding:0}
.episode_view .header-wrapper{max-width:670px;text-align:left;height:100%}
.episode_view .header-logo{float:left;margin-left:-1px;margin-right:5px;margin-top:8px}
.episode_view .header-logo img{width:80%;max-width:77px}
.episode_view .sound{float:right;margin-right:25px;padding-top:20px;text-align:right;vertical-align:middle}
.episode_view .menu{float:right;padding-top:24px;vertical-align:middle}

@media screen and (max-height: 26.375em) {
  .episode_view .cbp-spmenu-vertical{font-size:90%;width:190px}
  .episode_view .cbp-spmenu-left,.cbp-spmenu-push-toleft{left:-190px}
  .episode_view .cbp-spmenu-right{right:-190px}
  .episode_view .cbp-spmenu-push-toright{left:190px}
}