#sol_bar_dis_mobil_golge {
    position: fixed;
    display: none;
    z-index: 55;
    width: 100%;
    height: 100%;
    background: rgba(74, 73, 71, 0.7);
    cursor: pointer;
}

#sol_bar_dis {
    display: block;
    position: fixed;
    width: 200px;
    top: 0px;
    left: 0px;
    transform: translateX(0px);
    width: 200px;
    height: 100%;
    z-index: 55;
}

body.animasyon #sol_bar_dis {
    transition: transform 0.25s ease-in-out, width 0.25s ease-in-out;
}

body.sol_bar_mini>#sol_bar_dis {
    width: 60px;
}

/* body.mobil>#sol_bar_dis {
    width: 60px;
} */

body.mobil>#sol_bar_dis_mobil_golge {
    display: block;
}

body.mobil.kapali>#sol_bar_dis {
    transform: translateX(-100%);
}

body.mobil.kapali>#sol_bar_dis_mobil_golge {
    display: none;
}


#sol_bar_dis .logo {
    position: relative;
    display: block;
    width: 200px;
    height: 75px;
    text-align: left;
    overflow: hidden;
    box-shadow: 0px 5px 3px -6px rgba(0, 0, 0, 0.4);
}

body.animasyon #sol_bar_dis .logo {
    transition: padding-left 0.25s ease-in-out, width 0.25s ease-in-out;
}

#sol_bar_dis .logo>.logo_cerceve {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

body.sol_bar_mini>#sol_bar_dis .logo {
    width: 60px;
}

/* body.mobil>#sol_bar_dis .logo {
    width: 60px;
} */


#sol_bar_dis .logo>.logo_golge {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    height: 75px;
    box-shadow: 0px 5px 3px -6px rgba(0, 0, 0, 0.5);
    z-index: 55;
}

body.animasyon #sol_bar_dis .logo>.logo_golge {
    transition: width 0.25s ease-in-out;
}


body.sol_bar_mini>#sol_bar_dis .logo>.logo_golge {
    width: 60px;
}

/* body.mobil>#sol_bar_dis .logo>.logo_golge {
    width:60px;
} */

#sol_bar_dis .logo svg,#sol_bar_dis .logo img {
    position: absolute;
    z-index: 56;
    top: 50%;
    left: -200%;
    transform: translate(0 , -50%);
    opacity: 0;
    width: 45px;
    height: auto;
    max-height:45px;
}

body.animasyon #sol_bar_dis .logo svg,body.animasyon #sol_bar_dis .logo img {
    transition: width 0.25s ease-in-out, left 0.25s ease-in-out, opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
}

#sol_bar_dis .logo svg+svg,#sol_bar_dis .logo img+img {
    left: 50%;
    transform: translate(-50% , -50%);
    opacity: 1;
    width: 180px;
    height: auto;
    max-height:45px;
}

body.sol_bar_mini>#sol_bar_dis .logo svg,body.sol_bar_mini>#sol_bar_dis .logo img {
    left: 50%;
    transform: translate(-50% , -50%);
    opacity: 1;
}

body.sol_bar_mini>#sol_bar_dis .logo svg+svg,body.sol_bar_mini>#sol_bar_dis .logo img+img {
    left: 200%;
    transform: translate(0 , -50%);
    opacity: 0;
}

#sol_bar {
    display: block;
    width: 100%;
    height: 100%;

}


#sol_bar>.bar_eleman {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    font-size: 0px;
    cursor: pointer;
    box-shadow: 0px 5px 3px -6px rgba(0, 0, 0, 0.4);
}








#sol_bar>.bar_eleman>i {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 22px;
}

body.animasyon #sol_bar>.bar_eleman>i {
    transition: margin-left 0.2s ease-in-out;
}

body.sol_bar_mini>#sol_bar_dis>#sol_bar>.bar_eleman>i {
    margin-left: 5px;
}

/* body.mobil>#sol_bar_dis>#sol_bar>.bar_eleman>i {
    margin-left: 5px;
} */



#sol_bar>.bar_eleman>.yazi {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    padding-left: 50px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    font-family: kalin;
    overflow: hidden;
    opacity: 1;
}

body.animasyon #sol_bar>.bar_eleman>.yazi {
    transition: padding-left 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

body.sol_bar_mini>#sol_bar_dis>#sol_bar>.bar_eleman>.yazi {
    padding-left: 60px;
    opacity: 0;
}

/* body.mobil>#sol_bar_dis>#sol_bar>.bar_eleman>.yazi {
    padding-left: 60px;
    opacity:0;
}
 */


#sol_bar>.bar_eleman>.girinti {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 50px;
    overflow: hidden;
    z-index: -1;
}

#sol_bar>.bar_eleman>.girinti>.arkaplan {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 50px;
    overflow: hidden;
}

