/** {	
	width: 100%;
	height: 100%;
}*/

#header-animation {
	width: 100%;
	max-width:2500px;
	/*height:100vh;*/
	/*max-height: 1015px;*/
	/*background: url('int-banner-Large.jpg') no-repeat;*/
	background-size: contain;
	/*border: 1px solid red;*/
	position: relative;
}



#cloud1, #cloud2, #cloud3 {
	width: 18%;
	height: auto;
	position: absolute;
}

#cloud-bg {
	width: 100%;
	z-index:-10;
}

#cloud1 {
	z-index: 10;
	/*border: 1px solid green;*/
	left: 5%;
	-moz-animation: firstcloud 15s infinite linear;
	-webkit-animation: firstcloud 15s infinite linear;
	display: inline-block;
	top: 0;
}

#cloud2 {
	z-index: 20;
	/*border: 1px solid blue;*/
	left: 35%;
	-moz-animation: secondcloud 15s infinite linear;
	-webkit-animation: secondcloud 15s infinite linear;
	display: inline-block;
	top: 0;
}

#cloud3 {
	z-index: 1;
	/*border: 1px solid yellow;*/
	left: 58%;
	-moz-animation: thirdcloud 15s infinite linear;
	-webkit-animation: thirdcloud 15s infinite linear;
	display: inline-block;
	top: 0;
}


/* Animation Keyframes */

@-moz-keyframes firstcloud {
	0% {opacity: 0;}
	10% { opacity: 1; }
	90% {opacity: 1;}
	100% {opacity: 0; left: -5.333%;}
}

@-webkit-keyframes firstcloud {
	0% {opacity: 0;}
	10% { opacity: 1; }
	90% {opacity: 1;}
	100% {opacity: 0; left: -5.333%;}
}

@-moz-keyframes secondcloud {
	0% {opacity: 0;}
	12% {opacity: 0;}
	18% { opacity: 1; }
	82% {opacity: 1;}
	98% {opacity: 0; }
	100% {left: 28%; opacity: 0;}
}

@-webkit-keyframes secondcloud {
	0% {opacity: 0;}
	12% {opacity: 0;}
	18% { opacity: 1; }
	82% {opacity: 1;}
	98% {opacity: 0; }
	100% {left: 28%; opacity: 0;}
}

@-moz-keyframes thirdcloud {
	0% {opacity: 0;}
	16% { opacity: 1; }
	80% {opacity: 1;}
	95% {opacity: 0; }
	100% {left: 51%; opacity: 0;}
}

@-webkit-keyframes thirdcloud {
	0% {opacity: 0;}
	16% { opacity: 1; }
	80% {opacity: 1;}
	95% {opacity: 0; }
	100% {left: 51%; opacity: 0;}
}