a{
	transition: .5s;
}
a:hover{
	color: unset;
	text-decoration: none;
}

.text-main{
	color: rgb(var(--main-color));
}
.text-product{
	color: rgb(var(--dark-color));
}
.text-product:hover{
	color: rgb(var(--dark-color));
	text-decoration: none;
}
.text-sub{
	color: rgb(var(--main-color));
}
.bg-main{
	background-color: rgba(0,90,0,1);
}
.bg-sub{
	background-color: rgb(var(--main-color));
}
.btn-main{
	color: #fff;
    background-color: rgb(var(--main-color));
    border-color: rgb(var(--main-color));
}
body{
	padding: 10px;
	font-family: 'Kanit', sans-serif;
	width: 100%;
}
div.website{
	border-radius: var(--border);
	background-color: #f7f7f7;
	width: 100%;
	box-shadow: 0 0 20px 1px rgba(0,0,0,0.3);
}
header nav{
	height: calc(var(--nav-height) - var(--nav-for-mobile));
}
header nav .navbar-brand{
	padding-top: 0 !important;
    padding-bottom: 0 !important;
	max-width: 50% !important;
}
header nav .navbar-brand img{
	max-height: calc(var(--nav-height) - calc(var(--nav-for-mobile) * 2) - 20px) !important;
}
header .lang img, .bmn__wrapper .lang img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}
header .lang img.active, .bmn__wrapper .lang img.active{
	-webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
	filter: grayscale(0);
}
section#banner{
	margin-top: calc(calc(var(--nav-height) - var(--nav-for-mobile)) * -1);
	border-radius: var(--border) var(--border) 0 0;
	/*padding-top: var(--nav-height);*/
	overflow: hidden;
	background-position: center top;
	background-size: cover;
}
section#banner.full{
	/*-webkit-clip-path: polygon(100% 0, 86% 100%, 0 100%, 0 0);*/
	clip-path: polygon(0 0,100% 0 , 100% calc(100% - 10vw), 0% 100%);
	overflow: hidden;
	height: var(--banner);
	/*height: 800px;*/
}
section#banner.half{
	/*-webkit-clip-path: polygon(100% 0, 86% 100%, 0 100%, 0 0);*/
	clip-path: polygon(0 0,100% 0 , 100% calc(100% - 10vw), 0% 100%);
	overflow: hidden;
	height: calc(var(--banner) / 2);
}
#bannerMinus{
	margin-top: calc(var(--banner) / 10 * -1);
	overflow-x: hidden;
}
footer{
	overflow: hidden;
	border-radius:0 0 var(--border) var(--border) ;
}
.jarallax {
    min-height: 600px;
}
.demo-table {
    display: table;
    width: 100%;
    height: 600px;
    background-color: rgba(var(--fade-color), 0.6);
    color: #fff;
}
.demo-table-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

/*slide swiper*/
.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -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;
}
/*End slide swiper*/
.font-banner-index-1{
	font-size: 1.4rem;
	line-height: 25px;
}
.font-banner-index-2{
	font-size: 1rem;
	line-height: 20px;
}
.mt-lg-80{
		margin-top: 20px;
}
.pb-lg-40{
	padding-bottom: 20px;
}
.text-dots{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.font-lg-1_25rem{
	font-size: 0.75rem;
	line-height: 40px;
}
.font-lg-24px{
	font-size: 14px;
}
.column-count-2{
	column-count: 2;
	column-gap: 30px;
}
.shadow-custom{
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
}
.font-1rem{
		font-size: 1rem;
}
.font-2rem{
		font-size: 1.5rem;
}

/*media*/

/*--------------------------------------------------------ipad*/
/* md */
@media (min-width: 768px){
	.container, .container-md, .container-sm {
	    max-width: 720px;
	}
	header nav{
		height: var(--nav-height);
	}
	header nav .navbar-brand img{
		max-height: calc(var(--nav-height) - 14px) !important;
	}
	section#banner{
		margin-top: calc(var(--nav-height) * -1);
	}
	section#banner.full{
		height: var(--banner-md);
	}
	section#banner.half{
		height: calc(var(--banner-md) / 2);
	}
	#bannerMinus{
		margin-top: calc(var(--banner-md) / 10 * -0.5);
	}
	.font-banner-index-1{
	font-size: 1.75rem;
	line-height: 25px;
	}
	.font-banner-index-2{
		font-size: 1.25rem;
		line-height: 20px;
	}
	.column-count-md-2{
		column-count: 2;
		column-gap: 30px;
	}
	.font-1rem{
		font-size: 0.75rem;
	}
	.text-dots-detail {
	    height: 45px;
	    overflow: hidden;
	}
}

/*--------------------------------------------------------desktop + ipad pro*/
/* lg */
@media (min-width: 992px){
	body{
		padding: 30px;
	}
	header nav .navbar-brand img{
		max-height: var(--nav-height) !important;
	}
	.container, .container-lg, .container-md, .container-sm {
	    max-width: 960px;
	}
	section#banner.full{
		height: var(--banner-lg);
	}
	section#banner.half{
		height: calc(var(--banner-lg) / 2);
	}
	#bannerMinus{
		margin-top: calc(var(--banner-lg) / 10 * -1);
	}
	.mb-lg-8{
		margin-bottom: 3.5rem!important;
	}
	.font-banner-index-1{
		font-size: 3.3rem;
		line-height: 50px;
	}
	.font-banner-index-2{
		font-size: 1.75rem;
		line-height: 70px;
	}
	.font-lg-1_25rem{
		font-size: 1.25rem;
		line-height: 40px;
	}
	.font-lg-24px{
		font-size: 24px;
	}
	.font-1rem{
		font-size: 1rem;
	}
	.font-2rem{
		font-size: 2rem;
	}
	.text-dots-detail {
	    height: 95px;
	    overflow: hidden;
	}
}

/*--------------------------------------------------------desktop lange*/
/* xl */
@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
	    max-width: 1140px;
	}
	section#banner.full{
		height: var(--banner-xl);
	}
	section#banner.half{
		height: calc(var(--banner-xl) / 2);
	}
	#bannerMinus{
		margin-top: calc(var(--banner-xl) / 10 * -1);
	}
	.mt-lg-80{
		margin-top: 80px;
	}
	.pb-lg-40{
		padding-bottom: 40px;
	}
	.text-dots-detail {
	    height: 135px;
	    overflow: hidden;
	}
}

@media (min-width: 1400px){
	.container, .container-xxl, .container-lg, .container-md, .container-sm, .container-xl {
	    max-width: 1300px;
	}
	section#banner.full{
		height: var(--banner-xl);
	}
	section#banner.half{
		height: calc(var(--banner-xl) / 2);
	}
	#bannerMinus{
		margin-top: calc(var(--banner-xl) / 8 * -1);
	}
	.text-dots-detail {
	    height: 195px;
	    overflow: hidden;
	}
}
@media (min-width: 1600px){
	.container, .container-xxl, .container-lg, .container-md, .container-sm, .container-xl {
	    max-width: 1400px;
	}
}

.tox {
	width: 100%;
}

.footer-text{
	color: #fff;
}
.contact-text{
	color: #000;
}