@font-face {
    font-family: avo;
    src: url('../fonts/UTM Avo.eot');
    src: local('☺'), url('../fonts/UTM Avo.woff') format('woff'), url('../fonts/UTM Avo.ttf') format('truetype'), url('../fonts/UTM Avo.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: avobold;
    src: url('../fonts/UTM AvoBold.eot');
    src: local('☺'), url('../fonts/UTM AvoBold.woff') format('woff'), url('../fonts/UTM AvoBold.ttf') format('truetype'), url('../fonts/UTM AvoBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
a{moz-transition:all .3s;ms-transition:all .3s;o-transition:all .3s;transition:all .3s;webkit-transition:all .3s}
a:hover,a:active,a:focus{text-decoration:none!important}
img{max-width: 100%;}
body{font-size: 15px;margin:0;font-family: avo; right: 0px;transition: all 0.3s;position: relative;}
body p{font-size:15px;margin:0;font-family: avo;}
.clear60{clear:both;height:60px}
.clear40{clear:both;height:40px}
.clear20{clear:both;height:20px}
.clear10{clear:both;height:10px}
.center{text-align:center}
.left{text-align:left}
.right{text-align:right}
.nopadding{padding:0!important}
.nomargin{margin:0}
.fullwidth{width: 100%;}
.clwhite{color: #fff;}
.clblack{color: #4c4c4c;}
.bold{font-family: avobold;}
.flex{display: flex;align-items: center;}
.flex-n{display: flex;}
.flex-bw{display: flex;align-items: center;justify-content: space-between;}
.flex-wrap{display: flex;flex-wrap: wrap;}
.show1199{display: none;}
.show991{display: none;}
.show767{display: none;}
.show480{display: none;}
.main-lang a img{
	width: 25px;
	margin-left: 10px;
}
.ul-main-menu{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.ul-main-menu > li{
	display: inline-block;
}
.ul-main-menu > li > a{
	display: inline-block;
	color: #4c4c4c;
	text-transform: uppercase;
	padding: 10px 7px;
	border-bottom: 2px solid transparent;
}
.ul-main-menu > li:hover > a{
	border-bottom: 2px solid #358ac5;
}
.ul-main-menu > .has-sub.dropdown.open > a{
	border-bottom: 2px solid #358ac5;
}
.has-sub .ul-sub-menu.dropdown-menu {
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}
.has-sub .ul-sub-menu.dropdown-menu > li{
	background: #358ac5;
	border-bottom: 2px solid #fff;
}
.has-sub .ul-sub-menu.dropdown-menu > li > a {
    color: #fff;
    text-transform: uppercase;
    padding: 7px 10px;
}
.has-sub .ul-sub-menu.dropdown-menu > li:last-child{
	border: none;
}
.has-sub .ul-sub-menu.dropdown-menu > li > a:hover{
	background: #358ac5;
}
header{
	padding: 15px 0;
}
.main-banner{
	position: relative;
}
.icon-info {
    width: 45px;
    padding-top: 3px;
}
.icon-info i {
    font-size: 30px;
    color: #bebebe;
}
.ct-info {
    width: calc(100% - 45px);
    position: relative;
    padding-right: 30px;
}
.clgrey{
	color: #838383;
}
.info-web {
    position: relative;
    width: 100%;
    top: 0;
    background: rgba(249, 249, 249, 0.8784313725490196);
    padding: 20px 0;
}
.ct-info:after{
	content: "";
	display: block;
	height: 100px;
	width: 1px;
	background: rgba(50, 50, 50, 0.075);
	position: absolute;
	right: 0;
	top: 0;
}
.ct-info.ct-info-last:after{
	content: unset;
}
.ct-info p{
	font-size: 13px;
}
.item-sl{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
/*.item-sl img,
.img-bn img{
	height: 515px;
	object-fit: cover;	
}*/
.ct-slider {
    position: absolute;
    width: 1140px;
    padding-top: 90px;
    text-align: left;
}
.tit-slider{
	margin: 0;
	margin-bottom: 15px;
	color: #fff;
	text-transform: uppercase;
	font-family: avobold;
	text-shadow: 1px 1px 1px #0000008a;
}
.box-slider{
	background: rgba(255, 255, 255, 0.611764705882353);
    list-style: circle;
    padding-top: 15px;
    padding-bottom: 15px;
}
.prev-bn{
	position: absolute;
	left: 10%;
	cursor: pointer;
	font-size: 40px;
	color: #e3e4e1;
	top: calc(50% - 20px);
}
.next-bn{
	position: absolute;
	right: 10%;
	cursor: pointer;
	font-size: 40px;
	color: #e3e4e1;
	top: calc(50% - 20px);
}
.tit-pub{
	text-align: center;
	margin: 0;
	margin-bottom: 30px;
}
.tit-pub:after{
	content: "";
	display: block;
	width: 160px;
	height: 3px;
	background: #eee;
	margin: 0 auto;
	margin-top: 15px;
}
.link-tc{
	display: block;
	margin-bottom: 30px;
}
.link-tc span{
	display: block;
	margin-top: 10px;
	color: #4c4c4c;
}
.block-dv{
	width: 25%;
	float: left;
}
.ct-dv {
    border: 1px solid #eee;
    padding: 10px;
    height: calc(100% - 180px);
}
.block-dv img{
	display: block;
	height: 180px;
	object-fit: cover;
}
.clgreen{
	color: #358ac5;
}
.ct-tt h4{
	margin-bottom: 7px;
}
.ct-tt{
	height: 140px;
    font-size: 13px;
}
.ct-tt p{
	font-size: 13px;
}
.item-kh img{
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
}
.big-blkh{
	background: #f9f9f9;
	padding: 40px 40px 100px 40px;
}
.main-slider-kh{
	position: relative;
}
.main-slider-kh .lSSlideOuter .lSPager.lSpg{
	position: absolute;
	width: 100%;
	margin: 0;
	bottom: -80px;
}
.main-slider-kh .lSSlideOuter .lSPager.lSpg > li a{
	width: 12px;
	height: 12px;
	background: #869791;
}
.main-slider-kh .lSSlideOuter .lSPager.lSpg > li:hover a, 
.main-slider-kh .lSSlideOuter .lSPager.lSpg > li.active a{
	background: #ffc33c;
}
.xemthem{
    font-size: 14px;
    margin-top: 15px;
    background-color: #e9f4fb;
    padding: 10px;
    border-radius: 5px;
    text-transform: uppercase;
    font-family: avobold;
    margin-bottom: 15px;
    color: #358ac5;
    display: inline-block;
}
.video iframe{
	width: 100%;
}
.tit-ft{
    color: #eee;
    text-transform: capitalize;
    font-size: 16px;
    margin: 0;
    margin-bottom: 20px;
}
.tit-ft:after{
	content: "";
	display: block;
	width: 60px;
	height: 2px;
	background: #358ac5;
	margin-top: 10px;
}
footer{
	background: #222;
}
.ttlh p{
	margin-bottom: 7px;
	width: calc(100% - 40px);
}
.ttlh img{
	position: relative;
	top: 4px;
	margin-right: 10px;
}
.ttlh{
	display: flex;
	align-items: baseline;
}
.n-form{
	background: none;
	border: 1px solid #4c4c4c;
	border-radius: 0;
	color: #8c8c8c;
}
.glh{
	background: none;
	border: 1px solid #4c4c4c;
	color: #8c8c8c;
	padding: 5px 20px;
}
.copyright{
	border-top: 1px solid #8c8c8c;
	padding: 15px 0;
}
.copyright p{
	color: #4c4c4c;
	font-size: 13px;
}
.brea-tit {
    position: absolute;
    top: 200px;
    width: 100%;
}
.brea-tit a:hover{
	color: #fff;
}
.main-banner > .img-bn{
	display: block;
	position: relative;
}
.main-banner > .img-bn:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
}
.block-img-left img{
	height: 400px;
	object-fit: cover;
}
.ct-block-gt-r {
    background: #d9edfb;
    padding: 40px;
    height: 280px;
    position: relative;
}
.ct-block-gt-r:after{
    position: absolute;
    top: 100%;
    left: 0px;
    border: 21px solid transparent;
    border-top: 16px solid green;
    border-right: 31px solid green;
    border-top-color: #b9dbf3;
    border-right-color: #b9dbf3;
    content: '';
    z-index: 1;
}
.ct-block-gt-l {
    background: #d9edfb;
    padding: 40px;
    height: 280px;
    position: relative;
}
.ct-block-gt-l:after{
    position: absolute;
    top: 100%;
    right: 0px;
    border: 21px solid transparent;
    border-top: 17px solid green;
    border-left: 31px solid green;
    border-top-color: #b9dbf3;
    border-left-color: #b9dbf3;
    content: '';
    z-index: 1;
}
.ul-gt{
	list-style: circle;
}
.block-img-left {
    margin-bottom: 40px;
}
.tit-pub-h3{
	font-family: avobold;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 20px;
}
.tit-pub-h3:after{
	content: "";
	display: block;
	height: 3px;
	width: 150px;
	background: #eee;
	margin-top: 10px;
}
.nav-trieuchung .nav-tabs>li{
	width: 100%;
	float: none;
    border-bottom: 1px solid #e6e6e6;
    background-color: #F2F0F0;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFCFC), to(#F2F0F0), color-stop(0.5, #FBF9F9), color-stop(0.5, #F7F5F6));
    background-image: -webkit-linear-gradient(top, #FDFCFC, #FBF9F9 80%, #F7F5F6 50%, #F2F0F0);
    background-image: -moz-linear-gradient(top, #FDFCFC, #FBF9F9 80%, #F7F5F6 50%, #F2F0F0);
    background-image: -o-linear-gradient(top, #FDFCFC, #FBF9F9 80%, #F7F5F6 50%, #F2F0F0);
    background-image: -ms-linear-gradient(top, #FDFCFC, #FBF9F9 80%, #F7F5F6 50%, #F2F0F0);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
}
.nav-trieuchung .nav-tabs>li.active>a, 
.nav-trieuchung .nav-tabs>li.active>a:focus, 
.nav-trieuchung .nav-tabs>li.active>a:hover{
	border: none;
}
.nav-trieuchung .nav-tabs>li>a{
	border: none;
	border-radius: 0;
	margin: 0;
	padding: 15px;
	color: #000;
	text-transform: uppercase;
}
.nav-trieuchung .nav-tabs{
	border: none;
}
.block-trieuchung{
	border: 1px solid #e6e6e6;
}
.ct-trieuchung {
    padding: 20px 0;
}
.list-trieu-chung{
	margin-bottom: 40px;
}
.phuongphap{
    background-color: #36c334;
    border-radius: 4px;
    font-family: avobold;
    color: #fff;
    padding: 12px 15px;
    display: inline-block;
}
.block-dvpp img{
	display: block;
	height: 180px;
	object-fit: cover;
}
.block-dvpp {
    height: 100%;
}
.ct-doituong {
    background: #f2f5f5;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px;
}
.block-doituong img{
	height: 100%;
	object-fit: cover;
}
.news-img{
	position: relative;
}
.news-img img{
	height: 200px;
	object-fit: cover;
}
.date-views{
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
}
.s-date {
    padding: 10px;
    display: inline-block;
    background: #68acdc;
    color: #fff;
    font-size: 12px;
}
.s-views {
    padding: 10px;
    display: inline-block;
    background: #358ac5;
    color: #fff;
    font-size: 12px;
}
.view-news{
    background: transparent;
    color: #358ac5;
    border: 1px solid #358ac5;
    border-radius: 20px;
    font-size: 12px;
    padding: 7px 40px;
    display: inline-block;
}
.news-ct{
	padding: 30px 15px;
	border: 1px solid #ccc;
	height: calc(100% - 200px);
}
.block-news{
	height: 100%;
}
.pagi-news{
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagi-news .acti-news{
	background: #358ac5;
	color: #fff;
}
.pagi-news span{
	display: inline-flex;
	height: 30px;
	width: 30px;
	align-items: center;
	justify-content: center;
	background: #ddd;
	margin: 0 3px;
}
.pagi-news span a{
	color: #000;
}
.block-bvxn{
	margin-bottom: 20px;
}
.tit-lh{
	margin: 0;
	margin-bottom: 30px;
	margin-top: 10px;
	color: #358ac5;
	text-transform: uppercase;
	font-family: avobold;
}
.tit-lh:after{
	content: "";
	display: block;
	width: 100px;
	height: 1.5px;
	background: #358ac5;
	margin: 0 auto;
	margin-top: 15px;
}
.sblh{
    cursor: pointer;
    background-color: #358ac5;
    color: #fff;
    font-size: 13px;
    padding: 15px;
}
.bando {
    height: 100%;
}
.bando iframe{
    height: 100%;
}
.fanpage{
    overflow: hidden;
}
.form-lh {
    padding: 20px;
    border: 1px solid #eee;
}


@media (max-width: 1500px){
    .next-bn{
        right: 20px;
    }
    .prev-bn{
        left: 20px;
    }
}
@media (max-width: 1199px){
    .show1199{display: block;}
    .hide1199{display: none;}
    .flex1199{
    	display: flex;
    	align-items: center;
    	justify-content: space-between;
    }
    .main-lang a.logo1199 img{
    	width: auto;
    	margin: 0;
    }
    .ul-main-menu > li > a{
    	padding: 10px 5px;
    }
    .ul-main-menu{
    	display: flex;
    	align-items: center;
    	justify-content: space-between;
    	width: 100%;
    }
    .main-lang a img{
        margin: 0;
    }
    .ct-slider{
        width: 940px;
    }
    .ct-tt{
        height: auto;
    }
}

@media (max-width: 991px){
    .show991{display: block;}
    .hide991{display: none;}
    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        top: 0;
        right: 0;
        background-color: #328ac7;
        overflow-x: hidden;
        transition: 0.3s;
        z-index: 99999;
    }
    .sidenav .closebtn {
        font-size: 25px;
        display: block;
        align-items: center;
        width: 40px;
        background: #f5821f;
        color: #fff;
        margin: 0 auto;
        text-align: center;
        padding: 5px 0;
    }
    .menu-mobile {
        padding: 20px 0;
        text-decoration: none;
        color: #818181;
        transition: 0.3s;
        list-style-type: none !important;
        margin: 0;
    }
    .menu-mobile li {
        border-bottom: 1px solid rgba(219, 219, 219, 0.21176470588235294);
    }
    .menu-mobile a {
        padding: 15px 0 15px 20px;
        display: inline-block;
        width: calc(100% - 50px);
        color: #fff;
        font-size: 15px;
    }
    .hassub-mb .phelp .a-icon {
        position: absolute;
        right: 15px;
        top: calc(50% - 7.5px);
        z-index: 9999;
        text-align: center;
        width: 20px;
        padding: 0;
    }
    .phelp {
        position: relative;
    }
    .phelp > a:first-child{
        border-right: 1px solid rgba(219, 219, 219, 0.21176470588235294);
    }
    .sub-menu-mb{
        padding: 0;
        list-style-type: none;
        margin: 0;
    }
    .sub-menu-mb > li{
        border-top: 1px solid rgba(219, 219, 219, 0.21176470588235294);
        border-bottom: none;
        background: rgba(255,255,255,.08);
    }
    .sub-menu-mb > li:last-child{
        border-bottom: none;
    }
    .push-left {
        position: relative;
        right: 280px;
        transition: all 0.3s;
        left: unset;
    }
    .menu-mobile .sub-menu-mb a {
	    width: 100%;
	    padding: 15px 20px;
	}
    .header-mobile {
	    display: flex;
	    align-items: center;
	    justify-content: flex-end;
	    height: 61px;
	}
    .ct-info:after{
        content: unset;
    }
    .ct-info{
        margin-bottom: 10px;
    }
    .ct-slider{
        width: 720px;
    }
    .main-dichvu .flex-n{
        display: block;
    }
    .block-dv{
        width: 50%;
        padding: 0 15px;
        margin-bottom: 30px;
    }
    .ct-dv{
        background: rgba(240, 248, 255, 0.3);
    }
    .img-bn img{
        height: 400px;
        object-fit: cover;  
    }
    .brea-tit{
        top: 100px;
        padding: 0 15px;
    }
    .block-doituong img{
        height: 50%;
        margin-top: 80px;
    }
    .block-doituong{
        background: #f2f5f5;
    }
    .ct-doituong{
        padding-bottom: 0;
    }
    .pptl > .col-md-4{
        padding: 0;
    }
}

@media (max-width: 767px){
    .show767{display: block;}
    .hide767{display: none;}
    .info-web{
        position: unset;
    }
    .ct-slider{
        width: calc(100% - 80px);
    }
    .prev-bn,
    .next-bn{
        top: 227px;
    }
    .prev-bn{
        left: 10px;
    }
    .next-bn{
        right: 10px;
    }
    .ct-slider{
        padding-top: 0;
    }
    .ct-tt{
        margin-bottom: 30px;
    }
    .block-doituong.flex-n{
        display: block;
    }
    .block-doituong img{
        height: auto;
        margin: 0;
    }
    .block-doituong.flex-n.dt-order{
        display: flex;
        flex-direction: column-reverse;
    }
    .ct-doituong{
        padding: 20px;
    }
    .block-img-left{
        display: block;
        margin-bottom: 60px;
    }
    .block-img-left.dt-order {
        display: flex;
        flex-direction: column-reverse;
    }
    .ct-block-gt-r,
    .ct-block-gt-l{
        height: auto;
        padding: 20px;
    }
    .tit-lh{
        margin-bottom: 15px;
    }
    .form-map .flex-n{
        display: block;
    }
    .bando iframe{
        height: 400px;
    }
    .pptl{
        display: block;
    }
    .pptl > .col-md-4{
        margin-bottom: 20px;
        padding: 0 15px;
    }
    .main-blnews .flex-n{
        display: block;
    }
    .news-img img{
        height: auto;
    }
    .news-ct{
        height: auto;
        margin-bottom: 30px;
    }
    .nav-trieuchung .nav-tabs{
        height: 155px;
        overflow: auto;
    }
    .tt-center{
        display: block;
        margin: 0 auto;
    }
}

@media (max-width: 480px){
    .show480{display: block;}
    .hide480{display: none;}
    .fwmb{width: 100%;}
    .main-lang a.logo1199 img{
        width: 150px;
    }
    .prev-bn,
    .next-bn{
        display: none;
    }
    .block-dv{
        width: 100%;
        padding: 0;
    }
    .brea-tit{
        top: 50px;
    }
    .brea-tit h1{
        font-size: 28px;
    }
    .img-bn img{
        height: 300px;
    }
    .block-bvxn a{
        font-size: 13px;
    }
    .bando iframe{
        height: 300px;
    }
}