.itim-regular {
		font-family: "Itim", cursive;
		font-weight: 400;
		font-style: normal;
		font-size:18;
	}


	.navbar{
		background: rgba(0, 0, 0, .1);
		/* background: rgba(0, 0, 0, 255); */
	}

	#loading2 {
		background-color: rgba(0,0,0,0.7);
		height : 100%;
		width: 100%;
		position:fixed;
		left:0;right:0;top:0;bottom:0;
		z-index: 100002;
		display:flex;
		justify-content: center;
		align-items: center;
	}

	ul.ui-autocomplete {
        z-index: 1100;
    }

	.bbp-menu {
		width: 100%;
		height: 0;
		position: fixed;
		/* background-color: rgba(2, 2, 2, 0.85); */
		background-color: rgba(0, 0, 0, 255);
		padding-top: 4rem;
		overflow: hidden;
		color: #fff;
		z-index: 1030;
		-webkit-transform: translate(0px, -100px);
				transform: translate(0px, -100px);
		-webkit-transition: height .8s, -webkit-transform 0.4s;
		transition: height .8s, -webkit-transform 0.4s;
		transition: height .8s, transform 0.4s;
		transition: height .8s, transform 0.4s, -webkit-transform 0.4s;
		top: 0;
	}

	.bbp-menu div {
		opacity: 0;
		-webkit-transition: all 1.5s;
		transition: all 1.5s;
	}

	.bbp-menu.open {
		height: 100%;
		-webkit-transform: translate(0);
				transform: translate(0);
		overflow: auto;
	}

	.bbp-menu.open div {
		opacity: 1;
	}

	.bbp-menu.open div > div > div:nth-child(1n+2) {
		display: block;
	}

	.btn-burger {
		/* z-index: 1040; */
		z-index: 1301;
		position: fixed;
		right: 10%;
		top: 0.25rem;
	}

	.btn-burger div {
		width: 28px;
		height: 5px;
		background-color: #ffffff;
		margin: 4px 0;
		border-radius: 10px;
		-webkit-transition: .4s;
		transition: .4s;
	}

	.btn-burger.active div:nth-child(1) {
		-webkit-transform: rotate(-45deg) translate(-5px, 5px);
				transform: rotate(-45deg) translate(-5px, 5px);
		background-color: #ffffff;
	}

	.btn-burger.active div:nth-child(2) {
		background-color: #ffffff;
		opacity: 0;
	}

	.btn-burger.active div:nth-child(3) {
		-webkit-transform: rotate(45deg) translate(-8px, -8px);
				transform: rotate(45deg) translate(-8px, -8px);
		background-color: #ffffff;
	}

	.bbp-menu::-webkit-scrollbar {
		width: 5px;
		height: 5px;
	}

	.bbp-menu::-webkit-scrollbar-thumb {
		background: rgba(255, 255, 255, 255);
	}

	.bbp-menu::-webkit-scrollbar-track {
		background: transparent;
	}

	.bbp-menu {
		scrollbar-face-color: rgba(255, 255, 255, 255);
		scrollbar-track-color: transparent;
	}

	.bartopmenu{
		/* height:100vh; */
		background-color:#000000;
	}

	.pointer {cursor: pointer;}
	a { text-decoration: none !important;}
	
	.textsizeDTbar{
		font-size: 14px;
	}

	.kanit-medium {
		font-family: "Kanit", sans-serif;
		font-weight: 300;
		font-style: normal;
	}





    @media only screen and (max-width: 1270px) {
        .bartopmenu{
			height:60vh;
			background-color:#000000;
		}

        .bbp-menu.open {
			height: 100vh;
			-webkit-transform: translate(0);
					transform: translate(0);
			overflow: hidden;
		}
		.bbp-menu.open div > div > div:nth-child(1n+2) {
			display: block;
		}

		.btn-burger {
			/* z-index: 1040; */
			z-index: 1301;
			position: fixed;
			right: 10%;
			top: 0.25rem;
		}

        enu div > div > .clearfix > button {
			display: none !important;
			}
			.bbp-menu div > div > div:nth-child(1n+2) {
			display: block;
		}

    }

    @media only screen and (max-width: 960px) {
        .bartopmenu{
			height:60vh;
			background-color:#000000;
		}

        .bbp-menu.open {
			height: 100vh;
			-webkit-transform: translate(0);
					transform: translate(0);
			overflow: hidden;
		}
		.bbp-menu.open div > div > div:nth-child(1n+2) {
			display: block;
		}

		.btn-burger {
			/* z-index: 1040; */
			z-index: 1301;
			position: fixed;
			right: 0%;
			top: 0.25rem;
		}

        enu div > div > .clearfix > button {
			display: none !important;
			}
			.bbp-menu div > div > div:nth-child(1n+2) {
			display: block;
		}

    }