#nav-right ul li a {
    background-image: url(images/nav_item_back_active_light_blue.png);
}
#nav-left img {filter: drop-shadow(rgb(52, 73, 73) 0px 0px 20px);}

#hero-container-pinsgayan {background-image: none;}
#hero-background-layer {background-image: url(images/hmwaw-background.jpg);-webkit-animation: hero-animation 18s ease-in-out 0s infinite alternate-reverse;animation: hero-animation 18s ease-in-out 0s infinite alternate-reverse;}
#hero-background-layer-zoomed-in {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: url(images/hmwaw-background-zoomed-in.jpg);background-repeat: no-repeat;background-position: center bottom;-webkit-transform: scale(0.5556) translateZ(0);-webkit-transform-origin: bottom;transform: scale(0.5556) translateZ(0);transform-origin: bottom;}

.hmwaw-anim-obj {position: absolute;-webkit-transform-origin: bottom;transform-origin: bottom;}
#hmwaw-p1 {width: 306px;height: 788px;background-image: url(images/hmwaw-p1.gif);left: 0;top: 0;-webkit-animation: p1 18s ease-in-out 0s infinite alternate-reverse;animation: p1 18s ease-in-out 0s infinite alternate-reverse;}
#hmwaw-p2 {width: 364px;height: 254px;background-image: url(images/hmwaw-p2.gif);right: 0;bottom: 0;-webkit-animation: p2 18s ease-in-out 0s infinite alternate-reverse;animation: p2 18s ease-in-out 0s infinite alternate-reverse;}
#hmwaw-p3 {width: 456px;height: 329px;background-image: url(images/hmwaw-p3.gif);left: 0;bottom: 0;-webkit-animation: p3 18s ease-in-out 0s infinite alternate-reverse;animation: p3 18s ease-in-out 0s infinite alternate-reverse;}
#hmwaw-p4 {width: 385px;height: 486px;background-image: url(images/hmwaw-p4.gif);right: 0;bottom: 0;-webkit-animation: p4 18s ease-in-out 0s infinite alternate-reverse;animation: p4 18s ease-in-out 0s infinite alternate-reverse;}
#hmwaw-p5 {width: 326px;height: 340px;background-image: url(images/hmwaw-p5.gif);right: 0;bottom: 100px;-webkit-animation: p5 18s ease-in-out 0s infinite alternate-reverse;animation: p5 18s ease-in-out 0s infinite alternate-reverse;}
#hmwaw-p6 {width: 304px;height: 409px;background-image: url(images/hmwaw-p6.png);left: -157px;bottom: 0;-webkit-animation: p6 18s ease-in-out 0s infinite alternate-reverse;animation: p6 18s ease-in-out 0s infinite alternate-reverse;}

#hmwaw-grass1 {width: 467px;height: 278px;background-image: url(images/hmwaw-grass.gif);background-position: 30% center;background-size: 467px 278px;background-repeat: no-repeat;left: 0;bottom: -90px;-webkit-animation: grass1 18s ease-in-out 0s infinite alternate-reverse;animation: grass1 18s ease-in-out 0s infinite alternate-reverse;}

#hmwaw-grass2 {width: 467px;height: 278px;background-image: url(images/hmwaw-grass-flipped.gif);background-position: 30% center;background-size: 467px 278px;background-repeat: no-repeat;right: 0;bottom: -90px;-webkit-animation: grass2 18s ease-in-out 0s infinite alternate-reverse;animation: grass2 18s ease-in-out 0s infinite alternate-reverse;}

#hmwaw-grass3 {width: 467px;height: 348px;background-image: url(images/hmwaw-grass.gif);background-position: 30% center;background-size: 467px 348px;background-repeat: no-repeat;right: -300px;bottom: -110px;-webkit-animation: grass3 18s ease-in-out 0s infinite alternate-reverse;animation: grass3 18s ease-in-out 0s infinite alternate-reverse;}

#hmwaw-plant {width: 100%;height: 341px;background-image: url(images/hmwaw-plant.png);background-position: center;background-size: 352px 341px;background-repeat: no-repeat;left: 0;bottom: -120px;-webkit-animation: plant 18s ease-in-out 0s infinite alternate-reverse;animation: plant 18s ease-in-out 0s infinite alternate-reverse;}

