.f5bg_footer1{ background-color:#0b9444; }
.f5bg_footer2{ background-color:#065406;  }
.f5bgcolor_button{ background-color:#CC6600; }
.f5bgcolor_button:hover{ background-color:#069; }
#f05_textinfo{ color:#333; }

/*------------Footer web*/
#wfooter{ width:100%; float:left; margin-top:20px; }
#footer_rbg{ width:100%; /*background: rgba(25, 28, 34 , 0.65 );  */ float:left; padding:35px 0px 30px 0px; }
#wfooter_rtt{ width:100%; float:left; /* background: rgba(25, 28, 34 , 0.4);*/ padding:10px 0px 10px 0px; text-align:center; }
#wfooter_rtt p{ margin:0px; color:#ddd; }
#tkweb{  color:#ddd; font-size:12px; }

#footer_cl1, #footer_cl2, #footer_cl3{ width:-moz-calc((100% - 40px)/3); width: -webkit-calc((100% - 40px)/3); width:-o-calc((100% - 40px)/3); width:calc((100% - 40px)/3);
float:left; min-height:100px; margin-right:20px; }
#footer_cl3{ margin-right:0px;  }
.clfooter_td{ width:100%; float:left; margin-bottom:20px;   border-bottom:0px solid #ccc; }
#footer_cl1{ color:#FFFFFF; }
.fo_imglogo{ width:100%; float:left; }
.fo_imglogo img{   max-width:90%; height:auto; }

.cl4_p{ width:100%; float:left; margin:0px 0px 9px 0px;  }
.clfooter_td h6{ float:left; margin:0px 0px -2px 0px; padding-bottom:5px; font-size:16px; color:#01304c; text-transform:uppercase; border-bottom:1px solid #FFCC00; }
#footer_cl2 p{ font-size:16px; color:#FFFFFF; }
#footer_cl2 .fa{ color:#CC9900;  }
#footer_mxh{ padding:0px; margin:0px; }
#footer_mxh a{ color:#ddd;    }
#footer_mxh li{ float:left; margin-right:5px; list-style:none; color:#76a9d8; width:20px; padding:6px; cursor:pointer; border:0px solid #8c8d94; border-radius:16px; display: flex; justify-content: center;  } 
#footer_mxh li:hover{ color:#0b5d8e; background-color:#FF9900; }
#footer_mxh li .fa{ color:#ddd; font-size:18px; }
#footer_mxh li .fa:hover{ color:#FFCC66;}
#footer_mxh .icon-linkedin{ background-color:#0072b7; }
#footer_mxh .icon-twitter{ background-color:#079cf7; }
#footer_mxh .icon-youtube{ background-color:#c33223; }
#footer_mxh .icon-facebook{ background-color:#3a589d; }

.footer3_jstify{ display:flex;justify-content: center; margin-bottom:20px; }
.fo_ul_sty{ width:100%; float:left; padding:0px; margin:0px; }
.fo_ul_sty li{ width:98%; float:left; padding:0px; margin:0px 0px 10px 2%; color:#FFFFFF; font-size:15px; list-style:none;  }
.fo_ul_sty li a{ color:#FFFFFF; margin-left:10px;}
.fo_ul_sty li::before{ content: "»"; margin-right: 10px; opacity: 0.8; color: #fff; }

/*Footer dang ky thong tin*/
.inputdk_footer{
width:-moz-calc(100% - 12px); width: -webkit-calc(100% - 12px); width:-o-calc(100% - 12px); width:calc(100% - 12px);
padding:8px 5px 8px 5px; border:1px solid #ccc;  background: transparent; color: white; font-size:15px; }
.div_dk_center{ display: flex; justify-content: center; }
.button_dangky{ width:200px; padding:8px 25px 8px 25px; border:1px solid #ddd; border-radius:5px; background-color:#3f4560; color:#fff; cursor:pointer; font-size:14px; font-weight:300; text-align:center; border-bottom:1px solid #ddd; }
.button_dangky:hover{ background-color:#990000; border-bottom:1px solid #fff; }

#footer_wform06{ width:100%; float:left; }
#footer_wform06 p{ width:100%; float:left; margin:10px 0px 10px 0px; }
#footer_wform06 p input{ width: 100%; padding:10px; border:1px solid #ddd; box-sizing:border-box; margin:0px; }
#footer_wform06 .buttonform6{
  background-color: #89520a;
  color: #fff; padding:10px 15px 10px 15px; cursor:pointer;border-radius:5px;
}
#footer_wform06 .buttonform6:hover{ background-color: #295017; }

@media only screen  and (max-width: 1280px) {
/* #tkweb{ display:none;} */
}
@media only screen  and (max-width:1170px) {
.frowweb{ width:100%; float:left; }
.frowwebleft{ width:98%; margin:0px 1% 0px 1%; }
#footer_rbg{ width:96%; padding:15px 2% 10px 2%; }

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

}
@media only screen  and (max-width: 1024px) {

}
@media only screen and (min-width:860px)  and (max-width: 1024px) {
#wfooter{ width:100%; /*padding:20px 1% 0px 1%;*/ }

}

@media only screen  and (max-width: 860px) {
/*fOOTER*/
#wfooter{ width:100%; padding:0px 0px 0px 0px;  }
#footer_cl1, #footer_cl2, #footer_cl3{ width:100%; margin-bottom:10px; margin-right:0px}	
#wfooter_rtt span{ width:100%; float:left; margin-bottom:3px; }
#tkweb{ width:100%; float:left; color:#ddd; font-size:10px; }
.fo_imglogo{ display: flex; justify-content: center; }
.fo_ul_sty li{ width:46%; margin-right:2%; }

}

@media only screen and (max-width: 640px) {


}
@media only screen and (min-width:224px)  and (max-width: 480px) {


}



#wfooter_rtt p , #tkweb{ color: #333;}
#footer_cl2 p { color: #333; }
#f05_textinfo{ color:#333; }



