@font-face{
	font-family: regular;
	src:url('fonts/Poppins/Poppins-Regular.ttf');
}
@font-face{
	font-family: regularBold;
	src:url('fonts/Poppins/Poppins-Bold.ttf');
}
@font-face{
	font-family: regularBoldextra;
	src:url('fonts/Poppins/Poppins-ExtraBold.ttf');
}
body{font-family: regular;}
.img-tentang{
	width: 300px;float: left;margin:0 20px 20px 0
}
.img-tentang img{border-radius: 23px;}
.kotak-nama1{width: 100%;padding-left:15px;border-left: 10px solid #24B7C4}
.kotak-nama1 h4{font-size: 12px;font-weight: 700;}
.kotak-nama1 h5{font-size: 16px;font-weight: 700;margin-bottom: 4px;}
.toggle-password{position: relative;top:-32px;left: 88%;cursor: pointer;}

.judul-faq{
  font-family: regularBold;
  font-size: 15px;
  color: #444;
  line-height: 30px;

}
.judul-faq span{
	font-family: regular;
	font-weight: normal;
	font-size: 13px;
	color: #444;
}
.judul h1{
	font-family: regularBold;
	font-size: 40px;
	text-transform: capitalize;
	color: #282828;
	line-height: 45px;
	margin-top: 80px;
	
}
.judul h2{
	font-family: regularBold;
	font-size: 40px;
	text-transform: capitalize;
	color: #282828;
	line-height: 45px;
	
}
.judul-putih1{
	font-family: regularBold;
	font-size: 40px;
	text-transform: capitalize;
	color: #ffffff;
	line-height: 45px;
	margin-top: 130px;
	
}
.judul-putih{
	font-family: regularBold;
	font-size: 40px;
	text-transform: capitalize;
	color: #ffffff;
	line-height: 40px;
	text-align: center;
	
}
.judul 	p{
	font-family: regular;
	font-size: 16px;
	color: #555555;
	line-height: 25px;
	margin-top:15px;
}
.judul a{
	color: #FFC82A;
	text-decoration: none;
	font-size: 12px;
}
.link1{
	width: 100%;
	margin-top: 20px;
}
.link1_a{
	float: left;
	width: 8%;
	margin-right: 10px;	
}
.link1_b{
	float:left;
	width:80%;
}
.clear{clear: both;}
.kotak_linka{
	width: 40px;
	height: 40px;
	padding-top: 8px;
	background-color:#FFC82A;	
	text-align: center;
	color: #fff;
	font-size: 30px; 
	border-radius: 50%;
	margin-top: -10px;
}
.kotak_linka:hover{
	background-color:#F9890B;	
}
.kotak_linka1{
	width: 40px;
	height: 40px;
	padding-top: 8px;
	border:1px solid #939393;
	background-color:#fff;	
	text-align: center;
	color: #939393;
	font-size: 30px; 
	border-radius: 50%;
	position: absolute;
	right: 20px;
	top: 30px;
	
}
.kotak_linka1:hover{
	background-color:#F9890B;
	color: #fff;	
}
.judul a:hover{color: #000}
.p-12{font-size: 12px;
	font-family: regular;
	line-height: 20px;
	font-weight: normal;
	color: #555555;
}
.p-14{font-size: 12px;
	font-family: regular;
	line-height: 20px;
	font-weight: normal;
	margin-top: 15px;
	color: #555555;
}
.p-14-putih{font-size: 14px;
	font-family: regular;
	line-height: 20px;
	font-weight: normal;
	margin-top: 15px;
	color: #fff;
}
.p-12-putih{font-size: 12px;
	font-family: regular;
	line-height: 20px;
	font-weight: normal;
	color: #fff;
}
.kotak1{
	width: 100%;
	height: 270px;
	padding: 10px;
	background: #FFFFFF;
	border: 0.955366px solid #C2F68D;
	box-shadow: 0px 9px 20px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}
.kotak1_a{
	width: 70px;
	height: 50px;
	background-color: #C2F68D;
	text-align: center;
	border-radius: 0 30px 0 50px;
	position: absolute;
	padding-top: 10px;
	right: 0;
	top: 0;
}
.kotak1_a i{
	font-size: 28px;
	color: #fff;
}
.kotak1 h1{
	font-family: regularBoldextra;
	font-size: 60px;
	color: #C2F68D;
	margin-top: 90px;
	
}

/*2*/
.kotak2{
	width: 100%;
	height: 270px;
	padding: 10px;
	background: #FFFFFF;
	border: 0.955366px solid #77DAF9;
	box-shadow: 0px 9px 20px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}
.kotak2_a{
	width: 70px;
	height: 50px;
	background-color: #77DAF9;
	text-align: center;
	border-radius: 0 30px 0 50px;
	position: absolute;
	padding-top: 10px;
	right: 0;
	top: 0;
}
.kotak2_a i{
	font-size: 28px;
	color: #fff;
}
.kotak2 h1{
	font-family: regularBoldextra;
	font-size: 60px;
	color: #77DAF9;
	margin-top: 90px;
	
}
/*3*/
.kotak3{
	width: 100%;
	height: 270px;
	padding: 10px;
	background: #FFFFFF;
	border: 0.955366px solid #F9EC7B;
	box-shadow: 0px 9px 20px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}
.kotak3_a{
	width: 70px;
	height: 50px;
	background-color: #F9EC7B;
	text-align: center;
	border-radius: 0 30px 0 50px;
	position: absolute;
	padding-top: 10px;
	right: 0;
	top: 0;
}
.kotak3_a i{
	font-size: 28px;
	color: #fff;
}
.kotak3 h1{
	font-family: regularBoldextra;
	font-size: 60px;
	color: #F9EC7B;
	margin-top: 90px;
	
}
/*4*/
.kotak4{
	width: 100%;
	height: 270px;
	padding: 10px;
	background: #FFFFFF;
	border: 0.955366px solid #FD8C8C;
	box-shadow: 0px 9px 20px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}
.kotak4_a{
	width: 70px;
	height: 50px;
	background-color: #FD8C8C;
	text-align: center;
	border-radius: 0 30px 0 50px;
	position: absolute;
	padding-top: 10px;
	right: 0;
	top: 0;
}
.kotak4_a i{
	font-size: 28px;
	color: #fff;
}
.kotak4 h1{
	font-family: regularBoldextra;
	font-size: 60px;
	color: #FD8C8C;
	margin-top: 90px;
	
}
/*5*/
.kotak5{
	width: 100%;
	height: 270px;
	padding: 10px;
	background: #FFFFFF;
	border: 0.955366px solid #1C528C;
	box-shadow: 0px 9px 20px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}
.kotak5_a{
	width: 70px;
	height: 50px;
	background-color: #1C528C;
	text-align: center;
	border-radius: 0 30px 0 50px;
	position: absolute;
	padding-top: 10px;
	right: 0;
	top: 0;
}
.kotak5_a i{
	font-size: 28px;
	color: #fff;
}
.kotak5 h1{
	font-family: regularBoldextra;
	font-size: 60px;
	color: #1C528C;
	margin-top: 90px;
	
}
/*6*/
.kotak6{
	width: 100%;
	height: 270px;
	padding: 10px;
	background: #FFFFFF;
	border: 0.955366px solid #8D589E;
	box-shadow: 0px 9px 20px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}
.kotak6_a{
	width: 70px;
	height: 50px;
	background-color: #8D589E;
	text-align: center;
	border-radius: 0 30px 0 50px;
	position: absolute;
	padding-top: 10px;
	right: 0;
	top: 0;
}
.kotak6_a i{
	font-size: 28px;
	color: #fff;
}
.kotak6 h1{
	font-family: regularBoldextra;
	font-size: 60px;
	color: #8D589E;
	margin-top: 90px;
	
}
/*7*/
.kotak7{
	width: 100%;
	height: 270px;
	padding: 10px;
	background: #FFFFFF;
	border: 0.955366px solid #23AF95;
	box-shadow: 0px 9px 20px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}
.kotak7_a{
	width: 70px;
	height: 50px;
	background-color: #23AF95;
	text-align: center;
	border-radius: 0 30px 0 50px;
	position: absolute;
	padding-top: 10px;
	right: 0;
	top: 0;
}
.kotak7_a i{
	font-size: 28px;
	color: #fff;
}
.kotak7 h1{
	font-family: regularBoldextra;
	font-size: 60px;
	color: #23AF95;
	margin-top: 90px;
	
}
/*8*/
.kotak8{
	width: 100%;
	height: 270px;
	padding: 10px;
	background: #FFFFFF;
	border: 0.955366px solid #FFC82A;
	box-shadow: 0px 9px 20px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}
.kotak8_a{
	width: 70px;
	height: 50px;
	background-color: #FFC82A;
	text-align: center;
	border-radius: 0 30px 0 50px;
	position: absolute;
	padding-top: 10px;
	right: 0;
	top: 0;
}
.kotak8_a i{
	font-size: 28px;
	color: #fff;
}
.kotak8 h1{
	font-family: regularBoldextra;
	font-size: 60px;
	color: #FFC82A;
	margin-top: 90px;
	
}
/*9*/
.kotak9{
	width: 100%;
	height: 270px;
	padding: 10px;
	background: #FFFFFF;
	border: 0.955366px solid #FFC82A;
	box-shadow: 0px 9px 20px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}
.kotak9_a{
	width: 70px;
	height: 50px;
	background-color: #45D121;
	text-align: center;
	border-radius: 0 30px 0 50px;
	position: absolute;
	padding-top: 10px;
	right: 0;
	top: 0;
}
.kotak9_a i{
	font-size: 28px;
	color: #fff;
}
.kotak9 h1{
	font-family: regularBoldextra;
	font-size: 60px;
	color: #45D121;
	margin-top: 90px;
	
}
.judulaturan{
	font-family: regularBold;
	font-size: 16px;
	color: #282828;
	margin-bottom: 5px;
}
.judul-putih{
	font-family: regularBold;
	font-size: 36px;
	line-height: 45px;
	color: #ffffff;
	margin-bottom: 5px;
	margin-top: 120px;
	
}
.kotakmari{
	position:relative;
	margin-bottom: -100px;
}
.judul2{
	font-family: regularBold;
	font-size: 26px;
	line-height: 30px;
	color: #282828;
	margin-bottom: 10px;
}

.cardnya2{
	background-color: #F6F6F6;
	border-radius: 20px;
}
.garis{
	width: 100%;
	border:1px solid#E9E9E9;
	margin-bottom: 10px;
}
.garis2{
	width: 100px;
	height: 3px;
	background-color: #FFC82A;
	position: relative;
	margin-top: -12px;
	margin-bottom:15px;
}
.info{
	width: 100%;
	height: auto;
	margin-bottom:15px;
}
.info a{
	text-decoration: none;
}
.info span{
	font-size: 12px;
	color: #939393;
	font-family: regular;
	font-weight: normal;
}
.info h1{
	font-family: regular;
	font-size: 15px;
	color: #1E7392;
	line-height: 25px;
}
.bgbulet{
	border-radius: 50px 50px 0 0;
	margin-top: -10px;
}
.footer{width:100%;}
.footer p{
	font-family: regular;
	font-weight: normal;
	color: #fff;
	font-size: 14px;
}
.footer h3{
	font-family: regularBold;
	color: #fff;
	font-size: 18px;
}
.footer h4{
	font-family: regularBold;
	color: #FFC82A;
	font-size: 15px;
}
.footer h4 i{
	font-size: 20px;
	color: #FFC82A;
	margin-right: 10px;
}
.footer h5{
	font-family: regular;
	font-weight: normal;
	color: #ffffff;
	font-size: 14px;
	line-height: 20px;
	margin-top:10px;
}
.copy{
	font-family: regular;
	font-weight: normal;
	color: #838384;
	font-size: 14px;
	line-height: 20px;
	margin-top:10px;
	margin-bottom:10px;
}
.copy a{
	color: #FFC82A;
	text-decoration: none;
}
.garis-kiri{
	border-left: 2px solid#444;padding-left: 15px;
}
.no-per{padding:10px;font-family: regularBold;font-size: 24px;}
/*rating*/
@media only screen and (min-width : 992px) and (max-width : 1920px) {
	.wrapper {
	  position: relative;
	  display: inline-block;
	  border: none;
	  font-size: 14px;
	  margin:auto;
	  width:100%;
	  margin-left:10%;
	  transform: translateX(-50%);
	}
	.faqjarak{margin-top: -110px}
}
@media only screen and (min-width : 320px) and (max-width : 991px) {
	.img-tentang{
		width: 200px;float: left;margin:0 10px 10px 0
	}
	.faqjarak{margin-top: -50px}
	.wrapper {
	  position: relative;
	  display: inline-block;
	  border: none;
	  font-size: 14px;
	  margin:auto;
	  width:100%;
	  margin-left:25%;
	  transform: translateX(-50%);
	}
	.judul2{
		font-size: 20px;
		line-height: 25px;
	}
	.judul-faq{		 
		  font-size: 15px;
	}
	.judul-faq span{
		font-size: 13px;
	}
	.judul h1{
		line-height: 25px;
		margin-top: 10px;
		font-size: 20px;		
	}
	.judul 	p{
		line-height: 25px;
		font-size: 13px;
		margin-top:10px;
		text-align: justify;
		font-weight: normal;

	}
	.judul h2{
		font-size: 20px;
		line-height: 25px;
		
		
	}
	.judul-putih1{
		font-size: 20px;
		line-height: 25px;
		margin-top: 0px;

		
	}
	.judul-putih{
		line-height: 25px;
		font-size: 20px;
		
		
	}
	.kotakmari{
		position:relative;
		margin-bottom: 50px;
	}
	.link1_a{		
		width: 8%;	
	}
	.link1_b{		
		width:75%;
	}
	.kotak_linka{
		width: 30px;
		height: 30px;
		padding-top: 3px;
		background-color:#FFC82A;	
		text-align: center;
		color: #fff;
		font-size: 18px; 
		border-radius: 50%;
		margin-top: -3px;
	}
	.footer p{font-size: 16px;}
	.footer h3{font-size: 20px;}
	.footer h4{font-size: 13px;}
	.footer h4 i{
		font-size: 18px;
		margin-right: 10px;
	}
	.footer h5{font-size: 13px;
		line-height: 20px;
		margin-top:10px;}
	.copy{font-size: 12px;
		line-height: 20px;
		margin-bottom:10px;
		text-align: center;
	}
	.page-title-heading h1 {
		letter-spacing: 2.5px;
		line-height: 30px;		
		font-size: 20px;
	}
	.garis-kiri{
		border:none;
	}

	/* breadcrumbs */
	.breadcrumbs {
		text-align: center;
		margin-top: 0px;
	}

	.breadcrumbs ul li {
		display: inline-block;
		color: #fff;
		font-size: 12px;
	}

	.breadcrumbs ul li a {
		color: #fff;
		font-size: 12px;
		position: relative;
		padding-right: 12px;
		letter-spacing: 0.8px;
		margin-right: 2px;
	}



}


.wrapper input {
  border: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  opacity: 0;
  margin-bottom: 10px;
}

.wrapper label {
  position: relative;
  float: right;
  color: #C8C8C8;
}

.wrapper label:before {
  margin: 5px;
  content: "\f005";
  font-family: FontAwesome;
  display: inline-block;
  font-size: 1.5em;
  color: #ccc;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.wrapper input:checked ~ label:before {
  color: #FFC107;
}

.wrapper label:hover ~ label:before {
  color: #ffdb70;
}

.wrapper label:hover:before {
  color: #FFC107;
}