:root {
    --blue: #0071bc;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #d71015;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --font-main: 'Roboto Condensed', sans-serif;
  	--font-secondary: 'Open Sans', sans-serif;
}
::-webkit-scrollbar { width: 8px; height: 8px; background: linear-gradient(180deg, #434343 0, #434343 100%);}
::-webkit-scrollbar-button {  width: 0px; height: 0px; }
::-webkit-scrollbar-track {  background-color: #c3c3c3;}
::-webkit-scrollbar-track-piece { background-color: #E6F4EB;}
::-webkit-scrollbar-thumb { height: 50px; background: linear-gradient(180deg, #434343 0, #434343 100%); border-radius: 0px;}
::-webkit-scrollbar-corner { background-color: #E6F4EB;}
::-webkit-resizer { background-color: #666;}

*{margin:0;padding:0;border:none;}article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video,main{display:block}mark,rp,rt,ruby,summary,time{display:inline}a, abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, span, source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{background: transparent;border: 0 none;font-weight: inherit;margin: 0;padding: 0;border: 0;outline: 0;vertical-align: top;}a{text-decoration:none;outline: none !important;}b, strong{font-weight:bold !important;}ul,ol{list-style: none;}q {quotes: none;}table, table td { padding:0;border:none;border-collapse:collapse;}img{vertical-align:top; max-width:100%;}embed{ vertical-align:top;}input,textarea{font-family:inherit;}input,button{outline: none;background:transparent;}button::-moz-focus-inner{border:0;}th{text-align:left;}textarea{outline:none !important;}.clearfix::after{content:""; display: block; clear:both;}button{cursor: pointer;}#_atssh{display: none !important;}
/* ----------------
 [1. Common styles]
 */
html{
  height: 100%;
}
body{
    font-family: var(--font-main);
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    height: 100%;
	background:#fff;
}
body.is-ontop{
    margin-top: 53px;
}
:after, :before {
    -webkit-transition: all .3s ease-out,right .2s ease-out;
    -moz-transition: all .3s ease-out,right .2s ease-out;
    -ms-transition: all .3s ease-out,right .2s ease-out;
    -o-transition: all .3s ease-out,right .2s ease-out;
    transition: all .3s ease-out,right .2s ease-out;
}
h1{
    font-size: 44px;
}
h2{
    font-size: 20px;
}
h3{
    font-size: 18px;
}
a{
    color: #333333;
}
a:hover{
    color: var(--red);
    text-decoration: none;
    transition: all 0.25s;
}
a:focus{
    text-decoration: none;
}
.fa {
    line-height: inherit;
}
.clear, .clear5,.clear10,.clear20,.clear30,.clear40,.clear50{
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width:0;
	height:0;
}
.clear5{
	height: 5px;	
}
.clear10{
	height: 10px;	
}
.clear20{
	height: 20px;	
}
.clear30{
	height: 40px;	
}
.clear40{
	height: 40px;	
}
.clear50{
	height: 50px;	
}
.mouse-cursor {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: hidden;
}
.cursor-outer {
    margin-left: -19px;
    margin-top: -19px;
    width: 40px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10000000;
    opacity: .5;
    -webkit-transition: all .08s ease-out;
    -o-transition: all .08s ease-out;
    transition: all .08s ease-out;
}
.cursor-outer:before {
    content: '';
    transform: rotate(45deg);
    position: absolute;
    border-radius: 12px;
    width: 40px;
    height: 40px;
    border: 1px solid #bd202d;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.cursor-inner {
    margin-left: -2px;
    margin-top: -2px;
    width: 6px;
    height: 6px;
    z-index: 10000001;
}
.cursor-inner:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 2px;
    transform: translate(-50%,-50%) rotate(45deg);
    width: 6px;
    height: 6px;
    background-color: #bd202d;
    -webkit-transition: width .3s ease-in-out,height .3s ease-in-out,margin .3s ease-in-out,opacity .3s ease-in-out;
    -o-transition: width .3s ease-in-out,height .3s ease-in-out,margin .3s ease-in-out,opacity .3s ease-in-out;
    transition: width .3s ease-in-out,height .3s ease-in-out,margin .3s ease-in-out,opacity .3s ease-in-out;
}
img.lazyload {
	opacity: 0;
	transition: opacity 0.5s ease-in;
}
img.lazyloaded {
	opacity: 1;
}
.container{ padding-left:0; padding-right:0;}
.section{ padding:0 0 30px 0;}
.text-center{
  text-align: center;
}
.text-left{
  text-align: left;
}
.text-right{
  text-align: right;
}
img.alignleft{
    margin: 0 20px 15px 0;
}
img.alignright{
    margin: 0 0 15px 20px;
}
.clearfix:before{
  content: "";
  display: table;
}
#jsMenuMarkLayer {

  background-color: rgba(0, 0, 0, 0.4);

  bottom: 0;

  cursor: pointer;

  display: none;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  z-index: 8;

}
.relative {
	position: relative;
}
.shop-cart .top-cart {
    border: 1px solid #fff;
    height: 42px;
    line-height: 40px;
    width: 124px;
}
.shop-cart .top-cart .cart-contents {
    display: block;
    background: #d71015;
    height: 100%;
    text-align: left;
    color: #fff;
    font-size: 14px;
    padding: 0px 5px;
    border-radius: 6px;
}
.shop-cart .top-cart .cart-contents i {
    margin: 0;
    height: 100%;
    line-height: unset;
    background: transparent;
    text-align: left;
    display: inline;
    margin-right: 5px;
    font-size: 20px;
}
.shop-cart .top-cart .cart-contents .count-cart-header {
    background: #fcd836;
    color: #111;
    font-weight: 600;
    height: 22px;
    width: 22px;
    display: inline-block;
    line-height: 22px;
    text-align: center;
    border-radius: 100%;
    margin-left: 4px;
    margin-top: 5px;
}
.header {
	position:relative;
	box-shadow:0 3px 12px rgba(0,0,0,.175);
}
.main-header .click-m-menu {
    position: absolute;
    left: 0;
    top: 15px;
    color: #333;
    width: 50px;
    padding: 10px 10px 5px 10px;
    display: none;
    z-index:1;
}
.main-header .click-m-menu span {
    background: var(--red);
    height: 2px;
    width: 100%;
    display: block;
    margin-bottom: 5px;
}
.main-header .click-m-menu span + span + span{
    width: 70%;
}
.nav-ontop-mb {
    position: fixed !important;
    top: 0px;
    left: 0px;
    width: 100%;
    padding-bottom: 0px;
    z-index: 102;
    box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.15);
    background: #fff;
}
.no-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}
.overflow-x-auto {
    overflow-x: auto;
}
.flex {
    display: flex;
}
.gap-2 {
    gap: 0.5rem;
}
.category-home-content .owl-controls .owl-dots {
    display: none !important;
}
.logo img {
}
.main-header .logo-svg-1 {
    position: absolute;
    height: 55px;
    z-index: 1;
}
.main-header .click-m-remess {
    position: absolute;
    right: 7px;
    top: 15px;
    z-index: 1;
    cursor: pointer;
    border: 0px dashed #fa3008;
    border-radius: 100%;
    text-align: center;
    padding-left: 10px;
}
.main-header .click-m-remess i {
    display: inline-block;
    margin: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fa3008;
    font-size: 21px;
}
.main-header .click-m-remess .dropdown-menu {
	top: 44px;
    background: var(--red);
}
.main-header .click-m-remess .dropdown-menu>li>a{color:#fff;font-size: 13px;padding: 8px 10px;}
.main-header .click-m-remess .dropdown-menu>li>a:hover{background:#fff; color:var(--red);}
.logo svg{ height:48px;}
.logo .cls-1{fill:var(--red);}
.logo .cls-3{fill:#111;}
#wCategory .btnExpand {
    position: absolute;
    left: 10px;
    top: 14px;
    width: 40px;
    height: 40px;
    padding: 10px;
    display: none;
    z-index: 1;
}
.page-wrapper {
    float: left;
    position: relative;
    clear: both;
    background: none !important;
	width: 100%;
	padding:0;
}
.panel.panelLeft {
	background: #fff;
	width: calc(100% + 12px);
	display: block;
	top: 0;
	left: 0;
	-webkit-transform: translateX(-110%);
	-moz-transform: translateX(-110%);
	transform: translateX(-110%);
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	-moz-transition: transform .5s, -moz-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s, -moz-transform .5s;
	border-radius: 0;
	border: none;
}
.panel {
	display: block;
	position: fixed;
	top: 0;
	bottom: 0;
	background: #FFF;
	z-index: 9999;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: translate3d(0, 0, 0);
	-moz-transition: translate3d(0, 0, 0);
	transition: translate3d(0, 0, 0);
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	display: none;
	margin:0;
}
.panel.panelLeft.active {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
}
#wCategory .categories {
    max-width: 100%;
    margin: 0 5px;
    padding: 0 10px 60px 0px;
}
#wCategory .categories li {
    width: 100%;
    position: relative;
}
#wCategory .categories li.last {
    width: 100%;
    float: left;
}
#wCategory .m-top {
	padding:10px;
}
#wCategory .m-top a {
    color: #fff;
    display: inline-block;
    font-size: 17px;
    padding: 3px 0px;
    text-align: center;
    margin-right: 10px;
}
#wCategory .m-top i {
	color: #fff;
	margin-right: 5px;
}
#wCategory .m-top i.icon-icons-home {
    margin-top: 2px;
    display: inline-block;
    font-size: 21px;
}

#wCategory .categories li.home i {
   font-size:21px;
   margin-right:5px;
	margin-top:2px;
	display:inline-block;
}
#wCategory .categories li a {
    font-size: 17px;
    padding: 5px 0;
    display: block;
    border-radius: 0;
    margin: 0;
    position: relative;
    color: #fff;
}


#wCategory .btnExpand span {
	-webkit-transition-delay: .12s;
	-moz-transition-delay: .12s;
	transition-delay: .12s;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	
}
#wCategory .btnExpand span {
	display: inline-block;
	width: 24px;
	height: 2px;
	-webkit-transition: -webkit-transform 0.15s ease;
	transition: -webkit-transform 0.15s ease;
	-moz-transition: transform 0.15s ease, -moz-transform 0.15s ease;
	transition: transform 0.15s ease;
	transition: transform 0.15s ease, -webkit-transform 0.15s ease, -moz-transform 0.15s ease;
	border-radius: 4px;
	background-color: #111 !important;
	position: relative;
	margin-top: 7px;
	margin-left: -2px;
}
#wCategory .btnExpand span::before, #wCategory .btnExpand span::after {
	display: block;
	content: "";
	position: absolute;
	width: 24px;
	height: 2px;
	-webkit-transition: -webkit-transform 0.15s ease;
	transition: -webkit-transform 0.15s ease;
	-moz-transition: transform 0.15s ease, -moz-transform 0.15s ease;
	transition: transform 0.15s ease;
	transition: transform 0.15s ease, -webkit-transform 0.15s ease, -moz-transform 0.15s ease;
	border-radius: 4px;
	background-color: #111;
}
#wCategory .btnExpand span::after {
	bottom: 0;
	-webkit-transition: bottom 75ms ease,-webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
	transition: bottom 75ms ease,-webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
	-moz-transition: bottom 75ms ease,transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s,-moz-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
	transition: bottom 75ms ease,transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
	transition: bottom 75ms ease,transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s,-webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s,-moz-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
#wCategory .btnExpand span::before {
	top: 0;
	-webkit-transition: top 75ms ease,opacity 75ms ease .12s;
	-moz-transition: top 75ms ease,opacity 75ms ease .12s;
	transition: top 75ms ease,opacity 75ms ease .12s;
	opacity: 0;
}

#wCategory #page-footer {
	padding: 15px 0px 5px 0px;
	position:relative;
}
#wCategory #page-footer div.footer-content-menu { padding:10px;}
#wCategory #page-footer .footer-desc {margin-bottom:10px;}
#wCategory #page-footer h3 {
	font-size: 17px;
	text-transform:uppercase;
	margin:10px 0;
}
#wCategory #page-footer .contact-icon {
	display: inline-block;
	width: 20px;
}
#wCategory #page-footer .contact-content{display:inline-block;width: 90%;}
#wCategory #page-footer {
    font-size: 13px;
    color: #fff;
    background: url("../images/footer-img.png") no-repeat scroll center topvar(--red);
    position:relative;
    background-size: cover;
}
#wCategory #page-footer::before {
    height: 200px;
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    background: url(../images/symbol-e-n.png) no-repeat scroll 0 0 transparent;
    display: inline-block;
    width: 421px;
    opacity: .4;
    display: none;
}
#wCategory #page-footer a {
    color: #fff;
}
#wCategory #page-footer::after {
    height: 2px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    content: "";
    background-color: var(--red);
    background: -webkit-linear-gradient(right, var(--red), #ffffff);
    background: -o-linear-gradient(right, var(--red), #ffc1f7);
    background: -moz-linear-gradient(right, var(--red), #ffc1f7);
    background: linear-gradient(to right,#ed1c24 0,#ffffff 25%,var(--red) 40%,var(--red) 49%,var(--red) 100%);
    display: inline-block;
}
#wCategory #page-footer .bottom-menu {
    margin-top: 10px;
    padding: 15px 0 10px;
    border-top: 1px solid #175a0b;
    text-align: center;
}
#wCategory #page-footer .bottom-menu li:first-child {
    border-left: none;
}
#wCategory #page-footer .bottom-menu li {
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid #175a0b;
    line-height: 1.2;
    zoom: 1;
}
#wCategory #page-footer .bottom-menu li a {
    display: block;
    padding: 0 10px;
    font-size: 11px;
    color: #fff;
    white-space: nowrap;
}
#wCategory #page-footer .f-copyright {
    padding: 10px 0 0px 0;
    font-size: 13px;
    
}
#wCategory #page-footer .f-copyright>p {
    padding: 10px;
}
#wCategory #page-footer .f-copyright a{color:var(--red);}
#wCategory .categories li>a {
    font-size: 14px;
    transition: all 500ms ease-out 0.2s;
    padding-left: 10px;
    color: #333;
    font-weight: 500;
    border-bottom: 0px solid #047840;
    font-family: var(--font-secondary);
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow:hidden;
    padding: 3px 0;
}
#wCategory .categories li.menu-brand{
    width: 25%;
    display: inline-block;
}

#wCategory .categories li.menu-brand>a{border: 1px solid #dfdfdf;border-radius: 6px;padding: 3px;margin: 2px 5px 3px 5px;}
#wCategory .categories li.menu-brand>a>img{width:100px;height: 26px;}
#wCategory .categories li>a .icon-navigation-left{margin-top:0;}
#wCategory .categories li>a.active { font-weight:700;}
#wCategory .categories li.li-top-user{border-bottom: 1px solid rgb(223 223 223 / 30%);padding-bottom: 5px;}

#wCategory .categories li.li-top-user li{ width:100%; float:none;}
#wCategory .categories li.li-top-user>a{display:inline-block;line-height: 24px;}
#wCategory .categories li.li-top-user>a>i{
    display:inline-block;
    font-size: 17px;
    width: 20px;
    margin-right: 10px;
    margin-left: 5px;
    }
#wCategory .categories li ul {
    height: 0;
    overflow: hidden;
    background: rgb(241 241 241 / 70%);
    margin-left: 50px;
    border-radius: 6px;
}
#wCategory .categories li li{}
#wCategory .categories li li a {
    padding: 5px 0 5px 10px;
    display: block;
    margin: 0;
    position: relative;
    color: #333;
    text-transform: none;
    border:none;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#wCategory .categories li li a img{width:30px; height: 24px; margin-right:7px; }

#wCategory .categories li .putrow {
    position: absolute;
    top: 0;
    right: 10px;
    width: 40px;
    height: 40px;
	cursor: pointer;
	line-height:40px;
}
#wCategory .categories li .putrow span{
	display:block;
	text-align:center;
}
#wCategory .categories li .putrow .putrow-cong {
    display: block;
    text-align: center;
    height: 40px;
    width: 40px;
}
#wCategory .categories li .putrow .putrow-cong:after {
    display: none;
    content: "";
    width: 13px;
    height: 1px;
    -webkit-transition: -webkit-transform 0.15s ease;
    transition: -webkit-transform 0.15s ease;
    -moz-transition: transform 0.15s ease, -moz-transform 0.15s ease;
    transition: transform 0.15s ease;
    transition: transform 0.15s ease, -webkit-transform 0.15s ease, -moz-transform 0.15s ease;
    background-color: #fff;
    position: absolute;
    top: 19px;
    left: 10px;
}
#wCategory .categories li .putrow .putrow-cong:before {
    display: block;
    content: "\f105";
    -webkit-transition: -webkit-transform 0.15s ease;
    transition: -webkit-transform 0.15s ease;
    -moz-transition: transform 0.15s ease, -moz-transform 0.15s ease;
    transition: transform 0.15s ease;
    transition: transform 0.15s ease, -webkit-transform 0.15s ease, -moz-transform 0.15s ease;
    position: absolute;
    left: 16px;
    top: 0px;
    font-family: 'FontAwesome';
    color: #555;
    font-size: 21px;
}
#wCategory .categories li .putrow .putrow-tru {
    display: none;
    text-align: center;
    height: 40px;
}
#wCategory .categories li .putrow .putrow-tru:after {
    display: block;
    content: "\f107";
    -webkit-transition: -webkit-transform 0.15s ease;
    transition: -webkit-transform 0.15s ease;
    -moz-transition: transform 0.15s ease, -moz-transform 0.15s ease;
    transition: transform 0.15s ease;
    transition: transform 0.15s ease, -webkit-transform 0.15s ease, -moz-transform 0.15s ease;
    position: absolute;
    top: 0;
    left: 12px;
    font-family: 'FontAwesome';
    font-size: 21px;
    color: #555;
}
#wCategory .categories li.menu-content-br {
    position: relative;
}
#wCategory .categories li.menu-content-br a {
   
margin: 5px;
   
padding: 0px;
}
#wCategory .categories li.menu-content-br div.box-br {
    margin: 0px 20px 10px 20px;
    border: 0px solid #dfdfdf;
    position: relative;
    background: #f9f9f9;
    border-radius: 6px;
    padding-top: 10px;
}
#wCategory .categories li.menu-content-br:after {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 1px solid #f9f9f9;
  border-left: 1px solid #f9f9f9;
  background: #f9f9f9;
  transform: rotate(45deg);
  position: absolute;
  top: 33px;
  left: 70px;
  display:inline-block;
}
#wCategory .categories li.menu-content-br > p {
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    background: var(--red);
    padding:10px 18px;
    color: #fff;
}
#wCategory .categories .list-br {
    width: 33%;
    float:left;
}
#wCategory .categories .list-br img {
    display: inline-block;
    border: 1px solid #dfdfdf;
    border-radius: 6px;
    padding: 2px;
    background-position: center !important;
    background: #fff;
}
#wCategory .categories li.menu-sale-mb > a {
	color: #fff;
	padding: 4px 12px 0px 50px;
	line-height: 32px;
	font-size: 13px;
	font-weight: 700;
	margin: 3px;
	border-radius: 5px;
	text-transform: uppercase;
	background: var(--red);
	position: relative;
}
#wCategory .categories li.menu-sale-mb svg {
	position: absolute;
	top: 0;
	left: 8px;
}
.logo-mnmobile {
    padding: 5px 0;
    text-align: center;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px;
}
.logo-mnmobile svg {
    height: 30px;
}
.logo-mnmobile .cls-1, .logo-mnmobile .cls-3 {
    fill: #fff;
}
.nav-top-menu::after {
    content: '';
    height: 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(to right,#ad0800 0,#ea5c52 30%,#ad0800 45%);
}
.nav-ontop.nav-top-menu::after{ display:none;}
.nav-top-menu{
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px;

}
#main-menu {
	margin: 0 -15px;
	padding: 0;
}
#main-menu .container-fluid{
  padding: 0;
}
#main-menu .navbar-header{
  display: none;
}
#main-menu .navbar{
  border: none;
  margin: 0;
  background: none;
}
#main-menu .navbar-collapse{
  padding: 0;
}
#main-menu .navbar .navbar-nav > li > a {
    color: #111;
    font-size: 15px;
    margin: 0;
    padding: 15px 12px 15px 12px;
    line-height: 20px;
    font-family:  var(--font-main);
    text-transform: uppercase;
    font-weight: 600;
}

#main-menu .navbar .navbar-nav > li.ico-home .fa { font-size:24px;}
#main-menu .navbar .navbar-nav>li:last-child>a{
  border-right: none;
}
#main-menu .navbar .navbar-nav>li:hover,
#main-menu .navbar .navbar-nav>li.active{
   
}
#main-menu .navbar .navbar-nav>li:hover>a,
#main-menu .navbar .navbar-nav>li.active>a{
	background: var(--red);
	color:#fff;
}
.nav-ontop #main-menu .navbar .navbar-nav > li > a {
}
.nav-ontop #main-menu .navbar .navbar-nav > li:hover > a {
}
#main-menu .nav, 
#main-menu .collapse,
#main-menu .dropup, 
#main-menu .dropdown {
  position: static;
}
#main-menu .dropdown-menu {
    border-radius: 0 0 5px 5px;
    min-width: 200px;
    left: auto;
    padding: 30px 15px;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    -webkit-transform: translate(0,40px);
    -moz-transform: translate(0,40px);
    -o-transform: translate(0,40px);
    -ms-transform: translate(0,40px);
    transform: translate(0,40px);
    display: block;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    top: 100%;
    border: 1px solid #dfdfdf;
    0; border-top: none;
}

#main-menu .dropdown-menu.container-fluid {
    padding: 4px 0;
}
#main-menu .dropdown-menu.dropdown-menu-119 {
    width: 1170px;
    left: -185px;
}
#main-menu .dropdown-menu.dropdown-menu-119 li {
    width: 25%;
	float:left;
}
#main-menu .dropdown-menu.dropdown-menu-119 li a {
	text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#main-menu .dropdown-menu li a {
    position: relative;
    padding: 5px 15px;
    margin-left: 15px;
    color: #333;
    font-family: var(--font-secondary);
}

#main-menu .dropdown-menu li a::before {
    display: inline-block;
    content: '';
    width: 4px;
    height: 4px;
    background: #999;
    position: absolute;
    left: 0;
    top: 13px;
}
#main-menu .dropdown-menu.dropmenu-brand li a::before {
    display: none;
}
#main-menu .dropdown-menu li a:hover {
    background: none;
    color: #0054a6;
}
#main-menu .navbar-nav > li:hover .dropdown-menu {
  -webkit-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -o-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0);
  opacity: 1;
  visibility: visible;
}
#main-menu .mega_dropdown .block-container {
  padding: 0 15px;
}
#main-menu .mega_dropdown .group_header {
  text-transform: uppercase;
  border: 1px solid transparent;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 13px;
  margin-top: 15px;
  text-align:center;
  margin-bottom:6px;
}
#main-menu .mega_dropdown .group_header:hover {
	border: 1px solid #dfdfdf;
	box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.1);
	border-radius:5px;
}


#main-menu .mega_dropdown .group_header:first-child{
  margin-top: 0;
}
#main-menu .mega_dropdown .img_container {
  padding: 0 0 5px;
}
#main-menu .dropdown-menu .block-container .link_container>a{
  line-height: 32px;
}
#main-menu .dropdown-menu .block-container .group_header>a{
  line-height: 32px;
  border-bottom: 0px solid #e5101d;
  display: inline-block;
}
#main-menu .dropdown-menu .block-container .group_header>a>img{
	height:80px;	
}
#main-menu li.dropdown>a:after {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  background: #fff;
  transform: rotate(45deg);
  position: absolute;
  bottom: -7px;
  left: 40%;
	display:none;
}
#main-menu li.dropdown:hover a:after { display:block;}
#main-menu li.dropdown:before {
  content: "\f0de";
  font-family: "FontAwesome";
  font-size: 15px;
  color: #fff;
  padding-left: 7px;
  position: absolute;
  bottom: -13px;
  right: 48%;
  display: none;
  z-index: 1001;
}
#main-menu li.dropdown:hover:before {
  display: none;
}
#main-menu .dropdown-menu.dropmenu-brand {width:1170px;border:none;border-radius: 0 0 6px 6px;left: -270px;}

