body{font-family:'Poppins', sans-serif;font-size:13px;height:100%;overflow-y:scroll;scroll-behavior:smooth;position:relative}#preloader{background:#fff;position:fixed;top:0;bottom:0;left:0;right:0;z-index:99999999}#preloader-status{position:absolute;left:50%;top:50%;margin:-50px 0 0 -50px}#preloader-msg{margin-top:90px}.content{padding-left:15px;border-left:1px solid #eee}.card-login{border-radius:8px;box-shadow:0 6px 10px -1px rgba(0,0,0,0.25)}.card-login .form-control{background:#F7F8F9;padding-left:30px}.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}.nav-pills .nav-link{margin-right:5px;background-color:#ccc;color:#333;font-weight:600}.home-header{background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);position:sticky;height:95px;top:0px;z-index:99}.home-header-text h5{color:#005BEA;font-weight:700;font-size:13px}.home-header-text h6{font-size:12px}.home-header nav{background-color:#fff}.home-header nav .navbar-brand{display:flex;align-items:center}.home-header nav .navbar-brand img{padding-right:15px}.home-header nav .nav-item{padding:10px;border-radius:25px}.home-header nav .nav-item .nav-link{border:1px solid transparent;padding-left:10px;padding-right:10px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.home-header nav .nav-item .nav-link.active{color:#005BEA;border:1px solid #005BEA;border-radius:5px}.home-banner{position:relative}.home-banner-bg{position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0}.home-banner-bg-color{background:linear-gradient(90deg, #2196f3 0%, #3074d4 100%)}.home-banner-bg-img{background:url(../img/pattern.png);background-position:center bottom;background-repeat:repeat-x}.home-banner .carousel-inner{min-height:350px;display:flex;align-items:center}.home-banner .carousel-item{color:#fff;padding-bottom:25px;padding-top:20px}.home-banner .carousel-item .btn{margin-top:20px;border-radius:30px;color:#fff;font-weight:bold;display:inline-block}.home-banner .carousel-item ul{margin:0;margin-top:20px;margin-bottom:20px;list-style:none;padding:0}.home-banner .carousel-item ul li{position:relative;font-size:16px;padding:8px 45px}.home-banner .carousel-item ul li:before{content:' ';position:absolute;background:url(../img/bulet.png);box-shadow:1px 1px 2px 0 rgba(26,26,26,0.2);border-radius:50%;width:29px;height:29px;top:5px;left:0}.home-content section{border-top:1px solid #eee}.home-content img.shadow{border-radius:8px;box-shadow:0 23px 40px rgba(0,0,0,0.15)}.home-content ul.about{list-style:none;padding:0;margin:20px 15px}.home-content ul.about li{display:flex;margin-bottom:25px}.home-content ul.about li .about-icon{text-align:center;border-radius:15px;font-size:50px;width:100px;height:80px;color:#fff;margin-right:15px;padding:15px}.home-content ul.about li .about-icon .fa,.home-content ul.about li .about-icon .fas{-webkit-text-stroke-width:1.5px;-webkit-text-stroke-color:#3074d4;background-color:transparent;width:70px}.home-title{background:linear-gradient(90deg, #0069ec 0%, #00a2f5 100%);padding:20px;margin-bottom:20px;color:#fff}.home-title .fa{margin-right:15px}.home-title h5{margin-bottom:0}.home-footer{background:linear-gradient(90deg, #0069ec 0%, #00a2f5 100%);padding:20px;color:#fff}.pricing-box{text-align:center;border-radius:10px;padding:20px;margin-top:20px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.pricing-box ul{margin:20px 40px;padding:0;list-style:none;text-align:left}.pricing-box ul li{padding:10px}.pricing-box ul .fa{width:20px;color:#1acb44}.pricing-box ul .fa-times{color:#fa7878}.pricing-box button{margin:20px;border-radius:50px}.pricing-box.active,.pricing-box:hover{box-shadow:0 16px 32px rgba(0,0,0,0.1);transform:translateY(-5px)}.btn-consultation{margin-top:30px;border-radius:50px;background-color:#fff;border:3px solid #fff}.btn-consultation:hover,.btn-consultation:focus{border:3px solid #fff}.nav-link.register{box-shadow:0 3px 3px rgba(0,0,0,0.6);background:rgba(255,255,255,0.5);border:2px solid #fff;border-radius:10px;padding-left:15px;padding-right:15px;text-align:center;color:#333 !important;font-weight:700;font-size:16px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.nav-link.register .fa{margin-right:10px}.nav-link.register.active{border:1px solid transparent}.nav-link.register:hover{transform:translateY(-5px)}.features .fa{font-size:50px;color:transparent;-webkit-text-stroke-width:1.5px;-webkit-text-stroke-color:#007bff}.blog{padding:10px;border-radius:10px;border:1px solid #eee;background-color:#fff;box-shadow:0 3px 3px rgba(0,0,0,0.1);-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.blog:hover{box-shadow:0 16px 20px 0 rgba(0,0,0,0.1);transform:translateY(-5px)}.blog .img-fluid{height:190px;overflow:hidden;border-radius:10px}.blog .img-fluid img{width:100%}.blog a{font-size:16px;margin-top:10px;display:block}.blog div{color:#999}.blog p{margin-top:20px}.blog .fa{margin-right:4px}.blog .fa-tag{margin-left:20px}#carousel-blog .carousel-indicators{bottom:-15px}#carousel-blog .carousel-indicators li{background:#007bff;border-radius:5px}#carousel-video .blog{padding:5px}#carousel-video .embed-responsive{border-radius:10px;max-height:185px}#carousel-video .carousel-indicators{bottom:-15px}#carousel-video .carousel-indicators li{background:#007bff;border-radius:5px}.contact{border-top:none !important;background:transparent url("../img/footer.png") center center/100% 100% no-repeat scroll;padding-top:150px;color:#fff}.contact .maps iframe{width:100%;border-radius:10px}.contact footer{background-color:#3F3DC5;padding:20px;text-align:center}.contact p{font-size:13px;font-weight:300}.contact .social{list-style:none;display:flex;padding:0;margin:0}.contact .social li{width:40px;height:40px;border:1px solid #eee;border-radius:50%;margin-right:10px;font-size:18px;line-height:40px;text-align:center}.contact .social li:hover{background:rgba(255,255,255,0.1)}.statistik .nav-tabs{color:#005BEA}.statistik .card{box-shadow:0 0 3px 3px rgba(26,26,26,0.05);border-radius:10px}.statistik .card-header{text-align:center;font-weight:bold;border-radius:10px 10px 50px 50px;color:#fff;box-shadow:inset 0px -2px 1px 1px rgba(255,255,255,0.3)}.statistik #status_chart1 h6,.statistik #moda_chart1 h6,.statistik #siswa_chart1 h6{position:absolute;left:100px;width:80px;text-align:center;font-weight:bold;font-size:11px;top:50%;transform:translate(-50%, -50%)}.statistik #status_chart1 .canvas-wrapper,.statistik #moda_chart1 .canvas-wrapper,.statistik #siswa_chart1 .canvas-wrapper{width:300px}.notify{position:absolute;right:20px;min-width:200px;z-index:999999;text-align:center;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;top:-20px;opacity:0}.notify .fa{font-size:18px}.notify.show{top:20px;opacity:.8}.statistik-summary{margin-bottom:10px;margin-top:10px}.statistik-summary h6{margin:0;font-weight:bold;font-size:13px}.statistik-summary span{font-size:11px}.statistik-icon{background:#2196f3;border-radius:5px;color:#fff;font-size:20px;text-align:center;line-height:35px;width:35px;height:35px;margin-right:10px}.statistik-icon span{font-size:18px}.sticky-offset{top:90px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);z-index:9}@media only screen and (max-width: 600px){.contact{background:transparent url("../img/footer.png") left no-repeat}}@media only screen and (max-width: 1200px){.home-header-text{display:none !important}.home-header nav{height:90px}.sticky-offset{top:85px}.logo-mini{display:block !important}}