@charset "utf-8";
/* CSS Document */

/*
GENERAL TEXT COLOR	: #362200;
TEXT A LINK 		: #362200;
TEXT A HOVER		:
TEXT A FORCUS		:

*/

@import url('/catalog/view/fonts/css/playfair.css');
@import url('/catalog/view/fonts/css/poppins.css');
@import url('/catalog/view/fonts/css/noto-serif-sc.css');
@import url('/catalog/view/javascript/jquery/nice-select-1.1.0/css/nice-select.css');
@import url('/catalog/view/javascript/jquery/masonry-grid/masonry_grid_layout.css');
@import url('/catalog/view/theme/pj/stylesheet/pj-form-elements-customized.css');
@import url('/catalog/view/theme/pj/stylesheet/pj-addition-layout.css');

html{
	font-size: 100%;
/*  
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
  	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
*/
}

/* @supports not (display: grid) {

} */

body {
	/*font-family: 'Open Sans', sans-serif;*/
	/* font-family: 'Poppins', sans-serif;*/
	font: 400 14px/24px "Poppins",Helvetica,sans-serif;
    letter-spacing: 1px;
	/* font-weight: 400;*/
	color: #362200; /* Dark Brown /*#120A07;*/
	/*font-size: 13px;*/ /*12px;*/
	/*line-height: 20px;*/
	min-width: 320px;
	width: 100%;
	background-color: rgb(255, 250, 244);
	/*-webkit-font-smoothing: subpixel-antialiased;
	font-smoothing: subpixel-antialiased;*/
	height: 100%;
	/*overflow-x: hidden;*/
}

body>.overlay-open {
    background-color: rgba(0,0,0,.5);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 8;
}

/* OFF CANVAS */
#body-wrapper {
}

	.body-innerwrapper:after{
		position: fixed;
		z-index: 5001;
    	top: 0;
		left: 0;
    	width: 0;
    	height: 0;
    	background: rgba(0,0,0,0.8);
    	content: '';
    	opacity: 0;
		-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
		-moz-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
		-o-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
		-ms-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    	transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	}
	
	.body-innerwrapper.offcanvas{

	}

	.body-innerwrapper.offcanvas:after{
		width: 100%;
    	height: 100%;
    	opacity: 1;
   		-webkit-transition: opacity 0.5s;
		-moz-transition: opacity 0.5s;
		-o-transition: opacity 0.5s;
		-ms-transition: opacity 0.5s;
   		transition: opacity 0.5s;
	}
/* OFF CANVAS */

.full-bg-block {
	display: none;
    background-color: rgba(0,0,0,0.8);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: fixed;
    z-index: 5002;	
}

.popup-white-block {
	background-color: #ffffff;
    border: 2px solid #000000;
    display: none;
    height: 86%;
    left: 0;
    margin: 0 auto;
    overflow: auto !important;
    /* padding: 30px 20px; */
    position: fixed;
    right: 0;
    top: 7%;
    width: 80%;
    z-index: 9999;	
	
}


.loading-icon {
	width: 65px;
	height: 65px;
	/*border: 1px solid #FFF;*/
	color: #fff;
	position: fixed;
    z-index: 9999; /*5001;*/
	top: calc(50% - (65px / 2));
	left: calc(50% - (65px / 2));
	padding: 0px;
}

.loading-icon .fa {
	margin-left: -5px;
	font-size: 60px;
}
/*
#page-container {
  position: relative;
  min-height: 100vh;
}
*/
.content_full_box {
	display: block;
	width: 100%;
}

.content_box {
	position: relative;
	display: block;
	min-width: 360px;
}

.box-shadow {
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18);
/*	-moz-border-radius: 0px 5px 8px 0px rgba(0, 0, 0, 0.18); */
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18);
    border-radius: 0px;
/*  -moz-border-radius: 0px; */
    -webkit-border-radius: 0px;
}

/* MASONRY FLEX LAYOUT */
/*.masonry{*/
  /*display: flex;
  flex-flow: column wrap;
  align-content: space-between;*/
  /* Your container needs a fixed height, and it 
   * needs to be taller than your tallest column. */
   /*min-height: 550px;*/
   /*height: 960px;*/
 /*  position: relative;*/
  /* Optional */
  /*margin: 40px auto;*/
  /*height: 100%;
  position: relative;*/
  
/*}*/

/*.masonry .gird {*/
  /*display: flex;
  flex-flow: row wrap;
  align-content: space-between;
  /* Your container needs a fixed height, and it 
   * needs to be taller than your tallest column. */
 /* height: 960px; */
  
  /* Optional */
 /* background-color: #f7f7f7;
  border-radius: 3px;
  padding: 20px;
  width: 60%;
  margin: 40px auto;
  counter-reset: items;*/
/*}*/

/*.masonry .gird .gird-item {*/
  /*width: 100%; */
  /* Optional */
 /* position: relative;
  /*margin-bottom: 2%;
  background-color: #a1cbfa;*/
  /*color: #fff; */
 /* box-sizing: border-box;
  break-inside: avoid;*/
/*}*/

/*.mcol-4 .gird-item {width: calc(100% / 4);}*/

/* Just to print out numbers */
/*div.gird-item::before {
  counter-increment: items;
  content: counter(items);
}
*/
/* Re-order items into 3 rows */
/*.mcol-4 .gird-item:nth-of-type(4n+1) { order: 1; }
.mcol-4 .gird-item:nth-of-type(4n+2) { order: 2; }
.mcol-4 .gird-item:nth-of-type(4n+3) { order: 3; }
.mcol-4 .gird-item:nth-of-type(4n)   { order: 4; }

/* Force new columns */
/*.gird-item.break {
  flex-basis: 100%;
  width: 0px!important;
  border: 1px solid #ddd;
  margin: 0;
  content: "";
  padding: 0;
}


/* ITEMS LAYOUT */
/*.gird-space .gird {
	/*	-moz-column-gap: 0.5em; */
/*    -webkit-column-gap: 0.1em;
    column-gap: 0.1em; 
}

.gird-space .gird .gird-item {
	/*padding-bottom: 0.3em!important;*/
	/*padding: 0.1em;
}
*/
.valign-center {
	display: table-cell;
	height: auto;
	margin: auto auto;
	vertical-align:middle;
}

/* LAYOUT START */

@media (max-width: 1200px) {
	.col-layout-lcr {
		width: 100%;
	}
	
	.col-layout-lr {
		width: 100%;
	 }
	
	.col-left-layout {
		display: none;
	}
	
	.col-left-layout-lcr {
		display: none;
	}
}

/* LAYOUT END */









h1, h2, h3, h4, h5, h6 {
	color: #444;
	text-transform: capitalize;
	margin-bottom: 5px;
}

h2 span {display: inline-block;}

/* default font size */
.fa {
	font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}
h2 {
	font-size: 27px;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}

/* TEXT START */
.txt_en, span.txt_en, .en {
	font: normal 400 14px/24px "Poppins",Helvetica,sans-serif;
}

.txt_cn, span.txt_cn, .zh {
	font: normal 400 14px/24px 'Noto Serif SC', Times, serif;
}

.txt-description .txt_cn {
	font-weight: 400; /*500;*/
	font-size:13px;
	line-height: 24px;
}

.txt-description .txt_en {
	font-weight: 400; /*500;*/
	font-size:13px;
	line-height: 24px;
}

h2 .txt_en,
h2 .txt_cn,
h2.heading-title-h2 span {
	font-weight: 300;
	font-size: 24px;
	line-height: 26px;
}

h4 .txt_cn {
	font-weight:300;
	font-size:18px;
	line-height: 24px;
}

h4 .txt_en {
	font-weight:300;
	font-size:18px;
	line-height: 24px;
}

.cn_margin_right {
	margin-right: 5px;
}

.publish-info-box .txt_cn {
	
}

.publish-info-box .txt_en {
	
}

.article-info-box .button-group .button-select span .txt_cn,
.article-info-box .button-group .button-select span .txt_en,
.article-info-box .button-group .button-read span .txt_cn,
.article-info-box .button-group .button-read span .txt_en,
.article-info-box .button-group .button-view span .txt_cn,
.article-info-box .button-group .button-view span .txt_en {
	font-weight:300;
	font-size:11px;
	line-height: 24px;
}

/* TEXT END */

/* Link */
a {
	color: #362200; /*#482702;/*#F9A603;*/
	text-decoration: none;
}
a:focus, a:hover {
	color:#F25C00;
	text-decoration: none;
}

.btn-link {
	color: #362200;
	text-decoration: none;
}

.btn-link:focus, .btn-link:hover {
	color:#F25C00;
	text-decoration: none;
}

.btn-link[disabled],
.btn-link[disabled]:focus,
.btn-link[disabled]:hover {
	color:#36220050;
	text-decoration: none;
	cursor: not-allowed;
}

