body {
	overflow: hidden;
	margin:0; padding: 0;
	background-color: #fff;
}
div {margin: 0; padding: 0;}

.bg {
	background: url('bg.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
.wrapper {
	width: 100%;
	height: 100%;
	
	position: absolute;
}

.logo {
	position:absolute;
	bottom: 0;
}

.logo {
	right: 15px;
	z-index: 99999;
}

.slogan {
	left: 0;
	right:0;
	position:absolute;
	top: 40%;
}

.logo img {
	max-width: 360px;
	width: 20vw;
	height: auto;
	transform: translateY(20%);
	-webkit-transition: all 1.6s ease;
	-moz-transition: all 1.6s ease;
	-o-transition: all 1.6s ease;
	transition: all 1.6s ease;
}

.slogan img {
	width: 40vw;
	height: auto;
	display: block; 
	  margin: 0 auto;
	transform: scale(0.98);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.logo img:hover {
	transform: translateY(8%);
}

.slogan img:hover {
	transform: scale(1);
	opacity: 1 !important;

}

.floating{
    float: left;
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 4s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;

}

@-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(0, 0px); opacity: 1;}
    65% {-webkit-transform:translate(0, 15px); opacity: .8;}
    to {-webkit-transform: translate(0, -0px) opacity: 1;;    }    
}
    
@-moz-keyframes Floating{
    from {-moz-transform:translate(0, 0px); opacity: 1;}
    65% {-moz-transform:translate(0, 15px); opacity: .8;}
    to {-moz-transform: translate(0, -0px); opacity: 1;}    
}

@media (max-width: 767px) {
  .logo img{
	  width:60vw;
  }
  
  .slogan {
	  width: 100%;
	  top: 0;
	  left: 0;
	  right: 0;
  }
  
  .slogan img {
	  width: 80%;
	  height: auto;
	  display: block; 
	  margin: 5% auto;
	 
  }
}


*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{*zoom:1}
.fl{float:left}
.fr{float:right}
.fl,.fr{_display:inline}


#preloader  {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fefefe;
     z-index: 999;
    height: 100%;
	pointer-events: none;
 }

#status  {
     width: 200px;
     height: 200px;
     position: absolute;
     left: 50%;
     top: 50%;
     background-repeat: no-repeat;
     background-position: center;
     margin: -100px 0 0 -100px;
 }