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

/*************** ADD CUSTOM CSS HERE.   ***************/
.header-top { border-bottom: 1px solid #dddddd; }
.header-nav .nav-dropdown { padding: 15px!important; }
.tuvantop h3 { font-size: 13px; text-transform: uppercase; margin-bottom: 0!important; }
.tuvantop a { font-weight: 800; font-size: 18px; }
.header-inner .header-nav .header-block { width: 165px; margin-top: 30px; }
.tuvantop .icon-box-img img { padding-top: 8px; }
.header-search-form input[type="search"] { width:525px!important; }
.header-bottom-nav > li > a { font-size: 15px; color: #FFF!important; }
.header-bottom-nav > li.active > a { color: #FFFF00!important; }
.header-bottom-nav > li > a:hover { color: #FFFF00!important; }
span.amount { text-transform: uppercase; }
.nuttieudetrangchu {  margin-bottom: 0; }
a:hover.nuttieudetrangchu { color:#FFFF00!important; }
.breadcrumbs { font-size: 15px; }
.woocommerce-Tabs-panel img { width: 100%; }
.product-footer .woocommerce-tabs { padding: 0; border: none; }
.product-thumbnails .is-nav-selected a, .product-thumbnails a:hover { border-radius: 3px; }
.product-gallery-slider img, .product-thumbnails img { border-radius: 3px; }
.related-products-wrapper .col-inner {
  box-shadow: 0 1px 3px -2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24) !important;
  border: 1px solid #eaeaea;
  border-radius: 3px;
}
.related-products-wrapper .flickity-viewport { border: 0!important; border-radius: 0px; }
.slider-nav-reveal .flickity-prev-next-button { box-shadow: none!important; background: none !important; }
.category-page-row .product-title { font-size: 16px; color: #0190dc!important; text-transform: capitalize; height: 50px; overflow: hidden; }
.sanphamtrangchu .product-title { font-size: 16px; color: #0190dc!important; text-transform: capitalize; height: 50px; overflow: hidden; }

.woocommerce-Tabs-panel table:not(.Normale) td {
  padding: 8px;
  border: 1px solid #ccc !important;
}
.woocommerce-Tabs-panel table:not(.Normale) {
  width: 100% !important;
  border-collapse: collapse;
  box-shadow: 0 0 4px rgba(0,0,0,0.12);
}
.box-text .button { border-radius: 3px; }
.nav-dropdown-has-arrow li.has-dropdown::before { left: 15px; }
.nav-dropdown-has-arrow li.has-dropdown::after { left: 15px; }
.nav > li { margin: 0 12px; }
.nav-dropdown-has-border .nav-dropdown { border: 1px solid #ddd;  min-width: 250px; }
.nav-dropdown-default { padding: 0!important; }
.nav-dropdown.nav-dropdown-default > li > a { background: url(icon-menu-top.png) no-repeat 15px 17px; margin: 0; padding-left: 30px; font-weight: 600 !important; font-size: 15px; text-transform: capitalize; color: #000!important; font-weight: 500 !important;}
.nav-dropdown.nav-dropdown-default > li > a:hover { background: url(icon-menu-top-hover.png) no-repeat 15px 17px; color: #FF0000!important; }
input[type="search"] { height: 40px!important; border-radius: 3px 0 0 3px!important; }
.searchform .button.icon { border-radius: 0 3px 3px 0!important; height: 40px!important; }
.paddingbottom { padding-bottom: 0 !important; }
.footer2025 { padding-top: 35px!important; }
.diachifooter { font-size: 15px; }
.footerh3 h3 {  font-size: 20px; margin-bottom: 10px; }
.menufooter ul {}
.menufooter ul li { list-style-type: none; margin-left: 0!important; color: #000 !important; }
.menufooter ul li a { background: url(icon-menu-footer.png) no-repeat 0 7px; padding-left: 15px !important; color: #FFF !important; text-transform: capitalize; }
.menufooter ul li a:hover { background: url(icon-menu-footer-hover.png) no-repeat 0 7px; color: #FFFF00 !important; }
.footerh3 { padding-top: 50px!important; }
.absolute-footer { padding: 0; }

/***************LAYOUT NEWS***************/
.blog-archive .post-item {
    padding-bottom: 15px;
}
.list-post1 .post-item .col-inner, .list-post2 .post-item .col-inner {
    padding: 0;
    border: none;
}
.list-post1 .post-item .box {
}
.blog-archive .post-item .box-image {
vertical-align: initial;
}
.list-post1 .post-item .box-image .image-cover {
    padding-top: 70% !important;
}
.list-post1 .post-item .box-text {
    padding: 10px 0 0px 0px !important;
}
.blog-archive .post-item .post-title {
    font-size: 16px;
    color: #000;
    font-weight: 800;
}
.list-post1 .post-item .post-title {
    color: #000;
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	text-transform: uppercase;
}
.blog-archive .post-item .from_the_blog_excerpt {
    font-size: 15px;
    line-height: 20px;
	text-align: justify;
	color: #535353;
}
.list-post1 .post-item .from_the_blog_excerpt {
}
.list-post2 .post-item {
    padding-bottom: 10px !important;
}
.list-post2 .post-item .box-image .image-cover {
    padding-top: 80% !important;
}
.list-post2 .post-item .post-title {
    font-size: 16px;
    color: #000;
    font-weight: 800;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.list-post2 .post-item .from_the_blog_excerpt {
}
.blog-archive .post-item .col-inner {
    padding: 0;
}
.blog-archive .post-item .box-image .image-cover {
    padding-top: 70% !important;
}
.blog-archive .post-item .box-text {
    padding: 0;
    padding-left: 15px;
	vertical-align: top;
}
.image-cover img { border-radius: 3px !important; }
.is-divider { display: none !important; }
.badge { width: 2em; height: 2em; }
.recent-blog-posts-li .badge { width: 3em !important; height: 3em !important; border-radius: 3px; }
.recent-blog-posts-li .badge-inner { background: !important; border-radius: 3px; }
.widget .widget-title { background: #28478a url(widget.png) no-repeat 10px 12px; border-radius: 3px 3px 0 0; width: 100%; color: #FFF; text-transform: uppercase; text-indent: 35px; padding: 10px 0; display: block; }
.flatsome_recent_posts ul { border-bottom: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; padding: 0; }
.flatsome_recent_posts .mr-half { margin-right: 10px!important; margin-left: 5px!important; margin-top: 5px !important; border-radius: 3px; }
.recent-blog-posts a { color: #000!important; }
.recent-blog-posts a:hover { color: #FF0000!important; }
.recent-blog-posts a { margin-right: 5px; }
.widget { margin-bottom: 15px; }
.widget ul { border-bottom: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; padding: 0; }
.widget ul li { }
.widget_categories ul li a { background: url(icon-main-menu-right.png) no-repeat 15px 16px; color: #000!important; text-transform: capitalize; text-indent: 30px; font-size: 15px; }
.widget_categories ul li a:hover { background: url(icon-main-menu-right-hover.png) no-repeat 15px 16px; color: #FF0000!important; }
.widget_product_categories ul li a { background: url(icon-main-menu-right.png) no-repeat 10px 15px; color: #000!important; text-transform: capitalize; text-indent: 25px; font-size: 14px; }
.widget_product_categories ul li a:hover { background: url(icon-main-menu-right-hover.png) no-repeat 10px 15px; color: #FF0000!important; }
.post_comments { display: none; }
.row-divided > .col + .col:not(.large-12) { border-left: 0; }
.entry-header-text { padding: 0; }
h1.entry-title { text-transform: uppercase; color: #28478a; }
.page-title { text-transform: uppercase; color: #28478a; }
.nav-tabs > li.active > a {
  font-size: 20px;
}
.fa-book::before {
  margin-right: 5px;
}
.btn-sticky {
  position: fixed;
  transition: all 0.3s;
  z-index: 100;
  width: auto;
  height: auto;
  background: none;
  left: 0 !important;
  bottom: 0 !important;
  top: auto;
  border-radius: 0;
  transform-origin: right bottom !important;
  opacity: 1;
  visibility: visible;
}
.btn-sticky span {
  background: #bd8b1b;
  padding: 10px 20px;
  display: block;
  color: #fff;
  font-weight: bold;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  text-transform: uppercase;
  font-size: 15px;
}
.form-lien-he .input-group {
  background: white;
  display: inline-block;
  width: 100%;
  clear: both;
  border: 1px solid #ced4da;
  border-radius: 5px;
  margin-bottom: 10px;
}
.wpcf7 p {
  margin: 0;
  padding: 0;
}
.form-lien-he .fa, .form-lien-he .fas {
  display: inline-block;
  width: 10%;
  float: left;
  padding: 10px 7px;
  text-align: center;
}
.form-lien-he .wpcf7-form-control-wrap {
  display: inline-block;
  float: right;
  width: 90%;
}
.form-lien-he input, .form-lien-he textarea, .form-lien-he select {
  box-shadow: none;
  font-size: 14px;
  margin-bottom: 0;
  border: none;
    border-left-width: medium;
    border-left-style: none;
    border-left-color: currentcolor;
  border-left: 1px solid #dcdcdc;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.form-lien-he input[type="submit"] {
  font-weight: bold;
  font-size: 17px;
  border-radius: 5px;
  display: block;
  width: 100%;
  box-shadow: none;
  border: none;
  background: linear-gradient(90deg, rgba(189,139,27,1) 6%, rgba(244,217,116,1) 50%, rgba(189,139,27,1) 100%);
}

.anhborder img { border-radius: 3px; }
.lightbox-content {
  padding: 15px !important;
  border-radius: 10px;
}
.lightbox-content .form-lien-he, .widget .form-lien-he {
  border-radius: 10px;
  padding: 15px;
  background: linear-gradient(343deg, rgba(0, 85, 116, 1.0), rgba(0, 139, 179, 1.0));
}

.text-popup { text-align: center; }
.text-popup h3 {
  color: #ffd752;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 30px;
  font-size: 22px;
}
.text-popup br {
  display: block;
}
.text-popup h4 {
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 5px;
  font-size: 15px;
}
.text-popup h5 {
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 15px;
  font-size: 15px;
}
.wpcf7-spinner {
  display: none;
}
form { margin-bottom: 0; }
.thongtinfooter { color: #fff!important; }


.off-canvas-left.mfp-ready .mfp-content{background-color: #525252;}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: none;
    font-size: 16px; 
	color:white;
	text-transform: capitalize;
}
.off-canvas:not(.off-canvas-center) .nav-vertical li ul{padding-bottom:0!important; background:#ababab; margin-bottom: -2px;}
.off-canvas:not(.off-canvas-center) .nav-vertical li ul li{border-bottom:1px solid #FFF}
.icon-angle-down:before {
    color: #FFF;
}
.off-canvas-left .mfp-content {
  --drawer-width: 300px!important;
}
.header {
  box-shadow: 1px 1px 10px rgba(0,0,0,.15);
}
/***************GIFT***************/
.product-short-description-uudai { margin-top: 35px; }
.product-gifts .content_choose_gift {
    display: block;
    width: 100%;
}

.content_choose_gift .content_choose_gift_select .content_choose_gift_select_info {
    border: 1px solid #d0021b;
    border-radius: 5px;
    padding: 30px 10px 0 10px;
    position: relative;
}
.content_choose_gift .content_choose_gift_select .content_choose_gift_select_info h5 {
    line-height: 30px;
    color: #fff;
    font-size: 15px;
    position: absolute;
    left: 0;
    top: -15px;
    padding: 0 10px;
}
.content_choose_gift .content_choose_gift_select .content_choose_gift_select_info h5 span {
    display: inline-block;
    background: #ec1933;
    border-radius: 20px;
    padding-right: 15px;
    height: 30px;
    overflow: hidden;
}
.content_choose_gift .content_choose_gift_select .content_choose_gift_select_info h5 img {
    width: 25px;
    height: 25px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 2px;
}
.list_gift_title {
	list-style: none;
    display: block;
    width: 100%;
    padding: 0;
    color: #000;
    margin-bottom: 0;
	text-transform: uppercase;
}
.list_gift_title li {
    margin-bottom: 10px;
    list-style: none;
    position: relative;
    padding-left: 22px;
    font-size: 14px;
	background: url(V.png) no-repeat 0px 4px;
	margin-left: 0;
}


.content_choose_gift_select {
	margin-bottom: 20px;
}
.product-short-description-hotline { background: #d5f0dd; color: #856404; font-weight: bold; padding: .75rem 1.25rem; border-radius: 3px; }
.hotlinectsp .icon-box-text { padding-top: 1px; padding-left: 10px; }
.hotlinectsp a { font-size: 20px; }
.button { border-radius: 3px; }
.woocommerce-tabs .nav > li.active > a {
  color: #000000 !important;
}
.pswp img { border-radius: 3px; }
.product-footer { margin-top: 25px; }

/* Goi Lai*/
.goilai {
  background: linear-gradient(-180deg,#091 2%,#091 96%);
  border-radius: 4px;
  margin-top: 10px;
  padding: 10px 2px 0px 10px;
  margin-bottom: 25px;
  display: flex;
}
.goilai h4 {
display: block;
text-transform: none;
margin-bottom: 0px;
font-size: 10px;
font-weight: bold;
color: #fff;
text-align: left;
background: url(hotline-icon.png) 0px 7px no-repeat;
  background-size: auto;
background-size: 24px;
padding: 0px 0px 1px 30px;
width: 200px;
text-transform:uppercase;
}
.goilai h4 b {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
}
.goilai p {
  margin: 0 0 0px 0 !important;
}
.goilai .wpcf7-spinner {
  display: none !important;
}
.goilai  .wpcf7 form .wpcf7-response-output {
  display: none;
}
.goilai .wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel {
  border: none;
width: calc(100% - 64px);
float: left;
height: 30px;
border-radius: 4px;
padding-left: 10px;
box-sizing: border-box;
font-size: 14px;
  }
.wpcf7-form{
  margin-bottom: 0.1em;
}
.goilai .form-flat button, .goilai .form-flat input {
  border-radius: 4px;
}
.goilai input[type="submit"], .goilai input[type="submit"].button, .goilai input[type="submit"], .goilai .primary {
  background: #28478a;
  width: 45px;
  height: 26px;
  border: none;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 4px;
  float: right;
  cursor: pointer;
  font-weight: bold;
  padding-left: 10px;
  font-size: 12px;
}
.goilai br { display: block !important; }
.wpcf7 .wpcf7-not-valid-tip { float: le; }


@media (min-width: 240px) and (max-width: 767px) {
.cart-icon strong { width: 23m; height: 2em; }
.category-page-row .product-title { height: auto; }
.blog-archive .post-item .box-text { padding-left: 0; }
.mobile-nav.nav > li > a { color: #000 !important; }
.off-canvas .nav-vertical > li > a { color: #FFF!important; text-transform: uppercase!important; font-weight: normal !important; }
.sanphamtrangchu .product-title { height: auto; }
}