img {
    position: absolute
}

#prajil-body {
    width: 100%;
    height: 100%
}



.container {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #354250;
    display: none; padding: 0px;
}
.scene {
    position: absolute;
    width: 100%;
    height: 100%; background: #;
}
.road-scene{background: #fff; position: fixed; width: 100%; height: 100%; top:-100%;  background-image: url("../img/space-stars.png")  ;
    background-color:#2E2C3E; background-size: 50% auto;}



.dark-sky {
    position: fixed;
    width: 100%;margin: 0 auto;
    height: 100%;    background:#2E2C3E url("../img/space-stars.png") ;
	background-size:30% auto;
    
   
    animation: star 99s linear infinite;
    -moz-animation: star 99s linear infinite;
    -webkit-animation: star 99s linear infinite;
    -ms-animation: star 99s linear infinite;
    -o-animation: star 99s linear infinite;
 
    
}


@keyframes star {
    0% { background-position: 0 0; }
    100% { background-position:  0 10000px; }
}
@-moz-keyframes star {
    0% { background-position: 0 0; }
    100% { background-position:  0  10000px; }
}
@-webkit-keyframes star {
    0% { background-position: 0 0; }
     100% { background-position:  0  10000px; }
}
@-ms-keyframes star {
    0% { background-position: 0 0; }
     100% { background-position:  0  10000px }
}
@-o-keyframes star {
    0% { background-position: 0 0; }
      100% { background-position:  0  10000px }
}

.scene1-inner {
    width: 1400px;
    height:269px;
    margin: 0 auto;
    position: absolute;
    min-height: 269px;
    left: 0;
    right: 0;    bottom: 0;
}


/*scene1--*/
/*contents--*/

.about {
    width: 440px;
    background: #fff;
    height: 215px;
    position: absolute;
    bottom: 34%;
    left: 5%;
    color: #A9A3A3;
    text-shadow: none;
    padding: 20px;
    text-align: center;
}

.top{ position: absolute; bottom:2%;}
/*contents--*/



.message {
    position: absolute;
    width: 270px;
    padding: 22px 0 0 50px;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
}
img.msg {
    position: absolute;
}
.scroll-down{ position: absolute; top:10%;
left:20%;}
.sky {
    height: 100%;
    background: #C0E8E8  url("../img/cloud-bg.png") no-repeat  ;
    background-position: center;
}
.scene1 {
    width: 1000px;
    height: 100%;
    min-height: 400px;
    margin: 0 auto;
    padding: 0% 0;
    position: relative;
}

img.superman-baloon {
    
    bottom: 0%;
    left:40%;
    z-index: 2
}

img.superman-baloon1 {
   
   
    bottom: 0%;
    left:40%;
    z-index: 2
}

img.superman-baloon2 {
   
    bottom: 0%;
    left:42.6%;
    z-index: 2
}

img.villan{ bottom:66%  right:-150%; max-width: 400px;
    max-height: 300px;}

.village {
    position: absolute;
    bottom: 0%;
    left: 0%;
    right: 0%;
}
img.wave{   max-width: 2000px;
    max-height: 300px;
   
    bottom: 0%;
    right: 0;}
img.wave2{   max-width: 2000px;
    max-height: 300px;
   
    bottom: 0%;
    right: 0;} 
img.wave3{   max-width: 2000px;
    max-height: 300px;
   
    bottom: 8%;
    right: 0;} 

div.travelling {
    width: 300px;
    height: 300px;
    position: fixed;
    bottom: 0;
   left:40%; z-index: 1000;
}



.road{ width: 12300px; z-index: 100;

position:fixed;
    background: url('../img/city.png'); min-height: 10px; height:366px; bottom:0;}

.road-full{ width: 20300px;

position:fixed;
    background: url('../img/road-full.png'); min-height: 10px; height:70px; bottom:0; z-index: 1; background-size: auto 90px;}

img.swim{  max-width: 300px; }
img.srav{  width: 200px;  height:185px;  left:0; bottom:-2%;}
img.srav-sup{  width: 400px;  height:216px; }
img.land{  }
img.cloud1 {
    max-width: 250px;
    max-height: 300px;
   
    top: 10%;
    right: 0
}

img.cloud2 {
    max-width: 150px;
    max-height: 300px;
   
    top: 25%;
    left: 0
}

img.rocket-road {
    z-index: 10;
}

img.rocket {
 
    position: absolute;
    left: 58%;
    right: 0;
    z-index: 0;
} 


.theng{ width: 440px; height: 400px; position: absolute;  bottom: -1%; right:-60%;z-index: 1000000 !important; display: block;}

.vallam-kali{ width: 800px; height: 424px; position: absolute;  bottom: 6%; right:-60%; display: block; z-index: 1 !important;}

/*scene1--*/


/*planet--*/
.planet-div {
    position: fixed;
    width: 1000px;
    height: 500px;
    top: 10%;
    right: 10%;
    left: 10%;
    bottom: 0;
}
height:500px; margin: 0 auto;}
.planet1{
    width: 204px;
    height:204px; position: absolute;
    
    
}

