/***
Theme Name: CoStore For Desktop
Theme URI: https://costorebc.vn
Description: Developer By dangnh
Version: 1.21.11.28
Author: Ng
Author URI: https://costorebc.vn
Tags: Costore, cellphone
***/

html {
  margin-top: 0px !important;
}

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  background: #fff;
  font-size: 14px;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ol,
ul {
  list-style: none;
}

p {
  font-size: 14px;
  line-height: 1.8;
}

a {
  text-decoration: none;
  color: #000;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

a:hover {
  color: #d30029;
  text-decoration: none;
}

a img {
  border: none;
}

strong,
b {
  font-weight: 600;
}

fieldset {
  border: none;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: 600;
}

h1 {
  font-size: 2em;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
  /*margin-top: 0px;
    margin-bottom: 0px;*/
}

.h2,
h2 {
  font-size: 20px;
}

.h3,
h3 {
  font-size: 18px;
}

.h4,
h4 {
  font-size: 16px;
  line-height: 1.4;
}

.h5,
h5 {
  font-size: 14px;
}

.clear {
  clear: both;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

label {
  font-weight: 600;
}

::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
  background-color: #777777;
}

[class^="xicon-"] {
  background-image: url(images/xicon@2x.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  vertical-align: middle;
}

.xicon-visa {
  background-position: 0px -30px;
  margin: 0 5px 7px 0px;
  width: 33px;
  height: 23px;
}

.xicon-master {
  background-position: -65px -30px;
  margin: 0 5px 7px 0px;
  width: 33px;
  height: 23px;
}

.xicon-atm {
  background-position: -33px -30px;
  margin: 0 5px 7px 0px;
  width: 33px;
  height: 23px;
}

.xicon-paymat {
  background-position: -98px -30px;
  margin: 0 5px 7px 0px;
  width: 33px;
  height: 23px;
}

/****page-navigation*****/

.page-navigation {
  padding: 15px 0;
  text-align: center;
  font-size: 13px;
}

.page-navigation .page_title {
  color: #555;
  margin-right: 4px;
}

.page-navigation a:hover,
.page-navigation a:active,
.page-navigation .current {
  color: white;
  background: #7d7d7d;
  margin-right: 5px;
  padding: 5px 10px;
}

.page-navigation a {
  color: #fff;
  margin-right: 5px;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  background: #333;
}

#crumbs {
  font-size: 12px;
  padding: 0px 0 10px 0;
  color: #d30029;
}

#crumbs a {
  color: #d30029;
}

.woocommerce-store-notice,
p.demo_store {
  padding: 5px;
  color: #fff;
  background: #007eff6b;
  z-index: 99999;
  position: fixed;
  top: 0px;
  text-align: center;
  width: 100%;
  font-size: 10px;
}

/***********************/

.home header {
  position: fixed;
  width: 100%;
  z-index: 99999;
}
header {
  background: #00483d;
  position: relative;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
}

.ex_header {
  padding: 0px 0px 0px 0px;
  height: 65px;
}

header #ng_lg {
  width: 100%;
  height: 100%;
  display: block;
  padding: 5px 0px;
}

header #ex_logo {
  max-width: 100%;
  height: 55px;
}

#ex_fsearch {
  position: relative;
  z-index: 1000;
  margin-top: 15px;
}

.dst_fsearch {
  padding: 0px 25px;
}

.ex_search {
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 100%;
}

#ex_sbm {
  width: 45px;
  height: 37px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  background: transparent;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}

.xicon-search {
  background-position: -160px 0;
  width: 20px;
  height: 20px;
  display: block;
  margin: 1px auto 0;
}

#ex_stext {
  padding: 5px 47px 5px 5px;
  width: 100%;
  border: 0px;
  font-size: 13px;
}

#ex_ssub {
  border: 0px;
  background: transparent;
}

.ex_ketqua {
  display: block;
  width: 100%;
  position: absolute;
  top: 35px;
  z-index: 11;
}

.ex_kqmain {
  margin-right: 0px;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.ex_kqmain > ul > li > a {
  display: table;
  width: 100%;
  padding: 7px 10px;
  border-bottom: 1px dashed #f3f3f3;
}

.ex_kqmain > ul > li > a > p {
  display: table-cell;
  vertical-align: top;
  width: 40px;
  height: 40px;
}

.ex_kqmain > ul > li > a > div {
  display: table-cell;
  vertical-align: top;
  padding-left: 10px;
}

.ex_kqmain > ul > li > a:hover {
  background: #f4f4f4;
}

.ex_kqmain > ul > li > a > p > img {
  width: 40px;
  height: 40px;
}

.ex_kqmain > ul > li > a > div > h3 {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.29;
  color: #505050;
  margin-bottom: 0px;
  margin-top: 0px;
}

.ex_kqmain > ul > li > a > div > p {
  font-size: 14px;
  color: #d0021b;
  margin-bottom: 0px;
}

.ex_kqmain ul {
  margin-bottom: 0px;
}

.ex_hcart {
  text-align: center;
}

#ex_vcart {
  position: relative;
  display: inline-block;
}

.ex_ccart {
  color: #fff;
  border: 2px solid #fff;
  position: absolute;
  top: 1px;
  left: -5px;
  background: #e60606;
  border-radius: 50% 50%;
  padding: 0px 6px;
  font-size: 11px;
}

#ex_vcart:hover .ex_ccart {
  background: #fff;
  border: 1px solid #e60606;
  color: #e60606;
  font-weight: 600;
}

#ex_hotwords {
  width: 100%;
  overflow: hidden;
  font-size: 11px;
  display: none;
}

#ex_hotwords ul {
  margin-top: 2px;
  margin-bottom: 0px;
}

#ex_hotwords ul li {
  display: inline-block;
  padding-left: 10px;
}

#ex_hotwords ul li:first-child {
  padding-left: 0px;
}

.ex_menu {
  height: 40px;
  background: #c21d32;
}

.ex_menu a {
  color: #fff;
}

.ex_menu .mega-sub-menu a {
  color: #333;
}

.ex_menu .navbar {
  padding: 0px;
}

.ex_menu
  #mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu {
  width: 170px;
}

.navbar-light .navbar-nav .nav-link {
  color: #fff;
}

#main-primary {
  padding: 15px 0px;
  background: #f0f0f0;
}

.home #main-primary {
  padding: 15px 0px;
  /*background: url(https://costorebc.vn/partern.png), linear-gradient(45deg, #ff0000de, #c30000de)!important;*/
  /*background-size: contain!important;*/
  /*background: #ffefef;*/
}

.home .banner-fixed {
  display: block;
}

.banner-fixed {
  display: none;
}

body#main-primary {
  background: #f0f0f0;
}
.home .xu_ex {
  padding-top: 55px;
}
.xu_ex {
  padding: 0px;
}

.ex_slider {
  padding-right: 0px;
}

#sync1 .wp-caption-text {
  display: none;
}
#sync1 .owl-item .wp-caption {
  width: 805px !important;
}
#sync2 .owl-item .wp-caption {
  width: auto !important;
  max-width: 100%;
  height: 35px;
}

#sync2 .owl-item .image {
  display: none;
}

#sync2 {
  background: #fff;
  padding: 0px 0px 0px 0px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
}

#sync2 .owl-item .wp-caption-text {
  padding: 7.5px 5px 0px 5px;
  text-align: center;
  line-height: 1.3em;
  font-size: 12px;
  letter-spacing: 0px;
  margin-bottom: 0px;
  height: 33px;
  cursor: pointer;
  text-transform: uppercase;
}

#sync2 .owl-item {
  height: 58px;
}

#sync2 .owl-item:after {
  content: "";
  float: right;
  height: 35px;
  border-right: 1px solid #e5e5e5;
  position: absolute;
  top: 10px;
  right: 0;
}
#sync2 .owl-item:hover,
#sync2 .owl-item.current {
  color: #000;
  background: #f2f2f2;
  font-weight: 600;
  border-top: 2px solid #00483d;
}
#sync2 .owl-item.current:after {
  border-right: 0px;
}
#sync2 .owl-item:hover:after {
  border-right: 0px;
}
#sync1.owl-theme .owl-nav {
  position: absolute;
  top: 38%;
  height: 0;
  width: 100%;
  display: none;
}
.fcontainer {
  background: transparent linear-gradient(90deg, #009981 0%, #00483d 100%) 0% 0%
    no-repeat !important;
  border: 1px solid #00483d;
  border-right: 1px solid #00483d !important;
  border-bottom: 0px;
}
.fflash {
  background: #fff;
  border: 1px solid #b7b7b7;
  border-top: 0px;
  max-height: 407px;
  overflow: hidden;
}
.fflash .owl-theme {
  margin-bottom: 0px;
}
.fflash .owl-theme .owl-nav {
  position: absolute;
  top: 38%;
  height: 0;
  width: 100%;
  display: block;
  margin-top: 0px;
}
.home .fflash .woocommerce ul.products {
  padding-bottom: 0px;
}
#sync1.owl-theme .owl-nav div,
.fflash .owl-theme .owl-nav div {
  display: inline-block;
  zoom: 1;
}

#sync1.owl-theme .owl-nav .owl-prev {
  line-height: 1;
  display: inline-block;
  position: absolute;
  left: 10px;
  padding: 0px 0 0;
  margin: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background: rgba(0, 0, 0, 0.3);
  width: 48px;
  height: 48px;
  text-align: center;
  font-size: 40px;
  color: #fff;
  font-family: -webkit-body;
}
.fflash .owl-theme .owl-nav .owl-prev {
  line-height: 1;
  position: absolute;
  left: 0;
  padding: 0px 0 0;
  margin: 0;
  border-radius: 0 15px 15px 0;
  background: #e3e3e3;
  width: 30px;
  height: 55px;
  text-align: center;
  font-size: 46px;
  color: #888;
  font-family: -webkit-body;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15);
}

#sync1.owl-theme .owl-nav .owl-next {
  line-height: 1;
  display: inline-block;
  position: absolute;
  right: 10px;
  padding: 0px 0 0;
  margin: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background: rgba(0, 0, 0, 0.3);
  width: 48px;
  height: 48px;
  text-align: center;
  font-size: 40px;
  color: #fff;
  font-family: -webkit-body;
}

.fflash .owl-theme .owl-nav .owl-next {
  line-height: 1;
  position: absolute;
  right: 0;
  padding: 0px 0 0;
  margin: 0;
  border-radius: 15px 0 0 15px;
  background: #e3e3e3;
  width: 30px;
  height: 55px;
  text-align: center;
  font-size: 46px;
  color: #888;
  font-family: -webkit-body;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15);
}

.ex_slider:hover #sync1.owl-theme .owl-nav {
  display: block;
}

.ex_rgnews img {
  max-width: 100%;
  height: auto;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
}

.home .ex_rgnews #youtube-slider-js {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
}
.display-youtube-container .display-youtube-img {
  -webkit-filter: none !important;
  filter: none !important;
}

.ng_bHRight:first-child {
  margin-bottom: 15px;
}

.ng_bHRight + .ng_bHRight {
  display: none;
}

.ng_bHRight img {
  height: 181.4px !important;
}

.ex_hnews_rg {
  background: #fff;
  padding: 10px;
}

.home .ex_hnews_rg {
  height: 182px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
}

.ex_news {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.ex_news h3 {
  font-size: 16px;
  text-transform: uppercase;
  border-bottom: 2px solid #DB4437;
  line-height: 1.3;
  padding-bottom: 5px;
  position: relative;
}

.ex_news a {
  color: #DB4437;
}

.ex_news h3 span {
  position: absolute;
  left: 0;
  bottom: -6px;
  font-weight: 400;
  padding-right: 7px;
  text-transform: none;
  font-size: 10px;
  display: block;
  background: #fff;
  line-height: 1;
}

.ex_news:hover h3 span {
  color: #288ad6;
}

.ex_hgnews {
  margin: 5px 0px 0px 0px;
}

.ex_hgnews li {
  padding-bottom: 7px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #999;
  display: block;
  width: 100%;
  overflow: hidden;
}

.ex_hgnews li:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: 0px dotted #999;
}

.ex_hgnews img {
  display: block;
  overflow: hidden;
  float: left;
}

.ex_hgnews_ds {
  display: block;
  margin-left: 80px;
  padding-left: 10px;
  overflow: hidden;
  line-height: 1.2;
}
.ex_hgnews_title {
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 1.6;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 39px;
  font-size: 13px;
  font-weight: 600;
}
.home .ex_hgnews_title {
  margin-top: 0px;
}
.ex_date {
  font-size: 10px;
  color: #999;
}

#ex_scl {
  line-height: 2;
  height: 36px;
  display: block;
  width: 100%;
  overflow: hidden;
  color: #333;
}

#ex_scl a {
  margin-right: 5px;
}

#ex_scl a:last-child {
  margin-right: 0px;
}

#ex_scl .ex_hotline {
  font-weight: 700;
  color: #ff0000;
}

#ex_scl span {
  border-left: 1px solid #999;
  padding: 0px 5px;
}

#ex_scl svg {
  vertical-align: middle;
}

.ex_finfo {
  padding: 15px 0px;
  font-size: 13px;
}

.ex_finfo a {
  color: #212529;
}

.ex_finfo a:hover {
  color: #d30029;
}

.ex_finfo ul li {
  margin-bottom: 5px;
}

.ex_checkout {
  width: 100%;
  text-align: right;
  display: block;
  overflow: hidden;
}

.xicon-bct {
  background-position: 0 -54px;
  width: 105px;
  height: 38px;
}

.ex_fcopyright {
  background: #f0f0f0;
  font-size: 10px;
  color: #999;
  text-align: center;
}

.ex_fcopyright p {
  font-size: 11px;
  margin-bottom: 0px;
}

#primary {
  width: 100%;
}

.woocommerce-products-header__title {
  font-size: 18px;
  margin-top: 10px;
}
.term-18 .ex_locsp .ex_filter.ex_sapxep {
  display: none;
}
.ex_locsp {
  padding: 7px 15px;
  display: block;
  height: 40px;
  background: #ffffff;
  border-right: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  width: 100%;
  position: relative;
  color: #c21d32;
}

.ex_locsp h1 {
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 16px;
  display: inline-block;
  color: #333;
}

.ex_filter {
  display: block;
  background: #fff;
  width: 100%;
  position: relative;
  margin-bottom: 0px;
}

.ex_filter li {
  display: inline-block;
  width: auto;
  vertical-align: top;
  font-size: 13px;
  position: relative;
  white-space: nowrap;
  margin-left: 15px;
}

.ex_sapxep .ex_hien {
  padding-right: 0;
}

.ex_sapxep .ex_hien:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid #c21d32;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}

.ex_sapxep .ex_hien:hover {
  cursor: pointer;
}

.ex_sapxep {
  display: inline-block;
  width: auto;
  vertical-align: top;
  font-size: 13px;
  position: relative;
  white-space: nowrap;
  float: right;
}

.ex_sublist {
  top: 28px;
  text-align: left;
  position: absolute;
  z-index: 2;
  visibility: visible;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  padding: 5px 35px 5px 10px;
  min-width: 140px;
}

.ex_sapxep .ex_sublist a {
  margin-bottom: 5px;
  display: block;
  float: left;
  width: 100%;
  line-height: 2;
  padding-left: 0px;
}

.ex_sapxep a {
  color: #333;
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.ex_sapxep a:hover {
  color: #c21d32;
}

.ex_sublist:before,
.ex_sublist:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  left: 45%;
  border-bottom: 10px solid #d9d9d9;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.ex_sapxep .ex_sublist:before,
.ex_sapxep .ex_sublist:after {
  left: 80%;
}

.ex_sublist:after {
  border-width: 9px;
  border-bottom-color: #fff;
  margin-left: 1px;
}

.ex_sapxep .ex_sublist {
  right: -6px;
}

.ex_sapxep li > a {
  color: #c21d32;
}

.ex_sapxep li > a:hover {
  color: #333;
}

.ex_close {
  border-radius: 50%;
  border: 1px solid #d3d3d3;
  font-size: 10px;
  background: none;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 8px;
  top: 8px;
  cursor: pointer;
}

.ex_p2 {
  padding: 10px;
  border-right: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  background: #fff;
  float: left;
  text-align: left;
  overflow: hidden;
  position: relative;
  width: 20%;
  max-width: 20%;
}

body.home .ex_p2 {
  min-height: 406px;
}

.ex_p4 h2 {
  padding-top: 0px;
  height: 56px;
}

.ex_p4 .ex_prtitle {
  padding: 0px 0px 10px 0px;
  height: 50px;
}

.ex_p2 .wp-post-image {
  display: block;
  margin: 0px auto;
  /*-webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;*/
}

.ex_p2 a:hover > .wp-post-image {
  /*margin:5px auto 15px;
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out*/
}

.ex_p2:hover {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  z-index: 1;
}

.fflash .ex_p2 {
  min-width: 228px;
  /*width:100%;*/
  /*max-width:100%;*/
}

body.home .ex_lpimages,
body.tax-product_cat .ex_lpimages,
body.search-results .ex_lpimages {
  height: 226px;
}

body.home .ex_p4 .ex_lpimages,
body.tax-product_cat .ex_p4 .ex_lpimages,
body.search-results .ex_p4 .ex_lpimages {
  height: 260px;
  padding-bottom: 8px;
}

.product-short-content {
  display: block;
  width: 100%;
  height: 130px;
}

.home .product-short-content,
.archive .product-short-content {
  height: 150px;
}

.ex_p4 .product-short-content {
  height: 145px;
  padding: 0px 10px 10px 10px;
}
.ex_pricesale {
  padding: 1px 10px 1px 20px;
  border-radius: 30px;
  background-color: #fdd600;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}
.ex_pricesale img {
  position: absolute;
  left: -2px;
  top: 0px;
  width: 20px !important;
  height: 20px;
}

.col-lg-4 label.ex_tragop {
  font-size: 10px;
  top: 0px;
  position: absolute;
  right: 15px;
}

.col-lg-4 label.ex_khuyenmai,
.col-lg-12 label.ex_khuyenmai {
  padding: 0px;
  line-height: 1.2;
  color: #00b517;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
  width: 100%;
}

.col-lg-4 label.ex_moiramat,
.col-lg-12 label.ex_moiramat {
  padding: 1px 5px;
  color: #fff;
  position: absolute;
  left: 15px;
  font-size: 10px;
  top: 10px;
  background-color: #3fb846;
  border-radius: 4px;
}

.ex_prtitle {
  display: block;
  width: 100%;
  overflow: hidden;
  /*height: 50px;*/
}

.woocommerce-loop-product__title {
  display: block;
  width: 100%;
  color: #4d4d4d;
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px 0px 5px 0px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 39px;
  height: auto;
  margin-bottom: 0px;
}

.ex_p2 .price,
.woocommerce .related .ex_p2 span.price,
.woocommerce .upsells .ex_p2 span.price {
  display: block;
  overflow: hidden;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  position: relative;
}

.price ins,
.price > .woocommerce-Price-amount {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  font-size: 14px;
  color: #e10c00;
  font-weight: bold;
  margin-right: 10px;
  text-decoration: none;
  float: left;
}

ins {
  text-decoration: none !important;
}

del {
  text-decoration-color: #9e9e9e;
}

.price del .woocommerce-Price-amount {
  color: #9e9e9e;
  font-size: 12px;
  font-weight: 400;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
  opacity: 1;
}
.ex_preorder {
  color: #e10c00;
}
.tawcvs-swatches .ex_preorder {
  display: block;
}

.ex_lpimages {
  position: relative;
}

.ex_lpimages .imgbs-content {
  position: absolute;
  bottom: 25px;
  left: 0;
}

.ex_lpimages .product-imgbs {
  width: auto;
  max-width: 100%;
  height: auto;
}

.ex_p2 .ex_lpimages img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.related.products .ex_p2 .ex_lpimages img {
  width: 90px;
  height: auto;
  max-width: 100%;
}

.related.products .ex_p2 .product-short-content .ex_pricesale {
  display: none;
}

.ex_lpimages {
  position: relative;
}
.ex_lpimages .imgbs-content {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  height: 100%;
}

.woocommerce .star-rating span {
  color: #faca51;
}

.woocommerce .ex_p2 .star-rating {
  font-size: 11px;
  margin-bottom: 0px;
  margin-top: 3px;
}

.viewmore a {
  display: block;
  overflow: hidden;
  position: relative;
  line-height: 1.9;
  font-size: 13px;
  color: #288ad6 !important;
  border: 1px solid #e0e0e0;
  text-align: center;
  border-radius: 3px;
  margin: 10px auto 0px;
  width: 230px;
}

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

.viewmore a:hover {
  background: #288ad6;
  border-color: #288ad6;
  color: #fff !important;
}

.viewmore a:hover:after {
  border-top: 6px solid #fff;
}

.ex_sgtitle {
  display: block;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 15px 0px 15px;
  position: relative;
}

.ex_sgtitle h1 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 5px;
}

.ex_rating {
  line-height: 1;
  font-size: 11px;
  margin-bottom: 5px;
  color: #4e4e4e7a;
}

.ex_rating a {
  color: #d30029;
}

.dst-social {
  right: 15px;
  top: 15px;
  position: absolute;
}

.woocommerce .ex_rating .star-rating {
  margin-right: 5px;
  margin-top: 0px;
  float: left;
  color: #ffa541;
}

.woocommerce #main-primary .type-product .ex_bgw .price {
  display: inline-block;
  overflow: hidden;
  margin-bottom: 0px;
  margin-top: 2px;
}

