/*
Theme Name: Computer
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
:root {
  --primary:#00499e;
  --primary-hover:#2196f3;
  --secondary:;
  --text-muted:#687e93;
  --text-dark:#2b2b2b;
  --text-menu:#333e48
}
/*************** ADD CUSTOM CSS HERE.   ***************/
@charset "UTF-8";
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
}
.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%
}
.section1 .img img {
  border-radius:8px
}
.header-bottom .header-nav > li > a {
  font-size:16px;
  font-weight:600;
  color:var(--text-menu);
  padding:0;
  line-height:54px
}
.header-bottom .header-nav > li > a:hover {color:var(--primary)}
.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
}
.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:var(--primary-hover)
}
.widget .is-divider {
  height:1px;
  max-width:100%;
  margin-bottom:8px
}
.blog-single .entry-meta {
  font-size:16px;
  text-transform:none;
  letter-spacing:0
}
.blog-single .entry-title {
  font-size:36px;
  color:var(--text-dark)
}
.blog-single .entry-header-text .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
}
span.widget-title {
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0;
  font-size:16px;
  padding-bottom:0px;
  color:var(--text-dark)
}
.widget span.widget-title {
  font-size:18px;
  display:block
}
.widget_categories ul li {
  border-top:0 !important;
  list-style:disc
}
.widget ul li a {
  text-transform:none;
  font-size:16px;
  padding:4px 0;
  color:var(--text-dark)
}
.widget_categories ul {margin-left:15px}
.widget.flatsome_recent_posts {
}
.widget.flatsome_recent_posts span.post_comments {display:none}
.widget.flatsome_recent_posts a {
  padding:0;
  margin:0;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  line-height:1.4
}
.widget ul.product_list_widget li > * {display:none}
.widget ul.product_list_widget li a {
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical
}
.widget li.recent-blog-posts-li .badge-inner,.widget ul.product_list_widget a img {
    border-radius: 6px;
}
ul.product_list_widget li img {
  height:44.8px;
  width:44.8px
}
ul.product_list_widget li {
  padding-left:60px;
  min-height:unset
}
.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
}
.section1 .row.row-small {
  max-width:1450px
}
.product-small .product-title {
  font-family:"roboto condensed",sans-serif;
  margin-bottom:5px
}
.product-small .product-title a {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  line-height:1.4;
  font-size:15px;
  font-weight:600;
  color:var(--fs-color-primary)
}
.product-small .product-title a:hover {
  color:var(--primary-hover)
}
.product-small.box {
  padding:12px;
  border:1px solid #efefef;
  border-radius: 8px;
  background:#fff
}
.product-small.box .box-text {
  padding:10px 0 0
}
.product-small.box .price del,.product-small.box .price ins {
  height:24px
}
.product-small.box .price ins bdi {
  font-size:17px;
  color:var(--fs-color-primary)
}
.badge-container {
  margin:4px;
  left:auto;
  right:0
}
.badge-circle, .badge-outline {
  margin:0
}
.badge-container .onsale {
  font-size:11px;
  display:flex;
  justify-content:center;
  align-items:center
}
.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
}
.hdevvn-show-cats:before {
  width:50px;
  height:1px;
  content:"";
  position:absolute;
  top:46%;
  left:0;
  background:#FFF
}
.section-title-main:after {
  width:50px;
  content:"";
  position:absolute;
  top:56%;
  background:#FFF
}
span.hdevvn-show-cats li a:hover {
  color:yellow
}
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 a {
  font-size:17px;
  font-weight:600;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  color:var(--primary)
}
.list-post .box-blog-post .is-divider {
  height:1px;
  max-width:100%;
  margin:10px 0 14px
}
.post-item .from_the_blog_excerpt {font-size:15px}
.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}
#footer ul:last-child {margin-bottom:0}
#footer .large-4 .text:last-child {margin-top:24px}
.absolute-footer {display:none}
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:var(--primary-hover)
}
.product-info {
  padding-top:10px;
  background:white;
  padding:15px
}
.product-main {padding:30px 0 !important}
.product-footer {padding-bottom:30px}
.product-info .price ins bdi {
  font-size:22px
}
.product-info .product-short-description {
  border:0;
  padding:15px;
  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: 12px;
}
.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:var(--primary-hover)
}
.related h3 {
  letter-spacing:0;
  color:var(--primary);
  font-size:22px;
  text-shadow:2px 2px 0px rgba(0, 0, 0, 0.2);
  border-bottom:1px solid #ddd;
  padding-bottom:10px;
  margin-bottom:24px
}
.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:var(--primary-hover)
}
.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 a {
  font-size:18px;
  font-weight:500
}
.blog-archive .post-item .post-title:hover {
  color:var(--primary-hover)
}
.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:var(--primary-hover)
}
.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:var(--primary-hover)
}
.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
}
..header-bottom .flex-center {
  margin-right:auto; /* max-width: 80%; */
  width:940px
}
.header-bottom .flex-center select.resize-select {
  width:130px !important;
  height:40px;
  border-radius:20px 0 0 20px;
  border-right:0
}
.header-bottom .flex-center li.html input {
  height:40px;
  border-left:0;
  border-radius:0 20px 20px 0
}
.image-icon img {
  max-width:30px;
  min-width:30px;
  padding:4px;
  text-align:center;
  align-items:center;
  padding-top:10px
}
/* HOME */
.p-btn-group {
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  line-height:18px;
  padding-top:5px;
  align-items:center
}
.p-btn-group span {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-top:4px
}
.p-btn-group .icon-check:before {
  content:'\f058';
  font-family:'FontAwesome';
  color:#4fba69
}
.p-add-cart {
  width:60px;
  height:40px;
  background:linear-gradient(300.63deg,#1D94FF 0%,#74CDFF 99.26%);
  border-radius:24px;
  position:relative
}
.p-add-cart:hover {
  background:linear-gradient(300.63deg,#74CDFF 0%,#1D94FF 99.26%)
}
.p-btn-group i {
  padding-right:7px
}
.p-btn-group .is-outline.primary {
  color:#ffff !important
}
.p-btn-group .p-add-cart:before {
  content:'';
  width:18px;
  height:100%;
  background:url(/wp-content/uploads/2023/03/icon-cart.png) no-repeat center;
  background-size:18px;
  display:block;
  margin:auto;
  -webkit-filter:brightness(100);
  filter:brightness(100)
}
.section2 .product-small.box {
  background:white;
  border:solid 1px #4fba69
}
.flickity-prev-next-button {
  opacity:1 !important
}
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
  width:55px
}
.slider-nav-light .flickity-prev-next-button .arrow {
  fill:#60c0ff
}
.slider-nav-outside.slider-nav-circle svg {
  height:55px;
  border-radius:50%;
  display:block;
  background-position:center;
  background-size:22px 21px;
  background-color:#fff;
  -webkit-transition:.3s all;
  transition:.3s all
}
.exc-custom {
  background:var(--primary)ba none repeat
}
.category-page-row .banner-danhmuc img {
  margin-bottom:25px
}
.box-filter {
  margin-bottom:15px;
  background-color:#5ea8ff47;
  padding:10px 10px 0 10px;
  gap:5px
}
.filter-item__title.tonglog {
  min-width:auto;
  cursor:unset
}
.box-filter .filter-item {
  width:100%;
  margin:0
}
.product-small.box:hover {
  border:1px solid #6ac0ff96
}
.products.large-columns-4 > .product-small.col {
  flex-basis:25% !important;
  max-width: calc((100% - 24px)/4)!important;
}
.products.large-columns-4 > .product-small.col .col-inner {
    border-radius: 8px;
}
.products.row {
  gap: 8px !important;
}
/*Shop*/
.product-small.box .price-wrapper .price {
  display:flex;
  gap:8px;
  font-size:12px;
  align-items:baseline
}
.product-small.box .price del, .product-info .price del {
  order:2
}
.icon-gift:before {
  color:#ff6f0e
}
.mota div, .thongso div {
  border-radius:10px
}
.thongso_kythuat h2 {
  color:#212A36;
  font-weight:700;
  font-size:20px;
  line-height:24px;
  border-bottom:1px solid #E5EAF1;
  padding-bottom:10px;
  margin-bottom:10px
}
.thongso_kythuat .xem_thongso {
  display:block;
  text-align:center;
  background:#1988EC;
  border-radius:10px;
  line-height:42px;
  font-weight:600;
  font-size:16px;
  background:#ffffff;
  border:1px solid #1988EC;
  margin-top:10px
}
.thongso_kythuat .xem_thongso a {
  color:var(--primary)
}
.thongso_kythuat .xem_thongso:hover {
  background-color:var(--primary)
}
.thongso_kythuat .xem_thongso:hover a {
  color:#fff
}
.wooco-sing .thongso_kythuat span {
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  height:350px
}
.tabbed-content .nav-tabs>li {
  display:block;
  border-bottom:1px solid #00000021;
  width:98%
}
.khuyen-mai {
  margin:12px 0;
  border-radius:10px;
  -webkit-box-shadow:0 0 0 1px #fee8cb;
  box-shadow:0 0 0 1px #fee8cb;
  overflow:hidden;
  margin-top:20px
}
.khuyen-mai li {
  list-style:none;
  margin-left:5px !important
}
.khuyen-mai li:before {
  content:'\f058';
  font-family:'FontAwesome';
  margin-right:10px;
  color:#fa5114
}
.khuyen-mai .title {
  width:100%;
  background:linear-gradient(91.56deg,rgba(245,33,148,0.1) 2.74%,rgba(250,159,44,0.1) 96.84%);
  line-height:40px;
  color:#FA5252;
  font-weight:600;
  font-size:14px;
  padding:0 10px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin:0
}
.khuyen-mai .content {
  padding:12px 0 0 12px
}
.khuyen-mai .title i {
  padding-right:5px
}
.wooco-sing .price-wrapper .price {
  display:flex;
  border:1px dashed #FF8125;
  border-radius:10px;
  margin:12px 0;
  padding:10px
}
.wooco-sing .product-short-description {
  padding:7px;
  margin:12px 0;
  border-radius:10px;
  -webkit-box-shadow:0 0 0 1px #fee8cb;
  box-shadow:0 0 0 1px #0173cd33;
  overflow:hidden
}
.wooco-sing .product-short-description ul {
  list-style:none;
  padding:10px 0 10px 0
}
.wooco-sing .product-short-description li:before {
  content:'\f058';
  font-family:'FontAwesome';
  padding-right:10px;
  color:#fa5114
}
.tintuc h2 {
  border-bottom:2px solid #00000014
}
#thongso {
  margin:10px auto;
  padding:20px !important;
  border-radius:10px;
  border:2px solid #ff7f53;
  background-color:#fff
}
#thongso p.xem_thongso {
  display:none
}
#thongso .thongsokythuat {
  background-color:var(--primary);
  color:white;
  text-align:center;
  padding:5px 10px
}
.single-product .product-main .product-title {
  font-weight:700;
  font-size:20px;
  line-height:28px;
  padding-bottom:10px;
  border-bottom:1px solid #E5EAF1;
  margin-bottom:10px;
  color:var(--primary)
}
.wooco-sing ins .woocommerce-Price-amount.amount {
  color:#1988EC;
  font-weight:700;
  font-size:28px;
  line-height:32px
}
.wooco-sing del .woocommerce-Price-amount.amount {
  font-size:22px;
  line-height:1.5
}
.product-images .flickity-prev-next-button svg {
  width:50px;
  height:50px;
  background-color:#fff;
  border-radius:100%
}
.product-images .flickity-prev-next-button {
  width:50px
}
.product-breadcrumb-container {
  color:#1988EC;
  position:relative;
  line-height:16px;
  padding:16px 0 16px
}
.product-breadcrumb-container a {
  color:#1988EC
}
.product-breadcrumb-container .divider {
  display:unset !important
}
.banner-danhmuc img {
  width:100%;
  border-radius:7px
}
.formadd button {
  color:white;
  display:block;
  width:100%;
  text-align:center;
  padding:0 2%
}
/*Foot*/
.khuyenmai p {
  display:flex
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
  border-radius:30px;
  height:45px
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
  height:45px;
  border-radius:30px;
  background:#0676DA;
  margin-left:20px
}
.thongso>.col-inner {
  padding:16px 16px!important;
  box-shadow:-0.0625rem 0 0.625rem 0 rgba(0, 0, 0, 0.07), 0.3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.04) !important
}
.buy_now_button {
  padding:10px 3px 10px;
  border-radius:8px;
  line-height:1.5;
  font-size:20px
}
.bg-gradient {
  background:rgb(255, 87, 34);
  background:linear-gradient(0deg, #ffb600 0%, rgb(218 0 0) 100%);
  margin-left:0;
  margin-right:0;
  border-radius:10px
}
.img-radius img {
  border-radius:.75rem
}
.ux-shape-divider {
  --divider-top-width:100%;
  --divider-width:100%;
  left:0;
  line-height:0;
  overflow:hidden;
  position:absolute;
  width:100%
}
.ux-shape-divider--top {
  top:-1px;
  transform:rotate(180deg)
}
.ux-shape-divider--top {
  top:-50px;
  transform:rotate(180deg)
}
/* phongvt css*/
@media (max-width: 549px) {
  .section2 .large-columns-5 {
    margin-left:-5px !important;
    margin-right:-5px !important
  }
}
.product-tabs {
  display:flex;
  flex-direction:row;
  flex:1
}
.product-tabs li {
  display:inline-flex!important;
  width:auto!important
}
.section2 .section-bg-overlay {
  background-image:linear-gradient(to bottom right, #6fd6c1, #ffd70363)!important
}
/* phongvt css*/
.phongvt-btn {
  margin-top:0px!important
}
#shop-sidebar span.widget-title.shop-sidebar {
  font-size:16px
}
.woof_container_inner h4 {
  font-size:16px
}
.widget .woof_redraw_zone ul li, .widget .woof_redraw_zone ul li a {
  font-size:15px;
  font-weight:500
}
.widget .woof_redraw_zone ul li label {
  font-weight:500;
  padding:0;
  margin:0 2px 0 0 !important
}
.woof_list_checkbox li .icheckbox_square-blue {
  margin:0 !important;
  background-size:170px;
  width:17px;
  height:17px
}
.icheckbox_square-blue.hover {
  background-position:-17px 0
}
.icheckbox_square-blue.checked {
  background-position:-34px 0
}
.widget .woof_redraw_zone ul li {
  margin-bottom:6px
}
.archive-short-desc {
  margin-top:8px;
  margin-bottom:8px;
  font-size:13.5px;
  color:var(--text-muted)
}
.archive-short-desc ul {
  margin-bottom:0
}
.archive-short-desc li {
  margin-bottom:0
}
.product-small.box .custom-rating {
  display:flex;
  align-items:center;
  gap:8px
}
.product-small.box .custom-rating .star-rating {
  margin:0
}
.product-small.box .custom-rating small {
  padding-top:2px;
  color:var(--text-muted)
}
.star-rating:before, .woocommerce-page .star-rating:before {
  color:#fed700
}
.product-small.box .archive-sku {
  margin-bottom:8px;
  font-size:13.5px;
  color:var(--text-muted);
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical
}
.product-small.box:hover .box-image img {
  transform:scale(1.3) rotate(-15deg);
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0
}
.product-small.box img {
  transition:transform .4s ease;
  border-radius: 6px;
}
.gap-1 .row:not(.row-collapse) {
  gap:1px
}
.woof_products_top_panel button {
  border:1px solid var(--text-muted);
  color:var(--text-muted);
  font-size:12px;
  padding:2px 12px
}
.woof_products_top_panel_ul > li {
  width:100%
}
.woof_products_top_panel_ul > li > ul {
  display:flex;
  gap:10px
}
.woof_products_top_panel_ul > li > ul > li {
  flex:0 0 auto;
  height:26px;
  margin:0 !important
}
span.woof_remove_ppi {
  text-transform:capitalize
}
.shop-toolbar-custom {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px;
  background:#5ea8ff47;
  font-size:14px;
  gap:8px;
  border-radius: 8px;
}
.toolbar-icon {
  width:18px;
  height:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:default;
  font-size:20px;
  padding-left:5px
}
.toolbar-form {
  display:flex;
  gap:12px;
  margin:0;
  justify-content:center
}
.toolbar-form select {
  min-width:200px;
  max-width:200px;
  height:35px;
  border-radius: 8px;
  padding:0 15px;
  margin:0
}
.toolbar-form select:last-child {
  min-width:100px;
  max-width:100px
}
.toolbar-pagination {
  display:flex;
  align-items:center;
  gap:10px;
  justify-content:flex-end
}
.toolbar-pagination span.number {
  min-width:60px;
  display:flex;
  align-items:center;
  gap:6px
}
.toolbar-pagination span.number {
  min-width:76px
}
.toolbar-pagination span.number input {
  margin:0;
  display:flex;
  justify-content:center;
  align-items:center;
  padding-left:20px;
  padding-right:4px;
  border-radius: 8px;
  box-shadow:none;
  width:50px
}
.toolbar-pagination span.number span {
  display:block;
  width:30px
}
.category-description {
  padding-top:40px
}
.category-box {
  margin:20px 0
}
.category-box h3 {
  margin:0 0 10px;
  font-size:18px;
  color:var(--primary)
}
.category-grid {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  border:1px solid #efefef;
  padding:13px;
  border-radius: 8px;
}
.category-item {
  width:107px;
  text-align:center;
  text-decoration:none
}
.category-thumb {
  width:107px;
  height:107px;
  overflow:hidden;
  border:1px solid #f1f1f1;
  border-radius: 8px;
}
.category-thumb img {
  width:100%;
  height:100%;
  object-fit:contain;
}
.category-item span {
  display:block;
  margin-top:8px;
  font-size:13px;
  line-height:1.4;
  color:#3b3b3b
}
.current-cat .category-thumb {
  border:2px solid var(--fs-color-primary)
}
.category-grid .category-item:hover span {
  color:var(--primary)
}
.category-grid .category-item:hover .category-thumb {
  border-color:var(--primary)
}
.woocommerce-info.message-wrapper {
  border:1px solid #cb0000;
  padding:14px;
  font-size:24px;
  font-weight:600;
  color:#cb0000;
  background:#cb00001f;
  border-radius: 12px;
}
.woof-filter-title {
  font-size:16px;
  font-weight:600;
  margin-bottom:9px
}
.woof_products_top_panel {
  margin-bottom:10px;
  font-size:13px
}
.woof_products_top_panel li {
}
.woof_products_top_panel a {
  color:#333
}
.woof_products_top_panel .woof_remove_ppi {
}
#top-bar ul {
  display:flex;
  gap:16px;
  font-size:18px;
  font-weight:600;
  text-transform:uppercase
}
.header-main #logo {width: 190px;}
.header-main #logo img {
  border-radius: 8px;
  padding: 0;
}
.header-main ul.header-contact {
  gap:16px
}
.header-main ul.header-contact li {
  list-style:none;
  margin:0
}
.header-main ul.header-contact li a {
  font-weight:500;
  font-size:15px
}
.header-main li.header-search-form {
  width:260px
}
.header-main li.header-search-form input {
  background:transparent;
  border:0;
  border-bottom:1px solid var(--text-muted);
  box-shadow:none;
  padding:0 30px 0 0
}
.header-main li.header-search-form input::placeholder {color:var(--text-muted)}
.header-main li.header-search-form button.ux-search-submit.submit-button {
  background:transparent;
  border:0;
  position:absolute;
  top:50%;
  right:0;
  box-shadow:none;
  transform:translateY(-50%)
}
.header-main li.header-search-form button.ux-search-submit:hover i.icon-search {color:#000}
.header-main li.header-search-form i.icon-search {
  color:var(--text-muted)
}
.header-main .nav-left,.header-main .nav-right {
  justify-content:center;
  line-height:80px
}
.header-bottom {box-shadow:0 4px 5.88px .12px rgba(0,0,0,.12)}
.header-bottom .header-nav {gap:24px}
.header-bottom .header-nav > li {margin:0}
.header-bottom .header-nav > li .nav-dropdown {
  padding:8px;
  border:1px solid #efefef;
  box-shadow:0 0 4px #efefef
}
.header-bottom .header-nav > li .nav-dropdown a {
  border:0;
  padding:7px 0;
  font-size:15px;
  color:var(--text-menu);
  position:relative;
  padding-left:14px
}
.header-bottom .header-nav > li .nav-dropdown a:before {
  content:'\f105';
  font-family:'fl-icons';
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%)
}
.header-bottom .header-nav > li .nav-dropdown a:hover {
  color:var(--primary);
  transform:translateX(8px)
}
.woof_search_is_going nav.woocommerce-breadcrumb {
  display:block
}
nav.rank-math-breadcrumb a,nav.rank-math-breadcrumb span {
  font-size:15px;
  padding-right:4px
}
.home_ss1 .large-3 .col-inner {
  background:#f5f5f5;
  height:100%;
  display:flex;
  align-items:center;
  border-radius: 8px;
}
.home_ss1 .large-3 .box {align-items:center}
.home_ss1 .large-3 .box-image {padding:16px}
.home_ss1 .large-3 .box-image img {
}
.home_ss1 .large-3 .box-text {padding:16px 16px 16px 0}
.home_ss1 .large-3 .box-text .text.flex {flex-direction:column}
.home_ss1 .large-3 .box-text .text.flex h4 {
  font-size:18px;
  font-weight:500;
  text-transform:uppercase;
  line-height:28px
}
.home_ss1 .large-3 .box-text .text.flex span.upto {
  display:flex;
  align-items:center;
  gap:8px
}
.home_ss1 .large-3 .box-text .text.flex span.upto span.prefix {
  font-size:15px;
  text-transform:uppercase;
  line-height:16px
}
.home_ss1 .large-3 .box-text .text.flex span.upto span.value {
  font-size:32px;
  font-weight:800
}
.home_ss1 .large-3 .box-text .text.flex span.upto span.suffix {
  font-size:15px;
  margin-top:-16px;
  margin-left:-4px
}
.home_ss1 .col {padding-bottom:0}
.home_ss1 a.button {
  margin:0;
  font-size:14px;
  color:#333
}
.home_ss1 a.button i.icon-angle-right {
  background:#fed700;
  color:#fff;
  width:20px;
  height:20px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  border-radius:100%
}
.home_ss2 {
  padding-top:0 !important;
  padding-bottom:0 !important
}
.home_ss2 .img-inner.dark img {
    border-radius: 8px;
}
.home_ss3 .large-3 > .col-inner {
  border:2px solid #fed700;
  border-radius: 6px;
  padding:24px;
  height:100%
}
.home_ss3 .large-3 > .col-inner .product-small.box {border:0}
.home_ss .container.section-title-container {margin-bottom:0}
.home_ss .section-title b {display:none}
.home_ss .section-title {
  display:block;
  text-align:center;
  border-bottom:1.5px solid #ddd;
  padding-bottom:6px;
  margin-bottom:16px
}
.home_ss .section-title span.section-title-main {
  font-size:22px;
  text-transform:none;
  border-bottom:1.5px solid #fed700;
  padding-bottom:7.5px
}
.home_ss3 .hot_deal {
  align-items:center;
  margin-bottom:10px
}
.home_ss3 .hot_deal h4 {
  font-size:22px;
  text-transform:capitalize;
  margin-bottom:0
}
.home_ss3 .hot_deal .bubble {
  min-width:70px;
  width:70px;
  height:70px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:#fed700;
  border-radius:100%;
  line-height:1;
  gap:6px
}
.home_ss3 .hot_deal .bubble span {font-size:14px}
.home_ss3 .hot_deal .bubble span:last-child {
  font-size:20px;
  font-weight:800
}
.home_ss3 .large-3 .product-small.box .price-wrapper .price {
  font-size:18px;
  margin-top:18px;
  gap:16px
}
.home_ss3 .large-3 .product-small.box .price ins bdi {
  font-size:24px
}
.home_ss3 .large-9 .archive-short-desc {display:none}
.home_ss3 .large-9 .archive-sku {margin-top:8px}
.home_ss3 .large-3 .product-title a {font-size:22px}
.home_ss3 .large-3 .product-title {margin-bottom:10px}
.home_ss3 .large-3 .archive-short-desc {
  margin-top:14px;
  max-height:220px
}
.category .page-wrapper,.blog .page-wrapper {padding-top:40px}
.blog-category-tabs {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  max-width:83.3333333333% !important;
  margin:0 auto 30px
}
.blog-category-tabs a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 16px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius: 8px;
  color:var(--text-menu);
  text-decoration:none;
  font-weight:600;
  transition:.2s;
  font-size:15px;
  transition:300ms ease
}
.blog-category-tabs a:hover {
  color:var(--primary);
  border-color:#2196f3
}
.blog-category-tabs a.active {
  background:linear-gradient(90deg,rgba(0, 73, 158, 1) 0%, rgba(33, 150, 243, 1) 100%);
  color:#fff;
  border-color:#2196f3
}
.dinhit_breadcrumb {
  height:48px;
  display:flex;
  align-items:center;
  background:#efefef
}
.dinhit_breadcrumb p {margin-bottom:0}
.bc-hidden {display:none!important}
.bc-home-icon {
  width:18px;
  height:18px;
  object-fit:contain;
  vertical-align:-3px
}
.bc-collapse {
  position:relative;
  display:inline-block
}
.bc-dots {
  cursor:pointer;
  font-weight:700;
  padding:0 4px
}
.bc-popup {
  position:absolute;
  left:0;
  top:calc(100% + 8px);
  display:flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:10px;
  padding:10px 14px;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:.2s;
  z-index:9999
}
.bc-popup a {text-decoration:none}
.bc-popup-sep {opacity:.5}
.bc-collapse:hover .bc-popup {
  opacity:1;
  visibility:visible;
  transform:translateY(0)
}
.price-wrapper del {order:2}
.single-product .product-main .price-wrapper .price {
  display:flex;
  align-items:center;
  gap:12px;
  font-size:16px;
  font-weight:400;
  padding-top:10px;
  padding-bottom:10px
}
.product-info .ux-quantity.quantity input {
    border-radius: 4px !important;
    border: 1px solid #ddd !important;
}