#main-menu .dropdown-menu.dropmenu-brand li {float:left; width:12.5%;overflow: hidden; margin-bottom:10px;}
#main-menu .dropdown-menu.dropmenu-brand img{ width:100px; height:26px;}
#main-menu .dropdown-menu.dropmenu-brand a {padding:10px;border: 1px solid #dfdfdf;text-align:center;margin: 3px 6px;border-radius: 6px;}
#main-menu .dropdown-menu.dropmenu-brand a:hover { background:transparent;border:1px solid #dfdfdf;border-radius:3px;}
.nav_main_sub_col {
	vertical-align: top;
	padding-top: 10px;
	padding-left: 10px;
}
.nav_main_sub_col._sub_col_width {}
.nav_main_sub_col h3{text-transform:uppercase;font-size:17px;margin-bottom:14px;font-weight: 700;}

.nav_main_sub_col h3 a{
	color:#E5101D;
}
.nav_main_sub_col li {
	padding: 4px 0;
	list-style: none;
	position: relative;
}
.nav_main_sub_col li::before {
	display: block;
	content: "\f155";
	width: 0px;
	height: 0px;
	border: 0px solid #bbb;
	position: absolute;
	left: 0;
	top: 5px;
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	display:none;

}
.nav_main_sub_col li a {font-size: 13px;padding: 0;text-transform: capitalize;text-align: left;display: block;color: #777;font-family:  var(--font-main);}
.nav_main_sub_col._sub_col_width li a {font-size: 15px;padding: 0;text-transform: capitalize;text-align: left;display: block;color: #777;font-family:  var(--font-main);}

.box-vertical-megamenus {
    position: absolute;
    left: 15px;
    right: 15px;
    z-index: 1000;
    cursor: pointer;
}
.box-vertical-megamenus .title {
	color: #111;
	font-size: 18px;
	font-weight: 500;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	padding-left: 0px;
	padding-right: 20px;
	text-transform: uppercase;
	font-family:  var(--font-main);
}
.box-vertical-megamenus .title i {
	margin-right: 5px;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-top: 19px;
}
.box-vertical-megamenus .title i span {
    background: #111;
    height: 1px;
    width: 100%;
    display: block;
    margin-bottom: 5px;
}
.nav-ontop #box-vertical-megamenus .title i span {
}
.box-vertical-megamenus .title .btn-open-mobile>.fa{
  line-height: inherit;
}
.box-vertical-megamenus .title .btn-open-mobile{
  font-size: 18px;


  cursor: pointer;
  line-height: 50px;
}
.box-vertical-megamenus.open .vertical-menu-content { display:block !important;}
.box-vertical-megamenus .vertical-menu-content {
  background: #fff none repeat scroll 0 0;
  border-color: #e5101d;
  border-style: solid;
  border-width: 0;
  display: none;
  box-shadow:0 6px 12px rgba(0,0,0,.07);
}
.home .box-vertical-megamenus .vertical-menu-content{
  display: block;
}
.vertical-menu-list{}
.box-vertical-megamenus .vertical-menu-list li{
  display: block;
  line-height: 26px;
  margin-left: 0px;
  position: relative;
}
.box-vertical-megamenus .vertical-menu-content ul>li>a.parent:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  position: absolute;
  top: 8px;
  right: 8px;
  color: #666;
  display:inline-block;
  font-size:19px;
}
.box-vertical-megamenus .vertical-menu-content ul > li > a.parent::after {
  border: 0px solid #dfdfdf;
  border-radius: 100%;
  color: #333;
  content: ""; /*\f105*/
  display: none; /*inline-block*/
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  height: 20px;
  left: 8px;
  line-height: 1;
  padding-top: 3px;
  position: absolute;
  text-align: center;
  top: 8px;
  width: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.box-vertical-megamenus .vertical-menu-list > li > a {
    color: #333;
    display: block;
    padding: 3px 0 3px 5px;
    font-family: var(--font-secondary);
    font-size: 14px;
}
.box-vertical-megamenus .vertical-menu-list>li:hover a.parent:before{
  color: #fff;
}
.box-vertical-megamenus .vertical-menu-list>li:hover{
  background: #1c6839;
}
.box-vertical-megamenus .vertical-menu-list>li:hover>a{
  transition: none;
  color:#fff;
}
.icon-navigation-left {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    display: inline-block;
    margin-top: 3px;
    border-radius: 100%;
    background-size: contain;
}

.box-vertical-megamenus .vertical-menu-content ul li:hover .vertical-dropdown-menu{
  visibility: visible;
  display: block;
  height: auto;
  -webkit-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -o-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0);
  opacity: 1;

}
.vertical-dropdown-menu{
	background: #fff;
	position: absolute;
	top: 0px;
	left: 100%;
	z-index: 900;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
	-webkit-transition: all 0.45s ease-out 0s;
	-moz-transition: all 0.45s ease-out 0s;
	-o-transition: all 0.45s ease-out 0s;
	transition: all 0.45s ease-out 0s;
	-moz-transform: translate(100px, 0);
	-webkit-transform: translate(100px, 0);
	transform: translate(100px, 0);
	opacity: 0;
	display: block;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	height: 0;
	box-shadow:0 3px 12px 1px rgba(0, 0, 0, 0.1);
	width: 906px;
}
.vertical-dropdown-menu-title::after {
	content: '';
	display: block;
	width: 60px;
	height: 2px;
	margin: 5px 0px 10px 0;
	background: transparent;
}
.vertical-dropdown-menu .mega-group-header{
    border-bottom: 0px solid #E8E8E8;
    font-size: 14px;
    margin-bottom: 0px;
    display: table;
    width: 100%;
}
.vertical-dropdown-menu .mega-group {
	margin-bottom: 11px;
	padding-left: 0px;
}
.vertical-dropdown-menu .mega-group-header span {
	padding-bottom: 0;
	font-size: 13px;
}
.vertical-dropdown-menu .mega-group-header span a {padding-left:0px;color: #333;font-family:  var(--font-secondary);}
.vertical-dropdown-menu .mega-group-header span a:hover {
	color: var(--red);
}
.vertical-dropdown-menu .mega-group-header span a::before {
	display: block;
	content: '';
	width: 0px;
	height: 0px;
	border: 0px solid #bbb;
	position: absolute;
	left: 0;
	top: 7px;
}
.vertical-dropdown-menu .group-link-default {
	border: none !important;
	padding: 0;
	margin: 0;

	overflow: hidden;
}
.vertical-xemthem {
	width: 400px !important;
	top: -374px !important;
	height: 414px !important;
}
.vertical-dropdown-menu .group-link-default li {
	border: none !important;
	padding-left: 0 !important;
	line-height: 27px !important;
	font-size: 15px;
}
.vertical-dropdown-menu .mega-products .mega-product{
    border-right: 1px solid #eaeaea;
    margin-top: 15px;
    line-height: 18px;
}
.vertical-dropdown-menu .mega-products .mega-product:last-child{
    border-right: none;
}
.vertical-dropdown-menu .mega-products .mega-product .product-price .new-price{
    width: auto;
    display: inline-block;
    color: #e5101d;
}
.vertical-dropdown-menu .mega-products .mega-product .product-price .old-price{
    color: #999;
    text-decoration: line-through;
    width: auto;

    display: inline-block;
    padding-left: 20px;
}
.vertical-dropdown-menu .mega-products .mega-product .product-star{
  margin-top: 5px;
  color: #ff9900;
}
.main-header {
    padding: 10px 0;
}
.main-header .header-search-box .form-inline .select2 {
  border-right: 2px solid #e0e0e0;
  height: 42px;
  min-width: 90px;
  width: 90px !important;
}
.main-header .header-search-box .form-inline .select2 .select2-selection{
    border: none;
    background: transparent;
    margin-top: -1px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 41px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 6px;
    right: 15px;
}
.select2-dropdown{
    border: 2px solid #e6202c;
    border-radius: 6px;
}
.select2-container--open .select2-dropdown {
	left: 2px;
	width: 200px !important;
	top: 1px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 15px;
}
.main-header .header-search-box { padding-left:0;}
.main-header .header-search-box .form-inline {
    border: 1px solid #1c6839;
    height: 44px;
    border-radius: 6px;
    background: #fff;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px 2px;
}
.main-header .header-search-box .form-inline .input-serach{display: inline-block;margin-bottom: 0;width: 75%;}
.main-header .header-search-box .form-inline .input-serach input {
    border: none;
    padding-left: 15px;
    width: 100%;
    font-size: 13px;
    padding-top: 12px;
    padding-bottom: 12px;
}
.main-header .header-search-box .form-inline .btn-search {
    border-radius: 0;
    color: #ad0800;
    font-size: 21px;
    position: absolute;
    right: 1px;
    top: 0px;
    border-left: 0px solid rgb(173 8 0 / 30%);
    height: 42px;
    padding: 0 10px 0 20px;
}
/* =============================
   Kết quả gợi ý (#display box)
   ============================= */
#display {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 200000;
    width: 100%;
    float: left;
    display: none;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border-radius: 6px;
    border: 1px solid #dfdfdf;
}

/* =============================
   Danh sách kết quả auto search
   ============================= */
.ldWQUn{position:absolute;left:0;width:100%;background-color:#fff;box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);top:100%;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;z-index: -100;opacity: 0;visibility: hidden;}.ldWQUn.shw{z-index:1050;opacity:1;visibility:visible;} .ldWQUn .src-icon{width:18px;margin-right:10px;}.ldWQUn .src-title{font-weight:700;} .ldWQUn .src-sub-title{color:#808080;} .ldWQUn .src-icon-right{width:12px;position:absolute;right:20px;z-index:1;}
.ldWQUn .smart-search-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;position:relative;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;color:#000;} .ldWQUn .smart-search-item.suggest{padding:0;} .ldWQUn .smart-search-item.suggest a{padding:10px 20px;} .ldWQUn .smart-search-item.top-event{padding:0;} .ldWQUn .smart-search-item.top-event a{padding:10px 20px;margin-left:28px;} .ldWQUn .smart-search-item.promo{padding:10px 20px;} .ldWQUn .smart-search-item:hover{background-color:#f8f8f8;}
.dPuBQd .smart-category-title {
    font-size: 15px;
    line-height: 24px;
    padding: 5px 20px;
    margin-bottom: 0;
    font-weight: 500;
}
.dPuBQd .smart-category-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #f8f8f8;font-family: var(--font-secondary);} 
.dPuBQd .smart-category-wrap .category{padding: 5px 5px;border-bottom:1px solid #f8f8f8;border-left:0.5px solid #f8f8f8;border-right:0.5px solid #f8f8f8;width: calc(100% / 4);}
.dPuBQd .smart-category-wrap .category:hover{box-shadow:0 3px 12px 1px rgb(0 0 0 / 6%)}
.cKiQbj {
    height: 50px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.cKiQbj img{
    position: absolute;
    inset: 0px;
    border: none;
    margin: auto;
    display: block;
    width: 80px;
    height: 45px;
    object-fit: contain;
    opacity: .7;
}
.dPuBQd .smart-category-wrap .category:hover .cKiQbj img{
    opacity: 1;
}
.iqQFuz {
    color: #333;
    line-height: 18px;
    margin: 0 auto;
    display: block;
    font-size: 13px;
    width: 100px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow:hidden;
}
.iqQFuz:hover{color:rgba(0,0,0,1);}
.auto_search {
    padding: 0;
    list-style: none;
}

.auto_search li {
    border-bottom: 0;
    transition: background-color 0.2s ease;
}

.auto_search li:last-child {
    border: none;
}

.auto_search li.firt {
    background: #dfdfdf !important;
}

.auto_search li.firt a {
    color: #333 !important;
    font-weight: bold;
}

/* Hover hiệu ứng */
.auto_search li:hover {
    background: #dfdfdf;
    color: #333;
}

.auto_search li:hover a,
.auto_search li:hover .price_a {
    color: #333;
}

/* =============================
   Liên kết trong kết quả tìm kiếm
   ============================= */
.auto_search li a {
    display: block;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    padding: 10px 10px 10px 30px;
    font-family: var(--font-secondary);
    position:relative;
}
.auto_search li a:before {
	position:absolute;
	content: "\f002";
	width: 10px;
	left: 10px;
	position: absolute;
	font: normal normal normal 14px/1 FontAwesome;
	color: #7f7f7f;
	top: 12px;
}

/* Giá sản phẩm */
.auto_search li span.price_a {
    display: inline-block;
    margin-top: -3px;
    color: #ed1f24;
    font-family: 'Roboto Condensed', sans-serif;
}

.auto_search li:hover .price_a {
    color: #e5101d;
}

/* Loại sản phẩm - làm nổi bật */
.auto_search li.search-cate a strong {
    color: #ed1f24;
}

.auto_search li.search-cate a span {
    color: #333;
}

.top-banner{
     height: 55px;
     position: relative;
     color: #fff;
     line-height: 20px;
}
.bg-overlay{
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(0,0,0,0.7);
}
.top-banner .container{
    position: relative;
    padding-top: 10px;
}
.top-banner h1 {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin-left: 25px;
}
.top-banner h2 {
  font-weight: bold;
  font-size: 15px;
  padding-left: 150px;
}
.top-banner span{
    font-size: 12px;
    color: #999;
}
.top-banner .btn-close{
    width: 24px;
    height: 24px;
    background: #e5101d url("../images/btn-close.png") no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
	border-radius: 100%;
}

/* =============================
   Hình ảnh sản phẩm gợi ý
   ============================= */
.auto_search li a img {
    width: 32px;
    height: 32px;
    margin: 5px 5px 5px 0;
    padding: 0;
    border: 1px solid #dfdfdf;
    border-radius: 6px;
    box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.08);
}

#footer {
    background: rgb(11, 11, 11);
    padding-top: 40px;
    position: relative;
    color: #fff;
}
footer .bottom-menu {
    margin-top: 30px;
    padding: 18px 0 13px;
    text-align: center;
    border-top: 1px solid #000000;
}
footer .bottom-menu li {
    display: inline-block;
    vertical-align: top;
    border-left: 0px solid rgb(128, 128, 128);
    line-height: 1.2;
    zoom: 1;
}
footer .bottom-menu li:first-child {
    border-left: none;
}
footer .bottom-menu li a {
    display: block;
    padding: 0 10px;
    color: rgb(128, 128, 128);
    white-space: nowrap;
    position:relative;
    text-transform: uppercase;
    font-size: 13px;
}
footer .bottom-menu li a:hover {color:#ed1c24;}
footer .bottom-menu li:hover>a:before{left:3px; border-left:2px solid #ed1c24;}
footer .bottom-menu li a:before {
    content: " ";
    width: 2px;
    top: 0px;
    left: 0;
    transform: rotate(11deg);
    position: absolute;
    border-left: 1px solid #bbbbbb;
    height: 12px;
}
footer .bottom-menu li:first-child > a:before { border-left:none;}
#footer-menu-box {
    padding: 20px 0;
    font-size: 12px;
    background: #000;
    color: rgb(128, 128, 128);
}
#footer-menu-box a {
   color: var(--red);
}
#footer .address-content ul{margin:0;padding:0;}
		#footer .address-content ul li {list-style:none;padding-bottom: 5px;}
		#footer .address-content ul li .fa {
			width: 22px;
			font-size: 14px;
			text-align: center;
			margin-right: 7px;
		}

		#footer .address-content, #footer .address-content a{color: #999;}
		#footer .address-content ul li strong {text-transform:uppercase;display: none;}
.introduce-title {
    text-transform: uppercase;
    font-size: 15px;
    list-style: none;
    margin-top: 20px;
    position: relative;
    color: #fff;
    font-family:  var(--font-main);
    line-height: 20px;
}
.introduce-title::after {
	content: '';
	display: block;
	width: 46px;
	height: 0px;
	margin: 10px 0px 20px 0;
	background: #999;
}
.introduce-title .s-2 {
    display: block;
    font-size: 17px;
    font-weight: 600;
}
.introduce-title .s-1 {
    display: block;
    color: #cecece;
}
.introduce-title .fa {
	font-size:20px;	
}
.introduce-list li p {
	padding-top: 4px;
	padding-bottom: 6px;
}
.introduce-list li p:first-child {
	padding-top: 0px;
}
.introduce-list li p:last-child {
	padding-bottom: 0px;
}
.introduce-list li p span{
	display:inline-block;
	width:85px;
}
.introduce-list li p a{
	font-weight:bold;
	color:#e5101d !important;
	display:inline-block;
	width:106px;
}
.introduce-list li p a:hover{
	color:#fff !important;
}
.introduce-list li a{
	font-size:12px;	
}
.introduce-list {list-style: none;}
.block-work-time {
    background: #0f0f0f;
}
.block-work-time .sp-contact-info {
	list-style: outside none none;
	padding: 10px 0 10px 0;
}
.block-work-time .sp-contact-info li i {
	color: #fff;
	display: block;
	float: left;
	font-size: 33px;
	line-height: 40px;
	margin-right: 0;
	padding-right: 20px;
	text-align: center;
	width: 55px;
}
.block-work-time .sp-contact-info li i img{margin-top: 7px;}
.block-work-time .sp-contact-info li i.fa-envelope-o {
	margin-right:8px;
}
.block-work-time .sp-contact-info li p.contact-content {
	font-size: 13px;
	margin-left: 45px;
	font-family:  var(--font-main);
}
.block-work-time .sp-contact-info li p.contact-content span {
	display: block;
	margin: 0px;
	font-size: 15px;
}
.block-work-time .sp-contact-info li p.contact-content span:first-child {
	color: #fff;

	font-size: 15px;
	margin-bottom: 0;
	text-transform: uppercase;
}
.block-work-time .sp-contact-info li p.contact-content span.time {
  color: #999;
}

.hotline {}
.hotline .re-hotline {
  line-height: 19px;
}
.hotline .re-hotline a {
  color: var(--red);
  font-size: 19px;
  font-weight: 700;
  display: block;
  letter-spacing: 2px;
}
.hotline .re-hotline i {
	margin: 0px 3px 0 0;
	font-size: 19px;
	display: inline-block;
}
.hotline .re-hotline i.fa-mobile {margin-top: 0px;font-size:23px}
.hotline .content-hotline {
  display: inline-block;
  margin-right: 10px;
  padding-left: 0;
}
.hotline .content-hotline:last-child { 
	margin-right:0;
}
.hotline .re-hotline span {
	font-size: 12px;
	display: block;
	letter-spacing: 1px;
}

.hotline-footer {color: #e6202c;margin-top: 20px;font-family:  var(--font-main);}
.hotline-footer .re-hotline {
  line-height: 19px;
}
.hotline-footer .re-hotline p{
}
.hotline-footer .re-hotline a {
  color: #e6202c;
  font-size: 21px;
  font-weight: 700;
  display: block;
  letter-spacing: 2px;
}
.hotline-footer .re-hotline i {
	margin: 0px 3px 0 0;
	font-size: 19px;
	display: inline-block;
}
.hotline-footer .re-hotline i.fa-mobile {margin-top: 0px;font-size:23px}
.hotline-footer .content-hotline {
  display: inline-block;
  margin-right: 10px;

  padding-left: 0;
}
.hotline-footer .content-hotline:last-child { 
	margin-right:0;
}
.hotline-footer .re-hotline span {
	font-size: 15px;
	display: block;
	letter-spacing: 1px;
}

/*News*/
.content-wrap {
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 20px;
}
.content-wrap.content-wrap-noborder, .content-wrap .featured-right article.top-list.top-list-noborder {
	border-bottom: 0px solid #dfdfdf;
}
.content-wrap .featured {
  margin-bottom: 10px;
}
.content-wrap .featured a:hover{
}
.content-wrap .featured .featured-left {
}
.content-wrap .featured .featured-left .post-thumbnail {
	overflow: hidden;
	margin-bottom: 15px;
}
.content-wrap .featured .featured-left .post-thumbnail img {
    width: 100%;
}
.content-wrap .featured .featured-right {
}
.content-wrap .featured-left h2{ padding:5px 0; line-height:17px;}
.content-wrap .featured-left h2 a{ color:#333333;}
.featured-left-top-1 h2 a{ color:#c15402; font-size:17px; font-weight:bold;}
.content-wrap .featured-left p{ line-height:22px;}

.content-wrap .featured-right article.top-list {
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 8px;
	padding-bottom: 8px;
}
.content-wrap .featured-right article.top-list h2 {
	background: none;
	padding-left: 0px;
	font-size: 15px;
	margin-top: 10px;
}
.content-wrap .featured-right article.list {
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 8px;
	margin-top: 8px;
	padding-bottom: 8px;
}
.content-wrap .featured-right article.list:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.content-wrap .featured-right article h2 {
	font-size: 14px;
	line-height: 21px;
}

.content-wrap .featured-left-top-1 {}
.content-wrap .featured-right article.top-list:first-child{}
.content-wrap .featured-right article.top-list img {
  width: 100%;
}
.content-wrap .featured-right article.top-list img,
.content-wrap .featured .featured-left .post-thumbnail,
.block-topten .topten-left img,
.topten-list img,
.content-wrap-home .featured .featured-left .post-thumbnail,
.content-wrap .featured-left-top-3 .post-thumbnail-3 img {
  padding: 0px;
}
.topten-right .post-thumbnail img{
}
.content-wrap .featured-right article.top-list a{font-weight:bold; }
.content-wrap .featured-right article h2 a{
}
.content-wrap .featured-left-top-1 {}
.content-wrap .featured-left-top-3 {
 
}
.content-wrap .featured-left-top-3:last-child { margin-right:0;}
.content-wrap .featured-left-top-3 h2 { line-height:16px;}
.content-wrap .featured-left-top-3 a{ font-size:12px; }
.content-wrap .featured-left-top-3 .post-thumbnail-3 {
  margin: 0 0px 0px 0;
  position: relative;
}
.content-wrap .featured-left-top-3 .post-thumbnail-3 img {
	width:150px; height:122px;
}
.featured-left-top-3-mobile { display:none;}

.news-list > li {
	border-bottom:1px solid #f1f1f1;
	margin-bottom:15px;
	padding-bottom:15px;
}
.news-list > li:last-child {
	border-bottom:0px solid #f1f1f1;
}
.news-list li .left-block {
	padding: 0;
	width: 27%;
	position: relative;
	overflow: hidden;
	margin-right: 2%;
	display: inline-block;
}
.news-list li .left-block a {
	display: block;
	overflow: hidden;
}
.news-list li .left-block img {
	margin: 0 auto;
}
.news-list li .right-block {
	width: 70%;
	display: inline-block;
	line-height: 26px;
}
.news-list li .news-name {
	font-size: 17px;
	font-weight: bold;
	line-height: 23px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.new-list li .info-orther {
	display: block;
	position: relative;
}
.news-list .news-desc { line-height:23px;}
.blog-meta {
	color:#999;	
}
.rightcatenews { margin-bottom:15px;}
.rightcatenews .title-box {
	margin: 0 0 10px 0;
}
.rightcatenews .title {
    font-size: 15px;
    border-bottom: 1px solid #e1e1e1;
    font-weight: bold;
    padding-bottom: 7px;
	position:relative;
}
.rightcatenews .title .view-all {
	position: relative;
	top: 2px;
	right: 0;
	font-weight: normal;
	font-size: 12px;
	float: right;
}
.rightcatenews .title .view-all::after {
	content: "\f101";
	font-family: "FontAwesome";
	margin-left:5px;
}
.rightcatenews .title span {
    text-transform: uppercase;
    padding: 5px 10px 5px 0;
}
.rightcatenews ul {
	display: block;
	overflow: hidden;
	background: #fff;
}
.rightcatenews li {
	display: block;
	border-bottom: 1px solid #ededed;
	background: #fff;
	margin: 0 0px;
	padding: 8px 0;
}
.rightcatenews li:last-child {
	border-bottom: 0;
}
.rightcatenews li a {
	display: block;
	overflow: hidden;
}
.rightcatenews li h3:hover {
	color:#007197;
}
.rightcatenews li img {
	float: right;
	width: 100px;
	height: 57px;
	margin-left: 10px;
}
.rightcatenews li h3 {
	display: block;
	overflow: hidden;
	height: 35px;
	line-height: 18px;
	font-size: 12px;

	color: #333;
	margin-bottom: 5px;
}
.rightcatenews li span {
	font-size: 12px;
	color: #999;
	margin-right: 10px;
	position:relative;
}

.rightcatenews.news-thaoluannhieu li {
	border-bottom: 0px solid #ededed;
	padding: 4px 0;
}
.rightcatenews.news-thaoluannhieu li h3{
	height:auto;
}
.rightcatenews.news-thaoluannhieu li span {
	margin-left:10px;
	color:#f89406;
}
.rightcatenews.news-thaoluannhieu li span .fa {
	margin-right:7px;
}
.rightcatenews.news-xemnhieu li img {
	float: left;
	width: 100px;
	height: 57px;
	margin-left: 0;
	margin-right: 10px;
}

.related-posts{
  margin-top: 20px;
}
.related-posts .entry-thumb img {
	height: 200px;
}
.related-posts .entry-ci{
  margin-top: 10px;
}
.related-posts .entry-meta-data{
  color: #999;
  font-size: 13px;
  margin-top: 10px;
}
.related-posts .entry-meta-data .fa{
  line-height: inherit;
}
.related-posts .entry-ci .entry-excerpt{
  padding: 10px 0;
}
.related-posts .entry-title{
  font-size: 14px;
}
.related-posts .owl-next {
	top: -40px;
	right: 5px;

	border-radius:3px;

}
.related-posts .owl-prev{
  top: -40px;
  left: inherit;
  right: 35px;
  border-radius:3px;
}

@media (min-width: 993px) and (max-width: 1200px) {
	
}
@media (min-width: 768px) and (max-width: 992px) {
	
}
@media only screen and (max-width: 767px) and (min-width: 480px){
	.content-wrap .featured .featured-left {
		margin-bottom: 15px;
	}
	.news-list li .left-block {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.news-list li .right-block {
		width: 100%;
	}
	.related-posts .entry-thumb img {
		height: 100px;
	}
	.subcategories li a {
		padding: 10px 5px;
	}
	.group-title-box-product .group-title {
		line-height: 30px;
	}
	
	
}
@media only screen and (max-width: 479px){

	.content-wrap .featured .featured-left {
		margin-bottom: 15px;
	}
	.news-list li .left-block {
		width: 100%;

		margin-right: 0;
		margin-bottom: 15px;
	}
	.news-list li .right-block {
		width: 100%;
	}
	.related-posts .entry-thumb img {
		height: 100px;
	}
	.subcategories li a {
		padding: 10px 5px;
	}
	.group-title-box-product .group-title {
		line-height: 30px;
	}
}

.back-to-top.showtop {
 opacity:1;
 visibility:visible;
 z-index:99
}
.back-to-top {
 position:fixed;
 bottom: 0px;
 right: 0;
 cursor:pointer;
 text-decoration:none;
 opacity:0;
 z-index:-1;
 background-color:transparent;
 transition:all 0.3s ease;
 -webkit-transition:all 0.3s ease;
 display: none;
}

.back-to-top i {
 color: #ffffff;
 font-size: 21px;
 line-height:inherit;
 position:absolute;
 z-index:10;
 left: 0;
 width: 100%;
 text-align: center;
 top: 15px;
}
.back-to-top
.btn {
 width: 40px;
 height: 40px;
 line-height: 30px;
 padding:0;
 position:relative;
 background: var(--red);
 border-radius: 0;
 color: #fff;
 font-size: 13px;
}
.back-to-top .btn:after {
    content: "";
    display: block;
    position: absolute;
    background-color: var(--red);
    top: -1px;
    left: -8px;
    height: 100%;
    width: 12px;
    transform: skewX(-10deg);
    height: 42px;
}
.back-to-top .btn:before {
 position:absolute;
 content:"";
 left:6px;
 top:6px;
 right:6px;
 bottom:6px;
 background-color: var(--red);
 border-radius:50%;
 transition:all 0.3s ease;
 -moz-transform:scale(0);
 -webkit-transform:scale(0);
 -o-transform:scale(0);
 -ms-transform:scale(0);
 transform:scale(0);
	display:none;
}
.nav-ontop {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	padding-bottom: 0px;
	height: 50px;
	z-index: 102;
}

.nav-ontop span.notify-right{
  top: 2px;
}
.nav-ontop>.container{
  position: relative;
}
.nav-ontop #box-vertical-megamenus{
    padding: 0;
}
.nav-ontop #box-vertical-megamenus .title {
}
.nav-ontop #box-vertical-megamenus .title.active{

}
.nav-ontop #box-vertical-megamenus .vertical-menu-content{
  display: none;
  border-top: none;
  box-shadow:0 0px 6px 2px rgba(0, 0, 0, 0.1);
}

.banner a{
  width: 100%;
  overflow: hidden;
  height: auto;
  display: block;
  position: relative;
}
.banner a:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.5);
  content: '';
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,300%,0);
  transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,135deg) translate3d(0,300%,0);
}
.banner a:hover:before{
   -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-300%,0);
  transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,135deg) translate3d(0,-300%,0);
}

