@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('//cdn.hstatic.net/themes/200000423261/1001522531/14/glyphicons-halflings-regular.eot?v=1');
	src: url('//cdn.hstatic.net/themes/200000423261/1001522531/14/glyphicons-halflings-regular.eot?v=1') format('embedded-opentype'), url('//cdn.hstatic.net/themes/200000423261/1001522531/14/glyphicons-halflings-regular.woff?v=1') format('woff'), url('//cdn.hstatic.net/themes/200000423261/1001522531/14/glyphicons-halflings-regular.ttf?v=1') format('truetype'), url('//cdn.hstatic.net/themes/200000423261/1001522531/14/glyphicons-halflings-regular.svg?v=1') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FontAwesome';
	src: url('//cdn.hstatic.net/themes/200000423261/1001522531/14/fontawesome.eot?v=1');
	src: url('//cdn.hstatic.net/themes/200000423261/1001522531/14/fontawesome.eot?v=1') format('embedded-opentype'), url('//cdn.hstatic.net/themes/200000423261/1001522531/14/fontawesome.woff?v=1') format('woff'), url('//cdn.hstatic.net/themes/200000423261/1001522531/14/fontawesome.ttf?v=1') format('truetype'), url('//cdn.hstatic.net/themes/200000423261/1001522531/14/fontawesome.svg?v=1') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'Segoe UI';
  font-style: normal;
  font-weight: 400;
  src: url(https://file.hstatic.net/200000423261/file/segoeui-light_0a859b9f086044d58696016b8026b531.woff2) format('woff2');
}
@font-face {
  font-family: 'Segoe UI';
  font-style: normal;
  font-weight: bold;
  src: url(https://file.hstatic.net/200000423261/file/segoeui-bold_efed0ec355e04145b54de83012c98171.woff2) format('woff2');
}
/*========================================================== VISUAL TOKENS ==========================================================*/
/* Phase 00 foundation only. Aliases map to existing theme settings where those are the production source of truth. Glass tokens are defined for later layered UI and are not applied here. */
:root {
	color-scheme: only light;
	--hs-black: #0E0E0E;
	--hs-ink: #1B1A18;
	--hs-text: #2B2B2D;
	--hs-red: #ff1f1f;
	--hs-price: #ff0000;
	--hs-page: #F4F1EB;
	--hs-white: #FBF9F5;
	--hs-gray-50: #FAFAF8;
	--hs-gray-100: #EEEBE4;
	--hs-gray-200: #E4E0D8;
	--hs-gray-300: #C4BDB3;
	--hs-gray-500: #6F6A62;
	--hs-graphite: #292C30;
	--hs-silver: #C8CCD0;
	--hs-silver-hi: #ECEEEF;
	--hs-silver-dk: #8E949A;
	--hs-soft-black: #151719;
	--hs-line: 1px solid var(--hs-gray-200);
	--glass-light: rgba(251,249,245,.84);
	--glass-dark: rgba(9,10,11,.86);
	--glass-border: rgba(236,238,239,.5);
	--glass-light-fallback: #FBF9F5;
	--glass-dark-fallback: #090A0B;
	--glass-filter: blur(14px) saturate(108%);
	--glass-edge: inset 1px 1px 0 rgba(236,238,239,.32), inset -1px -1px 0 rgba(9,10,11,.1);
	--shadow-layer: 0 10px 24px rgba(9,10,11,.12);
	--radius-control: 3px;
}
html,
body {
	color-scheme: only light;
}
/*========================================================== GENERAL ==========================================================*/ 
.glyphicon{font-family: 'Glyphicons Halflings'!important;} .fa{font-family: 'FontAwesome'!important;}
a, a:hover,a:focus{  text-decoration:none; outline:none; } img, iframe{ max-width:100% }
table{width:100%;} 
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-size: 100%;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
body {font-size: 16px;position: relative;overflow-y: auto;}
ol, ul {padding-left: 15px; list-style: none;}
h1,h2,h3,h4,h5,h6 {clear: both;}
h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
p {margin-bottom: 10px;line-height: 24px;}
img {border: none;max-width: 100%;height: auto;} 
a:hover {text-decoration: none;}
a:focus {text-decoration: none;color: inherit;outline: none;}
a, button, input {transition: color .3s ease, background-color .3s ease, border-color .3s ease, opacity .3s ease, box-shadow .3s ease;} 
input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],textarea {border: 1px solid #b5b5b5;padding: 8px 15px;font-size: 14px;color: #757575;border-radius: 0;}
button,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=search]:focus,textarea:focus {border-color: #C1BCBC;outline: none;}
a:focus-visible,
button:focus-visible,
input:focus-visible,
input[type=text]:focus-visible,
input[type=email]:focus-visible,
input[type=password]:focus-visible,
input[type=number]:focus-visible,
input[type=search]:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 2px solid var(--hs-red);
	outline-offset: 3px;
}
fieldset legend {display: inline-block;color: inherit;background: none;vertical-align: top;} 
.relative{position: relative; } .absolute{position:absolute; } .pos_initial{position:initial; }
.notStyle{list-style: none; padding: 0;	margin: 0;}
body{
	font-family: "Roboto", sans-serif;
	background: #f4f8fa;
	overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6{
	color: #000000;
}
a{
	color: #222222;
}
a:hover{
	color: #e90000;
}
.translateY-50{
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.transition-5{
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
}
.transition-3{
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
}
.dataEmpty {
	text-align: center;
	margin: 20px 0px;
}
.insOverlay, .overlayFilter, .overlayMenu {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 11;
	display: none;
}
.imageHover{
	position: relative;
	overflow: hidden;
}
.imageHover img {
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.imageHover:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.imageHover img {
	width: 100%;
}
.imageHover a:before{
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	bottom: 15px;
	right: 15px;
	z-index: 9;
	border-top: 1px solid rgba(255, 255, 255, 0.8);
	border-bottom: 1px solid rgba(255, 255, 255, 0.8);
	transform: scale(0, 1);
}
.imageHover a:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	bottom: 15px;
	right: 15px;
	z-index: 9;
	border-left: 1px solid rgba(255, 255, 255, 0.8);
	border-right: 1px solid rgba(255, 255, 255, 0.8);
	transform: scale(1, 0);
}
.imageHover a:hover:before,
.imageHover a:hover:after {
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.btn-outline {
	position: relative;
	z-index: 0;
	border: 1px solid;
	border-color: #000000;
	white-space: nowrap;
	padding: 10px 40px;
	margin-bottom: 0;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	display: inline-block;
	background: #000000;
	color: #ffffff;
	transition: all 0.3s ease-in-out;
	margin-right: 20px;
	border-radius: 50px;
	outline: none !important;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline.btn-buyNow, .btn-outline.btn-style-2{
	background: #fff;
	color: #000000;
}
/* ----------------- QUICK VIEW MODAL ---------------------- */
#quick-view-modal {
}
div#quick-view-modal .modal-dialog.modal-lg {
	padding-top: 20px;
}
#quick-view-modal .modal-footer {
}
h4.modal-title {
	color: #fff;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
}
#quick-view-modal .selector-wrapper label {
}
.closeModal {
	position: absolute;
	width: 35px;
	height: 35px;
	border: none;
	top: -15px;  
	right: -15px;
	z-index: 10;
	background: url(fancybox_sprite.png) top left no-repeat;
}
#quick-view-modal .selector-wrapper {
	margin: 0px 0px 10px 0px;
}
.m-sku, .m-vendor {
	padding: 5px 0px;
}
#quick-view-modal .btn-detail {
}

#quick-view-modal .form-input label {
	width: 100%;
	color: #000 !important;
	font-weight: bold;
	margin-bottom: 10px;
}

#quick-view-modal .form-input {
}
#quick-view-modal .form-input:last-child {
	margin-top: 20px;
}
#quick-view-modal .modal-body {
}

#quick-view-modal .form-input input[type=number] {
	border-radius: 0;
	height: 40px;
}

#quick-view-modal .modal-header h2 {
}

#quick-view-modal .qv-readmore a {
	color: #000000;
	font-weight: normal;
	font-size: 15px
}

#quick-view-modal .qv-readmore {
}

#quick-view-modal i.fa.fa-plus,
#quick-view-modal i.fa.fa-times {
}

#quick-view-modal .modal-content,
#quick-view-modal .btn {
}
#quick-view-modal .zoom > img {
}

#quick-view-modal div#p-sliderproduct {
}

#quick-view-modal .zoom {
	text-align: center;
	width: 100%;
	height: 230px;
	padding: 10px;
}

#quick-view-modal .item:hover,
#quick-view-modal .item.active {
	border: 1px solid #E05544 !important;
}

#quick-view-modal .item:hover:after,
#quick-view-modal .item.active:after {
	border-top: 5px solid rgba(224, 85, 68, 0) !important;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 6px solid #E05544;
	content: "";
	position: absolute;
	top: -11px;
	left: 0px;
	right: 0px;
	margin: auto;
	width: 6px;
}

#quick-view-modal li.product-thumb {
	float: none;
	display: block !important;
	padding: 5px;
	width: 100%;
}
#quick-view-modal li.product-thumb.active {
	border-color: #000000;
}
#quick-view-modal .image-zoom.row {
}

#quick-view-modal .image-zoom > img {

}

#quick-view-modal .btn-soldout {
	width: 100%;
}

#quick-view-modal .modal-title.p-title {

}

#quick-view-modal .btn-color-add {
	width: 200px;
}
.modal-fix {
	width: 70% !important;
}
.modal-fix .block_content ul li a{
	//border: 1px solid #8CC152 !important;
}
.modal-fix .block_content ul li .fa{
	color: #2A2A29;
}
.form-input.vid {
	padding: 0px !important;
}
.m-vendor, .m-sku {
	font-style: italic;
}
.form-input.vid span {
	font-size: 14px;
	font-weight: bold;
	font-style: normal !important;
}
.social-icons.modal-fix {
	margin: 20px 0px !important;
}
/*End Quickview*/
#quick-view-modal {
	z-index: 9999;
}

#quick-view-modal .modal-footer {
	border-top: 1px solid #ccc;
}

#quick-view-modal .selector-wrapper label {
	width: 25%;
}

#quick-view-modal .selector-wrapper {
	width: 100%;
	float: left;
	display: none;
}

#quick-view-modal .btn-detail {
	float: left;
}

#quick-view-modal .form-input {
	float: left;
	//width: 300px;
	width: 100%;
	max-width: 100%;
	padding: 10px 0px;
}

#quick-view-modal .modal-body {
	padding: 10px 15px;
}

#quick-view-modal .form-input input[type=number] {
	max-width: 60px;
	text-align: center;
	padding: 6px;
	//border-radius: 5px;
	//border: 1px solid #E5E5E5;
}
button.btn-addcart, #quick-view-modal .btn-soldout {
	float: left;
	height: 40px;
	border: none;
	padding: 10px 30px;
	background: #000000;;
	color: #fff;
	font-size: 15px;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	border: 1px solid #fff;
	outline: none;
	line-height: 1;
}
button.btn-addcart:hover{
	background: #fff;
	border-color: #000000;; 
	color: #000000;;
}
#quick-view-modal .modal-header h2 {
	padding: 10px 0px;
	background: #53A1CC;
	color: #fff;
	line-height: 29px;
	text-align: center;
}


#quick-view-modal .qv-readmore {
	float: left;
	padding: 12px 10px;
}

#quick-view-modal .p-price {
	font-size: 20px;
	margin-right: 10px;
}

