/*
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.   ***************/

#button-contact-vr {
    position: fixed;
    bottom: 100px;
    z-index: 999;
    right: 0;
  }
  
  /*phone*/
  #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: #cf203170;
    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: #CF2031;
    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%);
  }
  
  @-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
    }
  }
  
  .phone-bar a {
    position: fixed;
    bottom: 25px;
    left: 30px;
    z-index: -1;
    color: #fff;
    font-size: 16px;
    padding: 8px 15px 7px 50px;
    border-radius: 100px;
    white-space: nowrap;
  }
  
  .phone-bar a:hover {
    opacity: 0.8;
    color: #fff;
  }
  
  #zalo-vr .phone-vr-img-circle {
    background-color: #1F5E9D;
  }
  
  #zalo-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #1f5e9da3;
    background-color: #1f5e9d7a;
  }
.top-hd{

}
.top-hd ul{
  
}
.top-hd ul li{
  display: inline-flex;
  margin: 0 20px;
}
.top-hd ul li a{
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #5D5D5D;
}
.top-hd ul li a i{
  
}
#top-bar{
  border-bottom: 1.13px solid #E2E8F0;
}
.searchform-wrapper{

}
.searchform-wrapper .searchform{
  background: #F1F5F9;
  border-radius: 13px;
  height: 53px;
  padding: 0px 15px;
}
.searchform-wrapper .searchform button{background-color: transparent;border: unset;}
.searchform-wrapper .searchform button i{
  color: #94A3B8;
}
.searchform-wrapper .searchform input{font-weight: 400;font-size: 15.75px;color: #6B7280;background-color: transparent;border: unset;box-shadow: unset;}
.header-cart-link{background: #2E4B94;border-radius: 10px;padding: 10px 20px !important;}
.header-cart-link span{
font-weight: 700;
font-size: 12.53px;
line-height: 21.49px;
text-transform: uppercase;
color: #ffffff;
}
.header-cart-link i{color: #fff;}
#masthead{
  box-shadow: 0px 1.13px 2.25px 0px #0000000D;

}
#wide-nav>.flex-row>.flex-left{
  max-width: 284px;
  margin-right: 50px;
}
#mega-menu-wrap{
  background: #2E4B94;
border-radius: 3px;

}
#mega-menu-title i{

}
#mega-menu-title{
font-weight: 700;
font-size: 16.04px;
text-transform: uppercase;
color: #ffffff;
}
ul.header-nav{

}
ul.header-nav>li{margin: 0 28px;}
ul.header-nav>li>a{
font-weight: 700;
font-size: 15.75px;
line-height: 22.5px;
color: #333333;

}
.header-bottom-nav .nav-dropdown {
    padding: 0;
}
#wide-nav{
  border-bottom: 1.13px solid #E2E8F0;
}
.slider-home img{
  border-radius: 27px;
}
#main, #wrapper {
    background-color: #fefefe;
}
.text-title{
  background: #F0F0F0;
  border-radius: 18px;
  padding: 20px 0;
  /* display: flex; */
  /* align-items: center; */
}
.text-title h2{
  margin-bottom: 0;
}
.text-title h2 span{font-weight: 700;font-size: 24px;line-height: 24.26px;color: #2E4B94;background: #FFFFFF;position: relative;padding: 10px 111px;border-radius: 10px;}
.text-title h2 span::before{
  content: "";
  position: absolute;
  left: -20px;
  top: 10px;
  background: #FFFFFF;
  width: 11px;
  height: 34px;
  border-radius: 10px;
}
.text-title h2 span::after{
  content: "";
  position: absolute;
  right: -20px;
  top: 10px;
  background: #FFFFFF;
  width: 11px;
  height: 34px;
  border-radius: 10px;
}
.home-cate{

}
.home-cate .col{

}
.home-cate .box-category{
  box-shadow: 0px 25.27px 50.55px 0px #0000000F;
  background: #FFFFFF;
  border-radius: 25px;
  padding: 15px;
}
.home-cate .box-category img{
  border-radius: 11px;
}
.home-cate .box-category .box-text{padding-bottom: 0;padding-top: 20px;}
.home-cate .box-category .box-text h5{font-weight: 700;font-size: 15px;color: #000000;text-transform: unset;margin-bottom: 15px;}
.home-cate .box-category .box-text p{background: hsl(0deg 0% 85% / 30%);font-weight: 700;font-size: 14.38px;line-height: 24.26px;color: #115D8E;border-radius: 9px;padding: 7px 0;}
.title-dmsp{

}
.title-dmsp h3{border-bottom: 3px solid #D9D9D9;padding-bottom: 12px;}
.title-dmsp span{font-weight: 700;font-size: 27px;line-height: 36px;color: #0F172A;border: unset;text-transform: unset;position: relative;margin-right: 0;padding-left: 19px;padding-bottom: 0;}
.title-dmsp span::before{
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 9px;
  height: 88%;
  background: #2E4B94;
  border-radius: 10px;
}
.title-dmsp a{
font-weight: 700;
font-size: 18px;
line-height: 27px;
color: #2E4B94;

}
.product-small.box{
     box-shadow: 0px 25.27px 50.55px 0px #0000000F;
     background: #FFFFFF;
     border-radius: 15px;
     padding: 10px;
}
.product-small.box .box-image{

}
.product-small.box .box-text{padding-left: 0;padding-right: 0;padding-bottom: 0;}
.product-small.box .box-text p.product-title{position: relative;/* padding-bottom: 15px; */margin-bottom: 10px;}
.product-small.box .box-text p.product-title::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 44px;
  height: 6px;
  background: url(images/linesp.png) no-repeat;
  margin: 0 auto;
  display: none;
}
.product-small.box .box-text p.product-title a{
font-weight: 700;
font-size: 12.71px;
color: #000000;

}
.product-small.box .box-text .price-wrapper{

}
.product-small.box .box-text .price-wrapper .woocommerce-Price-amount{font-weight: 700;font-size: 20.68px;line-height: 100%;color: red;}
.product-small.box .box-text .price-wrapper del .woocommerce-Price-amount{
  font-size: 16px;
  color: #000000;
  line-height: 21px;
}
.product-small.box .box-text .add-to-cart-button{

}
.product-small.box .box-text .add-to-cart-button a{
  background: #2E4B94;
  font-weight: 700;
  font-size: 12px;
  color: #FFFFFF;
  width: 100%;
  padding: 5px 0px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  gap: 8px;
  text-transform: unset;
}
.product-small.box .box-text .add-to-cart-button a::before{
  content: "";
  width: 19px;
  height: 20px;
  background: url(images/cartsp.png) no-repeat;
  display: block;
}
.onsale{
  background: #2E4B94;
  color: #ffffff;
  font-size: 14px;
  border-radius: 50%;
  width: 36px;
  height: 28px;
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
}
.title-dmsp.new h3{
  border: unset;
}
.box-blog-post{border: 1px solid #ececec;box-shadow: 0px 25.27px 50.55px 0px #0000000F;background: #FFFFFF;border-radius: 15px;overflow: hidden;margin-bottom: 20px;}
.box-blog-post .box-text{padding: 15px;}
.box-blog-post .box-text .cat-label{font-weight: 700;font-size: 13.5px;line-height: 18px;text-transform: uppercase;color: #115D8E;opacity: 1;}
.box-blog-post .box-text h5.post-title{margin-bottom: 10px;}
.box-blog-post .box-text h5.post-title a{font-weight: 700;font-size: 18px;line-height: 27px;color: #0F172A;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;height: 55px;}
.box-blog-post .box-text .from_the_blog_excerpt{font-weight: 400;font-size: 15.75px;line-height: 22.5px;color: #64748B;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;height: 70px;}
.box-blog-post .box-text .post-meta{
font-weight: 400;
font-size: 13.5px;
line-height: 18px;
color: #94A3B8;

}
.xPartner1 {
    padding: 37.5px;
    background: #ffffff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 25.27px 50.55px 0px #0000000F;
    margin-top: 5px;
}

.xPartner1Text1 {
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 118px;
    color: #414846;
    font-size: 15px;
}

.xPartner1Content {
    display: flex;
    gap: 15px;
    align-items: center;
    border-top: 1px solid #D9D9D9;
    padding-top: 30px;
    margin-top: 30px;
}

.xPartner1Thumb {
    flex-basis: 80px;
    width: 80px;
}

.xPartner2Cover {
    /* width: 68.97px; */
    border-radius: 5.98px;
    overflow: hidden;
    height: 80px;
}
.xPartner2Cover img {
    min-width: 80px;
    min-height: 80px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.xPartner1GroupText {
    /* flex-wrap: wrap; */
    /* display: flex; */
}

.xPartner1Text2 {
    color: #5D4434;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 7px;
    color: #DF1D03;
}

.xPartner1Text3 {
    font-size: 11.25px;
    color: #414846;
    line-height: 15px;
}

.xPartner1Play {
    background: url(images/iPhay.png) left top no-repeat;
    height: 48px;
    margin-bottom: 30px;
}
.slider-dt img{
border: 1px solid #ececec;
    box-shadow: 0px 25.27px 50.55px 0px #0000000F;
    border-radius: 5px;
}
.logo-ft p {
    font-weight: 400;
    font-size: 14px;
    line-height: 22.75px;
    color: #64748B;
}
.tienich-ft{

}
.tienich-ft p{margin-bottom: 0;}
.tienich-ft img{
  margin-bottom: 0 !important;
}
.footer-h3{margin-bottom: 20px;}
.footer-h3 h3{
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #0F172A;

}

.footer-h3 h4{
font-weight: 700;
font-size: 14px;
line-height: 27px;
color: #115D8E;
}
.icon-ft{align-items: center;margin-bottom: 15px;}
.icon-ft .icon-box-img{
max-width: 15px !important;
}
.icon-ft .icon-box-img img{
  padding-top: 0;
}
.icon-ft .icon-box-text{
  
}
.icon-ft .icon-box-text p{font-weight: 400;font-size: 15px;line-height: 20px;color: #64748B;}
.menu-footer{

}
.menu-footer .menu-item{

}
.menu-footer .menu-item a{font-weight: 400;font-size: 14px;line-height: 20px;color: #64748B;padding-top: 0;}
.menu-footer .menu-item a span{
  
}
.text-dki{

}
.text-dki p{
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #64748B;
}
#newsletter-form{

}
#newsletter-form p{display: flex;gap: 5px;}
#newsletter-form input.wpcf7-email{
  background: #F1F5F9;
  box-shadow: unset;
  border: unset;
  border-radius: 8px;
  margin-bottom: 0;
}
#newsletter-form input.wpcf7-submit{
  margin: 0;
  font-size: 14px;
  border-radius: 8px;
  text-transform: unset;
}
#newsletter-form .wpcf7-spinner{
  display: none;
}
.text-copyright{

}
.text-copyright p{font-weight: 400;font-size: 13px;line-height: 16px;color: #94A3B8;margin-bottom: 0;}
.pageBreamBox {
    background-color: rgb(242, 242, 242);
    padding: 10px 0;
    margin-bottom: 15px;
}
#secondary .widget {
    border-radius: 5px;
    overflow: hidden;
}

#secondary .widget .widget-title {
    background: #2E4B94;
    color: white;
    display: block;
    padding: 15px 30px;
}

#secondary .widget .widget-title span {
}

#secondary .widget .is-divider {
    display: none;
}

#secondary .widget.widget_categories ul {
    width: 100%;
    border: 1px solid #f2f2f2;
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: white;
}

#secondary .widget.widget_categories ul li {
    border: none !important;
}

#secondary .widget.widget_categories ul li a {
    border-bottom: 1px dashed #cecaca !important;
    display: block;
    line-height: 18px;
    padding: 10px 24px 10px 5px;
    position: relative;
    margin-bottom: 0;
    color: black;
}

#secondary .widget.widget_categories ul li:last-child a {
    border: none;
}