.woocommerce #main-primary .type-product .ex_bgw .price > span,
.woocommerce #main-primary .type-product .ex_bgw .price ins {
  display: inline-block;
  overflow: hidden;
  font-size: 24px;
  vertical-align: middle;
  margin-right: 10px;
  line-height: 1;
  margin-top: 7px;
}

.ex_bgw {
  background: #fff;
}

#main-primary .woocommerce-product-gallery {
  width: 100%;
}

#main-primary .woocommerce-product-gallery .imgbs-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: auto;
  max-width: 100%;
  height: auto;
}

.woocommerce #main-primary div.product form.cart {
  margin-bottom: 15px;
}

.woocommerce div.product form.cart .container-btn-suachua a {
  width: 49%;
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  padding: 7px 0;
  background: #db0000;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

.woocommerce div.product form.cart .variations .reset_variations {
  display: none !important;
  color: #fff;
}

.woocommerce div.product form.cart .variations td.label {
  width: 80px;
}

.woocommerce div.product form.cart .variations label {
  margin-bottom: 0;
  line-height: 2.5;
}
.variations .label {
  display: none;
}
.variations .tawcvs-swatches {
  padding: 0px;
}
.woocommerce div.product form.cart .variations .tawcvs-swatches .swatch {
  color: #000 !important;
  line-height: 1.5;
  background: #fff0 !important;
  border: 1px solid #ddd;
  -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 30%;
  float: left;
  text-indent: 0;
  height: auto;
  text-align: center;
  padding: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  font-weight: 500;
  font-size: 12px;
}
.swatch .woocommerce-Price-amount {
  display: block;
  width: 100%;
}

.woocommerce
  div.product
  form.cart
  .variations
  .tawcvs-swatches
  .swatch.selected {
  border-color: #d70018;
}

.variations .tawcvs-swatches .swatch.selected:before {
  display: none;
}

.br_ar:last-child {
  display: none;
}

.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce div.product form.cart .ex_btngop {
  width: 49%;
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  padding: 7px 0;
  background: #ff0000;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

.woocommerce div.product form.cart .single_add_to_cart_button {
  width: 100%;
}

.woocommerce div.product form.cart .ex_btngop {
  background: #288ad6;
  width: 49%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 2%;
}

.woocommerce div.product form.cart .ex_btngop#btn-tuvantragop {
  margin-left: 0;
}

#btn-tuvantragop {
  background: #f60;
}

#btn-tragopthe {
  background: #0f9d58;
}

.woocommerce div.product form.cart .single_add_to_cart_button svg,
.woocommerce div.product form.cart .ex_btngop svg {
  float: left;
  color: #fff;
  fill: currentcolor;
  margin-left: 10px;
}

.woocommerce div.product form.cart .single_add_to_cart_button svg {
  margin-left: 20%;
}

.tm-extra-product-options ul.tmcp-elements li.tmcp-field-wrap {
  padding: 0.5em 0em 0 0;
}

.woocommerce div.product form.cart .single_add_to_cart_button > span,
.woocommerce div.product form.cart .ex_btngop > span {
  margin-left: 45px;
  display: block;
  text-align: left;
}

.woocommerce div.product form.cart .single_add_to_cart_button > span {
  margin-left: 30%;
  font-size: 16px;
}

.woocommerce div.product form.cart .single_add_to_cart_button span.ex_subcart,
.woocommerce div.product form.cart .ex_btngop span.ex_subcart {
  width: 100%;
  font-size: 11px;
  display: block;
  font-weight: 400;
  margin-top: 4px;
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover {
  background: #b50000;
  color: #fff;
}

.woocommerce div.product form.cart .ex_btngop:hover {
  background: #1870b5;
  color: #fff;
}

.tm-epo-field-label.tm-left,
.tm-epo-field-label.tm-right {
  width: 100%;
}

.tm-extra-product-options-inner
  .tm-epo-field-label.tm-left
  + .tm-extra-product-options-container {
  width: 100% !important;
  max-width: 67%;
}

.tm-epo-field.tmcp-select {
  height: 34px;
}

.tcfa {
  vertical-align: top;
  padding-top: 8px;
}

.ex_goihotline {
  margin-bottom: 15px;
  width: 100%;
  display: block;
  overflow: hidden;
  text-align: center;
  background: #f1f1f1;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
}

.ex_goihotline strong {
  color: #db0000;
}

.ex_addmua {
  display: block;
  width: 100%;
  overflow: hidden;
}

.ex_addmua .woocommerce-variation-add-to-cart {
  display: block;
  width: 100%;
  margin-right: 1%;
  overflow: hidden;
  float: left;
}

.ex_uudai {
  border-radius: 5px;
  border: 1px solid #b7b7b7;
  margin-bottom: 10px;
}

.ex_uudai h3 {
  border-bottom: 1px solid #b7b7b7;
  display: block;
  overflow: hidden;
  font-size: 15px;
  color: #333;
  padding: 10px 15px 10px 15px;
  text-transform: uppercase;
  margin-bottom: 0px;
}

.ex_uudai .ex_km {
  max-height: 145px;
  font-size: 13px;
  padding: 0px 15px 15px 15px;
  overflow-y: auto;
}

.ex_uudai .ex_km p {
  margin-bottom: 0px;
}

.ex_uudai .ex_km p:last-child {
  margin-bottom: 0px;
}
.ex_uudai .ex_km ul {
  margin-bottom: 0px;
}
.ex_uudai .ex_km ul li {
  position: relative;
  padding-left: 20px;
}
.ex_uudai .ex_km ul li::before {
  left: 0;
  position: absolute;
  content: "\f06b";
  font-family: "Fontawesome";
  font-size: 14px;
  color: #db0000;
  display: inline-block;
}
.ex_rgtbox {
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #b7b7b7;
}
.ex_rgtbox:last-child {
  margin-bottom: 15px;
}

.ex_rgtbox h3 {
  font-size: 14px;
}

.ex_rgtbox ul {
  margin-bottom: 0px;
}

.ex_rgtbox ul li {
  margin-bottom: 7px;
  line-height: 1.6;
  font-size: 13px;
  position: relative;
  padding-left: 17px;
}

.ex_rgtbox ul li::before {
  left: 0;
  position: absolute;
  content: "\f058";
  font-family: "Fontawesome";
  font-size: 14px;
  margin-right: 5px;
  color: yellowgreen;
  display: inline-block;
}

.ex_camket {
  margin-top: 28px;
  position: relative;
}

.ex_camket .textwidget {
  overflow-y: auto;
  max-height: 150px;
}

.textwidget::-webkit-scrollbar {
  width: 3px;
  background-color: #f5f5f5;
}

.textwidget::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

.textwidget::-webkit-scrollbar-thumb {
  background-color: yellowgreen;
}

.ex_camket h3 {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 12px;
  top: -15px;
  left: 15px;
  position: absolute;
  border: 1px solid #b7b7b7;
  padding: 3px 5px;
  background: #fff;
  color: #000;
}

.ex_camket ul li::before {
  content: "\f164";
}

.ex_camket.ex_rgtbox {
  padding: 10px 3px 10px 10px;
}

.ex_camket + .ex_camket ul li::before {
  content: "\f279";
  font-size: 12px;
}

.ex_bonus_uudai {
  margin-top: 25px;
  position: relative;
  padding-top: 20px;
}

.ex_bonus_uudai h3 {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 12px;
  top: -12px;
  left: 15px;
  position: absolute;
  border: 1px solid #b7b7b7;
  padding: 3px 5px;
  background: #fff;
  color: #000;
}

.area_article {
  display: block;
  overflow: hidden;
  float: left;
  width: 100%;
}

.ex_cnpost .show-more,
.ex_cnpost .hide-more {
  display: block;
  float: left;
  width: 100%;
}

.ex_cnpost .show-more:before {
  height: 55px;
  margin-top: -45px;
  content: -webkit-gradient(
    linear,
    0% 100%,
    0% 0%,
    from(#fff),
    color-stop(0.2, #fff),
    to(rgba(255, 255, 255, 0))
  );
  display: block;
}

.ex_cnpost .readmore {
  width: 94px;
  display: block;
  overflow: hidden;
  position: relative;
  line-height: 27px;
  font-size: 14px;
  color: #e6001b;
  margin: 10px auto;
  cursor: pointer;
  font-weight: 600;
}

.ex_cnpost .readmore:after {
  content: "";
  width: 0;
  right: 0;
  border-top: 6px solid #e6001b;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 5px;
}

.ex_cnpost .hide-more .readmore:after {
  content: "";
  width: 0;
  right: 0;
  border-bottom: 6px solid #ff6600;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 0px solid #ff6600;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 5px;
}

.ex_cnpost {
  padding: 15px 0px;
  overflow: hidden;
}
body.page .ex_cnpost {
  padding: 15px 10px;
  overflow: hidden;
}
.ex_cntitle {
  padding-bottom: 10px;
  border-bottom: 1px solid #efeeee;
  font-size: 16px;
  overflow: hidden;
  display: block;
  line-height: 1.4;
}

.ex_lborder {
  border-left: 15px solid #f0f0f0;
}

.ex_thongso {
  padding: 15px 0px;
}

.ex_thongso h2 {
  margin-bottom: 0px;
}

.agia > .image,
.agia > a > .image {
  margin-top: 15px;
}

.woocommerce .ex_thongso table.shop_attributes {
  margin-bottom: 0px;
  font-size: 13px;
  border-top: 0px;
}

.woocommerce .ex_thongso table.shop_attributes th,
.woocommerce .ex_thongso table.shop_attributes td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-style: normal;
  font-weight: 400;
}

.woocommerce .ex_thongso table.shop_attributes th {
  color: #969696;
}

.ex_danhgia {
  display: block;
  overflow: hidden;
  width: 100%;
}

.ex_nx .ex_cntitle {
  padding-top: 15px;
  border-bottom: 0px;
  border-top: 1px solid #efeeee;
}

.ex_thongke {
  border: solid 1px #ddd;
  border-radius: 5px;
  padding: 0px 15px;
  margin-bottom: 20px;
  display: table;
  width: 100%;
}

.ex_chiba {
  text-align: center;
  font-size: 12px;
  color: #4a4a4a;
  padding: 10px;
  border-right: 1px solid #d8d8d8;
  display: table-cell;
  vertical-align: middle;
}

.ex_guidanhgia {
  border-right: 0px solid #d8d8d8;
  width: 250px;
}

.ex_diemsao {
  width: 200px;
}

.ex_diemso::after {
  font-family: WooCommerce;
  content: "\e020";
  padding-left: 10px;
}

.ex_diemso {
  font-size: 40px;
  color: #fd9727;
  line-height: 40px;
}

.ex_thongke .progress {
  height: 6px;
  margin-bottom: 0px;
}

.ex_thongke .progress-bar {
  height: 5px;
  background-color: #ff9100;
}

.ex_saovang {
  margin-bottom: 0px;
}

.ex_saovang > li {
  display: table;
  width: 100%;
  margin-bottom: 2px;
  font-size: 12px;
  color: #9a9a9a;
  line-height: 1.5;
}

.ex_saovang > li > span {
  display: inline-block;
  position: relative;
}

.ex_saovang .ex_5sao {
  width: 20%;
}

.ex_saovang .progress {
  width: 60%;
}

.ex_saovang .ex_sdem {
  width: 20%;
}

.ex_guidanhgia a {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding: 9px 35px;
  color: #fff;
  background: #ff0000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
}

#reviews .woocommerce-Reviews-title {
  margin-top: 5px;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 20px;
}

#reviews .woocommerce-Reviews-title {
  margin-top: 5px;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 20px;
}

.woocommerce #reviews #review_form #respond textarea,
#comment {
  border: 1px solid #dadada;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
  height: 75px;
}

.woocommerce #reviews #review_form #respond .form-submit input {
  text-decoration: none;
  background: #ff0000;
  color: #ffffff;
  border-radius: 4px;
  font-weight: normal;
}

.woocommerce #reviews #review_form_wrapper p.stars:hover a::before {
  color: #ffa541;
}

.woocommerce #reviews p.stars a {
  margin-right: 3px;
}

.woocommerce
  #main-primary
  #reviews
  #comments
  ol.commentlist
  > li
  > div
  > .comment-text {
  border: 0px;
  padding: 0px;
}

#reply-title {
  display: none;
}

.woocommerce #review_form #respond p.stars {
  margin: 0 0 0px;
  font-size: 20px;
}

.woocommerce #main-primary #reviews #comments ol.commentlist .children li,
#comments ol.commentlist li {
  padding: 0;
  margin: 0 0 20px;
  position: relative;
  background: #f8f8f8;
  border: 1px solid #e4e1e3;
}

.woocommerce #reviews #comments ol.commentlist .children li img.avatar {
  float: left;
  position: absolute;
  top: 15px;
  left: 15px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p {
  margin: 0 0 10px;
}

#comments ol.commentlist li .children {
  margin: 0px 0 0 0px !important;
  padding-left: 0px;
}

#comments ol.commentlist li .children .comment-text,
.woocommerce #reviews #comments ol.commentlist .children li .comment-text {
  /*background: #f8f8f8;*/
  border: 0px;
}

#reviews #comments #respond textarea {
  border: 1px solid #dadada;
  border-radius: 4px;
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
}

#reviews #comments #respond .form-submit input {
  text-decoration: none;
  background: #d30029;
  color: #ffffff;
  border-radius: 5px;
  font-weight: normal;
  padding: 5px 7px;
  border: 0px;
}

#reviews #comments ol.commentlist .children li:after,
#reviews #comments ol.commentlist .children li:before {
  top: -20px;
  left: 16px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

#reviews #comments ol.commentlist .children li:before {
  border-color: rgba(238, 238, 238, 0);
  border-bottom-color: #f8f8f8;
  border-width: 11px;
  margin-left: -11px;
  z-index: 1;
}

#reviews #comments ol.commentlist .children li:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #dfdfdf;
  border-width: 10px;
  margin-left: -10px;
}

.woocommerce
  #main-primary
  #reviews
  #comments
  ol.commentlist
  > li
  > div
  > .comment-text {
  border: 0px;
  padding: 0px;
}

.woocommerce #main-primary #reviews #comments ol.commentlist li {
  padding: 0;
  margin: 0 0 0px;
}

.woocommerce
  #main-primary
  #reviews
  #comments
  ol.commentlist
  .children
  .children
  li {
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
}

.woocommerce #comments nav.woocommerce-pagination {
  text-align: left;
}

.woocommerce nav.woocommerce-pagination ul {
  border: 0px;
}

.woocommerce nav.woocommerce-pagination ul li {
  border: 1px solid #e2e2e2;
  margin-right: 5px;
  border-radius: 4px;
  background: #e2e2e2;
  font-size: 13px;
}

.related > h2,
.upsells > h2 {
  background: #fff;
  margin: 0px 0px 0px 0px;
  border-bottom: 1px solid #f3f3f3;
  padding: 15px;
  font-size: 16px;
  overflow: hidden;
  display: block;
}

.ex_mgbottom {
  margin-bottom: 15px;
}

#primary .woocommerce-breadcrumb {
  font-size: 12px;
}

#primary .woocommerce-breadcrumb a {
  color: #d30029;
}

.ex_tinlq {
  padding: 0px;
}

.ex_tinlq .ex_hgnews li {
  border-bottom: 0px;
}

.ex_splienquan {
  margin-top: 10px;
}

.ex_splienquan h2 {
  padding: 0px 0px 15px 0px;
}

.ex_splienquan .ex_p2 {
  width: 100%;
  max-width: 100%;
  display: block;
  padding: 5px 0px;
  position: relative;
  border: 0px;
}

.ex_splienquan .wp-post-image {
  display: block;
  height: 90px;
  width: 90px;
  margin: 0px auto;
  float: left;
}

.ex_splienquan .ex_p2 h2 {
  padding-left: 100px;
  position: absolute;
  float: left;
  padding-top: 5px;
  padding-bottom: 0px;
}

.ex_splienquan .ex_p2 .ex_prtitle {
  top: 45px;
  padding-left: 100px;
  width: 100%;
  position: absolute;
}

.ex_splienquan .ex_tragop {
  display: none;
}

.ex_splienquan .ex_khuyenmai {
  position: absolute;
  bottom: 15px;
  left: 10px;
}

.ex_splienquan .xu_countdown {
  display: none;
}

.woocommerce #main-primary .type-product .ex_splienquan .price {
  margin-top: 0px;
}

.woocommerce #main-primary .type-product .ex_splienquan .price span {
  font-size: 14px;
}

.woocommerce #main-primary .type-product .ex_splienquan .price ins {
  font-size: 14px;
}

.woocommerce #main-primary .type-product .ex_splienquan .ex_prtitle {
  height: 43px;
}

.woocommerce #main-primary .type-product .ex_splienquan .star-rating {
  line-height: 1;
  font-size: 11px;
  margin-bottom: 0px;
  margin-top: 0px;
}

.ex_p2 a:hover h2 {
  color: #288ad6;
}

.woocommerce #reviews p.stars.selected a {
  color: #fd9727;
}

.woocommerce-product-gallery .flex-control-nav {
  display: none;
}

.woocommerce-product-gallery__wrapper div + div {
  display: none !important;
}

.ex_images_sub {
  float: left;
}

.ex_images_sub .owl-item {
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  text-align: center;
  margin-bottom: 15px;
  color: #000000;
  fill: currentcolor;
  cursor: pointer;
  line-height: 1.2;
}

.ex_images_sub .owl-item:hover {
  color: #d30029;
}

.ex_images_sub .owl-item > div {
  padding-top: 9px;
}

.ex_mota {
  float: left;
  width: 100%;
  text-align: justify;
  margin-top: 0px;
}

#ex_motatitle {
  font-weight: 600;
  float: left;
  margin-right: 5px;
  line-height: 1.5;
}

#ex_page {
  width: 100%;
  display: block;
  overflow: hidden;
  background: #fff;
}

#tragop #ex_page {
  border-radius: 6px;
}

