@font-face {
    font-family: Open Sans;
    src: url('fonts/open-sans/OpenSans-Regular.ttf');
}

@font-face {
    font-family: 'EXO 2';
    src: url('/fonts/Exo_2/Exo2-Regular.ttf');
}


@font-face {
    font-family: 'Marck Script';
    src: url('fonts/Marck_Script/MarckScript-Regular.ttf');
}


html,
body {
    height: auto;
    width: 100%;
    overflow-x: hidden;
    font-family: 'Open Sans';
}

body {
    margin: 0;
    padding: 0;
}

#UstPanel_Tum {
    max-height: 30px;
    height: 100%;
    max-width: 1400px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    flex: 1;
    margin: auto;
    color: #fff;
}

.UstPanel_Sol {
    flex: 1;
    background-color: transparent;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

    .UstPanel_Sol span {
        padding-bottom: 5px;
        padding-top: 5px;
        font-size: 16px;
        font-weight: 400;
        /* font-family: 'Charm', cursive;
       font-family: 'ZCOOL XiaoWei', serif;
        font-family: 'Courgette', cursive;
        font-family: 'Niconne', cursive;*/
        font-family: 'Marck Script', cursive;
    }

.UstPanel_Sag {
    background-color: transparent;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex: 1;
    font-size: 14px;
    font-weight: 600;
    justify-content: flex-end;
    align-items: center;
    width: 110px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.UstPanel_Sag_Kesme {
    color: #fff;
    font-size: 13px;
    margin-left: 6px;
    margin-right: 6px;
}

.UstPanel_Sag span {
    font-size: 15px;
}

.UstPanel_Sag i {
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.1em;
    line-height: 0;
}

.UstPanel_Dil {
    width: 40px;
    background-color: transparent;
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    align-content: center;
}

    .UstPanel_Dil a {
        color: #ccc;
        text-decoration: none;
    }

        .UstPanel_Dil a:hover {
            color: #fff;
        }


#UstLogoPanel_Tum {
    margin: 0 auto;
    max-height: 120px;
    height: auto;
    max-width: 1400px;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex: 1;
    -ms-flex: 1;
    /*flex: 1;*/
    justify-content: space-between;
    align-content: space-between;
    padding-bottom: 10px;
    padding-top: 10px;
}

.UstLogoPanel {
    max-height: 85px;
    height: 100%;
    min-width: 650px;
    flex: 1;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.UstLogo {
    background-color: #fff;
    max-width: 600px;
    max-height:100px;
    flex: 1;
}

    .UstLogo img {
        max-width: 330px;
        height: auto;
        vertical-align:middle;
    }

.UstLogo_Yazi {
    flex: 1;
    background-color: #fff;
    max-width: 300px;
    font-family: 'EXO 2';
    font-size: 21px;
    line-height: 26px;
    font-weight: 900;
    color: #ca2b21;
    text-align: center;
    letter-spacing: 1px;
    margin-left: 5px;
}

    .UstLogo_Yazi a {
        font-style: normal;
        text-decoration: none;
        color: #ca2b21;
    }

.UstMenu {
    /*max-height: 30px;
    min-height: 30px; padding-bottom: 20px;
    background-color: transparent; 
      display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;   
    justify-content: flex-end;
    align-items: center;
    align-content: center;
     width: 200px; */
}


#MansetPanel_Tum {
    width: 100%;
    height: auto;
    border-bottom: 6px #ca2b21 solid;
    max-height: 600px;
}

.MansetPanel {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    min-height: 600pX;
    display: flex;
}

.MansetPanel_Ic {
    max-width: 1400px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    /*flex-direction: column;
    justify-content: flex-end;
    align-content: flex-start;
    align-items: flex-end;*/
    /*margin-left: auto;
    margin-right: auto;
    margin-bottom : 50px;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;*/
}

.MansetPanel_Ic_Arka {
    position: absolute;
    bottom: 50px;
    left: 50px;
    padding: 20px;
    max-width: 600px;
    height: auto;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    text-wrap: normal;
    text-align: left;
}

.MansetPanel_Ic_Baslik {
    color: #ca2b21;
    color: #f2f2f2;
    font-family: 'EXO 2';
    font-size: 22px;
    line-height: 150%;
    font-weight: 600;
    margin-bottom: 16px;
    white-space: normal;
    /*text-shadow: 2px 1px 6px  #dedede;*/
}



.MansetPanel_Ic_Icerik {
    color: #fff;
    font-size: 18px;
    line-height: 150%;
    font-weight: 600;
    white-space: normal;
    margin-bottom: 20px;
}

.MansetPanel_Ic_Button {
    background-color: #ccc;
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
    flex: 1;
    border-radius: 6px 6px 6px 6px;
    width: 130px;
    color: #404040;
    font-weight: 600;
    height: auto;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    text-align: center;
    border: 2px #ccc solid;
}

    .MansetPanel_Ic_Button:hover {
        box-shadow: 1px 1px 10px 1px #fff;
    }

    .MansetPanel_Ic_Button a {
        font-style: normal;
        text-decoration: none;
        color: #fff;
    }

.SatirBosluk10 {
    width: 100%;
    height: 10px;
    padding-bottom: 0;
    padding-top: 0;
   
}

.SatirBosluk {
    width: 100%;
    height: 30px;
    padding-bottom: 0;
    padding-top: 0;
}


.SatirBosluk50 {
    width: 100%;
    height: 50px;
    padding-bottom: 0;
    padding-top: 0;
}

/*#DuyuruPanel_Tum {
    background-color: transparent;
    max-width: 1355px;
    width: 100%;
    height: auto;
    border: 0px #fff;
    margin: auto;
    padding-bottom: 40px;
    padding-top: 5px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    align-items: center;
    align-content: center;
    justify-content: center;
}*/

#DuyuruPanel_Tum {
    background-color: transparent;
    max-width: 1355px;
    width: 100%;
    /*height: auto;*/
    border: 0px #fff;
    margin: auto;
    padding-bottom: 40px;
    padding-top: 5px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    align-items: center;
    align-content: center;
    justify-content: center;
}

