html { background: #555; }

 

.box990a { width: 990px; overflow: hidden; margin: 0 auto; padding: 10px 0 10px 0 ; font-size: 0.8em; }
.box609 { width: 641px; padding: 0 15px 15px 15px; border-right: 1px dashed #999; float: left; color: #000; } 

.sumpage {   background-color: rgba(245,242,240,1);    margin: auto; padding: 0 0 0 0;  font-family: Arial, Helvetica, Sans-serif;    min-height: calc(100vh - 637px) !important; } 
.sumpage:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 
     
.sumpage h3 { font-size: 3rem; font-weight: 300; letter-spacing: -0.075em; line-height: 1.5;  margin: 0 0 0 15px;   color: #444;  text-shadow: 0 0 3px rgba(0,0,0,0.1);  font-family: Oswald; font-weight: 300;  letter-spacing: -0.05em;     }

.sumimg { display: block; float: left; border: 1px solid #666; color: #fff !important; text-align: right;  font-family: Oswald; font-size: 1.5em; line-height: 1; font-weight: 300; position: relative; background-size: 100%; background-repeat: no-repeat; }
.sumlrga { width: 184px; height: 255px; box-shadow: 0 0 10px rgba(0,0,0,0.4), 0 0 5px rgba(0,0,0,0.4), 0 0 1px rgba(0,0,0,0.33), inset 0 0 25px rgba(255,255,255,0.66), inset 0 0 12px rgba(255,255,255,0.66), inset 0 0 1px rgba(255,255,255,0.66); margin: 0 8px 12px 10px; border-radius: 0px 10px 10px 10px; }
.sumlrg { width: 150px; height: 220px; box-shadow: 0 0 10px rgba(0,0,0,0.4), 0 0 5px rgba(0,0,0,0.4), 0 0 1px rgba(0,0,0,0.33), inset 0 0 15px rgba(255,255,255,0.5), inset 0 0 6px rgba(255,255,255,0.5); margin: 10px 0 10px 0; border-radius: 10px; }

.sumsml { width: 102px; height: 145px; box-shadow: 0 0 10px #666; margin: 0 6px 12px 8px; border-radius: 8px; }
.summed { width: 140px; height: 200px; box-shadow: 0 0 10px #666; margin: 0 7px 12px 9px; border-radius: 8px; } 

.sumimg span { background: rgba(0,0,0,0.66); display: block; position: absolute; bottom: 0; width: 90%; padding: 5px 5% 5px 5%; border-radius: 0 0 7px 7px; }
.sumimg:hover {  color: #FF9326 !important; text-shadow: 0 0 5px #000; }
 



.soomdata { height: 80px; width: 100%; background: rgba(255,255,255,0.25);  padding: 0 0 0 215px;  font-family: Oswald, sans-serif; border-bottom: 1px solid rgba(0,0,0,0.08); border-top: 1px solid rgba(255,255,255,0.99); }

.soomdata ul { border-left: 1px solid rgba(0,0,0,0.08); border-right: 1px solid rgba(255,255,255,0.99); overflow: hidden; float: left; }

.soomdata .hafdata {  font-size: 1rem; height: 70px;  font-weight: 300; padding: 5px 15px 5px 15px; float: left; line-height: 1.2; color: #555; text-shadow: 0 1px 3px rgba(0,0,0,0.33);  text-align: center;  border-right: 1px solid rgba(0,0,0,0.08); border-left: 1px solid rgba(255,255,255,0.99); } 

.soomdata .hafdata span { font-size: 2.5rem; display: block; font-weight: 400; color: #333; color: #555; letter-spacing: -0.033em; }  

.soomdata h3.sdfsdf { margin:  5px 0 0 10px; font-size: 3rem; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;  width: 80% ;  }



 
/*
.sumhead {   margin: 0 20px 0 20px; padding: 0 0 0 0;  font-size: 6.5vw; font-weight: 400; letter-spacing: -0.065em; line-height: 1; font-family: Oswald; color: #fff; text-shadow: 3px 5px 1px rgba(0,0,0,0.5);  background: rgba(0,0,0,0.1);  }
*/
h2.sumhead {   margin: 0 0 0 0; padding: 0 30px 0 10px; margin: 0 0 0 10px; font-size: 6.5vw; font-weight: 400; letter-spacing: -0.065em;   font-family: Oswald; color: #fff; text-shadow: 3px 5px 1px rgba(0,0,0,0.5);  background: rgba(0,0,0,0.4); line-height: 1.33; display: table; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;  max-width: 94% !important;  }


h3.sumunderhead  {   margin: 0 0 0 0; padding:  0px 20px 15px 15px ; margin: 0 0 0 10px; font-weight: 400; letter-spacing: -0.065em;   font-family: Oswald; color: #fff;  background: rgba(0,0,0,0.4); line-height: 1; display: table;

font-size: 3.33vw; font-weight: 300; letter-spacing: normal;   float: left;
 }
.sumunderhead a { color: #fff; text-shadow: 3px 3px 1px rgba(0,0,0,0.5); opacity: 0.88; }


@media screen and (max-width: 1050px) {    
  .sumhead { font-size: 5rem !important; }
} 

.sumhead a { color: #fff; } 
.sumhead a:hover { color: #fff;  text-shadow: 3px 3px 0 rgba(0,0,0,0.99);     } 
.sumtext { text-shadow: 0 0 2px rgba(0,0,0,0.25); font-family: 'Roboto'; font-weight: 300; font-size: 1.15em; line-height: 1.5; margin: 5px 0 0 0; padding: 5px 0; letter-spacing: -0.005em;

 font-size: 1.05rem; text-shadow: 0 0 0 rgba(0,0,0,0); text-shadow: 0 0 1px rgba(0,0,0,0.15);  }

.sumtext br { display: block; margin-bottom: 8px; font-size:2px; line-height: 8px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {  
	.sumtext br { content: " "; display: block; margin-bottom: 15px; font-size:2px; line-height: 15px;	}
}

  


.actionbutton {  display:  block;
 outline: none; position: relative; padding: 0 0 0 0; padding: 0 7px 0 0; line-height: 40px; height: 40px; font-family: Oswald, sans-serif;   color: #fff; font-weight: 300;   letter-spacing: 0.0em; text-shadow: -1px -1px 0 rgba(100,0,0,0.4);  
 
 
 
 box-shadow:   0 2px 5px  rgba(0,0,0,0.2);   
 
 border: 1px solid rgba(50,0,0,0.1);    cursor: pointer;
}

.sumunmark {  display:  block; float: right; font-size: 1rem; text-align: right; width: 60px; padding: 0; margin: 0 0 0 1px;   background: grey; }
.summark {  display:  block; float: right; width: 133px; text-align: right; font-size: 1rem; padding: 0 0 0 0;   background: rgba(250,150,0,1);   }




.actionbutton:hover {
 background: #1e69de; /* Old browsers */: ; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ 
 
 
 color: #fff; 
 text-shadow: 0 1px 1px #0009de; 
 box-shadow:   0 0px 6px #999;
}
.actionbutton:active {
 background: #6db3f2; color: #fff; text-shadow: 0 1px 1px #0009de; box-shadow: inset 0 0px 8px #1e69de,  0 0px 6px #999;
}

 



 

.ep { clear: both; padding: 0; margin: 0 0 3px 0; line-height: 25px; height: 23px; font-family: Oswald;  font-weight: 300;  }
.ep span { display: block; }

.ep .pnumber { float: left; background: #fc661d; color: #fff; line-height: 22px; height: 100%; margin: 0 5px 0 0; width: 22px; text-align: center;  }

.ep .paired { float: right; background: #8eb719; color: #fff; line-height: 21px; height: 100%; font-family: Oswald; font-weight: 300; width: 55px; text-align: center;  text-shadow: 0 0 2px rgba(0,0,0,0.2); }
.ep .punaired { float: right; background: #bbb; color: #fff; line-height: 21px; height: 100%; font-family: Oswald; font-weight: 300; width: 55px; text-align: center;  text-shadow: 0 0 2px rgba(0,0,0,0.4); }

.ep .letick span { display: block; float: right; overflow: hidden;  color: rgba(255,255,255,0.9); height: 100%; margin: 0 0 0 0;  font-size: 1.1em !important; line-height: 22px;  width: 22px; text-align: center; cursor: pointer;   }
.ep .letick:hover span {   background: #ff6ff6; }
.info .letick span { background: #ccc; }
.infochecked .letick span { background: #a849a3;  }
.infochecked a { color: #aaa ;  }

.letick checkbox { display: hidden; }

 

.RAWR .letick span { background: #a849a3; transition: all 111ms linear; }
.info .letick span { background: #ccc; transition: all 111ms linear; }

 .RAWR.infochecked a, .infochecked.RAWR a,  .RAWR.infochecked .datepub { color: #aaa ; transition: all 111ms linear; }
 .info a, .info .datepub { color: #333 ; transition: all 111ms linear; }

.ep input[type="checkbox"] + label { cursor: pointer; font-family: "icomoon"; font-size: 0.85rem;  font-weight: 300 !important; }
.ep input[type="checkbox"] + label span:before { content: "\e902"; font-weight: 300 !important; transition: all 333ms linear;  }
.ep input[type="checkbox"] + label span:hover:before { content: "\e902";  transition: all 333ms linear; }
.ep input[type="checkbox"] + label span:active:before { content: "-"; transition: all 333ms linear; }
.ep input[type="checkbox"]:checked + label span { color: rgba(255,255,255,0.75); }
.ep input[type="checkbox"]:checked + label span:before { content: "\e902"; transition: all 333ms linear;  }
.ep input[type="checkbox"]:checked + label span:hover:before { content: "\e903";  transition: all 333ms linear; }
.ep input[type="checkbox"]:checked + label span:active:before { content: "\e902"; color: rgba(255,255,255,0.99); transition: all 333ms linear; }



.watchedstats input[type="checkbox"] + label span { color: #eee; font-size: 5rem !important; margin-top: 25px; }
.watchedstats input[type="checkbox"] + label { cursor: pointer; font-family: "icomoon"; font-size: 4rem !important; color: #ddd;  }
.watchedstats input[type="checkbox"] + label span:before { content: "\e90c";   transition: all 333ms linear;  }
.watchedstats input[type="checkbox"] + label span:hover:before { content: "\e90c";  transition: all 333ms linear; }
.watchedstats input[type="checkbox"] + label span:active:before { content: "\e90c"; transition: all 333ms linear; }
.watchedstats input[type="checkbox"]:checked + label span { color: #98ebff;   }
.watchedstats input[type="checkbox"]:checked + label span:before { content: "\e90c"; transition: all 333ms linear;  }
.watchedstats input[type="checkbox"]:checked + label span:hover:before { content: "\e90c";  transition: all 333ms linear; }
.watchedstats input[type="checkbox"]:checked + label span:active:before { content: "\e90c"; color: rgba(255,255,255,0.99); transition: all 333ms linear; }



 
/*.letick label { display: block; width: 11px; height: 11px; float: left; cursor: pointer; margin: 7px 7px 0 0; background-position: 0 0;   background: #a849a3; }*/
  
.ep label:hover { background-position: 0 20px; } 
  .infochecked label { background-position: 0 30px; }
  .infochecked label:hover { background-position: 0 10px;  }
 
 
   
.frmhead {   width: 970px; height: 125px; margin: 0 0 0 0; padding: 5px 20px 0 20px; font-size: 2.75em; font-weight: 400; letter-spacing: -0.065em; line-height: 1.3; font-family: Oswald; color: #fff; text-shadow: 0 0 15px rgba(0,0,0,0.66), 0 0 10px rgba(0,0,0,0.66), 0 0 5px rgba(0,0,0,0.66);  }

.frmhead a, .mfrmhead a { color: #fff; display: block; }
.frmhead a:hover, .mfrmhead a:hover { color: #00ccff;  }


.mfrmhead {  margin: 0 0 0 0; padding: 5px 20px 0 20px; font-size: 2.75em; font-weight: 400; letter-spacing: -0.065em; line-height: 1.3; font-family: Oswald; color: #fff; text-shadow: 0 0 15px rgba(0,0,0,0.66), 0 0 10px rgba(0,0,0,0.66), 0 0 5px rgba(0,0,0,0.66);   }
 




.epsumbox {  width: 99%; margin-top: 8px; padding: 10px; font-family: Arial, sans-serif; font-size: 1rem; background-color: rgba(255,255,255,0.8); overflow: hidden;  box-shadow: 0 4px 2px rgba(0,0,0,0.05); }
 
.epsumbox h3 { float: left;  width: 100% ;   padding: 0; margin: 0 0 10px 0px !important ; line-height: 40px; color: #333; }
 .epsumbox h3 a { font-weight: 300; color: #444;  }
 
 .epsumbox img { display: block; width: 266px; height: 150px; margin: 0 10px 0 0; float: left; }

.epsumbox .thedate { display: block; float: right; width: 33%; line-height: 40px; text-align: right; font-family: Oswald, sans-serif; font-weight: 300; font-size: 1.75rem; letter-spacing: -0.05rem; color: rgba(0,0,0,0.33); }



.mepsumbox { width: 95%; margin: 5px auto 0 auto; padding: 5px 2.5% 5px 2.5%; font-family: Arial, Helvetica, Sans-serif; font-size: 1em; background-color: rgba(255,255,255,0.8); box-shadow: inset 0 0 100px rgba(255,255,255,1), inset 0 0 50px rgba(255,255,255,1), 0 0 10px rgba(0,0,0,0.5), 0 0 7px rgba(0,0,0,0.5), 0 0 4px rgba(0,0,0,0.5), 0 0 1px rgba(0,0,0,0.5); color: #333;}
.mepsumbox:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 





 .epsumtext { padding: 0 10px 0 0; display: inline-block; margin:  0px 0 0 0; min-height: 150px; color: #333; font-size: 0.85em;  width: calc(100% - 175px); border-right: 1px dashed #999;   float: left;    }
 .mepsumtext { padding: 0 0 0 0; color: #333; font-size: 0.85em;  }
 .epsumtext h3 { margin: 0 0 10px 0; padding:  0; font-size: 2.5em; font-weight: 300; letter-spacing: -0.05em; line-height: 0.8; color: #444; text-shadow: 0 2px 1px rgba(0,0,0,0.33); }
 .epsumtext h3 a { font-weight: 300; color: #444;  }
 .epsumtext h3 a:hover { font-weight: 300; color: #00ccff;  }
 .epsumtext h4 { margin: 0 0 10px 0; font-size: 1.25rem; font-weight: 400; letter-spacing: -0.05em; color: #555; line-height: 1; text-shadow: 0 1px 1px rgba(0,0,0,0.33); }
 .epsumtext p { margin: 0; font-size: 0.95rem; padding: 0 0 0 275px;  text-shadow: 0 1px 1px rgba(0,0,0,0.33); line-height: 1.33; font-family: 'Roboto'; }

 .epsumtext br { display: block; margin-bottom: 8px; font-size:2px; line-height: 8px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {  
	.epsumtext br { content: " "; display: block; margin-bottom: 15px; font-size:2px; line-height: 15px;	}
}

.watchedstats { float: right; width: 150px; padding: 8px 5px 0 5px; color: #333; text-align: center; font-family: Oswald; font-weight: 300; }
.watchedstats h3 { margin: 5px 0 5px 0; line-height: 0.75; font-weight: 500; font-size: 2em; color: #00ccff; text-shadow: 0 2px 1px rgba(0,0,0,0.33); }
.watchedstats hr { border: none; border-top: 1px dashed #999; height: 1px; margin: 5px 0 8px 0; }
 

.wwatchedstats span { }

 
.bread { float: left; line-height: 30px; margin: 0 0 0 0; width: 40%; padding: 0 0 0 10px;  font-size: 1.25em; font-family: Oswald, sans-serif; color: #333; font-weight: 300; }
.bread a {  color: #333; text-shadow: 0 0 2px rgba(0,0,0,0.25) ; }
 
.pgsbuts { color: #333; font-weight: 300;  float: right; margin: 0 10px 0 0;  text-align: right; font-size: 1.25em; font-family: Oswald;   text-shadow: 0 0 2px rgba(0,0,0,0.25) ;  }

.pgsbuts a { display: inline-block; width: 20px; text-align: center; color: #333; }

.goto { display: inline ; padding: 0 0 0 0; float: left; margin: -5px 5px 0 0;  font-family: Oswald; color: #333; font-weight: 300; text-shadow: 0 0 2px rgba(0,0,0,0.25);  }


.children, .listed, .showsel, .showsum { display: none; width: 100%; color: rgba(255,255,255,0.75);  line-height: 22px; font-size: 0.95rem; }

.parent, .showsel {	overflow: hidden; 	position: relative;	font-family: "Roboto Condensed";  }
 
.accordion_css3_support { display: block; max-height: 0; overflow: hidden;
        -webkit-transform: translate3d(0,0,0);
        -webkit-transition: all 0.75s linear;
        transform: translate3d(0,0,0);
        transition: all 0.75s linear;
        -webkit-backface-visibility:hidden;
        -webkit-perspective: 1000;
}
.children.animated, .listed.animated, .showsum.animated,  .showsel.animated { 
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
}
  
 
.children.animated, .listed.animated, .showsum.animated {
        max-height: 1000px;  
}
 
.showsel.animated {
        max-height: 9999px;  
} 














.premprofbg { height: 35vw; min-height: 400px; max-height: 600px; width: 100vw;  margin-top: -110px; font-size: 0.8em; background-position: center top ; background-size: 100.1%; overflow: hidden;  min-width: 980px;  }  


.showimgcont { height: calc(35vw - 110px);  min-height: calc(400px - 110px); max-height:  calc(600px - 110px); width: 100%; background: rgba(0,0,0,0);	padding-top: 110px;   position: relative;  }

.quikinfo {  float: left; width: 195px; margin: -82px 20px 10px 10px; padding: 0 0 20px 0;  position: relative; }
.quikinfo img {  display: block; width: 100%; box-shadow: 0 5px 20px rgba(0,0,0,0.5); margin: 0 0 10px 0 ; }

.quikinfo p {  padding: 0 10px 0 10px;  position: relative; }
 
.thebar { height: 100px; width: 100%;  position: absolute; bottom: 0; left: 0; padding: 0 0 0 0; }

.sumadd, .epadd { font-family: Oswald; font-size: 3.5rem; font-weight: 300; display: inline-block;  width: 100%;  height: 100px; line-height: 100px; background: #272727; background: rgba(20,20,20,0.66);  letter-spacing: -0.035em; margin: 0 0 0 10px; padding: 0 20px 0 20px; overflow: hidden;  }

.sfilter .icon-heart { font-size: 3rem; margin: 0 0 0 0;  width: 60px; height: 100px; line-height: 100px; float: left; }
.notsfilter .icon-heart { font-size: 3rem; margin: 0 0 0 0;  width: 60px; height: 100px; line-height: 100px; float: left; }

.sfilter .icon-heart { color: rgba(200,0,0,0.88);    transition: all 333ms linear;  }
.notsfilter .icon-heart {  color: rgba(255,255,255,0.33);   transition: all 333ms linear;   }
.notsfilter:hover .icon-heart   {   color: rgba(200,0,0,0.88);   transition: all 333ms linear;      }

.sfilter span { color: rgba(255,255,255,0.33) !important;      }
.notsfilter span {  color: rgba(255,255,255,1);       }
  

.sumadd input[type="checkbox"] + label { cursor: pointer; width: 520px; }
.sumadd input[type="checkbox"] + label span:before { content: "Add Show To Favourites";  transition: all 333ms linear;  }
.sumadd input[type="checkbox"] + label span:hover:before { content: "Add Show To Favourites";  transition: all 333ms linear; }
.sumadd input[type="checkbox"] + label span:active:before { content: "Remove From Favourites";  transition: all 333ms linear; }
.sumadd input[type="checkbox"]:checked + label span { color: #fff; }
.sumadd input[type="checkbox"]:checked + label span:before { content: "You Are Tracking This Show"; transition: all 333ms linear;  }
.sumadd input[type="checkbox"]:checked + label span:hover:before { content: "Remove From Favourites";  transition: all 333ms linear; }
.sumadd input[type="checkbox"]:checked + label span:active:before { content: "Remove From Favourites";  transition: all 333ms linear; }



.epadd {  margin: 0 0 0 10px; padding: 0 20px 0 20px; overflow: hidden;  }

.efilter .icon-eye { font-size: 5rem; margin: 0 0 0 0;  width: 90px; height: 100px; line-height: 100px; float: left; }
.notefilter .icon-eye { font-size: 5rem; margin: 0 0 0 0;  width: 90px; height: 100px; line-height: 100px; float: left; }

.efilter .icon-eye { color: rgba(0,191,255,0.5);    transition: all 333ms linear;  }
.notefilter .icon-eye {  color: rgba(255,255,255,0.33);   transition: all 333ms linear;   }
.notefilter:hover .icon-eye { color: rgba(0,191,255,0.5); transition: all 333ms linear; }

.efilter span { color: rgba(255,255,255,0.33) !important;      }
.notefilter span {  color: rgba(255,255,255,1);       }
    


.epadd input[type="checkbox"] + label { cursor: pointer; width: 520px; }
.epadd input[type="checkbox"] + label span:before { content: "Mark Episode as Watched";  transition: all 333ms linear;  }
.epadd input[type="checkbox"] + label span:hover:before { content: "Mark Episode as Watched";  transition: all 333ms linear; }
.epadd input[type="checkbox"] + label span:active:before { content: "Remove Episode From Watched";  transition: all 333ms linear; }
.epadd input[type="checkbox"]:checked + label span { color: #fff; }
.epadd input[type="checkbox"]:checked + label span:before { content: "You Have Watched This Episode"; transition: all 333ms linear;  }
.epadd input[type="checkbox"]:checked + label span:hover:before { content: "Remove Episode From Watched";  transition: all 333ms linear; }
.epadd input[type="checkbox"]:checked + label span:active:before { content: "Remove Episode From Watched";  transition: all 333ms linear; }







.similar input[type="checkbox"] + label { cursor: pointer; width: 20px; }





.sumquikside li { height: 2.75rem; line-height: 2.75rem; font-size: 1.5rem; font-family: Oswald; color:rgba(0,0,0,.75); font-weight:300; border-bottom: 1px dashed #aaa; padding: 0 0 0 10px; } 

.sumquikside li:last-child { border-bottom: none;  } 

 


.sumquikside a { color: rgba(0,0,0,0.66); }

.sumquikside i { color: rgba(0,0,0,0.44); }


.sumquikside li:hover a { color: rgba(0,0,0,0.99); }

.sumquikside li:hover i { color: rgba(0,0,0,0.66); }



.seasonside { margin-top: 25px; }

.seasonside i { color: rgba(0,0,0,0.15); }
.seasonside li:hover .icon-pngarr { color: rgba(0,0,0,0.66) !important; }


.seashead strong { display: block; width: calc(100% - 220px);  }

.updrop { overflow: hidden;  max-height:0; -webkit-transition: max-height 0.666s  ease-out; transition: max-height 0.666s ease-out; } 

.downdrop { overflow: hidden; max-height: 3000px; -webkit-transition: max-height 0.666s ease-in; transition: max-height 0.666s ease-in; } 



.whendoes { position: absolute; bottom: 100px; left: 0;  padding: 0 0 0 20px; width: 100%; font-family: Oswald, sans-serif; font-size: 1vw; color: rgba(255,255,255,0.9); height: 6.66vw; overflow: hidden; font-size: 1.5vw;  text-shadow: 2px 2px 0px rgba(0,0,0,0.5); }

.whendoes div {    }

.whendoes span { text-shadow: 2px 3px 0px rgba(0,0,0,0.5); letter-spacing: -0.035em;  }

#countdown { display: block; font-size: 3vw; }

aside p {  font-size: 1.25rem; line-height: 1.33; font-family: Oswald; color: rgba(0,0,0,0.75); font-weight:300; padding: 0; margin: 10px 0 0 0; }

.parent .seashead { font-family: Oswald; color:rgba(0,0,0,.75); font-weight: 300; letter-spacing: -0.035em; display: block; background: rgba(255,255,255,0.5); margin: 2px 0 0 0; padding: 0; overflow: hidden; cursor: pointer; box-shadow: 0 0 3px rgba(0,0,0,0.15);  line-height: 40px; height: 40px; }

.parent .seashead strong { } 




.parent .seashead:hover { background: rgba(255,255,255,1); transition: all 250ms linear; }

.parent .seashead strong {  font-size: 1.5rem;  font-weight: 300; float: left; line-height: 38px; height: 40px; padding: 0 0 0 15px; text-shadow: 1px 0 3px rgba(0,0,0,0.15); }

.ep { margin: 1px 0 0 0; padding: 0 0; }
.ep, .ep * {  line-height: 30px !important; height: 30px !important; font-size: 1rem; }

.ep strong { font-weight: 300; float: left;   width: calc(100% - 290px); }
.ep .datepub { float: left; width: 165px; text-align: right; text-shadow: 0 0 1px rgba(0,0,0,0.2); font-family: 'Roboto Condensed'; font-size: 1.05rem; letter-spacing: -0.025rem;  }

.ep strong a { display: block; color: #555;   font-family: 'Roboto Condensed'; font-size: 1.05rem; font-weight: 400;  white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; width: 100%; }

.ep:nth-child(1) {  margin: 5px 0 0 0; }
.ep:nth-child(odd) { background: rgba(255,255,255,0.5); }
.ep:nth-child(even) { background: rgba(255,255,255,0.8); }
  
.pnumber { width: 25px !important; }
.paired, .punaired { font-size: 0.9rem; width: 58px !important;  border: 1px solid rgba(0,0,0,0.1); margin: 0 0 0 1px;  line-height: 28px !important; height: 28px !important;  }


aside.extras { float: right; }

 
.furtherinfo { font-family: Oswald, sans-serif; font-weight: 300; padding: 0 0 0 0; margin: 0 0 10px 0; background: rgba(2,0,0,0.85); background: #252424; }
.furtherinfo li {  font-size: 1.33rem; line-height: 1.33; padding: 10px 10px 10px 10px; color:  rgba(255,255,255,0.75);  border-bottom: 1px solid rgba(0,0,0,0.5);  border-top: 1px solid rgba(255,255,255,0.1); position: relative; overflow: hidden; }  

.furtherinfo li:nth-child(1) {  border-top: none; padding-top: 22px;  } 

.furtherinfo li:nth-child(even) {     }
.furtherinfo li:nth-child(odd) {   }
.furtherinfo li:last-child {  }
.furtherinfo span {  font-size: 1rem; display: block; color: rgba(255,255,255,0.33); }
.furtherinfo i {  position: absolute; bottom: -20px; right: -15px; color: rgba(255,255,255,0.06); font-weight: 300; font-size: 4.5rem; margin: 0 8px 0 0; }

.furtherinfo a { color: white  ; } 

aside.extras h3 { margin: 20px 0 5px 5px; font-size: 2.1rem; width: 100%; }

aside.extras .similar { font-family: Oswald, sans-serif; display: block; margin: 0 20px 10px 5px; width: 220px; height: 123px; line-height: 30px; font-size: 1.33rem; color: #000;  position: relative; text-shadow: 0 1px 2px rgba(0,0,0,0.2); box-shadow: 0 4px 2px rgba(0,0,0,0.15); border: 1px solid  rgba(255,255,255,0.33);   float: left; }

aside.extras .similar strong { position: absolute; display: block; width: 210px; left: 0; bottom: 0; background: rgba(0,0,0,0.66); color: #fff;  font-weight: 300; padding: 5px; }
aside.extras .similar strong a {  float: left; width: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 175px; color: #fff;  }
aside.extras .similar i { color: rgba(255,255,255,0.66); float: right; line-height: 30px; height: 30px; margin: 0 3px 0 0;  }

aside.extras .similar img { width: 100%; display: block; }





.simfilter i { color: rgba(255,0,0,0.8) !important;    transition: all 333ms linear;  }
.notsimfilter i {  color: rgba(255,255,255,0.33);   transition: all 333ms linear;   }



/*  display: block;  */
#cast { margin: 10px 0 0 0; width: calc(100%); display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; }

#cast li { display: inline-block; margin: 0 0 0 0; min-width: 160px; height: 120px; font-family: Oswald, sans-serif;  font-weight: 300; font-size: 0.9rem; text-shadow: 0 1px 2px rgba(0,0,0,0.2); color: rgba(0,0,0,0.7); overflow: hidden; font-style: italic; line-height: 1.75;  
     flex: 1 0 160px; } 
 

#cast li a { background-size: 100% 100% !important; }

#cast li a:nth-child(1) { display: block; float: left; width: 65px; height: 95px; box-shadow: 0 4px 4px rgba(0,0,0,0.15); background-position: center; background-size: 100%; border-radius: 1px; margin: 0 6px 0 0; } 

#cast li strong { display: block; font-size: 1rem; line-height: 1.33; font-weight: 400; padding: 2px 0 0 0; }

#cast li :nth-child(2), #cast li :nth-child(3) {  display: block; font-style: normal;   } 

 #cast li :nth-child(3) {  display: block; font-style: normal;  color: rgba(0,0,0,0.7);  width: 50% ; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  } 
 


.videoWrapper { position: relative;	 padding-bottom: 55.25%; /* 16:9 */ padding-top: 25px;	height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (min-width: 1300px) {   
.videoWrapper { margin: 0 auto; padding:  0; width: 1280px; height: 720px;  }
.videoWrapper iframe {   margin: 0 auto; width: 1280px; height: 720px; }
}

aside.extras { width: 240px; overflow: hidden; height: 100%; position: absolute; right: 0; top: 0;    }
.summaryinfo { float: left; width: calc(100% - 230px);  position: relative; padding: 0 0 50px 0; }
.summaryepisodes { float: left; width: calc(100% - 260px); padding: 0 0 10px 0;  }


@media screen and (max-width: 1220px) {    

  aside.extras { clear: both; height: 202px; position: relative; float: left; width: 99%; margin: 0 10px 10px 0; 
     display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;   }

  aside.extras .similar { flex: 1 0 200px; height: auto; min-width: 200px; max-width: 240px;  margin:  5px 10px 30px 0 !important;    }




aside.extras .similar strong { position: absolute; display: block; width: calc(100% - 10px); left: 0; bottom: 0; background: rgba(0,0,0,0.66); color: #fff;  font-weight: 300; padding: 5px; }

aside.extras .similar strong a {  float: left; width: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 40px); color: #fff;  }

  .summaryepisodes { float: left; width:  98%   ;  }
  .summaryinfo {  min-height: auto !important; }

}
 

.recenteps { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;   }

.recenteps li { flex: 1 0 190px; min-width: 190px; max-width: 265px; position: relative;  margin:  0px 10px 15px 5px ; }
 

.recenteps img { width: 100%;  box-shadow: 0px 6px 5px rgba(0,0,0,0.15);   }
 
.recenteps li.hide { visibility: hidden; height: 0px !important;  }

 
.recenteps a { font-family: Oswald, sans-serif; font-weight: 300; float: left; position: relative;   background-size: 100%; background-position: top;  }

.recenteps a strong { position: absolute; display: block; width: calc(100% - 10px); left: 0; bottom: 5px; background: rgba(0,0,0,0.66); color: #fff; font-weight: 300; padding: 5px; font-size: 1.1rem; }

.recenteps a strong span { display: block; float: left; line-height: 22px; height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 50px); }
 

.recenteps  .nfilter i { color: rgba(0,191,255,0.66); float: right; line-height: 22px; height: 22px;  font-size: 1.33rem; }
.recenteps  .notnfilter i { color: rgba(255,255,255,0.2); float: right; line-height: 22px; height: 22px;  font-size: 1.33rem; }
.recenteps a .epnum { position: absolute; top: 0; right: 0; background: #c00; color: #fff; padding: 0 5px;  font-size: 1.1rem; letter-spacing: 0.033em; }
.recenteps a .epaired { position: absolute; bottom: 32px; left: 0; background: rgba(0,0,0,0.66); color: #fff; padding: 0 5px;  }


.underbar { background: white; }

.innerbar { background: #a2c442; }

/*
@media screen and (min-width: 1600px) {   
	aside.extras { width: 500px ; }
	.summaryepisodes { float: left; width: calc(100% - 520px); } 
}

@media screen and (max-width: 1300px) {   
.recenteps  {   height: 115px; }
.recenteps a { width: calc(33.45% -  10px); height: 100px; }
.recenteps a:nth-child(2) { margin: 0 10px 25px 10px; }  
.recenteps a:nth-child(3) { margin: 0 0 25px 0; } 
}

@media (max-width: 1800px) and (min-width:1600px) { 
	.recenteps a { height: 7vw; }
}
 
@media screen and (min-width: 1800px)   { 
	.recenteps a { height: 7vw; } 
}


 
@media screen and (max-width: 1400px)   { 
#cast li {   width: 32%;  } 
}

*/





header .logo {
  background-size: 60px 62px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,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);
}

 

 
header {
  background: rgba(0, 0, 0, 0.55);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
  border-bottom: 1px solid rgba(200, 200, 200, 0.6);
}
header:hover {
  background: rgba(0, 0, 0, 0.8);
}
header .logo a {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  color: #ccc;
}
header .logo a:hover, header .logo a:hover * { 
  color: white;
}
header > strong {
  color: #bfbfbf;
}

footer {
  background: rgba(0, 0, 0, 0.45);
  border-top: 1px solid black;
  border-bottom: 25px solid rgba(0, 0, 0, 0.33);
  
}
footer a {
  color: white;
}
 

.footlists h6 {
  font-family: Oswald, Helvetica, sans-serif;
  letter-spacing: -0.05em;
  line-height: 100%;
  margin: 0;
  padding: 2px 0;
  color: rgba(255, 255, 255, 0.66);
  font-weight: 300;
  font-size: 2em;
}

.footlists .lines:nth-child(odd) {
  background: rgba(0, 0, 0, 0.15);
}

.footlists .lines:nth-child(even) {
  background: rgba(0, 0, 0, 0.35);
}

.footlists .lines { 
  color: rgba(255, 255, 255, 0.66); 
}
.footlists .lines a {
  color: #b3b3b3;
}
.footlists .lines a:hover, .footlists .lines header .logo a:hover *, header .logo a:hover .footlists .lines * {
  color: white;
}



#topmenu { border-left: 1px solid #888; }
.ddgo { color: #fff; background: rgba(0, 0, 0, 0.33); border-right: 1px solid #888; } 
.ddgo .smallmenutext {  color: rgba(255,255,255,0.66); }
.ddgo .largemenutext { margin: -4px 0 3px 0; color: rgba(255,255,255,0.75); }
.ddgo:hover { border-bottom: 2px solid rgba(0, 11, 33, 1); background: rgba(0, 0, 0, 0.95); transition-delay: 0.2s; -webkit-transition-delay: 0.2s; }
.hilite:hover { border-bottom: 2px solid rgba(0, 11, 33, 1); background: rgba(0, 0, 0, 0.95); transition-delay: 0.2s; -webkit-transition-delay: 0.2s; }
.menonhov { border-bottom: 2px solid rgba(0, 0, 0, 1);  background: rgba(0, 0, 0, 0.75); } 
.marea {  color: #fff; }

.submenu { background: rgba(10, 10, 10, 0.95); }  
.submenu * { color: rgba(255,255,255,0.7); }  
.submenu a { color: rgba(255,255,255,0.9); }  
.submenu h6 { color: orange; }
.submenu h6 a { color: orange; }
.submenu h6 a:hover { color: #fff; }

.green-normal { background: rgba(0, 11, 22, 1); }
.green-hover { background: rgba(0, 11, 22, 1); }

.search-input-right input { background-color: rgba(0, 0, 0, 1); color: #fff; border-left: 1px solid #999; }




 
.prowide, .protall { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; }
   
.prowide li { flex: 1 0 200px; min-width: 200px; max-width: 250px; margin: 6px 10px 8px 5px; }  

.prowide img { width: 100%; box-shadow: 0px 6px 5px rgba(0,0,0,0.25);    }
 



   

.prowide li {   font-family: Oswald; font-weight: 300; } 

.prowide li a {  color: #fff; display: block;  position: relative; }


.prowide li a strong {  background: rgba(0,0,0,0.25); position: absolute; bottom: 5px; left: 0; margin: 0 0 0 0; width: calc(100% - 1rem); padding: 0.5rem 0.5rem; font-weight: 400; font-size: 1.2rem; line-height: 1.33; text-shadow: 0px 0 3px rgba(0,0,0,0.99), 0px 0 5px rgba(0,0,0,0.99);  }

.prowide li a strong span { display: block; font-weight: 300;  font-size: 1rem; padding: 0.33rem 0 0 0;  }



.protall li {  flex: 1 0 122px; min-width: 122px; max-width: 175px; margin: 6px 10px 8px 5px; }  

.protall img { width: 100%; box-shadow: 0px 6px 5px rgba(0,0,0,0.25); }

.protall li { font-family: Oswald; font-weight: 300; position: relative; z-index: 10;  }
.protall li a { color: #fff;  }
 
.protall li a strong { background: rgba(0,0,0,0.44); position: absolute; bottom: 5px; left: 0; margin: 0 0 0 0rem; width: calc(100% - 1rem); padding: 0.5rem 0.5rem; font-weight: 400; font-size: 0.95rem; line-height: 1.25; text-shadow: 0px 0 3px rgba(0,0,0,0.99), 0px 0 5px rgba(0,0,0,0.99);  }
 
.protall li a strong span { display: block; font-weight: 300; font-size: 0.9rem; padding: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;  border-top: 1px dashed rgba(255,255,255,0.5);  line-height: 1.33;  }

.protall li a em {  position: absolute; font-style: normal; font-size: 0.9em; top: 20px; right: -8px; padding: 0 10px 0 10px; line-height: 26px; height: 26px; color: #fff;   text-shadow: 1px 1px 8px rgba(0,0,0,0.99);  box-shadow: -3px 3px 5px rgba(0,0,0,0.5);   transition: all 111ms cubic-bezier(0.250, 0.250, 0.250, 0.250);  }

.protall li a em:after { content: ''; display: block; position: absolute; top: 24px; right: 0; background: transparent; border-right: 8px solid transparent; z-index:  -10;  }



.protall li a em, a.prfimg em.u20 { background: #cc0000; }
.protall li a em:after, a.prfimg em.u20:after { border-top: 45px outset #880000; }

.protall li a em.u40 { background: #e9561f  ; }
.protall li a em.u40:after { border-top: 45px outset #993300; }

.protall li a em.u60 { background: #f7b20f  ; }
.protall li a em.u60:after { border-top: 45px outset #cc6600; }

.protall li a em.u80 { background: #5eb2bf  ; }
.protall li a em.u80:after { border-top: 45px outset #336699; }

.protall li a em.u100 { background: #99cc00 ; }
.protall li a em.u100:after { border-top: 45px outset #669900; }

.protall li a em.a100 { background: #339933; }
.protall li a em.a100:after { border-top: 45px outset #006600; }

.protall li a em.n0 { display: none; }

.protall li a:hover em { background: #444; }
.protall li a:hover em:after { border-top: 45px outset #444; }




 .unseenmarked,  .unseenmarked:hover  { background: rgba(0,0,0,0.66); border: none; margin: 46px 0 0 0; width: auto; font-weight: 300; padding: 0; display: block;  position: absolute; font-style: normal; font-size: 0.9rem; top: 0px; right: 0px; padding: 0 6px 0 5px; line-height: 25px; height: 25px; color: #fff;  text-shadow: 1px 1px 8px rgba(0,0,0,0.99); cursor: pointer;  transition: all 111ms cubic-bezier(0.250, 0.250, 0.250, 0.250);  }

 .unseenmarked:hover { background: green;  font-family: Oswald; }
 

.unseenmarked {
 font-size: 1.0em;  
}

.unseenmarked:before {
  content: '✔';  
}
.unseenmarked:hover:before {
  content: "I've Watched All Eps";
}

  .friendepisode div {  line-height: 20px; width: calc(100% - 20px); overflow: hidden; padding: 6px 10px; font-size: 0.8rem; } 
  .friendepisode div a { color: #ee4500; }
  .friendepisode div:nth-child(odd) { background: rgba(0,0,0,0.09); }
  .friendepisode div:nth-child(even) { background: rgba(0,0,0,0.03); }
  .friendepisode div { border-bottom: solid 1px rgba(0,0,0,0.25); border-top: solid 1px rgba(255,255,255,0.9); font-size: 0.92rem; font-family: Roboto; font-weight: 400; color: #666; }
  .friendepisode div strong { font-weight: 400; color: #000; }  
  .friendepisode .block { display: block; float: left; width:  calc(100% - 110px); overflow: hidden;  white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;  }
  .friendepisode .tago { display: block; float: right; width: 110px; text-align: right; color: #999; font-size: 0.75rem; }

 
  .friendlist li { line-height: 1.75 ; font-family: Oswald; letter-spacing: -0.015rem; padding-left: 8px; font-size: 1.6rem; color: #555; font-weight: 100; border-top: 1px #aaa dashed; }
  .friendlist li i {  color: OrangeRed; display: inline-block; font-weight: 300; }
   
  .friendepisode { width: 55%; margin: 0 0 0 0; border-top: solid 1px rgba(0,0,0,0.25);  float: left;   }

 

  .friendshow { padding: 0 0 0 15px; }
  .friendshow strong { font-weight: 300 !important; }
  .friendshow strong span { font-size: 1.1rem !important; color: OrangeRed; margin-top: 3px !important; padding-top: 0 !important; border: none !important;  }



.summaryinfo h3 {  margin: 15px 0 0 0; font-size: 2.5rem; }


 
#proforder button { width: 90px; text-align: center; margin: 0 0 8px 5px ; padding: 10px 0; line-height: 1.2; border: none; border-radius: 4px; background: #555; color: #fff; font-family: Oswald; text-shadow: 0 0 3px rgba(0,0,0,0.5); cursor: pointer; font-size: 0.95rem; font-weight: 300;  box-shadow: 0px 5px 5px rgba(0,0,0,0.25);  outline: 0;  transition: all 111ms linear; } 
 
#proforder button:active { outline-color: none; }
#proforder button:hover {  background: MediumVioletRed ; box-shadow: 0px 0 0 rgba(0,0,0,0.25);   }

#proforder button.style-on { background: purple; color: #fff; box-shadow: 0px 0 0 rgba(0,0,0,0.25); }



 .hide { visibility: hidden !important; height: 0px !important; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }