body {
}

@import url('https://982f26.claudeassets.com/20250116074036cs_/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: darkgoldenrod;
}

#expoler-kurumsal-ust-menuler {
}

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

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

.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: #A8906D;
}

.kurumsal-bg-7 {
    background-color: #285171;
}

.kurumsal-bg-Zemin {
    background-color: #e9e7e0;
}
.kurumsal-footer-dark {
    background-color: #417568;
}



.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;
}




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

.iconlar-10 {
    width: 10px;
}

.iconlar-20 {
    width: 20px;
}

.iconlar-30 {
    width: 30px;
}

.iconlar-40 {
    width: 40px;
}

.iconlar-50 {
    width: 50px;
}

.sosyalaglar-icon {
    width: 20px;
}

    .sosyalaglar-icon:hover {
        width: 25px;
    }

#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: #417568;
    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: #417568;
    font-size: medium;
    font-weight: normal;
}

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

/*dd*/




.kurumsal-tablo-left {
    margin: 10px;
    padding: 10px;
    left: auto;
    width: auto;
    height: 50px;
    font-family: Cairo;
    color: #417568;
    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: #417568;
    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: #417568;
    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: #417568;
    min-height: 80px;
    text-align:left;
    color: #F5F3E7;
    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: #417568;
    font-size: medium;
    font-weight: normal;
}

.form_admin {
    margin: 0px;
    padding: 0px;
    left: auto;
    font-family: Cairo;
    color: #417568;
    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;
}
/*
     FILE ARCHIVED ON 00:10:04 Jul 24, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:58:05 Sep 08, 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):
  captures_list: 0.348
  exclusion.robots: 0.038
  exclusion.robots.policy: 0.031
  esindex: 0.007
  cdx.remote: 7.448
  LoadShardBlock: 160.163 (3)
  PetaboxLoader3.datanode: 166.182 (5)
  PetaboxLoader3.resolve: 101.866 (2)
  load_resource: 113.928
  loaddict: 15.333
*/