/*.DuyuruPanel { 
    background-color: #fff;
    border: 1px #e3e0e0 solid; 
    margin-left: 10px;
    margin-right: 10px;
    flex: 1 1  23%;
    border-radius: 8px 8px 8px 8px;
    flex-direction: column;
     display: flex;
     max-width: 320px;
     min-width : 300px; 
    margin-bottom: 30px;
}*/

.DuyuruPanel {
    background-color: #e3e0e0;
    border: 1px #e3e0e0 solid;
    margin-left: 10px;
    margin-right: 10px;
    flex: 1 1 23%;
    border-radius: 8px 8px 8px 8px;
    flex-direction: column;
    display: flex;
    max-width: 320px;
    min-width: 300px;
    margin-bottom: 30px;
    padding: 6px 0 0 0;
}

 
.DuyuruPanel:hover { 
        box-shadow: 0px 0px 15px 1px #ccc;
    
}


/*.DuyuruAlt1Panel {
    background-color: #f1f1f1;
    min-height: 120px;
    width: 100%;
    display: flex;
    flex-direction: row; 
    align-items:stretch;
    border-bottom: 3px #2c1918 solid;
    border-radius: 8px 8px 0px 0px;
}*/

.DuyuruAlt1Panel {
    background-color: #f1f1f1;
    background-image: linear-gradient(180deg, #f1f1f1, #ffffff);
    /*min-height: 120px;*/
    min-height: 180px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    border-bottom: 3px #2c1918 solid;
    border-radius: 8px 8px 0px 0px;
}


.DuyuruAlt1Panel_1 {
    background-color: #f1f1f1;
    min-height: 100px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    border-bottom: 3px #2c1918 solid;
    border-radius: 8px 8px 0px 0px;
}

/*.DuyuruAlt1Panel_Baslik {
    font-size: 16px;
    line-height: 140%;
    font-weight: 600;
    margin-top: 12px;
    margin-left: 10px;
    box-sizing: border-box;
    padding: 4px;
    min-height: 120px;
}*/

.DuyuruAlt1Panel_Baslik {
    font-size: 16px;
    line-height: 140%;
    font-weight: 600;
    margin-top: 12px;
    margin-left: 10px;
    box-sizing: border-box;
    padding: 4px;
    /*min-height: 120px;*/
    min-height: 100px;
}

    .DuyuruAlt1Panel_Baslik a {
        text-decoration: none;
        color: #000;
    }

/*.DuyuruAlt1Panel_Tarih {
    margin-top: -28px;
    margin-left: 8px;
    background-color: #2c1918;
    color: white;
    text-align: center;
    height: 50px;
    width: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    border-radius: 5px;
    z-index: 200;
    opacity: 0.9;
}*/

.DuyuruAlt1Panel_Tarih {
    margin-top: 10px;
    margin-left: 8px;
    background-color: #2c1918;
    color: white;
    text-align: center;
    height: 50px;
    /*width: 60px;*/
    min-width: 75px;
    max-width: 75px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    border-radius: 5px;
    z-index: 200;
    opacity: 0.9;
}

/*.DuyuruAlt1Panel_Tarih_Gun {
    font-size: 15px;
    line-height: 19px;
    font-weight: 600;
    font-family: 'EXO 2';
}*/

.DuyuruAlt1Panel_Tarih_Gun {
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    font-family: 'EXO 2';
}

.DuyuruAlt1Panel_Tarih_Ay {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    font-family: 'EXO 2';
}

.DuyuruAlt2Panel {
    background-color: #fff;
    font-size: 15px;
    line-height: 150%;
    font-weight: 400;
    height: auto;
    min-height: 120px;
    width: 97%;
    display: flex;
    flex-direction: column; 
    align-items: flex-start;
    align-content: flex-start; 
    margin-bottom: 10px;
    box-sizing: border-box;
    padding: 11px;
}

 

#EtkinlikPanel_Tum {
    background-color: transparent;
    max-width: 1355px;
    width: 100%;
    height: auto;
    border: 0px #fff;
    margin: auto;
    padding-bottom: 10px;
    padding-top: -20px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    align-items: center;
    align-content: center;
    justify-content: center;
}


.EtkinlikTakvimPanel {
    background-color: #fff;
    /*width: 320px;*/
    margin-left: 10px;
    margin-right: 20px;
    display: flex;
    flex: 18%;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: center;
    border-radius: 8px 8px 8px 8px;
    /*padding-top: 5px;
    padding-bottom: 5px;*/
    padding-left: 20px;
    padding-right: 20px;
    height: 330px;
}

.EtkinlikPanel {
    background-color: #fff;
    display: flex;
    min-width: 450px;
    flex: 1 1 1 1 18%;
    flex-wrap: wrap;
    flex-direction: row;
    border-radius: 8px 8px 8px 8px;
    border: 1px #e3e0e0 solid;
    margin-right: 15px;
    height: 330px;
    margin-bottom: 10px;
    align-content: center;
    justify-content: center;
    vertical-align: middle;
}

.EtkinlikSolPanel {
    flex: 26%;
    width: auto;
    height: 100%;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px 0px 0px 8px;
    border-right: 3px #2c1918 solid;
}

.EtkinlikSagPanel {
    width: 210px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-right: 15px;
    margin-top: 10px;
    align-content: space-between;
    justify-content: space-between;
    margin-left: 10px;
}

    .EtkinlikSagPanel p {
        font-size: 16px;
        line-height: 21px;
        font-weight: 600;
    }

.EtkinlikSag_Tarih {
    width: 100%;
    font-size: 12px;
    color: #888888;
    line-height: 12px;
    font-weight: bold;
}

.EtkinlikSag_TarihDetay {
    margin-bottom: 7px;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    line-height: 17px;
}

