/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/



body {
  font-size:14px;
  line-height:22px;
  color:#000;
  font-family:'Open Sans',sans-serif;
}

h4 {
  color:#000;
}

p {
  margin-bottom:5px;
  color:#000;
}

.nav > li > a {
  font-size:14px;
}

.html_topbar_left {
  font-size:13px !important;
}

.html_topbar_left {
  font-weight:600;
}

.header-search-form-wrapper form input[type="search"] {
  height:40px;
  box-shadow:none;
  box-sizing:border-box;
  font-size:15px;
  border-radius:10px;
}

.header-search-form-wrapper form input[type="search"]:focus {
  border-color:var(--primary-color);
}

.header-search-form-wrapper form button[type="submit"] {
  height:40px;
  width:40px;
  background:var(--primary-color);
  position:absolute;
  right:0;
  top:0;
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
}

li.header-language-dropdown >a {
  padding:10px;
  background:#ffffff;
  border:1px solid #231f20;
  border-radius:5px;
  color:#000;
}

.nav-dropdown-default {
  border:0;
  padding:5px;
  border-radius:5px;
}

.header-bottom {
  min-height:45px;
}
.post-meta:before{
	display: inline-block;
	font: normal normal normal 14px / 1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f073";
	margin-right: 5px;
}
.post-meta{
	opacity: 1;
}
.header-bottom-nav > li > a {
  padding:16px 10px;
  text-transform:uppercase;
  color:#000;
}

.header-bottom-nav > li > a:hover,
.header-bottom-nav > li.active > a {
  background:#fff;
  color:var(--primary-color);
}

.section-title-bold-center span {
  background:#6a4221;
  color:#fff;
  font-size:22px;
  border-radius:20px;
}

.section-title b {
  height:0;
}

li.header-search-form {
  width:90%;
}

.box_hotline_top {
  min-width:230px;
}

.box_hotline_top i {
  font-size:25px;
  background:#ec8a11;
  height:45px;
  width:45px;
  text-align:center;
  line-height:44px;
  border-radius:50%;
  float:left;
  color:#fff;
  margin-right:10px;
}

.phone_content b {
  font-size:18px;
  display:block;
  color:#ec8a11;
}

.header-search-form-wrapper select,
.form-flat input:not([type="submit"]) {
  border-radius:4px;
  font-size:14px;
}

select.search_categories {
  min-width:160px;
}

.sp_khuyenmai {
  padding-left:30px !important;
  padding-right:5px !important;
  position:relative;
  display:block;
  color:yellow !important;
}

#dot {
  width:15px;
  height:15px;
  background-color:#faff00;
  border-radius:100%;
  position:absolute;
  left:5px;
  top:50%;
  margin-top:-8px;
  display:block;
}

#dot .ping {
  border:2px solid #faff00;
  width:15px;
  height:15px;
  opacity:1;
  background-color:#faff00;
  border-radius:100%;
  -moz-animation:sonar 1.25s linear infinite;
  -o-animation:sonar 1.25s linear infinite;
  -webkit-animation:sonar 1.25s linear infinite;
  animation:sonar 1.25s linear infinite;
  display:block;
  margin:0;
}

@keyframes sonar {
  from {
    opacity:0.4;
  }
  to {
    transform:scale(3);
    opacity:0;
  }
}

.row_chinhsach p {
  margin-bottom:5px;
  font-size:13px;
}

.row_chinhsach label {
  font-size:16px;
  color:#bd0b24;
}



footer .section-title-normal span {
  font-size:15px;
}

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

.dark .section-title-normal span {
  border-bottom:2px solid #fff;
}
.wpcf7-spinner{
	display: none;
}
.slider-nav-circle .flickity-prev-next-button:hover svg,
.slider-nav-circle .flickity-prev-next-button:hover .arrow {
  background-color:#177f04;
  border-color:#4dba39;
}

footer p,footer .ux-menu-link__link {
  font-size:14px;
}

.sec_sanpham .box-text {
  padding-bottom:0;
}

.sec_email form input[type="submit"] {
  position:absolute;
  top:0;
  right:0;
  margin-right:0;
  height:50px;
  background:#6a4221;
}

.sec_email form {
  margin-bottom:0;
}

.sec_email h3 {
  font-size:22px;
  margin-bottom:5px;
  color:#6a4221;
}

.sec_email form input[type="email"] {
  height:50px;
  box-shadow:none;
  border-color:#6a4221;
  font-size:15px;
}

.sec_email .col:after {
  border-bottom-style:none;
}

.page-title-inner {
  min-height:0;
  padding-top:0;
}

