@font-face {
    font-family: 'IBM Plex Sans Thai Looped';
    src: url('../webfonts/ibmplexsansthailooped-regular-webfont.woff2') format('woff2'),
         url('../webfonts/ibmplexsansthailooped-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*---Reset---*/

*{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	outline: none;
	font-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}
*:focus{
	outline: none;
}
*,*:after,*:before{	
    -webkit-box-sizing: border-box;	
    -moz-box-sizing: border-box;	
    box-sizing: border-box;	
    padding: 0;	
    margin: 0;
}
html{
 	scroll-behavior: smooth;
}
body{
    font-family: 'IBM Plex Sans Thai Looped', sans-serif;
	font-size:14px;
    line-height:20px;
    font-weight:400;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	cursor: default;
}
body::-webkit-scrollbar{ 
    display: none; 
}
a{
	text-decoration:none;
	color: #000;
}
body:not(.device-touch) a:hover{
	text-decoration: none!important;
	color: #006600;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
div, a, p, img, iframe{
	display: block;
	position: relative;
}
p{
	font-size: 14px;
	line-height: 20px;
	color: #000;
	margin-bottom: 20px;
}
p > a{
	display: inline;
	text-decoration: none;
}
p > a:hover{
	text-decoration: underline;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
}
p > span{
	display: inline;
}
strong{
	font-weight: 600;
}
small{
	font-size: 11px;
}
.decoration{
    height: 1px;
    width: 100%;
    display: block;
    background-color: rgba(0,0,0,0.2);
    clear: both!important;
	margin-top: 20px;
	margin-bottom: 20px;
}

/*---Headings---*/

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a{
	display: inline;
}
h1, h2, h3, h4, h5{
    margin-bottom: 10px;
}
h1{
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
}
h2{
    font-size: 20px;
    line-height: 23px;
    font-weight: 400;
}
@media(max-width:967px){
	h2{
    font-size: 18px;
    line-height: 21px;
	}
}
@media(max-width:479px){
	h2{
    font-size: 16px;
    line-height: 19px;
	}
}
h3{
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
}
@media(max-width:967px){
	h3{
    font-size: 16px;
    line-height: 19px;
	}
}
@media(max-width:479px){
	h3{
    font-size: 14px;
    line-height: 17px;
	}
}
h4{
    font-size: 20px;
    line-height: 23px;
    font-weight: 300;
    margin-bottom: 10px;
}
h5{
    font-size: 18px;
    line-height: 21px;
    font-weight: 200;
}
@media(max-width:479px){
	h5{
    font-size: 15px;
    line-height: 18px;
	}
}

/*---Button----*/

.button{
	padding:5px 30px 5px 30px;
	font-size:14px;
	font-weight:300;
	text-align:center;
	text-transform:uppercase;
	border:solid 1px #111;
	color:#111;
	background-color:transparent;
	margin-left:auto;
	margin-right:auto;
	width:180px;
	margin-bottom:10px;
}

@media(min-width:768px){
	.button:hover{
		background-color:#006600;
		color:#fff;
		text-decoration:none;
		transition:all 500ms ease;
		cursor:pointer;
	}
}

/*---Classes----*/

.container{
    display: block;
}
.container:after{
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0px;
}


/*---Anchor----*/

.anchor {
	padding-top: 100px!important;
	margin-top: -100px!important;
}

@media(max-width:1199px) {
	.anchor {
		padding-top: 80px!important;
		margin-top: -80px!important;
	}
}

.selcetion-last-child{
	margin-bottom: 0px;
	padding-bottom: 30px;
}
@media(max-width:967px){
	.selcetion-last-child{
		padding-bottom: 20px;
	}
}
@media(max-width:479px){
	.selcetion-last-child{
		padding-bottom: 10px;
	}
}
.padding{
	padding: 30px 70px 0px 70px;
}
@media(max-width:967px){
	.padding{
		padding: 20px 20px 0px 20px;
	}
}
@media(max-width:479px){
	.padding{
		padding: 10px 0px 0px 0px;
	}
}

/*---Global---*/

.clear{
	clear: both!important;
}
.hidden{
	display: none;
}
.uppercase{
	text-transform: uppercase;
}
.center{
	text-align:center;
}

/*---Columns---*/

@media(max-width:967px){
    .one-half-desktop{
		width: 100%;
	}
}
@media(min-width:968px){
    .one-half-desktop{
        width: 45%;
        float: left;
        margin-right: 10%;
	}
}
@media(min-width:640px){
    .one-forth-desktop{
        float: left;
        width: 50%;
	}
}
@media(min-width:1024px){
    .one-forth-desktop{
        float: left;
        width: 25%;
	}
}
@media(min-width:968px){
    .one-left-large{
        width: 75%;
        float: left;
	}
    .one-right-small{
        width: 20%;
        float: left;
        margin-left: 5%;
   }
}
@media(min-width:968px){
    .one-left-small{
        width: 20%;
        float: left;
	}
    .one-right-large{
        width: 75%;
        float: left;
        margin-left: 5%;
   }
}
.last-column{
	margin-right: 0%!important
}
.last-column:after{
	visibility: hidden!important;
	display: block!important;
	content: ""!important;
	clear: both!important;
	height: 0px!important;    
}

/*---Mobile Responsive---*/

.hide-if-mobile{
    display: none!important;
}
.hide-if-desktop{
    display: none!important;
}
@media(max-width:967px){
    .hide-if-desktop{
        display: block!important;
   }
}
@media(min-width:968px){
    .hide-if-mobile{
        display: block!important;   
   }
}

/*---Carousel---*/

.owl-item{
    transform: translate3d(0, 0, 0)!important;   
}
.owl-carousel .animated{
  	-webkit-animation-duration: 1000ms;
  	animation-duration: 1000ms;
  	-webkit-animation-fill-mode: both;
  	animation-fill-mode: both;
}
.owl-carousel .owl-animated-in{
  	z-index: 0;
}
.owl-carousel .owl-animated-out{
  	z-index: 1;
}
.owl-carousel .fadeOut{
  	-webkit-animation-name: fadeOut;
  	animation-name: fadeOut;
}
@-webkit-keyframes fadeOut{
  	0%{
    	opacity: 1;
  	}
  	100%{
    	opacity: 0;
  	}
}
@keyframes fadeOut{
  	0%{
    	opacity: 1;
  	}
  	100%{
    	opacity: 0;
  	}
}
.owl-height{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition :height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
.owl-carousel{
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}
.owl-carousel .owl-stage{
    position: relative;
    -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-carousel .owl-stage-outer{
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-dot{
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel.owl-loaded{
    display: block;
}
.owl-carousel.owl-loading{
    opacity: 0;
    display: block;
}
.owl-carousel.owl-hidden{
    opacity: 0;
}
.owl-carousel .owl-refresh .owl-item{
    display: none;
}
.owl-carousel .owl-item{
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel .owl-item img{
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item{
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}
.owl-carousel .owl-grab{
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}
.owl-carousel.owl-rtl{
    direction: rtl;
}
.owl-carousel.owl-rtl .owl-item{
    float: right;
}
.no-js .owl-carousel{
    display: block;
}