.menubar{
    display:none;
    position:absolute;
    right:20px;
    cursor:pointer;
    padding:0;
    margin-top: 25px;
    z-index:563;
    transition:.4s
}
.menubar .menubar-bar{

    display:block;
    width:28px;
    height:3px;
    border-radius:3px;
    opacity:1;
    transition:.4s;
    background:var(--renk1);
    margin-bottom:5px
}
.menubar .menubar-bar:nth-child(3){
    margin-bottom:0
}
.menubar.open .menubar-bar:nth-child(1){
    transform:rotate(-45deg) translateY(5px) translateX(-5px)
}
.menubar.open .menubar-bar:nth-child(2){
    opacity:0
}
.menubar.open .menubar-bar:nth-child(3){
    transform:rotate(45deg) translateY(-6px) translateX(-6px)
}
#menubar{
    opacity:0;
    width:0;
    height:0;
    position:absolute;
    left:0;
    right:0;
    overflow:hidden;
    pointer-events:none
}
#menubar:checked ~ .menubar .menubar-bar:nth-child(1){
    transform:rotate(-45deg) translateY(5px) translateX(-5px)
}
#menubar:checked ~ .menubar .menubar-bar:nth-child(2){
    opacity:0
}
#menubar:checked ~ .menubar .menubar-bar:nth-child(3){
    transform:rotate(45deg) translateY(-6px) translateX(-6px)
}


#menubar:checked ~ .mobilemenu{
    opacity:1;
    pointer-events:all;
    right:0;
    height:100%;
    position: absolute;
top: 0;
}
#menubar:checked ~ .mobilemenu-overlay{
    opacity:1;
    pointer-events:all
}
.mobilemenu{ display: none; position: absolute; right: 0; transition: .4s; width: 100%; z-index: 533; margin-top: 0; opacity: 0; pointer-events: none; } 
.mobilemenu .list{
    background:#fff;
    border-radius:0 0 12px 12px;
    height:calc(100% - 64px);
    box-sizing:border-box;
    height:100%
}
.mobilemenu .list>ul{
    background:#fff;
    border-radius:0 0 12px 12px;
    padding:28px 0
}
.mobilemenu .list>ul>li{
    padding:0 24px;
    background:#fff;
    transition:.4s
}
.mobilemenu .list>ul>li>a{
    position:relative;
    font-size:16px;
    font-weight:300;
    color:#8d9096;
    display:flex;
    align-items:center;
    padding:12px 0
}
.mobilemenu .list>ul>li>a .icon{
    flex:0 0 34px;
    display:flex;
    justify-content:center;
    align-items:center;
    height:100%
}
.mobilemenu .list>ul>li>a .icon img{
    display:block
}
.mobilemenu .list>ul>li>a .icon svg{
    display:block;
    width:24px;
    height:24px
}
.mobilemenu .list>ul>li>a .text{
    padding-left:10px
}
.mobilemenu .list>ul>li+li>a{
    border-top:1px solid #e8e9ea
}
.mobilemenu .list .sub-content{
    display: none;
    width:100%;
    z-index:30;
    padding:30px;
    border-radius:10px
}
.mobilemenu .list .sub-content .row{
    height:100%;
    align-items: flex-start;
}
.mobilemenu .list .sub-content .left-side{
    flex:1 1 0;
    max-width:54%;
    margin-right:10px
}
.mobilemenu .list .sub-content .left-side .centered{
    flex:0 0 100%
}
.mobilemenu .list .sub-content .left-side h2{
    color:var(--renk2);
    display:flex;
    align-items:center;
    transform:translateY(-12px);
    margin-bottom:10px
}
.mobilemenu .list .sub-content .left-side h2 .icon{
    margin-right:10px
}
.mobilemenu .list .sub-content .left-side h2 .icon svg{
    width:24px;
    height:24px;
    display:block
}
.mobilemenu .list .sub-content .left-side h2 .text{
    font-size:16px;
    font-weight:bold;
    color:var(--renk2)
}
.mobilemenu .list .sub-content .left-side h2 .arrow{
    margin-left:10px
}
.mobilemenu .list .sub-content .left-side h2 .arrow svg{
    display:block;
    width:15px;
    height:15px
}
.mobilemenu .list .sub-content .left-side .items{
    display:flex;
    flex-wrap:wrap
}
.mobilemenu .list .sub-content .left-side .items .item{
    flex:0 0 50%;
    position:relative
}