.planet2{
    width: 205px;
    height:205px;
    
    
}

.planet3{
    width:200px;
    height:117px;
    
    
}
.planet4{
    width:99px;
    height:53px;
    
    
}
.full-moon{
    width:350px;
    height:350px;
    
    
}


/*planet--*/



.floor-inner-below {
    width: 1000px;
    height: 35%;
    min-height: 200px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    top: -35%
}

img.side-table1 {
    max-width: 126px;
    max-height: 300px;
    height: 40%;
    top: 10%;
    right: 0
}
img.rug {
    max-width: 375px;
    max-height: 160px;
    height: 70%;
    top: 20%;
    z-index: 1
}
img.tree {
    max-width: 91px;
    max-height: 208px;
    height: 70%;
    right: 0;
    top: -20%
}
.img.half-moon{ width: 350px; height:350px;}

.roadworks-sign-text {
    position: absolute;
    width: 309px;
    height: 334px;
    color: #FFFFFF;
    font-family: BPdotsRegular;
    text-transform: uppercase;
    text-align: center;
    padding: 23px 10px 0 10px;
    font-size: 30px;
    line-height: 30px;
    text-shadow: 0 0 10px #fbcc6c;
    -webkit-animation-name: sign-flash;
    -moz-animation-name: sign-flash;
    -ms-animation-name: sign-flash;
    -o-animation-name: sign-flash;
    animation-name: sign-flash;
    -webkit-animation-duration: 2.5s;
    -moz-animation-duration: 2.5s;
    -ms-animation-duration: 2.5s;
    -o-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    -ms-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate
}
@keyframes "sign-flash" {
    30% {
        color: #fbdc9c;
        text-shadow: 0 0 10px #fbcc6c
    }
    50% {
        color: #ffffff;
        text-shadow: 0 0 15px #fbcc6c
    }
    70% {
        color: #fbdc9c;
        text-shadow: 0 0 5px #fbcc6c
    }
}
@-moz-keyframes sign-flash {
    30% {
        color: #fbdc9c;
        text-shadow: 0 0 10px #fbcc6c
    }
    50% {
        color: #ffffff;
        text-shadow: 0 0 15px #fbcc6c
    }
    70% {
        color: #fbdc9c;
        text-shadow: 0 0 5px #fbcc6c
    }
}
@-webkit-keyframes "sign-flash" {
    30% {
        color: #fbdc9c;
        text-shadow: 0 0 10px #fbcc6c
    }
    50% {
        color: #ffffff;
        text-shadow: 0 0 15px #fbcc6c
    }
    70% {
        color: #fbdc9c;
        text-shadow: 0 0 5px #fbcc6c
    }
}
@-ms-keyframes "sign-flash" {
    30% {
        color: #fbdc9c;
        text-shadow: 0 0 10px #fbcc6c
    }
    50% {
        color: #ffffff;
        text-shadow: 0 0 15px #fbcc6c
    }
    70% {
        color: #fbdc9c;
        text-shadow: 0 0 5px #fbcc6c
    }
}
@-o-keyframes "sign-flash" {
    30% {
        color: #fbdc9c;
        text-shadow: 0 0 10px #fbcc6c
    }
    50% {
        color: #ffffff;
        text-shadow: 0 0 15px #fbcc6c
    }
    70% {
        color: #fbdc9c;
        text-shadow: 0 0 5px #fbcc6c
    }
}

