@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700&subset=vietnamese');
@font-face {
	font-family: Futura;
	font-weight: 400;
	font-style: normal;
	src: url("futura.woff2") format("woff2")
}
@font-face {
	font-family: 'FontAwesome';
	src: url('//theme.hstatic.net/1000402464/1001369480/14/fontawesome.eot?v=31');
	src: url('//theme.hstatic.net/1000402464/1001369480/14/fontawesome.eot?v=31') format('embedded-opentype'), url('//theme.hstatic.net/1000402464/1001369480/14/fontawesome.woff?v=31') format('woff'), url('//theme.hstatic.net/1000402464/1001369480/14/fontawesome.ttf?v=31') format('truetype'), url('//theme.hstatic.net/1000402464/1001369480/14/fontawesome.svg?v=31') format('svg');
	font-weight: normal;"
	font-style: normal;
} 
@font-face {
	font-family:'Glyphicons Halflings';
	src:url('//theme.hstatic.net/1000402464/1001369480/14/glyphicons-halflings-regular.eot?v=31');
	src:url('//theme.hstatic.net/1000402464/1001369480/14/glyphicons-halflings-regular.eot?#iefix?v=31') format('embedded-opentype'),url('//theme.hstatic.net/1000402464/1001369480/14/glyphicons-halflings-regular.woff?v=31') format('woff'),url(//theme.hstatic.net/1000402464/1001369480/14/glyphicons-halflings-regular.ttf?v=31) format('truetype'),url(//theme.hstatic.net/1000402464/1001369480/14/glyphicons-halflings-regular.svg#glyphicons_halflingsregular?v=31) format('svg')
}
*{font-family:'Open Sans', sans-serif!important;margin: 0;padding: 0;}
.glyphicon{font-family: 'Glyphicons Halflings'!important;}
.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;
	color:#252a2b;
	overflow-x: hidden;
	background : #fff;
	position: initial !important;
}	
/* 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 { color:#252a2b; margin:0 0 13px 0;  font-weight:500;line-height:1.2}
h1 { font-size: 36px; }
h2 { font-size: 28px;}
h3 { font-size: 24px;}
h4 { font-size: 13px; line-height: 18px; }
h5 { font-size: 12px; line-height: 18px; }
h6 { font-size: 10px; line-height: 18px; text-transform:uppercase; }
p{ margin: 0 0 10px 0!important; line-height: 21px; }
/* 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:#b4282b;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.1; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color:#b4282b;}
/* 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;}
.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);}
button.toggle-sublist {
    font-family: monospace!important;
}
/* END ++++ lazyload */
@media(min-width:1200px) {
	.container-fluid {max-width: 1180px;}
	.wrapper-home-information .container-fluid{padding-left: 0;}
	.layout-pageContact .container-fluid {padding-left: 0;}
}
/*========================================================================*/
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;
}
div.errors ul {
  border: 1px solid red;
  background: #fce7e7;
  padding: 5px;
}
.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; }

.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)}
}
/*--------------------------------------------------------------------------------
HEADER
--------------------------------------------------------------------------------*/
.search-bar-mobile {display: none;padding: 5px;position: relative;}
.search-bar-mobile form.searchform{position: relative;}
.search-bar-mobile form.searchform input.searchinput {padding: 0 40px 0 10px;height: 32px;	font-size: 12px;}
.search-bar-mobile form.searchform .btn-search {top: 0px;	right:0px;width: 40px;height: 32px;	line-height: 32px;}
.search-bar-mobile form.searchform .btn-search svg {width:14px;height:30px;} 
.search-bar-mobile form.searchform .close-search {
	position: absolute; right:0px; top: 0;bottom: 0; z-index: 100;
	margin: auto; height: 24px;width:40px;text-align: center; cursor: pointer; visibility: hidden;
}
.search-bar-mobile form.searchform .close-search svg{width: 20px;fill:#65d1e6;}
.search-bar-mobile form.searchform.expanded .close-search {visibility: visible;}
.search-bar-mobile form.searchform.expanded .btn-search{visibility: hidden;}
.search-bar-mobile form.searchform input.searchinput:focus{border: 1px solid #ececec;}
.search-bar-mobile .smart-search-wrapper{
	position: absolute;right:0px;left:0px;top:100%;	z-index: 100;
	width:initial;background: #fff;padding: 0 5px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
} 
/*--------------------- Menu Desktop ---------------------*/
.menu-desktop {position:relative;}
#nav .main-nav * {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden
}
#nav nav.main-nav ul li a {color:#252a2b;}
#nav nav.main-nav ul li a:hover {color:#b4282b;}
#nav .main-nav>ul>li {position: relative; float: none;display: inline-block;z-index: 10}
#nav .main-nav > ul>li>a {
	display: block;	font-size: 15px;
	font-weight: 400;	padding: 10px 0 15px;
	position: relative;
}
#nav .main-nav > ul>li>a:before {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: left center;
	transform-origin: left center;
	border-bottom: 2px solid #5c5c5c;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}
#nav .main-nav > ul>li>a:hover:before, 
#nav .main-nav > ul>li.active>a:before {	opacity:1;-webkit-transform: scale(1, 1);	transform: scale(1, 1);}
#nav .main-nav ul {	padding-left: 0;margin:0;}
#nav .main-nav ul>li a i {
	display: inline-block;
	vertical-align: middle;
	font-size: 9px;
	margin-left: 4px;
	margin-bottom: 2px;
}
#nav .main-nav .sub_menu {
	background: #fff;
	position: absolute;
	z-index:999;min-width:120px;
	-webkit-box-shadow:  2px 4px 12px rgba(0,0,0,.1);
	-moz-box-shadow: 2px 4px 12px rgba(0,0,0,.1);
	-o-box-shadow: 2px 4px 12px rgba(0,0,0,.1);
	-ms-box-shadow: 2px 4px 12px rgba(0,0,0,.1);
	box-shadow:2px 4px 12px rgba(0,0,0,.1);
	-webkit-transform: rotate3d(1,0,0,-90deg);
	-moz-transform: rotate3d(1,0,0,-90deg);
	-o-transform: rotate3d(1,0,0,-90deg);
	-ms-transform: rotate3d(1,0,0,-90deg);
	transform: rotate3d(1,0,0,-90deg);
	-webkit-transform-origin: 0 0 0;
	-moz-transform-origin: 0 0 0;
	-o-transform-origin: 0 0 0;
	-ms-transform-origin: 0 0 0;
	transform-origin: 0 0 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