.disabled {
	cursor: default;
}

/* ALERT */
[data-notify="progressbar"] {
	margin-bottom: 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 5px;
}
.alert {
  clear: both;
  padding: 15px;
}

.alert table tr td:nth-child(1) {
	padding-right: 10px;
	vertical-align: top;	
}

.alert table tr td:nth-child(2) span {
	display: block;	
}

.alert-danger {
	padding: 10px 15px;
}
.alert .close {
  color: #000000;
  right: 0;
  top: 0;
}

.alert-notice {
	margin: 20px 0px;
}

.alert-notice h4 {
	display: table;
	margin: auto;
	width: auto;
}
.alert-notice h4 span.txt-box, .alert-notice h4 i.fa{
  position: relative;
  display: block;
  vertical-align: top;
  float: left;
}

.alert-notice h4 i.fa {
	width: 25px;
	height: 25px;
	padding: 5px;
}

.alert-notice h4 span.txt-box {
	width: calc(100% - 25px);
	height: auto;
}

.alert-notice h4 span.txt-box span {
	display: block;
}



.product-options .alert-info {
    float: left;
	margin-top: 15px;
	margin-bottom: 0;
	padding: 10px 15px;
	position: static;
	width: 100%;
}

.alert-success {
  color: #222222; /*#3c763d;*/
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-inprocess {
  color: #222222;
  background-color: #eff0c0;
  border-color: #eff0ad;
}
.progress-bar-inprocess {
  background-color: #d9dc5a;
}

#alert-box button.close {
	background: #362200;
    float: right;
    position: absolute;
    top: 20px;
    right: 20px;
    border: medium none;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    cursor: pointer;
}

#alert-box button.close::before {
	background: #FFFFFF;
    border: medium none;
    content: "";
    height: 1px;
    right: 2.5px;
    top: 7px;
    /*margin: 8px 3px;*/
    position: absolute;
    transform: rotate3d(0, 0, 1, -45deg);
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -moz-transform: rotate3d(0, 0, 1, -45deg);
    -o-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform-origin: 50% 50% 0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    width: 10px;

}

#alert-box button.close::after {
	background: #FFFFFF;
    border: medium none;
    content: "";
    height: 1px;
    right: 2.5px;
    top: 7px;
    /* margin: 7px 3px; */
    position: absolute;
    transform: rotate3d(0, 0, 1, 45deg);
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -moz-transform: rotate3d(0, 0, 1, 45deg);
    -o-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform-origin: 50% 50% 0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    width: 10px;	
}

#alert-box button:hover.close{
	animation: rotation 0.8s infinite linear;
}

/* FORM ELEMENTS */
.form-control {
  /*  display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;*/
    -webkit-box-shadow: none; /*inset 0 1px 1px rgba(0, 0, 0, .075);*/
    box-shadow: none; /*inset 0 1px 1px rgba(0, 0, 0, .075);*/
   /* -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; */
	font: 300 13px/18px "Poppins",Helvetica,sans-serif;
    letter-spacing: 0.5px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0);
	background: #ffffff;
	color: #777777;
	border: 1px solid #f0f0f0;
	margin: 0 0 5px;
	padding: 8px 12px;
	height: auto;
	border-radius: 0PX;

}

.form-control:focus {
  border-color: #F9A603; /*#66afe9; */
  outline: 0;
  -webkit-box-shadow: none; /* inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); */
  box-shadow: none; /* inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); */
}

input[type='checkbox'],
input[type='radio'] {
	--active: #777777;
	--active-inner: #F9A603; /*#fff555;*/
    --focus: 3px #F9A60330; /*rgba(255, 245, 85, .3);*/
    --border: #d1d1d1;
    --border-hover: #F9A603; /*#fff555;*/
    --background: #FFFFFF;
    --disabled: #F6F8FF;
    --disabled-inner: #E1E6F9;
	height: 18px!important;
	width: 18px!important;
	outline: none!important;
}

input[type='radio']:after {
	height: 16px!important;
	width: 16px!important;
}

input[type='checkbox']:not(.switch) {
	border-radius: 0px;
}

.checkbox label span,
.radio label span { 
	margin-left: 5px;
}


.input-group .form-control {
   position: initial;
}

.nice-select-box > label.input-group-addon {
	border-radius: 0px;
	background-color: transparent;
	border: 0px;
}

.nice-select.form-control {
	border-radius: 0px;
}

.nice-select .list {
	/*border: 1px solid #f0f0f0;*/
	color: #777777;
	width: auto;
	border-radius: 0px;
	right: 0px;
	left: 60px;
}

.nice-select .list li {
	text-align: right;
}

.nice-select .option {
	font: 300 13px/40px "Poppins",Helvetica,sans-serif;
}

.nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #F9A603;
}

.nice-select .option.focus, .nice-select .option.selected.focus {
	
}

div.required .control-label:before {
    content: '* ';
    color: #F00;
    font-weight: bold;
}

/* WORNING ELEMENT */
.text-danger {
	display: block;
	font: 300 13px/23px "Poppins",Helvetica,sans-serif;
	width: 100%;
    min-height: 30px;
    height: auto;
    padding: 5px 10px;
}

.text-danger i.fa, .text-danger span{
	display: block;
	float: left;
}

.text-danger i.fa {
	width: 25px;
    height: auto;
    padding: 5px;
}

.text-danger span {
	width: auto;
	height: auto;
	margin-left: 8px;
}

/* REMOVE TEMP

.nice-select-box label.input-group-addon {
	background-color: #B7B32D;
	border: 1px solid #86820A;
	color: #362200;
}

.nice-select-box .nice-select {
	border: 1px solid #86820A;
	border-left: none;
	background-color: #FEF7DE;
}

.nice-select-box .nice-select div.current-box {
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 100%;
}

.nice-select-box .nice-select div.current-box span.current {
	position: absolute;
	display: block;
}

.nice-select-box .form-control {
	padding: 5px 20px 5px 5px;
}
.nice-select-box .form-control:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nice-select-box .nice-select:after {
    border-bottom: 2px solid #86820A;
    border-right: 2px solid #86820A;
}

.nice-select .list {
	width: 100%;
}

.nice-select-box .nice-select .list {	
	background-color: #FEF7DE;
	-webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.18);
	border: 1px solid #FCEAA9;
}

.nice-select-box .nice-select .option:hover {
	background-color: #FDEFBF;
}

.nice-select-box .nice-select .option.focus, .nice-select-box .nice-select .nice-select .option.selected.focus {
    background-color:#F9DC75;
}
*/

/*
.nice-select-box {
	position: relative;
	width: 100%;
	display: table;
}

.nice-select-box label {
	float: left;
	display: inline-table!important;
	width: auto;
}
.nice-select-box .wide {
	display:inline-table;
	float: left;
}

.nice-select {
    border-radius: 0px 4px 4px 0px;
	
	font-size: 12px;

}

.nice-select span.current {
	overflow: hidden;
	width: 100%;
	display: block;
	position: relative;
}
*/


/* LABEL */
label {
    font-size: 13px;
    font-weight: normal;
}


/* BUTTON */
.buttons { 
	margin: 10px 10px 20px 10px;

}
.btn-block {
    width: auto;
}

.btn-outline, .btn-outline:focus, .btn-outline.focus {
	background-color: transparent;
    border: 1px solid #f0f0f0;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    /*font: 400 14px/20px "Poppins",Helvetica,sans-serif;
    letter-spacing: 1px;*/
    color: #222222;
    text-transform: capitalize;
    /*padding: 8px 15px;*/
	-webkit-box-shadow: none;
    box-shadow: none;
}

.btn-group > .btn.btn-outline {
	border-radius: 0px;
}

.btn-outline.active{
	
}

.btn-outline:hover{
	
}

.btn-primary, .btn-primary:focus, .btn-primary.focus {
    background: #222222;
    border: 1px solid #222222;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    color: #ffffff;
    font: 400 14px/20px "Poppins",Helvetica,sans-serif;
    letter-spacing: 1px;
    padding: 8px 20px;
    text-transform: capitalize;
}

.btn-primary:hover {
	background: #F9A603;
	border: 1px solid #F9A603;
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
	background-color: #999999!important;
	border-color: #999999!important;
}

.btn-return-primary {
	font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1em;
    letter-spacing: 1px;
	color: #362200;
}

.btn-return-primary i{
	padding: 10px 12px;
	background: #F9A603;
    border-radius: 50%;
   /* -moz-border-radius: 50%; */
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
	box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
	/* -moz-box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28); */
	-webkit-box-shadow:	0 1px 6px rgba(32, 33, 36, 0.28);
	border: 2px solid #FFFFFF;
}

.btn-return-primary:hover {
	color: rgba(196, 112, 3, 1) /*#C47003*/;
}

