#nav-right ul li a {
    background-image: url(images/nav_item_back_active_light_blue.png);
}

#hero-background-layer {background-size: 2560px 100%;background-image: url(images/qurisbabu.jpg);}

/** Waving objects **/
#p1-back-right {position: absolute;width: 209px;height: 277px;-webkit-transform: translateX(-50%);transform: translateX(-50%);left: 50%;top: 390px;margin-left: 353px;}
#p1-front-right {position: absolute;width: 100px;height: 190px;background-image: url(images/p1-front-right.png);-webkit-transform: translateX(-50%);transform: translateX(-50%);left: 50%;top: 475px;margin-left: 222px;}
#p2-back-left {position: absolute;width: 342px;height: 291px;-webkit-transform: translateX(-50%) scaleX(-1) rotate(45deg);transform: translateX(-50%) scaleX(-1) rotate(45deg);left: 50%;top: 392px;margin-left: -202px;}
#p1-back-left {position: absolute;width: 622px;height: 373px;-webkit-transform: translateX(-50%) scaleX(-1) rotate(45deg);margin-left: 56px;transform: translateX(-50%) scaleX(-1) rotate(45deg);left: 50%;top: 354px;position: absolute;}
#string {width: 46px;height: 43px;-webkit-transform: translateX(-50%);transform: translateX(-50%);margin-left: 24px;left: 50%;top: 75px;position: absolute;}
#p1-hair {width: 171px;height: 83px;-webkit-transform: translateX(-50%);transform: translateX(-50%);position: absolute;left: 50%;top: 208px;margin-left: 178px;}
#p2-hair {width: 144px;height: 104px;-webkit-transform: translateX(-50%);transform: translateX(-50%);position: absolute;left: 50%;top: 150px;margin-left: -84px;}

/** Smoke **/
@-webkit-keyframes smoke-animation {
	0% {-webkit-transform: scale(0.5) translateY(0) translateX(0) rotate(-50deg);opacity: 0;}
	33% {opacity: 0.6;}
	66% {opacity: 0.6;}
	100% {-webkit-transform: scale(1.1) translateY(-110px) translateX(50px) rotate(50deg);opacity: 0;}
}

@keyframes smoke-animation {
	0% {transform: scale(0.5) translateY(0) translateX(0) rotate(-50deg);opacity: 0;}
	33% {opacity: 0.6;}
	66% {opacity: 0.6;}
	100% {transform: scale(1.1) translateY(-110px) translateX(50px) rotate(50deg);opacity: 0;}
}


.smoke-group {position: absolute;width: 155px;height: 80px;margin-left: auto;margin-right: auto;top: 188px;overflow: visible;-webkit-transform: translateX(-50%);transform: translateX(-50%);left: 50%;top: 143px;margin-left: -190px;}

.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 10s linear 0s infinite normal;animation: smoke-animation 10s 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%; filter: drop-shadow(-8px -8px 10px rgba(255,255,255,0.8)) }
.smoke-particle-container:first-child {-webkit-animation-delay: -10s;animation-delay: -10s;}
.smoke-particle-container:nth-child(2) {-webkit-animation-delay: -8s;-webkit-transform: rotate(80deg);animation-delay: -8s;transform: rotate(80deg);}
.smoke-particle-container:nth-child(3) {-webkit-animation-delay: -6s;-webkit-transform: rotate(45deg);animation-delay: -6s;transform: rotate(45deg);}
.smoke-particle-container:nth-child(4) {-webkit-animation-delay: -4s;-webkit-transform: rotate(65deg);animation-delay: -4s;transform: rotate(65deg);}
.smoke-particle-container:nth-child(5) {-webkit-animation-delay: -2s;-webkit-transform: rotate(45deg);animation-delay: -2s;transform: rotate(45deg);}
.smoke-particle-container:nth-child(6) {-webkit-animation-delay: -2s;-webkit-transform: rotate(-45deg);animation-delay: -2s;transform: rotate(-45deg);}
.smoke-particle-container:nth-child(2) div {-webkit-animation-delay: -8s;-webkit-transform: rotate(80deg);animation-delay: -8s;transform: rotate(80deg);}
.smoke-particle-container:nth-child(3) div {-webkit-animation-delay: -6s;-webkit-transform: rotate(45deg);animation-delay: -6s;transform: rotate(45deg);}
.smoke-particle-container:nth-child(4) div {-webkit-animation-delay: -4s;-webkit-transform: rotate(65deg);animation-delay: -4s;transform: rotate(65deg);}
.smoke-particle-container:nth-child(5) div {-webkit-animation-delay: -2s;-webkit-transform: rotate(45deg);animation-delay: -2s;transform: rotate(45deg);}
.smoke-particle-container:nth-child(6) div {-webkit-animation-delay: -2s;-webkit-transform: rotate(-45deg);animation-delay: -2s;transform: rotate(-45deg);}

