body{

  font-family: 'Montserrat-Regular';

    font-size: 15px;

    line-height: 21px;

}

.container-fluid {

    padding-right: 30px;

    padding-left: 30px;

    width: 100%;

}





.owl-prev{

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    }

 .owl-next{



    position: absolute;

        

    top: 50%;

    right: 0;

        

    transform: translateY(-50%);

    }

    .slider-home  .owl-prev{

      left: 20px;

    }

    .slider-home  .owl-next{

      right: 20px;

    }

 .owl-nav >div{

  background-color: #fff;

  width: 50px;

  height: 50px;

  text-align: center;

  line-height: 50px;

  color: #333;

  font-size: 20px;

  border-radius: 50%;

  border: 1px solid #1e3d37;



  padding: 0;

    }

   

    img {

        -webkit-transition: all 0.7s ease;

        transition: all 0.7s ease;

    }

    .support-online {

        position: fixed;

        z-index: 999;

        left: 15px;

        bottom: 30px;

        top: auto !important

      }



      .support-online a {

        position: relative;

        margin: 20px 10px;

        text-align: left;

        width: 40px;

        height: 40px

      }



      .support-online i {

        width: 40px;

        height: 40px;

        background: #43a1f3;

        color: #fff;

        border-radius: 100%;

        font-size: 20px;

        text-align: center;

        line-height: 1.9;

        position: relative;

        z-index: 999

      }



      .support-online a {

        display: block

      }



      .support-online a span {

        border-radius: 2px;

        text-align: center;

        background: #fb2644;

        padding: 9px;

        display: none;

        width: 180px;

        margin-left: 10px;

        position: absolute;

        color: #ffffff;

        z-index: 999;

        top: 0px;

        left: 40px;

        transition: all 0.2s ease-in-out 0s;

        -moz-animation: headerAnimation 0.7s 1;

        -webkit-animation: headerAnimation 0.7s 1;

        -o-animation: headerAnimation 0.7s 1;

        animation: headerAnimation 0.7s 1

      }



      .support-online a:hover span {

        display: block

      }



      .support-online a span::before {

        content: "";

        width: 0;

        height: 0;

        border-style: solid;

        border-width: 10px 10px 10px 0;

        border-color: transparent #fb2644 transparent transparent;

        position: absolute;

        left: -10px;

        top: 10px

      }



      .kenit-alo-circle-fill {

        width: 60px;

        height: 60px;

        top: -10px;

        position: absolute;

        -webkit-transition: all 0.1s ease-in-out;

        -moz-transition: all 0.1s ease-in-out;

        -ms-transition: all 0.1s ease-in-out;

        -o-transition: all 0.1s ease-in-out;

        transition: all 0.1s ease-in-out;

        -webkit-border-radius: 100%;

        -moz-border-radius: 100%;

        border-radius: 100%;

        border: 2px solid transparent;

        -webkit-transition: all .1s;

        -moz-transition: all .1s;

        -o-transition: all .1s;

        transition: all .1s;

        background-color: rgba(0, 175, 242, 0.5);

        opacity: .75;

        right: -10px

      }



      .kenit-alo-circle {

        width: 50px;

        height: 50px;

        top: -5px;

        right: -5px;

        position: absolute;

        background-color: transparent;

        -webkit-border-radius: 100%;

        -moz-border-radius: 100%;

        border-radius: 100%;

        border: 2px solid rgba(30, 30, 30, 0.4);

        opacity: .1;

        border-color: #0089B9;

        opacity: .5

      }



      .support-online .btn-support {

        cursor: pointer

      }



      @-webkit-keyframes pulse {

        0% {

          -webkit-transform: scale(1.1);

          transform: scale(1.1)

        }



        50% {

          -webkit-transform: scale(0.8);

          transform: scale(0.8)

        }



        100% {

          -webkit-transform: scale(1.1);

          transform: scale(1.1)

        }

      }



      @keyframes pulse {

        0% {

          -webkit-transform: scale(1.1);

          -ms-transform: scale(1.1);

          transform: scale(1.1)

        }



        50% {

          -webkit-transform: scale(0.8);

          -ms-transform: scale(0.8);

          transform: scale(0.8)

        }



        100% {

          -webkit-transform: scale(1.1);

          -ms-transform: scale(1.1);

          transform: scale(1.1)

        }

      }

      #scrollUp {

        background: #fff;

        color: #333;

        border: 1px solid #333;

        bottom: 40px;

        right: 40px;

        border-radius: 100px;

        height: 47px;

        width: 47px;

        font-size: 25px;

        text-align: center;

        line-height: 45px;

        box-shadow: 0 0 15px 0px rgb(50 50 50 / 20%);

        transition: 0.3s;

        display: inline-block;

        position: fixed;

        bottom: 62px;

        right: 10px;

        cursor: pointer;

        z-index: 99999;

      }

      #scrollUp:hover {

        background-color: #333;

        color: #fff;

      }







