html{
	overflow-x : hidden !important;
}

body{
	margin      : 0px;
	font-family : 'Kanit' !important;
}

a:hover{
	text-decoration : none !important;
}

.btn-main:hover{
	background-color : unset;
	color            : #b49f7a;
	border           : 1px solid #b49f7a;
}

.btn-black:hover{
	background-color : unset;
	color            : #000;
	border           : 1px solid #000;
}

.menu-img-1:hover{
	opacity : 0.5;
}

.menu-img-2:hover{
	opacity : 0.5;
}

.menu-img-3:hover{
	opacity : 0.5;
}

.bg-banner{
	width               : 100%;

	background-position : center center;
	background-repeat   : no-repeat;
	background-size     : cover;
}

.bg-floor-plan{
	height           : auto;
	width            : 100%;

	/*background-image : url('../img/background.png');*/
}

.bg-background-1{
	height              : auto;
	width               : 100%;

	background-image    : url('../img/background.png');
	background-position : center center;
	background-repeat   : no-repeat;
	background-size     : cover;
}

.bg-background-2{
	height              : auto;
	width               : 100%;

	background-image    : url('../img/background-2.png');
	background-position : center center;
	background-repeat   : no-repeat;
	background-size     : cover;
}

.bg-background-3-1{
	height              : auto;
	width               : 100%;

	background-image    : url('../img/background.png');
	background-position : center center;
	background-repeat   : no-repeat;
	background-size     : cover;
}

/*.bg-background-33{
	background-image: url('../img/background-3.png');
	width: 100%;
	height: 1695px;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}*/
.bg-background-4{
	height           : auto;
	width            : 100%;

	background-color : #000;
}

.bg-background-5{
	height           : auto;
	width            : 100%;

	background-color : #b49f7a;
}

.bg-background-6{
	height              : auto;
	width               : 100%;

	background-image    : url('../img/background.png');
	background-position : center center;
	background-repeat   : no-repeat;
	background-size     : cover;
}

.bg-background-7{
	height              : auto;
	width               : 100%;

	background-image    : url('../img/background-7.png');
	background-position : center center;
	background-repeat   : no-repeat;
	background-size     : cover;
}

.bg-background-8{
	height           : auto;
	width            : 100%;

	background-color : #b49f7a;
}

.box-option-form{
	/*position      : absolute;*/
	margin : 20px auto 0;
	display       : block;
	z-index       : 122;

	height        : 2px;
	width: 100%;
	max-width         : 297px;

	background    : rgba(180,159,122);
	border-style  : none;
	border-radius : 0px;
}

.box-option-form-contact{
	z-index       : 122;

	height        : 2px;
	width         : 297px;

	background    : rgba(180,159,122);
	border-style  : none;
	border-radius : 0px;
}

.btn-main {
	background-color : #b49f7a;
	color            : #fff;
	border-color     : #b49f7a;
}

.btn-black {
	background-color : #000;
	color            : #b49f7a;
	border-color     : #000;
}

.btn-outline-main {
	background-color : transparent;
	background-image : none;
	color            : #000 !important;
	border-color     : #000 !important;
}

.btn-outline-main-1 {
	background-color : transparent;
	background-image : none;
	color            : #b49f7a !important;
	border-color     : #b49f7a !important;
}

.menu-img-1{
	height              : 100px;
	width               : 100%;

	background-image    : url(../img/home1.jpg);
	background-position : center center;
	background-repeat   : no-repeat;
	background-size     : cover;
}

.menu-img-2{
	height              : 100px;
	width               : 100%;

	/*background-image: url(../img/about1.jpg);*/
	background-color    : #b49f7a;
	background-position : center center;
	background-repeat   : no-repeat;
	background-size     : cover;
}

.menu-img-3{
	height              : 100px;
	width               : 100%;

	/*background-image: url(../img/contact1.jpg);*/
	background-color    : #b49f7a;
	background-position : center center;
	background-repeat   : no-repeat;
	background-size     : cover;
}

.menu-img-4{
	height              : auto;
	width               : 100%;

	/*background-image: url(../img/contact1.jpg);*/
	background-color    : #b49f7a;
	background-position : center center;
	background-repeat   : no-repeat;
	background-size     : cover;
}

.drawer.show.drawer-left{
	top  : 101px !important;
	left : 0px !important;
}

.drawer.drawer-left{
	top : 101px !important;
}

.drawer-left{
	border-right : 0px !important;
}

.drawer-backdrop{
	background-color : unset !important;
	display: none !important;
}
.cookiealert .btn-primary{
	background: #b49f7a;
	border: none;
}
.cookiealert .btn-primary:hover{
	background: #b49f7a;
}
.cookiealert a{
	color: #dcbc71;
}
.cookiealert a:hover{
	color: #dcbc71;
}
/*.drawer-content{
	background-color: #000 !important;
}*/
.drawer-open{
	padding-right : 0px !important;
}

.swiper-container-1 {
	position     : relative !important;
	z-index      : 1 !important;

	overflow     : hidden !important;
	height       : 100% !important;
	width        : 100% !important;
	margin-right : auto !important;
	margin-left  : auto !important;
	padding      : 0 !important;

	list-style   : none !important;
}