#quick-view-modal i.fa.fa-plus,
#quick-view-modal i.fa.fa-times {
	margin-right: 8px;
}
#quick-view-modal .modal-content{
}
#quick-view-modal .modal-content,
#quick-view-modal .btn {
	border-radius: 2px;
}

#quick-view-modal del {
	font-size: 14px;
	display: inline-block;
	margin-top: 5px;
}

#quick-view-modal .item img {
	max-width: 100%;
	max-height: calc(100% - 2px);
	position: absolute;
	top: 0px;
	bottom: 0px;
	margin: auto;
	left: 0px;
	right: 0px;
}

#quick-view-modal .item {
	height: 50px;
	position: relative;
	margin: 7px 0px;
}

#quick-view-modal .item a {
	float: left;
	width: 100%;
	height: 100%;
}

#quick-view-modal .zoom > img {
	max-width: 100%;
	max-height: 300px;
}

#quick-view-modal div#p-sliderproduct {
	width: 300px;
	margin: auto;
}


#quick-view-modal .thumb .item:hover a,
#quick-view-modal .thumb .item.active a {
	border: 1px solid #E05544 !important;
}

#quick-view-modal .product-thumb:hover a:after,
#quick-view-modal .product-thumb.active a:after {
	border-top: 5px solid rgba(224, 85, 68, 0) !important;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 6px solid #FF0000;
	content: "";
	position: absolute;
	top: -12px;
	left: 0px;
	right: 0px;
	margin: auto;
	width: 6px;
}

#quick-view-modal li.product-thumb {
	border: 1px solid #ccc;
}
#quick-view-modal li.product-thumb img {
	max-width: 100%;
}
#quick-view-modal .image-zoom.row {
	text-align: center;
}

#quick-view-modal .image-zoom > img {
	max-width: 100%;
	max-height: 300px;
	margin-bottom:5px;

}
div#quick-view-modal .modal-header {
	background: #000000;
	padding: 10px;
}
#quick-view-modal .modal-title.p-title {
	font-weight: bold;
	text-align: left;
	padding-left: 20px;
	color: #fff;
}
#quick-view-modal .modal-header .close {
	position: absolute;
	margin-top: 0;
	background: transparent;
	top: 5px;
	outline: none;
	padding: 0;
	height: auto;
	width: auto;
	right: 20px;
}

.product-title.p-title h1 {
	font-size: 20px;
	padding: 5px 0px;
	font-weight: bold;
	margin: 0;
	line-height: normal;
}
#quick-view-modal .product-price {
	padding: 5px 0px 0px;
	margin: 0;
	border: none;
}
#quick-view-modal .btn-color-add:hover, #quick-view-modal .btn-color-add:focus, #quick-view-modal .btn-color-add:active{
	background: ;
}

#quick-view-modal .form-des {
	display: block;
	float: left;
	line-height: 1.4;
	padding: 0px;
	border: 1px;
	border-right: none;
	border-left: none;
	max-height: 95px;
	overflow: hidden;
	width: 100%;
}
#quick-view-modal .p-price{
	color: #ff0000 !important;
	font-variant-numeric: tabular-nums;
}
#quick-view-modal del{
	color: #999999!important;
	font-variant-numeric: tabular-nums;
}
#quick-view-modal .form-input input[type=number]{
	border: 1px solid #ccc;
}
#quick-view-modal .owlDesign .owl-controls .owl-dots {
	display: none !important;
}
/* ----------------- END QUICK VIEW MODAL ---------------------- */
/* 1. ------------- LOADING PAGE ------------ */
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	background: #fff;
}
.preloader .wrapLoading{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}
.cssload-loader{position:relative;left:auto;width:auto;height:auto;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;perspective:900px}.cssload-inner{position:absolute;width:100%;height:100%;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.cssload-inner.cssload-one{left:0;top:0;animation:cssload-rotate-one 1.15s linear infinite;-o-animation:cssload-rotate-one 1.15s linear infinite;-ms-animation:cssload-rotate-one 1.15s linear infinite;-webkit-animation:cssload-rotate-one 1.15s linear infinite;-moz-animation:cssload-rotate-one 1.15s linear infinite;border-bottom:3px solid rgba(28,168,49,.98)}.cssload-inner.cssload-two{right:0;top:0;animation:cssload-rotate-two 1.15s linear infinite;-o-animation:cssload-rotate-two 1.15s linear infinite;-ms-animation:cssload-rotate-two 1.15s linear infinite;-webkit-animation:cssload-rotate-two 1.15s linear infinite;-moz-animation:cssload-rotate-two 1.15s linear infinite;border-right:3px solid #e01631}.cssload-inner.cssload-three{right:0;bottom:0;animation:cssload-rotate-three 1.15s linear infinite;-o-animation:cssload-rotate-three 1.15s linear infinite;-ms-animation:cssload-rotate-three 1.15s linear infinite;-webkit-animation:cssload-rotate-three 1.15s linear infinite;-moz-animation:cssload-rotate-three 1.15s linear infinite;border-top:3px solid #3d36f7}@keyframes cssload-rotate-one{0%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)}100%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}}@-o-keyframes cssload-rotate-one{0%{-o-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)}100%{-o-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}}@-ms-keyframes cssload-rotate-one{0%{-ms-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)}100%{-ms-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}}@-webkit-keyframes cssload-rotate-one{0%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)}100%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}}@-moz-keyframes cssload-rotate-one{0%{-moz-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)}100%{-moz-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}}@keyframes cssload-rotate-two{0%{transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}@-o-keyframes cssload-rotate-two{0%{-o-transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{-o-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}@-ms-keyframes cssload-rotate-two{0%{-ms-transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{-ms-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}@-webkit-keyframes cssload-rotate-two{0%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}@-moz-keyframes cssload-rotate-two{0%{-moz-transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{-moz-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}@keyframes cssload-rotate-three{0%{transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}@-o-keyframes cssload-rotate-three{0%{-o-transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{-o-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}@-ms-keyframes cssload-rotate-three{0%{-ms-transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{-ms-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}@-webkit-keyframes cssload-rotate-three{0%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}@-moz-keyframes cssload-rotate-three{0%{-moz-transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{-moz-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}
/* ------------- END LOADING PAGE ------------ */

/* 2. ------------- HEADER PAGE ------------ */
#headerTopBar {
	background: #53a1cc;
	color: #53a1cc;
	padding: 5px;
}
#headerTopBar ul li {
	display: inline-block;
	margin-right: 20px;
}
.headerTemp {
	background: #ffffff;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	top: -40px;
}
.headerTemp.headerFixed {
	position: fixed;
	top: 0 ;
	left: 0;
	width: 100%;
	z-index: 20; 
}
.headerTemp.headerFixed #headerPage,
.headerTemp.headerFixed #headerTopBar{
	display: none;
}
#headerPage{
	background: #fff url('https://audiosonha.com/images/img/bg_1.png') no-repeat center bottom;
	background-size: contain;
}
#headerPage .insHeaderWrap .row{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
#topBar ul li:last-child {
	border-right: 0;
}
#headerLogo p {
	margin: 10px 0;
	text-align: center;
}
.logoText a {
	font-size: 40px;
	display: block;
	text-align: center;
	color: #000000;
	margin: 10px 0px;
}
.frmSearch {
	position: relative;
	margin: 15px 0px 5px;
}
.frmSearch i {
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
}
.frmSearch input[type="text"] {
	width: 100%;
	height: 40px;
	padding: 0px 30px 0px 15px;
	border: 1px solid #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
}
.frmSearch:hover input[type="text"]{
}
.frmSearch:hover i{
	color: #000000;
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.frmSearch .insButton {
	width: 30px;
	height: 40px;
	outline: none;
	border: none;
	color: #fff;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	background: transparent;
	position: absolute;
	right: 5px;
	top: 0;
	display: flex;
	align-items: center;
}
.searchEx li {
	display: inline-block;
	font-style: italic;
}
.searchEx li strong {
	font-weight: normal;
	color: #000000;
}
/* SEARCH AUTO */
.ajaxSearchAuto {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 10;
}
.ajaxSearchAuto .itemResults {
	padding: 5px;
}
.ajaxSearchAuto .itemResults:hover{
}
.ajaxSearchAuto .itemResults .image {
	width: 50px;
	margin-right: 10px;
}
.ajaxSearchAuto .itemResults .info {
	width: calc(100% - 60px);
}
.ajaxSearchAuto .itemResults .pdComparePrice {
	font-size: 12px;
	margin-left: 5px;
	display: inline-block;
}
.ajaxSearchAuto .resultsMore {
	padding: 10px;
	text-align: center;
}
.ajaxSearchAuto .dataEmpty {
}
/* END SEARCH AUTO */
#headerUser {
	padding-top: 10px;
}
#headerUser a{
	color: #222222;
}
#headerUser .wrap .box > div {
	display: inline-block;
	vertical-align: middle;
}
#headerUser .wrap .box > div.icon {
	background: #00a651;
	border-radius: 50%;
	position: relative;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