.mobilemenu .list .sub-content .left-side .items .item h3{
    font-size:15px;
    font-weight:700;
    color:var(--renk2);
    margin-bottom:6px
}
.mobilemenu .list .sub-content .left-side .items .item ul li a{
    display:block;
    font-size:13px;
    line-height:17px;
    color:#a4a5a6
}
.mobilemenu .list .sub-content .left-side .items .item ul li.gizle{
    display:none
}
.mobilemenu .list .sub-content .left-side .items .item ul li.gizle.goster{
    display:block
}
.mobilemenu .list .sub-content .left-side .items .item .btn-open{
    border:none;
    display:block;
    font-size:13px;
    line-height:17px;
    color:#a4a5a6;
    background:transparent;
    margin-bottom:20px
}
.mobilemenu .list .sub-content .left-side .items .item .btn-ul{
    position:absolute;
    display:none;
    background:#fff;
    border:1px solid #a4a5a6;
    padding:10px 15px;
    border-radius:5px;
    width:90%;
    margin-top:-15px
}
.mobilemenu .list .sub-content .left-side .items .item .btn-ul.goster{
    display:block
}
.mobilemenu .list .sub-content .left-side .items .item .btn-ul li:nth-child(1){
    position:relative
}
.mobilemenu .list .sub-content .left-side .items .item .btn-ul li:nth-child(1):before{
    content:"";
    position:absolute;
    left:10px;
    bottom:100%;
    margin-bottom:10px;
    display:block;
    width:0;
    height:0;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-bottom:8px solid #a4a5a6
}
.mobilemenu .list .sub-content .right-side{
    flex:1 1 0;
    min-height:100%;
    max-width:46%;
    display:flex;
    align-items:center
}
.mobilemenu .list .sub-content .right-side .centered{
    flex:0 0 100%
}
.mobilemenu .list .sub-content .right-side .top-side{
    margin-bottom:10px;
    width:100%
}
.mobilemenu .list .sub-content .right-side .top-side .img a{
    display:block
}
.mobilemenu .list .sub-content .right-side .top-side .img a img{
    display:block;
    width:100%
}
.mobilemenu .list .sub-content .right-side .top-side .special h3{
    font-size:15px;
    font-weight:700;
    color:var(--renk2);
    margin-bottom:6px
}
.mobilemenu .list .sub-content .right-side .top-side .special ul{
    margin-bottom:20px
}
.mobilemenu .list .sub-content .right-side .top-side .special ul li a{
    display:block;
    font-size:13px;
    line-height:17px;
    color:#a4a5a6
}
.mobilemenu .list .sub-content .right-side .top-side.top-side-special{
    display:flex;
    align-items:center
}
.mobilemenu .list .sub-content .right-side .top-side.top-side-special .special{
    margin-left:-15px
}
.mobilemenu .list .sub-content .right-side .top-side.top-side-special .img{
    margin-left:40px;
    flex:1 1 0;
    height:100%
}
.mobilemenu .list .sub-content .right-side .top-side.top-side-special-2 a{
    min-height:280px
}
.mobilemenu .list .sub-content .right-side .top-side.top-side-special-2 a .text{
    top:28%
}
.mobilemenu .list .sub-content .right-side .bottom-side{
    width:100%
}
.mobilemenu .list .sub-content .right-side .bottom-side .img a{
    display:block;
    min-height:230px;
    width:100%;
    border-radius:10px;
    background:#edeff4;
    overflow:hidden;
    position:relative
}
.mobilemenu .list .sub-content .right-side .bottom-side .img a:before{
    content:"";
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:30%;
    background:var(--renk1)
}
.mobilemenu .list .sub-content .right-side .bottom-side .img a img{
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    object-fit:contain;
    right:30%;
    top:50%;
    transform:translate(50%, -50%)
}
.mobilemenu .list .sub-content .right-side .bottom-side .img a .text{
    position:absolute;
    width:37%;
    top:50%;
    left:63px;
    transform:translate(0, -50%)
}
.mobilemenu .list .sub-content .right-side .bottom-side .img a .text .bold{
    font-size:16px;
    line-height:16px;
    font-weight:700;
    color:var(--renk1);
    padding-bottom:5px;
    display:block
}
.mobilemenu .list .sub-content .right-side .bottom-side .img a .text .thin{
    font-size:13px;
    color:#a4a5a6;
    display:flex;
    align-items:center
}
.mobilemenu .list .sub-content .right-side .bottom-side .img a .text .thin svg{
    display:block;
    width:10px;
    height:10px
}
.mobilemenu .list .sub-content.open{
    opacity:1;
    pointer-events:all
}

@media only screen and (min-width: 999px){
    .menubar:hover .menubar-bar:nth-child(1){
        transform:rotate(-5deg) translateY(1px) translateX(-1px)
    }
    .menubar:hover .menubar-bar:nth-child(2){
        opacity:.8
    }
    .menubar:hover .menubar-bar:nth-child(3){
        transform:rotate(5deg) translateY(-1px) translateX(-1px)
    }
    .menubar.open:hover .menubar-bar:nth-child(1){
        transform:rotate(-40deg) translateY(4px) translateX(-4px)
    }
    .menubar.open:hover .menubar-bar:nth-child(2){
        opacity:.2
    }
    .menubar.open:hover .menubar-bar:nth-child(3){
        transform:rotate(40deg) translateY(-5px) translateX(-5px)
    }
    #menubar:checked ~ .menubar:hover .menubar-bar:nth-child(1){
        transform:rotate(-40deg) translateY(4px) translateX(-4px)
    }
    #menubar:checked ~ .menubar:hover .menubar-bar:nth-child(2){
        opacity:.2
    }
    #menubar:checked ~ .menubar:hover .menubar-bar:nth-child(3){
        transform:rotate(40deg) translateY(-5px) translateX(-5px)
    }
}
@media (max-width:992px) {
    .mobilemenu {
        display: block;
        
    }
}
@media only screen and (max-width: 991px){
    .menubar{
        display:block;
    }
    #menubar:checked ~ .menubar{
        position: absolute;
        top: 0;
    }
}
@media (max-width:767px) {
    .mobilemenu .list .sub-content .left-side .items .item{ flex: 0 0 100%; max-width: 100%; }
}
@media (max-width:479px) {
    .mobilemenu .list .sub-content .left-side,
    .mobilemenu .list .sub-content .right-side{ flex: 0 0 100%; max-width: 100%;  }
}
/*
     FILE ARCHIVED ON 07:16:38 Jul 15, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:10:34 Apr 18, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.385
  captures_list: 0.339
  exclusion.robots: 0.01
  exclusion.robots.policy: 0.004
  esindex: 0.007
  cdx.remote: 6.051
  LoadShardBlock: 120.063 (3)
  PetaboxLoader3.datanode: 106.724 (5)
  PetaboxLoader3.resolve: 67.819 (2)
  load_resource: 66.288
  loaddict: 18.629
*/