body {
	margin:0;
	font-family: Arial;
	line-height: 140%;
	font-size: 14px;
	color: #fff;
}
a {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #7df;
	text-decoration: none;
}
h3 {
	font-weight: normal;
}
h2 {
	font-weight: normal;
	font-size: 14px;
}
h1 {
	font-weight: normal;
	font-size: 26px;
}
.top {
	position: fixed;
	text-align: center;
	width: 100%;
	bottom: 25%;
}
#logo {
	height: 100%;
	position: fixed;
	background-image: url(/img/logo2.png);
	background-position: 50% 35%;
	background-size: auto 20%;
	background-repeat: no-repeat;
	width: 100%;
	text-align: center;
}
#wrap {
	background-image: url(/img/bg_1.jpg);
	background-color:#000000;
	height: 100%;
	background-repeat: no-repeat;
	position: fixed;
	width: 100%;
	background-size: auto 100%;
	background-position: center;
	z-index:98;
}
#snow {
  position:fixed;
  width: 100%;
  height: 100%;
  transform-style:preserve-3d;
  -webkit-transform-style: preserve-3d;
  
}
#snow2,#snow3,#snow4 {
	position:fixed;
  width: 100%;
  height: 100%;
  
  -webkit-perspective:300px;
	perspective:300px;
  
}
#snow2:before,#snow2:after,#snow3:before,#snow3:after,#snow4:before,#snow4:after{
	position:fixed;
	border: solid 1px transparent;
	width: 100%;
	height: 100%;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0BAMAAAA5+MK5AAAAJFBMVEX////////////////////////////////////////////////Vd7HLAAAADHRSTlMARFVmd4iZqrvM3e7VNOnbAAADp0lEQVR4Xu3dwZGbMBQG4BcTg3EuKYESKMElUIJLoARKoASXmmtmsoeNLUBC33fb0zKDEZLe+1HUB4BHfGiNkl2jIGPsgyEyBjR//XGJzMDFdOYT0HxjHtzHF+jrWYECsBiVP3MzK/ibHVGaINv57hqlm+MkeHqITQSK4LnxDHH1IubdmZoxSiETPxUdYKORK43WTB6wLqvsJWCatSSqg/XHXiB08QFAVwFLwuLeK3aC8uWw+z6PDSnw6kfXLnMub8GLTQxFbZAKKpRcwGjC7atM+2Z0/Kw8QBjvX1Ga/v8vnZ9nutpr5GqOe7lFA1aXQJIhps0pA0ub+4+JNcF6vPm6JIA9yB/19Rn3Slffd8/qXvQGiK/g/rOWUqJpEn0RYNqwnvd8dzlxsW9YBDnsPucis1eYzospsEWu7PkuoT2gO2V+YClnqNLpzqyvaBeAANi82fBlZTPFAeiFquuYCGJSTFfbYhlFWvDgAcBNV4fgP3gGkYE58lxE4H72uMo10rmXWUxGuwlCBgC3AqJxT2kWyDTVbk4CgPMq5DuxJ4il3j0AZ1w0Jc4Ox12vVECVZ7Ev5uXfIL3i43mxBJiCpju+wWYgfZwSXCutFtgpX+3ub8xoMaR4pw4nGaqgVQ1TQQCBZeMzDmBSJiweo0zRe+CVtJoLgPIagAW9kCN0zmevDlPKw8E8IzwSHEUHYMBg2LG5jKsLqaX51E+XJo9XMc/NbzP4Ro3vXtBVl5B/1NVvPtjmKLXUCiBhiJQ3Tif4Xf5eKYLbYEvpVcW2nlx3e/Deye2wTUD6Cr6NKoOulmd93ajAQyZP3WWTiu8aIJVMmoX4sPX/V8r3scQ29VWJPqyG63dBl7jjjN5mGDK6Ok2EDlCTUakQLBGFO3TZz6/tJvbo1WexbvcMUFj3C24r3ki3wGkebFMCYyo3+NuWVqXDyItM1V22LK3nvvN5QA8IGrNoRTbLZODFeD36GBWYvhRTz5iiVgqknsl5gy5kYVMdkrhPNOqO5FMOoznqBsKYbNUK057tINAXWRGjSz5aNF7UZ6NCACDTrgHQvMhaEZzNAIC+wca9PHa6C8L+oOI9BwAWjmCSBNL+INoDIHx7lj7HuZJpI+o+L3EVchrD7IwCQ8pDQkQ6cM6QohA380I/ouxekyAqTRflwBwMxzsNIn9VHAggCyqXgscFLJTX2ADgJIrVV7EUpE3obK3ji4agAOa0ArSzOTsTEozdj4xfDYMEWsb1VYA/KFNOcBXJpxsAAAAASUVORK5CYII="); center center;
	  background-position:50% 50%;
	  content:"";
	  animation: warp 13s  linear infinite;
	-webkit-animation: warp 13s  linear infinite;
	-moz-animation: warp 13s  linear infinite;
	-o-animation: warp 13s  linear infinite;
	visibility:visible;

}

#snow2:before{
	background-position:-190px 80px;
	}
#snow2:after{
	background-position:90px -180px;
	-webkit-animation-delay:-2s;
	animation-delay:-2s;
	-moz-animation-delay: -2s;
}
#snow3:before{
	background-position:210px 180px;
	-webkit-animation-delay:-4s;
	animation-delay:-4s;
	-moz-animation-delay: -4s;
	}
#snow3:after{
	background-position:-120px 40px;
	-webkit-animation-delay:-6s;
	animation-delay:-6s;
	-moz-animation-delay: -6s;
    
	}
#snow4:before{
	background-position:130px 140px;
	-webkit-animation-delay:-8s;
	animation-delay:-8s;
	-moz-animation-delay: -8s;
   
	}
#snow4:after{
	background-position:-150px -90px;
	-webkit-animation-delay:-10s;
	animation-delay:-10s;
	-moz-animation-delay: -10s;
   
	}

@-webkit-keyframes warp
    {
	  from{
		opacity:0;
		-webkit-transform:rotate(-60deg) translateZ(-300px);}
	  to{
		opacity:1;
		-webkit-transform:rotate(60deg) translateZ(300px);}
}

@-moz-keyframes warp {
    from{opacity: 0;
			-moz-transform: rotate(-60deg) translateZ(-300px);} 
    to{opacity: 1;
			-moz-transform: rotate(60deg) translateZ(300px);}
}
@-o-keyframes warp {
    from{opacity: 0;
			-o-transform: rotate(-60deg) translateZ(-300px);} 
    to{opacity: 1;
			-o-transform: rotate(60deg) translateZ(300px);}
}
@keyframes warp {
 	from{opacity: 0;
			transform: rotate(-60deg) translateZ(-300px);} 
    to{opacity: 1;
			transform: rotate(60deg) translateZ(300px);}
}