/*
Theme Name: animekin v1.0
Theme URI: http://sorastudio.id/soramedia
Author: Sora Studio
Author URI: http://sorastudio.id
Description: Theme for streaming anime, drama, movie
Version: 1.0
Text Domain: soramedia
*/


/* ---------------- RESET CSS ---------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;direction: ltr;}

/* HTML5 display-role reset for older browsers */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{margin: 5px 0;quotes:none;background:#FAFAFA;border-left:3px solid #F2F2F2;padding:5px 10px}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{color:#3977B7;text-decoration:none;transition:color .1s linear;-moz-transition:color .1s linear;-webkit-transition:color .1s linear}
:focus{outline:none}
a:hover{text-decoration:underline}
p {margin: 10px 0;}



/* Styling Button Back to Top */
.go-top {
    position: fixed;
    bottom: 25px;
    right: 22px;
    text-decoration: none;
    color: #fff;
    padding: 7px 7px;
    background: rgba(10, 9, 9, 0.87);
    font-size: 12px;
    display: none;
}

.go-top:hover {
    background: #2d5d91;(0, 0, 0, 0.5); 
}

/********** GENERAL **********/
body {
    color: #222;
    font-size: 14px;
    background: #5d5e5c;
    background-attachment: fixed;
    font-family: 'Open Sans', arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    line-height: 21px;
    margin: 0px auto;
    padding: 0px;
}
.left, .alignleft {
    float: left;
}
.relative {
    position: relative;
}
#body-main-wrap {
    width: 100%;
    -webkit-transition: -webkit-transform 0.3s ease;
    -moz-transition: -moz-transform 0.3s ease;
    -ms-transition: -ms-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
}
.body-main-out {
    margin: 0 auto;
}
.body-main-in {
    margin: 0 10px;
}
#body-main-cont {
    float: none;
    overflow: hidden;
    margin: 30px auto;
    margin-top: 0;
    max-width: 1089px;
    background: #FFF;
    padding-bottom: 20px;
}
#home-main-wrap {
    width: 100%;
}
.home-wrap-out1 {
    float: left;
    margin-right: -345px;
    position: relative;
    width: 100%;
}
.home-wrap-in1 {
    margin-right: 345px;
}
#home-left-wrap {
    width: 100%;
}
#home-mid-wrap {
    width: 100%;
}
#archive-list-wrap {
    padding: 0 1.87265917603% 20px;
    width: 96.2546816479%;
}
#archive-list-wrap .box {
    width: 100%;
    overflow: hidden;
}
.clear{clear:both}


/********** MENU **********/
#header {
    margin: 20px;
    overflow: hidden;
}
#header .logo {
    height: 90px;
    float: left;
}
#header .headads {
    float: right;
}


/********** MENU **********/
#main-menu {
    position: relative;
    font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
    margin: 0 1px;
    margin-bottom: 15px;
    background: #0483CE;
}
#main-menu .centernav {
    margin: 0 auto;
    border-bottom: 3px solid #52B2FF;
}
#main-menu ul{position:relative;float:left}
#main-menu ul .current-menu-item a{background:#0366A0;color: #FFF;}
#main-menu ul li{float:left;position:relative}
#main-menu ul li a {
    color: #FFF;
    display: block;
    font-size: 14px;
    text-align: center;
    line-height: 50px;
    padding: 0 10px;
}
#main-menu ul li a:hover {
    text-decoration: none;
    background: #0366A0;
    box-shadow: inset 0 0 8px #0D4D73;
    color: #FFF;
}
#main-menu ul li ul{position:absolute;border-top:1px solid #23282D;top:50px;display:none;z-index:9999;box-shadow:0 3px 5px rgba(0,0,0,.2);background:#32373c}
#main-menu ul li:hover ul{display:block}
#main-menu ul li ul li {float:none;}
#main-menu ul li:hover ul li ul {display: none;}
#main-menu ul li ul li a{display:block;min-width:160px;font-size:14px;font-weight:400;text-transform:none;padding:5px 10px;line-height:20px;text-align:left}
#main-menu ul li ul li a:hover {
    background: rgb(35, 40, 45);
    box-shadow: inset 0 0 5px #171717;
}
#main-menu .random{float:right;color:#FFF;text-transform:uppercase;background:#5F5F5F;cursor:pointer;line-height:37px;font-weight:700;font-size:14px;padding:0 15px}
#main-menu .random:hover{background:#ECECEC;color:#333;text-decoration:none}
.show-menu{display:none;color:#FFF;line-height:37px;font-size:16px;font-weight:700;text-transform:uppercase;text-align:center;cursor:pointer}
input[type=checkbox]{display:none;-webkit-appearance:none}
input[type=checkbox]:checked ~ #menu-menu{display:block;z-index:9999;float:none;background:#222;position:relative}

/* ---------------- MENU SEARCH CSS ---------------- */
.search {
    float: right;
}
.search #form {
    padding: 10px;
}
.search #form #s {
    border: 0;
    width: 175px;
    color: #333;
    font-family: 'Open Sans', sans-serif;
    background-color: #ffffff;
    border: 1px solid #e5e2e2;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
}
.search #form #sel {
    margin: 0;
    color: #888;
    border: none;
    outline: none;
    display: inline-block;
    font-family: 'Open Sans',sans-serif;
    background-color: #ffffff;
    border: 1px solid #e5e2e2;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 5px;
}
.search #form #submit {
    color: #FFF;
    cursor: pointer;
    font-family: 'Open Sans',sans-serif;
    background: #0366A0;
    border: 1px solid #0366A0;
    border-radius: 3px;
    padding: 5px 5px;
}
/* Ongoing Page */
@media only screen and (max-width: 768px) {

.anipost {
  float: left;
    overflow: hidden;
    width: 10%;}

.anipost .left img {
  float:left;
  height:100%;
  max-width:63px;
}
}

