@font-face { font-family: Roboto; src: url(../fonts/Roboto-Light.ttf); src: url(../fonts/Roboto-Light.ttf?#iefix) format("truetype"), url(../fonts/Roboto-Light.woff2) format("woff2"), url(../fonts/Roboto-Light.woff) format("woff"), url(../fonts/Roboto-Light.svg#Roboto-Light) format("svg"); font-weight: 300; font-style: normal; font-display: swap }
@font-face { font-family: Roboto; src: url(../fonts/Roboto-Regular.ttf); src: url(../fonts/Roboto-Regular.ttf?#iefix) format("truetype"), url(../fonts/Roboto-Regular.woff2) format("woff2"), url(../fonts/Roboto-Regular.woff) format("woff"), url(../fonts/Roboto-Regular.svg#Roboto-Regular) format("svg"); font-weight: 400; font-style: normal; font-display: swap }
@font-face { font-family: Roboto; src: url(../fonts/Roboto-Medium.ttf); src: url(../fonts/Roboto-Medium.ttf?#iefix) format("truetype"), url(../fonts/Roboto-Medium.woff2) format("woff2"), url(../fonts/Roboto-Medium.woff) format("woff"), url(../fonts/Roboto-Medium.svg#Roboto-Medium) format("svg"); font-weight: 500; font-style: normal; font-display: swap }
@font-face { font-family: Roboto; src: url(../fonts/Roboto-Bold.ttf); src: url(../fonts/Roboto-Bold.ttf?5?#iefix) format("truetype"), url(../fonts/Roboto-Bold.woff2?5) format("woff2"), url(../fonts/Roboto-Bold.woff?5) format("woff"), url(../fonts/Roboto-Bold.svg#Roboto-Bold) format("svg"); font-weight: 700; font-style: normal; font-display: swap }

/* Reset Font */
body { color: #000000; font-weight: normal; line-height: 1.3 font-family:"Roboto", sans-serif }
.nav>li>a { font-family: "Roboto", sans-serif }
.mobile-sidebar-levels-2 .nav>li>ul>li>a { font-family: "Roboto", sans-serif }
.nav>li>a { font-weight: 500 }
.mobile-sidebar-levels-2 .nav>li>ul>li>a { font-weight: 500 }
h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical>li>a { font-family: "Roboto", sans-serif }

/* Reset Font */
b, strong { font-weight: 500; }
.container { padding-left: 10px; padding-right: 10px; }
.row .gallery, .row .row:not(.row-collapse), .container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse) { padding-left: 0; padding-right: 0; margin-left: -10px; margin-right: -10px; width: auto; }
.menu-logo { text-align: center; width: 100% }
.menu-logo a { display: inline-block }
.menu-logo img { max-height: 65px; width: auto }
.nav-vertical > li + li, .nav-vertical-fly-out > li + li { border-top: 1px solid rgba(255, 255, 255, .1); }
.ux-nav-vertical-menu .nav-dropdown li { border-bottom: 1px solid rgba(255, 255, 255, .1); }
.cart-header img { max-width: 100px; height: auto; }
.pb-0 { padding-bottom: 0 !important; }
.pb-10 { padding-bottom: 10px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-0 { padding-top: 0 !important; }
.mt-0 { margin-top: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.mr-auto { margin: auto !important; }
.off-canvas-right.dark .mfp-content, .off-canvas-left.dark .mfp-content { background-color: var(--main-color); }
.off-canvas .sidebar-menu { padding-top: 0; }
.bg-light .section-title, .bg-light, .bg-light p, .bg-light td { color: #111; }
.bg-light .section-title-normal span, .bg-light .section-title-normal { border-color: rgba(0, 0, 0, 0.4); }
.title-no-line > .section-title > b { display: none }
.title-no-line > .section-title.section-title-center { justify-content: center }
.section-title.section-title-center { justify-content: center }
.section-title-center  > b { display: none !important }
.section-title-center .section-title-main { width: 100%; display: block; }
.section-title-center .section-title-main:after { content: ""; height: 20px; display: block; width: 100%; background-image: url('../images/border-main.png'); background-position: center; background-size: auto 10px; background-repeat: no-repeat; clear: both; }
.dark .section-title-center .section-title-main:after { background-image: url('../images/border-white.png'); }
.bg-light .section-title-center .section-title-main:after { background-image: url('../images/border-main.png'); }
.bgyelow .section-title-center .section-title-main:after { background-image: url('../images/border-yelow.png'); }
.menu-logo { text-align: center; width: 100% }
.menu-logo a { display: inline-block }
.menu-logo img { max-height: 65px; width: auto }
#wide-nav  .dns-mega > .nav-dropdown { }
#wide-nav  .dns-mega > .nav-dropdown li { width: 100%; max-width: 200px; float: left; }
#wide-nav .header-nav > li.faf.fa-apple > a:before { content: "\f179"; }
#wide-nav .header-nav > li.faf.fa-laptop > a:before { content: "\f109"; }
#wide-nav .header-nav > li.faf.fa-server > a:before { content: "\f233"; }
#wide-nav .header-nav > li.faf.fa-suitcase > a:before { content: "\f0f2"; }
#wide-nav .header-nav > li.faf.fa-headphones > a:before { content: "\f025"; }
#wide-nav .header-nav > li.faf.fa-refresh > a:before { content: "\f021"; }
#wide-nav .header-nav > li.faf > a:before { opacity: 1; font-family: FontAwesome; color: #fff; font-size: 20px; width: 25px; height: 25px; line-height: 25px; display: inline-block; }
.header-nav .nav-dropdown { padding: 10px 0; }
.header-nav .mega-wrap li { min-width: 25%; }
.header-nav .mega-wrap li a { text-transform: none; font-size: 1em; }
.header-nav .mega-wrap .item-nsx { }
.header-nav .mega-wrap .item-nsx ul { justify-content: space-between; text-align: left; display: grid !important; grid-auto-rows: minmax(min-content, max-content); grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); max-width: 400px; margin: auto; gap: 0; width: 400px; }
.header-nav .mega-wrap .item-nsx ul li { }
.nav > li > a, .nav-dropdown > li > a, .nav-column > li > a, .nav-vertical-fly-out > li > a { color: #000; }
.nav > li > a:hover, .nav-dropdown > li > a:hover, .nav-column > li > a:hover, .nav-vertical-fly-out > li > a:hover { color: var(--mcolor); }
#wide-nav { padding: 5px 0; min-height: 50px; display: block !important; }
#wide-nav .container > div.hide-for-medium { width: 100%; max-width: 1200px; margin: 0 auto; }
#wide-nav .header-nav { justify-content: space-between; width: 100%; flex-wrap: nowrap; }
#wide-nav .header-nav >li.faf:before { display: none; }
#wide-nav .header-nav >li { }
#wide-nav .header-nav >li > a .icon-angle-down { display: none; }
#wide-nav .header-nav >li > a { white-space: nowrap; }
.header-bottom-nav.mobile-nav { flex-wrap: nowrap; }
@media only screen and (max-width:992px) {
  #wide-nav  .searchform-wrapper, #wide-nav  .header-search-form { max-width: 100%; }
  #wide-nav { padding: 0; background: var(--mcolor); }
  #wide-nav > .container > .show-for-medium { width: 100%; padding: 0 10px 5px; }
  #wide-nav > .container { max-width: 100%; padding: 0; flex-direction: column-reverse; }
  #wide-nav .container > div.hide-for-medium { display: block !important; overflow-x: auto; overflow-y: hidden; padding: 8px 10px; background: #000; }
  #wide-nav .header-nav >li a { padding: 0; }
  #wide-nav .header-nav >li > a { padding: 0; font-weight: normal; font-size: 14px; }
  #wide-nav .header-nav >li a img { display: block; margin: 0 auto 6px; }
  #wide-nav .header-nav >li { text-align: center; }
  #wide-nav .header-nav >li.faf > a { text-align: center; display: flex; align-content: center; justify-content: center; }
  #wide-nav .header-nav >li ul { display: none !important; }
}

/*ADD ON*/
:root { --hover-color: #d00912; --main-color: #B12704; --sc-color: #d00912; --sch-color: #35010e; --yellow: #f89a1f; --gcolor: #ececec; --bcolor: #2e2e2e; --mcolor: #d00912; --scolor: #000; --session-padding: 35px 0; --bfont: Arial, Helvetica, sans-serif; --hfont: Arial, Helvetica, sans-serif; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-left { text-align: left; }
img { max-width: 100%; height: auto; }
.row .row-small:not(.row-collapse), .container .row-small:not(.row-collapse) { margin-left: -5px; margin-right: -5px; margin-bottom: 0; }
.row-small > .flickity-viewport > .flickity-slider > .col, .row-small > .col { padding: 0 5px 10px; margin-bottom: 0; }
.img-responsive { max-width: 100%; height: auto; }
.dflex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.dflex-center { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; }
a { cursor: pointer }
.nav-spacing-large > li { margin: 0 25px; }
.nav-divided > li + li > a:after { left: -2em; }
.d-block { display: block }
.d-flex { display: flex }
.flex-nowrap { flex-wrap: nowrap }
blockquote p { margin-bottom: 0 }
.has-shadow .box-text { padding-left: 1em; padding-right: 1em; padding-bottom: 1em; }
.dark .price, .dark .price del, .dark span.amount { color: #f89a1f; }
.normal-title { background-color: var(--sch-color); border-top: none; border-bottom: none; }
.dashboard-links a { font-size: 16px; text-transform: uppercase; padding: 15px 0 }
.dashboard-links a:hover { background-color: var(--sc-color); color: #fff; border-color: var(--sc-color); }
.banner-ads { padding-top: 0 !important; padding-bottom: 0 !important; }
.banner-ads .col { padding-bottom: 0 !important; }
body, html { font-size: 15px; line-height: 1.5; }

/*EnD */
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content, .off-canvas .off-canvas-cart { width: 100%; max-width: 350px; }
.header-nav-main { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.header-search-form { width: 100%; max-width: 500px; }
.searchform-wrapper { max-width: 500px; margin: 0 auto; }
.searchform input[type="search"] { color: #000; font-size: 14px; height: 40px; padding: 5px 20px; outline: none !important; box-shadow: none; }
.searchform .submit-button { height: 40px; width: 40px; background: #f1f1f1 !important; color: var(--sc-color); }
.blog-single .entry-content { padding: 15px; border-radius: 0 0 5px 5px; background: #fff; }
.blog-single .entry-content p, .blog-single .entry-content td { color: #111; }
#secondary .widget .is-divider, #shop-sidebar .widget .is-divider { max-width: 100%; height: 1px; }
#secondary .widget a { color: #000; padding: 0; line-height: 1.2; margin: 8px 0; }
#secondary .widget a:hover { color: var(--mcolor); }
#secondary .widget ul li a::before { content: "\f101"; display: inline-block; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; margin-right: 4px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.alo-circle-ring { width: 30px; height: 30px; -webkit-animation: RotateRing 2.5s infinite ease-in-out; -moz-animation: RotateRing 2.5s infinite ease-in-out; -ms-animation: RotateRing 2.5s infinite ease-in-out; -o-animation: RotateRing 2.5s infinite ease-in-out; animation: RotateRing 2.5s infinite ease-in-out; }
.csck-hotline-wrap { margin-top: 0px; display: flex; align-items: center; line-height: 1.2; margin-right: 30px; }
.csck-hotline-wrap > div:nth-child(1) { margin-right: 10px; }
.csck-hotline-wrap span { font-weight: normal; color: #fff; font-size: 14px; text-transform: capitalize; }
.cskh-holine { padding: 0; margin: 0; }
.cskh-holine div:nth-child(1) { font-size: 22px; color: #f89a1f; font-weight: 700; letter-spacing: -1px !important; }
.footer-wrapper  .flickity-prev-next-button { top: 35%; }
.footer-wrapper .gallery-col.col { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.single-page  .social-icons a.icon.circle { color: var(--main-color); margin: 0 5px; border-color: var(--main-color); }
.single-page h1, .single-page h2, .single-page h3, .single-page h4, .single-page h5, .single-page h6, .single-page .heading-font { color: #111; }
#wpdcom .wpd-second-button, #wpdcom .wpd-prim-button { box-shadow: none; }

/* For Shop */
.product-main { padding: 10px 0; }
.section-title-container { margin-bottom: 10px; }
.section-title-container .section-title-normal { border: none; font-size: 15px; }
.section-title-container .section-title-normal span { display: inline-block; background: #d00912; line-height: 18px; color: #fff; padding: 8px 20px 9px 10px; font-weight: normal; text-transform: none; border-radius: 8px; font-size: 15px; border: none; margin: 0; }
.product-summary .quantity { display: none !important; }
#dns-psummary .dns_bcart { margin: auto; cursor: pointer; float: left; width: 100%; overflow: hidden; padding: 12px 0; border-radius: 4px; font-size: 16px; font-weight: 500; line-height: normal; text-transform: uppercase; color: #fff; text-align: center; background: #d00912; }
#dns-psummary .dns_bcart span { display: block; font-size: 12px; color: #fff; text-transform: none; font-weight: normal; }
#dns-psummary .order_call.dns_bcart { margin-top: 10px; background: #000; }
#dns-psummary .area_order { margin: 0 -5px; }
#dns-psummary .area_order .col { width: 50%; padding: 0 5px; box-sizing: border-box; }
#dns-psummary .buy_ins { line-height: normal; width: 100%; padding: 9px 0; text-align: center; background: #183c6c; color: #fff; border-radius: 4px; font-size: 15px; text-transform: uppercase; font-weight: 500; margin: 10px 10px 0 0; display: block; }
#dns-psummary .buy_ins span { display: block; font-size: 12px; color: #fff; text-transform: capitalize; font-weight: normal; }
#dns-psummary .extra_box, .box_thong_so, .after_detaill .extra_box { margin-top: 15px; font-size: 14px; border: solid 1px #ddd; margin-bottom: 10px; padding: 10px; border-radius: 3px; }
#dns-psummary .extra_box *, .box_thong_so *, .after_detaill .extra_box * { line-height: 22px; }
.after_detaill .extra_box .btitle { margin-bottom: 10px; font-size: 16px; text-transform: capitalize; color: #183c6c; }
.extra_sph .box_sp { position: relative; padding-left: 35px; padding-bottom: 5px; margin-bottom: 5px; font-size: 13px; border-bottom: solid 1px #f0f0f0; }
.extra_sph .box_sp:last-child { border: none; padding-bottom: 0; margin-bottom: 0; }
.extra_sph .box_sp i, .extra_sph .box_sp .icon_bh { position: absolute; font-size: 22px; color: #f80101; left: 0; top: 0; }
.extra_sph .box_sp .icon_bh { background-image: url('../images/icon_c.png'); background-repeat: no-repeat; display: inline-block; width: 30px; height: 30px; background-size: 20px; }
#dns-psummary .btitle { margin-bottom: 10px; font-size: 16px; text-transform: capitalize; color: #183c6c; }
#dns-psummary .extra_box.khuyen_mai { border: solid 1px #000; }
#dns-psummary .extra_box.khuyen_mai legend { display: inline-block; width: 90%; padding: 4px 15px; margin: 0; font-weight: bold; font-size: 15px; color: #000; background-color: #ddd; border-radius: 5px; text-transform: uppercase; line-height: 25px; position: relative; max-width: 250px; }
#dns-psummary .extra_box.khuyen_mai  p { display: inline-block; background: #183c6c; }
.img_wp img { max-width: 400px; width: 100%; height: auto; }
.box_thong_so .box_title { margin-bottom: 10px; }
.box_thong_so br { display: block; width: 100%; margin: 3px auto }
.box_price { /*margin-top: 10px;*/ text-align: center; }
.box_price .price_old { text-align: left; font-weight: normal; }
.giamsoc-ol__top { background: linear-gradient(to right, rgb(215, 98, 54), rgb(208, 9, 18)); border-radius: 4px 4px 0 0; color: #fff; font-size: 15px; font-weight: bold; padding: 10px 5px; }
.box_price .price { background-color: #f1f1f1; border-radius: 0 0 4px 4px; padding: 8px 5px; }
.box_thong_so ul { list-style: none; margin-bottom: 10px; }
.box_thong_so ul li { padding: 8px 10px; background: #fff; margin: 0; }
.box_thong_so ul li:nth-child(2n) { background: #f1f1f1; }
.dns_partner_list { display: grid; grid-auto-rows: minmax(min-content, max-content); grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); max-width: 1400px; margin: 5px auto 10px; gap: 10px; }
.dns_partner_list a { align-items: center; border-radius: 34px; background-color: #fff; justify-content: center; display: flex; height: 38px; padding: 2px 14px; border: solid 1px #d6d6d6; }
.dns_partner_list a img { height: 22px; width: auto; }
div.box_search { margin-top: 6px; padding: 6px 0; justify-content: space-between; flex-wrap: wrap; text-align: center; display: grid; grid-auto-rows: minmax(min-content, max-content); grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); max-width: 1400px; margin: auto; gap: 10px; }
div.box_search a span { line-height: 1; }
div.box_search a { font-size: 13px; width: auto; display: block; padding: 10px 0; white-space: nowrap; background: #fff !important; color: #000 !important; font-weight: normal; border-radius: 25px !important; margin: 0 !important; line-height: 1 !important; min-height: 20px; border: 1px solid #d6d6d6  !important; }
div.box_search a:hover { color: var(--mcolor) !important; }
.adsg_bottom img { width: 100%; height: auto; border: solid 1px #f1f1f1; border-radius: 8px; }
.product-small .box-text-products .product-title a, .pro-overlay .title-wrapper { font-weight: 600; color: #343434; font-size: 14px; display: -webkit-box; line-height: 1.2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 2.5em; -webkit-line-clamp: 2; }
.product-small:hover .box-text-products .product-title a { color: #386ac7; }
.shop-page-title.page-title { padding-bottom: 20px; }
.items-center { align-items: center; }
.badge-container { display: none; }
span.amount { color: var(--main-color) !important; font-size: 16px; }
del span.amount { opacity: .8; font-weight: normal; margin-right: .3em; color: #000 !important; font-size: 12px; }
.product-small .box-image img { border-radius: 5px; }
#dns-psummary { padding-top: 0 }
.box_price { text-align: center; }
.box_price .price_old { text-align: left; font-weight: normal; }
.giamsoc-ol__top { background: linear-gradient(to right, rgb(215, 98, 54), rgb(208, 9, 18)); border-radius: 4px 4px 0 0; color: #fff; font-size: 15px; font-weight: bold; padding: 10px 5px; }
.box_price .price_wp { background-color: #f1f1f1; border-radius: 0 0 4px 4px; padding: 8px 5px; font-size: 16px; }
.box_price .price_wp .price-sale { color: #D00912; font-weight: bold; font-size: 20px }
.box_price .tra-gop { border: solid 1px #000; display: inline-block; padding: 2px; font-size: 14px }
.box_price .pcent-off { background: transparent; color: #D00912; font-weight: normal; }
.box_thong_so ul { list-style: none; margin-bottom: 10px; }
.box_thong_so ul li { padding: 8px 10px; background: #fff; }
.box_thong_so ul li:nth-child(2n) { background: #f1f1f1; }
.km_content ol { list-style: none; padding: 0; counter-reset: kmnum; }
.km_content ol >br { display: none !important; }
.km_content ol li { padding-left: 0; margin-left: 0; }
.km_content ol li:before { content: counter(kmnum); counter-increment: kmnum; border-radius: 50%; color: white; height: 16px; line-height: 16px; text-align: center; width: 16px; font-size: 11px; display: inline-block; background: #183c6c; margin-right: 5px; }
.product-lwrap { position: relative; overflow: hidden; border-radius: 4px; }
.product-lwrap .product-small.has-overlay:before { content: ""; position: absolute; width: 100%; height: 100%; z-index: 1 }
.product-lwrap .pro-overlay { z-index: 9; font-size: 12px; position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: #eee; padding: 0; border-radius: 4px; transition: 0.3s ease all; }
.product-lwrap:hover .pro-overlay { top: 0; }
.pro-overlay .box-ovl-top p { margin-bottom: 0; }
.pro-overlay .box-ovl-top { background: #d1d1cf; color: #000; margin-bottom: 0; padding: 5px 10px; }
.pro-overlay .pro-ovl-inner { padding: 3px; overflow: hidden; max-height: calc(100% - 65px); }
.pro-overlay .pro-ovl-inner ul { list-style: none; margin-bottom: 10px; }
.pro-overlay .pro-ovl-inner ul li { padding: 3px 10px; background: #fff; margin: 0; }
.pro-overlay .pro-ovl-inner ul li:nth-child(2n) { background: #f1f1f1; }
.product-section-title-related { margin-bottom: 10px; padding: 6px 10px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; background: #FE0000; }
.after_detaill { margin: 0 auto 30px auto; border-top: solid 1px #ebecec; padding-top: 30px; }
#tab-desc_inner img { max-width: 100%; height: auto !important; }
.pro_introduct { margin-top: 30px; }
.pro_introduct p { margin-bottom: 10px; }
.pro_introduct p > br { display: none; }
.breadcrumbs a { color: #222; font-weight: normal; font-size: 12px; }
.extra-sgpro_top { background: #f1f1f1; padding: 8px 0; margin-bottom: 10px; }
.extra-sgpro_top  .breadcrumbs { color: var(--main-color); font-weight: normal; padding: 0; font-size: 12px; }
.extra-sgpro_top  .breadcrumbs a:hover { color: var(--mcolor); }
.category-page-row { padding-top: 0; }
.section-tgroup { display: flex; flex-wrap: wrap; }
.section-tgroup .section-title { margin-right: 10px; margin-bottom: 10px; width: auto; }
.list_back_cat { display: flex; }
.list_back_cat a { align-items: center; border: 1px solid #e0e0e0; border-radius: 4px; color: #333; display: flex; font-size: 14px; justify-content: center; line-height: 17px; padding: 8px 9px; margin-bottom: 0; margin-right: 6px; }
.section-tgroup .list_back_cat a:hover { color: var(--mcolor); border-color: var(--mcolor); }
.shop-container .page-description { margin-bottom: 10px; }
.shop-container .term-description .section, .shop-container .page-description .section { padding-left: 0; padding-right: 0; }
.autocomplete-suggestion img + .search-name { font-size: 12px; line-height: 1.2; }
.autocomplete-suggestion .search-price span.amount { font-size: 12px; }
.autocomplete-suggestion .search-price del span.amount { font-size: 10px; }
.autocomplete-suggestion .search-price { display: flex; flex-direction: column; }
.product-footer .woocommerce-tabs > .nav-line-grow, .product-footer .woocommerce-tabs > .nav-line:not(.nav-vertical) { flex-wrap: nowrap; margin-top: 0; border-bottom: solid 1px #f1f1f1; }
.woocommerce-tabs.wc-tabs-wrapper { }
.woocommerce-tabs.wc-tabs-wrapper ul.tabs { position: relative; }
.woocommerce-tabs.wc-tabs-wrapper ul.tabs li { padding: 0; margin: 0 0 -1px; }
.woocommerce-tabs.wc-tabs-wrapper ul.tabs li a { display: flex; flex-direction: column; background: #f1f1f1; padding: 8px 30px 5px; text-transform: none; font-size: 14px; font-weight: 500; font-family: Arial, sans-serif; }
.woocommerce-tabs.wc-tabs-wrapper ul.tabs li.active  a { background: var(--mcolor); color: #fff; }
.price-wrapper .price { line-height: 1.3; }
.pcent-off { font-size: 90%; font-weight: 600; color: #eb5757; background: #fff0e9; border-radius: 4px; padding: 0 3px; }
.product-lwrap ins { display: block; padding-top: 2px; }
.pswp__caption { display: none !important; }
.product-thumbnails img { opacity: 1 }

/*Checkout*/
.checkout-page-title { display: none; }
.dns-cart-wrap { max-width: 800px; margin: 30px auto; box-shadow: 0 0 10px rgba(0, 0, 0, .15); background: #eee; clear: both; box-sizing: border-box; padding: 20px; border-radius: 10px; border: solid 1px #ddd; }
.dns-cart-wrap * { box-sizing: border-box; }
.dns-cart-wrap h1 { text-transform: none; margin-bottom: 1rem; border-bottom: 1px solid #ccc; padding-bottom: 5px; }
.dns-cart-wrap .woocommerce-billing-fields > h3 { display: none !important; }
.dns-cart-wrap .woocommerce-checkout-payment { background: transparent !important; }
.dns-cart-wrap .wc_payment_methods .input-radio { margin-bottom: 10px; margin-right: 5px; }
.dns-cart-wrap .wc_payment_methods label { }
.dns-cart-wrap .wc_payment_methods .payment_box { margin-top: 0; font-style: italic; font-size: 14px; line-height: 1.5; padding-left: 20px; color: #6b6b6b; }
.dns-cart-wrap .dns-title { padding-top: 0; text-transform: uppercase; margin: 2rem auto 0.5rem; font-size: 14px; }
.dns-cart-wrap .place-order { text-align: center; }
.dns-cart-wrap  #order_review .place-order .button:hover { background: #a00; }
.dns-cart-wrap  #order_review .place-order .button { text-transform: uppercase; word-wrap: break-word; white-space: normal; cursor: pointer; border: 0; border-radius: .125rem; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; padding: 8px 2.14rem; font-size: .81rem; width: 100%; text-align: center; max-width: 300px; min-height: 40px; }
.dns-cart-wrap  .title-thanks { font-size: 18px; font-weight: normal; }
.page-template-page-checkout .woocommerce-message, .dns-cart-wrap  .shipping__table  th:nth-child(1) { display: none; }
.dns-cart-wrap  #order_review > table { margin-bottom: 0; }
.dns-cart-wrap  .thank_order_details { list-style: none; }
.dns-cart-wrap  .thank_order_details li { margin-bottom: 0; }
.block-cart__content .actions_bwrap { display: flex; justify-content: flex-end; }
.block-cart__content .shop_table th { font-weight: normal; text-transform: none; }
.block-cart__content .button { text-transform: none; }
.block-cart__content .shop_table, .block-cart__content td.actions, .block-cart__content .woocommerce-cart-form { margin-bottom: 0; padding-bottom: 0; }
.block-cart__content { padding: 10px; background: #fff; }
.dns-note { margin-top: 15px; font-style: italic; font-size: 14px; line-height: 1.5; color: #6b6b6b; margin-bottom: 15px; }
.sticker-group { position: absolute; bottom: 0; left: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.sticker_bar { background: var(--main-color); display: inline-flex; border-radius: 5px; align-items: center; text-transform: uppercase; padding: 0 10px; position: relative; margin-bottom: 5px; }
.sticker_bar span { color: #fff; font-size: 12px; margin-left: 0; overflow: hidden; padding: 0; text-overflow: ellipsis; display: inline-block; text-transform: none; line-height: 25px; }
.woocommerce-variation-price, .variations .reset_variations, .variations th.label { display: none !important; }
.variations .ux-swatches { display: grid; grid-auto-rows: minmax(min-content, max-content); grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); margin: 12px auto 0; gap: 12px; }
.variations .ux-swatches .ux-swatch { white-space: normal; margin: 0; height: 100%; text-align: center; align-content: center; padding: 10px; background: #f1f1f1; color: #000; }
.ux-swatch.selected { -webkit-box-shadow: 0 0 0 .1rem #183c6c; box-shadow: 0 0 0 .1rem #183c6c; }
.product-summary .variations_button, .variations th, .variations td { padding: 0; }
.variations-label { padding-top: 12px; }
.variations .ux-swatches .ux-swatch .sw-price { display: block; font-weight: bold; margin-top: 5px; color: #D00912; }

/* Header */
.hgroup_link { font-weight: bold; color: #fff; display: inline-block; margin: 0 5px; font-size: 18px; text-transform: capitalize; line-height: initial; }
.hgroup_link a { color: #fff }
.hgroup_link span { margin: 2px 0; display: block; font-family: var(--bfont); font-size: 12px; text-transform: capitalize; text-align: center; line-height: 100%; opacity: 1; color: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); }
.hotline_group { align-items: flex-end; }
#header .hgroup_link { float: right; }
#header .hotline_group .hotline { display: inline-block; color: #d00912; background: #fff; margin: 0 5px; border-radius: 5px; padding: 3px 6px; }
#header .hotline_group .hotline-title { font-size: 15px; text-decoration: underline; margin-right: 5px; }
.hgroup_link .address-line { font-size: 16px; margin-top: 5px; }
#top-bar .container { padding: 0; }
#top-bar .html_topbar_right { margin: 0 !important; width: 100%; }
.header_mobile {
  line-height: 18px;
  padding: 5px;
  flex-wrap: nowrap;
  background: #161616;
  justify-content: space-between;
  font-weight: bold;
  color: #fff;
  align-items: flex-end;
}

.header_mobile .open_hours {
  margin-bottom: 8px;
}

.header_mobile .icon {
  margin-right: 5px;
}

.header_mobile .location a {
  color: #fff;
}

.header_mobile .hgroup_hotline {
  position: relative;
}

.header_mobile .hgroup_hotline .htitle {
  font-weight: bold;
  font-size: 14px;
  line-height: 1;
  position: absolute;
  left: -80px;
  display: flex;
  color: #fff;
  top: 3px;
  align-items: center;
}

.header_mobile .hgroup_hotline a {
  background: #fff;
  border-radius: 8px;
  color: #161616;
  padding: 2px 8px;
  display: inline-block;
  margin: 2px 0;
  font-size: 13px;
  font-weight: bold;
}
/* Footer  */
.post-more_relate ul { list-style: none; padding-left: 10px; }
.post-more_relate ul li { }
.post-more_relate ul li a { color: #222; }
.post-more_relate ul li a:hover, .post-more_relate ul li a:focus { color: var(--mcolor); }

/* For Footer  */
#custom_html-3 { display: block; width: 100%; clear: both; }
.social_list { list-style: none; padding: 0; display: inline-block; }
.social_list li { float: left; margin: 0 !important; display: inline-block; padding: 0 5px; }
.social_list li a { display: inline-block; height: 30px; width: 30px; text-align: center; line-height: 30px !important; color: #fff !important; }
.social_list li.facebook a { background: #415A9A; }
.social_list li.youtube a { background: #D41C15; }
.social_list li.google-plus a { background: #F21A12; }
.social_list li.twitter a { background: #00C8FF; }
#footer { border-bottom: 5px solid var(--mcolor); width: 100%; margin-top: 30px; font-size: 13px; line-height: 1.4; }
#footer .absolute-footer { display: none; }
#footer .footer_top { width: 100%; min-height: 130px; background: #fafbfb; background-size: 1920px 130px; padding: 30px 0 0; }
#footer .footer_top h4.caps_light { font-size: 18px; font-weight: 300; text-transform: uppercase; margin: 0; }
#footer .footer_top .ftop_left h2 { color: var(--mcolor); font-size: 45px; margin: 0; font-weight: 900; letter-spacing: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#footer .footer_top .ftop_right > span { color: #fff; line-height: 18px; margin-bottom: 10px; font-style: italic; }
#footer .footer_top .ftop_right .newsle_eminput { float: left; padding: 3px 0px 4px 20px; height: 50px; width: calc(100% - 140px); background: #fff; border-radius: 3px; border: none; color: #727272; font-size: 14px; }
#footer .footer_top .ftop_right .input_submit { transition: all 0.3s ease; float: left; padding: 15px 30px; background-color: var(--mcolor); border: 0px; font-size: 14px; font-weight: 500; color: #fff; text-transform: uppercase; transition: all 0.3s ease; border-radius: 3px; margin-left: 12px; cursor: pointer; }
#footer .footer_top .ftop_right .input_submit:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); }
.phone-list { text-transform: uppercase; line-height: 22px; background: #eee; padding: 5px 0; color: #000; font-weight: bold; font-size: 14px; border-bottom: 1px solid #e0dddd; }
.phone-list .row { align-items: center; }
.phone-list .row > .col { margin-bottom: 0; padding-bottom: 0 !important; }
.phone-list a { font-size: 16px; background: #183c6c; border-radius: 8px; color: #fff; padding: 10px; line-height: 1; display: inline-block; font-weight: bold; }
.phone-list a:hover { color: var(--mcolor); }
#footer-widgets { width: 100%; padding: 30px 0; background: #eee; color: #000; text-align: justify; line-height: 20px; }
#footer-widgets .widget { margin-bottom: 20px; }
#footer-widgets .widget .info_helps h4 { font-size: 13px; margin-bottom: 0; }
#footer-widgets .widget-title { font-weight: 500; font-size: 15px; text-transform: uppercase; margin: 0; position: relative; padding-bottom: 10px; }
.info-list { list-style: none; padding: 0; }
.info-list li.info-title { color: var(--vcolor); text-transform: uppercase; font-weight: bold; }
#footer-widgets a { color: #000; }
#footer-widgets .widget a:hover, #footer-widgets a:hover { color: var(--mcolor) }
#footer-widgets .widget ul { list-style: none; padding: 0 }
#footer-widgets .widget ul li { margin-bottom: 5px; }
#footer-widgets .widget.widget_nav_menu ul li a:before { content: "\f101"; display: inline-block; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; margin-right: 4px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#footer-widgets .widget a { color: #000; padding: 0; line-height: 1.2; }
#copyright { border-top: solid 1px #e3dede; text-align: center; background-color: #eeeeee; padding: 10px 0; }
.inlineblock { display: inline-block }
.floatcall { display: block; background-color: #d00912; border-radius: 4px; bottom: 20px; height: 35px; left: 10px; line-height: 35px; overflow: hidden; position: fixed; width: 105px; z-index: 9999 }
.floatcall>a { color: #fff; display: flex; align-items: center; }
.floatcall .fa.fa-phone { background-color: #b21117; height: 35px; line-height: 35px; text-align: center; width: 30px }
.floatcall span { font-size: 12px; font-weight: bold; padding-left: 5px }
.floatmess { display: block; background-color: #183c6c; border-radius: 4px; bottom: 60px; height: 35px; line-height: 35px; overflow: hidden; position: fixed; width: 75px; z-index: 9999; left: 10px }
.floatmess>a { color: #fff; display: flex; align-items: center; }
.floatmess .fa.fa-comments { background-color: #183c6c; height: 35px; line-height: 35px; text-align: center; width: 30px; border-right: solid 1px #ddd }
.floatmess span { font-size: 12px; font-weight: bold; padding-left: 5px }
.widget_shopping_cart_content .blockUI.blockOverlay, .woocommerce-checkout-review-order .blockUI.blockOverlay { display: none !important; }
@media only screen and (max-width:767px) {
  .list_back_cat { flex-wrap: wrap; }
  .list_back_cat span a { margin-bottom: 6px; }
}
@media (max-width: 849px) {
  .mxt-mobile-over {
    position: relative;
    padding-left: 0!important;
    padding-right: 0!important;
    
  }
  .mxt-mobile-over .section-content{
    border-radius: 8px;
    overflow: hidden;
  }
}