@-webkit-keyframes movein {
	0% {
		left: -100%
	}

	to {
		left: 0
	}
}

@keyframes movein {
	0% {
		left: -100%
	}

	to {
		left: 0
	}
}[v-cloak] {
	display: none!important
}

body {
	font-family: NotoSansCJKtc\;
	,Microsoft JhengHei,Arial;overflow-x: hidden
}

body.noscroll {
	overflow-y: hidden
}

img {
	-webkit-transition: .3s;
	transition: .3s
}

a {
	overflow: hidden;
	text-decoration: none
}

@media (max-width:767px) {
	a.visible-xs {
		display: inline-block!important
	}
}

.sm-visible {
	display: none
}

@media (max-width:768px) {
	.sm-hidden {
		display: none
	}

	.sm-visible {
		display: block
	}
}

.fa .fa,button .fa,div .fa,span .fa {
	vertical-align: baseline
}

.banner-area img:hover {
	opacity: .8;
	-webkit-transition: .3s;
	transition: .3s
}

#main {
	width: 97%;
	margin-top: 10px;
	margin-bottom: 30px;
	padding-top: 20px;
	overflow: hidden;
	min-height: calc(100vh - 400px)
}

.greybg{
    padding: 165px 0 0 0;
    background-color: #f3f3f3;
}

@media (max-width:767px) {
	#main {
		padding-top: 0
	}
	.greybg{
	    padding: 130px 0 0 0;
	}
	#main .col-md-3.category {
		padding: 0
	}

	#main .col-md-3.left {
		margin-bottom: 10px
	}
}

@media screen and (min-width:768px) {
	#main {
		width: 90%;
		margin-top: 135px
	}

	#main .col-md-3.left {
		margin-bottom: 10px
	}
}

@media screen and (min-width:992px) {
	#main {
		margin-top: 140px
	}
}

@media screen and (min-width:1200px) {
	#main {
		width: 80%;
		max-width: 1530px;
		margin-top: 145px
	}
}

@media (max-width:768px) {
	.container {
		padding-left: 0;
		padding-right: 0
	}
}

#product-tab-content #tabid1 img{
	width: 100%;
}

.product-tags {
	margin: 10px 0
}

.product-tags h3 {
	margin: 10px 0;
	font-size: 20px;
	font-weight: 700;
	color: #03a9f4;
	font-family: Arial,sans-serif
}

.product-tags ul {
	display: block;
	position: relative
}

.product-tags ul li {
	display: inline-block;
	font-size: 0;
	margin: 5px 2px
}

.product-tags ul li a {
	display: block;
	color: #616161;
	text-decoration: none;
	border: 1px solid #d7d7d7;
	padding: 3px 8px;
	font-family: Arial,sans-serif;
	font-size: 14px;
	letter-spacing: .5px
}

.product-tags ul li a:focus,.product-tags ul li a:hover {
	color: #10cfbd;
	border: 1px solid #10cfbd
}

.product-tags ul li a .fa {
	margin-right: 3px
}

.banner-area {
	margin: 0 0 15px
}

@media (max-width:1200px) {
	.banner-area {
		text-align: center
	}
}

@media (max-width:768px) {
	.banner-area {
		margin: 0
	}
}

.banner-area .slider-banner {
	width: 100%;
	margin: 0 auto;
	position: relative;
	float: right
}

@media (max-width:1200px) {
	.banner-area .slider-banner {
		width: 100%;
		float: none
	}
}

.banner-area .slider-banner #banner {
	width: 100%;
	position: relative
}

.banner-area .slider-banner #banner .owl-nav>div {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	top: 40%;
	background: hsla(0,0%,100%,.3);
	-webkit-transition: .3s;
	transition: .3s;
	width: 45px;
	height: 90px
}

.banner-area .slider-banner #banner .owl-nav>div:hover {
	background: rgba(0,0,0,.3);
	-webkit-transition: .3s;
	transition: .3s
}

@media (max-width:767px) {
	.banner-area .slider-banner #banner .owl-nav>div {
		top: 38%;
		width: 30px;
		height: 75px
	}
}

@media (max-width:479px) {
	.banner-area .slider-banner #banner .owl-nav>div {
		width: 30px;
		height: 100%;
		top: 0;
		background: hsla(0,0%,100%,0)!important
	}
}

.banner-area .slider-banner #banner .owl-nav>div.owl-prev {
	left: 15px
}

.banner-area .slider-banner #banner .owl-nav>div.owl-next {
	right: 15px
}

.banner-area .slider-banner #banner .owl-nav>div .fa {
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	-webkit-transition: .3s;
	transition: .3s
}

.banner-area .slider-banner #banner .owl-dots {
	position: relative;
	bottom: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media (max-width:768px) {
	.banner-area .slider-banner #banner .owl-dots {
		bottom: 25px
	}
}

.banner-area .slider-banner #banner .owl-dots .owl-dot {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: hsla(0,0%,100%,.5);
	margin: 0 10px
}

.banner-area .slider-banner #banner .owl-dots .owl-dot.active {
	border: 2px solid #fff;
	background: transparent
}

.floor-area .floor {
	margin-bottom: 15px
}

.floor-area .floor .floor-title {
	position: relative;
	padding: 0 10px
}

.floor-area .floor .floor-title h3 {
	margin-top: 0
}

.floor-area .floor .floor-title .floor-menu {
	display: block;
	font-size: 0
}

.floor-area .floor .floor-title .floor-menu li {
	display: inline-block;
	min-width: 130px;
	margin: 5px;
	width:100%
}

.floor-area .floor .floor-title .floor-menu li a {
	display: block;
	color: #333;
	padding: 5px 10px;
	font-size: 14px;
	border: 1px solid #ddd;
	text-decoration: none;
	text-align: center
}

.floor-area .floor .floor-title .floor-menu li.active a {
	color: #fff;
	background-color: #10cfbd;
	border: 1px solid #10cfbd
}

@media (max-width:768px) {
	.floor-area .floor .floor-title .floor-menu {
		position: absolute;
		width: 100%;
		visibility: hidden;
		opacity: 0;
		height: 0;
		-webkit-transition: .3s;
		transition: .3s
	}

	.floor-area .floor .floor-title .floor-menu.show {
		z-index: 100;
		visibility: visible;
		opacity: 1;
		height: auto;
		-webkit-transition: .3s;
		transition: .3s
	}

	.floor-area .floor .floor-title .floor-menu li {
		display: block;
		background: #fff;
		width: 100%
	}
}

.floor-area .floor .floor-title span {
	font-size: 24px;
	color: #10cfbd
}

.floor-area .floor .floor-title .show-floor-menu {
	color: #000;
	font-size: 18px;
	display: none;
	vertical-align: middle
}

@media (max-width:768px) {
	.floor-area .floor .floor-title .show-floor-menu {
		display: none
	}

	.floor-area .floor .floor-title .show-floor-menu:active {
		-webkit-transform: scale(.95);
		transform: scale(.95)
	}
}

@media (max-width:768px) {
	.floor-area .floor .floor-title span {
		font-size: 24px
	}
}

.floor-area .floor .floor-content {
	position: relative
}

.floor-area .floor .floor-content .case.active>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 10px
}

.case {
	padding: 10px 0;
	font-size: 0;
	display: none
}

.case.active {
	display: block
}

.case .sm-show-title {
	display: none;
	padding: 0 10px
}

@media (max-width:768px) {
	.case .sm-show-title {
		display: block;
		margin-top: 5px;
		padding-bottom: 3px;
		width: 100%
	}

	.case .sm-show-title span {
		background: #10cfbd;
		color: #fff;
		padding: 10px 15px;
		min-width: 130px;
		display: inline-block;
		text-align: left
	}
}

.side-banner {
	margin-bottom: 20px
}

