{"id":19386,"date":"2025-01-02T10:08:17","date_gmt":"2025-01-02T03:08:17","guid":{"rendered":"https:\/\/gowebbagus.id\/?p=19386"},"modified":"2025-12-15T13:03:52","modified_gmt":"2025-12-15T06:03:52","slug":"panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda","status":"publish","type":"post","link":"https:\/\/gowebbagus.id\/en\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/","title":{"rendered":"Panduan Memilih Framework Website yang Tepat untuk Proyek Anda"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Dalam era digital yang terus berkembang, kehadiran website yang efektif dan menarik menjadi sangat penting bagi bisnis di Semarang. Website framework Semarang memberikan solusi yang efisien bagi pengembang untuk menciptakan platform yang fungsional, dapat diandalkan dan mudah dikelola. Di Semarang, berbagai framework populer mulai diadopsi oleh para pengembang untuk memenuhi kebutuhan lokal dan meningkatkan daya saing bisnis. Artikel ini akan membahas berbagai aspek terkait website framework di Semarang, termasuk tren terbaru, tantangan yang dihadapi, dan bagaimana framework dapat membantu bisnis lokal mencapai tujuan mereka di dunia digital.<\/p>\n\n\n\n<div style=\"height:54px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/plugins/premium-addons-for-elementor/assets/frontend/min-css/premium-addons.min.css?ver=4.11.46" id="premium-addons-css">
@-webkit-keyframes hvr-ripple-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}
@keyframes hvr-ripple-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}
@-webkit-keyframes pa-text-gradient{0%,100%{-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}50%{-webkit-filter:hue-rotate(360deg);filter:hue-rotate(360deg)}}
@keyframes pa-text-gradient{0%,100%{-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}50%{-webkit-filter:hue-rotate(360deg);filter:hue-rotate(360deg)}}
@-webkit-keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}
@keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}
@-webkit-keyframes pa-noise-anim-1{0%{clip:rect(52px,9999px,45px,0)}5%{clip:rect(88px,9999px,39px,0)}10%{clip:rect(81px,9999px,75px,0)}15%{clip:rect(38px,9999px,42px,0)}20%{clip:rect(62px,9999px,51px,0)}25%{clip:rect(5px,9999px,36px,0)}30%{clip:rect(9px,9999px,29px,0)}35%{clip:rect(17px,9999px,85px,0)}40%{clip:rect(97px,9999px,36px,0)}45%{clip:rect(9px,9999px,31px,0)}50%{clip:rect(94px,9999px,74px,0)}55%{clip:rect(53px,9999px,75px,0)}60%{clip:rect(2px,9999px,36px,0)}65%{clip:rect(24px,9999px,56px,0)}70%{clip:rect(45px,9999px,5px,0)}75%{clip:rect(75px,9999px,21px,0)}80%{clip:rect(9px,9999px,39px,0)}85%{clip:rect(56px,9999px,89px,0)}90%{clip:rect(53px,9999px,7px,0)}95%{clip:rect(86px,9999px,84px,0)}100%{clip:rect(63px,9999px,37px,0)}}
@keyframes pa-noise-anim-1{0%{clip:rect(52px,9999px,45px,0)}5%{clip:rect(88px,9999px,39px,0)}10%{clip:rect(81px,9999px,75px,0)}15%{clip:rect(38px,9999px,42px,0)}20%{clip:rect(62px,9999px,51px,0)}25%{clip:rect(5px,9999px,36px,0)}30%{clip:rect(9px,9999px,29px,0)}35%{clip:rect(17px,9999px,85px,0)}40%{clip:rect(97px,9999px,36px,0)}45%{clip:rect(9px,9999px,31px,0)}50%{clip:rect(94px,9999px,74px,0)}55%{clip:rect(53px,9999px,75px,0)}60%{clip:rect(2px,9999px,36px,0)}65%{clip:rect(24px,9999px,56px,0)}70%{clip:rect(45px,9999px,5px,0)}75%{clip:rect(75px,9999px,21px,0)}80%{clip:rect(9px,9999px,39px,0)}85%{clip:rect(56px,9999px,89px,0)}90%{clip:rect(53px,9999px,7px,0)}95%{clip:rect(86px,9999px,84px,0)}100%{clip:rect(63px,9999px,37px,0)}}
@-webkit-keyframes pa-noise-anim-2{0%{clip:rect(14px,9999px,66px,0)}5%{clip:rect(19px,9999px,36px,0)}10%{clip:rect(17px,9999px,46px,0)}15%{clip:rect(46px,9999px,63px,0)}20%{clip:rect(28px,9999px,1px,0)}25%{clip:rect(64px,9999px,16px,0)}30%{clip:rect(58px,9999px,24px,0)}35%{clip:rect(18px,9999px,79px,0)}40%{clip:rect(61px,9999px,67px,0)}45%{clip:rect(63px,9999px,57px,0)}50%{clip:rect(59px,9999px,10px,0)}55%{clip:rect(20px,9999px,93px,0)}60%{clip:rect(49px,9999px,89px,0)}65%{clip:rect(70px,9999px,59px,0)}70%{clip:rect(70px,9999px,82px,0)}75%{clip:rect(82px,9999px,20px,0)}80%{clip:rect(25px,9999px,37px,0)}85%{clip:rect(76px,9999px,53px,0)}90%{clip:rect(2px,9999px,23px,0)}95%{clip:rect(9px,9999px,39px,0)}100%{clip:rect(41px,9999px,55px,0)}}
@keyframes pa-noise-anim-2{0%{clip:rect(14px,9999px,66px,0)}5%{clip:rect(19px,9999px,36px,0)}10%{clip:rect(17px,9999px,46px,0)}15%{clip:rect(46px,9999px,63px,0)}20%{clip:rect(28px,9999px,1px,0)}25%{clip:rect(64px,9999px,16px,0)}30%{clip:rect(58px,9999px,24px,0)}35%{clip:rect(18px,9999px,79px,0)}40%{clip:rect(61px,9999px,67px,0)}45%{clip:rect(63px,9999px,57px,0)}50%{clip:rect(59px,9999px,10px,0)}55%{clip:rect(20px,9999px,93px,0)}60%{clip:rect(49px,9999px,89px,0)}65%{clip:rect(70px,9999px,59px,0)}70%{clip:rect(70px,9999px,82px,0)}75%{clip:rect(82px,9999px,20px,0)}80%{clip:rect(25px,9999px,37px,0)}85%{clip:rect(76px,9999px,53px,0)}90%{clip:rect(2px,9999px,23px,0)}95%{clip:rect(9px,9999px,39px,0)}100%{clip:rect(41px,9999px,55px,0)}}
@-webkit-keyframes pa-text-shadow{0%{-webkit-transform:translateY(0);transform:translateY(0);text-shadow:0 0 0 var(--pa-atext-fc),0 0 0 var(--pa-atext-sc),0 0 0 var(--pa-atext-tc),0 0 0 var(--pa-atext-foc)}20%{-webkit-transform:translateY(-1em);transform:translateY(-1em);text-shadow:0 .125em 0 var(--pa-atext-fc),0 .25em 0 var(--pa-atext-sc),0 -.125em 0 var(--pa-atext-tc),0 -.25em 0 var(--pa-atext-foc)}40%{-webkit-transform:translateY(.5em);transform:translateY(.5em);text-shadow:0 -.0625em 0 var(--pa-atext-fc),0 -.125em 0 var(--pa-atext-sc),0 .0625em 0 var(--pa-atext-tc),0 .125em 0 var(--pa-atext-foc)}60%{-webkit-transform:translateY(-.25em);transform:translateY(-.25em);text-shadow:0 .03125em 0 var(--pa-atext-fc),0 .0625em 0 var(--pa-atext-sc),0 -.03125em 0 var(--pa-atext-tc),0 -.0625em 0 var(--pa-atext-foc)}80%{-webkit-transform:translateY(0);transform:translateY(0);text-shadow:0 0 0 var(--pa-atext-fc),0 0 0 var(--pa-atext-sc),0 0 0 var(--pa-atext-tc),0 0 0 var(--pa-atext-foc)}}
@keyframes pa-text-shadow{0%{-webkit-transform:translateY(0);transform:translateY(0);text-shadow:0 0 0 var(--pa-atext-fc),0 0 0 var(--pa-atext-sc),0 0 0 var(--pa-atext-tc),0 0 0 var(--pa-atext-foc)}20%{-webkit-transform:translateY(-1em);transform:translateY(-1em);text-shadow:0 .125em 0 var(--pa-atext-fc),0 .25em 0 var(--pa-atext-sc),0 -.125em 0 var(--pa-atext-tc),0 -.25em 0 var(--pa-atext-foc)}40%{-webkit-transform:translateY(.5em);transform:translateY(.5em);text-shadow:0 -.0625em 0 var(--pa-atext-fc),0 -.125em 0 var(--pa-atext-sc),0 .0625em 0 var(--pa-atext-tc),0 .125em 0 var(--pa-atext-foc)}60%{-webkit-transform:translateY(-.25em);transform:translateY(-.25em);text-shadow:0 .03125em 0 var(--pa-atext-fc),0 .0625em 0 var(--pa-atext-sc),0 -.03125em 0 var(--pa-atext-tc),0 -.0625em 0 var(--pa-atext-foc)}80%{-webkit-transform:translateY(0);transform:translateY(0);text-shadow:0 0 0 var(--pa-atext-fc),0 0 0 var(--pa-atext-sc),0 0 0 var(--pa-atext-tc),0 0 0 var(--pa-atext-foc)}}
@-webkit-keyframes pa-pattern{0%{background-position:0 0}0%{background-position:100% -100%}}
@keyframes pa-pattern{0%{background-position:0 0}0%{background-position:100% -100%}}
@-webkit-keyframes pa-fill{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}
@keyframes pa-fill{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}
@-webkit-keyframes pa-tilt{0%{-webkit-transform:rotateZ(-15deg);transform:rotateZ(-15deg)}50%{-webkit-transform:rotateZ(15deg);transform:rotateZ(15deg)}100%{-webkit-transform:rotateZ(-15deg);transform:rotateZ(-15deg)}}
@keyframes pa-tilt{0%{-webkit-transform:rotateZ(-15deg);transform:rotateZ(-15deg)}50%{-webkit-transform:rotateZ(15deg);transform:rotateZ(15deg)}100%{-webkit-transform:rotateZ(-15deg);transform:rotateZ(-15deg)}}
@-webkit-keyframes pa-flip{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}50%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}100%{-webkit-transform:rotateX(0);transform:rotateX(0)}}
@keyframes pa-flip{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}50%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}100%{-webkit-transform:rotateX(0);transform:rotateX(0)}}
@-webkit-keyframes pa-wave{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}}
@keyframes pa-wave{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}}
@-webkit-keyframes pa-pop{0%{-webkit-transform:rotateZ(5deg) scale(.75) translateY(0);transform:rotateZ(5deg) scale(.75) translateY(0);opacity:.1}50%{-webkit-transform:rotateZ(-5deg) scale(1) translateY(-.5em);transform:rotateZ(-5deg) scale(1) translateY(-.5em);opacity:1}100%{-webkit-transform:rotateZ(5deg) scale(.75) translateY(0);transform:rotateZ(5deg) scale(.75) translateY(0);opacity:.1}}
@keyframes pa-pop{0%{-webkit-transform:rotateZ(5deg) scale(.75) translateY(0);transform:rotateZ(5deg) scale(.75) translateY(0);opacity:.1}50%{-webkit-transform:rotateZ(-5deg) scale(1) translateY(-.5em);transform:rotateZ(-5deg) scale(1) translateY(-.5em);opacity:1}100%{-webkit-transform:rotateZ(5deg) scale(.75) translateY(0);transform:rotateZ(5deg) scale(.75) translateY(0);opacity:.1}}
@-webkit-keyframes pa-lines{100%{stroke-dashoffset:-400}}
@keyframes pa-lines{100%{stroke-dashoffset:-400}}
@-webkit-keyframes pa-auto-fade{0%{opacity:0}20%{opacity:1}35%{opacity:0}100%{opacity:0}}
@-webkit-keyframes pa-shape-draw{0%{stroke-dasharray:0 1500;opacity:1}100%{stroke-dasharray:1500 1500;opacity:1}}
@keyframes pa-shape-draw{0%{stroke-dasharray:0 1500;opacity:1}100%{stroke-dasharray:1500 1500;opacity:1}}
@-webkit-keyframes pa-shape-hide{0%{stroke-dasharray:1500 1500;opacity:1}100%{opacity:0;-webkit-filter:blur(10px);filter:blur(10px)}}
@keyframes pa-shape-hide{0%{stroke-dasharray:1500 1500;opacity:1}100%{opacity:0;-webkit-filter:blur(10px);filter:blur(10px)}}
@-webkit-keyframes pa-reveal{0%{background-size:0;background-position-y:0}10%{background-size:30px;background-position-y:0}35%,45%{background-position-y:100%}70%{background-size:30px;background-position-y:0}100%{background-size:200px}}
@keyframes pa-reveal{0%{background-size:0;background-position-y:0}10%{background-size:30px;background-position-y:0}35%,45%{background-position-y:100%}70%{background-size:30px;background-position-y:0}100%{background-size:200px}}
@keyframes pa-auto-fade{0%{opacity:0}20%{opacity:1}35%{opacity:0}100%{opacity:0}}
@-webkit-keyframes pa-loading-bar{0%{width:0}100%{width:100}}
@keyframes pa-loading-bar{0%{width:0}100%{width:100}}
@-webkit-keyframes pa-zoom-in{0%{opacity:0;-webkit-transform:translateZ(100px);transform:translateZ(100px)}100%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes pa-zoom-in{0%{opacity:0;-webkit-transform:translateZ(100px);transform:translateZ(100px)}100%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@-webkit-keyframes pa-zoom-out{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}100%{opacity:0;-webkit-transform:translateZ(-100px);transform:translateZ(-100px)}}
@keyframes pa-zoom-out{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}100%{opacity:0;-webkit-transform:translateZ(-100px);transform:translateZ(-100px)}}
@-webkit-keyframes pa-rotate-in{0%{opacity:0;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}35%{opacity:0;-webkit-transform:rotateX(120deg);transform:rotateX(120deg)}65%{opacity:0}100%{opacity:1;-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}}
@keyframes pa-rotate-in{0%{opacity:0;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}35%{opacity:0;-webkit-transform:rotateX(120deg);transform:rotateX(120deg)}65%{opacity:0}100%{opacity:1;-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}}
@-webkit-keyframes pa-rotate-out{0%{opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0)}35%{opacity:1;-webkit-transform:rotateX(-40deg);transform:rotateX(-40deg)}65%{opacity:0}100%{opacity:0;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}}
@keyframes pa-rotate-out{0%{opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0)}35%{opacity:1;-webkit-transform:rotateX(-40deg);transform:rotateX(-40deg)}65%{opacity:0}100%{opacity:0;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}}
@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes premium-overlap-effect{0%{opacity:0;-webkit-transform:rotateY(0);transform:rotateY(0)}50%{opacity:1;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}100%{opacity:0;-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}
@keyframes premium-overlap-effect{0%{opacity:0;-webkit-transform:rotateY(0);transform:rotateY(0)}50%{opacity:1;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}100%{opacity:0;-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}
@-webkit-keyframes premium-overlap-effect-done{0%{opacity:0;-webkit-transform:rotateY(0);transform:rotateY(0)}50%{opacity:1;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}100%{opacity:0;-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}
@keyframes premium-overlap-effect-done{0%{opacity:0;-webkit-transform:rotateY(0);transform:rotateY(0)}50%{opacity:1;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}100%{opacity:0;-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}
@-webkit-keyframes premium-overlap-ver-effect{0%{opacity:0;-webkit-transform:rotateX(0);transform:rotateX(0)}50%{opacity:1;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}100%{opacity:0;-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}}
@keyframes premium-overlap-ver-effect{0%{opacity:0;-webkit-transform:rotateX(0);transform:rotateX(0)}50%{opacity:1;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}100%{opacity:0;-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}}
@-webkit-keyframes premium-overlap-ver-effect-done{0%{opacity:0;-webkit-transform:rotateX(0);transform:rotateX(0)}50%{opacity:1;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}100%{opacity:0;-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}}
@keyframes premium-overlap-ver-effect-done{0%{opacity:0;-webkit-transform:rotateX(0);transform:rotateX(0)}50%{opacity:1;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}100%{opacity:0;-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}}
@-webkit-keyframes pa-scroll-vertical{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(5px);transform:translateY(5px)}}
@keyframes pa-scroll-vertical{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(5px);transform:translateY(5px)}}
@-webkit-keyframes pa-scroll-horizontal{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(5px);transform:translateX(5px)}}
@keyframes pa-scroll-horizontal{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(5px);transform:translateX(5px)}}
@-webkit-keyframes progress-bar-move{0%{background-position:0 0}100%{background-position:30px 30px}}
@keyframes progress-bar-move{0%{background-position:0 0}100%{background-position:30px 30px}}
@-webkit-keyframes badge-pulse-grow{to{-webkit-transform:translateY(-50%) scale(1.07);transform:translateY(-50%) scale(1.07)}}
@keyframes badge-pulse-grow{to{-webkit-transform:translateY(-50%) scale(1.07);transform:translateY(-50%) scale(1.07)}}
@-webkit-keyframes badge-buzz{50%{-webkit-transform:translateY(-50%) translateX(3px) rotate(2deg);transform:translateY(-50%) translateX(3px) rotate(2deg)}100%{-webkit-transform:translateY(-50%) translateX(-3px) rotate(-2deg);transform:translateY(-50%) translateX(-3px) rotate(-2deg)}}
@keyframes badge-buzz{50%{-webkit-transform:translateY(-50%) translateX(3px) rotate(3deg);transform:translateY(-50%) translateX(3px) rotate(3deg)}100%{-webkit-transform:translateY(-50%) translateX(-3px) rotate(-3deg);transform:translateY(-50%) translateX(-3px) rotate(-3deg)}}
@keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}
@keyframes progress-bar-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}
@-webkit-keyframes progress-bar-stripes{from{background-position:100% 0}to{background-position:40px 0}}
@keyframes progress-bar-stripes{from{background-position:100% 0}to{background-position:40px 0}}
@-webkit-keyframes progress-bar-gradient{0%{background-position:100% 50%}50%{background-position:0 50%}100%{background-position:100% 50%}}
@keyframes progress-bar-gradient{0%{background-position:100% 50%}50%{background-position:0 50%}100%{background-position:100% 50%}}
@-webkit-keyframes pa-svg-outline{100%{stroke-dashoffset:0}}
@keyframes pa-svg-outline{100%{stroke-dashoffset:0}}
@-webkit-keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}
@keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}
@-webkit-keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}
@keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(3deg);transform:translateX(3px) rotate(3deg)}100%{-webkit-transform:translateX(-3px) rotate(-3deg);transform:translateX(-3px) rotate(-3deg)}}
@-webkit-keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes pa-shinny-text{0%{background-position:0}100%{background-position:200%}}
@-webkit-keyframes pa-blur-shadow{from{text-shadow:0 0 var(--shadow-value) var(--shadow-color);color:transparent}to{text-shadow:0}}
@keyframes pa-blur-shadow{from{text-shadow:0 0 var(--shadow-value) var(--shadow-color);color:transparent}to{text-shadow:0}}
@-webkit-keyframes pa-text-gradient{0%,100%{-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}50%{-webkit-filter:hue-rotate(360deg);filter:hue-rotate(360deg)}}
@keyframes pa-text-gradient{0%,100%{-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}50%{-webkit-filter:hue-rotate(360deg);filter:hue-rotate(360deg)}}
@-webkit-keyframes pa-noise-anim-1{0%{clip:rect(52px,9999px,247px,0)}5%{clip:rect(88px,9999px,148px,0)}10%{clip:rect(81px,9999px,198px,0)}15%{clip:rect(38px,9999px,135px,0)}20%{clip:rect(62px,9999px,66px,0)}25%{clip:rect(5px,9999px,25px,0)}30%{clip:rect(9px,9999px,119px,0)}35%{clip:rect(17px,9999px,197px,0)}40%{clip:rect(97px,9999px,235px,0)}45%{clip:rect(9px,9999px,28px,0)}50%{clip:rect(94px,9999px,68px,0)}55%{clip:rect(53px,9999px,172px,0)}60%{clip:rect(2px,9999px,23px,0)}65%{clip:rect(24px,9999px,156px,0)}70%{clip:rect(45px,9999px,252px,0)}75%{clip:rect(75px,9999px,218px,0)}80%{clip:rect(9px,9999px,45px,0)}85%{clip:rect(56px,9999px,293px,0)}90%{clip:rect(53px,9999px,300px,0)}95%{clip:rect(86px,9999px,272px,0)}100%{clip:rect(63px,9999px,212px,0)}}
@keyframes pa-noise-anim-1{0%{clip:rect(52px,9999px,247px,0)}5%{clip:rect(88px,9999px,148px,0)}10%{clip:rect(81px,9999px,198px,0)}15%{clip:rect(38px,9999px,135px,0)}20%{clip:rect(62px,9999px,66px,0)}25%{clip:rect(5px,9999px,25px,0)}30%{clip:rect(9px,9999px,119px,0)}35%{clip:rect(17px,9999px,197px,0)}40%{clip:rect(97px,9999px,235px,0)}45%{clip:rect(9px,9999px,28px,0)}50%{clip:rect(94px,9999px,68px,0)}55%{clip:rect(53px,9999px,172px,0)}60%{clip:rect(2px,9999px,23px,0)}65%{clip:rect(24px,9999px,156px,0)}70%{clip:rect(45px,9999px,252px,0)}75%{clip:rect(75px,9999px,218px,0)}80%{clip:rect(9px,9999px,45px,0)}85%{clip:rect(56px,9999px,293px,0)}90%{clip:rect(53px,9999px,300px,0)}95%{clip:rect(86px,9999px,272px,0)}100%{clip:rect(63px,9999px,212px,0)}}
@-webkit-keyframes pa-noise-anim-2{0%{clip:rect(14px,9999px,79px,0)}5%{clip:rect(19px,9999px,274px,0)}10%{clip:rect(17px,9999px,18px,0)}15%{clip:rect(46px,9999px,131px,0)}20%{clip:rect(28px,9999px,21px,0)}25%{clip:rect(64px,9999px,29px,0)}30%{clip:rect(58px,9999px,229px,0)}35%{clip:rect(18px,9999px,124px,0)}40%{clip:rect(61px,9999px,208px,0)}45%{clip:rect(63px,9999px,133px,0)}50%{clip:rect(59px,9999px,247px,0)}55%{clip:rect(20px,9999px,4px,0)}60%{clip:rect(49px,9999px,96px,0)}65%{clip:rect(70px,9999px,160px,0)}70%{clip:rect(70px,9999px,68px,0)}75%{clip:rect(82px,9999px,108px,0)}80%{clip:rect(25px,9999px,119px,0)}85%{clip:rect(76px,9999px,207px,0)}90%{clip:rect(2px,9999px,6px,0)}95%{clip:rect(9px,9999px,223px,0)}100%{clip:rect(41px,9999px,249px,0)}}
@keyframes pa-noise-anim-2{0%{clip:rect(14px,9999px,79px,0)}5%{clip:rect(19px,9999px,274px,0)}10%{clip:rect(17px,9999px,18px,0)}15%{clip:rect(46px,9999px,131px,0)}20%{clip:rect(28px,9999px,21px,0)}25%{clip:rect(64px,9999px,29px,0)}30%{clip:rect(58px,9999px,229px,0)}35%{clip:rect(18px,9999px,124px,0)}40%{clip:rect(61px,9999px,208px,0)}45%{clip:rect(63px,9999px,133px,0)}50%{clip:rect(59px,9999px,247px,0)}55%{clip:rect(20px,9999px,4px,0)}60%{clip:rect(49px,9999px,96px,0)}65%{clip:rect(70px,9999px,160px,0)}70%{clip:rect(70px,9999px,68px,0)}75%{clip:rect(82px,9999px,108px,0)}80%{clip:rect(25px,9999px,119px,0)}85%{clip:rect(76px,9999px,207px,0)}90%{clip:rect(2px,9999px,6px,0)}95%{clip:rect(9px,9999px,223px,0)}100%{clip:rect(41px,9999px,249px,0)}}
@-webkit-keyframes pa-shinny-text{0%{background-position:100%}100%{background-position:-100%}}
@keyframes pa-shinny-text{0%{background-position:100%}100%{background-position:-100%}}
@media (min-width:2400px){.premium-cw-sec-widescreen-inline .premium-weather__current-weather{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.premium-cw-sec-widescreen-inline .premium-weather__current-weather>*{-webkit-order:1;-ms-flex-order:1;order:1}.premium-cw-sec-widescreen-block .premium-weather__current-weather{display:block}.premium-weather__layout-1.premium-cw-widescreen-block .premium-weather__basic-weather{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.premium-weather__layout-1.premium-cw-widescreen-block .premium-weather__basic-weather .premium-weather__city-wrapper{width:100%}.premium-weather__layout-1.premium-cw-widescreen-inline .premium-weather__basic-weather{-webkit-flex-wrap:unset;-ms-flex-wrap:unset;flex-wrap:unset}.premium-weather__layout-1.premium-cw-widescreen-inline .premium-weather__basic-weather .premium-weather__city-wrapper{width:unset}}
@-webkit-keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}
@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}
@-webkit-keyframes tooltipster-rotating{25%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}75%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}
@keyframes tooltipster-rotating{25%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}75%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}
@-webkit-keyframes tooltipster-scaling{50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes tooltipster-scaling{50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-includes/css/dist/block-library/style.min.css?ver=6.8.3" id="wp-block-library-css">
@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}
@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}
@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}
@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}
@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}}
ol,ul{box-sizing:border-box}
@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}
:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}
html :where(img[class*=wp-image-]){height:auto;max-width:100%}

</style>
<style class="bv-critical-css" bv-identifier="global-styles-inline-css" id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #101010;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--gray: #eeeeee;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 12px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 22px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--normal: 14px;--wp--preset--font-size--huge: 25px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}

</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/themes/folim/style.css?ver=6.8.3" id="style-css">
html {
	overflow-y: scroll;
}
body {
	margin: 0;
	font-family: 'Arial' , sans-serif;
	font-size: 14px;
	color: #757575;
}

</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/themes/folim/assets/vendors/css/animate.css?ver=2.0.3" id="animate-css">
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@-webkit-keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/plugins/visual-portfolio/assets/vendor/fancybox/dist/jquery.fancybox.min.css?ver=3.5.7" id="fancybox-css">
@keyframes a{to{transform:rotate(1turn)}}