.banner-img{
    position: relative;
	background:#fff;
}
#home-slider {background: rgb(238 238 238 / 70%);}
.header-top-right {
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    margin-left: -15px;
}
.header-top-right .header-banner {
    width: 30%;
    float: right;
}
.header-top-right .header-banner .page-top-right {
    padding: 0px 0px 0 5px;
}
.header-top-right .header-banner .page-top-right .banner img {
}
.header-top-right .header-banner .page-top-right .banner a:last-child img {
    margin-bottom: 0;
}
.header-top-right .homeslider {
	width: 70%;
	overflow: hidden;
	float: left;
}
.header-top-right .homeslider img{
    width: 100%;
}
.header-top-right .homeslider .bx-wrapper .bx-viewport {
  -moz-box-shadow: 0;
  -webkit-box-shadow: 0;
  box-shadow:none;
  border:0;
  left: 0;
  background: #fff;
}
.header-top-right .homeslider .bx-controls-direction .bx-prev{
	background-image:linear-gradient(90deg, rgba(0, 0, 0, 0.3) 0px, transparent);	
}
.header-top-right .homeslider .bx-controls-direction .bx-next{
	background-image:linear-gradient(270deg, rgba(0, 0, 0, 0.3) 0px, transparent);	
}
.header-top-right .homeslider .bx-controls-direction .bx-prev,
.header-top-right .homeslider .bx-controls-direction .bx-next{
  text-indent: 0px!important;
  color: #fff;

  font-size: 15px;
  text-align: center;
  line-height: 32px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  width:80px;
  height:100%;
  top:0;
  margin-top:0;
  background-position:0 0;
}
.header-top-right .homeslider .bx-controls-direction .bx-prev .fa {
  position: absolute;
  top: 43%;
  font-size: 80px;
  left: 15px;
}
.header-top-right .homeslider .bx-controls-direction .bx-next .fa {
  position: absolute;
  top: 43%;
  font-size: 80px;
  right: 15px;
}
.header-top-right .homeslider .bx-controls-direction .bx-prev{
  left: 50%;
}
.header-top-right .homeslider .bx-controls-direction .bx-next{
  right: 50%;
}
.header-top-right .homeslider:hover .bx-controls-direction .bx-next{
  right: 0px;
  opacity: 1;
  visibility: inherit;
}
.header-top-right .homeslider:hover .bx-controls-direction .bx-prev{
  left: 0px;
  opacity: 1;
  visibility: inherit;

}
.header-top-right .homeslider .bx-controls-direction .bx-prev:hover,
.header-top-right .homeslider .bx-controls-direction .bx-next:hover{
  opacity: 0.8;
}
.header-top-right .homeslider .bx-wrapper:hover .bx-prev,.bx-wrapper:hover .bx-next{
    display: block;
}
.header-top-right .homeslider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
  padding-right: 10px;
}
.header-top-right .homeslider .bx-wrapper .bx-pager .bx-pager-item{
    border-radius: 0%;
    margin-right: 10px;
    line-height: 20px;
}
.header-top-right .homeslider .bx-wrapper .bx-pager .bx-pager-item a{
    width: 8px;
    height: 8px;
    float: left;
    background: #fff;
    margin: 0;
    padding: 0;
    text-align: center;
    text-indent: 0px;
    color: #666;
    border: 0px solid #999;
    padding-left: 1px;
    text-indent:-9999px;
    border-radius: 100%;
    position: relative;
}
.header-top-right .homeslider .bx-wrapper .bx-pager.bx-default-pager a.active::before {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    top: -3px;
    left: -3px;
    border: 1px solid #be202e;
    border-radius: 100px;
   
}
.header-top-right .homeslider .bx-wrapper .bx-pager.bx-default-pager a:hover{
  background: #be202e;
  color: #fff;
}
.header-top-right .homeslider .bx-wrapper .bx-pager.bx-default-pager a:hover, .header-top-right .homeslider .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #c83e37;
  color: #fff;
}
.bx-wrapper {
  margin: 0;
}
.sukien-content-left .cluster_headline, .sukien-content-left .cluster_headline .field-name-field-headline {margin-top:0;}
.cluster_headline {
    margin: 15px auto 15px;
    position:relative;
}
.cluster_headline.text-left .field-name-field-headline,
.cluster_headline.text-left .field-name-field-headline:after{
	 text-align: left;
	 margin-left: 0;
	margin-right: 0;
}
.cluster_headline .field-name-field-headline {
    font-weight: 500;
    font-style: normal;
    font-size: 32px;
    text-align: center;
    margin: 15px auto 15px;
    line-height: 1;
    position: relative;
    text-transform: uppercase;
}
.cluster_headline .cluster_headline_desc {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    width: 80%;
    margin: 0 auto;
}
.cluster_headline p { text-align: center;}
.cluster_headline .field-name-field-headline h1,
.cluster_headline .field-name-field-headline h1, .cluster_headline .field-name-field-headline h2 {
    font-size: 28px;
    text-transform: initial;
    font-family: var(--font-main);
}
.cluster_headline .field-name-field-headline h3{
    font-size: 21px;
    text-transform: initial;
}
.cluster_headline .field-name-field-headline:after {content: '';display: block;width: 50px;height: 0px;background: #333;text-align: center;margin: 5px auto 20px auto;}
.section-light .cluster_headline .field-name-field-headline h2{ color:#fff;} 
.section-light .cluster_headline .field-name-field-headline:after {

    background: #fff;
}
.menu-home-sub {
    text-align: center;
    font-family: var(--font-secondary);
}
.menu-home-sub li{
    display: inline-block;
    padding: 5px 2px;
}
.menu-home-sub li button {
		font-size: 15px;
		padding: 5px 10px;
		border-radius: 6px;
		position: relative;
		overflow:hidden;
		-webkit-transition: all .3s ease-out,right .2s ease-out;
		-moz-transition: all .3s ease-out,right .2s ease-out;
		-ms-transition: all .3s ease-out,right .2s ease-out;
		-o-transition: all .3s ease-out,right .2s ease-out;
		transition: all .3s ease-out,right .2s ease-out;
		background: rgb(114 151 128);
		color: #fff;
	}
    .menu-home-sub li button.active::before {
        width: 6px;
        height: 12px;
        border-style: solid;
        border-color: rgb(255, 255, 255);
        border-image: initial;
        border-width: 0px 2px 2px 0px;
        transform: rotate(45deg);
        right: 4px;
        bottom: 3px;
        display: inline-block;
        z-index: 2;
    }
    .menu-home-sub li button.active::after {
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0px 0px 24px 24px;
        border-color: transparent transparent #ed1f24;
    }
.menu-home-sub li button.active::before, .menu-home-sub li button.active::after {
        content: "";
        display: inline-block;
        position: absolute;
        bottom: 0px;
        right: 0;
        z-index: 1;
    }

	.menu-home-sub li button.active, .menu-home-sub li:hover button {
	}
	.menu-home-sub li:hover button{
		background: #28673a;
		color: #fff;
	}
	.menu-home-sub li button.active{
		background: #28673a;
		color: #fff;
	}
	
	.menu-home-sub li button.active::before, 
	.menu-home-sub li button.active::after {
	    content: "";
	    display: inline-block;
	    position: absolute;
	    bottom: 0px;
	    right: 0px;
	    z-index: 1;
	}
	.menu-home-sub li button.active::after {
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 0px 0px 24px 24px;
		border-color: transparent transparent #ed1f24;
	}
	
	.menu-home-sub li button.active::before {
		width: 6px;
		height: 12px;
		border-style: solid;
		border-color: rgb(255, 255, 255);
		border-image: initial;
		border-width: 0px 2px 2px 0px;
		transform: rotate(45deg);
		right: 4px;
		bottom: 3px;
		display: inline-block;
		z-index: 2;
	}
.product_count_total {
    background-color: rgb(4 105 56 / 80%);
    padding: 0;
    overflow: hidden;
    border-width: 0 1px 1px 0;
    border-style: none;
    border-color: transparent;
    width: 100%;
    margin-bottom: 0;
    float: left;
    height: 523px;
    border-radius: 12px;
}
.product_count_total._count_total-27 {height: 412px;}
.product_count_total._count_total {height: 292px;}
.product_count_total .btn_action {
    color: #fff;
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    background: transparent;
    border: 0;
    padding: 0;
    text-align: left;
}
.product_count_total .btn_action .product_count_total_cnt {
    position: absolute;
    padding-left: 35px;
    width: 100%;
    top: 50%;
    transform: translate(0, -50%);
}
.product_count_total .btn_action .prod_count {
    font-size: 43px;
    line-height: 25px;
    text-transform: uppercase;
    font-weight: 900;
    padding-bottom: 70px;
}
.product_count_total .btn_action .prod_count span {
    font-size: 19px;
    font-weight: 500;
    margin-top: 15px;
    display: inline-block;
}
.product_count_total .btn_action .view_all {
    border-top: 1px solid #fff;
    padding-top: 9px;
    font-size: 18px;
}
.product_count_total .btn_action .arrow {
    position: relative;
    border-width: 9px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    background: none;
    width: 14px;
    height: 14px;
    left: 21px;
    margin-top: 25px;
}
.product_count_total .btn_action .arrow:before {
    content: "";
    border: 1px solid #fff;
    display: block;
    height: 47px;
    width: 47px;
    position: absolute;
    left: -29px;
    top: -23px;
    border-radius: 100%;
}
.sticker-cod {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #046938;
    color: #fff;
    padding-left: 7px;
    font-size: 13px;
    height: 32px;
    text-align: left;
    padding-right: 0;
    white-space: nowrap;
}
.sticker-cod span.vat {
    float: right;
    display: inline-block;
}

.sticker-cod .free-shipping {
    font-style: italic;
    line-height: 32px;
}
.sticker-cod .free-shipping {
    display: block;
}
.view-product-list {
    position: relative;
}
.product-list .product-container {
    overflow: hidden;
    text-align: center;
    position: relative;
    border: 1px solid #ededed;
    padding: 0 0 68px 0;
    border-radius: 12px;
    background: #fff;
}

.product-list .product-container .ImageOverlayCa {
 background:rgba(0,0,0,0.07);
 height:100%;
 left:-100%;
 position:absolute;
 z-index:1;
 top:0;
 width:100%;
 -webkit-transition:all 0.3s;
 -moz-transition:all 0.3s;
 -o-transition:all 0.3s;
 transition:all 0.3s
}

.product-list .ImageWrapper {
 float:left;
 overflow:hidden;
}
.product-list .product-container .product-button {
	display: inline-block;
	width: 60px;
	text-align: center;
	margin: 0;
	position: absolute;
	z-index: 2;
	top: 68px;
	left: -40px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.product-list .product-button .search-view, .product-list .product-button a {
    background: #fff;
    color: #000000;
    cursor: pointer;
    font-size: 21px;
    display: flex;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
    align-items: center;
    border: 1px solid #dfdfdf;
    justify-content: center;
    margin: 5px;
    border-radius: 100%;
    box-shadow: 0 3px 12px 1px rgb(0 0 0 / 10%);
}
.product-list .product-button .search-view i{
	font-size: 21px;
	line-height: 40px;
}
.product-list .product-button a i{
	font-size: 21px;
	line-height: 40px;
}
.product-list .product-button a:hover i{
	color:#e5101d;
}
.product-list .product-button .compare{
  
}
.product-list .product-button .compare svg {
    height: 17px !important;
    width: 17px !important;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.product-list .left-block {
    position: relative;
    overflow: hidden;
    padding:0;
}
.product-list .left-block img{
  margin: 0 auto;
}
.product-list .left-block img.avata-pro{
	-webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.product-list .left-block:hover img.avata-pro{
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.product-list .product-name {
    font-size: 14px;
    overflow: hidden;
    padding: 0;
    min-height: 50px;
    margin-top: 10px;
    line-height: 24px;
    font-family:  var(--font-main);
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.product-list .product-name a:hover {
    color: var(--red);
    border-bottom: 1px dashed var(--red);
}
.product-list .content_price {
	display: inline-block;
	width: 100%;
	position:relative;
}
.product-list .product-price {
	font-size: 15px;
	color: #e5101d;
	margin-right: 4px;
	font-weight: bold;
	display: inline-block;
}
.product-list .old-price {
    color: #999;
    font-size: 14px;
    position: relative;
    display: inline-block;
    opacity: .7;
}
.product-list .old-price::after {
	background: #aaa none repeat scroll 0 0;
	content: "";
	height: 1px;
	left: 0;
	margin-top: 0;
	position: absolute;
	top: 10px;
	width: 84%;
	z-index: 1;
	opacity: .3;
	display: inline-block;
}
.product-list .sale-off {
    background: #1c6839;
    border-radius: 5px;
    color: #fff;
    padding: 4px 4px;
    font-size: 14px;
    line-height: 12px;
    margin-top: 2px;
    display: inline-block;
    position: absolute;
    right: 5px;
    top: -18px;
}
.product-list .colreduce-percentage{
  line-height: 28px;
}

.product-list .group-price, .product-image .group-price {
    position: absolute;
    top: 5px;
    left: 5px;
    height: auto;
}
.product-list .group-price-sale, .product-image .group-price-sale {
    position: absolute;
    top: 5px;
    right: 5px;
    height: auto;
}
.product-list .group-price-sale .product-sale, .product-image .group-price-sale .product-sale {
    border: 1px solid #fcc52a;
    color: #111;
    float: left;
    font-size: 10px;
    line-height: 17px;
    padding: 0px 2px;
    text-align: center;
    height: 18px;
    border-radius: 6px;
    background: #fcc52a;
}
.product-list .group-price .product-new, .product-image .group-price .product-new {
    border: 1px solid #f14f66;
    color: #fff;
    float: left;
    font-size: 12px;
    line-height: 16px;
    padding: 2px 5px;
    text-align: center;
    height: 20px;
    border-radius: 0;
    text-transform: uppercase;
    background: #f14f66;
    border-radius: 5px;
}
.product-list .group-price .price-percent-reduction{
    width: 36px;
    height: 36px;
    background: #ff6600;
    color: #fff;
    float: left;
    border-radius: 90%;
    line-height: normal;
    text-align: center;
    font-size: 12px;
    padding-top: 5px;
    margin-bottom: 5px;
}
.product-list .price-percent-reduction2{
  width: 52px;
  height: 44px;
  background: url("../images/price-percent-br.png") no-repeat center center;
  color: #fff;
  line-height: normal;
  text-align: center;
  font-size: 14px;

  position: absolute;
  top: 10px;
  right: 0;
  font-family: 'Arial Narrow', Arial, sans-serif;
  padding-left: 5px;
  padding-top: 2px;
}

.product-list .group-price .product-new {
	background: #b8423e;
	border: 1px solid #b8423e;
	color: #fff;
	float: left;
	font-size: 10px;
	line-height: 18px;
	padding: 0px 5px;
	text-align: center;
	height: 18px;
	border-radius: 6px;
	text-transform: uppercase;
}
.product-list .group-price .product-sale{
    border: 1px solid #ff7c1d;
  color: #ff7c1d;
  float: left;
  font-size: 11px;
  line-height: 17px;
  padding: 0 5px;
  text-align: center;

  height: 18px;
  border-radius: 3px;
  text-transform: uppercase;
}

.product-list .product-star {
	width: 100%;
	float: right;
	color: #ff9900;
	text-align: left;
	display: inline-block;
	padding-top: 0;
	font-size: 10px;
}
.product-list .product-star .fa{ 
	margin-right:3px;
}
.product-list .block-list-color {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	color: #fff;
	text-align: center;
	line-height: 15px;
	-moz-transition: all 0.45s ease;
	-webkit-transition: all 0.45s ease;
	-o-transition: all 0.45s ease;
	-ms-transition: all 0.45s ease;
	transition: all 0.45s ease;
	z-index: 1;
}
.product-list .block-list-color span {

border: 0px solid #f1f1f1;

border-radius: 6px;

display: inline-block;

height: 20px;

margin: 5px 3px 0 0;

width: 20px;
}
.product-list .block-list-color .list-imgcolor {
    border: 1px solid #f1f1f1;
    display: inline-block;
    margin: 3px;

    width: 24px;
    height: 24px;
    object-fit: cover;
    border-radius: 3px;
    object-position: center;
    line-height: 30px;
    background: #fff;
    cursor: pointer;
    position:relative;
    overflow: hidden;
    color: #979797;
    font-size: 11px;
	background-size: cover;
}
.product-list .block-list-color .list-imgcolor.starActive::before, 
.product-list .block-list-color .list-imgcolor.starActive::after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1;
}
.product-list .block-list-color .list-imgcolor.starActive::after {
    content: "";
    display: inline-block;

    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1;
}
.product-list .block-list-color .list-imgcolor.starActive::before {
    width: 6px;
    height: 12px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    border-width: 0px 2px 2px 0px;
    transform: rotate(45deg);
    z-index: 2;
    right: 4px;
    bottom: 3px;
	display: inline-block;
}
.product-list .block-list-color .list-imgcolor.starActive::after {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 0px 24px 24px;
    border-color: transparent transparent rgb(189, 0, 0);
}
.product-list .block-list-color .list-imgcolor:hover,
.product-list .block-list-color .list-imgcolor.starActive{border: 1px solid var(--red);}

.tooltip-inner {
    padding: 3px 6px;
    background-color: #111;
}

.product-list .block-list-color .list-imgcolor img{height: 28px;width: 100%;}
.thm-btn {
    display: inline-block;
    border: none;
    outline: none;
    background: #0071bc;
    background: -webkit-gradient(linear, left top, right top, from(#e3362e), color-stop(98%, #cd231b), to(#cd231b));
    background: linear-gradient(to right, #6541c1 0%, #0071bc 98%, ##0071bc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6541c1', endColorstr='#d43396', GradientType=1);
    color: #FFFFFF !important;
    font-size: 15px;
    font-weight: 400;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border-radius: 28px;
    padding: 9px 30px;
    position: relative;
    margin-top:15px;
}

.thm-btn::before {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	border-radius: 28px;
	background: #fff;
	opacity: 0;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.thm-btn:hover { opacity:.8}
.thm-btn > span {
	position: relative;
}
.thm-btn i {
    display: inline-block;
}
.product-list .fs-buts {
    width: 100%;
    margin-top: 15px;
}
.product-list .fs-buts .add-tcart {
    display: inline-block;
    width: 140px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    text-transform: uppercase;
    border: 1px solid #7f7f7f;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    font-weight: 500;
}
.product-list .fs-buts .add-tcart:hover {border: 1px solid #e5101d; background:#e5101d; color:#fff;}
.product-title__btn-features {
    font-size: 14px;
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
    opacity: 0;
    transition: opacity 0.85s ease;
    width: 100px;
    padding: 6px 10px;
    z-index: 1;
    border: solid 2px #fe3106;
    background-color: #fe3106;
    font-weight: 500;
    margin: 0 auto;
    color: #fff;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(225, 226, 230, 0.4);
    -moz-box-shadow: 0px 5px 20px 0px rgba(225, 226, 230, 0.4);
    box-shadow: 0px 5px 20px 0px rgba(225, 226, 230, 0.4);
    border-radius: 50px;
    top: 33%;
    text-transform: uppercase;
}
.product-title__btn-features a {
    color: #fff;
}
.product-title__btn-features_2 {
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
    opacity: 0;
    transition: opacity 0.85s ease;
    width: 148px;
    z-index: 1;
    margin: 0 auto;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(225, 226, 230, 0.4);
    -moz-box-shadow: 0px 5px 20px 0px rgba(225, 226, 230, 0.4);
    box-shadow: 0px 5px 20px 0px rgba(225, 226, 230, 0.4);
    border-radius: 50px;
    bottom: 42px;
    background: rgb(74 134 97 / 70%);
    display: inline-block;
}

.product-title__btn-features_2 button {
    font-size: 13px;
    text-align: center;
    padding: 5px 5px;
    color: #fff;
    font-weight: 500;
}
.product-list.grid .products-row {
    margin-bottom: 25px;
    padding-left: 5px;
    padding-right: 5px;
    width: 20%;
}
.product-featured-list-home > div{ 
	height: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in;
	display:none;
}
.product-featured-list-home > div.active{
	height: unset;
    opacity: 1;
    visibility: visible;
	display:block;
}
.breadcrumb {
    background: none;
    padding: 0;
    margin: 0;
    padding-bottom: 10px;
    line-height: normal;
    font-size: 13px;
    color: #333;
    padding-top: 10px;
}
.breadcrumb a{
  color:#333;
}
.breadcrumb .navigation-pipe:before{
    content: "\f105";
  font-size: 14px;
  display: inline-block;
  text-align: right;
  width: 6px;
  color: #333;
  font-family: "FontAwesome";
  padding: 0 15px;
}
.subcategories-cate {
    margin-bottom: 5px;
    margin-top: 15px;
}
.subcategories-cate li {
	display: inline-block;
	margin-bottom: 10px;
}
.subcategories-cate li:first-child a {
}
.subcategories-cate li a {
	display: block;
	font-size: 15px;
	margin: 0 20px 5px 0;
	position: relative;
	text-transform: uppercase;
	font-family:  var(--font-main);
	color: #666;
}
.subcategories-cate li a:hover{
  color:var(--red);
}
.subcategories-cate li a::after {
    content: "";
    display: block;
    height: 4px;

    background: rgb(248, 248, 248);
    transition: background 0.2s ease 0s;
}
.subcategories-cate li:hover a:after{
   background: var(--red);
}

.subcategories-cate li.current-categorie a{
    color:var(--red);
}
.subcategories-cate li.current-categorie a:after {
	background: var(--red);
}
.subcategories-cate .subcategory-item-img {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    border: 1px solid #dfdfdf;
    margin: 5px auto 8px;
    overflow: hidden;
    display: none;
}
.subcategories-cate .subcategory-item-title {overflow: hidden;}
.bottom-pagination { margin-top:30px;}
.pagination {
  display: block;
  font-size: 14px;
  margin: 20px 0;
  padding: 0;
  text-align: center;
  text-transform: capitalize;
}
.pagination a, .pagination a:visited, .pagination span {
    background: #ffffff none repeat scroll 0 0;
    color: #333333;
    display: inline-block;
    margin: 3px 5px 3px 0;
    padding: 0;
    text-decoration: none;
    border: 1px solid #999999;
    border-radius: 100%;
    height: 38px;
    width: 38px;
    line-height: 38px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .15);
    font-weight: bold;
    font-size: 15px;
}
.pagination a .fa, .pagination span .fa {
    font-weight: bold;
    font-size: 15px;
}
.pagination a:hover {
	border: 1px solid #1c6839;
	background:#1c6839;
	color:#fff;
}
.pagination span, .pagination li {
    background: #1c6839;
    color: #fff;
    border-color: #1c6839;
}
.pagination a,
.pagination li {
    cursor: pointer;
}
.pagination li {

  background: #ffffff;

  color: #333333;

  display: inline-block;

  margin: 3px 2px 3px 0;

  padding: 0px 8px;

  text-decoration: none;

  border: 1px solid #dfdfdf;

}

.pagination li.inactive,

.pagination li.current,

.pagination li.disabled,

.pagination li:hover {

	background: #1c6839;

	color: #fff;

	border-color: #1c6839;

}

.pagination li.inactive,

.pagination li.current,

.pagination li.disabled{

	cursor:inherit;

}
.group-title {
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 7px;

}
.group-title span {
    border-bottom: 0px solid #E5101D;
    text-transform: uppercase;
    padding: 5px 0px 5px 0;
}
.group-title-pro {
    font-size: 25px;
    font-weight: bold;
    padding-bottom: 7px;
    margin-top: 20px;
    font-family:  var(--font-main);
}

#product .pb-right-column{
  line-height: 30px;
}
#product .pb-right-column .fa{
  line-height: inherit;
}
#product .pb-right-column .product-name{
  font-size: 24px;

}
#product .pb-right-column .item-brand {
    color: #999999;
    position: relative;
    font-size: 14px;
    line-height: 40px;
    display: inline-block;
}
#product .pb-right-column .item-brand img {
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	object-fit: cover;
	height: 40px;
}
#product .pb-right-column .item-brand a {
	color: #0388CD;
	position: relative;
}
#product .pb-right-column .item-brand span.divider {
	font-size: 11px;
	color: #CCCCCC;
}
#product .pb-right-column .product-comments .product-star,
#product .pb-right-column .product-comments .comments-advices{
  width: auto;
  display: inline-block;
}

#product .pb-right-column .product-comments .product-star{
	color: #ff9900;
}
#product .pb-right-column .product-comments .comments-advices a{
  border-right: 1px solid #eaeaea;
  padding-left: 15px;
  padding-right: 15px;
}
#product .pb-right-column .product-comments .comments-advices a:last-child{
  border-right: none;
}
.product-price-group .price,
.product-price-group .old-price,
.product-price-group .discount{
  display: inline-block;
  margin-right: 15px;
}
#product .pb-right-column .sale-phone-item {
    border: 1px solid #f76b1c;
    color: #fff;
    line-height: 17px;
    padding: 3px 5px;
    text-align: center;
    height: 22px;
    border-radius: 0;
    background: #f76b1c;
    border-radius: 5px;
}
.product-price-group { margin-bottom:10px;}
.product-price-group .price{
	font-size: 21px;
	color: #e5101d;
	font-weight: bold;
}
#page_content__segment_menu__info__subtitle .item-price{
  font-size: 18px;
  color: #e5101d;
}
.product-price-group .old-price {
	margin-right: 5px;
	margin-right: 5px;
    font-size: 15px;
    opacity: .7;
    color: #046938;
	font-weight:600;
}
.product-price-group .discount {
  margin-right: 0;
  text-align: center;
}
#product .pb-right-column .product-price-group .discount {
    text-align: center;
    background: #046938;
    color: #fff;
    padding: 0px 5px;
    border-radius: 6px;
    font-size:13px;
    line-height: 22px;
    margin-top: 3px;
}
.product-price-group label{
	font-size: 21px;
	color: #777;
	font-weight:60
}
#product .pb-right-column .product-desc ul {