.side-banner a {
	margin-bottom: 10px;
	display: block
}

@media (max-width:991px) {
	.side-banner {
		font-size: 0
	}

	.side-banner a.main-side-banner {
		display: inline-block;
		width: 50%;
		padding: 5px;
		margin: 0
	}

	.side-banner a:not(.main-side-banner) {
		display: none
	}
}

@media (max-width:425px) {
	.side-banner a.main-side-banner {
		width: 100%
	}
}

.fb-fans .fb-page {
	width: 100%!important
}

@media (max-width:768px) {
	.fb-fans .fb-page.left-side {
		display: none!important
	}
}

.fb-fans .fb-page span,.fb-fans .fb-page span iframe[style] {
	width: 100%!important
}

.side-floor {
	position: fixed;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 100%;
	left: 20px;
	z-index: 10;
	will-change: transform;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.side-floor,.side-floor ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.side-floor ul {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.side-floor ul li {
	background-color: #d7d7d7;
	display: block;
	width: 100px;
	clear: both;
	margin-bottom: 15px
}

.side-floor ul li a {
	display: block;
	color: #fff;
	word-break: break-all;
	padding: 10px
}

.side-floor ul li a:focus,.side-floor ul li a:hover {
	background-color: transparent
}

.side-floor ul li.active,.side-floor ul li a:hover {
	background-color: #10cfbd
}

@media (max-width:1264px) {
	.side-floor {
		display: none
	}
}

.hot-area {
	clear: both
}

.hot-area .hot {
	margin-bottom: 20px
}

.hot-area .hot .hot-title {
	position: relative;
	display: inline-block;
	color: #303030;
	padding: 10px;
	margin: 0;
	border-bottom: 6px solid #10cfbd;
	font-size: 18px;
	margin-left: 10px
}

.hot-area .hot .hot-case {
	border: 1px solid #eee;
	clear: both;
	margin: 30px 10px 0;
	padding: 10px
}

.hot-area .hot .hot-case .owl-item:nth-child(odd) {
	background-color: rgba(205,149,0,.06)
}

.hot-area .hot .hot-case.case.active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.theme-title {
	position: relative;
	display: inline-block;
	color: #303030;
	padding: 10px;
	margin: 0;
	border-bottom: 6px solid #10cfbd;
	font-size: 18px;
	margin-bottom: 15px
}

.path .cat-path {
	margin: 10px 0
}

.path .cat-path li {
	display: inline-block
}

.path .cat-path li a {
	text-decoration: none
}

.path .cat-path li .fa,.path .cat-path li a {
	color: #616161;
	font-size: 16px;
	vertical-align: middle
}

.path .cat-path li .fa {
	margin-right: 5px;
	margin-left: 5px
}

.path .cat-path li .fa.fa-home {
	color: #10cfbd;
	margin-left: 0
}

@media (max-width:768px) {
	.path .cat-path li .fa,.path .cat-path li a {
		font-size: 15px
	}
}

.ad {
	margin-top: 20px
}

.ad .owl-dots {
	position: relative;
	top: -20px;
	text-align: center
}

.ad .owl-dot {
	width: 12px;
	height: 12px;
	background: #fff;
	border-radius: 50%;
	display: inline-block;
	margin: 0 3px
}

.ad .owl-dot.active {
	background-color: #10cfbd
}

.category-list {
	font-size: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.category-list .product-item {
	outline: 1px solid #eee
}

.product-item {
	font-size: 16px
}

.product-item>a {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 5px;
	text-decoration: none;
	color: #303030
}

.product-item>a>div {
	width: 100%
}

.product-item>a .product-item-top {
	text-align: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.product-item>a .product-item-top .item-img {
	position: relative;
	overflow: hidden
}

.product-item>a .product-item-top .item-img img {
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform: scale(1);
	transform: scale(1);
	width: 100%
}

.product-item>a .product-item-top .item-img .img-main {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transform: scale(.9);
	transform: scale(.9);
	-webkit-transition: opacity .5s .2s,-webkit-transform .5s;
	transition: opacity .5s .2s,-webkit-transform .5s;
	transition: transform .5s,opacity .5s .2s;
	transition: transform .5s,opacity .5s .2s,-webkit-transform .5s;
	-webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
	transition-timing-function: cubic-bezier(.165,.84,.44,1)
}

.product-item>a .product-item-top .item-img .img-preview {
	position: relative
}

.product-item>a .product-item-top .product-name {
	margin-top: 10px;
	margin-bottom: 0;
	text-align: left;
	color: #333;
	height: 2.8em
}

.product-item>a .product-item-bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 3px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.product-item>a .product-item-bottom>p {
	margin-bottom: 0
}

.product-item>a .product-item-bottom>p span {
	vertical-align: baseline
}

.product-item>a .product-item-bottom>p .product-price-icon {
	font-size: 12px
}

.product-item>a .product-item-bottom>p .product-price-num {
	font-size: 18px;
	color: #f55753
}

.product-item>a .product-item-bottom>p .product-price-old {
	text-decoration: line-through;
	margin-left: 15px;
	line-height: 25px;
	color: #9e9e9e;
	font-size: 14px
}

.product-item>a .product-item-bottom .go-shopping {
	background: transparent;
	border: 1px solid #eb1c74;
	color: #eb1c74;
	padding: 3px 5px
}

@media (max-width:768px) {
	.product-item>a .product-item-bottom>p {
		width: 100%
	}

	.product-item>a .product-item-bottom>p span {
		display: block
	}

	.product-item>a .product-item-bottom>p .product-price-old {
		margin-left: 0
	}

	.product-item>a .product-item-bottom .go-shopping {
		width: 100%
	}
}

.product-item>a:hover {
	cursor: pointer
}

.product-item>a:hover .product-item-top .item-img .img-main {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s,-webkit-transform .5s;
	-webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
	transition-timing-function: cubic-bezier(.165,.84,.44,1)
}

.product-item>a:hover .product-item-top .item-img .img-preview {
	opacity: 0;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: opacity .4s .1s,-webkit-transform .5s;
	transition: opacity .4s .1s,-webkit-transform .5s;
	transition: transform .5s,opacity .4s .1s;
	transition: transform .5s,opacity .4s .1s,-webkit-transform .5s;
	-webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
	transition-timing-function: cubic-bezier(.165,.84,.44,1)
}

.product-item>a:hover .product-item-top .product-name {
	color: #10cfbd
}

.product-item.three-items {
	width: 31%;
	margin-bottom: 3.5%
}

.product-item.three-items:nth-child(3n+2) {
	margin-left: 3.5%;
	margin-right: 3.5%
}

@media (max-width:480px) {
	.product-item.three-items {
		width: 49%;
		margin-bottom: 2%
	}

	.product-item.three-items:nth-child(3n+2) {
		margin-left: 0;
		margin-right: 0
	}

	.product-item.three-items:nth-child(2n) {
		margin-left: 2%
	}
}

.product-item.four-items {
	width: 24%;
	margin-bottom: 1.3%
}

.product-item.four-items>a {
	padding: 0
}

.product-item.four-items:nth-child(4n+2) {
	margin-left: 1.3%;
	margin-right: 1.3%
}

.product-item.four-items:nth-child(4n+3) {
	margin-right: 1.3%
}

@media (max-width:768px) {
	.product-item.four-items {
		width: 49%;
		margin-bottom: 2%
	}

	.product-item.four-items:nth-child(4n+2) {
		margin-left: 0;
		margin-right: 0
	}

	.product-item.four-items:nth-child(4n+3) {
		margin-right: 0
	}

	.product-item.four-items:nth-child(2n) {
		margin-left: 2%
	}
}

.cat-pages>.pagination {
	border-radius: 0
}

.cat-pages>.pagination>li {
	position: relative;
	display: inline-block;
	margin: 3px
}

.cat-pages>.pagination>li.active>a {
	border-color: transparent
}

.cat-pages>.pagination>li>a,.cat-pages>.pagination>li>span {
	color: #9e9e9e;
	border: 1px solid #e8e8e8;
	border-radius: 0!important;
	background: #eee;
	text-align: center
}

.cat-pages>.pagination>li>a.active,.cat-pages>.pagination>li>a:focus {
	background: #10cfbd;
	color: #fff
}

.cat-pages>.pagination>li>a:hover {
	background: #9e9e9e;
	color: #fff
}

.same-layer {
	margin: 15px 0;
	overflow: hidden;
	border: 1px solid #eee
}

.same-layer a {
	color: #222;
	text-decoration: none!important
}

.same-layer .now-layer {
	display: block;
	position: relative;
	background-color: #10cfbd;
	padding: 10px 15px;
	width: 100%
}

.same-layer .now-layer a {
	font-size: 15px;
	color: #fff;
	font-weight: 300;
	letter-spacing: .5px
}

.same-layer .other-category {
	display: block;
	position: relative;
	background-color: #fff;
	font-size: 16px
}

.same-layer .other-category ul {
	margin-bottom: 0
}

.same-layer .other-category ul li>div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.same-layer .other-category ul li>div:first-child {
	padding: 10px 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.same-layer .other-category ul li>div:first-child a.show-next {
	padding: 0 4px;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .2s;
	transition: .2s;
	color: #9e9e9e;
	min-width: 20px
}

.same-layer .other-category ul li>div:first-child a.category-name {
	margin-left: 10px;
	color: #303030;
	word-break: break-all
}

.same-layer .other-category ul li>div.next-layer {
	margin-left: 30px;
	height: 0;
	opacity: 0;
	display: none
}

.same-layer .other-category ul li>div.next-layer a {
	word-break: break-all;
	padding: 3px 5px;
	font-size: 13px;
	-webkit-transition: .3s;
	transition: .3s;
	color: #9e9e9e
}

.same-layer .other-category ul li>div.next-layer a:hover {
	color: #10cfbd;
	-webkit-transition: .3s;
	transition: .3s
}

@media (max-width:768px) {
	.same-layer .other-category ul li>div.next-layer li {
		display: inline-block;
		margin-right: 5px
	}
}

.same-layer .other-category ul li.on>div:first-child {
	background: #eee;
	margin-left: -30px;
	padding-left: 30px
}

.same-layer .other-category ul li.on>div:first-child a {
	color: #10cfbd
}

.same-layer .other-category ul li.on>div:first-child a.show-next {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: .2s;
	transition: .2s
}

.same-layer .other-category ul li.on>div.next-layer {
	display: block;
	height: auto;
	opacity: 1;
	-webkit-transition: .2s;
	transition: .2s;
	position: relative;
	z-index: 2
}

@media (max-width:767px) {
	.same-layer,.same-layer.brand {
		display: none
	}

	.same-layer .floor-item {
		border-top: 0
	}
}

.rearrange-product {
	text-align: right;
	margin-bottom: 10px;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	font-size: 0
}

.rearrange-product a {
	color: #7b7b7b;
	text-decoration: none;
	padding: 5px 12px;
	display: inline-block;
	font-size: 14px
}

.rearrange-product a.active {
	background: #ededed
}

.rearrange-product a:first-child .fa {
	color: #d7a541
}

.rearrange-product a:nth-child(3) .fa,.rearrange-product a:nth-child(4) .fa {
	background: -webkit-linear-gradient(top,#f5f5f5,#10cfbd);
	background-clip: text;
	-webkit-text-fill-color: transparent
}

.rearrange-product a:nth-child(2) {
	color: #e05d44;
	font-weight: 700
}

.rearrange-product a+a {
	border-left: 1px solid #ededed
}

@media (max-width:480px) {
	.rearrange-product a {
		padding: 5px 7px;
		font-size: 12px
	}
}

.category-banner {
	margin-bottom: 50px
}

.category-banner a {
	display: block;
	margin-bottom: 10px
}

.category-banner a:hover {
	opacity: .8;
	-webkit-transition: .3s;
	transition: .3s
}

.clamp-1 {
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1
}

.clamp-1,.clamp-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box
}

.clamp-2 {
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2
}

.clamp-3 {
	-webkit-line-clamp: 3;
	-moz-line-clamp: 3
}

.clamp-3,.clamp-4 {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box
}

.clamp-4 {
	-webkit-line-clamp: 4;
	-moz-line-clamp: 4
}

.clamp-6 {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-moz-line-clamp: 6
}

.qty-select {
	display: inline-block;
	height: 35px;
	border: 1px solid #eee;
	border-radius: 4px;
	font-size: 0;
	overflow: hidden
}

.qty-select .qty-input {
	display: inline-block;
	padding: 0 4px;
	width: 75px;
	-webkit-box-shadow: unset;
	box-shadow: unset
}

.qty-select .qty-input[disabled] {
	background-color: transparent;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.qty-select .qty-input:active,.qty-select .qty-input:focus {
	outline: 0
}

.qty-select .qty-select__minus,.qty-select .qty-select__plus {
	display: inline-block;
	height: 34px;
	padding: 0 10px;
	background-color: #fff;
	line-height: 34px;
	font-size: medium;
	cursor: pointer
}

.qty-select .qty-select__minus.disabled,.qty-select .qty-select__plus.disabled {
	color: #ddd;
	pointer-events: none;
	cursor: not-allowed
}

.qty-select .qty-select__minus {
	border-right: 1px solid #eee
}

.qty-select .qty-select__plus {
	border-left: 1px solid #eee
}

.ui-card {
	background-color: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 4px 0 rgba(18,20,25,.2);
	box-shadow: 0 1px 4px 0 rgba(18,20,25,.2);
	overflow: hidden
}

.ui-card .ui-card__header {
	padding: 15px;
	border-bottom: 1px solid #eee;
	color: #9e9e9e
}

.ui-card .ui-card__body {
	padding: 15px
}

.ui-card .ui-card__footer {
	padding: 15px;
	border-top: 1px solid #eee
}

.full-page-loading {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: rgba(0,0,0,.5);
	z-index: 100000
}

.full-page-loading .loading-content {
	color: #10cfbd
}

.btn.orange {
	color: #fff;
	background-color: #fd9644;
	border-color: #fd9644
}

.btn.orange.focus,.btn.orange:focus {
	color: #fff;
	background-color: #fc7a12;
	border-color: #bf5602
}

.btn.orange.active,.btn.orange:active,.btn.orange:hover,.open>.btn.orange.dropdown-toggle {
	color: #fff;
	background-color: #fc7a12;
	border-color: #fc7407
}

.btn.orange.active.focus,.btn.orange.active:focus,.btn.orange.active:hover,.btn.orange:active.focus,.btn.orange:active:focus,.btn.orange:active:hover,.open>.btn.orange.dropdown-toggle.focus,.open>.btn.orange.dropdown-toggle:focus,.open>.btn.orange.dropdown-toggle:hover {
	color: #fff;
	background-color: #e86802;
	border-color: #bf5602
}

.btn.orange.active,.btn.orange:active,.open>.btn.orange.dropdown-toggle {
	background-image: none
}

.btn.orange.disabled.focus,.btn.orange.disabled:focus,.btn.orange.disabled:hover,.btn.orange[disabled].focus,.btn.orange[disabled]:focus,.btn.orange[disabled]:hover,fieldset[disabled] .btn.orange.focus,fieldset[disabled] .btn.orange:focus,fieldset[disabled] .btn.orange:hover {
	background-color: #fd9644;
	border-color: #fd9644
}

.btn.orange .badge {
	color: #fd9644;
	background-color: #fff
}

.btn.red {
	color: #fff;
	background-color: #f55753;
	border-color: #f55753
}

.btn.red.focus,.btn.red:focus {
	color: #fff;
	background-color: #f22823;
	border-color: #bd0f0b
}

.btn.red.active,.btn.red:active,.btn.red:hover,.open>.btn.red.dropdown-toggle {
	color: #fff;
	background-color: #f22823;
	border-color: #f21f19
}

.btn.red.active.focus,.btn.red.active:focus,.btn.red.active:hover,.btn.red:active.focus,.btn.red:active:focus,.btn.red:active:hover,.open>.btn.red.dropdown-toggle.focus,.open>.btn.red.dropdown-toggle:focus,.open>.btn.red.dropdown-toggle:hover {
	color: #fff;
	background-color: #e4130d;
	border-color: #bd0f0b
}

.btn.red.active,.btn.red:active,.open>.btn.red.dropdown-toggle {
	background-image: none
}

.btn.red.disabled.focus,.btn.red.disabled:focus,.btn.red.disabled:hover,.btn.red[disabled].focus,.btn.red[disabled]:focus,.btn.red[disabled]:hover,fieldset[disabled] .btn.red.focus,fieldset[disabled] .btn.red:focus,fieldset[disabled] .btn.red:hover {
	background-color: #f55753;
	border-color: #f55753
}

.btn.red .badge {
	color: #f55753;
	background-color: #fff
}

.btn.main-color {
	color: #fff;
	background-color: #10cfbd;
	border-color: #10cfbd
}

.btn.main-color.focus,.btn.main-color:focus {
	color: #fff;
	background-color: #0ca092;
	border-color: #075951
}

.btn.main-color.active,.btn.main-color:active,.btn.main-color:hover,.open>.btn.main-color.dropdown-toggle {
	color: #fff;
	background-color: #0ca092;
	border-color: #0c9689
}

.btn.main-color.active.focus,.btn.main-color.active:focus,.btn.main-color.active:hover,.btn.main-color:active.focus,.btn.main-color:active:focus,.btn.main-color:active:hover,.open>.btn.main-color.dropdown-toggle.focus,.open>.btn.main-color.dropdown-toggle:focus,.open>.btn.main-color.dropdown-toggle:hover {
	color: #fff;
	background-color: #0a7f74;
	border-color: #075951
}

.btn.main-color.active,.btn.main-color:active,.open>.btn.main-color.dropdown-toggle {
	background-image: none
}

.btn.main-color.disabled.focus,.btn.main-color.disabled:focus,.btn.main-color.disabled:hover,.btn.main-color[disabled].focus,.btn.main-color[disabled]:focus,.btn.main-color[disabled]:hover,fieldset[disabled] .btn.main-color.focus,fieldset[disabled] .btn.main-color:focus,fieldset[disabled] .btn.main-color:hover {
	background-color: #10cfbd;
	border-color: #10cfbd
}

.btn.main-color .badge {
	color: #10cfbd;
	background-color: #fff
}

.btn.btn-purple {
	color: #fff;
	background-color: #591bd7;
	border-color: #591bd7
}

.btn.btn-purple.focus,.btn.btn-purple:focus {
	color: #fff;
	background-color: #4615aa;
	border-color: #2a0d66
}

.btn.btn-purple.active,.btn.btn-purple:active,.btn.btn-purple:hover,.open>.btn.btn-purple.dropdown-toggle {
	color: #fff;
	background-color: #4615aa;
	border-color: #4214a1
}

.btn.btn-purple.active.focus,.btn.btn-purple.active:focus,.btn.btn-purple.active:hover,.btn.btn-purple:active.focus,.btn.btn-purple:active:focus,.btn.btn-purple:active:hover,.open>.btn.btn-purple.dropdown-toggle.focus,.open>.btn.btn-purple.dropdown-toggle:focus,.open>.btn.btn-purple.dropdown-toggle:hover {
	color: #fff;
	background-color: #39118a;
	border-color: #2a0d66
}

.btn.btn-purple.active,.btn.btn-purple:active,.open>.btn.btn-purple.dropdown-toggle {
	background-image: none
}

.btn.btn-purple.disabled.focus,.btn.btn-purple.disabled:focus,.btn.btn-purple.disabled:hover,.btn.btn-purple[disabled].focus,.btn.btn-purple[disabled]:focus,.btn.btn-purple[disabled]:hover,fieldset[disabled] .btn.btn-purple.focus,fieldset[disabled] .btn.btn-purple:focus,fieldset[disabled] .btn.btn-purple:hover {
	background-color: #591bd7;
	border-color: #591bd7
}

.btn.btn-purple .badge {
	color: #591bd7;
	background-color: #fff
}

.empty-search {
	margin: 30px auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.ocerp-widget .black-bg {
	display: none;
	background: rgba(0,0,0,.5);
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 1000
}

.ocerp-widget .fixed-bag,.ocerp-widget .fixed-history {
	position: fixed;
	z-index: 100;
	top: 120px;
	right: 10px;
	width: 45px;
	height: 45px;
	border-radius: 5px;
	background: #333;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: .3s;
	transition: .3s
}

.ocerp-widget .fixed-bag.fade {
	visibility: visible;
	opacity: 1;
	-webkit-transition: .5s;
	transition: .5s;
	overflow: visible
}

.ocerp-widget .fixed-history {
	top: 175px
}

.ocerp-widget .fixed-history.fade {
	visibility: visible;
	opacity: 1;
	-webkit-transition: .5s;
	transition: .5s
}

.ocerp-widget .fixed-bag .fa {
	color: #fff;
	font-size: 2em;
	line-height: 45px
}

@media (max-width:768px) {
	.ocerp-widget .fixed-history {
		display: none!important
	}

	.ocerp-widget .fixed-bag {
		right: 10px;
		top: 160px
	}
}

.fixed-history .fa {
	color: #fff;
	font-size: 2em;
	line-height: 45px
}

.ocerp-widget .fixed-bag .cart-cnt {
	position: absolute;
	top: -12px;
	left: -12px;
	min-width: 26px;
	min-height: 26px;
	background: #10cfbd;
	color: #fff;
	border-radius: 50%;
	padding: 0;
	font-weight: 700;
	text-align: center
}

.ocerp-widget .fixed-bag .cart-cnt span {
	display: inline-block;
	line-height: 26px;
	font-weight: 700;
	font-size: 12px
}

.ocerp-widget .fixed-cart,.ocerp-widget .fixed-history-view {
	position: fixed;
	z-index: 1001;
	top: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 300px;
	height: 100%;
	background: #eee;
	-webkit-transform: translate3d(101%,0,0);
	transform: translate3d(101%,0,0);
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s,-webkit-transform .3s;
	overflow: hidden
}

.ocerp-widget .fixed-cart.move,.ocerp-widget .fixed-history-view.move {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.ocerp-widget .fixed-cart .fixed-history-view__title,.ocerp-widget .fixed-history-view .fixed-history-view__title {
	position: relative;
	z-index: 1;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	height: 35px;
	padding-left: 10px;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 2px 0 rgba(18,20,25,.2);
	box-shadow: 0 1px 2px 0 rgba(18,20,25,.2);
	color: #eb1c74;
	font-size: 16px;
	line-height: 35px
}

.ocerp-widget .fixed-cart .fixed-history-view__lodaing-icon,.ocerp-widget .fixed-history-view .fixed-history-view__lodaing-icon {
	text-align: center;
	color: #eb1c74
}

.ocerp-widget .fixed-cart .view-item-list,.ocerp-widget .fixed-history-view .view-item-list {
	padding-top: 10px;
	overflow-y: auto
}

.ocerp-widget .add-item {
	position: relative;
	background: #fff
}

.ocerp-widget .add-item+.add-item .add-info {
	border-top: 1px solid #eee;
	margin-top: 15px;
	padding-top: 10px
}

.ocerp-widget .add-item+.add-item .add-thumb {
	padding-top: 15px
}

.view-item {
	position: relative;
	padding: 10px;
	margin-bottom: 10px;
	background: #fff;
	-webkit-box-shadow: 0 1px 2px 0 rgba(18,20,25,.2);
	box-shadow: 0 1px 2px 0 rgba(18,20,25,.2);
	overflow: hidden
}

.ocerp-widget .add-thumb {
	float: left;
	width: 30%
}

.ocerp-widget .add-info {
	margin-left: 30%;
	padding: 0 10px
}

.ocerp-widget .add-info .add-info-name a {
	color: #666
}

.ocerp-widget .add-info .add-info-name a:hover {
	color: #10cfbd;
	text-decoration: none
}

.ocerp-widget .add-assort {
	margin-top: 10px
}

.ocerp-widget .add-info-cnt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 10px
}

.ocerp-widget .add-select {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 40%;
	flex: 0 0 40%;
	width: auto;
	height: 24px
}

.ocerp-widget .add-price {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	width: auto;
	font-size: 16px;
	color: #eb1c74
}

.ocerp-widget .add-price .add-currency {
	font-size: 12px
}

.ocerp-widget .add-price span {
	vertical-align: baseline
}

.ocerp-widget .add-disscount {
	margin-top: 10px;
	padding: 2px 4px;
	background-color: #faa;
	border-radius: 3px;
	font-size: 12px
}

.ocerp-widget .add-info>div.add-info-price {
	text-align: right;
	margin-bottom: 0
}

.ocerp-widget .add-info>div.view-info-price {
	padding-left: 10px;
	text-align: left
}

.ocerp-widget .add-info>div.view-info-price span.price {
	color: #f55753
}

.ocerp-widget .go-pay {
	text-align: center;
	margin-top: 10px
}

.ocerp-widget .go-pay a {
	background: #f90;
	padding: 5px 10px;
	color: #fff!important;
	display: inline-block;
	width: 60%;
	text-align: center;
	font-size: 16px;
	font-weight: 700
}

.ocerp-widget .add-cart {
	text-align: left;
	padding-left: 10px
}

.ocerp-widget .add-cart a {
	padding: 3px 7px;
	background: #f83167;
	color: #fff;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 700
}

.ocerp-widget .addcart-alert {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 200px;
	height: 50px;
	text-align: center;
	background: #fff;
	border: 1px solid #ddd
}

.ocerp-widget .addcart-alert p {
	line-height: 50px;
	font-size: 21px
}

.ocerp-widget .addcart-alert .fa {
	color: #31c200
}

.ocerp-widget .select2-dropdown {
	z-index: 10000
}

.ocerp-widget .empty-txt {
	text-align: center;
	color: #999;
	font-size: 20px;
	font-weight: 700;
	padding: 20px
}

.ocerp-widget .fb_connect {
	background: #0084ff;
	position: fixed;
	right: 10px;
	bottom: 90px;
	width: 35px;
	height: 35px;
	text-align: center;
	border-radius: 5px;
	z-index: 100;
	visibility: visible;
	opacity: 1;
	cursor: pointer
}

.ocerp-widget .fb_connect:hover {
	filter: grayscale(.5);
	-webkit-filter: grayscale(.5)
}

.ocerp-widget .fb-icon svg,.ocerp-widget .fb_connect svg {
	fill: #fff;
	width: 75%;
	height: 75%;
	position: relative;
	top: 12.5%
}

.ocerp-widget .fb-icon {
	width: 30px;
	height: 30px;
	float: left;
	text-align: center
}

.ocerp-widget .fb-icon svg {
	left: 5px
}

.ocerp-widget .fb-block {
	display: inline-block;
	position: fixed;
	right: 60px;
	z-index: 1000;
	bottom: -200%;
	-webkit-transition: .3s;
	transition: .3s;
	width: 400px
}

.ocerp-widget .fb-block>div {
	display: block
}

.ocerp-widget #message-connet {
	background: #fff;
	text-align: center
}

.ocerp-widget .fb-block.up {
	bottom: 0;
	-webkit-transition: .3s;
	transition: .3s
}

.ocerp-widget .fb-title {
	background: #0084ff;
	position: relative;
	top: 1px;
	z-index: 1;
	border: 1px solid #fff;
	border-bottom: 0
}

.ocerp-widget .fb-title a {
	float: right;
	font-size: 18px;
	color: #fff;
	padding: 2px 9px
}

.google-search-sector .google-search-wrapper {
	background-color: #fff
}

.google-search-sector .gsc-search-button input.gsc-search-button-v2,.google-search-sector input.gsc-search-button-v2 {
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.fb-customerchat.fb_iframe_widget iframe {
	bottom: 94pt!important
}

.fb_dialog {
	bottom: 42pt!important
}

.loading-sect {
	color: #10cfbd;
	text-align: center
}

@-webkit-keyframes movein {
	0% {
		left: -100%
	}

	to {
		left: 0
	}
}

@keyframes movein {
	0% {
		left: -100%
	}

	to {
		left: 0
	}
}

header#header {
	width: 100%;
	background-color: #fff;

	z-index: 100;
	-webkit-transform: translateZ(0) scale(1);
	transform: translateZ(0) scale(1);
	border-bottom: 1px solid #ddd
}

header .top-header {
	height: 35px;
	background-color: #303030;
	position: relative;
	z-index: 1000
}

header .head_flag {
    cursor: pointer;
}

.head_flags {
    background-color: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    position: fixed;
    margin: 0 auto;
    z-index: 999;
	display: none;
}

.head_flag_content {
    width: 85%;
    height: auto;
    margin: 10% auto 0 auto;
    background-color: #fff;
    border-radius: 3px;
    padding: 5px 4% 10px;
}

.head_flag_region_title, .head_flag_language_title {
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0 10px;
}

.head_flag_region_content .head_flag_region, .head_flag_language_content .head_flag_language {
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
    padding: 0 10px;
    cursor: pointer;
}

.head_flag_button .button_cancel, .head_flag_button .button_confirm {
    border: 1px solid rgba(0,0,0,0);
    color: #fff;
    font-size: 16px;
    text-align: center;
    width: 45%;
    padding: 10px 0;
    margin: 20px 2% 10px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
}

.head_flag_button .button_cancel {
    background-color: #ccc;
}

.head_flag_button .button_confirm {
    background-color: #333;
}

.head_flag_region_content .selected, .head_flag_language_content .selected {
    background-color: #333;
    border-radius: 30px;
    color: #fff;
}

header .top-header .account-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 35px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

header .top-header .account-block>div {
	padding: 0 10px
}

@media (max-width:480px) {
	header .top-header .account-block>div {
		padding: 0 5px
	}
}

header .top-header .account-block>div+div {
	border-left: 1px solid #fff
}

header .top-header .currency,header .top-header .language,header .top-header .nav-top-links,header .top-header .support-link,header .top-header .top-bar-social,header .top-header .user-info {
	width: auto;
	display: inline-block;
	line-height: 34px
}

header .top-header a {
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	letter-spacing: .5px
}

header .top-header a,header .top-header a:visited {
	text-decoration: none;
	outline: 0
}

header .top-header a:active,header .top-header a:hover {
	text-decoration: none;
	color: #a58667;
	outline: 0
}

header .top-header a.first-item {
	margin-left: 0
}

header .top-header a .fa {
	margin-right: 5px
}

header .top-header .language a {
	border-right: 1px solid #e0e0e0;
	padding-right: 10px;
	margin-left: 10px
}

header .top-header .dropdown-menu {
	border-radius: 0;
	border: none;
	top: 100%;
	left: 0;
	-webkit-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s;
	opacity: 0;
	display: block;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	z-index: 0;
	visibility: hidden
}

header .top-header .dropdown-menu li:active a,header .top-header .dropdown-menu li:hover a {
	text-decoration: none;
	color: #a58667;
	outline: 0
}

header .top-header .cart-cnt {
	background: #10cfbd;
	color: #353636;
	padding: 1px 4px;
	border-radius: 18px;
	font-size: 12px;
	line-height: 14px;
	margin-left: 3px
}

header #logo-bar {
	padding: 5px 15px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 1530px
}

header #logo-bar,header #logo-bar .logo-search {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

header #logo-bar .logo-search {
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	margin-bottom: 10px
}

header #logo-bar .logo-search>div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

header #logo-bar .logo-search .logo {
	text-align: center;
	min-width: 140px;
	position: relative;
	max-width: 160px
}

header #logo-bar .logo-search .logo .logo-btn {
	display: block;
	padding: 5px
}

header #logo-bar .logo-search .search {
	text-align: right
}

header #logo-bar .logo-search .search .form-search {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	height: 35px;
	min-width: 180px
}