.product-info .ux-quantity.quantity {
    display: flex;
    gap: 4px;
}

.product-info .ux-quantity.quantity input.minus {
    border-radius: 8px 3px 3px 8px !important;
}

.product-info .ux-quantity.quantity input.plus {
    border-radius: 3px 8px 8px 3px !important;
}

.product-info button.single_add_to_cart_button {
    border-radius: 8px;
}
ins bdi {color:var(--primary)}
.single-product .product-main .price-wrapper .price ins bdi {
  font-size:26px;
  font-weight:800
}
.dinhit-product-meta-top {
  display:flex;
  align-items:center;
  gap:15px
}
.dinhit-sku, .dinhit-stock {
  font-size:14px;
  color:var(--primary-hover)
}
.dinhit-sku span,
.dinhit-stock span {
  font-weight:600;
  color:var(--text-dark)
}
.dinhit-rating {
  display:flex;
  align-items:center;
  gap:4px
}
.dinhit-rating span {
  font-weight:600;
  font-size:14px;
  color:var(--text-dark)
}
.dinhit-rating a.woocommerce-review-link {
  font-size:0;
  width:100%;
  height:34px;
  position:absolute;
  top:0;
  left:0
}
.dinhit-rating .star-rating {font-size:14px}
.dinhit-rating .woocommerce-product-rating {
  padding-top:2px;
  position:relative
}
.dinhit-rating a.woocommerce-review-link .count {display:none}
.dinhit-product-meta-top > span {color:#aaa}
.product-main table.variations label {font-size:14px}
.product-main table.variations td.value span {font-size:14px}
.custom-category-title h1 {
  font-size:24px;
  text-transform:uppercase;
  margin-bottom:16px;
  color:var(--primary);
  text-shadow:2px 2px 0px rgba(0,0,0,0.2)
}
div#reviews.woocommerce-Reviews {
  max-width:100%;
  margin-top:30px
}
.woocommerce #reviews #comments h2 {
  font-weight:600;
  text-transform:none
}
.star_box_left {display:flex}
.star-average {
  max-width:25%;
  flex-basis:25%;
  display:flex;
  align-items:center
}
.reviews_bar {
  max-width:75%;
  flex-basis:75%;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  padding-left:30px;
  padding-right:30px;
  margin-right:30px
}
.star_box {padding:30px}
span.star_average {
  font-size:54px;
  font-weight:800;
  text-shadow:2px 1px 0 rgba(0, 0, 0, 0.2)
}
body .star-average .woocommerce-product-rating .star-rating {font-size:16px}
span.devvn_num_reviews {font-size:14px}
span.devvn_rating_bar {padding:0 20px}
span.devvn_stars_value {min-width:34px}
span.devvn_scala_rating,span.devvn_perc_rating {
  border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px
}
span.devvn_num_reviews b {
  display:inline-block;
  width:37px
}
.footer_logo img {
  width:260px;
  margin-bottom:10px;
  border-radius: 8px;
}
.contact_ss1 .large-12,.contact_ss2 .large-12 {padding-bottom:0}
.contact_ss1 .img-inner.dark img {
    border-radius: 12px;
}
.contact_ss2 h2 {font-size:24px}
.contact_ss2 h3 {font-size:18px}
.contact_ss2 p {font-size:15px}
.contact_form .form_items {
  display:flex;
  flex-direction:column;
  gap:16px
}
.contact_form .form_items .form-item input,.contact_form .form_items .form-item textarea {
  margin-bottom:0;
  box-shadow:none;
  border-radius: 8px;
}
.contact_form .form_items .form-item label {
  font-size:15px;
  font-weight:600;
  color:var(--text-dark)
}
.contact_form input.wpcf7-form-control.wpcf7-submit {
  margin:20px 0 0;
  border-radius:0;
  width:fit-content;
  min-width:100px;
  border-radius: 8px;
}
#customer_details .woocommerce-billing-fields input,#customer_details .woocommerce-billing-fields textarea,#customer_details .woocommerce-billing-fields select {
    border-radius: 8px;
    margin-bottom: 0;
}