#nav .main-nav ul>li>ul {top: 100%;margin-top:-2px;border-top:2px solid #5c5c5c;}
#nav .main-nav li:hover>.sub_menu {
	-webkit-transform: rotate3d(0,0,0,0deg);
	-moz-transform: rotate3d(0,0,0,0deg);
	-o-transform: rotate3d(0,0,0,0deg);
	-ms-transform: rotate3d(0,0,0,0deg);
	transform: rotate3d(0,0,0,0deg);
}
#nav .main-nav .sub_menu a {padding: 9px 18px;white-space: nowrap;	text-align: left;	display: block;	font-size: 14px;}
#nav .main-nav .sub_menu .sub_menu {
	left: 100%;top: -2px;margin-left: 0px;margin-top: 0;
	-webkit-transform: rotate3d(0,1,0,90deg);-moz-transform: rotate3d(0,1,0,90deg);
	-o-transform: rotate3d(0,1,0,90deg);-ms-transform: rotate3d(0,1,0,90deg);transform: rotate3d(0,1,0,90deg)
}
#nav .main-nav .sub_menu li:not(:first-child) {	border-top: 1px solid #ecf0f1}
#nav .main-nav ul>li:hover>a i {
	margin-bottom:0;
	-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);	
}
#nav .main-nav ul li .sub_menu li{position: relative}
/*============================================================*/
.topbar {font-size: 12px;}
.topbar p {padding: 4px 0;margin-bottom:0;}
.main-header.hSticky-nav .topbar{display:none}
.flexContainer-header {
	display: -ms-flexbox; display: -webkit-flex;  display: flex;
	-webkit-align-items: center;-ms-align-items: center;align-items: center;
	-webkit-flex-flow: row nowrap;-ms-flex-flow: row nowrap;flex-flow: row nowrap;
}
.header-upper-nav-menu {flex: 5;}
.header-upper-navbar .header-action{display: inline-block;vertical-align: middle;}
.header-upper-navbar .header-action_backlink{display:none;width:25px;padding-left:2px;  margin-right: 5px;}
.header-upper-navbar .header-action_backlink a{display: block; font-size: 28px;}
.header-wrap-icon {
	position: relative;
	display: flex; display: -webkit-flex;
	justify-content: flex-end; -webkit-justify-content: space-around;
}
.header-wrap-icon .header-action {
	display: inline-block;
	transition: opacity 150ms linear;
	font-size: 12px;
  padding: 0 8px;
  color: #333333;
	display: -ms-flexbox; display: -webkit-flex;  display: flex;
	-webkit-align-items: center;-ms-align-items: center;align-items: center;
}
.search-bar {
  font-size: 12px;
  line-height: 20px;
  box-sizing: border-box;
  width: 500px;
  height: 25px;
  padding: 0 35px 0 15px;
  border-radius: 20px;
  outline: none;
  background: #e4e2e2;
  border: none;
}
.header-action_text .header-action__link {position: relative;display:block;font-size:13px;color:#333333;}
.header-action_text .header-action__link .box-icon,
.header-action_text .header-action__link .box-text{display: inline-block; vertical-align: middle;}
.header-action_text .header-action__link .box-text{padding-left:2px;}
.header-action_text .header-action__link .box-text .txtbl{font-size:14px;display:block;font-weight: 500;}
.header-action_text .header-action__link .box-text .txt-overflow{white-space: nowrap;text-overflow: ellipsis; display: inline-block;vertical-align: middle;max-width: 115px; overflow: hidden;}
.header-action_text .header-action__link .box-text .fa{	display: inline-block;font-size: 16px;vertical-align: middle;	margin-left: 3px;}
.header-action_text .header-action__link .box-icon{position: relative;text-align: center;}
.header-action_text .header-action__link .box-icon svg{width:22px;height:40px;fill: #252a2b;}
.header-action_text .header-action__link .box-icon svg.svg-ico-cart{height: 38px;}
.header-action_text .header-action__link .box-icon svg.svg-ico-account{width: 23px;}
.header-action_text .header-action__link .box-icon .box-icon--close{
	position: absolute;top: 0;left: 0;right:0;bottom:0;
	opacity: 0;visibility: hidden;
	transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
}
.header-action_text .header-action__link .box-icon .count-holder{
	position: absolute;
	top: 12px;height: 18px;line-height:18px;
	left: 0;right: 0;text-align: center;
	font-size: 13px;;font-weight: bold;overflow: hidden;
}
.header-action_text .header-action__link .box-icon .count {	transition: top 150ms linear;	position: relative;top: 0px;	animation-duration: 300ms;}
.header-action_text .header-action__link .box-icon .count {animation-name: scroll-in}
.header-action_text .header-action__link:hover .box-icon .count {color:#65d1e6;animation-name: scroll-out}
.header-action_text .header-action__link:hover svg.svg-ico-search{-ms-transform:rotate(-5deg);	-webkit-transform:rotate(-5deg);transform: rotate(-5deg);}
@keyframes scroll-in{0%{top:2px}49%{top:-14px}50%{top:19px}100%{top:2px}}
@keyframes scroll-out{0%{top:2px}49%{top:19px}50%{top:-14px}100%{top:2px}}
.header-action_dropdown{
	position: absolute;top: calc(100% + 15px);  
  right: 0;
  z-index: 990;
	min-width: 280px;
  border-radius: 3px;
	color: #677279;background: #fff;  
  border: solid 1px #dfe3e8;
	/*background-image: linear-gradient(to bottom, #ffffff, #f9fafb);*/
	box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
	visibility: hidden;opacity: 0;
	-webkit-transform: scale(0.9);transform: scale(0.9);
	transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s, -webkit-transform 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s;
	transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s, -webkit-transform 0.25s ease-in-out;
	will-change: transform;
}
.header-action_dropdown .box-triangle {
	position: absolute;bottom: calc(100% - 5px);
	margin:0 auto;width: 22px; height: 15px;right:40px; 
}
.header-action_account .header-action_dropdown .box-triangle{right:90px;}/* 15 + 32 + 12+ 5*/
.header-action_search .header-action_dropdown .box-triangle{right:108px;}/* 15 + 32 + 12+ 5 +12+ 32*/
.header-action_dropdown .box-triangle svg{
	-webkit-filter: drop-shadow(0 -3px 2px rgba(0, 0, 0, 0.12));
	filter: drop-shadow(0 -3px 2px rgba(0, 0, 0, 0.12));
}
.header-action_dropdown .header-dropdown_content{
	width: 100%;height: 100%;	max-height: 100%;overflow: hidden;padding: 20px 15px;
}
.header-action_cart .header-action_dropdown .header-dropdown_content{padding-left:0;padding-right:0;}
.header-action_search .header-action_dropdown .header-dropdown_content .ttbold{
	font-size: 17px;color:#252a2b;text-transform: uppercase;letter-spacing: 0.5px;
	margin: 0 0 20px;font-weight: 500;padding: 6px 10px;text-align:center;border-bottom: 1px solid #ededed;
}
.header-action.show-action .header-action_dropdown{
	visibility: visible;opacity: 1;
	-webkit-transform: scale(1);transform: scale(1);
	transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), visibility 0.4s linear, -webkit-transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1);
	transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear;
	transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear, -webkit-transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.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;}
.main-header{
	background: #fff;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1) inset;	box-shadow: 0 0 2px rgba(0,0,0,0.1) inset;
	-webkit-transition: background 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
	transition: background 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
	transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
	transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
}
.main-header.header-style{	position: fixed;left: 0;right: 0;top:0;z-index: 999;}
.header-style + .mainContent-theme {padding-top: var(--header-height); min-height: 80vh;}
.main-header .wrap-logo a {font-size: 30px;font-weight:bold;color:#65d1e6}
.main-header:not(.hSticky-nav) .wrap-logo a img {max-width:100%;max-height:70px;}
.header-navbar-menu .wrap-logo-sticky{display:none;}
.main-header.hSticky {visibility: hidden; opacity: 0;}
.main-header.hSticky.hSticky-nav{
	position: fixed;top: 0;left: 0;	right: 0;	z-index: 999;
	background: #fff;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-webkit-transform: translateY(-100%);	transform: translateY(-100%);
	-webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;transition: all 400ms ease;
}
.main-header.hSticky.hSticky-nav.hSticky-up{
	opacity: 1;visibility: visible;
	-webkit-transform: translateY(0); transform: translateY(0);
	-webkit-transition: all 400ms ease;	-moz-transition: all 400ms ease;transition: all 400ms ease;
}
.main-header.hSticky-nav .wrap-logo-sticky a{font-size:24px;}
.hSticky-nav #nav .main-nav > ul>li>a{padding:20px 0}
@media(max-width:1199px) and (min-width:992px){
	#nav nav.main-nav ul li a{font-size:14px;margin: 0 10px;}
	.main-header .wrap-logo a {font-size: 24px;}
}
@media(min-width: 992px) {
	.header-navbar-menu .wrap-logo-sticky,.main-header .wrap-logo{min-width:180px;}
	.header-action_cart .header-action_dropdown{ width: 450px;}
	.header-action_search .header-action_dropdown{ width: 500px;}
	.header-action_account .header-action_dropdown{width:340px;}
	.header-action_account .header-action_dropdown.header-action_widthAuto{width: auto;min-width:250px}

	.main-header.hSticky-nav .header-action_dropdown {top: calc(100% + 5px);}
	.main-header.hSticky-nav .wrap-logo a img {max-height:50px;}
	/*fix bug*/
	.hSticky .header-action.show-action .header-action_dropdown,
	.hSticky-nav .header-action.show-action .header-action_dropdown{visibility: hidden;opacity: 0;}
	.hSticky-nav.hSticky-up .header-action.show-action .header-action_dropdown{visibility: visible;opacity: 1;}

	.locked-scroll .hSticky ~ .site-overlay,
	.locked-scroll .hSticky-nav ~ .site-overlay{ opacity: 0;visibility: hidden;}
	.locked-scroll .hSticky-nav.hSticky-up ~ .site-overlay{ opacity: 1;visibility: visible;}
}
@media(max-width: 991px) {
	.locked-scroll {overflow: hidden;width: 100%;top:0;}
	.locked-scroll .main-header{
		position: fixed;top:0;visibility: visible; opacity: 1;
		-webkit-transform: translateY(0);	transform: translateY(0);
	}
	.locked-scroll .main-header.hSticky.hSticky-nav.hSticky-up,
	.locked-scroll .main-header.hSticky.hSticky-nav{
		opacity: 1;	visibility: visible;
		-webkit-transform: translateY(0);transform: translateY(0);
	}
	.main-header .header-upper-middle{padding:10px 0px;    position: relative;}
	.flexContainer-header>div.header-upper-logo { padding-right:5px;padding-left:5px;text-align: center;}
	.flexContainer-header>div.header-upper-icon{padding-left:0;}

	.flexContainer-header>div.header-upper-logo .wrap-logo img{max-width:180px;max-height:60px;}
	.flexContainer-header>div[class*='header-upper-'],
	.flexContainer-header .header-wrap-icon{position: initial;}
	.header-action_text .header-action__link .box-text{display:none}
	// .search-bar-mobile {display: block;}
	.main-header:not(.hSticky-nav) .header-search-mobile{border-top: 1px solid #f5f5f5;}
	.main-header.hSticky-nav .header-search-mobile{
		position: absolute;right:0; left:0; top: 50%;
		-webkit-transform: translateY(-50%);  transform: translateY(-50%);visibility: hidden;
		padding:0px 100px 0px 60px;/*header-wrap-icon_100 ++ header-upper-navbar_60*/
	}
	.main-header.hSticky-nav .search-bar-mobile form.searchform {
		position: relative;visibility: visible;margin:0 auto;
	}
	.main-header.hSticky-nav .search-bar-mobile .smart-search-wrapper{ visibility: visible;top:calc(100% + 10px);}
	.main-header.hSticky-nav .header-upper-logo{display: none;}
	.main-header:not(.hSticky-nav) .wrap-logo a img{    margin:0 auto;}
	/* product header fixed*/
	.main-body-product .main-header.hSticky-nav .header-upper-navbar .header-action_backlink{display: inline-block;height: 30px;line-height: 30px;}
	.main-body-product .main-header.hSticky-nav .header-search-mobile{display: none;}
	.main-body-product .main-header.hSticky-nav .header-wrap-icon .header-action.header-action_search {display: block;}
	.main-body-product .main-header.hSticky-nav .header-action_menu .box-triangle {left: 50px;}
	/* end */	
	.header-action_dropdown{
		right: 0;left: 0;top: 100%;
		width: 100vw;height:calc(100vh - var(--header-height));
	}	.header-action_dropdown .header-dropdown_content{overflow: auto;padding-bottom:120px;	-webkit-overflow-scrolling: touch;}
	.header-action_menu .header-action_dropdown .header-dropdown_content{padding:0 0px 80px;}
	.header-action.show-action .header-action_text .header-action__link .box-icon .box-icon--close{
		opacity: 1;visibility: visible;
		-webkit-transform: scale(1);  transform: scale(1);
	}
	.header-action.show-action .header-action_text .header-action__link .box-icon>svg,
	.header-action.show-action .header-action_text .header-action__link .box-icon .count-holder{	
		opacity: 0;visibility: visible;
		-webkit-transform: scale(1);transform: scale(1);
	}
	.header-action_dropdown .box-triangle{right:20px;}
	.header-action_account .header-action_dropdown .box-triangle{right:64px;}
	.header-action_search .header-action_dropdown .box-triangle{right:108px;}
	.header-action_menu .box-triangle {right: initial;left:15px;bottom: calc(100% - 3px);}
	/*popup*/
	.modal-background {display: none !important}
	#modal-container {display: none !important}
	
}

@media (max-width: 575px) {
	/*popup*/
	.modal-background {display: none !important}
	#modal-container {display: none !important}
	
}

@media (max-width: 480px) {
	/*popup*/
	.modal-background {display: none !important}
	#modal-container {display: none !important}
	
}
@media (max-width: 420px) {
	/*popup*/
	.modal-background {display: none !important}
	#modal-container {display: none !important}
	
}
@media (max-width: 380px) {
	/*popup*/
	.modal-background {display: none !important}
	#modal-container {display: none !important}
	
}
@media (max-width: 320px) {
	/*popup*/
	.modal-background {display: none !important}
	#modal-container {display: none !important}
	
}

@media(max-width: 767px) {
	.flexContainer-header>div.header-upper-logo .wrap-logo a{font-size:24px;}
	.flexContainer-header>div.header-upper-logo .wrap-logo img{max-width:160px;}
	/*popup*/
	.modal-background {display: none !important}
	#modal-container {display: none !important}
	
}
/*== HEADER 01 ============================*/
.topbar_temp01 {background:#6cd9ee;color:#ffffff;}
.mainHeader_temp01 .menu-desktop{text-align: center;}
@media(min-width: 992px) {
	.mainHeader_temp01:not(.hSticky-nav) .wrap-logo a{color:#ffffff;}
	.mainHeader_temp01:not(.hSticky-nav) .wrap-logo a img{    margin:0 auto;}
	.mainHeader_temp01:not(.hSticky-nav) .header-upper-middle{background:#65d1e6;}
	.mainHeader_temp01:not(.hSticky-nav) .header-action_text .header-action__link .box-icon svg{fill:#ffffff;}
	.mainHeader_temp01:not(.hSticky-nav) .header-action_text .header-action__link .box-icon .count-holder	{color:#ffffff;}
	.mainHeader_temp01 .header-upper-middle{padding: 15px 0;}
	.mainHeader_temp01.hSticky-nav .header-upper-logo,
	.mainHeader_temp01.hSticky-nav .header-upper-navbar {display: none!important;}
	.mainHeader_temp01.hSticky-nav .header-upper-middle {
		visibility: hidden; z-index: 5;
		position: absolute; right: 0;left: 0;top: 50%;
		-webkit-transform: translateY(-50%); transform: translateY(-50%);
	}
	.mainHeader_temp01.hSticky-nav .flexContainer-header{ -webkit-justify-content: flex-end;justify-content: flex-end;}
	.mainHeader_temp01.hSticky-nav .header-upper-icon { visibility: visible;opacity: 1; width: initial;}
	.mainHeader_temp01.hSticky-nav .header-navbar-menu {
		display: -webkit-flex;display: flex;
		align-items: center;-webkit-align-items: center;
	}
	.mainHeader_temp01.hSticky-nav .header-navbar-menu .wrap-logo-sticky {text-align: left;position: relative; z-index: 6;display: block; max-width: 20%;	}
	.mainHeader_temp01.hSticky-nav .header-navbar-menu .navbar-mainmenu {
		-webkit-flex: 1 1 auto;	flex: 1 1 auto;
		padding-left: 15px;	padding-right: 140px;
	}
}
/*== HEADER 02 ============================*/
.topbar_temp02 {background:#65d1e6;color:#ffffff;}
.shopping-cart-badge {
  color: rgb(0, 0, 0);
  background-color: rgb(214, 209, 209);
  font-size: 12px;
  line-height: 18px;
  display: inline-block;
  box-sizing: border-box;
  min-width: 25px;
  padding: 0 6px;
  text-align: center;
  border-radius: 13px;
}
@media(min-width: 992px) {
  .header-upper-logo {
    height: 100px;
    padding: 20px 0 15px 0;
  }
  .header-upper-icon {
    display: flex;
    align-items: center;
    height: 50px;
    justify-content: space-between;
  }
  .header-upper-menu {
    font-size: 14px;
    line-height: 50px;
    display: flex;
    height: 50px;
    .menu-desktop {
      flex: 1;
    }
  }
  .header-action_search{
    position: relative;
    .header-action-toggle {
      z-index: 2;
      font-size: 13px;
      position: absolute;
      top: 5px;
      height: 25px;
      right: 10px;
      display: block;
      box-sizing: border-box;
      cursor: pointer;
      text-align: center;
      text-decoration: none;
      border: none;
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
    }
  }
	.mainHeader_temp02:not(.hSticky-nav) .wrap-logo a{color:#252a2b;}
	.mainHeader_temp02:not(.hSticky-nav) {background:#ffffff;}
	.mainHeader_temp02:not(.hSticky-nav) .header-action_text .header-action__link .box-icon svg{fill:#252a2b;}
	.mainHeader_temp02 .flexContainer-header .header-upper-menu{padding:0;}
	.mainHeader_temp02 .flexContainer-header .header-upper-logo{    max-width: 16%;}
	.mainHeader_temp02:not(.hSticky-nav) #nav .main-nav > ul>li>a{color:#252a2b;}
	.mainHeader_temp02:not(.hSticky-nav) #nav .main-nav > ul>li>a:hover{color:#65d1e6;}
	.mainHeader_temp02:not(.hSticky-nav) .header-action_text .header-action__link .box-icon .count-holder	{color:#252a2b;}
	.mainHeader_temp02.hSticky-nav .wrap-logo a {	font-size: 24px;}
	.mainHeader_temp02 .wrap-logo a{font-size:27px;}
}
@media(max-width:1199px) and (min-width:992px){
	.mainHeader_temp02 .wrap-logo a {font-size: 24px;}
}
/*== HEADER 03 ============================*/
.topbar_temp03 {background:#65d1e6;color:#ffffff;}
.mainHeader_temp03 .header-upper-middle .header-search {
	position: relative;max-width:680px;
	margin: 0 auto;	padding-bottom: 4px;
}
.mainHeader_temp03 .header-upper-middle .header-search .searchform-product {position: relative;z-index: 100; }
.mainHeader_temp03 .header-upper-middle .header-search .searchform-product .input-search {
	padding: 9px 50px 10px 9px;	width: 100%;
	background: #fff;	border:1px solid #ececec;
	font-size: 14px;font-weight: 500;margin: 0;
	display: inline-block;border-radius: 4px;
	-webkit-appearance: none;-moz-appearance: none;	-o-appearance: none;appearance: none;
	-webkit-transition: all 150ms linear;	transition: all 150ms linear; 
}
.mainHeader_temp03 .header-upper-middle .header-search .searchform-product .btn-search {
	position: absolute;padding: 0;top: 0px;bottom: 0;	right: 0px;
	border-radius: 0 4px 4px 0;border:0;
	width: 50px;background:#65d1e6;transition: opacity 150ms linear;
}
.mainHeader_temp03 .header-upper-middle .header-search .searchform-product .btn-search svg {width: 18px;height:40px;display: block; margin: auto;fill: #fff; }
.mainHeader_temp03 .header-upper-middle .header-search .searchform-product .close-search {position: absolute;right: 58px;	top: 0;bottom: 0;	z-index: 100;	margin: auto;	height: 25px;cursor: pointer;visibility: hidden; }
.mainHeader_temp03 .header-upper-middle .header-search .searchform-product .close-search svg {width: 20px; }
.mainHeader_temp03 .header-upper-middle .header-search .searchform-product .input-search:focus {background: #ffffff;outline: none;border-color: #65d1e6; }
.mainHeader_temp03 .header-upper-middle .header-search .smart-search-wrapper{
	position: absolute;top: 100%;left: 0;right: 0;z-index:80;
	background: #fff;	box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
}
.mainHeader_temp03 .header-upper-middle .header-search .searchform-backdrop {
	position: fixed;top: 0px;right: 0px;bottom: 0px;left: 0px;
	z-index: 99;background-color: black;display: none;opacity: 0.2;
}
.mainHeader_temp03 .header-upper-middle .header-search .searchform-product.expanded .close-search {visibility: visible; }
.mainHeader_temp03 .header-upper-middle .header-search .searchform-product.expanded ~ .searchform-backdrop {display: block; }
@media(min-width: 992px){
	.mainHeader_temp03:not(.hSticky-nav) .wrap-logo a{color:#252a2b;}
	.mainHeader_temp03:not(.hSticky-nav) .header-upper-middle{background:#ffffff;}
	.mainHeader_temp03:not(.hSticky-nav) .header-action_text .header-action__link .box-icon svg{fill:#252a2b;}
	.mainHeader_temp03:not(.hSticky-nav) .header-action_text .header-action__link{color:#252a2b;}
	.mainHeader_temp03 .header-upper-middle{padding:15px 0;}

	.mainHeader_temp03 .flexContainer-header .header-upper-search { -webkit-flex: 1 1 auto; flex: 1 1 auto;}
	.mainHeader_temp03 .flexContainer-header .header-upper-search{padding-left:40px;}	
	.mainHeader_temp03 .header-upper-middle .header-action_search{display:none;}
	.mainHeader_temp03:not(.hSticky-nav) .header-wrap-icon .header-action {position: relative;margin-left:45px;}
	.mainHeader_temp03:not(.hSticky-nav) .menu-desktop #nav .main-nav > ul>li>a{margin-left:0;margin-right:25px;}
	.mainHeader_temp03:not(.hSticky-nav) .menu-desktop .main-nav { text-align: left;}
	.mainHeader_temp03:not(.hSticky-nav) .header-action .header-action_dropdown .box-triangle { right:25px;}

	.mainHeader_temp03.hSticky-nav .header-upper-logo,
	.mainHeader_temp03.hSticky-nav .header-upper-search {display: none!important;}
	.mainHeader_temp03.hSticky-nav .header-upper-middle {
		visibility: hidden; z-index: 5;
		position: absolute; right: 0;left: 0;top: 50%;
		-webkit-transform: translateY(-50%); transform: translateY(-50%);
	}
	.mainHeader_temp03.hSticky-nav .flexContainer-header{ -webkit-justify-content: flex-end;justify-content: flex-end;}
	.mainHeader_temp03.hSticky-nav .header-upper-icon { visibility: visible;opacity: 1; width: initial;}
	.mainHeader_temp03.hSticky-nav .header-navbar-menu {
		display: -webkit-flex;display: flex;
		align-items: center;-webkit-align-items: center;
	}
	.mainHeader_temp03.hSticky-nav .header-navbar-menu .wrap-logo-sticky {text-align: left;position: relative; z-index: 6;display: block; max-width: 20%;	}
	.mainHeader_temp03.hSticky-nav .header-navbar-menu .navbar-mainmenu {
		-webkit-flex: 1 1 auto;	flex: 1 1 auto;
		padding-left: 15px;	padding-right: 140px;
	}
	.mainHeader_temp03.hSticky-nav .header-upper-middle .header-action_search{display:block;}
	.mainHeader_temp03.hSticky-nav .header-action_text .header-action__link .box-text{display:none}
}
@media(max-width:991px){
	.mainHeader_temp03 .header-upper-search{display:none}
  .shopping-cart-badge {
    position: absolute;
    top: -30%;
    left: 55%;
  }
}
/*--------------------------------------------------------------------------------
INDEX
--------------------------------------------------------------------------------*/

#homepage_slider .owl-dots {position: absolute;bottom: 28px;text-align:center;width:100%;}
#homepage_slider .owl-dots .owl-dot {display: inline-block;}
#homepage_slider .owl-dots .owl-dot span {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border-radius: 50%;
	cursor: pointer;
	background: #d8d8d8;
	-webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
}
#homepage_slider .owl-dots .owl-dot.active span {background: #4a4e5c;}
.wrapper-heading-home{padding:50px 0;text-align: center;}
.wrapper-heading-home h2 {font-size:37px;line-height: 1.6;	margin:0;font-weight:500;}
.block-banner-category{position: relative;overflow: hidden;background:#f4f4f4;margin:4px 2px;}
.caption_banner{position: absolute;width:100%;padding: 0 50px;bottom: 50px;	color:#ffffff;}
.caption_banner span{font-size: 15px;font-weight: 400;}
.block-banner-category a.link-banner{display: block;}
.caption_banner h3{font-size: 23px;  margin: 15px 0;color:#ffffff;}
.caption_banner .button{border-color:#ffffff;color:#252525;}
.caption_banner .button:before{background-color:#ffffff;}
.caption_banner .button:hover{color:#ffffff;}
.wrap-collection-title{ -webkit-justify-content: center;-moz-justify-content: center;	justify-content: center;}
.wrapper-home-banner,.wrapper-home-information{margin-top:40px}
.wrapper-home-banner .home-banner-pd {padding: 0;}
.wrapper-home-information{background-color: #f5f5f5;}
.flex-container-information{
	margin:0 -15px;
	display: -webkit-flex;display: flex;
	-webkit-flex-flow: row wrap;    flex-flow: row wrap;
}
.wrap-pd-infor{	padding:0;-webkit-justify-content: center;-moz-justify-content: center;justify-content: center;}
.box-banner-inf h2{color: #fff;font-size:54px;	margin:0;	font-weight: 700;}
.box-banner-inf a.button{margin-top: 65px;}
.wrap-pd-infor .inf-content{font-size:15px;font-weight:500;	margin:auto;}
.wrap-pd-infor.box_stick .container-background{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	transition: background 200ms linear;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.wrap-pd-infor.box_stick .container-background:after {
	content: "";
	position: absolute;top: 0;left: 0;
	width: 100%;height: 100%;
	background: black;opacity: .4;
	transition: opacity 200ms linear, background 200ms linear;
}
.wrap-pd-infor.box_stick img {
	height: 100%;	width: 100%;
	object-fit: cover;
	font-family: "object-fit: cover";
	-ms-transition: opacity 150ms linear;
	-webkit-transition:opacity 150ms linear;
	transition: opacity 150ms linear;
	-ms-transform:translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.list-slider-banner .owl-item:not(.active) {opacity:0.6}
.list-slider-banner.owl-carousel .owl-nav .owl-prev,
.list-slider-banner.owl-carousel .owl-nav .owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0;
	border: none;
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
	text-align: center;
	z-index: 1;
	-webkit-box-shadow: 0 2px 10px rgba(54,54,54,0.15);
	box-shadow: 0 2px 10px rgba(54,54,54,0.15);
	vertical-align: middle;
	line-height: 0;
}
.list-slider-banner.owl-carousel .owl-nav .owl-prev:before,
.list-slider-banner.owl-carousel .owl-nav .owl-next:before {
	content: "";
	font-family: "FontAwesome";
	font-size: 25px;
	line-height: 50px;
	width: 50px;
	height: 50px;
	display: inline-block;
	-webkit-box-shadow: 0 2px 10px rgba(54,54,54,0.15);
	box-shadow: 0 2px 10px rgba(54,54,54,0.15);
	border-radius: 50%;
}
.list-slider-banner.owl-carousel .owl-nav .owl-prev {left:35px;}
.list-slider-banner.owl-carousel .owl-nav .owl-prev:before {content: "\f104";}
.list-slider-banner.owl-carousel .owl-nav .owl-next {right:35px;}
.list-slider-banner.owl-carousel .owl-nav .owl-next:before {	content: "\f105";}
.list-slider-banner.owl-carousel .owl-stage{margin: 0 auto;}
.list-slider-banner .caption_banner_slide {
	position: absolute;
	width: 100%;
	padding: 15px 20px;
	bottom: 0;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
}
.list-slider-banner .caption_banner_slide h3 {
	font-size: 16px;
	line-height: 22px;
	margin: 0 0 12px;
	color: #fff;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}
.list-slider-banner .button {padding:5px 15px;}
.list-slider-banner a.link-banner:not(.lazyloaded) + .caption_banner_slide {visibility: hidden;}
/*------------------------- PRODUCT ITEM-------------------------*/
.pro-loop {
	display: block;
	position: relative;	
	// overflow: hidden;	
	height: 100%;
	background:#fff;
	margin-bottom: 16px;
	float: left;
}
.pro-loop a {display:block;}
.pro-loop .product-detail {padding: 20px 0;}
.pro-loop .product-img{
	text-align: center;
	position:relative;
	overflow: hidden;
  width: 100%;
  aspect-ratio: 2 / 3;  /* defining the aspect ratio of the image */
  object-fit: cover; /* making sure the image isn't distorted */
}
.pro-loop .product-img .product-sale,.pro-loop .product-img .sold-out{
	position: absolute;
	font-size: 12px;
	line-height: 1;
	padding: 5px 10px;
	font-weight: bold;
	z-index: 9;
	color: #252a2b;
	background: #fff;border:1px solid #ededed;
}
.pro-loop .product-img .product-sale {top: 10px;left: 10px;color:#f94c43;}
.pro-loop .product-img .sold-out {right: 10px;bottom:10px}
.pro-loop .product-img .sold-out span{opacity: .66;}
.product-detail .box-pro-detail{
  z-index: 9;
  width: 100%;
  position: relative;
}
.pro-add-cart {
  display: flex;
  min-width: fit-content;
  justify-content: space-between;
  position: absolute;
  right: 0px;
  bottom: -5px;
  align-items: center;

  span {
    padding-left: 5px;
  }
}
.pro-loop .product-detail h3 {
	margin: 0 0 5px;
	font-size:14px;
	position: relative;
	min-height: 18px;
}
.pro-loop .product-detail h3 a {
	line-height: 1.6;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}
.pro-price-mb {display:none;}
p.pro-price {color:#252a2b;font-size: 14px;margin: 0;}
p.pro-price.highlight{color:#f94c43;}
p.pro-price span.pro-price-del {
  color:#939393;
  font-size: 13px;
  display: block;
  min-height: 21px;
}
.pro-name {
  font-weight: 600;
}
.pro-loop .product-img .button-add {
	width:100%;
	opacity: 0;
	visibility: hidden;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 37%;
	//transform: translateY(-37%);
	-webkit-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
.pro-loop .product-img button {
	border-radius: 0;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 14px;
	border: 0;
	background: #191919;
	color: #fff;
	padding: 6px 20px;
}
.pro-loop .product-img button i{margin-left: 8px;font-size: 14px;}
.pro-loop .product-img picture{
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.pro-loop .product-img picture:nth-of-type(2){
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity: 0;
	visibility: hidden;
}
@media(min-width:1024px){
	.wrapper-collection-1 .pro-loop,.wrapper-collection-2 .pro-loop,
	.search-list-results .pro-loop,
	#collection .pro-loop.col-5 {}		
	.wrapper-collection-1 .pro-loop:nth-child(6).pro-loop-lastHide,
	.wrapper-collection-2 .pro-loop:nth-child(6).pro-loop-lastHide,
	.list-productRelated .pro-loop:nth-child(6).pro-loop-lastHide{display:none}

	.pro-loop .product-img:hover  .button-add {opacity: 1;visibility: visible;bottom: 50%;}
	.pro-loop .product-img:hover  picture:nth-of-type(2) {opacity: 1;visibility: visible;} 
	.pro-loop: .product-img:hover  picture:nth-of-type(1) {opacity: 0;visibility: hidden;} 
}
@media(max-width:1023px) and (min-width:992px){
	.wrapper-collection-1 .container-fluid,.wrapper-collection-2 .container-fluid{padding:0 30px;}
	.wrapper-collection-1 .pro-loop:nth-child(10).pro-loop-lastHide,
	.wrapper-collection-2 .pro-loop:nth-child(10).pro-loop-lastHide,
	.list-productRelated .pro-loop:nth-child(10).pro-loop-lastHide{display:none}
}
@media(max-width:991px) and (min-width:768px){
	// .wrapper-collection-1 .container-fluid,.wrapper-collection-2 .container-fluid{padding:0 30px;}
	.wrapper-collection-1 .pro-loop:nth-child(15).pro-loop-lastHide,
	.wrapper-collection-2 .pro-loop:nth-child(15).pro-loop-lastHide,
	.list-productRelated .pro-loop:nth-child(15).pro-loop-lastHide{display:none}
}
@media(max-width:767px){
	.wrapper-collection-1 .pro-loop:nth-child(5).pro-loop-lastHide,
	.wrapper-collection-2 .pro-loop:nth-child(5).pro-loop-lastHide,
	.wrapper-collection-1 .pro-loop:nth-child(15).pro-loop-lastHide,
	.wrapper-collection-2 .pro-loop:nth-child(15).pro-loop-lastHide,
	.list-productRelated .pro-loop:nth-child(15).pro-loop-lastHide{display:none}
	.longarrow {display: none;}
	.pro-price-mb {
		display:inline-block;
		position: absolute;
		left: 10px;
		bottom: 10px;
		font-size:9px;
	}
	.pro-price-mb .pro-price {
		background: rgba(0, 0, 0, 0.7);
		color: #fff;
		padding: 2px 8px;
		border-radius: 2px;
		font-size: 10px;
		line-height: 20px;
		font-weight: 500;
		margin-right: 3px;
	}
	p.pro-price {display: none;}
	.pro-loop .product-detail {padding:5px 0;}
}
.product-loop-special {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	margin-bottom: 60px;
}
.product-loop-special.more-image {
	-webkit-align-items: center;
	align-items: center;

}
.product-loop-special .product-width {max-width: 270px;margin: auto;}
.product-loop-special .product-detail {padding:20px 0;}
.product-loop-special .product-img{text-align: center;position:relative;}
.product-loop-special .product-detail h3 {
	margin: 0 0 5px;
	font-size: 14px;
	position: relative;
}
.product-loop-special .product-detail h3 a{
	line-height: 16px;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}

.product-loop-special .action .button {width:100%;padding: 10px 5px;}
@media(min-width:768px) {
	.collection-special-one .product-loop-special .product-col-left {flex-grow:2;}
	.collection-special-one .product-loop-special .product-col-right {flex-grow:1;padding: 0 80px;}
}
@media(min-width:1024px) {
	.collection-special-one .product-loop-special {padding: 0 100px;}
}
.collection-special-two .product-loop-special .product-col-left {width:60%;}
.collection-special-two .product-loop-special .product-width {max-width:190px;}
.collection-special-two .product-loop-special .product-col-right {padding:0 0 0 35px;}
.collection-special-two .product-loop-special .product-detail {padding:10px 0;}

@media(max-width:1200) and (min-width:1024px) {
	.collection-special-two .product-loop-special {
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		justify-content: space-around;
	}
	.collection-special-two .product-loop-special {
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}
	.collection-special-two .product-loop-special .product-width {max-width:170px }
	.collection-special-two .product-loop-special .product-col-right {padding: 0 0 0 25px;}
	.collection-special-two .product-loop-special .product-col-left {width:70%;}
}
@media(max-width: 767px) {
	.product-loop-special .action .button {font-size:12px} 
	.collection-special-two .product-loop-special .product-width {max-width:130px;}
	.collection-special-one .product-loop-special .product-col-right {padding-left: 20px;}
	.collection-special-one .product-loop-special .product-width {max-width:260px;}
	.product-loop-special .product-detail {padding: 5px 0;}
}

/*--------------------------------------------------------------------
PRODUCT DETAIL 
--------------------------------------------------------------------*/
.product-detail-main {
  margin-bottom: 40px;
}

.tag-rectangle {
  border-color: #fff2f2!important;
  background-color: #fff2f2;
  color: #c21935!important;
  border-radius: 2px;
  padding: 4px 6px;
  min-width: initial;
  font-size: 12px;
  line-height: 1;
  box-sizing: border-box;
  text-align: center;
  margin-right: 8px;
  margin-bottom: 8px;
  position: relative;
  font-family: "Lucida Grande", sans-serif!important;
}

.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;}
.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: 600;
	font-size: 12px;
	color: #f94c43;
}
.product-price del{font-size: 14px;color:#777a7b;font-weight: 500;}

.selector-actions { width: 100%;margin-top: 40px;}
.quantity-area {margin-bottom:15px;}
.quantity-area input#quantity {
	background: #fff;
	font-weight: 600;
	height: 44px;
	padding: 0;
	text-align: center;
	width: 80px;
	border: 1px solid #DDD;
	border-left: none;
	border-right: none;
	border-radius: 1px;
	float: left;
	-webkit-appearance: none;
}
.quantity-area input.qty-btn {
	float: left;
	background: #fff;
	border: 1px solid #DDD;
	cursor: pointer;
	font-weight: 600;
	font-size: 20px;
	outline: none;
	height: 44px;
	width: 44px;
	text-align: center;
	border-radius: 0;
}
.quantity-area input.qty-btn:first-child{
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.quantity-area input.qty-btn:last-child{
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #ff5353;
}
button.btn-addtocart{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	box-shadow: none;
	padding: 14px 35px;
	line-height: 22px;
	width: calc(50% - 5px);
}
button.btn-addtocart[disabled] {opacity: 0.8;}
.product-description {margin: 20px 0;border-bottom: 1px solid #eceff1;}
.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;

}
.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 {width: 100%; float: left;border-bottom: 1px dotted #dfe0e1;}
.swatch .header{
	margin:0 0 8px;
	font-size:16px;
	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;position: relative;vertical-align: bottom;}
.swatch .swatch-element label{
	display: block;
	background: #fff;
	width: 44px;
  border-radius: 3px;
	height: 40px;
	line-height: 40px;
	position: relative;
	border: 1px solid #e5e5e5;
	font-size: 14px;
	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(https://file.hstatic.net/1000402464/file/sold_out_8558819cb19e4211944c51f9aeab1f70.png) no-repeat;
	background-size: contain;
}
//.swatch .swatch-element.soldout label{opacity:0.5}
.swatch .swatch-element.color label{
	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-color: #c21935;
  border-color: #c21935;
	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(//theme.hstatic.net/1000402464/1001369480/14/sold_out.png?v=31) no-repeat;
	background-size: contain;
}

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.trang span {
	background: https://product.hstatic.net/1000003969/product/color_hong_nhat_sd07044_dcf5a927d793484c917a4ecd3fa9e842_small.jpg;
}




.color.swatch-element label.black span {
	background: #000000;
}




.color.swatch-element label.navy span {
	background: #50b0e3;
}




.color.swatch-element label.xanh-duong span {
	background: #4a90e2;
}




.color.swatch-element label.xanh-la span {
	background: #7ed321;
}




.color.swatch-element label.be span {
	background: #d2b8a2;
}




.color.swatch-element label.do span {
	background: #d0021b;
}




.color.swatch-element label.nhieu-mau span {
	background: https://product.hstatic.net/1000003969/product/color_hong_nhat_sd07044_dcf5a927d793484c917a4ecd3fa9e842_small.jpg;
}




.color.swatch-element label.trang span {
	background: https://product.hstatic.net/1000003969/product/color_hong_nhat_sd07044_dcf5a927d793484c917a4ecd3fa9e842_small.jpg;
}




.color.swatch-element label.do span {
	background: https://product.hstatic.net/1000003969/product/color_hong_nhat_sd07044_dcf5a927d793484c917a4ecd3fa9e842_small.jpg;
}




.color.swatch-element label.tim span {
	background: https://product.hstatic.net/1000003969/product/color_hong_nhat_sd07044_dcf5a927d793484c917a4ecd3fa9e842_small.jpg;
}




.color.swatch-element label.pure-apple span {
	background: https://product.hstatic.net/1000003969/product/color_hong_nhat_sd07044_dcf5a927d793484c917a4ecd3fa9e842_small.jpg;
}




.color.swatch-element label.blue span {
	background: https://product.hstatic.net/1000003969/product/color_hong_nhat_sd07044_dcf5a927d793484c917a4ecd3fa9e842_small.jpg;
}




.color.swatch-element label.cam span {
	background: https://product.hstatic.net/1000003969/product/color_hong_nhat_sd07044_dcf5a927d793484c917a4ecd3fa9e842_small.jpg;
}




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




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




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




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




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




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




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




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




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




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




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




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




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




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




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




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


.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){
  .product-detail-main {
    margin-left: auto;
    margin-right: auto;
  }
  .wrap-addcart.clearfix.prod-detail, .sharing-product {
    width: 60%;
  }
	.list-productRelated .pro-loop {}
}
.description-productdetail table {min-width: initial!important;}
/* 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: calc(50% - 6px);
    margin-right: 6px;
  }
	.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: initial;top: 70px;}
	.pr_style_03 .product-content-desc {position: initial;top:0;}
}
/*--------------------------------------------------------------------------------
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;}

/* ---------------------------  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{
	font-size: 14px;
	line-height: 22px;
  background-color: #F8F8F8;
  max-width: 380px;
  height: 62px;
	cursor: pointer;
	position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 24px;
  padding-right: 30px;
}
.layered .layered_subtitle span {font-weight: bold; font-size: 18px;}
.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 li{ position: relative; line-height: 20px;font-size: 12px; margin-left: 24px; margin-right: 28px; padding: 17px 0;; align-content: center;}
.check-box-list label{
	display: flex;
  align-items: center;
	cursor: pointer;
	line-height: 18px;
	font-weight: normal;
  font-size: 14px;
	margin-bottom:0;
	color:#252a2b;
  white-space: nowrap;
}
.check-box-list li:hover label {color:#b4282b;}
.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;
}
.color-rect{
	border: 2px solid #eaeaea;
	width: 25px;
	height: 25px;
	border-radius: 0;
	position: absolute;
  right: 0;
	background-size: contain;
}
.filter-color li input[type="checkbox"]:checked + label:before{
	content: '';
	position: absolute;
	left: 0;
  
	width: 23px;
	height: 23px;
	border: 2px solid #D7D7D7;
	background: #fff;
	border-radius: 20px; 
}
.filter-size-mb > ul > li {
  margin-left: unset!important;
  margin-right: 7.5px!important;
}
.filter-size li, .filter-size-mb li {
	text-align: center;
	margin-right: -1px;
	margin-bottom: -1px;
	float: left;
}
.filter-size li label, .filter-size-mb li label {
	width: 42px;
	height: 42px;
	line-height: 42px!important;
	position: relative;
	border: 1px solid #C0C0C0;
  background: #FBFBFB;
  padding-left: unset!important;
  display: inline-block!important;
}
.filter-size-mb li label::before, .filter-size-mb li label::after {
  content: unset!important;
}
.filter-size li input[type="checkbox"]:checked + label,.size-filter li:hover label {
	background-color: #111;
	color: #fff;
	border: 1px solid #111;
}
.filter-size-mb li input[type="checkbox"]:checked + label  {
	background-color: #111!important;
	color: #fff!important;
	border: 1px solid #111!important;
  padding-left: unset!important;
  display: inline-block!important;
}
.block .block_content {
  overflow-y: auto;
  overflow-x: hidden;
  .group-filter {
    padding-bottom: 24px;
  }
}
.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: 33px;
	cursor: pointer; 
}
.bl-filter [type="checkbox"]:not(:checked) + label:before,
.bl-filter [type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
  
	width: 23px;
	height: 23px;
	border: 2px solid #D7D7D7;
	background: #fff;
	border-radius: 20px; 
}
// .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;
	content: '';
  border-radius: 20px;
	height: 15px;
	width: 15px;
	background-color: #CBCBCB;
	margin: 9px 0 0 4px;
	left: 0;
	top: -7.5px;
	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;
	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-bottom: 0;font-size: 30px; font-weight: bold;}
.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:not(:last-child)::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 {margin-top: 50px;}
.article-pages,.meta-tags,.article-comment .comment_form,.post-navigation { margin-bottom: 40px;}
.article-pages * {max-width: 100%!important;}
.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;}

/*Sidebar Blog*/
.news-latest, .menu-blog {
	margin: 0 0 30px;
	position: relative;
	padding: 20px;
}
.sidebarblog-title h2 {
	font-size: 18px;
	text-transform:uppercase;
	text-align: center;
}
// .sidebarblog-title h2 span {display: none;}
.list-news-latest .item-article {
	padding: 15px 10px;
	margin: 0;
}
.list-news-latest .item-article:last-child{border-bottom:none;}
.list-news-latest .item-article .post-image {
	// width: 30%;
  padding-bottom: 10px;
	float: left;
	position: relative;
}
.list-news-latest .item-article .post-content {
	float: left;
}
.list-news-latest .item-article .post-content h3 {margin: 0 0 5px;font-size: 20px; font-weight: 600;}
.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:15px 0 35px;}
.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-left:100px; padding-right:100px; padding-bottom: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;}
.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: 0 6px 20px 6px;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:120px;}
table.table-cart tr td.image img {max-width:120px; border-radius: 4px;}
table.table-cart tr td.item{padding-left:15px}
table.table-cart tr td.item h3{margin:0 0 5px;font-size:16px;padding-right:30px;}
table.table-cart tr td.item p {margin-bottom:5px;}
table.table-cart tr td.item p .pri {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  color: rgb(194, 25, 53);
}
table.table-cart tr td.item p del{font-size:12px;}
table.table-cart tr td.item .price{
  margin:0;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  color: rgb(194, 25, 53);
}
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;}
table.table-cart tr td.item .variant{margin-bottom:5px;color: rgb(153, 153, 153);}
table.table-cart tr td.remove{text-align: right;}
.qty-click input.item-quantity {
	font-weight: 500;
	font-size: 15px;
  height: 30px;
  padding: 0;
  text-align: center;	
	width: 35px;
  border: 1px solid #dadbdd;
	border-radius: 0;
  float: left;
  -webkit-appearance: none;
}
.qty-click {float: right;}
.qty-click button.qty-btn {
	background: #fff;
	font-weight: 500;
	font-size: 14px;
	color: #abafb2;
	height: 30px;
	padding: 0;
	text-align: center;
	width: 30px;
	border: 1px solid #dadbdd;
	border-radius: 0;
	float: left;
	-webkit-appearance: none;
}
.qty-click button.qtyplus.qty-btn{
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: none;
}
.qty-click button.qtyminus.qty-btn{
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: none;
}
.qty-click button.qty-btn:focus {outline: none;}
.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: rgb(194, 25, 53)}
.link-continue a i{margin-right:4px;}
.sidebox-order{
	background: #fff; padding: 15px;
	position: relative;
  border-radius: 8px;
}
.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-bottom: 1px dotted #dfe0e1;
}
.sidebox-order_total p{margin:0;}
.sidebox-order_total p .total-price{float: right;color: rgb(194, 25, 53);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;}
.breadcrumb-shop .breadcrumb>li+li:before{padding:0 3px;}
.breadcrumb-shop .breadcrumb-arrows li{font-size:14px;}
#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(//theme.hstatic.net/1000402464/1001369480/14/iconsearch.png?v=31) #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], .userbox input[type=date] {
	width: 100%;
	height: 55px;
	border: 1px solid #d4d6d8;
  border-radius: 2px;
	color: #7a7a7a;
	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;
}
.userbox .action_bottom {width: 100%; 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:10px}
.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-bg p {margin:0;}
#customer_orders table thead th, #order_details tr th { font-weight:500; 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;}
#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;
	position: relative;
}
.address_table {
	padding: 25px 30px;
  border: 1px solid #D1D1D1;
  border-radius: 25px;
  margin-bottom: 30px;
  position: relative;
}
.address-table-title {
  display: flex; justify-content: space-between;
}
.address_title h3 { margin: 0;font-size: 18px; margin-left: 35px; margin-right: 15px;}
.default_address {
  display: flex;
  align-items: center;
  margin-left: 15px;
}
.address-customer-name {
  font-size: 18px;
  font-weight: 600;
}
.account-address .note { border: none; padding: 0;}
p.address_actions.text-right {margin:7px 5px 0px 0; 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 {
  display: flex;
  justify-content: center;
  align-items: center;
	padding-bottom: 10px;
	padding: 10px;
	background: #990000;
	color:#fff!important;
  width: 100%;
  font-size: 18px;
  border-radius: 50px;
}
.add-new-address:focus { color:#fff;}
.account-address .input-group-addon{display:none}
.input-group { margin: 15px 0px;}
.input-group .input-group-addon {
	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(//hstatic.net/0/0/global/design/theme-default/userico.png);}
.icon-envelope:after {content: url(//hstatic.net/0/0/global/design/theme-default/email.png);}
.icon-shield:after {content: url(//hstatic.net/0/0/global/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 
--------------------------------------------------------------------------------*/
.main-footer {padding: 40px 0 30px;border-bottom: 1px solid #e7e7e7;}
.bottom-footer p {margin-bottom: 0;}
.footer h4 {
	font-size: 20px;
	letter-spacing: 0.02em;
	margin: 0 0 20px;
	position: relative;
	line-height: 30px;
}
.footer-content ul {margin-bottom: 15px;}
.footer-content ul li{display: block;line-height: 28px;position:relative;padding-left:0px;}
.footer-content ul li a {position:relative;overflow: hidden;}
.footer-contact ul li{padding:0;}
.footer .list-social {margin-bottom:10px;}
.footer .list-social li{
	display: inline-block;
	text-align: center;
	padding:0;
	margin-right: 12px;
}
.footer .list-social li a{
	font-size: 12px;
	display: block;
	line-height: 22px;
	overflow: hidden;
	text-align: center;
	position: relative;
} 
.footer .list-social li span {font-weight: 600;margin-left:5px;}
.footer-contact ul > li {
	padding: 0 0px 5px 25px;
	background-size: 15px 15px!important;
	line-height: 22px;
	font-size: 14px;
}
.footer-contact ul > li.contact-1 {
	background: rgba(0, 0, 0, 0) url(//theme.hstatic.net/1000402464/1001369480/14/icon_footer_1.png?v=31) no-repeat scroll 0px 12px;
}
.footer-contact ul > li.contact-2 {
	background: rgba(0, 0, 0, 0) url(//theme.hstatic.net/1000402464/1001369480/14/icon_footer_2.png?v=31) no-repeat scroll 0px center;
}
.footer-contact ul > li.contact-3 {
	background: rgba(0, 0, 0, 0) url(//theme.hstatic.net/1000402464/1001369480/14/icon_footer_3.png?v=31) no-repeat scroll 0px center;
}
.footer-contact ul > li.contact-4 {
	background: rgba(0, 0, 0, 0) url(//theme.hstatic.net/1000402464/1001369480/14/icon_footer_4.png?v=31) no-repeat scroll 0px center;
}
.footer-static-content iframe {width:100%!important;position:relative!important;}
.footer-static-content .fb_iframe_widget > span {width:100%!important;}
.logo-footer {margin-bottom:20px;}
.logo-footer img {width:150px;}
.footer .footer-content1 {margin-bottom:20px;}

.top-footer {background:#f3f3f3;padding: 15px 0;}
.top-footer .area_newsletter {margin-bottom:10px;}
.top-footer .area_newsletter .title_newsletter {
	background-repeat: no-repeat;
	background-image: url(//theme.hstatic.net/1000402464/1001369480/14/icon_footer.png?v=31);
	background-position: 0;
	background-size: 20px;
	padding-left: 35px;
	padding-right: 10px;
	height: 20px;
	line-height: 24px;
	margin-bottom:20px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.top-footer .area_newsletter .form_newsletter {width:100%;}
.top-footer .area_newsletter .form_newsletter .error-box,
.top-footer .area_newsletter .form_newsletter .success.feedback{font-size:13px;padding: 5px 5px 0;margin:0;;}
.top-footer .area_newsletter .form_newsletter .success.feedback{color: #27a208;}
.footer .contact-form {position:relative;}
.footer .contact-form .input-group {display: inline-block;margin:0;width:100%;}
.footer .contact-form .input-group input {height:46px;}
.footer .contact-form .input-group button {
	position:absolute;
	right:0;
	top:0;
	padding:13px 25px;
	height: 45px;
}

.footer .contact-form.form_disable,
.footer .contact-form.form_disable button{pointer-events: none;opacity: 0.75;}
.top-footer .area_newsletter h4 {margin-bottom:0;line-height: inherit;font-size:14px;}
.area_phone_contact .number_phone {margin:10px 0;}
.area_phone_contact .number_phone i {
	width: 24px;
	height: 24px;
	text-align: center;
	border-radius: 50%;
	background: #000;
	color: #fff;
	line-height: 24px;
	margin-right: 5px;
}
.area_phone_contact .number_phone a {color:red;font-size: 15px;margin-left:5px;}

.footer .collapse {display: block;visibility: visible;}
.footer .title-expand {text-align: center;margin:0;}
.footer .title-expand a{
	font-weight: 600;
	font-size:18px;
	padding: 20px 15px;
	display: block;
}
.footer .title-expand a span {
	font-size:18px;
	opacity: .78;
	padding: 0px 20px;
	font-weight: bold;
	vertical-align: text-bottom;
	padding-left: 20px;
	-webkit-transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
	-moz-transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
	-o-transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
	transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
}
.footer .title-expand a[aria-expanded=false] span {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}
.footer .title-expand a[aria-expanded=true] {border-bottom: 1px solid #e7e7e7}
.social-media {
  margin-top: 16px;
  margin-bottom: 16px;
  .social-icon {
    display: inline-block;

    li {
      display:none;
      display: inline-block;
      margin-right: 6px;
    }
  }
}

/*---------------------- Sroll to Top -------------------*/
.back-to-top {position: fixed;right: 10px;	bottom: 15px;	opacity: 0;	visibility: hidden;	z-index: 99;}
.back-to-top.show {	opacity: 1;	visibility: visible;-webkit-transition: opacity .3s ease;	-moz-transition: opacity .3s ease;transition: opacity .3s ease;}
.back-to-top .btt-label-back {
	display: inline-block;	vertical-align: middle;	line-height: 40px;
	-webkit-transform: rotate(-90deg) translateX(50%) translateY(50%);
	-moz-transform: rotate(-90deg) translateX(50%) translateY(50%);
	transform: rotate(-90deg) translateX(50%) translateY(50%);
}
.back-to-top .btt-icon-back {
	position: absolute;bottom: 250%;left: 80%;
	-webkit-transform: translateX(-50%) translateY(0);
	-moz-transform: translateX(-50%) translateY(0);
	transform: translateX(-50%) translateY(0);
	-webkit-transition: -webkit-transform .45s cubic-bezier(0,.95,.77,1);
	transition: transform .45s cubic-bezier(0,.95,.77,1);
	will-change: transform;
}
/*----------------------------------------------------------------------------------
MAIN SIDEBAR
----------------------------------------------------------------------------------*/
/* - Mini box Account - */
.header-dropdown_content .site_account{text-align: center;}
.site_account .site_account_panel_list .site_account_inner{font-size: 12px;}
.site_account .site_account_panel_list .site_account_header .site_account_title{
	margin-bottom: 4px;	font-size: 17px;font-weight: 500;
	font-style: normal;	text-transform: uppercase;
} 
.site_account .site_account_panel_list .site_account_inner form .form__input-wrapper{	position: relative;	width: 100%;margin-bottom: 12px;}
.site_account .site_account_panel_list .site_account_inner form .form__input-wrapper .form__field {
	display: block;
	padding: 14px 10px 3px;
	border-radius: 2px;
	border: 1px solid #d4d6d8;
	width: 100%;
	line-height: normal;
	height: 42px;
	color: #1e2d7d;
	-webkit-appearance: none;
	resize: none;
	font-size: 12px;
	outline: none;
	box-shadow: 0 1px rgba(212, 214, 216, 0.25) inset;
	transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
}
.site_account .site_account_panel_list .site_account_inner form .form__input-wrapper .form__floating-label{
	position: absolute;left: 10px;top: 0;
	line-height: 42px;	font-size: 12px;margin-bottom: 0;
	color: #7a7a7a;
  font-weight: 500;
	transform: scale(1);
	-webkit-transform-origin: left top;	transform-origin: left top;
	transition: -webkit-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
	pointer-events: none;
}
.site_account .site_account_panel_list .site_account_inner form .form__input-wrapper .form__field:focus + .form__floating-label,
.site_account .site_account_panel_list .site_account_inner form .form__input-wrapper .form__field.is-filled + .form__floating-label {
	-webkit-transform: translateY(-6px) scale(0.8);	transform: translateY(-6px) scale(0.8); 
}
.site_account .site_account_panel_list .site_account_inner form .form__submit{
	width: 100%;outline: none;padding: 0px 28px;height: 42px; line-height: 42px;
}
.site_account .site_account_panel_list .site_account_inner .site_account_secondary-action{margin-top: 16px;font-size: 12px;}
.site_account .site_account_panel_list .site_account_inner .site_account_secondary-action > p{margin-bottom:4px;}
.site_account .site_account_panel_list .site_account_inner .site_account_secondary-action > p .link{
	color:#65d1e6;	transition: color 0.2s ease-in-out;	background: transparent;
	border: none;border-radius: 0;padding: 0;	outline: none;
}
.site_account .site_account_panel_list{
	position: relative;height: 100%;
	overflow: hidden;	transition: height 0.2s ease-in-out;
}
.site_account .site_account_panel_list .site_account_info{text-align: left;font-size: 14px;}
.site_account .site_account_panel_list .site_account_info .site_account_header{
	text-align: center;border-bottom: 1px solid #ededed;
	padding: 0 0 10px;margin-bottom: 12px;
}
.site_account .site_account_panel_list .site_account_info .site_account_header .site_account_title{margin-bottom:0}
.site_account .site_account_panel_list .site_account_info ul{margin: 0;}
.site_account .site_account_panel_list .site_account_info li span{font-size: 15px;color: #282c2d;font-weight: 500;}
.site_account .site_account_panel_list .site_account_info li{padding:0 4px;margin-bottom: 10px;}
.site_account .site_account_panel_list .site_account_info li a:hover{color:#b4282b;}
.site_account .site_account_panel_list .site_account_panel {
	width: 100%;visibility: hidden;
	transition: visibility 500ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
	transition: transform 500ms cubic-bezier(0.23, 1, 0.32, 1), visibility 500ms cubic-bezier(0.23, 1, 0.32, 1);
	transition: transform 500ms cubic-bezier(0.23, 1, 0.32, 1), visibility 500ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
}
.site_account .site_account_panel_list .site_account_panel.site_account_default.is-selected{-webkit-transform: translateX(0);	transform: translateX(0);}
.site_account .site_account_panel_list .site_account_panel.site_account_sliding.is-selected{-webkit-transform: translateX(0);	transform: translateX(0);}
.site_account .site_account_panel_list .site_account_panel.site_account_default{-webkit-transform: translateX(-100%);	transform: translateX(-100%);}
.site_account .site_account_panel_list .site_account_panel.site_account_sliding{
	position: absolute;top: 0;left: 0;
	-webkit-transform: translateX(100%);	transform: translateX(100%);
}
.show-action .header-action_dropdown .site_account_panel.is-selected{	visibility: visible;}

@keyframes scroll-in{0%{top:2px}49%{top:-14px}50%{top:19px}100%{top:2px}}
@keyframes scroll-out{0%{top:2px}49%{top:19px}50%{top:-14px}100%{top:2px}}

/* ---------------------  search sidebar --------------------- */
.site_search form.searchform{position: relative;padding:0;margin-bottom:15px;}
.wpo-search-inner{
  border-bottom: 1px solid;
}
form.searchform .btn-search{
	width: 45px;
  height: 45px;
  line-height:45px;
	position: absolute;
  top: 0px;
  left: 0px;
	background: transparent;outline: none;
	transition: opacity 150ms linear;
}
form.searchform .btn-search svg{width:30px;height:40px;opacity: .4;}
// form.searchform input:focus {background: #ffffff;outline: none;border-color:#65d1e6;}

/*----------------- Search auto ---------------*/
.smart-search-wrapper{
	/*position: absolute;	top:115%;box-shadow: 0px 0px 10px rgba(0,0,0,0.08);*/
	width:100%;z-index: 100;
}
.smart-search-wrapper .item-ult{padding: 10px 10px;	border-bottom: 1px dotted #dfe0e1;clear: both; }
.smart-search-wrapper .item-ult .thumbs{width: 40px;display: inline-block;text-align: right;}
.smart-search-wrapper .item-ult .title {width: calc(100% - 40px);padding-right:5px;float: left;line-height: 20px;position: relative;margin-top:0px!important;}
.smart-search-wrapper .item-ult .title a{	font-size: 13px;text-overflow: ellipsis;overflow: hidden;	white-space: pre;	float: left;width: 100%;margin-bottom: 4px;}
.smart-search-wrapper .item-ult .title p{	line-height: 15px;font-size: 12px;font-weight:600;float:left;margin:0;}
.smart-search-wrapper .item-ult .title p del{	font-size: 11px;font-weight: 300;margin-left:5px;color: #797979;}
.resultsMore {width: 100%;	float: left;}
.resultsMore a{text-align: center;	display: block;	font-size: 14px;padding: 10px 0;}
.dataEmpty{text-align: center;	padding: 10px 0;margin:0;}
/* --------------------- cart view --------------------- */
.site-cart .cart-ttbold{padding:0 20px}
.site-cart .cart-ttbold .ttbold{
	font-size: 16px;color: #000;
	margin: 0 0 15px;font-weight: 500;padding: 6px 10px;
	background: #f3f5f6;border: 1px solid #e7ebec;
	text-align: center;border-radius: 4px;
}
.cart-view .cart-view-scroll{padding:0 20px;}
.cart-view .cart-view-total{padding:0 20px;}
.cart-view table{width: 100%;}
table#cart-view tr {border-bottom: 1px dotted #bcbcbc;}
table#cart-view tr td {position: relative;border: none;vertical-align: top;}
table#cart-view tr td:first-child {padding-left:10px;}
table#cart-view tr td:last-child {padding-right:10px;}
table#cart-view tr:last-child {border: 0;}
table#cart-view tr td.img{width:65px;}
.cart-view table td.img img{width: 65px;border: 1px solid #ededed;max-width: none;}
.cart-view table td .pro-title {padding-right: 30px;}
.cart-view table td .pro-title a.pro-title-view {	font-size: 12px;font-weight:600;text-transform: uppercase;}
.cart-view table td .pro-title .variant {font-size: 12px;display:block;width: 100%;}
.cart-view table td .remove-cart {
	position: absolute; right:10px;top: 10px;
	width:20px;height: 20px;line-height: 20px;text-align: center;   
	background: #E7EBEC;
}
.cart-view table td .remove-cart svg{height: 20px;width:8px; fill: #000;}
.cart-view table .item-cart_empty td {position: relative;padding:0px;text-align: center; }
.cart-view table .item-cart_empty td .svgico-mini-cart{padding:10px 0 5px;}
.cart-view table .item-cart_empty td .svgico-mini-cart svg {width: 50px;height: 50px;margin: auto;}
.cart-view table #total-view-cart {font-weight:600;font-size: 16px;color:red;}
.mini-cart_quantity{
	margin-top:4px;
	display: -ms-flexbox; display: -webkit-flex;   display: flex;
	-webkit-align-items:center;  -ms-align-items:center; align-items:center;
	-webkit-justify-content: space-between;-ms-justify-content: space-between;justify-content: space-between;
	-webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap;  flex-flow: row nowrap;
}
.mini-cart_quantity .pro-quantity-view .qty-value{
	display: inline-block;
	height: 23px; line-height: 23px;min-width:25px;padding:0 3px;text-align: center;  
	background: #f5f5f5;font-size: 13px;font-weight: 500;
	border-radius: 3px;	box-shadow: 0 1px 1px rgba(225, 227, 228, 0.2);
	-webkit-appearance: none; -moz-appearance: none;  -o-appearance: none; appearance: none;
}
.mini-cart_quantity .pro-quantity-view .qty-btn{width:30px;font-size: 20px;background: #f5f5f5;}
.mini-cart_quantity .pro-price-view {font-size: 13px;font-weight: 600;color: #333;}
#cart-view tr td ,.table-total tr td{border: none!important;}
.cart-view .line {float: left;width: 100%;border-top:1px solid  #e1e3e4;	margin: 10px 0px;}
.cart-view a.linktocheckout,.cart-view a.linktocart {padding: 14px 15px;position: relative;width: 100%;	white-space: nowrap;}
@media(min-width:992px){
  
  form.searchform input.searchinput {
    border: none;
    color: #252a2b;
  	width: 100%;	
    height: 45px;
    padding:0 55px;
  	margin: 0;display: 
    inline-block;border-radius: 0;
  	transition: all 150ms linear;
  	-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;
  }
	.cart-view .cart-view-scroll{
		overflow-y: scroll;max-height:320px;
		-webkit-overflow-scrolling: touch;
		-ms-scroll-chaining: none;overscroll-behavior: none;
	}
	.cart-view .cart-view-scroll::-webkit-scrollbar {width: 2px;	height: 2px; }
	.cart-view .cart-view-scroll::-webkit-scrollbar-track {-webkit-border-radius:0px;border-radius: 0px;}
	.cart-view .cart-view-scroll::-webkit-scrollbar-thumb {
		-webkit-border-radius:0px;border-radius:0px;background:#e1e3e4;
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); 
	}
	.cart-view .cart-view-scroll::-webkit-scrollbar-thumb:window-inactive {background:#e1e3e4; }
}
/* ---------------------  menu  --------------------- */
.hamburger-menu {width:60px;height:20px;text-align: center;cursor: pointer;display: block;	transition: all 150ms linear;}
.hamburger-menu .bar, .hamburger-menu .bar:after, .hamburger-menu .bar:before {width: 15px;height: 2px;}
.hamburger-menu .bar {	
	position: relative;background: #252a2b;	
	display: inline-block; vertical-align: middle;
	-ms-transition:all 0ms 100ms, width 150ms linear;
	-webkit-transition:all 0ms 100ms, width 150ms linear;
	transition: all 0ms 100ms, width 150ms linear;
}
.hamburger-menu .bar:before {
	content: "";
	position: absolute;left: 0;top:-6px;background: #252a2b;
	-ms-transition:bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms cubic-bezier(0.23, 1, 0.32, 1),width 150ms linear,background 150ms linear;
	-webkit-transition:bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms cubic-bezier(0.23, 1, 0.32, 1),width 150ms linear,background 150ms linear;
	transition: bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms cubic-bezier(0.23, 1, 0.32, 1),width 150ms linear,background 150ms linear;
}
.hamburger-menu .bar:after {
	content: "";
	position: absolute;	left: 0;	bottom:-6px;background: #252a2b;
	-ms-transition:top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms cubic-bezier(0.23, 1, 0.32, 1),width 150ms linear,background 150ms linear;
	-webkit-transition:top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms cubic-bezier(0.23, 1, 0.32, 1),width 150ms linear,background 150ms linear;
	transition: top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1),transform 300ms cubic-bezier(0.23, 1, 0.32, 1),width 150ms linear,background 150ms linear;
}
.show-action .hamburger-menu .bar {height: 0;background: transparent; }
.show-action .hamburger-menu .bar:before {
	position: absolute;top: 0px;
	-webkit-transform: rotate(45deg);	-ms-transform: rotate(45deg);transform: rotate(45deg);	
}
.show-action .hamburger-menu .bar:after {
	position: absolute;top: 0px; 
	-webkit-transform: rotate(-45deg);	-ms-transform: rotate(-45deg);transform: rotate(-45deg);
}
.show-action .hamburger-menu .bar:before {-ms-transform: rotate(-45deg);transform: rotateZ(-45deg);}
.show-action .hamburger-menu .bar:after {-ms-transform: rotate(45deg);transform: rotateZ(45deg);}
/* - Menu Mobile */
.site-menu.menu-mobile{
	position: relative;
	max-width: 100vw; height: 100%;
	overflow: hidden;z-index: 100;
}
.menu-mobile--wrap { height: 100%;}
.menu-mobile .menu-mobile--wrap .menu-mobile--acc {	padding: 15px 0 15px 15px;	display: flex;background: #000;	color: #fff; }
.menu-mobile .menu-mobile--wrap .menu-mobile--acc span,
.menu-mobile .menu-mobile--wrap .menu-mobile--acc a {color: #fff; }
.menu-mobile .menu-mobile--wrap .menu-mobile--acc .menu-mobile--acc-info {width: calc(100% - 50px); }
.menu-mobile .menu-mobile--wrap .menu-mobile--acc .menu-mobile--acc-btn {
	width: 40px;
	line-height: 40px;
	height: 40px;
	text-align: center; 
}
.menu-mobile .menu-mobile--wrap .menu-mobile--acc .menu-mobile--acc-btn svg {width: 15px;height: 15px;	fill: #fff; }
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom {
	height: calc(100% - 10px);overflow-y: auto;
	scroll-behavior: smooth;-webkit-overflow-scrolling: touch;
}
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu {
	position: absolute;	top: 0px;	left: 0px;z-index: 9;
	width: 100%;height: 100%;	overflow: hidden;
}
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mp-level {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	box-shadow: none;
	-webkit-transform: translate3d(0, 0, 0);	-moz-transform: translate3d(0, 0, 0);	transform: translate3d(0, 0, 0);
	-webkit-transition: all 0.5s;	-moz-transition: all 0.5s;	transition: all 0.5s; 
}
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu {	height:100%}
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	height: calc(100% - 0px);
	padding-bottom:80px;
	-webkit-overflow-scrolling: touch;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: auto;
	left: 0;
	right: 0;
	background: #fff;
	-webkit-transition: -webkit-transform .4s ease;
	transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	transition: transform .4s ease,-webkit-transform .4s ease;
	-webkit-transform: translate(100%, 0);
	-ms-transform: translate(100%, 0);
	transform: translate(100%, 0);
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0); 
}
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu ul.hidden-child {display: none;}
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu ul:not(.hidden-child) {display: block;}
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .vertical-menu-list li {position: relative; }
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .vertical-menu-list li a {
	display: block;
	padding: 15px 15px 15px 0;
	margin-left: 15px;
	text-transform: uppercase;
	outline: none;
	border-bottom: 1px solid #eeeeee;
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
	font-size: 14px;font-weight: 700;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
}
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .vertical-menu-list li a i {
	position: absolute;	right: 10px;top: 50%;color: #757575;
	-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);
}
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .vertical-menu-list li a i svg {width: 8px;height: 12px;}
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .vertical-menu-list.list-root {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);	transform: translate(0, 0);
	-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); 
}
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .vertical-menu-list.list-root.mm-subopened {
	-webkit-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);transform: translate(-100%, 0);
	-webkit-transform: translate3d(-100%, 0, 0);	transform: translate3d(-100%, 0, 0); 
}
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .list-child li a, .menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child li a, .menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child-3 li a {
	display: block;	padding: 15px 15px 15px 0;
	margin-left: 15px;outline: none;
	border-bottom: 1px solid #e1e3e4;
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
	font-size: 14px;font-weight: 300;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
}
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .list-child li span,
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child li span,
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child-3 li span {margin-right: 4px; }
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .list-child li:first-child a, 
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child li:first-child a,
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child-3 li:first-child a {	color: #000000;	background: #fff;	text-transform: uppercase;font-weight: 500; }
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .list-child li:first-child a i,
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child li:first-child a i,
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child-3 li:first-child a i {	padding-right: 10px;	font-weight: 700;	font-size: 15px; }
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .list-child li {position: relative; }
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .list-child li.level-2 a i {
	position: absolute;	right: 10px;top: 50%;	color: #757575;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);transform: translateY(-50%); 
}
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .list-child li.level-2 a i svg {width: 8px;height: 12px;}

.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .list-child.mm-opened {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);	transform: translate(0, 0);
	-webkit-transform: translate3d(0, 0, 0);	transform: translate3d(0, 0, 0); 
}
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child li {	position: relative; }
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child li.level-3 a i {
	position: absolute;right: 10px;	top: 50%;	color: #757575;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child.mm-sub {
	-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);	transform: translate(0, 0);
	-webkit-transform: translate3d(0, 0, 0);	transform: translate3d(0, 0, 0); 
}
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child.mm-subopened {
	-webkit-transform: translate(-30%, 0);
	-ms-transform: translate(-30%, 0);transform: translate(-30%, 0);
	-webkit-transform: translate3d(-30%, 0, 0);transform: translate3d(-30%, 0, 0);
}
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mp-menu .mplus-menu .sub-child-3.mm-sub-3 {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);transform: translate(0, 0);
	-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); 
}
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mobile-menu__section {padding: 16px 20px;}
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mobile-menu__section .mobile-menu__section-title {
	font-size: 15px;color:#252a2b; line-height: 1.85;
	text-transform: uppercase;font-weight: 500;	font-style: normal;	
}
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mobile-menu__section .mobile-menu__help-wrapper {color: #677279;	display: flex;align-items: center; }
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mobile-menu__section .mobile-menu__help-wrapper .icon--bi-phone {	margin-right: 16px;	width: 24px;height: 24px; }
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mobile-menu__section .mobile-menu__help-wrapper .icon--bi-email {	margin-right: 18px;	width: 22px;height: 22px; }
.menu-mobile .menu-mobile--wrap .menu-mobile--bottom .mobile-menu__section .mobile-menu__help-wrapper a {	border-bottom: 0 !important;text-transform: none !important;}



/* ============ 	ADDTHIS ** addthis ============== */
.fb_dialog_advanced.fb_customer_chat_bubble_animated_no_badge{ right: 12px!important;;}
.addThis_listSharing {
	position: fixed;bottom:85px;z-index: 999;	
	right:-15px;opacity: 0;	visibility: hidden;
	transition: all .3s ease;	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;
}
.addThis_listSharing.is-show{right: 0;opacity: 1;	visibility: visible;}
.addThis_listing .addThis_item{margin-bottom:5px;margin-right:24px;}
.addThis_listing .addThis_item .addThis_item--icon {
	position: relative;display: inline-block;text-align: center;
	width: 44px;height: 44px;line-height: 44px;color: #fff;
	border-radius: 50%;cursor: pointer;box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);
	background-size: auto;background-repeat: no-repeat;background-position: center;
}
.addThis_listing .addThis_item .addThis_item--icon .tooltip-text {
	position: absolute;top: 4px;right: 55px;z-index: 9;
	height: 32px;line-height: 26px;padding:3px 10px;
	width: auto;border-radius: 5px;font-size: 11px;color: #fff;text-align: center;
	white-space: nowrap;cursor: pointer;background-color: rgba(0, 0, 0, 1);
	visibility: hidden;opacity: 0;
	-ms-transition: all 200ms linear ;-webkit-transition: all 200ms linear ;transition: all 200ms linear ;
}
.addThis_listing .addThis_item .addThis_item--icon .tooltip-text:after{
	content: "";width: 0;height: 0;
	border-width:5px;border-style: solid;
	border-color: transparent transparent transparent rgba(0, 0, 0, 1);
	position: absolute;left: 100%;top: 0;bottom: 0;margin: auto;
	-ms-transition: all 200ms linear ;-webkit-transition: all 200ms linear ;transition: all 200ms linear ;
}
.addThis_listing .addThis_item .addThis_item--icon:hover {text-decoration: none; opacity: .9;box-shadow: 0 5px 10px rgba(0,0,0,.15), 0 4px 15px rgba(0,0,0,.13);}
.addThis_listing .addThis_item .addThis_item--icon:hover .tooltip-text{visibility: visible;opacity: 1;}
.actionToolbar_mobile {
	position: fixed;bottom: 0;left: 0; right: 0;margin: 0 auto;z-index: 999;
	height:45px;width: 100%;border-top: 1px solid #e7e7e7;background: #fff; padding:5px 10px;
}
.actionToolbar_mobile  ul.actionToolbar_listing{
	margin:0;
	display: -webkit-flex;display: -moz-flex;display: flex;
	-webkit-justify-content: space-between;justify-content: space-between;
	-webkit-align-items: center;align-items: center;
}
.actionToolbar_mobile  ul.actionToolbar_listing li{width: 20%;float: left;}
.actionToolbar_mobile  ul.actionToolbar_listing li a {display: block;color: #696969;font-size: 12px;text-align: center;position: relative;}
.actionToolbar_mobile  ul.actionToolbar_listing li a svg {fill: #696969;width: 35px;height: 35px;	display: inline-block;vertical-align: middle;}
.actionToolbar_mobile  ul.actionToolbar_listing li.actionToolbar_chatbot a .messenger_absolute {margin-top: -25px;display: inline-block;vertical-align: top;}
.actionToolbar_mobile  ul.actionToolbar_listing li.actionToolbar_chatbot a svg{width:44px;height:44px;}
/* modal- center */
.modal-addThis{font-size:0;text-align:center;padding:0!important;background: rgba(3, 17, 27, 0.7);-webkit-transition: opacity .35s linear;-o-transition: opacity .35s linear;transition: opacity .35s linear;}
.modal-addThis:before {	content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
.modal-addThis .modal-dialog-centered {font-size:14px;display: inline-block;text-align: left;vertical-align: middle;}
.modal-addThis.fade .modal-dialog{-webkit-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);}
.modal-addThis .modal-dialog-centered .modal-content {width: 100%; }
.modal-addThis .modal-dialog-centered{ margin:30px auto 50px;}
.modal-addThis.fade .modal-dialog-centered {
	opacity: 0;
	-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);
	-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;transition: all .2s;
}
.modal-addThis.fade.in .modal-dialog-centered {	opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);	-ms-transform: scale(1);transform: scale(1);}
@media(max-width:767px){
	.modal-addThis .modal-dialog-centered{ margin:30px 10px 40px;}
}
.modal-backdrop.in {display: none;opacity: 0!important;}
/* modal-succes */
.modal-succesform .modal-title{font-size: 18px;font-weight: 600;margin:0;color:#65d1e6;}
.modal-succesform p:not(.modal-title){font-size: 15px;margin:10px 0 5px}
.modal-succesform p.txtloading{color: #aaa;font-size: 13px;}
@keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);-moz-transform:rotate(-405deg);-o-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);-moz-transform:rotate(-405deg);-o-transform:rotate(-405deg);transform:rotate(-405deg)}}
@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}
@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0px;top:35px}100%{width:47px;right:8px;top:38px}}
.modal-icon.sweet-alert {padding-top: 15px;}
.animateSuccessTip {animation: animateSuccessTip 0.75s;}
.animateSuccessLong {animation: animateSuccessLong 0.75s;}
.sa-icon.sa-success.animate::after {animation: rotatePlaceholder 4.25s ease-in;}
.sweet-alert .sa-icon.sa-success{width:80px;height:80px;border:4px solid #4cae4c;border-radius:50%;margin:20px auto 0;position:relative;box-sizing:content-box}
.sweet-alert .sa-icon.sa-success::before,.sweet-alert .sa-icon.sa-success::after{content:'';border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.sweet-alert .sa-icon.sa-success::before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;-moz-transform-origin:60px 60px;-o-transform-origin:60px 60px;transform-origin:60px 60px}
.sweet-alert .sa-icon.sa-success::after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0px 60px;-moz-transform-origin:0px 60px;-o-transform-origin:0px 60px;transform-origin:0px 60px}
.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(92, 184, 92, 0.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}
.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.sweet-alert .sa-icon.sa-success .sa-line{height:5px;background-color:#5cb85c;display:block;border-radius:2px;position:absolute;z-index:2}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
/* modal-contactform */  
.modal-contactform .modal-header h4.modal-title {text-align: center;font-size: 18px;font-weight: 500;}
.modal-contactform .modal-header .close {	margin-top: -10px;opacity: 0.5;font-size: 26px;width: 30px;	margin-right: -8px;}
.modal-contactform .content_popupform .input-group{ width: 100%;margin:0 0 15px;}
.modal-contactform .content_popupform .input-group input,
.modal-contactform .content_popupform .input-group textarea{
	border: 1px solid #e7e7e7;
	box-shadow: none;
	height: 40px;
	font-weight: 500;
	padding:5px 20px;
	background: #fbfbfb;
	color: #252a2b;
	width: 100%;
}
.modal-contactform .content_popupform .input-group textarea{resize: none;height:80px;}
/* - Harafunnel mobile */
.harafunnel-mb {
	position: fixed;right: 10px;bottom:60px;
	z-index: 9999;width: 65px;height: 65px;padding:8px;
	background: #fff;	border-radius: 50%;
	box-shadow: 0 3px 12px rgba(0, 0, 0, .15);
	transition: box-shadow 150ms linear;
}
.harafunnel-mb:hover {box-shadow: 0 5px 24px rgba(0, 0, 0, .3);}
.harafunnel-mb a {display: block;}
.harafunnel-mb a svg{width:100%;height:100%;}
@media(min-width:992px){
	.modal-addThis.modal-contactform .modal-dialog{width: 600px;}
	.modal-addThis.modal-succesform .modal-dialog{width:450px;}
}
@media(max-width:767px){
  
  form.searchform input.searchinput {
    border: none;
  	font-size:20px;
    color: #252a2b;	
    font-weight: 500;
  	width: 100%;	
    height: 45px;
    padding:0 55px;
  	margin: 0;display: 
    inline-block;border-radius: 0;
  	transition: all 150ms linear;
  	-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;
  }
  form.searchform .btn-search svg {width:28px;} 
  form.searchform .btn-search {top: -5px;	right:0px;width: 40px;height: 32px;	line-height: 32px;}
	.mainfooter-product {margin-bottom: 60px;}
	.actionToolbar_product{
		opacity: 0;   visibility: hidden;
		-webkit-transform: translateY(100%);transform: translateY(100%);
		-webkit-transition: all .3s ease;transition: all .3s ease;
	}
	.product-action-bottom {
		position: fixed;left: 0;bottom:0;right: 0;
		z-index:100;background: #fff;display:block;
		box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
		padding: 8px 10px;
		-webkit-transition: padding .3s ease;transition: padding .3s ease;
	}
	.layoutProduct_scroll.scroll-down .actionToolbar_product{
		opacity: 1;	visibility: visible;
		-webkit-transform: translateY(0px);transform: translateY(0px);
	}
	.layoutProduct_scroll.scroll-down .product-action-bottom{padding-bottom:60px;}
}

.product-detail-wrapper{
    margin-bottom: 30px;
  }
/*===== APP COMBO - BUY X TANG Y ============================================*/
.modal-productApp{
	text-align: center;padding: 0!important;
	font-size:0;background: rgba(3, 17, 27, 0.7);
	-webkit-transition: opacity .35s linear;-o-transition: opacity .35s linear;transition: opacity .35s linear;
}
.modal-productApp:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
.modal-productApp .modal-dialog-centered {display: inline-block;text-align: left;vertical-align: middle;font-size:14px;}
.modal-productApp.fade .modal-dialog{-webkit-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);}
.modal-productApp .modal-dialog-centered .modal-content {width: 100%; }
.modal-productApp.fade .modal-dialog-centered {
	opacity: 0;
	-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);
	-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;transition: all .2s;
}
.modal-productApp.fade.in .modal-dialog-centered {	opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);	-ms-transform: scale(1);transform: scale(1);}
.modal-productApp .modal-footer {padding: 15px;text-align: center;}
.modal-productApp .modal-footer .button{margin:0 5px;}
.modal-productApp .modal-header{padding:15px 20px ;}
.modal-productApp .modal-header .name-combo,
.modal-productApp .modal-header .modal-title {margin: 0;font-weight: bold;font-size:22px;padding: 0px 30px 0px 0px;}
.modal-productApp .modal-header .combo-title {margin:10px 0 0;font-size: 14px;	font-weight: bold;}
.modal-productApp .modal-header .close-modal-app {display: inline-block;position: absolute;background-color: #ffffff;width: 30px;height: 30px;	border-radius: 50%;	border: 1px solid #333;	right: 13px;top: 9px;z-index: 9;	opacity: 1;margin: 0;}
.modal-productApp .modal-header .close-modal-app svg {display: inline-block;fill: currentColor;position: relative;width: 12px;line-height: 30px;margin-top:-2px;}
#combo-program {max-height:400px;    overflow: auto;}
#combo-program .combo-title b {color: #ff0707;}
#combo-program .combo-w {border: 0;margin-bottom:0px;padding:0px 10px 0px 40px;position: relative;}
#combo-program .combo-w:after {content: '\2714\fe0e';font-size: 16px;position: absolute;top: calc(50% - 11px);left: 11px;color:#65d1e6;opacity: 0;}
#combo-program .combo-w:before {content: '';width: 20px;height: 20px;border: 1px solid #e1e1e1;border-radius: 3px;position: absolute;top: calc(50% - 10px);left: 7px;}
#combo-program .combo-w.checked:after {opacity: 1;}
#combo-program .combo-w.checked:before {border: 1px solid #65d1e6;}
#combo-program table tr {margin-bottom: 3px;}
#combo-program table tr:first-child td { border-top:0; }
#combo-program table label {font-weight: normal;font-size: 13px;display: block;border: none;padding: 2px 5px;cursor: pointer;}
#combo-program table label:after {content: "";display: table;clear: both;}
#combo-program table label img {display: inline-block;width:85px;	float: left;}
#combo-program table label p {display: inline-block;width: calc(100% - 85px);float: left;margin-bottom: 0px;padding-left: 15px;}
#combo-program table label .discount-promotion-price b {color: #fa0303;}
#combo-program table label .discount-promotion-price del {margin-left: 5px;}
#combo-program table input {display: none;}
#combo-program table input:checked + label {color: #000;background: #fff8f8;}
#buyxgety-program {margin:20px 0;border: 2px dotted #65d1e6;padding:10px;position: relative;min-height: 100px;z-index: 0;}
#buyxgety-program .buyxgety-heading{padding:5px 10px;position: relative;padding-right:60px;}
#buyxgety-program .buyxgety-heading h3{font-size: 18px;font-weight: 600;margin: 0 0 4px;}
#buyxgety-program .buyxgety-heading:after {
	content: "";
	position: absolute;width:35px;height:35px;right: 10px;	top:6px;
	background-image: url('https://file.hstatic.net/1000308580/file/icon-gifbox_21127e78739a40a28f058e5e123d41b1.png');
	background-repeat: no-repeat;background-size: contain;
}
#buyxgety-program .modal-body{padding:15px 30px;}
.buyxgety_item {display: -webkit-flex;display: flex;padding: 5px 10px 10px;}
.buyxgety_item .buyxgety_checkbox {width:35px;float: left;padding-top:7px;}
.buyxgety_item .buyxgety_image {width: 60px;float: right;}
.buyxgety_item .buyxgety_item_title{width:calc(100% - 95px);float: right;padding-left:15px;}
.buyxgety_item .buyxgety_list_variant select{font-size: 94%; font-style: italic;min-width:110px;	outline: none; padding: 1px 15px 2px;	margin:2px 0 5px;}
.buyxgety_item .buyxgety_checkbox input[type=radio]{cursor: pointer;width:15px;height:15px;}
/* edit +++  
.pro-loop .product-img .sold-out == bottom:10 
.qty-click input.item-quantity 
table.table-cart tr td.item h3
.selector-actions
*/
.pro-loop .product-img .product_gift_label {width: 25px;position: absolute;top: 10px;right: 10px;z-index:1;}
.product-loop-special .product-col-left{position: relative;}
.product-loop-special .product-col-left .product_gift_label{position: absolute;width: 50px;top: 15px;	z-index: 2;left: 20px;}
button.btn-product-gift{width: 100%;padding: 14px 35px; font-size: 16px;}
table.table-cart tr td.item .ico-gift{display: inline-block;width: 16px;vertical-align: text-bottom;margin-left: 10px;}
@media(max-width:767px){
	.modal-productApp .modal-dialog-centered{margin:30px 10px 50px;}
	.modal-productApp .modal-header{padding-left:15px;}
	.modal-productApp .modal-header .name-combo,
	.modal-productApp .modal-header .modal-title{ font-size: 18px;}
	.modal-productApp .modal-footer .button{width:100%;margin: 0;}
	.modal-productApp .modal-footer .button + .button{margin-top:15px;}
}
/*====== POPUP CONTACT ====================================================================*/
.modal-popupContact{
	font-size: 0; text-align: center; padding: 0 !important;
	color:#333;	background: rgba(3, 17, 27, 0.7);
	-webkit-transition: opacity .35s linear;-o-transition: opacity .35s linear;transition: opacity .35s linear;
}
.modal-popupContact:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
.modal-popupContact .modal-dialog-centered {font-size:14px;display: inline-block;text-align: left;	vertical-align: middle;}
.modal-popupContact.fade .modal-dialog{-webkit-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);}
.modal-popupContact .modal-dialog-centered .modal-content {width: 100%; }
.modal-popupContact .modal-dialog-centered{ margin:30px auto 50px;}
.modal-popupContact.fade .modal-dialog-centered {
	opacity: 0;
	-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);
	-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;transition: all .2s;
}
.modal-popupContact.fade.in .modal-dialog-centered {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);	-ms-transform: scale(1);transform: scale(1);}
.modal-popupContact .close-popup-contact{
	background-color: rgba(0, 0, 0, .3);	
	height:30px;width:30px;line-height: 30px;	
	position: absolute;right: 10px;top: 10px;z-index: 2;
	border-radius: 50%;opacity: 1;text-align: center;outline: none;
}
.modal-popupContact .close-popup-contact svg{display: block;margin: auto;height: 30px;width: 14px;text-align: center;fill:#f3f3f3}
.modal-popupContact .close-popup-contact:hover{background-color: rgba(0,0,0,.6);}
.modal-popupContact.popupBanner .modal-content{background-color: transparent;width: fit-content;margin-left:auto;margin-right:auto;}
.modal-popupContact.popupForm .modal-content {
	position: relative;overflow: hidden;padding: 0;
	background-size: cover;background-repeat: no-repeat;background-color: #e6e6e6;
}
.modal-popupContact.popupForm .modal-content.lazyloaded{	background-image: url('https://file.hstatic.net/1000300454/file/bannerpopup-bkg_15bc9d9a882d42139e18f88ccb427ca9.jpg');}
.modal-popupContact.popupForm .modal-content:before{content:"";	position: absolute;top: 0;bottom: 0;right: 0;background:#f3f3f3;opacity: 0.75;}
.modal-popupContact.popupForm .modal-content:before,
.modal-popupContact.popupForm .modal-content .modal-wrapper-contact{width:58%}
.modal-popupContact.popupForm .modal-content .modal-wrapper-contact{position: relative;padding: 50px 25px 30px;float:right;}
.title-popup-contact {font-size: 24px;	margin: 0px 0px 10px;font-weight: 500;}
.message-popup-contact {margin-bottom: 25px;}
.title-adv-popup-contact {font-size: 14px;margin-bottom: 5px;}
.list-adv-popup-contact li {list-style-type: disc;margin-left: 25px;font-size: 14px;}
.popup-form-customer{margin-bottom:15px;}
.popup-form-customer .input-group {width: 100%;display: block;margin-bottom:0}
.popup-form-customer .input-group input{-moz-appearance: none;-webkit-appearance: none;appearance: none;}
.popup-form-customer .input-group input,
.popup-form-customer .input-group .input-group-addon{
	width:100%;margin-bottom:15px;
	height: 45px;padding:10px 20px;line-height: 25px;
	background: #fff;border:1px solid #e7e7e7;
}
.popup-form-customer .input-group .input-group-addon {margin-bottom:8px;font-weight: 700;color: #fff;cursor: pointer;border-color:#65d1e6;}
.popup-form-customer .input-group .input-group-addon:hover,
.popup-form-customer .input-group .input-group-addon:focus{
	background-color:#fff;border-color:#65d1e6;color:#65d1e6;
}
.popup-form-customer .succes-popup{font-size:13px;min-height: 25px; visibility: hidden;margin: 0;text-align: center;}
.popup-form-customer .succes-popup.error{visibility: visible;color: red;}
.popup-form-customer .succes-popup.success{visibility: visible;color: #27a208;}
@media (min-width: 768px) {
	.modal-popupContact .modal-dialog-centered{width:650px;}
}
@media (max-width: 767px) {
	.modal-popupContact .modal-dialog-centered{margin:35px 10px 50px;}
	.modal-popupContact.popupForm .modal-content:before, 
	.modal-popupContact.popupForm .modal-content .modal-wrapper-contact{width:100%;}
}
/*** End popup-contact.css ***/
/*---------------------------------------------------------------------------------
RESPONSIVE
---------------------------------------------------------------------------------*/
@media(min-width:992px) and (max-width:1199px){
	/*index */
	.box-banner-inf{width: 80%;	z-index:4;}
	.list-slider-banner.owl-carousel .owl-nav .owl-next{right: 65px;}
	.list-slider-banner.owl-carousel .owl-nav .owl-prev{left: 65px;}
	/*account*/
	.wrapbox-content-account{padding: 100px 60px;}
	.wrapbox-heading-account .header-page{ width:80%;}
}
@media(min-width:992px){
  .banner-slider{
    margin: 0px auto;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px;
    border-radius: 6px;
    padding: 6px 0px;
    background-color: rgb(255, 255, 255);
  }
	.wrapbox-heading-account{
		position: -webkit-sticky;position: sticky;top: 0;
		border-right: 1px solid #ededed;
		height: 100vh;	padding:0;
	}
	.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}

	/**** INDEX ****/
	.wrap-pd-infor.box_stick{
		position: -webkit-sticky;
		position: sticky!important;
		max-height:100vh;
		top: 0;
		border-right: 1px solid #ededed;
	}
	.wrap-pd-infor .inf-content{padding: 100px 15px;max-width: 80%;margin:auto;}
	/**** 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: 35px; margin: 50px; border: 1px solid rgb(218, 218, 218);}
	.wrapbox-heading-account .header-page{ width:60%;}
	.block-banner-category img{
		-webkit-transition: -webkit-transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		transition: -webkit-transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
	.block-banner-category:hover img{-ms-transform: scale(1.2);-webkit-transform: scale(1.2);transform: scale(1.2);}
	.box-banner-inf{width: 80%;	z-index:4;}
	.top-footer .area_newsletter .title_newsletter {width: 26%;}
	.wrapbox-content-search {padding: 0 100px 30px;}
	#homepage_slider:not(.owl-loaded),
	.list-slider-banner.owl-carousel:not(.owl-loaded){min-height:300px;visibility: hidden;}
}
@media(min-width:768px){
	table.table-cart tr td.remove {position:absolute;right: 25px;}
	.sidebarCart-sticky{position: -webkit-sticky;position: sticky;top:116px;}
}
@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: 35px; margin: 0 50px; border: 1px solid rgb(218, 218, 218);}
	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;}
	/* Footer */
	footer.footer .col-lg:nth-of-type(2n+1) {clear: both;}
}
@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;}
	.caption_banner {padding: 0 15px;bottom: 10px;}
	.caption_banner h3{font-size:18px;}
	/* 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: 26px 0 0;}
	.wrapper-collection-1 .pro-loop:nth-child(odd),
	.wrapper-collection-2 .pro-loop:nth-child(odd),
	#collection-body .pro-loop:nth-child(odd),
	.list-productRelated .pro-loop:nth-child(odd){	padding-right:7.5px;}
	.wrapper-collection-1 .pro-loop:nth-child(even),
	.wrapper-collection-2 .pro-loop:nth-child(even),
	#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: 25px;
    border-radius: 5px;
    border: 1px solid rgb(218, 218, 218);
    margin: 20px;
  }
	.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 {
    background: #ffffff;
    // padding: 0 15px;
  }
	.breadcrumb-shop .breadcrumb-arrows {padding: 10px 0 5px}
	/* index */
	.list-slider-banner.owl-carousel .owl-nav.disabled,
	.list-slider-banner.owl-carousel .owl-nav{display:none;}
	.list-slider-banner .caption_banner_slide{padding:10px 15px;}
	.list-slider-banner .caption_banner_slide h3{font-size:16px;}
	.wrapper-heading-home h2{font-size: 28px;}
	.wrap-collection-title h2,.wrap-collection-title .link-more{font-size:24px;}
	.wrap-collection-title.image-resize{padding-top: 0px;}
	.wrapper-home-banner .home-banner-pd {padding:0 5px;margin-bottom:0px;}
	.box-banner-inf{width: 100%;padding: 50px 15px;z-index:4;text-align: center;}
	.wrap-pd-infor.box_stick{height:50vh}
	.wrap-pd-infor .inf-content{padding:50px 30px;max-width:100%;margin:auto;}
	.box-banner-inf h2{font-size:40px;}
	.box-banner-inf a.button { margin-top: 33px;}
	#homepage_slider .owl-dots{    bottom: 8px;}
	/* product detail*/
	.product-detail-wrapper{
    padding:0 15px 0 15px;
  }
	.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;
	}
	/******* 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;}
	.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;
		display: block;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		position: relative;
		margin-bottom: 30px;
	}
	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;}
	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: 0px;	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}
	/* footer*/
	.main-footer {padding: 20px 0;}
	.footer .collapse {display: none;visibility: hidden;}
	.footer .collapse.in {display: block;visibility: visible;}
	.main-footer .footer-content {display: none;}
	.main-footer .footer-col {border-bottom: 1px solid #efefef;margin-bottom:0;}
	.main-footer .footer-title {
		line-height: 20px;
		position: relative;
		font-size: 14px;
		text-transform: uppercase;
		margin: 0px;
		padding: 10px 0;
	}
	.main-footer h4.footer-title:before {
		content: "\f107";
		font-family: "FontAwesome";
		font-size: 14px;
		position: absolute;
		top: 0px;
		right: 5px;
		text-align: center;
		line-height: 36px;
	}
	.main-footer h4.footer-title.active:before {content: "\f106";}
	.main-footer .col-lg:last-child .footer-col {border-bottom: none;}
	.breadcrumb-shop .breadcrumb-arrows li {font-size:10px;}
}

#collection-page {
    padding-bottom: 50px;
}

@media (min-width: 768px) {
    #collection-page #mores-prodct-block .mso-heading {
        font-size: 18px;
    }
}

@media (min-width: 1200px) {
    #collection-page #mores-prodct-block .slick-arrow.slick-prev {
        left: 5px;
    }

    #collection-page #mores-prodct-block .slick-arrow.slick-next {
        right: 5px;
    }
}

#collection-page .collection-banner img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#collection-page .fixed-collection-filter {
    position: relative;
    background: #fff;
    width: 100%;
}

#collection-page .fixed-collection-filter.stickied {
    position: fixed;
    opacity: 1;
    visibility: visible;
    top: 107px;
    z-index: 9;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.07);
    padding-top: 20px;
}

@media (max-width: 1199px) and (min-width: 768px) {
    #collection-page .fixed-collection-filter.stickied {
        top: 55px;
    }
}

#collection-page .collection-wrap {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

@media (max-width: 767px) {
    #collection-page .collection-wrap {
      
    }
}

#collection-page .collection-title {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

@media (max-width: 767px) {
    #collection-page .collection-title {
        font-size: 20px;
    }
    .owl-nav {
      display: none;
    }
}

#collection-page .collection-description {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
   
    margin-bottom: 30px;
    position: relative;
}

#collection-page .collection-description .collection-description-content > p, #collection-page .collection-description .collection-description-content > div {
   // text-align: center !important;
}

#collection-page .noUi-horizontal {
  height: 4px;
  width: 90%;
  border: none;
}
#collection-page .filter-here {
  // padding-left: 8px;
  // padding-right: 8px;
}
#collection-page .noUi-base .noUi-connect {
    background: linear-gradient(to left, #00FFFF, #18A0FB);
}

.product-block:hover {
    z-index: 2;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);
}

#collection-page .noUi-base .noUi-handle {
    width: 20px;
    height: 20px;
    top: -8px;
    border-radius: 50%;
}

#collection-page .noUi-base .noUi-handle:after, #collection-page .noUi-base .noUi-handle:before {
    display: none;
}

#collection-page .content-product-count {
    margin-bottom: 15px;
    font-size: 13px;
    color: #4e4e4e;
}

#collection-page .content-product-list {
  .col-md-3, .col-sm-6, .col-xs-6, .col-5 {
    padding-right: 4px;
    padding-left: 4px;
  }
}


#collection-page .content-product-list .no-product {
    width: 100%;
}

#collection-page .content-product-list .product-loop {
    width: 25%;
}

@media (max-width: 991px) {
    #collection-page .content-product-list .product-loop {
        width: 33.3333%;
    }
}

@media (max-width: 767px) {
    #collection-page .content-product-list .product-loop {
        width: 50%;
    }
}

#collection-page .content-product-list .load-more-wrap {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 30px;
}

#collection-page .content-product-list .load-more-wrap button {
    background: none;
    box-shadow: none;
    border: 1px solid #222;
    color: #222;
    text-transform: uppercase;
    padding: 6px 5px 4px;
    width: 200px;
}

#collection-page .content-product-list .load-more-wrap button:hover {
    background: #222;
    color: #fff;
}

#collection-page .collection-filter-action-wrap {
    display: none;
    padding: 0 0 10px;
}

@media (max-width: 767px) {
    #collection-page .collection-filter-action-wrap {
        display: none !important;
    }
}

#collection-page .collection-filter-action {
    background: #f7f7f7;
    padding: 20px 10px;
    justify-content: center;
    display: flex;
}

#collection-page .collection-filter-action button {
    box-shadow: none;
    border: none;
    outline: 0;
    font-weight: normal;
    margin: 0 10px;
    width: 170px;
    padding: 6px 5px 4px;
    border-radius: 3px;
    background: #222;
    color: #fff;
    transition: all .3s;
}

#collection-page .collection-filter-action button:hover {
    opacity: .9;
}

#collection-page .collection-filter-action button.disable {
    background: #7a7a7a;
    pointer-events: none;
}

// #collection-page .collection-filter {
//     display: flex;
//     flex-wrap: wrap;
//     margin: 0 -30px;
// }

@media (max-width:1023px) {
    #collection-page .collection-filter {
        // display: none;
      position: absolute;
      right: 0;
    }
}

#collection-page .collection-filter .collection-filter-block {
  width: 230px;
  height: 46px;
  margin: auto 0px;
}

@media (max-width: 1199px) {
    #collection-page .collection-filter .collection-filter-block {
        // width: 33.33333%;
    }
}

#collection-page .collection-filter .collection-filter-block .cfb-button {
    background: none;
    box-shadow: none;
    border: 1px solid #808080;
    border-radius: 30px;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 10px 20px 8px 32px;
    justify-content: space-between;
    align-items: center;
    outline: 0;
}

#collection-page .collection-filter .collection-filter-block .cfb-button.active {
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
}

#collection-page .collection-filter .collection-filter-block .cfb-button > span svg {
    width: 14px;
}

#collection-page .collection-filter .collection-filter-block .cfb-button > span > span {
    display: inline-block;
}

#collection-page .collection-filter .collection-filter-block .cfb-button svg:last-child {
    stroke: #222;
    transform: rotate(90deg);
    width: 6px;
}

#collection-page .collection-filter .collection-filter-block .cfb-dropdown {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #808080;
    box-shadow: none;
    left: 0;
    z-index: 10;
    padding-top: 0;
    margin-top: -2px;
    width: 100%;
}

#collection-page .collection-filter .collection-filter-block .cfb-dropdown .cfb-drop-head {
    background: #F7F7F7;
    padding: 10px 10px 7px;
    font-size: 13px;
}

#collection-page .collection-filter .collection-filter-block.cfb-general.cfb-vendor .cfb-dropdown > ul label {
    font-size: 11px;
}

#collection-page .collection-filter .collection-filter-block.cfb-general .cfb-dropdown > ul {
    list-style-type: none;
    padding: 10px 10px 0 10px;
    margin: 0;
    max-height: 250px;
    overflow-y: auto;
}

#collection-page .collection-filter .collection-filter-block.cfb-general .cfb-dropdown > ul > li, #collection-page .collection-filter .collection-filter-block.cfb-general .cfb-dropdown > ul .li-child {
    padding-left: 30px;
    margin-bottom: 8px;
}

