/* Roboto Thin - 100 */
/* @font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/static/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
} */

/* Roboto Thin Italic - 100 */
/* @font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/static/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
} */

/* Roboto ExtraLight - 200 */
/* @font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/static/Roboto-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
} */

/* Roboto ExtraLight Italic - 200 */
/* @font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/static/Roboto-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
} */

/* Roboto Light - 300 */
/* @font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/static/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
} */

/* Roboto Light Italic - 300 */
/* @font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/static/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
} */

/* Roboto Regular - 400 */
/* @font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/static/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
 */
/* Roboto Italic - 400 */
/* @font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/static/Roboto-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
} */

/* Roboto Medium - 500 */
/* @font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/static/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
} */

/* Roboto Medium Italic - 500 */
/* @font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/static/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
 */
/* Roboto SemiBold - 600 */
/* @font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/static/Roboto-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
} */

/* Roboto SemiBold Italic - 600 */
/* @font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/static/Roboto-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
} */

/* Roboto Bold - 700 */
/* @font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/static/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
} */

/* Roboto Bold Italic - 700 */
/* @font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/static/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
} */

/* Roboto ExtraBold - 800 */
/* @font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/static/Roboto-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
} */

/* Roboto ExtraBold Italic - 800 */
/* @font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/static/Roboto-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
} */

/* Roboto Black - 900 */
/* @font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/static/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
} */

/* Roboto Black Italic - 900 */
/* @font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/static/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
} */

@font-face {
  font-family: 'Quicksand';
  src: url('fonts/quicksand/Quicksand-VariableFont_wght.ttf') format('truetype');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: 'Quicksand', sans-serif;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400;
}


button:focus {
  outline: none;
}
h1, h2, h3, h4, h5, h6 {
  line-height: 1.5;
}
.color-cyan {
    color: #216e28;
}
.color-red {
    color: #df2909; /*#fb2b06; */
}
/* body {
  font-family: 'Roboto', sans-serif;
} */
.navbar-dark .navbar-toggler-icon{
  background: none;
}
.navbar-dark .navbar-toggler-icon svg{
  fill: #000;
}
:focus {
  outline: none;
}
.fz11{
  font-size: 11px;
}
.fz12 {
    font-size: 12px;
}
.fz22{
   font-size: 22px;
}
.fz18{
   font-size: 18px;
}
.fz15{
  font-size: 15px;
}
.fz16{
   font-size: 16px;
}
.fz20{
   font-size: 20px;
}
.fz13 {
    font-size: 13px;
}
.fz14{
   font-size: 14px;
}
.fz36{
   font-size: 36px;
}
.fw-bold-600{
  font-weight: 600;
}
.letter-spacing-1{
  letter-spacing: 1px;
}
.title-all-site:after{
  content: " ";
  position: absolute;
  bottom: -3px;
  left: 0px;
  width: 250px;
  height: 2px;
  background: #93c919;
}
.view-more-home a{
  color: #216e28;
  transition: all 0.3s;
}
.view-more-home a:hover{
  color: #93c919;
}
.navbar-expand-lg .navbar-collapse{
  justify-content: space-between;
}
.menu_destop{
  background-color: #14571b;
}
.menu_destop a{
  color: #fff;
}
.menu_destop svg{
  fill: #fff;
}
.navbar-toggler:focus{
  box-shadow: none;
}
.navbar{
  padding:0;
}
.dropdown-menu{
  padding: 0;
  border-radius: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  background: #fff;
  border: none;
  box-shadow: 0 0 25px 0 #18233317;
}
.dropdown-item.active, .dropdown-item:active{
  background-color: #fff;
  color: #ffaa00;
}
.dropdown-menu li a{
  color: #333;
  font-weight: 500;
}
header .nav-item.dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease;
}
.dropdown-menu li:not(:last-child){
   border-bottom: 1px dashed #f2f2f2;
}
.dropdown-item{
   padding: 1rem;
}
.dropdown-item.active, .dropdown-item:active,
.dropdown-item:focus, .dropdown-item:hover {
  color: #ffaa00;
  background: #fff;
}
.menu_destop .navbar-nav .nav-link {
   padding: 0.8rem 1.3rem;
   font-weight: 600;
   transition: all 0.3s;
   font-size: 16px;
   color: #fff;
}

