.clous-container{position:absolute;top:0;left:0;width:100%;height:460px;z-index:0;}
#cl-1 ol,ul{list-style:none;}
#cl-1{width:100%;height:460px;float:left;margin:0;background-repeat:no-repeat;overflow:hidden;position:relative;}
#cl-1 #content{width:100%;float:left;z-index:4;position:relative;overflow:visible;}
#cl-1 ul#water{}
#cl-1 #clouds{position:absolute;top:0px;z-index:0;}
#cl-1 #cloud-group-1{width:100%;position:absolute;left:0px;-webkit-animation:cloud-group-1-animation 30s infinite linear;-moz-animation:cloud-group-1-animation 30s infinite linear;-o-animation:cloud-group-1-animation 30s infinite linear;-ms-animation:cloud-group-1-animation 30s infinite linear;animation:cloud-group-1-animation 30s infinite linear;}
#cl-1 #cloud-group-2{width:100%;position:absolute;left:720px;-webkit-animation:cloud-group-2-animation 30s infinite linear;-moz-animation:cloud-group-2-animation 30s infinite linear;-o-animation:cloud-group-2-animation 30s infinite linear;-ms-animation:cloud-group-2-animation 30s infinite linear;animation:cloud-group-2-animation 30s infinite linear;}
#cl-1 .cloud-1{width:519px;height:344px;background-image:url(../images/cloud-1.png);position:absolute;top:0px;left:100px;}
#cl-1 .cloud-2{width:519px;height:344px;background-image:url(../images/cloud-2.png);position:absolute;top:-25px;left:300px;}
#cl-1 .cloud-3{width:344px;height:215px;background-image:url(../images/cloud-3.png);position:absolute;top:-5px;left:530px;}
@-webkit-keyframes h2-animation{0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes h3-animation{0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes form-animation{0%{opacity:0;right:-400px;}
90%{opacity:0;right:-400px;}
95%{opacity:0.5;right:20px;}
100%{opacity:1;right:0px;}
}
@-webkit-keyframes boat-in-animation{0%{left:-200px;}
100%{left:20px;}
}
@-webkit-keyframes boat-animation{0%{bottom:0px;left:0px;}
25%{bottom:-2px;left:-2px;}
70%{bottom:2px;left:-4px;}
100%{bottom:-1px;left:0px;}
}
@-webkit-keyframes question-mark-animation{0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes cloud-group-1-animation{0%{left:0px;}
99.9999%{left:-720px;}
100%{left:0px;}
}
@-webkit-keyframes cloud-group-2-animation{0%{left:720px;}
99.9999%{left:0px;}
100%{left:720px;}
}
@-webkit-keyframes water-back-animation{0%{bottom:10px;left:-20px;}
25%{bottom:8px;left:-22px;}
70%{bottom:12px;left:-24px;}
100%{bottom:9px;left:-20px;}
}
@-webkit-keyframes water-front-animation{0%{bottom:-70px;left:-30px;}
25%{bottom:-68px;left:-32px;}
70%{bottom:-72px;left:-34px;}
100%{bottom:-69px;left:-30px;}
}
@-moz-keyframes h2-animation{0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes h3-animation{0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes form-animation{0%{opacity:0;right:-400px;}
90%{opacity:0;right:-400px;}
95%{opacity:0.5;right:20px;}
100%{opacity:1;right:0px;}
}
@-moz-keyframes boat-in-animation{0%{left:-200px;}
100%{left:20px;}
}
@-moz-keyframes boat-animation{0%{bottom:0px;left:0px;}
25%{bottom:-2px;left:-2px;}
70%{bottom:2px;left:-4px;}
100%{bottom:-1px;left:0px;}
}
@-moz-keyframes question-mark-animation{0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes cloud-group-1-animation{0%{left:0px;}
99.9999%{left:-720px;}
100%{left:0px;}
}
@-moz-keyframes cloud-group-2-animation{0%{left:720px;}
99.9999%{left:0px;}
100%{left:720px;}
}
@-moz-keyframes water-back-animation{0%{bottom:10px;left:-20px;}
25%{bottom:8px;left:-22px;}
70%{bottom:12px;left:-24px;}
100%{bottom:9px;left:-20px;}
}
@-moz-keyframes water-front-animation{0%{bottom:-70px;left:-30px;}
25%{bottom:-68px;left:-32px;}
70%{bottom:-72px;left:-34px;}
100%{bottom:-69px;left:-30px;}
}
@-o-keyframes h2-animation{0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1;}
}
@-o-keyframes h3-animation{0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1;}
}
@-o-keyframes form-animation{0%{opacity:0;right:-400px;}
90%{opacity:0;right:-400px;}
95%{opacity:0.5;right:20px;}
100%{opacity:1;right:0px;}
}
@-o-keyframes boat-in-animation{0%{left:-200px;}
100%{left:20px;}
}
@-o-keyframes boat-animation{0%{bottom:0px;left:0px;}
25%{bottom:-2px;left:-2px;}
70%{bottom:2px;left:-4px;}
100%{bottom:-1px;left:0px;}
}
@-o-keyframes question-mark-animation{0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1;}
}
@-o-keyframes cloud-group-1-animation{0%{left:0px;}
99.9999%{left:-720px;}
100%{left:0px;}
}
@-o-keyframes cloud-group-2-animation{0%{left:720px;}
99.9999%{left:0px;}
100%{left:720px;}
}
@-o-keyframes water-back-animation{0%{bottom:10px;left:-20px;}
25%{bottom:8px;left:-22px;}
70%{bottom:12px;left:-24px;}
100%{bottom:9px;left:-20px;}
}
@-o-keyframes water-front-animation{0%{bottom:-70px;left:-30px;}
25%{bottom:-68px;left:-32px;}
70%{bottom:-72px;left:-34px;}
100%{bottom:-69px;left:-30px;}
}
@-ms-keyframes h2-animation{0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1;}
}
@-ms-keyframes h3-animation{0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1;}
}
@-ms-keyframes form-animation{0%{opacity:0;right:-400px;}
90%{opacity:0;right:-400px;}
95%{opacity:0.5;right:20px;}
100%{opacity:1;right:0px;}
}
@-ms-keyframes boat-in-animation{0%{left:-200px;}
100%{left:20px;}
}
@-ms-keyframes boat-animation{0%{bottom:0px;left:0px;}
25%{bottom:-2px;left:-2px;}
70%{bottom:2px;left:-4px;}
100%{bottom:-1px;left:0px;}
}
@-ms-keyframes question-mark-animation{0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1;}
}
@-ms-keyframes cloud-group-1-animation{0%{left:0px;}
99.9999%{left:-720px;}
100%{left:0px;}
}
@-ms-keyframes cloud-group-2-animation{0%{left:720px;}
99.9999%{left:0px;}
100%{left:720px;}
}
@-ms-keyframes water-back-animation{0%{bottom:10px;left:-20px;}
25%{bottom:8px;left:-22px;}
70%{bottom:12px;left:-24px;}
100%{bottom:9px;left:-20px;}
}
@-ms-keyframes water-front-animation{0%{bottom:-70px;left:-30px;}
25%{bottom:-68px;left:-32px;}
70%{bottom:-72px;left:-34px;}
100%{bottom:-69px;left:-30px;}
}
@keyframes h2-animation{0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1;}
}
@keyframes h3-animation{0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1;}
}
@keyframes form-animation{0%{opacity:0;right:-400px;}
90%{opacity:0;right:-400px;}
95%{opacity:0.5;right:20px;}
100%{opacity:1;right:0px;}
}
@keyframes boat-in-animation{0%{left:-200px;}
100%{left:20px;}
}
@keyframes boat-animation{0%{bottom:0px;left:0px;}
25%{bottom:-2px;left:-2px;}
70%{bottom:2px;left:-4px;}
100%{bottom:-1px;left:0px;}
}
@keyframes question-mark-animation{0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1;}
}
@keyframes cloud-group-1-animation{0%{left:0px;}
99.9999%{left:-720px;}
100%{left:0px;}
}
@keyframes cloud-group-2-animation{0%{left:720px;}
99.9999%{left:0px;}
100%{left:720px;}
}
@keyframes water-back-animation{0%{bottom:10px;left:-20px;}
25%{bottom:8px;left:-22px;}
70%{bottom:12px;left:-24px;}
100%{bottom:9px;left:-20px;}
}
@keyframes water-front-animation{0%{bottom:-70px;left:-30px;}
25%{bottom:-68px;left:-32px;}
70%{bottom:-72px;left:-34px;}
100%{bottom:-69px;left:-30px;}
}
@-webkit-keyframes h2-animation-2{0%{opacity:0;font-size:0px;}
90%{opacity:0;font-size:0px;}
95%{opacity:1;font-size:60px;}
100%{font-size:50px;}
}
@-webkit-keyframes content-in-animation-2{0%{opacity:0;}
90%{opacity:0;}
95%{opacity:1;}
100%{opacity:1;}
}
@-webkit-keyframes water-in-animation-2{0%{top:600px;left:-10px;}
100%{top:380px;left:0px;}
}
@-webkit-keyframes water-front-animation-2{0%{top:2px;left:-30px;}
25%{top:0px;left:-32px;}
70%{top:4px;left:-34px;}
100%{top:1px;left:-30px;}
}
@-webkit-keyframes water-back-animation-2{0%{top:0px;left:-20px;}
25%{top:-2px;left:-22px;}
70%{top:2px;left:-24px;}
100%{top:-1px;left:-20px;}
}
@-webkit-keyframes boat-in-animation-2{0%{left:-150px;}
7%{left:-150px;}
75%{left:310px;}
75.0001%{left:-100px;}
90%{left:10px;}
100%{left:10px;}
}
@-webkit-keyframes boat-animation-2{0%{top:0px;left:0px;}
25%{top:-2px;left:-2px;}
70%{top:2px;left:-2px;}
100%{top:-1px;left:-1px;}
}
@-moz-keyframes h2-animation-2{0%{opacity:0;font-size:0px;}
90%{opacity:0;font-size:0px;}
95%{opacity:1;font-size:60px;}
100%{font-size:50px;}
}
@-moz-keyframes content-in-animation-2{0%{opacity:0;}
90%{opacity:0;}
95%{opacity:1;}
100%{opacity:1;}
}
@-moz-keyframes water-in-animation-2{0%{top:600px;left:-10px;}
100%{top:380px;left:0px;}
}
@-moz-keyframes water-front-animation-2{0%{top:2px;left:-30px;}
25%{top:0px;left:-32px;}
70%{top:4px;left:-34px;}
100%{top:1px;left:-30px;}
}
@-moz-keyframes water-back-animation-2{0%{top:0px;left:-20px;}
25%{top:-2px;left:-22px;}
70%{top:2px;left:-24px;}
100%{top:-1px;left:-20px;}
}
@-moz-keyframes boat-in-animation-2{0%{left:-150px;}
7%{left:-150px;}
75%{left:310px;}
75.0001%{left:-100px;}
90%{left:10px;}
100%{left:10px;}
}
@-moz-keyframes boat-animation-2{0%{top:0px;left:0px;}
25%{top:-2px;left:-2px;}
70%{top:2px;left:-2px;}
100%{top:-1px;left:-1px;}
}
@-o-keyframes h2-animation-2{0%{opacity:0;font-size:0px;}
90%{opacity:0;font-size:0px;}
95%{opacity:1;font-size:60px;}
100%{font-size:50px;}
}
@-o-keyframes content-in-animation-2{0%{opacity:0;}
90%{opacity:0;}
95%{opacity:1;}
100%{opacity:1;}
}
@-o-keyframes water-in-animation-2{0%{top:600px;left:-10px;}
100%{top:380px;left:0px;}
}
@-o-keyframes water-front-animation-2{0%{top:2px;left:-30px;}
25%{top:0px;left:-32px;}
70%{top:4px;left:-34px;}
100%{top:1px;left:-30px;}
}
@-o-keyframes water-back-animation-2{0%{top:0px;left:-20px;}
25%{top:-2px;left:-22px;}
70%{top:2px;left:-24px;}
100%{top:-1px;left:-20px;}
}
@-o-keyframes boat-in-animation-2{0%{left:-150px;}
7%{left:-150px;}
75%{left:310px;}
75.0001%{left:-100px;}
90%{left:10px;}
100%{left:10px;}
}
@-o-keyframes boat-animation-2{0%{top:0px;left:0px;}
25%{top:-2px;left:-2px;}
70%{top:2px;left:-2px;}
100%{top:-1px;left:-1px;}
}
@-ms-keyframes h2-animation-2{0%{opacity:0;font-size:0px;}
90%{opacity:0;font-size:0px;}
95%{opacity:1;font-size:60px;}
100%{font-size:50px;}
}
@-ms-keyframes content-in-animation-2{0%{opacity:0;}
90%{opacity:0;}
95%{opacity:1;}
100%{opacity:1;}
}
@-ms-keyframes water-in-animation-2{0%{top:600px;left:-10px;}
100%{top:380px;left:0px;}
}
@-ms-keyframes water-front-animation-2{0%{top:2px;left:-30px;}
25%{top:0px;left:-32px;}
70%{top:4px;left:-34px;}
100%{top:1px;left:-30px;}
}
@-ms-keyframes water-back-animation-2{0%{top:0px;left:-20px;}
25%{top:-2px;left:-22px;}
70%{top:2px;left:-24px;}
100%{top:-1px;left:-20px;}
}
@-ms-keyframes boat-in-animation-2{0%{left:-150px;}
7%{left:-150px;}
75%{left:310px;}
75.0001%{left:-100px;}
90%{left:10px;}
100%{left:10px;}
}
@-ms-keyframes boat-animation-2{0%{top:0px;left:0px;}
25%{top:-2px;left:-2px;}
70%{top:2px;left:-2px;}
100%{top:-1px;left:-1px;}
}
@keyframes h2-animation-2{0%{opacity:0;font-size:0px;}
90%{opacity:0;font-size:0px;}
95%{opacity:1;font-size:60px;}
100%{font-size:50px;}
}
@keyframes content-in-animation-2{0%{opacity:0;}
90%{opacity:0;}
95%{opacity:1;}
100%{opacity:1;}
}
@keyframes water-in-animation-2{0%{top:600px;left:-10px;}
100%{top:380px;left:0px;}
}
@keyframes water-front-animation-2{0%{top:2px;left:-30px;}
25%{top:0px;left:-32px;}
70%{top:4px;left:-34px;}
100%{top:1px;left:-30px;}
}
@keyframes water-back-animation-2{0%{top:0px;left:-20px;}
25%{top:-2px;left:-22px;}
70%{top:2px;left:-24px;}
100%{top:-1px;left:-20px;}
}
@keyframes boat-in-animation-2{0%{left:-150px;}
7%{left:-150px;}
75%{left:310px;}
75.0001%{left:-100px;}
90%{left:10px;}
100%{left:10px;}
}
@keyframes boat-animation-2{0%{top:0px;left:0px;}
25%{top:-2px;left:-2px;}
70%{top:2px;left:-2px;}
100%{top:-1px;left:-1px;}
}