list-style: outside none none;

margin-bottom: 0;

padding-left: 15px;

text-align: justify;

margin-left: 5px;
}

#product .pb-right-column .product-desc ul li {

    list-style: square;

}

#product .info-orther {
	padding-bottom: 5px;
	border-top: 0px solid #f1f1f1;
}
#product .info-orther p {
  line-height: 24px;
  margin: 6px 0;
  font-family:  var(--font-main);
  font-size: 14px;
}
/*
#product .info-orther p:hover {
	 background:#f1f1f1;
}*/
#product .info-orther p span{ 
	display:inline-block;
}
#product .info-orther p span.flaticon, #product .info-orther p span[class^="icon-"] {
	margin-right: 7px;
	width: 24px;
	text-align: center;
	height: 24px;
	background: #fff;
}
#product .info-orther p span.fa {
	width: 21px;
	height: 24px;
	font-size: 21px;
	margin-left: 3px;
}
#product .info-orther p span[class^="icon-"]::before {
	font-size: 21px;
}
#product .info-orther p span.icon-safety-shower::before {
	font-size: 17px;
	margin-top: 5px;
	display: inline-block;
}
#product .info-orther p span.flaticon::before {
	font-size: 21px;
}
#product .info-orther p i.fa {
	font-size: 17px;
	width:24px;
	text-align:center;
}
#product .info-orther p span.span-title{
	display:inline-block;
	width: 110px;
	margin-right:5px;
}
#product .info-orther p span.span-text{
	display:inline-block;
}
#product .info-orther p span a{ 
	color: #23527c;
}
#product-detail .info-orther p {
	margin: 2px 0;
	line-height: 40px;
}
#product-detail .info-orther p span {
	padding: 10px 8px;
	font-weight: bold;
	width: 120px !important;
	line-height: 20px;
}
/*
#product-detail .info-orther p .span-title:nth-child(2n+1) {
	background: #f3f3f3;
}
#product-detail .info-orther p .span-title:nth-child(2n) {
	background: #ffffff;
}*/
#product .pb-right-column .product-desc,
#product .pb-right-column .form-action,
#product .pb-right-column .form-share{
  border-top: 0px solid #eaeaea;
  padding: 5px 0;
}
#product .pb-right-column .form-option{
  border-top: 0px solid #eaeaea;
  padding: 5px 0;
}
#product .pb-right-column .form-option #size_chart{
  color: #e5101d;
  text-decoration:underline;
  margin-left: 15px;
}
#product .pb-right-column .product-desc {
	height: 100px;
	line-height: 23px;
	overflow: hidden;
	margin-top:10px;
	padding: 0;
	position: relative;
	font-size: 14px;
	font-family: var(--font-secondary);
}

#product .pb-right-column .product-desc p, #product .pb-right-column .product-desc h3, #product .pb-right-column .product-desc h4 {
    margin-bottom: 5px;
    position: relative;
}

#product .pb-right-column .form-option .attributes{
  clear: both;
}
#product .pb-right-column .form-option .attributes:first-child {
	padding: 5px 0;
}
#product .pb-right-column .form-option .attributes .attribute-label {
    display: inline-block;
    width: 115px;
    font-size: 14px;
    font-weight: bold;
}
#product .pb-right-column .form-option .attributes .attribute-label.attribute-label-color {
    padding-top: 10px;
}
#product .pb-right-column .form-option .form-option-title{
  font-weight: bold;
  line-height: 20px;
}

#product .pb-right-column .form-option .attributes select{
  padding: 0px 0px 0px 10px;
  height: 29px;
    line-height: 23px;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #FAFAFA url("../images/dropdown.png") no-repeat scroll right center;
  display: inline-block;
  border: 1px solid #eaeaea;
  min-width: 95px;
}
#product .pb-right-column .form-option .qty{
  width: 80px;
  display: inline-block;
  float: left;
  overflow: hidden;
}
#product .pb-right-column .form-option .product-qty {
	background: #fff;
	border: 1px solid #dfdfdf;
	position: relative;
	display: inline-block;
	width: 106px;
	border-radius: 5px;
}
#product .pb-right-column .form-option .attribute-list {
	background: #fff;
	position: relative;
	display: inline-block;
	border-radius: 5px;
}
#product .pb-right-column .form-option .attributes .btn-plus {

}
#product .pb-right-column .form-option .btn-plus a {
	text-align: center;
	line-height: 32px;
	cursor: pointer;
	width: 32px;
	height: 32px;
}
#product .pb-right-column .form-option .btn-plus a.btn-plus-up {
	position: absolute;
	right: 0px;
	font-size: 18px;
	color: #777;
	top: 0;
	border-left: 1px solid #dfdfdf;
}
#product .pb-right-column .form-option .btn-plus a.btn-plus-down {
	position: absolute;
	right: 32px;
	font-size: 18px;
	color: #777;
	top: 0;
	border-left: 1px solid #dfdfdf;
}
#product .pb-right-column .form-option .btn-plus a .fa-caret-up{
	
}

#product .pb-right-column .form-option .attributes input {
  font-weight: bold;
  max-width: 50px;
  padding: 0 5px;
  font-size:17px;
}
#product .pb-right-column .form-option .list-color{
  padding-top: 5px;

}
#product .pb-right-column .form-option .list-color li.listSize {
	width: auto;
	height: 32px;
	padding: 1px 11.5px;
}
#product .pb-right-column .form-option .list-color li.listSize a {
	width: auto;
	height: 28px;
}
#product .pb-right-column .form-option .list-color li {
    width: 64px;
    height: 64px;
    border: 1px solid #8b8b8b;
    float: left;
    margin-right: 5px;
    border-radius: 3px;
    padding: 1px;
    position: relative;
    margin-bottom: 5px;
    text-align: center;
    background: #eaeaea;
    color: #fff;
    cursor: pointer;
}
#product .pb-right-column .form-option .list-color li.starActive::before, 
#product .pb-right-column .form-option .list-color li.starActive::after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1;
}
#product .pb-right-column .form-option .list-color li.starActive::after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1;
}
#product .pb-right-column .form-option .list-color li.starActive::before {
    width: 6px;
    height: 12px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    border-width: 0px 2px 2px 0px;
    transform: rotate(45deg);
    z-index: 2;
    right: 4px;
    bottom: 3px;
	display: inline-block;
}
#product .pb-right-column .form-option .list-color li.starActive::after {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 0px 24px 24px;
    border-color: transparent transparent rgb(189, 0, 0);
}

#product .pb-right-column .form-option .list-color li.colornoimg {
    width: 64px;
    height: 64px;
    border: 1px solid #eaeaea;
    float: left;
    margin-right: 5px;
    border-radius: 3px;
    padding: 1px;
    position: relative;
}
#product .pb-right-column .form-option .list-color li span {
  color: #e5101d;
  display: inline-block;
  font-size: 12px;
  height: 20px;
  position: absolute;
  right: -15px;
  text-align: center;
  top: 2px;
  vertical-align: middle;
  width: 20px;
}
#product .pb-right-column .form-option .list-color li img {
    background-clip: padding-box;
    border-radius: 3px;
    width: 100%;
    height: 60px;
    object-fit: cover;
    object-position: center;
}
#product .pb-right-column .form-option .list-color li:hover,
#product .pb-right-column .form-option .list-color li.active,
#product .pb-right-column .form-option .list-color li.starActive{
    border: 1px solid #e5101d;
	background:#e5101d;
}
#product .pb-right-column .form-option .list-color li:hover a,
#product .pb-right-column .form-option .list-color li.active a,
#product .pb-right-column .form-option .list-color li.starActive a{
	color:#fff;
}
#product .pb-right-column .form-option .list-color li a{
  width: 40px;
  height: 28px;
  float: left;
  color: #111;
}
#product .pb-right-column .form-option .list-color li.colornoimg a{
  width: 60px;
  height: 60px;
  float: left;
}
#product .pb-right-column .form-action{
  padding: 0;
  padding-bottom: 5px;
}
#product .pb-right-column .form-action .button-group{
  margin-top: 10px;
  overflow: hidden;
}
#product .pb-right-column .form-action .button-group .wishlist,
#product .pb-right-column .form-action .button-group .compare{
  min-width: 50px;
  padding-right: 15px;
  text-align: center;
  float: left;
}
#product .pb-right-column .form-action .button-group .wishlist .fa,
#product .pb-right-column .form-action .button-group .compare .fa{
  font-size: 18px;

  width: 30px;
  height:30px;
  color: #fff;
  line-height: 30px;
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0% 0%;
  border-radius: 90%;
}
#product .pb-right-column .form-action .button-group .wishlist:hover .fa,
#product .pb-right-column .form-action .button-group .compare:hover .fa{
  background: #e5101d;
}
#product .pb-right-column .form-share .fa{
  font-size: 18px;
}
#product .pb-right-column .form-share .sendtofriend-print a{
  margin-right: 15px;
  margin-bottom: 15px;
}
#product .pb-left-column .product-image .product-full {
  border: 0px solid #eaeaea;
  padding: 0px;
}
#product .pb-left-column .product-image .product-img-thumb{
  margin-top: 15px;
  padding: 0 40px;
}
#product .pb-right-column .form-action .button-group.row{}
.button-group-view{ margin:0; padding:0 1px;}
.list-image-view .owl-carousel .owl-item img {
	display: block;
	width: 100%;
	border: 1px solid #dfdfdf;
    border-radius: 6px;
    overflow: hidden;
}
#product .pb-left-column .product-image .product-img-thumb li{
  
}
#product .pb-left-column .product-image .owl-next{
  right: -40px;
  background: transparent;
font-size: 32px;
color: #999;
}
#product .pb-left-column .product-image .owl-next .fa{ font-weight:normal; }
#product .pb-left-column .product-image .owl-prev {
	left: -40px;
	background: transparent;
	font-size: 32px;
	color: #999;
}
#product .pb-left-column .product-image .owl-prev .fa{ font-weight:normal; }
.block-news-products { margin-top:33px;}
.product-tab {
	margin-top: 30px;
	margin-bottom: 15px;
	overflow: hidden;
}
.product-tab .nav-tab {
	border-bottom: 0px solid #dfdfdf;
}
.product-tab .nav-tab > li {
	margin-bottom: -1px;
	overflow: hidden;
	line-height: 46px;
	float:
	left;
}
.product-tab .nav-tab>li:last-child{
  
}
.product-tab .nav-tab>li:first-child>a{
}
.product-tab .nav-tab > li > a {
	margin-right: 10px;
	font-family:  var(--font-main);
	font-weight: 400;
	font-size: 18px;
	padding: 10px 20px;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-ms-border-radius: 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	position: relative;
	border: 1px solid #dfdfdf;
}
.product-tab .nav-tab>li.active>a{
  background-color: var(--red);
  border: 1px solid #dddddd;
  color: #fff;
  -webkit-box-shadow: 4px 3px 0px #eeeeee;
  -moz-box-shadow: 4px 3px 0px #eeeeee;
  -ms-box-shadow: 4px 3px 0px #eeeeee;
  -o-box-shadow: 4px 3px 0px #eeeeee;
  box-shadow: 4px 3px 0px #eeeeee;
  border-bottom: 2px solid #fff;
}
.product-tab .nav-tab>li.active
{
	
}
.product-tab .tab-container {
    border-radius: 5px;
    margin-top: 15px;
    margin-right: 4px;
}
.product-tab .tab-container p{
  margin: 0 0 10px;
}
.product-tab .tab-container .table{
  margin-bottom: 0;
}
.product-tab .tab-container .tab-panel{
  line-height: 26px;
}
.product-tab .tab-container .tab-panel{
  padding:10px 0 0 0;
  display:none;
}
.product-tab .tab-container .tab-panel.active{
  display:block;
}
.product-tab .tab-container #product-comment{
  padding:0 10px;
}
.product-comments-block-tab {
  overflow: hidden;
}
.product-comments-block-tab .fa{
    line-height: inherit;
}
.product-comments-block-tab .reviewRating{
  color: #ff9900;
}
.product-comments-block-tab .comment{
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px dotted #eaeaea;
}
.product-comments-block-tab .comment:first-child{
  padding-top: 0;
}
.product-comments-block-tab .comment:last-child{
  padding-bottom: 0;
  border-bottom:none;
}
.product-comments-block-tab .comment .author{
    border-right: 1px solid #eaeaea;
}
.product-comments-block-tab .btn-comment{
    padding: 5px 15px;
    border: 1px solid #eaeaea;
    float: left;
    margin-top: 15px;
}

.page-product-box{
  margin-top: 20px;
}
.page-product-box .heading{
  font-size: 16px;
  color: #333333;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 17px;
}
.page-product-box .owl-next{
  top: -36px;
}
.page-product-box .owl-prev{
  top: -36px;
  left: inherit;
  right: 26px;
}

.page-product-box .product-list li{
  margin-bottom: 1px;
}
.policy_intuitive {
    margin-bottom: 10px;
    margin-top: 10px;
    background: #f7f7f7;
    font-family:  var(--font-main);
    font-size: 15px;
}
.policy {
    margin: 0;
    padding: 5px 10px;
}
.policy__list {
    display: flex;
    flex-wrap: wrap;
}
.policy__list>li:nth-child(2n+1) {
    padding-right: 20px;
}
.policy__list>li {
    position: relative;
    padding: 5px 0 5px 35px;
    width: 25%;
    display: inline-block;
    line-height: 18px;
    margin-bottom:7px;
    margin-top:7px;
}
.policy__list>li {
    align-items: center;
}
.policy__list li p {
    padding-left: 10px;
    display:block;
}
.policy__list li span {
    padding-left: 10px;
    display:block;
    font-size: 13px;
    color: #999;

}
.policy__list li>div.iconl {
    left: 0;
    position: absolute;
    top: 2px;
}
.policy__list li .iconl {
    width: 32px;
}
[class^="icondetail-"], [class*="icondetail-"] {
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 32px;
    line-height: 30px;
    vertical-align: middle;
    background-size: contain;
    margin-top: 9px;

}
.btn-add-cart
{
	background-image: linear-gradient(-180deg,var(--red) 2%,var(--red) 96%);
}
.btn-add-cart,
.btn-tuvan {
	border-radius: 0;
	clear: both;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	margin: 0 auto;
	padding: 8px 5px;
	text-align: center;
	overflow: hidden;
	font-family: "Roboto condensed";
	width: 100%;
	text-transform:uppercase;
}
.btn-add-cart:hover{
  color: #fff;
  opacity: 0.8;
}
.btn-tuvan {
	background-image: linear-gradient(-180deg, #1c6839 0%, #1c6839 100%);
	color: #fff;
}
.btn-tuvan:hover{
  color: #fff;
  opacity: 0.8;
}
.btn-tuvan i[class^="icon-"],
.btn-add-cart i[class^="icon-"] {
	font-size: 21px;
	display: inline-block;
	margin-right: 7px;
	margin-top: 4px;
}
#product .pb-right-column .product_title_contact {border-radius: 6px;border: 1px solid #fff;padding-left: 5px;box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 2px 2px;}
#product .pb-right-column #like-this-product {margin-top: 6px;}
#product .pb-right-column #like-this-product button {
    background: transparent;
    border: 0;
    font-size: 12px;
    text-transform: unset;
    display: block;
    line-height: 18px;
}
#product .pb-right-column #like-this-product button i {
    display: block;
    font-size: 28px;
    color: #1c6839;
    margin-bottom: 2px;
}

.product-desc .ovlarticle,
.showcontents-detail .ovlarticle, .showcontentsPro-detail .ovlarticle,
.blocks-abouthome .ovlarticle {
    position: absolute;
    left: 0;

    right: 0;
    bottom: 0;
    height: 100px;
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 85%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0);
}
.blocks-abouthome .ovlarticle{ display:none;}
.showcontentsPro-detail {
    overflow: hidden;
    height: 200px;
    position: relative;
}
.readmore {
    display: block;
    overflow: hidden;
    position: relative;
    font-size: 14px;
    color: var(--red);
    margin: 10px auto;
    cursor: pointer;
    border: 1px solid var(--red);
    text-align: center;
    width: 60%;
    border-radius: 4px;
    padding: 5px 0;
}
.readmore::after {
    content: '';
    width: 0;
    right: 0;
    border-top: 6px solid var(--red);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}
