@charset "utf-8";

@font-face {
	font-family: 'MyRiadPro';
	src: url('../fonts/MYRIADPRO-REGULAR.eot');
	src: url('../fonts/MYRIADPRO-REGULAR.ttf') format('truetype'), url('../fonts/MYRIADPRO-REGULAR.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyRiadPro Bold';
	src: url('../fonts/MYRIADPRO-BOLD.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HuaWenKaiTi';
	src: url('../fonts/SimSun-01.ttf') format('truetype'); 
	font-weight: normal;
	font-style: normal;
}

:root {
  --body-color: #2d2d2d;
  --light-grey: #f2f2f2;
  --blue-color: #12406e;
  --light-blue: #bbe6f1;
}


* {
	margin: 0;
	padding: 0;
}

html {
	-webkit-text-size-adjust: none;
	height: 100%;
	position: relative;
	overflow-x: auto !important;
}

body {
	background-color: var(--light-grey);
	color: var(--body-color);
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	overflow: hidden;
	padding: 0;
	-moz-transition: background 0.3s ease-out;
	-webkit-transition: background 0.3s ease-out;
	-o-transition: background 0.3s ease-out;
	transition: background 0.3s ease-out;
	position: relative;
	height: auto;
	min-height: 100%;
}

img {
	behavior: url("iepngfix.htc");
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
}

a {
	outline: none;
/*	color: #666666;*/
	-moz-transition: color 0.2s ease-out;
	-webkit-transition: color 0.2s ease-out;
	-o-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}

a:hover {
/*	color: var(--body-color) !important;*/
	text-decoration: none;	/*font-weight: bold;*/
}

input::-moz-placeholder {
	color: #8e8e8e;
}

input::-webkit-input-placeholder {
	color: #8e8e8e;
}

input::-ms-input-placeholder {
	color: #8e8e8e;
}

h1, h2, h3, h4 {
	font-family: 'MyRiadPro Bold', 'HuaWenKaiTi', Arial, sans-serif;
	margin-bottom: 10px;
	margin-top: 0;
}

h1{ font-size: 25px; }
h2{ font-size: 22px; }
h3{ font-size: 20px; }
h4{ font-size: 18px; }

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

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

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

label {
	color: #000000;
	font-weight: normal;
	font-size: 16px;
}

input[type=text], input[type=password], input[type=email], input[type=number] {
	-webkit-border-radius: 0px;
	-webkit-appearance: none;
	border: 1px solid #bbbbbb;
}

input[type=text], input[type=password] {
	border: 1px solid #bbbbbb;
	height: 25px;
	color: var(--body-color);
	padding: 1%;
	width: 98%;
	outline: none;
}

textarea {
	border: 1px solid #bbbbbb;
	color: var(--body-color);
	padding: 1%;
	width: 98%;
	outline: none;
}

input[type=button], input[type=submit] {
	outline: none;
}

select {
	height: 40px;
	color: var(--body-color);    /*-webkit-border-radius:0px;*/

	/*-webkit-appearance:none; */

	font-size: 14px;
	border: 1px solid #cad1d4;
	border-radius: 5px;
	padding: 0 10px 0 10px;
	width: 100%;	/*width: calc(100% - 20px);*/
}

input[type=text].error, input[type=password].error, textarea.error {
	box-shadow: 0 0 10px rgba(251, 108, 108, 1) !important;
}

.field-row {
	margin-bottom: 10px;
}

a.button, button.button {
	background: var(--blue-color);
	width: auto; /*display: block;*/
	margin: auto;
	font-family: MyRiadPro;
	color: #ffffff !important;
	padding: 8px 30px 8px 30px;
	text-align: center;
	border-radius: 25px;
	line-height: 1.3em;
	font-size: 14px;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	outline: none;
	border: 0;/*	opacity: 0.9; 
		khtml-opacity: 0.9;
		moz-opacity: 0.9;
		filter: alpha(opacity=90);
		ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";*/
}

a.button:hover, button.button:hover {
	background: var(--blue-color);
	opacity: 0.9;
	khtml-opacity: 0.9;
	moz-opacity: 0.9;
	filter: alpha(opacity=90);
	ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

a.button.large, button.button.large {
	font-weight: bold;
	padding: 3% 3% 3% 3%;
	max-width: 200px;
	margin-left: 0px;
	outline: none;
}

a.button_sand {
	background: var(--blue-color);
	width: 84.8%;
	display: block;
	margin: auto;
	font-family: MyRiadPro;
	color: #FFFFFF !important;
	letter-spacing: 1px !important;
	padding: 4% 8% 4% 8%;
	text-align: center;
	-moz-transition: opacity 0.2s ease-out;
	-webkit-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
	font-size: 12px;
	outline: none;
}

a.button_sand:hover {

	/*background: #F0C744;*/
	opacity: 0.9;
	khtml-opacity: 0.9;
	moz-opacity: 0.9;
	filter: alpha(opacity=90);
	ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

a.button_sand.large {
	font-weight: bold;
	padding: 3% 3% 3% 3%;
	max-width: 200px;
	margin-left: 0px;
	outline: none;
}

#bodyWrapper {
	height: auto;
	letter-spacing: 0px;
	margin: 0 auto;
	max-width: 100%;	/*max-width: 1300px;*/
	width: 100%;
}

#wapper {
	height: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	max-width: 924px;
}

#header {
	background: url('images/header-bg.png') top center no-repeat;
	background-size: cover;
	height: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 15px 0 10px 0;
}

#header.whitebg {
	background: #FFFFFF;
}

.header-inner {
	margin: auto;
	max-width: 1300px;	/*max-width: 98%;*/
	padding-left: 1%;
	padding-right: 1%;
	display: inline-block;
	width: 98%;
	text-align: left;
}

#header-left {
	float: left;
	width: 180px;
	position: relative;
}

#header-center {
	float: left;
	width: calc(100% - 180px);/*	padding:0 2% 0 2%;*/
}

#header-right {
	color: var(--body-color);
	float: right;
	height: auto;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	text-align: right;
	width: 22%;
}

#header-logo {
	margin: auto !important;
	max-width: 100%;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: left;
	position: relative;
}

.inner-logo {
	display: inline-block;
	margin: auto;
	text-align: center;
}

.inner-logo img {
	transition: all .2s;
	height: auto !important;
}

/*body.scrolldown .inner-logo{ text-align: left; position: absolute; left:0; top:5px; margin-left: 0; z-index: 100; }*/

/*body.scrolldown .inner-logo img, body.product-detail .inner-logo img{ max-width: 250px; height: auto !important; }*/

/*body.scrolldown #topbar, body.product-detail #topbar{ background: #FFFFFF; }*/

/*#scroll-logo
{
display: none;
float: left;
padding: 0px 5px 0px 0px;
}
#scroll-logo img{
width:240px;
}*/


.search-wrapper {
	display: block;
	width: 380px;
	margin-right: 0;
	float: right;
	z-index: 999;
	position: relative;
}

.search-tab {
	float: right;
	margin: 0;
	position: relative;
	width: 100%;
	max-width: 320px;
}

select.searchcategory {
	border: 1px solid var(--body-color);
	border-radius: 6px 0 0 6px;	/*line-height: 34px;*/
	height: 34px !important;
	background: #FFFFFF;
	color: var(--body-color);
	font-size: 16px !important;
	padding: 0 10px 0 10px;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
}

/** Mozilla only **/
@-moz-document url-prefix() {
	select.searchcategory {
		height: 33px !important;
	}

}

/*select.searchcategory  option:checked {  color: #525252; }*/
label.dropdown-holder {
	overflow: hidden;
	position: relative;
	display: block;
}

label.dropdown-holder:after {
	content: "\f13a";
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-weight: 200;
	text-decoration: inherit;
	color: var(--body-color);
	font-size: 16px;
	position: absolute;
	right: 10px;
	top: 0px;
	line-height: 36px;
	z-index: 1;
	width: 10%;
	height: 100%;
	pointer-events: none;
}

input.searchinput {
	border: 1px solid #bdbdbd;
	border-radius: 6px;
	color: var(--body-color);
	float: left;
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 15px;
	height: 35px !important;
	padding: 0px 55px 0px 10px;
	vertical-align: middle;
	width: calc(100% - 68px);
	background: #FFFFFF;
}

/*.tab_search
{
height: 16px;
}*/
.searchicon {
	position: absolute;
	right: 20px;
	top: 10px;
	color: var(--blue-color);
}

.searchicon i {
	font-size: 18px
}

.search-wrapper.mobile {
	width: 100%;
}

div.mobile .search-tab {
	max-width: 100%;
	width: calc(100% - 40px);
}

div.mobile input.searchinput {
	border: 1px solid #000000;
	border-radius: 5px;
	color: var(--body-color);
	float: left;
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 16px;
	height: 35px !important;
	padding: 0px 55px 0px 10px;
	vertical-align: middle;
	width: calc(100% - 68px);
	background: transparent;
	margin-left: 0px;    /*max-width: 320px;*/
}

div.mobile .searchicon {
	position: absolute;
	right: 15px;
	top: 8px;
	color: #000000;
}

div.mobile .searchicon i {
	font-size: 20px
}

.mobile {
	display: none;
}

.mobile-search-wrapper {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 766;
	background: rgb(255, 255, 255);
	top: 30px;
	left: 0px;
	right: 0px;
	border: 0;
	-webkit-transform: translatey(0%);
	-ms-transform: translatey(0%);
	transform: translatey(0%);
}

.mobile-search_wrapper input {
	border: 0;
	text-align: center;
	position: relative;
	text-transform: none;
	text-indent: 10px;    /*width: 85%;*/
}

.new_search {
	background: #fff;
	padding: 10px 0 10px 0;
	position: relative;
	width: 95%;
	margin: auto;
	text-align: center
}

.m_search {
	display: none;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	border-bottom: 2px solid #bebebe;
	width: 100%;
}

.member-top-section {
	margin-top: 5px;
	font-size: 16px;
	float: right;
}
.member-top-section span.sep{
	font-weight: bold;
}
.member-nav {
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	margin-top: 10px;
	font-size: 16px;
/*	margin-right: 20px;*/
}

.member-nav a {
	font-size: 16px;
	color: var(--blue-color) !important;
	padding: 4px 15px;
	line-height: 1.2em;
	display: inline-block;
	font-family: 'MyRiadPro Bold', 'HuaWenKaiTi', Arial;
}


.member-logout {
	display: inline-block;
	margin-top: 10px;
	line-height: 32px;
	font-family: 'MyRiadPro Bold', 'HuaWenKaiTi', Arial;
	vertical-align: middle;
}

.member-logout a {
	color: var(--blue-color);
	padding: 4px 15px;
}

.cart-link {
	vertical-align: middle;
	display: inline-block;	
	font-size: 16px;
	margin-top: 10px;
	font-family: 'MyRiadPro Bold', 'HuaWenKaiTi', Arial;
	position: relative;
}

.cart-link a.link{
	color: var(--blue-color);
	padding:4px 10px 4px 15px;
}
.member-avatar {
	display: inline-block;
	vertical-align: middle;
}

.member-avatar i.fal {
	color: var(--blue-color);
	font-size: 18px;
	text-align: center;
	border-radius: 50%;
	line-height: 28px;
	width: 28px;
	height: 28px;
	background: none;
	border: 2px solid var(--blue-color);
}

.member-avatar i.fal:hover {
	opacity: 0.8;
}

.cart-basket {
	display: inline-block;
	vertical-align: middle;
}

.cart-basket-right {
	display: inline-block;
	vertical-align: middle;
}

.cart-basket i.fal {
	color: var(--blue-color);
	font-size: 18px;
	text-align: center;
	border-radius: 50%;
	line-height: 28px;
	width: 28px;
	height: 28px;
	background: none;
	border: 2px solid var(--blue-color);
}

.cart-basket i.fal:hover {
	opacity: 0.8;
}

.top-tag {
	display: inline-block;
	width: 100%;
	text-align: left;
	margin-top: 0px;
}

.top-tag-left {
	float: left;
	vertical-align: middle;
	width: calc(100% - 86px);
}

.top-tag-right {
	float: left;
	vertical-align: middle;
	width: 86px;
	text-align: right;
}

.top-tag-left i {
	color: var(--blue-color);
	font-size: 24px;
	display: inline;
	width: 20%;
	vertical-align: middle;
}

.top-tag-left span {
	font-size: 12px;
	padding: 2px 0 2px 0px;
	display: inline-block;
	width: calc(80% - 10px);
	vertical-align: middle;
	margin-left: 10px;
	bor
}

.top-tag-right a.live-link {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF !important;
	border: 1px solid #e90c0c;
	border-radius: 2px;
	padding: 2px 6px 2px 6px;
	display: inline-block;
	background: #e90c0c;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	letter-spacing: 1px;
	text-align: center;
}

.top-tag-right a:hover {
	opacity: 0.8;
}

.top-tag-right i {
	color: #3b5998;
	font-size: 28px;
	vertical-align: middle;
	line-height: 26px
}