@media (max-width:479px) {
	header #logo-bar .logo-search .search .form-search {
		display: none
	}
}

header #logo-bar .logo-search .search.mobile-480 {
	display: none
}

@media (max-width:479px) {
	header #logo-bar .logo-search .search.mobile-480 {
		display: block;
		position: relative;
		text-align: left;
		margin: 10px 5px
	}
}

@media (max-width:768px) {
	header #logo-bar .logo-search {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		margin-bottom: 0
	}
}

header #logo-bar .car-menu {
	width: 100%
}

header #logo-bar .car-menu a {
	color: #303030;
	display: inline-block;
	padding: 0 10px;
	vertical-align: middle;
	position: relative;
	text-decoration: none;
	font-size: 18px
}

header #logo-bar .car-menu a.active {
	color: #10cfbd
}

@media (max-width:992px) {
	header #logo-bar .car-menu a {
		padding: 2px 5px;
		font-size: 14px
	}
}

@media (max-width:768px) {
	header #logo-bar {
		width: 100%;
		padding: 5px
	}
}

@media (min-width:769px) {
	header #logo-bar {
		width: 90%
	}
}

@media (min-width:1200px) {
	header #logo-bar {
		width: 80%
	}
}

header #logo-bar.sticky .logo-search {
	margin-bottom: 0
}

