@font-face {
	font-family: 'NotoSans-Light';
  	font-style: normal;
	font-weight: 200;
	font-display: auto; /* or block, swap, fallback, optional */
	src: local('Noto Sans Light'),
		 local('NotoSans-Light'),
		 url(static/fonts/global/NotoSans-Light.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSans-Regular';
	font-style: normal;
	font-weight: 300;
	font-display: auto; /* or block, swap, fallback, optional */
	src: local('Noto Sans Regular'),
		 local('NotoSans-Regular'),
		 url(static/fonts/global/NotoSans-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSans-Bold';
  	font-style: normal;
	font-weight: 700;
	font-display: auto; /* or block, swap, fallback, optional */
	src: local('Noto Sans Bold'),
		 local('NotoSans-Bold'),
		 url(static/fonts/global/NotoSans-Bold.otf) format('opentype');
}
/*Kh�0�0i d��ng chung*/
#main{
    margin-top:125px;
}

.description {
    font-size: 16px !important;
    color: #949ba1 !important;
    font-family: NotoSans-Regular;
    line-height: 25px;
}
.chu{
	color: black;
}
h4.title {
    line-height: 33px;
}
/*end khoi dung chung*/
.light{
    font-family: NotoSans-Light;
}
.bold{
    font-family: 'NotoSans-Bold';

}
.regular{
	font-family: 'NotoSans-Regular';
}




img.logo {
    height: 85px;
    margin: -3%;
}
a#navbarDropdown {
    color: black;
    text-transform: uppercase;
    font-size: 16px;
	font-family: NotoSans-Regular;
	text-decoration: none;
  white-space: nowrap;
}
a.in#navbarDropdown:hover {
    color: #ec3237;
}

/*tthieu start change font - task#109*/


ul.dropdown-menu {
    border: none;
    border-radius: 0;
    /*text-align: center;*/
}
.menu-area{background: white;    box-shadow: 0 3px 6px -2px #00000030;}
.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{color:black;font-size:16px;text-transform:capitalize;padding:16px 15px;font-family:'Roboto',sans-serif;display: block !important;}
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{color:#ed3136;background: while;outline: 0;text-decoration: none;}
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{background: while;}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: while;}
.mainmenu .collapse ul ul ul > li:hover > a{background: while;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:while;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:while}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:while}

/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}
/*end menu*/

/*Slide*/
div#carouselId {
    margin-top: 6%;
}
img.slidetop {
    width: 100%;
    height:150%;
}

/*end slide*/
/*Banner*/
.benefit_text_item.col-sm-8 p {
    font-family: NotoSans-Regular;
    font-size: 13px;
    color: #949ba1;
    text-transform: uppercase;
    margin-top: 3px;
}
.row.rowbannertop {
    padding-top: 18px;
    padding-bottom: 8px;
    margin: auto;
}
.benefit_img_item.col-sm-4 {
    text-align: center;
}
.benefit_text_item.col-sm-8 {
    text-align: center;
}
/*end banner*/

/*Project populate*/
a#none {
    text-decoration: none;
}
.noidung {
    background: #f3f4f7;
}
h4.display-4.text-center.chu.mb-5 {
    padding: 6px 25px;
    line-height: 34px;
    font-size: 36px;
    color: #000;
    font-family: 'NotoSans-Bold';
    text-transform: uppercase;
    font-weight: 800;
}
button.btn.btn-primary.btn-lg.btn-block {
    background-color: #f3f4f7;
    border-color: #ec3138;
    color: #ec3238;
    text-transform: uppercase;
    font-family: NotoSans-Regular;
    font-size: 16px;
    padding: 15px 0;
}

.noidung h5.title {
    font-size: 18px;
    line-height: 20px;
    color: black;
    font-family: 'NotoSans-Regular';
    text-transform: uppercase;
    padding-top: 4%;
}
.noidung .chu span {
    font-size: 14px;
    line-height: 13px;
    color: #999999;
    display: block;
    font-family: 'NotoSans-Regular';
    
}
/*end project*/

/*container Video*/
.khoivideo.mb-5 {
    background-color: #ec3273;
}
.khoivideo iframe {
    width: 100%;
    height: 100%;
}
.detail {
    font-size: 16px;
    font-family: NotoSans-Regular;
    color: white;
}
.khoivideo h4.title {
    font-family: 'NotoSans-Bold';
    font-size: 36px;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
}
#menu_area {
    background: white;
}
/*end video*/

