:root {
	--row-icons-bottom-offset: 12px; /* 12px, 56px */
	--text-shadow: 2px 2px 2px rgba(255,255,255,0.8);
}

.ux-light-theme {
	--bg-color: #ffffff;
	--card-bg-color: #fff;
	--background-color: #fff;

	--button-icon-color: var(--primary);
	--button-text-color: #666;
	--button-border-color: #ccc;
	--button-bg: linear-gradient(135deg,rgb(221,221,221) 0%,rgb(255,255,255) 49%,rgb(221,221,221) 100%);
	--button-hover-bg: linear-gradient(-135deg,rgb(221,221,221) 0%,rgb(255,255,255) 49%,rgb(221,221,221) 100%);
	--button-disabled-bg: var(--button-bg);
	--button-disabled-text-color: #555;
	--button-disabled-icon-color: #bbb;

	--ctx-menu-bg-color: #fff;
	--ctx-menu-text-color: #555;
	--ctx-menu-text-color-hover: #333;
	--ctx-menu-icon-color: #8FC527;
}

.ux-dark-theme {
	--bg-color: #333333;
	--card-bg-color: #444;
	--background-color: #333;

	--button-text-color: #fafafa;
	--button-border-color: #2a2a2a;
	--button-bg: linear-gradient(135deg,#555 0%, #4a4a4a 49%,#555 100%);
	--button-hover-bg: linear-gradient(135deg,#4a4a4a 0%, #4a4a4a 100%);
	--button-disabled-bg: var(--button-bg);
	--button-disabled-text-color: #555;
	--button-disabled-icon-color: #bbb;

	--ctx-menu-bg-color: #444;
	--ctx-menu-text-color: #eee;
	--ctx-menu-text-color-hover: #FFDA37;
	--ctx-menu-icon-color: #8FC527;
}

a, a:hover {
	color: var(--link-color);
}

html {
	background: none !important;
}

body {
	background-color: var(--bg-color);
	color: var(--text-color);
	font-family: var(--body-font-family);
	font-size: 18px;
	letter-spacing: 0.4px;	
	height: 100%;
	line-height: 1.48em;
}

.h1,.h2,.h3,.h4,.h5,.h5,
h1,h2,h3,h4,h5,h6 {
	color: var(--text-header-color);
	font-family: var(--header-font-family);
}

h1,.h1 {font-size: clamp(1.98em, 6vw, 2.5em);line-height: 1.28em}
h2,.h2 {font-size: clamp(1.7em, 6vw, 2.2em);line-height: 1.28em}
h3,.h3 {font-size: clamp(1.5em, 6vw, 2.0em);line-height: 1.28em}
h4,.h4 {font-size: clamp(1.3em, 6vw, 1.8em);line-height: 1.28em}
h5,.h5 {font-size: clamp(1.0em, 6vw,  1.6em);line-height: 1.28em}
h6,.h6 {font-size: clamp(0.9em, 6vw, 1.4em);line-height: 1.28em}

.h1 + .ux-sub-title {font-size: clamp(0.9em, 6vw, 1.4em);}
.h2 + .ux-sub-title {font-size: clamp(0.8em, 6vw, 1.3em);}
.h3 + .ux-sub-title {font-size: clamp(0.7em, 6vw, 1.2em);}
.h4 + .ux-sub-title {font-size: clamp(0.6em, 6vw, 1.1em);}

.ux-title {
	font-weight: normal;
	font-family: var(--title-font-family);
	color: var(--title-color);
}

strong, .ux-strong {
	color: var(--strong-color);
	font-weight: bold;
}

em {
	color: var(--strong-color);
	font-style: italic;
	font-weight: normal;
}

a, .uk-link, a:hover, .uk-link:hover {
	color: var(--link-color);
	text-decoration: none;
}

a.uk-close{
	text-decoration: none;
	width: 24px;
	height: 24px;
	line-height: 24px;
	z-index: 1;
}

i[class*="uk-icon"] {
	color: var(--icon-color);
}

.hr, hr {
	border-color: var(--divider-color);	
}

.ux-title {
	color: var(--title-color);
}

.ux-selling-price {
	color: var(--selling-price-color);
}

.ux-shopping-cart-icon > a {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
}

:not(.uk-modal-page) .graphite-app.admin .ux-header {
	font-family: var(--title-font-family);
	font-size: 28px !important;
}

.uk-panel-box {
	color: var(--text-color);
}

.uk-panel-box .ux-comment {
	color: #bbb !important;
}

.ux-border {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;		
}

.ux-outer-border {
	border-style: solid;
	border-width: 1px;
	border-color: red;
	border-color: #eee;
}

.ux-inner-border {
	border-style: solid;
	border-color: #fff;
}

.ux-nav-bg {
	border-bottom: 0;
}

.home .ux-nav-bg {
	border-bottom: 0;
}

.ux-back-button {
	background-image: url(images/back-button.png);
}

.ux-main-slideshow-container {
	background-color: #F8F8F8;
}

.ux-8columns-badge {
	display: inline-block;
	width: 119px;
	height: 33px;
	background: url(images/8columns-badge.png);
	text-indent: -1000em;
	margin-top: 6px;
}

.ux-original-price {
	text-decoration: line-through;
}

/*.ux-panel*/
.ux-panel .ux-panel-body {
	padding: 18px;
	border: 1px solid #eee;
}

.ux-panel .ux-panel-header h2 {
  	font-family: poppins-bold, anuphan-bold, sans-serif, FontAwesome;
  	font-size: 18px;
  	line-height: 36px;
 	padding-left: 12px;
 	padding-top: 2px;
 	margin: 0;
 	text-align: center;
}

.ux-panel .ux-panel-header i {
	color: #888;
	position: relative;
	top: -2px;
	font-size: 20px;
}

.ux-panel .ux-panel-header .ux-more {
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	right: 10px;
	top: 7px;
	background: url(images/more-dots.png) no-repeat center center;
}

/* .ux-button */
.ux-button {
	width: 102px;
	height: 34px;
	display: inline-block;
	padding: 0;
	border: 0;
	cursor: pointer;
	position: relative;
	z-index: 1;
	background-color: transparent;
	background-repeat: no-repeat;
}

.ux-button span {
	display: none;
}

.ux-button.ux-button-mini {width: 93px;height: 24px;border-radius: 3px;}
.ux-button.ux-button-xs {width: 107px;height: 34px;}
.ux-button.ux-button-small {width: 114px;height: 34px;}
.ux-button.ux-button-small.ux-button-video-clips {width: 124px;}
.ux-button.ux-button-small.ux-icon-cart {width: 36px;}
.ux-button.ux-button-small.ux-button-read-more {width: 114px;}
.ux-button.ux-button-small.ux-button-more {width: 56px;}
.ux-button.ux-button-medium {width: 140px;height: 40px;}

.ux-button:hover {
	/*background: #444;*/
}

.ux-button:focus {
	outline: 0;
}

.ux-button::-moz-focus-inner {
  	border: 0;
}

.ux-button:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-position: center 0;
	background-repeat: no-repeat;
}

.ux-button.ux-button-small:hover:before {
	background-position-y: -34px;
}

.ux-button.ux-button-small.ux-button-clear:before {background-image: url(images/button-small/lbl-clear.png);}
.ux-button.ux-button-small.ux-button-send:before {background-image: url(images/button-small/lbl-send.png);}
.ux-button.ux-button-small.ux-button-read-more:before {background-image: url(images/button-small/btn-read-more.png);}

.ux-button.ux-button-small.ux-button-import {width:114px;}
.ux-button.ux-button-small.ux-button-import:before {background-image: url(images/button-small/btn-import.png);width:114px;}
.ux-button.ux-button-small.ux-button-import.disabled:before {background-image: url(images/button-small/btn-import.png);width:114px;background-position: center -68px;}
.ux-button.ux-button-small.ux-button-login:before {background-image: url(images/button-small/btn-login.png);}
.ux-button.ux-button-small.ux-button-ok {width:90px;}
.ux-button.ux-button-small.ux-button-ok:before {background-image: url(images/button-small/btn-ok.png);width:90px;}
.ux-button.ux-button-small.ux-button-cancel {width:90px;}
.ux-button.ux-button-small.ux-button-cancel:before {background-image: url(images/button-small/btn-cancel.png);width:90px;}
.ux-button.ux-button-small.ux-button-close:before {background-image: url(images/button-small/btn-close.png);}
.ux-button.ux-button-small.ux-button-save:before {background-image: url(images/button-small/btn-save.png);}
.ux-button.ux-button-small.ux-button-add-to-cart {width:126px;}
.ux-button.ux-button-small.ux-button-add-to-cart:before {background-image: url(images/button-small/btn-add-to-cart.png);width:126px;}
.ux-button.ux-button-small.ux-button-buy-now {width:126px;}
.ux-button.ux-button-small.ux-button-buy-now:before {background-image: url(images/button-small/btn-buy-now.png);width:126px;}
.ux-button.ux-button-small.ux-button-order {width:126px;}
.ux-button.ux-button-small.ux-button-order:before {background-image: url(images/button-small/btn-order.png);width:126px;}
.ux-button.ux-button-small.ux-button-facebook {width:126px;}
.ux-button.ux-button-small.ux-button-facebook:before {background-image: url(images/button-small/btn-facebook.png);width:126px;}
.ux-button.ux-button-small.ux-button-facebook.ux-language-en:before {background-image: url(images/button-small/btn-facebook-en.png);width:126px;}
.ux-button.ux-button-small.ux-button-line {width:126px;}
.ux-button.ux-button-small.ux-button-line:before {background-image: url(images/button-small/btn-line.png);width:126px;}
.ux-button.ux-button-small.ux-button-line.ux-language-en:before {background-image: url(images/button-small/btn-line-en.png);width:126px;}
.ux-button.ux-button-small.ux-button-wechat {width:126px;}
.ux-button.ux-button-small.ux-button-wechat:before {background-image: url(images/button-small/btn-wechat.png);width:126px;}
.ux-button.ux-button-small.ux-button-wechat.ux-language-en:before {background-image: url(images/button-small/btn-wechat-en.png);width:126px;}
#shopping-cart .ux-button.ux-button-small.ux-button-close {width:150px;}
#shopping-cart .ux-button.ux-button-small.ux-button-close:before {background-image: url(images/button-small/btn-continue-shopping.png);width:150px;}

.ux-button.ux-button-small.ux-button-call-now:before {background-image: url(images/button-small/lbl-call-now.png);}
.ux-button.ux-button-small.ux-button-more:before {background-image: url(images/button-small/lbl-more.png);}
.ux-button.ux-button-small.ux-button-photo-gallery:before {background-image: url(images/button-small/lbl-photo-gallery.png);}
.ux-button.ux-button-small.ux-button-video-clips:before {background-image: url(images/button-small/lbl-video-clips.png);}
.ux-button.ux-button-small.ux-button-download:before {background-image: url(images/button-small/lbl-download.png);}
.ux-button.ux-button-small.ux-button-e-mail:before {background-image: url(images/button-small/lbl-e-mail.png);}
.ux-button.ux-button-small.ux-icon-cart:before {background-image: url(images/button-small/lbl-icon-cart.png);}

.ux-button.ux-button-medium.ux-button-read-more:before {background-image: url(images/button-medium/lbl-readmore.png);}
.ux-button.ux-button-medium.ux-button-download:before {background-image: url(images/button-medium/lbl-download.png);}
.ux-button.ux-button-medium.ux-button-photo-gallery:before {background-image: url(images/button-medium/lbl-photo-gallery.png);}
.ux-button.ux-button-medium.ux-button-video-clips:before {background-image: url(images/button-medium/lbl-video-clips.png);}
.ux-button.ux-button-medium.ux-button-e-mail:before {background-image: url(images/button-medium/lbl-e-mail.png);}
.ux-button.ux-button-medium.ux-button-call-now:before {background-image: url(images/button-medium/lbl-call-now.png);}

.ux-button.ux-button-xs.ux-button-read-more:before {background-image: url(images/button-xs/lbl-read-more.png);}
.ux-button.ux-button-xs.ux-button-add-to-cart:before {background-image: url(images/button-xs/lbl-add-to-cart.png);}

.ux-button.ux-button-mini.ux-button-read-more:before {background-image: url(images/button-mini/lbl-read-more.png);}
.ux-button.ux-button-mini.ux-button-photo-gallery:before {background-image: url(images/button-mini/lbl-photo-gallery.png);}
.ux-button.ux-button-mini.ux-button-video-clips:before {background-image: url(images/button-mini/lbl-video-clips.png);}
.ux-button.ux-button-mini.ux-button-download:before {background-image: url(images/button-mini/lbl-download.png);}
.ux-button.ux-button-mini.ux-button-call-now:before {background-image: url(images/button-mini/lbl-call-now.png);}
.ux-button.ux-button-mini.ux-button-e-mail:before {background-image: url(images/button-mini/lbl-e-mail.png);}

.ux-free {
	color: #019F01;
}

/*.ux-image-style-default*/
.ux-image-style-default .uk-thumbnail {
	border: 1px solid #EEE;
	background-color: #FFF;
}

/*.ux-product-list-style-default*/
.ux-product-list-style-default .ux-selling-price {
	color: #000;
}

.ux-product-list-style-default .ux-origin-price {
	/*color: #666;*/
}

.ux-product-list-style-default .ux-outer-border {
	border: 1px solid #eee;
}

.ux-product-list-style-default .ux-inner-border {
	border: 5px solid #fff;
}

/*.ux-slideshow-style-default*/
.ux-slideshow-style-default [data-uk-slideshow-item="previous"],
.ux-slideshow-style-default [data-uk-slideshow-item="next"] {
	background-color: #7F3D18;
}

/*.ux-photo-gallery-style-default*/
.ux-photo-gallery-style-default .uk-thumbnail {
	border: 1px solid #EEE;
	background-color: #FFF;
}

/*.ux-table-style-default*/
.ux-table-style-default .ux-container {
	padding: 0;
}

.ux-table-style-default table {
	color: #666;
}

.ux-table-style-default td {
	border-color: rgba(90, 58, 43, 0.12);
}

.ux-table-style-default td.ux-title {
	color: #FFFFFF;
}

@media (max-width: 1280px) {
	.vmx-scx-page-880 .ux-background-color,
	.vmx-scx-page-1240 .ux-background-color {
		background-color: #fff;
	}	
}

/*.widget-question-and-answer-list*/
.widget-question-and-answer-list .ux-icon {
	display: inline-block;
}

.widget-question-and-answer-list .ux-card {
	border: none;
}

.widget-question-and-answer-list .ux-container {
	padding: 0;
}

.widget-question-and-answer-list .item p {
	padding-left: 40px;
	margin: 0;
}

.widget-question-and-answer-list .item .hr {
	border-top: 0;
	border-bottom: 1px solid #eee;
}

.widget-question-and-answer-list .ux-question {
	color: #444;
	padding-top: 5px;
	position: relative;
	min-height: 34px;
	margin-bottom: 3px;
}

.widget-question-and-answer-list .ux-icon-question {
	background-color: #010101;
	color: #fff;
}

.widget-question-and-answer-list .ux-icon-answer {
	background-color: #F9ADBB;
	color: #fff;
}

.widget-question-and-answer-list.ux-icon-hidden .ux-icon {
	display: none;
}

.widget-question-and-answer-list.ux-icon-hidden .item p {
	padding-left: 0px;
}

.widget-question-and-answer-list.ux-icon-hidden .ux-question {
	padding-top: 0px;
	min-height: 0px;
	margin-bottom: 0px;
}

/*.ux-description-list-style-default*/
.ux-description-list-style-default {
}

.ux-description-list-style-default .ux-card {
	border: none;
}

.ux-description-list-style-default .ux-container {
	padding: 0;
}

.ux-description-list-style-default dl {
	border-bottom: 1px solid #eee;
	border-top: 0;
	margin: 0;
	padding: 12px 0;
}

.ux-description-list-style-default dl:first-child {
	padding-top: 0;
	border-top: 0;
}

.ux-description-list-style-default dl:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.ux-description-list-style-default .ux-title strong {
	color: #444;
}

.ux-description-list-style-default strong,
.ux-description-list-style-default i[class*="uk-icon"] {
	color: #333;
}

/*.ux-list-style-default*/
.ux-list-style-default {
}

.ux-list-style-default .ux-card {
	border: none;
}

.ux-list-style-default .ux-container {
	padding: 0;
}

.ux-list-style-default li:before {
	color: #1698D6;
}

.ux-list-style-default ul.ux-show-divider > li {
	border-top: 0px;
	border-bottom: 1px solid #eee;
	padding: 3px 0;
}

.ux-list-style-default ul.ux-show-divider > li:first-child {
	border-top: none;
}

.ux-list-style-default ul.ux-show-divider > li:last-child {
	border-bottom: none;
}

.ux-list-style-default li a,
.ux-list-style-default li a:hover {
}

/*.ux-divider-style-default*/
.ux-divider-style-default hr {
	border-color: #ddd;
}

.ux-image-list-style-default .ux-card {
	border: none;
}

.ux-image-list-style-default .ux-container {
	padding: 0;
}

.ux-image-list-style-default .uk-list > li {
	border-color: #ddd;
}

.ux-image-list-style-default strong.ux-title,
.ux-image-list-style-default i[class*="uk-icon"] {
	color: #333;
}

.ux-image-list-style-default .uk-thumbnail {
	border: 1px solid #EEE;
	background-color: #FFF;
}

.ux-sidebar-menu-style-default li::before {
  	background-color: #fff;
}

.ux-sidebar-menu-style-default li:hover:before {
	display: none !important;
}

.ux-sidebar-menu-style-default .uk-list li {
	border-bottom: 1px solid #eee;
}

.ux-sidebar-menu-style-default .uk-list li > a {
	color: #212121;
	font-size: 14px;
}

.ux-sidebar-menu-style-default .uk-list li > a:hover {
	background-color: #f8f8f8;
}

/*.ux-hilight-card-style-default*/
.ux-hilight-card-style-default .ux-card {
	background-color: #F7F7F7;
	border: 0;
}

.ux-hilight-card-style-default .ux-title {
	color: #555;
}

.ux-hilight-card-style-default .ux-description,
.ux-hilight-card-style-default .ux-description a {
	color: #888;
}

/*.ux-hilight-content-style-default*/
.ux-hilight-content-style-default .ux-title {
	color: #FFFFFF;
}

.ux-hilight-content-style-default .ux-extra-info {
	color: #aaa;
}

.ux-hilight-content-style-default .ux-description {
	padding: 20px;
	color: #666;
	background-color: #F7F7F7;
	font-family: poppins,anuphan-bold,tahoma,sans-serif,FontAwesome;
}

/*.ux-content-list-style-default*/
.ux-content-list-style-default .ux-title {
	color: #FFFFFF;
}

/*.ux-order-list-style-default*/
.ux-order-list-style-default .uk-panel-box {
	background-color: #fff;
	border: 1px solid #eee;
}

.ux-order-list-style-default .ux-price {
	color: var(--primary);
}

.ux-order-list-style-default .ux-guid {
	color: #aaa;
}

.ux-order-list-style-default .ux-button.ux-button-mini {
	display: inline-block;
}

/*.ux-form-style-default*/
.ux-form-style-default label {
	color: #212121;
}

.ux-form-style-default input, .ux-form-style-default textarea {
  	background-color: #FFF !important;
  	border: 1px solid #eee !important;
  	color: #888 !important;
}

/*.ux-contact-info-style-defalut*/
.ux-contact-info-style-default a {
	color: #333;
	text-decoration: underline !important;
}

/*.ux-product-sku-style-default*/
.ux-product-sku-style-default hr {
	border-color: #eee;
	position: relative;
}

.ux-product-sku-style-default hr:before {
	content: '';
	display: none;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #eee;
}


.uk-modal-dialog .uk-button-primary {
	background: rgb(169,207,64); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(169,207,64,1) 0%, rgba(136,186,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(169,207,64,1) 0%,rgba(136,186,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(169,207,64,1) 0%,rgba(136,186,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  	border: none;
  	color: #fff;
  	text-shadow: none;
}

.uk-modal-dialog .uk-button-primary:hover {
	background: rgb(136,186,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(136,186,0,1) 0%, rgba(169,207,64,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(136,186,0,1) 0%,rgba(169,207,64,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(136,186,0,1) 0%,rgba(169,207,64,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border: none;
}

/*#mobile-menu*/
#mobile-menu-top-bar a.ux-home::before,
#mobile-menu a.ux-home::before {
	color: #10ADF4;
}

#mobile-menu ul li a {
	font-family: montserrat-bold,anuphan-bold,sans-serif,FontAwesome;
	font-size: var(--mobile-menu-font-size);
	line-height: 20px;
	text-transform: uppercase;
}

#mobile-menu i {
	color: #ddd;
}

#mobile-menu-top-bar::before, #mobile-menu .ux-mobile-menu-title::before {
	display: none;
}

#mobile-menu-top-bar, #mobile-menu .ux-mobile-menu-title {
	background-color: #fff;
	border-bottom: 1px solid #eee;
}

#mobile-menu .ux-mobile-menu-title a.ux-toggle-mobile-menu::before,
#mobile-menu-top-bar a.ux-toggle-mobile-menu::before {
  	color: #aaa;
  	transition: all 0.3s;
}

#mobile-menu-top-bar a.ux-toggle-mobile-menu:hover::before,
#mobile-menu .ux-mobile-menu-title a.ux-toggle-mobile-menu:hover::before {
  	color: var(--primary);
  	transform: rotate(89.9deg);
}

/*#sidebar-menu*/
#sidebar-menu {
	background-color: #fff;
	border-left: 1px solid #eee;
}

