#main-nav{
    position:absolute;
    z-index:100;
    background-color:#fff;
    min-width:100%
}#main-nav .navbar-light .navbar-nav .nav-link{
    color:#000;
    padding-left:10px;
    padding-right:10px
}#main-nav .navbar-light .navbar-nav .nav-link.active,#main-nav .navbar-light .navbar-nav .nav-link:hover{
    background-color:#f0f3f4;
    color:#000
}#secondary-nav{
    position:absolute;
    z-index:100;bottom:calc(0px + 50px);
    left:5%
}#secondary-nav ul{
    list-style-type:none;
    list-style-position:inside;padding-left:5px;
    padding-right:5px
}#secondary-nav ul li{
    border:1px solid #fff;
    text-align:center;
    transition:.5s
}#secondary-nav ul li:not(:last-child){
    margin-bottom:15px
}#secondary-nav ul li a{
    color:#fff;padding-left:50px;
    padding-right:50px;
    line-height:2.5;text-decoration:none;
    text-transform:uppercase;
    display:block
}#secondary-nav ul li.active,#secondary-nav ul li:hover{
    background-color:#fff
}#secondary-nav ul li.active>a,#secondary-nav ul li:hover>a{
    color:#000
}#secondary-nav ul ul{
    display: none;
    position: relative;
    top: auto;
    background-color: #000;
    padding: 5px;
}#secondary-nav ul li:hover > ul{
    display: block;
}#secondary-nav ul ul li{
    position: relative;
}.default-cust-button{
    border:1px solid #000;
    border-radius:0
}
#videoBannerContainer>#videoWrapper>#skipVideoContainer #btnSkip:active,#videoBannerContainer>#videoWrapper>#skipVideoContainer #btnSkip:focus,#videoBannerContainer>#videoWrapper>#skipVideoContainer #btnSkip:hover,.default-cust-button:active,.default-cust-button:focus,.default-cust-button:hover{
    background:0 0;
    border-color:#000
}
#videoBannerContainer>#videoWrapper>#skipVideoContainer #btnSkip:active,.default-cust-button:active{
    box-shadow:0 0 0 .25rem rgba(211,212,213,.5)
}
#loader-container{
    position:absolute;width:100%;height:100%;
    z-index:500
}
#loader-container #loader{position:relative;
    left:50%;top:50%;width:150px;
    height:150px;
    transform:translate(-50%,-50%)
}
#loader-container #loader .box1{
    width:90%;height:90%;
    border:1px solid red;top:50%;
    left:50%;position:absolute;
    transform:translate(-50%,-50%)
}
#loader-container #loader .box2{
    width:70%;height:70%;
    position:absolute;top:50%;
    left:50%;transform:translate(-50%,-50%);border:1px solid red
}
#loader-container #loader .box3{
    width:50%;height:50%;position:absolute;top:50%;
    left:50%;
    transform:translate(-50%,-50%);border:1px solid red
}
#loader-container #loader .box4{
    width:30%;height:30%;
    position:absolute;
    top:50%;left:50%;
    transform:translate(-50%,-50%);border:1px solid red
}
#loader-container #loaderProgress .ldBar-label{
    text-align:center;
    color:#000;font-weight:700
}#videoBannerContainer{
    position:absolute;z-index:200;
    width:100vw;height:100%;
    background-color:#000
}#videoBannerContainer>#videoWrapper{
    position:relative;top:50%;left:50%;
    transform:translate(-50%,-50%);
    width:100%
}#videoBannerContainer>#videoWrapper>video{
    width:100%
}#videoBannerContainer>#videoWrapper>#skipVideoContainer{
    width:150px;
    z-index:5;
    position:absolute;
    right:5px;bottom:-20%;
    border-radius:5px;
    display:none;
    opacity:0
}#videoBannerContainer>#videoWrapper>#skipVideoContainer #btnSkip{
    font-size:15px;
    border:1px solid #000;
    background-color:rgba(0,0,0,.5)
}#video-bg-overlay{
    position:absolute;
    z-index:10;
    height:100%;
    top:0;
    left:0;
    min-width:100%;
    background:rgba(0,0,0,.5)
}#video-bg{
    object-fit:cover;
    width:100vw;
    height:100vh;
    position:fixed;
    top:0;
    z-index:-1!important;left:0;
    box-sizing:border-box
}#mainDocument{
    width:100vw;
    height:100vh;
    clip-path:circle(0)
}#main-content-wrapper{
    position:absolute;bottom:0;
    left:0;width:100%;
    background-color:#fff;z-index:50;
    padding-bottom:20px;height:auto;
    overflow-y:hidden
}#main-content-wrapper #main-content-body{
    opacity:0;display:none;
    max-height:90%;
    overflow-y:auto;
    margin-top:50px
}#main-content-wrapper #main-content-body .main-article,.horizontal-content-padding{
    padding-left:5%;padding-right:5%
}#main-content-wrapper #overlayMainContentBody{
    position:absolute;width:100%;
    height:100%;background-color:rgba(0,0,0,.7);display:none;
    opacity:0;
    z-index:55
}#content-title-wrapper{
    padding-top:20px
}#content-title-wrapper h6 span{
    text-transform:uppercase
}#content-title-wrapper h6 span.close-text{
    opacity:0;display:none
}#collapseIcon:hover,#content-title-wrapper h6 span.close-text:hover{
    cursor:pointer
}.pengalaman-title{
    font-size:30px;font-weight:700;color:#40929d
}.pengalaman-subtitle{
    font-size:16px;color:#5facb3
}.pengalaman-project-name{
    color:#917737
}#circle-graph-wrapper{
    position:absolute;
    bottom:10%;
    left:0;
    width:100%;
    z-index:40
}#circle-graph-wrapper .circle-wrapper{
    width:98px;
    height:98px;
    border:1px solid #fff;
    border-radius:100%;
    margin-top:10px;
    margin-bottom:10px
}@media (max-width:991.98px){
    #dewanDirektur li{
        padding-top:10px;padding-bottom:10px
    }#dewanDirektur li:not(:last-child){
        border-bottom:1px solid #e6e9ec;
        margin-bottom:10px
    }#dewanDirektur li>div{
        display:flex
    }#dewanDirektur li>div>span:first-child,#dewanDirektur li>div>span:last-child{
        flex:1}
}@media (min-width:768px){
    #main-content-wrapper{left:35%;
        width:calc(100% - 39%)}.president-profile-img{
            position:absolute;
            top:5%;
            width:35%;
            left:-50px
        }.president-profile-img img{
            position:relative;
            left:-10px;
            width:100%
        }#circle-graph-wrapper{
            position:absolute;
            bottom:15%;
            left:28%;
            width:calc(100% - 39%);
            height:150px
        }#circle-graph-wrapper .circle-wrapper{
            width:130px;height:130px}.desktop-mr-10{
                margin-right:10px
            }
}@media (min-width:1200px){#secondary-nav{left:10%}#main-content-wrapper{left:30%;width:calc(100% - 39%)}#dewanDirektur li>div{display:flex}#dewanDirektur li>div>span:first-child{flex:1}#dewanDirektur li>div>span:last-child{flex:2.3}
}.padding-horizontal-0{
    padding-left:0;
    padding-right:0
}.padding-horizontal-button{
    padding-left:50px;
    padding-right:50px
}html{
    height:100%
}body{
    min-height:100%
}.box{
    display:block;width:30px;height:30px
}.pink{
    background-color:pink
}.green{background-color:#0f0
}.orange{background-color:#ff0
}.grey{background-color:#ccc
}@media (max-width:767.98px){
    #main-nav{background-color:transparent
    }#main-nav .navbar{
        padding-top:0
    }#main-nav .mobile-header{
        background-color:#fff;
        padding-top:.5rem;
        padding-bottom:.5rem
    }#main-nav .navbar-collapse{
        padding-bottom:.5rem;
        background-color:rgba(255,255,255,.7)!important
    }#main-nav .navbar-collapse.transparent{
        background-color:rgba(255,255,255,0)!important
    }#main-nav .navbar-collapse.transparent .nav-item .nav-link{
        color:#fff
    }#main-nav .navbar-collapse.transparent .nav-item .nav-link.active,#main-nav .navbar-collapse.transparent .nav-item .nav-link:hover{
        background-color:#f0f3f4;color:#000
    }#main-nav .navbar-collapse .nav-item .nav-link{
        color:#000
    }#main-nav .navbar-light .navbar-nav{
            margin-top:10px;
            padding-left:10px;
            padding-right:10px
        }#main-nav .navbar-light .navbar-nav>.nav-item:not(:last-child){
            border-bottom:1px solid #e6e9ec
        }.mobile-mb-20{
            margin-bottom:20px
        }.mobile-padding-horizontal-0{
            padding-left:0;padding-right:0
        }.mobile-text-center{text-align:center
        }
}@media (min-width:992px){
    #main-nav{
        background-color:transparent
    }#main-nav .navbar-light .navbar-nav .nav-link{
        color:#fff
    }#main-nav .navbar-light .navbar-nav .nav-link.active,
    #main-nav .navbar-light .navbar-nav .nav-link:hover{
        background-color:#fff;
        color:#000
    }#videoBannerContainer{
        position:fixed;
        background-color:rgba(0,0,0,.8)
    }#videoBannerContainer>#videoWrapper{
        top:0;
        left:0;
        transform:translate(0,0);width:100%;
        height:100vh
    }#videoBannerContainer>#videoWrapper>#skipVideoContainer{
        right:10px;bottom:15%
    }#videoBannerContainer>#videoWrapper #videoBanner{
        height:100%
    }.desktop-padding-horizontal-60{
        padding-left:60px;
        padding-right:60px
    }.desktop-width-auto{
        width:auto!important
    }.desktop-mr-10{
        margin-right:10px
    }#main-container{
        padding:100px 
    }#main-container::before{
        position:absolute;
        content:"";
        background:rgba(0,0,0,.5);
        width:100%;
        height:100%;top:0;
        left:0;z-index:1
    }#main-container #main-wrapper{
        position:relative;z-index:100
    }
}