/* Nav item */
#nav-left img {filter: drop-shadow(rgba(2, 71, 121, 1) 0px 0px 20px);}

/* Men in foreground */
#qurisqabu-men {position: absolute;background-image: url(images/qurisqabu-men.png);width: 562px;height: 759px;background-size: 562px;left: 50%;top: 0;margin-left: -244px;background-repeat: no-repeat;}

/* Flying leaves */
#flying-leaves {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
#flying-leaf-1-container, #flying-leaf-5-container {position: absolute;top: 400px;left: -70px;width: 42px;height: 20px;-webkit-animation: fly-leaf-1-container 3s linear 2s infinite normal;animation: fly-leaf-1-container 3s linear 2s infinite normal;}
#flying-leaf-5-container {top: 250px;-webkit-animation: fly-leaf-5-container 3.5s linear 4s infinite normal;animation: fly-leaf-5-container 3.5s linear 4s infinite normal;}
#flying-leaf-1, #flying-leaf-5 {position: absolute;top: 0;left: 0;width: 42px;height: 20px;background: url(images/leaf_small_1.png) no-repeat;background-size: 100%;-webkit-animation: fly-leaf-1 3s linear 2s infinite normal;animation: fly-leaf-1 3s linear 2s infinite normal;-webkit-transform-origin: center center;transform-origin: center center;}
#flying-leaf-2-container {position: absolute;top: 500px;left: -70px;width: 64px;height: 30px;-webkit-animation: fly-leaf-2-container 3.3s linear 2s infinite normal;animation: fly-leaf-2-container 3.3s linear 2s infinite normal;}
#flying-leaf-2 {position: absolute;top: 0;left: 0;width: 64px;height: 30px;background: url(images/leaf_small_1.png) no-repeat;-webkit-animation: fly-leaf-2 3.3s linear 2.2s infinite normal;animation: fly-leaf-2 3.3s linear 2.2s infinite normal;-webkit-transform: rotate3d(0.5,0.8,0.5,80deg) scale(0.5);-webkit-transform-origin: center center;transform: rotate3d(0.5,0.8,0.5,80deg) scale(0.5);transform-origin: center center;}
#flying-leaf-3-container {position: absolute;top: 300px;left: -70px;width: 50px;height: 24px;-webkit-animation: fly-leaf-3-container 3.2s linear 2.4s infinite normal;animation: fly-leaf-3-container 3.2s linear 2.4s infinite normal;}
#flying-leaf-3 {position: absolute;top: 0;left: 0;width: 50px;height: 24px;background: url(images/leaf_small_yellow_1.png) no-repeat;background-size: 100%;-webkit-animation: fly-leaf-3 3.2s ease 2.4s infinite normal;animation: fly-leaf-3 3.2s ease 2.4s infinite normal;-webkit-transform: rotate3d(0.5,0.8,0.5,80deg) scale(1);-webkit-transform-origin: center center;transform: rotate3d(0.5,0.8,0.5,80deg) scale(1);transform-origin: center center;}
#flying-leaf-4-container {position: absolute;top: 750px;left: -70px;width: 64px;height: 30px;-webkit-animation: fly-leaf-4-container 3.1s linear 2.8s infinite normal;animation: fly-leaf-4-container 3.1s linear 2.8s infinite normal;}
#flying-leaf-4 {position: absolute;top: 0;left: 0;width: 64px;height: 30px;background: url(images/leaf_small_yellow_1.png) no-repeat;-webkit-animation: fly-leaf-4 3.1s linear 2.8s infinite normal;animation: fly-leaf-4 3.1s linear 2.8s infinite normal;-webkit-transform: rotate3d(0.5,0.8,0.5,80deg);-webkit-transform-origin: center center;transform: rotate3d(0.5,0.8,0.5,80deg);transform-origin: center center;}
#flying-leaf-5 {top: 0;left: 0;-webkit-animation: fly-leaf-1 3s linear 4s infinite normal;animation: fly-leaf-1 3s linear 4s infinite normal;-webkit-transform-origin: center center;transform-origin: center center;}
@-webkit-keyframes fly-leaf-1-container {
	0% {-webkit-transform: translateX(0) translateY(0);}
	21% {-webkit-transform: translateX(1200px) translateY(-100px);}
	42% {-webkit-transform: translateX(2400px) translateY(-150px);}
	63% {-webkit-transform: translateX(3600px) translateY(-250px);}
	77% {-webkit-transform: translateX(4800px) translateY(-250px);}
	100% {-webkit-transform: translateX(4800px) translateY(-250px);}
}
@-webkit-keyframes fly-leaf-1 {
	21% {-webkit-transform: rotate3d(1,1,0.5,180deg);}
	43% {-webkit-transform: rotate3d(1,1,0.5,350deg);}
	63% {-webkit-transform: rotate3d(1,1,1,540deg);}
}
@-webkit-keyframes fly-leaf-2-container {
	0% {-webkit-transform: translateX(0) translateY(0);}
	21% {-webkit-transform: translateX(1000px) translateY(-100px);}
	42% {-webkit-transform: translateX(2000px) translateY(-150px);}
	63% {-webkit-transform: translateX(3000px) translateY(-200px);}
	77% {-webkit-transform: translateX(4000px) translateY(-200px);}
	100% {-webkit-transform: translateX(4000px) translateY(-200px);}
}
@-webkit-keyframes fly-leaf-2 {
	21% {-webkit-transform: rotate3d(1,1,0.5,150deg) scale(0.5);}
	42% {-webkit-transform: rotate3d(1,0.8,0.5,320deg) scale(0.5);}
	63% {-webkit-transform: rotate3d(1,0.7,1,500deg scale(0.5))}
}
@-webkit-keyframes fly-leaf-3-container {
	0% {-webkit-transform: translateX(0) translateY(0);}
	21% {-webkit-transform: translateX(1200px) translateY(240px);}
	28% {-webkit-transform: translateX(1600px) translateY(240px);}
	35% {-webkit-transform: translateX(2000px) translateY(230px);}
	42% {-webkit-transform: translateX(2400px) translateY(210px);}
	63% {-webkit-transform: translateX(3600px) translateY(150px);}
	77% {-webkit-transform: translateX(4800px) translateY(100px);}
	100% {-webkit-transform: translateX(4800px) translateY(100px);}
}
@-webkit-keyframes fly-leaf-3 {
	21% {-webkit-transform: rotate3d(1,1,0.5,180deg);}
	42% {-webkit-transform: rotate3d(1,1,0.5,350deg);}
	63% {-webkit-transform: rotate3d(1,1,1,500deg)}
}
@-webkit-keyframes fly-leaf-4-container {
	0% {-webkit-transform: translateX(0) translateY(0);}
	21% {-webkit-transform: translateX(-1200px) translateY(0);}
	42% {-webkit-transform: translateX(-2400px) translateY(-50px);}
	63% {-webkit-transform: translateX(-3600px) translateY(-100px);}
	77% {-webkit-transform: translateX(-4800px) translateY(-100px);}
	100% {-webkit-transform: translateX(-4800px) translateY(-100px);}
}
@-webkit-keyframes fly-leaf-4 {
	21% {-webkit-transform: rotate3d(1,1,0.5,180deg) scale(0.8);}
	42% {-webkit-transform: rotate3d(1,1,0.5,350deg) scale(0.7);}
	63% {webkit-transform: rotate3d(1,1,1,540deg) scale(0.6);}
}
@-webkit-keyframes fly-leaf-5-container {
	0% {-webkit-transform: translateX(0) translateY(0);}
	14% {-webkit-transform: translateX(800px) translateY(100px);}
	21% {-webkit-transform: translateX(1200px) translateY(75px);}
	28% {-webkit-transform: translateX(1600px) translateY(50px);}
	42% {-webkit-transform: translateX(2400px) translateY(-50px);}
	63% {-webkit-transform: translateX(3600px) translateY(-100px);}
	77% {-webkit-transform: translateX(4800px) translateY(-100px);}
	100% {-webkit-transform: translateX(4800px) translateY(-100px);}
}
@keyframes fly-leaf-1-container {
	0% {transform: translateX(0) translateY(0);}
	21% {transform: translateX(1200px) translateY(-100px);}
	42% {transform: translateX(2400px) translateY(-150px);}
	63% {transform: translateX(3600px) translateY(-250px);}
	77% {transform: translateX(4800px) translateY(-250px);}
	100% {transform: translateX(4800px) translateY(-250px);}
}
@keyframes fly-leaf-1 {
	21% {transform: rotate3d(1,1,0.5,180deg);}
	42% {transform: rotate3d(1,1,0.5,350deg);}
	63% {transform: rotate3d(1,1,1,540deg);}
}
@keyframes fly-leaf-2-container {
	0% {transform: translateX(0) translateY(0);}
	21% {transform: translateX(1000px) translateY(-100px);}
	42% {transform: translateX(2000px) translateY(-150px);}
	63% {transform: translateX(3000px) translateY(-200px);}
	77% {transform: translateX(4000px) translateY(-200px);}
	100% {transform: translateX(4000px) translateY(-200px);}
}
@keyframes fly-leaf-2 {
	21% {transform: rotate3d(1,1,0.5,150deg) scale(0.5);}
	42% {transform: rotate3d(1,0.8,0.5,320deg) scale(0.5);}
	63% {transform: rotate3d(1,0.7,1,500deg scale(0.5))}
}
@keyframes fly-leaf-3-container {
	0% {transform: translateX(0) translateY(0);}
	21% {transform: translateX(1200px) translateY(240px);}
	28% {transform: translateX(1600px) translateY(240px);}
	35% {transform: translateX(2000px) translateY(230px);}
	42% {transform: translateX(2400px) translateY(210px);}
	63% {transform: translateX(3600px) translateY(150px);}
	77% {transform: translateX(4800px) translateY(100px);}
	100% {transform: translateX(4800px) translateY(100px);}
}
@keyframes fly-leaf-3 {
	21% {transform: rotate3d(1,1,0.5,180deg);}
	42% {transform: rotate3d(1,1,0.5,390deg);}
	63% {transform: rotate3d(1,1,0.5,540deg);}
}
@keyframes fly-leaf-4-container {
	0% {transform: translateX(0) translateY(0);}
	21% {transform: translateX(1200px) translateY(0);}
	42% {transform: translateX(2400px) translateY(-50px);}
	63% {transform: translateX(3600px) translateY(-100px);}
	77% {transform: translateX(4800px) translateY(-100px);}
	100% {transform: translateX(4800px) translateY(-100px);}
}
@keyframes fly-leaf-4 {
	21% {transform: rotate3d(1,1,0.5,180deg) scale(0.8);}
	72% {transform: rotate3d(1,1,0.5,350deg) scale(0.7);}
	63% {webkit-transform: rotate3d(1,1,1,540deg) scale(0.6);}
}
@keyframes fly-leaf-5-container {
	0% {transform: translateX(0) translateY(0);}
	14% {transform: translateX(800px) translateY(100px);}
	21% {transform: translateX(1200px) translateY(75px);}
	28% {transform: translateX(1600px) translateY(50px);}
	42% {transform: translateX(2400px) translateY(-50px);}
	63% {transform: translateX(3600px) translateY(-100px);}
	77% {transform: translateX(4800px) translateY(-100px);}
	100% {transform: translateX(4800px) translateY(-100px);}
}
@media screen and (min-width: 1600px) {
	#flying-leaf-1-container {-webkit-animation-duration: 2s;animation-duration: 2s;}	
	#flying-leaf-1 {-webkit-animation-duration: 2s;animation-duration: 2s;}	
	#flying-leaf-2-container {-webkit-animation-duration: 2.3s;animation-duration: 2.3s;}
	#flying-leaf-2 {-webkit-animation-duration: 2.3s;animation-duration: 2.3s;}	
	#flying-leaf-3-container {-webkit-animation-duration: 2.2s;animation-duration: 2.2s;}
	#flying-leaf-3 {-webkit-animation-duration: 2.2s;animation-duration: 2.2s;}
	#flying-leaf-4-container {-webkit-animation-duration: 2.1s;animation-duration: 2.1s;}
	#flying-leaf-4 {-webkit-animation-duration: 2.1s;animation-duration: 2.1s;}
	#flying-leaf-5-container {-webkit-animation-duration: 1.9s;animation-duration: 1.9s;}
	#flying-leaf-5 {-webkit-animation-duration: 1.9s;animation-duration: 1.9s;}
}