.workarea {
	width: 100%;
	height: 100vh;
	position: relative;
	background: transparent url(../images/home/bg-big.jpg) no-repeat top center;
	background-size: 100% 100vh;
}
.cloud1 {
	width: 100%;
	height: 100vh;
	position: absolute;
	background: transparent url('../images/home/cloud1.png') repeat top left;
	opacity: 0.9;
	background-size: 100% auto;
	background-position:0px 0px;
    -webkit-animation: cloud-effect 250s linear infinite;
       -moz-animation: cloud-effect 250s linear infinite;
        -ms-animation: cloud-effect 250s linear infinite;
         -o-animation: cloud-effect 250s linear infinite;
            animation: cloud-effect 250s linear infinite;
}
.cloud2 {
	width: 100%;
	height: 100vh;
	position: absolute;
	background: transparent url('../images/home/cloud2.png') repeat top left;
	opacity: 0.9;
	background-size: 100% auto;
	background-position:0px 0px;
    -webkit-animation: cloud-effect 150s linear infinite;
       -moz-animation: cloud-effect 150s linear infinite;
        -ms-animation: cloud-effect 150s linear infinite;
         -o-animation: cloud-effect 150s linear infinite;
            animation: cloud-effect 150s linear infinite;
}
.cloud3 {
	width: 100%;
	height: 100vh;
	position: absolute;
	background: transparent url('../images/home/cloud3.png') repeat top left;
	opacity: 0.9;
	background-size: 100% auto;
	background-position:0px 0px;
    -webkit-animation: cloud-effect 500s linear infinite;
       -moz-animation: cloud-effect 500s linear infinite;
        -ms-animation: cloud-effect 500s linear infinite;
         -o-animation: cloud-effect 500s linear infinite;
            animation: cloud-effect 500s linear infinite;
}
.moon {
	width: 100%;
	height: 100vh;
	position: absolute;
	background: transparent url(../images/home/moon-big.png) no-repeat top center;
	background-size: 100% 100vh;
}
.candle1 {
	width: 100%;
	height: 100vh;
	position: absolute;
	background: transparent url(../images/home/candle-big.png) repeat top center;
	background-size: 100% 100vh;
	opacity: 0;
    -webkit-animation: candle1-effect 50s infinite ease-in-out;
       -moz-animation: candle1-effect 50s infinite ease-in-out;
        -ms-animation: candle1-effect 50s infinite ease-in-out;
         -o-animation: candle1-effect 50s infinite ease-in-out;
            animation: candle1-effect 50s infinite ease-in-out;
}
.candle2 {
	width: 100%;
	height: 100vh;
	position: absolute;
	background: transparent url(../images/home/candle-big.png) repeat top center;
	background-size: 100% 100vh;
	opacity: 0;
    -webkit-animation: candle2-effect 50s infinite ease-in-out;
       -moz-animation: candle2-effect 50s infinite ease-in-out;
        -ms-animation: candle2-effect 50s infinite ease-in-out;
         -o-animation: candle2-effect 50s infinite ease-in-out;
            animation: candle2-effect 50s infinite ease-in-out;
}
.candle3 {
	width: 100%;
	height: 100vh;
	position: absolute;
	background: transparent url(../images/home/candle-big.png) repeat top center;
	background-size: 100% 100vh;
	top: -50px;
	opacity: 0;
    -webkit-animation: candle3-effect 50s infinite ease-in-out;
       -moz-animation: candle3-effect 50s infinite ease-in-out;
        -ms-animation: candle3-effect 50s infinite ease-in-out;
         -o-animation: candle3-effect 50s infinite ease-in-out;
            animation: candle3-effect 50s infinite ease-in-out;
}
.candle4 {
	width: 100%;
	height: 100vh;
	position: absolute;
	background: transparent url(../images/home/candle-big.png) repeat top center;
	background-size: 100% 100vh;
	top: -50px;
	opacity: 0;
    -webkit-animation: candle4-effect 50s infinite ease-in-out;
       -moz-animation: candle4-effect 50s infinite ease-in-out;
        -ms-animation: candle4-effect 50s infinite ease-in-out;
         -o-animation: candle4-effect 50s infinite ease-in-out;
            animation: candle4-effect 50s infinite ease-in-out;
}
.candle {
    width: 100%;
    height: 100vh;
    position: absolute;
    background: transparent url('../images/home/candle-big.png') repeat top left;
    background-position:0px 100vh;
    -webkit-animation: candle-effect 100s linear infinite;
       -moz-animation: candle-effect 100s linear infinite;
        -ms-animation: candle-effect 100s linear infinite;
         -o-animation: candle-effect 100s linear infinite;
            animation: candle-effect 100s linear infinite;
}
.palace {
	width: 100%;
	height: 100vh;
	position: absolute;
	background: transparent url(../images/home/palace-big.png) no-repeat top center;
	background-size: 100% 100vh;
}
.light {
	width: 100%;
	height: 100vh;
	position: absolute;
	background: transparent url(../images/home/light-big.png) no-repeat top center;
	background-size: 100% 100vh;
	opacity: 0;
    -webkit-animation: light-effect 4s infinite;
       -moz-animation: light-effect 4s infinite;
        -ms-animation: light-effect 4s infinite;
         -o-animation: light-effect 4s infinite;
            animation: light-effect 4s infinite;
}
.overlay-cloud {
	width: 100%;
	height: 100vh;
	position: absolute;
	background: transparent url('../images/home/overlay-cloud.png') repeat top left;
	background-size: 100% 100vh;
	background-position:0px 100vh;
    -webkit-animation: overlay-cloud-effect 10s linear infinite;
       -moz-animation: overlay-cloud-effect 10s linear infinite;
        -ms-animation: overlay-cloud-effect 10s linear infinite;
         -o-animation: overlay-cloud-effect 10s linear infinite;
            animation: overlay-cloud-effect 10s linear infinite;
}
.bheem {
	width: 100%;
	height: 100vh;
	position: absolute;
	background: url(../images/home/bheem-big.png) no-repeat center center;
	background-size: 100% auto;
	-webkit-animation: bheem 3s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: bheem 3s; /* Firefox < 16 */
	-ms-animation: bheem 3s; /* Internet Explorer */
	-o-animation: bheem 3s; /* Opera < 12.1 */
	animation: bheem 3s;
}
.cast-left {
    width: 50%;
    height: 100vh;
    left: 0px;
    bottom: 0px;
	position: absolute;
    background: url('../images/home/cast-left.png') no-repeat bottom left;
    background-size: auto 100vh;
    -webkit-animation: move-cast-left 3s;
       -moz-animation: move-cast-left 3s;
        -ms-animation: move-cast-left 3s;
         -o-animation: move-cast-left 3s;
            animation: move-cast-left 3s;
} 
.cast-right {
    width: 50%;
    height: 100vh;
    right: 0px;
    bottom: 0px;
	position: absolute;
    background: url('../images/home/cast-right.png') no-repeat bottom right;
    background-size: auto 100vh;
    -webkit-animation: move-cast-right 3s;
       -moz-animation: move-cast-right 3s;
        -ms-animation: move-cast-right 3s;
         -o-animation: move-cast-right 3s;
            animation: move-cast-right 3s;
}
.cast {
	width: 100%;
	height: 100vh;
	position: absolute;
	background: url(../images/home/cast-big.png) no-repeat bottom center;
	background-size: 100% auto;
	-webkit-animation: cast 3.5s;
	-moz-animation: cast 3.5s;
	-ms-animation: cast 3.5s;
	-o-animation: cast 3.5s;
	animation: cast 3.5s;
}
.text {
	width: 100%;
	height: 100vh;
	position: absolute;
	background: url(../images/home/text-big.png) no-repeat bottom center;
	/*background-size: 100% 100vh;*/
	-webkit-animation: texta 3s;
	-moz-animation: texta 3s;
	-ms-animation: texta 3s;
	-o-animation: texta 3s;
	animation: texta 3s;
}
.play {
	width: 100%;
	height: 100vh;
	position: absolute;
	cursor: pointer;
}
@media (orientation:portrait) {
	.workarea {
		width: 100%;
		height: 100vh;
		position: relative;
		background: transparent url(../images/home/bg-small.jpg) no-repeat top center;
		background-size: 100% 100vh;
	}
	.cloud1 {
		width: 100%;
		height: 100vh;
		position: absolute;
		background: transparent url('../images/home/cloud1-small.png') repeat top left;
		opacity: 0.9;
		background-size: 100% auto;
		background-position:0px 0px;
	    -webkit-animation: cloud-effect 250s linear infinite;
	       -moz-animation: cloud-effect 250s linear infinite;
	        -ms-animation: cloud-effect 250s linear infinite;
	         -o-animation: cloud-effect 250s linear infinite;
	            animation: cloud-effect 250s linear infinite;
	}
	.cloud2 {
		width: 100%;
		height: 100vh;
		position: absolute;
		background: transparent url('../images/home/cloud2-small.png') repeat top left;
		opacity: 0.9;
		background-size: 100% auto;
		background-position:0px 0px;
	    -webkit-animation: cloud-effect 150s linear infinite;
	       -moz-animation: cloud-effect 150s linear infinite;
	        -ms-animation: cloud-effect 150s linear infinite;
	         -o-animation: cloud-effect 150s linear infinite;
	            animation: cloud-effect 150s linear infinite;
	}
	.cloud3 {
		width: 100%;
		height: 100vh;
		position: absolute;
		background: transparent url('../images/home/cloud3-small.png') repeat top left;
		opacity: 0.9;
		background-size: 100% auto;
		background-position:0px 0px;
	    -webkit-animation: cloud-effect 500s linear infinite;
	       -moz-animation: cloud-effect 500s linear infinite;
	        -ms-animation: cloud-effect 500s linear infinite;
	         -o-animation: cloud-effect 500s linear infinite;
	            animation: cloud-effect 500s linear infinite;
	}
	.moon {
		width: 100%;
		height: 100vh;
		position: absolute;
		background: transparent url(../images/home/moon-small.png) no-repeat top center;
		background-size: cover;
        top: 41px;
	}
	.candle {
	    width: 100%;
	    height: 100vh;
	    position: absolute;
	    background: transparent url('../images/home/candle-small.png') repeat top left;
	    background-position:0px 0px;
	    -webkit-animation: candle-effect 100s linear infinite;
	       -moz-animation: candle-effect 100s linear infinite;
	        -ms-animation: candle-effect 100s linear infinite;
	         -o-animation: candle-effect 100s linear infinite;
	            animation: candle-effect 100s linear infinite;
	}
	.palace {
		width: 100%;
		height: 100vh;
		position: absolute;
		background: transparent url(../images/home/palace-small.png) no-repeat top center;
		background-size: 100% 100vh;
	}
	.light {
		width: 100%;
		height: 100vh;
		position: absolute;
		background: transparent url(../images/home/light-small.png) no-repeat top center;
		background-size: 100% 100vh;
		opacity: 0;
	    -webkit-animation: light-effect 4s infinite;
	       -moz-animation: light-effect 4s infinite;
	        -ms-animation: light-effect 4s infinite;
	         -o-animation: light-effect 4s infinite;
	            animation: light-effect 4s infinite;
	}
	.overlay-cloud {
		width: 100%;
		height: 100vh;
		position: absolute;
		background: transparent url('../images/home/overlay-cloud.png') repeat top left;
		background-size: 100% 100vh;
		background-position:0px 100vh;
	    -webkit-animation: overlay-cloud-effect 10s linear infinite;
	       -moz-animation: overlay-cloud-effect 10s linear infinite;
	        -ms-animation: overlay-cloud-effect 10s linear infinite;
	         -o-animation: overlay-cloud-effect 10s linear infinite;
	            animation: overlay-cloud-effect 10s linear infinite;
	}
	.bheem {
		width: 100%;
		height: 100vh;
		position: absolute;
		background: url(../images/home/bheem-small.png) no-repeat center center;
		background-size: 100% auto;
		-webkit-animation: bheem 3s; /* Safari, Chrome and Opera > 12.1 */
		-moz-animation: bheem 3s; /* Firefox < 16 */
		-ms-animation: bheem 3s; /* Internet Explorer */
		-o-animation: bheem 3s; /* Opera < 12.1 */
		animation: bheem 3s;
	}	
	.cast-left {
	    display: none;
	} 
	.cast-right {
	    display: none;
	}
	.cast {
	    display: none;
	}
	.text {
		width: 100%;
		height: 100vh;
		position: absolute;
		background: url(../images/home/text-small.png) no-repeat bottom center;
		background-size: 100% 100vh;
		-webkit-animation: texta 3s;
		-moz-animation: texta 3s;
		-ms-animation: texta 3s;
		-o-animation: texta 3s;
		animation: texta 3s;
	}
	.play {
		width: 100%;
		height: 100vh;
		position: absolute;
		cursor: pointer;
	}

}