.btn-return-primary:hover i{
	color: #fff;
}

/* REMOVE TEMP
.btn-default {
    color: #362200;
    background-color: #B7B32D;
    border-color: #86820A;
}

.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    color: #362200;
    background-color: #949125;
    border-color: #86820A;
}

.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #362200;
  background-color: #B7B32D;
  border-color: #86820A;
}

.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
   color: #362200;
   background-color: #949125;
   border-color: #86820A;
}
*/

.btn-default {
    background: #f5f5f5; /*#9bb465;*/
    border: 0px solid #f5f5f5; /*#9bb465; */
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    font: 400 14px/20px "Poppins",Helvetica,sans-serif;
    letter-spacing: 1px;
    color: #777777; /*#ffffff;*/
    text-transform: capitalize;
    padding: 8px 15px; /*20px;*/
}

/*.btn.btn-default {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: #777777;
    padding: 8px 15px;
}*/

.btn-default:hover {
	background: #222222;
	border-color: #f5f5f5;
	color: #ffffff;
}



/* REMOVE THE BLUE BOX OUTLINE SHADOW IN THE BUTTON */
button:active, button:focus, button:active:focus, button.active:focus,
.btn:active, .btn:focus, .btn:active:focus, .btn.active:focus {
    outline: none !important;
}

button.btn-remove:hover:not(dsiabled) .fas{
	animation: rotation 0.8s infinite linear;
}

button.btn-remove[disabled]:hover .fas,
button.btn-remove:disabled:hover .fas {
	animation: none;
}

/* BACKGROUND COLOR */
.light-yellow {
	background-color:#FFFDDD;
	color: #362200;	
}
.golden-brown {
    background-color: #C68B39 /*#D2A25E*/;
    color: #000;
}

.dark-brown {
	background-color: #37291f;
	color: #FFFFFF;
}


/*SPACES*/
.margin-top-5 {
	margin-top: 5px;
}

.margin-bottom-5 {
	margin-bottom: 5px;
}

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

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

.margin-bottom-100 {
	margin-bottom: 100px;
}

.margin-left-2 {
	margin-left: 2px;
}

/* TOOLTIP */
.tooltip {
	z-index: 50002!important;
}
/*.tooltip.top .tooltip-arrow {*/
.tooltip.top {
	margin-bottom: 0px;
}
.tooltip.top .tooltip-arrow {

}


/* TABLE */
.table.table-bordered {
    border-color: #eaeaea;
    background: #ffffff;
}


/* CONTAINER */
.con-full {
	min-width: 320px;
	max-width: 1980px;
	width: 100%;
	margin: auto;
}


/* ALERT POPUP */
.popup-alert {
	/*margin-bottom: 0px;*/
	position: absolute;
	width: 100%;
	height: auto;
	display: block;
	z-index: 99999;
	padding: 0px;
	/*animation-name: movey;*/
    /*animation-duration: 1s;*/
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
	transform-origin: 0 0 0;
 }
 
.popup-alert.open {
	transform: translate(0px, 100px);
    -webkit-transform: translate(0px, 100px);
    -moz-transform: translate(0px, 100px);
    -o-transform: translate(0px, 100px);
    -ms-transform: translate(0px, 100px);
	transform-origin: 0 0 0;
    transition: all 0.5s ease-in-out 0ms;
    -webkit-transition: all 0.5s ease-in-out 0ms;
    -moz-transition: all 0.5s ease-in-out 0ms;
    -o-transition: all 0.5s ease-in-out 0ms;
    -ms-transition: all 0.5s ease-in-out 0ms;
}
 
.popup-alert .alertbox {
	width: 50%;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-radius: 4px;
	margin: 0 auto;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	/* -moz-box-shadow:  0 6px 12px rgba(0,0,0,.175); */
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

/* Safari 4.0 - 8.0 */
/*
@-webkit-keyframes movey {
  0%   {top:-10px;}
  100% {top:50px;}
}
*/

/* Standard syntax */
/*@keyframes movey {
  0%   {top:-10px;}
  100% {top:50px;}
}
*/

/* LOADING */
.fa-spinner::before {
  animation: rotation 0.8s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* BLOCK SECTION */
.right-block, .right {
	float: right;
    margin: 0;
    width: auto;
}

/* ELEMENT */
.top_border_none {
	border-top: none !important;
}

/* IMAGE THUMBNAIL */
.img-thumbnail {
	border-radius: 1px;
}

img.zoom-image {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
 /* 			-webkit-transition: transition: all 2s linear;
			-moz-transition: transition: all 2s linear;
			-o-transition: transition: all 2s linear;
			-ms-transition: transition: all 2s linear;
			transition: transition: all 2s linear;
  */
  /*-webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  -moz-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  -o-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  -ms-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
 */
}


/* PJMASONRY EMPTY FIGURE FRAME */
.empty-info.masonry-frame {
	opacity: 0.6;
}
.empty-figure-frame {
	color:  #120A07;/*NEW COLOUR THEME*/
    /* display: inline-block;*/
    background: #FFFFFF70;/*#f9f8f7; /*NEW COLOUR THEME*/
    /*padding: 1.5em;*/
    /*margin: 0 0 0.1em;*/
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border: 1px dashed #DDDDDD;
}

/*
.empty-figure-frame .empty-figure .empty-figure-icon{
	position: relative;
	top: calc(50% - (60px / 2));
}
*/
.empty-figure {
	display: block;
	width: 100%;
	height: 100%;	
}

.empty-figure.portrait {
	padding: 60% 0px;
}

.empty-figure.landscape {
	padding: 20% 0px;
}

.mcol-2 .grid-item .grid-space .masonry-frame .empty-figure-frame .empty-figure.portrait {
	padding: 15px 0px;
}

.mcol-2 .grid-item .grid-space .masonry-frame .empty-figure-frame .empty-figure.landscape {
	padding: 15px 0px;
}
.empty-figure-icon {
	display: block;
	width: 60px;
	height: 60px;
	margin: auto;
	border-radius: 50%;
	border: 1px solid #EEEEEE;
	background: #EEEEEE;
	text-align: center;
	vertical-align: middle;
}

.empty-figure-icon:before {
	background: #FFFFFF;
    border: medium none;
    content: "";
    height: 3px;
    margin: 27px -30px;
    position: absolute;
    transform: rotate3d(0, 0, 1, -45deg);
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -moz-transform: rotate3d(0, 0, 1, -45deg);
    -o-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform-origin: 50% 50% 0;
    width: 60px;
}

.empty-figure-icon i.fa, .empty-figure-icon i.fas  {
	margin: 15px auto;
	display: block;
	vertical-align: middle;
	font-size: 30px;
	color: #FFFFFF;
	/*transform: rotate(20deg);*/
}

.empty-figure-icon.picture-icon i.fa {
	transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
}

.empty-figure-icon.album-icon i.fas {
	transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
}

.empty-figure-icon.folder-icon i.fa {
	/*transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -ms-transform: rotate(20deg);*/
}

.empty-figure-icon.file-icon i.fas {
	transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
}

.empty-figure-icon.writeup-icon i.fas {
	transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
}

.empty-figure-icon.book-icon i.fas {
	transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
}






/* HEADER */
header {
	width: 100%;
	height: auto;
    position: absolute; /*fixed;*/
	z-index: 5000!important;
	text-align: center;
	border-bottom: 1px solid #efefef;
	display: block;
	/*background-color: rgba(255, 250, 244, 0.5);*/
}
/*
#common-home header {
	display: table;	
	position: fixed;
	
}
*/

.header-height {
	display: none;
}

#logo {
	vertical-align: middle;
    cursor: pointer;
    text-align: left;
    display: block;
    line-height: 75px;
    border-right: 1px #e5e5e5 solid;
    float: left;
    padding-right: 25px;
    padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
	position: relative;
	z-index:1;
	height: auto;
}
#top-nav {
	position: relative;
	display: block;
	min-width: 320px;
	width: 100%;
	height: 100%;
}
	
#top-nav .top-nav-con {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	top: 0px;
}

#header, #top-nav .top-nav-con {
	background-color: rgba(255, 250, 244, 0);
	-webkit-transition: background-color .5s ease-out;
	-moz-transition: background-color .5s ease-out;
	-o-transition: background-color .5s ease-out;
	transition: background-color .5s ease-out;
}
#top-nav.is-sticky .top-nav-con {
	border-bottom: 1px solid #efefef;	
}

#header.is-sticky, #top-nav.is-sticky .top-nav-con {
	/*position: fixed!important;*/
	background-color: rgba(255, 250, 244, 0.8);
}
.header-right-block {
	float: right;
    margin: 0;
    width: auto;
	right: 0;
}