#collection-page .collection-filter .collection-filter-block.cfb-general .cfb-dropdown > ul > li:last-child, #collection-page .collection-filter .collection-filter-block.cfb-general .cfb-dropdown > ul .li-child:last-child {
    margin-bottom: 0;
}

#collection-page .collection-filter .collection-filter-block.cfb-general .cfb-dropdown > ul input:checked + label:after {
    transform: rotate(-45deg) scale(1);
    opacity: 1;
}

#collection-page .collection-filter .collection-filter-block.cfb-general .cfb-dropdown > ul label {
    position: relative;
    font-weight: normal;
    margin: 0;
    background: #E4E4E4;
    font-size: 12px;
    width: 100%;
    padding: 9px 10px 7px;
    border-radius: 2px;
}

#collection-page .collection-filter .collection-filter-block.cfb-general .cfb-dropdown > ul label:before {
    content: '';
    position: absolute;
    top: 9px;
    left: -29px;
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #676767;
    border-radius: 2px;
}

#collection-page .collection-filter .collection-filter-block.cfb-general .cfb-dropdown > ul label:after {
    content: '';
    position: absolute;
    transform: rotate(-45deg) scale(0.75);
    border-width: 0 0 1px 1px !important;
    height: 5px;
    width: 9px;
    border: solid #111;
    left: -25px;
    top: 14px;
    transition: all .2s;
    border-radius: 0;
    opacity: 0;
}

