@charset "UTF-8";
/*
Theme Name: Bán hàng Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@font-face { font-family: 'sudes-baby'; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/fonts/kodchasan-medium.ttf"); }
@font-face { font-family: 'sudes-baby'; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/fonts/kodchasan-medium.ttf"); }
@font-face { font-family: 'sudes-baby'; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/fonts/kodchasan-bold.ttf"); }
body, h1, h2, h3, h4, h5, .nav > li > a { font-family: "sudes-baby", sans-serif !important; }

:root { --secondary-color: #bc0504; --coupon-title-color: #d0021b; --coupon-button-color: #d0021b; }

.d-flex { display: flex; }

.justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }

.align-items-center { -ms-flex-align: center !important; align-items: center !important; }

#logo img { margin: 0 auto; }

.searchform-wrapper .search-field { min-height: 36px; border: none; box-shadow: none; border-top-left-radius: 100px; border-bottom-left-radius: 100px; min-width: 380px; font-size: 15px; background: #f1f1f1; }
.searchform-wrapper .submit-button { border-top-right-radius: 50px; border-bottom-right-radius: 50px; min-width: 60px; min-height: 37px; }
.searchform-wrapper .search__list > li { list-style-type: none; display: inline-block; margin-top: 5px; margin-bottom: 0; }
.searchform-wrapper .search__list > li > a { font-size: 14px; color: #fff; padding-right: 10px; }
.searchform-wrapper .search__list > li > a:hover { color: var(--primary-color); }

.header-main { background: #73b6e1; }
.header-main .cart-item, .header-main .account-item { margin-left: 15px; }
.header-main .account-item ul > li > a > svg { display: none; }
.header-main .account-item .woocommerce-MyAccount-navigation-link--edit-address, .header-main .account-item .wishlist-account-element { display: none; }
.header-main .cart-item [data-icon-label]:after { top: 0; }
.header-main .cart-item .header-cart-link { min-height: 45px; line-height: 45px; border-radius: 5px !important; border-color: #fff; padding: 0 8px; color: #fff; text-transform: none; font-size: 14px; }
.header-main .cart-item .header-cart-link:hover { background-color: #fff; color: var(--primary-color); }
.header-main .cart-item .nav-dropdown { border-radius: .25rem; border: 1px solid rgba(0, 0, 0, 0.125); }
.header-main .header-icon { display: flex; height: 42px; width: 42px; line-height: 42px; text-align: center; cursor: pointer; justify-content: center; align-items: center; margin-right: 8px; background: transparent; border: 1px solid; }
.header-main .header-account-title { text-transform: none; font-size: 15px; font-weight: 500; color: #fff; display: flex; flex-direction: column; line-height: 1.2; }
.header-main .cart-price { color: var(--secondary-color); font-size: 13px; }
.header-main .header-cart-title span.amount { color: #fff; }
.header-main .phone_header { height: 55px; }
.header-main .phone_header .mr-half { margin-right: 8px !important; }
.header-main .phone_header svg { width: 39px; height: 43px; animation: ring 2s ease-in-out infinite; }
.header-main .phone_header svg path { fill: #fff; }
.header-main .phone_header .text { font-size: 14px; font-weight: 400; color: #fff; line-height: 1; text-transform: none; }
.header-main .phone_header span { font-size: 16px; font-weight: 700; color: #fff; }
.header-main .phone_header .hotline { padding: 0; }
.header-main .cart-item .nav-dropdown { min-width: 350px; }
.header-main ul.product_list_widget li { font-size: 14px; font-weight: 500; color: #000; }
.header-main ul.product_list_widget li a:not(.remove) { font-size: 14px; font-weight: 500; color: #000; }
.header-main ul.product_list_widget li a:not(.remove):hover { color: var(--secondary-color); }
.header-main ul.product_list_widget li a.remove { border: none; background: #e0e1e2; color: rgba(0, 0, 0, 0.6); padding: 3px 9px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 28px; height: 25px; padding: 0; display: flex; align-items: center; justify-content: center; }
.header-main ul.product_list_widget li .quantity { opacity: 1; color: #414042; font-size: 16px; }
.header-main ul.product_list_widget li .quantity span.amount { color: var(--secondary-color); font-size: 15px; }
.header-main .widget_shopping_cart p.total { border-bottom: none; display: flex; justify-content: space-between; }
.header-main .woocommerce-mini-cart__buttons a { text-transform: none; margin-top: 10px; font-size: 14px; font-weight: 400; background-color: #fff !important; color: var(--primary-color); border: 1px solid var(--primary-color); border-radius: 100px; box-shadow: none; display: none; }
.header-main .woocommerce-mini-cart__buttons a:hover { background-color: var(--primary-color) !important; color: #fff; }
.header-main .woocommerce-mini-cart__buttons a.checkout { display: block; color: #fff; background-color: var(--primary-color) !important; }
.header-main .woocommerce-mini-cart__buttons a.checkout:hover { border-color: var(--secondary-color); background-color: var(--secondary-color) !important; }

.header-bottom { -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18); }

.header-bottom-nav.nav-center { margin-right: 40px; }
.header-bottom-nav.nav-center > li { margin: 0 15px; }
.header-bottom-nav.nav-center > li > a { font-size: 14px; color: #524e6f !important; }
.header-bottom-nav.nav-center > li:hover > a, .header-bottom-nav.nav-center > li.current-menu-item > a { color: var(--primary-color) !important; }
.header-bottom-nav.nav-center > li .nav-dropdown { box-shadow: 0 10px 40px -4px rgba(0, 0, 0, 0.16); border: 1px solid #e7e7e7; padding: .4375rem; border-radius: 8px; }
.header-bottom-nav.nav-center > li .nav-dropdown > li > a { font-weight: 500; font-size: 16px; color: rgba(0, 0, 0, 0.8); border: none; padding: 14px 15px; margin: 0; }
.header-bottom-nav.nav-center > li .nav-dropdown > li > a:hover { background: #f8ffec; }

.header-vertical-menu__opener { background-color: #fba3cd !important; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.08); min-width: 250px; padding: 12px 12px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-top: 8px; }
.header-vertical-menu__opener .header-vertical-menu__icon { display: flex; margin-right: 8px; }
.header-vertical-menu__opener .header-vertical-menu__title { color: #fff; font-size: 15px; font-weight: 600; text-transform: uppercase; }
.header-vertical-menu__opener .icon-angle-down { color: #fff; font-size: 18px; }

.header-vertical-menu__fly-out { border: 1px solid #eee; }
.header-vertical-menu__fly-out .nav-vertical-fly-out { border-radius: 0 0 5px 5px; margin: 0; }
.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a { padding: 14.8px 15px; color: #2b2b2b; font-weight: 500; font-size: 15px; -webkit-transition: all 0s; -o-transition: all 0s; transition: all 0s; }
.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a:after { content: ""; position: absolute; border-style: solid; border-width: 27px 0 27px 14px; border-color: transparent var(--primary-color); display: none; width: 0; z-index: 10; margin-top: 0; right: -14px; }
.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item:hover > a, .header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item.current-menu-item > a { color: #fff; background: var(--primary-color); }
.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item:hover > a:after, .header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item.current-menu-item > a:after { display: block; }
.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item:hover > a img, .header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item.current-menu-item > a img { filter: brightness(0) invert(1); }
.header-vertical-menu__fly-out .nav-dropdown { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; }
.header-vertical-menu__fly-out .nav-dropdown > li > a { font-size: 15px; font-weight: 700; text-transform: capitalize; color: #524e6f; border-bottom: none; }
.header-vertical-menu__fly-out .nav-dropdown > li > .sub-menu > li > a { font-size: 14px; color: #2b2b2b; border-bottom: none; }
.header-vertical-menu__fly-out .nav-dropdown > li > .sub-menu > li:hover > a { color: var(--primary-color); }
.header-vertical-menu__fly-out .nav-dropdown > li:hover a { color: var(--primary-color); }

.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item:hover .nav-dropdown { transform: scaleX(1); opacity: 1; display: block; visibility: visible; left: 100% !important; top: 0; min-height: 100%; max-height: inherit; }

#vertical-menu { display: none; }

.stuck #vertical-menu { display: block; }
.stuck #vertical-menu .icon-angle-down { display: none; }
.stuck #vertical-menu li { list-style: none; }
.stuck #vertical-menu .header-vertical-menu__opener { width: 250px; min-width: 50px; background-color: transparent !important; color: #fff; box-shadow: none; }
.stuck #logo { display: none; }
.stuck .search__list { display: none; }
.stuck .header-main .cart-item .header-cart-link { min-height: 36px; line-height: 36px; }
.stuck .header-vertical-menu__opener { margin-top: 6px; }

@keyframes ring { 0% { transform: rotate(-15deg); }
  2% { transform: rotate(15deg); }
  4% { transform: rotate(-18deg); }
  6% { transform: rotate(18deg); }
  8% { transform: rotate(-22deg); }
  10% { transform: rotate(22deg); }
  12% { transform: rotate(-18deg); }
  14% { transform: rotate(18deg); }
  16% { transform: rotate(-12deg); }
  18% { transform: rotate(12deg); }
  20% { transform: rotate(0deg); } }
.button:not(.icon) { min-height: 40px; line-height: 38px; }
.button:not(.icon).is-outline { border-width: 1px; }

.section-title-container { margin-bottom: 0; }

.section-title { border-bottom: none; }
.section-title span.section-title-main { border-bottom: none; font-size: 22px; }
.section-title .btn_menu { display: none; }
.section-title .title-show-cats { margin-bottom: 0; margin-right: 0; }
.section-title .title-show-cats li { margin-bottom: 0; margin-left: 5px; margin-bottom: 0; list-style: none; display: inline-block; }
.section-title .title-show-cats li a { font-size: 14px; line-height: 22px; font-weight: 400; text-transform: uppercase; color: #000; padding: 8px 19px; border-radius: 100px; background: #eee; border: 1px solid transparent; }
.section-title .title-show-cats li.active > a, .section-title .title-show-cats li:hover > a, .section-title .title-show-cats li:first-child > a { background: var(--fs-color-secondary); border-color: var(--fs-color-secondary); color: #fff; }
.section-title .read-more { display: flex; }
.section-title .read-more span { text-transform: none; font-weight: 400; color: var(--primary-color); margin-right: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.section-title .read-more i { color: var(--primary-color); font-size: 18px; }
.section-title .read-more:hover span { margin-right: 5px; }

.wpcf7 .col { padding-bottom: 0; }
.wpcf7 label { font-weight: 500; color: var(--primary-color); }
.wpcf7 label span { color: red; }
.wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 textarea, .wpcf7 select { border: none; box-shadow: none; height: 46px; border-radius: 5px; border: 1px solid #EEEFF2; background-color: #fff; }
.wpcf7 input[type=email]::-webkit-input-placeholder, .wpcf7 input[type=email]:-ms-input-placeholder, .wpcf7 input[type=email]::placeholder, .wpcf7 input[type=tel]::-webkit-input-placeholder, .wpcf7 input[type=tel]:-ms-input-placeholder, .wpcf7 input[type=tel]::placeholder, .wpcf7 input[type=text]::-webkit-input-placeholder, .wpcf7 input[type=text]:-ms-input-placeholder, .wpcf7 input[type=text]::placeholder, .wpcf7 textarea::-webkit-input-placeholder, .wpcf7 textarea:-ms-input-placeholder, .wpcf7 textarea::placeholder, .wpcf7 select::-webkit-input-placeholder, .wpcf7 select:-ms-input-placeholder, .wpcf7 select::placeholder { font-size: .875rem; color: #717b96; color: #717b96; font-weight: 400; }
.wpcf7 input[type=email]:focus, .wpcf7 input[type=tel]:focus, .wpcf7 input[type=text]:focus, .wpcf7 textarea:focus, .wpcf7 select:focus { border-color: var(--primary-color); }
.wpcf7 input[type=email].is-large, .wpcf7 input[type=tel].is-large, .wpcf7 input[type=text].is-large, .wpcf7 textarea.is-large, .wpcf7 select.is-large { height: 60px; }
.wpcf7 .wpcf7-spinner { display: none; }
.wpcf7 .wpcf7-submit { border-radius: 100px; }
.wpcf7 .newsletter input[type=email] { border-radius: 0; border-top-left-radius: 100px; border-bottom-left-radius: 100px; }
.wpcf7 .newsletter .wpcf7-submit { height: 44px; border-radius: 0; border-top-right-radius: 100px; border-bottom-right-radius: 100px; background: var(--coupon-button-color); }

.slider-nav-circle .flickity-prev-next-button { opacity: 1 !important; height: 36px; min-width: 36px; z-index: 9; }
.slider-nav-circle .flickity-prev-next-button svg { border-width: 1px; padding: 27%; }

.slider-nav-top.slider-nav-circle .flickity-prev-next-button { height: 50px; top: -55px; margin-top: 0; }
.slider-nav-top.slider-nav-circle .flickity-prev-next-button.next { left: 97%; }
.slider-nav-top.slider-nav-circle .flickity-prev-next-button.previous { right: 8%; }

.flickity-page-dots .dot { border-width: 1px; opacity: 1; }

.product-category .header-title { text-transform: none; margin: 12px 0px 0px; padding: 0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 15px; line-height: 1.2; }

.coupon_item { position: relative; background: #fff; filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.15)); padding: 10px; display: flex; min-height: 120px; border-radius: 5px; min-height: 100px; }
.coupon_item .coupon_icon { width: 80px; flex: 0 0 80px; }
.coupon_item:before { content: ""; position: absolute; top: 0; left: -3px; height: 100%; width: 10px; color: #fff; background-clip: padding-box; background: repeating-linear-gradient(#e5e5e5, #e5e5e5 5px, transparent 0, transparent 9px, #e5e5e5 0, #e5e5e5 10px) 0/1px 100% no-repeat, radial-gradient(circle at 0 7px, transparent, transparent 2px, #e5e5e5ee 0, #e5e5e5 3px, currentColor 0) 1px 0/100% 10px repeat-y; }
.coupon_item:after { bottom: -4px; top: auto; }
.coupon_item .coupon_body { display: flex; flex-direction: column; justify-content: space-between; padding: 5px 5px 5px 15px; }
.coupon_item .coupon_body .coupon_title { font-size: 15px; color: var(--coupon-title-color); font-weight: bold; margin-bottom: 3px; }
.coupon_item .coupon_body .coupon_desc { font-size: 13px; line-height: 1.2; color: #727272; padding-bottom: 7px; }

@media (max-width: 767px) { .coupon_item { margin: 4px auto; }
  .coupon_item .coupon_icon { width: 80px; flex: 0 0 80px; } }
.coupon_copy { background: var(--coupon-button-color); color: #fff; }
.coupon_copy:hover { color: #fff; filter: brightness(1.1); }

.coupon_item .coupon_copy { border: none; padding: 2px 8px; min-height: 30px; border-radius: 100px; }
.coupon_item .coupon_body button span { display: block; line-height: 24px; height: 24px; font-size: 12px; }
.coupon_item.no-icon .coupon_body { width: 100%; }

.coupon_info { display: none; }

.coupon_info_toggle { font-size: 12px; text-decoration: underline; color: #2E72D2; cursor: pointer; margin-bottom: 3px; }

.coupon-modal { z-index: 99999; }
.coupon-modal .coupon_desc { display: none; }
.coupon-modal .coupon_info { display: block; }
.coupon-modal .modal-content { padding: 15px 20px; }
.coupon-modal .window-close { z-index: 9; position: absolute; right: 8px; top: -1px; }

.coupon-action { --primary-color:var(--coupon-button-color); display: grid; grid-template-columns: 1fr 1fr; margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee; grid-gap: 15px; }

.coupon-title { color: var(--coupon-title-color); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; letter-spacing: 0px; padding: 0px; font-size: 24px; line-height: 32px; max-height: 32px; font-weight: 500; margin: 0px 16px 16px; text-align: center; }

.coupon-row { display: grid; grid-template-columns: 33% 1fr; grid-gap: 5px; padding: 10px 20px; margin-left: -20px; margin-right: -20px; }
.coupon-row:nth-child(2n) { background-color: #f3f3f3; }
.coupon-row .coupon-info { grid-column: 1/-1; grid-row: 2; }

.coupon-action { margin-top: 20px; padding-top: 20px; border-top: 1px solid #F0F1F2; }

.coupon-label { color: #4c4c4c; }

@media (max-width: 1024px) { .coupon_item { margin: 10px auto; height: auto; }
  .section_coupons .row { flex-wrap: nowrap; overflow-x: auto; flex-wrap: nowrap; }
  .section_coupons .col-lg { padding-right: 4px; }
  .section_coupons .row { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }
  .section_coupons .row::-webkit-scrollbar { display: none; } }
.coupon-action .btn { padding: 10px; }

@media (max-width: 1024px) and (min-width: 992px) { .section_coupons .col-lg { flex: 0 0 31%; } }
@media (max-width: 767px) { .coupon-modal .modal-dialog { position: absolute; bottom: 0; margin: 0; width: 100%; top: auto !important; transform: none !important; }
  .coupon-modal .modal-content { border-radius: 5px 5px 0 0; } }
.coupon_item.coupon--new-style { position: relative; background: transparent; filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.15)); padding: 10px; display: flex; min-height: 120px; border-radius: 5px; min-height: 100px; padding: 0; padding-left: 8px; }
.coupon_item.coupon--new-style:before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 8px; color: #fff; background-clip: padding-box; background: var(--coupon-button-color); border-radius: 15px 0 0 15px; }
.coupon_item.coupon--new-style .coupon_icon { border-radius: 0 15px 15px 0; background: #fff; filter: drop-shadow(0px 0px 0.5px rgba(0, 0, 0, 0.15)); padding-left: 10px; position: relative; display: flex; align-items: center; }
.coupon_item.coupon--new-style .coupon_icon img { max-width: 80%; }
.coupon_item.coupon--new-style .coupon_icon:after { position: absolute; content: ""; width: 2px; height: 50%; right: 0; top: 50%; transform: translateY(-50%); border: 1px solid dashed; border-right: 2px dashed #ccc; }
.coupon_item.coupon--new-style .coupon_body { background: #fff; border-radius: 15px; filter: drop-shadow(0px 0px 0.5px rgba(0, 0, 0, 0.15)); padding: 15px 12px; }
.coupon_item .coupon_head.coupon--has-info { position: relative; padding-right: 22px; }
.coupon_item .coupon_head .coupon-icon-info { position: absolute; right: 0; top: 0; width: 22px; height: 22px; line-height: 16px; border: 2px solid var(--coupon-button-color); border-radius: 50%; cursor: pointer; }

.coupon-code-body { display: flex; font-size: 13px; min-height: 40px; flex-direction: column; justify-content: center; }
.coupon-code-body .coupon-code-row span { color: #999; }
.coupon-code-body .coupon-code-row span.date-warning { color: #dc3545; font-size: 12px; }

.coupon-desc-info { display: none; position: absolute; width: 300px; background: #fff; left: calc(100% + 5px); top: 0; border-radius: 15px; }
.coupon-desc-info:before { position: absolute; content: ""; width: 20px; height: 50%; top: 0; right: 100%; }

@media (min-width: 1200px) { .coupon_item .coupon_head .coupon-icon-info:hover .coupon-desc-info { display: block; } }
.section_coupons > .container > .row > div:last-child .coupon-desc-info, .cart-coupon .coupon-desc-info, .details-product .coupon-desc-info { left: auto; right: calc(100% + 5px); }

.section_coupons > .container > .row > div:last-child .coupon-desc-info:before, .cart-coupon .coupon-desc-info:before, .details-product .coupon-desc-info:before { left: 100%; right: auto; }

.coupon_item:hover { z-index: 1; }

.coupon-desc--head { padding: 10px; background: var(--coupon-button-color); color: #fff; border-top-left-radius: inherit; border-top-right-radius: inherit; }

.coupon-desc--body { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; }

.coupon-desc--row { display: grid; grid-template-columns: 40px 1fr; padding: 10px; background: #fff; margin: 5px 0; line-height: 1.3; }
.coupon-desc--row:nth-child(2n) { background: #fafafa; }
.coupon-desc--row.coupon-about { display: block; line-height: 1.5; text-align: justify; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; }

.coupon-copy-code { display: inline-block; margin-left: 5px; background: initial; padding: 0 !important; margin-bottom: 0 !important; cursor: pointer; }
.coupon-copy-code > i { font-size: 15px; }
.coupon-copy-code.disabled > i:before { font-weight: 900; }

.product-small.col .col-inner { background: #fff; }
.product-small.col .col-inner:hover { box-shadow: 0px 0px 6px 0px rgba(50, 50, 93, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.02); }
.product-small.col .badge-container .badge-circle { height: auto; margin-left: 0; }
.product-small.col .badge-container .badge-inner { border-radius: 0 !important; background-color: var(--primary-color) !important; font-weight: 400; padding: 8px 8px; font-size: 14px; }

.product-small.box .box-text { padding: 12px 13px 10px; text-align: left; }
.product-small.box .product-title { margin-bottom: 10px; }
.product-small.box .product-title a { font-weight: 500; font-size: 15px; text-align: left; color: #000; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; margin-bottom: 15px; min-height: 40px; }
.product-small.box .product-title a:hover { color: var(--secondary-color); }
.product-small.box .category { text-transform: none; font-size: 12px; opacity: 1; margin-bottom: 6px; }
.product-small.box .price { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; }
.product-small.box span.amount { font-size: 15px; font-weight: 500; color: var(--secondary-color); }
.product-small.box del span.amount { color: #000; font-size: 13px; margin-left: 8px; }
.product-small.box .price-wrapper { position: relative; }
.product-small.box .ux-swatch--label { box-shadow: none !important; border: 1px solid #ccc; border-radius: 5px !important; }
.product-small.box .ux-swatch--label.selected { background-color: var(--secondary-bg); color: var(--secondary-color); }
.product-small.box .actions { position: absolute; opacity: 0; visibility: hidden; top: 10px; transform: translateX(100px); display: flex; justify-content: center; align-items: center; transition: transform .3s ease-out; width: 40px; height: 40px; overflow: hidden; border-radius: 100%; right: 10px; }
.product-small.box .actions .action { background: #fff; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; margin: 5px; transition: all .22s ease-out; }
.product-small.box .buybutton { display: block; position: relative; }
.product-small.box .buybutton .add-cart-view { width: 30px; height: 30px; display: inline-flex; align-items: center; padding: 4px; font-size: 18px; background: #d0021b; border-radius: 100%; color: #fff; justify-content: center; margin-right: 5px; margin-left: auto; box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.25); position: absolute; right: 0; top: -28px; padding: 6px; }
.product-small.box .buybutton .add-cart-view svg path { fill: #fff; }

.product-small.box:hover .actions .action { position: absolute; opacity: 1; transform: translateX(0); background: #fff; z-index: 99; visibility: visible; align-items: center; box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.25); }

#shop-sidebar span.widget-title { text-transform: none; font-size: 16px; display: block; color: #252525; border-bottom: 1px dashed #d7d7d7; padding-bottom: 10px; margin-bottom: 10px; }
#shop-sidebar .is-divider { display: none; }
#shop-sidebar ul li { position: relative; }
#shop-sidebar ul li a { letter-spacing: 0.5px; padding: 8px 10px 8px 30px; color: #2c2c2c; font-size: 14px; }
#shop-sidebar ul li:before { content: ""; width: 16px; height: 16px; border: 1.5px solid #808080; border-radius: 3px; position: absolute; left: 0; top: 11px; opacity: 1; font-family: fl-icons !important; }
#shop-sidebar ul li + li { border-top: none; }
#shop-sidebar ul li:hover > a, #shop-sidebar ul li.active > a { color: var(--primary-color); }
#shop-sidebar ul li:hover:before, #shop-sidebar ul li.active:before { content: ""; color: #fff; line-height: 16px; font-size: 11px; text-align: center; background-color: var(--primary-color); border-color: var(--primary-color); }
#shop-sidebar .widget_price_filter .ui-slider-horizontal { height: 3px; background-color: #ccc; }
#shop-sidebar .widget_price_filter .ui-slider .ui-slider-range { background-color: var(--primary-color); opacity: 1; }
#shop-sidebar .widget_price_filter .ui-slider .ui-slider-handle { height: 24px !important; width: 24px !important; border-radius: 50% !important; top: -8px !important; border: none !important; background: #fff !important; border: solid 6px var(--primary-color) !important; }
#shop-sidebar .widget_price_filter .price_slider_amount { display: flex; flex-direction: column-reverse; }
#shop-sidebar .widget_price_filter .price_slider_amount .button { background-color: var(--primary-color); height: 44px; line-height: 44px; font-weight: 500; width: 120px; border-radius: 80px; margin-top: 20px; font-size: 16px; }
#shop-sidebar .widget_price_filter .price_slider_amount .button:hover { background-color: var(--primary-color); }
#shop-sidebar .widget_price_filter .price_slider_amount .price_label { display: flex; justify-content: space-between; }

.page-wrapper { padding-top: 10px; }

.rank-math-breadcrumb { font-size: 14px; font-weight: 400; text-transform: none; text-align: left; color: var(--primary-color); }
.rank-math-breadcrumb p { margin-bottom: 0px; }
.rank-math-breadcrumb .separator { color: #5f5f5f; }
.rank-math-breadcrumb a { color: #000; }

.woocommerce-page { font-size: 14px; }
.woocommerce-page .checkout-breadcrumbs { display: inline-block; margin: 0 auto; }
.woocommerce-page .checkout-breadcrumbs .divider { display: none; }
.woocommerce-page .checkout-breadcrumbs .breadcrumb-step { background-color: transparent !important; height: 30px; width: 30px; line-height: 28px; font-weight: 600; font-size: 14px; border: 1px solid; color: var(--primary-color); }
.woocommerce-page .checkout-breadcrumbs a { font-weight: 500; font-size: 16px; line-height: 17px; letter-spacing: -0.03em; color: var(--primary-color); text-transform: none; background: #FDFCF8; min-height: 42px; padding: 0 25px; position: relative; border: 1px solid var(--primary-color); margin-left: -8px; }
.woocommerce-page .checkout-breadcrumbs a:after { content: ""; position: absolute; right: -16px; width: 0px; height: 0px; border-top: 21px solid transparent; border-bottom: 21px solid transparent; border-left: 18px solid #FDFCF8; z-index: 2; }
.woocommerce-page .checkout-breadcrumbs a:before { content: ""; position: absolute; right: -18px; width: 0px; height: 0px; border-top: 21px solid transparent; border-bottom: 21px solid transparent; border-left: 18px solid var(--primary-color); z-index: 1; }
.woocommerce-page .checkout-breadcrumbs a.current { background: var(--primary-color); color: #fff; }
.woocommerce-page .checkout-breadcrumbs a.current .breadcrumb-step { border-color: #fff !important; color: #fff !important; }
.woocommerce-page .checkout-breadcrumbs a.current:after { border-left-color: var(--primary-color); z-index: 1; }
.woocommerce-page .button { border-width: 1px; text-transform: none; font-weight: 400; }
.woocommerce-page .checkout-button, .woocommerce-page #place_order { background-color: var(--secondary-color) !important; }
.woocommerce-page .coupon .expand { background-color: var(--primary-color); color: #fff; text-shadow: none; }
.woocommerce-page .woocommerce-privacy-policy-text { display: none; }
.woocommerce-page .shop_table thead th { font-weight: 500; font-size: 15px; text-transform: none; border-width: 1px; border-color: #d9d9d9; }
.woocommerce-page .shop_table .product-subtotal { min-width: 100px; }
.woocommerce-page .shop_table td.product-thumbnail { width: 75px; }
.woocommerce-page .shop_table .product-name a { font-weight: 500; font-size: 14px; }
.woocommerce-page .shop_table .variation { text-transform: none; color: #111; }
.woocommerce-page .shop_table a.remove { margin: 0 auto; width: 27px; height: 27px; border-radius: 5px; background: #e0e1e2; text-align: center; align-items: center; display: flex; justify-content: center; border: none; }
.woocommerce-page .shop_table a.remove svg { max-width: 15px; }
.woocommerce-page .button-continue-shopping, .woocommerce-page button[name="update_cart"] { background: #C5C4C4; font-weight: 500; font-size: 14px; line-height: 20px; color: #F8F8F8; border-radius: 10px; min-height: 40px; display: flex; align-items: center; text-transform: none; border: none; opacity: 1; }
.woocommerce-page .button-continue-shopping i, .woocommerce-page button[name="update_cart"] i { font-size: 24px; top: 0; height: 26px; }
.woocommerce-page button[name="update_cart"] { background: var(--primary-color); }
.woocommerce-page .cart_totals thead th { font-weight: 500; font-size: 16px; text-transform: none; border-width: 1px; border-color: #C5C4C4; }
.woocommerce-page .cart_totals tbody th { font-weight: 500; font-size: 16px; border-bottom: none; }
.woocommerce-page .cart_totals tbody tr td { border-bottom: none; }
.woocommerce-page .cart_totals .shipping-calculator-button { font-style: italic; font-weight: 500; font-size: 11px; color: var(--primary-color); }
.woocommerce-page .cart-sidebar .widget-title { border-bottom: none; font-weight: 500; font-size: 16px; margin-bottom: 0; }
.woocommerce-page #coupon_code { box-shadow: none; min-height: 42px; border-radius: 5px; }
.woocommerce-page .coupon .expand { color: #dc2626; background-color: var(--secondary-bg); text-shadow: none; border-radius: 5px; font-weight: 500; font-size: 16px; min-height: 40px; }
.woocommerce-page .has-border { border: 1px solid #E3E3E3; }
.woocommerce-page .woocommerce-billing-fields { border: none; padding-top: 0; }
.woocommerce-page form.checkout label { font-weight: 500; font-size: 15px; }
.woocommerce-page form.checkout h3 { font-weight: 500; font-size: 18px; text-transform: none; padding-top: 0px; }
.woocommerce-page form.checkout .woocommerce-shipping-fields label { font-weight: 500; }
.woocommerce-page .cart-discount { background-color: var(--primary-bg); font-size: 14px; width: 100%; }
.woocommerce-page .cart-discount th { padding: 13px 10px; }
.woocommerce-page .woocommerce-checkout input[type=text], .woocommerce-page .woocommerce-checkout input[type=tel], .woocommerce-page .woocommerce-checkout input[type=email], .woocommerce-page .woocommerce-checkout textarea, .woocommerce-page .woocommerce-checkout select, .woocommerce-page .woocommerce-checkout .select2-container .select2-selection { border: transparent; box-shadow: none; background-color: #fff; border: 1px solid #ddd; height: 42px; }
.woocommerce-page .woocommerce-checkout input[type=text]:focus, .woocommerce-page .woocommerce-checkout input[type=tel]:focus, .woocommerce-page .woocommerce-checkout input[type=email]:focus, .woocommerce-page .woocommerce-checkout textarea:focus, .woocommerce-page .woocommerce-checkout select:focus, .woocommerce-page .woocommerce-checkout .select2-container .select2-selection:focus { border-color: var(--primary-color); }
.woocommerce-page .woocommerce-checkout textarea { min-height: 70px; }

.shop_table thead th, .shop_table .order-total td, .shop_table .order-total th, .cart_totals th.product-name { font-weight: 400; }

.quantity { margin-bottom: 0 !important; }
.quantity .button { width: 30px; height: 40px; text-align: center; line-height: 30px; cursor: pointer; padding: unset; text-shadow: unset !important; color: #000 !important; font-size: 23px; }
.quantity .button:hover { background-color: var(--primary-color) !important; color: #fff !important; }
.quantity .qty { border: none; width: 45px !important; font-size: 16px !important; outline: none; box-shadow: none; padding: 0; height: 40px; }

.quantity .button.minus, .quantity .button.plus { border: unset; min-height: unset; }

.off-canvas .off-canvas-cart ul.product_list_widget li a:not(.remove) { font-size: 14px; font-weight: 700; color: var(--primary-color); }
.off-canvas .off-canvas-cart ul.product_list_widget li a.remove { border: none; color: #9C9B9B; font-size: 38px !important; font-weight: 400 !important; }
.off-canvas .off-canvas-cart ul.product_list_widget li .quantity { opacity: 1; color: #414042; font-size: 16px; }
.off-canvas .off-canvas-cart ul.product_list_widget li .quantity span.amount { color: #c00; }
.off-canvas .off-canvas-cart .widget_shopping_cart p.total { border-bottom: none; display: flex; justify-content: space-between; }
.off-canvas .off-canvas-cart .woocommerce-mini-cart__buttons a { text-transform: none; margin-top: 10px; font-size: 14px; font-weight: 400; background-color: #fff !important; color: var(--primary-color); border: 1px solid var(--primary-color); border-radius: 100px; box-shadow: none; }
.off-canvas .off-canvas-cart .woocommerce-mini-cart__buttons a:hover { background-color: var(--primary-color) !important; color: #fff; }
.off-canvas .off-canvas-cart .woocommerce-mini-cart__buttons a.checkout { color: #fff; background-color: #c5534c !important; border-color: #c5534c; }
.off-canvas .off-canvas-cart .woocommerce-mini-cart__buttons a.checkout:hover { border-color: var(--secondary-color); }

.select2-container .select2-selection--single .select2-selection__rendered, .select2-selection { line-height: 40px; }

.shop-page-title { background: #F6F6F6; }
.shop-page-title .page-title-inner { padding-bottom: 15px; padding-top: 15px; }

.product-images .image-tools { left: auto; right: 0; }
.product-images .image-tools a { color: #000; background-color: transparent !important; border: none; }

.product-sidebar-small { padding-bottom: 0; }

.product-info { padding-bottom: 0; }
.product-info h1.product-title { font-size: 20px; font-weight: 500; }
.product-info .price-wrapper { border-top: 1px dotted #dee2e6; border-bottom: 1px dotted #dee2e6; padding: 10px 0 !important; font-size: 13px; margin-bottom: 15px; margin-top: 15px; }
.product-info .price { display: flex !important; flex-direction: row-reverse; justify-content: flex-end; }
.product-info del span.amount { color: #000; font-size: 18px; margin-left: 10px; }
.product-info span.amount { font-size: 24px; color: #db2121; }
.product-info .productSku { margin-bottom: 15px; }
.product-info .product-meta { display: inline-block; float: left; line-height: 25px; }
.product-info .product-meta span { font-weight: 700; }
.product-info .buttons_added { display: -webkit-box; margin-bottom: 10px !important; }
.product-info .product-short-description p { margin-bottom: 5px; }
.product-info .single_add_to_cart_button { min-width: 150px; font-weight: 500 !important; white-space: nowrap; width: 228px; margin: 10px 0px; border: 1px solid transparent; position: relative; font-size: 14px; color: #ffffff; text-align: center; height: 42px; cursor: pointer; text-transform: uppercase !important; opacity: 1 !important; border-radius: 100px; box-shadow: none; }
.product-info .single_add_to_cart_button:hover { filter: brightness(1.2); }
.product-info .buy_now_button { background: #fff; width: 200px; margin: 10px 0px; text-transform: uppercase !important; font-weight: 500 !important; position: relative; font-size: 14px; color: var(--coupon-button-color); text-align: center; height: 42px; cursor: pointer; margin-left: 10px; border-radius: 100px; border: 1px solid; }
.product-info .buy_now_button:hover { background: var(--coupon-button-color); color: #fff; }
.product-info .quantity input[type=number] { min-width: 70px; }
.product-info .quantity .button { width: 35px; }
.product-info .variations label { font-size: 13px; }
.product-info .stock { display: inline-block; }
.product-info .stock.out-of-stock { color: #db2121; }
.product-info .stock.in-stock { color: #53a900; }
.product-info p.stock.out-of-stock { color: var(--secondary-color); font-size: 24px; color: #db2121; }
.product-info .product-short-description table { border-left: 1px solid #dee2e6; border-top: 1px solid #dee2e6; }
.product-info .product-short-description table tr:nth-of-type(odd) { background-color: #0000000d; }
.product-info .product-short-description table td, .product-info .product-short-description table th { font-size: 12px; border-bottom: 1px solid #dee2e6; padding: 11px 9px; border-right: 1px solid #dee2e6; }
.product-info .woocommerce-product-rating li { display: flex; align-items: center; }
.product-info .woocommerce-review-link { font-size: 16px; margin-left: 5px; color: #000; }
.product-info .devvn_single_rating { margin-bottom: 0px; display: inline-flex; padding-left: 15px; align-items: center; }
.product-info .devvn_single_rating:before { content: ""; margin: 0 5px; top: 4px; left: 3px; background: #222; width: 1.5px; height: 17px; position: absolute; }
.product-info .ux-swatch { min-height: 33px; min-width: 67px; margin: 0; background-color: #fff; border: 1px solid #bdbfbe; border-radius: 4px; box-shadow: none; margin-left: 10px; }
.product-info .ux-swatch .ux-swatch__text { font-weight: 500; font-size: 16px; color: var(--primary-color); }
.product-info .ux-swatch.selected { background-color: var(--primary-color); box-shadow: none; border-color: var(--primary-color); box-shadow: none; }
.product-info .ux-swatch.selected .ux-swatch__text { color: #fff; }

.product-footer .woocommerce-tabs, .product-section { border-top: none; }

.product-section-title { color: #333333; font-size: 1.4em; margin: 0px; line-height: 1.2; text-transform: none; padding-bottom: 8px; }

.product-page-sections .tab-title { width: auto; display: inline-block; padding: 11px 29px; margin-bottom: 0; cursor: default; font-weight: 700; }
.product-page-sections .tab-title.description { color: #fff; background-color: #B20D0C; }
.product-page-sections .tab-title.reviews { background-color: #ffd31c; margin-bottom: 15px; padding: 5px 25px; border-top-right-radius: 7px; border-top-left-radius: 7px; font-size: 28px; color: #2e671f; width: 100%; margin-bottom: 0; }
.product-page-sections .entry-content { border: 1px solid #ccc; padding: 15px; background: #fff; }

#product-sidebar .col.large-4 { flex-basis: 100%; max-width: 100%; }
#product-sidebar .coupon_item .coupon_icon { display: none; }

.product-main { padding: 30px 0 0; }

.entry-content.description { overflow: hidden; position: relative; display: block !important; font-weight: 300; }

.single-product .tab-panels div#tab-description.panel:not(.active) { height: 0 !important; }

.devvn_readmore_flatsome { text-align: center; cursor: pointer; position: absolute; z-index: 8; bottom: 0; left: 0; width: 100%; background: #fff; }

.devvn_readmore_flatsome:before { height: 55px; margin-top: -45px; content: ""; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff00', endColorstr='#ffffff',GradientType=0 ); display: block; }

.devvn_readmore_flatsome a { color: #fff; display: inline-block; height: 40px; line-height: 40px; width: 100%; text-transform: none; font-weight: 500; background: #6c757d; font-size: 18px; }

.devvn_readmore_flatsome a:after { content: ''; width: 0; right: 0; border-top: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; display: inline-block; vertical-align: middle; margin: -2px 0 0 5px; }

.custom-khuyenmai .alignleft { float: none; }

.blog-wrapper { padding-top: 0; }

.post-sidebar .widget { background: #fff; padding: 10px 20px; }
.post-sidebar .widget-title { font-size: 18px; }
.post-sidebar .widget-title:after { content: ''; height: 2px; width: 35%; display: block; background: #c10a28; margin: 5px 0; }
.post-sidebar .is-divider { display: none; }
.post-sidebar ul li { color: #333; font-size: 15px; }
.post-sidebar .flatsome_recent_posts .badge { width: 86px; height: 80px; border-radius: 10px; overflow: hidden; }
.post-sidebar .flatsome_recent_posts li a { color: #231f20; font-size: 14px; font-weight: 700; }
.post-sidebar .flatsome_recent_posts li a:hover { color: var(--primary-color); }
.post-sidebar .flatsome_recent_posts li .post_comments { display: none; }

.post-item .col-inner { background: #FFFFFF; }
.post-item .box-text { padding-bottom: 12px; }
.post-item .post-title { color: #00210E; font-weight: 700; font-size: 16px; margin-bottom: 6px; }
.post-item .post-title:hover { color: var(--primary-color); }
.post-item .post-meta { color: #808080; }
.post-item .is-divider { display: none; }
.post-item p.from_the_blog_excerpt { color: #586059; font-weight: 400; font-size: 14px; }
.post-item .box-vertical { padding: 15px; }
.post-item .box-vertical .box-image, .post-item .box-vertical .box-text { display: table-cell; vertical-align: top; padding-top: 0; }
.post-item .box-vertical .box-image { max-width: 33%; width: 33%; }

.blog-single { padding-top: 30px; }
.blog-single .entry-content { padding-top: 0; color: #00210E; font-size: 14px; }
.blog-single .entry-content h2 { font-size: 22px; }
.blog-single .article-inner { padding: 15px; background: #fff; }
.blog-single .entry-header .post-meta { position: relative; }
.blog-single .blog-details-tag { margin-top: 40px; padding: 10px 0px; border: 1px solid #ded7d7; border-left: none; border-right: none; }
.blog-single .blog-details-tag a { margin-left: 8px; padding: 10px 10px; display: inline-block; background-color: #f7f7f7; transition: .3s all ease-in-out; }
.blog-single .tag-box { margin-bottom: 30px; }
.blog-single .tag-box:before { content: "#"; color: var(--secondary-color); font-size: 25px; height: 1.75rem; line-height: 1.06; display: inline-block; }
.blog-single .tag-box a { color: #231f20; font-weight: 500; font-size: 14px; background: #F0F0F0; border-radius: 3px; padding: 4px 10px; margin-right: 5px; display: inline-block; margin-bottom: 5px; word-break: break-word; border-radius: 20px; }
.blog-single .tag-box a:hover { color: #fff; background-color: var(--primary-color); }
.blog-single .share-box .social-icons a { margin: 0 10px; color: #3A3B3D; font-size: 15px; }
.blog-single .share-box .social-icons .email { display: none; }
.blog-single .share-box .social-icons .linkedin { display: none; }

.related-title { font-size: 32px; }

.footer-wrapper { overflow: hidden; }

.footer-1 { border-top: 0; padding-top: 40px; background: #efefef; font-size: 15px; }
.footer-1 span.widget-title { margin: 0px 0px 17px; font-weight: 500; font-stretch: normal; display: block; font-size: 18px; text-transform: none; }
.footer-1 .is-divider { display: none; }
.footer-1 .logo-footer { max-height: 150px; display: block; margin: 0 auto 20px; }
.footer-1 ul li a { color: #000; }
.footer-1 p { font-size: 15px; }
@media screen and (min-width: 769px) { .footer-1 .row > .col:nth-child(1), .footer-1 .row > .col:nth-child(4) { flex-basis: 33.333%; max-width: 33.333%; }
  .footer-1 .row > .col:nth-child(2), .footer-1 .row > .col:nth-child(3) { flex-basis: 16.666667%; max-width: 16.666667%; }
  .footer-1 .row > .col:nth-child(1):before { content: ""; position: absolute; right: 5px; top: -9999px; bottom: -9999px; left: -9999px; background: #f6f6f6; z-index: 0; }
  .footer-1 .row > .col:nth-child(1) > * { z-index: 1; position: relative; } }
.footer-1 a { color: #000; }

.copyright-footer strong, .copyright-footer a { color: var(--primary-color); }

.nav-pagination-box { display: block; text-align: center; margin: 0 auto; width: 100%; }
.nav-pagination-box .nav-pagination li:before { display: none; }

.page-numbers > li > a, .page-numbers > li > span { border: none; font-weight: 400; font-size: 16px; line-height: 40px; width: 40px; height: 40px; background: #F3F4F7 !important; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12) !important; border-radius: 12px; color: #000 !important; }
.page-numbers > li > a.current, .page-numbers > li > a:hover, .page-numbers > li > span.current, .page-numbers > li > span:hover { background-color: var(--primary-color) !important; color: #fff !important; }

.back-to-top { border: none !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); height: 45px; width: 45px; bottom: 100px; background: var(--primary-color) !important; color: #fff !important; font-size: 19px; right: 25px; }

[data-icon-label]:after, .button.checkout { background-color: var(--secondary-color) !important; }

.has-off-canvas .current-lightbox-clicked { opacity: 1 !important; }

.off-canvas-left .mfp-content, .off-canvas-right .mfp-content { background-color: #fff; width: 80%; max-width: 400px; }

.icon-zalo { background: url("assets/images/Zalo.png") no-repeat center center; }

.icon-messenger { background: url("assets/images/messFB.png") no-repeat center center; }

.icon-stick { position: fixed; right: 0; bottom: 24%; z-index: 700; }
.icon-stick .list-icon-social { display: flex; margin-right: 0; margin-left: auto; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; padding-right: 0.675rem; border-radius: 5px 0 0 5px; flex-direction: column; }
.icon-stick .list-icon-social a { width: 50px; height: 50px; background-color: var(--primary-color); color: #fff; line-height: 55px; border-radius: 100px; margin-bottom: 5px; text-align: center; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); }
.icon-stick .list-icon-social a i { font-size: 20px; }
.icon-stick .list-icon-social a .icon-zalo { padding-top: 5px; }
.icon-stick .list-icon-social a.facebook { background: #1877F2; }
.icon-stick .list-icon-social a.zalo { background: #3378FF url("assets/images/Zalo.png") no-repeat center center; background-size: 37px; }
.icon-stick .list-icon-social a.messenger { background: #0053F4 url("assets/images/messFB.png") no-repeat center center; background-size: 37px; }
.icon-stick .list-icon-social .close-isocial { background: #ff5c06; color: #fff; padding: 2px 7px; border-radius: 100px; text-align: center; font-size: 22px; line-height: 50px; height: 50px; }
.icon-stick button { margin: 0; }
.icon-stick .show-isocial { display: block; border: none; background: #ff5c06; color: #fff; padding: 7px 9px; font-size: 15px; margin: 0 0 0 auto; -webkit-transform: translateX(100px); transform: translateX(100px); visibility: hidden; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; border-radius: 6px 0 0 6px; }
.icon-stick.active .list-icon-social { -webkit-transform: translateX(100px); transform: translateX(100px); visibility: hidden; }
.icon-stick.active .show-isocial { -webkit-transform: none; transform: none; visibility: visible; pointer-events: auto; }

body .bottom-mobile { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9; padding: 10px 0 3px; text-align: center; background: var(--primary-color); border-top: 1px solid #ededed; }
body .bottom-mobile a { color: #fff; text-decoration: none; opacity: 1 !important; }

.item-bar { float: left; width: 25%; color: #fff; font-size: 11px; }
.item-bar .item-bar-icon { display: flex; align-items: center; justify-content: center; margin-bottom: 5px; height: 22px; line-height: 22px; }
.item-bar .item-bar-icon i { font-size: 19px; }
.item-bar .item-bar-icon img { background: var(--secondary-color); height: 50px; width: 50px; margin-top: -20px; border-radius: 100px; padding: 7px; }
.item-bar .item-bar-icon .icon-zalo, .item-bar .item-bar-icon .icon-messenger { width: 34px; height: 34px; background-size: contain; }

.item-bar.icon-large .item-bar-icon i { font-size: 25px; }

@media screen and (max-width: 812px) { .mobile-nav .has-icon a { height: 36px; width: 30px; color: #111; display: flex; justify-content: center; align-items: center; padding: 0; flex-direction: column; border-radius: 100px; }
  .mobile-nav .has-icon a svg { max-width: 20px; }
  .off-canvas .sidebar-menu { padding: 50px 0; }
  .off-canvas .nav-vertical > li { border-top: none !important; background-color: transparent !important; }
  .off-canvas .nav-vertical > li > a { padding-top: 10px; padding-bottom: 10px; color: #111; height: auto; font-size: 16px; text-transform: none; text-shadow: none; font-weight: 400; }
  .off-canvas .nav-vertical > li > ul > li a { color: #111; }
  .off-canvas .nav-vertical > li > ul > li li { position: relative; margin-left: 20px !important; }
  .off-canvas .nav-vertical > li > ul > li li:before { content: ""; height: 5px; width: 5px; display: inline-block; background-color: #111; position: absolute; top: 50%; transform: translateY(-50%); }
  .nav-vertical li li.menu-item-has-children > a { text-transform: none; font-size: 16px !important; } }
@media screen and (max-width: 512px) { .stuck #logo { display: block; }
  .searchform-wrapper .search-field { min-width: 192px; }
  .product-info .single_add_to_cart_button { width: 180px; }
  .product-info .buy_now_button { width: 160px; }
  .section-title span.section-title-main { font-size: 20px; }
  .title-show-cats { display: block !important; white-space: nowrap; padding-left: 0px; overflow-x: scroll; }
  .title-show-cats li { width: auto; margin: 3px 5px !important; }
  .title-show-cats li:first-child { margin-left: 5px !important; }
  .title-show-cats li a { display: block; width: 100%; }
  .product-small.box .price { display: flex; flex-direction: column-reverse; justify-content: flex-end; align-items: flex-start; } }