#navigation, #cart-nav, #user-info, #search-box {
	vertical-align: middle;
    /*cursor: pointer;*/
    text-align: left;
    display: inline-block;
   /* line-height: 75px; */
    /*border-right: 1px #e5e5e5 solid;*/
	border-left: 1px #e5e5e5 solid;
    float: left;
    padding-right: 25px;
    padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	height: 100%;
}


#logo a {
	display: block;
	height: auto;
	width: auto;
}
/* END HEADER */

/* COMMON CART SLIDER CLOSE BUTTON */
	#cart .btn-close {
		background: #362200;
		float: left;
		position: absolute;
		top: 20px;
		left: 20px;
		border: medium none;
		width: 22px;
		height: 22px;
		border-radius: 22px;
		cursor: pointer;
	}
	
	#cart .btn-close::before {
		background: #FFFFFF;
		border: medium none;
    	content: "";
    	height: 2px;
    	left: 0;
		top: 0;
		margin: 10px 5px;
    	position: absolute;
		transform: rotate3d(0, 0, 1, -45deg);
    	-webkit-transform: rotate3d(0, 0, 1, -45deg);
    	-moz-transform: rotate3d(0, 0, 1, -45deg);
    	-o-transform: rotate3d(0, 0, 1, -45deg);
    	-ms-transform: rotate3d(0, 0, 1, -45deg);
    	transform-origin: 50% 50% 0;
		transition: all 0.3s ease 0s;
    	-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
   		-o-transition: all 0.3s ease 0s;
   		-ms-transition: all 0.3s ease 0s;
    	width: 12px;
	}
	
	#cart .btn-close::after {
		background: #FFFFFF;
		border: medium none;
    	content: "";
    	height: 2px;
    	left: 5px;
		top: 10px;
		/*margin: 10px 5px;*/
    	position: absolute;
		transform: rotate3d(0, 0, 1, 45deg);
    	-webkit-transform: rotate3d(0, 0, 1, 45deg);
    	-moz-transform: rotate3d(0, 0, 1, 45deg);
    	-o-transform: rotate3d(0, 0, 1, 45deg);
    	-ms-transform: rotate3d(0, 0, 1, 45deg);
    	transform-origin: 50% 50% 0;
		transition: all 0.3s ease 0s;
    	-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
   		-o-transition: all 0.3s ease 0s;
   		-ms-transition: all 0.3s ease 0s;
    	width: 12px;
	}
/*	
	#cart .btn-close:hover {
		background: #F25C00;
	}
	
	#cart .btn-close:hover::before {
		top: 7px;
		left: 3px;
		transform: rotate3d(0, 0, 1, -45deg);
    	-webkit-transform: rotate3d(0, 0, 1, -45deg);
    	-moz-transform: rotate3d(0, 0, 1, -45deg);
    	-o-transform: rotate3d(0, 0, 1, -45deg);
    	-ms-transform: rotate3d(0, 0, 1, -45deg);
    	transform-origin: 0 0 0;
    	width: 8px;
	}
	
	#cart .btn-close:hover::after {
		top: 5px;
		left: 9px;
		transform: rotate3d(0, 0, 1, 45deg);
    	-webkit-transform: rotate3d(0, 0, 1, 45deg);
    	-moz-transform: rotate3d(0, 0, 1, 45deg);
    	-o-transform: rotate3d(0, 0, 1, 45deg);
    	-ms-transform: rotate3d(0, 0, 1, 45deg);
    	transform-origin: 0 0 0;
    	width: 9px;
	}
*/
/* END OF COMMON CART SLIDER CLOSE BUTTON */

/* ICON */
	.icon-rotate20 {
		transform: rotate(20deg);
		-webkit-transform: rotate(20deg);
		-moz-transform: rotate(20deg);
		-o-transform: rotate(20deg);
		-ms-transform: rotate(20deg);
	}
	
	.icon-nopage {
		width: 110px;
		height: 110px;
		margin: auto;
		margin: 0 auto;
		display: block;
		border-radius: 50%;
		border: 1px solid #333;
	}
	
	.icon-nopage .icon-top {
		width: 100px;
		height: 45px;
		transform: rotate3d(0, 0, 1, -45deg);
    	-webkit-transform: rotate3d(0, 0, 1, -45deg);
    	-moz-transform: rotate3d(0, 0, 1, -45deg);
    	-o-transform: rotate3d(0, 0, 1, -45deg);
    	-ms-transform: rotate3d(0, 0, 1, -45deg);
    	transform-origin: 50% 50% 0;
		overflow: hidden;
		text-align: center;
		margin: 13px 0px 0px -8px;
		border-bottom: 1px solid #333;
		position: relative;
	}
	
	.icon-nopage .icon-top .fa {
		transform: rotate3d(0, 0, 1, 45deg);
    	-webkit-transform: rotate3d(0, 0, 1, 45deg);
    	-moz-transform: rotate3d(0, 0, 1, 45deg);
    	-o-transform: rotate3d(0, 0, 1, 45deg);
    	-ms-transform: rotate3d(0, 0, 1, 45deg);
    	transform-origin: 50% 50% 0;
		font-size: 64px;
		text-align: center;
		padding-left: 15px;
		padding-top: 10px;
	}
	
	.icon-nopage .icon-bottom {
		width: 100px;
		height: 45px;
		transform: rotate3d(0, 0, 1, -45deg);
    	-webkit-transform: rotate3d(0, 0, 1, -45deg);
    	-moz-transform: rotate3d(0, 0, 1, -45deg);
    	-o-transform: rotate3d(0, 0, 1, -45deg);
    	-ms-transform: rotate3d(0, 0, 1, -45deg);
    	transform-origin: 50% 50% 0;
		overflow: hidden;
		text-align: center;
		margin: 55px 0px 0px 20px;
		top: 0;
		border-top: 1px solid #333;
		position: absolute;
	}
	
	.icon-nopage .icon-bottom .fa {
		transform: rotate3d(0, 0, 1, 45deg);
    	-webkit-transform: rotate3d(0, 0, 1, 45deg);
    	-moz-transform: rotate3d(0, 0, 1, 45deg);
    	-o-transform: rotate3d(0, 0, 1, 45deg);
    	-ms-transform: rotate3d(0, 0, 1, 45deg);
    	transform-origin: 50% 50% 0;
		font-size: 64px;
		text-align: center;
		padding-right: 110px;
		padding-bottom: 20px;
	}





	.icon-empty-cart .icon-slash {
		width: 28px;
		height: 28px;
		margin: 0 auto;
		display: block;
		border-radius: 28px;
		border: 1px solid #333;
	}
	.icon-empty-cart .icon-slash:before {
		background: #FFFFFF;
		border: medium none;
    	content: "";
    	height: 3px;
    	/*left: 0;
		top: 0;*/
		margin: 12px 0px;
    	position: absolute;
		transform: rotate3d(0, 0, 1, -45deg);
    	-webkit-transform: rotate3d(0, 0, 1, -45deg);
    	-moz-transform: rotate3d(0, 0, 1, -45deg);
    	-o-transform: rotate3d(0, 0, 1, -45deg);
    	-ms-transform: rotate3d(0, 0, 1, -45deg);
    	transform-origin: 50% 50% 0;
    	width: 25px;
	
	}
	
	.icon-empty-cart .icon-slash .fa {
		font-size: 25px;
	}
/* END ICON */

/* HEADRE RIGHT BLOCK ELEMENTS: COMMON CART, COMMON USER INFO, COMMON SEARCH */
#cart, #user, #search {
    float: right;
    width: auto;
}

#cart button.btn {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    float: left;
    height: 100%;
    padding: 0;
    position: relative;
    width: 100%;
	margin-right: 10px;
}

#user > button, #seach > span  {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: right;
    position: relative;
	border: medium none;
}

#cart .btn i.fa-shopping-cart, #cart .btn i.fa-spinner, #quick-cart i.fa-spinner, #user button i.fa-user, #search span i.fa-search {
    display: block;
    position: relative;
    font-size: 21px;
    height: 40px;
    width: 50px;
    vertical-align: middle;
	/*border: 1px solid #333;*/
	transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
}

/*
#cart .btn i.fa-shopping-cart:hover, 
#user button i.fa-user:hover, 
#search span i.fa-search:hover {
	color:#F25C00;
	transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
	transform-origin: 50% 50% 0;
}
*/

#cart .btn i.fa-shopping-cart::before, #cart .btn i.fa-spinner::before, #quick-cart i.fa-spinner::before, #user button i.fa-user::before, #search span i.fa-search::before {
    position:absolute;
    top: 25%;
    left: 0;
/*  border: 1px solid #333; */
	width: 100%;
	height: auto;
	vertical-align: middle;
	text-align:center;
}

#cart .cart-heading {
    color: #ffffff;
    display: none;
    font: 500 16px/16px "Poppins",sans-serif;
}