.hover-zoom:hover img{

  transform: scale(1.05);

}

.hover-zoom{

  overflow: hidden;

}

.item-product  .img img{

  height: 270px;

  object-fit: cover;

}





.main-menu  ul li:last-child a::after{

  display: none;

}



.top-content .text-phone{

  font-family: 'UTM BanqueB';

}

.main-info .value-info  .item .nav-img{

  min-height: 235px;

}

.sidebar  .item-sb ul li{

  position: relative;

}

.sidebar  .item-sb ul li:after{

  display: block;

    content: '';

    width: 7px;

    height: 7px;

    background: #017BC4;

    opacity: .7;

    border-radius: 50%;

    position: absolute;

    left: 0;

    top: 6px;

}

.description-product-list span::before {

  position: absolute;

  left: 0;

  top: 6px;

  width: 6px;

  height: 6px;

  border-radius: 50%;

  border: 1px solid #017BC4;

  content: '';

  display: block;

}

.description-product-list span {

  position: relative;

  padding-left: 20px;

  margin-top: 10px;

  font-size: 13px;

  display: inline-block;

  word-wrap: break-word !important;

  width: 100%;

}

.main-product-detail  ul.tabs li.current {

  background: #006ba6;

}

.main-product-detail  ul.tabs li.current span{

  color: #fff;

}

.main-product-detail  ul.tabs li{

  border-radius: 5px 5px 0 0;

}

.main-product-detail  .content-tab-2 .item .img img{

  height: 370px;

  object-fit: cover;

  width: 100%;

}

.main-product-detail  .content-tab-4 .item .img img{

  height: 185px;

  object-fit: cover;



}

.main-product-detail .content-tab-5 .item-video iframe{

  width: 100%;

  height: 330px;

}





.content-content p{

  margin-bottom: 10px;

}

#primary-nav.mobile li a{

  padding:10px!important;

}





.header-pc{

  z-index: 1100!important;

}





.content-content p{

  margin-bottom: 10px;

}



.tab-detail button.active{

  background-color: #0c50a3;

  color: #fff;

}

.form-search-mobile  input[type=text]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

  color: #fff;

  opacity: 1; /* Firefox */

}



.form-search-mobile  input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */

  color: #fff;

}



.form-search-mobile  input[type=text]::-ms-input-placeholder { /* Microsoft Edge */

  color: #fff;

}





.accept-payment ul li img {



  width: 50px;



}

.map iframe{

  width: 100%;

}

.content-home.content-home-1   .nav-content-home .item {

  min-height: 565px;

}

.our-results  .nav-our-results .item .number{

  font-family: 'UTM BanqueB';

}



/* Accordion

================================================== */





.Troubleshooting-section .acc__title:after{

  width: 8px;

  height: 8px;

  border-right: 1px solid #4a6e78;

  border-bottom: 1px solid #4a6e78;

  position: absolute;

  right: 10px;

  content: " ";

  top: 23px;

  transform: rotate(-45deg);

  transition: all 0.2s ease-in-out;

}

.acc__title.active::after{

  transform: rotate(45deg);

  transition: all 0.2s ease-in-out;

}

.acc__panel {

 

  display: none;



}

.Troubleshooting-section .title-primary{

  font-family: 'Montserrat-Bold';

}

.is-sticky .top-header {

  display: none;

}

.is-sticky .logo-box {

  display: none;

}

.sticky-wrapper{

  height: auto!important;

}

.banner-child::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.7);

}

.content-content .nav-content-content h3{

  font-size: 22px;

  font-weight: bold;

  margin-bottom: 10px;

}

.content-content .nav-content-content h2{

  font-size: 25px;

  font-weight: bold;

  margin-bottom: 10px;

}

.content-content .nav-content-content h4{

  font-size: 18px;

  font-weight: bold;

  margin-bottom: 10px;

}

.content-content .nav-content-content  ul{

  margin-bottom: 10px;

}