.cart-counter {
	background: var(--blue-color);
	color: #FFFFFF;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
	font-size: 12px;
	z-index: 100;
	display: inline-block;
	font-family: MyriadPro;
	margin-top:-2px;
}
.cart-counter a{ color:#FFFFFF; }
.cart-counter a:hover{ color:#FFFFFF !important; }

#header-info {
	background: var(--blue-color);
	color: #FFFFFF !important;
	font-size: 17px;
	line-height: 1.4em;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	height: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	position: relative;
	text-align: center;
	width: 100%;	/*letter-spacing: 1px;*/
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	display: table;
	vertical-align: middle;
	table-layout: fixed;
}

.header-info-inner {
	vertical-align: middle;
	display: table-cell;
	height: 100%
}

.header-info-info {
	width: 98%;
	margin:auto;
	padding-left:1%;
	padding-right: 1%;
	max-width: 1300px;
}

.header-info-inner a {
	color: #FFFFFF;
	font-size: 15px;
}

.header-info-inner a:hover {
	color: #FFFFFF !important;
	text-decoration: underline;
}

.header-info-left {
	float: left;
}
.header-info-left span{
	margin-right:4rem;
}
.header-info-left span i{
	font-size:15px;
	margin-right:0.35rem;
}
.header-info-right {
	float: right;
}
.header-info-right a{
	margin-left:2rem;
}

#header-banner {
	background: #000000;
	color: #FFFFFF;
	font-size: 17px;
	line-height: 1.5em;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	text-align: center;
	width: 100%;
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	display: table;
	vertical-align: middle;
}

.header-banner-inner {
	vertical-align: middle;
	display: table-cell;
	height: 100%;
}

.header-banner-inner a:hover {
	text-decoration: none;
}

#blog-banner {
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	position: relative;
	text-align: center;	/*max-width: 1200px;*/
	max-width: 100%;
	width: 100%;
	border-bottom: 2px solid #e4e4e4;
}

#blog-banner img {
	width: 100%;
}

#header-right table td {
	font-size: 9px;
}

#banner01 {
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	height: 100%;
	width: 100%;
}

#banner01 .theme-default .nivo-controlNav {
	text-align: center;
	padding: 0;
	position: absolute;
	right: 5%;
	bottom: 15px;
	z-index: 1000;
	padding-top: 0px;
	padding-bottom: 0px;
}

#banner01 .theme-default .nivo-controlNav a {
	display: inline-block;
	width: 20px !important;
	height: 20px !important;
	background: url(images/dot.svg) no-repeat center center !important;
	background-size: cover !important;
	outline: none !important;
	font-size: 20px;
	text-indent: 9999px;
	border: 0;
	margin: 0 10px;
}

#banner01 .theme-default .nivo-controlNav a.active {
	display: inline-block;
	width: 20px !important;
	height: 20px !important;
	background: url(images/dot-active.svg) no-repeat center center !important;
	background-size: cover !important;
	outline: none !important;
	font-size: 20px;
	text-indent: 9999px;
	border: 0;
}

#banner01 .theme-default .nivo-directionNav a {
	display: block;
	width: 26px;
	height: 40px;
	background: none !important;
	text-indent: 1px;
	border: 0;
	opacity: 1;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#banner01 .theme-default .nivo-directionNav a i {
	font-size: 40px;
	color: #FFFFFF;
	text-shadow: 1px 1px 2px #000000;
}

#banner01 .theme-default a.nivo-nextNav {
	right: 30px;
}

#banner01 .theme-default a.nivo-prevNav {
	left: 30px;
}

/*.videoframe{ width: 100%; height: calc(100vh - 160px);   margin-left:auto; margin-right: auto; overflow: hidden; position: relative; z-index: 10000; }
.videoframe iframe{ width: 150%; height: 150%; margin:-5% auto 0 auto;  }*/
.videoframe {
	position: relative;
	overflow: hidden;
	z-index: 10000;
	width: 100%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.videoframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

#banner02 {
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;	/*max-height: 129px;*/
	max-width: 1280px;
}

.sbanner-zone {
	clear: both;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	max-width: 1300px;
	width: 100%;
	padding: 0 2% 0 2%;
	box-sizing: border-box;	/*max-width: 100%;*/
	display: block;
	text-align: center;
}

.sbanner-zone.mobile {
	display: none;
}

.sbanner-zone h3 {
	font-size: 18px; /*color:var(--blue-color);*/
	margin-bottom: 20px;
}

.sbanner-zone h3:after {
	content: "";
	border-bottom: 2px solid var(--blue-color);
	width: 100%;
	display: inline-block;
}

.s-banner01 {
	height: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	max-width: 100%;
	display: inline-block;
}

.s-banner01 .sb {
	float: left;
	margin: 0px 1% 0px 1%;
	width: 48%;
}

.s-banner01 .sb:last-child {
/*	margin-right: 0px;*/
/*	margin-left: 1%;*/
}

.s-banner01 img {
	display: inline-block;
	max-width: 100%;
	margin: 0px;
	opacity: 1;
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}

/*.s-banner01 img:hover{ opacity: 0.7; }*/

/*.s-banner01 img.img-default{ opacity: 1; }*/

/*.s-banner01 img.img-hover{ opacity: 0;height: 0; }*/

/*.s-banner01 img.show{ opacity: 1 !important;  height: auto !important; }*/

/*.s-banner01 img.hidden{ opacity: 0 !important; height: 0 !important; }*/

/* Newsletter */

/*#newsletter-col{
width:100%;
position: relative;
margin:40px auto 20px auto;
text-align: center;
background: #fed8de;
display: inline-block;
font-size:12px;
padding:30px 0px 40px 0px;
}
#newsletter-col h2{ 
color:#000000; 
font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
font-size: 36px;
letter-spacing:8px;
margin:5px auto 5px auto;
}
#newsletter-col p{
color: #000000;
font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial, sans-serif;
font-size: 15px;
font-weight: normal;
padding:10px 10px 20px 10px;

}
.newsletter-control{
margin:10px auto 10px auto;
height:46px;
width: 100%;
max-width: 550px;
display: inline-block;
}
input.newsletterinput
{
background: #FFFFFF;
border: 0px;
color: #000000;
display: inline-block;
font-size: 8pt;
height: 46px;
letter-spacing: 1px;
margin-right: 5px;
padding:0px;
text-align: center;
vertical-align: top;
width: 450px;
font-size:12px;
}
.newsletteraction
{
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
display: inline-block;
height: 46px;
width: 50px;
}
button.newsletteraction{
background:#FFFFFF;
display: inline-block;
cursor: pointer; 
width: 50px;
height: 46px;
float:right;
margin-top: -46px;
}
button.newsletteraction i.fa{ color:#fed8de; }*/

.back-to-top {
	margin: 0 auto 0 auto;
	text-align: center;
	height: 50px;
	line-height: 50px;
	display: none;
}

.back-to-top a {
	font-size: 15px;
}

.back-to-top a:hover {
	color: var(--blue-color) !important;
}

.back-to-top a i {
	vertical-align: middle;
	margin-left: 5px;
}

#footer-zone {
	border-top:5px solid var(--light-blue);
	background: transparent url(images/footer-bg.png) no-repeat center center;
	background-size: cover;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 20px;
	min-height: 176px;
	position: relative;	
}

#footer-inner {
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	max-width: 1300px;
	width: 100%;
	padding-left: 3%;
	padding-right: 3%;
	text-align: left;
	box-sizing: border-box;
	display: inline-block;
}
#footer-inner h1{
	color:var(--blue-color);
}
.foot-left {
	float: left;
	width: calc(52% - 20px);
	margin: 0 20px 0 0px;
}
.foot-center {
	float: left;
	width: calc(26% - 20px);
	text-align: left;
	font-size: 16px;
	margin: 0 20px 0 0px;
}
.foot-right {
	float: right;
	width: 22%;
	font-size: 16px;
}
.footer-link-left {
	display: inline-block;
	vertical-align: top;
	width: auto;
	margin-right: 50px;
	text-align: left;
}

.footer-link-right {
	display: inline-block;
	vertical-align: top;
    width: calc(85% - 148px);
	text-align: left;
}

.footer-logo img{ margin-bottom: 40px; }

.footer-notes {
	margin-top: 20px;
	letter-spacing: 0;
}
.footer-contact{
	margin-top:20px;
}
.footer-contact .info-col {
  display: inline-block;
  width: 100%;
  margin-bottom: 1em;
}
.footer-contact .info-col .icons {
  float: left;
  width: 30px;
}
.footer-contact .info-col .text {
  float: left;
  width: calc(100% - 30px);
}
.footer-contact .info-col i {
  color: var(--blue-color);
  font-size: 15px;
}

.footer-socials{
	margin-top:20px;
}
.social {
	display: inline-block;
	margin-bottom: 10px;
}

.social i {
	margin: 2px 40px 2px 0px;
	color: var(--blue-color);
	font-size: 22px;
	line-height: 28px;
	text-align: center;
	transition: opacity 0.2s linear;
}

.social i:hover {
	opacity: 0.8;
}

.mobile .social i {
	margin: 10px 5px 2px 5px;
	font-size: 18px;
	line-height: 15px;
	border-radius: 50%;
	width: 15px;
	height: 15px;
}

/*.footer-copyright{ 	display: inline-block; }*/
.footer-last {
	background: var(--blue-color);
	width: 100%;
	text-align: right;
	font-size: 14px;
}

.footer-last-inner {
	margin-left: auto;
	margin-right: auto;
	width: 96%;
	max-width: 1300px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	color:#FFFFFF;
}

.footer-last-inner span.sep{
	display: inline-block;
	margin: 0 10px 0 10px;
}
.footer-last-inner a {
/*	margin-right: 40px;*/
	color:#FFFFFF;
}

.footer-last-inner a:hover {
	color:#FFFFFF !important;
	text-decoration: underline;
}
.footer-last-inner a:last-child{
	margin-right:0;
}

.footer-left{ 
	float:left;
}

/*.footer-newsletter{ display: inline-block; margin-right:10px; }*/

/*.footer-newsletter.desktop input.text{ border-top:0; border-right:0; border-left:0; height:15px; width:150px;letter-spacing: 1px;font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial; }*/

/*.footer-newsletter.mobile input.text{ border-top:0; border-right:0; border-left:0;border-bottom:0 !important; height:15px; width:150px; padding-left:0px; color:var(--body-color) !important; letter-spacing: 1px;font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;}*/


.img01 {
	float: right;
	margin-right: 10px;
	text-align: right;
}

.img02 {
	float: right;
	margin-right: 0px;
	text-align: right;
}

/* Top Currency */
.cur {
	color: var(--body-color);
	cursor: pointer;
	display: block;
	height: 20px;
	line-height: 20px;
	margin-left: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	position: relative;
	width: 85px;
	z-index: 1000;
}

.cur:hover {
	background: var(--light-grey);
}

.am {
	background-color: transparent;
	background-image: url(images/themes/arrow-drop.png?ver=4.0);
	background-position: right center;
	background-repeat: no-repeat;
	border: 0px;
	color: var(--body-color);
	font-weight: bold;
	cursor: pointer;
	display: block;
	font-family: MyRiadPro, Arial;
	font-size: 12px;
	height: 18px;
	line-height: 1.5em;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 15px;
	padding-top: 0px;
	position: relative;
	width: 70px;
	z-index: 1111;
}

.bm {
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
	font-family: MyRiadPro, Arial;
	font-size: 12px;
	margin-left: 20px;
	margin-top: 5px;
	position: absolute;
	width: 85px;
	z-index: 9999;
	text-align: center;
}

.bm span {
	margin: 0;
	display: block;
	height: 25px;
	line-height: 25px
}

/* Top Currency EOF */

/* Product Sort By */
input.am2 {
	background-color: transparent;
	background-image: url(images/themes/arrow-drop.png?ver=4.0);
	background-position: center right;
	background-repeat: no-repeat;
	border: 0px;
	color: var(--body-color);
	cursor: pointer;
	display: block;
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 12px;
	font-weight: bold;
	height: 16px;
	margin: 0px 0 0 0;
	padding: 8px 2% 8px 2%;
	position: relative;
	z-index: 100;
	letter-spacing: 1px;
	width: 160px; /** 70px **/
	text-align: center;
}

input.am2:hover {
	color: var(--body-color);
}

.bm2 {
	background-color: #FFFFFF;
	border-top: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	width: 158px;
	z-index: 1111;
	position: absolute !important;
	top: 36px;
	right: 0px;
	text-align: center;
	overflow: hidden;
	margin: 0px;	/*position: relative !important;*/
}

.bm2 span {
	margin: 0;
	width: 100%;
}

.bm2 span:hover {

	/*background: var(--light-grey);*/
	text-decoration: underline;
}

.cur2 {
	background-color: #FFF;
	color: var(--body-color);
	cursor: pointer;
	display: block;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	margin-left: 2px;
	padding: 2px 0px 2px 0px;
	position: relative;
	width: 150px;
	z-index: 100;
}

.drop1 {
	position: relative;
}

.drop2 {
	position: relative !important;
	z-index: 100 !important;
	vertical-align: middle;
	display: inline-block;
}

.drop3 {
	margin-top: 10px;
	position: relative;
}

input.am3 {
	background-color: #FFFFFF;
	background-image: url(images/themes/arrow-drop.png?ver=4.0);
	background-position: center right;
	background-repeat: no-repeat;
	border: 1px solid #FFFFFF;
	color: var(--body-color);
	cursor: pointer;
	display: block;
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 12px;
	font-weight: normal;
	height: 16px;
	margin: 0px 0 0 0;
	padding: 8px 8px 8px 10px;
	position: relative;
	width: 130px;
	z-index: 100;
	letter-spacing: 1px
}

