@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap');
*{
	font-family: 'Inter', sans-serif;
}
.glyphicon{
	font-family: 'Glyphicons Halflings'!important;
}
.fa {
	font-family: 'FontAwesome'!important;
}
html,body {
	border: 0;
	background-color: #fff;
}
*{
	margin: 0;
	padding: 0;
}
html {
	font-size: 62.5%;
	-webkit-overflow-scrolling: touch;
	-webkit-touch-callout:none;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:100%;
}
body {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.21;
	color: #000;
	background: #fff;
	font-family: 'Inter', sans-serif;
}
html #page {
	position: relative;
}
body.custom-background {background-color: #f6f6f6;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* 1.2 - HTML5 Elements */
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section { display:block; }
/* 1.3 - Typography */
h1,h2,h3,h4,h5,h6 { color:#000; margin:0 0 13px 0; }
h1 { font-weight: 400; color: #333333;  font-size: 36px; line-height: 36px; }
h2 { font-weight: 400; color: #333333;  font-size: 28px; line-height: 28px; }
h3 { font-weight: 400; color: #333333;  font-size: 24px; line-height: 24px; }
h4 { font-size: 13px; line-height: 18px; }
h5 { font-size: 12px; line-height: 18px; }
h6 { font-size: 10px; line-height: 18px; text-transform:uppercase; }
h1 .note, h2 .note, h3 .note, h4 .note, h5 .note, h6 .note { margin-left: 8px; font-weight: 400; font-size: 12px;}
h1 .note a, h2 .note a, h3 .note a, h4 .note a, h5 .note a, h6 .note a { color: #ef8742; }
p { margin: 0 0 20px 0; line-height: 21px }
.flex-box {display: flex;}
.flex-inline {display: inline-flex;}
.flex-w {flex-wrap: wrap;}
.flex-c {flex-direction:column;}
.align-c {align-items: center;}
.justify-c {justify-content: center;}
.justify-s {justify-content: space-between;}
.justify-e {justify-content: end;}
.flex-box.row:before,.flex-box.row:after{display:none;}
.flex-box > img{align-self:center;}
/* 1.4 - Links and Buttons */
a { text-decoration: none; outline: none; color:#000;}
a:hover, a:focus{text-decoration: none; outline: none;color: #ED4397;}
a:active { outline: none; }
/* 1.5 - Tables */
table { width: 100%; border-spacing: 0; }
table tr td { border-top: 1px solid #dddddd; }
table tr td, table tr th { padding: 10px; text-align: left; }
table tr td:first-child, table tr th:first-child { padding-left: 0px; }
table tr td:last-child, table tr th:last-child { padding-right: 0px; }
strong { font-weight: 700; }
em { font-style: italic; }
/* 1.6 - Lists */
ol, ul{padding:0;list-style:none;}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	font-weight: 300;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0px;
	text-align: left;
	color: #777777;
	padding: 15px;
	background: #f4f4f4;
	border-radius: 0;
	border: none;
}
html input:focus, .form-control:focus{
	border-color: #e8e8e8;
	outline: none;
	webkit-box-shadow: none;
	box-shadow: none;
}
img {
	height: auto;
	max-width: 100%;
}
.site-header, .site-footer {
	width: 100% !important;
	padding: 0;
}
.mb50{margin-bottom:50px;}
.title-16{
	font-size:16px;
	font-weight:bold;
	line-height:19px;
	color:#000;
	margin:0;
}
a.my-btn1{
	font-size:14px;
	font-weight: bold;
	background: #F01F86;
	color: #fff;
	border: 1px solid #F01F86;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	height:48px;
	padding:0 23px;
}
a.my-btn2{
	font-size:14px;
	font-weight: bold;
	background: #fff;
	color: #000;
	border: 1px solid #000;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	height:48px;
	padding:0 23px;
}
/*-----------------------------------------------------------------------------------
Header
-----------------------------------------------------------------------------------*/
.header-right-icon {
	cursor: pointer;
}
.header-action_dropdown{
	position: absolute;top: calc(100% + 15px);  left: auto;right:-15px;z-index: 990;
	min-width: 280px;border-radius: 3px;
	color: #000;background: #fff;  border: solid 1px #dfe3e8;
	/*background-image: linear-gradient(to bottom, #ffffff, #f9fafb);*/
	box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
	visibility: hidden;opacity: 0;
	-webkit-transform: scale(0.9);transform: scale(0.9);
	transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s, -webkit-transform 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s;
	transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s, -webkit-transform 0.25s ease-in-out;
	will-change: transform;
}
.box-triangle {
	position: absolute;bottom: calc(100% - 5px);
	margin:0 auto;width: 22px; height: 15px;right:10px; 
}
.box-triangle svg{
	-webkit-filter: drop-shadow(0 -3px 2px rgba(0, 0, 0, 0.12));
	filter: drop-shadow(0 -3px 2px rgba(0, 0, 0, 0.12));
}

.header-action_dropdown .header-dropdown_content{
	width: 100%;height: 100%;	max-height: 100%;overflow: hidden;padding: 20px 15px;
}

.header-action.show-action .header-action_dropdown{
	visibility: visible;opacity: 1;
	-webkit-transform: scale(1);transform: scale(1);
	transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), visibility 0.4s linear, -webkit-transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1);
	transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear;
	transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear, -webkit-transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.sitebox-recaptcha {
	padding: 6px 0 0;
	text-align: left;
	color: #9e9e9e;
	font-size: 13px;
	clear: both;
}
.sitebox-recaptcha a {
	color: #2962ff;
}
.site_account_title {
	margin-bottom: 4px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	padding-top:3px;
}
.site_account_title.has-border{
	border-bottom: 1px solid #ededed;
	padding-bottom: 10px;
	margin-bottom: 12px;
}
.site_account_legend{margin:0 0 10px;font-size: 12px;}
.site_account .site_account_panel_list .site_account_info li {
	padding: 0 4px;
	margin-bottom: 10px;
}
.site_account .site_account_panel_list .site_account_info li span {
	font-size: 15px;
	color: #282c2d;
	font-weight: bold;
}
.site_account_panel_list .site_account_inner {
	font-size: 12px;
}
.site_account_inner form .form__input-wrapper {
	position: relative;
	width: 100%;
	margin-bottom: 12px;
	background:#fff;
}
.site_account_inner form .form__input-wrapper .form__floating-label {
	position: absolute;
	left: 10px;
	top: 0;
	line-height: 42px;
	font-size: 12px;
	margin-bottom: 0;
	color: #677279;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transform-origin: left top;
	transform-origin: left top;
	transition: -webkit-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
	pointer-events: none;
}
.errors {
	color: #f00;
	margin-bottom: 10px;
}
.site_account_inner form .form__input-wrapper .form__field {
	display: block;
	padding: 14px 10px 3px;
	border-radius: 2px;
	border: 1px solid #d4d6d8;
	width: 100%;
	line-height: normal;
	height: 42px;
	color: #000;
	background:#fff;
	-webkit-appearance: none;
	resize: none;
	font-size: 13px;
	outline: none;
	box-shadow: 0 1px rgb(212 214 216 / 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_inner form .form__input-wrapper .form__field:focus + .form__floating-label, .site_account .site_account_panel_list .site_account_inner form .form__input-wrapper .form__field.is-filled + .form__floating-label {
	-webkit-transform: translateY(-6px) scale(0.8);
	transform: translateY(-6px) scale(0.8);
}
.site_account_inner form .form__submit {
	width: 100%;
	outline: none;
	padding: 0px 28px;
	height: 42px;
	line-height: 42px;
}
.site_account_inner .site_account_secondary-action {
	margin-top: 16px;
	font-size: 12px;
}
.site_account_inner .site_account_secondary-action > p, .site_login p {
	margin-bottom: 4px;
}
.site_account_inner .site_account_secondary-action > p .link, .site_login p a {
	color: #F01F86;
	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_panel {
	width: 100%;visibility: hidden;
	transition: visibility 500ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
	transition: transform 500ms cubic-bezier(0.23, 1, 0.32, 1), visibility 500ms cubic-bezier(0.23, 1, 0.32, 1);
	transition: transform 500ms cubic-bezier(0.23, 1, 0.32, 1), visibility 500ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
}
.site_account .site_account_panel_list .site_account_panel.site_account_default.is-selected{-webkit-transform: translateX(0);	transform: translateX(0);}
.site_account .site_account_panel_list .site_account_panel.site_account_sliding.is-selected{-webkit-transform: translateX(0);	transform: translateX(0);}
.site_account .site_account_panel_list .site_account_panel.site_account_default{-webkit-transform: translateX(-100%);	transform: translateX(-100%);}
.site_account .site_account_panel_list .site_account_panel.site_account_sliding{
	position: absolute;top: 0;left: 0;
	-webkit-transform: translateX(100%);	transform: translateX(100%);
}
.show-action .header-action_dropdown .site_account_panel.is-selected{	visibility: visible;}
@media (min-width: 992px) {
	.site-header-search .header-action_dropdown{ width: 400px;}
	.site-header-account .header-action_dropdown{width:340px;}
}
/*---- Thông tin ----*/

.site-header .top-panel {
	font-size: 14px;
	background-color: #ED4397;
	padding: 12px 0;
}
.site-header .top-panel-wrap { text-align: center; }
.site-header .top-panel-wrap .top-panel-message {
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #000000; 
	text-align: left;
}
.site-header .top-panel-wrap .top-panel-message em {
	font-weight: 700;
	color: #ED4397;
	margin-right: 4px;
	font-style: normal;
}
.site-header .top-panel-wrap .top-panel-message a:hover em { text-decoration: underline; }

/*---- Top menu + Dang ky/Dang nhap ----*/
.site-header .top-panel-wrap .dropdown-top-menu {
	position: relative;
	z-index: 99;
	display: inline-block;
	padding: 3px 0;
}
.site-header .top-panel-wrap .dropdown-top-menu .top-panel-menu {
	float: none;
	padding: 0;
}
.site-header .top-panel-wrap .dropdown-top-menu .top-panel-menu-list { padding: 3px 0; }
.site-header .top-panel-wrap .dropdown-top-menu .top-panel-menu-list li {
	display: inline-block;
	padding-left: 5px;
	padding-right: 10px;
	font-size: 14px;
	line-height: 20px;
}
.site-header .top-panel-wrap .dropdown-top-menu .top-panel-menu-list li a,
.site-header .top-panel-wrap .top-my-account span { 
	color: #000000;  
	transition: .3s all ease;
}
.site-header .top-panel-wrap .top-panel-message em { color: #000000; }
.site-header .top-panel-wrap .top-account { display: inline-block; }
.site-header .top-panel-wrap .dropdown-top-menu .top-panel-menu-list li a:hover,
.site-header .top-panel-wrap .top-my-account span:hover { 
	color: #ED4397; 
}
.widget-search form input[type="text"] {
	background-color: #ED4397 !important;
}
.widget-search form input[type="text"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #fff;
	opacity: 1; /* Firefox */
}

/*---- Search ----*/
.search-mobile {display: none}
.search-switcher-block {	text-align: right; }
.search-switcher-block .site-search {
	max-width: 360px;
	display: inline-block;
}
.widget-search {	position: relative; }
.widget-search form {	position: relative; }
.screen-reader-text {
	clip: rect(1px,1px,1px,1px);
	position: absolute!important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.widget-search form input[type="text"] {
	width: 100%;
	background-color: transparent;
	font-size: 14px;
	line-height: 28px;
	padding: 3px;
	padding-right: 44px;
	border: none;
	font-style: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
}
.widget-search form button {
	position: absolute;
	width: 25px;
	top: 4px;
	right: 0;
	bottom: 2px;
	line-height: 0;
	color: #fff;
	border: none;
	background: transparent;
	padding: 0;
	z-index: 2;
	line-height: 1;
	text-align: center;
	transition: all ease 0.3s;
}
.widget-search form button:hover {color: #ED4397;}
.widget-search form button i {
	font-size: 22px;
	line-height: 15px;
	width: auto;
	height: auto;
}

/*---- Social icon header ----*/
.header-container {
	background-color: #fff;
	padding:16px 0;
}

.site-header .header-container-wrap .social-list {
	float: none;
	text-align: left;
	margin-right: 0;
	margin-left: 0;
	-webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	-ms-flex-item-align: auto;
	-webkit-align-self: auto;
	align-self: auto;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
}
.site-header .header-container-wrap .social-list {
	text-align: left;
	padding: 30px 0 0 0;
}

/*---- Logo header ----*/
.site-header .header-container .logo-brand .site-logo { text-align: center; }
/*---- Cart header ----*/
.site-header-cart, .cart-mobile {
	display: inline-block;
	position: relative;
}
.site-header-cart .ajax_cart_quantity, .cart-mobile .ajax_cart_quantity{
	position:absolute;
	background: #F01F86;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	left: 10px;
	top: -10px;
	padding: 0;
	width: 16px;
	height: 16px;
	line-height: 16px;
	border-radius: 50%;
}
.site-header .header-container-wrap .site-header-cart .cart-contents {
	display: inline-block;
	cursor: pointer;
}
.site-header .header-container-wrap .site-header-cart .cart-contents .count {
	font-size: 14px;
	line-height: 26px;
}
.site-header-cart .content{
	display: none;
	margin-top: 0px;
	position: absolute;
	right: -15px;
	left: auto;
	top: calc(100% + 15px);
	width: 349px;
	text-align: left;
	z-index: 9999;
	border: solid 1px #dfe3e8;
	background: #fff;
	box-shadow: 0 1px 5px 2px rgb(0 0 0 / 10%);
}
.site-header-cart .content:after{
	content:'';
	position: absolute;
	height:20px;
	width:100%;
	bottom:100%;
}
header .site-header-cart:hover .content {
	display: block;
	webkit-animation-duration: 340ms;
	-moz-animation-duration: 340ms;
	animation-duration: 340ms;
	animation-delay: 100ms;
	-webkit-animation-delay: 100ms;
	-moz-animation-delay: 100ms;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: animation_dropdown;
	-moz-animation-name: animation_dropdown;
	animation-name: animation_dropdown;
	backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
/*
#cart .content:after{
position: absolute;
content: "\f0d8";
font-family: 'FontAwesome';
font-size: 18px;
line-height: 7px;
height: 7px;
right: 20%;
margin-right: -5px;
bottom: 100%;
z-index: 3;
color: #fe9ec7;
background: transparent !important;
}
*/
.site-header-cart .cart_content h4.cart-title {
	padding: 37px 15px 19px;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin:0;
}
.cart_content .cart-list{
	overflow: auto;
	max-height: 255px;
	padding: 0 10px 0 12px;
	position: relative;
}
.cart-list .item-cart {
	padding:12px 14px;
	background:#f9f9f9;
	margin-bottom:9px;
}
.item-cart .nav-bar-item {
	display:flex;
	align-items:center;
}
.item-cart .image-cart {
	flex:0 0 50px;
	width:50px;
}
.item-cart .text_cart {
	flex:1;
	padding:0 14px 0 11px;
}
.text_cart h4{
	margin-bottom: 10px;
	font-weight:400;
	font-size: 14px;
	padding:0;
}
.nav-bar-item .remove_link {
	flex:0 0 16px;
	width:16px;
}
.text_cart span.variant {font-size: 9px;display:none;}
.item-cart .text_cart .new-price{
	font-weight:bold;
}
.text-mini-cart {
	padding: 15px 20px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	text-transform: uppercase;
	display:none;
}
.cart_block_total {
	color: #ED4397;
	text-transform: none;
}
.cart-check-mini {
	padding: 30px 6px 7px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.cart-check-mini a{
	flex:0 0 calc(50% - 6px);
	width:calc(50% - 6px);
	display: flex;
	align-items: center;
	justify-content: center;
	padding:0;
	font-weight:bold;
	font-size:16px;
	height:48px;
	color:#fff;
}
/*----- Header mobile ------*/
.mobile-menu-icon-wrapper {display: none;}
.top-menu {
	float: left;
	width: 35px;
	height: 35px;
	border: 1px solid #eaeaea;
	position: relative;
	cursor: pointer;
	left: 15px;
}
.top-menu:before {
	content: "\f007";
	font-family: FontAwesome;
	display: block;
	text-align: center;
	line-height: 35px;
	font-size: 20px;
	color:#fff;
}
.top-menu .top-menu-container {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background: #fff;
	border: 1px solid #eaeaea;
	padding: 15px;
	min-width: 240px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.3);
	position: absolute;
	z-index: 1111;
	left: 0;
	top: 130%;
	opacity: 0;
	visibility: hidden;
	text-align: left;
}
.top-menu .top-menu-container ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.top-menu .top-menu-container ul li a {
	line-height: 30px;
	display: block;
	border-bottom: 1px solid #eaeaea;
	padding-left: 7px;
	color: #252525;
}
.top-menu:hover {
	color:#f09042;
}
.top-menu:hover .top-menu-container {
	top: 100%;
	opacity: 1;
	visibility: visible;
}
.cart-mobile {
	display: inline-block; 
	float: right; 
	margin: 0;
	padding: 13px 0 13px 40px;
	background-position: 0px 5px;
}
.relative{position:relative;}
.wpo-wrapper-search {
	padding: 10px 15px;
	position: relative;
}
.wpo-wrapper-search form{position: relative;}
.wpo-wrapper-search form input{
	width:100%;
	background: #fff;
	border: 1px solid #ececec;
	padding: 10px 40px 10px 15px;
	height:40px;
}
.wpo-wrapper-search form button{
	position:absolute;
	top:0;
	right:0;
	width:40px;
	height:40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border:0;
	background:transparent;
}
/*---- Menu ----*/
body.open-menu{overflow: hidden;}
.menu-nav-mobile-close, .overlay-mb {
	position: fixed;
	width: 100%;
	height: 100vh;
	right: 0;
	top: 0;
	background-color: rgba(46,55,61,.32);
	z-index: 888888;
	overflow: hidden;
	transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	opacity: 0;
	visibility: hidden;
}
.menu-nav-mobile-click-close {
	position:absolute;
	top:14px;
	right:8px;
	width:30px;
	height:30px;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
}
.open-cart .cart-mobile-close, .open-menu .menu-nav-mobile-close{
	opacity: 1;
	visibility: visible;
}
#mmenu {
	width: 85%;
	position: fixed;
	z-index: 999999;
	top: 0;
	left: -100%;
	height: 100vh;
	background: #fff;
	-webkit-transition: all .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transition: all .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	overflow-y: auto;
}
#mmenu.active {left: 0;}
#mmenu > .title {
	padding: 10px;
	height: 52px;
	line-height: 31px;
	border-bottom: 1px solid #eee;
	font-weight: 700;
	background: #fff;
	text-transform: uppercase;
}
#header-nav-mobile {
	background: #fff;
	position: relative;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}
#header-nav-mobile li {
	padding-left: 16px;
	display: flex;
	height: 50px;
	align-items: center;
	border-bottom: 1px solid #ccc;
}
#header-nav-mobile li.mb-logo {
	height: 60px;
}
#header-nav-mobile li.mb-logo img{height:34px;}
#header-nav-mobile li a {
	font-size: 14px;
	color: #000;
	width: calc(100% - 45px);
	text-transform: uppercase;
}
#header-nav-mobile li.back {
	color: #000;
	text-transform: uppercase;
	cursor: pointer;
	font-weight: bold;
}
#header-nav-mobile li.back i {
	font-size: 18px;
	margin-right: 12px;
}
#header-nav-mobile li.title {
	margin-left: 0;
	background: #ecedef;
	padding-left: 16px;
}
#header-nav-mobile li.has-child span.icon-sub {
	font-size: 18px;
	width: 45px;
	text-align: center;
	cursor: pointer;
	color: #000;
}
#header-nav-mobile li a svg {
	fill: #6f6f6f;
	width: 24px;
	height: 19px;
	margin-right: 6px;
	position: relative;
	top: 5px;
}
#header-nav-mobile li>ul {
	position: absolute;
	width: 100%;
	top: 0;
	right: -100%;
	background: #fff;
	height: 100%;
	padding: 0;
	transition: all 0.5s ease;
}
#header-nav-mobile li.active>ul {right: 0;}
.site-header .main-navigation {
	text-align: center;
	padding:0;
}
.site-header .main-navigation ul.menu>li+li {
	margin-right: 0;
}
.main-navigation {
	clear: both;
	display: block;
	width: 100%;
	text-transform: uppercase;
	position: relative;
}
.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	position: relative;
	text-align: left;
}
.main-navigation ul li {
	padding-left: 0;
}
.main-navigation ul li:before {
	display: none;
}
.menu-toggle {
	display: inline-block;
	line-height: 12px;
	padding: 5px;
	margin-bottom: 10px;
}
.main-navigation ul {
	display: none;
}
.main-navigation ul ul {
	position: absolute;
	top: 120%;
	visibility: hidden;
	opacity: 0;
	z-index: 99999;
	transition: 300ms linear;
	transition-property: top,opacity,visibility;
	margin: 30px 0 0 -15.5px;
	background: #fff;
	border-radius: 0;
	box-shadow: 0 0 18px 0 rgba(0,0,0,0.12);
	max-width: 217px;
	width: 217px;
	padding: 5px 0;
}
.main-navigation ul li:hover>ul, 
.main-navigation ul li.focus>ul, 
.main-navigation ul li.menu-hover>ul {
	top: 100%;
	visibility: visible;
	opacity: 1;
}
.site-header .main-navigation ul.menu>li:hover>ul, 
.site-header .main-navigation ul.menu>li>ul {
	margin-top: 0px;
}
.main-navigation ul.menu>li>a,
.main-navigation ul.menu>li>a:visited,
.main-navigation ul.menu>li>a:active {
	color: #000000;
}
.main-navigation ul.menu>li:hover>a,
.main-navigation ul.menu li .current,
.main-navigation ul.menu li ul li a:hover,
.main-navigation ul.menu li ul li ul li a:hover,
.mobilemenu-ul>li a:hover,
.mobilemenu-ul .mobilemenu-submenu li a:hover, 
.mobilemenu-ul>li.mobile-menu-shop a:hover {
	color: #ED4397!important;
	background: transparent;
}
.main-navigation ul.menu>li>a {
	display: block;
	position: relative;
	transition: all ease 0.3s;
	padding: 5px 15px;
}
.main-navigation ul.menu>li>a, .mobilemenu-ul>li a {
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.5714;
}
.menu-img img{
	max-height:13px;
	margin-right:4px;
}
.site-header.centered .main-navigation ul.menu>li {
	margin: 0 0 0px;
}
.main-navigation ul.menu>li.dropdown>a:after {
	position: relative;
	top: 0;
	margin-left: 5px;
	content: '\f107';
	font-family: FontAwesome;
	font-weight: 400;
	font-size: 16px;
	line-height: inherit;
}
.main-navigation ul ul a {
	width: 100%;
	text-align: left;
	padding: 10px;
	position: relative;
	font-size: 13px;
	color: #000;
}
.main-navigation ul ul li a {
	text-transform: uppercase;
}
.main-navigation ul ul li {
	border-top: 1px solid rgba(0,0,0,0.1);
}
.main-navigation ul ul li:first-child {
	border-top: none;
}
.main-navigation ul ul>li:first-child>a {
	border-top: none;
}
.main-navigation ul ul li ul.sub-menu {
	margin-top: 0;
	margin-left: 1px;
	left: 100%;
	top: 20%;
}
.main-navigation ul ul li:hover>ul, 
.main-navigation ul ul li.focus>ul, 
.main-navigation ul ul li.menu-hover>ul {
	top: -22px;
	left: 100%;
}
.navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
	display: inline-block;
	text-indent: -99999px;
}