.readmore:hover {background:#1c6839;color:#fff;border: 1px solid #1c6839;}
.readmore:hover:after { border-top-color:#fff;}
.xemthemProducts a {
    font-size: 14px;
    cursor: pointer;
    color: var(--blue);
}
.xemthemProducts a .fa{

  margin-left:10px;

}
.blocks-abouthome { padding-top:15px;}
.blocks-abouthome .cluster_headline, .blocks-abouthome .cluster_headline .field-name-field-headline{ margin-top:10px;}

.shownews-view a img {
    margin-bottom: 15px;
    margin-top: 15px;
}
.shownews-view h1{
	font-size: 21px;
	margin-bottom: 5px;
	margin-top: 15px;
}
.shownews-view h2 {
	font-size: 21px;
	margin-bottom: 15px;
	margin-top: 15px;
	font-weight: 700;
}
.shownews-view h3 {
	font-size: 17px;
	margin-bottom: 15px;
	margin-top: 15px;
	font-weight: 500;
}
.shownews-view h2::after, .shownews-view h3::after {
	content: '';
	display: block;
	width: 80px;
	height: 2px;
	margin: 10px 0px 10px 0;
	background: #dfdfdf;
	display: none;
}
.content-services{
    padding:0 0 20px 0px;
    line-height: 23px;
    font-size: 14px;
	font-family:var(--font-secondary)
}
.content-services p,.content-services img{ margin:15px 0 10px 0;}
.content-services p:first-child{ margin-top:0;}
.content-services span:first-child,.content-services span:first-child img{ margin-top:0;}
.content-services ul li {
    list-style: square;
    margin-left: 20px;
}
.content-services ol li {
    list-style: number;
    margin-left: 20px;
    padding-left: 5px;
}
.block-footer-right .col-item {
    margin-bottom: 15px;
    width: 100%;
    display: inline-block;
}
.block-footer-right .col-item:first-child {
    margin-top: 15px;
}
.block-footer-right .col-item>a {
	 font-size: 16px;
	 font-weight: 500;
	 text-transform:uppercase;
	 color: #fff;
}
.block-footer-right .col-item ul {
}
.block-footer-right .col-item ul li {
    display: inline-block;
}
.block-footer-right .col-item ul li a {
    
}
.block-footer-right .col-item ul li a{
	font-size: 14px;
	position:relative;
	padding: 5px 15px 5px 0px;
	-webkit-transition: all .3s ease-out,right .2s ease-out;
	-moz-transition: all .3s ease-out,right .2s ease-out;

	-ms-transition: all .3s ease-out,right .2s ease-out;
	-o-transition: all .3s ease-out,right .2s ease-out;
	transition: all .3s ease-out,right .2s ease-out;
	color: #999;
}
.block-footer-right .col-item ul li a:after {
    content: " ";
    width: 1px;
    top: 9px;
    right: 6px;
    position: absolute;
    border-right: 1px solid #bbbbbb;
    height: 10px;
}
.block-footer-right .col-item ul li:last-child a:after {
    border-right: 0px solid #999;
}
.block-footer-right .col-item ul li:hover>a{color:#be202e;}
.block-footer-right .col-item ul li.xemthem a {
    color: #be202e;
    font-size: 13px;
    display: inline-block;
    padding: 0 15px 0 0;
    margin-top: 1px;
}
.block-footer-right .col-item ul li.xemthem a::after {
    content: '';
    width: 0;
    right: -2px;
    border-top: 6px solid transparent;
    border-left: 6px solid #be202e;
    border-right: 6px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 0 0 5px;
    border-bottom: 6px solid transparent;
    top: 3px;
}
.top_viewed_cates_footer {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 99999;
        display: none;
    }
    .top_viewed_cates_footer .list_cates {
        margin: 0 auto;
        background: #363636;
    }
	.top_viewed_cates_footer .list_cates .cate_item {
		width: 20%;
		display: inline-block;
		float: left;
		position: relative;
	}
	.top_viewed_cates_footer .list_cates .cate_item .count-cart-header-mb {
		position: absolute;
		top: 2px;
		right: 10px;
		background: #e3362e;
		border-radius: 6px;
		padding: 3px 6px;
		line-height: 12px;
		color: #fff;
	}
    .top_viewed_cates_footer .list_cates .cate_item .cate_url .cate_info .cate_name {
        font-size: 15px;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin-bottom: 1px;
        margin-top: 11px;
    }
    .top_viewed_cates_footer .list_cates .cate_item .cate_url {
		text-align: center;
		display: block;
		padding: 0;
		font-size: 12px;
		color: #fff;
	}
    .top_viewed_cates_footer .list_cates .cate_item .cate_url .cate_info .cate_name {
        font-size: 15px;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin-bottom: 1px;
        margin-top: 11px;
    }
	.top_viewed_cates_footer .list_cates .cate_item .cate_url i{
		font-size: 17px;
		width: 26px;
		height: 26px;
		display: inline-block;
		border-radius: 100%;
		line-height: 24px;
	}
	.top_viewed_cates_footer .list_cates .cate_item .cate_url svg {
		font-size: 17px;
		width: 26px;
		height: 22px;
		border: 0px solid #d73846;
		display: inline-block;
		border-radius: 100%;
		line-height: 24px;
	}
	.top_viewed_cates_footer .list_cates .cate_item .cate_url i.fa-phone {
		width: 40px;
		height: 40px;
		line-height: 40px;
		margin-top: -14px;
		background: var(--red);
		border: 2px solid #d61929;
		color: #fff;
		position: relative;
	}
	.top_viewed_cates_footer .list_cates .cate_item .cate_url i.fa-phone:after {
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		background: #f16572;

		opacity: .8;
		left: 0;
		top: 0;
		border-radius: 100%;
		-webkit-animation: scaleIn 1s ease infinite alternate;
		animation: scaleIn 1s ease-out infinite alternate;
		z-index: 102;
	}
	.top_viewed_cates_footer .list_cates .cate_item .cate_url i.fa-phone:before {
		position: absolute;
		width: 36px;
		height: 36px;
		background: var(--red);
		left: 0;
		top: 0;
		border-radius: 100%;
		z-index: 103;
	}

	@-webkit-keyframes scaleIn{to{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}}@keyframes scaleIn{to{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}}
#toc .toc_description{position:absolute;top:5px;right:-300px;width:200px;padding:10px;font-size:13px;line-height:18px;z-index:1;background-color:var(--red);color:#fff;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;border-radius:3px 0 0 3px;}
	#toc .toc_button:hover .toc_description{right:68px;opacity:1;filter:alpha(opacity=100);}
	#toc .toc_description:after{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:transparent;border-left-color:var(--red);border-width:8px;margin-top:-8px;}
	
	.toc_button {
		position: relative;
		box-shadow: 0 5px 10px rgba(0,0,0,.15), 0 4px 15px rgba(0,0,0,.13);
		background:#fff;
	}
	.ppocta-ft-fix-right {
		position: fixed;
		bottom: 46px;
		right: 5px;
		text-align: center; 
		z-index: 999;
		width: 40px;
	}
    #callNowButton{
        display: inline-block;
        position: relative;
        border-radius: 50%;
        color: #fff;
        width: 40px;
        height: 40px;
        line-height: 40px;
		margin-bottom:10px;
    }
    #callNowButton i {
		border-radius: 100%;
		display: inline-block;
		width:40px;
		height: 40px;
		background: var(--red);
		line-height: 40px;
		font-size: 21px;
	}
    #callNowButton a{
        display: block;
        text-decoration: none;
        outline: none;
        color: #fff;
        text-align: center;
    }
	#callNowClick svg
	{
		width: 24px;
    	height: 24px;
    	margin-top: 12px;
	}
    
	#zaloButton {
		display: inline-block;
		width: 40px;
		height: 40px;
		border-radius: 100%;
		margin-bottom: 10px;
		background: var(--red);
	}
	#zaloButton a {
		text-decoration: none;
		color: #fff;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 5px;
		width: 30px;
		height: 30px;
		cursor: pointer;
		margin-left: 5px;
	}
    #messengerButton{
        display: inline-block;
		width: 40px;
		height: 40px;
		border-radius: 100%;
		margin-bottom: 10px;
		background: var(--red);
    }
	#messengerButton a {
		text-decoration: none;
		color: #fff;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 5px;
		width: 30px;
		height: 30px;
		cursor: pointer;
		margin-left: 5px;
	}
	#callNowButtonClick {
		display: inline-block;
		position: relative;
		border-radius: 50%;
		color: #fff;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	#callNowButtonClick a {
		display: block;
		text-decoration: none;
		outline: none;
		color: #fff;
		text-align: center;
	}
	#callNowButtonClick i {
		border-radius: 100%;
		display: inline-block;
		width: 40px;
		height: 40px;
		background: #fe3106;
		line-height: 40px;
		font-size: 21px;
	}
	#compare_list {
		display: inline-block;
		position: relative;
		border-radius: 50%;
		color: #fff;
		width: 40px;
		height: 40px;
		line-height: 40px;
		margin-bottom:40px;
		background:#fcc52a;
	}
	#compare_list svg {
		height: 24px !important;
		width: 24px !important;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
	}
	@media only screen and (max-width: 768px){
		#toc .toc_button:hover .toc_description{display:none !important;}
	}
	@media only screen and (max-width: 767px)
	{
		.ppocta-ft-fix 
		{
			display: block;
			left: 10px;
			min-width: 50px;
		}
		#callNowClick a.txt{display:none;}
	}
.subcategories {
  border-radius: 0px;
  margin-bottom:10px;
  text-align: center;
}
.subcategories.text-left { text-align:left;}
.subcategories li {
	display: inline-block;
	margin-bottom: 10px;
	width: 105px;
}
.subcategories li a {
    display: block;
    padding: 0px;
    margin: 0 5px 0 0;
    text-align: center;
    position: relative;
    font-family: var(--font-secondary);
}
.subcategories li a:hover{
  color: var(--red);
}
.subcategory-item-image{
	border: 1px solid #d2d2d270;
	border-radius: 12px;
	overflow: hidden;
	}
.subcategory-item-image img{
	height:40px;
 }
.subcategories.subcategories-brand .subcategory-item-image {
	padding: 5px;
	}
.subcategories.subcategories-brand .subcategory-item-image img{
	height:26px;
 }
.subcategories li a:hover .subcategory-item-image{
  border: 1px solid var(--red);
  box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.1);
}
.subcategory-item-title {
    font-size: 13px;
    text-align: center;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    box-sizing: border-box;
}
.subcategory-item-title {}
.subcategories li.current-categorie{
    position: relative;
}
.subcategories li.current-categorie .subcategory-item-title {
	color: var(--red);
}
.subcategories li.current-categorie .subcategory-item-image {
	border: 1px solid var(--red);
    box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.1);
}


.newspage-list {
    margin-top: 10px;
}
.newspage-list li .product-container, .newspage-list > div .product-container {
    border: 1px solid #dfdfdf;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 25px;
}
.newspage-list .sub-content {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    font-size: 14px;
}
.newspage-list .main-content {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    width: 100%;
}
.newspage-list .main-content .decsription-news {

    height: 60px;
    overflow: hidden;
}

.newspage-list .date-time {
    color: #999;
    text-align: left;
    display: none;
    padding-top: 4px;
}

.newspage-list .date-time a {
    color: inherit;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
}
.newspage-list .sub-content .block-info a {
    display: block;
    position: relative;
    line-height: 24px;
    font-style: normal;
    text-align: left;
    padding: 0px 10px 0px 20px;
    white-space: nowrap;
}

.newspage-list .sub-content .block-info a.view::before {
    content: "\f06e";
}
.newspage-list .sub-content .block-info a::before {
    font-family: "FontAwesome";
    font-size: inherit;
    color: #dadada;
    margin-right: 6px;
    transition: all 0.3s ease;
}

.newspage-list li .left-block, .newspage-list > div .left-block {
    position: relative;
    overflow: hidden;
    padding: 0;
}
.newspage-list li .left-block img, .newspage-list > div .left-block img {
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    margin: 0 auto;
    width: 100%;
	height: 160px;
}

.newspage-list li:hover img,.newspage-list >div .left-block:hover img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.newspage-list li .left-block .decsription-news, .newspage-list > div .left-block .decsription-news {
    padding: 0px 0px 0 0;
    line-height: 22px;
    font-family: var(--font-secondary);
}

.newspage-list .title-news {
    margin: 0 0 10px 0;
    height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.newspage-list .title-news a {
    font-size: 17px;
    line-height: 22px;
    color: #333333;
}

.newspage-list .right-block {
    padding: 10px;
}
.newspage-list ._seeall {
    overflow: hidden;
    position: relative;
    display: inline-block;
    border: 1px solid #dfdfdf;
    border-radius: 6px;
    padding: 3px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 2px 2px;
}

.newspage-list ._seeall a {
    color: #333;
    padding: 2px 6px;
    font-family: var(--font-secondary);
    font-size: 13px;
}

.newspage-list ._seeall:hover {
    border: 1px solid #0054a6;

    color: #fff;
    background: #0054a6;
}

.newspage-list ._seeall:hover a {
    color: #fff;
}

._seeall:hover .ImageOverlayCa {
    left: 0;
}

.newspage-list .post-meta {
    padding: 10px 0 0 0;
    border-top: 1px solid #f1f1f1;
    text-align: center;
    margin: 7px 0 0 0;
}
.ser-main .ImageOverlayCa, ._seeall .ImageOverlayCa {
    background: rgba(0,0,0,0.07);
    height: 100%;
    left: -100%;

    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.ser-main:hover .ImageOverlayCa {
 left:0;
}
.ser-main:hover .ser-name{
  background: var(--red);
	
}
.ser-main:hover .ser-name h2{color:#fff;}
.ser-main {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px 2px;
    border-radius:10px;
    border: 1px solid #fff;
}
.ser-name {
    width: 100%;
    background: #5b6b7b;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.ser-name h2 {
    color: #fff;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.owl-controls .owl-dots{
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  width: 100%;
}
.owl-controls .owl-dots .owl-dot{
  width: 20px;
  height: 5px;
  background: #adadad;
  display: inline-block;
  margin: 0 6px;
}
.owl-controls .owl-dots .owl-dot.active{
  background: #e3362e;
}
.section .owl-controls .owl-dots{margin-bottom: -25px;}
.section .products-selling-content  .owl-dots{margin-bottom: -35px;}
.about-home-content-right {padding-top: 20px;position:relative;padding-left: 20px;}
.btn-effect{position:relative;display: block;border-radius: 12px;overflow: hidden;border: 1px solid #dfdfdf;padding: 1px;box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 2px 2px;}
.btn-effect img{border-radius: 12px;width: 100%;object-fit: cover;height: 234px;}

.subcategories-cate-home {
  border-radius: 0px;
  background: #fff;
}
.subcategories-cate-home .gianhang-row a {
	display: block;
	font-size: 14px;
	padding: 10px;
	margin: 0;
	text-align: center;
	position: relative;
}
.subcategories-cate-home .gianhang-row a:hover{
  color: #e5101d;
}
.subcategories-cate-home .subcategory-item-img {
    overflow: hidden;
    margin: 0 auto 20px auto;
    text-align: center;
}
.subcategories-cate-home .subcategory-item-img img {
    width: 120px;
    margin: 10px auto 0 auto;
}
#main-menu .dropdown-menu.dropmenu-brand a:hover img,
.subcategories-cate-home .subcategory-item-img:hover img{animation:tada 2s infinite}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}

.block-category-home{padding-bottom: 15px;}
.block-category-home .cluster_headline .field-name-field-headline{}
.subcategories-cate-home .subcategory-item-title {
    overflow: hidden;
    font-size: 15px;
    line-height: 24px;
    padding: 5px 0;
}
.subcategories-cate-home .subcategory-item-title h2 {
    font-size: 15px;
    line-height: 24px;
}
.subcategories-cate-home li a {
    display: block;
    margin: 0;
    text-align: center;
    position: relative;
    border-bottom: 1px solid rgb(248, 248, 248);
    border-left: 0.5px solid rgb(248, 248, 248);
    border-right: 0.5px solid rgb(248, 248, 248);
    border-top: 1px solid rgb(248, 248, 248);
    border-radius: 6px;
}

.subcategories-cate-home .gianhang-row .subcategory-item-title {
    min-height: 60px;
}
.blocks-hinhanh{}
.albumhinh-list li{padding-left: 3px;padding-right: 3px;margin-bottom: 6px;overflow:hidden;position:relative;}

.albumhinh-list li a{ display:block; position:relative;}
.albumhinh-list li a .pxl-item-number {
    font-size: 130px;
    font-weight: 700;
    white-space: nowrap;
    line-height: 1;
    color: transparent;
    text-transform: uppercase;
    -webkit-text-stroke: 1px #e9e9e9;
    text-stroke: 1px #e9e9e9;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 20%;
    text-align: center;
	
}
.albumhinh-list li a:hover .pxl-item-number{  transform: scale(0);
    opacity: 0;
    transition-delay: 0s;} 
.albumhinh-list img{ height:200px; width:100%; cursor:pointer;}
.albumhinh-list img {
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    height: 240px;
    width: 100%;
   filter: grayscale(70%)contrast(100%)brightness(70%);
}
.albumhinh-list img:hover{
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.albumhinh-list li a:hover img{filter: unset} 

.social-link {margin-top: 39px;}
.social-link a{
	cursor:pointer;
	background: #fff;
	display: inline-block;
	border-radius: 3px;
	margin-right: 15px;
	width: 31px;
	text-align: center;
}
.social-link .fa{
    color: #333;
    text-align: center;
    background:transparent;
    font-size:17px;
}
.social-link a:hover .fa{
	color:#333;	
}
.social-link .fa-facebook {
}
.social-link .fa-youtube {
}
.social-link .fa-instagram{
}
.social-link .fa-pinterest-p{
}
.social-link .fa-twitter {
	color: #0098F4;
}
.social-link.social-link-news { margin-top:0;}
.social-link.social-link-news .fa {
	color: #999;
}
.social-link.social-link-news .fa {
	line-height:20px;
}
.social-link.social-link-products {
	margin-top: 25px;
	margin-left: -10px;
}
.social-link.social-link-products .fa {
	color: #999;
	margin-right: 10px;
	font-size: 21px;
	line-height:20px;
}
#trademark-list .payment-block i{
	margin-left: 0;
	font-size: 24px;
	color: #fff;
	vertical-align: -3px;
}
#trademark-list .payment-block i:last-child {
	margin-left: 15px;
}
.box-form { margin-bottom:20px;}
.box-form .cusmo-input.cusmo-input {
    background: transparent;
    border-color: #e9e8e8;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    box-shadow: none;
    padding: 5px 5px 5px 5px;
    width: 100%;
	resize: none;
}
.box-form .input-group-addon{
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    padding: .6rem .9rem;
    min-width: 3.847rem;
    font-size: 14px;
    color: #525252;
    border-radius: 0;
    border: 0;
    background-color: transparent;
	vertical-align: top;
}
.contboxact-form .input-group-addon{
    width: 50px;
    padding: 8px 10px 8px 0;
	border-right:1px solid #dfdfdf;
}
.box-form .has-float-label{ display:table-cell; position:relative;}
.box-form .controls{
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    padding: 5px 10px;
	margin:5px 0;
}
.has-float-label>span {
    position: absolute;
    cursor: text;
    font-size: 14px;
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    top: -1em;
    left: .75rem;
    z-index: 3;
    line-height: 1;
    padding: 0 1px;
	background:#fff;

}
.has-float-label .cusmo-input:placeholder-shown:not(:focus) + * {
    font-size: 14px;
    opacity: .5;
    top: .8em;
    color: black !important;
}

.has-float-label .cusmo-input:placeholder-shown:not(:focus)+* {
    font-size: 14px;
    opacity: .5;
    top: .5em;
}
.has-float-label>span::after {
    content: " ";
    display: block;
    position: absolute;
    background: #fff;
    height: 2px;
    top: 50%;
    left: -.2em;
    right: -.2em;
    z-index: -1;
}
.box-form label.error {
    border: 1px dashed #b94a48;
    border-radius: 2px;
    color: #b94a48 !important;
    display: block;
    margin-top: 2px;
    padding: 2px 5px;
    font-size: 12px !important;
    bottom: 0;
    top: auto !important;
	margin-left:5px;
}
.bg-red {
background-color: #ed1f24;
color:#fff;
font-size: 15px;
}
.cart-note {

    border-left: 4px solid #cccccc;

    font-size: 12px;

    margin: 0;

    padding: 10px 0 10px 10px;

}

.cart-note ul {

    list-style: outside none none;

    margin: 0;

    padding: 0;

}

.note-text {

    color: #ff0000;

}
#loading,


#loading-letter{

    display: none;

}
.content-services h2 {
	font-size: 21px;
	margin-bottom: 5px;
	margin-top: 20px;
	font-weight: 700;
	color: #333333;
}
.content-services h3 {
    font-size: 17px;
    margin-bottom: 5px;
    margin-top: 15px;
    font-weight: 600;
    color: #333333;
}
.content-services h2::after {
	content: '';
	display: block;
	width: 68px;
	height: 2px;
	margin: 5px 0px 5px 0;
	background: #dfdfdf;
}
.content-services.shadow {
    border: 1px solid #dfdfdf;
    box-shadow: 4px 3px 0px #eeeeee;
    border-radius: 6px;
    padding: 10px 10px;
    margin-bottom: 20px;
}
.table-list {
    background-color: #FFFFFF;
    border: 1px solid #f1f1f1;
    border-radius: 0 0 3px 3px;
    width: 100%;
    font-family: var(--font-secondary);
}
.table-list th {
    background-color: #f1f1f1;
    border-bottom: 0px solid #dfdfdf;
    border-right: 0px solid #dfdfdf;
    font-weight: bold;
    padding: 10px 5px;
}
.table-list th {
    color: #222222;
}
.table-list td {
    border-bottom: 1px solid #f1f1f1;
    padding: 5px;
    vertical-align:middle;
    border-right: 1px solid #f1f1f1;
}
.table-list td:last-child {
    border-right: 0 solid #f1f1f1;
}
.table-list th {
    border-bottom: none !important;
}
.NormalTextBox{
    background: #ffffff;
    border-color: #e9e8e8;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    padding: 10px 5px;
    width: 100%;
}
.inputqty {
    padding: 5px 0 4px;
    text-align: center;
    width: 60px !important;
}
.inputqty-120 {
    padding: 5px 0 4px;
    text-align: center;
    width: 120px !important;
}

.about-action { margin:30px 0 15px 0;}

.read-more a {
    display: block;
    overflow: hidden;
    position: relative;
    font-size: 14px;
    color: #fff;
    margin: 10px auto;
    cursor: pointer;
    border: 1px solid #0054a6;
    text-align: center;
    width: 60%;
    border-radius: 4px;
    padding: 5px 0;
	background:#0054a6;
}
.read-more a::after {
    content: '';
    width: 0;
    right: 0;
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}
.read-more a:hover {background:#fff; color:#0054a6; border: 1px solid #0054a6;}
.read-more a:hover:after { border-top-color:#0054a6;}

.field--name-field-grid-content .field__item {
    position: relative;
}
.field--name-field-grid-content .field--name-image {
    position: relative;
    width: 100%;
}
.field--name-field-grid-content .field--name-image img {
    width: 100%;
    -webkit-transition: all .3s ease-out,right .2s ease-out;
    -moz-transition: all .3s ease-out,right .2s ease-out;
    -ms-transition: all .3s ease-out,right .2s ease-out;
    -o-transition: all .3s ease-out,right .2s ease-out;
    transition: all .3s ease-out,right .2s ease-out;
    max-width: none;
    object-fit:cover;
}
.field--name-field-grid-content a:hover .field--name-image img{
    transform: scale(1.1);
}
.field--name-field-grid-content a:hover .read-more-album {
    padding-left:5px;
}
.teaser-kicker-wrapper { position:absolute; left:0; bottom:0;}
.field--name-field-grid-content .field--name-field-kicker {
    font-style: normal;
    font-size: 14px;
    color: #FFF;
    padding: 7px 25px 3px 15px;
    position: relative;
    z-index: 1;
    float: left;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.field--name-field-grid-content .field--name-field-kicker:before {
    content: "";
    position: absolute;
    left: -8px;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #5d6b7a;
    transform: skewX(-12deg);
    z-index: -1;
    box-sizing: content-box;
    opacity: .8;
}

.paragraph--type--teaser-card.teaser-card-image.color2 .field--name-field-kicker:before {
    background-color: #111111;
}
.paragraph--type--teaser-card.teaser-card-image.color2:hover .field--name-field-kicker:before {
    background-color: var(--red);
	opacity:1;
}

.paragraph--type--teaser-card.teaser-card-image.color2 .teaser-content-wrapper h4,
.paragraph--type--teaser-card.teaser-card-image.color2 .read-more-album{color: #5d6b7a;}
.paragraph--type--teaser-card.teaser-card-image.color2 .read-more-album:before{border-color: #5d6b7a;}


.field--name-field-grid-content .teaser-content-wrapper {
    display: block;
    float: none;
    clear: both;
    padding: 5px 0 10px 10px;
    display: none;
}
.field--name-field-grid-content .teaser-content-wrapper h4 {
    font-weight: 400;
    font-style: normal;
    font-size: 21px;
    color: #046938;
    letter-spacing: .5px;
    line-height: 1.2;
    margin: 0 0 10px;
}
.teaser-card-image {
    overflow: hidden;
    margin-bottom: 30px;
    border: 1px solid #f1f1f1;
    position: relative;
}
.read-more-album {
    padding-bottom: 1px;
    padding-top: 3px;
    position: relative;
    color: #5d6b7a;
    font-weight: 500;
    font-style: italic;
    font-size: 14px;
    margin-top: 10px;
    display: inline-block;
    letter-spacing: .5px;
    margin-left: 15px;
    line-height: 1;
    -webkit-transition: all .3s ease-out,right .2s ease-out;
    -moz-transition: all .3s ease-out,right .2s ease-out;
    -ms-transition: all .3s ease-out,right .2s ease-out;
    -o-transition: all .3s ease-out,right .2s ease-out;
    transition: all .3s ease-out,right .2s ease-out;
}

.read-more-album:before {
    content: " ";
    width: 2px;
    height: 100%;
    top: 0;
    left: -10px;
    border-left: 1px solid #ff3162;
    transform: rotate(11deg);
    position: absolute;
	border-left: 1px solid #fff;
}
.doanhnghiep-info {
	border: 1px solid #dfdfdf;
    box-shadow: 4px 3px 0px #eeeeee;
    border-radius: 6px;
    padding: 10px 10px;
    margin-bottom: 20px;
	font-family:var(--font-secondary)
}
.doanhnghiep-info h2 {
	font-size: 19px;
	margin-bottom: 15px;
	margin-top: 15px;
	font-weight: 500;
}
.doanhnghiep-info h2::after{
	content: '';
	display: block;
	width: 40px;
	height: 2px;
	margin: 10px 0px 10px 0;
	background: #dfdfdf;
}
.doanhnghiep-info ul li {
	padding: 6px 0;
}
.doanhnghiep-info ul li span {
    display: inline-block;
    width: 155px;
    font-weight: 600;
    position: relative;
}
.doanhnghiep-info ul li span:before {position:absolute;content:'';width: 12px;height: 1px;background: #b7b7b7;bottom: 5px;right: 5px;}
.doanhnghiep-info ul li i {
    padding-right: 15px;
    color:#666;
    width: 40px;
    text-align: center;
}
.doanhnghiep-info ul li a {
    color:#333 !important;

}

.doanhnghiep-list li {
    margin: 0 0 15px 0;
}
.doanhnghiep-list .doanhnghiep-container {
    overflow: hidden;
    text-align: center;
    position: relative;
    border-radius: 6px;
    background: #fff;
    font-family: var(--font-secondary);
    border: 1px solid rgb(155 7 0 / 50%);
}
.doanhnghiep-list .doanhnghiep-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 4px;
    border: 3px solid var(--blue);
    -webkit-transition: all 400ms linear 0ms;
    -khtml-transition: all 400ms linear 0ms;
    -moz-transition: all 400ms linear 0ms;
    -ms-transition: all 400ms linear 0ms;
    -o-transition: all 400ms linear 0ms;
    transition: all 400ms linear 0ms;
	z-index:1;
	display:none;
}
.doanhnghiep-list .doanhnghiep-container:hover:before { opacity:1;}
.doanhnghiep-list .doanhnghiep-container:hover {
    box-shadow: 0 3px 12px 1px rgb(0 0 0 / 10%);
	border: 1px solid #fff;
}
.doanhnghiep-list li .left-block{
  padding: 0;
  position: relative;
  margin-top: 0;
}

.doanhnghiep-list li .left-block img {
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 100%;
}
.doanhnghiep-list li .left-block:hover img{
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.doanhnghiep-list li .right-block {
    padding: 10px 0px;
    position: relative;
}
.doanhnghiep-list li .doanhnghiep-name {
    font-size: 15px;
    padding: 10px 10px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: initial;
    overflow: hidden;
    text-transform: uppercase;
    height: 60px;
    font-weight: 500;
}
.doanhnghiep-list .right-block .decsription-news {
    margin: 10px 10px;
    border-top: 2px solid rgb(155 7 0 / 50%);
    text-align: left;
    min-height: 60px;
    height: 70px;
    overflow: hidden;
    margin-bottom: 15px;
    padding-top: 10px;
}
.doanhnghiep-list .right-block .post-meta {
	padding: 10px 0 0 0;
	border-top: 2px solid #f1f1f1;
}
.product-list .right-block  .date-time {
	color: #999;
	text-align: left;
	display: inline-block;
	padding-left: 10px;
	width: 50%;
}

.doanhnghiep-list .right-block .date-time a{
	color: inherit;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	font-style: normal;
}
.doanhnghiep-list .right-block ._seeall {
	overflow: hidden;
	position: relative;
	display: inline-block;
	width: 50%;
	float: right;
	text-align: right;
}
.doanhnghiep-list .right-block ._seeall a{
	color:#333;
	font-size: 13px;
	padding: 5px;
	line-height: 25px;
}
.doanhnghiep-list .right-block ._seeall:hover a{
	color:#0054a6;
}
.doanhnghiep-list .fs-buts {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
}
.doanhnghiep-list .fs-buts .add-tcart {
    display: inline-block;
    width: 100px;
    height: 34px;
    line-height: 32px;
    font-size: 13px;
    border: 1px solid #7f7f7f;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    font-weight: 500;
}
.doanhnghiep-list .fs-buts .add-tcart:hover, .doanhnghiep-list .doanhnghiep-container:hover .add-tcart {border: 1px solid #e3362e;background: #e3362e;color:#fff;}

.top-menu-links {
    padding-left: 0;
    margin: 5px 0 0 0;
}
 .top-menu-links > li {
    float: left;
    margin-right: 25px;
}
 .top-menu-links > li a {
    color: #333;
    display: inline-block;

    cursor: pointer;
    line-height: 26px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
}
 .top-menu-links > li a.active,
 .top-menu-links > li a:hover {
    color: #e6202c;
}
 .top-menu-links > li .menu-icon {
    display: inline-block;
    text-align: center;
}
 .top-menu-links > li .menu-icon span {
    height: 24px;
    width: 24px;
    line-height: 24px;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 100%;
    font-size: 13px;
    position: relative;
    top: 1px;
}
 .top-menu-links > li  a  i {
    font-size: 19px;
    vertical-align: middle;
    margin-top: 0;
    margin-right: 5px;
}
 .top-menu-links > li .menu-icon.brandchild i {
    font-size: 17px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 3px;
}

 .top-menu-links .last-menu {
    overflow: hidden;
    margin-right: 15px;
    float: right;
}
 .top-menu-links .last-menu a {
	float: left;
	font-weight: 400;
	font-size: 14px;
	position: relative;
	color: #333;
}
 .top-menu-links .last-menu a:after {
	content: "";
	width: 1.5px;
	height: 14px;
	display: inline-block;
	background: #999;
	margin: 0 10px;
	position: relative;
	top: 3px;
}
 .top-menu-links .last-menu a:last-child:after { display:none;}
 
 .owl-controls .owl-prev{
    position: absolute;
    left: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);
}
.owl-controls .owl-next{
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.owl-controls .owl-prev, 
.owl-controls .owl-next {
  background: #eaeaea none repeat scroll 0 0;
  color: #333;
  font-size: 17px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  width: 24px;
}
.owl-controls .owl-prev:hover,
.owl-controls .owl-next:hover{
    background: #e5101d;
    color: #fff;
}
.owl-controls .owl-prev .fa,
.owl-controls .owl-next .fa{
    font-weight: bold;
}
#stepOrder .step-order .pg-circle {
    width: 40px;

    z-index: 1;
}
#stepOrder .step-order .step-order .active{
    color: #e5101d;
}
#stepOrder .step-order .pg-line {
    width: calc(100% - 40px);
    z-index: 0;
}
#stepOrder .step-order .pg-circle.active i {
    color: #FFF;
    background: #ed1f24;
    border: solid 1px #ed1f24;
}
#stepOrder .step-order .pg-circle i {
    display: block;
    padding: 6px 10px;
    width: 40px;
    color: #979797;
    margin: 0 auto;
    margin-top: 10px;
    background: #fff;
    font-weight: bold;
    border: solid 1px #989898;
    font-size: 18px;
    text-align: center;
    font-style: normal;
    border-radius: 50%;
    box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.12);
}
#stepOrder .step-order .pg-line .pg-line-bg {
    width: 100%;
    display: block;
    height: 10px;
    top: 24px;
    position: relative;
    left: -2px;
    overflow: hidden;
    background: #e9e9e9;
}
#stepOrder {margin:15px 0 30px 0;}
#stepOrder .step-order {
    padding: 0;
    position: relative;
	margin-right:-3px;
}
#stepOrder .step-order .hd-text {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}
#stepOrder .step-order .active .hd-text {
    color: #ed1f24;
}
#stepOrder .step-order .pf-line-hd {
    position: absolute;
    left: 45px;
    top: 0;
}
#stepOrder .step-order .pg-line .active-100 {
    background: #ed1f24;
    height: 10px;
    display: block;
    width: 100%;
}
.contact_item_name {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 3px;
}
.contact_item_content {
	margin: 5px 0;
}
.shop-payment {
	border: 1px solid #dfdfdf;
	padding: 5px;
	border-radius: 3px;
}