.bm3 {
	background-color: #FFFFFF;
	border-top: 0px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	margin: 0px;
	width: 148px;
	z-index: 111111;
	position: absolute !important;
	letter-spacing: 1px;
	overflow: hidden;
}

.bm3 span {
	margin: 0;
	width: 100%;
}

.bm3 span:hover {
	background: var(--light-grey);
}

.bm3 .cur2 {
	padding-left: 10px;
}

#bodyContent {
	max-width: 100%;
	height: 100%;	/*padding-bottom: 266px; */

	/** #footer-zone height **/
	position: relative;
}

#container {
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	max-width: 100%;
	max-width: 924px;
}

#contant {
	height: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	max-width: 100%;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	width: 960px;
}

#fullproduct {
	display: block;
	width: 96%;
	max-width: 1300px;
	margin: auto;
	padding-top: 10px;
}

#products-left {
	float: left;
	width: 53%;
	margin-right: 2%;
	z-index: 22;
	text-align: left;	/*height: 0;*/
	position: relative;
}

#products-right {
	float: right;
	width: 45%;
	position: relative;
}

.main-images-slider {
/*	max-width: 99.5%;*/
	max-width: 80%;
	float:right;
	margin: auto;
	position: relative;
}

.main-images-slider img {
	height: auto;
	max-width: 100%;
	width: 100%;
	max-height: 600px;
	object-fit: cover;
}

/** To fix slick next slide visible issue **/
.slick-slide {
	margin: 0 1px;
}

/* the parent */
.slick-list {
	margin: 0 -1px;
}

.main-images-slider .slick-slide {
	position: relative;
}

.main-images-slider.slick-slider {
	margin-bottom: 10px !important;
}
/*
.thumbnail-product-slider {
	width: 100%;
	margin: auto;
	padding-left: 35px;
	padding-right: 35px;
	background: red;
	float:left;
}*/

.thumbnail-product-slider {
	width: 18%;
	margin-right:1%;
	float:left;
}
.thumbnail-product-slider .slick-track{
	height: auto !important;
}
.thumbnail-product-slider .thumbslide {
	margin: 0 auto 0 auto;
	border: 1px solid transparent !important;
	margin-bottom: 10px;
	transition: .2s;
	position: relative;
}

.thumbnail-product-slider .thumbslide.slick-current {
	border: 1px solid var(--blue-color) !important;
}

.thumbnail-product-slider .thumbslide:hover {
	opacity: 0.8;
}

.thumbnail-product-slider img {
	max-width: 100%;
	cursor: pointer;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.thumbnail-product-slider .slick-prev:before, .thumbnail-product-slider .slick-next:before {
	font-family: none;
	content: '';
}

.thumbnail-product-slider .slick-prev {
	left: 0;
	z-index: 1000;
	background: none !important;
	font-size: 30px !important;
	width: 30px !important;
	height: 30px !important;
	color: var(--blue-color);
}

.thumbnail-product-slider .slick-next {
	right: 0;
	z-index: 1000;
	background: none !important;
	font-size: 30px !important;
	width: 30px !important;
	height: 30px !important;
	color: var(--blue-color);
}

/*.thumbnail-product-slider .slick-dots{ left:0; right:0; width: auto;  }*/
.thumb-play {
	z-index: 10000;
}

.thumb-play a {
	z-index: 101;
	position: absolute;
	left: 0;
	right: 0;
	top: 33%;
	z-index: 10000;
	text-align: center;
}

.thumb-play a i {
	color: #ffffff;
	font-size: 15px;
	text-align: center;
	background: var(--blue-color);
	border: 1px solid #ffffff;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	line-height: 35px;
}

.video-wrapper {
	position: relative;	/* 16:9 */

	/*padding-bottom: 56.25%; */

	/* 3:2 */

	/*padding-bottom: 66.66%;*/

	/* 4:3 */

	/*padding-bottom: 75%;*/
	padding-bottom: 100%; /* 1:1 */
	height: 0;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#info-right {
	display: inline-block;
	max-width: 100%;
	width: 100%;
}

.products-info {
	display: inline-block;
	height: auto;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-left: 0px;
	max-width: 100%;
	width: 100%;
	text-align: left;
}

.product-ref {
	color: var(--body-color);
	font-size: 10px;
	float: right;
	margin-top: 5px;
}

.product-price {
	float: left;
	line-height: 1em;
	margin-top: 10px;
}
.products-info .product-price {
	font-size: 22px;
	color: var(--body-color) !important;
	font-family: 'MyRiadPro Bold', 'HuaWenKaiTi', Arial;
}
.products-info .productSpecialPrice {
	font-family: 'MyRiadPro Bold', 'HuaWenKaiTi', Arial;
	color: var(--body-color) !important;
	font-size: 22px;
}

.products-info .productOriPrice {
	font-family: MyRiadPro, Arial;
	font-size: 22px;
	font-weight: normal;
	color:#b0b0b0;
}


/** Product Page Tabs **/
.header-tab {
	font-family: 'MyRiadPro Bold', 'HuaWenKaiTi', Arial;
	line-height: 1.4em;
	height: 20px;
	font-size: 16px;
	margin: 20px 0px 10px 0px;
	color: var(--blue-color);
}

.header-tab span {
	display: inline-block;
	color: var(--blue-color);
	font-size: 16px;
	line-height: 1.4em;
	letter-spacing: 0;
}

/*.header-tab a:first-child{ margin-left:0px; }*/

/*.header-tab a:last-child{ margin-right:0px; }*/

/*.header-tab a:hover,.header-tab a.active{ color:var(--body-color) !important; border-bottom:2px solid var(--blue-color); }*/
.content-tab {
	font-size: 16px;
	color: var(--body-color);
	padding: 5px 0 5px 0;
}

.content-tab ul, .content-tab ol {
	margin-left: 20px;
}

.ctab {
	font-size: 16px;
}

.ctab p {
	font-size: 16px;
}

.ctab a {
	color: #000000;
	border-bottom: 1px solid #000000;
}

.ctab a:hover {
	color: #000000 !important;
	border-bottom: 1px solid #000000;
}

table#product-specs{ 
	padding-top:20px 
}
table#product-specs td{ padding: 0px 20px 12px 0px; vertical-align:top }

table#product-specs td.heading{
	font-family: 'MyRiadPro Bold', 'HuaWenKaiTi', Arial;
	line-height: 1.4em;
	font-size: 16px;
	color: var(--blue-color);
}

#toggle-cooking{ display:inline-block; cursor:pointer; }
#toggle-cooking i{ margin-left:10px; }

.box01 {
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 12px;
	color: var(--body-color);
	height: auto;
	width: calc(100% - 35px);
	padding: 0px;
	margin: 10px 0 10px 0;
	display: inline-block;
	text-align: left;
}

td.optionleft {
	width: 25%;
	padding: 10px 0px 10px 0px;
	color: var(--body-color);
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
}

.option_items {
	position: relative;
	width: 100%;
}

.option_items span.option_item {
	margin-left: 15px;
	display: inline-block;
	cursor: pointer;
	color: var(--body-color);
	border-bottom: 1px solid transparent;
	line-height: 1.2em
}

.option_items span.option_item:hover, .option_items span.option_item.active {
	border-bottom: 1px solid var(--body-color);
}

.option_items img {
	margin-left: 15px;
	display: inline-block;
}

#selectmsg {
	float: right;
	color: #d04949;
	font-weight: bold;
}

.option_items .color-tag {
	display: inline-block;
}

.option_items .color-tag img {
	border-radius: 50%;
	zoom: 1;
}

.option_items .color-tag.first img {
	border-radius: 50%;
	padding: 2px;
	zoom: 1;
	width: 18px !important;
	height: 18px !important;
	border: 1px solid #000000;
}

#product-qty {
	text-align: center;
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
}

#product-qty input.qty-text::-webkit-outer-spin-button, #product-qty input.qty-text::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
	-moz-appearance: textfield;
}

#product-qty input.qty-text {
	text-align: center;
	height: 40px;
	width: 40px;
	display: inline-block;
	vertical-align: middle;
	border-left: 0;
	border-right: 0;
	border-top: thin solid #bdbdbd;
	border-bottom: thin solid #bdbdbd;
	font-size: 16px;
	padding: 0;
	-moz-appearance: textfield;
	background: #FFFFFF;
}

#product-qty input.qty-text:focus {
	outline-width: 0;
}

#product-qty a.minus {
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	border: thin solid #bdbdbd;
	background:#FFFFFF;
	border-right: 0;
	line-height: 40px;
	height: 40px;
	width: 45px;
	border-radius: 5px 0 0 5px;
}

#product-qty a.plus {
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	border: thin solid #bdbdbd;
	background:#FFFFFF;
	border-left: 0;
	line-height: 40px;
	height: 40px;
	width: 45px;
	border-radius: 0 5px 5px 0;
}

#product-btns {
	text-align: center;
	margin-top: 30px;
	display: inline-block;
	width: 100%;
}

#product-btns .ui-button {
	width: 100%;
	text-transform: initial !important;
}

#product-btns a.ui-button {

	/*padding: 10px 0 10px 0; */cursor: default;
	color: var(--body-color);
}

#product-btns a.ui-button:hover {
	opacity: 1
}

#product-btns a.unavailable {
	font-size: 16px;
	display: inline-block;
	padding: 8px 30px 8px 30px;
	line-height: 1.3em;
	cursor: default;
	width:100%;
}

#product-btns h2 {
	color: var(--blue-color);
}

.category-tags {
	clear: both;
	width: 100%;
	display: block;
	margin: 30px 0 0px 0;
}

.category-tags .tag {
	display: inline-block;
	border: 1px solid var(--blue-color);
	border-radius: 8px;
	color: var(--blue-color);
	font-size: 18px;
	padding: 5px 20px;
	margin-right: 15px;
	margin-bottom: 10px;
}

.maylike-block {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 20px auto 0px auto;
}

.maylike-block h4 {
}

.title-maylike-inner {
	margin: 0px auto 20px auto;
	width: 100%;
	height: auto !important;
	display: block;
	vertical-align: middle;
	height: 100%;
	color: var(--blue-color);
	font-size: 16px;
	text-align: center;
}

.title-maylike-inner h4 {
	font-size: 16px !important;
	font-weight: bold;
	margin: 0px auto 15px auto;
	text-transform: initial !important;
	width: auto;
	display: inline-block;
	padding: 5px 0;
	position: relative;
	color: var(--blue-color);
}

.maylike-block.mobile {
	display: none;
}

.maylike-inner {

	/*max-width:1200px;*/
	max-width: 100%;
	margin: auto;
	width: 100%;
	display: inline-block;
}

/*.maylike-inner img{ width:250px !important; height:355px !important; }*/
.all-links {
	text-align: center;
	display: block;
	margin: 20px auto;
	clear: both;
}

.all-links a {
	font-weight: bold;
	font-size: 17px;
	color: var(--blue-color);
	border-bottom: 2px solid var(--blue-color);
	padding-bottom: 2px
}

.title-zone {
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;	/*max-width: 1200px;*/

	/*max-width: 100%;*/
	max-width: 1300px;
	display: block;
	width: 96%;	
	position: relative;
}

.title-inner {
	margin: 0px auto 0px auto;
	width: 100%;
	height: auto !important;
	display: block;
	vertical-align: middle;
	height: 100%;
	color: #000000;
	font-size: 18px;
	text-align: left;
	border-bottom: 2px solid var(--blue-color);
}

.title-inner h4 {
	font-size: 18px !important;
	font-weight: bold;
	margin: 0px auto 0px auto;
	text-transform: lowercase;
	width: auto;
	display: inline-block;
	padding: 5px 0;
	position: relative;
}

.title-inner h4 {
	text-transform: initial;
}

.title-inner h4 i {
	font-size: 20px;
	margin-right: 10px
}

/*.title-inner.listing{
border-top:1px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;
}*/

/*.title-border{
border-bottom:1px solid #000000;
width:100%;
display: inline-block;
}*/
.breadcrumb {
	width: 100%;	/*max-width:1200px;*/
	text-align: left;
	margin: 0 0 10px 0;
	color: grey;
}
.breadcrumb i{  
	font-size: 14px;
	margin:0 10px 0 10px;
}

.breadcrumb .black {
	color: var(--body-color);
}

.shopping-header {
	text-transform: uppercase;
	text-align: center;
	font-size: 14px !important;
	margin: 0px auto 0px auto;
	width: auto;
	display: inline-block;
	padding: 5px 20px 5px 20px;
	background: #FFFFFF;
	position: relative;
}

#items-zone-wrapper {
	margin: 0px auto 0px auto;
	text-align: center;
	max-width: 100%;
	display: block;
}

#items-zone {
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;	
/*	max-width: 100%;*/
	max-width: 1300px;
	min-height: 300px;
	display: block;
}

.items-inner {
	display: inline-block;
	width: 100%;
}

.items-inner .grid4,
.items-inner .grid3 {

	/*width:95%;*/ margin: auto;
}

.page-title{
	float:left;
	margin-right: 30px;
}
.page-title h1{ 
	color: var(--blue-color);
 }

.items-left {
	float: left;
	width: 17%;
	margin-left: 7%;
	text-align: left;
}

/*.items-right-blog{ float:left; width:17%;  text-align: left; }*/
.items-right {
	margin: auto;
	width: 100%;  /*float:right; width:75%; border-left:2px solid #bbbbbb; */
}