#collection-page .collection-filter .collection-filter-block.cfb-price .cfb-price-wrap {
    padding: 10px 15px;
}

#collection-page .collection-filter .collection-filter-block.cfb-price .cfb-price-wrap .cfb-price-target {
    padding-bottom: 28px;
    margin: 0 -5px;
    position: relative;
}

#collection-page .collection-filter .collection-filter-block.cfb-price .cfb-price-wrap .cfb-price-target .cfb-price-from, #collection-page .collection-filter .collection-filter-block.cfb-price .cfb-price-wrap .cfb-price-target .cfb-price-to {
    position: absolute;
    top: 0%;
    font-size: 12px;
}

#collection-page .collection-filter .collection-filter-block.cfb-price .cfb-price-wrap .cfb-price-target .cfb-price-from {
    left: 0;
}

#collection-page .collection-filter .collection-filter-block.cfb-price .cfb-price-wrap .cfb-price-target .cfb-price-to {
    right: 0;
}

#collection-page .collection-filter .collection-filter-block.cfb-size ul span {
    text-transform: uppercase;
    font-size: 12px;
    color: #4c4c4c;
    font-weight: 500;
}

@media (min-width: 1200px) {
    #collection-page .collection-filter .collection-filter-block.cfb-size .cfb-dropdown {
        width: calc(100% - 60px);
    }
}