/*News*/


.mottinchuan.mb-3.wow.fadeInUp.fontroboto.row img {
    width: 100%;height:100%;
}
.news h4.title {
    font-family: NotoSans-Bold;
    margin-bottom: 10px;
    font-size: 21px;
    line-height: 30px;
    color: #000;
    font-weight: 500;
    letter-spacing: -0.02em;
}
.news a.btn_more {
    color: #ec3238;
    font-family: NotoSans-Light;
}
/*end news*/


/*Step*/
.col-sm-2.center {
    text-align: center;
}
.khoiquytrinh {
    background: url(../images/bg_main_proc.jpg);
}
h4.display-4.chu.text-center.mb-5.quytrinh {
    color: white;
}
span.text_num_step {
    font-size: 18px;
    font-family: NotoSans-Bold;
}
span.no_num_step {
    font-size: 30px;
    font-family: NotoSans-Bold;
}
p.title_num_step {
    font-size: 16px;
    font-family: NotoSans-Light;
}
.service_list_item_content.text-center {
    color: white;
}
.khoiquytrinh a.text-center {
    color: white;
    border: 1px solid white;
    border-radius: 9px;
    padding-left: 1.5%;
    padding-right: 1.5%;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'NotoSans-Light';
    font-size: 13px;
}
.khoiquytrinh .col-sm-12.text-center.mb-3 {
    margin-top: -2%;
    padding-bottom: 4%;
}
/*end step*/

/*Responser*/

.phanhoinguoidung {
    background: #787878;
    color: white;
    padding: 92px 0px;
}
.phanhoinguoidung ol.carousel-indicators {
    bottom: -59px;
}
b.fontdancing.tennguoi {
    font-size: 26px;
    color: #feb518;
    margin-top: 23px;
    display: inline-block;
}
.fontdancing {
    font-family: 'Dancing Script', cursive;
}
.quote {
    font-family: roboto slab;
    line-height: 36px;
    font-size: 18px;
    color: white;
    padding-left: 15px;
    padding-right: 15px;
}
.phanhoinguoidung i.fa.fa-quote-right {
    font-size: 33px;
    margin-bottom: 66px;
    text-align: center;
}
.carousel-item.text-center .icon {
    background: #787878;
}
.carousel-item.text-center {
    background: #787878;
}
/*end responser*/

/*footer*/
.footer-copyright.text-center.py-3 {
    background-color: #ec3238;
}
/*end footer*/

/*Css v�� ch��ng t�0�0i*/
.banner.about {
    margin-top: 122px;
    font-size: 28px;
    font-family: 'NotoSans-Regular';
    text-transform: uppercase;
    line-height: 45px;
    background: url(/images/bg_using_new.png);
    color: white;
    padding: 30px;
}


.title {
    line-height: 20px;
    margin-top: 35px;
    color: #000000;
    font-size: 24px;
    font-family: 'NotoSans-Bold';
    text-transform: uppercase;
}

h3.title.to {
    font-size: 31px;
}
.dichvu.mt-5 {
    background: #f3f4f7;
}
.dichvu.pt-4.pb-5{
    background: #f3f4f7;
    
}
.container.quang {
    margin-bottom: -5%;
}
/*end css v�6�7 ch��ng t�0�0i: ;*/

/*
ve chung toi khoi believe
 */
.believe {
    background: #f3f4f7;
    padding-bottom: 50px;
}
.trang{
    background: white;
}
.trang {
    border-radius: 15px;
}
.card.trang {
    border: none;
    margin-top:30px;
    border-radius: 10px;
}
/*end believe*/


