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:20px;
	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;
	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(270deg, #0a6894 0%, #094d7e 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-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}@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}
	.logo-mini{display:block !important}}