@font-face {
    font-family: 'RCR';
    src: url('fonts/Roboto-Condensed.ttf');
}
@font-face {
    font-family: 'RCB';
    src: url('fonts/Roboto-BoldCondensed.ttf');
}
@font-face {
    font-family: 'UTMSwissCondensed';
    src: url('fonts/UTMSwissCondensed.ttf');
}
@font-face {
    font-family: 'UTMSwissCondensedBold';
    src: url('fonts/UTMSwissCondensedBold.ttf');
}
img{max-width:100%;}
:focus{outline: none;}
a:focus{outline: none;}
sub{top: -.5em !important;}
body{}
.no-padding{ padding: 0px !important; }
a{color:#333;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
a:hover,a:focus{text-decoration:none}
button:focus{outline: 0px !important;}
.mb10{margin-bottom: 10px;}
.p0{padding: 0px;}
.plr0{padding: 0px;}
/*Icon hotline on Mobile*/
.call_now {width: 100px;height:100px;display:block;overflow: hidden;cursor: pointer;float: left;position: fixed;bottom: 50px;left: 5px;z-index: 999;}
.call_now .call_num{position:absolute;top:60px;display:none;font-weight:bold;color:#FF0000}
.call_now_circle {width:100px;height:100px;top:-5px;left: -10px;position: absolute;border: 2px solid #f34d06;opacity: .5;border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;-webkit-border-radius: 100%;transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transition: all .5s;-o-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;animation: call-circle-anim 1.2s infinite ease-in-out;-moz-animation: call-circle-anim 1.2s infinite ease-in-out;-o-animation: call-circle-anim 1.2s infinite ease-in-out;-webkit-animation: call-circle-anim 1.2s infinite ease-in-out;}
.call_now_circle_fill {width: 50px;height: 50px;top: 15px;left: 15px;position: absolute;opacity: .75;background:#FF0000 none;border: 2px solid transparent;border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;-webkit-border-radius: 100%;transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transition: all .5s;-o-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;animation: call-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: call-circle-fill-anim 2.3s infinite ease-in-out;-o-animation: call-circle-fill-anim 2.3s infinite ease-in-out;-webkit-animation: call-circle-fill-anim 2.3s infinite ease-in-out;}
.call_now_icon {position: absolute;top: 18px;right: 44px;width:42px;height:42px;background-size: 30px 30px !important;background:#FF0000;border: 2px solid transparent;opacity: 1;border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;-webkit-border-radius: 100%;transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;animation: call-icon-anim 1s infinite ease-in-out;-o-animation: call-icon-anim 1s infinite ease-in-out;-moz-animation: call-icon-anim 1s infinite ease-in-out; -webkit-animation: call-icon-anim 1s infinite ease-in-out;}
.call_now_icon:before {content: "\f095";font-family: FontAwesome;line-height:30px;text-align: center;display: block;font-size:30px;color: #fff;position:relative;top:5px;}
@keyframes call-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);opacity: .1
    }
}
@keyframes call-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);opacity: .2
    }
}
@keyframes call-icon-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}
.row5{margin: 0px -5px;}
.row7{margin: 0px -7px;}
.row10{margin-left:-10px;margin-right:-10px;}
.animate1{-webkit-animation-duration: .3s;animation-duration: .3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;	}

/*CSS HẬU*/
#full{max-width: 100%;margin: 0px auto;overflow: hidden;}
.center{max-width:1200px;margin:0 auto;position:relative;}

.clear{display:block;clear:both;}
.img img{width: 100%;}

.effect:after{background: rgba(255,255,255,0.5) none repeat scroll 0 0;content: "";height: 0;left: 0;opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;-webkit-opacity: 1;position: absolute;top: 0;width: 0;}
.effect:before{background: rgba(255,255,255,0.5) none repeat scroll 0 0;bottom: 0;content: "";height: 0;opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;-webkit-opacity: 1;position: absolute;right: 0;width: 0;}
.effect {position: relative;overflow: hidden;display: block;}
.effect:hover:before, .effect:hover:after {height: 100%;opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;-webkit-opacity: 0;transition-duration: 1s;width: 100%;}
.hieuung:after {content: "";position: absolute;top: -110%;left: -210%;width: 200%;height: 200%;opacity: 0;transform: rotate(0deg);background: rgba(255, 255, 255, 0.13);background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%,rgba(255, 255, 255, 0.13) 77%,rgba(255, 255, 255, 0.5) 92%,rgba(255, 255, 255, 0.0) 100%);}
.hieuung:hover:after {opacity: 1;top: -30%;left: -30%;transition-property: left, top, opacity;transition-duration: 0.7s, 0.7s, 0.15s;transition-timing-function: ease;}
.hieuung{position: relative;overflow: hidden;display: block;}