#sidebar-menu a.ux-sidebar-menu-button {
  	background-image: url("images/button-sidebar-menu.png") !important;
}

/*.ux-page-list-style-default*/
.ux-page-list-style-default .ux-card {
	background-color: #fff;
	border: 1px solid #eee !important;
}

.ux-page-list-style-default .uk-list li:first-child {
	border-top: 0;
}

.ux-page-list-style-default .uk-list li:last-child {
	border-bottom: 0;
}

.ux-page-list-style-default .uk-list li {
	padding: 4px 0;
	border-bottom: 1px solid #eee;
	border-top: 0;
}

.ux-page-list-style-default .ux-title i {
	color: #ccc;
}

.ux-page-list-style-default .ux-title a {
	color: #888;
	text-decoration: none;
}

.ux-page-list-style-default .graphite-x-toolbar.item-toolbar {
  	top: 6px !important
}

.ux-page-list-style-default .graphite-x-toolbar.item-toolbar a.metadata {
	background-image: url(images/button-meta-data.png) !important;
	background-size: auto auto !important;
}

.ux-page-list-style-default .graphite-x-toolbar.item-toolbar a.metadata:hover {
	background-position: 0 -20px;
}

/* Desktop & Greater*/
@media screen and (min-width: 960px) {
	/*.ux-sidebar-divider*/
	.main > .canvas > .uk-container > .uk-grid > .col.ux-sidebar-divider {
		background: url(../uploads/_sidebar-divider.png) repeat-y 0 0 !important;
	}

	.main > .canvas > .uk-container > .uk-grid > .col.ux-sidebar-divider:before {
		display: none !important;
	}

	.main > .canvas > .uk-container > .uk-grid > .col.ux-sidebar-divider:after {
		display: none !important;
	}
}

