/* ==========================================================================
   TEMA BİLGİLERİ VE DIŞA AKTARIMLAR
   ========================================================================== */
/*
	Theme Name: DiziPlus 
	Theme URL: https://demo.fcsthemes.com/diziplus/
	Description: Wordpress Responsive DiziPlus Dizi Temasi
	Author: FcsThemes
	Author URI: https://www.fcsthemes.com/
	Version: 4.1
*/
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@600;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans&display=swap');

/* ==========================================================================
   GENEL GÖVDE VE METİN AYARLARI (Body, Linkler, Listeler)
   ========================================================================== */
body {
    background: #0d0340 url(images/bg.jpg) fixed center no-repeat;
    background-size: cover;
    color: #333333;
    font-size: 13px;
    font-weight: normal;
    font-family: 'Noto Sans', arial, serif;
    margin: 0px auto 0px;
    padding: 0px;
}

a, a:visited {
    font-size: 12px;
    color: rgba(255, 255, 255, .8);
    text-decoration: none;
}

a:hover {
    color: #ababab;
    text-decoration: none;
}

a img { border: 0; }
a:focus, a:hover, a:active { outline: none; }
li { list-style: none; }
ul { list-style: none; }
ul a { color: #ccc; }

/* ==========================================================================
   ANA YAPI VE SAYFA DÜZENİ (İskelet)
   ========================================================================== */
#wrap {
    background: #212426;
    width: 1000px;
    margin: 0px auto;
    padding: 0px;
    margin-top: 20px;
    position: relative;
    z-index: 2;
}

.episodecontent {
    float: left;
    width: 690px;
    margin-bottom: 10px;
}

.infocontent {
    float: right;
    width: 248px;
}

.singlecontent,
.commentcontent {
    width: 690px;
    float: left;
    height: auto;
    padding: 0px;
    margin-bottom: 10px;
    margin-top: 0px;
}

.incontentx {
    width: 100%;
    float: left;
    height: auto;
    padding-bottom: 15px;
}

/* ==========================================================================
   ÜST KISIM (Header ve Logo Bölümü)
   ========================================================================== */
.go {
    color: #cdc2ff;
    font-family: Poppins, arial, serif;
    text-transform: uppercase;
    font-size: 14px;
}

#header {
    width: 1000px;
    height: auto;
    color: #ffffff;
    font-size: 11px;
    margin-top: 5px;
    padding: 0px;
    overflow: hidden;
    background: linear-gradient(to right, #212426 45%, rgba(33, 36, 38, 1) 100%);
}

a.logo {
    font-weight: 900;
    font-size: 35px;
    letter-spacing: .02rem;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    color: #fff;
    font-family: Poppins, arial, serif;
}

.headerleft {
    width: auto;
    float: left;
    font-size: 14px;
    margin-left: 17px;
    margin-top: 18px;
    padding: 0px;
}

.headerleft a img { border: 0; margin-top: 0px; padding: 0px; }
.headerright {
    margin-right: 5px;
    float: right;
    font-weight: 700;
    margin-top: 25px;
}

/* ==========================================================================
   İÇERİK VE BÖLÜM (Dizi izleme alanları, hata sayfaları)
   ========================================================================== */
#content { padding: 20px; line-height: 18px; color: #fff; font-size: 12px; }

.not_found {
    font-size: 72px;
    height: 250px;
    color: #fff;
    text-shadow: 1px 1px #111111;
    font-weight: bold;
    padding-top: 150px;
    text-align: center;
    margin-bottom: 15px;
    font-family: noto sans, arial, serif;
    line-height: 30px;
}

.not_found p {
    font-size: 18px;
    padding-top: 5px;
    color: #fff;
    font-family: Poppins, arial, serif;
    font-weight: normal;
}

.categorytitle { display: inline; }
.imdbp { display: inline; color: #ffd70d; }

/* Diğer Bölümler Menüsü */
.otherepisodes {
    width: 100%;
    height: 28px;
    color: #fff;
    font-size: 13px;
    font-family: noto sans, arial, serif;
    font-weight: normal;
    padding-top: 10px;
    background: transparent;
    border-bottom: 1px dashed rgba(205, 194, 255, .1);
}

.otherepisodes.current { color: #fcfcff; font-size: 13px; }
.otherepisodes a { font-size: 13px; color: #fff; }
.otherepisodes:hover { background: #26292b; }

.epidosename {
    width: calc(100% - 7px);
    text-indent: 32px;
    margin-left: 0px;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    text-align: left;
}

#genel {
    position: relative;
    background-color: rgba(5, 1, 26, .88);
    max-height: 312px;
    width: 100%;
}

.nexpre { float: right; margin-right: 8px; margin-left: -4px; margin-top: -1px; }
.nexpre a {
    color: #fff !important;
    font-weight: normal !important;
    background-color: rgba(82, 41, 204, .25);
    padding: 3px 5px;
    border-radius: 3px;
    text-transform: none !important;
    font-size: 13px !important;
    font-family: Poppins, arial, serif;
}

.altyazitipi {
    background-color: rgba(82, 41, 204, .45);
    padding: 4px 5px;
    text-align: center;
    float: right;
    border-radius: 5px;
    font-weight: normal;
    margin-right: 4px;
    font-family: 'Poppins', arial, serif;
    margin-top: 1px;
}

.altyazitipi:hover { background: #4d4279; color: #fff; }
#addlist:hover { background: #4d4279; color: #fff; }

.whitespace { white-space: pre-wrap; }
p.whitespace { margin: 0px; padding: 0px; }

span.active {
    background: #e8b708;
    padding: 4px 5px 5px 5px;
    border-radius: 4px;
    margin-left: -5px;
    margin-right: -5px;
    color: #000;
}

/* Dizi Notu Alanları */
#dizinot2 {
    position: relative;
    max-height: 142px;
    font-size: 15px;
    margin: 0 auto;
    text-align: left;
    display: inline-block;
    margin-top: 0px;
    background-color: #1a1435;
    color: #cdc2ff;
    margin-bottom: -5px;
    line-height: 28px;
    padding: 5px 10px;
    width: calc(100% - 20px);
}

#dizinot2 span { color: #fff; }

/* ==========================================================================
   ALT KISIM (Footer Bölümü)
   ========================================================================== */
#footer {
    min-height: 57px;
    margin: 0px;
    font-family: 'Noto Sans', arial, serif;
    margin-bottom: 20px;
    padding-top: 5px;
    background: linear-gradient(to right, #212426 45%, rgba(33, 36, 38, 1) 100%);
    padding: 20px;
    width: calc(100% - 40px);
    display: flex;
}

#footer p {
    color: #ffffff;
    font-size: 11px;
    font-family: 'Noto Sans', arial, serif;
    margin: 0px;
    padding: 9px 0px 0px 0px;
}

#footer a, #footer a:visited { text-decoration: none; font-family: 'Noto Sans', arial, serif; }
#footer a:hover { color: #ffffff; text-decoration: underline; }
#footer span { font-size: 11px; color: rgba(255, 255, 255, .8); }

.footeright { text-align: right; margin-top: 10px; display: inherit; }
.footerleft {
    float: left;
    width: 100%;
    color: #cdc2ff;
    font-family: 'Noto Sans', arial, serif;
    margin-top: 10px;
    margin-bottom: 10px;
    max-height: 75px;
    overflow: hidden;
}

.readMore {
    position: absolute;
    bottom: 13px;
    font-size: 20px;
    color: #fff;
    width: 20px;
    text-align: center;
    left: 50%;
    margin-left: -10px;
    cursor: pointer;
}

/* ==========================================================================
   ARAMA VE YORUMLAR (Search, Comments, Comment List)
   ========================================================================== */
p.girisyapin { font-size: 13px; padding: 0px 15px; }

#searchform { margin: 0px; padding: 0px; overflow: hidden; display: inline; }
#searchbox {
    width: 227px;
    color: #000;
    font-size: 12px;
    font-family: 'Noto Sans', arial, serif;
    font-weight: normal;
    margin: 7px 10px 10px 10px;
    padding: 3px 0px 3px 5px;
    border: 0px;
    display: inline;
}
#searchbox:hover { border: 0px; }

/* Yorum Ekleme Kutusu */
#comment {
    background: transparent;
    width: 398px;
    height: 111px;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    margin: 0px;
    padding: 5px;
    display: inline;
    border-radius: 0px;
    font-family: noto sans, arial, serif;
    border: 1px solid rgba(205, 194, 255, .1);
    text-indent: 3px;
    overflow: hidden;
}

#comment:focus { border: 1px solid #241b52; outline: none; }

.comment_send {
    font-size: 12px;
    float: right;
    font-family: 'Noto Sans', arial, serif;
    width: 130px;
    height: 30px;
    font-weight: normal;
    border: 0px;
    cursor: pointer;
    border-radius: 0px;
    background-color: #120e26;
    color: #cdc2ff;
}