footer .qr img{

  width: 65px;

}

footer .bct img{

  width: 165px;

}







.main-menu-mobile ul li {

  width: 100%;

  border: none;

  position: relative;

}







.main-menu-mobile ul ul {

    width: 100%;

    position: relative;

    box-shadow: none;

 

    float: left;

  display: none;

}



.menu-toggle {

    display: block;

}



.menu-toggle {

  display: block;

  text-align: center;

  color: #000;

  font-size: 25px;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 15px;

  background-size: 70%;



  background-position: center;

  background-repeat: no-repeat;

  z-index: 99;

  

}



.main-menu-mobile {

    position: fixed;

    left: -400px;

    overflow: auto;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

    right: 0;

    height: 100%;

    max-width: 300px;

    z-index: 999;

    bottom: 0;



    top: 0;

    background-color: #fff;

}



.main-menu-mobile.active {

    left: 0%;

}



.main-menu-mobile ul li a {

    font-size: 14px;

    text-decoration: none;

    color: #000;

    display: block;

    padding: 8px 20px;

    border-bottom: 1px solid rgba(45, 45, 45, 0.2);

}



.main-menu-mobile .sub-menu li a {

    font-size: 14px;

}

.search-mobile{
  top: 50%;
  transform: translateY(-50%);
}

body.menu-change {

    overflow: hidden;

}



.overlay-main {

    background-color: #000000c2;

    position: absolute;

    visibility: hidden;

    opacity: 0;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

    z-index: 99;

}



.overlay-main.active {

    visibility: visible;

    opacity: 0.5;

}



.top-close-menu {

   text-align: center;

  line-height: 30px;

 

    top: 0;

    z-index: 3;

    right: 0;

    width: 30px;

    height: 30px;

    background-color: #333;

    background-size: 12px;

    background-repeat: no-repeat;

    background-position: center;

      color: #fff;

      border-radius: 5px;

      float: right;

}

.main-menu-mobile.active {

  left: 0%;

}





.main-menu-mobile ul li {

  width: 100%;

  border: none;

  position: relative;

}

.main-menu-mobile ul li a {

  font-size: 14px;

  text-decoration: none;

  color: #000;

  display: block;

  padding: 8px 20px;

  border-bottom: 1px solid rgba(45, 45, 45,0.2);

}



.main-menu-mobile .sub {

  position: absolute;

  top: 5px;

  right: 5px;

  width: 25px;

  height: 25px;



    color: #333;

  font-size: 16px;

  text-align: center;

  line-height: 27px;

}



.main-menu-mobile ul{

padding:0;

margin:0;

}

.header-mobile .logo-1 img{

  width: 60px;

}

.contant-content h3{

  margin-bottom: 10px;

  font-family: 'Roboto-Bold';

  font-size: 18px;

}

.contant-content  p{

  margin-bottom: 10px;

}

.ads-right-1.sticky{

  top:130px

}

.border-left{

  border-left: 1px dashed #dddd;

}









.nav-category-mobile {

  position: fixed;

  left: -400px;

  overflow: auto;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

  right: 0;

  height: 100%;

  max-width: 300px;

  z-index: 999;

  bottom: 0;



  top: 80px;

  background-color: #fff;

}

.nav-content-home  .top-close-menu{

  position: absolute;

}



.nav-category-mobile.active {

  left: 45px;

}

.overlay-main-1 {

  background-color: #000000c2;

  position: absolute;

  visibility: hidden;

  opacity: 0;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  transition: all 0.3s;

  z-index: 99;

}



.overlay-main-1.active {

  visibility: visible;

  opacity: 0.5;

}



.header-main-mobile{

  display: none;

}

.header-mobile{

  background: #fff;

}
.services-home-mobile{
  display: none;
}

.main-new-page .item-new .nav-img .title-4{
  font-size: 17px;
}
.main-new-page .item-new .nav-img h4{
  font-size: 15px;
  margin-bottom: 5px;
}

  @media only screen and (max-width: 1024px) {

 

    #main{

      width: 100%;

      overflow: hidden;

    }

  

    

  }