#secondary .widget.widget_categories ul li:last-child a {
    border: none !important;
}
#comments{
  display: none;
}
.relate-post {
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    font-size: 1.5em;
    color: #2E4B94;
    text-transform: uppercase;
}

.postTwo {
    background-color: white;
    padding: .75rem;
    border-radius: .5rem;
    margin-bottom: 33px;
    display: flex;
    gap: .75rem;
    align-items: center;
}

.postRelate {
    flex-wrap: wrap;
    background: white;
    box-shadow: -2px 3px 20px 0px rgb(0 0 0 / 8%);
    -webkit-box-shadow: -2px 3px 20px 0px rgb(0 0 0 / 8%);
    -moz-box-shadow: -2px 3px 20px 0px rgb(0 0 0 / 8%);
    margin-bottom: 0px !important;
}

.postTwoThumb {
    width: 202px;
    flex-shrink: 0;
    border-radius: .25rem;
    overflow: hidden;
}

.postRelate .postTwoThumb {
    width: 100%;
    height: 160px;
}

.postTwoThumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 1s;
    transition-duration: .3s;
}

.postTwoTitle a {
    font-size: 1em;
    color: black;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-weight: bold;
    height: 49px;
    margin-bottom: 5px;
}

.postTwoDescription {
    font-size: 0.90em;
    color: black;
    /* line-height: normal; */
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 48px;
}
.shop-page-title h1{
  font-weight: 700;
  font-size: 18px;
  margin: 0;
  line-height: 1.5em;
  padding: 8px;
  display: block;
  /* text-align: center; */
  text-transform: uppercase;
  color: #115D8E;
}
#shop-sidebar .widget {
    border-radius: 5px;
    overflow: hidden;
}