/*----- Menu Mobile -----*/
#menu-gadget {
	display: none;
}

#menu-icon {
	cursor: pointer;
	font-size: 20px;
	line-height: 30px;
	text-transform: uppercase;
	position: relative;
	padding: 0;
	color: #000;
	background: #fff;
}

#menu-gadget .menu {
	display: none;
	padding: 0px;
	margin: 0px;
}
#menu-gadget .menu li { 
	position: relative;
	list-style-type:none;
	background-color:#232222;
}
#menu-gadget .menu li a {
	display: inline-block;
	color: #fff;  
	border-bottom:1px solid #555;
}
#menu-gadget .menu  li {
	padding: 0;
}
#menu-gadget .menu  li > a {
	padding: 10px 15px; 
	display: block;
}
#menu-gadget .menu  li li  a {
	padding: 10px 15px 10px 45px; 
	font-size:12px;
	display: block;
}
#menu-gadget .menu  li li li a {
	padding: 10px 15px 10px 35px; 
	display: block;
}
#menu-gadget .menu li a:hover { 
	color: #B90100; 
}
#menu-gadget .menu li li {
	font-size: 12px;
}
#menu-gadget .menu li li.last { 
	padding-bottom: 0 !important;  
}
#menu-gadget .menu li i {
	position: absolute;
	display: block;
	top: 2px;
	right: 0;
	height: 24px;
	width: 24px;
}
#menu-gadget .menu  li  i {
	top: 8px;
	font-size:21px;
	padding:0 20px;
	right:5px
}
#menu-gadget .menu  li i.fa-angle-up:before {
	content:'\f106' !important
}
#menu-gadget .menu li i:hover { 
	cursor: pointer; 
}
#menu-gadget .menu li i.opened { 
	background-position: center 7px; 
}
/** dropdown **/
#menu-gadget .menu ul {  
	width: auto;  
	padding: 0px 0px;  
	display: none;  
}
#menu-gadget .menu  li.active > a > span {
	color: inherit;
}
#menu-gadget .menu  li.active > a,
#menu-gadget .menu  li:hover > a {
	color: #fff;
	background: #4a4a4a; 
}
#menu-gadget .menu li li.active > a,
#menu-gadget .menu li li a:hover {
	color: #ccc;
}

/*----------------------------------------------------------------------------------
SLIDER
----------------------------------------------------------------------------------*/
#slideshow {margin-top: -1px}
.video-wrapper_item {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
	display: block;
}
.video-wrapper_item iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
}
#owl-home-main-slider .owl-item .item.item-banner img {
	position: static !important;
	height: 100% !important;
	width: 100%;
}
#slideshow .slider-container {
	overflow: hidden;
	background-color: #ffffff
}
.slider-container {
	margin: 0px;
	background-color: transparent;
	position: relative;
	width: 100%
}
.opla-cosmetic-slide img {
	position: absolute;
	top: 0px;
	left: 0px;
	max-width: none
}
.opla-cosmetic-slide a.nivo-imageLink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 6;
	display: none;
	background: white;
	filter: alpha(opacity=0);
	opacity: 0
}
.opla-cosmetic-caption { display: none }
.nivo-main-image {
	display: block !important;
	position: relative !important;
	width: 100% !important
}
.nivo-slice {
	display: block;
	position: absolute;
	z-index: 5;
	height: 100%;
	top: 0
}
.nivo-box {
	display: block;
	position: absolute;
	z-index: 5;
	overflow: hidden
}
.nivo-box img {
	display: block
}
.nivo-caption {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 8;
	display: none;
	top: 35%
}
.slide-caption {
	position: absolute;
	margin: 0px auto;
	width: 100%;
	left: 0px;
	right: 0px;
	z-index: 9;
	text-align: center
}
@media screen and (min-width: 991px) {
	.slide-caption {
		width:950px
	}
}
.slide-caption .text_first {
	font-size: 24px;
	font-weight: 300;
	color: #fe9ec7;
	margin: 0px 10px 40px;
	text-transform: capitalize;
	letter-spacing: 0.75px;
	padding: 0px;
}
.slide-caption h3 {
	font-weight: 700;
	font-size: 40px;
	text-transform: uppercase;
	color: #ffffff;
	padding: 10px 0;
	letter-spacing: 4px;
	line-height: 42px;
}
@media screen and (max-width: 767px) {
	.slide-caption h3 {
		display:none
	}
}
.slide-caption p {
	color: #ffffff;
	font-size: 18px;
	margin: 0px 10px;
	padding: 10px 0px;
	font-weight: 300;
	position: relative
}
.slide-caption p:before {
	content: "";
	width: 115px;
	height: 1px;
	background-color: #c2c2c2;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: -20px
}
@media screen and (max-width: 991px) {
	.slide-caption p {
		display:none
	}
}
.slide-caption p .price-slideshow {
	font-weight: 700;
	font-size: 24px;
	margin-top: 15px;
	display: inline-block
}
.slide-caption .btn {
	font-size: 14px;
	margin: 20px 10px 10px;
	padding: 0 20px;
	height: 46px;
	line-height: 46px;
	text-transform: uppercase;
	min-width: 150px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease
}
@media screen and (min-width: 991px) {
	.slide-caption .btn {
		margin-top:60px;
		padding: 0 40px;
		height: 56px;
		line-height: 56px;
		min-width: 192px
	}
}
@media screen and (max-width: 767px) {
	.slide-caption .btn {
		display:none
	}
}
.slide-caption .btn-slide {
	background: rgba(0,0,0,0);
	border: 2px solid #ffffff;
	color: #FFFFFF
}
.slide-caption .btn-slide:hover,.slide-caption .btn-slide:focus {
	background: #222222;
	border-color: #222222;
	color: #ffffff
}
.slide-caption .btn-slide-2 {
	background: #222222;
	border: 2px solid #222222;
	color: #FFFFFF
}
.slide-caption .btn-slide-2:hover,.slide-caption .btn-slide-2:focus {
	background: rgba(0,0,0,0);
	border-color: #ffffff;
	color: #ffffff
}
.caption_1 {
	top: 0px;
	left: auto;
	right: 0px
}
.nivo-caption .caption_1 h3 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}
.nivo-caption .caption_1 p {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s
}
.nivo-caption .caption_1 a {
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}
.nivo-caption .caption_1 .text_first {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s
}
.caption_2 {
	top: 0px;
	left: 0px;
	right: auto
}
.nivo-caption .caption_2 h3 {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s
}
.nivo-caption .caption_2 p {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s
}
.nivo-caption .caption_2 a {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s
}
.nivo-caption .caption_2 .text_first {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s
}
.caption_3 {
	top: 0px;
	left: 0;
	right: 0px
}
.nivo-caption .caption_3 h3 {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s
}
.nivo-caption .caption_3 p {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s
}
.nivo-caption .caption_3 a {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s
}
.nivo-caption .caption_3 .text_first {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s
}
.nivo-controlNav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
	z-index: 10
}
.nivo-controlNav .nivo-control {
	position: relative;
	background-color: #555555;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	width: 10px;
	height: 10px;
	cursor: pointer;
	margin: 0px 5px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease
}
.nivo-controlNav .nivo-control.active {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5)
}
.nivo-directionNav a {
	position: absolute;
	top: 50%;
	margin: -30px 0px 0px 0px;
	display: block;
	cursor: pointer;
	font-size: 0px;
	z-index: 10;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: #333;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
	color: #fff;
	opacity: 0;
	filter: alpha(opacity=0)
}
.slider-container:hover .nivo-directionNav a {
	opacity: 1;
	filter: alpha(opacity=100)
}
.nivo-directionNav a:before {
	font-family: "FontAwesome";
	font-size: 16px;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 100%;
	line-height: 40px;
	text-align: center
}
.nivo-directionNav a:hover {background-color: #000 }
.nivo-directionNav a.nivo-prevNav {left: 10px}
.nivo-directionNav a.nivo-prevNav:before {content: "\f104"}
.nivo-directionNav a.nivo-nextNav {
	right: 10px;
	left: auto
}
.nivo-directionNav a.nivo-nextNav:before {
	content: "\f105";
	font-family: "FontAwesome"
}
.caption-fullwidth.container {
	position: absolute;
	left: 0px;
	right: 0px;
	margin: 0px auto;
	z-index: 9
}
#slideshow .box-btn button {
	font-size: 14px;
	background: #ED4397;
	padding: 16px 23px;
	border-width: 0px;
	line-height: 16px;
	animation-duration: 1000ms;
	animation-delay: 1200ms;
	margin-top: 50px;
}
#slideshow .box-btn button:hover {color: #fff; background: #ED4397;}
#slideshow .box-btn button a, #slideshow .box-btn button a:hover {color: #fff;}
/*-------------------*/
.home .site-content {
	padding-top: 35px;
}
.page h1, .page h2, .page h3, .page h4, .page h5, .page h6 {
	margin-top: 0;
}
.page h3 {
	margin-bottom: 12px;
	text-transform: uppercase;
}
.site-content {
	width: 100%!important;
	padding: 0px;
}
/*-------------------*/


