body.hidden{overflow:hidden}header{background:#fff;box-shadow:0 0 20px -17px #000;height:90px;left:0;position:fixed;right:0;top:0;z-index:999}header .wrapper{align-items:center;display:flex;height:100%;margin:0 75px;width:auto}header .logo{flex:0 0 245px;max-width:245px}header .right-header{align-items:center;display:flex;flex:0 0 70%;margin-left:auto;max-width:70%}header ul{display:flex}header ul,header ul li{list-style:none;margin-bottom:0}header ul li{padding:0 15px}header ul li a{color:#333;font-weight:400;text-transform:capitalize}header nav{margin-right:auto}header nav>ul>li{position:relative}header nav>ul>li:hover>a:after{transition:all .25s ease-out;width:100%}header nav>ul>li>a{display:block;padding:32.5px 0;position:relative}header nav>ul>li>a:after{background:#fd6a3c;bottom:0;content:"";display:block;height:4px;left:0;position:absolute;right:auto;transition:all .25s ease-out;width:0}header nav>ul>li>a.active:after{transition:all .25s ease-out;width:100%}header nav>ul>li ul{background:#fff;box-shadow:0 0 20px -17px #000;display:none;left:-55px;margin:0;padding:40px 0 40px 70px;position:absolute;top:100%}header nav>ul>li ul li{display:block;min-width:320px;padding:0 70px 0 0}header nav>ul>li ul li a{display:block;font-size:16px;padding:10px 0;transition:all .25s ease-out}header nav>ul>li ul li a:hover{color:#125295;transition:all .25s ease-out}header nav>ul>li ul li>ul{bottom:0;display:block;display:none;left:390px;margin:0;top:0}header nav>ul>li ul li>ul:after{background:#fff;bottom:40px;content:"";left:-10px;opacity:0;position:absolute;top:40px;width:20px}header nav>ul>li ul li.have-child>a{position:relative;transition:all .25s ease-out}header nav>ul>li ul li.have-child>a:after{border-bottom:5px solid transparent;border-left:7px solid #333;border-top:5px solid transparent;bottom:0;content:"";display:inline-block;height:1px;margin:auto;position:absolute;right:-10px;top:0;transition:all .25s ease-out;width:0}header nav>ul>li ul li.have-child:hover>a{color:#125295;transition:all .25s ease-out}header nav>ul>li ul li.have-child:hover>a:after{border-left-color:#125295;transition:all .25s ease-out}header .info{display:flex;margin-left:auto}header .info form,header .info input,header .info select{margin-bottom:0}header .info .search{margin-right:35px}header .info .search input{background:url(/images/material/ic-search.svg) no-repeat 100%;border:none;border-bottom:1px solid #707070;border-radius:0;font-size:16px;padding-right:20px}header .info .search ::-webkit-input-placeholder{font-size:16px;font-style:italic}header .info .search :-moz-placeholder,header .info .search ::-moz-placeholder{font-size:16px;font-style:italic}header .info .search :-ms-input-placeholder{font-size:16px;font-style:italic}header .info .box-lang select{background:url(/images/material/arr-down.svg) no-repeat 100%;border:none;border-radius:0;color:#111;font-size:16px;font-weight:700;padding:0 10px 0 0;text-transform:uppercase}header .box-lang-mobile,header .togglemenu{display:none}header .box-lang-mobile select{background:url(/images/material/arr-down.svg) no-repeat 100%;border:none;border-radius:0;color:#111;display:none;font-size:16px;font-weight:700;padding:0 10px 0 0;text-transform:uppercase}footer{background:#f6f6f6;padding:60px 0 20px;position:relative;z-index:8}footer .backToTop{background:#fff url(/images/material/arr-select.svg) no-repeat 50%;border-radius:50%;box-shadow:0 2px 15px -1px rgba(0,0,0,.1);cursor:pointer;height:60px;left:auto;opacity:0;position:absolute;right:35px;top:-30px;transform:rotate(180deg);width:60px}footer .backToTop.floating{bottom:35px;left:auto;opacity:1;position:fixed;top:auto}footer .backToTop.floating.no-float{bottom:auto;position:absolute;right:35px;top:-30px}footer .wrap-top{align-items:center;display:flex}footer .wrap-top .right-foot{margin-left:auto}footer .wrap-top .right-foot a{color:#111;font-weight:400;margin:0 15px;text-transform:uppercase}footer .wrap-bot{border-top:1px solid #ddd;margin-top:20px;padding-top:20px;text-align:center}footer .wrap-bot p{color:#666;font-size:13px;margin-bottom:0}footer .wrap-bot p a{color:#666}@media (min-width:1500px) and (max-width:1640px){header .wrapper{margin:0 30px}header ul li{margin:0 5px;padding:0 5px}header .logo-header{flex:0 0 200px;max-width:200px}header .right-header{box-sizing:border-box;flex:0 0 calc(100% - 310px);max-width:calc(100% - 310px);padding-left:80px}}@media (min-width:1280px){header .right-header{flex:0 0 77%;max-width:77%}header nav>ul>li{padding:0 10px}header nav>ul>li.have-child>ul{display:none}header nav>ul>li>a{font-size:15px}}@media (max-width:1280px){header nav>ul>li>a{font-size:14px}header nav>ul>li ul{padding:20px 0 20px 50px}header nav>ul>li ul li a{font-size:14px}header nav>ul>li ul li>ul{left:100%}header .info{margin-left:20px}header .info .search{flex:0 0 180px;margin-right:15px;max-width:180px}}@media (max-width:1279px){header{height:80px}header .wrapper{margin:0 50px}header .right-header{background:#fff;box-shadow:0 5px 20px -17px #000;display:none;flex:0 0 100%;height:calc(100vh - 110px);left:0;max-width:100%;padding:0 50px 50px;position:fixed;right:0;top:80px}header nav{max-height:400px;overflow:auto}header nav>ul{display:block}header nav>ul>li{display:block;margin:10px 0;padding:0}header nav>ul>li>a{display:inline-block;font-size:15px;padding:5px 0;transition:unset}header nav>ul>li ul{background:transparent;box-shadow:unset;display:none;left:auto;padding:15px 20px;position:relative;top:auto;transition:unset}header nav>ul>li ul li{min-width:unset}header nav>ul>li ul li>a{font-size:14px}header nav>ul>li ul li>ul{left:0;padding:0 20px}header .info{background:#fff;bottom:0;left:50px;margin-left:0;padding-bottom:30px;position:absolute;right:50px;width:auto}header .info .search{box-sizing:border-box;flex:0 0 100%;margin-right:0;max-width:100%;padding-right:20px}header .info .box-lang{display:none}header .togglemenu{cursor:pointer;display:block;height:21px;margin-left:0;position:relative;width:26px;z-index:3}header .togglemenu span{background:#125295;border-radius:6px;display:block;height:3px;left:0;margin:auto;position:absolute;top:0;transition:all .2s ease-out;width:26px}header .togglemenu span:nth-child(2){bottom:0}header .togglemenu span:nth-child(3){bottom:0;top:auto}header .togglemenu.close span:first-child{bottom:auto;top:10px;transform:rotate(45deg)}header .togglemenu.close span:nth-child(2){opacity:0}header .togglemenu.close span:nth-child(3){bottom:auto;top:10px;transform:rotate(-45deg)}header .box-lang-mobile{display:block;height:50px;margin-left:auto;margin-right:20px;width:40px}header .box-lang-mobile select{display:block}footer{padding:30px 0 20px}footer .backToTop{height:40px;top:-20px;width:40px}footer .backToTop.floating.no-float{top:-20px}footer .wrap-top{flex-flow:row wrap;justify-content:center;text-align:center}footer .wrap-top .left-foot{flex:0 0 100%;margin-bottom:20px;max-width:100%}footer .wrap-top .right-foot{flex:0 0 100%;margin:0 auto;max-width:100%}}@media (max-width:1023px){footer{background:#f6f6f6;padding:25px 0}footer .wrap-top .right-foot a{font-size:14px;margin:0 5px}}@media (max-width:767px){header{height:60px}header .wrapper{margin:0 28px}header .right-header{height:calc(100vh - 80px);padding:0 28px 30px;top:60px}header .info{left:28px;right:28px}header nav{max-height:400px}header nav>ul>li>a{font-weight:600}header nav>ul>li ul li{padding-right:0}header .logo-header{flex:0 0 160px;max-width:160px}footer .backToTop{right:28px}footer .backToTop.floating{bottom:30px;right:28px}footer .backToTop.floating.no-float{right:28px;top:-20px}footer .wrap-top .right-foot a{font-weight:500}}@keyframes sonar-effect{0%{opacity:.3}40%{box-shadow:0 0 0 5px #fff,0 0 10px 10px #fff,0 0 0 10px #fff;opacity:.5}to{box-shadow:0 0 0 5px #fff,0 0 10px 10px #fff,0 0 0 10px #fff;opacity:0;transform:scale(1.1)}}body.lock{overflow:hidden}.datepicker table tr td,.datepicker table tr th{line-height:30px}.banner-landing{padding-top:90px;position:relative}.banner-landing:after{background:url(/images/material/circle-banner.svg) no-repeat 50%;background-size:100%;bottom:0;content:"";height:619px;left:4%;position:absolute;top:-8%;width:619px}.banner-landing .wrapper{width:1170px}.banner-landing figure{height:300px}.banner-landing figure img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.banner-landing figcaption{color:#fff;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}.banner-landing figcaption small{color:#fd6a3c;display:block;font-size:13px;font-weight:400;margin-bottom:10px;max-width:670px;text-transform:uppercase}.banner-landing figcaption h2{font-family:Oswald;letter-spacing:1.5px;margin-bottom:0;max-width:670px;text-transform:uppercase}.banner-landing .navigasi-drop{bottom:0;left:0;position:absolute;right:0}.banner-landing .navigasi-drop .wrapper{display:flex}.banner-landing .navigasi-drop .select{background:#fff;box-sizing:border-box;flex:0 0 478px;margin-left:auto;max-width:478px;padding:25px 45px;position:relative;white-space:normal;word-break:break-all}.banner-landing .navigasi-drop .select>a{color:#115496;display:block;font-size:20px;font-weight:600;position:relative}.banner-landing .navigasi-drop .select>a:after{background:url(/images/material/ic-arrgradient.png) no-repeat 50%;bottom:0;content:"";height:9px;margin:auto 0;position:absolute;right:-10px;top:0;transition:all .2s ease-out;width:10px}.banner-landing .navigasi-drop .select.active-drop>a:after{transform:rotate(180deg)}.banner-landing .navigasi-drop .drop{background:#fff;box-shadow:0 5px 20px -15px #000;display:none;left:0;padding:10px 45px 25px;position:absolute;right:0;top:100%;z-index:99}.banner-landing .navigasi-drop .drop a{display:block;font-size:18px;font-weight:400}.title-landing{color:#111;font-family:Oswald;font-weight:400;letter-spacing:1.5px;padding-top:20px;position:relative}.title-landing:before{background:#f1592a;content:"";height:2px;left:0;position:absolute;top:0;width:60px}.title-landing.noborder{padding-top:0}.title-landing.noborder:before{display:none}.back{color:#464646;display:inline-block;font-weight:600;padding-right:20px;position:relative;text-transform:capitalize}.back:after{background:url(/images/material/arr-right-blue.svg) no-repeat 50%;bottom:0;content:"";filter:grayscale(100%);height:14px;margin:auto 0;position:absolute;right:0;top:0;width:9px}.back:hover{color:#115296}.back:hover:after{filter:grayscale(0)}.middle{padding:60px 0 150px}.middle.detail-no-banner{padding:150px 0}.middle.contact{padding-top:0}.middle .wrapper{width:1170px}.middle .video{margin:40px 0;position:relative}.middle .video .thumb-video{max-height:460px;overflow:hidden;position:relative}.middle .video .thumb-video>img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.middle .video .thumb-video .ic-play{align-items:center;bottom:0;color:#fff;cursor:pointer;display:flex;flex-flow:column wrap;font-size:20px;font-weight:700;justify-content:center;left:0;margin:auto;position:absolute;right:0;text-align:center;top:0}.middle .video .wrap-yt{bottom:0;display:none;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.middle .video .wrap-yt iframe{height:100%;width:100%}.middle table{border-collapse:collapse;border-radius:10px 10px 0 0;overflow:hidden}.middle table.no-marginbot{margin-bottom:0}.middle table thead{overflow:hidden}.middle table td{color:#5a5a5a}.middle table td small{display:block}.middle table td,.middle table th{border:none}.middle table td:first-child,.middle table th:first-child{padding-left:70px}.middle table td:last-child,.middle table th:last-child{padding-right:70px}.middle table tr:nth-child(2n) td{background:#f2f2f2}.middle table th{background:#115296;color:#fff}.middle table tfoot td{background:#8b8b8b;color:#fff}.middle table .subtotal{display:block;font-weight:700;margin-top:15px}.middle table.gcg tr:nth-child(2n) td{background:#fff}.middle table.gcg td:first-child,.middle table.gcg th:first-child{border-left:1px solid #d9d9d9;width:50%}.middle table.gcg td:last-child,.middle table.gcg th:last-child{border-right:1px solid #d9d9d9}.middle table.gcg td{border-bottom:1px solid #d9d9d9}.middle table.gcg th{border-color:#115296!important}.middle table.gcg .data-pop{display:none}.middle table.gcg .view-pop{color:#8b8b8b;font-size:14px;padding-right:30px;position:relative}.middle table.gcg .view-pop:after{background:url(/images/material/arrtail-right.svg) no-repeat 50%;bottom:0;content:"";display:none;height:13px;margin:auto 0;position:absolute;right:0;top:0;width:16px}.middle table.info-saham thead th:first-child{width:25%}.middle table.text-right td,.middle table.text-right th{text-align:right}.middle table.text-right td:first-child,.middle table.text-right th:first-child{text-align:left}.middle ul{list-style:none;margin:20px 0}.middle ul li{padding-left:20px;position:relative}.middle ul li:before{background:#115296;border-radius:100%;content:"";height:7px;left:0;position:absolute;top:8px;width:7px}.milestone{display:flex;flex-flow:column wrap;padding:70px 0}.milestone.withoutimg{flex-flow:column wrap;margin-top:0}.milestone.withoutimg .miles{min-height:200px;padding-top:25px}.milestone.withoutimg .miles .border{top:0}.milestone.withoutimg .miles .border:before{display:none}.milestone.withoutimg .miles .border .year{padding:0}.milestone .miles{box-sizing:border-box;display:block;display:flex;flex-flow:wrap;margin-top:-50px;padding-bottom:116px;padding-right:130px;position:relative;width:50%}.milestone .miles img,.milestone .miles p{width:100%}.milestone .miles img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.milestone .miles:first-child{margin-top:0}.milestone .miles:last-child .border:after{display:none}.milestone .miles:nth-child(2n){align-self:flex-end;padding-left:130px;padding-right:0}.milestone .miles:nth-child(2n) .border{left:-30px;right:auto}.milestone .miles:nth-child(2n) .border:before{left:30px;right:auto}.milestone .miles figure{margin-bottom:20px;width:100%}.milestone .miles p{color:#464646;margin-bottom:5px}.milestone .miles h4{margin-bottom:0}.milestone .miles .border{height:100%;position:absolute;right:-30px;text-align:center;top:-40px;width:60px}.milestone .miles .border .year{background:#fff;color:#115296;display:block;font-family:Oswald;font-size:28px;font-weight:700}.milestone .miles .border .circle{background:#1f9fa0;border:5px solid #d9d9d9;border-radius:100%;display:block;height:25px;margin:0 auto;position:relative;text-align:center;width:25px}.milestone .miles .border:after{background:#d9d9d9;content:"";height:100%;left:0;margin:0 auto;position:absolute;right:0;top:0;width:4px;z-index:-1}.milestone .miles .border:before{background:#d9d9d9;content:"";height:4px;position:absolute;right:30px;top:55px;width:85px}.popup{background:rgba(0,0,0,.5);bottom:0;display:none;height:100%;left:0;overflow-y:auto;position:fixed;right:0;top:0;width:100%;z-index:999999}.popup .popup-inner{background:#fff;margin:5% auto;padding:50px;position:relative;width:970px}.popup .close-popup{position:absolute;right:0;top:-60px}.popup .close-popup img{transition:all .2s ease-out}.popup .close-popup:hover img{transform:rotate(90deg)}.popup .overflow{max-height:600px;overflow-y:auto;padding-right:20px;scrollbar-color:#7c7c7c #efefef;scrollbar-width:thin}.popup .overflow::-webkit-scrollbar{position:absolute;right:-40px;width:5px}.popup .overflow::-webkit-scrollbar-track{background:#d9d9d9}.popup .overflow::-webkit-scrollbar-thumb{background:#1f9fa0;border-radius:20px;cursor:pointer}.popup .overflow::-webkit-scrollbar-thumb:hover{background:#999}.popup .wrap-manage{display:flex}.popup .wrap-manage figure{flex:0 0 300px;max-width:300px}.popup .wrap-manage .text{box-sizing:border-box;flex:0 0 calc(100% - 300px);max-width:calc(100% - 300px);padding-left:50px}.popup .wrap-manage .text p{margin-bottom:5px}.popup .wrap-manage .text h6{font-size:18px;font-weight:500;margin-bottom:5px}.popup .wrap-manage .text .position{color:#185999;display:block;font-size:16px;margin-bottom:20px;padding-bottom:10px;position:relative}.popup .wrap-manage .text .position:after{background:#f1592a;bottom:0;content:"";height:2px;left:0;position:absolute;width:20px}.popup .wrap-std-pop .title-big{color:#161616;font-family:Oswald;font-weight:500;margin-bottom:20px;padding-top:10px;position:relative}.popup .wrap-std-pop .title-big:before{background:#fd6a3c;content:"";height:2px;left:0;position:absolute;top:0;width:20px}.popup .wrap-std-pop h6{color:#464646;font-weight:500;margin-bottom:5px}.popup .wrap-std-pop .title{color:#185999;display:block;margin-bottom:15px;padding-bottom:5px;position:relative}.popup .wrap-std-pop .title:after{background:#fd6a3c;bottom:0;content:"";height:2px;left:0;position:absolute;width:20px}.popup#comite .wrap-std-pop{text-align:left}.popup#comite p{margin-bottom:5px}.img-content{margin:40px 0}.img-content img{display:block;width:100%}.sub-title{color:#666;display:block;font-weight:600;margin-bottom:5px}.link-default{color:#115296;display:block;font-weight:500}.link-default.with-icon{padding-left:30px;position:relative}.link-default.with-icon:before{background:url(/images/material/arr-share-bl.svg) no-repeat 50%;bottom:0;content:"";height:24px;left:0;margin:auto 0;position:absolute;top:0;width:24px}.wrap-listing-article .list{display:flex;margin-bottom:40px}.wrap-listing-article .list figure{flex:0 0 500px;max-width:500px}.wrap-listing-article .list figure a{display:block;overflow:hidden}.wrap-listing-article .list figure a img{display:block;transition:all .3s ease-out}.wrap-listing-article .list figure:hover a img{transform:scale(1.05);transition:all .3s ease-out}.wrap-listing-article .list .text{align-self:center;flex:0 0 calc(100% - 500px);max-width:calc(100% - 500px);padding-left:50px}.wrap-listing-article .list .text time{color:#249b9f;display:block;font-weight:500;margin-bottom:5px}.wrap-listing-article .list .text h6{color:#2f2f2f;font-weight:700;margin-bottom:10px}.wrap-listing-article .list .text a{color:#115296;font-weight:700;padding-right:20px;position:relative;text-transform:unset}.wrap-listing-article .list .text a:after{background:url(/images/material/arr-right-blue.svg) no-repeat 50%;bottom:0;content:"";height:14px;margin:auto 0;position:absolute;right:0;top:0;width:9px}.paging{display:flex;justify-content:center;margin-top:85px}.paging a{color:#d9d9d9;font-size:20px;font-weight:700;margin:0 15px;transition:all .2s ease-out}.paging a.active,.paging a:hover{color:#115296}.paging a.arr{color:#292929;font-weight:500;padding-right:20px;position:relative}.paging a.arr:after{background:url(/images/material/arr-right-black.svg) no-repeat 50%;bottom:0;content:"";height:12px;margin:auto 0;position:absolute;right:0;top:0;width:9px}.paging a.arr.next{margin-left:100px;margin-right:0}.paging a.arr.prev{margin-left:0;margin-right:100px;padding-left:20px;padding-right:0}.paging a.arr.prev:after{left:0;right:auto;transform:rotate(180deg)}.filter-right{display:flex;justify-content:flex-end;margin-bottom:40px}.filter-right input,.filter-right select{border-radius:20px;height:2.8rem;margin-bottom:0}.filter-right .input-search{flex:0 0 370px;margin-right:10px;max-width:370px;position:relative}.filter-right .input-search input[type=submit]{background:url(/images/material/ic-search.svg) no-repeat 50%;background-size:contain;border:none;border-radius:0;bottom:0;font-size:0;height:20px;margin:auto 0;padding:0;position:absolute;right:20px;top:0;width:20px}.filter-right .input-select{flex:0 0 200px;margin:0 10px;max-width:200px}.filter-right .input-select:last-child{margin-right:0}.wrap-listborderbot{margin:40px 0}.wrap-listborderbot .list{align-items:center;border-bottom:1px solid hsla(0,0%,44%,.23);margin-bottom:25px;padding-bottom:25px}.wrap-listborderbot .list:hover b,.wrap-listborderbot .list:hover h6{color:#115296;font-weight:700}.wrap-listborderbot h6{color:#313131;font-weight:400;margin-bottom:0;transition:all .2s ease-in-out}.wrap-listborderbot h6 b{font-weight:600;transition:all .2s ease-in-out}.wrap-listborderbot .column{margin-bottom:0}.wrap-listborderbot .column:last-child{text-align:right}.title-section{color:#161616;display:block;font-family:Oswald;font-size:1.375rem;margin-bottom:30px}.btn-download{color:#8b8b8b;padding-right:40px;position:relative}.btn-download:after{background:url(/images/material/ic-download.svg) no-repeat 50%;bottom:0;content:"";height:24px;position:absolute;right:0;top:0;width:16px}@media (max-width:1500px){.middle .wrapper{margin:0 auto;width:1100px}.banner-landing .wrapper{width:1100px}}@media (max-width:1279px){.banner-landing{padding-top:80px}.banner-landing:after{background-size:contain;height:465px;left:0;top:-5%;width:465px}.banner-landing figure{height:300px}.banner-landing figcaption{top:60%}.banner-landing .wrapper{margin:0 50px;width:auto}.banner-landing .navigasi-drop .select{flex:0 0 370px;max-width:370px;padding:20px 25px}.banner-landing .navigasi-drop .select>a{font-size:16px}.middle{padding:60px 0 80px}.middle P{line-height:30px}.middle .wrapper{margin:0 50px;width:auto}.middle .video .thumb-video{height:360px}.middle .video .thumb-video .ic-play{font-size:15px}.middle .video .thumb-video .ic-play img{height:86px;width:86px}.middle table td,.middle table th{padding:15px}.middle table td:first-child,.middle table th:first-child{padding-left:20px}.middle table td:last-child,.middle table th:last-child{padding-right:20px}.middle table th{padding:15px 10px}.wrap-table{overflow-x:auto;padding-bottom:10px;scrollbar-color:#7c7c7c #efefef;scrollbar-width:thin}.wrap-table::-webkit-scrollbar{bottom:-40px;height:5px;position:absolute}.wrap-table::-webkit-scrollbar-track{background:#d9d9d9}.wrap-table::-webkit-scrollbar-thumb{background:#1f9fa0;border-radius:20px;cursor:pointer}.wrap-table::-webkit-scrollbar-thumb:hover{background:#999}.milestone .miles .border:before{top:65px}.milestone .miles .border .year{font-size:21px;padding:10px 0}.popup .popup-inner{margin:8% 50px 0;width:auto}.wrap-listing-article .list figure{flex:0 0 350px;max-width:350px}.wrap-listing-article .list .text{flex:0 0 calc(100% - 350px);max-width:calc(100% - 350px)}}@media (max-width:1023px){.banner-landing:after{height:372px;top:5%;width:372px}.banner-landing figure{height:240px}.banner-landing figcaption h2{font-size:24px}.banner-landing .navigasi-drop .select{flex:0 0 100%;max-width:100%;padding:15px 25px}.middle{padding:40px 0 60px}.middle .wrapper{margin:0 45px}.milestone .miles{padding-right:50px}.milestone .miles:nth-child(2n){padding-left:50px}.milestone .miles .border:before{width:40px}.milestone.withoutimg .miles{min-height:150px}.popup .popup-inner{margin:10% 45px 0;padding:30px 35px}.popup .wrap-manage figure{flex:0 0 212px;height:300px;max-width:212px}.popup .wrap-manage .text{flex:0 0 calc(100% - 212px);max-width:calc(100% - 212px);padding-left:20px}.wrap-listing-article .list figure{flex:0 0 275px;max-width:275px}.wrap-listing-article .list .text{flex:0 0 calc(100% - 275px);max-width:calc(100% - 275px);padding-left:30px}.filter-right .input-search{flex:0 0 255px;max-width:255px}.filter-right .input-select{flex:0 0 175px;margin-bottom:10px;margin-right:0;max-width:175px}.wrap-listborderbot.pdf .column.column-5{flex:0 0 10%;max-width:10%}.wrap-listborderbot.pdf .column.column-70{flex:0 0 80%;max-width:80%}.wrap-listborderbot.pdf .column.column-25{flex:0 0 10%;max-width:10%}.wrap-listborderbot.pdf .btn-download{display:block;font-size:0;text-align:right}.wrap-listborderbot.pdf .btn-download:after{display:block;margin:0 auto;position:relative}}@media (max-width:767px){.banner-landing{padding-top:60px}.banner-landing figure{height:200px}.banner-landing .wrapper{margin:0 28px}.banner-landing figcaption{top:50%}.banner-landing:after{height:310px;left:-5%;top:-10%;width:310px}.banner-landing .navigasi-drop{z-index:2}.banner-landing .navigasi-drop .select{padding:10px 15px}.banner-landing .navigasi-drop .select>a{font-size:14px}.banner-landing .navigasi-drop .select>a:after{right:-5px}.banner-landing .navigasi-drop .drop{padding:10px 25px 20px}.banner-landing .navigasi-drop .drop a{font-size:14px}.middle .wrapper{margin:0 28px}.middle .video .thumb-video{height:210px}.middle .video .thumb-video .ic-play img{height:52px;width:52px}.middle.detail-no-banner{padding:90px 0 60px}.middle .wrap-table table{overflow:auto}.title-landing{padding-top:15px}.title-section{margin-bottom:15px}.milestone{margin-top:30px}.milestone.withoutimg .miles{min-height:100px}.milestone .miles{align-self:flex-end;margin-top:0;padding-bottom:70px;padding-left:65px;padding-right:0;width:100%}.milestone .miles .border{left:0;right:auto;width:30px}.milestone .miles .border .year{font-size:19px;padding:0 0 10px}.milestone .miles .border:before{left:15px;right:auto;top:52px}.milestone .miles:nth-child(2n){padding-left:65px}.milestone .miles:nth-child(2n) .border{left:0;width:30px}.milestone .miles:nth-child(2n) .border:before{left:15px}.popup .popup-inner{margin:20% 0 0;padding:25px 20px}.popup .wrap-manage{flex-flow:row wrap;justify-content:flex-start}.popup .wrap-manage .text,.popup .wrap-manage figure{flex:0 0 100%;max-width:100%}.popup .wrap-manage figure{height:auto;margin-bottom:10px;max-width:210px}.popup .wrap-manage figure img{height:auto}.popup .wrap-manage .text{padding-left:0}.popup .close-popup{height:21px;right:20px;top:-30px;width:21px}.popup .overflow{max-height:450px}.wrap-listing-article .list{flex-flow:row wrap}.wrap-listing-article .list .text,.wrap-listing-article .list figure{flex:0 0 100%;max-width:100%;padding-left:0}.wrap-listing-article .list figure{margin-bottom:10px}.img-content{margin:20px 0}.filter-right{flex-flow:column wrap;margin-bottom:20px}.filter-right .input-search{flex:0 0 100%;margin-bottom:20px;margin-right:0;max-width:100%}.filter-right .input-select{flex:0 0 auto;margin-left:auto;max-width:unset}.filter-right input,.filter-right select{height:40px}.paging{justify-content:center;text-align:center}.paging a{font-size:15px;margin:0 5px}.paging a.arr.prev{margin-right:auto}.paging a.arr.next{margin-left:auto}.btn-download{font-size:0;padding-right:0}.wrap-listborderbot .list{flex-flow:row wrap}.wrap-listborderbot .column:last-child{text-align:left}.wrap-listborderbot .column.column-10,.wrap-listborderbot .column.column-25,.wrap-listborderbot .column.column-65{flex:0 0 100%;max-width:100%}.wrap-listborderbot.certif{text-align:left}.wrap-listborderbot.certif .row:first-child{display:none}.wrap-listborderbot.pdf h6{font-size:14px}.wrap-listborderbot.pdf .column.column-70{flex:0 0 75%;margin-left:5%;max-width:75%}}.wrap-slider-product{margin:40px 0;padding-bottom:70px;position:relative}.wrap-slider-product .slider-big{height:580px;overflow:hidden}.wrap-slider-product .slider-big .list figure{height:100%}.wrap-slider-product .slider-big .list img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.wrap-slider-product .slider-big .slick-arrow{background:#fff url(/images/material/arr-right-blue.svg) no-repeat 50%;background-size:contain;background-size:30%;border:none;border-radius:100%;bottom:0;font-size:0;height:25px;margin:auto 0;padding:20px;position:absolute;right:25px;top:0;width:13px}.wrap-slider-product .slider-big .slick-arrow:after{display:none}.wrap-slider-product .slider-big .slick-arrow.slick-prev{left:25px;right:auto;transform:rotate(180deg);z-index:1}.wrap-slider-product .slider-thumbnail{bottom:0;left:0;padding:0 80px;position:absolute;right:0}.wrap-slider-product .slider-thumbnail .list{box-sizing:border-box;cursor:pointer;padding:0 5px}.wrap-slider-product .slider-thumbnail .list img{display:block;width:100%}.wrap-slider-product .slider-thumbnail .slick-arrow{background:url(/images/material/arr-right-blue.svg) no-repeat 50%;background-size:contain;border:none;bottom:0;font-size:0;height:25px;margin:auto 0;padding:0;position:absolute;right:25px;top:0;width:13px}.wrap-slider-product .slider-thumbnail .slick-arrow:after{display:none}.wrap-slider-product .slider-thumbnail .slick-arrow.slick-prev{left:25px;right:auto;transform:rotate(180deg)}.wrap-slider-product .slider-thumbnail .slick-current figure{border:4px solid #115296}.wrap-tag-pop{display:flex;flex-flow:row wrap;margin:0 -15px}.wrap-tag-pop .list{box-sizing:border-box;margin-bottom:15px;padding:0 5px}.wrap-tag-pop .tag{background:hsla(0,0%,85%,.3);border-radius:25px;color:#464646;display:inline-block;font-size:12px;line-height:40px;padding:0 20px}.wrap-tag-pop .data-pop{display:none}.product-listing{margin:40px 0}.product-listing .column{margin-bottom:40px}.product-listing .column:hover .inner figure img{filter:brightness(20%)}.product-listing .column:hover .inner figcaption{max-height:100%}.product-listing figure{height:260px;overflow:hidden;position:relative}.product-listing figure:before{background:transparent;background:-webkit-gradient(left top,left bottom,color-stop(19%,transparent),color-stop(100%,#000));background:linear-gradient(180deg,transparent 19%,#000);bottom:0;content:"";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=0);left:0;position:absolute;right:0;top:0;z-index:1}.product-listing figure img{display:block;transition:all .3s ease-out;width:100%}.product-listing figure figcaption{bottom:30px;left:30px;max-height:35px;overflow:hidden;position:absolute;right:30px;transition:all .4s ease-out;z-index:1}.product-listing figure figcaption h4{color:#fff;font-family:Oswald;font-size:25px;margin-bottom:10px;text-transform:uppercase}.product-listing figure figcaption p{color:#fff;font-size:.875rem;line-height:1.4}.product-listing.other .row{flex-flow:row wrap}.milestone .miles .border .circle{top:45px}@media (max-width:1280px){.wrap-slider-product{padding-bottom:60px}.wrap-slider-product .slider-big{height:400px}.product-listing figure figcaption{max-height:unset}.product-listing figure figcaption p{display:none}.product-listing.other .row{height:350px;margin:0 -10px;overflow-x:visible;padding-bottom:0;position:relative;width:auto}.product-listing.other .row .slick-arrow{background:url(/images/material/arr-bl.svg) no-repeat 50%;background-size:contain;border:none;border-radius:unset;bottom:-68px;font-size:0;height:19px;margin:0;padding:0;position:absolute;right:10px;width:24px;z-index:6}.product-listing.other .row .slick-arrow:after{display:none}.product-listing.other .row .slick-arrow.slick-prev{right:60px;transform:rotate(180deg);transform-origin:center}.product-listing.other .row figure img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.product-listing.other .row figcaption h4{margin-bottom:0}.product-listing.other .row .column{flex:none;max-width:unset;padding:0 10px}.milestone .miles .border .circle{top:55px}}@media (max-width:1023px){.wrap-slider-product{padding-bottom:50px}.wrap-slider-product .slider-big{height:335px}.wrap-slider-product .slider-thumbnail{padding:0 40px}.wrap-slider-product .slider-thumbnail .slick-arrow{right:10px}.wrap-slider-product .slider-thumbnail .slick-arrow.slick-prev{left:10px}.product-listing .column.column-25{flex:0 0 33.333%;max-width:33.333%}.product-listing figure figcaption{bottom:30px;left:20px;right:20px}.product-listing.other .row{height:auto}.product-listing.other .row .slick-arrow{bottom:-30px}.product-listing.other .column{margin:0}}@media (max-width:767px){.wrap-slider-product{margin:20px 0}.wrap-slider-product .slider-big{height:180px;overflow:hidden}.wrap-slider-product .slider-big .slick-slide,.wrap-slider-product .slider-big .slick-slide figure img,.wrap-slider-product .slider-big .slick-slide>div{height:100%}.wrap-tag-pop{margin:0 -5px}.wrap-tag-pop .list{padding:0 5px}.wrap-tag-pop .tag{line-height:32px;padding:0 16px}.product-listing .row{flex-flow:row wrap}.product-listing .column.column-25,.product-listing .column.column-33{flex:0 0 100%;max-width:100%}.milestone .miles .border .circle{top:40px}}

/*# sourceMappingURL=product.css.map*/