#headerUser .wrap .box > div i {
	font-size: 20px;
	color: #fff;
}
#headerUser .wrap .box > div.text > span {
	display: block;
	font-size: 11px;
	text-transform: uppercase;
}
#headerUser .wrap .box > div.text > span.sub,
#headerUser .wrap .cartBox .box > div.text > span:last-child{
	text-transform: none;
	font-size: 13px;
	font-style: italic;
}
@media screen and (min-width: 992px){
	#headerMenu {
		background: linear-gradient(180deg, #151719 0%, #090A0B 52%, #090A0B 100%);
		border-bottom: 1px solid rgba(236,238,239,.16);
		box-shadow: inset 0 1px 0 rgba(236,238,239,.1);
	}
.navSiteMain ul.nav-navbar {
      display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.navSiteMain ul.nav-navbar:before, .navSiteMain ul.nav-navbar:after {
    display: none;
}
	.navSiteMain ul.nav-navbar > li {
		float: left;
		text-align: center;
		font-weight: normal;
	}
	.navSiteMain ul.nav-navbar li.liChild {
		position: relative;
		display: inline-flex;
		align-items: center;
	}
	.navSiteMain ul.nav-navbar .navSubToggle {
		display: inline-block;
		width: auto;
		height: auto;
		margin: 0;
		padding: 0 2px;
		border: 0;
		background: transparent;
		color: inherit;
		line-height: inherit;
		vertical-align: middle;
		pointer-events: none;
		appearance: none;
		-webkit-appearance: none;
	}
	.navSiteMain .nav-navbar .mainChild li.liChild {
		display: flex;
		align-items: center;
	}
	.navSiteMain .nav-navbar .mainChild li.liChild > .navParentLink {
		flex: 1 1 auto;
		background-image: none;
	}
	.navSiteMain .nav-navbar .mainChild li.liChild:hover > .navParentLink,
	.navSiteMain .nav-navbar .mainChild li.liChild.active > .navParentLink {
		background-image: none;
	}
	.navSiteMain ul.nav-navbar > li > a {
		position: relative;
		padding: 10px 15px;
		overflow: hidden;
    font-weight: 500;
		font-size: 16px;
		color: #ffffff;
		text-align: center;
		display: inline-block;
		vertical-align: middle;
	}
	.navSiteMain ul.nav-navbar > li:hover > a,
	.navSiteMain ul.nav-navbar > li.active > a {
    background: #d1d1d1;
		color: #fe0000;
	}
	.mainChild {
		padding: 0;
		margin: 0;
		position: absolute;
		z-index: 15;
		top: 100%;
		left: 0;
		min-width: 200px;
		text-align: left;
		-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		border-bottom-color: #000000;
	}
	.mainChild.levlup_3 {
		left: 100%;
		top: 0;
	}
	.navSiteMain .nav-navbar li:hover > .mainChild {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.navSiteMain .nav-navbar .mainChild li a {
		padding: 7px 10px 7px 25px;
		background: url(r7.png) no-repeat 10px center;
		display: block;
	}
	.navSiteMain .nav-navbar .mainChild li.active > a{
		color: #e90000;
	}
	.navSiteMain .nav-navbar .mainChild li a i {
		float: right;
		margin-top: 3px;
	}
}
/*
@media screen and (min-width: 768px){
.navSiteMain ul.nav-navbar > li > a:hover .navIcon,
.navSiteMain ul.nav-navbar > li.active > a .navIcon{
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.mainChild {
padding: 0;
margin: 0;
position: absolute;
top: 100%;
left: 0;
z-index: 10;
background: #fff;
transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
transform: translateY(30px);
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
visibility: hidden;
border-top: 1px solid;
border-color: #e90000;
box-shadow: 0 5px 7px -1px rgba(0,0,0,.4);
min-width: 170px;
text-align: left;
}
.navSiteMain ul.nav-navbar > li.account .mainChild {
left: auto;
right: 0;
}
.mainChild.levlup_3 {
left: 100%;
top: 0;
transform: translateX(30px);
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
-o-transform: translateX(30px);
border: none;
}
.mainChild li{
position: relative;
}
.mainChild li a {
display: block;
padding: 5px 10px;
position: relative;
border-bottom: 1px solid #eaeaea;
}
.mainChild li a:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
bottom: 0;
background: #e90000;
height: 1px;
-webkit-transition-property: left,right;
transition-property: left,right;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.mainChild li:hover > a:before,
.mainChild li.active > a:before {
left: 0;
right: 0;
}
.mainChild li:hover > a,
.mainChild li.active > a{
padding-left: 20px;
background: url('r7.png') 5px center no-repeat;
color: #e90000;
}
.mainChild li.liChild:hover > .navParentLink,
.mainChild li.liChild.active > .navParentLink {
background-image: none;
}
.mainChild li a i {
float: right;
font-size: 12px;
margin-top: 4px;
}
.navSiteMain ul.nav-navbar > li:hover > .mainChild {
visibility: visible;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
transform: translateY(0px);
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
}
.mainChild li:hover > ul {
visibility: visible;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
transform: translateX(0px);
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
}
}
*/
@media screen and (max-width: 991px){
	#headerNav {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		width: min(86vw, 360px);
		max-width: 95%;
		height: 100vh;
		height: 100dvh;
		z-index: 2147483001;
		padding: 0;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
		background-color: #fff;
		border-right: 1px solid #e9e9e9;
		visibility: hidden;
		pointer-events: none;
		transform: translate3d(-102%, 0, 0);
		transition: transform .28s ease, visibility 0s linear .28s;
	}
	body.openNav #headerNav {
		visibility: visible;
		pointer-events: auto;
		transform: translate3d(0, 0, 0);
		transition: transform .28s ease, visibility 0s linear 0s;
	}
	.overlayMenu {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 2147483000;
		display: block;
		background: rgba(14,14,14,.4);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity .28s ease, visibility 0s linear .28s;
	}
	body.openNav .overlayMenu {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transition: opacity .28s ease, visibility 0s linear 0s;
	}
	body.openNav {
		overflow: hidden;
	}
	body.openNav .hsFloatContact,
	body.openNav .hs-bottom-ticker {
		visibility: hidden;
		pointer-events: none;
	}
	#headerNav #navWrap {
		width: 100%;
		height: auto;
		min-height: 100%;
		padding-bottom: 20px;
		overflow: visible;
	}
	#headerNav #navWrap::-webkit-scrollbar {
		width: 5px;
		background-color: #eaeaea;
	}

	#headerNav #navWrap::-webkit-scrollbar-thumb {
		background-color: #ccc;
		border-radius: 30px;
	}

	#headerNav #navWrap::-webkit-scrollbar-track {
		width: 1px;
		background: #f1f1f1;
		border: 1px solid #eee;
		border-radius: 30px;
		-webkit-box-shadow: 0 0 1px #eee inset;
	}
	.navSiteMain ul.nav-navbar > li {
		width: 100%;
	}
	.navSiteMain ul.nav-navbar li.liChild {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.navSiteMain ul.nav-navbar li a {
		border-bottom: 1px solid #f1f1f1;
		padding: 10px;
		display: block;
	}
	.navSiteMain ul.nav-navbar li.liChild > .navParentLink {
		flex: 1 1 auto;
		min-width: 0;
		border-bottom: 1px solid #f1f1f1;
	}
	.navSiteMain ul.nav-navbar .navSubToggle {
		flex: 0 0 44px;
		width: 44px;
		height: 44px;
		margin: 0;
		padding: 0;
		border: 0;
		border-bottom: 1px solid #f1f1f1;
		background: transparent;
		color: inherit;
		line-height: 44px;
		text-align: center;
		appearance: none;
		-webkit-appearance: none;
		cursor: pointer;
	}
	.navSiteMain ul.nav-navbar .navSubToggle i {
		display: inline-block;
		font-size: 18px;
		transition: transform .2s ease-out;
	}
	.navSiteMain ul.nav-navbar > li.liChild > .navSubToggle i {
		transform: rotate(0deg);
	}
	.navSiteMain ul.nav-navbar > li.liChild > .navSubToggle.is-open i {
		transform: rotate(-180deg);
	}
	.navSiteMain ul.nav-navbar .mainChild li .navSubToggle i {
		transform: rotate(90deg);
	}
	.navSiteMain ul.nav-navbar .mainChild li .navSubToggle.is-open i {
		transform: rotate(270deg);
	}
	.navSiteMain ul.nav-navbar li.liChild > .mainChild {
		flex: 1 1 100%;
		width: 100%;
	}
	#headerNav .closeMenuMB .closeNav {
		width: 150px;
		margin-top: 20px;
		//background: #000000;
		background: #000000;
		border-color: #000000;
		color: #fff;
	}
	.mainChild {
		padding: 0;
		display: none;
	}
	.navSiteMain ul.nav-navbar .mainChild li a {
		padding-left: 25px;
	}
	.navSiteMain ul.nav-navbar .mainChild.levlup_3 li a {
		padding-left: 35px;
	}
	.frmSearch {
		margin: 5px 0px 10px;
	}
	.navSiteMain ul.nav-navbar > li.account{
		display: none;
	}
}
@media screen and (max-width: 479px){
	#headerLogo p img {
		max-width: 200px;
		max-height: 50px;
	}
}
@media screen and (max-width: 370px){
	#headerLogo p img {
		max-width: 170px;
		max-height: 40px;
	}
}
/* ------------- END HEADER PAGE ------------ */

/* 3. ------------- BLOCK PRODUCTS LOOP ITEM  ------------ */
img.imgLoopItem {
	width: 100%;
}
.pdLoopItem {
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
}
.pdLoopItem:hover {
}
.pdLoopItem .itemLoop {
	padding: 10px;
}
.pdLoopItem .itemLoop .pdLoopImg {
	position: relative;
	overflow: hidden;
}
.pdLoopItem .itemLoop .pdLoopImg img{
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
	-ms-transition: all 0.35s ease-in-out 0s;
	max-height: 100%;
	margin: auto;
	display: block;
	//width: auto;
}
.pdLoopItem .itemLoop .pdLoopImg:hover img{
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
}
.pdLoopItem .itemLoop .pdLoopDetail {
	padding: 10px 0px;
}
.pdLabel, .topLabel {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	padding: 5px 10px;
	background: #000;
	color: #fff;
}
.pdLabel.sale{
}
.topLabel{
	background: url(//cdn.hstatic.net/themes/200000423261/1001522531/14/bg_seller.png?v=1) top left no-repeat;
	width: 40px;
	height: 50px;
	background-size: cover;
	padding: 0;
	text-align: center;
	color: #d78e25;
	font-weight: bold;
	line-height: 32px;
}
.pdLoopName a {
	font-size: 14px;
	height: auto;
	min-height: calc(1.4em * 3);
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
}
.productName{
	color: #333333;
}
.productName:hover{
	color: #f11c05;
}
.pdPrice{
	color: #ff0000;
	font-variant-numeric: tabular-nums;
}
.pdComparePrice{
	color: #999999;
	font-size: 13px;
	font-style: italic;
	font-variant-numeric: tabular-nums;
}
.pdLoopItem .itemLoop .pdPrice {
	margin: 0;
	text-align: center;
}
.pdLoopAction {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	width: 35px;
	text-align: center;
	z-index: 1;
}
.pdLoopAction .listAction{
	position: relative;
	overflow: hidden;
}
.pdLoopAction .btnLoop {
	display: block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	margin: 5px auto;
	background: rgba(0,0,0,.7);
	color: #fff;
	border-radius: 50%;
	text-align: center;
	transform: translate(40px, 40px);
	-ms-transform: translate(40px, 40px);
	-webkit-transform: translate(40px, 40px);
	visibility: hidden;
	filter: alpha(opacity=0); 
	-khtml-opacity: 0;      
	-moz-opacity: 0;       
	opacity: 0;  
}
.pdLoopAction .btnLoop i{
	transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}
.pdLoopAction .btnLoop.Soldoutcart {
	opacity: .5 !important;
	filter: alpha(opacity=50) !important; 
	cursor: default;
}
.pdLoopAction .btnLoop:not(.checked):hover i {
	-webkit-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
	transform: rotate(-360deg);
}
.pdLoopItem:hover .pdLoopAction .btnLoop{
	visibility: visible;
	filter: alpha(opacity=100); 
	-khtml-opacity: 1;      
	-moz-opacity: 1;       
	opacity: 1;  
	transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
}
.pdLoopAction .btnLoop:first-child {
	transition: all 0.3s ease-in-out 150ms;
	-moz-transition: all 0.3s ease-in-out 150ms;
	-o-transition: all 0.3s ease-in-out 150ms;
	-webkit-transition: all 0.3s ease-in-out 150ms;
	-ms-transition: all 0.3s ease-in-out 150ms;
}
.pdLoopAction .btnLoop:nth-child(2) {
	transition: all 0.4s ease-in-out 150ms;
	-moz-transition: all 0.4s ease-in-out 150ms;
	-o-transition: all 0.4s ease-in-out 150ms;
	-webkit-transition: all 0.4s ease-in-out 150ms;
	-ms-transition: all 0.4s ease-in-out 150ms;
}
.pdLoopAction .btnLoop:nth-child(3) {
	transition: all 0.5s ease-in-out 150ms;
	-moz-transition: all 0.5s ease-in-out 150ms;
	-o-transition: all 0.5s ease-in-out 150ms;
	-webkit-transition: all 0.5s ease-in-out 150ms;
	-ms-transition: all 0.5s ease-in-out 150ms;
}
.pdLoopAction .btnLoop:last-child {
	transition: all 0.6s ease-in-out 150ms;
	-moz-transition: all 0.6s ease-in-out 150ms;
	-o-transition: all 0.6s ease-in-out 150ms;
	-webkit-transition: all 0.6s ease-in-out 150ms;
	-ms-transition: all 0.6s ease-in-out 150ms;
}
.pdLoopListView, .pdTopAction {
	display: none;
}
.pdLoopListView ul {
	padding: 0;
}
.pdLoopListView ul li strong{
	font-weight: normal;
}
.pdLoopListView ul li span {
	font-style: italic;
}
.pdLoopListView ul li .short-des {
	font-style: normal;
}
/* END Loop product item */
/*========================================================== PHASE 03 — SHARED PRODUCT CARDS ==========================================================*/
/* Presentation only. Preserves DOM, Liquid, JS hooks, 350ms image rotate, and action-reveal timing. No Glass. */
.pdLoopItem {
	background: #fff;
	border: 1px solid rgba(29,30,32,.1);
	border-radius: var(--radius-control);
}
.pdLoopItem:hover {
	border-color: rgba(29,30,32,.14);
	-webkit-box-shadow: 0 8px 22px rgba(17,19,21,.07);
	-moz-box-shadow: 0 8px 22px rgba(17,19,21,.07);
	box-shadow: 0 8px 22px rgba(17,19,21,.07);
}
.pdLoopItem .itemLoop .pdLoopImg {
}
.pdLoopName a {
	font-weight: 500;
	line-height: 1.4;
	color: var(--hs-ink);
	text-transform: none;
}
.pdLoopName a:hover {
	color: var(--hs-ink);
}
.pdLoopItem .pdPrice {
	font-size: 15px;
	font-weight: 700;
	color: var(--hs-price);
	font-variant-numeric: tabular-nums;
}
#topProducts .pdLoopName a {
	font-size: 13px;
	min-height: calc(1.4em * 2);
	-webkit-line-clamp: 2;
	line-clamp: 2;
}
.pdLoopItem .topLabel {
	display: none;
}
.pdLoopItem .pdComparePrice {
	margin-left: 5px;
	color: var(--hs-gray-500);
	font-size: 12px;
	font-weight: 400;
}
.pdLabel.sale {
	background: var(--hs-red);
	padding: 4px 8px;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.02em;
}
.pdLoopAction .btnLoop {
	border: 1px solid rgba(255,255,255,.3);
}
.pdLoopAction .btnLoop:not(.Soldoutcart):hover {
	background: var(--hs-red);
	color: #fff;
}
.pdLoopAction .btnLoop:focus-visible {
	outline: 2px solid var(--hs-red);
	outline-offset: 2px;
}
.blockTitle {
	position: relative;
	height: auto;
	min-height: 40px;
	background: transparent;
	border-radius: 0;
	margin: 0 0 16px;
	border-bottom: 1px solid var(--hs-gray-200);
	overflow: hidden;
}
.blockTitle h2 {
	display: inline-block;
	background: none;
	padding: 0 28px 10px 0;
	height: auto;
	position: relative;
	margin: 0;
	float: left;
	border-radius: 0;
	color: var(--hs-ink);
	line-height: 1.3;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}