@keyframes cloud-effect {
    0% {background-position:0px 0px;}
    100% {background-position:5000px 0px}
}
@-webkit-keyframes cloud-effect {
    0% {background-position:0px 0px;}
    100% {background-position:5000px 0px}
}
@-moz-keyframes cloud-effect {
    0% {background-position:0px 0px;}
    100% {background-position:5000px 0px}
}
@-ms-keyframes cloud-effect {
    0% {background-position:0px 0px;}
    100% {background-position:5000px 0px}
}

@keyframes light-effect {
    0% {opacity:0;} 50% {opacity:1;} 100% {opacity:0;}
}
@-moz-keyframes light-effect {
    0% {opacity:0;} 50% {opacity:1;} 100% {opacity:0;}
}
@-webkit-keyframes light-effect {
    0% {opacity:0;} 50% {opacity:1;} 100% {opacity:0;}
}
@-ms-keyframes light-effect {
    0% {opacity:0;} 50% {opacity:1;} 100% {opacity:0;}
}
@-o-keyframes light-effect {
    0% {opacity:0;} 50% {opacity:1;} 100% {opacity:0;}
}

@keyframes candle-effect {
    0% {background-position:-0px 100vh;}
    100% {background-position:0px -100vh}
}
@-webkit-keyframes candle-effect {
    0% {background-position:-0px 100vh;}
    100% {background-position:0px -100vh}
}
@-moz-keyframes candle-effect {
    0% {background-position:-0px 100vh;}
    100% {background-position:0px -100vh}
}
@-ms-keyframes candle-effect {
    0% {background-position:-0px 100vh;}
    100% {background-position:0px -100vh}
}