.comment_send span { padding-right: 3px; }
.comment_send:hover { color: #fff; }
.comment_send:active { border: 1px solid #184a6a; }
.comment_spoiler:focus, .comment_send:focus { outline: none; }

.comment_spoiler {
    float: left;
    font-family: 'Noto Sans', arial, serif;
    width: 116px;
    height: 30px;
    font-weight: normal;
    border: 0px;
    cursor: pointer;
    color: #cdc2ff;
    background-color: rgba(66, 51, 140, .85);
    font-size: 12px;
    margin-right: 7px;
}
.comment_spoiler:hover { color: #fff; }

.yborder { height: 36px; }

#commentform input {
    padding: 0px;
    margin: 0px 0px 0px 0px;
    color: #fff;
    background: transparent;
    font-family: noto sans, arial, serif;
    float: left;
    height: 30px;
    border: 1px solid rgba(205, 194, 255, .1);
    width: 249px;
    text-indent: 8px;
    font-size: 12px;
}

#commentform input:focus { outline: none; border: 1px solid #241b52; }
#commentform { margin: 2px 10px 0px 0px; }
#respond:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
#commentform p { margin: 5px 0px 5px 0px; }
#commentform #submit { margin: 0px; float: left; }

/* Yapılmış Yorumların Listesi */
.alt { margin: 0px; padding: 10px; }
.commentlist { margin: 0px; padding: 0px; width: 670px; }
.commentlist ol { margin: 0px; padding: 10px; }
.commentlist li {
    font-weight: normal;
    margin: 10px 0px 10px;
    padding: 10px;
    list-style: none;
    background-color: rgba(94, 77, 176, .1);
}

.commentlist li ul li { font-size: 12px; margin-right: -5px; margin-left: 0px; margin-top: 20px; }
.commentlist li .avatar { width: 30px; height: 30px; float: left; padding: 2px; margin-right: 8px; }

.commentlist cite, .commentlist cite a {
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    font-family: 'Noto Sans', arial, serif;
    color: #cdc2ff;
    font-family: Poppins, arial, serif;
}

.commentlist a { color: #fff; font-family: Poppins, arial, serif !important; }
.commentlist .url { color: #ffd70d; padding: 3px; border-radius: 4px; font-family: 'Noto Sans', arial, serif; font-size: 13px; }
.commentmetadata { font-weight: normal; }
.cancel-comment-reply { margin-left: 10px; font-weight: bold; }

.commentlist p {
    font-family: noto sans, arial, sans-serif;
    margin: 10px 5px 10px 0px;
    padding: 0px;
    font-size: 13px;
    font-weight: normal;
    text-transform: none;
    color: #e2d9ff;
}

.commentlist p:first-letter { text-transform: uppercase; }
.comment-meta { color: #818181; }
.comment-zaman { color: #d8d8d8; font-style: italic; }

.children {
    margin-bottom: -10px !important;
    padding-right: 5px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    padding-left: 0px !important;
    border-left: 3px solid #5229cc;
}

.nocomments { text-align: center; margin: 0px; padding: 0px; }
.commentmetadata {
    font-size: 10px;
    margin: 0px;
    display: block;
    border-bottom: 1px dashed rgba(205, 194, 255, .1);
    padding-bottom: 6px;
}

/* ==========================================================================
   REKLAM, SOSYAL MEDYA VE DİĞER ARAÇLAR
   ========================================================================== */
img.centered {
    padding: 1px;
    display: block;
    margin: 0 auto 0 auto;
    border: 1px solid #555;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#header_sag { z-index: 44003; margin: 0 auto; position: fixed; top: 107px; left: 50%; margin-left: 500px; }
#header_sol { z-index: 44003; margin: 0 auto; position: fixed; top: 107px; right: 50%; margin-right: 500px; }

.videoalt { float: left; text-align: center; background: rgba(5, 1, 26, .88); margin-top: 15px; width: 100%; margin-bottom: 8px; padding: 15px 0 10px 0; }
.videoust { float: left; text-align: center; background: rgba(5, 1, 26, .88); width: 100%; margin-bottom: 12px; padding: 15px 0 10px 0; }

#dizioncereklam { margin-top: 5px; margin-bottom: 15px; }
#dizioncereklam img, #dizioncereklam iframe { max-width: 100%; }

.reklamgec {
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    color: #fff;
    font-family: Poppins, arial, serif;
    background: #1c1822;
    padding: 5px 10px;
    margin: 0 0 20px 0;
}

.dizialani {
    margin: 0px;
    width: 690px;
    height: auto;
    overflow: hidden;
    color: #818181;
    font-weight: normal;
    font-family: noto sans, arial, serif;
    line-height: 21px;
    text-align: center;
    font-size: 14px;
    min-height: 60px;
    margin-top: 5px;
}

.in-page { font-weight: normal; font-size: 14px; line-height: 20px; margin-top: 0px; height: auto; overflow: hidden; color: #fff; margin-right: 12px; }
.in-page a { color: #ffd70d; }
.inpage { padding-top: 1px; }
.inpage a { color: #ffd70d; }

#alt {
    width: 100%;
    margin-top: -19px;
    background-color: rgba(18, 14, 38, 0);
    padding-top: 6px;
    height: 40px;
    display: flex;
    margin-bottom: 5px;
}

.facebook-like { float: left; width: 70px; margin: 8px; margin-right: -14px; height: 25px; }
.next-prev-episode { float: right; margin-top: 10px; margin-right: 0px; color: #ccc; font-weight: bold; }

.facebook-share { float: left; margin: 9px 6px 0px 20px; position: relative; }
.facebook-share span {
    background: #4267B2;
    color: #fff;
    padding: 4px 7px;
    border-radius: 3px;
    font-weight: bold;
    font-size: 11px;
    font-family: Arial;
}

.twitter-share { float: left; margin-top: 8px; }
.tumunugor { float: right; }
.tumunugor a {
    overflow: hidden;
    display: block;
    color: #cdc2ff !important;
    margin-top: -2px;
    border-radius: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    text-transform: none !important;
    font-weight: bold !important;
    font-size: 12px !important;
    font-family: Poppins, arial, serif !important;
}
.tumunugor a:hover { color: #fff !important; }

/* ==========================================================================
   İLETİŞİM FORMU VE KULLANICI PROFİLİ
   ========================================================================== */
p.textarea { float: right; }
.contactform { float: left; width: 400px; }
.textarea { float: left; margin-top: 10px; width: 520px; height: 235px; }

.user-left { float: left; width: 138px; padding: 0px; margin-top: 5px; }
.user-right {
    float: left;
    width: 797px;
    margin-top: 6px;
    min-height: 113px;
    background-color: rgba(5, 1, 26, .88);
    padding: 10px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.user-right a, .user-left a { color: #ccc; }
.user-right ul, .user-left ul { margin: 0px; padding: 0px; font-family: 'Noto Sans', arial, serif; font-size: 13px; }

.user-right li {
    color: #fff;
    font-size: 13px;
    list-style: none;
    padding: 8px;
    width: auto;
    border-radius: 4px;
    margin-left: -5px;
    display: inline-block;
    float: left;
    margin-top: 9px;
    font-family: Poppins, arial, serif;
}
.user-right li span { color: #ccc; }

.user-left li { list-style: none; float: left; border: 1px solid #0f0f0f; margin: 2px; border-radius: 4px; }
.user-left li a { background: #0c0c0c; text-decoration: none; width: 115px; padding: 2px 7px 2px 7px; float: left; }
.user-left li a:hover { background: #ffd70d; color: #000000; }

.user-avatar { margin: 10px; }
.user-avatar img { border: 6px solid #0f0f0f; }
.user-avatar a { color: #bf8007; }

.profile-avatar img { background: #333333; padding: 1px; border: 2px solid #0f0f0f; }
.row span { color: #ccc; }
.row a { color: #bf8007; }

/* ==========================================================================
   KULLANICI LİSTELERİ, SONRAKİLER VE BENZER DİZİLER
   ========================================================================== */
.sonrakiler {
    float: left;
    width: calc(100% - 30px);
    background: #101010;
    padding: 15px 15px 0px 15px;
    background-color: rgba(5, 1, 26, .88);
    margin-top: 5px;
    margin-bottom: 5px;
    min-height: 84px;
}

.sonrakiler .episodes { margin-bottom: 4px; }
.sonrakiler ul { margin: 0px; padding: 0px; }
.sonrakiler li { color: #777777; list-style: none; margin-top: 5px; padding: 5px; }
.sonrakiler li a { color: #ffd70d; font-size: 13px; font-family: 'Noto Sans', arial, serif; }
.sonrakiler li p { margin: 0px; padding: 0px; font-family: 'Noto Sans', arial, serif; }

.user-comment {
    float: left;
    margin-top: 5px;
    margin-bottom: 15px;
    background-color: rgba(5, 1, 26, .88);
    width: calc(100% - 30px);
    padding: 15px;
}

.user-comment ul { margin: 0px; padding: 0px; }
.user-comment li {
    color: #777777;
    list-style: none;
    margin-top: 5px;
    padding: 5px;
    border-bottom: 1px dashed rgba(205, 194, 255, .1);
}
.user-comment li a { font-size: 13px; font-family: 'Noto Sans', arial, serif; color: #cdc2ff; }
.user-comment li p { margin: 0px; padding: 0px; font-size: 13px; font-family: 'Noto Sans', arial, serif; color: #fff; }

.user-basl { font-family: 'Noto Sans', arial, serif; width: auto; padding: 3px 3px 3px 6px; margin: -5px -5px 2px -5px; }

.small-button {
    float: left;
    margin-right: 7px;
    padding: 10px;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Noto Sans', arial, sans-serif;
    color: #ffd500;
    border: 2px solid rgba(255, 213, 0, 1);
    border-radius: 30px;
    line-height: 18px;
}
.small-button:hover { color: #fff; }

#benzerli {
    background: rgba(3, 1, 13, 0.35);
    color: #fff;
    font-size: 13px;
    padding: 10px;
    float: left;
    margin-right: 10px;
    width: 228px;
    font-weight: normal;
    margin-bottom: 15px;
}
#benzerli:hover { background: #2b166c; }
#benzerli a { color: transparent; width: 247px; position: absolute; margin-left: -10px; height: 59px; margin-top: -10px; }

#bossid2 { margin-top: -15px; }
#bossid { margin-top: 8px; }

.incontent { padding-bottom: 12px; margin: 0 auto; float: left; width: 100%; margin-bottom: -3px; }
.inepisode { width: 690px; float: left; padding: 0px; margin-top: 5px; }

.adv-l { margin-right: -8px !important; margin-top: -280px !important; }
.adv-r { margin-left: -9px !important; margin-top: -280px !important; }

#header i.fas.fa-search {
    padding: 11px 10px 11px 10px;
    background: #0f0f0f;
    border-top-left-radius: 2px;
    margin-top: 2px;
    border-bottom-left-radius: 2px;
    font-size: 15px;
    background-color: rgba(0, 0, 0, .25);
    color: #9a86ff;
}

.remove-parent { margin-left: -169px; }

/* ==========================================================================
   WPForms / WPPB Kullanıcı Girişi ve Form Ayarları
   ========================================================================== */
.wppb-user-forms, .wppb-user-forms * { background: #101010; margin-top: 10px; }
.wppb-user-forms ul { max-width: -webkit-fill-available !important; }
.wppb-user-forms ul li { padding-bottom: 0px !important; }

.wppb-form-field label {
    padding-bottom: 35px !important;
    width: 27% !important;
    margin-left: 15px !important;
    font-family: 'Noto Sans', arial, serif !important;
    font-weight: bold !important;
    font-size: 14px !important;
    margin-top: 3px !important;
}

.wppb-user-forms input:not([type="button"]):not([type="reset"]):not([type="submit"]) {
    background: #fff !important;
    height: 35px !important;
    font-family: noto sans, arial, serif;
    text-indent: 5px;
}

.wppb-form-field textarea { height: 100px !important; margin-bottom: 20px !important; background: #fff !important; font-family: noto sans, arial, serif; text-indent: 5px; }
.wppb-send-credentials-checkbox label { display: none !important; }
#select_user_to_edit_form p { display: none !important; }

#wppb_form_success_message, .wppb-success { font-family: Poppins, arial, serif !important; font-weight: normal !important; margin: 12px 0px 12px 0px !important; }
#wppb_general_top_error_message, .wppb-error, .wppb-warning { font-family: 'Noto Sans', arial, serif !important; font-weight: bold !important; margin: 12px 0px 12px 0px !important; }

.wppb-field-error>label { background: transparent !important; color: #939393 !important; margin-bottom: -10px !important; }
.wppb-field-error img { margin-left: 5px !important; padding: 0px !important; background: transparent !important; }

.wppb-form-field>span.wppb-form-error {
    color: #000 !important;
    border-top: 0px !important;
    background: #c00 !important;
    padding: 10px 10px 10px 10px !important;
    font-family: noto sans, arial, serif;
}

.wppb-register-user .wppb-field-error { background-color: transparent !important; border: 0px !important; }
.wppb-form-field>span { background: transparent !important; }
.wppb-user-forms * { font-size: 14px !important; font-weight: bold !important; }

#wppb-login-wrap .login-password label { font-family: 'Noto Sans', arial, serif !important; }
#wppb-login-wrap p { font-family: 'Noto Sans', arial, serif !important; margin-left: 10px !important; margin-right: 10px !important; }
#wppb-login-wrap .login-username label { margin-top: 3px !important; }
#wppb-login-wrap { padding-top: 5px; margin-bottom: 10px; }
#wppb-login-wrap .login-password label { margin-top: 3px !important; }

.login-password { margin-top: 5px !important; }
.g-recaptcha { display: block !important; }
#wppb-recover-password { padding: 2px 10px 0px 10px; }
#wppb-recover-password-button { margin-bottom: 10px; margin-top: -15px; }
.wppb-username-email { margin-left: -15px !important; }
#recaptcha_pb_register0 { display: inline-block !important; margin-top: -15px !important; }

/* ==========================================================================
   BÖLÜM (EPISODE) İÇERİK VE POP-UP AYARLARI
   ========================================================================== */
.fa { background: transparent; }
.cld-count-wrap { font-family: noto sans, arial, serif; }

.bolumcontent { width: 248px; float: right; height: auto; margin-bottom: 15px; }

.hatali {
    border: 0px;
    cursor: pointer;
    margin-right: 4px;
    padding: 4px 5px;
    transition: background-color 0.5s;
    font-size: 12px;
    background-color: rgba(82, 41, 204, .45);
    border-radius: 5px;
    font-weight: normal;
    font-family: 'Poppins', arial, sans-serif;
    float: right;
    margin-top: 1px;
    color: rgba(255, 255, 255, .8);
    display: inline-block;
}

.hatali:focus { outline: none; }
.hatali:hover { background: #4d4279; color: #fff; }

.hata {
    display: none;
    position: fixed;
    z-index: 9999999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.75);
}

.hata-content {
    margin: auto;
    padding: 20px 15px 20px 15px;
    width: 305px;
    color: #fff;
    border-radius: 2px;
    background: rgba(26, 22, 46, .9);
}

.hatakapat { color: #fff; float: right; font-size: 28px; font-weight: bold; margin-right: 0px; margin-top: 3px; }
.hatakapat:hover, .hatakapat:focus { color: #fff; text-decoration: none; cursor: pointer; }

.footeright a { text-indent: 5px; font-size: 22px; }

#imdbsag {
    float: right;
    margin-right: 10px;
    font-size: 11px;
    border-radius: 3px;
    color: #000;
    background: url(images/imdb.jpg);
    margin-top: -30px;
    font-weight: bold;
    font-family: 'Noto Sans', arial, serif;
    padding-left: 4px;
    padding-right: 4px;
}

#icerikcat {
    position: relative;
    width: 940px;
    font-family: 'Noto Sans', arial, serif;
    font-size: 14px;
    padding: 10px;
    margin-top: 3px;
    color: #ccc;
    background-color: rgba(20, 21, 23, 1);
    display: inline-block;
    margin-bottom: -2px;
}

#icerikcat2 { line-height: 23px; }
#icerikcatleft { margin-bottom: -3px; }
#icerikcatright { font-family: Poppins, arial, serif; float: left; margin-left: 170px; margin-top: -237px; width: calc(100% - 161px); }

.bolumust {
    width: 100%;
    position: relative;
    height: 28px;
    color: #fff;
    font-size: 13px;
    font-family: noto sans, arial, serif;
    background: #000;
    font-weight: normal;
    padding-top: 10px;
    background-color: rgba(75, 62, 140, .1);
    border-bottom: 1px dashed rgba(205, 194, 255, .1);
}

.bolumust a { font-size: 13px; color: #fff; }

.baslik {
    width: calc(100% - 165px);
    float: left;
    text-align: left;
    margin-left: 22px;
    text-indent: 20px;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tarih { text-align: center; float: right; height: 100%; margin-right: 20px; }
.sonra { float: left; width: 33%; text-align: center; height: 100%; }

.listhead {
    height: 28px;
    color: #fff;
    font-size: 14px;
    padding-top: 10px;
    font-weight: normal;
    margin: 0 auto;
    margin-top: 10px;
    width: 100%;
    background-color: rgba(21, 23, 26, 1);
    font-family: Poppins, arial, serif !important;
}

.dizilisteleme { min-height: 80px; max-height: 320px; overflow: auto; width: 98%; margin: 0 auto; }
.baslik2 { width: auto; float: left; text-align: left; text-indent: 10px; height: 100%; }
.bolumust:hover { background: #2b166c; }

ul#myUL::-webkit-scrollbar { width: 6px; }
ul#myUL::-webkit-scrollbar-track { background: #222; }
ul#myUL::-webkit-scrollbar-thumb { background: #aaa; }
ul#myUL { margin-left: -32px; overflow-y: auto; max-height: 320px; width: 954px; margin-top: 0px; margin-bottom: 0px; }

input#myInput {
    border: 0;
    height: 36px;
    font-family: FontAwesome, noto sans, serif;
    background: transparent;
    font-size: 14px;
    color: #000;
    margin-top: -10px;
    font-weight: 700;
    width: 300px;
    text-indent: 8px;
}

input#myInput::placeholder { color: #000; }
input#myInput:focus { outline: none; }

ul#menu-eskiler { padding: 0px; margin-top: 0px; }
.yenimenu::-webkit-scrollbar { width: 6px; }
.yenimenu::-webkit-scrollbar-track { background: #333; }
.yenimenu::-webkit-scrollbar-thumb { background: #aaa; }

.dropbtn { color: #ccc; font-size: 16px; border: none; cursor: pointer; background: transparent; font-family: noto sans, arial, serif; font-weight: bold; }
.dropbtn:focus { outline: none; }

#myInpu {
    border-box: box-sizing;
    background-image: url(images/searchicon.png);
    background-position: 13px 11px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 10px 20px 10px 42px;
    border: 0px;
    width: 100%;
    font-family: noto sans, arial, serif;
}
#myInpu:focus { outline: none; }

.yenimenu li { list-style: none; width: 25%; float: left; }

.dropdown {
    position: relative;
    display: inline-block;
    width: 1000px;
    padding: 8px 0px 8px 0px;
    margin-bottom: -4px;
    background-color: rgba(5, 1, 26, .58);
}

.dropdown a { font-size: 16px; font-family: Poppins, arial, serif; font-weight: normal; text-decoration: none; padding: 10px; color: #cdc2ff; }
.dropdown a:hover { color: #fff; }

.dropdown-content {
    margin-bottom: -8px;
    display: none;
    background-color: #121314;
    width: 1000px;
    overflow: auto;
    z-index: 1;
    overflow-x: hidden;
    margin-top: 8px;
}

.dropdown-content a { color: #ccc; padding: 12px 16px; text-decoration: none; display: block; font-family: noto sans, arial, serif; }
.yenimenu { padding: 0; list-style-type: none; max-height: 276px; overflow: auto; margin-top: 0px; margin-bottom: 0px; }
.dropdown-content a:hover { background-color: #ffd70d !important; color: #000; }
.show { display: block; }

#dizinot {
    font-size: 15px;
    padding: 5px 10px;
    width: calc(100% - 20px);
    text-align: left;
    border-radius: 2px;
    display: inline-block;
    margin-top: 12px;
    background-color: #241b52;
    color: #cdc2ff;
    margin: 2px 0px 12px 0px;
}

#infokapa { font-size: 32px; font-weight: bold; cursor: pointer; font-family: noto sans, arial, serif; float: right; margin-right: 24px; color: #000; margin-top: 4px; }
#uyebilgi i.fa.fa-info-circle { font-size: 22px; }

#perde {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.99;
    filter: alpha(opacity=80);
    z-index: 100;
}

.ac-kapa {
    position: relative;
    z-index: 101;
    border: 0;
    margin-right: 4px;
    padding: 4px 5px;
    transition: background-color .5s;
    font-size: 12px;
    background-color: rgba(82, 41, 204, .45);
    border-radius: 5px;
    font-weight: normal;
    font-family: Poppins, arial, sans-serif;
    float: right;
    margin-top: 1px;
    color: rgba(255, 255, 255, .8);
    cursor: pointer;
    display: inline-block;
}

.ac-kapa:focus { outline: none; }
.ac-kapa:hover { background: #4d4279; color: #fff; }
.gizlenecek { position: relative; background-color: YellowGreen; z-index: 99; color: white; text-align: center; padding: 10px; }
.video { position: relative; z-index: 101; display: block; }

.dizi-ismi a { line-height: 21px; color: #ffd70d; text-transform: uppercase; font-size: 14px; }

/* ==========================================================================
   FORM ELEMANLARI VE SPOILER KUTULARI
   ========================================================================== */
input.form-control {
    width: 100%;
    height: 35px;
    margin-bottom: 15px;
    font-family: 'Noto Sans', arial, serif;
    border: 0px;
    text-indent: 10px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

textarea.form-control {
    width: 100%;
    margin-bottom: 10px;
    font-family: 'Noto Sans', arial, serif;
    border: 0px;
    text-indent: 5px;
    border-radius: 2px;
    font-size: 13px;
    padding-top: 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.iletisimalani button {
    cursor: pointer;
    border: 0px;
    background: #6900ff;
    font-size: 15px;
    font-weight: normal;
    padding: 7px 15px;
    border-radius: 2px;
    width: 100%;
    color: #fff;
    font-family: Poppins, arial, serif;
}

.alert.alert-danger { border-radius: 2px; background: #dc1818; color: #fff; font-size: 14px; padding: 7px 0px 7px 8px; margin-bottom: 20px; font-family: Poppins, arial, serif; font-weight: normal; }
.iletisimalani { margin: 0 auto; float: left; width: 100%; margin-bottom: 12px; }

.giris { display: none; position: fixed; z-index: 9999999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.75); }
.giris-content { background-color: #121314; margin: auto; padding: 25px 15px 1px 15px; width: 305px; color: #fff; border-radius: 2px; }
.giris-content h4 { background: #090909 !important; border: 0px !important; color: #fff !important; font-family: noto sans, arial, serif !important; font-weight: 700 !important; text-transform: uppercase !important; margin-top: -4px !important; margin-bottom: 3px !important; width: auto !important; border-radius: 2px; }

.giriskapat { color: #fff; float: right; font-size: 28px; font-weight: bold; margin-bottom: -25px; margin-right: 12px; margin-top: -29px; }
.giriskapat:hover, .giriskapat:focus { color: #fff; text-decoration: none; cursor: pointer; }

.inpage label { font-family: 'Noto Sans', arial, serif; font-size: 14px; color: #939393; width: 14%; float: left; }
.inpage input { width: 100%; float: left; height: 35px; margin-bottom: 20px; border-radius: 2px; font-family: 'Noto Sans', arial, serif; text-indent: 7px; font-size: 14px; background-color: transparent; border: 1px solid rgba(205, 194, 255, .1); color: #fff; }
#description { width: 85.5%; float: left; height: 100px; margin-bottom: 10px; border: 0px; border-radius: 2px; }

.dag_spoiler { cursor: pointer; margin: 0 auto; width: auto; border: 2px solid #5229cc; border-radius: 2px; margin-top: 10px; margin-bottom: 12px; }
.dag_spoiler .dag_spoiler_header {
    cursor: pointer;
    font-size: 13px;
    line-height: 1px;
    min-height: 1px;
    padding-bottom: 3px;
    padding-left: 0;
    padding-right: 7px;
    position: relative;
    font-weight: normal;
    color: #fff;
    padding: 8px 0px;
    width: 100%;
    text-indent: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #5229cc;
}

.dag_spoiler .dag_spoiler_header::before { font-family: FontAwesome; font-weight: normal; margin-left: 5px; margin-right: 5px; }

.dag_spoiler div.dag_spoiler_content {
    display: none;
    font-size: 13px;
    margin-top: 6px;
    border-radius: 2px;
    padding-top: 5px;
    width: 96%;
    margin-bottom: 10px;
    margin-left: 2%;
    color: #e2d9ff;
    font-weight: normal;
    font-family: Poppins, arial, serif !important;
    cursor: text;
}

.iletisimcontent { padding: 12px 0px 12px 0px; }
#respond tr { display: block; margin-bottom: 10px; }

.editicerik { padding: 0px; }
.editicerik label { font-family: 'Noto Sans', arial, serif; font-size: 14px; width: 169px; text-indent: 15px; font-weight: normal; float: left; text-align: left; height: 48px; color: #cdc2ff; margin-top: 6px; }
.editicerik input { width: calc(100% - 200px); float: right; height: 30px; margin-bottom: 20px; border-radius: 2px; font-family: 'Noto Sans', arial, serif; text-indent: 7px; font-size: 13px; margin-right: 15px; background: transparent; border: 1px solid rgba(205, 194, 255, .1); color: #fff; }

#adduser { height: auto; display: inline-block; width: 100%; margin-top: 0px; background-color: rgba(5, 1, 26, .88); margin-bottom: 15px; }
input#updateuser { width: calc(100% - 24px); margin-bottom: 16px; height: 35px; font-size: 14px; background: #6900ff; color: #fff; font-family: Poppins, arial, serif; font-weight: normal; float: left; margin-left: 12px; }

table.form-table { width: 100%; }
#facebook { width: 750px; }
#twitter { width: 750px; }
#instagram { width: 750px; }

.success-register { border-radius: 2px; background: #2fd613; color: #000; font-family: Poppins, arial, serif; font-weight: normal; font-size: 14px; padding: 7px 0px 7px 8px; margin-bottom: 20px; }
#face { margin-right: 5px; background: #4267B2; color: #fff; padding: 5px 8px; font-weight: normal; border-radius: 20px; }
#twt { margin-right: 5px; background: #1ea1f2; color: #fff; padding: 5px 8px; font-weight: normal; border-radius: 20px; }
#insta { background: #de1c62; color: #fff; padding: 5px 8px; font-weight: normal; border-radius: 20px; }
#face:hover { background: #cdc2ff; color: #000; }
#twt:hover { background: #cdc2ff; color: #000; }
#insta:hover { background: #cdc2ff; color: #000; }

#icerikcatleft img { width: 159px; height: 236px; }
.videoalt img, .videoalt iframe { max-width: calc(100% - 30px); }
.videoust img, .videoust iframe { max-width: calc(100% - 30px); }
.bolumcontent ul { line-height: 30px; background-color: rgba(5, 1, 26, .88); padding-left: 10px; padding-right: 10px; margin-bottom: -10px; }
.bolumcontent a { font-size: 13px; }
.video br { display: none; }
.bolum-ismi { display: inline-block; color: #ffffff; text-transform: uppercase; font-size: 13px; float: right; }

#temizle { font-weight: normal; font-size: 12px; color: rgba(255, 255, 255, .8); position: absolute; right: 0; top: 2px; }
#temizle a { position: relative; font-size: 12px; font-weight: normal; display: inline-block; font-size: 13px; float: right; color: #cdc2ff; width: 100%; }

.dsmobil2 { display: block; }
.dsmobil { display: block; }
.nomob2 { display: block; }
.nomob { display: inline-block; }

/* Yorum Profilleri */
.comment_profile { float: right; width: 241px; padding: 5px; margin-top: 5px; height: 73px; margin-bottom: 16px; border: 1px solid rgba(205, 194, 255, .1); padding-bottom: 2px; }
.comment_profile_left { width: 170px; float: left; margin: 3px 0px 0px 3px; }
.comment_hello { font-size: 13px; margin-left: 3px; font-family: Poppins,arial,serif; }
.comment_logout { margin-top: -2px; margin-left: 3px; font-family: 'Noto Sans',arial,serif; }
.lets_comment { color: #a896fd; font-size: 12px; }
.comment_owner_info { float: right; margin-bottom: 6px; margin-top: 5px }
.comment_profile_avatar { float: right; border-radius: 5px; height: 60px; width: 60px; padding: 2px }
.comment_content { margin-left: 10px; float: left; }
.comment_reply { padding: 5px; margin-left: 3px; position: absolute; margin-top: -38px; font-family: Poppins,arial,serif; font-weight: normal; }
.comment_list { margin-left: 10px; float: left; clear: both; margin-top: -9px; }
.comment_submit { float: left; margin-top: -6px; margin-left: 7px; }

#addlist { color: rgba(255, 255, 255, .8); background-color: rgba(82, 41, 204, .45); border-radius: 5px; float: right; padding: 4px 5px; font-weight: normal; font-family: 'Poppins', arial, serif; margin-top: 1px; font-size: 12px; display: inline-block; }

span.pages { display: none !important; }
.sayfalama { width: 100%; margin-bottom: 0px; float: left; height: auto; }
.sayac { padding: 7px; }
.sayac span { font-weight: bold; font-size: 16px; }

#dizilist { font-size: 15px; padding: 0px; border: 0px; font-family: Poppins, arial, serif; width: 97px; background: transparent; color: #fff; }
#dizilist:focus { outline: none; }

#listul { position: relative; list-style-type: none; padding: 0px; margin: 0; max-height: 239px; margin-top: 15px; }
#listul li a { padding: 10px 12px; text-decoration: none; font-size: 15px; display: block; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 1px; background-color: rgba(85, 74, 140, .1); color: #a3acd9; border-radius: 3px; }
#listul li a:hover:not(.header) { color: #fff; background-color: #2b166c; }

.list-search i.fas.fa-search { margin-right: 11px; color: #604f7f; }
.list-search { float:right; }

#sidebax { width: 100%; margin: 0 auto; float: none; }
#contentx { padding: 20px; }
#listul li { list-style: none !important; float: left; width: 25%; }

.listcontent { width: 100%; min-height: auto; margin-bottom: 20px; float: left; }
li.listNavShow { width: 25%; float: left; padding: 12px 0px; text-indent: 12px; }
.listNavShow { padding: 12px; }

#alpha { padding: 0px; margin-top: 0px; }
#alpha a { font-size: 15px; color: #fff; }
#main_content_wrap { margin-top: 23px; margin-bottom: -12px; }
a.all { display: none !important; }

.listNavHide { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
.listNav, .ln-letters { overflow: hidden; }
.ln-letters { background-color: rgba(255, 255, 255, .08); }
.ln-letters a { border-right: none; display: block; float: left; font-size: 15px; text-decoration: none; padding: 10px 13.6px 12px 13.6px; font-weight: bold; color: #cdc2ff; }
.ln-letter-count { display: none; }

.title { width: 100%; border-bottom: 2px solid rgba(205, 194, 255, .1); position: relative; font-size: 16px; margin-bottom: 10px; }
.title .title-border { font-family: Poppins, arial, serif !important; display: inline-block; color: #fff; padding-bottom: 12px; padding-right: 5px; border-bottom: 2px solid #ffd70d; margin: 0px 0px -2px 0px; font-weight: normal; font-size: 16px; }

.bd-blue { border-color: #007afc !important; }
.bd-purple { border-color: #ffd500 !important; }
.bd-green { border-color: #26c850 !important; }

#dizilist::placeholder { color: #604f7f }
.bolumkalite { text-transform: none !important; padding-right: 7px !important; padding-left: 8px !important; background: #3d1dbf !important; }

textarea#up-about::placeholder { color: #594a8b; }
textarea#up-about { width: calc(100% - 205px); float: right; height: 95px; margin-bottom: 20px; border-radius: 2px; font-family: 'Noto Sans', arial, serif; text-indent: 7px; font-size: 13px; margin-right: 15px; background: transparent; border: 1px solid rgba(205, 194, 255, .1); color: #fff; padding: 6px 5px 5px 0px; }

.inpage input:focus { outline: none; border: 1px solid #241b52; }
.inpage input::placeholder { color: #604f7f; }
.iletisimalani button:focus { outline: none; }

/* ==========================================================================
   WPForms Ayarları ve Login Formları
   ========================================================================== */
.simplemodal-login-fields { margin-top: -10px; }
#simplemodal-login-container .user_login:focus { outline: none; border: 1px solid #241b52; }
#simplemodal-login-container .user_pass:focus { outline: none; border: 1px solid #241b52; }
#simplemodal-login-container .user_login::placeholder { color: #604f7f; }
#simplemodal-login-container .user_pass::placeholder { color: #604f7f; }
#simplemodal-login-container form .submit input:focus { outline: none; }

a#edit { display: inline-block; font-size: 13px; float: right; color: #cdc2ff; }
.titleortala { padding: 15px; clear: both; width: calc(100% - 30px); }

label.wpforms-field-label { font-weight: normal !important; font-size: 14px !important; float: left !important; width: 100% !important; color: #cdc2ff !important; }
.wpforms-form input { background-color: transparent !important; border: 1px solid rgba(205, 194, 255, .1) !important; float: right !important; max-width: 100% !important; font-family: 'Noto Sans', arial, sans-serif !important; color: #fff !important; font-size: 14px !important; }
.wpforms-form textarea { background-color: transparent !important; border: 1px solid rgba(205, 194, 255, .1) !important; float: right !important; max-width: 100% !important; font-family: 'Noto Sans', arial, sans-serif !important; color: #fff !important; font-size: 14px !important; }
div.wpforms-container-full { margin-top: -15px !important; margin-bottom: 0px !important; }
.wpforms-form button { background: #6900ff !important; color: #fff !important; font-family: Poppins, arial, serif !important; width: 100% !important; border: 0px !important; font-size: 14px !important; margin-top: -13px !important; border-radius: 3px !important; }
.wpforms-confirmation-container-full { font-family: Poppins, arial, serif !important; font-size: 14px !important; margin-bottom: 0px !important; }
label.wpforms-error { color: #f30000 !important; font-size: 14px !important; font-family: Poppins, arial, serif !important; display: inline-block !important; margin-top: 5px !important; }
.wpforms-recaptcha-container { padding-top: 20px !important; }

.hata-content form { padding-top: 15px !important; }
.wpforms-form textarea::placeholder { color: #604f7f; }
.wpforms-form input::placeholder { color: #604f7f; }
.editicerik input::placeholder { color: #594a8b; }

#bolumbilgi { font-size: 13px; background-color: rgba(5, 1, 26, .88); }
.infoelem { padding: 10px 13px 10px 13px; border-bottom: 1px dashed rgba(205, 194, 255, .1); cursor: pointer; }
.infoelem:hover { background: #2b166c; }

#benzerli img { width: 73px; height: 41.08px; }
.dizigo { float: none; line-height: 21px; margin-left: 82px; margin-top: -47px; }
#list-series { background-color: rgba(75, 62, 140, .1); border-bottom: 1px dashed rgba(205, 194, 255, .1); padding: 12px 0px 6px 0px; margin-bottom: 12px; display: inline-block; width: 100%; }

/* ==========================================================================
   DİZİ LİSTESİ VE GÖRSELLER (Kapaklar, Özetler vs.)
   ========================================================================== */
.cat-img { float: left; width: 130px; margin-left: 12px; position: relative; }
.cat-container { float: left; width: calc(100% - 164px); margin-left: 12px; }
.cat-title a { color: #cdc2ff; font-size: 17px; font-family: Poppins, arial, serif; }
.cat-title { font-size: 15px; margin-bottom: 6px; color: #cdc2ff; }
.cat-container-in { font-size: 14px; line-height: 24px; }
.list-series-main { float: left; margin: 10px 0px 16px 12px; height: 227.63px; }

.cat-title-main {
    position: relative;
    margin-top: -50px;
    background: rgba(0, 0, 0, 0.75);
    width: 140px;
    height: 42px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: center;
    padding-top: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
}

.cat-img-main img { border-radius: 5px; width: 150px; height: 222.63px; }
.cat-title-main a { color: #ffd70d; font-size: 15px; font-weight: bold; }

.cat-imdb-main {
    color: #ccc;
    font-size: 11px;
    font-weight: normal;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.75);
    padding: 5px;
    border-radius: 5px;
    height: 18px;
    position: relative;
    margin-top: 5px;
    margin-bottom: -33px;
    width: 51px;
    margin-left: 84px;
}

.cat-img-main { width: 150px; height: 222.63px; overflow: hidden; border-radius: 5px; }
.cat-img-main img:hover { width: 159px; height: 236px; transition: all ease .3s; margin-left: -4.5px; }
.incontentyeni { padding-bottom: 12px; margin: 0 auto; margin-bottom: 6px; }

/* ==========================================================================
   SAYFALANDIRMA (Paginasyon)
   ========================================================================== */
span.page-numbers {
    border: 0px;
    padding-left: 15px;
    font-size: 12px;
    border-radius: 2px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: 'Noto Sans', arial, serif;
    font-weight: 700;
    color: #ccc;
    background-color: rgba(31, 17, 103, 0.5);
    margin-top: 5px;
    display: inline-block;
}

a.page-numbers {
    border: 0px;
    padding-left: 15px;
    font-size: 12px;
    border-radius: 2px;
    color: #cccccc;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: 'Noto Sans', arial, serif;
    font-weight: 700;
    background-color: rgba(31, 17, 103, 0.5);
    display: inline-block;
}

#respond .page-numbers {
    border: 0px;
    padding-left: 15px;
    background-color: rgba(31, 17, 103, 0.5);
    border-radius: 2px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: 'Noto Sans', arial, serif;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 10px;
}

#respond .page-numbers.current { background-color: rgba(47, 10, 234, 0.5); }
span.page-numbers.current { background-color: rgba(47, 10, 234, 0.5); }

/* ==========================================================================
   ÜST MENÜ VE ARAMA (Topnav)
   ========================================================================== */
.cat-img img { width: 130px; height: 195px; }

.topnav { overflow: hidden; background-color: #333; margin-bottom: -4px; background-color: rgba(22,24,26,.5); width: 1000px; height: 43px; }
.topnav li { float: left; display: block; padding: 10px 0px; list-style: none; }
ul.topnav { margin: 0; padding: 0; }
.topnav a { font-size: 16px; font-family: Poppins, arial, serif; font-weight: normal; text-decoration: none; padding: 10px; color: #a6b3bf; }
.topnav a:hover { color: #fff; }
.topnav .icon { display: none; }
ul.menu { padding: 0; }

form.example { margin-top: -7px; margin-bottom: -10px; }
form.example input[type=text] {
    padding: 10px 0px;
    font-size: 14px;
    border: 0px;
    float: left;
    width: calc(100% - 50px);
    background: #f1f1f1;
    font-family: Poppins, arial, serif;
    background-color: rgba(0, 0, 0, .25);
    text-indent: 12px;
    color: #fff;
    -webkit-appearance: none;
    border-radius: 0px;
}

form.example button {
    float: left;
    width: 50px;
    padding: 10px;
    font-size: 17px;
    border: 0px;
    border-left: none;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .25);
    color: #9a86ff;
    -webkit-appearance: none;
}

form.example input[type=text]::placeholder { color: #604f7f }
form.example input[type=text]:focus { outline: none }
form.example button:focus { outline: none }
form.example::after { content: ""; clear: both; display: table; }

input#register-me {
    cursor: pointer;
    border: 0px;
    background: #6900ff;
    font-size: 15px;
    font-weight: normal;
    padding: 7px 15px;
    border-radius: 2px;
    width: 100%;
    color: #fff;
    font-family: Poppins, arial, serif;
    height: 40px;
}

#form-wrapper { margin-top: 10px; display: inline-block; width: 100%; margin-bottom: -10px; }

/* Bildirimler ve Yükleniyor Gifi */
li.error { list-style: inside; }
div#error-message { border-radius: 2px; background: #dc1818; color: #fff; font-size: 14px; padding: 7px 0px 7px 8px; margin-bottom: 20px; font-family: Poppins, arial, serif; font-weight: normal; }
li.success { background: #20ec12; color: #000; padding: 7px; margin-top: -7px; margin-left: -8px; margin-bottom: -7px; border-radius: 2px; }
.loading-gif { background: #6900ff url(images/loading.gif) no-repeat !important; background-position: center !important; width: 100% !important; }

/* ==========================================================================
   FRAGMAN VE VİDEO BÖLÜMLERİ (Trailer)
   ========================================================================== */
.modaltrailer { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.75); }
.modal-content-trailer { margin: auto; padding: 0px; border: 0px; width: 65%; }
.trailerclose { color: #fff; float: right; font-size: 35px; font-weight: bold; cursor: pointer; position: absolute; z-index: 999; padding: 5px 8px; right: 18.2%; background: rgba(26, 22, 46, .9); border-radius: 5px; margin-top: 10px; }
.trailer-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
.trailer-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.category_image { position: relative; width: 159px; }

button#trailerbutton {
    -webkit-appearance: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 159px;
    border: 0px;
    background: rgba(89, 85, 109, 0.9);
    background-color: rgba(0, 0, 0, 0.75);
    font-family: Poppins, arial, serif !important;
    padding: 5px;
    cursor: pointer;
    color: #ffd70d;
    font-size: 15px;
}

button#trailerbutton:focus { outline: none }

/* Sayfalama Detayları */
.sayfalama a { border: 0px; padding-left: 15px; font-size: 12px; border-radius: 2px; color: #cccccc; padding-right: 15px; padding-top: 8px; padding-bottom: 8px; font-family: 'Noto Sans', arial, serif; font-weight: 700; background-color: rgba(31, 17, 103, 0.5); word-break: break-word; margin-bottom: 8px; display: inline-block; margin-left: -1px; margin-right: 5px; }
strong.on { border: 0px; padding-left: 15px; font-size: 12px; border-radius: 2px; padding-right: 15px; padding-top: 8px; padding-bottom: 8px; font-family: 'Noto Sans', arial, serif; font-weight: 700; word-break: break-word; margin-bottom: 8px; display: inline-block; margin-left: -1px; margin-right: 5px; background-color: rgba(47, 10, 234, 0.5); }
.sayfalama { margin-bottom: 10px; }

span.button-loader { text-align: center; width: 80px; overflow: hidden; color: #ffffff; display: inline-block; line-height: 1; vertical-align: middle; position: absolute; left: 50%; margin-left: -40px; margin-top: 3px; }
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.dizi-ismi { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #ffd70d; }

/* ==========================================================================
   ALFABETİK KATEGORİ VE LİSTELEME
   ========================================================================== */
.alphabetical-category-wrapper { width: 100%; float: left; position: relative; }
#alphabetical-category { width: 100%; height: 42px; float: left; background-color: rgba(255, 255, 255, .08); margin-top: 20px; }
#alphabetical-category .alphabetical-category-link { display: inline-block; font-size: 15px; text-decoration: none; font-weight: bold; color: #fff; float: left; width: 3.703%; text-align: center; padding: 11px 0px 11px 0px; }
#alphabetical-category .alphabetical-category-link.active-letter { color: #ffd500; font-weight: 700; box-shadow: inset 0 -3px #ffd500; text-shadow: 0 0 7px rgba(255, 213, 0, .5) }
#alphabetical-category .alphabetical-category-link:hover { font-weight: 600 }

.alphabetical-category-list { width: 100%; display: none; float: left; padding: 0px; margin: 0; }
.alphabetical-category-list li { width: 23.6%; display: inline-block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; padding: 0.7%; text-indent: 4px; }
.alphabetical-category-list li a { font-size: 15px; color: #fff; line-height: 34px; }
.alphabetical-category-list li a:hover { color: #ffd500 }
.alphabetical-category-index { width: 99%; margin: 0 auto; }

/* Afiş, Dil ve Rol Bilgileri */
.dil-afis { position: absolute; left: 5px; top: 5px; }
.dil-afis img { width: auto !important; height: auto !important; }

cite#userrole { border: 2px solid #881998; border-radius: 20px; padding: 1px 6px; color: #881998; margin-left: 6px; font-size: 12px; float: right; }
span.countcom { float: right; color: #ffffff; text-transform: uppercase; font-size: 13px; }
.dizimeta { color: #ffd70d; font-family: Poppins, arial, serif; }
span.imedebe { float: right; font-size: 13px; color: #cdc2ff; }
.single-item { background-color: rgba(75, 62, 140, .1); border-bottom: 1px dashed rgba(205, 194, 255, .1); padding: 12px 0px 6px 0px; margin-bottom: 12px; display: inline-block; width: 100%; }
div#bulunamadi { background-color: rgba(76, 63, 143, .8); border-color: transparent; color: #e2d9ff; padding: 10px; text-align: center; font-size: 15px; border-radius: 3px; margin-bottom: 7px; }

/* ==========================================================================
   FİLTRELER VE ARAMA KUTULARI (Gelişmiş Dizi Arama)
   ========================================================================== */
#filter button:focus { outline: none; }
.container { margin-top: 6px; }
#filter button { color: #000; background-color: #ffd500; padding: 6px 11px; display: inline-block; border: 0px solid transparent; box-shadow: none; border-radius: 3px; vertical-align: middle; box-sizing: border-box; font-family: 'Noto Sans', arial, serif; cursor: pointer; }
#filter input::placeholder { color: #fff; }
#filter input:focus { outline: none; }
form#filter { margin-top: 17px; font-size: 15px; }
#filter label { margin-right: 6px; display: inline-block; margin-bottom: 11px; }
#filter input { padding: 6px; display: inline-block; background-color: rgba(87, 65, 156, 0.88); border: 1px solid transparent; box-shadow: none; border-radius: 3px; vertical-align: middle; box-sizing: border-box; color: #fff; font-family: 'Noto Sans', arial, serif; }

select.nameclass:focus { outline: none; }
select.nameclass { padding: 6px; display: inline-block; background-color: rgba(53, 21, 150, 0.88); border: 0px solid transparent; box-shadow: none; border-radius: 3px; vertical-align: middle; box-sizing: border-box; color: #fff; font-family: 'Noto Sans', arial, serif; cursor: pointer; height: 36px; }

a.nav.prev.disabled { display: none; }
a.page { display: none; border: 0px; padding-left: 15px; font-size: 12px; border-radius: 2px; padding-right: 15px; padding-top: 8px; padding-bottom: 8px; font-family: 'Noto Sans', arial, serif; font-weight: 700; color: #ccc; background-color: rgba(31, 17, 103, 0.5); margin-top: 0px; margin-bottom: 6px; margin-right: 3px; cursor: pointer; }
a.page.current { background-color: rgba(47, 10, 234, 0.5); }
a.nav.next { border: 0px; padding-left: 15px; font-size: 12px; border-radius: 2px; color: #cccccc; padding-right: 15px; padding-top: 8px; padding-bottom: 8px; font-family: 'Noto Sans', arial, serif; font-weight: 700; background-color: rgba(31, 17, 103, 0.5); display: inline-block; cursor: pointer; }
a.nav.prev { border: 0px; padding-left: 15px; font-size: 12px; border-radius: 2px; padding-right: 15px; padding-top: 8px; padding-bottom: 8px; font-family: 'Noto Sans', arial, serif; font-weight: 700; color: #ccc; background-color: rgba(31, 17, 103, 0.5); margin-top: 0px; display: inline-block; margin-bottom: 6px; margin-right: 3px; cursor: pointer; }

/* ==========================================================================
   SOSYAL MEDYA (FOOTER BÖLÜMÜ) VE DİĞER FONKSİYONLAR
   ========================================================================== */
.otherepisodes.current a { color: #cdc2ff; }
i.fas.fa-tv { margin-left: -30px; }
span.post-page-numbers.current { padding: 0px; }
#likebox a:hover { color: #fff; }
#likebox { margin-bottom: 15px; display: inline-block; width: 100%; margin-top: 10px; }

.footeright i.fab.fa-instagram { font-size: 16px; color: #712eac; background: rgba(255, 255, 255, .8); border-radius: 3px; margin-left: 9px; line-height: 16px; text-align: left; text-indent: 0px; padding: 2px 3px 2px 3px; display: block; margin-top: 6px; }
.footeright i.fab.fa-instagram:hover { background: #fff; }

#footerad img { width: 100%; height: auto; }
#footerad { width: 728px; height: 90px; position: fixed; bottom: 0; z-index: 999; left: 50%; margin-left: -364px; }
#footeradclose { background: #5229cc; width: 128px; text-align: center; font-size: 14px; padding: 4px 0px; border-radius: 2px; position: fixed; bottom: 90px; z-index: 1000; cursor: pointer; color: #fff; left: 50%; margin-left: 236px; font-family: Poppins, arial, serif; }

.yorumkapali { background: #4c36b2; padding: 11px; border-radius: 2px; font-size: 14px; margin-bottom: 7px; }
#datafetch { width: 100%; background: #140346; margin-top: 38px; position: relative; z-index: 99999; font-size: 0; }

.search-cat-img img { width: 30px; height: 45px; }
.search-cat-img { float: left; }
.searchelement { min-height: 45px; border-bottom: 1px dashed rgba(205, 194, 255, .1); padding-bottom: 5px; padding-top: 5px; margin-left: 6px; margin-right: 6px; width: 304px; }
#search-cat-year { font-size: 12px; }
.searchelement a { padding-left: 0px !important; font-size: 15px; }
.searchelementnf { font-size: 15px; padding: 8px; }
.example span.button-loader { width: 50px; margin-left: 114px; margin-top: -6px; }
.searchelementnf a { font-size: 15px !important; padding: 0 !important; color: #fff !important; font-family: unset !important; }

.g-recaptcha iframe { height: 90px !important; }
input#update-me { height: 40px; font-size: 14px; background: #6900ff; width: calc(100% - 30px); font-family: Poppins, arial, serif; cursor: pointer; }
#commentform label.error { display: none !important; }
.lazy { display: block; width: 100%; background: #130337; }

/* ==========================================================================
   DİZİ FİLTRELEME & İZLEDİKLERİM EKRANI
   ========================================================================== */
.seriescontent { padding-bottom: 12px; float: left; width: calc(100% - 275px); }
#filterseries button:focus { outline: none; }
.container { margin-top: 6px; }
#filterseries button { color: #000; background-color: #ffd500; display: inline-block; border: 0px solid transparent; box-shadow: none; border-radius: 3px; vertical-align: middle; box-sizing: border-box; font-family: 'Noto Sans', arial, serif; cursor: pointer; margin-top: 10px; width: 100%; height: 38px; font-size: 14px; margin-bottom: 13px; }
#filterseries input::placeholder { color: #fff; }
#filterseries input:focus { outline: none; }
form#filterseries { font-size: 15px; float: right; width: 255px; }
#filterseries label { display: inline-block; margin-bottom: 11px; width: 100%; }
#filterseries input { padding: 6px; display: inline-block; background-color: rgba(87, 65, 156, 0.88); border: 1px solid transparent; box-shadow: none; border-radius: 3px; vertical-align: middle; box-sizing: border-box; color: #fff; font-family: 'Noto Sans', arial, serif; width: 100%; height: 36px; }

span.totalseries { float: right; font-size: 13px; color: #cdc2ff; }
#category-button { overflow: auto; float: left; width: 100%; }
#category-button label { float: left; width: 50%; margin-bottom: 0px; cursor: pointer; }
#category-button label span { padding: 10px 12px; text-decoration: none; font-size: 15px; display: block; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 1px; background-color: rgba(85, 74, 140, .1); color: #a3acd9; border-radius: 3px; }
#category-button label input { display: none; }
#category-button input:checked+span { background-color: #2b166c; color: #fff; }
span.filtertag { display: inline-block; width: 100%; margin-bottom: 7px; font-size: 14px; font-family: Poppins, arial, serif; }

.cat_ozet { max-height: 100px; position: relative; padding-right: 10px; }
.seriescontent .ps-container>.ps-scrollbar-x-rail, .seriescontent .ps-container>.ps-scrollbar-y-rail { opacity: 0.6; }
.category_desc { position: relative; max-height: 132px; padding-right: 10px; line-height: 19px; }
.paginate-links { margin-bottom: 5px; margin-top: -5px; }
#mobil-filter { display: none; }

.izlediklerim input#ara { font-size: 15px; padding: 0px; border: 0px; font-family: Poppins, arial, serif; width: 140px; background: transparent; color: #fff; margin-left: 3px; }
.izlediklerim form#izlediklerim { color: #604f7f; float: right; padding: 5.5px; margin-top: -5.5px; }
.izlediklerim input#ara::placeholder { color: #604f7f; }
.izlediklerim input#ara:focus { outline: none; }
.izlediklerim span.clearlist { position: relative; display: inline-block; float: right; width: auto; font-size: 15px; color: #604f7f; border-right: 2px solid #221839; padding: 3px 6px; margin-top: -1px; margin-right: -2px; }

/* ==========================================================================
   SON YORUMLAR (Yan Panel Bileşeni)
   ========================================================================== */
.lastcomment { width: calc(25% - 30px); padding: 10px 10px 6px 10px; background: rgba(55, 39, 140, 0.1); margin-bottom: 10px; border-radius: 3px; height: 95px; float: left; margin-right: 10px; max-height: 95px; }
.lc-avatar { float: left; margin-right: 10px; }
.lc-avatar img { width: 33px; height: 33px; border-radius: 2px; }
.lc-title { color: #a3acd9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lc-title a { color: #a3acd9; font-size: 13px; }
.lc-content { color: #ccc; font-size: 13px; overflow: hidden; max-height: 42px; border-top: 1px dashed rgba(205, 194, 255, .1); padding-top: 4px; word-break: break-word; line-height: 22px; }
.lc-author { color: #fff; padding-bottom: 4px; margin-bottom: 4px; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lc-author span { color: #ffd70d; }

#lcwidget { display: inline-block; margin-bottom: 7px; width: 100%; }
div#lastcommentcontent { width: calc(100% + 10px); }
#lastcommentscontent { width: calc(100% + 10px); margin-top: 15px; }

/* ==========================================================================
   FAVORİLER, İZLEME LİSTESİ (Watchlist & Favorites)
   ========================================================================== */
.cat-img .add_fav { position: absolute; width: 130px; bottom: 5px; border-radius: 0px; }
.genres { float: left; padding: 2px 7px; margin: 8px 5px 0px 0px; color: #fff; background-color: rgba(207, 173, 0, 1); border-radius: 3px; font-family: Poppins, arial, sans-serif; font-size: 13px; cursor: pointer; }
.genres a { font-size: 13px; color: #fff; }
.genres:hover { background: rgba(64, 11, 218, 0.45); transition: 1s; }

.add_fav { border: 0; padding: 5px 10px; font-size: 13px; color: #000; background: #ffd500; border-radius: 2px; font-family: Poppins, arial, serif; cursor: pointer; }
.add_fav:focus { outline: none; }
.add_fav:hover { background: #efaa0f; transition: 1s; }

.favorite_series { position: absolute; top: -55px; right: 0; }
.emtpyFav { font-size: 13px; margin-left: 5px; margin-top: 15px; }

.wl_add { border: 0px; cursor: pointer; margin-right: 4px; padding: 4px 5px; transition: background-color 0.5s; font-size: 12px; background-color: rgba(82, 41, 204, .45); border-radius: 5px; font-weight: normal; font-family: 'Poppins', arial, sans-serif; float: right; margin-top: 1px; color: rgba(255, 255, 255, .8); display: inline-block; }
.wl_add:hover { background: #4d4279; color: #fff; }
.wl_add:focus { outline: none; }
.wl_active { background-color: #e8b708; color: #000; }
.wl_active:hover { background-color: #e8b708; color: #000; }

.otherepisodes .wl_add { padding: 0px !important; background: transparent !important; font-size: 16px !important; color: #fff !important; width: 15px; margin: -2px 5px 0px 10px !important; position: absolute; left: 0; overflow: hidden; height: 22px; }
.otherepisodes.current .wl_add { color: #cdc2ff !important; }
.bolumust .wl_add { padding: 0px !important; background: transparent !important; font-size: 16px !important; color: #fff !important; width: 15px; margin: -2px 5px 0px 15px !important; position: absolute; left: 0; overflow: hidden; height: 22px; }

.remove_wh { display: contents; }
.wl_rem { position: relative; padding: 0; -webkit-appearance: none; margin-left: -41px; margin-right: 15px; border: 0; font-size: 20px; height: 25px; width: 25.8px; margin-top: 97px; cursor: pointer; line-height: 26px; background: rgba(5, 1, 26, .88); color: #fff; border-radius: 4px; z-index: 99; right: 2px; }
.wl_rem:focus { outline: none; }
.emptyList { margin-left: 4px; margin-top: 2px; font-size: 13px; }

input#ara { font-size: 15px; padding: 0px; border: 0px; font-family: Poppins, arial, serif; width: 140px; background: transparent; color: #fff; margin-left: 3px; }
input#ara:focus { outline: none }
input#ara::placeholder { color: #604f7f; }

form#watch_list { color: #604f7f; float: right; padding: 5.5px; margin-top: -5.5px; }

.sonrakiler .list-series-main { margin: 4px 3.34px 16px 3.34px }
div#fav_series {}
.sonrakiler .dizi-ismi { width: 81%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sonrakiler { }
.sonrakiler .listepisodes { width: 222px; height: 124.92px; margin-top: 15px }
.sonrakiler .bolum-alt { width: 208px; }

.wl { margin-right: 0px; }
#butonlar { width: calc(100% - 150px); margin-bottom: -8px; }
.grtext { margin-right: 10px; font-size: 13px; line-height: 34px; }
.listshow { cursor: pointer; font-size: 19px; float: right; margin-top: 9px; margin-right: 7px; color: #fff; }
.boxshow { cursor: pointer; font-size: 17px; float: right; margin-top: 10px; margin-right: 3px; color: #cdc2ff; }

#gorunum { float: right; width: 120px; background: rgba(29, 19, 77, 0.88); padding-left: 10px; padding-right: 10px; border-radius: 3px; padding-bottom: 2px; margin-top: 3px; }

/* ==========================================================================
   PROFİL DÜZENLEME, HATALAR VE GENEL LİSTELER
   ========================================================================== */
.container { width: 100%; margin-top: 0; margin-bottom: 0; }

.btn { margin-bottom: 8px; border: none; outline: none; padding: 7px 12px; cursor: pointer; border-radius: 15px; margin-right: 6px; color: #fff; font-family: Poppins, arial, serif; background: transparent; border: 2px solid rgba(255, 255, 255, .15); border-radius: 30px; }
.btn.active { font-weight: normal; border: 2px solid #ffd500; }
#myBtnContainer { margin-top: 10px; margin-bottom: 12px; }
.container .bolum-ismi { margin-left: -15px; color: #cdc2ff; float: none; }

#scrollbar-container { position: relative; max-height: 312px; }

.profileEdit input#up-username { cursor: not-allowed; }
.profileEdit span.button-loader { margin-top: 208px; }
.profileEdit div#error-message { margin-bottom: 15px; }
.profileEdit .alert { float: left; margin-top: 8px; }
.profileEdit .alert.alert-type-2 { padding: 0.9375rem; position: relative; }
.profileEdit .alert-title { font-size: 15px; font-weight: normal; margin-top: -3px; font-family: Poppins, arial, serif !important; }
.profileEdit .alert-info { background-color: rgba(64, 38, 199, 0.58); color: #fff }
.profileEdit .alert a { font-weight: bold; color: #cdc2ff; }
.profileEdit .alert { padding: 0.625rem 0.9375rem; margin-bottom: 8px; border: 1px solid transparent; border-radius: 0; }
.profileEdit .alert.alert-type-2 .alert-icon { font-size: 35px; position: absolute; top: 7px; left: 10px; }
.profileEdit .alert.alert-type-2 .alert-desc { padding-left: 37px; width: 95% }
.profileEdit .alert-desc2 { margin-top: -5px; width: 98%; font-family: 'Noto Sans', arial, serif; font-size: 13px; }

.izlediklerim .list-series-main { margin: 10px 0px 3px 12px; }
.serie .comment_list { width: calc(100% - 20px) !important; }
.serie ul.commentlist { width: 100% !important; }

.reply { height: 18px; background-color: rgba(94, 77, 176, .1); padding: 5px 0px; font-weight: normal; width: 100%; text-indent: 10px; margin-left: -10px; padding-right: 20px; margin-bottom: -10px; }
img.episode { height: 36px !important; width: 64px !important; margin-top: 5px; }

#search-cat-year a { font-size: 13px; color: #fff; font-family: 'Noto Sans', arial, serif; }
.list .emptyList { margin-bottom: 10px; }

.lc-content .dag_spoiler { margin-top: 7px; }
.lc-content .dag_spoiler_content { display: none !important; }

/* ==========================================================================
   BÖLÜM (EPISODES) KUTUCUK TASARIMLARI
   ========================================================================== */
.episodes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 10px);
    margin-top: 14px;
    margin-bottom: 7px;
}

.list-episodes { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.list-series { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66%; -ms-flex: 0 0 16.66%; flex: 0 0 16.66%; max-width: 16.66%; }

.episode-box { width: calc(100% - 10px); display: inline-block; float: left; margin-bottom: 10px; }
.episode-box .poster { cursor: pointer; padding-bottom: 56.4%; position: relative; border-radius: 5px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.28); overflow: hidden; }
.episode-box .poster .img { width: 100%; height: 100%; position: absolute; border-radius: 5px; margin: 0; padding: 0; background: rgba(5,1,26,.58); }
.episode-box .poster .img img { width: 100%; height: 100%; display: block; float: left; background-size: 100%; border-radius: 5px; }
.episode-box .poster .img img:hover {
    -webkit-transform: scale(1.2) rotate(2deg);
    -o-transform: scale(1.2) rotate(2deg);
    -ms-transform: scale(1.2) rotate(2deg);
    transform: scale(1.2) rotate(0deg);
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.episode-title {
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
    height: 43px;
    float: left;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    margin-top: -47px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: left;
    text-shadow: 3px 2px 1px #000;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 5px;
}

.serie-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0px 7px; display: unset; float: left; width: calc(100% - 14px); text-transform: uppercase; color: #ffd70d; }
.serie-name a { color: #ffd70d; font-size: 14px; }
.episode-name { margin-left: 7px; width: calc(100% - 14px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
.episode-name a { font-size: 14px; color: #fff; }

.episode-date {
    color: #ffffff;
    font-size: 11px;
    font-weight: normal;
    overflow: hidden;
    background: rgba(222, 173, 40, 0);
    padding: 2px 6px;
    border-radius: 5px;
    position: relative;
    margin-top: 7px;
    float: right;
    text-align: center;
    margin-right: 7px;
    margin-bottom: -31px;
    z-index: 9;
}

.episode-lang { position: absolute; margin-top: 7px; margin-left: 7px; z-index: 9; }
.list-series .poster { padding-bottom: 150%; }
.list-series .serie-name { text-align: center; text-transform: none; }
.list-series .serie-name a { font-size: 15px; }
.list-series .episode-name { text-align: center; font-weight: normal; font-size: 14px; }
.list-series .episode-date { margin-bottom: -35px; padding: 5px 6px; }

/* ==========================================================================
   OYUNCU / ALTERNATİF DİL VE PART SEÇENEKLERİ
   ========================================================================== */
.dil  { display: none; padding:  5px 5px 4px 6px; background-color:  #1d163c; border-radius:  4px; font-size:  13px; font-family:  'Poppins', arial, serif; margin-right:  4px; margin-bottom:  6px; }
.dil:hover  { background-color:  #933d80; transition:  1s; }
.current_dil  { background:  #3d1dbf; margin-right:  1px; }
.current_dil:hover  { background-color:  #3d1dbf; transition:  unset; }

.source_button  {
    background:  rgba(82, 41, 204, .45);
    border:  0;
    color:  #fff;
    font-family:  'Noto Sans', arial, serif;
    margin-right:  4px;
    padding:  5px 6px 5px 32px;
    cursor:  pointer;
    position:  relative;
    border-radius:  4px;
    margin-bottom:  9px;
}
.source_button img  { position:  absolute; margin-top:  3px; left:  7px; }
.dil_aktif  { background:  rgb(82,  41,  204); }
.source_button:focus  { outline:  none; }

.diziplus_sources  { width:  calc(100% - 359px); float:  left; margin-top: 3px; }
.sources  { margin-bottom:  4px; }
.part_kalite  { margin-left:  4px; background:  radial-gradient(black,  transparent); padding:  1px 6px; border-radius:  17px; }
.flag img  { margin-bottom:  -4px; margin-right:  4px; }

.source_button .caption  { position:  absolute; left:  7px; font-size:  19px; margin-top:  0px; margin-bottom:  0; color:  #ffae0d; }
.episode-lang i.far.fa-closed-captioning  { font-size:  19px; margin-top:  -2px; margin-bottom:  0; color:  #ffae0d; background: rgba(0, 0, 0, 0.75); line-height: 14px; border-radius: 3px; }

/* ==========================================================================
   SAYFALANDIRMA VE MENÜ ALANLARI
   ========================================================================== */
a.post-page-numbers { font-size: 13px; color: #fff; }
#respond { margin-bottom: 1px; background-color: rgba(5,1,26,.88); padding-top: 5px; padding-bottom: 3px; }
.page .comment_submit { margin-left: 41px; }

input.search-series {
    display:none;
    width: calc(100% - 20px);
    padding: 10px;
    border: 0;
    background: rgb(56, 35, 118);
    margin-top: 5px;
    font-family: Poppins,arial,serif;
    font-size: 15px;
    color: #fff;
    position: fixed;
    top: -5px;
}
input.search-series::placeholder { color: #fff; }
input.search-series:focus { outline: none; }

span.series-close { display:none; position: fixed; right: 12px; top: 2px; color: #fff; font-size: 28px; font-weight: bold; cursor: pointer; }

.mobil-diziler { display:none; padding-left: 13px; padding-right: 13px; }

ul.sub-menu { position: absolute; display: none; width: auto; z-index: 999; background: #170d38; margin: 0; padding: 0; margin-top: 8px; margin-left: 0px; }
ul.sub-menu li { border-bottom: 1px dashed rgba(205,194,255,.1); float: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 7px 10px 7px 0px; }
ul.sub-menu li a { font-size: 14px; color: #fff; font-family: 'Noto Sans',arial,serif; }
ul.sub-menu a i.fas.fa-caret-down { display: none; }

.headerad { text-align: center; margin-top: 20px; }
.headerad img, .headerad iframe { max-width: calc(100% - 40px); }

.diziler { margin-top: 14px; width: calc(100% + 9px); }
.field { float: left; width: 100%; }

/* ==========================================================================
   SOSYAL PAYLAŞIM BUTONLARI
   ========================================================================== */
.share-content { float: left; }
.share button { border: 0; font-family: 'Noto Sans', arial, serif; padding: 3px 10px; border-radius: 2px; cursor: pointer; color: #fff; line-height: 21px; }
.share { float: left; margin: 4px 0 0 5px; }
.share.fb button { background: #3b5999; }
.share.tw button { background: #55acee; }
.share.wp button { background: #25D366; }
.share.tg button { background: #0088CC; }
.share.fb button:hover { background: #304b84; }
.share.tw button:hover { background: #4489bd; }
.share.wp button:hover { background: #1DA04D; }
.share.tg button:hover { background: #046DA2; }
.share-content span { float: left; font-size: 14px; font-weight: bold; margin: 7px 5px 0 10px; }

.next-prev { display: flex; gap: 5px; margin: 8px 7px 0 auto; }
.next-prev a { color: #fff; font-weight: normal; background-color: rgba(82, 41, 204, .25); padding: 3px 5px; border-radius: 3px; text-transform: none; font-size: 13px; font-family: Poppins, arial, serif; }

/* ==========================================================================
   MEDYA SORGULARI - TABLET & UFAK EKRAN (MAX 1000px)
   ========================================================================== */
@media only screen and (max-width: 1000px) {
    .searchelement { width: auto; }
    textarea#up-about { float: none; width: calc(100% - 30px) !important; margin-left: 15px; margin-bottom: 5px; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
    .titleortala { padding-bottom: 3px !important; }
    .g-recaptcha { margin-top: 10px !important; }
    input#update-me { margin-bottom: 19px !important; }
    .categorytitle { max-width: calc(100% - 83px); display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 23px; }
    .imdbp { position: absolute; margin-left: 5px; }
    select.nameclass { -webkit-appearance: listbox; }
    .cat-title { position: absolute !important; margin-left: -130px !important; margin-top: -6px !important; width: calc(100% - 63px); }
    .cat-img img { width: 120px !important; height: 180px !important; }
    .cat-container-in { height: 164px !important; overflow: auto !important; padding-right: 10px !important; margin-top: 22px; }
    .searchelement { float: left; width: 100%; }
    .searchelementnf { float: left; }
    #datafetch { margin-top: 0px !important; }
    #wrap { width: 100%; overflow-x: hidden; background: #13062f; margin-top: -5px; }
    #header { width: 100%; }
    #navbarright form { display: none; }
    .dropdown { width: 100%; margin-top: 18px; }
    .dropdown-content { width: 100%; }
    .incontent { width: 100%; }
    #footer { margin-bottom: 0px; }
    .footer { width: 100%; }
    .nomob { display: none; }
    .nomob2 { display: none; }
    .dsmobil { display: none; }
    .dsmobil2 { display: none; }
    .listepisodes { width: 100% !important; margin: 0 auto; float: none; height: 56.27px !important; margin-top: 10px; background-color: rgba(75, 62, 140, .1); border-bottom: 1px dashed rgba(205, 194, 255, .1); }
    .bolum-ust { color: #fff; background: transparent; top: 29px !important; right: 0px !important; }
    .listepisodes img { width: 100px; height: 56.27px; float: left; border-radius: 0px; }
    .bolum-alt { position: relative; margin-left: 100px; height: 56.27px; width: calc(100% - 150px) !important; margin-top: 0px; float: none; border-bottom-left-radius: 0px; border-top-right-radius: 5px; background: transparent; }
    .dizi-ismi { padding-top: 4px; padding-bottom: 4px; }
    span.tr-altyazi { width: 23px; margin-left: -31px; height: 16px; position: relative; margin-top: 29px; float: right; margin-right: 8px; }
    span.tr-dublaj { width: 23px; margin-left: -31px; height: 16px; position: relative; margin-top: 29px; float: right; margin-right: 8px; }
    span.dubalt { width: 23px; margin-left: -31px; height: 16px; position: relative; margin-top: 29px; float: right; margin-right: 8px; }
    span.english { width: 23px; margin-left: -31px; height: 16px; position: relative; margin-top: 29px; float: right; margin-right: 8px; }
    span.nosub { width: 23px; margin-left: -31px; height: 16px; position: relative; margin-top: 29px; float: right; margin-right: 8px; }
    .episodecontent { width: 100%; }
    .commentcontent { width: 100%; margin-bottom: 20px; }
    .singlecontent { width: 100%; }
    .inepisode { width: 100%; }
    .bolum-ismi { display: none; }
    .dizialani { width: 100%; margin: 0 auto; display: inline-block; margin-top: 2px; margin-bottom: 14px; }
    #dizinot { margin-top: 0; }
    .next-prev-episode { float: left; margin-top: -5px; margin-left: -262px; }
    .infocontent { float: left; width: 100%; }
    .bolumcontent { float: left; width: 100%; }
    #alt { height: auto; display: inline-block; }
    #benzerli { width: 100%; padding: 10px 0px 9px 0px; text-indent: 10px; }
    #benzerli a { width: 90%; }
    #commentform { margin: 0 auto; margin-bottom: 9px; padding: 0px 12px; }
    .comment_profile { float: none; width: 97%; margin: 0 auto; margin-top: 10px; margin-bottom: 7px; }
    .comment_profile_left { width: auto; }
    .comment_content { float: none; margin: 0 auto; margin-top: 11px; }
    #comment { height: 100px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-bottom: 2px; }
    .comment_submit { float: none; width: 100%; display: inline-block; margin: 0 auto; margin-bottom: 4px; }
    .comment_spoiler { margin: 0px; width: 49%; float: left; padding: 0px; position: relative; }
    .comment_send { width: 49%; margin: 0px; }
    .comment_list { float: none; margin: 0 auto; margin-top: -8px; padding: 0px 12px; }
    .commentlist { width: 100%; }
    .comment_owner_info { float: none; margin: 0 auto; margin-top: 10px; margin-bottom: -10px; width: 100%; }
    #respond tr { display: inline-block; width: 100%; }
    td.yborder { width: 100%; display: inline-block; margin-bottom: -4px; }
    #commentform input { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
    .yborder label { width: auto; margin-right: 0px; }
    .diziplus_part { margin-right: 4px; margin-bottom: 5px; width: 100%; }
    #addlist { float: left; margin-bottom: 10px; margin-right: 5px; margin-left: 0px; }
    #hata { float: left; margin-right: 5px; margin-bottom: 10px; margin-left: 0px; }
    .ac-kapa { float: left; margin-bottom: 10px; margin-right: 5px; }
    .iletisimalani { width: 100%; }
    .inpage { display: inline-block; width: 100%; padding: 0px; }
    .inpage label { width: 100%; margin-bottom: 6px; }
    .inpage input { width: 100%; -webkit-box-sizing: border-box; height: 35px; -moz-box-sizing: border-box; }
    .dizigo { float: none !important; margin-left: 86px; margin-top: -47px; }
    #myInpu { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; }
    textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox { -webkit-appearance: none; }
    .leftCC { width: 100%; margin: 0px; margin-bottom: 11px; }
    .commentcontentara { width: 100%; margin: 0px; }
    .incontentalt { width: 100%; margin: 0px; }
    .user-left { display: none; }
    .user-right { width: calc(100% - 30px); float: none; display: inline-block; margin: 5px 0 5px 0; padding: 15px; }
    .user-basha { margin: 0px; width: auto; padding: 10px; font-size: 14px; }
    #face { padding: 4px 5.5px 4px 8.5px; margin-right: 4px; }
    #twt { padding: 4px 2px 4px 6px; margin-right: 4px; }
    #insta { padding: 4px 7px 4px 7px; }
    .user-right li { margin-left: 1px; margin-top: -2px; }
    .user-right ul { padding: 10px; }
    .sonrakiler { }
    .user-bas { margin: 0px; width: auto; margin-top: 0px; font-size: 14px; }
    #dahasonra { width: 100%; margin-top: 0px; margin-bottom: 12px; }
    .dizi-ismi { width: auto !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .user-comment { }
    .user-comment ul { padding: 0px; }
    .editicerik label { width: 100%; height: 27px; }
    input#user_login { float: none; margin: 0px; margin-bottom: 10px; height: 32px !important; width: calc(100% - 24px) !important; margin-left: 12px; }
    .editicerik input { float: none; width: calc(100% - 30px) !important; margin-left: 15px; margin-bottom: 10px; height: 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
    #description { float: none !important; margin-bottom: 7px; width: calc(100% - 24px) !important; margin-left: 12px; }
    input#updateuser { box-sizing: border-box; margin-bottom: 20px; }
    .listepisodes:hover { opacity: unset; background-color: rgba(75, 62, 640, .1); }
    .altyazitipi { float: left !important; margin-bottom: 10px !important; margin-left: 9px !important; }
    .incontentx { width: 100%; margin: 0px; }
    #icerikcat { width: calc(100% - 20px); margin: 0px; padding: 10px; margin-left: 0%; margin-top: 3px; }
    #icerikcatleft { width: max-content; margin: 0 auto; margin-bottom: 6px; margin-top: 6px; float: none; }
    #icerikcatright { font-size: 14px; margin: 0px; float: none; padding: 3px; margin-bottom: -5px; width: 100%; }
    #icerikcat2 { margin: 0px; }
    #myBtnContainer { margin-right: 12px !important; }
    .listhead { width: 100%; }
    .incontentx .container { width: 100% !important; margin: 0 auto !important; }
    #header_sol { display: none; }
    #header_sag { display: none; }
    .alphabetical-category-wrapper { display: none; position: absolute; background: #190b38; z-index: 999; top: 0px; min-height: calc(100% - 46px); margin-top: 46px; }
    span.series-close { display: block; }
    .series_list { display: none; }
    #listul li { width: 50%; }
    #header i.fas.fa-search { display: none; }
    .nexpre { margin-bottom: -36px; }
    .nexpre a { line-height: 115px; }
    .cat-container { width: calc(100% - 153px) !important; margin-top: 3px; float: right !important; margin-left: 0px !important; margin-right: 10px !important; }
    .cat-img { float: left !important; margin: 0 auto; margin-left: 12px !important; margin-top: 30px; }
    #list-series { display: inline-block !important; }
    .dil-afis { right: 5px !important; top: 10px !important; }
    .dil-afis img { float: right !important; }
    .altyazitipi { padding: 4.2px 4px; margin-left: 0px !important; }
    .topnav li:not(:first-child) { display: none; }
    .topnav { height: auto; width: 100%; display: inline-block; margin-top: 15px !important; margin-bottom: -4px !important; }
    .topnav a.icon { float: right; display: block; margin-right: 10px; }
    .topnav.responsive { position: relative; }
    .topnav.responsive .icon { position: absolute; right: 0; top: 0; }
    .topnav.responsive li { float: none; display: block; text-align: left; }
    .topnav a { padding: 10px 10px 10px 15px; }
    form.example button { display: block; }
    form.example input[type=text] { display: block; }
    #footerad { width: 100%; left: 0; margin-left: 0px; height: auto; bottom: -4px; }
    #footeradclose { margin-left: 0px; right: 0; left: unset; bottom: 70px; font-size: 13px; width: 120px; }
    #footerad img { height: 70px; }
    .example span.button-loader { right: 9% !important; left: unset !important; }
    .seriescontent { width: 100%; }
    form#filterseries { padding: 15px 20px 0px 20px; margin: 0; position: absolute; background: #0a0321; width: calc(100% - 40px); margin-left: -20px; top: 83px; display: none; z-index: 99; }
    .filterlabel { width: calc(50% - 3px) !important; }
    .filterselect { width: 100% !important; -webkit-appearance: none; }
    #mobil-filter { padding: 10px 12px; font-size: 16px; font-weight: normal; font-family: 'Noto Sans', arial, sans-serif; color: #e2d9ff; border: 2px solid rgba(255, 255, 255, .15); border-radius: 30px; line-height: 18px; cursor: pointer; display: inline-block; position: absolute; top: 30px; right: 110px; }
    .cat_ozet { max-height: unset; padding-right: 0; }
    .cat-img .add_fav { width: 120px; font-size: 12px; }
    .lastcomment { width: calc(100% - 30px); height: auto; }
    #sonra { float: left; margin-right: 5px; margin-bottom: 10px; margin-left: 0px; }
    #izledim { float: left; margin-right: 5px; margin-bottom: 10px; margin-left: 0px; }
    span.clearlist { display: none; }
    .izlediklerim form#izlediklerim { border: 0; }
    .wl_add { float: left; margin-bottom: 10px; margin-right: 5px; }
    .remove_wh { width: 100%; display: block; position: relative; }
    .wl_rem { position: absolute; left: 46px; top: -92px; }
    .sonrakiler .listepisodes { margin-top: 10px !important; }
    .wl { margin-right: 5px; }
    #butonlar { width: 100%; }
    #gorunum { display: none }
    .profileEdit span.button-loader { margin-top: 3px; }
    .profileEdit .alert-desc2 { width: 92% !important; }
    .favorite_series { top: 16px; left: 50%; margin-left: -79.5px; z-index: 999;}
    .favorite_series .add_fav { width: 159px; border-radius: 0px; }
    .serie ul.commentlist { width: calc(100% - 5px) !important; }
    .emptyList { }
    .list .emptyList { margin-bottom: 0px; }
    .sonrakiler .list-series-main { margin: 4px; }
    .episode .list-episodes { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; height: 57px; overflow: hidden; margin-bottom: 6px; }
    .episode .episode-box .poster { padding-bottom: 0; box-shadow: unset; border-radius: 0; }
    .episode .episode-box .poster .img { position: relative; border-radius: 0; }
    .episode .episode-box .poster .img img { width: 92px; height: 51.88px; border-radius: 0; }
    .episode .episode-title { background: transparent; width: calc(100% - 152px); margin-left: 94px; margin-top: -51px; }
    .episode .episode-box { background: rgba(75,62,140,.1); border-bottom: 1px dashed rgba(205,194,255,.1); position: relative; }
    .episode .episode-lang { right: 7px; top: 2px; }
    .episode .episode-date { color: #fff; background: transparent; margin-top: 29px; padding: 0; }
    .episode .episode-box .poster .img img:hover { -webkit-transform: unset; -o-transform: unset; -ms-transform: unset; transform: unset; -webkit-transition: unset; -moz-transition: unset; -o-transition: unset; transition: unset; }
    .series .list-series { -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; }
    .diziplus_sources { width: 100%; }
    .alphabetical-category-list { display: block; }
    .alphabetical-category-list li { width: 98.4%; }
    #alphabetical-category { display: none; }
    input.search-series { display:block; }
    .mobil-diziler { display:block; }
    .page .comment_submit { margin-left: 0px; }
    ul.sub-menu { margin-bottom: -12px; position: unset; width: 100%; }
    ul.sub-menu li { width: calc(100% - 10px); }
    .homepage { margin-bottom: -17px; }
    .share-content { width: 100%; }
    .share-content span { margin: 10px 6px 0 10px; }
    .share button { font-size: 0; padding: 0; width: 32px; height: 32px; line-height: 0; border-radius: 100%; }
    .share button i { font-size: 15px; }
    .next-prev { float: left; width: 100%; margin: 12px 0 12px 12px; }
}

/* ==========================================================================
   MEDYA SORGULARI - GENİŞ EKRANLAR (MİN 1439px)
   ========================================================================== */
@media only screen and (min-width: 1439px) {
    .searchelement { width: 344px; }
    #header_sol { margin-right: 621.5px; }
    #header_sag { margin-left: 621.5px; }
    form.example { margin-left: -240px !important; }
    form.example input[type=text] { width: 323px !important; }
    #wrap { width: 1243px; }
    #header { width: 1243px; }
    #navbarright { margin-left: 382px; }
    .inputt { width: 360px; }
    .ln-letters a { padding: 10px 18px 12px 18px; }
    .dropdown { width: 1243px; }
    .episodecontent { width: 890px; }
    .singlecontent { width: 890px; }
    .inepisode { width: 890px; }
    .infocontent { width: 291px; }
    .bolumcontent { width: 291px; }
    #benzerli { width: 271px; }
    #benzerli a { width: 291px; }
    .commentcontent { width: 890px; }
    #comment { width: 505px; }
    #commentform input { width: 343px; }
    .comment_spoiler { width: 162px; }
    .comment_send { width: 175px; }
    .dizialani { width: 890px; margin-top: 12px; margin-bottom: 19px; }
    .comment_profile { width: 333px; }
    .cat-container { width: calc(100% - 164px); }
    #icerikcat { width: 1183px; }
    .cat-imdb-main { margin-left: 95px; }
    .cat-img-main { width: 161px; height: 238.9562px; }
    .cat-title-main { width: 151px; }
    .cat-img-main img { width: 161px; height: 238.9562px; }
    .cat-img-main img:hover { width: 170px; height: 252.314px; }
    .user-right { width: 1040px; }
    .sonrakiler { }
    .user-comment { width: 1178px; }
    input#facebook { width: 954px; }
    input#twitter { width: 954px; }
    input#instagram { width: 954px; }
    .commentlist { width: 870px; }
    .topnav { width: 1243px; }
    .example span.button-loader { margin-left: 132px; }
    div#fav_series { max-height: unset; }
    .sonrakiler .list-series-main { margin: 4px 3.65px 16px 3.65px; }
    #icerikcatright { }
    .page textarea#comment { width: 100% !important; }
    .izlediklerim .list-series-main { margin: 10px 0px 18px 12px; }
    .list-episodes { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
    .list-series { -webkit-flex: 0 0 14.285%; -ms-flex: 0 0 14.285%; flex: 0 0 14.285%; max-width: 14.285%; }
    .comment_submit { margin-left: 9px; }
    .page .comment_submit { margin-left: 27px; }
}

/* ==========================================================================
   MEDYA SORGULARI - ORTA EKRANLAR (MİN 1000px)
   ========================================================================== */
@media only screen and (min-width: 1000px) {
    .dizialani { margin-top: 12px; margin-bottom: 19px; }
    .dropbtn { display: none; }
    form.example { position: absolute; left: 50%; margin-left: -200px; top: 35px; }
    form.example input[type=text] { width: 283px; float: right; height: 18px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; text-indent: 5px; }
    form.example button { width: 33px; margin-left: 0px; float: right; padding: 9px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
    #navbarright { margin-top: 65px; }
    div#watch_list { }
    .page .comment_content { width: 68%; }
    .page .commentcontent { width: 100%; }
    .page textarea#comment { width: 102.5%; }
    .page ul.commentlist { width: calc(100% - 20px); }
    .page .comment_list { width: 100%; }
}

/* ==========================================================================
   MEDYA SORGULARI - MOBİL (MAX 479px)
   ========================================================================== */
@media only screen and (max-width: 479px) {
    .modaltrailer { padding-top: 200px; }
    .modal-content-trailer { width: 95%; }
    .trailerclose { right: 4.2%; }
    .headerad img, .headerad iframe { height: 50px; }
    .videoalt img, .videoalt iframe { height: 50px; }
    .videoust img, .videoust iframe { height: 50px; }
}

/* ==========================================================================
   EKLENTİ (PLUGIN) AYARLARI: SIMPLEMODAL LOGIN (SML)
   ========================================================================== */
/* Style For SML */
#simplemodal-login-overlay {background-color:rgba(0,0,0,.75);}
#simplemodal-login-container {width:350px;}
#simplemodal-login-container .message, #simplemodal-login-container #login_error {margin-top: 30px;border-radius: 2px;background: #dc1818;color: #fff;font-size: 14px;padding: 7px 0px 7px 8px;margin-bottom: 20px;font-family: Poppins,arial,serif;font-weight: normal;margin-bottom: 0px;}
#login_error a{color: #fff !important;font-size: 14px;font-weight: bold;}
#simplemodal-login-container .message {background-color: #20ec12;color: #000;}
#simplemodal-login-container form {background: #17142a;border: 0px;font-weight: normal;padding: 16px;text-align: left;border-radius: 2px;width: 250px;margin: 0 auto;font-family: 'Noto Sans',arial,serif;}
#simplemodal-login-container form label {font-size:13px;color: #cdc2ff;}
#simplemodal-login-container form p {margin:0;}
#simplemodal-login-container form .forgetmenot {font-size: 11px; font-weight: normal; float: left; line-height: 43px; margin-bottom: -18px;}
#simplemodal-login-container form .submit input {border: 0;color: #fff;font-weight: normal;padding: 7px 10px;font-size: 14px;border-radius: 3px;cursor: pointer;text-decoration: none;margin-top: 1px;width: 250px;margin-right: 3px;-webkit-appearance: none;-moz-appearance: none;background: #6900ff;font-family: Poppins,arial,serif;}
#simplemodal-login-container form .submit {float: left; margin-top: 20px;}
#simplemodal-login-container form .submit input.simplemodal-close {background: transparent;position: absolute;top: 9px;width: 33px;right: 45px;font-weight: 700;font-size: 29px;padding: 0px;color: #fff;}
.simplemodal-close:focus{outline:transparent}
#simplemodal-login-container .title {color: #fff;text-transform: uppercase;}
#simplemodal-login-container .nav {clear:both; color:#888; padding-top:16px; text-align:center;}
#simplemodal-login-container .nav a {font-size: 13px;color: #cdc2ff;}
#simplemodal-login-container .reg_passmail {clear:both; color:#666; font-weight:bold; padding-bottom:16px; text-align:center;}
#simplemodal-login-container .user_pass, #simplemodal-login-container .user_login, #simplemodal-login-container .user_email {font-size: 14px;width: 97%;padding: 3px;margin-top: 0px;margin-right: 6px;margin-bottom: -2px;border: 1px solid rgba(205,194,255,.1);background: transparent;font-family: noto sans,arial,sans-serif;border-radius: 3px;height: 30px;color: #fff;text-indent: 5px;}
#simplemodal-login-container .rememberme {vertical-align:middle;}
.simplemodal-login-activity {background:url(images/loadgif.gif) center no-repeat; height:65px; margin-bottom:12px;margin-top: 20px;}

/* ==========================================================================
   EKLENTİ (PLUGIN) AYARLARI: POST BEĞEN/BEĞENME (PLD)
   ========================================================================== */
/* Style For PLD */
.pld-like-dislike-wrap { display: inline-block; margin-bottom:20px; }
.pld-common-wrap { display: inline-block; min-width: 50px; }
.pld-common-wrap > a.pld-like-dislike-trigger { text-decoration: none; box-shadow: 0 0 0 !important; border-bottom: 0; }
.pld-count-wrap { margin-left: 0px; font-weight: normal; }
.pld-share-wrap { display: inline-block; margin-left: 50px; }
.pld-share-wrap a { box-shadow: 0 0 0 !important; margin: 0 10px; border:1px solid #fff; }
a.pld-facebook { background: #3b5998 !important; color: #fff !important; display: inline-block; text-align: center; padding: 5px 10px; }
a.pld-twitter { background: #55acee !important; color: #fff !important; display: inline-block; text-align: center; padding: 5px 7px; }
a.pld-facebook:hover { background: #fff !important; color: #3b5998 !important; border: 1px solid; }
a.pld-twitter:hover { background: #fff !important; color: #55acee !important; border: 1px solid; }
.pld-like-dislike-wrap br{display:none;}
.pld-like-dislike-wrap p{display:none;}
.pld-like-dislike-wrap.pld-template-3 { margin-bottom: 20px; }
.pld-like-dislike-wrap .pld-common-wrap { margin-right: 10px; }
.pld-like-dislike-wrap.pld-custom img { max-width: 30px; display: inline-block; vertical-align: top; }
.pld-like-dislike-wrap { width: 100%!important; }
.pld-like-wrap.pld-common-wrap { margin-right: 0px !important; }
.pld-like-wrap {
  width: calc(50% - 3px) !important;
  float: left !important;
  text-align: center !important;
  background: rgba(32, 36, 41, 1) !important;
  padding: 5px 0px !important;
  border-radius: 3px !important;
  border-bottom: 2px solid #858f99 !important;
}
.pld-dislike-wrap.pld-common-wrap { margin-right: 0px !important; }
.pld-dislike-wrap { width: calc(50% - 3px); float: right; text-align: center; background: rgba(24, 8, 105, 0.35); padding: 5px 0px; border-radius: 3px; border-bottom: 2px solid red; }
.pld-like-wrap:hover { background: green !important; }
.pld-dislike-wrap:hover { background: red !important; }
.pld-like-dislike-wrap { margin-bottom: 0px !important; }

/* ==========================================================================
   EKLENTİ (PLUGIN) AYARLARI: YORUM BEĞEN/BEĞENME (CLD)
   ========================================================================== */
/* Style For CLD */
.cld-like-dislike-wrap {display: inline-block;float: right;margin-top: 5px;margin-right: 3px;}
.cld-common-wrap { display: inline-block; }
.cld-common-wrap > a.cld-like-dislike-trigger { text-decoration: none; box-shadow: 0 0 0 !important; border-bottom: 0; }
.cld-count-wrap { margin-left: 5px; }
.cld-share-wrap { display: inline-block; margin-left: 50px; }
.cld-share-wrap a { box-shadow: 0 0 0 !important; margin: 0 10px; border:1px solid #fff; }
a.cld-facebook { background: #3b5998 !important; color: #fff !important; display: inline-block; text-align: center; padding: 5px 10px; }
a.cld-twitter { background: #55acee !important; color: #fff !important; display: inline-block; text-align: center; padding: 5px 7px; }
a.cld-facebook:hover { background: #fff !important; color: #3b5998 !important; border: 1px solid; }
a.cld-twitter:hover { background: #fff !important; color: #55acee !important; border: 1px solid; }
.cld-like-dislike-wrap br{display:none;}
.cld-like-dislike-wrap p{display:none;}
.cld-like-dislike-wrap.cld-template-3 { margin-bottom: 20px; }
.cld-like-wrap {margin-right: 8px;}
.cld-like-dislike-wrap.cld-custom img { max-width: 30px; display: inline-block; vertical-align: top; }

/* ==========================================================================
   EKLENTİ (PLUGIN) AYARLARI: PERFECT SCROLLBAR (PS)
   ========================================================================== */
/* Style For PS */
.ps-container{-ms-touch-action:none;touch-action:none;overflow:hidden!important;-ms-overflow-style:none}@supports(-ms-overflow-style:none){.ps-container{overflow:auto!important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps-container{overflow:auto!important}}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block;background-color: rgba(205,194,255,.1);width: 4px;}.ps-container.ps-in-scrolling{pointer-events:none}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{opacity:.6}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#ffd500}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{opacity:.6}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#ffd500}.ps-container>.ps-scrollbar-x-rail{display:none;opacity:0;-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;bottom:0;height:15px;}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#575b65;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;-moz-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;-o-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-webkit-border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;bottom:2px;height:6px}.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x,.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x{height:11px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;right:0;width:14px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color: #5229cc;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;-webkit-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;-moz-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;-o-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-webkit-border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;right: 0px;width: 4px;}.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y{width: 4px;}.ps-container:hover.ps-in-scrolling{pointer-events:none}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{opacity:.9}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#fff;opacity:.5}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{opacity:.9}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#fff;opacity:.5}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity: unset;}.ps-container:hover>.ps-scrollbar-x-rail:hover{opacity:.9}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#fff;opacity:.5}.ps-container:hover>.ps-scrollbar-y-rail:hover{opacity:.9}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#fff;opacity:.5}

/* ==========================================================================
   EKLENTİ (PLUGIN) AYARLARI: OWL CAROUSEL (Slider)
   ========================================================================== */
/* Style For OWL */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}.owl-prev, .owl-next { position: absolute; top: 50%; margin-top: -23px !important; background: rgba(0,0,0,0.25) !important; border-radius: 100% !important; font-size: 23px !important; }
.owl-prev { left: 0px; }
.owl-next { right: 10px; }
.owl-carousel .list-series { display: unset!important; max-width: 100% !important; }

/* ==========================================================================
   ÖZET VE MAKALELER (Article Summary)
   ========================================================================== */
.article-summary {
    margin: 22px 0;
    padding: 18px 20px;
    background: linear-gradient(180deg, rgb(68 67 70 / 96%), rgb(2 2 2 / 96%));
    border: 1px solid rgba(255,255,255,0.06);
    border-left: 4px solid #ffd500;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,.22);
    color: #e9e5ff;
    overflow: hidden;
}

.article-summary-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
}

.article-summary-title i { color: #ffd500; }

.article-summary-content {
    font-size: 15px;
    line-height: 1.8;
    color: #b3b2b7;
}

.article-summary-content p:last-child { margin-bottom: 0; }
/* Sezon ve Bölüm genel stil */
.episode-name {
    font-size: 14px;
    color: #fff; /* Sezon kısmı beyaz kalsın */
}

/* Sadece Bölüm kısmını sarı yapıyoruz */
.episode-name .bolum-vurgu {
    color: #ffcc00; /* İstediğin sarı tonu */
    font-weight: bold;
    margin-left: 4px;
}
/* Yazı Tipi ve Renk Ayarı */
.episode-name a {
    font-family: 'Quicksand', sans-serif !important; /* Gotham tarzı yuvarlak font */
    font-size: 13px !important;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #fff !important;
}

/* JavaScript kullanmadan CSS ile "Bölüm" yazısını sarı yapma (İpucu) */
.episode-name {
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 700;
}
/* Vitrin Genel Yapısı */
#recommended_series {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    display: flex;
    gap: 15px;
    overflow-x: auto;
    scrollbar-width: thin;
}

#recommended_series li {
    text-align: center;
    min-width: 100px;
    cursor: pointer;
    position: relative;
}

/* Resmin Yuvarlak Hali (Normal Durum) */
#recommended_series li a div {
    position: relative;
    width: 100px;
    height: 100px; /* İlk başta tam yuvarlak olması için genişlik ve yükseklik eşit */
    margin: 0 auto 10px;
    border-radius: 50%;
    border: 3px solid #f1c40f; /* Bekleyenler için Sarı Çerçeve */
    transition: all 0.3s ease-in-out; /* Animasyonun yumuşaklığı */
    overflow: hidden;
}

/* Eklendi Olanların Çerçevesi */
#recommended_series li.ready a div {
    border-color: #7f8c8d; /* Eklendiğinde Gri Çerçeve */
}

/* Resmin Kendisi */
#recommended_series li a div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
}

/* MAUSE İLE ÜZERİNE GELİNCE (HOVER EFEKTİ) */
#recommended_series li:hover a div {
    border-radius: 8px; /* Yuvarlaktan hafif köşeli kareye dönüş */
    height: 140px; /* Aşağı doğru uzama (Afiş boyutunu açar) */
    border-color: transparent; /* Çerçeveyi gizler, daha şık durur */
}

/* Küçük Eklendi/Bekliyor Rozetleri */
#recommended_series li span.available {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: #f1c40f;
    color: #000;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 8px;
    border-radius: 10px;
    z-index: 2;
}

#recommended_series li.ready span.available {
    background: #f1c40f; /* Ready class'ında rozet sarı kalsın, çerçeve gri */
}

/* Metin Ayarları */
#recommended_series .baslik {
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    margin-top: 5px;
}

#recommended_series small {
    color: #aaa;
    font-size: 11px;
}
.sari-menu a, .sari-menu a span {
    color: #ffd500 !important; 
}