@import url("https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900");
/*@import url('../animate.css');*/

/*-- Common Style --*/

*, *::after, *::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html, body {
	height: 100%;
}
body {
	background-color: #ffffff;
	line-height: 24px;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	visibility: visible;
	font-family: "微軟正黑體",sans-serif,Microsoft JhengHei,MingLiU,arial;
	color: #777777;
	position: relative;
}

body.vertical-header {
	padding-left: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	body.vertical-header {
		padding-left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	body.vertical-header {
		padding-left: 0;
	}
}
@media only screen and (max-width: 767px) {
	body.vertical-header {
		padding-left: 0;
	}
}
body.active-body-search-overlay {
	overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
	color: #333333;
	font-family: "微軟正黑體",sans-serif,Microsoft JhengHei,MingLiU,arial;
	font-weight: 400;
	margin-top: 0;
}
h1 {
	font-size: 36px;
	line-height: 42px;
}
h2 {
	font-size: 30px;
	line-height: 36px;
}
h3 {
	font-size: 24px;
	line-height: 30px;
}
h4 {
	font-size: 18px;
	line-height: 24px;
}
h5 {
	font-size: 14px;
	line-height: 18px;
}
h6 {
	font-size: 12px;
	line-height: 14px;
}
p:last-child {
	margin-bottom: 0;
}
a, button {
	color: inherit;
	display: inline-block;
	line-height: inherit;
	text-decoration: none;
	cursor: pointer;
}
a, button, img, input, span {
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
*:focus {
	outline: none !important;
}
a:focus {
	color: inherit;
	outline: none;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #333333;
}
button, input[type="submit"] {
	cursor: pointer;
}
ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
/*-- 
    - Input Placeholder
-----------------------------------------*/

input:-moz-placeholder, textarea:-moz-placeholder {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
input::-moz-placeholder, textarea::-moz-placeholder {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*-- Tab Content & Pane Fix --*/

.tab-content {
	width: 100%;
}
.tab-content .tab-pane {
	display: block;
	height: 0;
	max-width: 100%;
	visibility: hidden;
	overflow: hidden;
	opacity: 0;
}
.tab-content .tab-pane.active {
	height: auto;
	visibility: visible;
	opacity: 1;
	overflow: visible;
}
/* active inactive class */

.active {
	visibility: visible;
	opacity: 1;
}
.inactive {
	visibility: hidden;
	opacity: 0;
}
/* scroll to top*/

a.scroll-top {
	background: #333333;
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: none;
	text-align: center;
	color: #ffffff;
	font-family: 'Ionicons';
	position: fixed;
	right: 25px;
	bottom: 25px;
	z-index: 999;
	border-radius: 50%;
}
a.scroll-top:after {
	content: "\f3d7";
	display: inline;
	font-size: 25px;
}
a.scroll-top:hover {
	background-color: #CA2017;
}
/*----------  Sharp border tippyjs theme  ----------*/

/* If `animateFill: true` (default) */

.tippy-tooltip.sharpborder-theme .tippy-backdrop {
	background-color: #333333;
	font-weight: 400;
	color: #fff;
}
/* If `animateFill: false` */

.tippy-tooltip.sharpborder-theme {
	font-weight: 400;
	border-radius: 0;
	font-size: 12px;
	-webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
	background: #383838;
	color: #fff;
	line-height: 12px;
	white-space: nowrap;
	padding: 8px 10px;
}
/*----------  no background style  ----------*/

.no-bg {
	background-color: transparent !important;
}
/*----------  separator  ----------*/

.separator {
	width: 100%;
	height: 1px;
	background-color: #EBEBEB;
}
/*----------  home content  ----------*/

.home-content {
	overflow-x: hidden;
}
/*----------  small separator  ----------*/

.small-separator {
	position: relative;
}
.small-separator span {
	position: absolute;
	width: 120px;
	height: 2px;
	background-color: #D8D8D8;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
/*----------  form  ----------*/

.lezada-form form input[type="text"], .lezada-form form input[type="email"], .lezada-form form input[type="password"], .lezada-form form textarea {
	font-size: 14px;
	display: block;
	color: #333;
	width: 100%;
	border: 1px solid #aaa;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background: transparent;
	
	padding: 8px;
}
.lezada-form form input[type="text"]:hover, .lezada-form form input[type="text"]:active, .lezada-form form input[type="text"]:focus, .lezada-form form input[type="email"]:hover, .lezada-form form input[type="email"]:active, .lezada-form form input[type="email"]:focus, .lezada-form form input[type="password"]:hover, .lezada-form form input[type="password"]:active, .lezada-form form input[type="password"]:focus, .lezada-form form textarea:hover, .lezada-form form textarea:active, .lezada-form form textarea:focus {
	border-bottom-color: #aaa;
}
.lezada-form form ::-webkit-input-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #777;
	opacity: 1;
	/* Firefox */
}
.lezada-form form :-ms-input-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #777;
	opacity: 1;
	/* Firefox */
}
.lezada-form form ::-ms-input-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #777;
	opacity: 1;
	/* Firefox */
}
.lezada-form form ::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #777;
	opacity: 1;
	/* Firefox */
}
.lezada-form form :-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #777;
}
.lezada-form form ::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #777;
}
/*----------  container custom style  ----------*/

@media (min-width: 1200px) {
	.container {
		max-width: 1440px;
	}
	.container.wide {
		max-width: 95%;
	}
	.container.full {
		max-width: 100%;
		padding: 0;
	}
}
/*=============================================
=            02. Header            =
=============================================*/

/*
    Site Mobile Navigation
------------------------------------------*/

.site-mobile-navigation {
	width: 100%;
	position: relative;
	z-index: 99;
}
/*Site Mobile Nav*/

.site-mobile-nav {
	margin-right: 0 !important;
	max-width: none;
}
.site-mobile-nav .dl-trigger {
	position: absolute;
	right: -12px;
	top: -25px;
}
.site-mobile-nav .hamburger {
	display: block;
	cursor: pointer;
	-webkit-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
	padding: 0;
	width: auto;
	height: auto;
}
.site-mobile-nav .hamburger.dl-active, .site-mobile-nav .hamburger:hover, .site-mobile-nav .hamburger:focus {
	background-color: transparent;
}
.site-mobile-nav .hamburger::after {
	display: none;
}
.site-mobile-nav .hamburger .hamburger-box {
	width: 50px;
	height: 20px;
	display: none;
	position: relative;
}