/** Main animations **/
@-webkit-keyframes hero-animation {
	0% {-webkit-transform: scale(1.03);}
	5% {-webkit-transform: scale(1.03);}
	95% {-webkit-transform: scale(1.2);}
	100% {-webkit-transform: scale(1.2);}
}
@keyframes hero-animation {
	0% {transform: scale(1.03);}
	5% {transform: scale(1.03);}
	95% {transform: scale(1.2);}
	100% {transform: scale(1.2);}
}

@-webkit-keyframes p1 {
	0% {-webkit-transform: translate(20px) scale(0.8);}
	5% {-webkit-transform: translate(20px) scale(0.8);}
	95% {-webkit-transform: translate(-580px) translateY(180px) scale(1.5);}
	100% {-webkit-transform: translate(-580px) translateY(180px) scale(1.5);}
}

@keyframes p1 {
	0% {transform: translate(20px) scale(0.8);}
	5% {transform: translate(20px) scale(0.8);}
	95% {transform: translate(-580px) translateY(180px) scale(1.5);}
	100% {transform: translate(-580px) translateY(180px) scale(1.5);}
}

@-webkit-keyframes p2 {
	0% {-webkit-transform: translate(1px) translateY(70px) scale(1.0);}
	5% {-webkit-transform: translate(1px) translateY(70px) scale(1.0);}
	95% {-webkit-transform: translate(650px) translateY(180px) scale(1.6);}
	100% {-webkit-transform: translate(650px) translateY(180px) scale(1.6);}
}

@keyframes p2 {
	0% {transform: translate(1px) translateY(70px) scale(1.0);}
	5% {transform: translate(1px) translateY(70px) scale(1.0);}
	95% {transform: translate(650px) translateY(180px) scale(1.6);}
	100% {transform: translate(650px) translateY(180px) scale(1.6);}
}

@-webkit-keyframes p3 {
	0% {-webkit-transform: translate(0px) scale(0.7);}
	5% {-webkit-transform: translate(0px) scale(0.7);}
	95% {-webkit-transform: translate(-700px) translateY(120px) scale(1.2);}
	100% {-webkit-transform: translate(-700px) translateY(120px) scale(1.2);}
}

@keyframes p3 {
	0% {transform: translate(0px) scale(0.7);}
	5% {transform: translate(0px) scale(0.7);}
	95% {transform: translate(-700px) translateY(120px) scale(1.2);}
	100% {transform: translate(-700px) translateY(120px) scale(1.2);}
}

@-webkit-keyframes p4 {
	0% {-webkit-transform: translate(90px) scale(0.65);}
	5% {-webkit-transform: translate(90px) scale(0.65);}
	95% {-webkit-transform: translate(640px) translateY(100px) scale(1.2);}
	100% {-webkit-transform: translate(640px) translateY(100px) scale(1.2);}
}

@keyframes p4 {
	0% {transform: translate(90px) scale(0.65);}
	5% {transform: translate(90px) scale(0.65);}
	95% {transform: translate(640px) translateY(100px) scale(1.2);}
	100% {transform: translate(640px) translateY(100px) scale(1.2);}
}

@-webkit-keyframes p5 {
	0% {-webkit-transform: translate(100px) scale(1);}
	5% {-webkit-transform: translate(100px) scale(1);}
	95% {-webkit-transform: translate(550px) translateY(-85px) scale(1.4);}
	100% {-webkit-transform: translate(550px) translateY(-85px) scale(1.4);}
}

@keyframes p5 {
	0% {transform: translate(100px) scale(1);}
	5% {transform: translate(100px) scale(1);}
	95% {transform: translate(550px) translateY(-85px) scale(1.4);}
	100% {transform: translate(550px) translateY(-85px) scale(1.4);}
}

@-webkit-keyframes p6 {
	0% {-webkit-transform: translate(0px) scale(1);}
	5% {-webkit-transform: translate(0px) scale(1);}
	95% {-webkit-transform: translate(-650px) translateY(0px) scale(1.2);}
	100% {-webkit-transform: translate(-650px) translateY(10px) scale(1.2);}
}