@keyframes "planet-bounce" {
    0% {
        margin-top: 10px
    }
    50% {
        margin-top: -15px
    }
    100% {
        margin-top: 6px
    }
}
@-moz-keyframes planet-bounce {
    0% {
        margin-top: 10px
    }
    50% {
        margin-top: -15px
    }
    100% {
        margin-top: 6px
    }
}
@-webkit-keyframes "planet-bounce" {
    0% {
        margin-top: 10px
    }
    50% {
        margin-top: -15px
    }
    100% {
        margin-top: 6px
    }
}
@-ms-keyframes "planet-bounce" {
    0% {
        margin-top: 10px
    }
    50% {
        margin-top: -15px
    }
    100% {
        margin-top: 6px
    }
}
@-o-keyframes "planet-bounce" {
    0% {
        margin-top: 10px
    }
    50% {
        margin-top: -15px
    }
    100% {
        margin-top: 6px
    }
}
.planet {
    -webkit-animation-name: planet-bounce;
    -moz-animation-name: planet-bounce;
    -ms-animation-name: planet-bounce;
    -o-animation-name: planet-bounce;
    animation-name: planet-bounce;
    -webkit-animation-duration: 2.5s;
    -moz-animation-duration: 2.5s;
    -ms-animation-duration: 2.5s;
    -o-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    -ms-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate
}
.planet-delay-1 {
    -webkit-animation-delay: 1.4s;
    -moz-animation-delay: 1.4s;
    -ms-animation-delay: 1.4s;
    -o-animation-delay: 1.4s;
    animation-delay: 1.4s
}
.planet-delay-2 {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -ms-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s
}
@keyframes "planet-bounce2" {
    0% {
        margin-top: 10px
    }
    50% {
        margin-top: -15px
    }
    100% {
        margin-top: 6px
    }
}
@-moz-keyframes planet-bounce2 {
    0% {
        margin-top: 10px
    }
    50% {
        margin-top: -15px
    }
    100% {
        margin-top: 6px
    }
}
@-webkit-keyframes "planet-bounce2" {
    0% {
        margin-top: 10px
    }
    50% {
        margin-top: -15px
    }
    100% {
        margin-top: 6px
    }
}
@-ms-keyframes "planet-bounce2" {
    0% {
        margin-top: 10px
    }
    50% {
        margin-top: -15px
    }
    100% {
        margin-top: 6px
    }
}
@-o-keyframes "planet-bounce2" {
    0% {
        margin-top: 10px
    }
    50% {
        margin-top: -15px
    }
    100% {
        margin-top: 6px
    }
}



.planet-bounce2 {
    -webkit-animation-name: planet-bounce2;
    -moz-animation-name: planet-bounce2;
    -ms-animation-name: planet-bounce2;
    -o-animation-name: planet-bounce2;
    animation-name: planet-bounce2;
    -webkit-animation-duration: 2.5s;
    -moz-animation-duration: 2.5s;
    -ms-animation-duration: 2.5s;
    -o-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    -ms-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
}








.wavee {
    -webkit-animation-name: wavee;
    -moz-animation-name: wavee;
    -ms-animation-name: wavee;
    -o-animation-name: wavee;
    animation-name: wavee;
    -webkit-animation-duration: 2.5s;
    -moz-animation-duration: 2.5s;
    -ms-animation-duration: 2.5s;
    -o-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    -ms-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    -ms-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;
}
@keyframes "wavee" {
  0% {
        left: -100px
    }
    50% {
       left: -75px
    }
    100% {
        left: -55px
    }
}
@-moz-keyframes wavee {
0% {
        left: -100px
    }
    50% {
       left: -75px
    }
    100% {
        left: -55px
    }

}
@-webkit-keyframes "wavee" {
  0% {
        left: -100px
    }
    50% {
       left: -75px
    }
    100% {
        left: -55px
    }

}
@-ms-keyframes "wavee" {
   0% {
        left: -100px
    }
    50% {
       left: -75px
    }
    100% {
        left: -55px
    }
}
@-o-keyframes "wavee" {
   0% {
        left: -100px
    }
    50% {
       left: -75px
    }
    100% {
        left: -55px
    }
}



.wavee1 {
    -webkit-animation-name: wavee1;
    -moz-animation-name: wavee1;
    -ms-animation-name: wavee1;
    -o-animation-name: wavee1;
    animation-name: wavee1;
    -webkit-animation-duration: 2.5s;
    -moz-animation-duration: 2.5s;
    -ms-animation-duration: 2.5s;
    -o-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    -ms-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    -ms-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;
}
@keyframes wavee1 {
  0% {
        right: -100px
    }
    50% {
       right: -75px
    }
    100% {
        right: -55px
    }
}
@-moz-keyframes wavee1 {
 0% {
        right: -100px
    }
    50% {
       right: -75px
    }
    100% {
        right: -55px
    }

}
@-webkit-keyframes "wavee1" {
  0% {
        right: -100px
    }
    50% {
       right: -75px
    }
    100% {
        right: -55px
    }

}
@-ms-keyframes "wavee1" {
   0% {
        right: -100px
    }
    50% {
       right: -75px
    }
    100% {
        right: -55px
    }
}
@-o-keyframes "wavee1" {
   0% {
        right: -100px
    }
    50% {
       right: -75px
    }
    100% {
        right: -55px
    }
}