@font-face {
    font-family: Nunito-ExtraBold;
    src: url("fonts/Nunito-ExtraBold.ttf");
  }
#header-contact{

}
#header-contact li{
    float: left;
    list-style-type: none;
    margin-right: 35px;
}
#header-contact li a{
    display: flex;
    align-items: center;
}
#header-contact li a i{
    color: #165A4C;
    font-size: 15px;
    padding-right: 8px;
}
#header-contact li a span{font-size: 14px;/* font-weight: 400; */line-height: 24px;text-align: left;color: #fff;font-family: Nunito-ExtraBold;padding-left: 10px;}
#header-contact li a span strong{
    font-weight: 700;
}
.header-social-icons{

}
.header-social-icons a{width: 23px;height: 23px;display: inline-flex;background: #fff;align-items: center;border-radius: 50%;justify-content: center;margin: 0 7px !important;}
.header-social-icons a i{
    color: #88C345;
}
.header-search-dropdown{margin-left: 1px !important;}
.header-search-dropdown a::after{
    border: unset;
    display: none;
}
.header-search-dropdown a{

}
.header-search-dropdown a i{
    font-size: 20px !important;
}
.header-nav-main>li{
    margin: 0 20px;
}
.header-nav-main>li>a{font-size: 16px;font-family: Nunito-ExtraBold !important;line-height: 24px !important;text-align: left;}
.col5-slider{

}
.col5-slider .section-title-container{margin-bottom: 0;}
.col5-slider .section-title-container h2{
    border: unset;
    margin-bottom: 0;
}
.col5-slider .section-title-container h2 span{
    font-family: Nunito-ExtraBold;
    font-size: 40px;
    font-weight: 800;
    line-height: 40px;
    text-align: left;
    color: #fff;
    border: unset;
    margin-right: 0;
    padding-bottom: 0;
}
.col5-slider p{
    font-family: Nunito-ExtraBold;
    font-size: 24px;
    font-weight: 800;
    line-height: 40px;
    text-align: right;
    color: #fff;
}
.but-khampha{background-color: #FFFFFF !important;padding: 5px 28px;}
.but-khampha span{
    font-family: Nunito-ExtraBold;
font-size: 16px;
font-weight: 800;
line-height: 24px;
text-align: center;
color: #4DB748;
}
.col6-gioithieu img{
    width: auto;
}
.col6-gioithieu p{
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
color: #706E6E;
}
.but-xemthem{padding: 0px 35px;margin-right: 0;}
.but-xemthem span{
    font-family: Nunito-ExtraBold;
font-size: 16px;
font-weight: 800;
line-height: 24px;
text-align: center;
color: #fff;
}
.sec-gioithieu::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 70px;
    width: 74px;
    height: 68px;
    background: url(images/leftgt.png) no-repeat;
}
.sec-gioithieu::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 74px;
    height: 68px;
    background: url(images/rightgt.png) no-repeat;
}
.col12-chuyenkhoa{

}
.col12-chuyenkhoa .section-title-container{

}
.col12-chuyenkhoa .section-title-container h2{
    border-bottom: 2px solid #88C345;
    padding-bottom: 10px;
    text-align: center;
}
.col12-chuyenkhoa .section-title-container h2::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 11px solid #88C345;
}
.col12-chuyenkhoa .section-title-container h2 span{
    font-family: Nunito-ExtraBold;
    font-size: 32px;
    font-weight: 800;
    line-height: 50px;
    text-align: center;
    color: #706E6E;
    margin: 0 auto;
    padding-bottom: 0;
    border: unset;
}
.adminz_tabgroup_custom{

}
.adminz_tabgroup_custom ul.nav{margin-bottom: 0px;}
.adminz_tabgroup_custom ul.nav li{
    margin: 0 10px;
    margin-bottom: 10px;
}
.adminz_tabgroup_custom ul.nav li a{
    font-family: Nunito-ExtraBold;
    background-color: #ECECEC;
    padding: 11px 68px;
    font-size: 14px;
    font-weight: 800;
    line-height: 24px;
    text-align: left;
    color: #706E6E;
    text-transform: uppercase;
}
.adminz_tabgroup_custom ul.nav li.active{
    
}
.adminz_tabgroup_custom ul.nav li.active a{
    background-color: #88C345;
    color: #fff;
}
.adminz_tabgroup_custom .panel{
    background-color: #F3F3F3;
    padding: 30px;
    padding-bottom: 0;
}
.title-home{
    padding: 0 30px;
}
.blog-item-name{margin-bottom: 20px;margin-top: 10px;}
.blog-item-name a{
    font-family: Nunito-ExtraBold;
    font-size: 32px;
    font-weight: 800;
    line-height: 24px;
    text-align: left;
    color: #88C345;
    text-transform: uppercase;
}
.desc-mota-home{
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #000000;
    border-left: 5px solid #D9D9D9;
    padding-left: 30px;
    margin-bottom: 30px;
}
.desc-mota-home p{
font-size: 14px;
font-weight: 400;
line-height: 24px;
text-align: left;
color: #000000;
}
.readmore-sp{
    
}
.readmore-sp a{
    background-color: #88C345;
    font-family: Nunito-ExtraBold;
    font-size: 16px;
    font-weight: 800;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    padding: 10px 40px;
}
.img-sp-home{
    overflow: hidden;
}
.image-blog{
overflow: hidden;
}
.image-blog img{
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.image-blog:hover img{
    webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -o-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
}
.blog-item-name-pr{/* line-height: 21px; */margin-top: 10px;}
.blog-item-name-pr a{
    font-family: Nunito-ExtraBold;
font-size: 20px;
font-weight: 800;
line-height: 32px;
text-align: center;
color: #000000;
}
.desc-post{
font-size: 14px;
font-weight: 400;
line-height: 24px;
text-align: center;
color: #706E6E;
}
.but-xemthem-pr{margin-top: 20px;}
.but-xemthem-pr a{
    font-family: Nunito-ExtraBold;
font-size: 16px;
font-weight: 800;
line-height: 24px;
text-align: center;
color: #000000;
}
.col12-thietbi{

}
.col12-thietbi h2{
    font-family: Nunito-ExtraBold;
    font-size: 32px;
    font-weight: 800;
    line-height: 50px;
    text-align: center;
    color: #706E6E;
    margin-bottom: 0px;
}
.col12-thietbi h2 span{
    color: #88C345;
}
.col12-thietbi p{
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: center;
color: #706E6E;
}
.col12-phuongcham p{font-size: 20px;font-weight: 400;line-height: 32px;text-align: center;color: #706E6E;margin-bottom: 0;}
.col-bottom{
    padding-bottom: 0;
}
.col4-thietbi{

}
.col4-thietbi .icon{
    background-color: #D9D9D9;
    border-radius: 100px;
    padding: 15px;
}
.col4-thietbi h3{
    font-family: Nunito-ExtraBold;
    font-size: 24px;
    font-weight: 800;
    line-height: 40px;
    text-align: center;
    color: #706E6E;
    position: relative;
    padding-bottom: 10px;
    margin-top: 20px;
}
.col4-thietbi h3::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    text-align: center;
    width: 27px;
    height: 8px;
    background-color: #D9D9D9;
}
.col6-tuvan{

}
.col6-tuvan h2{
    font-family: Nunito-ExtraBold;
    font-size: 32px;
    font-weight: 800;
    line-height: 50px;
    text-align: left;
    color: #fff;
}
.col6-tuvan p{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #fff;
}
.devvn_input_groups .col{
    padding-bottom: 0;
}
.form-ht {
    background: url(images/iconht.png) 98% 12px #fff no-repeat;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 24px;
    text-align: justified;
    color: #706E6E !important;
    /* border-radius: 8px !important; */
    padding: 0 15px;
    height: 46px !important;
}
.formsdt {
    background: url(images/iconphone.png) 98% 12px #fff no-repeat;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 24px;
    text-align: justified;
    color: #706E6E !important;
    /* border-radius: 8px !important; */
    padding: 0 15px;
    height: 46px !important;
}
.formemail {
    background: url(images/iconemail.png) 98% 12px #fff no-repeat;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 24px;
    text-align: justified;
    color: #706E6E !important;
    /* border-radius: 8px !important; */
    padding: 0 15px;
    height: 46px !important;
}
.id-mota{
    background: url(images/iconvitri.png) 98% 12px #fff no-repeat;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 24px;
    text-align: justified;
    color: #706E6E !important;
    /* border-radius: 8px !important; */
    padding: 0 15px;
    height: 46px !important;
}
.send-gui {
    background-color: #88C345 !important;
    font-family: Nunito-ExtraBold;
    font-size: 20px !important;
    line-height: 32px;
    color: #FFFFFF;
    text-transform: unset !important;
    margin-bottom: 0;
    padding: 0px 80px !important;
}
.footer-1 {
    padding-top: 50px;
}
.content-ft {
    float: left;
    width: 100%;
    /* margin-top: 15px; */
    margin-top: 15px;
  }
  
  .content-ft h3 {
    color: #165A4C;
    font-size: 23px;
    line-height: 26px;
    margin: 0 auto;
    margin-bottom: 14px;
    font-family: Nunito-ExtraBold;
    text-transform: uppercase;
  }
  .content-ft h4{
    font-family: Nunito-ExtraBold;
    font-size: 24px;
    font-weight: 800;
    line-height: 40px;
    text-align: left;
    color: #000000;
  }
  .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: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .content-ft ul li:nth-child(3){float: left;width: auto;margin-right: 50px;}
  .content-ft ul li:nth-child(4){width: auto;float: left;}
  .content-ft ul li span {
    color: #165A4C;
    width: 17px;
    float: left;
    font-size: 19px;
    height: 19px;
    /* padding-right: 4px; */
    line-height: 11px;
    margin-right: 10px;
  }
  
  .content-ft ul li b {
    width: calc(100% - 25px);
    float: left;
    color: #706E6E;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    line-height: 20px;

  }
  .content-ft ul li:nth-child(3) b{
    color: #165A4C;
    font-size: 24px;
    font-family: Nunito-ExtraBold;
  }
  .content-ft ul li:nth-child(4) b{
    color: #165A4C;
    font-size: 24px;
    font-family: Nunito-ExtraBold;
  }
  .content-ft ul li b strong{
    font-family: Nunito-ExtraBold;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #000000;
    display: block;
    margin-bottom: 5px;
  }
  .cs1 .social-icons{
    float: left;
    width: 100%;
    margin-top: 10px;
  }
  .cs1 .social-icons a{
    background-color: #165A4C;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #ffffff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
  .cs2 iframe{
    border-radius: 23px;
  }
  .cs4 ul{

  }
  .cs4 ul li{
    border-top: unset !important;
    float: right;
    padding-left: 30px;
  }
  .cs4 ul li a{
    font-family: Nunito-ExtraBold;
    font-size: 16px;
    font-weight: 800;
    line-height: 24px;
    text-align: left;
    color: #000000;
    padding: 0;
  }
  .absolute-footer{
    display: none;
  }
  .row-02 .col{
    padding-bottom: 0;
  }
  .row-02 aside{
    margin-bottom: 0;
  }
  .cs5 ul{margin-top: 10px;}
  .cs5 ul li{
    border-top: unset !important;
    float: right;
    padding-left: 30px;
    font-family: Nunito-ExtraBold;
    font-size: 16px;
    font-weight: 800;
    line-height: 24px;
    text-align: left;
    color: #000000;
    list-style-type: none;
  }
  .cs5 ul li a{
    font-family: Nunito-ExtraBold;
    font-size: 16px;
    font-weight: 800;
    line-height: 24px;
    text-align: left;
    color: #000000;
  }
  
  html{
    height: 100%;
  }
  #button-contact-vr {
    position: fixed;
    bottom: 0;
    z-index: 99999;
  }
  /*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;
  }
  .cs5 aside{
    margin-bottom: 0;
  }
  .breadcrumb{
background: #88c345;
  }
  .breadcrumb ul {
    padding: 10px 0;
    width: 100%;
    background-color: transparent;
    margin: 0;
    position: relative;
    text-align: left;
}
.breadcrumb ul li {
    padding: 0 12px;
    position: relative;
    display: inline-block;
    font-size: 11px;
    line-height: 20px;
    color: #ffffff;
    text-transform: uppercase;
}
.breadcrumb ul li:first-child {
    padding: 0 12px 0 0;
}
.breadcrumb ul li a {
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
}
.breadcrumb ul li ~ li:before {
    position: absolute;
    font-family: "fontawesome";
    content: "\f105";
    top: 0;
    left: -4px;
}
.es-right .txt {
    color: #333333;
    font-size: 16px;
}
.es-right .year-brand {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 15px 0px;
}
.es-right .year {
    font-size: 90px;
    line-height: 90px;
    font-weight: bolder;
    color: #88c345;
    margin-right: 10px;
}
.es-right .kdth {
    background: #88c345;
    padding: 10px 25px;
    color: #ffffff;
    text-transform: uppercase;
    margin-top: 10px;
    font-size: 18px;
}
.zalo-tc{position: fixed;bottom: 170px;left: 27px;z-index: 99;/* display: none; */}
.zalo-tc img{position: relative;}
.zalo-tc span{
  background: #88c345;
  border-radius: 10px;
  padding: 5px;
  color: #fff;
  margin-left: -15px;
  padding-left: 15px;
}
.zalo-tc-02{position: fixed;bottom: 220px;left: 27px;z-index: 99;/* display: none; */}
.zalo-tc-02 img{position: relative;}
.zalo-tc-02 span{
  padding-left: 18px;
  background: #88c345;
  border-radius: 10px;
  padding: 5px;
  color: #fff;
  margin-left: -15px;
  /* display: inline-block; */
  padding-left: 15px;
}