/*----- Heading, Title -----*/
.page h1, .page h2, .page h3, .page h4, .page h5, .page h6 {	margin-top: 0; }
.page h4 {	margin-bottom: 31px; }
.widget .widget-title, .widget h1{
	font-size: 24px;
	line-height:1.21;
	text-transform: uppercase;
	margin: 0 0 22px 0;
	color: #000;
	font-weight: bold;
}
.widget .widget-title a{
	color: #000;
	text-decoration:none;
}
a.view-more{
	font-size: 14px;
	color: #F01F86;
	text-decoration: none;
}
a.view-more:hover{text-decoration: none;color: #000;}
a.view-more span{margin-right:5px;}
/*--------------------------------------------------------------------------------
Collection banner
--------------------------------------------------------------------------------*/
.categories-image {
	overflow: hidden;
	margin-bottom: 0;
	position: relative;
}
.categories-image h4 {
	text-align: center;
	padding-bottom: 15px;
	padding-top: 21px;
	margin-bottom: 40px!important;
	position: relative;
}
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.categories-image .swiper-container {
	overflow: visible;
	padding-bottom: 15px;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-container-android .product-category, .swiper-wrapper {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate(0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.product-category {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
}
.site-content .tm-categories-carousel-widget-container .categories-slide, .site-content .product-category {
	padding-bottom: 0px;
	margin-bottom: 0;
}
.swiper-container .swiper-wrapper .product-category {
	text-align: center;
	margin-top: 0;
}
.categories-carousel .categories-slide>a {
	display: block;
	position: relative;
}
.site-content .tm-categories-carousel-widget-container .categories-slide>a, .site-content.product-categorya {
	display: block;
	position: relative;
}
.product-category img {
	height: auto;
	max-width: 100%;
}
.categories-carousel .categories-slide>a img {
	position: relative;
	z-index: 1;
	width: 100%;
	display: block;
}

.site-content .categories-container .categories-slide>a img, .site-content div.product-category>a img {
	position: relative;
	z-index: 1;
	width: 100%;
	display: block;
}
.categories-container .categories-slide>a h3, div.product-category>a h3 {
	font-style: italic;
	font-weight: 400;
	font-size: 35px;
	line-height: 1.18;
	letter-spacing: 0px;
	text-align: inherit;
	color: #232222;
}
.site-content .categories-container .categories-slide>a h3, .site-content div.product-category>a h3 {
	position: absolute;
	z-index: 2;
	top: 28px;
	left: 15px;
	max-width: 100%;
	transition: 0.5s ease all;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	text-align: left;
	text-transform: none;
	color: #0099ff;
	font-weight: bold;
}

.site-content .categories-container .categories-slide>a:hover h3, .site-content div.product-category>a:hover h3 {
	left: 30px;
}
/*
mark {
background: #ff0;
color: #000;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
padding: 1px 11px 3px 4px;
}
mark, ins {
background-color: #f4f4f4;
}
mark, ins {
color: #ffffff;
background-color: #81dcdd;
}
*/
.widget-area .widget .product-categories-thumbnail div .title_count, .categories-container .categories-slide>a h3 mark, .products .product-category>a h3 mark {
	font-weight: 300;
	color: #777777;
}
.widget-area .widget .product-categories-thumbnail div .title_count, .categories-container .categories-slide>a h3 mark, .products .product-category>a h3 mark {
	font-weight: 300;
	color: #777777;
}
.site-content .categories-container .categories-slide>a h3 mark.count, .site-content div.product-category>a h3 mark.count {
	font-style: normal;
	transition: 0.5s ease all;
	background: none;
	font-weight: 300;
	font-size: 14px;
	visibility: visible;
	opacity: 1;
	height: 22px;
	padding: 0;
	text-transform: none;
	display: block;
	margin-top: 8px;
	color: #0099ff;
	font-weight: bold;
}
.site-content .categories-container .categories-slide>a:hover h3 mark.count, .site-content div.product-category>a:hover h3 mark.count {
	visibility: visible;
	opacity: 1;
	height: 22px;
	margin-left: 10px;
}
.categories-image{margin-bottom:35px;}
.item-cate a{display:block;}
.item-cate a .img{
	border:2px solid #F01F86;
	border-radius:50%;
	padding-bottom:calc(100% - 4px);
	position:relative;
	margin-bottom:12px;
}
.item-cate a .img img{
	border-radius:50%;
	position:absolute;
	left:10px;
	top:10px;
	width:calc(100% - 20px);
	height:calc(100% - 20px);
	object-fit:cover;
}
.item-cate a:hover .title-16{color:#ED4397;}
.item-cate a span{
	display:block;
	font-size: 14px;
	line-height: 17px;
	color: #000;
	opacity: 0.8;
}
/*----- CAROUSEL -----*/
.owl-carousel.owl-theme .owl-nav button{
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	display:flex;
	align-items:center;
	justify-content:center;
	width: 32px;
	height: 32px;
	cursor: pointer;
}
.owl-carousel.owl-theme .owl-nav button i{font-size:20px;}
.owl-carousel.owl-theme .owl-nav button.owl-prev{left:-30px;background: #f0f0ee;}
.owl-carousel.owl-theme .owl-nav button.owl-next{right:-30px;background: #f0f0ee;}
.owl-carousel.owl-theme .owl-nav button:hover {background: #ED4397 !important;color:#fff;}
/*-------------------------------------------------------------------
PRODUCT HOME 1 
-------------------------------------------------------------------*/
.product-home-1, .product-home-2{margin-bottom:35px;}
.product-home-1 .widget-title{margin-bottom:34px;}
.product-home-2 .widget-title{margin-bottom:0;}
.product-home-2 .home-title{margin-bottom:27px;}
.product-item{margin-bottom:35px;}
.product-item .product-img {
	position: relative;
}
.product-item .product-img .gallery-img {
	position: relative;
	overflow: hidden;
	background-clip: padding-box;
}
.product-img .img-frame {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	pointer-events: none;
}
.product-img .img-frame img{width:auto;height:40px;}
.product-item .product-img .gallery-img .gallery {
	display: block;
	position: relative;
	text-align: center;
	background: #fff;
}
.product-item .product-img .gallery-img img {
	max-width: 100%;
	height: auto;
}
.product-item .product-img .gallery-img .gallery:after {
	display: block;
	content: '';
	clear: left;
}
.product-item span.onsale, .product-sale span.onsale, .product-item span.custom-badge {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	position: absolute;
	text-transform: uppercase;
	top: 10px;
	padding: 0 15px;
	background: #ec2d5a;
	color: #fff !important;
	pointer-events: none;
	z-index: 2;
}
.product-item span.onsale, .product-sale span.onsale {
	right: 10px;
	height: 60px;
	line-height: 60px;
	width:60px;
	background:#F51B42;
	font-weight: 700;
	font-size: 16px;
	border-radius:50%;
	padding: 0;
	text-align: center;
}
.product-sale span.onsale {
	right:25px;
	top:25px;
}
.product-item span.onsale::before, .product-sale span.onsale:before{
	content: '';
	position:absolute;
	width:50px;
	height:50px;
	left:5px;
	top:5px;
	border-radius:50%;
	border:1px solid #fff;
}
.product-item span.custom-badge::before {
	content: '';
	display: inline-block;
	position: absolute;
	width: 0;
	height: 0;
}
.product-item span.onsale::after, .product-sale span.onsale:after {
	content:'';
	position:absolute;
	top:0px;
	right:13px;
	width:15px;
	height:15px;
	background:url(//cdn.hstatic.net/themes/1000350011/1001493469/14/star-w.svg?v=15) center center/contain no-repeat;
}
.product-item span.custom-badge {
	left: -1px;
	background: #81dcdd;
}
.product-item span.custom-badge::before {
	border-bottom: 14px solid #81dcdd;
	border-top: 14px solid #81dcdd;
	border-right: 7px solid transparent;
	right: -7px;
}
.product-item .additional-buttons {
	padding: 12px;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	opacity: 0;
	background: rgba(255, 255, 255, 0.85);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: translate3d(0, 60px, 0);
	-moz-transform: translate3d(0, 60px, 0);
	-ms-transform: translate3d(0, 60px, 0);
	transform: translate3d(0, 60px, 0);
	z-index: 1;
}
.product-item:hover .additional-buttons {
	opacity: 1;
	-webkit-transform: translate3d(0px, 0, 0);
	-moz-transform: translate3d(0px, 0, 0);
	-ms-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
}
.product-item .additional-buttons .quick-view {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.product-item .additional-buttons .quick-view i, .product-item .additional-buttons .detail i  {
	color: #a3a3a3;
	font-size: 14px;
	position: absolute;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	vertical-align: middle;
}
.product-item .additional-buttons .quick-view i:before, .product-item .additional-buttons .detail i:before {
	vertical-align: baseline;
	line-height: inherit;
}
.product-item .additional-buttons .detail, .product-item .additional-buttons .quick-view {
	display: inline-block;
	background: transparent;
	position: relative;
	padding: 0;
	font-size: 1px;
	text-transform: none;
	color: rgba(255, 255, 255, 0.1);
	margin: 8px 0 0 10px;
	white-space: nowrap;
	float: right;
	height: 20px;
	width: 20px;
	border: 0 none;
}
.product-item .additional-buttons .detail, .product-item .additional-buttons .quick-view {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: translate3d(0, 20px, 0);
	-moz-transform: translate3d(0, 20px, 0);
	-ms-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
}
.product-item .additional-buttons .detail {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
.product-item:hover .additional-buttons .detail, .product-item:hover .additional-buttons .quick-view {
	-webkit-transform: translate3d(0px, 0, 0);
	-moz-transform: translate3d(0px, 0, 0);
	-ms-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
}

.product-item .product-description {
	margin: 0;
	padding: 30px 0 0 0;
	position: relative;
	background: #fff;
	z-index: 2;
}
.product-item .product-description h3 {
	padding: 0;
	margin: 0 0 10px;
}
.product-item .product-description h3 a {
	color: #000;
	font-size: 16px;
	font-weight: 400;
	line-height:19px;
	height:38px;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.product-item .product-description h3 a:hover { color: #ED4397;}
.star-on-png, .star-off-png, .star-half-png{
	font-family:inherit !important;
	display:inline-block;
	width:13px;
	height:13px;
}
.star-on-png:before, .star-off-png:before, .star-half-png:before{
	display:none;
}
.star-off-png{
	background: url(//cdn.hstatic.net/themes/1000350011/1001493469/14/star-off.svg?v=15) center center/cover no-repeat;
}
.star-on-png, .star-half-png{
	background: url(//cdn.hstatic.net/themes/1000350011/1001493469/14/star-on.svg?v=15) center center/cover no-repeat;
}
.product-item .product-description .haravan-product-reviews-badge{
	margin:0 0 2px;
	display: flex;
	font-size: 13px;
}
.product-item .product-description .haravan-product-reviews-badge > span , .product-item .product-description .haravan-product-reviews-badge > p{
	margin-left:4px;
}
.product-item .product-description .short-description{
	display:none;
}
.product-item .product-description .price .old-price {
	display: block;
	font-size: 16px;
	color: #000;
	margin: 0 10px 0 0;
	font-weight:400;
}
.product-item .product-description .price .price-new {
	display: block;
	color: #ff0000;
	font-size: 20px;
	font-weight:bold;
}

.product-item .additional-buttons .button{
	border-radius: 0px;
	background-clip: padding-box;
	border: 1px solid #232222;
	background: #fff;;
	padding: 0 12px;
	margin: 0;
	position: relative;
	height: 28px;
	line-height: 28px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: #232222;
	overflow: hidden;
	vertical-align: middle;
}
.product-item .additional-buttons .button span { }
.product-item .additional-buttons .button:hover {border: 1px solid #232222; background: #232222; color: #fff;}
.product-item .additional-buttons .button.disabled, .button[disabled],
.product .thumbnail-wrapper .product-group-button a.disabled,
#collection .product_list.list .right-block .button-pr-list .button.disabled {
	pointer-events: none;
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}

/*----- TOOLTIPS -----*/
.additional-buttons .button-tooltip {
	position: absolute;
	bottom: 100%;
	top: auto;
	left: 50%;
	width: 100px;
	-ms-transform: translateY(-50px) translateX(-90%);
	transform: translateY(-50px) translateX(-90%);
	-webkit-transform: translateY(-50px) translateX(-90%);
	transition: all ease 0.3s;
	font-size: 11px;
	line-height: 19px;
	height: auto;
	color: white;
	background: #232222;
	border-radius: 2px;
	padding: 5px;
	visibility: hidden;
	opacity: 0;
	text-align: center;
}
.button-pr-list .button-tooltip {
	position: absolute;
	top: -80%!important;
	width: 100px;
	-ms-transform: translateY(-50px) translateX(-90%);
	transform: translateY(-50px) translateX(-90%);
	-webkit-transform: translateY(-50px) translateX(-90%);
	transition: all ease 0.3s;
	font-size: 11px;
	line-height: 19px;
	height: auto;
	color: white;
	background: #232222;
	border-radius: 2px;
	padding: 5px;
	visibility: hidden;
	opacity: 0;
	text-align: center;
}
.additional-buttons .button-tooltip:after, .button-pr-list .button-tooltip:after {
	display: block;
	position: absolute;
	bottom: -7px;
	right: 4px;
	-ms-transform: translateX(-90%);
	transform: translateX(-90%);
	-webkit-transform: translateX(-90%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 4px 0 4px;
	border-color: #232222 transparent transparent transparent;
	content: "";
}
.additional-buttons  a:hover .button-tooltip, 
.additional-buttons  span:hover .button-tooltip,
.button-pr-list a:hover .button-tooltip,
.button-pr-list span:hover .button-tooltip {
	-ms-transform: translateY(-10px) translateX(-90%);
	transform: translateY(-10px) translateX(-90%);
	-webkit-transform: translateY(-10px) translateX(-90%);
	visibility: visible;
	opacity: 1;
	z-index: 1111;
}

/*----- BUTTON CHUNG -----*/
.button {
	display: inline-block;
	padding: 10px;
	cursor: pointer;
	background: #ED4397;
	border: 1px solid #ED4397;
	text-decoration: none;
	border-radius: 0px;
	color: #fff;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.button:hover {
	color: #fff;
	background: #F01F86;
	border: 1px solid #F01F86;
}
.checkout .button.view-cart {
	background: #F01F86;
	border: 1px solid #F01F86;
}
.checkout .button.checkout {
	background: #F51B42;
	border: 1px solid #F51B42;
}
/*-------------------------------------------------------------------
BANNER HOME
-------------------------------------------------------------------*/
.home-banners{margin-bottom:50px;}
.home-banners .banners-home {
	margin-bottom: 20px;
}
.home-banner {
	text-align: center;
	margin: 0;
}
.home-banners .banners-home a {
	position: relative;
	display: block;
	overflow: hidden;
}
.home-banners .banners-home a img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	transition: 0.6s ease all;
	z-index: 1;
	display: block;
}
.home-banners .banners-home a:hover img {
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.banners-home .banners-link img {
	width: 100%;
}
.home-banners .col-sm-4 img {
	width: 100%;
}

@media (min-width: 768px){
	.home-banners .col-sm-4 img {
		width: auto;
	}
}

/*----- Hiệu ứng banner -----*/
.banners-home .figcaption::before {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	border: 1px solid rgba(255,255,255,0.5);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}
.banners-home:hover .figcaption::before {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.banners-home .figcaption {
	padding: 1.538em;
	color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.banners-home .figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.banners-home .figcaption {
	background: transparent;
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}
.banners-home:hover .figcaption {
	background-color: rgba(58,52,42,0);
}

/*----- Banner slider -----*/
.home-banners .banner-slider {position: relative;}
.home-banners .banner-slider .owl-pagination {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 8%;
	display: inline-block;
	text-align: center;
	line-height: 0;
	z-index: 6;
}
.home-banners .banner-slider .owl-pagination > div {
	display: inline-block;
	overflow: hidden;
	line-height: 0;
	margin: 0;
}
.home-banners .banner-slider .owl-pagination > div > span {
	display: inline-block;
	width: 16px;
	height: 16px;
	position: relative;
	z-index: 9;
	padding: 3px;
	margin: 0;
	background: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
.home-banners .banner-slider .owl-pagination > div > span:before {
	position: absolute;
	left: 3px;
	right: 3px;
	bottom: 3px;
	top: 3px;
	content: "";
	border: 1px solid #e8e8e8;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	transition: all 200ms ease 0s;
	-webkit-transition: all 200ms ease 0s;
	-moz-transition: all 200ms ease 0s;
}
.home-banners .banner-slider .owl-pagination > div.active > span:before, 
.home-banners .banner-slider .owl-pagination > div > span:hover:before{
	background: #ffffff;
	border-color: #ffffff;
}

/*-------------------------------------------------------------------
PRODUCT HOME 2
-------------------------------------------------------------------*/
/*----- New product + Top products  + realate product (Collection page)-----*/

.home-product-2 .home-product-new .products-slider, 
.home-product-2 .home-product-bestseller .products-slider,
#left-sidebar .sidebar-products #product_sidebar .products-slider  {
	margin: 0px;
}
.home-product-2 .home-product-new .products-slider .product-item,
.home-product-2 .home-product-bestseller .products-slider .product-item,
#left-sidebar .sidebar-products #product_sidebar .products-slider .product-item {
	padding: 0px;
	margin: 0 0 20px 0;
}
.home-product-new ul li .inner-product-content,
.home-product-bestseller ul li .inner-product-content,
.sidebar-products #product_sidebar ul li .inner-product-content {
	padding: 0;	
	border: 1px solid #eee;
	border-radius: 0px;
	background-clip: padding-box;
	overflow: hidden;
	background: #fff;
}
.home-product-new ul li .inner-product-content .product-img,
.home-product-bestseller ul li .inner-product-content .product-img,
.sidebar-products #product_sidebar ul li .inner-product-content .product-img {
	max-width: 46%;
	margin-right: 4%;
	float: left;
	overflow: hidden;
	border-radius: 0;
	border: 0;
	border-right: 1px solid #eee;
}
.home-product-new ul li .inner-product-content .product-description,
.home-product-bestseller ul li .inner-product-content .product-description,
.sidebar-products #product_sidebar ul li .inner-product-content .product-description {
	display: inline-block;
	width: 50%;
	border-radius: 0;
	border: 0 none;
	padding: 15px 0px 15px 0;
}
.home-product-new ul li .inner-product-content .product-description h3,
.home-product-bestseller ul li .inner-product-content .product-description h3 {
	padding: 4px 0;
	font-weight: 400;
	font-size: 15px;
}
.home-product-new ul li .inner-product-content .product-description h3 a,
.home-product-bestseller ul li .inner-product-content .product-description h3 a,
.sidebar-products #product_sidebar ul li .inner-product-content .product-description h3 a {
	display: inline-block;
	width: 100%;
	margin-right: 0px;
	text-transform: uppercase;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
}
.home-product-new ul li .inner-product-content .product-description .short-description,
.home-product-bestseller ul li .inner-product-content .product-description .short-description {
	display: block;
	color: inherit;
	margin: 0;
	font-weight:300;
}
.home-product-new ul li .inner-product-content .product-description .short-description p,
.home-product-bestseller ul li .inner-product-content .product-description .short-description p {
	margin: 5px 0;
}
.home-product-new ul li .inner-product-content .product-description .price,
.home-product-bestseller ul li .inner-product-content .product-description .price,
.sidebar-products #product_sidebar ul li .inner-product-content .product-description .price{
	margin: 0;
	display: inline-block;
}
.home-product-new ul li .additional-buttons .detail, 
.home-product-new ul li .additional-buttons .quick-view,
.home-product-bestseller ul li .additional-buttons .detail, 
.home-product-bestseller ul li .additional-buttons .quick-view {
	margin: 7px 0 0 5px;
}
.home-product-new .navslider a, 
.home-product-sale .navslider a, 
.home-product-bestseller .navslider a {
	top: 0%;
}
.home-product-new .navslider a.prev,
.home-product-bestseller .navslider a.prev {
	left: 84%;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}
.home-product-new .navslider a.next,
.home-product-bestseller .navslider a.next {
	right: 0;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

.home-product-2 h4 {
	text-align: left;
	width: 70%;
}
.home-product-2 h4:before {
	left: 0;
	margin-left: 0;
}
.sidebar-products #product_sidebar ul li {
	margin-bottom: 20px;
}

.sidebar-products #product_sidebar ul li .inner-product-content {
	border: none;
	box-shadow: 1px 1px 10px #eee;
}
.sidebar-products #product_sidebar ul li .additional-buttons {height: 100%; text-align: center;}
.sidebar-products #product_sidebar ul li .additional-buttons .detail {
	margin: auto;
	float: none;
	top: 50px;
}
.sidebar-products #product_sidebar ul li .inner-product-content .product-description h3 {
	padding: 0px;
	font-weight: 400;
	font-size: 18px;
}

/*----- HOT DEAL -----*/
.home-product-sale .content-wrapper {
	position: relative;
	/*padding: 10px 0 56px;*/
}
.home-product-sale .products{margin: 0;}
.home-product-sale .products .product{
	margin: 0 0 20px 0;
	/*padding: 0 10px;*/
	float: left;
}
.home-product-sale .products .product{width: 100%;}
.home-product-sale .products .product .product-wrapper{
	position: relative;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	padding: 0;
	border: 1px solid #eee;
	background: #fff;
}
.owl-carousel .product-wrapper * {
	backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
.home-product-sale .product .product-wrapper .thumbnail-wrapper {
	position: relative;
	z-index: 1;
	margin: 0;
	/*max-width: 230px;*/
	line-height: 0;
	/*width: 45%;*/
	/*float: left;*/
	overflow: hidden;
	text-align: center;
	border-bottom: 1px solid #eee;
}
.home-product-sale .product .product-wrapper .thumbnail-wrapper>a{
	position: relative;
	z-index: 2;
	display: inline-block;
	max-width: 100%;
	line-height: 0;
}
.home-product-sale .product .product-wrapper figure {
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.home-product-sale .product .product-wrapper figure img:first-child {
	position: relative;
	z-index: 2;
}
.home-product-sale .products .product .product-label {
	position: absolute;
	left: 0;
	right: auto;
	top: 15px;
	bottom: auto;
	z-index: 4;
	width: 100%;
	line-height: 0;
	text-align: center;
}
.home-product-sale .products .product .product-label .onsale {
	margin: 0;
	min-height: 0;
	padding: 0 15px;
	text-align: center;
	float: right;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	min-width: 44px;
	height: auto;
	clear: both;
	line-height: 28px;
	font-size: 12px;
	text-transform: uppercase;
	color: #ffffff;
	background: #ec2d5a;
	position: relative;
}
.home-product-sale .products .product .product-label .onsale::before {
	border-bottom: 14px solid #ec2d5a;
	border-top: 14px solid #ec2d5a;
	border-left: 7px solid transparent;
	left: -7px;
	content: '';
	display: inline-block;
	position: absolute;
	width: 0;
	height: 0;
}
.home-product-sale .products .product .product-label span:nth-child(2){margin-top: 0;}
.product-group-button {
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	width: 114px;
	text-align: center;
	height: 34px;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	background: transparent;
	opacity: 0;
}
button#add-to-cart{
	border: 1px solid #000;
	background: #fff;
	color: #000;
}
button#buy-now {
	border: 1px solid #0147AB;
	background: #0147AB;
	color:#fff;
	margin:0;
}
.thumbnail-wrapper:hover .product-group-button {
	opacity: 1;
	z-index: 5;
}
.thumbnail-wrapper:hover .product-group-button>div{
	webkit-animation-duration: 400ms;
	-moz-animation-duration: 400ms;
	animation-duration: 400ms;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: run_button_thumbnail;
	-moz-animation-name: run_button_thumbnail;
	animation-name: run_button_thumbnail;
	backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
run_button_thumbnail{from{opacity:0;transform:translate(0,20px);-moz-transform:translate(0,20px);-webkit-transform:translate(0,20px);-ms-transform:translate(0,20px)}to{opacity:1;transform:translate(0,0);-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0)}}@-moz-keyframes
run_button_thumbnail{from{opacity:0;transform:translate(0,20px);-moz-transform:translate(0,20px);-webkit-transform:translate(0,20px);-ms-transform:translate(0,20px)}to{opacity:1;transform:translate(0,0);-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0)}}@keyframes
run_button_thumbnail{from{opacity:0;transform:translate(0,20px);-moz-transform:translate(0,20px);-webkit-transform:translate(0,20px);-ms-transform:translate(0,20px)}to{opacity:1;transform:translate(0,0);-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0)}}
.thumbnail-wrapper:hover .product-group-button>div:nth-child(2) {
	animation-delay: 100ms;
	-webkit-animation-delay: 100ms;
	-moz-animation-delay: 100ms;
}
.thumbnail-wrapper:hover .product-group-button>div:nth-child(3) {
	animation-delay: 200ms;
	-webkit-animation-delay: 200ms;
	-moz-animation-delay: 200ms;
}
.thumbnail-wrapper:before {
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	position: absolute;
	opacity: 0;
	z-index: 3;
	background: rgba(0,0,0,0.7);
	transition: all 500ms ease 0s;
	-webkit-transition: all 500ms ease 0s;
	-moz-transition: all 500ms ease 0s;
}
.thumbnail-wrapper:hover:before {opacity: 1;}
.product-group-button>* {margin: 0 2px;}
.product-group-button>div {
	display: inline-block;
	float: left;
	position: relative;
	background: none;
	width: 34px;
	height: 34px;
	font-size: 0;
	min-width: 0;
	line-height: 0;
	padding: 0;
}
.product .thumbnail-wrapper .product-group-button > div a {
	background: transparent;
	border: 2px solid #ED4397;
	color: #ED4397;
	width: 34px;
	height: 34px;
	line-height: 30px;
	font-size: 0;
	padding: 0;
	min-width: 0;
	display: inline-block;
	margin: 0;
	cursor: pointer;
}
.product .thumbnail-wrapper .product-group-button .loop-add-to-cart a:first-child:before{
	font-family: 'FontAwesome';
	content: "\f07a";
	line-height: 30px;
	text-indent: 0;
	color: inherit;
}
.product .thumbnail-wrapper .product-group-button > div a:first-child:before {
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 13px;
	color: inherit;
}
.product-group-button .button-tooltip {
	font-size: 12px;
	line-height: 20px;
	padding: 3px 5px;
	position: absolute;
	text-transform: none;
	display: inline-block;
	min-width: 80px;
	opacity: 0;
	text-align: center;
	visibility: hidden;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	bottom: 100%;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	background: #ffffff;
	color: #3f3f3f;
}
.product-group-button .button-tooltip:after {
	width: 0;
	height: 0;
	position: absolute;
	bottom: -6px;
	left: 50%;
	content: "";
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #ffffff;
}
.product-group-button > div a:hover .button-tooltip {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%,-10px);
	-webkit-transform: translate(-50%,-10px);
	-moz-transform: translate(-50%,-10px);
	-ms-transform: translate(-50%,-10px);
	transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
}
.thumbnail-wrapper .product-group-button > div a i{
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 13px;
	color: inherit;
}
.home-product-sale .product-group-button > div a:hover {
	border-color: #ED4397;
	color: #ED4397;
}
.home-product-sale .product .product-wrapper .meta-wrapper {
	/*padding-left: 25px;*/
	max-width: 100%;
	/*float: left;*/
	text-align: center;
	position: relative;
	z-index: 1;
}
.home-product-sale .products .product h3{
	padding: 0;
	display: inline-block;
	width: 100%;
	margin: 8px 0 0;
	font-size: 15px;
	text-transform: uppercase;
	line-height: 22px;
	backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
.home-product-sale .products .product h3 a {color: #000; }
h3.product-name > a:hover{color: #ED4397;}
.home-product-sale .products .product .price {
	margin-bottom: 5px;
	display: block;
	line-height: 18px;
	color: #ff0000;
}
.home-product-sale .products .product .price del{
	font-size: 100%;
	line-height: 100%;
	margin: 0;
	opacity: 0.5;
	display: inline-block;
	color: #000;
}
.home-product-sale del .amount {font-size: 13px;}
.home-product-sale .amount {
	font-size: 20px;
	line-height: 24px;
	padding: 0 2px 0 2px;
}
ins {text-decoration: none;}
.home-product-sale  .products .product .short-description {
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 0;
	width: 100%;
}
.ts-product-deals-slider-wrapper .counter-wrapper {
	margin: 16px -2px 4px -2px;
	overflow: hidden;
	display: inline-block;
	width: 100%;
	text-align: inherit;
	line-height: 0;
}
.counter-wrapper>div {
	display: inline-block;
	padding: 4px 2px 5px 2px;
	border-width: 1px;
	border-style: solid;
	border-radius: 5px 0 5px 0;
	-webkit-border-radius: 5px 0 5px 0;
	-moz-border-radius: 5px 0 5px 0;
	width: 50px;
	height: 46px;
	overflow: hidden;
	line-height: 0;
	margin: 0 2px;
	margin-bottom: 4px;
	text-align: center;
}
.counter-wrapper>div.days {
	background-color: #808080;
	border-color: #808080;
}
.counter-wrapper > div .number-wrapper {
	color: #fff;
	line-height: 0;
}
.counter-wrapper > div .number-wrapper .number {
	z-index: 1;
	position: relative;
	font-size: 20px;
	font-weight: bold;
	line-height: 22px;
}
.counter-wrapper > div.days .number-wrapper .number, .counter-wrapper > div.days .ref-wrapper{color: #ffffff;}
.counter-wrapper .ref-wrapper {
	width: 100%;
	display: inline-block;
	clear: both;
	margin-top: 2px;
	font-size: 9px;
	line-height: 10px;
	text-transform: uppercase;
}
.counter-wrapper > div .number-wrapper .number {color: #3f3f3f;}
.counter-wrapper>div {
	background-color: #fbfbfb;
	border-color: #e8e8e8;
}
.home-product-sale .product-wrapper a.button{
	background: none;
	padding: 8px 10px;
	width: 100%;
	text-align: center;
	background-color: #fff;
	border: 2px solid #e8e8e8;
	color: #666;
	display: none;
}
.home-product-sale .product-wrapper .meta-wrapper a.button:hover{
	background-color: #7aaedd;
	border-color: #7aaedd;
	color: #fff;
}
.home-product-sale .navslider a.prev {
	left: 82%;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}
.home-product-sale .navslider a.next{
	right: 14px;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

/*-------------------------------------------------------------------
BLOG HOME
-------------------------------------------------------------------*/
.blogs-carousel {position: relative;margin-bottom:70px;}
.blogs-carousel .noo-blog-slider {
	padding: 0;
	margin: 76px 0 0;
	list-style: none;
}
.blogs-carousel .noo-blog-slider .blog-slider-item {
	padding: 0 15px;
}
.blogs-carousel .noo-blog-slider .blog-slider-item .blog-item-thumbnail{
	overflow: hidden;
	position: relative;
	text-align: center;
}
.blogs-carousel .noo-blog-slider .blog-slider-item .blog-item-thumbnail img {
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	margin: 0;
	vertical-align: middle;
}
.blogs-carousel .noo-blog-slider .blog-slider-item .blog-item-thumbnail:hover img {
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}
.blogs-carousel .noo-blog-slider .blog-slider-item .blog-item-thumbnail .noo-date {
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	display: block;
	width: 50px;
	height: 60px;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2;
	background-color: #ffffff;
	text-align: center;
	color: #555555;
	font-size: 24px;
	line-height: 18px;
	text-transform: uppercase;
	padding-top: 10px;
}
.blogs-carousel  .noo-blog-slider .blog-slider-item .blog-item-thumbnail:hover .noo-date {
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	transform: rotate(10deg);
}
.blogs-carousel .noo-blog-slider .blog-slider-item .blog-item-thumbnail .noo-date em {
	font-style: normal;
	display: block;
	max-width: 100%;
	overflow: hidden;
	text-align: center;
	line-height: 22px;
	font-size: 9px;
	padding-top: 5px;
	margin: auto;
}
.blogs-carousel .noo-blog-slider .blog-slider-item .blog-item-thumbnail:hover .noo-date em {
	font-style: italic;
}
.blogs-carousel .noo-blog-slider .blog-slider-item h3 {
	padding: 0;
	margin: 20px 0 10px 0;
	text-overflow: ellipsis;
	overflow: hidden;
}
.blogs-carousel .noo-blog-slider .blog-slider-item h3 a {
	font-size: 14px;
	font-weight:500;
	text-transform: uppercase;
	line-height: 24px;
	text-decoration: none;
	white-space: nowrap;
	color: #000;
}
.blogs-carousel .noo-blog-slider .blog-slider-item h3 a:hover {color: #ED4397;}
.blogs-carousel .noo-blog-slider .blog-slider-item p {
	margin: 0 0 10px 0;
	color: #000;
	font-weight:300;
}
.blogs-carousel .noo-blog-slider .blog-slider-item .entry-meta {	padding-bottom: 10px; }
.blogs-carousel .noo-blog-slider .blog-slider-item .entry-meta span {
	margin-right: 10px;
	display: inline-block;
}
.blogs-carousel .noo-blog-slider .blog-slider-item .entry-meta span i {
	padding-right: 7px;
	color: #ccc;
	font-size: 14px;
}
.blogs-carousel .noo-blog-slider .blog-slider-item .entry-meta span {
	color: #000;
	font-size: 14px;
}
.blogs-carousel .noo-blog-slider .blog-slider-item .entry-meta span a:hover {	color:  #ED4397; }
.blogs-carousel .noo-blog-slider .blog-slider-item .noo-readmore {
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	display: inline-block;
	color: #fff;
	background: #ED4397;
	padding: 7px 23px;
	text-decoration: none;
}
.blogs-carousel .noo-blog-slider .blog-slider-item .noo-readmore:hover {
	color: #ffffff;
	background: #232222;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.blogs-carousel .navslider {position: relative;}
.blogs-carousel .navslider a{	top: 9%; }
.blogs-carousel .navslider a.prev {
	left: 47%;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}
.blogs-carousel .navslider a.next {
	right: 47%;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

/*--------------------------------------------------------
SCROLL TO TOP
--------------------------------------------------------*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	left: -100px;
	overflow: hidden;
	width: 50px;
	height: 50px;
	border: none;
	text-indent: 0%;
	color: #ffffff;
	background: #0147AB;
	z-index: 999;
	border-radius: 0;
	text-align: center;
}
@media (min-width: 544px){
	#toTop {
		left: auto;
		right: 20px;
	}
}
@media (min-width: 768px){
	#toTop { bottom: 80px;	}
}
#toTop:hover {	background: #232222; }
#toTop span {	line-height: 50px; }
#toTop:hover span {	color: #ffffff; }
#toTop i {
	color: white;
	line-height: 50px;
	font-size: 20px;
	width: inherit;
	height: inherit;
}

/*---------------------------------------------------------------------
FOOTER
---------------------------------------------------------------------*/
.site-footer {	background-color: #fff; color: #000;}
.footer-top .footer-area {
	padding: 43px 15px 25px;
}
.footer-top .footer-area .w40{
	flex:0 0 42%;
	width:42%;
}
.footer-top .footer-area .w20{
	flex:0 0 calc(58%/3);
	width:calc(58%/3);
}
.footer-top .footer-area .widget {	margin-bottom: 20px; }
.footer-top .footer-area .widget h4 {
	font-size: 14px;
	color: #000;
	margin-bottom:10px;
}
/*----- Footer About store -----*/
.footer-top .footer-area .widget .footer-info li {	position: relative; }
.footer-top .footer-area .widget .footer-info li i {
	padding-right: 12px;
	font-size: 16px;
	color: #232222;
	-webkit-transform: translate(0, 3px);
	-ms-transform: translate(0, 3px);
	-o-transform: translate(0, 3px);
	transform: translate(0, 3px);
	display: inline-block;
}
.social-all {	margin-top: 10px; }
.footer-top .social-all{margin:25px 0;}
.social-all a, .social-list a {
	display: inline-block;
	width: 35px;
	height: 35px;
	margin: 0 5px 0 0;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	position: relative;
	text-decoration: none !important;
}

/*----- Footer linklist -----*/
.footer-top p{line-height:17px;margin-bottom: 7px;}
.footer-top .footer-area .textwidget{margin-bottom:13px;}
.footer-top .footer-area .textwidget p{margin-bottom:9px;}
.footer-top .footer-area .widget ul {}
.footer-top .footer-area .widget ul li {
	margin-bottom: 7px;
	padding: 0;
}
.footer-top .footer-area .widget ul li.mb26{margin-bottom: 26px;}
.footer-top .widget ul.linklist li a {
	display:inline-block;
	color: #000;
	font-size: 14px;
	line-height: 17px;
}
.footer-top .widget ul.linklist li a:hover {	color: #ED4397; }
/*----- Footer photo -----*/
.footer-img ul li {
	display: inline-block;
	width: 25%;
	padding: 5px!important;
	position: relative;
	margin-top: 0px!important;
	margin-bottom: 0px!important;
}
.img-block:hover .overlay { 	opacity: 1; }
.img-block .overlay {
	position: absolute;
	top: 3px;
	left: 3px;
	right: 3px;
	bottom: 3px;
	background-color: rgba(0, 0, 0, 0.7);
	border: 2px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.img-block .overlay i {
	color: #ffffff;
	font-size: 13px;
	text-align: center;
}

/*----- Footer subscribe (Dang ki nhan tin) -----*/
.subscribe-message {	padding: 0 0 15px; }
.footer-area .subscribe-message {	padding-bottom: 20px; }
.footer-top .footer-area .widget.footer-subscribe .subscribe-message {	padding-bottom: 7px; font-weight:300; }
.footer-area-wrap .footer-area .widget.foooter-subscribe .subscribe-form, 
.footer-area-wrap .footer-area .widget.footer-subscribe .widget-title {	max-width: 340px; }
.widget-area .footer-subscribe input {
	font-size: 14px;
	background: #393939;
}
.footer-subscribe .subscribe-messages {
	margin-top: 2px;
	color: #fe5c7a;
	margin-bottom: 6px;
	text-align: center;
	display: block;
	width: 100%;
}
.footer-newsletter{
	padding: 13px 0 12px;
	background: #BCD0FF99;
}
.subscribe-input-group {
	width:100%;
	max-width: 500px;
	margin: 0 auto;
}
.subscribe-input-group input{
	flex:0 0 calc(100% - 88px);
	width:calc(100% - 88px);
	font-size:12px;
	color:#9c9c9c;
	background:#fff;
	height:30px;
	border:1px solid #fff;
	font-style:italic;
	padding:7px 8px 9px 13px;
	margin:0;
	border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.subscribe-input-group .subscribe-submit {
	flex:0 0 88px;
	width:88px;
	background: #D9D9D9;
	height:30px;
	line-height:30px;
	border: 1px solid #fff;
	border-radius: 0;
	color:#000;
	text-transform:uppercase;
	font-weight:500;
	text-align:center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 11px;
}
.footer-area .subscribe-input-group {	width: 100%; }
.footer-top .subscribe-submit:hover {
	color: #fff;
	background: #ED4397;
	border: 1px solid #ED4397;
}
/*----- Footer Coppyright -----*/
.footer-bottom {
	padding: 15px 0;
	border-top: 1px solid #4f4e4e;
	text-align: center;
}
.site-info-box .site-info-text {
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
}
.site-footer .footer-copyright {
	display: block;
	vertical-align: middle;
}
.site-footer .footer-copyright a {	color: #ED4397; }
.site-footer .footer-copyright a:hover { color: #ED4397; }

@media (min-width: 992px) {
	.site-footer .footer-copyright {
		display: inline-block;
	}
}

/*-----------------------------------------------------------------------
MODAL CART
-----------------------------------------------------------------------*/
.modal-backdrop {background-color: transparent;}
#cart-modal {
	background: rgba(0,0,0,0.7);
	z-index: 99999;
}
#cart-modal .modal-dialog{width:352px;margin:30px auto;}
#cart-modal .modal-content{
	border:0;
	border-radius:0;
}
#cart-modal .modal-body,
#cart-modal .modal-footer{
	padding:0;
	background: #fff;
	border-radius: 0;
}
.layer_cart_cart{
	position: relative;
}
#cart-modal .modal-title{
	font-size: 16px;
	text-align: center;      
	font-weight: 600;    
	color: #000;    
	margin-bottom: 0;   
	padding:53px 0 19px;
}
.added-product-info {
	margin: 0 11px 36px 14px;
	background: #f9f9f9;
	padding: 17px 14px;
}
.added-product-info .product-image-container {
	flex:0 0 50px;
	width: 50px;
}
.added-product-info .cartItem {
	flex:1;
	padding-left:11px;
}
#cart-modal .item-price {color: #ff0000;}
.subTotal em.item-total {
	display: block;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 8px;
	color:#000;
	font-style: normal;
}
.buttons.btn-modal-cart {margin-bottom:5px; }
.buttons.btn-modal-cart button {
	background:#ED4397;
	border: none;
	border-radius: 0;
	box-shadow: none;
	color: #fff;
	font-size: 12px;
	height: 34px;
	padding: 0 15px;
	text-shadow: none;
	text-transform: uppercase;
	font-weight: 500;
}
.buttons.btn-modal-cart button:hover {	background-color:#232222; }
.news-mod .close{
	position: absolute; 
	top: 25px; 
	right: 12px;  
	width: 20px;   
	height: 20px;    
	cursor: pointer;    
	z-index: 9;
}
.modal-sum{
	padding:0 11px 0 14px;
}
.modal-sum .ajax_cart_product_txt_s{
	margin:0;
	font-weight:400;
}
.text-bottom{
	padding:52px 8px 8px;
}
.text-bottom a{
	flex:0 0 calc(50% - 6px);
	width:calc(50% - 6px);
	padding:0;
}
@media (max-width: 767px){
	.buttons.btn-modal-cart button {
		font-size: 12px;
		width: 100%;
		padding: 0 25px;
	}
	.buttons.btn-modal-cart {
		margin-bottom: 10px;
	}
	.cartsum {
		margin-bottom: 30px;
	}
	.news-mod .close {
		top: 10px;
		right: 10px;
	}
	#cart-modal .modal-title {
		margin-right: 15px;
	}
	#cart-modal .modal-title, .ajax_cart_product_txt_s {
		font-size: 15px;
	}
}
@media ( min-width: 768px) and ( max-width: 991px ) {

	.cartsum {
		margin-bottom: 30px;
	}
	.buttons.btn-modal-cart {
		margin-bottom: 15px;
	}
	.buttons.btn-modal-cart button.exclusive-medium {
		margin-left:0px!important;
	}

}
@media ( min-width: 992px) and ( max-width: 1199px ) {
	.cartsum {
		margin-bottom: 40px;
	}
}

/*-------------------------------------------------------------------
QUICK VIEW
-------------------------------------------------------------------*/


/*----------------------- Breadcrumb -----------------------*/
.breadcrumb {
	position: relative;
	margin: 17px 0 25px;
	padding: 0px;
}
.breadcrumb>li+li:before {content: none;}
.breadcrumb li a, 
.breadcrumb li .breadcrumb-sep, 
.breadcrumb li span  {
	margin: 0 2px;
	opacity: 0.8;
	color:#000;
}
.breadcrumb > .active{color:#000;}
.breadcrumb li a:hover{color: #ED4397;}
/*------------------------------------------------------
TITLE PAGE
------------------------------------------------------*/
.widget.collection-content .widget-title { 
	margin-bottom:34px;
}
/*--------------------------------------------------------
COLLECTIONS ALL
--------------------------------------------------------*/
/*----- Sort by -----*/
.content_sortPagiBar { 
	float: right;
}
.content_sortPagiBar .display {
	float: left;
	line-height: 30px;
}
.content_sortPagiBar .browse-tags {float: right;}
.content_sortPagiBar select {
	height: 30px;
	padding: 0 6px;
	line-height: 30px;
}
.content_sortPagiBar .display li {
	float: left;
	display: block;
}
.content_sortPagiBar .display a {
	width: 32px;
	height: 30px;
	border: 1px solid #ED4397;
	margin-right: 5px;
	float: left;
	cursor: pointer;
	text-align: center;
	background: #FFF;
}
.content_sortPagiBar .display .selected a {
	background-color: #ED4397;
	border: 1px solid #ED4397;
}
.content_sortPagiBar .display .selected a .fa {
	color: white;
}
.content_sortPagiBar .display i {
	font-size: 14px;
	color: #ED4397;
	-webkit-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}
.custom-dropdown {
	margin-top: 5px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	border: 1px solid rgba(0,0,0,.1);
	max-width: 100%;
	overflow: hidden;
	margin-left: 2px;
}
.browse-tags .custom-dropdown{
	/*width:180px;*/
	margin-top:0px;
}
.custom-dropdown::before {
	width: 2em;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 0;
}
.custom-dropdown::before,
.custom-dropdown::after {
	content: "";
	position: absolute;
	pointer-events: none;
}
.custom-dropdown--white::before {
	background-color: #fff;
	border-left: 1px solid rgba(0,0,0,.1);
}
.custom-dropdown::after {
	content: "\25BC";
	height: 1em;
	font-size: .625em;
	line-height: 1;
	right: 1.2em;
	top: 50%;
	margin-top: -.5em;
}
.custom-dropdown--white::after {color: rgba(0,0,0,.9);}
#collection .grid .product-item,
#collection .product_list .product-item  {
	margin-bottom: 30px;
}

/*----- Product Grid -----*/
#collection .product_list.list .inner-product-content {
	border: 1px solid #eee;
}
#collection .product_list.list .left-block, 
#collection .product_list.list .right-block {
	border: none;
}
#collection .product_list.list .right-block .product-desc {
	margin: 3px 0 10px;
	font-size: 13px;
}
#collection .product_list.list .right-block .price {
	margin: 10px 0;
}
#collection .product_list.list .left-block .additional-buttons,
#collection .product_list.grid .right-block .button-pr-list,
#search-page .button-pr-list {
	display: none;
}
#collection .product_list.list .right-block .button-pr-list,
#collection .product_list.grid .left-block .additional-buttons {
	display: block;
}
#collection .product_list.list .right-block .button-pr-list {
	justify-content: inherit;
	position: absolute;
	text-align: left;
	margin-top: 15px;
}
#collection .product_list.list .right-block .button-pr-list .button {
	border-radius: 0px;
	background: #fff;
	border: 1px solid #232222;
	padding: 10px;
	margin: 0 5px 0 0;
	position: relative;
	height: 37px;
	line-height: 20px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: #232222;
}
#collection .product_list.list .right-block .button-pr-list .button:hover {
	background-color: #232222;
	color: #fff;
}
#collection .product_list.list .right-block .button-pr-list .quick-view,
#collection .product_list.list .right-block .button-pr-list .detail  {
	border: 1px solid #ED4397;
	background: #fff;
	border-radius: 0px;
	color: #ED4397;
	height: 37px;
	width: 36px;
	line-height: 40px;
	padding: 0px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.7);
	display: inline-block;
	margin: 0 5px 0 0px;
}
#collection .product_list.list .right-block .button-pr-list .quick-view:hover,
#collection .product_list.list .right-block .button-pr-list .detail:hover  {
	border: 1px solid #ED4397;
	color: #fff;
	background: #ED4397;
}
#collection .product_list.list .right-block .button-pr-list a .fa {
	font-size: 16px;
}
#collection .product_list.list .product-description {
	background: none;
	color: #777777;
}
/*---- Pagination -----*/
#pagination{margin: 20px 0 55px 0;}
#pagination .page-node{
	padding: 0 2px;
	background: transparent;
	height: 40px;
	width: 40px;
	line-height: 38px;
	border:1px solid #000;
	text-align: center;
	display: block;
	color: #000;
	margin:0 5px;
}
#pagination .page-node i{font-size: 15px;}
#pagination .page-node.current, #pagination .page-node:hover{
	background: #000;
	color: #fff;
}
/*---------------------------------------------------------------
product detail
---------------------------------------------------------------*/
.w-80 {
	position: relative;
	overflow: hidden;
	flex:0 0 calc(79.3% - 33px);
	width: calc(79.3% - 33px);
	border: 1px solid #dedede;
}
#surround {
  // padding-right:30px;
  margin-bottom: 125px;
}
.w-20 {
	flex:0 0 20.7%;
	width: 20.7%;;
	margin-right:33px;
	position:relative;
	overflow:hidden;
}
#sliderproduct {
	position: absolute;
	// top:0;
	left:0;
	width:100%;
	height:100%;
}
.product-thumb{	box-sizing: border-box; }
#sliderproduct li.product-thumb {
	border: 1px solid #dedede;
	margin: 0 0 35px;
	padding:0;
	text-align:center;
}
.product-thumb.active,
.product-thumb:hover {
	border: 1px solid #000;
	position: relative;
}
#sliderproduct .mTSButton{
	width: 100%;
	left: 0;
	margin: 0;
	background: rgba(0,0,0,0.5);
	display: flex;
	align-items: center;
	justify-content: center;
}
#sliderproduct .mTSButton .mTSButtonIconContainer{
	position:static;
	padding: 0;
}
#sliderproduct .mTSButton svg{
	height: 20px;
	position: static;
}
/*
.product-thumb.active a:after,
.product-thumb:hover a:after {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #E05544;
content: "";
position: absolute;
top: -6px;
left: calc(50% - 4px);
}*/
.slide-nav{
	position:absolute;
	top:40%;
	left:20px;
	z-index:99;
}
.slide-nav.slide-next{
	right:20px;
	left:auto;
}
.slide-nav i{
	font-size:1.6em;
}
.flexslider .slides > li {
	display: block!important;
}
#pro_sku{
	font-size: 14px;
	color: #000;
	display: inline-block;
	margin-bottom: 10px;
}
#wrapper-detail .product-price {
	padding-bottom : 13px;
	display: flex;
	align-items: center;
}
#wrapper-detail .product-price del{
	font-size: 20px;
	font-weight:400;
	margin-right:10px;
}
#wrapper-detail .product-price span {
	font-size: 24px;
	color: #000;
	order:2;
	font-weight:bold;
}
.product-description-wrapper{	overflow-x: auto; }
.product-description-wrapper *{	max-width: 100%; }
.quantity-box.clearfix { padding: 10px 0; max-width: 110px; }
.quantity-box .qtyplus, .quantity-box .qtyminus {
	float: left;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	line-height: 24px;
	padding: 0px;
	font-size: 20px;
	width: 35px;
	height: 25px;
	margin: 0;
	border-radius: 0;
	color: #ffffff;
	border: 1px solid #ffffff;
	background: #ED4397;
}
#wrapper-detail .button-product {
  // margin-left:17px;
}
#wrapper-detail .button-product button {
	padding: 15px 21px;
	margin-right:12px;
	font-weight:bold;
	z-index:0;
	min-width:162px;
	height:48px;
	font-size:16px;
	text-transform:uppercase;
  border-radius: 40px;
}

