@import url('https://fonts.googleapis.com/css2?family=Work+Sans&display=swap');

section.home .highlight{font-size:2rem;letter-spacing:.05em;line-height:44px;text-transform:uppercase}
#lane-blue{visibility:hidden}
.slick-prev:before,.slick-next:before{color:#009bdf}
section.home .more-see{font-weight:600;color:#009BDF;font-size:.93rem}
section.home .more-see:hover{color:#5f5f5f}
section.home .abs-plus .plus{display:none;z-index:-3}
section.home .banner{position:relative;height:96vh;}
section.home .banner .warp{position: relative;height: 87vh;}
section.home .banner .carousel-indicators li{background-color: #BDBDBD;width:15px;height:8px;}
section.home .banner .carousel-indicators li.active{background-color: #2D9CDB;width:30px;}
section.home #banner-slide{width:100%;z-index:6;position:absolute;bottom:0;left:0;right:0}
section.home #banner-slide .carousel-item img{object-fit:contain}
section.home #banner-slide .slide-icon{position:absolute;left:60px;bottom:65px;display:flex}
section.home #banner-slide .circle{width:40px;height:40px;color:#fff;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24pt}
section.home #banner-slide .circle:hover{color:#009BDF;border-color:#009BDF}
section.home #banner-slide .prev-icon{margin-right:27px}
section.home #banner-slide .blue-box{width:30px;height:30px;background:#009BDF;position:absolute;bottom:0;left:0}
section.home #banner-slide .warp-text{position:absolute;color:#fff;top: 50%;left: 50%;transform: translate(-50%, -50%);}
section.home #banner-slide .title{width:100%}
section.home #banner-slide .title h3{font-size:1.9rem;line-height:50px;text-transform:uppercase;text-shadow:2px 2px rgba(0,0,0,0.5)}
section.home #banner-slide .arrow{background:#009BDF;margin-left:15px;padding:0 30px;display:inline;position:relative}
section.home #banner-slide .arrow img{width:30px;top:50%;left:50%;position:absolute;transform:translate(-50%,-50%)}
section.home #banner-slide .lane-white{width:75px;height:10px}
section.home #banner-slide .more{position: absolute;left: 50%;transform: translate(-50%, -50%);bottom: 10%;}
section.home #banner-slide .btn-more{color:#ffffff;background: #6D6E71;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);}
section.home .about-us .c-about{background:#EBEBEB;padding:10px 70px 35px 15px}
section.home .about-us .c-about .text{margin-top:60px}
section.home .about-us .c-about p{line-height:30px;font-size:.95rem}
section.home .about-us .visi-misi{color:#6d6e71}
section.home .about-us .visi-misi ul,section.home .about-us .visi-misi ol{list-style:none;padding:0;margin-bottom:0}
section.home .about-us .visi-misi li{padding:10px 0;padding-left:30px;text-align:justify;position:relative}
section.home .about-us .visi-misi li::before{content:"";display:block;background-color:#a9a9a9;height:4px;width:13px;position:absolute;left:2px;top:20px}
section.home .about-us .visi .phone-1{width:470px;margin-top:90px}
section.home .about-us .visi .text{position:absolute;top:0;right:20px;width:40%}
section.home .about-us .visi-misi h4{text-transform:uppercase}
section.home .working-groups{margin-top:100px}
section.home .working-groups .detail{border:1px solid #C8C8C8;border-bottom:none;padding:0 60px 25px;margin:0 20px;position:relative}
section.home .working-groups .title{display:inline-block;background:#fff;padding:0 15px;position:absolute;top:-25px;left:43px}
section.home .working-groups .detail p{margin-top:35px;color:#6D6E71}
section.home .working-groups .work{text-align:center;background-color:#009bdf;padding:25px 15px;min-height: 288px;}
section.home .working-groups .work h5{color:#fff;font-size:13pt;font-weight:300}
section.home .working-groups .work a{color:#fff;text-transform:uppercase;font-weight:600;font-size:9.5pt}
section.home .working-groups .work img{height:90px;margin:15px auto}
section.home .working-groups .work .lane-white{height:3px;background-color:#fff;width:20px;margin:0 auto;margin-bottom:45px}
section.home .working-groups .view-working{margin:-12px 60px 0;z-index:1}
section.home .working-groups .slick-slide{padding:0 10px}
section.home .working-groups .bg-down{background:#EBEBEB;text-align:center;margin-top:-230px;z-index:-1;height:305px}
section.home .working-groups .link{text-align:center;margin-top:-50px;z-index:3}
section.home .members{margin:100px 20px 0}
section.home .members .dark-outline-btn{border:3px solid;font-size:1.6rem;padding:0 65px 0 20px;font-weight:700;position:relative}
section.home .members .dark-outline-btn span{font-size:33pt;position:absolute;top:50%;transform:translateY(-50%);right:17px;line-height:0}
section.home .members .title{background:#fff;display:inline-block;padding-left:25px;position:relative;right:0;top:-24px}
section.home .members .text{border-top:1px solid #C8C8C8;border-left:1px solid #C8C8C8;padding-left:15px}
section.home .members .text p{color:#6D6E71;line-height:30px;margin-bottom:0;margin-top:-16px}
section.home .members .right{margin-top:-12px;background:#616161;border-radius:5px;text-align:center;color:#fff;flex-flow:row wrap;display:flex;justify-content:center;padding:20px 30px}
section.home .members .prog-circle{flex-basis:20%}
section.home .members .right h5{font-weight:600;font-size:.9rem;line-height:27px}
section.home .members .view-logo{width:90%;margin:0 auto}
section.home .members .logo{padding:15px;vertical-align:middle}
section.home .aftech-news {margin-top:70px;border-bottom:10px solid #009BDF;color:#fff}
section.home .aftech-news .main-title{border:2px solid #C8C8C8;border-bottom:none;margin:0 30px;height:60px}
section.home .aftech-news .title h5{font-size:1.3rem;margin:20px 0;letter-spacing:.1em;line-height:28px;text-shadow:2px 2px rgba(0,0,0,0.5)}
section.home .aftech-news .date span{font-size:9.2pt;font-weight:600}
section.home .aftech-news .date span.lane{font-size:7.8pt;position:relative;top:-1.7px}
section.home .aftech-news .to-detail{font-size:8.6pt!important;font-weight:600;letter-spacing:.1em;color:#fff;position:relative}
section.home .aftech-news .to-detail span{font-size:13pt;padding-left:8px;position:absolute;top:50%;transform:translateY(-50%)}
section.home .aftech-news .news:nth-child(3){width:100%}
section.home .aftech-news .sub-title{position:relative;top:-22px;left:50%;transform:translateX(-50%);background:#fff;display:inline-block;padding:0 30px}
section.home .aftech-news .warp-news{margin-top:-15px}
section.home .aftech-news .sub-title h3{font-size:2rem;color:#6D6E71;letter-spacing:.1em}
section.home .aftech-news .bg{background-size:cover;width:100%;background-repeat:no-repeat;position:relative;background-position:center;height:300px;overflow:hidden}
section.home .aftech-news .ket-img-1{background:#454545;width:100%;height:300px;overflow:hidden}
section.home .aftech-news .news{width:85%;z-index:5}
section.home .aftech-news .ket-img-3{background:#8A8A8A;width:100%;height:300px;overflow:hidden}
section.home .aftech-news .bg::before{content:'';position:absolute;background:transparent;top:0;left:0;width:100%;height:100%;transition:.3s all}
section.home .aftech-news .bg:hover::before{background:rgba(0,155,223,0.5)}
section.home .aftech-news #aftech-news-slider {padding: 15px 40px;padding-bottom: 0;}
section.home .aftech-news .in-news.left{background:#009bdf; padding: 50px;}
section.home .aftech-news .in-news.left h5{font-size:40px;line-height: initial;text-shadow: none;}
section.home .aftech-news .btn-more{color:#ffffff;background: #6D6E71;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);}
section.home .aftech-news .slide-icon{position:absolute;left:75px;bottom:65px;display:flex}
section.home .aftech-news .circle{width:40px;height:40px;color:#fff;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24pt}
section.home .aftech-news .prev-icon{margin-right:27px}
section.home .aftech-news .in-news.bottom{display:flex;padding:0 35px;}
section.home .aftech-news .in-news.content{position:relative;width:20%;padding:30px;background:#F2F2F2;margin:10px 5px;min-height:250px;}
section.home .aftech-news .in-news.content h5{font-size: 1rem; color: #5F5F5F;text-shadow: none;margin: 0;}
section.home .aftech-news .in-news.content p{color: #5F5F5F;}
section.home .aftech-news .in-news.content .bottom-wrap{display: flex;justify-content: space-between;position:absolute;bottom:30px;width: 80%;}
section.home .aftech-news .in-news.content.blue{background:#009bdf;}
section.home .aftech-news .in-news.content.blue h5{color:#ffffff;}
section.home .aftech-news .in-news.content.blue a{position: absolute;right: 10%;bottom: 10%;}
section.home .event .tab-2 .nav-item{z-index:3}
section.home .event .bg-gray{background:#EBEBEB;width:100%;position:relative;height:280px}
section.home .event .right{margin-top:-185px}
section.home .event .left{margin-top:-208px;padding:0 30px 0 45px}
section.home .event .main-title{text-align:right;margin-bottom:15px}
section.home .event .img-event img{margin-bottom:10px}
section.home .event .k-event{margin-left:-40px;margin-top:30px}
section.home .event .click-event .lane-blue{width:70px;height:4px;margin-bottom:12px}
section.home .event .text-event{padding-left:42px}
section.home .event .text-event h6{color:#6D6E71;line-height:24px}
section.home .event .click-event:hover .text-event h6{color:#009BDF}
section.home .event .img-event p,section.home .event .w-1 p{color:#5F5F5F;font-weight:600;font-size:.8rem!important;text-transform:uppercase;line-height:initial!important}
section.home .event .k-ifse-event{display:flex;border-bottom:1px solid #DBDBDB;padding-bottom:10px;margin-bottom:15px}
section.home .event .w-1{width:30%}
section.home .event .w-1 p{font-size:.6rem!important}
section.home .event .w-2{width:70%;padding-left:15px}
section.home .doc{margin-top:120px;position:relative}
section.home .doc .warp{width:60%;margin-left:170px}
section.home .doc .kode-etik{margin-bottom:45px}
section.home .doc h4{margin-bottom:.8rem}
section.home .doc p{color:#5F5F5F;line-height:28px;text-align:justify}
section.home .doc .phone-2{width:440px;position:absolute;top:0;right:0;z-index:-3}
section.home .ifse{margin:0 10px;margin-top:130px}
section.home .ifse .main-title{border:1px solid #C8C8C8;border-bottom:none;margin:0 30px;height:40px}
section.home .ifse .warp{margin-top:-15px}
section.home .ifse .sub-title{background:#fff;display:inline-block;position:relative;top:-24px;left:45px;padding:0 20px}
section.home .ifse .img-ifse{width:100%;height:300px;background-size:cover;background-repeat:no-repeat;background-position:center;display:flex;align-items:flex-end;justify-content:flex-end}
section.home .ifse .img-ifse .info{background:rgba(56,56,56,0.8);width:85%;color:#fff;padding:10px 0;transition:.5s linear}
section.home .ifse .img-ifse .info p{margin-left:20px;margin-top:-13px;font-size:.8rem!important}
section.home .ifse .img-ifse .bottom-lane{display:flex;align-items:flex-end}
section.home .ifse .img-ifse .bottom-lane h6{width:90%;margin-bottom:.5rem;font-size:1.8rem}
section.home .ifse .img-ifse .bottom-lane hr{width:20%;margin-right:6px;border-top:2px solid #fff;margin-left:-15px}
section.home .ifse .btn.blue-btn{padding:18px 0}
section.home .foto-video .bg-foto{background-size:cover;background-position:center;background-repeat:no-repeat;height:300px}
section.home .foto-video{color:#fff;margin-top:47px}
section.home .foto-video .ket-f{background:#454545;height:300px}
section.home .foto-video .det-f{width:85%}
section.home .foto-video .det-f h5{font-size:1.3rem;margin:20px 0;letter-spacing:.1em;line-height:28px}
section.home .foto-video .det-f .lane-white{width:25px;height:2px;margin-top:10px}
section.home .foto-video .det-f span{font-size:9.2pt;font-weight:600}
section.home .foto-video .to-detail{font-size:8.6pt;font-weight:600;letter-spacing:.1em;color:#fff;position:relative}
section.home .foto-video .to-detail span{font-size:13pt;padding-left:8px;position:absolute;top:50%;transform:translateY(-50%)}
section.home .foto-video .play{font-size:70pt;color:#000}
@media only screen and (min-width: 768px) {
section.home .ifse .img-ifse.df{height:600px}
section.home .foto-video .d-height{height:450px}
section.home .aftech-news .bg-img-1{height:650px}
section.home .aftech-news .bg-img-2{height:350px}
section.home .aftech-news .bg-img-3{height:365px}
section.home .aftech-news .image-4{height:0}
section.home .aftech-news .bg-img-4{height:665px}
section.home .aftech-news .image-1{border-left:12px solid #454545}
section.home .aftech-news .ket-img-3{height:365px}
}
@media only screen and (min-width: 1024px) {
section.home .abs-plus .plus{position:absolute;display:block;font-size:13pt;animation:blink 2s infinite}
section.home .abs-plus .blue{color:#009BDF}
section.home .abs-plus .dark{color:#303030}
section.home .abs-plus .one{top:50px;left:50px}
section.home .abs-plus .two{top:120px;left:30%}
section.home .abs-plus .three{bottom:30px;right:0}
section.home .abs-plus .four{top:60px;right:50px}
section.home .abs-plus .five{top:230px;left:42%}
section.home .abs-plus .six{top:300px;right:150px}
section.home .abs-plus .seven{bottom:0;left:0}
section.home .abs-plus .eight{bottom:50px;left:60%}
section.home .abs-plus .nine{font-size:20pt;left:70px;top:50%}
section.home .abs-plus .ten{left:48%;top:10px}
section.home .abs-plus .thirteen{left:30%;font-size:20pt;bottom:-80px}
section.home .abs-plus .fiveteen{top:-90px;left:140px}
section.home .abs-plus .fourteen{left:30%;bottom:40%}
section.home .foto-video .d-height{height:600px}
section.home .aftech-news .in-news.content{padding: 20px;}
section.home .aftech-news .in-news.left h5{font-size: 20px;}
section.home .aftech-news .slide-icon{bottom: 10px;}
section.home .aftech-news .in-news.content{min-height: 210px;}
section.home .aftech-news .in-news.content h5{font-size:10pt;}
section.home .aftech-news .in-news.content p{font-size: 8pt;}
}
@media only screen and (min-width: 1301px) {
section.home .my-xll-0{margin:0!important}
section.home .aftech-news .in-news.content{padding: 30px;}
section.home .aftech-news .in-news.left h5{font-size: 35px;}
section.home .aftech-news .slide-icon{bottom: 40px;}
section.home .aftech-news .in-news.content h5{font-size:inherit;}
section.home .aftech-news .in-news.content p{font-size: inherit;}
section.home .aftech-news .in-news.content{min-height: 250px;}
}
@media only screen and (min-width: 1500px) {
section.home .banner .warp{height:87vh}
}
@media only screen and (min-width: 1700px) {
/* section.home .banner{margin-left:73px;margin-right:143px} */
}
@media only screen and (min-width: 1920px) {
section.home .banner .warp{height:90vh}
}
@media only screen and (max-width: 1300px) {
section.home #banner-slide .title h3{font-size:1.7rem;line-height:45px}
section.home #banner-slide .arrow{padding:0 25px}
section.home #banner-slide .arrow img{width:25px}
section.home #banner-slide .title{width:85%}
section.home .event .fc-toolbar{margin-top:-0!important}
section.home .event .right{margin-top:-220px}
}
@media only screen and (max-width: 1024px) {
section.home .banner{margin-left:0;margin-right:0;height:85vh}
section.home .banner .warp{height:100vh}
section.home .about-us .visi .text{width:60%}
section.home .aftech-news .slide-icon{bottom: 5px;}
section.home .aftech-news .in-news.left h5{font-size: 20px;}
}
@media only screen and (max-width: 991px) {
section.home p,li{font-size:.9rem!important;line-height:25px!important}
section.home .more-see{font-size:.83rem}
section.home .highlight{font-size:1.6rem;line-height:35px}
section.home .about-us .visi .phone-1{width:300px;margin-top:150px}
section.home .about-us .c-about{padding:10px 30px 35px 15px}
section.home .aftech-news .sub-title h3{font-size:1.6rem}
section.home .members .dark-outline-btn{font-size:1.2rem;padding:0 50px 0 20px}
section.home .members .dark-outline-btn span{font-size:24pt}
section.home .members{margin:100px 0 0}
section.home .doc .phone-2{width:300px;top:initial;bottom:0}
section.home .doc .warp{width:80%;margin-left:40px}
section.home .doc{margin-top:90px}
section.home .members .right{padding:10px}
section.home .event .left{padding:0 15px 0 30px}
section.home .event .text-event h6{line-height:18px;font-size:.65rem}
section.home .event .img-event p,section.home .event .w-1 p{font-size:.55rem!important}
section.home .event .if-title{font-size:.65rem}
section.home .event .text-event{padding-left:15px}
section.home .event .tab-2 .nav-link{font-size:1rem}
section.home .event .tab-2 .lane-tabs{height:13px}
section.home .event .right{margin-top:-188px}
section.home .ifse{margin:0;margin-top:90px}
section.home .aftech-news .date span.lane{font-size:7pt;top:-1px}
section.home .aftech-news .date span{font-size:8pt;font-weight:600}
section.home .aftech-news .to-detail span,section.home .foto-video .to-detail span{font-size:12pt}
section.home .aftech-news .to-detail,section.home .foto-video .to-detail{font-size:7.2pt!important}
section.home .aftech-news .title h5,section.home .foto-video .det-f h5{font-size:1rem;line-height:23px}
section.home .aftech-news .in-news.left{min-height: 300px;}
section.home .aftech-news .in-news.left h5{font-size: 20px;}
section.home .aftech-news .in-news.bottom{flex-direction: column;}
section.home .aftech-news .in-news.content{width:100%;min-height: 220px;margin: 10px 0px;}
section.home .aftech-news .slide-icon{bottom:60%;left:75px;}
section.home .working-groups .title,section.home .ifse .sub-title,section.home .aftech-news .sub-title{top:-20px}
}
@media only screen and (max-width: 767px) {
section.home #banner-slide{position:initial}
section.home .banner{height:initial}
section.home .banner .warp{height:50vh}
section.home #banner-slide .warp-text{left: 50%;top: 50%;width: 80%;}
section.home .about-us .visi-misi li::before{height:3px}
section.home #banner-slide .title h3{font-size:1rem;line-height:25px;font-weight:600}
section.home #banner-slide .arrow img{width:14px}
section.home #banner-slide .arrow{padding:0 15px}
section.home #banner-slide .lane-white{width:35px;height:6px}
section.home #banner-slide .circle{width:23px;height:23px;font-size:9pt}
section.home .aftech-news .main-title{margin:0 15px;height:45px}
section.home .aftech-news{margin-top:40px}
section.home .aftech-news .sub-title h3{font-size:1.2rem;padding:0 15px}
section.home #banner-slide .title{width:100%}
section.home #banner-slide .prev-icon{margin-right:18px}
section.home #banner-slide .slide-icon{left:20px;bottom:30px}
section.home #banner-slide .blue-box{width:15px;height:15px}
section.home #banner-slide .more{bottom: 10%;}
section.home #banner-slide .btn-more{font-size: 7pt;}
section.home .about-us .c-about{padding:30px 15px}
section.home .about-us .c-about .text{margin-top:30px}
section.home .about-us .visi .phone-1{width:initial;margin-top:0}
section.home .about-us .visi .text{position:initial;width:100%}
section.home .about-us .highlight{font-size:1.5rem;line-height:35px}
section.home .working-groups{margin-top:50px}
section.home .working-groups .detail{padding:0 15px 25px;margin:0;box-shadow:1px 1px 4px rgba(0,0,0,0.25)}
section.home .members .prog-circle{flex-basis:50%}
section.home .members .link{margin-left:15px}
section.home .members .right{padding:10px 0;margin-top:20px}
section.home .about-us .ojk-img{width:80px}
section.home .highlight{font-size:1.2rem;line-height:28px}
section.home .members .title{left:-15px}
section.home .working-groups .title{left:0}
section.home .working-groups .detail p{margin-top:20px}
section.home .working-groups .view-working{margin:-12px 15px 0}
section.home .members{margin:0;margin-top:50px}
section.home .aftech-news .title h5,section.home .foto-video .det-f h5{font-size:1.1rem;line-height:25px}
section.home .aftech-news #aftech-news-slider{padding: 0;}
section.home .aftech-news .in-news.bottom{padding: 0;}
section.home .aftech-news .slide-icon{bottom:60%;left:35px;}
section.home .event .tab-2 .nav-link{font-size:.8rem}
section.home .event .tab-2 .lane-tabs{height:11px}
section.home .aftech-news .to-detail,section.home .foto-video .to-detail{font-size:8pt!important}
section.home .event{position:relative;padding-top:30px}
section.home .event .bg-gray{position:absolute;top:0}
section.home .event .left{margin-top:0;padding:0 15px}
section.home .event .text-event{padding-left:20px}
section.home .event .text-event h6{font-size:.9rem;line-height:23px}
section.home .event .click-event .lane-blue{margin-bottom:10px}
section.home .event .right{margin-top:0}
section.home .event .if-title{font-size:.9rem}
section.home .aftech-news .sub-title,section.home .members .title,section.home .working-groups .title{top:-15px;padding:0 15px}
section.home .doc{margin-top:50px;padding:0 15px;padding-top:300px}
section.home .doc .warp{width:100%;margin-left:0}
section.home .doc .phone-2{width:260px;top:-30px}
section.home .ifse .main-title{border:initial;border-bottom:none;margin:0;height:initial}
section.home .ifse .sub-title{position:initial;display:block}
section.home .ifse{margin:0;margin-top:50px}
section.home .ifse .warp{margin-top:0}
}
@media only screen and (max-width: 376px) {
    section.home .aftech-news .slide-icon{bottom:60%;}
}


/* Revisi */

#galeri .row a {
    position: relative;
}
#galeri .row a .info {
    background: rgba(56,56,56,0.8);
    width: 70%;
    color: #fff;
    padding: 10px;
    transition: .5s linear;
    position: absolute;
    bottom: 0;
}
#galeri .row a .info .title {
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 24px;
    font-family: 'Work Sans', sans-serif;
}
#galeri .row a .info .detail {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.1em;
    text-align: left;
    text-transform: uppercase;
}

#galeri .row a .info .titles {
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -0.02em;
    text-align: left;
    margin-bottom: 20px;
    font-family: 'Work Sans', sans-serif;
}
#galeri .row a .info .details {
    font-size: 11px !important;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.02em;
    text-align: left;
    text-transform: uppercase;
}