/*du an*/
select.chondata {
    width: 100%;
    padding: 0 10px;
    display: block;
    height: 40px;
    border: solid 1px #dddddd;
    box-sizing: border-box;
    background: url(#) right center no-repeat;
    background-size: 20px auto;
    background-color: #fff;
    font-size: 12px;
    color: #282828;
}
.filter {
    margin-top: 122px;
    display:none;
}
.col-sm-12.mt-lg-4.chuduaan {
    width: 100%;
    display: inline-block;
    line-height: 150%;
    color: #000;
    font-size: 21px;
    font-family: 'NotoSans-Light';
    border-radius: 5px;
    background: #2e3092;
    color: #fff;
    padding: 10px;
    text-align: center;
}
.col-sm-3.nho {
    margin-bottom: 13px;
    display: inline-block;
    line-height: 20px;
    padding: 0 7px;
    background-color: #282828;
    font-weight: 300;
    color: #fff;
    font-size: 10px;
    font-family: 'NotoSans-Light';
}
p.titleduan {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: #282828;
    padding-bottom: 2px;
    font-family: NotoSans-Light;
}
div.chuduan {
    padding: 12px 5px 0 5px;
    font-size: 11px;
    line-height: 16px;
    color: #999999;
    font-weight: 200;
    font-family: 'NotoSans-Light', Helvetica Neue, Helvetica, Arial, sans-serif;
}
img.lonn {
    width: 233px;
    height: 233px;
     border-radius: 10px 0px 0 10px;
}
img.aa {
    width: 116px;
    height: 117px;
    padding: 0px -0px 2px 2px;
}
.col-sm-7.anhlon {
    padding: 2px;
}
span.tag {
    padding: 0px 7px 0 7px;
    margin-left: 6px;
    display: inline-block;
    height: 24px;
    line-height: 22px;
    font-size: 11px;
    color: #e2afaf;
    border: solid 1px #e2afaf;
    border-radius: 25px;
    background-color: #fff;
}
p.titleduan {
    margin-top: -20px;
}
p.titleduan {
    margin-top: -10px;
    margin-bottom: 0px;
}
img.aa.duoi {
    background-image: url(https://kt03.dichvutop.net/images/blank6.png);
    opacity: 0.7;
    border-radius: 0px 0px 10px 0px;
}
img.aa.tren {
    border-radius: 0px 10px 0px 0px;
    background-image: url(https://kt03.dichvutop.net/images/blank6.png);
}
.number {
    width: 100%;
    display: block;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -50%;
    z-index: 7;
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-size: 23px;
    font-weight: 500;
}
/*end du an*/

/*css trang du an detail*/
.khoitrenduan {
    margin-top: 122px;

}

img.anhd {
    width: 100%;
}
.khoitrenduan .col-sm-12.mt-lg-4.chuduaan {
    margin-left: 0px;
    padding-left: 0px;
}

.duan{
    margin-top: 100px !important;
}

.duan.khoitrenduan .col-sm-12.mt-lg-4.chuduaan {
    margin-left: 0px;
    padding-left: 0px;
}
.col-sm-12.d-flex.flex-row.pt-2 {
    border-bottom: 1px solid #e6c0d9;
    padding-bottom: 26px;
}
.col-sm-12.mt-lg-4.chuduaan.duan {
    width: 100%;
    display: inline-block;
    line-height: 27px;
    color: #000;
    font-size: 21px;
    font-family: 'NotoSans-Light';
    border-top: 3px solid black;
    padding-top: 32px;
}
.diachi {
    font-size: 13px;
    line-height: 16px;
    color: #000;
    display: block;
    font-weight: 700;
    margin-bottom: 4px;
    font-family: 'NotoSans-Light';
}
.col-sm-12.ml-3.mt-3.tt {
    padding-left: 27px;
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    position: relative;
}
.col-sm-12.tien {
    font-size: 19px;
    line-height: 21px;
    color: rgb(0, 0, 0);
    font-weight: 700;
    font-family: Notosans-Regular;
}
.col-sm-12.chiphi.chuduan {
    border-top: 1px solid gray;
}
/*end css du an detail*/
/*day moi l�� tintuc danh sach tin*/
img.hinhtin {
    width: 100%;
}
section.noidungtin {
}
.noidungtin .den {
    margin-bottom: 13px;
    display: inline-block;
    line-height: 20px;
    background-color: rgb(40, 40, 40);
    font-weight: 300;
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: NotoSans-Light;
    padding: 0px 7px;
}

a.btn_more.pl-3 {
    display: inline-block;
    font-size: 11px;
    line-height: 16px;
    color: #f66f7a;
    font-weight: 700;
    padding-right: 10px;
    background: url(/images/ico_01.png) right center no-repeat;
    background-size: 6px auto;
}
.line span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #000;
    margin-top:-10px;
}
.line {
    display: block;
    width: 100%;
    padding-left: 100px;
    box-sizing: border-box;
    height: 2px;
    position: absolute;
    /*bottom: 24px;*/
    right: 0px;
}
.mottinchuan .chuduan.col-sm-12.pl-3 {
    color: #414141;
    font-size: 12px;
}
img.anhd.mt-4 {
    border-radius: 7px;
}

/*end du an detail*/


/*lien he*/
.lienhe{
    margin-top:7%;
}
.lienhe iframe {
    width: 100%;
    height: 100%;
}
h2.fontoswarld,h4.mt.fontdancing {
    width: 100%;
    display: inline-block;
    line-height: 27px;
    color: #000;
    font-size: 21px;
    font-family: 'NotoSans-Light';
}
span.fontdancing  {
    margin-bottom: 13px;
    display: inline-block;
    line-height: 20px;
    background-color: rgb(40, 40, 40);
    font-weight: 300;
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: NotoSans-Light;
    padding: 0px 7px;
}
.lien {
    font-family: NotoSans-Light;
    font-size: 12px;
    line-height: 28px;
    padding-left: 0px;
}
input#ten {
    margin-bottom: 6px;
}
input#diachi {
    margin-bottom: 6px;
}
input#email {
    margin-bottom: 6px;
}
input#dienthoai {
    margin-bottom: 6px;
}
textarea#noidung {
    margin-bottom: 6px;
}
input.btn.btn-block.btn-primary.mb-3{
    /*margin-b�0�0:6px;*/
    background: #ec3137;
    
}
input.btn.btn-block.btn-primary.mb-3:hover {
    background: #3c599f;
    color: white;
}
/*end lien he*/