body.page-id-6 #ex_page,
body.page-id-7 #ex_page,
body.page-id-8 #ex_page {
  background: transparent;
}

#ex_page h2.ex_pagetitle,
.cart-collaterals .cart_totals > h2,
.cart-collaterals .cross-sells > h2 {
  font-size: 18px;
}
body.page #ex_page h2.ex_pagetitle {
  margin-bottom: 25px;
  font-size: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d3d3d3;
}

.woocommerce-cart-form {
  background: #fff;
  padding: 15px;
}

#ex_page .woocommerce table.shop_table {
  margin-bottom: 0px;
  font-size: 13px;
}

#ex_page .woocommerce table.shop_table th {
  background: #f1f1f1;
}

#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
  padding: 2px 6px 2px;
}

.cart-collaterals {
}

.woocommerce-Price-amount {
  color: #e10c00;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  float: right;
  width: 100%;
  background: #fff;
  padding: 15px;
  margin-top: 15px;
}

.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells {
  width: 100%;
  float: left;
  background: #fff;
  padding: 15px;
  margin-top: 15px;
}

.woocommerce .cross-sells .products {
  border-top: 1px solid #f3f3f3;
  border-left: 1px solid #f3f3f3;
  margin-bottom: 0px;
}

#ex_page .woocommerce .cart_totals table.shop_table {
  width: 50%;
  float: left;
}

#ex_page .woocommerce .cart_totals .wc-proceed-to-checkout {
  width: auto;
  float: right;
  padding-top: 0px;
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: #c21d32;
  font-size: 16px;
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: #a51628;
}

#ex_page .woocommerce .cart_totals table.shop_table .shipping th,
#ex_page .woocommerce .cart_totals table.shop_table .shipping td {
  border-top: 0px;
}

.woocommerce-shipping-calculator p {
  margin-bottom: 0px;
}

.order-total .amount {
  font-size: 22px;
}

.woocommerce .col2-set,
.woocommerce-page .col2-set {
  background-color: #fff;
  padding: 15px;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
  max-width: 100%;
  float: left;
  width: 100%;
  padding: 0px;
}

.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  max-width: 100%;
  float: left;
  width: 100%;
  padding: 0px;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.woocommerce-input-wrapper {
  width: 100%;
}

#customer_details h3,
#order_review h3 {
  font-size: 16px;
}

#ship-to-different-address label {
  margin-bottom: 0px;
  margin-top: 10px;
}

#ship-to-different-address label {
  margin-bottom: 0px;
  margin-top: 10px;
}

#ship-to-different-address label input {
  vertical-align: top;
  margin-top: 3px;
  margin-right: 5px;
}

#order_review {
  padding: 15px;
  background: #fff;
}

#payment {
  margin-top: 15px;
}

#ex_page .woocommerce #order_review table.shop_table,
.woocommerce-table--order-details {
  border-spacing: 0px;
  font-size: 13px;
}

#ex_page .woocommerce #order_review table.shop_table th,
.woocommerce-table--order-details th {
  padding: 6px 12px;
}

#ex_page .woocommerce #order_review table.shop_table tfoot th,
#ex_page .woocommerce .woocommerce-table--order-details tfoot th {
  background: #fff;
}

.woocommerce-checkout #payment {
  border: 1px dashed #d3d3d3;
  background: #ffffff;
  border-radius: 5px;
}

.order_comments_field label {
  font-style: italic;
  font-weight: 400;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  font-size: 13px;
  padding: 0.5em 15px 0.5em 3.5em;
  margin: 0 0 15px;
  position: relative;
  background-color: #fff;
  color: #515151;
  border: 1px solid #c21d32;
  border-radius: 4px;
  list-style: none outside;
  width: auto;
  word-wrap: break-word;
}

.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
  font-family: WooCommerce;
  content: "\e028";
  display: inline-block;
  position: absolute;
  top: 0.5em;
  left: 1.5em;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  border: 1px solid #d3ced2;
  padding: 15px;
  margin: 15px 0;
  background: #fff;
}

.showcoupon {
  color: #288ad6;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  background-color: #c21d32;
}

.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
  color: #fff;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background: #a90425;
  color: #fff;
}

body.page-id-7 #ex_page {
  margin: 0px auto;
  max-width: 600px;
}

.woocommerce-order {
  padding: 15px;
  background: #fff;
}

.woocommerce ul.order_details {
  padding: 10px;
  border-radius: 4px;
  border: 1px dashed #d3ced2;
  margin-bottom: 15px;
}

.woocommerce ul.order_details li {
  border-right: 0px;
  margin-right: 0px;
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #d3ced2;
}

.woocommerce ul.order_details li:last-child {
  border-bottom: 0px;
  margin-bottom: 0px;
}

.woocommerce-order h2 {
  font-size: 16px;
}

.woocommerce .woocommerce-order-details {
  margin-bottom: 15px;
}

.woocommerce .woocommerce-columns--addresses {
  padding: 0px;
}

.woocommerce .woocommerce-customer-details address {
  margin-bottom: 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-radius: 4px;
  padding: 6px 12px;
  margin-bottom: 15px !important;
  font-size: 13px;
}

.woocommerce .woocommerce-customer-details {
  margin-bottom: 0px;
}

.ex_accpage {
  background: #fff;
  padding: 0px 15px 15px 15px;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  float: left;
  width: 30%;
}

.woocommerce-account .woocommerce-MyAccount-content {
  float: right;
  width: 68%;
}

.woocommerce-MyAccount-content {
  margin-bottom: 25px;
}

.woocommerce .woocommerce-MyAccount-content table.shop_table th {
  font-weight: 600;
  font-size: 12px;
}

.woocommerce-MyAccount-content h3 {
  font-size: 16px;
  margin-top: 0;
}

.woocommerce-account .addresses .title .edit {
  color: #f00;
}

.woocommerce-MyAccount-navigation {
  border: 1px solid #d3ced2;
  margin-bottom: 25px;
}

.woocommerce-MyAccount-navigation ul {
  margin-bottom: 0px;
}

.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  padding: 7px;
  border-top: 1px solid #f3f3f3;
}

.woocommerce-MyAccount-navigation
  li.woocommerce-MyAccount-navigation-link:first-child {
  border-top: 0px solid #f3f3f3;
}

.woocommerce-MyAccount-navigation
  li.woocommerce-MyAccount-navigation-link:hover {
  background: #f9f9f9;
}

.woocommerce-MyAccount-navigation
  li.woocommerce-MyAccount-navigation-link.is-active {
  background: #f9f9f9;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce .woocommerce-MyAccount-content .woocommerce-button,
.woocommerce .woocommerce-MyAccount-content .button {
  text-decoration: none;
  background: #1870b5;
  color: #fff;
  border-radius: 3px;
  font-weight: normal;
  padding: 4px 1em;
  font-size: 12px;
  margin-right: 10px;
  border: 0px;
}

.woocommerce-MyAccount-orders,
.woocommerce-table--order-details {
  border-left: 1px solid #d3ced2;
  border-top: 1px solid #d3ced2;
  width: 100%;
}

.page-id-8 .woocommerce-MyAccount-orders th,
.page-id-8 .woocommerce-table--order-details th {
  border-right: 1px solid #d3ced2;
  border-bottom: 1px solid #d3ced2;
  padding: 5px;
  background: #dcdcdc;
}

.page-id-8 .woocommerce-MyAccount-orders td,
.page-id-8 .woocommerce-table--order-details td {
  border-right: 1px solid #d3ced2;
  border-bottom: 1px solid #d3ced2;
  padding: 5px;
}

.addresses address {
  line-height: 1.8;
}

.woocommerce-MyAccount-content .woocommerce-order-details {
  margin-bottom: 15px;
}

.woocommerce-MyAccount-content .woocommerce-customer-details h2 {
  font-size: 18px;
}

.woocommerce-MyAccount-content .woocommerce-customer-details address p {
  margin-bottom: 0px;
}

.woocommerce-order-details__title {
  font-size: 16px;
}

.woocommerce-MyAccount-content .woocommerce-Addresses {
  padding: 0px;
  display: block;
  width: 100%;
  overflow: hidden;
  font-size: 13px;
}

label.ex_tragop {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  background: #fff;
  border-radius: 3px;
  padding: 0 5px 0 8px;
  margin: 10px 0 5px 5px;
  height: 20px;
  background: #f28902;
}

.lg-backdrop {
  background: #fff;
}

.lg-outer .lg-thumb-outer {
  background-color: #dedede4a;
}

.lg-outer .lg-toogle-thumb {
  background-color: #dedede4a;
}

.lg-outer .lg-toogle-thumb:hover {
  color: #333;
}

.lg-toolbar {
  background-color: transparent;
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
  background-color: #dedede4a;
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
  color: #333;
}

.lg-outer .lg-thumb-item {
  background: #fff;
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
  border-color: #9e9d9d80;
}

.pswp__bg {
  background: #fff;
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background: transparent;
}

button.pswp__button {
  background-image: url(images/default-skin.png) !important;
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
  display: none;
}

.woocommerce #main-primary div.product.product-type-variable .col-md-4 p.price {
  display: none;
}

.woocommerce-variation-price {
  /*display:none;*/
}

body.tax-product_cat .woocommerce-error,
body.tax-product_cat .woocommerce-info,
body.tax-product_cat .woocommerce-message {
  margin-top: 15px;
}

.woocommerce-product-gallery__image {
  padding-top: 15px;
}

.ex_p4 {
  padding: 0px;
  border-right: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  background: #fff;
  width: 40%;
  max-width: 40%;
  float: left;
  text-align: left;
  overflow: hidden;
  position: relative;
}

.ex_hhpr {
  display: none;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding: 10px;
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
  -ms-opacity: 0;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  filter: alpha(opacity=0);
  pointer-events: none;
  position: absolute;
  background: #f3f3f3;
  -webkit-box-shadow: 2px 2px 1px 0 rgba(211, 211, 211, 0.75);
  -moz-box-shadow: 2px 2px 1px 0 rgba(211, 211, 211, 0.75);
  box-shadow: 2px 2px 1px 0 rgba(211, 211, 211, 0.75);
}

.ex_p2:hover .ex_hhpr {
  opacity: 1;
}

.ex_hhpr .woocommerce-loop-product__title {
  padding-top: 0px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 36px;
  margin-bottom: 5px;
}

.ex_p4 .ex_hhpr .woocommerce-loop-product__title {
  padding-left: 0px;
  height: 41px;
}

.ex_p4 label.ex_tragop {
  font-size: 11px;
  position: absolute;
  top: 0px;
}

.ex_hpr {
  padding: 0px 15px;
  width: 100%;
}

.ex_mbhpr {
  padding-bottom: 15px;
  border-right: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
}

.ex_p4 .ex_shpr {
  background: #fff;
  padding: 0px;
  position: relative;
  overflow: hidden;
}

.ex_p4 .woocommerce-loop-product__title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 39px;
}

.ex_p4 .ex_hhpr .woocommerce-loop-product__title {
  padding-left: 0px;
  height: 41px;
}

.ex_p4 label.ex_tragop {
  font-size: 11px;
  bottom: 10px;
  position: absolute;
  right: 10px;
}

.ex_ihpr {
  width: 100%;
  margin: auto;
  line-height: 205px;
  text-align: center;
  height: 205px;
}

.ex_ihpr img {
  vertical-align: top;
}

.ex_ihpr img {
  vertical-align: top;
  /*width: auto;
    max-width: 100%;
    height: 100%;*/
}

.ex_shpr .ex_ihpr img {
  display: block;
  margin: 0px auto;
  height: auto;
  max-width: 100%;
}

.ex_shpr {
  background: #fff;
}

.ex_p4 .size-woocommerce_thumbnail {
  display: inline-block;
  vertical-align: top;
  line-height: normal;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  margin: 0px auto;
  width: auto;
  vertical-align: middle;
}

.ex_p4 .price {
  display: block;
  overflow: hidden;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  padding: 0px 10px 0px 0px;
}

.ex_p4 .ex_hhpr .price {
  padding: 0px;
}

.ex_prsale {
  font-weight: 600;
  display: block;
  width: 100%;
  overflow: hidden;
}

.ex_gift p {
  font-size: 12px;
  line-height: 2;
}

.ex_hhpr .woocommerce-loop-product__title {
  font-weight: 700;
}

.ex_hotlink {
  margin-top: 15px;
  padding-bottom: 10px;
  padding-top: 10px;
  overflow: hidden;
  display: block;
  width: 100%;
  border-bottom: 1px solid #f3f3f3;
  border-right: 1px solid #f3f3f3;
  background: #fff;
}

.ex_hotlink h3 {
  float: left;
  margin-top: 3px;
  font-size: 16px;
  margin-bottom: 0px;
  color: #333;
}

.fcontainer h3 {
  color: #fff;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  margin-top: 0;
}

.ex_hotlink .ex_lsp,
#menu-menu-home {
  /*float: right;*/
  margin-bottom: 0px;
}

.ex_lsp li {
  background: #fff;
  border: 1px solid #fff;
  list-style: none;
  display: block;
  float: left;
  border-radius: 5px;
  margin-left: 5px;
}

.ex_lsp li a {
  font-size: 13px;
  padding: 5px 15px;
  color: #c21d32;
  font-weight: 400;
  border-radius: 5px;
  border-color: #ccc;
}

.ex_lsp li a:hover {
  color: #d3d3d3;
}

.ex_lsp li:last-child a {
  /*padding: 5px 0px 5px 15px;*/
}

.woocommerce-notices-wrapper {
  width: 100%;
}

.ex_note ul,
.ex_note .woocommerce-message {
  width: 100%;
}

.ex_lqnews {
  width: 100%;
  display: block;
  overflow: hidden;
  background: #fff;
  /*border:1px solid #f3f3f3;
    padding:10px;*/
}

.rpwwt-widget ul {
  display: block;
  width: 100%;
  overflow: hidden;
  margin-bottom: 0px;
}

.rpwwt-widget ul li {
  width: 20%;
  float: left;
  padding: 10px;
}

.ex_lqnews #rpwwt-recent-posts-widget-with-thumbnails-2 img {
  height: auto;
}

.boxes-title {
  padding: 0px 0px 0px 0px;
  margin-top: 15px;
}

.boxes-title h2 {
  font-size: 16px;
  padding-bottom: 6px;
  border-bottom: 1px dashed #d3d3d3;
  margin-bottom: 10px;
}

.rpwwt-post-title {
  font-size: 13px;
  font-weight: 700;
}

.rpwwt-post-date {
  color: #c7c7c7;
  margin-top: 5px;
  font-size: 13px;
}

.products {
  background: #fff;
}

.ngContainer .products {
  margin-bottom: 0px;
}

.ex_menu #mega-menu-wrap-primary {
  width: 100%;
}

#mega-menu-primary {
  z-index: 999;
}

#mega-menu-primary > li > .mega-sub-menu {
  padding: 10px 0px !important;
}

.ex_lnews {
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.ex_thumbnails img {
  max-width: 100%;
  width: auto;
  height: auto;
}

.ex_motan h2 {
  font-size: 22px;
  line-height: 1.4em;
  width: 100%;
  display: block;
}

.ex_danhmuc {
  color: #c21d32;
  font-size: 13px;
  font-weight: 500;
}

.ex_nmenta {
  font-size: 13px;
  text-transform: none;
  color: #a0a0a0;
  margin-bottom: 10px;
}

.ex_auth:after {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f111";
  margin-left: 8px;
  font-size: 5px;
  vertical-align: middle;
  color: #adb5bd;
}

.ex_date {
  padding-left: 5px;
}

.ex_excp {
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  height: 80px;
}

.ex_excp p {
  margin-bottom: 5px;
}

#ex_cnews {
  padding: 15px;
  background: #fff;
}

#ex_cnews img {
  max-width: 100%;
  height: auto;
  margin-top: 7px;
}

#ex_cnews .ex_sgl h3 {
  line-height: 1.7;
}

.has-medium-font-size {
  font-size: 16px;
}

#side-bar {
  border-right: 15px solid #f0f0f0;
  background: #fff;
}

.product_list_widget {
  width: 100%;
  display: block;
  float: left;
}

.product_list_widget li {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.product_list_widget .wp-post-image,
.product_list_widget .size-woocommerce_thumbnail {
  width: 30%;
  height: auto;
  float: left;
  padding-right: 10px;
}

.product_list_widget li .product-title {
  font-size: 13px;
  line-height: 1.4;
  width: 100%;
  padding-left: 75px;
  display: block;
}

.product_list_widget .woocommerce-Price-amount {
  display: block;
  padding-left: 75px;
}

.ex_noibat {
  display: block;
  overflow: hidden;
  width: 100%;
  margin-bottom: 15px;
  background: #fff;
}

.ex_nbn {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 300px;
  border: 1px solid #fff;
}
.ex_nbn:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  background: linear-gradient(180deg, transparent 0, #000 65%, #000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#000000",GradientType=0);
  opacity: 0.6;
  z-index: 2;
}
.ex_nbn:hover:after {
  opacity: 0.5;
  transition: 0.3s;
}

.ex_nbn + .ex_nbn {
  width: 50%;
  height: 200px;
}

.ex_nbn:last-child {
}

.ex_nbn .ex_nbds {
  bottom: 0px;
  width: 100%;
  position: absolute;
  padding: 10px;
  color: #fff;
  z-index: 3;
  transform: translate3d(0, 25px, 0);
  transition: transform 0.35s;
}
.ex_nbn:hover .ex_nbds {
  transform: translateZ(0);
}

.ex_nbn .ex_nbds a {
  color: #fff;
}

.ex_nbn .ex_nbds h2 {
  margin-bottom: 5px;
  font-size: 24px;
  color: #fff;
  line-height: 1.4;
  margin-top: 0px;
  padding: 0px;
}

.ex_nbn .ex_nbimg {
  overflow: hidden;
}

.ex_nbn .ex_nbimg img {
  margin-bottom: 0px;
  max-width: 150%;
  transition: transform 0.35s;
  transform: translate3d(-20px, 0, 0);
}
.ex_nbn:hover .ex_nbimg img {
  transition: transform 0.35s;
  transform: translateZ(0);
}

.ex_nbn .ex_nbimg a::after {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.65) 99%,
    rgba(0, 0, 0, 0.65) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(0, 0, 0, 0)),
    color-stop(99%, rgba(0, 0, 0, 0.65)),
    color-stop(100%, rgba(0, 0, 0, 0.65))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.65) 99%,
    rgba(0, 0, 0, 0.65) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.65) 99%,
    rgba(0, 0, 0, 0.65) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.65) 99%,
    rgba(0, 0, 0, 0.65) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.65) 99%,
    rgba(0, 0, 0, 0.65) 100%
  );
}

.ex_nbn .ex_nbimg a:hover::after {
  filter: alpha(opacity=40);
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}

.ex_nbn .ex_dmuc {
  background: #f70d28;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: 0.2s;
  text-transform: uppercase;
  color: #fff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 0px 6px;
  position: absolute;
  top: -15px;
  font-weight: 400;
  font-size: 10px;
}

.ex_nbn .ex_nbnmeta {
  color: #a0a0a0;
  font-size: 13px;
}

.ex_nbn .ex_nbnmeta .ex_auth:after {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f111";
  margin-left: 8px;
  font-size: 5px;
  vertical-align: middle;
  color: #adb5bd;
}

.ex_nbn + .ex_nbn .ex_nbds h2 {
  font-size: 14px;
}

.ex_nmenu,
.news_menu {
  display: block;
  overflow: hidden;
}

.ex_nmenu li {
  margin-right: 15px;
  display: block;
  float: left;
}

.ex_nmenu li.current-menu-item,
.ex_nmenu li:hover {
  background: #c21d32;
  color: #fff;
  border-radius: 3px;
}