@keyframes candle1-effect {
    0% {left:0%; top:0px; opacity: 0;} 1% {opacity: 1;} 60% {left:20%; top:-50vh; opacity: 0;} 
    61% {left:0%; top:-50vh; opacity: 0;} 100% {left:0%; top:0vh; opacity: 0;} 
}
@-moz-keyframes candle1-effect {
    0% {left:0%; top:0px; opacity: 0;} 10% {opacity: 1;} 60% {left:20%; top:-50vh; opacity: 0;} 
    61% {left:0%; top:-50vh; opacity: 0;} 100% {left:0%; top:0vh; opacity: 0;} 
}
@-webkit-keyframes candle1-effect {
    0% {left:0%; top:0px; opacity: 0;} 10% {opacity: 1;} 60% {left:20%; top:-50vh; opacity: 0;} 
    61% {left:0%; top:-50vh; opacity: 0;} 100% {left:0%; top:0vh; opacity: 0;} 
}
@-ms-keyframes candle1-effect {
    0% {left:0%; top:0px; opacity: 0;} 10% {opacity: 1;} 60% {left:20%; top:-50vh; opacity: 0;} 
    61% {left:0%; top:-50vh; opacity: 0;} 100% {left:0%; top:0vh; opacity: 0;} 
}
@-o-keyframes candle1-effect {
    0% {left:0%; top:0px; opacity: 0;} 10% {opacity: 1;} 60% {left:20%; top:-50vh; opacity: 0;} 
    61% {left:0%; top:-50vh; opacity: 0;} 100% {left:0%; top:0vh; opacity: 0;} 
}