.EtkinlikSag_YerDetay {
    margin-bottom: 7px;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    line-height: 17px;
}

.EtkinlikSag_Tip {
    font-weight: 600;
    color: #ca2b21;
    line-height: 27px;
    margin-bottom: 15px;
}




.EtkinlikPanel:hover {
    /*box-shadow: 0 0 10px #378dc6;*/
    box-shadow: 0px 0px 15px 1px #ccc;
}



.EtkinlikPanel_2 {
    background-color: #fff;
    border: 1px #efefef solid;
    border-radius: 8px 8px 8px 8px;
    flex-direction: column;
    display: -ms-flexbox;
    display: flex; 
    height: 400px;
   max-width: 256px;
    flex: 1 1  22%;
    /*
    max-width: 320px;*/
    padding-bottom: 5px;
    margin-bottom: 10px;
    margin-top: 1px;
    margin-left: 10px;
    margin-right: 10px;
}

    .EtkinlikPanel_2:hover {
        box-shadow: 0px 0px 15px 1px #ccc;
    }

.Etkinlik_Alt1Cerceve {
    height: auto;
    min-height: 360px;
    width: 100%;
    overflow: hidden;
    border-bottom: 3px #2c1918 solid;
    border-radius: 8px 8px 0px 0px;
}

.Etkinlik_2Alt1Panel {
    height: calc(100%*1.42);
    width: 100%;
    border-radius: 8px 8px 0px 0px;
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 2s ease;
}

    .Etkinlik_2Alt1Panel:hover {
        transform: scale(1.05);
        border-radius: 8px 8px 8px 8px;
    }

.EtkinlikAlt2Panel {
    height: auto;
    width: 98%;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around;
    margin-left: 8px;
    padding-right: 15px;
}

.EtkinlikAlt2Panel_Baslik {
    font-size: 13px;
    line-height: 21px;
    font-weight: 600;
    margin-top: 0px;
}

    .EtkinlikAlt2Panel_Baslik a {
        text-decoration: none;
        color: #000;
    }

.EtkinlikAlt2Panel p {
    margin-top: 10px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    vertical-align: middle;
    padding-bottom: 7px;
    height: 130px;
}

.EtkinlikAlt2Panel_Tarih {
    display: flex;
    flex-direction: row;
    padding-bottom: 8px;
    align-content: flex-end;
    align-items: flex-end;
}

.EtkinlikAlt2Panel span {
    font-size: 12px;
    color: #888888;
    line-height: 12px;
    font-weight: bold;
    align-content: flex-end;
    align-items: flex-end;
}



.EtkinlikAlt1Panel_Tarih {
    margin-top: -28px;
    margin-left: 8px;
    background-color: #2c1918;
    color: white;
    text-align: center;
    height: 50px;
    width: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    border-radius: 5px;
    z-index: 200;
    opacity: 0.9;
}

.EtkinlikAlt1Panel_Tarih_Gun {
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    font-family: 'EXO 2';
}

.EtkinlikAlt1Panel_Tarih_Ay {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    font-family: 'EXO 2';
}

#HaberPanel_Tum {
    background-color: transparent;
    max-width: 1355px;
    width: 100%;
    border: 0px #ccc;
    margin: auto;
    padding-top: 5px;
    padding-bottom: 40px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    align-items: center;
    align-content: center;
    justify-content: center;
    height: auto;
}

.HaberAlt1Panel_Tarih {
    margin-top: -28px;
    margin-left: 8px;
    background-color: #2c1918;
    color: white;
    text-align: center;
    height: 50px;
    width: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    border-radius: 5px;
    z-index: 200;
    opacity: 0.9;
}

.HaberAlt1Panel_Tarih_Gun {
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    font-family: 'EXO 2';
}

.HaberAlt1Panel_Tarih_Ay {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    font-family: 'EXO 2';
}


.HaberPanel {
    flex: 1 1 22%;
    background-color: #fff;
    border: 1px #efefef solid;
    margin: auto;
    margin-left: 3px;
    margin-right: 3px;
    border-radius: 8px 8px 8px 8px;
    flex-direction: column;
    display: flex;
    max-width: 260px;
    min-width : 250px;
    margin-bottom: 30px;
    margin-top: 1px;
}


    .HaberPanel:hover {
        box-shadow: 0px 0px 15px 1px #ccc;
    }

.HaberAlt1Cerceve {
    height: 220px;
    width: 100%;
    overflow: hidden;
    border-bottom: 3px solid rgba(0,0,0,0.7);
    border-radius: 8px 8px 0px 0px;
    flex: none;
}

.HaberAlt1Panel {
    /*height: auto;*/
    height: 200px;
    width: 100%;
    border-radius: 8px 8px 0px 0px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 2s ease;
    flex: none;
}


    .HaberAlt1Panel:hover {
        transform: scale(1.05);
        border-radius: 8px 8px 8px 8px;
    }

.HaberAlt2Panel {
    /*height: 230px;*/
    height: auto;
    min-height: 150px;
    width: 98%;
    display: flex;
    flex-direction: column;
    /*justify-content:space-around;*/
    align-items: flex-start;
    align-content: flex-start;
 
    box-sizing: border-box;
    padding: 11px;
}


.HaberAlt2Panel_Baslik {
    font-size: 15px;
    color:#ca2d21;
    line-height: 21px;
    font-weight: 600;
    margin-top: 7px;
    text-align: left;
    flex: none;
    margin-bottom: 16px;
}

    .HaberAlt2Panel_Baslik a {
        text-decoration: none;
        color: #000;
    }

.HaberAlt2Panel_AltBaslik {
    flex: 1;
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 150%;
    font-weight: 400;
}


.HaberAlt2Panel p {
    margin-top: 10px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    vertical-align: middle;
    padding-bottom: 7px;
    height: 130px;
    margin-right: 10px;
}

.HaberAlt2Panel_Tarih {
    display: flex;
    flex-direction: row;
    padding-bottom: 5px;
    margin-top:5px;
    align-items: flex-end;
}

