@font-face{font-family:open-sans;src: url("../font/OpenSans-Regular.ttf");}
@font-face{font-family:open-sans-b;src: url("../font/OpenSans-Bold.ttf");}
@font-face{font-family:open-sans-l;src: url("../font/OpenSans-Light.ttf");}
@font-face{font-family:montserrat;src: url("../font/Montserrat-Regular.ttf");}
body,div,p,a,ul,li{ font-size: 14px;font-family: "Arial", sans-serif;color: #000000;}
.clearfix:after {content: "";visibility: hidden;display: block;clear: both;}
#wrap{background:#ffffff;/*overflow:hidden;*/}
.inner{width: calc(100% - 40px);max-width: 1170px;margin: 0 auto;}
.left{float: left;}
.right{float: right;}
h1{font-size: 24px;color: #fe0000;text-transform: uppercase;margin-bottom: 5px;}
h2{font-size: 18px;line-height: 1.8;}
h3{font-size: 16px}
.porduct-list-item h3 a:hover,a:hover{color: #fe0000;}
/* ---header--- */
header{width: 100%;background: #ffffff;}
header.active{position: fixed;top: 0;left: 0;box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 20%);z-index: 9999999999;}
#header{padding: 10px 0;position: relative;height: 61px;display: flex;align-items: center;box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 20%);}
.header{}
#logo{position: absolute;left: calc(50% - 21px);top:10px;width:50px;}
#logo a{display:block;}
#header-menu{display: block;}
.logo-img{width: 100%;height: auto;}
nav{display: flex;justify-content: space-evenly;}
#menu-pc{}
#menu-pc ul li{float:left;position:relative;z-index: 999;}
#menu-pc ul li:nth-child(2){margin-right: 100px;}
#menu-pc ul li a{padding: 0 20px;position: relative;text-transform: uppercase;color: #000000;font-size: 14px;}
#menu-pc ul li a:hover{color: #fe0000}
#menu-pc ul li a::after{}
#menu-pc ul li ul{display: none;background:#ff6951;position:absolute;top:50px;left:20px;z-index:99;padding:5px 0;width: 170px;}
#menu-pc ul li ul:hover,#menu-pc ul li.active ul{display: block;}
#menu-pc ul li ul::before{position: absolute;top: -30px;left:0;z-index: 999;content: "";width:100%;height: 30px;}
#menu-pc ul li ul li{float:none;position:relative;width:100%;}
#menu-pc ul li ul li a{padding: 10px 20px;font-size: 12px;display:block;color: #ffffff;}
#menu-pc ul li ul li a:hover{}
#menu-pc ul li ul li ul{left: auto;right: -100%;}
.icon-menu{display: none;}
.slide-top-banner{}
.owl-dots{position: absolute;bottom: 30px;width: 100%;display: flex;justify-content: center;}
.owl-carousel button.owl-dot.active {background: #fe0000;}

/* -----start main----- */
/* -----start section01----- */
#sec01,#sec02,#sec03,#section0203{margin-bottom: 40px;}
.section01{}
.section01 h2{font-size: 24px;margin: 40px 0;text-align: center;}
.section01 h2 span{font-weight: bold;color:#fe0000;}
.home-info{position: relative;display: flex;flex-wrap: nowrap;padding-top: 80px;}
.home-info-col{width: 33.33333%;border-top: solid 4px #fe0000;position: relative;padding: 100px 20px 0 20px;}
.home-info-img{position: absolute;width: 160px;top: -82px;background: #ffffff;left: calc(50% - 80px);}
.home-info-box{text-align: center;}
.home-info-box h3{text-transform: uppercase;margin-bottom: 20px;}
.home-info-txt{}
/* -----end section01----- */
/* -----start section02----- */
.sec02-box-ttl h2{position: relative;z-index: 99;background:#ffffff;padding: 0 20px;text-transform: uppercase;font-size: 24px;line-height: 1.2;color: #333333;font-weight: bold;letter-spacing: 4px;}
.sec02-box-ttl{margin-bottom: 10px;display: flex;flex-wrap: nowrap;justify-content: space-evenly;position: relative;padding: 0 60px;}
.sec02-box-ttl::before{position: absolute;top:50%;left:0;z-index: 9;content: "";width:100%;height: 1px;background:#fe0000;}
.sec02-box-ttl ul{display: flex;flex-wrap: nowrap;justify-content: flex-end;position: relative;z-index: 99;}
li.box-ttl-tab,li.boxl-ttl-tab{margin: 0 5px;padding: 5px 10px;border-radius: 10px;border: solid 1px #fe0000;background: #ffffff;cursor: pointer;}
li.box-ttl-tab.active,li.boxl-ttl-tab.active{background: #fe0000;color:#ffffff;}
.box-tab,.boxl-tab{display:none; }
.box-tab.active,.boxl-tab.active{display:block; }
.product-list{display: flex;flex-wrap: wrap;justify-content: center;}
.porduct-list-item{width: calc(20% - 10px);margin: 5px;position: relative;}
.produc-list-img{width: 100%;height: 300px;display: block;}
.porduct-list-item h3{position: absolute;bottom:0;left: 0;width:100%;background: #00000080;text-align: center;}
.porduct-list-item h3 a{padding:10px;color: #ffffff;text-transform: uppercase;display: block;}

/* -----end section02----- */
/* -----start section0203----- */

.section00203 h2{margin-bottom: 20px;text-align: center;font-size: 20px;text-transform: uppercase;}
.home-wprocess{display: flex;}
.home-wprocess-col{width: 25%;}
.home-wprocess-box{text-align: center;padding: 0 20px;}
.home-wprocess-box h3{margin: 10px 0;}




/* -----end section0203----- */
/* -----start section03----- */

/* -----end section03----- */
/* -----start section04----- */
.home-news-all{}
.home-news-list h2{position: relative;z-index: 99;text-transform: uppercase;font-size: 24px;line-height: 1.2;color: #333333;font-weight: bold;letter-spacing: 4px;text-align: center;margin-bottom: 20px;}
.news-hot{width: 40%;float: left;border-radius: 10px;box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 20%);}
.news-hot-img{width: 100%;height: 340px;display: block;border-top-left-radius:10px;border-top-right-radius:10px;}
.news-hot-txt{padding:20px 15px;}
.news-list-txtin h3{margin-bottom:10px;}
.news-list-txtin h3 a{font-weight:bold;text-transform:uppercase;}
.news-hot-dl{text-align: justify;}
.news-list{width: calc(60% - 30px);float: left;margin-left: 30px;}
.news-list-in{margin-bottom: 20px;display: flex;align-items: center;width: 100%;border-radius: 10px;box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 10%);}
.news-list-in:last-child{margin-bottom: 0;}
.news-list-img{width: calc(25% - 5px);height: 130px;display: block;border-radius: 5px 0 0 5px;}
.news-list-txt{width: calc(75% - 30px);padding: 15px;}
.news-list-txt h3{margin-bottom: 5px;}
.news-list-txt h3 a{font-weight:bold;text-transform:uppercase;}
.news-list-date{font-size: 12px;color: #999999;margin-bottom: 10px;}
.news-banner{width: 100%;margin: 30px 0;}
.bnt-page-cat{text-align: center;margin-top: 15px;}
.bnt-page-cat a{padding: 5px 10px;border: solid 1px #999999;border-radius: 5px;display: inline-block;}
.bnt-page-cat a span{margin-right: 5px;}
.bnt-page-cat a i{color: #999999;}
/* -----end section04----- */
/* -----start section05----- */
.home-dtcl h2{position: relative;z-index: 99;text-transform: uppercase;font-size: 24px;line-height: 1.2;color: #333333;font-weight: bold;letter-spacing: 4px;text-align: center;margin-bottom: 20px;}
.home-doitac{padding: 30px 0;}
.home-doitac span{display: block;height: 80px;}
/* -----end section05----- */
/* -----end main----- */
/* -----start footer----- */
footer{background:#333333;overflow:hidden;width:100%;color:#ffffff;background-size:100% 100%;}
.col-footer{padding-top:50px;}
.footer-list{padding: 30px 0;border-top: solid 1px #ffffff1f;border-bottom: solid 1px #ffffff1f;margin-bottom: 20px;display: flex;align-items: flex-start;}
.footer-list-num{width:30%;}
.footer-list-num a{color:#b2c3edad;}
.footer-list-num a:hover{color:#ffffff;}
.footer-list-ttl{margin-bottom: 20px;font-size: 16px;color: #ffffff;text-transform: uppercase;}
.footer-list-num .footer-list-dl p{margin-bottom: 15px;color: #b2c3edad;}
.footer-list-dl p:last-child{margin-bottom: 0;}
.footer-company{display: flex;margin-bottom: 30px;}
.footer-company-logo{display: flex;align-items: center;margin-bottom: 30px;}
.footer-company-logo span{color: #ffffff;text-align: center;}
.footer-company-logo span img{width:50px}
.footer-address,.footer-phone,.footer-email,.footer-fb,.footer-web{color: #b2c3edad;margin-bottom: 15px;font-size: 13px;text-align: left;}
.footer-list-num p i{margin-right: 10px;font-size: 16px;}
.fb-search{width: 60%;display: flex;margin-left: 5%;}
.footer-form{margin-bottom: 20px;width:calc(90% - 300px);margin-right: 10%}
.footer-form-slg{text-align:left;margin-bottom: 30px;}
.footer-form-slg p{color: #ffffff;font-size: 17px;}
.footer-form-slg p:first-child{font-size: 20px;text-transform:uppercase;color: #ffffff;margin-bottom: 10px;}
.footer-form-input{text-align:left;position: relative;}
.form-control{width:100%;position: relative; }
.form-control input{padding:20px 10px;border-radius: 10px;border:none;width: calc(100% - 20px);margin-bottom: 10px;}
.input-group-append{width: 100%;}
.input-group-append button{width:100%;padding:15px 10px;background: #3f7df6;color: #ffffff;border-radius: 10px;border:none;}
.fb-like-box{width: 300px;}
.coppyright{text-align: center;padding: 15px 0 10px 0;color: #b2c3ed6b;font-size: 12px; border-top: solid 1px #ffffff1f;}
.list-social{margin-top: 20px;}
.list-social a{padding: 0 10px ;}
.list-social a i{color: #ffffff;font-size: 32px;}
.footer-form-input .sub-menu {display: none;}
.footer-form-input ul#header-menu{display: flex;flex-wrap: wrap;}
.footer-form-input ul li{width: calc(50% - 20px);padding: 10px;}
.footer-form-input ul li a{color: #b2c3edad;}
/* ---end footer--- */
.group-chat-zalo.group-chat-call{margin-top: 10px;}
/* ---group chat--- */
.group-chat{position: fixed;right: 20px;z-index: 99999;bottom:90px;}
.group-chat-call a{background: #ff0000;text-align: center;width: 60px;height: 60px;border-radius: 100%;display: flex;flex-direction: column;justify-content: space-around;}
.group-chat-zalo a{background:none;overflow: hidden;border: solid 1px #ff0000;}
.group-chat-call a i{color:#ffffff;font-size: 32px;}



/* ---phân trang--- */
.rt-pagination ul{text-align:center;padding:20px 0;}
.rt-pagination ul li{display:inline-block;margin: 0 3px;}
.rt-pagination ul li a{background:#272727;color:#ffffff;padding:2px 5px;}
.rt-pagination ul li.active a{background:#ffcc33;color:#272727;}
/* ---end phân trang--- */