header #logo-bar.sticky .logo-search .car-menu {
	display: block!important
}

header #logo-bar.sticky .logo-search .car-menu .mobile-show {
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: flex!important
}

header #logo-bar.sticky .car-menu {
	display: none!important
}

header .search-text {
	width: 88%;
	display: inline-block;
	vertical-align: middle;
	line-height: 24px;
	padding: 0 10px;
	
	border: 1px solid #eee
}

header .search-text::-webkit-input-placeholder {
	color: #9e9e9e;
	font-size: 14px
}

header .search-text:-ms-input-placeholder,header .search-text::-ms-input-placeholder {
	color: #9e9e9e;
	font-size: 14px
}

header .search-text::placeholder {
	color: #9e9e9e;
	font-size: 14px
}

header .search-text:focus {
	background: #fff;
	border: 1px solid #10cfbd
}

header .search-btn {
	background-color: #10cfbd;
	color: #fff;
	padding: 0 12px
}

.top-header .dropdown.open>.dropdown-menu {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	-khtml-transform: translateY(0);
	opacity: 1;
	z-index: 10000;
	visibility: inherit
}

.top-header .dropdown-menu a {
	border: none;
	margin: 0;
	padding: 5px 10px
}

.top-header .language .dropdown-menu,.top-header .user-info .dropdown-menu {
	left: inherit;
	right: 0
}

