/*------------Footer web*/
#wfooter{ width:100%; float:left; margin-top:20px;  background:url(https://trungland.com/css/pcn/img/f3/img-contact.jpg) #33383c no-repeat bottom; background-size:cover; }
#footer_rbg{ width:100%; float:left; padding:25px 0px 30px 0px; }
#wfooter_rtt{ width:100%; float:left;  padding:10px 0px 10px 0px; text-align:center; }
#wfooter_rtt p{ margin:0px; color:#ddd; }
#tkweb{  color:#ddd; font-size:12px; }
#f04_textinfo{ color:#ffffff; }
.f04bg_footer1{ background: rgba(25, 28, 34 , 0.65 ); }
.f04bg_footer2{ background: rgba(25, 28, 34 , 0.8); }
.f04bgcolor_button{ background-color:#3f4560; }
.f04bgcolor_button:hover{ background-color:#990000; }

#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; /*background-color:#CCCCCC;*/ }
#footer_cl3{ margin-right:0px;  }
.clfooter_td{ width:100%; float:left; margin-bottom:20px;  border-bottom:1px solid #ccc; }

.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:#FF9900; text-transform:uppercase; border-bottom:3px solid #cb790f; }
#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:6px; list-style:none; color:#76a9d8; cursor:pointer;   } 
#footer_mxh li:hover{ color:#CC6600; }
#footer_mxh li .fa{ color:#ddd;}
#footer_mxh li .fa:hover{ color:#FFCC66;}
.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{ float:left; padding:0px; margin:0px 0px 10px 10px; color:#FFFFFF; font-size:15px;  }

/*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;  color:#fff; cursor:pointer; font-size:14px; font-weight:300; text-align:center; border-bottom:1px solid #ddd; }
.button_dangky:hover{ border-bottom:1px solid #fff; }



@media only screen  and (max-width: 1280px) {
/* #tkweb{ display:none;} */
}
@media only screen  and (max-width:1170px) {
#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; }

}

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


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


}





@charset "utf-8";
/* CSS Document */
body{ background-color:#fff; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
a{ text-decoration:none; color:#000000; }
a:hover, #breadcrumbs ul li a:hover{ color:#EE1D23; }
::-moz-selection { background-color:#cad79f; color: #000; }
::selection { background-color:#cad79f; color: #000; }
.hrow-1170{ width:1170px; }



/*Header web*/
#h_menuweb{ 
width:100%; padding:0px; 
background-color:#e7242a; margin:0px;
display: flex;
align-items: center;
justify-content: center; 
}
#slider_form{ width:300px; min-height:200px; position:absolute; padding:20px; left:20%; top:25%; background-color:#FFF; border:3px solid #F00; /*background:rgba(12,21,66,0.9); color:#fff;*/ }
#bth_dangky{ padding:8px 15px 8px 15px; cursor:pointer; background-color:#082a4a; color:#fff; }
#slider_form h5{  margin:10px 0px 10px 0px; font-size:18px; text-align:center;  }
#h_infoweb{ float:right;  } 
#h_infoweb .box_info{ float:left; margin-right:10px; padding-left:10px; border-left:1px solid #ddd;  } 
#h_infoweb .box_info label, #h_infoweb .box_info span{  float:left; margin-right:20px;  } 
#h_infoweb .box_info span i{ margin-top:20px; font-size:32px; color:#900; font-weight:300; }
#h_infoweb .box_info label h5{ margin:10px 0px 10px 0px; font-size:16px; font-weight:300; color:#036; }
#h_infoweb .box_info label p{ margin:10px 0px 10px 0px;  font-size:20px; color:#F00; }
 
.h01_bgcolor{ background-color:#195733; }

#header_info{ width:100%; float:left; padding:8px 0px 8px 0px; background-color:#2c2b3b;  }
#hlist-mxh{ float:right; list-style:none; margin:0px; padding:0px; }
#hlist-mxh li{ margin-right:10px; float:left; width:20px; height:20px; padding:2px; border-radius:12px; border:1px solid #C90; text-align:center; }
#hlist-mxh li .fa{ font-size:14px; margin-top:3px; color:#fff; }
#hlist-mxh li:hover{ border-color:#960; }
#hlist-mxh li:hover .fa{ color:#C90; }
#header_info span{ float:left; margin-top:3px; margin-right:20px; font-size:16px; } 
#header_info span i{ margin-right:6px; color:#b1490a;; }
#header_info span a{ color:#fff }

#wheader{ width:100%; float:left; margin-bottom:15px;}
#header_logo{ width:100%; min-height:100px; float:left; padding-top:5px; padding-bottom:10px; border-bottom:1px solid #ddd; background-color:#fff; }
#logoweb{ float:left; margin-top:10px; }
#logoweb img{ height:90px; width:auto; }
#h_banner{ float:right; margin-top:5px; max-width:50%;}
#h_banner img{ float:right; height:95px; width:auto;  max-width:100%; }

#menuweb{  float:left;  }
#menuweb #ul_mli1{  padding:0px; margin:0px;  }
#menuweb #ul_mli1 .mli1{ height:100%;  float:left; padding:12px 11px 12px 11px; margin-right:10px; list-style:none;  }
#menuweb #ul_mli1 .mli1 .amenu{ font-size:16px; text-transform:uppercase; color:#fff; }
#menuweb #ul_mli1 .mli1:last-child{ margin:0px;}
#menu_button{ width:28px; height:28px; position:absolute; top:55px; right:15px; /* background:url(../img/btmenu.png) no-repeat;*/ cursor:pointer; display:none; }
#menu_button .fa{ color:#333; font-size:29px;}
#menuweb #ul_mli1 .mli1:hover, #m_hover{ background:#e38f10;  }
#menuweb #ul_mli1 .mli1:hover .amenu{   }
/*
#menuweb .mli1:hover >.menupos { display:block; }
.menupos{ width:180px; position:absolute; padding:10px; margin:8px 0px 0px 3px; border:2px solid #ed800a; border-top:4px solid #ed800a; background-color:#FFFFFF; z-index:600; display:none; }
.menupos .mli2{ width:180px; float:left; padding-bottom:5px; margin:0px 0px 10px 0px; list-style:none; border-bottom:1px solid #ddd; }
.menupos .mli2:last-child{ margin-bottom:0px; } 
.menupos .mli2 a{ font-size:14px; font-weight:300; color:#333333; }
.menupos .mli1 a:hover, .menupos .mli2 a:hover{  }
*/

#menuweb .mli1:hover >.menupos { display:block; }
.menupos{ width:200px; position:absolute; padding:0px;  margin:8px 0px 0px -11px; border:2px solid #ed800a; border-top:4px solid #ed800a; background-color:#FFFFFF; z-index:600; display:none; 


}
.menupos .mli2{ width:180px; float:left; padding:10px; margin:0px 0px 0px 0px; list-style:none; border-bottom:1px solid #ddd; }
.menupos .mli2:last-child{ margin-bottom:0px; } 
.menupos .mli2 a{ font-size:14px; font-weight:300; color:#333333; }
.menupos .mli1 a:hover, .menupos .mli2 a:hover{  }

.menupos2{ width:180px; position:absolute; padding:10px; margin:-28px 0px 0px 188px; border:2px solid #666; border-top:4px solid #666; background-color:#FFFFFF; z-index:600; display:none; }
.menupos2 .mli3{ width:180px; float:left; padding-bottom:5px; margin:0px 0px 10px 0px; list-style:none; border-bottom:1px solid #ddd; }
.menupos2 .mli3:last-child{ margin-bottom:0px; } 
.menupos2 .mli3 a{ font-size:14px; font-weight:300; color:#333333; }
.menupos2 .mli1 a:hover, .menupos .mli2 a:hover{  }
#menuweb .mli2:hover >.menupos2 { display:block; }

.h01_bordercolor{ border-color:#e38f10; }
.h01_bordercolor2{ border-color:#666; }
/*Slider*/
#wslider{ width:100%; height:auto; float:left;   }
.slides_mota{ position: absolute; bottom:55%; left:8%; width:400px; min-height:35px; padding:10px; /*background-color: rgba(218, 163, 50, 0.5);*/   }
.slides_mota h4{ padding:5px 10px 5px 10px; float:left; margin:0px 0px 7px 0px; font-size:18px; font-weight:600; background-color: rgba(218, 163, 50, 0.5);   color:#FF0; 
text-shadow: 0px 2px 3px #555; border-bottom:2px solid #900; background:linear-gradient(to right, #c87b17, #351f03);
}
.slides_mota p{ min-width:200px; padding:5px 10px 5px 10px; float:left; margin:0px 0px 6px 0px; color:#333; font-size:13px; background-color:#fff; 
  border-style: solid; border-image:linear-gradient( to bottom, #c87b17, rgba(0, 0, 0, 0) ) 1 100%; 
}
.slides_pos1{ bottom:45%; }
.slides_pos2{ bottom:36%; }	
#wslider img{ display:block; }
/* jssor slider bullet navigator skin 21 css */
/*
	.jssorb21 div           (normal)
    .jssorb21 div:hover     (normal mouseover)
    .jssorb21 .av           (active)
    .jssorb21 .av:hover     (active mouseover)
    .jssorb21 .dn           (mousedown)
*/
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av { background-color:#067fc3; overflow: hidden; cursor: pointer; }
.jssorb21 div {  }
.jssorb21 div:hover, .jssorb21 .av:hover { background-color:#CD0023; }
.jssorb21 .av {	background-color:#CD0023; }
.jssorb21 .dn, .jssorb21 .dn:hover { }

.jssora051 {display:block;position:absolute;cursor:pointer;  width:18px; height:20px; }
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}
.sl_arrowleft {
    background: url(../img/slnav.png) no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    top:0px;
    margin-left: 5px;
    z-index: 1000;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.sl_arrowright {
	background: url(../img/slnav.png) -60px 0px no-repeat;
    float:left;
     width: 100%;
    height: 100%;
    cursor: pointer;
    top: 0px;
    z-index: 1000;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.sl_arrowleft_right{ display:none;  float:left; padding:10px 5px 10px 5px; background-color:#03F; color:#FFF; border:0px solid #ddd; }  
.sl_arrowleft_right .fa{ color:#F90;}    			
#wslider:hover .sl_arrowleft_right{ background-color:#960; display:block;}					



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


}
@media only screen and (min-width:1024px)  and (max-width: 1170px) {
#menuweb #ul_mli1 .mli1{  padding:8px 0px 8px 0px; margin-left:8px; }
#menuweb #ul_mli1 .mli1 .amenu{ color:#fff; font-size:13px;  }

}

@media only screen  and (max-width:1170px) {
.hrow-1170{ width:100%; }
/*header*/
#h_banner{ display:none; }
#header_logo{ height:auto;   }
#logoweb{ width:100%; display: flex; justify-content: center; }
#menuweb{ width:100%; margin-left:0px; float:left; display:none;  }
#menuweb #ul_mli1{ width:100%; float:left; background-color:#fff; padding:10px 0px 10px 0px; margin-right:0px; }
#menuweb #ul_mli1 .mli1{ width:100%; padding:6px 0px 10px 0px; margin:0px; }
#menuweb #ul_mli1 .mli1 .amenu{ margin-left:14px; color:#333; font-weight:600; }
#menu_button{ display:block;   }
.menupos{ float:left; display:block; position:static; margin:0px; border:0px; width:100%; padding:10px 0px;   }
.menupos .mli2{ margin-left:20px; 
width:-moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width:-o-calc(100% - 40px); width:calc(100% - 40px);
 border-bottom:1px dotted #ccc; font-size:15px;  }
.menupos .mli2:last-child{ border-bottom:0px;}
.menupos2{ float:left; display:block; position:static;  margin:0px ; border:0px; width:100%; padding:0px;     }
.menupos2 .mli3{ width:48%; margin-left:2%; margin-top:6px; border-bottom:0px;    }
#menuweb #ul_mli1 .mli1:hover{ background:#fff;  }
#menuweb #ul_mli1 .mli1:hover .amenu{ color:#C60;  }

#slider_form{ width:300px; min-height:200px; left:20%; margin-top:10px; top:inherit; background-color:#FFF; border:3px solid #F00; /*background:rgba(12,21,66,0.9); color:#fff;*/ }
#h_menuweb{  padding:2px 0px 0px 0px; }
#h_infoweb{ width:100%; float:left; margin-top:20px; display: flex; align-items: center; justify-content: center;  }
#h_infoweb .box_info{ float:left; margin-right:10px; padding-left:10px; border-left:1px solid #ddd;  } 
#h_infoweb .box_info label, #h_infoweb .box_info span{  float:left;  margin-right:20px;  } 
#h_infoweb .box_info span i{ margin-top:0px; font-size:21px; color:#900; font-weight:300; }
#h_infoweb .box_info label h5{ float:left; margin:0px 10px 0px 0px; font-size:18px; font-weight:300; color:#036; }
#h_infoweb .box_info label p{ float:left; margin:0px;  font-size:18px; color:#F00; }


@media only screen and (min-width:860px)  and (max-width: 1024px) {
	/*
#menuweb{ margin-left:35px;}
#menuweb #ul_mli1 .mli1{  padding:8px 4px 8px 4px; margin-left:5px; }
#menuweb #ul_mli1 .mli1 .amenu{font-size:13px;  }
*/
}
@media only screen  and (max-width: 1024px) {
#slider_form{ display:none;} 

}

@media only screen  and (max-width: 960px) {
.menupos .mli2 .amenu2 { font-weight:600; }
#h_infoweb .box_info label h5{ display:none;}
}
@media only screen  and (max-width: 860px) {
#slider_form{ position:static; float:left;
width:-moz-calc(100% - 46px); width: -webkit-calc(100% - 46px); width:-o-calc(100% - 46px); width:calc(100% - 46px);
}

}

@media only screen  and (max-width: 640px) {
#header_info .hinfo_phone{ float:right; margin-right:0px; }
#hlist-mxh{ display:none; }

.menupos .mli2{ margin-top:10px; }
.menupos2 .mli3{ width:98%; margin:5px 0px 5px 2%; border-bottom:0px dashed #ddd;  }
.menupos2 .mli3:last-child{  border-bottom:0px; } 
}
@media only screen and (min-width:224px)  and (max-width: 480px) {


}

@media only screen  and (max-height: 600px) {
#slider_form{ display:none;} 
}