.HaberAlt2Panel span {
    font-size: 12px;
    color: #888888;
    line-height: 12px;
    font-weight: bold;
    align-content: flex-end;
    align-items: flex-end;
}

#BirimPanel_Tum {
    background-color: transparent;
    max-width: 1355px;
    width: 100%;
    border: 0px #ccc;
    margin: auto;
    padding-top: 5px;
    padding-bottom: 20px;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    align-items: center;
    align-content: center;
    justify-content: center;
    height: auto;
} 

.FakulteAlt1Cerceve {
    height: 220px;
    width: 100%;
    overflow: hidden;
    border-bottom: 3px #2c1918 solid;
    border-radius: 8px 8px 0px 0px;
}

.FakulteAlt1Panel {
    height: auto;
    min-height: 220px;
    width: 100%;
    border-radius: 8px 8px 0px 0px;
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transition: all 2s ease;
}

.FakulteAlt1Panel:hover {
        transform: scale(1.05);
        border-radius: 8px 8px 8px 8px;

}

/*.FakultePanelUst {
    background-color: transparent;
    width: 100%;
    border: 0px #ccc;
    margin: auto;
    padding-top: 5px;
    padding-bottom: 20px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    align-items: stretch;
    justify-content: center;
}*/

.FakultePanelUst {
    background-color: transparent;
    width: 100%;
    border: 0px #ccc;
    margin: auto;
    padding-top: 5px;
    padding-bottom: 20px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    align-items: stretch;
    /*align-content: space-between;*/
    justify-content: center;
}

.FakultePanel {
    background-color: #fff;
    border: 1px #efefef solid; 
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 8px 8px 8px 8px;
    flex-direction: column;  
    display: flex;
    flex: 1 1 23%;
    height: 250px;  
    max-width: 320px; 
    padding-bottom: 5px;
    margin-bottom: 30px;
    margin-top: 1px;
}


 
    .FakultePanel:hover {
        box-shadow: 0px 0px 15px 1px #ccc;
    }

.FakulteAlt2Panel {
    height: 40px;
    min-height: 40px;
    width: 98%;
    display: flex;
    flex-direction: column;
    margin: auto;
    align-items: center;
    margin-left: 10px;
}

    .FakulteAlt2Panel p {
        margin-top: 10px;
        font-size: 15px;
        line-height: 20px;
        font-weight: 400;
        vertical-align: middle;
        padding-bottom: 4px;
        height: 130px;
        margin-right: 10px;
    }


    .FakulteAlt2Panel a {
        font-size: 16px;
        text-decoration: none;
        margin-right: 10px;
    }

        .FakulteAlt2Panel a:hover {
            color: #000;
        }

    .FakulteAlt2Panel i {
        align-items: center;
        text-align: left;
        margin-right: 10px;
        color: #535252;
        font-size: 1.7rem;
    }

        .FakulteAlt2Panel i:hover {
            color: #000;
        }

.FakultePanel_Devam {
    display: flex;
    flex-direction: row;
    flex: 1;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
}

.FakultePanel_Baslik {
    font-size: 16px;
    line-height: 21px;
    font-weight: 600;
    margin-top: 7px;
    text-align: left;
    flex: none;
    margin-bottom: 5px;
    padding-top: 3px;
}

#BaslikPanel_Tum {
    background-color: transparent;
    max-width: 1355px;
    width: 100%;
    border: 0px #ccc;
    margin: auto;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    align-items: flex-start;
    align-content: center;
    justify-content: center;
    height: auto;
}

.BaslikPanelUst {
    background-color: transparent;
    width: 100%;
    border: 0px #ccc;
   
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; 
    align-items: stretch; 
    justify-content: center;
    height: auto;
}

.BaslikPanel {  
    padding-top: 50px; 
    width: 100%; 
    margin-left: 23px;
    
}


    .BaslikPanel span {
        font-family: 'Exo 2';
        width: 100%;
        font-size: 19px;
        line-height: 150%;
    }

        .BaslikPanel span a {
            font-size: 17px;
            line-height: 150%;
            text-decoration: none;
        }

            .BaslikPanel span a:hover {
                color: #404040;
            }

#SosyalMedyaPanel_Tum {
    padding-left: 40px;
    padding-right: 40px;
    background-image: url('images/SosyalMedya.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 1400px;
    min-height: 350px;
    height: auto;
    border: 0px;
    margin: auto;
    margin-top: 0px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    justify-content: center;
    align-items: flex-end;
    align-content: center;
}


.SosyalMedyaPanel {
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-radius: 6px 6px 6px 6px;
    width: 155px;
    height: 40px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background-color: #fff;
    margin-right: 15px;
}

.SosyalMedyaPanel_Img {
    border-radius: 4px 0px 0px 4px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 45px;
    line-height: 0;
    height: 40px;
    font-size: 2.5rem;
}

.SM_Facebook {
    background-color: #3b5998;
}

.SM_Instagram {
    background-color: #3f729b;
}

.SM_Twitter {
    background-color: #55acee;
}

.SM_Youtube {
    background-color: #e52d27;
}

.SosyalMedyaPanel_yazi {
    padding-left: 10px;
    background-color: transparent;
    width: 100px;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: auto;
    text-decoration: none;
}

.SosyalMedyaPanel_Img i {
    justify-content: center;
    align-content: center;
    align-items: center;
    font-size: 0.7em;
}

.SosyalMedyaPanel_Facebook {
    border: 1px #3b5998 solid;
}


    .SosyalMedyaPanel_Facebook:hover {
        background-color: #7391d3;
        color: #fff;
    }

.SosyalMedyaPanel_Instagram {
    border: 1px #3f729b solid;
    text-decoration: none;
    color: #241312;
}

    .SosyalMedyaPanel_Instagram:hover {
        background-color: #78a8cf;
        color: #fff;
    }