/********** i8ndex **********/
.judulspace {
white-space: nowrap;
}
/********** i8ndex **********/
.anipost {
  overflow:hidden;
  padding-bottom:5px;
  border-bottom:1px solid #F1F1F1;
  margin-bottom:10px;
  width: 100%;
}

.anipost img {
    float: left;

    margin-top: 0;

    width: 90px;
    height: auto;
    max-width: 100%;
    margin-bottom: 7px;
    margin-right: 9px;
    padding: 7px;
}


.anipost .left {
    overflow: hidden;
    height: 10%;
    width: 100%;
    /* padding: 5px; */
    position: relative;
    background: #ffffff;
    /* border-bottom: 1px solid #ddd; */
    /* margin: 8px 0px; */

   border-top: 3px dotted #DDD;
}

}

.anipost .left img {
  float: left;
    overflow: hidden;
    height: auto;
    width: auto;

}

.anipost .left h2 {
      color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 3px;
}

.anipost .left h2 a {
  color:#444;
}

.anipost .left h2 a:hover {
  color:#2977BE;
  text-decoration:none;
}

.anipost .left span {
  font-family:sans-serif;
  display:block;
  font-size:11px;
  line-height:17px;
  color:#777;
}

.anipost .left span a {
  color:#777;
}

.anipost .left span.viewer {
  position:absolute;
  right:10px;
  background:#D38C8C;
  color:#FFF;
  font-weight:bold;
  padding:4px 0;
  width:65px;
  display:none;
  text-align:center;
  bottom:7px;
}
/********** WATCH AREA **********/
.watch h1 {
    font-size: 16px;
    margin-bottom: 5px;
    line-height: normal;
}
.watch .navig {
    overflow: hidden;
    margin-bottom: 10px;
}
.watch .navig .fb-like {
    float: left;
}
.watch .navig .sora_navigation {
    float: right;
    font-size: 13px;
    overflow: hidden;
    font-weight: bold;
}
.watch .navig .sora_navigation .nav {
    margin-left: 10px;
}
.watch .navig .sora_navigation .all {
    float: initial;
}
.watch .navig .sora_navigation .next {
    float: right;
}
.watch .navig .sora_navigation .prev {float: left;}
.watch .sora_video {
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
}
.watch .sora_video iframe {
    width: 100%;
    min-height: 420px;
}
.watch .sora_mirror {
    overflow: hidden;
    margin: 0 -2px;
}
.watch .sora_mirror li {
    width: 33.3333333%;
    overflow: hidden;
    float: left;
}
.watch .sora_mirror li a {
    display: block;
    padding-left: 10px;
    line-height: 35px;
    overflow: hidden;
    color: #222;
    border-radius: 5px;
    margin: 2px;
    background: #f0f0f0;
    border-bottom: 3px solid #e0e0e0;
}
.watch .sora_mirror li a:hover {
    background: #0483CE;
    color: #FFF;
    text-decoration: none;
}
.watch .sora_mirror li span {
    width: 40px;
    background: #6B7379;
    font-weight: bold;
    color: #FFF;
    float: right;
    text-align: center;
}
.watch .sora_mirror li a:hover span {background: #3E4346;}
.watch .sora_download {
    overflow: hidden;
}
.watch .sora_download li {
    width: 33.333333%;
    float: left;
    overflow: hidden;
    display: block;
}
.watch .sora_download li:nth-child(odd) a {
    background: #F0F0F0;
}
.watch .sora_download li a {
    display: block;
    padding-left: 10px;
    line-height: 35px;
    color: #444;
    margin: 4px;
    border-radius: 5px;
    border: 1px solid #EAE9E9;
}
.watch .sora_download li a:hover {
    color: #FFF;
    font-weight: bold;
    background: #55585A;
    text-decoration: none;
}
.watch .sora_download li span {
    line-height: normal;
    font-size: 10px;
    font-weight: bold;
    color: #FDFDFD;
    border-radius: 4px;
    padding: 2px 10px;
    margin: 8px;
    background: #6B7379;
    text-transform: uppercase;
    float: right;
    text-align: center;
}
.opt {
    margin-bottom: 15px;
}
.opt h3 {
    margin-bottom: 5px;
}
.sosmed {
    margin: 0 -5px;
    overflow: hidden;
    margin-bottom: 5px;
}
.bux {
    float: left;
    width: 33.3333%;
}
.bux a {
    color: #FFF;
    background: #FAFAFA;
    margin: 5px;
    padding: 7px;
    display: block;
    text-align: center;
}
.bux a i {
    font-style: normal;
}
.bux a:hover {
    text-decoration: none;
}
.fb a {
    background: #587EB7;
}
.twt a {
    background: #6ECBE0;
}
.gplus a {
    background: #DE4F4F;
}
select#episodes {
    float: left;
    width: 150px;
    margin-top: 5px;
    padding: 1px 5px;
    display: block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
    font-family: 'Open Sans',sans-serif;
}