/*Product tag*/
.tag-wrapper {
	float: left;
	margin: 0 0 10px;
	width: 100%;
}
.tag-wrapper a {
	background: #56A2CD;
	color: #fff;
	padding: 1px 5px;
	font-size: 10px;
	border-left: 3px solid #3F5AA6;
	float: left;
	margin: 0px 5px;
}
.tag-wrapper label {
	font-size: 16px;
	float: left;
	line-height: 37px;
}
.tag-wrapper .tags li.active a, .tag-wrapper .tags li.active a:before { border-left-color: #ED4397; }
.tags li {
	display: inline-block;
	list-style-type: none;
}
.tags li a {
	display: inline-block;
	background:#fff;
	border: 1px solid #ccc;
	border-left: 3px solid #3BAFDA;
	color: #F09042;
	padding: 4px 9px;
	position: relative;
	margin: 5px;
}
.tags li a:before {
	left: 0;
	top: 11px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #3BAFDA;
	border-width: 4px;
}
.tags li.active a, .tags li.active a:before { border-left-color: #8CC152;}
/*----- Tab Thong tin + Binh luan -----*/
#wrapper-detail > .row {	margin-bottom: 60px; }
.recommend-products {
	margin-bottom: 90px;
}
.recommend-products.widget .widget-title{margin-bottom:15px;}
.recommend-products .owl-carousel.owl-theme .owl-nav button{background:transparent !important;}
.recommend-flex .recommend-info {
	flex: 0 0 calc(100%/3);
	width: calc(100%/3);
	margin-right: 11px;
}
.recommend-flex .recommend-right {
	flex: 0 0 calc((100%/3)*2 - 11px);
	width: calc((100%/3)*2 - 11px);
}
.product-recommend-loop {
	border: 1px solid #ddd;
	padding: 16px 13px 22px 21px;
}
.product-recommend-loop .product-recommend-img{
	flex:0 0 100px;
	width:100px;
}
.product-recommend-loop .product-price-recommend{
	flex:1;
	padding-left:21px;
}
.product-recommend-loop .product-recommend-title{margin-bottom:10px;}
.product-recommend-loop .product-recommend-title a{
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
	height: 38px;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.product-recommend-loop .haravan-product-reviews-badge p, .product-recommend-loop .haravan-product-reviews-badge span{
	display:none;
}
.product-recommend-loop .price-recommend {margin-top:2px;}
.price-recommend .price-new{
	display: block;
	color: #000;
	font-size: 20px;
	font-weight: bold;
}
.price-recommend .old-price{
	display: block;
	font-size: 16px;
	color: #000;
	margin: 0 10px 0 0;
	font-weight: 400;
}
.tabs-wrapper ul.nav-tabs {
	padding: 0;
	margin-bottom: 32px;
	position: relative;
	overflow: hidden;
	display: flex;
	border:0;
}
.tabs-wrapper ul.nav-tabs li {
	flex: 1;
  text-align: center;
  display: inline-block;
  margin: 0;
  padding: 0;
  // border-bottom: 3px solid #D1E0FF;
  position: relative;
  z-index: 1;
}
.tabs-wrapper ul.nav-tabs li + li{margin-left:-1px;}
.tabs-wrapper ul.nav-tabs li a {
	padding: 10px 10px 11px;;
	margin: 0;
	position: relative;
	font-size:20px;
	line-height:29px;
	font-weight:bold;
	background: transparent !important;
	// border:0 !important;
	color: #000;
  border-bottom: 3px solid #D1E0FF;
}
.tabs-wrapper ul.nav>li:hover, .tabs-wrapper .nav-tabs>li.active{
  // border-color:#F01F86;
  // background:#F01F86;
}
// .tabs-wrapper ul.nav>li>a:hover, .tabs-wrapper .nav-tabs>li.active>a {
// 	color: #000;
//   border-bottom: 3px solid #000;
// }

.tabs-wrapper .nav-tabs>li.active>a {
	color: #000;
  border-bottom: 3px solid #000;
}

#product-page .tab-content.cut .read-more {
	position: absolute;
	background: linear-gradient(to bottom,rgba(255 255 255/0),rgba(255 255 255/62.5),rgba(255 255 255/1));
	height: 100px;
}
.read-more {
	position: static;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.read-more span{display:block;cursor:pointer;font-weight:bold;color:#0147AB;}
#product-page {
	margin-bottom: 90px;
}
#product-page .padding_none {margin-bottom: 40px;}
#wrapper-detail {
	padding-top: 22px;
}
.faq-item{
	border-top: 1px solid #dedede;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
}
.faq-item .faq-ques{
	padding: 14px 12px;
	cursor: pointer;
}
.faq-item .faq-ques i{margin-right:14px;}
.faq-item .faq-ans{display:none;padding: 13px 40px 25px;}
.faq-item.open .faq-ques{background:#f9f9f9;font-weight:bold;}
.faq-item.open .faq-ques i:before{content: "\f106";}
/*----- Sản phẩm liên quan -----*/
#product-page .widget-title.border {
	padding-bottom: 4px;
	margin-bottom: 35px;
	position:relative;
}
#product-page .widget-title.border:after {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	background:#000;
	opacity:0.2;
}
#product-page .pro-faq .widget-title{
	padding-bottom: 16px;
	margin:0;
}
/*----------------------------------------------------------------------
BLOG PAGE + ARTICLE PAGE
----------------------------------------------------------------------*/
/*----- Blog page -----*/
#blog article {margin-bottom: 10px;}
#blog .blog-content .posts-list .post-item .post-img {
	position: relative;
}
#blog .blog-content .posts-list .post-item .post-img img {
	vertical-align: middle;
	width: 100%;
}
#blog .blog-content .posts-list .post-item .post-img .noo-date {
	display: block;
	width: 50px;
	height: 60px;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2;
	background-color: #ffffff;
	text-align: center;
	color: #555555;
	font-size: 24px;
	line-height: 18px;
	text-transform: uppercase;
	padding-top: 10px;
}
#blog .blog-content .posts-list .post-item .post-img .noo-date em {
	font-style: normal;
	display: block;
	max-width: 100%;
	overflow: hidden;
	text-align: center;
	line-height: 22px;
	font-size: 9px;
	padding-top: 5px;
	margin: auto;
}