.menu_destop .nav-item.active .nav-link,
.menu_destop.navbar-dark .navbar-nav .nav-link:active,
.menu_destop.navbar-dark .navbar-nav .nav-link:focus,
.menu_destop.navbar-dark .navbar-nav .nav-link:hover{
  color: #fff609;
}

.menu-mobile{
  background-color: #216d27;
  padding: 10px 0 !important;
}

.menu-mobile .sub-menu-item{
  border-bottom: 1px solid #eee;
}
.menu-mobile .dropdown-menu{
  opacity: 1 !important;
  visibility:  visible !important;
}

.menu-mobile .navbar-collapse .email-menu{
  display: block;
}
.navbar-dark .navbar-toggler-icon svg {
    fill: #fff;
}
a:hover,
.menu-mobile .nav-item.active .nav-link,
.menu-mobile .navbar-nav .nav-link:active,
.menu-mobile .navbar-nav .nav-link:focus,
.menu-mobile .navbar-nav .nav-link:hover{
  color: #216d27;
}
.menu-mobile .navbar-nav .nav-link{
  border-bottom: 1px solid #eee;
  color: #000;
}
.menu-mobile .email-menu{
  color: #216d27;
}
.dropdown-item{
   padding: .5rem 1rem;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #216d27;
    background-color: #fff;
}
.wg-search-form-header {
    position: relative;    
    border-radius: 50px;
}
.wg-search-form-header input {
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 50px;
    padding: 0 2.8em 0 0.8em;
    transition: all 0.3s;
    border: 1px solid #cacacaf7;
}
.wg-search-form-header input:focus{
  border-color: #216d27;
}
.wg-search-form-header button {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 80px;
    background-color: #216d27;
    border: none;
    font-size: 18px;
    color: #fff;
    border-radius: 50px;
    transition: all 0.3s;
}

.wg-search-form-header input::placeholder{
  font-size: 13px;
}

.header-center ul span{
  width: 38px;
  height: 38px;
  line-height: 34px;
  border-radius: 50px;
  border: 1px solid #e5e5e5;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
}
.header-center ul .list-inline-item:not(:last-child){
  border-right: 1px solid #e5e5e5;
  padding-right: .5rem;
}
img {
  max-width: 100%;
  height: auto; }

.box-img{
    overflow: hidden;
}
.item-content-blog .info-top .item,
.lamvt-about-us .info-about a,
.box-img img{
    transition: all 0.3s;
}
.lamvt-service .box-item{
   box-shadow: 0 0 10px 0 rgb(43 52 59 / 10%);
   background-color: #fff;
   transition: all 0.3s;
   min-height: 180px;
}
.lamvt-service .box-item:hover{
  transform: translateY(-10px);
}
.lamvt-service .box-item svg{
  fill: #93c919;
}
.box-img:hover img{
    transform: scale(1.05);
}