@keyframes p6 {
	0% {transform: translate(0px) scale(1);}
	5% {transform: translate(0px) scale(1);}
	95% {transform: translate(-650px) translateY(0px) scale(1.2);}
	100% {transform: translate(-650px) translateY(10px) scale(1.2);}
}

@-webkit-keyframes plant {
	0% {-webkit-transform: translate(-140px) translateY(-70px) scale(0.7);}
	5% {-webkit-transform: translate(-140px) translateY(-70px) scale(0.7);}
	95% {-webkit-transform: translate(-270px) scale(1.2);}
	100% {-webkit-transform: translate(-270px) scale(1.2);}
}

@keyframes plant {
	0% {transform: translate(-140px) translateY(-70px) scale(0.7);}
	5% {transform: translate(-140px) translateY(-70px) scale(0.7);}
	95% {transform: translate(-270px) scale(1.2);}
	100% {transform: translate(-270px) scale(1.2);}
}

@-webkit-keyframes grass {
	0% {-webkit-transform: translate(140px) translateY(-50px) scale(0.7);}
	5% {-webkit-transform: translate(140px) translateY(-50px) scale(0.7);}
	95% {-webkit-transform: translate(-170px) scale(1.2);}
	100% {-webkit-transform: translate(-170px) scale(1.2);}
}

@keyframes grass {
	0% {transform: translate(140px) translateY(-50px) scale(0.7);}
	5% {transform: translate(140px) translateY(-50px) scale(0.7);}
	95% {transform: translate(-170px) scale(1.2);}
	100% {transform: translate(-170px) scale(1.2);}
}

@-webkit-keyframes grass1 {
	0% {-webkit-transform: translate(0px) scale(0.8);}
	5% {-webkit-transform: translate(0px) scale(0.8);}
	95% {-webkit-transform: translate(-300px) translateY(120px) scale(1.5);}
	100% {-webkit-transform: translate(-300px) translateY(120px) scale(1.5);}
}

@keyframes grass1 {
	0% {transform: translate(0px) scale(0.8);}
	5% {transform: translate(0px) scale(0.8);}
	95% {transform: translate(-300px) translateY(120px) scale(1.5);}
	100% {transform: translate(-300px) translateY(120px) scale(1.5);}
}

@-webkit-keyframes grass2 {
	0% {-webkit-transform: translate(-80px) scale(0.8);}
	5% {-webkit-transform: translate(-80px) scale(0.8);}
	95% {-webkit-transform: translate(300px) translateY(120px) scale(1.5);}
	100% {-webkit-transform: translate(300px) translateY(120px) scale(1.5);}
}

@keyframes grass2 {
	0% {transform: translate(-80px) scale(0.8);}
	5% {transform: translate(-80px) scale(0.8);}
	95% {transform: translate(300px) translateY(120px) scale(1.5);}
	100% {transform: translate(300px) translateY(120px) scale(1.5);}
}

@-webkit-keyframes grass3 {
	0% {-webkit-transform: translate(-20px) translateY(-105px) scaleX(-0.8) scaleY(1.4);}
	5% {-webkit-transform: translate(-20px) translateY(-105px) scaleX(-0.8) scaleY(1.4);}
	95% {-webkit-transform: translate(600px) translateY(-105px) scaleX(-1.5) scaleY(1.9);}
	100% {-webkit-transform: translate(600px) translateY(-105px) scaleX(-1.5) scaleY(1.9);}
}

@keyframes grass3 {
	0% {transform: translate(-20px) translateY(-105px) scaleX(-0.8) scaleY(1.4);}
	5% {transform: translate(-20px) translateY(-105px) scaleX(-0.8) scaleY(1.4);}
	95% {transform: translate(600px) translateY(-105px) scaleX(-1.5) scaleY(1.9);}
	100% {transform: translate(600px) translateY(-105px) scaleX(-1.5) scaleY(1.9);}
}

