*{margin: 0;padding: 0;}
.fa{font-family: 'FontAwesome'!important;}
html,body{border: 0;background-color: #fff;}
html{font-size: 62.5%;-webkit-overflow-scrolling: touch;-webkit-text-size-adjust:none;-ms-text-size-adjust:100%;}
img{max-width:100%;}
body{
	line-height:1.4;
	font-size: 14px;
	overflow-x: hidden;
	background : #fff;
	position: initial !important;
	font-family: var(--vx-font);
	color: var(--vx-text);
}
/* 1.2 - HTML5 Elements */
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section { display:block; }
/* 1.4 - Typography */
h1,h2,h3,h4,h5,h6,h7,.h1,.h2,.h3,.h4,.h5,.h6 { color:#252a2b; margin:0 0 13px 0;  font-weight:600;line-height:1.4}
h1, .h1 { font-size: 48px;letter-spacing: 0px;}
h2, .h2 { font-size: 44px;letter-spacing: 0px;}
h3, .h3 { font-size: 36px;letter-spacing: 0px;}
h4, .h4 { font-size: 32px;letter-spacing: 0px;}
h5, .h5 { font-size: 24px;letter-spacing: 0px;}
h6, .h6 { font-size: 20px;letter-spacing: 0px;}
h7, .h7 { font-size: 18px;letter-spacing: 0px;}

@media (max-width: 990px){
h1, .h1 { font-size: 44px;letter-spacing: 0px; }
h2, .h2 { font-size: 36px;letter-spacing: 0px;}
h3, .h3 { font-size: 32px;letter-spacing: 0px;}
h4, .h4 { font-size: 24px;letter-spacing: 0px;}
h5, .h5 { font-size: 20px;letter-spacing: 0px;}
h6, .h6 { font-size: 18px;letter-spacing: 0px;}
h7, .h7 { font-size: 16px;letter-spacing: 0px;}
}
@media (max-width: 767px){
  h1, .h1 { font-size: 36px;letter-spacing: 0px;}
  h2, .h2 { font-size: 32px;letter-spacing: 0px;}
  h3, .h3 { font-size: 24px;letter-spacing: 0px;}
  h4, .h4 { font-size: 20px;letter-spacing: 0px;}
  h5, .h5 { font-size: 18px;letter-spacing: 0px;}
  h6, .h6 { font-size: 16px;letter-spacing: 0px;}
  h7, .h7 { font-size: 14px;letter-spacing: 0px;}
}
@media (max-width: 480px){
  h1, .h1 { font-size: 36px;letter-spacing: 0px;}
  h2, .h2 { font-size: 32px;letter-spacing: 0px;}
  h3, .h3 { font-size: 28px;letter-spacing: 0px;}
  h4, .h4 { font-size: 22px;letter-spacing: 0px;}
  h5, .h5 { font-size: 20px;letter-spacing: 0px;}
  h6, .h5 { font-size: 18px;letter-spacing: 0px;}
  body {
    letter-spacing: -0.1px;
  }
}
p{ margin: 0 0 10px 0;}
/* 1.5 - Links and Buttons */
a {color:#252a2b;text-decoration: none; outline: none; -moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
a:hover,a:focus{color:#65d1e6;text-decoration: none; outline: none;}	
a:active { outline: none; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#252a2b;line-height: 1.4; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color:#65d1e6;}
/* 1.6 - Tables */
table { width: 100%; border-spacing: 0; }
table tr td { border-top: 1px solid #dddddd; }
table tr td, table tr th { padding: 10px; text-align: left; }
table tr td:first-child, table tr th:first-child { padding-left: 0px; }
table tr td:last-child, table tr th:last-child { padding-right: 0px; }
strong { font-weight: 700; }
em { font-style: italic; }
/* 2.3 - Lists */
ul{	padding:0;list-style-type:none;}
ul.unstyled, ol.unstyled { margin: 0; list-style: none outside none; }
ul.unstyled > li, ol.unstyled > li { list-style: none; }
ul.horizontal > li, ol.horizontal > li { display: block; float: left; }
ul.horizontal-inline, ol.horizontal-inline { text-align: center; }
ul.horizontal-inline > li, ol.horizontal-inline > li { display: inline; margin: 0 5px; }
ul.expanded > li, ol.expanded > li { margin-bottom: 10px; }
a{transition: opacity 150ms linear, color 150ms linear, background 150ms linear;}
input:focus {outline: none;}
/* lazyload */
.owl-carousel .owl-item img,
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
	max-height: initial !important; 
}
img.owl-lazy:not([src]){visibility: hidden;}
.owl-carousel .owl-item img {
	width: auto!important;
	text-align: center;
	margin: auto;
	overflow: hidden;
}

.ratiobox {position: relative;display: block;}
.ratiobox .ls-blur-up-is-loading,.ratiobox .lazyload:not([src]) {	visibility: hidden;min-height:200px}
.ratiobox .ls-blur-up-img{
	position: absolute;top: 0;left: 0;
	width: 100%;height: 100%;display: block;
	font-family: "blur-up: auto", "object-fit: contain";
	-o-object-fit: contain;object-fit: contain;filter: blur(8px);
	opacity: 1;transition: opacity 500ms, filter 700ms;
}
.ratiobox .ls-blur-up-img.ls-inview.ls-original-loaded {opacity: 0;	filter: blur(5px);}
.row-20 {
	margin-right: -10px;
	margin-left: -10px;
}
.mb-20 {
	margin-bottom: 20px;
}
.row-20 > [class*="col-"] {
	padding-right: 10px;
	padding-left: 10px;
}
/* END ++++ lazyload */
@media(min-width:1200px) {}
@media(min-width:1200px) {
	.container-fluid {max-width: 1600px;padding: 0 30px;}
	.layout-pageContact .container-fluid {padding-left: 0;}
}
@media(min-width:1280px) {	.container-fluid {padding: 0 75px;}}
.mainContent-theme {min-height: 80vh;}
/*========================================================================*/
main.main-index{position: relative;	z-index:99;}
.button {
	position: relative;
	display: inline-block;
	padding: 10px 28px;
	line-height: normal;
	border: 1px solid #ffffff;
	border-radius: 0;
	text-transform: uppercase;
	font-size: 12px;
	text-align: center;
	letter-spacing: 1px;
	background-color: transparent;
	-webkit-transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	z-index: 1;
	color: #252a2b;
	overflow: hidden;
}
.button:before {
	position: absolute;
	content: '';
	display: block;
	left: -2px;
	top: 0;
	right: -2px;
	bottom: 0;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	transform-origin: left center;
	z-index: -1;
	background-color: #ffffff;
	-webkit-transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),-webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.button:hover {color:#fff;}
.button.dark {color: #fff;border-color: #65d1e6;}
.button.dark:before {background-color:#65d1e6;}
.button.dark:hover {color:#252a2b;}
.button:hover:before {
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
}
.wrap-flex-align{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.flex-column{	-webkit-flex-direction: column;flex-direction: column;}
button:focus{border-color: transparent; outline: none;}
.heading-page h1{font-size: 30px;font-weight: 700;margin-bottom: 30px;}

.sitebox-recaptcha {padding:6px 0 0;text-align: left;color: #9e9e9e; font-size: 13px;    clear: both;}
.sitebox-recaptcha a{color: #2962ff;}
.grecaptcha-badge { visibility: hidden; }

.pd-page {padding-top:30px;}
.main-body {position: relative;}
@media(min-width:1200px){
	.animation-tran .site-animation{-webkit-transform:translateY(60px);-moz-transform:translateY(60px);-o-transform:translateY(60px);transform:translateY(60px);opacity:0;-webkit-transition:opacity 300ms linear, transform 300ms linear;-moz-transition:opacity 300ms linear, transform 300ms linear;-o-transition:opacity 300ms linear, transform 300ms linear;transition:opacity 300ms linear, transform 300ms linear}
	.animation-tran.active .site-animation{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}
.site-overlay{	
	background: rgba(225, 225, 225, 0.05);
	position: fixed;left: 0;top:0;z-index: 100;
	width: 100vw;height: 100vh;opacity: 0;
	visibility: hidden;	transition: all 200ms linear;
}
.locked-scroll .site-overlay{opacity: 1;	visibility: visible;}

/*------------------------- PRODUCT ITEM-------------------------*/
.pro-loop {display: block;position: relative;}
/*--------------------------------------------------------------------
PRODUCT DETAIL 
--------------------------------------------------------------------*/
.product-detail-wrapper {padding: 30px 0;}
.product-detail-main {margin-bottom: 40px;}
.product-title { padding: 0 0 10px;border-bottom: 1px dotted #dfe0e1;}
.product-title h1 {
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 5px;
	line-height: initial;
}
#pro_sku {font-size: 12px;color: #a3a5a7;}
.hook-reviews {border-bottom: 1px dotted #dfe0e1;padding-bottom: 15px;}
.hook-reviews .rating {
	line-height: 1;
	position: relative;
	white-space: nowrap;
	display: inline-block;
	width
}
.hook-reviews .rating .rating {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 1;
	overflow: hidden;
	line-height: 1;
}
.hook-reviews .rating .icon {display: inline-block;}
.hook-reviews .rating .icon::before {
	color: #d5d5d5;
	content: "\f005";
	font-family: "FontAwesome",sans-serif;
	font-size: 13px;
	font-style: normal;
}
.hook-reviews .rating .icon.star-full::before {color: #ffae00;}
.number-rating {padding-left: 5px;font-size: 13px;}
.product-price {padding: 10px 0;border-bottom: 1px dotted #dfe0e1;}
.product-price span.pro-price {
	font-size: 18px;
	opacity: .92;
	font-weight: bold;
	color:red;
}
.product-price span.pro-sale{
	display: inline-block;
	padding:5px 15px;
	margin-right: 10px;
	background: #ededed;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 12px;
	color: #f94c43;
}
.product-price del{font-size: 14px;color:#777a7b;padding-left: 10px;font-weight: 500;}
.selector-actions { width: 100%;margin-top: 15px;}
.module-wrap-sizes{
	margin-bottom:15px;display: -webkit-flex;display: -ms-flex;
	-webkit-align-items: center; align-items: center;
	-ms-justify-content: space-between;justify-content: space-between;
}
.module-wrap-sizes .box-item + .box-item{padding-left:15px}
.module-wrap-sizes .btn-size-guide {
	font-size: 14px;color:#252a2b;font-weight: 500;padding:2px;
	border: 0;background: transparent;outline: none; box-shadow: none;
}
.module-wrap-sizes .btn-size-guide span{
	padding-bottom:1px;
	background-image: linear-gradient(to right, #777a7b 0%, #777a7b 100%);
	background-size: 100% 1px;background-position: 0px 94%;background-repeat: no-repeat;
}
.quantity-area input#quantity {
	background: #fff;
	font-weight: 600;
	height: 32px;
	padding: 0;
	text-align: center;
	width: 70px;
	border: 1px solid #f5f5f5;
	border-left: none;
	border-right: none;
	border-radius: 1px;
	float: left;
	-webkit-appearance: none;
}
.quantity-area input.qty-btn {
	float: left;
	background: #f5f5f5;
	border: solid 1px #f5f5f5;
	cursor: pointer;
	font-weight: 600;
	font-size: 16px;
	outline: none;
	height: 32px;
	width: 32px;
	text-align: center;
	border-radius: 0;
}
button.btn-addtocart{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	box-shadow: none;
	padding: 14px 35px;
	line-height: 22px;
	width:100%;
}
button.btn-addtocart[disabled] {opacity: 0.8;}
.product-description {margin: 20px 0;}
.product-description .title-bl h2,
.product-description h2,
.product-description h3{
	font-size:14px;	
	font-weight:700;
}
.description-productdetail * { max-width: 100% !important; }
.description-productdetail ul {list-style: initial; padding-left: 20px; }
.description-productdetail ol {list-style-type: decimal; padding-left: 20px; }
.description-productdetail ul ul {list-style-type: circle; }
..description-productdetail ul ul ul {list-style-type: square; }
..description-productdetail ul li, .description-productdetail ol li { margin: 5px 0; }
.product-gallery__thumbs-container {
	width: 9%;
	margin-right: 10px;
}
.product-gallery__thumbs {
	box-sizing: border-box;	width: 100%;padding-bottom:1px;
	position: -webkit-sticky;position: sticky;top: 65px;
	height: 100%;
	overflow-y: auto;
}
.product-gallery__thumb a {background-color: #f3f3f3;display: block;}
.product-gallery__thumb {
	line-height: 0;
	margin-bottom: 10px;
	border: 1px solid #f7f7f8;
	width: 100%
}
.product-gallery__thumb:last-child {margin-bottom: 0}
.product-gallery__thumb:hover {border-color: #a3a5a7}
.product-gallery__thumb img {
	cursor: pointer;
	background-color: #f7f7f8;
	width: 100%
}
.product-gallery__thumb.active,
.product-gallery__thumb.active:hover {border-color: #808284}
.product-gallery__thumb.active img {opacity: .9;width: 100%}
.product-gallery {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.product-image-detail {
	width: 91%;
	padding-left: 10px;
	position:relative;
}
.product-gallery-item {text-align:center;margin-bottom: 10px}
.product-full-img {text-align: center;}
.product-full-img .no_image {width: 50%;}

/* ------------------------ Style variant ------------------------ */
.product-image-detail ul {margin:0;}
.selector-wrapper,.select {display: none;}
.swatch { padding:10px 0 6px;width: 100%; float: left;border-bottom: 1px dotted #dfe0e1;}
.swatch .header{
	margin:0 0 8px;
	font-size:13px;
	text-align:left;
	line-height: initial;
}
.swatch input { display:none;}
.swatch > label.tt-label {
	margin-right: 10px;
	font-size: 14px;
	font-weight: 500; 
	vertical-align: middle;
	text-transform: uppercase;
	width: 85px;
	text-align: right;
}
.swatch .select-swap {display: inline-block;	vertical-align: middle;}
.swatch input {display: none;}
.swatch .swatch-element {display: inline-block;	margin-right: 8px;margin-bottom:8px;position: relative;vertical-align: bottom;}
.swatch .swatch-element label{
	display: block;
	margin: 0;
	background: #fff;
	min-width: 40px;padding:4px;    padding: 10px 5px;
	position: relative;
	border: 1px solid #e5e5e5;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	cursor: pointer;
}
.swatch .swatch-element.color.soldout label span {overflow: hidden;position: relative;}
.swatch .swatch-element.color.soldout label span:before {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 50%;
	height:50%;
	background: url(//cdn.hstatic.net/themes/200001163964/1001489749/14/sold_out.png?v=2569) no-repeat;
	background-size: contain;background-position: center;
}
.swatch .swatch-element.soldout label{opacity:0.65}
.swatch .swatch-element.color label{min-width: initial;width:30px;height:30px;padding:3px;border-radius: 50%;border: none;}
.swatch .swatch-element.color span {
	display: block;
	width: 100%;
	height: 100%;
	margin-top: 0;
	font-size: 0;
	border-radius: 50%;
	border: 1px solid #dfe0e1;
}
.swatch .swatch-element.color label.sd {background: transparent;border:1px solid #808284}
.swatch .swatch-element label.sd{border: 1px solid #000;background: #000;color: #fff;}
.swatch .swatch-element.soldout:not(.color) label {overflow: hidden;}
.swatch .swatch-element.soldout:not(.color) label:before {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 50%;
	height:50%;
	background: url(//cdn.hstatic.net/themes/200001163964/1001489749/14/sold_out.png?v=2569) no-repeat;
	background-size: contain;background-position: center;
}

label[for="product-select-option-0"] { display: none; }
label[for="product-select-option-1"] { display: none; }
label[for="product-select-option-2"] { display: none; }
#product-select-option-0 { display: none; }
#product-select-option-1 { display: none; }
#product-select-option-2 { display: none; }
#product-select-option-0 + .custom-style-select-box { display: none !important; }
#product-select-option-1 + .custom-style-select-box { display: none !important; }
#product-select-option-2 + .custom-style-select-box { display: none !important; }
@media (max-width:767px) {
	.swatch .swatch-element.color {margin:5px 8px 5px 0;}
}

/* ------------------- Setting varian màu sắc -------------------- */

/* ------------------- Setting varian màu sắc -------------------- */




.color.swatch-element label.hong span {
	background: #ef5777 !important;
}




.color.swatch-element label.vang span {
	background: #ffd32a !important;
}




.color.swatch-element label.xam span {
	background: #d2dae2 !important;
}




.color.swatch-element label.xanh span {
	background: #3c40c6 !important;
}




.color.swatch-element label.xanh-la span {
	background: #0be881 !important;
}




.color.swatch-element label.sen span {
	background: #f53b57 !important;
}




.color.swatch-element label.xanh-bien span {
	background: #0fbcf9 !important;
}




.color.swatch-element label.den span {
	background: #000000 !important;
}




.color.swatch-element label.trang span {
	background: #ffffff !important;
}




.color.swatch-element label.do span {
	background: #ff3f34 !important;
}




.color.swatch-element label.tim span {
	background: #a55eea !important;
}




.color.swatch-element label.pure-apple span {
	background: #6ab04c !important;
}




.color.swatch-element label.blue span {
	background: #0c2461 !important;
}




.color.swatch-element label.cam span {
	background: #fa8231 !important;
}




.color.swatch-element label. span {
	background: #ffffff !important;
}




.color.swatch-element label. span {
	background: #ffffff !important;
}




.color.swatch-element label. span {
	background: #ffffff !important;
}




.color.swatch-element label. span {
	background: #ffffff !important;
}




.color.swatch-element label. span {
	background: #ffffff !important;
}




.color.swatch-element label. span {
	background: #ffffff !important;
}




.color.swatch-element label. span {
	background: #ffffff !important;
}




.color.swatch-element label. span {
	background: #ffffff !important;
}




.color.swatch-element label. span {
	background: #ffffff !important;
}




.color.swatch-element label. span {
	background: #ffffff !important;
}




.color.swatch-element label. span {
	background: #ffffff !important;
}




.color.swatch-element label. span {
	background: #ffffff !important;
}




.color.swatch-element label. span {
	background: #ffffff !important;
}




.color.swatch-element label. span {
	background: #ffffff !important;
}




.color.swatch-element label. span {
	background: #ffffff !important;
}




.color.swatch-element label. span {
	background: #ffffff !important;
}


.tag-wrapper label{	display: inline-block;margin-right:10px;font-size:14px;font-weight:700;}
.tag-wrapper ul.tags {display: inline-block;}
.tag-wrapper ul.tags li {display: inline-block;list-style-type: none;margin-right:3px;}
.tag-wrapper ul.tags li:after {content: ",";}
.product-image__button {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	z-index:10;
}
.product-sharing,.product-zoom,.gallery-index{
	position: absolute;
	z-index: 6;
}
.product-sharing{	
	display: none;
	height: auto;	
	width: 26px;
	left: 10%;	
	bottom: 50px;
	cursor: pointer;
	padding-bottom: 30px;
	-ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transition:transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.product-sharing .icon {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 5px;
}
.product-sharing a {
	width: 26px;
	position: absolute;
	text-align: center;
	padding: 30px 0;
	margin-bottom: 0;	
	opacity: 0;
	visibility: hidden;
	display: block;
	-ms-transform:transform: translateY(50%);
	-webkit-transform:transform: translateY(50%);
	transform: translateY(50%);
}
.product-sharing a:nth-child(2){bottom:30px;-ms-transition:all 150ms linear;-webkit-transition:all 150ms linear;transition:all 150ms linear}
.product-sharing a:nth-child(3){bottom:80px;-ms-transition:all 150ms linear 100ms;-webkit-transition:all 150ms linear 100ms;transition:all 150ms linear 100ms}
.product-sharing a:nth-child(4){bottom:130px;-ms-transition:all 150ms linear 200ms;-webkit-transition:all 150ms linear 200ms;transition:all 150ms linear 200ms}
.product-sharing a:nth-child(5){bottom:130px;-ms-transition:all 150ms linear 200ms;-webkit-transition:all 150ms linear 200ms;transition:all 150ms linear 200ms}.product-sharing a:nth-child(5){bottom:180px;-ms-transition:all 150ms linear 300ms;-webkit-transition:all 150ms linear 300ms;transition:all 150ms linear 300ms}
.product-sharing:hover a{-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);opacity:1;visibility:visible}
.product-sharing a svg{fill:#000;width:24px;height:24px;}
.product-sharing a:hover svg{fill:#65d1e6;}
.product-zoom {
	width: 30px;
	height: 30px;
	overflow: visible;
	cursor: pointer;
	top: auto;
	bottom: 48px;
	right: 0;
	left: 0;
	margin:auto;
	-ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94),right 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
	-webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94),right 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
	transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94),right 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.product-zoom polyline,.product-sharing .icon svg{fill:#000;}
.product-zoom polyline{-ms-transform:scale(0.9);-webkit-transform:scale(0.9);transform:scale(0.9);transform-origin:center;-ms-transition:transform 150ms linear;-webkit-transition:transform 150ms linear;transition:transform 150ms linear}
@media(min-width:992px){
	.product-zoom:hover polyline:nth-child(1){-ms-transform: scale(0.9) translate3d(-2px, -2px, 0);	-webkit-transform: scale(0.9) translate3d(-2px, -2px, 0);transform: scale(0.9) translate3d(-2px, -2px, 0);}
	.product-zoom:hover polyline:nth-child(2){-ms-transform:scale(0.9) translate3d(2px, -2px, 0);-webkit-transform:scale(0.9) translate3d(2px, -2px, 0);transform: scale(0.9) translate3d(2px, -2px, 0);}
	.product-zoom:hover polyline:nth-child(3){-ms-transform:scale(0.9) translate3d(2px, 2px, 0);-webkit-transform:scale(0.9) translate3d(2px, 2px, 0);transform: scale(0.9) translate3d(2px, 2px, 0);}
	.product-zoom:hover polyline:nth-child(4){-ms-transform:scale(0.9) translate3d(-2px, 2px, 0);-webkit-transform:scale(0.9) translate3d(-2px, 2px, 0);transform:scale(0.9) translate3d(-2px, 2px, 0)}
}

.gallery-index {
	display: none;
	bottom: 55px;
	width: 47px;
	font-size:13px;
	text-align: center;
	font-weight: bold;
	cursor: default;
	right: 10%;
	-ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.icon-pr-fix{-ms-transition:transition: all 300ms linear;-webkit-transition:transition: all 300ms linear;transition:all 300ms linear}

/* ------------------- Zoom product  ------------------------ */
#divzoom {
	position: fixed;
	display: none;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100vh;
	overflow: hidden;
	width: 100vw;
	background: #fff;
}
#divzoom #closedivZoom {
	position: absolute;
	z-index: 1000;
	border: 2px solid #333;
	top: 15px;
	right: 20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: transparent;
}
#divzoom #closedivZoom i:before {
	content: "";
	position: absolute;
	width: 20px;
	height: 2px;
	background: #333;
	left: 20%;
	top: calc(50% - 3px);
	z-index: 1001;
	display: block;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform: rotate(45deg);
}
#divzoom #closedivZoom i:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 2px;
	background: #333;
	right: 30%;
	top: calc(50% - 3px);
	z-index: 1001;
	display: block;
	-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);transform: rotate(-45deg);
}
#divzoom #closedivZoom i {position: relative;width: 40px;height: 40px;display: block;}
.divzoom_main{ height: calc(100vh - 40px);}
.divzoom_main .product-thumb{height:100%;width:100%;}
.divzoom_main .product-thumb img{max-height:100%;}
body.open_layer {overflow: hidden;}
.list-productRelated h2 {text-transform: uppercase;margin: 10px 0 50px;}
.list-productRelated .pro-loop .product-img button {width: 70%;}
@media(min-width:1024px){
	.list-productRelated .pro-loop {width:20%;}
}
.description-productdetail table {min-width: initial!important;}
/* modal guide size*/
.modal-sizes{text-align:center;padding:0!important;background: rgba(3, 17, 27, 0.7);}
.modal-sizes .modal-header { padding: 20px 50px 15px;border-bottom:0;}
.modal-sizes .modal-header.mdal-border{border-bottom: 1px solid #e5e5e5;}
.modal-sizes .modal-header .mdl-title{font-size: 20px;font-weight: 700; margin: 0 0;line-height: initial;}
.modal-sizes .modal-header .close-modal-size {
	position: absolute;top: 8px;right: 8px;
	margin: 0;opacity: 1;display: block;outline: none;
	width:30px;height: 30px;line-height:30px;border-radius: 50%;
	text-align: center;background: #e5e5e5;border: 1px solid #e5e5e5;
}
.modal-sizes .modal-header .close-modal-size svg {
	height: 100%;width: 22px;opacity:0.55;
	-webkit-transition: -webkit-transform .25s, opacity .25s;-moz-transition: -moz-transform .25s, opacity .25s;transition: transform .25s, opacity .25s;
}
.modal-sizes .modal-body {padding:20px;}
.modal-sizes .modal-body .mdl-banner {text-align: center;}
.modal-sizes .modal-body .mdl-note{margin:12px 0 10px;}
.modal-sizes .modal-header .close-modal-size:hover svg{opacity:1;-webkit-transform: scale(1.12);  -moz-transform: scale(1.12); transform: scale(1.12);}
@media(min-width:768px){
	.modal-sizes .modal-dialog {width: 700px;}
}
@media(max-width:767px){
	.modal-sizes .modal-dialog{margin-top:50px;}
	.modal-sizes .modal-header {padding: 12px 44px 12px 12px;}
	.modal-sizes .modal-header .mdl-title {font-size: 18px;text-align: left;}
	.modal-sizes .modal-body {padding: 20px 10px;}
}
/* STYLE PRODUCT PAGE */
.pr_style_02 .product-image-detail {width: 100%;padding-left: 0px;position:relative;}
.pr_style_02 .product-gallery-item {margin-bottom: 10px}
@media(min-width:992px){
	.pr_style_02 .product-gallery-item {width: 50%;	padding-right:5px;float:left;}
	.pr_style_02 .product-gallery-item:nth-of-type(2n) {padding-left:5px;	padding-right:0;}
	.pr_style_03 button.btn-addtocart {width: 60%;}
	.pr_style_02 .product-gallery-item:nth-of-type(2n+1){clear: both;}
	.pr_style_03 .product-gallery__thumbs {position: initial;top: 0;}
	.pr_style_03 .product-content-img {position: -webkit-sticky;position: sticky;top: 70px;}
	.pr_style_03 .product-content-desc {position: initial;top:0;}
	.pr_style_03 .module-wrap-sizes{-ms-justify-content: initial;justify-content: initial;}
	.pr_style_03 .module-wrap-sizes .box-item + .box-item { padding-left: 30px;}
}
/*--------------------------------------------------------------------------------
COLLECTION 
--------------------------------------------------------------------------------*/
.wrap-collection-title .heading-collection {margin: 50px 0;}
.wrap-collection-title .heading-collection h1{
	font-size:24px;	
	font-weight: 700;
	margin:0;
}
.alert-no p,.alert-no-filter p{margin:10px 0 20px;}
.collection-desctext{margin:30px 0 50px; border-top: 1px solid #e7e7e7;padding-top:20px;}
.collection-desctext.mgin-top{margin-top:12px}
/* ---------------------------  MENU CATEGORY  --------------------------- */
.tree-menu li a {
	padding: 5px 5px 5px 0;
	color: #666;
	line-height: 26px; 
	font-size: 12px;
}
.tree-menu > li > a {
	color: #252a2b;
	font-weight: 500;
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 1px;
}
.tree-menu li.has-child ul {display: none;}
.tree-menu li.has-child:first-child ul {display: block;}
.tree-menu li.has-child > ul {padding-left: 15px;}
.tree-menu li a .icon-control {
	font-size:8px;
	position:relative;
	top: -2px;
}

/* ---------------------------  FILTER  --------------------------- */
.content-filter .option{margin-top:30px;}
.option .lb-filter{	display: block;	font-size: 15px;	opacity: .92;	margin-bottom: 0px;}
.custom-dropdown {
	display: inline-block;
	position: relative;
	vertical-align: middle;	
	max-width: 100%;
	overflow: hidden;
	border-radius:0px;
} 
.custom-dropdown::after {
	content: "\f078";
	font-family: FontAwesome;
	font-size: 13px;
	color: #252a2b;
	opacity: .42;
	display: block;
	position: absolute;
	top: 10px;
	right: 17px;
}
.option .custom-dropdown .custom-dropdown__select {
	font-size: 14px;
	width: 100%;
	display: block;
	height: 30px;
	padding: 0 20px 0 0;
	border-color: transparent;
	border-bottom: 1px solid #000;
	background-color: #fff;
	outline: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
	text-indent: 1px;
}
.option .custom-dropdown{	width: 100%;}
.option .custom-dropdown::after{
	content: "\f103";
	font-family: FontAwesome;
	font-size: 14px;
	color: #000;
	display: block;
	position: absolute;
	top: 9px;
	right: 2px;
}
.option .option-children:not(:first-child) {margin-bottom: 30px;}
.option select option { background: #fff;}
.option.browse-tags .lb-filter{display: inline-block;}
.option.browse-tags .custom-dropdown {width: auto;float:right;}

.left-module {margin-bottom: 20px;overflow: hidden;}
.block .title_block {
	display: block;
	font-size: 14px;
	margin: 0 0 5px;
	font-weight: 700;
	text-transform: uppercase;
	background: #f5f5f5;
	padding: 8px 15px;
}
.layered .layered_subtitle{
	text-transform: uppercase;
	font-size: 14px;
	line-height: 22px;
	padding: 10px 0 10px;
	cursor: pointer;
	position: relative;
}
.layered .layered_subtitle span {font-weight: 600;font-size: 13px;}
.layered span.icon-control {
	position: relative;
	top:-2px;
	left: 5px;
	font-size: 8px;
}
.group-filter[aria-expanded=false] .dropdown-filter .icon-control i:before {
	content: "\f067";
}
.group-filter[aria-expanded=false] .layered-content {display: none;height:0;}
.group-filter[aria-expanded=true] .layered-content {height: auto;}
.group-filter .layered-content {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.check-box-list {margin: 0 0 10px;}
.check-box-list li{line-height: 20px;font-size: 12px;}
.check-box-list label{
	display: inline-block;
	cursor: pointer;
	line-height: 18px;
	font-weight: normal;
	margin-bottom:0;
	color:#252a2b;
}
.check-box-list li:hover label {color:#65d1e6;}
.check-box-list input[type="checkbox"]{display: none;}
.filter-price li {font-size: 14px;margin-bottom:5px;}
.filter-price li:last-child {margin-bottom:0;}
.filter-price li span {font-size: 12px;}
.filter-color ul{
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.filter-color li{
	display: inline;
	margin: 0 10px 10px 0;
	line-height: normal;
	float: left;
}
.filter-color li label{
	border: 1px solid #eaeaea;
	width: 25px;
	height: 25px;
	border-radius: 0;
	float: left;
	position: relative;
	background-size: contain;
}
.filter-color li input[type="checkbox"]:checked + label:before{
	position: absolute;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	content: '';
	border-width: 0 0 2px 2px !important;
	height: 5px;
	width: 9px;
	z-index: 99;
	border: solid #fff;
	margin: 7px 0 0 7px;
}
.filter-size li {
	text-align: center;
	margin-right: -1px;
	margin-bottom: -1px;
	float: left;
}
.filter-size li label {
	width: 42px;
	height: 42px;
	line-height: 42px;
	position: relative;
	border: 1px solid #e5e5e5;
}
.filter-size li input[type="checkbox"]:checked + label,.size-filter li:hover label {
	background-color: #111;
	color: #fff;
	border: 1px solid #111;
}
.block .block_content {overflow-y: auto;overflow-x: hidden;}
.bl-filter [type="checkbox"]:not(:checked),
.bl-filter [type="checkbox"]:checked {
	position: absolute;
	left: -9999px; 
}
.bl-filter [type="checkbox"]:not(:checked) + label,
.bl-filter [type="checkbox"]:checked + label {
	position: relative;
	padding-left: 22px;
	cursor: pointer; 
}
.bl-filter [type="checkbox"]:not(:checked) + label:before,
.bl-filter [type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	width: 14px;
	height: 14px;
	border: 1px solid #e5e5e5;
	background: #fff;
	border-radius: 2px; 
}
.bl-filter [type="checkbox"]:checked + label:before {border: 1px solid #000; }
.bl-filter [type="checkbox"]:not(:checked) + label:after,
.bl-filter [type="checkbox"]:checked + label:after {
	position: absolute;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	content: '';
	border-width: 0 0 2px 2px !important;
	height: 4px;
	width: 7px;
	border: solid #111;
	margin: 9px 0 0 4px;
	left: 0;
	top: -3px;
	transition: all .2s; 
}
.bl-filter [type="checkbox"]:not(:checked) + label:after {opacity: 0; }
.bl-filter [type="checkbox"]:checked + label:after {opacity: 1; }
.bl-filter label:hover:before {border: 1px solid #000 !important;}

/*--------------------------------------------------------------------------------
BLOG - ARTICLE
--------------------------------------------------------------------------------*/
.list-article-content .news-content{
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
}
.blog-posts .blog-loop {margin-bottom: 25px}
.blog-posts .blog-loop:nth-of-type(3n+1){clear: both;}
.blog-posts .blog-post .blog-post-thumbnail {display: block;overflow: hidden}
.blog-posts .blog-post .blog-post-thumbnail img {
	-webkit-transition: all 1s ease-in-out 0s;
	-khtml-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
	-ms-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;
	transition: all 1s ease-in-out 0s;
	-webkit-transform: scale(1);
	-khtml-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.blog-posts .blog-post .blog-post-thumbnail:hover img {
	-webkit-transform: scale(1.2);
	-khtml-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2)
}
.blog-posts .blog-post .blog-post-title {
	margin-bottom: 10px;
	font-size: 16px;
	text-transform: none;
	letter-spacing: 0
}
.blog-posts .blog-post .blog-post-meta {margin-bottom: 15px;color: #999}
.blog-posts .blog-post .blog-post-meta>span:after {content: '/';padding-left: 4px}
.blog-posts .blog-post .blog-post-meta>span:last-child:after {content: ''}
.blog-posts .blog-post .blog-post-meta a {color: #999}
.blog-posts .blog-post .blog-post-meta a:hover {color: #000000}

/* article */
.box-article-heading h1{margin:20px 0;font-size: 24px;font-weight:600}
.box-article-heading .header-page {z-index:9;}
.box-article-heading .header-page:after {background:#000;}
ul.article-info-more li{opacity: 0.85;display: inline-block;margin-right: 10px;	font-size: 13px;font-weight: 600;}
ul.article-info-more li i{margin-right:5px;}
.meta-tags .tags-title{font-weight: 500;}
.meta-tags a.tag{opacity: 0.8;font-style: italic;font-size: 14px;}
.meta-tags a.tag:after {content: ",";	margin: 1px;}
.post-navigation {width: 100%;float: left;font-size: 16px;font-weight:600;}
.post-navigation .right{float: right;}
.post-navigation .left{float:left;}
.article-pages,.meta-tags,.article-comment .comment_form,.post-navigation { margin-bottom: 40px;}
.article-pages * {max-width: 100%!important;}
.article-pages h2{font-size:18px}
.article-pages h3{font-size:16px}
.article-pages ul{list-style: initial; padding-left: 20px;}
.article-pages ol{list-style-type: decimal;padding-left: 20px;}
.article-pages ul ul{ list-style-type: circle;}
.article-pages ul ul ul{  list-style-type: square;}
.article-comment .title-bl h2 {	font-size: 20px;text-transform: uppercase;	font-weight: 600;	margin-bottom:30px;}
.article-comment .title-bl h2:after {
	content: "";
	display: block;
	margin-top: 25px;
	width: 30px;
	height: 3px;
	background:#252a2b;
}
.article-comment .comment_form .form-group input,.article-comment .comment_form .form-group textarea{
	box-shadow: none;
	background: #ededed;
	color: #252a2b;
	border: 0;border-radius: 0;
}
.article-comment .comment_form .form-group input{	padding: 0 20px; height: 55px;}
.article-comment .comment_form .form-group textarea{padding:20px;resize: none;}
.article-comment .comment_form  button.btn-rb{
	background:#65d1e6;
	border: 0;
	height: 55px;
	display: inline-block;
	padding: 0 30px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 13px;
}
.article-comment .comment_form  button.btn-rb:hover{background: #65d1e6;}
#article h3.author {font-size: 14px;font-style: normal;	text-transform: capitalize;}
#binhluan .date {float: right;color: rgb(51, 51, 51);font-size: 12px;}
#binhluan .comment-user{padding: 25px 0;border-bottom: 1px solid #ededed;}
.article-comment .comment_form .notice{margin-bottom: 15px;}
/* Table of Contents Article */
.table-of-contents {
	background:#fcfcfc; border: 1px solid #eeeeee;	border-radius: 6px;
	display: block;	padding:8px 15px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);		
	position: relative;margin:15px 0 20px;width: 100%;display:table;
}	
.table-of-contents .table-title{font-weight: 700;font-size: 16px;margin:0;padding:10px 0;	}
.table-of-contents .table-title .toc_toggle{font-size: 13px;color:#bcbdc1;display: inline-block;vertical-align: 2px; margin-left: 8px;}
.table-of-contents .table-title .toc_toggle a {color:#65d1e6;padding: 0 1px;}
.table-of-contents ul{list-style: none;counter-reset: item;margin:0;list-style-type: none;}
.table-of-contents ul li { list-style: none; margin:6px 0 0;}	
.table-of-contents ul li::before{margin-right:5px;font-size: 13px;}
.table-of-contents li a {	text-decoration: none;color:#65d1e6;}
.table-of-contents > ul{counter-reset: nav0;padding-bottom:10px;}
.table-of-contents > ul ul{padding-left:14px}
.table-of-contents > ul > li {counter-increment: nav0;counter-reset: nav1;}
.table-of-contents > ul > li li {counter-increment: nav1;counter-reset: nav2;}
.table-of-contents > ul > li li li {counter-increment: nav2;counter-reset: nav3;}
.table-of-contents > ul > li li li li {counter-increment: nav3;counter-reset: nav4;}
.table-of-contents > ul > li li li li li {counter-increment: nav4;counter-reset: nav5;}
.table-of-contents > ul > li li li li li li {counter-increment: nav5;counter-reset: nav6;}
.table-of-contents > ul > li::before {content: counter(nav0)". ";}
.table-of-contents > ul > li li::before {content: counter(nav0)"."counter(nav1) "  ";}
.table-of-contents > ul > li li li::before {content: counter(nav0)"."counter(nav1)"."counter(nav2)"  ";}
.table-of-contents > ul > li li li li::before {content: counter(nav0)"."counter(nav1)"."counter(nav2)"."counter(nav3)"  ";}
.table-of-contents > ul > li li li li li::before {content: counter(nav0)"."counter(nav1)"."counter(nav2)"."counter(nav3)"."counter(nav4)"  ";}
.table-of-contents > ul > li li li li li li::before {	content: counter(nav0)"."counter(nav1)"."counter(nav2)"."counter(nav3)"."counter(nav4)"."counter(nav5)"  ";}
.table-of-contents > ul > li li li li li li li::before {content: counter(nav0)"."counter(nav1)"."counter(nav2)"."counter(nav3)"."counter(nav4)"."counter(nav5)"."counter(nav6)"  ";}
.table-content-fixed{
	position: fixed;top:20%; left: 10px;z-index:10;
	background:#fcfcfc; border: 1px solid #eeeeee;
	width: 35px;height: 35px;margin-right: 15px;
	opacity: 0;visibility: hidden;		direction: ltr;
	max-width:350px;max-height: calc(100% - 26%);overflow: hidden;		 
	-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;
}
.table-content-fixed .table-of-contents{   
	visibility: hidden;opacity: 0;  
	padding-top: 0; margin: 0;border: none;background: none;box-shadow: none;
}
.table-content-fixed .table-of-contents .table-title{padding-top:0;display:none}
.table-content-fixed .table-of-header{
	cursor: pointer;display: -ms-flexbox;  display: flex;
	-ms-flex-align: center; align-items: center;
}
.table-content-fixed .table-of-header .btn-icolist {
	font-size:18px;width: 35px;height: 35px;line-height: 35px;
	outline: none;float: left;border: none;background: none;
}
.table-content-fixed .table-of-header .hTitle{display: none;margin-left:10px;font-weight:600;font-size: 14px;}
.table-content-fixed .table-of-contents .toc_toggle{display: none;}
.table-content-fixed.show{ opacity: 1;visibility: visible;}
.table-content-fixed.show.active .table-of-header .hTitle{display: block;}
.table-content-fixed.show.active{
	height: auto;width: auto;
	overflow-y: scroll;max-height: calc(100% - 26%);
	-webkit-overflow-scrolling: touch;-ms-scroll-chaining: none;overscroll-behavior: none;
}
.table-content-fixed.show.active .table-of-contents{visibility: visible;opacity: 1;}
/* style - scroll */
.table-content-fixed.show.active::-webkit-scrollbar {width: 3px;height: 30px; }
.table-content-fixed.show.active::-webkit-scrollbar-track {-webkit-border-radius: 0px;border-radius: 0px; }
.table-content-fixed.show.active::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
.table-content-fixed.show.active::-webkit-scrollbar-thumb:window-inactive {	background: #e1e3e4; }
.table-content-fixed.show.active::-webkit-scrollbar-thumb:hover {	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); }
@media(max-width:991px){	.table-content-fixed{display:none!important}	}
/*Sidebar Blog*/
.news-latest, .menu-blog {
	margin: 0 0 30px;
	position: relative;
	padding: 20px;
	border: 1px solid #e3e5ec;
}
.sidebarblog-title h2 {
	font-size: 18px;
	text-transform:uppercase;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 2px solid #000;
	text-align: center;
}
.sidebarblog-title h2 span {display: none;}
.list-news-latest .item-article {
	border-bottom: 1px #efefef dotted;
	padding: 15px 0;
	margin: 0;
}
.list-news-latest .item-article:last-child{border-bottom:none;}
.list-news-latest .item-article .post-image {
	width: 30%;
	float: left;
	position: relative;
}
.list-news-latest .item-article .post-content {
	width: 70%;
	float: left;
	padding-left: 10px;
}
.list-news-latest .item-article .post-content h3 {margin: 0 0 5px;font-size: 14px;}
.list-news-latest .item-article .post-content span.author {font-size: 12px;}


/*--------------------------------------------------------------------------------
ABOUT - CONTACT
--------------------------------------------------------------------------------*/
.page-contact main{	min-height:85vh;}
.page-wrapper ul, .page-wrapper ol {
	margin-bottom:15px;
	padding-left: 40px;
}
.page-wrapper ul {list-style-type: initial;}
.header-page-contact h1{font-size:30px;font-weight:700;margin:0px 0}
.header-page-contact:after {
	content: "";
	display: block;
	width: 50px;
	height: 4px;
	margin-top: 30px;
	background:#252a2b;
	margin-bottom: 50px;
}
.box-info-contact li {margin-bottom: 30px;}
.box-info-contact li p {margin-bottom: 0;color:#666;font-weight: 500;}
.box-info-contact li p strong{font-weight:600;color:#252a2b;}
.box-send-contact h2 {font-weight:700;font-size: 25px;margin:40px 0 35px;}
.box-send-contact h2:after {content: "";display: block;margin-top: 25px;width: 30px;height: 3px;background:#252a2b;}
.contact-form .input-group {width: 100%;margin-bottom: 20px;}
.contact-form .input-group input,
.contact-form .input-group textarea{
	border: 1px solid #e7e7e7;
	box-shadow: none;
	height: 45px;
	font-weight: 500;
	padding: 0 20px;
	background: #fbfbfb;
	color:#252a2b;
	width:100%!important;
	-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;
}
.contact-form .input-group textarea {width: 100%;height:130px;padding:20px 20px;}
.contact-form .input-group textarea:focus {outline: none;}
.box-send-contact button {
	height: 55px;
	line-height: 55px;
	padding: 0 30px;
	border-radius: 0;
	font-weight: 600;
	text-transform: uppercase;
}
.wrapbox-content-page-contact{padding:50px;}
.wrapbox-content-page {padding-bottom: 30px;}
.sidebar-page .group-menu {
	margin: 0 0 30px;
	position: relative;
	padding: 20px;
	border: 1px solid #e3e5ec;
}
.sidebar-page .page_menu_title h2 {
	font-size: 18px;
	text-transform:uppercase;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 2px solid #000;
	text-align: center;
}
.sidebar-page .box_image {margin-bottom: 30px;}
.box_image .banner {position: relative;overflow: hidden;}
.box_image .banner img {
	width:100%;
	-webkit-transition: all 1s ease-in-out 0s;
	-khtml-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
	-ms-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;
	transition: all 1s ease-in-out 0s;
	-webkit-transform: scale(1);
	-khtml-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.box_image .banner:hover img {
	-webkit-transform: scale(1.2);
	-khtml-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

/* --------------------------------------------------------------------------------
CART PAGE
-------------------------------------------------------------------------------- */
.wrapper-cart-detail{padding: 35px 0 50px}
.layoutPage-cart .heading-page{position: relative;text-align:center;padding: 0 0 30px 0;}
.layoutPage-cart .heading-page:after {content: "";background:#252a2b;display: block;width: 60px;height: 4px;margin: 25px auto 0;}
.layoutPage-cart .heading-page h1{font-size: 30px;margin: 0 0 10px;}
.layoutPage-cart .heading-page .count-cart span{font-weight: 500;}
.layoutPage-cart .cart-empty {font-size: 20px; margin: 30px 0 ;}
table.table-cart {margin-bottom:30px;border-bottom: 1px solid #ededed;}
table.table-cart thead{display:none;}
table.table-cart tr td {padding: 20px 0;border-top: 1px solid #ededed;vertical-align: top;}
table.table-cart tr:first-child td{border-top:0;}
table.table-cart tr td.image {text-align: center; width:110px;}
table.table-cart tr td.image img {max-width:100px;}
table.table-cart tr td.item{padding-left:15px}
table.table-cart tr td.item h3{margin:0 0 5px;font-size:16px;font-weight:bold;padding-right:30px;}
table.table-cart tr td.item p {margin-bottom:5px;}
table.table-cart tr td.item p .pri {font-weight: 500;}
table.table-cart tr td.item p del{font-size:12px;}
table.table-cart tr td.item .price{margin:0;float: right;}
table.table-cart tr td.item .price span.text{display:none;}
table.table-cart tr td.item .price span{font-size:16px;padding-right:0;font-weight:600;}
table.table-cart tr td.item .variant{margin-bottom:5px;}
table.table-cart tr td.remove{text-align: right;}
.qty-click input.item-quantity {	
	font-weight: 500;
	font-size: 15px;height: 25px;	padding: 0;text-align: center;	
	width: 35px;background: #ededed;border: 1px solid #dadbdd;
	border-radius: 0;	float: left;-webkit-appearance: none;
}
.qty-click {float: left;}
.qty-click button.qty-btn {
	background: #fff;
	font-weight: 500;
	font-size: 14px;
	color: #abafb2;
	height: 25px;
	padding: 0;
	text-align: center;
	width: 25px;
	border: 1px solid #dadbdd;
	border-radius: 0;
	float: left;
	-webkit-appearance: none;
}
.qty-click button.qtyplus.qty-btn{border-left: none;}
.qty-click button.qtyminus.qty-btn{border-right: none;}
.qty-click button.qty-btn:focus {outline: none;}
.checkout-note label{}
.checkout-note textarea{
	border-radius: 0;
	background: #ededed;
	color: #252a2b;
	font-size: 15px;
	padding: 20px 15px;
	outline: none;
	width: 100%!important;
	min-height: 130px;
	font-weight: 500;
	border: 1px solid transparent;
	transition: all 150ms linear;
	-webkit-appearance: none;-ms-appearance: none;appearance: none;
}
.cart-buttons a,.cart-buttons .btn-checkout, .cart-buttons .btn-update{
	display: inline-block;vertical-align: top;padding: 19px 20px;
}
.cart-buttons .link-continue {margin-left: 0;}
.link-continue{ margin:10px 0 0;text-align: center;}
.link-continue a{color:#65d1e6;}
.link-continue a i{margin-right:4px;}
.sidebox-order{
	background: #fff; padding: 15px;
	position: relative;margin-bottom:30px;
	border: 1px solid #e1e3e4; border-radius: 2px;
}
.sidebox-order div[class^="sidebox-order_"]{margin-bottom:15px}
.sidebox-order div[class^="sidebox-order_"]:last-child{margin-bottom:0px}
.sidebox-order_title h3{font-size: 20px;font-weight: bold;margin:10px 0;}
.sidebox-order_total {
	font-size: 16px;color: #5c5c5c;font-weight: 600;padding: 15px 0;
	border-top: 1px dotted #dfe0e1;	border-bottom: 1px dotted #dfe0e1;
}
.sidebox-order_total p{margin:0;}
.sidebox-order_total p .total-price{float: right;color: red;font-size: 24px;}
.sidebox-order_action .btncart-checkout {border-radius: 4px;cursor: pointer;width: 100%;font-size: 15px; font-weight: 400;padding: 12px 20px;border-color: #e00707;}
.sidebox-order_action .btncart-checkout:before {background-color: #e00707;}
.sidebox-group h4{margin-bottom: 10px;font-weight: 700;font-size: 16px;color: #666666;}
.sidebox-policy ul li{
	display: block;
	line-height: 25px;
	position: relative;
	padding-left: 20px;
	overflow: hidden;
}
.sidebox-policy ul li:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	content: "\f178";
	font-size: 10px;
	left: 0;
	opacity: 1;
	position: absolute;
	transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
}
/*---------------------------------------------------------------------------------
PAGINATION - 404 - SEARCH PAGE 
-------------------------------------------------------------------------------- */
.breadcrumb-shop .breadcrumb-arrows{padding: 10px 0;background: transparent;border-radius: 0;	margin: 0;}
.breadcrumb-shop .breadcrumb>li+li:before{padding:0 3px;}
.breadcrumb-shop .breadcrumb-arrows li{font-size:13px;}
.breadcrumb-shop {
	background: var(--vx-black);
	padding: 8px 0;
	position: relative;
	z-index: 3;
}
.breadcrumb-shop ul, .breadcrumb-shop ol {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.breadcrumb-shop .breadcrumb a {color: var(--vx-muted); }
.breadcrumb-shop .breadcrumb > li:not(:first-child):before {content: "/";margin-right:3px;color: var(--vx-muted); }
.breadcrumb-shop .breadcrumb li.active span { color: #fff; }
@media (min-width: 991px) {
	.breadcrumb-shop {
		height: 60px;
		display: flex;
		align-items: center;
	}
}
#pagination .page-node,#pagination .next, #pagination .prev{display:inline-block;margin: 30px 8px;font-size: 15px;font-weight: 600;opacity: 0.4;}
#pagination .next{margin-left:30px}
#pagination .prev{margin-right:30px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#pagination .page-node.current,#pagination .page-node:hover,#pagination .next:hover, #pagination .prev:hover{ opacity: 1;}
.pageNot{min-height: 80vh;}
.content-pagenot h1{font-weight: 700; font-size: 40px;}
.content-pagenot p.subtext{font-weight: 500; opacity: 0.66;}
.content-pagenot:after {content: "";display: block;background:#252a2b;width:80px;height: 4px;margin:50px auto 0;}
.content-pagenot a{font-weight: 500;font-size: 16px;margin: 30px 0 0;display: block;}
.searchPage .heading-page{position: relative;text-align:center;padding: 0 0 30px 0;}
.searchPage .heading-page:after {content: "";background:#252a2b;display: block;width: 60px;height: 4px;margin: 25px auto 0;}
.searchPage .heading-page h1{font-size: 30px;margin: 0 0 10px;}
.wrapbox-content-search {padding-bottom: 30px;}
.searchPage .subtxt {opacity: .66;	margin-top: 15px;}
.search-field {width: 60%;display: block;margin:auto;}
input#go {
	width: 55px;
	height: 55px;
	float: right;
	background: url(//cdn.hstatic.net/themes/200001163964/1001489749/14/iconsearch.png?v=2569) #252a2b center no-repeat;
	margin: 0px;
	position: relative;
	top: 0;
	border-radius: 0;
	font-size: 0;
	border: 0;
}
#search .search_box{width: calc(100% - 55px);outline: none;height: 55px;padding: 0 20px;background: #ededed;border: 0;box-shadow: none;}
.expanded-message .message-txt{width: 100%;padding-top: 25px;text-align:center;}
.expanded-message .message-txt p{margin: 0; font-size: 14px;font-weight: 400;}
.expanded-message h2{font-weight: 600; font-size: 22px;}
.expanded-message .subtext {margin-bottom: 40px;display: block;}
.search-item{	margin-bottom: 20px;position: relative;width: 100%;float: left;}
.search-item .thumb-image {	display: block;	width: 80px;	position: relative;	overflow: hidden;	float:left;}
.search-item .thumb-image img{vertical-align:middle;-webkit-transition:transform 250ms linear;-moz-transition:transform 250ms linear;-o-transition:transform 250ms linear;transition:transform 250ms linear}
.search-item .thumb-image:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.1);transition:opacity 250ms linear;opacity:0;content:""}
.search-item .content {	float:left;padding-left:35px;width: calc(100% - 80px);}
.search-item .content .title {font-size: 15px;font-weight: bold;text-transform: uppercase;display: block;}
.search-item .content .caption {opacity: .66;display: block;	margin-top: 5px;font-size: 14px;}
.search-item .content .caption del{font-size: 13px; margin-left: 15px; opacity: 0.5;}
.subtext-result{margin-bottom:30px;}
.search-item:hover .thumb-image:after {	opacity: 1;}

/*--------------------------------------------------------------------------------
ACCOUNT
--------------------------------------------------------------------------------*/
.wrapbox-heading-account{display:flex;display:-webkit-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center}
.wrapbox-heading-account .header-page{position: relative;}
.wrapbox-heading-account .header-page:after {content: "";background:#000;display: block;width: 60px;height: 4px;margin-top: 70px;}
.wrapbox-heading-account .header-page h1{font-size: 54px;font-weight: 700;margin: 0px 0;line-height: initial;}
.wrapbox-heading-account .header-page p{font-size: 14px;opacity: .66;	margin: 20px 0 0 0;position: relative;}
.wrapbox-heading-account .header-page p span{font-weight: 600;}

.userbox h2 {font-size:20px;margin: 0 0 20px; font-weight: 600;}
.large_form {margin-bottom:30px;}
.large_form.large_form-mr10{margin-bottom:10px;}
.icon-field {display:none;}
.userbox input[type=email],.userbox input[type=password],.userbox input[type=text] {
	width: 100%;
	height: 55px;
	border: 1px solid transparent;
	background: #ededed;
	color: #252a2b;
	padding: 0 20px;
	font-weight: 500;
	-webkit-appearance: none;
}
.userbox input[type=email]:focus, .userbox input[type=password]:focus,
.userbox input[type=text]:focus{
	background: #fff;
	border-color: #ededed;
}
.action_account_custommer .action_bottom,.action_account_custommer .req_pass{	display: inline-block;vertical-align: middle;}
.action_account_custommer .req_pass{margin-left:20px;}
.userbox .action_bottom {padding: 0;}
.userbox .action_bottom .btn {
	display: inline-block;
	border-radius: 0;
	padding: 0 30px;
	height: 55px;
	line-height: 55px;
	text-transform: uppercase;
	font-weight: 600;
	background: transparent;
}
.req_pass{ color:#959898; font-weight: 500;}
.come-back{margin-top:35px; display: block;font-weight: 500;}
.come-back i{margin-right:20px}
.userbox .errors a {color: red;}

@-moz-keyframes ripple {
	5%, 100% {
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
}
@-webkit-keyframes ripple {
	5%, 100% {
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
}
@keyframes ripple {
	5%, 100% {
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
}
#form-gender input[type="radio"] {display: none;}
#form-gender input[type="radio"] + label {
	position: relative;
	cursor: pointer;
	padding-left: 28px;
	margin: 0 20px 0 0;
}
#form-gender input[type="radio"] + label:before, input[type="radio"] + label:after {
	content: "";
	position: absolute;
	border-radius: 50%;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#form-gender input[type="radio"] + label:before {
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	background: #65d1e6;
	-moz-box-shadow: inset 0 0 0 18px #efefef;
	-webkit-box-shadow: inset 0 0 0 18px #efefef;
	box-shadow: inset 0 0 0 18px #efefef;
}
#form-gender input[type="radio"] + label:after {
	top: 49%;
	left: 9px;
	width: 54px;
	height: 54px;
	opacity: 0;
	background: rgba(255, 255, 255, 0.3);
	-moz-transform: translate(-50%, -50%) scale(0);
	-ms-transform: translate(-50%, -50%) scale(0);
	-webkit-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
}
#form-gender input[type="radio"]:checked + label:before {
	-moz-box-shadow: inset 0 0 0 4px #efefef;
	-webkit-box-shadow: inset 0 0 0 4px #efefef;
	box-shadow: inset 0 0 0 4px #efefef;
}
#form-gender input[type="radio"]:checked + label:after {
	-moz-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	-moz-animation: ripple 1s none;
	-webkit-animation: ripple 1s none;
	animation: ripple 1s none;
}
/* --------------------- order ---- account -- address -----------------------  */
.layout-info-account {padding-bottom:50px;}
.title-infor-account{
	padding: 30px 15px;
	border-bottom: 1px solid #ededed;
	margin-bottom: 60px;
}
.title-infor-account h1{
	font-size: 42px;
	font-weight: 700;
	margin: 0;
	text-align: center;
}
.title-infor-account h1:after {
	content: "";
	display: block;
	width: 60px;
	height: 4px;
	margin:50px auto 0;
	background:#252a2b;
}
.title-detail{
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 1px;
	position: relative;
	border-bottom: 1px solid #ededed;
	padding-bottom:8px;
}
.sb-title:after{
	content: "";
	display: block;
	margin-top: 25px;
	width: 30px;
	height: 3px;
	background: #252a2b;
}
.name_account {
	font-weight: 500;
	font-size: 16px;
	line-height: 21px;
	margin:10px 0 5px
}
#customer_sidebar p{ margin-bottom: 0;font-size: 14px;}
.customer-table-wrap {background: #f7f7f7; padding: 10px;}
.customer-table-bg {background: #fff; padding: 10px;}
.customer-table-bg p {margin:0;}
#customer_orders table thead th, #order_details tr th { font-weight:600; font-size: 14px;}
#customer_orders table tr a {
	font-weight: 500;
	float: left;
	width: 85%;
	margin-left: 3px;
	line-height: 20px;
	opacity: 0.66;
}
#customer_orders table, #order_details {width: 100%;background: #fff;}
#customer_orders table tr, #order_details tr { height: 25px;line-height: 30px;}
#customer_orders table tr.odd, #order_details tr {background: #fff;}
#customer_orders table tr td, #order_details tr td {vertical-align: middle;	border-top: none;	font-size: 14px;}
#order_details tr td{	line-height:21px;}
#order_details tr td a,#order_details b{font-weight:500;}
#order_details tr td.total b{font-weight: 600;}
#order_details tr td.total,#order_details tr th.total{padding-right:8px;}
#order_details tr.order_border{border-top: 1px solid #ededed;}
#order_details tr td.order-image{width:70px;}
#order_details tr td.order-image a{display:block;width:60px;border: 1px solid #f7f7f7;}
a#view_address {font-weight: 500; opacity: 0.8;}
#customer_orders,#order_payment, #order_shipping{ margin-bottom: 30px; margin-top: 30px;}
.customer-table-bg .table>tbody>tr>th {border-top: none;}
.detail-table-order { margin-top: 30px;}
.name-order {
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	text-transform: uppercase;
}
.order_section_title {
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
	margin: 0 0 10px;
	padding: 10px 0px;
	position: relative;
	text-transform: uppercase;
}
.order_date {font-weight: normal;font-size: 14px;text-transform: none;}
.text_status {font-weight: 500;}
.address p {margin-bottom: 5px;}
.account-order .address {margin: 0px 0px 30px;padding: 10px;background-color: #fbfbfb;}
span.variant_acc { font-size: 13px; opacity: 0.8;}
.alert-info {border-radius: 0; margin-bottom: 0;}
.address_title {
	margin-bottom: 0;
	font-size: 16px;
	padding: 10px 70px 10px 10px;
	background-color: #d9edf7;
	border-color: #bce8f1;
	position: relative;
}
.address_table {
	margin-bottom: 10px;
	border-top: 0px solid #ddd;
	background: #fafafa;
	padding:15px;
}
.address_title h3 { margin: 0;font-size: 14px;}
.account-address .note { border: none; padding: 0;}
p.address_actions.text-right {margin:7px 5px 0px 0;position: absolute;z-index: 99;top:0;right:0;}
.action_link a {text-transform: uppercase; font-size: 15px;}
span.action_link {padding: 5px;}
.view_address p > b {font-weight: 500; font-size: 14px;}
.view_address p { margin: 5px 0; line-height: 15px;font-size: 14px;}
.add-new-address {
	padding-bottom: 10px;
	display: inline-block;
	padding: 10px;
	background:#65d1e6;
	color:#fff!important;
	text-transform: uppercase;
}
.add-new-address:focus { color:#fff;}
.account-address .input-group-prepend{display:none}
.input-group { margin: 15px 0px;}
.input-group .input-group-text {
	padding: 6px 10px;
	border-radius: 0;
	color: #DAD9D9;
	background-color: #ebebeb;
	border-color: #ebebeb;
}
.input-group .form-control {
	-webkit-border-radius: 0; 
	border-radius: 0; 
	-webkit-box-shadow: none; 
	box-shadow: none; 
	border-color: #ebebeb;
}
.icon-user:after {content: url(//cdn.hstatic.net/shared/design/theme-default/userico.png);}
.icon-envelope:after {content: url(//cdn.hstatic.net/shared/design/theme-default/email.png);}
.icon-shield:after {content: url(//cdn.hstatic.net/shared/design/theme-default/pass.png);}
.layout-info-account .action_bottom .btn {
	height: 35px;
	line-height: 35px;
	outline: 0;
	margin-right: 5px;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 30px;
	border: 0;
	background:#65d1e6;
	color: #fff;
	display: inline-block;
	border-radius: 0;
}
.AccountTitle{
	text-transform: uppercase;
	margin-bottom: 30px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 1px;
	position: relative;
}
.AccountList ul > li > a {display: block;	position: relative;	padding: 5px 0px;}
.AccountList ul > li > a:before {
	content: "\f192";
	font-family: "FontAwesome";
	font-size: 8px;
	display: inline-block;
	margin-right: 8px;
	vertical-align: 2px;
}
#order_cancelled {margin-bottom:15px;}
#order_cancelled h5 {margin:0;}

/*-------------------------------------------------------------------------------
FOOTER 
--------------------------------------------------------------------------------*/
.vx-footer {
    background: #171717;
    border-bottom: 1px solid rgba(255, 255, 255, .65);
    min-height: 594px;
    overflow: hidden;
    padding: 123px 0 76px;
    position: relative;
  }
  
  .vx-footer::after {
    background: url(https://cdn.hstatic.net/files/200001163964/file/layer_1.png);
	border-left-width: 0;
    bottom: 0;
    content: "";
    height: 85%;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 50%;
    background-size: cover;
    background-repeat: no-repeat;
  }
  
  .vx-footer .vx-container {
    position: relative;
    z-index: 2;
  }
  
  .vx-footer__layout {
    align-items: flex-start;
    display: flex;
    gap: 134px;
  }
  
  .vx-footer__info {
    display: flex;
    flex: 0 0 589px;
    flex-direction: column;
    gap: 62px;
    max-width: 589px;
  }
  
  .vx-footer__brand-row {
    align-items: center;
    display: flex;
    gap: 50px;
  }
  
  .vx-footer__logo {
    display: block;
    flex: 0 0 179.987px;
    height: 120.312px;
    width: 179.987px;
  }
  
  .vx-footer__logo img {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
  }
  
  .vx-footer__title {
    color: #fff;
    flex: 1 1 auto;
    font-size: 33.253px;
    font-weight: 800;
    line-height: 1.3;
    margin: 0;
    text-transform: uppercase;
    white-space: nowrap;
  }
  
  .vx-footer__title span {
    display: block;
  }
  
  .vx-footer__title span:last-child {
    background: linear-gradient(84.6deg, #fdda7a 4.258%, #fbfae0 24.829%, #fdda7a 51.492%, #be8a35 74.266%, #fdda7a 103.75%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  
  .vx-footer__contacts {
    align-items: center;
    display: flex;
    gap: 16px;
    width: 588px;
  }
  
  .vx-footer__contact {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 18px;
    font-weight: 400;
    gap: 11px;
    line-height: 1.4;
    white-space: nowrap;
  }
  
  .vx-footer__contact:first-child {
    flex: 1 0 0;
  }
  
  .vx-footer__contact strong {
    color: #fff;
    font-weight: 400;
  }
  
  .vx-footer__contact:hover,
  .vx-footer__menu a:hover {
    color: var(--vx-gold);
  }
  
  .vx-footer__social {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 354px;
  }
  
  .vx-footer__social a {
    align-items: center;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: flex;
    flex: 0 0 40px;
    height: 40px;
    justify-content: center;
    width: 40px;
  }
  
  .vx-footer__social a:hover {
    color: #171717;
  }
  
  .vx-footer__nav {
    display: flex;
    gap: 135px;
  }
  
  .vx-footer__menu {
    display: flex;
    flex-direction: column;
    gap: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .vx-footer__menu a {
    color: #fff;
    display: inline-flex;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    padding: 4px 0;
    white-space: nowrap;
  }
  @media (max-width: 1199.98px) {
  
    .vx-footer__layout {
      gap: 56px;
    }
  
    .vx-footer__info {
      flex-basis: 500px;
      max-width: 500px;
    }
  
    .vx-footer__brand-row {
      gap: 32px;
    }
  
    .vx-footer__logo {
      flex-basis: 150px;
      height: 100px;
      width: 150px;
    }
  
    .vx-footer__title {
      font-size: 27px;
    }
  
    .vx-footer__contacts {
      align-items: flex-start;
      flex-direction: column;
      width: auto;
    }
  
    .vx-footer__nav {
      gap: 56px;
    }
  }
  @media (max-width: 991.98px) {
    .vx-footer {
      min-height: 0;
      padding: 82px 0 72px;
    }
  
    .vx-footer::after {
      bottom: -92px;
      right: -230px;
    }
  
    .vx-footer__layout {
      flex-direction: column;
      gap: 58px;
    }
  
    .vx-footer__info {
      flex-basis: auto;
      gap: 40px;
      max-width: 100%;
      width: 100%;
    }
  
    .vx-footer__contacts {
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%;
    }
  
    .vx-footer__nav {
      gap: 90px;
    }
  }

  @media (max-width: 767.98px) {
  
    .vx-footer {
      padding: 56px 0;
    }
  
    .vx-footer::after {
      height: 160px;
      opacity: .35;
      right: -320px;
      width: 480px;
    }
  
    .vx-footer__layout,
    .vx-footer__info {
      gap: 36px;
    }
  
    .vx-footer__brand-row {
      align-items: flex-start;
      flex-direction: column;
      gap: 24px;
    }
  
    .vx-footer__logo {
      flex-basis: auto;
      height: auto;
      width: 138px;
    }
  
    .vx-footer__title {
      font-size: 26px;
      white-space: normal;
    }
  
    .vx-footer__contacts {
      flex-direction: column;
      gap: 10px;
    }
  
    .vx-footer__contact {
      align-items: flex-start;
      flex-direction: column;
      font-size: 15px;
      gap: 2px;
      white-space: normal;
    }
  
    .vx-footer__social {
      flex-wrap: wrap;
      gap: 12px;
      justify-content: flex-start;
      width: 100%;
    }
  
    .vx-footer__nav {
      flex-direction: column;
      gap: 22px;
    }
  
    .vx-footer__menu {
      gap: 16px;
    }
  
    .vx-footer__menu a {
      font-size: 16px;
      white-space: normal;
    }
}
/*---------------------- Sroll to Top -------------------*/
.back-to-top {bottom: 124px; opacity: 0; pointer-events: none; position: fixed; right: 24px; transform: translateY(12px); transition: opacity .25s ease, transform .25s ease, visibility .25s ease; visibility: hidden; z-index: 99;}
.back-to-top.show {opacity: 1; pointer-events: auto; transform: translateY(0); visibility: visible;}
.back-to-top a {align-items: center; background: #fdda7a; border: 1px solid rgba(73, 16, 16, .24); border-radius: 50%; box-shadow: 0 10px 30px rgba(0, 0, 0, .28); display: flex; height: 48px; justify-content: center; text-decoration: none; width: 48px;}
.back-to-top .btt-icon-back {display: block; height: 24px; transform: rotate(-90deg); width: 24px;}
.back-to-top .btt-icon-back svg {display: block;}
.back-to-top a:hover {background: #fbfae0;}
/*----------------------------------------------------------------------------------
MAIN SIDEBAR
----------------------------------------------------------------------------------*/
/* - Mini box Account - */
/* --------------------- cart view --------------------- */
}
/* ---------------------  menu  --------------------- */
/* - Mini box Location - */
.sitenav-locate .sitenav-content__title {position: relative; padding: 0 0 10px;border-bottom: 1px solid #ededed; text-align: center; }
.sitenav-locate .sitenav-content__title .txt-title { 
	font-size: 17px;color:#252a2b;
	text-transform: uppercase;  letter-spacing: 0.5px;text-align:center; margin: 0; font-weight: 500;
}
/*---------------------------------------------------------------------------------
RESPONSIVE
---------------------------------------------------------------------------------*/
@media(min-width:992px) and (max-width:1199px){
	/*account*/
	.wrapbox-content-account{padding: 100px 60px;}
	.wrapbox-heading-account .header-page{ width:80%;}
}
@media(min-width:992px){
	.wrapbox-heading-account .header-page{padding-bottom: 70px; }
	.box-heading-contact{
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		border-right: 1px solid #ededed;
		height: 100vh;
		padding:0;
	}
	.box-map iframe{height:100vh!important}

	/**** COLLECTION ****/
	.sidebar-fix {
		position: -webkit-sticky;
		position: sticky;
		top: 50px;
		margin-top: 50px;
	}
	/**** PRODUCT DETAIL ****/
	.icon-pr-fix.out-with-you {  opacity: 0;}
	.product-content-desc{
		position: -webkit-sticky;
		position: sticky;
		top: 65px;
	}
	/**** BLOG ****/
	.list-article-content .news-content{height: 50vh;}
	/**** FOOTER ****/
	.top-footer .area_newsletter {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		margin-bottom:0;
	}
	.top-footer .area_newsletter .title_newsletter {
		width: 32%;
		border-right: 1px solid #e7e7e7;
		margin-right: 20px;
		margin-bottom:0;
	}
}
@media(min-width:1200px){
	.wrapbox-content-account{padding: 100px;}
	.wrapbox-heading-account .header-page{ width:60%;}
	.top-footer .area_newsletter .title_newsletter {width: 26%;}
	.wrapbox-content-search {padding: 0 100px 30px;}
}
@media(min-width:768px){
	table.table-cart tr td.remove {position:absolute;right: 15px;}
	.sidebarCart-sticky{position: -webkit-sticky;position: sticky;top:70px;}
}
@media(max-width:991px) and (min-width:768px){
	.wrapbox-heading-account{height: 50vh;border-bottom: 1px solid #ededed;}
	.wrapbox-heading-account .header-page{ width:80%;text-align: center;padding-bottom:50px; }
	.wrapbox-heading-account .header-page:after {margin: 50px auto 0;}
	.wrapbox-content-account{padding: 100px 80px;}
	#site-menu-handle{padding-right: 80px;display:inline-block!important;}
	span#site-menu-handle:after {
		font-size: 13px;
		display: inline-block;
		content: "Menu";
		text-transform: uppercase;
		position: absolute;
		right: 0;
		top:0px;
		opacity: 0.6;
	}
	.box-heading-contact{height: 50vh;border-bottom: 1px solid #ededed;}
	.box-map iframe{height:50vh!important}	

	/* INDEX */
	.wrap-pd-infor.box_stick{	height:50vh;}
	.box-banner-inf{width: 70%;	z-index:4;text-align: center;}
	.wrap-pd-infor .inf-content{padding: 100px 15px;max-width: 80%;margin:auto;}
	/* COLLECTION */
	.no-product{text-align:center}
	/* PRODUCT DETAIL*/
	.icon-pr-fix{position: absolute;  bottom:25px;}
	.product-zoom.icon-pr-fix {	right: 15px;left: initial;margin: 0;}
	.gallery-index.icon-pr-fix {display: none;}
	.divzoom_main .product-thumb{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}
	.box__product-gallery{height:70vh;overflow: visible;}
	.slide_product{ width: 100%;height: 100%;}
	.slide_product li.gallery-item{height:100%;width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
	.box__product-gallery.scroll .site-box-content:after {content: 'flickity';display: none;}
	/* CART */
	.checkout-note textarea{margin-bottom:20px}
	.sidebox-order_title h3 {font-size: 18px;}
	.sidebox-order_total p .total-price{font-size: 20px;}
	.sidebox-order_text {font-size: 12px;}
	.sidebox-order_action .btncart-checkout{font-size:8px 15px;}
	/* BLOGS */
	.list-article-content .news-content{height: 50vh;}

}
@media(max-width:991px) {
	.header-wrap-icon > span.icon-account,
	.header-wrap-icon > span.icon-search {display: none!important;}
	.block .title_block {position: relative;display: inline-block;margin:0 0 5px;}
	.block .title_block span {display: block;top:8px;right:10px;position: absolute;}
	.block .block_content {display: none;}
	.filter-default {padding: 0 15px;} 
	.product-image-detail {width:100%;padding:0;}
	.flickity-page-dots {bottom:-55px; z-index:2;}
	.product-title h1 {font-size:26px; margin-top:65px;}
	/* collection */
	.wrap-collection-title .heading-collection {margin: 0;}
	.wrap-collection-title .heading-collection h1 {font-size: 20px; text-align:center;margin: 20px 0;}
	.no-product{text-align:center}
	.left-module {margin: 20px 0 0;}
	#collection-body .pro-loop:nth-child(odd),
	.list-productRelated .pro-loop:nth-child(odd){	padding-right:7.5px;}
	#collection-body .pro-loop:nth-child(even),
	.list-productRelated .pro-loop:nth-child(even){	padding-left:7.5px;}
	/* Blog Article */
	.blog-loop:nth-of-type(2n+1) {clear: both;}
	.sidebar-blog .layered, .sidebar-page .layered {display: none;}
}
@media(max-width:767px){
	.wrapbox-heading-account {padding: 30px 15px;border-bottom: 1px solid #ededed;}
	.wrapbox-heading-account .header-page{text-align: center;}
	.wrapbox-heading-account .header-page h1 {font-size: 34px;}
	.wrapbox-heading-account .header-page:after {margin: 20px auto 0;}
	.wrapbox-content-account{padding:60px 15px;}
	.heading-page{position: relative;text-align:center;padding: 0 0 30px 0;}
	.heading-page:after {content: "";background:#252a2b;display: block;width: 60px;height: 4px;margin: 25px auto 0;}
	.heading-page h1{font-size: 30px;margin: 0px 0;}
	.wrapbox-content-page-contact{padding:40px 15px;}
	.breadcrumb-shop .breadcrumb-arrows {padding: 10px 0 5px}
	.wrap-collection-title h2,.wrap-collection-title .link-more{font-size:24px;}
	.wrap-collection-title.image-resize{padding-top: 0px;}
	/* product detail*/
	.product-detail-wrapper{padding-top:20px;}
	.product-image-detail{border-bottom: 1px solid #ededed;}
	.icon-pr-fix{position: absolute;  bottom:25px;}
	.product-sharing.icon-pr-fix {left: 15px;}
	.product-zoom.icon-pr-fix {	right: 15px;left: initial;margin: 0;}
	.gallery-index.icon-pr-fix {display: none;}
	.divzoom_main .product-thumb{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}
	.box__product-gallery{overflow:visible; min-height: 450px;}
	.slide_product{ 
		width: 100%;height: 100%;
		transition: opacity 300ms linear, transform 300ms linear;
	}
	.box__product-gallery .flickity-enabled .flickity-viewport {
		transition: height 300ms linear;
	}
	.slide_product li.gallery-item {
		height: 100%;	width: 100%;    overflow: hidden;
		display: -webkit-flex;display: flex;
		-webkit-align-items: center;	align-items: center;
	}
	.box__product-gallery.scroll .site-box-content:after {content: 'flickity';display: none;}
	.slide_product li.gallery-item img{
		height: 100%;width: 100%;
		object-fit: cover;
		font-family: "object-fit: cover";
		pointer-events: none;
	}

	.product-image-detail .flickity-page-dots .dot{ transition: all 300ms linear;}
	.slide_product .flickity-page-dots{bottom: -45px;z-index: 99;}
	.input-bottom{width: 54px;float:left;margin-right: 15px;}
	.input-bottom input{
		width: 54px;
		height: 45px;
		border: 1px solid #d1d1d1;
		text-align: center;
		outline: none;
		box-shadow: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.add-cart-bottom{
		font-weight: 600;
		height: 45px;
		width: calc(100% - 70px);
		border-radius: 4px;
		float:left
	}
	.list-productRelated .pro-loop-title .product-resize,
	.list-productRelated .pro-loop-title .wrap-collection-title.image-resize{height: initial!important}
	.list-productRelated .wrap-collection-title.image-resize{padding-bottom:45px;}
	.list-productRelated .wrap-collection-title .block-pding:after{
		content: "";
		display: block;
		width: 50px;
		height: 4px;
		margin: 30px auto auto;
		background:#252a2b;
	}
	.list-productRelated h2 {font-size:22px;;margin-bottom:25px;}
	/******* blog -article *******/
	.list-article-content .news-content{ min-height: 250px;height: 50vh;}
	.article-body h2.title-article {font-size: 24px;}
	.sidebarblog-title h2 {text-align: center;margin-bottom: 10px;}
	.sidebarblog-title h2 span {display: inline-block;margin-left: 20px;}
	.blog-posts .blog-post .blog-post-thumbnail {margin-bottom: 20px;}
	/******* ABOUT-CONTACT *******/
	.box-heading-contact{padding:0;}
	.header-page-contact h1{font-size:35px;}
	.box-send-contact h2{font-size:20px}
	.box-map iframe{height:50vh!important}
	/* CART PAGE */
	.layoutPage-cart .heading-page h1 {font-size: 25px;margin: 0 0 10px;}
	table.table-cart {margin-bottom:25px;border:0;}
	table.table-cart thead tr{display:none;}
	table.table-cart tr td{ border:0;padding:0 5px;}
	table.table-cart tbody>tr {
		background:#ffffff;
		padding:20px 0;
		display: block;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		border-bottom: 1px solid #e8e8e8;
		position: relative;
		margin-bottom: 10px;
	}
	table.table-cart tr td.image{width:80px;float:left;}
	table.table-cart tr td.image img { max-width:70px;background:#fff}
	table.table-cart tr td.item {	width:calc(100% - 80px);	float: left; padding-left:5px;}
	table.table-cart tr td.item h3 {margin: 0 0 5px;display: block;padding-right: 20px;}
	table.table-cart tr td.qty {padding: 0px;float: right;	margin-right: 8px;text-align: right;position: absolute;right: 0px;bottom: 35%;}
	table.table-cart tr td.item .price {width: 100%;float: left;text-align: left;margin: 15px 0;}
	table.table-cart tr td.item .price del{margin-top:2px;}
	table.table-cart tr td.item .price span.text{display:inline-block;font-size:12px;} 
	table.table-cart tr td.remove a {position: absolute;	top: 22px;	right: 0;}
	table.table-cart tr:last-child td {border: none;}
	.checkout-note textarea {margin-bottom:20px;}
	.cart-buttons .btn-checkout, .cart-buttons a, .cart-buttons .btn-update {
		font-size: 10px;
		margin:0;
		padding: 15px 8px;
	}
	/* SEARCH ++	ACCOUNT */
	.search-field{width:100%;}
	.title-infor-account h1 {font-size: 30px;}
	.title-infor-account h1:after{margin-top:32px;}
	.AccountSidebar {margin-bottom: 40px;}
	.table-responsive {padding: 0 8px 10px}	
	.breadcrumb-shop .breadcrumb-arrows li {font-size:10px;}
}
.text-1-line-clamp {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.text-2-line-clamp {
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ---- Product card (product-loop / vx-work-card) — dùng toàn site ---- */
.vx-work-card {
	background: #181818;
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	transform: translateY(0);
	transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
	width: 100%;
}

.vx-work-card > img {
	aspect-ratio: 412 / 232;
	border-radius: 8px 8px 0 0;
	flex: 0 0 auto;
	height: auto;
	object-fit: cover;
	transition: filter 0.3s ease, transform 0.35s ease;
	width: 100%;
}

.vx-work-card__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 14px;
	min-height: 0;
	padding: 18px;
	padding-top: 35px;
}

.vx-work-card__body span {
	color: #ffe372;
	display: block;
	margin: 0;
	padding-left: 10px;
	position: relative;
	text-transform: uppercase;
}

.vx-work-card__body span img {
	height: 35px;
	left: 0;
	line-height: 1;
	object-fit: contain;
	position: absolute;
	top: -21px;
	width: auto;
}

.vx-work-card__body h3 {
	color: #fff;
	font-size: 20px;
	margin: 0;
	min-height: 57px;
	text-transform: uppercase;
}

.vx-work-card__brand {
	color: #fff;
	margin: 0;
}

.vx-work-card__desc {
	color: rgba(255, 255, 255, .5);
	display: -webkit-box;
	font-size: 14px;
	line-height: 1.4;
	margin: 0;
	opacity: .5;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.vx-work-card__footer {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-top: auto;
	width: 100%;
}

.vx-work-card__footer a {
	align-items: center;
	color: #fff;
	display: inline-flex;
	font-size: 14px;
	gap: 6px;
	line-height: 1;
	opacity: .5;
	text-decoration: none;
}

.vx-work-card__footer a span {
	padding-left: 0;
}

.vx-work-card__footer small {
	color: #fff;
	font-size: 12px;
	line-height: 1.3;
}

@media (hover: hover) and (pointer: fine) {
	.vx-work-card:hover {
		background: #202020;
		box-shadow: 0 16px 34px rgba(0, 0, 0, 0.34);
		transform: translateY(-6px);
	}

	.vx-work-card:hover > img {
		filter: brightness(1.08);
		transform: scale(1.04);
	}
}

@media (prefers-reduced-motion: reduce) {
	.vx-work-card,
	.vx-work-card > img {
		transition: none;
	}

	.vx-work-card:hover {
		transform: none;
	}
}

@media (max-width: 767.98px) {
	.vx-work-card__body h3 {
		font-size: 16px;
		min-height: auto;
	}
	.vx-work-card {
		min-height: 0;
	}

	.vx-work-card > img {
		width: 100%;
	}

	.vx-work-card__body span {
		white-space: normal;
	}
}