.SosyalMedyaPanel_Twitter {
    border: 1px #6fbcf6 solid;
}

    .SosyalMedyaPanel_Twitter:hover {
        background-color: #81c7fc;
        color: #fff;
    }

.SosyalMedyaPanel_Youtube {
    border: 1px #e52d27 solid;
}

    .SosyalMedyaPanel_Youtube:hover {
        background-color: #fc6a65;
        color: #fff;
    }

.SosyalIco {
    font-size: 2.5rem;
    line-height: 0;
}

.Facebook {
    color: #fff;
}

.Instagram {
    color: #fff;
}

.Twitter {
    color: #fff;
    font-size: 2.8rem;
}

.Youtube {
    color: #fff;
}

.SosyalIco:hover {
    /*color: #378dc6;*/
}

.Mobil_ArkaPanel_Gri {
    width: 100%;
    background-image: url('images/back2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100% cover;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: center;
}

#MobilUygulamaPanel_Tum {
    max-width: 1400px;
    margin: auto;
    width: 100%;
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    border: 0px;
    margin: auto;
    margin-top: 0px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    align-items: center;
    align-content: space-around;
}

.MobilUygulamaPanel_YaziButton {
    flex: 27%;
    display: flex;
    flex-direction: column;
    align-content: space-between;
}

.MobilUygulamaPanel_YaziBaslik {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    font-family: 'Exo 2';
}

.MobilUygulamaPanel_YaziIcerik {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.MobilUygulamaPanel_Button_Tumu {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.MobilUygulamaPanel_Button {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border: 1px #000 solid;
    border-radius: 6px 6px 6px 6px;
    width: 175px;
    height: 44px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background-color: #fff;
    margin-right: 15px;
    margin-bottom: 5px;
}

.MobilUygulamaPanel_Button_Resim {
    font-size: 2.2rem;
    line-height: 0;
    color: #fff;
    background-color: #000;
    width: 46px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    border-radius: 6px 0px 0px 6px;
}

    .MobilUygulamaPanel_Button_Resim i {
        justify-content: center;
        align-content: center;
        align-items: center;
    }

.MobilUygulamaPanel_Button_Yazi {
    font-size: 19px;
    line-height: 17px;
    font-weight: 600;
    background-color: transparent;
    margin-left: 8px;
    margin-top: 3px;
}

.MobilUygulamaPanel_Button:hover {
    background-color: #ccc;
}

.MobilUygulamaPanel_KucukYazi {
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
}

.MobilUygulamaPanel_Resim {
    flex: 42%;
    background-image: url('images/mobil2.png');
    height: 380px;
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-origin: content-box;
}

.MobilUygulamaPanel_QR {
    width: 200px;
    display: flex;
    flex-direction: column;
    align-content: space-around;
    text-align: center;
    align-content: center;
}

    .MobilUygulamaPanel_QR img {
        justify-content: center;
        text-align: center;
        align-items: center;
    }

    .MobilUygulamaPanel_QR span {
        padding-top: 5px;
        font-size: 13px;
        font-weight: 500;
        line-height: 18px;
        text-align: center;
    }

#UstHizliErisimPanel_Tum {
    background-color: transparent;
    max-width: 1400px;
    width: 100%;
    height: auto;
    border: 0px #fff;
    margin: auto;
    padding-top: 32px;
    padding-bottom: 27px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.UstHizliErisimPanel {
    background-position: left;
    background-repeat: no-repeat;
    height:90px;
    flex: 1 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex-wrap: wrap;
    background-color: #dc3d33;
    border: 1px #efefef solid;
    margin-left: 8px;
    margin-right: 8px;
    display: flex;
    border-radius: 8px 8px 8px 8px;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    min-width: 120px;
}

.UstHizliErisimPanelEk {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color:#ca2d21;
    height: 90px;
    flex: 1 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex-wrap: wrap;
    /*background-color: #dc3d33;*/
    background-image: url('/images/kreativEU.png');
    /*border: 1px #000000 solid;*/
    margin-left: 8px;
    margin-right: 8px;
    display: flex;
    border-radius: 8px 8px 8px 8px;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    min-width: 120px;
}


.UstHizliErisimPanel:hover {
    background-color: #ca2b21;
}

.UstHizliErisimPanelEk:hover {
    background-color: #ca2d21;
}

.UstHizliErisimPanel span {
    margin : 5px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    text-align: center;
    align-items: center;
    vertical-align: middle
}
.UstHizliErisimPanel img {
    margin-top: 3px;
       
}

.UstHizliErisimPanel span a {
    margin-top: 5px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    text-align: center;
    align-items: center;
    vertical-align: middle
}


.YeniHizliErisimPanel {
    background-position: left;
    background-repeat: no-repeat;
    height: 110px;
    flex: 1 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex-wrap: wrap;
    background-color: #2c1918;
    border: 1px #efefef solid;
    margin-left: 8px;
    margin-right: 8px;
    display: flex;
    border-radius: 8px 8px 8px 8px;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    min-width: 160px;
}

    .YeniHizliErisimPanel span a {
        margin-top: 5px;
        font-size: 15px;
        font-weight: 600;
        color: #fff;
        text-decoration: none;
        text-align: center;
        align-items: center;
        vertical-align: middle
    }

    .YeniHizliErisimPanel span {
        margin: 5px;
        font-size: 15px;
        font-weight: 600;
        color: #fff;
        text-decoration: none;
        text-align: center;
        align-items: center;
        vertical-align: middle
    }

    .YeniHizliErisimPanel:hover {
        background-color: #ca2b21;
    }


/*.HizliErisimPanel img{
    height:100px;
    width:auto;
}*/


#HizliErisimPanel_Tum {
    background-color: #fff;
    max-width: 1450px;
    width: 100%;
    height: auto;
    border: 0px #fff;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    align-items: center;
    align-content: space-between;
    justify-content: space-around;
}

.HizliErisimPanel {
}


    .HizliErisimPanel img {
        height: 150px;
        width: auto;
        filter: gray; /* IE6-9 */
        /*-webkit-filter: grayscale(100%);*/
        transition: all 0.7s linear;
        margin-left: 10px;
        margin-right: 10px;
    }

        .HizliErisimPanel img:hover {
            filter: none;
            -webkit-filter: grayscale(0%);
            /*transform: scale(1.05);*/
        }

#UstFooterPanel_Tum {
    font-family: 'Exo 2';
    margin-left: 20px;
    margin-right: 20px;
    background-color: transparent;
    max-width: 1430px;
    width: 100%;
    height: auto;
    border: 0px #404040;
    margin: auto;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    justify-content: space-between;
    /*align-items: center;*/
}

