#container{overflow-x:hidden;position:relative}
header{position:relative}
header .header-top{position:relative}
header .hotline{position:relative;display:inline-block;text-align:left}
header .hotline p{margin:7px 0 0 0;color:#636363;font-weight:700}
header .hotline a{display:block;font-size:1.4rem;font-weight:700}
header .hotline:before{content:'';width:65px;height:64px;background:url(../../images/hotline.png) no-repeat;position:absolute;left:-75px;top:0}
main .title-style-1{text-align:center;margin:1rem 0 1.5rem 0;padding:0}
main .title-style-1 h1,main .title-style-1 h2{position:relative;display:block;padding:.5rem 0;margin:0;font-family:var(--fonttitle);font-size:2.5rem;color:#111111;text-transform:uppercase}
main .title-style-1 h1:after,main .title-style-1 h2:after{content:'';width:106px;height:14px;background:url(../../images/title.png) no-repeat;position:absolute;bottom:-5px;left:0;right:0;margin:auto}
main.pagein .title-style-1{margin:1rem 0 2rem}
main .title-style-2{display:block;text-align:center;text-transform:uppercase;font-size:1.8rem;font-family:'Arial';font-weight:700}
main.pagein{margin-bottom:2rem}

/*product*/
.boxProd{position:relative}
.boxProd .item{position:relative;transition:all 0.5s}
.boxProd .item:hover{transform:translateY(-5px)}
.boxProd .item .img{position:relative;background-color:white;overflow:hidden;transition:all 0.5s;border:1px solid #e1e1e1}
.boxProd .item .img img{width:100%;transition:all 0.5s}
.boxProd .item .details{text-align:center}
.boxProd .item .details h3{font-size:1.14rem;margin:1.3rem 0 0}
.boxProd .item .details h3 a{color:#2c2c2c;font-weight:700;text-transform:uppercase}
.boxProd .item .details h3 a:hover{color:var(--color)}
.boxProd .item .details .price,.boxProd .item .details .price a{font-size:1rem;color:#d60c0c;font-weight:500}
.boxProd .item .details .des,.boxProd .item .details .price span{color:black;margin-bottom:.5rem}
.boxProd .item .details .price .line-through{font-size:.9rem;text-decoration:line-through}

/* post */
.boxPost .item{position:relative;background-color:#f8f8f8;transition:all 0.5s;overflow:hidden}
.boxPost .item:hover{transform:translateY(-5px)}
.boxPost .item img{width:100%}
.boxPost .item .details{padding:1rem}
.boxPost .item .details h3{font-size:1.28rem}
.boxPost .item .details h3 a{color:#2c2c2c;font-weight:700;text-transform:uppercase}
.boxPost .item .details h3 a:hover{color:var(--color)}
.boxPost .item .details p{font-size:13px}
.boxPost .item .details span{font-size:12px;color:#8f8f8f}
.boxPost .item .details .readmore{float:right;font-size:12px;color:#8f8f8f}
.boxPost .item .details .readmore:hover{color:var(--color)}

/* post details */
.container .title-details{position:absolute;z-index:99;width:80%;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font-size:2.8rem;color:white;text-shadow:2px 2px 2px rgba(80,80,80,1)}
.heading{display:block;color:#333333;margin-bottom:20px;font-size:1.5rem;text-transform:uppercase}
.datecreate{font-size:1rem;color:#464646;font-weight:400}
.datecreate i{color:var(--color);margin-right:.5rem}
.newsfrind{margin:1rem 0;border:1px solid #eaeaea;border-radius:10px;padding:1rem}
.title-news{text-align:center;text-transform:uppercase;color:var(--color);font-size:1.4rem;font-family:var(--font);margin-bottom:.3rem;font-weight:700}
.newsfrind ul li{padding:0.75rem 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.75rem}
.newsfrind ul .details h3{font-size:1.2rem;font-weight:normal;transition:all .5s}
.newsfrind ul .details h3 a{color:#333;font-size:.93rem}
.newsfrind ul .details h3 a:hover{color:var(--color)}
.newsfrind ul .details h3:hover{transform:translateX(5px)}
.title-other{font-size:1.6rem;font-weight:500;color:var(--color);position:relative;display:block;font-family:var(--font);margin:0 0 1rem 0;text-transform:uppercase}
.title-other:before{content:'';width:50px;height:1px;background-color:var(--color);position:absolute;left:0;bottom:-3px}

/* .frame_images */
.frame_images{text-align:center}
#sync1 .owl-nav button.owl-prev,#sync1 .owl-nav button.owl-next{opacity:0}
#sync1:hover .owl-nav button.owl-prev,#sync1:hover .owl-nav button.owl-next{opacity:1}
#sync2 .owl-stage{margin:auto}
#sync2 .current .item{border:2px solid var(--color)}
.khung_thongtin{list-style:none}
.khung_thongtin h1{font-size:1.8rem;font-weight:500;margin:0;text-transform:uppercase}
.khung_thongtin li{padding:8px 0;color:black;border-bottom:1px solid #ebebeb}
.khung_thongtin li.code{font-size:1rem}
.khung_thongtin li.code span{color:red}
.khung_thongtin .gia_detail{font-size:1.28em;color:red;font-weight:500}
.khung_thongtin .gia_detail a{color:red}
.khung_thongtin .gia_detail .text-unset{color:red}
.khung_thongtin .gia_detail .line-through{font-size:.9rem;font-weight:400;text-decoration:line-through;color:#333}
.khung_thongtin .input-group input{text-align:center;max-width:200px;margin:0 5px;border-radius:4px!important;background:#f7f7f7}
.khung_thongtin .input-group-btn button{padding:5px 14px;background-color:var(--color);color:white}
.khung_thongtin .dathat_detail{padding:.5rem 1.5rem;margin:0;display:inline-block;background:var(--color);color:white;text-align:center;text-transform:uppercase;font-size:1rem;border:0;border-radius:5px;transition:0.5s}
.khung_thongtin .input-group-btn button:hover,.khung_thongtin .dathat_detail:hover{background-color:var(--tcolor)}
#container_product{margin:2rem 0}
#container_product #tabs{overflow:hidden;border-bottom:1px solid var(--color)}
#container_product #tabs li{margin:0;padding:.5rem 1.5rem;color:rgba(0,102,204,1);text-transform:uppercase}
#container_product #tabs li.active,#container_product #tabs li:hover{color:black;background:var(--color)}
#container_product #tabs li{display:inline-block}
#container_product #tabs li a{color:black;font-size:1.2rem}
#container_product #tabs li.active a,#container_product #tabs li:hover a{color:white}
#container_product .noidung_ta{width:100%;padding:10px;border:1px solid  var(--color)}

/**/
ul.about-left{background-color:#b80000;padding:1.4rem;border-radius:10px;z-index:99;position:-webkit-sticky;position:sticky;top:0;margin-bottom:2rem}
ul.about-left li a{text-transform:uppercase;display:block;color:white;font-size:1.07em;padding:5px 0;transition:all 1s}
ul.about-left li a:hover{text-decoration:underline!important}

/**/
.boxVideo .item{position:relative;transition:all 0.5s}
.boxVideo .item:hover{transform:translateY(-5px)}
.boxVideo .item .btnplay a{font-size:4rem;color:white}
.boxVideo .item .btnplay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.boxVideo .item h3{display:block;text-align:center;margin-top:1em;font-size:1.1rem;text-transform:uppercase;font-weight:700;color:#2c2c2c}

/* Content pagination */
ul.pagination{font-size:15px;text-align:center;width:100%;display:inline-block}
ul.pagination li{display:inline;padding:0 3px}
ul.pagination a{display:inline-block;padding:0px 10px 2px 10px;border:1px solid #D4D4D4}
ul.pagination a:hover,ul.pagination a.current{background-color:var(--color);color:white}
ul.tags{display:block;position:relative;padding:0;margin:0 0 1rem 0;list-style:none}
ul.tags > li{display:inline-block}
ul.tags > li > a{font-family:var(--font);color:var(--hcolor);font-size:1rem;padding:0;border-radius:10px;display:block;margin:0 .5rem .5rem 0}
ul.tags > li > a:hover{color:var(--color3);border:1px solid var(--color3)}

/**/
.boxLeft{display:block;margin-top:22px;background-color:white;position:-webkit-sticky;position:sticky;top:22px}
.boxLeft .title-left{color:#333333;padding-bottom:5px;margin-bottom:20px;font-size:1.28rem;text-transform:uppercase;border-bottom:dotted 1px #ccc}
.boxLeft ul li a{font-weight:500;text-transform:uppercase;color:#454545;font-size:1rem;transition:all 0.4s;display:block;border-bottom:1px solid #DDD;padding:9px 5px 9px 20px;background:url(../../images/arrow-4.png) 4px 13px no-repeat}
.boxLeft ul li ul li a{font-weight:400;text-transform:capitalize;padding:9px 5px 9px 35px;background:url(../../images/arrow-5.png) 14px 12px no-repeat}
.boxLeft ul li a:hover,.boxLeft ul li.active > a{color:var(--color)}

/**/
.accordion-btn.collapsed:after,.accordion-btn:after{content:"+";font-size:30px;line-height:38px}
.accordion-btn.collapsed:after{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}
.accordion-btn:after{position:absolute;right:20px;top:16px;color:#B3001E;transition:all .2s ease 0;-webkit-transform:rotate(-134deg);-ms-transform:rotate(-134deg);transform:rotate(-134deg)}
.accordion-btn,.accordion-btn:active,.accordion-btn:after,.accordion-btn:focus,.accordion-btn:hover{-webkit-transition:all .2s ease 0;-moz-transition:all .2s ease 0;-ms-transition:all .2s ease 0;-o-transition:all .2s ease 0}
.accordion-btn,.accordion-btn:active,.accordion-btn:focus,.accordion-btn:hover{display:block;position:relative;width:100%;margin-top:10px;padding:20px;font-size:20px;line-height:26px;text-align:left;color:#383838;background-color:#efefef;border:none;transition:all .2s ease 0}
.accordion-container{margin-top:-1px;padding:20px;background-color:#efefef}
.download a{font-size:1.4rem}
footer{position:relative;background-color:var(--color);background-repeat:no-repeat;background-size:cover}
footer .footer h5{font-family:var(--fonttitle2);color:white;font-size:3rem;padding:0;margin:0 0 10px 0;display:block}
footer .fhotline{position:relative;display:inline-block;text-align:left;border:1px dashed white;border-radius:5px;padding:10px 10px 10px 85px}
footer .fhotline p{margin:7px 0 0 0;font-size:22px;color:white}
footer .fhotline a{display:block;font-size:25px;font-weight:700;color:white}
footer .fhotline:before{content:'';width:65px;height:64px;background:url(../../images/fhotline.png) no-repeat;position:absolute;left:10px;top:24px}
footer .ul li a{color:white;padding:.3rm 0;display:block;font-size:1rem;text-transform:capitalize;background:url(../../images/arrow.png) no-repeat left center;padding:.5rem 1rem}
footer .ul li a:hover{color:orange}
footer .map iframe{max-width:100%;max-height:200px}
footer #copyright{text-align:center;color:white;font-size:13px;padding:1.5rem 0 0 0}
footer #copyright a{color:white}
footer #copyright a:hover{color:orange}
#map iframe{max-width:100%;max-height:500px;width:100%}
#map_canvas iframe{max-width:100%;max-height:350px;width:100%}
/* @media */
article{padding:1rem 0 2rem}
article img{max-width:100%!important}
@media (min-width:1200px){
	.container{max-width:1200px}
}
@media screen and (max-width:1024px){
	html,body{font-size:13px}
}
@media screen and (max-width:992px){
	article .row > .col-1,article .row > .col-2,article .row > .col-3{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
	main .title-style-1 h1,main .title-style-1 h2{font-size:2rem}
	.logo-footer{width:100px}
}
@media screen and (max-width:768px){
	article iframe{width:100%!important}
	.mlogo img{padding: 5px}
	footer{background: #49baf1}
}
@media screen and (max-width:600px){
	article table,article table td {width:auto!important}
	article table td *{font-size:.9rem}
}
@media screen and (max-width:425px){
	main .title-style-1 h1,main .title-style-1 h2{font-size:1.6rem}
	.logo-footer{width:70px}
	.boxProd .item .details h3{font-size:1rem}
	article img{width:100%!important;height:auto!important}
	footer .footer h5{font-size:2rem}
	footer .fhotline p{font-size:18px}
	footer .fhotline a{font-size:24px}
	footer .fhotline:before{content:'';width:50px;height:50px;background:url(../../images/fhotline.png) no-repeat;background-size:100% 100%;position:absolute;left:20px;top:20px;}
}