:root{
	--burger: #031624;
	--black: #031624;
	--blue: #24387f;
	--orange: #ec6625;
	
	--blue-light: #0d6efd;
	--grey: #e0e5ea;
	--grey-dark: #818ea0;
	--green-light: #f4faf6;
	--green: #2d9d42;
	--green-dark: #037535;
	--red-light: #ffe6e6;
	--red: #d21c2d;
	--yellow: #ffbd27;
}

.form-message {background-color:var(--green); border-color:var(--green);}
.form-message-error {background-color:var(--red); border-color:var(--red);}

html, body { font-family: 'Google Sans'; font-size:16px; line-height:1.5; }
a {color:inherit}

.square-image .promotion { position:absolute; top:0; left:0; z-index:2; display:inline-block; box-sizing:border-box; }
.square-image .promotion:after {content: ""; width: 0; height: 0; left: 0; bottom: -3px; position: absolute; border-color:transparent #F00; border-style: solid; border-width: 0 20px 4px; }
.square-image .promotion .p-content { display: inline-block; text-align: center; position: relative; font-weight: 400; line-height: .8125rem; background-color: #F00; text-transform: uppercase; font-size: .7rem; width: 40px; height: auto; color: rgba(255,212,36,1); box-sizing: border-box; padding: 5px; }
.square-image .promotion .p-content .text {display:inline-block; color: #fff; font-size:0.9em; }

.square-image span.tag { position: absolute; top: 0; left: 45px; background-color: #999; z-index: 1; color: #FFF; font-size: 0.7rem; padding: 0 3px; }

.container .boundary {width:94%; max-width:1290px;}

.login-separator { display:block; width:100%; height:1px; border-top:1px solid #DDD; text-align:center; margin:40px 0 30px; position:relative; }
.login-separator span { display:inline-block; width:auto; height:auto; margin:0 auto; background-color:#FFF; position:absolute; top:0; left:50%; transform:translate(-50%, -50%); padding:0 20px; white-space:nowrap; }

#register_form .button, #login_form .button { margin-top:15px!important; }

#register_form label { min-width:80px; max-width:80px; display:inline-block; vertical-align:middle; line-height:1.3em; }
#register_form label span { color:#F00; }
#register_form .textbox, #register_form .selection { width:calc(100% - 90px); display:inline-block; vertical-align:middle; }
#register_form .selection { margin-left:4px; }

.top-menu { font-size:0.9em; color:#000; padding:12px 0; border-bottom:1px solid var(--grey); }
.top-menu .top-menu-right {float:right;}
.top-menu a {display:inline-block; margin-right:15px; }
.top-menu .top-menu-right a { margin-right:0; }
.top-menu a:hover {color:var(--blue);}
.top-menu .top-menu-min-hide {display:none;}

.top-menu .hotline-container { width:100%; white-space:nowrap; margin-top:20px; text-align:center; }
.top-menu .hotline-container a { display:inline-block; vertical-align:top; margin:0 10px; padding:0 5px; text-align:left; }
.top-menu .hotline-container a i, .top-menu .hotline-container a div { display:inline-block; vertical-align:middle; }
.top-menu .hotline-container a i { font-size:1.7em; margin-right:10px; }
.top-menu .hotline-container a div { width:80%; }
.top-menu .hotline-container a div span { display:block; font-weight:bold; color:var(--red); font-size:1.1em; }

.search-box {padding:10px 0;}
.search-box .boundary {text-align:center;}
.search-box .hamburger {float:left;}
.search-box .search-box-logo { height:40px; width:auto; display:inline-block; margin-bottom:10px; }
.search-box .search-box-logo img { width:auto; height:100%; }
.search-box .search-box-right { display:inline-block; float:right; position:relative; }
.search-box .search-box-right a { font-size:1.2em; position:relative; margin-left:20px; }
.search-box .search-box-right a span { position:absolute; bottom:70%; left:70%; background-color:var(--yellow); color:#000; display:inline-block; width:18px; height:18px; border-radius:100%; line-height:20px; font-weight:bold; text-align:center; font-size:0.7rem; font-family:'Google Sans'; }

.search-box .search-box-right .sign-in, .top-menu .top-menu-right .sign-in { display:none; color:#000; }
.top-menu .top-menu-right .sign-in { display:inline-block; }
.search-box .search-box-right .sign-in i, .top-menu .top-menu-right .sign-in i { font-size:1.3em;}
.search-box .search-box-right .sign-in div, .top-menu .top-menu-right .sign-in div, .search-box .search-box-right .sign-in i, .top-menu .top-menu-right .sign-in i { display:inline-block; vertical-align:middle; }
.search-box .search-box-right .sign-in div, .top-menu .top-menu-right .sign-in div { font-size:1rem; text-align:left; padding-left:5px; max-width: 70px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.top-menu .top-menu-right .sign-in div {max-width:80px;}
.search-box .search-box-right .sign-in div span, .top-menu .top-menu-right .sign-in div span { position:relative; bottom:unset; left:unset; color:var(--grey-dark); width:unset; height:unset; background:unset; display:block; text-align:left; }

.search-box .search-box-right .cart-popup { position:absolute; top:calc(100%); right:0; width:320px; height:auto; z-index:99999; background-color:#FFF; border:1px solid var(--grey); transition: all 1s; overflow-y:auto; border-radius:5px; -webkit-box-shadow: 0 2px 3px rgb(4 30 66 / 7%); box-shadow: 0 2px 3px rgb(4 30 66 / 7%); box-sizing:border-box; display:none; }
.search-box .search-box-right .cart-icon { position:relative; padding-bottom:10px; }
.search-box .search-box-right .cart-icon:hover .cart-popup {display:inline-block;}
.search-box .search-box-right .cart-popup .cp-product {display:block; margin-bottom:10px; padding:10px; box-sizing:border-box;}
.search-box .search-box-right .cart-popup .cp-product .square-image {width:50px; display:inline-block; border:0; }
.search-box .search-box-right .cart-popup .cp-product .cpp-content {width:calc(100% - 60px); display:inline-block; text-align:left; padding-left:10px; box-sizing:border-box; position:relative; }
.search-box .search-box-right .cart-popup .cp-product .cpp-content strong {text-transform:uppercase;}
.search-box .search-box-right .cart-popup .cp-product .cpp-content .cpp-description {color:#666; font-size:0.9em;}

.search-box .search-box-right .cart-popup .cp-content {padding:20px; box-sizing:border-box;}
.search-box .search-box-right .cart-popup .cp-content .cpp-cost {text-align:left; font-weight:bold; padding:10px; box-sizing:border-box; margin-bottom:10px; font-size:0.9em; border-top:1px solid #DDD; }
.search-box .search-box-right .cart-popup .cp-content .cpp-cost span {float:right; font-size:1.2em; color:var(--red); }
.search-box .search-box-right .cart-popup .cp-content a.button {display:inline-block; width:80%; padding:10px; background-color:var(--grey); border-color:var(--grey); color:#000!important; text-align:center; margin-bottom:5px; text-transform:uppercase; font-size:0.9em; border-radius:5px; }
.search-box .search-box-right .cart-popup .cp-content a.button:hover { box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1); }
.search-box .search-box-right .cart-popup .cp-content a.button.blue {background-color:var(--blue); border-color:var(--blue); color:#FFF!important; }
.search-box .search-box-right .cart-popup .cp-content .icon-x { position:absolute; top:0; right:0; display:inline-block; width:18px; height:18px; line-height:18px; background-color:var(--grey); color:#000; border-radius:100%; margin:0; text-align:center; }

.search-box .search-box-right .cart-popup .cp-content .cp-content-overflow { max-height:210px; overflow-y:auto; }
.search-box .search-box-right .cart-popup .cp-content .cp-content-overflow::-webkit-scrollbar { width:10px; }
.search-box .search-box-right .cart-popup .cp-content .cp-content-overflow::-webkit-scrollbar-track { border-radius: 5px; background: rgba(0,0,0,0.1); }
.search-box .search-box-right .cart-popup .cp-content .cp-content-overflow::-webkit-scrollbar-thumb { border-radius: 5px; background: #bbb; width:3px; }
.search-box .search-box-right .cart-popup .cp-content .cp-content-overflow::-webkit-scrollbar-thumb:hover { background: #333; }
.search-box .search-box-right .cart-popup .bt-loading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background-color: rgba(255,255,255,.7); display:none; }
.search-box .search-box-right .cart-popup .bt-loading svg { width: 30%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.search-box .search-box-right .cart-popup .bt-loading svg path {fill:#999;}

.search-box .hamburger, .search-box .search-box-right {margin:5px;}
.search-box form { border:1px solid var(--grey); border-radius:5px; margin-top:10px; background-color:#FFF; }
.search-box form .textbox {background:transparent;}
.search-box form .textbox, .search-box form .button { border:0; display:inline-block; vertical-align:top; width:calc(100% - 50px); height:35px; margin:0; }
.search-box form .button { width:50px; height:37px; margin-top:-1px; border-top-right-radius:5px; border-bottom-right-radius:5px; background-color:var(--blue); }
.search-box form .button:hover {opacity:0.7;}
.search-box form .button.min-hide {display:none;}
.search-box form .icon-search.min-hide {display:none;}

.main-menu { position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; background:transparent; pointer-events:none; }
.main-menu .boundary { position:absolute; top:0; left:-100%; width:85%; max-width:320px; height:100%; background-color:#FFF; overflow-y:auto; overflow:hidden; transition:all 0.3s; overflow-y:auto; }

.main-menu.active { pointer-events:auto; }
.main-menu.active .main-menu-bg {background-color:rgba(0,0,0,0.5); position:fixed; top:0; left:0; width:100%; height:100%; z-index:0; }
.main-menu.active .boundary { left:0; }

.main-menu .boundary .main-menu-slider { position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; transition:all 0.3s; z-index:1; }
.main-menu .boundary .main-menu-slider .table .col.min-hide {display:none;}

.main-menu .table .col { text-align:left; }
.main-menu .product-category { border-bottom:1px solid var(--grey); padding-bottom:20px; margin-bottom:20px; }

.main-menu .product-category-logo { padding:20px; width:100%; position:relative; box-sizing:border-box; border-bottom:1px solid var(--grey); z-index:2; }
.main-menu .product-category-logo img {width:40%; height:auto;}
.main-menu .product-category-logo .main-menu-close-bt {position:absolute; top:30px; right:20px; }

.main-menu .product-category .product-category-title { background-color:#f7f8f9; color:#333; width:100%; display:block; padding:10px; box-sizing:border-box; margin-bottom:10px; border-top-left-radius:6px; border-top-right-radius:6px; }
.main-menu .product-category .product-category-title .icon-menu {font-size:1.2em; margin-right:5px;}
.main-menu .product-category .product-category-title .icon-cheveron-right {float:right; transform:rotate(90deg); font-size:1.5em;}

.main-menu .product-category .product-category-items {overflow:hidden; height:auto; display:none; }

.main-menu .product-category ul { list-style-type:none; margin:0; padding:0; color:#333; }
.main-menu .product-category ul > li > ul {display:none; position:absolute; top:0; left:100%; width:100%; height:100%;  }
.main-menu .product-category ul > li { padding:5px 0;}
.main-menu .product-category ul li .product-category-icon {display:inline-block; width:25px; height:auto; vertical-align:middle; margin-right:10px;}
.main-menu .product-category ul li a {display:inline-block; line-height:34px; }
.main-menu .product-category ul li .icon-cheveron-right {float:right; font-size:1.3em; line-height:34px; }
.main-menu .product-category ul > li ul.active {display:block;}
.main-menu .product-category ul li ul {box-sizing:border-box; }
.main-menu .boundary .main-menu-slider, .main-menu .product-category ul li ul {padding:90px 20px 20px;}

.main-menu .product-category .product-category-sub-items-title { font-weight:bold; border-bottom:1px solid var(--grey); margin-bottom:10px; padding-bottom:10px; }
.main-menu .product-category .product-category-sub-items-title i { margin-right:10px; font-size:1.5em; }

.main-menu .main-menu-items {list-style-type:none; margin:0; padding:0 0 50px;}
.main-menu .main-menu-items li {color:3333;}
.main-menu .main-menu-items li.active { font-weight:bold; }
.main-menu .main-menu-items li.active, .main-menu .main-menu-items li:hover { color:var(--orange); }
.main-menu .main-menu-items a { display:block; padding:5px 0; color:inherit; }

.banner {margin-bottom:30px;}
.banner-container {position:relative;}
.banner-container:before {content:""; display:block; width:100%; height:auto;}
.banner-container .owl-carousel {position:absolute; top:0; left:0; width:100%; }
.banner-container .owl-carousel .square-image:before, .banner-container:before {padding-top:49.36%;}

.banner-container .owl-carousel .owl-nav button { position:absolute; top:50%; left:5px; transform:translateY(-50%); }
.banner-container .owl-carousel .owl-nav button i {font-size:2em; text-shadow:0 0 3px #000; color:#FFF;}
.banner-container .owl-carousel .owl-nav button.owl-next {left:unset; right:5px;}

.container.mobile-group-list { background-color:#FAFAFA; width:94%; margin:30px auto 20px; }
.container.mobile-group-list h2 { padding:10px; box-sizing:border-box; background-color:#EEE; text-align:center; font-size:.8em; text-transform:uppercase; }
.container.mobile-group-list ul { list-style-type:none; text-align:left; margin:0; padding:10px; box-sizing:border-box; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; }
.container.mobile-group-list ul li { position:relative; width:50%; margin-bottom:10px; text-align:center; }
.container.mobile-group-list ul li .square-image { width:80px; height:80px; border-radius:10px; overflow:hidden; border:1px solid var(--orange); margin:0 auto 5px; }

.partners { margin-bottom:30px; padding-top:20px; border-top:1px solid #DDD; }
.partners .boundary {text-align:center;}
.partners .partner-item { display:inline-block; width:32%; margin:0 2% 10px 0; vertical-align:top; }
.partners .partner-item:nth-child(3n+0) {margin-right:0;}
.partners .partner-item img {filter:grayscale(1); transition:all 1s;}
.partners .partner-item:hover img {filter:grayscale(0);}

.main-content .main-content-left { margin-bottom:30px;}

.main-content .main-content-box { border:1px solid var(--grey); padding:10px; box-sizing:border-box; }
.main-content .main-content-title { text-transform:uppercase; color:var(--orange); font-size:1.4em; padding-bottom:15px; border-bottom:1px solid var(--grey); }
.main-content .main-content-title span {color:var(--black);}

.main-content .main-content-box.left-banners { border:0; padding:0; margin:40px 0;}
.main-content .main-content-box.left-banners .square-image { margin-bottom:20px; }
.main-content .main-content-box.left-banners .square-image:before {padding-top:147.2%;}

.main-content .main-content-box.policy { padding:0; margin-bottom:40px; }
.main-content .main-content-box.policy table {border-collapse:collapse;}
.main-content .main-content-box.policy tr td { color:var(--grey-dark); text-align:left; vertical-align:middle; padding:15px 10px; border-bottom:1px solid #DDD;}
.main-content .main-content-box.policy table:last-child tr td {border-bottom:unset;}
.main-content .main-content-box.policy tr td strong { display:block; font-weight:normal; color:#000; }
.main-content .main-content-box.policy i { font-size:3em; color:#000;}

.main-content .introduction.min-hide {display:none;}
.main-content .main-content-box.min-hide, .main-content .main-content-section.min-hide {display:none;}

.main-content .main-content-section {}
.main-content .main-content-section.introduction { padding:10px; margin-bottom:25px; background-color:#FBFBFB; border:1px solid var(--grey); }
.main-content .main-content-section .main-content-section-title, .news .news-title { text-align:left; font-size:1.3em; font-weight:normal; border-bottom:1px solid var(--grey); line-height:40px; text-transform:uppercase; font-weight:bold; }
.main-content .main-content-section .main-content-section-title .more { float:right; font-size:1rem; color:var(--red); transition:all 0.5s; text-transform:none; font-weight:normal; }
.main-content .main-content-section .main-content-section-title .more:hover { color:#F00; }

.main-content .products .products-list {text-align:left;}
.main-content .products .products-list .product-item { display:inline-block; width:50%; margin:0; padding:10px; box-sizing:border-box; vertical-align:top; position:relative; }
.main-content .products .products-list .product-item .product-item-content {position:relative; z-index:2;}
.main-content .products .products-list .product-item .product-item-action {}
.main-content .products .products-list .product-item .product-item-action {position:absolute; top:20px; right:20px; z-index:2; width:auto; height:auto;}
.main-content .products .products-list .product-item .product-item-action a { display:block; width:35px; height:35px; line-height:35px; background-color: #FFF; border-radius: 100%; border:1px solid var(--grey); text-align: center; margin-bottom: 5px; transition:all 0.3s; transform:translate(10px, 0); opacity:0; }
.main-content .products .products-list .product-item .product-item-action a:first-child { opacity:1; translate:unset; }
.main-content .products .products-list .product-item .product-item-action a:last-child { transition-delay:0.1s; }
.main-content .products .products-list .product-item .product-item-action a:hover, .main-content .products .products-list .product-item .product-item-action a.active {background-color:var(--red); border-color:var(--red); color:#FFF;}
.main-content .products .products-list .product-item .product-item-action a .icon-eye1 {font-size:1.5em;}
.main-content .products .products-list .product-item .product-item-action a#liked_id, .main-content .products .products-list .product-item:hover .product-item-action a {opacity:1; transform:translate(0,0);}
.main-content .products .products-list .product-item .product-item-price { display:flex; flex-direction:column-reverse; }
.main-content .products .products-list .product-item .product-item-price .pip-price span { float:left; font-size:.9em; color:var(--red); text-decoration:unset; }
.main-content .products .products-list .product-item .product-item-price .pip-price span.old-price {  text-decoration:line-through; font-size:.7em; margin-top:3px; color:#666; margin-left:10px; padding-left:10px; border-left:1px solid #DDD; }

.main-content .products .products-list .product-item .product-item-title { text-align:left; margin:20px 0 5px; }
.main-content .products .products-list .product-item:hover .product-item-title { color:var(--blue); }
.main-content .products .products-list .product-item .product-item-rating {text-align:left;padding:0;}
.main-content .products .products-list .product-item .product-item-rating svg { width:12px; height:auto; display:inline-block; margin-right:3px; }
.main-content .products .products-list .product-item .product-item-rating svg path {fill:var(--yellow);}
.main-content .products .products-list .product-item .product-item-price .pip-top { font-size:0.9em; color:#666; text-align:right; line-height:30px; margin:5px 0; }
.main-content .products .products-list .product-item .product-item-price .pip-top .tag { color:#FFF!important; display: inline-block; font-size: .8em; padding: 0px 10px; margin-right: 5px; border-radius: 3px }
.main-content .products .products-list .product-item .product-item-price .pip-top [class^='icon-'] {display:inline-block; border:1px solid var(--grey); width:30px; height:30px; line-height:30px; text-align:center; border-radius:3px; margin-right:3px; color:var(--orange); font-size:1.2em; }
.main-content .products .products-list .product-item .product-item-price .pip-price {color:var(--red); font-size:1.2em; text-align:left; font-weight:bold; }
.main-content .products .products-list .product-item .product-item-price .pip-price .button { background-color:var(--blue); border-color:var(--blue); padding:5px 20px; font-size:1rem; font-weight:normal; border-radius:5px; transition:all 0.3s; }
.main-content .products .products-list .product-item .product-item-price .pip-price .button:hover {background-color:var(--blue-light); border-color:var(--blue-light); }
.main-content .products .products-list .product-item .product-item-price .pip-top [class^='icon-']:hover {background-color:#eff5f2;}
.main-content .products .products-list .product-item .product-item-price .pip-top .icon-cart {position:relative;}
.main-content .products .products-list .product-item .product-item-price .pip-top .icon-cart .bt-loading { position: absolute; top: 0; left: 0; z-index: 1000; width: 30px; height: 30px; background-color: #FFF; border-radius: 5px; display:none; }
.main-content .products .products-list .product-item .product-item-price .pip-top .icon-cart .bt-loading svg path {fill:var(--grey);}
.main-content .products .products-list .product-item .product-item-price .pip-top .icon-tick {display:none;}
.main-content .products .products-list .product-item .product-item-price .pip-top .icon-tick.active {display:inline-block;}

.main-content .products .products-list .product-item .product-item-description { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#FFF; border:1px solid var(--grey); border-bottom:0; border-radius:10px; z-index:1; box-sizing:border-box; display:none; box-shadow: 0 1px 30px rgb(62 68 90 / 9%); -webkit-box-shadow: 0px 1px 30px rgb(62 68 90 / 9%); }
.main-content .products .products-list .product-item:hover .product-item-description { display:block; }
.main-content .products .products-list .product-item .product-item-description .pid-container { position:absolute; top:100%; left:-1px; width:calc(100% + 2px); height:auto; font-size:0.7em; text-align:left; background-color:#FFF; border:1px solid var(--grey); border-top:0; padding:0 10px 20px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; box-sizing:border-box; display:none; }
.main-content .products .products-list .product-item .product-item-description .pid-container ul {margin:0; padding:0; list-style-position:inside;}
.main-content .products .products-list .product-item .product-item-description .pid-container .pid-content {padding-top:10px; border-top:1px solid var(--grey); }

.main-content.flash-sale { margin:20px 0 50px; }
.main-content.flash-sale .boundary { border:1px solid #DDD; padding:10px; background-color:#fdfdfd; position:relative; }
.main-content.flash-sale .boundary:before { content:""; display:block; width:calc(100% + 20px); height:25px; background:#ed4d2c url(../images/flash-sale-min.png) top left no-repeat; background-size:auto 100%; margin: -10px -10px 10px; }
.main-content.flash-sale .main-content-section .main-content-section-title { border:0; font-weight:bold; font-size:2em; margin:10px 0 20px; text-transform:capitalize; font-style:italic; color:var(--orange); text-shadow:1px 1px var(--yellow); }
.main-content.flash-sale .products .products-list .product-item { width:100%; padding:5px; }
.main-content.flash-sale .products .products-list .product-item .square-image {border:1px solid #DDD; }
.main-content.flash-sale .products .products-list .product-item .product-item-action a:first-child {transform: translate(0,0);}
.main-content.flash-sale .owl-carousel .owl-dots { margin-bottom:10px; text-align:center; }
.main-content.flash-sale .owl-carousel .owl-dots button { display:inline-block; width:12px; height:12px; border-radius:100%; margin:0 2px; background-color:var(--grey-dark); }
.main-content.flash-sale .owl-carousel .owl-dots button.active { background-color:var(--black); }

.main-content.flash-sale .flash-sale-counter { position:absolute; top:3px; right:5px; color:#FFF; font-size:.8em; }
.main-content.flash-sale .flash-sale-counter i { display:none; vertical-align:middle; margin-right:5px; }
.main-content.flash-sale .flash-sale-counter span { display:inline-block; background-color:#000; color:#FFF; font-weight:bold; margin-left:5px; padding:0 5px; }

.main-content.flash-sale .flash-sale-bt { position:absolute; top:6px; left:85px; color:#FFF; font-size:.7em; z-index:99; }

.main-content .main-content-banners { margin:25px 0; }
.main-content .main-content-banners .square-image {margin-bottom:20px; border:1px solid var(--grey);}
.main-content .main-content-banners .square-image:last-child {margin-bottom:0;}
.main-content .main-content-banners .square-image:before { padding-top:21.45%; }

.main-content .main-content-banners.mini-banners .square-image {}
.main-content .main-content-banners.mini-banners .square-image:before {padding-top:46%;}

.news {margin-bottom:50px;}
.news .table .col { text-align:left; }
.news .news-title { }
.news .news-video iframe {height:200px;}

.news .news-items {  position:relative; width:100%; height:auto; min-height:290px; }
.news .news-items .news-item-title { font-weight:bold; padding:10px 0; }
.news .news-items .news-item:hover .news-item-title { color:var(--red); }
.news .news-items .news-item-title a, .news .news-items .news-item-description { color:inherit; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.news .news-items .news-item-description { -webkit-line-clamp:3; }

.news .news-items .owl-carousel {position:absolute; top:0; left:0; width:100%; height:auto; }
.news .news-items .owl-carousel .square-image:before {padding-top:52.333%;}

.footer { background:#f7f8f9 url(../images/footer-pattern.png) top left; padding:0 0 0; }
.footer .table .col { text-align:left; padding-top:30px;}
.footer .footer-logo { width:80%; max-width:300px; display:inline-block; }
.footer .footer-logo img { width:100%; height:auto; }

.footer .footer-title { text-transform:uppercase; font-weight:bold; padding:0; margin-bottom:20px; color:var(--orange); }

.footer h1 {font-size:1.2rem;}

.footer .logoSaleNoti { width:60%; max-width:210px; display:inline-block; height:auto; margin:20px 0; }
.footer .logoSaleNoti img {width:100%; height:auto;}

.footer ul {padding:0; list-style-position:inside;}
.footer ul li {padding:0 0 5px;}
.footer ul li a {color:inherit;}
.footer ul li:hover {color:var(--orange);}

.footer .footer-map { width:100%; height:200px; }

.footer .footer-socials [class^="icon-"] { font-size: 1.2em; width: 40px; height: 40px; display: inline-block; margin-right: 5px; background-color: #3B5998; color: #FFF; text-align: center; line-height: 40px; }
.footer .footer-socials [class^="icon-"]:hover { box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1); }
.footer .footer-socials .icon-youtube {background-color:#bb0000;}
.footer .footer-socials .icon-google {background-color:#dd4b39;}
.footer .footer-socials .icon-instagram {background-color:#125688;}

.footer .footer-copyright { background-color:#FFF; color:var(--grey-dark); font-size:0.9em; padding:10px 0; }

/* quick view */
.quick-view { position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; display:none; }
.quick-view .qv-bg {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); }
.quick-view .qv-content { background-color:#FFF; width:96%; max-width:992px; height:auto; position:absolute; top:50%; left:50%; z-index:1; transform:translate(-50%, -50%); }
.quick-view .qv-content .col:last-child { text-align:left; padding:20px; }
.quick-view .qv-content .qv-title {font-size: 1.2em;border-bottom: 1px solid var(--grey); margin: 10px 0 20px; padding-bottom: 10px; }

.quick-view .qv-content .square-image { width:50%; margin:0 auto; }

.quick-view .qv-content .qv-price {font-size:1.2em; color:var(--red); font-weight:bold;}
.quick-view .qv-content .qv-price.discount {color:var(--red);}
.quick-view .qv-content .qv-price.discount span {color:var(--grey); text-decoration:line-through; font-size:0.9em; margin-right:5px;}
.quick-view .qv-content .qv-rate {margin:0; font-size:13px; }
.quick-view .qv-content .qv-rate i {margin-right:3px;}
.quick-view .qv-content .qv-rate i.rated {color:#ffc400; }

.quick-view .qv-content .qv-description { display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; margin-top:10px; }
.quick-view .qv-content .qv-description p { display:inline; }
/* .quick-view .qv-content .qv-description p::after { content: " \A\A"; white-space: pre; } */

.quick-view .qv-content .qv-action { margin-top:20px; }
.quick-view .qv-content .qv-action .button {background-color:var(--red); border-color:var(--red); border-radius:50px; padding:5px 20px; font-size:0.9em; text-transform:capitalize; }
.quick-view .qv-content .qv-action .button:hover {opacity:0.7;}
.quick-view .qv-content .qv-action .button .b-loading {display:none;}
.quick-view .qv-content .qv-action .button svg {width:20px; height:20px; margin-right:5px; display:inline-block; vertical-align:middle;}
.quick-view .qv-content .qv-action .button svg path {fill:#333;}

.quick-view .qv-content .qv-close { border:unset; background:unset; position:absolute; top:10px; right:10px; cursor:pointer; }
.quick-view .qv-content .qv-close i {display:inline-block; font-size:2em; transition:all 0.3s;}
.quick-view .qv-content .qv-close:hover i { transform:rotate(90deg); }
/* / quick view */

.lazy {
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #F6F6F6;
    background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
    background-size: 800px 104px;
    height: 96px;
    position: relative;
}
@keyframes placeHolderShimmer{ 
	0%{ background-position: -468px 0 }
    100%{ background-position: 468px 0 }
}

.fixed-hotline { width:auto; height:45px; position:fixed; z-index: 9999; bottom: 10px; right:8px; display:block; background: url('/images/hotline_edit.gif') no-repeat top left; background-size: 60px; padding-left: 65px; padding-top: 1.2em; }

@media (min-width:576px){
	.news .news-video iframe {height:350px;}
	.search-box .search-box-right .sign-in { display:inline-block; }
	.top-menu .top-menu-right {display:none;}
	.top-menu a {margin-top:15px;}
	.top-menu .hotline-container { display:inline-block; float:right; width:auto; margin:0; }
}

@media (min-width:768px){
	.search-box .boundary {text-align:left; padding:20px 0;}
	.search-box .hamburger {display:none; }
	.search-box form { display:inline-block; width:45%; vertical-align:top; margin-left:20px; margin-top:5px; }
	.search-box form .button { height:38px; }
	.search-box .search-box-right { margin-top:5px;}
	.search-box .search-box-right a {font-size:1.5em;}
	.search-box form {position:relative;}
	.search-box form .button.min-show {display:none;}
	.search-box form .button.min-hide {display:inline-block; width:100px;}
	.search-box form .textbox { width:calc(100% - 100px); padding-left:40px; }
	.search-box form .icon-search.min-hide {display:inline-block; position:absolute; top:1px; left:1px; width:35px; height:35px; line-height:35px; color:#999; text-align:center; }
	
	.container.mobile-group-list { display:none; }
	
	.main-menu, .main-menu .boundary, .main-menu .boundary .main-menu-slider { position:relative; width:auto; height:auto; }
	.main-menu { border-bottom:1px solid var(--grey); pointer-events:auto; }
	.main-menu .main-menu-bg, .main-menu .product-category-logo {display:none;}
	
	.main-menu .boundary { width:100%; max-width:1290px; top:unset; left:unset; overflow:unset; background:unset; }
	.main-menu .boundary .main-menu-slider { top:unset; left:unset; padding:0; }
	.main-menu .boundary .main-menu-slider .table .col.min-show { display:none!important; }
	.main-menu .boundary .main-menu-slider .table .col.min-hide { display:block; background-color:var(--blue); color:#FFF; box-sizing:border-box; }
	.main-menu .boundary .main-menu-slider .table .col.min-hide ul li:first-child{margin-left:20px;}
	
	.main-menu .boundary .main-menu-slider .table .col {display:block!important; width:100%!important;}
	
	.main-menu .product-category { border:0; padding:0; margin:0; position:relative; white-space:nowrap; }
	.main-menu .product-category ul > li { position:relative; vertical-align:top; }
	.main-menu .product-category ul li a { vertical-align:top; }
	.main-menu .product-category ul li .icon-cheveron-right { width:30px; text-align:center; }
	.main-menu .product-category ul > li ul {background-color:#FFF; }
	.main-menu .product-category ul > li > ul { display:none; opacity:0; padding:0; position:relative; top:100%; left:0; width:100%; flex-direction:column; height:auto; background-color:#FFF; box-sizing:border-box; }
	.main-menu .product-category ul > li:hover > ul { display:flex; opacity:1; animation: fade-out 0.3s linear; padding-left:35px; }
	.main-menu .product-category ul > li > ul li { white-space:nowrap; position:relative; display:block!important; height:auto!important; min-height:unset!important; padding:5px 0!important; line-height:1.5em!important; }
	.main-menu .product-category .product-category-items li ul li.product-category-sub-items-title { display:none!important; }
	.main-menu .product-category ul > li > ul li a { line-height:1.5em; }
	.main-menu .product-category ul > li ul li .icon-cheveron-right { float:unset; margin-left:20px; position:absolute; top:5px; right:5px; }
	@keyframes fade-out { 0%   { opacity: 0;  } 100% { opacity: 1;  } }
	.main-menu .product-category ul li .product-category-icon { vertical-align:top; margin-top:3px; }
	
	.main-menu .product-category .product-category-title { display:none; margin:0; }
	.main-menu .product-category .product-category-sub-items-title {display:none;}
	
	.main-menu .product-category .product-category-items { display:block; position:relative; top:unset; left:unset; width:100vw; height:auto; background-color:#FFF; overflow-x:auto; }
	.main-menu .product-category .product-category-items::-webkit-scrollbar { height: 2px; }
	.main-menu .product-category .product-category-items::-webkit-scrollbar-track { background: #DDD; }
	.main-menu .product-category .product-category-items::-webkit-scrollbar-thumb { background:#666; }
	.main-menu .product-category .product-category-items::-webkit-scrollbar-thumb:hover { background: var(--orange); }
	.main-menu .product-category .product-category-items li { display:inline-block; width:auto; height:auto; min-height:44px; line-height:44px; padding:5px 10px; box-sizing:border-box; border-top:unset;}
	.main-menu .product-category .product-category-items li:hover {color:var(--orange);}
	
	.main-menu, .main-menu .main-menu-items, .main-menu .boundary, .main-menu .boundary .main-menu-slider { vertical-align:top; height:45px; }
	.main-menu {height:90px;}
	.main-menu .main-menu-items { padding:0; }
	.main-menu .main-menu-items li {display:inline-block; margin-right:20px; line-height:44px; }
	.main-menu .main-menu-items li:first-child {margin-left:30px;}
	.main-menu .main-menu-items a {padding:0;}
	.main-menu .main-menu-items li.active, .main-menu .main-menu-items li:hover {color:var(--yellow);}
	
	.banner {margin-bottom:50px;}
	.banner-container .owl-carousel .square-image:before, .banner-container:before {padding-top:40.5%;}
	.banner-container .owl-carousel {top:10px; left:10px; width:calc(100% - 20px); }
	
	.partners .boundary { display:flex; justify-content:space-around; }
	.partners .partner-item { width:100px; margin-right:0; }
	.partners .partner-item:nth-child(3n+0) {margin-right:0;}
	.partners .partner-item:nth-child(5n+0) {margin-right:0;}
	
	.main-content .sidebar-container {position:relative;}
	.main-content .main-content-left { position:absolute; top:0; left:0; }
	
	.main-content .main-content-right { padding:0 0 20px 20px; }
	.main-content .main-content-right .main-content-section-title {margin-top:0;}
	
	.main-content .main-content-banners.mini-banners { text-align:left; margin-top:0; }
	.main-content .main-content-banners.mini-banners .square-image {width:49%; margin-right:2%; display:inline-block; box-sizing:border-box; }
	.main-content .main-content-banners.mini-banners .square-image:nth-child(2n+0) {margin-right:0;}
	
	.main-content .main-content-box.min-hide, .main-content .main-content-section.min-hide {display:block;}
	
	.main-content.flash-sale .boundary { padding:20px; }
	.main-content.flash-sale .boundary:before { width:calc(100% + 40px); margin-top:-20px; margin-left:-20px; margin-bottom:20px; }
	.main-content.flash-sale .flash-sale-bt { left:90px; }
	
	.main-content .products .products-list .product-item .product-item-price .pip-price span.old-price { margin-left:10px; padding-left:10px; border-left:1px solid #DDD; }
	
	.news .news-items {min-height:230px;}
	.news .table .col:last-child {padding-left:30px;}
	.news .news-video iframe {height:140px;}

	.footer .boundary {padding-bottom:20px;}
	.footer .table .col {padding:2.5em 10px 0;}
	.footer .table .col:first-child {padding-top:0;}
	.footer .footer-title { font-size:0.9em; }
	
	.quick-view .qv-content .square-image { width:100%; }
}

@media (min-width:996px){
	.search-box .search-box-logo {height:60px;}
	.search-area .hamburger {display:none;}
	.search-box form { margin-top:15px; width:48%; }
	.search-box .search-box-right { margin-top:10px;}
	
	.top-menu .top-menu-min-hide {display:inline-block;}
	
	.banner-container .owl-carousel .owl-nav button i {font-size:3em;}
	
	/* .main-content.flash-sale .boundary:before { height:40px; }
	.main-content.flash-sale .flash-sale-counter { top:9px; font-size:1em; }
	.main-content.flash-sale .flash-sale-counter i { display:inline-block; } */
	
	.main-content .products .products-list .product-item {width:25%;}
	.main-content .products .products-list .product-item .product-item-description { border-bottom-left-radius:0; border-bottom-right-radius:0; }
	.main-content .products .products-list .product-item .product-item-description .pid-container {display:block;}
	.main-menu .main-menu-items li { margin-right:40px; font-weight:bold; }
	.main-menu .main-menu-items li:first-child {margin-left:50px;}
	
	.news .news-items {min-height:280px;}
	.news .news-video iframe {height:190px;}
	
	.partners .partner-item { width:150px; }
	
	.footer .footer-title { font-size:1.2em; }
}

@media (min-width:1200px){
	.search-box .search-box-right .sign-in div, .top-menu .top-menu-right .sign-in div { max-width:100px; }
	
	.search-box form { width:58%; }
	
	.news .news-video iframe {height:220px;}
	
	.main-menu .boundary {max-width:unset;}
	.main-menu .product-category .product-category-items { display:block; width:100%; overflow:unset; background:unset; }
	
	.main-menu .product-category, .main-menu .main-menu-items { max-width:1290px; margin:0 auto; }
	.main-menu .product-category ul > li > ul { position:absolute; top:100%; left:35px; background-color:#FFF; padding:10px!important; box-shadow:0 0 3px #666; }
	
	.banner .table .col {width:100%!important;}
	.banner .table .col-xl-3 {display:none!important;}
	
	.quick-view .qv-content .qv-description { -webkit-line-clamp:7; }
	
	.main-content .products .products-list .product-item .product-item-price .pip-top { margin-top:unset; }
	
	.footer .table .col {padding-top:3.5em;}
	.footer .table .col:nth-child(2){padding-left:40px;}
}

@media (min-width:1300px){
	.news .news-video iframe {height:250px;}
}

@media (min-width:1400px){
	.search-box .search-box-right .sign-in div, .top-menu .top-menu-right .sign-in div { max-width:170px; }