.ex_nmenu li a {
  font-size: 14px;
  padding: 4px 10px;
  text-transform: uppercase;
}

.ex_nmenu li.current-menu-item a,
.ex_nmenu li:hover a {
  color: #fff;
}

.ex_sgltitle {
  font-size: 20px;
  line-height: 1.5;
}

.ex_sgl .ex_nmenta {
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px dashed #d3d3d3;
}

.ex_tag {
  display: block;
  overflow: hidden;
  width: 100%;
  font-weight: 700;
  font-size: 13px;
}

.ex_tag a {
  font-weight: 400;
}

.ex_sgl ul {
  padding-left: 15px;
  list-style: disc;
  font-size: 13px;
}

.woocommerce .mega-sub-menu ul.cart_list li img,
.woocommerce .mega-sub-menu ul.product_list_widget li img {
  width: 30%;
  height: auto;
  float: left;
  padding-right: 10px;
}

.woocommerce .mega-sub-menu ul.cart_list li a,
.woocommerce .mega-sub-menu ul.product_list_widget li a {
  display: block;
  font-weight: 400;
}

.view-more-button {
  padding: 10px 10px 10px 10px;
  background: #fff;
}

.sb-infinite-scroll-load-more.view-more-button a {
  width: 30%;
  color: #fff;
  border: 0px;
  background: #ff0000;
}
.sb-infinite-scroll-loader {
  background: #fff;
  margin-bottom: 0px;
}

.ex_qt {
  background: #ff0000;
  border-radius: 1px;
  padding: 0 5px;
  line-height: normal;
  border: 1px solid #ff0000;
  font-size: 11px;
  color: #fff;
  font-weight: normal;
  display: inline-block;
  margin: 0px 0 0 5px;
}

#slider-danh-muc .owl-stage-outer {
  margin-bottom: 15px;
}

.ng_fTitle {
  font-size: 16px;
  margin-bottom: 20px;
  position: relative;
}

.ng_fTitle:before {
  content: "";
  position: absolute;
  bottom: -10px;
  width: 20px;
  height: 2px;
  background-color: #0f9d58;
}

.ng_fTitle:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 25px;
  width: 40px;
  height: 2px;
  background-color: #f4b400;
}

footer a {
  color: #212529;
}

#mega-menu-wrap-primary
  #mega-menu-primary
  li.mega-menu-item-has-children
  > a.mega-menu-link:after,
#mega-menu-wrap-primary
  #mega-menu-primary
  li.mega-menu-item-has-children
  > a.mega-menu-link
  span.mega-indicator:after {
  display: none;
  content: "" !important;
}

#mega-menu-wrap-primary
  #mega-menu-primary
  li.mega-menu-item
  a.mega-menu-link:before {
  display: block !important;
  font-size: 22px !important;
  margin-right: 0px !important;
  width: auto !important;
}

#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item
  > a.mega-menu-link {
  padding: 0px 5px 8px 5px !important;
  height: auto !important;
  line-height: 1.4 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  letter-spacing: -1px;
}

#mega-menu-wrap-primary
  #mega-menu-primary.mega-no-js
  li.mega-menu-item:hover
  > ul.mega-sub-menu,
#mega-menu-wrap-primary
  #mega-menu-primary.mega-no-js
  li.mega-menu-item:focus
  > ul.mega-sub-menu,
#mega-menu-wrap-primary
  #mega-menu-primary
  li.mega-menu-item.mega-toggle-on
  > ul.mega-sub-menu {
  transition: 0.2s ease-out;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.woocommerce div.product div.images .woocommerce-product-gallery__image a img {
  background: #f9f9f9;
  border: solid 1px #eee;
}
.ngMenu {
  padding-left: 0px;
  padding-top: 5px;
}

.ex_dmc {
  width: 100%;
  overflow-y: hidden;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  min-height: 0.01%;
  overflow-x: auto;
  background: #fff;
}

.ex_dmc > div {
  padding: 0px;
}

.ex_dmc ul {
  width: 100%;
  display: table;
  margin: 0 !important;
}

.ex_dmc ul li {
  padding: 0 3px !important;
  float: none !important;
  width: auto !important;
  display: table-cell;
  vertical-align: middle;
}

.ex_dmc ul li a {
  display: block;
  font-size: 12px;
  padding: 3px 6px;
  text-align: center;
  color: #00483d;
  border: 1px solid #009981;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  white-space: nowrap;
}

.ex_dmc ul li a:hover {
  color: #d3d3d3;
}

.ngContainer .ex_menuscoll {
  width: 60%;
  float: right;
}

.woocommerce-checkout-review-order-table td:last-child,
.woocommerce-checkout-review-order-table th:last-child,
.woocommerce-table--order-details td:last-child,
.woocommerce-table--order-details th:last-child {
  text-align: right;
}

#customer_check {
  border: 1px solid #d8d8d8;
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.ng_ctop {
  padding-bottom: 15px;
  display: block;
  width: 100%;
  overflow: hidden;
}

.ng_ctop a {
  color: #e10c00;
  overflow: hidden;
  position: relative;
  padding: 0px 0 0 15px;
}

.ng_ctop a:before {
  content: "";
  width: 0;
  height: 0;
  border-right: 7px solid #e10c00;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  position: absolute;
  left: 0;
  top: 2px;
}

.ng_ctop span {
  float: right;
}

.woocommerce td.product-name .wc-item-meta .wc-item-meta-label,
.woocommerce td.product-name .wc-item-meta dt,
.woocommerce td.product-name dl.variation .wc-item-meta-label,
.woocommerce td.product-name dl.variation dt {
  line-height: 1.7;
}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
  width: 49%;
}

.ngLogin {
  border-radius: 3px;
  max-width: 345px;
  width: 100%;
  margin: 15px auto;
  background: #fff;
  border: 1px solid #d8d8d8;
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.woocommerce .ngLogin form.login {
  border: 0px solid #d3ced2;
  background: transparent;
}

.ngLogin h2 {
  margin-top: 20px;
  font-size: 18px;
  text-align: center;
}

.ngLogin .form-row {
  margin-left: 0px;
  margin-right: 0px;
}

.ngLogwide {
  display: block;
  width: 100%;
}

.ngLogin .woocommerce-LostPassword {
  float: right;
  color: #c21d32;
}

.ngLogin .woocommerce-LostPassword a {
  color: #c21d32;
}

.woocommerce .ngLogin .woocommerce-Button {
  font-weight: normal;
  text-align: center;
  box-sizing: border-box;
  font-size: 13px;
  padding: 7px 30px;
  border-radius: 3px;
  width: 100%;
  margin-top: 10px;
  border: 0px;
}

#loading-facebook {
  font-weight: normal;
  text-align: center;
  box-sizing: border-box;
  font-size: 13px;
  padding: 7px 30px;
  border-radius: 3px;
  width: 100%;
  margin-top: 10px;
  border: 0px;
  background: #306199;
  color: #fff;
  margin-bottom: 15px;
  cursor: pointer;
}

#loading-zalo {
  font-weight: normal;
  text-align: center;
  box-sizing: border-box;
  font-size: 13px;
  padding: 7px 30px;
  border-radius: 3px;
  width: 100%;
  margin-top: 10px;
  border: 0px;
  background: #018fe5;
  color: #fff;
  margin-bottom: 15px;
  cursor: pointer;
}

.ngOlogin {
  width: 100%;
  position: relative;
  margin: 15px auto 15px;
  text-align: center;
}

.ngOlogin h3 {
  font-size: 14px;
  margin: 0;
  font-weight: 300;
  color: #616161;
  line-height: 30px;
}

.ngOlogin:before,
.ngOlogin:after {
  content: "";
  position: absolute;
  top: 14px;
  width: 80px;
  height: 1px;
  background-color: #e0e0e0;
}

.ngOlogin:before {
  right: 35px;
}

.ngOlogin:after {
  left: 35px;
}

.ngLogin .woocommerce-ResetPassword {
  padding: 15px;
}

.ngInput {
  display: block;
  height: 34px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#wp-comment-cookies-consent {
  margin-right: 5px;
}

.ngContainer {
  padding: 0px 15px;
}

.ngSgI {
  width: 100%;
  display: block;
  font-size: 11px;
  margin-bottom: 7px;
}

.woocommerce div.product div.images {
  margin-bottom: 15px;
}

.single_variation_wrap {
  position: relative;
}

.woocommerce-variation-availability {
  position: absolute;
  right: 0px;
  top: -32px;
}
.woocommerce div.product form.cart .variations {
  margin-bottom: 0px;
}
p.tm-epo-element-label {
  margin-bottom: 0px;
  font-weight: 500;
}
#top span:before {
  cursor: pointer;
  background: #c21d32;
  width: 40px;
  position: fixed;
  right: 20px;
  bottom: 45px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -transition: all 0.2s linear;
  color: #fff;
  content: "▲";
  opacity: 0.7;
  z-index: 8;
  border-radius: 5px;
}

#cb_customers {
  padding: 0px 15px 15px 15px;
  background: #fff;
}

#cb_customers .wp-caption {
  position: relative;
  overflow: hidden;
  margin-bottom: -10px;
}

#cb_customers .wp-caption .wp-caption-text {
  position: absolute;
  z-index: 1;
  bottom: 10px;
  left: 0;
  width: 100%;
  color: #fff;
  padding: 7px 10px;
  background: rgba(0, 0, 0, 0.5);
  margin-bottom: 0;
  text-align: center;
}

@media (-webkit-min-device-pixel-ratio: 1.5) {
  [class^="xicon-"] {
    background-image: url(images/xicon@2x.png);
    background-size: 500px 100px;
  }
}

.left-banner {
  left: 0px;
}

.right-banner {
  right: 0px;
}

@media only screen and (min-width: 1442px) {
  .left-banner {
    left: 245px;
  }

  .right-banner {
    right: 245px;
  }
}

@media only screen and (min-width: 1440px) and (max-width: 1441px) {
  .left-banner {
    left: 0px;
  }

  .right-banner {
    right: 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .container {
    max-width: 1200px;
  }

  .left-banner {
    left: 0px;
  }

  .right-banner {
    right: 0px;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1200px) and (max-width: 1439px) {
  .left-banner {
    left: 0px;
    width: 90px !important;
  }

  .right-banner {
    right: 0px;
    width: 90px !important;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1440px) and (max-width: 1441px) {
  .left-banner {
    left: 0px;
    width: 90px !important;
  }

  .right-banner {
    right: 0px;
    width: 90px !important;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1442px) {
  .left-banner {
    left: 0px;
  }

  .right-banner {
    right: 0px;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min--moz-device-pixel-ratio: 1.25) and (-o-min-device-pixel-ratio: 1.25/1) and (min-device-pixel-ratio: 1.25) {
  .left-banner {
    left: 0px;
  }

  .right-banner {
    right: 0px;
  }
}

@media screen and (min-width: 1140px) {
  .ex_p2 {
    padding: 15px;
    border-right: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    background: #fff;
    width: 20%;
    max-width: 20%;
    float: left;
    text-align: left;
    overflow: hidden;
    position: relative;
  }
  .ex_p4 {
    width: 40%;
    max-width: 40%;
    padding: 0px;
  }
}

@media screen and (max-width: 1139px) {
  .ex_p2 {
    float: left;
  }
}

@media screen and (min-width: 1140px) and (max-width: 1199px) {
  .container {
    max-width: 1140px;
  }
  .ex_header {
    padding: 0px 15px 0px 15px;
  }
  .ex_finfo {
    padding: 15px 15px;
  }
}

@media screen and (min-width: 993px) and (max-width: 1139px) {
  /*.container {*/
  /*  max-width: 100%;*/
  /*}*/
  /*.ex_header {*/
  /*  padding: 15px 15px 10px 15px;*/
  /*}*/
  /*.ex_finfo {*/
  /*  padding: 15px 15px;*/
  /*}*/
}

@media screen and (max-width: 992px) {
  /*.ex_header {*/
  /*  padding: 15px 15px 10px 15px;*/
  /*}*/
  /*.ex_finfo {*/
  /*  padding: 15px 15px;*/
  /*}*/
  /*.ex_header .row .col-lg-3 {*/
  /*  text-align: center;*/
  /*  padding-bottom: 15px;*/
  /*}*/
  /*.ex_camket {*/
  /*  margin-top: 0px;*/
  /*}*/
  /*.ex_bonus_uudai {*/
  /*  margin-bottom: 15px;*/
  /*}*/
  /*.ex_lborder {*/
  /*  border-left: 0px solid #f0f0f0;*/
  /*}*/
  /*.mega-menu-wrap .mega-menu-toggle .mega-toggle-blocks-left {*/
  /*  width: 45px;*/
  /*  display: inline !important;*/
  /*  -ms-flex-preferred-size: auto !important;*/
  /*  -webkit-flex-basis: auto !important;*/
  /*  flex-basis: auto !important;*/
  /*}*/
  /*.mega-menu-wrap .mega-menu-toggle .mega-toggle-blocks-center {*/
  /*  width: calc(100% - 90px);*/
  /*  display: inline !important;*/
  /*  -ms-flex-preferred-size: auto !important;*/
  /*  -webkit-flex-basis: auto !important;*/
  /*  flex-basis: auto !important;*/
  /*}*/
  /*.mega-menu-wrap .mega-menu-toggle .mega-toggle-blocks-right {*/
  /*  width: 45px;*/
  /*  display: inline !important;*/
  /*  -ms-flex-preferred-size: auto !important;*/
  /*  -webkit-flex-basis: auto !important;*/
  /*  flex-basis: auto !important;*/
  /*}*/
  /*#mega-menu-wrap-primary .mega-menu-toggle {*/
  /*  height: 46px !important;*/
  /*}*/
  /*.ex_search {*/
  /*  line-height: 24px;*/
  /*}*/
  /*#ex_fsearch {*/
  /*  margin-top: 0px;*/
  /*  width: 100%;*/
  /*}*/
  /*.ngHidden {*/
  /*  display: none;*/
  /*}*/
  /*.ngMenu {*/
  /*  padding-right: 0px;*/
  /*  padding-left: 0px;*/
  /*}*/
  /*#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open+#mega-menu-primary {*/
  /*  overflow: hidden;*/
  /*  display: block;*/
  /*  padding: 10px 10px;*/
  /*  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2);*/
  /*  -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2);*/
  /*  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2);*/
  /*  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);*/
  /*  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);*/
  /*}*/
  /*#mega-menu-wrap-primary #mega-menu-primary>li {*/
  /*  float: left !important;*/
  /*  width: 33.333% !important;*/
  /*  display: block !important;*/
  /*  clear: inherit !important;*/
  /*}*/
  /*#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {*/
  /*  padding: 9px 9px 9px 9px !important;*/
  /*}*/
  /*#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {*/
  /*  height: auto!important;*/
  /*  padding: 5px 5px 5px 5px !important;*/
  /*  line-height: 1.4!important;*/
  /*  text-align: center !important;*/
  /*  text-transform: uppercase!important;*/
  /*  font-size: 12px!important;*/
  /*  letter-spacing: -1px;*/
  /*  border: 1px solid #e6e6e6 !important;*/
  /*}*/
}

@media screen and (max-width: 767px) {
  /*.ex_chiba {*/
  /*  display: block;*/
  /*  width: 100%;*/
  /*  border-right: 0px;*/
  /*  border-bottom: 1px solid #d8d8d8;*/
  /*}*/
  /*.ex_chiba:nth-child(3) {*/
  /*  border-bottom: 0px solid #d8d8d8;*/
  /*}*/
}

@media screen and (max-width: 576px) {
  /*.ex_finfo .row .col-lg-3 {*/
  /*  text-align: center;*/
  /*}*/
  /*.ex_finfo .row .col-lg-3:nth-child(2) {*/
  /*  text-align: center;*/
  /*}*/
  /*.ex_checkout {*/
  /*  text-align: center;*/
  /*}*/
  /*.woocommerce .woocommerce-breadcrumb {*/
  /*  padding: 0px 15px;*/
  /*}*/
}

@media screen and (max-width: 375px) {
  /*.woocommerce div.product form.cart .single_add_to_cart_button, .woocommerce div.product form.cart .ex_btngop {*/
  /*  width: 100%;*/
  /*  margin-bottom: 10px;*/
  /*}*/
  /*.woocommerce div.product form.cart .ex_btngop {*/
  /*  width: 100%;*/
  /*  margin-left: 0%;*/
  /*}*/
}

/* CSS Page Trả Góp */

body.page-id-350 #ex_page {
  margin: 0px auto;
  max-width: 1200px;
}

.tg_top {
  display: inline-block;
}

.infoproduct {
  float: left;
  width: 49%;
  padding: 10px;
  background: #fff;
}

.infoproduct .linksp {
  float: left;
  width: 70px;
  height: 80px;
  margin-right: 10px;
}

.infoproduct .linksp img {
  display: block;
  width: 100%;
  height: auto;
}

.infoproduct div {
  display: block;
  margin-left: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 24px;
}

.infoproduct div strong {
  float: right;
  color: #d0021b;
  font-size: 15px;
  font-weight: bold;
}

.infoproduct div a.prodt_url,
.prodt_search p a {
  color: #4a90e2;
}

.prodt_search {
  float: right;
  width: 49%;
  padding: 10px 10px 0px;
  background: #fff;
}

.line_split {
  background: #f0f0f0;
  height: 10px;
}

.prodt_data_table {
  display: block;
  overflow: visible;
  border-top: 1px solid #4a90e2;
  padding: 10px 0;
  background: #fff;
  position: relative;
}

.lbl {
  float: none;
  font-weight: 600;
  line-height: 20px;
  padding: 5px 10px 10px 10px;
}

.lst_month_container {
  display: inline-block;
  width: 100%;
  padding-bottom: 20px;
  padding-left: 5px;
}

.listmonths {
  display: block;
  margin-left: 5px;
  width: 100%;
}

.listmonths li.actived {
  border-color: #f5a623;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
}

.listmonths li {
  float: left;
  width: 83px;
  background: #fff;
  position: relative;
  height: 30px;
  padding: 0;
  margin: 0 10px 0 0;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.listmonths li.actived a {
  color: #4a90e2;
}

.listmonths li a {
  display: block;
  text-align: center;
  padding: 1px 0;
  font-size: 15px;
  color: #333;
  cursor: pointer;
}

.listmonths li a:hover > b {
  color: #d0021b;
}

.listmonths li a b {
  z-index: -1;
}

.listmonths li.actived:after {
  border-width: 9px;
  border-bottom-color: #f1f1f1 !important;
}

.listmonths li.actived:before,
.listmonths li.actived:after {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 10px solid #ddd;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  bottom: -21px;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
}

.tablecontent {
  display: block;
  overflow: hidden;
  margin: -1px 10px 0;
  border: 1px solid #ddd;
  border-radius: 4px;
}

body.page-id-350 .table {
  display: block;
  overflow: hidden;
  margin-bottom: -1px;
}

body.page-id-350 .table li {
  display: table;
  width: 100%;
  background: #f1f1f1;
  border-bottom: 1px solid #ddd;
}

body.page-id-350 .table li label {
  color: #d0021b;
}

body.page-id-350 .table li aside {
  display: table-cell;
  width: calc(100% / 6);
  padding: 12px 5px;
}

body.page-id-350 .table .brandname img {
  width: 135px;
}

body.page-id-350 .table li aside:nth-child(2n) {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

body.page-id-350 .table li:nth-child(2n) {
  background: #fff;
}

.trtruoc {
  display: inline-block;
  margin-left: 5px;
}

#prdt-tratruoc {
  border-color: #4a90e2;
  color: #4a90e2;
  padding: 5px;
  border-width: 2px;
  font-size: 14px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

#prdt-tratruoc:active,
#prdt-tratruoc:focus {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  border-width: 2px;
  outline: none;
}
.notemoney {
  display: block;
  clear: both;
  padding: 0 10px 10px;
  background: #fff;
}
.modal-hafl-row {
  float: left;
  width: 49.5%;
}
.modal-hafl-row:nth-child(2) {
  margin-left: 1%;
}

/*end css page tragop*/
.cb_tip {
  display: block;
  overflow: hidden;
  margin-bottom: 15px;
  width: 100%;
  background: #f0f0f0;
  padding: 5px 5px;
  text-align: center;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.cb_tip a {
  color: red;
  font-size: 14px;
}
.cb_n1200 a img {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  width: 100%;
}
#dot {
  display: inline-block;
}
#dot img {
  width: 30px;
  height: 30px;
}
.cb_tip .textwidget {
  padding-left: 5px;
  display: inline-block;
}
.cb_tip p {
  margin-bottom: 0px;
  font-size: 14px;
}
#cbnews {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
  background-color: #fff;
  color: #333;
  padding: 30px 0px;
}
#cbnews h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4em;
  margin: 0 0 5px;
}
#cbnews h3 a {
  color: #333;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#cbnews h3 a:hover {
  color: #db0000;
  text-decoration: none;
}
.cb_ncontent {
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: justify;
}
.cb_ncontent p {
  color: #8a8a8a;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 1px;
}
#cbnews .ex_date {
  color: #7d7b7b;
  display: block;
  overflow: hidden;
  width: 100%;
  margin-bottom: 5px;
  text-transform: uppercase;
  padding-left: 0px;
}
#cbnews .row {
  margin-bottom: 15px;
}
#cbnews img {
  margin-top: 7px;
  border: 1px solid #ececec;
  margin-bottom: 15px;
}
#cbnews .ex_cntitle {
  color: #db0000;
  padding-bottom: 20px;
  text-align: center;
  font-size: 20px;
}
.dst_fhide {
  display: none;
}
.jkem {
  padding: 5px;
}
.jkem p {
  font-size: 13px;
}
.cb-icon {
  color: #999;
  cursor: pointer;
  top: 28px;
  right: 0px;
  position: fixed;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 0px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: 0;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.cb-close:after {
  content: "\f00d";
  font-family: "Fontawesome";
}
#cb_style::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #fff;
}