.items-left.sticky {
	position: fixed;
	z-index: 6;
	top: 50px; /*left:72px;*/
}

.items-cat {
	max-width: 160px;
	width: 100%;
}

/*.items-left a,.items-right-blog a{ font-size:11px; color:#000000 !important; padding:3px 5px 3px 5px; text-decoration: none;  text-transform: uppercase }  
.items-left .cat-title a,.items-right-blog .cat-title a{ border-bottom:2px solid #bbbbbb; font-weight: bold; max-width:100%; display: block; margin-bottom:15px; }
.items-left .cat-title a:hover,.items-right-blog .cat-title a:hover{ color:#99d6e8 !important; }
.items-left .sub-cat-title a,.items-right-blog .sub-cat-title a{ line-height: 1.6em; max-width:100%; width:100%; display: block; font-size:10px;}
.items-left .sub-cat-title a:hover,.items-right-blog .sub-cat-title a:hover{ background:#e6e6e6; }*/
.sub-cat-divider {
	height: 15px;
}

.divider {
/*	height: 10px;*/
}

.items-list-dec {
	color: var(--body-color);
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial, Helvetica, sans-serif;	/*width: 172px;*/
	border: 1px solid red;
}

.items-name {
	font-family: 'MyRiadPro Bold', 'HuaWenKaiTi', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: var(--blue-color);
	margin-top: 20px;
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}

.items-name a {
	font-size: 16px;
	color: var(--blue-color);
}

.items-name a:hover {
	color: var(--blue-color);
}

.col-img {
	position: relative;
	padding: 0px;
}

img.items-img {
	width: 100%;
	height: auto;
	object-fit: cover;
	display: block;
}

.items-bottom {
	display: table;
	width: calc(100% - 30px);
	padding: 0 15px 0 15px;
	margin-top: 10px;
	height: auto;
}

.items-desc-top {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.items-desc-bottom {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	margin: 0px;
	text-align: center;
}

.items-price {
	font-size: 16px;
	color: var(--body-color);
	letter-spacing: 0.5px;
}

a.listicon {
	margin-bottom: 2px;
	display: inline-block;
	line-height: 22px;
	width: 22px;
	height: 22px;
}

a.listicon i {
	color: var(--blue-color);
	font-size: 14px;
	text-align: center;
	border-radius: 50%;
	line-height: 22px;
	width: 22px;
	height: 22px;
	background: #FFFFFF;
	transition: .2s;
	border: 1px solid var(--blue-color);
}

a.listicon i:hover {
	opacity: 0.8;
}

a.addtocart {
	display: inline-block;
	padding: 10px 18px;
	font-weight: bold;
	font-size: 16px;
	width: calc(100% - 188px);
    border-radius: 5px !important;
}

a.unavailable {
	display: inline-block;
	background: #c9c9c9;
	padding: 10px 18px;
	font-weight: bold;
	font-size: 16px;
	margin-right: 10px;
	cursor: default;
    border-radius: 5px !important;
}

a.unavailable:hover {
	background: #c9c9c9;
	opacity: 1
}

.border-r {
	border-bottom: 0px;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-right-width: 2px;
}

a {
	color: var(--body-color);
}

a:hover {
	color: var(--body-color);
}

a.link-18 {
	color: var(--body-color);
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 18px;
	margin-right: 0px;
	text-decoration: none;
}

/*a.isLogin{ color:var(--blue-color); }*/
a.link-b12 {
	color: var(--body-color);
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 12px;
	margin-right: 0px;
	text-decoration: none;
}

a:hover.link-b12 {

	/*border-bottom: 3px solid #99d6e8;*/

	/*color: var(--body-color);*/
}

a.link-b11 {
	color: var(--body-color);
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 11px;
	text-decoration: none;
}

a:hover.link-b11 {

	/*border-bottom: 3px solid #99d6e8;*/

	/*color: var(--body-color);*/
}

a.link-g11-02 {
	color: var(--body-color);
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 11px;
	line-height: 35px;
	text-decoration: none;
	margin-right: 5px;
	letter-spacing: 1px;
}

a:hover.link-g11-02 {
	text-decoration: none;
}

/** Pagination **/
.pagination{
	text-align: right;
}
.page-results {
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 14px;
}

.page-sort {
	float: right;
	margin-bottom: 20px;
}

#page-sort .megamenu_container {
	width: 180px !important;
	border: 1px solid var(--blue-color);
	height: 30px;
	border-radius: 4px;
	position: relative;
	text-align: left;
	z-index: 200;
}

#page-sort .megamenu_container ul.megamenu {
	line-height: 28px;
}

#page-sort .megamenu_container ul.megamenu li {
	display: inline-block;
	width: 100%;
}

#page-sort .megamenu_container a.megamenu_drop {
	font-size: 14px;
	padding: 2px 10px 0 10px;
	font-family: 'MyRiadPro','HuaWenKaiTi', Arial !important;
}

#page-sort .megamenu_container a.megamenu_drop i {
	position: absolute;
	right: 10px;
	top: 8px;
	color: var(--blue-color);
}

#page-sort .megamenu_container ul.megamenu li > div a {
	font-size: 14px;
}

#page-sort ul.megamenu li .dropdown_container {
	max-width: 150px !important;
}

/*#page-sort ul.megamenu li .dropdown_container.show{ top:32px; display: block; opacity: 1 !important }*/
#page-sort ul.megamenu li:hover .dropdown_container {
	top: 32px;
}

.list-style03 {
	color: var(--body-color);
	font-family: 'MyRiadPro Bold','HuaWenKaiTi', Arial;
	font-size: 16px;
/*	line-height: 35px;*/
	height: 35px;
	margin: 0px auto 20px auto;
}

.list-style03 span {
	margin-left: 20px;
	margin-right: 0;
	position: relative;
}

.list-style03 a {
	color: var(--blue-color);
	font-size: 16px;
	line-height: 35px;
	margin-left: 20px;
	margin-right: 0;
	text-decoration: none;
	position: relative;
}

.list-style03 a:hover {
	text-decoration:underline;
	/*border-bottom: 1px solid #000000;*/
}

.list-style03 .current {
	color: #FFFFFF;
	padding: 1px 5px;
	background: var(--blue-color);
}

/*.list-style03 .current:after{ content:""; border-bottom:1px solid var(--blue-color); width: 10px; display: inline-block; clear:both; }*/
.list-style03 a i {
	font-size: 25px;
	line-height: 20px;
	display: inline-block;
	vertical-align: middle;
}

a.link-nav {
	color: var(--body-color);
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 11px;
	line-height: 25px;
	text-decoration: none;
}

a:hover.link-nav {
	text-decoration: underline;
}

/* New Font */
.font-w12 {
	color: #ffffff;
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 12px;
	padding-left: 0px;
}

.font-b11b {
	color: var(--body-color);
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 11px;
	font-weight: bold;
	padding-left: 0px;
}

.font-b14 {
	color: var(--body-color);
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 14px;
	font-weight: bold;
}

.font-title-11 {
	color: var(--body-color);
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 12px;
	line-height: 25px;
	padding-left: 0px;
	letter-spacing: 1px;
}

.font-title-10 {
	color: var(--body-color);
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 11px;
	line-height: 25px;
	padding-left: 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.font-g11 {
	color: #7e7e7e;
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 11px;
	line-height: 25px;
	letter-spacing: 1px;
}

.font-b11 {
	color: var(--body-color);
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 11px;
	line-height: 25px;
}

.font-b11-p {
	color: var(--body-color);
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 11px;
	padding-bottom: 3px;
	padding-top: 3px;
}

.font-b12b-p {
	color: var(--body-color);
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 12px;
	font-weight: bold;/*	padding-bottom: 3px;
	padding-right: 15px;
	padding-top: 3px;*/
	text-align: right;
	text-transform: uppercase;
}

.font-b19 {
	color: var(--body-color);
	font-family: MyRiadPro, Arial;
	font-size: 19px;
	font-weight: bold;
	line-height: 20px;
	text-transform: uppercase;
}

.font-b27 {
	color: var(--blue-color);
	font-family: 'MyRiadPro Bold', 'HuaWenKaiTi', Arial;
	font-size: 27px;
	line-height: 1.5em;
}

.font-b20 {
	color: var(--body-color);
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5em;
}

.font-b16 {
	color: var(--body-color);
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 16px;
}

.font-b18 {
	color: #000000;
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 18px;
}

.font-b18dark {
	color: var(--body-color);
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 18px;
}

.box03 {
	background-color: #f5f5f5;
	color: var(--body-color);
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 11px;
	height: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	width: 476px;
}

.box02 {
	background-color: #f5f5f5;
	border-bottom-color: #7e7e7e;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #7e7e7e;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #7e7e7e;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: none;
	border-top-width: 0px;
	color: var(--body-color);
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 11px;
	height: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 5px;
	width: 416px;
}

.tab01 {
	background-image: url(images/step/tab-g.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	color: var(--body-color);
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	text-align: center;
	width: 166px;
}

ol, ul {
	margin-left: 20px;
}

div.loader {
	display: block;
	left: 0;
	right: 0;
	text-align: center;
	position: fixed;
	top: 50%;
	width: 100%;
	z-index: 9002;
}

#blanket {
	background-color: #000000;
	filter: alpha(opacity = 65);
	height: 100%;
	left: 0px;
	opacity: 0.65;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 9001;
}

/** Ajax Shopping Bag **/
.popHeader {
	font-size: 15px;
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	margin: 0px auto 5px auto;
	text-align: center;
}

.smallgrey {
	font-size: 10px;
	text-align: center;
	text-transform: none;
	font-family: Arial;
	color: #B4B4B4;
}

.smallblack {
	font-size: 10px;
	text-align: center;
	text-transform: none;
	font-family: Arial;
	color: var(--body-color);
	letter-spacing: 1px;
	line-height: 1.4em;
	margin-top: 15px;
}

#shopping-wrapper {
	display: none;
	position: relative;
}

#shoppinglink {
/*	position: relative;*/
/*	width: 51px;*/
}

#slidingTopWrap {
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 11px;
	padding: 0;
	position: absolute;
	right: 0px;	/* text-transform: uppercase; */
	top: 0;
	width: 280px;
	z-index: 1001;
	text-align: center;
}

#slidingTopContent {
	background-color: #FFFFFF;
	border: 2px solid #bbbbbb;
	font-size: 12px;
	margin: 0;
	overflow: hidden;
	padding: 5px 5% 10px 5%;
	z-index: 100001;
	width: 90%;
}

#slidingTopContent a:link, #slidingTopContent a:visited, #slidingTopContent a:active {
	color: var(--body-color);
	font-size: 11px;
	text-decoration: none;
}

#slidingTopContent a:hover {

	/*color: #5B5B5B;*/
	font-size: 11px;
	text-decoration: none;
}

.removeprod {
	float: right;
	font-size: 10px !important;
}

#basketItemsWrap {
	max-height: 500px;
	overflow-y: auto;
}

#basketItemsWrap .prod-img {
	text-align: left;
}

#basketItemsWrap .prod-img img {
	margin: 0px 8px 0px 0px;
}

#basketItemsWrap .prod-link {
	font-size: 10px
}

#basketItemsWrap .prod-link a {
	color: #000000;
	font-size: 10px
}

#basketItemsWrap .prod-price {
	font-size: 10px
}

#basketItemsWrap table td {
	font-size: 10px;
	text-align: left;
	letter-spacing: 1px
}

#basketClose {
	display: none;
	float: right;
}

#basketClose a:link {
	color: #FFFFFF;
}

#basketClose a:visited {
	color: #FFFFFF;
}

#basketClose a:active {
	color: #FFFFFF;
}

#basketClose a:hover {

	/*color: #FFFFFF;*/
}

.cart_product {
	cursor: pointer;
	margin-bottom: 10px;
}

#shopping_total {
	padding-right: 2px;
}

.subtotal {
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	display: inline-block;
	width: 100%;
	padding: 10px 0px 10px 0px;
	margin: 5px auto 5px auto;
}

.subtotal span {
	color: #000000;
	font-size: 11px;
}

.subtotal span.left {
	float: left;
}

.subtotal span.right {
	float: right;
}

/** Sign In Popup */
.signin-inner {
}

.signin-inner p {
	line-height: 1.5em !important;
}

.signin-inner a {
	color: #000000 !important !important;
	border-bottom: 1px solid var(--body-color);
}

/** Checkout Layout **/
.checkout-left {
	width: 65%;
	display: inline-block;
	vertical-align: top;
}

.checkout-right {
	width: 27%;
	display: inline-block;
	vertical-align: top;
	margin-left: 1%;
	background-color: beige;
	padding: 3%;
}

.title-zone.full-width {
	width: 100%;
}

/** SHopping Cart Page **/
.order-type {
	display: block;
	margin: 20px auto;
	text-align: center;
}

.order-type-inner {
	max-width: 800px;
	display: inline-block;
	width: 100%;
}

.order-type-link {
	float: left;
	width: 50%;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	background: #FFFFFF;
	border: 2px solid var(--blue-color);
	box-sizing: border-box;
}

.order-type-link.active {
	background: var(--blue-color);
	color:#fff;
	opacity: 1 !important;
}

.order-type-link:hover {
	opacity: 0.8;
}

.order-type-link:nth-child(1) {
	border-radius: 10px 0 0 10px;
}

