@import url(https://rsms.me/inter/inter.css);.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.app{box-shadow:0 0 5px #ccc;margin:100px auto;max-width:1200px;width:100%}.details{display:flex;flex-wrap:wrap;justify-content:space-around;padding:30px 0}.details .big-img{margin:25px;max-width:500px;min-width:290px;overflow:hidden}.big-img img{display:block;height:100%;max-height:400px;object-fit:cover;width:100%}.details .box{margin:25px;max-width:500px;min-width:290px}.box .row{display:flex;justify-content:space-between;margin-bottom:15px}.box .row h2{letter-spacing:2px;text-transform:uppercase}.box .row span{color:crimson}.box .colors button{border:1px solid #333;cursor:pointer;height:30px;margin-right:5px;outline:none;width:30px}.box p{line-height:1.5;margin:15px 0}.thumb{cursor:pointer;display:flex;height:100px;margin:10px 0;width:100%}.thumb img{border:1px solid #ddd;border-radius:5px;display:block;height:100%;margin-right:5px;object-fit:cover;opacity:.7;width:90px}.thumb img.active{border:1px solid #20b2aa;opacity:1}.box .cart{background:#333;border:none;color:#fff;cursor:pointer;margin-top:15px;outline:none;padding:10px 25px}@media (max-width:500px){.thumb{height:50px}.thumb img{width:50px}}:root{--warnabtn1:rgba(16,57,104,.9)}body::-webkit-scrollbar{width:1em}body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}body::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);border-radius:5px}.btnbtn-small{background-color:#10396880;border-radius:5px;color:#ecf0f1;font-size:10px!important;font-weight:700;margin:0 3px}.btnbtn-small:hover{background-color:#10396895;color:#ecf0f1}*{font-family:Inter,Verdana}body{background-color:#ecf0f1;overflow-y:scroll!important}.bg-light{background-color:initial!important}.carousel{background-color:#103968;box-shadow:0 5px 30px #0e111189}.cargal{background-color:initial}.carousel-item{height:100vh;overflow:hidden}.carousel-item img{background-repeat:no-repeat;object-fit:cover}.carousel-caption,.gal{bottom:5rem}.carousel-caption h5{text-align:left}.carousel-caption p{margin-left:20px;margin-top:-5px;text-align:left}.gal p{margin:0!important;text-align:left}.carousel-caption h5 span{background-color:#f2c808;color:#103968;font-size:40px;letter-spacing:2px;margin-top:25px;padding:0 20px 10px;text-transform:uppercase}.carousel-caption p span{background-color:#10396895;color:#ecf0f1;font-size:18px;line-height:1.9;margin:auto;padding:10px 20px;top:-50px;width:65%}.gal h5 span{color:#ecf0f1;font-size:35px;letter-spacing:2px;margin-top:25px;text-align:left!important;text-transform:uppercase}.gal h5 span,.gal p span{background-color:initial;text-shadow:0 5px 10px #0e111189}.gal p span{color:#ecf0f180;font-size:16px;line-height:0!important;margin:auto;padding:0;top:-50px;width:65%}.carousel-caption a{background:#ff8c00;color:#000;display:inline-block;margin-top:15px;padding:10px 30px;text-decoration:none;text-transform:uppercase}#carousel-control-next{color:#f2c808!important}#animate1{-webkit-animation-delay:.25s;animation-delay:.25s}#animate2{-webkit-animation-delay:.5s;animation-delay:.5s}.gallerywrapper{background-color:rgba(16,57,104,.5);display:flex;flex-wrap:wrap;justify-content:center;padding:70px}.psection-header-galeri{color:#103968;font-size:25px;padding-bottom:5px;position:relative;text-align:center}.psection-header-galeri:after{background-color:#f2c808;bottom:0;content:"";height:3px;left:0;position:absolute;width:25%}.psection-header-chart{color:#103968;font-size:25px;text-align:center;text-shadow:2px 3px 5px #10396889}.gcontainer{background-color:initial;width:80%}.gcitem{height:100vh}.navbar{padding:4px!important;z-index:999}.jaraknav{margin-bottom:50px}.navbar-nav a{font-size:14px;font-weight:400;margin-left:10px;position:relative}.navbar-nav a:after{background:#f2c808;bottom:0;color:#a0a0a0;content:"";height:3px;left:0;position:absolute;transition:.3s;width:0}.navbar-nav a:hover:after{width:100%}.navbar-nav a:focus,.navbar-nav a:hover{color:#fff}.pactive .nav-link{color:#f2c808!important;font-weight:500}.navbar-brand,.navbar-light .navbar-brand{color:#ecf0f1;font-size:20px;font-weight:700;letter-spacing:1px;text-shadow:0 0 2px #ecf0f1;text-transform:uppercase}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:#ecf0f1}.navbar-light .navbar-nav .nav-link,.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#fff}.w-100{height:100vh}.navbar-toggler{background:#fff;font-size:18px;line-height:.3;padding:1px 5px}.loginauth a.nav-link span{background-color:rgba(242,200,8,.95);border-radius:5px;color:#103968!important;font-weight:600;padding:10px}.loginauth a:hover:after{width:0}.loginauth a.nav-link span:hover{background-color:#f2c808}.container .logopens{height:auto;margin-right:15px;width:45px}.scrolled{opacity:1}.navbar2,.scrolled{background-image:linear-gradient(90deg,hsla(0,0%,80%,.7),rgba(16,57,104,.9) 75%);background-size:cover;box-shadow:0 8px 10px -10px #103968;transition:all .5s}*{box-sizing:border-box;margin:0;outline:none;padding:0}.pbody{display:flex;justify-content:center;min-height:100vh;width:100%}.pwrapper{padding:30px 0;text-align:center;width:80%}.psection-header{color:#103968;font-size:25px;margin:0 0 50px;text-align:center;text-shadow:2px 3px 5px #10396889}.psection-header .pmainsec,.psection-header-chart .pmainsec,.psection-header-dosdet .pmainsec,.psection-header-partner .pmainsec{font-weight:700;padding-bottom:5px;padding-left:20px}.psection-header-galeri .pmainsec{font-weight:700;padding-bottom:5px;padding-left:0}.psection-header .psecondsec,.psection-header-chart .psecondsec,.psection-header-dosdet .psecondsec,.psection-header-dosdet2 .psecondsec,.psection-header-galeri .psecondsec,.psection-header-partner .psecondsec{font-weight:300;padding-bottom:5px;padding-right:30px}.psection-header-dosdet{border-left:40px solid #f2c808;color:#2f2f2f;font-size:22px;margin:0 0 30px;text-align:left}.psection-header-dosdet2{border-left:40px solid #103968;color:#2f2f2f;font-size:20px;margin:0 0 30px;text-align:left}.psection-header-dosdet .pmainsec,.psection-header-dosdet2 .pmainsec{padding-left:10px!important}.pcontent{padding:10%}.pcontent h2{font-size:30px;margin-bottom:15px;text-transform:uppercase}.pcontent p{line-height:1.5}.datanotfound{font-size:12px!important;font-style:italic;font-weight:500}.pmain-content{display:flex;flex-direction:row;flex-wrap:wrap;gap:13px;justify-content:center;margin-bottom:50px;transition:all .5s}.pmain-content .pbox{max-width:180px!important;min-width:180px!important}.pmain-content .pbox,.pmain-content .pbox-dosen{border-radius:10px 10px 5px 5px;box-shadow:15px 15px 40px rgba(0,0,0,.15);margin-bottom:15px;position:relative;transition:all .5s}.pmain-content .pbox-dosen{margin-left:5px;max-width:200px!important;min-width:200px!important}.pbox-dosen:hover,.pbox:hover{transition:all .5s}.pimg-container{border-radius:10px 10px 0 0;height:180px;overflow:hidden;width:180px}.pbox-dosen .pimg-container-dosen{border-radius:10px 10px 0 0;height:200px;overflow:hidden;width:200px}.pimg-container img,.pimg-container-dosen img{height:100%;object-fit:cover;object-position:top}.pmain-content .pbox img,.pmain-content .pbox-dosen img{transition:all .5s;width:100%}.pbox-footer{display:block;text-align:center}.pbox-footer a{display:inline-block;font-size:11px;font-weight:500;margin:0 3px 15px;opacity:.9;padding:5px 15px;text-decoration:none;transition:all .3s}.pbox-footer a:hover{opacity:1;transition:all .3s}.pbox .pbox-footer .pbuttonprofil{background:transparent;color:#103968;font-weight:600}.pbox .pbox-footer .phubungi{background:#2ecc71;color:#fff}.pmain-content .pbox .pimg-container .pbadge,.pmain-content .pbox-dosen .pimg-container-dosen .pbadge{border-radius:3px;display:flex;font-size:10px;font-weight:700;line-height:1;margin:5px;padding:5px;position:absolute;right:0;top:0}.pmain-content .pbox .pimg-container .ptemp,.pmain-content .pbox-dosen .pimg-container-dosen .ptemp{display:flex;font-size:8px;font-weight:700;line-height:1;position:absolute;top:0}.wadahprodia{background-color:#ecf0f1;border-radius:0 0 0 15px;padding:12px 12px 0;text-align:left}.pbox .prodia{word-wrap:break-word;font-size:9.5px;font-weight:700;min-height:43px}.pbox .prodia span{color:#103968;cursor:default}.dte,.dtik,.dtme,.dtmk{background-color:rgba(16,57,104,.4);color:hsla(0,0%,100%,.8);cursor:default;text-transform:uppercase}.pimg-container .hki{background-color:rgba(242,200,8,.8);color:rgba(16,57,104,.8);font-weight:700}.pimg-container .hki,.pimg-container .produk{border-radius:3px;cursor:default;margin:5px 0 5px 3px;padding:5px;text-transform:uppercase}.pimg-container .produk{background-color:rgba(16,57,104,.6);color:hsla(0,0%,100%,.8)}.pimg-container .kategoris{background-color:rgba(16,57,104,.8);border-radius:3px;color:hsla(0,0%,100%,.8);cursor:default;margin:5px 0 5px 3px;padding:5px;text-transform:uppercase}.pmain-content .pbox:focus img,.pmain-content .pbox:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);transition:all .5s}.pbox-text{color:#545454;margin:12px;text-align:left}.pbox-text p{margin:1px!important}.pbox-text .pnama{color:#103968;font-size:13px;font-weight:700;min-height:43px}.pbox-text .pspek{font-size:11px;font-style:italic;font-weight:500;min-height:90px}.pbox-text2{color:#545454;margin:12px;text-align:left}.pbox-text2 .pnama2{border-bottom:1px solid;border-top:1px solid;font-size:12px;font-style:italic;font-weight:700;padding:2px 0;text-align:center}.pbox-text2 .pspek2{color:#103968;font-size:12px;font-weight:700;min-height:110px}.pbox-text2 .ptahun2{font-size:11px;font-weight:500}.phr{margin:2px 0!important;padding:0!important}.prow{margin-bottom:20px;padding:15px}.prowfilter{padding:10px}.pselect,.pselectdept{-webkit-appearance:none;appearance:none;border:1px solid #103968!important;color:#103968!important;cursor:pointer;display:inline-flex;font-weight:500;margin-bottom:10px;max-height:50px;max-width:220px;padding:7px;text-indent:5px}.pselect:focus,.pselectdept:focus{box-shadow:inset 0 -1px 0 #ddd}.selectcontainerdept{display:flex;justify-content:center}.pinfodept{color:#103968}.conselectdept{display:flex;width:220px}.coninfodept{background:transparent;display:inline-flex;font-size:22px;margin:4px 10px}.puldept{list-style-type:none;margin:0!important;padding:0!important}.puldept ul li{list-style-type:square}.psearch{background:transparent;border:none!important;border-bottom:1px solid gray!important;border-radius:0!important;font-size:14px;margin:5px}.psearch:focus{background:transparent;box-shadow:inset 0 -1px 0 #ddd}#search-addon{background:transparent;cursor:pointer}#search-addon,#search-addon:hover{border-radius:10px;transition:all .5s}#search-addon:hover{background-color:#ddd}@media only screen and (max-width:435px){.navbar-brand{font-size:13px!important}.logopens{height:auto!important;margin-right:none!important;width:35px!important}.carousel-caption h5 span{font-size:16px!important}.carousel-caption p span{font-size:10px!important}.navbar-toggler-icon{height:1rem!important;width:1rem!important}}@media only screen and (max-width:380px){.navbar-brand{font-size:11px!important}.logopens{height:auto!important;margin-right:none!important;width:30px!important}.carousel-caption h5 span{font-size:14px!important}.carousel-caption p span{font-size:9px!important}}@media only screen and (max-width:480px){.pimg-container{height:155px!important;width:155px!important}.pmain-content .pbox{max-width:155px!important;min-width:155px!important}.pmain-content .pbox .pimg-container .ptemp{font-size:7px}}@media only screen and (max-width:767px){.kol2row1{margin-top:40px}.navbar-brand,.navbar-light .navbar-brand{font-size:17px}.navbar-nav{background:rgba(0,0,0,.5);text-align:center}.carousel-caption{bottom:2rem}.carousel-caption h5{font-size:30px}.carousel-caption p{font-size:16px}.carousel-caption a{font-size:15px;padding:10px 15px}.carousel-caption h5 span{font-size:20px}.carousel-caption p span{font-size:12px}.pbtn{font-size:14px!important}.gcitem{height:calc(50vh - 100px)}.namadep h1{margin-top:20px}.carousel-item img{display:block;height:auto;width:auto}.carousel,.carousel-inner,.carousel-item{height:auto;width:100vw}.logo-item img{height:50px!important;width:auto!important}.partner-item{height:60px!important;width:60px!important}}@media only screen and (max-width:1350px){.carousel-item img{display:block;height:auto;width:auto}.carousel,.carousel-inner,.carousel-item{height:auto;width:100vw}}.pjudullist{font-size:1rem;line-height:1.9}.pjudullist span{border-radius:3px;padding:3px}span.spdepartemen{background-color:#103968;color:#fff}span.spkompetensi{background-color:#f2c808;color:#103968;font-weight:500}.prowketerangan{margin-bottom:20px;margin-top:5px}.pketerangan{font-size:11px;font-style:italic;text-align:left}.pketblue{color:#103968;font-style:normal}.pketerangan .ketdos{color:#103968;font-weight:700}.linklink{text-decoration:none}.pfooter{overflow:hidden;z-index:100}.pfooter .pmainfooter{background-color:#103968;border-top:1px solid #f2c808;padding:40px 20px}.pbottom{background-color:#0e1111;padding:10px 0}.pbottom p{color:#ecf0f1;font-size:13px;font-weight:200;margin:0!important;text-align:center}.logotext{display:block}.plogopensft{display:inline-block;height:auto;width:50px}.ppensft{color:#ecf0f1;display:inline-block;font-size:16px;font-weight:500;margin:5px 20px 0}.psecondtextft{color:#ecf0f1;font-size:13px;margin:0}.kontak h1 span{color:#ecf0f1;font-size:18px;font-weight:600;padding-bottom:5px;position:relative}.kontak h1 span:after{background-color:#f2c808;bottom:0;content:"";height:2px;left:0;position:absolute;width:25%}.kontak ul{list-style:none;padding:0}.kontak ul li a{color:#ecf0f1;font-size:13px;margin:0;padding:0;text-decoration:none}.pconchart{margin-bottom:70px;margin-top:70px}.selectcontainerchart{display:flex;justify-content:center}.chart{display:flex;margin:20px;padding:10px;width:auto}.chart1,.chart2{margin:auto}.pketchart{display:inline-flex;font-size:15px;margin:auto 0;padding:10px;text-align:left}.pselectchart{-webkit-appearance:none;appearance:none;background-color:initial;border:1px solid #545454!important;color:#545454!important;cursor:pointer;display:inline-flex;display:flex;font-weight:500;max-height:50px;max-width:180px;padding:7px;text-indent:5px}.pselectchart:focus{box-shadow:inset 0 -1px 0 #ddd}.pwadah{background-color:#ecf0f1;display:flex;justify-content:center;padding:0 80px 100px;text-align:center}.wadahquote{margin:auto;text-align:center;width:85%}.quote{color:#545454}.quotegaleri{color:#ecf0f1!important;text-align:center}.quotechart,.quotepartner{color:#545454;margin-bottom:50px}.pwadah h1{font-family:Inter;font-size:35px;font-weight:700;letter-spacing:-1px;margin:0!important}.pwadah h2 .icon,.pwadah h2 .judul{font-size:40px;padding-left:20px}.badgemari{background-color:rgba(16,57,104,.6);border-radius:3px;box-shadow:0 5px 10px rgba(16,57,104,.6);color:hsla(0,0%,100%,.9);cursor:default;font-size:14px;font-style:italic;font-weight:700;margin:5px auto}.pbtn{background:transparent;border:2px solid rgba(16,57,104,.9);border:2px solid var(--warnabtn1);border-radius:10px;box-shadow:inset 0 0 0 0 rgba(16,57,104,.9);box-shadow:inset 0 0 0 0 var(--warnabtn1);color:rgba(16,57,104,.9);color:var(--warnabtn1);display:inline-flex;font-size:1rem;font-weight:700;margin-top:20px;outline:none;padding:10px 30px;transition:all .4s ease-in-out 0s}.tokomp{margin:5px;text-decoration:none}.pbtn:hover{background:transparent;border:2px solid rgba(16,57,104,.9);box-shadow:inset 600px 0 0 0 rgba(16,57,104,.9);color:#f5f5f5;outline:none!important;transition:all .4s ease-in-out 0s}.pbtn:focus{background-color:rgba(16,57,104,.9)}.picon{margin-left:10px}.p1{font-style:italic;font-weight:600;margin-bottom:30px}.partnerwrapper{align-items:center;background-image:linear-gradient(0deg,#ecf0f1 75%,rgba(0,0,0,.05));display:flex;margin:50px auto 70px}.partnercontainer,.partnerwrapper{flex-wrap:wrap;justify-content:center}.partnercontainer{display:inline-flex;flex-direction:row;gap:20px;margin:0 auto 50px;width:90%}.partner-item{border-radius:10px;height:80px;overflow:hidden;width:80px}.partner-item img{height:100%;object-fit:contain;width:100%}.psection-header-partner{color:#545454;font-size:25px;margin:80px 0 0;text-align:center;text-shadow:2px 3px 5px #0e111160}.logowrapper{align-items:center;display:flex;padding-top:100px}.logocontainer,.logowrapper{flex-wrap:wrap;justify-content:center}.logocontainer{display:inline-flex;flex-direction:row;gap:15px;margin:0 auto 50px;width:90%}.logo-item img{height:55px;width:auto}.linelogo{align-items:center;display:flex;height:10px;justify-content:center}.linebiru{background-color:#103968;height:2px;width:80px}.linekuning{background-color:#f2c808;height:2px;width:80px}.containerline{width:100%}.prowdosen{display:flex;margin-bottom:70px}.prowhkiproduk{display:flex;margin-bottom:10px}.pimgdosen{padding:0!important;position:relative}.pimgdosen img{border-radius:10px;box-shadow:15px 15px 30px rgba(0,0,0,.3);height:auto;max-width:100%}.pimgdosen .foto2{position:absolute;top:0}.prowdosen .kolom1{position:relative}.kol2row1{color:#545454;margin-left:20px;padding:10px}.kol2row1 .pendidikan{margin-top:20px}.kol2row1 .kompetensi{background-color:#f2c808;border-radius:5px;margin-top:20px;padding:10px}.namadep h1,.namadep2 h1{color:#103968;font-size:24px;font-weight:700}.namadep2 h1{margin-top:20px!important}.h3biasa{font-weight:400}.kompetensi h1,.pendidikan h1{color:#103968;font-size:17px;font-weight:600}.namadep2 .jenis{background-color:#f2c808;border-radius:5px;font-size:15px;font-weight:600;padding:10px}.namadep2{margin-top:40px}.kompetensi li,.pendidikan li,.pendidikan p{font-size:15px}.rincian p{font-size:14px;margin:0!important}.rincian h1{color:#103968;font-size:17px}.rincian h1,.rincian span{font-weight:600}.kompetensi li{color:#103968}.namadep span{border-bottom:3px solid #f2c808}.namadep span,.namadep2 span{padding-bottom:3px}.namadep h2,.namadep2 h2{color:#103968;font-size:18px;font-weight:500;margin-bottom:15px!important;margin-top:10px}.namadep h3,.namadep2 h3{color:#103968;font-size:16px;font-weight:600;margin-bottom:5px!important;text-transform:capitalize}.namadep .departemen{font-weight:650;margin-bottom:5px!important}.namadep .prodi{margin:0 0 20px!important}.prodi span{border:none;font-weight:450}.kompetensi p,.namadep p,.namadep2 p,.pendidikan p{margin:0!important}.websiteZ{border:none!important;font-size:14px!important;margin-left:5px!important}.kol2row2 .bidangproduk{background-image:linear-gradient(90deg,rgba(16,57,104,.7),rgba(16,57,104,.9)),url(/static/media/Gedung-PENS.a05c6ec5ed4a9d4d9f38.jpg);background-repeat:no-repeat;background-size:cover;border:3px solid;border-radius:10px;color:#ecf0f1;display:flex;font-size:15px;font-weight:400;position:relative;width:100%;z-index:-1}.bidangproduk .bidang{background:#ecf0f1;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.12);color:#103968;margin-left:20px;min-height:50%;padding:20px 30px;position:relative;top:-8vh;width:85%}.row .kotak2{max-width:10px;min-height:50px;right:5%;top:-5%}.row .kotak,.row .kotak2{background-color:rgba(242,200,8,.9);position:absolute;z-index:10}.row .kotak{max-width:5px;min-height:30px;right:10%;top:-3%}.kol2row2{margin-top:40px;z-index:100}.divider{border-bottom:2px solid rgba(16,57,104,.7);position:absolute;width:90%}.bidang .hki h1{color:#103968;font-size:17px;font-weight:600;margin-bottom:10px!important}.bidang ul{font-weight:500}.bidang .hki{font-size:15px}.bek{text-align:right}.bek,.lengkap{margin-top:10px;padding:10px}.lengkap{text-align:center}.bek .balik,.lengkap .next{color:#103968;font-weight:500;position:relative;text-decoration:none!important}.balik:after{right:0}.balik:after,.next:after{background-color:#f2c808;bottom:-5px;content:"";height:3px;position:absolute;transition:all .3s;width:10%}.next:after{left:0}.balik:hover:after,.next:hover:after{transition:all .3s;width:100%}.mystyle{background-color:#ff0}.btncus{background-color:initial!important;border:none!important;outline:none!important}.rekomendasi{margin-top:50px}.rekomendasi h4{border-left:20px solid #103968;font-size:17px;font-weight:400;margin:40px 0}.rekomendasi h4 span{border-bottom:2px solid #f2c808;color:#103968;font-weight:700;line-height:1.5;padding:2px}.jarak20{margin:20px 0}.thumbkotak{cursor:pointer;position:relative}.thumbproduk{cursor:pointer;margin-bottom:10px}.thumbkotak img{width:85%}.thumbkotak img,.thumbkotak2 img{border-radius:10px;vertical-align:center}.thumbkotak2 img{max-width:85%;object-fit:cover}.fotothumb{position:absolute;top:0}.rowthumb{align-items:flex-start}.fotocard{opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px);transition:opacity 1s ease,-webkit-transform 1s ease;transition:opacity 1s ease,transform 1s ease;transition:opacity 1s ease,transform 1s ease,-webkit-transform 1s ease;z-index:-10}.fotocard.visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);z-index:10}.thumbfoto{opacity:0;transition:opacity 1s ease,-webkit-transform 1s ease;transition:opacity 1s ease,transform 1s ease;transition:opacity 1s ease,transform 1s ease,-webkit-transform 1s ease;z-index:-10}.muncul{opacity:1;z-index:10}.gariskuning{background-color:#f2c808;margin-bottom:20px;max-width:20px;min-height:30px}.garisnamaproduk{background-color:#f2c808;margin-bottom:10px;max-width:5%;min-height:3px}.garisbiru{background-color:#103968;margin-bottom:20px;max-width:20px;min-height:30px}.wadahdosen{background-color:rgba(0,0,0,.1);display:flex;padding:60px}.fade-appear{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);z-index:1}.fade-appear.fade-appear-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:opacity .6s linear,-webkit-transform .8s ease;transition:opacity .6s linear,transform .8s ease;transition:opacity .6s linear,transform .8s ease,-webkit-transform .8s ease}.fade-enter{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);z-index:1}.fade-enter.fade-enter-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:opacity .6s linear,-webkit-transform .8s ease;transition:opacity .6s linear,transform .8s ease;transition:opacity .6s linear,transform .8s ease,-webkit-transform .8s ease}.containermain{margin:auto;min-height:70vh;padding:30px;width:90%}.containermain .judul{margin-bottom:20px}.containermain .judul span{color:#444;font-size:25px;font-weight:600;padding-bottom:7px;position:relative}.containermain p{color:#545454;font-size:15px;text-align:justify}.containermain .judul span:after{background-color:#f2c808;bottom:0;content:"";height:5px;left:0;position:absolute;width:20%}.containermain .nama{color:#103968;font-size:18px;font-weight:700;text-transform:uppercase}.containermain img{padding:20px 0;width:80px}.containermain .text{margin:0;padding:0}.containermain .text span{padding:0 5px}.salam{margin-top:50px}.salam p{margin:0;padding:0}.notfoundcon{display:flex;height:100vh;justify-content:center}.centered-element{margin:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.notcontent{padding:20px}.notcontent img{height:40px;margin:auto 20px auto auto;width:40px}.notcontent p{font-size:1rem;text-align:center}.notcontent p a{text-decoration:none}.notcontent p span{color:#103968;font-size:1rem;font-weight:700}.shadowku{border:none!important;box-shadow:10px 3px 10px rgba(50,50,93,.15)!important;outline:none!important}.dokumendokumen{font-size:13px;text-decoration:none;transition:all .3s}.dokumendokumen:before{border-left:1px solid #545454;content:"";padding-left:5px}.btn-lihat-hki{align-items:center;background:rgba(16,57,104,.82);border:none;border-radius:6px;box-shadow:0 1px 4px rgba(16,57,104,.25);color:#fff;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.3px;padding:4px 12px;text-decoration:none;transition:background .2s,box-shadow .2s;white-space:nowrap}.btn-lihat-hki:hover{background:#103968;box-shadow:0 2px 8px rgba(16,57,104,.4);color:#fff}@media (max-width:768px){.bidangproduk .bidang{margin-left:8px;padding:15px 12px;width:95%}.bidang .hki h1{font-size:15px}.bidang .hki ol{padding-left:18px}.bidang .hki ol li{font-size:13px}.hki-item-row{align-items:center!important;flex-direction:row!important;justify-content:space-between!important}}p.title{color:#bc4141;font-size:28px}p.desc{color:#777;font-size:13px}.options{border-bottom:1px solid #eee;border-top:1px solid #eee;margin-bottom:20px;padding:20px 0}.add-cart p{color:#444;font-size:28px;margin-right:15px}.desdetlain,.desdetlaintentang{white-space:pre-wrap}.desdetlaintentang{border-left:5px solid #10396820;padding-left:15px}.fixed{position:fixed;width:25%}.scrollit{float:left;width:71%}.Tabs{border-bottom:1px solid #acabab63;height:auto;margin:3.5rem auto 1.5rem;min-height:300px;width:100%}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{align-items:center;display:flex;padding-left:0;width:60%}.react-tabs__tab{border-bottom:1px solid #acabab63;color:#103968;cursor:pointer;list-style:none;padding:5px 1rem}.react-tabs__tab--selected{border-bottom:3px solid #f2c808;color:#103968;font-weight:700}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block;font-size:15px;max-height:500px;overflow-y:scroll;padding:10px 20px}.react-tabs__tab-panel--selected::-webkit-scrollbar{width:3px}.react-tabs__tab-panel--selected::-webkit-scrollbar-track{box-shadow:inset 0 0 6px transparent;padding:10px 0}.react-tabs__tab-panel--selected::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.11);border-radius:5px}.select-search-container{--select-search-background:#fff;--select-search-border:#dce0e8;--select-search-selected:#103968;--select-search-text:#000;--select-search-subtle-text:#6c6f85;--select-search-inverted-text:var(--select-search-background);--select-search-highlight:#eff1f5;--select-search-font:"Inter",sans-serif;box-sizing:border-box;color:var(--select-search-text);font-family:var(--select-search-font);position:relative;width:300px}@supports (font-variation-settings:normal){.select-search-container{--select-search-font:"Inter var",sans-serif}}@media (prefers-color-scheme:dark){.select-search-container{--select-search-background:#fff;--select-search-border:#dce0e8;--select-search-selected:#103968;--select-search-text:#000;--select-search-subtle-text:#6c6f85;--select-search-inverted-text:var(--select-search-background);--select-search-highlight:#eff1f5;--select-search-font:"Inter",sans-serif}}body.is-dark-mode .select-search-container,body.is-light-mode .select-search-container{--select-search-background:#fff;--select-search-border:#dce0e8;--select-search-selected:#103968;--select-search-text:#000;--select-search-subtle-text:#6c6f85;--select-search-inverted-text:var(--select-search-background);--select-search-highlight:#eff1f5;--select-search-font:"Inter",sans-serif}.select-search-container *,.select-search-container :after,.select-search-container :before{box-sizing:inherit}.select-search-input{-webkit-font-smoothing:antialiased;-webkit-appearance:none;background:var(--select-search-background);border:1px solid #103968;border-radius:5px;color:#103968;display:block;font-family:var(--select-search-font);font-size:15px;font-weight:500;height:40px;line-height:48px;outline:none;padding:0 15px 0 16px;position:relative;text-align:left;text-overflow:ellipsis;width:100%;z-index:1}.select-search-is-multiple .select-search-input{border-radius:3px 3px 0 0;margin-bottom:-2px}.select-search-input::-webkit-search-cancel-button,.select-search-input::-webkit-search-decoration,.select-search-input::-webkit-search-results-button,.select-search-input::-webkit-search-results-decoration{-webkit-appearance:none}.select-search-input[readonly]{cursor:pointer}.select-search-is-disabled .select-search-input{cursor:not-allowed}.select-search-container:not(.select-search-is-disabled) .select-search-input:hover,.select-search-container:not(.select-search-is-disabled).select-search-has-focus .select-search-input{border-color:#103968}.select-search-select{background:var(--select-search-background);border:1px solid var(--select-search-border);box-shadow:0 .0625rem .125rem rgba(0,0,0,.15);max-height:360px;overflow:auto}.select-search-container:not(.select-search-is-multiple) .select-search-select{border-radius:5px;display:none;left:0;position:absolute;right:0;top:52px;z-index:2}.select-search-container:not(.select-search-is-multiple).select-search-has-focus .select-search-select{display:block}.select-search-has-focus .select-search-select{border-color:#dce0e8}.select-search-options{list-style:none}.select-search-not-found,.select-search-option{-webkit-font-smoothing:antialiased;background:var(--select-search-background);border:none;color:var(--select-search-text);cursor:pointer;display:block;font-family:var(--select-search-font);font-size:15px;height:30px;line-height:1;outline:none;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.select-search-option:disabled{background:transparent!important;cursor:not-allowed;opacity:.5}.select-search-is-highlighted,.select-search-option:not(.select-search-is-selected):hover{background:var(--select-search-highlight)}.select-search-is-selected{color:var(--select-search-selected);font-weight:700}.select-search-group-header{background:var(--select-search-border);color:var(--select-search-subtle-text);font-size:12px;letter-spacing:.1rem;padding:10px 16px;text-transform:uppercase}.select-search-row:not(:first-child) .select-search-group-header{margin-top:10px}.select-search-row:not(:last-child) .select-search-group-header{margin-bottom:10px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{border-radius:5px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:5px}
/*# sourceMappingURL=main.cc85a1f0.css.map*/