.videoResponsive {max-height:409.5px}
@media only screen and (min-width: 1180px) {/* browser window is 490px or bigger */
  .iframeResponsive {height:70%}
  .videoResponsive {height:60%}
}@media only screen and (max-width: 1180px) {/* browser window is 490px or smaller */
  .iframeResponsive {height:50%}
  .videoResponsive {height:50%}
}@media only screen and (max-width: 680px) {/* browser window is 490px or smaller */
  .iframeResponsive {height:40%}
  .videoResponsive {height:40%}
}@media only screen and (max-width: 560px) {/* browser window is 490px or smaller */
  .iframeResponsive {height:30%}
  .videoResponsive {height:30%}
}@media only screen and (max-width: 410px) {/* browser window is 490px or smaller */
  .iframeResponsive {height:25%; min-height:180px;}
  .videoResponsive {height:25%; min-height:180px;}
}@media only screen and (max-width: 330px) {/* browser window is 490px or smaller */
  .iframeResponsive {height:23%; min-height:180px;}
  .videoResponsive {height:23%; min-height:180px;}
}

html{color:#999 !important;}
/*body { background:#1e2129; }*/
  body {  background-color: #FAFAFA; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; }

.section-content{ background:none; }
#main {  background:rgba(0,0,0,0.7);}

#footer {background: rgba(0, 0, 0, 0.5);}

.trailer{ display: inline-block; padding-left: 6px; font-weight: bold; text-transform:uppercase; cursor:pointer; }
.trailer:hover{text-decoration:none; color:#fff;}
.votes{color:silver;}
/*.imdb{ background:rgba(255, 255, 255, 0.1); border-radius: 3px; color:#fff; float:right; display:inline-block; }
.imdb:hover{ background:rgba(255, 255, 255, 0.2); text-decoration:none; color:#fff; }*/
.section-title{ color:#fff !important;}
 {font-size: 12px;}
#info p a, #info p i{color:#999; border-radius:3px; margin:0 8px;}
#info i:first-child {margin-left:0;}
.section-title a { color:#fff; }
.section-title a:hover {background:none;}
#info p a:hover, #info p a:hover i, #info p i:hover i{color:#fff; text-decoration:none;}

mark{background-color: transparent; color:#999; }

@media only screen and (min-width: 768px) {/* 768px or smaller */
  .trailer{ font-size: 14px; }
  /*.imdb{ padding:5px 10px; margin-left:5px; font-size: 16px; }*/
  .votes{font-size:10px;}
  .section-title{ font-size:30px; line-height:normal;}
}@media only screen and (max-width: 768px) {/* 480px or smaller */
  .trailer{ font-size: 12px; }
  /*.imdb{padding:5px; margin-left:5px; font-size:12px; }*/
  .votes{font-size:10px;}
  .section-title{ font-size:20px;}
}

.qual{background:#FFCC00; border:1px solid #FFCC00; color:#111; padding:1px 5px; border-radius:3px; font-size:11px; }
.dl{background:green; border:1px solid green; color:#fff; padding:1px 5px; margin-left:20px; border-radius:3px; font-size:11px; }
.dl:hover{ border:1px solid #999; text-decoration:none; color:#fff; }
.stream{background:#0397d6; border:1px solid #0082b9; color:#fff; padding:1px 5px; border-radius:3px; font-size:11px; }
.stream:hover{ border:1px solid #999; text-decoration:none; color:#fff; }

#extras { font-size: 13px; }

#details, div.loop-header, div.loop-content { max-width: 1341px; margin: auto; }

.background {
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px 4000px inset;
  position: fixed;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-position: 50% center;
}

.tmdbPoster{float:left; margin-top: 40px; margin-right:40px; max-width:254px; border: 5px solid #fff; border-radius:4px;}
.tmdbInfo{float:left; width:calc(100% - 304px);}
@media only screen and (max-width: 550px) {/* browser window is 750px or smaller */
  .tmdbPoster{ width:auto !important;}
  .tmdbInfo{ width:100% !important; }
}

#showMore, #showMoreEpi, .showMoreEpi{cursor:pointer; color:#999; font-size:14px; text-align:center; overflow:auto; padding:10px; }
#showMore:hover, #showMoreEpi:hover, .showMoreEpi:hover{background-color:rgba(47, 52, 65, 0.9); color:#fff;}

.streams:focus span.streaming{
  text-decoration: line-through;
}
.streams:focus span.quality{
  text-decoration: line-through;
}
.streams:focus span.hide{
  text-decoration: line-through;
}

a.genre::after {
    content: " / ";
}
a.genre:last-child::after {
    content: "";
}

a.casting::after {
    content: " / ";
}
a.casting:last-child::after {
    content: "";
}

a.keywords::after {
    content: " ";
    margin:0 5px;
}
a.keywords:last-child::after {
    content: "";
}

@media only screen and (min-width: 799px) {/* browser window is 490px or bigger */
  #embed_code {display:block; }
}@media only screen and (max-width: 799px) {/* browser window is 490px or smaller */
  #embed_code {display:none; }
}

.dropdownbtn { cursor: pointer; }
.dropdownbtn:hover, .dropdownbtn:focus { }
.pfeilUnten{ font-size:11px; margin-left:2px;}

.dropdown-content { display: none; position: absolute; background-color: #fff; border:1px solid #333; border-radius: 3px; min-width: 140px; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; max-height: 320px; margin-top:7px; margin-left: -13px; }
.dropdown-content a { color: #000; padding: 5px 10px; text-decoration: none; display: block; text-align:left;}
.dropdown-content a:hover { background:#eee; }

.show {display: block;}

i.flag { position: relative; margin-right: 5px; top: 3px; }
  .flag { display: inline-block; width: 16px; height: 16px; background: url(//cdn.streamcloud.club/images/flags.png) no-repeat; background-position-x: 0%; background-position-y: 0%; }

.flag.flag-en, .flag.flag-us { background-position: -48px -224px; }
.flag.flag-de { background-position: -80px -48px; }

a.episodes{ color:#999; border-top:1px solid #333; font-size:14px; float:left; width:100%; width:100%; text-align:left; overflow:auto; background-color:rgba(47, 52, 65, 0.2); }
a.episodes:hover{ background-color:rgba(47, 52, 65, 0.6); text-decoration:none;}
a.streams{  background-color:rgba(47, 52, 65, 0.6); color:#999; font-size:14px; float:left; width:100%; width:100%; text-align:left; overflow:auto; margin-bottom:5px;}
a.streams:hover{ background-color:rgba(47, 52, 65, 0.9); text-decoration:none;}
.streaming{ color:#fff;}
.seasons:hover{ background:rgba(47, 52, 65, 0.4); }

@media only screen and (min-width: 700px) {
  a.episodes{ padding:0; }
  a.streams{ padding:0; }
  .streaming{ float:left; padding:10px; }
  .quality{ float:left; max-width:100%; padding:10px;}
  .hide{ display:block;}
}@media only screen and (max-width: 700px) {
  a.streams{ padding:10px;}
  a.episodes{ padding:10px;}
  .quality{ padding:0 10px;}
  .hide{ display:none;}
}

#related p { font-style: normal; }
#title {border-bottom:1px solid #2f2f2f; margin:15px 0; padding-bottom:15px;}
#title .title {font-size:20px;}

@media only screen and (min-width: 1012px) {/* browser window is bigger than */
.leftSide { max-width: calc(100% - 422px); float:left; }
.rightSide { width:402px; float:right; }
}
@media only screen and (max-width: 1012px) {/* browser window is smaller than */
  .leftSide { width: 100%; float:left; }
  .rightSide { width: 100%; float: left; margin-top: 20px; }
}
@media only screen and (max-width: 681px) {/* browser window is smaller than */
  #adskeeper{display:none;}
}
@media only screen and (max-width: 581px) {/* browser window is smaller than */
  #subHeadRight{display:none;}
  #subHeadLeft{width:100% !important; float:none !important;}
}
@media only screen and (max-width: 481px) {/* browser window is smaller than */
  .rightSide h3 { font-size:13px !important; }
  #shortInfo, #rated {display:none;}
  #title {border:none !important; margin:10px 0; padding:0;}
  #main { padding-top: 10px !important; }
  #title .title {font-size:18px !important; line-height:normal;}




}

@media (max-width: 481px) {
  #longInfo img {
    width: 90px !important;
  }
  #longInfo img + div {
    width:calc(100% - 115px) !important;
  }

}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}


  #related .relatedItem { width:168px; height:94px; overflow:hidden; margin:5px;  }
  #related img { width:100%; }
  #related h3 { color:#fff; margin-bottom:5px; margin-top:6px; }
  #related p { margin-bottom:0; line-height:normal; font-size:13px; }


  .show-less {
    cursor: pointer;
    text-decoration: underline;
    font-size: 13px;
    margin-bottom: 10px;
    color: #fff;
  }
  .show-more {
    cursor: pointer;
    text-decoration: underline;
    font-size: 13px;
    margin-bottom: 10px;
    color: #fff;
  }