/* reset */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
html{height:100%;}
body{position:relative;}
p{margin:0 0 30px;}
ul{margin:0 30px;padding:0;}
ul li{margin:0;padding:0;}
ol{margin:0 20px;padding:0;}
ol li{margin:0;padding:0;}
a img{border:none;}
p img{padding:0;max-width:100%;}
.clear{clear:both;}

a{color:#000;font-weight:normal;text-decoration:none;z-index:99999;}
a:hover, a:active, a:visited{color:#222;text-decoration:underline;}

h1, h2, h3, h4, h5, h6{font-family:'Poppins';font-weight:normal;padding:0px;margin:0; line-height:1.2;color:#000;}
h1{font-size:48px;}
h2{font-size:34px;line-height:45px;padding:0;}
h3{font-size:21px;line-height:30px;padding:0;}
h4{font-size:21px;padding:0;}
h5{font-size:80%;padding:0;}
h6{font-size:60%;padding:0;}

@media screen and (max-width:480px){
	h2{font-size:23px;line-height:30px;}
	h3{font-size:14px;line-height:14px;}
}

/* page setup */
body{font-family:'Poppins';font-weight:normal;font-size:21px !important;line-height:30px;padding:0;margin:0;color:#000;background:#fff;min-height:100%;}

@media screen and (max-width:480px){
	body{font-size:14px !important;line-height:20px;}
}

/* layout */
#home{width:100%;margin:0;padding:0;display:block;min-height:100%;overflow:hidden;}
#header{display:block;margin:0;padding:30px 0 20px;background:transparent;}
#middle{display:block;margin:0;background:#fff;padding:20px 0;min-height:100px;height:auto;}

#home2{display:block;margin:0;padding:0;background:url(images/home-bg2.png) top right no-repeat #f4edff;height:744px;}
#home2 h2{font-weight:700;color:#201E59;font-size:34px;line-height:45px;}
#home2 h3{font-weight:600;color:#201E59;font-size:21px;line-height:30px;}

a.satu{padding-top:10px;background:#fff;border:1px solid #fff;color:#000;border-radius:16px;font-size:17px;font-weight:700;text-decoration:none;margin:0 30px 30px 0;color:#201E59;}
a.satu:hover{background:#201E59;border:1px solid #201E59;color:#fff;}
@media screen and (max-width:480px){
	#home2{display:block;margin:0;padding:0;background:url(images/home-bg.png) bottom right no-repeat #f4edff;height:900px;}
	#home2 h2{font-weight:700;color:#201E59;font-size:23px;line-height:30px;}
	#home2 h3{font-weight:700;color:#201E59;font-size:14px;line-height:14px;}
	a.satu{font-size:14px;}
}

#spacer{display:block;height:200px;}
@media screen and (max-width:480px){
	#spacer{height:0;}
}

/* clearing & floating */
.clearingfix:after{content:".";display:block;line-height:0px;clear:both;visibility:hidden;}
.clearingfix{display:block;}
.floatbox{overflow:hidden;}
.alignright{float:right !important;}
.nopadding{padding:0 !important;}

/* topmenu */
#topmenu{display:block;margin:10px 0 0;padding:0;font-size:20px;}
#topmenu ul{display:block;margin:0;padding:0;float:right;list-style:none;}
#topmenu li{display:block;padding:0;margin:10px 20px 5px;border:0px;}
#topmenu li a{padding:5px 10px;color:#201E59;font-weight:700;text-transform:uppercase;}
#topmenu li a:hover{text-decoration:none;color:#1f1e5a;}

@media screen and (max-width:480px){
	#topmenu li a{font-size:14px !important;}
}

.navbar-default {
    background-color:#f4edff !important;border-color: #f4edff !important;border:0 !important;
}

.navbar {
    min-height:30px !important;margin-bottom:0 !important;border: 1px solid transparent;
}

.navbar-header{color:#fff;}
.navbar-header button{background:#1f1e5a;border-color:#1f1e5a;}
.navbar-header button:hover, .navbar-header button:active{background:#f7cdaa !important;border-color:#f7cdaa !important;}

#about{display:block;margin:0;padding:10px 0;background:#fff;color:#000;}
#about h2{font-size:38px;font-weight:700;color:#000;}
#about h3{font-size:25px;line-height:30px;}
#spacer2{display:block;height:100px;}
@media screen and (max-width:480px){
	#about h2{font-size:25px;}
	#about h3{font-size:14px;line-height:20px;}
	#spacer2{height:0;}
}

#about2{display:block;margin:0;padding:100px 0 50px;background:url(images/home-bg.png) top right no-repeat #f4edff;height:540px;}
#about2 h2{font-size:36px;color:#1f1e5a;font-weight:bold;}
#about2 h3{font-size:21px;color:#1f1e5a;font-weight:400;}
@media screen and (max-width:480px){
	#about2{display:block;margin:0;padding:100px 0 50px;background:url(images/home-bg.png) bottom right no-repeat #f4edff;height:900px;}
}

#masalah{display:block;margin:0;padding:100px 0;background:url(images/light-streak.png) top left no-repeat #faf8f2;}
#masalah h2{font-weight:700;font-size:34px;line-height:45px;}
#masalah h3{font-weight:500;font-size:24px;line-height:30px;}

#part1{display:block;margin:0;padding:40px 0;background:#faf8f2;}
#part2{display:block;margin:0;padding:40px 0;background:#f7cdaa;}
#part3{display:block;margin:0;padding:50px 0;background:#faf8f2;}
#part3 h2{font-weight:700;font-size:37px;line-height:45px;}
#part3 h3{font-size:21px;line-height:30px;font-weight:500;}
#part3 h4{font-size:16px;line-height:30px;font-weight:500;}

#part4{display:block;margin:0;padding:60px 0;background:#fdfdfc;}
#part4 h2{font-weight:700;font-size:37px;line-height:45px;}
#part4 h3{font-size:21px;line-height:30px;font-weight:500;}

#part5{display:block;margin:0;padding:40px 0;background:#fbfaf6;}
#part5 h2{font-weight:700;font-size:37px;line-height:45px;}

.faq{display:block;margin:0;padding:30px;background:#fffbe8;border-radius:14px;}
.faq2{display:block;margin:0;padding:30px;background:#f4edff;border-radius:14px;}
.soal{font-size:16px;line-height:26px;font-weight:700;}
.jawab{font-size:16px;line-height:26px;font-weight:500;}

#part6{display:block;margin:0;padding:40px 0;background:#f4edff;}
#part6 h2{font-weight:700;font-size:34px;line-height:45px;}
#part6 h3{font-size:24px;line-height:30px;font-weight:500;}
#part6 h4{font-size:21px;line-height:30px;font-weight:500;}
.hasil{font-size:18px;line-height:30px;font-weight:700;}

#part7{display:block;margin:0;padding:70px 0;background:#fff;}
#part7 h2{font-weight:700;font-size:37px;line-height:47px;}

#part8{display:block;margin:0;padding:80px 0;background:#f4edff;}
#part8 h2{font-weight:700;font-size:37px;line-height:47px;}
#part8 h3{font-size:21px;line-height:30px;font-weight:500;}

#part9{display:block;margin:0;padding:50px 0;background:#fff;}
#part9 h2{font-weight:700;font-size:37px;line-height:45px;}

#part10{display:block;margin:0;padding:180px 0;background:#f8f4ff;color:#000;font-size:19px;line-height:22px;font-weight:500;}
#part10 img{vertical-align:middle;}
#part10 h2{font-size:34px;line-height:45px;font-weight:700;}

#testi{display:block;margin:0;padding:100px 0;background:#fff;}
#testi1{display:block;margin:0;padding:50px 0;background:#fff;}

#spftest{display:block;margin:0;padding:80px 0;background:#fff;}
#spftest h2{font-weight:700;font-size:37px;line-height:45px;}
#spftest h3{font-size:20px;line-height:30px;font-weight:600;}

#ing1{display:block;margin:0;padding:130px 0;background:#faf9f4;border-radius:14px;text-align:center;font-size:19px;line-height:22px;font-weight:500;}
#ing1 h2{font-size:34px;line-height:45px;font-weight:700;}

@media screen and (max-width:480px){
	#masalah h2{font-size:22px;line-height:30px;}
	#masalah h3{font-size:14px;line-height:21px;}
	
	#part3 h2{font-size:22px;line-height:30px;}
	#part3 h3{font-size:14px;line-height:21px;}
	
	#part4 h2{font-size:22px;line-height:30px;}
	#part4 h3{font-size:14px;line-height:21px;}
	
	#part5 h2{font-size:22px;line-height:30px;}
	
	.soal{font-size:14px;line-height:18px;}
	.jawab{font-size:14px;line-height:18px;}
	
	#part6 h2{font-size:23px;line-height:31px;}
	#part6 h3{font-size:14px;line-height:21px;}
	#part6 h4{font-size:14px;line-height:21px;}
	.hasil{font-size:10px;line-height:17px;}
	
	#part7 h2{font-size:23px;line-height:31px;}
	
	#part8 h2{font-size:23px;line-height:31px;}
	#part8 h3{font-size:14px;line-height:21px;}
	
	#part9 h2{font-size:22px;line-height:30px;}
	
	#part10{font-size:12px;line-height:16px;}
	#part10 h2{font-size:23px;line-height:31px;}
	
	#spftest h2{font-size:23px;line-height:31px;}
	#spftest h3{font-size:14px;line-height:18px;}
	
	#ing1{text-align:left;font-size:12px;line-height:16px;}
	#ing1 h2{font-size:23px;line-height:31px;}
}

#testi2{display:block;margin:0;padding:100px 0;background:#FAF9F4;}
#testi1 h2, #testi2 h2{font-size:34px;line-height:45px;padding:0;}
#testi1 h4, #testi2 h4{font-size:21px;padding:0;}
a.dua{background:#d8d9ee;border:1px solid #d8d9ee;color:#000;border-radius:16px;font-size:18px;}
a.tiga{background:#fcf5d4;border:1px solid #f7cdaa;border-radius:16px;font-size:18px;}
a.empat{background:#f7cdaa;border:1px solid #f7cdaa;border-radius:16px;font-size:24px;}
a.lima{background:#fcf5d4;border:1px solid #fcf5d4;border-radius:16px;font-size:18px;}
a.enam{background:#bfd3be;border:1px solid #bfd3be;color:#000;border-radius:16px;text-decoration:none;font-size:18px;line-height:30px;font-weight:500;}
a.tujuh{background:#d8d9ee;border:1px solid #d8d9ee;color:#000;border-radius:16px;font-size:18px;text-decoration:none;font-weight:500px;}
@media screen and (max-width:480px){
	#testi1 h2, #testi2 h2{font-size:23px;line-height:26px;padding:0;}
	#testi1 h4, #testi2 h4{font-size:14px;padding:0;}
	a.dua{font-size:12px;}
	a.tiga{font-size:12px;}
	a.empat{font-size:13px;}
	a.lima{font-size:13px;}
	a.enam{font-size:13px;}
	a.tujuh{font-size:12px;}
}


#thanks{display:block;margin:0;padding:180px 0;background:#f4edff;color:#202d7d;}

.carousel-indicators li {background-color: #fff;border:1px solid #999;}
.carousel-indicators .active {background-color: #999;}
.carousel-control{width:50px;color:#999;}

.cart{display:block;margin:20px auto;}