.blockTitle h2:after {
	content: none;
}
.viewAll {
	font-size: 13px;
	color: var(--hs-gray-500);
	border: 0;
	padding: 0;
	border-radius: 0;
	text-decoration: none;
	text-shadow: none;
	font-weight: 500;
	display: inline-block;
	background: none;
}
.viewAll.topAll {
	position: absolute;
	top: 4px;
	right: 0;
	transform: none;
}
.viewAll:hover{
	color: var(--hs-ink);
	background: none;
}
/*----------------- ARTICLE LOOP ITEM -------------------------*/
.insArticleLoop .createdInfo {
	position: absolute;
	bottom: 0;
	background: #fff;
	left: 30px;
	right: 0;
	padding: 7px 15px;
	text-align: left;
	z-index: 10;
}
.insArticleLoop .createdInfo ul li {
	display: inline-block;
	margin-right: 10px;
	font-size: 13px;
	color: #999999;
}
.insArticleLoop .postDetail {
	padding: 15px 10px 10px 45px;
	text-align: left;
	background: #fff;
}
.insArticleLoop .postDetail h3 a {
	display: block;
	font-size: 15px;
	line-height: 1.5;
	text-transform: uppercase;
	max-height: 45px;
	overflow: hidden;
}
.insArticleLoop .postDetail p {
	margin: 10px 0px;
	line-height: 20px;
	font-style: italic;
}
.insArticleLoop .postDetail .view {
	float: right;
	color: #000000;
}
.insArticleLoop .postDetail .view:hover {
	text-decoration: underline;
}
/*----------------- END ARTICLE LOOP ITEM -------------------------*/

/* ------------- END BLOCK PRODUCTS LOOP ITEM ------------ */

/* 4. ------------- CONTROL CAROUSEL PAGE ------------ */
.owlDesign.owl-carousel .owl-controls .owl-nav div {
	width: 30px;
	height: 50px;
	font-size: 50px;
	line-height: 40px;
	text-align: center;
	background: rgba(255, 255, 255, .8);
	border: 1px solid;
	border-color: #000000;
	color: #000000;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	font-family: -webkit-body;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
}

.owlDesign:hover .owl-controls .owl-nav div {
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
}
.owlDesign:hover .owl-controls .owl-nav div:hover{
	background: #000000;
	color: #fff;
}
.owlDesign.owl-carousel .owl-controls .owl-nav div.disabled {
	background: #000000;
	color: #fff;
	opacity: .6;
	filter: alpha(opacity=60); 
	-khtml-opacity: 0.6;      
	-moz-opacity: 0.6;  
}
.owlDesign.owl-carousel .owl-controls .owl-nav div.owl-next {
	right: -30px;
}

.owlDesign.owl-carousel .owl-controls .owl-nav div.owl-prev {
	left: -30px;
}

.owlDesign.owl-carousel:hover .owl-controls .owl-nav div.owl-next {
	right: 0px;
}

.owlDesign.owl-carousel:hover .owl-controls .owl-nav div.owl-prev {
	left: 0px;
}

.owlDesign .owl-controls .owl-dots {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 5px;
	line-height: 1;
	font-size: 0;
	padding: 5px;
	/* background: rgba(0, 166, 81, .2); */
	background: #f4f8fa;
}

.owlDesign .owl-controls .owl-dots .owl-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: transparent;
	border: 1px solid;
	border-color: #000000;
	margin: 0px 3px;
	line-height: 1;
}

.owlDesign .owl-controls .owl-dots .owl-dot.active {
	background: #000000;
}

.owlDesign .owl-controls .owl-dots {
	display: block !important;
}
.owlDesign.notDots .owl-controls .owl-dots {
	display: none !important;
}
/* ------------- END CONTROL CAROUSEL PAGE ------------ */

/* ------------- FOOTER PAGE ------------ */
/* BLOCK FIXED */

.tempFixed .itemFixed {
	margin-top: 10px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 10;
}
.tempFixed .itemFixed:not(.hotLine){
	transform: translate(50px, 20px);
	-ms-transform: translate(50px, 20px);
	-webkit-transform: translate(50px, 20px);
	visibility: hidden;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}
.tempFixed .itemFixed.cartFixed {
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 33px;
	background: #000000;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, .3);
	bottom: 60px;
}
.tempFixed .cartFixed.loading:after,
#headerUser .wrap .cartBox .icon.loading:after {
	content: '';
	border: 2px solid #f8f8f8;
	border-top: 2px solid #1ba8ff;
	border-top-color: #000000;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: spin 1s linear infinite;
	position: absolute;
	top: -1px;
	left: -3px;
	z-index: 0;
	opacity: 1;
}
#headerUser .wrap .cartBox .icon.loading:after{
	border: 2px solid #fff;
	border-top-color: #000000;
	width: 45px;
	height: 45px;
	top: -3px;
	left: -3px;
}
@keyframes spin {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}
@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-moz-keyframes spinner {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-o-keyframes spinner {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes spinner {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
.tempFixed .itemFixed.cartFixed a{
	color: #fff;
}
.tempFixed .itemFixed.backTop {
	width: 32px;
	height: 32px;
	bottom: 48px;
	left: 15px;
	text-align: center;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
	border-radius: 50%;
	-webkit-box-shadow: 0 4px 5px -1px rgb(0 0 0 / 50%);
	-moz-box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.5);
	box-shadow: 0 4px 5px -1px rgb(0 0 0 / 50%);
	cursor: pointer;
	background: #570000;
	align-items: center;
	justify-content: center;
	a{
		width: 20px;
		height: 20px;
	}
}
.tempFixed .itemFixed.trans{
	transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	visibility: visible;
	filter: alpha(opacity=10);
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}
.itemFixed.cartFixed .numberCart {
	position: absolute;
	width: 20px;
	height: 20px;
	line-height: 20px;
	top: -5px;
	right: -5px;
	background: #fff;
	border-radius: 50%;
	overflow: hidden;
	color: #00a651;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, .3);
	text-align: center;
	font-size: 12px;
	z-index: 5;
}
/* END BLOCK FIXED */
/* ---------- Inspired Footer --------- */
footer#insFooter {
	background: #E6E6E6;
	margin-top: 30px;
}
#footer_promotion {
	background: #fff;
}
.info_policy {
	position: relative;
	padding: 30px 0;
	text-align: center;
}
.info_policy span.name-icon {
	font-size: 35px;
	vertical-align: top;
	margin-right: 10px;
	color: #000000;
}
.info_policy .description {
	vertical-align: top;
	text-align: left;
}
.insFooter .info_policy .description h4 {
	font-size: 14px;
	text-transform: uppercase;
	border: none;
	margin: 0;
	padding: 0;
	color: #000000;
	line-height: 1.5;
}
.info_policy .description p {
	font-size: 14px;
	color: #666666;
	line-height: 20px;
	margin: 0;
}
.topFooter {
	padding: 30px 0px;
}
.ftShopInfo .ftLogo {
	margin: 10px 0px;
}
.insFooter.styleNew .topFooter{
	background: #000;
	color: #f1f1f1;
}
.insFooter h4 {
	font-size: 17px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	width: 100%;
	background: url(dash-double-footer.png) bottom repeat-x;
	text-transform: uppercase;
}
.insFooter.styleNew h4{
	background: transparent;
	color: #eaeaea;
	border-bottom: 1px solid #e1e1e1;
}
.insFooter.styleNew .topFooter a,
.ftCopyright a{
	color: #999;
}
.insFooter.styleNew .topFooter .ulLinks li a {
	line-height: 25px;
	display: block;
}
.insFooter.styleNew .topFooter .ftSocial li a {
	color: #eaeaea;
}
.insFooter.styleNew .topFooter a:hover,
.insFooter.styleNew .topFooter .ftSocial li a:hover{
	color: #f9f9f9;
	text-decoration: underline;
}
.mainFooter .fTLinks {
	margin-bottom: 20px;
}
.colRightFTTop {
	margin-bottom: 20px;
}
.insFooter .ftNewsletter {
	margin-top: 20px;
}
.colRightFTTop .fi-title1 {
	margin-bottom: 20px;
}
.ftShopInfo .col50 {
	width: 50%;
	float: left;
	padding-right: 10px;
}
.ftSocial li {
	display: inline-block;
	margin-right: 5px;
}
.ftSocial li a {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #3b5998;
	color: #fff;
	margin-top: 10px;
}
.ftSocial li:nth-child(2) a {
	background: #28aae1;
}
.ftSocial li:nth-child(3) a {
	background: #dd4b38;
}
.ftSocial li:nth-child(4) a {
	background: #dc2925;
}
.ftSocial li:nth-child(5) a {
	background: #5d4942;
}
.insFooter .ftNewsletter h4 {
	display: inline-block;
	width: auto;
	padding-right: 20px;
	line-height: 1.5;
}
.ftNewsletter input[type="email"] {
	width: 200px;
	height: 33px;
	display: block;
	border: 1px #928b8b solid;
	float: left;
	font-size: 13px;
	background: none;
	color: #9a9b9e;
	padding: 0 10px;
}
.ftNewsletter button.button {
	height: 33px;
	background: #9a9b9e;
	width: 100px;
	cursor: pointer;
	color: #f1f1f1;
	text-transform: none;
	border: 1px #928b8b solid;
	border-left: none;
	outline: none;
}
.bottomFooter {
	background: #f1f1f1;
}
.insFooter.styleNew .bottomFooter{
	background: #222;
	color: #f1f1f1;
	@media(min-width: 992px){
		padding-bottom: 40px;
	}
}
.mainBottomFooter {
	padding: 20px 0px;
	//background: url(dash-double-footer.png) top repeat-x;
}
.mainBottomFooter .copy p {
	margin: 0;
}
.mainBottomFooter .logo-ft-1 {
	margin: 5px 20px 0px 0px
}
.mainBottomFooter .logo-ft-1 img{
	max-width: 200px;
}
.colRightFTPay img {
	max-height: 30px;
	margin-top: 10px;
}
.ftCopyright {
	margin: 0;
	text-align: center;
}
/* ---------- END Inspired Footer --------- */
/* ------------- END FOOTER PAGE ------------ */

