#container{overflow-x:hidden}
header .boxheader{position:relative}
header .boxheader.fixed{position:fixed;top:0;left:0;right:0;z-index:9999}
header .boxheader .header-top{color:white;background-color:var(--color)}
header .boxheader.fixed .header-top{background-color:var(--hcolor);transition:all .4s ease-in-out}
header .boxheader .header-top a{color:white;font-size:12px;font-weight:700}
header .boxheader .header{background-color:black}
header .boxheader .header .logo img{max-height:100px;}
header .boxheader.fixed .header .logo img{max-width:25%;transition:all .4s ease-in-out}
.mlogo img{max-height:120px;}
#main-menu{position:relative;display:flex;align-items:center;transition:all 0.5s ease-in-out;background-color:#3A3A3A;border-bottom:2px solid var(--hcolor);margin-top:-1px;padding:10px 0;font-family:var(--fonttitle)}
#main-menu ul > li{position:relative;display:inline-block;vertical-align:middle}
#main-menu ul > li > a{display:block;text-transform:uppercase;color:var(--hcolor);padding:.5em .75em;font-size:2.2em;font-weight:700}
#main-menu ul > li > a:not(:only-child):after{font-family:"Font Awesome 5";content:'';margin-left:5px;display:inline-block;vertical-align:middle;font-size:13px;margin-top:-3px;font-weight:700;color:var(--hcolor)}
#main-menu ul > li > ul{position:absolute;min-width:222px;transition:all 0.3s ease-in-out;z-index:999;margin-top:10px;padding:1em 0;pointer-events:none;opacity:0;background-color:#2b2b2b;border-top:3px solid var(--hcolor)}
#main-menu ul > li:hover > ul{margin-top:0;pointer-events:all;opacity:1}
#main-menu ul > li > ul > li{position:relative;display:block;text-align:left}
#main-menu ul > li > ul > li > a{position:relative;display:block;color:white;font-size:1em;text-transform:uppercase;padding:5px 25px;letter-spacing:1px}
#main-menu ul > li > a:hover,#main-menu > ul > li.active > a,#main-menu ul > li > ul > li:hover > a{opacity:.7}
.dichvu .title-style-1 h4, main .title-style-1 h1,main .title-style-1 h2{display:block;color:var(--hcolor);text-transform:uppercase;text-align:center;font-size:3.5em;font-weight:600;font-family:var(--fonttitle);margin-bottom:10px}
main .title-style-2 h1{display:block;color:#333333;text-transform:uppercase;font-size:2em;font-weight:600;font-family:var(--fonttitle);margin:30px 0 0}
main.pagein .title-style-1 p, .dichvu .title-style-1 p{display:block;text-align:center;font-family:var(--fonttitle);font-size:1.57em;color:#333;font-weight:500;text-transform:uppercase;margin:0 0 1em}
main.pagein .title-style-1{margin-top:2em}
a.btn{font-size:.9em;color:#fff;margin-top:1em;padding:.4em .8em .5em;transition:all ease .2s;background-color:var(--hcolor);font-family:var(--fonttitle);text-transform:uppercase}
a.btn:hover{color:white;border-radius:18px;letter-spacing:1px}
.modal-content{font-family:var(--fonttitle);background-color:#3A3A3A;color:white}
.modal-content p{font-family:var(--font)}
.modal-content img{height:auto!important;}
h4.title{font-family:var(--fonttitle);font-size:2em;color:#333;font-weight:500;text-transform:uppercase;margin:0 0 1em;line-height:1.4}
.sendrfq{color:#fff;}
.bocongthuong h3,#register button{color:#fff;}
.boxProd{position:relative}
.modal-content{padding:15px;}
.boxProd .item{position:relative;transition:all 0.5s;border-radius:15px;overflow:hidden}
.boxProd .item .img{overflow:hidden;position:relative;background-color:white;border-bottom:3px solid #505050}
.boxProd .item .img img{width:100%;height:100%}
.boxProd .item .img a:before{font-family:"Font Awesome 5";font-weight:700;font-size:18px;content:"";position:absolute;top:50%;left:50%;z-index:2;color:white;transform:translateY(-50%);transform:translateX(-50%);opacity:0;transition:opacity .3s ease 0s}
.boxProd .item .img a:after{overflow:hidden;position:absolute;top:0;content:"";z-index:100;width:100%;height:100%;left:0;right:0;bottom:0;opacity:0;pointer-events:none;transition:all .3s ease 0s;background-color:rgba(0,0,0,0.3);transform:scale(0);z-index:1}
.boxProd .item .img a:hover:after{visibility:visible;opacity:.8;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.boxProd .item .img a:hover:before{opacity:1}
.boxProd .item h3{padding:15px 0;text-align:center;background-color:var(--hcolor);font-family:var(--fonttitle);font-size:1.6em;margin:0}
.boxProd .item h3 a{text-transform:uppercase;color:#fff;font-weight:500}
.boxPost .item{position:relative;transition:all 0.3s;margin-bottom:1em;padding-bottom:1em;display:flex}
.boxPost .item .img{position:relative;overflow:hidden;flex:1 35%}
.boxPost .item .img img{width:100%;height:100%}
.boxPost .item .img a:before{font-family:"Font Awesome 5";font-weight:700;font-size:18px;content:"";position:absolute;top:50%;left:50%;z-index:2;color:white;transform:translateY(-50%);transform:translateX(-50%);opacity:0;transition:opacity .3s ease 0s}
.boxPost .item .img a:after{overflow:hidden;position:absolute;top:0;content:"";z-index:100;width:100%;height:100%;left:0;right:0;bottom:0;opacity:0;pointer-events:none;transition:all .3s ease 0s;background-color:rgba(0,0,0,0.3);transform:scale(0);z-index:1}
.boxPost .item .img a:hover:after{visibility:visible;opacity:.8;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.boxPost .item .img a:hover:before{opacity:1}
.boxPost .item .details{padding-left:1em;flex:1 65%}
.boxPost .item .details h3{font-size:1.28em;font-family:var(--fonttitle)}
.boxPost .item .details h3 a{color:#393939;font-weight:600;text-transform:uppercase}
.boxPost .item .details h3 a:hover{color:var(--hcolor)}
.boxPost .item .details p{font-size:0.9em;color:#333;margin-bottom:2em}
.boxPost .item .details .readmore{border:1px solid #eaeaea;padding:10px 12px;background-color:#eee;color:black}
.boxPost .item .details .readmore:hover{color:white;background-color:var(--color)}
.boxPost .item .details span{color:#6f6f6f;font-size:12px;margin:5px 0;font-weight:400;display:block}
.heading{display:block;color:#333333;margin-bottom:20px;font-size:1.5em;text-transform:uppercase}
.container .xdetails{font-family:var(--fonttitle);font-size:1.57em;color:#fff;font-weight:500;background-color:var(--hcolor);border-radius:4px;padding:10px 20px;margin:0}
.container h2.title-details{font-family:var(--fonttitle);font-size:1.85em;color:#333;font-weight:500;margin:1em 0 0}
.container hr{border:1px solid var(--hcolor);margin-top:0;margin-bottom:2em}
.boxLeft{display:block;background-color:white;margin-top:4em}
.boxLeft ul li a{font-weight:600;text-transform:uppercase;color:#454545;font-size:1em;transition:all 0.4s;display:block;border-bottom:1px solid #DDD;padding:9px 0 9px 12px;background:url(../../images/arrow-4.png) left 15px no-repeat}
.boxLeft ul li ul li a{font-weight:400;text-transform:capitalize;padding:9px 0 9px 20px;background:url(../../images/arrow-5.png) left 12px no-repeat}
.boxLeft ul li a:hover,.boxLeft ul li.active > a{color:var(--color)}
article{padding:1em 0}
article img{max-width:100%!important}
article iframe{width:100%!important;height:auto}
.datecreate{font-size:1em;color:#464646;font-weight:400}
.datecreate i{color:var(--color);margin-right:.5em}
.newsfrind{margin:1em 0;border:1px solid #eaeaea;border-radius:10px;padding:1em}
.title-news{text-align:center;text-transform:uppercase;color:var(--color);font-size:1.4em;font-family:var(--font);margin-bottom:.3em;font-weight:700}
.newsfrind ul li{padding:0.75em 0;border-bottom:1px dashed #e6e6e6;display:flex;align-items:center}
.newsfrind ul li:last-child{border:none}
.newsfrind ul .img{flex:1 30%}
.newsfrind ul .img img{width:100%;transition:all .5s}
.newsfrind ul .img img:hover{opacity:.7}
.newsfrind ul .details{flex:1 70%;padding-left:0.75em}
.newsfrind ul .details h3{font-size:1.2em;font-weight:normal;transition:all .5s}
.newsfrind ul .details h3 a{color:#333;font-size:.93em}
.newsfrind ul .details h3 a:hover{color:var(--hcolor)}
.newsfrind ul .details h3:hover{transform:translateX(5px)}
.title-other{font-size:1.6em;font-weight:700;color:var(--color);position:relative;display:block;font-family:var(--font);margin:0 0 1em 0;text-transform:uppercase}
.title-other:before{content:'';width:50px;height:1px;background-color:var(--color);position:absolute;left:0;bottom:-3px}
ul.pagination{font-size:13px;text-align:center;width:100%;display:inline-block}
ul.pagination li{display:inline;padding:0 3px}
ul.pagination a{display:inline-block;padding:2px 10px;border:1px solid #D4D4D4}
ul.pagination a:hover,ul.pagination a.current{background-color:var(--hcolor);color:white}
.footer{background-image:linear-gradient(180deg,hsl(0deg 85% 37% / 41%) 0%,black 100%),url(../../Upload/hinhanh/dsc01897-1024x68302-9232.png)!important;}
footer .footer article{font-size:1em;color:#434141;padding:0}
footer .footer h5{color:#434141;font-size:1.28em;padding:0;margin:1.3em 0;display:block;font-weight:500;text-transform:uppercase}
footer .ul li a{color:#3A3A3A;padding:5px 0 5px 16px;display:block;font-size:1em;text-transform:capitalize;background:url(../../images/arrow-2.png) 0 12px no-repeat}
footer .ul li a:hover{color:var(--hcolor)}
footer .copyright{padding:1em 0;background-color:#383838;color:white;font-size:12px}
footer .copyright a:hover{color:orange}
footer #map iframe{max-width:100%;max-height:210px;width:100%}
#map_canvas iframe{max-width:100%;max-height:320px;width:100%}
.addthis_native_toolbox{margin:0;width:100%;border:1px solid #ededed;padding:8px 8px 3px;background:#f7f6f6}
.othernews{padding:1em 0}
.othernews .cactinkhac{font-size:18px;color:#000;text-transform:uppercase;border-bottom:1px solid #000;padding:10px 0px;margin-bottom:10px}
.othernews ul.khac li{color:#AAAAAA;line-height:2;font-weight:400}
.othernews ul.khac li a{color:#333}
.othernews ul.khac li a:hover{color:var(--hcolor)}
#formFile{height:auto}
#slider:after{content:'';background-image:linear-gradient(180deg,hsl(0deg 85% 37% / 40%) 0%,#000000 100%);}
@media (min-width:1200px){
	.container{max-width:1080px}
}
@media (min-width:1024px){
	.khung_thongtin .callme{width:230px}
}
@media screen and (max-width:1024px){
	html,body{font-size:13px}
}
@media screen and (max-width:992px){
	article img{height:auto!important}
	header .boxheader.fixed{position:relative;top:unset;left:unset;right:unset}
	#main-menu ul > li > a{font-size:2em}
	.dichvu .title-style-1 h4, main .title-style-1 h1,main .title-style-1 h2,main .title-style-1 h3{font-size:2em}
}
@media screen and (max-width:768px){
	#main-menu ul > li > a{font-size:1.8em}
	.boxProd .item h3{font-size:1.8em}
}
@media screen and (max-width:576px){
	a.btn{font-size:1em}
	#main-menu ul > li > a{font-size:1.5em}
}
@media screen and (max-width:425px){
	#main-menu ul > li > a{font-size:1.3em;padding:.5em}
	.dichvu .title-style-1 h4, main .title-style-1 h1,main .title-style-1 h2,main .title-style-1 h3{font-size:1.6em}
	.boxProd .item h3{font-size:1.5em}
}
@media screen and (max-width:320px){
	#main-menu ul > li > a{font-size:1.1em;padding:.5em .3em}
}