body {
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Open+Sans&family=Oxygen&family=Roboto&family=Rubik&display=swap');




/*kurumsal design*/


#expoler-ust-bar {
    height: auto;
    background-color:burlywood;
}

#expoler-kurumsal-ust-menuler {
}

.nav-menu-ozellestir {
    font-size: xx-large;
    font-family: Cairo,Roboto;
    font-style: normal;
    font-weight: bold;
}

.kurumsal-bg-1 {
    background-color: #122443;
}

.kurumsal-bg-2 {
    background-color: #5D65A7;
}

.kurumsal-bg-3 {
    background-color: #51456B;
}

.kurumsal-bg-4 {
    background-color: #A23C2A;
}

.kurumsal-bg-5 {
    background-color: #20736A;
}

.kurumsal-bg-6 {
    background-color: #e2d9cc;
}

.kurumsal-bg-7 {
    background: rgb(237,184,122);
    background: linear-gradient(28deg, rgba(237,184,122,0.5158438375350141) 0%, rgba(213,212,204,0.3477766106442577) 58%);
}

.kurumsal-footer-dark {
    background-color: #80bab1;
}

.kurumsal-footer-light {
    background-color: #EFE4DC;
}

.kurumsal-copyriht-dark {
    background-color: #285171;
}

.kurumsal-copyriht-light {
    background-color: #EFE4DC;
}

.kurumsal-container {
    font-family: Cairo;
}

.referanslar-1{
    background-color: #B7814F;
}
.referanslar-2 {
    background-color: #5D65A7;
}
.referanslar-3 {
    background-color: #70995C;
}

.kms_linkler{
   /* background-color: #A8906D;*/
}
.kms_linkler:hover {
    background-color: #1b1b52;
}


/*ikonlar*/
.iconlar-1 {
    width: 10px;
    text-align: center;
}

.iconlar-10 {
    width: 10px;
    text-align: center;
}

.iconlar-20 {
    width: 20px;
    text-align: center;
}

.iconlar-30 {
    width: 30px;
    text-align: center;
}

.iconlar-40 {
    width: 40px;
    text-align: center;
}

.iconlar-50 {
    margin: auto;
    background-position: center center;
    width: 80px;
    top: auto;
    height: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: auto;
}

.iconlar-80 {
    margin: auto;
    background-position: center center;
    width: 80px;
    top: auto;
    height: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: auto;
}
.iconlar-80:hover {
    margin: auto;
    background-position: center center;
    width: 70px;
    top: auto;
    height: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: auto;
    transform:scale(1)

}

.sosyalaglar-icon {

    top:5px;
    width: 35px;
    text-align: center;
    margin:5px;
}

    .sosyalaglar-icon:hover {
        /*        transform: rotate(15deg);
*/ /*background-color: #1b1b52;
        width: 35px;*/
        /*  margin-top: 25px;
        margin: 10px;
        width: 40px;
        height: auto;*/
        border-color: #ff6a00;
        border-radius: 10px 5px 10px 5px;
        background-color: #1b1b52;

    }


/*.sosyalikon {
    margin: 10px;
    margin-top: 25px;
    width: 35px;
    height: auto;
    border-color: #ff6a00;
    border-radius: 20px 5px 20px 5px;
}

    .sosyalikon:hover {
        margin-top: 25px;
        margin: 10px;
        width: 40px;
        height: auto;
        border-color: #ff6a00;
        border-radius: 20px 5px 20px 5px;
    }*/
#sosyalaglar {
    background-color: rgba(100, 149, 237, 0.39);
    min-height: 80px;
}

/*kartlar*/





.login-1-giris {
    background-position: center;
}








/*label/ etiketler*/

#icerik {
    background-color: wheat;
}





/*kurumsal alan*/

#slogan h1 {
    margin-top: 47PX;
    font-family: 'Lobster', cursive;
}

#sol_menu {
    background-color: #d07f7f;
    min-height: 250px;
}


.oge a img {
    border-radius: 5px 5px;
    transition: all 0.5s;
    height: 40px;
    width: 40px;
}

    .oge a img:hover {
        height: 40px;
        width: 40px;
    }

.ayrac {
    margin-bottom: 10px;
}

.slider-resim {
    width: 100%;
    height: 400px;
}

.logo {
    height: 80px;
    width: auto;
}

.sosyalag-img:hover {
    width: 30px;
    height: 30px;
    text-align: right;
    right: auto;
}

.resimler {
    width: auto;
    height: auto;
    border: dotted 1px;
}

    .resimler:hover {
        width: 90%;
        height: auto;
        border: dotted 1px;
        filter: grayscale(0);
        transform: translate3d(5)
    }


