/*
* ======================================================================
* GENERAL
* ======================================================================
*/
:root {
    --textColor: #222;
    --darktextColor: #afafaf;
    --blueColor: #2b90d9;
    --turuncuColor: #f48930;
    --textColor: #222;
    --darktextColor: #afafaf;
    --lightBg: #fff;
    --darkBg: #292a2b;
    --temaBlue: #2b90d9;
    --temaTuruncu: #f48930;
    --darkWhite: #afafaf;
    --kirmizi: #e31b23;
    --borderFormEls: hsl(0, 0%, 10%);
    --bgFormEls: hsl(0, 0%, 14%);
    --bgFormElsFocus: hsl(0, 7%, 20%);
}
/*var(--color)*/
body {
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 0.9rem;font-weight: 400;line-height: 1.5;overflow-x: hidden;
    color: var(--textColor);background-color: #f0f0f0;}
    body.dark-theme {color:var(--darktextColor);background: #444;}
    body.dark-theme img {filter: brightness(.8) contrast(1.2);}
a {color: var(--blueColor);text-decoration: none;}
    a:hover, a:focus {color:var(--turuncuColor);text-decoration:underline;}
    body.dark-theme a {color:var(--turuncuColor)}
    body.dark-theme a:hover, body.dark-theme a:focus {color:var(--temaBlue);}


h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;}
h1, .h1 {font-size: 2.25rem;}
h2, .h2 {font-size: 1.8rem;}
h3, .h3 {font-size: 1.53rem;}
h4, .h4 {font-size: 1.125rem;}
h5, .h5 {font-size: 0.9rem;}
h6, .h6 {font-size: 0.765rem;}
    body.dark-theme h1 a,
    body.dark-theme h2 a,
    body.dark-theme h3 a,
    body.dark-theme h4 a,
    body.dark-theme h5 a,
    body.dark-theme h6 a {color: var(--darktextColor)}

a, button {-webkit-transition: all 0.3s;transition: all 0.3s;outline: none;}
a i.fa, button i.fa {margin: 0 5px;}
.btn{font-size:inherit;}
.btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-info, .btn-dark {color: #fff !important;}
.btn + .btn {margin-left: 5px;}
.disabled {cursor: not-allowed;}

.banner {padding:10px;margin-bottom:10px;text-align:center;background: #0096D6;color:white;font-size: 30px;}
	.banner h1{font-size:2rem;margin:0px;}
	.banner p{margin-top:0px;margin-bottom:0px;font-size:1rem;}
	@media screen and (max-width:991px) {
		.banner p{margin-top:0px;margin-bottom:0px;font-size:0.8rem;}
	}
    #ModMesaj{display:none;}
	.ModMesaj, .card{width:95%;}
	.toKapak .toYetki{color:#fff;}
	@media screen and (max-width:991px) {
		.ModMesaj, .card{width:100%;}
	}
	
/*
*
* ======================================================================
* ESKİ TEMA CLASS TANIMLARI BAŞLAR
* ======================================================================
*
*/
    /*Genel Ayarlamalar*/
    .dvHide{display :none;}
    .pcHide{display:none;}
    .mobileHide{display:inline-block;}
    .tabletHide{display:none;}
    .wpHide{display:none;}
    .clear{clear:both;}
    .tamimg{max-width:100%;}
    /*.faColor, .faColorm, .faBeyaz{color:#222}*/
        body.dark-theme .faColor, body.dark-theme .faColorm, body.dark-theme .faBeyaz{color:#fff}
        @media (max-width:991px) {
            .pcHide {display:inline-block;}
            .mobileHide {display:none;}
        }
        @media (max-width:768px) {
            .tabletHide{display:inline-block;}
            .wpHide{display:initial}
            .yazdirBtn{display:none;}
        }
    #mesajBulut {background:#2b90d9;position:fixed;display:none;bottom:50px;left:15px;text-align:center;padding:10px;
            text-shadow: 0 0 3px #2b90d9;color:#fff;font-size:14px;border-radius:7%;z-index:9999;}
    /*Genel Ayarlamalar*/

    /*Kutu Ayarlamalar*/
    .fKutu {text-align:left;background:var(--lightBg);padding:1em;-webkit-box-shadow: 2px 5px 16px 2px rgba(16, 16, 16, 0.18);-moz-box-shadow: 2px 5px 16px 2px rgba(16, 16, 16, 0.18);box-shadow: 2px 5px 16px 2px rgba(16, 16, 16, 0.18);-webkit-border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
        body.dark-theme .fKutu{background:var(--darkBg)}
            h1.formBaslik{color:var(--temaTuruncu);font-size:24px;margin-bottom:7px;}
        .ortaSol{width:65%;display:inline-block;box-sizing:border-box;float:left;}
        .ortaSag{width:34%;display:inline-block;box-sizing:border-box;float:right;vertical-align:top;padding:15px;margin-left:1%;}
        @media (max-width:768px) {
            .ortaSol {width:100%;display:block;}
            .ortaSag {display:none;}
        }
        @media (max-width:991px) {.fKutu{margin:12px 0px;padding:12px;}}
        @media (max-width:768px) {.fKutu{margin:12px 0px;padding:12px;}}
    /*Kutu Ayarlamalar*/

    /*HKMO Kapak*/
    .hkBg{background:var(--lightBg)}
        .hkKapak{position:relative;max-height:150px;overflow:hidden;padding:0px;}
            .hkKapak .hkFiyat{position: absolute;top:10px;right:10px;font-size:20px;color:#000;z-index:1}
            .hkKapak .hkKapakBg{width:100%;max-width:100%;height:100%;object-fit:cover;object-position:50% 15%;}
            .hkKapak .hkFoto{background:var(--darkBg);position:absolute;bottom:0.5em;left:1em;border:solid 0px #ccc;padding:3px;z-index:1;height:75px;width:75px;border-radius:50%;}
            .hkKapak .hkTab{z-index:0;width:100%;position:absolute;bottom:1em;left:0px;box-sizing:border-box;height:60px;}
                .hkTab:after{content:"";background:#888;opacity:0.5;top:0;left:0;bottom:0;right:0;position: absolute;z-index: -1;}
                    .hkTab .hmAd{color:#000;font-size:1.1em;position:absolute;left:5px;top:0px;padding:3px;padding-left:90px;display:inline-block;}
                    .hkTab .hfAd{color:#444;font-size:1.3em;font-weight:200;}
            .hkKapak .haLink{bottom:15px;right:5px;position:absolute;}
            .hkKapak .haLink a{color:#000;font-size:1.1em;}
        @media screen and (max-width:767px) {
            .hkKapak{max-height:105px;}
            .hkKapak .hkFoto{bottom:0.1em;left:0.7em;height:55px;width:55px;}
            .hkKapak .hkTab{bottom:0px;left:0px;height:60px;}
                .hkTab .hmAd{font-size:1em;padding-left:65px;}
            .hkKapak .hkFiyat{font-size:0.9em;}
            .hkKapak .haLink{bottom:5px;}
        }
    /*HKMO Kapak*/

    /*Fiyat Menü Linkler*/
    #hesapMenuLink{width:100%;}
    .hesapLink a{display:block;border-bottom:solid 1px #ccc;font-size:1.1em;
                    text-align:left;padding:7px 0px;color:#444;
                    word-wrap: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
        .hesapLink a .menuicon{margin-right:10px;color:mediumpurple}
        .hesapLink a:hover {color:#fff;background-color:mediumpurple;text-decoration:none;}
        .hesapLink a:hover .menuicon{color:#fff}
            a.aktifPage{color:mediumpurple;}
    body.dark-theme .hesapLink a {color:#ccc;border-bottom:solid 1px #000;}
        body.dark-theme .hesapLink a.aktifPage {color:#fff;background-color:#666;}
        body.dark-theme .hesapLink a .menuicon{color:#999;}
        body.dark-theme .hesapLink a:hover {color:#fff;background-color:#666;}
        body.dark-theme .hesapLink a:hover .menuicon{color:#fff}
    .menuAcKapa{float:right;border:solid 1px #bbb;border-radius:3px;padding:0px 7px;margin-right:5px;}
        .menuAcKapa:hover{background-color:#fff;color:blueviolet;font-weight :bold;}
    .hesapdet{margin-top:15px;}
    .hesapdet ul {list-style: circle;}
    @media (max-width:768px) {
            .hesapdet ul {margin-left:-20px;}
        }
    /*Fiyat Menü Linkler*/

    /*Sayfa Uyarı Metinler*/
    #fiyatDetay, .fiyatDetay{color:#856404;background-color:#fff3cd;border: solid 1px #ffeeba;width:100%;box-sizing:border-box;margin:0 auto;padding:7px;}
        body.dark-theme #fiyatDetay, body.dark-theme .fiyatDetay{color:var(--darkWhite);background-color:#343a40;border-color:#1b1e21;}

    /* form elemanları */
    .formSatir {position:relative;margin:20px auto;width:100%;text-align:left;}
            .formSatir span {position: absolute;display: block;color:var(--temaBlue);left:10px;top:16px;font-size:16px;}
            body.dark-theme .formSatir span{color:var(--darkWhite);}
            .placem{position:absolute;display:none;font-size:0.9em;right:5px;top:1px;}
            .placems{position:absolute;font-size:0.9em;right:5px;top:1px;}
            .formSatir input, .formSatir select{width: 100%;padding: 13px 10px 13px 34px;display:block;border:1px solid var(--temaBlue);background:#fafdfa;color:#000;box-sizing: border-box;font-size: 15px;outline: none;letter-spacing: 1px;-webkit-box-shadow: 2px 5px 16px 2px rgba(16, 16, 16, 0.18);-moz-box-shadow: 2px 5px 16px 2px rgba(16, 16, 16, 0.18);box-shadow: 2px 5px 16px 2px rgba(16, 16, 16, 0.18);}
                body.dark-theme .formSatir input, body.dark-theme .formSatir select, body.dark-theme .formSatir textarea{background:var(--bgFormEls);color:var(--darkWhite);border:1px solid var(--borderFormEls);}
            .formSatir textarea {width:100%;padding: 13px 10px 13px 34px;display:block;border:1px solid var(--temaBlue);background:#fafdfa;color:#000;box-sizing: border-box;font-size:14px;letter-spacing:1px;-webkit-box-shadow: 2px 5px 16px 2px rgba(16, 16, 16, 0.18);-moz-box-shadow: 2px 5px 16px 2px rgba(16, 16, 16, 0.18);box-shadow: 2px 5px 16px 2px rgba(16, 16, 16, 0.18);}
            .formSatir2{position:relative;margin:10px auto;width:100%;text-align:left;font-size:100%;}
        .checkbox-custom, .radio-custom {opacity: 0;position: absolute;}
            .checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {display: inline-block;vertical-align: middle;margin:5px;cursor: pointer;}
            .checkbox-custom-label, .radio-custom-label {position: relative;}
            .radio-custom + .radio-custom-label:before {content: '';background: #fff;border: 2px solid #ddd;display: inline-block;vertical-align: middle;width: 20px;height: 20px;padding: 2px;margin-right: 10px;text-align: center;}
            .checkbox-custom + .checkbox-custom-label:before{content: '';background: #fff;border: 2px solid #ddd;display: inline-block;vertical-align: middle;width:12px;height:12px;padding: 2px;margin-right:5px;text-align: center;}
                body.dark-theme .radio-custom + .radio-custom-label:before, body.dark-theme .checkbox-custom + .checkbox-custom-label:before {background:#333;border: 2px solid #111;}
            .radio-custom + .radio-custom-label:before {border-radius: 50%;}
            .checkbox-custom:checked + .checkbox-custom-label:before, .radio-custom:checked + .radio-custom-label:before {background:var(--temaBlue);box-shadow: inset 0px 0px 0px 4px #fff;}
                body.dark-theme .checkbox-custom:checked + .checkbox-custom-label:before, body.dark-theme .radio-custom:checked + .radio-custom-label:before {background:var(--temaBlue);box-shadow: inset 0px 0px 0px 4px #333;}
            ::after, :before {box-sizing: initial;} 
            @media (max-width:768px) {
                .checkbox-custom-label{color:var(--darkWhite);}
            }
        .buyukAlan{margin-top:0px;display:none;}
        .inputBos{border:solid 1px var(--kirmizi) !important;}
        .binaAddFa{position: absolute;right: 5px;top:4px;font-size:2.5em !important;color:lightgray;cursor:pointer;}
        #bnyaz{color:var(--kirmizi)}
        #muhMsg{font-size:16px;padding:16px;}

        .formBtn{margin:10px 0;}
        a.hesapButon{display: inline-block;padding:0.375rem 0.75rem;background:var(--temaBlue);font-size:16px;color:#fff !important;
            -webkit-border-radius:7px;-o-border-radius:7px;-ms-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
            border: none;cursor: pointer;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;transition: 0.5s all;}
        .submit, a.submit {display: inline-block;padding: 7px 14px;background:var(--temaBlue);font-size :16px;color:#fff;
            -webkit-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
            border: none;cursor: pointer;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;transition: 0.5s all;}
        .submit .fa, a.hesapButon .fa {color:#fff;margin-right:5px;}
        .submit .fa:hover, a.hesapButon .fa:hover {color:var(--temaTuruncu);}
            .submit:hover, a.hesapButon:hover {opacity: .8;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;transition: 0.5s all;text-decoration:none;}
            @keyframes sspin {0% {transform: rotate(0deg);}25% {transform: rotate(90deg);}50% {transform: rotate(180deg);}75% {transform: rotate(270deg);}100% {transform: rotate(360deg);}}
                a.hesapButon:hover > .sspin, .submit:hover > .sspin, .popBilgi:hover > .sspin {animation: spin 450ms;animation-timing-function: linear;color:var(--temaTuruncu);}
            @media(max-width:640px) {
                .submit {padding: 4px 8px;-webkit-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;-moz-border-radius:8px;border-radius:8px;font-size: 16px;}
            }

        /*Tablo*/
        .bTablo{border-collapse:collapse;width:100%;}
            .bTablo th {padding:6px;text-align:center;background-color:var(--temaBlue);border: 1px solid #74aad1;color:white;font-size:1.1em}
            .bTablo td{border: 1px solid #ddd;padding:6px;text-align:center;font-size:1.1em;}
            .bTablo td.right, .bTablo th.right{text-align:right;}
            .bTablo tr:nth-child(even) {background-color:#f2f2f2;}
            .bTablo tr:hover{background-color: #fafafa;}
                body.dark-theme .bTablo td{border: 1px solid #444;}
                body.dark-theme .bTablo tr:nth-child(even) {background-color:#2a2a2a;}
                body.dark-theme .bTablo tr:hover {background-color:#2d2d2d;}
            th{min-width:100px;}
            th.m150{min-width:150px;}

        /*Parsel Tablo*/
        .pTablo{border-collapse:collapse;width:100%;}
            .pTablo tr:hover {background-color: #fafafa;}
            .pTablo th {padding-top:8px;padding-bottom:8px;text-align:left;background-color:#56a2cf;color:white;}
            .pTablo td, .pTablo th{border: 1px solid #ddd;padding:8px;text-align:left;}
            .pTablo td.tdBaslik{text-align:left;width:25%;background-color:#fafafa;font-weight:bolder;}
            .pTablo td.tdDetay{text-align:left;width:75%;}
            .pTablo td.tdDetay .tdButon{float:right;}
            .fright{float:right}
            body.dark-theme .pTablo tr:hover {background-color: #212121;}
            body.dark-theme .pTablo td, body.dark-theme .pTablo th{border: 1px solid #111;}
            body.dark-theme .pTablo td.tdBaslik{background-color:#212121;}


            /*Yorum*/
        .yrDate{float:right;font-size:0.8em;color:#bbb;margin-top:3px;}
        .yrKat{color:#777;}
        .yrSil{display:none;float:right;right:13px;bottom:13px;font-size:0.8em;color:#dc3545;padding:3px 5px;cursor:pointer;border:solid 1px #dc3545;border-radius:3px;}
        .yrSil:hover{border:solid 1px #d13141;border-radius:3px;background-color:#dc3545;color:#fff;z-index:3;}

/*
*
* ======================================================================
* ESKİ TEMA CLASS TANIMLARI BİTER
* ======================================================================
*
*/

/* ======================================================================
* NAWBAR
* ======================================================================*/
.navbar {padding: 0 1rem;border-bottom: 1px solid #e6e6e6;background-color: #fff;}
    body.dark-theme .navbar {border-bottom: 1px solid #444;background-color: #121212;}
.navbar .navbar-nav > .nav-item > .nav-link {font-family:Arial;letter-spacing: 0.1em;padding: 30px 15px !important;color:#555;}
    body.dark-theme .navbar .navbar-nav > .nav-item > .nav-link {color: #ccc;}
    @media (max-width: 991.98px) {
        .navbar .navbar-nav > .nav-item > .nav-link, body.dark-theme .navbar .navbar-nav > .nav-item > .nav-link {padding: 10px 15px !important;}
    }
.navbar .navbar-nav > .nav-item > .nav-link.active, .navbar .navbar-nav > .nav-item > .nav-link:hover, .navbar .navbar-nav > .nav-item > .nav-link:focus {background: #f0f0f0;}
body.dark-theme .navbar .navbar-nav > .nav-item > .nav-link.active, body.dark-theme .navbar .navbar-nav > .nav-item > .nav-link:hover, body.dark-theme .navbar .navbar-nav > .nav-item > .nav-link:focus {background:#444;}
@media (max-width: 991.98px) {
  .navbar .dropdown-menu {position: relative !important;border:none;}
}
@media (min-width: 992px) {
    .navbar .dropdown:hover .dropdown-menu {display: block;}
}

.navbar .navbar-btn {color:#fff;margin-right:10px;}
#search {background: #fff;}
    body.dark-theme #search {background: #212121;}
    #search .container {text-align: right;}
    #search form {max-width: 500px;padding: 20px 0;}
    #search .navbar-form {float: right;width: 500px;}

    .breadcrumb {-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);background: #fff;border-radius: 0;padding: 0.5rem 1rem;}
        body.dark-theme .breadcrumb {background: #212121;}
        body.dark-theme .breadcrumb-item.active, body.dark-theme .breadcrumb-item+.breadcrumb-item::before{color:var(--darktextColor)}

.nav-link {padding: 0.5rem 1rem;}
    .nav-link.disabled {color: #6c757d;}
    .nav-tabs .nav-item {margin-bottom: -1px;}
    .nav-tabs .nav-link {border: 1px solid transparent;border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem;}
    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {border-color: #e9ecef #e9ecef #dee2e6;    }
        .nav-tabs .nav-link.disabled {color: #6c757d;}
        .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {color: #495057;background-color: #f0f0f0;}
        .nav-tabs .dropdown-menu {margin-top: -1px;}
        .nav-pills .nav-link {border-radius: 0;}
        .nav-pills .nav-link.active, .nav-pills .show > .nav-link {color: #fff;background-color: #2b90d9;}
    .navbar-brand {display: inline-block;padding-top: 0.33125rem;padding-bottom: 0.33125rem;margin-right: 1rem;font-size: 1.125rem;}
    .navbar-toggler {padding: 0.45rem 0.75rem;font-size: 1rem;line-height:1;border: 1px solid transparent;border-radius: 0.25rem;}
    .navbar-buttons a i.fa, .navbar-buttons button i.fa {padding: 3px 0;}
    @media (max-width:768px) {
        .navbar-toggler {font-size:inherit;}
    }

    .btn-primary {color:#fff;background-color: #2b90d9;border-color: #2b90d9;}
        .btn-primary:hover {color: #fff;background-color: #227bbc;border-color: #2074b1;}
        .btn-primary:focus, .btn-primary.focus {-webkit-box-shadow: 0 0 0 0.2rem rgba(43, 144, 217, 0.5);  box-shadow: 0 0 0 0.2rem rgba(43, 144, 217, 0.5);}
        .btn-primary.disabled, .btn-primary:disabled {color: #fff;background-color: #2b90d9;border-color: #2b90d9;}
        .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,.show > .btn-primary.dropdown-toggle {color: #fff;background-color: #2074b1;border-color: #1e6da6;}
        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,.show > .btn-primary.dropdown-toggle:focus {-webkit-box-shadow: 0 0 0 0.2rem rgba(43, 144, 217, 0.5);box-shadow: 0 0 0 0.2rem rgba(43, 144, 217, 0.5);}

/*======================================================================
* DROPDOWN
* ======================================================================*/
    .dropdown-menu {min-width:10rem;padding: 0.5rem 0;margin:0;
        font-size: 0.9rem;color:#212529;background-color:#f0f0f0;border:0px solid rgba(0, 0, 0, 0.15);border-radius:0rem;}
        body.dark-theme .dropdown-menu {color: #ccc;background-color:#444;border: 1px solid rgba(0, 0, 0, 0.15);}
        .dropdown-item {padding: 0.25rem 1.5rem;font-weight: 400;color: #212529;}
            body.dark-theme .dropdown-item {color: #f8f9fa;}
    .dropdown-item:hover, .dropdown-item:focus {color: #16181b;background-color:#c9c9c9;}
        body.dark-theme .dropdown-item:hover, body.dark-theme .dropdown-item:focus {color:#f1f1f1;background-color:#666;}
    .dropdown-item.active, body.dark-theme .dropdown-item:active {color: #fff;background-color: #2b90d9;}
    .dropdown-item.disabled, body.dark-theme .dropdown-item:disabled {color: #6c757d;}

    .dropdown:hover{background-color:#f0f0f0;}
    body.dark-theme .dropdown:hover {background-color:#444;}
    .dropdown-divider{border-top:solid 1px #aaa;}
/* ======================================================================
* HOT
* ======================================================================*/
#hot h2 {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 2.25rem;
    color: #2b90d9;
    font-weight: 100;
    text-align: center;
}
    #hot .product-slider {clear: both;margin-bottom: 20px;}
    #hot .product-slider .item {margin: 0 25px;}
    #hot .product-slider .product {margin-bottom: 0;}
    #hot .product-slider .owl-dots {position: relative;margin-bottom: 30px;}

/* ======================================================================
* FOOTER
* ======================================================================*/
#footer {background: #e0e0e0;padding: 40px 0;}
    body.dark-theme #footer {background: #222;padding: 40px 0;}
    #footer ul {padding-left: 0;list-style: none;}
    #footer ul a {color: #777;}
    #footer .social {text-align: left;}
    #footer .social a {margin: 0 10px 0 0;color: #fff;display: inline-block;
        width: 30px;height: 30px;border-radius: 15px;line-height: 26px;
        font-size: 15px;text-align: center;background-color: #555;
        -webkit-transition: all 0.3s;transition: all 0.3s;vertical-align: bottom;}
    #footer .social a i {vertical-align: bottom;line-height: 30px;}
    #footer .social a.facebook:hover {background-color: #4460ae;}
    #footer .social a.youtube:hover {background-color: #c21f25;}
    #footer .social a.twitter:hover {background-color: #3cf;}
    #footer .social a.email:hover {background-color: #4a7f45;}

/*======================================================================
* COPYRIGHTS
* ======================================================================*/
#copyright {background: #121212;color: #ccc;padding: 20px 0;font-size: 0.738rem;}
    #copyright p {margin: 0;}

/*======================================================================
* BOX
* ======================================================================*/
.box {background: #fff;margin: 0 0 30px;border: solid 1px #e6e6e6;padding: 20px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);}
    body.dark-theme .box {background: #212121;border: solid 1px #666767;}
    .box .box-header {clear: both;background: #f7f7f7;margin: -20px -20px 20px;padding: 20px;border-bottom: solid 1px #eee;}
    .box .box-footer {clear: both;background: #f7f7f7;margin: 30px -20px -20px;padding: 20px;border-top: solid 1px #eee;}
    @media (max-width: 767.98px) {
        .box .box-footer .btn {margin-bottom: 20px;}
    }
    .box.slideshow {padding: 20px 0 0 0;text-align: center;}
    .box.slideshow h3 {text-transform: uppercase;letter-spacing: 0.1em;font-weight: 700;}

/*======================================================================
* RIBBONS İÇERİK ÜZERİ ETİKET DOSYA İÇİN
* ======================================================================*/
    .ribbon {position: absolute;top:50px;padding-left:51px;z-index: 20;text-transform: uppercase;letter-spacing: 0.2em;}
    .ribbon .ribbon-background {position: absolute;top: 0;right: 0;}
    .ribbon .theribbon {position: relative;width: 80px;padding: 6px 20px 6px 20px;margin: 30px 10px 10px -71px;
            color: #fff;background-color: #2b90d9;text-shadow: 0px 1px 2px #bbb;}
    .ribbon .theribbon:before, .ribbon .theribbon:after {content: ' ';position: absolute;width:0;height:0;}
    .ribbon .theribbon:after {left: 0px;top: 100%;border-width: 5px 10px;border-style: solid;border-color: #185886 #185886 transparent transparent;}
    .ribbon.sale {top: 0;}
    .ribbon.new {top: 50px;}
    .ribbon.new .theribbon {background-color: #17a2b8;text-shadow: 0px 1px 2px #bbb;}
    .ribbon.new .theribbon:after {border-color: #0c525d #0c525d transparent transparent;}
    .ribbon.gift {top:100px;}
    .ribbon.gift .theribbon {background-color:#28a745;text-shadow: 0px 1px 2px #bbb;}
    .ribbon.gift .theribbon:after {border-color: #145523 #145523 transparent transparent;}

/*======================================================================
* BLOG LİSTESİ
* ======================================================================*/
    #content #blog-listing .post, #content #blog-homepage .post {margin-bottom: 15px;background: #fff;margin: 0 0 30px;border: solid 1px #e6e6e6;padding: 20px;-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);}
        body.dark-theme #content #blog-listing .post, body.dark-theme #content #blog-homepage .post {background: #212121;border: solid 1px #6e6e6e;}
    #content #blog-listing .post h2 a, #content #blog-listing .post h4 a, #content #blog-homepage .post h2 a, #content #blog-homepage .post h4 a {color: #555;}
    #content #blog-listing .post h2 a:hover, #content #blog-listing .post h4 a:hover, #content #blog-homepage .post h2 a:hover, #content #blog-homepage .post h4 a:hover {color: #2b90d9;}
    #content #blog-listing .post .author-category, #content #blog-homepage .post .author-category {color: #999;font-weight: 300;}
    #content #blog-listing .post .date-comments a, #content #blog-homepage .post .date-comments a {color: #999;margin-right: 20px;}
    #content #blog-listing .post .date-comments a:hover, #content #blog-homepage .post .date-comments a:hover {color: #2b90d9;}
        body.dark-theme #content #blog-listing .post h2 a, body.dark-theme #content #blog-listing .post h4 a, body.dark-theme #content #blog-homepage .post h2 a, body.dark-theme #content #blog-homepage .post h4 a {color: var(--darktextColor)}
            body.dark-theme #content #blog-listing .post h2 a:hover, body.dark-theme #content #blog-listing .post h4 a:hover, body.dark-theme #content #blog-homepage .post h2 a:hover, body.dark-theme #content #blog-homepage .post h4 a:hover {color: var(--blueColor)}
        #content #blog-listing .post .author-category, #content #blog-homepage .post .author-category {color: #999;font-weight: 300;}
        #content #blog-listing .post .date-comments a, #content #blog-homepage .post .date-comments a {color: #999;margin-right: 20px;}
        #content #blog-listing .post .date-comments a:hover, #content #blog-homepage .post .date-comments a:hover {color: #2b90d9;}
    #content #blog-listing .post .intro, #content #blog-homepage .post .intro {text-align: left;font-size:1rem;overflow: hidden;text-overflow: ellipsis;}

    
    #content #blog-listing .post .image, #content #blog-homepage .post .image {margin-bottom: 10px;overflow: hidden;}
        #content #blog-listing .post .image img, #content #blog-homepage .post .image img {-webkit-transition: all 0.3s;transition: all 0.3s;}
        #content #blog-listing .post .read-more, #content #blog-homepage .post .read-more {text-align: right;}
        #content #blog-listing .post:hover .image img, #content #blog-homepage .post:hover .image img {-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
    
    #content #blog-listing .pager, #content #blog-homepage .pager {margin: 20px 0;}
        #content #blog-listing .pager a, #content #blog-homepage .pager a {border-radius: 30px !important;background: #fff;text-transform: uppercase;letter-spacing: 0.1em;}
        #content #blog-listing .pager a:not(.disabled):hover, #content #blog-homepage .pager a:not(.disabled):hover {background:#2b90d9;}
        #content #blog-homepage .post {margin-bottom: 30px;}
        #content #blog-homepage .post h2, #content #blog-homepage .post h4, #content #blog-homepage .post .author-category, #content #blog-homepage .post .read-more {text-align: center;}
        #content #blog-homepage .post .intro {font-weight: 300;}
        #content #blog-homepage .post .read-more {margin-top: 20px;}
        #content #blog-post .author-date {color: #999;font-weight: 300;}
        #content #blog-post #post-content {margin-bottom: 20px;}
        #content #blog-post .comment {clear: both;margin-bottom: 25px;}
        #content #blog-post .comment .posted {color: #999;font-size: 0.738rem;}
        #content #blog-post .comment .reply {font-family: "Roboto", Helvetica, Arial, sans-serif;}
        #content #blog-post .comment.last {margin-bottom: 0;}
        #content #blog-post #comments, #content #blog-post #comment-form {clear: both;}
        #content #blog-post #comments h4, #content #blog-post #comment-form h4 {margin-bottom: 20px;}
        #content #blog-post #comment-form {margin-bottom: 20px;}

    
    #content .product {background: #fff;border: solid 1px #e6e6e6; margin-bottom: 30px;    }
        #content .product .flip-container {cursor: pointer;-webkit-perspective: 1000;perspective: 1000;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
        #content .product .flip-container, #content .product .front, #content .product .back {width: 100%;}
        #content .product .flipper {-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: 0.6s;transition: 0.6s;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;position: relative;}
        #content .product .front, #content .product .back {-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: 0.6s;transition: 0.6s;transform-style: preserve-3d;position: absolute;top:0;left:0;}
        #content .product .front {z-index: 2;-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}
        #content .product .back {-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);    }
        #content .product:hover .back {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);z-index: 2;}
        #content .product:hover .front {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);z-index: 1;}
        #content .product .invisible {visibility: hidden;}
        #content .product .text {padding: 10px 10px 0;}
        #content .product .text h3 {font-size: 1.1rem;font-weight:500;height:42px;text-align: center;overflow: hidden;}
        #content .product .text h3 a {color:#555;}
        #content .product .text p.price {font-size: 1.125rem;text-align: center;font-weight: 300;    }
        #content .product .text p.price del {color: #999;}
        #content .product .text .buttons {clear: both;text-align: center;}
        #content .product .text .buttons .btn {margin-bottom: 10px;}
/*======================================================================
* form kontrol
* ======================================================================*/
    .form-control {padding: 0.375rem 0.75rem;font-size: 0.9rem;line-height: 1.5;color: #495057;
                  background-color: #fff;border: 1px solid;border-radius: 0.25rem;
                  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
                  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
                  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
                  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;}
    body.dark-theme .form-control {color: #2b90d9;background-color: #000;}
    .form-control:hover{border-color:#2b90d9;}
    .form-control:focus {border-color: #f48930;outline: 0;-webkit-box-shadow: 0 0 0 0.2rem rgba(43, 144, 217, 0.25);box-shadow: 0 0 0 0.2rem rgba(43, 144, 217, 0.25);}
    @media screen and (prefers-reduced-motion: reduce) {
      .form-control {-webkit-transition: none;transition: none;}
    }
    .form-control::-ms-expand {background-color: transparent;border: 0;}
    .form-control::-webkit-input-placeholder {color: #6c757d;}
    .form-control:-ms-input-placeholder {color: #6c757d;}
    .form-control::-ms-input-placeholder {color: #6c757d;}
    .form-control::placeholder {color: #6c757d;}

/*======================================================================
* CARD
* ======================================================================*/
    .card {background-color:#fff;border: 1px solid rgba(0, 0, 0, 0.07);border-radius: 0.25rem; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);}
        body.dark-theme .card {background-color: #212121;border: 1px solid #6c757d;}
        .card > .list-group:first-child .list-group-item:first-child {border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem;}
        .card > .list-group:last-child .list-group-item:last-child {border-bottom-right-radius: 0.25rem;border-bottom-left-radius: 0.25rem;}
        body.dark-theme .list-group-item {background-color:#161414;border: 1px solid #000000;color:#ccc;}
        .card-body {padding: 1.25rem;}
        .card-title {margin-bottom: 0.75rem;}
        .card-subtitle {margin-top: -0.375rem;}
        .card-link + .card-link {margin-left: 1.25rem;}
        .card-header {padding: 0.75rem 1.25rem;background-color: rgba(0, 0, 0, 0.03);border-bottom: 1px solid rgba(0, 0, 0, 0.07);}
            body.dark-theme .card-header {background-color: #355f8d; border-bottom: 1px solid #000;}
        .card-header:first-child {border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;}
        .card-header-transparent {background-color: rgba(0, 0, 0, 0.3);border-bottom: none;}
        .card-footer {padding: 0.75rem 1.25rem;background-color: #f8f9fa;border-top: 1px solid rgba(0, 0, 0, 0.07);}
            body.dark-theme .card-footer {background-color: #355f8d;border-top: 1px solid #000;}
        .card-footer:last-child {border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);}
        .card-header-tabs {margin-right: -0.625rem;margin-bottom: -0.75rem;margin-left: -0.625rem;border-bottom: 0;}
        .card-header-pills {margin-right: -0.625rem;margin-left: -0.625rem;}
        .card-img-overlay {padding: 1.25rem;}
        .card-img-overlay-opacity {background: rgba(0, 0, 0, 0.2);}
        .card-img {border-radius: calc(0.25rem - 1px);}
        .card-img-top {Border-top-left-radius: calc(0.25rem - 1px);border-top-right-radius: calc(0.25rem - 1px);}
        .card-img-bottom {border-bottom-right-radius: calc(0.25rem - 1px);border-bottom-left-radius: calc(0.25rem - 1px);}
        .card-deck .card {margin-bottom: 15px;}
        @media (min-width: 576px) {
            .card-deck {margin-right: -15px;margin-left: -15px;}
            .card-deck .card {margin-right: 15px;margin-left: 15px;  }
        }



/*======================================================================
* ANA SAYFA
* ======================================================================*/
    .owl-carousel {position: relative; }
        .owl-carousel .owl-item {opacity: 1; }
        .owl-carousel .owl-item.active {opacity: 1; }				
        .owl-carousel.owl-drag .owl-item {-ms-touch-action: pan-y;touch-action: pan-y; }
        .owl-carousel .owl-nav {display:none;}
        .owl-carousel .owl-dots {display:none}

        .block-20 {overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center center;height:275px;position:relative;display: block; }
        .blog-entry {width: 100%;background:#fff; }
        body.dark-theme .blog-entry {width: 100%;background: #212121; }
        blog-entry .text {position: relative;border-top:0;border-radius: 2px;}
        .blog-entry .text .heading {font-size:20px;margin-bottom: 16px;font-weight: 600; }
        .blog-entry .text .heading a {color: #000; }
        body.dark-theme .blog-entry .text .heading a {color: #b3b3b3; }
        .blog-entry .text .heading a:hover, .blog-entry .text .heading a:focus, .blog-entry .text .heading a:active {color: #f48930;}
	        body.dark-theme .blog-entry .text .heading a:hover, body.dark-theme .blog-entry .text .heading a:focus, body.dark-theme .blog-entry .text .heading a:active {color: #2b90d9;}
        .blog-entry .text .meta-chat {color: #b3b3b3; }
        .blog-entry .text .read {color: #000;font-size: 14px; }
        .blog-entry .meta-date {display: inline-block;background: #343a40; }
        .blog-entry .meta-date span {display: block;color: #fff; }
        .blog-entry .meta-date .day {font-weight: 700;font-size: 20px; }
        .blog-entry .meta-date .mos, .blog-entry .meta-date .yr {font-size: 13px; }
        .blog-entry .meta > div {display: block;margin-right: 5px;margin-bottom: 0px;font-size: 15px; }
        .blog-entry .meta > div a {color: #b3b3b3;font-size: 13px; }
        .blog-entry .meta > div a:hover {color: #cccccc; }
        .blog-entry .meta2 a {text-transform: uppercase;font-size: 13px;letter-spacing: 1px;color: rgba(0, 0, 0, 0.4); }
	        body.dark-theme .border{border:solid 1px #666767 !important}
	        body.dark-theme .border{border-top:0px !important}

        body.dark-theme #content .product {background: #212121;border: solid 1px #6e6e6e;margin-bottom: 30px;}
        body.dark-theme #content .product .text h3 a {color: #b3b3b3;}

/*======================================================================
* MASTER CUSTOM
* ======================================================================*/

/*Yeni Bildirim Sayısı*/
.bildirimCount {position:absolute;top:1px;right:11px;background-color:#f48930;border-radius: 50%;color: #fff;padding: 1px 6px;font-size: 0.9em;font-weight: bold;}
.bildirimCount2 {position: absolute;top: 0px;right: 0px;background-color: #eb2364;border-radius: 50%;color: #fff;padding: 1px 6px;font-size: 0.9em;font-weight: bold;} 
 /*bildirimler*/
 /*light*/
    #bildirimListe{display:none;position:absolute;top:81px;right:-260px;width:400px;background-color:#fff;border:solid 1px #2b90d9;padding:0px;z-index:556;min-height:250px;overflow:auto;font-size:0.95em;}
        .bildirimBaslik{display:block;color:#fff;padding:7px;letter-spacing:2px;background-color:#2b90d9;font-size:1.2em}
        .bildListe{background-color:#efe;position:relative;display:block;margin:5px 0;padding:5px 0;width:100%;color:#333;border-bottom:solid 1px #eee;clear:both;height:auto;cursor:pointer;}
        .bildListe:hover{background-color:#F9FBE7;}
        .bildPasif{background-color:#ffffff;}
        .bildImg{padding:0px;float:left;text-align:center;width:60px;}
        .bildImg img{width:45px;margin:3px;padding:1px;border-radius:50%;background:#444}
        .bildText{margin-left:60px;vertical-align:top;min-height:85px;}
            .bildText .bildBaslik{margin:1px 0;margin-bottom:20px;padding-right:5px;}
                .bildText .bildBaslik a.proLink{font-weight:bold;color: var(--blueColor);}
                .bildText .bildBaslik a.konuLink{font-weight:bold;color:#f48930;letter-spacing: 0.05em}
            .bildListe span.Date{bottom:5px;left:60px;position:absolute;clear:both;color:#456456;font-size:0.9em}
            .bildListe span.Link{bottom:5px;right:5px;position:absolute;color:#456456;font-size:0.9em}
    
    /*dark*/
        body.dark-theme #bildirimListe{display:none;position:absolute;top:81px;right:-260px;width:400px;background-color:#444;border:solid 1px #000;padding:0px;z-index:556;min-height:250px;overflow:auto;font-size:0.95em;}
            body.dark-theme .bildirimBaslik{display:block;color:#ddd;padding:7px;letter-spacing:2px;background-color:#666;font-size:1.2em}
            body.dark-theme .bildListe{background-color:#222;position:relative;display:block;margin:5px 0;padding:5px 0;width:100%;color:#eee;border-bottom:solid 1px #222;clear:both;height:auto;cursor:pointer;}
            body.dark-theme .bildListe:hover{background-color:#333;}
            body.dark-theme .bildPasif{background-color:#444;}
            body.dark-theme .bildImg{padding:0px;float:left;text-align:center;width:60px;}
            body.dark-theme .bildImg img{width:45px;margin:3px;padding:1px;border-radius:50%;background:#f48930}
            body.dark-theme .bildText{margin-left:60px;vertical-align:top;min-height:85px;}
                body.dark-theme .bildText .bildBaslik{margin:1px 0;margin-bottom:20px;padding-right:5px;}
                    body.dark-theme .bildText .bildBaslik a.proLink{font-weight:bold;}
                    body.dark-theme .bildText .bildBaslik a.konuLink{font-weight:normal;color:#f48930;letter-spacing: 0.05em}
                body.dark-theme .bildListe span.Date{bottom:5px;left:60px;position:absolute;clear:both;color:#aaa;font-size:0.9em}
                body.dark-theme .bildListe span.Link{bottom:5px;right:5px;position:absolute;color:#aaa;font-size:0.9em}  

        @media screen and (max-width:768px) {
            #bildirimListe{bottom:inherit;top:55px;right:0;left:0;z-index:554;width:100%;max-width:100%;}
            body.dark-theme #bildirimListe{bottom:inherit;top:55px;right:0;left:0;z-index:554;width:100%;max-width:100%;}
        }
/*Bildirim sonu*/
#search .container{padding:20px 0;text-align:right;width:80%;max-width:500px;}
/*Sayfa Loading*/
.loader {position:fixed;top:30%;left:45%;border:6px solid #f48930;border-radius:50%;border-top: 6px solid #2b90d9;border-bottom: 6px solid #2b90d9;width: 40px;height: 40px;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;z-index: 999;}
.loader16 {border:3px solid #f48930;border-radius:50%;border-top:3px solid #2b90d9;border-bottom:3px solid #2b90d9;width:16px;height:16px;-webkit-animation: spin 1s linear infinite;animation: spin 1s linear infinite;display:inline-block;vertical-align:middle;}

/*toMenü*/
.toMenu{width:300px;display:none;position:absolute;top:81px;right:20px;box-shadow:0px 1px 1px rgba(0,0,0,0.15);background:#f1f1f1;color:#212121;z-index:11;}
    body.dark-theme .toMenu{background:#171818;color:#eee;}
/*kapak ve profil fotoğrafı*/
    .tBg{background:#f48930}
    .toShkm{display:block;width:100%;margin:5px 0;padding:10px;text-align:left;}
    .toKapak{position:relative;width:100%;height:150px;overflow:hidden;}
        .toKapak .toBg{width:100%;height:100%;object-fit:cover;object-position:50% 15%;}
        .toKapak .toFoto{position:absolute;bottom:10px;left:10px;border:solid 0px #ccc;padding:3px;z-index:1;height:75px;width:75px;border-radius:50%;}
        .toKapak .toYetki{position:absolute;right:7px;top:7px;}
        .toKapak .toMode{position:absolute;left:7px;top:7px;}
        .toKapak .toTab{z-index:0;width:100%;position:absolute;bottom:10px;left:0px;box-sizing:border-box;height:40px;}
            .toTab:after{content:"";background:#aaa;opacity:0.5;top:0;left:0;bottom:0;right:0;position: absolute;z-index: -1;}
                .touAd{position:absolute;left:5px;top:0px;}
                .toTab a.toBtn{padding:6px;padding-left:90px;display:inline-block;color:#fff;font-size:1em;text-align:center;} 
    /*kapak altı Linkler*/
        ul.toLink {list-style-type:none;margin:0;padding:0;width:100%;background-color:#f1f1f1;text-align:left;min-height:100%;overflow:auto;}
        ul.toLink li.baslik {display: block;background-color: #800080;color:white;padding: 8px 16px;font-weight:bold;}
        ul.toLink li a {display: block;color: #000;padding: 8px 16px;text-decoration: none;}
            ul.toLink li a span{float:right;}
        ul.toLink li a:hover {background-color:#c1c1c1;color:#444;font-weight:bold} 

    body.dark-theme ul.toLink {list-style-type:none;margin:0;padding:0;width:100%;background-color:#444;text-align:left;min-height:100%;overflow:auto;}
        body.dark-theme ul.toLink li.baslik {display: block;background-color: #800080;color:white;padding: 8px 16px;font-weight:bold;}
        body.dark-theme ul.toLink li a {display: block;color: #eee;padding: 8px 16px;text-decoration: none;}
            body.dark-theme ul.toLink li a span{float:right;}
        body.dark-theme ul.toLink li a:hover {background-color: #666;color: white;} 

        @media screen and (max-width:991px) {
            .toMenu{display:none;top:50px;width:100%;right:0px;}
        }
        a.darkMode {color:#777;}
            body.dark-theme a.darkMode {color:#777;}
        a.darkMode .fa{background-color:#000;color:#fff;font-size:20px;padding:5px;}
            body.dark-theme a.darkMode .fa{background-color:#222;color:#f8c645;font-size:20px;padding:5px;}
/*Üst Menü Biter*/

/*Modal Popup*/
.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);padding-top:100px}
    .modal-content{background-color:#fefefe;margin:5% auto 15% auto;border:1px solid #888;width:80%;max-width:550px;min-width:358px;position:relative}
        body.dark-theme .modal-content{background-color:#292e2f;margin:5% auto 15% auto;border:1px solid #000;width:80%;max-width:550px;min-width:358px;position:relative}
        .imgcontainer{text-align:left;height:90px;background-color:#007bcd}
            body.dark-theme .imgcontainer{text-align:left;height:90px;background-color:#292A2B}
            .imgcontainer h1{color:#fff;font-size:20px;padding:10px 8px;margin-left:15px;}
                body.dark-theme .imgcontainer h1{color:#afafaf;font-size:20px;padding:10px 8px;margin-left:15px;}
        #popuppen .container{width:auto;min-height:150px;max-height:450px;overflow-y:auto; background:#fff;padding:12px;box-sizing:border-box;-webkit-box-shadow:2px 5px 16px 2px rgba(16,16,16,.18);-moz-box-shadow:2px 5px 16px 2px rgba(16,16,16,.18);box-shadow:2px 5px 16px 2px rgba(16,16,16,.18);margin:-2.5em 1em 1em;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
        #popuppen .conteiner2{background-color:#f1f1f1;height:15px;}
            body.dark-theme #popuppen .container{width:auto;min-height:150px;max-height:450px;overflow-y:auto; background:#343a40;padding:12px;box-sizing:border-box;-webkit-box-shadow:2px 5px 16px 2px rgba(16,16,16,.18);-moz-box-shadow:2px 5px 16px 2px rgba(16,16,16,.18);box-shadow:2px 5px 16px 2px rgba(16,16,16,.18);margin:-2.5em 1em 1em;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
            body.dark-theme #popuppen .conteiner2{background-color:#343e40;height:15px;}
        #pMetin{min-height:150px;}  
            .imgcontainer .close{position:absolute;right:15px;top:0;color:#000;font-size:35px;font-weight:700}
                body.dark-theme .imgcontainer .close{position:absolute;right:15px;top:0;color:#ddd;font-size:35px;font-weight:700}
            body.dark-theme .imgcontainer .close:focus, body.dark-theme .imgcontainer .close:hover{color:#fff;cursor:pointer}
            .imgcontainer .close:focus,.imgcontainer .close:hover{color:#f48930;cursor:pointer}
            .animate{-webkit-animation:animatezoom .6s;animation:animatezoom .6s}
            @-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes animatezoom{from{transform:scale(0)}to{transform:scale(1)}}

/*Popup İmages*/
.fade:not(.show) { opacity:1}
.rclose{position:fixed;top:7px;right:7px;z-index:999;padding:0px;cursor:pointer;color:#fff;background-color:#000;}
#kmp4 {position: fixed;top: 0px;bottom: 0px;left: 0px;right: 0px;overflow: hidden;padding: 0;margin: 0;background-color:#000;filter: alpha(opacity=90);opacity: 0.9;z-index: 9998;}
#kmp5 {position:fixed;top:0%;left:0%;right:0%;bottom:0%;padding:0px;margin:auto;text-align:center;width:100%;max-height:100%;z-index:9999;}
.rimg{border-radius:0px;object-fit: contain;max-width:100%;max-height:100%;}

/*======================================================================
* İNDİR 
* ======================================================================*/

	body.dark-theme .page-link{background-color:#222;border: 1px solid #121212;}
	body.dark-theme .page-item.disabled .page-link {color:#ddd;background-color:#333;border-color:#111;}
	body.dark-theme .page-link:hover {background-color:#333;border-color:#101010;}
	body.dark-theme .page-link:focus {background-color:#111;border-color:#101010;}
	body.dark-theme .breadcrumb-item.active {color:#cacaca;}
	body.dark-theme hr {border-top: 1px solid #444;}

    .box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

/*======================================================================
* PAYLAŞIM SAYFSI ÖZELLİKLERİ
* ======================================================================*/
    :root {
    --darkInputColor: #afafaf;
    --darkInputBg:#000;
}

/*Arama Formu*/
.dvSearch{position:relative;margin:3px 0;width:100%;}
    .dvSearch .inpSearch {resize:none;width:100%;box-sizing:border-box;overflow:hidden;border:solid 1px #2b90d9;padding:10px;padding-right:50px;font-family:verdana;background-color: #fff;color:#000;font-size:1.1em;}
        body.dark-theme .dvSearch .inpSearch {background-color: #444;color: #fafafa;}
    .dvSearch .inpSearch::placeholder{font-size:0.9em; }
    body.dark-theme .dvSearch .inpSearch {background-color :var(--darkInputBg);color:var(--darkInputColor)}
    .araSearch, .dvSearch .bSearch, .dvSearch .pSearch{position:absolute;top:10px;right:7px;text-align:right;font-size:1.4em;color:#2b90d9;cursor:pointer;}
.tgsDetay{display:block;text-align:center;margin-bottom:15px;margin-top:-15px;}

/*Blog Liste Kapak Foto*/
.blogKapak {max-height: 150px;margin-bottom: 10px;overflow: hidden;}
    .blogKapak .kapakimg {width: 100%;object-fit:cover;}

/*Sol sütun konu başlıkları*/
a.konuSolLink{display:block;margin:0;padding:10px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#444;}
    a.konuSolLink:hover{color:#000;background-color:#efe}
    a.konuSolLink span{float:right;color:#444;}

    body.dark-theme a.konuSolLink:hover{color:#ccc;background-color:#444}
    body.dark-theme a.konuSolLink span{float:right;color:#fff;}

.konuSuz {
    display: block;
    background: #444;
    color: #ddd;
    margin: 10px 0;
    padding: 5px;
    padding-right: 0;
    -webkit-box-shadow: inset 0px 0px 12px 0px rgba(99,145,81,0.54);
    -moz-box-shadow: inset 0px 0px 12px 0px rgba(99,145,81,0.54);
    box-shadow: inset 0px 0px 12px 0px rgba(99,145,81,0.54);
    margin-top: -1px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
    #sonBaslik, .sonBaslik{font-weight:bold;}
    .sonDrop{float:right;}
        .sonDrop .fa{padding:5px;}
    .margsiz{margin-top:0px;}

/*Enty Listesi*/
.userYok{min-height:100px;text-align:center;margin:15px auto;border:solid 1px #f1f1f1}
    body.dark-theme .userYok {border: solid 1px #666;background-color:#212121;}
.cText{margin-top:1rem;border-radius:5px;background:#fff;border:solid 1px #d9d9d9;}
    .cText a{padding:3px;}
    body.dark-theme .cText{background:#212121;border:solid 1px #292929;}

    .cBilgi{background-color:#dee2e6;display:block;border-bottom:solid 1px #f1f1f1;min-height:30px;max-height:50px;}
        body.dark-theme .cBilgi {background-color:#191919;border-bottom:solid 1px #1f1f1f;}

        .csolLink{float:left;text-align:left}
            .cuFoto{width:50px;float:left;margin:0px;}
            .cuFoto img{width:48px;}
            .cuAd{float:left;margin:1px auto 1px 10px;font-size:1.1em;}
            .cDate{font-size:0.82em;margin-top:-5px;padding:3px;}

        .csagLink{float:right;text-align:right}        
            .cDrop{position:relative;display:inline-block;cursor:pointer}
                .cDrop:hover{background-color:#444;color:#fff;}
                .cDrop:hover .cDropContent {display:block;}
                .cDropContent{display:none;position:absolute;background-color:#444;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);padding:5px 0px;z-index: 1;min-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
                    #btListe{max-width:150px;max-height:200px;overflow-y:auto;} /*Takip edenlerin ajax dönüşü*/
                .cDropContent a{font-size:0.9em;padding:6px 8px;display:block;color:#aaa;}
                .cDropContent a:hover {background-color:#222;color:#fff;}
                    body.dark-theme .cDropContent a{font-size:0.9em;padding:6px 8px;display:block;color:#aaa;}
                    body.dark-theme .cDropContent a:hover {background-color:#222;color:#fff;}
                .drright{right:0px;text-align:right;}
                .drleft{left:0px;text-align:left;}
    
    .cyMetin{margin:15px 0;min-height:100px;padding:15px;word-wrap:break-word;font-size:1.1em;}
        .cyMetin ul{margin-left:25px;list-style:circle;line-height:1.2em;}
        .cyMetin .konuFoto{max-width:70%;cursor:pointer;}
            @media (max-width:768px) {
                .cyMetin .konuFoto{max-width:100%;}
            }
        .cyMetin iframe{width:100%;}
        .cyMetin sub{vertical-align:sub;font-size:0.7em;}
        .cyMetin sup{vertical-align:super;font-size:0.7em;}
        .cEkList{margin-top:10px;}
            .ekb, .eks{display:block;word-wrap:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
            .ekr{height:60px}
            @media (max-width:991px){
                .fileSatir {height:45px;margin:5px 0}
                .ekb{position: absolute;left:50px;top:5px;}
                .eks{position: absolute;left:90px;top:5px;right:15px;}
                .ekr{height:32px;width:32px;}
                .indirBtn{position:absolute;right:-10px;top:0px;bottom:0px;padding:15px;}
                .hitBilgi{position:absolute;left:50px;top:21px;}
            }
            /*İndirme kısmı*/
            .gArea{width:100%;height:75px;border:1px solid #aaa;background-color:#f9f9f9;padding:5px;border-radius:5px;font-size:1em;color:#444;font-family:Arial;}
                body.dark-theme .gArea {border: 1px solid #000;background-color: #212121;color:var(--darktextColor);}
            #pBar{background-color: #3E6FAD;width:0px;height:2px;margin-top:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:5px;-moz-transition: .25s ease-out;-webkit-transition: .25s ease-out;-o-transition: .25s ease-out;transition: .25s ease-out;}
            .fileSatir{position:relative;width:auto;display:inline-block;box-sizing:border-box;margin:5px;padding:5px;font-size:0.8em;border: solid 1px #ccc;border-radius:3px;float:left;text-align:center;min-width:100px;width:140px;overflow:hidden;}
                body.dark-theme .fileSatir {border: solid 1px #777;}
                .indirBtn{cursor:pointer;display:block;background-color:#eee;color:#444;padding:10px;margin: 0 -5px -5px;font-weight: bold;}
                    body.dark-theme .indirBtn {background-color:#444;color: #f1f1f1;}
                .fileSil{position:absolute;right:4px;top:4px;}
                .hitBilgi{font-size:12px;color:#bbb}
                .ekText{display:block;background-color:#eee;color:#000;margin:0;padding:3px;}
                .fileErr{margin:10px 0;padding:5px;font-size:0.9em;background-color:#fde5dd!important;border:2px solid #fbcbbc!important;}
            @media (max-width:991px) {
                .fileSatir {display:block;text-align:left;min-width:100%;width:100%;}
                .indirBtn{display:inline-block;margin:0px;margin-right:10px;padding:15px;}
                .upTablo{width:100%;}
            }

    a.ylikeBtn{padding:3px 24px 3px 7px;margin:3px;border-radius:4px;position:relative;border:solid 1px #555}
        body.dark-theme a.ylikeBtn {color:#fff;border: solid 1px #555}
        a.ylikeBtn:hover, body.dark-theme a.ylikeBtn:hover{border:solid 1px #007bff;background-color:#007bff;color:#fff;}
    a.likeBtn, body.dark-theme a.likeBtn{padding:3px 24px 3px 7px;margin:3px;border-radius:4px;position:relative;border:solid 1px #007bff;background-color:#007bff;color:#fff;}
        a.likeBtn:hover, body.dark-theme a.likeBtn:hover{border:solid 1px #007bff;background-color:#007bff;color:#fff;}
    a.payBtn{padding:3px 7px;margin:3px;border-radius:4px;border:solid 1px #555;}
        a.payBtn:hover{border:solid 1px #007bff;color:#fff;background-color:#007bff;}
    .ylikeCount{margin-left:7px;font-size:0.9em;border-radius:4px;padding:0px 5px;position:absolute;right:3px;top:1px;}

    .cBilgi .fa{display:inline-block;margin:3px;padding:3px;}
        .csagLink .fa-facebook{color:#3b5998;}
        .csagLink .fa-twitter{color:#00acee}
        .csagLink .fa-whatsapp{color:#4AC959}
        a.payBtn:hover .fa, body.dark-theme a.payBtn:hover .fa{color:#fff;}

/*Cevap Formu içi*/
.note-editable iframe{width:300px;height:300px;}
.note-editable .konuFoto, .note-editable img{max-width:50%}
.note-editable ul{margin-left:25px;list-style:circle;line-height:1.2em;}

/*Entry Sayfalama*/
.entryCount{text-align:center;margin:10px 0;}
    .entryCount a{display:block;width:100%;box-sizing:border-box;margin:5px auto;padding:5px;color:#000;background-color:#dee2e6;border: solid 1px #f1f1f1}
        body.dark-theme .entryCount a {color:#afafaf;background-color:#191919;border: solid 1px #292929}
    .entryCount a:hover, body.dark-theme .entryCount a:hover{background-color:#007bff;color:#fff;}
    
.ePage{margin:5px 0;padding:5px;text-align:center;}
    a.eoPage{float:left;display:inline-block;padding:7px 10px;text-decoration:none;}
        a.epoPage{float:left;display:inline-block;padding:7px 10px;background:#999;text-decoration:none;border:solid 1px #666}
    a.esPage{float:right;display:inline-block;padding:7px 10px;text-decoration:none;}
        a.epsPage{float:right;display:inline-block;padding:7px 10px;background:#999;text-decoration:none;border:solid 1px #666}
    .ecPage{width:20%;display:inline-block;}
    .pSatir {position:relative;width:100%;text-align:center;min-width:80px;}
        .pSatir select {width:80px;padding:8px 10px 8px 35px;display:block;border:1px solid #2b90d9;color:#000;box-sizing:border-box;font-size:15px;outline:none;letter-spacing:1px;background:#fff;-webkit-box-shadow: 2px 5px 16px 2px rgba(16, 16, 16, 0.18);-moz-box-shadow: 2px 5px 16px 2px rgba(16, 16, 16, 0.18);box-shadow: 2px 5px 16px 2px rgba(16, 16, 16, 0.18);}
        body.dark-theme .pSatir select {color: #ccc;background: #212121;}
            .pSatir span {position: absolute;display:block;color:#2b90d9;left:10px;top:10px;font-size:18px;}