#blog .blog-content .posts-list .post-item .post-body .post-content p {
	margin: 0 0 10px 0;
	color: #000;
}
#blog .blog-content .posts-list .post-item .post-body .post-info { padding-bottom: 10px;}
#article .article-content .article-body .post-info { padding-bottom: 20px;}
#blog .blog-content .posts-list .post-item .post-body .post-info span,
#article .article-content .article-body .post-info span {
	margin-right: 17px;
	display: inline-block;
}
#blog .blog-content .posts-list .post-item .post-body .post-info span i,
#article .article-content .article-body .post-info span i {
	padding-right: 7px;
	color: #ccc;
	font-size: 14px;
}
#blog .blog-content .posts-list .post-item .post-body .post-info span,
#article .article-content .article-body .post-info span {
	color: #000;
	font-size: 14px;
}
#blog .blog-content .posts-list .post-item .post-body .post-info span a:hover,
#article .article-content .article-body .post-info span a:hover {
	color: #ED4397
}
#blog .blog-content .posts-list .post-item .post-body .readmore {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	color: #fff;
	background: #ED4397;
	padding: 7px 23px;
	text-decoration: none;
}
#blog .blog-content .posts-list .post-item .post-body .readmore:hover {background: #232222; color:#fff;}
/*----- Article -----*/
#article .entry-content * { color: #000;}
#article .entry-content a{
	color:#59dcee;
}
#article .entry-content a:hover{color:#ec2d5a}
.product-comment li {float: left;}
.product-comment li :first-child {
	margin-right: 10px;
}
.product-comment li a {
	font-size: 20px;
	font-weight: normal;
	color: #2d2a26;
	text-align: center;
	text-transform: uppercase;
}
#article .comment_form {
	margin-top: 0px;
	margin-bottom: 10px;
	padding-bottom: 20px;
}
form#article--comment-form input[type=text], #comment_body {
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 20px;
	margin-right: 5px;
	outline: none;
}
#article #comment_body {	width: 100%!important;	height: 90px!important; }
.article-content .body-content * {max-width: 100%!important;}
.article-comment {margin-top: 30px;}
.article-comment .product-comment li {padding: 0px; margin-bottom: 0px;}
#binhluan {background: #eee; padding: 15px; }
#binhluan .author {color: #000; font-weight: 300; font-size: 15px}
.comment-post {margin-bottom: 20px;}
.comment-post .comment-img {text-align: center;}
.comment-post .comment-img img {border-radius: 50%; margin-right: 20px;}
.comment-post #binhluan:after {
	content: "";
	position: absolute;
	top: auto;
	left: 8px;
	bottom: 36px;
	right: auto;
	width: 25px;
	height: 25px;
	border: 1px solid #eee;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	z-index: 0;
	background: #eee;
	border-top: none;
	border-left: none;
}


