@charset "utf-8";html,body,p,ul,li,td{margin:0;padding:0}ul,li{list-style-type:none}html {font-size:100%; } body {font-family:Arial, Helvetica, sans-serif;font-size:1.1em;line-height:1.6em;background:url(../gf0/tlo.gif) fixed}
img{float:left}
.header {width:1000px;height:156px;position:relative;margin:0 auto;background:url(../gf0/0.jpg)}
#data{width:1000px;height:156px;position:absolute;top:-2px;left:-1px;background:url(../gf0/dat.png);z-index:20}
#menu{width:960px;position:absolute;top:5px;left:17px;z-index:50}
#nav{font-family:"Tahoma",Verdana,Arial,sans-serif;font-size:17px;height:34px;margin:0 auto;text-shadow:0 0px 1px #000;width:962px}
#nav li{float:left;height:34px;position:relative;width:98px;margin-left:10px;border-radius:25px;z-index:9}
#nav > li:first-child{margin-left:0px}
#nav li a{color:#fff;display:block;line-height:32px;text-align:center;text-decoration:none;background:#d00;box-shadow:inset 0 0 20px #000;border-radius:25px;transition:background .1s ease-in}
@keyframes animation {
0% {transform:scale(1)}
30% {transform:scale(1.2)}
100% {transform:scale(1)}
}
#nav li > a:hover {font-size:17px;color:#ff8;background:#0d0;box-shadow:inset 0 0 20px #000;animation-name:animation;animation-duration:0.3s;animation-timing-function:linear;animation-direction:normal;animation-play-state:running;animation-fill-mode:forwards;border-radius:8px}
#roll > p {display:block;float:left;position:absolute;top:40px;width:100px;height:100px;z-index:9;animation:rotator 7s linear infinite}
#roll > p:nth-child(1) {animation-delay:3000ms;left:0px;background:url(../gf0/z.png)}
#roll > p:nth-child(2) {animation-delay:3300ms;left:61px;background:url(../gf0/e.png)}
#roll > p:nth-child(3) {animation-delay:3600ms;left:120px;background:url(../gf0/r.png)}
#roll > p:nth-child(4) {animation-delay:3900ms;left:185px;background:url(../gf0/o.png)}
#roll > p:nth-child(5) {animation-delay:4200ms;left:264px;background:url(../gf0/w.png)}
#roll > p:nth-child(6) {animation-delay:4500ms;left:345px;background:url(../gf0/k.png)}
#roll > p:nth-child(7) {animation-delay:4800ms;left:408px;background:url(../gf0/a.png)}
@keyframes rotator {
0% {transform:rotate(0)}
10% {transform:rotate(360deg)}
100% {transform:rotate(360deg)}
}
#hrl{position:absolute;top:207px;left:20px;width:960px}
#mid{font-size:1em;width:1000px;height:900px;background:url(../gf0/9.png);margin:0 auto;position:relative;padding:20px 0}
#ban{position:absolute;top:0px;left:0px;width:1000px;height:217px;background:url(../gf8/ban13.jpg)}
#area{width:425px;height:45px;background:#dd0;position:absolute;top:240px;left:286px;box-shadow:6px 6px 6px 0 rgba(100, 100, 100, 0.8) inset,-6px -6px 6px 0 rgba(255, 255, 255, .8) inset;border:1px solid #cc0;border-radius:20px;overflow:hidden}
#move{position:absolute;left:430px;width:270px;height:45px;animation:move 6s linear infinite;background:url(../gf8/tyt22.png)}
@keyframes move {95%, 100% {transform:translate(-700px)}}
#arrow{position:absolute;width:86px;height:90px;left:914px;background:url(../gf0/back.png)}
#pre{position:absolute;width:1000px;height:90px;top:850px;background:url(../gf0/pre.png)}
#viewport{margin:0 auto;position:relative;width:1000px;height:160px;overflow:hidden}
.layer{position:absolute;width:1400px;height:370px;background-size:cover;background-position:center;top:0;left:0;overflow:hidden}
.next{background:url(../gf0/1.jpg);z-index:2;pointer-events:auto}
#adr{width:1000px;height:500px;position:absolute;top:320px;left:0px;background:url(../gf8/adr.png)}
#dog{width:125px;height:125px;position:absolute;top:453px;right:54px;background:url(../gf8/stamp.gif)}
input[type="submit"]{border:1px solid #000;border-radius:18px;display:inline-block;font-size:20px;height:36px;line-height:32px;position:absolute;text-align:center;width:90px;top:318px;left:362px}
input[type="submit"]:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(1, #090), color-stop(1, #090));box-shadow:6px 6px 6px 0 rgba(55, 55, 55, 0.8) inset,-6px -6px 6px 0 rgba(255, 255, 255, .8) inset;cursor:pointer}
.contact-form{float:left;height:350px;width:400px;color:#00F;top:0px;z-index:950;margin-top:0px;margin-right:20px;margin-bottom:20px;margin-left:-20px;position:absolute;right:73px;top:440px}
#contact{float:left;margin-top:0;margin-right:0;margin-bottom:0px;margin-left:40px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px}
#contact  input[type=text]{border:1px solid #444;border-radius:10px;margin-top:5px;margin-right:8px;margin-bottom:5px;margin-left:0;padding-top:2px;padding-right:5px;padding-bottom:2px;padding-left:5px;z-index:1500}
#contact .name{width:240px;float:left}
#contact .email{width:240px;float:left}
#contact .name input,#contact .email input{width:228px}
#contact textarea{border:1px solid #444;border-radius:10px;width:400px;height:120px;margin-top:10px;margin-right:0;margin-bottom:20px;margin-left:0;padding-top:4pxpadding-right:5px;padding-bottom:4px;padding-left:5px;resize:none}
#contact  input[type=submit] {background-color:#f70; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#FFF}
#contact  input[type=text], #contact  textarea, #contact  select {color:#444;border-radius:10px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:14px;line-height:1.6;background-color:#fff;background-repeat:repeat-x;background-position:0 0}
.error_message{width:375px;height:22px;display:block;line-height:22px;padding:3px 10px 3px 35px;color:#8a1f11;border:1px solid #444;margin-bottom:15px;
border-radius:10px;background-color:#FBE3E4;background-repeat:no-repeat;background-position:10px center}
.loader {padding:0 10px}
#contact p{font-weight:700;margin-bottom:0px}
#contact span.required{font-size:24px;color:#f00}
#contact legend{padding:3px 5px;font-weight:bold;border-radius:10px;margin-bottom:0 !important}
#content #contact{border:1px solid #444}
#contact #contactform fieldset{border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;margin-top:10px}
.contact_info{display:block;float:right;height:35px;width:170px;position:relative}
#pnd{display:inline-block;width:2px;height:75px;z-index:10;position:relative;transform-origin:50% 0;animation:moveIt 4s ease-in-out infinite;background:url(../gf8/pend.png);width:360px;height:157px;position:absolute;top:545px;left:61px }
@keyframes moveIt {
0%, 100% {transform:rotate(12deg)}
50% {transform:rotate(-12deg)}
}
#pin{width:99px;height:99px;position:absolute;top:500px;left:198px;background:url(../gf0/pin.png);z-index:20}