body.animasyon #sol_bar>.bar_eleman>.girinti>.arkaplan {
    transition: background 0.25s ease-in-out;
}


#sol_bar>.bar_eleman:hover>.girinti>.arkaplan {
    background: #575450 !important;
}

#sol_bar>.bar_eleman>.girinti>svg {
    display: none;
    fill: #615d59;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 250px;
    height: 50px;
}

body.animasyon #sol_bar>.bar_eleman>.girinti>svg {
    transition: fill 0.25s ease-in-out;
}

#sol_bar>.bar_eleman:hover>.girinti>svg {
    fill: #575450 !important;
}

#sol_bar>.bar_eleman.aktif>.girinti>svg {
    display: block;
}

body:not(.mobil) #sol_bar>.bar_eleman.aktif>.girinti>.arkaplan {
    display: none;
}



#sol_bar>.bar_eleman>.icerik_kapsa {
    position: absolute;
    top: -5px;
    left: 100%;
    padding-left: 15px;
    padding-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
}

#sol_bar>.bar_eleman>.icerik_kapsa>.icerik {
    border-radius: 4px;
    padding: 5px 0px;
    box-shadow: 0px 0px 5px -2px #000;
}



#sol_bar>.bar_eleman>.icerik_kapsa>.icerik>.alt_icerik {
    display: block;
    min-width: 170px;
    height: 35px;
    line-height: 35px;
    padding-right: 10px;
    box-sizing: border-box;
    text-align: left;
    font-weight: 900;
    font-size: 15px;
}

body.animasyon #sol_bar>.bar_eleman>.icerik_kapsa>.icerik>.alt_icerik {
    transition: padding-right 0.2s ease-in-out, padding-left 0.2s ease-in-out;
}

#sol_bar>.bar_eleman>.icerik_kapsa>.icerik>.alt_icerik:hover {
    padding-left: 7px;
    padding-right: 13px;
}



#sol_bar>.bar_eleman>.icerik_kapsa>.icerik>.alt_icerik>i {
    display: inline-block;
    height: 35px;
    vertical-align: top;
    text-align: center;
    line-height: 35px;
    padding-left: 10px;
    padding-right: 10px;
}


body.animasyon #sol_bar>.bar_eleman>.icerik_kapsa>.icerik>.alt_icerik>i {
    transition: color 0.2s ease-in-out;
}


#sol_bar>.bar_eleman>.icerik_kapsa>.cikinti {
    display: block;
    position: absolute;
    top: 0px;
    left: 15px;
    width: 12px;
    height: 40px;
    margin-top: 10px;
    margin-left: -12px;
    overflow: hidden;
}



#sol_bar>.bar_eleman>.icerik_kapsa>.cikinti:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 100%;
    width: 40px;
    height: 40px;
    background: #615d59;
    transform: rotate(54deg) skew(18deg);
    margin-top: -20px;
    border-radius: 4px;
    margin-left: -7px;
    box-shadow: 0px 0px 6px -1px rgba(69, 65, 78, 0.25);
}


#sol_bar_dis>.sol_bar_kapat {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 60px;
    height: 60px;
    border-top-left-radius: 10px;
    cursor: pointer;
}

#sol_bar_dis>.sol_bar_mobil_buton {
    display: none;
    position: absolute;
    bottom: 0px;
    right: -50px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    border-top-right-radius: 10px;
    background: #615d59;
    color: #f5f3f0;
    z-index: -10;
}



body.mobil>#sol_bar_dis>.sol_bar_mobil_buton {
    display: block;
}

body.mobil:not(.kapali)>#sol_bar_dis>.sol_bar_mobil_buton {
    background: #f5f3f0;
    color: #615d59;
}

#sol_bar_dis>.sol_bar_mobil_buton>i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 16px;
}


body.animasyon #sol_bar_dis>.sol_bar_kapat {
    transition: background 0.2s ease-in-out;
}


body.sol_bar_mini>#sol_bar_dis>.sol_bar_kapat {
    border-top-left-radius: 0px;
}

body.mobil>#sol_bar_dis>.sol_bar_kapat {
    display: none;
}





#sol_bar_dis>.sol_bar_kapat:hover {
    background: rgba(0, 0, 0, 0.1);
}

#sol_bar_dis>.sol_bar_kapat>i {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 22px;
    transform: rotate(180deg);
}

body.animasyon #sol_bar_dis>.sol_bar_kapat>i {
    transition: transform 0.2s ease-in-out;
}



body.sol_bar_mini>#sol_bar_dis>.sol_bar_kapat>i {
    transform: rotate(0deg);
}

body.mobil>#sol_bar_dis>.sol_bar_kapat>i {
    transform: rotate(0deg);
}




#sol_bar>.bosluk_doldur {
    display: block;
    width: 100%;
    height: 2500px;
}