/* For smaller screens */
@-webkit-keyframes p1-max-1060 {
	0% {-webkit-transform: translate(-100px) scale(0.8);}
	5% {-webkit-transform: translate(-100px) scale(0.8);}
	95% {-webkit-transform: translate(-500px) translateY(180px) scale(1.5);}
	100% {-webkit-transform: translate(-500px) translateY(180px) scale(1.5);}
}
@keyframes p1-max-1060 {
	0% {transform: translate(-100px) scale(0.8);}
	5% {transform: translate(-100px) scale(0.8);}
	95% {transform: translate(-500px) translateY(180px) scale(1.5);}
	100% {transform: translate(-500px) translateY(180px) scale(1.5);}
}
@-webkit-keyframes p2-max-1060 {
	0% {-webkit-transform: translate(100px) translateY(70px) scale(1.0);}
	5% {-webkit-transform: translate(100px) translateY(70px) scale(1.0);}
	95% {-webkit-transform: translate(550px) translateY(180px) scale(1.6);}
	100% {-webkit-transform: translate(550px) translateY(180px) scale(1.6);}
}
@keyframes p2-max-1060 {
	0% {transform: translate(100px) translateY(70px) scale(1.0);}
	5% {transform: translate(100px) translateY(70px) scale(1.0);}
	95% {transform: translate(550px) translateY(180px) scale(1.6);}
	100% {transform: translate(550px) translateY(180px) scale(1.6);}
}
@-webkit-keyframes p3-max-1060 {
	0% {-webkit-transform: translate(-100px) scale(0.7);}
	5% {-webkit-transform: translate(-100px) scale(0.7);}
	95% {-webkit-transform: translate(-600px) translateY(100px) scale(1.2);}
	100% {-webkit-transform: translate(-600px) translateY(100px) scale(1.2);}
}
@keyframes p3-max-1060 {
	0% {transform: translate(-100px) scale(0.7);}
	5% {transform: translate(-100px) scale(0.7);}
	95% {transform: translate(-600px) translateY(100px) scale(1.2);}
	100% {transform: translate(-600px) translateY(100px) scale(1.2);}
}
@-webkit-keyframes p4-max-1060 {
	0% {-webkit-transform: translate(150px) scale(0.65);}
	5% {-webkit-transform: translate(150px) scale(0.65);}
	95% {-webkit-transform: translate(550px) translateY(100px) scale(1.2);}
	100% {-webkit-transform: translate(550px) translateY(100px) scale(1.2);}
}
@keyframes p4-max-1060 {
	0% {transform: translate(150px) scale(0.65);}
	5% {transform: translate(150px) scale(0.65);}
	95% {transform: translate(550px) translateY(100px) scale(1.2);}
	100% {transform: translate(550px) translateY(100px) scale(1.2);}
}
@-webkit-keyframes p5-max-1060 {
	0% {-webkit-transform: translate(160px) scale(1);}
	5% {-webkit-transform: translate(160px) scale(1);}
	95% {-webkit-transform: translate(570px) translateY(-85px) scale(1.4);}
	100% {-webkit-transform: translate(570px) translateY(-85px) scale(1.4);}
}
@keyframes p5-max-1060 {
	0% {transform: translate(160px) scale(1);}
	5% {transform: translate(160px) scale(1);}
	95% {transform: translate(570px) translateY(-85px) scale(1.4);}
	100% {transform: translate(570px) translateY(-85px) scale(1.4);}
}
@-webkit-keyframes p6-max-1060 {
	0% {-webkit-transform: translate(0px) scale(1);}
	5% {-webkit-transform: translate(0px) scale(1);}
	95% {-webkit-transform: translate(-500px) translateY(0px) scale(1.2);}
	100% {-webkit-transform: translate(-500px) translateY(10px) scale(1.2);}
}
@keyframes p6-max-1060 {
	0% {transform: translate(0px) scale(1);}
	5% {transform: translate(0px) scale(1);}
	95% {transform: translate(-500px) translateY(0px) scale(1.2);}
	100% {transform: translate(-500px) translateY(10px) scale(1.2);}
}
@-webkit-keyframes grass1-max-1060 {
	0% {-webkit-transform: translate(20px) scale(0.8);}
	5% {-webkit-transform: translate(20px) scale(0.8);}
	95% {-webkit-transform: translate(-170px) translateY(120px) scale(1.5);}
	100% {-webkit-transform: translate(-170px) translateY(120px) scale(1.5);}
}