form.checkout.woocommerce-checkout .col-inner.is-well {
    border-radius: 12px;
}
form.checkout.woocommerce-checkout .col-inner.is-well button#place_order {
    border-radius: 12px;
}
.page-checkout-simple .woocommerce-info.message-wrapper {
  font-size:16px;
  background:transparent;
  border:0;
  padding:0 0 12px;
  color: var(--text-muted);
}
.page-checkout-simple .woocommerce-info.message-wrapper a.showcoupon {
    color: var(--primary-hover);
}
.page-checkout-simple div#payment .woocommerce-info.message-wrapper {font-size:14px}
.checkout-breadcrumbs a {
  color:var(--text-muted)
}
.checkout-breadcrumbs a:hover {
    color: var(--primary-hover);
}
.checkout-breadcrumbs a span {
  color:#fff;
  font-size:14px
}
.checkout-breadcrumbs a.current, .cart-header .checkout-breadcrumbs a.hide-for-small:not(.no-click),.cart-header .checkout-breadcrumbs span.divider.hide-for-small .icon-angle-right:before{
  color:var(--primary);
  font-weight:600
}

.cart-header .checkout-breadcrumbs a.hide-for-small:not(.no-click) span{background:var(--fs-color-secondary);color:#fff}
#customer_details .woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.page-checkout form.woocommerce-cart-form th {
  font-size: 14px;
  color:var(--text-dark);
}
.page-checkout .product-quantity-price {
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:10px;
  margin-top:10px
}
.page-checkout dl.variation {
  font-size:1em
}
.page-checkout .quantity .button.minus, .page-checkout .quantity .button.plus {
  border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
  width: 28px;
  height: 28px;
  border:1px solid #ddd !important;
  background:#fff !important;
  min-height:auto;
  line-height:1 !important
}
.page-checkout .quantity {
  gap: 4px;
}
.page-checkout .quantity input[type=number] {
  border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
  min-width: 40px;
  height: 28px;
  box-shadow: none;
}
.woocommerce a.remove,
.woocommerce-mini-cart a.remove{
    width: 30px;
    height: 22px;
    position: relative;
    transition: opacity 200ms;
    vertical-align: top;
    display: block;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    text-indent: -9999px;
}
.woocommerce a.remove:before, .woocommerce a.remove:after,
.woocommerce-mini-cart a.remove:before, .woocommerce-mini-cart a.remove:after{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAAXUlEQVR4XsWQQQrAQAgD84Pti/JSoaftN1MCdgXxXgYvGfUQyABE4DEIUJmeuKgVlJI5em0RGTesFXXZuLwCzvL2pYbHmfCTNSXxpyyajLGClFy7K1dgaaho7YYovIpO3rju6hYFAAAAAElFTkSuQmCC) 0 0 no-repeat;
    left: 8px;
    position: absolute;
    right: 8px;
    top: 2px;
    display: inline-block;
    content: '';
}
.woocommerce a.remove:before,
.woocommerce-mini-cart a.remove:before{
    height: 6px;
    transform-origin: -7% 100%;
    -moz-transform-origin: -7% 100%;
    -webkit-transform-origin: -7% 100%;
    transition: transform 150ms;
    -moz-transition: transform 150ms;
    -webkit-transition: transform 150ms;
    width: 14px;
}
.woocommerce a.remove:after,
.woocommerce-mini-cart a.remove:after{
    background-position: -1px -4px;
    height: 12px;
    margin-left: 1px;
    margin-right: 2px;
    margin-top: 4px;
    width: 11px;
}
.woocommerce a.remove:hover:before,
.woocommerce-mini-cart a.remove:hover:before
{
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: transform 250ms;
    -moz-transition: transform 250ms;
    -webkit-transition: transform 250ms;
}
.woocommerce a.remove:hover,
.woocommerce-mini-cart a.remove:hover {
    background: transparent;
}
.woocommerce-error,
.woocommerce-NoticeGroup,
.woocommerce-NoticeGroup-checkout,
.checkout-inline-error-message {
    display:none !important;
}

