#container{overflow-x:hidden}
header{position:relative;background-color:white;transition:all 0.5s ease-in-out}
header.fixed{position:fixed;top:0;left:0;right:0;z-index:9999;background-color:rgba(255,255,255,0.8);box-shadow:2px 2px 5px #ccc}
header.fixed .header-top{display:none}
header.fixed .logo img{transition:all 0.5s ease-in-out;max-width:30%}
header .header-top{transition:all 0.5s ease-in-out;margin:13px;text-align:right}
header .header-top a{color:#525252}
header .header-top a:hover{color:var(--color)}
header .translate{display:inline-block;}
main .title-style-1{position:relative;text-align:center;margin:0 0 4em;padding:0}
main .title-style-1 h1,main .title-style-1 h2{display:inline-block;padding:0 0 .3em 0;margin:0;font-size:2.85em;color:var(--color);text-transform:uppercase}
main.title-style-1 p{color:#333}
main.pagein .title-style-1{margin:2em 0 2em}
main.pagein{margin-bottom:2em}
.view-more{background-color:rgba(51,51,51,1);border-radius:25px;font-size:1.14em;transition:all 1s;color:white;padding:.75em 5em;transition:all 1s}
.view-more:hover{background-color:var(--color)}
/*product*/
.boxProd{position:relative}
.boxProd .item{background-color:white;position:relative;transition:all 0.5s}
.boxProd .item:hover{transform:translateY(-10px)}
.boxProd .item .img{position:relative;overflow:hidden;transition:all 0.5s}
.boxProd .item .img img{width:100%;transition:all 0.5s}
.boxProd .item .details{text-align:center;padding:0 5px}
.boxProd .item .details h3{font-size:1.14em;line-height:1.5;margin:1em 0 .5em}
.boxProd .item .details h3 a{color:#2c2c2c;font-weight:500;text-transform:uppercase}
.boxProd .item .details h3 a:hover{color:var(--color)}
.boxProd .item .details .price,.boxProd .item .details .price a{font-size:1em;color:#d60c0c;font-weight:500}
.boxProd .item .details .des,.boxProd .item .details .price span{color:black;margin-bottom:.5em}
.boxProd .item .details .price .line-through{font-size:.9em;text-decoration:line-through}
/* post */
.post{position:relative;border:1px solid #eaeaea;transition:all 0.5s}
.post:hover{transform:translateY(-5px)}
.post .img{transition:all 0.5s;position:relative;overflow:hidden}
.post .img img{width:100%;height:auto}
.post .details{position:relative;padding:1em}
.post .details h3{font-family:var(--font);font-size:1.14em;line-height:1.5}
.post .details h3 a{color:var(--color);text-transform:uppercase;font-weight:600}
.post .details h3 a:hover{color:var(--hcolor)}
.post .details p{font-size:1em;color:black;margin:.5em 0;font-weight:400}
.post .details span{font-size:13px;color:#666}
/* 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.8em;color:white;text-shadow:2px 2px 2px rgba(80,80,80,1)}
.heading{font-size:1.28em;color:var(--color);text-transform:uppercase;font-weight:700;margin:.5em 0}
article{padding:1em 0 2em}
article img{max-width:100%!important}
article iframe{width:100%!important;max-height:auto!important}
.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(--color)}
.newsfrind ul .details h3:hover{transform:translateX(5px)}
.title-other{font-size:1.6em;font-weight:500;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}
/* .frame_images */
.frame_images{text-align:center}
.selectors{padding:0;margin-top:10px}
.selectors .owl_carousel_detail .owl-stage{margin:auto}
.khung_thongtin{list-style:none}
.khung_thongtin h1{font-size:1.8em;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:1em}
.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:.9em;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:.5em 1.5em;margin:0;display:inline-block;background:var(--color);color:white;text-align:center;text-transform:uppercase;font-size:1em;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:2em 0}
#container_product #tabs{overflow:hidden;border-bottom:1px solid var(--color)}
#container_product #tabs li{margin:0;padding:.5em 1.5em;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.2em}
#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)}
/**/
.title-img-sp{position:relative;width:100%}
.title-img-sp img{width:100%}
.title-img-sp p{position:absolute;top:10%;left:20%;right:20%;margin:auto;font-size:1em;text-align:center;color:white;line-height:1.5em;background-color:#00000070;padding:1em;border-radius:10px}
.box-List .item{width:100%;position:relative;display:flex;align-items:center}
.box-List .item .img{flex:1 60%;text-align:center;padding:1em}
.box-List .item .img img{max-width:100%;height:auto}
.box-List .item .details{flex:1 40%;text-align:center;padding:1em 2em}
.box-List .item .details h3{position:relative;display:inline-block;font-size:3em;text-transform:uppercase;color:#4d4d4f;font-weight:bold;margin-bottom:.7em;text-align:left}
.box-List .item .details h3:after{content:'';width:80px;height:1px;background-color:#565658;position:absolute;left:0;bottom:-10px}
.box-List .item .btn{margin-top:5px;color:#d7c783;border:1px solid #d7c783;border-radius:0;transition:all 0.5s}
.box-List .item .btn:hover{background-color:#d7c783;color:white}
/**/
.congnghe .item{width:100%;position:relative}
.congnghe .item img{width:100%}
.congnghe .item .details{position:absolute;width:40%;left:10%;top:20%;text-align:left;background-color:#00000070;color:white;padding:2em;border-radius:10px}
.congnghe .item .details h3{font-size:4em;font-style:italic;text-transform:uppercase}
.congnghe .item .details p{font-size:1.2em}
.congnghe .item .details a{float:right;text-transform:uppercase;color:white;font-weight:bold}
.congnghe .item .details a:hover{color:var(--hcolor)}
/* 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 1em 0;list-style:none}
ul.tags > li{display:inline-block}
ul.tags > li > a{color:var(--hcolor);font-size:1em;padding:0;border-radius:10px;display:block;margin:0 .5em .5em 0}
ul.tags > li > a:hover{color:var(--color);border:1px solid var(--color)}
/**/
.boxLeft{position:relative;width:100%;margin-top:3em;background-color:white}
.boxLeft .title-left h2{background:var(--color) url(../../images/title-left.png) no-repeat left center;display:block;color:white;font-weight:700;font-size:18px;font-family:var(--fonttitle);text-transform:uppercase;text-align:center;padding:12px;margin-bottom:6px}
.boxLeft .title h2{background-color:var(--fcolor);color:white;font-size:15px;padding:12px 20px;margin:0;border-bottom:1px solid white}
.boxLeft .title h2 a{color:white;font-weight:600;text-transform:uppercase}
.boxLeft .title h2 a:hover{color:black}
.boxLeft .danhmuc li{padding:10px 15px}
.boxLeft .danhmuc li a{transition:all 0.5s;background:url(../../images/arrow.png) no-repeat left center;color:#191919;font-size:15px;text-transform:capitalize;display:block;padding:0 1em}
.boxLeft .danhmuc li:hover a{color:var(--color);transform:translateX(5px)}
/**/
.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.4em}
footer{position:relative}
footer .footer .title-style-2:after{background-color:white}
footer .footer .details{padding-left:7em}
footer .footer h5{color:white;font-size:1.4em;padding:0;margin:0 0 1em 0;display:block;font-weight:500;text-transform:uppercase}
footer .footer h6{position:relative;color:white;font-size:1.4em;padding:0;margin:0 0 1.5em 0;display:block;text-transform:uppercase;font-weight:500}
footer .footer h6:after{content:'';width:60px;height:2px;background-color:white;position:absolute;bottom:-7px;left:0;}
footer .footer p{color:white}
footer .footer h4{font-size:1.14em;color:white;text-transform:uppercase;font-weight:bold}
footer .footer .col-x{flex:1 20%;padding:0 1.5em;position:relative;max-width:20%;border-right:1px solid #eff0f1}
footer .footer .col-x:last-child{border:0}
footer .ul li a{color:#eff0f1;padding:.3em 0 .3em 0;display:block;font-size:13px;text-transform:capitalize}
footer .ul li a:hover{text-decoration:underline!important}
footer .map iframe{max-width:100%;max-height:200px}
footer #copyright{font-size:1em;background-color:white}
footer #copyright p{margin:0}
footer #copyright a{color:var(--color)}
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 */
@media (min-width:1200px){
	.container{max-width:1200px}
	.title-img-sp{margin-bottom:5em}
	.title-img-sp p{font-size:1.5em}
}
@media screen and (max-width:1024px){
	html,body{font-size:13px}
}
@media screen and (max-width:992px){
	.box-List .item .details h3{font-size:2em}
	.congnghe .item .details{width:80%;left:50%;top:50%;text-align:center;transform:translate(-50%,-50%)}
	.congnghe .item .details h3{font-size:3em}
	.congnghe .item .details p{font-size:1em}
	article img{height:auto!important}
	footer .footer .col-x{flex:1 33.3333%;max-width:33.3333%}
}
@media screen and (max-width:576px){
	.box-List .item{flex-flow:wrap;}
	.box-List .item .img{flex:1 100%}
	.box-List .item .details{flex:1 100%}
	.congnghe .item .details h3{font-size:2em}
	.congnghe .item .details p{display:none}
	footer .footer .col-x{flex:1 50%;max-width:50%}
}