section{background:#b7a291;position:relative;padding:32px 0}section h2{text-align:left}.banner{height:100vh;width:auto;padding:0;z-index:9;position:relative}.banner:before{content:"";opacity:.2;position:absolute;width:100%;height:100%;box-shadow:inset 0px 0px 250px 30px #000;background-image:url("../img/batako.jpg")}@media screen and (max-width: 766px){.banner{height:33vh}}.banner #container{overflow:hidden;position:absolute;transform:translate(-50%, -50%);left:50%;top:50%;width:80vw;height:80vh;box-shadow:0px 0px 20px 0px rgba(0,0,0,.3);filter:sepia(30%);border:solid 6px #b7a291}@media screen and (max-width: 766px){.banner #container{width:100%;height:30vh}}.banner #container:after{content:"";position:absolute;width:100%;height:100%;box-shadow:inset 0px 0px 150px 20px #000;mix-blend-mode:multiply}.banner #pic{opacity:1}.banner .pic{position:absolute}.banner .line{position:absolute;height:100%;width:1px;opacity:.1;background-color:#000}.banner img{width:100%;height:100%;object-fit:cover}.center-title{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}@media screen and (max-width: 766px){.center-title{width:70%;text-align:center}}.center-title h1{font-weight:700}.wrap-detik{width:640px;margin:0 auto;display:block}@media screen and (max-width: 766px){.wrap-detik{width:auto}}.paragraph{padding-top:0;position:relative}.paragraph p{font-size:18px}@media screen and (max-width: 766px){.paragraph p{font-size:16px}}@media screen and (max-width: 766px){.paragraph{padding-top:16px}}.color-black{color:#000;transition:.3s}.color-black:hover,.color-black:focus{color:#000}.credit{border-top:5px solid #fbcc56;background:#30250e;text-align:center;margin:0 auto;display:block}.credit .wrapings{display:block;width:50%;margin:0 auto 4px}@media screen and (max-width: 766px){.credit .wrapings{width:100%}}.credit .name,.credit .jobdesc{color:#fff;display:inline-block;vertical-align:top}@media screen and (max-width: 766px){.credit .name,.credit .jobdesc{font-size:14px}}.credit .name{text-align:left;width:45%;font-size:18px;vertical-align:middle}@media screen and (max-width: 766px){.credit .name{font-size:16px}}.credit .jobdesc{text-align:right;width:45%;font-size:15px;margin-right:16px;vertical-align:middle}@media screen and (max-width: 766px){.credit .jobdesc{font-size:14px}}.hidden{display:none}main .tl-slide .tl-slide-content-container .tl-slide-content{width:auto !important}main .tl-timeline h1,main .tl-timeline h2,main .tl-timeline h3,main .tl-timeline h4,main .tl-timeline h5,main .tl-timeline h6,main .tl-timeline .tl-headline-date,main .tl-timeline h3.tl-headline-date{text-transform:initial !important}main .tl-timeline,main .tl-timeline h1,main .tl-timeline h2,main .tl-timeline h3,main .tl-timeline h4,main .tl-timeline h5,main .tl-timeline h6,main .tl-timeline .tl-headline-date,main .tl-timeline h3.tl-headline-date{font-family:"PT Serif" !important}main .tl-timeline .tl-caption,main .tl-timeline .tl-credit{font-family:"Lato" !important}main .timeline-wrapper{height:650px}@media screen and (max-width: 766px){main .timeline-wrapper{height:600px}}main .tl-timeline p{font-size:18px}.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-family:"PT Serif",sans-serif;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:#ae0404;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-family:"PT Serif",sans-serif;font-weight:bold;font-size:28px;color:#3a2c11}.timeline .ag-timeline-card_item{display:inline-block;width:45%;position:relative;margin:-77px 0 0;background:url("../img/kertas.jpg");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;background:rgba(48,37,14,.75)}.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:#282828;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-family:"PT Serif",sans-serif;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 15px}.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}}.lala .wrap{min-width:50vw;min-height:100vh;display:flex;justify-content:center;align-items:center;font-size:4ch;border:1px solid;height:300px;width:100%}.lala .date_{font-size:24px}#main{overflow-x:hidden;display:flex;position:sticky;top:0}.ag-timeline-card_img-box{position:relative}.bg-magelang{position:absolute;left:0;right:0;bottom:0;top:0;height:100px;background:linear-gradient(to top, black, transparent)}.titletitle{background:#3a2c11;padding:42px 0;margin:8px 0}.titletitle h2{color:#fff;font-weight:700}.id12{display:none}.tambah{width:100%;height:300px;border-radius:6px 6px 0 0}@media screen and (max-width: 766px){.tambah{width:100%;height:auto}}.scroll-totop{width:30px;height:30px;background:#393935;position:fixed;bottom:8px;text-align:center;right:8px;cursor:pointer;z-index:1990;border-radius:50%;padding:0;transition:.3s}@media screen and (max-width: 766px){.scroll-totop{bottom:70px}}.scroll-totop:hover{background:#30250e}.scroll-totop i{font-size:16px;color:#fff}.pistol{margin-bottom:32px}.centeraja{margin:0 auto;display:block;text-align:center;width:180px;height:180px}@media screen and (max-width: 766px){.centeraja{margin:0;position:relative;left:-24px}}.centeraja img{width:100%;height:100%;object-fit:contain}#id12{display:block !important}.id12,iframe{display:none}.tembakan{position:absolute;left:-25px;top:-27px;width:100px;right:0;z-index:1;bottom:0;height:170px}#play-button{cursor:pointer}.title-horror{padding:16px 0;text-align:center}.title-horror h1{font-family:"Averia Libre",sans-serif;font-size:4vw;text-align:center}@media screen and (max-width: 766px){.title-horror h1{font-size:5vh;padding:0 8px}}.inikah{position:relative}.inikah .img{position:fixed;left:0;right:0;bottom:0;top:0;opacity:.5}.inikah .img img{width:100%;height:100%;object-fit:cover}.sumber{text-align:center}.color-black{color:#000}.logo-detik{position:absolute;left:12px;top:12px;z-index:999;width:90px}@media screen and (max-width: 766px){.logo-detik{top:12px;left:50%;width:80px;transform:translate(-50%, 0px)}}#komentar iframe{display:block !important}/*# sourceMappingURL=style.css.map */