/* Main */
:root {--color-red: #ec2d3f;--color-medium-red: #cc2c32;--color-dark-red: #c31829;--color-green: #28a745;--color-dark-green: #207d36;--color-black: #212529;--color-gray: #6c757d;--background-static: #2B56A4;--background-hover: #eceb1b;--color-static: #000;--color-hover: #ec2d3f;}

/* min-width: 1200px;  end loadpage website */
body {font-size: 14px;font-family: "Roboto", sans-serif;}
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;}
.col-5  {padding-left: 5px;padding-right: 5px;}
.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: #09A858;}
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;}
.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;}
.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;}

.adding-top-30{padding-top: 30px;}
/* General */
.title-main {margin-bottom: 1rem;}
.title-main span {text-transform: uppercase;color: #000000;font-weight: 700;font-size: 20px;}
.title-main .slogan {color: #333333;font-size: 14px;line-break: 1.5;margin-bottom: 0;}

.title-main1 {margin-bottom: 1.5rem;display: flex;justify-content: space-between;align-items: center;background:#2B56A4;padding: 12px 15px 8px;position: relative;}
.title-main1::before{position: absolute;content: '';bottom: 0;left: 0; width: 300px;height: 90%;background: #09A858;border-radius: 0 50px 50px 0;}
.title-main1 span {text-transform: uppercase;color: #ffffff;z-index: 2;font-weight: 700;font-size: 20px;}
.title-icon img {width: 20px;height: 20px;}
.title-icon {background: #EB3135;padding: 5px;border-radius: 50%;z-index: 2;margin-right: 10px;}

.time-main {margin-bottom: 0.75rem;color: #999999;}
.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;border-radius: 5px;}
.share b {display: block;margin-bottom: 5px;}
.control-owl {position: absolute;width: 100%;z-index: 2;left: 0px;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: #ffffff;width: 45px;height: 45px;text-align: center;font-size: 25px;margin: 0px;background-color: #000000;border-radius: 3px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.control-owl button:hover {opacity: 1;}
.control-owl button.owl-prev {left: 20px;}
.control-owl button.owl-next {right: 20px;}

.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;transition: opacity 1s;}
img.initial,
img.loaded,
img.error {opacity: 1;}
img:not([src]) {visibility: hidden;}

.popup-custom .modal-content {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 #eeeeee;background-color: #ffffff;opacity: 1 !important;}
#popup-quickview .modal-dialog {max-width: 1140px;}
.opacity-0 {opacity: 0;}
.w-clear:after{display:block;content:"";clear:both;}

.ckeditor { overflow-x: auto;}
.ckeditor:after { content:''; clear: both; display:block;}
.ckeditor *:not(iframe) { max-width: 100% !important; height: auto !important;}
.ckeditor iframe { max-width: 100% !important; }
.ckeditor img{height: auto;}
 

/* head 2 */

.hotline-head{display: flex; align-items:center;padding: 12px 15px; background: #D32125;border-radius: 7px;}
 
.hotline-head img{margin-right: 10px;} 
.hotline-number{margin-bottom: 0rem;font-size: 18px;padding: 0 !important; font-weight: 700;line-height: 1.5;color: #ffffff !important;display: block;}

.head_bottom{display: none;align-items: center;gap: 10px;justify-content: space-between;padding: 8px 15px;}
/* Cart Header */
span.count-cart-text {font-size: 15px;color: #242424;font-weight: 700;text-transform: uppercase;}
.bg-count-cart{position: absolute;top: -10px;left: 30px; background: #09A858;color:#ffffff !important; padding: 0 4px; margin: auto; border-radius: 5px;display: inline-block; }
.cart-header img{zoom: 0.25;}

/* Menu */
.menu {background-color: #ffffff;position: relative;z-index: 10;}
.menu .wrap-content{display: flex;justify-content: space-between;align-items: center;}
.menu ul {width: fit-content;padding: 0px;margin: auto;margin-right: 0; list-style: none;}
.menu ul.menu-main {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
/* .menu ul li {position: relative;z-index: 1;} */
/* .menu ul li.menu-line {width: 1px;height: 15px;background-color: rgba(0, 0, 0, 0.1);} */
 
.menu ul li a {display: block;position: relative;font-size: 15px;color: #242424;padding: 12px 15px;font-weight: 700;text-transform: uppercase;text-decoration: none;}
.menu ul li a:hover, .menu ul li a.active{color: #2B56A4;}
.menu ul li a.has-child {padding-right: 16px;margin-right: 8px;}
.menu ul li a.has-child:after {content: "";position: absolute;bottom: calc(50% - 4px / 2);right: 5px;width: 5px;height: 5px;border: 1px solid #fafafa;border-top: 0px;border-left: 0px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.menu ul li:hover a.has-child:after,.menu ul li a.active.has-child:after{border-color: #ffffff;}
.menu ul li ul {position: absolute;min-width: 250px;background-color: #fafafa;border-radius: 0.25rem;-webkit-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);transform: perspective(600px) rotateX(-90deg);-webkit-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);transform: perspective(600px) rotateX(0);transform-origin: 0 0 0;-webkit-transform-origin: 0 0 0;opacity: 1;visibility: visible;}
.menu ul .li_lv0 {padding: 10px;}
.menu ul .li_lv0 > ul{position:absolute;left: 10%; padding: 20px ; width: 80%;margin-top:0px;background: #FFFFFF; padding-top:0.75rem;padding-bottom:0.75rem;border-radius:0.25rem;-webkit-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;visibility:hidden;transition:all .5s;display: flex;flex-flow: row wrap;justify-content: flex-start;}
.menu ul li.li_lv0 ul li{min-width:calc(100% / 6);}
.menu ul li.li_lv0 ul li ul {position: unset;min-width: unset;margin: 0;box-shadow: unset !important;opacity: 1;transform: unset;visibility: unset;width: 100%;}
.menu ul li.li_lv0 ul li ul li{padding: 0;}
.menu ul li.li_lv0 ul li ul li a {padding: 5px 0px 4px 0px;font-weight: 400;text-transform: capitalize;}

.menu ul li ul li {padding-left: 0.75rem;padding-right: 0.75rem;}
.menu ul li ul li a {font-size: 14px;color: #313131;padding: 10px 0px 9px 0px;text-transform: uppercase;}
.menu ul li ul li a.has-child {margin-right: 0px;}
.menu ul li ul li a.has-child:after {border-color: #313131;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.menu ul li ul li a.active {color: #2B56A4;}
.menu ul li ul li a.active.has-child:after {border-color: #2B56A4;}
.menu ul li ul li:last-child > a {border-bottom: 0px;}
.menu ul li ul li:hover > a {color: #2B56A4;padding-left: 5px;}
.menu ul li ul li:hover > a.has-child:after {border-color: #2B56A4;}
.menu ul li ul li ul {top: 0;left: 100%;margin-top: 0px;}

/* .logo-head img{max-height: 100px;}
.w-menu .fix_head .logo-head img{max-height: 50px;} */

.menu_product {background: #2B56A4;color: #ffffff !important;border-radius: 10px;}

.menu_promotion img{zoom: 0.75;}
.menu_promotion {display: flex !important;align-items: center;gap: 5px;}

/* Mmenu */
.menu-res {z-index: 100;background: #2B56A4;position: relative;display: none;}

.menu-bar-res {height: 50px;padding: 0px 15px;}
#menu {display: none;}
#hamburger {display: block;width: 30px;height: 23px;position: relative;cursor: pointer;}
#hamburger:before,
#hamburger:after,
#hamburger span {background: #ffffff;content: "";display: block;width: 100%;height: 2px;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;transition: none 0.5s ease 0.5s;-webkit-transition-property: transform, top, bottom, left, opacity;transition-property: transform, top, bottom, left, opacity;}
.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 {transform: rotate(45deg);}
.mm-wrapper_opening #hamburger:after {transform: rotate(-45deg);}
.mm-menu_opened {display: block !important;}
#menu .mm-panels .mm-panel .mm-listitem__text{text-transform: uppercase;}
 
/* Search Responsive */
.search-res {position: relative;}
.search-res .icon-search {width: 40px;height: 40px;cursor: pointer;text-align: center;line-height: 42px;color: #ffffff;font-size: 17px;margin: 0px;}
.search-res .icon-search.active {color: #ec2d3f;background: #ffffff;border-radius: 100%;}
.search-res .search-grid {position: absolute;top: 50px;right: 0px;width: 0px;height: 40px;overflow: hidden;background: #ffffff;border: 1px solid #ec2d3f;z-index: 2;opacity: 0;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: #ec2d3f;line-height: 40px;text-align: center;}
.search-res .search-grid input {width: calc(100% - 35px);float: right;line-height: 38px;outline: none;border: none;color: #ec2d3f;}
.search-res .search-grid input::-webkit-input-placeholder {color: #313131;}
.search-res .search-grid input:-moz-placeholder {color: #313131;}
.search-res .search-grid input::-moz-placeholder {color: #313131;}
.search-res .search-grid input:-ms-input-placeholder {color: #313131;} 

/* Search */
.search {width: 400px;background: #ffffff;border: 2px solid #2B56A4;border-radius: 7px;}
.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: 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: #313131;}
.search input:-moz-placeholder {color: #313131;}
.search input::-moz-placeholder {color: #313131;}
.search input:-ms-input-placeholder {color: #313131;}


.menu-res .search2{display: none;}
.w-menu.fix_head .menu-res .search2{display: block;}
.search.active{border: 2px solid #09A858; }

.mm_search_suggestions { position:fixed; top:50px; left:5px; width:calc( 100% - 10px ); background:#fff; border:1px solid #33333321; border-radius:8px; box-shadow:rgba(0, 0, 0, 0.1) 0px 4px 12px; opacity:0; visibility:hidden; max-height:70vh; overflow:scroll; overflow-x:hidden; overflow-y:scroll; text-align:left; z-index:100000; } 
.mm_search_suggestions.active { opacity:1; visibility:visible; }
.mm_search_suggestions::-webkit-scrollbar { width:2px; height:0px; } 
.mm_search_suggestions.active::before { content:''; position:fixed; width:100%; height:100%; background:rgb(0 0 0 / 40%); z-index:-5; top:0; left:0; } 
.mm_border_suggestions { display:block; z-index:100000; background:#fff; position:relative; } 
/* .mm_search_close { position:absolute; top:8px; right:6px; z-index:10000000; background:darkred; width:25px; height:25px; border-radius:100%; display:flex; align-items:center; justify-content:center; color:#fff; } */

/* Search nâng cao */
.h_search {width: inherit;} 
.list_keyword { width:100%; overflow:hidden !important; text-overflow:ellipsis !important; white-space:normal !important; -webkit-box-orient:vertical !important; display:-webkit-box !important; -webkit-line-clamp:1 !important; color:#9dbedf; margin-bottom:-5px; } 
.list_keyword a { display:inline-block; font-size:12px; color:#9dbedf; transition:all .2s ease; } 
.list_keyword a:hover { color:#fff; transition:all .2s ease; } 
 
.box_suggestions { display:none; position:absolute; left:0; top: calc(100% + 2px); background:#fff; width:100%; padding:0; border-radius:0 0 10px 10px; overflow:hidden; border-top:1px solid #3333331c; } 
.box_suggestions.active { display:block; z-index:1001; } 
.border_suggestions { height:350px; overflow:scroll; overflow-x:hidden; box-shadow:rgba(0, 0, 0, 0.1) 0px 4px 12px; padding:0; position:relative; } 
.border_suggestions.loading::before { position:absolute; content:''; left:0; top:0; width:100%; height:100%; background-image:url(../images/loading.gif); z-index:100; background-color:#33333325; background-size:30px; background-repeat:no-repeat; background-position:center; } 

.box_suggestions {display: none;position: absolute;right: 15px;top: calc(100% + 2px);background: #fff;width: fit-content;padding: 0;border-radius: 0 0 10px 10px;overflow: hidden;border-top: 1px solid #3333331c;}
.border_suggestions::-webkit-scrollbar { width:4px; height:0px; } 

.box_suggestions2{display: none;position: absolute;left: 15px;right: 15px;background: #fff;width: fit-content;margin: auto; padding: 0;border-radius: 0 0 10px 10px;overflow: hidden;border-top: 1px solid #3333331c;}
.box_suggestions2.active { display:block; z-index:1001; } 

.box_suggestions1 {display: none;position: absolute;right: 15px;top: calc(100% + 2px);background: #fff;width: fit-content;padding: 0;border-radius: 0 0 10px 10px;overflow: hidden;border-top: 1px solid #3333331c;}
.box_suggestions1.active { display:block; z-index:1001; } 
.border_suggestions1{ height:350px; overflow:scroll; overflow-x:hidden; box-shadow:rgba(0, 0, 0, 0.1) 0px 4px 12px; padding:0; position:relative; } 
.border_suggestions1::-webkit-scrollbar { width:4px; height:0px; } 
.search-overlay1 ,.search-overlay { background:rgba(0,0,0,0); height:100vh; left:0; opacity:0; position:fixed; top:0; transition:.3s; visibility:hidden; width:100%; z-index:-1; } 
.search-overlay1.active,.search-overlay.active { opacity:1; visibility:visible; } 

.suggestions_content { display:flex; width:100%; flex-direction:column; flex-wrap:nowrap; justify-content:flex-start; gap:0; } 
.suggestions_title { font-size:14px; font-weight:bold; line-height:normal; padding:12px; } 
.spbc__item:first-of-type { border-top:1px solid #33333312; } 
.spbc__item { display:flex !important;position: relative; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; border-bottom:1px solid #33333312; padding:8px 12px; gap:10px; } 
.spbc__img { width:100px; border:1px solid #18599a1a;position: relative; border-radius:8px; box-shadow:rgba(0, 0, 0, 0.05) 0px 2px 10px; transition:all .2s ease; background:#fff; } 
.spbc__icon{position: absolute;bottom: 0;left: 0;right: 0;}
.spbc__txt { flex:1; } .spbc__name { display:block;text-transform: capitalize !important; font-size:14px; font-weight:bold; color:#333; line-height:normal; margin-bottom:5px; transition:all .2s ease; } 
.spbc__txt a{padding: 0 !important;}
/* .spbc__desc { line-height:normal; color:#333; font-size:13px; font-style:italic; margin-bottom:5px; }  */
.spbc__price { display:flex; flex-direction:row; flex-wrap:nowrap; align-items:baseline; justify-content:flex-start; gap:8px; } 
.spbc__price_new { color:#EB3135; font-weight:bold; font-size:14px !important; } 
.spbc__price_old { font-size:13px; font-weight:normal; color:#333; text-decoration:line-through; opacity:0.7; } 
.spbc__price_per{position: absolute;top: 5px;left: 5px;color: #ffffff;background: #EB3135;font-size: 11px;width: 30px;height: 30px;text-align: center;line-height: 30px;border-radius: 50%;}
.spbc__price_hotline{font-size: 14px !important;text-transform: capitalize !important; color: #EB3135 !important;font-weight: 700;}
/* .spbc__btn_buynow{cursor: pointer;display: block;padding: 6px 0px;text-align: center;background: #2B56A4;border-radius: 50%;width: 50px;} */
.spbc__item:hover { background:#3333330d; transition:all .2s ease; } 
.spbc__item:hover .spbc__name { color:var(--c1); transition:all .2s ease; } 
.spbc__item:hover .spbc__img { border-color:#18599a59; transition:all .2s ease; } 
.header.show_search .h_logo { z-index:-1; } 
.header.show_search .h_right { z-index:-2; } 
.mm_search_suggestions { position:fixed; top:50px; left:5px; width:calc( 100% - 10px ); background:#fff; border:1px solid #33333321; border-radius:8px; box-shadow:rgba(0, 0, 0, 0.1) 0px 4px 12px; opacity:0; visibility:hidden; max-height:70vh; overflow:scroll; overflow-x:hidden; overflow-y:scroll; text-align:left; z-index:100000; } 
.mm_search_suggestions.active { opacity:1; visibility:visible; } 
.mm_search_suggestions::-webkit-scrollbar { width:2px; height:0px; } 
.mm_search_suggestions.active::before { content:''; position:fixed; width:100%; height:100%; background:rgb(0 0 0 / 40%); z-index:-5; top:0; left:0; } 
.mm_border_suggestions { display:block; z-index:100000; background:#fff; position:relative; } 
.mm_search_close { position:absolute; top:8px; right:6px; z-index:10000000; background:darkred; width:25px; height:25px; border-radius:100%; display:flex; align-items:center; justify-content:center; color:#fff; } .search_suggestions { position:absolute; left:0; top:100%; width:100%; background:#fff; box-shadow:rgba(0, 0, 0, 0.1) 0px 4px 10px; max-height:calc( 100vh - 100px); overflow:scroll; overflow-x:hidden; overflow-y:scroll; border-radius:10px; margin-top:6px; } 
.search_suggestions::before { position:absolute; content:''; left:0; top:0; width:100%; height:6px; background:transparent; } 

/* loadpage website */
#loader-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;pointer-events: none;}
#loader-wrapper #wrap {background: #fff;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;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;animation: anime 1.5s infinite linear;display: inline-block;font-family: var(--bs-font-monospace);font-size: 1.875rem;letter-spacing: 1px}
.loading-text ul li:nth-child(1) {-webkit-animation-delay: 0s;animation-delay: 0s}
.loading-text ul li:nth-child(2) {-webkit-animation-delay: .1s;animation-delay: .1s}
.loading-text ul li:nth-child(3) {-webkit-animation-delay: .2s;animation-delay: .2s}
.loading-text ul li:nth-child(4) {-webkit-animation-delay: .3s;animation-delay: .3s}
.loading-text ul li:nth-child(5) {-webkit-animation-delay: .4s;animation-delay: .4s}
.loading-text ul li:nth-child(6) {-webkit-animation-delay: .5s;animation-delay: .5s}
.loading-text ul li:nth-child(7) {-webkit-animation-delay: .6s;animation-delay: .6s}
.loader {align-items: center;display: flex;flex-direction: column;height: 100%;justify-content: center;left: 0;padding-bottom: 3.125rem;position: fixed;top: 0;width: 100%;z-index: 100001}

/* name */
@-webkit-keyframes anime {
  0% {color: grey;letter-spacing: 1px;text-shadow: 1px 1px 0 #000;transform: translateY(0)}
  50% {color: #ffc107;letter-spacing: 5px;text-shadow: 5px 10px 1px #000;transform: translateY(-10px)}
  100% {color: grey;letter-spacing: 1px;text-shadow: 1px 1px 0 #000;transform: translateY(0)}
}

@keyframes anime {
  0% {color: grey;letter-spacing: 1px;text-shadow: 1px 1px 0 #000;transform: translateY(0)}
  50% {color: #ffc107;letter-spacing: 5px;text-shadow: 5px 10px 1px #000;transform: translateY(-10px)}
  100% {color: grey;letter-spacing: 1px;text-shadow: 1px 1px 0 #000;transform: translateY(0)}
}

/* end name*/
@-webkit-keyframes MaskPlay {from {-webkit-mask-position: 0 0;mask-position: 0 0}to {-webkit-mask-position: 100% 0;mask-position: 100% 0}}
@keyframes MaskPlay {from {-webkit-mask-position: 0 0;mask-position: 0 0} to {-webkit-mask-position: 100% 0;mask-position: 100% 0}}

/* User */
/* .wrap-user {width: 100%;max-width: 550px;margin: auto;border: 1px solid #bce8f1;border-radius: 5px;}
.title-user {background-color: #d9edf7;padding: 12px 15px;border-radius: 5px 5px 0px 0px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.title-user span {color: #31708f;}
.title-user a {color: #0056b3;font-size: 12px;}
.form-user {padding: 20px 15px;}
.input-user {margin-bottom: 0.75rem;}
.input-user input {font-size: 14px;}
.button-user {margin-bottom: 1rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.button-user input {font-size: 14px;}
.checkbox-user,
.radio-user {cursor: pointer;}
.checkbox-user input {top: calc(50% - 1.25rem / 2);height: auto;}
.checkbox-user label {font-size: 14px;cursor: pointer;}
.checkbox-user label::before,
.checkbox-user label::after {top: calc(50% - 1rem / 2);}
.radio-user {margin-right: 1rem;}
.radio-user:last-child {margin-right: 0px;}
.radio-user label::before,
.radio-user label::after {top: calc(50% - 1rem / 2);}
.note-user {font-size: 14px;border-top: 1px solid #ddd;padding-top: 0.5rem;} */

/* Giỏ hàng */
#popup-cart .modal-title {text-transform: uppercase;}
#popup-cart .modal-body .wrap-cart {padding: 0px;-webkit-box-shadow: none;box-shadow: none;border: 0px;}
#popup-cart .modal-footer {padding: 0.75rem 0 0 0;border-top: 0px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.buymore-cart {color: #ec2d3f;cursor: pointer;margin: 0px;}
.buymore-cart i {margin-right: 2px;margin-top: 5px;vertical-align: top;font-size: 12px;}
.wrap-cart {padding: 20px 15px;background: #ffffff;border: 1px solid #d8d8d8;-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.top-cart {border-right: 1px solid #eee;}


.procart {padding: 20px 10px;border: 1px solid #eee;border-top: 0px;}
.pic-procart {text-align: center;}
.pic-procart img {max-height: 100px;height: inherit;}
.pic-procart .del-procart {color: #999;font-size: 12px;display: block;margin-top: 5px;cursor: pointer;}
.pic-procart .del-procart:hover {color: red;}
.name-procart a {font-size: 14px;color: #000;display: block;}

.name-procart a:hover {color: #ec2d3f;}
.properties-procart {display: block;}
.properties-procart p {display: inline-block;margin-bottom: 0px;}
.properties-procart p:first-child {margin-right: 10px;}
.properties-procart p strong {font-weight: 600;}

.quantity-procart p {margin-bottom: 0px;}
.quantity-counter-procart {border: 1px solid #dfdfdf;width: 100%;height: 30px;line-height: normal;text-align: center;border-radius: 3px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.counter-procart {background-color: transparent;border: 0px;width: 30%;color: #333;outline: none;cursor: pointer;font-size: 23px;}
.counter-procart:hover,
.counter-procart:focus {color: #ec2d3f;}
.counter-procart:disabled {color: #ccc;cursor: not-allowed;}
.counter-procart:disabled:hover {color: #ccc;cursor: not-allowed;}
.counter-procart-minus {line-height: 26px;}
.counter-procart-plus {line-height: 24px;}
.quantity-counter-procart .quantity-procart {width: 40%;-webkit-box-sizing: border-box;box-sizing: border-box;border: 0px;border-right: 1px solid #dfdfdf;border-left: 1px solid #dfdfdf;outline: none;-webkit-box-shadow: none;box-shadow: none;padding: 0px;color: #333;text-align: center;}
.price-procart {width: 20%;text-align: right;}
.price-procart-rp {display: none;width: 100%;margin-bottom: 10px;font-size: 13.5px;}
.price-new-cart {color: #ec2d3f;margin-bottom: 0px;}
.price-old-cart {color: #999;text-decoration: line-through;}
.procart-label {border: 0px;background: #eee;padding: 10px;margin: 0px;text-transform: capitalize;}

.money-procart {margin-top: 15px;}
.total-procart {background: #eee;padding: 7px 10px;border: 1px solid #dddfe2;margin-bottom: -1px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.total-procart p {margin-bottom: 0px;font-size: 15px;}
.total-procart p:last-child {color: #ec2d3f;}
.section-cart {position: -webkit-sticky;position: sticky;top: 15px;}
.title-cart {font-size: 15px;text-transform: uppercase;color: #000;border-bottom: 1px solid #eee;padding-bottom: 5px;margin-bottom: 15px;}
.information-cart {margin-bottom: 1.5rem;}
.input-cart {margin-bottom: 0.5rem;position: relative;}
.input-cart textarea {resize: none;height: 100px;}
.input-cart select {cursor: pointer;}
.payments-cart {text-align: left;margin-bottom: 5px;min-height: auto;padding-left: 0;margin-left: 20px;position: relative;}
.payments-cart:last-child {margin-bottom: 0px;}
.payments-cart input {top: 10px; opacity: 0; position: absolute;}
.payments-label {cursor: pointer;background: #eee;display: block;padding: 10px 15px;border-radius: 3px;margin-bottom: 0px;color: #313131 !important;}
.payments-label::before,
.payments-label::after {top: calc(50% - 1rem / 2);}
.payments-label.active {background: #2B56A4;color: #ffffff !important;}
.payments-info {opacity: 0;visibility: hidden;height: 0px;overflow: hidden;background: #f5efef;border-radius: 5px;}
.payments-info p {margin-bottom: 1em;}
.payments-info.active {padding: 10px 15px;margin-top: 5px;opacity: 1;visibility: visible;height: auto;}
.btn-cart {text-transform: capitalize;}
.empty-cart {padding: 25px 30px;text-align: center;}
.empty-cart i {color: red;font-size: 70px;}
.empty-cart p {margin: 15px 0px;color: #333;font-size: 18px;} 

/* Comment */
/* .comment-title {font-size: 18px;}
.comment-show {display: block !important;}
.comment-point {font-size: 47px;color: #fe302e;}
.comment-star {font-size: 0;position: relative;display: inline-block;vertical-align: top;margin-bottom: 0.5rem;}
.comment-star span {display: block;position: absolute;top: 0;left: 0px;bottom: 0;z-index: 1;overflow: hidden;text-align: left;white-space: nowrap;}
.comment-star i {display: inline-block;margin: 0.1rem;color: #b8b8b8;text-rendering: auto;font-size: 20px;}
.comment-star i:nth-child(1) {margin-left: 0;}
.comment-star span i {color: #ffc120;}
.comment-progress {width: 100%;margin-bottom: 0.375rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.comment-progress:last-child {margin-bottom: 0px;}
.comment-progress .progress {height: 12px;margin-right: 10px;margin-left: 5px;width: calc(100% - 90px);border-radius: 10px;}
.comment-progress .progress-bar#has-rate {background-color: #23b445;}
.comment-progress .progress-num {font-size: 15px;width: 25px;text-align: center;color: #787878;}
.comment-progress .progress-total {font-weight: 600;text-align: left;color: #787878;width: 50px;}
.comment-write {display: none;}
.review-rating-star {font-size: 0;}
.review-rating-star-icon .fa {font-weight: 400;font-style: normal;display: inline-block;margin: 0.1rem;font-size: 21px;cursor: pointer;color: #f0c808;}
.review-rating-star-icon .fa.star-empty {color: #dedddc;}
.review-rating-star-icon .fa.star-not-empty {color: #f0c808;}
.review-rating-star-icon .fa:nth-child(1) {margin-left: 0;}
.review-fileuploader {padding: 20px 15px;text-align: center;background-color: #ffffff;cursor: pointer;border: 2px dashed #c2cdda;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.review-fileuploader .review-fileuploader-text {color: #90a0bc;}
.review-file-uploader .fileuploader {padding: 0px;margin: 0px;background: transparent;}
.review-file-uploader .fileuploader-items .fileuploader-items-list {margin: 1rem -5px 0 -5px;}
.review-file-uploader .fileuploader-items .fileuploader-items-list:after {display: block;content: "";clear: both;}
.review-file-uploader.fileuploader-items.fileuploader-items-list.fileuploader-item {padding: 0px;width: calc(100% / 7 - 10px);float: left;margin: 0 5px 5px 5px;border-bottom: 0px;}
.review-file-uploader.fileuploader-items.fileuploader-items-list.fileuploader-item.columns {display: block;}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail {width: auto;height: auto;}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image {height: auto;padding: 50% 0;}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image img {position: absolute;top: 0px;left: 0px;max-width: 100%;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transform: none;transform: none;}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-title {padding: 0px;margin-top: 0.5rem;text-align: center;display: none;}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-actions {margin: 0px;position: absolute;top: 0px;right: -5px;}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-infos input {border: 1px solid #dddddd;border-radius: 0.25rem;}
.review-poster-video-avatar {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.review-poster-video-avatar .avatar-detail {width: 95px;height: 95px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.review-poster-video-avatar .avatar-detail img {max-width: 95px;max-height: 95px;}
#review-content {height: 100px;}
.carousel-comment-media .carousel-control a {opacity: 1;width: 45px;height: 45px;top: calc(50% - 45px / 2);bottom: inherit;}
.carousel-comment-media .carousel-control a span {display: block;cursor: pointer;color: #222222;width: 45px;height: 45px;padding: 5px;text-align: center;background-color: #ffffff;-webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12);box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12);border-radius: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.carousel-comment-media .carousel-control a.carousel-control-prev {left: 20px;}
.carousel-comment-media .carousel-control a.carousel-control-prev span {padding-right: 9px;}
.carousel-comment-media .carousel-control a.carousel-control-next {right: 20px;}
.carousel-comment-media .carousel-control a.carousel-control-next span {padding-left: 8px;}
.carousel-comment-media .carousel-indicators {position: static;margin: 0 0 1rem 0;}
.carousel-comment-media .carousel-indicators li {width: auto;max-width: 60px;height: auto;text-indent: inherit;-webkit-box-flex: 0;-ms-flex: none;flex: none;margin: 0px 0px 3px 0px;border: 2px solid transparent;opacity: 1;cursor: -webkit-zoom-in;cursor: zoom-in;}
.carousel-comment-media .carousel-indicators li.active {border-color: #ffc120;cursor: -webkit-zoom-out;cursor: zoom-out;-webkit-transform: scale(1.05);transform: scale(1.05);}
.carousel-comment-media .carousel-inner {max-width: 550px;-webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12);box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12);margin: auto;}
.carousel-comment-media .carousel-inner .carousel-lists .carousel-comment-media-item-video #file-video {max-width: 100%;width: 100%;height: 500px;vertical-align: top;display: inline-block;background-color: #000000;}

#form-reply {display: none;}
.comment-item {margin-bottom: 3rem;}
.comment-item-poster {width: 200px;margin-right: 30px;text-align: center;}
.comment-item-letter {border-radius: 50%;background-color: #d3d2d3;color: #919090;width: 65px;height: 65px;text-transform: uppercase;display: inline-block;vertical-align: top;line-height: 67px;font-size: 18px;font-weight: 700;margin-bottom: 0.5rem;}
.comment-item-name {margin-bottom: 0.25rem;text-transform: capitalize;}
.comment-item-posttime {font-size: 12px;color: #999999;}
.comment-item-information {width: calc(100% - 230px);}
.comment-item-star {float: left;margin-right: 10px;}
.comment-item-star i {font-size: 17px;}
.comment-item-title {font-size: 15px;font-weight: 500;}
.comment-replies {position: relative;background: #f8f9fa;border: 1px solid #dfdfdf;padding: 1.75rem 1.5rem;}
.comment-replies:after {content: "";position: absolute;}
.comment-replies:before {content: "";position: absolute;z-index: 1;top: -13px;left: 10px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 13px solid #f8f9fa;}
.comment-replies:after {top: -14px;left: 9px;border-left: 11px solid transparent;border-right: 11px solid transparent;border-bottom: 14px solid #dfdfdf;}
.comment-replies-item {margin-bottom: 1.5rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.comment-replies-item:last-child {margin-bottom: 0px;}
.comment-replies-letter {width: 45px;height: 45px;margin-right: 10px;line-height: 45px;padding-left: 1px;font-size: 14px;border-radius: 50%;background-color: #e5e3e5;color: #919090;text-transform: uppercase;display: inline-block;vertical-align: top;font-weight: 500;text-align: center;margin-top: 0.125rem;}
.comment-replies-letter.admin {position: relative;background-color: #189eff;text-indent: 9999px;overflow: hidden;}
.comment-replies-letter.admin:before {content: "QTV";text-indent: 0px;color: #ffffff;font-weight: 500;text-transform: uppercase;font-size: 13px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.comment-replies-info {width: calc(100% - 55px);}
.comment-replies-name {font-weight: 500;margin-bottom: 0.125rem;}
.comment-replies [class*="btn-load-more-"] {border: 0px;outline: none;padding: 0px;background: transparent;}
.comment-media-play {z-index: 1;position: absolute;top: 50%;left: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);}
.comment-media-play svg {-webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3);box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3);border-radius: 50%;background-color: rgba(255, 255, 255, 0.15);}
.comment-media-play svg .comment-media-play-stroke-dotted {opacity: 0;stroke-dasharray: 4, 5;stroke-width: 1px;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-animation: spin 4s infinite linear;animation: spin 4s infinite linear;-webkit-transition: opacity 1s ease, stroke-width 1s ease;transition: opacity 1s ease, stroke-width 1s ease;}
.comment-media-play svg .comment-media-play-stroke-solid {stroke-dashoffset: 0;stroke-dasharray: 300;stroke-width: 4px;-webkit-transition: stroke-dashoffset 1s ease, opacity 1s ease;transition: stroke-dashoffset 1s ease, opacity 1s ease;}
.comment-media-play svg .comment-media-play-icon {-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transition: -webkit-transform 200ms ease-out;transition: -webkit-transform 200ms ease-out;transition: transform 200ms ease-out;transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;}
.comment-media-play:hover svg .comment-media-play-stroke-dotted {stroke-width: 4px;opacity: 1;}
.comment-media-play:hover svg .comment-media-play-stroke-solid {opacity: 0;stroke-dashoffset: 300;}
.comment-media-play:hover svg .comment-media-play-icon {-webkit-transform: scale(1.05);transform: scale(1.05);} */

/* Slideshow */
.slideshow {position: relative;}
.slideshow-item {display: block;cursor: pointer;}
.slideshow:hover .control-slideshow {opacity: 1;}
.control-slideshow {opacity: 0;}

/* .slideshow-mobi{display: none;} */
/* Partner */
.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;border: 1px solid #cecece;max-width: 175px;margin: 0px auto;}

/* Breadcrumb */
.breadCrumbs {background: #eeeeee;padding: 10px 0;margin-bottom: 0;}
/* .breadCrumbs .wrap-content {padding: 0.75rem 0;} */
.breadCrumbs .wrap-content .breadcrumb {padding: 0;margin-bottom: 0;background-color: transparent;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;} 

/* 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: calc(50% - 50px / 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;}

/* Album */
.album{cursor:pointer;margin-bottom:0.5rem; display: flex;justify-content: center;align-items: center;}
.album-image{margin-bottom:0.75rem;} 
.name-story {display:block;margin-bottom:0px;position: absolute;background: #2B56A4;padding: 10px;margin: 0 30px;color: #fff;font-weight: 700;font-size: 16px;opacity: 0;transition: all 0.4s linear;}

.album:hover > .name-story{opacity: 1;transition: all 0.4s linear;}
/* Brand */
.wrap-brand .wrap-content {position: relative;}
.brand {display: block;border: 1px solid #eee;max-width: 160px;margin: 0px auto;}


/* Product Detail */
.grid-pro-detail {margin-bottom: 3rem;}
.left-pro-detail {position: relative;text-align: center;width: 35%;}
.right-pro-detail {width: calc(65% - 20px);}
.left-pro-detail .MagicZoom {border: 1px solid #eee;padding: 7px;border-radius: 5px;background-color: #ffffff;}
.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 #eee;padding: 5px;border-radius: 3px;cursor: pointer;background-color: #ffffff;}
.thumb-pro-detail.mz-thumb.mz-thumb-selected {border-color: #cecfd2;}
.thumb-pro-detail img {-webkit-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: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-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;}
.attr-content-pro-detail {display: inline-block;margin-bottom: 0px;}

.brand-pro-detail a{background: #ec2d3f;color: #fff;border-radius: 2px;padding: 2px 5px;}
.price-new-pro-detail {font-weight: 700;font-size: 23px;color: #ec2d3f;}
.price-old-pro-detail {font-weight: 400;color: #555555;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;background-size: contain;background-position: center center;border: 1px solid #dadada;transition: 0.3s;border-radius: 2px;}
.size-pro-detail {cursor: pointer;display: flex;align-items: center;justify-content: center;height: 32px;width: 48px;position: relative;margin: 0 8px 0 0;border: 1px solid #dadada;border-radius: 2px;font-size: 12px;transition: 0.3s;}
.size-pro-detail.active,
.color-pro-detail.active {border-color: #ec2d3f;}
.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: flex;align-items: center;justify-content: space-between;text-align: center;height: 45px;border-radius: 30px;overflow: hidden;border: 1px solid #dfdfdf;}
.quantity-pro-detail span {line-height: 25px;padding: 0px;width: 45px;height: 100%;color: #000;cursor: pointer;font-size: 22px;display: flex;align-items: 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: 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: #ffffff;background: #D32125;font-size: 14px;border-radius: 50%;width: 35px;height: 35px;font-weight: 700;text-align: center;line-height: 35px;}
.saving-money{font-size: 15px;color: #666666;}
.saving-money span{color: #bf0000;}
.inside-price-per{position: absolute;top: 3px;left: 3px;color: #ffffff;background: #D32125;font-size: 13px;border-radius: 50%;width: 30px;height: 30px;font-weight: 700;text-align: center;line-height: 30px;}

.cart-pro-detail {flex: 1;margin-left: 10px;}
.cart-pro-detail a {text-align: center;color: #fff;text-transform: uppercase;cursor: pointer;/*width: calc(100% / 2 - 5px);*/width:100%; height: 45px;}
.cart-pro-detail a.addnow {background: #fff;color: #ec2d3f;}
.cart-pro-detail a.addnow:hover {color: #fff;background: #ec2d3f;}
.cart-pro-detail a.buynow {background-color: #2B56A4;}
.cart-pro-detail a.buynow:hover {background-color: #D32125;color: #fff;}
.cart-pro-detail a i {vertical-align: top;margin-right: 8px;font-size: 24px;position: relative;top: -2px;}
.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 .nav-link {border-top-width: 3px;font-size: 13px;color: #333;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: #555555;}
/* News */
.pic-news {width: 210px;}
.pic-news img {width: 100%;}
.info-news {width: calc(100% - 210px);padding-left: 20px;}
.name-news {color: #333333;font-size: 18px;line-height: normal;font-weight: 700;}
.news:hover .name-news {color: #2B56A4;}
.time-news {color: #676767;margin-bottom: 5px;}
.desc-news {color: #676767;margin-top: 5px;line-height: 22px;text-align: justify;}  
.othernews b {margin-bottom: 10px;font-size: 15px;}

.brandsp{background: #D32125; padding: 1px 8px;margin-bottom: 5px; border-radius: 5px; color: #ffffff;text-align: left;}

.boder_right{border: none;border-radius: 5px;margin-bottom: 10px;padding: 0; }
.title_cate{padding: 10px;margin-bottom: 10px; width: 100%;background: #2B56A4;text-transform: uppercase;font-weight: 700;font-size: 16px;text-align: center; color: #ffffff;}
.inside_item_right{display: flex;gap: 10px; justify-content: space-between;align-items: center;}
.inside_info_right{ width: calc(100% - 100px); color: #000000;}
.inside_image_right img{max-height: 100px;} 
.inside-scroll ul li{margin-bottom: 15px !important;}
.inside_right{margin-bottom:0.5rem;}

.inside_desc_right{font-size: 14px;color: #333333;}
.inside_name_right{font-size: 14px; font-weight: 700;color: #333333; margin-bottom:0.5rem;}
.inside:hover .inside_name_right{color:#ec2d3f;}

/*News orther*/
.othernews {position: sticky;top: 60px;z-index: 11;}
.news-other{margin-bottom: 15px;}
.pic-news-other{width: 40%;}
.info-news-other{width: 60%;padding-left: 10px;}
.name-news-other{color: #252525;font-size: 14px;line-height: normal;font-weight: 600;}
.name-news-other:hover{color: #2B56A4;} 


/* 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: #666666;}
.contact-article {margin-bottom: 3rem;}
.contact-input {position: relative;margin-bottom: 20px;}
.contact-input input, .contact-input textarea{border-radius: 0;border-top: none;border-left: none;border-right: none;}
.contact-input input:focus, .contact-input textarea:focus{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:#2B56A4;color: #ffffff;font-weight: 700;transition: all 0.3s linear;}
.btn_reset{background: #ec2d3f;color: #ffffff;font-weight: 700;transition: all 0.3s linear;}
.btn_send:hover{box-shadow: inset 0px 0px 5px #00000099;color: #ffffff;transition: all 0.3s linear;}
.btn_reset:hover{box-shadow: 0px 0px 5px #00000099;color: #ffffff;transition: all 0.3s linear;}

 
/* tin tức nổi bật */  
.news-shadow-info{padding-top: 20px;}  
.news-shadow-name{font-size:17px;margin-bottom: 10px; font-weight: 600;color:#2C2C2C;line-height: normal;} 
.news-shadow:hover .news-shadow-info .news-shadow-name{color:#d90739;} 
.news-shadow-desc{font-size:15px;color: #898989;line-height: 1.5;text-align: justify;margin-bottom: 0;}
.news-shadow-img{position: relative;}
.news-shadow-time{background: #2B56A4;position: absolute;bottom: 0;left: 0;z-index: 2;padding: 10px 20px;}
.news-shadow-time p{color: #F5F5F5;font-size: 16px;font-weight: 700;line-height: normal;margin-bottom: 0;}
 
/* đăng ký nhận tin */ 
.w-newsletter{background: url('../images/bg1.png') no-repeat;background-size: 100% 100%;padding: 70px 0 30px;} 
.w-newsletter form{ width: 50%;margin-left: auto;}
.newsletter-input{margin-bottom: 8px;background: #ffffff;border:none;border-radius: 5px;}

.newsletter-input .form-control{height: calc(1em + 1.5rem + 8px);color: #333333;background:#ffffff;border: none;}
.newsletter-input i{color: #18408A;padding-left: 5px;}
.newsletter-input textarea::-webkit-input-placeholder,.newsletter-input input::-webkit-input-placeholder{color:#333333;}
.newsletter-input textarea:-moz-placeholder,.newsletter-input input:-moz-placeholder{color:#333333;}
.newsletter-input textarea::-moz-placeholder,.newsletter-input input::-moz-placeholder{color:#333333;}
.newsletter-input textarea:-ms-input-placeholder,.newsletter-input input:-ms-input-placeholder{color:#333333;}

.newsletter-input input{border: none;border-radius: 5px;}
.newsletter-button{display: block;box-shadow: 0px 0px 5px #00000099;background: #FF8730;overflow: hidden; height: 46px;padding: 8px 0;text-align: center;border-radius: 3px;transition: all 0.8s linear;}
.newsletter-button input{display: inline-block;font-size: 14px; font-weight: 700; color: #ffffff; text-transform: uppercase;} 
.newsletter-button input:hover{color: #ffffff;}

/*Tiêu chí criteria*/  
.criteria_box{display: flex;justify-content: space-between;align-items: center;margin: 0px 0 30px;}
.criteria_info{width: calc(100% - 44px - 15px);}
.criteria_name{font-size: 18px;font-weight: 600;line-height: 1.5; color: #242424;}
.criteria_desc{font-size: 14px;line-height: 1.5;text-align: justify;color: #929292;margin-bottom: 0;}

.criteria_img{position: relative;}
.criteria_img::before {position:absolute;content: '';width: 150%;height: 150%;left: 0%; background: url(../images/decor.png) no-repeat;background-size: cover;}
.criteria_box:hover .criteria_img {animation: mycriteria 5s infinite;}

/* liên hệ chi tiết sản phẩm */
.right-pro-detail {display: flex;}
.pro-detail-info{flex: 1;}


.bgcriteria{margin-left: 20px;padding: 10px;width: 290px;height: fit-content;border: 1px solid #ccc;}
.title-criteria{margin: -30px auto 10px;padding: 10px;width: 93%;text-align: center;border-radius: 30px;background: #2B56A4;}
.title-criteria span{ color: #fff; line-height: 20px;font-weight: 700; font-size: 15px; text-transform: uppercase!important;}
.title-criteria1 {font-size: 16px;font-weight: 700;text-transform: uppercase;text-align: center;}
.bgcriteria .criteria_box{margin: 0px 0 10px;}
.criteria_inside{width: calc(100% - 54px);}
.criteria_inside .criteria_name{font-size: 14px;margin-bottom: 0;}
.criteria_inside .criteria_desc{font-size: 13px;}
.list-criteria{padding-left: 0; list-style: none;border-bottom: 1px solid #00000050;}
 

.zalo_fb_pro{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 -5px;width: 100%;}
.chatfb_pro{background: #0A68FE;width: calc(50% - 5px);color: #fff;display: flex;align-items: center;justify-content: center;padding: 5px;text-transform: capitalize;cursor: pointer;}
.chatzalo_pro{background:#09A858;width: calc(50% - 5px);color: #fff;display: flex;align-items: center;justify-content: center;padding: 5px;text-transform: capitalize;cursor: pointer;}
.zalo_fb_pro img{margin-right: 10px;width: 35px;height: 35px;}
.zalo_fb_pro span{color: #ffffff;font-size: 14px;text-transform: uppercase;}
/* .tiktok_pro{width: 100%; background:#000000;color: #fff;display: flex;align-items: center;justify-content: center;padding: 10px;text-transform: capitalize;margin-top: 10px;} */

.addnowIcon{width: 30px;height: 30px;margin-right: 10px;}
.btn-tags-inside{background: #2B56A4;color: #ffffff;}
/* Footer */
.footer-article {background-color: #f5f6f7;padding: 30px 0 15px;}
.footer-title {text-transform: uppercase;color:#242424;font-size: 18px;margin-bottom: 1rem;font-weight: 700;}
.footer-news{padding: 10px 0;}
.footer-ul {list-style: none;padding: 0px;margin: 0px;}
.footer-ul li {margin-bottom: 10px;}
.footer-ul li:last-child {margin-bottom: 0px;}
.footer-ul li a {color: #545454;font-size: 15px;}
/* .footer-ul li a:hover {text-decoration: none;color: #ec2d3f;}  */
.footer-powered {color: #ffffff;background-color: #2B56A4;}
.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: center;}
.footer-copyright a{color: #fff;}
.footer-copyright span{font-weight: 700;text-transform: uppercase;}

.title-worktime{color: #545454;font-size: 15px;font-weight: 700;line-height: normal;margin-bottom: 5px;}
.worktimes{color: #E59216; font-size: 14px; line-height: normal;}

.bgatm{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap; gap: 10px;}
.atmCard-item{width: calc(100%/6);}

div#fanpage-facebook {overflow: hidden;}
/* Like Share */
.social-plugin {margin-top: 10px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: start;-ms-flex-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 .pagination .page-item .page-link {color: #555555;font-weight: 700; font-size: 0.875rem;}
.pagination-home .pagination .page-item.active .page-link {color: #ffffff;background-color: #2B56A4;border-color: #2B56A4;}

/* 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: #555555 !important;border: 1px solid #e6e6e6;font-size: 13px;cursor: pointer;text-decoration: none !important;background-color: #ffffff;}
.pagination-ajax a.current, .pagination-ajax a:hover {color: #ffffff !important;border-color: #2B56A4;background-color: #2B56A4;}
.pagination-ajax a.first, .pagination-ajax a.last, .pagination-ajax a.prev, .pagination-ajax a.next {text-indent: -9999px;position: relative;background-color: #ffffff !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;}
/* 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;text-decoration: none;position: fixed;bottom: 65px;right: 25px;display: none;z-index: 10;cursor: pointer;}

/* Text Hide */
.text-split {overflow: hidden;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;transition: 0.3s all;}

/* Scale IMG */
.scale-img {overflow: hidden;display: block;}
.scale-img img {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
.scale-img:hover > img {-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}

/* Button Frame */
.bg_iframe{position: fixed;right: 20px;z-index: 10;bottom: 230px;display: flex;flex-direction: column;row-gap: 20px;}
.btn-frame {display: block;width: 50px;height: 50px;position: relative;cursor: pointer;}
.btn-frame i {width: 50px;height: 50px;border-radius: 50%;background: #2B56A4;position: relative;z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.btn-frame i img {vertical-align: middle;width: 70%;}
.btn-frame .animated.infinite {-webkit-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;border-radius: 100%;border: 2px solid #2B56A480;opacity: 0.1;border-color: #2B56A4;opacity: 0.5;}
.btn-frame .zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;}
.btn-frame .animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.btn-frame .kenit-alo-circle-fill {width: 70px;height: 70px;top: -10px;right: -10px;position: absolute;border-radius: 100%;border: 2px solid transparent;background-color: #2B56A435;opacity: 0.4;}
.btn-frame .pulse {-webkit-animation-name: pulse;animation-name: pulse;}

 
/* Messenger */
.js-facebook-messenger-top-header{background: #2B56A4;color: #fff;height: 35px;display: flex;align-items: center;justify-content: center;text-align: center;border-radius: 5px 5px 0 0;}
.js-facebook-messenger-container.closed {display: none !important;}
.js-facebook-messenger-tooltip {bottom: 97px;right: 97px;color: #404040;background: #fff;}
.js-facebook-messenger-tooltip.closed {display: none !important;}
.js-facebook-messenger-box,
.js-facebook-messenger-button {z-index: 999;}
.js-facebook-messenger-tooltip {z-index: 999;display: none;position: fixed;text-align: center;border-radius: 10px;overflow: hidden;font-size: 12px;line-height: 1;padding: 10px;border: 1px solid rgba(0, 0, 0, 0.1);-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt;box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt;z-index: 1000000000000000019884624838656;}
.js-facebook-messenger-close-tooltip {width: 10px;height: 10px;display: inline-block;cursor: pointer;margin-left: 10px;}
.js-facebook-messenger-box {z-index: 999;}
.js-facebook-messenger-box.rubberBand {-webkit-animation-name: rubberBand;animation-name: rubberBand;}
.js-facebook-messenger-box.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.js-facebook-messenger-button,
.js-facebook-messenger-tooltip {z-index: 999;}
.js-facebook-messenger-box {display: block;position: fixed;cursor: pointer;bottom: 150px;right: 17px;width: 56px;height: 56px;text-align: center;background: #2B56A4;border-radius: 100%;overflow: hidden;z-index: 99;-webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);}
.js-facebook-messenger-box.rotate svg#fb-msng-icon {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.js-facebook-messenger-box svg#fb-msng-icon {width: 32px;height: 33px;position: absolute;top: 13px;left: 12px;opacity: 1;overflow: hidden;-webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;-webkit-transition: opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;transition: opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out;transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;transition: opacity 160ms ease-in-out, transform 160ms ease-in-out,-webkit-transform 160ms ease-in-out;}
.js-facebook-messenger-box.rotate svg#close-icon {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.js-facebook-messenger-box svg#close-icon {opacity: 0;width: 19px;height: 20px;position: absolute;top: 19px;left: 19px;-webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;-webkit-transition: opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;transition: opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out;transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;transition: opacity 160ms ease-in-out, transform 160ms ease-in-out,-webkit-transform 160ms ease-in-out;}
.js-facebook-messenger-container,
.js-facebook-messenger-container-button {z-index: 1000;}
.js-facebook-messenger-container {width: 250px;position: fixed;opacity: 0;-webkit-transform: translateY(50px);transform: translateY(50px);bottom: 110px;right: 90px;border-radius: 10px;pointer-events: none;-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06),0 2px 32px rgba(0, 0, 0, 0.16);box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);-webkit-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;-webkit-transition: opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;transition: opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out;transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;transition: transform 160ms ease-in-out, opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;}
.js-facebook-messenger-top-head {width: 220px;color: #ffffff;background: #2B56A4;display: block;position: relative;width: 220px;background: #2B56A4;color: #ffffff;text-align: center;line-height: 1;padding: 10px;font-size: 14px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.js-facebook-messenger-container iframe,
.js-facebook-messenger-container-button iframe {border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.js-facebook-messenger-box,
.js-facebook-messenger-button,
.js-facebook-messenger-tooltip {z-index: 999;}
.js-facebook-messenger-container,
.js-facebook-messenger-container-button {z-index: 1000;}
.js-facebook-messenger-top-head {color: #ffffff;background: #2B56A4;width: 220px;}
.js-facebook-messenger-tooltip {color: #404040;background: #fff;}
.js-facebook-messenger-container.open {-webkit-transform: translateY(0px);transform: translateY(0px);opacity: 1;pointer-events: all;}
.js-facebook-messenger-tooltip {bottom: 97px;right: 97px;}
.js-facebook-messenger-box.open svg#fb-msng-icon {opacity: 0;}
.js-facebook-messenger-box.rotate.open svg#close-icon {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.js-facebook-messenger-box.open svg#close-icon {opacity: 1;}

/* Cart Fix */
.cart-fixed {position: fixed;padding: 5px;right: 20px;bottom: 430px;z-index: 10;background: #EB3135;width: 50px;height: 50px;text-align: center;color: #fff !important;border-radius: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.cart-fixed i {font-size: 20px;}
.cart-fixed span {position: absolute;top: 0px;right: -5px;color: #ffffff;width: 20px;height: 20px;background: #09A858;text-align: center;line-height: 20px;font-size: 11px;font-weight: 700; border-radius: 100%;}

/* Toolbar */
.toolbar{background:#2B56A4;width:100%;padding:3vw;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:25%;}
.toolbar ul li a{display:block;width:100%;cursor:pointer;}
.toolbar ul li a img{height:6vw;width:auto;}
.toolbar ul li a span{font-weight:400;color:#ffffff;font-size:3.5vw;display:none;}

/* Fixbar */
.fixbar {bottom: 0;display: block;background: #f0eff4;border-top: 1px solid #ddd;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;position: fixed;margin: 0;z-index: 500;-webkit-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: #ec2d3f;color: #fff !important;border-radius: 50%;height: 15px;width: 15px;line-height: 15px;top: 5px;margin-left: 5px;}
.fixbar ul li a {font-size: 11px;text-decoration: none;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: #ffffff;padding: 9px 10px 10px 7px;z-index: 10;}
.plugbar ul {list-style: none;padding: 0;margin: 0px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-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: calc(50% - 50px / 2);font-size: 14px;display: block;border: 1px solid rgba(234, 230, 230, 0.5);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: #ffffff;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 {border-radius: 2px;text-align: center;background: #67b634;padding: 9px;display: none;width: 180px;margin-left: 10px;position: absolute;color: #ffffff;z-index: 999;top: 0px;left: 40px;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;-webkit-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;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;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: #ec2d3f;}
.support-online .call-now i {background: #67b634;}

/* Phone Switch */
.widget-mobile {position: fixed;left: 50%;-webkit-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;border-radius: 50%;position: relative !important;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.wcircle-icon:before {position: absolute;content: "";width: 60px;height: 60px;background: #2B56A450;border: 1px solid #ffffff;border-radius: 50%;left: -5px;top: -5px;-webkit-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: #2B56A450;border-radius: 50%;left: -15px;top: -15px;-webkit-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;border-radius: 50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.wcircle-menu-item img {width: 50px;height: 50px;display: block;border-radius: 50%;}
.wcircle-menu-item i {font-size: 25px;color: #ffffff;position: relative;z-index: 9999;}
.wcircle-icon i {font-size: 25px;color: #ffffff;position: relative;z-index: 9999;}
.shake-anim {-webkit-animation: shake-anim 1s infinite ease-in-out;animation: shake-anim 1s infinite ease-in-out;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;} 

/* 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: #000000;margin-top: 10px;cursor: pointer;}

.pic-video {position: relative;cursor: pointer;}
.pic-video:before {content: "";position: absolute;width: 50px;height: 35px;top: calc(50% - 50px / 2);left: calc(50% - 35px / 2);z-index: 1;background: url(../images/play.png) no-repeat center center;cursor: pointer;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: calc(50% - 50px / 2);left: calc(50% - 35px / 2);z-index: 1;background: url(../images/play.png) no-repeat center center;cursor: pointer;background-size: cover;}
.pic-video-2 img {width: 100%;}
.name-video {font-size: 16px;color: #000000;margin-bottom: 0px;}
.owl-video {margin-top: 10px;}

/* Sản phẩm */  
/* .cart-product {margin-bottom: 0px;}
.cart-product span {cursor: pointer;color: #ffffff;text-transform: capitalize;text-align: center;} */

/* Sản phẩm nổi bật theo cấp 1 */
.nav_menu {display: flex;align-items: center;justify-content: flex-end;width: calc(100% - 300px);}
.menu_item {padding: 5px 10px;border-left: 0.5px solid #09A858;border-right: 0.5px solid #09A858;font-weight: 500;color: #ffffff;text-align: center;font-size: 14px; line-height: normal;text-transform: capitalize;cursor: pointer;transition: all 0.3s linear;}
.menu_item:hover,.menu_item.active{background: #09A858;color: #ffffff;transition: all 0.3s linear;}
.menu_item:first-child{border-left: 2px solid #09A858;}
.menu_item:last-child{border-right: 2px solid #09A858;}

.title-prolist{padding-left: 20px;}
.list-hot{margin-bottom: 1rem;}
.prolistnb {display: block;padding: 16px 10px;border-radius: 5px; background: #ffffff;font-weight: 600;color: #242424;text-align: center;font-size: 16px; line-height: normal;text-transform: capitalize;cursor: pointer;transition: all 0.3s linear;}
.prolistnb:hover,.prolistnb.active{background: #FFC701;color: #242424;transition: all 0.3s linear;}
 

.w-prolist .wrap-content{border-radius: 10px;border: 1px solid #E9E9E9;background: url(../images/decor3.png) no-repeat #FFF;background-size: 100%;}
.bgprolist{padding: 25px;}
.prolist-item{display: block;margin-bottom: 20px;text-align: center;}
.prolist-name{color: #3D3D3D;text-align: center;font-size: 14px;font-weight: 500;line-height: 1.75;margin-bottom: 0;margin-top: 8px; transition: all 0.4s linear;}
.control-prolist.control-owl{top: 30%;}
.control-prolist.control-owl button.owl-prev {left: -50px;}
.control-prolist.control-owl button.owl-next {right: -50px;}
.control-prolist.control-owl button {border-radius: 0;background-color: #00000000;border: 2px solid #70707000;}
/* Sản phẩm nổi bật */
.bgproSpecial{padding: 25px;border-radius: 0 0 15px 15px;position: relative;}
.bgproFlashsale{background: #D80C0C;}
.bgproNew{background: #3A1398;}
.bgproBanChay{background: #191CCB;}

.product {padding: 5px;margin-bottom: 20px;background: #ffffff;border-radius: 5px;}

.bgProduct,.w-product{background: #F3F3F3;}
.box-product {position: relative;}
.pic-product {background: #ffffff;position: relative;margin-bottom: 0;}
.pic-product a {padding: 30px 5px;padding-bottom: 20px;}
.pic-product img {width: 100%;}
.info-product{padding: 12px 8px 10px;height: 140px;}
.info-product h3 a {-webkit-line-clamp: 3;}
.name-product {font-size: 16px;color: #242424;margin-bottom: 10px;} 
.code-product { font-size: 12px;}
.code {background-color: #000;}

.desc-product1 {padding: 0;margin-bottom: 0; max-height: 250px;overflow: auto;} 
.desc-product1::-webkit-scrollbar {width: 5px;}
.desc-product1::-webkit-scrollbar-track {background: #00000050;}
.desc-product1::-webkit-scrollbar-thumb {background: #003375;}
.desc-product1::-webkit-scrollbar-thumb:hover {background: #09A858;}

/* nút xem thêm */
.article__content { height: 800px;overflow: hidden;transition: .3s;position: relative;}
.bg-article {background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f3f3f3, #f3f3f3);bottom: 0;height: 105px;left: 0;position: absolute;width: 100%;}
.article__content.long {height: auto;}
.btn-detail {background: #003375;color: #ffffff;font-weight: 700;text-transform: uppercase;display: block;margin: 0 auto;max-width: 340px;padding: 10px 5px;text-align: center;position: relative;margin-bottom: 30px;transition: all 0.4s linear;}
.btn-detail:hover{border: 1px solid #FAC23C;background: #FAC23C;color: #111111;transition: all 0.4s linear;}

.btn-detail:hover {text-decoration: none;color: #003375;}
.btnDetail{display: none;}
/* giá sản phẩm */ 
.product-tool {opacity: 0;visibility: hidden;position: absolute;width: 40px;height: 40px; right: 0px;bottom: 0%;margin-bottom: 0;}
.product-tool .product-quick-view {cursor: pointer;display: block;width: 40px;height: 40px; background: #2B56A4;padding: 14px;border-radius: 50%; text-align: center;box-shadow: -3px 3px 5px #00000050;}
.product-tool .product-quick-view.addcart{padding: 5px;background: #EB3135; margin-top: 10px;overflow: hidden;}
.product-tool .product-quick-view:hover {background-color: #EB3135;}
.product-tool .product-quick-view:hover i {color: #ffffff;} 
.bg-price-product .btn_buynow{cursor: pointer;display: block;padding: 6px 0px;text-align: center;background: #2B56A4;border-radius: 50%;    width: 50px;}
.btn_buynow.addcart span {font-size: 14px;color: #fff;font-weight: 700;margin-bottom: 10px;text-transform: uppercase;}
.product-quick-view.addcart:hover{background: #09A858;}
.product-quick-view.addcart:hover > img {-webkit-animation: moveArrow 1500ms; animation: moveArrow 1500ms;} 
.box-product:hover .product-tool {opacity: 1;right: 10px;z-index: 9; bottom: 50%;visibility: visible;transition: all 0.3s linear;}


.bg-price-product{display: flex;justify-content: space-between;align-items: center;}
.product-icon{position: absolute;bottom: 0;right: 0;}
.price-product {margin-bottom: 0px;}
.price-title{font-size: 14px;color: #555555;}
.price-hotline{font-size: 17px;color: #EB3135;font-weight: 700;}
.price-new {font-size: 17px;color: #EB3135;font-weight: 700;display: block;}
.price-old {color: #B5AAAA;text-decoration: line-through;}
.price-per {position: absolute;top: 5px;right: 5px;color: #ffffff;background: #EB3135;font-size: 14px;font-weight: 700;width: 35px;height: 35px;text-align: center;line-height: 35px;border-radius: 50%;}
 
/* dat lich */
.div-datlich {width: 46%;}
.newsletter-booking {margin-bottom: 5px;}
.newsletter-booking input {border-radius: 0;border: none;border-bottom: 1px solid #2B56A4;background: none;padding: 0;} 
.newsletter-booking textarea {border-radius: 0;border: none;border-bottom: 1px solid #2B56A4;background: none;margin-bottom: 10px;padding: 0;} 
.newsletter-checkbox input {outline: none;width: 15px;height: 15px;} 
.label-checkbox {color: #7e7e7e;position: relative;top: 1px;margin-left: 10px;} 
.booking-button input {width: 86px;height: 37px;font-weight: 600;color: #fff;text-transform: capitalize;}
.khung-datlich {background: rgba(255, 255, 255, 0.8);padding: 40px;border: 1px solid #2B56A4;border-radius: 20px;}
.desc-dongy {color: #7e7e7e;font-size: 13px;font-style: italic;margin-top: 5px;}
.btn-datlich {position: fixed;bottom: 455px;right: 10px;padding: 10px;border-radius: 5px;z-index: 99;background: #333;color: #fff;font-size: 14px;text-align: center;text-decoration: none !important;}
.btn-datlich i {font-size: 20px;}
.btn-datlich:hover {color: #ffff00;transition: 0.2s;}


@media only screen and (min-width: 992px) {
  .comment-item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
}

@media only screen and (max-width: 991px) {
  .comment-item-poster {width: auto;margin-right: 0px;margin-bottom: 0.5rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
  .comment-item-letter {width: 40px;height: 40px;line-height: 40px;font-size: 13px;margin-bottom: 0;}
  .comment-item-name {margin-bottom: 0px;margin-left: 10px;margin-right: 10px;}
  .comment-item-information {width: 100%;}

  .menu {display: none;}
  .menu-res {display: block;}
  
  .top-cart { margin-bottom: 2rem;}
}

@media only screen and (min-width: 768px) {
  .procart-label .quantity-procart p:last-child { display: none; } 
  .procart-label .quantity-procart p:first-child { display: block;}
}

@media only screen and (max-width: 767px) {
  .quantity-procart {text-align: right;} 
  .price-procart {display: none;} 
  .price-procart-rp { display: block;} 
  .procart-label .quantity-procart p:first-child { display: none;}
  .procart-label .quantity-procart p:last-child { display: block;}
}

@media only screen and (max-width: 575px) {
  .name-procart a { font-size: 13px;}
  .procart-label { font-size: 13px;}
}