.menuler {
    padding: 5px 0px 5px 0px;
    margin: 20px auto 0px auto;
    width: auto;
    text-align: right;
}





.kurumsal-logo-yatay {
    margin: 0px;
    padding: 0px;
    left: auto;
    width: auto;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: large;
    font-weight: bold;
    right: auto;
    bottom: auto;
}



.kurumsal-logo-dikey {
    margin: 0px;
    padding: 0px;
    left: auto;
    width: auto;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: large;
    font-weight: bold;
    right: auto;
    bottom: auto;
}

.kurumsal-logo-spot {
    margin: 0px;
    padding: 0px;
    left: auto;
    width: auto;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: large;
    font-weight: bold;
    right: auto;
    bottom: auto;
}







/*butonlar*/

.btn-guncelle {
    margin: 7px 0px 5px 0px;
    padding: 5px 0px 0px 5px;
    left: auto;
    font-family: Cairo;
    color: #B95A4D;
    font-size: medium;
    font-weight: normal;
    width: 200px;
    height: 44px;
    text-align: center;
}


/*formalar*/
.form-spot {
    margin: 7px 0px 5px 0px;
    padding: 5px 0px 0px 5px;
    left: auto;
    width: 750px;
    height: 150px;
    font-family: Cairo;
    color: #80bab1;
    font-size: medium;
    font-weight: normal;
    text-align: left;
}

.form-fuUpload {
    margin: 0px;
    padding: 0px;
    left: auto;
    width: 500px;
    height: 50px;
    font-family: Cairo;
    color: #80bab1;
    font-size: medium;
    font-weight: normal;
}

.form-no {
    margin: 0px;
    padding: 0px;
    left: auto;
    width: 75px;
    height: 50px;
    font-family: Cairo;
    color: #80bab1;
    font-size: medium;
    font-weight: normal;
}

/*dd*/




.kurumsal-tablo-left {
    margin: 10px;
    padding: 10px;
    left: auto;
    width: auto;
    height: 50px;
    font-family: Cairo;
    color: #80bab1;
    font-size: medium;
    font-weight: normal;
    text-align: left;
}

.kurumsal-tablo-right {
    margin: 10px;
    padding: 10px;
    left: auto;
    width: auto;
    height: 50px;
    font-family: Cairo;
    color: #80bab1;
    font-size: medium;
    font-weight: normal;
    text-align: left;
}

.kurumsal-tablo-center {
    margin: 10px;
    padding: 10px;
    left: auto;
    width: auto;
    height: 50px;
    font-family: Cairo;
    color: #80bab1;
    font-size: medium;
    font-weight: normal;
    text-align: left;
}


/*tablolar*/




/*metin şekillendirme*/
.dikkat {
    margin: 0px;
    padding: 5px 15px 5px 5px;
    left: auto;
    height: 30px;
    font-family: Cairo;
    color: #CC3300;
    font-size: medium;
    font-weight: normal;
    text-align: left;
}


/*menüler*/
/*RESIMURLler*/







#slogan {
    min-height: 120px;
    background-color: #d07f7f;
    background-color: #ffd800;
    top: 0px;
    left: 0px;
}

    #slogan h1 {
        margin-top: 47PX;
        font-family: 'Lobster', cursive;
    }

.yatay_menu {
    background-color: #EFE4DC;
    min-height: 50px;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}

.oge {
    height: 32px;
    width: 32px;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}

    .oge a img {
        height: 30px;
        width: 30px;
    }

    .oge a img {
        border-radius: 5px 5px;
        transition: all 0.5s;
        height: 40px;
        width: 40px;
    }

        .oge a img:hover {
            height: 40px;
            width: 40px;
        }

.sosyalag-img:hover {
    width: 30px;
    height: 30px;
    text-align: right;
    right: auto;
}


.menuler-img {
    width: 50px;
    height: 50px;
    text-align: right;
    right: auto;
    margin-left: 10px;
    line-height: 30px;
    margin-top: 10px;
}
/*.menuler-img:hover{
    width: 55px;
    height: 55px;
    text-align: right;
    right: auto;
    margin-left: 10px;
    line-height: 30px;
}*/


#temizle {
    clear: both;
}









.form-drop {
    margin: 7px 0px 5px 0px;
    padding: 5px 0px 0px 5px;
    left: auto;
    font-family: Cairo;
    color: #A4394C;
    font-size: medium;
    font-weight: normal;
    width: 300px;
    height: 44px;
}











/*expoler alan*/

#slogan h1 {
    margin-top: 47PX;
    font-family: 'Lobster', cursive;
}