/* ------------- MEDIA PAGE ------------ */
@media screen and (min-width: 1200px){
	.container{
		width: 1200px;
		padding: 0;
	}
	.ftNewsletter input[type="email"]{
		width: 280px;
	}
}
@media screen and (min-width: 992px) and (max-width:1199px){
	#headerUser {
		padding: 10px 0px 0px;
	}
}
@media screen and (min-width: 768px){

}
@media screen and (min-width: 768px) and (max-width: 991px){
	.navSiteMain ul.nav-navbar > li {
		float: none;
		display: inline-block;
	}
}
@media screen and (max-width: 991px){
	#headerLogo {
		text-align: center;
	}
	#headerSearch .searchEx {
		margin-bottom: 10px;
	}
	#headerLogo .mbToggle {
		position: absolute;
		left: 15px;
		top: 50%;
	}
	.loginMB .wrapLogin{
		background: #000000;
		padding: 20px 10px 10px 10px;
	}
	.loginMB .hsDrawerLogo {
		display: block;
		width: 128px;
		margin: 16px auto 12px;
		padding: 0;
		background: transparent;
		text-align: center;
	}
	.loginMB .hsDrawerLogo img {
		display: block;
		width: 128px;
		height: 128px;
		max-width: 128px;
		max-height: 128px;
		margin: 0 auto;
		padding: 0;
		border: 0;
		background: transparent;
		object-fit: cover;
		object-position: center;
		border-radius: 50%;
	}
	.loginMB .wrapLogin .user {
		float: none;
		width: 100%;
	}
	.loginMB .wrapLogin .user * {
		color: #fff;
	}
	#headerLogo .mbToggle img {
		width: 30px;
	}
	.mbCart {
		position: absolute;
		right: 15px;
		top: 50%;
	}
	.mbCart a {
		display: block;
		position: relative;
	}
	.mbCart a .icon {
		background: #000000;
		border-radius: 50%;
		position: relative;
		width: 35px;
		height: 35px;
		line-height: 30px;
		text-align: center;
		display: block;
		color: #fff;
	}
	.mbCart a .numberCart {
		width: 20px;
		height: 20px;
		border-radius: 50%;
		position: absolute;
		background: #00a651;
		top: -5px;
		right: -5px;
		font-size: 10px;
		line-height: 20px;
		text-align: center;
		z-index: 5;
		color: #fff;
	}
	.pdLoopAction{
		display: none;
	}
	.owlDesign.owl-carousel .owl-controls .owl-nav div {
		opacity: 1;
		filter: alpha(opacity=100);
		visibility: visible;
	}
	.owlDesign.owl-carousel .owl-controls .owl-nav div.owl-next {
		right: 0px;
	}
	.owlDesign.owl-carousel .owl-controls .owl-nav div.owl-prev {
		left: 0px;
	}
	.item_policy {
		text-align: center;
		padding: 0px 5px;
	}
	.info_policy {
		position: relative;
		padding: 30px 0;
		text-align: center;
	}
	.info_policy span.name-icon {
		float: none !important;
		display: block;
		margin: 0;
		margin-bottom: 10px;
		font-size: 40px;
	}
	.info_policy .description {
		float: none !important;
		text-align: center;
	}
	.info_policy .description p {
		font-size: 13px;
		line-height: 25px;
	}
	.mainFooter .fTLinks {
		margin-top: 20px;
		margin-bottom: 0px;
	}
}
@media screen and (max-width: 767px){
	.owlDesign.owl-carousel .owl-controls .owl-nav div {
		opacity: 1;
		filter: alpha(opacity=100);
		visibility: visible;
	}
	.owlDesign.owl-carousel .owl-controls .owl-nav div.owl-next {
		right: 0px;
	}
	.owlDesign.owl-carousel .owl-controls .owl-nav div.owl-prev {
		left: 0px;
	}
	.colRightFTSocial{
		margin-bottom: 20px;
	}
	.info_policy {
		padding: 15px 0;
	}
	.hrv-banner-caption{
		display: none !important;
	}
}
@media screen and (max-width: 479px){
	#headerSearch .searchEx {
		display: none;
	}
}
@media screen and (max-width: 450px){
	.logoText a {
		display: inline-block;
		max-width: 150px;
		font-size: 25px;
		max-height: 30px;
		overflow: hidden;
	}
}
@media screen and (max-width: 413px){
	.blockTitle {
		height: auto;
		min-height: 32px;
	}
	.blockTitle h2 {
		line-height: 1.3;
		font-size: 14px;
	}
	.blockTitle h2:after {
		content: none;
	}
	.pdLabel.sale {
		font-size: 10px;
	}
	.ftNewsletter input[type="email"] {
		width: 100%;
		padding-right: 110px;
	}
	.ftNewsletter .ftForm {
		position: relative;
	}
	.ftNewsletter button.button {
		position: absolute;
		right: 0;
		top: 0;
	}
}
@media screen and (max-width: 370px){
	.insFooter .info_policy .description h4 {
		font-size: 12px;
	}
	.info_policy .description p {
		font-size: 11px;
		line-height: 1.5;
	}
}
/* ------------- END MEDIA PAGE ------------ */

@media screen and (max-width: 767px){
	.wrapperPdImage .pdImgThumbs {
		//max-height: 300px;
	}
}

/*========================================================== PHASE 01 — HEADER / NAV / SEARCH ==========================================================*/
/* Presentation only. Does not change header/nav/search DOM, Liquid, JS, or resting geometry. Glass is limited to existing sticky/dropdown/search/drawer layers. */
.headerTemp {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
}
#headerUser .item-action .text .sub,
#headerUser #cart_count,
#cartCountMB {
	font-variant-numeric: tabular-nums;
}
#headerUser .item-action .text span {
	color: var(--hs-gray-500);
}
#headerUser .item-action .text .sub {
	color: var(--hs-ink);
}
#headerUser .item-action a:hover .text span,
#headerUser .item-action a:hover .text .sub {
	color: var(--hs-red);
}
#headerSearch .searchEx {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px;
	margin: 8px 0 10px;
	padding: 0;
	background: transparent;
	color: var(--hs-gray-500);
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.35;
	text-align: left;
	max-height: calc(1.35em * 2);
	overflow: hidden;
}
#headerSearch .searchEx > li {
	display: block;
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: 400;
	color: var(--hs-gray-500);
}
#headerSearch .searchEx > li.title {
	flex: 0 0 auto;
	white-space: nowrap;
}
#headerSearch .searchEx > li.title::after {
	content: "·";
	margin-left: 6px;
	font-style: normal;
	font-weight: 400;
	color: var(--hs-gray-300);
}
#headerSearch .searchEx > li.title strong,
#headerSearch .searchEx > li strong {
	font-style: normal;
	font-weight: 600;
	color: #ED1C24;
}
#headerSearch .searchEx > li:last-child {
	flex: 1 1 12em;
	min-width: 0;
	white-space: normal;
	overflow: hidden;
	max-height: calc(1.35em * 2);
}
#headerSearch .searchEx > li span {
	font-style: normal;
	font-weight: 400;
	color: var(--hs-gray-500);
}
.frmSearch i {
	color: var(--hs-gray-500);
}
.frmSearch input[type="text"] {
	border-color: var(--hs-graphite);
	background: #FFFFFF;
	color: var(--hs-ink);
	border-radius: var(--radius-control);
}
.frmSearch:hover input[type="text"] {
	border-color: var(--hs-black);
}
.frmSearch input[type="text"]:focus,
.frmSearch input[type="text"]:focus-visible {
	border-color: var(--hs-red);
	box-shadow: 0 0 0 3px rgba(255, 31, 31, .08);
	outline: none;
}
#ajaxSearchResults.ajaxSearchAuto,
.ajaxSearchAuto {
	background: var(--glass-light);
	border: 1px solid var(--glass-border);
	-webkit-backdrop-filter: var(--glass-filter);
	backdrop-filter: var(--glass-filter);
}
.ajaxSearchAuto .itemResults {
	background: var(--hs-white);
	border-bottom: var(--hs-line);
}
.ajaxSearchAuto .itemResults:hover {
	background: var(--hs-gray-50);
}
.ajaxSearchAuto .resultsMore a {
	font-size: 12px;
	font-weight: 600;
	color: var(--hs-ink);
}
.ajaxSearchAuto .resultsMore a:hover {
	color: var(--hs-red);
}
.headerTemp.headerFixed {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
}
.headerTemp.headerFixed #headerMenu {
	border-bottom: 1px solid rgba(236,238,239,.16);
	box-shadow: 0 8px 28px rgba(9,10,11,.28), inset 0 1px 0 rgba(236,238,239,.14), inset 0 -1px 0 rgba(9,10,11,.35);
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}
@media screen and (min-width: 992px){
	.navSiteMain ul.nav-navbar > li > a {
		letter-spacing: 0.02em;
	}
	.mainChild {
		background: var(--glass-light);
		border: 1px solid var(--glass-border);
		border-bottom: 1px solid var(--glass-border);
		-webkit-backdrop-filter: var(--glass-filter);
		backdrop-filter: var(--glass-filter);
	}
	.navSiteMain .nav-navbar .mainChild li a {
		border-bottom: 1px solid rgba(17,19,21,.08);
	}
	.navSiteMain .nav-navbar .mainChild li a:hover {
		background-color: var(--hs-gray-50);
		color: var(--hs-ink);
	}
}
@media screen and (max-width: 991px){
	#headerNav {
	}
	.navSiteMain ul.nav-navbar li a {
		border-bottom: var(--hs-line);
		color: var(--hs-ink);
	}
	.navSiteMain ul.nav-navbar > li > a:hover,
	.navSiteMain ul.nav-navbar > li.active > a {
		color: var(--hs-red);
	}
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.headerTemp.headerFixed #headerMenu {
		background: var(--glass-dark-fallback);
	}
	#ajaxSearchResults.ajaxSearchAuto,
	.ajaxSearchAuto {
		background: var(--glass-light-fallback);
	}
	@media screen and (min-width: 992px){
		.mainChild {
			background: var(--glass-light-fallback);
		}
	}
	@media screen and (max-width: 991px){
		#headerNav {
			background: var(--glass-light-fallback);
		}
	}
}

