@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,700");html,body{height:100%}body{background:url(../img/bg-pattern.fw.png);font-family:"Poppins",sans-serif;font-size:13px}.header{position:relative;z-index:9}.wrapper{background-color:#fff;min-height:calc(100vh - 210px);box-shadow:0 0 8px 3px rgba(0,0,0,.2);padding-left:0!important;padding-right:0!important}.konten-detail img{max-width:100%!important}a{color:#4681b2;outline:none;text-decoration:none}a:focus,a:hover{outline:none;text-decoration:none}.custom-checkbox .custom-control-label{padding:4px}.navbar{background-color:#f5f5fd;transition:all ease 250ms;box-shadow:1px 1px 5px 0 rgba(0,0,0,.1);border-bottom:1px solid #ddd;position:sticky;z-index:999;top:0;padding-top:0;padding-bottom:0}.navbar-toggler{margin-top:5px;margin-bottom:5px}.navbar .dropdown-menu{font-size:13px}.navbar .dropdown-item{padding:8px 10px}.navbar .nav-link{position:relative;padding:15px 15px;color:rgba(0,0,0,.8)!important;transition:all ease 300ms}.navbar .nav-link:before{content:' ';position:absolute;bottom:-1px;left:0;width:50%;height:4px;transition:all ease 300ms}.navbar .nav-link::after{margin-left:10px}.navbar .nav-link:hover:before{width:100%;background-color:#f9a41c;opacity:.8;border-radius:3px}.navbar.sticky{background-color:#fff}.btn-login{border-radius:50px;background:linear-gradient(0deg,#377dff 0%,#00bfe6 100%);border:none}.btn-login:hover{background:linear-gradient(0deg,#055cff 0%,#00bfe6 100%)}.btn-radius{border-radius:50px;margin-left:5px}.floating-button{position:fixed;bottom:10px;right:10px;z-index:99999;opacity:.7}.floating-button .fa{margin-right:5px}.banner{background-color:#0086f1;position:relative;overflow:hidden;min-height:530px}.banner-img{width:100%}.banner-overlay{position:absolute;background:url(../img/bg.png);background-repeat:repeat-x;background-position-y:top;opacity:.6;top:0;bottom:0;left:0;right:0}.banner-bottom{position:absolute;bottom:-1px;left:0;right:0}.banner-bottom img{width:100%}.pages-header{background-color:#f6f9fc;position:relative;padding:20px 0;font-weight:500;font-size:16px;color:#4b566b}.pages-header .container{display:flex;align-items:center}.pages-header-breadcrumb{margin-left:auto;font-size:12px;font-weight:300}.pages-header span{padding:0 5px;font-size:12px}.side-navigation{border-right:1px solid #e3e9ef;position:sticky;top:70px}.side-menu{list-style:none;color:#4b566b;padding:0;margin:0}.side-menu li a{position:relative;display:block;padding:10px 0;font-size:14px;color:#4b566b}.side-menu li a span{width:25px;font-size:16px;margin-top:3px}.side-menu li a::before{content:' ';position:absolute;top:0;right:0;width:3px;height:100%;transition:all ease 300ms}.side-menu li a:hover:before{background:#036be4}.side-menu.side-menu-right{border-right:none;border-left:1px solid #e3e9ef}.side-menu.side-menu-right li a{padding-left:20px}.side-menu.side-menu-right li a:before{right:auto;left:0}.buletin{list-style:none;padding:0;margin:10px 0}.buletin li{display:inline-block;width:230px;padding:8px;margin:10px;border:1px solid #eee;border-radius:10px;box-shadow:1px 1px 5px 0 rgba(0,0,0,.1);vertical-align:top}.buletin li a{font-weight:700}.buletin li img{width:100%;border-radius:5px;margin-bottom:10px}.buletin li small{font-size:10px}.buletin-caption{min-height:80px}.files{list-style:none;padding:0;margin:0}.files li{display:flex;align-items:center;border-bottom:1px solid #edf2f9;padding:10px}.files li a{font-weight:500;font-size:14px}.files li small{font-size:12px}.files li img{height:50px;margin-right:20px}.files-action{margin-left:auto}.files-action .btn{font-size:12px}.contact{display:flex;align-items:center;margin-bottom:20px}.contact-icon{font-size:35px;padding-right:15px}.contact-icon span{width:40px;color:transparent;-webkit-text-stroke-width:.7px;-webkit-text-stroke-color:rgba(0,0,0,.8)}.carousel{min-height:300px;color:#fff;font-size:14px}.produk{height:220px}.produk-items{height:150px;width:100%;border-radius:10px;border:1px solid #a9a9b8;background:#fff;text-align:center;display:flex;align-items:center;justify-content:center;box-shadow:1px 1px 5px 0 rgba(0,0,0,.1);overflow:hidden}.produk-items a{height:150px;display:flex;align-items:center}.produk-items img{max-width:95%;max-height:95%}.berita{height:350px}.swiper-container{width:100%;height:100%}.swiper-slide{display:flex;justify-content:center}.swiper-pagination-bullet{border:2px solid #5e6467!important;margin:.3rem;border-radius:50%;background-color:transparent;opacity:1;width:11px;height:11px}.swiper-pagination-bullet-active{background-color:#5e6467!important}.swiper-button-next,.swiper-button-prev{position:relative;left:initial;right:initial;width:auto;height:auto;margin-top:-5px;margin:0 10px}.swiper-button-next:after,.swiper-button-prev:after{display:none}.swiper-bottom{position:absolute;bottom:0;width:100%;z-index:10;display:flex;align-items:center;justify-content:center}.swiper-bottom .swiper-pagination{position:relative}.swiper-wrapper{margin-bottom:20px}.bg-agenda{position:relative;background-color:#efefef;padding-top:30px}.bg-agenda:before{content:' ';position:absolute;display:none;background:linear-gradient(0deg,#efefef 0%,#ccc 100%);top:-300px;left:0;right:0;height:300px}.agenda-items{display:flex;align-items:flex-start;margin-bottom:15px}.agenda-calendar{display:inline-block;border:1px solid #ccc;background-color:#fff;border-radius:5px;margin-right:15px;vertical-align:top;height:100px}.agenda-calendar:after{content:' ';position:relative;padding-left:100px;font-size:1px}.agenda-calendar-month{padding:5px;background:#4782b2;border-radius:4px 4px 0 0;color:#fff;text-align:center}.agenda-calendar-date{padding:5px;text-align:center;font-size:40px}.agenda-body{display:inline-block}.agenda-body a{margin:0 0 15px;display:inline-block;font-size:14px;font-weight:500}.agenda-body p{margin:3px 0;color:#aaa}.footer{background-color:#efefef}.title{margin-bottom:20px}.post-title{font-size:14px;font-weight:500}.post{position:relative;width:100%}.post-image{position:relative;border-radius:4px;height:200px;overflow:hidden}.post-image img{width:100%;min-height:100%;transition:transform .2s}.post:hover .post-image img{transform:scale(1.2)}.post-body{margin-top:20px}.post-label{position:absolute;border-radius:4px 0 0 0;top:0;left:0;padding:10px;background:#82cabb;color:#fff;opacity:.9}.social{list-style:none;margin:0;padding:0;display:flex;align-items:center}.social li a{display:inline-block;text-align:center;width:35px;height:35px;margin-right:10px;font-size:20px;border-radius:100px;color:#fff;line-height:35px;opacity:.6;transition:opacity ease 250ms}.social li a.social-facebook{background:#036be4}.social li a.social-youtube{background:#f00}.social li a.social-twitter{background:#1da1f2}.social li a.social-instagram{background:#635bcb}.social li a:hover{opacity:1}.embed-responsive{border-radius:10px}.bidang{position:relative;display:inline-block;width:340px;height:340px;text-align:center}.bidang a{display:inline-block;position:absolute;border-radius:200px;transition:all ease 300ms}.bidang a img{margin:-3px}.bidang a:hover{background-color:#0062b3}.bidang-pembelajaran{left:50%;transform:translate(-50%,0)}.bidang-pusmenjar{top:125px;left:50%;transform:translate(-50%,0)}.bidang-akademik{left:0;top:85px}.bidang-non{top:85px;right:0}.bidang-analisis{bottom:0;left:40px}.bidang-inovasi{bottom:0;right:40px}.loader{display:table;position:fixed;z-index:99999999999;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:#fff}.spinner{display:table-cell;vertical-align:middle;text-align:center}.spinner .bounce{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px;-webkit-transform:translateZ(0);transform:translateZ(0);width:15px;height:15px;background-color:#5e6467;-webkit-border-radius:50%;border-radius:50%;display:inline-block;-webkit-animation:loader 1400ms infinite ease-in-out both;animation:loader 1400ms infinite ease-in-out both;margin:0 4px}.spinner .bounce:nth-child(1){-webkit-animation-delay:-320ms;animation-delay:-320ms}.spinner .bounce:nth-child(2){-webkit-animation-delay:-160ms;animation-delay:-160ms}.card-login{border-radius:8px;box-shadow:0 6px 10px -1px rgba(0,0,0,.25)}.card-login .form-control{background:#f7f8f9;padding-left:30px;font-size:13px}.card-login .form-group{position:relative}.card-login .fa{position:absolute;font-size:14px;color:#999;top:10px;left:8px}.card-login .btn{border-radius:3px;background:linear-gradient(90deg,#0c75fb 0%,#318afc 100%);border:0}.box-link{display:flex;flex-direction:column;align-items:center;min-width:180px;min-height:200px;margin:5px;border-radius:10px;border:1px solid #eee;transition:all .3s;color:#333}.box-link-width .box-link{min-width:300px}.box-link-title{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;text-align:center;height:50px;padding:5px;border-bottom:2px solid #eee;width:100%;background-color:rgba(240,240,240,.6)}.box-link-icon{display:flex;align-items:center;justify-content:center;margin:8px;font-size:40px;width:100px;height:100px;border:6px solid #aaa;background-color:#efefef;border-radius:100px}.box-link-text{text-align:center;padding:10px}.box-link:hover{background-color:rgba(100,240,100,.1)}.notify{position:absolute;right:20px;min-width:200px;z-index:999999;text-align:center;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out;top:-20px;opacity:0}.notify .fa{font-size:18px}.notify.show{top:20px;opacity:1}.media{border-bottom:1px solid #eee;margin:5px 0}.media img{width:150px;border-radius:10px;border:1px solid #eee}.media a{display:block;font-weight:500;font-size:14px}.blink_me{animation:blinker 3s linear infinite}@keyframes blinker{50%{opacity:0}}@-webkit-keyframes loader{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes loader{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}