.field-error-custom{
    display:block;
    margin-top:8px;
    color:#dc2626;
    font-size:14px;
    font-weight:500;
}

.woocommerce-invalid input,
.woocommerce-invalid textarea{
    border-color:#dc2626 !important;
}
.shop_table .cart_item td {
  vertical-align:top
}
.shop_table .cart_item td.product-thumbnail img {
    border-radius: 8px;
}
.account-login-inner > .uppercase,
.account-register-inner > .uppercase {
  text-align:center;
  font-size:1.5em
}
.account-login-inner form.woocommerce-form.woocommerce-form-login button.woocommerce-button.button.woocommerce-form-login__submit,
.account-register-inner form.woocommerce-form.woocommerce-form-register button.woocommerce-button.button.woocommerce-form-register__submit {
  width:100%;
  height:45px
}
.account-login-inner form.woocommerce-form.woocommerce-form-login .woocommerce-LostPassword.lost_password {
  text-align:center
}
ul.woocommerce-error.message-wrapper {
  outline:none
}
#login-form-popup .woocommerce-notices-wrapper:not(:empty) {
  border-bottom:3px solid #ac5975
}
body:not(.logged-in) .page-wrapper.my-account > div > .woocommerce {
  padding-top:100px;
  padding-bottom:100px
}
form.woocommerce-ResetPassword.lost_reset_password {
  background-color:#fff;
  box-shadow:3px 3px 20px 0 rgba(0, 0, 0, .15);
  margin:0 auto;
  max-width:875px;
  position:relative;
  padding:20px
}
div#main.page-checkout-simple .cart-header.text-left {
  text-align:center !important
}
div#main.page-checkout-simple .cart-header.text-left nav.breadcrumbs {
  text-align:center;
  justify-content:center
}
div#main.page-checkout-simple .cart-header.text-left div#logo {
  margin: 0 auto 16px;
}
div#main.page-checkout-simple .cart-header.text-left div#logo img {
    border-radius: 8px;
    padding: 0;
}
div#reviews.woocommerce-Reviews, div#hoi-dap {
  max-width:100%
}
.badge-container.absolute.left.top.z-1 {
  left:auto;
  right:5px
}
.customer-support>div {
  max-width:486px
}
.customer-support .customer-support-title {
  font-size:18px;
  font-weight:600
}
.customer-support .customer-support-desc {
  font-size:15px;
  margin-bottom:10px
}
.customer-support-body .item {
  border:solid 1px rgba(0,0,0,.05);
  background-color:rgba(255,255,255,.5);
  padding-top:15px;
  padding-bottom:15px;
  border-radius:15px;
  margin-bottom:15px;
  position:relative
}
.customer-support-body .item .item-body {
  flex-basis:0;
  flex-grow:1;
  padding-left:15px;
  padding-right:15px
}
.customer-support-body .item .item-img {
  width:33.33%;
  max-width:130px;
  padding-left:15px;
  padding-right:15px
}
.customer-support-body .item-title {
  font-weight:bold;
  color:#E32424;
  font-size:18px
}
.customer-support-body .item-links {
  margin-top:-3px
}
.customer-support-body .item-links span a {
  background-image:url(/wp-content/uploads/2022/07/support-icons.webp);
  background-position:top left -92px;
  display:inline-block;
  width:28px;
  height:28px;
  border-radius:50%;
  margin-left:2px;
  background-repeat:no-repeat;
  position:relative;
  z-index:1;
  top:8px
}
.customer-support-body .item .item-img .imgc img {
  position:absolute;
  z-index:1;
  top:12px;
  right:12px;
  width:120px;
  height:120px;
  object-fit:cover;
  border-radius:10px;
  border:1px solid #f6f6f6
}
.customer-support-body .item .item-body a {
  font-size:15px
}
.customer-support-body .item .item-body i {
  margin-right:5px;
  color:#333
}
.shop_table .cart_item td.product-name a {
  font-size:16px;
  color:var(--text-dark)
}
.shop_table .cart_item span.woocommerce-Price-amount.amount {
  font-size:18px;
  font-weight:600;
  color:var(--primary)
}
#comments .comment-respond,
.is-well,
.woocommerce-cart .cart-collaterals.large-5.col.pb-0 > .cart-sidebar.col-inner {
  border-radius:var(--border-radius);
  -moz-border-radius:var(--border-radius);
  -webkit-border-radius:var(--border-radius)
}
.woocommerce-cart .cart-collaterals.large-5 {border:0 !important}
.woocommerce-cart .cart-collaterals.large-5 .cart-sidebar.col-inner {
  background-color:rgba(0, 0, 0, .02);
  box-shadow:1px 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 0 rgba(0, 0, 0, .07), inset 0 0 0 1px rgba(0, 0, 0, .05);
  padding:30px;
  border-radius: 12px;
}
tr.woocommerce-cart-form__cart-item.cart_item {}