@keyframes grass1-max-1060 {
	0% {transform: translate(20px) scale(0.8);}
	5% {transform: translate(20px) scale(0.8);}
	95% {transform: translate(-170px) translateY(120px) scale(1.5);}
	100% {transform: translate(-170px) translateY(120px) scale(1.5);}
}

@-webkit-keyframes grass2-max-1060 {
	0% {-webkit-transform: translate(50px) scaleX(-0.8) scaleY(0.8);}
	5% {-webkit-transform: translate(50px) scaleX(-0.8) scaleY(0.8);}
	95% {-webkit-transform: translate(280px) translateY(120px) scaleX(-1.5) scaleY(1.5);}
	100% {-webkit-transform: translate(280px) translateY(120px) scaleX(-1.5) scaleY(1.5);}
}

@keyframes grass2-max-1060 {
	0% {transform: translate(50px) scaleX(-0.8) scaleY(0.8);}
	5% {transform: translate(50px) scaleX(-0.8) scaleY(0.8);}
	95% {transform: translate(280px) translateY(120px) scaleX(-1.5) scaleY(1.5);}
	100% {transform: translate(280px) translateY(120px) scaleX(-1.5) scaleY(1.5);}
}

@-webkit-keyframes grass3-max-1060 {
	0% {-webkit-transform: translate(-20px) translateY(-105px) scaleX(-0.8) scaleY(1.4);}
	5% {-webkit-transform: translate(-20px) translateY(-105px) scaleX(-0.8) scaleY(1.4);}
	95% {-webkit-transform: translate(600px) translateY(-105px) scaleX(-1.5) scaleY(1.9);}
	100% {-webkit-transform: translate(600px) translateY(-105px) scaleX(-1.5) scaleY(1.9);}
}

@keyframes grass3-max-1060 {
	0% {transform: translate(-20px) translateY(-105px) scaleX(-0.8) scaleY(1.4);}
	5% {transform: translate(-20px) translateY(-105px) scaleX(-0.8) scaleY(1.4);}
	95% {transform: translate(600px) translateY(-105px) scaleX(-1.5) scaleY(1.9);}
	100% {transform: translate(600px) translateY(-105px) scaleX(-1.5) scaleY(1.9);}
}


@-webkit-keyframes p1-max-690 {
	0% {-webkit-transform: translate(-200px) scale(0.8);}
	5% {-webkit-transform: translate(-200px) scale(0.8);}
	95% {-webkit-transform: translate(-500px) translateY(180px) scale(1.5);}
	100% {-webkit-transform: translate(-500px) translateY(180px) scale(1.5);}
}
@keyframes p1-max-690 {
	0% {transform: translate(-200px) scale(0.8);}
	5% {transform: translate(-200px) scale(0.8);}
	95% {transform: translate(-500px) translateY(180px) scale(1.5);}
	100% {transform: translate(-500px) translateY(180px) scale(1.5);}
}
@-webkit-keyframes p2-max-690 {
	0% {-webkit-transform: translate(180px) translateY(70px) scale(1.0);}
	5% {-webkit-transform: translate(180px) translateY(70px) scale(1.0);}
	95% {-webkit-transform: translate(490px) translateY(220px) scale(1.6);}
	100% {-webkit-transform: translate(490px) translateY(220px) scale(1.6);}
}
@keyframes p2-max-690 {
	0% {transform: translate(180px) translateY(70px) scale(1.0);}
	5% {transform: translate(180px) translateY(70px) scale(1.0);}
	95% {transform: translate(490px) translateY(220px) scale(1.6);}
	100% {transform: translate(490px) translateY(220px) scale(1.6);}
}
@-webkit-keyframes p3-max-690 {
	0% {-webkit-transform: translate(-250px) scale(0.7);}
	5% {-webkit-transform: translate(-250px) scale(0.7);}
	95% {-webkit-transform: translate(-650px) translateY(120px) scale(1.2);}
	100% {-webkit-transform: translate(-650px) translateY(120px) scale(1.2);}
}
@keyframes p3-max-690 {
	0% {transform: translate(-250px) scale(0.7);}
	5% {transform: translate(-250px) scale(0.7);}
	95% {transform: translate(-650px) translateY(120px) scale(1.2);}
	100% {transform: translate(-650px) translateY(120px) scale(1.2);}
}
@-webkit-keyframes p4-max-690 {
	0% {-webkit-transform: translate(180px) scale(0.65);}
	5% {-webkit-transform: translate(180px) scale(0.65);}
	95% {-webkit-transform: translate(430px) translateY(100px) scale(1.2);}
	100% {-webkit-transform: translate(430px) translateY(100px) scale(1.2);}
}
@keyframes p4-max-690 {
	0% {transform: translate(180px) scale(0.65);}
	5% {transform: translate(180px) scale(0.65);}
	95% {transform: translate(430px) translateY(100px) scale(1.2);}
	100% {transform: translate(430px) translateY(100px) scale(1.2);}
}
@-webkit-keyframes p5-max-690 {
	0% {-webkit-transform: translate(180px) scale(1);}
	5% {-webkit-transform: translate(180px) scale(1);}
	95% {-webkit-transform: translate(350px) translateY(-85px) scale(1.4);}
	100% {-webkit-transform: translate(350px) translateY(-85px) scale(1.4);}
}
@keyframes p5-max-690 {
	0% {transform: translate(180px) scale(1);}
	5% {transform: translate(180px) scale(1);}
	95% {transform: translate(350px) translateY(-85px) scale(1.4);}
	100% {transform: translate(350px) translateY(-85px) scale(1.4);}
}

