@charset "utf-8";
/* CSS Document */
body{margin:0px !important;min-width: 1349px}
{
    background-color:#FFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height:1.5;
    margin:0px;
}
@font-face {
    font-family: 'Oswald-Medium';
    src: url('font/Oswald-Medium.eot');
    src: url('font/Oswald-Medium.eot?#iefix') format('embedded-opentype'),
        url('font/Oswald-Medium.woff2') format('woff2'),
        url('font/Oswald-Medium.woff') format('woff'),
        url('font/Oswald-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
  font-family: 'Roboto-Medium';
  src: url('font/Roboto-Medium.eot?#iefix') format('embedded-opentype'),  
  url('font/Roboto-Medium.woff') format('woff'), 
  url('font/Roboto-Medium.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'UTMHelvetIns';
    src: url('font/UTMHelvetIns.eot');
    src: url('font/UTMHelvetIns.eot') format('embedded-opentype'),
         url('font/UTMHelvetIns.woff2') format('woff2'),
         url('font/UTMHelvetIns.woff') format('woff'),
         url('font/UTMHelvetIns.ttf') format('truetype'),
         url('font/UTMHelvetIns.svg#UTMHelvetIns') format('svg');
}
@font-face{font-family:'RobotoRegular';src:url('font/RobotoRegular.eot');src:url('font/RobotoRegular.eot') format('embedded-opentype'),url('font/RobotoRegular.woff2') format('woff2'),url('font/RobotoRegular.woff') format('woff'),url('font/RobotoRegular.ttf') format('truetype'),url('fonts/RobotoRegular.svg#RobotoRegular') format('svg');}
@font-face {
    font-family: 'MuliBold';
    src: url('font/MuliBold.eot');
    src: url('font/MuliBold.eot') format('embedded-opentype'),
         url('font/MuliBold.woff2') format('woff2'),
         url('font/MuliBold.woff') format('woff'),
         url('font/MuliBold.ttf') format('truetype'),
         url('font/MuliBold.svg#MuliBold') format('svg');
}
@font-face {font-family: 'Roboto-Bold'; src: url('font/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('font/Roboto-Bold.woff') format('woff'), url('font/Roboto-Bold.ttf')  format('truetype'), url('font/Roboto-Bold.svg#Roboto-Bold') format('svg'); font-weight: normal; font-style: normal; }

.w-clear:after{display:block;content:"";clear:both;}
.clear{clear:both;}

.main{
    width:100%;
    background:#fff;
}
.banner_top
{
    box-shadow: 0px 2px 5px #ccc
}
.logo
{
    display: block;
}
.slogan
{
    display: inline-block;
}
.hotline
{
    text-decoration: none;
    font-size: 15px;
    color: #333333;
    font-family: 'Roboto-Medium';
    font-weight: normal;
    background: url(images/icon-hl.png)no-repeat left center;
    line-height: 20px;
    padding: 10px 0px;
    padding-left: 80px;
    text-align: left;
    display: inline-block;
}
.banner_top .contain_trong
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;justify-content: space-between;align-items: center;
}
.diachi_top {
    font-family: 'RobotoRegular';
    font-weight: normal;
    font-size: 15px;
    color: #333333;
    line-height: 22px;
    display: inline-block;
    padding: 12px 0px 11px;

}
.diachi_top i,.email_top i
{
    color: #76bf00;margin-right: 5px
}
.email_top {
    font-family: 'RobotoRegular';
    font-weight: normal;
    font-size: 15px;
    color: #333333;
    line-height: 22px;
    display: inline-block;
    padding: 12px 0px 11px;
}
.n_menu
{
    display: none;
    
}

.frame_sticky
{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.left_sticky
{
     display: inline-block;
    width: 100%;
    position: sticky;
    top: 61px;z-index: 123
}
.left
{
    width: 270px;display: inline-block;
    
}
.box_news
{
    border-bottom: 1px dotted #999999;
    padding: 5px 5px;width: 100%;
    float: left;
    margin-bottom:15px;border-bottom:1px solid rgba(128,128,128,0.42);padding-bottom:15px;
}
.box_news:nth-child(2n){float:right;}
.box_news:nth-child(2n+1){clear:both;}

 
.desc-news{line-height: 18px; text-align: justify; font-family: 'RobotoRegular'; font-size: 13px; color: #333333; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; height: 54px;}
.box_news a
{
    text-decoration: none;
}
.box_news img {
    float: left;
    margin: 4px 15px 3px 0px;
    width: 170px;
    height: 130px;
}
.box_news h4:hover
{
    color:#D21313;
}
.box_news h4 {
    color: #000000; font-size: 15px; line-height: 18px; overflow: hidden; font-family: 'Roboto-Bold'; font-weight: normal; height: 37px; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;
}
.desc-news
{

}
.right
{
    width: calc(100% - 305px)
}
.left_menu:hover .n_menu.lst-pro-left {
    display: block;
}
.right div.items
{
    width: 33.33%
}
.page_trong
{
    max-width: 1190px;margin: 0 auto;padding: 30px 0px;min-height: 550px
}
.mangxahoi
{
    display: inline-block;
}
.mangxahoi a
{
    padding: 0px 1px;display: inline-block;
}

.hotline span
{
    display: block;font-size: 25px;color: #76bf00; font-family: 'UTMHelvetIns';font-weight: normal;
}

.banner_bot .contain_trong
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;align-items: center;padding: 5px 0px
}
.right_banner
{
    display: inline-block;
    text-align: right;
}
.banner{
    width: 100%;
    height: auto;
    margin: auto;
}
.contain_trong
{
    max-width: 1190px;margin: 0 auto
}
.banner img{width: 100%;}


.menu {
    background: #76bf00;
}
.menu .contain_trong {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.left_menu {
    width: 270px;
    float: left;
    position: relative;
    border: 1px solid #66a600;
    border-left: 0px;
}
.title_menu_left {
    background: #66a600;
    color: #ffffff;
    display: block;
    line-height: 26px;
    text-transform: uppercase;
    position: relative;
    padding: 10px 16px 9px;
    text-decoration: none;
}

.lst-pro-left {
    position: absolute;
    width: 100%;
    z-index: 9999;
    top: 46px;
    background: #fff;
    border: 1px solid #75bf00;
    border-top: 0px;
}

.name-left {
    display: block;
    text-align: left;
    font-size: 15px;
    font-family: 'Roboto-Bold';
    padding-left: 42px;
    text-decoration: none;
    background: url(images/line_mn.png)no-repeat left center;
}

.scrollbar_menu_l {
    overflow-x: hidden;
    overflow-y: auto;
}
.lst-pro-left>ul>li:hover {
    position: inherit;
}

.lst-pro-left>ul>li:hover>ul {
    top: 0px;
    display: inline-block;
    visibility: visible;
    opacity: 1;
}
.lst-pro-left ul li {
    line-height: 45px;
    position: relative;
}
.lst-pro-left>ul>li>a>span.img_menu {
    padding: 0px 10px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 5px;
    z-index: 1121212;
    height: 100%;
    display: flex;
    align-items: center;
}

.main_slide_right {
    width: calc(100% - 270px);
    max-height: 410px;
    float: right;
}
.lst-pro-left>ul>li>a>span.icon_menu {
    padding: 0px 10px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 5px;
    z-index: 1121212;
    height: 100%;
    display: flex;
    align-items: center;
}
.lst-pro-left ul li a {
    color: #3a3a3a;
    font-family: 'RobotoRegular';
    font-size: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    padding-left: 42px;
    font-weight: normal;
    text-align: left!important;
    font-weight: normal;
    position: relative;text-decoration: none;
}
.lst-pro-left ul li a:hover
{
    color: #76bf00
}
.lst-pro-left>ul>li>a {
    padding-right: 19px;
    padding-left: 52px;
    background: url(assets/images/line_menu.png)no-repeat left 15px center;
    border-bottom: 1px solid #ccc;
}
.lst-pro-left ul ul {
    position: absolute;
    background: #ffffff;
    width: 250px;
    opacity: 0;
    padding-top: 0px;
    visibility: hidden;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    z-index: 9999;
    display: none;
    left: calc(100% - 5px);
    top: 100%;
    box-shadow: 0px 0px 5px #ccc;
}
.lst-pro-left ul ul li {
    background: transparent;
}
.lst-pro-left ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
    margin: auto;
    background: #ffffff;
}
.lst-pro-left ul ul a {
    text-transform: none;
    color: #000;
    padding-left: 8px;
}
.lst-pro-left>ul>li>ul>li>ul>li>a, .lst-pro-left>ul>li>ul>li>a {
    border-bottom: 1px solid #ccc;
}

.menu_left {
    width: calc(100% - 270px);
}
.search {
    display:block;
    width: 100%;
    height: 40px;
    background: white;border: 1px solid #ccc;border-radius: 4px;margin-top: 5px
}

#keyword {
    width: calc(100% - 49px);
    float: left;
    background: transparent;
    line-height: 39px;
    text-indent: 7px;
    outline: none;
    border: none;
    color: #b3b3b3;font-family: 'MuliBold';
    font-size: 15px;
    font-weight: normal;
}
img.btn_search {
    float: right;
    cursor: pointer;
    outline: none;
    width: auto;
    height: 39px;
    text-align: center;
    border: 1px solid #76bf00;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #76bf00;
}
.info_gioithieu
{
    width: calc(100% - 610px);display: inline-block;
}
.xem_them a {
       font-size: 14px;
    color: #333333;
    display: inline-block;
    border: 1px solid #333333;
    text-transform: uppercase;
    padding: 13px 19px;
    font-family: 'RobotoRegular';
    background: transparent;
    transition: .1s;
    margin-top: 0px;
    text-decoration: none;
}
.gioithieu .contain_trong {
    padding: 0px 0px 0px;
}
.desc_gioithieu {
    font-family: 'RobotoRegular';
    font-size: 14px;
    color: #333333;
    text-align: justify;
    line-height: 26px;
}
.xem_them {
    margin-top: 15px;
    text-align: left;
}

.info_gioithieu>span
{
    font-family: 'UTMHelvetIns';
    font-size: 35px;
    color: #76bf00;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 26px;
    padding-bottom: 13px;
}
.info_gioithieu span:after
{
    position: absolute;bottom: 0px;left: 0px;background: #76bf00;width: 100px;height: 4px;content: '';
}

.info_gioithieu span:before
{
    position: absolute;bottom: 0px;left: 0px;background: #e6e6e6;width: 200px;height: 4px;content: '';
}

.content_gioithieu
{
    display: -webkit-flex;padding: 0px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;align-items: center;

}
.pic_gioithieu {
        display: inline-block;
    max-width: 580px;
    padding: 34px 0px;
    position: relative;
   
}
.pic_gioithieu:after
{
    position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; background: url(images/img_gt.png)no-repeat right 25px center;content: '';
}
.ngaydang
{
    font-family: 'RobotoRegular';font-size: 13px;color: #bdbdbd;text-transform: capitalize;
}
.ngaydang a
{
    text-decoration: none;color: #bdbdbd
}
.info_gioithieu h3
{
       font-family: 'RobotoRegular';
    font-size: 15px;
    color: #333333;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 9px;
    margin-top: 0px;
}
.fix_head{position: fixed; top: 0px; left: 0px; z-index: 1234; width: 100%; animation: animatetop .4s;}
.fix_head .lst-pro-left {
    display: none;
}
.left_contact
{
    width: 40%;float: left;
}
.box_contact_r
{
    width: 55%;float: right;
}
.fix_head .left_menu:hover .scroll_menuu.lst-pro-left
{
    display: block;
}

.congtrinhthuchien .contain_trong
{
    padding: 45px 0px
}
.detail_congtrinh
{
    width: 25%;box-sizing: border-box;float: left;padding: 0px 13px;
}
.detail_congtrinh a
{
    text-decoration: none;outline: none;
}
.desc_congtrinh
{
    font-family: 'RobotoRegular';
    font-size: 14px;
    color: #333333;
    text-align: center;
    padding: 0px 15px;
    line-height: 23px;
}
.pic_congtrinh
{
    overflow:hidden;display: block;
}
.pic_congtrinh:hover img{transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.pic_congtrinh img {transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }

.mw_congtrinh
{
    max-width: 280px;margin: 0 auto;border: 1px solid #ccc;padding-bottom: 13px
}
.mw_congtrinh h3
{    font-family: 'Roboto-Medium';
    font-size: 15px;
    color: #333333;
    text-transform: uppercase;
    text-align: center;
    padding: 0px 15px;
    margin-top: 13px;
    margin-bottom: 4px;
}
.mw_congtrinh h3:hover
{
    color: #76bf00
}
.mg_congtrinh
{
    margin: 0px -13px
}

.intro .contain_trong
{
    padding: 10px 0px 40px
}
.item_intro
{
    float: left;width: 48.8%
}
.item_intro:last-child
{
    float: right;width: 48.8%
}
.title_intro span
{
    font-family: 'Oswald-Medium';font-size: 25px;color: #333333;font-weight: normal;text-transform: uppercase;
}
.title_intro
{
        border-left: 2px solid #76bf00;
    border-bottom: 1px solid #ccc;
    padding-left: 14px;
    padding-top: 2px;
    padding-bottom: 5px;margin-bottom: 25px
}
.item-tt-moi {
    overflow: hidden;
    height: 135px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 7px;
}
.pic-tt-moi {
    float: left;
    margin-right: 20px;
}
.pic-tt-moi img:hover
{
    opacity: 0.9
}
.name-tt-moi a {
    color: #333333;
    font-size: 15px;
    line-height: 18px;
    display: block;
    font-family: 'Roboto-Medium';
    height: 36px;
    overflow: hidden;text-decoration: none;outline: none;
}
.ngaydang_tt {
    font-family: 'RobotoRegular';
    font-size: 13px;
    color: #808080;
    margin: 5px 0px 0px;
}
.ngaydang_tt a
{
    color: #76bf00;font-size: 13px;font-family: 'Roboto-Medium';text-decoration: none;
}
.name-tt-moi a:hover
{
    color: #76bf00
}
.ngaydang {
    padding-right: 7px;
}
.desc-tt-moi {
    font-size: 14px;
    line-height: 22px;
    color: #333333;
    text-align: justify;
    font-family: 'RobotoRegular';
    overflow: hidden;
    height: 65px;
}

.slider-nav img {
    margin: 0 auto;
    width: 100%;
    min-height: 128px;
    max-height: 128px;
    min-width: 135px;
    max-width: 135px;
}

.video-main
{
    width: calc(100% - 147px);float: left;
}

.dt_video {
    padding: 7px 0px!important;
}
.slider-nav .slick-prev
{
    top: 7px;
    left: calc(50% - 10px);
    transform: rotate(90deg);
}

.slider-nav .slick-next
{
    top: inherit;
    bottom: 7px;
    right: calc(50% - 10px);
    transform: rotate(90deg);
}

.video_lst {
    float: right;
    width: 135px;
}

.video-main {
    float: left;
    width: 73.4%;
}
.mg_video
{
    margin: -5px 0px
}
#bando iframe
{
    float: left;width: 100%;max-height: 500px
}
@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}
#menu_top{position: relative;max-width: 710px;margin: 0 auto }
#menu_top ul{padding: 0px; margin: 0px}
#menu_top>ul{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; position: relative; }
#menu_top>ul>li{text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; line-height: 45px; }
#menu_top>ul>li>a{text-decoration: none;font-family: 'Roboto-Medium';color: #fff; display: block; font-size: 15px; text-transform: uppercase; width: 100%; position: relative; text-shadow: none; font-weight: normal; } #menu_top>ul>li a span {position: relative; z-index: 1234; display: block; opacity: 0.9; }
#menu_top>ul>li>ul {top: 45px; left: 0px; padding-top: 0px !important; box-shadow: 0px 2px 1px #ccc; }
#menu_top>ul>li ul {position: absolute; top: 0px; left: 251px; display: none; z-index: 3000; }
#menu_top>ul>li li {width: 250px; position: relative; background: rgba(159,54,9,0.6); line-height: 25px; padding: 5px 10px; text-align: left; border-bottom: 1px solid #fff; }
#menu_top>ul>li li a {font-weight: normal; text-transform: none; color: #fff; font-size: 13px; display: block; line-height: 18px; }
#menu_top>ul>li>ul li ul {box-shadow: 0px 2px 5px #ccc; top: 0px; }
#menu_top>ul>li:hover>a{text-decoration: none; }
#menu_top>ul>li:hover>a{text-decoration: none; background: #66a600}
#menu_top>ul>li.active>a{color: #ffffff; background: #66a600}
#menu_top>ul>li.mousego>a{color: #fff !important; }
#menu_top>ul>li.act_hover>a {color: #ffffff !important; }
#menu_top #hover_scroll {position: absolute; display: inline-block; top: 0px; left: 0px; background: rgba(159,54,9,0.6); width: 100%; height: 45px; z-index: 500; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
#menu_top>ul>li ul{position: absolute; top: 0px; left: 251px; display: none; z-index: 3000; }
#menu_top>ul>li>ul {top: 45px; left: 0px; padding-top: 0px !important; box-shadow: 0px 0px 1px #ccc; }
#menu_top>ul>li>ul li ul{box-shadow: 0px 0px 5px #ccc; }
#menu_top>ul>li li:last-child {border-bottom: 0px solid #fff; }
#menu_top>ul>li li:hover:after{width: 100%; }
#menu_top>ul>li li:hover{background: rgba(159,54,9,0.8); }
#menu_top>ul>li:nth-child(7):after{display:none;}
#menu_top>ul>li:nth-child(7):before{display:none;}


.slideshow{position:relative;}
.slideshow .box-slide .theme-default .nivoSlider{background-color:transparent!important;margin-bottom:0px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.slideshow .box-slide .theme-default .nivoSlider{background-color:transparent!important;margin-bottom:0px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.slideshow .box-slide .theme-default .nivo-directionNav a{width:46px!important;height:53px!important;}
.slideshow .box-slide .theme-default a.nivo-nextNav{background-position:-23px 0!important;right:0px!important;}
.slideshow .box-slide .theme-default a.nivo-prevNav{background-position:23px 0!important;left:0px!important;}
.box-slide .nivo-caption a{display:block!important}
.box-slide .nivo-caption{top:50px;right:100px;left:inherit;bottom:inherit;max-width:400px;background:transparent;color:#000;padding:0px;opacity:1;overflow:inherit!important;-moz-opacity:1;filter:alpha(opacity=1);}
.title-slide{line-height:35px;height:38px;margin-bottom:6px;}
.title-slide a{font-size:25px;font-weight:normal;color:#fff!important;border-bottom:0px!important;}
.title-slide a:hover{color:#109748!important;}
.desc-slide{line-height:25px;text-align:justify;color:#fff;margin-bottom:15px;}


.scrollbar_menu_l {overflow-x: hidden; overflow-y: auto; }
.scrollbar_menu_l::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); background-color: #F5F5F5; }
.scrollbar_menu_l::-webkit-scrollbar {width: 6px; background-color: #f3f3f3; }
.scrollbar_menu_l::-webkit-scrollbar-thumb {background-color: #76bf00; }


.container_skitter{width: 100% !important;}

.box_skitter .image img.image_main {
    width: 100% !important;
    height: 425px !important;
}

.content{
    width: 100%;
    padding: 0px 5px;
    margin: auto;
    box-sizing: border-box;
}
.content-left{
    width:224px;
    float:left;
}

.content-left-title{
    width:100%;
    height:39px;
    line-height:39px;border: 1px solid #66a600;
    background:#66a600;
    color:#FFF;
    text-align:center;
    font-weight:bold;
    margin-left:0px;
    font-family:'Roboto-Bold';
    font-size:15px;
}

.content-left{padding:12px;border:1px solid #dedede;}
.list-left{padding:0px;border:1px solid #dedede;}
.ddsmoothmenu-v ul{padding:0px;background:#fff;list-style: none;margin: 0px}
.ddsmoothmenu-v ul li{border-bottom:1px solid #dedede;position:relative;}
.ddsmoothmenu-v ul li:last-child{border-bottom:0px;}

.ddsmoothmenu-v ul>li>a>span.icon_menu
{
        padding: 0px 10px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 5px;
    z-index: 1121212;
    height: 100%;
    display: flex;
    align-items: center;
}
.ddsmoothmenu-v ul>li>a>span.img_menu {
    padding: 0px 10px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 5px;
    z-index: 1121212;
    height: 100%;
    display: flex;
    align-items: center;
}

.ddsmoothmenu-v ul li a{text-decoration: none;color:#000;padding:13px 25px 10px 15px;text-transform:none;font-family:'RobotoRegular';display:block;font-weight: normal;}
.ddsmoothmenu-v ul li:hover > a{color:#76bf00;}
.ddsmoothmenu-v ul>li>a
{
    background: url(images/line_menu.png)no-repeat left 15px center;padding-left: 52px;padding-right: 19px
}
.ddsmoothmenu-v ul>li:hover >ul
{
    opacity: 1;visibility: visible;display: block;
}
.ddsmoothmenu-v ul ul{display: none;-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;width:265px;position:absolute;left:270px!important;top:0px;visibility:hidden;opacity: 0;border:1px solid #dedede;background:#fff;margin-top:-1px;}
.ddsmoothmenu-v-last li a{background-image:none!important;}
.ddsmoothmenu-v ul>li>ul>li>a
{
padding: 13px 25px
}
.content-left-item{
    width:100%;
    border-top:none;
    background:#FFF;
}
.content-left-text{
    width:100%;
    
}
.content-left-text .sanpham
{
    width:100%;
}
.content-left-text .sanpham ul
{
    margin:0px;
    padding:0px;
}
.content-left-text .sanpham ul li ul
{
        padding-left: 20px;
}

.content-left-text .sanpham ul li ul li img
{
        right: inherit;
    left: 0px;
    top: 12px;
}
.content-left-text .sanpham ul li
{
    border-bottom:1px dotted #999;
    position:relative;
    z-index:20;
    list-style:none;
    line-height:36px;
    margin:0px 5px;
}
.content-left-text .sanpham ul li ul li
{
    margin-left:20px;
}
.content-left-text .sanpham ul li ul li a
{
    color:#217039;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
}
.content-left-text .sanpham ul li:last-child
{
    border:none;
}
.content-left-text .sanpham ul li img
{
        position: absolute;
    right: 5px;
    top: 16px
}
.content-left-text .sanpham ul li a
{
    color:#FF0000;
    font-size:13px;
    text-decoration:none;
}
.content-left-text .sanpham ul li a h2
{
    color:#217039;
    font-size:13px;
    text-decoration:none;
    margin:0px;
    font-family:Arial, Helvetica, sans-serif;
}
.content-left-text .sanpham ul li a:hover
{
    color:#fe0002;
}
.content-left-text-ht{
    width:224px;
    
}
.content-left-text-ht li{
    list-style:none;
    margin-left:10px;
}

.content-left-text-tb{
    width:224px;    
}
.content-left-text-tb li{
    list-style:none;
}
.content-left-text-tb li a{
    text-decoration:none;
    color:#F00;
    font-weight:bold;
}
.full-footer{
    width: 100%;
    background: #76bf00;
}
.footer-main{
    max-width:1190px;
    margin:0 auto;
    position:relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;padding: 48px 0px
}
.content-left-text .sanpham ul li ul li 
{
    margin-left: 0px;
    padding-left: 17px;
}
.item_tag {
    font-family: 'RobotoRegular';
    font-size: 15px;
    color: #333333;
    text-align: center;
    float: left;
    padding: 0px 5px 10px;text-decoration: none
}
.item_tag:hover
{
    text-decoration: none
}
.item_tag span:hover
{
    color: #fff;background: #66a600;border: 1px solid #76bf00;
}
.item_tag span {
    display: block;
    background: #fff;
    padding: 10px 19px;border: 1px solid #ffffff;border-radius: 4px
}

.footer-bottom{line-height: 26px;background: transparent;color: #fff; }
.footer-bottom > div{max-width: 1190px;
    margin: auto;
    padding: 11px 0px;
    border-top: 1px solid #7ecc00;}
span#copy{display:block;float:left;font-family: 'Roboto-Medium';font-size: 13px;color: #ffffff}
div.thongke{float:right;font-family: 'Roboto-Medium';font-size: 13px;color: #ffffff}
div.thongke div.item-tk{display: inline-block;vertical-align: top;}
div.thongke div.item-tk > span{color: white;}
div.thongke div.item-tk:nth-of-type(2n){margin: 0px 10px;}
.tenctyy
{
    text-transform: uppercase;color: #fff;text-decoration: none;
}
.footer{
    width: 48%;
    color:#FFF;
    position: relative;
}
.chinhsach
{
    width: 24.8%
}
.tagtukhoa
{
    width: 22.3%
}
.like-share{
    width:150px;
    height:100px;
    position:absolute;
    top:45px;
    left:0px;
}
.title_footer span
{
    font-family: 'Roboto-Bold';
    font-size: 15px;
    color: #ffffff;
    text-transform: uppercase;
    display: block;
    position: relative;
    padding-bottom: 19px;
    margin-bottom: 19px;
}
.footer .title_footer span:after
{
    display: none;
}
.footer .title_footer span
{
    padding-bottom: 0px;margin-bottom: 12px
}
.title_footer span:after
{
    position: absolute;bottom: 0px;left: 0px;width: 42px;height: 3px;background: #fff;content: '';
}
.bv p a {text-decoration: none;color: #ffffff; font-size: 14px; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; font-weight: normal; height: 22px; overflow: hidden; font-family: 'RobotoRegular'; }
.bv p {margin-bottom: 14px;color: #fff; }
.bv p a:hover {text-decoration: underline; color: #fff; }
.mangxahoi_f
{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-start;flex-wrap: wrap;}
.mangxahoi_f span
{
    display: inline-block;margin-right: 5px;font-family: 'Roboto-Bold';font-size: 15px;color: #ffffff;line-height: 40px
}
.mangxahoi_f a
{
    display: inline-block;padding: 5px 0px
}
.tt p {margin-top: 0px;margin-bottom: 18px; color: #ffffff; font-family: 'RobotoRegular'; font-size: 14px; color: #fff; }

.content-right{
    width:100%;
    background:#f5f5ed;
}
.content-right-title{
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 18px;
    padding-bottom: 28px;background: url(images/tieude.png)no-repeat bottom center;
}
.content-right-title h1{
    margin:0px;
    font-size:30px;
    font-family:'Oswald-Medium';font-weight: normal;text-transform: uppercase;
    color:#76bf00;
}
.sanphamtieubieu .contain_trong
{
    padding: 38px 0px
}
.content-right-text{
    width: 100%;
    box-sizing: border-box;
}
.title_slogan
{
    font-family: 'RobotoRegular';font-size: 15px;color: #333333;text-align: center;text-transform: inherit;margin-top: 9px
}
.mg_sp
{
    margin: 0px -13px -26px
}
/*---------------------item-------------------------*/
div.items
{
    width: 25%;
    position: relative;
    float: left;
    padding: 0px 13px 26px;
    box-sizing: border-box;
}
.listtieubieu
{
    background: url(images/line_lst.png)repeat-x left top;
}
.listtieubieu .contain_trong
{
    padding: 55px 0px
}
.btn_xemthem_sp
{
    text-align: center;margin-top: 26px
}
.btn_xemthem_sp a
{
    display: inline-block;
    padding: 14px 34px;
    background: #75bf00;
    font-family: 'Roboto-Medium';
    font-size: 15px;
    color: #fff;
    position: relative;text-decoration: none;
}

.btn_xemthem_sp a:after
{
    position: absolute;
    top: 3px;
    left: 3px;
    width: 100%;
    height: 100%;
    content: '';
    border: 1px solid #75bf00;
}
.btn_xemthem_sp a:before
{
    position: absolute;
    top: -4px;
    left: -4px;
    width: 100%;
    height: 100%;
    content: '';
    border: 1px solid #75bf00;
}
.mw_items
{
    max-width: 275px;margin: 0 auto;
}
div.item-boder-img
{
    border: 1px solid #ccc;padding: 5px;
    text-align: center;
}
div.item-boder-img img
{
    margin: auto;
    max-width: 100%;
    height: 265px;
}
div.item-border-tensanpham
{
    text-align:center;
}
div.item-border-mota
{
    width: 220px;
    text-align:center;
    color:#000;
} 
div.item-border-mota a
{
    background:#ff8203;
    color:#FF0;
}
div.item-border-mota a:hover
{
    background:#00FF33;
    color:#FFF;
}

div.item-border-mota h4 a p{
    color:#000;
    font-size:11px;
}
.price_sp
{
    font-family: 'Roboto-Medium';font-size: 15px;color: #808080;text-align: center;font-weight: normal;margin-top: 4px;
}
.price_sp span
{
    color: #e60000
}
div.item-border-tensanpham h3 a{
    color:#333333;
    font-family:'Roboto-Medium';text-decoration: none;text-transform: uppercase;font-weight: normal;
    font-size:15px;margin-top: 11px;height: 20px;line-height: 20px
}

div.item-border-tensanpham h3
{
    color:#000;
    font-size:12px;
    margin:0px;
}
div.item a
{
    text-decoration:none;
}
.flex_sp
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
div.item h4
{
    font-size:12px;
}
div.item span
{
    color:red;
}
/* --------------------- Phan trang ------------------*/
.phantrang{
    text-align:center;
    margin-top:5px;
    float:right;
    margin-right:30px;
    margin-top:30px;
    margin-bottom:20px;
}
.phantrang img
{
  margin-top:-2px;
}
.phantrang a{

  color:#000000;
  padding: 3px 5px;
  text-align:center;
  text-decoration:none;
  margin:0px 3px;
  display:block;
  float:left;
  
}
.phantrang span{
    float:left;
    color:#64841b;  
    font-weight:bold;
    background:#4d4d4d;
     padding: 3px 5px;
    border:1px solid #000000;
    border-radius:4px;
    box-shadow:0px 2px 2px #262626;
    color:#ffffff;
}

.tintuc-item{
    width:370px;
    float:left;
    
}
.tintuc-ten{
    width:370px;
    color:#9f224e;
    font-weight:bold;
}
.tintuc-img{
    background:#FFF;
    padding:5px;
    width:157px;
    border:1px solid #d0d0d0;
    box-shadow:3px 3px #d0d0ca;
    float:left;
}
.tintuc-mota{
    width:190px;
    float:left;
    margin-left:5px;
    position:relative;
    height:100px;
}
.tintuc-mota p{
    margin:0px;
}
.tintuc-mota a{
    position:absolute;
    bottom:0px;
    right:0px;
    color:#F00;
    text-decoration:none;
}
.tintuc-mota a:hover{
    text-decoration:underline;
}


.img-fill{
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center
}

.img-fill img {
  min-height: 100%;
  min-width: 100%;
  position: relative;
  display: inline-block;
  max-width: 100%;
}

.Grid1k {
  padding: 0 15px;
  max-width: 1200px;
  margin: auto;
}

.blocks-box,
.slick-slider {
  margin: 0;
  padding: 0!important;
}

.slick-slide {
  float: left /* If RTL Make This Right */ ;
  padding: 0;
}

/* ==== Slider Style === height ;100vh fullpage*/
.Modern-Slider .item .img-fill{
 /* height:100vh; */
  background:#000;
}

.Modern-Slider .item .img-fill .info{
  position:absolute;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  /*background:rgba(0,0,0,.50);*/
 /* line-height:70vh;*/
   display: flex;
   align-items: center;
    text-align:center;
}

/*.Modern-Slider .item .img-fill img{
  filter:blur(5px);
}*/
.page_trong
{
    max-width: 1190px;margin: 0 auto;min-height: 550px;padding: 35px 0px
}
.Modern-Slider .item .info > div{
  /*display:inline-block!important;*/
  max-width: 1200px;margin: 0 auto;width: 100%;padding-right: 45px
}
.Modern-Slider .item .info > div>div.frame_slide
{
    width: 28.3%;
    max-width: 331px;
    background: rgba(255,255,255,0.7);
    padding: 26px 39px;
    overflow: hidden;
    display: inline-block;
    float: right;
    border: 4px solid rgba(217, 217, 217, 0.7)

}

.Modern-Slider .NextArrow{
  position:absolute;
  top:50%;
  right:0px;
  width:45px;
  height:45px;
  background:rgba(0,0,0,.50) url(images/arr_right.png)no-repeat center;
  border:0 none;
  margin-top:-22.5px;
  text-align:center;
  color:#FFF;
  z-index:5;outline: none;
}
.Modern-Slider .NextArrow:hover,.Modern-Slider .PrevArrow:hover
{
    cursor: pointer;
}
.Modern-Slider .NextArrow:before{display: none;}

.Modern-Slider .PrevArrow{
  position:absolute;
  top:50%;
  left:0px;
  width:45px;
  height:45px;
  background:rgba(0,0,0,.50) url(images/arr_left.png)no-repeat center;
  border:0 none;
  margin-top:-22.5px;
  text-align:center;
  color:#FFF;
  z-index:5;outline: none;
}

.Modern-Slider .PrevArrow:before{display: none;}

.Modern-Slider .slick-dots{
  position:absolute;
  height:5px;
  background:rgba(255,255,255,.20);
  bottom:0px;
  width:100%;
  left:0px;
  padding:0px;
  margin:0px;
  list-style-type:none;
}
.Modern-Slider .slick-dots li button{display:none;}
.Modern-Slider .slick-dots li{
  float:left;
  width:0px;
  height:5px;
  background:#d62828;
  position:absolute;
  left:0px;
  bottom:0px;
}

.Modern-Slider .slick-dots li.slick-active{
  width:100%;
  animation:ProgressDots 11s both;
}

.Modern-Slider .item h3{
  font-family: 'RobotoRegular';text-align: left;
  font-size: 15px;
  text-transform:uppercase;
  color:#333333;
  animation:fadeOutRight 1s both;
  margin:0;
  padding:0;
  margin-bottom: 6px
}

.Modern-Slider .item.slick-active .info > div>div.frame_slide{
  animation:fadeIn 1s both 1s;
}


.Modern-Slider .item h5{
  margin:0;
  padding:0;
 font-family: 'Oswald-Medium';font-size: 25px;text-align: left;font-weight: normal;text-transform: uppercase;
  color:#76bf00;
  max-width:325px;
  overflow:hidden;
  height:36px;
  animation:fadeOutLeft 1s both;
}

@-webkit-keyframes ProgressDots{from{width:0px;}to{width:100%;}}
@keyframes ProgressDots{from{width:0px;}to{width:100%;}}
.desc_mota
{
    height: 70px;
    margin: 0;
    padding: 0;
    font-family: 'RobotoRegular';font-size: 15px;
    color: #333333;
    max-width: 325px;
    overflow: hidden;margin-top: 9px;line-height: 25px;text-align: justify;
}
.btn_xemthem
{
    text-align: left;margin-top: 17px;
}

.xemthem_slide
{
    font-family: 'RobotoRegular';
    font-size: 15px;
    color: #ffffff;
    text-transform: capitalize;
    border: 2px solid #363533;
    background: #76bf00 url(images/tt.png)no-repeat right center;
    display: inline-block;
    text-align: left;
    width: 122px;
    padding-left: 12px;
    height: 32px;
    line-height: 32px; 
}

.Modern-Slider .item.slick-active h3{
  animation:fadeInDown 1s both 1s;
}

.Modern-Slider .item.slick-active h5{
  animation:fadeInLeft 1s both 1.5s;
}
.Modern-Slider .item.slick-active .desc_mota
{
     animation:fadeInRight 1s both 1s;
}
.Modern-Slider .item.slick-active .xemthem_slide{ animation:fadeInUp 1s both 1s;}

.xemthem_slide:hover
{
    cursor: pointer;
}
.Modern-Slider .item.slick-active{
  animation:Slick-FastSwipeIn 1s both;
}

.Modern-Slider {/* background:#000; */}


.text_hide{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:3;}
.rows_1{-webkit-line-clamp:1;}
.rows_2{-webkit-line-clamp:2;}
.rows_3{-webkit-line-clamp:3;}
.rows_4{-webkit-line-clamp:4;}
.rows_5{-webkit-line-clamp:5;}
.rows_8{-webkit-line-clamp:8;}
.rows_9{-webkit-line-clamp:9;}