#ban{background: url(../gf2/ban5.png)}
#rama{width:840px;height:600px;position:relative;top:220px;left:79px;border:solid 1px;border-radius:9px;background:#FFF;pointer-events:none}
#spr {position:absolute;top:60px;left:320px;animation:spring 2s;animation-timing-function:ease}
@keyframes spring {
0% {transform:scale(1) translateY(0)}
10% {transform:scale(1.2,.6)}
30% {transform:scale(0.8,1.1) translateY(-45px)}
50% {transform:scale(1) translateY(0)}
100% {transform:translateY(0)}}
.wrap{width:300px;height:230px;margin:0px auto;margin-top:-220px;transform-style:preserve-3d;perspective:460px}
.wrap a{width:300px;height:230px;display:block;position:absolute;box-shadow:0px 10px 20px rgba(0,0,0,0.3)}
.wrap a.dg-transition{transition:all 0.5s ease-in-out}
#cyf{position:absolute;width:300px;height:230px;background:url(../gf2/02.jpg)}
#kol{position:absolute;width:300px;height:230px;background:url(../gf2/01.jpg)}
#lit{position:absolute;width:300px;height:230px;background:url(../gf2/03.jpg)}
#h1{position:absolute;width:630px;top:780px;margin-left:19%;font-weight:900;font-size:32px;font-family:'Courier New',Courier New}