.shop-payment label {
	background-position: 20px 0 !important;
	cursor: pointer;
	display: inline-block;
	min-height: 30px;
}
.shop-payment label input {
	display: inline-block;
	margin-right: 50px;
	margin-top: 7px;
}
.listbank li {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 1px solid #dfdfdf;

    float: left;

    height: 40px;

    margin: 0 3px 5px 0;

    width: 70px;

}

.listbank li:hover {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

}

.listbank li {

    cursor: pointer;

}

.listbank li.starActive {

    border: 1px solid #ff0000;

}

.show-payment {

    border-left: 2px solid #dfdfdf;

    margin: 10px 0 10px 70px;

    padding: 0 0 0 10px;

}
.company_info {
    border: 1px solid #ed1f24;
    padding: 10px 10px;
    border-radius: 3px;
    margin: 10px 0 0;
    position: relative;
}
.company_info:before {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #ed1f24;
    border-left: 1px solid #ed1f24;
    background: #fff;
    transform: rotate(45deg);
    position: absolute;
    top: -5px;
    left: 50px;
}
.control-group{
    margin-bottom: 20px;
}
.err{
  color: #ff0000;
}
.contents-cart-pro {
    display: flex;
    gap: 20px;
    padding: 5px;
    align-items: flex-start;
}

