@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;}
ul{padding: 0px;margin: 0px;}
.h1, .h2, .h3, h1, h2, h3{ margin: 0px;font-size: inherit;}
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: 80px;height: 80px;overflow: hidden;cursor: pointer;float: left;position: fixed;bottom: 5px;left: 5px;z-index: 999;display: none;}
.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:1270px;margin:0 auto;position:relative;}
.clear{display:block;clear:both;}
.img img{width: 100%;}


/*tin tức slick*/
#tintucmain{padding: 40px 0px 15px;}
.slick_tintuc{margin: 0px -20px;}
.ar_tt{border: 1px solid #e5e5e5;max-width: 365px;margin: 0px auto;border-radius: 3px;}
.img_tt{overflow: hidden;}
.img_tt img{transition: all 0.5s;border-radius: 3px 3px 0px 0px;}
.img_tt:hover img{transition: all 0.5s;transform: scale(1.1);}
.info_tt{padding: 20px 15px;background: #fff;border-radius: 0px 0px 10px 10px;}
.name_tt{font-size: 18px;color: #060606;font-family: 'RCB';overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-transform: uppercase;margin-bottom: 5px;}
.name_tt a{color: #060606;}
.des_tt{font-family: 'arial';font-size: 14px;color: #5f5f5f;text-align: justify;line-height: 25px;}
/*tin tức col-6*/
.ar_tintucnoibat{margin: 0px -15px;}
.name_tintuc{font-family: 'RCR';font-size: 16px;color: #282828;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 5px;}
.name_tintuc a{color: #ffa31a;}
.des_tintuc{font-size: 12.5px;color: #282828;font-family: 'arial';text-align: justify;}
.img_tintuc img{width: 100%;}
.img_tintuc{margin-bottom: 17px;overflow: hidden;position: relative;}
.img_tt_right{float: left;margin-right: 10px;overflow: hidden;position: relative;}
.main_tt{padding: 15px 0px;border-bottom: 1px dotted #8c8c8c;}
.tintuc_right{margin-top: -15px;}

/*Dịch vụ nổi bật*/
#dichvumain{background: #ccc;padding: 70px 0px;}
.slick_dv{margin: 0px -15px;}
.ar_dv{max-width: 260px;margin: 0px auto;}
.ar_dv.in{margin-bottom: 30px;}
.ar_dv.in .name_des_dv{background: #eae9e9;}
.img_dv{overflow: hidden;}
.img_dv img{transition: all 0.5s;}
.img_dv:hover img{transition: all 0.5s;transform: scale(1.1);}
.name_des_dv{padding: 20px 12px;background: #fff;}
.name_dv{font-family: 'RCB';font-size: 14px;color: #ffa31a;text-transform: uppercase;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;}
.name_dv a{color: #ffa31a;}
.description_dv{font-family: 'arial';font-size: 13px;color: #020202;text-align: justify;}

/*Tại sao chọn chúng tôi*/
#taisaochonchungtoi{padding: 50px 0px;}
.slogan_tscct{font-family: 'arial';font-style: italic;font-weight: bold;color: #020202;font-size: 16px;margin-bottom: 30px;}
.ar_taisao{margin-bottom: 32px;}
.ar_taisao:hover img{transition: all 0.5s;transform: rotateY(180deg);}
.img_taisao{float: left;margin-right: 25px;}
.img_taisao img{transition: all 0.5s;}
.name_taisao{font-family: 'RCR';font-size: 18px;text-transform: uppercase;color: #020202;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.name_taisao a{color: #020202;}
.name_taisao:hover a{color: #ffa31a;}
.des_taisao{font-family: 'arial';font-size: 14px;color: #020202;text-align: justify;height: 40px;overflow: hidden;}
.right_tscct{text-align: right;}

/*TÌM KIẾM NÂNG CAO*/
#timkiemnangcao{background: #e1e1e1;padding: 10px 35px;margin: 30px 0px;}
#timkiemnangcao input,#timkiemnangcao select{padding-left: 15px;font-family: 'Tahoma';font-size: 14px;color: #010101;   background: #fff;border: none;height: 30px;width: 350px;}
#timkiemnangcao input.keyword_search{margin-right: 35px;}
.title_timkiem{font-family: 'RCB';font-size: 16px;color: #9f9e9b;float: left;margin-right: 80px;margin-top: 5px;}
#timkiemnangcao input.submit_search{background: #ff0000;width: 100px;height: 30px;font-family: 'Tahoma';font-weight: bold;text-transform: uppercase;color: #fff;    float: right;transition: all 0.3s;}
#timkiemnangcao input.submit_search:hover{background: #fff;color: #ff0000;    transition: all 0.3s;}
.box.visited p{margin-bottom:5px;font-weight:bold;}
.box.visited span{display:inline-block;width:150px;font-weight:normal;padding-left:25px;}
.box.visited span.v1{background:url(../images/v1.png) no-repeat left center;}
.box.visited span.v2{background:url(../images/v2.png) no-repeat left center;}
.box.visited span.v3{background:url(../images/v3.png) no-repeat left center;}
/*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);}*/

/* 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{float:left;width:33.33%;padding:0px 10px;}
.item-video {float:left;width:100%;margin-bottom:20px;}

/*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:#ffa31a;border:1px solid #fff;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 .title-relative{margin:0px;margin-top:15px;margin-bottom:15px;font-weight:700;text-transform:uppercase;font-size:13px;}
.title-relative span{padding: 0px 5px;}
.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: #ffa31a !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: #ffa31a;color: #fff;}

/*Footer*/
.col_hethong{padding-left: 50px;}
.logo_ft{margin-bottom: 15px;}
.des_about{font-family: 'arial';font-size: 14px;color: #fff;text-align: justify;line-height: 25px;}
.footer {
    position:relative;
    background: url(../../images/footer.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    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: 16px;color: #fff;text-transform: uppercase;margin-bottom: 15px;}
.thongke_footer{padding-left: 35px;}
#copyright{margin-bottom: -5px;background: #0a1623;display: inline-block;width: 100%;font-family: 'arial';font-size: 12px;color: #fff;padding: 12px 0px;}
#copyright a{color: #fff;}
#copyright span{padding: 0px 15px;}
.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;margin-bottom: 11px; font-weight: 700;
}
.thong-tin li a{
    color: #fff;
}
.thong-tin li:hover a{color: #ff0;}
.facebook-footer{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;}
.map_description{color: #000 !important;}

/*đối tác*/
#doitac{padding: 30px 0px;}
.item_doitac{text-align: center;margin: 0px 5px;}
.item_doitac img{border: 1px solid #eee;}

/*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;}
#left{width: 285px;float: left;}
#right{width: 960px;float: right;}
.bao-left{ margin-bottom: 20px;}
.title-left{background: #ffa31a;line-height: 39px;color: #fff;text-align: center;font-family: 'RCB';font-size: 18px;text-transform: uppercase;position: relative;}
.title-left a{color:#fff;text-align:center}
.ar_left{padding: 10px; line-height: 28px;border: 1px solid rgba(0,0,0,0.3);border-top: 0px;}
.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 #ccc;}
.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: #ffa31a;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;cursor: pointer;}
.name_video h3{font-family: 'RCR';font-size: 15px;text-align: center;margin-top: 10px;text-transform: uppercase;}
.col_video{margin-bottom: 30px;}
/*Left Thống kê truy cập*/
.thongketruycap{max-width: 250px;padding-left: 35px;}
.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: #ff0;}
.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 span1{font-weight: bold;font-size: 20px;color: #ffa31a;margin-left: 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: #ffa31a;padding: 0px 10px;margin: 10px 0px;border-radius: 5px;color: #fff;display: inline-block;font-size: 16px;}
.sp_detail button.addcart{border: 1px solid #ffa31a;background: #fff;padding: 6px 14px;border-radius: 2px;transition: all 0.3s;}
.sp_detail button.addcart:hover{border: 1px solid #fff;background: #ffa31a;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: #ffa31a;    font-size: 20px;}
.sub_img_detail{margin: 0px -9px;}
#product_detail{margin: 15px 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 #ffa31a;}
.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: #ffa31a;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: #ffa31a;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: #ffa31a;color: #fff;margin-bottom: 20px;margin-left: 15px;border-radius: 3px;}
.button_muahang a{color: #fff;display: block;}
.button_muahang:hover{border: 1px solid #ffa31a;background: #fff;transform: all 0.3s;}
.button_muahang:hover a{color: #ffa31a;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: 240px !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: #aaa;background: none;border: none;}

/*Menu*/
#menu_mobile{display: none;position: relative;}
.header{background: #ffa31a;}
#menu_desktop{background: #ffa31a;z-index: 999;position: relative;}
#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: 'RCR';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 20px;line-height: 40px;display: block;}
#menu_desktop ul li ul{position: absolute;top: 100%;left: 0px;width: 220px;background: #ffa31a;z-index: 999;display: none;}
#menu_desktop ul li ul li{text-transform: none;border-bottom: 1px solid rgba(255,255,255,0.2);font-family: 'arial';font-size: 14px;}
#menu_desktop ul li ul li a{padding: 8px 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*/
#header{position: relative;}
#header img{width: 100%;}
.infomation_header{background: #f8f8f8;height: 34px;line-height: 34px;font-family: 'arial';font-size: 14.5px;color: #676666;}
.email_header{float: right;}
.hotline_header{float: right;margin-right: 33px;}
.top_header { position: relative;text-align: center;background-size: 100% 100%;  }
.top_header img{width: 100%;}
.language{position: absolute; top: 22px; right: 10%; z-index: 999;}
.language img{width: 30px;height: 20px;}
.language_mobile{display: none;}
/*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;width: 74%;}
/*end rigister*/
.ar_dmsp li{position: relative;list-style: none;font-family: 'RCR';font-size: 15px;padding: 9px 10px;border-bottom: 1px solid #e5e5e5;}
.ar_dmsp li a{color: #282828;display: block;}
.ar_dmsp li i{margin-right: 10px;}
.ar_dmsp li i.fa-angle-right{position: absolute;top: 12px;right: 5px;}
.ar_dmsp li:hover{background: #f5f5f5;}
.ar_dmsp li:hover ul{display: block;}
.ar_dmsp li ul{display: none;position: absolute;top: 0px;left: 100%;width: 285px;background: #fff;z-index: 9999;border: 1px solid #cf8415;border-bottom: 0px;}
.title_l{font-family: 'RCB';font-size: 18px;text-transform: uppercase;color: #fff;background: #ffa31a;text-align: center;padding: 8px 0px;}
.ar_dmsp{border: 1px solid #cf8415;}
.ar_support{padding: 0px 10px;font-family: 'RCR';font-size: 15px;color: #282828;}
.line_sp i{margin-right: 8px;}
.line_sp span{color: #f00;font-family: 'RCB';}
.line_sp img{margin-left: 5px;width: 20px;}
.line_sp{margin-bottom: 10px;}
.ar_l{margin-bottom: 20px;}
.title-main h1 a,.title-main h2 a{color: #ffa31a;}
.title-main h1,.title-main h2,.title-reproduct{font-family: 'RCB';font-size: 24px;color: #ffa31a;text-transform: uppercase;border-bottom: 1px solid #ffa31a;padding-bottom: 10px;margin-bottom: 20px;padding-top: 5px;}
.name_sp h3{margin-bottom: 10px;line-height: 23px;font-family: 'RCB';font-size: 16px;height: 46px;overflow: hidden;}
.ar_sp{border: 1px solid #e6e6e6;margin-bottom: 27px;box-shadow: 0px 10px 10px -10px #848484;text-align: center;}
.ar_sp.sl{margin: 0px 5px;margin-bottom: 10px;}
.slick-sanpham,.slick-sanpham1{margin: 0px -5px;}
#list_sanpham{padding: 30px 0px 0px;}

.col_sp{padding: 0px 5px;}
.price_sp{font-family: 'RCB';font-size: 16px;color: #f00;margin-bottom: 10px;}
.view_sp{border: 1px solid transparent;background: #ffa31a;border-bottom: 3px solid #cf8415;border-radius: 3px;width: 100px;margin: 0px auto;color: #fff;padding: 6px 0px;}
.view_sp a{color: #fff;}
.img_sp{overflow: hidden;}
.img_sp img{transition: all 0.5s;}
.info_sp{padding: 15px;}
.ar_sp:hover img{transition: all 0.5s;transform: scale(1.1);}
.ar_sp:hover .view_sp{background: #fff;border: 1px solid #ffa31a;transition: all 0.5s;border-bottom: 3px solid #cf8415;}
.ar_sp:hover .view_sp a{color: #ffa31a;}
#highlight_product{padding: 15px 0px 15px;}
#dkntin{background: url(../../images/nhantin.png); padding: 35px 0px;text-align: center;}
.title_dknt{font-family: 'RCB';font-size: 44px;line-height: 44px;color: #fff;text-transform: uppercase;color: #fff;margin-bottom: 25px;}
input#email_register{width: 400px;height: 40px;background: #fff;border: none;padding-left: 15px;font-family: 'arial';font-size: 14px;color: #5f5f5f;float: left;}
.btn_nhantin{width: 105px;height: 40px;line-height: 40px;color: #fff;background: #ffa31a;border: none;float: left;}
#dk_tk{display: flex;justify-content: center;}
.ar_hinhanh{border: 1px solid #e5e5e5;margin-bottom: 20px;padding: 10px;box-shadow: 0px 10px 10px -10px #858585;}
.col_hinhanh{padding: 0px 10px;}
.ar_hinhanh h3.name{padding: 15px 0px;font-family: 'RCR';font-size: 15px;text-align: center;}
.img_hinhanh{overflow: hidden;}
.img_hinhanh img{transition: all 0.5s;}
.img_hinhanh:hover img{transition: all 0.5s;transform: scale(1.1);}
.img_spmoi{float: left;margin-right: 10px;}
.name_spmoi h3{font-family: 'RCR';font-size: 15px;color: #000;line-height: 20px;margin-bottom: 5px;height: 40px;overflow: hidden;}
.price_spmoi{color: #f00;font-weight: bold;font-size: 13px;}
.ar_spmoi{padding: 10px 0px;border-bottom: 1px solid #eee;}
.ar_spmoi:hover{background: #f5f5f5;transition: all 0.3s;}
.slick_spmoi{padding: 0px 10px;}
#list_top{margin-bottom: 20px;}

.dmsp{display: none;}
.menu_pos{position: fixed !important;top: 0px;left: 0px;width: 100%;z-index: 999;}

.social i{margin-right: 9px;color: #fff;width: 35px;height: 35px;line-height: 35px;border: 1px solid #fff;border-radius: 50%;text-align: center;font-size: 14px;}
.social i:hover{background: #ffa31a;color: #fff;}
.social{text-align: left;padding-top: 10px;}
#hotline{background: url(../../images/hotline.png) no-repeat;width: 244px;height: 90px;color: #fff;padding: 17px 10px 14px;position: fixed;bottom: 0px;right: 0px;z-index: 9999;}
#hotline a{color: #fff;}
.phone img{margin-right: 5px;margin-top: -5px;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;}
.phone a{    
    font-family: 'RCB';font-size: 30px;
    -webkit-animation: my 700ms infinite;
    -moz-animation: my 700ms infinite;
    -o-animation: my 700ms infinite;
    animation: my 700ms infinite;
}

@-webkit-keyframes my {
     0% { color: #F8CD0A; } 
     50% { color: #fff;  } 
     100% { color: #F8CD0A;  } 
 }
 @-moz-keyframes my { 
     0% { color: #F8CD0A;  } 
     50% { color: #fff;  }
     100% { color: #F8CD0A;  } 
 }
 @-o-keyframes my { 
     0% { color: #F8CD0A; } 
     50% { color: #fff; } 
     100% { color: #F8CD0A;  } 
 }
 @keyframes my { 
     0% { color: #F8CD0A;  } 
     50% { color: #fff;  }
     100% { color: #F8CD0A;  } 
} 
.col_footer:first-child{padding-left: 0px;}