/*========================================================== PHASE 06 — SPECIFICATIONS / CONTENT STATES ==========================================================*/
/* Shared theme empty/info states only. No table/heading/p/img descendants. Spec tables inside product.description are excluded. */
.dataEmpty {
	color: var(--hs-gray-500);
	font-size: 14px;
	font-style: italic;
	line-height: 1.5;
}
.ajaxSearchAuto .dataEmpty {
	margin: 8px 0;
	border: 0;
	background: transparent;
	padding: 8px 10px;
	font-size: 13px;
}
#ajaxSearchResults.ajaxSearchAuto {
	z-index: 20;
	max-height: min(70vh, 420px);
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
}
.ajaxSearchAuto .searchResultList {
	list-style: none;
	margin: 0;
	padding: 0;
}
.ajaxSearchAuto .searchResultList > li {
	margin: 0;
	padding: 0;
	display: block;
}
.ajaxSearchAuto a.itemResults {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 68px;
	padding: 8px 12px;
	margin: 0;
	border-bottom: 1px solid var(--hs-gray-200);
	background: transparent;
	color: inherit;
	text-decoration: none;
	cursor: pointer;
	box-sizing: border-box;
}
.ajaxSearchAuto a.itemResults .image {
	flex: 0 0 52px;
	width: 52px;
	height: 52px;
	margin: 0;
	background: #fff;
	overflow: hidden;
}
.ajaxSearchAuto a.itemResults .image img {
	display: block;
	width: 52px;
	height: 52px;
	object-fit: contain;
}
.ajaxSearchAuto a.itemResults .info {
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
}
.ajaxSearchAuto .searchResultTitle {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
	color: var(--hs-ink);
	font-size: 13px;
	line-height: 1.35;
}
.ajaxSearchAuto a.itemResults .pdPrice {
	display: block;
	margin: 4px 0 0;
	color: var(--hs-red);
	font-size: 13px;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}
.ajaxSearchAuto a.itemResults .pdComparePrice {
	margin-left: 6px;
	color: var(--hs-gray-500);
	font-size: 12px;
	font-weight: 400;
}
@media (hover: hover) and (pointer: fine) {
	.ajaxSearchAuto a.itemResults {
		transition: background-color .18s ease;
	}
	.ajaxSearchAuto a.itemResults:hover {
		background: rgba(255,255,255,.65);
		box-shadow: inset 2px 0 0 var(--hs-red);
	}
}
.ajaxSearchAuto a.itemResults:active,
.ajaxSearchAuto a.itemResults.is-active {
	background: rgba(255,255,255,.65);
	box-shadow: inset 2px 0 0 var(--hs-red);
}
.ajaxSearchAuto a.resultsMore {
	display: block;
	min-height: 44px;
	padding: 12px 14px;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	color: var(--hs-gray-500);
	text-decoration: none;
	cursor: pointer;
	box-sizing: border-box;
}
.ajaxSearchAuto a.resultsMore:hover,
.ajaxSearchAuto a.resultsMore:active {
	color: var(--hs-ink);
	background: rgba(255,255,255,.45);
}
@media screen and (max-width: 767px){
	.ajaxSearchAuto a.itemResults {
		min-height: 76px;
		padding: 10px 12px;
	}
	#ajaxSearchResults.ajaxSearchAuto {
		max-height: min(60vh, 380px);
	}
}
.tabEmpty {
	padding: 28px 16px;
	color: var(--hs-gray-500);
	font-size: 14px;
	line-height: 1.5;
	background: var(--hs-white);
}
#insSearchPage .searchHead {
	margin-bottom: 16px;
	border: 1px solid var(--hs-gray-200);
	background: var(--hs-white);
}
#insSearchPage .searchHead > p {
	margin: 0;
	padding: 12px 16px;
	color: var(--hs-text);
	font-size: 14px;
	line-height: 1.5;
}
#insSearchPage .searchHead > p strong,
#insSearchPage .searchHead > p i {
	color: var(--hs-ink);
	font-style: normal;
	font-weight: 600;
}

/*========================================================== PHASE 07 — MOBILE OVERLAYS / DRAWERS ==========================================================*/
/* Harmonize existing layered UI only. Does not re-glass Phase 01 #headerNav or Phase 04 #sidebarCollection. No stacked blur. No JS. */
.insOverlay,
.overlayFilter,
.overlayMenu {
	background: rgba(17,19,21,.55);
}
#quick-view-modal {
	background: rgba(17,19,21,.55);
}
#quick-view-modal .modal-content {
	background: var(--glass-light);
	border: 1px solid var(--glass-border);
	-webkit-backdrop-filter: var(--glass-filter);
	backdrop-filter: var(--glass-filter);
}
#quick-view-modal .modal-body {
	background: var(--hs-white);
}
#quick-view-modal .closeModal:focus-visible {
	outline: 2px solid var(--hs-red);
	outline-offset: 2px;
}
@media screen and (max-width: 991px){
	#headerNav .closeMenuMB .closeNav {
		border-radius: var(--radius-control);
	}
	#headerNav .closeMenuMB .closeNav:focus-visible {
		outline: 2px solid var(--hs-red);
		outline-offset: 2px;
	}
	#headerNav .loginMB .wrapLogin {
	}
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	#quick-view-modal .modal-content {
		background: var(--glass-light-fallback);
	}
}

/*========================================================== FOOTER CLEANUP ==========================================================*/
/* Presentation only. No Glass. No floating-widget JS. Newsletter/attribution/obsolete socials removed in footer.liquid. */
footer#insFooter.insFooter.styleNew {
	background: #090A0B;
}
#insFooter.styleNew .topFooter {
}
#insFooter.styleNew .bottomFooter {
	padding-bottom: 16px;
}
#insFooter.styleNew h4 {
}
#insFooter.styleNew .colFooter.left > .ftShowroom > h4 {
	margin-top: 0;
}
#insFooter.styleNew .ftShopInfo p,
#insFooter.styleNew .ftShopInfo .col50 {
	width: 100%;
	float: none;
	display: block;
	margin: 0 0 8px;
	padding: 0;
	color: #c8cdd1;
	font-size: 14px;
	font-style: normal;
	line-height: 1.5;
}
#insFooter.styleNew .ftShopInfo a {
	color: #eaeaea;
}
#insFooter.styleNew .topFooter a:hover {
	color: #fff;
	text-decoration: underline;
}
#insFooter.styleNew .topFooter .ulLinks li a {
}
#insFooter.styleNew .colRightFTTop,
#insFooter.styleNew .mainFooter .fTLinks,
#insFooter.styleNew .colRightFTPay,
#insFooter.styleNew .colRightFTSocial {
	margin-bottom: 0;
}
#insFooter.styleNew .ftPaySocial {
	margin-top: 8px;
}
#insFooter.styleNew .colRightFTPay img,
#insFooter.styleNew .payContent img {
	max-height: 28px;
	margin: 4px 0 0;
}
#insFooter.styleNew .topFooter .ftSocial {
}
#insFooter.styleNew .topFooter .ftSocial li {
}
#insFooter.styleNew .topFooter .ftSocial li a,
#insFooter.styleNew .topFooter .ftSocial li:nth-child(1) a,
#insFooter.styleNew .topFooter .ftSocial li:nth-child(2) a,
#insFooter.styleNew .topFooter .ftSocial li:nth-child(3) a,
#insFooter.styleNew .topFooter .ftSocial li:nth-child(4) a,
#insFooter.styleNew .topFooter .ftSocial li:nth-child(5) a {
	display: block;
	width: 32px;
	height: 32px;
	margin-top: 4px;
	border: 1px solid rgba(255,255,255,.2);
	border-radius: var(--radius-control);
	background: transparent;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
}
#insFooter.styleNew .topFooter .ftSocial li a:hover,
#insFooter.styleNew .topFooter .ftSocial li:nth-child(n) a:hover {
	border-color: var(--hs-red);
}
#insFooter.styleNew .mainBottomFooter {
}
#insFooter.styleNew .mainBottomFooter .copy {
	float: none;
	overflow: hidden;
}
#insFooter.styleNew .mainBottomFooter .copy p {
}
@media screen and (min-width: 992px){
	#insFooter.styleNew .bottomFooter {
	}
	#insFooter.styleNew .colFooter.right > .row > .fTLinks:first-child > h4 {
		margin-top: 0;
	}
}

/*========================================================== FOOTER FINAL RESTRUCTURE ==========================================================*/
footer#insFooter.insFooter.styleNew {
	background-color: #0F1113;
	background-image:
		linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0) 140px),
		linear-gradient(180deg, #111315 0%, #0E1012 48%, #101214 100%);
	color: #B9B6B0;
	margin-top: 30px;
}
#insFooter.styleNew .topFooter {
	background: transparent;
	color: #B9B6B0;
	padding: 40px 0 12px;
}
#insFooter.styleNew .bottomFooter {
	background: transparent;
	color: #85827D;
	padding: 16px 0 20px;
	border-top: 1px solid rgba(255,255,255,.1);
}
#insFooter.styleNew h4 {
	width: 100%;
	margin: 0 0 16px;
	padding: 0 0 10px;
	background: none;
	border-bottom: 1px solid rgba(255,255,255,.1);
	color: #F1EFEA;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: .05em;
	text-transform: uppercase;
}
#insFooter.styleNew .ftGrid {
	display: grid;
	grid-template-columns: 1.2fr 1fr 1fr;
	gap: 40px 32px;
	align-items: start;
}
#insFooter.styleNew .ftSecondary {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-top: 36px;
	padding-top: 22px;
	border-top: 1px solid rgba(255,255,255,.1);
}
#insFooter.styleNew .ftAddress {
	margin: 0 0 8px;
	color: #F1EFEA;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}