.form-login input {
	margin-top: 50px;
	margin-bottom: 80px;
	font-size: 16px;
	width: 150px;
	height: 30px;
	border-radius: 4px
}

.form-login input,.form-login input:hover {
	background: #627aad!important;
	border-color: #627aad!important;
	color: #fff!important
}

.for-center {
	text-align: center
}

.first-bar {
	border-right: none!important
}

.nav-top-links ul {
	padding-left: 0
}

.nav-top-links ul li {
	display: inline-block
}

.top-header .dropdown-menu li {
	display: block
}

.user-pic {
	width: 23px;
	height: 23px;
	display: inline-block;
	border-radius: 50%;
	overflow: hidden;
	margin-top: 6px
}

.user-pic img {
	margin-top: -14px;
	width: 100%;
	height: 100%
}

.language-pic {
	width: 16px;
	height: 11px;
	display: inline-block;
	margin-top: 6px
}

.language-pic img {
	margin-top: -14px;
	width: 100%;
	height: 100%
}

.btn-open-mobile {
	width: 40%;
	text-align: right
}

.btn-open-mobile i {
	width: 100%
}

.nav-top-menu.nav-ontop #main-menu .nav {
	height: 50px;
	overflow: hidden
}

#main-menu #navbar ul li .dropdown-menu {
	top: auto;
	right: 0
}

