.elementor-281156 .elementor-element.elementor-element-81cec90 > .elementor-container{max-width:1600px;min-height:506px;}.elementor-281156 .elementor-element.elementor-element-81cec90{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:200px 0px 300px 0px;z-index:1;}.elementor-281156 .elementor-element.elementor-element-81cec90 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-281156 .elementor-element.elementor-element-4b9d215{width:auto;max-width:auto;bottom:80px;}body:not(.rtl) .elementor-281156 .elementor-element.elementor-element-4b9d215{left:-3px;}body.rtl .elementor-281156 .elementor-element.elementor-element-4b9d215{right:-3px;}.elementor-281156 .elementor-element.elementor-element-4b9d215 .elementor-icon-wrapper{text-align:left;}.elementor-281156 .elementor-element.elementor-element-4b9d215.elementor-view-stacked .elementor-icon{background-color:#383838;}.elementor-281156 .elementor-element.elementor-element-4b9d215.elementor-view-framed .elementor-icon, .elementor-281156 .elementor-element.elementor-element-4b9d215.elementor-view-default .elementor-icon{color:#383838;border-color:#383838;}.elementor-281156 .elementor-element.elementor-element-4b9d215.elementor-view-framed .elementor-icon, .elementor-281156 .elementor-element.elementor-element-4b9d215.elementor-view-default .elementor-icon svg{fill:#383838;}.elementor-281156 .elementor-element.elementor-element-4b9d215 .elementor-icon{font-size:20px;}.elementor-281156 .elementor-element.elementor-element-4b9d215 .elementor-icon i, .elementor-281156 .elementor-element.elementor-element-4b9d215 .elementor-icon svg{transform:rotate(0deg);}@media(max-width:767px){.elementor-281156 .elementor-element.elementor-element-81cec90 > .elementor-container{min-height:39px;}.elementor-281156 .elementor-element.elementor-element-81cec90{padding:300px 0px 500px 0px;}.elementor-281156 .elementor-element.elementor-element-4b9d215{width:var( --container-widget-width, 30px );max-width:30px;--container-widget-width:30px;--container-widget-flex-grow:0;bottom:172px;}.elementor-281156 .elementor-element.elementor-element-4b9d215 > .elementor-widget-container{padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-281156 .elementor-element.elementor-element-4b9d215{left:2px;}body.rtl .elementor-281156 .elementor-element.elementor-element-4b9d215{right:2px;}.elementor-281156 .elementor-element.elementor-element-4b9d215 .elementor-icon{font-size:15px;}}/* Start custom CSS for weddingpress-audio, class: .elementor-element-4b9d215 *//* animasi icon wdp-mp3 berputar */
.audio-box .elementor-icon {
    -webkit-animation: wdpMP3-muter 4s linear infinite;
    -moz-animation: wdpMP3-muter 4s linear infinite;
    animation: wdpMP3-muter 4s linear infinite;
}
@-moz-keyframes wdpMP3-muter { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes wdpMP3-muter { 100% { -webkit-transform: rotate(360deg); } }
@keyframes wdpMP3-muter { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }/* End custom CSS */
/* Start custom CSS */.goyang-1 img {
  animation-name: goyang1;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.goyang-2 img {
  animation-name: goyang1;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.goyang-3 img {
  animation-name: goyang1;
    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 img {
  transform: scale(1);
  animation: zoom 2s infinite;
}

.naik-turun {
  animation-name: naikturun;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.kanan-kiri {
  animation-name: kanankiri;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.kiwo-tengen {
  animation-name: kanankiri;
    animation-duration: 13s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}



@keyframes goyang1{
    0%{ transform: rotate(0deg) scale(1); }
    50%{ transform: rotate(6deg) scale(1.18); }
    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); }
}

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

@keyframes kanankiri {
  0% { transform: translate(-30px,0px); }
  50% { transform: translate(30px,0px); }
  100% { transform: translate(-30px,0px); }
}
@keyframes kanankiri {
  0% { transform: translate(-20px,0px); }
  50% { transform: translate(20px,0px); }
  100% { transform: translate(-20px,0px); }
}
.goyang-1 img {
  animation-name: goyang1;
    animation-duration: 7s;
    /rotate point/
    transform-origin: bottom right;
     /rotate point/
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes goyang1{
    0%{ transform: rotate(0deg);}
    25%{ transform: rotate(-8deg);}
    75%{ transform: rotate(8deg);}
}/* End custom CSS */