.lamvt-about-us .info-about a{
  color: #216e28;
  border: 1px solid ;
  padding: 12px 25px;
  display: inline-block;
  border-radius: 50px;
}
.addcart-btn:hover,
.button-send-about:hover,
.adtocart-product:hover,
.item-content-project .button-project:hover,
.wg-search-form-header button:hover,
.lamvt-about-us .info-about a:hover{
  color: #fff;
  background-image: linear-gradient(to right, #216e28, #93c919);
}
.lamvt-about-us{
  background-image: url(../images/bg-about.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-position-x: 11%;
}
.item-product{
   margin-bottom: 20px;
}
.item-product .label-sale{
  top: 10px;
  left: -30px;
  color: #fff;
  padding: 5px 12px;
  transform: rotate(-45deg);
  width: 110px;
  background-color: #fb2b06; 
}
.name-product{
  line-height: 1.3;
}

.item-product .price-product{
  color: #fb2b06;
}
.item-product .price-old{
  color: #868686;
  font-weight: 300;
  text-decoration: line-through;
}
.adtocart-product{
  background-color: #f0940b;
  color: #fff;
  padding: 3px 6px;
  border-radius: 3px;
  transition: all 0.3s;
}

.boxshadow {
    box-shadow: 0 0 10px 0 rgb(24 35 51 / 8%);
    background-color: #fff;
}
 
.lamvt-news{
  background-color: #f6f6f6;
  padding: 50px 0;
}
.item-content-project{
  margin-bottom: 30px;
}
.item-content-project .button-project{
  color: #fff;
  background: #216d27;
  border-radius: 50px;
  margin-top: 30px;
  position: relative;
  display: inline-block;
}
.item-content-project .button-project:before{
  content: "";
  width: 80%;
  height: 2px;
  background: #216d27;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}
.item-content-blog{
  background-color: #fff;
  padding: 26px;
  margin-bottom: 25px;
}
.item-content-blog .date{
  left: 0;
  bottom: 0;
  background-color: #216d27;
}

.item-content-blog .date a{
  color: #fff;
  background-color: #216d27;
  display: inline-block;
  letter-spacing: 1px;
  font-size: 12px;
}
.title_all_sidebar{
  position: relative;
}
.title_all_sidebar:before{
  content: "";
  height: 2px;
  background:#216d27;
  width: 100%;
  bottom: 5px;
  left: 0;
  position: absolute;
}
.title_all_sidebar h3{
  color: #94ca12;
  position: relative;
  z-index: 1;
  display: inline-block;
  background: #fff;
  padding-right: 10px;
}

.item-content-blog .info-top svg{
  fill: #216d27;
}
.item-content-blog .info-top .item{
  letter-spacing: 0.5px;
  color: #7d7d7d;
}
.item-content-blog .info-top .item:last-child{
  margin-left: 10px;
}
.page-contact ul li a,
.item-content-blog .button-blog,
.item-product .name-product a,
.item-content-project .title-project a,
.item-content-blog .title-blog a{
  color: #000;
  transition: all 0.3s;
}
.item-content-blog .description{
  color: #7d7d7d;
}
.info-date-author a:hover,
.page-contact ul li a:hover,
.sidebar_catergory ul li a:hover,
.breadcrumb-top .breadcrumb a:hover,
.breadcrumb-top .breadcrumb-item.active,
footer .top-footer li a:hover,
.item-content-blog .button-blog:hover,
.item-product .name-product a:hover,
.item-content-blog .info-top .item:hover,
.item-content-project .title-project a:hover,
.item-content-blog .title-blog a:hover{
  color: #216d27;
}
.item-content-blog .button-blog{
  letter-spacing: 1px;
  font-size: 15px;
}
.box-item-education{
  transition: all .8s ease;
}
.box-item-education:hover{
  position: relative;
  transform: translateY(-10px);
}
.box-item-education .button-name{
  position: absolute;
  left: 50%;
  bottom: -25px;
  transform: translateX(-50%);
  transition: all .8s ease;
  opacity: 0;
  visibility: hidden;
  width: 100%;
}
.box-item-education:hover .button-name{
  opacity: 1;
  visibility: visible;
}
.sidebar-single-product{
  position: sticky;
  top: 50px;
}

.sidebar_catergory ul li a,
.breadcrumb-top .breadcrumb a,
footer .top-footer li a{
  color: #000;
  transition: all .3s ease 0s;
  font-weight: 400;
}

.star svg {
    fill: #feb10d;
}
.price-procudt-single .price-sale {
    color: #eb1c24;    
}
.page-single-product .price {
    color: #000;
    font-size: 25px;    
}
.addcart-btn{
  padding: 12px 30px;
  text-align: center;
  color: #FFF;
  background: #216d27;
  text-transform: uppercase;
  box-shadow: 0px 0px 4px #666;
  display: block;
  transition: all 0.3s;
}

.page-single-product .price-old {
  text-decoration: line-through;
  font-weight: 400;
}
.page-single-product .price span{
  color: #ff0014;
}
p.description {
    color: #868686;
}
.list-chat-sidebar li{
  padding: 5px 0;
}

.list-chat-sidebar li:not(:last-child){
  border-bottom: dashed 1px #CCC;
}
.list-chat-sidebar img{
  max-width: 40px;
}
.bycart{
  background-color: #ffaa00;
  border-radius: 0;
  color: #fff;
  padding: 0.8em 1.5em !important;
  transition: all 0.3s;
}
.bycart:hover{
  background-color: #ffaa00;
  color: #fff;
}

p.description {
    color: #868686;
}
.meta-single-product .button {
    color: #fff;
    width: 100%;
    display: block;
    padding: 10px;
    border-radius: 5px;
    transition: all .3s ease-in-out;
}
.meta-single-product .button-tell {
    background-color: #216d27;
}
.meta-single-product .button-tell:hover{
    background-color: #d62020;
}
.price-procudt-single{
  font-weight: 600;
}
.page-single-product .nav-tabs .nav-link.active{
  border-color: #dee2e6;
  color: #000;
  margin-bottom: -1px;
  border-bottom: none;
  background: #fff;
}
.page-single-product .tab-content{
  padding-top: 30px;
}
.page-single-product .tab-content {
    padding-top: 30px;
}
.lamvt-product{
  background-image: url(../images/bg-product.jpg);
}

.contactmailct input,
.contactmailct textarea{
  height: 50px;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #ccc;
}
.contactmailct textarea{
  height: 150px;
}
.contactmailct input:focus,
.contactmailct textarea:focus{
  border-bottom: 1px solid #216d27;

}
.contactmailct input:focus::placeholder,
.contactmailct textarea:focus::placeholder{
  color: #216d27;
}
.button-send-about{
  background-color: #216d27;
  color: #fff;
  margin-top: 20px;
   transition: all 0.3s;
}

.carousel-indicators{
  bottom: -50px;
}
.carousel-indicators [data-bs-target]{
  width: 9px;
  height: 9px;
  border: none;
  border-radius: 50px;
  background-color: #216d27;
}
footer h4{
   margin-bottom: 15px;
}
footer .fllow-us li a {
    display: inline-block;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 25px;
    border: 1px solid #216d27;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}
footer .fllow-us li a:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #216d27;
    transition: top .3s ease 0s;
}
footer .fllow-us li a:hover svg {
    fill: #fff;
}
footer .fllow-us li a svg {
    position: relative;
    z-index: 1;
    fill: #216d27;
}
footer .fllow-us li a:hover:before {
    top: 0;
}
.center-footer{
  border-top: 1px solid #90b693;
}
.page-contact ul li,
footer .top-footer li{
  line-height: 2.2em;
  font-weight: 500;
}
footer .top-footer .address li{
  line-height: 1.5em;
  margin-bottom: 6px;
}
footer .top-footer .listinfo li {
  background: url(../images/icon-list-footer.png) 0 12px no-repeat;
  padding-left: 20px;
}
footer .copyright {
    padding: 15px 0;
    background-color: #216e28;
}
footer .copyright p a:hover,
footer .copyright p{
   color: #fff;
}
footer .copyright p a{
   color: #FFC107;
}
.form-control:focus {
  box-shadow: none;
  border-color: #ccc; }

#back-to-top {
  position: fixed;
  bottom: 15px;
  right: 15px;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  text-align: center;
  line-height: 36px;
  background: #fff;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.5s ease 0s;
  transform: translate(80px, 0px);
  z-index: 2;
  box-shadow: 1px 2px 6px 4px rgba(53, 57, 68, 0.2);
}
#back-to-top svg {
    fill: #000;
}
#back-to-top.show {
   transform: translate(0px, 0px);
}
#back-to-top:hover {
   background-color: #216d27;
}
#back-to-top:hover svg {
   fill: #fff;
}