#nav-top-menu>div.container {
	background-color: #000
}

#nav-top-menu #main-menu,#nav-top-menu.nav-ontop>div.container {
	background-color: #eee
}

@media (max-width:768px) {
	#nav-top-menu>div.container {
		background-color: #eee
	}
}

#main-menu li.dropdown:before {
	content: "";
	font-family: FontAwesome;
	font-size: 15px;
	color: #fff;
	padding-left: 7px;
	position: absolute;
	bottom: 38px;
	right: 75%;
	display: none;
	z-index: 1001
}

@media (max-width:992px) {
	.box-vertical-megamenus .vertical-menu-content {
		min-width: 100%
	}
}

@media (max-width:480px) {
	#box-vertical-megamenus .vertical-menu-content {
		min-width: 200%
	}
}

.box-vertical-megamenus .vertical-menu-content ul li img.icon-menu {
	vertical-align: middle;
	width: 25px;
	height: 20px;
	margin-right: 15px;
	padding-right: 0
}

.nav-ontop .logo {
	display: block;
	height: 50px;
	position: relative
}

.nav-ontop .logo:before {
	content: "";
	height: 100%;
	width: 0
}

.nav-ontop .logo:before,.nav-ontop .logo a {
	display: inline-block;
	vertical-align: middle
}

#main-menu.down {
	width: 67%
}

ul.nav_menu {
	margin-bottom: 0
}

#footer {
	width: 100%;
	background: #303030;
	bottom: 0;
	left: 0;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden
}

#footer .footer-main .footer-information {
	font-size: 14px
}

#footer .footer-main .footer-information p {
	color: hsla(0,0%,100%,.3);
	line-height: 24px
}

#footer .footer-main .footer-information a,#footer .footer-main .footer-information span {
	color: hsla(0,0%,100%,.5);
	text-decoration: none;
	padding: 6px 3px 0 0;
	display: inline-block;
	font-weight: 300;
	letter-spacing: .5px
}

#footer .footer-main .footer-information a i,#footer .footer-main .footer-information span i {
	display: inline-block;
	vertical-align: initial;
	color: #b7b7b7;
	margin-right: 3px
}

#footer .footer-main .footer-information span.show-menu {
	color: #fff
}

#footer .footer-main .footer-information .footer-col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

#footer .footer-main .footer-information .footer-col h4 {
	margin-top: 5px;
	margin-bottom: 0;
	border-bottom: 1px solid #888;
	padding-bottom: 5px;
	margin-right: 0
}

#footer .footer-main .footer-information .footer-col h4 a {
	color: #f7f7f7
}