/*----------------------------------------------------------------
CONTACT PAGE
----------------------------------------------------------------*/
.row-boxed{margin-top: 50px;}
.wpcf7 {margin-bottom: 20px;}
.wpcf7 p input[type="text"], .wpcf7 p input[type="email"] {width: 100%; max-width: 100%;}
.wpcf7 .name-box, .wpcf7 .email-box {display: inline-block;}
.wpcf7 .name-box {width: 40%; margin-right: 8px;}
.wpcf7 .email-box {width: 58%}
.wpcf7 p textarea { width: 100%; max-width: 100%; height: 150px;}
.message_about{text-align: left;}
.company-name {	font-size: 17px; }
.icon-contact li {margin-bottom: 10px;}
.icon-contact li i {
	width: 32px;
	height: 32px;
	border: 1px solid #ED4397;
	text-align: center;
	font-size: 17px;
	line-height: 30px;
	color: #ED4397;
	margin-right: 10px;
}
.button-desk {display: block;}
.button-resp {display: none;}
@media only screen and (max-width: 1024px) {
	.button-desk {display: none;}
	.product-item .additional-buttons.button-resp {
		display: block; 
		z-index: 99; 
		opacity: 1; 
		top: 87%; 
		background: none; 
		transition: none;     
		transform: none;
		position: relative;
		padding: 12px 0;
	}
	.product-item .additional-buttons.button-resp .button {
		height: 38px;
	}
}
.haravan-product-reviews-badge p {
	margin: 2px;
}