.order-type-link:nth-child(2) {
	border-radius: 0 10px 10px 0;
}

.basket-box {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px
}

.basket-delivery {
	width: 100%;
	max-width: 900px;  /*display: none;*/
}

.basket-address {
	width: 100%;
	max-width: 100%;
	display: none;
}

.basket-remark {
	width: 60%;
	float: left;
}

.basket-total {
	width: 40%;
	float: right;
	text-align: right;
}

.subtotal-heading {
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 0.5px;
	padding-bottom: 5px;
}

.subtotal-tips {
	padding-bottom: 30px;
}

.basket-delivery .title, .basket-remark .title {
	font-size: 18px;
	margin-bottom: 2px;
	font-weight: bold;
}

.pickup-address {
	padding: 20px 10px;
	background: #f4efdc;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	border-radius: 5px;
}

/*.ui-datepicker { border:0px !important; }*/
.basket-box .ui-datepicker {
	border: 0px !important;
	width: calc(100% - 0.4em) !important;
}

.ui-datepicker .ui-datepicker-header {
	border-radius: 5px !important;
	border: 0px;
	background: #d2d2d2;
}

.ui-datepicker-header a {
	color: #222222 !important;
}

.ui-datepicker .ui-state-default {
	border: 1px solid #c5c5c5 !important;
	background: #f6f6f6 !important;
	color: #000000 !important;
}

.ui-datepicker .ui-state-hover, .ui-datepicker .ui-state-focus, .ui-datepicker a.ui-state-default:active, .ui-datepicker a.ui-state-default:hover {
	border: 1px solid #cccccc !important;
	background: #ededed;
	font-weight: normal !important;
	color: #2b2b2b;
}

.ui-datepicker .ui-state-active, .ui-datepicker  a.ui-button:active, .ui-datepicker a.ui-button:active, .ui-datepicker .ui-button.ui-state-active:hover {
	border: 1px solid #003eff !important;
	background: #007fff !important;
	font-weight: normal !important;
	color: #ffffff !important;
}

.ui-datepicker .ui-button.ui-state-disabled:hover, .ui-datepicker .ui-button.ui-state-disabled:active {
	border: 1px solid #EDEDED !important;
	background: #EDEDED !important;
	color: #000000 !important;
}

.ui-datepicker .ui-state-highlight, .ui-datepicker .ui-state-highlight:hover, .ui-datepicker .ui-state-highlight:active {
	border: 1px solid #dad55e !important;
	background: #fffa90 !important;
	color: #777620 !important;
}

.basket-remark textarea {
	border-radius: 4px;
	height: 100px;
	max-width: 600px;
}

.choose-date {
	margin-bottom: 15px;
	width: 46%;
	float: left;
	padding-right: 4%;
	vertical-align: top;
}

.choose-time {
	line-height: 1.2em;
	width: 46%;
	float: left;
	padding-left: 4%;
	vertical-align: top;
}

.choose-date input {
	border-radius: 5px;
	padding: 0 14px 0 14px !important;
	width: 100%;
	border: 1px solid #cad1d4;
	height: 34px;
	box-sizing: border-box;
}

.choose-time select {
	margin: 5px 0 5px 0;
	font-size: 16px;
	width: 100%;
	height: 34px;
}

.deliverydate-wrapper {
	position: relative;
}

.choose-date i {
	font-size: 22px;
	width: 30px;
	line-height: 34px;
	vertical-align: middle;
	position: absolute;
	right: 0;
	top: 0;
}

/*.selectedDate{ background:var(--blue-color);padding:2px 10px;color:#ffffff }*/
.cart-qty {
	text-align: center;
}

.cart-qty input.qty-text::-webkit-outer-spin-button, .cart-qty input.qty-text::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
	-moz-appearance: textfield;
}

.cart-qty input.qty-text {
	text-align: center;
	height: 26px;
	width: 30px;
	display: inline-block;
	vertical-align: middle;
	border-left: 0;
	border-right: 0;
	border-top: thin solid #bdbdbd;
	border-bottom: thin solid #bdbdbd;
	font-size: 16px;
	padding: 0;
	-moz-appearance: textfield;
}

.cart-qty input.qty-text:focus {
	outline-width: 0;
}

.cart-qty a.minus {
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	border: thin solid #bdbdbd;
	border-right: 0;
	line-height: 26px;
	height: 26px;
	width: 35px;
	text-align: center;
}

.cart-qty a.plus {
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	border: thin solid #bdbdbd;
	border-left: 0;
	line-height: 26px;
	height: 26px;
	width: 35px;
	text-align: center;
}

.checkout-right .buttonAction button {
	width: 100%;
	text-transform: initial !important;
}

/** Shopping cart page **/
.shopping_cart_table {
	border-color: #bdbdbd;
	border-style: solid;
	border-width: 0px;
}

.shopping_cart_table td {

	/*border-bottom: 1px solid #bbbbbb;*/
	font-weight: normal;
	margin: 0;
	padding: 0px;
	vertical-align: top;
	font-size: 16px;
}

.shopping_cart_table td a.item-name {
	color: #333;
	font-size: 16px;
	font-weight: normal;
}

.shopping_cart_table td a.remove-icon {
	color: var(--body-color);
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}

.shopping_cart_table td input {
	border: 1px solid #bbbbbb;
	padding-left: 6px;
	width: 60px;
}

.shopping_cart_table td img.item-image {
	max-width: 100px;
}

.shopping_cart_table .row-header td {
	border-bottom: 2px solid var(--blue-color);
	font-size: 16px;
	font-weight: bold;
}

.shopping_cart_table tr.row-data td {
	position: relative;
	border-bottom: 1px solid var(--blue-color);
	padding: 10px 4px 10px 4px;
	vertical-align: middle;
}

.shopping_cart_table .row-data td {
	position: relative;
}

tr.row-header td {
	border-bottom: 2px solid var(--blue-color);
	font-size: 16px;
	font-weight: bold;
}

tr.row-data td {
	position: relative;
	border-bottom: 1px solid var(--blue-color);
	padding: 10px 4px 10px 4px;
	vertical-align: middle;
}

.shopping_cart_table .row-subtotal {

	/*background: #f5f5f5;*/
	border: 0px;
	font-size: 20px;
	font-weight: bold;
	padding: 20px 0px 20px 0px;
	text-align: left;
	color: var(--body-color);
	border-top: 2px solid var(--blue-color);
}

.shopping_cart_table .row-subtotal span {

	/*width:150px;*/
	display: inline-block;
	text-align: right;
	float: right;
}

.inner_shopping_cart_table, .inner_shopping_cart_table td {
	border-width: 0 !important;
	padding: 0 !important;
}

#shopping-advert {
	text-align: center;
}

#shopping-advert h2 {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 5px;
	text-decoration: none;
}

#shopping-advert h4 {
	font-size: 17px;
	font-weight: normal;
	margin-top: 5px;
	text-decoration: none;
}

#shopping-advert .bottom-container {
}

.inner-img {
	position: relative;
	margin-bottom: 10px;
}

.tag-soldout {
	padding: 5px 0;
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 70px;	/*line-height: 60px;*/
	font-weight: bold;
	margin: auto;
	background: rgba(255, 255, 255, 0.7);
	color: #000000;
	font-size: 14px;
}

/*.tag-soldout img{ width:100%; }*/
.d-table {
	display: table;
	height: 100%;
	width: 100%;
}

.d-table-cell {
	display: table-cell;
	vertical-align: middle;
}

.tag-new {
	color: #aaaaaa;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
}

.tag-sales {
	color: #D04949;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
}

.sold-out a {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	text-align: center;
	text-decoration: none;
	display: block;
}

.tag-custom {
	padding: 0;
	position: absolute;
	text-align: left;
	width: auto;
	height: auto;
	left: 0;
	top: 0;
	z-index: 10;
}

.tag-custom img {
	width: 100%;
	max-width: 100px;
}

#products-left .tag-custom img {
	max-width: 180px;
}

.tag-sales {
	padding: 0;
	position: absolute;
	text-align: center;
	width: 30px;
	height: 47px;
	right: 20px;
	line-height: 14px;
	padding-top:2px;
	top: 0;
	z-index: 10;
	background: url('images/sales-tag.png') top left no-repeat;
	background-size: contain;
}
.sales-label{
	color:#FFFFFF;
	text-align: center;
	font-size: 12px;
}

#products-left .tag-sales {
	padding: 0;
	font-weight: bold;
	position: absolute;
	text-align: center;
	width: 44px;
	height: 68px;
	right: 20px;
	line-height: 1.3em;
	padding-top:5px;
	top: 0;
	z-index: 10;
	background: url('images/sales-tag.png') top left no-repeat;
	background-size: contain;
}
#products-left .sales-label{
	color:#FFFFFF;
	text-align: center;
	font-size: 16px;
}

.advert-tag-backorder {
	height: 85px;
	margin-left: 5px;
	margin-top: -88px;
	padding: 0px;
	position: absolute;
	text-align: center;
	width: 170px;
}

#left-column {
	border: 0px solid red;
	float: left;
	width: 20%;
}

#left-column h1 {
	margin-bottom: 1px;
	max-width: 100%;
}

#left-column ul.side-menu {
	list-style-type: none;
	margin-top: 0px;
	max-width: 100%;
}

#left-column ul.side-menu li {

	/*border-bottom: 1px solid #eaeaea;*/
	font-size: 13px;
	line-height: 30px;
}

#left-column a.active {
	font-weight: bold;
	color: var(--blue-color);
}

.side-menu li a {
	font-size: 14px !important;
}

#right-column {
	border: 0px solid red;
	float: left;
	padding: 5px 1% 10px 1%;
	width: 78%;
	position: relative;
}

#right-column h3 {
	font-size: 18px;	/*letter-spacing: 1.8px;*/
	color: var(--body-color);
	outline: none;
}

#right-column table tr.data-header td, #right-column table tr.data-header th {
	border-bottom: 2px solid var(--blue-color);
	padding: 5px 4px 5px 4px;
	font-size: 15px;
}

#right-column table tr th {

	/*line-height: 25px;*/
}

#right-column table tr.data-row td {
	background: #FFFFFF;
	border-bottom: 1px solid #b7b7b7;
	padding: 10px 4px 10px 4px;
	vertical-align: middle;
}

#right-column.confirmation table tr.data-row td {
	background: #FFFFFF;
	border-bottom: 1px solid #b7b7b7 !important;
	padding: 10px 2px 10px 2px;
	vertical-align: middle;
}

#right-column ul {
	margin-left: 20px;
}

/*.faq #right-column
{
background: #FFFFFF;
width:68%;

}*/
#right-column h1 {
	font-size: 20px;
	margin-bottom: 10px;
	color: var(--blue-color);
}

#left-column a {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: var(--body-color);
}

#left-column a:hover {
	color: var(--blue-color) !important;
}

#left-column a.active {
	color: var(--blue-color) !important;	/*font-weight: bold;*/
}

h1.faq-title {
	color: var(--body-color) !important;
	font-weight: bold;
}

.faq .ui-icon {

	/*background-image: url(images/ui-icons_222222_256x240.png) !important;*/
}

.rmm-toggled-title {
	display: none;
}

.rmm.minimal .rmm-toggled-controls {
	height: 0px;
}

#faqMenu .ui-state-active .ui-icon {

	/*background-image: url(images/ui-icons_222222_256x240.png) !important;*/

	/*background-position: 1%  1%;*/
}

h4.faq-question {
	margin-bottom: 5px;
	font-size: 15px
}

.faq-content {
	margin-bottom: 20px;
}

.faq-answer {
	margin-bottom: 15px;
	font-style: italic;
	font-size: 13px;
	font-weight: 200;
}

.ui-accordion {
	padding: 0px;
}

.ui-accordion .ui-accordion-header {

	/*background: transparent !important;*/
	border-top: 0px !important;
	border-right: 0px !important;
	border-left: 0px !important;
	border-bottom: 0px !important;
	cursor: pointer;
	display: block !important;
	font-size: 14px;
	margin-top: 2px !important;
	min-height: 0;
	padding: .5em 0em .5em 1em !important;
	position: relative;
	border-radius: 0px !important;
}

.ui-accordion .ui-accordion-header a {
	color: #000000 !important;
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	font-size: 16px;
	margin-bottom: 0px;
	text-transform: none;
}

.ui-accordion .ui-accordion-header a:hover {

	/*color:#000000 !important;*/
}

.ui-accordion .custom-header, .ui-accordion .custom-header-active {

	/*background:url(images/arrow.jpg) top right no-repeat !important;*/
}

.ui-accordion .custom-header, .ui-accordion .custom-header .ui-state-active {
	color: #333333 !important;
}

.ui-accordion-content-active span {
	color: #333333 !important;
}

.ui-accordion-content-active, .ui-accordion-header-active {
	display: block;
}

.ui-accordion .ui-accordion-icons {
	padding-left: 0em;
}

.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	margin-top: -8px !important;
	position: absolute !important;
	right: .5em !important;
	top: 50% !important;
}

.ui-accordion .ui-accordion-content {
	background: transparent !important;
	padding: 0.5em 1em 0.5em 2em;
	border: 0px solid red;
	border-top: 0;	/*font-family: Tahoma, Arial;*/
	margin-bottom: 10px;	/*margin-top: -10px !important;*/
	overflow: hidden;
	color: #000000;
	font-size: 16px;
}

