.modal{
	--bs-modal-color: #fff;
	--bs-modal-bg: #4E005E;
	--bs-modal-border-color: #D1A754;
}

html,
body{
	background: #000;
	min-height: 100%;
	font-family: "Poppins", sans-serif;
	color: #fff;
	font-weight: 400;
}

.link{
	color: #D1A754;
	text-decoration: underline;
}
	.link:hover{
		color: #fff;
		text-decoration: none;
	}

.bg-violet{
	background-color: #4E005E;
	background-image: linear-gradient(#000000, #001421, #4E005E, #000000);
}

#navbar{
	display: block;
	width: 100%;
	position: fixed;
	background: transparent;
	padding: 25px 0;
	z-index: 11;
	top: 0;
	left: 0;
}
	#navbar .logo{
		display: inline-block;
		outline: none;
		text-decoration: none;
		margin: 0 150px 0 0;
	}
	#navbar .menu{
		display: inline-block;
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#navbar .menu li{
			margin: 0 20px;
			padding: 0;
			display: inline-block;
		}
			#navbar .menu li a{
				display: block;
				font-size: 16px;
				color: #f5f5f5;
				text-decoration: none;
				outline: none;
				font-weight: 400;
				font-family: "Poppins", sans-serif;
			}

#navbar .search{
	display: inline-block;
	position: absolute;
	/*box-shadow: 0px 0px 4px rgba(109, 109, 109, 0.25);*/
	padding: 9px;
	border-radius: 24px;
	margin: 0;
	transition: all 0.5s;
	width: 42px;
	vertical-align: middle;
	overflow: hidden;
	top: 13px;
	left: 70px;
}
	#navbar .search input{
		width: 180px;
		margin: 0 10px;
		border: none;
		background: none;
		position: absolute;
		right: 40px;
		top: 9px;
		color: #fff;
	}
		#navbar .search input:focus{
			outline: none;
		}
	#navbar .search .btn-search{
		display: inline-block;
		width: 24px;
		height: 24px;
		background: transparent url(../images/icon-search.png) no-repeat center;
		background-size: 24px 24px;
		text-decoration: none;
		outline: none;
	}
	#navbar .search.open{
		width: 247px;
		background: #333;
		left: -135px;
	}

	#navbar.show{
		background-color: rgba(0, 0, 0, .9);
		border-bottom: 2px solid #D1A754;
		transition: all .5s ease;
	}

#content{
	display: block;
	position: relative;
	transition: all 1s;
}