/*====== POPUP CONTACT ====================================================================*/
.modal-popupContact{
	font-size: 0; text-align: center; padding: 0 !important;
	color:#333;	background: rgba(3, 17, 27, 0.7);
	-webkit-transition: opacity .35s linear;-o-transition: opacity .35s linear;transition: opacity .35s linear;
}
.modal-popupContact:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
.modal-popupContact .modal-dialog-centered {font-size:14px;display: inline-block;text-align: left;	vertical-align: middle;}
.modal-popupContact.fade .modal-dialog{-webkit-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);}
.modal-popupContact .modal-dialog-centered .modal-content {
	width: 100%;
	box-shadow: none !important;
	border: none;
}
.modal-popupContact .modal-dialog-centered{ margin:30px auto 50px;}
.modal-popupContact.fade .modal-dialog-centered {
	opacity: 0;
	-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);
	-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;transition: all .2s;
}
.modal-popupContact.fade.in .modal-dialog-centered {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);	-ms-transform: scale(1);transform: scale(1);}
.modal-popupContact .close-popup-contact{
	background-color: rgba(0, 0, 0, .3);	
	height:30px;width:30px;line-height: 30px;	
	position: absolute;right: 10px;top: 10px;z-index: 2;
	border-radius: 50%;opacity: 1;text-align: center;outline: none;
}
.modal-popupContact .close-popup-contact svg{display: block;margin: auto;height: 30px;width: 14px;text-align: center;fill:#f3f3f3}
.modal-popupContact .close-popup-contact:hover{background-color: rgba(0,0,0,.6);}
.modal-popupContact.popupBanner .modal-content{background-color: transparent;width: auto;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{	background-image: url('//cdn.hstatic.net/themes/1000350011/1001493469/14/popup_contact_bkg.jpg?v=15');}
.modal-popupContact.popupForm .modal-content:before{content:"";	position: absolute;top: 0;bottom: 0;right: 0;background:#f3f3f3;opacity: 0.75;}
.modal-popupContact.popupForm .modal-content:before,
.modal-popupContact.popupForm .modal-content .modal-wrapper-contact{width:58%}
.modal-popupContact.popupForm .modal-content .modal-wrapper-contact{position: relative;padding: 50px 25px 30px;float:right;}
.title-popup-contact {font-size: 24px;line-height:1.3;margin: 0px 0px 10px;font-weight: 700;}
.message-popup-contact {margin-bottom: 25px;}
.title-adv-popup-contact {font-size: 14px;margin-bottom: 5px;}
.list-adv-popup-contact li {list-style-type: disc;margin-left: 25px;font-size: 14px;}
.popup-form-customer{margin-bottom:15px;}
.popup-form-customer .input-group {width: 100%;display: block;margin-bottom:0}
.popup-form-customer .input-group input{-moz-appearance: none;-webkit-appearance: none;appearance: none;}
.popup-form-customer .input-group input,
.popup-form-customer .input-group .input-group-addon{
	width:100%;margin-bottom:15px;
	height: 45px;padding:10px 20px;line-height: 25px;
	background: #fff;border:1px solid #e7e7e7;
	color:#F01F86;
}
.popup-form-customer .input-group .input-group-addon {margin-bottom:8px;font-weight: 700;color:#F01F86;cursor: pointer;border-color:#F01F86;}
.popup-form-customer .input-group .input-group-addon:hover,
.popup-form-customer .input-group .input-group-addon:focus{
	background-color:#fff;border-color:#F01F86;color:#F01F86;
}
.popup-form-customer .succes-popup{font-size:13px;min-height: 25px; visibility: hidden;margin: 0;text-align: center;}
.popup-form-customer .succes-popup.error{visibility: visible;color: red;}
.popup-form-customer .succes-popup.success{visibility: visible;color: #27a208;}
#contact_email{
	font-size: 17px;
}
@media (min-width: 768px) {
	.modal-popupContact .modal-dialog-centered{width:650px;}
}
@media (max-width: 767px) {
	.modal-popupContact .modal-dialog-centered{margin:35px 10px 50px;}
	.modal-popupContact.popupForm .modal-content:before, 
	.modal-popupContact.popupForm .modal-content .modal-wrapper-contact{width:100%;}
}
/*** End popup-contact.css ***/
.button {
	position: relative;
	display: inline-block;
	padding: 10px 28px;
	line-height: normal;
	border: 1px solid #F01F86;
	background:#F01F86;
	border-radius: 0;
	text-transform: uppercase;
	font-size: 12px;
	text-align: center;
	letter-spacing: 1px;
	-webkit-transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	z-index: 1;
	color: #fff;
	overflow: hidden;
}
.button:before {
	display:none;
	position: absolute;
	content: '';
	left: -2px;
	top: 0;
	right: -2px;
	bottom: 0;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	transform-origin: left center;
	z-index: -1;
	background: transparent;
	-webkit-transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),-webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.button:hover {color:#fff;}
.button.dark {color: #fff;border-color: #F01F86;}
.button.dark:before {background-color:#F01F86;}
.button.dark:hover {color:#252a2b;}
.button:hover:before {
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
}
.footer-col4{margin-top:25px;}
.logo-footer {
	margin: 0 10px 0 0;
}
.footer-col4 img{max-height:45px;}
.tabs-wrapper ul {
	list-style: initial;
	padding-left: 20px;
	margin:0 0 13px;
}
.tabs-wrapper p{margin:0 0 13px;}
.tabs-wrapper ul li ul {
	list-style: revert;
}
.article-body ul,.content-page ul{
	list-style: initial;
	padding-left: 20px;
	margin:0 0 13px;
}
.article-body ol,.content-page ol{
	list-style: decimal;
	padding-left: 20px;
	margin:0 0 13px;
}
.product_gift_label {position: absolute;top: 5px;left: 5px;z-index:1;}
.product_gift_label img {
	max-width: 65px !important;
	/*max-height: 35px;*/
}
.site-header .top-panel-wrap .top-my-account span:hover {
	color: #000;
}


.icon-tang{
	right: 6px;
	bottom: 17vh;
	width: 90px;
	height: 90px;
	position: fixed;
	z-index: 1000;
}
.shopee-floating-icon {
	right: 6px;
	bottom: 170px;
	width: 120px;
	height: 120px;
	position: fixed;
	z-index: 1000;
}
.click-to-dismiss {
	position: absolute;
	width: 20px;
	height: 20px;
	top: -3px;
	right: -2px;
	cursor: pointer;
}
.click-to-dismiss i {
	font-size: 24px;
	color: #000;
}
@media (max-width: 767px){
	.shopee-floating-icon{bottom: 30px}
	div#center_column #cartformpage table,.table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td{
		white-space: normal !important;
	}
	#cart_summary .product-name{
		font-size: 9px !important;
		margin: 0 !important;
	}
	#cart_summary tbody td.cart_product {
		width: 50px !important;
		padding: 0 5px !important;
	}
	.logo-brand {
		order: 0 !important;
	}
	.logo-brand .site-logo img {
		max-height: 40px;
	}
	.site-header .header-container {
		padding: 10px 0;
	}
}
#menu-gadget .logo-brand {
	float: right;
	width: 56%;
}
#menu-gadget {
	margin: 0 !important;
	padding: 0;	
}
.owl-carousel.owl-theme .owl-dots {
	position: absolute;
	z-index: 99;
	left: 0;
	bottom: 10px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#owl-home-main-slider.owl-theme .owl-dots {bottom:30px;}
.owl-theme .owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
	margin: 0px 5px;
	background: transparent;
	display: block;
	backface-visibility: visible;
	transition: all 0.3s ease-in-out;
	border-radius: 50%;
	border: 1px solid #000;
}
.owl-theme .owl-dots .owl-dot.active span {
	background: #000;
}
.header-container-wrap .header-menu {
	flex:1;
	padding:0 10px;
}
.logo-brand .site-logo a img {
	width: 112px;
	padding: 0;
}
.header-action-right, .header-container-wrap .logo-brand{
	flex:0 0 112px;
	width:112px;
}
.breadcrumb-shop,.breadcrumb{background: #ffffff;}
.cart-continue a {
	font-weight: bold;
	color: #F01F86;
}
.cart-page{margin-bottom:70px;}
.cart-left{
	flex: 0 0 calc(69.5% - 23px);
	width: calc(69.5% - 23px);
	margin-right:23px;
}
.cart-sumary {
	flex: 0 0 30.5%;
	width: 30.5%;
	background: #F9F9F9;
	padding: 28px 30px;
	height:100%;
}
.cart-sumary .title{
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	text-transform: uppercase;
	color: #000000;
	margin-bottom:17px;
}
.cart-sumary .info{margin-bottom:12px;}
.cart-sumary .info p{margin:0;line-height:17px;}
.cart-sumary .info-total span{font-weight:bold;}
.sumary-checkout a{
	display:block;
	text-align:center;
	margin-bottom:13px;
	background: #F01F86;
	color:#fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	line-height:48px;
}
.cart-sumary .info-note {
	font-style: italic;
}
.sum-note {
	margin: 23px 0 19px;
}
.sum-note .note-title{margin-bottom:13px;}
.sum-note .note-title span{
	text-transform: uppercase;
	font-weight: 700;
}
.sum-note textarea{
	background: #fff;
	border: 1px solid #000000;
	width: 100%;
	height: 48px;
	outline: none;
	line-height: 17px;
	color: #000;
}
.sum-note textarea.sum-note textarea::-webkit-input-placeholder {opacity:0.5;}
.sum-note textarea:-ms-input-placeholder {opacity:0.5;}
.sum-note textarea::placeholder {opacity:0.5;}
.box_qty input{
	width:48px;
	height:48px;
	background:#fff;
	border:1px solid #000;
	line-height:46px;
	text-align:center;
	font-size:16px;
	color:#000;
	font-weight:bold;
	border-radius:0 !important;
}
.box_qty input:focus{border-color: #000 !important;}
.box_qty input.quantity-selector{
	border-left: 0;
	border-right: 0;
	border-color: #000 !important;
	padding: 0 0 0 13px;
}
.cart-list{
	padding-top: 3px;
}
.cart-item {
	padding-bottom: 30px;
}
.cart-item .mb-cart{
	margin-bottom: 15px;
	background: #f9f9f9;
	padding: 17px 14px;
}
.mb-cart .product_image {
	flex: 0 0 50px;
	width: 50px;
}
.mb-cart .product-info {
	flex: 0 0 calc(100% - 50px);
	width:calc(100% - 50px);
	padding:0 11px;
}
.mb-cart .product-info .title{
	flex:0 0 52%;
	width:52%;
}
.mb-cart .product-info .item-price, .mb-cart .product-info .item-title{
	margin-bottom:7px;
}
.mb-cart .product-info .item-title{display:inline-block;}
.mb-cart .product-info .price-text, .mb-cart .product-info .item-price .new{
	font-weight:bold;
}
.mb-cart .product-info .price-text{min-width:82px;}
.mb-cart .product-info .price-text, .mb-cart .product-info .item-remove{
	padding-top:15px;
}
.mb-cart .product-info .item-price .new{margin-right:10px;}
.mb-cart .product-info .item-remove{width:16px;height:16px;}
@media (min-width: 768px){
	.cart-img-mob {
		display: none;
	}
}
@media (max-width: 767px){
	.video-responsive {
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;
		height: 0;
		display: block;
	}
	.video-responsive iframe {
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		position: absolute;
	}
	.cart-img-pc {
		display: none;
	}
	.cart_navigation .btn {
		padding: 10px 4px;
	}
	.cart_navigation .btn-md {
		margin-left: 5px !important;
	}
	.order-continute {
		padding: 5px 0;
	}
}
@media (max-width: 374px){
	.cart_navigation .btn-md {
		font-size: 11px !important;
	}
}
@media (max-width: 767px){

}

/* Nam 26/01/2022 */
.cart-mobile {
	background-size: 20px;
	padding: 20px 5px 0;
	background-position: center 5px;
}
#sidebar-left{margin-bottom:30px;}
.sidebar-title{
	font-size: 16px;
	font-weight: 600;
	text-transform:uppercase;
	padding-bottom:11px;
	margin-bottom:16px;
	position:relative;
}
.sidebar-box {margin-bottom:24px;}
.sidebar-box ul li a{
	font-size: 14px;
	padding: 6px 0;
	line-height: 24px;
	display: block;
}
.sidebar-box ul li+li {
	border-top: 1px solid #ececec;
}
.post-item .post-body h3{
	padding-bottom:9px;
	margin-bottom:9px;
	position:relative;
}
.post-item .post-body h3:after, .sidebar-title:after{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	height:2px;
	width:30px;
	background:#333133;
}
.sidebar-title:after{height:3px;}
.post-item .post-body h3 a{
	font-size: 16px;
	font-weight: 600;
}
.post-item .post-body .post-content {
	margin: 1.5px 0;
	color: #333133;
}
.site-content .categories-container .categories-slide>a h3, 
.site-content div.product-category>a h3 {
	overflow: hidden;
	padding-right: 4px;
}
#product-page .tab-content{max-width:1024px;margin:0 auto;line-height:1.4;}
#product-page .tab-content.cut{
	height:500px;
	overflow:hidden;
}
#product-page .tab-content table {
	width: 100% !important;
	table-layout: fixed;
}
@media (max-width: 768px) {
	#product-page .tab-content table tr td {
		width: 100% !important;
	}
	.product_gift_label img {
		max-width: 70px !important;
	}
}

@media (min-width: 768px) {
	#wrapper-detail .product_gift_label img {
		max-width: 75px !important;
	}
}

.promotion-sale .topproduct-date {
	margin: 5px 0;
	margin-top: 5px;
	position: sticky;
	top: 0;
	z-index: 0;
	background: #fff;
	padding: 25px 0;
	width: 100%;
	//box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
}
.countdown {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.countdown {
	font-size: 16px;
	font-weight: bold;
}
.countdown > div {
	margin-right: 10px;
}
.add-note textarea {
	max-width: 400px !important;
}
@media (max-width: 767px) {
	.add-note textarea {
		height: 70px;
	}
}
#owl-pagesale-main-slider.owl-theme .owl-dots {
	position: absolute;
	z-index: 99;
	transform: translate(-50%,-50%);
	left: 50%;
	bottom: 0;
}

#owl-pagesale-main-slider.owl-theme .owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}
#owl-pagesale-main-slider.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
}
#owl-pagesale-main-slider.owl-theme .owl-dots .owl-dot span {
	width: 15px;
	height: 15px;
	margin: 5px 7px;
	background: #D6D6D6;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px;
}
#owl-pagesale-main-slider.owl-theme .owl-dots .owl-dot.active span {
	background: #9ae2d1;
}

