@font-face {
    font-family: 'Encode-R'; 
	src:url('../fonts/EncodeSansCompressed-Regular.ttf');  
}
@font-face {
    font-family: 'UTM'; 
	src:url('../fonts/UTM%20Avo.ttf');  
}

@font-face {
    font-family: 'RCR blod'; 
	src:url('templates/fonts/RobotoCondensed-Bold.ttf')  
}
@font-face {
    font-family: 'RCR Regular'; 
	src:url('../fonts/RobotoCondensed-Regular.ttf')  
}
@font-face {
    font-family: 'RCR r'; src:url(../templates/fonts/RobotoCondensed-Regular.ttf) 

}

@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;}

.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: 80px;height: 80px;display: block;overflow: hidden;cursor: pointer;float: left;position: fixed;bottom: 5px;left: 5px;z-index: 999;}
.call_now_circle {width: 80px;height: 80px;top: 0;left: 0;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: #f34d06 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: 25px;right: 25px;width: 30px;height: 30px;background-size: 24px 24px !important;background: #f34d06;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: 28px;text-align: center;display: block;font-size: 23px;color: #fff;}
@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: #0d77bd !important;    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: #e89400;color: #fff;}

/*Footer*/
.footer { font-family: 'RCR Regular'; 
    position: relative;
    background-color: #1841a1;
    background-size: 100%;
    color: #fff;
    width: 100%;
    float: left;
    margin: 0;
    padding: 35px 0px;
    font-size: 15px;
}
.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;
    margin-left: -3px;
}
.thongke_footer{padding-left: 35px;}
#copyright{background: #1841a1;border-top: 1px solid #fff;
display: inline-block;width: 100%;font-family: 'RCR Regular';font-size: 14px;color: #fff;padding: 12px 0px;}
#copyright a{color: #e9f133;}
.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{}
#doitac{padding: 30px 0px;}
.item_doitac{text-align: center; border:1px solid #dddddd}
.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; font-family:'RCR Regular'; font-size:15px}
#left{width: 275px;float: left;}
#right{width: 900px;float: right;}
.bao-left{ margin-bottom: 20px;}
.title-left{background: #0d77bd;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 {
    margin-left: -1%;
    max-width: 230px;
    /* margin: 0px auto; */
}
.thongketruycap li {
    list-style: none;
    /* font-family: 'arial'; */
    /* font-size: 13px; */
    line-height: 30px;
    /* color: #000; */
}
.thongketruycap li img{margin-right: 10px;}
.thongketruycap li span {
    float: right;
    /* color: #f00; */
    font-weight: bold;
}
.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: #0d77bd;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: #0d77bd;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: #0d77bd;color: #fff;margin-bottom: 20px;margin-left: 15px;border-radius: 3px;}
.button_muahang a{color: #fff;display: block;}
.button_muahang:hover{border: 1px solid #0d77bd;background: #fff;transform: all 0.3s;}
.button_muahang:hover a{color: #0d77bd;transition: all 0.2s !important;}
.container_dathang{display: none;}
.col_button{padding: 0px;}

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

#timkiem button{position: absolute;top: 5px;right: 5px;font-size: 13px;color: #F00;background: none;border: none;}

/*Menu*/
#menu_mobile{display: none;position: relative;}
.header{background: #0d77bd;}
#menu_desktop {
    background: #0d77bd; 
	font-family: 'RCR Regular';
    z-index: 999;
    position: relative;
    padding: 0px;
}
#menu_desktop ul{padding-left: 0px;}
#menu_desktop .center > ul > li{float: left;position: relative;}
#menu_desktop ul li{list-style: none;text-transform: uppercase; ;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;}
#menu_desktop ul > li.active > a,#menu_desktop ul > li:hover > a{color: #ff0;}
#menu_desktop ul > li > a {
   
    color: #fff;
    padding: 0px 28px;
    line-height: 40px;
    display: block;
}
#menu_desktop ul li ul{position: absolute;top: 100%;left: 0px;min-width: 220px;background: #0d77bd;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-size: 16px; margin-left:18px}
#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%;}

/*Header*/
.pull-right ul {
    display: inline-flex;
    list-style: none;
    margin-top: 7%;
}
.pull-right ul li ul{display:block; list-style:none; margin-top:0%}
header{position: relative; min-height:111px}
.all_icon{margin-left:30%}
.icon{width:50%; float:left; padding:5%}
.icon a{ text-decoration:none; color:#F00}
 .icon a ul{list-style:none; margin-top:-25%; margin-left:5%; font-weight:bold}
.info_header{background: #f8f8f8;height: 34px;line-height: 34px;font-family:"Muli SemiBold";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 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-main2 {
    text-align: -webkit-center;
    /* position: relative; */
    /* text-align: center; */
    /* text-transform: uppercase; */
    font-family: 'RCB';
    font-size: 30px;
    /* color: #000; */
    /* margin-bottom: 40px; */
    padding-bottom: 30px;
}
.title-main2 span {
    font-weight: bold;
    font-size: 22px;
    border-left: 5px solid #ec3235;
    font-family: 'RCR Regular';
}
.title-main {
    /* position: relative; */
    /* text-align: center; */
    /* text-transform: uppercase; */
    font-family: 'RCB';
    font-size: 30px;
    /* color: #000; */
    /* margin-bottom: 40px; */
    padding-bottom: 0px;
}
.title-main span {
    position: relative;
    color: #0e70b7;
    font: RobotoCondens;
    font-weight: bold;
    font-size: 20px;
    /* z-index: 10; */
}

.title-main p {
    padding: 10px 0px;
    position: relative;
    color: #0e70b7;
    font: RobotoCondens;
    font-weight: bold;
    font-size: 14px;
    min-height:60px;
    /* z-index: 10; */
}
.title-main .pull-right span {
	
    font-size: 14px;
    /* padding: 0px 10px; */
    color: #7b7b7b;
   /* font-weight: normal;*/
     margin-left: 0%; 
   
}
.title-main .pull-right span a{ font-family: 'RCR Regular'; 
    font-size: 14px;
    /* padding: 0px 10px; */
    color: #7b7b7b;
   font-weight: normal;
     margin-left: 0%; 
    padding-left: 21px;
}
/*.title-main2:after {
    border-top: 10px outset;
    top: 19px;
    position: absolute;
     bottom: 66px; 
    left: 153px;
    right: 0px;
    width: 80%;
    height: 3px;
     background: #fe9705; 
    content: "";
}*/

.title-main.white{color: #fff;border: none;}
#about{max-width: 1171px;margin: 20px auto}
.title-about{font-family: 'RCB';font-size: 30px;color: #fff;background: url(../../images/a.png) no-repeat left bottom;padding-bottom: 10px;margin-bottom: 20px;text-transform: uppercase;}
.des-about{color: #fff;line-height: 25px;text-align: justify;}
.main-about{padding: 30px 100px 30px 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;}
span.gia_lienhe {
    font-size: 16px;
    font-family: "Muli SemiBold";
    color: #F00;
    margin-top: 5%;
    /* font-weight: bold; */
}

.ar-pr {
    padding-top: -9px;
    /* padding: 10px; */
    width: 237px;
    min-height: 261px;
    overflow: hidden
 float: left;
    padding-right: 2px;
}
.ar-pr2 {
      height: 260px;
    /* width: 210px; */
    margin-bottom: 30px;
    text-align: -webkit-center;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    overflow: hidden;
}
.img-pr { width:100%
    
}
.img-pr2 {
    border: 1px solid #e3e3e3;
    box-shadow: 0px 10px 10px -10px #ccc; max-height: 300px;
    border-radius: 10px;
}
/*.img-pr{border: 1px solid #e3e3e3;box-shadow: 0px 10px 10px -10px #ccc; min-height:200px;border-radius:10px}*/
.ar-pr h3{font-family: 'RCR';font-size: 18px;text-transform: uppercase;margin: 20px 0px 0px;}
#products{padding: 20px 0px;}
#hinhanhhoatdong{background: #eda933;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: rgba(0,0,0,0.5);}
.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;}
/*----danh mục----*/
 .img_dm{position:relative;   float:left; }
.titile{position:absolute; font-family:"RobotoCondensed Regular" ;bottom:0px ;left:auto ;width:93%; color:#FFF; font-size:18px; padding:10px; background-image: linear-gradient(to right, black , transparent); text-align:left; border-bottom-left-radius:10px; border-bottom-right-radius:-10px}
<!--dang ky nhan tin-->
/* Add new */
span.dk_nhantin_title
{
	color: #0283cd;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: bold;
	font-family:"Muli SemiBold";
}
span.dk_nhantin_text
{
	color: #727272;
	font-size: 14px;
	font-family:"Muli SemiBold";	
}

	.dk_nhantin {font-family: 'RCR Regular';
    position: relative;
    background-color: #226fe9;
    background-position: bottom;
    width: 100%;
    float: left;
    font-size: 16px;
    margin: 31px 0px;
}
.img_dk{/*<!--position:absolute; top:-20%-->*/}
.btn_nhantin {
    font-weight: bold;
    /* border-radius: 20px; */
    width: 25%;
    height: 50px;
    color: white;
    background-color: #1ecca9;
    font-size: 16px;
    border: none;
    /* font-family: 'ESCR'; */
    border-radius: 30px;
}
.input-dangky {
    text-align: -webkit-right;
    background-color: #fff;
    width: 100%;
    /* padding-left: 10%; */
    margin-top: 9%;
    border-radius: 30px;
}
input {
    text-align: -webkit-left;
    color: #cbd2de;
    width: 69%;
    /* height: 50px; */
    font-size: 16px;
    background-color: #ffffff;
    border: none;
    border-radius: 5px;
    padding-left: 10px;
}
.ten_sanpham {
	padding: 4px;
    /* margin-top: -10%; */
    max-height: 40px;
    font-size: 17px;
    font-family: "Muli SemiBold";
    color: #111111;
    /* background-color: #333; */
    overflow: hidden;
}
span.khuyenmai{color: #727272; font-size:12px;}
span.no_khuyenmai{display: none;}
span.gia_km{color:#727272;font-size:14px;text-decoration: line-through; font-family: 'ESCM'}/* gia khuyen mai*/
span.gia{color:#e70e0e;font-size:14px;}/* gia chua khuyen mai*/
span.gia_bt {
    margin-left: 10%;
    color: #F00;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10%;
}
.tc_tinnoibat{width:100%;}
#formemail{
	
	width: 100%;
	
}
.pull-right li i {
    color: #fff;
    padding: 12px 15px;
    background-color: #1273b8;
    float: left;
    margin-right: 0px;
}
 

.pull-right li {
    font-family: 'Encode-R';
    position: relative;
    margin: auto 10px;
    /* font-weight: bold; */
}
.icon-gh {
    left: 25px;
    height: 20px;
    width: 20px;
    position: absolute;
    display: inline-block;
    border-radius: 50%;
    background: #0d77bd;
    color: #fff;
    /* right: 81px; */
    top: -3px;
}
 .box_chat{
        position:fixed;
        right: 10%;
        bottom:0%; background: #fff;
        z-index: 9999;
       border-radius: 10px 10px 0 0;
    }
	
   .box_chat .title-fb {
    background: #F00;
    position: relativel;
    border-radius: 10px 10px 0 0;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    padding: 6px 10px;
    cursor: pointer;
    line-height: 25px;
    width: 100%;
}
     .fb-chat{
        display:none;
        z-index:9999;
    }

	#map iframe{ width: 100%; height: 350px; } 
	iframe{ width: 100%; height:100%}
	<!--slider-->
.icon_nb{
    float: right;
    width: 80%;
    margin-top: 14px;
}
.icon_nb2 {
    float: right;
    width: 58%;
    margin-top: 21px;
    height: 9px;
}
.p_img{color:#fff; padding-right:10px; font-size:18px; width:80%}
.img_li{color:#f00; font-weight:bold; font-size:16px}
.img_li2{font-weight:bold; font-size:15px}
 .content-footer ul {
  
    display: inline-flex;
   margin-left: -38px;
}
  .content-footer ul li {
    padding: 0px 14px;
    list-style: none;
}
 .content-footer ul a { color:#FFF; font-size:16px
}
.content-footer {position:relative}
.pr-img{ padding:10px 0px}
.img_1 {
    margin-right: -6%;
    /* width: 107%; */
    /* margin-left: -3%; */
}
.ul-nb {
    font-weight: bold;
    margin-left: -22%;
    margin-top: -3%;
}

.slider-nav{ margin-left:-1px}
.icon_nb{
    margin-bottom: 5px;
    width: 81%;
}
.p-nb{margin-top: -6%;}
.title-nb {
    width: 97%;
    padding: 10px 0px;
}
.contain_slider {
    padding: 1px 0px;
}
.img{width:100%}