@-webkit-keyframes p1-max-490 {
	0% {-webkit-transform: translate(-230px) scale(0.8);}
	5% {-webkit-transform: translate(-230px) scale(0.8);}
	95% {-webkit-transform: translate(-530px) translateY(180px) scale(1.5);}
	100% {-webkit-transform: translate(-530px) translateY(180px) scale(1.5);}
}
@keyframes p1-max-490 {
	0% {transform: translate(-230px) scale(0.8);}
	5% {transform: translate(-230px) scale(0.8);}
	95% {transform: translate(-530px) translateY(180px) scale(1.5);}
	100% {transform: translate(-530px) translateY(180px) scale(1.5);}
}
@-webkit-keyframes p2-max-490 {
	0% {-webkit-transform: translate(235px) translateY(70px) scale(1.0);}
	5% {-webkit-transform: translate(235px) translateY(70px) scale(1.0);}
	95% {-webkit-transform: translate(545px) translateY(220px) scale(1.6);}
	100% {-webkit-transform: translate(545px) translateY(220px) scale(1.6);}
}
@keyframes p2-max-490 {
	0% {transform: translate(235px) translateY(70px) scale(1.0);}
	5% {transform: translate(235px) translateY(70px) scale(1.0);}
	95% {transform: translate(545px) translateY(220px) scale(1.6);}
	100% {transform: translate(545px) translateY(220px) scale(1.6);}
}
@-webkit-keyframes p3-max-490 {
	0% {-webkit-transform: translate(-280px) scale(0.7);}
	5% {-webkit-transform: translate(-280px) scale(0.7);}
	95% {-webkit-transform: translate(-680px) translateY(120px) scale(1.2);}
	100% {-webkit-transform: translate(-680px) translateY(120px) scale(1.2);}
}
@keyframes p3-max-490 {
	0% {transform: translate(-280px) scale(0.7);}
	5% {transform: translate(-280px) scale(0.7);}
	95% {transform: translate(-680px) translateY(120px) scale(1.2);}
	100% {transform: translate(-680px) translateY(120px) scale(1.2);}
}
@-webkit-keyframes p5-max-690 {
	0% {-webkit-transform: translate(175px) translateY(35px) scale(1);}
	5% {-webkit-transform: translate(175px) translateY(35px) scale(1);}
	95% {-webkit-transform: translate(345px) translateY(0px) scale(1.4);}
	100% {-webkit-transform: translate(345px) translateY(0px) scale(1.4);}
}
@keyframes p5-max-690 {
	0% {transform: translate(175px) translateY(35px) scale(1);}
	5% {transform: translate(175px) translateY(35px) scale(1);}
	95% {transform: translate(345px) translateY(0px) scale(1.4);}
	100% {transform: translate(345px) translateY(0px) scale(1.4);}
}