.image-cart-pro img {
    width: 60px;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

.content-cart-pro {
    flex: 1;
}

.content-cart-pro h3 {
    font-size: 13px;
    margin: 0 0 10px;
    color: #333;
    font-weight: 600;
}

.option-cart select, .select-option {
    width: 120px;
    padding: 2px 10px;
    font-size: 13px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: #fff;
    transition: border-color 0.3s;
}

.option-cart select:focus {
    border-color: #007bff;
    outline: none;
}

@media (max-width: 600px) {
    .contents-cart-pro {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .option-cart select {
        width: 100%;
    }

    .image-cart-pro img {

        width: 60px;
    }
}
.bold{ font-weight:bold;}
.option-cart-price {
    color: #ed1f24;
    margin-top: 6px;
    text-align: right;
}

.td-quantity { text-align:center;}

.remove-cart-item {
    background: none;
    border: none;
    color: #777777;
    font-size: 18px;
    cursor: pointer;
}
.remove-cart-item:hover {
    color: #ed1f24;
}


.option-cart {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    margin-top: 5px;
    flex-wrap: wrap;
}

.option-cart p {
    margin: 0;
}

.op-price {
    color: #e67e22;

}

.op-quantity {
    color: #3498db;
    font-weight: bold;
}

.op-itemTotal {
    color: #e74c3c;
    font-weight: bold;
}

.op-symbol {
    font-weight: bold;
    color: #2c3e50;
}
.cart-summary {
    background-color: #f8f8f8;
    border: 1px solid #f1f1f1;
    padding: 20px;
}

.cart-summary p {
    margin: 8px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cart-summary .label {
    font-weight: 600;
    color: #333;
	font-size:14px;
	padding:0;
}

.cart-summary .amount {
    font-weight: bold;

    color: #2c3e50;
}

.cart-summary .total {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    font-size: 18px;
}

.cart-summary .total .amount {
    color: #e74c3c;
}

.coupon-code {
    margin: 15px 0;
    display: flex;
    gap: 10px;
    align-items: center;
}

.coupon-code input.coupon-input {
    flex: 1;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.coupon-code .btn-apply-coupon {
    background-color: #3498db;
    color: white;
    padding: 8px 14px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
    transition: background-color 0.3s;
}

.coupon-code .btn-apply-coupon:hover {
    background-color: #2980b9;
}

.discount-line {
    color: #27ae60;
    font-weight: bold;
}

.available-coupons {
    margin-top: 10px;
}

.available-coupons select {
    width: 100%;
    padding: 5px;
    border-radius: 5px;
}

.op-contents {
    padding-left: 15px;
    border-left: 2px solid #dfdfdf;
}
.op-contents .op-chungloai {
    font-size: 13px;
}
.buyer-info-box {
  background: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 20px 24px;
  max-width: 600px;
  margin: 0 auto 30px auto;
  box-shadow: 0 4px 8px rgba(0,0,0,0.04);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.buyer-info-box h2 {
  font-size: 20px;
  margin-bottom: 20px;
  color: #333;
  display: flex;
  align-items: center;
  gap: 8px;
}

.buyer-info-item {
  margin-bottom: 10px;
}

.buyer-info-item label {
  font-weight: 600;
  color: #555;
  margin-bottom: 4px;
  display: inline-block;
  width: 30%;
}

.buyer-info-item span {
  color: #222;
  line-height: 1.5;
  display: inline-block;
  width: 69%;
}
.cluster_headline.no-after, .cluster_headline.no-after .field-name-field-headline{ margin-top:10px;}
.cluster_headline.no-after .field-name-field-headline:after {
    height: 0;
}
.order-success-container {
        max-width: 800px;
        margin: 40px auto;
        padding: 30px;
        background: #f9f9f9;
        border-radius: 12px;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
        color: #333;
    }
	.order-success-container .cart-summary{ background:#fff;}
	
    .order-success-container h1 {
        text-align: center;
        color: #28a745;
        font-size: 28px;
        margin-bottom: 10px;
    }

    .order-success-container h2 {
        text-align: center;
        font-size: 20px;
        margin-bottom: 20px;
    }

    .order-info, .product-list, .total-price {
        margin: 15px 0;
    }

    .order-info p,
    .total-price p {
        margin: 5px 0;
    }
    .product-list .contents-cart-pro, .order-info p {
        background: #fff;
        border: 1px solid #ddd;
        padding: 10px 15px;
        margin-bottom: 8px;
        border-radius: 6px;
        font-size: 15px;
    }
	.total-price{font-size: 19px;color: #e3362e;}
    .total-price strong {
        
    }
	.total-price .amount {
		font-weight:bold;
	}
.but-about-home {
    display: none;
    position: relative;
    text-align: right;
    font-size: 13px;
    margin-top: 10px;
}
.desktop-contact-info {
    list-style: outside none none;
    font-family: var(--font-secondary);
    margin-top: 20px;
    margin-bottom: 10px;
    padding-right: 5px !important;
    padding-left: 5px !important;
}
.desktop-contact-info li {
    padding-left: 3px;
    padding-right: 3px;
    width: 50%;
}
.desktop-contact-info li i {
    float: left;
    margin-right: 0;
    text-align: center;
    width: 25px;
    border-radius: 100%;
    font-size: 16px;
    display: block;
    color: #666;
}
.desktop-contact-info li i.fa-envelope-o {
	margin-right:8px;
}
.desktop-contact-info li p.contact-content {
  margin-left: 15px;
  line-height: 24px;
}
.desktop-contact-info li p.contact-content span {
	display: block;
	margin: 0px;
	font-size: 13px;
}
.desktop-contact-info li p.contact-content span:first-child {
    color: #333;
    font-size: 14px;
    margin-bottom: 0;
}
.desktop-contact-info li p.contact-content span.time {
  color: #999;
}
.desktop-contact-info li .sp-contact-infocontent {
    border: 1px solid rgb(91 107 123 / 20%);
    box-shadow: 0 3px 12px 1px rgb(0 0 0 / 10%);
    border-radius: 6px;
    padding: 8px 0px;
    margin-bottom: 5px;
    background: #fff;
}
.fancybox-skin {
    background: #fff;
}
.block-quickview {
    padding: 15px;
    background: #fff;
}
.fly-image {
	position: absolute;
	pointer-events: none;
	z-index: 9999;
	border-radius: 8px;
	box-shadow: 0 8px 20px rgba(0,0,0,0.2);
	opacity: 1;
}
#floating-buy-btn {
    width: 100%;
    bottom: 42px;
    left: 0;
	background: #fff;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}
#floating-buy-btn .row {margin:0;}
#floating-buy-btn .row .button-group-1, #floating-buy-btn .row .button-group-2{padding: 0;}
#floating-buy-btn .btn-add-cart,
#floating-buy-btn .btn-tuvan {
  display: block;
  text-align: center;
  width: 100%;
}
#sticky-header-mini {
  display: none;
  position: fixed;
  top: 50px;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 3;
  background: #fff;
}

.sticky-content {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 3px 6px;
  max-width: 100%;
  flex-wrap: wrap;
}

.mini-thumb {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
}

.mini-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.mini-info {
  flex: 1;
  min-width: 200px;
}

.mini-product-name {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 4px;
}

.mini-product-price {
  font-size: 14px;
  color: #e53935;
  margin-bottom: 8px;
}

.mini-options {
  display: flex;
  gap: 8px;
}

.mini-options select {
  padding: 4px 8px;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 13px;
}

.mini-buttons {
  display: flex;
  gap: 8px;
  margin-left: auto;
}

.mini-buttons button {
  padding: 8px 12px;
  font-size: 14px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}

.mini-add-cart {
  background-color: #ce2b21;
  color: white;
}

.mini-buy-now {
  background-color: #f6c73b;
  color: #111;
}


@media (max-width: 767px) {
  #sticky-header-mini {
    display: none !important;
  }
}


.viewed-product, .favorite-product {
    overflow: hidden;
}
.viewed-product .viewed-product-contents, .favorite-product .favorite-product-contents {
	 border: 1px solid #eaecf0;
	 border-radius: 8px;
	 padding: 10px 5px;
	 position: relative;
	 margin-bottom: 15px;
}
.viewed-product-content, .favorite-product-content {
    display: flex;
    cursor: pointer;
    width: 100%;
}
.owl-carousel .owl-item .viewed-product img, .viewed-product img, .owl-carousel .owl-item .favorite-product img, .favorite-product img {
    width: 66px;
    height: auto;
    padding: 0 3px;
    margin: auto 0;
    border-radius: unset;
}

.viewed-product-info, .favorite-product-info {
	display: block;
	padding-left: 5px
}

.viewed-product-title, .favorite-product-title {
	min-height: 40px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-right: 12px;
	overflow: hidden;
	text-overflow: ellipsis;

	color: rgba(16,24,40,1);
	line-height: 20px
}

.viewed-product-price, .favorite-product-price {
	margin-top: 5px;
	color: #dd2f2c;
	font-weight: 700;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis
}
.viewed-product .close-item, .favorite-product .close-item {
    position: absolute;
    content: "";
    top: 6px;
    right: 6px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #98a2b3;
    z-index: 2;
    cursor: pointer;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    color: #fff;
}
.btn-clear-history, .btn-clear-favorite {
    position: absolute;
    content: "";
    top: -40px;
    right: 20px;
    color: #98a2b3;
    cursor: pointer;
}

.product-container .rating {
    display: flex;
    overflow: hidden;
    justify-items: center;
    margin-top: 15px;
    align-items: center;
    padding: 5px 10px;
}
.product-container .rating .vote-txt {
    color: #667085;
    font-size: 12px;
    line-height: 13px;
    white-space: nowrap;
    padding-right: 3px;
}
.product-container .listproduct .vote-txt b {
    font-weight: normal;
    margin-right: 2px;
    color: #667085;
}
.product-container .rating>span {
    width: 82%;
    white-space: nowrap;
}
.product-container .rating>span {
    color: #1c6839;
    font-size: 13px;
    padding: 3px 5px;
    text-align: center;
    height: 22px;
    border-radius: 5px;
    margin: 0 10px;
    font-weight: 500;
}
.product-container .rating .fa-star { color:#f8b526;}
.product-container .rating .add-favorite { color:#e73838;}
.group-title-box {
	margin-bottom: 10px;
	margin-top: 20px;
}
.group-title {
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 7px;

}
.group-title span {
    border-bottom: 0px solid #E5101D;
    text-transform: uppercase;
    padding: 5px 0px 5px 0;
}
.group-title-pro {
    font-size: 25px;
    font-weight: bold;
    padding-bottom: 7px;
    margin-top: 0px;
}
.btn-review {
    display: block;
    width: 100%;
    margin: 0 auto 10px;
    padding: 8px;
    height: 40px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #e5101d;
    border-radius: 4px;
    background: #e5101d;

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f76b1c), to(#e5101d));
    background: -webkit-linear-gradient(top, #e5101d, #e51011);
    background: -moz-linear-gradient(top,#e5101d,#e51011);
    background: -ms-linear-gradient(top,#e5101d,#e51011);
    background: -o-linear-gradient(top,#e5101d,#e51011);
    cursor: pointer;
}
.btn-reset {
    display: block;
    width: 98%;
    margin: 0 auto 10px;
    padding: 8px;
    height: 40px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #d97f00;
    border-radius: 4px;
    background: #f89406;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f76b1c), to(#f89406));
    background: -webkit-linear-gradient(top, #f89406, #f76b1c);
    background: -moz-linear-gradient(top,#f89406,#f76b1c);
    background: -ms-linear-gradient(top,#f89406,#f76b1c);
    background: -o-linear-gradient(top,#f89406,#f76b1c);
    cursor: pointer;
}
blockquote{ margin: 15px 0;}
blockquote p {
    color: #333;
    padding: 5px 18px;
    font-size: 14px;
    line-height: 28px;
    border: 4px solid #0054a6;
    border-width: 0 0 0 4px;
    background: #edf6ff;
}
.view-doanhnghiep {
    background: #fff;
    cursor: pointer;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    position: relative;
    border: 1px solid #dfdfdf;
    margin: 20px 5px;
    box-shadow: 0 3px 12px 1px rgb(0 0 0 / 10%);
    border-radius: 6px;
    padding: 5px 10px;
}
#filterForm { margin:10px 0 20px 0;}
.label-filter {
    font-weight: 500;
    padding-right: 15px;
    margin-top: 5px;
    display: inline-block;
}
.pagination-ajax {
    display: block;
    font-size: 14px;
    margin: 20px 0;
    padding: 0;
    text-align: center;
    text-transform: capitalize;
}
.pagination-ajax a{
    background: #ffffff none repeat scroll 0 0;
    color: #333333;
    display: inline-block;
    margin: 3px 5px 3px 0;
    padding: 0;
    text-decoration: none;
    border: 1px solid #999999;
    border-radius: 100%;
    height: 38px;
    width: 38px;
    line-height: 38px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .15);
    font-weight: bold;
    font-size: 15px;
}
.pagination-ajax a.active, .pagination-ajax a:hover {
    background: var(--red);
    color: #fff;
    border-color: var(--red);
}

#loadingImageSearch {
    position: absolute;
    bottom: -32px;
    right: 0;
    border-radius: 12px;
    z-index: 9999;
    color: #fff;
    padding: 3px 5px;
    font-size: 13px;
    background: #ce2a21 url(../images/ajax-loader.gif) no-repeat 5px center;
    padding-left: 30px;
}
/* Ẩn input gốc */
#imageInput {
    display: none;
}

/* Style cho nút biểu tượng */
.camera-icon {
    display: inline-block;
    cursor: pointer;
    color: #aaa;
    padding: 5px 10px;
    font-size: 21px;
    font-weight: bold;
    transition: background 0.3s;
    position: absolute;
    right: 54px;
    top: 2px;
    text-align: center;
    z-index:1;
}
.camera-icon i {
   font-size: 21px;
}
.main-header .header-search-box .form-inline .btn-search {
    border-radius: 0;
    color: #111;
    font-size: 17px;
    position: absolute;
    right: 2px;
    top: 2px;
    height: 38px;
    padding: 0;
    background: #f2da50;
    width: 38px;
    border-radius: 100%;
}

.qr-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 5px;
    max-width: 275px;
    margin: auto;
    border-radius: 12px;
}

.qr-box {
    background: white;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ddd;
    text-align: center;
}

.qr-box img {
    width: 200px;
    height: 200px;
}

.qr-box p {
    margin-top: 10px;
    font-size: 14px;
    color: #555;
}

.save-contact-btn {
    padding: 10px 20px;
    background-color: #0054a6;
    color: white;
    text-decoration: none;
    border-radius: 6px;
    font-weight: bold;
    transition: background-color 0.3s;
	display:none;
}
.save-contact-btn i, .qr-box p i { margin-right:10px;}
.save-contact-btn:hover {
    background-color: var(--red);
	color:#fff;
}
@media (max-width: 768px) {
    .qr-box {
        display: none;
    }
}
@media (max-width: 768px) {
    .save-contact-btn {
    	display: inline-block;
	}
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm),
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel) {
    font-size: 1.5em !important;
}
.prods-group ul {
    display: flex;
    margin-bottom: 5px;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.prods-group ul li {
    border: 1px solid rgba(234, 236, 240, 1);
    border-radius: 8px;
    padding: 2px 6px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.prods-group ul li:first-child {
    margin-left: 0;
}
.prods-group ul li.act, 
.prods-group ul li:hover {
    border-color: #0054a6;
    color: #0054a6;
}
.col-navi-list-name .nav_main_sub_col li {
    line-height: 16px !important;
    border: 1px solid #dfdfdf;
    padding: 3px 6px;
    border-radius: 6px;
    margin-bottom: 5px;
}
.col-navi-list-name .nav_main_sub_col li.row-logo{
	margin-right: 5px;
}

.col-navi-list-name .nav_main_sub_col li:hover {
    border: 1px solid var(--red);
}
.col-navi-list-name .nav_main_sub_col li.active {
    border: 1px solid var(--red);
	background:var(--red);
}
.col-navi-list-name .nav_main_sub_col li.active a {
	color:#fff;
}

.blocks-products-selling {padding-top:20px;}
.title-shadow-label {
    width: 260px;
    text-transform: uppercase;
    background: linear-gradient(rgb(219, 0, 2) 0%, rgb(130, 0, 0) 100%) text;
    -webkit-text-fill-color: transparent;
    text-shadow: rgba(189, 0, 0, 0.3) 1px 1px 0px;
    font-style: italic;
    margin-bottom: 0px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 28px;
    font-weight: 800;
    position:relative;
}
.title-shadow-label svg {
    position: absolute;
    top: -12px;
    right: 27px;
    width: 35px;
    height: 35px;
}

#reviews .comment-label {
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0 5px;
}

.review-item {
  margin-bottom: 15px;
}
.r-content{
	border: 1px solid #dfdfdf;
	padding: 10px 5px 5px 10px;
	border-radius: 6px;
	box-shadow: 4px 3px 0px #f1f1f1;
}
.review-item .body {
  position: relative;
  color: #333;
  border: none;
  padding: 0;
  border-radius: 5px;
  margin-left: 0;
}
.review-item .body:after,
.review-item .body:before {
  content: "";
  position: absolute;
  top: 13px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 13px 7.5px 0;
  border-color: transparent #e9e9e9 transparent transparent;
  display: none;
}
.review-item .body:after {
  left: -14px;
}
.review-item .body:before {
  left: -13px;
  z-index: -1;
}
.review-item .thumb,
.review-item .thumb img {
  border-radius: 3px;
}
.review-item .avata {
  width: 90px;
  float: left;
  display: none;
}
.review-item .star-holder {
  display: none;
}
.review-item h4 {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0;
}
.review-item p {
  margin: 5px 0;
  color: #666;
}
.review-item .date {
  color: #999;
  font-size: 12px;
}
.review-item .body a {
  color: #ff6600;
}
.review-item .product-star {
  display: inline-block;
  margin-left: 10px;
  color: #ff9900;
}
.star {
  min-width: 100%;
}
.star img {
  padding-right: 4px;
}
.review-info {
  margin-bottom: 10px;
}
.recent-reviews {
  margin: 10px 0;
  border-top: 1px solid #f1f1f1;
  padding-top: 10px;
}
.recent-reviews .comments-order {
  color: #999;
  margin-bottom: 10px;
}
.recent-reviews .comments-order label {
  font-weight: bold;
  line-height: 28px;
}
.recent-reviews .comments-order a {
  color: #999 !important;
  display: inline-block;
  margin-right: 5px;
  padding: 2px 6px;
  border-radius: 3px;
  line-height: 24px;
}
.recent-reviews .comments-order a.active {
  color: #111 !important;
  background: #f1f1f1;
}
.product-comments {
  display: inline-block;
  float: right;
}
.product-comments .product-star .fa {
  font-size: 1.8em;
  margin-right: 2px;
  color: #fad31f;
}

/* Review comment box */
.review-comment {
  margin-bottom: 20px;
  display: inline-block;
}
.review-comment .comment-box,
.review-comment .countview-box {
  background-clip: padding-box;
  border: 1px solid #ddd;
  border-radius: 5px;
  color: #666;
  display: inline-block;
  line-height: 1;
  padding: 5px 10px;
  position: relative;
  transition: all 0.2s linear;
  margin-right: 5px;
}
.review-comment .comment-box .number {
  color: #e5101d;
}
.review-comment .countview-box .number {
  color: #666;
}
.review-comment .comment-box .number,
.review-comment .countview-box .number {
  font-size: 16px;
  font-weight: 700;
}
.review-comment .comment-box span,
.review-comment .countview-box span {
  display: block;
  text-align: center;
}
.review-comment .comment-box .text,
.review-comment .countview-box .text {
  font-size: 8px;
  margin-top: 5px;
  text-transform: uppercase;
}


/* Binh luan san pham*/
.comment_reply {
	background: #f1f1f1;
	color: #333;
	font-size: 13px;
	margin: 15px 0 0 0;
	padding: 5px 10px;
	position: relative;
	display: block;
	border: 1px solid #4a90e2;

	border-radius: 6px;
}

.arrow_box {
	background: #4a90e2;
	position: relative;
	left: 18px;
	z-index: 9;
	top: -5px;
}

.arrow_box::after, 
.arrow_box::before {
	content: "";
	position: absolute;
	bottom: 100%;
	border: solid transparent;
	pointer-events: none;
	width: 0;
	height: 0;
}

.arrow_box::after {
	border-bottom-color: #f1f1f1;
	border-width: 11px;
	margin-left: -11px;
}

.arrow_box::before {
	border-bottom-color: #4a90e2;
	border-width: 12px;
	margin-left: -12px;
}

.totalcomment-reply {
	border-top: 1px solid #b4b4b4;
	color: #4a90e2;
	cursor: pointer;
	font-size: 12px;
	margin-top: 7px;
	padding-top: 10px;
	display: block;
}

.totalcomment-reply:hover {
	text-decoration: underline;
}

.comment_ask {
	display: block;
	margin-top: 10px;
}

.iconcom-user {
	background: #ccc;
	color: #fff;
	font-size: 12px;
	height: 25px;
	line-height: 26px;
	text-align: center;
	text-transform: uppercase;
	width: 25px;
	margin-right: 7px;
}

.comment_ask strong {
	color: #333;
	font-size: 14px;
}

.comment_ask .qtv {
	background: #4a90e2;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	padding: 0 4px;
	text-transform: uppercase;
	display: inline-block;
	line-height: 18px;
	height: 18px;
	margin: 0 10px 0;
}

.infocom_ask,
.infocom_ask_s {
	color: #4a4a4a;
	font-size: 13px;
	line-height: 22px;
	display: block;
}

.infocom_ask .conticon {
	line-height: 22px;
}

.relate_infocom {
	color: #666;
	font-size: 12px;
	height: 18px;
	padding: 5px 0;
	display: block;
}

.relate_infocom span {
	float: left;
}

.relate_infocom .reply {
	color: #4a90e2;
	cursor: pointer;
}
.fancybox-opened {
    z-index: 1050;
}
.fancybox-overlay {
    z-index: 1040;
}

.utf_post_thumb {
    max-width: 100%;
    position: relative;
    overflow: hidden;
}
.utf_post_thumb img {
    display: block;
    width: 100%;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
	border-radius:6px;
}
.utf_post_thumb:hover img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";

    filter: alpha(opacity=30);
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.utf_post_block_style .utf_post_cat {
    position: absolute;
    top: 5px;
    left: 20px;
    z-index: 1;
    border-radius: 4px;
}
a.utf_post_cat {
    position: relative;
    font-size: 12px;
    padding: 0 5px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    border-radius: 4px;
    line-height: 24px;
    display: inline-block;
}
.utf_post_content {
    padding: 0;
    z-index: 1;
    position: relative;
    font-family: var(--font-secondary);
}
.utf_post_title {
    font-size: 16px;
    line-height: 24px;
    margin: 15px 0;
    font-weight: 600;
}
.utf_post_block_style .utf_post_content .utf_post_meta {
    margin: 0 0 8px 0;
}
.utf_post_meta span {
    font-size: 12px;
    color: #a3a3a3;
    margin-top: 5px;
    margin-right: 0px;
    padding-right: 3px;
    font-weight: 500;
    border-right: 0px solid #dedede;
    line-height: 20px;
}
.utf_post_meta span.utf_post_eye{ display:none;}
.utf_post_meta span i {
    margin-right: 3px;
    font-size: 13px;
    color: #666;
    padding: 2px;
    border-radius: 4px;
    width: 20px;
    height: 20px;
    line-height: 16px;
    text-align: center;
    display: inline-block;
}
.utf_post_block_style .utf_post_content p {
    font-size: 13px;
    line-height: 22px;
}
.utf_list_post {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: var(--font-secondary);
}
.utf_list_post_block .utf_list_post>li {
    margin-bottom: 15px;
    max-height: 140px;
}
.utf_list_post_block .utf_list_post>li:last-child {
    margin-bottom: 0;
}
.utf_post_block_style.post-float .utf_post_thumb {
    float: left;
    position: relative;
    z-index: 1;
    margin-right: 10px;
}
.utf_post_block_style.post-float .utf_post_thumb img {
    width: 140px;
    height: 84px;
}
.utf_post_block_style.post-float .utf_post_title {
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 500;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow:hidden;
}
.utf_post_title.title-small {
    line-height: 20px;
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 14px;
}
.utf_post_block_style .utf_post_content .utf_post_meta {
    margin: 0 0 8px 0;
    display: inline-block;
}
.utf_post_block_style.post-float .utf_post_content {
    z-index: 0;
}


.count-down-time{
    text-align: center;
    padding-bottom: 0px;
   
}
.count-down-time span{
    color: var(--pink);
    width: 80px;
    display: inline-block;
    line-height: 24px;
    margin: 0 3px;
    font-size: 38px;
    letter-spacing: 5px;
    padding-left: 0;
    position: relative;
}
.count-down-time span:after{
    content: '';
    height: 24px;
    width: 0;
    position: absolute;
    left: 25px;
    top: 0;
    background: #fff;
}
.count-down-time span i{
    display: inline-block;
    margin: 7px 0 0 -5px;
    font-size: 17px;
    letter-spacing: 0;
    padding-left: 0;
    position: relative;
    color: #999;
    font-weight: 400;
    font-style: normal;
}
.count-down-time span:before{
    content: '';
    height: 24px;
    width: 0;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
}
.count-down-time span:first-child{
    margin-left: 10px;
}
.count-down-time b{
    margin-left: 0;
    position: relative;
}
.count-down-time b:after{
    position: absolute;
    right: 0;
    top: -8px;
    content: ':';
}

.blocks-sukien {
    background: #faf9ff;
    padding: 40px 0;
}

.sukien-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-family: var(--font-secondary);
}
.sukien-wrapper .field-name-field-headline h2 {
	background: linear-gradient(rgb(219, 0, 2) 0%, rgb(255 0 115) 100%) text;
	-webkit-text-fill-color: transparent;
	text-shadow: rgba(189, 0, 0, 0.3) 1px 1px 0px;
	text-transform: uppercase;
	font-size: 35px;
	font-weight: 700;
}
.sukien-content-left, .sukien-content-right {
    padding: 20px;
	text-align: center;
}

.content-sukien h3 {
    font-size: 21px;
    color: var(--purple);
    margin-bottom: 15px;
    text-transform: uppercase;
    line-height: 28px;
    font-weight: 700;
}

.info-time {
    font-size: 15px;
    margin-bottom: 10px;
    color: #df4a8d;
}

.count-down-time {
    font-size: 24px;
    font-weight: bold;
    color: var(--pink);
    margin-bottom: 15px;
    font-family: var(--font-secondary);
}

.event-duration {
    font-size: 19px;
    color: var(--purple);
    font-weight: 500;
    margin-bottom: 15px;
}
.event-duration i {
    font-size: 19px;
	display:inline-block;
	margin-right:7px
}

.event-avatar img {
    max-width: 100%;
    height: auto;
    border-radius: 100%;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    border: 3px dashed #fff;
	-webkit-transition: all .3s ease-out, right .2s ease-out;
    -moz-transition: all .3s ease-out,right .2s ease-out;
    -ms-transition: all .3s ease-out,right .2s ease-out;
    -o-transition: all .3s ease-out,right .2s ease-out;
    transition: all .3s ease-out, right .2s ease-out;
}
.event-avatar:hover img {
	transform: scale(1.1);
}
/* Responsive */
@media (max-width: 767px) {
    .sukien-wrapper {
    }
}

.football-news-block {font-family: var(--font-secondary);background: #faf9ff;padding: 10px 10px;border-radius: 12px;box-shadow: 4px 3px 0px #c2bbe1;}

.football-news-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.football-news-list li {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    border-bottom: 0px dashed #ccc;
    padding-bottom: 10px;
}
.football-news-list li:last-child {
	margin-bottom: 0;
    padding-bottom: 0;
}
.football-news-list img {
    width: 80px;
    height: 62px;
    border-radius: 6px;
    margin-right: 12px;
    float: left;
}

.football-news-list .title {
    font-size: 14px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family:var(--font-secondary);
    font-weight:500;
}

.football-news-list .date {
    font-size: 12px;
    color: #999;
}
.football-news-list .date i {
    color: #999;
	display:inline-block;
	font-size: 13px;
	margin-right:5px;
}
.news-top-right { padding-left:0;}

.form-searchNews {
    border: 1px solid #999999;
    height: 44px;
    border-radius: 6px;
    background: #fff;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px 2px;
	margin-bottom:10px;
}
.form-searchNews .input-serach input {
    border: none;
    padding-left: 15px;
    width: 100%;
    font-size: 13px;
    padding-top: 12px;
    padding-bottom: 12px;
}
.form-searchNews .btn-searchNews {
    border-radius: 0;
    color: #111;
    font-size: 17px;
    position: absolute;
    right: 2px;
    top: 2px;
    height: 38px;
    padding: 0;
    background: #f2da50;
    width: 38px;
    border-radius: 100%;
}

.sponsor-grid {

	  margin-top:20px;
	  margin-bottom:20px;
    }

    .sponsor-card {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    padding: 0px;
    text-align: center;
    transition: transform 0.2s ease;
    margin-bottom: 25px;
    border: 1px solid rgb(155 7 0 / 50%);
    overflow: hidden;
}

    .sponsor-card:hover {
      transform: translateY(-4px);
    }

    .sponsor-card img {
      margin-bottom: 15px;
    }

   .sponsor-name {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 8px;
    padding: 5px 20px;
    min-height: 60px;
}

    .sponsor-desc {
      font-size: 14px;
      color: #666;
	   padding:5px 20px;
    }
	
	.sponsor-grid {
}
.sponsor-grid .col-xs-12.col-sm-6, .sponsor-grid .col-xs-12.col-sm-12 {
	padding:0 5px;
}

.box {
  padding: 10px 10px;
  border-radius: 12px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.05);
  text-align: center;
  transition: transform 0.2s ease;
  margin-bottom:10px;
}

.box:hover {
  transform: translateY(-4px);
}

.box h4 {
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 19px;
}

.box p {
  font-size: 14px;
  color: #555;
  margin-bottom: 12px;
}

.box a {
  font-size: 14px;
  color: #0f66c5;
  text-decoration: none;
  font-weight: 500;
}

.box-1 {
  background-color: #fef6e4; /* vàng nhạt */
}

.box-2 {
  background-color: #e3f6f5; /* xanh ngọc nhạt */
}

.box-3 {
  background-color: #f6e8ff; /* tím pastel */
}

.box-4 {
  background-color: #e8f0fe; /* xanh lam nhạt */
}
.box-5 {
  background-color: #fce4ec; /* hồng pastel */
}
.blocks-tinmoi {
    border: 1px solid #dfdfdf;
    border-radius: 12px;
    box-shadow: 4px 3px 4px #f1f1f1;
    padding: 10px;
}
.news-top-left {margin-bottom: 10px;}
.video-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px 2px;
    border-radius:10px;
    border: 1px solid #fff;
	margin-top:5px;
}
.video-item .video-name {
    width: 100%;
    background: #5b6b7b;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    padding: 5px 10px;
}
.video-item:hover .video-name{
  background: var(--red);	
}
.video-item .video-name h2 {
    color: #fff;
    line-height: 22px;
    font-size: 14px;
    text-align: center;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.6);
    color: white;
    padding: 12px 16px;
    border-radius: 50%;
    font-size: 14px;
    pointer-events: none;
	-webkit-transition: all .3s ease-out, right .2s ease-out;
    -moz-transition: all .3s ease-out,right .2s ease-out;
    -ms-transition: all .3s ease-out,right .2s ease-out;
    -o-transition: all .3s ease-out,right .2s ease-out;
    transition: all .3s ease-out, right .2s ease-out;
}
.video-item:hover .play-button{
  font-size: 24px;
  color:var(--red);
}

.sponsor-grid-ads {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 5px;
  max-width: 600px;
  margin: 0 auto;
  padding: 0;
  background: #fff;
}

.sponsor-box-ads {
  overflow: hidden;
  transition: transform 0.3s, box-shadow 0.3s;
}

.sponsor-box-ads:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.sponsor-box-ads img {
  width: 100%;
  height: 157px;
  display: block;
}
.ads-middleHome {
	margin: 10px 0 20px 0;
    background: #2c2c2c;
    padding: 15px 0;
    position: relative;
}
.ads-middleHome a {
    overflow: hidden;
    height: auto;
    display: inline-block;
    position: relative;
}
.ads-middleHome a {
    margin-right: 20px;
    padding: 1px;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px 2px;
	transition: transform 0.3s, box-shadow 0.3s;
}
.ads-middleHome a:hover { transform: scale(1.05);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}
.ads-middleHome a:last-child { margin-right:0px;}
.ykienkhachhang-section, .faqs-section, .k-feature-products {
    font-family: var(--font-secondary);
}
.faqs-section {
    padding-bottom: 40px;
}
.seofaq-item {
    cursor: pointer;
    background: rgb(91 107 123 / 10%);
    margin-bottom: 15px;
    padding: 8px 10px;
    border-radius: 6px;
	
}
.seofaq-head {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    gap: 1.2rem;
    justify-content: space-between;
    align-items: center;
}
.seofaq-head > .title {
    font-weight: 600;
    font-size: 14px;
    color: #111;
    transition: 0.3s ease-in-out;
}
.seofaq-head .fa {
    color: rgb(91 107 123 / 80%);
    font-size: 1.8rem;
    transition: 0.3s ease-in-out;
}

.collapse-body {
    display: none;
}
.seofaq-tbody {
    width: 90%;
}
.seofaq-tbody.monaAnswer ul li {
    padding-left: 4rem;
    position: relative;
}
.seofaq-tbody.eraAnswer p {
}
.seofaq-tbody.eraAnswer ul {margin-left: 18px;}
.seofaq-tbody.eraAnswer ul li {list-style: square;}
.ShowProviceExtsContent {
    line-height: 1.7;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0 10px 0px;
    text-align: justify;
    border-left: 2px solid #ed1c24;
    color: #111;
}
.ShowProviceExtsContent td {
    padding: 5px 10px;
}
.seofaq-head.active > .title {
    color: #ed1c24;
    font-weight: 700;
}
.block-shadow {
    -webkit-box-shadow: 0 10px 30px 0 rgb(50 50 50 / 16%);
    box-shadow: 0 10px 30px 0 rgb(50 50 50 / 16%);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
/*testimonial 2*/
.ykienkhachhang-content {}
.m-a30 {
    margin: 0;
}
.bg-white {
    background-color: #FFF;
}
.p-a30 {
    border-radius: 12px;
    padding: 10px 15px;
    box-shadow: 0 3px 12px 1px rgb(0 0 0 / 10%);
    position: relative;
    margin: 10px 10px 20px 10px;
}
.testimonial-2 .testimonial-text {
    background-color: #fff;
    padding: 15px 50px;
    position: relative;
    margin-left: 30px;
}
.testimonial-2 .testimonial-text .fa-quote-left {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 32px;
    color: rgb(245 114 38 / 50%);
}
.testimonial-2 .testimonial-text .fa-quote-right {
    position: absolute;
    right: 0;
    bottom: 35px;
    font-size: 32px;
    color: rgb(245 114 38 / 50%);
}
.testimonial-2 .testimonial-detail {
	padding: 0px;
}

.testimonial-2 .testimonial-pic,
.testimonial-grid-2 .testimonial-pic {
	float: left;
	margin-right: 15px;
	width: 80px;
	height: 80px;
	border: 2px solid #f57226;
	border-radius: 50%;
}

.testimonial-2 .testimonial-pic img, .testimonial-grid-2 .testimonial-pic img {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 75px;
    height: 75px;
}

.testimonial-2 .testimonial-name,
.testimonial-2 .testimonial-position {
	padding: 2px 0;
}

.testimonial-2 .testimonial-name {
    color: #f57226;
    margin-top: 30px;
    font-size: 19px;
    text-align: left;
    font-weight: 700;
}
.testimonial-2 .testimonial-position {
	color: #1a1a1a;
}

.testimonial-2 .quote-left:before {
	top: 50px;
}

.testimonial-pic {
    background: #FFF;
    width: 100px;
    height: 100px;
    position: relative;
    display: inline-block;
    border: 5px solid #FFF;
}

.testimonial-2.testimonial-bg .testimonial-name,
.testimonial-2.testimonial-bg .testimonial-position {
	color: #F5BF23;
}
.testimonial-text .desc {
    font-size: 13px;
    line-height: 22px;
    height: 135px;
    overflow: hidden;
}
.ykienkhachhang-section {
    background-image: url(../images/bg-dangky.png);
    background-repeat: no-repeat;
    background-position: right bottom;
	margin-top: 40px;
}
.section {
    padding: 30px 0 20px 0;
    position: relative;
}
.ykienkhachhang-section .section-title .heading,
.ykienkhachhang-section .section-title { color:#fff;}
.ykienkhachhang-section .owl-controls .owl-dots .owl-dot{ background:#fff;}
.ykienkhachhang-section .owl-controls .owl-dots .owl-dot.active {
    background-color: #aa223e;
    border-color: #aa223e;
    width: 40px;
}
.blocks-hinhanh{background-color: #1A1A1A;padding:15px 0 40px 0;position:relative;}
.blocks-hinhanh:before {
    background-image: url(../images/hero-bg-1-1.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;

    opacity: 0.039;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
	position:absolute;
	width:100%;
	height:100%;
	content:'';
}

.k-feature-products {
    background: #fafafa;
    position: relative;
    background-size: cover;
}
.k-feature-products::before {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    content: "";
    background: transparent;
    opacity: .8;
}
.block-trust {text-align: center;width: 33%;}
.icons-box {margin-top: 0;}
.icons-box i.icon {
    height: 100px;
    width: 100px;
    color: #046938;
    background: #fff;
    margin-bottom: 25px;
    position: relative;
    border-radius: 50%;
    text-align: center;
    vertical-align: 50%;
    line-height: 100px;
    font-size: 35px;
    border: 3px solid #046938;
}
.icons-box span.icon {
    height: 150px;
    width: 150px;
    color: #008c4f;
    background: #fff;
    margin-bottom: 25px;
    position: relative;
    border-radius: 50%;
    text-align: center;
    vertical-align: 50%;
    border: 3px solid #699901;
    display: inline-block;
    overflow: hidden;
}
.icons-box h3 {
	font-size: 17px;
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: 600;
	line-height: 23px;
	height: 45px;
	overflow: hidden;
}
.icons-box .block-trust-des {
    font-size: 13px;
    overflow: hidden;
    padding: 5px;
    line-height: 22px;
}
.icons-box .block-trust-des li {
    position:relative;
    margin-bottom: 10px;
}
.icons-box .block-trust-des li:last-child {
    margin-bottom: 0;
}
.icons-box .block-trust-des li:before {
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00c";
    font-size: 16px;
    position: absolute;
    left: auto;
    color: #1261ae;
    margin-left: -17px;
    display: none;
}

.top_viewed_cates {
    padding-bottom: 30px;
    margin-top: 11px;
}
.top_viewed_cates .list_cates {
}
.top_viewed_cates .list_cates .swiper-slide {
    display: flex;
    flex-wrap: wrap;
    margin-top: -12px;
}
.top_viewed_cates .list_cates .cate_item {
    height: 85px;
    margin-right: 12px;
    margin-top: 12px;
    width: calc((100% - 12px * 5) / 6);
}
.top_viewed_cates .list_cates .cate_item:nth-child(6n + 6) {
    margin-right: 0;
}
.top_viewed_cates .list_cates .cate_item .cate_url {
    display: flex;
    border: 1px solid #dedede;
    padding: 8px;
    border-radius: 10px;
    background: #fff;
}
.top_viewed_cates .list_cates .cate_item .cate_url:hover {
    border: 1px solid #777;
}
.top_viewed_cates .list_cates .cate_item .cate_url .cate_thumb {width: 64px;}
.top_viewed_cates .list_cates .cate_item .cate_url .cate_thumb img {
    height: 64px;
    width: 64px;
    display: block;
}
.top_viewed_cates .list_cates .cate_item .cate_url .cate_info {
    padding-left: 10px;
    width: calc(100% - 67px);
}
.top_viewed_cates .list_cates .cate_item .cate_url .cate_info .cate_name {
    font-size: 15px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 1px;
    margin-top: 11px;
}
.top_viewed_cates .list_cates .cate_item .cate_url .cate_info .count_viewed {
    margin: 0;
    font-size: 10pt;
}
.top_viewed_cates .list_cates .cate_item .cate_url .cate_info .count_viewed span {
	   
	display: inline-block;
	   
	font-weight: 700;
	   
	border-radius: 100%;
	   
	height: 22px;
	   
	width: 22px;
	   
	text-align: center;
	   
	color: #ed1f24;
	   
	border: 1px dashed rgb(190 32 46 / 20%);
	   
	font-size: 13px;
	   
	font-family: 'Roboto Condensed', sans-serif;
}
.icon-navigation-left-br {
    width: 22px;
    height: 22px;
    margin-right: 10px;
    display: inline-block;
    margin-top: 0px;
    border: 1px solid #dfdfdf;
    border-radius: 6px;
    padding: 0;
    background-position: center !important;
}

.products-selling-content{}
.btn-primary {
    color: #fff;
    background-color: #ce2a21;
    border-color: #ce2a21;
}
.support-online{}

.support-online .current-open {
    padding: 4px 10px 2px 10px;
    border-radius: 3px;
    line-height: 22px;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
}
.support-online .current-open i{color: #fff;margin-right: 7px;}
.top-header .support-online .dropdown-menu {
    border-radius: 3px;
    border: none;
    top: 26px;
    left: auto;
    right: 0;
    border: 1px solid #111111;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    opacity: 0;
    display: block;
    transform: translateY(50px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -khtml-transform: translateY(50px);
    z-index: 0;
    visibility: hidden;
    margin: 0;
    padding: 10px 10px;
    overflow: hidden;
    width: 380px;
}
.top-header .support-online .dropdown:hover .dropdown-menu{
  transform:translateY(0px);
    -webkit-transform:translateY(0px);
    -o-transform:translateY(0px);
    -ms-transform:translateY(0px);
    -khtml-transform:translateY(0px);
  opacity: 1;
  z-index: 1001;
  visibility: inherit;
}
.top-header .support-online .dropdown-menu li {
    padding: 5px 10px;
    margin-bottom: 15px;
}
.top-header .support-online .dropdown-menu li:last-child {
    margin-bottom: 0;
}
.top-header .support-online .dropdown-menu li .support-name {
	font-weight: 500;
	color: #111111;
	float: left;
}
.top-header .support-online .dropdown-menu li .support-name i {
	font-size: 12px;
	margin-right: 5px;
	margin-top: 0;
	display: inline-block;
}
.top-header .support-online .dropdown-menu li .support-content a {
	display: block;
	font-size: 15px;
	color: #be202e;
	font-weight: bold;
}
.top-header .support-online .dropdown-menu li .support-content a i {
    margin-right: 7px;
    margin-top: 0px;
    display: inline-block;
}
.top-header .support-online .dropdown-menu li a{}

@media (min-width: 993px) and (max-width: 1200px){
	.top-header .support-link {
		
	}
	.box-support-online {
			width: 20%;
	}
	.header-customer-box {
		width: 15%;
	}
}
@media (min-width: 768px) and (max-width: 992px) {
	.box-support-online{ width:28%;}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
	.box-support-online {
		width: 77%;
		text-align: right;
	}
	.support-online {
		margin-left: 40px;
	}
	.top-header .support-online .dropdown-menu{
	}
	.top-header .support-online .dropdown-menu li .support-name,
	.top-header .support-online .dropdown-menu li .support-content{
		width:50%;
		float:left;	
	}
	.header-customer-box {
		width: 23% !important;
	}
}
@media only screen and (max-width: 479px){
	.box-support-online {
		width: 60%;
	}
	.support-online {
		margin-left: 28px;
	}
	.top-header .support-online .dropdown-menu{
		left: 0;
		right: auto;
		width: auto;	
	}
	.header-customer-box {
		width: 40% !important;
	}
	.top-header .support-online .dropdown-menu li .support-name {
		font-size: 17px;
		font-weight: 700;
		margin-bottom: 5px;
	}
}
.support-button-btn {
    padding: 8px 25px;
    background-color:#ed1c24;
    border:1px solid #ed1c24;
    border-radius: 20px;
    font-size: 12px;
    line-height: 22px;
    font-weight: 400;
    text-transform: uppercase;
    -webkit-transition-property: color,border-color,background-color;
    transition-property: color,border-color,background-color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    color: #fff;
}
.support-button-btn:hover {
    background:#fff;
	color:#ed1c24;
}

.top-header {background: #046938;padding:5px 0;}
.box-header-left {
    padding-top: 2px;
}
.top-header .box-header-left a{color: #fff;font-size:13px;}
.top-header .box-header-left i, .top-header .box-header-left svg{margin-right: 5px;}

.block-work-time-2 {
    margin: 0;
    font-family: var(--font-secondary);
}
.block-work-time-2 .sp-contact-info {
	list-style: outside none none;
	padding: 15px 10px 5px 15px;
}
.block-work-time-2 .sp-contact-info li {
    padding-left: 5px;
    padding-right: 5px;
}
.block-work-time-2 .sp-contact-info li i {
    color: #fff;
    display: block;
    float: left;
    line-height: 40px;
    margin-right: 0;
    text-align: center;
    width: 40px;
    margin-top: 0;
    border-radius: 100%;
    height: 40px;
    padding: 5px;
    margin-right: 7px;
}
.block-work-time-2 .sp-contact-info li i.fa-envelope-o {
	margin-right:8px;
}
.block-work-time-2 .sp-contact-info li p.contact-content {
  margin-left: 35px;
}
.block-work-time-2 .sp-contact-info li p.contact-content span {
	display: block;
	margin: 0px;
	font-size: 14px;
}
.block-work-time-2 .sp-contact-info li p.contact-content span:first-child {
    color: #333;
    font-size: 15px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 600;
}
.block-work-time-2 .sp-contact-info li p.contact-content span.time {
  color: #999;
}
.block-work-time-2 .sp-contact-info li .sp-contact-infocontent {
    border: 1px solid rgb(91 107 123 / 20%);
    box-shadow: 0 3px 12px 1px rgb(0 0 0 / 6%);
    border-radius: 6px;
    padding: 12px 5px 12px 5px;
    margin-bottom: 5px;
    background: #fff;
}
.right-megamenu-item {
    float: right;
    margin-top: 6px;
}
.right-megamenu-item>li>a {
   background: #1c6839;
   padding: 5px 10px;
   border-radius: 3px;
   font-weight: 500;
   font-size: 14px;
   color: #fff;
   display: inline-block;
   text-transform: uppercase;
}
.right-megamenu-item>li>a:hover {
   background: #fcd836;
   color: #111;
}
.right-megamenu-item>li{ position:relative;}
.right-megamenu-item>li svg {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 35px;
    height: 35px;
}
.right-megamenu-item>li {
    float: left;
    margin: 5px 5px;
}
.right-megamenu-item>li:last-child {
    margin-right: 0;
}
span.sticker_hot_1 {
    background: linear-gradient(-90deg, #ec1f1f 0%, #ff9c00 100%);
    color: #fff;
    padding: 1px 15px 0px 0;
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.sticker_hot_1:before {
    content: ' ';
    display: inline-block;
    background: url(../images/flash.png);
    background-size: 50% 50%;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #f13500;
    border-radius: 50%;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px;
}
span.sticker_hot_2 {
    background: linear-gradient(-90deg, #ec1f1f 0%, #ff9c00 100%);
    color: #fff;
    padding: 1px 15px 0px 0;
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.sticker_hot_2:before {
    content: ' ';
    display: inline-block;
    background: url(../images/flash.png);
    background-size: 50% 50%;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #f13500;
    border-radius: 50%;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px;
}
span.sticker_hot_3 {
    background: linear-gradient(-90deg, #ec1f1f 0%, #ff9c00 100%);
    color: #fff;
    padding: 1px 15px 0px 0;
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.sticker_hot_3:before {
    content: ' ';
    display: inline-block;
    background: url(../images/flash.png);
    background-size: 50% 50%;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #f13500;
    border-radius: 50%;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px;
}
span.sticker_hot_4 {
    background: linear-gradient(-90deg, #ec1f1f 0%, #ff9c00 100%);
    color: #fff;
    padding: 1px 15px 0px 0;
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.sticker_hot_4:before {
    content: ' ';
    display: inline-block;
    background: url(../images/flash.png);
    background-size: 50% 50%;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #f13500;
    border-radius: 50%;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px;
}
span.sticker-ref {
    background: linear-gradient(-90deg, #d10000 0%, #ce2a21 100%);
    color: #fff;
    padding: 1px 15px 0px 0;
    border-radius: 10px;
    position: absolute;
    top: 0;
    right: 0;
	font-size:12px;
}
.sticker-ref:before {
    content: ' ';
    display: inline-block;
    background: url(../images/flash.png);
    background-size: 50% 50%;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #f13500;
    border-radius: 50%;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px;
}
span.sticker_hot_5 {
    background: #f9d92a;
    color: #ff0000;
    padding: 1px 15px 0px 0;
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 21px;
}
.sticker_hot_5:before {
    content: ' ';
    display: inline-block;
    background: url(../images/new.png);
    background-size: 50% 50%;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
    border-radius: 50%;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px;
}
#logoBrands { text-align:center;}
#logoBrands li {
    border: 1px solid #f1f1f1;
    border-radius: 6px;
    overflow: hidden;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 10px 5px;
}
#logoBrands li:hover {
    border: 1px solid #777;
}
#logoBrands li img{
    width: 100px;
    height: 26px;
}
.filter-sort__list-filter {
    display: flex;
    flex-wrap: wrap;
    float: right;
}
.filter-sort__list-filter .btn-filter {
    align-items: center;
    background: #fff;
    border: 1px solid #e5e7ebc2;
    border-radius: 10px;
    color: #444;
    cursor: pointer;
    display: flex;
    height: 34px;
    margin: 0 10px 0px 0;
    padding: 1px 5px;
    white-space: nowrap;
    box-sizing: border-box;
}
.filter-sort__list-filter .btn-filter.active, .filter-sort__list-filter .btn-filter:hover {
    background: #fcd836;
}
.filter-sort__list-filter .btn-filter i { margin-right:5px;}

.btn-filter .count {
    background: #ce2a21;
    color: #fff;
    font-weight: 600;
    height: 22px;
    width: 22px;
    display: inline-block;
    line-height: 22px;
    text-align: center;
    border-radius: 100%;
    margin-left: 4px;
}
.sub-category-list {position: relative;}
.sub-category-list:before{
	content:'';
	height: 2px;
	width: 200px;
	background: #dfdfdf;
	margin: 20px auto 0 auto;
	display: block;
}
.sub-category-list li {margin-top: 10px;}

.top-menu-links .dealers-address .dropdown-menu {
    border-radius: 6px;
    border: none;
    top: 100%;
    left: 0;
    border: 1px solid #222222;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    opacity: 0;
    display: block;
    transform: translateY(50px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -khtml-transform: translateY(50px);
    z-index: 1;
    visibility: hidden;
    margin: 0;
    padding: 10px 10px;
    overflow: hidden;
    width: 450px;
    background: #fff;
    box-shadow: 0 3px 12px 3px rgb(0 0 0 / 20%);
}
.top-menu-links .dealers-address .dropdown:hover .dropdown-menu{
  transform:translateY(0px);
    -webkit-transform:translateY(0px);
    -o-transform:translateY(0px);
    -ms-transform:translateY(0px);
    -khtml-transform:translateY(0px);
  opacity: 1;
  z-index: 1001;
  visibility: inherit;
}
.top-menu-links .dealers-address .dropdown-menu li {
    padding: 5px 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #f7f7f7;
}

.top-menu-links .dealers-address .dropdown-menu li:last-child {
    margin-bottom: 0;
	border-bottom: none;
}
.top-menu-links .dealers-address .dropdown-menu li .support-name {
	font-size: 15px;
	font-weight: 700;
	padding-bottom: 5px;
}
.top-menu-links .dealers-address .dropdown-menu li .support-name i {
	font-size: 19px;
	margin-right: 5px;
	margin-top: 0;
	display: inline-block;
}
.top-menu-links .dealers-address .dropdown-menu li .support-content a {
	display: block;
	font-size: 15px;
}
.top-menu-links .dealers-address .dropdown-menu li .support-content a.support-content-tel {
	color: #e6202c;
}
.top-menu-links .dealers-address .dropdown-menu li .support-content a.support-content-address {
	color: #555;
}
.top-menu-links .dealers-address .dropdown-menu li .support-content a i {
    margin-right: 7px;
    margin-top: 0;
    display: inline-block;
    font-size: 17px;
    margin-top: -3px;
}

.product-featured .banner-featured {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.category-slider, .category-slider ul li {position:relative;text-align: center;}
.category-slider {border-radius:6px;overflow: hidden;margin: 0 5px;}
.category-slider ul li:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/mark.png);
    z-index: 1;
    left: 0;
    top: 0;
	display:none;
}
.category-slider::after {
    content: '';
    height: 0;
    width: 100%;
    position: absolute;
    left: 0;
    background-image: linear-gradient(to right, #ce2a21 0, #ff9c00 25%, #ce2a21 40%, #ff9c00 49%, #ff9c00 67%, #ff9c00 84%, #ce2a21 100%);
    top: 0;
}

.subcategories-2 {
  border-radius: 0px;
  margin-bottom:10px;
  text-align: center;
}
.subcategories-2.text-left { text-align:left;}
.subcategories-2 li {
	display: inline-block;
	margin-bottom: 10px;
}
.subcategories-2 li a {
    display: block;
    margin: 0 5px 0 0;
    text-align: center;
    position: relative;
    font-family: var(--font-secondary);
    border: 1px solid #dfdfdf;
    padding: 8px 10px;
    border-radius: 12px;
    box-shadow: 0 3px 12px 1px rgb(0 0 0 / 10%);
}
.subcategories-2 li a:hover{
  color: var(--red);
}
.subcategories-2 li.current-categorie a {
    border: 1px solid var(--red);
  box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.1);
	color: var(--red);
}

.combo-list .combo-container {
    overflow: hidden;
    text-align: center;
    position: relative;
    border: 1px solid #ededed;
    padding: 0 0 50px 0;
    border-radius: 12px;
    background: #fff;
}
.combo-list .combo-container:hover {
        box-shadow: 0 3px 12px 1px rgb(0 0 0 / 10%);
    }
.combo-list .left-block {
    position: relative;
    overflow: hidden;
    padding: 0;
}
.combo-list .left-block img {
    margin: 0 auto;
}
.combo-list .combo-name {
    font-size: 14px;
    overflow: hidden;
    padding: 0;
    min-height: 50px;
    margin-top: 10px;
    line-height: 24px;
    font-family: var(--font-main);
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.read-combo { text-align:center;}
.but-detail-combo {
	display: inline-block;
	width: auto;
	border: 1px solid #7f7f7f;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	padding: 5px 12px;
	text-transform: uppercase;
	margin-top: 15px;

}
.but-detail-combo:hover {
	background:#ed1c24;
	border: 1px solid #ed1c24;
	color:#fff;
}
.combo-list .content_price {
	display: inline-block;
	width: 100%;
	position:relative;
}
.combo-list .combo-price {
	font-size: 16px;
	color: #e5101d;
	margin-right: 4px;
	font-weight: bold;
	display: inline-block;
}
.combo-list .combo-row {
    margin-bottom: 25px;
}
.combo-list .combo-name a:hover {
    color: var(--red);
    border-bottom: 1px dashed var(--red);
}
.columns-result-combo {padding:10px 0;}

.bg-tongcombo, .bg-nguyenbo, .bg-tietkiem {
	border-radius: 5px;
	clear: both;
	color: #fff;

	display: inline-block;
	font-size: 17px;
	margin: 0 auto;
	padding: 8px 5px;
	text-align: center;
	overflow: hidden;
	width: 100%;
	text-transform: uppercase;
}
.bg-tongcombo {
	background: #0088cc;
}
.bg-nguyenbo {
	background: #ff6600;
}
.bg-tietkiem {
	background: #76b51b;
}
.but-combo {
    margin-bottom: 5px;
}
.but-combo-4 {
    margin-top: 25px;
}
.section-contact-home {padding:10px 0;background: #fff;position: relative;}
.section-contact-home::before {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    content: "";
    opacity: .3;
}
.section-contact-home .contact-form-holder {
    background: #fff;
    padding: 15px;
    box-shadow: 0 3px 20px 0 rgb(50 50 50 / 10%);
    border-radius: 6px;
}
.contact-home-left {
    margin-top: 100px;
    text-align: center;
}
.contact-home-left h3{}
.contact-home-left h3 {
    font-size: 21px;
    line-height: 24px;
    margin-bottom: 20px;
	text-transform:uppercase;
	font-weight:bold;
}
.contact-home-left p{}
.contact-home-left p{
    margin-top: 0;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    font-style: normal;
}
.contact-home-left .box-hotline  {margin-top:20px;}
.thm-btn {
    display: inline-block;
    border: none;
    outline: none;
    background: #682d0d;
    background: -webkit-gradient(linear, left top, right top, from(#682d0d), color-stop(98%, #05437e), to(#05437e));
    color: #FFFFFF !important;
    font-size: 19px;
    font-weight: 500;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border-radius: 12px;
    padding: 15px 20px;
    position: relative;
    -webkit-box-shadow: 0px 15px 30px rgba(212, 50, 151, 0.27);
    box-shadow: 0px 15px 30px rgb(0 84 166 / 20%);
    margin-right: 15px;
	border:1px solid transparent;
	margin-bottom:10px;
}
.thm-btn::before {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	border-radius: 28px;
	background: #fff;
	opacity: 0;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.thm-btn > span {
	position: relative;
}
.thm-btn i {
}
.thm-btn .lnr{
	margin-top: 0;
	font-size: 19px;
	margin-left: 7px;
}
.thm-btn.back-red {background:-webkit-gradient(linear, left top, right top, from(#ed1c24), color-stop(98%, #a5040a), to(#a5040a))}
.thm-btn:hover{
	 -webkit-box-shadow: 0px 15px 30px rgba(212, 50, 151, 0.4);
    box-shadow: 0px 15px 30px rgb(0 84 166 / 40%);

	border:1px solid #fff;
	paddding:2px;
}
.section-light {
    color: #fff;
}
.contact-form { color:#333;}
.contact-home-2 { margin-top:20px;}

.sc_home-statics {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-color: #046938;
    padding-top: 20px;
    padding-bottom: 20px;
}
.sc_home-statics-n {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 0px solid #ffba00;
    border-bottom: 0px solid #ffba00;
}
.sc_home-statics-box {
    display: flex;
    align-items: center;
}
.sc_home-statics-item {
    width: calc(100% / 4);
    display: flex;
    color: #ffffff;
    font-size: 17px;
    padding-left: 15px;
    padding-right: 15px;
    align-items: center;
	position:relative;
}
.sc_home-statics-item-number{
	color: #ffba00;
}
.sc_home-statics-item-number {
    color: #ffba00;
    font-weight: bold;
}
.sc_home-statics-item .title {
    font-size: 38px;
    display: flex;
    margin-right: 10px;
    color: #ffba00;
}
.sc_home-statics-item .desc {
	position: absolute;
	bottom: 80%;
	right: 0;
	transform: translateX(-50%);
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	padding: 8px 12px;
	border-radius: 6px;
	font-size: 13px;
	line-height: 1.4;
	width: max-content;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease, transform 0.3s ease;
	max-width: 180px;
}

.sc_home-statics-item .desc::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-width: 6px;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
}

.sc_home-statics-item:hover .desc {
	opacity: 1;
	transform: translate(-50%, -4px);
	pointer-events: auto;
}
.mt-3 { margin-top:20px;}
#box-resultOrder .table-list td:first-child {
    width: 120px;
    font-weight: 600;
}
.product-other-list { padding-bottom:20px;}

#main-content.loading {
    opacity: 0.5;
    pointer-events: none;
    position: relative;
}
#main-content.loading::after {
    content: '';
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255,255,255,0.9);
    padding: 10px 20px;
    border-radius: 6px;
}

.support-section {
    background: transparent url(../images/bgsupport-section.jpg) no-repeat scroll center top;
    padding: 60px 0;
    background-size: cover;
    position: relative;
}
.support-section .ts-overlay {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}
.ts-overlay, .overlay {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.support-section .section-title{margin-bottom:25px;}
.support-section .excerpt p{line-height:1.75em;}
.support-section .col-support{
    margin-top: 20px;
}
.support-section .col-support:last-child{border:medium none;}
.support-section .support-label{font-size: 19px;margin-bottom: 10px;position: relative;}
.support-section .support-label::after {
    content: '';
    display: block;
    width: 46px;
    height: 2px;
    background: #ff6a10;
    text-align: center;
    margin: 5px auto 5px auto;
}
.support-section .support-value, .support-section .support-label{text-align:center;text-transform:uppercase;}
.support-section .support-value{font-size: 17px;color: #ff6a10;display:block;font-weight: 600;}
.support-section .support-value, .support-section .support-label{text-align:center;text-transform:uppercase;}
.support-section .support-value span{
    font-size: 15px;
    display: inline-block;
    margin-top: 3px;
    width: 100px;
}
.support-section .support-value i{
    display: inline-block;
    margin-top: 0;
    font-size: 17px;
    margin-right: 7px;
}
.section-title h3{font-size:30px;font-weight:300;line-height:35px;margin-bottom:0;margin-top:0;}
.section-title p{margin-bottom:15px;font-size: 14px;}

.support-section .ts-overlay {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}
.columns-container { padding-bottom:20px;}
.columns-container-products{ margin-top:10px;}

.introduce-list-link {
    max-height: 250px;
    overflow: hidden;
    transition: max-height 0.5s ease;
}

.introduce-list-link.expanded {
    max-height: 2000px; /* đủ lớn để hiển thị hết */
}

.btn-show-more {
    background: #444;
    color: #fff;
    border: none;
    padding: 3px 10px;
    margin-top: 10px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;
}
.btn-show-more:hover {
    background: #000;
}
#product .pb-right-column .vat {
    border: 1px solid #f14f66;
    color: #fff;
    font-size: 12px;
    line-height: 17px;
    padding: 3px 5px;
    text-align: center;
    height: 22px;
    border-radius: 0;
    background: #f14f66;
    border-radius: 5px;
}
@keyframes blink-color {
  0%   { opacity: 1; color: orange; }
  50%  { opacity: 0.7; color: red; }
  100% { opacity: 1; color: orange; }
}

.product-list .sale-phone-item {
    border-radius: 3px;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 93px;
    margin: 0 2px;
    display: block;
    font-size: 13px;
    font-weight: 600;
    width: 100%;
    text-align: center;

    /* Hiệu ứng nhấp nháy + đổi màu */
    animation: blink-color 2s infinite;
}

.btn-view-coupons {
    background: #1c6839;
    color: #fff;
    padding: 5px 10px;
    margin-top: 6px;
    border-radius: 3px;
    cursor: pointer;
    width: 100%;
}

.btn-view-coupons:hover {
    background: #fcd836;
    color: #111;
}

.coupon-list {
    background: rgb(28 104 57 / 15%);
    border: 1px solid #1c6839;
    padding: 8px;
    margin-top: 8px;
    border-radius: 4px;
}
.coupon-list p {font-weight:bold;text-transform: uppercase; color:#1c6839;}
.coupon-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.coupon-list li {
    padding: 4px 8px;
    cursor: pointer;
    color: #28673a;
}
.coupon-list li:last-child {
}

.coupon-list li:hover {
    background: #1c6839;
    color: #ffffff;
}