#widget-60001023 .ux-section-background {
	background-color: #1D9C73;
}

.vmx-scx-testimonials-style-default .ux-section-header {
	color: #333;
}

.vmx-scx-testimonials-style-default .ux-section-description {
	color: #333;
}

.vmx-scx-testimonials-style-default .ux-background {
	background-color: #f3f3f3;
}

.vmx-scx-testimonials-style-default .ux-testimonial {
	color: #888;
}

.vmx-scx-testimonials-style-default .ux-testimonial i {
	color: #000;
}

.vmx-scx-testimonials-style-default .ux-customer {
	color: #444;
}

.vcx-widget-contact .ux-contact-info a:hover {
	color: #FA920B !important;
}

.wx-card {
	overflow: hidden;
	border-radius: 0px;
}

.wx-card > .wx-header {
	background: url(images/wx-header-overlay.png) center top #231F20;
}

.wx-card > .wx-header h3 {
	color: #fff;
}

.vmx-mb-fix-size-slideshow .ux-slide-nav,
.vmx-mb-slideshow .ux-slide-nav,
.vcx-widget-slideshow .ux-slide-nav {
	background-color: var(--slideshow-nav-color);
}

#mobile-menu-top-bar a.ux-mobile-logo, #mobile-menu a.ux-mobile-logo {
	width: var(--mobile-logo-width);
	top: 5px;
}