.UstFooterFiltre {
    background-color: #2f2a2a;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    width: 100%;
}

.UstFooterPanel {
    background-color: transparent;
    border: 0px;
    height: auto;
    padding-bottom: 30px;
    padding-top: 30px;
    padding-right: 20px;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    min-width: 200px;
}

.UstFooterPanel2 {
    background-color: #000000;
    border: 0px;
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content:center;
    min-width: 200px;
}

    .UstFooterPanel a {
        color: #dddbdb;
        text-decoration: none;
    }

        .UstFooterPanel a:hover {
            color: #fff;
        }

.UstFooterPanel_Baslik {
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
    color: white;
}

.UstFooterPanel_Icerik {
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    color: white;
    padding-bottom: 3px;
}

.UstFooterPanel_Icerik2 {
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    color: white;
    padding-bottom: 3px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    height: auto;
}

#AltFooterPanel_Tum {
    font-family: 'Exo 2';
    background-color: #000;
    max-width: 1400px;
    width: 100%;
    height: auto;
    border: 0px #000;
    margin: auto;
    margin-top: 0px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    justify-content: space-between;
    padding-bottom: 10px;
}


.AltFooterPanel_Yazi {
    padding-top: 10px;
    min-height: 50px;
    background-color: transparent;
    border: 0px;
    display: flex;
    flex: 72%;
    text-align: center;
    justify-content: flex-start;
    align-content: center;
    margin-top: auto;
    margin-bottom: auto;
}


    .AltFooterPanel_Yazi p {
        padding-left: 10px;
        vertical-align: middle;
        text-align: left;
        margin-top: auto;
        margin-bottom: auto;
        color: #fff;
        font-size: 14px;
        line-height: 18px;
    }

.AltFooterPanel_Ust {
    padding-top: 5px;
    min-height: 50px;
    background-color: transparent;
    border: 0px;
    margin-left: 1px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-content: space-around;
    align-items: flex-start;
    margin-top: auto;
    margin-bottom: auto;
}

    .AltFooterPanel_Ust span {
        margin-left: 3px;
        color: #fff;
        margin-bottom: 3px;
    }

.AltFooterPanel_Sosyal {
    min-height: 30px;
    background-color: transparent;
    border: 0px;
    margin-left: 1px;
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
    width: auto;
}


    .AltFooterPanel_Sosyal img {
        padding-left: 5px;
    }

.ArkaPanel_Siyah {
    width: 100%;
    background-color: #000;
}

.ArkaPanel_Bordo {
    width: 100%;
    background-color: #951e15;
}

.ArkaPanel_KoyuGri {
    height: auto;
    background-image: url('images/FooterBack/1.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #404040;
}

.ArkaPanel_Gri {
    width: 100%;
    background-color: #efefef;
}

.ArkaPanel_AcikGri {
    width: 100%;
    background-color: #f1f1f1;
}

.ArkaPanel_Mavi {
    width: 100%;
    background-color: #fff;
    border-bottom: 1px #ca2b21 solid;
}

.ArkaPanel_KoyuMavi {
    width: 100%;
    background-color: #ca2b21;
}

.ArkaPanel_Beyaz {
    width: 100%;
    background-color: #fff;
}

.ArkaPanel_Kirmizi_Beyaz {
    width: 100%;
    background-color: #fff;
    border-bottom: 1px #ca2b21 solid;
     -moz-box-shadow: 0px 0px 5px 1px #ca2b21;
    -webkit-box-shadow: 0px 0px 5px 1px #ca2b21;
    box-shadow:10px -2px -2px 2px #ca2b21;  
}

#SeritTum {
    width: 100%;
    background-color: #efefef;
    align-items: center;
    height: 70px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex: 1;
    -ms-flex: 1;
    justify-content: center;
    align-content: center;
    border-bottom: 1px #ca2b21 solid;
    -moz-box-shadow: 0px 0px 5px 1px #ca2b21;
    -webkit-box-shadow: 0px 0px 5px 1px #ca2b21;
    box-shadow: 10px -2px -2px 2px #ca2b21;
}

.Serit {
    width: 100%;
    align-items: center;
    padding-left: 42px;
    max-width: 1400px;
    justify-content: center;
    align-content: center;
    text-align: center; 
}

    .Serit a {
        align-items: center;
        margin: 5px;
        text-decoration: none;
        color: #4d4c4c;
        font-size: 23px;
        line-height: 150%;
        font-weight: 700;
        text-align: center;
    }

    .Serit a:hover {
       color: #333;
    }

.Panel_OK {
    /*padding-right: 10px;
    padding-left: 10px;*/
    color: #b7b7b7;
    font-size: 2.5rem;
    margin-left: 5px;
    margin-right: 5px;
}

.Panel_SagSol {
    width: 23px;
}

.Panel_OK:hover {
    color: #8dc3e6;
}

.Panel4Gizle {
}

.Panel3Gizle {
}

.Panel2Gizle {
}


.AltSosyalIco {
    padding-right: 4px;
    padding-left: 4px;
    color: #c7c7c7;
    font-size: 2rem;
}

.AltYoutube:hover {
    color: #fff;
}

.AltTwitter:hover {
    color: #fff;
}

.AltInstagram:hover {
    color: #fff;
}