@media (max-width:768px) {
	#footer .footer-main .footer-information .footer-col h4 a {
		display: block
	}

	#footer .footer-main .footer-information .footer-col h4 a:active {
		background: #3e3e3e
	}
}

#footer .footer-main .footer-information .footer-col h4 .sub-link {
	padding-left: 5px
}

#footer .footer-main .footer-information .footer-col h4 .sub-link a {
	color: #888
}

#footer .footer-main .footer-information .footer-col h4 .sub-link a:hover {
	color: #aaa
}

@media (max-width:768px) {
	#footer .footer-main .footer-information .footer-col h4 .sub-link {
		display: none
	}

	#footer .footer-main .footer-information .footer-col h4 .sub-link.show {
		display: block
	}

	#footer .footer-main .footer-information .footer-col h4 .sub-link.show li {
		display: inline-block
	}
}

#footer .footer-main .footer-information .footer-col>div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-right: 30px
}

#footer .footer-main .footer-information .footer-col>.flex-2 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

#footer .footer-main .footer-information .footer-col>.flex-2 li {
	display: inline-block;
	width: 100%
}

#footer .footer-main .footer-information .footer-col>.footer-fb-fans {
	display: none
}

#footer .footer-main .footer-information .footer-col>.footer-fb-fans>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

#footer .footer-main .footer-information .footer-col>.footer-fb-fans .fb-fans {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-top: 10px
}

#footer .footer-main .footer-information .footer-col .empty-title {
	height: 21px
}

@media (max-width:992px) {
	#footer .footer-main .footer-information .footer-col {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 95%;
		margin: 0 auto
	}

	#footer .footer-main .footer-information .footer-col>.footer-fb-fans {
		display: block
	}

	#footer .footer-main .footer-information .footer-col>div {
		padding-right: 0
	}
}

#footer .footer-main .footer-copy {
	padding: 0;
	background-color: #303030
}

#footer .footer-main .footer-copy a {
	color: rgba(242,92,39,.9)
}

#footer .footer-main .footer-copy p {
	display: inline-block;
	line-height: 16px;
	padding: 10px 0 5px;
	margin: 0;
	font-size: 13px;
	color: hsla(0,0%,100%,.3)
}

@media (max-width:992px) {
	#footer .footer-main .footer-copy {
		width: 95%;
		margin: 0 auto
	}
}

#footer .footer-main .container {
	width: 80%
}

@media (min-width:1200px) {
	#footer .footer-main .container {
		max-width: 1530px
	}
}

@media (min-width:768px) and (max-width:1200px) {
	#footer .footer-main .container {
		width: 95%
	}
}

@media (max-width:768px) {
	#footer .footer-main .container {
		width: 97%
	}
}

#footer .footer-toggle {
	display: none;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #303030;
	color: #fff;
	font-size: 20px;
	height: 30px;
	position: relative;
	margin-top: -30px;
	text-decoration: none
}

#footer.open .footer-main {
	max-height: 500px;
	-webkit-transition: .3s;
	transition: .3s
}

#footer.open .footer-toggle .fa {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg)
}

.mobile-show {
	display: none!important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: #10cfbd;
	color: #fff!important
}

@media (max-width:768px) {
	.mobile-show {
		display: -webkit-box!important;
		display: -ms-flexbox!important;
		display: flex!important
	}
}

@media (max-width:768px) {
	.mobile-hide {
		display: none!important
	}
}

.xs-show {
	display: none!important
}

@media (max-width:480px) {
	.xs-show {
		display: block!important
	}
}

.black {
	display: block;
	position: fixed;
	top: 0;
	-webkit-transform: translate3d(-101%,0,0);
	transform: translate3d(-101%,0,0);
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,.55);
	z-index: 10;
	opacity: 0;
	-webkit-transition: opacity .3s,-webkit-transform .2s .4s;
	transition: opacity .3s,-webkit-transform .2s .4s;
	transition: opacity .3s,transform .2s .4s;
	transition: opacity .3s,transform .2s .4s,-webkit-transform .2s .4s
}

.black.show {
	opacity: 1;
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

.black.show,.black.show .menu {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.black.show .menu {
	-webkit-transition: .4s;
	transition: .4s
}

.black .menu {
	width: 20%;
	height: 100vh;
	overflow: auto;
	background: #fff;
	z-index: 9999;
	top: 0;
	position: fixed;
	-webkit-transform: translate3d(-101%,0,0);
	transform: translate3d(-101%,0,0);
	-webkit-transition: -webkit-transform .4s;
	transition: -webkit-transform .4s;
	transition: transform .4s;
	transition: transform .4s,-webkit-transform .4s;
	padding: 50px 0 30px;
	background: #f4f7f6
}

.black .menu ul {
	margin-top: 10px
}

.black .menu ul li a {
	padding: 0 15px;
	padding-bottom: 0;
	text-decoration: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #f4f7f6;
	-webkit-transition: .3s;
	transition: .3s;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.black .menu ul li a .category-icon {
	max-width: 25px
}

.black .menu ul li a .category-name {
	color: #303030;
	padding: 12px 0;
	font-size: 16px;
	margin-left: 10px;
	line-height: 2em;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border-bottom: 1px solid #d7d7d7
}

.black .menu ul li a i {
	color: #9e9e9e;
	width: 25px;
	text-align: center
}

.black .menu ul li a:hover {
	background: #10cfbd;
	-webkit-transition: .3s;
	transition: .3s
}

.black .menu ul li a:hover i {
	color: #fff
}

.black .menu ul li a:hover .category-name {
	color: #fff;
	border-bottom: 1px solid #10cfbd
}

.black .menu ul li a .close-menu:hover {
	color: #202121;
	opacity: .75;
	background: #f4f7f6
}

@media (max-width:992px) {
	.black .menu ul li a {
		font-size: 15px
	}
}

@media (max-width:768px) {
	.black .menu ul li a {
		font-size: 14px
	}
}

.black .menu ul li:last-child a .category-name {
	border-bottom: 1px solid transparent
}

.black .menu .menu-close-block {
	padding: 0 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.black .menu .menu-close-block span {
	color: #10cfbd;
	font-size: 15px
}

.black .menu .menu-close-block a {
	color: #303030;
	width: 15px;
	height: 15px;
	position: relative
}

.black .menu .menu-close-block a:after,.black .menu .menu-close-block a:before {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 2px;
	background: #10cfbd;
	top: 0;
	left: 50%;
	-webkit-transition: .3s;
	transition: .3s
}

.black .menu .menu-close-block a:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.black .menu .menu-close-block a:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.black .menu .menu-close-block a:hover:after,.black .menu .menu-close-block a:hover:before {
	background: #10cfbd;
	-webkit-transition: .3s;
	transition: .3s
}

.black .menu .mobile-search .form-search {
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 0 15px
}

.black .menu .mobile-search .form-search .search-text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

@media (max-width:480px) {
	.black .menu .mobile-search {
		margin-top: 10px
	}
}

.black .menu .close-menu {
	padding: 2px 0;
	display: inline-block;
	background: #f4f7f6
}

.black .menu::-webkit-scrollbar {
	width: 0
}

.black .menu::-webkit-scrollbar-track {
	background: transparent
}

.black .menu::-webkit-scrollbar-thumb {
	background: transparent;
	border-radius: 5px
}

@media (max-width:1200px) {
	.black .menu {
		width: 90%;
		max-width: 285px
	}
}

#modal-force-login .modal-body {
	padding: 0
}

#modal-force-login #login_content .login-content-close {
	position: absolute;
	right: 10px;
	top: 10px;
	display: block;
	color: #fff;
	z-index: 1;
	opacity: 1
}

#modal-force-login #login_carousel .item {
	padding: 40px 0
}

#login_content {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#login_content .login-content-close {
	display: none
}