#cb_style::-webkit-scrollbar {
  width: 5px;
  background-color: #fff;
}

#cb_style::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #fff;
}
.scrollbar {
  display: block;
  height: 100%;
  width: 100%;
  overflow-y: scroll;
}
.cb_kvs {
  font-style: italic;
  font-weight: 600;
  font-size: 12px;
  display: block;
  overflow: hidden;
  width: 100%;
  color: #333;
  margin-bottom: 10px;
}
.ndSearch {
  padding-left: 0;
  padding-right: 5px;
}
.cb_area {
  position: absolute;
  left: 0px;
  top: 0px;
}
.cb_area button {
  font-size: 13px;
  padding: 5px 0px;
  width: 80px;
  background: #eaeaea;
  border: 1px solid #d3d3d3;
  border-radius: 5px 0px 0px 5px;
}
.cb_areasub {
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border: 1px solid #d3d3d3;
  margin-top: 6px;
  background: #fff;
  display: none;
  border-radius: 5px;
  font-size: 13px;
}
.cb_areasub:before,
.cb_areasub:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 35px;
  left: 10%;
  border-bottom: 7px solid #d9d9d9;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.cb_areasub:after {
  border-width: 7px;
  border-bottom-color: #fff;
  margin-left: 1px;
}
.cb_area:hover > .cb_areasub {
  display: block;
}
.cb_areasub a {
  display: block;
  width: 100%;
  padding: 3px 10px;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.cb_areasub a:hover {
  background: #eaeaea;
}
.cb_rbar {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  text-align: center;
  top: 37%;
  z-index: 1;
  background-color: #8f8985;
  border-radius: 2px 0 0 2px;
  width: 40px;
  height: 160px;
}
.cb_rbar a,
.cb_rbar span {
  font-size: 22px;
  display: block;
  width: 100%;
  color: #e4e4e4;
  cursor: pointer;
  border-top: 1px solid #96918c;
}
.cb_rbar a:hover,
.cb_rbar span:hover {
  background-color: #807b77;
  border-color: #807b77;
}
.cb_n1200 {
  margin-top: 15px;
}
/* CSS BH */
#hd-tracuubaohanh .hd_tracuu {
  text-align: center;
  font-size: 24px !important;
  color: #ff0000;
  text-transform: uppercase;
  padding-top: 15px;
}
.mgl-10 {
  margin-left: 10px;
}
.w-75 {
  width: 75%;
}
#hd-error {
  color: red;
}
.w-100-px {
  width: 100px;
}
.ngContainer .owl-carousel {
  display: block;
}
.owl-theme .owl-nav .disabled {
  display: none !important;
}

.dnh_postview {
  float: right;
}
.dnh_postview:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f06e";
  margin-right: 5px;
  font-size: 10px;
  vertical-align: middle;
  color: #adb5bd;
  margin-bottom: 3px;
}
/*CSS comment post*/
#ex_cnews #reviews {
  border-top: 1px dashed #4d4d4d;
  padding-top: 10px;
}
#reviews.woocommerce-Reviews .comments-title {
  margin-top: 5px;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 20px;
}

#reviews #comments h2 {
  clear: none;
}

#reviews #comments ol.comment-list {
  margin: 0;
  width: 100%;
  background: 0 0;
  list-style: none;
}

#reviews #comments ol.comment-list::after,
#reviews #comments ol.comment-list::before {
  content: " ";
  display: table;
}

#reviews #comments ol.comment-list li {
  padding: 0;
  margin: 0 0 0px;
  position: relative;
  background: 0;
  border: 0;
}
#reviews #comments .comment-list > li::before {
  content: "";
}
#reviews #comments ol.comment-list li img.avatar {
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px;
  width: 32px;
  height: auto;
  background: #ebe9eb;
  border: 1px solid #e4e1e3;
  margin: 0;
  box-shadow: none;
  max-width: 100%;
}
#reviews #comments ol.comment-list > li > div > div > .comment-text {
  margin: 0 0 0 50px;
  /*border: 1px solid #e4e1e3;*/
  /*border-radius: 4px;*/
  /*padding: 1em 1em 0;*/
}
#reviews #comments ol.comment-list li .comment-text p {
  margin: 0 0 10px;
}
#reviews #comments ol.comment-list ol.children {
  list-style: none outside;
  margin: 10px 0 0 0px !important;
  padding-left: 0px;
}
#reviews #comments ol.comment-list .children li img.avatar {
  float: left;
  position: absolute;
  top: 15px;
  left: 15px;
}
#reviews #comments ol.comment-list li img.avatar {
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px;
  width: 32px;
  height: auto;
  background: #ebe9eb;
  border: 1px solid #e4e1e3;
  margin: 0;
  box-shadow: none;
}
#comments ol.comment-list li .children .comment-text,
#reviews #comments ol.comment-list .children li .comment-text {
  border: 0px;
  margin: 0 0 0 50px;
  border-radius: 4px;
  padding: 1em 1em 0;
}
#main-primary #reviews #comments ol.comment-list .children li,
#comments ol.comment-list li {
  padding: 0;
  margin: 0 0 20px;
  position: relative;
  background: #f8f8f8;
  border: 1px solid #e4e1e3;
}
#reviews #comments ol.comment-list .children li:before {
  border-color: rgba(238, 238, 238, 0);
  border-bottom-color: #f8f8f8;
  border-width: 11px;
  margin-left: -11px;
  z-index: 1;
}
#reviews #comments ol.comment-list .children li:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #dfdfdf;
  border-width: 10px;
  margin-left: -10px;
}
#reviews #comments ol.comment-list .children li:after,
#reviews #comments ol.comment-list .children li:before {
  top: -20px;
  left: 16px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
/* CSS page sua chua */

#productcare-container .cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#productcare-container .static {
  position: static;
}

#productcare-container .owl-carousel .owl-slide {
  position: relative;
  /* height: calc(96vh - 54px); */
  height: 450px;
  background-color: lightgray;
}

#productcare-container .owl-carousel .owl-slide-animated {
  transform: translateX(20px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.05s;
}

#productcare-container .owl-carousel .owl-slide-animated.is-transitioned {
  transform: none;
  opacity: 1;
  visibility: visible;
  transition: all 1s;
}

#productcare-container .owl-carousel .owl-slide-title.is-transitioned {
  transition-delay: 0.2s;
}

#productcare-container .owl-carousel .owl-slide-subtitle.is-transitioned {
  transition-delay: 0.35s;
}

#productcare-container .owl-carousel .owl-slide-cta.is-transitioned {
  transition-delay: 0.5s;
}

#productcare-container .owl-carousel .owl-dots,
#productcare-container .owl-carousel .owl-nav {
  position: absolute;
}

#productcare-container .owl-carousel .owl-dots .owl-dot,
#productcare-container .owl-carousel .owl-nav [class*="owl-"]:focus {
  outline: none;
}

#productcare-container .owl-carousel .owl-dots .owl-dot span {
  background: transparent;
  border: 1px solid #000;
  transition: all 0.2s ease;
}

#productcare-container .owl-carousel .owl-dots .owl-dot:hover span,
#productcare-container .owl-carousel .owl-dots .owl-dot.active span {
  background: #000;
}

#productcare-container .owl-carousel .owl-nav {
  left: 50%;
  top: 10%;
  transform: translateX(-50%);
  margin: 0;
}

#productcare-container .owl-carousel .owl-nav svg {
  opacity: 0.3;
  transition: opacity 0.3s;
}

#productcare-container .owl-carousel .owl-nav button:hover svg {
  opacity: 1;
}

#productcare-container .owl-carousel .owl-nav [class*="owl-"]:hover {
  background: transparent;
}

/* #productcare-container section {
    display: none;
} */

@media screen and (max-width: 575px) {
  #productcare-container .owl-carousel .owl-nav {
    top: 5%;
  }
  #productcare-container .owl-carousel .owl-nav svg {
    width: 24px;
    height: 24px;
  }
}

.poq_fixptitle {
  width: 100%;
  margin: 20px 0px;
  text-align: center;
  display: block;
  font-size: 20px;
  color: #c21d32;
}

.poq-wrap {
  box-shadow: 0px 4px 18px 0px rgba(16, 16, 16, 0.4);
  -moz-box-shadow: 0px 4px 18px 0px rgba(16, 16, 16, 0.4);
  -webkit-box-shadow: 0px 4px 18px 0px rgba(16, 16, 16, 0.4);
  border: 1px solid #ccc;
  padding: 15px 15px;
  position: relative;
  background: #ffffff;
  width: 100%;
  margin-bottom: 20px;
}

.poq-select-title {
  width: 100%;
  padding: 5px;
  font-size: 14px;
  background: #c21d32;
  color: #ffffff;
  text-align: center;
  /* margin-top: 10px; */
  margin-bottom: 10px;
}

.poq-wrap select {
  width: 100%;
  padding: 5px;
  font-size: 14px;
  border: 1px solid #c21d32;
  /* -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; */
}

.poq-wrap input {
  margin-bottom: 15px;
}

.poq-wrap select:focus,
.poq-wrap select:hover {
  outline: none;
}

.poq-wrap select:active,
.poq-wrap select:hover {
  outline: #c21d32;
}

.poq-wrap select:focus > option:hover {
  color: #fff !important;
  background: #c21d32 !important;
}

.poq-wrap select option:checked,
.poq-wrap select option:hover {
  box-shadow: 0 0 10px 100px #c21d32 inset !important;
  color: #fff !important;
}

.poq-wrap select:focus > option:checked {
  background: #c21d32 !important;
  color: #fff !important;
}

#container-user-action {
  margin-bottom: 20px;
}

#btn-confirm-js {
  float: right;
}

#pc-store_address-js {
  margin-bottom: 20px;
}

#map {
  height: 100%;
}

.mrgr-10 {
  margin-right: 10px;
}

#pc-product_name-js {
  margin-bottom: 10px;
}

#pc-note-js {
  margin-bottom: 10px;
  width: 100%;
  height: 100px;
  resize: none;
}

.qoq-modal-tittle {
  color: #c21d32;
  text-transform: uppercase;
}

.pop_view {
  color: #999;
  margin-left: 5px;
}

.pop_view:before {
  content: "\f06e";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #bbb;
  font-size: 13px;
  padding-right: 0.5em;
  top: 10px;
  left: 0;
}
.term-description {
  background: #fff;
  padding: 15px;
}
.woocommerce ul.products {
  margin: 0 0 0em;
  padding-bottom: 1em;
}
body.home .woocommerce ul.products {
  padding-bottom: 0;
}
.poq-showmore {
  color: #018fe5;
  cursor: pointer;
}
.poq-arrow {
  border: solid #018fe5;
  border-width: 0 1px 1px 0;
  display: inline-block;
  margin-left: 3px;
  padding: 2px;
}
.arrow-up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.arrow-down {
  margin-bottom: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
/*CSS TraCuuBaoHanh*/

.mrgt-10 {
  margin-top: 10px;
}

.mrgt-20 {
  margin-top: 20px;
}

#qop-tracuubaohanh .nav-tabs {
  border-bottom: 1px solid #ddd;
}

#qop-tracuubaohanh .nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

#qop-tracuubaohanh .nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

#qop-tracuubaohanh .nav > li {
  position: relative;
  display: block;
}

#qop-tracuubaohanh .nav-tabs > li.active > a,
#qop-tracuubaohanh .nav-tabs > li.active > a:focus,
#qop-tracuubaohanh .nav-tabs > li.active > a:hover {
  color: #d30029;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

#qop-tracuubaohanh .nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

#qop-tracuubaohanh .nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

#qop-tracuubaohanh .tab-content {
  padding: 10px 0px;
}

#qop-tracuubaohanh .input-container {
  display: flex;
  width: 100%;
}

#qop-tracuubaohanh .icon {
  padding: 12px;
  background: cadetblue;
  color: white;
  min-width: 40px;
  text-align: center;
  height: 39px;
}

#qop-tracuubaohanh .input-field {
  width: 100%;
  padding: 5px 10px;
  outline: none;
}

#qop-tracuubaohanh .input-field:focus {
  border: 2px solid cadetblue;
}

#tracuutichdiem-error-js,
#tracuubaohanh-error-js,
#tracuusuachua-error-js {
  color: red;
}

.w-50 {
  width: 50%;
}

#tracuutichdiem-result-js,
#tracuubaohanh-result-js,
#tracuusuachua-result-js {
  border-radius: 5px;
  border: 1px dashed #cfd9df;
  margin: 0px;
  background-image: linear-gradient(to top, #c1dfc4 0%, #deecdd 100%);
}

#qop-tracuubaohanh .style-input {
  color: #d30029;
  display: block;
  width: 95%;
}

#qop-tracuubaohanh .style-label {
  color: dimgray;
  position: relative;
  margin-bottom: 10px;
}

#qop-tracuubaohanh .style-label:before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 3px;
  width: 20px;
  height: 1px;
  background-color: rgb(185, 126, 126);
}

#qop-tracuubaohanh .style-label:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 28px;
  width: 40px;
  height: 1px;
  background-color: #6d6d6d;
}

.badge-promo {
  position: relative;
  overflow: hidden;
  max-height: 60px;
  margin-bottom: -8px;
  z-index: 1;
  padding: 12px 14px;
  border-radius: 2px 2px 0 0;
  color: #fff;
  text-align: left;
}

.badge-promo:before {
  height: 117%;
  width: 110%;
  transform-origin: bottom right;
  transform: rotate(1deg);
  background: #dc3545;
  background: -webkit-linear-gradient(to right, #dc3545, #eb5757);
  background: linear-gradient(to right, #dc3545, #eb5757);
}

.badge-promo:before,
.badge-promo:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}

.badge-promo-content {
  position: relative;
  z-index: 1;
  font-family: sans-serif;
  font-size: 18px;
  text-transform: uppercase;
}

.badge-promo:after {
  background: #dc3545;
  transform: rotate(-3deg);
  transform-origin: bottom left;
  height: 122%;
  width: 35%;
}

.dsb-resize {
  resize: none;
}
.vnpay-link {
  color: #288ad6;
}
.vnpay-link:hover {
  color: rgba(40, 138, 214, 0.75);
}

.container-btn-suachua {
  display: flex;
  justify-content: center;
}

#modalSuaChua.modal,
#modalOrderPhone.modal {
  text-align: center;
}

@media screen and (min-width: 768px) {
  #modalSuaChua.modal:before,
  #modalOrderPhone.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

#modalSuaChua .modal-dialog,
#modalOrderPhone .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

#modalSuaChua #pc-store_address-js,
#modalOrderPhone #pc-store_address-js {
  margin: 0px;
}

.btn-datlichsuachua {
  background: #db0000;
  color: #fff;
}

.sublist li:first-child {
  background: #f5f5f5;
  padding: 6px;
  font-weight: 600;
  position: sticky;
  top: 0;
}

.sublist li {
  display: block;
  overflow: hidden;
  padding: 10px 5px;
  border-bottom: 1px solid #f1f1f1;
}

.sublist li div {
  float: left;
  font-size: 14px;
  color: #333;
  width: 32%;
}

.sub_list h4 {
  font-size: 22px;
  text-transform: uppercase;
  margin: 20px 0px 10px;
  color: #db0000;
}

.sub_list .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

ul.sublist {
  height: 200px;
  overflow: auto;
}
/*CSS Xuan*/
/*header{*/
/*    position:relative;*/
/*}*/

/*CSS Noel*/
/*#xmas {*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	position: absolute;*/
/*	z-index: 4;*/
/*	pointer-events: none;*/
/*}          */

/*.home footer {*/
/*    margin-top: 100px;*/
/*    position: relative;*/
/*    overflow: visible;*/
/*}*/

/*.home footer:before {*/
/*    width: 100%;*/
/*    content: " ";*/
/*    position: absolute;*/
/*    z-index: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    top: -990px;*/
/*    min-height: 990px;*/
/*    background-repeat: no-repeat;*/
/*    background-image: url(/xuan-footer.png);*/
/*    background-position: center top;*/
/*}*/
.tm-extra-product-options-fields .tc-cell {
  margin-bottom: 5px;
}

/* CSS show đơn hàng */
.ex_show_order {
  margin-bottom: 15px;
  width: 100%;
  display: block;
  overflow: hidden;
  text-align: center;
  background-color: #f1f1f1;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  height: 70px;
}

.customer-order-show {
  padding: 10px;
  width: 100%;
  display: block;
  text-align: center;
  color: #288ad6;
}

.click-animate-bottom {
  position: relative;
  animation: animatebottom 0.4s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.click-animate-top {
  position: relative;
  animation: animatetop 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes animatebottom {
  0% {
    bottom: -300px;
    opacity: 0;
  }
  100% {
    bottom: 0;
    opacity: 1;
  }
}

@keyframes animatetop {
  0% {
    top: 0;
    opacity: 1;
  }
  100% {
    top: -300px;
    opacity: 0;
  }
}

[data-notify="progressbar"] {
  margin-bottom: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 5px;
}

.alert-minimalist > [data-notify="message"] {
  font-size: 80%;
}

[data-notify="container"] {
  width: 250px !important;
}

.ex_tuvan_container {
  margin-top: 60px;
}

.ex_tuvan_container input[type="text"] {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.btn-tuvan {
  width: 100%;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  color: #fff;
  background-color: #0c5460;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-size: 14px;
}

.btn-tuvan:hover,
.btn-tuvan:active,
.btn-tuvan:focus {
  color: #fff;
  background-color: #0c5460;
}

.btn-tuvan svg {
  margin-right: 5px;
}

/*CSS Memory Box*/
#memory_box .memory-box .memory-data {
  line-height: 1.5;
  background: #fff0 !important;
  border: 1px solid #ddd;
  -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 30%;
  float: left;
  text-indent: 0;
  height: auto;
  text-align: center;
  padding: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  font-weight: 500;
  font-size: 11.5px;
}

#memory_box .memory-box .memory-data:hover {
  border-color: #ff0000;
  color: #000;
}

#memory_box .memory-box a {
  color: #000;
}