#cart .dropdown-toggle {
    -webkit-box-shadow: none;
/*  -moz-box-shadow: none; */
    box-shadow: none;
}

#cart.open > .btn, #user-info .btn-group.open .dropdown-toggle  {
	color: #CC9900; /* #666666;*/
	box-shadow: none;
/*  -moz-box-shadow: none; */
	-webkit-box-shadow: none;
	text-shadow: none;
}

#cart #cart-total {
    background: #F9A603;
    border-radius: 50%;
/*  -moz-border-radius: 50%; */
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    bottom: auto;
    color: #ffffff;
    float: right;
    font-size: 12px;
    font-weight: normal;
    height: 21px;
    left: auto;
    right: 10px;
    line-height: 21px;
    margin: auto;
    padding: 1px 0px;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 21px;
    z-index: 1;
}
/* END HEADER RIGHT BLOCK ELEMENTS: COMMON CART, COMMON USER INFO, COMMON SEARCH */

/* USER INFO DROPDOWN */
#user .dropdown-menu {
	display: block;
	height: auto;
    max-height: 0px;
	padding: 0px 25px;
    overflow: hidden;
	border-radius: 0px;
  /* opacity: 0;*/
	transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
 	-webkit-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	-ms-transition: all 0.3s ease-in-out;
	-webkit-box-shadow: none;
	/* -moz-box-shadow: none; */
    box-shadow: none;
	border: none;/*1px solid rgba(0,0,0,0);*/
	z-index: 1002;
}

#user.open .dropdown-menu {
	display: block;
	max-height: 400px;
	height: auto;
	padding: 20px 25px;
   /*opacity: 1;*/
   transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
 	-webkit-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	-ms-transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	/* -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175); */
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
	border: none; /*1px solid #f0f0f0;*/
	z-index: 1002;
}
#user .dropdown-menu > li > a {
	padding: 3px 5px;
}

#user .dropdown-menu > li > a,
#user .dropdown-menu > li > a span span {
    color: #777777;
    line-height: 21px;
    font-size: 13px;
}

#user > ul {
    left: auto;
    min-width: 230px;
    padding: 20px 25px;
   	right: 0px;
    top: 58px;
}

#user > ul li a i.fa, #user > ul li a i.fas{
	width: 10px;
	margin-right: 20px;
}

#user ul li > a:hover,
#user ul li > a:hover span span {
    color: #FFFFFF;
	background-color: #F9A603;
	border-radius: 3px;
}
#user ul li > a:hover i.fa, #user ul li > a:hover i.fas {
	font-size: 16px;
}

#user ul li a:disabled,
#user ul li a:hover:disabled,
#user ul li a:focus:disabled,
#user ul li a[disabled],
#user ul li a[disabled]:hover,
#user ul li a[disabled]:focus,
#user ul li a:disabled i.fa,
#user ul li a:hover:disabled i.fa,
#user ul li a:focus:disabled i.fa,
#user ul li a[disabled] i.fa,
#user ul li a[disabled]:hover i.fa,
#user ul li a[disabled]:focus i.fa,
#user ul li a:disabled i.fas,
#user ul li a:hover:disabled i.fas,
#user ul li a:focus:disabled i.fas,
#user ul li a[disabled] i.fas,
#user ul li a[disabled]:hover i.fas,
#user ul li a[disabled]:focus i.fas,
#user ul li a:disabled  span span,
#user ul li a:hover:disabled span span,
#user ul li a:focus:disabled span span, 
#user ul li a[disabled] span span,
#user ul li a[disabled]:hover span span,
#user ul li a[disabled]:focus span span {
	color: rgba(119,119,119,.5); /*#77777750; /*#cccccc;*/
	background-color: #FFFFFF;
	font-size: 13px;
	cursor: not-allowed;
	border: 0px;
}
/*
#user > li > a {
  color: #777777;
  line-height: 18px;
  padding: 3px 0;
  font-size: 13px;
}
*/
#user .currency-list {
    float: left;
    width: 100%;
	margin-top: 10px;
}

.currency-list .pull-left {
    width: 100%;
}

#form-currency .btn-group {
    float: left;
    width: 100%;
}

/*#form-currency .btn-group > .btn-link {*/
#form-currency .btn-group > .selected-currency {
    border-bottom: 2px solid #000;
    color: #000000;
    float: left;
    padding: 0 5px;
    width: 100%;
	font-weight: bold;
	font: 600 15px/26px "Poppins",Helvetica,sans-serif;
}

#form-currency .btn-link {
    border: medium none;
    display: block;
    font: 400 13px/24px "Poppins",Helvetica,sans-serif;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
    color: #777777;
    float: left;
    padding: 0 5px;
    width: 100%;
}

#form-currency .btn-group ul li .btn-link:hover {
	color: #000000;
	background-color: #f5f5f5;
}

.currency-list .btn-group > ul {
    clear: both;
    float: left;
    padding: 7px 5px;
    width: 100%;
}

.currency-list .btn-group ul li {
    list-style: outside none none;
}

#form-currency .btn-group ul li .btn-link.currency-selected {
	color: #FF9933;
	font-weight: bold;
}

#form-currency .btn-group ul li .btn-link.currency-selected:hover {
	color: #FF9933;
	background-color: transparent;
	cursor: default;
}
/* END USER INFO DROPDOWN */



/* HOME OWL CAROUSEL BANNER ADJUSTED */
.owl-wrapper-outer {
	border: none!important;
	-webkit-border-radius: 0px!important;
   /* -moz-border-radius: 0px!important; */
   /* -o-border-radius: 0px!important; */
    border-radius: 0px!important;
    -webkit-box-shadow: none!important; /*0 1px 4px rgba(0,0,0,.2);*/
   /* -moz-box-shadow: none!important; /*0 1px 4px rgba(0,0,0,.2);*/
   /* -o-box-shadow: none!important; /*0 1px 4px rgba(0,0,0,.2);*/
    box-shadow: none!important; /*0 1px 4px rgba(0,0,0,.2);*/
}

.owl-slide .slider-item-image,
.singlebanner .slider-item-image {
	/*width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 85%;
	text-align: center;
	overflow: hidden;*/
	
    background-position: 50% 85%;
    background-size: cover;
    background-attachment: scroll;
    background-repeat: no-repeat;
}

.slider-item-info-wrapper {
    position: absolute;
    top: calc(25% + (100px + 100px)); /*50%;*/
	left: 50%;	
    padding: 0 10% 0 10%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
	min-width: 320px;
    width: 100%;
    z-index: 2;
}

.slider-item-info-wrapper .owl-text {
	color: #FFF;
	text-shadow: 1px 2px 8px rgba(0, 0, 0, 0.9);
}

.slider-item-info-wrapper .owl-text .slider-item-info-heading {
	/*font: 500 32px/36px "Poppins",Helvetica,sans-serif;*/
	text-align:center;	
}

.slider-item-info-wrapper .owl-text .slider-item-info-heading span.txt_cn {
	font-weight: 500;
	font-size: 32px;
	line-height: 36px;
}

.slider-item-info-wrapper .owl-text .slider-item-info-heading span.txt_en {
	font-weight: 500;
	font-size: 32px;
	line-height: 36px;
}

.slider-item-info-wrapper .owl-text .slider-item-info-text {
	/*font: 500 21px/24px "Poppins",Helvetica,sans-serif;*/
	letter-spacing: 0.5px;
	text-align:center;
	margin: 10px 0px 30px 0px;
}
.slider-item-info-wrapper .owl-text .slider-item-info-text span.txt_en{
	font-weight: 500;
	font-size: 21px;
	line-height: 24px;
}

.slider-item-info-wrapper .owl-text .slider-item-info-text span.txt_cn{
	font-weight: 500;
	font-size: 21px;
	line-height: 24px;
}

.slider-item-info-wrapper .owl-text .slider-item-info-caption {
	/*font: 500 16px/18px "Poppins",Helvetica,sans-serif;*/
	text-align:center;
}

.slider-item-info-wrapper .owl-text .slider-item-info-caption span.txt_cn {
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
}

.slider-item-info-wrapper .owl-text .slider-item-info-caption span.txt_en {
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
}

/* END  HOME OWL CAROUSEL BANNER ADJUSTED */

/* REGULAR BREADCRUMBS */
.breadcrumb {
 	height: 39px;
	overflow: hidden;
	white-space: nowrap;
	/*padding-top: 0px;
	padding-bottom: 0px;*/
	padding: 0px 0px;
	border: none;
	background: none;
	margin-bottom: 5px;
}
.breadcrumb > li {
	height: 100%;
	margin: auto;
	padding: 0 2px 0px 0px;
	text-align:center;
	/*float: left;*/
	display: inline-block;
	text-transform: capitalize;
}