.AltFacebook:hover {
    color: #fff;
}

.UstFooterIco {
    font-size: 1.1rem;
}

.dx-gallery .dx-gallery-nav-button-prev,
.dx-gallery .dx-gallery-nav-button-next {
    height: 16%;
    top: 42%;
}


.DilButton {
    border: 0;
    border-style: none;
    box-shadow: none;
    display: inline-block;
    background-color: #ca2b21;
    cursor: pointer;
    color: #fff;
}

.CRed {
    color: #ca2b21;
}

.CGray {
    color: #666;
}

.CWhite {
    color: #fff;
}

.CWhiteGray {
    color: #dedede;
}

.size13px {
    font-size: 13px;
}

.size14px {
    font-size: 14px;
    line-height: 150%;
}
.size23px {
    font-size: 23px;
    line-height: 150%;
}
.ButtonPanel {
    background-color: #ca2b21;
    cursor: pointer;
    color: #fff;
    width: 300px;
    max-width: 300px;
    border-radius: 6px 6px 6px 6px;
    height: 45px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    font-family: 'EXO 2';
    padding: 3px;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 30px;
}

    .ButtonPanel a {
        text-decoration: none;
        color: #fff;
    }


    .ButtonPanel:hover {
        background-color: #9a130a;
        cursor: pointer;
        color: #fff;
    }


.ButtonPanel_Beyaz {
    background-color: #fff;
    cursor: pointer;
    color: #333;
    width: 300px;
    max-width: 300px;
    border-radius: 6px 6px 6px 6px;
    height: 45px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    font-family: 'EXO 2';
    padding: 3px;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 30px;
}

    .ButtonPanel_Beyaz a {
        text-decoration: none;
        color: #333;
    }


    .ButtonPanel_Beyaz:hover {
        background-color: #efefef;
        cursor: pointer;
        color: #333;
    }



.ButtonPanel_KoyuGri {
    background-color: #373636;
    cursor: pointer;
    color: #fff;
    width: 300px;
    max-width: 300px;
    border-radius: 6px 6px 6px 6px;
    height: 45px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    font-family: 'EXO 2';
    padding: 3px;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 30px;
}

    .ButtonPanel_KoyuGri a {
        text-decoration: none;
        color: #fff;
    }


    .ButtonPanel_KoyuGri:hover {
        background-color: #404040;
        cursor: pointer;
        color: #fff;
    }

.BaslikPanel_Etkinlik {
    padding-top: 40px;
    max-width: 1400px;
    height: 35px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 40px;
}

    .BaslikPanel_Etkinlik span {
        font-family: 'Exo 2';
        width: 100%;
        font-size: 29px;
        line-height: 33px;
        font-weight: 700;
        color: #fff;
        text-align: center;
    }


.BaslikPanel_Fakulteler {
    padding-top: 40px;
    max-width: 1400px;
    height: 35px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 20px;
}

    .BaslikPanel_Fakulteler span {
        font-family: 'Exo 2';
        width: 100%;
        font-size: 29px;
        line-height: 33px;
        font-weight: 700;
        color: #373636;
        text-align: center;
    }

.BaslikPanel_Fakulteler_1 {
    padding-top: 10px;
    max-width: 1400px;
    height: 35px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 10px;
}

    .BaslikPanel_Fakulteler_1 span {
        font-family: 'Exo 2';
        width: 100%;
        font-size: 24px;
        line-height: 150%;
        font-weight: 600;
        color: #404040;
        text-align: center;
    }

.Mobil_SosyalMedya_ArkaPanel {
    width: 100%;
    background-image: url('images/back2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100% cover;
}


.Mobil_Panel {
    width: 700px;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1;
    align-content: space-between;
    justify-content: space-between;
    background-image: linear-gradient(to right, rgba(72,66,66,0), rgba(72,66,66,1));
}

.SosyalMedya_Panel {
    padding-bottom: 40px;
    padding-top: 40px;
    width: 700px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1;
    align-content: space-between;
    justify-content: space-between;
    background-image: linear-gradient(to left, rgba(72,66,66,0), rgba(72,66,66,1));
}

.MobilUygulamaPanel_YaziButton2 {
    flex: 1;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: space-between;
}

.MobilUygulamaPanel_YaziButton3 {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-content: flex-end;
    justify-content: flex-end;
    padding-bottom: 20px;
}

.MobilUygulamaPanel_Yazi3 {
    flex: 40%;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
}

.SosyalMedya_ArkaPanel {
    width: 150px;
    background-image: url('images/sosyal2.png');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% 100% contain;
    display: flex;
}

#Mobil_SosyalMedya_PanelTum {
    background-color: transparent;
    max-width: 1355px;
    width: 100%;
    border: 0px #ccc;
    margin: auto;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    align-content: space-between;
    height: auto;
}

.SosyalMedyaPanel2 {
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-radius: 6px 6px 6px 6px;
    width: 130px;
    height: 40px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background-color: #fff;
    margin-right: 10px;
}

.SosyalMedyaPanel_Img2 {
    border-radius: 4px 0px 0px 4px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 40px;
    line-height: 0;
    height: 40px;
    font-size: 1.8rem;
}

.SosyalMedyaPanel_yazi2 {
    padding-left: 2px;
    background-color: transparent;
    width: 80px;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: auto;
    text-decoration: none;
}

.MobilUygulamaPanel_Button_Tumu2 {
    flex: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 350px;
}