.shop_table a.button-continue-shopping {
    border-radius: 8px;
    font-size: 14px;
    padding: 2px 24px;
    border-width: 1px;
    text-transform: none;
}

.woocommerce-cart .cart-collaterals.large-5 .cart-sidebar.col-inner .wc-proceed-to-checkout a {
    border-radius: 8px;
}

.woocommerce-cart .cart-collaterals.large-5 .cart-sidebar.col-inner input#coupon_code {
    border-radius: 8px;
}

.woocommerce-cart .cart-collaterals.large-5 .cart-sidebar.col-inner button.is-form.expand.button {
    border-radius: 8px;
}


.page-checkout {
    padding-bottom: 60px;
}
.payment_box.payment_method_bacs, .payment_box.payment_method_cod {
    padding-left: 34px;
    font-size: 15px;
}
.woocommerce-order-custom{
    max-width:1000px;
    margin: 20px auto 0;
}

.thankyou-success{
    text-align:center;
    padding:30px;
    background:#fff;
    border:1px solid #eee;
    border-radius:12px;
    margin-bottom:20px;
}

.thankyou-icon{
    width:70px;
    height:70px;
    line-height:70px;
    border-radius:50%;
    background:#16a34a;
    color:#fff;
    font-size:32px;
    margin:0 auto 15px;
}