@media (max-width: 767px) {
	#owl-pagesale-main-slider.owl-theme .owl-dots .owl-dot.active span {
		background: #ff297b;
	}
	#owl-pagesale-main-slider.owl-theme .owl-dots .owl-dot span {
		width: 10px;
		height: 10px;
	}
	#owl-pagesale-main-slider.owl-theme .owl-controls .owl-dots {
		bottom: -18px;
	}
}
.pagesale-countdown .promotion-sale .topproduct-date {
	display: none;
}
.buyxgety_item {align-items: center;}
/* new layout */
.header-top {
	position: relative;
}
.header-top .header-top-txt {
	display: inline-block;
	line-height: 34px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
.header-top .header-top-btn {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.header-top .header-top-btn img{width:16px;}
.blog-left, .blog-right {
	flex: 0 0 50%;
	width: 50%;
	padding: 0 15px;
}
.blog-right {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.blog-right .blog-item {
	flex: 0 0 calc(50% - 14px);
	width: calc(50% - 14px);
	height: 50%;
}
.blog-right .blog-item:nth-child(n+3) {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.blog-item .blog-item-thumbnail a {
	display: block;
	padding-bottom: 46.7%;
	position: relative;
}
.blog-item .blog-item-thumbnail a img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.blog-item .content-blog, .blog-item p {
	font-size: 16px;
	line-height: 19px;
	font-weight: 400;
	margin: 14px 0 0;
}
.blog-item .blog-item-thumbnail{margin-bottom:9px;}
.blog-item .blog-item-title a{
	font-weight: 700;
	font-size: 16px;
	color:#000;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.blog-left .blog-item .blog-item-thumbnail{margin-bottom:26px;}
.blog-left .blog-item .blog-item-title a{font-size: 20px;}
.home-giaiphap {
	margin-top: -45px;
	margin-bottom:60px;
	background: url(//cdn.hstatic.net/themes/1000350011/1001493469/14/home_giaiphap_bg.jpg?v=15) top center/contain no-repeat;
}
.home-giaiphap .giaiphap-box {padding:110px 0 100px;}
.giaiphap-left {
	flex: 0 0 34.1%;
	width: 34.1%;
}
.giaiphap-img {
	flex: 0 0 65.9%;
	width: 65.9%;
}
.giaiphap-left .giaiphap-title{
	font-weight: 700;
	font-size: 36px;
	line-height: 1.4;
	color: #082841;
	margin:0 0 16px;
}
.giaiphap-left p{
	font-weight: 400;
	font-size: 18px;
	line-height: 1.4;
	color: #082841;
	margin:0 0 15px;
}
.home-btn a{
	display:inline-block;
	background: #F01F86;
	border-radius: 0;
	padding:0 45px;
	text-transform:uppercase;
	font-weight: 700;
	font-size: 20px;
	line-height:54px;
	color:#fff;
}
.giaiphap-box2{padding:0 22px;}
.giaiphap-box2 .giaiphap-item{
	flex: 0 0 28%;
	width:28%;
	margin-bottom:30px;
}
.giaiphap-box2 .giaiphap-item .title{
	color:#F01F86;
	font-weight: 900;
	font-size: 48px;
	line-height: 1.2;
	text-transform: uppercase;
	margin:0 0 16px;
}
.giaiphap-box2 .giaiphap-item p{
	font-size: 16px;
	line-height: 22px;
	margin:0;
}
.pro-new-actions {
	margin-top:10px;
}
.pro-new-actions button{
	flex:0 0 calc(50% - 4px);
	width:calc(50% - 4px);
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-transform:uppercase;
	transition:all 0.3s ease-in-out;
}
.pro-new-actions button.btn-buynow{
	font-weight:bold;
	background: #F01F86;
	color:#fff;
	border:1px solid #F01F86;
}
.pro-new-actions button.btn-cart{
	background: #fff;
	color:#000;
	border:1px solid #000;
}
article.single-post {
	margin-bottom: 40px;
}
.related-articles {
	margin-bottom: 50px;
}
.related-articles-head h3{
	font-size: 20px;
	font-weight: bold;
	color: #000;
	margin-bottom: 30px;
}
.related-articles ul{
	list-style: disc;
	margin-left: 21px;
}
.related-articles ul li{margin:0 0 10px;}
.related-articles ul li a{color: #F01F86;}
.related-articles ul li a:hover{text-decoration:underline;}
.haravan-product-reviews-badge {color: #F01F86;min-height:17px;}
#wrapper-detail .widget .widget-title{text-transform:initial;margin:0 0 18px;}
#wrapper-detail .haravan-product-reviews-badge{margin-bottom:20px;cursor:pointer;}
#wrapper-detail .hrv-product-reviews-star{margin-right:7px;}
.product-promotion {
	margin-bottom: 15px;
	padding: 18px;
	background: #f9f9f9;
}
.product-promotion .title-16{
	margin:0 0 11px;
}
.product-promotion ul{
	list-style: disc;
	margin-left: 21px;
}
.product-promotion ul li a{
	color:#F01F86;
}
.pro-short-desc{
	margin-bottom:18px;
}
.pro-short-desc p{margin:0;line-height:19px;}
.home-review {
	margin-bottom: 70px;
}
.review-box .review-col{
	flex:0 0 calc(100%/3);
	width:calc(100%/3);
}
.review-box .review-col .w50{
	flex:0 0 50%;
	width:50%;
}
.review-box .review-col .w50 img{width:100%;height:100%;object-fit:cover;}
.review-box .review-col.col-mid{
	border:1px solid #dedede;
	padding:15px 30px;
}
.review-box .review-link{cursor:pointer;}
.review-box .review-link img{width:100%;}
.review-info .review-title{
	font-weight: 700;
	font-size: 24px;
	text-transform: uppercase;
	color: #F01F86;
	margin:0 0 2px;
}
.review-info .review-title2{
	font-weight: 700;
	font-size: 20px;
	margin:0 0 6px;
}
.review-info .review-desc{
	font-size: 16px;
	margin:0 0 16px;
}
.review-info .review-btn a{
	display:inline-block;
	font-weight: 700;
	font-size: 20px;
	line-height: 40px;
	padding:0 25px;
	background: #F01F86;
	color:#fff;
	text-transform: uppercase;
	border-radius: 0;
}
.pro-detail-review{padding-top:20px;margin-bottom:40px;}
.pro-faq{margin-bottom:40px;}
#btnnewreview, #btnSubmitReview{
	background: #F01F86;
}
#btnSubmitReview{margin-bottom:10px;}
#review-modal {
	background: rgba(0,0,0,0.5);
	z-index: 99999;
}
@media (min-width: 768px){
	#review-modal .modal-dialog {
		width: 700px;
	}
}
@media (min-width: 992px){
	#review-modal .modal-dialog {
		width: 930px;
	}
}
.review-popup{display:none;padding: 20px;}
.review-popup.active{display:block;}
.review-popup .img, .review-popup .review-author{
	flex:0 0 calc(50% - 12px);
	width:calc(50% - 12px);
}
.review-popup .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.review-author .img-author{
	flex:0 0 60px;
	width:60px;
}
.review-author .author-right{
	flex:0 0 calc(100% - 60px);
	width:calc(100% - 60px);
	padding-left:20px;
}
.review-author .review-author-desc {
	font-size: 16px;
	margin: 15px 0 140px;
}
.review-product .title-16{margin-bottom:15px;}
.review-product .review-pro{
	flex:0 0 calc(50% - 10px);
	width:calc(50% - 10px);
}
.review-product .review-pro .title{
	font-size: 16px;
	margin: 16px 0 0;
}
#product-slider-mb {
	border: 1px solid #dedede;
	margin-bottom: 10px;
}
#product-slider-sync { margin-bottom: 20px;}
#product-slider-sync .items{border: 1px solid #dedede;}
#product-slider-sync .current .items{border-color: #F01F86;}
/* coupon */
.product-coupon__wrapper {
	margin:50px 0 25px;
}
.product-coupon__wrapper .title-16{
	margin-bottom: 10px;
}
.section_coupons {
	margin-bottom: 70px;
}

.coupon_item {
	position: relative;
	background: #fff;
	display: flex;
	min-height: 100px;
	height: 100%;
	border: 1px solid #DEDEDE;
	border-radius: 0px 5px 5px 0;
	padding-left: 100px;
}
.coupon_item .coupon_icon {
	position:absolute;
	top:-1px;
	left:-5px;
	width: 100px;
	height:calc(100% + 2px);
	background:url(//cdn.hstatic.net/themes/1000350011/1001493469/14/coupon_bg_xanh.svg?v=15) top left/cover no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
}
.coupon_item .coupon_icon .coupon_discount {
	color: #fff;
	font-weight: 700;
	font-size: 32px;
}
.coupon_icon.pos-relative.embed-responsive[class*=embed-responsive-] img {
	max-width: calc(100% - 12px);
}
.coupon_item.no-icon:before {
	color: #fff;
}
.coupon_item:after {
	bottom: -4px;
	top: auto;
}
.coupon_item .coupon_body {
	padding: 29px 20px 30px 18px;
}
.coupon_item .coupon_body .coupon_title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.coupon_item .coupon_body .coupon_desc {
	font-size: 12px;
	line-height: 15px;
	color: #727272;
	padding-bottom: 8px;
}
.coupon_copy {
	background: #F01F86;
	color: #fff;
}

.coupon_copy:hover {
	color: #fff;
	background: #F01F86;
}

.coupon_item .coupon_copy {
	padding: 0;
	margin-bottom: 0;
	border: 1px solid #0147AB;
	border-radius: 0;
	background: #fff;
	height: 36px;
	line-height: 34px;
	display: block;
	width: 100%;
	max-width: 216px;
	color: #0147AB;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	cursor: pointer;
}
.coupon_item .coupon_copy:hover{
	color:#0147AB;
	border-color:#0147AB;
}
.coupon_item .coupon_body button span {
	display: block;
	line-height: 24px;
	height: 24px;
	font-size: 14px;
}

.coupon_item.no-icon .coupon_body {
	width: 100%;
}

.coupon_info, .coupon-actionx .coupon_info_toggle {
	display: none;
}

.coupon_info_toggle {
	font-size: 14px;
	color: #353945;
	cursor: pointer;
	margin-bottom: 3px;
	text-decoration: underline;
	margin-left: 10px
}

.coupon-modal .coupon_desc {
	display: none;
}

.coupon-modal .coupon_info {
	display: block
}

.coupon-modal .modal-content {
	padding: 15px 20px;
}

.coupon-modal {
	z-index: 99999
}

.coupon-modal .window-close {
	z-index: 9;
	position: absolute;
	right: 8px;
	top: -1px;
}

.coupon-action {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eee;
	grid-gap: 15px;
}

.coupon-title {
	color:#000;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	letter-spacing: 0px;
	padding: 0px;
	font-size: 24px;
	line-height: 32px;
	max-height: 32px;
	font-weight: 500;
	margin: 0px 16px 16px;
	text-align: center;
}

.coupon-row {
	display: grid;
	grid-template-columns: 33% 1fr;
	grid-gap: 5px;
	padding: 10px 20px;
	margin-left: -20px;
	margin-right: -20px;
}

.coupon-row:nth-child(2n) {
	background-color: #f3f3f3;
}

.coupon-row .coupon-info {
	grid-column: 1/-1;
	grid-row: 2;
}

.coupon-action {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #F0F1F2
}

.coupon-label {
	color: #4c4c4c
}

.product-coupons {
	display: flex;
	align-items: center;
	cursor: pointer;
	overflow-x: auto;
}
.product-coupons::-webkit-scrollbar {
	display: none;
}

.product-coupons .icon {
	width: 15px;
	height: 15px;
	margin-left: 5px;
	color: #0147AB;
	font-size: 18px;
	line-height: 15px;
}
.coupon_item.lite {
	flex:0 0 auto;
	border: 0;
	min-height: 0;
	overflow: hidden;
	padding: 0!important;
	margin-right: 5px;
	border-radius: 1px;
}
.coupon_item.lite:before {
	content: normal;
}
.coupon_item.lite .coupon_content {
  border: 1px solid #0147AB;
  background: #0147AB;
  color: #fff;
  border-radius: 1px;
  padding: 6px 18px;
  position: relative;
  font-size: 17px;
}
.coupon_item.lite .coupon_content:before, .coupon_item.lite .coupon_content:after {
	content: '';
	position: absolute;
	border-radius: 999px;
	width: 12px;
	height: 12px;
	background: #fff;
	border: 1px solid #0147AB;
	top: 50%;
	transform: translateY(-50%);
}
.coupon_item.lite .coupon_content:before {
	left: -8px;
}
.coupon_item.lite .coupon_content:after {
	right: -8px;
}
.coupon-action .btn {
	padding: 10px;
	border: 0 !important;
	outline: none !important;
}
.cart-coupon {
	position: fixed;
	width: 100vw;
	height: 100%;
	top: 0;
	right: 0;
	transform: translateX(412px);
	z-index: -1;
	background: #fff;
	margin: 0 !important;
	transition: all 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
	visibility: hidden;
	opacity: 0;
	max-width: 412px;
}
.cart-coupon .section_coupons2 {
	padding: 0 20px;
}

.cart-coupon.active {
	z-index: 9999;
	transform: translateX(0);
	visibility: visible;
	opacity: 1;
	border-left: 1px solid #eee;
}
.section_coupons2 {
	padding: 10px 35px;
}
.section_coupons2 .mt-3 {
	margin-top: 16px;
}
.section_coupons2 .coupon_item .coupon_body {
	padding: 15px 10px 15px 10px;
}
.section_coupons2 .coupon_item .coupon_icon .coupon_discount{font-size:28px;}
.section_coupons2 .coupon_item .coupon_copy{flex:1;}
.cart-coupon .section_coupons2 .col-lg {
	padding-right: 15px;
}

.cart-coupon .section_coupons2 .scroll {
	overflow: auto;
	padding-bottom: 120px;
}

.cart-coupon-header {
	height: 40px;
	display: grid;
	grid-template-columns: 0 1fr;
	text-align: center;
	align-items: center;
	box-shadow: 0px 0px 0px rgba(63, 63, 68, 0.05), 0px 1px 3px rgba(63, 63, 68, 0.15);
	font-weight: 500;
}

.cart-coupon-header .coupon-toggle-btn {
	padding: 8px 12px;
	font-size: 20px;
	display: flex;
	color: #574141;
	align-items: center;
	z-index: 3;
}

.cart-coupon .section_coupons2 {
	margin-top: 10px;
	max-height: 100%;
	overflow: auto;
}
#coupon-modal.show ~ .modal-backdrop {
	z-index: 9999;
}
.cart-coupon-footer {
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	box-shadow: 0px 0px 0px rgba(63, 63, 68, 0.05), 0px 1px 3px rgba(63, 63, 68, 0.15);
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: 3;
	background: #fff;
	max-width: calc(412px - 15px);
}
.cart-coupon-footer .btn {
	border-radius: 4px !important;
}
.coupon-toggle {
	font-size: 14px;
	font-weight: 500;
	height: 44px;
	line-height: 1;
	border-bottom: solid 1px #e4e5e7;
	margin-bottom: 15px;
}
.coupon-toggle img {
	width: 20px;
	margin-right: 7px !important;
}
.coupon-toggle div {
	display: flex;
	align-items: center;
}
.coupon-toggle .coupon-toggle-btn {
	cursor: pointer;
	color: #2e72d2;
}
.cart-coupon.active + .cart-coupon-overlay {
	position: fixed;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.4);
	top: 0;
	left: 0;
	z-index: 1001;
}
.section_coupons .coupons-owl .coupon_item {
	margin-left:5px;
}
.section_coupons .scroll::-webkit-scrollbar {
	display: none;
}
.section_coupons .scroll > .flex-box{
	white-space: nowrap;
}
@media (min-width: 768px) {
	.coupon-toggle {
		border-top: solid 1px #e4e5e7;
		margin-top: 15px;
	}
}
@media (max-width: 1024px) {
	.coupon_item {
		min-height: calc(100% - 18px);
	}

}
@media (max-width: 991px) {
	.coupon_item .coupon_icon .coupon_discount {
		font-size: 28px;
	}
}
@media(max-width: 767px) {
	.section_coupons {
		margin-bottom: 40px;
	}

	.coupon_item .coupon_body {
		padding: 10px
	}
	.coupon-modal .modal-dialog {
		position: absolute;
		bottom: 0;
		margin: 0;
		width: 100%;
		top: auto!important;
		transform: none!important;
	}

	.coupon-modal .modal-content {
		border-radius: 5px 5px 0 0;
	}
	.cart-coupon {
		max-width: 412px;
	}
	.coupon-toggle img {
		width: 16px;
	}
	.header-cart-price .coupon-toggle {
		display: none !important;
	}
	.coupon_item.lite .coupon_content {
		font-size: 14px;
	}
}
.home-btn a:hover, .review-info .review-btn a:hover, .subscribe-input-group .subscribe-submit:hover{
	background:#d60c70;
	color:#fff8fb;
}
.pro-new-actions button.btn-buynow:hover, .pro-new-actions button.btn-cart:hover, .button:hover,
.form-row .button.button-secondary:hover, .coupon-action .btn:hover, button#add-to-cart:hover, button#buy-now:hover{
	background:#0147AB;
	border-color:#0147AB;
	color:#fff;
}
/* new media */
@media screen and (max-width:1199px){
	.box_qty input.quantity-selector{padding-left:0;}
}
@media screen and (max-width:991px){
	.owl-carousel.owl-theme .owl-nav button.owl-next{right:0;}
	.owl-carousel.owl-theme .owl-nav button.owl-prev{left:0;}
	.blog-left, .blog-right, .cart-left, .cart-sumary, .footer-top .footer-area .w40, .review-box .review-col {
		flex: 0 0 100%;
		width: 100%;
	}
	.footer-top .footer-area .w20{
		flex: 0 0 calc(100%/3);
		width: calc(100%/3);
	}
	.blog-left{margin-bottom:30px;}
	.cart-left{margin:0 0 20px;}
	.giaiphap-left .giaiphap-title{font-size:24px;}
	.blog-right .blog-item{margin-bottom:10px;}
	#surround{padding:0;margin-bottom: 30px;}
	.w-20 {
		flex: 0 0 20%;
		width: 20%;
		margin-right: 20px;
	}
	.w-80 {
		flex: 0 0 calc(80% - 20px);
		width: calc(80% - 20px);
	}
	.review-box .review-col.col-mid {
		padding: 30px 30px;
		margin-top: -3px;
	}
	.tabs-wrapper ul.nav-tabs li a{font-size:20px;}
	.recommend-products, #wrapper-detail > .row{margin-bottom:50px;}
	.recommend-flex .recommend-info, .recommend-flex .recommend-right{
		flex:0 0 100%;
		width:100%;
		margin:0 0 10px;
	}
	.review-popup{padding:5px;}
}
@media screen and (max-width:767px){
	#slideshow{min-height:255px;}
	#slideshow > .container{padding:0;}
	#wrapper-detail{padding-top:0;}
	#product-slider-mb .items, #product-slider-sync .items {
		position: relative;
		padding-bottom: 100%;
	}
	#product-slider-mb .items img, #product-slider-sync .items img{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: bottom;
	}
	.home .site-content{padding-top:20px;}
	.header-action-right{
		flex:0 0 80px;
		width:80px;
	}
	.blogs-carousel, .home-giaiphap, .home-banners, .categories-image, #product-page  {
		margin-bottom: 30px;
	}
	.coupon_item .coupon_icon .coupon_discount {
		font-size: 24px !important;
	}
	.product-home-1, .product-home-2 {
		margin-bottom: 5px;
	}
	.widget .widget-title, .widget h1{font-size:18px;}
	#wrapper-detail .widget .widget-title{font-size:24px;}
	.mb-cart .product-info .title, .giaiphap-box2 .giaiphap-item, .giaiphap-left, .giaiphap-img,
	.footer-top .footer-area .w20, .blog-right .blog-item{
		flex: 0 0 100%;
		width: 100%;
	}
	.blog-right .blog-item{height:auto;margin-bottom: 20px;display: block;}
	.giaiphap-left{margin-bottom: 15px;}
	.product-item .product-description .price .price-new, .review-info .review-btn a{font-size:16px;}
	.product-item .product-description h3 a, .product-item .product-description .price .old-price{font-size:13px;}
	.pro-new-actions button{
		height:32px;
		font-size:9px;
	}
	.giaiphap-box2 .giaiphap-item .title{font-size:36px;}
	.home-giaiphap .giaiphap-box {
		padding: 40px 0;
	}
	.home-btn a{
		padding: 0 30px;
		font-size: 16px;
		line-height: 40px;
	}
	.footer-top .footer-area {
		padding: 30px 0px 25px;
	}
	.blog-left .blog-item .blog-item-title a {
		font-size: 16px;
		-webkit-line-clamp: 2;
	}
	.blog-item .blog-item-title a{
		font-size: 14px;
		-webkit-line-clamp: 2;
	}
	#sliderproduct li.product-thumb {
		margin: 0 0 10px;
	}
	#wrapper-detail .button-product{margin:15px 0 0;flex:0 0 100%;width:100%;}
	#wrapper-detail .product-price span{font-size: 20px;}
	#wrapper-detail .product-price del, .tabs-wrapper ul.nav-tabs li a {font-size: 12px;}
	.tabs-wrapper ul.nav-tabs{margin-bottom: 20px;}
	.faq-item {
		font-size: 16px;
	}
	.faq-item .faq-ques {
		padding: 10px 12px;
	}
	.pro-detail-review{padding-top:0;}
	.pro-detail-review .hrv-product-reviews-summary {
		width: 100%;
	}
	.pro-detail-review .product-reviews-summary-actions {
		margin-bottom: 15px;
		float: none;
		display: block;
		clear: both;
	}
	.pro-detail-review .hrv-product-reviews-form{width:100%;padding-left:0;}
	.review-popup .img, .review-popup .review-author{
		flex: 0 0 100%;
		width: 100%;
	}
	.review-popup .img{margin-bottom:15px;}
	.review-author .review-author-desc {
		font-size: 14px;
		margin: 15px 0 30px;
	}
	#wrapper-detail .button-product > button, #wrapper-detail .button-product a{
		flex: 0 0 calc(50% - 5px);
		width: calc(50% - 5px);
		margin-right:10px;
	}
	#wrapper-detail .button-product > button#buy-now{margin:0;}
	.header-top .header-top-txt{    
		display: block;
		padding: 7px 35px;
		line-height: 20px;
	}
	.header-top .header-top-btn{right:5px;}
	.header-action_dropdown {
		position: fixed;
		top: 34px;
		left: 5%;
		width: 90%;
		z-index: 9888888;
	}
	.box-triangle{display:none;}
	.open-header-right .overlay-mb{
		opacity: 1;
		visibility: visible;
	}
	.header-top .header-top-btn {top:17px;}
	.open-header-right .header-top .header-top-btn {
		position: fixed;
		z-index: 888889;
		top: 17px;
		pointer-events: none;
	}
	.coupons-owl .owl-stage{padding-left:0 !important;}
	.product-item .product-description{padding:15px 0 0;}
	.cart-sumary{padding:20px;}
	#owl-home-main-slider.owl-theme .owl-dots {
		bottom: 10px;
	}
}
#layout-page-woay {margin: 50px 0;}
.resend-code{
  font-weight:bold;
  cursor: pointer;
}


/* Update custom 09/05/2026 */
.container-fluid {
	padding-left: 0 !important;
	padding-right: 0 !important;
}