#collection-page .collection-filter .collection-filter-block.cfb-size.two-layouts input[name="cfb-psize-filter"]:checked + label + .sub-size-filter {
    display: block;
}

#collection-page .collection-filter .collection-filter-block.cfb-size.two-layouts .sub-size-filter {
    display: none;
    padding: 8px 0 0 0;
    margin: 0;
    list-style-type: none;
}

#collection-page .collection-filter .collection-filter-block.cfb-size.two-layouts .sub-size-filter > li {
    padding-left: 40px;
    margin-bottom: 8px;
}

#collection-page .collection-filter .collection-filter-block.cfb-size.two-layouts .sub-size-filter > li:last-child {
    margin-bottom: 0;
}

@media (min-width: 1200px) {
    #collection-page .content-product-list {
      padding-left: 7.5px;
      padding-right: 7.5px;
    }
    #collection-page .collection-filter .collection-filter-block.cfb-size.two-layouts .cfb-dropdown {
        width: 150%;
    }

    #collection-page .collection-filter .collection-filter-block.cfb-size.two-layouts .cfb-dropdown > ul {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        padding-right: 0;
    }

    #collection-page .collection-filter .collection-filter-block.cfb-size.two-layouts .cfb-dropdown > ul > div {
        width: 50%;
        padding: 0 10px;
    }
}