.thankyou-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.thankyou-box{
    background:#fff;
    border:1px solid #eee;
    border-radius:12px;
    padding:20px;
    margin-bottom:20px;
}

.thankyou-box h3{
    margin-bottom: 12px;
    font-size: 22px;
}

.thankyou-meta{
    margin:0;
    list-style:none;
}

.thankyou-meta li{
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom:1px solid #f1f1f1;
}

.thankyou-meta li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

.thankyou-actions{
    text-align:center;
    margin-top:30px;
}

.thankyou-actions .button{
    margin:0 5px;
    border-radius: 8px;
}

@media(max-width:849px){
    .thankyou-grid{
        grid-template-columns:1fr;
    }
}
.page-checkout-simple {
    padding-top: 30px;
    padding-bottom: 60px;
}

.thankyou-box.banking {
    display: flex;
    padding: 0;
    gap: 16px;
}

.thankyou-box.banking p {
    margin-bottom: 0;
}

.thankyou-box.banking img {
    border-radius: 12px;
    padding-top: 30px;
}

.thankyou-box.banking section.woocommerce-bacs-bank-details {
    padding: 30px;
}

.thankyou-box.banking h2.wc-bacs-bank-details-heading {
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
    margin-bottom: 16px;
}

.thankyou-box.banking  h3.wc-bacs-bank-details-account-name {
    font-size: 18px !important;
    margin-bottom: 8px;
}