.oge a img {
    height: 30px;
    width: 30px;
}

.oge a img {
    border-radius: 5px 5px;
    transition: all 0.5s;
    height: 40px;
    width: 40px;
}

    .oge a img:hover {
        height: 40px;
        width: 40px;
    }

.sosyalag-img {
    width: 40px;
    height: 40px;
    text-align: right;
    right: auto;
    margin-left: 10px;
    line-height: 30px;
    margin-top: 20px;
}

    .sosyalag-img:hover {
        width: 30px;
        height: 30px;
        text-align: right;
        right: auto;
    }



.altbar-adresler-img {
    width: 15px;
    height: 15px;
    text-align: right;
    right: auto;
    margin-left: 10px;
    line-height: 30px;
    margin-top: 10px;
}



/*.menuler-img:hover{
    width: 55px;
    height: 55px;
    text-align: right;
    right: auto;
    margin-left: 10px;
    line-height: 30px;
}*/





.x-1 {
    margin: 0px;
    padding: 0px;
    left: auto;
    font-family: Cairo;
    color: #70995C;
    font-size: xx-large;
    font-weight: bold;
    text-align: left;
    width: auto;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
}

.x-2 {
    margin: 0px;
    padding: 0px;
    left: auto;
    font-family: Cairo;
    color: #70995C;
    font-size: x-large;
    font-weight: bold;
    text-align: left;
    width: auto;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
}

.x-3 {
    margin: 0px;
    padding: 0px;
    left: auto;
    width: auto;
    font-family: Cairo;
    color: #70995C;
    font-size: large;
    font-weight: normal;
    right: auto;
    bottom: auto;
}

.x-4 {
    margin: 0px;
    padding: 0px;
    left: auto;
    width: auto;
    font-family: Cairo;
    color: #70995C;
    font-size: medium;
    font-weight: normal;
    right: auto;
    bottom: auto;
    text-align: left;
}

.x-5 {
    margin: 0px;
    padding: 0px;
    left: auto;
    font-family: Cairo;
    color: #70995C;
    font-size: small;
    font-weight: normal;
    width: auto;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
    text-align: left;
}

.x-6 {
    margin: 0px;
    padding: 0px;
    left: auto;
    font-family: Cairo;
    color: #70995C;
    font-size: small;
    font-weight: normal;
    width: auto;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
}

.x-7 {
    margin: 0px;
    padding: 0px;
    left: auto;
    font-family: Cairo;
    color: #70995C;
    font-size: x-small;
}

.x-8 {
    margin: 0px;
    padding: 0px;
    left: auto;
    font-family: Cairo;
    color: #70995C;
    font-size: xx-small;
    text-align: left;
}

.x-9 {
    margin: 0px;
    padding: 0px;
    left: auto;
    font-family: Cairo;
    color: #B7814F;
    font-size: inherit;
    text-align: left;
}









/*tablolar*/
.tbl_left {
    margin: 0px;
    padding: 5px;
    left: auto;
    font-family: Cairo;
    color: #B7814F;
    font-size: small;
    text-align: left;
    text-indent: 5px;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
}

/*//EXPOLER*/



/*PANELKULLANICI*/


/*label/ etiketler*/





/*expoler alan*/

#slogan h1 {
    margin-top: 47PX;
    font-family: 'Lobster', cursive;
}

#footer {
    background-color:rgba(213,212,204,0.3477766106442577);
    min-height: 80px;
    text-align: left;
    color:#51456B;
/*    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
*/    font-size: small;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

.oge a img {
    height: 30px;
    width: 30px;
}

.oge a img {
    border-radius: 5px 5px;
    transition: all 0.5s;
    height: 40px;
    width: 40px;
}

    .oge a img:hover {
        height: 40px;
        width: 40px;
    }




.xy-1 {
    margin: 0px;
    padding: 0px;
    left: auto;
    font-family: Cairo;
    color: #51456B;
    font-size: xx-large;
    font-weight: bold;
    text-align: left;
    width: auto;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
}

.xy-2 {
    margin: 0px;
    padding: 0px;
    left: auto;
    font-family: Cairo;
    color: #51456B;
    font-size: x-large;
    font-weight: bold;
    text-align: left;
    width: auto;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
}

.xy-3 {
    margin: 0px;
    padding: 0px;
    left: auto;
    width: auto;
    font-family: Cairo;
    color: #51456B;
    font-size: large;
    font-weight: normal;
    right: auto;
    bottom: auto;
}

.xy-4 {
    margin: 0px;
    padding: 0px;
    left: auto;
    width: auto;
    font-family: Cairo;
    color: #51456B;
    font-size: medium;
    font-weight: normal;
    right: auto;
    bottom: auto;
    text-align: left;
}

