@charset "utf-8";
/* CSS Document */
@font-face {
    font-family:GoogleSansB;
    src:url("../fonts/GoogleSans-Bold.ttf") format('truetype');
    font-weight:normal;
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family:GoogleSansR;
    src:url("../fonts/GoogleSans-Regular.ttf") format('truetype');
    font-weight:normal;
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family:poppins;
    src:url("../fonts/SVN-POPPINS-REGULAR.TTF") format('truetype');
    font-weight:normal;
    font-style:normal;
    font-display: swap;
}
html,body{
    scroll-behavior: smooth;
}
img{max-width: 100%;}
.md-none{display: none;}
.md-block{display: block;}
.m0{margin: 0px;}.p0{padding: 0px !important;}.m-5{margin-left: -5px !important;margin-right: -5px !important;}.p5{padding-left: 5px;padding-right: 5px}.m-10{margin-left: -10px;margin-right: -10px}.p10{padding-left: 10px;padding-right: 10px}
body{
    font-family:'poppins', sans-serif;
    overflow-x: hidden;
    max-width:1920px;
    margin:0 auto;

}
.pagination-page {text-align:center;margin-bottom: 30px;}
.pagination-page > span, .pagination-page  a{display:inline-block;width:30px;height:30px;line-height:30px;border:solid 1px #ddd;color:#000;}
.pagination-page  a:hover,
.pagination-page > span{background: #1f5892;color:#FFF;}
[class^=swiper-button-],
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet::before {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}
.swiper-container{width:100%;height:28vw;-webkit-transition:opacity .6s ease;transition:opacity .6s ease}
.swiper-container.swiper-container-coverflow{padding-top:2%;padding-bottom:3%}
.swiper-container.loading{opacity:0;visibility:hidden}
.swiper-container:hover .swiper-button-prev,.swiper-container:hover .swiper-button-next{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;visibility:visible}
.swiper-slide{background-position:center;background-size:cover}
.swiper-slide .entity-img{display:none}
.swiper-slide .content{position:absolute;bottom:0;left:0;width:90%;padding-left:5%;padding-right:5%;color:#fff;background:#1d2731;background:-moz-linear-gradient(0deg,rgba(29,39,49,1) 0,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(0deg,rgba(29,39,49,1) 0,rgba(255,255,255,0) 100%);background:linear-gradient(0deg,rgba(29,39,49,1) 0,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#151515",endColorstr="#ffffff",GradientType=1);padding-bottom:4%}
.swiper-slide .content p.title.subt{padding:0;margin:0;text-transform:uppercase;line-height:1;font-size:14px}
.swiper-slide .content .title{font-size:22px;font-weight:500;margin-bottom:.4rem;color:#fff}
.swiper-slide .content .caption{display:block;font-size:16px;line-height:1.4;color:#fff;height:0;opacity:0;transition:all .3s ease-in-out!important}
.swiper-slide:hover .content .caption{height:100px;opacity:1}[class^=swiper-button-]{width:44px;opacity:0;visibility:hidden}
.swiper-button-prev{-webkit-transform:translateX(50px);transform:translateX(50px)}
.swiper-button-next{-webkit-transform:translateX(-50px);transform:translateX(-50px)}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 9px;position:relative;width:12px;height:12px;background-color:#151515;opacity:.4}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet::before{content:'';position:absolute;top:50%;left:50%;width:18px;height:18px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:0 solid #151515;border-radius:50%}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover,.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before{border-width:1px}
@media(max-width:1180px){.swiper-slide .content .title{font-size:18px}.swiper-slide .content .caption{font-size:16px;width:90%}}
@media(max-width:1023px){.swiper-container{height:281px}.swiper-container.swiper-container-coverflow{padding-top:0;padding-bottom:9%}}
.swiper-slide a.btn.btn-link{color:#fff;border:1px solid #fff;font-size:16px;margin-top:2%;border-radius:25px}
.swiper-slide a.btn.btn-link:hover{background:#fff;color:#151515}
.item-product{margin-bottom: 30px;border-radius: 10px;overflow: hidden;box-shadow: 0px 0px 10px 1px #84848459;}
.item-product>.img_product{position:relative;overflow: hidden;}
.item-product>.img_product .img{display: flex;justify-content: center;align-items: center;overflow: hidden;/* padding: 5px; */height: 200px;}
.item-product>.img_product .img img{width: 100%;height: 100%;object-fit: cover;}
.item-product h3{margin-top: 10px;font-size: 15px;text-transform: uppercase;text-align: left;}
.item-product h3 a{color: #000000;}
.item-product h3 a:hover, .item-product h3 a:focus{text-decoration: none;color: #716f6f;}
.item-product .thuognhieu a{color: #797676;font-size: 13px;display: inline-block;margin-left: 10px;}
.item-product hr{border-color: #e8e8e8;}
.btn-giohang{background: url(../images/icon-cart.png) no-repeat center;height: 40px;width: 40px;background-color: #8f9291;background-size: 61%;}
.btn-giohang:hover, .btn-giohang:focus{background-color: #00a85a;}
.item-product .chitiet{padding-left: 10px;padding-right: 10px;padding-bottom: 15px;}
.item-product .gia-item{color: #565656;font-size: 14px;margin-bottom: 10px;padding-left: 5px;padding-right: 5px;}
.item-product .gia-item span{color: red;font-family: 'Roboto';font-size: 17px;}
.item-product .gia-item strong{color: #fe0101;font-size: 16px;font-weight: 600;display: inline-block;margin-right: 10px;}
.item-product .gia-item i{font-size: 13px;color: #737070;text-decoration: line-through;}
iframe, img{max-width:100%}
header{padding-top: 10px;padding-bottom: 0;background-color: #82ba41d9;position: fixed;top: 0;left: 0;right: 0;z-index: 10;}
.logo{display: inline-block;margin-top: 0;margin-bottom: 10px;}
.logo img{
}
.duan{color: #282828;padding-top: 30px;padding-bottom: 30px;font-family: GoogleSansB;background: url(../images/br-duan.jpg) no-repeat center;background-size: cover;}
.duan h3{text-align: left;font-size: 30px;text-transform: uppercase;margin-bottom: 20px;}
.item-duan{margin-bottom: 30px;box-shadow: 1px 1px 10px 1px #958d8d33;border: 1px solid #eee;}
.item-duan .img_duan{position: relative;}
.item-duan .img_duan .tinhtrang{background-color: #f38120b8;position: absolute;bottom: 0;left: 0;right: 0;text-align: center;padding: 10px;color: #fff;}
.item-duan .img_duan>a{display: block;height: 250px;}
.item-duan .img_duan>a>img{width: 100%;height: 100%;object-fit: cover;}
.item-duan h4{text-align: left;font-size: 16px;margin-top: 15px;font-family: 'GoogleSansB';}
.item-duan h4>a{color: #000;text-transform: uppercase;}
.item-duan h4>a:hover{
}
.item-duan .thongtinduan{padding-left: 15px;padding-right: 15px;padding-bottom: 10px;}

.item-duan .thongtinduan p{
    margin-bottom:7px;
}
.item-duan .thongtinduan .diachi{font-family: 'Roboto';color: #807f7f;}
.item-duan .thongtinduan .gia{font-family: 'Roboto';font-weight: 600;}
.title-home{text-align: left;/* text-transform: uppercase; */margin-top: 50px;margin-bottom: 20px;font-family: 'GoogleSansB';color: #282828;}
.sub_nav{text-align: center;margin-bottom: 20px;}
.sub_nav a{color: #565656;display: inline-block;padding-left: 20px;padding-right: 20px;border-right: 1px solid;line-height: 14px;}
.sub_nav a:last-child{border: none;}
.item-news-home{/* padding-bottom: 20px; */margin-bottom: 15px;}
.item-news-home a.img{display: block;height: 80px;}
.item-news-home a.img>img{width: 100%;height: 100%;object-fit: cover;}
.item-news-home h4{font-family: 'Roboto';font-size: 16px;text-align: left;}
.item-news-home h4>a{color: #343434;}
.item-news-home h4>a:hover{
}
.tintuc-home{background-color: #f3f3f3;margin-top: 30px;}
.video-home{
}
.video-home .title-home>span{margin-bottom: 30px;background: url(../images/icon-play-0.png) no-repeat center left;padding-left: 33px;background-size: auto;}
.item-video{margin-bottom: 30px;margin-top: 20px;}
.item-video .img{display: block;height: 300px;border-radius: 0px 30px;overflow: hidden;position: relative;}
.item-video .img:before{content:"";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #2121218c;}
.item-video .img:after{content:"";position: absolute;width: 100px;height: 100px;top: 50%;left: 50%;transform: translate(-50%, -50%);background: url(../images/icon-play.png) no-repeat center;}
.item-video .img img{width: 100%;height: 100%;object-fit: cover;}
.item-video h4{text-align: center;text-transform: uppercase;font-size: 16px;margin-top: 14px;}
.item-video h4 a{color: #000;}
.doitac{background-color: #f3f3f3;padding-bottom: 50px;}
.item-doitac{padding-top: 10px;padding-bottom: 10px;}
.item-doitac>a{display: block;height: 120px;background-color: #fff;display: flex;justify-content: center;align-items: center;border-radius: 3px;box-shadow: 1px 1px 10px 1px #ccc;}
.item-doitac>a>img{max-width: 100%;max-height: 100%;}
footer{background-size: cover;padding-top: 30px;color: #fff;margin-top: 0;background-color: #000111;}
footer .title-f{font-size: 18px;text-transform: uppercase;font-family: 'Roboto';color: #fff;margin-bottom: 0px;margin-top: 20px;padding-bottom: 10px;position: relative;}
footer a{color: #b8b8b8;}
footer a:hover{color: #f38120;}
.chantrang{border-top: 1px solid #fff;margin-top: 30px;padding-top: 10px;padding-bottom: 10px;}
.chantrang a{color: #fff;}
.nav-form{width: 300px;margin-left: 5px;margin-right: 5px;position: relative;}
.nav-form .nav-input{width: 100%;height: 35px;border: 1px solid #95c45d;padding: 10px;border-radius: 5px;}
.nav-form .btn-search{position: absolute;right: 0;top: 0;bottom: 0;background: url(../images/search_1.png) no-repeat center;background-size: 16px;padding-left: 20px;padding-right: 20px;outline: none;box-shadow: none;}
.slide-news{margin-top: 30px;}
.map iframe{height: 150px;}
footer .title-f:before{/* content:""; *//* position: absolute; *//* width: 70px; *//* height: 2px; *//* background-color: #fff; *//* bottom: 0; */}
.head-page{min-height: 280px;/* margin-top: 7px; */position: relative;margin-bottom: 30px;background-color: #ccc;background-position: center;/* padding-top: 78px; */background-size: cover;}
.head-page:before{content:"";position: absolute;width: 100%;height: 100%;background-color: #0202027a;top: 0;}
.title-page{position: relative;z-index: 100;text-align: center;font-family: 'Barlow Semi Condensed', sans-serif;text-transform: uppercase;font-weight: 700;color: #ffffff;text-shadow: 1px 1px 2px #4e4848cf;font-size: 36px;}
.head-page .content{position: absolute;top: 50%;height: 100px;margin-top: 0px;left: 0;right: 0;transform: translateY(-50%);}
.breadcrumb>li+li:before{display: inline-block;font: normal normal normal 14px/1 FontAwesome;content: "\f178";color: #fff;}
.breadcrumb{border-bottom: none;background-color: transparent;padding: 0px;margin-bottom: 0px;padding-bottom: 0px;position: relative;text-align: center;}
.breadcrumb>li a{color: #ffffff;}
.breadcrumb>li a:hover{color: #911b1b;text-decoration: none;}
.item-thumb{
    padding-left: 5px;
    padding-right: 5px;
}
.big_img a{height: 100%;width: 100%;display: flex;justify-content: center;align-items: center;}
.big_img a img{
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}
.thumb-item:focus{
    border: none;
    box-shadow: none;
    outline: none;
}
.hinh-sp{margin-bottom: 10px;border-radius: 3px;}
.ten-sp{font-size: 22px;text-transform: uppercase;font-family: 'Roboto' , sans-serif;margin-top: 20px;font-weight: 700;margin-bottom: 30px;}
.ma_sp{border-bottom: 1px dashed #e6e6e6;padding-bottom: 5px;margin-bottom: 10px;}
.chitiet-sp strong{font-family: 'Barlow Semi Condensed', sans-serif;color: #4c4b4b;font-weight: 700;}
.mota_sp{line-height: 23px;font-size: 14px;color: #3e3d3d;}
.mota_sp ul{list-style: none;padding: 0px;}
.gia-ct{border-top: 1px dashed #e6e6e6;padding-top: 5px;border-bottom: 1px dashed #e6e6e6;padding-bottom: 5px;margin-bottom: 20px;}
.gia-ct .p-price{font-size: 28px;font-weight: 500;color: red;font-weight: 600;}
.gia-ct .p-oldprice{font-size: 17px;font-style: italic;text-decoration: line-through;color: #716d6d;display: inline-block;margin-left: 30px;}
.gia-ct .giamgia{background-color: #fbc800;color: #000;/* font-weight: 600; */display: inline-block;padding: 2px 5px;border-radius: 3px;margin-left: 10px;font-size: 13px;position: relative;top: 0px;}
.gia-ct .giamgia:before{content:"";width: 0;height: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-right: 5px solid #fbc800;position: absolute;right: 100%;top: 6px;}
.item-new-right2{border-bottom: 1px solid #ccc;}
.btn-mua{background-color: #911b1b;font-weight: 600;text-transform: uppercase;margin-top: 10px;margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;color: #fff;border-radius: 0px;font-size: 16px;font-family: 'Roboto', sans-serif;}
.btn-lienhe-pro{width: 100%;display: block;text-align: center;background-color: #0062aa;border: none;color: #fff;font-weight: 600;font-size: 18px;text-transform: uppercase;padding: 5px;border-radius: 5px;margin-bottom: 10px;}
.btn-lienhe-pro:hover, .btn-lienhe-pro:focus{color: #000;background-color: #fbc800;text-decoration: none;}
.btn-mua:hover, .btn-mua:focus{background-color: #ffcc2a;color: #fff;}
.taibaogia{font-size: 16px;color: #0062aa;background: url(../images/download_pdf.jpg) no-repeat center left;background-size: 18px;padding-left: 25px;font-weight: 600;margin-top: 10px;}
.taibaogia a{color: #0062aa;}
.danhmuc_bds{margin-top: 20px;color: #474747;}
.danhmuc_bds a{
}
.thongtin_dbs{
}
.thongtin_dbs span{color: #6c6c6c;}
.thongtin_dbs strong{font-size: 24px;font-weight: 500;font-family: 'Barlow Semi Condensed';color: red;}
.chiase-bds{display: block;font-size: 16px;color: #0a7fd3;text-align: right;text-transform: initial;font-weight: 200;}
.table-bds tr td{border: none !important;}
.form-dk-bds label{color: #fff;}
.form-dk-bds .form-control{border-radius: 0;border: none !important;}
.title-right{margin-top: 30px;margin-bottom: 15px;position: relative;}
.title-right:after{content:"";position: absolute;border-bottom: 1px solid #ccc;width: 100%;bottom: -2px;left: 0;}
.title-right span{border-bottom: 2px solid #88bd49;color: #88bd4b;text-transform: uppercase;font-family: 'Roboto', sans-serif;font-weight: 700;font-size: 18px;background: url(../images/icon-title.png) no-repeat left 3px;padding-left: 35px;padding-top: 5px;padding-bottom: 2px;position: relative;z-index: 10;}
.box-right{border: 1px solid #ccc;padding: 10px 10px;border-radius: 3px;margin-bottom: 30px;}
.form-search-bds{
}
.form-search-bds label{font-size: 14px;font-family: 'Roboto';}
.form-search-bds input.form-control, .form-search-bds select.form-control{height: 30px;padding: 3px 10px;font-size: 13px;}
.item-thumb{
}
.item-thumb .thumb-item{display: block;height: 80px;}
.item-thumb .thumb-item img{width: 100%;height: 100%;object-fit: cover;}
.ten-sp:after{content:"";display: block;clear: both;}
.item-news{background-color: #ffffff;}
.item-news .img{
    position:relative;
    height:0;
    padding-bottom:70%;
}
.item-news-home a.img>img{
    position:absolute;
    top:0;
    left:0;
}
.item-news .content{background-color: #ffffff;padding: 15px 0px;}
.item-news .title{margin-top: 10px;font-family: 'Roboto';line-height: 22px;font-size: 18px;}
.item-news .title a{color: #282727;}
.item-news .content .mota{line-height: 24px;color: #5e5d5d;}
.title-tintuc{font-family: 'Roboto', sans-serif;font-weight: 700;font-size: 26px;/* text-transform: uppercase; */color: #393939;margin-top: 0;margin-bottom: 25px;line-height: 32px;}
.thongtin-news{font-family: 'Roboto', sans-serif;border-bottom: 1px dashed #ccc;padding-bottom: 10px;margin-bottom: 20px;}
.chitiettin img{max-width: 100%;height: auto !important;}
.title-right{font-family: 'Roboto', sans-serif;font-weight: 700;text-transform: uppercase;margin-top: 0;margin-bottom: 20px;font-size: 18px;}
.item-news-right{margin-bottom: 15px;/* border-bottom: 1px solid #ccc; */padding-bottom: 10px;}
.item-news-right .img{display: block;height: 100px;}
.item-news-right .img img{width: 100%;height: 100%;object-fit: cover;}
.item-news-right h4{margin-top: 0px;font-size: 16px;font-family: 'Roboto', sans-serif;font-weight: 600;/* text-transform: uppercase; */line-height: 20px;}
.item-news-right h4 a{font-family: 'Roboto', sans-serif;color: #343434;}
.item-news-right h4 a:hover, .item-news-right h4 a:focus{
}
.nav-right{padding: 0;list-style: none;}
.nav-right li{
}
.ngaydang{font-size: 13px;color: #8d8686;}
.title-xemthem{text-transform: uppercase;font-family: 'Roboto', sans-serif;font-weight: 700;margin-top: 30px;margin-bottom: 20px;}
.item-news-lq{margin-bottom: 20px;}
.item-news-lq .img{display: block;height: 80px;}
.item-news-lq .img img{width: 100%;height: 100%;object-fit: cover;}
.item-news-lq h4{font-size: 14px;font-weight: 400;font-family: 'Poppins', sans-serif;line-height: 20px;text-transform: uppercase;}
.item-news-lq h4 a{color: #000;}
.item-news-lq h4 a:hover, .item-news-lq h4 a:focus{
}
.title-right-duan{background-color: #0a7fd3;margin-bottom: 0px;text-align: center;font-family: 'Roboto', sans-serif;font-size: 17px;text-transform: uppercase;font-weight: 600;padding: 7px;color: #ffffff;border-radius: 5px 5px 0px 0px;}
.item-news-right h4 a:hover, .item-news-right h4 a:focus{
}
.nav-right{padding: 0;list-style: none;}
.nav-right li{
}
.nav-right li a{display: block;border-bottom: 1px solid #ddd;color: #626161;padding: 7px 10px;}
.nav-right li a:hover, .nav-right li a:focus{color: #1f64af;}
.head-duan{height: 500px;background-size: cover;background-position: center;position: relative;margin-bottom: 30px;}
.head-duan .content{position: absolute;left: 0;right: 0;bottom: 0;background-color: #00000000;background: -moz-linear-gradient(top, #00000000 30%, #000000c9 70%);background: -o-linear-gradient(top, #00000000 30%, #000000c9 70%);background: -ms-linear-gradient(top, #00000000 30%, #000000c9 70%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0.3, #00000000),color-stop(0.7, #000000c9));padding-bottom: 50px;padding-top: 50px;}
.head-duan .content h1{font-family: 'Roboto';text-transform: uppercase;color: #fff;padding-top: 40px;text-shadow: 1px 1px 3px #000;font-size: 42px;}
.head-duan .content .diachi{color: #fff;font-size: 16px;}
.head-duan .content .btn-duan{margin-top: 30px;}
.btn-baogia{padding: 10px 40px;background-color: #0a7fd3;color: #fff;text-transform: uppercase;font-weight: 700;font-family: 'Roboto';border: 1px solid #0a7fd3;margin-right: 20px;}
.btn-lienhe{padding: 10px 40px;color: #ffffff;text-transform: uppercase;/* font-weight: 700; */font-family: 'Roboto';border: 1px solid #ffffff;background-color: #0a7fd338;}
.btn-lienhe:hover, .btn-baogia:hover{color: #fff;}
.nav-pills.tab-duan>li{float: none;display: inline-block;}
.tab-duan{margin-bottom: 20px;text-align: center;}
.nav-pills.tab-duan>li>a{border: 1px solid #f38120;border-radius: 3px;padding: 7px 29px;color: #000;}
.nav-pills.tab-duan>li.active>a, .nav-pills.tab-duan>li.active>a:hover, .nav-pills.tab-duan>li.active>a:focus{
}
.tongquan{background-size: auto;background-color: #f1f1f1;background-repeat: no-repeat;background-position: center left;position: relative;padding-top: 30px;padding-bottom: 50px;}
.tongquan h2{color: #2b2c2c;position: relative;padding-bottom: 12px;margin-bottom: 30px;text-transform: uppercase;font-family: 'Kanit', sans-serif;font-weight: 600;}
.tongquan .content{
}
.tongquan .content table{
}
.tongquan .content table tbody{
}
.tongquan .content table tbody td{padding: 10px 10px;border-bottom: 1px dotted #cccc;line-height: 23px;}
.tongquan .content table tbody td:nth-child(1){white-space: nowrap;min-width: 130px;}
.tongquan .br-img{position: absolute;left: 0;width: 55%;height: 100%;background-size: cover;background-position: center;top: 0;bottom: 0;}
.tongquan h2:before{content:"";position: absolute;width: 100px;height: 2px;background-color: #428bca;bottom: 0;}
.swiper-pagination{display: none;}
.img-tienich.swiper-slide-active{
    box-shadow: 1px 1px 10px 1px #3a3838bf;
}
.tienich{padding-top: 50px;padding-bottom: 50px;padding-left: 0;padding-right: 0;background-color: #f1f1f1;}
.tienich h2{color: #2b2c2c;position: relative;padding-bottom: 12px;margin-bottom: 30px;font-family: 'Kanit', sans-serif;font-weight: 600;text-transform: uppercase;}
.tienich .content{font-size: 15px;color: #4d4d4d;line-height: 24px;}
.tienich h2:before{content:"";position: absolute;width: 100px;height: 2px;background-color: #428bca;bottom: 0;left: 0;right: 0;margin: 0px auto;}
.vitri{background-size: auto;background-color: #ffffff;background-repeat: no-repeat;background-position: center left;position: relative;padding-top: 50px;padding-bottom: 70px;}
.vitri .br-img{position: absolute;right: 0;width: 55%;height: 100%;background-size: cover;background-position: center;top: 0;bottom: 0;}
.vitri h2{color: #2b2c2c;position: relative;padding-bottom: 12px;margin-bottom: 30px;font-family: 'Kanit', sans-serif;font-weight: 600;text-transform: uppercase;text-align: left;}
.vitri .content{line-height: 27px;}
.vitri h2:before{content:"";position: absolute;width: 100px;height: 2px;background-color: #428bca;bottom: 0;left: 0;}
.matbang{padding-top: 50px;padding-bottom: 50px;}
.matbang h2{color: #2b2c2c;position: relative;padding-bottom: 12px;margin-bottom: 30px;font-family: 'Kanit', sans-serif;font-weight: 600;text-transform: uppercase;}
.matbang .content {
}
.matbang .img_matbang {margin-top: 20px;}
.matbang .img_matbang img{width: 100%;}
.matbang h2:before{content:"";position: absolute;width: 100px;height: 2px;background-color: #428bca;bottom: 0;left: 0;right: 0;margin: 0px auto;}

.bottom-contact{display:none}
.btn-phone {
    position: fixed;
    left: 20px;
    bottom: 30px;
    z-index: 99;
}
.btn-phone a i{
	font-size: 24px;
	color: #fff;
}
.btn-phone a{
	background: #dc3545;
	border-radius: 50%;
    box-shadow: -2px 0px 8px -3px black;
    display: block;
    line-height: 53px;
    text-align: center;
    width: 45px;
    height: 45px;
}
.btn-phone a:after{
	content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: inherit;
    border-radius: inherit;
    -webkit-animation: pulse-animation 1.5s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    animation: pulse-animation 1.5s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    z-index: -1;
}
span.number-phone{
	position: absolute;
    background: #c01627;
    bottom: 0;
    left: 55%;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    padding: 0px;
    z-index: -1;
    border-radius: 0 25px 25px 0;
    height: 35px;
    line-height: 35px;
    perspective: 1000px;
    transition: all 600ms cubic-bezier(0.04, 0.94, 0.21, 1.22);
    transform-origin: left;
    top: 7px;
    width: 184px;
}
.touch span.number-phone.no-hover, span.number-phone{
	transform: scaleX(0);
}
.btn-phone:hover span.number-phone, .btn-phone:focus span.number-phone{
	    transform: scaleX(1);
}
@keyframes pulse-animation{
	0%{

		transform: scale(1);
		opacity: .6;
    }
    40%{

		transform: scale(1.3);
		opacity: .6;
	}

	100%{
		transform: scale(2);
		opacity: 0;
	}
}
@media  (max-width: 767px) {

.bottom-contact{display: block;
    position: fixed;
    bottom: 0;
    background: #0a0a0ab5;
    width: 100%;
    z-index: 99;
    box-shadow: 2px 1px 9px #dedede;
    border-top: 1px solid #eaeaea;}
.bottom-contact ul{
   padding: 0px;
}
.bottom-contact ul li{width: 25%;
    float: left;
    list-style: none;
    text-align: center; font-size:13.5px;}
.bottom-contact ul li span{color:#fff}
.bottom-contact ul li img{    width: 35px;
    margin-top: 10px;
    margin-bottom: 0px;}

}
.video{background-color: #f1f1f1;padding-top: 30px;padding-bottom: 50px;}
.video h2{color: #2b2c2c;position: relative;padding-bottom: 12px;margin-bottom: 30px;font-family: 'Kanit', sans-serif;font-weight: 600;text-transform: uppercase;}
.video h2:before{content:"";position: absolute;width: 100px;height: 2px;background-color: #428bca;bottom: 0;left: 0;right: 0;margin: 0px auto;}
.video-duan{height: 80vh;position: relative;}
.video-duan a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.video-duan a span{position: absolute;width: 100px;height: 100px;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;justify-content: center;align-items: center;background-color: #0a7fd39e;color: #fff;font-size: 45px;border-radius: 50%;}
.video-duan a span i{width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 22px solid white;}
.video-duan a span:before{content:"";display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: inherit;border-radius: inherit;-webkit-animation: pulse-animation 1.5s cubic-bezier(0.24, 0, 0.38, 1) infinite;animation: pulse-animation 1.5s cubic-bezier(0.24, 0, 0.38, 1) infinite;z-index: -1;}
.ten_video{text-align: center;font-size: 17px;color: #0a7fd3;line-height: 24px;}
.thuvien{padding-top: 30px;padding-bottom: 50px;}
.thuvien h2{color: #2b2c2c;position: relative;padding-bottom: 12px;margin-bottom: 30px;font-family: 'Kanit', sans-serif;font-weight: 600;text-transform: uppercase;}
.thuvien h2:before{content:"";position: absolute;width: 100px;height: 2px;background-color: #428bca;bottom: 0;left: 0;right: 0;margin: 0px auto;}
.item-album{
}
.item-album>a{display: block;height: 300px;}
.item-album>a>img{width: 100%;height: 100%;object-fit: cover;}
.item-album h4{text-align: center;font-size: 18px;color: #0a7fd3;text-transform: uppercase;margin-top: 15px;font-family: 'Roboto';}
#map iframe{height: 160px;}
.hc-nav-trigger.hc-nav-1{display: none !important;}
.navbar-default.fix{/* position: fixed; *//* top: 0 !important; *//* left: 0; *//* right: 0; *//* z-index: 100; */}
.lienhe{min-height: 430px;}
.lienhe .br-img{
	left: auto;
    right: 0;
}
.form-lienhe-duan{
	width: 80%;
    margin: 0px auto;
    margin-top: 30px;
    margin-bottom: 30px;
}
.form-lienhe-duan label{color: #fff;}
.form-lienhe-duan input{
	height: 40px;
    border-radius: 0px;
    background-color: #ffffff;
    color: #000;
    border: none;
}
.nav-top{list-style: none;padding: 0;margin-top: 5px;margin-bottom: 13px;}
.nav-top li{float: left;border-right: 1px solid #fff;}
.nav-top li a{display: block;padding-left: 10px;margin-right: 10px;color: #fff;}
.nav-top:after{content:"";display: block;clear: both;}
.nav-top li:last-child{border: none;}
.ct-tin{padding-left: 15px;padding-right: 15px;padding-bottom: 10px;}
.item-sach{height: 380px;}
.item-sach a{display: block;height: 100%;height: 380px;}
.item-sach a img{width: 100%;height: 100%;object-fit: cover;}
sub-nav:hover ul{
}
.item-chuyennghe-hot{font-size: 13px;line-height: 16px;}
.item-chuyennghe-hot>a{display: block;height: 240px;}
.item-chuyennghe-hot>a>img{width: 100%;height: 100%;object-fit: cover;}
.item-chuyennghe-hot h4{font-size: 14px;font-family: 'GoogleSansB';}
.item-chuyennghe-hot h4 a{
    color: #000;
}
.item-chuyennghe{margin-bottom: 10px;}
.item-chuyennghe .img{display: block;height: 82px;}
.item-chuyennghe .img img{width: 100%;height: 100%;object-fit: cover;}
.item-chuyennghe h4{font-size: 14px;margin-top: 0;}
.item-chuyennghe h4 a{color: #000;}
.item-cuocsong-hot{margin-bottom: 15px;}
.item-cuocsong-hot>a{display: block;height: 130px;}
.item-cuocsong-hot>a>img{width: 100%;height: 100%;object-fit: cover;}
.item-cuocsong-hot h4{font-size: 16px;line-height: 20px;font-family: 'GoogleSansB';margin-bottom: 5px;}
.item-cuocsong-hot h4 a{color: #000;}
.item-cuocsong{
}
.item-cuocsong>a{display: block;height: 70px;}
.item-cuocsong>a>img{width: 100%;height: 100%;object-fit: cover;}
.item-cuocsong h4{font-size: 14px;}
.item-cuocsong h4>a{color: #555252;}
.danhmuc_news{color: #f38120;border-bottom: 1px dotted;padding-bottom: 2px;}
.noibat-right{border-bottom: 3px solid #eee;padding-bottom: 15px;margin-bottom: 15px;}
.noibat-right>a{
}
.noibat-right>a>img{
}
.noibat-right .title{position: relative;}
.noibat-right .title h3{margin-right: 50px;font-family: 'Roboto';font-size: 20px;margin-top: 10px;margin-bottom: 20px;}
.noibat-right .title h3 a{color: #343434;}
.noibat-right .num{position: absolute;right: 0;font-size: 37px;font-family: 'Roboto';top: 0;color: #ccc;font-style: italic;font-weight: 700;border-left: 1px solid #eee;padding-left: 10px;}
.chiase{color: #959595;text-transform: uppercase;font-size: 12px;position: relative;}
.chiase i{margin-right: 3px;}
.chiase span{
    position: absolute;
    left: 0;
    display: none;
}
.chiase span .share {color: #fff;font-family: 'Roboto';text-transform: initial;font-size: 12px;padding: 3px 7px;border-radius: 3px;}
.chiase span .share.facebook{background-color: #45629f;}
.chiase span .share.twitter{background-color: #5eb2ef;}
.list-noibat{
}
.item-noibat{position: relative;padding-left: 50px;margin-bottom: 23px;}
.item-noibat .num{position: absolute;left: 8px;font-size: 20px;font-family: 'Roboto', sans-serif;font-weight: 600;font-style: italic;top: 40%;transform: translateY(-60%);}
.item-noibat h3{font-size: 17px;margin-top: 0;line-height: 20px;font-family: 'Roboto', sans-serif;}
.item-noibat h3 a{color: #343434;}
.chiase:hover span{display: block;top: 0;}
.chiase2{margin-bottom: 30px;}
.chiase2 .button_share{display: block;text-align: center;padding: 10px;border-radius: 3px;color: #fff;}
.chiase2 .button_share.facebook{background-color: #45629f;}
.chiase2 .button_share.twitter{background-color: #5eb2ef;}
.chiase2 .button_share i{font-size: 19px;}
.lienquan-hot{margin-bottom: 30px;}
.lienquan-hot .img{
}
.lienquan-hot .img img{width: 100%;height: 100%;}
.lienquan-hot h4{font-family: 'Roboto';font-size: 20px;margin-top: 0;font-weight: 700;line-height: 27px;margin-bottom: 10px;}
.lienquan-hot h4 a{color: #343434;}
.lienquan-hot .ngaydang{
}
.lienquan-hot  .mota{line-height: 24px;margin-top: 20px;}
.btn-xemthem{display: inline-block;padding: 10px 30px;background-color: #2e2e2e;color: #fff;text-transform: uppercase;margin-top: 14px;}
.lienquan-hot .img a{display: block;height: 220px;}
.lienquan-hot .img a img{
}
.btn-xemthem:hover{color: #ffff;}
.video-sach{width: 100%;height: 310px;}
.head-index{position: relative;padding: 0;}
.head-index .head{position: absolute;left: 0;right: 0;top: 30px;z-index: 10;padding-left: 30px;padding-right: 30px;}
.head-index:before{content:"";position: absolute;height: 39%;top: 0;left: 0;background-color: #c00;background: -moz-linear-gradient(bottom,#cc0000 30%,#330000 70%);background: -o-linear-gradient(bottom,#cc0000 30%,#330000 70%);background: -ms-linear-gradient(bottom,#cc0000 30%,#330000 70%);background: -webkit-gradient(linear,left bottom,left top,color-stop(0.3,#00000000),color-stop(0.7,#00000091));z-index: 10;width: 100%;}
.search-form{position: relative;margin-top: 25px;}
.search-form .nav-input{height: 55px;padding-left: 40px;border: 1px solid #eee;box-shadow: none;}
.search-form .btn-search{position: absolute;right: 0;top: 0;bottom: 0;padding: 10px 40px;background-color: #f38120;font-family: 'Roboto';font-weight: 600;font-size: 18px;color: #fff;height: 100%;border-radius: 0px 5px 5px 0px;}
.search-index{top: 50%;left: 50%;transform: translate(-50%, -50%);position: absolute;z-index:2;}
.search-index h2{text-align: center;font-family: 'Roboto';color: #fff;font-size: 36px;margin-top: 0;margin-bottom: 30px;text-shadow: 1px 1px 3px #2c2b2b;}
.search-form:before{content:"\f002";display: inline-block;font: normal normal normal 14px/1 FontAwesome;position: absolute;top: 17px;left: 15px;font-size: 18px;color: #9b9b9b;line-height: 18px;}
.why{text-align: center;padding-top: 50px;padding-bottom: 40px;}
.why h2{
    font-family: 'GoogleSansB';
    text-transform: uppercase;
    color: #f38120;
    margin-bottom: 30px;
}
.item_why{margin-top: 20px;margin-bottom: 20px;text-transform: uppercase;}
.item_why img{display: block;margin: 0px auto;margin-bottom: 10px;}
.btn-timhieu{padding: 14px 50px;color: #f38120;font-size: 18px;border: 1px solid #f38120;border-radius: 0;margin-top: 20px;}
.phanphoi{background-size: cover;background-position: center left;padding: 60px 45px;margin-bottom: 30px;}
.phanphoi .content{color: #fff;}
.phanphoi .content h2{margin-top: 0;font-family: 'Roboto';color: #fff;font-size: 36px;}
.phanphoi .content p{
}
.phanphoi .content .btn-phanphoi{background-color: #fff;color: #000;padding: 10px 20px;margin-top: 10px;}
.item-news-home .ngay_dang{font-size: 13px;font-family: 'Roboto';color: #4f4c4c;}
.news-hot{position: relative;}
.news-hot .img{display: block;height: 365px;}
.news-hot .img img{width: 100%;height: 100%;object-fit: cover;}
.news-hot .content{position: absolute;bottom: 0;left: 0;right: 0;padding: 43px 15px 15px 15px;background-color: #c00;background: -moz-linear-gradient(top,#cc0000 30%,#330000 70%);background: -o-linear-gradient(top,#cc0000 30%,#330000 70%);background: -ms-linear-gradient(top,#cc0000 30%,#330000 70%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0.3,#ffffff00),color-stop(0.7,#0000009e));}
.news-hot .content h4{font-weight: 600;}
.news-hot .content h4 a{color: #ffff;font-family: 'Roboto';}
.news-hot .content  .ngay_dang{color: #fff;font-size: 13px;}
.theodoitin{text-align: center;color: #fff;background-size: cover;background-position: center;padding-top: 40px;padding-bottom: 40px;margin-top: 20px;}
.theodoitin h3{font-family: 'Roboto';margin-top: 0;}
.form-dk{position: relative;margin-top: 15px;}
.form-dk input{height: 50px;border-radius: 50px;padding-left: 30px;padding=r: 1;}
.form-dk .btn-dk{position: absolute;right: 0;top: 0;bottom: 0;border-radius: 0px 50px 50px 0px;background-color: #f38120;width: 150px;text-transform: uppercase;color: #000;}
.lienhe-f{position: relative;padding-left: 18px;font-size: 13px;}
.lienhe-f i{position: absolute;left: 0;top: 4px;}
.lienhe-f span{font-size: 14px;color: #f38120;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
footer ul{list-style: none;padding: 0;}
footer ul li{margin-bottom: 10px;}
.thongtinf{position: absolute;top: 50%;transform: translateY(-50%);}
.mxh-f{margin-top: 10px;}
.mxh-f a{color: #ffff;font-size: 18px;margin-right: 15px;}
.head2{
    /* background-color: #f38120; */
    padding-top: 10px;
    padding-bottom: 10px;
}
.content img{height: auto !important;max-width: 100% !IMPORTANT;}
.head-index .head.fix, .head2.fix{
	position: fixed;
    top: 0;
    padding-top: 5px;
    background-color: #393939a1;
    left: 0;
    right: 0;
    z-index: 10;
}

.head2.fix .navbar-default .navbar-nav>li>a{color:#fff;}

.chitietbaiviet,.chitiettin{
    font-size:16px;
    line-height:1.625;
}

.head .nav>li>a{
    padding:7px 10px;
    font-size:14px;
    line-height:40px;
}

.pn-page .container{
    width:100%;
    max-width:calc(100% - 7.5vw);
}

.item-news_cus1{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:2rem;
}

.item-news_cus1 .img{

    width:65%;
    position:relative;
    height:0;
    padding-bottom:40%;
}
.item-news_cus1 .img img{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    border-radius:20px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    object-fit:contain!important;
}
.item-news_cus1 .content{

    width:calc(35% - 30px);

}

.item-news_cus1 .content .title{
    font-size:24px;
    line-height:1.5;
}

.mucluc-pnvn>li>span.tgmenu {
    display: inline-block;
    position: absolute;
    cursor: pointer;
}

.tgmenu > i {
    font-size: 18px;
    font-weight: 700 !important;
    color: #555;
}
.mucluc-pnvn>li>a {
    padding-left: 20px;
}
.mucluc-pnvn>li>ul {
    list-style: none;
    padding-left: 20px !important;
}
.subH2 {
    /* max-height: 0;
    overflow: hidden; */
    transition: max-height 0.5s ease-out;
}
.subH2.show {
    max-height: 1200px;
    transition: max-height 0.5s ease-in;
}
.mucluc-pnvn>li>span.tgmenu {
    display: inline-block;
    position: absolute;
    cursor: pointer;
}
.tgmenu>i.rotate90 {
    color: #333 !important;
}
.tgmenu > i {
    font-size: 18px;
    font-weight: 700 !important;
    color: #555;
}
.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.menu_c1{
    min-width:750px;
    display:grid!important;
    opacity:0;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap:0.5rem;
    visibility:hidden;
    left:0;
}
.dropdown2:hover >ul {
    visibility:visible;
    opacity:1;
}
.menu_c1 > li{
    position:relative;
}
.menu_c1 > li > ul{
    position:absolute;
    top:0;
    left:100%;
    min-width:200px;
    list-style-type:none;
    padding:0 0;
    display:none;
    background-color:#fff;
    padding:5px 5px;
    border-radius:5px;
    z-index:9;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.pn-mb{
    padding:30px 0;
}
.menu_c1 > li:hover > ul{
    display:block;
}
.menu_c1 > li > ul > li{
    padding-left:10px;
    padding:5px 0;
}
.menu_c1 > li > ul > li > a{
    color:#555;
    text-indent:20px;
    line-height:1.4;
    display:block;
    font-size:13px;
}

.menu_c1 > li > ul > li:hover > a{
    color:red;
}
.the_excerpt{
    font-size:16px;
    line-height:1.625;
    color:#222;
}
.the_content{
    font-size:16px;
    line-height:1.625;
    color:#444;
}
.wrap_block{
    margin:10px 0;
    padding:20px 0;
}
.wrap_block .item-news_cus1{
    margin-bottom:30px;
}

.item-news-home .content > h3{
    font-weight:600;
    margin-bottom:20px;
}
.block_lq{
    margin:15px 0;
}
.gird_block_lq{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
}
.gird_block_lq .item_lq{
    text-align: center;
    width: calc(33.33% - 3rem);
    margin: 1.5rem 1.5rem
}
.gird_block_lq .item_lq.row2c{
    text-align: center;
    width: calc(50% - 3rem);
    margin: 1.5rem 1.5rem
}
.img_lq{
    position:relative;
    display:block;
    width:100%;
    height:0;
    padding-bottom:80%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius:4px;
}
.img_lq > img{
   position:absolute;
   width:100%;
   height:100%;
   top:0;
   left:0;
   object-fit:contain;
   padding:20px;
}
.item_lq h4.tit_lq{
    font-size:17px;
    font-weight:500;
    text-align:center;
    color:#444;
    line-height:1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style:italic;
}
.menu_c1{
    z-index:9999;
}