#login_carousel {
	height: 75%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#login_carousel .carousel-inner {
	height: 80%;
	margin-top: 5%
}

@media only screen and (max-width:767px) {
	#login_carousel .carousel-inner {
		height: 100%;
		margin-top: 0
	}
}

#login_carousel .carousel-inner .item {
	height: 100%
}

#login_carousel .carousel-inner .item.active,#login_carousel .carousel-inner .item.left,#login_carousel .carousel-inner .item.next,#login_carousel .carousel-inner .item.prev,#login_carousel .carousel-inner .item.right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

#login_carousel .carousel-inner .item.active>div,#login_carousel .carousel-inner .item.left>div,#login_carousel .carousel-inner .item.next>div,#login_carousel .carousel-inner .item.prev>div,#login_carousel .carousel-inner .item.right>div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

#login_carousel .carousel-inner .item.active>div img,#login_carousel .carousel-inner .item.left>div img,#login_carousel .carousel-inner .item.next>div img,#login_carousel .carousel-inner .item.prev>div img,#login_carousel .carousel-inner .item.right>div img {
	height: 75%
}

#login_carousel .carousel-inner .item.active>div .login-single-title,#login_carousel .carousel-inner .item.left>div .login-single-title,#login_carousel .carousel-inner .item.next>div .login-single-title,#login_carousel .carousel-inner .item.prev>div .login-single-title,#login_carousel .carousel-inner .item.right>div .login-single-title {
	width: 80%;
	font-size: 20px;
	color: #333;
	text-shadow: none;
	font-weight: 600;
	margin: 10px 0 0;
	text-align: center
}

@media only screen and (max-width:767px) {
	#login_carousel .carousel-inner .item.active>div img,#login_carousel .carousel-inner .item.left>div img,#login_carousel .carousel-inner .item.next>div img,#login_carousel .carousel-inner .item.prev>div img,#login_carousel .carousel-inner .item.right>div img {
		height: 70%
	}

	#login_carousel .carousel-inner .item.active>div .login-single-title,#login_carousel .carousel-inner .item.left>div .login-single-title,#login_carousel .carousel-inner .item.next>div .login-single-title,#login_carousel .carousel-inner .item.prev>div .login-single-title,#login_carousel .carousel-inner .item.right>div .login-single-title {
		font-size: 16px;
		color: #333;
		text-shadow: none;
		font-weight: 400
	}
}

#login_carousel .carousel-indicators {
	margin-bottom: 0;
	position: relative;
	margin: 0 auto;
	left: 0;
	width: auto;
	bottom: 0;
	height: 30px
}

#login_carousel .carousel-indicators li {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	-webkit-transition: .5s;
	transition: .5s;
	margin: 0 10px;
	background: hsla(0,0%,100%,.5);
	border: 0
}

#login_carousel .carousel-indicators li.active {
	width: 40px;
	border-radius: 15px;
	-webkit-transition: .5s;
	transition: .5s;
	background: #fff
}

#login_carousel .carousel-control {
	position: absolute;
	top: 45%;
	bottom: 45%;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	font-size: 30px;
	background: rgba(0,0,0,.5)
}

#login_carousel .carousel-control .fa {
	line-height: inherit
}

#login_carousel .carousel-control.right {
	right: 15px
}

#login_carousel .carousel-control.left {
	left: 15px
}

#login_btns {
	position: relative;
	max-height: 100px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 15px 0
}

#login_btns,#login_btns .login-btn-action {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

#login_btns .login-btn-action {
	min-width: 250px;
	max-width: 350px;
	border-radius: 3px;
	color: #fff;
	font-size: 16px;
	text-decoration: none!important;
	cursor: pointer
}

#login_btns .login-btn-action+.login-btn-action {
	margin-left: 15px
}

#login_btns .login-btn-action:active,#login_btns .login-btn-action:hover {
	color: #ddd
}

#login_btns .login-btn-action>div span {
	display: inline-block
}

#login_btns .login-btn-action>div:first-child {
	width: 50px;
	text-align: center
}

#login_btns .login-btn-action>div:first-child span {
	padding: 5px
}

#login_btns .login-btn-action>div:last-child {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center
}

@media only screen and (max-width:991px) {
	#login_btns {
		padding: 15px 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		max-height: inherit
	}

	#login_btns .login-btn-action {
		width: 90%;
		min-height: 48px
	}

	#login_btns .login-btn-action+.login-btn-action {
		margin-left: 0;
		margin-top: 10px
	}
}

#login_footer {
	background: #eee;
	text-align: center;
	padding: 5px 0;
	max-height: 40px;
	height: 10%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

#login_footer p {
	color: #9e9e9e;
	vertical-align: middle;
	font-size: 13px;
	display: inline-block;
	margin-bottom: 0
}

#login_footer a {
	color: #616161;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer
}

#terms {
	padding: 0 20px 10px;
	background-color: #eee;
	height: 80px;
	overflow-y: scroll
}

@media only screen and (max-width:767px) {
	#login_carousel .carousel-indicators {
		bottom: 5px
	}

	#login_carousel .carousel-control {
		background: transparent
	}

	#login_carousel .carousel-control.left {
		left: 0
	}

	#login_carousel .carousel-control.right {
		right: 0
	}
}

@-webkit-keyframes movein {
	0% {
		left: -100%
	}

	to {
		left: 0
	}
}

@keyframes movein {
	0% {
		left: -100%
	}

	to {
		left: 0
	}
}

@font-face {
	font-family:icon;src:url(/template/default/yun/dist/font/icon.eot);src:url(/template/default/yun/dist/font/icon.eot#iefix) format("embedded-opentype"),url(/template/default/yun/dist/font/icon.ttf) format("truetype"),url(/template/default/yun/dist/font/icon.woff) format("woff"),url(/theme/p01/assets/dist/img/icon.svg#icon) format("svg");font-weight:400;font-style:normal
}

.fw-icon {
	font-family: icon!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.fw-brand-line:before {
	content: "\E919"
}

.fw-brand-viber:before {
	content: "\E91A"
}

.fw-phone:before {
	content: "\E91E"
}

.fw-shop:before {
	content: "\E91F"
}

.fw-btn_cart:before {
	content: "\E91D"
}

.fw-btn_service:before {
	content: "\E904"
}

.fw-btn_home:before {
	content: "\E905"
}

.fw-btn_share:before {
	content: "\E918"
}

.fw-settings:before {
	content: "\E917"
}

.fw-home:before {
	content: "\E910"
}

.fw-home_hover:before {
	content: "\E906"
}

.fw-order_hover:before {
	content: "\E912"
}

.fw-order:before {
	content: "\E911"
}

.fw-coupon_hover:before {
	content: "\E913"
}

.fw-coupon:before {
	content: "\E901"
}

.fw-points_hover:before {
	content: "\E914"
}

.fw-points:before {
	content: "\E915"
}

.fw-record_event:before {
	content: "\E916"
}

.fw-record_expired:before {
	content: "\E900"
}

.fw-gift:before {
	content: "\E902"
}

.fw-member:before {
	content: "\E903"
}

.fw-record_coin:before {
	content: "\E907"
}

.fw-record_coupons:before {
	content: "\E908"
}

.fw-record_edit:before {
	content: "\E909"
}

.fw-record_expand:before {
	content: "\E90A"
}

.fw-record_lock:before {
	content: "\E90B"
}

.fw-record_registered:before {
	content: "\E90C"
}

.fw-record_return:before {
	content: "\E90D"
}

.fw-record_signin:before {
	content: "\E90E"
}

.fw-record_vip:before {
	content: "\E90F"
}

.fw-service:before {
	content: "\E91B"
}

.fw-cart:before {
	content: "\E91C"
}