body{
      top: 0 !important;
}
a{
  text-decoration: none !important;
}
#header-contact{text-transform: unset;}
#header-contact>li{text-transform: unset;}
#header-contact>li>a{
  font-size: 15px;
  color: #333333;
  text-transform: unset;
}
#header-contact>li>a i{
  
}
#header-contact>li>a span{
  
}
#masthead{
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.1), 0 2px 1px -1px rgba(0, 0, 0, 0.05);
}
.header-nav-main{

}
.header-nav-main>li{

}
.header-nav-main>li:hover a{
  background-color: #002C96;
  color: #ffffff !important;!i;!;
}
.header-nav-main>li>a{
  padding: 34px 17.5px;
  color: #333333;
  font-size: 16px;
  font-weight: 400 !important;
}
.header-nav-main >li.current-dropdown> ul{
 
}
.header-nav-main >li.current-dropdown:hover ul.nav-dropdown{
  transform: scaleY(1) translateZ(0);
  visibility: visible;
  opacity: 1;
  margin-top: 0;
  display: block;
  left: 0;
}
.header-nav-main >li.current-dropdown::before{
  display: none;
}
.header-nav-main >li.current-dropdown::after{
  display: none;
}
.header-nav-main >li >ul.nav-dropdown{
  padding: 0;
  display: block;
  transform-origin: 50% 0;
  transform: scaleY(0) translateZ(0);
  opacity: 0;
  transition: transform 0.3s, opacity 0.3s;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  background-color: #002C96;
  color: #ffffff;
  border: unset;
}
.header-nav-main >li >ul.nav-dropdown>li{
/* padding: 0px 15px; */
white-space: nowrap;
border-left: none;
width: 100%;
float: none;
border-bottom: unset;
border-right: 0;
position: relative;
display: block;
list-style-type: decimal !important;
color: #000;
}
.header-nav-main >li >ul.nav-dropdown>li >ul.nav-column{display: none;position: absolute;background: #0054a6;z-index: 999;top: 0;left: 100%;}
.header-nav-main>li >ul.nav-dropdown>li.menu-item-has-children:hover ul.nav-column{
display: block;
}
.header-nav-main >li >ul.nav-dropdown>li>a{
  color:#ffffff;
  border: unset;
  padding: 5px 5px;
}
.header-nav-main >li >ul.nav-dropdown>li.menu-item-has-children a{
font-weight: unset;
position: relative;
color: #ffffff;
font-size: 17px;
text-transform: unset;
border-bottom: unset;
padding: 5px;
}
.header-nav-main >li >ul.nav-dropdown>li.menu-item-has-children>a::before{
content: "\f105";
position: absolute;
right: 5px;
top: 11px;
font: normal normal normal 14px/1 FontAwesome;
}
.page-wrapper {
  padding-bottom: 0;
  padding-top: 0;
}
.h2-title-gt{margin-bottom: 0;}
.h2-title-gt h2{
  border: unset;
  text-align: center;
  margin-bottom: 0;
}
.h2-title-gt h2 span{
  font-weight: bold;
  color: #002C96;
  /* margin-bottom: 20px; */
  font-size: 28px;
  line-height: 36px;
  margin: 0 auto;
  border: unset;
  padding-bottom: 0;
}
.col-bottom{
  padding-bottom: 0;
}
.h2-title-danhmuc{margin-bottom: 0;}
.h2-title-danhmuc h2{border: unset;text-align: center;}
.h2-title-danhmuc h2 span{
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 36px;
  margin: 0 auto;
  padding-bottom: 0;
  border: unset;
}
.home-danhmuc .box-text{
  padding-bottom: 0;
  padding-top: 20px;
}
.w-grid-item-h{

}
.w-grid-item-h .post_image{
  overflow: hidden;
}
.w-grid-item-h .post_image a{
  display: block;
  position: relative;
  overflow: hidden;
  height: 185px;
  width: 100%;
}
.w-grid-item-h .post_image a img{
  -webkit-transition: all, 10s;
  -khtml-transition: all, 10s;
  -moz-transition: all, 10s;
  -ms-transition: all, 10s;
  -o-transition: all, 10s;
  transition: all, 10s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.w-grid-item-h:hover img{
  -webkit-transform: scale3d(1.4, 1.4, 1);
    -khtml-transform: scale3d(1.4, 1.4, 1);
    -moz-transform: scale3d(1.4, 1.4, 1);
    -ms-transform: scale3d(1.4, 1.4, 1);
    -o-transform: scale3d(1.4, 1.4, 1);
    transform: scale3d(1.4, 1.4, 1);
    -webkit-transition: all, 10s;
    -khtml-transition: all, 10s;
    -moz-transition: all, 10s;
    -ms-transition: all, 10s;
    -o-transition: all, 10s;
    transition: all, 10s;
}
.h3-title-hd{margin-bottom: 0;margin-top: 10px;line-height: 1.4;}
.h3-title-hd a{
  color: #333333;
  line-height: 1.4;
    font-weight: 400;
    letter-spacing: 0em;
}
.sec-hoatdong .section-bg img{
  background-size: initial;
}
.woocommerce-loop-product__title a{
  font-size: 30px;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0em;
  font-size: 1.2rem;
  color: #333333;
}
.product_type_simple{
  color: #333 !important;
  font-weight: 700;
  font-style: normal;
  text-transform: none;
  letter-spacing: 0em;
  border-radius: 0.3em;
  padding: 0px 20px;
  background-color: #e8e8e8;
  border-color: transparent;
  box-shadow: none;
  margin-bottom: 0;
}
.product_type_simple:hover{
  background-color: #002C96;
  color: #ffffff !important;
}
.h2-title-tintuc{margin-bottom: 0;}
.h2-title-tintuc h2{border: unset;margin-bottom: 0;}
.h2-title-tintuc h2 span{
  font-weight: bold;
  color: #002C96;
  /* margin-bottom: 20px; */
  font-size: 22px;
  line-height: 30px;
  border: unset;
  margin: 0 auto;
  padding-bottom: 0;
}
.blog-new h5.post-title{

}
.blog-new h5.post-title a{
  font-size: 1rem;
    color: #222222;
    transition-duration: 0.3s;
    transform: scale(1) translate(0%, 0%);
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: 0em;
}
.content-ft {
  float: left;
  width: 100%;
  /* margin-top: 15px; */
  /* margin-top: 15px; */
}

.content-ft h3 {
  color: #ffffff;
  /* font-family: 'Quicksand-Bold'; */
  font-size: 24px;
  line-height: 29px;
  text-transform: unset;
  /* text-align: center; */
  margin: 0 auto;
  margin-bottom: 14px;
  font-weight: 700;
  /* text-align: center; */
  position: relative;
  padding-bottom: 20px;
}
.content-ft h3::before{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 62px;
  height: 6px;
  border-radius: 20px;
  background: #ffffff;
}
.content-ft ul {
  padding-left: 0;
  margin-top: 0 !important;
  margin-left: 0 !important;
}

.content-ft ul li {
  width: 100%;
  list-style-type: none;
  float: left;
  margin-left: 0!important;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.content-ft ul li span {
  color: #fff;
  width: 17px;
  float: left;
  /* font-size: 16px; */
  height: 19px;
  /* padding-right: 4px; */
  line-height: 11px;
  margin-right: 10px;
}

.content-ft ul li b {
  width: calc(100% - 25px);
  float: left;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  /* font-family: 'Quicksand-Regular'; */
  line-height: 24px;
  /* font-family: Kanit-Light; */
}

.footer-1 .widget-title {
  color: #ffffff !important;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  /* float: left; */
  /* width: 100%; */
  line-height: 25px;
  position: relative;
  /* padding-bottom: 20px; */
  padding-left: 0 !important;
  text-transform: unset;
  background-color: transparent !important;
  /* font-family: Kanit-Medium; */
  text-transform: uppercase;
}

.footer-1 ul {
  /* margin-top: 20px; */
  margin-left: 15px;
}

.footer-1 ul li {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-top: unset !important;
  list-style-type: disc;
}

.footer-1 ul li a {
  color: #ffffff !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

}
.cs1 aside{
  margin-bottom: 0;
}

.footer-1 .is-divider{
  background-color: #ffffff;
}
.footer-1{
  border-top: unset;
  padding-top: 60px;
}
#button-contact-vr {
  position: fixed;
  bottom: 0;
  z-index: 999;
}

/*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;
}
.row-footer .col{
  padding-bottom: 0;
}
.row-loadlink{
  position: absolute;
  left: 0;
  right: 0;
  top: 40%;
  text-align: center;
  color: #fff;
  z-index: 99;
}
.sec-banner-loadlink .section-content::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9;
}
.rank-math-breadcrumb{
  color: #ffffff;
}
.rank-math-breadcrumb h1{
  font-size: 46px;
  line-height: 1.4;
  font-weight: 300;
  letter-spacing: -0.02em;
  color: #ffffff;
  margin-bottom: 0;
}
.rank-math-breadcrumb a{
  color: #ffffff;
}
.rank-math-breadcrumb p{
  color: #ffffff;
}
.rank-math-breadcrumb span{
  color: #ffffff;
}
.h2-title-sibar{margin-bottom: 0;}
.h2-title-sibar h2{
  /* border: unset; */
  margin-bottom: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #ececec;
}
.h2-title-sibar h2 span{
  font-size: 24px;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0em;
  color: #333333;
  border: unset;
  margin-right: 0;
  padding-bottom: 0;
}
.menu-gioithieu{

}
.menu-gioithieu .ux-menu-link{

}
.menu-gioithieu .ux-menu-link a{
  display: block;
  position: relative;
  padding: 0.6em 1.2em;
  color: inherit;
}
.menu-gioithieu .ux-menu-link a:hover{
  background-color: #f2f2f2;
}
.menu-gioithieu .ux-menu-link a span{
  
}
.blog-tinutcmoi{padding-top: 20px;}
.blog-tinutcmoi .col{
  padding-bottom: 15px;
}
.blog-tinutcmoi .col .box-text{padding: 0;padding-left: 10px;}
.blog-tinutcmoi .col .box-text h5{
  
}
.blog-tinutcmoi .col .box-text h5 a{
  font-size: 14px;
  color: #222222;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0em;
}
.content-ft1 li{
  list-style-type: none;
  margin-left: 0 !important;
  color: #333333;
}
.content-ft1 li i{
  padding-right: 10px;
}
.w-form-row-field:before {
  /* display: block; */
  position: absolute;
  top: 25px;
  left: 0;
  font-size: 1.3rem;
  font-family: fontawesome;
  text-align: center;
  width: 42px;
  opacity: 0.33;
  height: 28px;
  pointer-events: none;
  transform: translateY(-50%);
  transition: opacity 0.3s, color 0.3s;
  font: normal normal normal 21px / 1 FontAwesome;
  color: #333333;
  z-index: 9;
}
.w-form-row-field input{
  padding: 0 0.8rem;
  width: 100%;
  border-radius: 0.3rem;
  box-shadow: 0 0 0 2px transparent, 0 1px 0 rgba(0, 0, 0, 0.08) inset;
  transition: all 0.3s;
  line-height: 2.8rem;
  height: 2.8rem;
  padding-left: 2.8rem;
  background-color: #f2f2f2;
}
.text-ht:before{
  content: "\f2c0";
}
.w-form-row-field{
  position: relative;
}
.text-email::before{
  content: "\f003";
}
.text-phone::before{
  content: "\f10b";
}
.text-noidung::before{
  content: "\f040";
}
.text-noidung textarea{
  background-color: #f2f2f2;
  width: 100%;
  border-radius: 0.3rem;
  box-shadow: 0 0 0 2px transparent, 0 1px 0 rgba(0, 0, 0, 0.08) inset;
  transition: all 0.3s;
  padding: 0.6rem 1rem;
  color: #333333;
  padding-left: 2.8rem;
}
#secondary .widget-title {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0em;
  color: #333333;
}
#secondary .widget_categories{

}
#secondary .widget_categories ul{
  
}
#secondary .widget_categories ul li{
  border-top: unset;
}
#secondary .widget_categories ul li a{
  display: block;
  position: relative;
  padding: 0.6em 1.2em;
  border-width: 1px 0 0 !important;
  border-style: solid;
  color: #333333;
  border-color: #e5e5e5;
}
#secondary .widget_categories ul li a:hover{
  background-color: #f2f2f2;
  color: #fff;
}
#secondary .widget_categories ul li.active a{
  background-color: #002C96;
  color: #ffffff;
}
.blog-single{
  padding-top: 30px;
}
#comments{
  display: none;
}
.tuvanlq{
  margin-left: 25px;
}
#shop-sidebar .widget-title{
  font-size: 24px;
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: 0em;
    color: #333333;
}
#product-sidebar .widget-title{
  font-size: 24px;
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: 0em;
    color: #333333;
}
.product-main{
  padding-top: 0;
}
.row-hotline .col{
  padding-bottom: 0;
}
.row-hotline .col a{
width: 100%;
}
.blog-tinutcmoi .box-vertical{
  display: table;
        width: 100%;
}
.blog-tinutcmoi .box-vertical .box-image{
  width: 30% !important;
  direction: ltr;
  display: table-cell;
  vertical-align: middle;
}
.blog-new .box-vertical{
  display: table;
        width: 100%;
}
.blog-new .box-vertical .box-image{
  width: 30% !important;
  direction: ltr;
  display: table-cell;
  vertical-align: middle;
}

@media(max-width:549px){
  .h2-title-gt h2 span{
    font-size: 22px;
  }
  .h2-title-danhmuc h2 span{
    font-size: 22px;
  }
  .h2-title-tintuc h2 span{
    font-size: 20px;
  }
  .cs1{
    margin-bottom: 20px;
  }
  .col-left-gt{
    order: 1;
  }
  .rank-math-breadcrumb h1{
    font-size: 28px;
  }
  .row-loadlink {
    top: 10%;
  }
  .h2-title-sibar h2 span{
    font-size: 20px;
  }
  #secondary .widget-title{
    font-size: 20px;
  }
  .category-page-row {
    padding-top: 0;
}
}