.breadcrumbs {
  font-weight:bold;
  letter-spacing:0;
  padding:15px 0;
  font-size:14px;
}

.breadcrumbs a {
  color:#000;
}

.thongtinsanpham i {
  color:#177f04;
}

ul.chitiet_chinhsach {
  margin-bottom:0;
  display:flex;
  display:-webkit-flex;
  flex-wrap:wrap;
  border:1px solid #eee;
  padding-top:5px;
  border-radius:10px;
}

ul.chitiet_chinhsach li {
  width:25%;
  display:block;
  margin-left:0;
  text-align:center;
}

ul.chitiet_chinhsach li img {
  width:40px;
}

ul.chitiet_chinhsach li p {
  font-size:12px;
  line-height:18px;
  padding-top:5px;
}

.product-images {
  border:1px solid #eee;
}

h1.product_title {
  color:#000;
}

.product-info .is-divider {
  background-color:rgb(162 103 42);
  max-width:50px;
}

.product-page-price del {
 
}

.product-page-price ins span {
  color:red;
}

form.cart {
  display:flex;
  display:-webkit-flex;
}

form.cart .quantity+.button {
  width:100%;
  background:#d40909;
  font-size:14px;
}


ul.product-tabs {
  border-bottom:1px solid #6a4221;
}

.nav-outline>li.active>a {
  border-radius:5px;
  background:#6a4221;
  color:#fff;
  letter-spacing:0;
}

.product-footer .nav-outline>li>a {
  font-size:16px;
}

.has-border {
  border:1px solid #6a4221;
  padding:15px;
}

#product-sidebar {
  border:1px solid #eee;
  padding:10px;
  border-left:0;
}

#product-sidebar span.widget-title {
  display:block;
  padding:10px;
  background:#333;
  color:#fff;
  margin-bottom:10px;
}

#product-sidebar .is-divider,
#shop-sidebar .is-divider {
  display:none;
}

#product-sidebar p {
  padding-bottom:10px;
  border-bottom:1px dashed #222;
  font-weight:600;
  color:#222;
}

.content-area .section-title-normal span {
  background:var(--primary-color);
  background-size:25px;
  color:#fff;
  padding:7px 15px 7px 20px;
  border-radius:20px;
}

.content-area .section-title-normal {
  border-bottom:2px solid var(--primary-color);
  border-bottom-left-radius:20px;
}

.on-sale {
  background-color:#af0e0e;
  border-radius:6px;
}

.badge-container {
  margin:10px;
}

.box-text-products {
  padding:10px 0;
}

.box-text-products .product-title a {
  font-size:14px;
  font-weight:700;
}

.box-text-products ins span.amount {

  color:#f21616;
}

.box-text-products span.amount {
  font-size:17px;
  color:#f21616;
}

.box-text-products del span.amount {
  font-size:14px;
  color:#999;
}

.footer-wrapper {
  border-top:1px solid #ddd;
}

h3.post-title {
  font-size:15px;
  color:#000;
}

.blog-wrapper .box-blog-post .is-divider {
  display:none;
}

.blog-wrapper .box-blog-post h5.post-title {
  font-size:16px;
  margin-bottom:5px;
}

.blog-wrapper .box-blog-post h5.post-title:hover {
  color:var(--primary-color);
}

.box-blog-post .is-divider {
  background-color:#6a4221;
}

.box-text p {
  font-size:14px;
}

.badge-frame .badge-inner,
.badge-outline .badge-inner {
  color:#17359e;
}

.widget-area span.widget-title {
  display:block;
  background:var(--primary-color);
  color:yellow;
  padding:10px;
}

.widget-area .is-divider {
  display:none;
}

.archive-page-header h1 {
  font-size:30px;
  color:#111;
}

.archive-page-header h1 span {
  border-bottom:2px solid;
  padding-bottom:10px;
  letter-spacing:0;
  font-weight:800;
}

.entry-header-text-top {
  padding-bottom:0;
}

.entry-content {
  padding-top:0;
  text-align:justify;
}

.single h1.entry-title {
  font-size:25px;
  color:#070707;
}

.entry-divider {
  background-color:rgb(16 37 111);
}

.sec_contact form input[type="submit"] {
  width:150px;
  background:#af0e0e;
}

.product-footer {
  background:#fff;
}

.product-footer .woocommerce-tabs {
  border-top:0;
}

select.search_categories option {
  color:#000;
}

.contact_mobie {
  position:fixed;
  bottom:200px;
  left:0;
  width:60px;
  background:rgb(236 120 36);
  z-index:999;
  box-shadow:1px 3px 4px rgb(0 0 0 / 78%);
  border-radius:5px;
}

