body,
html {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Helvetica', sans-serif;
	background: white;
	
}

@-webkit-keyframes animCloud{
	from{
		-webkit-transform:translateX(100%)
	}
	to{
		-webkit-transform:translateX(-100%)
	}
}
@-moz-keyframes animCloud{
	from{
		-moz-transform:translateX(100%)
	}
	to{
		-moz-transform:translateX(-100%)
	}
}
@keyframes animCloud{
	from{
		-webkit-transform:translateX(100%);
		-moz-transform:translateX(100%);
		-ms-transform:translateX(100%);
		-o-transform:translateX(100%);
		transform:translateX(100%)
	}
	to{
		-webkit-transform:translateX(-100%);
		-moz-transform:translateX(-100%);
		-ms-transform:translateX(-100%);
		-o-transform:translateX(-100%);
		transform:translateX(-100%)
	}
}
#cloud1{
	-webkit-animation:animCloud 25s infinite linear;
	-moz-animation:animCloud 25s infinite linear;
	animation:animCloud 25s infinite linear
}
#cloud2{
	-webkit-animation:animCloud 35s infinite linear;
	-moz-animation:animCloud 35s infinite linear;
	animation:animCloud 35s infinite linear;
  filter:blur(5px);  
}
#cloud3{
	-webkit-animation:animCloud 45s infinite linear;
	-moz-animation:animCloud 45s infinite linear;
	animation:animCloud 45s infinite linear
}
#cloud4{
	-webkit-animation:animCloud 55s infinite linear;
	-moz-animation:animCloud 55s infinite linear;
	animation:animCloud 55s infinite linear
}


.container {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position:relative;
    overflow:hidden;
}

#clouds .cloud_img{
	width: 100%;
    left: 0;
    top: 10%;
    position: absolute;
	display:flex;
	height:100vh;
	width:100vw;
  pointer-events: none;
}
#clouds #cloud_bg{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	object-fit:cover;
	filter:  blur(3px);
}
#clouds .cloud_img{
	width: 100%;
    left: 0;
    top: 10%;
    position: absolute;
	z-index:99999;
  object-fit:contain;
  pointer-events: none;
}
#clouds:before {
    content: " ";
    position: absolute;
    top: 0;
	left:0;
    width: 100vw;
    height: 100vh;
    background: rgba(32,35,45,0.05);
    z-index: 0;
	z-index:99999;
}
#txt{z-index:99999;padding:20px 40px;background-color:white;border-radius:5px;box-shadow: 0px 1px 0px rgba(17,17,26,0.05), 0px 0px 8px rgba(17,17,26,0.1)}
#logo_wrapper{z-index:99999;}
h3{color:#808080;font-size:38px;line-height:1em;margin:0;padding:0;font-weight:500}
footer{z-index:9999;margin-top:auto;bottom:0;color:#000;padding-bottom:30px;font-size:15px;opacity:.5}
footer p{display:inline-block;padding:0 20px;font-size:15px;line-height:1em;font-weight:400;font-size:24px;}
#report{z-index:99999;color:#808080;padding-top:30px;font-size:15px;pointer-events:none;display:flex;flex-direction:column;text-align:center;}
#report span:first-child{margin-bottom:10px;}
 .e-mail:before {
content: attr(data-website) "\0040" attr(data-user);
unicode-bidi: bidi-override;
direction: rtl;
display:inline-block;
padding:0;
}