.pd0{padding:0px}.pr0{padding-right:0px}.pl0{padding-left:0px}.pt0{padding-top:0px}.pb0{padding-bottom:0px}.mb0{margin-bottom:0px}.mr0{margin-right:0px}.ml0{margin-left:0px}.mt0{margin-top:0px}.m0{margin:0px}.pd5{padding:5px}.pr5{padding-right:5px}.pl5{padding-left:5px}.pt5{padding-top:5px}.pb5{padding-bottom:5px}.mb5{margin-bottom:5px}.mr5{margin-right:5px}.ml5{margin-left:5px}.mt5{margin-top:5px}.m5{margin:5px}.pd10{padding:10px}.pr10{padding-right:10px}.pl10{padding-left:10px}.pt10{padding-top:10px}.pb10{padding-bottom:10px}.mb10{margin-bottom:10px}.mr10{margin-right:10px}.ml10{margin-left:10px}.mt10{margin-top:10px}.m10{margin:10px}.pd15{padding:15px}.pr15{padding-right:15px}.pl15{padding-left:15px}.pt15{padding-top:15px}.pb15{padding-bottom:15px}.mb15{margin-bottom:15px}.mr15{margin-right:15px}.ml15{margin-left:15px}.mt15{margin-top:15px}.m15{margin:15px}.pd20{padding:20px}.pr20{padding-right:20px}.pl20{padding-left:20px}.pt20{padding-top:20px}.pb20{padding-bottom:20px}.mb20{margin-bottom:20px}.mr20{margin-right:20px}.ml20{margin-left:20px}.mt20{margin-top:20px}.m20{margin:20px}.pd25{padding:25px}.pr25{padding-right:25px}.pl25{padding-left:25px}.pt25{padding-top:25px}.pb25{padding-bottom:25px}.mb25{margin-bottom:25px}.mr25{margin-right:25px}.ml25{margin-left:25px}.mt25{margin-top:25px}.m25{margin:25px}.pd30{padding:30px}.pr30{padding-right:30px}.pl30{padding-left:30px}.pt30{padding-top:30px}.pb30{padding-bottom:30px}.mb30{margin-bottom:30px}.mr30{margin-right:30px}.ml30{margin-left:30px}.mt30{margin-top:30px}.m30{margin:30px}.pd35{padding:35px}.pr35{padding-right:35px}.pl35{padding-left:35px}.pt35{padding-top:35px}.pb35{padding-bottom:35px}.mb35{margin-bottom:35px}.mr35{margin-right:35px}.ml35{margin-left:35px}.mt35{margin-top:35px}.m35{margin:35px}.pd40{padding:40px}.pr40{padding-right:40px}.pl40{padding-left:40px}.pt40{padding-top:40px}.pb40{padding-bottom:40px}.mb40{margin-bottom:40px}.mr40{margin-right:40px}.ml40{margin-left:40px}.mt40{margin-top:40px}.m40{margin:40px}.pd45{padding:45px}.pr45{padding-right:45px}.pl45{padding-left:45px}.pt45{padding-top:45px}.pb45{padding-bottom:45px}.mb45{margin-bottom:45px}.mr45{margin-right:45px}.ml45{margin-left:45px}.mt45{margin-top:45px}.m45{margin:45px}.pd50{padding:50px}.pr50{padding-right:50px}.pl50{padding-left:50px}.pt50{padding-top:50px}.pb50{padding-bottom:50px}.mb50{margin-bottom:50px}.mr50{margin-right:50px}.ml50{margin-left:50px}.mt50{margin-top:50px}.m50{margin:50px}.font_p{font-family:"TruenoSBd",helvetica,arial,sans-serif}.font_p{font-size:13px}@media screen and (min-width: 480px){.font_p{font-size:13px}}@media screen and (min-width: 1024px){.font_p{font-size:13px}}a{-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s}a{-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s}html,body,div,span,applet,object,iframe,html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}header,footer{display:block;width:100%;position:relative;overflow:hidden}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{background:none}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}@font-face{font-family:"TruenoSBd";font-style:normal;font-weight:normal;src:url("../fonts/TruenoSBd.woff") format("woff")}@font-face{font-family:"TruenoLt";font-style:normal;font-weight:normal;src:url("../fonts/TruenoLt.woff") format("woff")}@font-face{font-family:"TruenoRg";font-style:normal;font-weight:normal;src:url("../fonts/TruenoRg.woff") format("woff")}@font-face{font-family:"fontello";font-style:normal;font-weight:normal;src:url("../fonts/fontello.woff") format("woff")}.box_img{display:block;position:relative;width:100%;overflow:hidden}.box_img:before{content:"";display:inline-block;padding-top:100%}.ratio2_1:before{padding-top:50%}.ratio1_2:before{padding-top:200%}.ratio4_3:before{padding-top:75%}.ratio3_4:before{padding-top:133%}.ratio16_9:before{padding-top:56.25%}.ratio9_16:before{padding-top:178%}.ratio9_8:before{padding-top:85%}.img_con{position:absolute;top:0;left:0;bottom:0;right:0;background:#f8f8f8;text-align:center;vertical-align:center;text-transform:uppercase;color:#fff;overflow:hidden}.img_con img{height:100%}.img_con span{font-weight:bold;font-size:3em;display:block}.ratiobox{display:block;position:relative;overflow:hidden}.ratiobox__content{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;z-index:2}.ratiobox__content iframe{width:100%;height:100%}.ratiobox:after{content:"";display:block;padding-top:100%;overflow:hidden}.ratiobox.ratio16_9:after{padding-top:56.25%}.mb15{margin-bottom:15px}.display-table{display:table;width:100%;height:100%}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon--left-open-big:before{content:'\e800'}.icon--right-open-big:before{content:'\e801'}.icon--right:before{content:'\e802'}.icon--cancel-circled:before{content:'\e803'}.icon--twitter:before{content:'\f099'}.icon--youtube-play:before{content:'\f16a'}.icon--instagram:before{content:'\f16d'}.icon--facebook:before{content:'\f09a'}.icon--facebook-squared:before{content:'\f308'}.icon--linkedin:before{content:'\f0e1'}.icon--linkedin-squared:before{content:'\f30c'}.icon--download:before{content:'\f02e'}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir="rtl"] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-arrow{position:absolute;width:50px;height:50px;top:50%;background:#22378E;color:#22378E;border:none;border-radius:50%;font-family:"fontello";font-style:normal;font-weight:normal;text-indent:-999999px}@media (max-width: 768px){.slick-arrow{top:42%;z-index:10}}.slick-arrow.slick-prev{left:-70px}@media (max-width: 768px){.slick-arrow.slick-prev{left:-40px}}.slick-arrow.slick-prev:before{content:'\e800';color:#fff;position:absolute;top:13px;font-size:25px;left:16px;text-indent:0}.slick-arrow.slick-next{right:-70px}@media (max-width: 768px){.slick-arrow.slick-next{right:-40px}}.slick-arrow.slick-next:before{content:'\e801';color:#fff;position:absolute;top:13px;font-size:25px;right:16px;text-indent:0}html *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:greyscale}body{font-family:"TruenoRg",arial,sans-serif;line-height:1.4;background:url("../images/bg17.jpg") no-repeat top center #F4F4F4}@media (max-width: 768px){body{background:url("../images/bg17.jpg") no-repeat 19% 0 #F4F4F4}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a{text-decoration:none}b{font-weight:bold}p{font-size:13px;font-family:"TruenoRg",sans-serif;margin-bottom:15px}@media screen and (min-width: 480px){p{font-size:13px}}@media screen and (min-width: 1024px){p{font-size:13px}}h2{font-size:18px;font-family:"TruenoSBd",helvetica,arial,sans-serif}@media screen and (min-width: 480px){h2{font-size:22px}}@media screen and (min-width: 1024px){h2{font-size:32px}}h3{font-size:16px;font-family:"TruenoSBd",helvetica,arial,sans-serif}@media screen and (min-width: 480px){h3{font-size:20px}}@media screen and (min-width: 1024px){h3{font-size:28px}}h4{font-size:16px;font-family:"TruenoSBd",helvetica,arial,sans-serif}@media screen and (min-width: 480px){h4{font-size:16px}}@media screen and (min-width: 1024px){h4{font-size:24px}}h5{font-size:16px;font-family:"TruenoSBd",helvetica,arial,sans-serif}@media screen and (min-width: 480px){h5{font-size:16px}}@media screen and (min-width: 1024px){h5{font-size:18px}}h6{font-size:14px;font-family:"TruenoSBd",helvetica,arial,sans-serif}@media screen and (min-width: 480px){h6{font-size:14px}}@media screen and (min-width: 1024px){h6{font-size:16px}}.text-center{text-align:center}.btn{display:inline-block;padding:15px 30px;border-radius:30px;border:none}@media (max-width: 768px){.btn{padding:10px 20px}}.btn--primary{background-image:linear-gradient(270deg, #F58935 0%, #F76B1C 100%);color:#fff;font-family:"TruenoSBd",sans-serif}.btn--secondary{background-image:linear-gradient(270deg, #1A91DA 0%, #1A91DA 100%);color:#fff;font-family:"TruenoSBd",sans-serif;min-width:135px}@media (max-width: 320px){.btn--secondary{min-width:120px}}.btn--icon .icon{position:relative;right:0}.btn--icon:hover{cursor:pointer}.btn--icon:hover .icon{right:-5px}.text--semibold{font-family:"TruenoSBd",sans-serif}.text--light{font-family:"TruenoLt",sans-serif}.text--regular{font-family:"TruenoRg",sans-serif}.text--orange{color:#F58A37}.text--white{color:#fff}.text--blue{color:#22378E}.text--red{color:#D0191A}.header{color:#fff;font-size:10px;width:auto;position:relative;left:-70px}@media (max-width: 768px){.header{left:10px;padding-left:10px}}.header__wrap{font-size:20px}@media (max-width: 768px){.header__wrap{position:relative;left:-25px}}.header__wrap .icon{float:left}@media (max-width: 768px){.header__wrap .icon{font-size:14px}}.header .logo{float:left;display:inline-block}@media (max-width: 768px){.header .logo{line-height:0}}.header .logo img{width:123px}@media (max-width: 768px){.header .logo img{width:80px}}.content{width:1100px;margin:0 auto}@media (max-width: 768px){.content{width:100%;margin:0}}.wp{padding:60px 0 110px;margin-bottom:125px}@media (max-width: 768px){.wp{padding:15px;margin-bottom:35px}}.wp__wrap{margin-top:30px}.wp__text{width:40%;float:left;margin-top:40px}@media (max-width: 768px){.wp__text{width:100%;margin-top:200px}}.wp__text .text--orange{font-size:80px}@media (max-width: 768px){.wp__text .text--orange{font-size:47px}}.wp__text .text--white{font-size:58px;line-height:8px}@media (max-width: 768px){.wp__text .text--white{font-size:32px}}.wp__text img{margin-top:5px;width:230px}@media (max-width: 768px){.wp__text img{width:150px}}.wp__desc{color:#fff;margin-top:30px}@media (max-width: 768px){.wp__desc{margin-top:20px;font-size:14px;line-height:18px}}.wp__logo{width:57%;float:right}@media (max-width: 768px){.wp__logo{width:auto;position:absolute;top:105px;text-align:center}}.wp__logo img{max-width:100%}@media (max-width: 768px){.wp__logo img{width:80%}}.gd{background:url("../images/bg_white.png") no-repeat top center;position:relative;padding-top:40px}@media (max-width: 768px){.gd{background:none;padding:120px 15px 0}}.gd__slide{width:500px;float:left;position:relative;background:#fff;padding:10px;margin-top:20px;border-radius:20px;-webkit-box-shadow:0px 0px 19px -6px rgba(0,0,0,0.75);-moz-box-shadow:0px 0px 19px -6px rgba(0,0,0,0.75);box-shadow:0px 0px 19px -6px rgba(0,0,0,0.75)}@media (max-width: 768px){.gd__slide{width:80%;float:none;margin:auto}}.gd__form{width:400px;float:right;font-size:15px}@media (max-width: 768px){.gd__form{width:100%;margin-top:30px;padding:0 16px}}.gd__form .btn{font-size:15px}.gd__form label{display:block;margin-bottom:8px}.gd__form label i{font-style:italic;font-size:13px;color:#8a8a8a;display:inline-block;margin-left:5px}.gd__form input[type="text"]{width:100%;padding:10px;border:1px solid #D6D6D6;border-radius:5px;font-size:15px}.gd__form-group{margin-bottom:30px}.gd__list{padding:100px 0;position:relative}@media (max-width: 768px){.gd__list{padding:50px 0}}.gd .slider{width:100%}.gd .slider figure{float:left;border-radius:20px;overflow:hidden}.gd .slider figure img{width:100%}.gd .slider-nav{float:left;width:100%}@media (max-width: 768px){.gd .slider-nav{text-align:center;margin-top:60px}}.gd .slider-nav .item{float:left;margin:0 18px}@media (max-width: 768px){.gd .slider-nav .item{float:none;display:inline-block;margin:1px 4px;width:30% !important}}.gd .slider-nav .item img{max-width:100%}.gd__title{font-size:42px;margin:30px 0 35px}.gd__title h2{font-size:inherit;font-family:inherit}@media (max-width: 768px){.gd__title{font-size:24px;text-align:center;position:absolute;top:35px;width:100%;left:0}}.gd__popup{display:none;background:rgba(0,0,0,0.8);position:fixed;left:0;right:0;top:0;bottom:0;z-index:100;overflow-y:scroll}.gd__popup .close-popup{position:absolute;right:-40px;top:-40px;font-size:36px;color:#D0191A}@media (max-width: 768px){.gd__popup .close-popup{right:-16px;top:-16px;color:#da1c44}}.gd__popup .popup-button{position:absolute;text-align:center;width:100%;bottom:-60px;left:0}@media (max-width: 768px){.gd__popup .popup-button{bottom:-100px;margin-bottom:50px}}.gd__popup .popup-button button{margin:0 10px}.gd__popup .popup-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);top:350px;background:#fff;padding:20px;max-width:540px}@media (max-width: 768px){.gd__popup .popup-content{top:245px;width:90%}}.gd__popup .popup-content img{max-width:100%}.popup{overflow:hidden}.footer{background:#fff;padding:40px 0}@media (max-width: 768px){.footer{padding:40px 20px}}.footer__logo{padding-bottom:20px;border-bottom:1px solid #22378E}.footer__logo-detik{float:left;display:inline-block;width:150px}@media (max-width: 768px){.footer__logo-detik{width:110px;margin-top:5px}}.footer__logo-detik a{width:150px}@media (max-width: 768px){.footer__logo-detik a{display:block;width:auto}}.footer__logo-detik a img{max-width:100%}.footer__logo-sosmed{display:inline-block;float:right;font-size:20px}.footer__logo-sosmed a{display:inline-block;width:32px;height:32px;border-radius:50%;text-align:center}.footer__logo-sosmed a .icon{vertical-align:middle}.footer__logo-sosmed--fb{color:#39579a;border:1px solid #39579a}.footer__logo-sosmed--ig{color:#69463D;border:1px solid #69463D}.footer__logo-sosmed--twitter{color:#1aa9e4;border:1px solid #1aa9e4}.footer__logo-sosmed--linkedin{color:#0077B5;border:1px solid #0077B5}.footer__menu{padding-top:20px;font-size:12px;color:#979797}.footer__menu a{color:#000}