@charset "utf-8";
.fladi{ width:100%; float:left; padding:10px 0px 10px 0px;  overflow:hidden; }
.fladi-box{ width:1170px; 
margin-left:-moz-calc((100% - 1170px)/2); margin-left: -webkit-calc((100% - 1170px)/2); margin-left:-o-calc((100% - 1170px)/2); margin-left:calc((100% - 1170px)/2);
float:left; 
}
.ladi-container {  width: 100%; float:left; margin-bottom:10px; }
.fladi .ladi-container { margin-bottom:0px; }
.ladi-container img{ max-width:100%; height:auto; }

.ladi-row{ 
  box-sizing: border-box;
  display: flex;
  margin:0px; padding:0px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; 
  /*flex-shrink: 0;*/
 
  
}
.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}
.flex-nowrap-col{
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}
.ladi-colsty1,
.ladi-col{
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  margin-right:10px;
}
.ladi-col2{
   flex: calc((100% - 20px)/2);
   max-width: calc((100% - 20px)/2);
   margin-right:20px; margin-bottom:20px;
}
.ladi-col3{
	flex: calc((100% - 20px)/3);
    max-width: calc((100% - 20px)/3);
    margin-right:10px; margin-bottom:10px;
}
.ladi-col4{
	flex: calc((100% - 30px)/4);
    max-width: calc((100% - 30px)/4);
    margin-right:10px; margin-bottom:10px;
  	
}
.ladi-col5{
	flex: calc((100% - 40px)/5);
    max-width: calc((100% - 40px)/5);
    margin-right:10px; margin-bottom:10px;
  	
}

.ladi-row .ladi-col2:last-child,
.ladi-row .ladi-col:last-child{ 
	margin-right:0px;
}
.ladi-row .ladi-col2:nth-child(2n) {
  margin-right:0px;
}
.ladi-row .ladi-col3:nth-child(3n) {
  margin-right:0px;
}
.ladi-row .ladi-col4:nth-child(4n) {
  margin-right:0px;
}
.ladi-row .ladi-col5:nth-child(5n) {
  margin-right:0px;
}

