/* Main */
:root {
  --color-white:  #ffffff;
  --color-dark:  #000000;
  --color-red: #bf0000;
  --color-medium-red: #cc2c32;
  --color-dark-red: #c31829;
  --color-green: #28a745;
  --color-dark-green: #207d36;
  --color-black: #212529;
  --color-gray: #6c757d;
  --color-static: #ffb900;
  --color-static2: #153b7c;
  --color-static3: #866202;
  --color-background: #ffffff; 
  --color-background1: #01131b; 
  --background-hover: #eceb1b; 
  --color-hover: #fff600;
  --color-border: #eeeeee;
}

/* min-width: 1200px;  end loadpage website */
body {font-size: 14px;background: var(--color-background); font-family: "Roboto", sans-serif;font-weight: 400;}

blockquote {font-style: italic;font-family: Georgia,Times,"Times New Roman",serif;padding: 2px 0;border-style: solid;border-color: #ccc;border-width: 0;padding-left: 20px;padding-right: 8px;border-left-width: 5px;}
blockquote p{margin-bottom: 0;}

.row-10 {margin-left: -5px;margin-right: -5px;}
.row-20 {margin-left: -10px;margin-right: -10px;}
.row-30 {margin-left: -15px;margin-right: -15px;}
.col-30 {padding-left: 15px;padding-right: -15px;}
.col-20 {padding-left: 10px;padding-right: 10px;}
.mg-col-10 {padding-left: 5px;padding-right: 5px;}
 
img {max-width: 100%;height: auto;vertical-align: top;}

a, input, textarea {outline: none;padding: 0px;}
a{text-decoration: none;}
a:hover{color: var(--color-static2);}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

.w-clear:after {display: block;content: "";clear: both;}
.hidden {display: none;}
.clear {clear: both;}
.none {display: none;}
.wrap-container{overflow: hidden;}
.hidden-seoh {visibility: hidden;height: 0px;margin: 0px;overflow: hidden;}
.wrap-content {max-width: 1230px;margin: 40px auto;padding: 0px 15px;}
.wrap-content{margin: auto;}
.overflow-none{overflow:unset;}
.fix_head {position: fixed !important;top: 0;width: 100%;z-index: 999 !important;}
.pd-l-10 {padding-left: -10px;}
.pd-r-10 {padding-right: -10px;}
.mg-l-10 {margin-left: -10px;}
.mg-r-10 {margin-right: -10px;}
.mg-b-20 {margin-bottom: 20px;}
.title-detail-main {color: #252525;font-size: 23px;margin-bottom: 1.5rem;font-weight: 500;}
.padding50{padding: 50px 0;}
.padding30{padding: 30px 0;}

.popup-custom .modal-content {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;border: 0px;}
.popup-custom .modal-content .modal-body {padding: 10px;}
.popup-custom .close {position: absolute;top: 10px;right: 10px;width: 40px;height: 40px;z-index: 2;color: #888888;cursor: pointer;border: 1px solid var(--color-border);background-color: var(--color-white);opacity: 1 !important;}
#popup-quickview .modal-dialog {max-width: 1140px;}
.opacity-0 {opacity: 0;}
 

/* loadpage website */
#loader-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;pointer-events: none;}
#loader-wrapper #wrap {background:  var(--color-white);position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;display: block;text-align: center;width: 100%;height: 100%;z-index: 999999;}
#loader-wrapper.show1 #wrap {background: transparent}
#loader-wrapper:after {-webkit-mask: url(../images/mask-01.png);mask: url(../images/mask-01.png);-webkit-mask-size: 2300% 100%;mask-size: 2300% 100%;content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;background-color: rgba(255, 255, 255, 1);z-index: 99999;}
#loader-wrapper.show1::after {-webkit-animation: MaskPlay 1s steps(22) forwards;-moz-animation: MaskPlay 1s steps(22) forwards;-o-animation: MaskPlay 1s steps(22) forwards;animation: MaskPlay 1s steps(22) forwards;}
#loader-wrapper.show1 #wrap {opacity: 0;}
.loading-text ul {margin-top: 1.875rem;}
.loading-text ul li {-webkit-animation: anime 1.5s infinite linear;-moz-animation: anime 1.5s infinite linear;-o-animation: anime 1.5s infinite linear;animation: anime 1.5s infinite linear;display: inline-block;font-size: 30px;font-family: "S VN";letter-spacing: 1px}
.loading-text ul li:nth-child(1) {-webkit-animation-delay: 0s;-moz-animation-delay: 0s;-o-animation-delay: 0s;animation-delay: 0s}
.loading-text ul li:nth-child(2) {-webkit-animation-delay: .1s;-moz-animation-delay: .1s;-o-animation-delay: .1s;animation-delay: .1s}
.loading-text ul li:nth-child(3) {-webkit-animation-delay: .2s;-moz-animation-delay: .2s;-o-animation-delay: .2s;animation-delay: .2s}
.loading-text ul li:nth-child(4) {-webkit-animation-delay: .3s;-moz-animation-delay: .3s;-o-animation-delay: .3s;animation-delay: .3s}
.loading-text ul li:nth-child(5) {-webkit-animation-delay: .4s;-moz-animation-delay: .4s;-o-animation-delay: .4s;animation-delay: .4s}
.loading-text ul li:nth-child(6) {-webkit-animation-delay: .5s;-moz-animation-delay: .5s;-o-animation-delay: .5s;animation-delay: .5s}
.loading-text ul li:nth-child(7) {-webkit-animation-delay: .6s;-moz-animation-delay: .6s;-o-animation-delay: .6s;animation-delay: .6s}
.loader {-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 100%;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;left: 0;padding-bottom: 3.125rem;position: fixed;top: 0;width: 100%;z-index: 100001}

/* General */
.title-main {margin-bottom: 1.5rem;text-align: center;}
.title-main span {text-transform: uppercase;color: var(--color-dark);font-size: 30px;line-height: normal;font-family: "S VN";}
.title-main .slogan {color: var(--color-dark);line-height: 1.5;width: 80%;margin: 5px auto;font-size: 14px;letter-spacing: 1px;font-weight: 300;text-transform: capitalize;}
.title-main .slogan-title {color: var(--color-dark);font-size: 14px;line-height: 1.5;margin-bottom: 0;}
.title-main .line{background: url(../images/line5.png) no-repeat;height: 7px;width: 132px;margin: 1rem auto;}

.time-main {margin-bottom: 0.5rem;color: var(--color-dark);}
.time-main i {vertical-align: top;margin: 3px 7px 0px 0px;}
.time-main span {vertical-align: top;display: inline-block;}
.share {padding: 17px 15px 10px 15px;line-height: normal;background: rgba(128, 128, 128, 0.15);margin-top: 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.share b {display: block;margin-bottom: 5px;}

.control-owl {position: absolute;width: 100%;z-index: 2;left: 0px;top: -webkit-calc(50% - 45px / 2);top: -moz-calc(50% - 45px / 2);top: calc(50% - 45px / 2);}
.control-owl button {opacity: 0.5;top: 0px;position: absolute;outline: none;border: 0px;padding: 0px;margin: 0px;display: block;cursor: pointer;color: var(--color-white);width: 45px;height: 45px;text-align: center;font-size: 25px;margin: 0px;background-color: var(--color-dark);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-box;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-box-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;-moz-box-pack: center;justify-content: center;}
.control-owl button:hover {opacity: 1;} 
.control-owl button.owl-prev {left: -20px;background: url(../images/next1.png) no-repeat right center;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.control-owl button.owl-next {right: -20px;background: url(../images/next1.png) no-repeat right center;}

.control-owl button{-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;width: 21px;height: 42px;opacity: 1;background-color: #00000000;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.control-owl button svg{stroke: #00000000;}

.control-slideshow.control-owl button.owl-prev {left: 20px;}
.control-slideshow.control-owl button.owl-next {right: 20px;}
.bgcarousel.slideshow .owl-dots{position: absolute;width: 100%;bottom: 0;z-index: 2;}
.bgcarousel .owl-theme .owl-dots .owl-dot span{background: #00000000;border: 1px solid var(--color-static2);-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;}
.bgcarousel .owl-theme .owl-dots .owl-dot.active span{background: var(--color-static2);-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;}

.custom-form-row {margin-right: -10px;margin-left: -10px;}
.custom-form-row > .col,
.custom-form-row > [class*="col-"] {padding-right: 10px;padding-left: 10px;}
.text-sm {font-size: 0.875rem !important;}

/* Lazyload */
img.lazy {opacity: 0;}
img:not(.initial) {-webkit-transition: opacity 1s;-o-transition: opacity 1s;-moz-transition: opacity 1s;transition: opacity 1s;}
img.initial,
img.loaded,
img.error {opacity: 1;}
img:not([src]) {visibility: hidden;}

/* head 1 */ 
.bg_top{background: url(../images/bg3.png) repeat;position: relative;padding-bottom: 50px;}
.bg_top::before{background: url(../images/bg1.png) repeat;position: absolute;content: ''; bottom: 0;width: 100%;height: 62px;}
.head_top{background: var(--color-static3);padding: 12px 0px;}
.head_bottom{padding: 5px 0;}
.head_bottom .wrap-content{margin: auto;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.head_top marquee{color: var(--color-white);width: 100%;font-size: 18px;line-height: normal;text-transform: uppercase;font-family: "U TM";text-shadow: 2px 3px 1px #000000dd;letter-spacing: 2px;}
.head_top marquee span{color: var(--color-hover);}
.hotline-head{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;gap: 10px;position: absolute;width: 100%;bottom: 0px;background: var(--color-static3);color: var(--color-white);padding: 14px;}
/* .hotline-head::before{position: absolute;content: '';top: 0;left: -10%;background: #0066cc30;border-radius: 50%; width: 32px;height: 32px;} */
.hotline-head p{color: var(--color-white);font-size: 15px;font-weight: 700;line-height: normal;margin-bottom: 0;}
.hotline-number{margin-bottom: 0rem;font-weight: 700;color: var(--color-white);font-size: 20px;line-height: 1.5;display: block;}
.hotline-head img {background: #ffffff50;padding: 10px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.logo-image{max-height: 100px;}
/* Menu */
.menu {position: relative;z-index: 10;}
.menu ul {padding: 0px;margin-bottom: 0;margin-top: 0;list-style: none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.menu .wrap-content {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-box;display: flex;gap: 5px;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-box-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;justify-content: space-between;}
.menu ul.menu-main {-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-box;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-box-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;justify-content: space-between;padding: 0 10px 0 5px;background: var(--color-static2);}
.menu ul li {position: relative;z-index: 1;}
.menu ul li.menu-line {width: 2px;height: 17px;background: url(../images/line3.png) no-repeat;}
.menu ul li a {display: block;position: relative;font-size: 14px;color: var(--color-white);padding: 12px 3px;line-height: normal;text-transform: uppercase;font-weight: 700;}
.menu ul li a:hover, .menu ul li a.active{color: var(--color-static);}
.menu ul li a.has-child {padding-right: 14px;margin-right: 8px;}
.menu ul li a.has-child:after {content: "";position: absolute;bottom: -webkit-calc(50% - 4px / 2);bottom: -moz-calc(50% - 4px / 2);bottom: calc(50% - 4px / 2);right: 5px;width: 5px;height: 5px;border: 1px solid var(--color-border);border-top: 0px;border-left: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.menu ul li:hover a.has-child:after,.menu ul li a.active.has-child:after{border-color: var(--color-static);}
.menu ul li ul {position: absolute;min-width: 280px;background-color: var(--color-background1);-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);-moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);-webkit-transform: perspective(600px) rotateX(-90deg);-moz-transform: perspective(600px) rotateX(-90deg);transform: perspective(600px) rotateX(-90deg);-webkit-transform-origin: 0 0 0;-moz-transform-origin: 0 0 0;-ms-transform-origin: 0 0 0;-o-transform-origin: 0 0 0;transform-origin: 0 0 0;opacity: 0;visibility: hidden;}
.menu ul li:hover > ul {-webkit-transform: perspective(600px) rotateX(0);-moz-transform: perspective(600px) rotateX(0);transform: perspective(600px) rotateX(0);-moz-transform-origin: 0 0 0;-ms-transform-origin: 0 0 0;-o-transform-origin: 0 0 0;transform-origin: 0 0 0;-webkit-transform-origin: 0 0 0;opacity: 1;visibility: visible;}
.menu ul li ul li {padding-left: 0.75rem;padding-right: 0.75rem;}
.menu ul li ul li a {font-size: 14px;color: var(--color-white);border-bottom: 1px solid #ffffff50;padding: 14px 0px 13px 0px;text-transform: capitalize;}
.menu ul li ul li a.has-child {margin-right: 0px;}
.menu ul li ul li a.has-child:after {border-color: var(--color-white) !important;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.menu ul li ul li a.active {color: var(--color-white);}
.menu ul li ul li a.active.has-child:after {border-color: var(--color-white);}
.menu ul li ul li:last-child > a {border-bottom: 0px;}
.menu ul li ul li:hover > a {color: var(--color-static);padding-left: 5px;}
.menu ul li ul li:hover > a.has-child:after {border-color: var(--color-static) !important;}
.menu ul li ul li ul {top: 0;left: 100%;margin-top: 0px;}

.w-menu.fix_head .logo-head {zoom:0.75;}
 
.productList {width: 280px !important;gap: 0ch 10px;width: 100%;height: 100%;background: var(--color-red) !important;color: var(--color-white) !important;padding: 12px !important;display: -webkit-box !important;display: -webkit-flex !important;display: -moz-box !important;display: -ms-flexbox !important;display: flex !important;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.productList i {margin-right: 5px;color: var(--color-white) !important;}
.productList span{font-size: 17px;}
.productList-item{position: relative;display: -webkit-box !important;display: -webkit-flex !important;display: -moz-box !important;display: -ms-flexbox !important;display: flex !important;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;gap: 1ch;padding: 12px 16px !important;border-bottom: 1px solid #00000010;text-decoration: none;}
 
/* Menu */ 
.menu-res {height: 55px;z-index: 501;background:var(--color-white);position: relative;display: none;}
.menu-bar-res {height: 55px;padding: 0px 15px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-box;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-box-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;justify-content: space-between;-webkit-box-shadow: 0px 0px 3px #00000050;-moz-box-shadow: 0px 0px 3px #00000050;box-shadow: 0px 0px 3px #00000050;}
#menu { display: none; }
#hamburger { display: block; width: 35px; height: 23px; position: relative; }
#hamburger:before, #hamburger:after, #hamburger span { background: var(--color-dark); content: ""; display: block; width: 100%; height: 3px; position: absolute; left: 0px; }
#hamburger:before { top: 0px; }
#hamburger span { top: 10px; }
#hamburger:after { top: 20px; }
#hamburger:before, #hamburger:after, #hamburger span { -webkit-transition: none 0.5s ease 0.5s; -o-transition: none 0.5s ease 0.5s; -moz-transition: none 0.5s ease 0.5s; transition: none 0.5s ease 0.5s; -webkit-transition-property: transform, top, bottom, left, opacity; -webkit-transition-property: top, bottom, left, opacity, -webkit-transform; transition-property: top, bottom, left, opacity, -webkit-transform; -o-transition-property: top, bottom, left, opacity, -o-transform; -moz-transition-property: transform, top, bottom, left, opacity, -moz-transform; transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity, -webkit-transform, -moz-transform, -o-transform; transition-property: transform, top, bottom, left, opacity, -webkit-transform; }
.search-res-w100{width: -webkit-calc(100% - 45px);width: -moz-calc(100% - 45px);width: calc(100% - 45px);-webkit-border-radius: 0.25rem;-moz-border-radius: 0.25rem;border-radius: 0.25rem;}
.mm-wrapper_opening #hamburger:before, .mm-wrapper_opening #hamburger:after { top: 10px; }
.mm-wrapper_opening #hamburger span { left: -50px; opacity: 0; }
.mm-wrapper_opening #hamburger:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.mm-wrapper_opening #hamburger:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.mm-menu_opened { display: block !important; }
.mm-slideout { z-index: unset; }


.mmenu-fixwidth ul,ol {padding: 0px;margin: 0px;list-style: none}
.opacity-menu.open-opacity {content: " ";width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);position: fixed;top: 0px !important;left: 0px;z-index: 9999; } 
.mmenu-fixwidth {top: 0 !important;min-height: 100vh;position: fixed;float: left;background: var(--color-white);width: 320px;position: fixed;z-index: -9999;left: 0;top: 0;opacity: 0;visibility: hidden;-webkit-transition: all 0.35s ease;-o-transition: all 0.35s ease;-moz-transition: all 0.35s ease;transition: all 0.35s ease;-webkit-transform: translateX(-280px);-ms-transform: translateX(-280px);-o-transform: translateX(-280px);-moz-transform: translateX(-280px);transform: translateX(-280px);} 
.mmenu-fixwidth.open-sidebar-menu {visibility: visible;-webkit-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0);z-index: 999999;opacity: 1; } 
.mmenu-fixwidth.open-menu {padding-top: 15px;visibility: visible;-webkit-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0)}
.mmenu-fixwidth .wrap-menu {overflow-y: auto;position: relative;min-height: 100vh;max-height: 100vh;border-left: 1px solid #00000050;border-right: 1px solid #00000050;/* padding: 0 15px; */display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.mmenu-fixwidth .wrap-menu::-webkit-scrollbar-track {-webkit-box-shadow: inset transparent;background-color: transparent}
.mmenu-fixwidth .wrap-menu::-webkit-scrollbar {width: 1px;background-color: transparent}
.mmenu-fixwidth .wrap-menu::-webkit-scrollbar-thumb {border: 1px solid transparent}
.mmenu-fixwidth .wrap-menu .logos-menu {padding: 10px 0px;width: 100%;height: 100px;overflow: hidden;background: var(--color-static);} 
.mmenu-fixwidth .wrap-menu .logos-menu img {max-width: 100%;display: block;margin: 10px auto;max-height: 66px;} 
.mmenu-fixwidth .wrap-menu .nav-menu ul a {display: block;font-size: 16px;font-weight: 500;text-transform: capitalize;color: var(--color-dark);padding: 10px 10px;position: relative;white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;} 
.mmenu-fixwidth .wrap-menu .nav-menu ul a.active{color: var(--color-dark);background: var(--color-static);}
.mmenu-fixwidth .wrap-menu .nav-menu ul li {position: relative;border-top: 1px solid #00000050;} 
.mmenu-fixwidth .wrap-menu .nav-menu ul li a:hover {background-color: var(--color-static);} 
.mmenu-fixwidth .wrap-menu .nav-menu ul li span.btn-dropdown-menu {position: absolute;right: 0px;font-size: 25px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;width: 43px;height: 43px;background: transparent;top: 0px;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;color: #8a8987;z-index: 1000;cursor: pointer;-webkit-transition: all 0.6s;-o-transition: all 0.6s;-moz-transition: all 0.6s;transition: all 0.6s;border-left: 1px solid #00000050;border-right: 1px solid #00000050;} 
.mmenu-fixwidth .wrap-menu .nav-menu ul li span.btn-dropdown-menu i {-webkit-transition: all 0.6s;-o-transition: all 0.6s;-moz-transition: all 0.6s;transition: all 0.6s; } 
.mmenu-fixwidth .wrap-menu .nav-menu ul li span.btn-dropdown-menu.active i {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);color: var(--color-key); } 
.mmenu-fixwidth .wrap-menu .nav-menu ul li span.btn-dropdown-menu:before {position: absolute;content: '';width: 16px;height: 2px;background: var(--color-dark);right: 12px;top: 22px;} 
.mmenu-fixwidth .wrap-menu .nav-menu ul li span.btn-dropdown-menu:after {position: absolute;content: '';width: 2px;height: 16px;background: var(--color-dark);right: 19px;top: 15px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;} 
.mmenu-fixwidth .wrap-menu .nav-menu ul li span.btn-dropdown-menu.active:after {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0); } 
.mmenu-fixwidth .wrap-menu .nav-menu ul ul a {padding: 10px 25px;font-size: 14px;}  
.mmenu-fixwidth .wrap-menu .nav-menu ul.none {display: none; } 
.mmenu-fixwidth .wrap-menu .nav-menu ul.block {display: block; } 


.mmenu-fixwidth1 ul,ol {padding: 0px;margin: 0px;list-style: none}
.opacity-menu.open-opacity {content: " ";width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);position: fixed;top: 0px !important;left: 0px;z-index: 9999; } 
.mmenu-fixwidth1 {top: 0 !important;min-height: 100vh;position: fixed;float: right;background: var(--color-white);width: 320px;position: fixed;z-index: -9999;left: 0;top: 0;opacity: 0;visibility: hidden;-webkit-transition: all 0.35s ease;-o-transition: all 0.35s ease;-moz-transition: all 0.35s ease;transition: all 0.35s ease;-webkit-transform: translateX(-280px);-ms-transform: translateX(-280px);-o-transform: translateX(-280px);-moz-transform: translateX(-280px);transform: translateX(-280px);} 
.mmenu-fixwidth1.open-sidebar-menu {visibility: visible;-webkit-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0);z-index: 999999;opacity: 1; } 
.mmenu-fixwidth1.open-menu {padding-top: 15px;visibility: visible;-webkit-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0)}
.mmenu-fixwidth1 .wrap-menu {overflow-y: auto;position: relative;min-height: 100vh;max-height: 100vh;border-left: 1px solid #00000050;border-right: 1px solid #00000050;/* padding: 0 15px; */display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.mmenu-fixwidth1 .wrap-menu::-webkit-scrollbar-track {-webkit-box-shadow: inset transparent;background-color: transparent}
.mmenu-fixwidth1 .wrap-menu::-webkit-scrollbar {width: 1px;background-color: transparent}
.mmenu-fixwidth1 .wrap-menu::-webkit-scrollbar-thumb {border: 1px solid transparent}
.mmenu-fixwidth1 .wrap-menu .logos-menu {padding: 10px 0px;width: 100%;height: 100px;overflow: hidden;background: var(--color-static);} 
.mmenu-fixwidth1 .wrap-menu .logos-menu img {max-width: 100%;display: block;margin: 10px auto;max-height: 66px;} 
.mmenu-fixwidth1 .wrap-menu .nav-menu ul a {display: block;font-size: 16px;font-weight: 500;text-transform: capitalize;color: var(--color-dark);padding: 10px 10px;position: relative;white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;} 
.mmenu-fixwidth1 .wrap-menu .nav-menu ul a.active{color: var(--color-dark);background: var(--color-static);}
.mmenu-fixwidth1 .wrap-menu .nav-menu ul li {position: relative;border-top: 1px solid #00000050;} 
.mmenu-fixwidth1 .wrap-menu .nav-menu ul li a:hover {background-color: var(--color-static);} 
.mmenu-fixwidth1 .wrap-menu .nav-menu ul li span.btn-dropdown-menu {position: absolute;right: 0px;font-size: 25px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;width: 43px;height: 43px;background: transparent;top: 0px;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;color: #8a8987;z-index: 1000;cursor: pointer;-webkit-transition: all 0.6s;-o-transition: all 0.6s;-moz-transition: all 0.6s;transition: all 0.6s;border-left: 1px solid #00000050;border-right: 1px solid #00000050;} 
.mmenu-fixwidth1 .wrap-menu .nav-menu ul li span.btn-dropdown-menu i {-webkit-transition: all 0.6s;-o-transition: all 0.6s;-moz-transition: all 0.6s;transition: all 0.6s; } 
.mmenu-fixwidth1 .wrap-menu .nav-menu ul li span.btn-dropdown-menu.active i {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);color: var(--color-key); } 
.mmenu-fixwidth1 .wrap-menu .nav-menu ul li span.btn-dropdown-menu:before {position: absolute;content: '';width: 16px;height: 2px;background: var(--color-dark);right: 12px;top: 22px;} 
.mmenu-fixwidth1 .wrap-menu .nav-menu ul li span.btn-dropdown-menu:after {position: absolute;content: '';width: 2px;height: 16px;background: var(--color-dark);right: 19px;top: 15px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;} 
.mmenu-fixwidth1 .wrap-menu .nav-menu ul li span.btn-dropdown-menu.active:after {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0); } 
.mmenu-fixwidth1 .wrap-menu .nav-menu ul ul a {padding: 10px 25px;font-size: 14px;}  
.mmenu-fixwidth1 .wrap-menu .nav-menu ul.none {display: none; } 
.mmenu-fixwidth1 .wrap-menu .nav-menu ul.block {display: block; } 


.mm-opening #hamburger:before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.mm-opening #hamburger:after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.mm-opening #hamburger span {left: -50px;opacity: 0;}
.mm-opening #hamburger:before, .mm-opening #hamburger:after {top: 10px;}
 

.menu-res-info{color: var(--color-dark);text-transform: capitalize;overflow: hidden;width: 100%;margin: 0 10px;}
.title-menu-res-info{font-size: 22px;margin-bottom: 5px;text-transform: capitalize;font-family: "S VN";}
.menu-res-info-item{gap: 5px;margin-bottom: 0.75rem;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.menu-res-info-item a{text-transform: capitalize;font-size: 16px;color: var(--color-dark);}
 
.menu-res-info-item span{color: var(--color-dark);font-size: 14px;text-transform:uppercase;font-weight: 700;} 
.menu-res-info-item svg{stroke: var(--color-dark);}
.icon-home{width: 50px !important;height: 45px;}
.menu-res-info-item img{-webkit-filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(275deg) brightness(90%) contrast(107%);filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(275deg) brightness(90%) contrast(107%);width: 30px;}
.nav-menu{width: 100%;}
.mmenu-scrollbar {padding: 0;margin-bottom: 0;max-height: 320px;overflow: auto;width: 100%;} 
.mmenu-scrollbar::-webkit-scrollbar {width: 3px;}
.mmenu-scrollbar::-webkit-scrollbar-track {background: #00000050;}
.mmenu-scrollbar::-webkit-scrollbar-thumb {background: var(--color-red);}
.mmenu-scrollbar::-webkit-scrollbar-thumb:hover {background: var(--color-static);}

.logo-mobile img {max-height: 50px;opacity: 0;}
.w-menu.fix_head .logo-mobile img{opacity: 1;}
/* Search */
.search {width: 200px;background: var(--color-white);-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.search p { float: left; width: 35px; height: 35px; line-height: 35px; cursor: pointer; text-align: center; margin: 0px; color: #6c757d; font-size: 16px; }
.search input { width: -webkit-calc(100% - 35px); width: -moz-calc(100% - 35px); width: calc(100% - 35px); height: 35px; float: left; outline: none; padding: 0px; border: 0px; background: transparent; text-indent: 10px; font-size: 12px; }
.search input::-webkit-input-placeholder { color: var(--color-dark); }
.search input:-moz-placeholder { color: var(--color-dark); }
.search input::-moz-placeholder { color: var(--color-dark); }
.search input:-ms-input-placeholder { color: var(--color-dark); }


/* Search Responsive */
.search-res {position: relative;}
.search-res .icon-search {width: 40px;height: 40px;cursor: pointer;text-align: center;line-height: 42px;color: var(--color-dark);font-size: 17px;margin: 0px;}
.search-res .icon-search.active {color: var(--color-red);background: var(--color-white);-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.search-res .search-grid {position: absolute;top: 50px;right: 0px;width: 0px;height: 40px;overflow: hidden;background: var(--color-white);border: 1px solid var(--color-red);z-index: 2;opacity: 0;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;line-height: normal;}
.search-res .search-grid p {float: left;width: 35px;height: 38px;cursor: pointer;outline: none;border: none;margin: 0px;font-size: 17px;display: block;color: var(--color-red);line-height: 40px;text-align: center;}
.search-res .search-grid input {width: -webkit-calc(100% - 35px);width: -moz-calc(100% - 35px);width: calc(100% - 35px);float: right;line-height: 38px;outline: none;border: none;color: var(--color-red);}
.search-res .search-grid input::-webkit-input-placeholder {color: var(--color-dark);}
.search-res .search-grid input:-moz-placeholder {color: var(--color-dark);}
.search-res .search-grid input::-moz-placeholder {color: var(--color-dark);}
.search-res .search-grid input:-ms-input-placeholder {color: var(--color-dark);} 
 
/* Slideshow */
.slideshow {position: relative;}
.slideshow-item {display: block;cursor: pointer;}
.slideshow:hover .control-slideshow {opacity: 1;}
.control-slideshow {opacity: 0;} 
.info-slide {position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;}
.name-slide {font-size: 30px;text-transform: uppercase;color:  var(--color-white);}
.desc-slide {font-size: 15px;color:  var(--color-white);width: 500px;margin: 20px 0;}
.views-more-slide {background-color: var(--background-static);width: 120px;height: 40px;color:  var(--color-white);font-size: 15px;}
.box-slide.slick-current.slick-active .name-slide {-webkit-animation: fadeInUp;-moz-animation: fadeInUp;-o-animation: fadeInUp;animation: fadeInUp;-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;-webkit-animation-delay: 0.5s;-moz-animation-delay: 0.5s;-o-animation-delay: 0.5s;animation-delay: 0.5s;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.box-slide.slick-current.slick-active .desc-slide {-webkit-animation: fadeInUp;-moz-animation: fadeInUp;-o-animation: fadeInUp;animation: fadeInUp;-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;-webkit-animation-delay: 1s;-moz-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.box-slide.slick-current.slick-active .views-more-slide {-webkit-animation: scaleLarge;-moz-animation: scaleLarge;-o-animation: scaleLarge;animation: scaleLarge;-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;-webkit-animation-delay: 1.5s;-moz-animation-delay: 1.5s;-o-animation-delay: 1.5s;animation-delay: 1.5s;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.slide-text .slick-prev,
.slide-text .slick-next {width: 40px;height: 50px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: rgba(0, 0, 0, 0.3);}
.slide-text .slick-prev {left: 5px;}
.slide-text .slick-next {right: 5px;}
.slide-text .slick-prev:before {font-family:"FontAwesome";font-weight: 400;content: "\f053";}
.slide-text .slick-next:before {font-family:"FontAwesome";font-weight: 400;content: "\f054";}
.slide-text .slick-dots {bottom: 20px;}
.slide-text .slick-dots li {margin: 0;}
.slide-text .slick-dots li button:before {color:  var(--color-white);font-size: 15px;}

/* Partner */
.w-partner{position: relative;}
.control-partner button {background-color: transparent;color: #222222;opacity: 1;width: 25px;font-size: 23px;}
.control-partner button:hover {opacity: 0.7;}
.control-partner button.owl-prev {left: 0px;}
.control-partner button.owl-next {right: 0px;}
.wrap-partner {margin-bottom: 2rem;}

.wrap-partner .wrap-content {position: relative;}
.partner {display: block;margin: 0px auto;}
 
/* Breadcrumb */
.breadCrumbs {margin-bottom: 1.75rem;}
.breadCrumbs .wrap-content {}
.breadCrumbs .wrap-content .breadcrumb {padding: 10px 0.75rem;background: var(--color-border);margin-bottom: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.breadCrumbs .wrap-content .breadcrumb-item a {color: #212529;font-weight: 700;text-transform: capitalize;}
.breadCrumbs .wrap-content .breadcrumb-item.active a {color: #6c757d;} 
/* background-color: transparent; */
/* Video */
.video {cursor: pointer;margin-bottom: 1rem;}
.video .video-image {position: relative;margin-bottom: 0.75rem;}
.video .video-image:before {content: "";position: absolute;width: 50px;height: 35px;top: -webkit-calc(50% - 50px / 2);top: -moz-calc(50% - 50px / 2);top: calc(50% - 50px / 2);left: -webkit-calc(50% - 35px / 2);left: -moz-calc(50% - 35px / 2);left: calc(50% - 35px / 2);z-index: 1;background-repeat: no-repeat;background-image: url(../images/play.png);}
.video .video-name {text-align: center;font-size: 16px;color: #212529;margin-bottom: 0px;}

/* video */
.video-main {position: relative;height: 400px;}
.video-main iframe {position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;}
.listvideos {width: 100%;height: 40px;padding: 0px 10px;border: 1px solid #ccc;color: var(--color-dark);margin-top: 10px;cursor: pointer;}
.pic-video {position: relative;cursor: pointer;}
.pic-video:before {content: "";position: absolute;width: 50px;height: 35px;top: -webkit-calc(50% - 50px / 2);top: -moz-calc(50% - 50px / 2);top: calc(50% - 50px / 2);left: -webkit-calc(50% - 35px / 2);left: -moz-calc(50% - 35px / 2);left: calc(50% - 35px / 2);z-index: 1;background: url(../images/play.png) no-repeat center center;cursor: pointer;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.pic-video img {width: 100%;}
.pic-video-2 {position: relative;cursor: pointer;}
.pic-video-2:before {content: "";position: absolute;width: 50px;height: 35px;top: -webkit-calc(50% - 50px / 2);top: -moz-calc(50% - 50px / 2);top: calc(50% - 50px / 2);left: -webkit-calc(50% - 35px / 2);left: -moz-calc(50% - 35px / 2);left: calc(50% - 35px / 2);z-index: 1;background: url(../images/play.png) no-repeat center center;cursor: pointer;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.pic-video-2 img {width: 100%;}
.name-video {font-size: 16px;color: var(--color-dark);margin-bottom: 0px;}
.owl-video {margin-top: 10px;}

.slick_video_nav{width: 50%;margin: auto;margin-top: -84px;}
.slick_video_nav .slick-slide{padding: 0 10px;margin: 0;}
  
/* Album */
.album{cursor:pointer;margin-bottom:0.5rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.album-image{margin-bottom:0.75rem;} 
.name-story {display:block;margin-bottom:0px;position: absolute;background: var(--color-static);padding: 10px;margin: 0 30px;color: var(--color-dark);font-weight: 700;text-decoration: none; font-size: 16px;opacity: 0;-webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
.album:hover > .name-story{opacity: 1;-webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
 
/* Brand */
.wrap-brand .wrap-content {position: relative;}
.brand {display: block;border: 1px solid  var(--color-border);max-width: 160px;margin: 0px auto;}

/* Sản phẩm nổi bật */
/* .w-pronb{background: var(--color-static);} */

.show_padding{position: relative;}
.control-prolist.control-owl{top: -webkit-calc(50% - 150px / 2);top: -moz-calc(50% - 150px / 2);top: calc(50% - 150px / 2);}
/* .control-prolist button.owl-prev {left: -20px;background: url(../images/next.png) no-repeat center var(--color-white);border-radius: 50%;}
.control-prolist button.owl-next {right: -20px;background: url(../images/next.png) no-repeat center var(--color-white);border-radius: 50%;} */

.control-prolist button{-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;/* width: 40px; *//* height: 40px; */opacity: 1;background-color: #00000000;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.control-prolist button svg{stroke: #00000000;}
/* .control-prolist button:hover{background-color:#00632F;}
.control-prolist button:hover svg{stroke:  var(--color-white);} */

.w-pronb:hover .control-prolist {opacity: 1;}
.w-pronb .control-prolist {opacity: 0;}
.show_padding .btn-show-all{margin: 1rem auto;}

.cats-owl.list-hot {width: 80%;margin: auto;margin-bottom: 40px;background:  var(--color-white);-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;border: 1px solid var(--color-white);padding: 5px 0;} 
.choose_list .choose_item{text-transform: capitalize;text-align: center;display: block;color: var(--color-dark);cursor: pointer;border: 1px solid var(--color-white);position: relative;padding: 10px 0;margin: 0 5px;margin-bottom: 2px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;overflow: hidden;font-size: 16px;font-weight: 500;line-height: normal;}
.choose_list .choose_item:last-child:after{display: none;}
.choose_list .choose_item:after{content:'';width: 1px;height: 10px;background: #ddd;position: absolute;right: 0;top: 6px;}
.choose_list .choose_item.choosed{background: var(--color-static);border-color: var(--color-static);color: var(--color-white);}  
.choose_list .choose_item:hover{border-color: var(--color-static);color: var(--color-white);}  
 

/* Sản phẩm */
.product { margin-bottom: 20px;}
.box-product {position: relative;z-index: 2;border:1px solid;border-color: #e7e7e7;}
.pic-product {background: var(--color-white);position: relative;margin-bottom: 0;}
.pic-product img {width: 100%;}

.info-product{padding: 1rem 10px;text-align: center;}
.name-product {font-size: 14px;color: var(--color-dark);margin-bottom: 5px;text-transform: capitalize;font-weight: 700;} 
.price-product {margin-bottom: 0px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;gap: 5px;}
.price-title{font-size: 14px;color: var(--color-red);font-weight: 700;}
.price-hotline{font-size: 15px;color: var(--color-red);font-weight: 700;}
.price-new {font-size: 14px;color: var(--color-red);font-weight: 700;}
.price-old {color: var(--color-gray);text-decoration: line-through;font-style: italic ;}
.price-per {position: absolute;top: 5px;right: 5px;color: var(--color-white);background: var(--color-red);font-size: 14px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;width: 35px;height: 35px;font-weight: 700;text-align: center;line-height: 35px;}
 

.title-tags,.zalo_fb_pro-title {margin-bottom: 1rem;text-transform: uppercase;font-weight: 700;font-size: 16px;margin-bottom: 0;line-height: normal;}
.zalo_fb_pro{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;gap: 5px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.chat_pro {width: -webkit-calc(50% - 5px / 2);width: -moz-calc(50% - 5px / 2);width: calc(50% - 5px / 2);padding: 8px 10px 6px;display: block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;color:var(--color-white);text-align: center;}
.chat_pro span{display: inline-block;line-height: 1.6;font-size: 15px;font-weight: 400;text-transform: uppercase;}
.chat_pro:hover{color:var(--color-white);-webkit-box-shadow: inset 0 0 0 100px rgba(0,0,0,.2);-moz-box-shadow: inset 0 0 0 100px rgba(0,0,0,.2);box-shadow: inset 0 0 0 100px rgba(0,0,0,.2);}

.chatzalo_pro{background: -webkit-gradient(linear, left top, left bottom, from(#00aeec), to(#1472e4));background: -webkit-linear-gradient(#00aeec 0%, #1472e4 100%);background: -moz-linear-gradient(#00aeec 0%, #1472e4 100%);background: -o-linear-gradient(#00aeec 0%, #1472e4 100%);background: linear-gradient(#00aeec 0%, #1472e4 100%);}
.chathotline_pro{background: -webkit-gradient(linear, left top, left bottom, from(#c1282e), to(#880203));background: -webkit-linear-gradient(#c1282e 0%, #880203 100%);background: -moz-linear-gradient(#c1282e 0%, #880203 100%);background: -o-linear-gradient(#c1282e 0%, #880203 100%);background: linear-gradient(#c1282e 0%, #880203 100%);}
.chatfb_pro{background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #0083ca), to(#0e4ba0));background: -webkit-linear-gradient(#0083ca 1%, #0e4ba0 100%);background: -moz-linear-gradient(#0083ca 1%, #0e4ba0 100%);background: -o-linear-gradient(#0083ca 1%, #0e4ba0 100%);background: linear-gradient(#0083ca 1%, #0e4ba0 100%);}
.tiktok_pro{background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #0083ca), to(#0e4ba0));background: -webkit-linear-gradient(#0083ca 1%, #0e4ba0 100%);background: -moz-linear-gradient(#0083ca 1%, #0e4ba0 100%);background: -o-linear-gradient(#0083ca 1%, #0e4ba0 100%);background: linear-gradient(#0083ca 1%, #0e4ba0 100%);}
/*Xem nhanh*/
#popup-quickview .modal-dialog {max-width: 1140px;}
.box-quickview{position: absolute;right: 15px;top: 50%;-webkit-transform: translate(150% , -50%);-moz-transform: translate(150% , -50%);-ms-transform: translate(150% , -50%);-o-transform: translate(150% , -50%);transform: translate(150% , -50%); display: grid;opacity: 1;z-index: 2;}
.product-quick-view{display: -webkit-inline-box;display: -webkit-inline-flex;display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;background-color: var(--color-main);width: 40px;height: 40px;cursor: pointer;}
.product-quick-view i{color:  var(--color-white);font-size: 14px;}

.product-tool {opacity: 0;visibility: hidden;position: absolute;width: 100%;left: 0px;bottom: 0px;z-index: 1;}
.product-tool a {cursor: pointer;width: 50%;height: 38px;padding: 10px;text-align: center;color: var(--color-white);background-color: rgb(0 0 0 / 0.6);}
.product-tool a:hover {background-color: rgb(0 0 0 / 0.8);}
.product-tool a svg {margin-right: 5px;}
.product-tool a span {text-transform: capitalize;font-size: 12px;font-weight: 300;}
.box-product:hover .product-tool {opacity: 1;visibility: visible;}

.box-product:hover .box-quickview{opacity: 1;-webkit-transform: translate(0% , -50%);-moz-transform: translate(0% , -50%);-ms-transform: translate(0% , -50%);-o-transform: translate(0% , -50%);transform: translate(0% , -50%);}
.product-quick-view:hover{background-color: var(--color-active);}

.btn-product{cursor: pointer; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom: 0;color: var(--color-dark);line-height:normal;text-transform: uppercase;font-size: 13px;font-weight: 800;padding: 5px;width: -webkit-calc(50% - 5px /2);width: -moz-calc(50% - 5px /2);width: calc(50% - 5px /2);margin-top:.25rem;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;overflow:hidden;background: -webkit-gradient(linear, left bottom, left top, from(var(--color-static)), to(var(--color-static2)));background: -webkit-linear-gradient(bottom, var(--color-static) 0%, var(--color-static2) 100%);background: -moz-linear-gradient(bottom, var(--color-static) 0%, var(--color-static2) 100%);background: -o-linear-gradient(bottom, var(--color-static) 0%, var(--color-static2) 100%);background: linear-gradient(0deg, var(--color-static) 0%, var(--color-static2) 100%);-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;-moz-transition:all 0.4s linear;transition:all 0.4s linear;}
.btn-product span{width: 30px;height: 30px;position: relative;display:block;overflow: hidden;}
.btn-product.cart-buy span::after{position: absolute;content: '';width: 30px;height: 30px;top: 0;left: 0;bottom: 0;background: url(../images/cart.png) no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;-moz-transition:all 0.4s linear;transition:all 0.4s linear;}
.btn-product.cart-add span::after{position: absolute;content: '';width: 30px;height: 30px;top: 0;left: 0;bottom: 0;background: url(../images/cart4.png) no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;-moz-transition:all 0.4s linear;transition:all 0.4s linear;}

.hover3:hover .btn-product.cart-buy span::after,.btn-product.cart-buy:hover span::after{position: absolute;content: '';width: 30px;height: 30px;top: 0;left: 0;bottom: 0;background: url(../images/cart2.png) no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;stroke:var(--color-static);-webkit-animation:moveArrow 1500ms;-moz-animation:moveArrow 1500ms;-o-animation:moveArrow 1500ms;animation:moveArrow 1500ms;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;-moz-transition:all 0.4s linear;transition:all 0.4s linear;}
.hover3:hover .btn-product.cart-add span::after,.btn-product.cart-add:hover span::after{position: absolute;content: '';width: 30px;height: 30px;top: 0;left: 0;bottom: 0;background: url(../images/cart5.png) no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;stroke:var(--color-static);-webkit-animation:moveArrow 1500ms;-moz-animation:moveArrow 1500ms;-o-animation:moveArrow 1500ms;animation:moveArrow 1500ms;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;-moz-transition:all 0.4s linear;transition:all 0.4s linear;}
.hover3:hover .btn-product,.btn-product:hover{color:var(--color-white);background:var(--color-static);-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;-moz-transition:all 0.4s linear;transition:all 0.4s linear;}


/* Product Detail */
.grid-pro-detail {margin-bottom: 3rem;}
.left-pro-detail {position: relative;text-align: center;width: 50%;}
.right-pro-detail {width: -webkit-calc(50% - 1rem);width: -moz-calc(50% - 1rem);width: calc(50% - 1rem);}
.left-pro-detail .MagicZoom {border: 1px solid var(--color-border);padding: 7px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: var(--color-white);}
.gallery-thumb-pro {position: relative;margin-top: 10px;}
.owl-pro-detail {padding: 0;}
.control-pro-detail button {background-color: transparent;color: #222222;opacity: 1;width: 25px;font-size: 23px;}
.control-pro-detail button:hover {opacity: 0.7;}
.control-pro-detail button.owl-prev {left: 0px;}
.control-pro-detail button.owl-next {right: 0px;}
.thumb-pro-detail {display: block !important;border: 1px solid var(--color-border);padding: 5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;cursor: pointer;background-color: var(--color-white);}
.thumb-pro-detail.mz-thumb.mz-thumb-selected {border-color: var(--color-border);}
.thumb-pro-detail img {-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;-webkit-filter: brightness(100%) !important;filter: brightness(100%) !important;border-bottom: 0px !important;padding-bottom: 0px !important;}
.title-pro-detail {text-transform: capitalize;font-size: 20px;display: block;font-weight: 700;}
.comment-pro-detail {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-box;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-box-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;-moz-box-pack: start;justify-content: flex-start;}
.social-plugin-pro-detail {margin-bottom: 1rem;margin-top: 0px !important;}
.desc-pro-detail {margin-bottom: 1rem;}
.attr-pro-detail {list-style: none;padding: 0px;}
.attr-pro-detail li {margin-bottom: 0.5rem;}
.attr-label-pro-detail {margin: 0px 5px 0px 0px;font-weight: 700;}
.attr-content-pro-detail {display: inline-block;margin-bottom: 0px;}

.brand-pro-detail a{background: var(--color-red);color:  var(--color-white);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;padding: 2px 5px;}
.price-new-pro-detail {font-weight: 700;font-size: 23px;color: var(--color-red);}
.price-old-pro-detail {font-weight: 400;color: var(--color-gray);text-decoration: line-through;padding-left: 10px;}
.color-pro-detail {cursor: pointer;vertical-align: top;position: relative;width: 48px;height: 32px;margin: 0 8px 5px 0;background-repeat: no-repeat;-webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size: contain;background-position: center center;border: 1px solid #dadada;-webkit-transition: 0.3s;-o-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.size-pro-detail {cursor: pointer;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;height: 32px;width: 48px;position: relative;margin: 0 8px 0 0;border: 1px solid #dadada;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;font-size: 12px;-webkit-transition: 0.3s;-o-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.size-pro-detail.active,
.color-pro-detail.active {border-color: var(--color-red);}
.size-pro-detail.active:after,
.color-pro-detail.active:after {content: "";position: absolute;bottom: 0px;right: 0px;width: 13px;height: 13px;background-repeat: no-repeat;background-image: url(../images/check-cart.png);}
.color-pro-detail input[type="radio"],
.size-pro-detail input[type="radio"] {display: none;}
.quantity-pro-detail {width: 150px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;text-align: center;height: 45px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;overflow: hidden;border: 1px solid #dfdfdf;}
.quantity-pro-detail span {line-height: 25px;padding: 0px;width: 45px;height: 100%;color: var(--color-dark);cursor: pointer;font-size: 22px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;font-weight: 500;}
.quantity-pro-detail span.quantity-plus-pro-detail {border-left: 0px;}
.quantity-pro-detail span.quantity-minus-pro-detail {border-right: 0px;}
.quantity-pro-detail input {height: 100%;border: none;width: -webkit-calc(100% - 90px);width: -moz-calc(100% - 90px);width: calc(100% - 90px);text-align: center;font-size: 15px;}

.attr-content-pro-detail {display: inline-block;margin-bottom: 0px;}
.price-per-pro-detail{position: absolute;top: -10px;right: -45px;color: var(--color-white);background: var(--color-red);font-size: 14px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;width: 35px;height: 35px;font-weight: 700;text-align: center;line-height: 35px;}
.saving-money{font-size: 14px;color: var(--color-gray);margin-bottom: 0;}
.saving-money span{color: var(--color-red);} 

.cart-pro-detail {-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;margin-left: 10px;}
.cart-pro-detail a {text-align: center;color: var(--color-white);text-transform: uppercase;cursor: pointer;width: -webkit-calc(100% / 2 - 5px);width: -moz-calc(100% / 2 - 5px);width: calc(100% / 2 - 5px); height: 45px;}
.cart-pro-detail a.addnow {background: var(--color-white);color:var(--color-red);-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;}
.cart-pro-detail a.buynow {background: -webkit-gradient(linear, left bottom, left top, from(var(--color-static)),  to(var(--color-static2)));background: -webkit-linear-gradient(bottom, var(--color-static) 0%,  var(--color-static2) 100%);background: -moz-linear-gradient(bottom, var(--color-static) 0%,  var(--color-static2) 100%);background: -o-linear-gradient(bottom, var(--color-static) 0%,  var(--color-static2) 100%);background: linear-gradient(0deg, var(--color-static) 0%,  var(--color-static2) 100%);-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;}
.cart-pro-detail a.addnow:hover {color: var(--color-white);background:var(--color-red);-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;}
.cart-pro-detail a.buynow:hover {background: var(--color-red);color: var(--color-white);-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;}
.cart-pro-detail .icon-cart{width: 30px;}
.tags-pro-detail a {float: left;font-size: 13px;padding-bottom: 0.375rem;margin: 0px 5px 5px 0px;}
.tags-pro-detail a i {font-size: 11px;margin: 5px 5px 0px 0px;}
.tabs-pro-detail {margin-top: 2rem;}
.tabs-pro-detail .nav-tabs,.tabs-pro-detail .nav-tabs .nav-item.show .nav-link, .tabs-pro-detail .nav-tabs .nav-link.active {border-bottom: 1px solid #dee2e6;}

.tabs-pro-detail .nav-tabs .nav-link {border-top-width: 3px;font-size: 13px;color: var(--color-dark);text-transform: uppercase;font-weight: 500;}
.tabs-pro-detail .nav-tabs .nav-link.active,
.tabs-pro-detail .nav-tabs .nav-item.show .nav-link {border-top-color: var(--color-static);background: var(--color-background);}

.desc-product1 {padding: 0;margin-bottom: 0; max-height: 250px;overflow: auto;} 
.desc-product1::-webkit-scrollbar {width: 3px;}
.desc-product1::-webkit-scrollbar-track {background: #00000050;}
.desc-product1::-webkit-scrollbar-thumb {background: var(--color-red);}
.desc-product1::-webkit-scrollbar-thumb:hover {background: var(--color-red);}

/* News */
.pic-news {width: 210px;}
.pic-news img {width: 100%;}
.info-news {width: -webkit-calc(100% - 210px);width: -moz-calc(100% - 210px);width: calc(100% - 210px);padding-left: 20px;}
.name-news {color: var(--color-dark);font-size: 18px;line-height: normal;font-weight: 700;}
.news:hover .name-news {color:  var(--color-static);}
.time-news {color: var(--color-gray);margin-bottom: 5px;}
.desc-news {color: var(--color-gray);margin-top: 5px;line-height: 22px;text-align: justify;}

.othernews{border: none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-bottom: 10px;padding: 0;position: -webkit-sticky;position: sticky;top: 60px;z-index: 11; }
.othernews b{display: block;padding: 10px;margin-bottom: 10px;width: 100%;background:  var(--color-static);text-transform: uppercase;font-weight: 700;font-size: 16px;text-align: center;color: var(--color-dark);}
.news-other{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;gap: 10px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom:0.5rem;}
.news-other-info{ width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px); color: var(--color-dark);}
.news-other-img img{max-height: 100px;} 
.inside-scroll ul li{margin-bottom: 15px !important;} 
.news-other-info p{font-size: 14px;color: var(--color-dark);margin-bottom: 0;}
.news-other-info h3{font-size: 16px; font-weight: 700;color: var(--color-dark); margin-bottom:0.5rem;}
.news-other:hover .news-other-info h3{color: var(--color-static);}

/* Contact */
.form-floating.form-floating-cus>input,.form-floating-cus>select{height: 45px;}
.form-floating.form-floating-cus>textarea{height: 100px;}
.form-floating.form-floating-cus>label{padding: 10px 10px;color: var(--color-gray);}
/* .contact-article {display: flex;}
.bgcontact-map{width: 60%;margin-left: calc(0% - calc((100vw - 1200px) / 2));}
.bgcontact-map .contact-map{position: -webkit-sticky;position: sticky;top: 0;border-right: 1px solid #ededed;height: 100vh;margin-top: -1.75rem; padding: 0;} */
.title-contact span{font-size: 30px;font-weight: 700;margin: 0px 0;text-transform: uppercase;color: var(--color-static);}
.title-contact .line{width: 50px;height: 4px;margin-top: 5px;background: var(--color-static2);margin-bottom: 30px;}
/* .contact-info{padding-left: 50px;padding-bottom: 50px;} */
.contact-input {position: relative;margin-bottom: 20px;}
.contact-input input, .contact-input textarea{-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;border-top: none;border-left: none;border-right: none;}
.contact-input input:focus, .contact-input textarea:focus{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;outline: none;}
.contact-input textarea {resize: none;height: 150px;}
.contact-input .custom-file-label::after {content: attr(title);}
.contact-map {position: relative;height: 500px;}
.contact-map iframe {position: absolute;top: 0px;left: 0px;width: 100% !important;height: 100% !important;}

.btn_send{background: var(--color-static2);color: var(--color-white);font-weight: 700;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;}
.btn_reset{background: var(--color-static);color: var(--color-white);font-weight: 700;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;}
.btn_send:hover{-webkit-box-shadow: inset 0px 0px 5px #00000099;-moz-box-shadow: inset 0px 0px 5px #00000099;box-shadow: inset 0px 0px 5px #00000099;color: var(--color-white);-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;}
.btn_reset:hover{-webkit-box-shadow: 0px 0px 5px #00000099;-moz-box-shadow: 0px 0px 5px #00000099;box-shadow: 0px 0px 5px #00000099;color: var(--color-white);-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;}
 
/*Giới thiệu*/

.w-aboutus{background: url(../images/bg5.jpg) repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;position: relative;}
.w-aboutus::before{background: url(../images/line1.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;width: 100%;height: 15px;position: absolute;content: '';bottom: 0;}

.info-aboutus{padding: 30px 100px 100px;margin-top: 1rem;background: url(../images/bg4.png) no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;}
.title-aboutus{margin-bottom: 10px;text-align: center;}
.title-aboutus .lqd{line-height: normal;font-size: 15px;color: var(--color-white);font-weight: 700;text-transform: uppercase;margin-bottom: 0;text-decoration: underline;}
.title-aboutus h3{color: var(--color-static);font-size: 35px;line-height: 1.75;text-transform: uppercase;font-weight: 800;font-family: "S VN";margin-bottom: 0;}

.desc-aboutus{margin-bottom: 1rem;font-size: 15px;line-height: 1.75;color: var(--color-white);text-align: justify;}
.slide-aboutus {width: 80%;margin: auto;margin-top: -80px;}

/* tin tức nổi bật */
.news-shadow{padding: 5px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;overflow: hidden;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.news-shadow-image{width: 286px;}
.news-shadow-info{-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;padding: 1rem;background: #ebedef;height: unset; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear;}
.news-shadow-name{color: var(--color-dark);line-height: 1.5;margin-bottom: 5px;font-size: 14px;text-transform: uppercase;font-weight: 700;}
.news-shadow-desc {color: var(--color-gray);font-size: 14px;line-height: 1.5;margin-bottom: 0;text-align: justify;}
.news-shadow:hover .news-shadow-info{-webkit-box-shadow: 0px 0px 5px var(--color-static2);-moz-box-shadow: 0px 0px 5px var(--color-static2);box-shadow: 0px 0px 5px var(--color-static2);-webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
.news-shadow-time{color: var(--color-static);font-size: 14px;}
/* Quy trình làm việc */  
.w-actProcess{background: url(../images/bg6.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.bgactProcess{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;gap: 90px;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.bgactProcessMobi{display: none;}
.actProcess-item{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;gap: 10px;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;text-align: center;position: relative;} 
.actProcess-item::before{position:absolute;content: '';background:  url(../images/muiten.png) no-repeat;width: 79px;height: 25px;right: -100px;}
.actProcess-item:last-child:before{background: unset;}
.actProcess-item.location1::before{top: 40%;} 
.actProcess-item.location2::before{top: 50%;right: -70px;-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);transform: rotateX(180deg);} 
.actProcess-info{color:  var(--color-white);}
.actProcess-name{color: var(--color-white);font-size: 18px;line-height: normal;text-transform: uppercase;font-weight: 700;}
.actProcess-desc{color: var(--color-white);font-size: 14px;line-height: 1.5;text-align: justify;margin-bottom: 0;}

.actProcess-name span{color: #2aade3;}
.actProcess-item.location1{-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.actProcess-item.location2{-webkit-box-orient: vertical;-webkit-box-direction: reverse;-webkit-flex-direction: column-reverse;-moz-box-orient: vertical;-moz-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;padding: 20px;}

.actProcess-decor {position: relative;padding: 50px;background: url(../images/decor.png) no-repeat;}
.actProcess-decor img{position: relative;}
.actProcess-decor::before{position:absolute;content: '';background: var(--color-white);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: inset 0 0px 5px #00000090;-moz-box-shadow: inset 0 0px 5px #00000090;box-shadow: inset 0 0px 5px #00000090; border: 3px solid  var(--color-white);width: -webkit-calc(100% - 20px);width: -moz-calc(100% - 20px);width: calc(100% - 20px);height:  -webkit-calc(100% - 20px);height:  -moz-calc(100% - 20px);height:  calc(100% - 20px);top: 10px;left: 10px;}
.actProcess-item.location1 .actProcess-decor::after{top: -5px;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.actProcess-item.location2 .actProcess-decor::after{bottom: -5px;} 

.actProcess-item.active .actProcess-decor{background: url(../images/decor1.png) no-repeat;}
.actProcess-item.active .actProcess-decor::before{background: var(--color-static3);border-color: var(--color-static3);}
.actProcess-item.active .actProcess-decor img{-webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(90deg) brightness(101%) contrast(105%);filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(90deg) brightness(101%) contrast(105%);}
.actProcess-item:hover .actProcess-decor {-webkit-animation: 2s mycriteria infinite;-moz-animation: 2s mycriteria infinite;-o-animation: 2s mycriteria infinite;animation: 2s mycriteria infinite;}


/* Khu vực thu mua */
.bg-service1{background: #dee4ea;}
.service-item{position: relative;margin-bottom: 20px;display: block;} 
.service-box{position: absolute;width:100%;height: 60px;bottom: 0px;left: 0px;background: -webkit-gradient(linear, left top, left bottom, from(#00000000), to(var(--color-dark)));background: -webkit-linear-gradient(top, #00000000 0%, var(--color-dark)  100%);background: -moz-linear-gradient(top, #00000000 0%, var(--color-dark)  100%);background: -o-linear-gradient(top, #00000000 0%, var(--color-dark)  100%);background: linear-gradient(180deg, #00000000 0%, var(--color-dark)  100%);display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: end;-webkit-align-items: flex-end;-moz-box-align: end;-ms-flex-align: end;align-items: flex-end;-webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
.service-info{margin: 10px; margin-bottom: 0; position: relative; z-index: 2;text-align: center;}
.service-name{margin-bottom: 1rem;color:  var(--color-white);font-size: 14px;line-height: normal;text-transform: uppercase;font-weight: 700;text-align: center;}
.service-desc{font-size:14px;color: var(--color-white);line-height: 1.75;text-align: justify;height: 0; margin-bottom: 1rem;-webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}

.btn-service{color: var(--color-static);text-transform: uppercase; font-size: 14px;line-height: normal;display: none;-webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
 
.btn-service:hover{color: var(--color-static);text-decoration: underline;}
.service-name:hover{color:var(--color-static);}
.service-item:hover .service-box{-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;background: #000d24c1;width: -webkit-calc(100% - 20px);width: -moz-calc(100% - 20px);width: calc(100% - 20px);height: -webkit-calc(100% - 20px);height: -moz-calc(100% - 20px);height: calc(100% - 20px);bottom: 10px;left: 10px;-webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
.service-item:hover .service-desc{height: auto;-webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
.service-item:hover .btn-service{display: block;-webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}

/*tiêu chí*/ 
.criteria-box{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;gap: 5px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;position: relative;z-index: 2;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;}
.criteria-info{-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;} 
.criteria-name{color: var(--color-dark);font-size: 15px;font-weight: 700;line-height: normal;text-transform: uppercase;margin-bottom: 5px;}
#counter{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;gap: 5px;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;color: var(--color-static2);font-size: 45px;line-height: normal;font-style: italic;}
.criteria-box .counter-value{font-family: "S VN";} 
#counter span{font-weight: 900;} 
.criteria-content{color: var(--color-static2);font-size: 15px;font-weight: 700;text-transform: uppercase;line-height: normal;margin-bottom: 0;}


/* Đăng ký nhận tin */   
.w-contact{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: stretch;-webkit-align-items: stretch;-moz-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
.w-contact .wrap-content{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
.banner-static{width: 50%;}
.bgform{width: 50%; background: url(../images/bg2.png) no-repeat #dee4ea;padding: 50px 30px;}
.title-form {margin-bottom: 1rem;text-align: center;position: relative;z-index: 2;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;gap: 10px;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.title-form span {position: relative;text-transform: uppercase;color: var(--color-dark);font-size: 30px;line-height: normal;font-family: "S VN";} 
.title-form img{padding: 10px;background: var(--color-white);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 0px 0px 7px var(--color-static2);-moz-box-shadow: 0px 0px 7px var(--color-static2);box-shadow: 0px 0px 7px var(--color-static2);}
.newsletter-input{margin-bottom: 10px;background: var(--color-white);border: 1px solid var(--color-white);-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.newsletter-input .form-control{height: -webkit-calc(1em + 1.5rem + 8px);height: -moz-calc(1em + 1.5rem + 8px);height: calc(1em + 1.5rem + 8px);color: var(--color-black);background:#ffffff00;border: none;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.newsletter-input textarea{height: 100px !important;}
.newsletter-input i{color: var(--color-black);padding-right: 5px;}
.newsletter-input textarea::-webkit-input-placeholder,.newsletter-input input::-webkit-input-placeholder{color:var(--color-black);}
.newsletter-input textarea:-moz-placeholder,.newsletter-input input:-moz-placeholder{color:var(--color-black);}
.newsletter-input textarea::-moz-placeholder,.newsletter-input input::-moz-placeholder{color:var(--color-black);}
.newsletter-input textarea:-ms-input-placeholder,.newsletter-input input:-ms-input-placeholder{color:var(--color-black);}
 
 
.newsletter-button {margin: 10px auto 0;cursor: pointer;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;padding: 8px 35px 6px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;background:var(--color-red);position: relative;overflow: hidden;display: block;}
.newsletter-button input{font-weight: 900;font-size: 14px;text-transform: uppercase;color: var(--color-white);}
.newsletter-button:hover:before{-webkit-animation: moveArrow 1500ms;-moz-animation: moveArrow 1500ms;-o-animation: moveArrow 1500ms;animation: moveArrow 1500ms;}
.newsletter-button:hover input{color: var(--color-white);}

.w-project{background: url(../images/bg7.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.project{cursor:pointer;position: relative;}
.project-image{margin-bottom:0.75rem;}

.project-info{background: var(--color-static2);position: absolute;bottom: 0;width: 100%;padding: 1rem;text-align: center;}
.project-name{margin-bottom: 1rem;font-size: 20px;line-height: normal;text-decoration: underline;text-transform: uppercase;color: #008fe5;font-weight: 700;}
.project-desc {font-size: 18px;line-height: normal;font-weight: 400;color:var(--color-white);margin-bottom:0px;text-transform: uppercase;} 

.box-project{position:relative;} 
.box-project:hover:after{z-index:-1;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;-moz-transition:all 0.4s linear;transition:all 0.4s linear;}
.slider-center .slick-dots{bottom:-50px !important;}
.slider-center .slick-dots li button:before {width:10px;height:10px;background:-webkit-gradient(linear, right top, left top, from(var(--color-static)), to(var(--color-static3)));background:-webkit-linear-gradient(right, var(--color-static) 0%, var(--color-static3) 100%);background:-moz-linear-gradient(right, var(--color-static) 0%, var(--color-static3) 100%);background:-o-linear-gradient(right, var(--color-static) 0%, var(--color-static3) 100%);background:linear-gradient(-90deg, var(--color-static) 0%, var(--color-static3) 100%);color:#00000000; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.slider-center .slick-slide {-webkit-transform: scaleY(0.7) scaleX(0.95);-moz-transform: scaleY(0.7) scaleX(0.95);-ms-transform: scaleY(0.7) scaleX(0.95);-o-transform: scaleY(0.7) scaleX(0.95);transform: scaleY(0.7) scaleX(0.95);-webkit-transition:all 0.3s linear;-o-transition:all 0.3s linear;-moz-transition:all 0.3s linear;transition:all 0.3s linear;}
.slider-center .slick-slide.slick-center {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1); -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; -moz-transition:all 0.3s linear; transition:all 0.3s linear; } 

.slider-center .slick-slide .project-info{opacity: 0;-webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
.slider-center .slick-slide.slick-center .project-info{opacity: 1;-webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
/* Footer */ 
.footer-article {background: url(../images/bg5.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding: 50px 0 70px;position: relative;margin-top: 1.5rem;}
.footer-article::before {background: url(../images/bg1.png) repeat;position: absolute;content: '';top: -30px;width: 100%;height: 62px;}
.footer-article::after {background: url(../images/line1.jpg) repeat;position: absolute;content: '';bottom: 0px;width: 100%;height: 15px;}
.footer-title {text-transform: uppercase;font-size: 18px;margin-bottom: 1rem;font-weight: 500;color: var(--color-static);}
.name-company {margin-bottom: 10PX;font-weight: 700;color:  var(--color-static);text-transform: uppercase;font-size: 27px;line-height: normal;font-family: "S VN";}
.desc-company {font-size: 14px;margin-bottom: 1rem;text-align: justify;color:  var(--color-white);}
.logo-footer{width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;margin: 0 0 10px;}
.footer-info{color: var(--color-white);font-size: 18px;}
.footer-ul {list-style: none;color: var(--color-black);padding: 0px;margin: 0px;}
.footer-ul li {margin-bottom: 10px;}
.footer-ul li:last-child {margin-bottom: 0px;}
.footer-ul li a {color: var(--color-black);font-size: 14px;}
.footer-ul li a:hover {color: var(--color-red);} 
.footer-powered {color: var(--color-white);background-color:  var(--color-static);}
.footer-powered .wrap-content {padding-top: 15px;padding-bottom: 15px;}
.footer-statistic {text-align: right;}
.footer-statistic span {padding-right: 10px;}
.footer-statistic span:last-child {padding-right: 0px;}
#footer-map {position: relative;height: 500px;}
#footer-map iframe {position: absolute !important;width: 100% !important;height: 100% !important;top: 0px !important;left: 0px !important;}
.footer-copyright{text-align: left;color: var(--color-white);}
.footer-copyright a{color: var(--color-static);}
.footer-copyright span{font-weight: 700;text-transform: uppercase;color: var(--color-static);}

div#fanpage-facebook {overflow: hidden;}

.footer-tags-lists { list-style: none; padding: 0px; margin: 0px; }
.footer-tags-lists li { float: left; }
.footer-tags-lists li a { padding-bottom: 0.375rem; }

/* Like Share */
.social-plugin {margin-top: 10px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-box;display: flex;-webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;-moz-box-align: start;align-items: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;-moz-box-pack: start;justify-content: flex-start;}
.social-plugin .at-share-btn {margin-bottom: 0px !important;}
.social-plugin .zalo-share-button {margin-left: 3px;}

/* Paging */
.pagination-home{margin-bottom: 1rem;}
.pagination-home .pagination .page-item .page-link {color: var(--color-dark);background: var(--color-background);border-color: #00000000;font-weight: 700;font-size: 0.875rem;}
.pagination-home .pagination .page-item.active .page-link {color: var(--color-background);background-color: var(--color-static2);border-color: var(--color-static2);}

/* Paging Ajax */
.pagination-ajax {text-align: center;}
.pagination-ajax a {display: inline-block;vertical-align: top;margin: 0px 3px 3px 3px;width: 35px;height: 35px;line-height: 35px;font-weight: 700;color: var(--color-dark) !important;border: 1px solid #00000000;font-size: 14px;cursor: pointer;text-decoration: none !important;background-color: var(--color-background);}
.pagination-ajax a.current, .pagination-ajax a:hover {color: var(--color-background) !important;border-color: var(--color-static2);background-color: var(--color-static2);}
.pagination-ajax a.first, .pagination-ajax a.last, .pagination-ajax a.prev, .pagination-ajax a.next {text-indent: -9999px;position: relative;background-color:  var(--color-background) !important;}
.pagination-ajax a.first:before,.pagination-ajax a.last:before,.pagination-ajax a.prev:before,.pagination-ajax a.next:before {content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 2;background-color: transparent;background-repeat: no-repeat;background-position: center;}
.pagination-ajax a.first:before {background-image: url(../images/page-first.png);}
.pagination-ajax a.last:before {background-image: url(../images/page-last.png);}
.pagination-ajax a.prev:before {background-image: url(../images/page-prev.png);}
.pagination-ajax a.next:before {background-image: url(../images/page-next.png);}


/* Popup */
#popup .modal-body {padding: 0px;}
.btn-close {position: absolute;top: 10px;right: 10px;z-index: 3;} 

.btn-modal-hotline {color: var(--color-dark);display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;gap: 10px;margin-bottom: 10px;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.btn-modal-hotline span{font-style: italic;}

.btn-modal-hotline img{width: 50px;}
.btn-modal-hotline p{display: block !important;margin-bottom: 0;font-weight: 700;text-transform: capitalize;}

.btn-modal-hotline .bg-btn-frame{text-align: left !important;}

/* Hidden Google Captcha */
.grecaptcha-badge {display: none !important;width: 0px !important;height: 0px !important;visibility: hidden !important;overflow: hidden;}

/* Hidden Check Grammar Coccoc */
coccocgrammar {display: none;}

/* Scroll Top */
/* .scrollToTop {width: 41px;height: 41px;text-align: center;font-weight: bold;color: #444;position: fixed;bottom: 30px;left: 25px;display: none;z-index: 10;cursor: pointer;} */
.scrollToTop{background: var(--color-white); position:fixed; bottom: 50px;right: 5px;height: 60px;width: 60px;cursor:pointer;display:block;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;z-index: 100;opacity:0;visibility:hidden;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);-moz-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all 400ms linear;-o-transition:all 400ms linear;-moz-transition:all 400ms linear;transition:all 400ms linear}
.scrollToTop.active-progress{opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.scrollToTop::before{position:absolute;content:"\f102";text-align:center;line-height: 40px;font-size:20px;color: var(--color-static);left: 10px;top: 10px;height: 40px;width: 39px;cursor:pointer;display:block;z-index:1;-webkit-transition:all 400ms linear;-o-transition:all 400ms linear;-moz-transition:all 400ms linear;transition:all 400ms linear;font-family:"Font Awesome 6 Pro";}
.scrollToTop svg path{fill:none}
.scrollToTop svg.progress-circle path{stroke: var(--color-static);stroke-width:4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 400ms linear;-o-transition:all 400ms linear;-moz-transition:all 400ms linear;transition:all 400ms linear}

/* Text Hide */
.text-split {overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 9;}
.text-split1{ -webkit-line-clamp: 1;}
.text-split2{ -webkit-line-clamp: 2;}
.text-split3{ -webkit-line-clamp: 3;}
.text-split4{ -webkit-line-clamp: 4;}
.text-split5{ -webkit-line-clamp: 5;}
.text-split6{ -webkit-line-clamp: 6;}
.text-split7{ -webkit-line-clamp: 7;}
.text-split8{ -webkit-line-clamp: 8;}
 
/* Transition All */
.transition,
.control-owl button,
.carousel-comment-media .carousel-control a span,
.menu ul li a.has-child:after,
.menu ul li ul,
.menu ul li:hover > ul,
.scale-img img,
.scale-img:hover > img,
.btn-frame .kenit-alo-circle-fill,
.support-online .kenit-alo-circle-fill {-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;transition: 0.3s all;}

/* Scale IMG */
.scale-img {overflow: hidden;display: block;}
.scale-img img {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1);}
.scale-img:hover > img {-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
 
/* BTN PHONE */
/* .show-btn-wrapper{width:0;height:0;position:fixed;bottom:0;right:0;z-index:9999;}
.zalo-chat-custom{display:flex;justify-content:center;align-items:center;width:60px;height:60px;position:fixed;bottom: 120px;right:17px;border-radius:50%;box-shadow: 2px 2px 5px #000000;z-index:999999999;cursor:pointer;background-color: #f8ab16;font-size:24px;animation:pulse-blue 2s infinite;}
.zalo-chat-custom-no-active{width:100%;height:100%;position:absolute;transition:all .3s ease;bottom:70px;right:40px;transform:scale(0);transform-origin:bottom right;}
.show-btn-wrapper .zalo-chat-custom2{display:flex;justify-content:center;align-items:center;height:55px;position:fixed;bottom:115px;right:15px;border-radius:30px;text-decoration:none;z-index:89;cursor:pointer;}
.show-btn-wrapper .zalo-chat-custom2 div{font-weight: 700;display:flex;justify-content:flex-end;color:#fff;margin-right:10px;font-size:14px;font-style:normal;line-height:26px;}
.show-btn-wrapper .zalo-chat-custom2 img{width:45px;height:45px;}
.show-btn-wrapper .float-button2{font-weight: 700;display:flex;justify-content:center;align-items:center;height:55px;position:fixed;bottom:57px;text-decoration:none;right:71px;border-radius:30px;z-index:90;}
.show-btn-wrapper .float-button2 div{font-weight: 700;text-align:right;color:#fff;margin-right:10px;font-size:14px;font-style:normal;line-height:26px;text-decoration:none;}
.show-btn-wrapper .float-button3{font-weight: 700;display:flex;position:fixed;bottom:-15px;right:110px;z-index:90;height:55px;text-decoration:none;justify-content:flex-end;}
.show-btn-wrapper .float-button3 div{display:flex;justify-content:flex-end;align-items:center;color:#fff;margin-right:10px;text-decoration:none;font-size:14px;font-weight: 700;font-style:normal;line-height:26px;}
.show-btn-wrapper .float-button3 .btn-main{background:white; width:48px; height:48px; border-radius:30px;display:flex;justify-content:center;align-items:center;}
.show-btn-wrapper .float-button3 .icon{font-size:18px;color:#C2B5A2;}
.show-btn-wrapper.toggle{z-index:999999;background-color:rgba(0,0,0,0.8);width:100%;height:100%;}
.zalo-chat-custom img{width:40px;height:40px;}
.show-btn-wrapper.toggle .zalo-chat-custom-no-active{transform:scale(1);transform-origin:bottom right;}
.show-btn-wrapper .float-button2 img{width:48px;height:48px;}
.ak-info ul{list-style:none;}
.welcome-text{font-size: 16px;}
.empty-cart p{font-weight: 700;}
.empty-cart span{font-weight: 700;} */


/* app */
/* .social-left {position: fixed;left: 10px;z-index: 11;bottom: 150px;gap: 10px;}
.social-left a {border-radius: 50%;overflow: hidden;transition: .4s;} */

/* Button Frame */
.bg_iframe{position: fixed;right: 10px;z-index: 10;bottom: 140px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column;row-gap: 25px;}
.btn-frame {display: block;width: 50px;height: 50px;position: relative;cursor: pointer;}
.btn-frame i {width: 50px;height: 50px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background:  var(--color-static);position: relative;z-index: 1;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-box;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-box-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;-moz-box-pack: center;justify-content: center;}
.btn-frame i img {vertical-align: middle;width: 70%;}
.btn-frame .animated.infinite {-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.btn-frame .kenit-alo-circle {width: 60px;height: 60px;top: -5px;right: -5px;position: absolute;background-color: transparent;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid var(--color-static);opacity: 0.1;border-color:  var(--color-static);opacity: 0.5;}
.btn-frame .zoomIn {-webkit-animation-name: zoomIn;-moz-animation-name: zoomIn;-o-animation-name: zoomIn;animation-name: zoomIn;}
.btn-frame .animated {-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;}
.btn-frame .kenit-alo-circle-fill {width: 70px;height: 70px;top: -10px;right: -10px;position: absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;background-color:var(--color-static);opacity: 0.4;}
.btn-frame .pulse {-webkit-animation-name: pulse;-moz-animation-name: pulse;-o-animation-name: pulse;animation-name: pulse;}
 
.btn-phone i{background: var(--color-static2);}
.btn-phone .kenit-alo-circle-fill{background-color:var(--color-static2);}
.btn-phone .kenit-alo-circle{border-color: var(--color-static2);}
/* Messenger */

 /* Messenger */
.btn-fanpage i{background: -webkit-linear-gradient(46deg, rgba(6, 149, 255, 1) 0%, rgba(163, 52, 250, 1) 50%, rgba(255, 105, 104, 1) 100%);background: -moz-linear-gradient(46deg, rgba(6, 149, 255, 1) 0%, rgba(163, 52, 250, 1) 50%, rgba(255, 105, 104, 1) 100%);background: -o-linear-gradient(46deg, rgba(6, 149, 255, 1) 0%, rgba(163, 52, 250, 1) 50%, rgba(255, 105, 104, 1) 100%);background: linear-gradient(44deg, rgba(6, 149, 255, 1) 0%, rgba(163, 52, 250, 1) 50%, rgba(255, 105, 104, 1) 100%);}
.btn-fanpage .kenit-alo-circle-fill{background-color: rgba(163, 52, 250, 1);}
.btn-fanpage .kenit-alo-circle{border-color: rgba(255, 105, 104, 1);} 
 
/* giỏ hàng */
.cart-fixed {z-index: 10;background: var(--color-static);width: 50px;height: 50px;text-align: center;color: var(--color-white) !important;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-box;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-box-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;-moz-box-pack: center;justify-content: center;}
.count-cart {position: absolute;z-index: 2; top: 0px;right: -10px;color: var(--color-white);width: 20px;height: 20px;background: var(--color-red);text-align: center;line-height: 22px;font-size: 14px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.toolbar .count-cart{color: var(--color-white) !important;right:50px;width: 25px;height: 25px;line-height: 25px;}

/* hotline footer */
@-webkit-keyframes myfeedback { 0% {-webkit-transform: rotate(0deg);transform: rotate(0deg); } 50% {  -webkit-transform: rotate(90deg);  transform: rotate(90deg); }50% {  -webkit-transform: rotate(180deg);  transform: rotate(180deg); }75% {  -webkit-transform: rotate(270deg);  transform: rotate(270deg); }100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);   } }
@-moz-keyframes myfeedback { 0% {-moz-transform: rotate(0deg);transform: rotate(0deg); } 50% {  -moz-transform: rotate(90deg);  transform: rotate(90deg); }50% {  -moz-transform: rotate(180deg);  transform: rotate(180deg); }75% {  -moz-transform: rotate(270deg);  transform: rotate(270deg); }100% { -moz-transform: rotate(360deg); transform: rotate(360deg);   } }
@-o-keyframes myfeedback { 0% {-o-transform: rotate(0deg);transform: rotate(0deg); } 50% {  -o-transform: rotate(90deg);  transform: rotate(90deg); }50% {  -o-transform: rotate(180deg);  transform: rotate(180deg); }75% {  -o-transform: rotate(270deg);  transform: rotate(270deg); }100% { -o-transform: rotate(360deg); transform: rotate(360deg);   } }
@keyframes myfeedback { 0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg); } 50% {  -webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);  -o-transform: rotate(90deg);  transform: rotate(90deg); }50% {  -webkit-transform: rotate(180deg);  -moz-transform: rotate(180deg);  -o-transform: rotate(180deg);  transform: rotate(180deg); }75% {  -webkit-transform: rotate(270deg);  -moz-transform: rotate(270deg);  -o-transform: rotate(270deg);  transform: rotate(270deg); }100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);   } } 
.quick_contact { position: fixed; bottom: 5%!important; left: 60px; z-index: 999; } 
.quick_contact a { display: block; position: relative; color: var(--color-white); padding: 0 20px 0 35px; height: 45px; line-height: 45px;  -webkit-border-radius: 0 40px 40px 0;  -moz-border-radius: 0 40px 40px 0;  border-radius: 0 40px 40px 0; } 
.quick_contact a span { display: block; width: 45px; height: 45px; line-height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; position: absolute; left: -25px; top: -2.5px; border: solid 2px #fff; } 
.button_gradient { background: #de0000; border: 2px #fff solid; } 
.quick_contact a span:before { content: ""; position: absolute; top: -30px; left: -27px; width: 95px; height: 95px; background: url(../images/contact_rotate.png) center no-repeat; -webkit-animation: myfeedback 3s linear infinite; -moz-animation: myfeedback 3s linear infinite; -o-animation: myfeedback 3s linear infinite; animation: myfeedback 3s linear infinite; } 
.quick_contact a span .fa { font-size: 26px; color: #fff; } 
.contact-phone { float: left; width: 100%; text-align: center; font-size: 20px; height: 42px;margin-bottom: 0;font-weight: 700; -webkit-animation-duration: 500ms; -moz-animation-duration: 500ms; -o-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-name: calllink; -moz-animation-name: calllink; -o-animation-name: calllink; animation-name: calllink; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; -moz-animation-direction: alternate; -o-animation-direction: alternate; animation-direction: alternate; line-height: 40px; }

/* Toolbar */
/* .toolbar{background: var(--color-static);width:100%;padding:8px;bottom:0px;position:fixed;z-index:500;height:auto;left:0px;}
.toolbar ul{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:0px;margin:0px;}
.toolbar ul li{text-align:center;width:calc(100%/4);}
.toolbar ul li a{display:block;width:100%;cursor:pointer;}
.toolbar ul li a img{height: 6vw;width:auto;filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(275deg) brightness(90%) contrast(107%);}
.toolbar ul li a span{font-weight:400;color: var(--color-dark);font-size:2.5vw;display:block;} */

.toolbar { width: 100%; bottom: 0px; position: fixed; z-index: 500; left: 0px; display: none; -webkit-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.75)); -moz-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.75)); -ms-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.75)); -o-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.75)); } 
.toolbar.is-active .list-phone { display: block; -webkit-animation: quickShow .2s cubic-bezier(0.66, 0.45, 0.76, 1.53) forwards; -moz-animation: quickShow .2s cubic-bezier(0.66, 0.45, 0.76, 1.53) forwards; -o-animation: quickShow .2s cubic-bezier(0.66, 0.45, 0.76, 1.53) forwards; animation: quickShow .2s cubic-bezier(0.66, 0.45, 0.76, 1.53) forwards; } 
.toolbar .list-phone { position: absolute; bottom: 100%; left: 30px; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; display: none; } 
.toolbar .list-phone a {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;background: var(--color-static);max-width: 240px;padding: 10px 20px;margin: 10px 0;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;padding-right: 30px;} 
.toolbar .list-phone svg {max-width: 30px;max-height: 30px;} 
.toolbar .list-phone span {display: block;width: -webkit-calc(100% - 40px);width: -moz-calc(100% - 40px);width: calc(100% - 40px);color: var(--color-dark);font-weight: 700;} 
.toolbar .phone {position: relative;width: 50px;height: 50px;z-index: 99;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;background: var(--color-static);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;margin: 0 0px -25px 30px;-webkit-transition: -webkit-transform .2s ease-in-out;transition: -webkit-transform .2s ease-in-out;-o-transition: -o-transform .2s ease-in-out;-moz-transition: transform .2s ease-in-out, -moz-transform .2s ease-in-out;transition: transform .2s ease-in-out;transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out, -moz-transform .2s ease-in-out, -o-transform .2s ease-in-out;} 
.toolbar .phone a { color: var(--black); display: block; position: relative; } 
.toolbar .phone a:before,
.toolbar .phone a:after { position: absolute; content: ''; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(135deg); -moz-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -o-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); width: 30px; height: 3px; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; background-color: var(--color-static); opacity: 0; -webkit-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } 
.toolbar .phone a:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } 
.toolbar .phone svg { max-width: 27px; max-height: 27px; display: block; position: relative; fill: var(--color-black); } 
.toolbar.is-active .phone { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } 
.toolbar.is-active .phone svg { opacity: 0; } 
.toolbar.is-active .phone a:before,
.toolbar.is-active .phone a:after { opacity: 1; } 
.toolbar ul {list-style: none;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 0px;margin: 0px;--size: 33px;-webkit-mask: -webkit-radial-gradient(55px 0px, var(--size), #0000 99%, #fff 101%) 100%;background: var(--color-static);padding: 10px 0;padding-left: 100px;-webkit-border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;border-radius: 10px 10px 0px 0px;} 
.toolbar ul li { text-align: center; width: 25%; line-height: 1; } 
.toolbar ul li a { display: block; width: 100%; font-size: 27px; color: var(--color-white); } 
.toolbar ul li .icon { position: relative; margin: 0 auto; text-align: center; } 
.toolbar ul li a span { display: none; font-weight: 400; font-size: 11px; margin-top: 5px; color: var(--color-black); text-transform: capitalize; } 
.toolbar ul li a img{ max-height: 30px; fill: var(--main-color); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } 
.toolbar ul li svg {max-height: 30px;fill: var(--white);width: 100%;} 
.toolbar .phone svg {-webkit-animation: tada 1.2s infinite;-moz-animation: tada 1.2s infinite;-o-animation: tada 1.2s infinite;animation: tada 1.2s infinite;fill: var(--white);} 
.tada { -webkit-animation: tada 1.2s infinite; -moz-animation: tada 1.2s infinite; -o-animation: tada 1.2s infinite; animation: tada 1.2s infinite; } 
.lang-toolbar { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } 
.toolbar ul li.lang-toolbar a { display: inline-block; width: unset; margin: 0px 2px; font-size: unset; } 
.toolbar ul li.lang-toolbar a img { height: 10% !important; } 
.ex6 path { fill: transparent; stroke: var(--main-color); stroke-width: 0.5; stroke-dasharray: 1500; stroke-dashoffset: 1500; -webkit-animation: dash 5s ease forwards; -moz-animation: dash 5s ease forwards; -o-animation: dash 5s ease forwards; animation: dash 5s ease forwards; } 
@-webkit-keyframes dash { to { fill: var(--main-color); stroke-dashoffset: 0; } }
@-moz-keyframes dash { to { fill: var(--main-color); stroke-dashoffset: 0; } }
@-o-keyframes dash { to { fill: var(--main-color); stroke-dashoffset: 0; } }
@keyframes dash { to { fill: var(--main-color); stroke-dashoffset: 0; } }
@-webkit-keyframes tada { 
 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%,20% { -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg); transform: scale3d(.9, .9, .9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%,60%,80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } 
 to { -webkit-transform: scaleX(1); transform: scaleX(1) } 
 }
@-moz-keyframes tada { 
 0% { -moz-transform: scaleX(1); transform: scaleX(1) } 10%,20% { -moz-transform: scale3d(.9, .9, .9) rotate(-3deg); transform: scale3d(.9, .9, .9) rotate(-3deg) } 30%,50%,70%,90% { -moz-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%,60%,80% { -moz-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } 
 to { -moz-transform: scaleX(1); transform: scaleX(1) } 
 }
@-o-keyframes tada { 
 0% { -o-transform: scaleX(1); 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 { -o-transform: scaleX(1); transform: scaleX(1) } 
 }
@keyframes tada { 
 0% { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1) } 10%,20% { -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg); -moz-transform: scale3d(.9, .9, .9) rotate(-3deg); transform: scale3d(.9, .9, .9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%,60%,80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } 
 to { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1) } 
 }
@-webkit-keyframes quickShow { 
 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 
 }
@-moz-keyframes quickShow { 
 0% { opacity: 0; -moz-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -moz-transform: scale(1); transform: scale(1); } 
 }
@-o-keyframes quickShow { 
 0% { opacity: 0; -o-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -o-transform: scale(1); transform: scale(1); } 
 }
@keyframes quickShow { 
 0% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 
 }
/* Fixbar */
.fixbar {bottom: 0;display: block;background: #f0eff4;border-top: 1px solid #ddd;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: fixed;margin: 0;z-index: 500;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;height: 50px;}
.fixbar ul {margin: 0px;padding: 0px;list-style: none;}
.fixbar ul li {margin: 0 auto 10px;text-align: center;width: 25%;float: left;}
.fixbar .icon-cart-mobile,
.fixbar .icon-cart-new,
.fixbar .icon-home-new,
.fixbar .icon-hotdeal-new {width: 20px;height: 20px;display: block;margin: 8px auto 0;}
.fixbar .icon-cart-mobile {background: url(../images/cart-mobile.png) no-repeat;}
.cart-total-head-mobile {font-size: 10px;position: absolute;background: var(--color-red);color: #fff !important;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;height: 15px;width: 15px;line-height: 15px;top: 5px;margin-left: 5px;}
.fixbar ul li a {font-size: 11px;color: #333;}
.fixbar ul li a i {font-size: 20px;}

/* Plugbar */
.plugbar {position: fixed;bottom: 0;left: 0;border-top: 1px solid #eae6e6;width: 100%;right: 0;max-width: 767px;margin: 0 auto;background: var(--color-white);padding: 9px 10px 10px 7px;z-index: 10;}
.plugbar ul {list-style: none;padding: 0;margin: 0px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-box;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-box-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;justify-content: space-between;}
.plugbar ul li {width: 20%;float: left;}
.plugbar ul li a {display: block;color: #696969;font-size: 12px;text-align: center;position: relative;}
.plugbar ul li a i {font-size: 20px;color: #696969;}
.plugbar ul li a span {position: absolute;width: 50px;height: 50px;top: -40px;left: -webkit-calc(50% - 50px / 2);left: -moz-calc(50% - 50px / 2);left: calc(50% - 50px / 2);font-size: 14px;display: block;border: 1px solid rgba(234, 230, 230, 0.5);-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}

/* Combo Phone */
.support-online {position: fixed;z-index: 999;left: 10px;bottom: 0px;}
.support-online a {position: relative;margin: 20px 10px;text-align: left;width: 40px;height: 40px;}
.support-online i {width: 40px;height: 40px;background: #43a1f3;color: var(--color-white);-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;font-size: 20px;text-align: center;line-height: 1.9;position: relative;z-index: 999;}
.support-online a {display: block;}
.support-online a span {-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;text-align: center;background: #67b634;padding: 9px;display: none;width: 180px;margin-left: 10px;position: absolute;color: var(--color-white);z-index: 999;top: 0px;left: 40px;-webkit-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;-webkit-animation: headAnimation 0.7s 1;-moz-animation: headAnimation 0.7s 1;-o-animation: headAnimation 0.7s 1;animation: headAnimation 0.7s 1;}
.support-online a:hover span {display: block;}
.support-online a span:before {content: "";width: 0;height: 0;border-style: solid;border-width: 10px 10px 10px 0;border-color: transparent #67b634 transparent transparent;position: absolute;left: -10px;top: 10px;}
.support-online .kenit-alo-circle-fill {width: 60px;height: 60px;top: -10px;position: absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;background-color: rgba(0, 175, 242, 0.5);opacity: 0.75;right: -10px;}
.support-online .kenit-alo-circle {width: 50px;height: 50px;top: -5px;right: -5px;position: absolute;background-color: transparent;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid rgba(30, 30, 30, 0.4);opacity: 0.1;border-color: #0089b9;opacity: 0.5;}
.support-online .support-online .btn-support {cursor: pointer;}
.support-online .mes i {background: orange;}
.support-online .sms i {background: var(--color-red);}
.support-online .call-now i {background: #67b634;}

/* Phone Switch */
.widget-mobile {position: fixed;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom: 10px;z-index: 9999999;}
#my-phone-circle {position: relative;width: 50px !important;height: 50px !important;}
.wcircle-open .wcircle-icon i:before {content: "\f00d";}
.wcircle-icon {background: #1282fc;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: relative !important;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-box;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-box-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;-moz-box-pack: center;justify-content: center;}
.wcircle-icon:before {position: absolute;content: "";width: 60px;height: 60px;background: #3fa07e50;border: 1px solid var(--color-white);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;left: -5px;top: -5px;-webkit-animation: pulse 1s infinite ease-in-out;-moz-animation: pulse 1s infinite ease-in-out;-o-animation: pulse 1s infinite ease-in-out;animation: pulse 1s infinite ease-in-out;}
.wcircle-icon:after {position: absolute;content: "";width: 80px;height: 80px;background: #3fa07e50;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;left: -15px;top: -15px;-webkit-animation: zoomIn 2s infinite ease-in-out;-moz-animation: zoomIn 2s infinite ease-in-out;-o-animation: zoomIn 2s infinite ease-in-out;animation: zoomIn 2s infinite ease-in-out;}
.wcircle-menu {position: absolute !important;left: 0;top: 0;display: none;}
.wcircle-menu-item {width: 50px;height: 50px;background: #1282fc;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-box;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-box-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;-moz-box-pack: center;justify-content: center;}
.wcircle-menu-item img {width: 50px;height: 50px;display: block;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.wcircle-menu-item i {font-size: 25px;color: var(--color-white);position: relative;z-index: 9999;}
.wcircle-icon i {font-size: 25px;color: var(--color-white);position: relative;z-index: 9999;}
.shake-anim {-webkit-animation: shake-anim 1s infinite ease-in-out;-moz-animation: shake-anim 1s infinite ease-in-out;-o-animation: shake-anim 1s infinite ease-in-out;animation: shake-anim 1s infinite ease-in-out;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;}