@media (min-width: 1200px) {
  .common-home .wrapper { position: relative; }
  .common-home .header-absolute { position: absolute; left: 0px; right: 0px; top: 0px; z-index: 10; }
  .common-home .header-absolute header { background: transparent; }
}
body:not(.common-home) #header { margin-bottom: var(--rowspace); }
#header { }
#top { background: rgb(255, 255, 255); }
#top .box-inner { display: inline-block; vertical-align: top; width: 100%; }
#top .box-top { padding: 0px; margin: 0px; }
#top .box-top > li { display: inline-block; vertical-align: top; margin-right: 19px; position: relative; padding-right: 19px; }
#top .box-top > li::after { content: ""; width: 1px; height: 12px; background: rgb(255, 255, 255); position: absolute; top: 50%; margin-top: -6px; right: 0px; }
#top .box-top > li:last-child { margin: 0px; padding: 0px; }
#top .box-top > li:last-child::after { display: none; }
#top .box-top > li > p, #top .box-top > li > a { padding: 10px 0px; line-height: 25px; font-weight: 500; margin: 0px; color: rgb(21, 21, 21); font-size: 1.3rem; display: flex; align-items: center; text-decoration: none; }
#top .box-top > li > p i, #top .box-top > li > a i, #top #top-links .dropdown-toggle i { margin-right: 5px; line-height: inherit; font-size: 1.7rem; }
#top .btn-group > .btn-link, #top #top-links .dropdown-toggle { border: 0px; display: block; line-height: 25px; background: none; text-transform: capitalize; font-weight: 500; font-size: 1.3rem; color: rgb(0, 0, 0); text-decoration: none; padding: 10px 13px; }
#top .btn-group > .btn-link:hover, #top #top-links .dropdown-toggle:hover, #top .box-top > li > a:hover { color: var(--link-hover-color); }
#top .btn-link .icon-right, #top-links .dropdown-toggle .icon-right { vertical-align: top; margin-left: 3px; font-size: 1.2rem !important; margin-right: 0px !important; }
#top .box-top-left { }
.common-home header { margin-bottom: 30px; }
header { background: var(--link-hover-color); }
.header-dropdown .dropdown-menu { left: auto; right: 0px; margin: 0px; background: rgb(255, 255, 255); font-size: 1.4rem; text-align: left; padding: 0px; border: 0px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 10px 1px; }
.header-dropdown .dropdown-menu > li, .header-dropdown .dropdown-menu > li { padding: 0px 2rem; }
.header-dropdown .dropdown-menu > li > a, .header-dropdown .dropdown-menu > li > button { line-height: 3rem; color: rgb(43, 45, 47); text-align: left; padding: 0.9rem 0px; background: none; font-size: 1.3rem; font-weight: normal; text-transform: capitalize; display: block; border-bottom: 1px solid rgb(238, 238, 238); }
.header-dropdown .dropdown-menu > li:last-child > a, .header-dropdown .dropdown-menu > li:last-child > button { border: 0px; }
#top-links .dropdown-menu a { text-shadow: none; }
#top-links .list-inline { margin: 0px; padding: 0px; }
.header-dropdown .dropdown-menu > li > a:hover, .header-dropdown .dropdown-menu > li > button:hover { color: var(--link-hover-color); background: none; }
#top .btn-link strong { font-size: 1.4rem; line-height: 1.4rem; }
#top-links .list-inline > li { padding: 0px; display: block; }
#top-links a + a { margin-left: 1.5rem; }
header .box-inner { position: relative; display: inline-block; vertical-align: top; width: 100%; text-align: center; }
header .box-inner-inner { position: relative; padding: 18px 0px; display: inline-block; vertical-align: top; width: 100%; }
@media (min-width: 1200px) {
  header .box-inner { z-index: 11; }
}
.col-logo { width: 150px; margin-right: 30px; }
.col-hoz { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); }
.col-hoz.item-hover { z-index: 100; }
.col-search { width: 700px; position: absolute; top: 50%; margin-top: -23px; z-index: 10; left: 240px; }
.common-home .top-menu { }
.top-menu { position: relative; z-index: 10; display: flex; align-items: center; margin-bottom: 20px; }
.top-menu .container-inner { position: relative; display: inline-block; vertical-align: top; width: 100%; }
.top-menu .col-ver { width: 270px; position: relative; z-index: 10; margin-right: 30px; }
.top-menu .col-search { flex: 1 1 auto; margin-right: 30px; }
.text-header { padding-left: 48px; background: url("image/icon_text_header.png") left center no-repeat; }
.text-header p { font-size: 1.4rem; color: rgb(255, 255, 255); line-height: 18px; margin: 0px; padding: 10px 0px; }
.text-header p strong { font-weight: 600; }
.col-cart { position: absolute; right: 0px; top: 50%; margin-top: -20px; }
.col-cart > .inner { display: flex; align-content: center; }
.col-cart #top-links { display: inline-block; vertical-align: top; margin-right: 1.5rem; }
.col-cart #top-links .dropdown-toggle span, .col-cart #top-links .dropdown-toggle > i { display: none; }
.col-cart #top-links .dropdown-toggle { background: transparent; display: block; color: rgb(34, 34, 34); }
.col-cart #top-links .dropdown-toggle:hover { color: var(--link-hover-color); }
.col-cart #top-links .dropdown-toggle::before { content: ""; font-family: Pe-icon-7-stroke; font-size: 2.6rem; display: inline-block; vertical-align: top; }
.col-cart .header-dropdown .dropdown-menu { margin-top: 2rem; right: -2rem; }
.header-phone {position: absolute;right: 5px;top: 49%;margin-top: -19px;background: rgb(17 18 24);padding: 6px 8px;border-radius: 8px;}
.header-phone .inner-inner { text-align: left; }
.header-phone p { color: rgb(255, 255, 255); margin: 0px 0px -14px 4px; line-height: 27px; }
.header-phone span { font-weight: 400; color: rgb(255, 255, 255); white-space: nowrap; margin-left: 10px; font-size: 15px; }
.header-bottom { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 11px 0px; }
.header-bottom > .container > .inner { position: relative; display: inline-block; width: 100%; }
.header-bottom .col-ver { width: 270px; position: relative; z-index: 10; }
.header-bottom .col-ver + .col-hoz2 { position: absolute; left: 0px; right: 0px; padding-left: 300px; top: 0px; }
.box-setting { margin: 0px; }
.box-setting.open { z-index: 99; }
.box-setting > button { padding: 0px; color: rgb(251, 251, 251); border: 0px; line-height: 40px; margin-right: 20px; box-shadow: none !important; }
.box-setting > button i { display: none; top: 1rem; right: 1rem; position: fixed; margin: 0px; z-index: 556; width: 4rem; line-height: 4rem; color: rgb(34, 34, 34); background: rgb(255, 255, 255); font-size: 2.4rem; }
.box-setting.open > button i { display: block; }
.box-setting > button::before { display: inline-block; vertical-align: top; line-height: inherit; content: ""; font-size: 2.8rem; font-family: Ionicons; }
.box-setting.open > button::after { content: ""; width: 100%; height: 100%; position: fixed; z-index: 555; background: rgba(0, 0, 0, 0.7); left: 0px; top: 0px; }
.box-setting > button:hover { color: rgb(255, 255, 255); background: transparent; }
.box-setting > .dropdown-menu { font-size: 1.5rem; border: 0px; box-shadow: none; border-radius: 0px; position: fixed; left: 0px; top: 0px; height: 100%; z-index: 991; width: 88%; max-width: 37.5rem; background: rgb(255, 255, 255); padding: 3rem; overflow: auto; text-align: left; margin: 0px; color: var(--main-color); }
.box-setting > .dropdown-menu > li { margin-bottom: 17px; border-bottom: 1px solid rgb(237, 237, 237); padding-bottom: 12px; display: block !important; margin-right: 0px !important; }
.box-setting .dropdown-menu > li:last-child { margin: 0px; padding: 0px; border: 0px; }
.box-setting .dropdown-menu > li > a { padding: 0px; color: var(--link-color); background: transparent; }
.box-setting .dropdown-menu > li > a > i { margin-right: 5px; }
.box-setting .dropdown-menu > li > a:hover { color: var(--link-hover-color); }
.box-setting .dropdown-menu .btn-group > .btn-link, .box-setting .dropdown-menu #top-links .dropdown > a { display: block; color: var(--heading-color); text-transform: uppercase; font-weight: 500; margin-bottom: 10px; font-size: 1.6rem; padding: 0px; background: transparent; border: 0px; }
.btn-link img { margin-top: -0.3rem; margin-right: 0.2rem; }
.box-setting .dropdown-menu .btn-group > .btn-link i.icon-right, .box-setting .dropdown-menu #top-links .dropdown > a i.icon-right { display: none; }
.box-setting .dropdown-menu .btn-group > .btn-link span, .box-setting .dropdown-menu #top-links .dropdown > a span { display: inline !important; }
.box-setting .dropdown-menu #top-links .dropdown > a i:first-child { margin-right: 0.5rem; }
.box-setting .dropdown-menu .btn-group > ul, .box-setting .dropdown-menu #top-links .dropdown > ul { padding-left: 0px; background: transparent; border: 0px; border-radius: 0px; box-shadow: none; position: relative; float: none; top: auto; left: auto; margin: 0px; right: auto; display: block !important; }
.box-setting .dropdown-menu .btn-group > ul li, .box-setting .dropdown-menu #top-links .dropdown > ul li { list-style: none; padding: 0px; }
.box-setting .dropdown-menu .btn-group > ul li button, .box-setting .dropdown-menu #top-links .dropdown > ul li > a { line-height: 26px; color: var(--main-color); text-align: left; padding: 0px; background: none; font-size: 1.5rem; font-weight: normal; text-transform: capitalize; display: block; border: 0px; }
.box-setting .dropdown-menu .btn-group > ul li button:hover, .box-setting .dropdown-menu #top-links .dropdown > ul li button:hover, .box-setting .dropdown-menu #top-links .dropdown > ul li > a:hover { color: var(--link-hover-color); }
.box-setting .text-header { color: var(--link-hover-color); }
.box-setting .header-phone .inner-inner { background: url("image/icon_header_phone.png") left center no-repeat; }
.box-setting .header-phone span, .box-setting .header-phone p { color: rgb(37, 50, 55); }
#logo { padding: 20px 0px; position: relative; z-index: 1; display: inline-block; vertical-align: top; float: left; }
#logo h1 { margin: 1.5rem 0px; }
#search { margin: 0px; }
#search .input-lg { height: 4rem; line-height: 2rem; padding: 0px 1rem; }
#search .btn-lg { font-size: 1.5rem; line-height: 1.8rem; padding: 1rem 3.5rem; text-shadow: rgb(255, 255, 255) 0px 1px 0px; }
#search-by-category ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.81); opacity: 1; }
#search-by-category { display: inline-block; vertical-align: top; width: 100%; }
#search-by-category .search-button { display: none; color: rgb(37, 50, 55); }
#search-by-category .search-button::before { cursor: pointer; content: ""; font-family: Pe-icon-7-stroke; font-size: 2.6rem; vertical-align: top; display: inline-block; line-height: inherit; }
#search-by-category .search-button:hover { color: var(--link-hover-color); }
.search-content { padding: 0px; border: 0px; margin: 0px; box-shadow: none; inset: 0px; width: auto; position: relative; border-radius: 0px; display: block; float: none; background: transparent; }
#search-by-category .search-container { position: relative; }
#search-by-category .search-container .categories-container { position: absolute; right: 65px; top: 0px; height: 100%; }
#search-by-category .search-container .categories-container .hover-cate { height: 100%; }
#search-by-category .search-container .categories-container .hover-cate .cate-selected { position: relative; height: 100%; padding: 0px 20px; display: flex; align-items: center; text-transform: capitalize; color: rgb(37, 50, 55); cursor: pointer; }
#search-by-category .search-container .categories-container .hover-cate .cate-selected > * { position: relative; }
#search-by-category .search-container .categories-container .hover-cate .cate-selected span { text-overflow: ellipsis; white-space: nowrap; width: 85px; overflow: hidden; color: rgb(233, 233, 233); }
#search-by-category .search-container #text-search { padding: 10px 205px 10px 30px; height: 46px; width: 100%; font-size: 1.4rem; border: 2px solid transparent; z-index: 1; background: rgb(17, 18, 24); color: white; border-radius: 30px; transition: all 0.3s ease-in-out 0s; box-shadow: rgba(62, 65, 70, 0.2) 0px 2px 6px 0px, rgb(43, 45, 66) 0px 24px 20px -24px; overflow: hidden; }
#search-by-category #sp-btn-search { position: absolute; right: 0px; top: 0px; height: 100%; display: flex; align-items: center; }
#search-by-category .search-container .categories-container .hover-cate .text-selected { overflow: hidden; height: 100%; }
#search-by-category .search-container .categories-container .hover-cate .text-selected i { display: inline-block; vertical-align: top; line-height: inherit; margin-left: 5px; font-size: 1.4rem; color: rgb(255, 255, 255); }
#search-by-category .search-container .categories-container .hover-cate .cate-items { position: absolute; display: none; max-height: 30rem; background: rgb(17, 18, 24); overflow: auto; margin-top: 0px; width: 100%; cursor: pointer; top: 100%; text-align: left; color: white; z-index: 9999 !important; }
.cate-items li { text-transform: capitalize; font-size: 1.2rem; list-style: none; line-height: 2rem; padding: 9px 10px; }
.cate-items li:hover { color: white; background: rgb(76, 175, 80); }
.cate-items li.f2 { padding-left: 1.5rem; }
#search-by-category .search-ajax { position: absolute; background: none 0% 0% repeat scroll rgb(255, 255, 255); left: 0px; top: 100%; width: 88%; min-width: 25rem; max-width: 600px; z-index: 9999 !important; }
.ajax-result-item .product-info .detail .price-box .old-price { text-decoration: line-through; color: rgb(172, 172, 172); font-weight: 400; }
.ajax-result-item .product-info .detail .price-box p { display: inline-block; }
.ajax-result-item .product-info .detail .price-box { font-weight: 700; margin: 0px 0px 10px; }
.ajax-result-item .product-info .detail .product-name { margin: 1rem 0px; }
#search-by-category .search-ajax li { list-style: none; margin-bottom: 2rem; padding: 7px !important; }
#search-by-category .search-ajax .ajax-result-container { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.5rem; }
#search-by-category .search-ajax .ajax-result-container .ajax-result-msg { padding: 2rem; margin: 0px; color: rgb(100, 100, 100); }
#search-by-category .search-ajax .ajax-result-container .ajax-result-list { display: block; border: 1px solid rgb(221, 221, 221); max-height: 30rem; overflow: auto; margin: 0px; padding: 15px 0px; }
#btn-search-category:hover { color: white; }
#btn-search-category { box-shadow: none; text-shadow: none; height: 100%; color: rgb(255, 255, 255); font-size: 2.4rem; letter-spacing: 0px; font-weight: 400; text-transform: capitalize; padding: 0px; width: 48px; background: rgb(76, 175, 80); border-radius: 0px 30px 30px 0px; border: none !important; }
#btn-search-category::before { vertical-align: top; display: inline-block; line-height: inherit; font-family: Ionicons; content: ""; }
#btn-search-category span { display: none; }
.col-cart #search-by-category { margin-right: 25px; }
.col-cart #search-by-category .search-button { display: block; width: 30px; line-height: 40px; }
.col-cart #search-by-category .search-button::before { content: ""; font-family: Ionicons; font-size: 2.8rem; }
.col-cart #search-by-category .search-content { padding: 0px; border: 0px; margin: 0px; background: rgba(0, 0, 0, 0.75); box-shadow: none; inset: 0px; width: auto; position: fixed; border-radius: 0px; display: none; }
.col-cart #search-by-category.open .search-content { display: block; }
.col-cart #search-by-category .search-content .search-container { padding: 0px; position: absolute; width: 80%; max-width: 1170px; margin: auto; left: 0px; right: 0px; top: 30%; }
.col-cart #search-by-category .search-container #text-search { height: 60px; padding-right: 100px; }
.col-cart #search-by-category .search-container .categories-container { display: none; }
@media (max-width: 767px) {
  #search-by-category .search-container .categories-container { display: none; }
  #search-by-category .search-container #text-search { padding-right: 70px; }
}
#wishlist-total, .compare-header { display: inline-block; vertical-align: top; margin-right: 25px; color: rgb(255, 255, 255); position: relative; text-transform: capitalize; line-height: 40px; }
#wishlist-total:hover, .compare-header:hover { color: rgb(255, 255, 255); opacity: 0.8; }
#wishlist-total::before, .compare-header::before { font-size: 2.8rem; display: inline-block; vertical-align: top; content: ""; font-family: Ionicons; }
.compare-header::before { content: ""; }
#wishlist-total span .text-wishlist { color: rgb(114, 114, 114); vertical-align: bottom; line-height: 1; text-transform: capitalize; margin-left: 3px; font-size: 1.3rem; display: none; }
#wishlist-total .txt-count, #cart .txt-count { width: 19px; height: 19px; line-height: 19px; font-size: 1.2rem; background: red; color: rgb(255, 255, 255); position: absolute; bottom: 1px; text-align: center; left: 17px; border-radius: 100%; font-weight: 700; }
#cart .txt-count { }
#cart { display: inline-block; vertical-align: top; width: auto; margin-right: 20px; }
#cart > .btn { color: rgb(255, 255, 255); background: transparent; box-shadow: none; text-shadow: none; padding: 0px; font-weight: 700; text-transform: capitalize; line-height: 40px; border: 0px; border-radius: 0px; font-size: 1.6rem; }
#cart > .btn::before { font-size: 2.8rem; display: inline-block; vertical-align: top; font-weight: normal; content: ""; font-family: Ionicons; margin-right: 17px; }
#cart > .btn:hover::before { color: rgb(255, 255, 255); }
#cart > .btn i { font-size: 2.6rem; vertical-align: bottom; }
#cart #cart-total { line-height: inherit; display: inline-block; vertical-align: top; }
#cart #cart-total .text-item { display: none; }
#cart .text-cart { display: none; }
#cart .dropdown-menu { background: rgb(255, 255, 255); z-index: 9999; position: fixed; right: 0px; top: 0px; margin: 0px; border-radius: 0px; box-shadow: none; height: 100%; width: 90%; max-width: 37.5rem; padding: 3rem; font-size: 1.4rem; border: 0px; overflow: auto; }
#cart.open::before { content: ""; position: fixed; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999; left: 0px; top: 0px; }
.cart-dropdown-menu-close { position: fixed; width: 3rem; height: 3rem; line-height: 3rem; text-align: center; font-size: 2.8rem; right: 20px; top: 5px; color: rgb(34, 34, 34); cursor: pointer; z-index: 99; }
.cart-dropdown-menu-close:hover { color: var(--link-hover-color); }
#cart .dropdown-menu .cart-info { padding-left: 1rem !important; }
#cart .dropdown-menu .cart-info a { margin-top: 0px; display: block; line-height: 1.8rem; color: var(--heading-color); font-weight: 700; }
#cart .dropdown-menu .cart-info a:hover { color: var(--link-hover-color); }
#cart .dropdown-menu .cart-info p { margin-bottom: 0px; margin-top: 0.7rem; }
#cart .dropdown-menu .cart-info .cart-quantity { color: rgb(136, 136, 136); line-height: 2.4rem; display: inline-block; vertical-align: top; }
#cart .dropdown-menu .cart-info .cart-product-price { color: var(--link-hover-color); font-size: 1.4rem; font-weight: 400; line-height: 2.4rem; display: inline-block; vertical-align: top; }
#cart .dropdown-menu .button-cart-remove { border: 0px; width: 2rem; height: 2rem; line-height: 2rem; padding: 0px; text-align: center; box-shadow: none; background: none; font-size: 2rem; color: rgb(136, 136, 136); font-weight: 400; text-shadow: none; position: absolute; right: 0px; top: 50%; margin-top: -1rem; }
#cart .dropdown-menu .button-cart-remove:hover { color: var(--link-hover-color); }
#cart .dropdown-menu img { border: 0px; border-radius: 0px; padding: 0px; }
#cart .dropdown-menu > li:first-child { overflow: auto; padding: 0px 3rem; margin: 0px -3rem; border: 0px; }
#cart .dropdown-menu > li { border-top: 1px solid rgb(229, 229, 229); padding-top: 2rem; }
#cart .dropdown-menu .table-striped { margin-bottom: 3rem; }
#cart .dropdown-menu .table-striped > tbody > tr { background: rgb(255, 255, 255); display: block; position: relative; padding-right: 2rem; margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid rgb(240, 240, 240); }
#cart .dropdown-menu .table-striped > tbody > tr:last-child { margin-bottom: 0px; padding-bottom: 0px; border: 0px; }
#cart .dropdown-menu .table > tbody > tr > td, #cart .dropdown-menu .table > tbody > tr > th, #cart .dropdown-menu .table > tfoot > tr > td, #cart .dropdown-menu .table > tfoot > tr > th, #cart .dropdown-menu .table > thead > tr > td, #cart .dropdown-menu .table > thead > tr > th { border: 0px; padding: 0px; }
#cart .dropdown-menu .cart-image { min-width: 85px; }
#cart .dropdown-menu .table-bordered { border: 0px; margin: 0px; }
#cart .dropdown-menu .table-bordered > tbody > tr > td { line-height: 3rem; color: rgb(144, 146, 150); text-transform: capitalize; font-size: 1.6rem; }
#cart .dropdown-menu .table-bordered > tbody > tr > td > strong { font-weight: 400; }
#cart .dropdown-menu .table-bordered > tbody > tr:last-child > td > strong { font-size: 1.8rem; font-weight: 600; color: rgb(43, 45, 47); }
#cart .dropdown-menu .table-bordered > tbody > tr > td:last-child { color: rgb(144, 146, 150); font-weight: 400; font-size: 1.6rem; }
#cart .dropdown-menu .table-bordered > tbody > tr:last-child > td:last-child { font-size: 1.8rem; font-weight: 600; color: var(--link-hover-color); }
#cart .dropdown-menu > li:last-child:not(:first-child) p { margin-bottom: 0px; padding-top: 30px; padding-bottom: 30px; margin-top: 2rem; border-top: 1px solid rgb(235, 235, 235); }
#cart .dropdown-menu > li:last-child p > a { display: block; text-align: center; color: rgb(39, 39, 39); text-transform: uppercase; line-height: 28px; padding: 10px; font-size: 1.5rem; border-radius: 30px; background: rgb(235, 235, 235); font-weight: 400; border: 0px; outline-offset: 0px; }
#cart .dropdown-menu > li:last-child p > a strong { font-weight: 400; }
#cart .dropdown-menu > li:last-child p > a:last-child { margin-top: 1rem; }
#cart .dropdown-menu > li:last-child p > a:hover { background: var(--button-bg-hover-color); color: rgb(255, 255, 255); border-color: var(--button-bg-hover-color); }
#cart .dropdown-menu > li:last-child p > a i { margin-right: 0.3rem; }
.scroll-fixed { position: fixed; left: 0px; top: 0px; width: 100%; z-index: 121; opacity: 0.9; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px; backface-visibility: hidden; transition: all 500ms ease-in-out 0s; }
.scroll-fixed:hover { opacity: 1; }
.scroll-fixed #logo { position: relative; z-index: 2; height: 70px; display: flex; align-items: center; padding-top: 0px; padding-bottom: 0px; padding-left: 47px; }
.scroll-fixed #logo img { max-height: 3.2rem; }
.scroll-fixed .horizontal-menu .ul-top-items .li-top-item { }
.scroll-fixed .horizontal-menu .ul-top-items .li-top-item .a-top-link { background: transparent !important; }
.scroll-fixed .col-cart .header-dropdown .dropdown-menu { margin-top: 1.5rem; }
.scroll-fixed .col-hoz { margin-top: 0px; }
.scroll-fixed .top-menu { margin: 0px; display: none !important; }
.scroll-fixed .col-search { }
.scroll-fixed .box-inner .box-inner-inner { padding: 0px; }
@media (min-width: 1200px) {
  .scroll-fixed .box-inner { position: absolute; bottom: 100%; }
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
  .scroll-fixed .col-search, .scroll-fixed .top-menu { display: none; }
}
.pt-menu a { text-decoration: none; display: block; }
.pt-menu ul { list-style: none; margin: 0px; padding: 0px; }
.pt-menu .sub-menu-container { z-index: 100; display: none; }
.mega-menu-container .sub_item3-content { overflow: hidden; }
.mega-menu-container .sub_item3-content h5 { margin: 0px; }
.pt-menu .mega-menu-container .sub_item3-content a { line-height: 28px; padding: 0px; font-family: var(--main-font)  !important; }
.pt-menu .ul-top-items .li-top-item a { display: block; position: relative; }
.pt-menu .ul-top-items .li-top-item > a > img { position: absolute; left: 1.8rem; top: 50%; transform: translateY(-50%); }
.pt-menu .icon-more-right { float: right; line-height: inherit; }
.static-bottom-menu { margin-top: 20px; }
.horizontal-menu { position: relative; text-align: left; width: 100%; background: transparent !important; }
.horizontal-menu .ul-top-items { display: inline-block; vertical-align: top; }
.horizontal-menu .ul-top-items .li-top-item { display: block; margin: 0px; position: relative; padding: 11px 0px; }
.horizontal-menu .ul-top-items .li-top-item:last-child { margin: 0px; }
.horizontal-menu .ul-top-items .li-top-item > a {line-height: 25px;border: 0px;margin-right: 10px;border-radius: 25px;/* background: rgb(237 236 236 / 37%) !important; */padding: 7px 17px 7px 14px !important;}
.horizontal-menu .ul-top-items .li-top-item > a > span { font-size: 14px; display: inline-block; vertical-align: top; position: relative; margin-left: 9px; font-weight: 500; }
.horizontal-menu .ul-top-items .li-top-item > a > span::after { left: 0px; right: 0px; height: 2px; bottom: -1px; position: absolute; opacity: 0; transition: all 300ms ease-in-out 0s; }
.horizontal-menu .ul-top-items .li-top-item.active > a span::after, .horizontal-menu .ul-top-items .li-top-item:hover > a span::after { opacity: 1; }
.horizontal-menu .ul-top-items .li-top-item:first-child > a { padding-left: 8px !important; }
.horizontal-menu .ul-top-items .li-top-item.active > a > span { position: relative; }
.horizontal-menu .ul-top-items .li-top-item.active > a > span::before { content: ""; width: 100%; height: 2px; background: var(--link-hover-color); position: absolute; left: 0px; bottom: -5px; display: none; }
.horizontal-menu .ul-top-items .li-top-item > a > i { font-size: 1.2rem; display: inline-block; vertical-align: top; color: inherit; font-weight: normal !important; }
.horizontal-menu .ul-top-items .li-top-item > a > i { background: transparent !important; }
.horizontal-menu .ul-top-items .li-top-item.right { float: right; position: relative; text-align: right; }
.horizontal-menu .ul-top-items .li-top-item.mega-right { float: right; text-align: right; }
.horizontal-menu .sub-menu-container, .horizontal-menu .flyout-third-items { position: absolute; top: 100%; border: 0px; background: rgb(255, 255, 255); border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px 0px; }
.horizontal-menu .ul-top-items .li-top-item .right { text-align: right; }
.horizontal-menu .ul-top-items .li-top-item .left { text-align: left; }
.horizontal-menu .ul-top-items .li-top-item.right .mega-menu-container { right: 0px; }
.horizontal-menu .ul-top-items .li-top-item .mega-menu-container { overflow: hidden; }
.horizontal-menu .ul-top-items .li-top-item .mega-menu-container.full-width { left: 0px; right: 0px; width: 100%; }
.horizontal-menu .a-mega-second-link { letter-spacing: -0.025rem; line-height: 2.4rem; }
.horizontal-menu .mega-menu-container .sub-item2-content { position: relative; }
.horizontal-menu .mega-menu-container .sub_item3-content { }
.horizontal-menu .mega-menu-container .sub-item2-category-content::before { content: ""; width: 1px; left: -5px; position: absolute; top: 1.5rem; bottom: 0.8rem; background: rgb(238, 238, 238); opacity: 0; }
.horizontal-menu .mega-menu-container .sub-item2-category-content:first-child::before { opacity: 0; }
.horizontal-menu .mega-menu-container .sub-item2-content h4 { margin-bottom: 0.9rem; }
.horizontal-menu .mega-menu-container .sub-item2-content h4.html-title { text-align: center; margin-bottom: 1.5rem; }
.horizontal-menu .flyout-menu-container { width: 20rem; }
.horizontal-menu .flyout-menu-container.left .a-item .fa { float: right; line-height: inherit; }
.horizontal-menu .flyout-menu-container.left { float: left; }
.horizontal-menu .flyout-menu-container.right { float: right; right: 0px; }
.horizontal-menu .flyout-menu-container.right .a-item .fa { float: left; line-height: inherit; }
.horizontal-menu .flyout-menu-container.right .li-second-items { position: relative; }
.horizontal-menu .ul-second-items .li-second-items { position: relative; background: transparent !important; }
.horizontal-menu .ul-second-items .li-second-items .a-second-link { padding: 1rem 1.5rem; }
.horizontal-menu .ul-second-items .li-second-items .a-second-link i { font-size: 1.2rem; margin: 0px; }
.horizontal-menu .flyout-third-items { position: absolute; top: 0px; display: none; min-width: 150px; z-index: 2; }
.horizontal-menu .flyout-third-items.left { left: 100%; }
.horizontal-menu .flyout-third-items.right { right: 100%; }
.horizontal-menu .ul-third-items .li-third-items .a-third-link { white-space: nowrap; padding: 0.5rem 1.5rem; }
.static-menu-right { position: absolute; top: -3.5rem; right: -1.5rem; width: 32.4rem; z-index: -1; }
.product-col-menu { text-align: center; }
.product-menu-name { margin-bottom: 0px; }
.product-menu-link { line-height: 2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500 !important; text-transform: capitalize !important; }
.pt-menu.vertical-menu { position: relative; }
.static-bottom-vermenu { margin: 0px -30px -18px; }
.common-home .vertical-menu .pt-menu-bar { border-top-left-radius: 5px; border-top-right-radius: 5px; margin-top: 60px; background: rgb(42, 47, 65) !important; color: rgb(255, 255, 255) !important; padding: 0px !important; }
.common-home .vertical-menu .pt-menu-bar .text-vertical-bar { height: 54px; }
.vertical-menu .pt-menu-bar { position: relative; }
.vertical-menu .pt-menu-bar .text-vertical-bar { text-transform: uppercase; font-weight: 700; position: relative; letter-spacing: 0px; display: flex; align-items: center; height: 56px; }
.vertical-menu .pt-menu-bar .text-vertical-bar span { flex: 1 1 auto; }
.vertical-menu .pt-menu-bar .text-vertical-bar::before { content: ""; font-size: 2.1rem; display: inline-block; vertical-align: top; font-weight: normal; font-family: Ionicons; text-align: center; margin-left: 18px; margin-right: 10px; }
.vertical-menu .pt-menu-bar.open .text-vertical-bar { }
.vertical-menu .pt-menu-bar .text-vertical-bar::after { content: ""; font-family: Ionicons; font-size: 1.2rem; display: inline-block; vertical-align: top; font-weight: normal; margin-right: 20px; }
.vertical-menu .pt-menu-bar:hover { cursor: pointer; }
.common-home .vertical-menu .ul-top-items { display: block; }
.vertical-menu .ul-top-items { display: none; position: absolute; z-index: 10; width: 100%; left: 0px; top: 100%; border-width: 0px 2px 2px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(42, 47, 65); border-bottom-color: rgb(42, 47, 65); border-left-color: rgb(42, 47, 65); border-image: initial; border-top-style: initial; border-top-color: initial; padding: 0px; background: rgb(255, 255, 255); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.vertical-menu .ul-top-items .li-top-item { display: block; margin: 0px; position: relative; padding: 0px; }
.vertical-menu .ul-top-items .li-top-item:first-child { padding-top: 13px; }
.vertical-menu .ul-top-items .li-top-item > a.a-top-link { line-height: 24px; position: relative; }
.vertical-menu .ul-top-items .li-top-item > a.a-top-link:hover i { color: inherit; }
.vertical-menu .ul-top-items .li-top-item:last-child > a.a-top-link, .vertical-menu .ul-top-items .li-top-item > a.a-over { border: 0px; }
.vertical-menu .ul-top-items .li-top-item.li-over::after { border: 0px; }
.vertical-menu .ul-top-items .li-top-item > a.a-over::before { content: "+"; margin-right: 0.6rem; }
.vertical-menu .ul-top-items .li-top-item > a.a-over.a-minus::before { content: "-"; }
.vertical-menu .icon-more-right { font-size: 1.2rem; vertical-align: top; }
.vertical-menu .ul-top-items .li-top-item.over { display: none; }
.vertical-menu .ul-top-items .li-top-item.li-over { padding-bottom: 11px; }
.vertical-menu .li-top-item .sub-menu-container { position: absolute; top: 0px; left: 100%; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px 0px; }
.vertical-menu .li-top-item:first-child .sub-menu-container { border-top: 0px; }
.vertical-menu .mega-menu-container > .row { margin: 0px -0.5rem; }
.vertical-menu .mega-menu-container > .row > .sub-item2-content { padding: 0px 0.5rem; }
.vertical-menu .flyout-menu-container { width: auto; float: left; min-width: 20rem; }
.vertical-menu .ul-second-items .li-second-items { position: relative; }
.vertical-menu .ul-second-items .li-second-items .a-second-link { padding: 0.7rem 1.5rem; }
.vertical-menu .flyout-third-items { position: absolute; top: 0px; display: none; min-width: 15rem; z-index: 2; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px 0px; }
.vertical-menu .flyout-third-items { left: 100%; }
.vertical-menu .ul-third-items .li-third-items .a-third-link { white-space: nowrap; padding: 0.5rem 1.5rem; }
.static-ver-menu { display: inline-block; vertical-align: top; float: right; margin-right: -4rem; z-index: -1; margin-bottom: -3rem; position: relative; margin-top: -16.7rem; }
.static-ver-menu2 { display: inline-block; vertical-align: top; float: right; margin-right: -3rem; margin-bottom: -3rem; }
.mobile-menu .pt-menu-bar i { height: 4rem; line-height: 4rem; text-align: center; font-size: 2.6rem; cursor: pointer; position: absolute; left: 0px; top: 50%; margin-top: -2rem; z-index: 3; color: white; margin-left: 12px; }
.mobile-menu .pt-menu-bar i::before { display: inline-block; vertical-align: top; line-height: inherit; }
.mobile-menu .pt-menu-bar.opened i { top: 1rem; right: 1rem; left: auto; position: fixed; margin: 0px; z-index: 556; width: 4rem; }
.mobile-menu .pt-menu-bar.opened::before { content: ""; width: 100%; height: 100%; position: fixed; z-index: 555; background: rgba(0, 0, 0, 0.7); left: 0px; top: 0px; }
.mobile-menu .pt-menu-bar i:last-child { font-size: 3rem; display: none; background: rgb(255, 255, 255); }
.mobile-menu .pt-menu-bar.opened i { display: none; }
.mobile-menu .pt-menu-bar.opened i:last-child { display: inline-block; color: rgb(34, 34, 34); background: rgb(255, 255, 255); }
.mobile-menu .pt-menu-bar i:hover { color: rgb(37, 50, 55); }
.mobile-menu .pt-menu-bar i:last-child:hover { color: rgb(255, 255, 255); background: var(--link-hover-color); }
.mobile-menu .ul-top-items { display: none; position: fixed; left: 0px; top: 0px; height: 100%; z-index: 666; width: 88%; max-width: 37.5rem; background: rgb(255, 255, 255); padding: 3rem; overflow: auto; text-align: left; }
.mobile-menu .ul-top-items .block-title { margin-top: 0px; }
.mobile-menu .sub-menu-container { display: none; }
.mobile-menu .li-top-item { position: relative; }
.mobile-menu .a-click-show { position: absolute; z-index: 2; right: 0px; top: 0.2rem; line-height: 2.8rem; width: 3rem; height: 3rem; text-align: center; cursor: pointer; border: 1px solid rgb(242, 242, 242); }
.mobile-menu .a-click-show:hover { background: var(--link-hover-color); color: rgb(255, 255, 255); border-color: var(--link-hover-color); }
.mobile-menu .a-click-show i { display: inline-block; vertical-align: top; line-height: inherit; font-size: 1.03rem; }
.mobile-menu .a-click-show i:last-child { display: none; }
.mobile-menu .expand > .a-click-show i:last-child { display: inline-block; }
.mobile-menu .expand > .a-click-show i { display: none; }
.mobile-menu .ul-second-items, .mobile-menu .ul-third-items { padding-left: 2rem; }
.mobile-menu .ul-second-items .li-second-items { position: relative; }
.mobile-menu .ul-second-items .li-second-items .a-second-link { padding: 0.5rem 0px; }
.mobile-menu .flyout-third-items { display: none; }
.mobile-menu .ul-third-items .li-third-items .a-third-link { padding: 0.5rem 0px; }
.menu-mobile-title { margin-top: 0px; border-bottom: 2px solid rgb(242, 242, 242); margin-bottom: 2rem; position: relative; padding-right: 5rem; text-align: left; }
.menu-mobile-title h3 { background: rgb(255, 255, 255); border-bottom: 0.2rem solid var(--link-hover-color); padding: 0.5rem 0px; font-size: 2.5rem; text-transform: capitalize; display: inline-block; vertical-align: top; line-height: 3rem; margin: 0px 0px -2px; }
.mobile-layout .col-search { margin-top: 5px; padding: 1px 23px; }
.mobile-layout header .box-inner-inner { padding: 14px 3px; flex-wrap: inherit; }
@media (max-width: 1439px) {
  .col-search { width: 640px; }
  .vertical-menu .ul-top-items .li-top-item > a.a-top-link { line-height: 21px; }
}
@media (max-width: 1300px) {
  .col-search { width: 540px; }
  .horizontal-menu .ul-top-items .li-top-item { margin: 0px; }
  .horizontal-menu .ul-top-items .li-top-item > a { padding-left: 15px !important; padding-right: 15px !important; }
}
@media (max-width: 1199px) {
  .col-search { position: relative; left: 0px; right: 0px; margin: 0px 0px 20px; width: 100%; }
  .scroll-fixed .col-search { display: none; }
  header .box-inner-inner { display: flex; align-items: center; }
  header .box-inner-inner .header-phone, .col-cart { position: relative; margin: 0px; right: auto; top: auto; }
  header .box-inner-inner .header-phone { margin-right: 30px; }
  #logo { padding-left: 40px; float: left; padding-top: 10px; padding-bottom: 10px; max-width: 190px; }
  .col-logo { width: auto; margin-right: 15px; flex: 1 1 auto; position: relative; }
  .col-hoz, .top-menu .col-ver { display: none; }
}
@media (max-width: 991px) {
  #top .box-top { display: block; text-align: center; float: none !important; }
  #top .box-top-left { border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
}
@media (max-width: 767px) {
  #logo { float: left; padding-left: 4rem; }
  .mobile-menu .pt-menu-bar i { right: auto; left: 0px; }
  #cart .text-cart, #cart .text-item { display: none; }
  #cart #cart-total { min-width: auto; padding: 0px; }
  header .box-inner::after { left: 60%; }
  #cart > .btn::before { margin: 0px; }
}
@media (max-width: 479px) {
  .col-cart { margin: 0px; }
  #top .box-top-left > li { margin: 0px; padding: 0px; }
  #top .box-top-left > li > p { padding: 5px 0px; }
  #top .box-top-left > li::after { display: none; }
  #logo { padding-left: 6rem; }
  .header-dropdown .dropdown-menu { right: -6.5rem; }
  header .box-inner-inner { flex-wrap: wrap; }
  header .box-inner-inner .header-phone { width: 100%; order: 3; margin-top: 20px; margin-right: 0px; }
  header .box-inner-inner .header-phone .inner { display: inline-block; vertical-align: top; }
  header.scroll-fixed .box-inner-inner .header-phone { display: none; }
}
@media (max-width: 639px) {
  .top-menu { flex-direction: column; }
  .top-menu .col-search { margin: 0px 0px 15px; width: 100%; }
}
@media (max-width: 425px) {
  .box-setting > button i, .mobile-menu .pt-menu-bar.opened i, .show-sidebar.opened i:last-child { right: 0.2rem; }
}
@media (max-width: 413px) {
}
i.icon.ion-ios-telephone { position: absolute; font-size: 37px; color: white; }
button#btn-search-category:hover { background: rgb(77, 193, 82); }
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  input[type="checkbox"], input[type="radio"] { --active: #2b2d42; --active-inner: #fff; --focus: 2px rgb(213 172 116); --border: #d5ac74; --border-hover: #d5ac74a3; --background: #fff; --disabled: #F6F8FF; --disabled-inner: #2b2d4269; appearance: none; height: 21px; outline: none; display: inline-block; vertical-align: top; margin: 0px 9px; cursor: pointer; border: 1px solid var(--bc, var(--border)); background: var(--b, var(--background)); transition: background 0.3s ease 0s, border-color 0.3s ease 0s, box-shadow 0.2s ease 0s; position: relative !important; }
  input[type="checkbox"]::after, input[type="radio"]::after { content: ""; display: block; left: 0px; top: 0px; position: absolute; transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s); }
  input[type="checkbox"]:checked, input[type="radio"]:checked { --b: var(--active); --bc: var(--active); --d-o: 0.3s; --d-t: 0.6s; --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2); }
  input[type="checkbox"]:disabled, input[type="radio"]:disabled { --b: var(--disabled); cursor: not-allowed; opacity: 0.9; }
  input[type="checkbox"]:disabled:checked, input[type="radio"]:disabled:checked { --b: var(--disabled-inner); --bc: var(--border); }
  input[type="checkbox"]:disabled + label, input[type="radio"]:disabled + label { cursor: not-allowed; }
  input[type="checkbox"]:hover:not(:checked):not(:disabled), input[type="radio"]:hover:not(:checked):not(:disabled) { --bc: var(--border-hover); }
  input[type="checkbox"]:focus, input[type="radio"]:focus { box-shadow: 0 0 0 var(--focus); }
  input[type="checkbox"]:not(.switch), input[type="radio"]:not(.switch) { width: 21px; }
  input[type="checkbox"]:not(.switch)::after, input[type="radio"]:not(.switch)::after { opacity: var(--o, 0); }
  input[type="checkbox"]:not(.switch):checked, input[type="radio"]:not(.switch):checked { --o: 1; }
  input[type="checkbox"] + label, input[type="radio"] + label { font-size: 14px; line-height: 21px; display: inline-block; vertical-align: top; cursor: pointer; margin-left: 4px; }
  input[type="checkbox"]:not(.switch) { border-radius: 7px; }
  input[type="checkbox"]:not(.switch)::after { width: 5px; height: 9px; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 0px; border-left: 0px; left: 7px; top: 4px; transform: rotate(var(--r, 20deg)); }
  input[type="checkbox"]:not(.switch):checked { --r: 43deg; }
  input[type="checkbox"].switch { width: 38px; border-radius: 11px; }
  input[type="checkbox"].switch::after { left: 2px; top: 2px; border-radius: 50%; width: 15px; height: 15px; background: var(--ab, var(--border)); transform: translateX(var(--x, 0)); }
  input[type="checkbox"].switch:checked { --ab: var(--active-inner); --x: 17px; }
  input[type="checkbox"].switch:disabled:not(:checked)::after { opacity: 0.6; }
  input[type="radio"] { border-radius: 50%; }
  input[type="radio"]::after { width: 19px; height: 19px; border-radius: 50%; background: var(--active-inner); opacity: 0; transform: scale(var(--s, 0.7)); }
  input[type="radio"]:checked { --s: 0.5; }
}
.checkbox label, .radio label { font-size: 13px; line-height: 21px; display: inline-block; vertical-align: top; cursor: pointer; margin-left: -2px; }
svg.ionicon { width: 32px; fill: white; }
img.write { width: 25px; color: white; position: absolute; }
#pt-menu-5066 .ul-top-items .li-top-item .a-top-link:hover { color: white; transition: all 300ms ease-in-out 0s; background: rgb(43, 45, 66) !important; }
.horizontal-menu .ul-top-items .li-top-item > a > i:hover { color: transparent !important; }
#pt-menu-5066 .ul-top-items .li-top-item .a-top-link { color: rgb(37, 50, 55); font-size: 1.4rem; text-transform: capitalize; font-weight: 700; margin-left: 12px; border-radius: 4px; padding: 4px 17px 5px !important; background: rgb(239, 239, 239) !important; }
#pt-menu-5066 .ul-top-items .li-top-item:hover .a-top-link, #pt-menu-5066 .ul-top-items .li-top-item:hover .a-top-link i, #pt-menu-5066 .ul-top-items .li-top-item.active .a-top-link { color: rgb(37, 50, 55); font-weight: 700; background: transparent; }
.horizontal-menu .ul-top-items .li-top-item > a:hover { background: rgb(43, 45, 66); }
.horizontal-menu .ul-top-items .li-top-item .a-top-link:hover {background: rgb(43 45 66) !important;color: white !important;}
.horizontal-menu .ul-top-items .li-top-item > a > span:hover { color: white !important; }