html,body{margin:0;padding:0;height:100%;}
@font-face {
    font-family: 'caviar_dreamsregular';
    src: url('caviardreams-webfont.eot');
    src: url('caviardreams-webfont.eot?#iefix') format('embedded-opentype'),
         url('caviardreams-webfont.woff2') format('woff2'),
         url('caviardreams-webfont.woff') format('woff'),
         url('caviardreams-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'quicksandregular';
    src: url('Quicksand-Regular-webfont.woff2') format('woff2'),
         url('Quicksand-Regular-webfont.woff') format('woff'),
         url('Quicksand-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'capsuularegular';
    src: url('Capsuula-webfont.woff2') format('woff2'),
         url('Capsuula-webfont.woff') format('woff'),
         url('Capsuula-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.kapsa{position:relative;min-height:100%;}
header{background:#09206c;width:100%;height:300px;margin:0;padding:0;}
.logo{float:left;width:200px;height:180px;padding:105px 0 0 0;}
.unvan{float:left;width:770px;height:180px;padding:160px 0 0 20px;}
section{width:100%;height:auto;margin:50px 0 0 0;padding:0;}
.iletisim{float:left;width:550px;height:auto;margin:0 40px 0 0;padding:0;}
.iletisim p{color:#333;font-family:Tahoma;font-size:13px;letter-spacing:0;}
p{color:#333;font-size:13px;line-height:14px;}
a.mail{color:#09206c;text-decoration:none;font-family:quicksandregular;}
a.mail:hover{color:#09206c;text-decoration:underline;}
.harita{float:left;width:400px;height:auto;margin:0 0 0 0;padding:0;}
footer{background:#09206c;width:100%;height:90px;margin:0;padding:0;bottom:0;position:absolute;}
footer a{color:#f2f2f2;font-family:Tahoma;font-size:11px;text-decoration:none;float:left;width:auto;margin:0 15px 0 0;}
footer a:hover{border-bottom:1px dotted #f9f9f9;}
.col1{float:left;width:170px;height:90px;margin-right:20px;border-right:2px dotted #f2f2f2;}
.col1 p.copyright{color:#f2f2f2;font-family:Tahoma;font-size:11px;padding:0;margin:15px 0 0 0;letter-spacing:0.5px;}
.col2{float:left;width:798px;}
.author{float:left;margin-top:15px;}
.wrapper{width:990px;margin:0 auto;}
h1 {color:#fff;font-family:quicksandregular;font-size:35px;line-height:76px;margin:0;padding:0;}
h2 {color:#f9f9f9;font-family:capsuularegular;font-size:21px;line-height:25px;margin:0;padding:0;}
h3 {color:#f2f2f2;font-family:capsuularegular;font-size:25px;line-height:31px;margin:0;padding:0;}
h4 {color:#f2f2f2;font-family:capsuularegular;font-size:21px;line-height:29px;margin:0;padding:10px 0 10px 0;}
@keyframes slide {
  0% {
    left: 13px;
    top: 0;
  }

  100% {
    left: -70px;
    top: 0;
  }
}
.stage {
  height: 30px;
  position: relative;
  min-width: 99px;
}
.stage:hover .ball {
  animation-name: slide;
  animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  animation-delay: .0s;
  animation-fill-mode: forwards;
}
.stage:active .ball {
  animation-play-state: paused;
}
.ball {
  background: url(../koza-interaktif-amblem.png)no-repeat;
  height: 29px;
  position: absolute;
  width: 27px;
  left:13px;
}
.asdf{opacity:0;margin-top:16px;float:left;}
.stage:hover .asdf{color:#fff;opacity:1;margin-top:16px;float:left;-webkit-transition: all 1s ease;
-moz-transition: all 2s ease;
-o-transition: all 2s ease;
-ms-transition: all 2s ease;
transition-delay: 0.6s;}