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

.btn-default { background-color: #666; border-color:#666; color:#FFF}
.btn-default.active, .btn-default:active, .btn-default:active:focus, .btn-default:focus, .btn-default:hover  { background-color: #607d8b; border-color:#607d8b; color:#FFF}

.btn-primary { background-color: #e02020; border-color:#e02020;}
.btn-primary.active, .btn-primary:active, .btn-primary:active:focus, .btn-primary:focus, .btn-primary:hover  { background-color: #F00; border-color:#F00;}

.pagination>li>a, .pagination>li>span{color:#222;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #e02020; border-color:#e02020;}

#page-top{height: 40px; background-color: #f5f5f5;}
#page-top{background-color:#f5f5f5; color:#666; font-size: 0.875rem; line-height: 1em; height: 40px; padding: 0; margin-bottom: 140px}
#page-top a:not(.btn){color:inherit;}
#page-top button:not(.btn), #page-top button.btn-link{color:inherit;}

#page-top>.container, #page-top>.container>.row-flex{height: 100%;}

/*#page-top .btn .fa, #page-top .btn .fas, #page-top .btn .fab, #page-top .btn .far{ font-size:inherit;}*/
/*.top-hover, #page-top .social>a:not(.btn):hover, #page-top .social>a:not(.btn):focus, #page-top .social>a:not(.btn):active, #page-top .social>a:not(.btn):focus:active{color:#cbac77;}*/
#page-top-left{text-align: left;}
#page-top-right{text-align: right; display:flex; align-items: center; justify-content: flex-end;}

.social a{margin-right: 10px;}
.social .fa, .social .fas, .social .fab, .social .far{font-size: 32px; vertical-align: middle}

.lang-switchs{font-size: 0;}
.lang-switch{width: auto; display:block; height: 40px; position: relative; padding: 10px; border-radius: 0; font-size: 1rem}
.lang-switch.active, .lang-switch:active, .lang-switch:active:focus, .lang-switch:focus, .lang-switch:hover, #page-top .social>a:active, #page-top .social>a:active:focus, #page-top .social>a:focus, #page-top .social>a:hover{background-color:#c7a976;color:#FFF !important}
/*.lang-switch:before{content: ""; display:block; position: absolute; width: 1px; height: 14px; background-color: #FFF; top:0; bottom:0; left:-6px; margin: auto}
.lang-switch:first-child:before{ display:none;}*/
.lang-switchs .lang-switch{ display: inline-block; width: 40px; height: 40px;margin-left: 0; text-align: center;}
.lang-switchs .lang-switch::before{content: none;}
.lang-switchs-mob .lang-switch{width: 32px; border-radius: 0;}
.lang-switchs-mob .lang-switch.active{color:#FFF;}
.lang-switchs-mob .lang-switch::before{background-color: #CCC;}

.lang-switchs .lang-switch, #page-top .social a{ display: inline-block; width: 40px; height: 40px; line-height: 40px; padding: 0; margin: 0; text-align: center; border-left:1px #aba69d solid}
#page-top .social{font-size: 0;}
#page-top .social .fa, #page-top .social .fas, #page-top .social .fab, #page-top .social .far{font-size: 24px;}
#page-top .social{letter-spacing: -0.25em !important}

#page-top .header-search button{width: 40px; height: 40px; line-height: 40px; padding: 0; border: none; border-radius: 0; outline: none; background-color: #666; color:#FFF; -ms-flex: 0 0 auto; flex: 0 0 auto;}

#mobile-menu{ font-size: 24px; width: 2em; height: 2em; background-color: #e02020; border-radius: 0; box-shadow:none; position: absolute; top:1rem; }

.header-search input, .header-search-button{height: 40px; line-height: 40px;}
.header-search-button{max-width: 64px;}
.header-search-button .show-searchbar{background:none; border: none; outline: none; width: 100%; height: 100%; font-size: 24px; font-weight: normal; display:block; text-align: center;}
.searchbar-wrapper{background-color: #748e96; position: relative; z-index: 0; display:none;}
.searchbar-wrapper>.container{padding-top: 10px; padding-bottom: 10px;}
.header-search input, .header-search input:placeholder-shown{border-color: #f5f5f5; background-color: #f5f5f5}
.header-search input:active, .header-search input:active:focus, .header-search input:focus, .header-search input:not(:placeholder-shown){border-color: #f5f5f5; outline:none; background-color: #FFF; box-shadow: none !important}
.header-search input, .header-search input::placeholder{text-align: right}

#page-header {
	top: 40px; background-color: #FFF; padding: 10px 0;
}
#page-header.fixed{
    -webkit-box-shadow: 0px 20px 50px -10px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 20px 50px -10px rgba(0,0,0,0.15);
    box-shadow: 0px 20px 50px -10px rgba(00,0,0,0.15);
}
.header-title {
	margin-right: 0;
}
.header-title .logo h1{margin: 0;}
.header-title .logo img{height: 100%; max-height: 60px;}

.navbar{min-height: 0; margin-bottom: 0;}
/*.navbar>li{ position: relative;}*/
.navbar, .sub, .sub-nav {
	list-style: none;
	padding: 0;
}
.sub-nav, .sub{font-size: 0.9375rem;}
.navbar>li, .sub-nav>li , .sub>li{
	list-style: none;
	padding: 0;
	background-color: #f5f5f5
}

.navbar>li .sub-nav>li>a, .navbar>li .sub>li>a{height: auto;}

.navbar>li>a {
	text-transform: uppercase;
	font-size: 1.1rem;
	font-weight: 700;
	display: block;
	/*padding: 0.6rem 0;
    margin: 0.2rem 0;
	border-top: 1px solid #ddd;*/
	border-radius: 1px;
	position: relative;
	transition: all 0.4s ease;
}
.navbar li>a {
	background-color: #F5F5F5;
	display: block;
	padding: 1em;
	text-align: center;
}
.nav>li>a:focus, .nav>li>a:hover, .nav>li:hover>a {
	background-color: #f5f5f5;
}
.nav-item>div.wrapper, .navbar>.parent>div.wrapper{
	display: none;
}
.sub-nav li , .sub li{
	position: relative;
	/*padding-left: 1.2rem;*/
}
button.showsub {
	width: 2rem;
	height: 3rem;
	font-size: 1rem;
}


#showcase_inpage{height: 240px; background-image: url(filedata/filedata/images/header_bg.jpg); background-size: cover; text-align: center; position: relative; color:#FFF; text-shadow: 0 0 15px #000; }
#showcase_inpage::before{ content: ""; display:block; position: absolute; top:0; right:0; bottom:0; left:0; pointer-events: none; z-index: 1;background-color: rgba(54,46,43,0.25); }
#showcase_inpage h1, #showcase_inpage h1 a, #showcase_inpage h1 a:hover{color:#FFF; margin-bottom: 0 !important;}
#showcase_inpage h1{font-size: 2.5rem; letter-spacing: 0.1em;}
.inpage-title{ text-align: center;}
.breadcrumb{ display: inline-block; background: none; text-align: center; margin: 15px 0 0; padding: 10px 1em 0; position: relative;}
.breadcrumb::before{content: ""; display:block; width: 50%; min-width: 150px; height: 1px; background-color: #FFF; position: absolute; top:0; left:-9999em; right:-9999em; margin: auto;}
.breadcrumb>li{position: relative;}
.breadcrumb>li+li{padding-left: 0.7em; margin-left: 0.4em}
.breadcrumb>li+li:before{ content: ""; background-color: #FFF; width: 1px;overflow: hidden; height: 50%; position: absolute; top:0; bottom:0; left: 0; margin: auto; padding: 0; }


.inpage-sidebar-wrapper{display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-left: -15px; margin-right: -15px; position: relative;}
.inpage-sidebar-wrapper>div{padding: 0 15px; max-width: 100%; float:none; -ms-flex: 1 1 auto; flex: 1 1 auto;}
.inpage-sidebar-wrapper .inpage-block:first-child{padding-top: 0; }
.sidebar{ width: 300px; padding: 0 15px; -ms-flex: 0 0 auto; flex: 0 0 auto; order: -1}
.sidebar>div{left:15px; right:15px; z-index: 1}
.sidemenu-title{ background-color: #FFF; color:#222; font-size: 1.1rem; font-weight: bold; padding: 0.5em 1em; }
.sidemenu, .sidemenu ul{padding-left: 0 !important; list-style: none;}
.sidemenu li{padding:0 !important; border-top: 1px #ddd solid; font-size: 1rem; font-weight: bold;}
.sidemenu li:before{content: none !important}
/*.sidebar+div.row{ margin-left: 0; margin-right: 0;}
.sidemenu{width: 300px; position: relative;}*/
.sidemenu li{margin-bottom: 0; color:#666; /*background-color: #FFF*/ background-color: #FFF;}
.sidemenu li a{color: inherit !important; display:block; padding: 0.5em 1em;}
.sidemenu li>a{/*padding: 20px 3em 20px 10px;*/ }
.sidemenu li.active>a, .sidemenu li>a:active, .sidemenu li>a:active:focus, .sidemenu li>a:focus, .sidemenu li>a:hover{ background-color: #f5f5f5; color:#222 !important}
.sidemenu li li{color:#888;}
.sidemenu li li>a{padding-left: 1.5em;}
.sidemenu li li li>a{padding-left: 2em;}
.sidemenu li li li li>a{padding-left: 2.5em;}
.sidemenu li li li li li>a{padding-left: 3em;}

.sidemenu .btn-dropdown{position: absolute; top:0; right:0; color:#BBB; padding: 0.5em 1em; cursor: pointer;}
.sidemenu .btn-dropdown>*{pointer-events: none; color:currentColor;}


#page_footer{padding: 1rem 0; background-color: #f5f5f5; }
.footer-right{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: end; justify-content: flex-end;  width: 100%;}
.footer-right>*{ -ms-flex: 0 1 auto; flex: 0 1 auto; margin-left: 1rem;}
.footer-right>*:first-child{margin-left: 0;}
#page_footer.social .fa,	#page_footer .social .fas,	#page_footer .social .fab,	#page_footer .social .far{font-size: 24px;}

/*new scale for home-silder*/
.home-silder .item-thumb::before {
	content: "";
	display: block;
	width: 100%;
	z-index: 0;
	background-color: #eee;
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	padding-top: 31.25%;
} /*21:9*/
.home-silder .item-thumb>a {
	position: absolute;
	margin: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.home-silder .item-thumb img {
	position: absolute;
	margin: auto;
	top: -9999px;
	right: -9999px;
	bottom: -9999px;
	left: -9999px;
	max-width: 100%;
	z-index: 1
}

.block-title{color:#e02020; font-size: 2rem; font-weight: bold; text-align: center;}
.block-footer{text-align: center; margin-top: 2rem;}

.block-product-list-filter{background-color: #f5f5f5; padding: 0.5rem;}

.block-features{}
/*.block-features .col{padding-top: 3rem;}*/
.block-features .item{position: relative;}
/*.block-features .item::before{content: ""; display: block; width: 80%; padding-top: 80%; border-radius: 50%; background-color: #ccc; position: absolute; top:-1rem; left: 0; }*/

.block-features .item-thumb{ width: 80%; border: 10px solid #FFF;  border-radius: 50%; overflow: hidden; margin: auto; z-index: 1; 
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
}

.block-features .item-intro{ position: absolute; bottom: -3rem; right: 0; z-index: 3; background-color: #e02020; color: #FFF; width: 40%; height: 50%; min-width: 140px; min-height: 140px;  border-radius: 0 50% 50% 50%;
	display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; 
	-ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center;
	-ms-flex-pack: center; justify-content: center;
}
.block-features .item-title{font-size: 2rem; font-weight: bold;}
.block-features .item-title h3{font-size: 1em; text-align: center;}

.block-recommended-products{}
.block-recommended-products .owl-nav{margin-left: -50px; margin-right: -50px;}

.block-product-details .item-title{color: #e02020; font-size: 1.5rem; font-weight: bold;}
.block-product-details .qty-text{display:block}


.block-product-details .item-field{border-top: 1px #CCC solid; margin-bottom: 1px;}
.block-product-details .field-label{ -ms-flex: 0 0 4rem; flex: 0 0 6rem; max-width: 6rem; font-weight: bold; color:#222; background-color: #f5f5f5; padding: 0.5rem 1rem; font-family: 'Khula',"Microsoft YaHei","微软雅黑体"}
.block-product-details .field-value{-ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 100%; overflow: hidden; padding: 0.5rem 1rem;}

.block-product-details .item-price-display{ font-size: 2.5rem; margin: 1.5rem 0; }
/*.block-product-details .item-price-display .field-value{font-size: 3.5rem;}*/
.block-product-details .item-footer{border-top: 1px #999 dashed;}
.block-product-details .item-inputs{ -ms-flex-pack: center; justify-content: center;}
.block-product-details .form-group{margin-bottom: 0.5rem;}

.block-product-gallery{margin-bottom: 1em;}
.block-product-gallery .items-image-scale-1to1 .item-thumb img, .block-product-gallery .items-image-scale-1to1 .item-thumb img.img-vert, .block-product-details .image-slider-controller.items-image-scale-1to1 .item-thumb img, .block-product-details .image-slider-controller.items-image-scale-1to1 .item-thumb img.img-vert{width: auto !important; height: auto; max-width: 100% !important; max-height: 100% !important }

.item-options{margin-top: 2rem; padding-top: 2rem; border-top: 1px #999 dashed;}

.border-box label{padding: 0.5em !important; border: 1px #ddd solid; border-radius: 4px; text-align: center !important;
-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.25);
-moz-box-shadow: 0 0 0 0 rgba(0,0,0,0.25);
box-shadow: 0 0 0 0 rgba(0,0,0,0.25);
}
.border-box input[type=radio]+label::before, .border-box input[type=checkbox]+label::before{ content: none !important;}
.border-box input[type=radio]:checked+label, .border-box input[type=checkbox]:checked+label{background-color: #FFF !important; color:#e02020 !important;border-color: #e02020;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
}

.swatch{position: relative}
.swatch::before{content: ""; display: block; padding-top: 100%;}
.swatch+.icon-checkbox::before{margin-bottom: 0 !important;}

.lightbox-img{position: relative; display:inline-block; overflow: hidden;}
.lightbox-img::after, .lightbox-img-group a::after{content: ""; width: 64px; height: 64px; border-radius: 50%; text-align: center; color:#FFF; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 1; margin: auto; background-color: rgba(0,0,0,0.5);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' width='36' height='36' viewBox='0 0 256 256'%3E%3Cpath d='M253.8 243.5L168.3 158c14.9-17.3 23.1-39.1 23.1-62.2 0-25.6-10-49.6-28-67.7C145.2 10 121.2 0 95.6 0 70.1 0 46.1 9.9 28 28c-37.3 37.3-37.3 98 0 135.4 18.7 18.7 43.2 28 67.7 28 22.2 0 44.4-7.8 62.2-23.1l85.5 85.6c1.4 1.4 3.3 2.2 5.2 2.2 1.9 0 3.8-.7 5.2-2.2 2.9-2.9 2.9-7.6 0-10.4zM38.4 153c-31.6-31.6-31.6-83 0-114.6C53.7 23.1 74 14.7 95.6 14.7s42 8.4 57.3 23.7c15.3 15.3 23.7 35.6 23.7 57.3 0 21.6-8.4 42-23.7 57.3-31.5 31.6-82.9 31.6-114.5 0z'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center; pointer-events: none; opacity: 0;
	transform: scale(1.1);
	transition:0.5s transform, 0.5s opacity;
	-webkit-transition:0.5s transform, 0.5s opacity;
	-moz-transition:0.5s transform, 0.5s opacity;
	-o-transition:0.5s transform, 0.5s opacity;
	-ms-transition:0.5s transform, 0.5s opacity;
}
.lightbox-img:hover::after, .lightbox-img-group a:hover::after{opacity: 1; transform: scale(1); }


@media screen and (min-width: 993px) {
	.navbar {
		flex-direction: row;
		flex-wrap: wrap;
		-ms-flex-align: start !important;
		align-items: flex-start !important;
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important;
		/*border-top: 1px solid #ddd;*/
		padding: 0;
		/*position: relative;*/
	}
	.navbar-toggler {
		display: none;
	}
	.brand-and-icon {
		flex: 0 0 100px;
		border-top: none;
		padding: 0;
	}
	.navbar, .sub-nav, .sub {
		display: -ms-flexbox !important;
		display: flex !important;
		/*-ms-flex-align: start !important;
		align-items: flex-start !important;
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important;
		justify-content: center;*/
	}
	.navbar>li {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		border-top: 2px solid transparent;
		transition: border-top 0.5s ease;
		position: static;
		margin-left: 0; margin-right:0;
	}
	.navbar>li, .sub-nav>li , .sub>li{
		background-color: transparent
	}
	.navbar>li:hover {
		border-top-color: #e23131;
		color:#222;
	}
	.navbar li>a {
		padding: 0.5rem 1rem;
		background-color: transparent
	}
	.navbar>li>a {
		border-top: none;
	}
	.navbar>li.parent>a {
		position: relative;
		padding: 0.5em 1.25em;
	}
	.navbar>li.parent>a::after {
		content: "";
		display: inline-block;
		width: 0.5em;
		height: 0.5em;
		margin-left: 0.5em;
		border: 1px solid currentColor;
		border-width: 0 0 1px 1px;
		position: relative;
		top: -0.25em;
		transform: rotate(-45deg);
	}
	.nav-item>.wrapper, .navbar>.parent>div.wrapper{
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		width: 100%;
		top: 95%;
		background: #F5F5F5;
		padding: 0;
		/*max-width: 800px;*/ margin: auto;
		-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
		box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
	}
	.nav-item>.wrapper .wrapper, .parent>.wrapper .wrapper{
		margin-bottom: 1rem;
	}
	
	.navbar>.parent>.wrapper>.sub>li, .nav-item>.wrapper>.sub-nav>li{/*border-left: 1px #999 solid;*/ position: relative;}
	.navbar>.parent>.wrapper>.sub>li::before, .nav-item>.wrapper>.sub-nav>li::before{content: ""; display:block; width: 1px; height: 75%; position: absolute; top:0; bottom:0; left:0; margin: auto; background-color: #CCC;}
	.navbar>.parent>.wrapper>.sub>li:first-child::before, .navbar>.parent>.wrapper>.sub>li:nth-child(4n+1)::before, .nav-item>.wrapper>.sub-nav>li:first-child::before, .nav-item>.wrapper>.sub-nav>li:nth-child(4n+1)::before{/*border-left: none;*/ content: none;}
	.navbar>.parent>.wrapper>.sub>li>a, .nav-item>.wrapper>.sub-nav>li>a{ font-size: 1.2em; font-weight: bold; color:#e02020}
	
	.sub-nav , .sub{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.sub-nav li , .sub li{
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		width: 25%;
		padding: 0;
	}
	.sub-nav .sub-nav , .sub .sub{
		display: block;
	}
	.sub-nav .sub-nav>li , .sub .sub>li{
		display: block;
		width: 100%;
		padding: 0;
	}
	.sub-nav .sub-nav>li>a, .sub .sub>li>a{ padding: 0.1rem 1.5rem}
	
	#top_menu_3_0, #top_menu_4_0{position: relative}
	#top_menu_3_0>.wrapper>.sub-nav, #top_menu_4_0>.wrapper>.sub-nav{display: block !important; }
	#top_menu_3_0>.wrapper>.sub-nav li, #top_menu_3_0>.wrapper>.sub li, #top_menu_4_0>.wrapper>.sub-nav li, #top_menu_4_0>.wrapper>.sub li{width: 100%;}
	
	
}
@media screen and (max-width: 992px) {
	#page-top{height: 0; overflow: hidden;}
	#page-top>div{display:none;}
	#page-header{top:0;}
	.item-center>li {
		margin: 0;
	}
}

@media screen and (max-width: 768px) {
	.block-features .item-intro{}
	.block-product-details .item-inputs{ -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.block-product-details .qty-text{width: 100%;}
	.block-product-details .field-label{ -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 100%;}
}

@media screen and (max-width: 767px) {
	.inpage-sidebar-wrapper{-ms-flex-wrap: wrap; flex-wrap: wrap; }
	.sidebar{-ms-flex: 1 1 auto; flex: 1 1 auto; order: 9}
	.block-features .col{ margin-bottom: 80px;}
}

@media (max-width: 568px){
	.header-wrapper, header.page-top.fixed .header-wrapper{height: 80px;}
	.header-wrapper .logo{padding-left: 10px;}
}