@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


body {
    font-family: 'Be Vietnam Pro',sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #000
} 
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical>li>a,
.nav>li>a {
     font-family: "Be Vietnam Pro", sans-serif;
	     font-size: 15px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.nav-column>li>a,
.nav-dropdown>li>a,
.nav-vertical-fly-out>li>a,
.nav>li>a ,
.nav-column li.active>a,
.nav-column li>a:hover,
.nav-dropdown li.active>a,
.nav-dropdown>li>a:hover,
.nav-vertical-fly-out>li>a:hover,
.nav>li.active>a,
.nav>li.current>a,
.nav>li>a.active,
.nav>li>a.current,
.nav>li>a:hover {
    color: #000;
}


h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
    font-weight: 900;
    font-style: normal;
}


.overflow > .col-inner {
	overflow:hidden;
}

.fw100 { font-weight: 100; }
.fw200 { font-weight: 200; }
.fw300 { font-weight: 300; }
.fw400 { font-weight: 400; }
.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
.fw800 { font-weight: 800; }
.fw900 { font-weight: 900; }



.h1,
h1 {
    font-size: 2em;
}

.h2,
h2 {
    font-size: 1.75em;
}

.h3,
h3 {
    font-size: 1.5em;
}

.h4,
h4 {
    font-size: 1.25em;
}

.h5,
h5 {
    font-size: 1.125em;
}










.bg_icon{background:#feca26;}
.hotline {
    padding-left: 50px;
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 30px;
    justify-content: end;
    text-align: end;
    padding-right: 50px;
}
.hotline .icon.bg_icon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 20px;
    border-radius: 100%;
    margin-right: 5px;
    position: absolute;
    right: 0px;
}.hotline span,.hotline strong{display:block;}

.hotline span, .hotline strong {
    display: block;
    font-weight: 800;
    font-size: 1.3em;

}
.hotline span{color:#fff;font-size:1em;}

.hotline strong{	color:#feca26;font-weight: 900;}



.inline-fields {
    display: flex;
    gap: 10px;
    justify-content: center;

}

.inline-fields input[type="email"], .inline-fields input[type="tel"] {
    padding: 0px 15px;
    border: none;
    border-radius: 5px;
    height: 45px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    width: 100%;
    line-height: 45px;
    display: block;
}
.inline-fields input[type="submit"] {
    padding: 0 10px;
    background-color: #b52a37;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
}

.inline-fields input[type="submit"]:hover {
  background-color: #9e232f;
}
span.wpcf7-spinner {
    display: none;
}
footer .wpcf7-form-control-wrap input::placeholder {
  color: #888 !important; /* hoặc #555, #999 tùy nền */
  opacity: 1; /* đảm bảo hiển thị rõ */
}
@media (max-width: 600px) {
  .inline-fields {
    flex-direction: column;
    align-items: stretch;
  }
}
.product-small.box .box-text {
  
    padding: 15px;
    height: 100%;
}

.product-small.box  .woocommerce-loop-product__title a {
    height: 45px;
    line-height: 22px !important;
    overflow: hidden;
    font-weight: 500;
    margin: 0px;
    display: block;
    margin-bottom: 0px;
    text-align: left;
}
.row.row-thong-tin {
    text-align: left;
	font-size:13px;
	color:#666
}
.giasanpham p.price {
    padding-top: 5px;
    color: red;
    font-weight: bold;
    font-size: 120%;
}









span.widget-title {
    background-color: #0079b6;
    color: #fff;
    display: block;
    text-align: center;
    padding: 15px 5px;
    margin-bottom: 15px;
}
.widget {
    box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}
.widget .is-divider {
    display: none;
}
.widget .textwidget {
    padding: 0px 15px;
}




.real_contact {
    margin-bottom: 30px;
    border: 1px solid #dbdbdb;
    padding: 0px;
}
.real_contact>h3 {
    background-color: #bcd7ec;
    color: #000;
    margin-top: 0;
    font-weight: 700;
    padding: 8px 20px 7px 20px;
    margin-left: auto;
    font-size: 15px;
    font-family: "Be Vietnam Pro", sans-serif;
    text-transform: uppercase;
}

.real_contact td {
    padding: .5em 15px;
}

.real_contact  .contact_button {
    display: flex;
    justify-content: space-between;
}
.real_contact  .contact_button .button {
	margin-right:0px;
}








@media all{
#button-contact-vr{position:fixed;bottom:0;z-index:99999;}
#button-contact-vr .button-contact{position:relative;margin-top:-5px;}
#button-contact-vr .button-contact .phone-vr{position:relative;visibility:visible;background-color:transparent;width:90px;height:90px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s;left:0;bottom:0;display:block;}
.phone-vr-circle-fill{width:65px;height:65px;top:12px;left:12px;position:absolute;box-shadow:0 0 0 0 #c31d1d;background-color:rgba(230,8,8,0.7);border-radius:50%;border:2px solid transparent;-webkit-animation:phone-vr-circle-fill 2.3s infinite ease-in-out;animation:phone-vr-circle-fill 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animuiion:zoom 1.3s infinite;animation:zoom 1.3s infinite;}
.phone-vr-img-circle{background-color:#e60808;width:40px;height:40px;line-height:40px;top:25px;left:25px;position:absolute;border-radius:50%;overflow:hidden;display:flex;justify-content:center;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phone-vr-circle-fill 1s infinite ease-in-out;}
.phone-vr-img-circle a{display:block;line-height:37px;}
.phone-vr-img-circle img{max-height:25px;max-width:27px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.phone-bar a{position:absolute;margin-top:-65px;left:30px;z-index:-1;color:#fff;font-size:16px;padding:7px 15px 7px 50px;border-radius:100px;white-space:nowrap;}
.phone-bar a:hover{opacity:0.8;color:#fff;}
@media (max-width:736px){
.phone-bar{display:none;}
}
#zalo-vr .phone-vr-circle-fill{box-shadow:0 0 0 0 #2196F3;background-color:rgba(33,150,243,0.7);}
#zalo-vr .phone-vr-img-circle{background-color:#2196F3;}
#gom-all-in-one .button-contact{transition:1.6s all;-moz-transition:1.6s all;-webkit-transition:1.6s all;}
#messenger-vr .phone-vr-circle-fill{box-shadow:0 0 0 0 #6a4ffe;background-color:rgb(106 79 254 / 50%);}
#messenger-vr .phone-vr-img-circle{background-color:#6a4ffe;}
#messenger-vr .phone-vr-img-circle img{max-width:100%;max-height:100%;}
}
.phone-bar a,#phone-vr .phone-vr-circle-fill,#phone-vr .phone-vr-img-circle{background-color:#dd3333;}
#phone-vr .phone-vr-circle-fill{opacity:0.7;box-shadow:0 0 0 0 #dd3333;}
#button-contact-vr{right:0;}
.phone-bar a{left:auto;right:30px;padding:8px 55px 7px 15px;}
#button-contact-vr{bottom:5%;}
@-webkit-keyframes phone-vr-circle-fill{0%{-webkit-transform:rotate(0) scale(1) skew(1deg);}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);}}
@-webkit-keyframes zoom{0%{transform:scale(.9);}70%{transform:scale(1);box-shadow:0 0 0 15px transparent;}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent;}}
@keyframes zoom{0%{transform:scale(.9);}70%{transform:scale(1);box-shadow:0 0 0 15px transparent;}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent;}}
@-webkit-keyframes phonering-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg);}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);}}