#collection-page .collection-filter .collection-filter-block.cfb-sort ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    padding: 10px;
}

#collection-page .collection-filter .collection-filter-block.cfb-sort ul li {
    margin-bottom: 8px;
}

#collection-page .collection-filter .collection-filter-block.cfb-sort ul li:last-child {
    margin-bottom: 0;
}

#collection-page .collection-filter .collection-filter-block.cfb-sort ul input:checked + label {
    background: rgba(0, 126, 255, .08);
}

#collection-page .collection-filter .collection-filter-block.cfb-sort ul label:hover{
    background: rgba(0, 126, 255, .05);
}

#collection-page .collection-filter .collection-filter-block.cfb-sort ul label {
    font-weight: normal;
    margin: 0;
    font-size: 12px;
    width: 100%;
    padding: 9px 10px 7px;
    border-radius: 2px;
    cursor: pointer;
}

#collection-page .mobile-colelction-filter-action {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    z-index: 10;
    padding-left: 9px;
    padding-right: 9px;
}

@media (min-width: 768px) {
    #collection-page .mobile-colelction-filter-action {
        display: none;
    }
}

#collection-page .mobile-colelction-filter-action button {
    margin: 0 6px;
    background: #F2F2F2;
    border: 1px solid #7A7A7A;
    border-bottom: none;
    color: #222;
    box-shadow: none;
    outline: 0;
    width: 50%;
    padding: 7px 10px 5px;
}

#collection-page .mobile-colelction-filter-action button svg {
    width: 16px;
    height: 16px;
}

#collection-page .mobile-colelction-filter-action button svg path {
    fill: #7a7a7a;
}

#collection-page .mobile-colelction-filter-action button.active {
    background: #222;
    color: #fff;
}

#collection-page #collection-filter-popup .modal-header, #collection-page #collection-sort-popup .modal-header {
    padding: 8px 5px 8px 10px;
}

#collection-page #collection-filter-popup .modal-header h4, #collection-page #collection-sort-popup .modal-header h4 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 5px 0 0 0px;
}

#collection-page #collection-filter-popup .modal-body, #collection-page #collection-sort-popup .modal-body {
    padding: 0;
}

#collection-page #collection-filter-popup .modal-footer button, #collection-page #collection-sort-popup .modal-footer button {
    font-size: 16px;
    text-align: center;
    background: none;
    line-height: 1.6;
    border: 1px solid #000;
    border-radius: 9999px;
    width: 100px;
    display: inline-block;
    height: 40px;
    align-content: center;
}

#collection-page #collection-filter-popup .modal-footer button:hover, #collection-page #collection-sort-popup .modal-footer button:hover {
    opacity: .9;
}

#collection-page #collection-filter-popup .modal-footer button.disable, #collection-page #collection-sort-popup .modal-footer button.disable {
    background: #7a7a7a;
    pointer-events: none;
}

#collection-page #collection-filter-popup input:checked + label:after, #collection-page #collection-sort-popup input:checked + label:after {
    opacity: 1;
}

#collection-page #collection-filter-popup label, #collection-page #collection-sort-popup label {
    position: relative;
    padding-left: 33px;
    display: flex;
    align-items: center;
    cursor: pointer;
    line-height: 18px;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 0;
    color: #252a2b;
}

#collection-page #collection-filter-popup label:before, #collection-page #collection-sort-popup label:before {
    content: '';
    position: absolute;
    left: 0;
    width: 23px;
    height: 23px;
    border: 2px solid #D7D7D7;
    background: #fff;
    border-radius: 20px;
}

#collection-page #collection-filter-popup label:after, #collection-page #collection-sort-popup label:after {
    position: absolute;
    content: '';
    border-radius: 20px;
    height: 15px;
    width: 15px;
    background-color: #CBCBCB;
    margin: 9px 0 0 4px;
    left: 0;
    top: -7.5px;
    transition: all .2s;
    opacity: 0;
}

#collection-page .mobile-collection-sort {
    padding: 15px 10px 5px;
}

#collection-page .mobile-collection-sort ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}

#collection-page .mobile-collection-sort ul > li {
    display: block;
    width: 100%;
    padding-left: 30px;
    margin-bottom: 10px;
}

#collection-page .mobile-collection-filter .noUi-horizontal {
    height: 4px;
    border: none;
}

// #collection-page .mobile-collection-filter .noUi-base .noUi-connect {
//     background: #4E4E4E;
// }

#collection-page .mobile-collection-filter .noUi-base .noUi-handle {
    width: 15px;
    height: 15px;
    right: -7px;
    top: -6px;
    border-radius: 50%;
}

#collection-page .mobile-collection-filter .noUi-base .noUi-handle:after, #collection-page .mobile-collection-filter .noUi-base .noUi-handle:before {
    display: none;
}

#collection-page .mobile-collection-filter .cfb-price .cfb-price-wrap {
    padding: 10px 15px;
}

#collection-page .mobile-collection-filter .cfb-price .cfb-price-wrap .cfb-price-target {
    padding-bottom: 28px;
    margin: 0 -5px;
    position: relative;
}

#collection-page .mobile-collection-filter .cfb-price .cfb-price-wrap .cfb-price-target .cfb-price-from, #collection-page .mobile-collection-filter .cfb-price .cfb-price-wrap .cfb-price-target .cfb-price-to {
    position: absolute;
    top: 0%;
    font-size: 12px;
}

#collection-page .mobile-collection-filter .cfb-price .cfb-price-wrap .cfb-price-target .cfb-price-from {
    left: 0;
}

#collection-page .mobile-collection-filter .cfb-price .cfb-price-wrap .cfb-price-target .cfb-price-to {
    right: 0;
}

#collection-page .mobile-collection-filter .collection-filter-block {
    overflow: hidden;
}

#collection-page .mobile-collection-filter .collection-filter-block:last-child {
    border-bottom: none;
}

#collection-page .mobile-collection-filter .collection-filter-block .cfb-button {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    padding: 22px;
    outline: 0;
}

#collection-page .mobile-collection-filter .collection-filter-block .cfb-button.active svg {
    transform: rotate(90deg);
}

#collection-page .mobile-collection-filter .collection-filter-block .cfb-button svg {
    stroke: #222;
    width: 6px;
    transition: all .4s;
}

#collection-page .mobile-collection-filter .collection-filter-block .cfb-button .cfb-mobile-count {
    font-weight: normal;
    font-size: 12px;
    color: #7a7a7a;
}

#collection-page .mobile-collection-filter .collection-filter-block .cfb-dropdown {
    display: none;
}

#collection-page .mobile-collection-filter .collection-filter-block .cfb-dropdown > ul {
    // padding: 0;
    // margin: 0;
    // list-style-type: none;
    // display: flex;
    // flex-wrap: wrap;
}

#collection-page .mobile-collection-filter .collection-filter-block .cfb-dropdown > ul > li, #collection-page .mobile-collection-filter .collection-filter-block .cfb-dropdown > ul .li-child, .sub-list li {
    position: relative;
    line-height: 20px;
    font-size: 12px;
    margin-left: 24px;
    margin-right: 28px;
    padding: 17px 0;
    align-content: center;
}

#collection-page .mobile-collection-filter .collection-filter-block .cfb-dropdown > ul > li .sub-size-filter, #collection-page .mobile-collection-filter .collection-filter-block .cfb-dropdown > ul .li-child .sub-size-filter {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: block;
    overflow: hidden;
    margin-top: 10px;
    margin-left: -7px;
}

#collection-page .mobile-collection-filter .collection-filter-block .cfb-dropdown > ul > li .sub-size-filter > li, #collection-page .mobile-collection-filter .collection-filter-block .cfb-dropdown > ul .li-child .sub-size-filter > li {
    display: block;
    width: 100%;
    padding-left: 30px;
    margin-bottom: 10px;
}

#collection-page .mobile-collection-filter .collection-filter-block.cfb-size .cfb-dropdown > ul {
    
}

#collection-page .mobile-collection-filter .collection-filter-block.cfb-size .cfb-dropdown > ul span {
    text-transform: uppercase;
    font-size: 12px;
    color: #4c4c4c;
    font-weight: 500;
    display: block;
    margin-bottom: 10px;
}

#collection-page .mobile-collection-filter .collection-filter-block.cfb-size .cfb-dropdown > ul > div {
    width: 100%;
}

#collection-page .mobile-collection-filter .collection-filter-block.cfb-size .cfb-dropdown > ul > div > div {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

#collection-page .mobile-collection-filter .collection-filter-block.cfb-size.two-layouts .cfb-dropdown > ul {
    display: flex;
    flex-wrap: wrap;
}

#collection-page .mobile-collection-filter .collection-filter-block.cfb-size.two-layouts .cfb-dropdown > ul > div {
    width: 50%;
}

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

::-moz-selection { /* Code for Firefox */
 
  //background: none;
}