@media screen and (max-width: 1060px) {
	#hmwaw-p1 {-webkit-animation-name: p1-max-1060;animation-name: p1-max-1060;}
	#hmwaw-p2 {-webkit-animation-name: p2-max-1060;animation-name: p2-max-1060;}
	#hmwaw-p3 {-webkit-animation-name: p3-max-1060;animation-name: p3-max-1060;}
	#hmwaw-p4 {-webkit-animation-name: p4-max-1060;animation-name: p4-max-1060;}
	#hmwaw-p5 {-webkit-animation-name: p5-max-1060;animation-name: p5-max-1060;}
	#hmwaw-p6 {-webkit-animation-name: p6-max-1060;animation-name: p6-max-1060;}
	#hmwaw-grass1 {-webkit-animation-name: grass1-max-1060;animation-name: grass1-max-1060;}
	#hmwaw-grass2 {-webkit-animation-name: grass2-max-1060;animation-name: grass2-max-1060;}
	#hmwaw-grass, #hmwaw-grass3 {
		display: none;
	}
}

@media screen and (max-width: 860px) {
	#hmwaw-grass1 {display: none;}
}

@media screen and (max-width: 690px) {
	#hmwaw-p1 {-webkit-animation-name: p1-max-690;animation-name: p1-max-690;}
	#hmwaw-p2 {-webkit-animation-name: p2-max-690;animation-name: p2-max-690;}
	#hmwaw-p3 {-webkit-animation-name: p3-max-690;animation-name: p3-max-690;}
	#hmwaw-p4 {-webkit-animation-name: p4-max-690;animation-name: p4-max-690;}
	#hmwaw-p5 {-webkit-animation-name: p5-max-690;animation-name: p5-max-690;}
	#hmwaw-p6 {display: none;}
	#hmwaw-grass2 {display: none;}
}

@media screen and (max-width: 490px) {
	#hmwaw-p1 {-webkit-animation-name: p1-max-490;animation-name: p1-max-490;}
	#hmwaw-p2 {-webkit-animation-name: p2-max-490;animation-name: p2-max-490;}
	#hmwaw-p3 {-webkit-animation-name: p3-max-490;animation-name: p3-max-490;}
	#hmwaw-p4 {display: none;}
}


/** Smoke animations **/
#smoke-container-1 {-webkit-transform: translateX(67px) translateY(393px) scale(0.7) rotate(-15deg);transform: translateX(67px) translateY(393px) scale(0.7) rotate(-15deg);}
#smoke-container-2 {-webkit-transform: translateX(123px) translateY(290px);transform: translateX(123px) translateY(290px);opacity: 0.85;}
#smoke-container-3 {-webkit-transform: translateX(43px) translateY(357px) scale(1.3);transform: translateX(43px) translateY(357px) scale(1.3);}
#smoke-container-4 {-webkit-transform: translateX(83px) translateY(507px) scale(1.7);transform: translateX(83px) translateY(507px) scale(1.7);}
#smoke-container-5 {-webkit-transform: translateX(-43px) translateY(457px) scale(1.5) rotate(-15deg);transform: translateX(-43px) translateY(457px) scale(1.5) rotate(-15deg);}
#smoke-container-3 .smoke-particle-container div {-webkit-filter: drop-shadow(-8px -8px 10px rgba(185,185,185,0.8));filter: drop-shadow(-8px -8px 10px rgba(185,185,185,0.8));}

@-webkit-keyframes smoke-animation {
	0% {-webkit-transform: scaleX(0.2) scaleY(0.2) translateY(0) translateX(0) rotate(-50deg);opacity: 0.25;}
	33% {-webkit-transform: scaleX(0.26) scaleY(0.367) translateY(-36px) translateX(2px) rotate(50deg);opacity: 0.9;}
	66% {-webkit-transform: scaleX(0.72) scaleY(0.534) translateY(-72px) translateX(25px) rotate(50deg);opacity: 0.9;}
	100% {-webkit-transform: scaleX(1) scaleY(0.7) translateY(-110px) translateX(30px) rotate(50deg);opacity: 0;}
}