#shop-sidebar .widget .widget-title {
    background: #2E4B94;
    color: white;
    display: block;
    padding: 15px 30px;
}

#shop-sidebar .widget .widget-title span {
}

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

#shop-sidebar .widget.widget_categories ul {
    width: 100%;
    border: 1px solid #f2f2f2;
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: white;
}

#shop-sidebar .widget.widget_categories ul li {
    border: none !important;
}

#shop-sidebar .widget.widget_categories ul li a {
    border-bottom: 1px dashed #cecaca !important;
    display: block;
    line-height: 18px;
    padding: 10px 24px 10px 5px;
    position: relative;
    margin-bottom: 0;
    color: black;
}

#shop-sidebar .widget.widget_categories ul li:last-child a {
    border: none;
}

#shop-sidebar .widget.widget_categories ul li:last-child a {
    border: none !important;
}
.term-description{
  overflow: hidden;
}
.category-page-row {
    padding-top: 0px;
}
ul.product-info{
    margin:15px 0;
    padding:0;
  
}

ul.product-info li{
    margin-bottom:8px;
    line-height:1.6;
}

ul.product-info strong{
    font-weight:700;
}

ul.product-info a{
    color:#0066cc;
    text-decoration:none;
}

ul.product-info a:hover{
    text-decoration:underline;
}
.buton-hotline{display: flex;gap: 20px;}
.buton-hotline a{
  background: #115D8E;
  color: #ffffff;
  flex: 0 0 49%;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  display: block;
}
.buton-hotline a span{
  display: block;
}
.product-main{
  padding-top: 0;
}
.product-info {
    padding-top: 0;
}
@media(max-width:549px){
  .text-title h2 span{
        font-size: 20px;
    padding: 10px 15px;
  }
  .title-dmsp span{
    font-size: 22px;
  }
  .product-small.box .box-text .price-wrapper .woocommerce-Price-amount{
    font-size: 16.68px;
  }
  .text-title h2 span::before{
    top: 5px;
  }
  .text-title h2 span::after{
    top: 5px;
  }
  .row-footer .col{
    padding-bottom: 30px;
  }
  .bai-viet-lien-quan{
    margin-bottom: 30px;
  }
  #mega_menu{
    display: block;
  }
  .product-info {
    padding-top: 30px;
}
.buton-hotline{
  gap: 5px;
}
.buton-hotline a{
  padding: 10px 0px;
}
.ux-quantity.quantity{
  width: 100%;
    margin: 0 auto;
    text-align: center;
}
}
 .product-info .price-wrapper .woocommerce-Price-amount {
    font-weight: 700;
    font-size: 25.68px;
    line-height: 100%;
    color: red;
}