.ui-accordion .ui-accordion-content p {

	/*font-family: Tahoma, Arial;*/
	color: #000000;
	font-size: 16px;
}

a.small-link {
	color: var(--body-color);
	font-size: 12px;
}

a.medium-link {
	color: var(--body-color);
	font-size: 14px;
}

div.sep-line, div.sep-line2 {
	background-color: var(--blue-color);
	height: 2px;
	width: 100%;
	margin: 10px auto 10px auto;
}

.cart-total-table td {

	/*text-transform: uppercase;*/
}

table.new-table.checkout {
	max-width: 350px;
}

.new-table td input::-moz-placeholder {
	opacity: 0.7;
	font-size: 14px !important;
}

.new-table td input::-webkit-input-placeholder {
	opacity: 0.7;
	font-size: 14px !important;
}

.new-table td input::-ms-input-placeholder {
	opacity: 0.7;
	font-size: 14px !important;
}

.new-table td textarea, .new-table td input[type=text], .new-table td input[type=password], .new-table td select, .new-table td input[type=tel] {
	border: 1px solid #cad1d4;
	border-radius: 8px;
	font-size: 14px
}

.new-table td input[type=text], .new-table td input[type=password], .new-table td input[type=tel] {
	height: 30px;
	padding: 0 10px 0 10px;
	width: calc(100% - 20px);
}

.new-table td select {
	height: 30px;
	padding: 0 10px 0 10px;	/*width: calc(100% - 20px);*/
	width: 100%;
}

td.field-sep {
	height: 10px;
}

td.boldLabel {
	font-weight: bold;
	font-size: 16px;
}

.field-sep {
	height: 10px;
}

.small-link {
	font-size: 12px;	/*font-style: italic;*/
}

.new-table.checkout td {
	padding-bottom: 5px;
	padding-top: 5px;
}

.header13b {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

.no-float {
	float: left;
	margin: 0px 5px 5px 0px;
}

h4.no-float {
	font-weight: bold !important;
	color: #000000;/* text-transform: uppercase;*/
}

.myfileupload-buttonbar {
	margin-left: 0px;
	text-align: left;
}

.myfileupload-buttonbar input {
	border: solid transparent;
	border-width: 0 0 100px 200px;
	cursor: pointer;
	direction: ltr;
	filter: alpha(opacity=0);
	margin: 0;
	moz-transform: translate(-300px, 0) scale(4);
	opacity: 0.0;
	o-transform: translate(250px, -50px) scale(1);
	position: absolute;
	right: 0;
	top: 0;
}

.myui-button {
	cursor: pointer;
	overflow: hidden;
	position: relative;
	text-align: left;
}

.myui-button span a {
	background: #000000;
	color: #FFFFFF;
	display: block;
	padding: 2px 10px 2px 10px;
}

.img-upload-container {
	background: transparent;
	float: left;
	margin: 0px;
}

.img-upload-box {
	clear: both;
	float: left;
	margin-bottom: 10px;
	width: 100%;
}

.image-selected {
	float: left;
	margin-left: 12px;
	margin-top: 2px;
}

.inner-tab-header {
	float: left;
	font-weight: bold;
	margin-right: 30px;
	font-size: 12px;
}

.inner-tab-header a {
	color: var(--body-color);
	padding-bottom: 5px;
}

.inner-tab-header a.active {
	color: var(--body-color);
	border-bottom: 4px solid #83cee3;
}

.inner-tab-header a:hover {
	text-decoration: none;
}

.inner-tab-body {
	padding: 10px 0px 10px 0px;
}

.measurement-table td {
	font-size: 9px;
	text-align: center;
	letter-spacing: 1px;
	border-bottom: 1px solid #bbbbbb !important;
}

.measurement-table td div.inner-header-row {
	float: left;
	line-height: 1.6em;
	margin-bottom: 0px;
	margin-right: 5px;
	margin-top: 0px;
	min-height: 20px;
	padding: 5px 2px 2px 2px;
	text-align: center !important;
	width: 85px;
	word-wrap: break-word;
}

.measurement-table td div.inner-row {
	float: left;
	line-height: 1.6em;
	margin-bottom: 0px;
	margin-right: 5px;
	margin-top: 0px;
	min-height: 20px;
	padding: 5px 2px 2px 2px;
	text-align: center !important;
	width: 70px;
	word-wrap: break-word;
}

.enquiry-table {
	width: 450px;
}

.enquiry-table td {
	padding: 2px 0px;
}

.enquiry-table td input {
	border: 1px solid var(--body-color);
	padding: 2px 5px 2px 5px;
}

.enquiry-table td textarea {
	border: 1px solid var(--body-color);
	padding-left: 6px;
}

label.required {
	color: #d04949;
	display: none;
	font-size: 10px;
	font-style: italic;
	margin-left: 6px;
	margin-top: 2px;
	position: absolute;
}

button.black-btn {
	background: var(--body-color);
	min-width: 230px;
	display: block;
	margin: auto;
	font-family: MyRiadPro;
	color: #FFFFFF !important;
	letter-spacing: 2px !important;
	padding: 3% 3% 3% 3%;
	text-align: center;
	border: 1px solid var(--body-color);
	float: none;
	display: inline-block;
	-moz-transition: opacity 0.2s ease-out;
	-webkit-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

button.black-btn:hover {
	opacity: 0.7;
	khtml-opacity: 0.7;
	moz-opacity: 0.7;
	filter: alpha(opacity=70);
	ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

button.black-btn .ui-button-text {
	color: #FFFFFF !important;
	font-size: 12px;
}

.highlighted {
	border: 1px solid red;
}

.login-r {
	border-left: 1px solid #ccc;
	margin-left: 3%;
	padding-left: 3%;
}

.account-r {

	/*border-left: 1px solid #bbbbbb;*/
	float: none;
	width: 320px;
}

.account-l {
	float: none;
	width: 320px;
}

.radio-left {
	float: left;
	margin-right: 3px;
}

#mobile-home-button {
	display: none;
	margin: 20px 0px 10px 0px !important;
	text-align: center;
	width: 100%;
}

#mobile-home-button a {
	color: var(--body-color);
	display: block;
	font-size: 15px !important;
	font-weight: bold;
	text-align: center !important;
	text-decoration: none;
	width: 100%;
}

#mobile-home-button .left-side {
	border-bottom: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;
	float: left;
	width: 50%;
}

#mobile-home-button .right-side {
	border-bottom: 1px solid #BBBBBB;
	border-left: 0px;
	border-right: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;
	float: right;
	width: 49%;
}

#mobile-home-button .left-side a {
	background: url(images/themes/home-menu-bg.png) top left repeat-x;
	height: 36px;
	line-height: 36px;
	padding: 0px !important;
}

#mobile-home-button .right-side a {
	background: url(images/themes/home-menu-bg.png) top left repeat-x;
	height: 36px;
	line-height: 36px;
	padding: 0px !important;
}

#home-item {
	border-bottom: 0px;
	border-left: 1px solid #BBBBBB;
	border-radius: 5px;
	border-right: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;
	margin: auto;
	text-align: center;
	width: 90%;
}

#mobile-home-button .item-header a {
	background: url(images/themes/home-menu-dark-bg.png) top left repeat-x;
	border-bottom: 1px solid #BBBBBB;
	border-radius: 5px 5px 0px 0px;
	color: #FFFFFF;
	display: block;
	font-size: 14px !important;
	height: 36px;
	line-height: 36px;
	margin: 0px !important;
	padding: 0px 0px 0px 10px !important;
	text-align: left !important;
	width: auto;
}

#mobile-home-button .item a {
	background: url(images/themes/home-menu-bg.png) top left repeat-x;
	border-bottom: 1px solid #BBBBBB;
	display: block;
	font-size: 14px !important;
	height: 36px;
	line-height: 36px;
	margin: 0px !important;
	padding: 0px 0px 0px 10px !important;
	text-align: left !important;
	width: auto;
}

#mobile-home-button .item.last a {
	border-radius: 0px 0px 5px 5px;
}

#topbar {
	background: transparent;
	width: 100%;
	z-index: 8000;
	position: relative;
	top: 0px;
	width: 100%;
	font-family: 'MyRiadPro', 'HuaWenKaiTi', Arial;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
	height: auto;
}

#topbar.whitebg {
	background: #FFFFFF;
}

#topbar:hover {
	background: #FFFFFF !important;
}

.scroll-fix {
}

/*.grey-hr
{
border: 1px solid #D4D4D4;
clear: both;
display: block;
margin: 20px auto 20px auto;
width: 90%;
}*/
.home-title {
	width: 100%;
	text-align: center;
	margin: auto;
}

.home-title h1 {
	color: #000000;
	font-size: 26px !important;
	letter-spacing: 4px;
	border-bottom: 2px solid #a5a5a5;
	width: 230px;
	margin: auto;
	text-align: center;
	padding-bottom: 15px;
}

.teaser {
	font-size: 14px;
	padding: 20px 0px 20px 0px;
}

.slider {
	max-width: 950px; /*890*/
}

.esootd-slider {
	padding-top: 20px !important;
	padding-bottom: 20px;
}

.hotfaves-slider {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.menu-product-list {
	text-align: center
}

.menu-product-list .name {
	margin-top: 10px;
	min-height: 40px;
}

.menu-product-list .price {
	margin-top: 10px;
	min-height: 20px;
}

.menu-product-list img {
	max-width: 124px !important;
	width: 124px !important;
	height: 172px !important;
}

.sort-left {
	display: inline-block;
	margin-right: 20px;
}

.sort-right {
	display: inline-block;
}

.grid7 .col:last-child {
	margin-right: 0px;
}

.grid5 .col:last-child {
	margin-right: 0px;
}

.grid4 .col:last-child {
	margin-right: 0px;
}

.grid3 .col:last-child {
	margin-right: 0px;
}

.grid2 .col:last-child {
	margin-right: 0px;
}

#simple-menu {
	display: none;	/*background: url("../ext/jquery/sidr/img/mobile-menu-small.png?ver=6.2") no-repeat scroll 0 0 transparent;*/
	background: none !important;
	cursor: pointer;
	float: left;
	width: 20px;
	height: 20px;
	visibility: visible;	/*text-indent:-9999px;*/
}

#simple-menu i {
	font-size: 30px;
	color: #000000;
}

.inner-sort {
	float: right;
}

/*#items-zone .grid4{  position: relative;  flex-flow: row wrap; display: flex; }
#items-zone .col{  border:1px solid var(--blue-color); flex: 0 1 calc(22% - 2px);  }*/
.inner-col {
	display: inline-block;
	width: 100%;
/*	margin-bottom: 15px;*/
	position: relative;
	padding-bottom: 20px;
}

.inner-col2 {
	display: inline-block;
	width: 180px;
	margin-bottom: 15px;
	position: relative;
}

.inner-col.is-sold-out .items-desc-top, .inner-col.is-sold-out .col-img, .inner-col.is-sold-out .items-name, .inner-col.is-sold-out .items-price {
	opacity: 0.6;
}

.title-zone .inner-grid {

	/*display:table;*/
	max-width: 1200px;
	width: 100%;/*	padding-left:5px;
	padding-right:5px;*/
	min-height: 40px;
	height: 100%;
	margin: auto !important;
	vertical-align: middle;
	position: relative;
}

.title-zone .left-col {
	float: left;
	line-height: 40px
}

.title-zone .right-col {
	float: right;
	line-height: 40px;
}

.col.left {
	text-align: left
}

.col.right {
	text-align: right
}

/** Lookbook & Blog pages **/
.col-full {
	width: 100%;
	clear: both;
}

/*.col-2{ width:48%; float:left; margin-right:2%;} 
.col-2 .right{ margin-right:0px;}
.col-2 .shortdesc{ font-size:15px !important; letter-spacing: 1px;}*/

/** Newsletter Pop up **/
.mainpopup .fancybox-skin {
	padding: 0px !important; /*background: transparent !important;*/
}

.fancybox-opened .fancybox-skin {
	box-shadow: none !important;
}

#popup-dialog {
	max-width: 700px;
	height: auto;
	background: #FFFFFF;
	border-radius: 16px;
}

#popup-img {
	display: inline-block;
	text-align: center;
	width: 100%;
	height: 100%;
}

#popup-inner {
	display: table;
	text-align: center;
	width: 100%;
	max-width: 560px;
	margin: auto;
	vertical-align: middle;
	padding: 10px 0 15px 0;
}

.popup-btm-left {
	display: table-cell;
	vertical-align: middle;
	width: 60%;
}

.popup-btm-right {
	display: table-cell;
	vertical-align: middle;
	width: 28%;
}

.popup-btm-left input[type=text], .popup-btm-left input[type=email] {
	max-width: 250px;
	width: 100%;
	margin-right: 5px;
	border: 1px solid #cad1d4;
	border-radius: 8px;
	font-size: 14px;
	height: 30px;
	padding: 0 10px 0 10px;
	width: calc(100% - 20px);
}

.popup-btm-left .button {
	display: inline-block;
	margin: 0px 10px;
	border: 0;
	padding: 5px 20px;
	font-size: 14px;
	vertical-align: top;
	cursor: pointer;
}

a.dismiss-link {
	text-decoration: underline;
}

#popup-inner div {
	display: inline !important;
}

#popup-img img {
	max-width: 100%;
	width: 100%;
}

