.float{
	position:fixed;
	bottom:130px;
	right:120px;
}

.button_wa {
	margin-bottom: -3.5em;
	background-color: #ED3F23;
	border-radius: 24px;
	width: 63px;
	height: 50px;
	z-index: 2;
	animation: fadein 2s;
   -webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.button_wa:hover {
	background-color: #ff6f64;
}

@-webkit-keyframes fadeInRight {
   0% {
	  opacity: 0;
	  -webkit-transform: translateX(20px);
   }
   100% {
	  opacity: 1;
	  -webkit-transform: translateX(0);
   }
}

@keyframes fadeInRight {
   0% {
	  opacity: 0;
	  transform: translateX(20px);
   }
   100% {
	  opacity: 1;
	  transform: translateX(0);
   }
}

.fadeInRight {
   -webkit-animation-name: fadeInRight;
   animation-name: fadeInRight;
}

.my-float{
	margin-top:10px;
	width: 28px;
	height: 28px;
	margin-left: 1em;
	font-size: 30px;
	color: #fff;
}

.mau-bangun {
  color: #FFFFFF;
  font-family: OpenSans;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
  margin-top: -1.3em;
  margin-left: 3.5em;
}

.scu {
	position: absolute !important;
	left: 14em;
	bottom: -3em
}
.float-beta-text {
	color:#e3e3e3;
	font-family:OpenSans-Bold;
}
.float-beta-menu {
	background-color:#3da45a;
	position:absolute;
	font-family:OpenSans-Bold;
}

 /* Smartphone Portrait and Landscape */ 
  @media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px){ 
     .float{
			position:fixed;
			/*width:60px;
			height:60px;*/
			bottom:13em;
			right:2em;
		}
		.button_wa {
			background-color: #ED3F23;
			border-radius: 24px;
			width: 63px;
			height: 50px;
			z-index: 2;
			animation: fadein 2s;
			 -webkit-animation-duration: 2s;
			animation-duration: 2s;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
		}
		.scu {
			position: fixed;
			left: 10em;
			bottom: -7em
		}
  }