@charset "utf-8";

@font-face {
    font-family: 'SFUClearGothicBold';
    src: url('../fonts/SFUClearGothicBold.eot');
    src: url('../fonts/SFUClearGothicBold.eot') format('embedded-opentype'),
         url('../fonts/SFUClearGothicBold.woff2') format('woff2'),
         url('../fonts/SFUClearGothicBold.woff') format('woff'),
         url('../fonts/SFUClearGothicBold.ttf') format('truetype'),
         url('../fonts/SFUClearGothicBold.svg#SFUClearGothicBold') format('svg');
}

@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/RobotoBold.eot');
    src: url('../fonts/RobotoBold.eot') format('embedded-opentype'),
         url('../fonts/RobotoBold.woff2') format('woff2'),
         url('../fonts/RobotoBold.woff') format('woff'),
         url('../fonts/RobotoBold.ttf') format('truetype'),
         url('../fonts/RobotoBold.svg#RobotoBold') format('svg');
}

@font-face {
    font-family: 'RobotoCondensedRegular';
    src: url('../fonts/RobotoCondensedRegular.eot');
    src: url('../fonts/RobotoCondensedRegular.eot') format('embedded-opentype'),
         url('../fonts/RobotoCondensedRegular.woff2') format('woff2'),
         url('../fonts/RobotoCondensedRegular.woff') format('woff'),
         url('../fonts/RobotoCondensedRegular.ttf') format('truetype'),
         url('../fonts/RobotoCondensedRegular.svg#RobotoCondensedRegular') format('svg');
}