/*原本768px*/
@media (max-width: 991px) {
    .site-mobile-nav .hamburger .hamburger-box {
        width: 50px;
        height: 20px;
        display: block;
        position: relative;
    }
}
.site-mobile-nav .hamburger .hamburger-box .hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}
.site-mobile-nav .hamburger .hamburger-box .hamburger-inner, .site-mobile-nav .hamburger .hamburger-box .hamburger-inner::before, .site-mobile-nav .hamburger .hamburger-box .hamburger-inner::after {
	width: 35px;
	height:1px;
	background-color: #232324;
	border-radius: 4px;
	position: absolute;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.site-mobile-nav .hamburger .hamburger-box .hamburger-inner::before, .site-mobile-nav .hamburger .hamburger-box .hamburger-inner::after {
	content: "";
	display: block;
}
.site-mobile-nav .hamburger .hamburger-box .hamburger-inner::before {
	top: -8px;
}
.site-mobile-nav .hamburger .hamburger-box .hamburger-inner::after {
	bottom: -8px;
}
.site-mobile-nav .hamburger--spin .hamburger-inner {
	-webkit-transition-duration: 0.22s;
	-o-transition-duration: 0.22s;
	transition-duration: 0.22s;
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.site-mobile-nav .hamburger--spin .hamburger-inner::before {
	-webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
	-o-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
	transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.site-mobile-nav .hamburger--spin .hamburger-inner::after {
	-webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-o-transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.site-mobile-nav .hamburger--spin.dl-active .hamburger-inner {
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
	-webkit-transition-delay: 0.12s;
	-o-transition-delay: 0.12s;
	transition-delay: 0.12s;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.site-mobile-nav .hamburger--spin.dl-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
	-o-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
	transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.site-mobile-nav .hamburger--spin.dl-active .hamburger-inner::after {
	bottom: 0;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.site-mobile-nav .dl-menu {
	background-color: #ffffff;
	overflow: hidden;
	-webkit-box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.1);
	margin: 40px 0 0 0;
}
.site-mobile-nav .dl-menu li {
	border-bottom: 1px solid #eeeeee;
}
.site-mobile-nav .dl-menu li:last-child {
	border-bottom: none;
}
.site-mobile-nav .dl-menu li>a {
	color: #232324;
	display: block;
	position: relative;
	padding: 10px 25px;
	line-height: 30px;
	font-weight: 400;
}
.site-mobile-nav .dl-menu li>a:not(:only-child)::after {
	font-family: "FontAwesome";
	content: "\f105";
	font-size: 18px;
	color: #232324;
	right: 25px;
}
.site-mobile-nav .dl-menu li:hover>a {
	color: #ffffff;
	background-color: #333333;
}
.site-mobile-nav .dl-menu li:hover>a::after {
	color: #ffffff;
}
.site-mobile-nav .dl-menu li .dl-submenu {
	background-color: transparent !important;
}
.site-mobile-nav .dl-menu li .dl-submenu li.dl-back a {
	background-color: transparent;
	text-align: right;
	color: #232324;
	z-index: 3;
	position: relative;
}
.site-mobile-nav .dl-menu li .dl-submenu li.dl-back a::after {
	font-family: "FontAwesome";
	content: "\f177";
	left: 25px;
	color: #232324;
	z-index: -1;
	position: absolute;
	top: 0;
	line-height: 50px;
	width: auto;
	right: auto;
}
.site-mobile-nav .dl-menu li .dl-submenu li.dl-back:hover a {
	color: #ffffff;
	background-color: #333333;
}
.site-mobile-nav .dl-menu li .dl-submenu li.dl-back:hover a::after {
	color: #ffffff;
}
.site-mobile-nav .dl-submenu {
	background-color: #ffffff !important;
	top: 40px !important;
}


.cart-overlay {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 9998;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.cart-overlay.active-cart-overlay {
	visibility: visible;
	opacity: 1;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.cart-overlay.active-cart-overlay .cart-overlay-content {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
.cart-overlay.active-cart-overlay:after {
	visibility: visible;
	opacity: 0.5;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.cart-overlay:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	content: "";
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.cart-overlay .cart-overlay-content {
	background-color: #ffffff;
	width: 380px;
	height: 100%;
	z-index: 9999;
	padding: 20px;
	position: fixed;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	top: 0;
	right: 0;
	overflow: auto;
}
@media only screen and (max-width: 479px) {
	.cart-overlay .cart-overlay-content {
		width: 300px;
	}
}
.cart-overlay .cart-overlay-content .close-icon {
	position: absolute;
	top: 20px;
	right: 20px;
}
.cart-overlay .cart-overlay-content .close-icon a {
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
.cart-overlay .cart-overlay-content .close-icon a:hover {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.cart-overlay .cart-overlay-content .close-icon a i {
	font-size: 25px;
	color: #333333;
}
.offcanvas-cart-content-container .cart-title {
	font-size: 18px;
	line-height: 28px;
	color: #333333;
	font-weight: 500;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
.offcanvas-cart-content-container .cart-product-wrapper .cart-product-container {
	position: relative;
	max-height:800px;
	overflow: auto;
}
.offcanvas-cart-content-container .cart-product-wrapper .cart-product-container .single-cart-product {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 25px;
	margin: 10px;
}
.offcanvas-cart-content-container .cart-product-wrapper .cart-product-container .single-cart-product .cart-close-icon {
	position: absolute;
	top: 0;
	right: 15px;
	line-height: 8px;
}
.offcanvas-cart-content-container .cart-product-wrapper .cart-product-container .single-cart-product .cart-close-icon a {
	color: #333333;
}
.offcanvas-cart-content-container .cart-product-wrapper .cart-product-container .single-cart-product .cart-close-icon a i {
	font-size: 8px;
}
.offcanvas-cart-content-container .cart-product-wrapper .cart-product-container .single-cart-product .cart-close-icon a:hover {
	color: #ff0000;
}
.offcanvas-cart-content-container .cart-product-wrapper .cart-product-container .single-cart-product:last-child {
	margin-bottom: 0;
}
.offcanvas-cart-content-container .cart-product-wrapper .cart-product-container .single-cart-product .image {
	width: 80px;
	margin-right: 15px;
}
.offcanvas-cart-content-container .cart-product-wrapper .cart-product-container .single-cart-product .content {
	width: calc(100% - 80px);
}
.offcanvas-cart-content-container .cart-product-wrapper .cart-product-container .single-cart-product .content h5 {
	font-size: 15px;
	line-height: 17px;
}
.offcanvas-cart-content-container .cart-product-wrapper .cart-product-container .single-cart-product .content h5 a {
	color: #333333;
	width: 80%;
}
.offcanvas-cart-content-container .cart-product-wrapper .cart-product-container .single-cart-product .content p .cart-count {
	font-size: 12px;
	line-height: 22px;
	color: #7e7e7e;
}
.offcanvas-cart-content-container .cart-product-wrapper .cart-product-container .single-cart-product .content p .main-price {
	font-size: 14px;
	line-height: 22px;
	font-weight: 600;
	color: #333333;
}
.offcanvas-cart-content-container .cart-product-wrapper .cart-product-container .single-cart-product .content p .main-price.discounted {
	font-size: 12px;
	line-height: 22px;
	color: #7e7e7e;
	text-decoration: line-through;
}
.offcanvas-cart-content-container .cart-product-wrapper .cart-product-container .single-cart-product .content p .discounted-price {
	font-size: 14px;
	line-height: 22px;
	font-weight: 600;
	color: #333333;
}
.offcanvas-cart-content-container .cart-product-wrapper .cart-subtotal {
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 25px;
	font-size: 16px;
	font-weight: 600;
	line-height: 25px;
	color: #333333;
}
.offcanvas-cart-content-container .cart-product-wrapper .cart-subtotal .subtotal-amount {
	float: right;
	overflow: hidden;
}
.offcanvas-cart-content-container .cart-product-wrapper .free-shipping-text {
	margin-top: 25px;
}
.offcanvas-cart-content-container .cart-product-wrapper .cart-buttons {
	margin-top: 30px;
}
.offcanvas-cart-content-container .cart-product-wrapper .cart-buttons a {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	color: #ffffff;
	border-radius: 0;
	border: 1px solid #333333;
	background-color: #333333;
	display: block;
	text-align: center;
	padding: 5px 10px;
	margin-bottom: 15px;
}
.offcanvas-cart-content-container .cart-product-wrapper .cart-buttons a:last-child {
	margin-bottom: 0;
}
.offcanvas-cart-content-container .cart-product-wrapper .cart-buttons a:hover {
	background-color: #d3122a;
	border-color: #d3122a;
}
/*----------  search overlay  ----------*/

.search-overlay {
	position: fixed;
    top: 20%;
    right: 0;
    width: 100%;
    height: 10vh;
	background-color: #ffffff;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	z-index: 999999;
}
.search-overlay.active-search-overlay {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	box-shadow: 0px 0px 10px 0px #ccc;
	
   
}
.search-overlay .search-close-icon {
	position: absolute;
	top: 10px;
	right: 30px;
}
.search-overlay .search-close-icon a {
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
.search-overlay .search-close-icon a i {
	font-size: 20px;
	color: #000000;
	font-weight:bold;
}
@media only screen and (max-width: 767px) {
	.search-overlay .search-close-icon a i {
		font-size: 25px;
	}
}
.search-overlay .search-close-icon a:hover {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.search-overlay .search-overlay-content {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.search-overlay .search-overlay-content .input-box {
	margin-bottom: 0px;
}
.search-overlay .search-overlay-content .input-box form input {
	background: none;
	border: none;
	border-bottom: 0.3px solid #222222;
	font-size: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.search-overlay .search-overlay-content .input-box form input {
		font-size:24px;
	}
}
@media only screen and (max-width: 767px) {
	.search-overlay .search-overlay-content .input-box form input {
		font-size: 24px;
	}
}
@media only screen and (max-width: 575px) {
	.search-overlay .search-overlay-content .input-box form input {
		font-size: 24px;
	}
}
@media only screen and (max-width: 479px) {
	.search-overlay .search-overlay-content .input-box form input {
		font-size: 16px;
	}
}
.search-overlay .search-overlay-content .input-box form ::-webkit-input-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #dcdcdc;
	opacity: 1;
	/* Firefox */
}
.search-overlay .search-overlay-content .input-box form :-ms-input-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #dcdcdc;
	opacity: 1;
	/* Firefox */
}
.search-overlay .search-overlay-content .input-box form ::-ms-input-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #dcdcdc;
	opacity: 1;
	/* Firefox */
}
.search-overlay .search-overlay-content .input-box form ::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #dcdcdc;
	opacity: 1;
	/* Firefox */
}
.search-overlay .search-overlay-content .input-box form :-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #dcdcdc;
}
.search-overlay .search-overlay-content .input-box form ::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #dcdcdc;
}
.search-overlay .search-overlay-content .search-hint span {
	font-size: 13px;
	line-height: 21px;
	color: #999999;
	font-weight: 500;
}
/*----------  navigation overlay  ----------*/

.overlay-navigation-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: table;
	/*----------  close icon  ----------*/
	/*----------  overlay menu container style  ----------*/
}
.overlay-navigation-menu:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	content: "";
	z-index: -1;
	opacity: 0.9;
}
.overlay-navigation-menu .overlay-menu-close-icon {
	display: inline-block;
	position: absolute;
	top: 30px;
	right: 30px;
}
.overlay-navigation-menu .overlay-menu-close-icon a {
	color: #333333;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.overlay-navigation-menu .overlay-menu-close-icon a:hover {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.overlay-navigation-menu .overlay-menu-close-icon a i {
	font-size: 25px;
}
.overlay-navigation-menu .overlay-navigation-menu-container {
	text-align: center;
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: auto;
}
.overlay-navigation-menu .overlay-navigation-menu-container nav {
	margin: auto;
}
.overlay-navigation-menu .overlay-navigation-menu-container nav ul li {
	margin-bottom: 20px;
}
.overlay-navigation-menu .overlay-navigation-menu-container nav ul li:last-of-type {
	margin-bottom: 0;
}
.overlay-navigation-menu .overlay-navigation-menu-container nav ul li a {
	font-size: 32px;
	line-height: 57px;
	color: #333333;
	position: relative;
}
.overlay-navigation-menu .overlay-navigation-menu-container nav ul li a:after {
	position: absolute;
	bottom: 0;
	left: auto;
	right: 0;
	width: 0;
	height: 2px;
	content: "";
	background-color: #333;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.overlay-navigation-menu .overlay-navigation-menu-container nav ul li a:hover:after {
	left: 0;
	right: auto;
	width: 100%;
}
.overlay-navigation-menu .overlay-navigation-menu-container nav ul li.has-children ul li {
	margin-bottom: 0;
}
.overlay-navigation-menu .overlay-navigation-menu-container nav ul li.has-children ul li a {
	font-size: 20px;
	line-height: 40px;
}
/*----------  header bottom   ----------*/

.header-bottom-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.header-bottom-container .logo-with-offcanvas {
	-ms-flex-preferred-size: 20%;
	flex-basis: 20%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header-bottom-container .logo-with-offcanvas {
		-ms-flex-preferred-size: 40%;
		flex-basis: 40%;
	}
}
@media only screen and (max-width: 767px) {
	.header-bottom-container .logo-with-offcanvas {
		-ms-flex-preferred-size: 60%;
		flex-basis: 60%;
	}
}
.header-bottom-container .header-bottom-navigation {
	-ms-flex-preferred-size: 60%;
	flex-basis: 60%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header-bottom-container .header-bottom-navigation {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
	}
}
@media only screen and (max-width: 767px) {
	.header-bottom-container .header-bottom-navigation {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
	}
}
.header-bottom-container .header-right-container {
	-ms-flex-preferred-size: 20%;
	flex-basis: 20%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header-bottom-container .header-right-container {
		-ms-flex-preferred-size: 60%;
		flex-basis: 60%;
	}
}
@media only screen and (max-width: 767px) {
	.header-bottom-container .header-right-container {
		-ms-flex-preferred-size: 40%;
		flex-basis: 40%;
	}
}
/*----------  sticky header style  ----------*/

.header-sticky.is-sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	-webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	z-index: 999;
	background-color: #ffffff;
}
/*----------  header bottom horizontal navigation menu  ----------*/

nav.center-menu>ul {
	text-align: center;
}
nav.center-menu>ul>li.menu-item-has-children ul.mega-menu {
	right: 50%;
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%);
}
nav.site-nav>ul>li {
	display: inline-block;
	position: static;
	margin: 0 25px;
	text-align: left;
	line-height: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	nav.site-nav>ul>li {
		margin: 0 20px;
	}
}
nav.site-nav>ul>li:hover>a {
	color: #333;
}
nav.site-nav>ul>li:hover>a:after,nav.site-nav>ul>li.active>a:after {
	width: 100%;
	right: auto;
	left: 0;
}
nav.site-nav>ul>li.menu-item-has-children:hover .sub-menu {
	visibility: visible;
	opacity: 1;
	margin-top: 0;
}
nav.site-nav>ul>li.menu-item-has-children>a {
	position: relative;
}
nav.site-nav>ul>li.menu-item-has-children>a:before {
   /* position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -21px;
    content: "\f107";
    font-family: fontAwesome;
    color: #555555;
    font-size: 20px;*/
}
nav.site-nav>ul>li>a {
	color: #000000;
	font-weight: 500;
	letter-spacing: 1.5px;
}

nav.site-nav>ul>li>a:hover ,nav.site-nav>ul>li.active>a{
	color: #CA2017;
	font-weight: 500;
	letter-spacing: 1.5px;
}
nav.site-nav>ul>li>a:after {
	position: absolute;
	bottom: 20px;
	left: auto;
	right: 0;
	width: 0;
	height: 1px;
	content: "";
	background-color: #CA2017;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
nav.site-nav>ul>li ul.sub-menu {
	position: absolute;
	-webkit-box-shadow: -2px 2px 81px -27px rgba(0, 0, 0, 0.3);
	box-shadow: -2px 2px 81px -27px rgba(0, 0, 0, 0.3);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	margin-top: 45px;
	background-color: #F7F7F7;
	z-index: 9999;
	
}
nav.site-nav>ul>li ul.sub-menu li {
	line-height: 1;
}
nav.site-nav>ul>li ul.single-column-menu {
	padding: 30px;
	min-width: 280px;
	max-width: 350px;
}
nav.site-nav>ul>li ul.single-column-menu.single-column-has-children>li {
	position: relative;
}
    nav.site-nav > ul > li ul.single-column-menu.single-column-has-children > li.menu-item-has-children:after {
        position: absolute;
        right: 0;
        content: "\f105";
        font-family: fontAwesome;
    }
nav.site-nav>ul>li ul.single-column-menu.single-column-has-children>li:hover .multilevel-submenu {
	visibility: visible;
	opacity: 1;
	margin-top: 0;
}
nav.site-nav>ul>li ul.single-column-menu.single-column-has-children>li .multilevel-submenu {
	position: absolute;
	top: 0;
	left: 110%;
	min-width: 280px;
	background-color: #F7F7F7;
	-webkit-box-shadow: -2px 2px 81px -27px rgba(0, 0, 0, 0.3);
	box-shadow: -2px 2px 81px -27px rgba(0, 0, 0, 0.3);
	padding: 30px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	margin-top: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	nav.site-nav>ul>li ul.single-column-menu.single-column-has-children>li .multilevel-submenu {
		left: -140%;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	nav.site-nav>ul>li ul.single-column-menu.single-column-has-children>li .multilevel-submenu {
		left: -140%;
	}
}
nav.site-nav>ul>li ul.single-column-menu.single-column-has-children>li .multilevel-submenu li {
	display: block;
}
nav.site-nav>ul>li ul.single-column-menu.single-column-has-children>li .multilevel-submenu li a {
	margin-bottom: 15px;
}
nav.site-nav>ul>li ul.single-column-menu.single-column-has-children>li .multilevel-submenu li:last-child a {
	margin-bottom: 0;
}
nav.site-nav>ul>li ul.single-column-menu li a {
	position: relative;
	margin-bottom: 15px;
	font-size: 15px;
	line-height: 22px;
	color: #7e7e7e;
	    letter-spacing: 1px;
}
nav.site-nav>ul>li ul.single-column-menu li a:hover {
	color: #CA2017;
	text-decoration:underline;
	padding-left: 5px;
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
nav.site-nav>ul>li ul.single-column-menu li a:hover:after {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 0px;
	background-color: #e7e7e7;
	content: "";
	transition: 0.3s;
}
nav.site-nav>ul>li ul.single-column-menu li:last-child a {
	margin-bottom: 0;
}
nav.site-nav>ul>li ul.mega-menu {
	padding: 30px 60px;
	overflow: hidden;
	z-index: 9999;
}
nav.site-nav>ul>li ul.mega-menu>li {
	display: inline-block;
	border-right: 1px solid #e7e7e7;
}
nav.site-nav>ul>li ul.mega-menu>li ul li {
	display: block;
}
nav.site-nav>ul>li ul.mega-menu-column-4 {
	max-width: 1100px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	right: 400px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	nav.site-nav>ul>li ul.mega-menu-column-4 {
		max-width: 850px;
	}
}
nav.site-nav>ul>li ul.mega-menu-column-4>li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	padding-left: 30px;
}
nav.site-nav>ul>li ul.mega-menu-column-4>li:first-child {
	padding-left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	nav.site-nav>ul>li ul.mega-menu-column-4>li:nth-of-type(3) {
		border-right: none;
	}
}
nav.site-nav>ul>li ul.mega-menu-column-4>li:last-child {
	border-right: none;
}
nav.site-nav>ul>li ul.mega-menu-column-4>li:last-child .menu-image {
	position: absolute;
	padding-right: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	nav.site-nav>ul>li ul.mega-menu-column-4>li:last-child {
		display: none;
		padding-left: 0;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	nav.site-nav>ul>li ul.mega-menu-column-4>li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
	}
}
nav.site-nav>ul>li ul.mega-menu-column-4>li a.mega-column-title {
	font-size: 15px;
	line-height: 18px;
	font-weight: 500;
	margin-bottom: 20px;
	color: #333333;
}
nav.site-nav>ul>li ul.mega-menu-column-4>li a.mega-column-title:after {
	display: none;
}
nav.site-nav>ul>li ul.mega-menu-column-4>li .mega-sub-menu li a {
	position: relative;
	margin-bottom: 15px;
	font-size: 15px;
	line-height: 22px;
	color: #7e7e7e;
}
nav.site-nav>ul>li ul.mega-menu-column-4>li .mega-sub-menu li a:hover {
	color: #333333;
}
nav.site-nav>ul>li ul.mega-menu-column-4>li .mega-sub-menu li a:hover:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #e7e7e7;
	content: "";
}
nav.site-nav>ul>li ul.mega-menu-column-4>li .mega-sub-menu li:last-child a {
	margin-bottom: 0;
}
nav.site-nav>ul>li ul.mega-menu-column-5 {
	max-width: 1170px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	right: 450px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	nav.site-nav>ul>li ul.mega-menu-column-5 {
		max-width: 950px;
	}
}
nav.site-nav>ul>li ul.mega-menu-column-5>li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	padding: 0 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	nav.site-nav>ul>li ul.mega-menu-column-5>li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
	}
}
nav.site-nav>ul>li ul.mega-menu-column-5>li:first-child {
	padding-left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	nav.site-nav>ul>li ul.mega-menu-column-5>li:nth-of-type(4) {
		border-right: none;
	}
}
nav.site-nav>ul>li ul.mega-menu-column-5>li:last-child {
	border-right: none;
	padding-right: 0;
}
nav.site-nav>ul>li ul.mega-menu-column-5>li:last-child .menu-image {
	position: absolute;
	padding-right: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	nav.site-nav>ul>li ul.mega-menu-column-5>li:last-child {
		margin-left: 0;
		display: none;
	}
}
nav.site-nav>ul>li ul.mega-menu-column-5>li a.mega-column-title {
	font-size: 15px;
	line-height: 18px;
	font-weight: 500;
	margin-bottom: 20px;
	color: #333333;
}
nav.site-nav>ul>li ul.mega-menu-column-5>li a.mega-column-title:after {
	display: none;
}
nav.site-nav>ul>li ul.mega-menu-column-5>li>.mega-sub-menu li {
	position: relative;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
nav.site-nav>ul>li ul.mega-menu-column-5>li>.mega-sub-menu li img {
	position: absolute;
	bottom: -20px;
	left: 50%;
	width: 250px;
	height: auto;
	border-radius: 5px;
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
	opacity: 0;
	visibility: hidden;
	z-index: 99;
}
nav.site-nav>ul>li ul.mega-menu-column-5>li>.mega-sub-menu li:hover img {
	visibility: visible;
	opacity: 1;
	bottom: -10px;
}
nav.site-nav>ul>li ul.mega-menu-column-5>li .mega-sub-menu li a {
	position: relative;
	margin-bottom: 15px;
	font-size: 15px;
	line-height: 22px;
	color: #7e7e7e;
}
nav.site-nav>ul>li ul.mega-menu-column-5>li .mega-sub-menu li a:hover {
	color: #333333;
}
nav.site-nav>ul>li ul.mega-menu-column-5>li .mega-sub-menu li a:hover:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #e7e7e7;
	content: "";
}
nav.site-nav>ul>li ul.mega-menu-column-5>li .mega-sub-menu li a:before {
	position: absolute;
	top: 0;
	right: 0;
	width: 250px;
	height: auto;
	border-radius: 5px;
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
	opacity: 1;
	visibility: visible;
	z-index: 99;
	content: "";
	background-image: 'attr(data-homeimage)';
}
nav.site-nav>ul>li ul.mega-menu-column-5>li .mega-sub-menu li:last-child a {
	margin-bottom: 0;
}
/*----------  header right icons  ----------*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header-right-icons {
		margin-right: 55px;
	}
}
@media only screen and (max-width: 767px) {
	.header-right-icons {
		margin-right: 45px;
	}
}
.header-right-icons .single-icon {
	margin-left: 30px;
}
@media only screen and (max-width: 479px) {
	.header-right-icons .single-icon {
		margin-left: 20px;
	}
}
@media only screen and (max-width: 479px) {
	.header-right-icons .single-icon.wishlist {
		display: none;
	}
}
@media only screen and (max-width: 479px) {
	.header-right-icons .single-icon.user-login {
		/*display: none;*/
	}
}
.header-right-icons .single-icon a {
	position: relative;
}

.header-right-icons .single-icon a i {
	font-size: 16px;
	color: #333;
}
.header-right-icons .single-icon a span.count {
	position: absolute;
	top: -5px;
	right: -10px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	background-color: #D3122A;
	color: #ffffff;
	text-align: center;
	font-size: 14px;
	border-radius: 50%;
	font-weight: 500;
}
/* overlay close */

.overlay-close, .wishlist-overlay-close, .cart-overlay-close {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
}
/*----------  header split  ----------*/

/*----------  header offcanvas about     ----------*/

.header-offcanvas-about {
	border-bottom: 1px solid #efefef;
	position: relative;
}
.header-offcanvas-about:before {
	position: absolute;
	top: -3px;
	left: 0;
	width: 100%;
	height: 3px;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	content: "";
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header-offcanvas-about::before {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.header-offcanvas-about::before {
		display: none;
	}
}
.header-offcanvas-about.is-sticky::before {
	display: none;
}
/* icon  about off canvas*/

.offcanvas-about-icon a {
	color: #333;
	display: inline-block;
}
.offcanvas-about-icon a i {
	font-size: 30px;
}
/*----------  header wide topbar  ----------*/

/*----------  header top  ----------*/

.change-dropdown {
	position: relative;
	margin-right: 15px;
}
.change-dropdown>a {
	font-size: 14px;
	color: #7e7e7e;
	position: relative;
}
.change-dropdown>a:hover {
	color: #333333;
}
.change-dropdown>a:before {
	position: absolute;
	top: 0;
	right: -15px;
	content: "\f107";
	font-family: fontAwesome;
}
.change-dropdown:hover ul {
	visibility: visible;
	opacity: 1;
	margin-top: 0;
}
.change-dropdown ul {
	position: absolute;
	top: 120%;
	background-color: #ffffff;
	-webkit-box-shadow: -1px 10px 80px -15px rgba(0, 0, 0, 0.3);
	box-shadow: -1px 10px 80px -15px rgba(0, 0, 0, 0.3);
	min-width: 150px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	margin-top: 10px;
	z-index: 999;
}
.change-dropdown ul li a {
	font-size: 14px;
	display: block;
	padding: 8px 15px;
	color: #7e7e7e;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.change-dropdown ul li a:hover {
	color: #CA2017;
	padding-left: 20px;
}
/*----------  header box topbar  ----------*/

.header-box-topbar:before {
	position: absolute;
	top: -3px;
	left: 0;
	width: 100%;
	height: 3px;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	content: "";
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header-box-topbar::before {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.header-box-topbar::before {
		display: none;
	}
}
.header-box-topbar.is-sticky::before {
	display: none;
}
.header-box-topbar.is-sticky .header-bottom {
	padding-top: 0 !important;
}
.header-box-topbar.is-sticky .header-bottom-container .language-currency-change-container {
	/*display: none;*/
}
/*
.header-box-topbar.is-sticky .header-bottom-container .logo-with-offcanvas {
	-ms-flex-preferred-size: 20%;
	flex-basis: 20%;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	text-align: left;
}
*/
.header-box-topbar.is-sticky .header-bottom-container .header-bottom-navigation {
	/*-ms-flex-preferred-size: 60%;
	flex-basis: 60%;*/
	margin-top: 0;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}
/*
.header-box-topbar.is-sticky .header-bottom-container .header-right-container {
	-ms-flex-preferred-size: 20%;
	flex-basis: 20%;
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
}
*/
.header-box-topbar .header-bottom-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.header-box-topbar .header-bottom-container .language-currency-change-container {
	-ms-flex-preferred-size: 30%;
	flex-basis: 30%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header-box-topbar .header-bottom-container .language-currency-change-container {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.header-box-topbar .header-bottom-container .language-currency-change-container {
		display: none;
	}
}
.header-box-topbar .header-bottom-container .language-currency-change-container .header-separator {
	margin: 0 20px;
}
.header-box-topbar .header-bottom-container .logo-with-offcanvas {
	-ms-flex-preferred-size: 40%;
	flex-basis: 40%;
	text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header-box-topbar .header-bottom-container .logo-with-offcanvas {
		text-align: left;
	}
}
@media (max-width: 768px) {
.header-box-topbar .header-bottom-container .logo-with-offcanvas {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	text-align: center;
}

}
@media only screen and (max-width: 767px) {
	.header-box-topbar .header-bottom-container .logo-with-offcanvas {
		text-align: left;
	}
}
.header-box-topbar .header-bottom-container .header-right-container {
	-ms-flex-preferred-size: 30%;
	flex-basis: 30%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header-box-topbar .header-bottom-container .header-right-container {
		-ms-flex-preferred-size: 60%;
		flex-basis: 60%;
	}
}
@media only screen and (max-width: 767px) {
	.header-box-topbar .header-bottom-container .header-right-container {
		-ms-flex-preferred-size: 92%;
		flex-basis: 92%;
	}
}
.header-box-topbar .header-bottom-container .header-bottom-navigation {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	margin-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header-box-topbar .header-bottom-container .header-bottom-navigation {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.header-box-topbar .header-bottom-container .header-bottom-navigation {
		display: none;
	}
}
/*----------  header without topbar  ----------*/

/*----------  header transparent background  ----------*/

/*----------  header overlay menu  ----------*/

/*----------  header overlay menu  ----------*/



/*----------  non transparent overlay menu  ----------*/

/*----------  header vertical  ----------*/


.header-bottom-container.vertical-header-bottom .logo-with-offcanvas {
	-ms-flex-preferred-size: 40%;
	flex-basis: 40%;
}
.header-bottom-container.vertical-header-bottom .header-bottom-navigation {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
}
.header-bottom-container.vertical-header-bottom .header-right-container {
	-ms-flex-preferred-size: 60%;
	flex-basis: 60%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header-bottom-container.vertical-header-bottom .header-right-container .header-right-icons {
		margin-right: 55px;
	}
}
.header-bottom-container .header-right-icons.vertical-dark-menu-bottom {
	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;
}
.header-bottom-container .header-right-icons.vertical-dark-menu-bottom p.copyright-text {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	margin-bottom: 40px;
	white-space: nowrap;
	color: #ababab;
	font-size: 15px;
}
.header-bottom-container .header-right-icons.vertical-dark-menu-bottom .single-icon {
	margin-top: 40px;
	margin-left: 0;
}
.header-bottom-container .header-right-icons.vertical-dark-menu-bottom .single-icon a i {
	color: #fff;
}
.header-bottom-container .header-right-icons.vertical-dark-menu-bottom .single-icon a span {
	border: 1px solid #ffffff;
	width: 20px;
	height: 20px;
	right: -15px;
}


/*=============================================
=            03. Breadcrumb            =
=============================================*/



/*=============================================
=            04. Section title            =
=============================================*/

/*----------  default style  ----------*/

.section-title {
	margin-bottom: -5px;
}
.section-title h1 {
	font-size: 48px;
	line-height: 64px;
	margin-top: -13px;
	margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-title h1 {
		font-size: 40px;
		line-height: 56px;
	}
}
@media only screen and (max-width: 767px) {
	.section-title h1 {
		font-size: 36px;
		line-height: 52px;
	}
}
@media only screen and (max-width: 575px) {
	.section-title h1 {
		font-size: 32px;
		line-height: 48px;
	}
}
@media only screen and (max-width: 479px) {
	.section-title h1 {
		font-size: 25px;
		line-height: 41px;
	}
}
.section-title h1 a {
	color: #333;
	display: inline-block;
}
.section-title h1 a:hover {
	opacity: 0.85;
}
.section-title p {
	line-height: 26px;
}
.section-title p.subtitle--deep {
	font-size: 14px;
	color: #333;
	font-weight: 500;
	margin-bottom: 35px;
	line-height: 24px;
	letter-spacing: 1px;
	margin-top: -5px;
}
.section-title p.subtitle--trending-home {
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
	.section-title p.subtitle--trending-home {
		font-size: 16px;
		line-height: 26px;
	}
}
@media only screen and (max-width: 575px) {
	.section-title p.subtitle--trending-home {
		font-size: 14px;
		line-height: 24px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.section-title--concepthome h1 {
		font-size: 40px;
	}
}
@media only screen and (max-width: 479px) {
	.section-title--concepthome h1 {
		font-size: 40px;
	}
}
.section-title__label p {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
	font-weight: 600;
	color: #333333;
	margin-bottom: 0;
}
.section-title__label p span:before {
	display: inline-block;
	content: '';
	width: 50px;
	height: 1px;
	background-color: #cccccc;
	margin: 0 15px 5px 15px;
}
.section-title__label--left {
	position: absolute;
	-webkit-transform: rotate(90deg) translate(30%, 300%);
	-ms-transform: rotate(90deg) translate(30%, 300%);
	transform: rotate(90deg) translate(30%, 300%);
}
.section-title__label--right {
	position: absolute;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	right: -15px;
}
.section-title__label-style2 p {
	font-weight: 500;
}
.section-title__label-style2--left {
	position: absolute;
	top: 250px;
}
.section-title__label-style2--right {
	position: absolute;
	top: 250px;
}
.section-title__label-style3 p {
	font-weight: 500;
}
.section-title__label-style3--left {
	position: static;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.section-title__label-style3--right {
	position: static;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.section-title--one--collectionhome {
	font-size: 18px;
	line-height: 28px;
	color: #333;
}
.section-title--login h2 {
	font-size: 34px;
	line-height: 48px;
	color: #333;
}
.section-title--login p {
	font-size: 16px;
	line-height: 28px;
}
/*----------  slider title  ----------*/


/*----------  section label  ----------*/


/*=====  End of 04. Section title  ======*/

/*=============================================
=            05. Category            =
=============================================*/

/*----------  default style  ----------*/

.single-category {
	position: relative;
	overflow: hidden;
	/*----------  category style two  ----------*/
	/*----------  category style three  ----------*/
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.single-category {
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 767px) {
	.single-category {
		margin-bottom: 10px;
	}
}
.single-category--concept-home .single-category__content .title p {
	font-size: 34px;
	line-height: 44px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single-category--concept-home .single-category__content .title p {
		font-size: 28px;
		line-height: 38px;
	}
}
.single-category--concept-home .single-category__content--textbanner {
	border: none;
}
.single-category--concept-home .single-category__content--textbanner:hover {
	border: none;
}
.single-category--concept-home .single-category__content--textbanner p span {
	color: #fff;
}
.single-category--concept-home--custom-width1 {
	max-width: 370px;
	margin: 0 auto;
}
.single-category--cosmetics-home .single-category__content .title p {
	font-size: 24px;
	line-height: 34px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single-category--cosmetics-home .single-category__content .title p {
		font-size: 28px;
		line-height: 38px;
	}
}
.single-category--cosmetics-home .single-category__content--textbanner {
	border: none;
}
.single-category--cosmetics-home .single-category__content--textbanner:hover {
	border: none;
}
.single-category--cosmetics-home .single-category__content--textbanner p span {
	color: #fff;
}
.single-category--cosmetics-home--custom-width1 {
	max-width: 370px;
	margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.single-category--two {
		margin-bottom: 0;
	}
}
@media only screen and (max-width: 767px) {
	.single-category--two {
		margin-bottom: 0;
	}
}
.single-category--three {
	position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.single-category--three {
		margin-bottom: 0;
	}
}
@media only screen and (max-width: 767px) {
	.single-category--three {
		margin-bottom: 0;
	}
}
.single-category__image {
	overflow: hidden;
	position: relative;
}
.single-category__image img {
	width: 100%;
	-webkit-transition: 0.8s;
	-o-transition: 0.8s;
	transition: 0.8s;
}
.single-category__image:after {
	display: block;
	position: absolute;
	content: '';
	top: 20px;
	left: 20px;
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	background-color: transparent;
	border: 1px solid #ffffff;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
.single-category__image--two:after {
	display: none;
}
.single-category__image--three--creativehome:after {
	display: none;
}
.single-category__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	z-index: 5;
	position: relative;
	/*----------  category two content style  ----------*/
	/*----------  category three content style  ----------*/
	/*----------  simple text banner  ----------*/
}
.single-category__content .title {
	width: 70%;
	position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	.single-category__content .title {
		width: 70%;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single-category__content .title {
		width: 70%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.single-category__content .title {
		width: 70%;
	}
}
@media only screen and (max-width: 767px) {
	.single-category__content .title {
		width: 70%;
	}
}
.single-category__content .title p {
	font-size: 18px;
	line-height: 36px;
	font-weight: 400;
	margin: 0;
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	margin-bottom: 0;
	color: #333;
	-webkit-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;
}
.single-category__content .title a {
	display: inline-block;
	font-size: 20px;
	line-height: 36px;
	color: #d3122a;
	-webkit-transform: translateY(60%);
	-ms-transform: translateY(60%);
	transform: translateY(60%);
	visibility: hidden;
	opacity: 0;
	-webkit-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;
	position: absolute;
	top: 0;
	left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	.single-category__content .title a {
		font-size: 18px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single-category__content .title a {
		font-size: 18px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.single-category__content .title a {
		font-size: 18px;
	}
}
@media only screen and (max-width: 767px) {
	.single-category__content .title a {
		font-size: 18px;
	}
}
.single-category__content .product-count {
	width: 30%;
	font-size: 14px;
	line-height: 36px;
	font-weight: 500;
	letter-spacing: 1px;
	text-align: right;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	.single-category__content .product-count {
		width: 30%;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single-category__content .product-count {
		width: 30%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.single-category__content .product-count {
		width: 30%;
	}
}
@media only screen and (max-width: 767px) {
	.single-category__content .product-count {
		width: 30%;
	}
}
.single-category__content .product-count:before {
	display: inline-block;
	vertical-align: middle;
	content: '';
	width: 50px;
	height: 0px;
	margin-right: 10px;
	background-color: #cccccc;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	.single-category__content .product-count:before {
		width: 30px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single-category__content .product-count:before {
		width: 10px;
	}
}
@media only screen and (max-width: 479px) {
	.single-category__content .product-count:before {
		width: 10px;
	}
}
.single-category__content--two .title p {
	display: none;
}
.single-category__content--two .title a {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	color: #333;
	font-weight: 500;
}
.single-category__content--three {
	position: absolute;
	bottom: 50px;
	left: 50px;
	width: calc(100% - 100px);
	/*----------  creative home style  ----------*/
	/*----------  banner category  ----------*/
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single-category__content--three {
		bottom: 25px;
	}
}
@media only screen and (max-width: 767px) {
	.single-category__content--three {
		bottom: 25px;
	}
}
.single-category__content--three .title {
	width: 100%;
}
.single-category__content--three .title p {
	color: #333333;
	font-size: 34px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single-category__content--three .title p {
		font-size: 24px;
	}
}
@media only screen and (max-width: 767px) {
	.single-category__content--three .title p {
		font-size: 24px;
	}
}
.single-category__content--three--creativehome {
	bottom: 30px;
	left: 40px;
	width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	.single-category__content--three--creativehome {
		bottom: 0;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single-category__content--three--creativehome {
		bottom: 0;
		left: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.single-category__content--three--creativehome {
		bottom: 0;
		left: 20px;
	}
}
.single-category__content--three--creativehome .title p>a {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	font-weight: 500;
	font-style: normal;
	font-size: 34px;
	line-height: 48px;
	color: #333333;
	text-transform: capitalize;
}
.single-category__content--three--creativehome .title p>a:hover {
	color: #333;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	.single-category__content--three--creativehome .title p>a {
		font-size: 25px;
		line-height: 35px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single-category__content--three--creativehome .title p>a {
		font-size: 25px;
		line-height: 35px;
	}
}
@media only screen and (max-width: 767px) {
	.single-category__content--three--creativehome .title p>a {
		font-size: 25px;
		line-height: 35px;
	}
}
.single-category__content--three--creativehome .title a {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	position: static;
	visibility: visible;
	opacity: 1;
	font-size: 14px;
	color: #333;
	text-transform: uppercase;
	font-weight: 500;
}
.single-category__content--three--creativehome .title a:hover {
	color: #d3122a;
}
.single-category__content--three--banner {
	width: 50%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single-category__content--three--banner {
		width: 80%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.single-category__content--three--banner {
		width: 80%;
		bottom: 0;
	}
}
@media only screen and (max-width: 767px) {
	.single-category__content--three--banner {
		bottom: 20px;
	}
}
@media only screen and (max-width: 479px) {
	.single-category__content--three--banner {
		width: 100%;
		bottom: 5px;
	}
}
.single-category__content--three--banner .title p {
	margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single-category__content--three--banner .title p {
		font-size: 28px;
		line-height: 38px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.single-category__content--three--banner .title p {
		margin-bottom: 5px;
	}
}
.single-category__content--three--banner .title p a {
	font-weight: 400;
	
}

.single-category__content--three--banner .title p a:hover {
	font-weight: 400;
	margin-left:30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.single-category__content--three--banner .title p a {
		font-size: 15px;
		line-height: 25px;
	}
}
.single-category__content--three--banner .title p a span {
	display: block;
}
.single-category__content--three--banner .title>a {
	border-bottom: 1px solid #333;
	line-height: 22px;
}






@media only screen and (min-width: 768px) and (max-width: 991px) {
	.single-category__content--three--banner .title>a {
		font-size: 12px;
		line-height: 22px;
	}
}
.single-category__content--three--banner .title>a:hover {
	border-color: #d3122a;
}
.single-category__content--textbanner {
	padding: 40px;
	border: 1px solid #d8d8d8;
	min-height: 520px;
	display: block;
	position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	.single-category__content--textbanner {
		min-height: 400px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single-category__content--textbanner {
		min-height: 350px;
	}
}
.single-category__content--textbanner a {
	font-size: 24px;
	line-height: 36px;
	font-weight: 400;
	color: #333;
	position: absolute;
	top: 30px;
	right: 40px;
	z-index: 5px;
}
.single-category__content--textbanner a:hover {
	color: #d3122a;
}
.single-category__content--textbanner p {
	position: absolute;
	bottom: 30px;
}
.single-category__content--textbanner p span {
	display: block;
	font-size: 56px;
	line-height: 66px;
	color: #333;
	font-weight: 300;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	.single-category__content--textbanner p span {
		font-size: 42px;
		line-height: 52px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single-category__content--textbanner p span {
		font-size: 35px;
		line-height: 45px;
	}
}
.single-category__content--textbanner:hover {
	border: 1px solid #dddddd;
}
.single-category:hover .single-category__image img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.single-category:hover .single-category__image:after {
	visibility: visible;
	opacity: 1;
}
.single-category:hover .single-category__content .title p {
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateY(-60%);
	-ms-transform: translateY(-60%);
	transform: translateY(-60%);
}
.single-category:hover .single-category__content .title a {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
.single-category:hover .single-category__content.single-category__content--three--creativehome .title p {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
.single-category:hover .single-category__content.single-category__content--three--creativehome .title a {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
.single-category .banner-link {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	margin: auto;
}
/*----------  category wrapper  ----------*/

.product-category-container--collectionhome-wrapper {
	margin-bottom: -60px;
}

/*----------  accessories single category  ----------*/

/*=====  End of 05. Category  ======*/

/*=============================================
=            06. Slider            =
=============================================*/

/*----------  default settings  ----------*/

.slick-slide>div>div {
	vertical-align: middle;
}
/*----------  product category slider  ----------*/

.product-category-slider:hover .slick-arrow {
	visibility: visible;
	opacity: 1;
}
.product-category-slider .slick-list {
	margin-right: -25px;
	margin-left: -25px;
}
@media only screen and (max-width: 767px) {
	.product-category-slider .slick-list {
		margin-right: -15px;
		margin-left: -15px;
	}
}
.product-category-slider .col {
	padding: 0 25px;
}
@media only screen and (max-width: 767px) {
	.product-category-slider .col {
		padding: 0 15px;
	}
}
.product-category-slider .slick-arrow {
	background: none;
	border: none;
	font-size: 40px;
	color: #333;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 3;
	visibility: hidden;
	opacity: 0;
}
.product-category-slider .slick-arrow.slick-next {
	right: -50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	.product-category-slider .slick-arrow.slick-next {
		right: -40px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.product-category-slider .slick-arrow.slick-next {
		right: -30px;
	}
}
.product-category-slider .slick-arrow.slick-prev {
	left: -50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	.product-category-slider .slick-arrow.slick-prev {
		left: -40px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.product-category-slider .slick-arrow.slick-prev {
		left: -30px;
	}
}
/*----------  short single product slider  ----------*/

.product-carousel {
	/*----------  smart home separate style  ----------*/
}
.product-carousel .slick-list {
	margin-left: -15px;
	margin-right: -15px;
}
.product-carousel .slick-arrow {
	background: none;
	border: none;
	font-size: 30px;
	color: #e7e7e7;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 3;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.product-carousel .slick-arrow.slick-next {
	right: -60px;
}
.product-carousel .slick-arrow.slick-prev {
	left: -60px;
}
.product-carousel .slick-dots {
	list-style: none;
	display: block;
	text-align: center;
	margin-top: 105px;
	padding: 0;
	width: 100%;
}
@media only screen and (max-width: 767px) {
	.product-carousel .slick-dots {
		margin-top: 50px;
	}
}
.product-carousel .slick-dots li {
	position: relative;
	display: inline-block;
	height: 10px;
	width: 10px;
	margin-right: 15px;
	margin-left: 0;
	line-height: 1.5;
	padding: 0;
	cursor: pointer;
	background: none;
}
.product-carousel .slick-dots li:last-child {
	margin-right: 0;
}
.product-carousel .slick-dots li.slick-active button {
	background-color: transparent !important;
	border: 1px solid #333333;
	border-radius: 100%;
	opacity: 1;
	width: 18px;
	height: 18px;
	margin: 0;
}
.product-carousel .slick-dots li button {
	font-size: 0;
	display: block;
	cursor: pointer;
	outline: 0;
	line-height: 0;
	border: 0;
	width: 10px;
	height: 10px;
	color: transparent;
	background-color: #1f1f1f !important;
	opacity: .2;
	padding: 0;
	border-radius: 50%;
	margin: 0 4px;
}
.product-carousel:hover .slick-arrow {
	visibility: visible;
	opacity: 1;
}
.product-carousel:hover .slick-arrow.slick-next {
	right: -50px;
}
.product-carousel:hover .slick-arrow.slick-prev {
	left: -50px;
}
.product-carousel--smarthome .slick-list {
	margin-left: -15px;
	margin-right: -15px;
}
.product-carousel--smarthome .slick-dots {
	margin-top: 50px;
	margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product-carousel--smarthome .slick-dots {
		margin-bottom: 15px;
	}
}
@media only screen and (max-width: 767px) {
	.product-carousel--smarthome .slick-dots {
		margin-bottom: 30px;
	}
}
@media only screen and (max-width: 479px) {
	.product-carousel--smarthome .slick-dots {
		margin-bottom: 35px;
	}
}
/*----------  single product widget slider  ----------*/

.single-product-widget-slider-container .slick-arrow {
	position: absolute;
	top: 0;
	right: 0;
	background: none;
	border: none;
	color: #999999;
	font-size: 12px;
	line-height: 28px;
	width: 28px;
	height: 28px;
}
.single-product-widget-slider-container .slick-arrow.slick-prev {
	right: 30px;
}
.single-product-widget-slider .slick-slide>div {
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.single-product-widget-slider .slick-slide>div:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
/*----------  blog post slider  ----------*/

/*----------  instagram slider  ----------*/


/*----------  multi testimonial slider  ----------*/


/*----------  smart home carousel container  ----------*/

.product-carousel-container--smarthome {
	overflow: hidden;
}
/*----------  decor hero slider  ----------*/

.decor-slider-wrapper .slick-arrow {
	background: none;
	border: none;
	font-size: 70px;
	color: #e7e7e7;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 3;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
@media only screen and (max-width: 767px) {
	.decor-slider-wrapper .slick-arrow {
		font-size: 32px;
		color: #333;
	}
}
@media only screen and (max-width: 479px) {
	.decor-slider-wrapper .slick-arrow {
		font-size: 25px;
	}
}
.decor-slider-wrapper .slick-arrow.slick-next {
	right: 16%;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	.decor-slider-wrapper .slick-arrow.slick-next {
		right: 10%;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.decor-slider-wrapper .slick-arrow.slick-next {
		right: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.decor-slider-wrapper .slick-arrow.slick-next {
		right: 0;
	}
}
@media only screen and (max-width: 767px) {
	.decor-slider-wrapper .slick-arrow.slick-next {
		right: 0;
	}
}
.decor-slider-wrapper .slick-arrow.slick-prev {
	left: 16%;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	.decor-slider-wrapper .slick-arrow.slick-prev {
		left: 10%;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.decor-slider-wrapper .slick-arrow.slick-prev {
		left: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.decor-slider-wrapper .slick-arrow.slick-prev {
		left: 0;
	}
}
@media only screen and (max-width: 767px) {
	.decor-slider-wrapper .slick-arrow.slick-prev {
		left: 0;
	}
}
.decor-slider-wrapper:hover .slick-arrow {
	visibility: visible;
	opacity: 1;
}
/*
.decor-single-slider {
	padding: 0 100px;
}
*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.decor-single-slider {
		padding: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.decor-single-slider {
		padding: 0;
	}
}
@media only screen and (max-width: 767px) {
	.decor-single-slider {
		padding: 0;
	}
}
.decor-single-slider-content {
	position: relative;
}
.decor-single-slider-content .slider-content {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 200px;
}
@media only screen and (max-width: 479px) {
	.decor-single-slider-content .slider-content {
		left: 30px;
	}
}
@media only screen and (max-width: 575px) {
	.decor-single-slider-content .slider-content a.us-button {
		font-size: 12px;
		padding: 10px 20px;
	}
}
@media only screen and (max-width: 479px) {
	.decor-single-slider-content .slider-content a.us-button {
		font-size: 10px;
		padding: 5px 15px;
	}
}
.decor-single-slider-content .color-title {
	font-size: 24px;
	line-height: 36px;
	letter-spacing: 3px;
	font-weight: 600;
	margin-bottom: 8px;
	text-transform: uppercase;
}
@media only screen and (max-width: 575px) {
	.decor-single-slider-content .color-title {
		font-size: 12px;
		line-height: 32px;
	}
}
@media only screen and (max-width: 479px) {
	.decor-single-slider-content .color-title {
		margin-bottom: 0;
		line-height: 26px;
	}
}
.decor-single-slider-content .color-title--blue {
	color: #68aaeb;
}
.decor-single-slider-content .color-title--green {
	color: #7a9f63;
}
.decor-single-slider-content .color-title--brown {
	color: #c5a374;
}
.decor-single-slider-content .color-title--orange {
	color: #db8b79;
}
.decor-single-slider-content .main-title {
	font-size: 40px;
	line-height: 56px;
	font-weight: 600;
	margin-bottom: 35px;
	color: #333333;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	.decor-single-slider-content .main-title {
		font-size: 30px;
		line-height: 45px;
	}
}
@media only screen and (max-width: 767px) {
	.decor-single-slider-content .main-title {
		font-size: 30px;
		line-height: 45px;
	}
}
@media only screen and (max-width: 575px) {
	.decor-single-slider-content .main-title {
		font-size: 20px;
		line-height: 35px;
	}
}
@media only screen and (max-width: 479px) {
	.decor-single-slider-content .main-title {
		margin-bottom: 10px;
	}
}
/*----------  big image gallery slider  ----------*/

.shop-product__big-image-gallery-slider {
	position: relative;
}
.shop-product__big-image-gallery-slider .slick-dots {
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	width: 100%;
	position: absolute;
	bottom: 20px;
}
@media only screen and (max-width: 767px) {
	.shop-product__big-image-gallery-slider .slick-dots {
		margin-top: 50px;
	}
}
.shop-product__big-image-gallery-slider .slick-dots li {
	position: relative;
	display: inline-block;
	height: 10px;
	width: 10px;
	margin-right: 15px;
	margin-left: 0;
	line-height: 1.5;
	padding: 0;
	cursor: pointer;
	background: none;
}
.shop-product__big-image-gallery-slider .slick-dots li:last-child {
	margin-right: 0;
}
.shop-product__big-image-gallery-slider .slick-dots li.slick-active button {
	background-color: transparent !important;
	border: 1px solid #999;
	border-radius: 100%;
	opacity: 1;
	width: 18px;
	height: 18px;
	margin: 0;
}
.shop-product__big-image-gallery-slider .slick-dots li button {
	font-size: 0;
	display: block;
	cursor: pointer;
	outline: 0;
	line-height: 0;
	border: 0;
	width: 10px;
	height: 10px;
	color: transparent;
	background-color: #1f1f1f !important;
	opacity: .2;
	padding: 0;
	border-radius: 50%;
	margin: 0 4px;
}
.shop-product__big-image-gallery-slider .slick-arrow {
	background: none;
	border: none;
	font-size: 30px;
	color: #e7e7e7;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 3;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.shop-product__big-image-gallery-slider .slick-arrow.slick-next {
	right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	.shop-product__big-image-gallery-slider .slick-arrow.slick-next {
		right: -15px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.shop-product__big-image-gallery-slider .slick-arrow.slick-next {
		right: -15px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.shop-product__big-image-gallery-slider .slick-arrow.slick-next {
		right: -15px;
	}
}
@media only screen and (max-width: 767px) {
	.shop-product__big-image-gallery-slider .slick-arrow.slick-next {
		right: 0;
	}
}
.shop-product__big-image-gallery-slider .slick-arrow.slick-prev {
	left: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	.shop-product__big-image-gallery-slider .slick-arrow.slick-prev {
		left: -15px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.shop-product__big-image-gallery-slider .slick-arrow.slick-prev {
		left: -15px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.shop-product__big-image-gallery-slider .slick-arrow.slick-prev {
		left: -15px;
	}
}
@media only screen and (max-width: 767px) {
	.shop-product__big-image-gallery-slider .slick-arrow.slick-prev {
		left: 0;
	}
}
.shop-product__big-image-gallery-slider:hover .slick-arrow {
	visibility: visible;
	opacity: 1;
}
.shop-product__big-image-gallery-slider:hover .slick-arrow.slick-next {
	right: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	.shop-product__big-image-gallery-slider:hover .slick-arrow.slick-next {
		right: 10px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.shop-product__big-image-gallery-slider:hover .slick-arrow.slick-next {
		right: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.shop-product__big-image-gallery-slider:hover .slick-arrow.slick-next {
		right: 10px;
	}
}
@media only screen and (max-width: 767px) {
	.shop-product__big-image-gallery-slider:hover .slick-arrow.slick-next {
		right: 10px;
	}
}
.shop-product__big-image-gallery-slider:hover .slick-arrow.slick-prev {
	left: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	.shop-product__big-image-gallery-slider:hover .slick-arrow.slick-prev {
		left: 10px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.shop-product__big-image-gallery-slider:hover .slick-arrow.slick-prev {
		left: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.shop-product__big-image-gallery-slider:hover .slick-arrow.slick-prev {
		left: 10px;
	}
}
@media only screen and (max-width: 767px) {
	.shop-product__big-image-gallery-slider:hover .slick-arrow.slick-prev {
		left: 10px;
	}
}
.shop-product__big-image-gallery-slider:hover .slick-arrow {
 visibility: hidden;
 opacity: 0;
}
/*----------  small image gallery slider  ----------*/

.shop-product__small-image-gallery-slider {
	position: relative;
	cursor: pointer;
}
.shop-product__small-image-gallery-slider--vertical {
	position: relative;
	cursor: pointer;
}
.shop-product__small-image-gallery-slider--vertical .slick-current .single-image img {
	border-color: #333;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
.shop-product__small-image-gallery-slider--vertical .single-image {
	margin-bottom: 10px;
}
.shop-product__small-image-gallery-slider--vertical .single-image img {
	border: 1px solid transparent;
	width: 100%;
}
@media only screen and (max-width: 767px) {
	.shop-product__small-image-gallery-slider--vertical .single-image {
		padding: 0 5px;
	}
}
.shop-product__small-image-gallery-slider--vertical .slick-arrow {
	position: absolute;
	z-index: 3;
	height: 30px;
	width: 49%;
	color: #ffffff;
	opacity: .7;
	background-color: #7e7e7e;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	border: none;
}
.shop-product__small-image-gallery-slider--vertical .slick-arrow.slick-prev {
	left: 0 !important;
	top: auto;
	bottom: 0;
}
.shop-product__small-image-gallery-slider--vertical .slick-arrow.slick-next {
	left: auto;
	right: 0 !important;
	top: auto;
	bottom: 0;
}
.shop-product__small-image-gallery-slider .single-image img {
	border: 1px solid transparent;
}
.shop-product__small-image-gallery-slider .slick-current .single-image img {
	border-color: #333;
}
.shop-product__small-image-gallery-slider .slick-arrow {
	background: none;
	border: none;
	font-size: 20px;
	color: #e7e7e7;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 3;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.shop-product__small-image-gallery-slider .slick-arrow.slick-next {
	right: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	.shop-product__small-image-gallery-slider .slick-arrow.slick-next {
		right: -15px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.shop-product__small-image-gallery-slider .slick-arrow.slick-next {
		right: -15px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.shop-product__small-image-gallery-slider .slick-arrow.slick-next {
		right: -15px;
	}
}
@media only screen and (max-width: 767px) {
	.shop-product__small-image-gallery-slider .slick-arrow.slick-next {
		right: 0;
	}
}
.shop-product__small-image-gallery-slider .slick-arrow.slick-prev {
	left: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	.shop-product__small-image-gallery-slider .slick-arrow.slick-prev {
		left: -15px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.shop-product__small-image-gallery-slider .slick-arrow.slick-prev {
		left: -15px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.shop-product__small-image-gallery-slider .slick-arrow.slick-prev {
		left: -15px;
	}
}
@media only screen and (max-width: 767px) {
	.shop-product__small-image-gallery-slider .slick-arrow.slick-prev {
		left: 0;
	}
}
.shop-product__small-image-gallery-slider:hover .slick-arrow {
	visibility: visible;
	opacity: 1;
}
.shop-product__small-image-gallery-slider:hover .slick-arrow.slick-next {
	right: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	.shop-product__small-image-gallery-slider:hover .slick-arrow.slick-next {
		right: 10px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.shop-product__small-image-gallery-slider:hover .slick-arrow.slick-next {
		right: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.shop-product__small-image-gallery-slider:hover .slick-arrow.slick-next {
		right: 10px;
	}
}
@media only screen and (max-width: 767px) {
	.shop-product__small-image-gallery-slider:hover .slick-arrow.slick-next {
		right: 10px;
	}
}
.shop-product__small-image-gallery-slider:hover .slick-arrow.slick-prev {
	left: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	.shop-product__small-image-gallery-slider:hover .slick-arrow.slick-prev {
		left: 10px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.shop-product__small-image-gallery-slider:hover .slick-arrow.slick-prev {
		left: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.shop-product__small-image-gallery-slider:hover .slick-arrow.slick-prev {
		left: 10px;
	}
}
@media only screen and (max-width: 767px) {
	.shop-product__small-image-gallery-slider:hover .slick-arrow.slick-prev {
		left: 10px;
	}
}
/*=====  End of 06. Slider  ======*/

/*=============================================
=            07. Short single product            =
=============================================*/

/*----------  default style  ----------*/

.single-product {
	/*----------  product image  ----------*/
	/*----------  floating badge style  ----------*/
	/*----------  floating icon style  ----------*/
	/*----------  floating product variation  ----------*/
	/*----------  product content  ----------*/
	/*----------  hover style  ----------*/
	/*----------  smart home style  ----------*/
}
.single-product__image {
	position: relative;
	
}
/*
.single-image {
    width: 250px;
}
*/
.single-product__image>a {
	display: block;
}
.single-product__image>a:hover {
	/*box-shadow: 0px 1px 5px 3px rgba(0, 0, 0, 0.08);*/
    display: block;
}
.pagination {
    margin-top: 50px;
}



.single-product__image>a img:nth-child(1) {
	visibility: visible;
	opacity: 1;
	z-index: 2;
	border: solid 1px #dddddd;
	
}
.single-product__image>a img:nth-child(2) {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	
}

.single-product__content {
	position: relative;
	padding-top: 10px;
}
.single-product__content .title {
	position: relative;
}
.single-product__content .title h3 {
	margin-bottom: 0;
}
.single-product__content .title h3 a {
	display: block;
	font-size: 17px;
	line-height: 1.6;
	margin-bottom: 10px;
	font-weight: 400;
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	color: #333;
	-webkit-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;
}
.single-product__content .title>a {
	display: inline-block;
	font-size: 18px;
	line-height: 28px;
	color: #d3122a;
	-webkit-transform: translateY(60%);
	-ms-transform: translateY(60%);
	transform: translateY(60%);
	visibility: hidden;
	opacity: 0;
	-webkit-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 500;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single-product__content .title>a {
		font-size: 16px;
	}
}
.single-product__content .title>a.active:before {
	content: "\f121";
	font-family: Ionicons;
	display: inline-block;
	margin-right: 5px;
	font-size: 15px;
	font-weight: 500;
	vertical-align: middle;
}
.single-product__content .title>a:before {
	content: '+';
	display: inline-block;
	margin-right: 5px;
}
.single-product__content .price .discounted-price {
	font-size: 18px;
	line-height: 1;
	font-weight: 600;
	color: #D3122A;
}
.single-product__content .price .main-price {
	font-size: 14px;
	line-height: 1;
	font-weight: 600;
	color: #333333;
	margin-right: 5px;
}
.single-product__content .price .main-price.discounted {
	color: #aaaaaa;
	font-weight: 600;
	font-size: 12;
	line-height: 1;
	text-decoration: line-through;
}
.single-product__content:hover .single-product__variations {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(-80px);
	-ms-transform: translateY(-80px);
	transform: translateY(-80px);
}
.single-product:hover .single-product__image a img:nth-child(2) {
	visibility: visible;
	opacity: 1;
}
.single-product:hover .single-product__content .title h3 a {
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateY(-60%);
	-ms-transform: translateY(-60%);
	transform: translateY(-60%);
}
.single-product:hover .single-product__content .title>a {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
.single-product:hover .single-product__floating-icons span {
	visibility: visible;
	opacity: 1;
}
.single-product:hover .single-product__floating-icons span:nth-child(1) {
	margin-top: 0;
}
.single-product:hover .single-product__floating-icons span:nth-child(2) {
	margin-top: 0;
}
.single-product:hover .single-product__floating-icons span:nth-child(3) {
	margin-top: 0;
}
.single-product--smarthome {
	position: relative;
}
.single-product--smarthome .single-product__content {
	position: absolute;
	bottom: 30px;
	left: 15px;
	z-index: 3;
}

body::after {
	/* dark overlay layer - visible when we fire .cd-quick-view */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(35, 35, 44, 0.5);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	-o-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
	content: "";
	z-index: 9999;
}
@media only screen and (min-width: 1024px) {
	body.overlay-layer::after {
		visibility: visible;
		opacity: 1;
		-webkit-transition: opacity .3s 0s, visibility 0s 0s;
		-moz-transition: opacity .3s 0s, visibility 0s 0s;
		-o-transition: opacity .3s 0s, visibility 0s 0s;
		transition: opacity .3s 0s, visibility 0s 0s;
		content: "";
	}
}
/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */

/* -------------------------------- 

Main components 

-------------------------------- */

/*----------  quickview description style  ----------*/


/*----------  quantity style  ----------*/

.pro-qty {
	border-bottom: 1px solid #cccccc;
	padding: 10px 0;
	margin: 0 10px 0 30px;
}
.pro-qty input {
	border: none;
	width: 80px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #333333;
	margin-bottom: 0;
	padding: 0 15px;
	vertical-align: middle;
}
.pro-qty .qty-btn {
	font-size: 20px;
	font-weight: 500;
	color: #333;
}
/*----------  quick view other info  ----------*/

/*=====  End of 08. Quick View  ======*/

/*=============================================
=           09. button            =
=============================================*/

/*----------  default style  ----------*/
.lezada-button {
	background-color: #D3122A;
	color: #fff ;
	text-transform: uppercase;
	display: inline-block;
	border-radius: 0;
	border: 1px solid #D3122A;
	font-weight: 500;
	letter-spacing: 1px;
	/*----------  small button style  ----------*/
	/*----------  medium button style  ----------*/
	/*----------  large button style  ----------*/
	/*----------  extra large button style  ----------*/
	/*----------  icon left style  ----------*/
}
.lezada-button:hover {
	background-color: transparent;
	color: #D3122A;
}
.lezada-button--small {
	font-size: 12px;
	padding: 8px 15px;
}
.lezada-button--small--style2 {
	padding: 7px 15px;
}
.lezada-button--medium {
	font-size: 14px;
	padding: 10px 45px;
}
.goTop{
    display: inline-block;
    border: 1px solid #747474;
    padding: 10px 15px;
    font-size: 18px;
    color: #454545;
    cursor: pointer;
}
@media (max-width: 768px) {
.lezada-button--medium {
    font-size: 15px;
    padding: 10px 45px;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
}




.lezada-button--large {
	font-size: 16px;
	padding: 12px 35px;
}
.lezada-button--xl {
	font-size: 18px;
	padding: 20px 35px;
}
.lezada-button--icon {
	/*----------  icon left style  ----------*/
	/*----------  icon right style  ----------*/
}
.lezada-button--icon--left i {
	margin-right: 5px;
}
.lezada-button--icon--right i {
	margin-left: 5px;
}
/*----------  lezada button 2  ----------*/

.lezada-button-2 {
	text-transform: uppercase;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	font-weight: 500;
	letter-spacing: 1px;
	display: inline-block;
	position: relative;
}
.lezada-button-2:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #333;
	opacity: 0.2;
	content: "";
}
.lezada-button-2:before {
	font-size: 0;
	padding-right: 0;
	font-weight: 400;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	display: inline-block;
	line-height: 0;
	content: "\f218";
	font-family: 'Ionicons';
}
.lezada-button-2:hover {
	color: #d3122a;
}
.lezada-button-2:hover:before {
	font-size: 14px;
	line-height: 0;
	padding-right: 8px;
	visibility: visible;
	opacity: 1;
}
.us-button {
	background-color: #333;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	border-radius: 0;
	border: 1px solid #333;
	font-weight: 500;
	letter-spacing: 1px;
	/*----------  small button style  ----------*/
	/*----------  medium button style  ----------*/
	/*----------  large button style  ----------*/
	/*----------  extra large button style  ----------*/
	/*----------  icon left style  ----------*/
}
.us-button:hover {
	background-color: transparent;
	color: #333;
}
.us-button--small {
	font-size: 12px;
	padding: 8px 15px;
}
.us-button--small--style2 {
	padding: 7px 15px;
}
.us-button--medium {
	font-size: 12px;
	padding: 10px 45px;
}
.us-button--large {
	font-size: 16px;
	padding: 12px 35px;
}
.us-button--xl {
	font-size: 18px;
	padding: 20px 35px;
}
.us-button--icon {
	/*----------  icon left style  ----------*/
	/*----------  icon right style  ----------*/
}
.us-button--icon--left i {
	margin-right: 5px;
}
.us-button--icon--right i {
	margin-left: 5px;
}
/*----------  lezada button 2  ----------*/

.us-button-2 {
	text-transform: uppercase;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	font-weight: 500;
	letter-spacing: 1px;
	display: inline-block;
	position: relative;
}
.us-button-2:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #333;
	opacity: 0.2;
	content: "";
}
.us-button-2:before {
	font-size: 0;
	padding-right: 0;
	font-weight: 400;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	display: inline-block;
	line-height: 0;
	content: "\f218";
	font-family: 'Ionicons';
}
.us-button-2:hover {
	color: #d3122a;
}
.us-button-2:hover:before {
	font-size: 14px;
	line-height: 0;
	padding-right: 8px;
	visibility: visible;
	opacity: 1;
}
/*----------  load more button  ----------*/

/*----------  shopping more button  ----------*/

/*=====  End of 09. button  ======*/

/*=============================================
=            10. Backgrounds            =
=============================================*/


/*----------  single category textbanner   ----------*/

/*----------  about video background area  ----------*/

.about-video-bg-area {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
}
/*=====  End of 10. Backgrounds  ======*/

/*=============================================
=            11. Home Lookbook            =
=============================================*/

/*=====  End of 11. Home Lookbook  ======*/

/*=============================================
=            12. countdown timer            =
=============================================*/

/*=====  End of 12. countdown timer  ======*/

/*=============================================
=            13. Blog            =
=============================================*/

/*----------  blog slider intro  ----------*/

/*----------  blog slider single post  ----------*/

.single-slider-post {
	/*----------  image  ----------*/
	/*----------  content  ----------*/
}
.single-slider-post__image a {
	display: block;
	border: 1px solid #E4E4E4;
}


.single-slider-post__image a:hover{
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate(0,-5px);
    transform: translate(0,-5px);
}

.single-slider-post__image a img {
	width: 100%;
}
.single-slider-post__content .post-date {
	margin-bottom:3px;
}
.single-slider-post__content .post-date a {
	font-size: 14px;
	line-height: 18px;
	color: #999;
	text-transform: capitalize;
	display: inline-block;
	border-bottom: 1px solid transparent;
}
.single-slider-post__content .post-date a:hover {
	color: #333;
	border-bottom: 1px solid #999;
}
.single-slider-post__content .post-date i {
	margin-right: 5px;
}
.single-slider-post__content h2 {
	    display: block;
    font-size: 20px;
    color: #CA2017;
    letter-spacing: 1px;
    border-bottom: solid #DDDDDD 1px;
    
    position: relative;
}

.single-slider-post__content2 h2 {
	    display: block;
    font-size: 20px;
    color: #CA2017;
    letter-spacing: 1px;
    border-bottom: solid #DDDDDD 0px;
    font-family: 'Open Sans', sans-serif;
    position: relative;
}




.single-slider-post__content2 h2 a {
    font-size: 16px;
    line-height: 25px;
    color: #333;
}

.single-slider-post__content2 h2:before {
    content: "";
    display: block;
    width: 250px;
    height: 0px;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 10;
    background: #aaa;
}







.single-slider-post__content h2 a {
	font-size: 16px;
	line-height: 25px;
	color: #333;
	
}

.single-slider-post__content h2 a:hover {
	
	color: #CA2017;
	
}

.single-slider-post__content p.post-excerpt {
	font-size: 15px;
	line-height: 24px;
	color: #777777;
	
	height: auto;
}
.single-slider-post__content a.blog-readmore-btn {
	text-transform: uppercase;
	font-size: 12px;
	line-height: 20px;
	color: #7e7e7e;
	font-weight: 500;
	letter-spacing: 1px;
	display: inline-block;
	position: relative;
}
.single-slider-post__content a.blog-readmore-btn:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #333;
	opacity: 0.2;
	content: "";
}
.single-slider-post__content a.blog-readmore-btn:before {
	font-size: 0;
	padding-right: 0;
	font-weight: 400;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	display: inline-block;
	line-height: 0;
	content: "\f218";
	font-family: 'Ionicons';
}
.single-slider-post__content a.blog-readmore-btn:hover {
	color: #d3122a;
}
.single-slider-post__content a.blog-readmore-btn:hover:before {
	font-size: 12px;
	line-height: 0;
	padding-right: 8px;
	visibility: visible;
	opacity: 1;
}
/*----------  widget post  ----------*/

/*----------  blog post list view  ----------*/

.single-slider-post--list {
	border-bottom: 1px solid #D8D8D8;
	padding-bottom: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media only screen and (max-width: 767px) {
	.single-slider-post--list {
		display: block;
	}
}


/*----------  post tag  ----------*/

/*----------  post share  ----------*/

.post-share span {
	padding-right: 10px;
}
.post-share ul {
	display: inline-block;
}
.post-share ul li {
	display: inline-block;
	margin-right: 5px;
}
.post-share ul li a {
	color: #333;
}
/*----------  post comment  ----------*/


/*----------  post category  ----------*/


/*----------  post title  ----------*/


/*----------  author info  ----------*/

/*----------  comment block  ----------*/

/*----------  single comment  ----------*/

/*=====  End of 13. Blog  ======*/

/*=============================================
=            18. Pagination            =
=============================================*/

/*=====  End of 18. Pagination  ======*/

/*=============================================
=            15. Instagram section            =
=============================================*/

/*----------  instagram section intro  ----------*/

/*=====  End of 15. Instagram section  ======*/

/*=============================================
=            16. Shoppable home style            =
=============================================*/

/*----------  shoppable category   ----------*/

/*=====  End of 16. Shoppable home style  ======*/

/*=============================================
=            17. About            =
=============================================*/

/*----------  about video bg area  ----------*/

/*----------  about page text  ----------*/


/*----------  about two page text block   ----------*/

/*=====  End of 17. About  ======*/

/*=============================================
=            18. widget            =
=============================================*/

/*----------  default  ----------*/

/*=====  End of 18. widget  ======*/

/*=============================================
=            19. Testimonial            =
=============================================*/

/*----------  multi testimonial single item  ----------*/

/*=====  End of 19. Testimonial  ======*/

/*=============================================
=            20. Brands            =
=============================================*/

/*=====  End of 20. Brands  ======*/

/*=============================================
=            21. Product list            =
=============================================*/

@media only screen and (min-width: 1200px) {
	.column-five [class*="col-lg-"] {
		-ms-flex-preferred-size: 20%;
		flex-basis: 20%;
	}
}
@media only screen and (min-width: 1200px) {
	.col-xl-is-five {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}
@media only screen and (min-width: 992px) {
	.col-lg-is-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}
/*----------  tab product style  ----------*/

.tab-product-navigation .nav-tabs {
	border-bottom: none;
}
.tab-product-navigation .nav-tabs .nav-link {
	border: none;
	font-size: 48px;
	line-height: 64px;
	color: #ccc;
}
@media only screen and (max-width: 767px) {
	.tab-product-navigation .nav-tabs .nav-link {
		font-size: 38px;
		line-height: 55px;
	}
}
@media only screen and (max-width: 479px) {
	.tab-product-navigation .nav-tabs .nav-link {
		font-size: 22px;
		line-height: 32px;
	}
}
.tab-product-navigation .nav-tabs .nav-link.active {
	color: #333;
}
.tab-product-navigation .nav-tabs .nav-link:hover {
	color: #333;
}
/*=====  End of 21. Product list  ======*/

/*=============================================
=            22. banner            =
=============================================*/

/*----------  ad section   ----------*/


/*----------  product side banner  ----------*/


/*=====  End of 22. banner  ======*/

/*=============================================
=            23. filter product            =
=============================================*/

/*----------  filter title  ----------*/

/*=====  End of 23. filter product  ======*/

/*=============================================
=            24. fashion home           =
=============================================*/

/*----------  fashion home intro  ----------*/

/*----------  product size  ----------*/

.single-product--large-size {
	max-width: 400px;
	margin: 0 auto;
}
.single-product--small-size {
	max-width: 300px;
	margin: 0 auto;
}
/*=====  End of 24. fashion home    ======*/

/*=============================================
=            25. cosmetics home            =
=============================================*/

/*----------  cosmetics home intro  ----------*/

/*=====  End of 25. cosmetics home  ======*/

/*=============================================
=            26. Shop             =
=============================================*/

.shop-page-content {
	overflow-x: hidden;
}
/*----------  shop page header  ----------*/

.shop-page-header {
	border-bottom: 1px solid #d8d8d8;
	padding: 20px 0;
}
.single-icon {
	margin-left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.single-icon {
		margin-left: 0;
	}
}
@media only screen and (max-width: 767px) {
	.single-icon {
		margin-left: 0;
	}
}
/*----------  filter icons  ----------*/

/*----------  filter dropdown  ----------*/

/*----------  grid icons  ----------*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.grid-icons {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.grid-icons {
		display: none;
	}
}
.grid-icons a {
	margin-left: 20px;
	color: #ccc;
}
.grid-icons a.active {
	color: #333;
}
.grid-icons a:hover {
	color: #333;
}
/*----------  advance filter icon  ----------*/

/*----------  shop advance filter area  ----------*/

/*----------  single filter widget  ----------*/

/*----------  search widget   ----------*/

.search-widget {
	position: relative;
}
.search-widget input {
	background: transparent;
	width: 100%;
	height: 40px;
	font-size: 14px;
	line-height: 19px;
	background-clip: padding-box;
	padding-left: 0;
	padding-right: 20px;
	margin: 0;
	border: none;
	border-bottom: 2px solid #cccccc;
}
.search-widget input:hover {
	border-color: #333;
}
.search-widget button {
	position: absolute;
	top: 0;
	right: 0;
	background-color: transparent !important;
	border: none;
	padding: 0;
}
.search-widget button i {
	font-size: 18px;
	line-height: 40px;
	color: #ababab;
}
/*----------  single sidebar widget  ----------*/

/*----------  sidebar widget product  ----------*/

/*----------  tag style  ----------*/

/*----------  price filter  ----------*/

/*----------  grid change  ----------*/

.shop-product-wrap {
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
/*=====  End of 26. Shop   ======*/

/*=============================================
=            27. Shop product            =
=============================================*/

.shop-product {
	/*----------  shop product description  ----------*/
	/*----------  navigation arrow  ----------*/
	/*----------  rating  ----------*/
	/*----------  title  ----------*/
	/*----------  price  ----------*/
	/*----------  short description  ----------*/
	/*----------  buttons  ----------*/
	/*----------  product block  ----------*/
	/*----------  brands  ----------*/
	/*----------  description tab  ----------*/
	/*----------  long description  ----------*/
	/*----------  additional information  ----------*/
	/*----------  review section     ----------*/
	/*----------  lezada form review  ----------*/
	/*----------  shop product image gallery  ----------*/
	/*----------  variation image  ----------*/
	/*----------  extra info area  ----------*/
	/*----------  extra info   ----------*/
	/*----------  extra info video  ----------*/
}
.shop-product__description {
	position: relative;
}

.shop-product__title h2 {
	font-size: 22px;
    font-weight: bold;
}
.shop-product__price .main-price {
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	color: #333;
}
.shop-product__price .main-price.discounted {
	font-size: 15px;
	color: #aaa;
	text-decoration: line-through;
	margin-right: 10px;
}
.shop-product__price .discounted-price {
	font-size: 26px;
	line-height: 28px;
	font-weight: 600;
	color: #D3122A;
}
.shop-product__short-desc {
	font-size: 15px;
	line-height: 24px;
}

.shop-product__block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.shop-product__block__title {
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
	font-size: 15px;
	line-height: 32px;
	color: #333;
	font-weight: 500;
}
@media only screen and (max-width: 479px) {
	.shop-product__block__title {
		-ms-flex-preferred-size: 100px;
		flex-basis: 100px;
	}
}
.shop-product__block__value .shop-product-size-list .single-size {
	font-size: 24px;
	line-height: 24px;
	color: #ababab;
	margin-right: 35px;
	cursor: pointer;
}
@media only screen and (max-width: 479px) {
	.shop-product__block__value .shop-product-size-list .single-size {
		margin-right: 25px;
	}
}
.shop-product__block__value .shop-product-size-list .single-size:last-child {
	margin-right: 0;
}
.shop-product__block__value .shop-product-size-list .single-size.active {
	color: #333;
}
.shop-product__block__value .shop-product-size-list .single-size:hover {
	color: #333;
}
.shop-product__block__value .shop-product-color-list ul li a span {
	height: 24px;
	width: 24px;
}
.shop-product__brands {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.shop-product__brands a {
	display: block;
}
.shop-product__description-tab {
	border-top: 1px dashed #88886A;;
}
.shop-product__description-tab--double-border {
	border-bottom: 1px solid #ededed;
}
.shop-product__description-tab .tab-product-navigation--product-desc .nav-tabs a {
	font-size: 28px;
	line-height: 50px;
	color: #ababab;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.shop-product__description-tab .tab-product-navigation--product-desc .nav-tabs a {
		font-size: 18px;
		line-height: 40px;
	}
}
@media only screen and (max-width: 767px) {
	.shop-product__description-tab .tab-product-navigation--product-desc .nav-tabs a {
		font-size: 18px;
		line-height: 40px;
	}
}
@media only screen and (max-width: 575px) {
	.shop-product__description-tab .tab-product-navigation--product-desc .nav-tabs a {
		font-size: 16px;
		line-height: 30px;
	}
}
@media only screen and (max-width: 479px) {
	.shop-product__description-tab .tab-product-navigation--product-desc .nav-tabs a {
		font-size: 22px;
		line-height: 30px;
	}
}
.shop-product__long-desc p {
	max-width: 85%;
	margin: 0 auto;
}
@media only screen and (max-width: 767px) {
	.shop-product__long-desc p {
		max-width: 100%;
	}
}
.shop-product__long-desc--wide p {
	max-width: 50%;
}
@media only screen and (max-width: 767px) {
	.shop-product__long-desc--wide p {
		max-width: 100%;
	}
}
.shop-product__additional-info .shop-attributes {
	width: 100%;
	max-width: 550px;
	margin: 0 auto;
	font-size: 16px;
	border-bottom: 1px solid #ededed;
}
.shop-product__additional-info .shop-attributes th {
	font-size: 14px;
	font-weight: 500;
	color: #333333;
	border-top: 1px solid #ededed;
	padding-top: 10px;
	padding-bottom: 10px;
}
.shop-product__additional-info .shop-attributes td {
	font-size: 14px;
	padding: 6px 10px 6px 0;
	border-top: 1px solid #ededed;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
.shop-product__additional-info .shop-attributes td:first-of-type {
	padding-left: 10px;
}
.shop-product__review {
	max-width: 70%;
	margin: 0 auto;
}
@media only screen and (max-width: 767px) {
	.shop-product__review {
		max-width: 100%;
	}
}
.shop-product__review--wide {
	max-width: 50%;
}
@media only screen and (max-width: 767px) {
	.shop-product__review--wide {
		max-width: 100%;
	}
}
.shop-product__review .review-title {
	font-size: 24px;
	line-height: 28px;
	color: #333;
	font-weight: 400;
	text-align: center;
}
.shop-product .lezada-form--review .rating-title {
	font-size: 14px;
	line-height: 25px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 500;
	color: #333;
}
.shop-product .lezada-form--review .product-rating i {
	cursor: pointer;
}
.shop-product .shop-product__big-image-gallery-wrapper {
	position: relative;
	cursor: crosshair;
}
.shop-product .shop-product__big-image-gallery-wrapper .single-product__floating-badges--shop-product {
	position: absolute;
	top: 20px;
	left: 20px;
}
.shop-product .shop-product__big-image-gallery-wrapper .shop-product-rightside-icons {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 3;
}
.shop-product .shop-product__big-image-gallery-wrapper .shop-product-rightside-icons span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	color: #ccc;
}
.shop-product .shop-product__big-image-gallery-wrapper .shop-product-rightside-icons span a:hover {
	color: #333;
}
.shop-product .shop-product__big-image-gallery-wrapper .shop-product-rightside-icons .wishlist-icon {
	font-size: 30px;
	margin-bottom: 20px;
}
.shop-product .shop-product__big-image-gallery-wrapper .shop-product-rightside-icons .enlarge-icon {
	font-size: 30px;
}
.shop-product__variation-image {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.shop-product__variation-image__title a {
	font-size: 15px;
	line-height: 24px;
	font-weight: 600;
	color: #7e7e7e;
}
.shop-product__variation-image__title a:hover {
	color: #333;
}
.shop-product__variation-image .single-image {
	position: relative;
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.shop-product__variation-image .single-image {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}
}
@media only screen and (max-width: 767px) {
	.shop-product__variation-image .single-image {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}
}
@media only screen and (max-width: 479px) {
	.shop-product__variation-image .single-image {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
}
.shop-product__variation-image .single-image:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	content: "";
	visibility: hideen;
	opacity: 0;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
.shop-product__variation-image .single-image:after {
	content: '';
	height: 1px;
	width: 0;
	position: absolute;
	left: 22%;
	top: 50%;
	background-color: #ffffff;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.shop-product__variation-image .single-image .image-meta {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-55%, -50%);
	-ms-transform: translate(-55%, -50%);
	transform: translate(-55%, -50%);
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	color: #ffffff;
	visibility: hidden;
	opacity: 0;
	width: 100%;
	text-align: center;
}
.shop-product__variation-image .single-image:hover:before {
	visibility: visible;
	opacity: 0.5;
}
.shop-product__variation-image .single-image:hover:after {
	width: 30px;
}
.shop-product__variation-image .single-image:hover .image-meta {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.shop-product__extra-info-area {
	background-color: #eee;
}
.shop-product__extra-info table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 2;
	border-bottom: 1px solid #ededed;
}
.shop-product__extra-info table td {
	padding: 6px 10px 6px 10px;
}

/*----------  single review  ----------*/

/*=====  End of 27. Shop product  ======*/

/*=============================================
=            28. order tracking            =
=============================================*/

/*=====  End of 28. order tracking  ======*/

/*=============================================
=            29. My account            =
=============================================*/


/*=====  End of 29. My account  ======*/

/*=============================================
=            30. Cart and wishlist            =
=============================================*/

.cart-table {
	border: 1px solid #e7e7e7;
	width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cart-table thead {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.cart-table thead {
		display: none;
	}
}
.cart-table tr {
	border-bottom: 1px solid #ededed;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cart-table tr {
		position: relative;
		display: block;
		text-align: center;
		border: 1px solid #ededed;
		padding: 30px 0;
	}
}
@media only screen and (max-width: 767px) {
	.cart-table tr {
		position: relative;
		display: block;
		text-align: center;
		border: 1px solid #999;
		padding: 10px 0;
    margin: 20px;
	}
}
.cart-table th {
	text-transform: uppercase;
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	letter-spacing: 1px;
	color: #222222;
	background-color: transparent;
	padding: 16px 15px;
	/*padding-left: 25px;*/
}
.cart-table th:first-of-type {
	padding-left: 25px;
}
.cart-table td {

    padding: 10px 15px;
    text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cart-table td {
		text-align: center;
		display: block;
		width: 100% !important;
		margin: 0 auto;
		padding: 0 !important;
		border: none;
	}
}
@media only screen and (max-width: 767px) {
	.cart-table td {
		text-align: center;
		display: block;
		width: 100% !important;
		margin: 0 auto;
		padding: 0 !important;
		border: none;
	}
}
.cart-table td.product-thumbnail {
	width: 115px;
}
.cart-table td.product-name a {
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cart-table td.product-name a {
		margin-top: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.cart-table td.product-name a {
	    margin-top: 20px;
    line-height: 24px;
    text-align: left;
    padding: 15px;
	}
}
.cart-table td.product-name a:hover {
	color: #333;
}
.cart-table td.product-name .product-variation {
	display: block;
	line-height: 22px;
	float: left;
	clear: both;
	color: #ababab;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cart-table td.product-name .product-variation {
		float: none;
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 767px) {
	.cart-table td.product-name .product-variation {
		float: none;
		margin-bottom: 10px;
	}
}
.cart-table td.product-price {
	clear: left;
}
.cart-table td.product-price .price {
	font-size: 14px;
	line-height: 28px;
	font-weight: 600;
	color: #333;
}
.cart-table td.total-price {
	clear: left;
}
.cart-table td.total-price .price {
	font-size: 14px;
	line-height: 28px;
	font-weight: 600;
	color: #333;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cart-table td.product-quantity {
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 767px) {
    /*
	.cart-table td.product-quantity {
		margin-bottom: 20px;
	}
    */
}

.cart-table td.product-remove {
	text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cart-table td.product-remove {
		position: absolute;
		top: 10px;
		right: 10px;
		width: auto !important;
	}
}
@media only screen and (max-width: 767px) {
	.cart-table td.product-remove {
		position: absolute;
		top: 0px;
		right: 10px;
		width: auto !important;
	}
    .cart-table td.product-name .product-variation {
        text-align: center;
    }
}
.cart-table td.product-remove a {
	text-align: center;
	font-size: 0;
	/*display: block;*/
	height: 45px;
	width: 45px;
	color: #ababab;
	border: 0px solid #e6e6e6;
}
.cart-table td.product-remove a i {
	font-size: 20px;
	line-height: 41px;
}
.cart-table td.product-remove a:hover {
	color: #c61932;
	border-color: #c61932;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cart-table td.product-remove a {
		border: none;
		width: auto;
		height: auto;
	}
}
@media only screen and (max-width: 767px) {
	.cart-table td.product-remove a {
		border: none;
		width: auto;
		height: auto;
	}
}
.cart-coupon-area {
	border-bottom: 1px solid #eeeeee;
}
.cart-calculation-area {
	background-color: #F7F7F7;
	padding: 40px;
}
.cart-calculation-area h2 {
	font-size: 34px;
	font-weight: 400;
	text-align: center;
	margin-top: 0;
}
.cart-calculation-table {
	width: 100%;
}
.cart-calculation-table th {
	text-transform: uppercase;
	font-size: 15px;
	line-height: 24px;
	font-weight: 500;
	letter-spacing: 1px;
	color: #222222;
	background-color: transparent;
	padding: 16px 12px;
	padding-left: 10px;
}
.cart-calculation-table td {
	padding-left: 10px !important;
	text-align: right;
}
.cart-calculation-table td.subtotal {
	font-size: 14px;
	line-height: 28px;
	color: #333;
	font-weight: 600;
}
.cart-calculation-table td.total {
	font-size: 24px;
	line-height: 48px;
	color: #333;
	font-weight: 600;
}
/*=====  End of 30. Cart and wishlist  ======*/

/*=============================================
=            31. Checkout            =
=============================================*/

/*-- Checkout Title --*/

.checkout-title {
	font-size: 18px;
	line-height: 23px;
	text-decoration: underline;
	text-transform: capitalize;
	font-weight: 700;
	margin-bottom:15px;
}
/*-- Checkout Form --*/

.checkout-form label {
	font-size: 14px;
	line-height:10px;
	font-weight: 500;
	color: #333;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.checkout-form .nice-select {
	width: 100%;
    background-color: #ffffff;
   
    border: 1px solid #aaa;
    border-radius: 0;
    line-height: 23px;
    padding: 10px 20px;
    font-size: 14px;
    height: 45px;
    color: #777777;
    margin-bottom: 10px;
}
.checkout-form .nice-select::after {
	width: 6px;
	height: 6px;
	border-width: 1px;
	right: 20px;
	border-color: #777777;
}
.checkout-form .nice-select .current {
	color: #777777;
	display: block;
	line-height: 23px;
}
.checkout-form .nice-select .list {
	width: 100%;
}
.checkout-form .nice-select:hover {
	border-color: #333;
}
.checkout-form input {
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #999999;
	border-radius: 0;
	line-height: 23px;
	padding: 10px 20px;
	font-size: 14px;
	color: #777777;
	margin-bottom: 5px;
}
.checkout-form input[type="checkbox"] {
	width: auto;
}
.checkout-form .check-box {
	float: left;
	margin-right: 70px;
}
.checkout-form .check-box:last-child {
	margin-right: 0;
}
.checkout-form .check-box input[type="checkbox"] {
	display: none;
}
.checkout-form .check-box input[type="checkbox"]+label {
	position: relative;
	padding-left: 30px;
	line-height: 20px;
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	margin: 0;
}
.checkout-form .check-box input[type="checkbox"]+label::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	display: block;
	border: 2px solid #999999;
	content: "";
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.checkout-form .check-box input[type="checkbox"]+label::after {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: "\f00c";
	font-family: Fontawesome;
	font-size: 12px;
	line-height: 20px;
	opacity: 0;
	color: #333333;
	width: 20px;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.checkout-form .check-box input[type="checkbox"]:checked+label::before {
	border: 2px solid #333333;
}
.checkout-form .check-box input[type="checkbox"]:checked+label::after {
	opacity: 1;
}
/*-- Shipping Form --*/

#shipping-form {
	display: none;
}
/*-- Checkout Cart Total --*/

.checkout-cart-total {
	background-color: #f2f2f2;
	padding: 30px;
}
@media only screen and (max-width: 575px) {
	.checkout-cart-total {
		padding: 30px;
	}
}
.checkout-cart-total h4 {
	-ms-flex-preferred-size: 18px;
	flex-basis: 18px;
	line-height: 23px;
	font-weight: 700;
}
.checkout-cart-total h4:first-child {
	margin-top: 0;
	margin-bottom: 25px;
}
.checkout-cart-total h4:last-child {
	margin-top: 15px;
	margin-bottom: 0;
	font-size: 15px;
}
.checkout-cart-total h4 span {
	float: right;
	display: block;
}
.checkout-cart-total ul {
	border-bottom: 1px solid #999999;
}
.checkout-cart-total ul li {
	color: #777777;
	font-size: 14px;
	line-height: 23px;
	font-weight: 500;
	display: block;
	margin-bottom: 16px;
}
.checkout-cart-total ul li span {
	color: #333333;
	float: right;
}
.checkout-cart-total p {
	font-size: 14px;
	line-height: 30px;
	font-weight: 600;
	color: #505050;
	padding: 10px 0;
	border-bottom: 1px solid #999999;
	margin: 0;
}
.checkout-cart-total p span {
	float: right;
}
/*-- Checkout Payment Method --*/

.checkout-payment-method {
	background-color:rgba(8, 106, 216, 0.05);
	padding: 30px;
}
@media only screen and (max-width: 575px) {
	.checkout-payment-method {
		padding: 15px;
	}
}
/*-- Single Payment Method --*/

.single-method {
	margin-bottom: 20px;
}
.single-method:last-child {
	margin-bottom: 0;
}
.single-method input[type="radio"] {
	display: none;
}
.single-method input[type="radio"]+label {
	position: relative;
	padding-left: 30px;
	line-height: 20px;
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	margin: 0;
}
.single-method input[type="radio"]+label::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	display: block;
	border: 2px solid #999999;
	content: "";
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single-method input[type="radio"]+label::after {
	position: absolute;
	left: 5px;
	top: 5px;
	display: block;
	content: "";
	opacity: 0;
	background-color: #333333;
	width: 10px;
	text-align: center;
	height: 10px;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single-method input[type="radio"]:checked+label::before {
	border: 2px solid #333333;
}
.single-method input[type="radio"]:checked+label::after {
	opacity: 1;
}
.single-method input[type="checkbox"] {
	display: none;
}
.single-method input[type="checkbox"]+label {
	position: relative;
	padding-left: 30px;
	line-height: 20px;
	font-size: 14px;
	font-weight: 400;
	color: #777777;
	margin: 0;
}
.single-method input[type="checkbox"]+label::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 16px;
	display: block;
	border: 2px solid #999999;
	content: "";
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single-method input[type="checkbox"]+label::after {
	position: absolute;
	left: 4px;
	top: 4px;
	display: block;
	content: "";
	opacity: 0;
	background-color: #333333;
	width: 8px;
	text-align: center;
	height: 8px;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single-method input[type="checkbox"]:checked+label::before {
	border: 2px solid #333333;
}
.single-method input[type="checkbox"]:checked+label::after {
	opacity: 1;
}
.single-method p {
	display: none;
	margin-top: 8px;
	font-size: 14px;
	color: #777777;
	line-height: 23px;
}
/*-- Place Order --*/

.place-order {
	margin-top: 40px;
	width: 140px;
	height: 36px;
	border: none;
	line-height: 24px;
	padding: 6px 20px;
	float: left;
	font-weight: 400;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #333333;
}
.place-order:hover {
	background-color: #fff;
}
/*=====  End of 31. Checkout  ======*/

/*=============================================
=            32. 404 page            =
=============================================*/

/*=====  End of 32. 404 page  ======*/

/*=============================================
=            33. Coming soon            =
=============================================*/

/*=====  End of 33. Coming soon  ======*/

/*=============================================
=            34. FAQ            =
=============================================*/

.faq-title {
	font-size: 35px;
	line-height: 38px;
}
@media only screen and (max-width: 575px) {
	.faq-title {
		font-size: 25px;
		line-height: 32px;
	}
}
.single-faq .card {
	border: none;
}
.single-faq .card-header {
	background-color: transparent;
	border-bottom: none;
}
.single-faq .card-header h5 button {
	font-size: 16px;
    line-height: 30px;
    color: #333;
    padding: 10px;
    overflow-wrap: break-word;
    white-space: normal;
    text-align: left;
     border: 1px solid #eaeaea;
    width: 100%;
	border-radius: 0px;
}
.single-faq .card-header h5 button:hover, .single-faq .card-header h5 button:focus {
	text-decoration: none;
    color: #CA2017;
    border: 1px solid #CA2017;
}




@media only screen and (max-width: 575px) {
	.single-faq .card-header h5 button {
		font-size: 18px;
		line-height: 26px;
	}
}
.single-faq .card-body p {
	font-size: 15px;
	line-height: 24px;
	color: #777;
}
/*=====  End of 34. FAQ  ======*/

/*=============================================
=            35. Call to action             =
=============================================*/

/*=====  End of 35. Call to action   ======*/

/*=============================================
=            36. contact us            =
=============================================*/

/*=====  End of 36. contact us  ======*/

/*=============================================
=            37. Icon box            =
=============================================*/

/*=====  End of 37. Icon box  ======*/

/*=============================================
=            38. Google map            =
=============================================*/

/*=====  End of 38. Google map  ======*/

/*=============================================
=            39. Team            =
=============================================*/

/*=====  End of 39. Team  ======*/

/*=============================================
=            40. Newsletter            =
=============================================*/

.border-top-bottom {
	border-top: 1px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
}

.link a {
	color: #fff;
	text-decoration: underline;
}
/*----------  newsletter popup style  ----------*/

/*=====  End of 40. Newsletter  ======*/

/*=============================================
=            41. Footer             =
=============================================*/

#bottom.bottom-3 {
    background: #27282c;
    color: #ffffff;
    padding: 50px 0px 0px 0px;
}

#bottom .widget {
    margin-bottom: 30px;
}
#bottom {
    color: #a9a9a9;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    background-color: #1a1a1a;
    padding-top: 30px;
}
#bottom .widget .widget-title {
    position: relative;
    font-size: 14px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-family: 微軟正黑體, "Open Sans", Arial, sans-serif, "Microsoft JhengHei";
    font-weight: 600;
    color: rgb(255, 255, 255);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#bottom .widget .widget-title:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 1px;
    margin-bottom: -1.5px;
    background: #e9212e;
}
#bottom .list-icon {
    margin: 0px;
}
#bottom ul {
    padding: 0px;
    margin: 0px 0px 15px;
}

#bottom .list-icon ul li {
    min-height: 24px;
    padding: 0px 0px 0px 36px;
    margin-bottom: 12px;
    border: 0px;
}


#bottom ul li {
    list-style-type: none;
    position: relative;
    padding: 0px 0px 10px 20px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #3a3a3a;
}
#bottom .list-icon ul li .ion {
    color: #ffffff;
}
.list-icon ul li .ion {
    position: absolute;
    top: 4px;
    left: 0px;
    width: 1em;
    color: #8cc63e;
    font-size: 1.125em;
    text-align: center;
}
#bottom a:hover {
    color: #a9a9a9;
}



#bottom .widget-socials2 a {
    background-color: #2a2a2a;
}

#bottom h1, #bottom h2, #bottom h3, #bottom h4, #bottom h5, #bottom h6, #bottom a {
    color: #ffffff;
}

.widget-socials2 a {
    display: inline-block;
    width: 42px;
    height: 42px;
    color: #a9a9a9;
    font-size: 22px;
    line-height: 42px;
    text-align: center;
    background-color: #EEE;
    margin: 5px 5px 5px 0px;
    border-radius: 50%;
}

#bottom .widget-socials2 a:hover {
    background-color: #d3122a;
    color: #ffffff;
}
#footer.footer-3 {
    text-align: center;
    background-color: #1a1a1a;
}

#footer {
    color: #a9a9a9;
    background-color: #141414;
    padding: 8px 0px;
}

#footer.footer-3 p {
    font-size: 13px;
    line-height: 24px;
    font-weight: 400;
    margin: 0px;
}

/************footer END hocom0622*************/

.add-cart a{
	float: right;
    color: #908d8d;
    font-size: 15px;
    font-weight: bold;
}

.add-cart a:hover{
	color: #D3122A;
  
  
}



@media (max-width: 768px) {
.add-cart a{
	float:right;
	color: #333333;
	font-size: 14px;
}

.add-cart a:hover{
	color: #D3122A;
  
  
}

}


.products-sect .sect-title {
    text-align: center;
    position: relative;
    margin-bottom: 50px;
    background: none;
    max-width: none;
    text-align: center;
    color: #222;
}

.sect-title {
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px 10px;
    max-width: 110px;
    text-align: center;
    background: #000;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.4;
    letter-spacing: 0.05em;
    margin: 0 0 25px;
}

.products-sect .sect-title:before {
    left: 0;
    right: 50%;
    margin-right: 140px;
}

.products-sect .sect-title:before, .products-sect .sect-title:after {
    content: '';
    display: block;
    border-top: 1px solid #f0f2f8;
    position: absolute;
    top: 50%;
}
.products-sect .sect-title span {
    position: relative;
    font-size: 22px;
}

.products-sect .sect-title:after {
    right: 0;
    left: 50%;
    margin-left: 140px;
}


/*跑馬燈*/

.mar {
	width: 100%;
	background: #000000;
	color: #FFF;
	height: 30px;
	font-size: 16px;
	padding: 0 0;
}
.mar p {
	color: #ffffff;
	margin-top: 2px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 2px;
}


.banner {
    position: relative;
}
.banner .container {
    max-width: 1440px;
    padding: 0;
}
 header, main{
    display: block;
}
.main-top {
   /* border-top: 35px solid #ffc107;*/
  
   background: #f8fbff;
    margin-top:0px;
    /*background: #fcfbf8;*/
	padding: 20px 0px;
	font-family: Comfortaa,"微軟正黑體",sans-serif,Microsoft JhengHei,MingLiU,arial;
}
.main-top .container {
    max-width: 1440px;
    padding: 2px 16px;
}




.breadcrumb {
    text-align: right;
    color: #7e7e7e;
    font-size: 14px;
    padding: 5px 15px;
    margin: 28px 0 24px;
}
.list-inline, .list-inline ul, .list-h, .list-h ul, .list-v, .list-v ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.breadcrumb li, .breadcrumb li a {
    display: inline;
}

.list-inline > li, .list-inline .item {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}

.breadcrumb li, .breadcrumb li a {
    display: inline;
}

.breadcrumb li+li:before {
    content: '/ ';
    display: inline-block;
    margin: 0 3px;
}

.container:after, .list-h:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ' ';
    clear: both;
    height: 0;
}
@media (max-width:768px) {
.display-in-mobile {
display: none;
}
}

@media (max-width:767px) {
	.mobnosee {
		display: none;
	}
}

@media (min-width:768px) {
	.mobsee {
		display: none;
	}
}

.site-title {
	margin: 0
}

.list-inline, .list-inline ul, .list-h, .list-h ul, .list-v, .list-v ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}
.list-inline>li, .list-inline .item {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box
}
.list-inline>li a, .list-inline .item a {
	display: inline-block;
	position: relative
}
.list-h>li, .list-h .item {
	float: left;
	box-sizing: border-box
}
.list-h>li a, .list-h .item a, .list-v li a {
	display: block;
	position: relative
}

:focus {
	outline: none
}


/*------------ side ------------*/


.mobileShow{
    display:none;
}
@media screen and (max-width: 1200px) {
  .side {
    display:none;
}
    .mobileShow{
        display:block;
    }

}


.side {
    width: 100%;
    float: left;
	/*margin-top: 45px;*/
}

.side-nav {
    position: relative;
    padding-bottom: 20px;
    font-size: 15px;
}

.side-nav li a{
    position: relative;
    display: block;
    line-height: 1.3;
    padding: 10px 16px;
    box-sizing: border-box;
}

.side-nav > li {
    margin: 3px 0 12px 0;
}
.side-nav > li > a {
    color: #333;
    
}
.side-nav > li > a:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0px;
    top: 0;
    bottom: 0;
   border: 1px solid #000;
    transition:all .3s ease;
}
.side-nav > li > a:hover,
.side-nav > li.active > a{
    color: #CA2017;
    
}
.side-nav > li > a:before {
    content: '';
    border: 1px solid #CA2017;
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: all 0.3s;
}
.side-nav > li.active > a:before,
.side-nav > li:hover > a:before {
    opacity: 1;
}
.side-nav ul {
    display: none;
    padding-top: 10px;
    padding-bottom: 10px;
}

.side-nav ul li a {
    margin: 1px 0;
    color: #666666;
    font-size: 15px;
    padding-left: 32px;
    border:1px solid transparent;
}

.side-nav ul li a:hover,
.side-nav ul li.active > a {
    color: #CA2017;
    border:1px solid #CA2017;
}

.side-nav ul li.active > a {
    padding-left: 32px;
}

.side-nav ul li.active > a:before {
    content: '';
    display: inline-block;
    background: #D63C55;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    left: 20px;
    top: 15px;
}

.side-nav-top > li > a {
    color: #D63C55;
    padding: 6px 16px;
}

.side-nav-top > li > a:hover,
.side-nav-top > li.active > a {
    text-decoration: underline;
    color: #796A54;
}

.side-nav ul ul{
    padding-top: 10px;
    padding-bottom: 5px;
}
.side-nav ul ul li a{
    font-size: 13px;
}
.side-nav ul ul li a:hover,
.side-nav ul ul li.active > a {
    color: #796A54;
    text-decoration: underline;
}
.side-nav ul ul li.active > a:before{
    display: none;
}
.side-nav>li>a:hover, .side-nav>li.active>a {
    color: #CA2017;
}

/*------------ / side ------------*/



/***********頁碼*************/


.btn-box {
    padding-top: 50px;
    position: relative;
    text-align: center;
}

.btn-box p {
    margin: -15px 0 20px;
    color: #FF4D4D;
    font-weight: bold;
    letter-spacing: 2px;
}
.pagination {
    text-align: center;
    font-size: 16px;
}

.pagination li {
    display: inline-block;
    vertical-align: middle;
}

.pagination li a {
    display: block;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0 3px;
    border-bottom: 1px solid transparent;
    text-align: center;
    color: #787878;
    margin: 0;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pagination li a:hover,
.pagination li.active a {
    background: #999;
    color: #fff;
}

.pagination li a.controls {
    color: #999;
    font-size: 18x;
}

.pagination li a.controls:hover {
    background: none;
    color: #999;
}

.pagination li a.prev {
    margin-right: 10px;
}

.pagination li a.next {
    margin-left: 10px;
}

.page-info {
    display: none;
}

.page-info .form-control {
    display: block;
    width: 100%;
    height: 36px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    text-align: center;
	border-radius: 4px;
}

.page-info .form-control:focus {
    outline: none;
    border-color: #c7c6c6;
}

@media screen and (max-width: 767px) {
    .page-info {
        display: block;
        padding: 0 44px;
    }
    .pagination {
        position: relative;
    }
    /*
    .pagination li a {
        display: none;
    }
    */
    .pagination li a.controls {
        display: block;
        position: absolute;
        bottom: -43px;
        height: 36px;
        width: 36px;
        line-height: 36px;
        margin: 0;
    }
    .pagination li a.prev {
        left: 0;
    }
    .pagination li a.next {
        right: 0;
    }
}


.reply-back{
	display: inline-block;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    border: none;
    padding: 0;
    background: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
	color: rgb(255, 255, 255);
    font-family:  微軟正黑體, "Microsoft JhengHei", sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.1em;
    white-space: normal;
    width: 80px;
    height: 80px;
    background: rgb(170, 170, 170);
    padding: 18px 11px 0px 12px;
    border-radius: 100%;
}

.reply-back:hover {
    background: #D3122A;
	color:#fff;
	box-shadow: 0 1px 50px rgba(153, 153, 153, 0.35);
}


/*****購物車按鈕*****/

.btn-box {
    padding-top: 30px;
    position: relative;
    text-align: center;
	border-top: 0px solid #DBDCD3;
}
.btn.style01 {
    width: 63px;
    height: 63px;
    display: inline-block;
    background: #A2A2A2;
    color: #fff;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 10px;
    word-break: break-all;
    text-align: center;
    margin: 0 6px;
}
.btn-wrap {
    position: relative;
}
.btn, .ibtn {
    display: inline-block;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    border: none;
    padding: 0;
    background: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.btn-wrap .ibtn {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    opacity: 0;
}

.btn.style01:hover {
    background: #D3122A;
    box-shadow: 3px 3px 5px 0px #cccccc;
}
.ibtn {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.ibtn:hover {
    background-position: 0 100%;
}


/****cart_img***/
.cartImg{
	max-width: 100%;
    height: auto;
}
@media (max-width: 768px) {
.cartImg{
	max-width: 50%;
    height: auto;
}
}

@media screen and (max-width: 1280px){
.table td[data-title]:before {
    display: block;
    margin: 0 0 5px 0;
}

}


.table td[data-title]:before {
    content: attr(data-title);
    display: inline-block;
    color: #ccc;
    font-size: 14px;
}

.red{
	color:red;
	text-decoration: underline;
}


.red:hover {
    text-decoration: none;
	color:red;
}
/***結帳第二步,購物資訊***/
.warning {
    width: 100%;
    background-color: #ffffcc;
    border: 1px solid #ff9900;
    padding: 8px;
    box-sizing: border-box;
    margin-bottom: 15px;
}
.warning .title {
    color: #111;
    font-size: 16px;
    font-weight: bold;
    margin: 2px 2px 5px;
}


.warning p {
    border-bottom: 0px solid #e8e8e8;
    color: #111;
    font-size: 15px;
    font-weight: normal;
    margin: 0 2px;
}
.quickLogin {
    margin-top: 1px;
}
#glogin {
    margin-top:21px;
}

.fbLink button.fbBtn {
    border: none;
    margin: 5px auto;
    padding: 12px 43px;
    width: 100%;
    margin-bottom: 13px;
    text-align: center;
}

.fbLink .fbBtn {
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
    letter-spacing: 1px;
    margin: 21px auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding: 7px 43px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    background: #3b5998;
}

.fbLink .fbBtn:hover {
    background-color: #4664a5;
    -webkit-box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.5);
}

.gLink button.gBtn {
    border: none;
    margin: 5px auto;
    padding: 7px 43px;
    width: 100%;
    margin-bottom: 13px;
    text-align: center;
}
.gLink .gBtn {
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
    letter-spacing: 1px;
    margin: 20px auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding: 15px 43px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    background: #ec170c;
}
.gLink .gBtn:hover {
    background-color: #ec2c22;
    -webkit-box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.5);
}


.tips {
    line-height: 18px;
    min-height: 0px;
    margin: -5px 0 10px;
    color: #FF4D4D;
    font-size: 13px;
    padding: 0 5px;
    clear: both;
}

/******訂單查詢********/
.table-h {
    border-top: 1px solid #DCDCDC;
    color: #6A6A6A;
}
table, table td, table th {
    /*border: 0px solid #ccc;*/
}
.table-h thead {
    display: none;
}
.table-h thead {
    border-bottom: 1px solid #DCDCDC;
}

.table>thead>tr>th {
    color: #777;
    background: #eee;
    padding: 12px;
    text-align: center;
}
table th {
    background: #999;
    color: #fff;
    padding: 10px;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
}

.order-table td {
    min-width: 40px;
}
.table-h td {
    padding: 10px 6px;
    line-height: 1.4;
    text-align: center;
    max-width: 111px;
}
@media screen and (max-width:768px){
    .table-h td {
        max-width: unset;
    }
}
.productCount{
    padding: 5px 10px;
}
.table-h td[data-title]:before {
    content: attr(data-title);
    display: inline-block;
    color: #ccc;
    font-size: 14px;
}
.order-table .num-link {
    color: #6A6A6A;
    font-size: 15px;
    font-weight: bold;
}
.table-h a {
    display: inline-block;
    vertical-align: middle;
}

.order-table .btn-holder {
    padding: 10px 5px;
    width: 160px;
}

.table-h .btn-holder {
    min-width: 30px;
}
.order-table .btn-holder {
    padding: 10px 5px;
    width: 160px;
}
.table .btn.order-use {
    width: 90px;
    line-height: 34px;
    padding: 0 10px;
    background: transparent;
    border: 1px solid #7EB434;
    color: #7EB434;
    font-size: 15px;
    margin: 3px;
    border-radius: 0px;
}

.table .btn.detail {
    background: #f33155;
    color: #fff;
    border-radius: 25px;
    border: 1px solid #f33155;
}

.table .btn.inform, .table .btn.go-msg {
    border-color: #7EB434;
}

@media screen and (max-width: 767px){
.table-h {
    border-top: 1px dashed #bbb;
}
}

@media screen and (max-width: 767px){
.table-h tr, .table-h td {
    display: block;
    text-align: left;
}
}

@media screen and (max-width: 767px){
.table-h tr {
    padding: 10px 0;
    position: relative;
}
}
@media screen and (max-width: 767px){
    /*
.table-h td+td {
    border-left: 0;
    display: -webkit-box;
}

    */
.table-h td {
    padding: 0;
    line-height: 2;
}

}

@media screen and (max-width: 1280px){
.table-h td[data-title]:before {
    display: block;
    margin: 0 0 5px 0;
}
}
@media screen and (max-width: 767px){
.table-h td[data-title]:before {
    content: attr(data-title);
    display: inline-block;
    color: #aaa;
    font-size: 13px;
    margin: 0;
}
/*
.table-h td {
    padding: 10px 6px;
    line-height: 1.4;
    text-align: left;
    max-width: 100%;
}
*/
.table td, .table th {
   
    border-top: 0px solid #dee2e6;
}


}

.table-h td[data-title]:before {
    content: attr(data-title);
    display: inline-block;
    color: #ccc;
    font-size: 14px;
}


/**********end_member_order**************/
.clearfix {
    display: block;
}
.table-v {
    color: #777;
    font-size: 14px;
}
.table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    word-break: break-all;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
.table-v tr {
    border-bottom: 1px solid #ddd;
}

.table-v th {
    text-align: left;
    width: 110px;
    font-weight: normal;
    position: relative;
    background: #a9a9a9;
}



/******手機下拉選項*******/
@media (min-width: 992px){
.display-in-mobile1 {
    display: none;
}
}



/* Archive */

.archive-post{
	padding: 50px 0px 40px;
}
@media (max-width: 768px) {
.archive-post {
	padding: 40px 0px 40px;
}

}


body.archive-post{
	padding: 0px;
}
/* Arvhive Product */

.margin-bottom20 {
    margin-bottom: 20px !important;
}


/****************/

.g-mx-minus-10 {
    margin-left: -0.71429rem;
    margin-right: -0.71429rem;
}
@media (min-width: 0){
.g-mb-70 {
    margin-bottom: 5rem !important;
}
}
@media (min-width: 0){
.g-px-10 {
    padding-left: 0.71429rem !important;
    padding-right: 0.71429rem !important;
}
}
@media (min-width: 0){
.g-mb-15 {
    margin-bottom: 1.07143rem !important;
}
}

/*------------------------------------
  Block Hovers
------------------------------------*/
[class*="u-block-hover"] {
  position: relative;
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

[class*="u-block-hover"], [class*="u-block-hover"]::before, [class*="u-block-hover"]::after {
  transition: all .3s ease;
}


[class*="u-block-hover__additional"] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}



.u-block-hover [class*="icon-"] {
  padding: 1px;
}

.u-block-hover:hover [class*="u-block-hover__additional--slide"],
.u-block-hover:hover [class*="u-block-hover__additional--partially-slide"] {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.u-block-hover__additional--slide-up {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

.u-block-hover__additional--slide-down {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

.u-block-hover__additional--slide-left {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.u-block-hover__additional--slide-right {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.u-block-hover__additional--slide-bottom-right {
  -webkit-transform: translate(-100%, -100%);
      -ms-transform: translate(-100%, -100%);
          transform: translate(-100%, -100%);
}

.u-block-hover__additional--slide-bottom-left {
  -webkit-transform: translate(100%, -100%);
      -ms-transform: translate(100%, -100%);
          transform: translate(100%, -100%);
}

.u-block-hover__additional--slide-top-right {
  -webkit-transform: translate(-100%, 100%);
      -ms-transform: translate(-100%, 100%);
          transform: translate(-100%, 100%);
}

.u-block-hover__additional--slide-top-left {
  -webkit-transform: translate(100%, 100%);
      -ms-transform: translate(100%, 100%);
          transform: translate(100%, 100%);
}

.u-block-hover__additional--partially-slide-up {
  top: auto;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  overflow: visible;
}

.u-block-hover__additional--partially-slide-up .u-block-hover__visible {
  position: absolute;
  bottom: 100%;
  margin-bottom: -1px;
  left: 0;
  right: 0;
  padding-left: inherit;
  padding-right: inherit;
  background: inherit;
}

.u-block-hover__additional--partially-slide-down {
  bottom: auto;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  overflow: visible;
}

.u-block-hover__additional--partially-slide-down .u-block-hover__visible {
  position: absolute;
  top: 100%;
  margin-top: -1px;
  left: 0;
  right: 0;
  padding-left: inherit;
  padding-right: inherit;
  background: inherit;
}

.u-block-hover--cot {
  -webkit-perspective: 50em;
          perspective: 50em;
}

[class*="u-block-hover__additional--cot"] {
  opacity: 0;
  z-index: 1;
}

.u-block-hover--cot:hover [class*="u-block-hover__main--cot"] {
  opacity: 0;
}

.u-block-hover--cot:hover [class*="u-block-hover__additional--cot"] {
  opacity: 1;
  transition-delay: 0.21s;
}

.u-block-hover__main--cot-up {
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
}

.u-block-hover__additional--cot-up {
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
}

.u-block-hover--cot:hover .u-block-hover__main--cot-up {
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg);
}

.u-block-hover--cot:hover .u-block-hover__additional--cot-up {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}

.u-block-hover__main--cot-down {
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
}

.u-block-hover__additional--cot-down {
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg);
  -webkit-transform-origin: 50% -50%;
      -ms-transform-origin: 50% -50%;
          transform-origin: 50% -50%;
}

.u-block-hover--cot:hover .u-block-hover__main--cot-down {
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
  opacity: 0;
}

.u-block-hover--cot:hover .u-block-hover__additional--cot-down {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}

.u-block-hover__main--cot-left {
  -webkit-transform-origin: 0% 50%;
      -ms-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
}

.u-block-hover__additional--cot-left {
  -webkit-transform: rotateY(-90deg);
          transform: rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}

.u-block-hover--cot:hover .u-block-hover__main--cot-left {
  -webkit-transform: rotateY(90deg);
          transform: rotateY(90deg);
}

.u-block-hover--cot:hover .u-block-hover__additional--cot-left {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}

.u-block-hover__main--cot-right {
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}

.u-block-hover__additional--cot-right {
  -webkit-transform: rotateY(90deg);
          transform: rotateY(90deg);
  -webkit-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
          transform-origin: 0 50%;
}

.u-block-hover--cot:hover .u-block-hover__main--cot-right {
  -webkit-transform: rotateY(-90deg);
          transform: rotateY(-90deg);
}

.u-block-hover--cot:hover .u-block-hover__additional--cot-right {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}

.u-block-hover--flip {
  -webkit-perspective: 50em;
          perspective: 50em;
}

[class*="u-block-hover__main--flip"] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

[class*="u-block-hover__additional--flip"] {
  opacity: 0;
}

.u-block-hover--flip:hover [class*="u-block-hover__main--flip"] {
  opacity: 0;
}

.u-block-hover--flip:hover [class*="u-block-hover__additional--flip"] {
  opacity: 1;
  transition-delay: 0.13999999999999999s;
}

.u-block-hover__additional--flip-horiz {
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
  -webkit-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
          transform-origin: 0 50%;
}

.u-block-hover--flip:hover .u-block-hover__main--flip-horiz {
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
}

.u-block-hover--flip:hover .u-block-hover__additional--flip-horiz {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}

.u-block-hover__additional--flip-vert {
  -webkit-transform: rotateY(90deg);
          transform: rotateY(90deg);
  -webkit-transform-origin: 50% 0%;
      -ms-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
}

.u-block-hover--flip:hover .u-block-hover__main--flip-vert {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.u-block-hover--flip:hover .u-block-hover__additional--flip-vert {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}

.u-block-hover__additional--flip-diag-1 {
  -webkit-transform: rotate3d(1, 1, 0, 100deg);
          transform: rotate3d(1, 1, 0, 100deg);
}

.u-block-hover--flip:hover .u-block-hover__main--flip-diag-1 {
  -webkit-transform: rotate3d(-1, -1, 0, 100deg);
          transform: rotate3d(-1, -1, 0, 100deg);
}

.u-block-hover--flip:hover .u-block-hover__additional--flip-diag-1 {
  -webkit-transform: rotate3d(0, 0, 0, 0deg);
          transform: rotate3d(0, 0, 0, 0deg);
}

.u-block-hover__additional--flip-diag-2 {
  -webkit-transform: rotate3d(1, -1, 0, 100deg);
          transform: rotate3d(1, -1, 0, 100deg);
}

.u-block-hover--flip:hover .u-block-hover__main--flip-diag-2 {
  -webkit-transform: rotate3d(-1, 1, 0, 100deg);
          transform: rotate3d(-1, 1, 0, 100deg);
}

.u-block-hover--flip:hover .u-block-hover__additional--flip-diag-2 {
  -webkit-transform: rotate3d(0, 0, 0, 0deg);
          transform: rotate3d(0, 0, 0, 0deg);
}

.u-block-hover--fold {
  -webkit-perspective: 50em;
          perspective: 50em;
}

[class*="u-block-hover__main--fold"] {
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
}

[class*="u-block-hover__additional--fold"] {
  z-index: 1;
  opacity: 0;
}

.u-block-hover--fold:hover [class*="u-block-hover__main--fold"] {
  opacity: 0;
  transition-delay: 0;
}

.u-block-hover--fold:hover [class*="u-block-hover__additional--fold"] {
  -webkit-transform: rotateX(0deg) translate3d(0, 0, 0) scale(1);
          transform: rotateX(0deg) translate3d(0, 0, 0) scale(1);
  opacity: 1;
  transition-delay: .21s;
}

.u-block-hover__main--fold-up {
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
}

.u-block-hover__additional--fold-up {
  -webkit-transform: rotateX(-90deg) translate3d(0, -50%, 0) scale(0.6);
          transform: rotateX(-90deg) translate3d(0, -50%, 0) scale(0.6);
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
}

.u-block-hover--fold:hover .u-block-hover__main--fold-up {
  -webkit-transform: rotateX(90deg) scale(0.6) translateY(50%);
          transform: rotateX(90deg) scale(0.6) translateY(50%);
}

.u-block-hover__main--fold-down {
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
}

.u-block-hover__additional--fold-down {
  -webkit-transform: rotateX(90deg) translate3d(0, 50%, 0) scale(0.6);
          transform: rotateX(90deg) translate3d(0, 50%, 0) scale(0.6);
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
}

.u-block-hover--fold:hover .u-block-hover__main--fold-down {
  -webkit-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
          transform: rotateX(-90deg) scale(0.6) translateY(-50%);
}

.u-block-hover__main--fold-left {
  -webkit-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
          transform-origin: 0 50%;
}

.u-block-hover__additional--fold-left {
  -webkit-transform: rotateY(90deg) translate3d(-50%, 0, 0) scale(0.6);
          transform: rotateY(90deg) translate3d(-50%, 0, 0) scale(0.6);
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}

.u-block-hover--fold:hover .u-block-hover__main--fold-left {
  -webkit-transform: rotateY(-90deg) scale(0.6) translateX(50%);
          transform: rotateY(-90deg) scale(0.6) translateX(50%);
}

.u-block-hover__main--fold-right {
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}

.u-block-hover__additional--fold-right {
  -webkit-transform: rotateY(-90deg) translate3d(50%, 0, 0) scale(0.6);
          transform: rotateY(-90deg) translate3d(50%, 0, 0) scale(0.6);
  -webkit-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
          transform-origin: 0 50%;
}

.u-block-hover--fold:hover .u-block-hover__main--fold-right {
  -webkit-transform: rotateY(90deg) scale(0.6) translateX(-50%);
          transform: rotateY(90deg) scale(0.6) translateX(-50%);
}

.u-block-hover__additional--zoom-in {
  opacity: 0;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
}

.u-block-hover:hover .u-block-hover__additional--zoom-in {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

.u-block-hover__additional--zoom-out {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  opacity: 0;
}

.u-block-hover:hover .u-block-hover__main--zoom-out {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0;
}

.u-block-hover:hover .u-block-hover__additional--zoom-out {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  transition-delay: .35s;
}



.u-block-hover:hover img[class*="u-block-hover__main--mover-"],
.u-block-hover:hover [class*="u-block-hover__additional--mover-"] {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
          transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}

img[class*="u-block-hover__main--mover-"] {
  max-width: initial;
  width: calc(100% + 50px);
  transition-duration: 0.5s;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

[class*="u-block-hover__additional--mover-"] {
  opacity: 0;
  transition-duration: 0.5s;
}


img.u-block-hover__main--mover-down {
  -webkit-transform: translate3d(0, -20px, 0) scale3d(1.1, 1.1, 1.1);
          transform: translate3d(0, -20px, 0) scale3d(1.1, 1.1, 1.1);
}

.u-block-hover__additional--mover-down {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}



/*------------------------------------
  以下有用到
------------------------------------*/
.g-bg-cover {
    position: relative;
}
.g-bg-cover::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.g-z-index-1 {
    z-index: 1;
}
.g-right-0 {
    right: 0;
}
.g-top-0 {
    top: 0;
}





@media (min-width: 0){
.g-pa-35 {
    padding: 2.5rem !important;
}
.g-pa-25 {
    padding: 1.78571rem !important;
}
.g-mb-30 {
    margin-bottom: 2.14286rem !important;
}

}

.g-pos-abs{
    position: absolute !important;
}

.g-pos-abs1 {
    /*position: absolute !important;*/
}

.g-color-white-opacity-0_7, .g-color-white-opacity-0_7--hover:hover {
    color: rgba(255, 255, 255, 0.7) !important;
}
.g-font-weight-600 {
    font-weight: 600 !important;
}
.g-font-size-12 {
    font-size: 0.85714rem !important;
}


.mb-2, .my-2 {
    margin-bottom: .5rem!important;
}

.d-block {
    display: block!important;
}

.g-color-white {
    color: #fff;
}
.g-cursor-pointer {
    cursor: pointer;
}
.u-link-v7 {
    margin-right: 30px;
    transition: all .4s;
}

.g-color-white-opacity-0_9, .g-color-white-opacity-0_9--hover:hover {
    color: rgba(255, 255, 255, 0.9) ;
}

.mb-0, .my-0 {
    margin-bottom: 0!important;
}

.u-block-hover:hover .g-color-three--hover, .g-color-three--hover:hover {
    color: #72c02c;
}

.g-bg-white-gradient-opacity-v1, .g-bg-white-gradient-opacity-v1--after::after {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    background-repeat: repeat-x;
}
.g-mx-minus-10 {
    margin-left: -0.71429rem;
    margin-right: -0.71429rem;
}

.user-login{
    letter-spacing: 2px;
}

#paymentType{
    width: 100%;
    padding: 10px;
    color: #747474;
    border-color: #919191;
}
.memberOKBtn{
    padding-top:0px;
}

.saleTag{
    background: #ff9992;
    color: #FFF;
    padding: 0px 3px;
    font-size: 12px;
}
.memberHint{
    margin:10px 0;
}
.memberHint input[type=checkbox]{
    margin-top: -1px;
    margin-right: 3px;
}

.cart-table .product-name {
    display: inline-block;
    text-align: left;
}

.transBlock {
	top: 0;
	z-index: 110
}

	.transBlock > div {
		display: inline-block
	}

	.transBlock > ul {
		display: inline-block;
		margin: 0 5px
	}

@media screen and (max-width :768px) {
	.transBlock > ul {
		display: block
	}
}