#memory_box .memory-box .memory-data .woocommerce-Price-amount {
  display: block;
}

.tc-price .ex-tragop {
  display: none;
}

.banner-in-image img {
  position: absolute;
  bottom: 0px;
  opacity: 0.9;
}

.wc-block-grid__products .wc-block-grid__product-image img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.wc-block-grid__products .wc-block-grid__product-title {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

.ng_news .woocommerce .products {
  border-top: 1px solid #f3f3f3;
  border-left: 1px solid #f3f3f3;
  display: inline-block;
  width: 100%;
}

.sub-title-footer {
  position: relative;
}

.sub-title-footer:before {
  content: "";
  position: absolute;
  bottom: -3px;
  width: 20px;
  height: 2px;
  background-color: #c21d32;
}

.sub-title-footer:after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 25px;
  width: 40px;
  height: 2px;
  background-color: #6d6d6d;
}

.ex_p2 .ex_lpimages > img:hover {
  width: auto;
  max-width: 100%;
  height: auto;
  -webki-transform: translate(0, -7px);
  -moz-transform: translate(0, -7px);
  transform: translate(0, -7px);
}

.ex_p4 .ex_lpimages > img:hover {
  -webki-transform: unset;
  -moz-transform: unset;
  transform: unset;
  width: 100%;
}

.ex_p2 .ex_lpimages > img {
  width: 100%;
  height: auto;
  max-width: 100%;
  -webkit-transition: all ease 300ms;
  transition: all ease 300ms;
}

.home .ex_dmc::-webkit-scrollbar {
  background-color: #fff;
  width: 12px;
}

.home .ex_dmc::-webkit-scrollbar-track {
  background-color: #fff;
  -webkit-box-shadow: unset;
}

.home .ex_dmc::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
  border: 5px solid #fff;
}
/* He Thong Cua Hang */
.htch-title {
  color: #DB4437;
  text-align: center;
  padding: 5px 0px;
}

.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
  height: 36px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.dst_add .panel-title a {
  display: inline-block;
  width: 100%;
  color: blue;
  font-size: 13px;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}

.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid #ddd;
}
.panel-body {
  padding: 15px 15px 0px 15px;
}

.cb_tienich {
  border: 1px solid #00483d;
  display: block;
  width: 100%;
  border-radius: 3px;
  margin-bottom: 15px;
}

.cb_tienich h3 {
  display: block;
  width: 100%;
  font-size: 14px;
  background: transparent linear-gradient(
    90deg
    , #009981 0%, #00483d 100%) 0% 0% no-repeat !important;
  color: #fff;
  padding: 10px 10px 10px 15px;
}

.cb_tienich ul {
  padding: 5px 15px;
}

.cb_tienich svg {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}

#accordion a {
  color: #DB4437;
}

#accordion .panel-body ul li {
  cursor: pointer;
}

/* CSS FOOTER */
#location-hn svg,
#location-hcm svg,
#location-dn svg {
  width: 18px;
  height: 18px;
  margin-right: 3px;
  cursor: pointer;
}

/* CSS modalLocation */
#store-location ul li {
  cursor: pointer;
}

#modalLocation .modal-dialog {
  max-width: 700px;
}

/*CSS banner home*/

#tet-parallax__right {
  width: calc((100% - 1200px) / 2);
  text-align: left;
  position: fixed;
  top: 90px;
  right: 0;
}

#tet-parallax__left {
  width: calc((100% - 1200px) / 2);
  text-align: right;
  position: fixed;
  top: 90px;
  left: 0;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

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

[id*="tet-parallax__"] > #tet-parallax > img {
  width: 100%;
  margin-top: -10%;
  z-index: -1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  pointer-events: none;
}

#tet-parallax__left > #tet-parallax > img {
  max-width: 400px;
  display: none;
}

#tet-parallax__right > #tet-parallax > img {
  max-width: 460px;
  display: none;
}

@media screen and (min-width: 1400px) {
  [id*="tet-parallax__"] {
    display: block !important;
  }

  .home #main-primary {
    padding: 15px 0px;
    /*background: url(https://costorebc.vn/partern.png), linear-gradient(45deg, #ff0000de, #c30000de)!important;*/
    /*background-size: contain!important;*/
    /*background: #ffefef;*/
  }
}

/* CSS Tragopthetindung */
.listbank {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
}

.listbank a {
  float: left;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 2px;
  margin: 0 10px 10px 0;
  width: 23%;
  padding: 5px 0;
  text-align: center;
  min-height: 36px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.listbank a.check {
  border-color: #ffd502;
  box-shadow: 0 1px 2px 1px rgb(0 0 0 / 15%);
}

[class^="icontg-"],
[class*="icontg-"] {
  background-image: url(https://costorebc.vn/tragop_clickbuy-min.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  vertical-align: middle;
}

.listbank a.check .icontg-opt {
  background-position: -240px 0px;
}

.listbank a i {
  margin-top: 4px;
}

.icontgdd-opt,
.icontg-opt {
  background-position: -219px 0px;
  width: 18px;
  height: 18px;
  vertical-align: sub;
}

.icontg-vpbank {
  background-position: -200px -130px;
  width: 90px;
  height: 28px;
}

.icontg-techcombank {
  background-position: 0 -25px;
  width: 90px;
  height: 28px;
}

.icontg-anz {
  background-position: 0 -60px;
  width: 90px;
  height: 28px;
}

.icontg-hsbc {
  background-position: -100px -60px;
  width: 90px;
  height: 28px;
}

.icontg-shinhanbank {
  background-position: -110px -165px;
  width: 90px;
  height: 28px;
}

.icontg-eximbank {
  background-position: -205px -95px;
  width: 90px;
  height: 28px;
}

.icontg-vib {
  background-position: -195px -60px;
  width: 90px;
  height: 28px;
}

.icontg-sacombank {
  background-position: -95px -25px;
  width: 90px;
  height: 28px;
}

.icontg-ctb {
  background-position: 0 -130px;
  width: 90px;
  height: 28px;
}

.icontg-seabank {
  background-position: -143px -243px;
  width: 90px;
  height: 18px;
}

.icontg-sc {
  background-position: -105px -130px;
  width: 90px;
  height: 28px;
}

.icontg-tpb {
  background-position: -185px -25px;
  width: 90px;
  height: 28px;
}

.icontg-scb {
  background-position: 0 -165px;
  width: 90px;
  height: 28px;
}

.icontg-nab {
  background-position: 0 -95px;
  width: 90px;
  height: 28px;
}

.icontg-ocb {
  background-position: -105px -95px;
  width: 90px;
  height: 28px;
}

i.icontg-maritimebank {
  background-position: -204px -281px;
  width: 90px;
  height: 28px;
}

i.icontg-vtb {
  background: url(https://costorebc.vn/vietinbank.png) no-repeat center
    center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100px;
}

i.icontg-fe {
  background-position: 0 -237px;
  width: 90px;
  height: 28px;
}

i.icontg-klb {
  background-position: 0 -286px;
  width: 90px;
  height: 28px;
}

i.icontg-shb {
  background-position: -206px -379px;
  width: 90px;
  height: 28px;
}

i.icontg-bidv {
  background-position: -205px -422px;
  width: 90px;
  height: 28px;
}

i.icontg-vcb {
  background-position: -206px -333px;
  width: 90px;
  height: 28px;
}

i.icontg-mb {
  background-position: -6px -500px;
  width: 90px;
  height: 34px;
}

i.icontg-acb {
  background-position: -206px -459px;
  width: 90px;
  height: 28px;
}

i.icontg-home {
  width: 130px;
  height: 20px;
}

i.icontg-vccb {
  background-position: -175px -504px;
  width: 125px;
  height: 32px;
}

i.icontg-dat-mua {
  background-position: -199px 0;
  border-top: 0;
  border-radius: 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

i.icontg-dat-mua.active {
  background-position: -179px 0;
}

.infocard {
  display: block;
  overflow: hidden;
  background: #f3eddc;
  border: 1px solid rgb(0 0 0 / 30%);
  border-top: 0;
  border-radius: 4px;
  margin: 15px auto;
  max-width: 95%;
}

.infocard .barcard {
  display: block;
  overflow: hidden;
  background: #ff0000;
  padding: 10px;
  font-weight: 600;
  color: #fff;
}

.infocard div {
  display: block;
  overflow: hidden;
  border-top: 1px solid #ddd;
}

.infocard div aside {
  width: 19.6%;
  border-right: 1px solid #ddd;
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
}

.infocard div aside:last-child {
  border-right: 0px solid #ddd;
}

.infocard div label {
  color: #d0021b;
}

#custom-installtotal aside input {
  padding: 10px 0;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  text-indent: 10px;
}

#custom-installtotal aside:nth-child(3) {
  width: 45%;
}

div#installtotal aside:nth-child(1n + 2) {
  color: red;
  font-weight: bold;
}

div#clickby-month aside {
  padding: 10px 0;
  text-align: center;
}

div#clickby-month aside:nth-child(1) {
  text-align: left;
  padding: 10px 5px;
}

/* CSS Tragopthetindung */
.listbank {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
}

.listbank a {
  float: left;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 2px;
  margin: 0 10px 10px 0;
  width: 23%;
  padding: 5px 0;
  text-align: center;
  min-height: 36px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.listbank a.check {
  border-color: #ffd502;
  box-shadow: 0 1px 2px 1px rgb(0 0 0 / 15%);
}

[class^="icontg-"],
[class*="icontg-"] {
  background-image: url(https://costorebc.vn/tragop_clickbuy-min.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  vertical-align: middle;
}

.listbank a.check .icontg-opt {
  background-position: -240px 0px;
}

.listbank a i {
  margin-top: 4px;
}

.icontgdd-opt,
.icontg-opt {
  background-position: -219px 0px;
  width: 18px;
  height: 18px;
  vertical-align: sub;
}

.icontg-vpbank {
  background-position: -200px -130px;
  width: 90px;
  height: 28px;
}

.icontg-techcombank {
  background-position: 0 -25px;
  width: 90px;
  height: 28px;
}

.icontg-anz {
  background-position: 0 -60px;
  width: 90px;
  height: 28px;
}

.icontg-hsbc {
  background-position: -100px -60px;
  width: 90px;
  height: 28px;
}

.icontg-shinhanbank {
  background-position: -110px -165px;
  width: 90px;
  height: 28px;
}

.icontg-eximbank {
  background-position: -205px -95px;
  width: 90px;
  height: 28px;
}

.icontg-vib {
  background-position: -195px -60px;
  width: 90px;
  height: 28px;
}

.icontg-sacombank {
  background-position: -95px -25px;
  width: 90px;
  height: 28px;
}

.icontg-ctb {
  background-position: 0 -130px;
  width: 90px;
  height: 28px;
}

.icontg-seabank {
  background-position: -143px -243px;
  width: 90px;
  height: 18px;
}

.icontg-sc {
  background-position: -105px -130px;
  width: 90px;
  height: 28px;
}

.icontg-tpb {
  background-position: -185px -25px;
  width: 90px;
  height: 28px;
}

.icontg-scb {
  background-position: 0 -165px;
  width: 90px;
  height: 28px;
}

.icontg-nab {
  background-position: 0 -95px;
  width: 90px;
  height: 28px;
}

.icontg-ocb {
  background-position: -105px -95px;
  width: 90px;
  height: 28px;
}

i.icontg-maritimebank {
  background-position: -204px -281px;
  width: 90px;
  height: 28px;
}

i.icontg-vtb {
  background: url(https://costorebc.vn/vietinbank.png) no-repeat center
    center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100px;
}

i.icontg-fe {
  background-position: 0 -237px;
  width: 90px;
  height: 28px;
}

i.icontg-klb {
  background-position: 0 -286px;
  width: 90px;
  height: 28px;
}

i.icontg-shb {
  background-position: -206px -379px;
  width: 90px;
  height: 28px;
}

i.icontg-bidv {
  background-position: -205px -422px;
  width: 90px;
  height: 28px;
}

i.icontg-vcb {
  background-position: -206px -333px;
  width: 90px;
  height: 28px;
}

i.icontg-mb {
  background-position: -6px -500px;
  width: 90px;
  height: 34px;
}

i.icontg-acb {
  background-position: -206px -459px;
  width: 90px;
  height: 28px;
}

i.icontg-home {
  width: 130px;
  height: 20px;
}

i.icontg-vccb {
  background-position: -175px -504px;
  width: 125px;
  height: 32px;
}

i.icontg-dat-mua {
  background-position: -199px 0;
  border-top: 0;
  border-radius: 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

i.icontg-dat-mua.active {
  background-position: -179px 0;
}

.infocard {
  display: block;
  overflow: hidden;
  background: #f3eddc;
  border: 1px solid #ddd;
  border-top: 0;
  border-radius: 4px;
  margin: 15px auto;
  max-width: 98%;
}

.infocard .barcard {
  display: block;
  overflow: hidden;
  background: #ff0000;
  padding: 10px;
  font-weight: 600;
  color: #fff;
}

.infocard div {
  display: block;
  overflow: hidden;
  border-top: 1px solid #ddd;
}

.infocard div aside {
  width: 19.6%;
  border-right: 1px solid #ddd;
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
}

.infocard div aside:last-child {
  border-right: 0px solid #ddd;
}

.infocard div label {
  color: #d0021b;
}

#custom-installtotal aside input {
  padding: 10px 0;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  text-indent: 10px;
}

#custom-installtotal aside:nth-child(2) {
  width: 200px !important;
}

#custom-installtotal aside:nth-child(3) {
  width: 40% !important;
}

div#installtotal aside:nth-child(1n + 2) {
  color: red;
  font-weight: bold;
}

div#clickby-month aside {
  padding: 10px 0;
  text-align: center;
}

div#clickby-month aside:nth-child(1) {
  text-align: left;
  padding: 10px 5px;
}

.malefemale,
.store-address-container {
  display: block;
  overflow: hidden;
}

.malefemale label,
.store-address-container label {
  float: left;
  margin-right: 30px;
  cursor: pointer;
  margin-bottom: 0px;
}

.store-address-container label {
  color: #288ad6;
  font-weight: 400;
}

#userinfo {
  max-width: 98%;
  margin: 0 auto;
  border: 1px solid #ddd;
  margin-bottom: 15px;
  border-radius: 5px;
}

.infouser {
  padding: 10px;
  background: #f3eddc;
}

.areainfo {
  display: flex;
  justify-content: justify-content;
  padding: 10px 0 0;
}

input[type="tel"],
input[type="text"],
textarea {
  -webkit-appearance: none;
}

.areainfo input {
  display: block;
  padding: 19px 0;
  height: 20px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  margin: 0 0 10px;
  text-indent: 10px;
  width: 100%;
}

.step {
  display: block;
  overflow: hidden;
  padding: 10px;
  font-weight: 600;
  background: #ff0000;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.areainfo .left {
  float: left;
  width: 100%;
  margin-right: 5px;
}

.areainfo .full-left {
  float: left;
}

.choose .icontg-opt {
  background-position: -240px 0;
  border-top: 0;
  border-radius: 0;
}

.area_address {
  overflow: visible;
  background: #f6f6f6;
  margin: 10px auto 0;
  padding: 10px;
  position: relative;
  width: 98%;
  height: 70px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.area_market {
  overflow: visible;
  background: #f6f6f6;
  margin: 10px auto 0;
  padding: 10px;
  position: relative;
  width: 98%;
  position: relative;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.area_address:before,
.area_address:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 190px;
  width: 0;
  height: 0;
  border-bottom: 10px solid #ccc;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.area_market:before,
.area_market:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 40px;
  width: 0;
  height: 0;
  border-bottom: 10px solid #ccc;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.area_address:after {
  border-width: 9px;
  margin-left: 1px;
  border-bottom-color: #f6f6f6;
}

.area_market:after {
  border-width: 9px;
  margin-left: 1px;
  border-bottom-color: #f6f6f6;
}

.listmarket {
  display: block;
  overflow: auto;
  clear: both;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 0px;
}

.listmarket label {
  margin-left: 5px;
  font-weight: 500;
}

.box-addr-top {
  display: inline-block;
  width: 100%;
}

.city {
  float: left;
  width: 150px;
}

.box-city {
  padding: 10px 20px;
  border: 1px solid #288ad6;
  width: fit-content;
  border-radius: 5px;
  background-color: #fff;
  color: #288ad6;
  text-transform: uppercase;
}

.box-detail-city {
  float: left;
  width: calc(100% - 150px);
}

.text-area {
  display: block;
  padding: 19px 0;
  height: 47px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  text-indent: 10px;
  width: 100%;
}

.submit-container {
  display: block;
  text-align: center;
  margin: 10px 0 0;
}

.submit-container button {
  width: 300px;
  text-transform: uppercase;
  background-image: linear-gradient(
    to right,
    #ff0000,
    rgb(241 58 3 / 60%),
    #ff0000
  );
  color: #fff;
  border-radius: 4px;
  font-size: 16px;
  clear: both;
  height: 45px;
  line-height: 25px;
  font-weight: 700;
  padding: 10px 14px;
}
/*END CSS TRAGOPTHETINDUNG*/

/* CSS DatHang */

#dathang {
  background-color: #fff;
  border-radius: 5px;
}

.order-product-container {
  margin-top: 15px;
  border-top: 15px solid #f0f0f0;
  padding: 5px 0 0 0;
  background-color: #f0f0f0;
}

.order-user-container {
  /* margin-top: 15px; */
  border-top: 15px solid #f0f0f0;
  border-bottom: 15px solid #f0f0f0;
  border-right: 4px solid #f0f0f0;
  padding: 5px 0 5px 0;
  background-color: #f0f0f0;
}

.container-in {
  border-radius: 5px;
  background-color: #fff;
  min-height: 580px;
}

.order-listuser-container {
  /* margin-top: 15px; */
  border-top: 15px solid #f0f0f0;
  border-bottom: 15px solid #f0f0f0;
  border-left: 4px solid #f0f0f0;
  padding: 5px 0px;
  background-color: #f0f0f0;
}

.children .comment-body:before,
.children .comment-body:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 25px;
  width: 0;
  height: 0;
  border-bottom: 10px solid #ccc;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.children .comment-body:after {
  border-width: 9px;
  margin-left: 1px;
  border-bottom-color: #f6f6f6;
}

.order-user-title,
.order-listuser-title {
  float: left;
  padding: 10px 20px 10px 10px;
  background: #fbbc05;
  line-height: 1.3em;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  border-top-left-radius: 5px;
}

.order-user-title:after,
.order-listuser-title::after {
  content: "";
  width: 0;
  height: 0;
  border-right: 12px solid #fff;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.order-listuser-title {
  background: #34a853;
  color: #fff;
}

.order-user-data {
  padding: 5px 10px;
  width: 100%;
}

.order-user-data input {
  display: block;
  padding: 19px 0;
  height: 20px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  margin: 0 0 10px;
  text-indent: 10px;
  width: 100%;
}

.order-user-data textarea {
  display: block;
  padding: 19px 0;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  margin: 0 0 10px;
  text-indent: 10px;
  width: 100%;
}

#dathang .area_market {
  margin: 10px 0px 0px 0px;
  width: 100%;
}

#dathang #app_listSubscribers h4 {
  visibility: hidden;
  margin-bottom: -5px;
}

#dathang ul.sublist {
  height: 505px;
}