@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/RobotoRegular.eot');
    src: url('../fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('../fonts/RobotoRegular.woff2') format('woff2'),
         url('../fonts/RobotoRegular.woff') format('woff'),
         url('../fonts/RobotoRegular.ttf') format('truetype'),
         url('../fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}

@font-face {
    font-family: 'RobotoCondensedBold';
    src: url('../fonts/RobotoCondensedBold.eot');
    src: url('../fonts/RobotoCondensedBold.eot') format('embedded-opentype'),
         url('../fonts/RobotoCondensedBold.woff2') format('woff2'),
         url('../fonts/RobotoCondensedBold.woff') format('woff'),
         url('../fonts/RobotoCondensedBold.ttf') format('truetype'),
         url('../fonts/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg');
}

* { margin: 0; text-decoration: none; }
body { background: #fff; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; font-size: 14px; }
img { max-width: 100%; height: auto; box-sizing: border-box; }
.w-clear:after { display:block; content:""; clear:both; }
.clear { clear: both; }

/* Begin Contain */ 
#wrap_container{width: 100%;}
.contain_main{max-width: 1200px;margin: 50px auto;padding: 0px 10px;}
.title_main{margin-bottom: 25px;text-align: center;}
.title_main span{font-size: 25px;color: #ED1C24;position: relative;display: block;padding-bottom: 10px;font-family: 'RobotoCondensedBold';text-transform: uppercase;}
.title_main span:before,.title_main span:after{content: "";position: absolute;background: #ffc600;}
.title_main span:before{left: calc(50% - 73px);width: 146px;height: 1px;bottom: 0px;}
.title_main span:after{left: calc(50% - 33px);width: 66px;height: 4px;bottom: 1px;}
.info_main{margin-bottom: 10px;}
.view{float: left;color: #ED1C24;margin-bottom: 10px;}
.share{float: right;}
/* End Contain */

/* Begin Wrap Home */
.wrap-home{}
.wrap-content{max-width: 1200px;margin: auto;padding: 0px 10px;}
/* End Wrap Home */

/* Wrap Thiết Bị */
.wrap-thietbi{margin-top: 45px;margin-bottom: 55px;}
.item-tb{width: 370px;float: left;margin-right: 45px;margin-bottom: 45px;}
.item-tb:nth-child(3n+1){clear: both;}
.item-tb:nth-child(3n){margin-right: 0px;}
.tb{max-width: 360px;padding: 4px;border: 1px solid rgba(128, 128, 128, 0.5);background: #fff;margin:auto;}
.tb > a{display: block;overflow: hidden;position: relative;max-width: 360px;margin: auto;}
.tb > a > h3{font-weight: normal;color: #fff;text-align: center;line-height: 40px;background: rgba(0, 0, 0, 0.7);font-size: 18px;padding: 0px 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;position: absolute;width: 100%;box-sizing: border-box;bottom: 0px;left: 0px;text-transform: uppercase;font-family: 'RobotoCondensedRegular';}
/* End Thiết Bị */

/* Begin Wrap Product */
.wrap-product{padding-top: 45px;padding-bottom: 55px;background: url(../images/sd.png) #F5F5F5 repeat-x top center;margin-bottom: 35px;}
/* End Wrap Product */

/* Wrap Công Trình */
.wrap-congtrinh{}
.wrap-congtrinh .title_main span:before,.wrap-congtrinh .title_main span:after{background: #d8d8d8}
.item-da{width: 270px;float: left;margin-right: 40px;margin-bottom: 40px;}
.item-da:nth-child(4n+1){clear: both;}
.item-da:nth-child(4n){margin-right: 0px;}
.da{max-width: 270px;margin: auto;}
.pic-da{padding: 4px;border: 1px solid rgba(128, 128, 128, 0.5);background: #fff;position: relative;}
.pic-da:after{content: "";position: absolute;bottom: -17px;height: 17px;left: 0px;width: 100%;background: url(../images/sd2.png) no-repeat center;}
.da h3 a{font-size: 17px;color: #292929;display: block;font-family: 'RobotoRegular';font-weight: normal;text-align: center;margin-top: 15px;line-height: 20px;}
.da h3 a:hover{color:#ED1C24}
.left-ct{width: calc(100% - 325px);float: left;}
.right-ct{width: 310px;float: right;}
span.lbl-da{display: block;background: #e1e1e1;line-height: 40px;text-align: center;color: #000;font-family: 'RobotoRegular';text-transform: capitalize;display: block;}
.right-ct .list_baivietkhac{list-style: none;padding: 10px;border: 1px solid rgba(128, 128, 128, 0.4);border-top: 0px;}
.right-ct .list_baivietkhac li{border-bottom: 1px solid rgba(128, 128, 128, 0.4);padding: 5px 0px;padding-left: 5px;}
.right-ct .list_baivietkhac li:last-child{border-bottom: 0px;}
.right-ct .list_baivietkhac li a{line-height: 20px;display: block;}
/* End Công Trình */

/* Begin Header */
.hd-if{background: #e1e1e1;line-height: 40px;font-family: 'RobotoRegular';}
.hd-if-ct{max-width: 1200px;margin: auto;padding: 0px 10px;}
.item-hd{float: left;margin-right: 35px;font-size: 13px;}
.item-hd:last-child{float: right;margin-right: 0px;}
.item-hd:last-child > span{border: 0px;width: auto;height: auto;}
.item-hd:last-child > span > i{font-size: 30px;}
.item-hd > span{width: 25px;height: 25px;display: block;float: left;border: 1px solid gray;border-radius: 100%;text-align: center;margin-top: 6px;margin-right: 7px;}
.item-hd > span > i{line-height: 25px;font-size: 13px;color: #4c4c4c;padding-left: 1px;}
.item-hd > p{float: left;}
.item-hd > p > span{color: #ED1C24;font-size: 15px;}
/* End Header */

/* Begin Logo */
.logo{margin-top: 15px;float: left;}
/* End Logo */

/* Menu */
.menu{height: 100px;background: #fff;border-bottom: 1px solid rgba(128, 128, 128, 0.3);}
.menu_contain{max-width: 1200px;margin: auto;padding: 0px 10px;}
.menu_contain ul{padding: 0px; list-style: none;}
.menu_contain ul li a{color: #383737;display: block;text-align: center;font-size: 14px;padding: 0px 25px;line-height: 100px;text-decoration: none;font-weight: normal;font-family: 'RobotoBold';text-transform: uppercase;}
.menu_contain ul li:hover a, .menu_contain ul li a.active{background: #ED1C24;color: #fff;}
#wrap_menu_res{display: none;position: relative;border-bottom: 1px solid rgba(128, 128, 128, 0.3);}
.invi_loading {visibility: hidden !important;}
/* End Menu */

/* Begin Sản Phẩm */
.item-pro{float: left;width: 280px;margin-bottom: 30px;margin-right: 25px;text-align: center;font-family: 'RobotoCondensedRegular';}
.item-pro:nth-child(4n+1){clear: both;}
.item-pro:nth-child(4n){margin-right: 0px;}
.sanpham{max-width: 280px;margin: auto;}
.pic_sanpham{position: relative;max-height: 280px;text-align: center;padding: 4px;
    border: 1px solid rgba(128, 128, 128, 0.5);background-color: #FFF;}
/* .pic_sanpham:before{content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: url(../images/br.png) no-repeat center;background-size: 100% 100%;z-index: 1;} */
.pic_sanpham img{
    /* border-radius: 100%; */
    padding: 4px;
}
.pic_sanpham:hover img{opacity: 0.9;}
.pic_sanpham a{position: absolute;width: 100%;height: 100%;z-index: 2;top: 0px;left: 0px;}
.sanpham h3 a{font-size: 14px;color: #292929;text-transform: uppercase;display: block;font-family: 'RobotoBold';font-weight: normal;text-align: center;margin-top: 10px;line-height: 20px;}
.sanpham h3:hover a{color: #ED1C24;}
/* End Sản Phẩm */

/* Begin Sản Phẩm Detail */
.hinh_sp_detail{position: relative;float: left;width: 450px;border: 1px solid rgba(128, 128, 128, 0.4);text-align: center;margin-right: 20px;background: white;}
.thongtin_sp_detail{width: 550px;float: left;font-family: arial;}
.thongtin_sp_detail > span{text-transform: uppercase;font-weight: bold;font-size: 19px;font-family: arial;display: block;margin-bottom: 20px;color: #ED1C24;}
.pic_product_detail img{max-width: 70px;box-shadow: none !important;}
.detail_sp{margin-top: 20px;}
.tbl_detail_item{width: 100%;margin-bottom: 10px;}
.tbl_detail_item span{font-size: 13px;display: inline-block;vertical-align: middle;font-weight: bold;}
.tbl_detail_item p{font-size: 14px;display: inline-block;vertical-align: middle;}
.price-detail p{color: #ED1C24;font-weight: bold;font-size: 25px;}
p.price-detail-old{color: gray;text-decoration: line-through;font-weight: bold;font-size: 20px;}
.social-plugin{}
.social-plugin .addthis_native_toolbox, .social-plugin .fb-send{float: left;}
.social-plugin .fb-send{margin-right: 10px;}
/* End Sản Phẩm Detail */

/* Begin Tin tức khác */
b.tit-news-other{display: block;font-family: arial;font-size: 14px;margin-top: 20px;margin-bottom: 10px;}
.list_baivietkhac{padding-left: 17px;}
.list_baivietkhac li{margin-bottom: 2px;}
.list_baivietkhac li a{text-transform: none;color: #333333;font-family: tahoma;font-size: 13px;}
.list_baivietkhac li a:hover{text-decoration: underline;color:  #ef5454;}
/* End Tin tức khác */

/* Begin Liên Hệ */
.left-lienhe{width: 60%;float: left;}
.info-lienhe{font-size: 13px;line-height: 1.5;color: #333333;}
.right-lienhe{width: 38%;float: right;}
.hr-lienhe{border-top: 2px solid rgba(128, 128, 128, 0.52);margin: 15px 0px;}
#map{height: 480px;margin: 10px 0px;}
#directionsPanel{display: none;}
span#hint-map{font-size: 13px;display: block;}
input.btn-map{border: 0px;width: 100px;height: 31px;background: gray;color: white;border-radius: 2px;outline: none;}
input.txt-map{height: 27px;width: calc(100% - 110px);text-indent: 10px;border: 1px solid;border-color: #cecbcb;border-radius: 0px;outline: none;}
span.tit-map{color: #ED1C24;text-transform: uppercase;font-size: 14px;display: block;margin-bottom: 5px;font-family: tahoma;font-weight: bold;}
.diachi{font-size: 13px;}
/* End Liên Hệ */

/* Begin Table Liên Hệ */
.tablelienhe span { color: #ED1C24; }
.tablelienhe td { height: 25px; }
.tablelienhe .input, .tablelienhe textarea{border: 1px #E9E9E9 solid;font-size: 12px;width: 100%;padding: 5px;box-sizing: border-box;min-height: 30px;}
.tablelienhe .title { font-size: 14px; font-weight: bold; text-transform: uppercase; }
.button{border: 1px solid #515151;color: #fff;font-size: 12px;text-transform: capitalize;padding: 5px 15px;background: #414944;border-radius: 1px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;display: inline-block;}
.button:hover{color: #FFFFFF;background: #202020;-webkit-transition: ease-in-out 0.5s;-o-transition: ease-in-out 0.5s;transition: ease-in-out 0.5s;}
.tablelienhe .input::-webkit-input-placeholder{color: #585757;}
.tablelienhe .input:-moz-placeholder{color: #585757;}
.tablelienhe .input::-moz-placeholder{color: #585757;}
.tablelienhe .input:-ms-input-placeholder{color: #585757;}
.tablelienhe textarea::-webkit-input-placeholder{color: #585757;}
.tablelienhe textarea:-moz-placeholder{color: #585757;}
.tablelienhe textarea::-moz-placeholder{color: #585757;}
.tablelienhe textarea:-ms-input-placeholder{color: #585757;}
/* End Table Liên Hệ */

/* Begin Footer */
.footer{background: url(../images/bg-ft.png) no-repeat top center;background-size: 100% 100%;}
.footer_main{max-width: 1200px;margin: 0 auto;padding: 0px 10px;padding-top: 40px;padding-bottom: 20px;}
.title_footer span{margin-bottom: 10px;color: #fff;font-size: 23px;display: block;font-family: 'RobotoBold';text-transform: uppercase;}
.title_footer p{font-family: 'SFUClearGothicBold';color: #f6ff00;text-transform: uppercase;display: block;font-size: 40px;line-height: 37px;padding-left: 95px;margin-top: 10px;margin-bottom: 20px;}
.content_footer{color: #fff;line-height: 25px;}
.footer_news{float: left;}
.footer_news:nth-child(1){margin-right: 40px;max-width: 515px;}
.footer_news:nth-child(1) .title_footer span{margin-bottom: 0px;}
.footer_news:nth-child(2){max-width: 275px;width: 100%}
.footer_news:nth-child(3){width: 310px;float: right;}
.footer_news:nth-child(2) .title_footer span{font-family: Arial, Helvetica, sans-serif;text-transform: capitalize;color: #fff;font-size: 15px;margin-top: 10px;margin-bottom: 30px;}
#map_footer { height: 235px; }
.frm_dangky{background: #fff;height: 38px;margin-bottom: 40px;}
.txt_dk{width: calc(100% - 60px);background: transparent;border: none;line-height: 36px;text-indent: 10px;outline: none;font-size: 12px;float: left;color: #cd0f17;border-right: 0px;}
.txt_dk::-webkit-input-placeholder{color: #cd0f17;}
.txt_dk:-moz-placeholder{color: #cd0f17;}
.txt_dk::-moz-placeholder{color: #cd0f17;}
.txt_dk:-ms-input-placeholder{color: #cd0f17;}
.btn_dk input{background: transparent;border: 0px;color: #fff;outline: none;font-size: 13px;cursor: pointer;width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;}
.btn_dk{width: 50px;height: 38px;background: #8C0209;float: right;position: relative;}
.btn_dk:before{content: '';position: absolute;left: -10px;top: 0px;border-bottom: 38px solid #8C0209;border-left: 10px solid transparent;}
.mangxahoi{list-style: none;padding: 0px;text-align: left;}
.mangxahoi li{display: inline-block;vertical-align: middle;}
.footer-bottom{min-height: 45px;line-height: 45px;background: #AB050D;font-size: 12px;border-top: 1px solid #f21c26;}
.footer-bottom > div{max-width: 1200px;margin: auto;padding: 0px 10px;}
span#copy{display: block;color: white;float: left;}
div.thongke{float: right;}
div.thongke div.item-tk{display: inline-block;vertical-align: top;color: #ff4a52;}
div.thongke div.item-tk > span{color: white;}
div.thongke div.item-tk:nth-of-type(2n){margin: 0px 2px;}
/* End Footer */

/* Begin Đối Tác */
.block_doitac
{
    position: relative;
    max-width: 1190px;
    height: 110px;
    margin: 20px auto;
    background: #fff;
}
#owl-doitac 
{ 
    max-width: 1135px;
    margin: auto;
    padding-top: 10px; 
}
.item-doitac
{
    width: 130px;
    height: 92px;
    margin: auto;
}
.item-doitac img
{
    border: 1px solid #c0c0c0;
}
.next_doitac
{
    position: absolute;
    top: 28%;
    right: 0px;
    width: 15px;
    height: 53px;
    cursor: pointer;
    background: url(../images/next.png) no-repeat;
}
.prev_doitac
{
    position: absolute;
    top: 28%;
    left: 0px;
    width: 15px;
    height: 53px;
    cursor: pointer;
    background: url(../images/prev.png) no-repeat;
}
/* End Đối Tác */

/* Begin Not Found */
.notice_pro{width: 100%;height: 60px;background: #EFECEC;color: #7D7979;font-family: arial;border-radius: 5px; }
.notice_pro h4{padding: 0px 20px;line-height: 60px;font-weight: normal;font-size: 15px; }
/* End Not Found */

.scrollToTop{width: 50px;height: 50px;text-align: center;font-weight: bold;color: #444;text-decoration: none;position: fixed;bottom: 50px;right: 2px;display: none;z-index: 3;cursor: pointer;}

/* Phân Trang */
.pagination { text-align: center; margin-top: 15px; }
.pagination ul {display: inline-block;  margin-bottom: 0;margin-left: 0; padding: 0px;}
.pagination ul>li{display: inline;}
.pagination ul>.active>a, .pagination ul>.active>span{cursor: default;background: #ED1C24;color: white;}
.pagination ul>li>a, .pagination ul>li>span{font-family: arial;font-size: 12px;float: left;padding: 1px 10px;line-height: 20px;text-decoration: none;background-color: #fff;color: #313131;border: 1px solid #ED1C24;margin: 0 2px;border-radius: 1px;}
.pagination ul>li>a:hover, .pagination ul>li>span:hover{background: #ED1C24;color: white;}
/* End Phân Trang */