@keyframes candle2-effect {
    0% {left:0%; top:0vh; opacity: 0;} 1% {opacity: 1;} 60% {left:-20%; top:-50vh; opacity: 0;} 
    61% {left:0%; top:-50vh; opacity: 0;} 100% {left:0%; top:50vh; opacity: 0;} 
}
@-moz-keyframes candle2-effect {
    0% {left:0%; top:0vh; opacity: 0;} 1% {opacity: 1;} 60% {left:-20%; top:-50vh; opacity: 0;} 
    61% {left:0%; top:-50vh; opacity: 0;} 100% {left:0%; top:50vh; opacity: 0;} 
}
@-webkit-keyframes candle2-effect {
    0% {left:0%; top:0vh; opacity: 0;} 1% {opacity: 1;} 60% {left:-20%; top:-50vh; opacity: 0;} 
    61% {left:0%; top:-50vh; opacity: 0;} 100% {left:0%; top:50vh; opacity: 0;} 
}
@-ms-keyframes candle2-effect {
    0% {left:0%; top:0vh; opacity: 0;} 1% {opacity: 1;} 60% {left:-20%; top:-50vh; opacity: 0;} 
    61% {left:0%; top:-50vh; opacity: 0;} 100% {left:0%; top:50vh; opacity: 0;} 
}
@-o-keyframes candle2-effect {
    0% {left:0%; top:0vh; opacity: 0;} 1% {opacity: 1;} 60% {left:-20%; top:-50vh; opacity: 0;} 
    61% {left:0%; top:-50vh; opacity: 0;} 100% {left:0%; top:50vh; opacity: 0;} 
}

