/*-- Use For Custom Styling --*/
.hide{display:none !important;}

.spacing-0{letter-spacing:0px !important;}
.spacing-3{letter-spacing:3px !important;}
.spacing-5{letter-spacing:5px !important;}
.spacing-10{letter-spacing:10px !important;}

.mgt-5{margin-top:5px !important;}
.mgt-10{margin-top:10px !important;}
.mgt-20{margin-top:20px !important;}
.mgt-30{margin-top:30px !important;}
.mgt-50{margin-top:50px !important;}

.mgb-3{margin-bottom:3px !important;}
.mgb-5{margin-bottom:5px !important;}
.mgb-10{margin-bottom:10px !important;}
.mgb-20{margin-bottom:20px !important;}
.mgb-30{margin-bottom:30px !important;}
.mgb-50{margin-bottom:50px !important;}

.pdt-0{padding-top:0px !important;}
.pdt-5{padding-top:5px !important;}
.pdt-10{padding-top:10px !important;}
.pdt-15{padding-top:5px !important;}
.pdt-20{padding-top:20px !important;}
.pdt-50{padding-top:50px !important;}
.pdt-60{padding-top:60px !important;}
.pdt-80{padding-top:80px !important;}
.pdt-100{padding-top:100px !important;}

.shadow1{box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}

.radius-5{border-radius:5px 5px 5px 5px }
.radius-10{border-radius:10px 10px 10px 10px }

.font-14{font-size:14px !important;}
.font-16{font-size:16px !important;}
.font-18{font-size:18px !important;}
.font-20{font-size:20px !important;}
.font-22{font-size:22px !important;}
.font-24{font-size:24px !important;}
.font-26{font-size:26px !important;}
.font-28{font-size:28px !important;}
.font-30{font-size:30px !important;}
.font-34{font-size:34px !important;}
.font-40{font-size:2rem !important;}
.font-42{font-size:34px !important;}

.font-roboto{font-family:Roboto !important;}
.font-kanit{font-family:Kanit !important;}
.font-poppins{font-family:Poppins !important;}

.kanit{font-family:Kanit !important;}
.poppins{font-family:Poppins !important;}
.roboto{font-family:Roboto !important;}
.font-title{font-family:Poppins,Kanit !important;}

.bold-300{font-weight:300 !important;}

.weight-200{font-weight:200 !important;}
.weight-300{font-weight:300 !important;}
.weight-400{font-weight:400 !important;}
.weight-500{font-weight:500 !important;}
.weight-600{font-weight:600 !important;}

.height-10{height:10px !important;}
.height-20{height:20px !important;}
.height-30{height:30px !important;}
.height-50{height:50px !important;}
.height-60{height:60px !important;}
.height-80{height:80px !important;}
.height-100{height:100px !important;}
.height-200{height:200px !important;}

.width-full{width:100% !important;}
.width-max{width-max:100% !important;}