.subscribe-content {
	display: none;
	width: 100%;
	height: 98%;
	line-height: 1.6em;
	font-size: 12px;
	overflow: hidden;	/*padding:2% 2% 0 2%;*/
	text-align: center;
	z-index: 99999 !important;
}

.subscribe-content h1 {
	font-size: 30px;
}

.subscribe-content h2 {
	font-size: 25px;
}

.subscribe-content h3 {
	font-size: 20px;
}

.subscribe-content h1, .subscribe-content h2, .subscribe-content h3 {
	letter-spacing: 1px;
	line-height: 1.8em;
	font-family: 'MyRiadPro', Century Gothic, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.subscribe-desc {
	text-align: center;
	max-width: 60%;
	margin: auto;
	margin-top: 10%;
}

.subscribe-desc p {
	font-size: 12px;
	color: #FFFFFF;
}

/*.field-group{ margin-bottom:10px; width:60%; margin-left:auto; margin-right: auto; }*/

/*.field-group input[type=text],.field-group input[type=email]{ background:#FFFFFF; border:1px solid #bdbdbd; width:94%; height:20px; padding-left:2%; color:#5B5B5B; text-align:left;}*/

/*.sub-button{-webkit-appearance: none; color:#FFFFFF; border:0px; font-size:12px; padding:8px 2% 8px 2%; cursor: pointer; width:98%; letter-spacing: 1.5px}*/

/*.sub-button:hover{ }*/
.fancybox-close2 {
	background-image: none !important;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	font-size: 20px;
	cursor: pointer;
	z-index: 8040;
}

#popup-thanks {
	vertical-align: middle;
	height: 100%;
	width: 500px;
	display: none;
}

#popup-thanks img {
	vertical-align: middle;   /* height:100%;*/
}

/*.thanks-desc h1{ font-size:40px;letter-spacing: 2px; line-height: 1.2em;font-family: 'MyRiadPro', Century Gothic, Arial, Helvetica, sans-serif; color:#FFFFFF; }
.thanks-desc{ text-align: center; max-width:80%; margin:auto; margin-top:30%;}
.thanks-desc p{ font-size:10px; color:#FFFFFF; }*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

body iframe {
	max-width: 100% !important;
	margin: auto;
}

/* notifyModal */
.notifyModal {
	position: fixed;
	z-index: 999999;
	background: rgba(0, 0, 0, 0.4);
	opacity: 0;
	cursor: pointer;
	transition: all 200ms ease;
}

.notifyModal.overlay {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.notifyModal.overlay.center {
	top: 0;
	bottom: 0
}

.notifyModal.open {
	opacity: 1
}

.notifyModal.open .notifyModal_content {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1)
}

.notifyModal .notifyModal_content {
	position: absolute;
	background: #FFFFFF;/* min-width:540px;*/
	min-width: 280px;
	max-width: 800px;
	padding: 20px 15px;
	margin: auto;
	border: 0px !important;
	text-align: center;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	transition: all 200ms ease;
	-webkit-transform: scale(0.95, 0.95);
	-ms-transform: scale(0.95, 0.95);
	transform: scale(0.95, 0.95);
	font-family: 'MyRiadPro', Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: initial;
	font-style: initial;
	color: initial;
	text-decoration: initial;
	text-transform: initial;
}

.notifyModal.leftTop {
	top: 0;
	left: 0
}

.notifyModal.centerTop {
	top: 0;
	left: 0;
	right: 0
}

.notifyModal.rightTop {
	top: 0;
	right: 0
}

.notifyModal.center {
	top: 35%;
	bottom: auto;
	left: 0;
	right: 0
}

.notifyModal.leftBottom {
	bottom: 0;
	left: 0
}

.notifyModal.centerBottom {
	bottom: 0;
	left: 0;
	right: 0
}

.notifyModal.rightBottom {
	bottom: 0;
	right: 0
}

.notifyModal.center .notifyModal_content {
	left: 0;
	right: 0;
	top: 35%
}

.notifyModal.leftTop .notifyModal_content {
	left: 20px;
	top: 20px
}

.notifyModal.centerTop .notifyModal_content {
	left: 0;
	right: 0;
	top: 20px
}

.notifyModal.rightTop .notifyModal_content {
	right: 20px;
	top: 20px
}

.notifyModal.leftBottom .notifyModal_content {
	left: 20px;
	bottom: 20px
}

.notifyModal.centerBottom .notifyModal_content {
	left: 0;
	right: 0;
	bottom: 20px
}

.notifyModal.rightBottom .notifyModal_content {
	right: 20px;
	bottom: 20px
}

.notifyModal .notifyModal_content .close {
	line-height: 12px;
	font-size: 25px;
	font-weight: bold;
	font-family: Century Gothic, Arial;
	position: absolute;
	right: 8px;
	top: 8px;
	color: #ffffff;
	opacity: 0.8;
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	outline: 0
}

.notifyModal .notifyModal_content .close:hover {
	opacity: 1
}

.notifyModal.success .notifyModal_content {
	border: 2px solid #000000;
	color: #000000;
}

.notifyModal.failed .notifyModal_content {
	background: #000000;
	color: #FFFFFF;
}

/** Join Waiting List Popup **/
.waiting-left {
	display: inline-block;
	width: 40%;
	text-align: center;
}

.waiting-right {
	display: inline-block;
	width: 58%;
	text-align: center;
	vertical-align: top;
}

.waiting-left img {
	max-width: 90%;
}

.waiting-right h3 {
	color: #000000;
	letter-spacing: 2px;
	font-size: 20px;
	margin-top: 10px;
}

.waiting-form {
	width: 75%;
	margin: 10px auto 0px auto;
}

.waiting-form .header {
	color: #000000;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.waiting-form input[type=text] {
	border: 1px solid #000000;
	text-align: center;
}

.waiting-form .field-options-wrapper {
	margin: 10px auto 10px auto;
}

.waiting-form .field-options {
	margin: 20px auto 30px auto;
}

.waiting-form .field-options a {
	font-size: 12px;
	color: #000000;
	display: inline-block;
	padding: 8px 12px;
	border: 1px solid #000000;
	margin: 0px 8px 4px 8px;
}

.waiting-form .field-options a:hover {
	color: #000000 !important;
}

.waiting-form .field-options a.active {
	background: #000000;
	color: #FFFFFF !important;
}

/** Filtering Popup **/
.listing .popModal {

	/*min-width:500px;*//* 600px*/ max-width: 700px;
	width: 100%;
	margin-top: 3px;
	z-index: 1000;
	padding-top: 0px;
}

.listing .popModal .popModal_content.popModal_contentOverflow {
	margin: 5px -8px;
}

#filter-box {
}

.filter-inner {
}

#filter-block {
	display: inline-block;
	width: 100%;
}

#filter-block h5 {
	color: #000000 !important;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

.filter-col {
	float: left; /*width:50%; */
	width: 35%;
}

.filter-col:first-child {
	width: 28%;
}

.filter-col ul {
	margin: 0px;
	list-style-type: none;
	margin-left: -5px;
	font-size: 9px;
	text-align: left; /*-webkit-columns: 2; -moz-columns: 2; columns: 2;*/
}

.filter-col ul.left {
	float: left;
	margin-right: 30px;
}

/*.filter-col ul.right{ float:left;   } */
.filter-col ul li {
	margin-bottom: 8px;
	padding: 0px;
	height: 15px;
	line-height: 15px;
	text-align: left !important;
}

.filter-col label {
	cursor: pointer;
	font-size: 10px;
	padding: 0px 5px 0px 5px;
}

.filter-col input[type=checkbox] {
	border: 1px solid #000000;
	*overflow: hidden;
	vertical-align: bottom;
	position: relative;
	top: 1px;
	cursor: pointer;
}

.filter-col .smallblack a {
	font-size: 9px !important;
	border-bottom: 1px solid var(--body-color);
	letter-spacing: 0px;
}

#price-range.ui-slider-horizontal {
	margin-right: 20px !important;
	height: .3em !important;
}

#price-range.ui-slider-horizontal .ui-slider-handle {
}

#price-range.ui-widget-content {
	background: #bdbdbd !important;
	border: 0px !important;
	border-radius: 0px;
}

#price-range .ui-widget-header {
	background: var(--body-color);
}

#handle-from {
	width: 3em;
	height: 1.6em;
	top: 50%;
	margin-top: -.8em;
	text-align: center;
	line-height: 1.6em;
}

#handle-to {
	width: 3em;
	height: 1.6em;
	top: 50%;
	margin-top: -.8em;
	text-align: center;
	line-height: 1.6em;
}

#handle-from.ui-state-hover, #handle-to.ui-state-hover, #handle-from.ui-state-active, #handle-to.ui-state-active {
	background: #000000 !important;
	border: 1px solid #000000;
	cursor: pointer;
}

#handle-from.ui-corner-all, #handle-to.ui-corner-all {
	border-radius: 0px !important;
}

/** Contact Us **/
#map-wrapper {
	width: 98%;
	max-width: 1300px;
	margin: 20px auto 20px auto;
}

.contact-left {
	display: inline-block;
	width: 62%;
	vertical-align: top;
}

.contact-right {
	display: inline-block;
	width: 30%;
	margin-left: 6%;
}

.contact-left h1 {
	color: #000000;
	margin-top: 0px;
	font-size: 20px;
}

.contact-left strong {
	color: var(--body-color);
}

.contact-right .tips {
	font-size: 12px;
	color: var(--body-color);
	margin-bottom: 20px;
}

.contact-right .tips a {
	border-bottom: 1px solid var(--body-color);
}

.contact-list {
	margin-top: 20px;
}

.contact-row {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
}

.icon-left {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	margin-right: 20px;
}

.icon-right {
	display: inline-block;
	vertical-align: middle;
	width: calc(98% - 50px);
}

.icon-left i {
	margin: 2px 5px 2px 5px;
	color: #FFFFFF;
	background: var(--blue-color);
	font-size: 18px;
	line-height: 30px;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
	transition: opacity 0.2s linear;
}

/*.icon-left i:hover{ opacity: 0.8; }*/
.icon-left i.fa-phone-alt {
	font-size: 16px;
}

.contact-left table {

	/*max-width: 450px;*/ margin: auto;
}

.contact-left table td {
	text-align: left;
}

.new-box {
	border: 2px solid #e0e0e0;
	padding: 10px;
}

/*tr td img.item-img{ height:120px; width:auto; vertical-align: middle; margin-right: 20px}*/
tr td img.item-img {
	height: auto;
	width: 120px;
	vertical-align: middle;
	margin-right: 20px
}

/** Success Page **/
.grey-box {
	width: 98%;
	background: #bbbbbb;
	color: #FFFFFF;
	padding: 20px 1% 20px 1%;
	margin-bottom: 20px;
}

.grey-box .title {
	text-decoration: none;
	font-weight: bold !important;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
}

.grey-box p {
	padding: 0px;
	margin: 0px;
}

.brown-box {
	width: 98%;
	background: var(--blue-color);
	color: #000000;
	padding: 20px 1% 20px 1%;
	margin-bottom: 20px;
}

.brown-box .title {
	text-decoration: none;
	font-weight: bold !important;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
}

.brown-box p {
	padding: 0px;
	margin: 0px;
}

.brown-border-box {
	border-top: 2px solid var(--blue-color);
	border-right: 2px solid var(--blue-color);
	border-left: 2px solid var(--blue-color);
	max-width: 350px;
	margin: 10px auto 40px auto;
	border-bottom: 2px solid var(--blue-color);
}

.brown-border-box p {
	color: #000000;
	width: calc(100% - 20px);
	padding: 10px;
	margin-bottom: 0px;
}

/*#product-page-footer{ display: none; }*/
.mobile-close {
	position: absolute;
	right: 10px;
	z-index: 9999
}

.mobile-close a i {
	padding: 5px 10px 5px 10px;
	font-size: 30px;
}

.summary-left {
	float: left;
	width: 300px;
	padding-right: 10%;
}

.summary-right {
}

.content-inner img {
	max-width: 100% !important;
	height: auto !important;
}

.zoomContainer {
	width: 0 !important;
	height: 0 !important;
	z-index: 99;
}

.zoomWindow {
}

/** UI Slider **/
.ui-slider {
	position: relative;
	text-align: left;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

.g-recaptcha {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
}

.grecaptcha-badge {

	/*opacity:0;*/

	/*visibility: hidden;*/
}

.contact-left .g-recaptcha {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
}

#bottom-insta {
	width: 100%;
	padding: 0 2% 0 2%;
	text-align: center;
	max-width: 1300px;
	display: block;
	margin: 50px auto;
	box-sizing: border-box;
}

/*#bottom-insta h3{ color:var(--blue-color); font-size: 28px;  text-align: center;  }*/
#bottom-insta h3 {
	font-size: 17px;
	margin-bottom: 0;/* letter-spacing: 0.5px */
}

#bottom-insta h3:after {
	content: "";
	border-bottom: 2px solid var(--blue-color);
	width: 100%;
	display: inline-block;
}

#instagram-wrapper {
	width: 96%;
	margin-bottom: 5px;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.instagram_gallery {
	width: 100% !important;
	margin: auto;
	display: inline-block;
}

.instagram_gallery img {
	width: 100%; /*margin:0 0.5% 0.5% 0.5%; display: inline-block; vertical-align: top; width: 23%;*/
}

#instafeed {
	list-style: none;
	margin-left: 0;
	width: 100%;
	display: inline-block;
}