/********** SERIES AREA **********/
.series {}
.series h1 {
    font-size: 17px;
    line-height: normal;
    margin-bottom: 10px;
}
.series .gap {
    margin-left: 7px;
    border-left: 1px solid #DDD;
    padding-left: 7px;
    overflow: hidden;
    width: auto;
}
.series .left {
    float: left;
    width: 30%;
}
.series .left img {
    width: 100%;
    height: auto;
}
.series .left .info {
    margin: 10px 0;
}
.series .left .info h3 {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #DDD;
}
.series .left .info span {
    display: block;
    font-size: 13px;
}
.series .left .info span b {}
.series .left .info span a {}
.series .right {
    width: 70%;
    float: right;
}
.series .right p {}
.series .right .series_box {
    padding: 10px;
    border: 1px solid #DDD;
    margin-bottom: 15px;
    border-radius: 5px;
}
.series .right .series_box h3 {
    margin: -10px;
    margin-bottom: 10px;
    padding: 7px;
    background: #FAFAFA;
    border-bottom: 1px solid #DDD;
}
.series .right .sora_eps {
    overflow: hidden;
}
.series .right .sora_eps li {
    padding: 5px 0;
    overflow: hidden;
    border-bottom: 1px solid #DDD;
}
.series .right .sora_eps li:hover {
    box-shadow: 0 0 5px #DDD;
    background: #FAFAFA;
}
.series .right .sora_eps li span {
    float: right;
}
.series .right .sora_eps li a {}
.series .right .rev {
    overflow: hidden;
    margin-bottom: 15px;
}
.series .right .rev .leftx {
    float: left;
    width: 75%;
}
.series .right .rev .leftx .scr {
    background-color: #F6F6F6;
    border-radius: 5px;
    border: 1px solid #DDD;
    padding: 5px;
    font-size: 13px;
    overflow: hidden;
    margin-right: 5px;
}
.series .right .rev .leftx .scr .score {
    border-right: 1px solid #DDD;
    padding-right: 5px;
    text-align: center;
    margin-right: 5px;
    float: left;
}
.series .right .rev .leftx .scr .score .num {
    display: block;
    font-weight: bold;
    font-size: 20px;
}
.series .right .rev .leftx .scr .score .num span {
    display: block;
}
.series .right .rev .leftx .scr .score .num span b {
    display: block;
    border-radius: 3px;
    padding: 1px 5px;
    line-height: normal;
    margin-bottom: 3px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 10px;
    background: #0483CE;
}
.series .right .rev .leftx .scr .exc {
    overflow: hidden;
}
.series .right .rev .leftx .scr .exc span {
    margin-right: 10px;
}
.series .right .rev .leftx .scr .exc span b {}
.series .right .rev .leftx .scr .exc .gen {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.series .right .rev .leftx .scr .exc .gen b {}
.series .right .rev .leftx .scr .exc .gen a {}
.series .right .rev .rightx {
    float: right;
    width: 25%;
}
.series .right .rev .rightx .latestest {
    font-size: 13px;
    font-weight: bold;
    border-radius: 5px;
    border: 1px solid #DDD;
    line-height: normal;
    text-align: center;
}
.series .right .rev .rightx .latestest .latestheader {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: normal;
    padding: 5px 0;
    color: #FFF;
    background: #0483CE;
}
.series .right .rev .rightx .latestest .latestepisode {
    padding: 2px 2px;
    font-size: 17px;
}
.series .right .rev .rightx .latestest .latestepisode a {color: #222;}


/** Post Grid responsive **/
@media only screen and (max-width: 600px){
.lts .grid ul li {
    margin: 0!important;
    width: 50%!important;
}}
/** Post Grid **/
.lts {
    overflow: hidden;
    margin-bottom: 20px;
}
.lts .grid {  }
.lts .grid ul li{padding-bottom:5px;width:24.2%;float:left;overflow:hidden}
.lts .grid .detpost{overflow:hidden;padding:2px 5px}
.lts .grid ul li .thumb{position:relative;overflow:hidden;width:100%;height:150px}
.lts .grid span#eps{position:absolute;z-index:999;padding:2px 5px;margin:5px;color:#fff;background:rgb(36, 124, 173)}




.lts .grid ul li .thumb img{width:100%;height:auto;min-height:150px;transform:scale(1.0);transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in}
.latest-tgl {
    font-size: 11px;
    color: #666;
    font-family: arial;
    padding: 5px 0;
}
h2.episodeye{height:65px;transition:.3s linear}
h2.episodeye{color:#fff;bottom:-10px;background:rgba(17,17,17,0.63);width:100%;font-weight:500;padding: 6px 0px;font-size:13px;line-height:20px;position:absolute;height:25px;transition:.3s linear;text-align:center}
h2.episodeye a{color:#fff}
.lts .grid ul li .thumb a:hover h2.episodeye{height:65px;transition:.3s linear}

/********** LIST AREA **********/
.lts {
    overflow: hidden;
    margin-bottom: 20px;
}
.lts h3 {
    margin-bottom: 12px;
    line-height: 0.9;
    font-size: 14px;
    padding: 7px 0;
    box-shadow: 0 5px #DDD;
}
.lts h3 span {
    padding-bottom: 4px;
    box-shadow: 0 5px #0483CE;
}
.list {
    margin: -0.25%!important;
    width: 100%!important;
    display: inline-block;
}
.list .item:first-child {
    margin-left: .25%!important;
}
.list .item {
    margin: .25%!important;
    width: 24.5%!important;
    max-height: 205px;
    border-radius: 4px;
    overflow: hidden;
    display: block;
    float: left;
    line-height: 0;
    position: relative;
    padding: 0!important;
    color: #f9f9f9;
    table-layout: fixed;
    list-style-type: none;
    list-style-position: outside;
}
.movies .item {
    width: 24%!important;
    margin: 0.5%!important;
    max-height: 240px;
}
.movies .item:first-child {
    margin-left: .5%!important;
}
.list .item img {
    z-index: 0;
    width: 100%;
    height: auto;
}
.movies .item img {
    z-index: 0;
    width: 100%;
    height: 240px;
}
.list .item .overlay {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    line-height: 1;
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    opacity: 0;
    background-color: rgba(0,0,0,.4);
}
.list .item:hover .overlay {
    opacity: 1;
}
.list .item .overlay .actions {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    width: 100%;
    margin-top: -1.25rem;
}
.list .item .overlay .actions .action {
    text-align: center;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    font-size: 2.5rem;
    color: #f9f9f9;
}
.list .item .overlay .actions .action .dashicons {
    margin: 0 auto;
    font-size: 40px;
    color: inherit!important;
    width: 40px;
    height: 40px;
    display: block;
}
.list .item .overlay .actions .action .dashicons:hover {
    text-decoration: none;
    color: #0483CE!important;
}
.list .item .overlay .actions .action .lang {
    margin: 0 auto;
    border-radius: 3px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    display: table;
    padding: 3px 5px;
    text-align: center;
}
.list .item .overlay .actions .action .Subbed {
    background: rgba(7, 206, 4, 0.7);
}
.list .item .overlay .actions .action .RAW {background: rgba(220, 37, 37, 0.7);}
.list .item .title.sub {
    top: 0;
    bottom: auto;
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);
    background: linear-gradient(to top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);
    text-transform: uppercase;
    font-weight: 800;
    font-size: 12px;
    margin-bottom: .4rem;
}
.list .item .title {
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    line-height: 1;
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);
    font-size: 14px;
    text-shadow: 1px 1px 2px #1B1C1D;
}
.list .item .title .ctr {
     margin: .65rem;
    color: #FFF;
    line-height: normal;
    
}
.list .item .title.sub .ctr .number {
    font-size: 15px;
}
.list .item .title.sub .ctr .time {
    text-shadow: none;
    border-radius: 2px;
    float: right;
    padding: 3px 4px;
    padding-top: 2px;
    background: rgba(4, 131, 206,0.7);
    font-size: 11px;
    margin-top: 0px;
}
.movies .item .title.sub .ctr .time a {
    color: #FFF;
}
.list .item .title.sub .time .dashicons {
    margin: 0;
    color: #f9f9f9;
}
.list .item .title .limit {
    line-height: 15px;
    -webkit-transition: max-height .3s;
    transition: max-height .3s;
    max-height: 06rem;
    font-weight: 600;
    text-align: center;
    font-size: 13px;
    overflow: hidden;
    color: #FAFAFA;
    text-shadow: 1px 1px 2px #1B1C1D;
}
.list .item:hover,.list .item .overlay .actions .action,.list .item .title .limit:hover {
    text-decoration: none;
}
.list .item .ttlx {display:none;}

/* ---------------- TOOLTIP CSS ---------------- */

.seriestitle{display:block;font-size:14px;font-weight:700;background:#141414;color:#888;line-height:30px;margin:-5px -9px 5px;padding:0 7px}
.seriestitle .score{margin:3px;float:right;line-height:23px;color:#888}
.infseries {
  overflow: hidden;
  margin: 5px 0;
}
.infseries img{float:left;width:150px;height:200px;padding:1px;border:1px solid #525151;margin-right:10px}
.infseries .right{font-size:12px;line-height:18px;color:#a2a2a2}
.infseries .right span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.infseries .right b{color:#a2a2a2}
.infseries .right a{color:#a2a2a2}
.infseries .right .deskrip{border-top:1px solid #515151;display:block;margin-top:5px;padding-top:5px;margin-left:168px}
.infseries .right .deskrip p{margin:0}

/********** ADVANCED SEARCH **********/

.adv {
    overflow: hidden;
    position: relative;
}
.adv form {
    border-bottom: 1px solid #DDD;
    margin: 0 -3px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    overflow: hidden;
}
.adv form .slc .rng {
    margin: 3px;
}
.adv form .slc {
    float: left;
    width: 33.333%;
}
.adv form .slc .postform {
    width: 100%;
    padding: 5px;
    display: block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
    font-family: 'Open Sans',sans-serif;
}
.adv form .ss {
    margin: 3px;
    border: 0;
    padding: 5px 10px;
    background: #555;
    border-radius: 3px;
    color: #FFF;
    font-family: 'Open Sans',sans-serif;
    cursor: pointer;
}
.advs form {
    margin: 0;
}
.advs form .slc {
    float: none;
    width: 100%;
}
.advs form .slc .rng {
    margin: 5px 0;
}
.advs form .ss {
    margin: 0;
}

/********** PAGES AREA **********/

.pages {
    overflow: hidden;
}
.pages h1 {
    margin-bottom: 12px;
    line-height: 0.9;
    font-size: 14px;
    padding: 7px 0;
    box-shadow: 0 5px #DDD;
}
.pages h1 span {
    padding-bottom: 4px;
    box-shadow: 0 5px #0483CE;
}
.pages .konten {overflow: hidden;}

/********** MOVIES AREA **********/

.infomovies {
    padding: 10px 0;
    margin: 10px 0;
    border-top: 1px dotted #DDD;
    border-bottom: 1px dotted #DDD;
    overflow: hidden;
}
.infomovies .thumb {
    width: 22%;
    float: left;
}
.infomovies .thumb img {
    width: 100%;
    height: auto;
}
.infomovies .infox {
    width: 78%;
    float: right;
}
.infomovies .infox .lmt {
    overflow: hidden;
    margin-left: 15px;
}
.infomovies .infox .lmt h3 {
    font-size: 16px;
}
.infomovies .infox .lmt .genres {
    font-size: 13px;
    margin-bottom: 5px;
}
.infomovies .infox .lmt .genres span {}
.infomovies .infox .lmt .genres span b {}
.infomovies .infox .lmt .genres span a {}
.infomovies .infox .lmt .genres span a:hover {}
.infomovies .infox .lmt .sinop {
    color: #999;
    font-style: italic;
    margin-bottom: 10px;
}
.infomovies .infox .lmt .sinop p {
    margin: 0;
}
.infomovies .infox .lmt .ltsinfo {
    overflow: hidden;
}
.infomovies .infox .lmt .ltsinfo li {
    width: 50%;
    float: left;
}
.infomovies .infox .lmt .ltsinfo li span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    margin-right: 10px;
}
.infomovies .infox .lmt .ltsinfo li span b {}
.infomovies .infox .lmt .ltsinfo li span a {}

/********** SIDEBAR **********/
#arch-right-col {
    float: right;
    margin-left: 15px;
    width: 330px;
}
#arch-right-col .sidebar {
    margin-right: 20px;
    overflow: hidden;
}
#arch-right-col .sidebar .side {
    margin-bottom: 15px;
}
#arch-right-col .sidebar .side h3 {
    background: #333;
    font-weight: normal;
    color: #FFF;
    padding: 8px 10px;
}
#arch-right-col .sidebar .side .textwidget {
    margin-top: 5px;
}
#arch-right-col .sidebar .side ul {
    border: 1px solid #DDD;
    border-top: 0;
    border-bottom: 0;
}
#arch-right-col .sidebar .side ul li {
    overflow: hidden;
    padding: 5px;
    border-bottom: 1px solid #DDD;
}
#arch-right-col .sidebar .side ul li a {
    color: #444;
}
#arch-right-col .sidebar .side .ltsm {}
#arch-right-col .sidebar .side .ltsm li {}
#arch-right-col .sidebar .side .ltsm li .ltsx {
    overflow: hidden;
}
#arch-right-col .sidebar .side .ltsm li .ltsx .img {
    width: 48px;
    height: 48px;
    overflow: hidden;
    float: left;
}
#arch-right-col .sidebar .side .ltsm li .ltsx .img .limit {
    margin: 1px;
}
#arch-right-col .sidebar .side .ltsm li .ltsx .img .limit img {
    width: 100%;
    height: auto;
}
#arch-right-col .sidebar .side .ltsm li .ltsx .xinfo {
    overflow: hidden;
    display: block;
}
#arch-right-col .sidebar .side .ltsm li .ltsx .xinfo .mgn {
    margin-left: 5px;
    height: 42px;
    padding: 3px 5px;
    background: #F5F5F5;
}
#arch-right-col .sidebar .side .ltsm li .ltsx .xinfo .mgn .title {
    display: block;
    font-weight: bold;
    font-size: 13px;
    color: #3977B7;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#arch-right-col .sidebar .side .ltsm li .ltsx .xinfo .mgn span {
    display: block;
    overflow: hidden;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#arch-right-col .sidebar .side .ltsm li .ltsx .xinfo .mgn span b {
    display: none;
}
#arch-right-col .sidebar .side .ongoing {
    font-size: 13px;
    max-height: 400px;
    overflow-y: scroll;
}
#arch-right-col .sidebar .side .ongoing::-webkit-scrollbar {
    width: 10px;
    background-color: #EEEFF1;
}
#arch-right-col .sidebar .side .ongoing::-webkit-scrollbar-thumb {
    background-color: #0483CE;
}
#arch-right-col .sidebar .side .ongoing li:nth-child(odd) {
    background: #FAFAFA;
}
#arch-right-col .sidebar .side .ongoing li .l {
    max-width: 70%;
    display: block;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#arch-right-col .sidebar .side .ongoing li .epsx {
    width: 30%;
    float: right;
    text-align: right;
}
#arch-right-col .sidebar .side .ongoing li .epsx a {
    margin-left: 5px;
    color: #0483CE;
    display: block;
}