::selection {
 
  //background: none;
}
.gxemthem{
    color: rgb(255, 255, 255);
    font-size: 16px;
    text-align: center;
    line-height: 1.6;
    background: #000;
    display: inline-block;
    padding: 5px 60px;
    text-transform: uppercase;
}
#collection-page .collection-title {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-top: 20px;
    font-family: "Playfair Display", serif !important;
    color: rgb(0, 0, 0);
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
}
.collection-filter-action-wrap{
display:none
}

#collection-page .mobile-collection-filter .collection-filter-block .cfb-button {
   
    background: #F8F8F8;
    border: none;
}
.headerx{
margin-bottom:5px;
}

body,html{
    overflow-x: hidden;
}
// .sub_menu.themegamenu{
// 	min-width:100% !important
// }

.cat_tags {
}
.cat_tags a {
  display: inline-block;
 background: rgb(227,109,41);
background: linear-gradient(90deg, rgba(227,109,41,1) 0%, rgba(173,43,43,1) 100%);
  border-radius: 3px;
  padding: 0px 10px;
  cursor: pointer;
  margin-right: 5px;
  color: #fff;height:30px;line-height:30px;
  margin-bottom: 5px;font-size:13px;transition:0.25s all;-webkit-transition:0.25s all;
}
.cat_tags a:hover{
color:rgba(255,255,255,0.8);
background: rgb(227,109,41);
background: linear-gradient(90deg, rgba(173,43,43,1) 0%, rgba(227,109,41,1) 100%);

}
.image-grid__card-wrapper{
	display:flex;
  
  .banner-content{
    display:flex;
    justify-content:center;
    align-items: center;

    img{
      display: block;
      width: 70px;
      margin-left: auto;
      margin-right: auto;
    }
    
    a{
      text-align: center;
    }
  }
}
.banner-3:first-child {
  margin-left: unset;
}
.banner-3:last-child {
  margin-right: unset;
}

.banner-2 {
  margin: 0 6px;
  width: calc(50% - 3px);
}
.banner-2:first-child {
  margin-left: unset;
}
.banner-2:last-child {
  margin-right: unset;
}
.image-grid__card-wrapper a{
text-decoration: none;
}
.h6.text-uppercase{
	font-size:14px;
}
.mgzvc{
	margin-top:30px;
	margin-bottom:30px;
}
@media (max-width:767px){
	.image-grid__card-wrapper {
    display: flex;
  }
	.image-grid__card-wrapper > div{
   // width: 100% !important;
  }
	.image-grid__card{
		// display:flex
	}
	.image-grid__card > *{
		width:50%
	}
	.image-grid__card > img{
		width:100%;
    height: auto;
	}
	.image-grid__card > .bannerz-video{
		width:65% !important;
    height: 100% !important;
	}
	.image-grid__card > div{
		width:35%
	}
	.h6.text-uppercase {
    font-size: 12px;
    margin: 0;
    margin-bottom: 10px;
  }
	.image-grid__card > div{
		// padding-left:15px
	}
}
.bannerso2{
	margin-bottom:30px
}
.nhaynhay  a{
	color:#fff
}
.theicon{
	width:30px
}

.ega-pd-frame img{
	    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    z-index: 9;
}
.cat_tags  {
	margin-bottom:20px
}
.cat_tags  a.active{
	    border: 2px solid yellow;
}

.tagclik{
	    text-align: center;
    font-size: 30px;
}

.header-action_text .header-action__link:hover .box-icon .count{
	color:#b4282b;
}
.button.dark {
    color: #fff;
    border-color: #c21935;
}
.button.dark:before {
    background-color: #c21935;
}
.mainHeader_temp02:not(.hSticky-nav) #nav .main-nav > ul>li>a:hover,#nav nav.main-nav ul li a:hover {
    color: #b4282b;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,.gxemthem:hover {
    color: #b4282b;
}

.pro-price.highlight span,.pro-price span,.pro-pricemobile{
	color:#b4282b;
}
#mobileNAV{
display:none
}


.collection-description-content {
    line-height: 1.6;
    font-size: 16px;
}
.banner-content{
		width: calc(100%/4);
}
.image-grid__card-wrapper div div{
		width: 100%;
}
.quick-register{
		position: fixed;
		right: 0;
		display: flex;
		bottom: 219px;
		-webkit-transition: -webkit-transform .2s;
		transition: -webkit-transform .2s;
		transition: transform .2s;
		transition: transform .2s, -webkit-transform .2s;
		z-index: 3000;
		width: 650px;
		height: 320px;
}

.quick-register-hide {
    -webkit-transform: translateX(614px);
    transform: translateX(614px);
	
}


.quickg-outside{
		background-color: ;
		position: relative;
		display: inline-block;
		width: 36px;
		height: 320px;
		color: #fff;
}

.quickg-inside{
	background: url() 0% 0% / cover no-repeat;
		width: 614px;
		height: 320px;
		position: relative;
}

.svgicon-arrow-left{
		display: block;
		width: 14px;
		height: 14px;
		-webkit-transition: -webkit-transform .2s;
		transition: -webkit-transform .2s;
		transition: transform .2s;
		transition: transform .2s, -webkit-transform .2s;
		text-align: center;
		margin: 10px auto;
		color: ;
	  transform: rotate(0deg);
		background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 class=%27icon%27 viewBox=%270 0 1024 1024%27%3E%3Cdefs%3E%3Cstyle/%3E%3C/defs%3E%3Cpath fill=%27%23fff%27 d=%27M725.333 0v42.667h-42.666v42.666H640V128h-42.667v42.667h-42.666v42.666H512V256h-42.667v42.667h-42.666v42.666H384V384h-42.667v42.667h-42.666v42.666H256v85.334h42.667v42.666h42.666V640H384v42.667h42.667v42.666h42.666V768H512v42.667h42.667v42.666h42.666V896H640v42.667h42.667v42.666h42.666V1024H768V0z%27/%3E%3C/svg%3E");

}
.outside-txt{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 270px;
		height: 36px;
		line-height: 36px;
		text-align: center;
		letter-spacing: 5px;
		font-size: 22px;
		color: ;
		font-weight: 700;
		text-transform: uppercase;
		-webkit-transform: translate(-50%,-50%) rotate(-90deg);
		transform: translate(-50%,-50%) rotate(-90deg);
		overflow: hidden;
}

.voucher-ticket{
		cursor: default;
		width: fit-content;
    display: flex;
    align-items: center;
	  height: 100%;
    position: relative;
    background: rgb(246, 145, 19);
    padding: 2px;
		font-size: 12px;
		font-weight: 700;
		color: white;
		
}
.pro-loop .product-badge-new {
    position: absolute;
    top: 5px;
    right: 9px;
    color: #f94c43;
    padding: 0 !important;
    border: none;
    left: initial;
}

.pro-loop .product-block .product-badge-new span{
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 12px;
    position: relative;
    background: #911710;
    width: 40px;
    height: 25px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
    border-radius: 5px;
}

.pro-loop .ribbon {
    position: absolute;
    top: 0;
    right: 5px;
    padding: 0 !important;
    border: none;
    left: initial;
    text-align: center;
    width: 40px;
}

.pro-loop .product-block .ribbon span{
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 10px;
    position: relative;
    background: rgb(149, 19, 41);
    height: 32px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
}


  .ribbon2:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    bottom: -19.5px;
    left: 0;
    border-left: 20px solid rgb(149, 19, 41);
    border-right: 20px solid rgb(149, 19, 41);
    border-bottom: 20px solid transparent;
  }   



#modal-container {
	 position: fixed;
	 display: table;
	 height: 100%;
	 width: 100%;
	 left: 0;
	 transform: scale(0);
	 z-index: 1;
}
#modal-container.modal-active {
	 overflow: hidden;
}

#modal-container.four {
	 z-index: 10000000;
	 transform: scale(1);
}
#modal-container.four.out{
	 z-index: -1;
	 transform: scale(1);
}

 #modal-container.four .modal-background {
	 background: rgba(0, 0, 0, .8);
}
 #modal-container.four .modal-background .popup_modal {
	 animation: blowUpModal 1.05s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.four + .content {
	 z-index: 1;
	 animation: blowUpContent 1.05s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.four.out .modal-background .popup_modal {
	 animation: blowUpModalTwo 1.05s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container.four.out + .content {
	 animation: blowUpContentTwo 1.05s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
 #modal-container .modal-background {
	 display: table-cell;
	 background: rgba(0, 0, 0, .8);
	 text-align: center;
	 vertical-align: middle;
}
#modal-container .modal-background .popup_modal {
	 display: inline-block;
	 position: relative;
}
#modal-container .modal-background .popup_modal #icon-close{
		background: url(//theme.hstatic.net/1000402464/1000724557/14/fancybox_sprite.png?v=1363) top left no-repeat;
    position: absolute;
    top: -15px;
    right: -15px;
    width: 35px;
    height: 35px;
}

 .content {
	 min-height: 100%;
	 height: 100%;
	 background: white;
	 position: relative;
	 z-index: 0;
}
 .content .buttons .button {
	 display: none;
	
}


@keyframes blowUpContent {
  0% {
    transform:scale(1);
    opacity:1;
  }
  99.9% {
    transform:scale(2);
    opacity:0;
  }
  100% {
    transform:scale(0);
  }
}

@keyframes blowUpContentTwo {
  0% {
    transform:scale(2);
    opacity:0;
  }
  100% {
    transform:scale(1);
    opacity:1;
  }
}

@keyframes blowUpModal {
  0% {
    transform:scale(0);
  }
  100% {
    transform:scale(1);
  }
}

@keyframes blowUpModalTwo {
  0% {
    transform:scale(1);
    opacity:1;
  }
  100% {
    transform:scale(0);
    opacity:0;
  }
}

.sticky{
	position: fixed;
	right: 20px;
	bottom: 280px;
	display: flex;
	z-index: 100;
	animation: wiggle_sticky 2s 2s linear infinite;

}
.modal_sticky{
	width: 80px; 
	height: 80px; 
	display: flex; 
	justify-content: center; 
	align-items: center; 
	border-radius:5px;
}
@media (max-width: 767px){
	.modal_sticky {
		width: 40px;
		height: 40px;
	}
}

@media (max-width: 991px){
	.modal_sticky {
		width: 40px;
		height: 40px;
	}
}

@keyframes wiggle_sticky {
  0%, 7% {
    transform: rotateZ(0);
  }
  15% {
    transform: rotateZ(-15deg);
  }
  20% {
    transform: rotateZ(10deg);
  }
  25% {
    transform: rotateZ(-10deg);
  }
  30% {
    transform: rotateZ(6deg);
  }
  35% {
    transform: rotateZ(-4deg);
  }
  40%, 100% {
    transform: rotateZ(0);
  }
}
.vl_3_sub_menu{
  font-weight:normal !important;
  margin-left: 20px !important;
  font-size: 13px !important;
}
.li_3_sub_menu{
  border-top: none !important;
}
.pt-3{
  padding-top: 1rem;
}
.mt-3{
  margin-top: 1rem;
}
.collection-1 {
  padding-left: 10px;
  padding-right: 10px;
  
  .col-sm-3, .col-xs-4, .col-xs-6 {
    padding-right: 5px;
    padding-left: 5px;
  }
}
.filter-row {
  width: 100%;
  padding-bottom: 40px;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  align-items: center;
  
  .list-layout {
    width: 35px;
    height: 35px;
    margin: auto 0px;
    background-color: transparent;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
  }
  .active {
    background-color: rgba(102, 102, 102, 0.1);
  }
}

.count-total {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: end;
  font-size: 24px;
  font-weight: lighter;
}

#rmobile .count-total {
 margin: 20px 0;
font-size: 18px;
}

.filter-row > :nth-child(n+2) {
    margin-left: 12px;
}
.Select-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 7px 7px 2.5px;
  border-style: solid;
  border-color: #999 rgba(0,0,0,0) rgba(0,0,0,0);
}

.cfb-button[aria-expanded=true] .Select-arrow {
    border-width: 2.5px 7px 7px;
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #999;
}
.recommend-tabs{
  border-radius: 5px;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  padding-top: 24px;

  .nav-tabs>li>a {
    span {
      color: rgb(195, 186, 193);
      display: block;
      font-size: 20px;
      font-weight: 700;
      text-transform: none;
    }
  }
  
  .nav-tabs>li.active>a {
    border: 0;
    span {
      border-bottom: 2px solid black;
      padding-bottom: 8px;
      display: block;
      font-size: 20px;
      font-weight: 700;
      color: #0a0101;
      text-transform: none;
    }
  }
  .list-productRelated{
    margin-bottom: 40px;
  }
  .nav-tabs>li>a:hover {
    border-color: transparent;
  }
  .nav>li>a:hover {
    background-color: transparent;
  }

  .nav-tabs {
    display: flex;
    justify-content: center;
    border-bottom: 0;
  }


  .row {
    margin: 0;
  }
  
}





.mini-banner{
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}

.header-upper-logo {
  align-content: center;
}

.map-box-bg {
	margin: 15px 0 30px;
	background: #fff;
	padding: 15px;
}
.page-store-title {
	font-size: 26px;
	margin: 0 0 30px;
}

.map-box-bg .address-map {
	background: #f8f8f8;
	padding: 20px;
	width: 100%;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	margin-bottom: 30px;
}
.address-map select {
	display: inline-block;
	min-width: 60px;
	max-width: 100%;
	height: auto;
	border-radius: 4px;
	box-shadow: 0 0 0 0 transparent inset;
	padding: .6em .8em;
	color: #444444;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNjE2MTYxIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMzAgMjQiIHdpZHRoPSIzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy40MSA3Ljg0TDEyIDEyLjQybDQuNTktNC41OEwxOCA5LjI1bC02IDYtNi02eiIvPjxwYXRoIGQ9Ik0wLS43NWgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==") no-repeat right center;
	outline: none;
	width: 100%;
	border: 1px solid #d7d7d7;
	text-indent: 5px;
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.map-box-bg .flex-box{
	display:flex;
	flex-wrap:wrap;
}
.map-box-bg .flex-box:before, .map-box-bg .flex-box:after {display:none;}
.map-box-bg .img-map {
    height: 100%;
}
.map-box-bg .img-map iframe {
    width: 100%;
    height: calc(100% - 30px);
    border: none;
    min-height: 300px;
}
.map-box-bg .address-cont {
    overflow: auto;
    max-height: 415px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 4px;
}
.map-box-bg .address-cont::-webkit-scrollbar {
  width: 3px;
  height: 5px;
  background-color: #aaa; 
}
.map-box-bg .address-cont::-webkit-scrollbar-thumb {
  background: #000; 
}
.address-link li {
    padding-left: 14px;
    border: 1px solid #f5f5f5;
    border-top: 0;
    background: #fff;
}
.address-link li a{
	color: #444;
	display: block;
	font-size: 14px;
	line-height: 18px;
	width: 100%;
	padding: 8px 0;
	position: relative;
}
.address-link li a b{
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    padding: 0;
}
.address-link li a span{
	display:block;
	margin:0 0 2px;
}
.address-link li a i{width:12px;margin-right:5px;}
.address-link li .infoLocation {
	padding: 0 0 8px;
	display: flex;
	align-items: center;
}
.address-link li .infoLocation span{
	margin:0 0 0 4px;
	text-decoration:underline;
}

.order-invoice-block{margin-top:15px;}
.order-invoice-block .checkbox {
	margin: 5px 0;
	position: relative; 
}
.order-invoice-block .checkbox > .title {
	font-size: 14px;
	padding-left: 40px;
	vertical-align: text-top;
	margin-bottom: 0;
	display: block;
	font-weight: bold; 
}
.order-invoice-block .checkbox .regular-checkbox {
	display: none; 
}
.order-invoice-block .checkbox .regular-checkbox + .box {
	border: 2px solid #000;
	padding: 9px;
	border-radius: 50%;
	opacity: 0.25;
	display: inline-block;
	background: transparent;
	margin-bottom: 0;
	position: absolute;
	left: 5px; }
.order-invoice-block .checkbox .regular-checkbox + .box:after {
	content: '\2714\fe0e';
	font-size: 13px;
	position: absolute;
	top: 0px;
	left: 4px;
	color: #000; }
.order-invoice-block .checkbox .regular-checkbox:checked + .box {
	background: #000;
	opacity: 1; 
}
.order-invoice-block .checkbox .regular-checkbox:checked + .box:after {
	color: #ffffff; }
.order-invoice-block .bill-field {
	display: none;
	margin-top: 20px; }
.order-invoice-block .bill-field:before, .order-invoice-block .bill-field:after {
	content: "";
	display: table;
	clear: both; }
.order-invoice-block .bill-field .form-group {
	margin-bottom: 15px;
	float: left;
	width: calc(100%/3 - 15px);
	margin-right: 15px; }
.order-invoice-block .bill-field .form-group:nth-child(4) {
	width: calc(100% - 15px); }
.order-invoice-block .bill-field .form-group input {
	font-size: 12px;
	height: 40px;
	color: #000000;
	box-shadow: none;
	background-clip: padding-box;
	border-radius: 2px;
	border: 1px solid #eae4e8;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none; }
.order-invoice-block .bill-field .form-group input[type=number]::-webkit-outer-spin-button,
.order-invoice-block .bill-field .form-group input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0; }
.order-invoice-block .bill-field .form-group input[type=number] {
	-moz-appearance: textfield; }
.order-invoice-block .bill-field .form-group .text-danger {
	margin-top: 5px;
	display: block;
	font-size: 11px;
	color: #ff0000; }
.order-invoice-block .bill-field .form-btn .btn-save {
	display: inline-block;
	padding: 0 24px;
	height: 40px;
	line-height: 40px; 
	border-radius: 20px;
	background-color: #000;
	color:#fff;
	border: 0;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.blog-col {
  padding: 30px 0;
  // background-color: rgb(254 241 249);
}