.w100{
width:100%;
}

.rl{
position:relative
}

#site-header{
height:444px;
position:relative;
margin-bottom:74px;
overflow:hidden;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#010108+0,07073e+60,b17600+100 */
background: rgb(1,1,8); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(1,1,8,1) 0%, rgba(7,7,62,1) 60%, rgba(177,118,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,1,8,1)), color-stop(60%,rgba(7,7,62,1)), color-stop(100%,rgba(177,118,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(1,1,8,1) 0%,rgba(7,7,62,1) 60%,rgba(177,118,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(1,1,8,1) 0%,rgba(7,7,62,1) 60%,rgba(177,118,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(1,1,8,1) 0%,rgba(7,7,62,1) 60%,rgba(177,118,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(1,1,8,1) 0%,rgba(7,7,62,1) 60%,rgba(177,118,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010108', endColorstr='#b17600',GradientType=0 ); /* IE6-9 */

}

#site-header .clouds .moonInner{
width:100%;
height:100%;
animation:moon 1945s linear 0s infinite;
-moz-animation:moon 1945s linear 0s infinite;
-webkit-animation:moon 1945s linear 0s infinite;
-o-animation:moon 1945s linear 0s infinite;
overflow:visible;
position:absolute;
top:20px;
}

#site-header .clouds .moonInner .moon_1_2{
background:url(header/moon.png);
display:block;
width:180px;
height:180px;
position:absolute;
top:180px;
left:80%;
z-index:1;
}
#site-header .clouds .moonInner .moon_2_2{
background:url(header/moon.png);
display:block;
width:180px;
height:180px;
position:absolute;
top:180px;
left:380%;
z-index:1;
}


@-webkit-keyframes moon{
0%{left:0;}
100%{left:-300%;}
}

@-moz-keyframes moon{
0%{left:0;}
100%{left:-300%;}

@keyframes moon{
0%{left:0;}
100%{left:-300%;}
}
}


.stars {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background:url("header/gradient.png") repeat scroll 0% 0%;
}


/* Ferris Wheel */

#triangle {
width: 200px;
height: 173.2px;
bottom: 76px;
position: absolute;
left: 784px;
}

#dot {
  position: absolute;
  top: 116px;
  left: 100px;
  z-index: 1;
  width: 2px;
  height: 2px;
  margin: -1px 0 0 -1px;
  background: #000;
}

#spin-me {
  position: absolute;
  z-index: 1;
  width: 200px;
  height: 173.2px;
  transform: rotate(0deg); 
  transform-origin: 100px 115.6666px;
  -webkit-transform-origin: 100px 115.6666px;
  animation: spin 36s infinite linear;
  -webkit-animation: spin 36s infinite linear;
}

#triangle-one{
border-radius: 50%;
width: 173.2px;
height: 173.2px;
z-index: -2;
position: absolute;
top: 29px;
left: 14px;
background:url(header/ferris.png) 0 0 no-repeat;
background-size:173.2px 172.2px;
}


.circle {
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 20px;
  font-size: 0px;
  line-height: 60px;
  text-align: center;
  background:url(header/feris_cart.png) 0 0 no-repeat;
  background-size: 20px 20px;
  
  animation: counter-spin 36s infinite linear;
  -webkit-animation: counter-spin 36s infinite linear;
}

#one {
  bottom: -15px;
  left: 35px;
}

#two {
  bottom: -35px;
  left: 90px;
}

#three {
  bottom: -15px;
  left: 140px;
}

#for{
  bottom: 110px;
  left: 145px;
}

#five{
  bottom: 100px;
  left: 25px;
}
#six{
  bottom: 130px;
  left: 80px;
}

#seven{
  bottom: 40px;
  left: 170px;
}

#eight{
  bottom: 40px;
  left: 10px;
}

#triangle-two {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 173.2px;
  height: 173.2px;
  margin: -60px 0 0 -86.6px;
  border-radius: 50%;
}

@keyframes spin {
  0% { transform: rotate(0deg) }
  33% { transform: rotate(-120deg) }
  66% { transform: rotate(-240deg) }
  100% { transform: rotate(-360deg) }
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg) }
  33% { -webkit-transform: rotate(-120deg) }
  66% { -webkit-transform: rotate(-240deg) }
  100% { -webkit-transform: rotate(-360deg) }
}