.owl-nav button:focus {
	outline-style:none;
	box-shadow:none;
	border-color:transparent;
}

.owl-nav button::-moz-focus-inner {
  border: 0;
}

a.ux-icon-add-to-cart svg circle {
	fill: #FFA726 !important;
}

.color-scheme-a svg {
	fill: var(--bg-color) !important;
} 

.color-scheme-a .xhtml {
	background-color: var(--bg-color) !important;
}

.color-scheme-b svg {
	fill: var(--bg-color) !important;
} 

.color-scheme-b .xhtml {
	background-color: var(--bg-color) !important;
}

:root {
	--menu-bg-color: #fff;
	--menu-divider-color-light: #fff;
	--menu-divider-color-dark: #f4f4f4;
	--menu-icon-color: var(--primary);
	--menu-hilight-color: #f7f7f8;
	--menu-top-bar-bg-color: #fff;	
}

#mobile-menu {
	background-color: var(--menu-bg-color);
}

#mobile-menu .ux-mobile-menu-title a.ux-toggle-mobile-menu::before, #mobile-menu-top-bar a.ux-toggle-mobile-menu::before {
	color: var(--secondary);
}

#mobile-menu ul li a {
	color: rgba(0,0,0,0.5);
}

mobile-menu ul li a:active,
#mobile-menu ul li a:hover {
	background-color: var(--menu-hilight-color);
	-webkit-tap-highlight-color: transparent;
}
#mobile-menu-top-bar, #mobile-menu .ux-mobile-menu-title {
	background-color: var(--menu-top-bar-bg-color);
	border-bottom: 1px solid #eee;
}

