.logo-cerceve{position:absolute;width:8em;z-index:9999;top:-105px;right:-10%;padding:5px 0;animation:slidein 2s ease-in-out forwards;}
.logo-icerik{z-index:99999;position:relative;margin:0 5px;}
.logo-icerik h3{margin:0;padding:5px 0 5px 0;line-height:16px;color:#24505a;text-align:center;}
.logo-icerik > p,
.logo-icerik > p span{color:#24505a;margin:0;padding:0;}
.logo-icerik p span{display:block;}
.kapatbunu{position:absolute;top:5px;right:5px;z-index:99;display:none;}
.kapatbunu a:link,
.kapatbunu a:visited{background:#2ec4b6;color:#fff;padding:0 4px;font-weight:normal;text-decoration:none;}
.kapatbunu a:hover{background:#ff9f1c;}
.logo-cerceve:before{}
.logo-cerceve:after{}
.slideout{animation:slideout 1s ease-in-out forwards;}
@-webkit-keyframes slidein{from{transform:translate(0, -400px);}
to{transform:translate(0, 100px);}
}
@-o-keyframes slidein{from{transform:translate(0, -400px);}
to{transform:translate(0, 100px);}
}
@-moz-keyframes slidein{from{transform:translate(0, -400px);}
to{transform:translate(0, 100px);}
}
@keyframes slidein{from{transform:translate(0, -400px);}
to{transform:translate(0, 100px);}
}
@-webkit-keyframes slideout{from{transform:translate(0, 100px);}
to{transform:translate(0, -400px);}
}
@-o-keyframes slideout{from{transform:translate(0, 100px);}
to{transform:translate(0, -400px);}
}
@-moz-keyframes slideout{from{transform:translate(0, 100px);}
to{transform:translate(0, -400px);}
}
@keyframes slideout{from{transform:translate(0, 100px);}
to{transform:translate(0, -400px);}
}