.section {
  position: relative;
 	overflow: hidden;
 	padding: 0;
 	background: #000;
}
	.section.use-pad,
	.section .backdrop{
		padding: 120px 0;
	}
	.section-pad-60{
		padding: 60px 0;
	}

	.section .backdrop{
		position: relative;
		background-color: #4E005E;
		background-image: linear-gradient(#4E005E, #001421);
	}

		.section .backdrop.brown{
			background-color: #5E4123;
			background-image: linear-gradient(#5E4123, #000);
		}
		.section .backdrop.violet{
			background-color: #4E005E;
			background-image: linear-gradient(#4E005E, #684726);
		}

		.section .backdrop.round-right{
			border-top-right-radius: 180px;
		}
		.section .backdrop.round-left{
			border-top-left-radius: 180px;
		}
		.section .backdrop.round-b-left{
			border-bottom-left-radius: 180px;
		}

		.section.darkblue{
			background-color: #001421;
		}

	.section .title,
	.section .subtitle{
	  font-family: "Poppins", sans-serif;
	  font-weight: 800;
	  font-size: 48px;
	  margin: 0 0 40px;
	  padding: 0;
	  color: #D1A754;
	}
		.section .subtitle{
			font-weight: 400;
			font-size: 32px;
			color: #fff;
		}

	.section .content {
    font-size: 15px;
	}
		.section .content p {
	    padding: 0;
	    margin: 0 0 30px;
		}

	.section-contact{
		background: #000 url(../images/contact.png) center no-repeat;
		background-position: center -250px;
		background-size: 600px auto;
	}
	.section-soul{
		background: transparent url(../images/bg-soul.png) center no-repeat;
		background-position: center 20px;
		background-size: 100% auto;
	}
		.section-soul:before{
			content: '';
			display: block;
			position: absolute;
			height: 2px;
			background-color: #800060;
			width: 90%;
			top: 0;
			left: 50%;
			transform: translateX(-50%);
		}
		.section-soul.no-top-border:before{
			opacity: 0;
		}
	.section .title-line{
		font-size: 18px;
		padding-bottom: 16px;
		border-bottom: 1px solid rgba(196,196,196,.5);
		margin-bottom: 30px;
	}

.select-form-control{
	position: relative;
	display: inline-block;
	width: 100%;
}
	.select-form-control:after{
		content: '';
		display: block;
		position: absolute;
		width: 10px;
		height: 10px;
		border: 2px solid #D1A754;
		border-top: none;
		border-right: none;
		top: 12px;
		right: 12px;
		transform: rotate(-45deg);
	}
	.select-form-control .form-control {
    color: #fff;
    background-color: transparent;
  }
  	.select-form-control .form-control option{
  		color: #333;
  	}

.form-group-booking label{
	margin-bottom: 1.5rem;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
}
	.form-group-booking .date .input-group-text,
	.form-group-booking .time .input-group-text{
		background: transparent url(../images/icon-datepick.png) no-repeat center;
		background-size: 20px 20px;
		padding-left: 20px;
		padding-right: 20px;
		border-left: none;
	}
		.form-group-booking .time .input-group-text{
			background-image: url(../images/icon-select.png);
		}
	.form-group-booking .date input,
	.form-group-booking .time select{
		border-right: none;
		background-color: transparent;
		color: #fff;
	}
		.form-group-booking .time select option{
			color: #333;
		}
	.form-group-booking .form-control:focus {
	    outline:none;
	    border-color: #ced4da;
  		-webkit-box-shadow: none;
  		box-shadow: none;
	}

.btn-contact{
	display: inline-block;
	padding: 0;
	margin: 0 10px;
	border: none;
	outline: none;
	background: transparent center no-repeat;
	background-size: cover;
	height: 50px;
	width: 50px;
	text-decoration: none;
	vertical-align: middle;

	transition: all .1s ease;
}
	.btn-contact:hover{
		margin-bottom: 10px;
	}
	.btn-contact-small{
		width: 42px;
		height: 42px;
	}
	.btn-contact-mail{
		background-image: url(../images/btn-mail.png);
	}
	.btn-contact-wa{
		background-image: url(../images/btn-wa.png);
	}
	.btn-contact-ig{
		background-image: url(../images/btn-ig.png);
	}
	.btn-contact-fb{
		background-image: url(../images/btn-fb.png);
	}
	.btn-contact-yt{
		background-image: url(../images/btn-yt.png);
	}
	.btn-contact-tt{
		background-image: url(../images/btn-tt.png);
	}

	.btn-contact-separator{
		display: inline-block;
		vertical-align: middle;
		height: 100px;
		background-color: #D1A754;
		width: 1px;
		margin: 0 10px;
		padding: 0;
	}

.btn-cta{
	display: inline-block;
	background-color: rgba(51, 34, 0, .5);
	border: 1px solid #D1A754;
	border-radius: 50px;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	padding: 7px 30px;
	color: #fff;
	text-decoration: none;
	transition: all .3s ease;
}
	.btn-cta:hover,
	.btn-cta:active{
		background-color: rgba(51, 34, 0, 1);
		color: #fff;
	}

.btn-disabled{
	color: #fff;
	background: #c4c4c4;
	opacity: .5;
	cursor: not-allowed;
}
	.btn-disabled:hover,
	.btn-disabled:active{
		color: #fff;
		background: #c4c4c4;
	}

.btn-green,
.btn-brown{
	text-align: center;
	padding: 15px 25px;
	font-weight: 600;
	font-size: 16px;
	color: #fff;
	background: rgba(51, 34, 0, .5);
	text-decoration: none;
	outline: none;
	display: inline-block;
	border-radius: 6px;
	font-family: "Poppins", sans-serif;
	transition: background 0.2s ease-in-out;
	border: 1px solid #D1A754;
}
	.btn-green:hover,
	.btn-green:active{
		background-color: rgba(51, 34, 0, 1);
		color: #fff;
	}
.btn-green-light,
.btn-brown-light{
	background-color: transparent;
	display: inline-block;
	outline: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	color: #fff;
	padding: 15px 25px;
	border-radius: 6px;
	border: 1px solid #7C5441;
	transition: background 0.2s ease-in-out;
}
	.btn-green-light:hover,
	.btn-green-light:active{
		color: #fff;
		border-color: #D1A754;
		background-color: rgba(51, 34, 0, .5);
	}
		.btn-green-light:hover .icon,
		.btn-green-light:active .icon{
			filter: brightness(0) invert(1);
		}
	.btn-green-light .icon{
		display: inline-block;
		background: transparent center no-repeat;
		background-size: cover;
		height: 20px;
		width: 20px;
		vertical-align: middle;
		margin-right: 10px;
	}
		.btn-green-light .icon-phone{
			background-image: url(../images/icon-phone.png);
		}
		.btn-green-light .icon-wa{
			background-image: url(../images/icon-wa.png);
		}

#footer{
	background: #000;
	border-top: 1px solid #D1A754;
	padding: 30px 0;
	margin: 0;
}

#hero-slider{
	display: block;
	position: relative;
	width: 100%;
	height: 50vw;
	background: #ccc;
}
	#hero-slider .slick-list,
	#hero-slider .slick-track,
	#hero-slider .slick-slide{
		height: 100%;
	}
		#hero-slider .slick-slide .link{
			display: block;
			width: 100%;
			text-decoration: none;
			outline: none;
		}
		#hero-slider .slick-slide .poster{
			width: 100%;
			height: auto;
		}
	#hero-slider .slick-arrow{
		position: absolute;
		z-index: 2;
		top: 50%;
		left: 250px;
		background: transparent url(../images/btn-arrow.png) no-repeat center;
		background-size: 32px 32px;
		width: 32px;
		height: 32px;
		border: none;
		outline: none;
		color: transparent;
		margin: -28px 0 0;
	}
	#hero-slider .slick-next{
		left: auto;
		right: 250px;
		transform: rotate(180deg);
	}
	#hero-slider .slick-dots{
		position: absolute;
		z-index: 2;
		bottom: 0;
		left: 50%;
		margin: 0 0 50px;
		padding: 0;
		list-style: none;
		transform: translateX(-50%);
	}
		#hero-slider .slick-dots li{
			display: inline-block;
			margin: 0;
			padding: 0;
		}
		#hero-slider .slick-dots li button{
			background: transparent;
			border: 2px solid #D1A754;
			outline: none;
			width: 8px;
			height: 10px;
			margin: 0 4px;
			font-size: 0;
			color: transparent;
			border-radius: 12px;
		}
			#hero-slider .slick-dots li.slick-active button{
				width: 40px;
				background: #D1A754;
				border-radius: 12px;
			}
	#hero-slider .overlay{
		position: absolute;
		z-index: 2;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		color: #fff;
		font-family: "Poppins", sans-serif;
		text-align: center;
		width: 50%;
	}
		#hero-slider .overlay h3,
		#hero-slider .overlay h5{
			color: #fff;
			font-family: "Poppins", sans-serif;
			font-size: 64px;
			font-weight: 800;
			padding: 0;
			margin: 0 0 50px;
		}
		#hero-slider .overlay h5{
			font-size: 28px;
			font-weight: 300;
			margin: 0 50px 50px;
		}