.breadcrumb-top {
  background-color: transparent;
  margin: 50px 0;
}

.pagination {
  margin-top: 30px;
}
.pagination ul .list-inline-item:not(:last-child) {
  margin-right: 0;
}
.pagination ul li {
  margin: 0;
}
.pagination ul li a {
  font-size: 16px;
  text-decoration: none;
  color: #a19ba5;
  border: 1px solid #a19ba5;
  padding: 12px 20px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .pagination ul li a {
    font-size: 14px;
    padding: 8px 15px;
  }
}
.pagination ul li a:hover {
  border: 1px solid #216d27 !important;
  color: #fff !important;
  background-color: #216d27;
}
.pagination ul .pagination_current a {
  border: 1px solid #2c2c2c;
  color: #2c2c2c;
}

.pagination .page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: none;
}

.pagination .page-item.active a {
    border: 1px solid #216d27 !important;
    color: #fff !important;
    background-color: #216d27;
}

.pagination .page-item a {
    border-radius: 0;
    color: #000;
    transition: all 0.3s ease;
    padding: .5rem 1rem;
    border-radius: 0;
    font-size: 13px;
}

.pagination .page-item li.active a, 
.pagination .page-item a:active,
.pagination .page-item a:hover {
    border: 1px solid #216d27 !important;
    color: #fff !important;
    background-color: #216d27;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    border-radius: 0;
}

.info-date-author a{
  color: #868686;
  display: inline-flex;
  align-items: center;
}
.info-date-author .star{
  color: #feb10d;
}