.ladi-col img, .ladi-col2 img, .ladi-col3 img, .ladi-col4 img, .ladi-col5 img{ max-width:100%; height:auto;  }
/*Canh giu hinh anh*/
.ld-img{
    display: flex;
    justify-content: center;
    /* align horizontal */
    align-items: center;
    /* align vertical */
}
.ld-imgthumb{   position:relative; overflow: hidden; justify-content: center;display: flex; align-items: center; }
.ld-imgthumb img{ width:100%; height:auto; position:relative; display:block;   }
.ld-imgmaxwidth{ }
.ld-imgmaxwidth img{ max-width:100%; height:auto; margin-left:auto; margin-left:auto; }
.ld-whimage{ max-width:100%; height:auto;  }
.ld-imgborder{ padding:2px;  border:1px solid #ccc; background-color:#f9fbfa; }
.ld-imgthumb-title{ width:100%; min-height:30px; position:absolute; background-color: rgba(0,0,0,0.8); bottom:0px; text-align:center; color:#FFFFFF; }
.ld-width40{  flex:40%; max-width:40%;  }
.ld-width35{  flex:35%; max-width:35%;  }
.ld-width30{  flex:30%; max-width:30%;  }
.ld-width18{  flex:18%; max-width:18%;  }
.ld-widthf40{  width:40%;  }
.ld-widthf50{  width:50%;  }
.ld-marginleft30{ margin-left:30px; }
.ld-marginright30{  margin-right:30px; }
.ld-marginright50{  margin-right:50px; }
.ld-marginbottom20{  margin-bottom:20px; }
.ld-marginbottom10{  margin-bottom:10px; }
.ld-margincenter{ /* margin-left:20%; margin-right:20%;*/ justify-content: center; }
.ld-colsty1{ }
.ld-hiden{ }
.ld-hide{ display:none; }
.ld-showflex{ display:flex; }
.ld-ul{  padding:0px; margin:10px 0px 10px 0px; }
.ld-ul li{ list-style:none; margin-bottom:8px; font-size:14px; }
.ld-ul li::before{content: "■"; color:#FF9933; display: inline-block; width:1em; margin-top:-6px; }
.ld_colw20{ width:20%; float:left; margin-right:5%; }
.ld_colw20r{ width:20%; float:left; margin-left:5%; }
.ld_colw80{ width:75%; float:left;  }
.ld-rowpadding{ padding:15px; float:left; }
.ld-rowmargin{ margin:15px; float:left; }
.td-section-bgoverlay{ float:left; width:100%; height:100%; background-color: rgba(0,0,0,.5); }
.td-inputform1{ width:300px; padding:8px; margin-bottom:5px; border:1px solid #ccc; }
.td-inputform2{ width:-moz-calc(100% - 22px); width: -webkit-calc(100% - 22px); width:-o-calc(100% - 22px); width:calc(100% - 22px); padding:10px; margin-bottom:5px; border:1px solid #ccc; }
.td-form-boder{ border-radius:8px; }
.td-button1{ position:relative; padding:8px 25px 8px 25px; background-color:#339999; color:#FFFFFF; font-size:18px; text-align:center; cursor:pointer; }
.td-button1:hover{ background-color:#CC6600; }
.td-button2{
border: 1px solid #EEAE19;
font-size: 16px;
text-transform: uppercase;
background: #EEAE19;
color: #fff;
padding: 10px 0px 10px 0px;
display: block;
cursor: pointer;
text-align: center;
width: 100%;
font-weight: bold;
}
.td-mtab1{ float:left; padding:8px 16px 8px 16px; margin-right:5px; margin-bottom:5px; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); background:#336699; cursor:pointer; color:#FFFFFF; }
.td-mtab1 label{  cursor:pointer;  float:left; font-size:14px; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); }
.td-mtab2{ float:left; padding:8px 16px 8px 16px; margin-right:5px; margin-top:5px; background:#336699; cursor:pointer; color:#FFFFFF; }
.td-mtab3{ float:left; padding:8px 16px 8px 16px; margin-right:5px; margin-top:5px; cursor:pointer; color:#333; }
 
.td-button2:hover{ background-color:#CC6600; }
.td-circle{ border-radius:50%; background-color:#FFCC66; text-align:center;  display: flex; justify-content: center; align-items: center; }
.td-circle i{ font-size:38px ;}
.td-borderbox{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
/*Table ___*/
.fladi table {
  width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
   border-collapse: collapse;
  border-spacing: 0;
 
  border: 1px solid #ddd;
}

.fladi table th,
.fladi table td {
  padding: 0.75rem;
  vertical-align: top;
  border: 1px solid #dee2e6;
}
.fladi table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.fladi table tbody + tbody {
  border-top: 2px solid #dee2e6;
}
/*Youtube, iframe, object*/
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}
.td-headingh3-sty1{
font-size:28px; margin:10px 0px 15px 0px;
text-transform: uppercase; font-weight:300;
}
.td-headingh4-sty1{
font-size: 21px; margin:10px 0px 15px 0px;
text-transform: uppercase; font-weight:300;
}
/*Kieu trinh bay tieu de*/
.td-title-heading1-border { 
position: relative; 
overflow: hidden;
margin-top:-20px;
}
.td-title-heading1-inner-border {
display: block;
width: 100%;
margin-left: 15px;
border-top-style: solid;
border-top-width: 1px;
position: relative;
top: 50%;
opacity: .25;
filter: alpha(opacity=15);
}
.td-title-heading1 {
width: 100%;
clear: both;
display: block;
position: relative;
}
.td-title-heading1-tag{ color:#fff; margin:15px; font-size:26px; }
.td-title2-r{ position:relative; width:100%; margin-bottom:20px; }
.td-title2-heading{ margin:0px 0px 8px 0px; }
.td-title2-border{border-bottom:3px solid #ffae00;position:absolute; margin-top:0px; right:80%; left: 0; }


/*Doan mau rieng biet can css them*/
/*section_5*/
.ldsec5_row{ background:url(img/vct.jpg) center repeat-y; }
.ldsec5_cl_letf, .ldsec5_cl_right{ width:-moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); float:left;}
.ldsec5_cl_letf{ margin-right:30px; }
.ldsec5_cl_right{ margin-left:30px; }
.ldsec5_letfbox, .ldsec5_rightbox{ width:-moz-calc(100% - 22px); width: -webkit-calc(100% - 22px); width:-o-calc(100% - 22px); width:calc(100% - 22px); padding:10px;  float:left; border:1px solid #CCCCCC;   position:relative; background-color:#FFFFFF; color:#333333; }
.ldsec5_letfbox{
	-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
	margin-bottom:35px;
}
.ldsec5_letfbox .ldsec5_lefttext{ width:-moz-calc(100% - 13px); width: -webkit-calc(100% - 13px); width:-o-calc(100% - 130px); width:calc(100% - 130px); float:left; margin-right:10px;    }
.ldsec5_letfbox .ldsec5_leftimg{ width:120px; min-height:50px; float:left;   }
.ldsec5_letfbox .ldsec5_leftimg img{ max-width:100%; height:auto; float:right; }

.ldsec5_rightbox{ margin-top:20px; margin-bottom:15px; 
-webkit-box-shadow: -1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: -1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: -1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.ldsec5_rightbox .ldsec5_righttext{ width:-moz-calc(100% - 130px); width: -webkit-calc(100% - 130px); width:-o-calc(100% - 130px); width:calc(100% - 130px); float:left; }
.ldsec5_rightbox .ldsec5_righttext2{ width:100%; float:left; }
.ldsec5_rightbox .ldsec5_rightimg{ width:120px; min-height:50px; float:left; margin-right:10px;   }
.ldsec5_rightbox .ldsec5_rightimg img{ max-width:100%; height:auto; float:right; }

.ldsec5_aright_row{ width:30px; height:20px; position:absolute; right:-30px; margin-top:12px;  }
.ldsec5_circleright{ width:10px; height:10px; position:absolute; margin-left:33px; margin-top:3px; border:3px solid #ddd; background-color:#990000; border-radius:8px; }
.ldsec5_arrowright{
  position:absolute;
  width:0px;
  height:0px;
  border-bottom:10px solid transparent;
  border-top:10px solid transparent;
  border-left:12px solid #ccc; 
}
.ldsec5_arrowright span{
  width:0px;
  height:0px; position:absolute; margin-top:-9px; left:-12px;
  border-bottom:9px solid transparent;
  border-top:9px solid transparent;
  border-left:10px solid #fff; 
}
.ldsec5_aleft_row{ width:30px; height:20px; position:absolute; left:-30px; margin-top:12px;   }
.ldsec5_circleleft{ width:10px; height:10px; position:absolute; margin-left:-19px; margin-top:3px; border:3px solid #ddd; background-color:#990000; border-radius:8px; }
.ldsec5_arrowleft {
  width:0px; height:0px;position:absolute;  margin-left:18px;
  border-bottom:10px solid transparent;
  border-top:10px solid transparent;
  border-right:12px solid #ccc; 
}
.ldsec5_arrowleft span{
  width:0px; height:0px; position:absolute; margin-top:-9px; right:-12px;  
  border-bottom:9px solid transparent;
  border-top:9px solid transparent;
  border-right:10px solid #fff;
}
.ldsec5_letf_img{ width:100%; float:left; }
.ldsec5_letf_img img{max-width:100%; height:auto;  }
.ldsec5_rmargin{ margin:0px 0px 12px 0px; }
.ldsec5_rmargin2{ margin:0px 0px 0px 0px; }
.ldsec5_rmargin p, .ldsec5_rmargin2 p{ margin:0px;}
.ldsec5_aleft_rmargin{ margin-top:0px;}
.ldsec5_aleft_row2{ width:30px; height:20px; position:absolute; left:-30px; margin-top:2px;   }
.ldsec5_circleleft_number{ width:30px; height:27px; position:absolute; padding-top:3px; margin-left:-29px; margin-top:-6px; border:2px solid #ddd; background-color:#990000; border-radius:17px; color:#FFFFFF; font-size:18px; font-weight:600; text-align:center; }
/*ladi05: tuy chon 4*/
.ldsec5_rightbox_row{ width:100%; float:left; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #ddd; }
.ldsec5_cl_right .ldsec5_rightbox_row:last-child{ border-bottom:0px; }
.ldsec5_rightbox_c1{ width:100px; float:left; margin-right:30px;   }
.ldsec5_rightbox_c2{ width:-moz-calc(100% - 132px); width: -webkit-calc(100% - 132px); width:-o-calc(100% - 132px); width:calc(100% - 132px);
float:left; padding-top:15px; }
.ldsec5_padding{ padding-top:10px; }
.ldsec5_rightbox_imgavatar{ width:100px; height:100px;  float:left;  }
.ldsec5_rightbox_imgavatar img{ width:100%; height:100%;  float:left; border-radius:50%; border:1px solid #c6bdbe; 
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.ldsec5_rightbox_imgavatar2{ width:100px; height:100px;  float:left; background-color:#84aace; }
.ldsec5_rightbox_imgavatar2 img{ width:96%; height:96%; float:left; padding:2%; }
.ldsec5_arrow_msty1{ margin-top:5px; margin-left:-22px; }
.ldsec5_text01 h4{ margin:0px 0px 8px 0px; color:#e22b3c; }
.ldsec5_text01 p{ margin:0px 0px 5px 0px; font-size:14px; }
.ldsec5_text01 p:last-child{ margin:0px;}
/*ladi05: tuy chon 5*/
.ldsec5_tc05{ background-color:#dff4fd; width:94%; padding:3%; }

/*Section 6: thongke*/
.ldsec6_thongke1{ font-size:16px; color:#FFFFFF; }
.ldsec6_col4_sty1{ width:200px; margin:auto; text-align:center; }
.ldsec6_col4_sty2{ width:200px; margin:auto; padding-bottom:6px; text-align:center; border:1px solid #CCCCCC; }
.ldsec6_number{ font-size:45px; }
.ldsec6_col4_sty1 strong{ color:#CCC; }
.ldsec6_col4_sty2:hover{ background-color:rgba(222, 145, 36, 0.2); border:0px; }
.ldsec6_col4_sty2:hover > .ldsec6_number{ color:#CC3300; }
.ldsec6_col4_sty2:hover > strong{ color:#FF6633; }
.ldsec6_col4_sty2 strong{ color:#dd860a; text-align:center; }
.ldsec6_number{ font-size:45px; }
.ldsec6_col4_sty3{ width:140px; margin:auto; padding-bottom:6px; text-align:center; ; }
.ldsec6_number3{ width:136px; height:136px; margin-bottom:10px; font-size:45px; border:2px solid #ddd ;  border-radius:70px; }
.ldsec6_number3 p{ margin:43px 0px 10px 0px; text-align:center; } 
.ldsec6_col4_sty3 strong{ color:#d5b68b; text-align:center; }
.ldsec6_row_vien{ position:relative; height:80%; top:-93%; left:25px;  width:5px; border-left:1px dashed white; z-index:30; }
.ldsec6_row{ width:100%; position:relative; height:100%;z-index:300; }
.ldsec6_khungtron{ width:50px; height:50px;  border-radius:25px; background-color:#ddb95f;
 display: flex;
    justify-content: center;
    /* align horizontal */
    align-items: center;
}
.ldsec6_khungtron i{ font-size:30px; color:#FFFFFF; }
.ldsec6_circle_w80{ width:80px; height:80px; } 
.ldsec7_vitri1{ position:absolute; margin-top:-6px; }
.ldsec7_vitri1 i{ font-size:12px; color:#FF9900} 
.ldsec7_vitri1 span{ margin-top:-25px; font-size:13px; float:left; color:#FF9900; }


.ldsec8_thongtin{ background-color:rgba(0,0,0,0.82);border:5px solid #fcca65; padding: 10px 10px 10px 10px;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; width:35%; color:#FFFFFF; margin-top:30px; margin-bottom:30px; margin-left:48%; }




@media only screen and (min-width:1170px) {

	
	
	
	
}
@media only screen and (max-width:1170px) {
.fladi-box{  width:-moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); margin-left:0px; padding:10px; }	
	
	
}
@media only screen and (max-width:1024px) {
	
	
}
@media only screen and (max-width:960px) {
.ladi-col5{
  flex: calc((100% - 20px)/3);
  max-width: calc((100% - 20px)/3);
  margin-bottom:15px;
}
.ladi-row .ladi-col5:nth-child(5n) {
  margin-right:10px;
}
.ladi-row .ladi-col5:nth-child(3n){
  margin-right:0px;
}	

.ldsec6_circle_w80{ width:60px; height:60px; }
.ldsec6_circle_w80 i{ font-size:23px; }

}
@media only screen and (max-width: 780px) {
.flex-nowrap {
  -ms-flex-wrap:wrap !important;
  flex-wrap:wrap !important;
}	
.ladi-col{
  flex:100%; max-width:100%; 
  margin-left:0%; margin-bottom:10px;  
}
.ladi-col3, .ladi-col4, .ladi-col5, .ladi-colsty1{
  flex: calc((100% - 10px)/2);
  max-width: calc((100% - 10px)/2);
  margin-bottom:15px;
}

.ladi-row .ladi-col3:nth-child(3n) {
  margin-right:10px;
}
.ladi-row .ladi-col4:nth-child(4n) {
  margin-right:10px;
}
.ladi-row .ladi-col5:nth-child(3n),
.ladi-row .ladi-col5:nth-child(5n) {
  margin-right:10px;
}
.ladi-row .ladi-colsty1:nth-child(2n),
.ladi-row .ladi-col5:nth-child(2n),
.ladi-row .ladi-col4:nth-child(2n),
.ladi-row .ladi-col3:nth-child(2n){
  margin-right:0px;
}
.ld-width40, .ld-width35, .ld-width30{  flex:auto; max-width:auto;  }
.ld-widthf50, .ld-widthf40{ width:100%; }
.ld-marginleft30{ margin-left:0px; }
.ld-marginright30, .ld-marginright50{  margin-right:0px; }
.ld-hiden{ display:none; }

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.td-headingh3-sty1{font-size:21px; }
.td-headingh4-sty1{font-size:17px; }
.td-title-heading1-tag{ font-size:18px; text-align:center; }
.td-inputform1{ width:90%; }

/*secction 7*/
.ldsec7_vitri1{ position:static; width:100%; float:left; padding-bottom:5px; margin-top:10px; margin-bottom:10px; border-bottom:1px solid #ddd;  }
.ldsec7_vitri1 i{ float:left; margin-right:10px; font-size:10px; margin-top:3px; color:#FF9900} 
.ldsec7_vitri1 span{ margin-top:0px; font-size:13px; float:left; }

.ldsec8_thongtin{ margin-left:8%; width:80%;}
  
@media only screen and (max-width:640px) {

.ladi-col2, .ladi-col3, .ladi-col4, .ladi-col5{
  flex:100%; max-width:100%; 
  margin-right:0%;  margin-bottom:15px;
}  
.ladi-row .ladi-col3:nth-child(3n),
.ladi-row .ladi-col4:nth-child(4n),
.ladi-row .ladi-col5:nth-child(3n),
.ladi-row .ladi-col5:nth-child(5n),
.ladi-row .ladi-colsty1:nth-child(2n),
.ladi-row .ladi-col5:nth-child(2n),
.ladi-row .ladi-col4:nth-child(2n),
.ladi-row .ladi-col3:nth-child(2n){
  margin-right:0px;
}



/*secction 6*/
.ldsec6_thongke1 .ladi-col4{ 
  flex: calc((100% - 10px)/2);
  max-width: calc((100% - 10px)/2);
  margin-bottom:15px;
}
.ldsec6_circle_w80{ width:50px; height:50px; }
.ldsec6_circle_w80 i{ font-size:18px; }
.ldsec6_row .ld-marginbottom20{ margin-bottom:0px; }

/*secction 5*/
.ldsec5_letfbox, .ldsec5_rightbox{ margin-bottom:5px; margin-top:5px;  }	
.ldsec5_cl_letf, .ldsec5_cl_right{ width:100%; margin:0px; }
.ldsec5_aright_row, .ldsec5_aleft_row{ display:none; }	
}
@media only screen and (max-width: 480px) {

/*secction 6*/
.ldsec6_thongke1 .ladi-col4, .ladi-colsty1{ 
  flex:100%; max-width:100%; 
  margin-right:0%; margin-bottom:15px;
}
	
	
}