.mbb{

	margin-bottom: 10px;

	margin-top: 10px;

}

.form-booking{

	max-width: 100%;

	width: 100%;

	padding: 20px;

	background: #e5e5e5;

	color: #484848;

}

.harga{

	font-size: 20px;

	font-weight: 600;

}

.harga span{

	font-size: 17px;

	font-weight: 500;

}

[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled){

	padding: 10px;

	background: #515151;

	font-size: 15px;

	text-transform: none;

	text-decoration: none;

}

input[type=text], input[type=email], select, textarea{

	background: #ffffff;

	padding: 5px!important;

	border: 1px solid #cbcbcb;

	color: #484848;

}

.total{

	font-weight: 600;

}

.total .input-total{

	background: transparent;

	padding: 0;

	font-size: 30px;

	border: none;

	font-weight: 600;

}

/*============ MyModal ============*/

@-webkit-keyframes fadeIn {

    from { opacity: 0; }

      to { opacity: 1; }

}

@keyframes fadeIn {

    from { opacity: 0; }

      to { opacity: 1; }

}

.hidemodal{

	width: 30%;

	transition: all .3s;

	display: none!important;

}

.showmodal{

	width: 50%;

	transition: all .3s;

	display: block!important;

	-webkit-animation: fadeIn .5s;

    animation: fadeIn .5s;

}

.modaloverlay{

  position: fixed;

  top: 0;

  left: 0;

  width: 100vw;

  height: 100vh;

  background-color: rgba(0, 0, 0, 0.56);

  z-index: 3;

}

.mymodal{

	position: fixed;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	background: #F8F8F8;

	width: 30%;

	z-index: 2000!important;

	-webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.32);

	-moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.32);

	box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.32);

	transition: all .3s;

	border: 2px solid #9d9d9d;

}

.body-mymodal{

	padding: 20px;

}

.btnclose{

	position: absolute;

    top: -15px;

    right: -15px;

    color: #fff !important;

    background: #cc0303 !important;

    text-decoration: none!important;

    width: 40px;

    height: 40px;

    border-radius: 50%!important;

    border: 1px solid white!important;

    padding: 0!important;

    font-size: 18px!important;

    font-weight: 600!important;

}

.btnsubmit [type="submit"]{

	width: 100%;

}

.header-mymodal{

	background: #cacaca;

	padding: 20px;

	border-bottom: 2px solid #9d9d9d;

	font-size: 17px;

	font-weight: 600;

	color: #323232;

}

.footer-mymodal{

	background: #cacaca;

	padding: 20px;

	border-top: 2px solid #9d9d9d;

	font-size: 17px;

	font-weight: 600;

	color: #323232;

}

.infobank{

	background: #E1E1E1;

	padding: 10px;

	margin-top: 10px;

}

.infobank .nama span{

	font-weight: 600!important;

}

/*screen 991.98px*/

@media (max-width: 991.98px) {

	.mymodal{

		width: 90%;

	}

}

/*screen 767.98px*/

@media (max-width: 767.98px) {



}