.insta-col {
	margin: 0 1% 1% 1%;
	display: inline-block;
	vertical-align: top;
	width: 22.5%;
	border: 1px solid #bdbdbd;
}

.insta-caption {
	text-align: justify;
	padding: 10px;
	font-size: 12px;
	overflow-y: hidden;
	height: 110px;
}

.popular-dishes {
	width: 100%;
	max-width: 1300px;
	padding: 0 2% 0 2%;
	margin: 20px auto 0 auto;
	display: block;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
}

.popular-dishes .grid4 {
	width: 100%;
	margin: auto;
}

.popular-dishes h1 {
	color:var(--blue-color);
	margin: 40px auto 40px auto;
}

/*.popular-dishes h3:after {
	content: "";
	border-bottom: 2px solid var(--blue-color);
	width: 100%;
	display: inline-block;
}
*/
.popular-dishes .col {
/*	margin-left: 20px !important;*/
/*	margin-right: 20px !important;*/
	clear: none !important;
}

/*.popular-dishes .col img.items-img {
	width: 100% !important;
	height: auto !important
}

.popular-dishes .inner-col {
	width: 100% !important;
	height: auto !important;
	margin-top: 20px;
}

.popular-dishes .slick-slider {
	margin-bottom: 0px;
}

.popular-dishes .slick-prev {
	left: -30px;
	z-index: 1000;
	background: none !important;
	width: 25px;
}

.popular-dishes .slick-next {
	right: -25px;
	z-index: 1000;
	background: none !important;
	width: 25px;
}
*/
.popular-dishes .items-name {
/*	font-weight: bold;*/
	color:var(--blue-color) !important;
	font-size: 16px !important;
}

.chinese-name {
	margin: 5px auto 5px auto;
	font-size: 14px
}

.chinese-name a {
	font-size: 14px;
}

/*.dishes-arrow{ margin:5px 0 10px 0; text-align: right; }*/
.popular-dishes button {
}

/*.popular-dishes a.dish-arrow-prev{ margin-right: 20px }*/
.popular-dishes button i {
	font-size: 25px;
	color: var(--blue-color);
}

/** Login Page **/
.account-left {
	float: left;
	width: 47%;
}

.account-right {
	float: right;
	width: 47%;
}

.account-left .title-inner {
	margin: 0px auto 0px auto;
	width: 100%;
	height: auto !important;
	display: block;
	vertical-align: middle;
	height: 100%;
	color: #000000;
	font-size: 18px;
	text-align: left;
	border-bottom: 2px solid var(--blue-color);
}

.account-left .title-inner h4 {
	font-size: 18px !important;
	font-weight: bold;
	margin: 0px auto 0px auto;
	text-transform: lowercase;
	width: auto;
	display: inline-block;
	padding: 5px 0;
	position: relative;
}

.account-left .title-inner h4 {
	text-transform: capitalize;
}

/** Checkbox **/
table.new-table input[type="checkbox"] {
	display: none;
}

label.checklabel {
	cursor: pointer;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
	                              supported by Chrome, Edge, Opera and Firefox */
}

table.new-table input[type="checkbox"] + span:before {
	font-family: "Font Awesome 5 Pro";
	margin-right: 10px;
	font-size: 12px;
	vertical-align: middle;
	padding: 3px;
}

table.new-table input[type="checkbox"].keymanual + span:before {
	font-family: "Font Awesome 5 Pro";
	margin-right: 10px;
	font-size: 12px;
	vertical-align: middle;
	padding: 3px;
}

table.new-table input[type="checkbox"] + span:before {
	content: "\f00c"; /* check-empty */
	background: var(--blue-color);
	color: var(--blue-color);
}

table.new-table input[type="checkbox"]:checked + span:before {
	content: "\f00c"; /* check */
	background: var(--blue-color);
	color: #ffffff;
}

/** Listing Page **/
.listing-wrapper {
	max-width: 1300px;
	width: 96%;
	margin: auto;
	text-align: center;
	display: table;
	table-layout: fixed;
}

.listing-left {
	float: left;
	width: 16%;
	margin-right: 2%;
	text-align: left;
	display: block;
	right: auto;
}

.listing-right {
	float: right;
	width: 82%;
}

.listing-left-inner {
	width: 100%;
	margin: 10px 0 10px 0;
}

.category-row {
	display: inline-block;
	width: 100%;
	margin-top:10px;
	margin-bottom: 25px;
	position: relative;
}

.category-link {
	position: relative;
	margin-bottom:15px;
	word-break: break-word;
}

.listing-left a, .listing-left span {
	font-family: 'MyRiadPro Bold', 'HuaWenKaiTi', Arial;
	margin-left:20px;
	font-size: 20px;
	color: var(--blue-color);
	padding: 2px 0 2px 0;
	display: inline-block; /*width: 100%; */
	line-height: 1.1em;
	position: relative;
}

.listing-left a:hover {
	color: #838383 !important;
}

.listing-left a.active, .listing-left span {
	color: #838383;
}

.listing-left a.active:hover {
	color: #838383 !important;
}

.listing-left a.canceltag {
	color: #838383;
	font-size: 20px;
	width: 20px;
	height: 20px;
	position: absolute;
	left: -20px;
	top: 0px;
	vertical-align: middle;
}

.filter-btn {
	display: none;
	position: relative;
}

.filter-btn a {
	font-size: 16px;
	display: block;
	width: auto;
	text-align: right;
}

.filter-btn a i {
	font-size: 15px;
	font-weight: bold;
}

.filter-btn a span.dot {
	border-radius: 50%;
	background: var(--blue-color);
	width: 6px;
	height: 6px;
	display: inline-block;
	position: absolute;
	right: 2px;
	top: 14px;
}

a.filter-close {
	display: none;
	position: relative;
	float: right;
	text-align: center;
	margin-right: 50px;
	width: 20px;
	height: 20px;
}

a.filter-close i {
	color: #000000;
	font-size: 25px;
}

/** Product Quickview **/

/*.progressBar{ width: calc(100% - 4px); display: inline-block; border:2px solid var(--blue-color); padding:0; margin-top: 20px }
.progress-col{ width: 25%; float:left; text-align: center; background:#FFFFFF; font-size: 22px; padding:2px 0 2px 0;  }
.progress-col:nth-child(2) { width: calc(25% - 4px); border-right:2px solid var(--blue-color);  border-left:2px solid var(--blue-color);  }
.progress-col:nth-child(3) { width: calc(25% - 2px); border-right:2px solid var(--blue-color);   }
.progress-col.active{ background:var(--blue-color); color:#FFFFFF; font-weight: bold; }
.progress-col a{ display: inline-block;height: 100%; width: 100%; }
.progress-col.active a{ color:#FFFFFF; background:var(--blue-color);  font-weight: bold; } 
.progress-col.active a:hover{ color:#FFFFFF !important;}*/

.progressBar {
	width: 100%;
	max-width: 600px;
	display: block;
	padding: 0;
	margin: 10px auto 10px auto;
	text-align: center;
}

.progress-col {
	width: auto;
	display: inline;
	font-size: 16px;
	padding: 2px 0 2px 0;
	color: var(--body-color);
}

/*.progress-col:nth-child(2) { width: calc(25% - 4px);  }*/

/*.progress-col:nth-child(3) { width: calc(25% - 2px);   }*/
.progress-col.active {
	color: var(--blue-color);
}

.progress-col a {
	display: inline-block;
}

.progress-col.active a {
	color: var(--blue-color);
}

.progress-col.active a:hover {
	color: var(--blue-color) !important;
}

.progressBar span.sep {
	display: inline-block;
	margin: 0 16px 0 16px;
}

.inner-box {
	margin: 20px auto 40px auto;
}

td.td_space {
}

/** Blog Listing **/
#blogs {
	margin: auto;
	display: block;
	width: 100%;
	text-align: center;
}

#blogs .blog-list {
	width: 96%;
	margin: 10px auto;
	display: inline-block;
	text-align: left;
}

#blogs .blog-col {
	margin: 0 auto 40px auto;
	text-align: center;
	width: calc(100% - 2px);
	display: inline-block;
	position: relative;
	border: 1px solid var(--blue-color);
}

#blogs .title-header {
	color: var(--blue-color);
}

#blogs .title-header h4 {
	font-size: 28px !important;
}

.blog-left {
	float: left;
	width: 330px;
	position: relative;
	overflow: hidden;
}

.blog-left img {
	max-width: 100%;
	height: 330px !important;
	object-fit: cover;
	display: block;
}

.blog-right {
	float: left;
	width: calc(94% - 330px);
	margin-left: 2%;
	text-align: left;
}

#blogs .blog-date {
	font-size: 18px;
	margin: 10px auto 10px auto
}

.blog-header h1 {
	font-size: 24px;
	line-height: 1.5em;
	margin: 0px auto 0px auto;
	text-align: left;
	color: #000000;
	font-weight: bold;
}

.blog-header h1 a {
	color: #000000;
}

.blog-header h2 {
	font-weight: normal;
}

.blog-header h2 a {
	color: #000000;
}

#blogs .shortdesc {
	font-size: 16px;
	margin: 20px auto 20px auto;
	width: 100%;
	min-height: 80px;
	text-align: justify;
}

#blogs .button {
	margin-bottom: 40px;
	float: right;
}

#blogs .button a {
	color: var(--blue-color) !important;
	font-size: 16px;
	text-decoration: none;
}

#blogs .button a:hover {
	text-decoration: underline;
}

#blogs .button a i {
	font-size: 22px;
	vertical-align: middle;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	border: 1px solid var(--blue-color);
	text-align: center;
	line-height: 20px;
	margin-left: 6px
}

/*#blogs .navigation{ border-top:2px solid #e4e4e4; border-bottom:2px solid #e4e4e4; text-align: right; color:#000000; padding:12px 1% 12px 1%; font-size:11px; font-weight: bold; margin: 40px auto 10px auto !important; clear:both; width:97%; }
#blogs .navigation a{ border-bottom: 2px solid transparent;  color:#000000; font-size:11px; font-weight: bold; display:inline-block; text-decoration: none;   }
#blogs .navigation a:hover{ border-bottom: 2px solid #E5E5E5; } */

/** Blog detail page **/
.blog-detail {
	text-align: left;
	padding: 20px 0;
}

.blog-detail .blog-header {
	float: left;
}

.blog-detail .blog-date {
	font-size: 18px;
	float: right;
}

.blog-content {
	display: inline-block;
	margin: 20px 0;
}

.blog-content img {
	max-width: 100% !important;
	width: 100% !important;
	height: 100% !important;
}

.back-button {
	margin-top: 20px;
}

.back-button a {
	font-size: 20px;
	color: var(--blue-color);
	border: 2px solid var(--blue-color);
	border-radius: 20px;
	padding: 2px 10px;
}

.back-button a:hover {
	background: var(--blue-color);
	color: #ffffff !important;
}

.back-button a i {
	font-size: 35px;
	vertical-align: middle;
	margin-right: 6px;
}

/*.blog-share{ float:right; width:100%; text-align: right; padding: 10px 0 10px 0; font-size: 10px; margin-bottom: 20px }*/
.pcredit {
	color: red;
	font-size: 16px;
}

a.fblogin {
	background: #3b5992;
	color: #ffffff;
	font-size: 14px;
	display: inline-block;
	padding: 0 10px 0px 10px;
	line-height: 40px;
	transition: .2s;
	height: 40px;
}

a.fblogin i {
	font-size: 20px;
	margin-right: 10px;
	vertical-align: middle;
}

a.fblogin:hover {
	color: #FFFFFF !important;
	background: #496298
}

.confirm-img-left {
	display: inline-block;
	vertical-align: top;
	width: 140px;
}

.confirm-img-right {
	display: inline-block;
	vertical-align: top;
	width: calc(98% - 140px);
}

input[type=text].warning {
	border-color: #e90c0c !important;
}

.block-img-l {
	float: left;
	width: 622px;
}

.block-text-r {
	float: left;
	padding: 0px 10px 0 20px;
	width: calc(100% - 662px);
}

.sidr ul li ul li {
	line-height: 35px !important;
}

.megamenu li .dropdown_container {
	max-width: 180px !important;
	width: 100%;
	border-radius: 3px !important;
}

.megamenu li:hover .dropdown_container {
	left: auto !important;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

.megamenu_light .megamenu > li > div a, .megamenu_light .megamenu li ul li, .megamenu_light .megamenu li ol li {
	line-height: 30px;
	width: 100%;
	display: inline-block;
}

.megamenu_light .megamenu > li > div a:hover {
	color: var(--blue-color) !important;
	text-decoration: none !important;
}

.megamenu_light .megamenu > li > div a.active {
	color: var(--blue-color);
}

.megamenu i.fal {
	font-size: 14px;
	font-weight: bold;
	margin-left: 2px;
}

.ui-button {
	border-radius: 25px;
}

.empty-msg {
	text-align: center;
	font-size: 16px;
}

.paynow-desc {
	font-size: 14px;
	border: 2px solid var(--blue-color);
	padding: 20px
}

option.disabled {
	background: #cacaca; /*color:#ff0000;*/
}

.payment-body {
	padding: 20px 0px;
}

.updateCart {
	background: none;
	border: 0;
	cursor: pointer;
	font-size: 16px
}

.updateCart:hover {
	color: var(--blue-color);
}