.hotline-phone-ring-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999999;
    /* display: none; */
  }
  .phone-two {
    bottom: 69px;
}
  .hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
  }
  .hotline-phone-ring-circle {
    width: 85px;
    height: 85px;
    top: 10px;
    left: 10px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #e60808;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0.5;
  }
  .hotline-phone-ring-circle-fill {
    width: 55px;
    height: 55px;
    top: 25px;
    left: 25px;
    position: absolute;
    background-color: rgba(230, 8, 8, 0.7);
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  .hotline-phone-ring-img-circle {
    background-color: #e60808;
    width: 33px;
    height: 33px;
    top: 37px;
    left: 37px;
    position: absolute;
    background-size: 20px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .hotline-phone-ring-img-circle .pps-btn-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .hotline-phone-ring-img-circle .pps-btn-img img {
    width: 20px;
    height: 20px;
  }
  .hotline-bar {
    position: absolute;
    background: rgba(230, 8, 8, 0.75);
    height: 40px;
    width: 180px;
    line-height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    z-index: 9;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
    border-radius: 50px !important;
    /* width: 175px !important; */
    left: 33px;
    bottom: 37px;
  }
  .hotline-bar > a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    text-indent: 50px;
    display: block;
    letter-spacing: 1px;
    line-height: 40px;
    font-family: Arial;
  }
  @-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        -webkit-opacity: 0.1;
    }
    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        -webkit-opacity: 0.5;
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: 0.1;
    }
  }
  
  @-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.6;
    }
    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
  }
  
  @-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
  }
  @-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
  }
  
  @keyframes wobble {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
  }
  
  @-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
  }
  
  @keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
  }
  .style_info {
    margin-bottom: 20px;
}
.style_info .name {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
}
.style_info .before {
    padding-left: 35px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px;
    position: relative;
}
.style_info .before:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: fontawesome;
    font-size: 14px;
    line-height: 20px;
    color: #88c345;
}
.col8-lienhe .col-inner{
    border: 10px solid #e8f4ff;
    padding: 20px 100px;
    /* max-width: 570px; */
    /* margin: 0 auto !important; */
}
#formContact .row-form .wpcf7-form-control {
    height: auto;
    padding: 10px 10px 10px 30px;
    border-radius: 0;
    border: none;
    background-color: #f9f9f9;
    border-top: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
}
#name{
    background: url(images/icon_fname.png) no-repeat 7px 50% #f9f9f9;
}
#email {
    background: url(images/icon_femail.png) no-repeat 7px 50%
}
#address{
    background: url(images/icon_faddress.png) no-repeat 7px 50% #f9f9f9;
}
#phone{
    background: url(images/icon_fphone.png) no-repeat 7px 50% #f9f9f9;
}
#contentlh {
    background: url(images/icon_fcontent.png) no-repeat 7px 10px #f9f9f9;
    height: 90px;
}
#do_submit{
    background-color: #88c345 !important;
    border-color: #88c345 !important;
    color: #ffffff;
    border: unset;
    padding: 0 40px !important;
}
#masthead{
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.title_detail {
    font-size: 22px;
    color: #000;
    font-weight: bold;
    margin-bottom: 15px;
    /* font-family: LATO-BOLD; */
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    font-family: Nunito-ExtraBold;
    text-transform: uppercase;
}
.list-video {
    padding: 0;
    background: #fff;
    margin-bottom: 0;
}
.list-video li {
    margin-bottom: 20px;
    padding-left: 0 !important;
    list-style-type: none;
}
.list-video_link {
    display: flex !important;
}
.list-video li a img {
    width: 120px;
    height: 80px;
    margin-right: 7px;
}
.list-video li a h3 {
    font-size: 17px;
    color: #000;
    line-height: 24px;
    max-height: 60px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
}
#comments{
    display: none;
}
.row-new-cate .col{
    padding-bottom: 0;
}
.row-new-cate article{
    margin-bottom: 0;
}
.sec-title-new h1{
    font-family: Nunito-ExtraBold;
font-size: 40px;
font-weight: 800;
line-height: 40px;
color: #ffffff;
margin-bottom: 0;
}
.shop-page-title{
    display: none;
}
.detail-sp{

}
.detail-sp .tabbed-content{

}
.detail-sp .tabbed-content ul.nav{
    
}
.detail-sp .tabbed-content ul.nav li{
    margin: 0 10px;
    margin-bottom: 10px;
}
.detail-sp .tabbed-content ul.nav li a{
    font-family: Nunito-ExtraBold;
    background-color: #ECECEC;
    padding: 11px 68px;
    font-size: 14px;
    font-weight: 800;
    line-height: 24px;
    text-align: left;
    color: #706E6E;
    text-transform: uppercase;
}
.detail-sp .tabbed-content ul.nav li.active{
    
}
.detail-sp .tabbed-content ul.nav li.active a{
    background-color: #88C345;
    color: #fff;
}
.detail-sp .tab-panels{
    border: unset;
    padding: 0;
    margin-top: 30px;
}
.col6-left-sp{

}
.col6-left-sp .section-title-container{margin-bottom: 0;}
.col6-left-sp .section-title-container h3{
    border: unset;
    margin-bottom: 0;
    position: relative;
}
.col6-left-sp .section-title-container h3 span{
    font-family: Nunito-ExtraBold;
    font-size: 16px;
    font-weight: 800;
    line-height: 24px;
    text-align: left;
    color: #88C345;
    border: unset;
    margin-right: 0;
    padding-bottom: 0;
    position: relative;
}
.col6-left-sp .section-title-container h3 span::before{
    content: "";
    position: absolute;
    right: -100px;
    bottom: 6px;
    width: 75px;
    height: 4px;
    background: #88C345;
}
.col6-left-sp .section-title-container h4{
    border: unset;
    margin-bottom: 20px;
}
.col6-left-sp .section-title-container h4 span{
    font-family: Nunito-ExtraBold;
    font-size: 20px;
    font-weight: 800;
    line-height: 32px;
    text-align: left;
    color: #706E6E;
    margin-right: 0;
    border: unset;
    padding-bottom: 0;
    text-transform: unset;
}
.col6-left-sp ul{
    /* column-count: 2; */
    /* margin: 0 auto; */
    /* width: fit-content; */
    /* column-gap: 35px; */
    /* list-style: none; */
}
.col6-left-sp ul li{
    font-family: Nunito-ExtraBold;
    margin: 0;
    font-size: 14px;
    color: #706E6E;
    margin-bottom: 25px;
    background: url(images/icheck.png) left center no-repeat;
    height: 31px;
    display: flex;
    align-items: center;
    padding-left: 40px;
}
.col6-left-sp .icon-box{
    background-color: #ECECEC;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: justify;
    color: #000000;
    padding: 30px;
}
.col6-left-sp .icon-box p{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: justify;
    color: #000000;
}
.but-zalo{background-color: #88C345;width: 100%;text-align: center;margin-bottom: 0;padding: 5px 10px;}
.but-zalo span{
    font-family: Nunito-ExtraBold;
font-size: 20px;
font-weight: 800;
line-height: 32px;
text-align: justify;
color: #ffffff;
}
.but-call{background-color: #F2F2F2 !important;width: 100%;text-align: center;margin-bottom: 0;padding: 5px 10px;margin-right: 0;border: 2px solid #F2F2F2 !important;}
.but-call span{
    font-family: Nunito-ExtraBold;
font-size: 20px;
font-weight: 800;
line-height: 32px;
text-align: justify;
color: #4DB748;
}
@media(max-width:768px){
    .sec-gioithieu::before{
        display: none;
    }
    .sec-gioithieu::after{
        display: none;
    }
}
@media(max-width:549px){
    .col5-slider .section-title-container h2 span{
        font-size: 32px;
    }
    .but-khampha{
        padding: 5px 10px;
    }
    .sec-gioithieu{
        padding-bottom: 0 !important;
    }
    .col12-chuyenkhoa .section-title-container h2 span{
        font-size: 25px;
        line-height: 45px;
    }
    .adminz_tabgroup_custom ul.nav li a{
        padding: 10px 20px;
    }
    .title-home{
        padding: 0;
    }
    .blog-item-name a{
        font-size: 25px;
        line-height: 30px;
    }
    .sec-chuyenkhoa{
        padding-bottom: 0 !important;
    }
    .new-slider-new .col{
        padding-bottom: 0;
    }
    .sec-sanpham-khac{
        padding-bottom: 0;
    }
    .col12-thietbi h2{
        font-size: 25px;
        line-height: 35px;
    }
    .col4-thietbi h3{
        font-size: 20px;
        line-height: 32px;
    }
    .col6-tuvan h2{
        font-size: 25px;
        line-height: 35px;
    }
    .content-ft h3{
        font-size: 20px;
        text-align: center;
    }
    .content-ft ul li:nth-child(3){
        float: left;
        width: 100%;
        margin-right:0;
    }
    .content-ft ul li:nth-child(4){
        float: left;
        width: 100%;
    }
    .es-right .year-brand{
        display: block;
    }
    .col8-lienhe .col-inner{
        padding: 20px 20px;
    }
    .list-video li a h3{
        font-size: 15px;
        max-height: 65px;
    }
    .title_detail{
        font-size: 18px;
    }
    .sec-title-new h1{
        font-size: 32px;
    }
    .detail-sp .tabbed-content ul.nav li a{
        padding: 10px 20px;
    }
}