.content-nav-margin{
	margin-top: 120px !important;
}

.carousel{
	position: relative;
}
	.carousel .item{
		display: block;
		margin: 0 10px;
		overflow: hidden;
		background-color: #4E005E;
		background-position: center;
		background-size: auto 100%;
		border-radius: 10px;
		position: relative;
		transition: background-size 1s ease;
	}
		.carousel .item:hover{
			background-size: auto 160%;
		}
		.carousel .item content{
			display: flex;
			flex-direction: column;
			width: 100%;
			height: 400px;
			position: relative;
			background-image: linear-gradient(#4E005E, #4E005E59);
		}
			.carousel .item content h5{
				display: block;
				padding: 20px;
				text-align: left;
				font-family: "Poppins", sans-serif;
				font-size: 32px;
				font-weight: 600;
				color: #fff;
				margin: 0;
			}
			.carousel .item content div{
				display: block;
				padding: 20px;
				text-align: left;
				font-family: "Poppins", sans-serif;
				font-size: 16px;
				font-weight: 400;
				color: #fff;
				margin: 0;
				height: auto;
				line-height: 22px;
				flex: 1;
			}
			.carousel .item:hover content div{
				background-color: rgba(0,0,0,0.6);
			}
		.carousel .item .link{
			font-family: "Poppins", sans-serif;
			font-size: 16px;
			font-weight: 600;
			color: #fff;
			text-decoration: none;
			font-style: italic;
		}
	.carousel .slick-dots{
		position: relative;
		margin: 70px 0 0;
		padding: 0;
		list-style: none;
		text-align: center;
	}
		.carousel .slick-dots li{
			display: inline-block;
			margin: 0;
			padding: 0;
		}
		.carousel .slick-dots li button{
			background: transparent;
			border: 2px solid #D1A754;
			outline: none;
			width: 8px;
			height: 10px;
			margin: 0 4px;
			font-size: 0;
			color: transparent;
			border-radius: 12px;
		}
			.carousel .slick-dots li.slick-active button{
				width: 40px;
				background: #D1A754;
				border-radius: 12px;
			}

.event-slider{
	position: relative;
}
	.event-slider .box{
		position: relative;
		text-align: center;
	}
	.event-slider .item{
		display: inline-block;
		width: 771px;
		height: 286px;
		position: relative;
		background-image: linear-gradient(#8A38F5, #800060);
		overflow: hidden;
		border-radius: 20px;
		text-align: left;
		filter: drop-shadow(2px 3px 4px rgba(0,0,0,.5));
	}
		.event-slider .item .poster{
			display: inline-block;
			float: left;
			width: 27%;
			height: 100%;
			margin: 0;
			padding: 0;
			position: relative;
			overflow: hidden;
		}
			.event-slider .item .poster img{
				display: block;
				width: auto;
				height: 100%;
			}
		.event-slider .item content{
			display: inline-block;
			float: right;
			width: 73%;
			margin: 0;
			padding: 20px 15px;
			position: relative;
			font-size: 20px;
			font-family: "Poppins", sans-serif;
			font-weight: 400;
			color: #fff;
		}
			.event-slider .item content .subtitle,
			.event-slider .item content h5{
				margin: 0 0 5px;
				padding: 0;
				font-weight: 700;
				font-size: 24px;
			}
			.event-slider .item content h5{
				margin-bottom: 35px;
			}
			.event-slider .item content table tr td{
				padding-right: 30px;
			}
	.event-slider .slick-arrow{
		position: absolute;
		z-index: 2;
		top: 50%;
		left: 0;
		background: transparent url(../images/btn-arrow.png) no-repeat center;
		background-size: 32px 32px;
		width: 32px;
		height: 32px;
		border: none;
		outline: none;
		color: transparent;
		margin: -28px 0 0;
	}
	.event-slider .slick-next{
		left: auto;
		right: 0;
		transform: rotate(180deg);
	}
	.event-slider .slick-dots{
		margin: 50px 0 0;
		padding: 0;
		list-style: none;
		text-align: center;
	}
		.event-slider .slick-dots li{
			display: inline-block;
			margin: 0;
			padding: 0;
		}
		.event-slider .slick-dots li button{
			background: transparent;
			border: 2px solid #D1A754;
			outline: none;
			width: 8px;
			height: 10px;
			margin: 0 4px;
			font-size: 0;
			color: transparent;
			border-radius: 12px;
		}
			.event-slider .slick-dots li.slick-active button{
				width: 40px;
				background: #D1A754;
				border-radius: 12px;
			}

.team-slider{
	background: transparent url(../images/star.png) no-repeat center;
	background-size: auto 100%;
	background-position: 116px center;
	padding-left: 100px;
	padding-right: 100px;
}
	.team-slider .slick-list,
	.team-slider .slick-track,
	.team-slider .slick-slide{
		height: 100%;
	}
	.team-slider .slick-arrow{
		position: absolute;
		z-index: 2;
		top: 50%;
		left: 0;
		background: transparent url(../images/btn-arrow.png) no-repeat center;
		background-size: 32px 32px;
		width: 32px;
		height: 32px;
		border: none;
		outline: none;
		color: transparent;
		margin: -28px 0 0;
	}
	.team-slider .slick-next{
		left: auto;
		right: 0;
		transform: rotate(180deg);
	}
	.team-slider .slick-dots{
		position: absolute;
		z-index: 2;
		bottom: -50px;
		left: 50%;
		margin: 0;
		padding: 0;
		list-style: none;
		transform: translateX(-50%);
	}
		.team-slider .slick-dots li{
			display: inline-block;
			margin: 0;
			padding: 0;
		}
		.team-slider .slick-dots li button{
			background: transparent;
			border: 2px solid #D1A754;
			outline: none;
			width: 8px;
			height: 10px;
			margin: 0 4px;
			font-size: 0;
			color: transparent;
			border-radius: 12px;
		}
			.team-slider .slick-dots li.slick-active button{
				width: 40px;
				background: #D1A754;
				border-radius: 12px;
			}
	.team-slider,
	.team-slider .item{
		position: relative;
		height: 500px;
	}
	.team-slider .poster,
	.team-slider .info{
		display: inline-block;
		float: left;
		width: 50%;
		height: 100%;
		position: relative;
	}
		.team-slider .poster .round{
			width: 300px;
			height: 300px;
			border: 2px solid #C69866;
			border-radius: 50%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
			.team-slider .poster .round .frame{
				width: 93%;
				height: 93%;
				border-radius: 50%;
				overflow: hidden;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				position: absolute;
			}
				.team-slider .poster .round .frame img{
					width: 100%;
					height: auto;
				}
	.team-slider content{
		display: block;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
	.team-slider .name,
	.team-slider .title{
		font-size: 32px;
		font-weight: 600;
		padding: 0;
		margin: 0 0 10px;
		color: #fff;
	}
	.team-slider .title{
		font-size: 24px;
		font-weight: 400;
		margin-bottom: 30px;
	}

.box-post{
	display: block;
	position: relative;
	font-size: 16px;
	color: #fff;
}
	.box-post .content-poster{
		position: relative;
	}
		.box-post .content-poster img{
			width: 100%;
			height: auto;
		}
	.box-post .title{
		font-weight: 800;
		font-size: 32px;
		padding: 0;
		margin: 0 0 30px;
		color: #D1A754;
	}
	.box-post .content{
		display: block;
		position: relative;
		margin: 0 0 40px;
		padding: 0;
	}
	.box-post .nav{
		display: block;
		position: relative;
	}
		.box-post .nav a{
			display: inline-block;
			text-decoration: none;
			outline: none;
			font-size: 16px;
			color: #D1A754;
		}
			.box-post .nav a:hover{
				text-decoration: underline;
			}

.poster-round{
	display: inline-block;
	width: 237px;
	height: 237px;
	position: relative;
	border-radius: 50%;
	overflow: hidden;
}
	.poster-round img{
		display: block;
		width: auto;
		height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}

.psikolog{
	display: block;
	position: relative;
}
	.psikolog .poster,
	.psikolog .info{
		float: left;
		width: 30%;
	}
	.psikolog .info{
		width: 70%;
		font-size: 16px;
		color: #fff;
		font-weight: normal;
	}
	.psikolog .name,
	.psikolog .title{
		font-weight: 800;
		font-size: 24px;
		color: #D1A754;
		margin: 0 0 6px;
		padding: 0;
	}
	.psikolog .title{
		font-weight: normal;
		font-size: 16px;
		color: #fff;
		margin-bottom: 30px;
	}
	.psikolog .poster .poster-round{
		width: 220px;
		height: 220px;
	}

.table-jadwal{
	background-color: var(--ku-yellow-light);
	border-collapse: collapse;
	font-size: 18px;
	font-weight: normal;
	color: var(--ku-quartz);
	width: 100%;
	table-layout: fixed;
	position: relative;
}
	.table-jadwal tbody,
	.table-jadwal thead{
		width: 100%;
		display: table;
	}
	.table-jadwal th,
	.table-jadwal td{
		width: 42%;
	}
	.table-jadwal th:first-child,
	.table-jadwal td:first-child{
		width: 16%;
		text-align: left;
	}
	.table-jadwal th,
	.table-jadwal td{
		padding: 20px;
		border: 1px solid #e6e6e6;
	}
	.table-jadwal th{
		text-align: center;
	}
	.table-jadwal .time{
		display: inline-block;
		border: 1px solid var(--ku-quartz);
		padding: 5px 15px;
		margin: 0 10px 10px 0;
		font-size: 16px;
	}

.modal-temu .modal-content{
	padding: 30px 50px;
}
	.modal-temu h5{
		font-size: 24px;
		font-weight: 600;
		color: #D1A754;
		margin: 0 0 30px;
	}
	.modal-temu .btn-green-light{
		width: 100%;
		font-size: 16px;
		font-weight: 400;
		position: relative;
	}
		.modal-temu .btn-green-light .icon{
			position: absolute;
			left: 25px;
			top:  17px;
		}
	.modal-temu .icon-failed{
		background: transparent url(../images/icon-failed.png) no-repeat center;
		background-size: 80px 80px;
		margin: 0 0 30px;
		height: 80px;
	}

.headpage{
	display: block;
	position: relative;
	color: #D1A754;
	text-align: center;
	margin: 0 0 50px;
	padding: 30px 0;
}
	.headpage h4{
		padding: 0;
		margin: 0;
		font-family: "Poppins", sans-serif;
		font-size: 28px;
		font-weight: 800;
	}

.box-white{
	padding: 20px;
	position: relative;
	border: 1px solid #D1A754;
	border-radius: 10px;
}
	.box-white h5{
		font-weight: 600;
		font-size: 18px;
		color: #D1A754;
		margin: 0 0 24px;
	}

.box-yellow{
	padding: 40px 200px;
}

.form-kancilku{
	position: relative;
	display: block;
	font-size: 16px;
	color: #fff;
	text-align: center;
}
	.form-kancilku input:focus,
	.form-kancilku textarea:focus{
		outline: none;
	}
	.form-kancilku .desc{
		text-align: center;
		margin: 0 0 40px;
		padding: 0;
	}
	.form-kancilku .control{
		display: block;
		position: relative;
		text-align: left;
		font-size: 14px;
		color: #fff;
		padding: 0;
		margin: 0 0 30px;
	}
		.form-kancilku .control label{
			color: #D1A754;
			display: block;
			padding: 0;
			margin: 0 0 5px;
		}
			.form-kancilku .control label span{
				display: inline-block;
				color: #ca4f4c;
				margin: 0 0 0 5px;
			}
			.form-kancilku .control label.tnc,
			.form-kancilku .control label.tnc span{
				color: #fff;
			}
			.form-kancilku .control label.tnc span{
				width: 90%;
				margin: 0 0 0 3%;
				vertical-align: top;
			}
			.form-kancilku .control label.tnc .check{
				width: 5%;
				margin: 0;
			}
		.form-kancilku .control .input{
			display: block;
			width: 100%;
			border: none;
			border-bottom: 1px solid #fff;
			background: transparent;
			padding: 10px 0;
			margin: 0;
			font-size: 14px;
			color: #fff;
			border-radius: 0;
		}
		.form-kancilku .control .input:focus{
			border-color: #D1A754;
		}
		.form-kancilku .control .input.border-black{
			border-color: #c4c4c4;
		}
	.form-kancilku .info{
		background: #DBEEC3 url(../images/icon_user.png) 15px center no-repeat;
		background-size: 36px 36px;
		padding: 10px 10px 10px 65px;
		text-align: left;
		font-size: 12px;
		margin: 0 0 30px;
		background-color: rgba(51, 34, 0, .5);
	}

.box-booking-confirm{
	position: relative;
	text-align: center;
}
	.box-booking-confirm .box{
		background: rgba(143, 95, 119, .5);
		padding: 24px;
		position: relative;
		text-align: left;
		font-size: 14px;
	}
	.box-booking-confirm .box h5{
		font-weight: 600;
		font-size: 18px;
		margin: 0 0 24px;
	}
	.box-booking-confirm .box .label{
		color: #D1A754;
	}
	.box-booking-confirm .box .spacer{
		height: 1px;
		background: #fff;
		margin: 0 0 24px;
	}

.icon{
	background: transparent url(../images/icon-success.png) no-repeat center;
	background-size: 80px 80px;
	height: 80px;
}
	.icon-success{
		background-image: url(../images/icon-success.png);
	}
	.icon-failed{
		background-image: url(../images/icon-failed.png);
	}
	.icon-help{
		background-image: url(../images/icon-bantuan.png);
		background-size: auto 80px;
		height:
	}

.box-payment-no{
	background: rgba(143, 95, 119, .5);
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 400;
	width: 400px;
	padding: 25px;
	display: inline-block;
}
	.box-payment-no .code{
		font-weight: 600;
		font-size: 24px;
	}
	.box-payment-no .copy{
		display: inline-block;
		font-weight: 500;
		font-size: 12px;
		padding: 10px;
		border: 1px solid #D1A754;
		color: #D1A754;
		text-decoration: none;
		background: transparent;
	}
		.box-payment-no .copy:hover{
			text-decoration: none;
		}

.box-info{
	display: block;
	width: 100%;
	position: relative;
	background: #4e005e;
	box-shadow: 0px 0px 3px #000;
	overflow: hidden;
	color: #fff;
	line-height: 150%;
	font-size: 16px;
	font-weight: 300;
	height: 635px;
}
	.box-info .poster{
		display: block;
		width: 100%;
		position: relative;
		margin: 0;
		background: #000;
		height: 400px;
		overflow: hidden;
	}
		.box-info .poster img{
			height: 100%;
			width: auto;
			position: relative;
			left: 50%;
			transform: translateX(-50%);
		}
	.box-info content{
		display: block;
		padding: 30px;
	}
	.box-info h3{
		font-weight: 600;
		margin: 0 0 17px;
		padding: 0;
		font-size: 18px;
	}
	.box-info .link-brown{
		text-decoration: none;
		outline: none;
		color: #fff;
		font-weight: bold;
		font-style: italic;
	}

.box-search{
	height: 100%;
}
	.box-search .poster{
		height: 356px;
	}
		.box-search .poster img{
			height: 100%;
			width: auto;
			position: relative;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}

.headpage {
    display: block;
    position: relative;
    background: #00090F url(../images/pattern.png) repeat center -58px;
    background-size: 1200px auto;
    color: #D1A754;
    text-align: center;
    margin: 0 0 50px;
    padding: 30px 0;
}

.form-filter{
	display: block;
	width: 100%;
	position: relative;
}
	.form-filter input{
		display: inline-block;
		width: 85%;
		color: #000;
		font-size: 16px;
		font-weight: normal;
		padding: 10px 20px;
		border: 1px solid #c4c4c4;
		border-radius: 6px;
		margin: 0 1% 0 0;
	}
	.form-filter .btn-green{
		display: inline-block;
		width: 13%;
		padding: 10px;
		border: 1px solid rgba(51, 34, 0, .5);
	}

.box-service{
	display: block;
	position: relative;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background-image: linear-gradient(#4E005E, #4E005E59);
	margin: 0;
	height: 100%;
}
	.box-service .wrap{
		display: block;
		position: relative;
		text-decoration: none;
		outline: none;
		color: #fff;
		padding: 0 20px 20px;
		border: 1px solid #000;
		transition: all 0.2s ease-in-out;
		height: 100%;
	}
		.box-service .wrap:focus,
		.box-service .wrap:hover{
			color: #fff;
			border-color: #000;
			box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
		}
	.box-service .poster{
		position: relative;
		margin: 0 -20px 30px;
	}
		.box-service .poster img{
			width: 100%;
			height: auto;
		}
	.box-service h3{
		font-weight: 500;
		font-size: 16px;
		color: #D1A754;
		margin: 0 0 15px;
		padding: 0;
	}

.layanan-detail{
	position: relative;
}
	.layanan-detail .poster,
	.layanan-detail .page-content{
		float: left;
		width: 30%;
	}
	.layanan-detail .page-content{
		width: 70%;
	}

.list-psikolog{
	position: relative;
}
	.list-psikolog ul,
	.list-psikolog ul li{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.list-psikolog ul li{
		display: block;
		position: relative;
		background: #000;
		transition: all 0.2s ease-in-out;
	}
		.list-psikolog ul li:nth-child(even){
			background: #fff;
		}
		.list-psikolog ul li:hover{
			border-color: #140E07;
			box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
			z-index: 2;
		}
	.list-psikolog ul li a{
		display: block;
		position: relative;
		text-align: left;
		padding: 24px;
		font-size: 16px;
		font-weight: 500;
		color: #fff;
		text-decoration: none;
		outline: none;
	}
		.list-psikolog ul li a span:nth-child(2){
			float: right;
			color: #D1A754;
		}

.page-title,
.page-subtitle,
.page-subtitle2{
	padding: 0;
	margin: 0 0 40px;
	font-weight: 500;
	font-size: 32px;
	color: #D1A754;
}
.page-subtitle{
	font-size: 16px;
	color: #fff;
	margin: 0 0 16px;
}
.page-subtitle2{
	font-size: 24px;
	font-weight: 600;
	color: #D1A754;
}

.btn-market {
  display: inline-block;
  text-decoration: none;
  outline: none;
  background: #D1A754;
  color: #000;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: bold;
  text-align: left;
  padding: 10px 30px;
  margin: 0;
}
	.btn-market:hover{
		color: #fff;
		text-decoration: none;
		outline: none;
		opacity: .8;
	}

.paging{
	display: block;
	position: relative;
}
	.paging ul,
	.paging ul li{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.paging ul li{
		display: inline-block;
		position: relative;
		margin: 0 3px;
	}
		.paging ul li a{
			display: block;
			font-size: 16px;
			color: #D1A754;
			text-align: center;
			padding: 5px 10px;
			border-radius: 5px;
			background: transparent;
			text-decoration: none;
			outline: none;
		}
		.paging ul li.active a{
			border: 1px solid #D1A754;
		}
		.paging ul li.nextprev a{
			color: #D1A754;
		}

@media (max-width: 1399.98px) {

	#navbar .logo {
    margin: 0 75px 0 0;
	}

	#hero-slider .overlay h3, 
	#hero-slider .overlay h5 {
    font-size: 50px;
  }
  #hero-slider .overlay h5 {
    font-size: 22px;
  }

  .team-slider {
    background-position: 80px center;
  }
}

@media (min-width:992px){
	.w-lg-auto{
		width: auto !important;
	}
}