/*Effect 1*/
/*.img_dv{overflow: hidden;position: relative;}
.img_dv:before{pointer-events: none;position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
.img_dv:after{pointer-events: none;position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0; -webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
.ar_dv:hover{background: #eee;transition: all 0.3s;}
.ar_dv:hover .img_dv:before{right: 50%;left: 50%;width: 0;background: rgba(255,255,255,0.2);}
.ar_dv:hover .img_dv:after{height: 0;top: 50%;bottom: 50%;background: rgba(255,255,255,0.2);}*/
/*Effect 2*/
/*.img_dv{position: relative;overflow: hidden;}
.img_dv img{transition: all 0.4s;width: 100%;}
.img_dv:hover img{transform: scale(1.1);transition: all 0.8s;opacity: 0.8;}
.img_dv::before,.img_dv::after {pointer-events: none;position: absolute;content: '';opacity: 0;-webkit-transition: opacity 0.7s,-webkit-transform 0.7s;transition: opacity 0.7s, transform 0.7s;z-index: 99;}
.img_dv:before {top: 20px;right: 20px;bottom: 20px;left: 20px;border-top: 1px solid #fecb33;border-bottom: 1px solid #fecb33;-webkit-transform: scale(0,1);transform: scale(0,1);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
.img_dv:after {top: 20px;right: 20px;bottom: 20px;left: 20px;border-right: 1px solid #fecb33;border-left: 1px solid #fecb33;-webkit-transform: scale(0,1);transform: scale(1,0);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
.img_dv:hover::before,
.img_dv:hover::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.img_dv p {position: absolute;top: 0;display: flex; justify-content: center;align-items: center;width: 100%;height: 100%;padding: 3em 3em;text-transform: none;opacity: 0;-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0);-webkit-transition: opacity 0.7s, -webkit-transform 0.7s;transition: opacity 0.7s, transform 0.7s;font-family: 'UTMAzuki';font-size: 18px;font-weight: bold;color: #000;z-index: 9;text-shadow: 1px 1px 1px #fff,1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;}
.img_dv:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}*/
/*Effect 3*/
/*.img-sp {position: relative;}
.img-sp::before {position: absolute;top: 50%;left: 50%;z-index: 2;display: block;content: '';width: 0;height: 0;background: rgba(255,255,255,.2);border-radius: 100%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);opacity: 0;}
.img-sp:hover::before {-webkit-animation: circle .75s;animation: circle .75s;}
@-webkit-keyframes circle {
    0% {opacity: 1;}
    40% {opacity: 1;}
    100% {width: 200%;height: 200%;opacity: 0;}
}
@keyframes circle {
    0% {opacity: 1;}
    40% {opacity: 1;}
    100% {width: 200%;height: 200%;opacity: 0;}
}*/