</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/plugins/elementor/assets/lib/swiper/v8/css/swiper.css?ver=8.4.5" id="swiper-css">
:root {
  --swiper-theme-color: #007aff;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/themes/folim/assets/fonts/fontawesome/all.min.css?ver=2.0.3" id="fontawesome-css">
.fa,.fa-brands,.fa-duotone,.fa-light,.fa-regular,.fa-solid,.fa-thin,.fab,.fad,.fal,.far,.fas,.fat{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;text-rendering:auto}
@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(1.25);transform:scale(1.25);-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}
@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(1.25);transform:scale(1.25);-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}
@-webkit-keyframes fa-fade{50%{opacity:.4;opacity:var(--fa-fade-opacity,.4)}}
@keyframes fa-fade{50%{opacity:.4;opacity:var(--fa-fade-opacity,.4)}}
@-webkit-keyframes fa-flash{0%,to{opacity:.4;opacity:var(--fa-flash-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.125);transform:scale(1.125);-webkit-transform:scale(var(--fa-flash-scale,1.125));transform:scale(var(--fa-flash-scale,1.125))}}
@keyframes fa-flash{0%,to{opacity:.4;opacity:var(--fa-flash-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.125);transform:scale(1.125);-webkit-transform:scale(var(--fa-flash-scale,1.125));transform:scale(var(--fa-flash-scale,1.125))}}
@-webkit-keyframes fa-flip{50%{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}
@keyframes fa-flip{50%{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
.fa-calendar:before{content:"\f133"}
.fa-calendar-check:before{content:"\f274"}
.fa-caret-down:before{content:"\f0d7"}
.fa-chevron-down:before{content:"\f078"}
.fa-chevron-up:before{content:"\f077"}
.fa-check-circle:before,.fa-circle-check:before{content:"\f058"}
.fa-clock:before{content:"\f017"}
.fa-magnifying-glass:before,.fa-search:before{content:"\f002"}
.fa-light,.fa-regular,.fal,.far{font-family:"Font Awesome 6 Pro"}.fa-regular,.far{font-weight:400}
.fa-solid,.fas{font-weight:900}
.fa-solid,.fa-thin,.fas,.fat{font-family:"Font Awesome 6 Pro"}






</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/themes/folim/assets/fonts/icofont/icofont.css?ver=2.0.3" id="icofont-css">
@-webkit-keyframes icofont-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
@keyframes icofont-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/themes/folim/assets/css/main.css?ver=2.0.3" id="vlt-main-css-css">
:root
{
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
}
*,
*::before,
*::after
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference)
{:root
    {
        scroll-behavior: smooth;
    }}body
{
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);

    margin: 0;

    text-align: var(--bs-body-text-align);

    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);

    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1
{
    font-weight: 500;
    line-height: 1.2;

    margin-top: 0;
    margin-bottom: .5rem;
}
h1,
.h1
{
    font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px)
{h1,
    .h1
    {
        font-size: 2.5rem;
    }}h2,
.h2
{
    font-size: calc(1.325rem + .9vw);
}
@media (min-width: 1200px)
{h2,
    .h2
    {
        font-size: 2rem;
    }}h4,
.h4
{
    font-size: calc(1.275rem + .3vw);
}
@media (min-width: 1200px)
{h4,
    .h4
    {
        font-size: 1.5rem;
    }}h6,
.h6
{
    font-size: 1rem;
}
p
{
    margin-top: 0;
    margin-bottom: 1rem;
}
ol,
ul
{
    padding-left: 2rem;
}
ol,
ul,
dl
{
    margin-top: 0;
    margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol
{
    margin-bottom: 0;
}
b,
strong
{
    font-weight: bolder;
}
a
{
    text-decoration: underline;

    color: #0d6efd;
}
img,
svg
{
    vertical-align: middle;
}
label
{
    display: inline-block;
}
button
{
    border-radius: 0;
}
input,
button,
select,
optgroup,
textarea
{
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;

    margin: 0;
}
button,
select
{
    text-transform: none;
}
[role=button]
{
    cursor: pointer;
}
button,
[type=button],
[type=reset],
[type=submit]
{
    -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled)
{
    cursor: pointer;
}
[type=search]
{
    outline-offset: -2px;

    -webkit-appearance: textfield;
}
iframe
{
    border: 0;
}
@-webkit-keyframes progress-bar-stripes
{
    0%
    {
        background-position-x: 1rem;
    }
}
@keyframes progress-bar-stripes
{
    0%
    {
        background-position-x: 1rem;
    }
}
@-webkit-keyframes spinner-border
{
    to
    {
        -webkit-transform: rotate(360deg) /* rtl:ignore */;
                transform: rotate(360deg) /* rtl:ignore */;
    }
}
@keyframes spinner-border
{
    to
    {
        -webkit-transform: rotate(360deg) /* rtl:ignore */;
                transform: rotate(360deg) /* rtl:ignore */;
    }
}
@-webkit-keyframes spinner-grow
{
    0%
    {
        -webkit-transform: scale(0);
                transform: scale(0);
    }
    50%
    {
        -webkit-transform: none;
                transform: none;

        opacity: 1;
    }
}
@keyframes spinner-grow
{
    0%
    {
        -webkit-transform: scale(0);
                transform: scale(0);
    }
    50%
    {
        -webkit-transform: none;
                transform: none;

        opacity: 1;
    }
}
@-webkit-keyframes placeholder-glow
{
    50%
    {
        opacity: .2;
    }
}
@keyframes placeholder-glow
{
    50%
    {
        opacity: .2;
    }
}
@-webkit-keyframes placeholder-wave
{
    100%
    {
        -webkit-mask-position: -200% 0;
                mask-position: -200% 0;
    }
}
@keyframes placeholder-wave
{
    100%
    {
        -webkit-mask-position: -200% 0;
                mask-position: -200% 0;
    }
}
:root
{
    --vlt-transition-duration: 300ms;
    --vlt-transition-easing: ease-in-out;
    --vlt-navbar-height: 6.625rem;
    --vlt-color-white: hsl(0deg, 0%, 100%);
    --vlt-color-0: hsl(0deg, 0%, 98%);
    --vlt-color-1: hsl(0deg, 0%, 97%);
    --vlt-color-2: hsl(0deg, 0%, 93%);
    --vlt-color-3: hsl(0deg, 0%, 91%);
    --vlt-color-4: hsl(0deg, 0%, 89%);
    --vlt-color-5: hsl(0deg, 0%, 87%);
    --vlt-color-6: hsl(0deg, 0%, 74%);
    --vlt-color-7: hsl(0deg, 1%, 72%);
    --vlt-color-8: hsl(163deg, 59%, 50%);
    --vlt-color-9: hsl(0deg, 0%, 38%);
    --vlt-color-10: hsl(355deg, 56%, 52%);
    --vlt-color-11: hsl(0deg, 0%, 31%);
    --vlt-color-12: hsl(0deg, 0%, 25%);
    --vlt-color-13: hsl(0deg, 0%, 12%);
    --vlt-color-14: hsl(0deg, 0%, 6%);
    --vlt-color-13-0p17: hsla(0deg, 0%, 12%, .17);
    --vlt-color-13-0p25: hsla(0deg, 0%, 12%, .25);
    --vlt-color-11-0p5: hsla(0deg, 0%, 31%, .5);
    --vlt-color-11-0p8: hsla(0deg, 0%, 31%, .8);
    --vlt-color-white-0p1: hsla(0deg, 0%, 100%, .1);
    --vlt-color-white-0p9: hsla(0deg, 0%, 100%, .9);
    --vlt-color-12-0p9: hsla(0deg, 0%, 25%, .9);
    --vlt-color-12-0p3: hsla(0deg, 0%, 25%, .3);
    --vlt-color-14-0p9: hsla(0deg, 0%, 6%, .9);
    --vlt-color-14-0p25: hsla(0deg, 0%, 6%, .25);
}
@-webkit-keyframes vlt_preloader_cube
{
    0%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 0;
    }
}
@keyframes vlt_preloader_cube
{
    0%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 0;
    }
}
@-webkit-keyframes vlt_preloader_signal
{
    0%
    {
        -webkit-transform: scaleY(1);
                transform: scaleY(1);
    }
    80%
    {
        -webkit-transform: scaleY(.3);
                transform: scaleY(.3);
    }
    90%
    {
        -webkit-transform: scaleY(1);
                transform: scaleY(1);
    }
}
@keyframes vlt_preloader_signal
{
    0%
    {
        -webkit-transform: scaleY(1);
                transform: scaleY(1);
    }
    80%
    {
        -webkit-transform: scaleY(.3);
                transform: scaleY(.3);
    }
    90%
    {
        -webkit-transform: scaleY(1);
                transform: scaleY(1);
    }
}
@-webkit-keyframes vlt_preloader_spinner
{
    0%
    {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@keyframes vlt_preloader_spinner
{
    0%
    {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@-webkit-keyframes vlt_animate_social_link
{
    0%
    {
        -webkit-transform: translateY(100%);
                transform: translateY(100%);

        opacity: 0;
    }
    100%
    {
        -webkit-transform: translateY(0);
                transform: translateY(0);

        opacity: 1;
    }
}
@keyframes vlt_animate_social_link
{
    0%
    {
        -webkit-transform: translateY(100%);
                transform: translateY(100%);

        opacity: 0;
    }
    100%
    {
        -webkit-transform: translateY(0);
                transform: translateY(0);

        opacity: 1;
    }
}
@-webkit-keyframes vlt_fade_in_down
{
    0%
    {
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
    }
    100%
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@keyframes vlt_fade_in_down
{
    0%
    {
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
    }
    100%
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes vlt_fade_out_up
{
    0%
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    100%
    {
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
    }
}
@keyframes vlt_fade_out_up
{
    0%
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    100%
    {
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
    }
}
html
{
    font-size: 16px;
}
@media (max-width: 767.98px)
{html
    {
        font-size: 15px;
    }}@media (max-width: 575.98px)
{html
    {
        font-size: 14px;
    }}body
{
    min-width: 20rem;
    margin: 0;
    padding: 0;
}
img
{
    max-width: 100%;
    height: auto;
}
p
{
    margin: 0 0 1.875rem;
}
p:empty
{
    display: none;
}
strong
{
    font-weight: 600;
}
a
{
    -webkit-transition: all var(--vlt-transition-duration) var(--vlt-transition-easing);
            transition: all var(--vlt-transition-duration) var(--vlt-transition-easing);
    text-decoration: none;

    color: inherit;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6
{
    margin: 0;
    padding: 0;
}
ul,
ol
{
    margin: 0;
    padding: 0;

    list-style-position: inside;
}
form
{
    max-width: 100%;
}
label
{
    display: block;

    width: 100%;
    margin-bottom: .5rem;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
input[type=text],
input[type=date],
input[type=email],
input[type=password],
input[type=tel],
input[type=url],
input[type=search],
input[type=number],
textarea,
select
{
    display: block;

    width: 100%;
    margin: 0;
    padding: .6875rem .9375rem;

    -webkit-transition: all var(--vlt-transition-duration) var(--vlt-transition-easing);
            transition: all var(--vlt-transition-duration) var(--vlt-transition-easing);

    border: none;
    border: 1px solid var(--vlt-color-6);
    border-radius: .3125rem;
    outline: none;
    background-color: var(--vlt-color-white);
    -webkit-box-shadow: none;
            box-shadow: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
input[type=text]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder
{
    opacity: 1;
    color: var(--vlt-color-9);
}
:root
{
    --swiper-theme-color: #101010;
}

</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/themes/folim/inc/framework/customizer-frontend.css?ver=2.0.3" id="vlt-customizer-frontend-css">
body{font-family:Source Sans Pro;font-size:0.875rem;font-weight:400;line-height:1.6;color:#606060;text-transform:none;background:#ffffff;background-color:#ffffff;background-repeat:repeat;background-attachment:scroll;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;}
:root{--vlt-primary-font:Dosis;--vlt-secondary-font:Source Sans Pro;}h1, .h1{font-family:Dosis;font-size:1.5625rem;font-weight:500;line-height:1.5;color:#404040;text-transform:none;letter-spacing:2px;}h2, .h2{font-family:Dosis;font-size:1.375rem;font-weight:500;line-height:1.5;color:#404040;text-transform:none;letter-spacing:2px;}
h4, .h4{font-family:Dosis;font-size:1rem;font-weight:500;line-height:1.5;color:#404040;text-transform:none;letter-spacing:2px;}
h6, .h6{font-family:Dosis;font-size:0.8125rem;font-weight:500;line-height:1.5;color:#404040;text-transform:none;letter-spacing:2px;}
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="url"], input[type="search"], input[type="number"], textarea, select, .select2{font-family:Dosis;font-size:0.9375rem;font-weight:400;line-height:inherit;color:#404040;text-transform:none;letter-spacing:1px;}label{font-family:Dosis;font-size:0.875rem;font-weight:500;line-height:1.5;color:#505050;text-transform:uppercase;letter-spacing:2px;}
@media (max-width: 767px){h1, .h1{font-size:1.5625rem;line-height:1.5;}}@media (max-width: 767px){h4, .h4{font-size:1rem;line-height:1.5;}}@media (max-width: 575px){h1, .h1{font-size:1.5625rem;line-height:1.5;}}@media (max-width: 575px){h4, .h4{font-size:1rem;line-height:1.5;}}
</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=3.33.0" id="elementor-frontend-css">
:root{--direction-multiplier:1}
.elementor-screen-only,.screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;top:-10000em;width:1px;clip:rect(0,0,0,0);border:0}
.elementor *,.elementor :after,.elementor :before{box-sizing:border-box}.elementor a{box-shadow:none;text-decoration:none}
.elementor img{border:none;border-radius:0;box-shadow:none;height:auto;max-width:100%}
.elementor .elementor-background-overlay{inset:0;position:absolute}
.elementor-widget-wrap .elementor-element.elementor-widget__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget__width-initial{max-width:100%}
.elementor-element{--flex-direction:initial;--flex-wrap:initial;--justify-content:initial;--align-items:initial;--align-content:initial;--gap:initial;--flex-basis:initial;--flex-grow:initial;--flex-shrink:initial;--order:initial;--align-self:initial;align-self:var(--align-self);flex-basis:var(--flex-basis);flex-grow:var(--flex-grow);flex-shrink:var(--flex-shrink);order:var(--order)}
.elementor-element:where(.e-con-full,.elementor-widget){align-content:var(--align-content);align-items:var(--align-items);flex-direction:var(--flex-direction);flex-wrap:var(--flex-wrap);gap:var(--row-gap) var(--column-gap);justify-content:var(--justify-content)}
.elementor-align-left{text-align:left}.elementor-align-center .elementor-button,.elementor-align-left .elementor-button,.elementor-align-right .elementor-button{width:auto}
@media (max-width:1024px){.elementor-tablet-align-center{text-align:center}}@media (max-width:1024px){.elementor-tablet-align-center .elementor-button,.elementor-tablet-align-left .elementor-button,.elementor-tablet-align-right .elementor-button{width:auto}}@media (max-width:767px){.elementor-mobile-align-center{text-align:center}}@media (max-width:767px){.elementor-mobile-align-center .elementor-button,.elementor-mobile-align-left .elementor-button,.elementor-mobile-align-right .elementor-button{width:auto}}:root{--page-title-display:block}.elementor-page-title,h1.entry-title{display:var(--page-title-display)}
@keyframes eicon-spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}
.elementor-section{position:relative}.elementor-section .elementor-container{display:flex;margin-left:auto;margin-right:auto;position:relative}
@media (max-width:1024px){.elementor-section .elementor-container{flex-wrap:wrap}}.elementor-section.elementor-section-boxed>.elementor-container{max-width:1140px}.elementor-section.elementor-section-stretched{position:relative;width:100%}
.elementor-widget-wrap{align-content:flex-start;flex-wrap:wrap;position:relative;width:100%}.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap{display:flex}.elementor-widget-wrap>.elementor-element{width:100%}
.elementor-widget{position:relative}.elementor-widget:not(:last-child){margin-bottom:var(--kit-widget-spacing,20px)}
.elementor-column{display:flex;min-height:1px;position:relative}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:10px}
@media (min-width:768px){}@media (min-width:768px){.elementor-column.elementor-col-33,.elementor-column[data-col="33"]{width:33.333%}}@media (min-width:768px){.elementor-column.elementor-col-50,.elementor-column[data-col="50"]{width:50%}}@media (min-width:768px){.elementor-column.elementor-col-100,.elementor-column[data-col="100"]{width:100%}}@media (max-width:767px){}@media (max-width:767px){.elementor-column{width:100%}}@media (min-width:1025px){#elementor-device-mode:after{content:"desktop"}}@media (max-width:1024px){#elementor-device-mode:after{content:"tablet"}}@media (max-width:767px){#elementor-device-mode:after{content:"mobile"}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)) .elementor-widget-container,.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)):not(:has(.elementor-widget-container)){transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s)}.elementor-heading-title{line-height:1;margin:0;padding:0}.elementor-button{background-color:#69727d;border-radius:3px;color:#fff;display:inline-block;font-size:15px;line-height:1;padding:12px 24px;fill:#fff;text-align:center;transition:all .3s}.elementor-button:focus,.elementor-button:hover,.elementor-button:visited{color:#fff}.elementor-button-content-wrapper{display:flex;flex-direction:row;gap:5px;justify-content:center}
.elementor-button-text{display:inline-block}
.elementor-button span{text-decoration:inherit}
@media (max-width:767px){.elementor .elementor-hidden-mobile,.elementor .elementor-hidden-phone{display:none}}@media (min-width:768px) and (max-width:1024px){.elementor .elementor-hidden-tablet{display:none}}@media (min-width:1025px) and (max-width:99999px){.elementor .elementor-hidden-desktop{display:none}}
</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/plugins/elementor/assets/css/widget-image.min.css?ver=3.33.0" id="widget-image-css">
.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}
.elementor-widget-image img{display:inline-block;vertical-align:middle}

</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/plugins/elementor-pro/assets/css/widget-nav-menu.min.css?ver=3.31.2" id="widget-nav-menu-css">
.elementor-item:after,.elementor-item:before{display:block;position:absolute;transition:.3s;transition-timing-function:cubic-bezier(.58,.3,.005,1)}.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{opacity:0}
.e--pointer-double-line .elementor-item:after,.e--pointer-double-line .elementor-item:before,.e--pointer-overline .elementor-item:after,.e--pointer-overline .elementor-item:before,.e--pointer-underline .elementor-item:after,.e--pointer-underline .elementor-item:before{background-color:#3f444b;height:3px;left:0;width:100%;z-index:2}
.e--pointer-double-line .elementor-item:after,.e--pointer-underline .elementor-item:after{bottom:0;content:""}
.elementor-nav-menu--main .elementor-nav-menu a{transition:.4s}.elementor-nav-menu--main .elementor-nav-menu a,.elementor-nav-menu--main .elementor-nav-menu a.highlighted,.elementor-nav-menu--main .elementor-nav-menu a:focus,.elementor-nav-menu--main .elementor-nav-menu a:hover{padding:13px 20px}
.elementor-nav-menu--main .elementor-nav-menu ul{border-style:solid;border-width:0;padding:0;position:absolute;width:12em}
.elementor-nav-menu--layout-horizontal{display:flex}.elementor-nav-menu--layout-horizontal .elementor-nav-menu{display:flex;flex-wrap:wrap}.elementor-nav-menu--layout-horizontal .elementor-nav-menu a{flex-grow:1;white-space:nowrap}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li{display:flex}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li ul,.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li>.scroll-down{top:100%!important}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>a{margin-inline-start:var(--e-nav-menu-horizontal-menu-item-margin)}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>.scroll-down,.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>.scroll-up,.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>ul{inset-inline-start:var(--e-nav-menu-horizontal-menu-item-margin)!important}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child)>a{margin-inline-end:var(--e-nav-menu-horizontal-menu-item-margin)}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child):after{align-self:center;border-color:var(--e-nav-menu-divider-color,#000);border-left-style:var(--e-nav-menu-divider-style,solid);border-left-width:var(--e-nav-menu-divider-width,2px);content:var(--e-nav-menu-divider-content,none);height:var(--e-nav-menu-divider-height,35%)}
.elementor-nav-menu__align-end .elementor-nav-menu{justify-content:flex-end;margin-inline-start:auto}
.elementor-widget-nav-menu .elementor-widget-container,.elementor-widget-nav-menu:not(:has(.elementor-widget-container)):not([class*=elementor-hidden-]){display:flex;flex-direction:column}.elementor-nav-menu{position:relative;z-index:2}.elementor-nav-menu:after{clear:both;content:" ";display:block;font:0/0 serif;height:0;overflow:hidden;visibility:hidden}.elementor-nav-menu,.elementor-nav-menu li,.elementor-nav-menu ul{display:block;line-height:normal;list-style:none;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.elementor-nav-menu ul{display:none}
.elementor-nav-menu a,.elementor-nav-menu li{position:relative}.elementor-nav-menu li{border-width:0}.elementor-nav-menu a{align-items:center;display:flex}.elementor-nav-menu a,.elementor-nav-menu a:focus,.elementor-nav-menu a:hover{line-height:20px;padding:10px 20px}
.elementor-nav-menu .sub-arrow{align-items:center;display:flex;line-height:1;margin-block-end:-10px;margin-block-start:-10px;padding:10px;padding-inline-end:0}.elementor-nav-menu .sub-arrow i{pointer-events:none}.elementor-nav-menu .sub-arrow .fa.fa-chevron-down,.elementor-nav-menu .sub-arrow .fas.fa-chevron-down{font-size:.7em}
.elementor-menu-toggle{align-items:center;background-color:rgba(0,0,0,.05);border:0 solid;border-radius:3px;color:#33373d;cursor:pointer;display:flex;font-size:var(--nav-menu-icon-size,22px);justify-content:center;padding:.25em}.elementor-menu-toggle.elementor-active .elementor-menu-toggle__icon--open,.elementor-menu-toggle:not(.elementor-active) .elementor-menu-toggle__icon--close{display:none}
.elementor-nav-menu--dropdown{background-color:#fff;font-size:13px}
.elementor-nav-menu--dropdown.elementor-nav-menu__container{margin-top:10px;overflow-x:hidden;overflow-y:auto;transform-origin:top;transition:max-height .3s,transform .3s}
.elementor-nav-menu--dropdown a{color:#33373d}
.elementor-nav-menu--toggle{--menu-height:100vh}.elementor-nav-menu--toggle .elementor-menu-toggle:not(.elementor-active)+.elementor-nav-menu__container{max-height:0;overflow:hidden;transform:scaleY(0)}
.elementor-nav-menu--stretch .elementor-nav-menu__container.elementor-nav-menu--dropdown{position:absolute;z-index:9997}
@media (max-width:1024px){.elementor-nav-menu--dropdown-tablet .elementor-nav-menu--main{display:none}}@media (min-width:1025px){.elementor-nav-menu--dropdown-tablet .elementor-menu-toggle,.elementor-nav-menu--dropdown-tablet .elementor-nav-menu--dropdown{display:none}.elementor-nav-menu--dropdown-tablet nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{overflow-y:hidden}}@keyframes hide-scroll{0%,to{overflow:hidden}}

</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/plugins/elementor-pro/assets/css/modules/sticky.min.css?ver=3.31.2" id="e-sticky-css">
.elementor-sticky--active{z-index:99}

</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css?ver=3.33.0" id="widget-icon-list-css">
.elementor-widget .elementor-icon-list-items.elementor-inline-items{display:flex;flex-wrap:wrap;margin-inline:-8px}.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-inline-item{word-break:break-word}.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:8px}
.elementor-widget .elementor-icon-list-items{list-style-type:none;margin:0;padding:0}.elementor-widget .elementor-icon-list-item{margin:0;padding:0;position:relative}
.elementor-widget .elementor-icon-list-item,.elementor-widget .elementor-icon-list-item a{align-items:var(--icon-vertical-align,center);display:flex;font-size:inherit}.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text{align-self:center;padding-inline-start:5px}.elementor-widget .elementor-icon-list-icon{display:flex;inset-block-start:var(--icon-vertical-offset,initial);position:relative}
.elementor-widget .elementor-icon-list-icon i{font-size:var(--e-icon-list-icon-size);width:1.25em}
@media (max-width:767px){.elementor-widget.elementor-mobile-align-center .elementor-icon-list-item,.elementor-widget.elementor-mobile-align-center .elementor-icon-list-item a{justify-content:center}}@media (max-width:767px){.elementor-widget.elementor-mobile-align-center .elementor-inline-items{justify-content:center}}#left-area ul.elementor-icon-list-items,.elementor .elementor-element ul.elementor-icon-list-items,.elementor-edit-area .elementor-element ul.elementor-icon-list-items{padding:0}

</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/plugins/elementor/assets/css/widget-spacer.min.css?ver=3.33.0" id="widget-spacer-css">
.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}

</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/plugins/elementor-pro/assets/css/widget-post-info.min.css?ver=3.31.2" id="widget-post-info-css">
.elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text{display:inline-block}

</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css?ver=5.15.3" id="elementor-icons-shared-0-css">
.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
.fa-calendar:before{content:"\f133"}
.fa-calendar-check:before{content:"\f274"}
.fa-caret-down:before{content:"\f0d7"}
.fa-check-circle:before{content:"\f058"}
.fa-chevron-down:before{content:"\f078"}
.fa-chevron-up:before{content:"\f077"}
.fa-clock:before{content:"\f017"}
.fa-search:before{content:"\f002"}

</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/plugins/elementor/assets/lib/font-awesome/css/regular.min.css?ver=5.15.3" id="elementor-icons-fa-regular-css">
.far{font-family:"Font Awesome 5 Free";font-weight:400}

</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.min.css?ver=5.15.3" id="elementor-icons-fa-solid-css">
.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900}

</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/plugins/elementor-pro/assets/css/widget-table-of-contents.min.css?ver=3.31.2" id="widget-table-of-contents-css">
.elementor-widget-table-of-contents .elementor-toc__header-title{color:var(--header-color)}.elementor-widget-table-of-contents.elementor-toc--collapsed .elementor-toc__toggle-button--collapse,.elementor-widget-table-of-contents:not(.elementor-toc--collapsed) .elementor-toc__toggle-button--expand{display:none}.elementor-widget-table-of-contents .elementor-widget-container,.elementor-widget-table-of-contents:not(:has(.elementor-widget-container)){background-color:var(--box-background-color);border:var(--box-border-width,1px) solid var(--box-border-color,#9da5ae);border-radius:var(--box-border-radius,3px);min-height:var(--box-min-height);overflow:hidden;transition:min-height .4s}.elementor-toc__header{align-items:center;background-color:var(--header-background-color);border-bottom:var(--separator-width,1px) solid var(--box-border-color,#9da5ae);display:flex;justify-content:flex-end;padding:var(--box-padding,20px)}.elementor-toc__header-title{color:var(--header-color);flex-grow:1;font-size:18px;margin:0}.elementor-toc__toggle-button{cursor:pointer;display:inline-flex}.elementor-toc__toggle-button i{color:var(--toggle-button-color)}
.elementor-toc__body{max-height:var(--toc-body-max-height);overflow-y:auto;padding:var(--box-padding,20px)}
.elementor-toc__list-wrapper{list-style:none;padding:0}.elementor-toc__list-item{margin-bottom:.5em}
.elementor-toc__list-item-text{transition-duration:var(--item-text-transition-duration)}
.elementor-toc__list-item-text.elementor-item-active{color:var(--item-text-active-color);-webkit-text-decoration:var(--item-text-active-decoration);text-decoration:var(--item-text-active-decoration)}.elementor-toc__list-item-text-wrapper{align-items:center;display:flex}.elementor-toc__list-item-text-wrapper i,.elementor-toc__list-item-text-wrapper:before{color:var(--marker-color);margin-inline-end:8px}
.elementor-toc__list-item-text-wrapper i{font-size:var(--marker-size,.5em)}
.elementor-toc__body .elementor-toc__list-item-text{color:var(--item-text-color);-webkit-text-decoration:var(--item-text-decoration);text-decoration:var(--item-text-decoration);transition-duration:var(--item-text-transition-duration)}
.elementor-toc__body .elementor-toc__list-item-text.elementor-item-active{color:var(--item-text-active-color);-webkit-text-decoration:var(--item-text-active-decoration);text-decoration:var(--item-text-active-decoration)}

</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/plugins/elementor/assets/css/widget-divider.min.css?ver=3.33.0" id="widget-divider-css">
.elementor-widget-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#0c0d0e;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x}.elementor-widget-divider .elementor-divider{display:flex}
.elementor-widget-divider .elementor-divider-separator{direction:ltr;display:flex;margin:0}
.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator{border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}

</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/plugins/elementor-pro/assets/css/widget-search-form.min.css?ver=3.31.2" id="widget-search-form-css">
.elementor-search-form{display:block;transition:.2s}
.elementor-search-form button,.elementor-search-form input[type=search]{-webkit-appearance:none;-moz-appearance:none;background:none;border:0;display:inline-block;font-size:15px;line-height:1;margin:0;min-width:0;padding:0;vertical-align:middle;white-space:normal}
.elementor-search-form button{background-color:#69727d;border-radius:0;color:#fff;font-size:var(--e-search-form-submit-icon-size,16px)}.elementor-search-form__container{border:0 solid transparent;display:flex;min-height:50px;overflow:hidden;transition:.2s}.elementor-search-form__container:not(.elementor-search-form--full-screen){background:#f1f2f3}.elementor-search-form__input{color:#3f444b;flex-basis:100%;transition:color .2s}
.elementor-search-form__input::placeholder{color:inherit;font-family:inherit;opacity:.6}.elementor-search-form__submit{font-size:var(--e-search-form-submit-icon-size,16px);transition:color .2s,background .2s}
.elementor-search-form .elementor-search-form__submit,.elementor-search-form .elementor-search-form__submit:hover{border:none;border-radius:0;color:var(--e-search-form-submit-text-color,#fff)}

</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/plugins/elementor-pro/assets/css/widget-author-box.min.css?ver=3.31.2" id="widget-author-box-css">
.elementor-author-box{align-items:center;display:flex}.elementor-author-box__avatar{flex-shrink:0;margin-inline-end:25px}.elementor-author-box__avatar img{border-radius:500px;-o-object-fit:cover;object-fit:cover;width:100px}.elementor-author-box__text{flex-grow:1;font-size:17px}.elementor-author-box__name{font-size:24px;margin-bottom:5px}.elementor-author-box__bio,.elementor-author-box__bio p{margin-bottom:.8em}
.elementor-author-box--align-center .elementor-author-box{text-align:center}
.elementor-widget-author-box:not(.elementor-author-box--layout-image-above) .elementor-author-box__avatar,.elementor-widget-author-box:not(.elementor-author-box--layout-image-above).elementor-author-box--image-valign-top .elementor-author-box__avatar{align-self:flex-start}.elementor-widget-author-box:not(.elementor-author-box--layout-image-above).elementor-author-box--image-valign-middle .elementor-author-box__avatar{align-self:center}

</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/plugins/elementor/assets/lib/font-awesome/css/all.min.css?ver=4.11.46" id="font-awesome-5-all-css">
.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
.fa-calendar:before{content:"\f133"}
.fa-calendar-check:before{content:"\f274"}
.fa-caret-down:before{content:"\f0d7"}
.fa-check-circle:before{content:"\f058"}
.fa-chevron-down:before{content:"\f078"}
.fa-chevron-up:before{content:"\f077"}
.fa-clock:before{content:"\f017"}
.fa-search:before{content:"\f002"}
.fab,.far{font-weight:400}
.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}



</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.44.0" id="elementor-icons-css">
[class*=" eicon-"],[class^=eicon]{display:inline-block;font-family:eicons;font-size:inherit;font-weight:400;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}

</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/uploads/elementor/css/post-137.css?ver=1763354852" id="elementor-post-137-css">
.elementor-kit-137{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-87eb952:#E9E9E9;--e-global-color-8186ecd:#C3C3C3;--e-global-color-137e974:#040724;--e-global-color-3b973d2:#FF00AB;--e-global-color-cfa5c7b:#00A2FF;--e-global-color-7c0a1d1:#C3C3C370;--e-global-color-1973db3:#4F4F4F;--e-global-color-f72d01a:#1E203C;--e-global-color-9d9b1c9:#282B4F;--e-global-color-4541de6:#040724;--e-global-color-33a517f:#000004;--e-global-color-87af860:#C3C3C300;--e-global-typography-primary-font-family:"Dosis";--e-global-typography-primary-font-size:100px;--e-global-typography-primary-line-height:100px;--e-global-typography-primary-letter-spacing:1px;--e-global-typography-secondary-font-family:"Dosis";--e-global-typography-secondary-font-size:42px;--e-global-typography-text-font-family:"Dosis";--e-global-typography-text-font-size:18px;--e-global-typography-accent-font-family:"Dosis";--e-global-typography-accent-font-size:18px;}.elementor-kit-137 button,.elementor-kit-137 input[type="button"],.elementor-kit-137 input[type="submit"],.elementor-kit-137 .elementor-button{background-color:#242424;font-size:18px;font-weight:500;color:var( --e-global-color-87eb952 );border-radius:0px 0px 0px 0px;}
.elementor-kit-137 a{font-size:14px;}.elementor-kit-137 h1{font-family:"Dosis", Sans-serif;font-size:32px;}.elementor-kit-137 h2{color:#363636;font-size:30px;letter-spacing:-0.6px;}
.elementor-kit-137 h4{color:#242424;font-size:25px;}
.elementor-kit-137 h6{font-size:18px;font-weight:bold;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}
.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}
@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}}@media(max-width:767px){.elementor-kit-137{font-size:16px;}.elementor-kit-137 a{font-size:16px;}.elementor-kit-137 h1{font-size:36px;}}@media(max-width:767px){.elementor-kit-137 h4{font-size:24px;letter-spacing:-0.4px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}}
</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/uploads/elementor/css/post-133.css?ver=1763354852" id="elementor-post-133-css">
.elementor-133 .elementor-element.elementor-element-66bb010:not(.elementor-motion-effects-element-type-background), .elementor-133 .elementor-element.elementor-element-66bb010 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF9E;}.elementor-133 .elementor-element.elementor-element-66bb010{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 50px 0px 50px;}
.elementor-133 .elementor-element.elementor-element-3056ce5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-133 .elementor-element.elementor-element-963a69c{text-align:left;}.elementor-133 .elementor-element.elementor-element-963a69c img{width:70%;}
.elementor-133 .elementor-element.elementor-element-31b6532.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-133 .elementor-element.elementor-element-6e61f53 .elementor-menu-toggle{margin-left:auto;background-color:#161616;}.elementor-133 .elementor-element.elementor-element-6e61f53 .elementor-nav-menu .elementor-item{font-size:17px;font-weight:600;}
.elementor-133 .elementor-element.elementor-element-6e61f53 .elementor-nav-menu--dropdown .elementor-item, .elementor-133 .elementor-element.elementor-element-6e61f53 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Quicksand", Sans-serif;font-size:14px;font-weight:600;}.elementor-133 .elementor-element.elementor-element-6e61f53 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#989898;border-bottom-width:1px;}.elementor-133 .elementor-element.elementor-element-6e61f53 div.elementor-menu-toggle{color:#FFFFFF;}
.elementor-133 .elementor-element.elementor-element-7209f78.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-133 .elementor-element.elementor-element-a6e46b2 .elementor-button{background-color:#4B4B4B;font-family:"Dosis", Sans-serif;font-size:16px;letter-spacing:0.5px;border-radius:7px 7px 7px 7px;padding:15px 23px 15px 23px;}
.elementor-133 .elementor-element.elementor-element-a6e46b2{width:auto;max-width:auto;}.elementor-133 .elementor-element.elementor-element-f77ac06:not(.elementor-motion-effects-element-type-background), .elementor-133 .elementor-element.elementor-element-f77ac06 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF9E;}.elementor-133 .elementor-element.elementor-element-f77ac06 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-133 .elementor-element.elementor-element-f77ac06{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 20px 0px 20px;}
.elementor-133 .elementor-element.elementor-element-7c0e022.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-133 .elementor-element.elementor-element-0c5edb2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-133 .elementor-element.elementor-element-0c5edb2{text-align:left;}.elementor-133 .elementor-element.elementor-element-0c5edb2 img{width:80%;}
.elementor-133 .elementor-element.elementor-element-68466b1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-133 .elementor-element.elementor-element-833a833 .elementor-nav-menu .elementor-item{font-size:16px;}.elementor-133 .elementor-element.elementor-element-833a833 .elementor-nav-menu--main .elementor-item{color:#1B1B1B;fill:#1B1B1B;}
.elementor-133 .elementor-element.elementor-element-833a833 .e--pointer-underline .elementor-item:after,
					 .elementor-133 .elementor-element.elementor-element-833a833 .e--pointer-overline .elementor-item:before,
					 .elementor-133 .elementor-element.elementor-element-833a833 .e--pointer-double-line .elementor-item:before,
					 .elementor-133 .elementor-element.elementor-element-833a833 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-133 .elementor-element.elementor-element-833a833 .elementor-nav-menu--dropdown a, .elementor-133 .elementor-element.elementor-element-833a833 .elementor-menu-toggle{color:#1B1B1B;fill:#1B1B1B;}
.elementor-133 .elementor-element.elementor-element-833a833 .elementor-nav-menu--dropdown{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E6E6E6;border-radius:7px 7px 7px 7px;}
.elementor-133 .elementor-element.elementor-element-dd4eafc.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-133 .elementor-element.elementor-element-dd4eafc.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-133 .elementor-element.elementor-element-34b558c .elementor-button{background-color:#4B4B4B;font-family:"Dosis", Sans-serif;font-size:16px;letter-spacing:0.5px;border-radius:7px 7px 7px 7px;padding:15px 23px 15px 23px;}
.elementor-133 .elementor-element.elementor-element-34b558c{width:auto;max-width:auto;}
.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}
@media(min-width:768px){.elementor-133 .elementor-element.elementor-element-219bead{width:84.249%;}.elementor-133 .elementor-element.elementor-element-7c0e022{width:24.217%;}.elementor-133 .elementor-element.elementor-element-68466b1{width:75.783%;}.elementor-133 .elementor-element.elementor-element-dd4eafc{width:15.751%;}}@media(max-width:1024px){.elementor-133 .elementor-element.elementor-element-66bb010{padding:0px 0px 0px 0px;}.elementor-133 .elementor-element.elementor-element-963a69c img{width:92%;}.elementor-133 .elementor-element.elementor-element-a6e46b2{width:100%;max-width:100%;}}@media(max-width:767px){.elementor-133 .elementor-element.elementor-element-66bb010{padding:0px 0px 0px 0px;}.elementor-133 .elementor-element.elementor-element-c7cffd3 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-133 .elementor-element.elementor-element-3056ce5{width:50%;}.elementor-133 .elementor-element.elementor-element-963a69c > .elementor-widget-container{margin:5px -25px 0px -5px;}.elementor-133 .elementor-element.elementor-element-963a69c img{width:100%;}.elementor-133 .elementor-element.elementor-element-31b6532{width:25%;}}@media(max-width:767px){.elementor-133 .elementor-element.elementor-element-31b6532.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-133 .elementor-element.elementor-element-6e61f53 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-133 .elementor-element.elementor-element-6e61f53 .elementor-nav-menu--dropdown a{padding-top:18px;padding-bottom:18px;}.elementor-133 .elementor-element.elementor-element-6e61f53 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-133 .elementor-element.elementor-element-6e61f53 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:18px !important;}.elementor-133 .elementor-element.elementor-element-6e61f53{--nav-menu-icon-size:23px;}.elementor-133 .elementor-element.elementor-element-6e61f53 .elementor-menu-toggle{border-radius:4px;}.elementor-133 .elementor-element.elementor-element-7209f78{width:15%;}}@media(max-width:767px){.elementor-133 .elementor-element.elementor-element-7209f78.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-133 .elementor-element.elementor-element-a6e46b2{width:100%;max-width:100%;}.elementor-133 .elementor-element.elementor-element-a6e46b2 .elementor-button{font-size:11px;padding:6px 9px 6px 9px;}.elementor-133 .elementor-element.elementor-element-f77ac06{padding:0px 0px 0px 0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-133 .elementor-element.elementor-element-31b6532{width:36%;}.elementor-133 .elementor-element.elementor-element-7209f78{width:30%;}}.elementor-133 .elementor-element.elementor-element-66bb010{
    backdrop-filter: blur(5px);
}
.elementor-133 .elementor-element.elementor-element-f77ac06{
    backdrop-filter: blur(5px);
}

</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/uploads/elementor/css/post-135.css?ver=1763354852" id="elementor-post-135-css">
.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}

</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/uploads/elementor/css/post-5932.css?ver=1763354852" id="elementor-post-5932-css">
.elementor-5932 .elementor-element.elementor-element-4b364638:not(.elementor-motion-effects-element-type-background), .elementor-5932 .elementor-element.elementor-element-4b364638 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:none;background-position:-289px 0px;background-repeat:no-repeat;background-size:49% auto;}.elementor-5932 .elementor-element.elementor-element-4b364638 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(141deg, #FFFFFF00 56%, #D7D7D7 100%);opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5932 .elementor-element.elementor-element-4b364638{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:5em 2em 5em 2em;}.elementor-5932 .elementor-element.elementor-element-18788517 > .elementor-element-populated, .elementor-5932 .elementor-element.elementor-element-18788517 > .elementor-element-populated > .elementor-background-overlay, .elementor-5932 .elementor-element.elementor-element-18788517 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-5932 .elementor-element.elementor-element-18788517 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}
.elementor-5932 .elementor-element.elementor-element-c38342c{margin-top:30px;margin-bottom:30px;}.elementor-5932 .elementor-element.elementor-element-79a00bb > .elementor-element-populated{padding:0px 30px 0px 0px;}.elementor-5932 .elementor-element.elementor-element-b99fe9c img{border-radius:7px 7px 7px 7px;}.elementor-5932 .elementor-element.elementor-element-6c38340 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:42px;font-weight:700;letter-spacing:0px;color:#2C2C2C;}.elementor-5932 .elementor-element.elementor-element-a13df34{--spacer-size:20px;}.elementor-5932 .elementor-element.elementor-element-36cbf8e .elementor-icon-list-icon{width:14px;}.elementor-5932 .elementor-element.elementor-element-36cbf8e .elementor-icon-list-icon i{font-size:14px;}
.elementor-5932 .elementor-element.elementor-element-5976db1 .elementor-toc__header-title{text-align:start;}.elementor-5932 .elementor-element.elementor-element-5976db1{--header-color:#131313;--item-text-hover-decoration:underline;}.elementor-5932 .elementor-element.elementor-element-5976db1 .elementor-toc__header, .elementor-5932 .elementor-element.elementor-element-5976db1 .elementor-toc__header-title{font-weight:600;letter-spacing:0px;}.elementor-5932 .elementor-element.elementor-element-5976db1 .elementor-toc__header{flex-direction:row;}.elementor-5932 .elementor-element.elementor-element-dab1516 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-5932 .elementor-element.elementor-element-dab1516{text-align:justify;color:#1A1A1A;line-height:27px;letter-spacing:0.1px;word-spacing:0px;}
.elementor-5932 .elementor-element.elementor-element-04bb0ac > .elementor-element-populated{padding:0px 0px 0px 35px;}.elementor-5932 .elementor-element.elementor-element-94ee08d{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}
.elementor-5932 .elementor-element.elementor-element-97c63b4 > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-5932 .elementor-element.elementor-element-97c63b4{text-align:left;}.elementor-5932 .elementor-element.elementor-element-97c63b4 .elementor-heading-title{font-size:25px;font-weight:600;}.elementor-5932 .elementor-element.elementor-element-c4beae9 .elementor-search-form__container{min-height:50px;}.elementor-5932 .elementor-element.elementor-element-c4beae9 .elementor-search-form__submit{min-width:50px;background-color:#272727;}
.elementor-5932 .elementor-element.elementor-element-c4beae9 .elementor-search-form__input, .elementor-5932 .elementor-element.elementor-element-c4beae9.elementor-search-form--button-type-text .elementor-search-form__submit{padding-left:calc(50px / 3);padding-right:calc(50px / 3);}.elementor-5932 .elementor-element.elementor-element-c4beae9:not(.elementor-search-form--skin-full_screen) .elementor-search-form__container{border-radius:3px;}
.elementor-5932 .elementor-element.elementor-element-01263ba > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-5932 .elementor-element.elementor-element-01263ba{text-align:left;}.elementor-5932 .elementor-element.elementor-element-01263ba .elementor-heading-title{font-size:25px;font-weight:600;}.elementor-5932 .elementor-element.elementor-element-68799a2 .elementor-author-box__avatar img{width:50px;height:50px;}body.rtl .elementor-5932 .elementor-element.elementor-element-68799a2.elementor-author-box--layout-image-left .elementor-author-box__avatar,
					 body:not(.rtl) .elementor-5932 .elementor-element.elementor-element-68799a2:not(.elementor-author-box--layout-image-above) .elementor-author-box__avatar{margin-right:8px;margin-left:0;}
.elementor-5932 .elementor-element.elementor-element-68799a2 .elementor-author-box__name{font-family:"Dosis", Sans-serif;font-size:18px;letter-spacing:0px;margin-bottom:0px;}.elementor-5932 .elementor-element.elementor-element-68799a2 .elementor-author-box__bio{margin-bottom:3px;}.elementor-5932 .elementor-element.elementor-element-0c6ca44 > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-5932 .elementor-element.elementor-element-0c6ca44{text-align:left;}.elementor-5932 .elementor-element.elementor-element-0c6ca44 .elementor-heading-title{font-size:25px;font-weight:600;}.elementor-5932 .elementor-element.elementor-element-ee8c48b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(12px/2);}.elementor-5932 .elementor-element.elementor-element-ee8c48b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(12px/2);}
.elementor-5932 .elementor-element.elementor-element-ee8c48b .elementor-icon-list-icon{color:#181818;fill:#181818;font-size:14px;}.elementor-5932 .elementor-element.elementor-element-1331e6a{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-5932 .elementor-element.elementor-element-1331e6a .elementor-divider-separator{width:100%;}.elementor-5932 .elementor-element.elementor-element-1331e6a .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5932 .elementor-element.elementor-element-3ec3699 > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-5932 .elementor-element.elementor-element-3ec3699{text-align:left;}.elementor-5932 .elementor-element.elementor-element-3ec3699 .elementor-heading-title{font-size:25px;font-weight:600;}.elementor-5932 .elementor-element.elementor-element-c718095 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-5932 .elementor-element.elementor-element-c718095{z-index:1;}.elementor-5932 .elementor-element.elementor-element-c718095 img{border-radius:5px 5px 5px 5px;}
@media(min-width:768px){.elementor-5932 .elementor-element.elementor-element-79a00bb{width:74.894%;}.elementor-5932 .elementor-element.elementor-element-04bb0ac{width:25.055%;}}@media(max-width:1024px){.elementor-5932 .elementor-element.elementor-element-4b364638:not(.elementor-motion-effects-element-type-background), .elementor-5932 .elementor-element.elementor-element-4b364638 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:1024px){.elementor-5932 .elementor-element.elementor-element-04bb0ac > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-5932 .elementor-element.elementor-element-97c63b4 .elementor-heading-title{font-size:18px;}.elementor-5932 .elementor-element.elementor-element-01263ba .elementor-heading-title{font-size:18px;}.elementor-5932 .elementor-element.elementor-element-0c6ca44 .elementor-heading-title{font-size:18px;}.elementor-5932 .elementor-element.elementor-element-3ec3699 .elementor-heading-title{font-size:18px;}}@media(max-width:767px){.elementor-5932 .elementor-element.elementor-element-4b364638:not(.elementor-motion-effects-element-type-background), .elementor-5932 .elementor-element.elementor-element-4b364638 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-5932 .elementor-element.elementor-element-4b364638{padding:0px 15px 0px 15px;}.elementor-5932 .elementor-element.elementor-element-18788517 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-5932 .elementor-element.elementor-element-79a00bb > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-5932 .elementor-element.elementor-element-6c38340{text-align:center;}.elementor-5932 .elementor-element.elementor-element-6c38340 .elementor-heading-title{font-size:28px;}.elementor-5932 .elementor-element.elementor-element-dab1516{text-align:justify;}}
</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/plugins/elementskit-lite/widgets/init/assets/css/widget-styles.css?ver=3.7.5" id="ekit-widget-styles-css">
@-webkit-keyframes ekit_ajax_spinner_rotation{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes ekit_ajax_spinner_rotation{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes xs-zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@keyframes xs-zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@keyframes dtb-spinner{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes dtb-spinner{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.ekit-wid-con .elementor-icon-list-item>a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .4s ease;transition:all .4s ease;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.ekit-wid-con .elementor-icon-list-text{-webkit-transition:all .4s ease;transition:all .4s ease}
.ekit-wid-con .elementor-icon-list-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-align:center;line-height:inherit}
.ekit-wid-con .elementor-icon-list-icon>i{-webkit-transition:all .4s ease;transition:all .4s ease}
.ekit-wid-con a{text-decoration:none}.ekit-wid-con a,.ekit-wid-con b,.ekit-wid-con div,.ekit-wid-con li,.ekit-wid-con ul{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;outline:0}
.ekit-wid-con a:active,.ekit-wid-con a:focus,.ekit-wid-con a:hover,.ekit-wid-con a:visited{outline:0;text-decoration:none}
.ekit-wid-con li,.ekit-wid-con ul{margin:0;padding:0}
.ekit-wid-con .elementor-icon-list-item .elementor-icon-list-text{display:block;margin-bottom:0}
@-webkit-keyframes bounceAnim{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-16px);transform:translateY(-16px)}60%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}
@keyframes bounceAnim{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-16px);transform:translateY(-16px)}60%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}
@-webkit-keyframes menu-animation{0%{opacity:0;-webkit-transform:scale(.04) translateY(300%);transform:scale(.04) translateY(300%)}40%{-webkit-transform:scale(.04) translateY(0);transform:scale(.04) translateY(0);-webkit-transition:ease-out;transition:ease-out}40%{-webkit-transform:scale(.04) translateY(0);transform:scale(.04) translateY(0)}60%{opacity:1;-webkit-transform:scale(.02) translateY(0);transform:scale(.02) translateY(0)}61%{opacity:1;-webkit-transform:scale(.04) translateY(0);transform:scale(.04) translateY(0)}99.9%{opacity:1;height:0;padding-bottom:100%;border-radius:100%}100%{opacity:1;-webkit-transform:scale(2) translateY(0);transform:scale(2) translateY(0);height:100%;padding-bottom:0;border-radius:0}}
@keyframes menu-animation{0%{opacity:0;-webkit-transform:scale(.04) translateY(300%);transform:scale(.04) translateY(300%)}40%{-webkit-transform:scale(.04) translateY(0);transform:scale(.04) translateY(0);-webkit-transition:ease-out;transition:ease-out}40%{-webkit-transform:scale(.04) translateY(0);transform:scale(.04) translateY(0)}60%{opacity:1;-webkit-transform:scale(.02) translateY(0);transform:scale(.02) translateY(0)}61%{opacity:1;-webkit-transform:scale(.04) translateY(0);transform:scale(.04) translateY(0)}99.9%{opacity:1;height:0;padding-bottom:100%;border-radius:100%}100%{opacity:1;-webkit-transform:scale(2) translateY(0);transform:scale(2) translateY(0);height:100%;padding-bottom:0;border-radius:0}}
@-webkit-keyframes show-fadein{0%{opacity:0}100%{opacity:1}}
@keyframes show-fadein{0%{opacity:0}100%{opacity:1}}
@-webkit-keyframes hide-fadeout{0%{opacity:1}100%{opacity:0}}
@keyframes hide-fadeout{0%{opacity:1}100%{opacity:0}}
@-webkit-keyframes show-animation{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes show-animation{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes hide-animation{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}}
@keyframes hide-animation{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}}
@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}
@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}
@-webkit-keyframes button-ripple{70%{-webkit-box-shadow:0 0 0 var(--glow-size,15px) currentColor;box-shadow:0 0 0 var(--glow-size,15px) currentColor;opacity:0}100%{-webkit-box-shadow:0 0 0 0 currentColor;box-shadow:0 0 0 0 currentColor;opacity:0}}
@keyframes button-ripple{70%{-webkit-box-shadow:0 0 0 var(--glow-size,15px) currentColor;box-shadow:0 0 0 var(--glow-size,15px) currentColor;opacity:0}100%{-webkit-box-shadow:0 0 0 0 currentColor;box-shadow:0 0 0 0 currentColor;opacity:0}}
@-webkit-keyframes radio-wave{0%{opacity:.8;border-width:2px}70%{opacity:.4}100%{-webkit-transform:scale(var(--ekit-radio-wave-scale));transform:scale(var(--ekit-radio-wave-scale));opacity:0;border-width:0}}
@keyframes radio-wave{0%{opacity:.8;border-width:2px}70%{opacity:.4}100%{-webkit-transform:scale(var(--ekit-radio-wave-scale));transform:scale(var(--ekit-radio-wave-scale));opacity:0;border-width:0}}
@-webkit-keyframes open{0%{opacity:0}100%{opacity:1}}
@keyframes open{0%{opacity:0}100%{opacity:1}}
@-webkit-keyframes close{0%{opacity:1}100%{opacity:0}}
@keyframes close{0%{opacity:1}100%{opacity:0}}
@-webkit-keyframes galleryopen{0%{opacity:0}100%{opacity:1}}
@keyframes galleryopen{0%{opacity:0}100%{opacity:1}}
@-webkit-keyframes location-indicator{0%{-webkit-box-shadow:0 0 0 0 rgba(12,90,219,.2);box-shadow:0 0 0 0 rgba(12,90,219,.2)}70%{-webkit-box-shadow:0 0 0 30px rgba(12,90,219,0);box-shadow:0 0 0 30px rgba(12,90,219,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(12,90,219,0);box-shadow:0 0 0 0 rgba(12,90,219,0)}}
@keyframes location-indicator{0%{-webkit-box-shadow:0 0 0 0 rgba(12,90,219,.2);box-shadow:0 0 0 0 rgba(12,90,219,.2)}70%{-webkit-box-shadow:0 0 0 30px rgba(12,90,219,0);box-shadow:0 0 0 30px rgba(12,90,219,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(12,90,219,0);box-shadow:0 0 0 0 rgba(12,90,219,0)}}
@-webkit-keyframes iconTranslateY{49%{-webkit-transform:translateY(100%);transform:translateY(100%)}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}51%{opacity:1}}
@keyframes iconTranslateY{49%{-webkit-transform:translateY(100%);transform:translateY(100%)}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}51%{opacity:1}}
@-webkit-keyframes RainDrop{0%,100%,25%,55%,75%,87%,97%{-webkit-transform:scaleX(1);transform:scaleX(1)}26%,56%,76%{-webkit-transform:scaleX(1.3) scaleY(.8);transform:scaleX(1.3) scaleY(.8)}31%,61%,81%{-webkit-transform:scaleX(.8) scaleY(1.2);transform:scaleX(.8) scaleY(1.2)}76%,88%{-webkit-transform:scaleX(1.2);transform:scaleX(1.2)}98%{-webkit-transform:scaleX(1.1);transform:scaleX(1.1)}}
@keyframes RainDrop{0%,100%,25%,55%,75%,87%,97%{-webkit-transform:scaleX(1);transform:scaleX(1)}26%,56%,76%{-webkit-transform:scaleX(1.3) scaleY(.8);transform:scaleX(1.3) scaleY(.8)}31%,61%,81%{-webkit-transform:scaleX(.8) scaleY(1.2);transform:scaleX(.8) scaleY(1.2)}76%,88%{-webkit-transform:scaleX(1.2);transform:scaleX(1.2)}98%{-webkit-transform:scaleX(1.1);transform:scaleX(1.1)}}
@-webkit-keyframes WaterWave{50%{-webkit-transform:skewY(1deg) skewX(-1deg) scale(1.06);transform:skewY(1deg) skewX(-1deg) scale(1.06)}}
@keyframes WaterWave{50%{-webkit-transform:skewY(1deg) skewX(-1deg) scale(1.06);transform:skewY(1deg) skewX(-1deg) scale(1.06)}}
@-webkit-keyframes lightning{50%,from,to{opacity:1}25%,75%{opacity:0}}
@keyframes lightning{50%,from,to{opacity:1}25%,75%{opacity:0}}
@-webkit-keyframes JoltZoom{10%{font-size:140%}40%{font-size:80%}100%{font-size:100%}}
@keyframes JoltZoom{10%{font-size:140%}40%{font-size:80%}100%{font-size:100%}}
@-webkit-keyframes typing{from{width:0}}
@keyframes typing{from{width:0}}
@-webkit-keyframes cursor{50%{border-color:transparent}}
@keyframes cursor{50%{border-color:transparent}}
@-webkit-keyframes wipe{to{width:0}}
@keyframes wipe{to{width:0}}
@keyframes open{from{width:0}}
@-webkit-keyframes Magnify{50%{-webkit-transform:scale(1.8);transform:scale(1.8);letter-spacing:26px}}
@keyframes Magnify{50%{-webkit-transform:scale(1.8);transform:scale(1.8);letter-spacing:26px}}
@-webkit-keyframes Beat{14%,42%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%,70%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes Beat{14%,42%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%,70%{-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes FadeIn{from{opacity:0}to{opacity:1}}
@keyframes FadeIn{from{opacity:0}to{opacity:1}}
@-webkit-keyframes FadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes FadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes FadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes FadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes FadeInTop{from{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1}}
@keyframes FadeInTop{from{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1}}
@-webkit-keyframes FadeInBottom{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1}}
@keyframes FadeInBottom{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1}}
@-webkit-keyframes FadeOut{from{opacity:1}to{opacity:0}}
@keyframes FadeOut{from{opacity:1}to{opacity:0}}
@-webkit-keyframes FadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}
@keyframes FadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}
@-webkit-keyframes FadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}
@keyframes FadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}
@-webkit-keyframes FadeOutTop{from{opacity:1}to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}
@keyframes FadeOutTop{from{opacity:1}to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}
@-webkit-keyframes FadeOutBottom{from{opacity:1}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}
@keyframes FadeOutBottom{from{opacity:1}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}
@-webkit-keyframes MovingBackFromRight{40%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}100%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:cubic-bezier(0,.9,.7,1.45);animation-timing-function:cubic-bezier(0,.9,.7,1.45)}}
@keyframes MovingBackFromRight{40%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}100%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:cubic-bezier(0,.9,.7,1.45);animation-timing-function:cubic-bezier(0,.9,.7,1.45)}}
@-webkit-keyframes MovingBackFromLeft{40%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:cubic-bezier(0,.9,.7,1.45);animation-timing-function:cubic-bezier(0,.9,.7,1.45)}}
@keyframes MovingBackFromLeft{40%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:cubic-bezier(0,.9,.7,1.45);animation-timing-function:cubic-bezier(0,.9,.7,1.45)}}
@-webkit-keyframes KickOutFront{40%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}100%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:cubic-bezier(0,.9,.7,1.45);animation-timing-function:cubic-bezier(0,.9,.7,1.45)}}
@keyframes KickOutFront{40%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}100%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:cubic-bezier(0,.9,.7,1.45);animation-timing-function:cubic-bezier(0,.9,.7,1.45)}}
@-webkit-keyframes KickOutBehind{40%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:cubic-bezier(0,.9,.7,1.45);animation-timing-function:cubic-bezier(0,.9,.7,1.45)}}
@keyframes KickOutBehind{40%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:cubic-bezier(0,.9,.7,1.45);animation-timing-function:cubic-bezier(0,.9,.7,1.45)}}
@-webkit-keyframes ScaleXIn{from{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}50%{opacity:1}}
@keyframes ScaleXIn{from{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}50%{opacity:1}}
@-webkit-keyframes ScaleXOut{to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}from{opacity:1}}
@keyframes ScaleXOut{to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}from{opacity:1}}
@-webkit-keyframes ScaleYIn{from{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}50%{opacity:1}}
@keyframes ScaleYIn{from{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}50%{opacity:1}}
@-webkit-keyframes ScaleYOut{to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}from{opacity:1}}
@keyframes ScaleYOut{to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}from{opacity:1}}
@-webkit-keyframes Jump{to{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}
@keyframes Jump{to{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}
@-webkit-keyframes AboundTop{50%{-webkit-transform:translateY(-100px);transform:translateY(-100px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
@keyframes AboundTop{50%{-webkit-transform:translateY(-100px);transform:translateY(-100px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
@-webkit-keyframes AboundBottom{50%{-webkit-transform:translateY(100px);transform:translateY(100px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
@keyframes AboundBottom{50%{-webkit-transform:translateY(100px);transform:translateY(100px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
@-webkit-keyframes AboundLeft{50%{-webkit-transform:translateX(-100px);transform:translateX(-100px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
@keyframes AboundLeft{50%{-webkit-transform:translateX(-100px);transform:translateX(-100px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
@-webkit-keyframes AboundRight{50%{-webkit-transform:translateX(100px);transform:translateX(100px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
@keyframes AboundRight{50%{-webkit-transform:translateX(100px);transform:translateX(100px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
@-webkit-keyframes FlyInTop{0%{-webkit-transform:translate(0,-80px);transform:translate(0,-80px);opacity:0}50%{-webkit-transform:translate(10px,50px);transform:translate(10px,50px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}
@keyframes FlyInTop{0%{-webkit-transform:translate(0,-80px);transform:translate(0,-80px);opacity:0}50%{-webkit-transform:translate(10px,50px);transform:translate(10px,50px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}
@-webkit-keyframes FlyInLeft{0%{-webkit-transform:translate(-40px,0);transform:translate(-40px,0);opacity:0}50%{-webkit-transform:translate(40px,0);transform:translate(40px,0)}}
@keyframes FlyInLeft{0%{-webkit-transform:translate(-40px,0);transform:translate(-40px,0);opacity:0}50%{-webkit-transform:translate(40px,0);transform:translate(40px,0)}}
@-webkit-keyframes FlyInRight{0%{-webkit-transform:translate(40px,0);transform:translate(40px,0);opacity:0}50%{-webkit-transform:translate(-40px,0);transform:translate(-40px,0)}}
@keyframes FlyInRight{0%{-webkit-transform:translate(40px,0);transform:translate(40px,0);opacity:0}50%{-webkit-transform:translate(-40px,0);transform:translate(-40px,0)}}
@-webkit-keyframes FlyInBottom{0%{-webkit-transform:translate(0,80px);transform:translate(0,80px);opacity:0}50%{-webkit-transform:translate(10px,-50px);transform:translate(10px,-50px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}
@keyframes FlyInBottom{0%{-webkit-transform:translate(0,80px);transform:translate(0,80px);opacity:0}50%{-webkit-transform:translate(10px,-50px);transform:translate(10px,-50px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}
@-webkit-keyframes FlyOutTop{50%{-webkit-transform:translate(0,50px);transform:translate(0,50px)}to{-webkit-transform:translate(0,-100px);transform:translate(0,-100px);opacity:0}}
@keyframes FlyOutTop{50%{-webkit-transform:translate(0,50px);transform:translate(0,50px)}to{-webkit-transform:translate(0,-100px);transform:translate(0,-100px);opacity:0}}
@-webkit-keyframes FlyOutLeft{50%{-webkit-transform:translate(40px,0);transform:translate(40px,0)}to{-webkit-transform:translate(-100px,0);transform:translate(-100px,0);opacity:0}}
@keyframes FlyOutLeft{50%{-webkit-transform:translate(40px,0);transform:translate(40px,0)}to{-webkit-transform:translate(-100px,0);transform:translate(-100px,0);opacity:0}}
@-webkit-keyframes FlyOutRight{50%{-webkit-transform:translate(-40px,0);transform:translate(-40px,0)}to{-webkit-transform:translate(100px,0);transform:translate(100px,0);opacity:0}}
@keyframes FlyOutRight{50%{-webkit-transform:translate(-40px,0);transform:translate(-40px,0)}to{-webkit-transform:translate(100px,0);transform:translate(100px,0);opacity:0}}
@-webkit-keyframes FlyOutBottom{50%{-webkit-transform:translate(0,-40px);transform:translate(0,-40px)}to{-webkit-transform:translate(0,100px);transform:translate(0,100px);opacity:0}}
@keyframes FlyOutBottom{50%{-webkit-transform:translate(0,-40px);transform:translate(0,-40px)}to{-webkit-transform:translate(0,100px);transform:translate(0,100px);opacity:0}}
@-webkit-keyframes DoorCloseLeft{from,to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-transform-origin:left;transform-origin:left}from{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);opacity:0}to{opacity:1}}
@keyframes DoorCloseLeft{from,to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-transform-origin:left;transform-origin:left}from{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);opacity:0}to{opacity:1}}
@-webkit-keyframes DoorOpenRight{from,to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);opacity:0}}
@keyframes DoorOpenRight{from,to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);opacity:0}}
@-webkit-keyframes DoorCloseRight{from,to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-transform-origin:right;transform-origin:right}from{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);opacity:0}to{opacity:1}}
@keyframes DoorCloseRight{from,to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-transform-origin:right;transform-origin:right}from{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);opacity:0}to{opacity:1}}
@-webkit-keyframes DoorOpenLeft{from,to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);opacity:0}}
@keyframes DoorOpenLeft{from,to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);opacity:0}}
@-webkit-keyframes HangAndDropLeft{from{-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:rotate(100deg);transform:rotate(100deg);-webkit-transform-origin:left;transform-origin:left}60%{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateY(800px) rotate(70deg);transform:translateY(800px) rotate(70deg);-webkit-transform-origin:left;transform-origin:left}}
@keyframes HangAndDropLeft{from{-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:rotate(100deg);transform:rotate(100deg);-webkit-transform-origin:left;transform-origin:left}60%{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateY(800px) rotate(70deg);transform:translateY(800px) rotate(70deg);-webkit-transform-origin:left;transform-origin:left}}
@-webkit-keyframes HangAndDropRight{from{-webkit-transform-origin:right;transform-origin:right}50%{-webkit-transform:rotate(-100deg);transform:rotate(-100deg);-webkit-transform-origin:right;transform-origin:right}60%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateY(800px) rotate(-70deg);transform:translateY(800px) rotate(-70deg);-webkit-transform-origin:right;transform-origin:right}}
@keyframes HangAndDropRight{from{-webkit-transform-origin:right;transform-origin:right}50%{-webkit-transform:rotate(-100deg);transform:rotate(-100deg);-webkit-transform-origin:right;transform-origin:right}60%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateY(800px) rotate(-70deg);transform:translateY(800px) rotate(-70deg);-webkit-transform-origin:right;transform-origin:right}}
@-webkit-keyframes PushReleaseFrom{from{-webkit-transform:scale(3,3);transform:scale(3,3);opacity:0}50%{-webkit-transform:scale(.5,.5);transform:scale(.5,.5)}}
@keyframes PushReleaseFrom{from{-webkit-transform:scale(3,3);transform:scale(3,3);opacity:0}50%{-webkit-transform:scale(.5,.5);transform:scale(.5,.5)}}
@-webkit-keyframes PushReleaseFromLeft{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}30%{-webkit-transform:translateX(100px);transform:translateX(100px)}}
@keyframes PushReleaseFromLeft{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}30%{-webkit-transform:translateX(100px);transform:translateX(100px)}}
@-webkit-keyframes PushReleaseFromTop{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}30%{-webkit-transform:translateY(100px);transform:translateY(100px)}}
@keyframes PushReleaseFromTop{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}30%{-webkit-transform:translateY(100px);transform:translateY(100px)}}
@-webkit-keyframes PushReleaseFromBottom{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}30%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}}
@keyframes PushReleaseFromBottom{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}30%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}}
@-webkit-keyframes PushReleaseTo{30%{-webkit-transform:scale(.5,.5);transform:scale(.5,.5)}to{-webkit-transform:scale(5,5);transform:scale(5,5);opacity:0}}
@keyframes PushReleaseTo{30%{-webkit-transform:scale(.5,.5);transform:scale(.5,.5)}to{-webkit-transform:scale(5,5);transform:scale(5,5);opacity:0}}
@-webkit-keyframes PushReleaseToTop{30%{-webkit-transform:translateY(100px);transform:translateY(100px)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}
@keyframes PushReleaseToTop{30%{-webkit-transform:translateY(100px);transform:translateY(100px)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}
@-webkit-keyframes PushReleaseToBottom{30%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}
@keyframes PushReleaseToBottom{30%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}
@-webkit-keyframes FlipInTop{from{-webkit-transform:perspective(600px);transform:perspective(600px);opacity:0}30%{-webkit-transform:perspective(600px) rotateX(180deg);transform:perspective(600px) rotateX(180deg);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform:perspective(600px);transform:perspective(600px)}}
@keyframes FlipInTop{from{-webkit-transform:perspective(600px);transform:perspective(600px);opacity:0}30%{-webkit-transform:perspective(600px) rotateX(180deg);transform:perspective(600px) rotateX(180deg);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform:perspective(600px);transform:perspective(600px)}}
@-webkit-keyframes FlipOutTop{to{-webkit-transform:perspective(600px);transform:perspective(600px);opacity:0}70%{-webkit-transform:perspective(600px) rotateX(180deg);transform:perspective(600px) rotateX(180deg);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform:perspective(600px);transform:perspective(600px)}}
@keyframes FlipOutTop{to{-webkit-transform:perspective(600px);transform:perspective(600px);opacity:0}70%{-webkit-transform:perspective(600px) rotateX(180deg);transform:perspective(600px) rotateX(180deg);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform:perspective(600px);transform:perspective(600px)}}
@-webkit-keyframes FlipInBottom{from{-webkit-transform:perspective(600px);transform:perspective(600px);opacity:0}30%{-webkit-transform:perspective(600px) rotateX(180deg);transform:perspective(600px) rotateX(180deg);-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform:perspective(600px);transform:perspective(600px)}}
@keyframes FlipInBottom{from{-webkit-transform:perspective(600px);transform:perspective(600px);opacity:0}30%{-webkit-transform:perspective(600px) rotateX(180deg);transform:perspective(600px) rotateX(180deg);-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform:perspective(600px);transform:perspective(600px)}}
@-webkit-keyframes FlipOutBottom{to{-webkit-transform:perspective(600px);transform:perspective(600px);opacity:0}70%{-webkit-transform:perspective(600px) rotateX(180deg);transform:perspective(600px) rotateX(180deg);-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform:perspective(600px);transform:perspective(600px)}}
@keyframes FlipOutBottom{to{-webkit-transform:perspective(600px);transform:perspective(600px);opacity:0}70%{-webkit-transform:perspective(600px) rotateX(180deg);transform:perspective(600px) rotateX(180deg);-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform:perspective(600px);transform:perspective(600px)}}
@-webkit-keyframes ElevateLeft{from{-webkit-transform:translateY(100%) rotate(-20deg);transform:translateY(100%) rotate(-20deg);-webkit-transform-origin:right;transform-origin:right;opacity:0}40%{-webkit-transform:rotate(20deg);transform:rotate(20deg);-webkit-transform-origin:right;transform-origin:right}65%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:right;transform-origin:right}}
@keyframes ElevateLeft{from{-webkit-transform:translateY(100%) rotate(-20deg);transform:translateY(100%) rotate(-20deg);-webkit-transform-origin:right;transform-origin:right;opacity:0}40%{-webkit-transform:rotate(20deg);transform:rotate(20deg);-webkit-transform-origin:right;transform-origin:right}65%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:right;transform-origin:right}}
@-webkit-keyframes ElevateRight{from{-webkit-transform:translateY(100%) rotate(20deg);transform:translateY(100%) rotate(20deg);-webkit-transform-origin:left;transform-origin:left;opacity:0}40%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg);-webkit-transform-origin:left;transform-origin:left}65%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:left;transform-origin:left}}
@keyframes ElevateRight{from{-webkit-transform:translateY(100%) rotate(20deg);transform:translateY(100%) rotate(20deg);-webkit-transform-origin:left;transform-origin:left;opacity:0}40%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg);-webkit-transform-origin:left;transform-origin:left}65%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:left;transform-origin:left}}
@-webkit-keyframes RollFromLeft{from{-webkit-transform:translateX(-60px) perspective(600px) rotateY(180deg);transform:translateX(-60px) perspective(600px) rotateY(180deg);opacity:0}}
@keyframes RollFromLeft{from{-webkit-transform:translateX(-60px) perspective(600px) rotateY(180deg);transform:translateX(-60px) perspective(600px) rotateY(180deg);opacity:0}}
@-webkit-keyframes RollFromRight{from{-webkit-transform:translateX(60px) perspective(600px) rotateY(-180deg);transform:translateX(60px) perspective(600px) rotateY(-180deg);opacity:0}}
@keyframes RollFromRight{from{-webkit-transform:translateX(60px) perspective(600px) rotateY(-180deg);transform:translateX(60px) perspective(600px) rotateY(-180deg);opacity:0}}
@-webkit-keyframes RollFromTop{from{-webkit-transform:translateY(-60px) perspective(600px) rotateX(180deg);transform:translateY(-60px) perspective(600px) rotateX(180deg);opacity:0}}
@keyframes RollFromTop{from{-webkit-transform:translateY(-60px) perspective(600px) rotateX(180deg);transform:translateY(-60px) perspective(600px) rotateX(180deg);opacity:0}}
@-webkit-keyframes RollFromBottom{from{-webkit-transform:translateY(60px) perspective(600px) rotateX(-180deg);transform:translateY(60px) perspective(600px) rotateX(-180deg);opacity:0}}
@keyframes RollFromBottom{from{-webkit-transform:translateY(60px) perspective(600px) rotateX(-180deg);transform:translateY(60px) perspective(600px) rotateX(-180deg);opacity:0}}
@-webkit-keyframes RollToLeft{to{-webkit-transform:translateX(-60px) perspective(600px) rotateY(180deg);transform:translateX(-60px) perspective(600px) rotateY(180deg);opacity:0}}
@keyframes RollToLeft{to{-webkit-transform:translateX(-60px) perspective(600px) rotateY(180deg);transform:translateX(-60px) perspective(600px) rotateY(180deg);opacity:0}}
@-webkit-keyframes RollToRight{to{-webkit-transform:translateX(60px) perspective(600px) rotateY(-180deg);transform:translateX(60px) perspective(600px) rotateY(-180deg);opacity:0}}
@keyframes RollToRight{to{-webkit-transform:translateX(60px) perspective(600px) rotateY(-180deg);transform:translateX(60px) perspective(600px) rotateY(-180deg);opacity:0}}
@-webkit-keyframes RollToTop{to{-webkit-transform:translateY(-60px) perspective(600px) rotateX(180deg);transform:translateY(-60px) perspective(600px) rotateX(180deg);opacity:0}}
@keyframes RollToTop{to{-webkit-transform:translateY(-60px) perspective(600px) rotateX(180deg);transform:translateY(-60px) perspective(600px) rotateX(180deg);opacity:0}}
@-webkit-keyframes RollToBottom{to{-webkit-transform:translateY(60px) perspective(600px) rotateX(-180deg);transform:translateY(60px) perspective(600px) rotateX(-180deg);opacity:0}}
@keyframes RollToBottom{to{-webkit-transform:translateY(60px) perspective(600px) rotateX(-180deg);transform:translateY(60px) perspective(600px) rotateX(-180deg);opacity:0}}
@-webkit-keyframes RotateSkateInRight{from{-webkit-transform:scaleX(.2) translateX(100px);transform:scaleX(.2) translateX(100px);opacity:0}}
@keyframes RotateSkateInRight{from{-webkit-transform:scaleX(.2) translateX(100px);transform:scaleX(.2) translateX(100px);opacity:0}}
@-webkit-keyframes RotateSkateInLeft{from{-webkit-transform:scaleX(.2) translateX(-100px);transform:scaleX(.2) translateX(-100px);opacity:0}}
@keyframes RotateSkateInLeft{from{-webkit-transform:scaleX(.2) translateX(-100px);transform:scaleX(.2) translateX(-100px);opacity:0}}
@-webkit-keyframes RotateSkateInTop{from{-webkit-transform:scaleY(.2) translateY(-100px);transform:scaleY(.2) translateY(-100px);opacity:0}}
@keyframes RotateSkateInTop{from{-webkit-transform:scaleY(.2) translateY(-100px);transform:scaleY(.2) translateY(-100px);opacity:0}}
@-webkit-keyframes RotateSkateInBottom{from{-webkit-transform:scaleY(.2) translateY(100px);transform:scaleY(.2) translateY(100px);opacity:0}}
@keyframes RotateSkateInBottom{from{-webkit-transform:scaleY(.2) translateY(100px);transform:scaleY(.2) translateY(100px);opacity:0}}
@-webkit-keyframes RotateSkateOutRight{to{-webkit-transform:scaleX(.2) translateX(100px);transform:scaleX(.2) translateX(100px);opacity:0}}
@keyframes RotateSkateOutRight{to{-webkit-transform:scaleX(.2) translateX(100px);transform:scaleX(.2) translateX(100px);opacity:0}}
@-webkit-keyframes RotateSkateOutLeft{to{-webkit-transform:scaleX(.2) translateX(-100px);transform:scaleX(.2) translateX(-100px);opacity:0}}
@keyframes RotateSkateOutLeft{to{-webkit-transform:scaleX(.2) translateX(-100px);transform:scaleX(.2) translateX(-100px);opacity:0}}
@-webkit-keyframes RotateSkateOutTop{to{-webkit-transform:scaleY(.2) translateY(-100px);transform:scaleY(.2) translateY(-100px);opacity:0}}
@keyframes RotateSkateOutTop{to{-webkit-transform:scaleY(.2) translateY(-100px);transform:scaleY(.2) translateY(-100px);opacity:0}}
@-webkit-keyframes RotateSkateOutBottom{to{-webkit-transform:scaleY(.2) translateY(100px);transform:scaleY(.2) translateY(100px);opacity:0}}
@keyframes RotateSkateOutBottom{to{-webkit-transform:scaleY(.2) translateY(100px);transform:scaleY(.2) translateY(100px);opacity:0}}
@-webkit-keyframes RotateXZoomIn{from{-webkit-transform:perspective(600px) translate3d(0,-60px,-2000px) rotateX(75deg);transform:perspective(600px) translate3d(0,-60px,-2000px) rotateX(75deg);opacity:0}5%{-webkit-transform:perspective(600px) translate3d(0,-60px,-1500px) rotateX(75deg);transform:perspective(600px) translate3d(0,-60px,-1500px) rotateX(75deg)}}
@keyframes RotateXZoomIn{from{-webkit-transform:perspective(600px) translate3d(0,-60px,-2000px) rotateX(75deg);transform:perspective(600px) translate3d(0,-60px,-2000px) rotateX(75deg);opacity:0}5%{-webkit-transform:perspective(600px) translate3d(0,-60px,-1500px) rotateX(75deg);transform:perspective(600px) translate3d(0,-60px,-1500px) rotateX(75deg)}}
@-webkit-keyframes RotateXZoomOut{95%{-webkit-transform:perspective(600px) translate3d(0,-60px,-1500px) rotateX(75deg);transform:perspective(600px) translate3d(0,-60px,-1500px) rotateX(75deg)}to{-webkit-transform:perspective(600px) translate3d(0,-60px,-2000px) rotateX(75deg);transform:perspective(600px) translate3d(0,-60px,-2000px) rotateX(75deg);opacity:0}}
@keyframes RotateXZoomOut{95%{-webkit-transform:perspective(600px) translate3d(0,-60px,-1500px) rotateX(75deg);transform:perspective(600px) translate3d(0,-60px,-1500px) rotateX(75deg)}to{-webkit-transform:perspective(600px) translate3d(0,-60px,-2000px) rotateX(75deg);transform:perspective(600px) translate3d(0,-60px,-2000px) rotateX(75deg);opacity:0}}
@-webkit-keyframes RotateYZoomIn{from{-webkit-transform:perspective(600px) translate3d(0,-60px,-2000px) rotateY(75deg);transform:perspective(600px) translate3d(0,-60px,-2000px) rotateY(75deg);opacity:0}5%{-webkit-transform:perspective(600px) translate3d(0,-60px,-1500px) rotateY(75deg);transform:perspective(600px) translate3d(0,-60px,-1500px) rotateY(75deg)}}
@keyframes RotateYZoomIn{from{-webkit-transform:perspective(600px) translate3d(0,-60px,-2000px) rotateY(75deg);transform:perspective(600px) translate3d(0,-60px,-2000px) rotateY(75deg);opacity:0}5%{-webkit-transform:perspective(600px) translate3d(0,-60px,-1500px) rotateY(75deg);transform:perspective(600px) translate3d(0,-60px,-1500px) rotateY(75deg)}}
@-webkit-keyframes RotateYZoomOut{95%{-webkit-transform:perspective(600px) translate3d(0,-60px,-1500px) rotateY(75deg);transform:perspective(600px) translate3d(0,-60px,-1500px) rotateY(75deg)}to{-webkit-transform:perspective(600px) translate3d(0,-60px,-2000px) rotateY(75deg);transform:perspective(600px) translate3d(0,-60px,-2000px) rotateY(75deg);opacity:0}}
@keyframes RotateYZoomOut{95%{-webkit-transform:perspective(600px) translate3d(0,-60px,-1500px) rotateY(75deg);transform:perspective(600px) translate3d(0,-60px,-1500px) rotateY(75deg)}to{-webkit-transform:perspective(600px) translate3d(0,-60px,-2000px) rotateY(75deg);transform:perspective(600px) translate3d(0,-60px,-2000px) rotateY(75deg);opacity:0}}
@-webkit-keyframes RotateIn{from{-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}
@keyframes RotateIn{from{-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}
@-webkit-keyframes RotateOut{from{opacity:1}to{-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}
@keyframes RotateOut{from{opacity:1}to{-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}
@-webkit-keyframes RotateInLeft{from{-webkit-transform:rotate(-180deg) translateX(150px);transform:rotate(-180deg) translateX(150px);opacity:0}to{opacity:1}}
@keyframes RotateInLeft{from{-webkit-transform:rotate(-180deg) translateX(150px);transform:rotate(-180deg) translateX(150px);opacity:0}to{opacity:1}}
@-webkit-keyframes RotateOutLeft{from{opacity:1}to{-webkit-transform:rotate(180deg) translateX(150px);transform:rotate(180deg) translateX(150px);opacity:0}}
@keyframes RotateOutLeft{from{opacity:1}to{-webkit-transform:rotate(180deg) translateX(150px);transform:rotate(180deg) translateX(150px);opacity:0}}
@-webkit-keyframes RotateInRight{from{-webkit-transform:rotate(-180deg) translateX(-150px);transform:rotate(-180deg) translateX(-150px);opacity:0}to{opacity:1}}
@keyframes RotateInRight{from{-webkit-transform:rotate(-180deg) translateX(-150px);transform:rotate(-180deg) translateX(-150px);opacity:0}to{opacity:1}}
@-webkit-keyframes RotateOutRight{from{opacity:1}to{-webkit-transform:rotate(180deg) translateX(-150px);transform:rotate(180deg) translateX(-150px);opacity:0}}
@keyframes RotateOutRight{from{opacity:1}to{-webkit-transform:rotate(180deg) translateX(-150px);transform:rotate(180deg) translateX(-150px);opacity:0}}
@-webkit-keyframes SpinInLeft{from,to{-webkit-transform-origin:left bottom;transform-origin:left bottom}from{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}
@keyframes SpinInLeft{from,to{-webkit-transform-origin:left bottom;transform-origin:left bottom}from{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}
@-webkit-keyframes SpinInRight{from,to{-webkit-transform-origin:right bottom;transform-origin:right bottom}from{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}
@keyframes SpinInRight{from,to{-webkit-transform-origin:right bottom;transform-origin:right bottom}from{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}
@-webkit-keyframes SpinOutLeft{from,to{-webkit-transform-origin:left bottom;transform-origin:left bottom}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}
@keyframes SpinOutLeft{from,to{-webkit-transform-origin:left bottom;transform-origin:left bottom}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}
@-webkit-keyframes SpinOutRight{from,to{-webkit-transform-origin:right bottom;transform-origin:right bottom}to{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}
@keyframes SpinOutRight{from,to{-webkit-transform-origin:right bottom;transform-origin:right bottom}to{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}
@-webkit-keyframes BlurIn{from{-webkit-transform:scaleX(.2);transform:scaleX(.2);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@keyframes BlurIn{from{-webkit-transform:scaleX(.2);transform:scaleX(.2);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@-webkit-keyframes BlurInRight{from{-webkit-transform:scaleX(.2) translateX(100px);transform:scaleX(.2) translateX(100px);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@keyframes BlurInRight{from{-webkit-transform:scaleX(.2) translateX(100px);transform:scaleX(.2) translateX(100px);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@-webkit-keyframes BlurInLeft{from{-webkit-transform:scaleX(.2) translateX(-100px);transform:scaleX(.2) translateX(-100px);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@keyframes BlurInLeft{from{-webkit-transform:scaleX(.2) translateX(-100px);transform:scaleX(.2) translateX(-100px);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@-webkit-keyframes BlurInTop{from{-webkit-transform:scaleY(.2) translateY(-100px);transform:scaleY(.2) translateY(-100px);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@keyframes BlurInTop{from{-webkit-transform:scaleY(.2) translateY(-100px);transform:scaleY(.2) translateY(-100px);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@-webkit-keyframes BlurInBottom{from{-webkit-transform:scaleY(.2) translateY(100px);transform:scaleY(.2) translateY(100px);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@keyframes BlurInBottom{from{-webkit-transform:scaleY(.2) translateY(100px);transform:scaleY(.2) translateY(100px);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@-webkit-keyframes BlurOut{to{-webkit-transform:scaleX(.2);transform:scaleX(.2);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@keyframes BlurOut{to{-webkit-transform:scaleX(.2);transform:scaleX(.2);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@-webkit-keyframes BlurOutRight{to{-webkit-transform:scaleX(.2) translateX(100px);transform:scaleX(.2) translateX(100px);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@keyframes BlurOutRight{to{-webkit-transform:scaleX(.2) translateX(100px);transform:scaleX(.2) translateX(100px);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@-webkit-keyframes BlurOutLeft{to{-webkit-transform:scaleX(.2) translateX(-100px);transform:scaleX(.2) translateX(-100px);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@keyframes BlurOutLeft{to{-webkit-transform:scaleX(.2) translateX(-100px);transform:scaleX(.2) translateX(-100px);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@-webkit-keyframes BlurOutTop{to{-webkit-transform:scaleY(.2) translateY(-100px);transform:scaleY(.2) translateY(-100px);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@keyframes BlurOutTop{to{-webkit-transform:scaleY(.2) translateY(-100px);transform:scaleY(.2) translateY(-100px);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@-webkit-keyframes BlurOutBottom{to{-webkit-transform:scaleY(.2) translateY(100px);transform:scaleY(.2) translateY(100px);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@keyframes BlurOutBottom{to{-webkit-transform:scaleY(.2) translateY(100px);transform:scaleY(.2) translateY(100px);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@-webkit-keyframes PopUp{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}
@keyframes PopUp{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}
@-webkit-keyframes PopUpLeft{50%{-webkit-transform:translateX(-50px) scale(1.5);transform:translateX(-50px) scale(1.5);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
@keyframes PopUpLeft{50%{-webkit-transform:translateX(-50px) scale(1.5);transform:translateX(-50px) scale(1.5);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
@-webkit-keyframes PopUpRight{50%{-webkit-transform:translateX(50px) scale(1.5);transform:translateX(50px) scale(1.5);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
@keyframes PopUpRight{50%{-webkit-transform:translateX(50px) scale(1.5);transform:translateX(50px) scale(1.5);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
@-webkit-keyframes PopOut{50%{-webkit-transform:scale(.5);transform:scale(.5)}}
@keyframes PopOut{50%{-webkit-transform:scale(.5);transform:scale(.5)}}
@-webkit-keyframes PopOutLeft{50%{-webkit-transform:translateX(-50px) scale(.5);transform:translateX(-50px) scale(.5);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
@keyframes PopOutLeft{50%{-webkit-transform:translateX(-50px) scale(.5);transform:translateX(-50px) scale(.5);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
@-webkit-keyframes PopOutRight{50%{-webkit-transform:translateX(50px) scale(.5);transform:translateX(50px) scale(.5);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
@keyframes PopOutRight{50%{-webkit-transform:translateX(50px) scale(.5);transform:translateX(50px) scale(.5);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
@-webkit-keyframes BounceFromTop{0%,100%,25%,55%,85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}41%,44%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translate3d(0,-80px,0) scale3d(1,1.2,1);transform:translate3d(0,-80px,0) scale3d(1,1.2,1)}70%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}
@keyframes BounceFromTop{0%,100%,25%,55%,85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}41%,44%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translate3d(0,-80px,0) scale3d(1,1.2,1);transform:translate3d(0,-80px,0) scale3d(1,1.2,1)}70%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}
@-webkit-keyframes BounceFromDown{0%,100%,25%,55%,85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}41%,44%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translate3d(0,80px,0) scale3d(1,1.2,1);transform:translate3d(0,80px,0) scale3d(1,1.2,1)}70%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}90%{-webkit-transform:translate3d(0,4px,0);transform:translate3d(0,4px,0)}}
@keyframes BounceFromDown{0%,100%,25%,55%,85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}41%,44%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translate3d(0,80px,0) scale3d(1,1.2,1);transform:translate3d(0,80px,0) scale3d(1,1.2,1)}70%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}90%{-webkit-transform:translate3d(0,4px,0);transform:translate3d(0,4px,0)}}
@-webkit-keyframes BounceY{0%,100%,25%,55%,85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}41%,44%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale3d(1,2,1);transform:scale3d(1,2,1)}70%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale3d(1,1.5,1);transform:scale3d(1,1.5,1)}90%{-webkit-transform:scale3d(1,1.1,1);transform:scale3d(1,1.1,1)}}
@keyframes BounceY{0%,100%,25%,55%,85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}41%,44%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale3d(1,2,1);transform:scale3d(1,2,1)}70%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale3d(1,1.5,1);transform:scale3d(1,1.5,1)}90%{-webkit-transform:scale3d(1,1.1,1);transform:scale3d(1,1.1,1)}}
@-webkit-keyframes BounceZoomIn{0%,100%,25%,55%,85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}41%,44%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.7);transform:scale(1.7)}70%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.9);transform:scale(1.9)}90%{-webkit-transform:scale(1.1);transform:scale(1.1)}}
@keyframes BounceZoomIn{0%,100%,25%,55%,85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}41%,44%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.7);transform:scale(1.7)}70%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.9);transform:scale(1.9)}90%{-webkit-transform:scale(1.1);transform:scale(1.1)}}
@-webkit-keyframes BounceZoomOut{0%,100%,25%,55%,85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}41%,44%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(.5);transform:scale(.5)}70%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(.7);transform:scale(.7)}90%{-webkit-transform:scale(.9);transform:scale(.9)}}
@keyframes BounceZoomOut{0%,100%,25%,55%,85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}41%,44%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(.5);transform:scale(.5)}70%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(.7);transform:scale(.7)}90%{-webkit-transform:scale(.9);transform:scale(.9)}}
@-webkit-keyframes PerspectiveOutTop{50%{opacity:1}to{-webkit-transform:perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);transform:perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);opacity:0}}
@keyframes PerspectiveOutTop{50%{opacity:1}to{-webkit-transform:perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);transform:perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);opacity:0}}
@-webkit-keyframes PerspectiveOutBottom{50%{opacity:1}to{-webkit-transform:perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);transform:perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);opacity:0}}
@keyframes PerspectiveOutBottom{50%{opacity:1}to{-webkit-transform:perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);transform:perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);opacity:0}}
@-webkit-keyframes ZoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@keyframes ZoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@-webkit-keyframes ZoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes ZoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@-webkit-keyframes ZoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes ZoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@-webkit-keyframes LetterZoomInTop{from{-webkit-transform:scale(10) translateY(-50%);transform:scale(10) translateY(-50%);opacity:0}}
@keyframes LetterZoomInTop{from{-webkit-transform:scale(10) translateY(-50%);transform:scale(10) translateY(-50%);opacity:0}}
@-webkit-keyframes ZoomInBottom{from{-webkit-transform:scale(10) translateY(50%);transform:scale(10) translateY(50%);opacity:0}}
@keyframes ZoomInBottom{from{-webkit-transform:scale(10) translateY(50%);transform:scale(10) translateY(50%);opacity:0}}
@-webkit-keyframes ZoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}
@keyframes ZoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}
@-webkit-keyframes ZoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}
@keyframes ZoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}
@-webkit-keyframes ZoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}
@keyframes ZoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}
@-webkit-keyframes ZoomOutTop{to{-webkit-transform:scale(10) translateY(-50%);transform:scale(10) translateY(-50%);opacity:0}}
@keyframes ZoomOutTop{to{-webkit-transform:scale(10) translateY(-50%);transform:scale(10) translateY(-50%);opacity:0}}
@-webkit-keyframes ZoomOutBottom{to{-webkit-transform:scale(10) translateY(50%);transform:scale(10) translateY(50%);opacity:0}}
@keyframes ZoomOutBottom{to{-webkit-transform:scale(10) translateY(50%);transform:scale(10) translateY(50%);opacity:0}}
@-webkit-keyframes oaoFadeInTop{from{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}
@keyframes oaoFadeInTop{from{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}
@-webkit-keyframes oaoFadeInBottom{from{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}
@keyframes oaoFadeInBottom{from{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}
@-webkit-keyframes oaoFadeOutop{to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}
@keyframes oaoFadeOutop{to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}
@-webkit-keyframes oaoFadeOutBottom{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}
@keyframes oaoFadeOutBottom{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}
@-webkit-keyframes oaoFlyInTop{0%{-webkit-transform:translateY(80px);transform:translateY(80px);opacity:0}50%{-webkit-transform:translateY(-50px);transform:translateY(-50px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
@keyframes oaoFlyInTop{0%{-webkit-transform:translateY(80px);transform:translateY(80px);opacity:0}50%{-webkit-transform:translateY(-50px);transform:translateY(-50px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
@-webkit-keyframes oaoFlyInBottom{0%{-webkit-transform:translateY(-80px);transform:translateY(-80px);opacity:0}50%{-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
@keyframes oaoFlyInBottom{0%{-webkit-transform:translateY(-80px);transform:translateY(-80px);opacity:0}50%{-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
@-webkit-keyframes oaoFlyOutTop{30%{-webkit-transform:translateY(80px);transform:translateY(80px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}80%{-webkit-transform:translateY(-50px);transform:translateY(-50px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:0}}
@keyframes oaoFlyOutTop{30%{-webkit-transform:translateY(80px);transform:translateY(80px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}80%{-webkit-transform:translateY(-50px);transform:translateY(-50px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:0}}
@-webkit-keyframes oaoFlyOutBottom{30%{-webkit-transform:translateY(-80px);transform:translateY(-80px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}80%{-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:0}}
@keyframes oaoFlyOutBottom{30%{-webkit-transform:translateY(-80px);transform:translateY(-80px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}80%{-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:0}}
@-webkit-keyframes oaoRotateInTop{from{-webkit-transform:translateY(-100px) rotate(360deg);transform:translateY(-100px) rotate(360deg);opacity:0}}
@keyframes oaoRotateInTop{from{-webkit-transform:translateY(-100px) rotate(360deg);transform:translateY(-100px) rotate(360deg);opacity:0}}
@-webkit-keyframes oaoRotateInBottom{from{-webkit-transform:translateY(100px) rotate(360deg);transform:translateY(100px) rotate(360deg);opacity:0}}
@keyframes oaoRotateInBottom{from{-webkit-transform:translateY(100px) rotate(360deg);transform:translateY(100px) rotate(360deg);opacity:0}}
@-webkit-keyframes oaoRotateOutTop{to{-webkit-transform:translateY(-100px) rotate(360deg);transform:translateY(-100px) rotate(360deg);opacity:0}}
@keyframes oaoRotateOutTop{to{-webkit-transform:translateY(-100px) rotate(360deg);transform:translateY(-100px) rotate(360deg);opacity:0}}
@-webkit-keyframes oaoRotateOutBottom{to{-webkit-transform:translateY(100px) rotate(360deg);transform:translateY(100px) rotate(360deg);opacity:0}}
@keyframes oaoRotateOutBottom{to{-webkit-transform:translateY(100px) rotate(360deg);transform:translateY(100px) rotate(360deg);opacity:0}}
@-webkit-keyframes oaoRotateXInTop{from{-webkit-transform:translateY(-100px) rotateX(360deg);transform:translateY(-100px) rotateX(360deg);opacity:0}}
@keyframes oaoRotateXInTop{from{-webkit-transform:translateY(-100px) rotateX(360deg);transform:translateY(-100px) rotateX(360deg);opacity:0}}
@-webkit-keyframes oaoRotateXInBottom{from{-webkit-transform:translateY(100px) rotateX(360deg);transform:translateY(100px) rotateX(360deg);opacity:0}}
@keyframes oaoRotateXInBottom{from{-webkit-transform:translateY(100px) rotateX(360deg);transform:translateY(100px) rotateX(360deg);opacity:0}}
@-webkit-keyframes oaoRotateXOutTop{to{-webkit-transform:translateY(-100px) rotateX(360deg);transform:translateY(-100px) rotateX(360deg);opacity:0}}
@keyframes oaoRotateXOutTop{to{-webkit-transform:translateY(-100px) rotateX(360deg);transform:translateY(-100px) rotateX(360deg);opacity:0}}
@-webkit-keyframes oaoRotateXOutBottom{to{-webkit-transform:translateY(100px) rotateX(360deg);transform:translateY(100px) rotateX(360deg);opacity:0}}
@keyframes oaoRotateXOutBottom{to{-webkit-transform:translateY(100px) rotateX(360deg);transform:translateY(100px) rotateX(360deg);opacity:0}}
@-webkit-keyframes oaoRotateYInTop{from{-webkit-transform:translateY(-100px) rotateY(360deg);transform:translateY(-100px) rotateY(360deg);opacity:0}}
@keyframes oaoRotateYInTop{from{-webkit-transform:translateY(-100px) rotateY(360deg);transform:translateY(-100px) rotateY(360deg);opacity:0}}
@-webkit-keyframes oaoRotateYInBottom{from{-webkit-transform:translateY(100px) rotateY(360deg);transform:translateY(100px) rotateY(360deg);opacity:0}}
@keyframes oaoRotateYInBottom{from{-webkit-transform:translateY(100px) rotateY(360deg);transform:translateY(100px) rotateY(360deg);opacity:0}}
@-webkit-keyframes oaoRotateYOutTop{to{-webkit-transform:translateY(-100px) rotateY(360deg);transform:translateY(-100px) rotateY(360deg);opacity:0}}
@keyframes oaoRotateYOutTop{to{-webkit-transform:translateY(-100px) rotateY(360deg);transform:translateY(-100px) rotateY(360deg);opacity:0}}
@-webkit-keyframes oaoRotateYOutBottom{to{-webkit-transform:translateY(100px) rotateY(360deg);transform:translateY(100px) rotateY(360deg);opacity:0}}
@keyframes oaoRotateYOutBottom{to{-webkit-transform:translateY(100px) rotateY(360deg);transform:translateY(100px) rotateY(360deg);opacity:0}}
@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes fadeInTop{from{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1}}
@keyframes fadeInTop{from{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1}}
@-webkit-keyframes fadeInBottom{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1}}
@keyframes fadeInBottom{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1}}
@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}
@keyframes fadeOut{from{opacity:1}to{opacity:0}}
@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}
@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}
@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}
@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}
@-webkit-keyframes fadeOutTop{from{opacity:1}to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}
@keyframes fadeOutTop{from{opacity:1}to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}
@-webkit-keyframes fadeOutBottom{from{opacity:1}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}
@keyframes fadeOutBottom{from{opacity:1}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}
@-webkit-keyframes moveFromLeft{from{-webkit-transform:translateX(-800px);transform:translateX(-800px)}}
@keyframes moveFromLeft{from{-webkit-transform:translateX(-800px);transform:translateX(-800px)}}
@-webkit-keyframes moveFromRight{from{-webkit-transform:translateX(800px);transform:translateX(800px)}}
@keyframes moveFromRight{from{-webkit-transform:translateX(800px);transform:translateX(800px)}}
@-webkit-keyframes moveFromTop{from{-webkit-transform:translateY(-800px);transform:translateY(-800px)}}
@keyframes moveFromTop{from{-webkit-transform:translateY(-800px);transform:translateY(-800px)}}
@-webkit-keyframes moveFromBottom{from{-webkit-transform:translateY(800px);transform:translateY(800px)}}
@keyframes moveFromBottom{from{-webkit-transform:translateY(800px);transform:translateY(800px)}}
@-webkit-keyframes moveToLeft{to{-webkit-transform:translateX(-800px);transform:translateX(-800px)}}
@keyframes moveToLeft{to{-webkit-transform:translateX(-800px);transform:translateX(-800px)}}
@-webkit-keyframes moveToRight{to{-webkit-transform:translateX(800px);transform:translateX(800px)}}
@keyframes moveToRight{to{-webkit-transform:translateX(800px);transform:translateX(800px)}}
@-webkit-keyframes moveToTop{to{-webkit-transform:translateY(-800px);transform:translateY(-800px)}}
@keyframes moveToTop{to{-webkit-transform:translateY(-800px);transform:translateY(-800px)}}
@-webkit-keyframes moveToBottom{to{-webkit-transform:translateY(800px);transform:translateY(800px)}}
@keyframes moveToBottom{to{-webkit-transform:translateY(800px);transform:translateY(800px)}}
@-webkit-keyframes doorCloseFromLeft{from{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-transform-origin:left;transform-origin:left;opacity:0}50%,to{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);-webkit-transform-origin:left;transform-origin:left;opacity:1}}
@keyframes doorCloseFromLeft{from{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-transform-origin:left;transform-origin:left;opacity:0}50%,to{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);-webkit-transform-origin:left;transform-origin:left;opacity:1}}
@-webkit-keyframes doorOpenFromRight{from{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);-webkit-transform-origin:left;transform-origin:left;opacity:1}50%,to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-transform-origin:left;transform-origin:left;opacity:0}}
@keyframes doorOpenFromRight{from{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);-webkit-transform-origin:left;transform-origin:left;opacity:1}50%,to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-transform-origin:left;transform-origin:left;opacity:0}}
@-webkit-keyframes doorCloseFromRight{from{-webkit-transform:perspective(400px) rotateY(-90deg);transform:perspective(400px) rotateY(-90deg);-webkit-transform-origin:right;transform-origin:right;opacity:0}50%,to{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);-webkit-transform-origin:right;transform-origin:right;opacity:1}}
@keyframes doorCloseFromRight{from{-webkit-transform:perspective(400px) rotateY(-90deg);transform:perspective(400px) rotateY(-90deg);-webkit-transform-origin:right;transform-origin:right;opacity:0}50%,to{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);-webkit-transform-origin:right;transform-origin:right;opacity:1}}
@-webkit-keyframes doorOpenFromLeft{from{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);-webkit-transform-origin:right;transform-origin:right;opacity:1}50%,to{-webkit-transform:perspective(400px) rotateY(-90deg);transform:perspective(400px) rotateY(-90deg);-webkit-transform-origin:right;transform-origin:right;opacity:0}}
@keyframes doorOpenFromLeft{from{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);-webkit-transform-origin:right;transform-origin:right;opacity:1}50%,to{-webkit-transform:perspective(400px) rotateY(-90deg);transform:perspective(400px) rotateY(-90deg);-webkit-transform-origin:right;transform-origin:right;opacity:0}}
@-webkit-keyframes pushReleaseFrom{from{-webkit-transform:scale(3,3);transform:scale(3,3);opacity:0}30%{-webkit-transform:scale(.5,.5);transform:scale(.5,.5)}}
@keyframes pushReleaseFrom{from{-webkit-transform:scale(3,3);transform:scale(3,3);opacity:0}30%{-webkit-transform:scale(.5,.5);transform:scale(.5,.5)}}
@-webkit-keyframes pushReleaseFromLeft{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}30%{-webkit-transform:translateX(100px);transform:translateX(100px)}}
@keyframes pushReleaseFromLeft{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}30%{-webkit-transform:translateX(100px);transform:translateX(100px)}}
@-webkit-keyframes pushReleaseFromRight{from{-webkit-transform:translateX(100%);transform:translateX(100%)}30%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}}
@keyframes pushReleaseFromRight{from{-webkit-transform:translateX(100%);transform:translateX(100%)}30%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}}
@-webkit-keyframes pushReleaseFromTop{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}30%{-webkit-transform:translateY(100px);transform:translateY(100px)}}
@keyframes pushReleaseFromTop{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}30%{-webkit-transform:translateY(100px);transform:translateY(100px)}}
@-webkit-keyframes pushReleaseFromBottom{from{-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}}
@keyframes pushReleaseFromBottom{from{-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}}
@-webkit-keyframes pushReleaseTo{30%{-webkit-transform:scale(.5,.5);transform:scale(.5,.5)}to{-webkit-transform:scale(5,5);transform:scale(5,5);opacity:0}}
@keyframes pushReleaseTo{30%{-webkit-transform:scale(.5,.5);transform:scale(.5,.5)}to{-webkit-transform:scale(5,5);transform:scale(5,5);opacity:0}}
@-webkit-keyframes pushReleaseToLeft{30%{-webkit-transform:translateX(100px);transform:translateX(100px)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}
@keyframes pushReleaseToLeft{30%{-webkit-transform:translateX(100px);transform:translateX(100px)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}
@-webkit-keyframes pushReleaseToRight{30%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}
@keyframes pushReleaseToRight{30%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}
@-webkit-keyframes pushReleaseToTop{30%{-webkit-transform:translateY(100px);transform:translateY(100px)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}
@keyframes pushReleaseToTop{30%{-webkit-transform:translateY(100px);transform:translateY(100px)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}
@-webkit-keyframes pushReleaseToBottom{30%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}
@keyframes pushReleaseToBottom{30%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}
@-webkit-keyframes flipX{from{-webkit-transform:perspective(600px) rotateX(-180deg);transform:perspective(600px) rotateX(-180deg);opacity:0}to{-webkit-transform:perspective(600px) rotateX(-360deg);transform:perspective(600px) rotateX(-360deg)}}
@keyframes flipX{from{-webkit-transform:perspective(600px) rotateX(-180deg);transform:perspective(600px) rotateX(-180deg);opacity:0}to{-webkit-transform:perspective(600px) rotateX(-360deg);transform:perspective(600px) rotateX(-360deg)}}
@-webkit-keyframes flipXZoomIn{from{-webkit-transform:perspective(600px) rotateX(0) scale(1);transform:perspective(600px) rotateX(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(600px) rotateX(-180deg) scale(1.8);transform:perspective(600px) rotateX(-180deg) scale(1.8);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}80%{-webkit-transform:perspective(600px) rotateX(-360deg) scale(.7);transform:perspective(600px) rotateX(-360deg) scale(.7);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes flipXZoomIn{from{-webkit-transform:perspective(600px) rotateX(0) scale(1);transform:perspective(600px) rotateX(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(600px) rotateX(-180deg) scale(1.8);transform:perspective(600px) rotateX(-180deg) scale(1.8);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}80%{-webkit-transform:perspective(600px) rotateX(-360deg) scale(.7);transform:perspective(600px) rotateX(-360deg) scale(.7);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes flipXZoomOut{from{-webkit-transform:perspective(600px) rotateX(0) scale(1);transform:perspective(600px) rotateX(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(600px) rotateX(180deg) scale(1.8);transform:perspective(600px) rotateX(180deg) scale(1.8);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}80%{-webkit-transform:perspective(600px) rotateX(360deg) scale(.7);transform:perspective(600px) rotateX(360deg) scale(.7);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes flipXZoomOut{from{-webkit-transform:perspective(600px) rotateX(0) scale(1);transform:perspective(600px) rotateX(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(600px) rotateX(180deg) scale(1.8);transform:perspective(600px) rotateX(180deg) scale(1.8);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}80%{-webkit-transform:perspective(600px) rotateX(360deg) scale(.7);transform:perspective(600px) rotateX(360deg) scale(.7);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes flipY{from{-webkit-transform:perspective(600px) rotateY(180deg);transform:perspective(600px) rotateY(180deg);opacity:0}to{-webkit-transform:perspective(600px) rotateY(360deg);transform:perspective(600px) rotateY(360deg)}}
@keyframes flipY{from{-webkit-transform:perspective(600px) rotateY(180deg);transform:perspective(600px) rotateY(180deg);opacity:0}to{-webkit-transform:perspective(600px) rotateY(360deg);transform:perspective(600px) rotateY(360deg)}}
@-webkit-keyframes flipYZoomIn{from{-webkit-transform:perspective(600px) rotateY(0) scale(1);transform:perspective(600px) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(600px) rotateY(180deg) scale(1.6);transform:perspective(600px) rotateY(180deg) scale(1.6);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}80%{-webkit-transform:perspective(600px) rotateY(360deg) scale(.7);transform:perspective(600px) rotateY(360deg) scale(.7);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes flipYZoomIn{from{-webkit-transform:perspective(600px) rotateY(0) scale(1);transform:perspective(600px) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(600px) rotateY(180deg) scale(1.6);transform:perspective(600px) rotateY(180deg) scale(1.6);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}80%{-webkit-transform:perspective(600px) rotateY(360deg) scale(.7);transform:perspective(600px) rotateY(360deg) scale(.7);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes flipYZoomOut{from{-webkit-transform:perspective(600px) rotateY(0) scale(1);transform:perspective(600px) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(600px) rotateY(180deg) scale(.6);transform:perspective(600px) rotateY(180deg) scale(.6);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}80%{-webkit-transform:perspective(600px) rotateY(360deg) scale(1.8);transform:perspective(600px) rotateY(360deg) scale(1.8);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes flipYZoomOut{from{-webkit-transform:perspective(600px) rotateY(0) scale(1);transform:perspective(600px) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(600px) rotateY(180deg) scale(.6);transform:perspective(600px) rotateY(180deg) scale(.6);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}80%{-webkit-transform:perspective(600px) rotateY(360deg) scale(1.8);transform:perspective(600px) rotateY(360deg) scale(1.8);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes skewLeft{70%{-webkit-transform:skewX(40deg);transform:skewX(40deg)}}
@keyframes skewLeft{70%{-webkit-transform:skewX(40deg);transform:skewX(40deg)}}
@-webkit-keyframes skewRight{70%{-webkit-transform:skewX(-40deg);transform:skewX(-40deg)}}
@keyframes skewRight{70%{-webkit-transform:skewX(-40deg);transform:skewX(-40deg)}}
@-webkit-keyframes skewInLeft{from{opacity:0;-webkit-transform:translateX(-100%) skewX(-40deg);transform:translateX(-100%) skewX(-40deg)}70%{-webkit-transform:skewX(-30deg);transform:skewX(-30deg)}}
@keyframes skewInLeft{from{opacity:0;-webkit-transform:translateX(-100%) skewX(-40deg);transform:translateX(-100%) skewX(-40deg)}70%{-webkit-transform:skewX(-30deg);transform:skewX(-30deg)}}
@-webkit-keyframes skewInRight{from{opacity:0;-webkit-transform:translateX(100%) skewX(40deg);transform:translateX(100%) skewX(40deg)}70%{-webkit-transform:skewX(30deg);transform:skewX(30deg)}}
@keyframes skewInRight{from{opacity:0;-webkit-transform:translateX(100%) skewX(40deg);transform:translateX(100%) skewX(40deg)}70%{-webkit-transform:skewX(30deg);transform:skewX(30deg)}}
@-webkit-keyframes skewOutLeft{20%{-webkit-transform:skewX(40deg);transform:skewX(40deg)}to{-webkit-transform:translateX(-100%) skewX(40deg);transform:translateX(-100%) skewX(40deg);opacity:0}}
@keyframes skewOutLeft{20%{-webkit-transform:skewX(40deg);transform:skewX(40deg)}to{-webkit-transform:translateX(-100%) skewX(40deg);transform:translateX(-100%) skewX(40deg);opacity:0}}
@-webkit-keyframes skewOutRight{20%{-webkit-transform:skewX(-40deg);transform:skewX(-40deg)}to{-webkit-transform:translateX(100%) skewX(-40deg);transform:translateX(100%) skewX(-40deg);opacity:0}}
@keyframes skewOutRight{20%{-webkit-transform:skewX(-40deg);transform:skewX(-40deg)}to{-webkit-transform:translateX(100%) skewX(-40deg);transform:translateX(100%) skewX(-40deg);opacity:0}}
@-webkit-keyframes pullRelease{15%{-webkit-transform:scale(1.8);transform:scale(1.8)}}
@keyframes pullRelease{15%{-webkit-transform:scale(1.8);transform:scale(1.8)}}
@-webkit-keyframes pushRelease{15%{-webkit-transform:scale(.5);transform:scale(.5)}}
@keyframes pushRelease{15%{-webkit-transform:scale(.5);transform:scale(.5)}}
@-webkit-keyframes swingInLeft{from{-webkit-transform:matrix(3,0,0,3,-800,0);transform:matrix(3,0,0,3,-800,0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:matrix(1.3,0,0,1.3,20,0);transform:matrix(1.3,0,0,1.3,20,0)}}
@keyframes swingInLeft{from{-webkit-transform:matrix(3,0,0,3,-800,0);transform:matrix(3,0,0,3,-800,0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:matrix(1.3,0,0,1.3,20,0);transform:matrix(1.3,0,0,1.3,20,0)}}
@-webkit-keyframes swingInRight{from{-webkit-transform:matrix(3,0,0,3,800,0);transform:matrix(3,0,0,3,800,0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:matrix(1.3,0,0,1.3,-20,0);transform:matrix(1.3,0,0,1.3,-20,0)}}
@keyframes swingInRight{from{-webkit-transform:matrix(3,0,0,3,800,0);transform:matrix(3,0,0,3,800,0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:matrix(1.3,0,0,1.3,-20,0);transform:matrix(1.3,0,0,1.3,-20,0)}}
@-webkit-keyframes swingInTop{from{-webkit-transform:matrix(3,0,0,3,0,-800);transform:matrix(3,0,0,3,0,-800);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:matrix(1.3,0,0,1.3,0,20);transform:matrix(1.3,0,0,1.3,0,20)}}
@keyframes swingInTop{from{-webkit-transform:matrix(3,0,0,3,0,-800);transform:matrix(3,0,0,3,0,-800);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:matrix(1.3,0,0,1.3,0,20);transform:matrix(1.3,0,0,1.3,0,20)}}
@-webkit-keyframes swingInBottom{from{-webkit-transform:matrix(3,0,0,3,0,800);transform:matrix(3,0,0,3,0,800);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:matrix(1.3,0,0,1.3,0,-20);transform:matrix(1.3,0,0,1.3,0,-20)}}
@keyframes swingInBottom{from{-webkit-transform:matrix(3,0,0,3,0,800);transform:matrix(3,0,0,3,0,800);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:matrix(1.3,0,0,1.3,0,-20);transform:matrix(1.3,0,0,1.3,0,-20)}}
@-webkit-keyframes elevateLeft{from{-webkit-transform:translateY(100%) rotate(-20deg);transform:translateY(100%) rotate(-20deg);-webkit-transform-origin:right;transform-origin:right}40%{-webkit-transform:rotate(20deg);transform:rotate(20deg);-webkit-transform-origin:right;transform-origin:right}65%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:right;transform-origin:right}}
@keyframes elevateLeft{from{-webkit-transform:translateY(100%) rotate(-20deg);transform:translateY(100%) rotate(-20deg);-webkit-transform-origin:right;transform-origin:right}40%{-webkit-transform:rotate(20deg);transform:rotate(20deg);-webkit-transform-origin:right;transform-origin:right}65%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:right;transform-origin:right}}
@-webkit-keyframes elevateRight{from{-webkit-transform:translateY(100%) rotate(20deg);transform:translateY(100%) rotate(20deg);-webkit-transform-origin:left;transform-origin:left}40%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg);-webkit-transform-origin:left;transform-origin:left}65%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:left;transform-origin:left}}
@keyframes elevateRight{from{-webkit-transform:translateY(100%) rotate(20deg);transform:translateY(100%) rotate(20deg);-webkit-transform-origin:left;transform-origin:left}40%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg);-webkit-transform-origin:left;transform-origin:left}65%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:left;transform-origin:left}}
@-webkit-keyframes rollFromLeft{from{-webkit-transform:translateX(-100%) perspective(600px) rotateY(180deg);transform:translateX(-100%) perspective(600px) rotateY(180deg);opacity:0}to{-webkit-transform:translateX(0) perspective(600px) rotateY(0);transform:translateX(0) perspective(600px) rotateY(0);opacity:1}}
@keyframes rollFromLeft{from{-webkit-transform:translateX(-100%) perspective(600px) rotateY(180deg);transform:translateX(-100%) perspective(600px) rotateY(180deg);opacity:0}to{-webkit-transform:translateX(0) perspective(600px) rotateY(0);transform:translateX(0) perspective(600px) rotateY(0);opacity:1}}
@-webkit-keyframes rollFromRight{from{-webkit-transform:translateX(100%) perspective(600px) rotateY(-180deg);transform:translateX(100%) perspective(600px) rotateY(-180deg);opacity:0}to{-webkit-transform:translateX(0) perspective(600px) rotateY(0);transform:translateX(0) perspective(600px) rotateY(0);opacity:1}}
@keyframes rollFromRight{from{-webkit-transform:translateX(100%) perspective(600px) rotateY(-180deg);transform:translateX(100%) perspective(600px) rotateY(-180deg);opacity:0}to{-webkit-transform:translateX(0) perspective(600px) rotateY(0);transform:translateX(0) perspective(600px) rotateY(0);opacity:1}}
@-webkit-keyframes rollFromTop{from{-webkit-transform:translateY(-100%) perspective(600px) rotateY(180deg);transform:translateY(-100%) perspective(600px) rotateY(180deg);opacity:0}to{-webkit-transform:translateY(0) perspective(600px) rotateY(0);transform:translateY(0) perspective(600px) rotateY(0);opacity:1}}
@keyframes rollFromTop{from{-webkit-transform:translateY(-100%) perspective(600px) rotateY(180deg);transform:translateY(-100%) perspective(600px) rotateY(180deg);opacity:0}to{-webkit-transform:translateY(0) perspective(600px) rotateY(0);transform:translateY(0) perspective(600px) rotateY(0);opacity:1}}
@-webkit-keyframes rollFromBottom{from{-webkit-transform:translateY(100%) perspective(600px) rotateY(-180deg);transform:translateY(100%) perspective(600px) rotateY(-180deg);opacity:0}to{-webkit-transform:translateY(0) perspective(600px) rotateY(0);transform:translateY(0) perspective(600px) rotateY(0);opacity:1}}
@keyframes rollFromBottom{from{-webkit-transform:translateY(100%) perspective(600px) rotateY(-180deg);transform:translateY(100%) perspective(600px) rotateY(-180deg);opacity:0}to{-webkit-transform:translateY(0) perspective(600px) rotateY(0);transform:translateY(0) perspective(600px) rotateY(0);opacity:1}}
@-webkit-keyframes rollToLeft{from{-webkit-transform:translateX(0) perspective(600px) rotateY(0);transform:translateX(0) perspective(600px) rotateY(0);opacity:1}to{-webkit-transform:translateX(-100%) perspective(600px) rotateY(180deg);transform:translateX(-100%) perspective(600px) rotateY(180deg);opacity:0}}
@keyframes rollToLeft{from{-webkit-transform:translateX(0) perspective(600px) rotateY(0);transform:translateX(0) perspective(600px) rotateY(0);opacity:1}to{-webkit-transform:translateX(-100%) perspective(600px) rotateY(180deg);transform:translateX(-100%) perspective(600px) rotateY(180deg);opacity:0}}
@-webkit-keyframes rollToRight{from{-webkit-transform:translateX(0) perspective(600px) rotateY(0);transform:translateX(0) perspective(600px) rotateY(0);opacity:1}to{-webkit-transform:translateX(100%) perspective(600px) rotateY(-180deg);transform:translateX(100%) perspective(600px) rotateY(-180deg);opacity:0}}
@keyframes rollToRight{from{-webkit-transform:translateX(0) perspective(600px) rotateY(0);transform:translateX(0) perspective(600px) rotateY(0);opacity:1}to{-webkit-transform:translateX(100%) perspective(600px) rotateY(-180deg);transform:translateX(100%) perspective(600px) rotateY(-180deg);opacity:0}}
@-webkit-keyframes rollToTop{from{-webkit-transform:translateY(0) perspective(600px) rotateX(0);transform:translateY(0) perspective(600px) rotateX(0);opacity:1}to{-webkit-transform:translateY(-100%) perspective(600px) rotateX(180deg);transform:translateY(-100%) perspective(600px) rotateX(180deg);opacity:0}}
@keyframes rollToTop{from{-webkit-transform:translateY(0) perspective(600px) rotateX(0);transform:translateY(0) perspective(600px) rotateX(0);opacity:1}to{-webkit-transform:translateY(-100%) perspective(600px) rotateX(180deg);transform:translateY(-100%) perspective(600px) rotateX(180deg);opacity:0}}
@-webkit-keyframes rollToBottom{to{-webkit-transform:translateY(0) perspective(600px) rotateX(0);transform:translateY(0) perspective(600px) rotateX(0);opacity:1}to{-webkit-transform:translateY(100%) perspective(600px) rotateX(-180deg);transform:translateY(100%) perspective(600px) rotateX(-180deg);opacity:0}}
@keyframes rollToBottom{to{-webkit-transform:translateY(0) perspective(600px) rotateX(0);transform:translateY(0) perspective(600px) rotateX(0);opacity:1}to{-webkit-transform:translateY(100%) perspective(600px) rotateX(-180deg);transform:translateY(100%) perspective(600px) rotateX(-180deg);opacity:0}}
@-webkit-keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes rotateX{from{-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0)}to{-webkit-transform:perspective(600px) rotateX(90deg);transform:perspective(600px) rotateX(90deg)}}
@keyframes rotateX{from{-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0)}to{-webkit-transform:perspective(600px) rotateX(90deg);transform:perspective(600px) rotateX(90deg)}}
@-webkit-keyframes rotateXIn{from{-webkit-transform:perspective(600px) translate3d(0,-60px,-2000px) rotateX(75deg);transform:perspective(600px) translate3d(0,-60px,-2000px) rotateX(75deg);opacity:0}5%{-webkit-transform:perspective(600px) translate3d(0,-60px,-1500px) rotateX(75deg);transform:perspective(600px) translate3d(0,-60px,-1500px) rotateX(75deg)}}
@keyframes rotateXIn{from{-webkit-transform:perspective(600px) translate3d(0,-60px,-2000px) rotateX(75deg);transform:perspective(600px) translate3d(0,-60px,-2000px) rotateX(75deg);opacity:0}5%{-webkit-transform:perspective(600px) translate3d(0,-60px,-1500px) rotateX(75deg);transform:perspective(600px) translate3d(0,-60px,-1500px) rotateX(75deg)}}
@-webkit-keyframes rotateXOut{95%{-webkit-transform:perspective(600px) translate3d(0,-60px,-1500px) rotateX(75deg);transform:perspective(600px) translate3d(0,-60px,-1500px) rotateX(75deg)}to{-webkit-transform:perspective(600px) translate3d(0,-60px,-2000px) rotateX(75deg);transform:perspective(600px) translate3d(0,-60px,-2000px) rotateX(75deg);opacity:0}}
@keyframes rotateXOut{95%{-webkit-transform:perspective(600px) translate3d(0,-60px,-1500px) rotateX(75deg);transform:perspective(600px) translate3d(0,-60px,-1500px) rotateX(75deg)}to{-webkit-transform:perspective(600px) translate3d(0,-60px,-2000px) rotateX(75deg);transform:perspective(600px) translate3d(0,-60px,-2000px) rotateX(75deg);opacity:0}}
@-webkit-keyframes rotateY{from{-webkit-transform:perspective(600px) rotateY(0);transform:perspective(600px) rotateY(0)}to{-webkit-transform:perspective(600px) rotateY(90deg);transform:perspective(600px) rotateY(90deg)}}
@keyframes rotateY{from{-webkit-transform:perspective(600px) rotateY(0);transform:perspective(600px) rotateY(0)}to{-webkit-transform:perspective(600px) rotateY(90deg);transform:perspective(600px) rotateY(90deg)}}
@-webkit-keyframes rotateYIn{from{-webkit-transform:perspective(600px) translate3d(0,-60px,-2000px) rotateY(75deg);transform:perspective(600px) translate3d(0,-60px,-2000px) rotateY(75deg);opacity:0}5%{-webkit-transform:perspective(600px) translate3d(0,-60px,-1500px) rotateY(75deg);transform:perspective(600px) translate3d(0,-60px,-1500px) rotateY(75deg)}}
@keyframes rotateYIn{from{-webkit-transform:perspective(600px) translate3d(0,-60px,-2000px) rotateY(75deg);transform:perspective(600px) translate3d(0,-60px,-2000px) rotateY(75deg);opacity:0}5%{-webkit-transform:perspective(600px) translate3d(0,-60px,-1500px) rotateY(75deg);transform:perspective(600px) translate3d(0,-60px,-1500px) rotateY(75deg)}}
@-webkit-keyframes rotateYOut{95%{-webkit-transform:perspective(600px) translate3d(0,-60px,-1500px) rotateY(75deg);transform:perspective(600px) translate3d(0,-60px,-1500px) rotateY(75deg)}to{-webkit-transform:perspective(600px) translate3d(0,-60px,-2000px) rotateY(75deg);transform:perspective(600px) translate3d(0,-60px,-2000px) rotateY(75deg);opacity:0}}
@keyframes rotateYOut{95%{-webkit-transform:perspective(600px) translate3d(0,-60px,-1500px) rotateY(75deg);transform:perspective(600px) translate3d(0,-60px,-1500px) rotateY(75deg)}to{-webkit-transform:perspective(600px) translate3d(0,-60px,-2000px) rotateY(75deg);transform:perspective(600px) translate3d(0,-60px,-2000px) rotateY(75deg);opacity:0}}
@-webkit-keyframes rotateInLeft{from{opacity:0;-webkit-transform:translateX(-100%) rotate(0);transform:translateX(-100%) rotate(0)}to{-webkit-transform:translateX(0) rotate(360deg);transform:translateX(0) rotate(360deg)}}
@keyframes rotateInLeft{from{opacity:0;-webkit-transform:translateX(-100%) rotate(0);transform:translateX(-100%) rotate(0)}to{-webkit-transform:translateX(0) rotate(360deg);transform:translateX(0) rotate(360deg)}}
@-webkit-keyframes rotateInRight{from{opacity:0;-webkit-transform:translateX(100%) rotate(0);transform:translateX(100%) rotate(0)}to{-webkit-transform:translateX(0) rotate(-360deg);transform:translateX(0) rotate(-360deg)}}
@keyframes rotateInRight{from{opacity:0;-webkit-transform:translateX(100%) rotate(0);transform:translateX(100%) rotate(0)}to{-webkit-transform:translateX(0) rotate(-360deg);transform:translateX(0) rotate(-360deg)}}
@-webkit-keyframes rotateInTop{from{opacity:0;-webkit-transform:translateY(-400%) rotate(0);transform:translateY(-400%) rotate(0)}to{-webkit-transform:translateX(0) rotate(360deg);transform:translateX(0) rotate(360deg)}}
@keyframes rotateInTop{from{opacity:0;-webkit-transform:translateY(-400%) rotate(0);transform:translateY(-400%) rotate(0)}to{-webkit-transform:translateX(0) rotate(360deg);transform:translateX(0) rotate(360deg)}}
@-webkit-keyframes rotateInBottom{from{opacity:0;-webkit-transform:translateY(400%) rotate(0);transform:translateY(400%) rotate(0)}to{-webkit-transform:translateX(0) rotate(360deg);transform:translateX(0) rotate(360deg)}}
@keyframes rotateInBottom{from{opacity:0;-webkit-transform:translateY(400%) rotate(0);transform:translateY(400%) rotate(0)}to{-webkit-transform:translateX(0) rotate(360deg);transform:translateX(0) rotate(360deg)}}
@-webkit-keyframes rotateOutLeft{from{-webkit-transform:translateX(0) rotate(360deg);transform:translateX(0) rotate(360deg)}to{-webkit-transform:translateX(-800px) rotate(0);transform:translateX(-800px) rotate(0);opacity:0}}
@keyframes rotateOutLeft{from{-webkit-transform:translateX(0) rotate(360deg);transform:translateX(0) rotate(360deg)}to{-webkit-transform:translateX(-800px) rotate(0);transform:translateX(-800px) rotate(0);opacity:0}}
@-webkit-keyframes rotateOutRight{from{-webkit-transform:translateX(0) rotate(-360deg);transform:translateX(0) rotate(-360deg)}to{-webkit-transform:translateX(800px) rotate(0);transform:translateX(800px) rotate(0);opacity:0}}
@keyframes rotateOutRight{from{-webkit-transform:translateX(0) rotate(-360deg);transform:translateX(0) rotate(-360deg)}to{-webkit-transform:translateX(800px) rotate(0);transform:translateX(800px) rotate(0);opacity:0}}
@-webkit-keyframes rotateOutTop{from{-webkit-transform:translateX(0) rotate(360deg);transform:translateX(0) rotate(360deg)}to{-webkit-transform:translateY(-800px) rotate(0);transform:translateY(-800px) rotate(0);opacity:0}}
@keyframes rotateOutTop{from{-webkit-transform:translateX(0) rotate(360deg);transform:translateX(0) rotate(360deg)}to{-webkit-transform:translateY(-800px) rotate(0);transform:translateY(-800px) rotate(0);opacity:0}}
@-webkit-keyframes rotateOutBottom{from{-webkit-transform:translateX(0) rotate(360deg);transform:translateX(0) rotate(360deg)}to{-webkit-transform:translateY(800px) rotate(0);transform:translateY(800px) rotate(0);opacity:0}}
@keyframes rotateOutBottom{from{-webkit-transform:translateX(0) rotate(360deg);transform:translateX(0) rotate(360deg)}to{-webkit-transform:translateY(800px) rotate(0);transform:translateY(800px) rotate(0);opacity:0}}
@-webkit-keyframes spinToLeft{from,to{-webkit-transform-origin:left bottom;transform-origin:left bottom}from{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}
@keyframes spinToLeft{from,to{-webkit-transform-origin:left bottom;transform-origin:left bottom}from{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}
@-webkit-keyframes spinToRight{from,to{-webkit-transform-origin:right bottom;transform-origin:right bottom}from{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}
@keyframes spinToRight{from,to{-webkit-transform-origin:right bottom;transform-origin:right bottom}from{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}
@-webkit-keyframes spinToTop{from,to{-webkit-transform-origin:left bottom;transform-origin:left bottom}from{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}
@keyframes spinToTop{from,to{-webkit-transform-origin:left bottom;transform-origin:left bottom}from{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}
@-webkit-keyframes spinToBottom{from,to{-webkit-transform-origin:right bottom;transform-origin:right bottom}from{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}
@keyframes spinToBottom{from,to{-webkit-transform-origin:right bottom;transform-origin:right bottom}from{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}
@-webkit-keyframes spinFromLeft{from,to{-webkit-transform-origin:left bottom;transform-origin:left bottom}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}
@keyframes spinFromLeft{from,to{-webkit-transform-origin:left bottom;transform-origin:left bottom}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}
@-webkit-keyframes spinFromRight{from,to{-webkit-transform-origin:right bottom;transform-origin:right bottom}to{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}
@keyframes spinFromRight{from,to{-webkit-transform-origin:right bottom;transform-origin:right bottom}to{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}
@-webkit-keyframes spinFromTop{from,to{-webkit-transform-origin:left bottom;transform-origin:left bottom}to{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}
@keyframes spinFromTop{from,to{-webkit-transform-origin:left bottom;transform-origin:left bottom}to{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}
@-webkit-keyframes spinFromBottom{from,to{-webkit-transform-origin:right bottom;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}
@keyframes spinFromBottom{from,to{-webkit-transform-origin:right bottom;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}
@-webkit-keyframes blurIn{from{-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@keyframes blurIn{from{-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@-webkit-keyframes blurInLeft{from{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@keyframes blurInLeft{from{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@-webkit-keyframes blurInRight{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@keyframes blurInRight{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@-webkit-keyframes blurInTop{from{-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@keyframes blurInTop{from{-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@-webkit-keyframes blurInBottom{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@keyframes blurInBottom{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}
@-webkit-keyframes blurOut{85%,to{-webkit-filter:blur(20px);filter:blur(20px)}to{opacity:0}}
@keyframes blurOut{85%,to{-webkit-filter:blur(20px);filter:blur(20px)}to{opacity:0}}
@-webkit-keyframes blurOutLeft{85%,to{-webkit-filter:blur(20px);filter:blur(20px);-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:0}}
@keyframes blurOutLeft{85%,to{-webkit-filter:blur(20px);filter:blur(20px);-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:0}}
@-webkit-keyframes blurOutRight{85%,to{-webkit-filter:blur(20px);filter:blur(20px);-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:0}}
@keyframes blurOutRight{85%,to{-webkit-filter:blur(20px);filter:blur(20px);-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:0}}
@-webkit-keyframes blurOutTop{85%,to{-webkit-filter:blur(20px);filter:blur(20px);-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:0}}
@keyframes blurOutTop{85%,to{-webkit-filter:blur(20px);filter:blur(20px);-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:0}}
@-webkit-keyframes blurOutBottom{85%,to{-webkit-filter:blur(20px);filter:blur(20px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:0}}
@keyframes blurOutBottom{85%,to{-webkit-filter:blur(20px);filter:blur(20px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:0}}
@-webkit-keyframes bounceFromTop{0%,100%,25%,55%,85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}41%,44%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translate3d(0,-80px,0) scale3d(1,1.6,1);transform:translate3d(0,-80px,0) scale3d(1,1.6,1)}70%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}
@keyframes bounceFromTop{0%,100%,25%,55%,85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}41%,44%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translate3d(0,-80px,0) scale3d(1,1.6,1);transform:translate3d(0,-80px,0) scale3d(1,1.6,1)}70%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}
@-webkit-keyframes bounceFromDown{0%,100%,25%,55%,85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}41%,44%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translate3d(0,80px,0) scale3d(1,1.2,1);transform:translate3d(0,80px,0) scale3d(1,1.2,1)}70%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}90%{-webkit-transform:translate3d(0,4px,0);transform:translate3d(0,4px,0)}}
@keyframes bounceFromDown{0%,100%,25%,55%,85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}41%,44%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translate3d(0,80px,0) scale3d(1,1.2,1);transform:translate3d(0,80px,0) scale3d(1,1.2,1)}70%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}90%{-webkit-transform:translate3d(0,4px,0);transform:translate3d(0,4px,0)}}
@-webkit-keyframes bounceX{0%,100%,25%,55%,85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}41%,44%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale3d(1.8,1,1);transform:scale3d(1.8,1,1)}70%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale3d(1.5,1,1);transform:scale3d(1.5,1,1)}90%{-webkit-transform:scale3d(1.1,1,1);transform:scale3d(1.1,1,1)}}
@keyframes bounceX{0%,100%,25%,55%,85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}41%,44%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale3d(1.8,1,1);transform:scale3d(1.8,1,1)}70%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale3d(1.5,1,1);transform:scale3d(1.5,1,1)}90%{-webkit-transform:scale3d(1.1,1,1);transform:scale3d(1.1,1,1)}}
@-webkit-keyframes bounceY{0%,100%,25%,55%,85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}41%,44%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale3d(1,2,1);transform:scale3d(1,2,1)}70%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale3d(1,1.5,1);transform:scale3d(1,1.5,1)}90%{-webkit-transform:scale3d(1,1.1,1);transform:scale3d(1,1.1,1)}}
@keyframes bounceY{0%,100%,25%,55%,85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}41%,44%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale3d(1,2,1);transform:scale3d(1,2,1)}70%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale3d(1,1.5,1);transform:scale3d(1,1.5,1)}90%{-webkit-transform:scale3d(1,1.1,1);transform:scale3d(1,1.1,1)}}
@-webkit-keyframes bounceZoomIn{0%,100%,25%,55%,85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}41%,44%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.5);transform:scale(1.5)}70%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.3);transform:scale(1.3)}90%{-webkit-transform:scale(1.1);transform:scale(1.1)}}
@keyframes bounceZoomIn{0%,100%,25%,55%,85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}41%,44%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.5);transform:scale(1.5)}70%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.3);transform:scale(1.3)}90%{-webkit-transform:scale(1.1);transform:scale(1.1)}}
@-webkit-keyframes bounceZoomOut{0%,100%,25%,55%,85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}41%,44%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(.3);transform:scale(.3)}70%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(.5);transform:scale(.5)}90%{-webkit-transform:scale(.9);transform:scale(.9)}}
@keyframes bounceZoomOut{0%,100%,25%,55%,85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}41%,44%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(.3);transform:scale(.3)}70%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(.5);transform:scale(.5)}90%{-webkit-transform:scale(.9);transform:scale(.9)}}
@-webkit-keyframes bounceInTop{0%{-webkit-transform:translate3d(0,-300%,0);transform:translate3d(0,-300%,0)}58%{-webkit-transform:translate3d(0,27px,0);transform:translate3d(0,27px,0)}73%{-webkit-transform:translate3d(0,-12px,0);transform:translate3d(0,-12px,0)}88%{-webkit-transform:translate3d(0,7px,0);transform:translate3d(0,7px,0)}}
@keyframes bounceInTop{0%{-webkit-transform:translate3d(0,-300%,0);transform:translate3d(0,-300%,0)}58%{-webkit-transform:translate3d(0,27px,0);transform:translate3d(0,27px,0)}73%{-webkit-transform:translate3d(0,-12px,0);transform:translate3d(0,-12px,0)}88%{-webkit-transform:translate3d(0,7px,0);transform:translate3d(0,7px,0)}}
@-webkit-keyframes bounceInBottom{0%{-webkit-transform:translate3d(0,300%,0);transform:translate3d(0,300%,0)}58%{-webkit-transform:translate3d(0,-27px,0);transform:translate3d(0,-27px,0)}73%{-webkit-transform:translate3d(0,12px,0);transform:translate3d(0,12px,0)}88%{-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}}
@keyframes bounceInBottom{0%{-webkit-transform:translate3d(0,300%,0);transform:translate3d(0,300%,0)}58%{-webkit-transform:translate3d(0,-27px,0);transform:translate3d(0,-27px,0)}73%{-webkit-transform:translate3d(0,12px,0);transform:translate3d(0,12px,0)}88%{-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}}
@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes bounceOutTop{18%,33%,48%{opacity:1}18%{-webkit-transform:translate3d(0,27px,0);transform:translate3d(0,27px,0)}33%{-webkit-transform:translate3d(0,-12px,0);transform:translate3d(0,-12px,0)}48%{-webkit-transform:translate3d(0,8px,0);transform:translate3d(0,8px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-300%,0);transform:translate3d(0,-300%,0)}}
@keyframes bounceOutTop{18%,33%,48%{opacity:1}18%{-webkit-transform:translate3d(0,27px,0);transform:translate3d(0,27px,0)}33%{-webkit-transform:translate3d(0,-12px,0);transform:translate3d(0,-12px,0)}48%{-webkit-transform:translate3d(0,8px,0);transform:translate3d(0,8px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-300%,0);transform:translate3d(0,-300%,0)}}
@-webkit-keyframes bounceOutBottom{18%,33%,48%{opacity:1}18%{-webkit-transform:translate3d(0,-27px,0);transform:translate3d(0,-27px,0)}33%{-webkit-transform:translate3d(0,12px,0);transform:translate3d(0,12px,0)}48%{-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}100%{opacity:0;-webkit-transform:translate3d(0,300%,0);transform:translate3d(0,300%,0)}}
@keyframes bounceOutBottom{18%,33%,48%{opacity:1}18%{-webkit-transform:translate3d(0,-27px,0);transform:translate3d(0,-27px,0)}33%{-webkit-transform:translate3d(0,12px,0);transform:translate3d(0,12px,0)}48%{-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}100%{opacity:0;-webkit-transform:translate3d(0,300%,0);transform:translate3d(0,300%,0)}}
@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}
@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}
@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}
@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}
@-webkit-keyframes perspectiveToTop{50%{opacity:1}to{-webkit-transform:perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);transform:perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);opacity:0}}
@keyframes perspectiveToTop{50%{opacity:1}to{-webkit-transform:perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);transform:perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);opacity:0}}
@-webkit-keyframes perspectiveToBottom{50%{opacity:1}to{-webkit-transform:perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);transform:perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);opacity:0}}
@keyframes perspectiveToBottom{50%{opacity:1}to{-webkit-transform:perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);transform:perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);opacity:0}}
@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@-webkit-keyframes zoomInTop{from{-webkit-transform:scale(10) translateY(-50%);transform:scale(10) translateY(-50%);opacity:0}}
@keyframes zoomInTop{from{-webkit-transform:scale(10) translateY(-50%);transform:scale(10) translateY(-50%);opacity:0}}
@-webkit-keyframes zoomInBottom{from{-webkit-transform:scale(10) translateY(50%);transform:scale(10) translateY(50%);opacity:0}}
@keyframes zoomInBottom{from{-webkit-transform:scale(10) translateY(50%);transform:scale(10) translateY(50%);opacity:0}}
@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}
@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}
@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}
@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}
@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}
@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}
@-webkit-keyframes zoomOutTop{to{-webkit-transform:scale(10) translateY(-50%);transform:scale(10) translateY(-50%);opacity:0}}
@keyframes zoomOutTop{to{-webkit-transform:scale(10) translateY(-50%);transform:scale(10) translateY(-50%);opacity:0}}
@-webkit-keyframes zoomOutBottom{to{-webkit-transform:scale(10) translateY(50%);transform:scale(10) translateY(50%);opacity:0}}
@keyframes zoomOutBottom{to{-webkit-transform:scale(10) translateY(50%);transform:scale(10) translateY(50%);opacity:0}}
@-webkit-keyframes ekitRevealInTop{form{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(0);transform:scaleY(0)}}
@keyframes ekitRevealInTop{form{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(0);transform:scaleY(0)}}
@-webkit-keyframes ekitRevealInBottom{form{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(0);transform:scaleY(0)}}
@keyframes ekitRevealInBottom{form{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(0);transform:scaleY(0)}}
@-webkit-keyframes ekitRevealInLeft{form{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}
@keyframes ekitRevealInLeft{form{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}
@-webkit-keyframes ekitRevealInRight{form{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}
@keyframes ekitRevealInRight{form{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}
@-webkit-keyframes ekit-hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(.9);transform:scale(.9)}}
@keyframes ekit-hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(.9);transform:scale(.9)}}
@-webkit-keyframes ekit-hvr-push{50%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes ekit-hvr-push{50%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes ekit-hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}
@keyframes ekit-hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}
@-webkit-keyframes ekit-hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes ekit-hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@-webkit-keyframes ekit-hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes ekit-hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes ekit-hover-glow-out{0%{opacity:.3}40%{opacity:.5;-webkit-box-shadow:0 0 0 2px rgba(51,51,51,.1),0 0 10px 10px #333,0 0 0 10px rgba(51,51,51,.5);box-shadow:0 0 0 2px rgba(51,51,51,.1),0 0 10px 10px #333,0 0 0 10px rgba(51,51,51,.5)}100%{-webkit-box-shadow:0 0 0 2px rgba(51,51,51,.1),0 0 10px 10px #333,0 0 0 10px rgba(51,51,51,.5);box-shadow:0 0 0 2px rgba(51,51,51,.1),0 0 10px 10px #333,0 0 0 10px rgba(51,51,51,.5);-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}
@keyframes ekit-hover-glow-out{0%{opacity:.3}40%{opacity:.5;-webkit-box-shadow:0 0 0 2px rgba(51,51,51,.1),0 0 10px 10px #333,0 0 0 10px rgba(51,51,51,.5);box-shadow:0 0 0 2px rgba(51,51,51,.1),0 0 10px 10px #333,0 0 0 10px rgba(51,51,51,.5)}100%{-webkit-box-shadow:0 0 0 2px rgba(51,51,51,.1),0 0 10px 10px #333,0 0 0 10px rgba(51,51,51,.5);box-shadow:0 0 0 2px rgba(51,51,51,.1),0 0 10px 10px #333,0 0 0 10px rgba(51,51,51,.5);-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}
@-webkit-keyframes ekit-hover-spined{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes ekit-hover-spined{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes ekit-btt-fadein{from{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes ekit-btt-fadein{from{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes ekit-btt-fadeOut{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}}
@keyframes ekit-btt-fadeOut{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}}

</style>
<style class="bv-critical-css" bv-identifier="https://gowebbagus.id/wp-content/plugins/elementskit-lite/modules/elementskit-icon-pack/assets/css/ekiticons.css?ver=3.7.5" id="elementor-icons-ekiticons-css">
.ekit-wid-con .icon::before,.icon::before{font-family:elementskit!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ekit-wid-con .icon.icon-right-arrow1::before,.icon.icon-right-arrow1::before{content:"\e876";font-weight:900}
.ekit-wid-con .icon.icon-burger-menu::before,.icon.icon-burger-menu::before{content:"\eab8"}

</style>
<style class="bv-critical-css" bv-identifier="media_queries">
@media (max-width: 480px) {.elementor-5932 .elementor-element.elementor-element-4b364638:not(.elementor-motion-effects-element-type-background),.elementor-5932 .elementor-element.elementor-element-4b364638>.elementor-motion-effects-container>.elementor-motion-effects-layer {background-image: url(https://gowebbagus.id/wp-content/uploads/al_opt_content/IMAGE/gowebbagus.id/wp-content/uploads/2024/09/12.png.bv.webp?bv_host=gowebbagus.id);}}
@media (min-width: 481px) and (max-width: 820px) {.elementor-5932 .elementor-element.elementor-element-4b364638:not(.elementor-motion-effects-element-type-background),.elementor-5932 .elementor-element.elementor-element-4b364638>.elementor-motion-effects-container>.elementor-motion-effects-layer {background-image: url(https://gowebbagus.id/wp-content/uploads/al_opt_content/IMAGE/gowebbagus.id/wp-content/uploads/2024/09/12.png.bv.webp?bv_host=gowebbagus.id);}}
@media (min-width: 821px) and (max-width: 1536px) {.elementor-5932 .elementor-element.elementor-element-4b364638:not(.elementor-motion-effects-element-type-background),.elementor-5932 .elementor-element.elementor-element-4b364638>.elementor-motion-effects-container>.elementor-motion-effects-layer {background-image: url(https://gowebbagus.id/wp-content/uploads/al_opt_content/IMAGE/gowebbagus.id/wp-content/uploads/2024/09/12.png.bv.webp?bv_host=gowebbagus.id);}}
@media (min-width: 1537px) {.elementor-5932 .elementor-element.elementor-element-4b364638:not(.elementor-motion-effects-element-type-background),.elementor-5932 .elementor-element.elementor-element-4b364638>.elementor-motion-effects-container>.elementor-motion-effects-layer {background-image: url(https://gowebbagus.id/wp-content/uploads/al_opt_content/IMAGE/gowebbagus.id/wp-content/uploads/2024/09/12.png.bv.webp?bv_host=gowebbagus.id);}}
</style>


<script id="bv-lazyload-images" data-cfasync="false" bv-exclude="true">var __defProp=Object.defineProperty;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});var bv_lazyload_event_listener="load",bv_lazyload_events=["mousemove","click","keydown","wheel","touchmove","touchend"],bv_use_srcset_attr=!1,bv_style_observer,img_observer,picture_lazy_observer;bv_lazyload_event_listener=="load"?window.addEventListener("load",event=>{handle_lazyload_images()}):bv_lazyload_event_listener=="readystatechange"&&document.addEventListener("readystatechange",event=>{document.readyState==="interactive"&&handle_lazyload_images()});function add_lazyload_image_event_listeners(handle_lazyload_images2){bv_lazyload_events.forEach(function(event){document.addEventListener(event,handle_lazyload_images2,!0)})}__name(add_lazyload_image_event_listeners,"add_lazyload_image_event_listeners");function remove_lazyload_image_event_listeners(){bv_lazyload_events.forEach(function(event){document.removeEventListener(event,handle_lazyload_images,!0)})}__name(remove_lazyload_image_event_listeners,"remove_lazyload_image_event_listeners");function bv_replace_lazyloaded_image_url(element2){let src_value=element2.getAttribute("bv-data-src"),srcset_value=element2.getAttribute("bv-data-srcset"),currentSrc=element2.getAttribute("src");currentSrc&&currentSrc.startsWith("data:image/svg+xml")&&(bv_use_srcset_attr&&srcset_value&&element2.setAttribute("srcset",srcset_value),src_value&&element2.setAttribute("src",src_value))}__name(bv_replace_lazyloaded_image_url,"bv_replace_lazyloaded_image_url");function bv_replace_inline_style_image_url(element2){let bv_style_attr=element2.getAttribute("bv-data-style");if(console.log(bv_style_attr),bv_style_attr){let currentStyles=element2.getAttribute("style")||"",newStyle=currentStyles+(currentStyles?";":"")+bv_style_attr;element2.setAttribute("style",newStyle)}else console.log("BV_STYLE_ATTRIBUTE_NOT_FOUND : "+entry)}__name(bv_replace_inline_style_image_url,"bv_replace_inline_style_image_url");function handleLazyloadImages(entries){entries.map(entry2=>{entry2.isIntersecting&&(bv_replace_lazyloaded_image_url(entry2.target),img_observer.unobserve(entry2.target))})}__name(handleLazyloadImages,"handleLazyloadImages");function handleOnscreenInlineStyleImages(entries){entries.map(entry2=>{entry2.isIntersecting&&(bv_replace_inline_style_image_url(entry2.target),bv_style_observer.unobserve(entry2.target))})}__name(handleOnscreenInlineStyleImages,"handleOnscreenInlineStyleImages");function handlePictureTags(entries){entries.map(entry2=>{entry2.isIntersecting&&(bv_replace_picture_tag_url(entry2.target),picture_lazy_observer.unobserve(entry2.target))})}__name(handlePictureTags,"handlePictureTags");function bv_replace_picture_tag_url(element2){const child_elements=element2.children;for(let i=0;i<child_elements.length;i++){let child_elem=child_elements[i],_srcset=child_elem.getAttribute("bv-data-srcset"),_src=child_elem.getAttribute("bv-data-src");_srcset&&child_elem.setAttribute("srcset",_srcset),_src&&child_elem.setAttribute("src",_src),bv_replace_picture_tag_url(child_elem)}}__name(bv_replace_picture_tag_url,"bv_replace_picture_tag_url"),"IntersectionObserver"in window&&(bv_style_observer=new IntersectionObserver(handleOnscreenInlineStyleImages),img_observer=new IntersectionObserver(handleLazyloadImages),picture_lazy_observer=new IntersectionObserver(handlePictureTags));function handle_lazyload_images(){"IntersectionObserver"in window?(document.querySelectorAll(".bv-lazyload-bg-style").forEach(target_element=>{bv_style_observer.observe(target_element)}),document.querySelectorAll(".bv-lazyload-tag-img").forEach(img_element=>{img_observer.observe(img_element)}),document.querySelectorAll(".bv-lazyload-picture").forEach(picture_element=>{picture_lazy_observer.observe(picture_element)})):(document.querySelectorAll(".bv-lazyload-bg-style").forEach(target_element=>{bv_replace_inline_style_image_url(target_element)}),document.querySelectorAll(".bv-lazyload-tag-img").forEach(target_element=>{bv_replace_lazyloaded_image_url(target_element)}),document.querySelectorAll(".bv-lazyload-picture").forEach(picture_element=>{bv_replace_picture_tag_url(element)}))}__name(handle_lazyload_images,"handle_lazyload_images");
</script>

<script id="bv-dl-scripts-list" data-cfasync="false" bv-exclude="true">
var scriptAttrs = [{"attrs":{"defer":true,"data-cfasync":false,"async":false,"bv_inline_delayed":true},"bv_unique_id":"iVY6ihIc8Eun7Y1mi7ob","reference":0},{"attrs":{"type":"\\"application\\/ld+json\\"","class":"\\"yoast-schema-graph\\"","defer":true,"data-cfasync":false,"async":false,"bv_inline_delayed":true},"bv_unique_id":"jnOzpGzRN4iwNMvWTgb7","reference":1},{"attrs":{"src":"data:text\/javascript;base64, ZnVuY3Rpb24gYnZfdHJpZ2dlcl9haXJsaWZ0X2V2ZW50KHRhcmdldCwgZXZlbnRfdHlwZSkgewoKICBpZiAoZXZlbnRfdHlwZSA9PT0gInJlYWR5c3RhdGVjaGFuZ2UiKSB7CiAgICBpZiAoYnZfc3RhdGVfY291bnRlciA9PT0gMCkgewogICAgICBidl9zdGF0ZV9jb3VudGVyICs9IDEKICAgICAgYnZfY3VzdG9tX3JlYWR5X3N0YXRlX3ZhbHVlID0gImludGVyYWN0aXZlIgogICAgfSBlbHNlIGlmKGJ2X3N0YXRlX2NvdW50ZXIgPT09IDEpIHsKICAgICAgYnZfc3RhdGVfY291bnRlciArPSAxCiAgICAgIGJ2X2N1c3RvbV9yZWFkeV9zdGF0ZV92YWx1ZSA9ICJjb21wbGV0ZSIKICAgIH0KICB9CgogIGxldCBldmVudF9uYW1lID0gIkFpcmxpZnQiICsgZXZlbnRfdHlwZTsKICBsZXQgc3ludGhldGljRXZlbnQgPSBuZXcgRXZlbnQoZXZlbnRfbmFtZSwgeyBidWJibGVzOiB0cnVlIH0pOwoKICBPYmplY3QuZGVmaW5lUHJvcGVydHkoc3ludGhldGljRXZlbnQsICJ0eXBlIiwgeyBnZXQ6IGZ1bmN0aW9uICgpIHsgcmV0dXJuIGV2ZW50X3R5cGU7IH0sIHNldDogZnVuY3Rpb24gKCkgeyB9IH0pOwogIE9iamVjdC5kZWZpbmVQcm9wZXJ0eShzeW50aGV0aWNFdmVudCwgInRhcmdldCIsIHsgZ2V0OiBmdW5jdGlvbiAoKSB7IHJldHVybiB0YXJnZXQ7IH0sIHNldDogZnVuY3Rpb24gKCkgeyB9IH0pOwoKICB0YXJnZXQuZGlzcGF0Y2hFdmVudChzeW50aGV0aWNFdmVudCk7Cn0KCmZ1bmN0aW9uIGJ2X2Rpc3BhdGNoRGVsYXllZEV2ZW50cygpIHsKICAgIGJ2X3RyaWdnZXJfYWlybGlmdF9ldmVudChkb2N1bWVudCwgInJlYWR5c3RhdGVjaGFuZ2UiKTsKICAgIGJ2X3RyaWdnZXJfYWlybGlmdF9ldmVudChkb2N1bWVudCwgIkRPTUNvbnRlbnRMb2FkZWQiKTsKCiAgICBzZXRUaW1lb3V0KCgpID0+IHsKICAgICAgICBidl90cmlnZ2VyX2FpcmxpZnRfZXZlbnQoZG9jdW1lbnQsICJyZWFkeXN0YXRlY2hhbmdlIik7CgogICAgICAgIHNldFRpbWVvdXQoKCkgPT4gewogICAgICAgICAgICBidl90cmlnZ2VyX2FpcmxpZnRfZXZlbnQod2luZG93LCAibG9hZCIpOwogICAgICAgICAgICBidl90cmlnZ2VyX2FpcmxpZnRfZXZlbnQod2luZG93LCAicGFnZXNob3ciKTsKICAgICAgICB9LCAwKTsKICAgIH0sIDApOwp9Cgp2YXIgYnZfc3RhdGVfY291bnRlciA9IDAKCmJ2X2Rpc3BhdGNoRGVsYXllZEV2ZW50cygpOwoK","id":"bv-trigger-listener","type":"text\/javascript","defer":true,"async":false},"bv_unique_id":"d6fe9c24159ed4a27d224d91c70f8fdc","reference":100000000}];
</script>
<script id="bv-web-worker" type="javascript/worker" data-cfasync="false" bv-exclude="true">var __defProp=Object.defineProperty;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});self.onmessage=function(e){var counter=e.data.fetch_urls.length;e.data.fetch_urls.forEach(function(fetch_url){loadUrl(fetch_url,function(){console.log("DONE: "+fetch_url),counter=counter-1,counter===0&&self.postMessage({status:"SUCCESS"})})})};async function loadUrl(fetch_url,callback){try{var request=new Request(fetch_url,{mode:"no-cors",redirect:"follow"});await fetch(request),callback()}catch(fetchError){console.log("Fetch Error loading URL:",fetchError);try{var xhr=new XMLHttpRequest;xhr.onerror=callback,xhr.onload=callback,xhr.responseType="blob",xhr.open("GET",fetch_url,!0),xhr.send()}catch(xhrError){console.log("XHR Error loading URL:",xhrError),callback()}}}__name(loadUrl,"loadUrl");
</script>
<script id="bv-web-worker-handler" data-cfasync="false" bv-exclude="true">var __defProp=Object.defineProperty;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});if(typeof scriptAttrs<"u"&&Array.isArray(scriptAttrs)&&scriptAttrs.length>0){const lastElement=scriptAttrs[scriptAttrs.length-1];if(lastElement.attrs&&lastElement.attrs.id==="bv-trigger-listener"){var bv_custom_ready_state_value="loading";Object.defineProperty(document,"readyState",{get:__name(function(){return bv_custom_ready_state_value},"get"),set:__name(function(){},"set")})}}if(typeof scriptAttrs>"u"||!Array.isArray(scriptAttrs))var scriptAttrs=[];if(typeof linkStyleAttrs>"u"||!Array.isArray(linkStyleAttrs))var linkStyleAttrs=[];var js_dom_loaded=!1;document.addEventListener("DOMContentLoaded",()=>{js_dom_loaded=!0});const EVENTS=["mousemove","click","keydown","wheel","touchmove","touchend"];var scriptUrls=[],styleUrls=[],bvEventCalled=!1,workerFinished=!1,functionExec=!1;scriptAttrs.forEach((scriptAttr,index)=>{scriptAttr.attrs.src&&!scriptAttr.attrs.src.includes("data:text/javascript")&&(scriptUrls[index]=scriptAttr.attrs.src)}),linkStyleAttrs.forEach((linkAttr,index)=>{styleUrls[index]=linkAttr.attrs.href});var fetchUrls=styleUrls.concat(scriptUrls);function addEventListeners(bvEventHandler2){EVENTS.forEach(function(event){document.addEventListener(event,bvEventFired,!0),document.addEventListener(event,bvEventHandler2,!0)})}__name(addEventListeners,"addEventListeners");function removeEventListeners(){EVENTS.forEach(function(event){document.removeEventListener(event,bvEventHandler,!0)})}__name(removeEventListeners,"removeEventListeners");function bvEventFired(){bvEventCalled||(bvEventCalled=!0,workerFinished=!0)}__name(bvEventFired,"bvEventFired");function bvGetElement(attributes,element){Object.keys(attributes).forEach(function(attr){attr==="async"?element.async=attributes[attr]:attr==="innerHTML"?element.innerHTML=atob(attributes[attr]):element.setAttribute(attr,attributes[attr])})}__name(bvGetElement,"bvGetElement");function bvAddElement(attr,element){var attributes=attr.attrs;if(attributes.bv_inline_delayed){let bvScriptId=attr.bv_unique_id,bvScriptElement=document.querySelector("[bv_unique_id='"+bvScriptId+"']");bvScriptElement?(!attributes.innerHTML&&!attributes.src&&bvScriptElement.textContent.trim()!==""&&(attributes.src="data:text/javascript;base64, "+btoa(unescape(encodeURIComponent(bvScriptElement.textContent)))),bvGetElement(attributes,element),bvScriptElement.after(element)):console.log(`Script not found for ${bvScriptId}`)}else{bvGetElement(attributes,element);var templateId=attr.bv_unique_id,targetElement=document.querySelector("[id='"+templateId+"']");targetElement&&targetElement.after(element)}}__name(bvAddElement,"bvAddElement");function bvEventHandler(){if(console.log("EVENT FIRED"),js_dom_loaded&&bvEventCalled&&workerFinished&&!functionExec){functionExec=!0,document.querySelectorAll('style[type="bv_inline_delayed_css"], template[id]').forEach(element=>{if(element.tagName.toLowerCase()==="style"){var new_style=document.createElement("style");new_style.type="text/css",new_style.textContent=element.textContent,element.after(new_style),new_style.parentNode?element.remove():console.log("PARENT NODE NOT FOUND")}else if(element.tagName.toLowerCase()==="template"){var templateId=element.id,linkStyleAttr=linkStyleAttrs.find(attr=>attr.bv_unique_id===templateId);if(linkStyleAttr){var link=document.createElement("link");bvAddElement(linkStyleAttr,link),element.parentNode&&element.parentNode.replaceChild(link,element),console.log("EXTERNAL STYLE ADDED")}else console.log(`No linkStyleAttr found for template ID ${templateId}`)}}),linkStyleAttrs.forEach((linkStyleAttr,index)=>{console.log("STYLE ADDED");var element=document.createElement("link");bvAddElement(linkStyleAttr,element)});let last_script_element;scriptAttrs.forEach((scriptAttr,index)=>{if(bv_custom_ready_state_value==="loading"&&scriptAttr.attrs&&scriptAttr.attrs.is_first_defer_element===!0)if(last_script_element){const readyStateScript=document.createElement("script");readyStateScript.src="data:text/javascript;base64, "+btoa(unescape(encodeURIComponent("bv_custom_ready_state_value = 'interactive';"))),readyStateScript.async=!1,last_script_element.after(readyStateScript)}else bv_custom_ready_state_value="interactive",console.log('Ready state manually set to "interactive"');console.log("JS ADDED");var element=document.createElement("script");last_script_element=element,bvAddElement(scriptAttr,element)}),removeEventListeners()}}__name(bvEventHandler,"bvEventHandler"),addEventListeners(bvEventHandler);var requestObject=window.URL||window.webkitURL,bvWorker=new Worker(requestObject.createObjectURL(new Blob([document.getElementById("bv-web-worker").textContent],{type:"text/javascript"})));bvWorker.onmessage=function(e){e.data.status==="SUCCESS"&&(console.log("WORKER_FINISHED"),workerFinished=!0,bvEventHandler())};var bv_load_event_fired=!1;addEventListener("load",()=>{bvEventHandler(),bv_call_fetch_urls(),bv_load_event_fired=!0});function bv_call_fetch_urls(){!bv_load_event_fired&&!workerFinished&&(bvWorker.postMessage({fetch_urls:fetchUrls}),bv_initiate_worker_timer())}__name(bv_call_fetch_urls,"bv_call_fetch_urls"),setTimeout(function(){bv_call_fetch_urls()},5e3);function bv_initiate_worker_timer(){setTimeout(function(){workerFinished||(console.log("WORKER_TIMEDOUT"),workerFinished=!0,bvWorker.terminate()),bvEventHandler()},4e3)}__name(bv_initiate_worker_timer,"bv_initiate_worker_timer");
</script>
\n  <meta charset=\"UTF-8\">\n  <title>Quiz Memilih Framework Website<\/title>\n  <style>\n    body {font-family: Arial, sans-serif; background:#f7f7f7; padding:20px;}\n    .quiz-box {background:#fff; padding:20px; margin-bottom:20px; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,.1);}    \n    h2, h3 {margin-top:0;}\n    button {padding:10px 20px; background:#000; color:#fff; border:none; border-radius:5px; cursor:pointer;}\n    .result {margin-top:15px; padding:15px; background:#f0f0f0; border-radius:6px; display:none;}\n  <\/style>\n<\/head>\n<body>\n\n<h2>Quiz Pemahaman Framework Website<\/h2>\n<p>Jawab 3 pertanyaan berikut untuk mengetahui sejauh mana pemahaman Anda dalam memilih framework website yang tepat untuk proyek Anda.<\/p>\n\n<div class=\"quiz-box\">\n  <h3>Pertanyaan 1<\/h3>\n  <p>Apa yang dimaksud dengan framework website?<\/p>\n  <label><input type=\"radio\" name=\"q1\" value=\"1\"> Kerangka kerja berisi library dan struktur untuk mempermudah pengembangan website<\/label><br>\n  <label><input type=\"radio\" name=\"q1\" value=\"0\"> Template desain statis<\/label><br>\n  <label><input type=\"radio\" name=\"q1\" value=\"0\"> Aplikasi editing gambar<\/label>\n<\/div>\n\n<div class=\"quiz-box\">\n  <h3>Pertanyaan 2<\/h3>\n  <p>Mengapa pemilihan framework harus disesuaikan dengan kebutuhan proyek?<\/p>\n  <label><input type=\"radio\" name=\"q2\" value=\"1\"> Karena setiap framework memiliki kelebihan, performa, dan kompleksitas berbeda<\/label><br>\n  <label><input type=\"radio\" name=\"q2\" value=\"0\"> Karena semua framework memiliki fungsi yang sama<\/label><br>\n  <label><input type=\"radio\" name=\"q2\" value=\"0\"> Karena framework tidak memengaruhi hasil proyek<\/label>\n<\/div>\n\n<div class=\"quiz-box\">\n  <h3>Pertanyaan 3<\/h3>\n  <p>Salah satu pertimbangan penting dalam memilih framework website adalah\u2026<\/p>\n  <label><input type=\"radio\" name=\"q3\" value=\"0\"> Popularitas semata tanpa analisis<\/label><br>\n  <label><input type=\"radio\" name=\"q3\" value=\"1\"> Skalabilitas, dukungan komunitas, dan kemudahan maintenance<\/label><br>\n  <label><input type=\"radio\" name=\"q3\" value=\"0\"> Tampilan default framework<\/label>\n<\/div>\n\n<button onclick=\"calculateResult()\">Lihat Hasil<\/button>\n\n<div id=\"result\" class=\"result\"><\/div>\n\n<script>\nfunction calculateResult() {\n  let score = 0;\n  let total = 3;\n\n  const q1 = document.querySelector('input[name=\"q1\"]:checked');\n  const q2 = document.querySelector('input[name=\"q2\"]:checked');\n  const q3 = document.querySelector('input[name=\"q3\"]:checked');\n\n  if (!q1 || !q2 || !q3) {\n    alert('Silakan jawab semua pertanyaan terlebih dahulu.');\n    return;\n  }\n\n  score += parseInt(q1.value);\n  score += parseInt(q2.value);\n  score += parseInt(q3.value);\n\n  let percentage = (score \/ total) * 100;\n  let description = '';\n\n  if (percentage === 100) {\n    description = 'Pemahaman Anda sangat baik. Anda memahami bahwa pemilihan framework website harus disesuaikan dengan kebutuhan proyek, skalabilitas, dan keberlanjutan pengembangan.';\n  } else if (percentage >= 67) {\n    description = 'Pemahaman Anda cukup baik. Anda telah memahami konsep framework, namun masih perlu pendalaman dalam menentukan framework paling efisien untuk setiap jenis proyek.';\n  } else if (percentage >= 34) {\n    description = 'Pemahaman Anda masih dasar. Framework bukan hanya alat bantu, tetapi fondasi penting dalam pengembangan website yang efektif.';\n  } else {\n    description = 'Pemahaman Anda masih sangat minim. Disarankan membaca kembali artikel \u201cPanduan Memilih Framework Website yang Tepat untuk Proyek Anda\u201d sebelum menentukan framework yang digunakan.';\n  }\n\n  const resultBox = document.getElementById('result');\n  resultBox.style.display = 'block';\n  resultBox.innerHTML = '<h3>Hasil Evaluasi<\/h3>' +\n                        '<p><strong>Skor Pemahaman:<\/strong> ' + percentage + '%<\/p>' +\n                        '<p>' + description + '<\/p>';\n}\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:68px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-pengertian-website-framework-dan-pentingnya-untuk-bisnis-di-semarang\"><strong>Pengertian Website Framework dan Pentingnya untuk Bisnis<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Website framework adalah kumpulan alat dan pustaka yang menyediakan struktur dan dasar untuk pengembangan aplikasi web. Situs ini memungkinkan pengembang untuk membangun situs dengan lebih cepat dan efisien. Framework ini menawarkan berbagai fitur seperti manajemen basis data, pengaturan routing, dan keamanan yang terintegrasi. Fitur ini <a href=\"https:\/\/gowebbagus.id\/web-hosting-unlimited-murah-indonesia-cuma-jasa-pembuatan-website-semarang\/\">memudahkan pengembang<\/a> dalam menciptakan website yang fungsional tanpa harus membangun semuanya dari nol. Di Semarang, keberadaan website framework menjadi sangat penting karena membantu bisnis lokal untuk menghadapi persaingan yang semakin ketat di dunia digital. Dengan <a href=\"https:\/\/gowebbagus.id\/apa-itu-mail-merge-dan-bagaimana-cara-membuatnya-jasa-pembuatan-website-semarang\/\">menggunakan framework<\/a>, perusahaan dapat mempercepat waktu peluncuran produk, mengurangi biaya pengembangan, dan meningkatkan kualitas website mereka. Selain itu, website yang dibangun dengan framework cenderung lebih mudah untuk diperbarui dan dikelola. Poin ini dapat memberikan fleksibilitas bagi bisnis untuk beradaptasi dengan perubahan kebutuhan pasar dan teknologi. Dengan demikian, <a href=\"https:\/\/kbbi.web.id\/paham\">pemahaman<\/a> yang baik tentang website framework dapat menjadi kunci sukses bagi bisnis di Semarang dalam memanfaatkan potensi online mereka secara maksimal.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-framework-populer-yang-digunakan-di-semarang-keunggulan-dan-kelemahannya\"><strong>Framework Populer yang Digunakan, Keunggulan dan Kelemahannya<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Di Semarang, berbagai website framework telah diadopsi oleh pengembang untuk membangun aplikasi web yang efisien dan responsif. Beberapa framework yang paling populer meliputi Laravel, CodeIgniter, dan React. Laravel, misalnya, dikenal karena kemudahan penggunaannya serta fitur yang kaya, seperti sistem routing, ORM (<a href=\"https:\/\/id.wikipedia.org\/wiki\/Pemetaan_objek-relasional\">Object-Relational Mapping<\/a>), dan keamanan yang kuat. Keunggulan ini menjadikannya pilihan favorit bagi banyak pengembang di Semarang, meskipun ada kurva belajar yang cukup curam bagi pemula. Di sisi lain, CodeIgniter menawarkan kemudahan dan kecepatan dalam pengembangan. Kondisi ini cocok untuk proyek kecil dan menengah, namun kurang fleksibel dibandingkan dengan Laravel ketika dihadapkan pada proyek yang lebih kompleks. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">React sebagai framework frontend memungkinkan pengembang untuk menciptakan antarmuka pengguna yang dinamis dan interaktif. Akan tetapi, memerlukan pemahaman mendalam tentang JavaScript dan ekosistemnya. Masing-masing framework ini memiliki keunggulan dan kelemahan tersendiri yang perlu dipertimbangkan oleh pengembang di Semarang. Saat memilih alat framework untuk proyek mereka disesuaikan dengan kebutuhan dan tujuan website masing-masing. Dengan memahami karakteristik masing-masing framework, pengembang dapat memaksimalkan potensi teknologi yang ada untuk memenuhi kebutuhan bisnis lokal secara efektif.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-tips-dan-trik-mengoptimalkan-website-dengan-framework-di-semarang\"><strong>Tips dan Trik Mengoptimalkan Website dengan Framework<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Mengoptimalkan website yang dibangun dengan framework di Semarang sangat penting untuk memastikan performa yang baik dan pengalaman pengguna yang memuaskan. Salah satu tips utama adalah memanfaatkan caching untuk mengurangi waktu loading halaman. Dengan mengimplementasikan teknik caching, pengembang dapat menyimpan data yang sering diakses dan mengurangi beban server. Platform yang dapat digunakan seperti Redis. Selain itu, penting untuk menjaga ukuran file gambar dan media tetap kecil dengan menggunakan format yang efisien dan melakukan kompresi. Poin ini penting karena dapat mempercepat waktu pemuatan. Penggunaan teknik lazy loading juga dapat membantu, di mana gambar dan konten hanya dimuat saat diperlukan, mengurangi waktu loading awal. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aspek lain yang tidak kalah penting yaitu optimisasi kode. Pastikan untuk menghapus kode yang tidak terpakai dan menggabungkan file CSS dan JavaScript untuk mengurangi jumlah permintaan HTTP. Terakhir, lakukan pengujian secara berkala untuk mengidentifikasi dan memperbaiki masalah performa, seperti menggunakan alat pengukur kecepatan seperti Google PageSpeed Insights. Dengan menerapkan tips dan trik ini, bisnis di Semarang dapat meningkatkan kinerja website mereka secara signifikan, memberikan pengalaman pengguna yang lebih baik, dan meningkatkan konversi.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-tantangan-yang-dihadapi-pengembang-website-di-semarang-dan-solusinya\"><strong>Tantangan yang Dihadapi Pengembang Website dan Solusinya<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Pengembang website di Semarang menghadapi berbagai tantangan yang dapat memengaruhi proses pengembangan dan hasil akhir proyek. Salah satu tantangan utama adalah keterbatasan sumber daya manusia yang terampil dalam teknologi terbaru. Kondisi ini sering menyebabkan kesulitan dalam menemukan pengembang yang memiliki pengetahuan mendalam tentang framework modern. Kondisi ini penting untuk membangun aplikasi web yang efektif. Solusi kesulitan ini adalah dengan meningkatkan pelatihan dan workshop bagi pengembang lokal. Solusi lain yang dapat diterapkan yaitu menjalin kemitraan dengan institusi pendidikan untuk menciptakan program yang relevan. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Selain itu, pengembang sering kali harus berhadapan dengan masalah konektivitas internet yang tidak stabil. Kondisi ini yang menghambat kolaborasi dan pengujian aplikasi. Untuk mengatasi hal ini, penggunaan alat pengembangan yang memungkinkan kerja offline dan pengelolaan versi dapat membantu, sehingga pengembang tetap produktif meskipun dalam kondisi jaringan yang kurang ideal. Tantangan lain yang sering ditemui adalah kebutuhan untuk memenuhi permintaan klien yang beragam dan sering berubah. Dalam hal ini, pengembang perlu menerapkan metodologi pengembangan yang gesit (agile) untuk memungkinkan penyesuaian yang cepat terhadap kebutuhan klien. Dengan memahami dan mengatasi tantangan ini, pengembang website di Semarang dapat meningkatkan kualitas proyek dan kepuasan klien, serta berkontribusi pada pertumbuhan industri digital di daerah tersebut.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-masa-depan-website-framework-di-semarang-tren-dan-inovasi-terbaru\"><strong>Masa Depan Website Framework, Tren dan Inovasi Terbaru<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Masa depan website framework di Semarang dipenuhi dengan berbagai tren dan inovasi yang menjanjikan untuk meningkatkan efisiensi dan pengalaman pengguna. Salah satu tren yang semakin populer adalah adopsi teknologi berbasis serverless. Teknologi ini memungkinkan pengembang untuk mengelola infrastruktur dengan lebih efisien, serta mengurangi biaya operasional. Dengan pendekatan ini, pengembang di Semarang dapat fokus pada pengembangan fitur dan fungsi aplikasi tanpa harus khawatir tentang manajemen server. Selain itu, penggunaan framework JavaScript modern seperti Next.js dan Nuxt.js juga semakin meningkat, yang memungkinkan pengembangan aplikasi web yang cepat dan responsif dengan fitur pemrograman sisi server. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Inovasi lainnya yang patut dicermati adalah integrasi kecerdasan buatan (AI) dan pembelajaran mesin (machine learning) ke dalam aplikasi web, yang memberikan kemampuan personalisasi yang lebih baik dan analisis data yang mendalam. Pengembang di Semarang juga mulai mengeksplorasi penggunaan Progressive Web Apps (PWA) yang menawarkan pengalaman pengguna yang lebih baik di perangkat mobile, serta fitur offline yang praktis. Dengan mengikuti tren dan inovasi ini, para pengembang di Semarang tidak hanya akan menciptakan aplikasi web yang lebih canggih, tetapi juga berkontribusi pada pengembangan ekosistem digital yang lebih kuat dan berkelanjutan di daerah tersebut.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-dampak-komunitas-pengembang-terhadap-pertumbuhan-framework-di-semarang\"><strong>Dampak Komunitas Pengembang Terhadap Pertumbuhan Framework <\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Komunitas pengembang memainkan peran yang sangat penting dalam pertumbuhan dan perkembangan framework di Semarang, berkontribusi secara signifikan terhadap inovasi dan kolaborasi dalam industri teknologi. Keberadaan komunitas yang aktif menciptakan ruang bagi para pengembang untuk berbagi pengetahuan, pengalaman, dan praktik terbaik terkait penggunaan berbagai framework. Melalui pertemuan, seminar, dan workshop, anggota komunitas dapat belajar langsung dari satu sama lain, yang tidak hanya meningkatkan keterampilan individu tetapi juga memperkuat kemampuan kolektif kelompok. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Selain itu, komunitas seringkali menjadi sumber daya yang berharga dalam mengidentifikasi dan memecahkan masalah yang dihadapi pengembang saat menggunakan framework tertentu. Diskusi terbuka dan kolaborasi ini mendorong adopsi teknologi terbaru dan membantu para pengembang untuk tetap mengikuti tren dan inovasi yang berkembang. Dampak positif lainnya adalah munculnya proyek open-source yang didorong oleh komunitas, yang memungkinkan pengembang untuk berkontribusi dan mendapatkan pengalaman praktis. Dengan segala dukungan dan interaksi yang terjadi dalam komunitas, pertumbuhan framework di Semarang menjadi lebih dinamis dan relevan dengan kebutuhan lokal, serta meningkatkan daya saing pengembang di pasar global.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>FAQ<\/strong><\/h2>\n\n\n\n<div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1763617158021\"><strong class=\"schema-faq-question\">1. Apa itu framework website?<\/strong> <p class=\"schema-faq-answer\">Framework website adalah kerangka kerja atau fondasi yang berisi struktur, aturan, dan tools yang membantu developer membangun website lebih cepat, rapi, dan aman.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1763617209441\"><strong class=\"schema-faq-question\">2. Mengapa pemilihan framework penting untuk sebuah proyek website?<\/strong> <p class=\"schema-faq-answer\">Framework yang tepat dapat meningkatkan keamanan, kecepatan pengembangan, skalabilitas, dan performa website. Framework yang salah bisa membuat proyek lambat, sulit dikelola, atau sulit dikembangkan di masa depan.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1763617225720\"><strong class=\"schema-faq-question\">3. Apa faktor utama yang harus dipertimbangkan saat memilih framework?<\/strong> <p class=\"schema-faq-answer\">Pertimbangan umumnya meliputi jenis proyek, tingkat keamanan yang dibutuhkan, fleksibilitas, dukungan komunitas, kemudahan integrasi, performa, serta kemampuan tim yang mengerjakan.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1763617241367\"><strong class=\"schema-faq-question\">4. Apakah framework tertentu lebih cocok untuk proyek besar atau kecil?<\/strong> <p class=\"schema-faq-answer\">Ya. Framework seperti Laravel atau Django cocok untuk proyek menengah hingga besar karena fiturnya lengkap. Untuk proyek kecil atau cepat jadi, framework ringan seperti CodeIgniter atau Next.js bisa lebih efisien.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1763617255832\"><strong class=\"schema-faq-question\">5. Apakah saya bisa mengubah framework setelah website berjalan?<\/strong> <p class=\"schema-faq-answer\">Secara teknis bisa, tetapi prosesnya rumit dan mahal karena harus membangun ulang banyak bagian. Karena itu, pemilihan framework sebaiknya dipikirkan sejak awal sesuai kebutuhan jangka panjang.<\/p> <\/div> <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Dalam era digital yang terus berkembang, kehadiran website yang efektif dan menarik menjadi sangat penting bagi bisnis di Semarang. Website framework Semarang memberikan solusi yang efisien bagi pengembang untuk menciptakan platform yang fungsional, dapat diandalkan dan mudah dikelola. Di Semarang, berbagai framework populer mulai diadopsi oleh para pengembang untuk memenuhi kebutuhan lokal dan meningkatkan daya [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":19387,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"categories":[76],"tags":[],"class_list":["post-19386","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-teknologi-website"],"yoast_head":"\n<title>Panduan Memilih Framework Website yang Tepat untuk Proyek Anda - Jasa Pembuatan Website - Gowebbagus<\/title>\n<meta name=\"description\" content=\"Website framework Semarang memberikan solusi yang efisien bagi pengembang untuk menciptakan platform yang tidak hanya fungsional, tetapi juga\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/gowebbagus.id\/en\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Panduan Memilih Framework Website yang Tepat untuk Proyek Anda - Jasa Pembuatan Website - Gowebbagus\" \/>\n<meta property=\"og:description\" content=\"Website framework Semarang memberikan solusi yang efisien bagi pengembang untuk menciptakan platform yang tidak hanya fungsional, tetapi juga\" \/>\n<meta property=\"og:url\" content=\"https:\/\/gowebbagus.id\/en\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/\" \/>\n<meta property=\"og:site_name\" content=\"Jasa Pembuatan Website - Gowebbagus\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=100077178620729\" \/>\n<meta property=\"article:published_time\" content=\"2025-01-02T03:08:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-15T06:03:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/gowebbagus.id\/wp-content\/uploads\/2025\/01\/Website-Framework-Semarang.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"873\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"abubakar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"abubakar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/\"},\"author\":{\"name\":\"abubakar\",\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/#\\\/schema\\\/person\\\/a61198031167441326da9372a745cd59\"},\"headline\":\"Panduan Memilih Framework Website yang Tepat untuk Proyek Anda\",\"datePublished\":\"2025-01-02T03:08:17+00:00\",\"dateModified\":\"2025-12-15T06:03:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/\"},\"wordCount\":1437,\"publisher\":{\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/gowebbagus.id\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/Website-Framework-Semarang.jpg\",\"articleSection\":[\"Teknologi Website\"],\"inLanguage\":\"en-US\"},{\"@type\":[\"WebPage\",\"FAQPage\"],\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/\",\"url\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/\",\"name\":\"Panduan Memilih Framework Website yang Tepat untuk Proyek Anda - Jasa Pembuatan Website - Gowebbagus\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/gowebbagus.id\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/Website-Framework-Semarang.jpg\",\"datePublished\":\"2025-01-02T03:08:17+00:00\",\"dateModified\":\"2025-12-15T06:03:52+00:00\",\"description\":\"Website framework Semarang memberikan solusi yang efisien bagi pengembang untuk menciptakan platform yang tidak hanya fungsional, tetapi juga\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/#breadcrumb\"},\"mainEntity\":[{\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/#faq-question-1763617158021\"},{\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/#faq-question-1763617209441\"},{\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/#faq-question-1763617225720\"},{\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/#faq-question-1763617241367\"},{\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/#faq-question-1763617255832\"}],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/#primaryimage\",\"url\":\"https:\\\/\\\/gowebbagus.id\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/Website-Framework-Semarang.jpg\",\"contentUrl\":\"https:\\\/\\\/gowebbagus.id\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/Website-Framework-Semarang.jpg\",\"width\":1200,\"height\":873,\"caption\":\"Website Framework - Jasa Pembuatan Website Profesional\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/gowebbagus.id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Panduan Memilih Framework Website yang Tepat untuk Proyek Anda\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/#website\",\"url\":\"https:\\\/\\\/gowebbagus.id\\\/\",\"name\":\"Jasa Pembuatan Website - Gowebbagus\",\"description\":\"Solusi mudah mendapatkan website berkualitas dan profesional\",\"publisher\":{\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/gowebbagus.id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/#organization\",\"name\":\"Gowebbagus\",\"alternateName\":\"Goweb\",\"url\":\"https:\\\/\\\/gowebbagus.id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/gowebbagus.id\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/cropped-logo-kantor.png\",\"contentUrl\":\"https:\\\/\\\/gowebbagus.id\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/cropped-logo-kantor.png\",\"width\":512,\"height\":512,\"caption\":\"Gowebbagus\"},\"image\":{\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/profile.php?id=100077178620729\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/#\\\/schema\\\/person\\\/a61198031167441326da9372a745cd59\",\"name\":\"abubakar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/cropped-site-icon-ok-150x150.png\",\"url\":\"https:\\\/\\\/gowebbagus.id\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/cropped-site-icon-ok-150x150.png\",\"contentUrl\":\"https:\\\/\\\/gowebbagus.id\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/cropped-site-icon-ok-150x150.png\",\"caption\":\"abubakar\"},\"sameAs\":[\"https:\\\/\\\/gowebbagus.id\"],\"url\":\"https:\\\/\\\/gowebbagus.id\\\/en\\\/author\\\/abubakar\\\/\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/#faq-question-1763617158021\",\"position\":1,\"url\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/#faq-question-1763617158021\",\"name\":\"1. Apa itu framework website?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Framework website adalah kerangka kerja atau fondasi yang berisi struktur, aturan, dan tools yang membantu developer membangun website lebih cepat, rapi, dan aman.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/#faq-question-1763617209441\",\"position\":2,\"url\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/#faq-question-1763617209441\",\"name\":\"2. Mengapa pemilihan framework penting untuk sebuah proyek website?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Framework yang tepat dapat meningkatkan keamanan, kecepatan pengembangan, skalabilitas, dan performa website. Framework yang salah bisa membuat proyek lambat, sulit dikelola, atau sulit dikembangkan di masa depan.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/#faq-question-1763617225720\",\"position\":3,\"url\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/#faq-question-1763617225720\",\"name\":\"3. Apa faktor utama yang harus dipertimbangkan saat memilih framework?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Pertimbangan umumnya meliputi jenis proyek, tingkat keamanan yang dibutuhkan, fleksibilitas, dukungan komunitas, kemudahan integrasi, performa, serta kemampuan tim yang mengerjakan.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/#faq-question-1763617241367\",\"position\":4,\"url\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/#faq-question-1763617241367\",\"name\":\"4. Apakah framework tertentu lebih cocok untuk proyek besar atau kecil?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Ya. Framework seperti Laravel atau Django cocok untuk proyek menengah hingga besar karena fiturnya lengkap. Untuk proyek kecil atau cepat jadi, framework ringan seperti CodeIgniter atau Next.js bisa lebih efisien.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/#faq-question-1763617255832\",\"position\":5,\"url\":\"https:\\\/\\\/gowebbagus.id\\\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\\\/#faq-question-1763617255832\",\"name\":\"5. Apakah saya bisa mengubah framework setelah website berjalan?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Secara teknis bisa, tetapi prosesnya rumit dan mahal karena harus membangun ulang banyak bagian. Karena itu, pemilihan framework sebaiknya dipikirkan sejak awal sesuai kebutuhan jangka panjang.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"Panduan Memilih Framework Website yang Tepat untuk Proyek Anda - Jasa Pembuatan Website - Gowebbagus","description":"Website framework Semarang memberikan solusi yang efisien bagi pengembang untuk menciptakan platform yang tidak hanya fungsional, tetapi juga","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/gowebbagus.id\/en\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/","og_locale":"en_US","og_type":"article","og_title":"Panduan Memilih Framework Website yang Tepat untuk Proyek Anda - Jasa Pembuatan Website - Gowebbagus","og_description":"Website framework Semarang memberikan solusi yang efisien bagi pengembang untuk menciptakan platform yang tidak hanya fungsional, tetapi juga","og_url":"https:\/\/gowebbagus.id\/en\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/","og_site_name":"Jasa Pembuatan Website - Gowebbagus","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=100077178620729","article_published_time":"2025-01-02T03:08:17+00:00","article_modified_time":"2025-12-15T06:03:52+00:00","og_image":[{"width":1200,"height":873,"url":"https:\/\/gowebbagus.id\/wp-content\/uploads\/2025\/01\/Website-Framework-Semarang.jpg","type":"image\/jpeg"}],"author":"abubakar","twitter_card":"summary_large_image","twitter_misc":{"Written by":"abubakar","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/#article","isPartOf":{"@id":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/"},"author":{"name":"abubakar","@id":"https:\/\/gowebbagus.id\/#\/schema\/person\/a61198031167441326da9372a745cd59"},"headline":"Panduan Memilih Framework Website yang Tepat untuk Proyek Anda","datePublished":"2025-01-02T03:08:17+00:00","dateModified":"2025-12-15T06:03:52+00:00","mainEntityOfPage":{"@id":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/"},"wordCount":1437,"publisher":{"@id":"https:\/\/gowebbagus.id\/#organization"},"image":{"@id":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/#primaryimage"},"thumbnailUrl":"https:\/\/gowebbagus.id\/wp-content\/uploads\/2025\/01\/Website-Framework-Semarang.jpg","articleSection":["Teknologi Website"],"inLanguage":"en-US"},{"@type":["WebPage","FAQPage"],"@id":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/","url":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/","name":"Panduan Memilih Framework Website yang Tepat untuk Proyek Anda - Jasa Pembuatan Website - Gowebbagus","isPartOf":{"@id":"https:\/\/gowebbagus.id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/#primaryimage"},"image":{"@id":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/#primaryimage"},"thumbnailUrl":"https:\/\/gowebbagus.id\/wp-content\/uploads\/2025\/01\/Website-Framework-Semarang.jpg","datePublished":"2025-01-02T03:08:17+00:00","dateModified":"2025-12-15T06:03:52+00:00","description":"Website framework Semarang memberikan solusi yang efisien bagi pengembang untuk menciptakan platform yang tidak hanya fungsional, tetapi juga","breadcrumb":{"@id":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/#breadcrumb"},"mainEntity":[{"@id":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/#faq-question-1763617158021"},{"@id":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/#faq-question-1763617209441"},{"@id":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/#faq-question-1763617225720"},{"@id":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/#faq-question-1763617241367"},{"@id":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/#faq-question-1763617255832"}],"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/#primaryimage","url":"https:\/\/gowebbagus.id\/wp-content\/uploads\/2025\/01\/Website-Framework-Semarang.jpg","contentUrl":"https:\/\/gowebbagus.id\/wp-content\/uploads\/2025\/01\/Website-Framework-Semarang.jpg","width":1200,"height":873,"caption":"Website Framework - Jasa Pembuatan Website Profesional"},{"@type":"BreadcrumbList","@id":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/gowebbagus.id\/"},{"@type":"ListItem","position":2,"name":"Panduan Memilih Framework Website yang Tepat untuk Proyek Anda"}]},{"@type":"WebSite","@id":"https:\/\/gowebbagus.id\/#website","url":"https:\/\/gowebbagus.id\/","name":"Jasa Pembuatan Website - Gowebbagus","description":"Solusi mudah mendapatkan website berkualitas dan profesional","publisher":{"@id":"https:\/\/gowebbagus.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/gowebbagus.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/gowebbagus.id\/#organization","name":"https:\/\/api.whatsapp.com\/send?phone=62895403158880","alternateName":"Goweb","url":"https:\/\/gowebbagus.id\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/gowebbagus.id\/#\/schema\/logo\/image\/","url":"https:\/\/gowebbagus.id\/wp-content\/uploads\/2023\/02\/cropped-logo-kantor.png","contentUrl":"https:\/\/gowebbagus.id\/wp-content\/uploads\/2023\/02\/cropped-logo-kantor.png","width":512,"height":512,"caption":"Gowebbagus"},"image":{"@id":"https:\/\/gowebbagus.id\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=100077178620729"]},{"@type":"Person","@id":"https:\/\/gowebbagus.id\/#\/schema\/person\/a61198031167441326da9372a745cd59","name":"abubakar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/gowebbagus.id\/wp-content\/uploads\/2024\/09\/cropped-site-icon-ok-150x150.png","url":"https:\/\/gowebbagus.id\/wp-content\/uploads\/2024\/09\/cropped-site-icon-ok-150x150.png","contentUrl":"https:\/\/gowebbagus.id\/wp-content\/uploads\/2024\/09\/cropped-site-icon-ok-150x150.png","caption":"abubakar"},"sameAs":["https:\/\/gowebbagus.id"],"url":"https:\/\/gowebbagus.id\/en\/author\/abubakar\/"},{"@type":"Question","@id":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/#faq-question-1763617158021","position":1,"url":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/#faq-question-1763617158021","name":"1. Apa itu framework website?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Framework website adalah kerangka kerja atau fondasi yang berisi struktur, aturan, dan tools yang membantu developer membangun website lebih cepat, rapi, dan aman.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/#faq-question-1763617209441","position":2,"url":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/#faq-question-1763617209441","name":"2. Mengapa pemilihan framework penting untuk sebuah proyek website?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Framework yang tepat dapat meningkatkan keamanan, kecepatan pengembangan, skalabilitas, dan performa website. Framework yang salah bisa membuat proyek lambat, sulit dikelola, atau sulit dikembangkan di masa depan.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/#faq-question-1763617225720","position":3,"url":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/#faq-question-1763617225720","name":"3. Apa faktor utama yang harus dipertimbangkan saat memilih framework?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Pertimbangan umumnya meliputi jenis proyek, tingkat keamanan yang dibutuhkan, fleksibilitas, dukungan komunitas, kemudahan integrasi, performa, serta kemampuan tim yang mengerjakan.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/#faq-question-1763617241367","position":4,"url":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/#faq-question-1763617241367","name":"4. Apakah framework tertentu lebih cocok untuk proyek besar atau kecil?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Ya. Framework seperti Laravel atau Django cocok untuk proyek menengah hingga besar karena fiturnya lengkap. Untuk proyek kecil atau cepat jadi, framework ringan seperti CodeIgniter atau Next.js bisa lebih efisien.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/#faq-question-1763617255832","position":5,"url":"https:\/\/gowebbagus.id\/panduan-memilih-framework-website-yang-tepat-untuk-proyek-anda\/#faq-question-1763617255832","name":"5. Apakah saya bisa mengubah framework setelah website berjalan?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Secara teknis bisa, tetapi prosesnya rumit dan mahal karena harus membangun ulang banyak bagian. Karena itu, pemilihan framework sebaiknya dipikirkan sejak awal sesuai kebutuhan jangka panjang.","inLanguage":"en-US"},"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/gowebbagus.id\/en\/wp-json\/wp\/v2\/posts\/19386","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gowebbagus.id\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gowebbagus.id\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gowebbagus.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gowebbagus.id\/en\/wp-json\/wp\/v2\/comments?post=19386"}],"version-history":[{"count":6,"href":"https:\/\/gowebbagus.id\/en\/wp-json\/wp\/v2\/posts\/19386\/revisions"}],"predecessor-version":[{"id":28626,"href":"https:\/\/gowebbagus.id\/en\/wp-json\/wp\/v2\/posts\/19386\/revisions\/28626"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gowebbagus.id\/en\/wp-json\/wp\/v2\/media\/19387"}],"wp:attachment":[{"href":"https:\/\/gowebbagus.id\/en\/wp-json\/wp\/v2\/media?parent=19386"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gowebbagus.id\/en\/wp-json\/wp\/v2\/categories?post=19386"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gowebbagus.id\/en\/wp-json\/wp\/v2\/tags?post=19386"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<!-- This website is optimized by Airlift. Learn more: https://airlift.net. Template:. Learn more: https://airlift.net. Template: 691ab8efc6af5a6bab781a09. Config Timestamp: 2025-11-17 05:55:58 UTC, Cached Timestamp: 2026-07-04 22:16:37 UTC, Optimization Time: 26.85ms -->