.contact_mobie .icon-box-img {
  margin:0 auto 0;
}

.contact_mobie .col-inner {
  padding:5px;
}

.contact_mobie .col-inner p {
  font-size:10px;
  color:#fff;
}

.contact_mobie .large-3 {
  max-width:100%;
  -ms-flex-preferred-size:100%;
  flex-basis:100%;
}

table {
  border-collapse:collapse;
  width:100%;
}

table tr td {
  font-size:14px;
  padding:8px;
  border:1px solid #ddd;
}

table tr:nth-child(even) {
  background-color:#f2f2f2;
}

th:first-child,
td:first-child {
  padding-left:8px;
}

footer {
  z-index:999;
}

.copyright-footer p {
  font-size:11px;
}

.sp_noibat {
    background: #eac4b0;
    padding: 40px 20px 0px;
    border-radius: 10px;
}

.section-title-center span {
  font-size:28px;
  color:#000;
  font-weight:700;
  position:relative;
  padding-bottom:10px;
}

.section-title-center span:after {
  content:'';
  width:100px;
  height:3px;
  background:var(--primary-color);
  position:absolute;
  left:50%;
  bottom:0;
  transform:translate(-50%,0);
}

.nav-dropdown.nav-dropdown-default>li>a {
  font-weight:600;
  color:#000;
}

.nav-dropdown.nav-dropdown-default>li>a:hover {
  color:var(--primary-color);
}

.box-why {
  background:var(--primary-color);
  padding:20px;
  border-radius:10px;
  margin-bottom:10px;
  min-height:120px;
  color:#fff;
}

.box-why .h4 {
  font-size:35px;
  font-weight:800;
  color:#fff;
  padding-bottom:10px;
}

.box-why p {
  color:#fff;
}

.category-page-title {
  padding:10px 0;
  border-bottom:1px solid #eee;
}

.category-page-title h1 {
  margin-bottom:0;
}

.product-categories {
  background:#f6f6f6;
  padding:10px;
}

main span.widget-title {
  margin-bottom:0;
  display:block;
  padding:10px;
  background:#333;
  color:#fff;
}

.product-small .box-image {
  border-radius:6px;
  border:1px solid #eee;
}

.gallery_chungnhan .box-image {
  border:1px solid #eee;
  border-radius:6px;
}

/* Custom CSS Tablet */

@media (max-width:849px) {
  .danhmuc_mobie {
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
  }
  .danhmuc_mobie.small-columns-2>.col {
    max-width:33.33%;
    -ms-flex-preferred-size:33.33%;
    flex-basis:33.33%;
    border:1px solid #ccc;
    padding:10px 5px;
  }
  .danhmuc_mobie.small-columns-2>.col:nth-child(n+1) {
    border-right:0;
    border-bottom:0;
  }
  .danhmuc_mobie .header-title {
    color:#0b5aa0;
  }
  .box_slider {
    max-width:100%;
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
  }
  .sec_email h3 {
    font-size:18px;
  }
  .box_slider {
    padding:0 !important;
  }
  .contact_mobie .small-6 {
    max-width:100%;
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
  }
  .off-canvas-right.dark .mfp-content,
  .off-canvas-left.dark .mfp-content {
    background-color:rgb(0 0 0 / 71%);
  }
}

/* Custom CSS Mobile */

@media (max-width:549px) {
  .row_chinhsach .small-6 {
    max-width:100%;
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
  }
  .content-area .section-title-normal span {
    padding:7px 15px 7px 33px;
  }
  .footer_cot1 {
    max-width:100%;
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
  }
  footer .section-title-normal span {
    font-size:12px;
  }
  footer p,footer .ux-menu-link__link {
    font-size:12px;
  }
  .sec_email h3 {
    font-size:16px;
  }
  .header-search-form-wrapper select,
  .form-flat input:not([type="submit"]) {
    font-size:13px;
  }
  select.search_categories {
    min-width:140px;
  }
  .header-bottom > .container {
    padding-left:0;
    padding-right:0;
  }
  .contact_mobie .small-6 {
    max-width:100%;
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
  }
  .contact_mobie {
    bottom:50px;
  }
  .contact_mobie {
    width:50px;
  }
  .contact_mobie .col-inner {
    padding:5px 0;
  }
  .section-title-center span {
    font-size:20px;
  }
  .box-why .h4 {
    font-size:25px;
  }
  .off-canvas-right.dark .mfp-content {
    width:100%;
  }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}