@keyframes smoke-animation {
	0% {transform: scaleX(0.2) scaleY(0.2) translateY(0) translateX(0) rotate(-50deg);opacity: 0.25;}
	33% {transform: scaleX(0.26) scaleY(0.367) translateY(-36px) translateX(2px) rotate(50deg);opacity: 0.9;}
	66% {transform: scaleX(0.72) scaleY(0.534) translateY(-72px) translateX(25px) rotate(50deg);opacity: 0.9;}
	100% {transform: scaleX(1) scaleY(0.7) translateY(-110px) translateX(30px) rotate(50deg);opacity: 0;}
}

.smoke-group {position: relative;width: 155px;height: 80px;margin-left: auto;margin-right: auto;top: 188px;overflow: visible;}
.smoke-container {position: absolute;left:15px;top: 24px;width: 50px;height: 50px;-webkit-transform: scale(0.7);-webkit-transform-origin: center;transform: scale(0.7);transform-origin: center;}
.smoke-particle-container {position: absolute;left: 0;top: 0;width: 50px;height: 50px;opacity: 0;-webkit-animation: smoke-animation 16s linear 0s infinite normal;animation: smoke-animation 16s linear 0s infinite normal;opacity: 0;-webkit-transform-origin: center;transform-origin: center;}
.smoke-particle-container div {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(images/smoke_dark.png) no-repeat;background-size: 100% 100%;-webkit-filter: drop-shadow(-8px -8px 10px rgba(0,0,0,0.8));filter: drop-shadow(-8px -8px 10px rgba(0,0,0,0.8)); }

.smoke-particle-container:first-child {-webkit-animation-delay: -16s;animation-delay: -16s;}
.smoke-particle-container:nth-child(2) {-webkit-animation-delay: -13s;-webkit-transform: rotate(80deg);animation-delay: -13s;transform: rotate(80deg);}
.smoke-particle-container:nth-child(3) {-webkit-animation-delay: -11s;-webkit-transform: rotate(80deg);animation-delay: -11s;transform: rotate(80deg);}
.smoke-particle-container:nth-child(4) {-webkit-animation-delay: -9s;-webkit-transform: rotate(45deg);animation-delay: -9s;transform: rotate(45deg);}
.smoke-particle-container:nth-child(5) {-webkit-animation-delay: -7s;-webkit-transform: rotate(65deg);animation-delay: -7s;transform: rotate(65deg);}
.smoke-particle-container:nth-child(6) {-webkit-animation-delay: -5;-webkit-transform: rotate(45deg);animation-delay: -5s;transform: rotate(45deg);}
.smoke-particle-container:nth-child(7) {-webkit-animation-delay: -3s;-webkit-transform: rotate(-45deg);animation-delay: -3s;transform: rotate(-45deg);}
.smoke-particle-container:nth-child(8) {-webkit-animation-delay: -1s;-webkit-transform: rotate(-45deg);animation-delay: -1s;transform: rotate(-45deg);}

.smoke-particle-container:nth-child(2) div {-webkit-animation-delay: -13s;-webkit-transform: rotate(80deg);animation-delay: -13s;transform: rotate(80deg);}
.smoke-particle-container:nth-child(3) div {-webkit-animation-delay: -11s;-webkit-transform: rotate(80deg);animation-delay: -11s;transform: rotate(80deg);}
.smoke-particle-container:nth-child(4) div {-webkit-animation-delay: -9s;-webkit-transform: rotate(45deg);animation-delay: -9s;transform: rotate(45deg);}
.smoke-particle-container:nth-child(5) div {-webkit-animation-delay: -7s;-webkit-transform: rotate(65deg);animation-delay: -7s;transform: rotate(65deg);}
.smoke-particle-container:nth-child(6) div {-webkit-animation-delay: -5s;-webkit-transform: rotate(45deg);animation-delay: -5s;transform: rotate(45deg);}
.smoke-particle-container:nth-child(7) div {-webkit-animation-delay: -3s;-webkit-transform: rotate(-45deg);animation-delay: -3s;transform: rotate(-45deg);}
.smoke-particle-container:nth-child(8) div {-webkit-animation-delay: -1s;-webkit-transform: rotate(-45deg);animation-delay: -1s;transform: rotate(-45deg);}