/********** GENRES **********/
.taxlist {
    overflow: hidden;
}
.taxlist li {
    width: 50%;
    float: left;
}
.taxlist li a {
    display: block;
    padding-right: 10px;
}

/********** GENRES **********/

.arch {}
.arch h1 {
    margin-bottom: 12px;
    line-height: 0.9;
    font-size: 14px;
    padding: 7px 0;
    box-shadow: 0 5px #DDD;
}
.arch h1 span {
    padding-bottom: 4px;
    box-shadow: 0 5px #0483CE;
}
.arch .acf {
    overflow: hidden;
    border-bottom: dashed 1px #DDD;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.arch .acf .limit {}
.arch .acf .l {
    float: left;
    overflow: hidden;
    width: 10%;
}
.arch .acf .l img {
    width: 100%;
    height: auto;
    border-radius: 3px;
}
.arch .acf .r {
    float: right;
    width: 90%;
    overflow: hidden;
}
.arch .acf .r .p {
    padding-left: 10px;
}
.arch .acf .r h2 {
    margin-bottom: 5px;
}
.arch .acf .r .sinopsis {
    margin-bottom: 5px;
    font-style: italic;
    color: #777;
}
.arch .acf .r .sinopsis p {
    margin: 0;
    padding: 0;
}
.arch .acf .r span {
    color: #555;
    font-size: 13px;
}
.arch .acf .r span b {}

/********** PAGINATION **********/

.pagination {
    padding-top: 10px;
    padding: 4px;
    clear: both;
    display: block;
    overflow: hidden;
    text-align: right;
    float: left;
}
.pagination .page-numbers {
    padding: 2px 8px;
    border-radius: 3px;
    background: #0483CE;
    color: #FFF;
    display: inline-block;
}
.pagination .current {
    background: #333;
}
.pagination .next {}
.pagination .prev {}

.soralist {}
.soralist .nav_apb {
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
}
.soralist .nav_apb a {
    display: inline-block;
    width: 3.3%;
    border-radius: 2px;
    font-weight: bold;
    color: #FFF;
    background: #0366A0;
    font-size: 11px;
    margin: 2px;
}
.soralist .nav_apb a:hover {
    background: #333;
    text-decoration: none;
}
.soralist span {
    display: block;
    margin-bottom: 12px;
    line-height: 0.9;
    font-size: 14px;
    padding: 7px 0;
    box-shadow: 0 3px #DDD;
}
.soralist span a {
    padding: 0 5px;
    padding-bottom: 4px;
    box-shadow: 0 3px #0483CE;
    font-weight: bold;
}
.soralist ul {
    margin-bottom: 10px;
    overflow: hidden;
}
.soralist ul a {
    width: 49%;
    padding-right: 7px;
    display: block;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #555;
}

/* ---------------- FOOTER CSS ---------------- */

#widgetfooter{margin-top:20px;min-height:225px;overflow:hidden;padding:0;font-size:13px;color:#9c9c9c;border-top:1px solid #151515;background:url(/wp-content/themes/soramedia1/images/foot.png)#2F2F2F;box-shadow:2px 2px 6px #000}
#widgetfooter .center {
    position: relative;
    text-align: left;
    overflow: hidden;
    padding: 0 10px;
    max-width: 1120px;
    margin: 0 auto;
}
#widgetfooter .widfoot {
    float: left;
    width: 25%;
}
#widgetfooter .widfoot .mgn {
    margin-top: 25px;
    margin-right: 20px;
    margin-bottom: 15px;
}
#widgetfooter .widfoot h3 {
    color: #138CBE;
    line-height: 1.2em;
    font-size: 14px;
    font-weight: 700;
    padding: 4px 0;
    border-bottom: 4px solid #565656;
    margin: 0;
    text-transform: uppercase;
}
#widgetfooter .widfoot ul{margin:0}
#widgetfooter .widfoot ul li{border-bottom:1px solid #545454;padding:3px 0;margin:0}
#widgetfooter .widfoot ul li a{color:#ccc}
#widgetfooter .widfoot ul li a:hover{color:#0085BE}
#widgetfooter .widfoot ul .cat-item{border:none;margin:0;padding:0;float:left}
#widgetfooter .widfoot ul .cat-item a{background:#555!important;display:block;margin:0 1px 1px 0;color:#eee;padding:6px 8px}
#widgetfooter .widfoot ul .cat-item a:hover{background:#2EA9DA!important;text-decoration:none}
#footer{background:#252525;padding-top:8px;color:#919191;padding-bottom:8px;line-height:30px;overflow:hidden;font-size:13px}
#footer a{color:#919191}
#footer a:hover{color:#fff}
#footer .inner {
    padding: 0 10px;
    max-width: 1085px;
    margin: 0 auto;
}
#footer .inner .copyright{float:left}
#footer .inner .other{float:right}