@media only screen and (max-width: 768px){

  .item-product .img img{

    height: 200px;

  }

  .main-logo img{

    width: 80px!important;

  }


  



  header{

    display: none!important;

  }

  header.header-mobile{

    display: block!important;

    padding:5px 0;

    z-index: 222!important;

  }

 

  .category-fix-left{

    position: fixed;

      background: #016b69;

      left: 0;

      width: 45px;

      height: 100%;

      padding: 5px;

      border-right: 1px solid #ddd;

      top: 79px;

  }

  .category-fix-left.sticky{

    top:0;

  }

  .main-share .nav-content-home {

    padding-left: 44px;

  }

  .main-share  .banner{

    padding-left: 44px;

  }

  .main-share  .content-bottom {

    padding-left: 44px;

  }

  .category-fix-left span{

    transform: rotate(90deg);

    display: inline-block;

    width: 279px;

    position: absolute;

    left: -116px;

    top: 192px;

    color: #fff;

  }

.header-main-mobile{

  display: block;

}

  .header-main-pc{

    display: none;

  }
  /*.item-sidebar .nav-item-sidebar{
    display: none;
  }*/
  .top-content-1 .item-1{
    width: 100%;
  }
  .top-content-1 >div{
    padding-top: 0!important;
  }
  .top-content-1 .item-1:nth-child(3){
    margin-top: 20px;
  }
  #slider-home .item img{
    height: auto!important;
  }

}
@media(min-width:1024px) and (max-width:1279px){
  .main-new-page .nav-item p{
    font-size: 13px;
  }
}
@media(max-width:1023px){
  .main-new-page .item-new  .item-img{
  width: 100%;
}
.main-new-page .item-new  .item-nav-img{
  width: 100%;
}
.main-new-page .row{
  margin-left: -5px;
  margin-right: -5px;
}
.main-new-page .row .col{
  padding-left: 5px;
  padding-right: 5px;
}
.main-new-page .item-new  .nav-img {
  padding:5px
}
/*.main-new-page .item-new .nav-img .title-4 {
  font-size: 16px;
}*/
/*.main-new-page .item-new  .nav-img  .desc {
  display: none!important;
}*/
/* .main-new-page .row-2{
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  margin: auto;
} */
.main-new-page .row-2>.w-full {
  order: 2;width: 100%;
}
.main-new-page .row-2 >.w-full.col-2{ 
  order: 1;width: 100%;
}
.asider-primary{
    margin-top: 20px;
  }
 

  .item-sidebar img{
    height: auto !important;
  }
}
@media only screen and (max-width: 736px){

  .sitemap{

    margin-top: 0;

  }


.owl-next{

  right: 0;

}

.owl-prev{

  left: 0;

}



.new-home-section .item .img img{

  height: 220px;

}

.social-footer {

  margin-bottom: 15px;

}







.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {

    cursor: pointer;

    cursor: hand;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}

.owl-nav >div {

  

    width: 40px;

    height: 40px;

  

    line-height: 40px;

  

}



header .right-header ul li img{

width: 30px;

height: 20px;

}

header .right-header ul li:last-child img{

  width: auto;

  height: auto;

}

.banner .slider__images {

  height: 275px!important;

}

.slider__thumbs .slider__image img{

  height: 85px!important;

}



.content-home-3 .item-large .img img{

  height: auto;

}

.Product-home  .item .img img{

  height: 150px!important;

}

.Product-home  .item .nav-img .title-2 {



    -webkit-line-clamp: 2!important;

    height: 46px!important;

    font-size: 15px;



}

.header-mobile .logo img {

  width: 150px;

}

#primary-nav-button{

  top:12px;

}

header>div>.absolute {

  top: 19px;

}

.slider-home .owl-next{

  right:0;

}

.slider-home .owl-prev{

  left:0;

}

.banner-child  .img img{

  height: 250px;

  object-fit: cover;

}

.main-info .value-info .item .nav-img{

  min-height: auto;

}



.main-product  .item .nav-img .title-2 {



  -webkit-line-clamp: 2!important;

  height: 46px!important;

  font-size: 15px;



}

.slider-raleted-product .item .nav-img .title-2 {



  -webkit-line-clamp: 2!important;

  height: 46px!important;

  font-size: 15px;



}

.main-product-detail ul.tabs li{

  padding:5px 10px;

  margin-bottom: 5px;

}

.top-content-new .item-large  .img img{

  height: auto!important;

}

.content-home .nav-content-home .item{

  min-height: inherit;

}