@media (max-width: 767.98px) {
   .breadcrumb-top {
      margin: 30px 0; }
}
.breadcrumb-top .breadcrumb {
   background-color: transparent;
   font-size: 16px;
}
textarea.form-control{
   resize: none;
}
.form-control{
   border-radius: 20px;
   border: 1px solid #e6e6e6;
}
.sidebar_catergory .category ul li a{
    position: relative;
    display: block;
    padding-right: 3em;
}
.sidebar_catergory .category ul li a span {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.list_new_view li,
.sidebar_catergory ul li{
  line-height: 1.5em;
  padding: 15px 0;
  border-bottom: 1px dashed #dee2e6;
}
.blog_sidebar li{
  display: flex;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.blog_sidebar li{
  display: flex;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.product-sidebar:nth-child(even) {
  padding-left: 7.5px;
}
.product-sidebar:nth-child(odd) {
  padding-right: 7.5px;
}
.product-sidebar img{
  width: 100%;
}
.blog_sidebar .item{
  width: 110px;
}
.media-body{
  flex-grow: 1;
  padding-left: 10px;
}
@media (max-width: 575.98px){
  .dropdown-menu{
    box-shadow: none;
  }
  .title-all-site:after {
    width: 150px;
  }
  .price-adtocart {
    flex-direction: column;
  }
  .fz16 {
    font-size: 15px;
  }
  .logo svg{
    height: 65px;
    width: auto;
  }
  .name-product{
    font-size: 13px;
  }

  footer h4 {
    font-size: 18px !important;
  }
  .item-content-blog .info-top{
    font-size: 12px;
  }
  .item-content-blog {
    padding: 16px;
  }

  .lamvt-product .col-6:nth-child(even) {
    padding-left: 7.5px;
  }
  .lamvt-product .col-6:nth-child(odd) {
    padding-right: 7.5px;
  }

  .col-2dot4, 
    .col-sm-2dot4,
    .col-md-2dot4,
    .col-lg-2dot4,
    .col-xl-2dot4{
      width: 50% !important;
    }
  
}
@media (min-width: 576px) and (max-width: 767.98px){

 .col-2dot4, 
    .col-sm-2dot4,
    .col-md-2dot4,
    .col-lg-2dot4,
    .col-xl-2dot4{
      width: 33.3% !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px){
   .item-content-blog .info-top{
    font-size: 11px;
   }

  .info-date-author a{
   font-size: 12px;
  }

  .col-md-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3% !important;
    flex: 0 0 33.3% !important;
    max-width: 33.3% !important;
}

}
@media (min-width: 1025px) and (max-width: 1400px){
  .menu_destop .navbar-nav .nav-link {
    font-size: 14px;
  }

  .item-content-blog .info-top {
    font-size: 11px;
  }
  .new-lienquan .item-content-blog .info-top .item{
    display: block;
  }
  .new-lienquan .item-content-blog .info-top .item:last-child{
    margin-left: 0;
    margin-top: 5px;
  }
}

@media (max-width: 991.98px) {

  .price-adtocart {
    flex-direction: column;
}
  .fz20 {
    font-size: 18px;
  }
  .breadcrumb-top{
    margin: 20px 0;
  }
  footer .top-footer li {
    font-size: 14px;
  }
 
  .contactmailct input::placeholder,
  .contactmailct textarea::placeholder{
    font-size: 14px;
  }
  .contactmailct input{
    height: 45px;
  }
  .fz16 {
    font-size: 14px;
  }
   .pagination{
      margin-bottom: 30px !important;
   }
   .offcanvas-collapse {
    position: fixed;
    top: 56px; /* Height of navbar */
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #fff;
    transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
    z-index: 99;
  }
  .offcanvas-collapse.open {
    visibility: visible;
    transform: translateX(-100%);
  }
  .menu_destop{
    background-color: #fff6e9;
  }
  .dropdown-menu{
    background-color: transparent;
    border: none;
    padding: .5rem;
  }
  .dropdown-item{
    white-space: unset;
  }
}



@media (min-width: 768px) {

}
@media (min-width: 1025px) and (max-width: 1367px){
  .item-content-blog .info-date-author a{
    font-size: 14px;
  }
}


.arcontactus-widget.right.arcontactus-message{right:20px}
.arcontactus-widget.right.arcontactus-message{bottom:90px}
.arcontactus-widget .arcontactus-message-button
.pulsation{-webkit-animation-duration:2s;animation-duration:2s}
.arcontactus-widget.md .arcontactus-message-button,.arcontactus-widget.md.arcontactus-message{width:60px;height:60px}
.arcontactus-widget{opacity:0;transition:.2s opacity}
.arcontactus-widget *{box-sizing:border-box}
.arcontactus-widget.left.arcontactus-message{left:20px;right:auto}
.arcontactus-widget.left .arcontactus-message-button{right:auto;left:0}
.arcontactus-widget.left .arcontactus-prompt{left:80px;right:auto;transform-origin:0 50%}
.arcontactus-widget.left .arcontactus-prompt:before{border-right:8px solid #FFF;border-top:8px solid transparent;border-left:8px solid transparent;border-bottom:8px solid transparent;right:auto;left:-15px}
.arcontactus-widget.left .messangers-block{right:auto;left:0;-webkit-transform-origin:10% 105%;-ms-transform-origin:10% 105%;transform-origin:10% 105%}
.arcontactus-widget.left .callback-countdown-block{left:0;right:auto}
.arcontactus-widget.left .callback-countdown-block::before,.arcontactus-widget.left .messangers-block::before{left:25px;right:auto}
.arcontactus-widget.md .callback-countdown-block,.arcontactus-widget.md .messangers-block{bottom:70px}
.arcontactus-widget.md .arcontactus-prompt{bottom:5px}
.arcontactus-widget.md.left .callback-countdown-block:before,.arcontactus-widget.md.left .messangers-block:before{left:21px}
.arcontactus-widget.md.left .arcontactus-prompt{left:70px}
.arcontactus-widget.md.right .callback-countdown-block:before,.arcontactus-widget.md.right .messangers-block:before{right:21px}
.arcontactus-widget.md.right .arcontactus-prompt{right:70px}
.arcontactus-widget.md .arcontactus-message-button .pulsation{width:74px;height:74px}
.arcontactus-widget.md .arcontactus-message-button .callback-state,.arcontactus-widget.md .arcontactus-message-button .icons{width:40px;height:40px;margin-top:-20px;margin-left:-20px}
.arcontactus-widget.sm .arcontactus-message-button,.arcontactus-widget.sm.arcontactus-message{width:50px;height:50px}
.arcontactus-widget.sm .callback-countdown-block,.arcontactus-widget.sm .messangers-block{bottom:60px}
.arcontactus-widget.sm .arcontactus-prompt{bottom:0}
.arcontactus-widget.sm.left .callback-countdown-block:before,.arcontactus-widget.sm.left .messangers-block:before{left:16px}
.arcontactus-widget.sm.left .arcontactus-prompt{left:60px}
.arcontactus-widget.sm.right .callback-countdown-block:before,.arcontactus-widget.sm.right .messangers-block:before{right:16px}
.arcontactus-widget.sm.right .arcontactus-prompt{right:60px}
.arcontactus-widget.sm .arcontactus-message-button .pulsation{width:64px;height:64px}
.arcontactus-widget.sm .arcontactus-message-button .icons{width:40px;height:40px;margin-top:-20px;margin-left:-20px}
.arcontactus-widget.sm .arcontactus-message-button .static{margin-top:-16px}
.arcontactus-widget.sm .arcontactus-message-button .callback-state{width:40px;height:40px;margin-top:-20px;margin-left:-20px}
.arcontactus-widget.active{opacity:1}
.arcontactus-widget .icons.hide,.arcontactus-widget .static.hide{opacity:0;transform:scale(0)}
.arcontactus-widget.arcontactus-message{z-index:10;right:20px;bottom:20px;position:fixed!important;height:70px;width:70px}
.arcontactus-widget .arcontactus-message-button{width:70px;position:absolute;height:70px;right:0;background-color:red;border-radius:50px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;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;cursor:pointer}
.arcontactus-widget .arcontactus-message-button p{font-family:Ubuntu,Arial,sans-serif;color:#fff;font-weight:700;font-size:10px;line-height:11px;margin:0}
.arcontactus-widget .arcontactus-message-button .pulsation{width:84px;height:84px;background-color:red;border-radius:50px;position:absolute;left:-7px;top:-7px;z-index:-1;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation:arcontactus-pulse 2s infinite;animation:arcontactus-pulse 2s infinite}
.arcontactus-widget .arcontactus-message-button .icons{background-color:#fff;width:44px;height:44px;border-radius:50px;position:absolute;overflow:hidden;top:50%;left:50%;margin-top:-22px;margin-left:-22px}
.arcontactus-widget .arcontactus-message-button .static{position:absolute;top:50%;left:50%;margin-top:-19px;margin-left:-26px;width:52px;height:52px;text-align:center}
.arcontactus-widget .arcontactus-message-button .static img{display:inline}
.arcontactus-widget .arcontactus-message-button .static svg{width:24px;height:24px;color:#FFF}
.arcontactus-widget .arcontactus-message-button.no-text .static{margin-top:-12px}
.arcontactus-widget .pulsation:nth-of-type(2n){-webkit-animation-delay:.5s;animation-delay:.5s}
.arcontactus-widget .pulsation.stop{-webkit-animation:none;animation:none}
.arcontactus-widget .icons-line{top:10px;left:12px;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-webkit-transition:cubic-bezier(.13,1.49,.14,-.4);-o-transition:cubic-bezier(.13,1.49,.14,-.4);-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);height:24px;transition:.2s all}
.arcontactus-widget .icons,.arcontactus-widget .static{transition:.2s all}
.arcontactus-widget .icons-line.stop{-webkit-animation-play-state:paused;animation-play-state:paused}
.arcontactus-widget .icons-line span{display:inline-block;width:24px;height:24px;color:red}
.arcontactus-widget .icons-line span i,.arcontactus-widget .icons-line span svg{width:24px;height:24px}
.arcontactus-widget .icons-line span i{display:block;font-size:24px;line-height:24px}
.arcontactus-widget .icons-line img,.arcontactus-widget .icons-line span{margin-right:40px}
.arcontactus-widget .icons.hide .icons-line{transform:scale(0)}
.arcontactus-widget .icons .icon:first-of-type{margin-left:0}
.arcontactus-widget .arcontactus-close{color:#FFF}
.arcontactus-widget .arcontactus-close svg{-webkit-transform:rotate(180deg) scale(0);-ms-transform:rotate(180deg) scale(0);transform:rotate(180deg) scale(0);-webkit-transition:ease-in .12s all;-o-transition:ease-in .12s all;transition:ease-in .12s all;display:block}
.arcontactus-widget .arcontactus-close.show-messageners-block svg{-webkit-transform:rotate(0) scale(1);-ms-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}
.arcontactus-widget .arcontactus-prompt,.arcontactus-widget .messangers-block{background:center no-repeat #FFF;box-shadow:0 0 10px rgba(0,0,0,.6);width:235px;position:absolute;bottom:80px;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:14px 0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:7px;-webkit-transform-origin:80% 105%;-ms-transform-origin:80% 105%;transform-origin:80% 105%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:ease-out .12s all;-o-transition:ease-out .12s all;transition:ease-out .12s all;z-index:10000}
.arcontactus-widget .arcontactus-prompt:before,.arcontactus-widget .messangers-block:before{position:absolute;bottom:-7px;right:25px;left:auto;display:inline-block!important;border-right:8px solid transparent;border-top:8px solid #FFF;border-left:8px solid transparent;content:''}
.arcontactus-widget .arcontactus-prompt.show-messageners-block,.arcontactus-widget .messangers-block.show-messageners-block{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.arcontactus-widget .arcontactus-prompt{color:#787878;font-family:Arial,sans-serif;font-size:16px;line-height:18px;width:auto;bottom:10px;right:80px;white-space:nowrap;padding:18px 20px 14px}
.arcontactus-widget .arcontactus-prompt:before{border-right:8px solid transparent;border-top:8px solid transparent;border-left:8px solid #FFF;border-bottom:8px solid transparent;bottom:16px;right:-15px}
.arcontactus-widget .arcontactus-prompt.active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close{position:absolute;right:6px;top:6px;cursor:pointer;z-index:100;height:14px;width:14px;padding:2px}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close svg{height:10px;width:10px;display:block}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing{border-radius:10px;display:inline-block;left:3px;padding:0;position:relative;top:4px;width:50px}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div{position:relative;float:left;border-radius:50%;width:10px;height:10px;background:#ccc;margin:0 2px;-webkit-animation:arcontactus-updown 2s infinite;animation:arcontactus-updown 2s infinite}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div:nth-child(2){animation-delay:.1s}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div:nth-child(3){animation-delay:.2s}
.arcontactus-widget .messangers-block.sm .messanger{padding-left:50px;min-height:44px}
.arcontactus-widget .messangers-block.sm .messanger span{height:32px;width:32px;margin-top:-16px}
.arcontactus-widget .messangers-block.sm .messanger span svg{height:20px;width:20px;margin-top:-10px;margin-left:-10px}
.arcontactus-widget .messanger{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;cursor:pointer;width:100%;padding:8px 20px 8px 60px;position:relative;min-height:54px;text-decoration:none}
.arcontactus-widget .messanger:hover{background-color:#EEE}
.arcontactus-widget .messanger:before{background-repeat:no-repeat;background-position:center}
.arcontactus-widget .messanger.facebook span{background:#0084ff}
.arcontactus-widget .messanger.viber span{background:#7c529d}
.arcontactus-widget .messanger.telegram span{background:#2ca5e0}
.arcontactus-widget .messanger.skype span{background:#31c4ed}
.arcontactus-widget .messanger.email span{background:#ff8400}
.arcontactus-widget .messanger.contact span{background:#7eb105}
.arcontactus-widget .messanger.call-back span{background:#54cd81}
.arcontactus-widget .messanger span{position:absolute;left:10px;top:50%;margin-top:-20px;display:block;width:40px;height:40px;border-radius:50%;background-color:#0084ff;margin-right:10px;color:#FFF;text-align:center;vertical-align:middle}
.arcontactus-widget .messanger span i,.arcontactus-widget .messanger span svg{width:24px;height:24px;vertical-align:middle;text-align:center;display:block;position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px}
.arcontactus-widget .messanger span i{font-size:24px;line-height:24px}
.arcontactus-widget .messanger p{margin:0;font-family:Arial,sans-serif;font-size:14px;color:rgba(0,0,0,.87)}
@-webkit-keyframes arcontactus-pulse{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}50%{opacity:.5}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}
@media (max-width:468px){.arcontactus-widget.opened.arcontactus-message,.arcontactus-widget.opened.left.arcontactus-message{width:auto;right:20px;left:20px}}
@keyframes arcontactus-updown{0%,100%,43%{transform:translate(0,0)}25%,35%{transform:translate(0,-10px)}}
@-webkit-keyframes arcontactus-updown{0%,100%,43%{transform:translate(0 0)}25%,35%{transform:translate(-10px 0)}}
@keyframes arcontactus-pulse{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}50%{opacity:.5}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}
@-webkit-keyframes arcontactus-show-stat{0%,100%,20%,85%{-webkit-transform:scale(1);transform:scale(1)}21%,84%{-webkit-transform:scale(0);transform:scale(0)}}
@keyframes arcontactus-show-stat{0%,100%,20%,85%{-webkit-transform:scale(1);transform:scale(1)}21%,84%{-webkit-transform:scale(0);transform:scale(0)}}
@-webkit-keyframes arcontactus-show-icons{0%,100%,20%,85%{-webkit-transform:scale(0);transform:scale(0)}21%,84%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes arcontactus-show-icons{0%,100%,20%,85%{-webkit-transform:scale(0);transform:scale(0)}21%,84%{-webkit-transform:scale(1);transform:scale(1)}}
/*# sourceMappingURL=style.css.map */

.col-2dot4, 
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (min-width: 540px) {
    .col-sm-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 720px) {
    .col-md-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 960px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1140px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

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

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
.the_content img{
  width: 100% !important;
  height:  auto !important;
  max-width: 100%;
}
.wp-caption{width: 96% !important}
.related_posts, .the_content a{color: #2d0227; /* #6c2162*/}

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.iframe-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.menu_destop .dropdown-menu{ z-index: 999999; }
.content h2{
font-size: 26px;
}
.content h3{
font-size: 23px;
}
.content h4{
font-size: 20px;
}
.lamvt_fz28{
  font-size: 28px;
}

/* Chỉ áp dụng cho tablet trở lên (≥768px) */
@media (min-width: 768px) {
  .sub-sub-menu-item {
    padding-left: 10px;
  }
  .sub-sub-menu {
    position: static !important;
  }
}

.wp-caption p.wp-caption-text {
  font-size: 16px !important;
  line-height: 17px;
  margin-top: 10px;
  padding: 0 4px 5px;
  margin-top: 10px !important;
}