/* Custom CSS loaded after all theme styles for testing overrides */

.contact-box-bottom{position: fixed;bottom: 85px;right: 10px;z-index: 10000;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-transform: translateX(2000px) scale(.7);transform: translateX(2000px) scale(.7);} 
@-webkit-keyframes backInRight { 
0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)} 
80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)} 
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)} 
} 
@keyframes backInRight { 
0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)} 
80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)} 
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)} 
} 
.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight} 
.contact-box-wrapper{display:flex;align-items:center;padding:5px 10px;border-radius:10px;color: #000;} 
.contact-icon-box{display:block;text-align:center;width:40px;height:40px;font-size:16px;line-height:38px;border:1px solid #e5e5e5;border-radius:999px;margin-right: 10px;} 
.contact-info span{color:#868686;font-size:12px;display: block;} 
.article-detail-page .article-product{display:flex;flex-wrap:wrap;border-top:1px solid #E5EAF1;border-left:1px solid #E5EAF1} 
.article-detail-page .article-product .p-item{border-bottom:1px solid #E5EAF1;border-right:1px solid #E5EAF1;width:calc(100% / 3);padding:10px} 
.article-detail-page .article-product .p-item .p-img{margin-bottom:12px} 
.fixed-right-menu.active, .contact-info { display: none; } 
.header-static-group{ float: right; margin-right: 20px; } 
.header-nav-main li a{ padding-right: 20px; } 
@media only screen and (max-width: 48em) { 
/*************** ADD MOBILE ONLY CSS HERE  ***************/ 
.animate__backInRight { display: none !important; } 
.fixed-right-menu.active { display: block; } 
} 

/* =========================
   Global CSS migrated from Theme Settings
   ========================= */
body{color:#000;font-family: 'SF Pro Display', sans-serif; }
.h1, h1 {font-size: 2em ;font-family: 'SF Pro Display', sans-serif;}
.h2, h2 {font-size: 1.5em;font-family: 'SF Pro Display', sans-serif;}
.h3, h3 {font-size: 1.17em;font-family: 'SF Pro Display', sans-serif;}
.h4, h4, .h5, h5, .h6, h6 {font-size: initial;font-family: 'SF Pro Display', sans-serif;}
.h1, h1,.h2, h2,.h3, h3,.h4, h4,.h5, h5,.h6, h6 {font-weight: bold ;font-family: 'SF Pro Display', sans-serif;}
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a { align-items: center; display: flex; padding: 7.5px 15px; text-transform: uppercase; font-family: "Roboto Condensed", sans-serif; font-size: 16px; color: #333; }
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a:hover, .nav-dropdown li a:hover{color:#0d74c6}
.nav-dropdown li{border-top: 1px solid white;}
.section1 .img{margin-bottom:10px !important}
.section1 .col{padding:0 5px 10px}
.section1 .row1 .cot3{flex-basis: 29%; max-width: 29%;}
.section1 .row1 .cot2{flex-basis: 50%; max-width: 50%;}
.section1 .row1 .cot1{flex-basis: 21%; max-width: 21%;}
.nav-dropdown {min-width: 230px;padding: 0;    border-left: 1px solid #d3d3d3; background-color: #ebebeb;margin-top:15px;border-radius:5px; padding-top:0;padding-bottom:0}
.section1 .img img{border-radius:8px}
.nav-dropdown li a{padding: 9px 10px; font-family: "roboto condensed", sans-serif;color: #333;text-transform:uppercase}
.header-bottom-nav.nav-center li a{line-height: 35px; font-size: 18px; color: #333; padding: 0 5px;}
.header-block-block-1 .icon-box h3{padding-top:8px;text-transform: uppercase; color: #117dd4;}
.header-block-block-1 .icon-box .icon-box-text{padding-left:8px}
.header-block-block-1 .col{padding:0 5px 0px}
h1.entry-title.mb {font-size:22px; margin-bottom: 10px; letter-spacing: 0; color: #3b3b3b; }
.page-right-sidebar .page-inner{font-size:18px} .blog-single .entry-content h2{font-size:20px;border-left:5px;color:blue; }
.page-right-sidebar .page-inner{background: white; padding: 20px; border-radius: 8px;}
.page-right-sidebar .page-inner ul{margin-left:20px}
.single-product .product-title{text-transform: uppercase; font-weight: normal; color: #313131;}
.product-info .breadcrumbs { font-size: 16px;}
.widget{    background: white; padding: 15px; border-radius: 8px;}
.single-product .shop-container, .blog-single, .page-right-sidebar{background: #f9f9fb;}
.blog-single .large-3, .page-right-sidebar .large-3{border-left:none !important; padding-left:0}
.page-right-sidebar .large-9{border-right:none !important}
.widget_product_categories ul li a, .widget_categories ul li a{text-transform: uppercase; font-size: 17px; color: #4e4e4e;}.widget_product_categories ul li a:hover, .widget_categories ul li a:hover{color:#2196f3}
.widget .is-divider { height: 1px; max-width: 100%;}
.blog-single .entry-meta{font-size: 16px; text-transform: none; letter-spacing: 0;}
.blog-single .entry-title{text-transform: uppercase; font-weight: normal;} .blog-single .is-divider{display:none}
.blog-single .blog-share{text-align:left}
.blog-single .entry-content{padding-bottom:0;text-align:justify; color: #2f2f2f;font-family:"roboto", sans-serif}
.blog-single .entry-image img{border-radius:8px}
.single-post .article-inner {background: white; padding: 20px; border-radius: 8px;}
.widget .icon-box{border-top: 1px solid #e4e4e4; padding: 10px 0;}
.block_widget .is-divider{display:none}
.single-product .large-3{padding-top:25px}span.widget-title{font-weight: 600; text-transform: uppercase; letter-spacing: 0; font-size: 18px; padding-bottom: 0px; display: block; color: #2b2b2b;}
.title-custom:hover{text-decoration:underline}
.block_widget .col{padding-bottom:0}
.block_widget .icon-box .icon-box-text{font-size: 16px; line-height: 22px; color: #494949;}
.single-product{background:#f9f9fb}
.single-product .large-9{padding-right:0;border-right:none !important}
.header-block-block-1 .large-5 .icon-box .icon-box-text{font-size: 19px; font-weight: bold; color: white; padding-top: 8px; font-family: "roboto condensed", sans-serif;}
.header-nav-main li a{line-height: 16px; font-weight: bold; color: #353535; font-size: 15px;}.header-bottom-nav.nav-center{margin-left:5px}
.section1 .row.row-small { max-width: 1450px; }
.product-small.box{background:white; border: solid 1px #E2E2E2;}
.home .product-small.box .box-image, .product-small.box .box-image img{padding:15px}
.archive .shop-page-title{text-transform: uppercase; color: #007ed6;}
.product-small .product-title{    font-family: "roboto condensed",sans-serif; font-size: 17px; text-transform: uppercase; margin-bottom: 5px;}.product-small .product-title a{    display: -webkit-box;color:black; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}.product-small .product-title a:hover{color:#2196f3}
.product-small.box .box-text{padding:15px}
.product-small.box .price del{display:block}
.product-small.box .price ins{display:block;}.product-small.box .price, .product-info .price{font-family:"roboto condensed",sans-serif;font-size:18px}
.product-small.box .price ins bdi, .product-info .price ins bdi{Color:#EA0000;}.product-small.box .price del, .product-info .price del{margin-bottom:6px}
/*
.product-small.box .price ins bdi:before, .product-info .price ins bdi:before{content:"Giá KM: "}
*/
.product-small.box .price del bdi, .product-info .price del bdi{Color:#323232;font-size:16px;}
.badge-container{margin:7px}
.badge-container .badge-inner{background-color: #00000000; background-image: url(/wp-content/uploads/2022/11/icon_discount2.png); background-size: cover; background-repeat: no-repeat;}
.image-tools.top.right{height: 100%; right: unset; left: 0; padding: 0; position: absolute; z-index: 99; }
.exc-custom{color:white;background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; padding: 10px; height: 100%; width: 100%; display: block; }
.exc-custom *{ color:#fff!important; }
.exc-custom a{display:block;}
.title-custom {font-size: 16px; font-weight: bold; text-transform: uppercase; line-height: 21px; margin-bottom: 5px; }
.section-title-normal { display: inline-block; margin-bottom: 0px; border-radius: 5px; border-bottom: 2px solid #1988ec26; }
.hdevvn-show-cats:before { width: 50px; height: 1px; content: ""; position: absolute; top: 46%; left: 0; background: #FFF; }
.section-title-normal b { display: none; }
.section-title-main{position:relative;}
.section-title-main:after{width: 50px; height: 1px; content: ""; position: absolute; top: 56%; left: 103%; background: #FFF;}
span.hdevvn-show-cats li a:hover{color:yellow}.section-title-container { margin-bottom: 15px; }
.section-title-normal span { position: relative; display: inline-block; float: left; border-bottom: 0; color: #1988EC!important; padding: 10px; font-weight: 700; font-size: 30px; line-height: 40px; margin: 0 10px 0 0; text-transform: unset; }
span.hdevvn-show-cats li { display: block; width: auto; float: left; margin: 0 8px; }
span.hdevvn-show-cats li a { font-size: 17px; font-weight: 400; margin-right: 0!important; margin: 0 8px 0 0; border-radius: 500px; color: #1988EC; text-align: center; box-shadow: 0px 0px 0px 1px #1988ec; white-space: nowrap; padding: 0 16px; }
span.hdevvn-show-cats li:hover a { color: #ffffff; background-color: #1988ec; }
.section-title a { font-size: 14px; margin-left: auto; color: white; margin-right: 10px; }
.section2 img{border-radius:8px}
.exc-custom ul{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden;margin-bottom:0}
.exc-custom ul li{list-style: none; margin-left: 0; font-size: 14px; font-weight: normal;margin-bottom:0}
.hdevvn-show-cats{padding-left: 30px !important;position:relative; line-height:26px}
.section7 .large-2{flex-basis:calc(100%/7);max-width:calc(100%/7)}
.section7 .col{padding-bottom:0}
.section7 .icon-box img{padding-top:0;border-radius:99%}.section7 .icon-box h3{font-weight: normal; line-height: 23px; font-size: 17px;}
.section7 .col.large-2 .col-inner{padding:5px;border-radius:8px}
.section7 .section-title-main:after, .section2 .section-title-main:after{display:none}
.list-post .post-item .post-title{font-size: 22px; font-weight: normal; color: black;} .list-post .box-blog-post .is-divider { height: 1px; max-width: 100%; }
.post-item .from_the_blog_excerpt {font-size:16px}.list-post .post-item .post-title:hover{color:#0462ac}
.list-post .post-item .box-image{border-radius:8px}
.post-item .post-meta{font-size: 15px;}
.section7 .row2 img{border-radius:8px;border:1px solid #e8e8e8;}
.absolute-footer { font-size: 16px; color: #b5b5b5 !important; }
.footer-section h3:before { width: 200px; height: 1px; background: #505050; content: ""; position: absolute; left: 0; bottom: 0; }
.footer-section h3:after { width: 60px; height: 3px; background: #FCFCFC; content: ""; position: absolute; left: 0; bottom: -2px; }
.footer-section h3{color: white; position: relative; text-transform: uppercase; font-size: 18px; padding-bottom: 10px; margin-bottom: 20px;}
.footer-section .col{padding-bottom:0}
a.back-to-top{background:#0462ac !important; border:none !important;color:white}
.section4 .section-title-main:after{right: -60%;}.block_widget span.widget-title{padding-bottom:15px; display:block;}
.recent-blog-posts a { font-size: 17px;}.recent-blog-posts a:hover{Color:#2196f3}
.product-info { padding-top: 10px; background: white; border-radius: 8px; padding: 15px;}
.product-main { padding: 25px 0;}
.product-info .price ins bdi{font-size:22px}
.product-info .product-short-description{    border: 0; padding: 15px; border-radius: 8px; margin-bottom: 14px; background: #fafafa; max-height: 200px; overflow-y: scroll;}
.product-short-description ul{margin-bottom:0}
.product-short-description ul li{margin-bottom:3px}
form{margin-bottom:0}
.star-rating span:before { color: #ffc107;} .product-gallery-slider img, .product-thumbnails img { width: 100%; background: white; border-radius: 8px;}
.product-footer .woocommerce-tabs { border-top: 0; padding: 0;}
.woocommerce-tabs .tab-panels{font-size: 17px; font-family: "roboto",sans-serif; color: #3f3f3f;}
.woocommerce-tabs ul li a{border-top-left-radius: 8px; border-top-right-radius: 8px;border:none; font-size: 18px; text-transform: uppercase; font-weight: bold; color: gray;}
.single-product .product-main .row{margin-right:0}
.single-product .nav-tabs+.tab-panels { background-color: #fff; border: 0; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;}
.product-section { border-top: 0;}
.woocommerce-review-link { font-size: 100%; color: #2196f3; }
.single_add_to_cart_button{border-radius: 8px; background: #1780d5 !important;}
.related h3{letter-spacing: 0; color: #3b3b3b; margin-top: 20px;}
.product-info .product_meta{font-size:16px}.xem-them .tieu-de-xem-them { font-weight: 700; display: block; margin-bottom: 10px; font-size: 19px; color: black; }
.xem-them ul li { margin-bottom: 3px; }
.xem-them ul li a { font-weight: 500; font-size: 16px; color: #2196f3; }
.xem-them ul li a:hover { text-decoration: underline; }
.danh-muc { margin-bottom: 15px; }
.danh-muc span.title, .the-tim-kiem span.title { border-radius: 4px; background: #126e32; padding: 4px 10px; color: white; margin-right: 5px; }
.danh-muc a, .the-tim-kiem a {line-height:32px; border-radius: 4px; margin-bottom: 10px; padding: 4px 10px; background: #dedede; color: #464646; }
.danh-muc a:hover, .the-tim-kiem a:hover { background: #6dca19; color: white; }
.bai-viet-lien-quan { margin-top: 15px; }
.bai-viet-lien-quan h3 { font-size: 19px; color: black; }
.bai-viet-lien-quan ul { margin-bottom: 0; display: inline-block; width: 100%; }
.bai-viet-lien-quan ul li { list-style: none; width: 33.33%; color: graytext; float: left; padding-left: 4px; padding-right: 5px; }
.bai-viet-lien-quan ul li .box-image img { height: 180px; border-radius: 4px; object-fit: cover; object-position: center; }
.archive h1.page-title{font-size: 25px; color: #313131; letter-spacing: 0;}
.blog-archive .post-item .box-image{border-radius:8px}
.blog-archive .post-item .post-title{font-size: 22px; font-weight: 500; margin-bottom: 10px;}.blog-archive .post-item .post-title:hover{color:#2196f3}
.bai-viet-lien-quan h4 { font-size: 15px; color: black; line-height: 24px; padding-top: 7px; height: auto; font-weight: normal; font-size: 18px;}
.woocommerce #reviews #comments h2 { font-size: 20px; text-transform: uppercase; font-weight: normal; margin-bottom: 15px; display: block; }
.bai-viet-lien-quan h4:hover, .navigation-post a:hover{color:#2196f3}
.navigation-post a{font-size:17px}
#comments .comment-respond { background-color: white; border-radius: 8px; }
#comments input{box-shadow:None;border-radius:5px}
.rank-math-breadcrumb .last-child{margin-bottom: 10px; color: gray;}
figcaption{    text-align: center; font-size: 15px; color: gray; font-style: italic; margin-top: 10px;}
.rank-math-breadcrumb a:hover{color:#2196f3}
.rank-math-breadcrumb p{margin-bottom:10px}.qc-left { left: 50%; margin-left: -787px;}
.qc-left a, .qc-right a { display: block; margin-bottom: 10px;}
.qc-left, .qc-right { position: fixed; top: 25%; z-index: 99999; width: 120px;}
.qc-right { right: 50%; margin-right: -787px; }

/* =========================
   Mobile-only CSS migrated from Theme Settings
   ========================= */
@media only screen and (max-width: 48em) {
  .wph_tooltip{ display:none!important; }
  .hdevvn-show-cats { display: none; }
  .bai-viet-lien-quan ul li { width: 50%; }
  .qc-left, .qc-right {display:none}
  .bai-viet-lien-quan ul li .box-image img { height: 90px; }
  .off-canvas-left .mfp-content, .off-canvas-right .mfp-content{width:100%}
  .off-canvas .nav-vertical>li>a { padding-bottom: 15px; padding-top: 15px; font-size: 18px; color: black; }
  .off-canvas .nav-vertical li li>a { font-size: 17px; }
  .section1 .row1 .cot2{flex-basis:100%;max-width:100%}
  .section-title-normal span{font-size:18px}
  .product-small .box-image .show-on-hover{display:none}
  .home .product-small.box .box-image, .product-small.box .box-image img { padding: 5px; }
  .product-small.box .box-text{padding:8px}
  .product-small .product-title { font-size: 15px;}
  .product-small.box .price ins bdi, .product-info .price ins bdi {font-size: 16px;}
  .col{padding:0 5px 10px !important}
  .section2 .large-columns-5{margin-left: -5px !important; margin-right: -5px !important;}
  .section-title-main:after, .hdevvn-show-cats:before {display:none}
  .hdevvn-show-cats {padding-top:0 !important; line-height: 37px; flex-grow: 1; -webkit-box-flex: 1; white-space: nowrap; overflow: auto; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; flex-direction: row; margin-bottom: 11px; display: flex !important; max-width: 100%; float: right; margin-top: 0;padding-left: 0px !important;}
  span.hdevvn-show-cats li a {font-size: 15px; margin: 5px 8px 0 0 !important; padding-left: 5px !important;}
  .section7 .large-2{flex-basis:50%; max-width:50%}
  .list-post .post-item{padding: 0 10px 0 !important;}
  .list-post .post-item .post-title {font-size: 20px;}
  .footer-section .col{flex-basis:100%; max-width:100%}
  .single-product .nav-tabs+.tab-panels{padding:15px;font-size:16px}
  .product-info{padding:15px 25px !important}
  .single-product .product-main .row { margin-right: -15px; }
  .blog-archive .post-item{padding: 0 15px 10px !important;}
  .blog-archive .post-item .box{display:flex}
  .blog-archive .post-item .box-image{width:50% !important}
  .blog-archive .post-item .box-text{padding:0; padding-left:10px}
  .blog-archive .post-item .post-title { font-size: 17px; margin-bottom: 10px; }
  .single-post .article-inner { padding: 15px}
  .bai-viet-lien-quan h4 { line-height: 19px; height: auto; font-weight: normal; font-size: 15px;}
  .page-right-sidebar .page-inner{padding:15px}
  .blog-archive .post-item .from_the_blog_excerpt {display:None}
  .box-blog-post .is-divider{display:none}
  .section2 .tabbed-content ul .tab { width: 100% !important; margin: 10px !important; }
  .box-filter { display: block !important; }
  .filter-item, .filter-total { display: inline-block !important; width: 47% !important; }
  .filter-item:nth-child(even) .filter-show { left: -100%!important; }
  .filter-show { max-width: 340px !important; min-width: 300px; }
  .fixed-right-menu{position:fixed;right: -100%;bottom:150px;cursor:pointer;z-index: 2;text-align:center;color:#fff;font-size:20px;width:44px;transition: .3s all;}
  .fixed-right-menu.active {right: 10px;}
  .fixed-right-menu a{width:45px;height:45px;line-height:45px;text-align:center;border-radius:50%;margin:5px auto;background:#278c56;display:flex;align-items:center;justify-content:center;color:#fff}
  .fixed-right-menu a:nth-child(2){background:#4267b2}
  .fixed-right-menu a:nth-child(3){background:#1890ff}
  .fixed-right-menu a:nth-child(4){background:#ed1b24}
  .article-detail-page .article-product{display:flex;flex-wrap:wrap;border-top:1px solid #E5EAF1;border-left:1px solid #E5EAF1}
  .article-detail-page .article-product .p-item{border: 0;border-bottom: 1px solid #E5EAF1;border-right: 1px solid #E5EAF1;width: calc(100% / 2 - 22px);padding: 10px;border-radius: 0;}
  .article-detail-page .article-product .p-item .p-img{margin-bottom:12px}
  .thongso_kythuat .xem_thongso a { color: #00499e; padding: 9px 10% !important; }
  .product-small.box .price ins bdi, .product-info .price ins bdi { font-size: 16px !important; line-height: 40px !important; }
  .mfp-container { padding: 5px !important; }
  div#test { padding: 5px !IMPORTANT; }
  .lightbox-content .wpcf7 { padding-top: 176px !important; background-size: 100%; }
}