/* ffde00 eac00b 211e1f */
body{
	font-family: 'Kanit', sans-serif !important;
	font-weight: normal;
	font-size: 16px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p{
	font-family: 'Kanit', sans-serif !important;
	font-weight: normal;
	letter-spacing: 0;
}
/*h2{ font-size: 1.7em;}*/

.col-sm-6{ clear: none !important; float: left;}
.hvr-underline-from-left:before{
	background: #27bbef;
	height: 2px;
}
::selection{
	background: #039be6;
	text-shadow: none;
	color: #333;
}

/*EBB838  1b2a3d*/
.btn{
	background-color: #fff100;
    border-color: #fff100;
	font-weight: normal;
	font-size: .9em;color: #000;
}

.btn:hover, .btn:focus, .btn:active, .btn.active,
.owl-carousel .owl-nav [class*="owl-"]:hover{
	outline: 0 !important;
	background-color: #005109;
	border-color: #005109;
	color: #fff;
}
a:hover, a:focus, a:active{ color: #039be6}
h5.subhead{font-size: 23px;}
p.pdec {margin-bottom: 20px;}
/* TOPBAR */
#topbar{ border: none; background: #f8f8f8;}
#topbar ul{ margin: 0; padding: 0;}
/*{ background: #000; padding: 0 15px;}*/
.topbar_link{ float: right;}
.topbar_social{ float: right;}
.topbar_link ul li a{ color: #0560a9; line-height: 30px; font-size: .9em; margin-right: 0px;}
.topbar_link ul li span{ color: #aaaaaa; margin-right: 5px;}

.social-icons .social-linead img, .social-icons .social-line img, .social-icons.social-icons-colored .social-linead img, .social-icons.social-icons-colored .social-line img{ width: 15px;}
.social-icons:not(.social-icons-colored):not(.social-icons-colored-hover) li a:hover{ background: #ffef00;}


/* HEADER */
#header #header-wrap{ border: none !important;}

/* LOGO */
#header.header-mini #header-wrap #logo a > img{	 width: auto;}

/* MENU */
#mainMenu nav > ul > li > a{
	font-family: 'Kanit', sans-serif !important;
	font-weight: normal;
	letter-spacing: 0;
	font-size: 1em;
}


/* SLIDER */
.slide_item{ position: relative;}
.slide_item .slide_caption{ position: absolute; top: 35%; left: 10%; width: 45%;}
.slide_item .slide_caption .detail{ margin-bottom: 30px;}
.owl-carousel .owl-nav [class*="owl-"]{ border-radius: 0;}
.slide_item .slide_caption .htitle{font-size: 1.6em; line-height: 1.125em; color: #fff; text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.24); position: relative;}
.slide_item .slide_caption .detail{color: #282828; line-height: normal;}

/* HDEC */
.hdec{ position: relative; padding-bottom: 20px;}
.hdec:after{ 
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 60px;
	height: 4px;
	background-color: #27bbef;
}
#slide_sect .owl-carousel .owl-stage-outer{ width: 100%; }

/* HTML ABOUT */
.section-title {
    margin-bottom: 30px;
    text-align: center;
}
.section-title h3 {
    font-weight: bold;    margin-bottom: 5px;
}
.section-title h3:after {
    content: "";
    display: block;
    width: 120px;
    height: 3px;
    background: #27bbef;
    margin: 0px auto 0;
}
.html_about{ 
	padding: 80px 0px 0px 0px;
	/* background: url('../_images/about.png') no-repeat;*/
	background-position: left top;
	background-size: 900px;
	/*-webkit-filter: grayscale(100%);*/
}
.html_about .sleft .inner{ width: 100%; float: right; margin-top: -70px; padding:  0 10%;}
.html_about .sleft .detail ul li{ position: relative;}
.html_about .sleft .detail ul li:before{
	position: absolute;
	content: "";
	background: url('../_images/chevron-sign-to-right.png') no-repeat;
	background-size: 12px;
	background-position: center;
	width: 12px;
	height: 12px;
	left: -20px;
	top: 8px;
}
.html_about .sleft .detail ul li:hover{ color: #000;}
.html_about .sright .inner{ position: relative;top: -45px;}
.html_about .sright .inner:before{ 
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	border: 1px solid #f2f2f2;
	left: -15px;
	top: -15px;
	z-index: -1;
}

.html_about .sright .fixed_box{
	position: absolute;
	top: -130px;
	background: #fff;
	z-index: 2;
	width: 360px;
	padding: 0px 20px 20px 20px
}
.html_about .sright .fixed_box .box_inner h5{ font-size: 26px; margin: 0;}
.html_about .sright .fixed_box .box_inner a, a.front_border{     /* float: right; */
    color: #058619;
    position: relative;font-family: 'Kanit', sans-serif !important;}
.html_about .sright .fixed_box .box_inner a i, a.front_border i{
width: 25px;
    height: 25px;
    line-height: 26px;
    font-size: 18px;
    margin-top: 11px;
    text-align: center;
    /*float: left;*/
    margin-left: 0px;
    background-color: #058619;
    color: #fff;
    border-radius: 50%;
}
.html_about .sright .fixed_box .box_inner a:hover{ color: #ffde00;}
/*.html_about .sright .fixed_box .box_inner a:after,  a.front_border:after{
	position: absolute;
	content: "";
	width: 100px;
	height: 2px;
	background-color: #333;
	right: 110%;
	bottom: 8px;
}*/
a.rec i{
	background: #211e1f !important;
	border: 1px solid #211e1f !important;
	color: #fff !important;
	border-radius: 0 !important;
}
.head_sect a:hover {color: #fff800;
}
a.rec:hover i{  background: #fff800 !important; border-color: #fff800!important;} 
a.front_border{ margin-left: 120px; margin-top: 5px;}
a.white {color: #fff;
}
/* BANNER SERVICE */
.service_sect{ padding: 0; background: #fbfbfb;}
.service_sect .head_sect{ background: #039be6; padding: 40px;}
.service_sect .head_sect h5{ letter-spacing: 1px;}
.service_sect .head_sect .htitle{ color: #fff; line-height: 40px; margin-bottom: 25px;}
.service_sect .head_sect p{color: #555; line-height: normal;}
.service_sect .content_sect{ margin-top: 35px;}
.service_sect .content_sect .item{ margin-bottom: 40px;}
.service_sect .content_sect .item .inner{ text-align: center;}
.service_sect .content_sect .item .htitle{ margin-top: 10px;}
.service_sect .content_sect .item .image{ 
	border: 1px solid #039be6;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	text-align: center;
	margin: 0 auto;
	line-height: 70px;
}
.service_sect .content_sect .item .image img{ width: 40px;}
.service_sect .hvr-ripple-out:before{ border-radius: 50%; border: #039be6 solid 1px;}

/* CLIP */
/*.clip_sect .head_sect .inner{ padding-top: 80px;}*/
.clip_sect .content_sect{ position: relative;}
.clip_sect .content_sect .inner{ box-shadow: 0 10px 10px rgba(8, 8, 8, 0.14);}
.clip_sect .content_sect:before{
	position: absolute;
	content: "";
	left: -130px;
	top: 70px;
	/*background: url('../_images/clip-img.png') no-repeat;*/
	background-size: 240px;
	width: 180px;
	height: 330px;
	opacity: .1;
	-webkit-filter: grayscale(100%);
}
.clip_sect .content_sect a{
	float: right;
	margin: 10px 0;
	margin-top: 40px;
	border-bottom: 2px solid #3d3d3d;
	color: #333;
	letter-spacing: 1px;
}
.clip_sect .head_sect h3{color: #fff;}
.clip_sect .head_sect p{
	display: inline-block;
	padding: 10px;
	margin-top: 30px;
	    color: #fff;
}


/*VIDEO*/
.clip_sect{padding: 40px 0px 40px 0px;}

.clip_sect:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 350px;
    background-image: linear-gradient(#27bbef, #0560a9);
}


/* ----------------------------------------------------------------
    PROMOTION
-----------------------------------------------------------------*/

.feature-single-item {
  position: relative;
}

.feature-single-item .feature__thum img {
  width: 100%;
}

.feature-single-item .feature__des {
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 60px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  z-index: 999;
}
.feature-single-item:hover .feature__des-b1 {
    opacity: 1;
    visibility: visible;
    background: rgba(0, 0, 0, 0.50);
}
.feature-single-item .feature__des-b1 {
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    z-index: 999;
}
.feature-single-item .feature__des-b1::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 3px solid #fff;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.feature-single-item .feature__des-b1 .feature__content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 10px;
    z-index: 99999;
    position: relative;
}
.feature-single-item .feature__des-b1 .feature__content h3 {
    font-size: 20px;
    color: #fff;
    text-align: center;
    font-family: 'Kanit', 'Montserrat', sans-serif;
}
.feature-single-item .feature__des-b1 .feature__content a::before {
    top: -12px;
    left: 50%;
    width: 60px;
    height: 2px;
    content: "";
    position: absolute;
    background: #fff;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.feature-single-item .feature__des-b1 .feature__content a {
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    position: relative;
    margin: 20px 0;
}
.feature-single-item .feature__des-b1 .feature__content a:hover {
    color: #016ae5;
}
.feature-single-item .product__content {
font-size: 18px;
text-align: center;background-color: #ea0011;padding: 10px 0px;
}
.feature-single-item .product__content h6{

   color: #fff;
}
.feature-single-item .product__content a{

   color: #fff;
   font-family: 'Kanit', 'Montserrat', sans-serif;
}
.btn-more {
    text-align: center;
    margin-top: 30px;
}
.item-more {
    border-radius: 15px;
    font-size: 14px;
    padding: 5px 15px;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    background-color: #0069e5;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.btn-more a:hover{color: #000;}
.section__title {
    max-width: 100%;
    margin: 0 auto;
}
.acc-section{padding-top: 0px;    padding-bottom: 30px;}
.acc-section .section__title h2 {
    background: url(../images/tab-arrow.png) no-repeat center bottom scroll;
    padding: 0 0 18px;
    font-size: 30px;
    color: #0069e5;
    line-height: 28px;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 20px;
}
.section__title h2 span {
    color: #000;
}
.acc-section .homepage-title {
    margin-bottom: 10px;
    background: url(../images/border-eb.png) repeat-x left 35px scroll;
}

/* PROMOTION */
.section-promotion{ 
  position: relative;
      /* background: #039be6; */
  padding-top: 0;

}
.btn-pro{padding-top: 40px;}
.section-promotion:before{
  position: absolute;
  content: "";
  width: 100%;
  height: 120px;
  top: 0;
  left: 0;
  background: #fff;
}
.section-promotion .contain-heading{ padding: 32px 0px 32px 19px;}
.section-promotion .contain-heading a{
  display: inline-block;
  margin-top: 40px;
  color: #333;
}
.section-promotion .contain-heading a:hover{
  text-decoration: underline;
}
.section-promotion .contain-heading h3{ 
  margin: 10px 0 20px 0;
  color: #fff;
  font-size: 40px;
  word-break: break-all;
}
/* 5ac5e4  ffa76b*/
.section-promotion .box-contain{ 
  padding: 0px;
  box-shadow: 0 10px 10px rgba(84, 84, 84, 0.12);
  background: #fff url(../_images/h-bg-1.png);
  /*background: #ffa76b url(../_images/h-bg.png);*/

  background-position: left top;
  background-size: 300px;
  background-repeat: no-repeat;
}
.section-promotion .box-contain .contain-heading p{ font-size: 16px; color: #fff;}
.section-promotion .box-contain .contain-heading p span{
  color: #f00;
  margin: 0 5px;
  font-size: 20px;
}
.section-promotion .contain-banner{ padding-right: 0;}
.section-promotion .contain-banner .wrap-box{
  position: relative;
  border-right: 0;
  /*padding-right: 60px;*/
}



.head-section{ margin-bottom: 40px;}

/*GALLERY */

.head_sect h4{ display: inline-block; margin: 0; line-height: normal; letter-spacing: 3px;}
.head_sect a{ display: inline-block; }

.gallery_sect{ position: relative;}
.gallery_sect:before{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 350px;
	background-color: #039be6;
}
.gallery_sect .head_sect{ text-align: right;}
.gallery_sect .head_sect a{ color: #000;}
.gallery_sect .item .inner{ position: relative;}
.gallery_sect .item .detail{ 
	position: absolute;
	z-index: 1;
	width: 100%;
	left: 0;
	bottom: 0;
}
.gallery_sect .item .detail .htitle{ 
	margin-bottom: 0px;
	padding: 0 20px;
	padding-right: 40px;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
}
.gallery_sect .item a{
	width: 40px;
	height: 40px;
	display: inline-block;
	background: #000;
	font-size: 1em;
	text-align: center;
	line-height: 40px;
	float: right;
}
.gallery_sect .item a:hover{ background: #039be6;}

.gallery_sect .owl-carousel .owl-controls .owl-dots{ margin-top: 10px; float: left;}
.gallery_sect .owl-carousel .owl-controls .owl-dots .owl-dot span{
	width: 30px;
	height: 4px;
	border-radius: 0 !important;
}
.gallery_sect .owl-carousel .owl-controls .owl-dots .owl-dot span:after{ background-color: #000; border-radius: 0}

/* CON */

.feature_cont_area{position: relative;
    top: -15px;
    margin-bottom: -120px;}
.feature_cont_area .main_box_cont {
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
    /*box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.35);*/
        padding-top: 30px;
    padding-bottom: 30px;
    margin-top: -50px;
    margin-bottom: -50px;
    position: relative;
    z-index: 10;
}
.main_box_cont {
    max-width: 100%;
    margin: auto;
    background-image: linear-gradient(#27bbef, #0560a9);
   /* background-image: linear-gradient(141deg, #3a92fe 11%, #409cff 57%, #5ab1ff 64%)!important;*/
}
.contact-item h2 {
    color: #fff;
    font-size: 24px;
}
.btn-more-con {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 0px;
}
.item-phone {
    border: 0px solid;
    font-size: 20px;
    top: 17px;
    padding: 10px 20px;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    background-color: #33913d;
    color: #ffffff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* CLIENT */

.client_sect{
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
}
.client_sect img{ 
	padding: 0 20px;
	/*-webkit-filter: grayscale(100%); */
	opacity: 1;
}
.client_sect img:hover{ opacity: 0.5;}

/*.client_sect:before{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 350px;
	height: 100%;
	background-color: #f2f2f2;
	z-index: -1;
}
*/

/* MAP */
.map_sect{ position: relative;}
.map_sect .inner{ margin-bottom: -10px;}
.map_sect .box-detail{ 
	position: absolute;
	width: 400px;
	height: auto;
	padding: 40px;
	background: rgba(234, 192, 11, 0.86);
	margin: 0 auto;
	right: 5%;
	top: 0px;
	text-align: center;
	height: 100%;
	color: #000;
}
.map_sect .contact_list{ padding: 0;}
.map_sect .contact_list a{
	font-size: 1.225em;
	line-height: normal;
	margin-bottom: 15px;
	color: #000;
}
.map_sect .address{ color: #675405;}

/* ----------------------------------------------------------------
   CUSTOM
-----------------------------------------------------------------*/

ul.list-icon {
    margin-bottom: 0px;
}
.mdate{display: none;}
.viewed{display: none;}
.sys-products > .container-fluid {
    padding: 5px 0;
    position: absolute;
   /* z-index: 199;*/
    top: 598px;
    right: 93px;
}
.sys-products .body {
    padding-top: 20px;
}
.sys-contacts .top .body-top .page-header{display: none;}
.sys-pagination {margin-bottom: 20px;}
.sys-product h2 {font-size: 24px;}
.sys-page .body .title{display: none;}
.detail-text h3{margin-bottom: 0px;}
.detail-text h4{margin-bottom: 0px;}
.footer-content-sub {
    padding: 60px 0px 0px 0px;
}
#mainMenu nav > ul > li.active > a {
    color: #0560a9;border-bottom: 2px solid #27bbef;
}
/* ----------------------------------------------------------------
    FOOTER
-----------------------------------------------------------------*/
.widget-qr-code img {
    width: 100%;    margin-top: 44px;
}
.widget-contact-us img{width: 92%;    /*border-bottom: 3px solid #000;*/
    /*margin-bottom: 15px;*/
    margin-top: -5px;}
.copy-footer strong{color: #fff!important}
footer {
  padding: 0;
}
.footer-content {
  padding: 100px 0 40px 0;
}
.footer-content,
.footer-content p,
.footer-content a,  {
  font-size: 14px;
  font-weight: 300;
  color: #eee;
}
.footer-content .list-icon,
.footer-content .list-icon li {
  margin-bottom: 0;line-height: 27px;
}
#footer.footer-light strong {
  color: #000;
}
#footer.footer-light {
  border-top: none;
      background: #f8f8f8;
  /*background: #02abff;*/
}
#footer.footer-light,
#footer.footer-light .widget h4,
#footer.footer-light a {
  color: #000 !important;
}
#footer.footer-light .widget h4 {
    font-family: "Montserrat", "Kanit", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    /* border-bottom: 3px solid; */
    margin-bottom: 15px;
    color: #000!important;
    margin-top: 45px;
}
#footer.footer-light .copyright-content,
.copyright-content {
  text-align: center;
  background: #000;
  border-top: 1px solid #fff;
  padding: 0px 0 0;
}
.copyright-text {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  padding-top: 10px;
  font-size: 12px;color: #fff;
}
.btn-cart {
    font-size: 16px;
    line-height: normal;
    display: inline-block;
    background: #3c3e3c;
    padding: 5px 25px;
    border-radius: 50px;
    margin: 10px 0 5px 0;
}

.copyright-text strong {
  font-weight: 700;
}
.copyright-content {
  min-height: 40px;
}
.copyright-content span.visitor-stat {
  background: #2d2c32;
  border-radius: 5px;
  color: #eee !important;
  letter-spacing: 0;
  padding: 8px 10px;
  font-size: 12px;
}
.copyright-content span.visitor-stat strong {
  color: #939393 !important;
}
#footer.footer-light span {
  color: #eee !important;
}

footer .icon-box.small .icon {
  margin-left: 15px;
  transition: 0.3s;
  width: 30px;
  height: 30px;
  left: 0;
}
footer .icon:hover,
footer .icon img:hover {
  cursor: pointer;
}
footer .icon img {
  margin-top: 3px;
}
footer .icon-box.small {
  margin-bottom: 10px;
  width: 100%;
}
footer .icon-box.small.last-child {
  border-right: none !important;
}
footer .icon-box.small > h3 {
  margin: -4px 0px -5px 50px;
}
footer .icon-box.small > h3 a {
  font-family: "Montserrat", "Kanit", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  letter-spacing: 0;
}
footer .icon-box.small > p {
  margin: -2px 0 10px 50px;
  color: #7c7c7c;
}
.engine_by_shopup_bottom {
  background: #fff;
  padding: 5px;
}

@media (min-width: 360px) and (max-width: 767px){
.topbar_link {float: left;position: absolute;left: 33px;}
#topbar .social-icons li a {width: 25px;}
.social-icons .social-line img{width: 16px!important;}
.topbar_social { float: left;position: relative;top: 25px;right: -158px;}

#topbar {height: 55px;}
#header #header-wrap #logo a > img {height: 55px;width: auto;margin-top: 11px;}
.section-promotion .contain-banner {padding-right: 15px;}
.section-promotion .box-contain {background-size: 480px;}
.html_about .sleft .inner {padding: 0 0%;}
.clip_sect {padding: 40px 0px 40px 15px;}
.slide_item .slide_caption .htitle {font-size: 13px;}
.btn.btn-icon-holder {padding-right: 0px;}
.btn {padding: 5px 10px;font-size: 10px;}
.btn.btn-icon-holder:before { right: 28px;}
.btn.btn-icon-holder i {margin-left: 17px;margin-right: 11px;}
.html_about .sright .fixed_box {top: -89px;}
.html_about .sright .inner {    top: -22px;z-index: 2;}
h3.hdec.m-b-20.animated.fadeInUp.visible {font-size: 18px;}
.topbar-dropdown {top: -67px;}
#header .header-extras > ul > li > a:not(.btn){left: 82px;}
h5.subhead.animated.fadeInUp.visible {font-size: 17px;line-height: 21px;}
.product-item {padding: 0px 20px;}
.gallery-item{padding: 0px 20px;}
section#sh_index_z4_content_4_clip {background: #0662aa;}
a.front_border {margin-left: 215px;margin-top: -13px;}
.feature_cont_area {margin-bottom: -70px;}
#footer.footer-light .widget h4 {margin-top: 30px;}
.list-icon li {margin-left: 0px;}
.contact-item h2 {font-size: 20px;}
.sys-products > .container-fluid {position: unset;}

}

/* ----------------------------------------------------------------
   IPHONE PLUS
-----------------------------------------------------------------*/
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 3)
{ 
a.front_border {margin-left: 251px;margin-top: -13px;}
.contact-item h2 {font-size: 23px;}
#footer.footer-light .widget h4 {font-size: 23px;line-height: 30px;}



}

@media (max-width: 768px){
	.html_about .sleft .inner{ width: 100%; margin: 0;}	
}