/* site map */
.sitemap a{display:block;padding:5px;font-weight:bold;color:#000;position:relative;}
.sitemap a:hover{color:#1f5892;  }
.sitemap a i{color:#1f5892;}
.sitemap a.sub0{padding-left:30px;}
.sitemap a.sub0:before{content:'';width:1px;height:50%;position:absolute;top:0;left:5px;background:#000;}
.sitemap a.sub0:after{content:'';width:15px;height:1px;position:absolute;top:50%;left:5px;background:#000;}

label.error{position: absolute;right: 30px;margin:0;top:50%;margin-top: -8.5px;font-size: 12px;white-space: nowrap;color: #ff5050;z-index:99;}

/* video */
.col-video{}
.item-video {}

/*Gallery*/
.col-gallery{float:left;width:33.33%;padding:0px 10px;}
.item-gallery {float:left;width:100%;margin-bottom:20px;border:solid 1px #e1e1e1;padding:5px}
.item-gallery .img{float:left;position:relative; width:100%; overflow:hidden;}
.item-gallery .img a{display:block;}
.item-gallery .img a .name{position:absolute;bottom:-50%;left:0;width:100%;background:rgba(0,0,0,0.5);color:#FFF;padding:5px 10px;margin:0;font-size:15px;text-align:Center;z-index:20;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;   }
.item-gallery .img .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 20;opacity: 0;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.item-gallery .img .mask span{position: absolute;top: 50%;left: 50%;width: 40px;height: 40px;border-radius: 50%;border: solid 1px #FFF;background: url(../images/plus.png) no-repeat center center;margin-top: -20px;margin-left: -20px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);    }
.item-gallery .img:hover .name{bottom:0;}
.item-gallery .img:hover .mask{opacity:1;}
.item-gallery .img:hover .mask span{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);    }
.item-gallery .img img{width:100%;}

/*show news*/
.item-content-row{width:100%;padding:10px;margin:0;margin-bottom:10px;border:1px solid #eee}
.item-content-row .img{display:table-cell;width:130px;vertical-align:top;overflow: hidden;}
.item-content-row .img:hover img{transition: all 0.5s;transform: scale(1.1);}
.item-content-row .img a{float:left;width:130px;height:auto;}
.item-content-row .img a img{width:100%;transition: all 0.5s;}
.item-content-row .content{display:table-cell; vertical-align:top;padding-left:15px;color:#333}
.item-content-row .content h3.name{ margin:0px; font-size:15px;margin-bottom:5px}
.item-content-row .content h3.name a{color:#000;line-height:20px;font-weight:bold;}

/*Content news*/
.text-contents{padding: 0px 0px 10px;color:#000}
.text-contents .name{margin:0px;font-size:18px; margin-bottom:10px;line-height:25px;font-size: 21px;font-weight: bold;}

/*Scroll Top*/
.fback-top {border-radius: 50%;position: fixed;width:40px;height:40px;line-height:35px;bottom: 5px;right: 5px;display: none;cursor: pointer;z-index: 999;background:#006cb5;box-shadow: 0px 0px 2px 1px #f5f5f5;text-align:center;font-size:30px;color:#fff;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.fback-top:hover{background: #ccc;}

/*Share*/
.tag_share{position:relative;float:left;width:100%;border-top:1px solid #eee;border-bottom:1px solid #eee;margin-top:10px;}
.fb-comments, .fb-comments span, .fb-comments iframe {  width: 100% !important; }
.like-share-page {position:relative;width:100%; margin-top:15px;}
.like-share-page .facebook{float:left;margin:0 0 5px 0;}
.like-share-page .twitter{float:left;margin:0 0 5px 5px;}
.like-share-page .google{float:left;margin:0 0 5px 5px;}

/*BĂ i viết liĂªn quan*/
.relative-contents i{font-size: 7px;margin-right: 10px;}
.text-contents .relative-contents ul{list-style:none;padding-left: 0px;}
.text-contents .relative-contents ul li{margin-bottom: 5px;font-size: 13px;}
.text-contents .relative-contents h3{margin:0px;margin-top:15px;margin-bottom:15px;font-weight:700;text-transform:uppercase;font-size:13px;}
.text-pages ul{padding-left: 40px;margin-bottom: 10px;}
.text-pages{overflow:hidden;text-align: justify;}
#clock{font-size: 12px;font-family: 'arial';letter-spacing: 0.5px;color: #9a9a9a;margin-bottom: 5px;}

/*Contact/LiĂªn hệ*/
#form-contact{display: inline-block;width: 100%;background: #e9e9e9;padding: 20px 10px;}
.form-control{border-radius: 0px !important;}
.title_map{font-family: 'RCB';font-size: 16px;text-transform: uppercase;padding: 20px 0px 5px;border-bottom: 1px solid #ccc;margin-bottom: 15px;}
.title_map i{margin-right: 10px;}
.form-control{border-radius: 0px !important;}
.col_contact label{font-weight: 600;}
.input_contact{position: relative;}
.input_contact input{padding-left: 50px;}
.input_contact i{position: absolute;top: 0px;left: 0px;background: #bcbcbc;color: #056d2f;height: 34px;line-height: 34px;width: 40px;text-align: center;}
.ct_contact{margin-top: 20px;}
.button.button--aylen{background: #384d9c !important;margin-left: 12px;;width: 120px;height: 35px;color: #fff;border: none;}textarea.form-control{height: 81px;}
.input_contact{border-left: 2px solid #056d2f;border-radius: 1px;}

/* phan trang */
.pagination-page {text-align:center;margin-top: 20px;}
.pagination-page > span,
.pagination-page  a{display:inline-block;width:30px;height:30px;line-height:30px;border:solid 1px #ddd;color:#333;}
.pagination-page  a:hover,
.pagination-page > span{background: #384d9c;color: #fff;}

/*Footer*/
.footer {position:relative;background:#384d9c;background-size: 100% 100%;color: #fff;width:100%; float: left;margin:0;padding: 35px 0px;font-size:14px;}
.infomation_footer{padding-left: 0px;}.facebook_footer{padding-right: 0px;}
.title_footer{font-family: 'RCB';font-size: 18px;color: #fff;text-transform: uppercase;margin-bottom: 15px}
.thongke_footer{padding-left: 35px;}
#copyright{margin-bottom: -5px;background: #384d9c;border-top: 1px solid #fff;display: inline-block;width: 100%;font-family: 'arial';font-size: 12px;color: #fff;padding: 12px 0px;}
#copyright a{color: #fff;}
.pdH0{padding-left: 0px;padding-right: 0px;}
#thongtinlienhe{margin: 0px -15px;}
.thong-tin li{list-style: none;font-family: 'arial';font-size: 14px;color: #fff;line-height: 25px;}
.thong-tin li a{color: #fff;}
.thong-tin li:hover a{color: #ff0;}
.facebook-footer{width: 100%;}
.map_description{color: #000 !important;}

/*đối tĂ¡c*/
.slick_doitac{
    margin: 0px -10px;
    padding-bottom: 20px;
}
#doitac{}
.item_doitac{text-align: center;margin: 0px 5px;}
.item_doitac h3{font-family: 'RCB';font-size: 16px;margin: 20px 0px 10px;}
.title-doitac h3{text-transform: uppercase;font-family: 'RCB';font-size: 18px;color: #5a664e;border-bottom: 1px solid #5a664e;padding-bottom: 10px;margin-bottom: 20px;}

/*thĂ´ng bĂ¡o*/
.note{font-family: 'arial';font-size: 13px;color: red;font-weight: bold; text-align: center;position: relative;display: inline-block;width: 100%;}

/*breadcrumb */
.breadcrumb{background-color: #fff !important;border-bottom: 1px solid #e6e6e6;padding-bottom: 10px !important;font-weight: bold;border-radius: 0px !important;padding-left: 0px !important;}

/*LEFT*/
#container{padding: 25px 0px 5px 0px}
#left{width: 275px;float: left;}
#right{width: 900px;float: right;}
.bao-left{ margin-bottom: 20px;}
.title-left{background: #1b569a;color: #fff;text-transform: uppercase;text-align: center;font-size: 17px;font-family: 'RCB';padding: 7px 5px;}
.ar_left{padding: 10px; line-height: 28px;border: 1px solid #e5e5e5;}
.img_qcpnvn{margin-bottom: 10px;}
.img_qcpnvn img{width: 100%;}
.img_qcpnvn:last-child{margin-bottom: 0px;}
/*left danh mục sản phẩm*/
.ar_left.menu{padding: 10px 14px 5px;}
.ar_left ul{padding-left: 0px;}
.ar_left ul li{list-style: none;font-family: 'arial';font-size: 14px;color: #282828;}
.ar_left ul li{border-bottom: 1px solid #e5e5e5;}
.ar_left ul li:last-child{border-bottom: none;}
.ar_left ul li i{font-size: 14px;}
.ar_left ul li a{color: #282828;display: block;padding: 4px 0px;display: block;}
.ar_left ul > li:hover > a{color: #006cb5;margin-left: 5px;}
.ar_left ul li img{margin-right: 13px;}

/*left hỗ trợ trực tuyến*/
.title-hotro span{color: red;font-weight: bold;}
.title-hotro i{color: #282828;font-size: 18px;}
.ar_left i{margin-right: 10px;font-size: 17px;}
.hot-line img{margin-right:10px;}
.hot-line{font-family: 'arial';font-size: 14px;color: #282828;}

/*left video*/
.list_video select{width: 100%;height: 30px;font-family: 'arial';font-size: 13px;padding-left: 10px;}

/*Left Thống kĂª truy cập*/
.thongketruycap{width: 100%;
    max-width: 261px;
    margin: 0px auto;
    float: left;}
.thongketruycap li{list-style: none;font-family: 'arial';font-size: 13px;line-height: 30px;color: #fff;}
.thongketruycap li img{margin-right: 10px;}
.thongketruycap li span{float: right;color: #fff;font-weight: bold;}
.ngaydang{font-family: 'RR';font-size: 12px;color: #707070;margin-top: 5px;margin-bottom: 5px;}
.ngaydang i{margin-right: 8px;}
.item-pro {box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}

/*CHI TIẾT SẢN PHẨM*/
.sp_detail.mota{font-weight: 500;font-size: 14px;color: #5f5f5f;line-height: 23px;text-align: justify;}
.sp_detail.price_detail{font-size:14px;color:#202020;font-weight: bold;}
.sp_detail.price_detail h3{font-weight: bold;font-size: 24px;background: #eaeaea;color: #f00;padding: 10px;width: 100%;margin-top: 10px;}
h1.sp_detail{font-size: 18px !important;color: #000;    line-height: 27px;}
h1.sp_detail, .sp_detail{border-bottom: 1px solid #d8d8d8;padding: 10px 0px;font-weight: bold;font-size: 15px;}
.sp_detail.lienhemuahang{background: #006cb5;padding: 0px 10px;margin: 10px 0px;border-radius: 5px;color: #fff;display: inline-block;font-size: 16px;}
.sp_detail button.addcart{border: 1px solid #58a946;background: #fff;padding: 6px 14px;border-radius: 2px;transition: all 0.3s;}
.sp_detail button.addcart:hover{border: 1px solid #fff;background: #58a946;color: #fff;transition: all 0.3s;}
.sp_detail button.addcart:hover i{color: #fff;transition: all 0.3s;}
.sp_detail button.addcart i{margin-right: 10px;color: #58a946;    font-size: 20px;}

.col-share{padding: 0px;}
.sp_detail .like-share-page{margin-top: 7px;}
.sub_img_detail{margin: 0px -9px;}
#product_detail{margin: 25px 0px;}
#product_detail .text{text-align:justify;line-height:2em;}
#product_detail .text img{max-width:100%;}
.img-detail-pro{margin-bottom: 20px;}
.img_detail{text-align: center;}
.sub_img_sanpham{margin: 0px auto;text-align: center;margin-top: 15px;}
.sub_img_sanpham img{border: 1px solid #ebebeb;}
.img-detail-pro {float:left;width:50%;}
.quote-pro{float:left;margin-left:20px;width: calc(50% - 30px);}
.quote-pro .box{float: left;width:100%;color:#333;}

/*Tab chi tiết sản phẩm*/
.title_tab{background: #fff;border-bottom: 2px solid #e89400;}
.title_tab li{border-radius: 5px 5px 0px 0px;cursor: pointer;float: left;list-style: none;font-family: 'arial';font-size: 15px;padding: 6px 30px;color: #000;}
.title_tab li.active{background: #e89400;color: #fff;}
.content_tab{padding: 20px 15px;border: 1px solid #e5e5e5;border-top: 0px;}

/*Giỏ hĂ ng*/
.title-form{padding: 5px 0px 5px 15px;background: #e89400;color: #fff;font-weight: 500 !important;}
.ar_form{padding: 20px;border: 1px solid #e5e5e5;}
.tong_tt h3{text-align: right;}
.tong_tt h3 span{color: #f00;font-weight: bold;}
.button_muahang{border: 1px solid transparent;float: right;padding: 7px 20px;background: #e89400;color: #fff;margin-bottom: 20px;margin-left: 15px;border-radius: 3px;}
.button_muahang a{color: #fff;display: block;}
.button_muahang:hover{border: 1px solid #e89400;background: #fff;transform: all 0.3s;}
.button_muahang:hover a{color: #e89400;transition: all 0.2s !important;}
.container_dathang{display: none;}
.col_button{padding: 0px;}

/*Tìm kiếm*/
#timkiem{position: absolute;top: 5px;right: 12px;width: 83%;}
.s_desktop{width: 250px !important;}
#timkiem input{width: 100%;border: none;height: 30px;border-radius: 2px;padding-left: 15px;font-family: 'arial';font-size: 12px;color: #aaa;}
#timkiem button{position: absolute;top: 5px;right: 5px;font-size: 13px;color: #000;background: none;border: none;}

/*Menu*/
#menu_mobile{display: none;position: relative;}
.header{background: #384d9c;}
#menu_desktop{background: #384d9c;z-index: 999;position: relative;margin-top: -10px;}
#menu_desktop ul{padding-left: 0px;}
#menu_desktop .center .main{width:220px;float:left;line-height:40px;color:#fff;}
#menu_desktop .center .main i{color:#fff;margin-top:15px;margin-right:5px;font-size:20px;}
#menu_desktop .center .main span{font-weight:bold;margin-left:5px;font-size:16px;}
#menu_desktop .center > ul{width:980px;float:left;}
#menu_desktop .center > ul > li{float: left;position: relative;border-left: 1px solid rgba(255,255,255,0.2);}
#menu_desktop ul li{list-style: none;text-transform: uppercase;font-family: 'RCB';font-size: 16px;position: relative;}
#menu_desktop .center > ul > li:first-child > a{padding-left: 0px;}
#menu_desktop .center > ul > li:first-child{border: none;margin-left: 8px;}
#menu_desktop ul > li.active > a,#menu_desktop ul > li:hover > a{color: #ff0;}
#menu_desktop ul > li > a{color: #fff;padding: 0px 27px;line-height: 40px;display: block;position:relative;top:7px;}
#menu_desktop ul li ul{position: absolute;top: 100%;left: 0px;min-width: 220px;background: #384d9c;z-index: 999;display: none;}
#menu_desktop ul li ul li{white-space: nowrap;text-transform: none;border-bottom: 1px solid rgba(255,255,255,0.1);font-family: 'arial';font-size: 14px;}
#menu_desktop ul li ul li a{padding: 10px;line-height: 20px;}
#menu_desktop ul li ul li:last-child{border: none;}
#menu_desktop ul li ul li ul{position: absolute;top: 0px;left: 100%;}
.contain_slider{width:90%;margin:0 auto 0 auto;}
.contain_slider .silder-left{width:300px;height:334px;float:left;border:1px solid #384d9c;border-top:0;background:#fff;position:relative;z-index:777;overflow:hidden;}
.contain_slider .silder-left ul{width:100%;height:auto;list-style:none;margin:0;padding:0;}
.contain_slider .silder-left ul li{line-height:40px;border-bottom:1px solid #ddd;}
.contain_slider .silder-left ul li i{margin-left:5px;margin-right:5px;}
.contain_slider .silder-left ul li a:hover{color:#990000;font-weight:bold;font-size:11px;}
.contain_slider .silder-right{width:890px;float:left;margin-left:10px;}
.clearfix{clear:both;}
/*Header*/
header{position: relative;}
.info_header{background: #f8f8f8;height: 34px;line-height: 34px;font-family: 'arial';font-size: 14.5px;color: #676666;}
.email_header{float: right;}
.bottom_header img{width: 100%;}
.language{position: absolute; top: 22px; right: 10%; z-index: 999;}
.language img{width: 30px;height: 20px;}
/*Modal Popup*/
.modal-backdrop{position: relative !important;}
.modal-open .modal{background: rgba(0,0,0,0.5);}
/*Login*/
.modal{background: rgba(0,0,0,0.5);padding-left: 0px !important;}
.modal-backdrop{position: relative !important;}
.modal-header .close{color: #000 !important; opacity: 0.2;}
.modal-header{text-align: center;background: #1169a3 !important;color: #fff !important;text-transform: uppercase;font-weight: bold !important;}
.modal-open .modal{background: rgba(0,0,0,0.5);}
.ar_btlogin{float: right;margin-left: 20px;margin-top: 5px;}
.forget_password{font-family: 'arial';font-size: 13px;text-align: center;margin-top: 10px;}
.forget_password a{font-weight: bold;}
#main_login{background: rgba(34, 34, 34, 0.6);max-width: 650px;margin: 0px auto;margin-top: 100px;}
.title_login{border-radius: 10px 10px 0px 0px;background: #ff6000;padding: 10px;font-family: 'arial';font-size: 15px;}
.contain_box_form{width: 100%;margin: 0px auto;background: #fff;font-family: 'RobotoRegular';}
.contain_box_form label{font-weight: normal;}
.title_other_login{text-align: center;overflow: hidden;max-width: 90%;margin: 0px auto;font-family: 'RobotoRegular';color:#333;text-transform: uppercase;margin-bottom: 10px;}
.item_other_login{margin-bottom: 15px;font-size: 13px;color:#333;display: block;font-family: 'arial';}
.item_other_login .btn_other_login{width: 28px;height: 28px;background: none;outline:none;border:none;font-size: 15px;color:#fff;border-radius: 3px;margin-right: 10px;}
.item_other_login .btn_other_login.login_facebook{background: #2f4b93;}
.item_other_login .btn_other_login.login_google{background: #c43a30;}
.title_other_login span{display: inline-block;position: relative;}
.title_other_login span:after{content: "";width: 200px;height: 1px;background: #dbdbdb;position: absolute;top:5px;left: 100%;margin-left: 10px;}
.title_other_login span:before{content: "";width: 200px;height: 1px;background: #dbdbdb;position: absolute;top:5px;right: 100%;margin-right: 10px;}
.header_login{padding: 10px 10px 10px 20px; border-bottom: 1px solid #dbdbdb!important;position: relative;}
.header_login h3{font-family: 'RobotoBold';text-transform: uppercase;font-size: 18px;line-height: 32px;}
.close_form{position: absolute;top:15px;right: 10px;width: 25px;height: 25px;text-align: center;cursor: pointer;}
.close_form .fa{line-height: 25px;}
.close_form:hover{background: rgba(0,0,0,0.1);}
.left_body_form{width: 65%;padding: 20px 20px 20px 0px;border-right: #dbdbdb solid 1px;float: left;}
.right_body_form{width: 35%;padding: 20px 10px 20px 15px;    float: right;}
.notify_login{font-size: 12px;color: #999999;text-align: right;margin-bottom: 7px;}
.notify_login span{color:#f00;}
.table_form {width: 100%;}
.my_table {display: table;}
.my_row{display: table-row;}
.table_form .my_cell{vertical-align: middle;padding: 5px 0px;display: table-cell;}
.table_form .my_cell_title{color:#333;text-align: right;padding-right: 10px;font-size: 14px;}
.table_form .input_form{    border: 1px solid #c7c7c7;color: #333333;font-size: 12px;padding: 7px 5px;text-indent: 6px;-webkit-appearance: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-transition: border .25s linear, color .25s linear;-moz-transition: border .25s linear, color .25s linear;-o-transition: border .25s linear, color .25s linear;transition: border .25s linear, color .25s linear;-webkit-backface-visibility: hidden;height: 32pxline-height: 32px;width: 100%;outline: none;}
.table_form .input_form:visited,.table_form .input_form:focus{border-color: #2882bc;}
input.checkbox_form{-webkit-appearance: none;width: 16px;height: 16px;background: url(../images/commont/bg_check_radio.png) 0px -26px no-repeat;vertical-align: middle;margin: 0px 10px 2px 0px;outline: none;border:none;}
input.checkbox_form:checked{background-position: 0px -52px;}
label.label_check_box_form{vertical-align: middle;margin-bottom: 0px;line-height: 24px;font-size: 14px;}
.left_table_form{width: 50%;float: left;}
.right_table_form{width: 50%;float: right;text-align: right;}
.href_table_form{color:#0689ba;font-size: 14px;line-height: 24px;}
.btn_form{font-family: 'RCR';width: 100%;border: none;background: #1169a3;color: #ffffff;text-decoration: none;text-shadow: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;-webkit-backface-visibility: hidden;padding: 8px 32px 8px 32px;text-transform: uppercase;}
.ar_form_dk{width: 450px;background: rgba(255,255,255,0.8);padding: 20px;float: right;}
/*Rigister*/
#form_signup{background: #fff;padding: 10px 30px;border-top: none;display: inline-block;width: 100%;}
#main_signup{background: rgba(34, 34, 34, 0.6);max-width: 450px;margin: 0px auto;margin-top: 100px;}
.ar_input,.ar_male{margin-bottom: 10px;position: relative;}
.ar_male input{margin-right: 5px;}
.ar_input input{font-size: 13px;float: left;background: #fff;border: 1px solid #ddd;line-height: 30px;padding-left: 40px;width: 100%;}
.ar_input i{border-left: 3px solid #d7070d;padding: 10px 12px;font-size: 14px;font-weight: 400;line-height: 1;color: #555;text-align: center;background: transparent;color: #d7070d;width: 41px;position: absolute;top: 0px;left: 0px;}
.title_infomation{color: #333;padding: 10px 0px 10px;font-family: 'arial';font-weight: bold;font-size: 15px;border-bottom: 1px solid #dedede;margin-bottom: 20px;}
input.submit_register{padding: 6px 25px;border: none;background: #d7070d;color: #fff;border-radius: 2px;}
.submit_register{float: left;margin-right: 20px;}
.login_re{float: left;line-height: 32px;font-weight: bold;}
.code_captcha{margin-bottom: 25px;}
.code_captcha img{height: 34px;float: right;}
.code_captcha input{background: #fff;border: 1px solid #ddd;line-height: 30px;padding-left: 10px;}
/*end rigister*/
.img_recaptcha{float: right;}
.button_contact{float: left;}
/*----------Loading-------------*/
#pre-loader{background: #F5F5F5;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;}
.loader {position: relative;width: 2.5em;height: 2.5em;transform: rotate(165deg);  position: absolute;top: calc(50% - 1.25em);left: calc(50% - 1.25em);}
.loader:before, .loader:after {content: '';position: absolute;top: 50%;left: 50%;display: block;width: 0.5em;height: 0.5em;border-radius: 0.25em;transform: translate(-50%, -50%);}
.loader:before {animation: before 2s infinite;}
.loader:after {animation: after 2s infinite;}
@keyframes before {0% {width: 0.5em;box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);}35% {width: 2.5em;box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);}70% {width: 0.5em;box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);}100% {box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);}}
@keyframes after {0% {height: 0.5em;box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);}35% {height: 2.5em;box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);}70% {height: 0.5em;box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);}100% {box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);}}
/*----------Loading-------------*/
.ar-pr .img-pr{margin-bottom:20px;}
.ar-pr h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#service{padding: 25px 0px 50px;}
.ar-ser{border-radius: 50%;position: relative;box-shadow: 0px 0px 5px 0px #ccc;overflow: hidden;}
.ar-ser img{border-radius: 50%;width: 100%;}
.ar-ser h3{position: absolute;bottom: 20px;left: 0px;right: 0px;width: 100%;background: rgba(255,255,255,0.8);text-align: center;font-family: 'RCR';font-size: 17px;padding: 12px 5px;}
.title-main{text-align: center;text-transform: uppercase;font-family: 'RCB';font-size: 20px;color: #384d9c;border-bottom: 1px solid #a1a1a1;margin-bottom: 25px;padding-bottom: 10px;}
.title-main span{position: relative;}
.title-main span:after{position: absolute;bottom: -14px;left: 0px;right: 0px;width: 100%;height: 1px;background: #e89400;content: "";}
.title-main.white{color: #fff;border: none;}
#about{margin-left: 10%;width:89.5%;margin: 0px auto;}
.title-about{font-family: 'RCB';font-size: 20px;color: #384d9c;background: url(../../images/a.png) no-repeat left bottom;padding-bottom: 10px;margin-bottom: 20px;text-transform: uppercase;}
.des-about{line-height: 25px;text-align: justify;}
.main-about{padding top: 30px}
#news{padding: 50px 0px;background: #f3f3f3;margin-bottom: -25px;}
.info-news{padding: 60px 40px 30px 30px;}
.ar-news{background: #f3f3f3;margin-bottom: 40px;}
h3.name-news{font-family: 'RCB';font-size: 20px;color: #282828;text-transform: uppercase;margin-bottom: 28px;}
.des-news{font-family: 'SVN-ArchCondensed';font-size: 18px;color: #797979;text-align: justify;line-height: 25px;}
.view-news{font-family: 'SVN-ArchCondensed';font-size: 16px;color: #fff;background: #424242;width: 120px;height: 30px;line-height: 30px;text-align: center;margin-top: 20px;}
.view-news a{color: #fff;display: block;}
.date-news{background: #424242;color: #fff;border: 3px solid #fff;display: inline-block;text-align: center;font-family: 'arial';font-size: 16px;padding: 10px 15px;position: absolute;right: 20px;bottom: -30px;z-index: 99;box-shadow: 3px 3px 5px #5f5f5f;}
.date-news span{font-family: 'RCB';font-size: 30px;}
.ar-pr{margin-bottom: 30px;text-align: center;}
.ar-pr h3{font-family: 'RCR';font-size: 18px;text-transform: uppercase;margin-top: -10px}
#products{padding top: 5px;padding-bottom: 5px;}
#products .title{background:#ddd;height:50px;margin-bottom:20px;}
#products .title h3{line-height:50px;width:100%;background:#384d9c;padding-left:10px;color:#fff;font-size:16px;}
#products .title h3 i{margin-right:5px;}
#products .pro{float:left;width:23.5%;text-align:justify;font-family:"UTMSwissCondensed";}
#products .pro img{width:100%;}
#products .pro img:hover{opacity:0.6;transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;}
#products .pro h4{font-size:16px;font-weight:bold;}
#products .pro h4 a:hover{color:#d04331;}
.space{margin-left:2%;margin-right:1%;}
.space1{margin-left:1%;margin-right:2%;}
#hinhanhhoatdong{background: #384d9c;padding: 35px 0px 10px}
.ar-ha{position: relative;overflow: hidden;}
.info-ha{transition: all 0.5s;position: absolute;color: #fff;bottom: 100%;left: 0px;width: 100%;padding: 15px;background: #1b569a;}
.owl-ha{padding: 0px 10px;}
h3.name-ha{font-family: 'RCR';font-size: 18px;margin-bottom: 5px;text-transform: uppercase;}
.ar-ha:hover .info-ha{bottom: 0px;transition: all 0.5s;}
.social{margin-top: 15px;}
.social i{font-size: 18px;color: #fff;margin-right: 10px;border: 1px solid #fff;width: 30px;height: 30px;line-height: 30px;text-align: center;}
.khungtam{
    margin-top: 79px;
}
.tintucm{
    margin-top: -23px;
}
.video_cha{
    width: 100%;
    height: 230px;
}
.video_con{
    width: 100%;
    height: 100%;
}
.bando{
    padding-bottom: 105px; 
    width: 100%;
    height: 480px;
}
.lienhe{
    text-align: center;
    font-size: 23px;
}
#doitac{
    padding-bottom: 15px;
    padding-top: 10px;
}
#menu_desktop .center > ul > li:first-child
{
    float: left;
}
#menu_desktopp{
    z-index: 999;position: relative;background: #fff;
    margin-top: 21px;
}
.ten{
    font-family: 'UTMSwissCondensedBold';
    font-size: 18px;
    text-align: center;
}
.container {
    display: inline-block;
    cursor: pointer;
}

.bar1, .bar2, .bar3 {
    background: #fff;
    width: 33px;
    height: 4px;
    margin: 7px 0;
    transition: 0.4s;
}

.mm-opened .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px);
        transform: rotate(-45deg) translate(-9px, 6px);
    }
    .mm-opened .bar2 {opacity: 0;}
    .mm-opened .bar3 {
        -webkit-transform: rotate(45deg) translate(-8px, -8px);
        transform: rotate(45deg) translate(-8px, -8px);
    }