body{font-family:Open Sans,sans-serif}.q-btn.radius-lg{border-radius:16px}.cart-btn .q-icon{width:0.7em;height:0.7em}.q-card{border-radius:8px}.q-card.radius-lg{border-radius:16px}.q-field--outlined .q-field__control{border-radius:8px}.q-field__bottom{padding:8px 12px 0 0}.button-background{background:linear-gradient(265.23deg,#3abeff -17.32%,#0064d2 79.32%);box-shadow:0px 3px 6px rgba(59,64,72,0.1);border-radius:16px;font-style:normal;font-weight:600;font-size:16px}.text-title-login{font-size:24px}.text-footer-login,.text-subtitle-login{font-size:12px;font-weight:400}.text-footer-login{font-family:Open Sans;color:#8aa2bc}.background-icon{background:#f2f5fa;border-radius:8px}.background-icon_2{background:#fff;border-radius:8px}.daftarcpns-card{background:#fff 0% 0% no-repeat padding-box;box-shadow:0px 0px 8px rgba(0,0,0,0.10196078431372549);border-radius:16px;opacity:1}.text-title-paket{font-weight:700;font-size:12px;line-height:16px;color:#0b1a2f}.text-paket,.text-title-paket{font-family:Open Sans;font-style:normal}.text-paket{font-weight:400;color:#8aa2bc}.daftarcpns-header-table{background:#0064d2!important}.vertical-center{margin:0;position:absolute;top:50%;transform:translateY(-50%)}.bg-admin{background:#f2f5fa}@media (max-width:1023px){.vertical-top_sm{vertical-align:top!important}}@media (max-width:599px){.mg-b-md_xs{margin-bottom:15px}.mg-b-lg_xs{margin-bottom:30px}.text-center_xs{text-align:center!important}.vertical-top_xs{vertical-align:top!important}.justify-center_xs{justify-content:center!important}}@font-face{font-family:Century Gothic;src:url(/daftarcpns/front/fonts/centurygothic/CenturyGothic.ttf)}@font-face{font-family:Century Gothic Bold;src:url(/daftarcpns/front/fonts/centurygothic/CenturyGothicBold.ttf)}@font-face{font-family:Century Gothic Italic;src:url(/daftarcpns/front/fonts/centurygothic/CenturyGothicItalic.ttf)}body,html{font-family:Century Gothic,sans-serif;color:#5b5b5b;height:100%;font-size:18px}body{overflow-x:hidden;padding-right:0!important;font-weight:400;color:#4a4a4a}h2,h3,h4,h5,h6{font-family:Century Gothic,sans-serif;margin:0}.text-bold{font-family:Century Gothic Bold,sans-serif;font-weight:700}.btn-capsule{border-radius:30px!important;padding-right:50px!important;padding-left:50px!important;font-weight:600;transition:all 0.3s ease}.btn-capsule:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.3)!important}.btn-gradi{background-image:linear-gradient(248deg,#fedd00,#0064d2)}.btn-blue,.btn-gradi{color:#fff!important;border:none;box-shadow:0 3px 8px 0 rgba(0,0,0,0.2)}.btn-blue{background:#0064d2;font-size:13px;font-weight:500}.bg-grad{background-image:linear-gradient(243deg,#fff,#f5f5f5)}.bg-grad-clr{background-image:linear-gradient(248deg,#fedd00,#0064d2)}.bg-sunglow{background:#fecb2f}.text-sunglow{color:#fecb2f}.vid-backround{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff}.video-carousel,.video-carousel .item{position:relative;width:100%;height:100%}.video-wrap:before{content:"";position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0;opacity:0.4;background-image:linear-gradient(241deg,#fedd00,#0064d2);z-index:2}.video-wrap-played:before{background-color:#000;background-image:none}.header-content h1{font-size:48px;font-weight:700;margin-bottom:20px;line-height:1.2}.header-content h4{font-size:22px;font-weight:400;line-height:1.6;margin-bottom:30px}.tag-header{transition:opacity 0.5s linear}.play-button{margin-top:30px}.playpause-wr{margin-top:0}.playpause-wr,.transition-margin{transition:margin 1s;transition-delay:0.8s}.transition-margin{margin-top:90px}.headline{position:relative;color:#0064d2;font-size:36px;margin-bottom:50px;font-weight:700}.headline:before{content:" ";position:absolute;top:-15px;left:0;width:90px;height:7px;border-radius:10px;background-image:linear-gradient(270deg,#fedd00,#0064d2)}.headline.text-center:before{left:50%;margin-left:-45px}.headline-white{position:relative;color:#fff;font-size:36px;margin-bottom:20px;font-weight:700}.headline-white:before{content:" ";position:absolute;top:-15px;left:0;width:90px;height:7px;border-radius:10px;background:#fff}.headline-white.text-center:before{left:50%;margin-left:-45px}.contact.headline{margin-top:50px;margin-bottom:15px}.section{padding:80px 0}.container-fluid{width:100%;padding-right:90px;padding-left:90px;margin-right:auto;margin-left:auto}.container{max-width:1170px;margin:0 auto;padding:0 15px}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}[class*=col-]{position:relative;width:100%;padding-right:15px;padding-left:15px}.col-12,.col-md-12{flex:0 0 100%;max-width:100%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-md-offset-2{margin-left:16.666667%}.col-md-offset-7{margin-left:58.333333%}.col-md-offset-8{margin-left:66.666667%}.col-sm-offset-2{margin-left:16.666667%}.col-sm-offset-7{margin-left:58.333333%}.no-gutter-left{padding-left:0}.no-gutter-right{padding-right:0}.no-gutter_act{padding:0}.row.no-gutter-right>[class*=col-].no-gutter_act>img{margin-right:-75px;float:right}.row.no-gutter-left.top-min>[class*=col-].no-gutter_act>img,.row.no-gutter-right.top-min>[class*=col-].no-gutter_act>img{margin-top:-150px}.row.no-gutter-left>[class*=col-].no-gutter_act>img{margin-left:-75px}.map-annotation{background-image:linear-gradient(244deg,#fff,#f5f5f5);padding-bottom:20px}.flying-absolute{position:relative}.top-lg{margin-top:80px}.top-min{margin-top:40px}.gaji-selengkapnya{bottom:50px;z-index:10;background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.1)}.workshop-soon{position:relative;padding-top:120px;padding-bottom:280px;overflow:hidden;z-index:1}.workshop-soon img{max-width:520px;width:100%;position:relative;z-index:1;margin-left:auto;display:block}.workshop-soon .wave-crop_bottom{z-index:1}.caption-white{color:#fff;font-size:20px;margin-bottom:20px}.card{background:#fff;border-radius:24px;padding:60px 40px;box-shadow:0 10px 40px rgba(0,0,0,0.1);position:relative}.white-area{background:#f5f5f5;padding:30px;border-radius:16px}.pad-0{padding:0}.thumbnail{background:#fff;border:1px solid #ddd;border-radius:16px;overflow:hidden;margin-bottom:30px;transition:all 0.3s ease;box-shadow:0 4px 20px rgba(0,0,0,0.1)}.thumbnail:hover{transform:translateY(-10px);box-shadow:0 8px 30px rgba(0,0,0,0.2)}.thumbnail .caption{padding:20px}.workshop-img-wr{position:relative;overflow:hidden;border-radius:16px 16px 0 0}.workshop-img-wr img{width:100%;height:auto;display:block}.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;transition:all 0.3s ease;z-index:5}.video-play:hover{transform:translate(-50%,-50%) scale(1.1)}.video-play img{width:70px;height:70px;filter:drop-shadow(0 4px 10px rgba(0,0,0,0.3))}.video-link{display:block;position:relative}.zoom-hover{transition:all 0.3s ease}.caption{color:#5b5b5b;font-size:20px;margin-bottom:20px}.two-lines{min-height:3em}.dot-divider{font-size:6px;vertical-align:middle;margin:0 8px}.mg-b-m{margin-bottom:20px}.mg-header{margin-top:0}.pad-b-lg{padding-bottom:80px}.pad-tb-lg{padding:80px 0}.q-mt-sm{margin-top:8px}.q-mt-md{margin-top:16px}.q-mt-lg{margin-top:24px}.q-mt-xl{margin-top:48px}.q-mb-sm{margin-bottom:8px}.q-mb-md{margin-bottom:16px}.q-mb-lg{margin-bottom:24px}.q-mb-xl{margin-bottom:48px}.text-center{text-align:center}.text-right{text-right:right}.text-left{text-align:left}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.items-center{align-items:center}.hidden-xs{display:block}.visible-xs{display:none}.hidden-sm{display:block}.visible-sm{display:none}.animated{animation-duration:1s;animation-fill-mode:both}.wave-crop_bottom,.wave-crop_top{display:block;height:auto;position:relative}@media (max-width:991px){.container-fluid{padding-right:15px;padding-left:15px}.no-gutter_act{margin-top:0;margin-bottom:20px}}@media (max-width:767px){.hidden-xs{display:none!important}.visible-xs{display:block!important}.hidden-sm{display:none!important}.visible-sm{display:block!important}[class*=col-md-],[class*=col-sm-]{flex:0 0 100%;max-width:100%}[class*=col-md-offset-],[class*=col-sm-offset-]{margin-left:0}.section{padding:50px 0 0 0}.header-content{padding:220px 0 0;height:700px}.header-content h1{font-size:34px}.header-content h4{font-size:18px}.headline,.headline-white{font-size:26px}h2{font-size:20px}.caption,p{font-size:14px}.btn-capsule{padding-right:16px!important;padding-left:16px!important}.card{padding:30px 15px}}@media (max-width:420px){.header-content h2{font-size:26px}.header-content h5{font-size:18px}.section{padding-top:83px}}.scalize{transform-origin:top left;position:relative}.scalize img.target{width:100%;position:relative;z-index:1}.scalize .content{position:absolute;background:#fff;width:250px;display:none;z-index:99;height:auto;box-shadow:0 2px 3px rgba(0,0,0,0.5);border-radius:8px}.scalize .content.active{display:block!important}.scalize .content .body{padding:10px 15px;background:#fff;position:relative;border-radius:8px}.scalize .content .body:before{content:"";position:absolute;border:15px solid transparent;top:0}.scalize .content.center .body:before{top:50%;margin-top:-24px}.scalize .content.left{margin-left:-280px}.scalize .content.left .body:before{left:100%;border-left-color:#fff;border-right:0}.scalize .content.left.top{margin-top:-43px;margin-bottom:0}.scalize .content.right{margin-left:50px}.scalize .content.right .body:before{right:100%;border-right-color:#fff;border-left:0}.scalize .content.right.top{margin-top:-43px;margin-bottom:0}.scalize .content.right.center{margin-top:0}.scalize .item-point{display:block;position:absolute;width:20px;height:20px;background:#64ffda;border:3px solid #00bfa5;text-decoration:none!important;transition:all 0.3s ease-in-out;box-shadow:0 1px 2px rgba(0,0,0,0.5);border-radius:50%;cursor:pointer;z-index:5}.scalize .item-point:hover{transform:scale(1.2);box-shadow:0 2px 5px rgba(0,0,0,0.7)}.scalize .item-point>div{position:relative;cursor:pointer;z-index:9}.scalize .item-point>div .toggle{display:block;position:absolute;top:-3px;left:-3px;width:26px;height:26px;border-radius:50%}.scalize .item-point.pulse{box-shadow:0 0 0 #1de9b6;animation:pulse 2s infinite}.scalize .item-point.pulse:hover{animation:none}@keyframes pulse{0%{box-shadow:0 0 0 0 #1de9b6}70%{box-shadow:0 0 0 10px rgba(204,169,44,0)}to{box-shadow:0 0 0 0 rgba(204,169,44,0)}}@keyframes modal-video{0%{opacity:0}to{opacity:1}}@keyframes modal-video-inner{0%{transform:translate(0,100px)}to{transform:translate(0,0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:0.3s;animation-name:modal-video;transition:opacity 0.3s ease-out}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{transform:translate(0,100px)}.modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:0.3s;animation-name:modal-video-inner;transform:translate(0,0);transition:transform 0.3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-35px;right:-35px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent;cursor:pointer}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:after,.modal-video-close-btn:before{content:"";position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px}.video-wrap-played .content-overlay{opacity:0.3}.transition-margin{margin-top:100px!important;transition:margin-top 0.5s ease}.visibility-hidden{visibility:hidden;opacity:0;transition:opacity 0.5s ease}.bounceIn{animation-name:bounceIn}.bounceIn,.bounceOut{animation-duration:0.75s}.bounceOut{animation-name:bounceOut}.hide{display:none!important}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:scale3d(0.3,0.3,0.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(0.9,0.9,0.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(0.97,0.97,0.97)}to{opacity:1;transform:scale3d(1,1,1)}}@keyframes bounceOut{20%{transform:scale3d(0.9,0.9,0.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(0.3,0.3,0.3)}}.ellip{display:block}.ellip-line{white-space:nowrap}.ellip-line,.two-lines{overflow:hidden;text-overflow:ellipsis}.two-lines{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width:480px){.scalize>div.content.animated{top:30px!important;left:50%!important;margin:0 0 0 -125px!important}.scalize>div.content.animated .body:before{display:none}.scalize .item-point.content{transform:scale(0.7,0.7);transform-origin:10% 10%}}@media (max-width:360px){.item-point.square{transform:scale(0.7,0.7);transform-origin:10% 10%}}.q-page-container,.vid-backround,.video-carousel,.video-carousel .item{padding-top:0!important}.section{position:relative;padding:120px 0}.wave-crop_bottom,.wave-crop_top{position:absolute;width:100%}.daftarcpns-landing .q-page{background:#fff}.q-layout__section--marginal{background:transparent!important}.navbar-shrink .navbar-nav>li>a.btn-login{border-color:#0064d2;color:#0064d2}.navbar-shrink .navbar-nav>li>a.btn-login:hover{background:#0064d2;color:#fff}@media (max-width:991px){.footer .footer-top .row>div{margin-bottom:30px}.footer .footer-top .row>div:last-child{margin-bottom:0}}@media (max-width:767px){.header-intro{height:calc(100vh - 60px)!important;min-height:560px!important}.navbar .q-toolbar{min-height:60px}.navbar-header{height:60px}.navbar-brand img{height:40px!important}}.daftarcpns-landing .q-page{padding:0!important}#q-app,.q-layout,body,html{height:100%}.header-intro{position:relative!important;width:100%!important;height:calc(100vh - 80px)!important;min-height:600px!important;margin-top:0!important;overflow:hidden!important}.vid-backround{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important}#hubungikami{position:relative;z-index:5;margin-top:-180px}