#insFooter.styleNew .ftMap {
	margin: 0 0 18px;
}
#insFooter.styleNew .ftMap a {
	color: #C7A39C;
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
}
#insFooter.styleNew .ftMap a:hover {
	color: #F1EFEA;
	text-decoration: none;
}
#insFooter.styleNew .ftMeta {
	margin: 0 0 14px;
}
#insFooter.styleNew .ftLabel {
	display: block;
	margin: 0 0 4px;
	color: #85827D;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .05em;
	text-transform: uppercase;
}
#insFooter.styleNew .ftValue,
#insFooter.styleNew a.ftPhone {
	display: inline-block;
	color: #F1EFEA;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	text-decoration: none;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
}
#insFooter.styleNew a.ftPhone:hover,
#insFooter.styleNew .ftConsultantList a:hover .ftConsultantPhone {
	color: #C7A39C;
}
#insFooter.styleNew .ftConsultantList {
	margin: 0;
	padding: 0;
}
#insFooter.styleNew .ftConsultantList li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid rgba(255,255,255,.08);
}
#insFooter.styleNew .ftConsultantList li:last-child {
	border-bottom: 0;
}
#insFooter.styleNew .ftConsultantList a {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 16px;
	min-height: 44px;
	padding: 0;
	color: #F1EFEA;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
}
#insFooter.styleNew .ftConsultantName {
	color: #F1EFEA;
	font-weight: 500;
	text-align: left;
}
#insFooter.styleNew .ftConsultantPhone {
	color: #F1EFEA;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.02em;
	text-align: right;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
}
#insFooter.styleNew .topFooter .ulLinks li a {
	display: block;
	padding: 6px 0;
	color: #B9B6B0;
	font-size: 13px;
	line-height: 1.45;
	text-decoration: none;
}
#insFooter.styleNew .topFooter .ulLinks li a:hover {
	color: #F1EFEA;
	text-decoration: none;
}
#insFooter.styleNew h4.ftSubHead {
	margin-top: 22px;
}
#insFooter.styleNew .payContent img {
	max-height: 30px;
	margin: 0;
}
#insFooter.styleNew .topFooter .ftSocial {
	margin: 0;
	padding: 0;
}
#insFooter.styleNew .topFooter .ftSocial li {
	display: inline-block;
	margin: 0 10px 0 0;
}
#insFooter.styleNew .topFooter .ftSocial li a,
#insFooter.styleNew .topFooter .ftSocial li:nth-child(n) a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #B9B6B0;
	font-size: 16px;
	line-height: 1;
	text-align: center;
}
#insFooter.styleNew .topFooter .ftSocial li a:hover,
#insFooter.styleNew .topFooter .ftSocial li:nth-child(n) a:hover {
	border: 0;
	background: transparent;
	color: #F1EFEA;
	text-decoration: none;
}
#insFooter.styleNew .mainBottomFooter {
	padding: 12px 0 0;
}
#insFooter.styleNew .mainBottomFooter .copy p {
	margin: 0;
	color: #85827D;
	font-size: 12px;
	line-height: 1.55;
}
#insFooter.styleNew .logo-ft-1 img {
	max-height: 42px;
	margin: 0 12px 8px 0;
}
@media screen and (min-width: 992px){
	#insFooter.styleNew .bottomFooter {
		padding-bottom: 28px;
	}
	#insFooter.styleNew .ftCol.ftShowroom > h4,
	#insFooter.styleNew .ftCol.ftConsultants > h4,
	#insFooter.styleNew .ftCol.ftPolicies > h4:first-child,
	#insFooter.styleNew .ftSecondary h4 {
		margin-top: 0;
	}
}
@media screen and (max-width: 991px){
	#insFooter.styleNew .topFooter {
		padding: 34px 0 8px;
	}
	#insFooter.styleNew .container {
		padding-left: 20px;
		padding-right: 20px;
	}
	#insFooter.styleNew .ftGrid,
	#insFooter.styleNew .ftSecondary {
		display: block;
	}
	#insFooter.styleNew .ftCol {
		margin: 0 0 38px;
	}
	#insFooter.styleNew h4 {
		font-size: 13px;
		margin-bottom: 16px;
	}
	#insFooter.styleNew .ftSecondary {
		margin-top: 8px;
		padding-top: 8px;
		border-top: 0;
	}
	#insFooter.styleNew .bottomFooter {
		padding: 12px 0 24px;
	}
	#insFooter.styleNew .ftConsultantList a {
		min-height: 46px;
	}
}

/*========================================================== ENHANCEMENT 01 — PRODUCT LIGHT RESPONSE ==========================================================*/
/* CSS-only. No Glass, no 3D, no JS. Image rotateY(180deg) on img is untouched. 01.1: visibility tuning only. */
.pdLoopItem .itemLoop {
	perspective: 1200px;
}
.pdLoopItem .itemLoop .pdLoopImg {
	box-shadow: inset 0 0 0 rgba(17,19,21,0);
	transform: translateY(0) rotateX(0deg) rotateY(0deg);
	transition: box-shadow .35s ease-in-out, transform .35s ease-in-out;
}
.pdLoopItem .itemLoop .pdLoopImg::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	pointer-events: none;
	background:
		radial-gradient(ellipse 78% 64% at 18% 10%, rgba(255,255,255,.42) 0%, rgba(255,255,255,.14) 26%, rgba(255,255,255,0) 64%),
		radial-gradient(ellipse 88% 76% at 86% 92%, rgba(17,19,21,.08) 0%, rgba(17,19,21,0) 62%);
	opacity: 0;
	transition: opacity .35s ease-in-out;
}
.pdLoopItem.recommendLoop .reCompare a {
	z-index: 1;
}
@media (hover: hover) and (pointer: fine) {
	.pdLoopItem:hover .itemLoop .pdLoopImg {
		transform: translateY(-1px) rotateX(-0.5deg) rotateY(-0.6deg);
		box-shadow: inset 0 1px 0 rgba(255,255,255,.32), inset 0 -14px 22px rgba(17,19,21,.1);
	}
	.pdLoopItem:hover .itemLoop .pdLoopImg::after {
		opacity: 1;
	}
	.pdLoopItem.recommendLoop:hover .itemLoop .pdLoopImg {
		transform: none;
		box-shadow: inset 0 1px 0 rgba(255,255,255,.24), inset 0 -10px 16px rgba(17,19,21,.07);
	}
	.pdLoopItem.recommendLoop:hover .itemLoop .pdLoopImg::after {
		opacity: .72;
	}
}
@media (prefers-reduced-motion: reduce) {
	.pdLoopItem .itemLoop .pdLoopImg,
	.pdLoopItem .itemLoop .pdLoopImg::after {
		transition: none;
	}
	.pdLoopItem:hover .itemLoop .pdLoopImg,
	.pdLoopItem.recommendLoop:hover .itemLoop .pdLoopImg {
		transform: none;
		box-shadow: inset 0 0 0 rgba(17,19,21,0);
	}
	.pdLoopItem:hover .itemLoop .pdLoopImg::after,
	.pdLoopItem.recommendLoop:hover .itemLoop .pdLoopImg::after {
		opacity: 0;
	}
}

/*========================================================== ENHANCEMENT 03 — LIQUID GLASS REFINEMENT ==========================================================*/
/* Existing layered owners only. No Glass on cards/content/PDP/footer. No stacked blur. No JS. */
#ajaxSearchResults.ajaxSearchAuto,
.ajaxSearchAuto,
#quick-view-modal .modal-content {
	border-color: var(--glass-border);
	box-shadow: var(--shadow-layer), var(--glass-edge);
}
@media screen and (min-width: 992px){
	.mainChild {
		border-color: var(--glass-border);
		box-shadow: var(--shadow-layer), var(--glass-edge);
	}
}
@media screen and (max-width: 991px){
	#headerNav {
		border-right-color: var(--glass-border);
	}
}
.headerTemp.headerFixed #headerMenu .mainChild,
.headerTemp.headerFixed #headerMenu .ajaxSearchAuto,
.headerTemp.headerFixed #headerMenu #ajaxSearchResults {
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	background: var(--glass-light-fallback);
}

/*========================================================== ENHANCEMENT 04 — MOTION POLISH ==========================================================*/
/* Harmonize polish-owned motion only. No new animation system. Image rotate stays 350ms. Drawers/JS timing unchanged. */
.pdLoopItem {
	transition: border-color .35s ease-in-out, box-shadow .35s ease-in-out;
}
.pdLoopItem .itemLoop .pdLoopImg img {
	transition: transform .35s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
	.pdLoopItem {
		transition: none;
	}
}

/*========================================================== ENHANCEMENT 05 — FINAL LUXURY TUNING ==========================================================*/
/* In-place: quieter sale badge, title hover not red, softer Glass shadow, quieter recs/PDP metadata. No new surfaces. */

/*========================================================== COLOR / MATERIAL SURFACE REBALANCE ==========================================================*/
/* Palette + restrained material only. No layout, Glass-scope, 3D, motion, or #tabDescription descendants. */
body {
	background-color: var(--hs-page);
	background-image:
		radial-gradient(120% 70% at 14% 0%, rgba(255,255,255,.38) 0%, rgba(255,255,255,0) 46%),
		linear-gradient(180deg, #F7F4EE 0%, var(--hs-page) 44%, #EFEBE3 100%);
	color: var(--hs-text);
}
.pdLoopItem .itemLoop .pdLoopImg {
	background: #fff;
}
.headerTemp.headerFixed #headerMenu {
	position: relative;
	background: linear-gradient(180deg, rgba(24,26,29,.9) 0%, rgba(9,10,11,.9) 100%);
}
@media screen and (max-width: 991px){
	.headerTemp.headerFixed #headerMenu {
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		transform: none;
		filter: none;
	}
}
.headerTemp.headerFixed #headerMenu::before {
	content: "";
	pointer-events: none;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 42%;
	background: linear-gradient(180deg, rgba(236,238,239,.1) 0%, rgba(236,238,239,0) 100%);
}
@media screen and (max-width: 767px){
	body {
		background-image: none;
		background-color: var(--hs-page);
	}
	.headerTemp.headerFixed #headerMenu {
		background: var(--glass-dark);
	}
	.headerTemp.headerFixed #headerMenu::before {
		content: none;
	}
}

