@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&Lato:wght@400;900&family=Ubuntu&family=Rubik&family=Paytone+One&family=Source+Code+Pro:wght@400;900&family=Roboto+Slab&family=Mulish&display=swap";.preload{font-family:"Roboto Slab";color:#333;border-bottom:1px dashed #bbb;text-align:center}@media screen and (max-width: 768px){.preload{text-align:left}}.preload p{font-size:1.2rem;margin-bottom:16px}@media screen and (max-width: 768px){.preload p{font-size:1rem}}.labels{background:#840020;padding:4px 8px;color:#fff;text-transform:uppercase;width:fit-content;margin:0 auto 8px;font-size:1rem}@media screen and (max-width: 768px){.labels{margin:0}}.preloader{position:fixed;top:0;bottom:0;left:0;right:0;z-index:999999;background:#fff}.preloader .waiting{position:absolute;transform:translate(-50%, -50%);left:50%;top:50%}.preloader .animate{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:linear;animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes bounce{0%,100%{-webkit-transform:translateX(0)}50%{-webkit-transform:translateX(-10px)}}@keyframes bounce{0%,100%{transform:translateX(0)}50%{transform:translateX(-10px)}}.preloader .bounce{-webkit-animation-name:bounce;animation-name:bounce}section{padding:32px 0;min-height:100vh;z-index:11;position:relative}section h3{color:#ffefe2}section .bg-block{background:#fff;padding:16px;border-radius:16px}section .text-center h3{font-size:2.5rem}section p,section li{font-size:1.3rem;color:#333}@media screen and (max-width: 768px){section p,section li{font-size:1.2rem}}@media screen and (max-width: 400px){section p,section li{font-size:1rem}}.slick-next,.slick-prev{z-index:17 !important;width:40px;height:40px;border-radius:50%;background:rgba(206,147,82,.8)}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{background:rgba(206,147,82,.5)}.slick-next::before,.slick-prev::before{font-family:"fontAwesome" !important;font-size:32px !important;color:#fff !important;font-weight:700 !important}@media screen and (max-width: 766px){.slick-next::before,.slick-prev::before{font-size:32px !important}}.slick-prev{left:-16px !important}@media screen and (max-width: 768px){.slick-prev{left:-16px !important}}.slick-prev::before{content:"" !important}.slick-next{right:-16px !important}@media screen and (max-width: 768px){.slick-next{right:-16px !important}}.slick-next::before{content:"" !important}.sticky-mode{position:sticky;left:0;right:0;top:0;bottom:0;min-height:100vh}.wrap-detikx{width:700px;position:relative;margin:0 auto}@media screen and (max-width: 766px){.wrap-detikx{width:90%;margin:0 auto;display:block}}.totop{position:relative;z-index:19}.firstletter::first-letter{float:left;font-weight:bold;margin-right:8px;font-size:60px;font-size:6rem;line-height:40px;line-height:4rem;height:4rem;text-transform:uppercase}main{overflow-x:clip;background:#7fce82}html,body{position:relative;height:100%;font-family:"Rubik" !important}html h1,html h2,html h3,body h1,body h2,body h3{font-family:"Rubik",sans-serif !important}h4,h5{font-family:"Rubik",sans-serif !important;font-weight:bold}.slick-slide{margin:0 8px}.slick-list{margin:0 -8px}.img{width:100%}.img img{width:100%;height:100%;object-fit:cover}.hello{width:100%;height:auto;margin-top:8px;border-radius:16px;background:rgba(238,244,237,.9);margin-bottom:16px;position:relative}.hello .content{padding:16px 16px;position:relative;z-index:2}.hello .content p{margin-bottom:0}section .nav-pills .nav-link.active,section .nav-pills .show>.nav-link{background:#333;color:#fff}section .nav-pills .nav-link{border-radius:25px}.dashboard-content{display:none}#nav.no_index,#share{z-index:21}#nav.dark{background:linear-gradient(45deg, #333, #369159) !important}.footer{z-index:22}.share_icon>a i{font-size:25px !important;line-height:initial !important}@media screen and (max-width: 766px){.share_icon>a i{font-size:16px !important;line-height:initial !important;width:30px !important;height:30px !important}}#nav{background:linear-gradient(45deg, #333, #369159) !important}.bg-blues{background:#7fce82 !important;position:relative;z-index:12}.share_icon>a{padding:0 !important}.baca-detikx .bacajuga_box{display:initial !important}.baca-detikx .bacajuga_box .container{display:none}.baca-detikx .bacajuga{width:100% !important;display:block}.baca-detikx .bacajuga a{display:inline-block;padding:0px;width:47% !important;margin:0 8px;border-radius:24px;position:relative;height:320px;text-align:left}.baca-detikx .bacajuga a::after{border-radius:24px}@media screen and (max-width: 766px){.baca-detikx .bacajuga a{width:100% !important;margin:4px 0}}.baca-detikx .bacajuga a:hover{text-decoration:none;color:orange !important}.baca-detikx .bacajuga a article{position:absolute;top:initial;width:100%;background:linear-gradient(to top, black, transparent);padding:8px 16px;border-radius:24px;bottom:0;transform:initial}.baca-detikx .bacajuga a article h2{font-family:"Rubik" !important;font-size:1.2rem}.haha,.hahad{background:#fff;border-radius:16px;padding:0px 8px;position:absolute;top:165px;right:0}@media screen and (max-width: 768px){.haha,.hahad{display:none;color:#333;top:140px}}.haha:hover,.hahad:hover{background:rgba(206,147,82,.5)}.all-helping{position:absolute;inset:0;background:#fff;text-align:center;width:100%;height:100%;z-index:17}.slider{display:none}.slider.slick-initialized{display:block}.banner{background:#7fce82;z-index:14}.banner::after{content:"";position:absolute;bottom:0;left:0;right:0;height:20vh;background:linear-gradient(to top, #7fce82, transparent)}@media screen and (max-width: 768px){.banner::after{height:10vh}}.banner .family{position:absolute;bottom:0;left:0%;top:0;right:0;height:100%;width:100%;opacity:.1}.banner .family img{width:100%;height:100%;object-fit:cover}.banner .imagex{width:auto;height:80vh;position:absolute;left:50%;top:60%;transform:translate(-50%, -50%)}.banner .imagex::after{content:"";position:absolute;bottom:0;left:0;right:0;height:20vh;background:linear-gradient(to top, #7fce82, transparent)}@media screen and (max-width: 768px){.banner .imagex::after{height:10vh}}@media screen and (max-width: 768px){.banner .imagex{height:60vh;width:100%}}.banner .imagex img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 768px){.banner .imagex img{object-fit:cover}}.banner .titlex{position:absolute;left:50%;top:20%;text-align:center;transform:translate(-50%, -50%)}@media screen and (max-width: 768px){.banner .titlex{width:90%;top:27%}}.banner .titlex h2{font-family:"Lato";font-size:4rem;line-height:4rem;font-weight:900;color:#4f8410;text-shadow:1px 1px #000;filter:hue-rotate(45deg)}.quotex-awal{min-height:auto;font-family:"Source Code Pro"}.quotex-awal .hello{background:#eef4ed;padding:16px}.gradient{position:fixed;overflow:hidden;z-index:9;top:0;bottom:0;left:0;width:100%;height:100%;background:#7fce82;right:0}.gradient .bg-bubbles{position:absolute;top:0;left:0;width:100%;height:100%}.gradient .bg-bubbles li{position:absolute;list-style:none;display:block;width:80px;height:80px;opacity:.2;bottom:-320px;animation:square 50s infinite;transition-timing-function:linear;border-radius:4px}.gradient .bg-bubbles li img{width:100%;height:100%;object-fit:contain}.gradient .bg-bubbles li:nth-child(1){left:10%;width:80px;height:80px}.gradient .bg-bubbles li:nth-child(2){left:20%;width:160px;opacity:.2;height:160px;animation-delay:2s;animation-duration:34s;background-color:transparent}.gradient .bg-bubbles li:nth-child(2) img{width:100%;height:100%;object-fit:contain}.gradient .bg-bubbles li:nth-child(3){left:25%;animation-delay:4s}.gradient .bg-bubbles li:nth-child(4){left:40%;width:120px;height:120px;animation-duration:44s}.gradient .bg-bubbles li:nth-child(5){left:70%}.gradient .bg-bubbles li:nth-child(6){left:80%;width:240px;height:240px;animation-delay:3s}.gradient .bg-bubbles li:nth-child(6) img{width:100%;height:100%;object-fit:contain}.gradient .bg-bubbles li:nth-child(7){left:32%;width:320px;height:320px;animation-delay:7s}.gradient .bg-bubbles li:nth-child(8){left:55%;width:40px;height:40px;-webkit-animation-delay:15s;animation-delay:15s;-webkit-animation-duration:80s;animation-duration:80s}.gradient .bg-bubbles li:nth-child(9){left:25%;width:20px;height:20px;animation-delay:2s;animation-duration:80s}.gradient .bg-bubbles li:nth-child(10){left:90%;width:320px;height:320px;animation-delay:22s}@keyframes square{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-1500px) rotate(600deg);transform:translateY(-1500px) rotate(600deg)}}.pembukaan{min-height:auto}.pembukaan .daunx{position:absolute;bottom:0;left:15%;width:auto;height:50%}@media screen and (max-width: 768px){.pembukaan .daunx{left:5%;height:20%}}.pembukaan .daunx img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 768px){.data .wrap-detikx{margin-top:-50vh}}.data .syl-img{position:absolute;bottom:0;width:40%;height:auto;left:50%;transform:translate(-50%, 0%)}@media screen and (max-width: 768px){.data .syl-img{width:100%;transform:translate(-50%, -50%)}}.data .syl-img img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 768px){.data .syl-img img{object-fit:cover}}.data .mb-80{height:40vh;position:relative}@media screen and (max-width: 768px){.data .mb-80{height:28vh}}.leftx{width:50%}@media screen and (max-width: 768px){.leftx{width:75%}}.rightx{width:50%;position:absolute;right:0}@media screen and (max-width: 768px){.rightx{width:75%}}.lihat-naskah{background:transparent;position:relative;z-index:10}.lihat-naskah a {color:#fff !important}.lihat-naskah a :hover{text-decoration:none}.lihat-naskah .imgx{width:200px;height:auto;display:inline-block}.lihat-naskah .imgx img{width:100%;height:100%;object-fit:contain}.lihat-naskah .judulx{color:#000 !important;display:inline-block;text-decoration:underline}.creditx{min-height:auto;border-top:1px dashed}.creditx p{margin-bottom:0}.creditx .alls{display:block}.creditx .alls_name{font-weight:bold}.creditx .alls_job,.creditx .alls_name{display:inline-block}.timeline{position:relative}.timeline__bg{position:absolute;left:0;top:0;width:320px;opacity:.5}.timeline__bg img{width:100%;height:100%;object-fit:contain}.timeline img{max-width:100%;border-radius:6px 6px 0 0}.timeline .ag-format-container{margin:0 auto}.timeline .ag-timeline_title-box{padding:0 0 30px;text-align:center}.timeline .ag-timeline_tagline{font-size:40px;color:#54595f}.timeline .ag-timeline_title{background-image:url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/images/bg.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;-webkit-background-clip:text;background-clip:text;text-fill-color:transparent;color:transparent;font-size:80px}.timeline .ag-timeline_item{margin:0 0 50px;position:relative}.timeline .ag-timeline_item:nth-child(2n){text-align:right}.timeline .ag-timeline{display:inline-block;width:100%;max-width:100%;margin:0 auto;position:relative}.timeline .ag-timeline_line{width:4px;background-color:#393935;position:absolute;top:2px;left:50%;bottom:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.timeline .ag-timeline_line-progress{width:100%;height:20%;background-color:#cdcecf;position:relative}.timeline .ag-timeline_line-progress .imgs{position:absolute;bottom:-42px;width:100px;left:-50px;height:100px;z-index:999;max-width:initial}.timeline .ag-timeline_line-progress .imgs img{width:100%;height:100%;object-fit:contain}.timeline .ag-timeline-card_box{padding:0 0 20px 50%}.timeline .ag-timeline_item:nth-child(2n) .ag-timeline-card_box{padding:0 50% 20px 0}.timeline .ag-timeline-card_point-box{display:inline-block;margin:0 14px 0 -24px}.timeline .ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box{margin:0 -24px 0 14px}.timeline .ag-timeline-card_point{height:50px;position:relative;line-height:50px;width:50px;border:3px solid #1d1d1b;background-color:#1d1d1b;text-align:center;font-size:25px;color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.timeline .ag-timeline-card_point .tembakan{opacity:0}.timeline .js-ag-active .ag-timeline-card_point{background-color:#ffb300;position:relative}.timeline .js-ag-active .ag-timeline-card_point .tembakan{opacity:1}.timeline .ag-timeline-card_meta-box{display:inline-block}.timeline .ag-timeline-card_meta{margin:10px 0 0;font-weight:bold;font-size:28px;color:#3a2c11}.timeline .ag-timeline-card_item{display:inline-block;width:45%;position:relative;margin:-77px 0 0;opacity:0;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.5);-moz-box-shadow:0 0 0 0 rgba(0,0,0,.5);-o-box-shadow:0 0 0 0 rgba(0,0,0,.5);box-shadow:0 0 0 0 rgba(0,0,0,.5);-webkit-transition:-webkit-transform .5s,opacity .5s;-moz-transition:-moz-transform .5s,opacity .5s;-o-transition:-o-transform .5s,opacity .5s;transition:transform .5s,opacity .5s;position:relative}.timeline .ag-timeline-card_item::before{content:"";left:0;top:0;bottom:0;right:0;border-radius:6px;position:absolute}.timeline .ag-timeline_item:nth-child(2n+1) .ag-timeline-card_item{-webkit-transform:translateX(-200%);-moz-transform:translateX(-200%);-ms-transform:translateX(-200%);-o-transform:translateX(-200%);transform:translateX(-200%)}.timeline .ag-timeline_item:nth-child(2n) .ag-timeline-card_item{-webkit-transform:translateX(200%);-moz-transform:translateX(200%);-ms-transform:translateX(200%);-o-transform:translateX(200%);transform:translateX(200%)}.timeline .js-ag-active.ag-timeline_item:nth-child(2n+1) .ag-timeline-card_item,.timeline .js-ag-active.ag-timeline_item:nth-child(2n) .ag-timeline-card_item{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.timeline .ag-timeline-card_arrow{height:18px;width:18px;margin-top:20px;background-color:#517d52;z-index:-1;position:absolute;top:0;right:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.timeline .ag-timeline_item:nth-child(2n+1) .ag-timeline-card_arrow{margin-left:calc(-18px / 2);margin-right:calc(-18px / 2)}.timeline .ag-timeline_item:nth-child(2n) .ag-timeline-card_arrow{margin-left:-10px;right:auto;left:0}.timeline .ag-timeline-card_img{width:100%;border-radius:6px 6px 0 0}.timeline .ag-timeline-card_info{padding:20px 30px;border-radius:6px;position:relative;z-index:20}.timeline .ag-timeline-card_title{display:none;margin:10px 0 0;font-weight:bold;font-size:28px;color:#f5bd4c}@media screen and (max-width: 766px){.timeline .ag-timeline-card_title{font-size:20px;line-height:30px}}.timeline .ag-timeline-card_desc{line-height:1.45;font-size:16px;color:#cecece}@media only screen and (max-width: 979px){.timeline .ag-timeline_line{left:30px}.timeline .ag-timeline_item:nth-child(2n){text-align:left}.timeline .ag-timeline-card_box,.timeline .ag-timeline_item:nth-child(2n) .ag-timeline-card_box{padding:0 0 20px}.timeline .ag-timeline-card_meta-box{display:none}.timeline .ag-timeline-card_point-box,.timeline .ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box{margin:0 0 0 8px}.timeline .ag-timeline-card_point{height:40px;line-height:40px;width:40px}.timeline .ag-timeline-card_item{width:auto;margin:-65px 0 0 75px}.timeline .ag-timeline_item:nth-child(2n+1) .ag-timeline-card_item,.timeline .ag-timeline_item:nth-child(2n) .ag-timeline-card_item{-webkit-transform:translateX(200%);-moz-transform:translateX(200%);-ms-transform:translateX(200%);-o-transform:translateX(200%);transform:translateX(200%)}.timeline .ag-timeline_item:nth-child(2n+1) .ag-timeline-card_arrow{right:auto;left:0}.timeline .ag-timeline-card_title{display:block}.timeline .ag-timeline-card_arrow{margin-top:12px}}@media only screen and (max-width: 767px){.timeline .ag-format-container{width:96%}.timeline .ag-timeline-card_img{height:auto;width:auto}}@media only screen and (max-width: 639px){.timeline .ag-timeline_title{font-size:60px}.timeline .ag-timeline-card_info{padding:10px}.timeline .ag-timeline-card_desc{font-size:14px}}@media(min-width: 768px)and (max-width: 979px){.timeline .ag-format-container{width:750px}}@media(min-width: 980px)and (max-width: 1161px){.timeline .ag-format-container{width:960px}}.timeline .ag-timeline-card_inner{background:#517d52;border-radius:6px}.timeline .ag-timeline-card_img-box{width:100%;height:250px}.timeline .ag-timeline-card_img-box img{width:100%;height:100%;object-fit:cover}.font-big{font-size:8rem !important;position:absolute;left:50%;top:35%;transform:translate(-50%, -50%);color:#fff}/*# sourceMappingURL=style.css.map */