.breadcrumb > li:first-child {
	padding: 0 2px 0px 0px;
}

/*.breadcrumb > li:after {
	right: 0px;
	top: 8px;
	content: '/';
	display: inline-block;
	position: absolute;
	width: auto;
	height: auto;
	border-right: none;
	border-bottom: none;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	transform: none;
	font-size: 21px;
	font-weight: lighter;
	color: #47270F;
}*/

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #47270F;
    content: "/\00a0";
}

.breadcrumb > li:last-child:after {
    content: '';
	display: none;
	border: none;
}

.breadcrumb > li a {
	display: inline-block;
	padding: 8px 3px;
	/*border: 1px solid #333;*/
	/*width: 100%;
	height: 100%;*/
	text-align:center;
  	color: rgb(167, 133, 62);
 	 white-space: nowrap;
}

.breadcrumb > li div {
	display: inline-block;
	padding: 8px 3px;
	/*border: 1px solid #333;*/
	/*width: 100%;
	height: 100%;*/
	text-align:center;
  	color: #C68B39 /*#D2A25E*/; /*rgb(167, 133, 62);*/
 	 white-space: nowrap;
}

.breadcrumb > li:first-child a {
	width: auto;
} 

.breadcrumb > li a:hover {
	color: #F25C00; /*rgb(84, 88, 36);*/
}

.breadcrumb > li a span {
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.5px;
}
/* END REGULAR BREADCRUMBS */

/* CONTENT AREA BOX */
.content-area {
	min-height: auto; /*550px;*/
	/*margin-bottom: 100px;*/
}


#error_info.content_box {
	margin: 20px 5px;
	text-align: center;
}

#error_info.content_box .icon-nopage .icon-bottom {
	
}

#error_info.content_box h1 span{
	font-size: 33px;
}

.category-filter {
    background: #ffffff;
    border: 1px solid #f0f0f0;
    /*float: left;*/
    margin: 20px 0;
    padding: 10px;
    width: 100%;
}

.category-filter div .form-group {
	margin-bottom: 0px;
}

.category-filter div div div button.btn-default{
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0px;
	color: #cdcdcd;;
}

.category-filter div div div button.btn-default.active {
	border-color: transparent;
	border: 0px;
	cursor: default;
}

.category-filter div div div button.btn-default:focus{
	-webkit-box-shadow: none;
    box-shadow: none;
	border-color: transparent;
}
.category-filter div div div button.btn-default:hover {
	background-color: transparent;
	color: #F9A603;
}

.category-filter div div div button.btn.active {
	-webkit-box-shadow: none;
    box-shadow: none;
	color: #000000;
	border: 1px solid #f0f0f0;
	background-color: transparent;
}

.category-filter div div div button.btn.active:hover {
	background-color: transparent; /* #F9A603; */
	
}

.category-filter div div div button .fa {
	font-weight: lighter;
	font-size: 16px;
	line-height: 0px;	
	margin: auto;
    vertical-align: middle;
}






/* END CONTENT AREA BOX */

/* PAGINATION STYLE */

@supports (display: grid) {
	.pageination-container {
		display: grid;
	}
}

@supports not (display: grid) {
	
	.pageination-container {
		display: block;
		text-align: center;
	}
}

.pageination-container {
	/*width: 50%;
	margin: auto;	*/
    background: #ffffff;
    border: 1px solid #f0f0f0;
    /*float: left;*/
    margin: 20px 0 0;
    padding: 10px;
    width: 100%;
}
/*
.pageination-box {
	margin: 0px auto;
	padding: 0px;
	text-align:center;
	
}
*/

.pageination-box {
	margin-bottom: 100px;
}
.pagination {
    text-align: center;
	margin: 0px auto;
	padding: 0px;
	height: auto;
	border-radius: 0px;
	
}

.pagination>li>a,
.pagination>li>span {
	margin: 0px 2px;
	width: 34px;
    height: 34px;
	color: #444;
    background-color: transparent;
    border: none;
	text-align: center;
	padding: 7px 12px;
	border: 1px solid #dddddd;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
/*    margin-left: 0; */
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%; 
	white-space: nowrap;
	padding: 7px 0px 7px 3px;
	letter-spacing: -1px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
/*    margin-left: 0; */
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
	white-space: nowrap;
	padding: 7px 3px 7px 0px;
	letter-spacing: -1px;
	margin-right: 0px;
}


.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
/*    z-index: 2; */
    color: #fff;
/*    cursor: default; */
    background-color: #FFB71B;
    border-color: #B27F12;
	border-radius: 50%;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 3;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
	/*border-radius: 50%;*/
}

.pagination>li>a.disabled,
.pagination>li>a.disabled:focus,
.pagination>li>a.disabled:hover,
.pagination>li>span.disabled,
.pagination>li>span.disabled:focus,
.pagination>li>span.disabled:hover {
	/*cursor:pointer;*/
	background-color: transparent;
   /* border-color: #dddddd60;*/
	/*border-radius: 0px;*/
	/*color: #dddddd60;*/
	border-color: #dddddd;
	color: #dddddd;
	opacity: 0.6;
	
}

.pagination>li:first-child>span.disabled,
.pagination>li:last-child>span.disabled {
	
}

.pageination-results {
	font-weight: 300;
	font-size: 11px;
	margin: auto;
    text-align: center;
}

/* END PAGINATION STYLE */

/* DEFLAUT PRODUCT LAYOUT */
.product-item {
	height: 100%;
}

.product-item.emptybox {

}

.product-layout {
	padding: 15px 15px 15px 15px;
	height: 100%; 
}
.product-layout .product-thumb {
	/*border: 1px solid #f7f7f7;*/
	padding: 0px 0px 20px;
	background-color: #FFFFFF;
    overflow: hidden;
    position: relative;
    display: block;
    height: 100%;
    max-width: 100%;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
/*	-moz-box-shadow: 0 0 2px 2px #e5e5e5; */
	-o-box-shadow: 0 1px 1px rgba(0,0,0,.2);
	-ms-box-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
	
}

.product-thumb .image {
    overflow: hidden;
    text-align: center;
    position: relative;
	padding: 5px;
}

