@font-face {
    font-family: "Roboto-Black";
    src: url('../fonts/Roboto-Black.eot');
    src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg'), url('../fonts/Roboto-Black.woff') format('woff'), url('../fonts/Roboto-Black.ttf') format('truetype');
    font-weight: normal;
   font-style: normal;
}
@font-face {
    font-family: "Roboto-Bold";
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: normal;
   font-style: normal;
}
@font-face {
    font-family: "Roboto-Regular";
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
   font-style: normal;
}
body{
   background: none;
   font-family: "Roboto-Regular";
   font-size: 14px;
}
::-webkit-scrollbar{
   width:6px;
}
::-webkit-scrollbar-track{
   -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
   -webkit-border-radius:10px;
   border-radius:10px;
}
::-webkit-scrollbar-thumb{
   -webkit-border-radius:10px;
   border-radius:10px;
   background:rgba(226,64,53,0.8);
   -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive{
   background:rgba(0,0,0,0.4);
}
::-webkit-scrollbar:horizontal{
   height: 3px;
}
.clear{
   clear: both;
}
a:hover,a:focus{
   text-decoration: none;
   color:#c4161c;
}
ul,ol{
   margin: 0;
   padding: 0;
    list-style: none;
}
b{
   font-family: "Roboto-Bold";
   font-weight: normal;
}
.img-responsive {
   margin: 0 auto;
}
.box_form_lienhe ul
{
  display: inline-flex;
  margin-top: 50px;
}
.box_form_lienhe ul img
{
  width: 90%;
}
.showalert{
   position: fixed;
   bottom: 10px;
   right: 10px;
   z-index: 9999;
}
.showalert button{
   position: absolute;
   top: 5px;
   right: 10px;
   z-index: 9999;
   outline: none;
   opacity: 0.9
}
.alert{
   display: inline-block;
   padding-right: 70px
}
iframe .ytp-title-link{
   display: none!important;
}
#fullpage {
   overflow: hidden;
   max-width: 100%;
}
.menu-top.hidden-xs {
    background:rgb(42, 85, 66);
   /*background:rgba(38,64,61,0.23);
    border-radius: 0px 0px 0 0;
   */
}
.info_top {
    color:#2a5745;
    text-align: left;
    font-size: 13px;
    letter-spacing: -0.7px;
    margin-top: 5px;
}
.info_top a {
    color: #2a5745;
}
.menu-top ul li{
   list-style: none;
   position: relative;
}
.menu-top > .container > ul {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 40px;
}
.menu-top ul li a{
   display: block;
   padding: 20px 0;
   font-family: "Roboto-Bold";
   color: #fff;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-size: 13px;
}
.menu-top ul li.active a,.menu-top ul li a:hover{
   color: #eae01f;
}
.menu-top ul li ul{
   position: absolute;
   width: 220px;
   visibility: hidden;
   top: 130%;
   transition: all 0.2s linear;
   padding-top: 17px;
}
.menu-top ul li:hover ul{
   visibility: visible;
   top: 100%
}
.menu-top ul li ul li{
   background: rgba(84,48,24,0.65);
   float: none;
   width: 100%;
}
.menu-top ul li ul li a{
   font-size: 13px;
   padding: 10px 20px;
   text-align: left;
   padding-left: 20px!important;
}
.sectionh1{
   background: url(../images/bg_dv.png) no-repeat center center;
   padding-bottom: 50px;
   background-size: cover;
}
.sectionh1 .box{
   background: #eaae1a;
   padding: 10px;
}
.sectionh1 ul li{
   list-style: none;
   text-align: center;
}
.sectionh1 ul{
   margin-top: -125px;
}
.sectionh1 ul li a.name{
   background: url(../images/ht.png) no-repeat left center;
   display: inline-block;
   color: #437b62;
   font-size: 24px;
   font-family: "Roboto-Bold";
   text-transform: uppercase;
   padding: 5px 0 5px 52px;
   margin-top: 18px;
}
.about_wrapper{
   padding: 60px 0;
   background-position: center center!important;
   background-repeat: no-repeat!important;
   background-size: cover!important;
}
.about_wrapper .box{
   background: rgba(255,255,255,0.3);
   border-radius: 30px;
   padding: 10px 50px 30px;
}
.about_wrapper .box .title{
   color: #498069;
   font-size: 24px;
   text-transform: uppercase;
   font-family: "Roboto-Bold";
   text-align: right;
}
.about_wrapper .box .title span{
   color: #8ccab0;
}
.about_wrapper .box .note{
   color: #1c1c1c;
   line-height: 24px;
   margin-top: 25px;
   text-align: justify;
}
.about_wrapper .box .detail{
   color: #eaae1a;
   text-transform: uppercase;
   float: right;
   display: inline-block;
   padding: 10px 26px;
   border-radius: 10px;
   background: #437b62;
   margin-top: 20px;
   transition: all 0.2s linear;
}
.about_wrapper .box .detail i{
   margin-left: 6px;
   font-size: 16px
}
.about_wrapper .box .detail:hover{
   color: #437b62;
   background: #eaae1a;
}
.home_wrapper{
   background: #efefef url(../images/bg_dvnb.png) no-repeat right bottom;
   padding: 20px 0 40px;
}
.title-content{
   text-align: center;
   color: #437b62;
   text-transform: uppercase;
   font-family: "Roboto-Bold";
    margin-bottom: 25px
}
.title-content span{
   display: inline-block;
   background: url(../images/ht.png) no-repeat left center;
   padding: 10px 0 10px 55px 
}
.dv_nb li .name{
   text-align: center;
   position: relative;
   display: block;
   color: #437b62;
   margin-top: 20px;
   padding-bottom: 8px;
   font-family: "Roboto-Bold";
   text-transform: uppercase;
   height: 45px;
}
.dv_nb li .name:hover{
   color: #eaae1a
}
.dv_nb li .name:after{
   position: absolute;
   width: 120px;
   height: 1px;
   content: '';
   background: #437b62;
   left: 50%;
   margin-left: -60px;
   bottom: 0
}
.h3 {
   font-size: 18px !important;
}
figure {
   position: relative;
   overflow: hidden;
}
figure::before {
   position: absolute;
   top: 0;
   left: -75%;
   z-index: 2;
   display: block;
   content: '';
   width: 50%;
   height: 100%;
   background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
   background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
   -webkit-transform: skewX(-20deg);
   transform: skewX(-20deg);
}
figure:hover::before {
   -webkit-animation: shine .75s;
   animation: shine .75s;
}
@-webkit-keyframes shine {
   100% {
       left: 100%;
   }
}
@keyframes shine {
   100% {
       left: 100%;
   }
}
a{
   transition: all 0.2s linear;
}
.home_wrapper.other{
   background: #fff url(../images/bg_tt.png) no-repeat left bottom
}
.tt_nb li{
   list-style: none
}
.tt_nb li img:hover{
   opacity: 0.8
}
.tt_nb li .info{
   background: #437b62;
   padding: 14px
}
.tt_nb li .info h3, .h3 {
    font-size: 13px;
    line-height: 18px;
}
.tt_nb li .info .name{
   font-family: "Roboto-Bold";
   color: #fff;
   text-transform: uppercase;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   margin-top: 8px;
}
.tt_nb li .info .name:hover{
   color: #eaae1a
}
.tt_nb li .note{
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   line-height: 24px;
   color: #d6fbeb;
   margin-top: 10px
}
.image_wrapper li{
   list-style: none;
   width: 20%;
   float: left;
   padding: 5px;
}
.image_wrapper li a img {
    position: relative;
    display: block;
    width: 100%;
    height: 173px;
}
.image_wrapper li a{
   position: relative;
   display: block;
    width: 100%;
    height: 100%;
}
.image_wrapper li a:after{
   position: absolute;
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,0.7) url(../images/ht.png) no-repeat center center;
   top: 0;
   left: 0;
   content: '';
   opacity: 0;
   transition: all 0.2s linear;
}
.image_wrapper li:hover a:after{
   opacity: 1;
}
.taolao_wrapper{
   padding: 20px 0 40px;
   background-position: center center!important;
   background-repeat: no-repeat!important;
   background-size: cover!important;
}
.taolao_wrapper .title{
   color: #4d896f;
   font-size: 22px;
   text-transform: uppercase;
   padding-bottom: 20px;
   font-family: "Roboto-Bold";
}
.taolao_wrapper .taolao_left{
   padding-right: 55px
}
.taolao_wrapper .taolao_right{
   padding-left: 55px
}
.taolao_wrapper form{
   width: 100%
}
.taolao_wrapper form input,.taolao_wrapper form textarea{
    width: 100%;
    padding: 10px;
    font-style: italic;
    color: #437b62;
    margin-bottom: 14px;
    background: #fff;
    border: none;
    outline: none;
    border-radius: 4px;
    opacity: 0.7;
}
.taolao_wrapper form input::-webkit-input-placeholder {
   color: #437b62;
}
.taolao_wrapper form input::-moz-placeholder {
   color: #437b62;
}
.taolao_wrapper form input:-ms-input-placeholder {
   color: #437b62;
}
.taolao_wrapper form input:-moz-placeholder {
   color: #437b62;
}
.taolao_wrapper form textarea::-webkit-input-placeholder {
   color: #437b62;
}
.taolao_wrapper form textarea::-moz-placeholder {
   color: #437b62;
}
.taolao_wrapper form textarea:-ms-input-placeholder {
   color: #437b62;
}
.taolao_wrapper form textarea:-moz-placeholder {
   color: #437b62;
}
.taolao_wrapper form button{
   float: right;
   border-radius: 3px;
   padding: 7px 23px;
   text-transform: uppercase;
   background: #437b62;
   color: #fff;
   text-transform: uppercase;
   font-family: "Roboto";
   border: none;
   outline: none;
   margin-top: 15px;
    font-size: 15px;
}
.ul_phanhoi .item_top{
    background: #fff url(../images/ht23.png) no-repeat 30px 92%;
    padding: 30px;
    padding-bottom: 30px;
    padding-bottom: 50px;
    text-align: center;
    line-height: 24px;
    color: #447a62;
    border-radius: 4px;
    position: relative;
    margin-bottom: 30px;
    opacity: 0.7;
}
.ul_phanhoi .item_top:before{
   position: absolute;
   content: '';
   background: url(../images/cc.png) no-repeat;
    ;
   width: 24px;
   height: 15px;
   bottom: -15px;
   left: 82px;
}
.ul_phanhoi li{
   list-style: none;
   outline: none;
}
.ul_phanhoi .item_bot{
   padding-left: 50px;
   display: flex;
   align-items: center;
}
.ul_phanhoi .item_bot .img{
   display: inline-block;
   width: 90px;
   height: 90px;
   float: left;
   position: relative;
}
.ul_phanhoi .item_bot .img img{
   width: 100%;
   height: 100%;
   border-radius: 50%;
}
.ul_phanhoi .item_bot .img{
}
.ul_phanhoi .item_bot .name{
   color: #609f84;
   font-size: 16px;
   font-family: "Roboto";
}
.ul_phanhoi .item_bot .note{
   color: #447a62;
}
.ul_phanhoi .item_bot .right{
   margin-left: 15px;
}
.ul_phanhoi .item_bot .right p{
   margin: 0;
}
.ul_phanhoi.ul_phanhoio .item_bot .name{
   color: #fff;
   font-size: 16px;
   font-family: "Roboto";
}
.ul_phanhoi.ul_phanhoio .item_bot .note{
   color: #609f84;
    font-style: italic;
}
.footer_wrapper{
   background: #042b17;
   padding: 40px 0 30px;
    color: #fff;
}
.footer_wrapper .footer1 img{
   margin-left: 0;
   width: 80%;
}
.footer_wrapper .footer1 ul{
   margin-top: 20px;
}
.footer_wrapper .footer1 ul li{
   list-style: none;
   padding: 3px 0;
}
.copyright{
   font-size: 12px;
   margin-top: 10px;
   font-family: "Roboto";
}
.footer_wrapper .footer1 ul li a,.copyright a{
   color: #eaae1a
}
.copyright a span{
   color: #437b62
}
.bot_title{
   color: #fff;
   font-family: "Roboto-Bold";
   text-transform: uppercase;
   font-size: 18px;
   padding: 15px 0 25px;
}
.menufot li{
   list-style: none;
}
.menufot{
   -webkit-column-count: 2;
   -moz-column-count: 2;
   column-count: 2;
}
.menufot li a{
   display: block;
   color: #fff;
   text-transform: uppercase;
    font-size: 12px;
   line-height: 23px;
}
.social_bot{
   margin-top: 20px;
   text-align: center;
}
.social_bot a{
   display: inline-block;
   width: 45px;
   height: 45px;
   border:2px solid #fff;
   border-radius: 50%;
   text-align: center;
   padding-top: 12px;
   margin: 0 10px
}
.social_bot a i{
   color: #fff;
   font-size: 22px;
}
.title-contentk{
    font-size: 16px;
    color: #fff;
    font-family: "Roboto";
}
.title-contentk span{
   color: #c4161c;
}
.breadcrumb{
   background: transparent;
   padding-left: 0;
}
.breadcrumb li a{
   color:#3c795e;
}
.breadcrumb li:last-child a{
   color:#fff;
}
.breadcrumb > li + li:before{
   color: #3c795e;
   content: "»";
    width: 30px;
   height: 10px;
   display: inline-block;
   text-align: center;
}
.box_form_lienhe textarea,.box_form_lienhe input{
   width: 100%;
   padding: 12px;
   background: #fff;
   border: 1px solid #e3dddd;
}
.box_form_lienhe button{
   float: right;
   background: #c38c38;
   padding: 8px 30px;
   text-transform: uppercase;
   color: #fff;
   font-family: "OpenSans-Bold";
   font-size: 18px;
   border: none;
}
.contact_box{
   padding: 40px 0;
}
.other_box{
   padding: 20px 0 0;
}
.item_news{
   margin-bottom: 30px;
}
.item_news .name{
   margin-top: 5px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.1em;
}
.item_news .name a{
   color: #437b62;
   text-transform: uppercase;
   font-size: 14px;
   font-family: "Roboto-Bold";
}
.item_news .name a:hover{
   color: #eaae1a
}
.item_news .note{
   color: #171616;
   line-height: 24px;
}
.ct_left_ul .name{
   margin-top: 3px;
}
.ct_left_ul .name a{
   font-size: 14px;
   font-family: "Roboto";
   color: #437b62;
   display: block;
}
.ct_left_ul .name a:hover{
   color: #eaae1a
}
.ct_left_ul li{
   margin-bottom: 15px;
   padding-bottom: 15px;
   border-bottom: 1px solid #c8c8c8;
   list-style: none;
}
.noi_dung{
   font-family: tahoma;
}
.noi_dung h1,.noi_dung h2,.noi_dung h3{
   margin-top: 20px;
    margin-bottom: 10px;
   line-height: 1.5
}
.noi_dung li{
   list-style:inherit;
}
.noi_dung img{
   max-width:100%;
   height: auto!important;
}
.noi_dung table{
   width:100%;
}
.noi_dung iframe{
   width:100%;
}
.noi_dung ul,.noi_dung ol{
   padding-left: 16px;
}
.noi_dung p{
   line-height: 24px;
}
.content_titleother{
   color: #437b62;
   font-size: 17px;
   text-transform: uppercase;
   position: relative;
   padding-bottom: 8px;
   margin-bottom: 20px;
   font-family: "Roboto-Bold";
}
.content_titleother:after{
   position: absolute;
   content: '';
   height: 2px;
   width: 70px;
   background: #437b62;
   bottom: 0;
   left: 0;
}
.name-title{
   font-family: "Roboto-Bold";
   color: #4d896f;
   margin-top: 0;
   font-size: 20px !important;
}
.chu_thich_detail{
   font-size: 14px;
   line-height: 22px;
   font-style: italic;
}
.product{
   display: flex;
   flex-wrap: wrap;
}
.product .item{
   margin-bottom: 20px;
   text-align: center;
   outline: none;
   width: 20%;
   list-style: none;
}
.product .item .img{
   display: block;
   padding: 20px;
   outline: none;
}
.product .item .name{
   display: block;
   color: #43352c;
   font-size: 18px;
   font-family: "Roboto-Bold";
   text-transform: uppercase;
   outline: none;
}
.product .item .price{
   font-size: 18px;
   color: #0c0c0c;
   margin-top: 15px;
   outline: none;
}
.aa-detail{
   font-family: "Roboto-Bold";
   color:#eaae1a;
   margin-bottom: 20px;
}
.amount{
   color: red;
   font-size: 28px;
}
.note_detail{
   margin-top: 20px;
   line-height: 28px;
}
.thu_vien li{
   margin-bottom: 30px;
   list-style: none;
}
.slick-prev:before, .slick-next:before{
   background: rgba(0,0,0,0.7);
    border-radius: 50%;
   padding: 15px 16px;
}
.slick-prev, .slick-next{
   z-index: 99
}
.slick-prev {
    left: 25px;
}
.slick-next {
    right: 55px;
}
.tu_van{
   padding: 0;
   list-style: none;
}
.tu_van li{
   margin-bottom: 25px;
}
.tu_van li h2{
    background-size: contain;
    padding: 10px;
    color: #fff;
    text-align: left;
    font-family: "Roboto-Bold";
    font-size: 16px;
    line-height: 25px;
    padding-right: 50px;
    border-radius: 10px;
    background: #563c29;
    position: relative;
}
/*.tu_van li h2 span{
    background-color: #437b62;
    background-image: repeating-linear-gradient(#437b62, yellow 10%, green 20%);
    font-size: 17px;
    font-weight: bold;
    padding: 3px 5px;
    color: #437b62;
}
*/
.social-button{
    display: inline-grid;
    position: fixed;
    bottom: 15px;
    right: 220px;
    min-width: 45px;
    text-align: center;
    z-index: 99999;
}
.social-button-content{
   display: inline-grid;
}
.social-button a {
   padding:8px 0;
   cursor: pointer;
   position: relative;
}
.social-button 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;
}
.social-button span{
    display: none;
}
.alo-circle {
    animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: zoomIn;
    width: 50px;
    height: 50px;
    top: 3px;
    right: -3px;
    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;
}
.alo-circle-fill {
    animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: pulse;
    width: 60px;
    height: 60px;
    top: -2px;
    right: -8px;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    background-color: rgba(0, 175, 242, 0.5);
    opacity: .75;
}
.call-icon:hover > span, .mes:hover > span, .sms:hover > span, .zalo:hover > span{
   display: block
}
.social-button a span {
    border-radius: 5px;
    text-align: center;
    background: rgb(103, 182, 52);
    padding: 9px;
    display: none;
    width: 180px;
    margin-right: 5px;
    position: absolute;
    color: #ffffff;
    z-index: 999;
    top: 9px;
    right: 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;
}
.tu_van li h3{
   padding: 1em 1em 1em 20px;
   background: #e6e6e6;
   color: #333;
   text-align: left;
   display: none;
   font-size: 16px;
   color: #585858;
   line-height: 22px;
    margin-top: 10px;
   border-radius: 10px;
}
.tru{
   display: none;
}
.tu_van li h3 strong{
   padding-bottom: 10px;
   display: block;
}
.tu_van li h3 p{
   line-height: 22px;
}
.tu_van li h2:hover{
   color: #fff;
   background: #eaae1a
}
.tu_van li .cong h2:after{
   position: absolute;
   content: '+';
   font-size: 35px;
   font-weight: bold;
   right: 15px;
   top: 10px;
}
.tu_van li .tru h2:after{
   position: absolute;
   content: '-';
   font-size: 35px;
   font-weight: bold;
   right: 15px;
   top: 10px;
}
.hotline-whatsapp{
   bottom:255px;
   right:7px;
   position:fixed;
   z-index:999;
}
.hotline-whatsapp:hover{
   transform: scale(1.1);
}
.hovicon{
   display:inline-block;
   font-size:40px;
   cursor:pointer;
   margin:8px;
   width:40px;
   height:40px;
   border-radius:50%;
   text-align:center;
   position:relative;
   text-decoration:none;
   z-index:1;
   color:#1E77D1;
}
.hovicon a{
   left:0;
   position:relative;
   top:-12px;
   line-height:35px;
}
.hovicon:after{
   pointer-events:none;
   position:absolute;
   width:100%;
   height:100%;
   border-radius:50%;
   content:'';
   -webkit-box-sizing:content-box;
   -moz-box-sizing:content-box;
   box-sizing:content-box;
}
.hovicon:before{
   speak:none;
   font-size:48px;
   line-height:90px;
   font-style:normal;
   font-weight:normal;
   font-variant:normal;
   text-transform:none;
   display:block;
   -webkit-font-smoothing:antialiased;
}
.hovicon.effect-8{
   background:rgba(255, 255, 255, 0.1);
   -webkit-transition:-webkit-transform ease-out 0.1s, background 0.2s;
   -moz-transition:-moz-transform ease-out 0.1s, background 0.2s;
   transition:transform ease-out 0.1s, background 0.2s;
}
.hovicon.effect-8:after{
   top:0;
   left:0;
   padding:0;
   z-index:-1;
   box-shadow:0 0 0 2px rgba(255, 255, 255, 0.1);
   opacity:0;
   -webkit-transform:scale(0.9);
   -moz-transform:scale(0.9);
   -ms-transform:scale(0.9);
   transform:scale(0.9);
}
.hovicon.effect-8{
   background:rgba(255, 255, 255, 0.05);
   -webkit-transform:scale(0.93);
   -moz-transform:scale(0.93);
   -ms-transform:scale(0.93);
   transform:scale(0.93);
   color:#fff;
}
.hovicon.effect-8 i{
   color:red;
}
.hovicon.effect-8:after{
   -webkit-animation:sonarEffect 1.3s infinite ease-out 75ms;
   -moz-animation:sonarEffect 1.3s infinite ease-out 75ms;
   animation:sonarEffect 1.3s infinite ease-out 75ms;
}
.hovicon i{
   position:relative;
   animation: 1.3s ease-out 75ms normal none infinite running tada;
}
.hovicon > a > i{
   font-size:32px !important;
}
.hovicon span{
   background-color:red;
   border-radius:5px;
   display:inline-block;
   font-size:16px;
   left:70px;
   padding:10px;
   position:absolute;
   top:12px;
   visibility:visible;
   font-weight: bold;
   text-align: left;
   width: 140px;
   height: 34px;
   display: none;
}
.hovicon span::before{
   color:red;
   content:"\f0d9";
   font-family:fontawesome;
   font-size:1.7em;
   left:-8px;
   position:absolute;
   top:-2px;
}
.hovicon:hover span{
   visibility:visible;
}
.dam-ef {
   bottom: 45%;
   left: inherit;
   right: 0;
}
.dam-ef .hovicon span{
    right: 70px;
   left: inherit;
}
.dam-ef .hovicon span::before{
   right: -8px;
   left: inherit;
   content: "\f0da"
}
@-webkit-keyframes sonarEffect{
   0%{
       opacity:0.3;
   }
    40%{
       opacity:0.5;
       box-shadow:0 0 0 2px rgba(255,0,0,0.1), 0 0 10px 10px rgba(255,0,0,1), 0 0 0 10px rgba(255, 255, 255, 0.5);
   }
    100%{
       box-shadow:0 0 0 2px rgba(255,0,0,0.1), 0 0 10px 10px rgba(255,0,0,1), 0 0 0 10px rgba(255, 255, 255, 0.5);
       -webkit-transform:scale(1.5);
       opacity:0;
   }
}
@-moz-keyframes sonarEffect{
   0%{
       opacity:0.3;
   }
    40%{
       opacity:0.5;
       box-shadow:0 0 0 2px rgba(255,0,0,0.1), 0 0 10px 10px rgba(255,0,0,1), 0 0 0 10px rgba(255, 255, 255, 0.5);
   }
    100%{
       box-shadow:0 0 0 2px rgba(255,0,0,0.1), 0 0 10px 10px rgba(255,0,0,1), 0 0 0 10px rgba(255, 255, 255, 0.5);
       -moz-transform:scale(1.5);
       opacity:0;
   }
}
@keyframes sonarEffect{
   0%{
       opacity:0.3;
   }
    40%{
       opacity:0.5;
       box-shadow:0 0 0 2px rgba(255,0,0,0.1), 0 0 10px 10px rgba(255,0,0,1), 0 0 0 10px rgba(255, 255, 255, 0.5);
   }
    100%{
       box-shadow:0 0 0 2px rgba(255,0,0,0.1), 0 0 10px 10px rgba(255,0,0,1), 0 0 0 10px rgba(255, 255, 255, 0.5);
       transform:scale(1.5);
       opacity:0;
   }
}
.img-top--title {
    background: #0d442d;
    padding-top: 20px;
}
/* Mục lục tự động */
.widget-toc {
    border-radius: 4px;
    border: 2px solid #6bab8f;
    padding: 15px 15px 10px 15px;
    margin-top: 10px;
    margin-bottom: 20px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.widget-toc .widget-toc-title {
    line-height: 16px;
    margin-bottom: 5px;
   /*border-bottom: 1px dashed #257150;
   */
    padding-bottom: 8px;
    text-transform: uppercase;
    font-weight: 600;
    color: #257150;
}
.widget-toc .widget-toc-title i {
    margin-left: 5px;
    cursor: pointer;
}
.widget-toc>ol {
    padding: 0px;
    margin: 0px;
}
.widget-toc>ol ol {
    padding-left: 20px;
}
.widget-toc>ol li {
    line-height: 1.9em;
   /*border-bottom: 1px dotted #58987e;
   */
}
.widget-toc>ol li a {
    color: #2c9687;
}
.widget-toc>ol {
    counter-reset: roman;
}
.widget-toc>ol>li:before {
    counter-increment: roman;
    content: counter(roman, decimal) ".";
    padding-right: 5px;
}
.widget-toc>ol {
    list-style: none;
}
.widget-toc>ol li ol {
    counter-reset: inner;
}
.widget-toc>ol ol li:before {
    counter-increment: inner;
    content: counter(roman, decimal) "." counters(inner, '.');
    padding-right: 5px;
}
.widget-toc ol li::marker {
    display: none;
    font-size: 0px;
    content: '';
}
/* Mục lục tự động */
@media (min-width: 1366px){
    .popup{
        background-color: #ffffff;
        width: 60% !important;
        padding: 15px 25px;
        position: absolute;
        transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;
        border-radius: 8px;
        font-family: "Poppins",sans-serif;
        display: none;
        text-align: center;
   }
}
.popup{
    background-color: #ffffff;
    width: 60% !important;
    padding: 15px 25px;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    border-radius: 8px;
    font-family: "Poppins",sans-serif;
    display: none;
    text-align: center;
}
@media (max-width: 1024px){
    .popup{
        background-color: #ffffff;
        width: 60% !important;
        padding: 15px 25px;
        position: absolute;
        transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;
        border-radius: 8px;
        font-family: "Poppins",sans-serif;
        display: none;
        text-align: center;
   }
}
@media (max-width: 991px){
    .popup{
        background-color: #ffffff;
        width: 60% !important;
        padding: 15px 25px;
        position: absolute;
        transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;
        border-radius: 8px;
        font-family: "Poppins",sans-serif;
        display: none;
        text-align: center;
   }
}
@media (max-width: 991px){
    .sectionh1 ul {
       margin-top: -80px;
   }
    .sectionh1 ul li a.name{
       font-size: 16px;
       background-size: contain;
   }
    .taolao_wrapper .taolao_left{
       padding-right: 15px
   }
    .taolao_wrapper .taolao_right{
       padding-left: 15px
   }
    .product .item{
       width: 25%;
   }
}
@media (max-width: 767px){
	.image_wrapper li a img {height: auto !important;}
    .register-fixed {
        bottom: 80px !important;
   }
    .sectionh1 ul {
       margin-top: 30px;
   }
    .dv_nb li img,.tt_nb li img,.sectionh1 .box img{
       width: 100%;
   }
    .tt_nb li,.dv_nb li,.sectionh1 ul li {
       margin-bottom: 20px;
   }
    .image_wrapper li{
       width: 33.3%
   }
    .image_wrapper li:last-child{
       display: none;
   }
    .header a{
       top: 8.5px
   }
    .bottom-contact{
       margin-top: 20px;
   }
    .item_news .name {
       margin-top: 0;
       margin-bottom: 15px;
       line-height: 16px;
   }
    .product_right{
       margin-bottom: 20px;
   }
    .product .item{
       width: 33.33%;
   }
    .title-contentk {
        font-size: 13px;
        color: #bce1d2;
       text-transform: none !important;
   }
    .breadcrumb li:last-child a {
        color: #bce1d2;
        font-size: 12px;
       text-transform: none !important;
   }
    .breadcrumb li a {
        color: #64a88c;
        font-size: 13px;
       text-transform: none !important;
   }
    .tt_nb li .info h3, .h3 {
        font-size: 13px;
        line-height: 18px;
   }
    .item_news .name {
        margin-top: 10px;
        margin-bottom: 15px;
        line-height: 16px;
   }
    .info_top {
        display: none;
   }
    .popup{
        background-color: #ffffff;
        width: 80% !important;
        padding: 15px 25px;
        position: absolute;
        transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;
        border-radius: 8px;
        font-family: "Poppins",sans-serif;
        display: none;
        text-align: center;
   }
}
@media (max-width: 600px){
	.image_wrapper li a img {height: auto !important;}
    .language-comp {padding: 0;margin: 0;display: block !important;position: fixed;right: 15px;top: 40px;z-index: 9;}
.language-comp li a {display: block;width: 25px !important;}
	.col-479{
       width: 100%;
       float: none;
   }
    .hidden-479{
       display: none !important;
   }
    .col-479-6{
       width: 50%;
   }
    .product .item{
       width: 50%;
   }
    .info_top {
        display: none;
   }
    .popup{
        background-color: #ffffff;
        width: 90% !important;
        padding: 15px 25px;
        position: absolute;
        transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;
        border-radius: 8px;
        font-family: "Poppins",sans-serif;
        display: none;
        text-align: center;
   }
}
@media (max-width: 479px){
	.image_wrapper li a img {height: auto !important;}
    .language-comp {padding: 0;margin: 0;display: block !important;position: fixed;right: 15px;top: 40px;z-index: 9;}
.language-comp li a {display: block;width: 25px !important;}
	.col-479{
       width: 100%;
       float: none;
   }
    .hidden-479{
       display: none!important;
   }
    .col-479-6{
       width: 50%;
   }
    .product .item{
       width: 50%;
   }
    .info_top {
        display: none;
   }
    .popup{
        background-color: #ffffff;
        width: 95% !important;
        padding: 15px 25px;
        position: absolute;
        transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;
        border-radius: 8px;
        font-family: "Poppins",sans-serif;
        display: none;
        text-align: center;
   }
}
@media (max-width: 375px){
	.image_wrapper li a img {height: auto !important;}
    .language-comp {padding: 0;margin: 0;display: block !important;position: fixed;right: 15px;top: 40px;z-index: 9;}
.language-comp li a {display: block;width: 25px !important;}
	.info_top {
        display: none;
   }
    .popup{
        background-color: #ffffff;
        width: 96% !important;
        padding: 15px 25px;
        position: absolute;
        transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;
        border-radius: 8px;
        font-family: "Poppins",sans-serif;
        display: none;
        text-align: center;
   }
}

.main-slider .item{
   width: 100%;
   padding-top: 45%;
   overflow: hidden;
   background-position: center center;
   background-size: cover;
   transition: all 0.5s ease;
}
.main-slider .item.image img{
   display: none;
}
.main-slider .slick-active .item.image {
   animation-duration: 5s;
   transition: opacity 0.5s ease 0.3s;
   animation-name: zoomInImage;
}

@keyframes zoomInImage {
   from {
     transform: scale3d(1, 1, 1);
   }
   to {
     transform: scale3d(1.1, 1.1, 1.1);
   }
 }

.language-comp {
   padding: 0;
   margin: 0;
   display: inline-flex;
   align-items: center;
   gap: 10px;
}
.language-comp li {
   list-style: none;
}
.language-comp li a{
   display: block;
   width: 30px;
}

.head-layout {
   justify-content: space-between;
   padding: 10px 0;
}
.head-top {
   padding: 0;
   margin: 0;
}
.head-top li {
   list-style: none;
}
.head-top li .icon {
   display: block;
   width: 34px;
   height: 34px;
   background-image: url('../images/icon/hot_line_icon.png');
   background-repeat: no-repeat;
   background-position: 0 0;
}
.head-top li .icon.icon-email {
   background-position: -52px 0;
}
.head-top li .info p{
   margin: 0;
   font-weight: 600;
   text-transform: uppercase;
}
.head-content {
   padding: 0;
   margin: 0;
}
.head-content li {
   list-style: none;
   margin-top: 5px;
}
.head-content li:first-child {
   margin-top: 0!important
}
.footer-social {
   position: fixed;
   bottom: 30px;
   left: 10px;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 20px;
}
.footer-social li{
   list-style: none;
   padding: 0;
   margin: 0;
}
.footer-social img {
   max-width: 40px;
   object-fit: contain;
   height: 40px;
   width: 40px;
   position: relative;
}
.footer-social .box-icon {
   position: relative;
   display: block;
}
.footer-social .box-icon span{
   position: absolute;
   z-index: -1;
   opacity: 0;
   white-space: nowrap;
   background: #fff;
   border-radius: 4px;
   padding: 6px 10px;
   color: #333;
   outline: none;
   user-select: none;
   top: 50%;
   margin-top: -15px;
   left: calc(100% + 10px);
}
.footer-social li .box-icon:hover span{
   opacity: 1;
   z-index: 1;
}

.title-all {
   margin: 0;
   display: flex;
   align-items: center;
   gap: 10px;
}
.title-all .icon {
   display: inline-block;
   width: 30px;
   height: 30px;
   background: url(../images/ht.png) no-repeat left center;
   background-size: contain;
}
.title-all .name {
   text-align: center;
   color: #437b62;
   text-transform: uppercase;
   font-weight: 600;
}

.right-menu {
   padding: 0;
   margin: 0;
}
.right-menu li {
   list-style: none;
   display: flex;
   align-items: center;
   gap: 10px;
   border-bottom: 1px dashed #ddd;
   padding: 10px 0;
}
.right-menu li:last-child {
   border-bottom: none;
}
.right-menu li:before {
   content: '';
   width: 0;
   height: 0;
   border-top: 4px solid transparent;
   border-left: 5px solid #777;
   border-bottom: 4px solid transparent;
}
.right-menu li a {
   color: #333;
}
.right-menu li a:hover {
   color: #2a5542;
}

@media (max-width: 992px) {
   .head-layout {
      flex-direction: column;
      align-items: center!important;
   }
}
@media (max-width: 992px) {
   .head-layout {
      flex-direction: column;
      align-items: center!important;
   }
}
@media (max-width: 600px){
.head-layout {
   padding: 0px 0;
}
}
@media (max-width: 479px){
.head-layout {
   padding: 0px 0;
}
}
@media (max-width: 375px){
.head-layout {
   padding: 0px 0;
}
}