.xy-5 {
    margin: 0px;
    padding: 0px;
    left: auto;
    font-family: Cairo;
    color: #51456B;
    font-size: small;
    font-weight: normal;
    width: auto;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
    text-align: left;
}

.xy-6 {
    margin: 0px;
    padding: 0px;
    left: auto;
    font-family: Cairo;
    color: #51456B;
    font-size: x-small;
    font-weight: normal;
    width: auto;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
}

.xy-7 {
    margin: 0px;
    padding: 0px;
    left: auto;
    font-family: Cairo;
    color: #51456B;
    font-size: xx-small;
    font-weight: normal;
    width: auto;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
}

.xy-8 {
    margin: 0px;
    padding: 0px;
    left: auto;
    font-family: Cairo;
    color: #51456B;
    font-size: xx-small;
    font-weight: normal;
    width: auto;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
}

.xy-9 {
    margin: 0px;
    padding: 0px;
    left: auto;
    font-family: Cairo;
    color: #51456B;
    font-size: inherit;
    font-weight: normal;
    width: auto;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
}



.xyz-1 {
    margin: 0px;
    padding: 0px;
    left: auto;
    font-family: Cairo;
    color: #51456B;
    font-size: xx-large;
    font-weight: bold;
    text-align: left;
    width: auto;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
}

.xyz-2 {
    margin: 0px;
    padding: 0px;
    left: auto;
    font-family: Cairo;
    color: #51456B;
    font-size: x-large;
    font-weight: bold;
    text-align: left;
    width: auto;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
}

.xyz-3 {
    margin: 0px;
    padding: 0px;
    left: auto;
    width: auto;
    font-family: Cairo;
    color: #51456B;
    font-size: large;
    font-weight: normal;
    right: auto;
    bottom: auto;
}

.xyz-4 {
    margin: 0px;
    padding: 0px;
    left: auto;
    width: auto;
    font-family: Cairo;
    color: #51456B;
    font-size: medium;
    font-weight: normal;
    right: auto;
    bottom: auto;
    text-align: left;
}

.xyz-5 {
    margin: 0px;
    padding: 0px;
    left: auto;
    font-family: Cairo;
    color: #51456B;
    font-size: small;
    font-weight: normal;
    width: auto;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
    text-align: left;
}

.xyz-6 {
    margin: 0px;
    padding: 0px;
    left: auto;
    font-family: Cairo;
    color: #51456B;
    font-size: x-small;
    font-weight: normal;
    width: auto;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
}

.xyz-7 {
    margin: 0px;
    padding: 0px;
    left: auto;
    font-family: Cairo;
    color: #51456B;
    font-size: xx-small;
    font-weight: normal;
    width: auto;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
}

.xyz-8 {
    margin: 0px;
    padding: 0px;
    left: auto;
    font-family: Cairo;
    color: #51456B;
    font-size: xx-small;
    font-weight: normal;
    width: auto;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
}

.xyz-9 {
    margin: 0px;
    padding: 0px;
    left: auto;
    font-family: Cairo;
    color: #51456B;
    font-size: inherit;
    font-weight: normal;
    width: auto;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
}






/*formalar*/

.form_baslik {
    margin: 7px 0px 5px 0px;
    padding: 5px 0px 0px 5px;
    left: auto;
    width: 750px;
    height: 44px;
    font-family: Cairo;
    color: #80bab1;
    font-size: medium;
    font-weight: normal;
}

.form_admin {
    margin: 0px;
    padding: 0px;
    left: auto;
    font-family: Cairo;
    color: #80bab1;
    font-size: medium;
    font-weight: normal;
    width: 400px;
    height: 40px;
}

/*panel ikon*/
.panel-link-icon {
    width: 44px;
    height: 40px;
    margin-right: 30px;
}

    .panel-link-icon:hover {
        width: 50px;
        height: 50px;
        margin-right: 30px;
    }

.panel-link {
    width: 80px;
    height: 80px;
}

.panel-kategoriresimleri {
    width: 240px;
    height: auto;
}

.panel-ikon {
    width: 60px;
    height: auto;
    align-content: center;
}

.panel-icon-mesaj {
    width: 40px;
    height: auto;
    align-content: center;
}

.metin_bosluk {
    margin: 10px;
    padding: 10px;
    left: auto;
    font-family: Cairo;
    color: #51456B;
    font-size: x-large;
    font-weight: bold;
    text-align: center;
    width: auto;
    height: auto;
    top: 10px;
    right: 10px;
    bottom: 10px;
    margin-bottom:10px;
}