.thankyou-box.banking  ul.wc-bacs-bank-details.order_details.bacs_details {
    margin-left: 15px;
}
.thankyou-box table.thankyou-products th {
    font-size: 16px;
    text-transform: none;
}

.thankyou-box table.thankyou-products th:nth-child(2){
    text-align: center;
}

.thankyou-box table.thankyou-products th:last-child {
    text-align: right;
}

.thankyou-box table.thankyou-products tbody td {
    padding: 16px 0;
}

.thankyou-box table.thankyou-products tbody td:nth-child(2) {
    text-align: center;
}

.thankyou-box table.thankyou-products tbody td:last-child {
    text-align: right;
}

.thankyou-box table.thankyou-products tfoot th {
    padding: 16px 0 0;
    border: 0;
    font-size: 18px;
    font-weight: 600;
}

.thankyou-box table.thankyou-products tfoot th span.woocommerce-Price-amount.amount {
    color: var(--primary);
    font-size: 20px;
}
input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, select:focus, textarea:focus {
    box-shadow: 0 0 5px var(--primary-hover);
}
#cart-popup p.woocommerce-mini-cart__buttons.buttons a {
    border-radius: 8px;
}
.page-checkout .wc-empty-cart-message {
    margin-bottom: 80px;
}
.page-checkout p.return-to-shop a {
    border-radius: 8px;
}
.woof_submit_search_form_container button.button.woof_reset_search_form {
    border-radius: 8px;
}
































































