@font-face {    font-family: 'Myriad Pro Regular';    src: url('../fonts/MYRIADPRO-REGULAR.OTF'); /* IE9 Compat Modes */ }
@font-face {    font-family: 'Myriad Pro Light';    src:  url('../fonts/MYRIADPRO-LIGHT.OTF'); }

body {  font-family: 'Myriad Pro Regular', Fallback, sans-serif;    }

/* general */
.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}  

/* header */
.topnav {
    min-height: 50px;
    margin-top:50px;
    overflow: hidden;
    background-color: #25273A;
    text-align: right;
    padding-right: 5%;
}
.topnav a {
    float: right;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}
.topnav a:hover {
    background-color: #25273A;
    color: #006fb3;
}
.active {
    color: #006fb3 !important;
}
.topnav .icon {
    display: none;
}

@media screen and (max-width: 600px) {
    
    .topnav{        margin-top:0; }
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
        float: right;
        display: block;
    }
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }

    #logo{  width:25%;  padding-top:10px;  }

    #title{ font-size: 1em !important;}

    #social > a > img{
        width:18px !important;
        margin-left: 10px;
    }
    footer > div{ padding-top:10px !important; padding-bottom:10px !important;  width: 105% !important; font-size: 0.6em;}

    .remove{display:none;}
    .card{ font-size: 0.7em; padding-top: 0; padding-bottom: 0; }
    
}

#logo{  width:15%; position: absolute; padding-left:5%; }

/* main content */
#title{position: absolute;right: 100px;top:-18px;background:white; padding-left:20px;padding-right:20px; font-size: 1.5em; font-family: Myriad Pro Light}

main{
    overflow: hidden; text-align: center;
}
/* footer */
footer{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 104%;
}
footer > div{
    width: 100%; background:#25273A; color:white; text-align: center;
    padding-bottom: 30px; padding-top: 70px;
    margin: 0;
}

#social > a > img{
    width:30px;
    margin-left: 10px;
}



.card{  margin-top:25px; display:inline-block;background: #25273a; color:white; width: 100%; padding-top:50px; padding-bottom:50px; }
    
.card > div { margin: -10px; }
.card > div:hover { cursor: pointer; color:#006fb3}


#aciklama-box{
    height:466px !important;
    overflow: hidden  !important;
	overflow-y:scroll  !important;
}



/* SCROL */
::-webkit-scrollbar {
    width: 15px;
}
  
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey; 
border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: #25273A; 
border-radius: 10px;
border:1px solid gray;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: white; 
}