#mobile-menu.ux-show-icons ul.ux-icons {
	border-right: 1px solid var(--menu-divider-color-dark);
}

#mobile-menu ul li, #mobile-menu ul > li.ux-has-sub-menu > a {
	border-bottom: 1px solid var(--menu-divider-color-dark);
	border-top: 1px solid var(--menu-divider-color-light);
}

#mobile-menu ul li, #mobile-menu ul > li.ux-has-sub-menu > a {
	border-bottom: 1px solid var(--menu-divider-color-dark);
	border-top: 1px solid var(--menu-divider-color-light);
}

#mobile-menu ul > li.ux-has-sub-menu > a::before,
#mobile-menu ul > li.ux-has-sub-menu li::before {
	color: var(--menu-icon-color);
	content: '';
}

#mobile-menu.ux-show-icons ul ul li > a {
	padding-left: 22px !important;
}

#google_translate_element {
	display: none;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

body {
    top: 0px !important; 
}

#mobile-menu-top-bar.ux-mobile-menu-top-bar-fixed {
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 50%, rgba(255,255,255,1) 100%);
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

@media print {
	a {
		text-decoration: underline;
	}
}

@media screen and (max-width: 720px) {
	.xscx-blocks .ux-background + div {
		max-width: 87vw;
		margin: 0 auto;
	}

	.scx-blocks > .wx-content {
		max-width: 87vw;
		margin: 0 auto;
	}
}