.carousel-indicators li {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50%;
}


@media (max-width: 576px){
    *{
    }
    img#daihon {
        height: 200px;
    }
    .nho {
        width: 100%;
    }
    img.nho {
        width: 100%;
        text-align:center;
    }
    .believe .col-sm-5 {
        text-align: center;
    }
    div#carouselId {
        margin-top: 16%;
    }
    .lienhe {
        margin-top: 21%;
    }
    .number {
        margin-top: -40%;
        padding-right: 30px;
    }
    a.zalo-widget {
        position: fixed;
        right: 10px;
        bottom: 29px;
        z-index: 2333;
    }
    .mainmenu a{
        width:80%;
    }
}

@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
.textslide {
    /*visibility: hidden;*/
    
}

}

a.zalo-widget {
    position: fixed;
    right: 10px;
    bottom: 29px;
    z-index: 2333;
}
a.zalo-widget img {
    width: 60px;
}

#mau {
    bottom: 51%;
    text-transform: uppercase;
    color: #f9fdfe;
    width: 100%;
    left: 0%;
    white-space: nowrap;
}

.chumau {
    display: inline;
    /*hien thị xát chữ*/
    background: rgb( 8,  8,  8, 36%);
    border-radius: 5px;
    padding-left: 6px;
    padding-right: 6px;
}

.khoiquytrinh{
	padding: 20px 0;
}

@media only screen and (max-width: 768px){
    .inhoa{
        border-bottom: 1px solid rgba(0,0,0,0.12);
    }
    
    img.logo{
        height:63px;
    }
    .khoiquytrinh img{
        width: 75px;
    }
  
    button.btn.btn-primary.btn-lg.btn-block {
      font-size: 21px;
  	}
  
  	h4.display-4.text-center.chu.mb-5 {
      line-height: 120%;
      font-size: 25px;
	}
  
    
  .fanpage{
  	  margin-bottom: 40px !important;
  }
  
  
}

@media only screen and (min-width: 769px){
   i.float-right.fa.fa-plus.fa1{
      visibility: hidden;
       width:0px;

}
}

@media only screen and (min-width: 1366px){
a#navbarDropdown {
    font-size: 16px;
}
}

@media only screen and (max-width: 760px){
   i.float-right.fa.fa-plus.fa1{
    margin-right:-50px;
}
.chumau {
    font-size: 20px;
}
}

@media only screen and (min-width: 1024px){
.chumau {
    font-size: 36px;
}
#mau {
    bottom: 59%;
}


}

@media only screen and (min-width: 500px) {
.in.showww  {
display: none !important;}
}

@media only screen and (max-width: 500px) {
.in.showdesk  {
display: none !important;}
}