@keyframes candle3-effect {
    0% {left:0%; top:-50vh; opacity: 0;} 40% {left:0%; top:0px; opacity: 0;}  
    50% {opacity: 1;} 100% {left:20%; top:-50vh; opacity: 0;} 
}
@-moz-keyframes candle3-effect {
    0% {left:0%; top:-50vh; opacity: 0;} 40% {left:0%; top:0px; opacity: 0;}  
    50% {opacity: 1;} 100% {left:20%; top:-50vh; opacity: 0;} 
}
@-webkit-keyframes candle3-effect {
    0% {left:0%; top:-50vh; opacity: 0;} 40% {left:0%; top:0px; opacity: 0;}  
    50% {opacity: 1;} 100% {left:20%; top:-50vh; opacity: 0;} 
}
@-ms-keyframes candle3-effect {
    0% {left:0%; top:-50vh; opacity: 0;} 40% {left:0%; top:0px; opacity: 0;}  
    50% {opacity: 1;} 100% {left:20%; top:-50vh; opacity: 0;} 
}
@-o-keyframes candle3-effect {
    0% {left:0%; top:-50vh; opacity: 0;} 40% {left:0%; top:0px; opacity: 0;}  
    50% {opacity: 1;} 100% {left:20%; top:-50vh; opacity: 0;} 
}

@keyframes candle4-effect {
    0% {left:0%; top:-50vh; opacity: 0;} 40% {left:0%; top:50vh; opacity: 0;}  
    50% {top:0vh; opacity: 0;} 51% {opacity: 1;} 100% {left:-20%; top:-50vh; opacity: 0;} 
}
@-moz-keyframes candle4-effect {
    0% {left:0%; top:-50vh; opacity: 0;} 40% {left:0%; top:50vh; opacity: 0;}  
    50% {top:0vh; opacity: 0;} 51% {opacity: 1;} 100% {left:-20%; top:-50vh; opacity: 0;} 
}
@-webkit-keyframes candle4-effect {
    0% {left:0%; top:-50vh; opacity: 0;} 40% {left:0%; top:50vh; opacity: 0;}  
    50% {top:0vh; opacity: 0;} 51% {opacity: 1;} 100% {left:-20%; top:-50vh; opacity: 0;} 
}
@-ms-keyframes candle4-effect {
    0% {left:0%; top:-50vh; opacity: 0;} 40% {left:0%; top:50vh; opacity: 0;}  
    50% {top:0vh; opacity: 0;} 51% {opacity: 1;} 100% {left:-20%; top:-50vh; opacity: 0;} 
}
@-o-keyframes candle4-effect {
    0% {left:0%; top:-50vh; opacity: 0;} 40% {left:0%; top:50vh; opacity: 0;}  
    50% {top:0vh; opacity: 0;} 51% {opacity: 1;} 100% {left:-20%; top:-50vh; opacity: 0;} 
}