.ArkaPanel_Sayilarla {
    width: 100%;
    height: 600px;
    background-image: url('images/sayilarla_back4.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #fff;
    display: flex;
    flex: 1;
    display: -webkit-flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#SayilarlaPanel_Tum {
    font-family: 'Exo 2';
    margin-left: 20px;
    margin-right: 20px;
    background-color: transparent;
    max-width: 900px;
    width: 100%;
    border: 0px #404040;
    margin: auto;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: center;
}

.SayilarlaPanel {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    align-items: center;
    flex: 1 1 1 1 25%;
    min-width: 220px;
    margin-bottom: 20px;
}

.SayilarlaPanel_Simge {
}

.SayilarlaPanel_Sayi {
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;
}

.SayilarlaPanel_Text {
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
}

.BaslikPanel_Sayilarla {
    padding-top: 30px;
    max-width: 1400px;
    height: 35px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    margin: auto;
}

    .BaslikPanel_Sayilarla span {
        font-family: 'Exo 2';
        width: 100%;
        font-size: 29px;
        line-height: 33px;
        font-weight: 700;
        color: #000;
        text-align: center;
        margin-bottom: 50px;
    }

        .BaslikPanel_Sayilarla span a {
            font-family: 'Exo 2';
            width: 100%;
            font-size: 29px;
            line-height: 33px;
            font-weight: 700;
            color: #000;
            text-align: center;
            margin-bottom: 50px;
            text-decoration: none;
        }

            .BaslikPanel_Sayilarla span a:hover {
                color: #404040;
            }

    .BaslikPanel_Sayilarla p {
        font-family: 'Exo 2';
        width: 100%;
        font-size: 24px;
        line-height: 28px;
        font-weight: 500;
        color: #000;
        text-align: center;
        margin-bottom: 70px;
    }



#load-panel {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    color: #ca2b21;
    z-index: 9999999;
    font-weight: 600;
}

.center-screen {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 100vh;
}

.scroll-top {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 50px;
    height: auto;
    background-color: transparent;
    padding: 2px;
    width: auto;
}

    .scroll-top a {
        cursor: pointer;
        color: #ca2b21;
        transition: all ease-in-out 0.5s;
        /*font-size: 30px;*/
    }

        .scroll-top a:hover {
            color: #a30b00;
        }



#header, #nav {
    padding: 0;
    margin: 0;
    width: 100%;
    background-color: transparent;
}

#nav {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.Iletisim {
}


    .Iletisim a {
        color: #f6f6f6;
        text-decoration: none;
    }

        .Iletisim a:hover {
            color: #fff;
        }


.nav-container .bar {
    display: flex;
    width: 100%;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 11px;
}

    .nav-container .bar .left {
        padding: 0px 0;
        flex: none;
    }


    .nav-container .bar .right {
        padding: 2px 0;
        flex: none;
        width: calc(100% - 380px); /*150px  logo genişliği */
        margin-left: auto;
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-end;
        font-size:15px;
    }


.icAltBaslik_333_20 {
    /*font-size: 20px;*/
    font-size:1.25em;
    line-height: 150%;
    font-weight: 600;
    color: #333;
    margin-bottom : 5px;
}
 

.icAltBaslik_red_20 {
    font-size: 20px;
    line-height: 150%;
    font-weight: 600;
    color: #ca2b21;
}

.filter-container {
    padding-top: 20px;
}

.filter-container2 {
    padding-bottom: 20px;
}

.dx-gallery-indicator-item {
    border-radius: 2px;
    width: 32px;
    height: 8px;
}


.dx-gallery-indicator-item-active,
.dx-gallery-indicator-item-selected {
    width: 36px;
    height: 12px;
}

.popup img {
    width: 1130px;
    height:auto;
}


/*19.02.2024*/
#EservisHizliErisimPanel_Tum {
    background-color: transparent;
    max-width: 1400px;
    width: 100%;
    height: auto;
    border: 0px #fff;
    margin: auto;
    padding-top: 32px;
    padding-bottom: 27px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.EservisHizliErisimPanel {
    background-position: left;
    background-repeat: no-repeat;
    height: 115px;
    flex: 1 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex-wrap: wrap;
    background-color: #2c1918;
    border: 1px #efefef solid;
    margin-left: 1px;
    margin-right: 1px;
    display: flex;
    border-top:2px #d0cfcf solid;
    /*border-radius: 8px 8px 8px 8px;*/
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    min-width: 115px;
}

    .EservisHizliErisimPanel span a {
        margin-top: 2px;
        font-size: 11px;
        font-weight: 300;
        color: #fff;
        text-decoration: none;
        text-align: center;
        align-items: center;
        vertical-align: middle
    }

    .EservisHizliErisimPanel span {
        margin: 2px;
        font-size: 11px;
        font-weight: 300;
        color: #fff;
        text-decoration: none;
        text-align: center;
        align-items: center;
        vertical-align: middle
    }

    .EservisHizliErisimPanel:hover {
        background-color: #ca2b21;
        box-shadow: 0px 0px 5px 5px #b7b7b7;
        transform: scale(1.1);
    }


/*18.04.2024 Aday */
#AdayHizliErisimPanel_Tum {
    background-color: transparent;
    max-width: 1400px;
    width: 100%;
    height: auto;
    border: 0px #fff;
    margin: auto;
    padding-top: 32px;
    padding-bottom: 27px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.AdayHizliErisimPanel {
    background-position: left;
    background-repeat: no-repeat;
    height: 200px;
    flex: 1 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex-wrap: wrap;
    border-radius:5px;
    background-color: transparent;
    border: 1px #f7f7f7 solid;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    border-bottom: 5px #FFA500 solid;
    flex-direction: column;
    align-content: center;
    justify-content: end;
    align-items: center;
    margin-bottom: 5px;
    min-width: 200px;
    max-width: 200px;
}

.AdayHizliErisimPanel span a {
    margin-top: 2px;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
     text-shadow: 1px 1px #ffffff;
    text-decoration: none;
    text-align: center;
    align-items: center;
    vertical-align: middle
}

.AdayHizliErisimPanel span {
    margin-top: 2px;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
     text-shadow: 1px 1px #ffffff;
    text-decoration: none;
    text-align: center;
    align-items: center;
    vertical-align: middle
}

.AdayHizliErisimPanel:hover {
    background-color: #FFA500;
    box-shadow: 0px 0px 5px 5px #b7b7b7;
    transform: scale(1.1);
}