.swiper-container-2 {
	position     : relative !important;
	z-index      : 1 !important;

	overflow     : hidden !important;
	height       : 100% !important;
	width        : 100% !important;
	margin-right : auto !important;
	margin-left  : auto !important;
	padding      : 0 !important;

	list-style   : none !important;
}
.menu-text{
	font-size: 28px !important;
}
.tel-text{
	font-size: 36px !important;
}
.modal-thanks .modal-body{
	padding: 30px;
}
.modal-thanks .close{
	position: absolute;
	top: 15px;
	right: 15px;
}
.modal-thanks p{
	margin-bottom: 0 !mportant;
}
.modal-thanks img{
	margin: 15px 0;
}
.modal-thanks .modal-content{
	background: #b49f7a;
	color: #fff;
}
.modal-thanks .modal-content p{
	color: #fff;
}
.gallery-item-lr{
	padding: 0;
}
.swiper-container-2{
	height: 338px !important;
}
.ckin__player{
	margin-bottom: 0 !important;
}
.gallery-item-lr .default{
	border-radius: 0;
}
.gallery-item-lr .default::before {
	border-radius: 0;
}
.fb-top{
	font-size: 20px;
}
.line-top{
	font-size: 20px;
}
.page-wrapper .content-wrapper{
	height: 100%;
}
.hamburger-box{
	vertical-align: middle;
}
@media (min-width: 320px) {
	.pl-lg-80{
		padding-left : 0px;
	}

	.bg-banner{
		height : 200px;
	}

	.mt-lg-270{
		margin-top : 40px;
	}

	h1{
		font-size : 2rem !important;
	}

	h4{
		font-size : 1.25rem !important;
	}

	h2{
		font-size : 1.75rem !important;
	}
	.font-h{
		font-size : 1.75rem !important;
	}

	h5{
		font-size : 1.5rem !important;
	}

	.mt-lg-60{
		margin-top : 40px;
	}

	.font-14px-17px{
		font-size : 18px;
	}

	.mb-lg-80{
		margin-bottom : 10px;
	}

	.mt-lg-160{
		margin-top : 0px;
	}

	.mt-mb-lg-60{
		margin-top    : 40px;
		margin-bottom : 40px;
	}

	.mb-sm-30{
		margin-bottom : 30px;
	}

	.img-facilities{
		height : 60px;
	}

	.mt50-mb100{
		margin-top    : 20px;
		margin-bottom : 20px;
	}

	.mt-lg-60{
		margin-top : 30px;
	}

	.font-lg-20{
		font-size : 22px;
	}

	.mb-lg-30{
		margin-bottom : 10px;
	}

	.mt-mb-80{
		margin-top    : 40px;
		margin-bottom : 0px;
	}

	.mb-mt-80{
		margin-top    : 0px;
		margin-bottom : 40px;
	}

	.mt-mb-40{
		margin-top    : 0px;
		margin-bottom : 0px;
	}

	.font-26px{
		font-size : 26px;
	}

	.btn-width{
		width : 100%;
	}

	.drawer{
		width : 100% !important;
	}

	.font-20px{
		font-size : 18px;
	}

	.font-18-to-20{
		font-size : 20px;
	}

	.font-20-to-18{
		font-size : 18px;
	}

	.line-h-menu{
		font-size   : 18px;
		line-height : 20px !important;
	}

	.text-banner{
		right  : 20px;
		bottom : 0px;
	}

	.text-about-gold{
		background-image        : linear-gradient(to right, #9f6a24 , #dcbc71, #9f6a24);
		font-size               : 18px !important;

		-webkit-background-clip : text;
		-webkit-text-fill-color : transparent;
	}
	.img-50{
		width: 20px !important;
	}
}

@media (min-width: 768px) {
	h1{
		font-size : 4rem !important;
	}

	h2{
		font-size : 3rem !important;
	}
	.font-h{
		font-size : 3rem !important;
	}

	h4{
		font-size : 2rem !important;
	}

	h5{
		font-size : 2rem !important;
	}

	p{
		font-size : 24px !important;
	}

	.font-14px-17px{
		font-size : 24px;
	}

	.pl-lg-80{
		padding-left : 80px;
	}

	.bg-banner{
		height : 330px;
	}

	.mt-lg-270{
		margin-top : 420px;
	}

	.form-position{
		top : 400px;
	}

	.btn-width{
		width : 300px;
	}

	.pl-lg-120{
		padding-left : 0 !important;
	}

	.drawer{
		width : 460px !important;
	}

	.font-18-to-20{
		font-size : 18px;
	}

	.font-20-to-18{
		font-size : 20px;
	}

	.line-h-menu{
		font-size   : 18px;
		line-height : 30px !important;
	}

	.text-banner{
		right  : 50px;
		bottom : 10px;
	}

	.text-about-gold{
		background-image        : linear-gradient(to right, #9f6a24 , #dcbc71, #9f6a24);
		font-size               : 36px !important;

		-webkit-background-clip : text;
		-webkit-text-fill-color : transparent;
	}
	.img-50{
		width: 50px !important;
	}
}

@media (min-width: 992px) {
	.pl-lg-80{
		padding-left : 80px;
	}

	.bg-banner{
		height : 450px;
	}

	.pl-lg-120{
		padding-left : 90 !important;
	}

	.mb-mt-80{
		margin-top    : 80px;
		margin-bottom : 80px;
	}

	.mt-mb-80{
		margin-top    : 80px;
		margin-bottom : 80px;
	}

	.drawer{
		width : 460px !important;
	}

	.mt-lg-270{
		margin-top : 300px;
	}
	.img-50{
		width: 50px !important;
	}
}

@media (max-width:1199px){
	.menu-text{
		font-size: 24px !important;
		margin-right: 0;
	}
	.fa-facebook-official{
		font-size: 1rem;
	}
	.line-contact img{
		max-width: 12px;
	}
	.fb-top{
		font-size: 16px !important;
	}
	.line-top{
		font-size: 16px !important;
	}
	
	.mb-top .fa{
		font-size:14px; 
	}
}
@media (max-width:991px){
	.gallery-item-lr{
		padding: 15px;
	}
	.gallery-heading-btm{
		display: none;
	}
}
@media (min-width: 1200px) {
	

	.pl-lg-80{
		padding-left : 80px;
	}

	.bg-banner{
		height : 750px;
	}

	.mt-lg-270{
		margin-top : 300px;
	}

	.form-position{
		top : 609px;
	}

	h1{
		font-size : 4rem !important;
	}

	h4{
		font-size : 2rem !important;
	}

	h2{
		font-size : 3rem !important;
	}
	.font-h{
		font-size : 1.75rem !important;
	}

	h5{
		font-size : 2rem !important;
	}

	p{
		font-size : 24px !important;
	}

	/*.p-th{
		font-size: 24px !important;
	}*/
	.mt-lg-60{
		margin-top : 60px;
	}

	.font-14px-17px{
		font-size : 24px;
	}

	.mb-lg-80{
		margin-bottom : 80px;
	}

	.mt-lg-160{
		margin-top : -160px;
	}

	.mt-mb-lg-60{
		margin-top    : 60px;
		margin-bottom : 60px;
	}

	.mb-sm-30{
		margin-bottom : 80px;
	}

	.img-facilities{
		height : 95px;
	}

	.mt50-mb100{
		margin-top    : 50px;
		margin-bottom : 100px;
	}

	.mt-lg-60{
		margin-top : 60px;
	}

	.font-lg-20{
		font-size : 26px;
	}

	.mb-lg-30{
		margin-bottom : 30px;
	}

	.mt-mb-80{
		margin-top    : 80px;
		margin-bottom : 80px;
	}

	.mb-mt-80{
		margin-top    : 80px;
		margin-bottom : 80px;
	}

	.mt-mb-40{
		margin-top    : 40px;
		margin-bottom : 40px;
	}

	.font-26px{
		font-size : 32px;
	}

	.btn-width{
		width : 300px;
	}

	.pl-lg-120{
		padding-left : 10px !important;
	}

	.drawer{
		width : 455px !important;
	}

	.font-20px{
		font-size : 20px;
	}
}

.border-design{
	border-width       : 3px;
	border-image       : linear-gradient(to r, #9f6a24 , #dcbc71, #9f6a24);
	border-image-slice : 1;
}

.swiper-button-next, .swiper-button-prev{
	color : #fff !important;
}

.text-link{
	color : #000;
}

.text-link:hover{
	color : #000;
}

.text-link-contact{
	color : rgb(102, 102, 102);
}

.text-link-contact:hover{
	color : #b49f7a;
}

.h-select{
	height : calc(2.25rem + 5px) !important;
}

.swiper-container {
	height : 100%;
	width  : 100%;
}

.swiper-slide {
  /* Center slide text vertically */
	display                 : -webkit-box;
	display                 : -ms-flexbox;
	display                 : -webkit-flex;
	display                 : flex;

	background              : #000;
	font-size               : 18px;
	text-align              : center;

	-webkit-box-pack        : center;
	-ms-flex-pack           : center;
	-webkit-justify-content : center;
	justify-content         : center;
	-webkit-box-align       : center;
	-ms-flex-align          : center;
	-webkit-align-items     : center;
	align-items             : center;
}

.swiper-slide {
	/*width: 450px !important;*/
}

.swiper-pagination-bullet-active{
	background : #fff !important;
}
textarea{
	resize: none !important;
}
.modal{
	z-index: 1060 !important;
}
@media (max-width:576px){
	.mb-top {
		margin: 0 !important; 
	}
	#formHome span span{
		display: block;
		line-height: 8px;
		margin-bottom: 30px;
	}
	.swiper-pagination{
		bottom: 48px !important;
	}
	.gallery-item-lr{
		padding-top: 0;
		padding-bottom: 0;
	}
	.gallery-item-lr:last-child{
		padding-bottom: 15px;
	}
}