/* =========================================================
READMORE SHARED
========================================================= */
.category-description, .single-product .content-product {
  overflow:hidden;
  position:relative;
  padding-bottom:25px
}
.category-description {
  margin-bottom:20px;
  font-size:15px
}
.fix_height {
  overflow:hidden;
  position:relative
}
.single-product .fix_height {
  max-height:800px
}
/* =========================================================
READMORE WRAP
========================================================= */
.dinhit_readmore_taxonomy_flatsome, .dinhit_readmore_flatsome {
  text-align:center;
  cursor:pointer;
  position:absolute;
  z-index:10;
  bottom:0;
  width:100%;
  background:#fff
}
.dinhit_readmore_taxonomy_flatsome:before, .dinhit_readmore_flatsome:before {
  height:55px;
  margin-top:-45px;
  content:"";
  background:linear-gradient( to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100% );
  display:block
}
/* =========================================================
BUTTON
========================================================= */
.dinhit_readmore_taxonomy_flatsome a, .dinhit_readmore_flatsome a {
  color:var(--fs-color-primary);
  display:inline-block
}
.dinhit_readmore_flatsome a,.dinhit_readmore_taxonomy_flatsome a {
  border:1px solid;
  padding:4px 10px;
  border-radius:12px;
  font-size:15px
}
/* =========================================================
ARROW
========================================================= */
.dinhit_readmore_taxonomy_flatsome a:after, .dinhit_readmore_flatsome a:after {
  content:'';
  width:0;
  border-top:6px solid var(--fs-color-primary);
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  display:inline-block;
  vertical-align:middle;
  margin:-2px 0 0 5px
}
.dinhit_readmore_taxonomy_flatsome_less a:after, .dinhit_readmore_flatsome_less a:after {
  border-top:0;
  border-bottom:6px solid var(--fs-color-primary)
}
.dinhit_readmore_taxonomy_flatsome_less:before, .dinhit_readmore_flatsome_less:before {
  display:none
}
/* =========================================================
HOVER
========================================================= */
.dinhit_readmore_flatsome a:hover, .dinhit_readmore_taxonomy_flatsome a:hover {
  color:var(--fs-experimental-link-color-hover)
}
.dinhit_readmore_flatsome a:hover:after, .dinhit_readmore_taxonomy_flatsome a:hover:after {
  border-top-color:var(--fs-experimental-link-color-hover)
}
.dinhit_readmore_flatsome_less a:hover:after, .dinhit_readmore_taxonomy_flatsome_less a:hover:after {
  border-bottom-color:var(--fs-experimental-link-color-hover)
}
@media only screen and (max-width: 48em) {
  .col {
    padding-left:10px;
    padding-right:10px
  }
  .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
  }
  .product-small .product-title {
    font-size:15px
  }
  .product-small.box .price ins bdi, .product-info .price ins bdi {
    font-size:16px
  }
  .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
  }
  .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:var(--primary);
    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%
  }
  .products.large-columns-4 > .product-small.col {
    flex-basis:50% !important;
    max-width:calc(50% - 1px) !important
  }
  .shop-toolbar-custom {
    flex-wrap:wrap
  }
  .toolbar-pagination {
    width:100%
  }
  .toolbar-pagination span.number span {
    width:20px
  }
  .product-small.box {
    padding:6px
  }
  .product-small.box .archive-sku {
    margin-bottom:0
  }
  .category-item {width:calc(33.33% - 7px)}
  .category-grid {padding:10px}
  .toolbar-form select {
    min-width:190px;
    max-width:190px
  }
}