.absolute-footer.dark {
    display: none;
}

.section-title-center:after {
    content: "";
    display: table;
    clear: both;
    background: url(img/line.png);
    width: 100%;
    height: 10px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    padding-top: 0;
}
.section-title-center.section-title b {
    opacity: 0;
}


.bds-search-form .col {
    padding-bottom: 0px !important;
}

.bds-search-form input, .bds-search-form button, .bds-search-form select {
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
}

.upload-section { margin-bottom:20px; }
.upload-label { font-weight:600; display:block; margin-bottom:6px; }
.upload-box { border:1px dashed #ccc; padding:10px; border-radius:8px; background:#fafafa; }
.upload-drop {
    display: inline-block;
    cursor: pointer;
    color: #333;
    font-weight: normal;
    font-size: 78%;
}
.preview { margin-top:10px; }
.preview img {
    border-radius: 6px;
    border: 1px solid #ddd;
    max-width: 100% !important;
    height: 100px;
    object-fit: cover;
}
.preview-grid { display:flex; flex-wrap:wrap; gap:10px; margin-top:10px; }
.preview-grid .gallery-item {
    position: relative;
    width: auto;
    padding: 0px;
}
.preview-grid img { width:120px; height:120px; object-fit:cover; border-radius:6px; border:1px solid #ddd; }
.remove-thumb,
.remove-thumb, .remove-gallery {
    position: absolute;
    top: 4px;
    right: 4px;
    background: #e53935;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    min-height: auto;
    margin-right: 0px;
}
  
  
  .upload-section.anh_thumbnail {
    width: 200px;
}
.upload-section.anh_thumbnail img {
    width: 200px!important;
}

div#price_preview {
    position: absolute;
    bottom: -1px;
    font-size: 13px;
    left: 22px;
}


.loading-overlay {
  display: none;
  position: fixed;
  top:0; left:0; right:0; bottom:0;
  background: rgba(255,255,255,0.7);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}
.spinner {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #0073aa;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg);}
}



.search_widget .large-6 {
    flex-basis: 100% !important;
    max-width: 100% !important;
}
.search_widget {
	padding-bottom:15px;
}

li.html.custom.html_topbar_left:hover ul.nav-dropdown {
    opacity: 1;
    visibility: visible;
    left: auto;
}
.woocommerce-MyAccount-content {
    max-width: 800px;
    margin: 0 auto;
}

span.badge.bg-danger {
    background-color: #d7161a;
    font-size: 13px;
    width: 55px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
	position:absolute;top:10px;left:10px;z-index:10;
	color:#fff;
}


.flatsome_recent_posts ul {
    margin: 0 15px;
}
.flatsome_recent_posts ul a {
    font-size: 85%;
}
span.post_comments {
	display:none;
}


.quick_form .wpcf7-submit {
    background-color: #000 !Important;
}
b.red {
    color: red;
}


.product-small .box-image {
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    aspect-ratio: 1/1;
}
.product-small .box-image>a,.product-small  .box-image>div>a {
    display: block;
    height: 100%;
}
.product-small .box-image .image-fade_in_back {
    height: 100%;
}
.product-small .box-image img {
    height: 100% !important;
    object-fit: cover;
}

li:empty {
  display: none;
}

.box-text p.thoi-gian.dia_chi {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}



.product-small .box-image {

}
.product-small .box-image::after {
    background: url(img/WatermarkBds.png);
    content: " ";
    width: 100%;
    height: 45px;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center right;
}