@charset "utf-8";
html {background:#039bcc;}
body {margin:0; padding:0; background:#039bcc;
background: -moz-linear-gradient(top, #18b3ce 0%, #039bcc 85%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#18b3ce), color-stop(85%,#039bcc));
background: -webkit-linear-gradient(top, #18b3ce 0%,#039bcc 85%);
background: -o-linear-gradient(top, #18b3ce 0%,#039bcc 85%);
background: -ms-linear-gradient(top, #18b3ce 0%,#039bcc 85%); 
background: linear-gradient(to bottom, #18b3ce 0%,#039bcc 85%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18b3ce', endColorstr='#039bcc',GradientType=0 ); 
}
@media screen and (max-height: 1005px) {
body {
background: #039bcc; /* Old browsers */
background: -moz-linear-gradient(top, #18b3ce 0%, #039bcc 56%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#18b3ce), color-stop(56%,#039bcc));
background: -webkit-linear-gradient(top, #18b3ce 0%,#039bcc 56%); 
background: -o-linear-gradient(top, #18b3ce 0%,#039bcc 56%); 
background: -ms-linear-gradient(top, #18b3ce 0%,#039bcc 56%); 
background: linear-gradient(to bottom, #18b3ce 0%,#039bcc 56%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18b3ce', endColorstr='#039bcc',GradientType=0 ); 
http://www.colorzilla.com/gradient-editor/#18b3ce+0,039bcc+56;Custom
}
}
@media screen and (max-height: 800px) {
body {background: #039bcc}
}

.header {position:relative; overflow:hidden;}
	.header-content {position: relative; z-index: 10; width: 100%; height: 1110px; text-align: center;top: 0px; font-size:24px; text-shadow: 0 4px 5px -3px black; overflow-y:hidden;/*background:url(layout2.png) center top repeat-x;*/ }
	@media screen and (max-height: 1115px) { 
		.header-content {height: 600px;}
	}
	@media screen and (max-height: 605px) { 
	    .header-content {height: 300px;}
	}
.comingsoon {position: absolute; z-index: 10; width: 96%;  text-align: center; color:rgba(255, 255, 255, 0.73);top: 50%;margin: -200px 2% 0 2%; text-shadow: 1px 1px 9px rgba(8, 74, 105, 0.59); transition:0.3s;}
.comingsoon h1 {font-size:3vw; margin-top: 0px;}
.comingsoon .address {position:relative;font-size: 20px;color: #676D6F;text-shadow: 1px 1px 6px rgba(8, 74, 105, 0.36);line-height: 21px;margin-top: 20px;transition: 0.3s;background: rgba(255, 255, 255, 0.75);margin-left: -2%;width: 100%;padding: 10px 2%;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.47);}
.comingsoon .address div {margin-top:10px;}
.comingsoon img {display:block; width:25vw; max-width: 450px; min-width:190px; height:auto; margin:0 auto -3vw auto; opacity: 0.4; transition:0.3s;}
.content {margin-top:18px; font-size:30px; line-height: 30px;background: rgba(255, 255, 255, 0.34);padding: 16px 2%;margin: 0 0 0 -2%;width: 100%; transition:0.3s;}

	@media screen and (max-width: 960px) { 
		.comingsoon h1 {font-size:28px; line-height: 25px; margin-top:10px;}
		.comingsoon span {font-size:18px;}
	}
	
	
	
		/*-----------------------------------------------------------------------------*/
		/* animation: blink 1s steps(5, start) infinite;*/ /*-webkit-animation-delay:2s;*/
		.water-wrapper {position:fixed; bottom:-60px; width: 100%; overflow:hidden;} 
		.water1, .water2, .water3 {background:url(images/body4.jpg) #039bcc left bottom repeat-x; margin-left:0;}
		.water1 {  margin-left:-542px;
			-webkit-animation: anim1 35s linear alternate infinite;
			animation: anim1 35s linear alternate infinite;
		}
		.water2 {opacity:0; background-position:-175px bottom;
			-webkit-animation: anim2 5s linear infinite; -webkit-transform:scaleX(-1);
			animation: anim2 5s linear infinite; transform:scaleX(-1);
		}
		.water3 {opacity:0; height:365px; width:150%; min-width:1090px; background-position:175px bottom;
			-webkit-animation: anim3 5s linear infinite;
			animation: anim3 5s linear infinite;
		}
		
		@-webkit-keyframes anim1 {
		  0% {-webkit-transform: translate(0, 0); -webkit-animation-timing-function: ease-in;}
		  10% {-webkit-transform: translate(33px, 0);}
		  90% {-webkit-transform: translate(510px, 0); -webkit-animation-timing-function: ease-out;}
		  100% {-webkit-transform: translate(542px, 0);}
		}
		@-webkit-keyframes anim2 {
		  0% {opacity:0;}
		  33% {opacity:1;}
		  66% {opacity:1;}
		  100% {opacity:0;}
		}
		@-webkit-keyframes anim3 {
		  0% {opacity:0;}
		  33% {opacity:0;}
		  66% {opacity:1;}
		  100% {opacity:0;}
		}
		
		@keyframes anim1 {
		  0% {transform: translate(0, 0); animation-timing-function: ease-in;}
		  7% {transform: translate(33px, 0);}
		  93% {transform: translate(510px, 0); animation-timing-function: ease-out;}
		  100% {transform: translate(542px, 0);}
		}
		@keyframes anim2 {
		  0% {opacity:0;}
		  33% {opacity:1;}
		  66% {opacity:1;}
		  100% {opacity:0;}
		}
		@keyframes anim3 {
		  0% {opacity:0;}
		  33% {opacity:0;}
		  66% {opacity:1;}
		  100% {opacity:0;}
		}
		
		/*---------------------------------------------------------------------------------*/
		
		.animation1, .animation2  { position:absolute;  left:0; width:150%;  min-width:1760px; margin-left:-880px; height:100px; background:url(images/ray3.png) repeat-x left top; *display:none;}
		.animation1 { top:0; opacity:1; background:url(images/ray1.png) repeat-x left top; 
			-webkit-animation: ray 35s linear alternate infinite, fade1 2s  ease-in-out alternate infinite;
			animation: ray 35s linear alternate infinite, fade1 2s  ease-in-out alternate infinite;
		}
		.animation2 {top:-32px; opacity:0; background:url(images/ray2.png) repeat-x left top; 
			-webkit-animation: ray 25s linear alternate infinite, fade2 4s ease-in-out alternate infinite;
			animation: ray 25s linear alternate infinite, fade2 4s ease-in-out alternate infinite;
		}

		@-webkit-keyframes ray {
		  0% {-webkit-transform: translate(0, 0); -webkit-animation-timing-function: ease-in;}
		  7% {-webkit-transform: translate(44px, 0);}
		  93% {-webkit-transform: translate(838px, 0); -webkit-animation-timing-function: ease-out;}
		  100% {-webkit-transform: translate(880px, 0);}
		}
		@-webkit-keyframes fade1 {
		  100% {opacity:0;}
		}
		@-webkit-keyframes fade2 {
		  100% {opacity:1;}
		}
		
		@keyframes ray {
		  0% {transform: translate(0, 0); animation-timing-function: ease-in;}
		  7% {transform: translate(44px, 0);}
		  93% {transform: translate(838px, 0); animation-timing-function: ease-out;}
		  100% {transform: translate(880px, 0);}
		}
		@keyframes fade1 {
		  100% {opacity:0;}
		}
		@keyframes fade2 {
		  100% {opacity:1;}
		}
		
		/*--------------------------------------------------------------------------------------*/