footer .bct img {

  width: 100px;

}
.services-home-mobile{
  display: block;
}
.services-home-pc{
  display: none;
}
.services-home-mobile .nav-services-home  .item{
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
.services-home-mobile .nav-services-home  .item .img{
  width: 47%;
  display: inline-block;
  float: left;
}
.services-home-mobile .nav-services-home  .item .img img{
  height: 120px;
}
.services-home-mobile .nav-services-home  .item .nav-img{
  width: 53%;
  display: inline-block;
  float: right;
  padding-left: 10px;
}
.services-home-mobile .nav-services-home{
  margin-top: 10px;
}
}
.support-btn{
  position: fixed;
  margin: 0;
  padding: 0;
  left: 0;
  background: #fff;
  background-color: transparent;
  cursor: pointer;
  font-size: 0;
  width: 110px;
  height: 110px;
  z-index: 1000;
}
.zalo-btn{
  bottom: 90px;
}
.call-btn{
  bottom: 0;
}
.zoomIn{
  width: 80px;
  height: 80px;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -40px;
  animation-name: zoomIn;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}
.zoomZalo {
  border: 2px solid #0789cd;
}
.zoomCall{
  border: 2px solid #c72125;
}
.pluse{
  width: 60px;
  height: 60px;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  animation-name: pulse;
  animation-duration: .5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}
.pluZalo {
  background: #0789cd;
  opacity: .75;
}
.pluCall {
  background: rgb(199 33 37 / 69%);
}
.tada{
  border-radius: 100px;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -20px;
  margin-left: -20px;
  animation-name: tadaa;
  animation-duration: .5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.tadaZalo{
  background: #0789cd;
}
.tadaCall{
  background: #c72125;
}
.tadaCall a::before{
  content: "\f095";
  font-size: 18px;
  font-family: FontAwesome;
  text-decoration: none;
  color: #fff;
  margin-left: 11px;
  position: absolute;
  margin-top: 9px;
}
.top-content .wChinh1{
  width: 30%;
}
.top-content .wChinh2{
  width: 70%;
  padding-left: 20px;
}
.top-content .wChinh1 img{
  width: 100%;
}
.top-content .wChinh2 p{
  margin-top: 0px;
}
@media(max-width:736px){
  .top-content .wChinh1,.top-content .wChinh2{
    width: 100%;
  }
  .top-content .wChinh2 p{
    margin-top: 13px;
  }
  .top-content .wChinh2{
    padding-left: 0;
  }
}


.content-new-page .description.box_content.hide{

  height: 600px;
  overflow: hidden;
  position: relative;

}

.hide:after {
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 100px;
    background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 17%, #FFFFFF 93.12%);
    display: block;
    position: absolute;
}

.object-contain{
  object-fit: contain;
}

.bg-color_primary{
  background: #12654e;
}

a.border-color_primary , input.border-color_primary{
  border-color: #12654e;
}

.box-price .price{
  color: #e5171c;
  font-weight: 700;
}

.box-price .price-old{
  color: #b2b0b0;
  font-size: 13px;
  padding-left: 10px;
}

.header-form-search{
  width: calc(100% - 50px);
}

.box-cart-header{
  width: 40px;
}

.box-cart-header .box-quantity{
  width: 15px;
  height: 15px;
  line-height: 15px;
  right: 2px;
  background: #e5171c;
  font-size: 10px;
}

.box-contact-home{
  background: #ff9643;
}

.box-contact-home .css-phWhite::placeholder{
  color: #fff !important;
}

.box-contact-home .css-phWhite:-ms-input-placeholder{
  color: #fff !important;
}

.box-contact-home .css-phWhite::-ms-input-placeholder{
  color: #fff !important;
}

.box-contact-home .css-phWhite{
  border: none;
  border-bottom: 1px solid #fff; 
  background: transparent; 
  outline: none; 
  box-shadow: none;
}

.box-contact-home .btn-submit-contact:hover{
  background: #12654e;
}

@media(min-width:1024px){
  .box-contact-home .box-title{
    width: 33.333333%;
    padding-bottom: 0;
    text-align: left;
  }

  .box-contact-home .box-form{
    width: 66.666667%;
  }

  .box-contact-home .box-title h2{
    padding-bottom: 20px;
  }

  .box-contact-home input{
    margin-bottom: 0;
  }

}

.box-btn-title{
  gap: 30px;
}

.box-btn-title h3.active{
  color: #fe9743;
}

@media(max-width:1199px){
  .box-btn-title{
    gap: 20px;
  }
}

@media(max-width: 736px){
  .box-btn-title{
    gap: 10px;
  }
}