@keyframes counter-spin {
  0% { transform: rotate(0deg) }
  33% { transform: rotate(120deg) }
  66% { transform: rotate(240deg) }
  100% { transform: rotate(360deg) }
}

@-webkit-keyframes counter-spin {
  0% { -webkit-transform: rotate(0deg) }
  33% { -webkit-transform: rotate(120deg) }
  66% { -webkit-transform: rotate(240deg) }
  100% { -webkit-transform: rotate(360deg) }
}

/* End of FERRIS WHEEL */


#site-header .header-logo{
padding:78px 0 0;
}
#site-header .header-logo a{
margin:0 auto;
width:265px;
height:50px;
background:url('header/logo.png') no-repeat;
position:relative;
z-index:999;
}
#site-header .header-logo a.text-hidden{
text-indent:-999em;
}
#site-header .search-box .search-form{
margin:0 auto;
padding:110px 0 98px;
z-index:999
}
#site-header #town{
background:url(header/town_center.png) 0 0 no-repeat;
height:270px;
position:absolute;
bottom:0;z-index:3;
}
#site-header #houses-right{
background:url(header/houses_right.png) 0 0 no-repeat;
height:171px;
width:523px;
position:absolute;
bottom:0;
right:-500px;
z-index:1;
}
#site-header #factory{
background:url(header/factory.png) 0 0 no-repeat;
height:280px;
width:145px;
position:absolute;
bottom:0;
left:-215px;
z-index:1;
}
#site-header #factory .smoke_1_2{
animation:smoke 1s linear 0s infinite;
-moz-animation:smoke 1s linear 0s infinite;
-webkit-animation:smoke 1s linear 0s infinite;
-o-animation:smoke 1s linear 0s infinite;
background:url(header/smoke.png) 0 0 no-repeat;
display:block;
width:32px;
height:32px;
position:absolute;
top:-32px;
right:-7px;
background-size:100%;
}
#site-header #factory .smoke_2_2{
animation:smoke 2s linear 0s infinite;
-moz-animation:smoke 2s linear 0s infinite;
-webkit-animation:smoke 2s linear 0s infinite;
-o-animation:smoke 2s linear 0s infinite;
background:url(header/smoke.png) 0 0 no-repeat;
display:block;
width:32px;
height:32px;
position:absolute;
top:-24px;
right:-7px;
background-size:100%;
}
#site-header #road{
background:url(header/road.png) repeat-x;
height:48px;
position:absolute;
bottom:2px;
z-index:4;
}
#site-header #road .roadBus{
width:100%;
height:100%;
animation:bus 90s linear 0s infinite;
-moz-animation:bus 90s linear 0s infinite;
-webkit-animation:bus 90s linear 0s infinite;
-o-animation:bus 90s linear 0s infinite;
overflow:visible;
position:absolute;
bottom:0;
}
#site-header #road .roadBus .bus_1_2{
background:url(header/bus.png) 0 0 no-repeat;
display:block;
width:100px;
height:42px;
position:absolute;
bottom:13px;right:30%;
}#site-header #road .roadBus .bus_2_2{
background:url(header/bus.png) 0 0 no-repeat;
display:block;
width:100px;
height:42px;
position:absolute;
bottom:13px;
right:630%;
}
#site-header #road .roadRedCar{
width:100%;
height:100%;
animation:redCar 30s linear 0s infinite;
-moz-animation:redCar 30s linear 0s infinite;
-webkit-animation:redCar 30s linear 0s infinite;
-o-animation:redCar 30s linear 0s infinite;
overflow:visible;
position:absolute;
bottom:0;
}
#site-header #road .roadRedCar .red_car_1_2{
background:url(header/red_car.png) 0 0 no-repeat;
display:block;
width:68px;
height:35px;
position:absolute;
bottom:13px;
right:70%;
}
#site-header #road .roadRedCar .red_car_2_2{
background:url(header/red_car.png) 0 0 no-repeat;
display:block;
width:68px;
height:35px;
position:absolute;
bottom:13px;
right:270%;
}
#site-header #road .roadCars{
width:100%;
height:100%;
animation:cars 15s linear 0s infinite;
-moz-animation:cars 15s linear 0s infinite;
-webkit-animation:cars 15s linear 0s infinite;
-o-animation:cars 15s linear 0s infinite;
overflow:visible;
position:absolute;
bottom:0;
}
#site-header #road .roadCars .wagon_1_2{
background:url(header/wagon.png) 0 0 no-repeat;
display:block;
width:60px;
height:48px;
position:absolute;
bottom:13px;
right:10%;
}
#site-header #road .roadCars .wagon_2_2{
background:url(header/wagon.png) 0 0 no-repeat;
display:block;
width:60px;
height:48px;
position:absolute;
bottom:13px;
right:110%;
}
#site-header #road .roadCars .blue_car_1_2{
background:url(header/blue_car_1.png) 0 0 no-repeat;
display:block;
width:67px;
height:34px;
position:absolute;
bottom:13px;
right:40%;
}
#site-header #road .roadCars .blue_car_2_2{
background:url(header/blue_car_1.png) 0 0 no-repeat;
display:block;
width:67px;
height:34px;
position:absolute;
bottom:13px;
right:140%;
}
#site-header #road .roadCars .car_1_2{
background:url(header/blue_car_1.png) 0 0 no-repeat;
display:block;
width:67px;
height:34px;
position:absolute;
bottom:13px;
right:40%;
}
#site-header #road .roadCars .car_2_2{
background:url(header/blue_car_1.png) 0 0 no-repeat;
display:block;
width:67px;
height:34px;
position:absolute;
bottom:13px;
right:140%;
}
#site-header #road .roadScooter{
width:100%;
height:100%;
animation:scooter 65s linear 0s infinite;
-moz-animation:scooter 65s linear 0s infinite;
-webkit-animation:scooter 65s linear 0s infinite;
-o-animation:scooter 65s linear 0s infinite;
overflow:visible;
position:absolute;
bottom:0;
}
#site-header #road .roadScooter .scooter_1_2{
background:url(header/scooter.png) 0 0 repeat;
display:block;
width:126px;
height:53px;
position:absolute;
bottom:11px;
right:90%;
}

