/* ==========================================================
   Slider (Jssor replikasi) -- eski banner_o.php'nin birebir aynisi,
   sadece responsive. imgo/ klasorundeki ORIJINAL dosya adlarini
   kullanir (degistirilmedi).
   ========================================================== */


*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff}
body{font-family:'Open Sans',sans-serif,arial,helvetica,verdana}

/* 1010x300 çalışma alanı: içerik hiçbir ölçüde yeniden düzenlenmez,
   sadece tamamı oran korunarak ölçeklenir. */
#banner-responsive{
    width:100%;
    max-width:1010px;
    margin:0 auto;
    aspect-ratio:1010 / 300;
    position:relative;
    overflow:hidden;
}
#banner-stage{
    position:absolute;
    left:0;
    top:0;
    width:1010px;
    height:300px;
    transform-origin:0 0;
    overflow:hidden;
    visibility:hidden;
    background:#0e0d0d;
}
#banner-stage.is-ready{visibility:visible}

#jssor_html5_AdWords{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:1010px!important;
    height:300px!important;
    margin:0!important;
    overflow:hidden!important;
    visibility:visible!important;
    background:#0e0d0d!important;
}

#jssor_html5_AdWords > [data-u="slides"]{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:1010px!important;
    height:300px!important;
    overflow:hidden!important;
}

#jssor_html5_AdWords > [data-u="slides"] > div[data-p]{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:1010px!important;
    height:300px!important;
    overflow:visible!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}
#jssor_html5_AdWords > [data-u="slides"] > div[data-p].custom-active{
    visibility:visible;
    pointer-events:auto;
}
#jssor_html5_AdWords > [data-u="slides"] > div[data-p] > [data-u="image"]{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:1010px!important;
    height:300px!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:fill!important;
    z-index:auto!important;
    display:block!important;
}
#jssor_html5_AdWords [data-u="caption"]{
    position:absolute!important;
    backface-visibility:visible;
    -webkit-backface-visibility:visible;
    visibility:visible;
}
#jssor_html5_AdWords [data-u="loading"]{display:none!important}

.custom-arrow{
    display:block;
    position:absolute;
    top:50%!important;
    width:30px;
    height:46px;
    margin-top:-23px;
    cursor:pointer;
    z-index:100000;
    background:url('/imgo/a12.png') no-repeat;
    overflow:hidden;
}
.custom-arrow-left{left:0;background-position:-16px -37px}
.custom-arrow-right{right:0;background-position:-75px -37px}
.custom-arrow-left:hover{background-position:-136px -37px}
.custom-arrow-right:hover{background-position:-195px -37px}
.custom-arrow-left:active{background-position:-256px -37px}
.custom-arrow-right:active{background-position:-315px -37px}
.custom-arrow{opacity:0;pointer-events:none;transition:opacity 0s}.custom-arrow:hover{opacity:1;pointer-events:auto}#jssor_html5_AdWords:hover .custom-arrow{opacity:1;pointer-events:auto}

.custom-nav{
    position:absolute;
    left:16px;
    top:16px;
    z-index:100000;
    display:flex;
    gap:0;
}
.custom-nav button{
    position:relative;
    width:16px;
    height:16px;
    padding:0;
    margin:0;
    border:0;
    background:url('/imgo/b05.png') no-repeat -7px -7px;
    cursor:pointer;
}
.custom-nav button:hover{background-position:-37px -7px}
.custom-nav button.active{background-position:-67px -7px}