@font-face {
    font-family: 'Muli Bold';
    src: url('../fonts/Muli-Bold.eot');
    src: url('../fonts/Muli-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Muli-Bold.woff2') format('woff2'),
        url('../fonts/Muli-Bold.woff') format('woff'),
        url('../fonts/Muli-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Muli ExtraBold';
    src: url('../fonts/Muli-ExtraBold.eot');
    src: url('../fonts/Muli-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Muli-ExtraBold.woff2') format('woff2'),
        url('../fonts/Muli-ExtraBold.woff') format('woff'),
        url('../fonts/Muli-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-Regular.eot');
    src: url('../fonts/Muli-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Muli-Regular.woff2') format('woff2'),
        url('../fonts/Muli-Regular.woff') format('woff'),
        url('../fonts/Muli-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Muli SemiBold';
    src: url('../fonts/Muli-SemiBold.eot');
    src: url('../fonts/Muli-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Muli-SemiBold.woff2') format('woff2'),
        url('../fonts/Muli-SemiBold.woff') format('woff'),
        url('../fonts/Muli-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Muli Black';
    src: url('../fonts/Muli-Black.eot');
    src: url('../fonts/Muli-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Muli-Black.woff2') format('woff2'),
        url('../fonts/Muli-Black.woff') format('woff'),
        url('../fonts/Muli-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Bold.eot');
    src: url('../fonts/Oswald-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Oswald-Bold.woff2') format('woff2'),
        url('../fonts/Oswald-Bold.woff') format('woff'),
        url('../fonts/Oswald-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}

input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.w-clear:after{display:block;content:"";clear:both;}
.hidden,.hide,.none{display:none;}
.clear{clear:both;}
.hidden-seoh{visibility:hidden;height:0px;margin:0px;overflow:hidden;}
.wrap-home{max-width:100%;padding:0px;}
.wrap-main{margin: auto;}
.wrap-content{margin:auto;}
.breadCrumbs{margin: 0 0 30px 0px;}
*{margin: 0;padding: 0;}
img{vertical-align: middle!important;}
.wrap-body{margin: auto;padding: 0;font-family: Muli;font-size: 14px;width: 1349px;overflow: hidden;}
ul{margin:0;padding: 0;}
ul li{list-style-type: none;}
a:hover{color: #ea1212}
a{color: #000000;text-decoration: none !important;}
p{margin: 0;padding: 0;}
img{max-width: 100%;}
.owl-nav{display: none;}
.main-width{width: 1200px;margin: auto;}
.title-main span{font-family: Muli ExtraBold;font-size: 25px;padding-top: 20px;}
.title-zone .title-main{position: relative;margin-bottom: 0;}
.title-zone .title-main:after{content: '';position: absolute;width: 45px;margin: auto;bottom: -10px;left: 0;right: 0;border-top: 3px solid #ea1212}
.right_map{position: fixed;right: 20px;bottom: 400px;z-index: 999;}
/*header*/
.header{background: url(../images/img/bg-header_01.jpg);}
.content-top_header{padding: 15px 0}
.logo-zone{width: 128px;float: left;}
.open-zone{width: 210px;float: right;padding: 15px 0}
.banner-zone{width: calc(100% - 128px - 210px);float: left;text-align: center;padding: 14px 0}
.banner1{font-family: Oswald;font-size: 35px;color: #fff200}
.banner2{font-family: Muli Bold;font-size: 19px;color: #ffffff}
.img-banner{width: 665px;margin: auto;}
.main-header{background: #ecd40e}
.menu>ul{display: flex;align-items: center;}
.menu ul li a h2{font-family: Muli Bold;font-size: 15px;text-transform: uppercase;}
.search{position: relative;padding-top: 18px;margin-left: 20px;background: #ffffff}
.search:hover input{display: block;}
.search p{position: absolute;top: -9px;right: -50px;color: #231e01}
.search input{color: #000000;border: 1px solid #696969;position: absolute;top: -5px;right: -20px;background:#ffffff;display: none;width: 190px;padding: 5px 0;border-radius: 5px}
.search input::placeholder{color: #000000}
/*end header*/

/*slide*/
/* Slideshow */
.name_slide{display: none;}
.slideshow{position:relative;width: 100%;}
.slideshow a{display:block;cursor:pointer;}
.slideshow a img{width:100%;}
.slideshow:hover .control-slideshow{opacity:1;}
.control-slideshow{opacity:0;position:absolute;z-index:2;top:calc(50% - 50px/2);width:45px;height:45px;text-align:center;line-height:45px;font-size:25px;cursor:pointer;margin:0px;border-radius:3px;}
.control-slideshow i{color:#ffffff;}
.prev-slideshow{left:85px;padding-right:3px;}
.next-slideshow{right:85px;padding-left:3px;}
/*end slide*/

/*vanban-zone*/
.vanban-zone{padding: 50px 0}
.baiviet-res{display: none;margin-bottom: 30px}
/*thutuc-zone*/
.left-zone{width: 250px;float: left;}
.right-zone{width: 250px;float: right;}
.title-danhmuc{font-family: Muli ExtraBold;font-size: 17px;color: #ffffff;text-transform: uppercase;background: #ea1212;position: relative;padding: 10px 0;text-align: center;}
.title-danhmuc:after{content: '';position: absolute;width: 100%;top: -3px;left: 0;border-top: 2px solid #ea1212;}
.title-danhmuc:before{content: '';position: absolute;width: 100%;bottom: -3px;left: 0;border-top: 2px solid #ea1212;z-index: 2}
.auto_thutuc .thutuc, .auto_thongbao .thongbao{padding: 5px 30px 10px 50px;}
.ten-ttuc{position: relative;font-size: 13px;text-transform: uppercase;text-align: right;}
.ten-ttuc:before{content: '';position: absolute;width: 14px;height: 16px;left: -30px;top: 0;background: url(../images/img/icon-danhmuc_03.jpg);}

/*dichvu-zone*/
.img-danhmuc{width: 100px;float: left;}
.ten-danhmuc{width: calc(100% - 100px);float: right; font-family: Muli SemiBold;font-size: 13px;padding: 10px;padding-right: 0}
.auto_dichvu .dichvu, .vanphong{padding: 10px;border-right: 1px solid #cdcdcd;border-left: 1px solid #cdcdcd}
.auto_dichvu .dichvu:last-child, .vanphong:last-child{border-bottom: 1px solid #cdcdcd}
.auto_dichvu .dichvu:first-child, .vanphong:first-child,.thutuc:first-child, .thongbao:first-child{padding-top: 20px}

/*end thutuc-zone*/
.auto_thutuc .slick-list, .auto_thongbao .slick-list{background: #f9f9f9}
.thutuc-zone,.thongbao-zone{margin-bottom: 20px}

/*vanban-pl*/
.mainvb-zone{width: calc(100% - 250px - 250px);float: left;padding: 0 20px;}
.mainvb-zone a:hover{color: #333333}
.grid-vanban{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 25px;margin-top: 20px}
.mainvb-zone .title-danhmuc{background: unset;color: #333333;text-align: left;padding-left: 70px}
.mainvb-zone .title-danhmuc:after{display: none;}
.mainvb-zone .title-danhmuc:before{width: 45px;height: 45px;background: url(../images/img/icon-title2_03.jpg);}
.ten-vb{font-family: Muli Bold;font-size: 15px;padding: 7px 0}
.mainvb-zone a:hover .ten-vb{color: #ea1212}
.mota-vb{font-size: 14px;}
.btn-xemthem{text-align: center;margin-top: 30px}
.xemtatca{padding: 10px 20px;background: #ea1212;color: #ffffff}
/*end vanban-zone*/

/*hinh anh hoat dong*/
.owl-hoatdong{padding: 35px 0}
.img-hd{position: relative;}
.ten-hd{position: absolute;text-align: center;width: 100%;background: rgba(0,0,0,0.5);display: none;top: 0;left: 0}
.hoatdong:hover .ten-hd{display: block;}
.ten-hd{font-family: Muli Bold;font-size: 17px;color: #ffffff;text-transform: uppercase;padding: 128px 0}
/*hinh anh hoat dong*/

/*social-zone*/
.tintuc-zone{width: calc(100% - 590px);float: left;padding-right: 45px}
.video-zone{width: 590px;float: right;}
.video-zone .boxvideo_left{width: 435px;float: left;}
.video-zone .boxvideo_right{width: calc(100% - 435px);float: right;padding-left: 5px;}
.video-zone .btnvideo_item{margin-bottom: 3px}
.noidung-social{padding: 35px 0}
/*tintuc cus*/
.tintuc{margin-bottom: 45px}
.img-tintuc{width: 190px;float: left;}
.noidung-tintuc{width: calc(100% - 190px);float: right;padding-left: 25px;}
.ten-tt{font-size: 16px;font-family: Muli Bold;padding: 10px 0;height: 35px;overflow: hidden;}
.mota-tt{padding-bottom: 20px}
.xemthem{padding: 3px 7px;border: 2px solid #f27171;display: inline-block;}
.xemthem:hover{color: #ea1212;}
.tintuc a:hover{color: #000000}
.tintuc .ten-tt:hover{color: #ea1212}
/*social-zone*/

/*doitac-zone*/
.doitac-zone{background: #f9f9f9;padding: 30px 0}

/*doitac-zone*/


footer{background: url(../images/img/bg-footer_02.jpg)no-repeat;color: #ffffff;padding-top: 35px;background-size: cover;}
footer a{color: #ffffff}
footer a:hover{text-decoration: underline!important;color: #ffffff }
.open-zone-footer{display: none;}
.title-footer{font-family: Muli Bold;font-size: 18px;text-transform: uppercase;margin-bottom: 20px;position: relative;}
.title-footer:after{content: '';position: absolute;width: 100%;bottom: -5px;left: 0;border-top: 1px solid rgba(255,255,255,0.5);}
.name1-footer{font-size: 15px;text-transform: uppercase;}
.container-footer{padding-bottom: 30px}
.infomation-footer{width: 460px;float: left;}
.fan-page{width: 340px;float: right;}
.policy-footer{max-width: calc(100% - 340px - 460px);float: left;padding: 0 100px}
.fan-page .fanpage-facebook{margin-top: 15px;}
.mxh img{margin: 0 5px;margin-top: 30px}
.infomation-footer .name-footer{font-family: Muli Black;font-size: 21px;color: #ffe400;margin-bottom: 5px;text-transform: uppercase;}
.infomation-footer .info-footer{line-height: 2.7;}
.policy-footer,.fan-page, .open-zone-footer{margin-top: 10px;}
.policy-footer ul li a{margin-left: 10px;}
.icon-footer{margin-right: 10px;}
.policy-footer ul li{padding: 7px 0}
.footer-bottom{padding: 15px 0;background: #ea1212;position: relative;}
.footer-bottom:after{content: '';position: absolute;width: 100%;border-top: 1px solid #ea1212;top: -3px;left: 0;}
.footer-bottom:before{content: '';position: absolute;width: 100%;border-top: 1px solid #ea1212;top: -6px;left: 0;}
.copyright{text-align: left;float: left;}
.thongke{width: 380px;float: right;}
/*map*/
#footer-map{position:relative;height:500px;}
#footer-map iframe{position:absolute!important;width:100%!important;height:100%!important;top:0px!important;left:0px!important;}
.footer-powered{position: relative;}
.footer-map iframe{display: block;width: 100% !important;height: 420px !important;}
.gg-map img{width: 100%}

/*nhadat*/
.grid-product{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 25px;margin-top: 20px}
.nhadat-p{text-align: left;}