#dathang .single_add_to_cart_button {
  width: 220px;
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  padding: 7px 0;
  background: #ff0000;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

#dathang .single_add_to_cart_button > span {
  margin-left: 40%;
  font-size: 16px;
}

#dathang .single_add_to_cart_button > span {
  margin-left: 45px;
  display: block;
  text-align: left;
}

#dathang .single_add_to_cart_button span.ex_subcart {
  width: 100%;
  font-size: 11px;
  display: block;
  font-weight: 400;
  margin-top: 4px;
}

#dathang .single_add_to_cart_button svg {
  float: left;
  color: #fff;
  fill: currentcolor;
  margin-left: 10px;
}

#dathang button.button {
  font-size: 100%;
  margin: 10px auto;
  line-height: 1;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  overflow: visible;
  padding: 0.618em 1em;
  font-weight: 700;
  border-radius: 3px;
  border: 0;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
}

#dathang .product-short-content {
  height: 90px;
}

.btn-order-container {
  text-align: center;
}

.btn.btn-order {
  color: #fff;
  background-color: #db4437;
  font-size: 12px;
}

.order-product-container .container-in {
  min-height: 300px;
}

.order-product-info-container {
  padding-top: 50px;
}

#imgProduct {
  height: 250px;
}

.color-list {
  padding-left: 15px;
  height: 45px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
}

.color-list li {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}

.color-list label {
  display: block;
  width: 28px;
  height: 28px;
  -webkit-box-shadow: inset 0 0 1px 0 rgb(0 0 0 / 30%);
  -moz-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 5px 0 rgb(0 0 0 / 40%);
  cursor: pointer;
  font-size: 0;
  border-radius: 14px;
}

.color-list label:hover {
  margin-top: -3px;
}

.color-list input {
  display: none;
}

.list-color-product label {
  text-align: center;
  margin-right: 10px;
}

.label-color {
  margin-bottom: 0px;
  padding-top: 10px;
}

#numberProduct {
  padding-left: 15px;
  margin-left: 20px;
}

#displayRegularPrice,
#displayPrice {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  font-size: 14px;
  color: #e10c00;
  font-weight: bold;
  margin-right: 10px;
  text-decoration: none;
}

#titleProduct {
  color: #4285f4;
}

.product-price {
  margin-left: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  display: block;
}

.order-product-info-container h4 {
  font-size: 15px;
}

.order-product-info-container h4::before {
  font-family: "Fontawesome";
  font-weight: 400;
  font-size: 12px;
  content: "\f138";
  padding-right: 5px;
  color: #333;
}

.color-list input[type="radio"]:active + span label,
.color-list input[type="radio"]:checked + span label,
.color-list input[type="radio"]:visited + span label {
  box-shadow: 0 0 10px #db4437;
  border: 1px solid #db4437;
}

#totalProductPrice {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  font-size: 14px;
  color: #e10c00;
  font-weight: bold;
  margin-right: 10px;
}

.order-product-info-container .totalPriceTitle {
  padding-top: 10px;
  text-transform: capitalize;
}

.order-product-info-container .totalPriceTitle::before {
  font-family: "Fontawesome";
  font-weight: 400;
  font-size: 12px;
  content: "\f0d6";
  padding-right: 5px;
  color: #333;
}

#dathang .woocommerce ul.products {
  border-top: 1px solid #f3f3f3;
}

#dathang .ex_p2:nth-child(6n),
#dathang .ex_p2:first-child {
  border-left: 1px solid #f3f3f3;
}

.list-city {
  display: none;
  overflow: visible;
  position: absolute;
  z-index: 15;
  top: 44px;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding-bottom: 10px;
}

.box-searchnhanh {
  overflow: hidden;
  display: block;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background: #fff;
  height: 30px;
  position: relative;
}

.box-searchnhanh input {
  display: block;
  border: 0;
  background: #fff;
  padding: 5px;
  height: 30px;
  border-radius: 4px;
  width: 100%;
  -webkit-appearance: none;
}

.box-list-city {
  float: left;
  width: 100%;
  max-height: 170px;
  overflow: auto;
}

.box-list-city a.n1 {
  display: inline-block;
  padding: 10px 10px 0;
  font-size: 14px;
  color: #288ad6;
  clear: both;
  border: none;
  float: none;
  margin: 0;
  text-align: left;
  width: 33%;
  box-sizing: border-box;
  cursor: pointer;
}

.box-list-city a.n1:hover {
  color: #288ad6;
  text-decoration: underline;
}

#dathang .box-city {
  padding: 8.5px 20px;
  border: 1px solid #288ad6;
  width: fit-content;
  border-radius: 5px;
  background-color: #fff;
  font-size: 12px;
  color: #288ad6;
  text-transform: uppercase;
}

.list-city {
  display: none;
  overflow: visible;
  position: absolute;
  z-index: 15;
  top: 44px;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding-bottom: 10px;
}

.box-searchnhanh {
  overflow: hidden;
  display: block;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background: #fff;
  height: 30px;
  position: relative;
}

.box-searchnhanh input {
  display: block;
  border: 0;
  background: #fff;
  padding: 5px;
  height: 30px;
  border-radius: 4px;
  width: 100%;
  -webkit-appearance: none;
}

.box-list-city {
  float: left;
  width: 100%;
  max-height: 170px;
  overflow: auto;
}

.box-list-city a.n1 {
  display: inline-block;
  padding: 10px 10px 0;
  font-size: 14px;
  color: #288ad6;
  clear: both;
  border: none;
  float: none;
  margin: 0;
  text-align: left;
  width: 33%;
  box-sizing: border-box;
  cursor: pointer;
}

.box-list-city a.n1:hover {
  color: #288ad6;
  text-decoration: underline;
}

#dathang .box-city {
  padding: 8.5px 20px;
  border: 1px solid #288ad6;
  width: fit-content;
  border-radius: 5px;
  background-color: #fff;
  font-size: 12px;
  color: #288ad6;
  text-transform: uppercase;
}

#paymentType .content .ico-payment {
  margin-right: 7px;
  margin-top: 5px;
  width: 65px;
  height: auto;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 15%);
}

.ex_delivery {
  padding: 0px;
  line-height: 1.2;
  color: #00b517;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 0;
  width: 100%;
  cursor: pointer;
}

.product .ex_bgw .ex_delivery {
  position: absolute;
  bottom: 15px;
  left: 0px;
}

.ex_delivery svg {
  width: 28px;
  vertical-align: sub;
}

.delivery-stock {
  display: flex;
  align-items: center;
  margin: 5px 0 10px;
}

.delivery-stock img {
  position: relative;
  bottom: 1px;
  width: 10px;
}

.delivery-stock img:nth-child(2) {
  position: relative;
  left: -5px;
}

.delivery-stock img:nth-child(3) {
  position: relative;
  left: -10px;
}

.delivery-stock span {
  font-size: 13px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.92;
  letter-spacing: normal;
  color: #00b517;
  position: relative;
  left: -5px;
}

.delivery-stock .delivery-detail {
  margin-top: 3px;
  color: #008dd9;
  font-size: 12px;
  cursor: pointer;
  font-weight: 300;
}

.home #sync1.owl-carousel .owl-item img {
  width: 765px;
  height: 320px !important;
}

#lc_pop-sugg {
  position: absolute;
  top: 40px;
  z-index: 10;
  max-width: 500px;
  margin: auto;
  width: 300px;
}

#lc_pop-sugg .locationbox_popup-cnt.locationbox_popup-suggestion {
  top: 0;
  box-shadow: 1px 0 10px 0 #333;
}

.locationbox_popup-cnt.locationbox_popup-suggestion:before,
.locationbox_popup-cnt.locationbox_popup-suggestion:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 9px 8px;
  position: absolute;
  top: -8px;
  border-color: transparent transparent #4a90e2 transparent;
  left: 46%;
}

#lc_pop-sugg .locationbox_popup-cnt.locationbox_popup-suggestion:before,
#lc_pop-sugg .locationbox_popup-cnt.locationbox_popup-suggestion:after {
  border-color: transparent transparent #fff transparent;
  left: 13%;
  border-width: 0 5px 5px;
  top: -5px;
}

#lc_pop-sugg .locationbox_popup-cnt.locationbox_popup-suggestion .flex-block {
  display: flex;
}

.locationbox_popup .locationbox_popup-cnt {
  position: relative;
  overflow: visible;
  background-color: #fff;
  padding: 15px 10px;
  line-height: 25px;
  border-radius: 4px;
}

.locationbox_popup .locationbox_popup-cnt p {
  margin-bottom: 0px;
}

.icon-location {
  margin: 5px 8px;
  width: 35px;
  height: 20px;
  font-size: 18px;
}

#close-new-popup {
  position: absolute;
  top: 0px;
  right: 4px;
  outline: none;
  padding: 0px 3px 3px 3px;
  border: 0px;
  color: #ff0000;
  cursor: pointer;
  background: #fff;
}

.inst-method {
  vertical-align: top;
  overflow: hidden;
  padding: 10px;
  width: 100%;
  background: #fff;
}

.inst-title {
  display: inline-block;
  width: 100%;
  padding-bottom: 10px;
}

.inst-card-container {
  padding: 10px;
  color: #cccccc !important;
  border: solid 1px #eeeeee;
  width: calc(100% / 3);
  overflow: hidden;
  cursor: pointer;
  position: relative;
  display: block;
  text-decoration: none !important;
  display: inline-block;
  box-sizing: border-box;
}

.inst-card-container i {
  float: left;
  font-size: 30px;
  padding-top: 7px;
  margin-right: 10px;
}

.inst-active {
  background-color: #f7f7f7;
  color: #393d3f !important;
  border-top: 5px solid #e11b1e !important;
  border-radius: 3px !important;
  cursor: default !important;
}

.inst-active i {
  color: #e11b1e !important;
}

a#btn-visa-instalment:hover,
a#btn-brand-company:hover {
  color: #d70018 !important;
}

/* CSS Thu Cu */
#main-primary.thu-cu {
  background: #fff;
  padding-top: 0px;
}

.thu-cu .form-group.has-search {
  width: 400px;
  display: flex;
  margin: 0 auto 20px auto;
}

.thu-cu .has-search input#search_product {
  height: 40px;
  padding-right: 34px;
  border-radius: 2px;
}

.has-feedback {
  position: relative;
}

.thu-cu .has-search .form-control-feedback {
  height: 40px;
  cursor: pointer;
  pointer-events: auto;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.thu-cu .has-search .form-control-feedback i {
  font-size: 20px;
  line-height: 40px;
  font-style: unset;
  text-align: center;
  vertical-align: middle;
  color: #666666;
}

.box-content__box-type,
.box-content__box-brand {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 5px 0 !important;
}

.box-content__box-type > input,
.box-content__box-brand > input {
  display: none;
}

.box-content__box-brand > label {
  min-width: 100px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 7.5px 15px 7.5px;
  border: 1px solid #4285f4;
  border-radius: 2px;
  cursor: pointer;
}

.box-content__box-brand > label > h2 {
  margin: 0;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  color: #4285f4;
}

.box-content__list-product {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-items: center;
}

.box-content__list-product > li {
  width: calc((100% / 5) - (50px / 5));
  height: 257px;
  padding: 15px 10px 10px 10px;
  background: #ffffff;
  border: 1px solid #dadada;
  border-radius: 2px;
  cursor: pointer;
  overflow: hidden;
}

.box-content__list-product > li:not(:nth-of-type(5n)) {
  margin-right: 10px;
}

.box-content__list-product > li:not(:nth-of-type(-n + 5)) {
  margin-top: 10px;
}

.list-product__box-img {
  height: 150px;
  text-align: center;
  margin-bottom: 10px;
  position: relative;
}

.list-product__box-img img {
  height: 100%;
  padding: 10px;
  transition: 0.3s;
}

.box-thong-tin-them {
  width: 60%;
  padding: 2px 2px;
  background: linear-gradient(to right, #ef3f23, #ff8a00);
  border-radius: 2px;
  position: absolute;
  bottom: 0;
}

.box-thong-tin-them > p {
  margin: 0;
  font-size: 9px;
  font-weight: bold;
  line-height: 1.4;
  text-transform: capitalize;
  color: #ffffff;
}

.list-product__box-info p,
.list-product__box-info h3 {
  height: 38px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4em;
  color: #333333;
  text-align: left;
  overflow: hidden;
  cursor: pointer;
}

.list-product__box-price {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.list-product__box-price > p:nth-of-type(1) {
  margin-right: 5px;
}

.list-product__box-price .price {
  font-size: 16px;
  font-weight: bold;
  color: #e11b1e;
}

.text--none-product {
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 !important;
  font-size: 14px;
  width: 100%;
}

.modal-body .modal-body__box-left {
  width: 160px;
  min-height: 100px;
  float: left;
  margin-right: 15px;
  text-align: center;
}

.modal-body .modal-body__box-left > img {
  height: 160px;
  margin-bottom: 10px;
  font-size: 14px;
  text-align: left;
}

.modal-body .modal-body__box-right {
  width: calc(100% - (160px + 15px));
  float: left;
  min-height: 160px;
}

.modal-body .modal-body__box-right > *,
.box-content_new-product .box-right > * {
  font-size: 14px;
  margin-bottom: 10px;
  text-align: left;
}

.modal-body .modal-body__box-left > * {
  font-size: 14px;
  margin-bottom: 5px;
  text-align: left;
}

.box-right__box-option-loai,
.box-right__box-option-accessory,
.box-right__box-option-memory {
  width: 100%;
  height: auto;
  display: inline-block;
}

.box-right__box-option-loai > input[type="radio"]:checked + label,
.box-right__box-option-accessory > input[type="radio"]:checked + label,
.box-right__box-option-memory > input[type="radio"]:checked + label {
  border-color: #e11b1e;
}

.box-right__box-option-loai > label,
.box-right__box-option-accessory > label,
.box-right__box-option-memory > label {
  width: 100%;
  padding: 10px;
  margin-bottom: 5px;
  border: 1px solid #dadada;
  border-radius: 2px;
  font-size: 14px;
  font-weight: normal;
  cursor: pointer;
}

.box-right__box-option-memory > label {
  width: calc((100% - 20px) / 4);
  text-align: center;
}

.box-right__box-option-accessory label > span,
.box-right__box-option-memory label > span {
  width: 100%;
  display: inline-block;
}

.memory-container > p,
.accessory-container > p {
  margin-bottom: 5px;
}

#modalThuCuContainer .modal-header {
  padding: 20px 15px 0 15px;
  border-bottom: none;
  text-align: center;
  position: relative;
}

#modalThuCuContainer .modal-header > button {
  position: absolute;
  top: 10px;
  right: 10px;
}

#modalThuCuContainer .modal-header button.close {
  font-size: 30px;
}

#modalThuCuContainer .modal-header .close {
  margin-top: -20px;
}

#modalThuCuContainer .modal-title {
  font-size: 20px;
  text-transform: uppercase;
  color: #e11b1e;
  margin: 0 auto;
  line-height: 1.42857143;
}

.box-right__box-option-loai > input,
.box-right__box-option-accessory > input,
.box-right__box-option-memory > input {
  display: none;
}

.box-right__box-option-accessory {
  display: flex;
  flex-wrap: wrap;
}

.box-right__box-option-accessory > label {
  width: calc((100% - 20px) / 3);
}

.box-right__box-option-accessory > label:not(:nth-of-type(3n)) {
  margin-right: 10px;
}

.box-right__box-option-accessory label > span.box-right__price,
.box-right__box-option-memory label > span.box-right__price {
  margin-top: 5px;
  font-size: 14px;
}

.box-right__box-option-accessory label > span {
  width: 100%;
  display: inline-block;
}

.box-right__price {
  font-size: 16px;
  color: #e11b1e;
}

#modalThuCuContainer .modal-footer > button {
  width: 145px;
  margin: 0 auto;
  background: -webkit-linear-gradient(#f52f32, #e11b1e);
  background: -o-linear-gradient(#f52f32, #e11b1e);
  background: -moz-linear-gradient(#f52f32, #e11b1e);
  background: linear-gradient(#f52f32, #e11b1e);
  border: 1px solid #e11b1e;
  border-radius: 2px;
  text-transform: uppercase;
  color: #ffffff;
  text-shadow: none;
  outline: none;
}

.modal-alert .modal-body {
  text-align: center;
}

.modal-alert .modal-body > img,
.bell {
  margin: 15px 0;
  -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;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.modal-alert .modal-footer {
  display: inline;
}

#modalThuCuContainer .modal-footer > button:not(:last-child) {
  margin-right: 10px !important;
}

.modal-alert .modal-footer > button {
  width: 140px;
  height: unset;
  font-size: 12px;
}

#modalThuCuContainer .modal-footer {
  padding: 0 15px 15px 15px;
  border-top: none;
  text-align: center;
}

.modal-body .modal-body__box-left > .box-left__box-price > p.box-left__price {
  color: #e11b1e;
}

.modal-body .modal-body__box-left > .box-left__box-price > p:nth-of-type(1n) {
  width: 55%;
  float: left;
  margin-bottom: 5px;
}

.modal-body .modal-body__box-left > .box-left__box-price > p:nth-of-type(2n) {
  width: 45%;
  float: left;
  font-weight: bold;
  text-align: right;
  margin-bottom: 5px;
}

.modal-pay .modal-body .modal-body__box-left {
  width: 222px;
}

.modal-pay .modal-body .modal-body__box-right {
  width: calc(100% - (222px + 15px));
}

.box-content__box-brand > input[type="radio"]:checked + label {
  background: #4285f4;
}

.box-content__box-brand > input[type="radio"]:checked + label > h2 {
  color: #ffffff;
}

#modalListProduct .modal-body .box-content__list-product > li {
  width: calc((100% / 4) - (40px / 4));
  height: 325px;
}

#modalListProduct
  .modal-body
  .box-content__list-product
  > li:not(:nth-of-type(4n)) {
  margin-right: 10px;
}

.modal-body .box-content__list-product > li:not(:nth-of-type(-n + 4)) {
  margin-top: 10px;
}

.modal-body .box-content__list-product {
  max-height: calc(100vh - 258px);
  overflow: auto;
}

.modal-body .list-product__box-price p:not(.price) {
  color: #444444;
}

.modal-body .list-product__box-price p {
  width: calc(100% / 2);
  font-size: 13px;
  text-align: left;
}

.list-product__box-price p {
  float: left;
  margin: 0;
  font-size: 14px;
  text-align: center;
}

.modal-body .list-product__box-price p:nth-of-type(2n) {
  font-size: 13px;
  text-align: right;
}

.modal-body .list-product__box-price > div {
  width: 100%;
}

#modalThuCuContainer #modalListProduct .modal-list-product {
  max-width: 900px;
}

#modalThuCuContainer .form-group.has-search {
  width: 400px;
  display: flex;
  margin: 0 auto 20px auto;
}

.loading-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #c3c3c3;
  height: 100%;
  z-index: 1;
  position: absolute;
  opacity: 0.8;
}

.full-width {
  margin-bottom: 25px;
}

.thucu-post-content {
  height: 505px;
  min-height: 100px;
  float: left;
  margin-right: 15px;
  position: relative;
  overflow: hidden;
}

.thucu-post-content-showmore {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding-top: 50px;
  text-align: center;
  background: transparent;
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.91) 50%,
    #fff 55%
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, rgba(255, 255, 255, 0)),
    color-stop(50%, rgba(255, 255, 255, 0.91)),
    color-stop(55%, #fff)
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.91) 50%,
    #fff 55%
  );
  background: -o-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.91) 50%,
    #fff 55%
  );
  background: -ms-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.91) 50%,
    #fff 55%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.91) 50%,
    #fff 55%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0);
  display: block;
  margin-bottom: 0;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(250, 250, 250, 0.91) 50%,
    #fafafa 55%
  );
}