.product-thumb .image a {
    display: block;
    overflow: hidden;
    position: relative;
}
.product-thumb .image img{
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.product-thumb .thumb-description {
	margin: 0px 10px;
}

.product-thumb .thumb-description .caption {
    display: block;
    width: auto;
    margin-top: 5px;
}

.product-thumb .thumb-description .caption h4 {
    overflow: hidden;
    text-overflow: ellipsis;
	/*font: 300 14px/18px "Poppins",Helvetica,sans-serif;*/
	
    letter-spacing: 0.4px;
    margin: 0 0 4px;
    padding: 0;
    float: left;
    width: 100%;
	height: 40px;
}

/* SET PRODUCT NAME TITLE FONT STYLE */
.product-thumb .thumb-description .caption h4 a span.txt_en,
.row_product_name div span.txt_en,
.product-name span.txt_en {
	font: italic 400 16px/18px "playfair display",Helvetica,sans-serif;
}
.product-thumb .thumb-description .caption h4 a span.txt_cn,
.row_product_name div span.txt_cn,
.product-name span.txt_cn  {
	font: italic 400 16px/18px 'Noto Serif SC', Times, serif;
}
/* END PRODUCT NAME TITLE FONT STYLE */

.product-thumb .thumb-description .caption .rating,
.product-details .product-comments .rating  {
    float: left;
    margin: 0 0 4px;
    width: 100%;
}

.product-thumb .thumb-description .caption .rating span.fa-stack,
.product-details .product-comments .rating span.fa-stack,
.review-rating .rating span.fa-stack {
    width: 11px;
    height: 13px;
}

.rating span.fa-stack.on {
	color: #ffbf34;
}

.rating span.fa-stack.off {
	color: #d9d9d9;
}

.product-thumb .thumb-description .description {
	display: block;
	padding: 5px 20px;
	clear: both;
    color: #222222;
    letter-spacing: normal;
	width: 100%;
	height: 80px;
}

.product-thumb .thumb-description .caption .price {
	clear: both;
    color: #222222;
    font: 500 18px/20px "Poppins",Helvetica,sans-serif;
    letter-spacing: normal;
	height: 60px;
}

.product-thumb .thumb-description .caption .price .price-new {
    font: 600 18px/20px "Poppins",Helvetica,sans-serif;
	display: block;
}
.product-thumb .thumb-description .caption .price .price-old {
    color: #c3c3c3;
    text-decoration: line-through;
    font: 300 13px/13px "Poppins",Helvetica,sans-serif;
}

.product-thumb .thumb-description .caption .price .price-tax {
	clear: both;
	display: block;
	color: #888888;
    font-size: 12px;
	font-weight: 300;
}

.product-item .product-layout .special-tag,
.product-image .special-tag {
	position: absolute;
	width: 140px;
	height: 31px;
	top: 22px;
	right: 5px;
	background-color: #f80808;
	border-color: #f80808;
}

.product-item .product-layout .special-tag::before,
.product-image .special-tag::before {
	content: "";
    width: 0;
	bottom: -9px;
    position: absolute;
    display: block;
    border-style: solid;
    border-color: #900909  transparent transparent;
    z-index: 100;
    right: 1px;
    border-width: 10px 10px 0 0;
}

.product-item .product-layout .special-tag::after,
.product-image .special-tag::after {
    content: "";
    width: 0;
    bottom: 0;
    position: absolute;
    display: block;
    border-color: inherit;
    border-width: 15px;
    border-style: solid;
    z-index: 100;
    left:-14px;
    border-right-width: 0;
    border-left-color: transparent;
    height: 31px;
}

.product-item .product-layout .special-tag .tag-textbox,
.product-image .special-tag .tag-textbox {
	margin: 9px auto;
	color: #FFFFFF;
	font: 500 13px/13px "Poppins",Helvetica,sans-serif;
	text-align: center;
	letter-spacing: 0.3px;

}

.product-thumb .buttons  {
	display: block;
	position: relative;
	height: 80px;
	text-align: center;
	margin: 5px 10px 5px 10px;
}

.product-thumb .buttons .button-group {
    /*bottom: -80px;*/
    float: left;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: -5px;
	display: block;

 /*   opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;*/
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -khtml-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.product-thumb .buttons .button-group button {
    background: #222222;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
    border: none;
    color: #ffffff;
    display: inline-block;
    vertical-align: top; 
    padding: 0;
	margin-bottom: 8px;
    text-align: center;
    transition: all 0.6s ease-in-out 0ms;
    -webkit-transition: all 0.6s ease-in-out 0ms;
    -moz-transition: all 0.6s ease-in-out 0ms;
    -o-transition: all 0.6s ease-in-out 0ms;
    -ms-transition: all 0.6s ease-in-out 0ms;
}

.product-thumb .buttons .button-group button i {
	height: 32px;
    vertical-align: top;
    width: 32px;
	padding: 10px 9px;
}

.product-thumb .buttons .button-group button:hover:not([disabled]) {
	background-color: #F9A603;
    border-color: #F9A603;
    color: #FFF;
}

.product-thumb .buttons .button-group button[disabled],
.product-thumb .buttons .button-group button:hover:disabled {
	background-color: #8a8a8a80;
    border-color: #8a8a8a80;
    color: #6a6a6a80;
	cursor: not-allowed;
}


/* END OF DEFLAUT PRODUCT LAYOUT */

/* FEATURED PRODUCT */
/*.owl-stage {display: block!important; left: 0!important; height: auto;}*/
/*.featured-carousal .owl-carousel .owl-item { max-height: 100%; display: block;}

.featured-carousal .product-thumb .thumb-description .description {display: none;}
*/
/* END FESTURED PRODUCT */



/* PRODUCT INFO LAYOUT */
.product-details {
	font: 300 13px/23px "Poppins",Helvetica,sans-serif;
}

.product-details h1.product-name {
    border-bottom: 1px solid #f0f0f0;
    color: #000000;
    margin: 0 0 16px;
    padding-bottom: 16px;
    text-transform: capitalize;
    font: 500 20px/28px "Playfair Display",Helvetica,sans-serif;
}

.product-details table.product-info {
    margin: 15px 0;
}

.product-details .product-info tr td {
	font: 300 13px/23px "Poppins",Helvetica,sans-serif;
	letter-spacing: 0.5px;
    color: #222222;
    text-transform: capitalize;
	padding: 3px;
}

.product-details .product-info .info-value {
    color: #777;
    padding: 3px 3px 3px 10px;
    font-weight: normal;
}


.product-details .product-comments {
	display: block;
	width: 100%;
	height: auto;
}

.product-details .product-comments .comments-tab {
	border-bottom: 1px solid #f0f0f0;
	display: table;
	width: 100%;
	height: auto;
}

.product-details .product-comments .comments-tab .rating,
.product-details .product-comments .comments-tab .total-review,
.product-details .product-comments .comments-tab .more-info {
	display: block;
	width: auto;
	border-right: 1px solid #f0f0f0;
    float: left;
    margin: 0 10px 0 0;
    padding: 2px 10px 2px 0;
    line-height: 18px;
    height: 25px;
}

.product-details .product-comments .comments-tab div:last-child {
	border-right: 0px;
}

.product-details .product-comments .comments-tab div button {
	background-color: transparent;
	border: medium none;
	color: #777777;
	font: 300 13px/23px "Poppins",Helvetica,sans-serif;
    /*font-weight: 300;*/
	letter-spacing: 0.5px;
	/* color: #222222;*/
	text-transform: capitalize;
	line-height: 18px;
	padding: 0px;
	outline: none;
}

.product-details .product-comments .comments-tab div button.disabled {
	color: #d9d9d9;	
}

.reviews-box .review-line {
	display: block;
	width: 100%;
	height: auto;
	border-bottom: 1px dashed #f0f0f0;
}

.reviews-box .review-line:last-child {
	border-bottom: medium none;
}

.reviews-box .review-line table {
	width: 100%;
}

.reviews-box .review-line td.review-icon {
	width: 15px;
	vertical-align: top;
	padding:2px 3px;
	color: #c2c2c2;
}

.reviews-box .review-line td.review-message {
	vertical-align: top;
	padding:2px 3px;
}

.reviews-box .review-line td.review-message .review-text {
	width: 100%;
	height: auto;
	font: 300 12px/18px "Poppins",Helvetica,sans-serif;
	line-height: 16px;
}

.reviews-box .review-line td.review-message .review-rating,
.reviews-box .review-line td.review-message .review-detail {
	display: block;
	/* height: 27px; */
	padding: 5px 0px;
	float: left;
}

.reviews-box .review-line td.review-message .review-rating {
	margin-right:10px;
	width: 80px;
}

.reviews-box .review-line td.review-message .review-rating .rating span {
}

.reviews-box .review-line td.review-message .review-rating .rating span .fa {
	font-size: 12px;	
}

.reviews-box .review-line td.review-message .review-detail {
	width: calc(100% - (80px + 10px));
	text-align: right;
	font: 300 10px/14px "Poppins",Helvetica,sans-serif;
	letter-spacing: 0.5px;
	padding-top: 10px;
	color: #888888;
}

.reviews-box .review-line td.review-message .review-detail span {
}


.product-details .product-price {
   /* border-top: 1px solid #f0f0f0; */
    border-bottom: 1px solid #f0f0f0;
   /* padding: 15px 0; */
   /* margin: 15px 0 20px; */
   color: #777777;
   font: 300 13px/18px "Poppins",Helvetica,sans-serif;
   letter-spacing: 0.5px; 
}

.product-details .product-price ul li hr {
	margin-top: 5px;
}

.product-details .product-price ul li h2 {
    color: #222222;
    font: 500 18px/20px "Poppins",Helvetica,sans-serif;
}

.product-details .product-price ul li h2 span{
	color: #777777;
	font: 300 13px/18px "Poppins",Helvetica,sans-serif;
	display: block;
}

.product-details .product-price .product-tax {
    margin-top: 10px;
}

.product-details .product-price li ul.product-discount {
	margin-top: 10px;
}

.product-details .product-options h3 {
    font: 500 18px/24px "Poppins",Helvetica,sans-serif;
}

.product-details .product-options div label.option-label {
	width: 100%;
	margin-bottom: 0px;
	padding: 0px 5px;
}

.product-details .product-options div .option-box {
	border: 1px solid #f0f0f0;
	padding: 5px;
}

.product-details .product-options div .option-box .radio,
.product-details .product-options div .option-box .checkbox {
	margin-top: 0px;
	margin-bottom: 5px;
}


.product-details .product-options div .option-box .radio label,
.product-details .product-options div .option-box .checkbox label {
	color: #777777;
	font: 300 13px/18px "Poppins",Helvetica,sans-serif;
	letter-spacing: 0.5px;
}

.product-details .product-options div .option-box .radio label input[type='radio']{

}

.product-options .product-quantity {
    clear: both;
    float: left;
    margin: 15px 0 0 0;
}

.product-options .alert-info {
    float: left;
    margin-top: 15px;
    margin-bottom: 0;
    padding: 10px 15px;
    position: static;
    width: 100%;
}

.product-options .nice-select-box .nice-select {
	float: none;
}

.product-quantity label, .product-quantity #input-quantity {
    width: auto;
    text-align: center;
    margin: 0 10px 0 0;
    float: left;
}

.product-quantity label {
    padding: 8px 0;
}

.product-quantity #input-quantity {
    border: 1px solid #f0f0f0;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    font-size: 14px;
    float: left;
    height: 39px;
    line-height: 21px;
    padding: 0 6px;
    text-align: center;
    width: 60px;
}

