body.elementor-page-322353:not(.elementor-motion-effects-element-type-background), body.elementor-page-322353 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}/* Start custom CSS */#hid{
    overflow: visible;
}


.circle{
  
    width: 10px;
  height: 10px;
  
  animation: circle 5s linear infinite;
}

.goyang-1 img {
	animation-name: goyang1;
	animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear:
}
.goyang-2 img {
	animation-name: goyang2;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear:
}
.goyang-3 img {
	animation-name: goyang3;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear:
}
.goyang-4 img {
	animation-name: goyang4;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear:
}
.zoom-1 {
	transform: scale(1);
	animation: zoom 3s infinite;
}
.zoom-2 {
	transform: scale(1);
	animation: zoom 2s infinite;
}
.zoom-2 img {
	transform: scale(1);
	animation: zoom 2s infinite;
}
.naik-turun {
	animation-name: naikturun;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear:
}
.naik-turun-goyang {
	animation-name: naikturungoyang;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-timing-function: linear:
}

@keyframes goyang1 {
	0%{ transform: rotate(0deg) scale(1); }
	50%{ transform: rotate(6deg) scale(0.9); }	
	100%{ transform: rotate(0deg) scale(1); }
}

@keyframes goyang2 {
	0%{ transform: rotate(0deg) scale(1); }
	25%{ transform: rotate(-4deg) scale(1.05); }	
	50%{ transform: rotate(-8deg) scale(1.1); }
	75%{ transform: rotate(-4deg) scale(1.05); }	
	100%{ transform: rotate(0deg) scale(1); }
}

@keyframes goyang3 {
	0%{ transform: rotate(0deg) scale(1); }
	25%{ transform: rotate(-4deg) scale(1.1); }	
	50%{ transform: rotate(0deg) scale(1); }
	75%{ transform: rotate(4deg) scale(1.1); }	
	100%{ transform: rotate(0deg) scale(1); }
}

@keyframes goyang4 {
	0%{ transform: rotate(0deg); }
	25%{ transform: rotate(-4deg); }	
	75%{ transform: rotate(4deg); }	
	100%{ transform: rotate(0deg); }
}

@keyframes zoom {
	0%{ transform: scale(0.95); }
	60%{ transform: scale(1); }	
	100%{ transform: scale(0.95); }
}

@keyframe naikturun {
	0% { transform: translate(0px, 0px); }
	50% { transform: translate(0px, 10px); }
	100% { transform: translate(0px, 0px); }
}

@keyframe naikturungoyang {
	0% { transform: scale(1.1); }
	25% { transform: scale(1.15) translate(0px, -10px); }
	75% { transform: scale(1.1) translate(0px, 5px); }
	100% { transform: scale(1.1); }
}


@keyframes circle{
  0%{
    transform:rotate(0deg)
              translate(30px)
              rotate(0deg);
  
  }
  100%{
    transform:rotate(360deg)
              translate(30px)
              rotate(-360deg);
}/* End custom CSS */