/********** RESPONSIVE **********/
@media screen and (max-width: 1399px) and (min-width: 1250px){
#archive-list-wrap {
    padding: 0 2.78551532033% 20px;
    width: 94.4289693593%;
}
}
@media screen and (max-width: 1249px) and (min-width: 1100px){
#archive-list-wrap {
    padding: 0 2.78551532033% 20px;
    width: 94.4289693593%;
}
}
@media screen and (max-width: 1099px) and (min-width: 1004px){
#archive-list-wrap {
    padding: 0 3.11526479751% 20px;
    width: 93.769470405%;
}
}
@media screen and (max-width: 1249px) and (min-width: 900px){
.watch .sora_video iframe {
    min-height: 320px;
}
}
@media screen and (max-width: 1003px) and (min-width: 900px){
#archive-list-wrap {
    padding: 0 3.6496350365% 20px;
    width: 92.700729927%;
}
}
@media screen and (max-width: 899px) and (min-width: 768px){
#archive-list-wrap {
    padding: 0 4.80769230769% 20px;
    width: 90.38446153846%;
}
.watch .sora_video iframe {
    min-height: 250px;
}
.list .item {
    width: 32.5%!important;
}
.movies .item {
    width: 32%!important;
}
.list .item .title .limit {
    max-height: 8rem;
    font-size: 12px;
}
}
@media screen and (max-width: 767px) and (min-width: 660px){
.body-main-out, .body-main-in {
    margin: 0;
    right: auto;
}
#archive-list-wrap {
    padding: 0 3.11041990669% 20px;
    width: 93.7791601866%;
}
}
@media screen and (max-width: 767px){
.home-wrap-out1, .home-wrap-in1 {
    margin-right: 0;
}
#arch-right-col {
    margin: 0 2.33281493002%;
    margin-top: 15px;
    width: 95.33437014%;
}
.watch .sora_video iframe {
    min-height: 270px;
}
.watch .sora_mirror li {
    width: 100%;
}
.list .item .title .limit {
    max-height: 10rem;
    font-size: 12px;
}
#arch-right-col .sidebar {
    margin-right: 0;
}
.watch .sora_download li {
    width: 100%;
    float: none;
}
.movies .item {
    width: 32%!important;
}
.adv form .slc {
    float: none;
    width: 100%;
}
.adv form .slc .rng {
    margin: 5px 3px;
}
}
@media screen and (max-width: 659px) and (min-width: 600px){
.body-main-out, .body-main-in {
    margin: 0;
    right: auto;
}
#archive-list-wrap {
    padding: 0 3.43053173242% 20px;
    width: 93.1389365352%;
}
}
@media screen and (max-width: 900px){
.series .left {
    overflow: hidden;
    margin-bottom: 10px;
    float: none;
    width: 100%;
}
.series .left img {
    float: left;
    margin-right: 10px;
    width: 30%;
    height: auto;
}
.series .left .info {
    overflow: hidden;
    margin: 0;
}
.series .right {
    width: 100%;
    float: none;
}
.series .gap {
    margin-left: 0;
    border-left: 0;
    padding-left: 0;
    overflow: hidden;
    width: auto;
}
.series .right .rev .leftx .scr .exc .aired {display:none;}
}
@media screen and (max-width: 899px){
#header {
    display: none;
}
.soralist .nav_apb a {
    width: 9%;
}
.show-menu{display:block;overflow:hidden}
.show-menu i{float:right;margin-right:15px;line-height:36px;font-size:23px}
.show-menu span{float:left;margin-left:15px}
#main-menu {
    padding: 0;
    margin: 0;
    width: 100%;
    margin-bottom: 10px;
}
#main-menu ul{position:static;display:none}
#main-menu ul li{float:none;position:relative;width:100%}
#main-menu ul li a{width:auto}
#main-menu ul li ul{width:100%}
.search {
    text-align: center;
    float: none;
    background: #555;
}
.search #form {
    padding: 5px 5px;
}
.search #form #s {
    width: 40%;
}
}
@media screen and (max-width: 659px){
#widgetfooter {
    display: none;
}
#footer {
    margin-top: 15px;
    font-size: 11px;
    text-align: center;
    background: #252525;
    line-height: 21px;
}
#footer .inner .other,#footer .inner .copyright {
    float: none;
}
}
@media screen and (max-width: 599px) and (min-width: 480px){
.body-main-out, .body-main-in {
    margin: 0;
    right: auto;
}
#archive-list-wrap {
    padding: 0 3.23974082073% 15px;
    width: 93.5205183585%;
}
.list .item {
    width: 32.5%!important;
}
.movies .item {
    width: 32%!important;
}
}
@media screen and (max-width: 479px){
.body-main-out, .body-main-in {
    margin: 0;
    right: auto;
}
#archive-list-wrap {
    padding: 0 4.166666666% 15px;
    width: 91.666666666%;
}
.series .left {
    text-align: center;
    overflow: hidden;
    margin-bottom: 10px;
    float: none;
    width: 100%;
}
.series .left img {
    display: inline-block;
    float: none;
    margin-right: 0;
    width: auto;
    height: auto;
}
.series .left .info {
    text-align: left;
}
.series .right .sora_eps li span {
    display: none;
}
.series .right .rev .leftx {
    float: none;
    width: 100%;
}
.series .right .rev .leftx .scr {
margin-right: 0;
}
.series .right .rev .rightx {
    margin-top: 10px;
    float: none;
    width: 100%;
}
.list .item {
    width: 49.5%!important;
}
.movies .item {
    width: 49%!important;
}
.bux a i {
    display: none;
}
select#episodes {
    float: none;
    width: 100%;
    margin-bottom: 10px;
}
.infomovies .thumb {
    display: none;
}
.infomovies .infox .lmt {
    overflow: hidden;
    margin-left: 0;
}
.infomovies .infox {
    width: 100%;
    float: none;
}
.infomovies .infox .lmt .ltsinfo li {
    width: 100%;
    float: none;
}
}