.phone_fix,
.zalo_fix,
.footer_share,
.fl_phone_list,
.tempFixed .itemFixed.hotLine,
.tempFixed .itemFixed.backTop,
.header_top {
	display: none !important;
}
:root {
	--hs-bottom-ticker-height: 36px;
}
.hs-bottom-ticker {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 15;
	height: calc(var(--hs-bottom-ticker-height) + env(safe-area-inset-bottom, 0px));
	padding-bottom: env(safe-area-inset-bottom, 0px);
	background: #111;
	color: #D8D4CC;
	overflow: hidden;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.02em;
	line-height: 1;
}
.hs-bottom-ticker__viewport {
	height: var(--hs-bottom-ticker-height);
	overflow: hidden;
}
.hs-bottom-ticker__track {
	display: inline-flex;
	align-items: center;
	height: 100%;
	white-space: nowrap;
	animation: hsBottomTicker 36s linear infinite;
}
.hs-bottom-ticker__group {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 0 48px 0 16px;
	flex: 0 0 auto;
}
.hs-bottom-ticker__group img {
	width: 16px;
	height: 16px;
	object-fit: contain;
	flex: 0 0 16px;
}
.hs-bottom-ticker__group a,
.hs-bottom-ticker__group span {
	color: #EDEAE4;
	text-decoration: none;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.hs-bottom-ticker__group a:hover,
.hs-bottom-ticker__group a:focus-visible {
	color: #F4E6C8;
}
.hs-bottom-ticker__dot {
	color: #BCA267;
	font-weight: 400;
}
.hs-bottom-ticker:hover .hs-bottom-ticker__track,
.hs-bottom-ticker:focus-within .hs-bottom-ticker__track {
	animation-play-state: paused;
}
@keyframes hsBottomTicker {
	from { transform: translate3d(0, 0, 0); }
	to { transform: translate3d(-50%, 0, 0); }
}
body.hsHasBottomTicker .insBody {
	padding-bottom: calc(var(--hs-bottom-ticker-height) + env(safe-area-inset-bottom, 0px));
}
body.openNav .hs-bottom-ticker {
	visibility: hidden;
	pointer-events: none;
}
.hs-back-to-top-sentinel {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 600px;
	pointer-events: none;
	visibility: hidden;
}
.hsFloatContact {
	position: fixed;
	right: 14px;
	bottom: calc(var(--hs-bottom-ticker-height) + 18px + env(safe-area-inset-bottom, 0px));
	z-index: 16;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
}
.hs-back-to-top {
	background: #2A2E32;
	color: #ECEEEF;
	border-color: rgba(236,238,239,.45);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(6px);
}
.hs-back-to-top.is-visible {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: none;
}
.hsFloatAction {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(236,238,239,.45);
	border-radius: 50%;
	box-shadow: 0 3px 10px rgba(9,10,11,.14);
	cursor: pointer;
	text-decoration: none;
	appearance: none;
	-webkit-appearance: none;
}
.hsFloatAction:focus-visible {
	outline: 2px solid var(--hs-red);
	outline-offset: 2px;
}
.hsFloatPhone {
	background: #ED1C24;
	color: #fff;
	border-color: rgba(236,238,239,.4);
}
.hsFloatFacebook {
	background: #1877F2;
	color: #fff;
	border-color: rgba(236,238,239,.4);
}
.hs-back-to-top {
	transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
}
.hs-back-to-top.is-visible {
	transition: opacity .2s ease, transform .2s ease, visibility 0s linear 0s;
}
@media (hover: hover) and (pointer: fine) {
	.hsFloatAction {
		transition: transform .2s ease-out, box-shadow .2s ease-out;
	}
	.hsFloatAction:hover {
		transform: translateY(-1px);
		box-shadow: 0 6px 14px rgba(9,10,11,.18);
	}
	.hs-back-to-top:hover {
		transform: translateY(-1px);
	}
	.hs-back-to-top.is-visible:hover {
		transform: translateY(-1px);
	}
}
@media screen and (min-width: 992px){
	.hsFloatContact {
		right: 18px;
		bottom: calc(var(--hs-bottom-ticker-height) + 18px + env(safe-area-inset-bottom, 0px));
	}
	.hsFloatAction {
		width: 46px;
		height: 46px;
	}
}
@media screen and (max-width: 767px){
	:root {
		--hs-bottom-ticker-height: 34px;
	}
	.hsFloatContact {
		right: 12px;
		bottom: calc(var(--hs-bottom-ticker-height) + 12px + env(safe-area-inset-bottom, 0px));
		gap: 8px;
	}
	.hsFloatAction {
		width: 42px;
		height: 42px;
	}
	.hs-bottom-ticker {
		font-size: 12px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.hsFloatAction,
	.hs-back-to-top,
	.hs-back-to-top.is-visible {
		transition: none;
	}
	.hsFloatAction:hover,
	.hs-back-to-top:hover,
	.hs-back-to-top.is-visible:hover {
		transform: none;
	}
	.hs-bottom-ticker__track {
		animation: none;
	}
	.hs-bottom-ticker__group[aria-hidden="true"] {
		display: none;
	}
	.hs-bottom-ticker__viewport {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}
.footer_bottom_fix {
	display: none !important;
}
.ftConsultants {
	margin-top: 18px;
}
.ftConsultantList {
	margin: 0;
	padding: 0;
}
.ftConsultantList li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid rgba(236,238,239,.12);
}
.ftConsultantList li:last-child {
	border-bottom: 0;
}
.ftConsultantList a {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 12px;
	padding: 7px 0;
	color: #C8CCD0;
	text-decoration: none;
	font-size: 13px;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
}
.ftConsultantList a:hover {
	color: #ECEEEF;
}
.ftConsultantName {
	color: #ECEEEF;
	font-weight: 500;
}
.ftConsultantPhone {
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.02em;
	color: #C8CCD0;
}
@media screen and (max-width: 767px){
	.pdLoopName a {
		min-height: calc(1.4em * 2);
		-webkit-line-clamp: 2;
		line-clamp: 2;
	}
}

/*========================================================== MOBILE DRAWER — QUIET LIQUID GLASS ==========================================================*/
@media screen and (max-width: 991px){
	#headerNav {
		width: min(86vw, 360px);
		background: rgba(249,247,242,.78);
		border-right: 1px solid rgba(255,255,255,.55);
		box-shadow: 12px 0 38px rgba(32,28,24,.1);
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		transition: transform .26s cubic-bezier(.22,.61,.21,1), opacity .26s cubic-bezier(.22,.61,.21,1), visibility 0s linear .26s;
	}
	#headerNav::before {
		content: "";
		pointer-events: none;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		height: 120px;
		background: linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,0) 120px);
	}
	body.openNav #headerNav {
		transform: translate3d(0, 0, 0);
		opacity: 1;
		-webkit-backdrop-filter: blur(10px) saturate(1.08);
		backdrop-filter: blur(10px) saturate(1.08);
		transition: transform .26s cubic-bezier(.22,.61,.21,1), opacity .26s cubic-bezier(.22,.61,.21,1), visibility 0s linear 0s;
	}
	.overlayMenu {
		background: rgba(22,20,18,.24);
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		transition: opacity .2s ease, visibility 0s linear .2s;
	}
	body.openNav .overlayMenu {
		transition: opacity .2s ease, visibility 0s linear 0s;
	}
	#headerNav .loginMB .wrapLogin,
	#headerNav .loginMB .hsDrawerHead {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		height: 80px;
		min-height: 80px;
		margin: 0;
		padding: 0 20px;
		background: transparent;
		border: 0;
		border-bottom: 1px solid rgba(90,82,74,.1);
		box-shadow: none;
	}
	#headerNav .loginMB .hsDrawerLogo {
		display: flex;
		align-items: center;
		width: auto;
		height: 56px;
		margin: 0;
		padding: 0;
		background: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none;
	}
	#headerNav .loginMB .hsDrawerLogo img {
		display: block;
		width: 56px;
		height: 56px;
		max-width: 56px;
		max-height: 56px;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		background: transparent;
		object-fit: contain;
		object-position: center;
	}
	#headerNav .loginMB .wrapLogin .user,
	#headerNav .closeMenuMB.text-center {
		display: none !important;
	}
	#headerNav .hsDrawerClose {
		flex: 0 0 36px;
		width: 36px;
		height: 36px;
		margin: 0;
		padding: 0;
		border: 0;
		background: transparent;
		color: #1B1A18;
		font-size: 28px;
		line-height: 32px;
		font-weight: 300;
		text-align: center;
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
	}
	#headerNav .nav-navbar {
		-webkit-tap-highlight-color: transparent;
		tap-highlight-color: transparent;
	}
	#headerNav .nav-navbar > li {
		border-bottom: 1px solid rgba(90,82,74,.1);
	}
	#headerNav .nav-navbar li a,
	#headerNav .nav-navbar .navSubToggle {
		border: 0;
		border-bottom: 0;
		-webkit-tap-highlight-color: transparent;
		tap-highlight-color: transparent;
		transition: background-color 160ms ease;
	}
	#headerNav .nav-navbar .mainChild li a:before,
	#headerNav .nav-navbar .mainChild li a:after {
		content: none !important;
		display: none !important;
	}
	#headerNav .nav-navbar > li > a,
	#headerNav .nav-navbar > li.liChild > .navParentLink {
		display: flex;
		align-items: center;
		min-height: 54px;
		padding: 0 20px;
		border: 0;
		border-bottom: 0;
		background-color: transparent;
		color: #1B1A18;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.35;
	}
	#headerNav .nav-navbar > li > a:hover,
	#headerNav .nav-navbar > li.active > a,
	#headerNav .nav-navbar > li.liChild > .navParentLink:hover {
		color: #1B1A18;
	}
	#headerNav .nav-navbar li.liChild > .navSubToggle {
		flex: 0 0 44px;
		width: 44px;
		height: 54px;
		border: 0;
		border-bottom: 0;
		background-color: transparent;
		color: #6F6A62;
		line-height: 54px;
	}
	#headerNav .nav-navbar .navSubToggle i {
		display: inline-block;
		font-size: 16px;
		font-weight: 400;
		line-height: 1;
		color: #6F6A62;
		background: none;
		border: 0;
		box-shadow: none;
		transition: transform .2s ease;
	}
	#headerNav .nav-navbar > li.liChild > .navSubToggle i {
		transform: rotate(0deg);
	}
	#headerNav .nav-navbar > li.liChild > .navSubToggle.is-open i {
		transform: rotate(-180deg);
	}
	#headerNav .nav-navbar .mainChild li .navSubToggle i {
		transform: rotate(90deg);
	}
	#headerNav .nav-navbar .mainChild li .navSubToggle.is-open i {
		transform: rotate(270deg);
	}
	#headerNav .mainChild {
		background: transparent;
		box-shadow: none;
		border: 0;
	}
	#headerNav .nav-navbar .mainChild > li {
		border-bottom: 0;
	}
	#headerNav .nav-navbar .mainChild li a {
		min-height: 46px;
		padding: 0 20px 0 38px;
		border: 0;
		border-bottom: 0;
		background-color: transparent;
		background-image: linear-gradient(rgba(90,82,74,.08), rgba(90,82,74,.08));
		background-repeat: no-repeat;
		background-position: 38px 100%;
		background-size: calc(100% - 38px) 1px;
		color: #6F6A62;
		font-size: 14px;
		font-weight: 400;
	}
	#headerNav .nav-navbar .mainChild li.liChild > .navParentLink {
		min-height: 46px;
		padding-left: 38px;
		font-size: 14px;
		font-weight: 400;
		color: #6F6A62;
	}
	#headerNav .nav-navbar .mainChild li.liChild > .navSubToggle {
		height: 46px;
		line-height: 46px;
		border-bottom: 0;
		background-color: transparent;
	}
	#headerNav .nav-navbar .mainChild.levlup_3 li a,
	#headerNav .nav-navbar .mainChild .mainChild li a {
		padding-left: 56px;
		background-position: 56px 100%;
		background-size: calc(100% - 56px) 1px;
	}
	#headerNav .nav-navbar .mainChild.levlup_3 li.liChild > .navParentLink,
	#headerNav .nav-navbar .mainChild .mainChild li.liChild > .navParentLink {
		padding-left: 56px;
	}
	#headerNav .nav-navbar a:active,
	#headerNav .nav-navbar .navSubToggle:active {
		background-color: rgba(0,0,0,.04);
	}
	#headerNav .nav-navbar a:focus-visible,
	#headerNav .nav-navbar .navSubToggle:focus-visible {
		background-color: rgba(0,0,0,.04);
		outline: 1px solid rgba(90,82,74,.28);
		outline-offset: -1px;
	}
	#headerNav .nav-navbar li.liChild:has(> .navSubToggle.is-open) > .navParentLink,
	#headerNav .nav-navbar li.liChild:has(> .navSubToggle.is-open) > .navSubToggle {
		background-color: rgba(0,0,0,.03);
	}
	@media (hover: hover) and (pointer: fine) {
		#headerNav .nav-navbar a:hover,
		#headerNav .nav-navbar .navSubToggle:hover {
			background-color: rgba(0,0,0,.04);
		}
	}
	.wapperPDHome .blockTitle h2:after {
		content: none !important;
		display: none !important;
	}
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	@media screen and (max-width: 991px){
		#headerNav {
			background: rgba(249,247,242,.96);
		}
	}
}
@media (prefers-reduced-motion: reduce) {
	@media screen and (max-width: 991px){
		#headerNav,
		.overlayMenu,
		body.openNav #headerNav,
		body.openNav .overlayMenu,
		#headerNav .nav-navbar li a,
		#headerNav .nav-navbar .navSubToggle,
		#headerNav .nav-navbar .navSubToggle i {
			transition: none;
		}
	}
}

/*========================================================== PERF — SCROLL / SAFARI / CARD GEOMETRY ==========================================================*/
.headerTemp {
	transition: box-shadow .3s ease, top .3s ease;
}
.pdLoopItem .itemLoop .pdLoopImg.elementFixHeight {
	aspect-ratio: 1 / 1;
	height: auto;
}
.pdLoopItem .itemLoop .pdLoopImg.elementFixHeight > a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
}
.pdLoopItem .itemLoop .pdLoopImg.elementFixHeight img.imgLoopItem {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: none;
	object-fit: contain;
	object-position: center;
}
@media (hover: none) {
	.pdLoopItem .itemLoop {
		perspective: none;
	}
	.pdLoopItem .itemLoop .pdLoopImg::after {
		content: none;
		display: none;
	}
	.pdLoopItem .itemLoop .pdLoopImg:hover img {
		transform: none;
	}
}
@media screen and (max-width: 991px){
	.pdLoopItem .itemLoop {
		perspective: none;
	}
	.pdLoopItem .itemLoop .pdLoopImg::after {
		content: none;
		display: none;
	}
	.pdLoopItem .itemLoop .pdLoopImg:hover img {
		transform: none;
	}
}