@keyframes overlay-cloud-effect {
    0% {background-position:-0px 100vh;}
    100% {background-position:0px -100vh}
}
@-webkit-keyframes overlay-cloud-effect {
    0% {background-position:-0px 100vh;}
    100% {background-position:0px -100vh}
}
@-moz-keyframes overlay-cloud-effect {
    0% {background-position:-0px 100vh;}
    100% {background-position:0px -100vh}
}
@-ms-keyframes overlay-cloud-effect {
    0% {background-position:-0px 100vh;}
    100% {background-position:0px -100vh}
}

@keyframes bheem { 0% { opacity: 0;} 100% { opacity: 1;} }
@-moz-keyframes bheem { 0% { opacity: 0;} 100% { opacity: 1;} }
@-webkit-keyframes bheem { 0% { opacity: 0;} 100% { opacity: 1;} }
@-ms-keyframes bheem { 0% { opacity: 0;} 100% { opacity: 1;} }
@-o-keyframes bheem { 0% { opacity: 0;} 100% { opacity: 1;} }

@keyframes texta { 0% { opacity: 0;} 30% { opacity: 0;} 100% { opacity: 1;} }
@-moz-keyframes texta { 0% { opacity: 0;} 30% { opacity: 0;} 100% { opacity: 1;} }
@-webkit-keyframes texta { 0% { opacity: 0;} 30% { opacity: 0;} 100% { opacity: 1;} }
@-ms-keyframes texta { 0% { opacity: 0;} 30% { opacity: 0;} 100% { opacity: 1;} }
@-o-keyframes texta { 0% { opacity: 0;} 30% { opacity: 0;} 100% { opacity: 1;} }

@keyframes cast { 0% { opacity: 0;} 40% { opacity: 0;} 100% { opacity: 1;} }
@-moz-keyframes cast { 0% { opacity: 0;} 40% { opacity: 0;} 100% { opacity: 1;}}
@-webkit-keyframes cast {  0% { opacity: 0;} 40% { opacity: 0;} 100% { opacity: 1;}}
@-ms-keyframes cast { 0% { opacity: 0;} 40% { opacity: 0;} 100% { opacity: 1;}}
@-o-keyframes cast { 0% { opacity: 0;} 40% { opacity: 0;} 100% { opacity: 1;}}
 
@keyframes move-cast-left {
    0% { left: -50%;} 50% { left: -50%;} 100% { left: 0%;}
}
@-moz-keyframes move-cast-left {
    0% { left: -50%;} 50% { left: -50%;} 100% { left: 0%;}
}
@-webkit-keyframes move-cast-left {
    0% { left: -50%;} 50% { left: -50%;} 100% { left: 0%;}
}
@-ms-keyframes move-cast-left {
    0% { left: -50%;} 50% { left: -50%;} 100% { left: 0%;}
}
@-o-keyframes move-cast-left {
    0% { left: -50%;} 50% { left: -50%;} 100% { left: 0%;}
}

@keyframes move-cast-right {
    0% { right: -50%;} 50% { right: -50%;} 100% { right: 0%;}
}
@-moz-keyframes move-cast-right {
    0% { right: -50%;} 50% { right: -50%;} 100% { right: 0%;}
}
@-webkit-keyframes move-cast-right {
    0% { right: -50%;} 50% { right: -50%;} 100% { right: 0%;}
}
@-ms-keyframes move-cast-right {
    0% { right: -50%;} 50% { right: -50%;} 100% { right: 0%;}
}
@-o-keyframes move-cast-right {
    0% { right: -50%;} 50% { right: -50%;} 100% { right: 0%;}
}

.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.embed-responsive-16by9 {
	padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
	padding-bottom: 75%;
}