@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@font-face {font-family:'Montserrat'}
@font-face {
	font-family: 'FontAwesome';
	src: url('//cdn.hstatic.net/themes/200000516795/1001467135/14/fontawesome.eot?v=464');
	src: url('//cdn.hstatic.net/themes/200000516795/1001467135/14/fontawesome.eot?v=464') format('embedded-opentype'), url('//cdn.hstatic.net/themes/200000516795/1001467135/14/fontawesome.woff?v=464') format('woff'), url('//cdn.hstatic.net/themes/200000516795/1001467135/14/fontawesome.ttf?v=464') format('truetype'), url('//cdn.hstatic.net/themes/200000516795/1001467135/14/fontawesome.svg?v=464') format('svg');
	font-weight: normal;"
	font-style: normal;
} 
*{font-family:'Montserrat',sans-serif!important}
.fa {font-family: 'FontAwesome'!important;}

html {
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust:none;
  -ms-text-size-adjust:100%;
  scroll-behavior:smooth;
}
[id] {
  scroll-margin-top: 20px;
}
img {
  max-width: 100%;
  border-radius: 1rem;
}
body {
	border :0;
  line-height:1.4;
	font-size: 1.4rem;
	color: #0d2445;
	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:#0d2445; margin: 0 0 1.3rem 0;  font-weight:500;line-height:1.2}
h1 { font-size: 3.6rem; }
h2 { font-size: 2.8rem;}
h3 { font-size: 2.4rem;}
h4 { font-size: 1.3rem; line-height: 1.4; }
h5 { font-size: 1.2rem; line-height: 1.5; }
h6 { font-size: 1rem; line-height: 1.8; text-transform:uppercase; }
p { margin: 0 0 1rem 0; line-height: 1.5}
/* 1.5 - Links and Buttons */
a {color:#0d2445;text-decoration: none; outline: none; transition: all 0.2s ease-in-out;}
a:hover,a:focus{color:#0d2445;text-decoration: none; outline: none;}	
a:active {outline: none;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#0d2445;line-height: 1.1; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color:#0d2445;}
/* 1.6 - Tables */
table { width: 100%; border-spacing: 0; }
table tr td { border-top: 0px transparent ; }
table tr td, table tr th { padding: 1rem; text-align: left; }
table tr td:first-child, table tr th:first-child { padding-left: 0rem; }
table tr td:last-child, table tr th:last-child { padding-right: 0rem; }
strong { font-weight: 700; }
em { font-style: italic; }
/* 2.3 - Lists */
ul{	padding: 0;list-style-type:none;}
ul.horizontal > li, ol.horizontal > li { display: block; float: left; }
ul.expanded > li, ol.expanded > li { margin-bottom: 1rem; }
a{transition: opacity 150ms linear, color 150ms linear, background 150ms linear;}
:root {
	--header-height: 117px;
	--header-mobile-height: 123px;
}
input:focus {outline: none;}
.ratiobox {position: relative;display: block;}
.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";
	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);}
main.main-index{position: relative;	z-index:99;}
.heading-page h1{font-weight: 700;margin-bottom: 3rem;}
.sitebox-recaptcha {padding: 0.6rem 0 0;text-align: left;color: #9e9e9e; font-size: 1.3rem; clear: both;}
.sitebox-recaptcha a {color: #2962ff;}
.pd-page {padding-top: 3rem;}
.main-body {position: relative;}
/*----------------BUTTON----------------*/
.button {
	font-weight: 600;
  position: relative;
	display: inline-block;
	padding: 1rem 2.8rem;
	line-height: normal;
	border: 1px solid #ffffff;
	border-radius: 50px;
	text-transform: uppercase;
	font-size: 1.2rem;
	text-align: center;
	letter-spacing: 1px;
	background-color: transparent;
	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: #0d2445;
	overflow: hidden;
}
.button:before {
	position: absolute;
	content: '';
	display: block;
	left: -2px;
	top: 0;
	right: -2px;
	bottom: 0;
	transform: scale(1, 1);
	transform-origin: left center;
	z-index: -1;
	background-color: #ffffff;
	transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.button:hover {color:#fff;}
.button.dark {
  color: #fff;
  border-color: #0d2445;
}
.button.dark:before {background-color:#0d2445;}
.button.dark:hover {color:#0d2445;}
.button.home-button {
  display: block;
  margin: 2rem auto 3rem auto;
}
.button.dark-secondary {
  color: #fff;
  border-color: #db9727;
}
.button.dark-secondary:before {background-color: #db9727;}
.button.dark-tertiary {
  border-color: #db9727;
  background-color: #0d2445;
}
.button.dark-tertiary a {color: #fff;}
.button.dark-tertiary:before {background-color: #db9727;}
.button.dark-tertiary:hover {background-color: #0d2445;}
.button:hover:before {
	transform-origin: right center;
	transform: scale(0, 1);
}
button:focus{border-color: transparent; outline: none;}
/*----------------HEADER----------------*/
.search-bar-mobile {display: none;padding: 0.5rem;position: relative;}
.search-bar-mobile form.searchform{position: relative;}
.search-bar-mobile form.searchform input.searchinput {
  border-radius: 10px;
  padding: 0 4rem 0 1rem;
  height: 32px;	
  font-size: 1.2rem;}
.search-bar-mobile form.searchform .btn-search {top: 0px;	right:0px;width: 40px;height: 32px;	line-height: 2.2;}
.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:#0d2445;}
.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 #0d2445;}
.search-bar-mobile .smart-search-wrapper{
	position: absolute;right:0px;left:0px;top:100%;	z-index: 100;
	width:initial;background: #fff;padding: 0 0.5rem;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
} 
/*--------------------- Menu Desktop ---------------------*/
.menu-desktop {position:relative;}
#nav .main-nav * {
	backface-visibility: hidden;
}
#nav nav.main-nav ul li a {color:#0d2445;}
#nav nav.main-nav ul li a:hover {color:#db9727;}
#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: 1.5rem;
	font-weight: 400;	padding: 1rem 0 1.5rem;
	margin: 0 1.2rem;	position: relative;
}
#nav .main-nav > ul>li>a:before {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	transform: scale(0, 1);
	transform-origin: left center;
	border-bottom: 2px solid #db9727;
	transition: transform 0.3s, opacity 0.3s;
}
#nav .main-nav > ul>li>a:hover:before, 
#nav .main-nav > ul>li.active>a:before {	opacity: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: 0.9rem;
	margin-left: 0.4rem;
	margin-bottom: 0.2rem;
}
#nav .main-nav .sub_menu {
	background: #fff;
	border-radius: 10px;
  position: absolute;
	z-index:999;min-width:120px;
	box-shadow:2px 4px 12px rgba(0,0,0,.1);
	transform: rotate3d(1,0,0,-90deg);
	transform-origin: 0 0 0;
	transition: all .5s ease;
}
#nav .main-nav .sub_menu li:hover {background-color: #edebe9;}
#nav .main-nav ul>li>ul {top: 100%;margin-top: -0.2rem;border-top:2px solid #5c5c5c;}
#nav .main-nav li:hover>.sub_menu {transform: rotate3d(0,0,0,0deg);
}
#nav .main-nav .sub_menu a {padding: 0.9rem 1.8rem;white-space: nowrap;	text-align: left;	display: block;	font-size: 1.4rem;}
#nav .main-nav .sub_menu .sub_menu {
	left: 100%;top: -2px;margin-left: 0rem;margin-top: 0;
	transform: rotate3d(0,1,0,90deg)
}
#nav .main-nav ul>li:hover>a i {
	margin-bottom: 0;
	transform: rotate(180deg);
  transition: transform 0.3s ease;
}
#nav .main-nav ul li .sub_menu li{position: relative}
/*----------------HEADER----------------*/
.topbar {font-size: 1.2rem;}
.topbar p {padding: 0.4rem 0;margin-bottom: 0;}
.main-header.hSticky-nav .topbar{display:none}
.flexContainer-header>div[class*='header-upper-'] {padding: 0 0.75rem;}
.header-upper-navbar .header-action {display: inline-block;vertical-align: middle;}
.header-upper-navbar .header-action_backlink {
	display: none;
	padding-left: 0.2rem;
	margin-right: 0.5rem;
}
.header-upper-navbar .header-action_backlink a {
	display: block;
	font-size: 2.8rem;
	color:#fff;
}
.header-wrap-icon .header-action {
	transition: opacity 150ms linear;
	display: flex;
	align-items: center;
}
.header-action_text .header-action__link {
	font-size: 1.3rem;
	background-color: transparent;
	border: 0;
	padding: 0 0.5rem;
}
.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: 0.2rem;}
.header-action_text .header-action__link .box-text .txtbl{font-size: 1.4rem;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: 1.6rem;vertical-align: middle;	margin-left: 0.3rem;}
.header-action_text .header-action__link .box-icon{position: relative;width:32px;height:40px;text-align: center;}
.header-action_text .header-action__link .box-icon svg{width:22px;height:40px;fill: #ffffff;}
.header-action_text .header-action__link .box-icon svg.svg-ico-cart{height: 38px;fill: #ffffff;}
.header-action_text .header-action__link .box-icon svg.svg-ico-account{width: 23px;fill: #ffffff;}
.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, transform 0.35s ease-in-out;
}
.header-action_text .header-action__link .box-icon .count-holder{
	position: absolute;
	top: 12px;height: 18px;line-height: 1.4;
	left: 0;right: 0;text-align: center;
	font-size: 1.3rem;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:#0d2445;animation-name: scroll-out}
.header-action_text .header-action__link:hover svg.svg-ico-search{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);  left: auto;right:15px;z-index: 990;
	min-width: 280px;border-radius: 1rem;
	background: #fff;  border: solid 1px #0d2445;
	box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
	visibility: hidden;opacity: 0;
	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;
	will-change: transform;
}
.header-action_dropdown .box-triangle {
	position: absolute;bottom: calc(100% - 5px);
	margin: 0 auto;width: 22px; height: 15px;right:20px; 
}
.header-action_account .header-action_dropdown .box-triangle{right:64px;}/* 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{
	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: 2rem 1.5rem;
}
.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: 1.7rem;
	color:#fff;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 1.5rem;
	font-weight: 500;
	padding: 0.6rem 1rem;
	text-align:center;
	background-color: #db9727;
	border-radius: 10px;
}
.header-action.show-action .header-action_dropdown{
	visibility: visible;opacity: 1;
	transform: scale(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;
}
.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{
	transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.main-header.header-style{	position: absolute;left: 0;right: 0;top:0;z-index: 999;}
.main-header.header-style{	position: absolute;left: 0;right: 0;top:0;z-index: 999;}
.main-body > .mainContent-theme {padding-top: var(--header-height);}
.main-header .wrap-logo a {font-size: 3rem;font-weight:bold;color:#0d2445}
.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:#0d2445;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	transform: translateY(-100%);
	transition: all 400ms ease;
}
.main-header.hSticky.hSticky-nav.hSticky-up{
	opacity: 1;visibility: visible;
	transform: translateY(0);
	transition: all 400ms ease;
}
.main-header.hSticky-nav .wrap-logo-sticky a{font-size: 2.4rem;}
.hSticky-nav #nav .main-nav > ul>li>a{
  padding: 2rem 0;
  color: #fff;
}
.logoimg {border-radius: 0;}
@media(max-width:1199px) and (min-width:992px){
	#nav nav.main-nav ul li a{font-size: 1.4rem;margin: 0 1rem;}
	.main-header .wrap-logo a {font-size: 2.4rem;}
}
@media(min-width: 992px) {
	.header-navbar-menu .wrap-logo-sticky,.main-header .wrap-logo{min-width:120px;}
	.header-action_cart .header-action_dropdown{ width: 450px;}
	.header-action_search .header-action_dropdown{ width: 400px;}
	.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:70px;}
	/*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;
		transform: translateY(0);
	}
	.locked-scroll .main-header.hSticky.hSticky-nav.hSticky-up,
	.locked-scroll .main-header.hSticky.hSticky-nav{
		opacity: 1;	visibility: visible;
		transform: translateY(0);
	}
	.main-header .header-upper-middle {
		background-color: #0d2445;
		position: relative;
  }
	.flexContainer-header>div.header-upper-logo .wrap-logo img{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%;
		transform: translateY(-50%);visibility: hidden;
		padding: 0rem 10rem 0rem 6rem;
	}
	.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: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; line-height: 1.7;}
	.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-mobile-height));
	}	.header-action_dropdown .header-dropdown_content{overflow: auto;padding-bottom: 12rem;	-webkit-overflow-scrolling: touch;}
	.header-action_menu .header-action_dropdown .header-dropdown_content{padding: 0 0rem 8rem;}
	.header-action.show-action .header-action_text .header-action__link .box-icon .box-icon--close{
		opacity: 1;visibility: visible;
		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;
		transform: scale(1);
	}
	.header-wrap-icon .header-action.header-action_search {display: none;}
	.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);}
}
.topbar_temp02 {background:#f7c657;color:#0d2445;}
.main-header.hSticky-nav .header-logo {display: none;}
@media(min-width: 992px) {
	.mainHeader_temp02:not(.hSticky-nav) .wrap-logo a{color:#ffffff;}
	.mainHeader_temp02:not(.hSticky-nav) {background:#0d2445;}
	.mainHeader_temp02:not(.hSticky-nav) .header-action_text .header-action__link .box-icon svg{fill:#ffffff;}
	.mainHeader_temp02 .flexContainer-header .header-upper-menu{padding: 0;}
	.mainHeader_temp02:not(.hSticky-nav) #nav .main-nav > ul>li>a{padding: 2.5rem 0rem;color:#ffffff;}
	.mainHeader_temp02:not(.hSticky-nav) #nav .main-nav > ul>li>a:hover{color:#db9727;}
	.mainHeader_temp02:not(.hSticky-nav) .header-action_text .header-action__link .box-icon .count-holder	{color:#ffffff;}
	.mainHeader_temp02.hSticky-nav .wrap-logo a {	font-size: 2.4rem;}
	.mainHeader_temp02 .wrap-logo a{font-size: 2.7rem;}
	.main-header.hSticky-nav .header-logo {display: block;}
}
/*--------------------------------------------------------------------------------
INDEX
--------------------------------------------------------------------------------*/
.wrapper-heading-home h2 {margin: 0;}
/* Heading row with nav buttons floated right */
.wrapper-heading-home--with-nav .container-fluid {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.slider-nav-buttons {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  flex-shrink: 0;
}
.slider-nav-buttons .swiper-button-prev,
.slider-nav-buttons .swiper-button-next {
  position: static;
  margin: 0;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(237,235,233,0.95);
  box-shadow: 0 4px 16px rgba(0,0,0,0.12);
  color: #0d2445;
  flex-shrink: 0;
}
.slider-nav-buttons .swiper-button-prev:after,
.slider-nav-buttons .swiper-button-next:after {
  font-size: 1.4rem;
  font-weight: 700;
}
.slider-nav-buttons .swiper-button-prev.swiper-button-disabled,
.slider-nav-buttons .swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: auto;
}
@media (min-width: 992px) {
  .slider-nav-buttons .swiper-button-prev,
  .slider-nav-buttons .swiper-button-next {
    width: 40px;
    height: 40px;
  }
}
.caption_banner{position: absolute;width:100%;padding: 0 5rem;bottom: 50px;	color:#ffffff;}
.caption_banner span{font-size: 1.5rem;font-weight: 400;}
.caption_banner h3{font-size: 2.3rem;  margin: 1.5rem 0;color:#ffffff;}
.caption_banner .button{border-color:#ffffff;color:#0d2445;}
.caption_banner .button:before{background-color:#ffffff;}
.caption_banner .button:hover{color:#ffffff;}
.wrap-collection-title {justify-content: center;}
.wrapper-home-banner {background-color:#edebe9}
.wrapper-home-banner .home-banner-pd {padding: 0;}
/*Cương thêm alternative color*/
.div-alt-color-primary {background-color: #0d2445;}
.div-alt-color-primary :is(p, a, h1, h2, h3, h4, h5, ul, li, i) {color: #fff;}
.div-alt-color-primary h3 a:hover, .div-alt-color-primary h2 a:hover {color: #fff;}
.div-alt-color-secondary {background-color: #edebe9;}
.div-alt-color-secondary :is(p, a, h1, h2, h3, h4, h5, ul, li) {color: #0d2445;}
/*Cương thêm image cho homepage*/
.wrapper-whyus {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
.wrapper-whyus > img {
  border-radius: 0;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.wrapper-whyus .image-blur-overlay {
  position: absolute;
  inset: 0;
  background-color: black;
  opacity: 0.3;
}
.wrapper-whyus .image-overlay-container {
  padding: 4rem 1.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 70%;
  height: 100%;
}
.wrapper-whyus .image-overlay-container .image-overlay-column img {
	width: 40px;
	margin: 0 4rem 0 0;
	border-radius: 0;
	aspect-ratio: 1 / 1;
}
/*Cương thêm video cho homepage*/
.wrapper-video-home {
  position: relative;
  width: 100%;
  aspect-ratio: 2 / 1;
  overflow: hidden;
}
.wrapper-video-home video {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;  
}
.wrapper-video-home .video-blur-overlay {
  position: absolute;
  inset: 0;
  background-color: black;
  opacity: 0.3;
}
.wrapper-video-home .video-overlay-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 1.5rem 2.25rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.wrapper-video-home .video-overlay-container .video-overlay-row {
  display: flex;
  align-items: center;
}
.wrapper-video-home .video-overlay-container .video-overlay-row img {
  width: 60px;
  height: auto;
  border-radius: 0;
  margin: 0 2rem 0 0;
}
.overlay-text :is(p,h2) {
  color: #fff;
  margin: 0;
}
.overlay-text h2 {
  text-align: center;
  font-size: 2rem;
}
@media (min-width: 768px) {
  .overlay-text p {font-size: 2rem;}
  .overlay-text h2 {font-size: 3.5rem;}
}
@media (min-width: 992px) {
  .overlay-text h2 {text-align: left;}
}
/*----------------PRODUCT ITEM----------------*/
.product-img {border-radius: 1rem;}
.pro-loop {margin-bottom: 1rem;}
.pro-loop a {display:block;}
.pro-loop .product-detail {padding: 1rem 0;}
.pro-loop .product-img{
	text-align: center;
	position:relative;
	overflow: hidden;
}
.pro-loop .product-img .product-sale,.pro-loop .product-img .sold-out{
	position: absolute;
	font-size: 1.2rem;
	line-height: 1;
	padding: 0.5rem 1rem;
	font-weight: bold;
	z-index: 9;
	color: #0d2445;
	background: #edebe9;
  	border: 1px solid #edebe9;
  	border-radius: 10px;
}
.pro-loop .product-img .product-sale {top: 10px;left: 10px;color:#e44356;}
.pro-loop .product-img .sold-out {right: 10px;bottom:10px}
.pro-loop .product-img .sold-out span{opacity: .80;}
.product-detail .box-pro-detail{z-index: 9;width: 100%;}
.pro-loop .product-detail h3 {
	margin: 0;
	font-size: 1.4rem;
	min-height: 18px;
}
.pro-loop .product-detail h3 a {
  line-height: 1.2;
}

/*.pro-loop .product-img .button-add {
	width:100%;
	opacity: 0;
	visibility: hidden;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 37%;
	transform: translateY(-37%);
	transition: all ease 0.5s;
}*/
.pro-loop .product-img button {
	border-radius: 0;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.4rem;
	border: 0;
	background: #191919;
	color: #fff;
	padding: 0.6rem 2rem;
}
.pro-loop .product-img button i{margin-left: 0.8rem;font-size: 1.4rem;}
.pro-loop .product-img picture{
	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;
}
.pro-price-mb {
	display:inline-block;
	position: absolute;
	left: 10px;
	bottom: 10px;
	font-size: 0.9rem;
}
.pro-price-mb .pro-price {
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	padding: 0.2rem 0.8rem;
	border-radius: 2px;
	font-size: 1rem;
	line-height: 2;
	font-weight: 500;
	margin-right: 0.3rem;
}
p.pro-price {display: none;}
.static-card .product-detail {padding: 1rem 0;}
.static-card .product-detail h3 {
  margin: 0;
  font-size: 1.4rem;
  min-height: 18px;
}
.static-card .product-detail h3 a {line-height: 1.2;}
@media(min-width: 992px){
	.pro-price-mb {display:none;}
	p.pro-price {display:block}
	p.pro-price {color:#0d2445;font-size: 1.4rem;margin: 0;}
	p.pro-price.highlight{color:#e44356;}
	p.pro-price span.pro-price-del {color:#939393;font-size: 1.3rem;margin-left: 0.5rem;}
}
@media(min-width:992px){
	/*.pro-loop:hover .product-img .button-add {opacity: 1;visibility: visible;bottom: 50%;}*/
	.pro-loop:hover .product-img picture:nth-of-type(2) {opacity: 1;visibility: visible;} 
	.pro-loop:hover .product-img picture:nth-of-type(1) {opacity: 0;visibility: hidden;} 
}
.product-loop-special {
	display: flex;
	align-items: flex-start;
	margin-bottom: 6rem;
}
.product-loop-special.more-image {
	align-items: center;
}
.product-loop-special .product-width {max-width: 270px;margin: auto;}
.product-loop-special .product-detail {padding: 2rem 0;}
.product-loop-special .product-img{text-align: center;position:relative;}
.product-loop-special .product-detail h3 {
	margin: 0 0 0.5rem;
	font-size: 1.4rem;
	position: relative;
}
.product-loop-special .product-detail h3 a{
	line-height: 1.2;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}
.product-loop-special .action .button {
  width:100%;
  padding: 1rem 0.5rem;
}
@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 8rem;}
}
/*----------------PRODUCT DETAIL----------------*/
.product-detail-wrapper {padding: 0.5rem 0;}
.product-title { padding: 0 0 1rem;border-bottom: 1px dotted #dfe0e1;}
.product-title h1 {
	font-size: 2rem;
	font-weight: 700;
	margin: 0 0 0.5rem;
	line-height: initial;
}
#pro_sku {font-size: 1.2rem;color: #a3a5a7;}
.hook-reviews .rating .icon {display: inline-block;}
.hook-reviews .rating .icon::before {
	color: #d5d5d5;
	content: "\f005";
	font-family: "FontAwesome",sans-serif;
	font-size: 1.3rem;
	font-style: normal;
}
.hook-reviews .rating .icon.star-full::before {color: #ffae00;}
.product-price {padding: 1rem 0;border-bottom: 1px dotted #dfe0e1;}
.product-price span.pro-price {
	font-size: 1.8rem;
	opacity: .92;
	font-weight: bold;
	color:#e44356;
}
.product-price span.pro-sale{
	display: inline-block;
	padding: 0.5rem 1.5rem;
	margin-right: 1rem;
	background: #ededed;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.2rem;
	color: #f94c43;
}
.product-price del{font-size: 1.4rem;color:#777a7b;padding-left: 1rem;font-weight: 500;}
.selector-actions { width: 100%;margin-top: 1.5rem;}
.quantity-area {margin-bottom: 1.5rem;}
.quantity-area input#quantity {
	background: #fff;
	font-weight: 600;
	height: 32px;
	padding: 0;
	text-align: center;
	width: 70px;
	border: 1px solid #edebe9;
	border-left: none;
	border-right: none;
	border-radius: 1px;
	float: left;
	-webkit-appearance: none;
}
.quantity-area input.qty-btn {
	float: left;
	background: #edebe9;
	border: solid 1px #edebe9;
	cursor: pointer;
	font-weight: 600;
	font-size: 1.6rem;
	outline: none;
	height: 32px;
	width: 32px;
	text-align: center;
}
button.btn-addtocart{
	font-size: 1.2rem;
	font-weight: bold;
	text-transform: uppercase;
	box-shadow: none;
	padding: 1.4rem 3.5rem;
	line-height: 1.8;
	width:100%;
}
button.btn-addtocart[disabled] {opacity: 0.8;}
.product-description {margin: 2rem 0;}
.product-description .title-bl h2,
.product-description h2,
.product-description h3{
	font-size: 1.4rem;	
	font-weight:700;
}
.description-productdetail * { max-width: 100% !important; }
.description-productdetail ul {list-style: initial; padding-left: 2rem; }
.description-productdetail ol {list-style-type: decimal; padding-left: 2rem; }
.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: 0.5rem 0; }
.product-image-detail {
	width: 91%;
	padding-left: 1rem;
	position:relative;
}
.product-gallery-item {text-align:center;margin-bottom: 1rem}
.product-full-img {text-align: center;}
.product-full-img .no_image {width: 50%;}

/* ------------------------ Style variant ------------------------ */
.product-image-detail ul {margin: 0;}
.selector-wrapper,.select {display: none;}
.swatch { padding: 1rem 0;width: 100%; float: left;border-bottom: 1px dotted #dfe0e1;}
.swatch .header{
	margin: 0 0 0.8rem;
	font-size: 1.3rem;
	text-align:left;
	line-height: initial;
}
.swatch input { display:none;}
.swatch > label.tt-label {
	margin-right: 1rem;
	font-size: 1.4rem;
	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: 0.8rem;position: relative;vertical-align: bottom;}
.swatch .swatch-element label{
	display: block;
	margin: 0;
	background: #fff;
	width: 80px;
	height: 40px; 
	line-height: 3.0;
	position: relative;
	border: 1px solid #e5e5e5;
	font-size: 1.2rem;
	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: 20px;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 50%;
	height:50%;
	background: url(//cdn.hstatic.net/themes/200000516795/1001467135/14/sold_out.png?v=464) no-repeat;
	background-size: contain;
}
/*.swatch .swatch-element.soldout label{opacity:0.5}*/
.swatch .swatch-element.color label{
	width:30px;
	height:30px;
	padding: 0.3rem;
	border-radius: 50%;
	border: none;
}
.swatch .swatch-element.color span {
	display: block;
	width: 100%;
	height: 100%;
	margin-top: 0;
	font-size: 0;
	border-radius: 50%;
	border: 1px solid #dfe0e1;
}
.swatch .swatch-element.color label.sd {background: transparent;border:1px solid #808284}
.swatch .swatch-element label.sd{
	border: 1px solid #000;
	background: #000;
	color: #fff;
}
.swatch .swatch-element.soldout:not(.color) label {overflow: hidden;}
.swatch .swatch-element.soldout:not(.color) label:before {
	content:"";
	position: absolute;
	top: 0;
	left: 20px;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 50%;
	height:50%;
	background: url(//cdn.hstatic.net/themes/200000516795/1001467135/14/sold_out.png?v=464) 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; }
@media (max-width:767px) {
	.swatch .swatch-element.color {margin: 0.5rem 0.8rem 0.5rem 0;}
}
/* ------------------- Setting varian màu sắc -------------------- */




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




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




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




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




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




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




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




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




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




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




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




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




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




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




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




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




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




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




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




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




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




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




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




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




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




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




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




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




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




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


.tag-wrapper ul.tags {display: inline-block;}
.tag-wrapper ul.tags li {display: inline-block;list-style-type: none;margin-right: 0.3rem;}
.tag-wrapper ul.tags li:after {content: ",";}
.product-image__button {
	position: sticky;
	bottom: 0;
	z-index:10;
}
.product-sharing,.product-zoom,.gallery-index{
	position: absolute;
	z-index: 6;
}

.product-sharing .icon {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 5px;
}

.product-zoom {
	width: 30px;
	height: 30px;
	overflow: visible;
	cursor: pointer;
	top: auto;
	bottom: 48px;
	right: 0;
	left: 0;
	margin: auto;
	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{transform:scale(0.9);transform-origin:center;transition:transform 150ms linear}
@media(min-width:992px){
	.product-zoom:hover polyline:nth-child(1){transform: scale(0.9) translate3d(-2px, -2px, 0);}
	.product-zoom:hover polyline:nth-child(2){transform: scale(0.9) translate3d(2px, -2px, 0);}
	.product-zoom:hover polyline:nth-child(3){transform: scale(0.9) translate3d(2px, 2px, 0);}
	.product-zoom:hover polyline:nth-child(4){transform:scale(0.9) translate3d(-2px, 2px, 0)}
}
.gallery-index {
	display: none;
	bottom: 55px;
	width: 47px;
	font-size: 1.3rem;
	text-align: center;
	font-weight: bold;
	cursor: default;
	right: 10%;
	transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.icon-pr-fix{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 #0d2445;
	top: 15px;
	right: 20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: transparent;
	padding: 0;
}
#divzoom #closedivZoom i:before {
	content: "";
	position: absolute;
	width: 20px;
	height: 2px;
	background: #0d2445;
	left: 20%;
	top: calc(50% - 3px);
	z-index: 1001;
	display: block;
	transform: rotate(45deg);
}
#divzoom #closedivZoom i:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 2px;
	background: #0d2445;
	right: 30%;
	top: calc(50% - 3px);
	z-index: 1001;
	display: block;
	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: 0;
  text-align: center;
}
.list-productRelated .pro-loop .product-img button {width: 70%;}

.description-productdetail table {min-width: initial!important;}
/* STYLE PRODUCT PAGE */
.pr_style_02 .product-image-detail {width: 100%;padding-left: 0rem;position:relative;}
.pr_style_02 .product-gallery-item {margin-bottom: 1rem}
@media(min-width:992px){
	.pr_style_02 .product-gallery-item {width: 50%;	padding-right: 0.5rem;float:left;}
	.pr_style_02 .product-gallery-item:nth-of-type(2n) {padding-left: 0.5rem;	padding-right: 0;}
	.pr_style_03 button.btn-addtocart {width: 60%;}
	.pr_style_02 .product-gallery-item:nth-of-type(2n+1){clear: both;}
	.pr_style_03 .product-gallery__thumbs {position: initial;top: 0;}
	.pr_style_03 .product-content-img {
    position: sticky;
    top: 90px;
    align-self: flex-start;
  }
	.pr_style_03 .product-content-desc {position: initial;top:0;}
}
/* ------------------------ Related products ------------------------ */
.wrapper-heading-related {padding-bottom: 2rem}
.wrapper-heading-related h2 {margin: 0; line-height: 1.6;}
/*--------------------------------------------------------------------------------
COLLECTION 
--------------------------------------------------------------------------------*/
.wrap-collection-title .heading-collection {margin: 3rem 0;}
.wrap-collection-title .heading-collection h1{
	font-size: 2.4rem;	
	font-weight: 700;
	margin: 0;
}
.alert-no p,.alert-no-filter p{margin: 1rem 0 2rem;}

/* ---------------------------  MENU CATEGORY  --------------------------- */
.tree-menu li a {
	padding: 0.5rem 0.5rem 0.5rem 0;
	color: #666;
	line-height: 2.2; 
	font-size: 1.2rem;
}
.tree-menu > li > a {
	color: #0d2445;
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 2;
	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: 1.5rem;}
.tree-menu li a .icon-control {
	font-size: 0.8rem;
	position:relative;
	top: -2px;
}

/* ---------------------------  FILTER  --------------------------- */
.content-filter .option{margin-top: 3rem;}
.option .lb-filter{	display: block;	font-size: 1.5rem;	opacity: .92;	margin-bottom: 0rem;}
.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: 1.3rem;
	color: #0d2445;
	opacity: .42;
	display: block;
	position: absolute;
	top: 10px;
	right: 17px;
}
.option .custom-dropdown .custom-dropdown__select {
	font-size: 1.4rem;
	width: 100%;
	display: block;
	height: 30px;
	padding: 0 2rem 0 0;
	border-color: transparent;
	border-bottom: 1px solid #000;
	background-color: #fff;
	outline: 0;
	border-radius: 0;
	-webkit-appearance: none;
	cursor: pointer;
	text-indent: 1px;
}
.option .custom-dropdown{	width: 100%;}
.option .custom-dropdown::after{
	content: "\f103";
	font-family: FontAwesome;
	font-size: 1.4rem;
	color: #0d2445;
	display: block;
	position: absolute;
	top: 5px;
	right: 2px;
}
.option .option-children:not(:first-child) {margin-bottom: 3rem;}
.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: 2rem;overflow: hidden;}
.block .title_block {
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0.8rem 0;
}
.layered .layered_subtitle{
	text-transform: uppercase;
	font-size: 1.4rem;
	line-height: 1.6;
	padding: 1rem 0 1rem;
	cursor: pointer;
	position: relative;
}
.layered .layered_subtitle span {font-weight: 600;font-size: 1.3rem;}
.layered span.icon-control {
	position: relative;
	top:-2px;
	left: 5px;
	font-size: 0.8rem;
}
.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 {
	transition: all 0.2s;
}
.check-box-list {margin: 0 0 1rem;}
.check-box-list li{line-height: 1.7;font-size: 1.2rem;}
.check-box-list label{
	display: inline-block;
	cursor: pointer;
	line-height: 1.3;
	font-weight: normal;
	margin-bottom: 0;
	color:#0d2445;
}
.check-box-list li:hover label {color:#0d2445;}
.check-box-list input[type="checkbox"]{display: none;}
.filter-price li {font-size: 1.4rem;margin-bottom: 0.5rem;}
.filter-price li:last-child {margin-bottom: 0;}
.filter-price li span {font-size: 1.2rem;}
.filter-color ul{
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.filter-color li{
	display: inline;
	margin: 0 1rem 1rem 0;
	line-height: normal;
	float: left;
}
.filter-color li label{
	border: 1px solid #eaeaea;
	width: 25px;
	height: 25px;
	border-radius: 0;
	float: left;
	position: relative;
	background-size: contain;
}
.filter-color li input[type="checkbox"]:checked + label:before{
	position: absolute;
	transform: rotate(-45deg);
	content: '';
	border-width: 0 0 2px 2px !important;
	height: 5px;
	width: 9px;
	z-index: 99;
	border: solid #fff;
	margin: 0.7rem 0 0 0.7rem;
}
.filter-size li {
	text-align: center;
	margin-right: -0.1rem;
	margin-bottom: -0.1rem;
	float: left;
}
.filter-size li label {
	width: 42px;
	height: 42px;
	line-height: 3;
	position: relative;
	border: 1px solid #e5e5e5;
}
.filter-size li input[type="checkbox"]:checked + label,.size-filter li:hover label {
	background-color: #111;
	color: #fff;
	border: 1px solid #111;
}
.block .block_content {overflow-y: auto;overflow-x: hidden;}
.bl-filter [type="checkbox"]:not(:checked),
.bl-filter [type="checkbox"]:checked {
	position: absolute;
	left: -9999px; 
}
.bl-filter [type="checkbox"]:not(:checked) + label,
.bl-filter [type="checkbox"]:checked + label {
	position: relative;
	padding-left: 2.2rem;
	cursor: pointer; 
}
.bl-filter [type="checkbox"]:not(:checked) + label:before,
.bl-filter [type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	width: 14px;
	height: 14px;
	border: 1px solid #e5e5e5;
	background: #fff;
	border-radius: 2px; 
}
.bl-filter [type="checkbox"]:checked + label:before {border: 1px solid #000; }
.bl-filter [type="checkbox"]:not(:checked) + label:after,
.bl-filter [type="checkbox"]:checked + label:after {
	position: absolute;
	transform: rotate(-45deg);
	content: '';
	border-width: 0 0 2px 2px !important;
	height: 4px;
	width: 7px;
	border: solid #111;
	margin: 0.9rem 0 0 0.4rem;
	left: 0;
	top: -3px;
	transition: all .2s; 
}
.bl-filter [type="checkbox"]:not(:checked) + label:after {opacity: 0; }
.bl-filter [type="checkbox"]:checked + label:after {opacity: 1; }
.bl-filter label:hover:before {border: 1px solid #000 !important;}

/*--------------------------------------------------------------------------------
BLOG - ARTICLE
--------------------------------------------------------------------------------*/
.list-article-content .news-content{
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
}
.blog-posts .blog-loop {margin-bottom: 2.5rem}
.blog-posts .blog-loop:nth-of-type(3n+1){clear: both;}
.blog-posts .blog-post .blog-post-thumbnail {
	display: block;
	overflow: hidden;
	border-radius: 10px;
}
.blog-posts .blog-post .blog-post-thumbnail img {
	width: 100%;
	transition: all 1s ease-in-out 0s;
	transform: scale(1);
	aspect-ratio: 1;
	object-fit: cover;
}
.blog-posts .blog-post .blog-post-thumbnail:hover img {
	transform: scale(1.2)
}
.blog-posts .blog-post .blog-post-title {
  margin-top: 1rem;
	font-size: 1.6rem;
	text-transform: none;
	letter-spacing: 0;
  height: 80px;
  /* nếu lỗi ô trống là do chiều cao của cái title cao hơn 80px */
}
.blog-posts .blog-post .blog-post-meta {margin-bottom: 1.5rem;color: #999}
.blog-posts .blog-post .blog-post-meta>span:after {content: '/';padding-left: 0.4rem}
.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 */
/* Cương chỉnh font của tiêu đề blog */
/*.box-article-heading h1{margin: 2rem 0;font-size: 2.4rem;}*/
.box-article-heading h1{margin: 2rem 0;}
.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: 1rem;	font-size: 1.3rem;font-weight: 600;}
ul.article-info-more li i{margin-right: 0.5rem;}
.meta-tags .tags-title{font-weight: 500;}
.meta-tags a.tag{opacity: 0.8;font-style: italic;font-size: 1.4rem;}
.meta-tags a.tag:after {content: ",";	margin: 0.1rem;}
.post-navigation {width: 100%;float: left;font-size: 1.6rem;font-weight:600;}
.post-navigation .right{float: right;}
.post-navigation .left{float:left;}
.article-pages,.meta-tags,.article-comment .comment_form,.post-navigation { margin-bottom: 4rem;}
.article-pages * {max-width: 100%!important;}
.article-pages ul{list-style: initial; padding-left: 2rem;}
.article-pages ol{list-style-type: decimal;padding-left: 2rem;}
.article-pages ul ul{ list-style-type: circle;}
.article-pages ul ul ul{  list-style-type: square;}
.article-comment .title-bl h2 {	font-size: 2rem;text-transform: uppercase;	font-weight: 600;	margin-bottom: 3rem;}
.article-comment .title-bl h2:after {
	content: "";
	display: block;
	margin-top: 2.5rem;
	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: #0d2445;
	border: 0;border-radius: 0;
}
.article-comment .comment_form .form-group input{	padding: 0 2rem; height: 55px;}
.article-comment .comment_form .form-group textarea{padding: 2rem;resize: none;}
.article-comment .comment_form  button.btn-rb{
	background:#0d2445;
	border: 0;
	height: 55px;
	display: inline-block;
	padding: 0 3rem;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.3rem;
}
.article-comment .comment_form  button.btn-rb:hover{background: #65d1e6;}
#article h3.author {font-size: 1.4rem;font-style: normal;	text-transform: capitalize;}
#binhluan .date {float: right;color: rgb(51, 51, 51);font-size: 1.2rem;}
#binhluan .comment-user{padding: 2.5rem 0;border-bottom: 1px solid #ededed;}

/*Sidebar Blog*/
.news-latest, .menu-blog {
	margin: 0 0 3rem;
	position: relative;
	padding: 2rem;
	border: 1px solid #e3e5ec;
}
.sidebarblog-title h2 {
	font-size: 1.8rem;
	text-transform:uppercase;
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	border-bottom: 2px solid #000;
	text-align: center;
}
.sidebarblog-title h2 span {display: inline-block;}
.sidebarblog-title.title_block h2 .fa-angle-down {
  transition: transform 0.3s ease;
  transform: rotate(0deg);
}
.sidebarblog-title.title_block.is-open h2 .fa-angle-down {
  transform: rotate(180deg);
}
.list-news-latest .item-article {
	border-bottom: 1px #efefef dotted;
	padding: 1.5rem 0;
	margin: 0;
}
.list-news-latest .item-article:last-child{border-bottom:none;}
.list-news-latest .item-article .post-image {
	width: 30%;
	float: left;
	position: relative;
}
.list-news-latest .item-article .post-image img {
	aspect-ratio: 1;
	object-fit: cover;
}
.list-news-latest .item-article .post-content {
	width: 70%;
	float: left;
	padding-left: 1rem;
}
.list-news-latest .item-article .post-content h3 {margin: 0 0 0.5rem;font-size: 1.4rem;}
.list-news-latest .item-article .post-content span.author {font-size: 1.2rem;}
@media (min-width: 992px) {
  .sidebarblog-title h2 span {display: none;}
}
/*--------------------------------------------------------------------------------
ABOUT - CONTACT
--------------------------------------------------------------------------------*/
.page-contact main{	min-height:85vh;}
.page-wrapper ul, .page-wrapper ol {
	margin-bottom: 1.5rem;
	padding-left: 4rem;
}
.page-wrapper ul {list-style-type: initial;}

.box-info-contact li {margin-bottom: 3rem;}
.box-info-contact li p {margin-bottom: 0;color:#666;font-weight: 500;}
.box-info-contact li p strong{font-weight:600;color:#0d2445;}
.box-send-contact h2 {font-weight:700;font-size: 2.5rem;margin: 4rem 0 3.5rem;}
.box-send-contact h2:after {content: "";display: block;margin-top: 2.5rem;width: 30px;height: 3px;background:#252a2b;}
.contact-form .input-group {width: 100%;}
.contact-form .input-group input,
.contact-form .input-group textarea{
	border: 1px solid #0d2445;
  border-radius: 10px;
  box-shadow: none;
	height: 45px;
	font-weight: 500;
	padding: 0 2rem;
	background: #fff;
	color:#0d2445;
	width:100%!important;
	appearance: none;
}
.contact-form .input-group textarea {width: 100%;height:130px;padding: 2rem 2rem;}
.contact-form .input-group textarea:focus {outline: none;}
.box-send-contact button {
  display: block;
  margin: 2rem auto 3rem auto;
}
.wrapbox-content-page-contact{padding: 5rem;}
.wrapbox-content-page {padding-bottom: 3rem;}
.sidebar-page .group-menu {
	margin: 0 0 3rem;
	position: relative;
	padding: 2rem;
	border: 1px solid #e3e5ec;
}
.sidebar-page .page_menu_title h2 {
	font-size: 1.8rem;
	text-transform:uppercase;
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	border-bottom: 2px solid #000;
	text-align: center;
}
.sidebar-page .box_image {margin-bottom: 3rem;}
.box_image .banner {position: relative;overflow: hidden;}
.box_image .banner img {
	width:100%;
	transition: all 1s ease-in-out 0s;
	transform: scale(1);
}
.box_image .banner:hover img {
	transform: scale(1.2);
}

/* --------------------------------------------------------------------------------
CART PAGE
-------------------------------------------------------------------------------- */
.wrapper-cart-detail{padding: 3.5rem 0 5rem}
.layoutPage-cart .heading-page{position: relative;padding: 0 0 3rem 0;}
.layoutPage-cart .heading-page:after {content: "";background:#252a2b;display: block;width: 60px;height: 4px;margin: 2.5rem auto 0;}
.layoutPage-cart .heading-page h1 {margin: 0 0 1rem;}
.layoutPage-cart .heading-page .count-cart span{font-weight: 500;}
.layoutPage-cart .cart-empty {font-size: 2rem; margin: 3rem 0 ;}
table.table-cart {margin-bottom: 3rem;border-bottom: 1px solid #ededed;}
table.table-cart thead{display:none;}
table.table-cart tr td {padding: 2rem 0;border-top: 1px solid #ededed;vertical-align: top;}
table.table-cart tr:first-child td{border-top:0;}
table.table-cart tr td.image {text-align: center; width:110px;}
table.table-cart tr td.image img {max-width:100px;}
table.table-cart tr td.item{padding-left: 1.5rem}
table.table-cart tr td.item h3{margin: 0 0 0.5rem;font-size: 1.6rem;font-weight:bold;padding-right: 3rem}
table.table-cart tr td.item p {margin-bottom: 0.5rem;}
table.table-cart tr td.item p .pri{font-weight:500;}
table.table-cart tr td.item p del{font-size: 1.2rem;color: #939393;margin-left: 0.5rem;}
table.table-cart tr td.item .price{margin: 0;float: right;}
table.table-cart tr td.item .price span.text{display:none;}
table.table-cart tr td.item .price span{font-size: 1.6rem;padding-right: 0;font-weight:600;}
table.table-cart tr td.item .variant{margin-bottom: 0.5rem;}
table.table-cart tr td.remove{text-align: right;}
.qty-click input.item-quantity {	
	font-weight: 500;
	font-size: 1.5rem;height: 25px;	padding: 0;text-align: center;	
	width: 50px;background: #fff;border: 1px solid #edebe9;
	border-radius: 0;	float: left;-webkit-appearance: none;
}
.qty-click {float: left;}
.qty-click button.qty-btn {
	background: #edebe9;
	font-weight: 500;
	font-size: 1.4rem;
	height: 25px;
	padding: 0;
	text-align: center;
	width: 25px;
	border: 1px solid #edebe9;
	border-radius: 0;
	float: left;
}
.qty-click button.qty-btn:focus {outline: none;}
.checkout-note label{}
.checkout-note textarea{
	border-radius: 0;
	background: #ededed;
	color: #0d2445;
	font-size: 1.5rem;
	padding: 2rem 1.5rem;
	outline: none;
	width: 100%!important;
	min-height: 130px;
	font-weight: 500;
	border: 1px solid transparent;
	transition: all 150ms linear;
	appearance: none;
}
.cart-buttons a,.cart-buttons .btn-checkout, .cart-buttons .btn-update{
	display: inline-block;vertical-align: top;padding: 1.9rem 2rem;
}
.cart-buttons .link-continue {margin-left: 0;}
.link-continue{ margin: 1rem 0 0;text-align: center;}
.link-continue a{color:#0d2445;}
.link-continue a i{margin-right: 0.4rem;}
.sidebox-order{
	background: #fff; padding: 1.5rem;
	position: relative;margin-bottom: 3rem;
	border: 1px solid #e1e3e4; border-radius: 1rem;
}
.sidebox-order div[class^="sidebox-order_"]{margin-bottom: 1.5rem}
.sidebox-order div[class^="sidebox-order_"]:last-child{margin-bottom: 0rem}
.sidebox-order_title h3{font-size: 2rem;font-weight: bold;margin: 1rem 0;}
.sidebox-order_total {
	font-size: 1.6rem;color: #5c5c5c;font-weight: 600;padding: 1.5rem 0;
	border-top: 1px dotted #dfe0e1;	border-bottom: 1px dotted #dfe0e1;
}
.sidebox-order_total p{margin: 0;}
.sidebox-order_total p .total-price{float: right;color: #e44356;font-size: 2.4rem;}
.sidebox-order_action .btncart-checkout {border-radius: 4px;cursor: pointer;width: 100%;font-size: 1.5rem; font-weight: 400;padding: 1.2rem 2rem;border-color: #e44356;}
.sidebox-order_action .btncart-checkout:before {background-color: #e44356;}
.sidebox-group h4{margin-bottom: 1rem;font-weight: 700;font-size: 1.6rem;color: #3d67b1;}
.sidebox-policy ul li{
	display: block;
	line-height: 1.7;
	position: relative;
	padding-left: 2rem;
	overflow: hidden;
}
.sidebox-policy ul li:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	content: "\f178";
	font-size: 1rem;
	left: 0;
  top: 0.3rem;
	opacity: 1;
	position: absolute;
	transition: all 0.4s ease-in-out 0s;
}
/*---------------------------------------------------------------------------------
PAGINATION - 404 - SEARCH PAGE 
-------------------------------------------------------------------------------- */
.breadcrumb-shop .breadcrumb-arrows {
  background: transparent;
  border-radius: 0;
  margin: 0;
}
#pagination .page-node,#pagination .next, #pagination .prev{display:inline-block;margin: 3rem 0.8rem;font-size: 1.5rem;font-weight: 600;opacity: 0.4;}
#pagination .next{margin-left: 3rem}
#pagination .prev{margin-right: 3rem;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: 4rem;}
.content-pagenot p.subtext{font-weight: 500; opacity: 0.66;}
.content-pagenot:after {content: "";display: block;background:#252a2b;width:80px;height: 4px;margin: 5rem auto 0;}
.content-pagenot a{font-weight: 500;font-size: 1.6rem;margin: 3rem 0 0;display: block;}
.searchPage .heading-page{position: relative;text-align:center;padding: 0 0 3rem 0;}
.searchPage .heading-page:after {content: "";background:#252a2b;display: block;width: 60px;height: 4px;margin: 2.5rem auto 0;}
.searchPage .heading-page h1{margin: 0 0 1rem;}

.searchPage .subtxt {opacity: .66;	margin-top: 1.5rem;}
.search-field {width: 60%;display: block;margin: auto;}
input#go {
	width: 55px;
	height: 55px;
	float: right;
	background: url(//cdn.hstatic.net/themes/200000516795/1001467135/14/iconsearch.png?v=464) #252a2b center no-repeat;
	margin: 0rem;
	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 2rem;background: #ededed;border: 0;box-shadow: none;}
.expanded-message .message-txt{width: 100%;padding-top: 2.5rem;text-align:center;}
.expanded-message .message-txt p{margin: 0; font-size: 1.4rem;font-weight: 400;}
.expanded-message h2{font-weight: 600; font-size: 2.2rem;}
.expanded-message .subtext {margin-bottom: 4rem;display: block;}

.search-item .content {	float:left;padding-left: 3.5rem;width: calc(100% - 80px);}
.search-item .content .title {font-size: 1.5rem;font-weight: bold;text-transform: uppercase;display: block;}
.search-item .content .caption {opacity: .66;display: block;	margin-top: 0.5rem;font-size: 1.4rem;}
.search-item .content .caption del{font-size: 1.3rem; margin-left: 1.5rem; opacity: 0.5;}
.subtext-result{margin-bottom: 3rem;}

/*--------------------------------------------------------------------------------
ACCOUNT
--------------------------------------------------------------------------------*/
.wrapbox-heading-account{display:flex;align-items: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: 7rem;}
.wrapbox-heading-account .header-page h1{font-size: 5.4rem;font-weight: 700;margin: 0rem 0;line-height: initial;}
.wrapbox-heading-account .header-page p{font-size: 1.4rem;opacity: .66;	margin: 2rem 0 0 0;position: relative;}
.wrapbox-heading-account .header-page p span{font-weight: 600;}

.userbox h2 {font-size: 2rem;margin: 0 0 2rem; font-weight: 600;}
.large_form {margin-bottom: 3rem;}
.large_form.large_form-mr10{margin-bottom: 1rem;}
.icon-field {display:none;}
.userbox input[type=email],.userbox input[type=password],.userbox input[type=text] {
	width: 100%;
	height: 55px;
	border: 1px solid transparent;
	background: #ededed;
	color: #0d2445;
	padding: 0 2rem;
	font-weight: 500;
	-webkit-appearance: none;
}
.userbox input[type=email]:focus, .userbox input[type=password]:focus,
.userbox input[type=text]:focus{
	background: #fff;
	border-color: #ededed;
}
.action_account_custommer .action_bottom,.action_account_custommer .req_pass{	display: inline-block;vertical-align: middle;}
.action_account_custommer .req_pass{margin-left: 2rem;}
.userbox .action_bottom {padding: 0;}
.userbox .action_bottom .btn {
	display: inline-block;
	border-radius: 0;
	padding: 0 3rem;
	line-height: 4.0;
	text-transform: uppercase;
	font-weight: 600;
	background: transparent;
}
.req_pass{ color:#959898; font-weight: 500;}
.come-back{margin-top: 3.5rem; display: block;font-weight: 500;}
.come-back i{margin-right: 2rem}
.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: 2.8rem;
	margin: 0 2rem 0 0;
}
#form-gender input[type="radio"] + label:before, input[type="radio"] + label:after {
	content: "";
	position: absolute;
	border-radius: 50%;
	transition: all 0.3s ease;
}
#form-gender input[type="radio"] + label:before {
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	background: #0d2445;
	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);
	transform: translate(-50%, -50%) scale(0);
}
#form-gender input[type="radio"]:checked + label:before {
	box-shadow: inset 0 0 0 4px #efefef;
}
#form-gender input[type="radio"]:checked + label:after {
	transform: translate(-50%, -50%) scale(1);
	animation: ripple 1s none;
}
/* --------------------- order ---- account -- address -----------------------  */
.layout-info-account {padding-bottom: 5rem;}
.title-infor-account{
	padding: 3rem 1.5rem;
	border-bottom: 1px solid #ededed;
	margin-bottom: 6rem;
}
.title-infor-account h1{
	font-size: 4.2rem;
	font-weight: 700;
	margin: 0;
	text-align: center;
}
.title-infor-account h1:after {
	content: "";
	display: block;
	width: 60px;
	height: 4px;
	margin: 5rem auto 0;
	background:#252a2b;
}
.title-detail{
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 1px;
	position: relative;
	border-bottom: 1px solid #ededed;
	padding-bottom: 0.8rem;
}

.name_account {
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1.3;
	margin: 1rem 0 0.5rem
}
#customer_sidebar p{ margin-bottom: 0;font-size: 1.4rem;}
.customer-table-wrap {background: #f7f7f7; padding: 1rem;}
.customer-table-bg {background: #fff; padding: 1rem;}
.customer-table-bg p {margin: 0;}
#customer_orders table thead th, #order_details tr th { font-weight:600; font-size: 1.4rem;}
#customer_orders table tr a {
	font-weight: 500;
	float: left;
	width: 85%;
	margin-left: 0.3rem;
	line-height: 1.5;
	opacity: 0.66;
}
#customer_orders table, #order_details {width: 100%;background: #fff;}
#customer_orders table tr, #order_details tr { height: 25px;line-height: 2.2;}
#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: 1.4rem;}
#order_details tr td{	line-height: 1.5;}
#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: 0.8rem;}
#order_details tr.order_border{border-top: 1px solid #ededed;}
#order_details tr td.order-image{width:70px;}
#order_details tr td.order-image a{display:block;width:60px;border: 1px solid #f7f7f7;}
a#view_address {font-weight: 500; opacity: 0.8;}
#customer_orders,#order_payment, #order_shipping{ margin-bottom: 3rem; margin-top: 3rem;}
.customer-table-bg .table>tbody>tr>th {border-top: none;}
.detail-table-order { margin-top: 3rem;}
.name-order {
	margin-bottom: 0.5rem;
	font-size: 1.6rem;
	line-height: 1.25;
	font-weight: 500;
	text-transform: uppercase;
}
.order_section_title {
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.3;
	margin: 0 0 1rem;
	padding: 1rem 0rem;
	position: relative;
	text-transform: uppercase;
}
.order_date {font-weight: normal;font-size: 1.4rem;text-transform: none;}
.text_status {font-weight: 500;}
.address p {margin-bottom: 0.5rem;}
.account-order .address {margin: 0rem 0rem 3rem;padding: 1rem;background-color: #fbfbfb;}
span.variant_acc { font-size: 1.3rem; opacity: 0.8;}
.alert-info {border-radius: 0; margin-bottom: 0;}
.address_title {
	margin-bottom: 0;
	font-size: 1.6rem;
	padding: 1rem 7rem 1rem 1rem;
	background-color: #d9edf7;
	border-color: #bce8f1;
	position: relative;
}
.address_table {
	margin-bottom: 1rem;
	border-top: 0px solid #ddd;
	background: #fafafa;
	padding: 1.5rem;
}
.address_title h3 { margin: 0;font-size: 1.4rem;}
.account-address .note { border: none; padding: 0;}
p.address_actions.text-right {margin: 0.7rem 0.5rem 0rem 0;position: absolute;z-index: 99;top:0;right:0;}
.action_link a {text-transform: uppercase; font-size: 1.5rem;}
span.action_link {padding: 0.5rem;}
.view_address p > b {font-weight: 500; font-size: 1.4rem;}
.view_address p { margin: 0.5rem 0; line-height: 1.1;font-size: 1.4rem;}
.add-new-address {
	padding-bottom: 1rem;
	display: inline-block;
	padding: 1rem;
	background:#0d2445;
	color:#fff!important;
	text-transform: uppercase;
}
.add-new-address:focus { color:#fff;}
.account-address .input-group-addon{display:none}
.input-group { margin: 0.5rem 0rem;}
.input-group .input-group-addon {
	padding: 0.6rem 1rem;
	border-radius: 0;
	color: #DAD9D9;
	background-color: #ebebeb;
	border-color: #ebebeb;
}
.input-group .form-control {
	border-radius: 0; 
	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: 2.5;
	outline: 0;
	margin-right: 0.5rem;
	font-size: 1.4rem;
	text-transform: uppercase;
	padding: 0 3rem;
	border: 0;
	background:#0d2445;
	color: #fff;
	display: inline-block;
	border-radius: 0;
}
.AccountTitle{
	text-transform: uppercase;
	margin-bottom: 3rem;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 1px;
	position: relative;
}
.AccountList ul > li > a {display: block;	position: relative;	padding: 0.5rem 0rem;}
.AccountList ul > li > a:before {
	content: "\f192";
	font-family: "FontAwesome";
	font-size: 0.8rem;
	display: inline-block;
	margin-right: 0.8rem;
	vertical-align: 2px;
}
#order_cancelled {margin-bottom: 1.5rem;}
#order_cancelled h5 {margin: 0;}

/*-------------------------------------------------------------------------------
FOOTER 
--------------------------------------------------------------------------------*/
.bottom-footer p {margin-bottom: 0;}
.footer h4 {
	font-size: 2rem;
	letter-spacing: 0.02em;
	margin: 0 0 2rem;
	position: relative;
	line-height: 1.5;
}
.footer-content ul {
  margin-bottom: 1.5rem;
}
.footer-content ul li{
  display: block;
  line-height: 2;
  position:relative;
  padding-left: 0rem;
}
.footer-content ul li a {
  position:relative;
  overflow: hidden;
}
.footer-contact ul li{padding: 0;}
.footer-link ul li{padding: 0;}
.footer .list-social {margin-bottom: 1rem;}
.footer .list-social ul{text-align: left;}
@media(min-width:767px) {
  .footer .list-social ul{margin: 0 0 1.5rem 0;}
}
.footer .list-social li{
	display: inline-block;
	margin: 0 0 1.5rem 0;
}
.footer .list-social li a{font-size: 4rem;} 
.footer-contact ul > li {
	padding: 0 0 0.5rem 2.5rem;
	background-size: 15px 15px!important;
	line-height: 1.6;
	font-size: 1.4rem;
}
.footer-link ul > li {
  padding: 0 0 0.5rem;
  line-height: 1.6;
	font-size: 1.4rem;
}

/* Cương thêm list ecom */
.footer .list-ecom {
  margin-bottom: 1rem;
}
.footer .list-ecom ul{text-align: left;}
@media(min-width:767px) {
  .footer .list-ecom ul{text-align: left;}
}
.footer .list-ecom li{
	display: inline-block;
	margin: 0 0 1.5rem 0;
	text-align: center;
}
.footer .list-ecom li a{
	display: block;
	width: 50px;
    height: 56px;
}
.footer .list-ecom li a img {
	border-radius: 0;
	height: 50px;
}
.footer .list-ecom li span {font-weight: 600;margin-left: 0.5rem;}
.footer-contact ul > li.contact-1 {
	background: rgba(0, 0, 0, 0) url(//cdn.hstatic.net/themes/200000516795/1001467135/14/icon_footer_1_white.png?v=464) no-repeat scroll 0px center;
}
.footer-contact ul > li.contact-2 {
	background: rgba(0, 0, 0, 0) url(//cdn.hstatic.net/themes/200000516795/1001467135/14/icon_footer_2_white.png?v=464) no-repeat scroll 0px center;
}
.footer-contact ul > li.contact-3 {
	background: rgba(0, 0, 0, 0) url(//cdn.hstatic.net/themes/200000516795/1001467135/14/icon_footer_3.png?v=464) no-repeat scroll 0px center;
}
.footer-contact ul > li.contact-4 {
	background: rgba(0, 0, 0, 0) url(//cdn.hstatic.net/themes/200000516795/1001467135/14/icon_footer_4_white.png?v=464) no-repeat scroll 0px center;
}
.footer-contact ul > li.contact-5 {
	background: rgba(0, 0, 0, 0) url(//cdn.hstatic.net/themes/200000516795/1001467135/14/icon_footer_zalo_white.png?v=464) no-repeat scroll 0px center;
}
.footer-contact ul > li.contact-6 {
	background: rgba(0, 0, 0, 0) url(//cdn.hstatic.net/themes/200000516795/1001467135/14/icon_footer_clock_white.png?v=464) 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;}
.footer .footer-content1 {margin-bottom: 2rem;}
.top-footer {
  padding-top: 4rem;
  margin-bottom: 1.5rem;
}
.top-footer .area_newsletter {margin-bottom: 1rem;}
.top-footer .area_newsletter .title_newsletter {
	background-repeat: no-repeat;
	background-image: url(//cdn.hstatic.net/themes/200000516795/1001467135/14/icon_footer.png?v=464);
	background-position: 0;
	background-size: 20px;
	padding-left: 3.5rem;
	padding-right: 1rem;
	height: 20px;
	line-height: 1.7;
	margin-bottom: 2rem;
	display: flex;
	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: 1.3rem;padding: 0.5rem 0.5rem 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 {margin: 0 0 1.5rem 0;}
.footer .contact-form .input-group button {
	position:absolute;
	right:0;
	top:0;
	padding: 1.3rem 2.5rem;
	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: 1.4rem;}
.area_phone_contact .number_phone i {
	width: 24px;
	height: 24px;
	text-align: center;
	border-radius: 50%;
	background: #db9727;
	line-height: 1.7;
	margin: 0 1rem 2rem 0;
}
.area_phone_contact .number_phone a {font-size: 1.5rem;}
.footer .collapse {display: block;visibility: visible;}
.footer .title-expand {text-align: center;margin: 0;}
.footer .title-expand a{
	font-weight: 600;
	font-size: 1.8rem;
	padding: 2rem 1.5rem;
	display: block;
}
.footer .title-expand a span {
	font-size: 1.8rem;
	opacity: .78;
	padding: 0rem 2rem;
	font-weight: bold;
	vertical-align: text-bottom;
	padding-left: 2rem;
	transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
}
.footer .title-expand a[aria-expanded=false] span {
	transform: rotate(180deg);
}
.footer .title-expand a[aria-expanded=true] {border-bottom: 1px solid #e7e7e7}
/*----------------------------------------------------------------------------------
MAIN SIDEBAR
----------------------------------------------------------------------------------*/
/* - Mini box Account - */
.header-dropdown_content .site_account{text-align: center;}
.site_account .site_account_panel_list .site_account_inner{font-size: 1.2rem;}
.site_account .site_account_panel_list .site_account_header .site_account_title{
	margin-bottom: 0.4rem;
  color: #fff;
	font-size: 1.7rem;
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
	background: #db9727;
	border-radius: 10px;
	padding: 0.6rem 1rem;
    
} 
.site_account .site_account_panel_list .site_account_inner form .form__input-wrapper{	position: relative;	width: 100%;margin-bottom: 1.2rem;}
.site_account .site_account_panel_list .site_account_inner form .form__input-wrapper .form__field {
	display: block;
	padding: 1.4rem 1rem 0.3rem;
	border-radius: 10px;
	border: 1px solid #d4d6d8;
	width: 100%;
	line-height: normal;
	height: 42px;
	color: #1e2d7d;
	-webkit-appearance: none;
	resize: none;
	font-size: 1.2rem;
	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: 3.5;	font-size: 1.2rem;margin-bottom: 0;
	color: #677279;	transform: scale(1);
	transform-origin: left top;
	transition: 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 {
	transform: translateY(-6px) scale(0.8); 
}
.site_account .site_account_panel_list .site_account_inner form .form__submit{
	width: 100%;outline: none;padding: 0rem 2.8rem;height: 42px; line-height: 3.0;
}
.site_account .site_account_panel_list .site_account_inner .site_account_secondary-action{margin-top: 1.6rem;font-size: 1.2rem;}
.site_account .site_account_panel_list .site_account_inner .site_account_secondary-action > p{margin-bottom: 0.4rem;}
.site_account .site_account_panel_list .site_account_inner .site_account_secondary-action > p .link{
	color:#0d2445;	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: 1.4rem;}
.site_account .site_account_panel_list .site_account_info .site_account_header{
	text-align: center;border-bottom: 1px solid #ededed;
	padding: 0 0 1rem;margin-bottom: 1.2rem;
}
.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: 1.5rem;color: #282c2d;font-weight: 500;}
.site_account .site_account_panel_list .site_account_info li{padding: 0 0.4rem;margin-bottom: 1rem;}
.site_account .site_account_panel_list .site_account_info li a:hover{color:#0d2445;}
.site_account .site_account_panel_list .site_account_panel {
	width: 100%;visibility: hidden;
	transition: transform 500ms cubic-bezier(0.23, 1, 0.32, 1), visibility 500ms cubic-bezier(0.23, 1, 0.32, 1);
}
.site_account .site_account_panel_list .site_account_panel.site_account_default.is-selected{transform: translateX(0);}
.site_account .site_account_panel_list .site_account_panel.site_account_sliding.is-selected{transform: translateX(0);}
.site_account .site_account_panel_list .site_account_panel.site_account_default{transform: translateX(-100%);}
.site_account .site_account_panel_list .site_account_panel.site_account_sliding{
	position: absolute;top: 0;left: 0;
	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: 1.5rem;}
form.searchform input.searchinput {
	background: #edebe9;
  border: 1px solid #0d2445;
  border-radius: 10px;
	font-size: 1.4rem;color: #0d2445;	font-weight: 500;
	width: 100%;	height: 45px;padding: 0 5.5rem 0 2rem;
	margin: 0;display: inline-block;
	transition: all 150ms linear;
	appearance: none;
}
form.searchform .btn-search{
	width: 45px;height: 45px;line-height: 3.2;
	position: absolute;padding: 0;top: 0px;right: 0px;
	background: transparent;outline: none;
	transition: opacity 150ms linear;
}
form.searchform .btn-search svg{width:18px;height:40px;opacity: .4;}
form.searchform input:focus {background: #ffffff;outline: none;border-color:#0d2445;}

/*----------------- 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: 1rem 1rem;	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: 0.5rem;float: left;line-height: 1.4;position: relative;margin-top: 0rem!important;}
.smart-search-wrapper .item-ult .title a{	font-size: 1.3rem;text-overflow: ellipsis;overflow: hidden;	white-space: pre;	float: left;width: 100%;margin-bottom: 0.4rem;}
.smart-search-wrapper .item-ult .title p{	line-height: 1.25;font-size: 1.2rem;font-weight:600;float:left;margin: 0;}
.smart-search-wrapper .item-ult .title p del{	font-size: 1.1rem;font-weight: 300;margin-left: 0.5rem;color: #797979;}
.resultsMore {width: 100%;	float: left;}
.resultsMore a{text-align: center;	display: block;	font-size: 1.4rem;padding: 1rem 0;}
.dataEmpty{text-align: center;	padding: 1rem 0;margin: 0;}
/* --------------------- cart view --------------------- */
.site-cart .cart-ttbold{padding: 0 2rem}
.site-cart .cart-ttbold .ttbold{
	font-size: 1.6rem;
  color: #fff;
	margin-bottom: 1.5rem;
  font-weight: 500;
  padding: 0.6rem 1rem;
	background: #db9727;
	text-align: center;
  border-radius: 10px;
}
.cart-view .cart-view-scroll{padding: 0 2rem;}
.cart-view .cart-view-total{padding: 0 2rem;}
.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: 1rem;}
table#cart-view tr td:last-child {padding-right: 1rem;}
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: 3rem;}
.cart-view table td .pro-title a.pro-title-view {	font-size: 1.2rem;font-weight:600;text-transform: uppercase;}
.cart-view table td .pro-title .variant {font-size: 1.2rem;display:block;width: 100%;}
.cart-view table td .remove-cart {
	position: absolute; right:10px;top: 10px;
	width:20px;height: 20px;line-height: 1.4;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: 0rem;text-align: center; }
.cart-view table .item-cart_empty td .svgico-mini-cart{padding: 1rem 0 0.5rem;}
.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: 1.6rem;color:#e44356;}
.mini-cart_quantity{
	margin-top: 0.4rem;
	display: flex;
	align-items:center;
	justify-content: space-between;
	flex-flow: row nowrap;
}
.mini-cart_quantity .pro-quantity-view .qty-value{
	display: inline-block;
	height: 23px; line-height: 1.7;min-width:25px;padding: 0 0.3rem;text-align: center;  
	background: #f5f5f5;font-size: 1.3rem;font-weight: 500;
	border-radius: 3px;	box-shadow: 0 1px 1px rgba(225, 227, 228, 0.2);
	appearance: none;
}
.mini-cart_quantity .pro-quantity-view .qty-btn{width:30px;font-size: 2rem;background: #f5f5f5;}
.mini-cart_quantity .pro-price-view {font-size: 1.3rem;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: 1rem 0rem;}
.cart-view a.linktocheckout,.cart-view a.linktocart {padding: 1.4rem 1.5rem;position: relative;width: 100%;	white-space: nowrap;}
@media(min-width:992px){
	.cart-view .cart-view-scroll{
		overflow-y: scroll;max-height:320px;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: none;
	}
	.cart-view .cart-view-scroll::-webkit-scrollbar {width: 2px;	height: 2px; }
	.cart-view .cart-view-scroll::-webkit-scrollbar-track {border-radius: 0px;}
	.cart-view .cart-view-scroll::-webkit-scrollbar-thumb {
		border-radius:0px;background:#e1e3e4;
	}
	.cart-view .cart-view-scroll::-webkit-scrollbar-thumb:window-inactive {background:#e1e3e4; }
}
/* ---------------------  menu  --------------------- */
.hamburger-menu {width:30px;height:24px;text-align: center;display: block;	transition: all 150ms linear;}
.hamburger-menu .bar, .hamburger-menu .bar:after, .hamburger-menu .bar:before {width: 25px;height: 2px;}
.hamburger-menu .bar {	
	position: relative;background: #ffffff;	
	display: inline-block; vertical-align: middle;
	transition: all 0ms 100ms, width 150ms linear;
}
.hamburger-menu .bar:before {
	content: "";
	position: absolute;left: 0;top:-6px;background: #ffffff;
	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: #ffffff;
	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;
	transform: rotate(45deg);	
}
.show-action .hamburger-menu .bar:after {
	position: absolute;top: 0px; 
	transform: rotate(-45deg);
}
.show-action .hamburger-menu .bar:before {transform: rotateZ(-45deg);}
.show-action .hamburger-menu .bar:after {transform: rotateZ(45deg);}

/* ============ 	ADDTHIS ** addthis ============== */

.addThis_listSharing {
	position: fixed;
  bottom:85px;
  z-index: 999;	
	right: -10px;
}
.addThis_listing .addThis_item{margin-bottom: 0.5rem;margin-right: 2.4rem;}
.addThis_listing .addThis_item .addThis_item--icon {
	position: relative;display: inline-block;text-align: center;
	width: 44px;height: 44px;line-height: 3.1;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: 2.4;padding: 0.3rem 1rem;
	width: auto;border-radius: 5px;font-size: 1.1rem;color: #fff;text-align: center;
	white-space: nowrap;cursor: pointer;background-color: rgba(0, 0, 0, 1);
	visibility: hidden;opacity: 0;
	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;
	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;
  border-top: 1px solid #0d2445;
  background: #0d2445;
  padding: 0.5rem 1rem;
  transform: translateY(0%);
}
.actionToolbar_mobile  ul.actionToolbar_listing{
	margin: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.actionToolbar_mobile  ul.actionToolbar_listing li{width: 20%;float: left;}
.actionToolbar_mobile  ul.actionToolbar_listing li a {display: block;color: #db9727;font-size: 1.2rem;text-align: center;position: relative;}
.actionToolbar_mobile  ul.actionToolbar_listing li a svg {fill: #db9727;width: 35px;height: 35px;	display: inline-block;vertical-align: middle;}
.actionToolbar_mobile  ul.actionToolbar_listing li.actionToolbar_chatbot a .messenger_absolute {margin-top: -2.5rem;display: inline-block;vertical-align: top;}
.actionToolbar_mobile  ul.actionToolbar_listing li.actionToolbar_chatbot a svg{width:44px;height:44px;}
/* hide the action toolbar while scrolling down */
.toolbar-scroll-down {
  transform: translateY(100%);
  transition: all 400ms ease;
}
.toolbar-scroll-up {
  transform: translateY(0%);
  transition: all 400ms ease;
}

/* modal- center */
.modal-addThis{font-size:0;text-align:center;padding: 0!important;background: rgba(3, 17, 27, 0.7);transition: opacity .35s linear;}
.modal-addThis:before {	content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.4rem;}
.modal-addThis .modal-dialog-centered {font-size: 1.4rem;display: inline-block;text-align: left;vertical-align: middle;}
.modal-addThis.fade .modal-dialog{transform: translate(0,0);}
.modal-addThis .modal-dialog-centered .modal-content {width: 100%; }
.modal-addThis .modal-dialog-centered{ margin: 3rem auto 5rem;}
.modal-addThis.fade .modal-dialog-centered {
	opacity: 0;
	transform: scale(0.8);
	transition: all .2s;
}
.modal-addThis.fade.in .modal-dialog-centered {	opacity: 1;transform: scale(1);}
@media(max-width:767px){
	.modal-addThis .modal-dialog-centered{ margin: 3rem 1rem 4rem;}
}
.modal-backdrop.in {display: none;opacity: 0!important;}
/* modal-succes */
.modal-succesform .modal-title{font-size: 1.8rem;font-weight: 600;margin: 0;color:#0d2445;}
.modal-succesform p:not(.modal-title){font-size: 1.5rem;margin: 1rem 0 0.5rem}
.modal-succesform p.txtloading{color: #aaa;font-size: 1.3rem;}
@keyframes rotatePlaceholder{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{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: 1.5rem;}
.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: 2rem 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;transform:rotate(45deg)}
.sweet-alert .sa-icon.sa-success::before{border-radius:120px 0 0 120px;top:-7px;left:-33px;transform:rotate(-45deg);transform-origin:60px 60px}
.sweet-alert .sa-icon.sa-success::after{border-radius:0 120px 120px 0;top:-11px;left:30px;transform:rotate(-45deg);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;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;transform:rotate(45deg)}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;transform:rotate(-45deg)}
/* modal-contactform */  
.modal-contactform .modal-header h4.modal-title {text-align: center;font-size: 1.8rem;font-weight: 500;}
.modal-contactform .modal-header .close {	margin-top: -1rem;opacity: 0.5;font-size: 2.6rem;width: 30px;	margin-right: -0.8rem;}
.modal-contactform .content_popupform .input-group{ width: 100%;margin: 0 0 1.5rem;}
.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: 0.5rem 2rem;
	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: 0.8rem;
	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){
	.mainfooter-toolbar{margin-bottom: 5rem;}
	.mainfooter-product {margin-bottom: 6rem;}
	.actionToolbar_product{
		opacity: 0;   visibility: hidden;
		transform: translateY(100%);
		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: 0.8rem 0.75rem;
		transition: padding .3s ease;
	}
	.layoutProduct_scroll.scroll-down .actionToolbar_product{
		opacity: 1;	visibility: visible;
		transform: translateY(0px);
	}
	.layoutProduct_scroll.scroll-down .product-action-bottom{padding-bottom: 6rem;}
}
/*===== APP COMBO - BUY X TANG Y ============================================*/
.modal-productApp{
	text-align: center;padding: 0!important;
	font-size:0;background: rgba(3, 17, 27, 0.7);
	transition: opacity .35s linear;
}
.modal-productApp:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.4rem;}
.modal-productApp .modal-dialog-centered {display: inline-block;text-align: left;vertical-align: middle;font-size: 1.4rem;}
.modal-productApp.fade .modal-dialog{transform: translate(0,0);}
.modal-productApp .modal-dialog-centered .modal-content {width: 100%; }
.modal-productApp.fade .modal-dialog-centered {
	opacity: 0;
	transform: scale(0.8);
	transition: all .2s;
}
.modal-productApp.fade.in .modal-dialog-centered {	opacity: 1;transform: scale(1);}
.modal-productApp .modal-footer {padding: 1.5rem;text-align: center;}
.modal-productApp .modal-footer .button{margin: 0 0.5rem;}
.modal-productApp .modal-header{padding: 1.5rem 2rem ;}
.modal-productApp .modal-header .name-combo,
.modal-productApp .modal-header .modal-title {margin: 0;font-weight: bold;font-size: 2.2rem;padding: 0rem 3rem 0rem 0rem;}
.modal-productApp .modal-header .combo-title {margin: 1rem 0 0;font-size: 1.4rem;	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: 2.1;margin-top: -0.2rem;}
#combo-program {max-height:400px;    overflow: auto;}
#combo-program .combo-title b {color: #ff0707;}
#combo-program .combo-w {border: 0;margin-bottom: 0rem;padding: 0rem 1rem 0rem 4rem;position: relative;}
#combo-program .combo-w:after {content: '\2714\fe0e';font-size: 1.6rem;position: absolute;top: calc(50% - 11px);left: 11px;color:#0d2445;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 #0d2445;}
#combo-program table tr {margin-bottom: 0.3rem;}
#combo-program table tr:first-child td { border-top:0; }
#combo-program table label {font-weight: normal;font-size: 1.3rem;display: block;border: none;padding: 0.2rem 0.5rem;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: 0rem;padding-left: 1.5rem;}
#combo-program table label .discount-promotion-price b {color: #fa0303;}
#combo-program table label .discount-promotion-price del {margin-left: 0.5rem;}
#combo-program table input {display: none;}
#combo-program table input:checked + label {color: #000;background: #fff8f8;}
#buyxgety-program {margin: 2rem 0;border: 2px dotted #0d2445;padding: 1rem;position: relative;min-height: 100px;z-index: 0;}
#buyxgety-program .buyxgety-heading{padding: 0.5rem 1rem;position: relative;padding-right: 6rem;}
#buyxgety-program .buyxgety-heading h3{font-size: 1.8rem;font-weight: 600;margin: 0 0 0.4rem;}
#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: 1.5rem 3rem;}
.buyxgety_item {display: flex;padding: 0.5rem 1rem 1rem;}
.buyxgety_item .buyxgety_checkbox {width:35px;float: left;padding-top: 0.7rem;}
.buyxgety_item .buyxgety_image {width: 60px;float: right;}
.buyxgety_item .buyxgety_item_title{width:calc(100% - 95px);float: right;padding-left: 1.5rem;}
.buyxgety_item .buyxgety_list_variant select{font-size: 94%; font-style: italic;min-width:110px;	outline: none; padding: 0.1rem 1.5rem 0.2rem;	margin: 0.2rem 0 0.5rem;}
.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: 1.4rem 3.5rem; font-size: 1.6rem;}
table.table-cart tr td.item .ico-gift{display: inline-block;width: 16px;vertical-align: text-bottom;margin-left: 1rem;}
@media(max-width:767px){
	.modal-productApp .modal-dialog-centered{margin: 3rem 1rem 5rem;}
	.modal-productApp .modal-header{padding-left: 1.5rem;}
	.modal-productApp .modal-header .name-combo,
	.modal-productApp .modal-header .modal-title{ font-size: 1.8rem;}
	.modal-productApp .modal-footer .button{width:100%;margin: 0;}
	.modal-productApp .modal-footer .button + .button{margin-top: 1.5rem;}
}
/*====== POPUP CONTACT ====================================================================*/
.modal-popupContact{
	font-size: 0; text-align: center; padding: 0 !important;
	color:#333;	background: rgba(3, 17, 27, 0.7);
	transition: opacity .35s linear;
}
.modal-popupContact:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.4rem;}
.modal-popupContact .modal-dialog-centered {font-size: 1.4rem;display: inline-block;text-align: left;	vertical-align: middle;}
.modal-popupContact.fade .modal-dialog{transform: translate(0,0);}
.modal-popupContact .modal-dialog-centered .modal-content {width: 100%; }
.modal-popupContact .modal-dialog-centered{ margin: 3rem auto 5rem;}
.modal-popupContact.fade .modal-dialog-centered {
	opacity: 0;
	transform: scale(0.8);
	transition: all .2s;
}
.modal-popupContact.fade.show .modal-dialog-centered {
	opacity: 1;
	transform: scale(1);
}
.modal-popupContact .close-popup-contact{
	background-color: rgba(0, 0, 0, .3);	
	height:30px;width:30px;line-height: 2.1;	
	position: absolute;right: 10px;top: 10px;z-index: 2;
	border-radius: 50%;opacity: 1;text-align: center;outline: none;
  border: 1px solid #fff;
}
.modal-popupContact .close-popup-contact svg{
  display: block;
  margin: auto;
  height: 30px;
  width: 14px;
  text-align: center;
  fill:#fff;
  transform: translate(0, -2px);
}
.modal-popupContact .close-popup-contact:hover{background-color: rgba(0,0,0,.6);}
.modal-popupContact.popupBanner .modal-content{background-color: transparent;width: auto;margin-top: 10%; 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: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: 5rem 2.5rem 3rem;float:right;}
.title-popup-contact {font-size: 2.4rem;	margin: 0rem 0rem 1rem;font-weight: 500;}
.message-popup-contact {margin-bottom: 2.5rem;}
.title-adv-popup-contact {font-size: 1.4rem;margin-bottom: 0.5rem;}
.list-adv-popup-contact li {list-style-type: disc;margin-left: 2.5rem;font-size: 1.4rem;}
.popup-form-customer{margin-bottom: 1.5rem;}
.popup-form-customer .input-group {width: 100%;display: block;margin-bottom: 0}
.popup-form-customer .input-group input{appearance: none;}
.popup-form-customer .input-group input,
.popup-form-customer .input-group .input-group-addon{
	width:100%;margin-bottom: 1.5rem;
	height: 45px;padding: 1rem 2rem;line-height: 1.7;
	background: #fff;border:1px solid #edebe9;
}
.popup-form-customer .input-group .input-group-addon {margin-bottom: 0.8rem;font-weight: 700;color: #fff;cursor: pointer;border-color:#0d2445;}
.popup-form-customer .input-group .input-group-addon:hover,
.popup-form-customer .input-group .input-group-addon:focus{
	background-color:#fff;border-color:#0d2445;color:#0d2445;
}
.popup-form-customer .succes-popup{font-size: 1.3rem;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: 3.5rem 1rem 5rem;}
	.modal-popupContact.popupForm .modal-content:before, 
	.modal-popupContact.popupForm .modal-content .modal-wrapper-contact{width:100%;}
}
/*---------------------------------------------------------------------------------
RESPONSIVE
---------------------------------------------------------------------------------*/
@media(min-width:768px){
	.wrapper-heading-home h2 {font-size: 3.5rem;}
  .wrapper-whyus .image-overlay-container .image-overlay-column img {
		width: 150px;
		margin: 0 6rem 0 0;
	}
	.sidebarCart-sticky{position: sticky;top:70px;}
}
  
@media(min-width:1600px) {
	.wrapper-video-home .video-overlay-container {height: 50%;}
	.wrapper-whyus {aspect-ratio: 5.5 / 1;}
	.wrapper-whyus > img {aspect-ratio: 5.5 / 1;}
}
@media(min-width:1200px){
	.wrapper-video-home .video-overlay-container {
		height: 70%;
		padding: 4rem 8.5rem;
		justify-content: space-evenly;
	}
	.wrapbox-content-account{padding: 10rem;}
	.wrapbox-heading-account .header-page{ width:60%;}
	.block-banner-category img{
		transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
	.block-banner-category:hover img{transform: scale(1.2);}
	.top-footer .area_newsletter .title_newsletter {width: 26%;}
	.layout-pageContact .container-fluid {padding-left: 0;}
}
@media(min-width:992px) and (max-width:1199px){
	/*account*/
	.wrapbox-content-account{padding: 10rem 6rem;}
	.wrapbox-heading-account .header-page{ width:80%;}
}
@media(min-width:992px){
	.wrapper-video-home .video-overlay-container {width: 100%;}	
	.wrapper-whyus {aspect-ratio: 3.5 / 1;}
  .wrapper-whyus > img {aspect-ratio: 3.5 / 1;}
	.wrapper-whyus .image-overlay-container {
    width: 100%;
    padding: 10rem 1.5rem;
  }
	.wrapbox-heading-account {
		position: sticky;top: 0;
		border-right: 1px solid #ededed;
		height: 100vh;	padding: 0;
	}
	.wrapbox-heading-account .header-page{padding-bottom: 7rem; }
	.box-heading-contact{
		position: sticky;
		top: 0;
		border-right: 1px solid #ededed;
		height: 100vh;
		padding: 0;
	}
	.box-map iframe{height:100vh!important}
 	.product-detail-wrapper {padding: 1.5rem 0}

	/**** COLLECTION ****/
	.sidebar-fix {
		position: sticky;
		top: 90px;
		margin-top: 9rem;
    align-self: flex-start;
	}
	/**** PRODUCT DETAIL ****/
	.icon-pr-fix.out-with-you {  opacity: 0;}
	.product-content-desc{
		position: sticky;
		top: 65px;
	}
	/**** BLOG ****/
	.list-article-content .news-content{height: 50vh;}
	/**** FOOTER ****/
	.top-footer .area_newsletter {
		display: flex;
		align-items: center;
		margin-bottom: 0;
	}
	.top-footer .area_newsletter .title_newsletter {
		width: 32%;
		border-right: 1px solid #0d2445;
		margin-right: 2rem;
		margin-bottom: 0;
	}
}
@media(max-width:991px) {
	.wrapper-video-home {aspect-ratio: 1 / 1;}
	.wrapper-video-home .video-overlay-container {width: 100%;}
	.wrapper-video-home .video-overlay-container .video-overlay-row img {margin: 0 1.5rem 0 0;}
	.header-wrap-icon > span.icon-account,
	.header-wrap-icon > span.icon-search {display: none!important;}
	.block .title_block {
		position: relative;
		width: 100%;
		display: inline-block;
	}
	.block .title_block span {display: block;top:8px;right:10px;position: absolute;}
	.block .block_content {display: none;}
	.product-image-detail {width:100%;padding: 0;}
	.product-title h1 {font-size: 2.6rem; margin-top: 3rem;}
	.caption_banner {padding: 0 1.5rem;bottom: 10px;}
	.caption_banner h3{font-size: 1.8rem;}
	/* collection */
	.wrap-collection-title .heading-collection {margin: 0;}
	.wrap-collection-title .heading-collection h1 {font-size: 2rem; text-align:center;margin: 2rem 0;}
	.no-product{text-align:center}
	.left-module {margin: 2rem 0 0;}
	/* Blog Article */
	.sidebar-blog .layered, .sidebar-page .layered {display: none;}
}
@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: 5rem; }
	.wrapbox-heading-account .header-page:after {margin: 5rem auto 0;}
	.wrapbox-content-account{padding: 10rem 8rem;}
	.box-heading-contact{height: 50vh;border-bottom: 1px solid #ededed;}
	.box-map iframe{height:50vh!important}	

	/* 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: flex;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:flex;align-items:center}
	.box__product-gallery.scroll .site-box-content:after {content: '';display: none;}
	/* CART */
	.checkout-note textarea{margin-bottom: 2rem}
	.sidebox-order_title h3 {font-size: 1.8rem;}
	.sidebox-order_total p .total-price{font-size: 2rem;}
	.sidebox-order_text {font-size: 1.2rem;}
	.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:767px){
	.wrapbox-heading-account {padding: 3rem 1.5rem;border-bottom: 1px solid #ededed;}
	.wrapbox-heading-account .header-page{text-align: center;}
	.wrapbox-heading-account .header-page h1 {font-size: 3.4rem;}
	.wrapbox-heading-account .header-page:after {margin: 2rem auto 0;}
	.wrapbox-content-account{padding: 6rem 1.5rem;}
	.heading-page{position: relative;text-align:center;padding: 0 0 3rem 0;}
	.heading-page:after {content: "";background:#252a2b;display: block;width: 60px;height: 4px;margin: 2.5rem auto 0;}
	.heading-page h1 {margin: 0rem 0;}
	.wrapbox-content-page-contact{padding: 4rem 1.5rem;}
	/* index */
	.wrapper-video-home .video-overlay-container .video-overlay-row img {width: 40px;}
	.wrap-collection-title h2,.wrap-collection-title .link-more{font-size: 2.4rem;}
	.wrap-collection-title.image-resize{padding-top: 0rem;}
	.wrapper-home-banner .home-banner-pd {padding: 0 0.5rem;margin-bottom: 0rem;}
	/* product detail*/
	.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: flex;align-items: center;}
	.box__product-gallery{overflow:visible; min-height: 300px;}
	.slide_product{ 
		width: 100%;height: 100%;
		transition: opacity 300ms linear, transform 300ms linear;
	}
	.slide_product li.gallery-item {
		height: 100%;
		width: 100%;
		overflow: hidden;
		display: flex;
		align-items: center;
	}
	.box__product-gallery.scroll .site-box-content:after {content: '';display: none;}
	.slide_product li.gallery-item img{
		width: 100%;
		object-fit: contain;
		pointer-events: none;
	}
	.input-bottom{width: 54px;float:left;margin-right: 1.5rem;}
	.input-bottom input{
		width: 54px;
		height: 45px;
		border: 1px solid #0d2445;
    	border-radius: 10px;
    	background-color: #edebe9;
		text-align: center;
		outline: none;
		box-shadow: none;
		appearance: none;
	}
	.add-cart-bottom {
		font-weight: 600;
		height: 45px;
		width: calc(100% - 70px);
		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: 4.5rem;}
	.list-productRelated .wrap-collection-title .block-pding:after{
		content: "";
		display: block;
		width: 50px;
		height: 4px;
		margin: 3rem auto auto;
		background:#252a2b;
	}
	/******* blog -article *******/
	.list-article-content .news-content{ min-height: 250px;height: 50vh;}
	
	.sidebarblog-title h2 {text-align: center;margin-bottom: 1rem;}
	.blog-posts .blog-post .blog-post-thumbnail {margin-bottom: 2rem;}
	/******* ABOUT-CONTACT *******/
	.box-heading-contact{padding: 0;}
	
	.box-send-contact h2{font-size: 2rem}
	.box-map iframe{height:50vh!important}
	/* CART PAGE */
	.layoutPage-cart .heading-page h1 {margin: 0 0 1rem;}
	table.table-cart {margin-bottom: 2.5rem;border:0;}
	table.table-cart thead tr{display:none;}
	table.table-cart tr td{ border:0;padding: 0 0.5rem;}
	table.table-cart tbody>tr {
		background:#ffffff;
		padding: 2rem 0;
		display: block;
		border-radius: 2px;
		border-bottom: 1px solid #e8e8e8;
		position: relative;
		margin-bottom: 1rem;
	}
	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: 0.5rem;}
	table.table-cart tr td.item h3 {margin: 0 0 0.5rem;display: block;padding-right: 2rem;}
	table.table-cart tr td.qty {padding: 0rem;float: right;	margin-right: 0.8rem;text-align: right;position: absolute;right: 0px;bottom: 35%;}
	table.table-cart tr td.item .price {width: 100%;float: left;text-align: left;margin: 1.5rem 0;}
	table.table-cart tr td.item .price del{margin-top: 0.2rem;}
	table.table-cart tr td.item .price span.text{display:inline-block;font-size: 1.2rem;} 
	table.table-cart tr td.remove a {position: absolute;	top: 22px;	right: 0;}
	table.table-cart tr:last-child td {border: none;}
	.checkout-note textarea {margin-bottom: 2rem;}
	.cart-buttons .btn-checkout, .cart-buttons a, .cart-buttons .btn-update {
		font-size: 1rem;
		margin: 0;
		padding: 1.5rem 0.8rem;
	}
	/* SEARCH ++	ACCOUNT */
	.search-field{width:100%;}
	.title-infor-account h1 {font-size: 3rem;}
	.title-infor-account h1:after{margin-top: 3.2rem;}
	.AccountSidebar {margin-bottom: 4rem;}
	.table-responsive {padding: 0 0.8rem 1rem}
	/* footer*/
	.footer .collapse {display: none;visibility: hidden;}
	.footer .collapse.in {display: block;visibility: visible;}
	.main-footer .footer-content {display: none;}
	.main-footer .footer-col {margin-bottom: 0;}
	.main-footer .footer-title {
    line-height: 1.4;
		position: relative;
		font-size: 1.4rem;
		text-transform: uppercase;
		margin: 0rem;
		padding: 1rem 0;
	}
  .main-footer .footer-sub-title {
    line-height: 1.4;
		position: relative;
		font-size: 1.4rem;
		text-transform: uppercase;
		margin: 0rem;
		padding: 1rem 0;
	}
  .main-footer .footer-sub-title .h4 {
    margin: 0rem;
  }
	.main-footer h4.footer-title:before {
		font-family: "FontAwesome";
		content: "\f107";
		font-size: 1.4rem;
		position: absolute;
		top: 0px;
		right: 5px;
		text-align: center;
		line-height: 2.5;
	}
	.main-footer h4.footer-title.active:before {content: "\f106";}
	.main-footer .col-lg:last-child .footer-col {border-bottom: none;}

}
/* ===================================
				SWIPER
=================================== */
/* fix swiper grid issues - override the default in swiperjs */
.swiper-grid-column>.swiper-wrapper {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-auto-flow: column;
}
.swiper-pagination-bullet {
	border: 1px solid #fff;
}
.swiper-pagination-bullet-active {
	background: #f7c657;
}
/* hero sliders */
#hero-slider .swiper img {
  border-radius :0;
  width: 100%;
  height: auto;
}
#hero-slider .swiper-slide {
	aspect-ratio: 16/9;
}
/* home collection sliders */
.home-swiper .swiper-button-prev,
.home-swiper .swiper-button-next {
	width: 34px;
  height: 34px;
	border-radius: 999px;
	background: rgba(237,235,233,0.95);
	box-shadow: 0 4px 16px rgba(0,0,0,0.12);
	color: #0d2445;
}
.home-swiper .swiper-button-prev { left: 0; }
.home-swiper .swiper-button-next { right: 0; }
.home-swiper .swiper-button-prev:after,
.home-swiper .swiper-button-next:after {
  font-size: 1.6rem;
  font-weight: 700;
}
.home-swiper .swiper-scrollbar {
	left: 0;
  right: 0;
	bottom: 0;
	width: auto;
	height: 2px;
	background: #edebe9;
	border-radius: 999px;
}
.home-swiper .swiper-scrollbar-drag {
  background: #0d2445;
  border-radius: 999px;
}

.home-static-swiper .swiper-slide {
  height: auto;
}
.home-static-slider .pro-loop {padding: 0;}
.home-static-slider .product-block {height: 100%;}
.home-static-slider .swiper-scrollbar {margin-top: 2rem;}
.home-static-slider .product-block {
  height: 100%;
  border-radius: 1rem;
}
@media (min-width: 992px) {
  .home-static-slider {padding: 0 0.25rem;}
  .home-swiper .swiper-button-prev,
  .home-swiper .swiper-button-next {
	width: 40px;
	height: 40px;
	top: 40%;
  }
}
/* Home application slider */
.home-application-slider .swiper-scrollbar-drag {
  background: #db9727;
}
.home-application-slider .application-card .product-img {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
}
.home-application-slider .application-title {
  position: absolute;
  bottom: 14px;
  left: 14px;
  right: 14px;
  z-index: 2;
  margin: 0;
}
.home-application-slider .application-title a {
  color: #fff;
  font-size: 1.4rem;
}
.home-application-slider .application-card .product-img:before {
  content: "";
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  z-index: 1;
  background: linear-gradient(to top, rgba(0,0,0,0.55), rgba(0,0,0,0));
  pointer-events: none;
}
@media (min-width: 992px) {
  .home-application-slider .swiper-wrapper {padding: 0;}
  .home-application-slider {padding: 0 0.25rem;}
}
/* Home services + product category hover surface */
@media (min-width: 992px) and (hover: hover) and (pointer: fine) {
  .home-services-slider .swiper-slide,
  .home-category-slider .swiper-slide,
  .home-success-slider .swiper-slide,
  .home-application-slider .swiper-slide {
    padding: 1rem;
    box-sizing: border-box;
    overflow: visible;
  }

  .home-services-slider .static-card,
  .home-category-slider .static-card,
  .home-success-slider .static-card,
  .home-application-slider .application-card {
    position: relative;
  }
  .home-services-slider .static-card:before,
  .home-application-slider .application-card:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #253957;
    border-radius: 1rem;
    opacity: 0;
    transition:
      opacity 0.2s ease,
      background-color 0.2s ease,
      pointer-events: none;
    z-index: 0;
  }
  .home-category-slider .static-card:before,
  .home-success-slider .static-card:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #f8f6f2;
    border-radius: 1rem;
    opacity: 0;
    transition:
      opacity 0.2s ease,
      background-color 0.2s ease,
      pointer-events: none;
    z-index: 0;
  }
  .home-services-slider .product-block,
  .home-category-slider .product-block,
  .home-success-slider .product-block,
  .home-application-slider .product-block {
    position: relative;
    z-index: 1;
    height: 100%;
    overflow: hidden;
  }
  .home-services-slider .static-card:hover:before,
  .home-category-slider .static-card:hover:before,
  .home-success-slider .static-card:hover:before,
  .home-application-slider .application-card:hover:before {
    opacity: 1;
  }
}
/* product gallery sliders */
.product-gallery-main .swiper-button-prev,
.product-gallery-main .swiper-button-next {
	width: 34px;
  height: 34px;
	border-radius: 999px;
	background: rgba(255,255,255,0.95);
	box-shadow: 0 4px 16px rgba(0,0,0,0.12);
	color: #0d2445;
}
.product-gallery-main .swiper-button-prev { left: 0; }
.product-gallery-main .swiper-button-next { right: 0; }
.product-gallery-main .swiper-button-prev:after,
.product-gallery-main .swiper-button-next:after {
  font-size: 1.6rem;
  font-weight: 700;
}
.product-gallery-main .swiper-scrollbar {
	left: 0;
    right: 0;
	bottom: 0;
	width: auto;
	height: 2px;
	background: #edebe9;
	border-radius: 999px;
}
.product-gallery-main .swiper-scrollbar-drag {
  background: #0d2445;
  border-radius: 999px;
}
@media (min-width: 992px) {
  .product-gallery-main .swiper-button-prev,
  .product-gallery-main .swiper-button-next {
	width: 40px;
	height: 40px;
  }
}
/* related products sliders */
.related-collection-slider {padding-bottom: 2rem;}
.related-swiper .swiper-button-prev,
.related-swiper .swiper-button-next {
	width: 34px;
    height: 34px;
    margin-top: -4rem;
	border-radius: 999px;
	background: rgba(255,255,255,0.95);
	box-shadow: 0 4px 16px rgba(0,0,0,0.12);
	color: #0d2445;
}
.related-swiper .swiper-button-prev { left: 0; }
.related-swiper .swiper-button-next { right: 0; }
.related-swiper .swiper-button-prev:after,
.related-swiper .swiper-button-next:after {
  font-size: 1.6rem;
  font-weight: 700;
}
.related-swiper .swiper-scrollbar {
	left: 0;
    right: 0;
	bottom: 0;
	width: auto;
	height: 2px;
	background: #edebe9;
	border-radius: 999px;
}
.related-swiper .swiper-scrollbar-drag {
  background: #0d2445;
  border-radius: 999px;
}
@media (min-width: 992px) {
  .related-swiper .swiper-button-prev,
  .related-swiper .swiper-button-next {
	width: 40px;
	height: 40px;
	margin-top: -7rem;
  }
}
/* Product gallery desktop thumbs layout */
@media (min-width: 992px) {
  .product-gallery {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
  }
  .product-gallery-thumbs {
    display: block;
    flex: 0 0 92px;
    width: 92px;
    height: 520px;
    overflow: hidden;
  }
  .product-gallery-thumbs .swiper-wrapper {
    height: auto !important;
  }
  .product-gallery-thumbs .swiper-slide {
    width: 100%;
    height: 92px !important;
    cursor: pointer;
    opacity: .75;
    transition: opacity .2s ease, border-color .2s ease;
    border: 1px solid transparent;
    border-radius: 10px;
    overflow: hidden;
    box-sizing: border-box;
  }
  .product-gallery-thumbs .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .product-gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    border-color: rgba(0,0,0,.18);
  }
  .product-gallery-main {
    min-width: 0;
    flex: 1 1 auto;
  }
}
/* Bootstrap 5 breadcrumb */
.breadcrumb-shop .breadcrumb {
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
  font-size: 1.4rem;
}
.breadcrumb-shop .breadcrumb-item {display: inline-flex; align-items: center;}
.breadcrumb-shop .breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  padding: 0 0.8rem;
  color: rgba(0,0,0,0.45);
  float: none;
  font-size: 1.2rem;
}
.breadcrumb-shop .breadcrumb-item span {font-size: 1.2rem}
.breadcrumb-shop .breadcrumb-item a:hover {text-decoration: underline;}
.breadcrumb-shop .breadcrumb-item.active {color: rgba(0,0,0,0.6);}
@media(min-width:992px) {
  .breadcrumb-shop .breadcrumb-item span {font-size: 1.4rem}
  .breadcrumb-shop .breadcrumb-item + .breadcrumb-item::before {font-size: 1.4rem}
}
/* Mobile offcanvas cleanup */
.offcanvas .btn-link {
	color: #fff;
	font-size: 2rem;
	padding: 0;
}
.offcanvas img {border-radius: 0}
.offcanvas .btn-close.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
  opacity: 1;
}