#site-header #road .roadScooter .scooter_1_2{
	animation:galopp .35s steps(2) infinite;
	-moz-animation:galopp .35s steps(2) infinite;
	-webkit-animation:galopp .35s steps(2) infinite;
	-o-animation:galopp .35s steps(2) infinite;
}

@-moz-keyframes galopp{
from{background-position:0 center;}to{background-position:252px center;}
}

@keyframes galopp{
from{background-position:0 center;}to{background-position:252px center;}
}

@-webkit-keyframes galopp{
from{background-position:0 center;}to{background-position:252px center;}
}

#site-header #road .roadScooter .scooter_2_2{
	animation:galopp .35s steps(2) infinite;
	-moz-animation:galopp .35s steps(2) infinite;
	-webkit-animation:galopp .35s steps(2) infinite;
	-o-animation:galopp .35s steps(2) infinite;
}

#site-header #road .roadScooter .scooter_2_2{
background:url(header/scooter.png) 0 0 repeat;
display:block;
width:126px;
height:53px;
position:absolute;
bottom:11px;
right:390%;
}
#site-header #road .roadBlueCar{
width:100%;
height:100%;
animation:blueCar 30s linear 0s infinite;
-moz-animation:blueCar 30s linear 0s infinite;
-webkit-animation:blueCar 30s linear 0s infinite;
-ms-animation:blueCar 30s linear 0s infinite;
overflow:visible;
position:absolute;
bottom:0;
}
#site-header #road .roadBlueCar .blue_car_1_2{
background:url(header/blue_car_2.png) 0 0 no-repeat;
display:block;
width:68px;
height:35px;
position:absolute;
bottom:30px;
left:50%;
}
#site-header #road .roadBlueCar .blue_car_2_2{
background:url(header/blue_car_2.png) 0 0 no-repeat;
display:block;
width:67px;
height:34px;
position:absolute;
bottom:30px;
left:250%;
}
#site-header #road .roadCars_2{
width:100%;
height:100%;
animation:cars2 30s linear 0s infinite;
-moz-animation:cars2 30s linear 0s infinite;
-webkit-animation:cars2 30s linear 0s infinite;
-o-animation:cars2 30s linear 0s infinite;
overflow:visible;
position:absolute;
bottom:0;
}
#site-header #road .roadCars_2 .van_1_2{
background:url(header/van.png) 0 0 no-repeat;
display:block;
width:60px;
height:40px;
position:absolute;
bottom:30px;
left:20%;
}
#site-header #road .roadCars_2 .van_2_2{
background:url(header/van.png) 0 0 no-repeat;
display:block;
width:60px;
height:40px;
position:absolute;
bottom:30px;
left:220%;
}
#site-header #road .roadCars_2 .blue_car_1_2{
background:url(header/blue_car_1.png) 0 0 no-repeat;
display:block;
width:67px;
height:34px;
position:absolute;
bottom:13px;
right:40%;
}
#site-header #road .roadCars_2 .blue_car_2_2{
background:url(header/blue_car_1.png) 0 0 no-repeat;
display:block;
width:67px;
height:34px;
position:absolute;
bottom:13px;
right:140%;
}
#site-header #road .roadFirefighters{
width:100%;
height:100%;
animation:firefighters 45s linear 0s infinite;
-moz-animation:firefighters 45s linear 0s infinite;
-webkit-animation:firefighters 45s linear 0s infinite;
-o-animation:firefighters 45s linear 0s infinite;
overflow:visible;
position:absolute;
bottom:0;
}
#site-header #road .roadFirefighters .firefighters_1_2{
background:url(header/firefighters.png) 0 0 no-repeat;
display:block;
width:315px;
height:75px;
position:absolute;
bottom:23px;
left:140%;
}
#site-header #road .roadFirefighters .firefighters_2_2{
background:url(header/firefighters.png) 0 0 no-repeat;
display:block;
width:315px;
height:75px;
position:absolute;
bottom:23px;
left:440%;
}
#site-header #road .roadScooter2{
width:100%;
height:100%;
animation:scooter2 30s linear 0s infinite;
-moz-animation:scooter2 30s linear 0s infinite;
-webkit-animation:scooter2 30s linear 0s infinite;
-o-animation:scooter2 30s linear 0s infinite;
overflow:visible;
position:absolute;
bottom:0;
}
#site-header #road .roadScooter2 .scooter_1_2{
background:url(header/scooter_2.png) 0 0 no-repeat;
display:block;
width:40px;
height:56px;
position:absolute;
bottom:30px;
left:70%;
}
#site-header #road .roadScooter2 .scooter_2_2{
background:url(header/scooter_2.png) 0 0 no-repeat;
display:block;
width:40px;
height:56px;
position:absolute;
bottom:30px;
left:270;
}
#site-header #road #lamps{
background:url(header/lamp2.png) 40px 0 repeat-x;
height:128px;
position:absolute;
bottom:7px;
}
#site-header #road #trees{
background:url(header/trees.png) -16px 0 repeat-x;
height:100px;
position:absolute;
bottom:0;
}
#site-header #road #people [class*="person"]{
animation:move .35s steps(4) infinite;
-moz-animation:move .35s steps(4) infinite;
-webkit-animation:move .35s steps(4) infinite;
-o-animation:move .35s steps(4) infinite;
}
#site-header #road #people .peopleInner_1{
width:100%;
height:100%;
animation:long_walk_rl 78s linear 0s infinite;
-moz-animation:long_walk_rl 78s linear 0s infinite;
-webkit-animation:long_walk_rl 78s linear 0s infinite;
-o-animation:long_walk_rl 78s linear 0s infinite;
overflow:visible;
position:absolute;
bottom:0;
}
#site-header #road #people .peopleInner_1 *{
display:block;
bottom:3px;
}
#site-header #road #people .peopleInner_1 .person1_1_2{
background:url(header/brown_man_sprite.png);
width:20px;
height:43px;
position:absolute;
left:26%;
animation:move .35s steps(4) infinite;
-moz-animation:move .35s steps(4) infinite;
-webkit-animation:move .35s steps(4) infinite;
-o-animation:move .35s steps(4) infinite;
}
#site-header #road #people .peopleInner_1 .person1_2_2{
background:url(header/brown_man_sprite.png);
width:20px;
height:43px;
position:absolute;
left:156%;
}
#site-header #road #people .peopleInner_1 .person2_1_2{
background:url(header/yellow_woman_sprite.png);
width:19px;
height:50px;
position:absolute;
left:50%;
}
#site-header #road #people .peopleInner_1 .person2_2_2{
background:url(header/yellow_woman_sprite.png);
width:19px;
height:50px;
position:absolute;
left:180%;
}
#site-header #road #people .peopleInner_1 .person3_1_2{
background:url(header/blue_man_2_sprite.png);
width:24px;
height:43px;
position:absolute;
left:58%;
}
#site-header #road #people .peopleInner_1 .person3_2_2{
background:url(header/blue_man_2_sprite.png);
width:24px;
height:43px;
position:absolute;
left:188%;
}
#site-header #road #people .peopleInner_1 .person4_1_2{
background:url(header/scarf_man_sprite.png);
width:19px;
height:43px;
position:absolute;
left:91%;
}
#site-header #road #people .peopleInner_1 .person4_2_2{
background:url(header/scarf_man_sprite.png);
width:19px;
height:43px;
position:absolute;
left:221%;
}
#site-header #road #people .peopleInner_1 .person5_1_2{
background:url(header/retro_woman.png);
width:20px;
height:43px;
position:absolute;
left:145%;
}
#site-header #road #people .peopleInner_1 .person5_2_2{
background:url(header/retro_woman.png);
width:20px;
height:43px;
position:absolute;
left:275%;
}
#site-header #road #people .peopleInner_2{
width:100%;
height:100%;
animation:long_walk_lr 120s linear 0s infinite;
-moz-animation:walk_lr 120s linear 0s infinite;
-webkit-animation:walk_lr 120s linear 0s infinite;
-o-animation:walk_lr 120s linear 0s infinite;
overflow:visible;
position:absolute;
bottom:0;
}
#site-header #road #people .peopleInner_2 *{
display:block;
bottom:0;
}
#site-header #road #people .peopleInner_2 .person1_1_2{
background:url(header/brown_man_2_sprite.png);
width:20px;
height:43px;
position:absolute;
right:34%;
}
#site-header #road #people .peopleInner_2 .person1_2_2{
background:url(header/brown_man_2_sprite.png);
width:20px;
height:43px;
position:absolute;
right:164%;
}
#site-header #road #people .peopleInner_2 .person2_1_2{
background:url(header/red_woman_sprite.png);
width:19px;
height:50px;
position:absolute;
right:12%;
}
#site-header #road #people .peopleInner_2 .person2_2_2{
background:url(header/red_woman_sprite.png);
width:19px;
height:50px;
position:absolute;
right:142%;
}
#site-header #road #people .peopleInner_2 .person3_1_2{
background:url(header/lady_sprite.png);
width:20px;
height:43px;
position:absolute;
right:79%;
}
#site-header #road #people .peopleInner_2 .person3_2_2{
background:url(header/lady_sprite.png);
width:20px;
height:43px;
position:absolute;
right:209%;
}
#site-header #road #people .peopleInner_2 .person4_1_2{
background:url(header/grandma_sprite.png);
width:19px;
height:43px;
position:absolute;
right:85%;
}
#site-header #road #people .peopleInner_2 .person4_2_2{
background:url(header/grandma_sprite.png);
width:19px;
height:43px;
position:absolute;
right:215%;
}
#site-header #road #people .peopleInner_2 .person5_1_2{
background:url(header/lady_2_sprite.png);
width:21px;
height:43px;
position:absolute;
right:120%;
}
#site-header #road #people .peopleInner_2 .person5_2_2{
background:url(header/lady_2_sprite.png);
width:21px;
height:43px;
position:absolute;
right:250%;
}
#site-header #hills-1{
background:url(header/hill_1.png) -48px 0 repeat-x;
height:130px;
position:absolute;
bottom:54px;
}
#site-header #hills-2{
background:url(header/hill_2.png) -180px 0 repeat-x;
height:140px;
position:absolute;
bottom:48px;
z-index:2;
}
#site-header .clouds{
width:100%;
height:100%;
overflow:hidden;
position:absolute;
}
#site-header .clouds .cloudsInner{
width:100%;
height:100%;
animation:cloudsFloating 200s linear 0s infinite;
-moz-animation:cloudsFloating 200s linear 0s infinite;
-webkit-animation:cloudsFloating 200s linear 0s infinite;
-o-animation:cloudsFloating 200s linear 0s infinite;
overflow:visible;
position:relative;
}
#site-header .clouds .cloudsInner .cloud_1{
background:url(header/clouds.png) 0 0 no-repeat;
display:block;
width:82px;
height:24px;
position:absolute;
top:50px;
left:5%;
}
#site-header .clouds .cloudsInner .cloud_2{
background:url(header/clouds.png) 0 -25px no-repeat;
display:block;
width:40px;
height:16px;
position:absolute;
top:80px;
left:25%;
}
#site-header .clouds .cloudsInner .cloud_3{
background:url(header/clouds.png) -42px -25px no-repeat;
display:block;
width:40px;
height:16px;
position:absolute;
top:90px;
left:40%;
}
#site-header .clouds .cloudsInner .cloud_4{
background:url(header/clouds.png) 0 -92px no-repeat;
display:block;
width:60px;
height:18px;
position:absolute;
top:30px;
left:60%;
}
#site-header .clouds .cloudsInner .cloud_5{
background:url(header/clouds.png) 0 -63px no-repeat;
display:block;
width:82px;
height:28px;
position:absolute;
top:100px;
left:80%;
}
#site-header .clouds .cloudsInner .cloud_6{
background:url(header/clouds.png) 0 0 no-repeat;
display:block;
width:82px;
height:24px;
position:absolute;
top:50px;
left:105%;
}
#site-header .clouds .cloudsInner .cloud_7{
background:url(header/clouds.png) 0 -25px no-repeat;
display:block;
width:40px;
height:16px;
position:absolute;
top:80px;
left:125%;
}
#site-header .clouds .cloudsInner .cloud_8{
background:url(header/clouds.png) -42px -25px no-repeat;
display:block;
width:40px;
height:16px;
position:absolute;
top:90px;
left:140%;
}
#site-header .clouds .cloudsInner .cloud_9{
background:url(header/clouds.png) 0 -92px no-repeat;
display:block;
width:60px;
height:18px;
position:absolute;
top:30px;
left:160%;
}
#site-header .clouds .cloudsInner .cloud_10{
background:url(header/clouds.png) 0 -63px no-repeat;
display:block;
width:82px;
height:28px;
position:absolute;
top:100px;
left:180%;
}
#site-header .clouds .helicopterInner{
width:100%;
height:100%;
animation:helicopter 125s linear 0s infinite;
-moz-animation:helicopter 125s linear 0s infinite;
-webkit-animation:helicopter 125s linear 0s infinite;
-o-animation:helicopter 125s linear 0s infinite;
overflow:visible;
position:absolute;
top:20px;
}
#site-header .clouds .helicopterInner [class*="helicopter"]{
animation:fly 0.2s steps(2) infinite;
-moz-animation:fly 0.2s steps(2) infinite;
-webkit-animation:fly 0.2s steps(2) infinite;
-o-animation:fly 0.2s steps(2) infinite
}
#site-header .clouds .helicopterInner .helicopter_1_2{
background:url(header/helicopter.png);
display:block;
width:123px;
height:61px;
position:absolute;
top:135px;
left:80%;
z-index:999;
}
#site-header .clouds .helicopterInner .helicopter_2_2{
background:url(header/helicopter.png);
display:block;
width:123px;
height:61px;
position:absolute;
top:135px;
left:380%;
z-index:999;
}
@-webkit-keyframes cloudsFloating{
0%{left:0;}
100%{left:-100%;}
}
@-webkit-keyframes scooter{
0%{right:0;}
100%{right:-300%;}
}
@-webkit-keyframes scooter2{
0%{left:0;}
100%{left:-200%;}
}
@-webkit-keyframes cars{
0%{right:0;}
100%{right:-100%;}
}
@-webkit-keyframes cars2{
0%{left:0;}
100%{left:-200%;}
}
@-webkit-keyframes redCar{
0%{right:0;}
100%{right:-200%;}
}
@-webkit-keyframes blueCar{
0%{left:0;}
100%{left:-200%;}
}
@-webkit-keyframes bus{
0%{right:0;}
100%{right:-600%;}
}
@-webkit-keyframes firefighters{
0%{left:0;}
100%{left:-300%;}
}
@-webkit-keyframes helicopter{
0%{left:0;}
100%{left:-300%;}
}
@-webkit-keyframes smoke{
0%{
width:13px;
height:13px;
top:-12px;
right:3px;
opacity:.35;
}
65%{
width:32px;
height:32px;
top:-64px;
right:-7px;
opacity:.6;
}
100%{
width:18px;
height:18px;
top:-74px;
right:0;
opacity:.35;
}
}
@-webkit-keyframes long_walk_rl{
0%{left:0;}
100%{left:-130%;}
}
@-webkit-keyframes long_walk_lr{
0%{right:0;}
100%{right:-200%;}
}
@-webkit-keyframes walk_rl{
0%{left:0;}
100%{left:-200%;}
}
@-webkit-keyframes walk_lr{
0%{right:0;}
100%{right:-200%;}
}
@-webkit-keyframes move{
from{background-position:0 center;}to{background-position:96px center;}
}
@-webkit-keyframes fly{
from{background-position:0 center;}to{background-position:246px center;}
}
@-moz-keyframes cloudsFloating{
0%{left:0;}
100%{left:-100%;}
}
@-moz-keyframes scooter{
0%{right:0;}
100%{right:-300%;}
}
@-moz-keyframes scooter2{
0%{left:0;}
100%{left:-200%;}
}
@-moz-keyframes cars{
0%{right:0;}
100%{right:-100%;}
}
@-moz-keyframes cars2{
0%{left:0;}
100%{left:-200%;}
}
@-moz-keyframes redCar{
0%{right:0;}
100%{right:-200%;}
}
@-moz-keyframes blueCar{
0%{left:0;}
100%{left:-200%;}
}
@-moz-keyframes bus{
0%{right:0;}
100%{right:-600%;}
}
@-moz-keyframes firefighters{
0%{left:0;}
100%{left:-300%;}
}
@-moz-keyframes helicopter{
0%{left:0;}
100%{left:-300%;}
}
@-moz-keyframes smoke{
0%{
width:13px;
height:13px;
top:-12px;
right:3px;
opacity:.35;
}
65%{
width:32px;
height:32px;
top:-64px;
right:-7px;
opacity:.6;
}
100%{
width:18px;
height:18px;
top:-74px;
right:0;
opacity:.35;
}
}
@-moz-keyframes long_walk_rl{
0%{left:0;}
100%{left:-130%;}
}
@-moz-keyframes long_walk_lr{
0%{right:0;}
100%{right:-200%;}
}
@-moz-keyframes walk_rl{
0%{left:0;}
100%{left:-200%;}
}
@-moz-keyframes walk_lr{
0%{right:0;}
100%{right:-200%;}
}
@-moz-keyframes move{
from{background-position:0 center;}to{background-position:96px center;}
}
@-moz-keyframes fly{
from{background-position:0 center;}to{background-position:246px center;}
}
@keyframes cloudsFloating{
0%{left:0;}
100%{left:-100%;}
}
@keyframes scooter{
0%{right:0;}
100%{right:-300%;}
}
@keyframes scooter2{
0%{left:0;}
100%{left:-200%;}
}
@keyframes cars{
0%{right:0;}
100%{right:-100%;}
}
@keyframes cars2{
0%{left:0;}
100%{left:-200%;}
}
@keyframes redCar{
0%{right:0;}
100%{right:-200%;}
}
@keyframes blueCar{
0%{left:0;}
100%{left:-200%;}
}
@keyframes bus{
0%{right:0;}
100%{right:-600%;}
}
@keyframes firefighters{
0%{left:0;}
100%{left:-300%;}
}
@keyframes helicopter{
0%{left:0;}
100%{left:-300%;}
}
@keyframes smoke{
0%{
width:13px;
height:13px;
top:-12px;
right:3px;
opacity:.35;
}
65%{
width:32px;
height:32px;
top:-64px;
right:-7px;
opacity:.6;
}
100%{
width:18px;
height:18px;
top:-74px;
right:0;
opacity:.35;
}
}


@keyframes long_walk_rl{
0%{left:0;}
100%{left:-130%;}
}
@keyframes long_walk_lr{
0%{right:0;}
100%{right:-200%;}
}
@keyframes walk_rl{
0%{left:0;}
100%{left:-200%;}
}
@keyframes walk_lr{
0%{right:0;}
100%{right:-200%;}
}
@keyframes move{
from{background-position:0 center;}to{background-position:96px center;}
}
@keyframes fly{
from{background-position:0 center;}to{background-position:246px center;}
}



@media(max-width:480px){

#site-header{
height:auto;
zoom:1;
}
#site-header:before,#site-header:after{
content:" ";
display:table;
}
#site-header:after{
clear:both;
}
#site-header .header-logo{
width:100%;
padding:15px 0 0;
}
}

@media(max-width:991px){
.responsive-wrapper{
margin-bottom:15px;
overflow-y:hidden;
overflow-x:scroll;
-ms-overflow-style:-ms-autohiding-scrollbar;
border:1px solid #DDD;
-webkit-overflow-scrolling:touch;
}
#profile header .stars{
margin:4px 0 23px 10px;
}
}

@media(min-width:992px){
.container{
width:970px;
}
}