.product-quickview #quick-cart {
    /* background: #000000;
    border-color: #000000; */
    color: #ffffff;
    float: left;
    font-family: "poppins",Helvetica,sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 21px;
    /* padding: 7px 15px 6px 45px; */
    position: relative;
    text-transform: capitalize;
}





/* END PRODUCT INFO LAYOUT */





/* FOOTER */
footer {
 position: fixed;
 display: block;
 /*border: 1px solid #333;*/
 width: 100%;
 height: auto;
 z-index: 5000;
 bottom: 0px;
 
}
#footer-bar {
  /*margin-top: 30px;*/
  position: fixed;
  display: block;
  z-index: 5002;
  bottom: 0;
  width: 100%;
  height: 50px;
  min-height: auto;        /* Footer height */
}

div.footer-col {
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;	
	/*max-height: 100px;*/
	height: auto;
}
div.fcol-sm-1 {
	width: 8.33333333%;
}
div.fcol-sm-2 {
	width: 16.66666667%;
}
div.fcol-sm-3 {
	width: 25%;
}
div.fcol-sm-4 {
	 width: 33.33333333%;
}
div.fcol-sm-5{
	width: 41.66666667%;
}
div.fcol-sm-6 {
	width: 50%;
}
div.fcol-sm-7 {
	width: 58.33333333%;
}
div.fcol-sm-8 {
	width: 66.66666667%;
}
div.fcol-sm-9 {
	width: 75%;
}
div.fcol-sm-10 {
	width: 83.33333333%;	
}
div.fcol-sm-11 {
	width: 91.66666667%;
}
div.fcol-sm-12 {
	width: 100%;
}

div.block-center {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	text-align: center;
	
}

#footer-bar > div {
	font-weight: 200;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 20px;
}

#footer-bar > div .txt-block {
	display: table;
	height: auto;
	width: 100%;
	/*border: 1px solid #fff;*/
	padding: 10px 15px;
}
#footer-bar > div .txt-block .more-info-menu {
	letter-spacing: 1.8px;
	/*text-transform: uppercase;*/
	width: auto;
	float: right;
	cursor: pointer;
}

#footer-bar > div .txt-block .copyright {
	display: block;
	width: 100%;
	height: auto;
}

#footer-bar > div .txt-block .more-info-menu div,  #footer-bar > div .txt-block .copyright div {
	display: block;
	float: left;
	line-height: 20px;
	width: auto;
	height: auto;
}

#footer-bar > div .txt-block .copyright .icon-copyright {
	margin-right: 3px;
	display: block;
}

#footer-bar > div .txt-block .copyright .txt-copyright {
	display: block;
}

#footer-bar > div .txt-block .more-info-menu .txt-menu {
	margin-right: 8px;
	display: block;
}
#footer-bar > div .txt-block .more-info-menu .icon-menu .fa {
	font-size: 18px;
}

#footer-bar > div .txt-block .icon-logo {
	display: block;
	border-radius: 50%;
	/* -moz-border-radius: 50%; */
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border: 1px solid #5c412d;
	width: 50px;
	height: 50px;
	padding: 5px;
	margin: auto 50%;
	text-align: center;
	position: absolute;
	top: -10px;
	left: -25px;
	 background-color: #37291f;
	/*box-shadow: 0 1px 6px rgba(255, 255, 255, 1);*/
	/* -moz-box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28); */
	/*-webkit-box-shadow:	0 1px 6px rgba(255, 255, 255, 1);*/
}

#footer-bar > div .txt-block .icon-logo img {
	margin: 5px 0px;
	
}

#footer-menu {
	position: fixed;
	display: block;
	background: #41291f none repeat scroll 0 0;
	border: 1px solid #5c412d;
	bottom: 0;
	/*cursor: pointer;*/
	/*display: none;*/
	left: 0;
	margin: 0;
	max-width: 100%;
	overflow-y: hidden;
	/*padding: 120px 40px;*/
	padding: 0px 40px;
	
	right: 0;
	/*top: 0;*/
	/*transform: translate(0px, 10px);
	-webkit-transform: translate(0px, 10px);
	-moz-transform: translate(0px, 10px);
	-o-transform: translate(0px, 10px);
	-ms-transform: translate(0px, 10px);*/
	transition: all 0.5s ease-in-out 0ms;
	-webkit-transition: all 0.5s ease-in-out 0ms;
	-moz-transition: all 0.5s ease-in-out 0ms;
	-o-transition: all 0.5s ease-in-out 0ms;
	-ms-transition: all 0.5s ease-in-out 0ms;
	width: 100%;
	height: auto;
	/*min-height: 10px;*/
	z-index: 5001;	
	visibility: hidden;
}

#footer-menu.open {
	/*transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);*/
	
}

#footer-menu div.row {
	height: auto;
	padding-bottom: 100px;
}

#footer-menu div div .footer-box {
	margin-top: 25px;
	/*border-top: 1px solid #5c412d;*/
	display: table;
}

#footer-menu div div div .footer-link {
	float: left;
	/*border-left: 5px solid #5c412d;
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 10px;*/
	width: 50%;
	/*height: 32px;*/
	line-height: normal;
	margin-bottom: 10px;
	border-bottom: none;
}

#footer-menu div div div .footer-link:last-child {
	/*border-right: 5px solid #5c412d;*/
}


#footer-menu div div div .footer-link a {
	Color: #F9A603;
}

#footer-menu div div div .footer-link a span{
	font-weight: 300;
	font-size: 12px;
}

#footer-menu div div div .footer-slogan {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	Color: #F9A603;	
}

#footer-menu div div div .footer-slogan span, #footer-menu div div div .footer-slogan-verses span{
	margin: 0px 8px;
	width: auto;
}

#footer-menu div div div .footer-slogan-verses span{
		width: 100%;
		display: block;
}

#footer-menu div div div .footer-slogan span.zh{

	font: normal 300 28px/32px 'Noto Serif SC', Times, serif;
	
}

#footer-menu div div div .footer-slogan span.en{

	font: italic 400 32px/36px "playfair display",Helvetica,sans-serif;
	
}

#footer-menu div div div .footer-slogan-verses span.zh{

	font: normal 200 12px/14px 'Noto Serif SC', Times, serif;
	line-height: 18px;
	color: #c59700;
}

#footer-menu div div div .footer-slogan-verses span.en{

	font: normal 300 12px/14px Helvetica,sans-serif;
	line-height: 18px;
	color: #c59700;
}

#footer-menu div div div .footer-slogan-verses-info {
	font: normal 300 11px/12px Helvetica,sans-serif;
	color: #c59700;
	text-align: center;
}

#footer-menu div div div .footer-slogan-verses-info span {
	font-size: 11px;
}

#footer-menu div div div .footer-sociallink-R, #footer-menu div div .footer-sociallink-L {
	margin-top: 30px;

}

#footer-menu div div div .footer-sociallink-R .icon-group, #footer-menu div div .footer-sociallink-L .icon-group {
	width: auto;
	height: auto;
	display: block;
	margin: auto;
	text-align: center;
	
}

#footer-menu div div div .footer-sociallink-R .icon-group a, #footer-menu div div .footer-sociallink-L .icon-group a {
	margin: 0 10px;
	display: inline-block;
	width: 30px;
	height: 30px;
}

#footer-menu div div div .footer-sociallink-R .icon-group a svg, #footer-menu div div .footer-sociallink-L .icon-group a svg{
	fill: #c26b0ab8;
	height: 2em !important;
	
}



@media only screen and (max-width: 890px){
	
	#footer-menu div div div .footer-slogan span, #footer-menu div div div .footer-slogan-verses span{
		width: 100%;
		display: block;
	}
		
}

@media only screen and (max-width: 800px){
	
	#footer-menu div div div .footer-link {
		width: 100%;
		border-bottom:1px solid #5c412d;
	}
	
	#footer-menu div div div .footer-link:last-child {
		border-bottom: none;
	}
		
}

@media only screen and (max-width: 680px){
	
	#footer-menu div div div .footer-link {
		width: 50%;
	}
	
	#footer-menu div div div .footer-link:last-child {
		border-bottom:1px solid #5c412d;
	}
	
	#footer-menu div div.footer-col.fcol-sm-6{
		width: 100%;
	}
}

@media only screen and (max-width: 480px){
	#footer-menu div div div .footer-link {
		width: 100%;
	}
	
	#footer-menu div div div .footer-link:last-child {
		border-bottom: none;
	}
	
}
/* END FOOTER */
/*
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s;
  -webkit-transition-property: right, visibility;
       -o-transition-property: right, visibility;
          transition-property: right, visibility;
}
*/