.ux-query-via-email-button {
	width: 109px;
	height: 36px;
	display: inline-block;
	background-image: url(../../css/images/ux-query-via-email-button-en.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
} 

.ux-query-via-email-button.ux-small {
	width: 85px;
	height: 28px;
}

.ux-lang-th .ux-query-via-email-button {
	width: 135px;
	background-image: url(../../css/images/ux-query-via-email-button-th.png);
}

.ux-lang-th .ux-query-via-email-button.ux-small {
	width: 105px;
}

.ux-query-via-line-button {
	width: 105px;
	height: 36px;
	display: inline-block;
	background-image: url(../../css/images/ux-query-via-line-button-en.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
} 

.ux-query-via-line-button.ux-small {
	width: 82px;
	height: 28px;
}

.ux-lang-th .ux-query-via-line-button {
	width: 139px;
	background-image: url(../../css/images/ux-query-via-line-button-th.png);
}

.ux-lang-th .ux-query-via-line-button.ux-small {
	width: 108px;
}

.ux-query-via-phone-button {
	width: 103px;
	height: 36px;
	display: inline-block;
	background-image: url(../../css/images/ux-query-via-phone-button-en.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.ux-query-via-phone-button.ux-small {
	width: 80px;
	height: 28px;
}

.ux-lang-th .ux-query-via-phone-button {
	width: 135px;
	background-image: url(../../css/images/ux-query-via-phone-button-th.png);
}

.ux-lang-th .ux-query-via-phone-button.ux-small {
	width: 105px;
}

.ux-query-via-facebook-button {
	width: 105px;
	height: 36px;
	display: inline-block;
	background-image: url(../../css/images/ux-query-via-facebook-button-en.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.ux-query-via-facebook-button.ux-small {
	width: 82px;
	height: 28px;
}

.ux-lang-th .ux-query-via-facebook-button {
	width: 142px;
	background-image: url(../../css/images/ux-query-via-facebook-button-th.png);
}

.ux-lang-th .ux-query-via-facebook-button.ux-small {
	width: 110px;
}

.ux-query-via-whatsapp-button {
	width: 102px;
	height: 36px;
	display: inline-block;
	background-image: url(../../css/images/ux-query-via-whatsapp-button-en.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.ux-query-via-whatsapp-button.ux-small {
	width: 79px;
	height: 28px;
}

.ux-lang-th .ux-query-via-whatsapp-button {
	width: 142px;
	background-image: url(../../css/images/ux-query-via-whatsapp-button-th.png);
}

.ux-lang-th .ux-query-via-whatsapp-button.ux-small {
	width: 110px;
}

.ux-query-via-wechat-button {
	width: 113px;
	height: 36px;
	display: inline-block;
	background-image: url(../../css/images/ux-query-via-wechat-button-en.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.ux-query-via-wechat-button.ux-small {
	width: 88px;
	height: 28px;
}

.ux-lang-th .ux-query-via-wechat-button {
	width: 146px;
	background-image: url(../../css/images/ux-query-via-wechat-button-th.png);
}

.ux-lang-th .ux-query-via-wechat-button.ux-small {
	width: 114px;
}

.skiptranslate {
	display: none !important;
}