.border-gold{-webkit-text-stroke: 1px #c29d45;}
.txt-border{-webkit-text-stroke: 1px #ffffff;}
.txt-border-gold{-webkit-text-stroke: 1px #ffb4005e;}

.align-left{text-align:left !important;}
.align-center{text-align:center !important;}
.align-right{text-align:right !important;}

.color-main{color:#8b218d !important;}
.color-gold{color:#e4b874 !important;}
.color-red{color:#d90000 !important;}
.color-white{color:#ffffff !important;}
.color-black{color:#000 !important;}

.max-100{max-widht:100% !important;}
.gold-text {
	color:#c3a343;
	-webkit-text-fill-color: transparent;
	background: -webkit-linear-gradient(transparent, transparent),
	url(http://example.com/gold-texture-image.png) repeat;
	background: -o-linear-gradient(transparent, transparent);
	-webkit-background-clip: text;
}
.bg-gold{background-color:#d0c1a0 !important}
.bg-gradient{
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5858544101234244) 26%, rgba(255,255,255,1) 63%); 
}
.box-content{
	padding:30px 50px !important;
}
.txt-gold{
color: #D5AD6D; /*if no support for background-clip*/
background: -webkit-linear-gradient(transparent, transparent),
-webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);
background: -o-linear-gradient(transparent, transparent);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.txtTitle-blog{font-size:22px;font-weight:400;font-family:Kanit;text-align:center;}
.txtintro{font-size:18px;font-weight:300;font-family:Kanit;padding:0 10px;}

.capital{font-family:"Poppins","Kanit";  text-transform: uppercase;}
.cnt-title {position: absolute;top: 82px;width: 100%;left: 0;text-align: center;font-size: 54px;font-weight: bold;opacity: .2;color:#a4a4a4;}
.txt-color-gold {
	font-family: "Poppins","Kanit";
	padding-left: 15px;
	line-height: 1.5;
	display: inline-block;
	background-image: -moz-linear-gradient( to right, #ff5600 30%, #ffa705 80%);
	background-image: -webkit-linear-gradient( to right, #ff5600 30%, #ffa705 80%);
	background-image: linear-gradient( to right, #ff5600 30%, #ffa705 80%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


.bg-content{background: rgb(225,203,139);background: linear-gradient(0deg, rgba(225,203,139,1) 0%, rgba(225,203,139,1) 17%, rgba(255,255,255,1) 78%);}
.bg-content2{background: rgb(225,203,139) !important;background: linear-gradient(0deg, rgba(225,203,139,1) 0%, rgba(225,203,139,1) 39%, rgba(255,255,255,1) 93%) !important;}

.imgBlogList{width:100%;margin-bottom:15px;}

.box-list-blog{background: #ffffff2e;border-radius: 0 0 20px 20px;padding-bottom: 45px;}
.box-img-blog{margin-bottom:20px;}

.col-pd-5{padding:5px !important;}
.mobile-title{width: 100%;position: absolute;text-align: center;font-size: 1.4rem;padding-left:10px}

.boxContact{position:relative;margin-bottom:10px;padding-top:5px;}

.link-main{color:#4d0066 !important;}
.link-dark{color:#595555 !important}
.link-dark:hover{color:#121212 !important}
.link-light{color:#df00df !important;}
.link-withe{color:#ffffff !important;}

.btn-edit-prd{position:absolute;top:0;right:0;font-size:18px;z-index:9}
.btn-edit-blog{position:absolute;top:0;right:0;font-size:18px;z-index:9}
/*---- bn*/
.bn_save{right:0;position:absolute;}

.blog-bg {background-color: #ffffff !important;padding: 0px 50px 20px 50px;border-radius: 20px;	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}

.zoom1{transform:scale(1);  transition: transform .3s ease;opacity:.2;}
.zoom1:hover{transform: scale(1.3);transition:transform .2s ease;opacity:1;}

.zoom-img img{transform:scale(1);  transition: transform .3s ease;}
.zoom-img:hover img{transform: scale(1.05);transition:transform .2s ease;}

.limitLine1 {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.limitLine2 {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.limitLine3 {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.icon-contact {height: 45px;float: left;margin-top: 5px;margin-right: 20px;}
.iconNav{height:80px;widhth:80px;border-radius:50%;opacity: 1;transition: .5s ease;backface-visibility: hidden;}

.iconNavN{position:absolute;top:-30px; right:0;}
.iconNavP{position:absolute;top:-30px; left:10px;}

.boxNavL:hover img {opacity: 0.5;}
.boxNavL span:after {content: '\◄'; position: absolute;opacity: 0; top:0px; right: 50%; transition: 0.5s;}
.boxNavL:hover span {padding-right: 10px; color: #d90000;top:0px; }
.boxNavL:hover span:after {opacity: 1;right: calc(100% - 50px);z-index:9;font-size:33px;top:0px; }

.boxNav{position:relative;}
.boxNav:hover img {opacity: 0.5;}
.boxNav span:after {content: '\►'; position: absolute;opacity: 0; top:0px; left: 50%; transition: 0.5s;}
.boxNav:hover span {padding-right: 10px; color: #d90000;top:0px; }
.boxNav:hover span:after {opacity: 1;left: calc(100% - 50px);z-index:9;font-size:33px;top:0px; }

.float-left{margin-left:85px}
.float-right{float:right;padding-right:85px}

.middle {transition: .5s ease;opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;}

/*Modify ------------------------------------------------*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 300 !important;}
.navbar .navbar-nav {margin-left: auto !important;}
.side-menu {background: linear-gradient( rgba(212, 208, 212, 0.9), rgba(162, 14, 204, 0.9)), url('/images/bg/prd.jpg');background-size:cover;}
.side-nav .navbar-nav .nav-link {	font-weight: 400 !important;}
.about-us .media .media-body {font-size: 20px;color: #343434;font-weight: 300;font-family: Kanit;}
.about-us-2 .about-text p {font-weight: 200;text-align: left;}
.navbar .navbar-nav .nav-link {font-size: 22px !important;font-weight: 400 !important;}
.social-icons ul li {font-size: 32px !important;}
.banner-section {padding-top: 5rem;}