.thucu-post-content-showmore > a {
  padding-bottom: 5px;
  display: inline-block;
  font-size: 14px;
  color: #d70018;
}

#parentdiv:after {
  content: " ";
  display: block;
  clear: both;
}

.box-quy-dinh__box-lien-he {
  min-height: 100px;
  float: left;
  padding: 20px 15px;
  border: 1px solid #dadada;
  background: #ffffff;
  border-radius: 2px;
  text-align: center;
}

.box-quy-dinh__box-lien-he > i {
  font-style: unset;
  color: #e11b1e;
}

.box-quy-dinh__box-lien-he > p {
  margin: 10px 0;
  font-size: 18px;
  font-weight: bold;
}

.box-quy-dinh__box-lien-he ul,
.box-quy-dinh__box-lien-he li {
  margin: 0;
  padding: 0;
  text-align: start;
  list-style: none;
  font-size: 13px;
}

.fa-circle:before {
  font-size: 7px;
}

.content_container {
  background: #fafafa;
  padding: 20px 0;
}

.woocommerce-shipping-totals.shipping {
  display: none;
}

.img-quytrinhnhapmay {
  width: 100%;
  border: 1px solid #dadada;
  margin-bottom: 10px;
}

.img-lienhetructuyen {
  background: url(https://costorebc.vn/assets/ho-tro-truc-tuyen.png)
    no-repeat center center;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 225px;
  border: 1px solid #dadada;
}

#lienhetructuyen1 {
  position: absolute;
  left: 181px;
  top: 144px;
  width: 110px;
  color: transparent;
  background: transparent;
}

#lienhetructuyen2 {
  position: absolute;
  right: 35px;
  top: 144px;
  width: 110px;
  color: transparent;
  background: transparent;
}

@keyframes RotateRing {
  0% {
    -webkit-transform: rotateZ(0);
  }
  1% {
    -webkit-transform: rotateZ(30deg);
  }
  3% {
    -webkit-transform: rotateZ(-28deg);
  }
  5% {
    -webkit-transform: rotateZ(34deg);
  }
  7% {
    -webkit-transform: rotateZ(-32deg);
  }
  9% {
    -webkit-transform: rotateZ(30deg);
  }
  11% {
    -webkit-transform: rotateZ(-28deg);
  }
  13% {
    -webkit-transform: rotateZ(26deg);
  }
  15% {
    -webkit-transform: rotateZ(-24deg);
  }
  17% {
    -webkit-transform: rotateZ(22deg);
  }
  19% {
    -webkit-transform: rotateZ(-20deg);
  }
  21% {
    -webkit-transform: rotateZ(18deg);
  }
  23% {
    -webkit-transform: rotateZ(-16deg);
  }
  25% {
    -webkit-transform: rotateZ(14deg);
  }
  27% {
    -webkit-transform: rotateZ(-12deg);
  }
  29% {
    -webkit-transform: rotateZ(10deg);
  }
  31% {
    -webkit-transform: rotateZ(-8deg);
  }
  33% {
    -webkit-transform: rotateZ(6deg);
  }
  35% {
    -webkit-transform: rotateZ(-4deg);
  }
  37% {
    -webkit-transform: rotateZ(2deg);
  }
  39% {
    -webkit-transform: rotateZ(-1deg);
  }
  41% {
    -webkit-transform: rotateZ(1deg);
  }
  43% {
    -webkit-transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(0);
  }
}

@media only screen and (max-width: 1440px) {
  .home #sync1.owl-carousel .owl-item img {
    width: 100%;
  }
}

/* CSS Đặt Hàng Sản Phẩm */
#custom_orderProducts .container {
  max-width: 1200px;
}

#custom_orderProducts section.section-body {
  background: linear-gradient(180deg, #000000 30%, #95b7d3 80%);
  min-height: 600px;
}

#custom_orderProducts #boxHotProduct {
  margin-top: 40px;
  margin-bottom: 40px;
  border-radius: 10px;
  background: linear-gradient(90deg, #4a0394, #ac08b6);
  -webkit-box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px,
    rgb(60 64 67 / 15%) 0px 2px 6px 2px;
  box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px,
    rgb(60 64 67 / 15%) 0px 2px 6px 2px;
}

#custom_orderProducts #boxHotProduct .products {
  background: transparent;
  margin-bottom: 0;
}

#custom_orderProducts .box {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 15px 0 15px;
  width: 100%;
}

#custom_orderProducts .box .box-title {
  margin: 0 0 0 0;
  font-size: 24px;
  line-height: 1.4;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.8rem;
  font-weight: 700;
}

.box-products ul {
  list-style-type: none;
}

.box-products .products {
  display: flex;
  flex-wrap: wrap;
}

.box-products .item-product {
  /* width: calc((100% - 4rem) / 5); */
  width: 215px;
  height: auto;
  min-height: 202px;
  float: left;
  margin-bottom: 15px;
  padding: 15px 10px 0 10px;
  background: #ffffff;
  position: relative;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-radius: 1rem;
  -webkit-box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px,
    rgb(60 64 67 / 15%) 0px 2px 6px 2px;
  box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px,
    rgb(60 64 67 / 15%) 0px 2px 6px 2px;
}

.box-products .item-product .item-product__box-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  margin: 1rem 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.box-products .item-product .item-product__box-img img {
  height: 160px;
}

.box-products .item-product .item-product__sticker-percent {
  width: 80px;
  height: 31px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 256 100"><title>Asset 1</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><image width="256" height="100" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAABkCAYAAABpYO6eAAAN+0lEQVR4nO3dCXBd1X0G8O+ce+9bJVt61mZJlmQ5trAD3hcgYE/BJVAgmY6hqQnUuCnEU5LMlDbNMiRpQpJu6TbNDJ3S6UzjJJOGaScZGjJA3cQbRsQYO5Z34d3Wgna99W6nc65kYccGyXjTe+/7zZwZYMC8+6Tz3f9Z7rki07oTRlkZcm/uhr2nDSJRBvf4qTnOoSOf9rreWQLXq1aZjIBh+CCiiVFKiHDINRLlKb9/sEdFI4MyHuuxGmcc8JOpXUbjjPbQrKY+r6MLxsxG+J1d8Hr6ACEg4lEYNdWwDxyGgIJQCioeR3j5Erh72uANDAKmCaO6QvdVGPW1cA61I7ryNsTWfAx+bz+UP7HuasLzoQAYDfXwN2+bmn31lz/qPXD43n4fiAogDKBEAL7gD57ocmQU0HX8DKrlyH+k+1Ro5x7UCkDEYyodCR8zqqs2m/PmvGomEi/JRNmg7thB51XqunzXpm9IGIkyONt2fLj9P368dUihfE7IRJlpXLcPQVSI9M2z7LzrGvtrfUdPZ8RgKt1s9/Q3Z/YdWt8Qi2SMmqodRt30H4WXLdpo1E7Pyq5uqL5+qGvYD83Qovmw39hVsf+pL2yygfKWeAS4jglEVHR0mR+yxgJBCAE/k42eOnryLu/oybsa9uz7J2vhzRtlovy7odnNe2E78HK5a/Itmf6JUxh45pvPnfZRvXxKDMp1+QtJdB3pO7wIh1AnRBAOznAyemDz609WCzxZ+eGWF8362j8P37HioFlVAdf3oZSPqzUiN4df+MktB3bsemhpyGDnJ7qRdNWtFKxwCHN1GHgezuw79KC979CDTSdP/0yY5h8bM+pO+o4DlbOvygeVTuuutcMKQUlCRJOEDgMpURMNoyFs4cD+I/d3ffmbJ1I/felrIhyGTIwMIK60EpBuR+f8mP5TJrhsQETXkQ4CIXBTaQwGgLYtrX8x/G8bj3td3bOMykpAT9ZfQd+VKpWun8olPqJJTQ/P9dCgJRZG73CqsXPjC+2ZlzdtMMrLIWLRYK+A+ADz9hKOIyMMAKL8oBQqYhHEABz62abnkv/53xtFJAI5LQG9p+dySQjpc8WPKI/4PqxoBE0hE/vPdD+afP57u/2u7risqRrZY3AZHVry506Uh/S435CYVxrDsbdPLNj54qv7AFVvVVUGk4eB0WXF92sMAKI8pucGGqNhPSRo7PncF3ektrxWaVQkxpYUx2sMAKJ8pxRmTYnjYN9Q/ZZ7Ht6ceeUXU6zZzUAmCzjO+zaTP3yi/KccJxgO7BpKz+37s6/83Gxq+IhRXQn39FkI8727OSsAogKhhwOLp8axs2fw9t71n3lBJNOQej6gfxBq4NKNAUBUQHQlsCweRuux0w8NfOs7zxjVVRCW+Z47BhkARAVosQFs/8nLz6Zf/PlKOasJSlcClnVRYwAQFRqlYMZjSAig/6t/tdHv7olZzU3B8z4iEr6gMQCICpCeD5hZGsObjt8w8O2/fzbYN5BMA0PJCxoDgKhA6RBYagCtr2x5OrfzrcXhVbcH5wcaDXVjjcuARAVMxmPAUBoD//Dc3xp10+92z3YG5wycwwqAqIDpKmCRXhVoO3xXZtPm+6N3r4Q5sxFmc1PQGABERUAfUJrb/NoXkEqPPBugT/9yXQYAUcFTCvPjYbzxxp47B//uux/XIeAeOQqn/SjnAIiKSa792GNTmhp+CsMINgexAiAqBkphgSnQta11TfrlTTcpffpwTy8DgKhYyEgYJz0g9/rOx8wZdTCnJRgAREXD91EpAWd32725rTvg/HofA4ComNSHTAweP7k4t3vvIsSjDACagHOnylD+Mwwc8QCVydwTXraEAUAToJ8k003w+OjLdqnz+G4kpaBfA2C/uecB/WpyLgPSuIRhBP/K2DvnWQ1MnD6vXwiMfWPnAuAGfod1BuB1dM51T5yMMQBoXGp077j+1WXXv3wXHNM9+qafoN2gELAg4AwlpwGYzSEATZjiXMDVce57vEHDAWmZ6FCAvXffAgYAjSv4NWXHv/pu1HcqBHwdAAePLGQA0LjY9QuU69UxAGh8vPsXHCkAP52pYgDQu7jMVzSqJfSx4FMZAPQu3umLhqOCycASBgBREYojGAJEGABExUi/LsxxTQYAURHSm7uUgM8AICpCWSjIkniOAUBUhEJ6M6LjphkAREWoR68ClJYMMgCIitCgfhShbGofA4CoWJlGBwOAqAjZuv/X1x5hABAVGeX50E8BWTfPfY0BQFRkfNdFIhJ2hTSOMQCIisw7egUgUXbYrJvOOQCioiIEunzAbJn9f2Z9LU8FJioqSqFEAKHZs/5XDQ4zAIiKyUDOxqyqxFlr2aKXPNtmABAVDSGCdwNazY2bjRl1DnyP7wUgKhpKIazL/5vn/VB1dME7c5YBQFQsTmRtzG2qb4vdt/p/lOPCrK/jEICoGAjTRLcPWIvnf8+sq4Wy7eBkUFYAREVgOJXG0lioL3Lr0uezu38NP5kOLpoBQFTopESbB6x+ct1fl33u0wP228fGToBmABAVMiHQn85ihSm6Q0sW/kv6F1vh9/aPBQDnAIgKXLsPxJ947JnQvJYh/51eCCmDNxbrxgqAqFBJiT3JLFbMrG+dsv7R573hJGRF4oKLZQAQFSIh4Gay0C92L/vGl/40NG8O7EPt+hSgCy6WAUBUoHZ6wKo1v/O16OpV27O79wK+f9GFcg6AqMAIy8KvUjnc1jh9S8XffP0bfk8f4PkjE3+/0VgBEBUS08T+oRQaJLqqf/Cvv2vWVME5egJWVcUlL5IBQFQopEQylYYLYM4//+Wa8LLFffbBIxCGERwDdikcAhAVAL3V18lkscsFVqz/xO+V/dEfbM8dPQ4lJXTXf6/GCoAo30mJVDqNgx5w3+c3PDb1iXUv2O1HoTLZcS+MFQBRHtN3/oFMFu0usOpLn32i4ltf+b6eB1BDSQhfjdtYARDlKynRr8f8Clhy57JPlK5b+2Pn+En4g8P6pR8TuigGAFG+Gd3HfzyV1Qd8eB/asG6VLC3Z7hw8AnN2s37tN8QEL4kBQJRPpITK5tDmKcyfUbOrZO2aj1ozm3pyO98CfHXZF8IAIMoHoxt4zqSzyClg0e1LvlPyyYc/LxwXbmcnlO9N/LZ/HgYA0SQXLPGl0tjvAbckSrumPP7Ix825c1r1k31+Og1YH7wbMwCIJind8e1UGm1pGwssicV3LPtq/IGPPmvWTodz9BhUzoYwrmwhjwFANNlIiXQ2i9MZG7PDJpYtaPn3yJKFX7aWL+7Sd33vbAeUUsGZfleKAUA0CejDOXzHxYDroVsBLVPi2Ztqqn5Y+qlHv241NZ7MbX8dbkcnYDswy8uv2gdmABDdCEJAeR5s10WHflmHAKoFMK2xfktVc+MP4qtXfV9lsmljWiKY5POHhyGnlUNchbv++d43AIS4+H+mXA+Xv9hAVFx0zwn6iesChhE8i+8qhRyAXhW8owNlEihPlA00V1XuNmqqXg7Na9mohDhjzagDwiG4J06PHOChx/mX6ItXw0UBIEaXG/S5YcE4Q6ngQvTf64tJey6i0rhmH4ioEJy7SeoHbqTuT9GIa4VDPaFwqKesdvpeo6bqDWN6zVvG9KptVsMMz+3qDib9cgcOwevogqEf3xW45v3sggAIOrkQGPJcdLg5DCp/5EKUCkqVaMU0d+lv3fOgdersEUQi04IPx3KA6GKOLUR5mR+9e6WTbX0zKQxj0Kqs6FMCnjH7QxCjN1YMDMAfHILf2wdEIiOlgbh09X0tmOd6sDRNpFwH+zwbHb6LrPJhQox9kC7PRZ1r294jD7WW7G7rz23Z8bZRkYDS6cafP9GFsjnImmqEFy+Ae+oMlH4RRywKlUxB9fbBy2UhIxH4uRwMy7phX15QAegXBvZ5DrY5aWSUwhQpERUmfPXu7b0cEtFMzlSpdCh390qguwfe7r0QifKRMY5iKUB0jl6jRzoNT2/WSaWBXBbI5YKJv6CnTJIhtDRME0mlsM0eOUmkXEgIhQs6/znBpoNkCshkYT9wD7DwFvh9/YDncU6AKA/pCkC85ttw9IykMHDpg4POo0v+dAbw3CAEQkBQCchEeXD0ECsBovwhuxwbncrHlIl0/nPkaAhkMkEIiNFKQLESIMorZqfylH55gKF3Il3O3Vu/XiidCcYz9v2/DUuPbfbuB1gJEOUNMwUldBk/wc4v4HlCbwaCbvofDCWDzUHOfath6RcP7D0AVCQYAkR5QGaUMsITWMjzRzY3KCMe862SEsh4bKSVlgTVgxmy4D+yBli+CH53D4cDRHnAtKKRwWEo1IzzWb2RXYKekUh4IlEG4zfPHNN3/2gU6g8/CWkY8Le+DqOmikuERJOYtEpLDjrqMtYl9Z39Uk138sGhkXmBx9dC3HkrvK53uERINInJykULXzIErs5dWm8lHk4CeuPD42sh71gBr7ObIUA0ScnGe1f/101TSw8fsh3ICR4l/L7OCwFWAkSTm4zX1WLBZzZ8dlgBA5ncyANBV+pSlQBDgGjSkWYshiVffPqV9U8/9Sdv+wqnsvbYI8FXZDQEgocfGAJEk5LUhw3olwrevOFT//jgvXd9rD5kegdzNrpzTvAIsBptKT1NoPcA+L4Izgjw/fGbnlvUlUAyBX/d70N+ZPnInIDvMwSIJgH9yB/cTAbDx0+hvKXlxerbbo00HTj4VMcvtz7s5XINvuvqhwXdmnSmzIzFOoVheHqTj358eKJUKh0sDepKwAiH4f/qLYhY9OoMN4jogwHw/35dC3VrPyaLAAAAAElFTkSuQmCC"/></g></g></svg>')
    center center no-repeat;
  position: absolute;
  top: 0px;
  left: -4px;
}

.box-products .item-product .item-product__sticker-percent p {
  width: 100%;
  margin-top: 2px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
}

.box-products .item-product .item-product__box-name h3,
.box-products .item-product .item-product__box-name p {
  margin-bottom: 1rem;
  font-size: 14px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.box-products .item-product .item-product__box-name a {
  color: #444444;
  text-decoration: none;
}

.box-products .item-product .item-product__box-price {
  display: flex;
  align-items: center;
  justify-content: center;
}

.box-products .item-product .item-product__box-price > *:not(:last-child) {
  margin-bottom: 0.5rem !important;
}

.box-products .item-product .item-product__box-price .special-price {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  color: #d70018;
  margin-bottom: 8px;
}

.box-products .item-product .item-product__box-price .old-price {
  float: left;
  display: inline-block;
  margin: 0 0 8px 10px !important;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: line-through;
  color: #707070;
}

.box-products .item-product:not(:nth-of-type(5n)) {
  margin-right: 15px;
}

#boxHotProduct .box-products .item-product:first-child {
  margin-left: 15px;
}

#custom_orderProducts .section-body .bg {
  width: 100%;
  height: 350px;
  border-radius: 10px;
  border: 1px solid #fff;
  -webkit-box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px,
    rgb(60 64 67 / 15%) 0px 2px 6px 2px;
  box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px,
    rgb(60 64 67 / 15%) 0px 2px 6px 2px;
  overflow: hidden;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#boxiPhone,
#boxHotProduct {
  padding-left: 0;
  padding-right: 0;
}

.box-products {
  margin-top: 15px;
}

#boxiPhone.box-products .products {
  background: transparent;
  justify-content: space-between;
}

.box-products .owl-theme .owl-nav {
  position: absolute;
  top: 35%;
  width: 100%;
  height: 0px;
}

.box-products .owl-theme .owl-nav .owl-next,
.box-products .owl-theme .owl-nav .owl-prev {
  width: 30px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  -webkit-box-shadow: 0 0 4px 0 rgb(0 0 0 / 40%);
  box-shadow: 0 0 4px 0 rgb(0 0 0 / 40%);
  font-size: 1.8rem;
  color: #707070;
  top: 48%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  outline: none;
  opacity: 0.5;
  z-index: 10;
  cursor: pointer;
  margin: 0px;
}

.box-products .owl-theme .owl-nav .owl-next {
  float: right;
  padding: 0px 0px 0px 10px;
  border-radius: 100px 0 0 100px;
  right: 0;
}

.box-products .owl-theme .owl-nav .owl-prev {
  padding: 7px 10px 0px 0px;
  border-radius: 0 100px 100px 0;
  left: 0;
  float: left;
  display: inline-block;
}

#boxHotProduct .box-products .owl-theme:hover .owl-prev,
#boxHotProduct .box-products .owl-theme:hover .owl-next {
  opacity: 1;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .container,
  header,
  footer {
    width: 1140px;
    max-width: 1140px;
  }
}

@media screen and (max-width: 768px) {
  .container,
  header,
  footer {
    width: 1140px;
    max-width: 1140px;
  }
}


.zalo-chat-widget {
    bottom: 92px !important;
    right: 25px !important;
}