@charset "utf-8";
/* CSS Document */
@import url("css/fonts.css");
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;outline: none;margin: 0;}
body{font-family: 'Open Sans', sans-serif;line-height:1.5;margin: 0;padding: 0;}
img{max-width: 100%;height: auto;vertical-align: middle;}
iframe{max-width: 100%; }
.grecaptcha-badge{display: none !important;}
a{text-decoration: none;outline: none;} a:hover,a:focus{color: unset;outline: none;}
ul{visibility: visible;}
.slick-slider .slick-slide > div{display: flex;}
.clearfix {float: none;clear: both;}
.clearfix:before{content: ""; display: table;}
.clearfix:after{content: ""; clear: both;}
.table-responsive {width: 100%;overflow-x: auto;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;}
#main{width:100%;position: relative;}
#info{width:100%;position:  relative;padding: 15px 0;border-top: 1px solid #ddd;}
#info .noidung_detail{display: block;width: 100%;}
#info .noidung_detail .ngaydang{font-size: 14px; font-weight: 400; font-style: italic;}
#info .noidung_detail .noidung *{max-width: 100%;height: auto;}
#info .noidung_detail .noidung{margin: 10px 0;}
.addthis_inline_share_toolbox{width: 100%;display: inline-flex;}
.margin_auto{width: 1200px;margin: 0 auto;}
#container{position: relative;transition: 0.5s all;background: #ffffff;margin: 0 auto;width: 100%;min-width: 1366px;}
.bando iframe{width: 100%;display: block;}
#popup{width: 50%;display: none;}
#popup h4{padding: 20px 0px;font-weight: 700;font-size: 30px;color: #da0000;margin: 0;text-align: center;text-transform: uppercase;}
#popup input , #popup textarea{    padding: 10px;width: 100%;border: 1px solid #dddddd;font-weight: 400;border-radius: unset;font-family: Open Sans,sans-serif;}
#popup p{padding: 5px 0px 5px 0px;margin: 0;width: 100%;display: inline-block;}
#popup button{border: 0px;background: #333;padding: 10px 20px;display: table;color: #fff;margin: 0px auto;cursor: pointer;font-family: 'Roboto', sans-serif;text-transform: uppercase;font-weight: 500;}
.loading{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;}
.updating{width: 100%;text-align:center;color: #000000;font-weight: 400;font-size: 14px;text-transform:uppercase;padding: 10px 0;}
.khung_flex{display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;}
.khung_flex.flex_center{align-items: center;}
.khung_flex.flex_end{align-items: flex-end;}
/*Face right*/
.face_right{position: fixed;width: 350px;transition: 0.5s;display:  flex;justify-content: space-between;z-index: 10;bottom: 130px;left: 15px;}
.face_right.active{right: 0px;z-index: 999999999;}
.face_right .img_face{width: 50px;padding: 0;}
.face_right .rowf_right{width: 290px;}
.fanpage_right{position: fixed;bottom: 300px;right: -303px;width: 355px;transition: 0.5s;display:  flex;flex-wrap:  wrap;z-index: 100;}
.fanpage_right.active{ right: 0px; }
.fanpage_right .img_fanpage{width: 55px;padding: 0;}
.fanpage_right .rowf_right{width: 300px;}
/* MXH */
.mangxh h4{  margin-top: 8px; font-size: 16px; color: #fff; }
.mangxh a{  padding: 2px 5px 0px 5px; }
/* Header */
#header{position: relative;width: 100%;}
.ht_fixed{opacity: 1 !important;visibility: visible !important;transition: 0.5s all;right: 0px !important;}
#header .hotline_fixed span{display: block;background: #fff;float: left;height: 40px;padding: 5px 20px;padding-right: 10px;border-radius: 40px 0px 0px 40px;line-height: normal;}
#header .hotline_fixed img{
    width: 20px;
    padding-top: 4px;
    -webkit-animation: wrench 2.5s ease infinite;
    animation: wrench 2.5s ease infinite;
    transform-origin-x: 90%;
    transform-origin-y: 35%;
    transform-origin-z: initial;}
    @keyframes wrench{
        0% {
            -webkit-transform: rotate(-12deg);
            -ms-transform: rotate(-12deg);
            transform: rotate(-12deg);
        }
        8% {
            -webkit-transform: rotate(12deg);
            -ms-transform: rotate(12deg);
            transform: rotate(12deg);
        }
        10%, 28%, 30%, 48%, 50%, 68% {
            -webkit-transform: rotate(24deg);
            -ms-transform: rotate(24deg);
            transform: rotate(24deg);
        }
        18%, 20%, 38%, 40%, 58%, 60% {
            -webkit-transform: rotate(-24deg);
            -ms-transform: rotate(-24deg);
            transform: rotate(-24deg);
        }
        100%, 75% {
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
        }
    }
    #header .hotline_fixed strong{font-size: 15px;color: #ffffff;font-weight: 700;font-family: 'Roboto', sans-serif;padding: 10px 15px;}
    #header .hotline_fixed{height: 40px;line-height: 40px;background: #000000;border-radius: 40px;opacity: 0;top: 10%;right: -200px;left: auto;bottom: auto;z-index: 9999;transition: all 0.4s;display: inline-block;width: auto !important;position: fixed;}
    .head_t{font-family: UTMAvo; font-size: 14px; color: #ffffff; background: #000000; padding: 10px 0;}
    .head_t p{display: inline-block;}
    #header .header .khung_flex{}
    #header .header .hotline {position: relative;text-align: right;width: 25%;}
    #header .header .email p{color: #fff;font-size:14px;font-family: 'Roboto', sans-serif;font-weight: 400;}
    #header .header .banner{width: 53%;text-align:center;}
    #header .header .email{position:absolute;right: 40%;padding: 0 0 0px 30px;top: -20px;z-index: 1;background: url(images/dungcu/mail.png) no-repeat left center;}
    #header .header{position: relative;background: #fff;background-size: 100%;padding: 10px 0px;}
    #header .diachi p{  font-family: 'Roboto', sans-serif;color: #ffffff;font-size: 13px;margin-left: 20px;}
    #header .header .hotline label{display: block;font-size: 18px;color: #494949;font-weight: 400;font-family: 'Montserrat', sans-serif;}
    #header .header .hotline span{font-size: 15px;color: #ff0000;font-weight: 700;}
    #header .header .hotline p{font-size: 13px;z-index: 1;font-weight: 500;font-family: 'Roboto', sans-serif;position: relative;color: #333;}
    #header .header .hotline:after{position: absolute;content: "";background: url(images/muxop/phone.png) no-repeat left center;width: 238px;height: 59px;bottom: -10px;right: -25px;}
    #logo{position: relative;width: 20%;}
    .banner h2{color: #333;font-size: 40px;text-transform: uppercase;font-weight: 500;font-family: 'Roboto', sans-serif;text-shadow: -2px 2px 4px #767676;}
    .banner p{text-align: center;font-size: 17px;font-family: 'Roboto', sans-serif;font-weight: 500;}
    .banner strong{color: #d6212a;font-size: 45px;text-shadow: none;}
    #logo img,#banner img{display: block;}
    /* Main menu */
    #mainmenu{position: relative;width: 100%;z-index: 1;background: #0c9ae9;border-top: 3px solid #0385C9;border-bottom: 3px solid #0385C9;}
    #mainmenu.fixed{position: fixed;top: 0;left: 0;width: 100%;z-index: 2;}
    #mainmenu.fixed nav.menu_top > ul > li > a img{display: inline-block; margin: 0 10px 0 0;}
    /* Title */
    .title{width: 100%;position: relative;margin: 0 0 30px 0;text-align: center;}
    .title p{font-size: 15px;color: #141414;font-weight: 400;text-transform: uppercase;}
    .title h4,.title h2{font-size: 29px;color: #141414;position: relative;font-weight: 700;text-transform: uppercase;display: inline-block;}
    .title.white h2, .title.white h4,.title.white p{color: #ffffff;}
    .title.white h2, .title.white h4{background: url(images/title_w.png) no-repeat bottom center;}
    .tab_sp{position: relative;text-align: center;width: 100%;display: flex;padding: 30px 0px;flex-wrap: wrap;justify-content: center;align-items: center;}
    .tab_sp li{cursor: pointer;list-style:none;color: #fff;font-family: 'Montserrat', sans-serif;font-size: 18px;font-weight: 700;position: relative;display: inline-block;line-height: 13px;margin: 0px 10px;background: #0c9ae9;padding: 15px 20px;transform: skewX(24deg);border-radius: 5px;}
    .tab_sp li p{transform: skewX(-24deg);}

    .icon_sp .item h2 a{position: relative;list-style: none;font-size: 15px;padding: 10px 0px;cursor: pointer;text-align: center;font-weight: 400;color: #000;line-height: 1;font-family: 'Montserrat', sans-serif;}
    .icon_sp .item h2 a:hover{color:#57a028;}
    .img_sp{-webkit-filter: grayscale(100%);ilter: grayscale(100%);display: table;margin: 0px auto;}
    .img_sp:hover img{color: #fff;transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);transition: all 1s;}
    .img_sp:hover{ -webkit-filter: grayscale(0%);ilter: grayscale(0%);}
    .tab_sp.white li{background: #ffffff;}
    .tab_sp li.active, .tab_sp li:hover{color: #fff;background: #d6212a;}
    /* Slider */
    #slider{width: 100%;position: relative;display: none;overflow: hidden;margin-top: -3px;}
    /*Hỗ trợ */
    .hotro{width: 100%;display: inline-block;border: 1px solid #dddddd;padding: 37px 0 0 0;margin: -37px 0 0 0;}
    .hotro .phone img{display: inline-block;}
    .hotro .phone span{font-family: UTMAvoBold;color: #fe0000;font-size: 22px;font-weight: 100;text-transform: uppercase;background: url('images/hotline_ht.png') no-repeat top center;position: relative;display: block;padding: 10px 0 10px 60px;margin: 10px 0;}
    .hotro .khung{width: 100%;display: inline-block;padding: 0 10px;}
    .yahoo{width:100%;border-bottom: 1px dashed #cccccc;display: block;padding: 5px 0;line-height: 30px;}
    .yahoo:last-child{border: none;}
    .yahoo .hinh{display: flex; flex-wrap: wrap; align-items: center;}
    .yahoo .hinh span{font-size: 15px;color: #3853a4;}
    .yahoo .thongtin span:nth-child(1){background: url('images/email.png') no-repeat left center;padding: 0 0 0 25px;font-size: 13px;color: #4a4a4a;font-weight: 400;}
    .yahoo .thongtin span:nth-child(2){background: url('images/phone.png') no-repeat left center;padding: 0 0 0 25px;font-size: 13px;color: #707070;font-weight: 400;}
    /*-----CART-------*/
    .cart{color: #ffffff;background: #e1e1e1 url(images/cart.png) no-repeat center;width: 50px;height: 50px;border-radius: 50%;position: relative;}
    .cart span{color: #ffffff;position: absolute;right: 11px;top: 5px;font-size: 13px;font-weight: 400;}
    .cart_fix{position: fixed;bottom: 230px;right: 15px;background: #e10000 url(images/cart.png) no-repeat center;width: 50px;height: 50px;border-radius: 50%;text-align: center;line-height: 50px;}
    .cart_fix span{position: absolute; width: 20px; height: 20px; border-radius: 50%; text-align: center; font-size: 13px; color: #ffffff; background: #000000; line-height: 20px; top: 0; right: 0;}
    /* Product detail */
    .product_ct{display: flex;flex-wrap: wrap; flex-wrap: wrap;}
    .khung_product_detail{width: 100%;display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;}
    .khung_product_detail .daxem{width: 250px;}
    .khung_product_detail .daxem h4{font-family: SFUFuturaBook;font-size: 14px;color: #ffffff;text-transform: uppercase;text-align: center;background: #000000;padding: 10px 0;font-weight: 100;}
    .khung_product_detail .daxem .bao_sp{display: none;}
    .khung_product_detail .daxem .sp{display: inline-flex;align-items: center;justify-content: space-between;width: 100%;}
    .khung_product_detail .daxem .sp > a{width: 80px;}
    .khung_product_detail .daxem .sp .noidung{width: calc(100% - 90px);font-family: RobotoRegular;font-size: 13px;color: #333333;}
    .khung_product_detail .daxem .sp .noidung .giaban{color: #ff0000;}
    .khung_product_detail .daxem .sp .noidung .giacu{text-decoration: line-through;}
    .khung_product_detail .daxem .sp h3 a{font-family: RobotoRegular;font-size: 13px;color: #333333;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;max-height: 50px;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 500;}
    .slick_daxem{border: 1px solid #dddddd;padding: 5px;border-top: 0;}
    .slick_daxem .slick-slide{margin: 5px 0;}

    .frame_images{padding: 0;width: 600px;display: flex;justify-content: space-between;flex-wrap: wrap;}
    .MagicZoom{width: 100%;text-align: center;background: #ffffff;}
    .app-figure{width: 100%;}
    .selectors{width: 100%;margin: 5px 0 0 0;}
    .list_carousel {width: 100%;position:relative;}
    .list_carousel ul {margin: 0;padding: 0;list-style: none;display: block;}
    .list_carousel #foo3{margin: 0 -5px;}
    .list_carousel .slick-slide{margin: 0 5px;}
    .foo3_l{position: absolute;top: 50%;left: -3%;transform: translateY(-50%);z-index: 99;}
    .foo3_r{position: absolute;top: 50%;right: -3%;transform: translateY(-50%);z-index: 99;}
    .list_carousel li {display: none;}
    .list_carousel li img{display: block;}
    .list_carousel li a{ text-decoration:none;}
    .list_carousel li a h3{ color:#835410; text-align:center; font-weight:500; margin-top:10px; font-size:16px; margin-bottom:10px; text-transform:uppercase;}
    .list_carousel.responsive {width: auto; margin-left: 0;}
    .pager {width: 320px;text-align: center;}
    .pager a {margin: 0 5px;text-decoration: none;}
    .pager a.selected {text-decoration: underline;}
    .timer {background-color: #999;height: 6px;width: 0px;}
    .prev13{ width: 12px; height: 19px; position: absolute; z-index: 10; background: url(images/left_ow.png) no-repeat; top: 50%; left: 0; transform: translate(0,-50%); }
    .next13{ width: 12px; height: 19px; position: absolute; z-index: 10; background: url(images/right_ow.png) no-repeat; top: 50%; right:0;transform: translate(0,-50%); }
    .caroufredsel_wrapper{width: 100% !important;}
    /* Khung thong tin */
    #container_product{width: 100%;margin: 20px 0 0 0;}
    #container_product .noidung_tab{width: 100%; display: block; margin-bottom: 20px;}
    div#container_product #tabs {overflow: hidden;background: #f2f2f2;display: flex;border: 1px solid #ebebeb;border-bottom: 0;position: relative;list-style: none;margin: 0;padding: 0;}
    div#container_product #tabs li {text-transform: uppercase;}
    div#container_product #tabs li.active {background: #ffffff;border-bottom: none;position: relative;border-top: 2px solid #000000;top: 0px;}
    div#container_product #tabs li {padding: 8px 20px;background: #eeeeee;list-style: none;text-align: center;}
    div#container_product #tabs li a {color: #000000;font-size: 14px;text-decoration:none;cursor: pointer;font-weight: 700;}
    .khung_thongtin{width: calc(100% - 620px);}
    .khung_thongtin_ajax{width: 100%;}
    .khung_thongtin > a{background: #70eea0;color: #ffffff;padding: 5px 30px;display:inline-block;margin: 10px 0;font-family: RobotoRegular;text-transform: uppercase;cursor: pointer;}
    .khung_thongtin .addthis_inline_share_toolbox{width: 100%;}
    .khung_thongtin > div{font-weight: 400;font-size: 14px;color: #333333;padding: 10px 0;width: 100%;border-top: 1px dashed #cccccc;position: relative;}
    .khung_thongtin > div label{color: #000000;font-weight: 400;}
    .khung_thongtin > .size,.khung_thongtin > .color{display: inline-flex; align-items: center; flex-wrap: wrap;}
    .khung_thongtin > .size span{display: inline-block;border: 1px solid #f172ac;padding: 2px 8px;margin: 0 0 0 5px;cursor: pointer;color: #f172ac;border-radius: 2px;}
    .khung_thongtin > .size span:hover,.khung_thongtin > .size span.active{background: #f172ac;color: #ffffff;}
    .khung_thongtin > .color span{margin: 0 0 0 5px;position: relative;cursor: pointer;border: 1px solid #dddddd;padding: 2px;}
    .khung_thongtin > .color span img{vertical-align: middle; margin-right: 5px;}
    .khung_thongtin > .color span.active{border: 1px solid #f172ac;}
    .khung_thongtin > .color span.active:after{content:'';position: absolute;bottom: 0;right: 0;color: #fff;font-size: 13px;border-bottom: 14px solid #EB038D;border-left: 14px solid transparent;width: 0;}
    .khung_thongtin div p a{font-family: RobotoRegular; font-size: 14px; color: #006a48;}
    .khung_thongtin h1{font-size: 18px;color: #da0000;font-weight: 900;text-transform: uppercase;padding: 0 0 10px 0;}
    .khung_thongtin b{font-weight: 100;margin: 0 10px 0 0;font-family: RobotoRegular;font-weight: 500;}
    .khung_thongtin span.giacu{text-decoration: line-through;}
    .khung_thongtin span.giaban{color: #ff001c;font-size: 17px;font-weight: 700;}
    .khung_thongtin .dathang{background: #d00;color: #fff;padding: 5px 20px;border-radius: 20px;margin: 10px 0;display: inline-block;font-family: 'Roboto', sans-serif;font-weight: 500;font-size: 14px;cursor: pointer;text-transform: uppercase;}
    .khung_thongtin .dathang:hover{background: #047c24;}

    .plugin a{font-size: 14px; color: #333333; font-weight: 400; margin: 0 20px 0 0;}
    .plugin a:hover{color: #f03495;}

    .dky-phone form{display: flex;flex-wrap: wrap;margin-top: 10px;}
    .dky-phone input[type=tel]{padding: 5px 10px;font-family: Open Sans,sans-serif;font-size: 14px;color: #333333;font-weight: 400;width: 300px;max-width: 100%;}
    .dky-phone input[type=submit]{padding: 0 20px;background: #000000;color: #ffffff;border: none;margin: 0 0 0 10px;cursor: pointer;}
    .dky-phone input[type=submit]:hover{background: #f03495;}

    #social-air-sp{display: inline-flex;}
    #social-air-sp img{display: inline-block !important;}
    .zalo-share-button{position: relative;width: 30px !important;height: 30px !important;margin: 0 0 0 5px;}
    .zalo-share-button img{width: 30px !important;}
    /*  thông tin    */
    #thongtin{padding:10px 0px;background: #57a028;}
    #thongtin .thongtin{display:flex;flex-wrap:wrap;justify-content:space-evenly;color: #fff;font-family: 'Montserrat', sans-serif;font-size: 18px;text-transform: uppercase;font-weight: 400;position: relative;}
    #thongtin .thongtin p:after{position:absolute;content:"";background: url(images/bakery/phone.png) no-repeat;padding: 15px;left: 70px;}
    #thongtin .thongtin strong:after{position:absolute;content:"";background: url(images/bakery/diachi.png) no-repeat;padding: 15px;left: -30px;top: 0px;}
    #thongtin .thongtin .hotline span{ font-weight: 800;}
    #thongtin .thongtin strong{position:relative;}
    /*Dich vu*/
    #dichvu{
        padding: 40px 0px;
    }
    #dichvu .dichvu .khung_dv{padding: 30px 0px;}
    .title_dv{text-align:center;}
    .title_dv h2:after{position:absolute;content:"";background: url(images/muxop/bt.png) no-repeat center;width: 180px;height: 22px;bottom: -13px;right: -28px;}
    .title_dv h2{color: #078fd8;font-size: 33px;padding: 10px 0;position: relative;font-weight: 700;font-family: 'Roboto', sans-serif;text-transform: uppercase;display: inline-block;}
    #dichvu .dichvu .title_dv p{color:#fff;font-size: 14px;padding: 10px 0px;position: relative;font-weight: 400;font-family: 'Roboto', sans-serif;}
    #dichvu .dichvu .title_dv p:after{position:absolute;content:"";background:url(images/dungcu/ic_cp.png) no-repeat bottom;padding: 3px 29px;bottom: 0;left: 47%;}
    #dichvu .dichvu .khung_dv .slick-slide{margin: 0px 15px;}
    #dichvu .dichvu .khung_dv .item_dv{background: #fff;width: 375px !important;}
    #dichvu .dichvu .khung_dv .item_dv .noidung {color:#fff;text-align:center;}
    #dichvu .dichvu .khung_dv .item_dv p{font-family: 'Roboto', sans-serif;overflow: hidden;text-overflow: ellipsis;line-height: 24px;-webkit-line-clamp: 3;font-size: 15px;color: #000;max-height: 90px;padding: 0px 35px;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 400;text-align: center;}
    #dichvu .dichvu .khung_dv .item_dv h3 a{color: #333;font-family: 'Roboto', sans-serif;font-size: 15px;font-weight: 700;}
    #dichvu .dichvu .khung_dv .item_dv h3 {padding: 10px 0px;}
    #dichvu .dichvu .khung_dv .item_dv .img img{ border-radius: 50%;}
    /* buy product detail */
    .input-number{padding: 8px 8px;border: 1px solid #c9c9c9;width: 50px;margin: 0 0 0 7px;}
    .add_to_cart{width: 100%;margin: 0 0 10px 0;}
    .add_to_cart a{display: inline-block;font-family: 'Roboto', sans-serif;font-size: 13px;color: #ffffff;border-radius: 3px;cursor: pointer;font-weight: 500;}
    .add_to_cart a.buy{background: #326e52 url(images/icon_add_cart_white.svg) no-repeat 10px center;background-size: 30px;padding: 8px 10px 8px 40px;}
    .add_to_cart a.muangay{background: #ff6600 url(images/icon_buy_now.svg) no-repeat 10px center;background-size: 20px;padding: 8px 10px 8px 40px;}
    /*   kich thuoc   */
    #kichthuoc {}
    #kichthuoc .kichthuoc{display:flex;flex-wrap: wrap;justify-content: center;align-items: center;width: 65%;margin: 0px auto;}
    #kichthuoc .kichthuoc .noidung{text-align:center;font-family: 'Montserrat', sans-serif;color: #333;}
    #kichthuoc .kichthuoc .noidung h3{font-size:20px;color:#333;font-weight: 400;}
    #kichthuoc .kichthuoc .noidung p{font-size:20px;color:#333;font-weight: 400;}
    .title_sp {text-align:center;}
    .title_sp h2{
    color: #078fd8;
    font-size: 33px;
    padding: 10px 0;
    position: relative;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    display: inline-block;
}
    .title_sp h2:after{position:absolute;content:"";background: url(images/muxop/bt.png) no-repeat center;width: 180px;bottom: -13px;height: 22px;right: -7px;}
    /* Share gia soc */
    #giasoc{padding: 10px;border-radius: 5px;background: #eaaf2d;overflow: unset;display: none;text-align: center;}
    #giasoc .buy_giasoc{background: #ffffff url('images/hot.gif') no-repeat 10px center;padding: 10px 10px 10px 80px;color: #000000;font-family: 'Roboto', sans-serif;font-weight: 400;border-radius: 5px;cursor: pointer;margin: 0 0 10px 0;cursor: pointer;}
    #giasoc .buy_giathuong{background: #000000;color: #ffffff;display: table;margin: 0 auto;padding: 8px 30px;font-family: 'Roboto', sans-serif;cursor: pointer;font-weight: 500;}
    #giasoc .buy_giathuong:hover{background: #ff0000;color: #ffffff;}
    #giasoc .fancybox-close-small{background: #ffffff;border-radius: 50%;width: 30px;height: 30px;right: 0;top: -15px;right: -15px;}
    #giasoc .fancybox-close-small:after{width: 20px;height: 20px;top: 1px;}
    /* Video */
    .video_bot{width: 50%;}
    .video .khung{display:flex;padding-top: 20px;justify-content:space-around;}
    #video{padding: 30px 0;}
    .slick_video {display: none;margin: -7px -6px;width: 34%;}
    .slick_video .slick-slide{transform: scale(0.7);margin: -13px -19px;}
    .slick_video .slick-slide .video h3 a{font-size: 14px; color: #5f5f5f;}
    .slick_video .slick-slide.slick-center {transform: scale(1);}
    .bottom .video_bot .khung .iframe h3{background: #ddd;color: #333;padding: 10px;text-transform: uppercase;font-size: 15px;font-family: 'Montserrat', sans-serif;font-weight: 500;}
    .bottom .video_bot .khung .iframe img{height: 363px;}
    .box_hinhanh{width: calc(100% - 620px);}
    .slick_video .slick-slide img{height: 126px;}
    .video{text-align: center;width: 46%;}
    .video > a{display: block; position: relative;}
    .video > a:after{position: absolute;content: '';width: 159px;height: 159px;background: url(images/play.png) no-repeat center;left: 50%;top: 50%;transform: translate(-50%,-50%);}
    .video img{width: 100%;height: 375px;}
    .video h3{margin-top: 10px;}
    .slick_video .slick-slide.slick-center .video h3 a{font-size: 20px; color: #111111; font-weight: 700;}
    /* Search */
    #timkiem{position: relative;}
    #timkiem:after{content:"";position:absolute;border-right: 2px solid #999;height: 20px;left: 33px;top: 6px;z-index: 1;}
    .frm_timkiem{position: relative;width: 100%;z-index: 1;}
    .frm_timkiem input{position: relative;font-family: 'Roboto', sans-serif;font-size: 12px;color: #333333;border: 3px solid #0385c9;padding: 7px 44px 7px 34px;outline: none;width: 200px;font-weight: 400;}
    .frm_timkiem button:last-child{color:#fff;background: #0c9ae9;left: unset;right: 6px;padding: 4px 10px 4px 10px;bottom: 5px;text-transform: uppercase;text-align: center;}
    .frm_timkiem button{position: absolute;cursor: pointer;outline: none;font-size: 13px;padding: 12px;background: url(images/muxop/search.png) no-repeat right center;z-index: 2;bottom: 5px;left: 1px;border: none;}
    .frm_timkiem input::-webkit-input-placeholder {color: ##dddfe2;}
    .frm_timkiem input:-moz-placeholder {color: ##dddfe2;}
    .frm_timkiem input::-moz-placeholder { color: ##dddfe2;}
    .frm_timkiem input:-ms-input-placeholder {  color: ##dddfe2;  }
    /* Menu left */
    #menu_mm{display: none;}
    #menu_left {width: 270px;position: relative;background: #707070;}
    #menu_left h4{width: 100%;line-height: 45px;cursor: pointer;font-weight: 400;text-transform: uppercase;background: #f03495 url('images/danhmuc.png') no-repeat 20px center;position: relative;text-align: center;}
    #menu_left h4 a{color: #ffffff;font-size: 15px;}
    #menu_left .left{position: absolute;top: 100%;left: 0;z-index: 2;width: 100%;background: #ebebeb;display: none;}
    .menu_left{width:100%;position: relative;}
    .danhmuc{width: 100%;display: inline-block;margin: 0 0 20px 0;}
    .danhmuc:last-child{margin: 0;}
    .danhmuc ul{list-style: none;}
    .danhmuc h4{font-family: 'Roboto', sans-serif;width: 100%;color: #ffffff;text-transform: uppercase;font-size: 18px;cursor: pointer;font-weight: 900;position: relative;line-height: 40px;border-bottom: 1px solid #0c9ae9;text-align: center;background: #0c9ae9;}
    .menu_left ul::-webkit-scrollbar{ width: 5px; background-color: #F5F5F5;}
    .menu_left ul::-webkit-scrollbar { width: 5px; height: 5px;}
    .menu_left ul::-webkit-scrollbar-button {  width: 0px; height: 0px; }
    .menu_left ul::-webkit-scrollbar-track {  background-color: #c3c3c3;}
    .menu_left ul::-webkit-scrollbar-track-piece { background-color: #ffffff;}
    .menu_left ul::-webkit-scrollbar-thumb { height: 50px; background-color: #c3c3c3; border-radius: 3px;}
    .menu_left ul::-webkit-scrollbar-corner { background-color: #ffffff;}}
    .menu_left ul::-webkit-resizer { background-color: #666;}
    .menu_left ul{list-style: none; padding: 0;}
    .menu_left > ul{list-style-type:none;width:  100%;max-height: 480px;overflow: auto;border-top: 0;padding: 0;}
    .menu_left > ul > li:last-child{border-bottom: 0;}
    .menu_left ul li a{color: #000000;font-size: 16px;font-weight: 400;position: relative;display: block;padding: 10px 20px;border-bottom: 1px solid #f5f5f5;border-top: 1px solid #e1e1e1;}
    .menu_left ul li:hover > a{background-color: #f03495;color: #ffffff;}
    .menu_left ul li{width:100%;display: block;}
    .menu_left ul li:first-child a{border-top: 0;}
    .menu_left ul li:last-child a{border-bottom: 0;}
    .menu_left > ul > li > ul{border-left: 0;}
    .menu_left ul li > ul{position: absolute;width: 100%;height: auto;left: calc(100% + 1px);/* transition: 0.5s all; */display: none;background: #ebebeb;}
    .menu_left ul li > ul > li > ul{left: 100%;}
    .menu_left ul li:hover > ul{display: block;}
    /* .fixed .left, .detail .left{ display: none; transition: 2s;} */
    #menu_left:hover .left, .detail:hover .left{ display: block;}
    /* Menu danh mục left */
    .isfixed {position: -webkit-sticky !important;position: sticky !important;top: 61px;}
    .danhmuc_l{width: 100%;background: #f9f9f9;overflow: auto;padding: 0 10px;border: 1px solid #e6e6e6;}
    .danhmuc_l::-webkit-scrollbar{ width: 5px; background-color: #F5F5F5;}
    .danhmuc_l::-webkit-scrollbar { width: 5px; height: 5px;}
    .danhmuc_l::-webkit-scrollbar-button {  width: 0px; height: 0px; }
    .danhmuc_l::-webkit-scrollbar-track {  background-color: #c3c3c3;}
    .danhmuc_l::-webkit-scrollbar-track-piece { background-color: #ffffff;}
    .danhmuc_l::-webkit-scrollbar-thumb { height: 50px; background-color: #c3c3c3; border-radius: 3px;}
    .danhmuc_l::-webkit-scrollbar-corner { background-color: #ffffff;}}
    .danhmuc_l::-webkit-resizer { background-color: #666;}
    .danhmuc_l li a{font-family: 'Noto Sans', sans-serif;font-size: 13px;font-weight: 700;color: #404040;width: 100%;display: inline-block;padding: 10px 0;border-bottom: 1px dotted #dbdbdb;}
    .danhmuc_l > li > a{text-transform: uppercase;}
    .danhmuc_l li {position: relative;}
    .danhmuc_l li:last-child {border-bottom: 0;}
    .danhmuc_l li.active > a, .danhmuc_l li:hover > a, .danhmuc_l li:hover > a:after{color: #0c9ae9;}
    .danhmuc_l li > i{position: absolute;right: 0;top: 10px;background: #ffffff;color: #000000;border-radius: 50%;width: 20px;height: 20px;text-align:center;line-height: 20px;transition: 0.5s all;font-size: 20px;}
    .danhmuc_l li > ul{margin: 0;padding: 0;list-style: none;}
    .danhmuc_l li > ul li a{font-weight: 400;text-indent: 10px;}
    .danhmuc_l li > ul li{border-bottom: 0;}
    /* HTTT */
    .hotro_right {position: fixed;top: 20%;left: -300px;z-index: 100;width: 345px;display: flex;flex-wrap: wrap;transition: 0.5s all;}
    .hotro_right.active{left: 0;}
    .hotro_right #img {display: inline-block;position: relative;width: 45px;cursor: pointer;}
    .hotro_right div.hotline_r { bottom: 0px;padding: 0px 10px;background-color: #ffde00; color: #d00000;font-size: 17px;font-weight: bold;width: 100%;text-align: center;}
    .hotro_right .noidung_20 { display: none;width: 100%; background-color: #FFF;border-left: 1px solid #d00000;border-top: 1px solid #d00000;padding: 5px;}
    .hotro_tt img{ display: block; }
    .hotro_bt{width: calc(100% - 45px);display: inline-block;padding: 10px;background: #ffffff;border: 1px solid #dddddd;}
    .hotro_bt p b{color: #444444;font-size: 13px;font-family: RobotoRegular;font-weight: 100;display: inline-block;}
    .hotline_bt{width: 100%;background: url(images/hotline.png) no-repeat;text-indent: 70px;margin-bottom: 10px;}
    .hotline_bt p{font-size: 27px;font-family: RobotoRegular;color: #d50000;}
    .yahoo_top{ text-align: center; margin:5px 0px 0px 0px; }
    .yahoo p.hinh a{display: inline-block;margin: 0 10px 0 0;}
    .yahoo p.hinh a img{width: 30px;}
    .yahoo .dienthoai{color: #333;}
    .yahoo .email{  color: #333; padding: 2px 0px 2px 40px; background: url(images/email.png) no-repeat 10px 7px;}
    .yahoo p b{color: #ff0000;font-family: RobotoRegular;font-weight: 100;}
    .visit_hidden{visibility: hidden;height: 0;}
    .tinkhac{width: 100%;margin: 0;}
    .tinkhac ul{margin: 0;padding: 0;}
    .tinkhac ul li{width: 100%;/* line-height: 30px; */list-style: none;display: inline-flex;align-items: baseline;}
    .tinkhac li a{color: #333;font-size: 14px;font-weight: 400;text-indent: 10px;display: inline-block;}
    .tinkhac li a img:hover{ opacity: 0.5;}
    .tinkhac li a i{ margin-right: 20px; }
    .tinkhac li a:hover{color: #2a9256;}
    .xemnhieu{width:193px; border:1px solid #FF8A00;background:url(images/left_cham.png) repeat-y;}
    ul.pagination {text-align:center;color:#829994;}
    ul.pagination li {display:inline; padding:0 3px;}
    ul.pagination a {color:#fff;display:inline-block;padding:5px 10px;border:1px solid #cde0dc;text-decoration:none;background: #333333;font-size: 12px;}
    ul.pagination a:hover, 
    ul.pagination a.current {background: #0c9ae9;color:#fff;}
    .page_info{ display: none !important; }
    /* ========== Content pagination ========== */
    .paging{ width: 100%;  text-align: center; margin: 10px 0px 0px 0px; }
    .paging .pagination {margin: auto;float:  unset;width: auto !important;text-align: center;margin: 10px 0 20px 0;}
    .pages li.prev {margin-right: 15px;}
    .pages li.next {margin-left: 15px;}
    .pages li {display: inline-block;margin: 5px 2px;}
    .pages li a {height: 25px;padding: 4px 8px;text-decoration: none;color: #666666;font-weight: bold;background: url(../images/backgrounds/pagingBg.png) repeat-x 0 0;border: 1px solid #d5d5d5;font-size: 11px;}
    .pages li a:hover {background: #f6f6f6;}
    .pages li .active {background: url(../images/backgrounds/sideGradient.png) repeat-x;color: #fff;border-color: #424852;}
    .pages li .active:hover {background: #2a313d;}
    /* Thong ke */
    .thongke{width: 180px;}
    .thongke ul{background: url('images/thongke.png') no-repeat left center;padding: 0;font-weight: 400;color: #ffffff;line-height: 35px;}
    .thongke li{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 0 0 30px;font-size: 13px;color: #ffffff;font-family: UTMAvo;}
    .thongke li:last-child{border-bottom: 0;}
    /* Thanh title */
    .thanh_title{width: 100%;position: relative;margin: 0 0 30px 0;background: url(images/title.png) no-repeat left bottom;padding: 0 0 15px 0;} 
    .thanh_title h2,.thanh_title h4{font-size: 21px;font-weight: 100;display: inline-block;color: #222222;font-family: SVNAvoBold;text-transform: uppercase;}
    .thanh_title p{font-size: 16px;color: #555555;font-weight: 400;}
    .thanh_title.white h2,.thanh_title.white h4,.thanh_title.white p{color: #ffffff;}
    .thanh_title.white:after{background: #ffffff;}
    /* Gioi thieu */
    #gioithieu{width: 100%;position: relative;padding: 25px 0px 20px 0px;}
    .title_gt{}
    .item_sp{display:table;margin:0px auto;}
    .load_paging{padding: 15px 0px;position: relative;}
    .load_paging:after{position: absolute;content: "";border-top: 2px solid #3952a4;}
    .title_gt label{display: block;font-size: 30px;color: #da0000;text-transform: uppercase;font-weight: 800;font-family: 'Montserrat', sans-serif;padding: 12px 0px;}
    .title_gt h2{font-size: 39px;color: #424242;position: relative;font-weight: 400;font-family: UVFMetroScript;display: inline-block;}
    .title_gt strong{color: #326e51;}
    .title_gt h2 .icon{padding-right: 15px;}
    .title_gt p{
        color: #d6212a;
        font-size: 35px;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        margin-left: 35px;
    }
    /*.title_gt:after{position: absolute;content: '';padding: 4px;background: #ffffff;border-radius: 50%;border: 3px solid #f03495;right: 0;bottom: -6px;}*/
    #gioithieu .gioithieu{text-align: center;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
    #gioithieu .gioithieu .img_gt{width: 50%;}
    #gioithieu .gioithieu .img_gt .img{display: inline-block;}
    #gioithieu .gioithieu .img_gt .img iframe{display: block;}
    .noidung_gt{margin: 0px auto;text-align: center;}
    .noidung_gt .xemthem{
        display: inline-block;
        border: 1px solid #0035FF;
        padding: 5px 3px 8px 4px;
    }
    .noidung_gt .xemthem a{color:#fff;background:#0035FF;padding: 7px 16px;font-family: 'Roboto', sans-serif;font-size: 13px;}
    .noidung_gt .mota_gt{width: 100%;margin: 20px 0;text-align: center;}
    .noidung_gt .mota{width: 100%;}
    .vechungtoi{}
    .vechungtoi .noidung{width: calc(100% - 108px);}
    .img_gt .bao_all{padding: 20px 0px;display: flex;justify-content: space-between;align-items: center;}
    .img_gt .bao_all .bao_nd{width: 45%;}
    .vechungtoi .noidung:hover h3{color: #2a9256;transition: 0.5s all;} 
    .vechungtoi .noidung h3{font-family: 'Noto Serif', serif;font-size: 17px;text-transform: uppercase;color: #202020;}
    .vechungtoi .noidung .mota p{font-family: 'Roboto', sans-serif;font-size: 14px;color: #333;overflow: hidden;max-height: 100px;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;width: 90%;}
    .noidung_gt .mota p{font-family: 'Noto Sans', sans-serif;font-size: 15px !important;color: #535353;}
    .slick_img{position: relative; display: none;}
    .slick_img .slick-slide {  transition: transform .4s;  position: relative;}
    .slick_img .slick-slide {  transform: scale(0.6)  translate(900px);}
    .slick_img .slick-slide.slick-center + .slick-slide {  transform: scale(0.8) translate(-450px);  z-index: 10;}
    .slick_img .slick-slide.slick-center + .slick-slide + .slick-slide {  transform: scale(0.6)  translate(-900px);  z-index: 5;}
    .slick_img .slick-slide.slick-active {  transform: scale(0.8) translate(450px);}
    .slick_img .slick-slide.slick-center {  /* margin: 0 -10%; */  transform: scale(1);  z-index: 30;}
    .slick_img a{display: block; border: 5px solid #ffffff;}
    /* thanh phan */
    #thanhphan .noidung{padding: 2px 0px;font-family: 'Montserrat', sans-serif;}
    #thanhphan .noidung h3{font-weight: 700;text-transform: uppercase;display: inline-block;font-size: 15px;}
    #thanhphan .noidung p{font-size:14px;font-weight:400;padding: 5px 0px;}
    /*Tin tức*/
    .box_news{width: 100%;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20px;}
    .box_news .news{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;background: #f5f5f5f5;}
    .box_news .news .img a{display: table;margin: 0 auto;}
    .box_news .news .noidung{width: calc(100% - 200px);}
    .box_news .news:hover h3 a{color: #3952a4;}
    .box_news .news h3 a{font-size: 15px;color: #000000;font-weight: 700;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;max-height: 50px;display: -webkit-box;-webkit-box-orient: vertical;text-transform: uppercase;}
    .box_news .news .mota{font-size: 14px;color: #333333;font-weight: 400;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 5;max-height: 125px;display: -webkit-box;-webkit-box-orient: vertical;margin: 10px 0;}
    .box_news .news .ngaydang{font-weight: 400;font-size: 12px;color: #a7a0a0;font-style: italic;}
    /*Quảng cáo*/
    .slick_qc{ margin: 0px auto;display: table;}
    /*Điều hướng*/
    .dieuhuong{width: 100%;padding: 0 0 10px 0;position:  relative;border-bottom: 1px dashed #dddddd;margin-bottom: 15px;}
    .dieuhuong a{color: #000000;font-size: 15px;font-weight: 400;padding:0px 10px;position:  relative;}
    .dieuhuong a:first-child{padding: 0 10px 0 0;}
    .dieuhuong a:first-child i{margin-right: 5px;font-size: 16px;color: #191919;font-weight: 100;}
    .dieuhuong a:before{/* font-family: FontAwesome; */position: absolute;content: '/';right: -5px;top: 0;}
    .dieuhuong a:last-child,.dieuhuong a:hover{color: #0c9ae9;}
    .dieuhuong a:last-child:before{display: none;}
    .noidung_tt{width: calc(100% - 380px);}
    .noidung_tt .hinhanh{margin-bottom: 20px;}
    /*Tab*/
    .khung_tab{ width: 100%;  display: none; }
    .khung_tab.active{ display: block; }
    .tags_sp a{display: inline-block;font-family: RobotoRegular;font-size: 14px;color: #333333;padding: 5px 10px;border: 1px solid #dddddd;margin: 0 0 5px 0;}
    .tags_sp a:hover{color: #ed1c24; border-color: #ed1c24;}
    /* sp noi bat  */
    .owl_sp{display: none;margin: 0 -23px;width: 100%;}
    .owl_sp .slick-slide{margin: 0 23px;}
    /* product */
    #popup_cart{width: 700px;max-width: 90%;}
    .spkhac{margin: 0 -13.5px;display: none;}
    .spkhac .slick-slide{margin: 0 13.5px;}
    #slick_product{padding: 20px 0px;}
    .slick_sanpham .slick-slide{margin:0px 10px;}
    .product_detail .sanpham{width: 100%;display:  grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 20px;}
    .sanpham{width: 100%;display:  grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 20px;}
    /*.khung{width: 100%;padding: 30px 0;}*/
    .khung:nth-child(even){}
    .item .img_bd{padding: 0px 26px 0px 0px;}
    .item .img{position: relative;-webkit-backface-visibility:a hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);overflow: hidden;}
    .item .img .icon{position: absolute;top: 0px;right: 0;}
    .item .img .icon img{display: inline-block !important;margin: 0 0 0 5px;}
    .item .img:before {opacity: 0;position: absolute;top: 0;left: -75%;z-index: 22;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
    .item:hover .img:before {opacity: 1;-webkit-animation: shine .6s;animation: shine .6s;}
    @-webkit-keyframes shine 
    { 
        100% {left: 125%;}
        }@keyframes shine 
        { 
            100%  {left: 125%;}
        }
        .item .img .sale{position: absolute;top: 0;right: 0;background: #d90000;color: #ffffff;font-weight: 600;font-size: 14px;padding: 2px 10px;}
        .item .img_bd img{display: block;border: 1px solid #dddddd;}
        .item .img .view_cart{position: absolute;right: 10px;bottom: 10px;cursor: pointer;}
        .blink_me img{border: none !important;}
        .blink_me{position: absolute;top: 0;right: 8%;}
        .blink_me p{background: red;color: #fff;padding: 0px 15px;font-size: 12px;margin-right: 2px;font-family: 'Roboto', sans-serif;}
        @-moz-keyframes blinker {  0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
        @-webkit-keyframes blinker {  0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
        @keyframes blinker {0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
        .item {transition: 0.5s all;position: relative;transition: border 1s;text-align: center;background: #fff;}
        .item .gia{font-family: 'Noto Sans', sans-serif;width: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;color: #333;font-weight: 400;font-size: 14px;text-transform: uppercase;text-align: center;width: 50%;}
        .item .giacu{text-decoration: line-through;color: #8a8a8a;font-weight: 400;font-size: 14px;}
        .item .giaban{color: #f00;font-weight: 700;}
        .item .giaban span{ color: #F10404 }
        .item .noidung{position: relative;display: flex;justify-content: space-between;align-items: center;padding: 0px 10px;}
        .item .noidung .buy{position: absolute;background: url(images/buy.png) no-repeat center;color: #ffffff;text-transform: uppercase;line-height: 35px;padding: 0 10px;cursor: pointer;width: 36px;height: 36px;right: 0;bottom: 0;}
        .item h3{width: 100%;margin: 10px 0 5px 0;position: relative;}
        .item:hover h3 a{color: #0c9ae9;}
        .item h3 a{font-family: 'Roboto', sans-serif;color: #000;font-weight: 400;font-size: 15px;overflow: hidden;padding: 0px 20px;text-overflow: ellipsis;line-height: 20px;text-transform: uppercase;-webkit-line-clamp: 2;max-height: 43px;display: -webkit-box;-webkit-box-orient: vertical;}
        .item .mota{margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;max-height: 50px;display: -webkit-box;-webkit-box-orient: vertical;}
        .item a.xemthem{font-weight: 400; font-size: 15px; color: #e60000;}
        .icon_sp{display:flex;flex-wrap:wrap;justify-content: space-between;align-items: center;width: 100%;}
        /* Tab product */
        .tab_show{display: block !important;border: 1px solid #ebebeb;border-top: 0;padding: 10px;width:  100%;background: #ffffff;position: relative;z-index: 1;}
        .tab_hidden{ display: none; }
        .noidung_ta *{max-width: 100%;}
        /* Nhận tin */
        #nhantin{position: relative;width: 100%;}
        .nhantin .tieude_nhantin{font-family: 'Roboto', sans-serif;font-size: 21px;font-weight: 700;color: #fff;text-align: left;position: relative;text-transform: uppercase;padding: 10px 0px;}
        .nhantin .tieude_nhantin p{font-family: 'Roboto', sans-serif;font-size: 13px;font-weight: 400;color: #262626;}
        .title_nt{width: 320px;background: url(images/send.png) no-repeat left center;padding: 0 0 0 70px;}
        .title_nt h4{font-size: 17px; color: #ffffff; font-weight: 900;}
        .title_nt p{font-size: 13px; color: #ffffff; font-weight: 400;}
        .nhantin{text-align: center;padding: 20px 0px;}
        .lh{position: relative;width: 100%;text-align: left;width: 70%;}
        .lh p{font-size: 13px;color: #000000;font-weight: 400;margin-bottom: 10px;}
        .lh form{position: relative;}
        .lh form textarea.input{margin: 0;}
        .lh form .input{outline: none;border: none;font-size: 14px;width: 210px;padding: 10px 20px;font-weight: 400;margin: 0px 5px;background: #fff;font-family: 'Noto Sans', sans-serif;}
        .lh form input[type=submit],.lh form input[type=reset]{border: none;outline: none;cursor: pointer;color: #ffffff;font-size: 15px;font-weight: 400;background: #d6212a;padding: 10px 30px;font-family: 'Roboto', sans-serif;text-transform: uppercase;}
        .nt_ft{display: flex;justify-content: space-between;align-items: center;}
        .nt_ft .tieude_nhantin{width: 190px;}
        .lh form .chia{}
        .nt_ft .tieude_nhantin h4{text-transform: uppercase;position: relative;color: #fff;font-family: 'Roboto', sans-serif;font-size: 16px;text-align: start;margin-bottom: 10px;}
        .lh form .input::-webkit-input-placeholder,.lh form textarea::-webkit-input-placeholder {color: #000;}
        .lh form .input:-moz-placeholder,.lh form textarea:-moz-placeholder {color: #000;  }
        .lh form .input::-moz-placeholder,.lh form textarea::-moz-placeholder {  color: #000; }
        .lh form .input:-ms-input-placeholder,.lh form textarea:-ms-input-placeholder {  color: #000;  }
        /* Footer */
        footer{padding: 0;}
        #footer{width:100%;position: relative;overflow: hidden;margin-top: -5px;}
        .footer{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 25px 0px;}
        .footer .thongtin_ct{color: #ffffff;width: 500px;}
        .footer .nhantin{width: 332px;}
        .fanpage{width:307px;}
        .bocongthuong{display: inline-block;margin-top: 10px;}
        .fanpage iframe{width: 270px !important;}
        .thongtin_ct .noidung{padding-bottom: 20px;}
        .thongtin_ct .noidung p{padding:5px 0px;}
        h4.tieude_f:after{position:absolute;content:"";border-bottom: 3px solid #fff;width: 45px;bottom: 11px;left: 0;}
        .tieude_f{color: #fefefe;font-size: 16px;font-weight: 400;width: 100%;display: inline-block;font-family: 'Muli', sans-serif;position: relative;text-transform: uppercase;padding: 0 0 20px 0;text-align: left;}
        .tieude_cty{position: relative;color: #fefefe;font-size: 17px;font-weight: 500;width: 100%;display: inline-block;font-family: 'Roboto', sans-serif;position: relative;text-transform: uppercase;padding: 0 0 10px 0;}
        .tieude_cty:after{position: absolute;width: 55px;height: 2px;bottom: 5px;left: 3px;border-bottom: 2px solid #fff;content: "";}
        .sanpham_ft ul{list-style: none;padding: 0;}
        .sanpham_ft li a{color: #fff;font-size: 15px;font-family: 'Noto Sans', sans-serif;font-weight: 400;line-height: 30px;}
        /*   lienket       */
        .lienket{padding-top:10px;}
        /* Chinh sach */
        .chinhsach{width: 300px;}
        .chinhsach p{color:#fff;font-size:15px;font-family: 'Roboto', sans-serif;}
        .chinhsach span{display:block;}
        .chinhsach ul{width: 100%;margin: 0;color: #ffffff;line-height: 25px;list-style: none;padding: 0;}
        .chinhsach ul li{font-weight: 400;position: relative;}
        .chinhsach ul li a{font-size: 14px;color: #ffffff;font-weight: 400;font-family: 'Roboto', sans-serif;}
        .chinhsach ul li:hover a{text-decoration: underline;} 
        /*   dichvu   */
        .footer .dichvu{width: 170px;}
        .footer .dichvu ul{width: 100%;margin: 0;color: #ffffff;line-height: 25px;list-style: none;padding: 0;}
        .footer .dichvu ul li{font-weight: 400;position: relative;}
        .footer .dichvu ul li a{font-size: 14px;color: #ffffff;font-weight: 400;font-family: 'Roboto', sans-serif;}
        .footer .dichvu li:hover a{text-decoration: underline;}
        /* coppy */
        .coppy{font-weight: 400;font-size: 13px;color: #fff;position: relative;padding: 11px 40px;background: #0486CC;text-align: center;border-top: 1px solid rgba(20, 22, 26, .3);}
        .coppy span{text-transform: uppercase;}
        .coppy ul{list-style: none;padding: 0;}
        
        .coppy ul li{position: relative;display: inline-block;line-height: 10px;padding: 0px 5px;border-right: 1px solid #fff;}
        .coppy ul li:last-child{border-right:0px;}
        /* back to top  */
        #back-to-top {position: fixed;bottom: 55px;right: 12px;text-align: center;line-height: 55px;width: 55px;height: 55px;cursor: pointer;z-index: 2;background: #3952a4;border-radius: 50%;}
        #back-to-top a {display: block;color: #ffffff;font-size: 30px;}
        #back-to-top .back-circle {height: 50px;width: 50px; }
        #back-to-top .back-circle .circle {border: 1px solid #034790 !important;}
        /* Bottom */

        #bottom{background: #f5f5f5;}
        #bottom .bottom{display:flex;justify-content:space-between;flex-wrap: wrap;padding: 20px 0px;}
        .bottom .tintuc{width: 50%;}
        .bottom .tintuc .khung{display: flex;position: relative;flex-wrap: wrap;justify-content: space-between;}
        .title_b {width: 100%;position: relative;margin: 0 0 30px 0;}
        .title_b h4{font-family: UTMAlbertaHeavy;color: #017abf;font-size: 26px;cursor: pointer;font-weight: 500;position: relative;line-height: 1;text-transform: uppercase;background: url(images/title_bot.png) no-repeat left  bottom;padding:  0 0 15px 0;}
        .bottom .tintuc .tintuc_l{width: 280px;}
        .bottom .tintuc .tintuc_l h3 a{font-family: Open Sans, sans-serif;font-size: 15px;color: #1b1b1b; overflow: hidden;text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 2;max-height: 50px;display: -webkit-box;-webkit-box-orient: verticall;font-weight: 700;}
        .bottom .tintuc .tintuc_l:hover h3 a{color: #017abf;}
        .bottom .tintuc .tintuc_l p{font-family: Open Sans, sans-serif;font-size: 14px;color: #5a5a5a;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 3;max-height: 75px;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 400;text-align: justify;margin: 5px 0 0 0;}

        .bottom .tintuc .tintuc_r .khung .date{background: #d6212a;display: inline-block;border: 1px solid #ddd;font-family: 'Roboto', sans-serif;text-align: center;position: relative;font-size: 19px;padding: 0 0 0 0;width: 60px;font-weight: 400;color: #fff;height: 70px;z-index: 1;border-radius: 50%;left: 0px; }
        .bottom .tintuc .tintuc_r .khung span{display: block;}
        .bottom .tintuc .tintuc_r .khung p{margin-top: 5px;}
        .bottom .tintuc .tintuc_r .slick-slide{margin: 7px 0;}
        .bottom .tintuc .tintuc_r .khung
        .bottom .tintuc .tintuc_r .slick-slide > div{display: flex;}
        .bottom .tintuc .tintuc_r .khung{margin-top: 8px;display: none;}
        .bottom .tintuc .tintuc_r .tintucr_it{position: relative;display: flex;flex-wrap: wrap;justify-content: space-evenly;width: calc(100% - 30px);margin-left: 10px;}
        .bottom .tintuc .tintuc_r .tintucr_it .ngaydang{width: 60px;height: 60px;text-align: center;font-family: Roboto;font-size: 12px;color: #ffffff;background: #a90202;border-radius: 50%;line-height: 18px;padding: 12px 0;}
        .bottom .tintuc .tintuc_r .tintucr_it .ngaydang span{display: block;font-size: 19px;}
        .bottom .tintuc .tintuc_r .tintucr_it .img{grid-column: 2;display: block;position: relative;grid-row: 1;}
        .bottom .tintuc .tintuc_r .tintucr_it .img span{position: absolute;top: 0;right: 0;text-align: center;background: #c00000;padding: 10px 2px;color: #ffffff;font-family: Open Sans, sans-serif;font-size: 15px;font-weight: 400;}
        .bottom .tintuc .tintuc_r .tintucr_it .img span strong{display: block;font-weight: 600;position: relative;}
        .bottom .tintuc .tintuc_r .tintucr_it .img span strong:after{position: absolute;content: '';width: 20px;height: 1px;background: #f0d5d5;bottom: 0;left: 50%;transform: translateX(-50%);}
        .bottom .tintuc .tintuc_r .noidung{position: relative;width: calc(100% - 285px);}
        .bottom .tintuc .tintuc_r .noidung.noidung_le{text-align: right;}
        .bottom .tintuc .tintuc_r .noidung p.ngaydang span{font-family: OpenSansRegular;font-size: 14px;color: #919191;margin: 5px 0;background: url('images/calender.png') no-repeat left center;padding: 0 0 0 20px;font-style: italic;}
        .bottom .tintuc .tintuc_r .noidung h3{width: 100%;}
        .bottom .tintuc .tintuc_r .noidung h3 a{font-family: 'Roboto', sans-serif;font-size: 17px;color: #000000;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 1;max-height: 50px;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 500;}
        .bottom .tintuc .tintuc_r .noidung:hover h3 a{color: #1c74ef;}
        .bottom .tintuc .tintuc_r .noidung .mota{font-family: 'Roboto', sans-serif;font-size: 13px;color: #000;overflow: hidden;text-overflow: ellipsis;line-height: 21px;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 400;text-align: justify;margin: 5px 0 0 0;}
        .bottom .tintuc .tintuc_r .noidung .xemthem{font-family: 'Roboto', sans-serif;font-size: 14px;display: inline-block;border-radius: 20px;margin-top: 15px;}
        .bottom .tintuc .tintuc_r .noidung .xemthem a{color: #1A74E1;}
        .bottom .title_bt{display:flex;justify-content:space-between;align-items: center;}
        .bottom .title_bt a{color: #1a74e1;font-size: 14px;font-family: 'Roboto', sans-serif;font-weight: 400;margin-right: 10px;}
        .bottom .title_bt h2{position: relative;font-family: 'Roboto', sans-serif;font-size: 25px;color: #078fd8;text-align: left;padding: 15px 0px;width: 100%;font-weight: 700;text-transform: uppercase;}
        .bottom .title_bt h2:after{position: absolute;background: url(images/muxop/at_tt.png) no-repeat;width: 100%;height: 10px;bottom: 3px;left: 0px;content:"";}
        /* Mang XH*/
        .mang_xh:after{content:"";position: absolute;background: url(images/muxop/af.png) no-repeat;width: 60px;right: -60px;z-index: 1;height: 40px;top: -3px;}
        .mang_xh:before{content:"";position: absolute;background: url(images/muxop/bf.png) no-repeat;width: 60px;left: -50px;z-index: 1;height: 40px;top: -3px;}
        .mxh{margin-bottom: 40px;}.footer .mang_xh{justify-content: right;}
         .mang_xh p{color: #fff !important;}
        .mxh h3{font-family: 'Roboto', sans-serif;font-weight: 700;text-transform: uppercase;font-size: 16px; color: #fff;}
        .mang_xh {display: flex;flex-wrap: wrap;position: absolute;padding: 5px 0 5px 0;justify-content: center;width: 250px;align-items: center;float: right;background: url(images/muxop/center.png) repeat center;z-index: 1;right: -10px;bottom: 70px;}
        .mang_xh h4{font-size: 18px;color: #54a200;font-weight: 700;margin: 0 0 20px 0;text-transform: uppercase;}
        .mang_xh a{font-size: 15px;line-height: 30px;color: #ffff;font-family: 'Noto Sans', sans-serif;font-weight: 400;padding: 0px 5px;z-index: 1;}
        .mang_xh a img{vertical-align: middle;display: block;box-shadow: 5px 5px 7px 1px rgba(20, 22, 26, .3);}
        .mang_xh a:hover img{transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg); transition: all 1s;}

        /*--------------Liên kết website---------------------*/
        .lienket label{text-transform: uppercase;font-size: 15px;font-family: 'Roboto', sans-serif;font-weight: 700;}
        .lienket a{}
        .lienket a:hover img{transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg); transition: all 1s;}

        .lienket_r{position: fixed;right: 10px;bottom: 250px;}
        .lienket_r a{display: block;margin: 10px 0;}
        /* contact */
        .khung_contact{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 0 20px 0;}
        .khung_contact .noidung_detail{margin-bottom: 20px;}
        .khung_contact .bando{width: 100%;margin-top: 20px;}
        .khung_trai,.khung_phai{width: 48%;}
        .thongtin_ct2{display: flex;justify-content: space-between;padding-top: 20px;border-top: 1px solid #4267b2ba;}
        .thongtin_lh{ width: 100%;  padding: 0px 40px 20px 0px;}
        .thongtin_lh h1{ font-size: 20px; text-transform:uppercase; color: #04608B}
        .form_lh{max-width: 100%;width: 100%;margin: 0 auto;text-align: center;}
        .form_lh h4{font-weight: 700;font-size: 30px;color: #0c9ae9;margin: 0;text-align: center;text-transform: uppercase;}
        .form_lh p.mxn{width: 100%; }
        .form_lh p.mxn > b{padding: 0px 20px 0px 0px;font-family: RobotoRegular;}
        .form_lh p.mxn input{width: 100px; }
        .form_lh p{padding: 5px 0px 5px 0px;margin: 0;width: 100%;display: inline-block;}
        .form_lh p input,.form_lh p textarea{padding: 10px;width: 100%;border: 1px solid #dddddd;font-weight: 400;border-radius: unset;font-family: Open Sans,sans-serif;}
        .form_lh p label{ width: 120px; }
        .form_lh p button{border: 0px;background: #0c9ae9;padding: 10px 20px;margin: 0;color: #fff;cursor: pointer;font-family: 'Roboto', sans-serif;text-transform:  uppercase;font-weight: 500;}
        .form_lh p button:hover{background: #000000;}
        .form_van input{ width: 100% ; padding: 5px;}
        .form_van button{ position: absolute; z-index: 1000; top: 1px; right: 0px; color: #eee; padding: 5px; border: 0px; background: #E78D00}
        .form_contact{   padding: 0 0 10px 0;}
        #form_contact input{ padding: 5px;}
        /* Download */
        .download_box {width: 230px;margin: 0px 25px 10px 0px;text-align: center;border: 1px solid #ddd;}
        .download_box p {margin: 0;font-family: RobotoRegular;}
        .download_box img {padding: 5px;transform: scale(1);}
        .download_box img:hover{transform: scale(1.05);   }
        .download_box h3 {text-align: center;font-weight: 100;color: #333;margin: 0px 0px 0px 0px;font-size: 15px;font-family: RobotoBold;width: 100%;display: inline-block;}
        .download_box a {margin: auto;display: inline-block;padding: 3px 20px 3px 20px;background: #ff0000;color: #fff;}
        .download_box a:hover{background: #13b119;}
        /* Album */
        .khung_album{width: 100%;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 10px;}
        .khung_album img{display: block;}
        .khung_album h3{text-align: center;width: 100%;margin: 5px 0 0 0;}
        .khung_album h3 a{width:  100%;color: #000000;font-size: 15px;font-weight: 700;text-transform: uppercase;}
        .khung_album .hinhanh:hover h3 a{color: #d81818;}
        .khung_album_images{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px;}
        .hinhanh_detail{margin-top: 20px;}
        .slick_ab{display: none;margin: 10px -10px 0 -10px;}
        .slick_ab .slick-slide{margin: 0 10px;}
        /*--------------tags---------------------*/
        .tags span{font-family: RobotoBlack; font-size: 14px; font-weight: 100;;}
        .tags a{color: #333333;font-size: 12px;padding: 4px 10px;margin: 0 3px 6px 0;border: 1px solid #dddddd;border-radius: 20px;display: inline-block;}
        .tags a:hover{color: #ff0202;border-color: #ff0202;}
        /*-----------------end tags-----------------------*/
        /* Doitac */
        #doitac{width: 100%;padding: 30px 0;}
        .owl_doitac{display: none;margin: 0 -15px;}
        .owl_doitac .slick-slide {margin: 0 15px;}
        .owl_doitac  .dtl{position: absolute;top: 50%;left: -30px;transform: translateY(-50%);}
        .owl_doitac  .dtr{position: absolute;top: 50%;right: -30px;transform: translateY(-50%);}
        .owl_doitac .doitac a{display: table; margin: 0 auto;}

        .box_doitac{display: grid;width: 100%;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: 10px;}
        .box_doitac > a{display: block; text-align: center; border: 1px solid #dddddd;}
        /*  chi nhanh        */
        #chinhanh{padding:20px 0px;}
        .thongtin_chinhanh h4{font-size: 18px;text-transform:uppercase;color:#078fd8}
        .thongtin_chinhanh{font-family:'Roboto', sans-serif;}
        .thongtin_chinhanh p{font-size: 14px;color: #333;position: relative;padding: 4px 0px 4px 10px;}
        .thongtin_chinhanh p.diachi:before{content:"";background: url(images/muxop/dc.png) no-repeat 0px center;padding: 6px 20px 6px 0;}
        .thongtin_chinhanh p.sdt:before{content:"";background:url(images/muxop/dt.png) no-repeat 0px center;padding: 4px 23px 0px 0;}
        .thongtin_chinhanh p.mail:before{content:"";background:url(images/muxop/mail.png) no-repeat 0px center;padding: 0px 23px 0px 0;}
        #chinhanh .slick-slide{margin:0px 10px;}
        /*++++++++++LEFT+++++++++++*/
        .sp_index{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
        div#left {width: 270px;position:  relative;}
        .product_detail{width: calc(100% - 290px);}
        /*Hover images*/
        .hover_img {  width: 100%;overflow: hidden;}
        .hover_img:before {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #ffffff5e;  content: '';  z-index: 10;  -webkit-transition: -webkit-transform .6s;  transition: transform .6s;  -webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);  transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);}
        .hover_img:hover:before {  webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);  transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);}
        /* Zoom In #1 */
        .hover_zoom{position: relative;overflow:  hidden;display: block;}
        .hover_zoom img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;position: relative;}
        .hover_zoom:hover img {-webkit-transform: scale(1.09);transform: scale(1.09);}

        .hover1:before {z-index: 1;content: "";position: absolute;left: 10px;right: 10px;top: 10px;bottom: 10px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;transform: scale(0, 1);-moz-transform: scale(0, 1);-webkit-transform: scale(0, 1);-ms-transform: scale(0, 1);transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;}
        .hover1:after {z-index: 1;content: "";position: absolute;left: 10px;right: 10px;top: 10px;bottom: 10px;border-left: 1px solid #fff;border-right: 1px solid #fff;transform: scale(1, 0);-moz-transform: scale(1, 0);-webkit-transform: scale(1, 0);-ms-transform: scale(0, 1);transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;}
        .hover1:hover:before, .hover1:hover:after {transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1); }
        /* Service detail */
        .baiviet2{width: 100%;display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 20px;}
        .baiviet2.box4{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 20px;margin: 20px 0;}
        .baiviet2 .baiviet2_it{transition: 0.5s all;}
        .baiviet2 .baiviet2_it:hover .arrows_left,.baiviet2 .baiviet2_it:hover .arrows_right{opacity: 1;}
        .baiviet2 .baiviet2_it .img{width: 100%;margin: 0 0 5px 0;overflow: hidden;}
        .baiviet2 .baiviet2_it .arrows_right{position: absolute; top: 50%; right: 5px; transform: translateY(-50%); z-index: 99; opacity: 0; transition: 0.5s all;}
        .baiviet2 .baiviet2_it .arrows_left{position: absolute; top: 50%; left: 5px; transform: translateY(-50%); z-index: 99; opacity: 0; transition: 0.5s all;}
        .baiviet2 .baiviet2_it .noidung{width: 100%;} 
        .baiviet2 .baiviet2_it .noidung > span{font-family: RobotoRegular;font-size: 12px;color: #b8b8b8;font-style: italic;}
        .baiviet2 .baiviet2_it .khung > a{display: block;margin: 0 0 5px  0;}
        .baiviet2 .baiviet2_it img{display: block;}
        .baiviet2 .baiviet2_it h3{width:  100%;position:  relative;}
        .baiviet2 .baiviet2_it h3 a{font-size: 14px;color: #000000;font-weight: 700;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;max-height: 50px;display: -webkit-box;-webkit-box-orient: vertical;}
        .baiviet2 .baiviet2_it:hover h3 a{color: #0c9ae9;}
        .baiviet2 .baiviet2_it p{font-size: 13px;color: #333333;width:  100%;font-weight: 400;padding: 0;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 3;max-height: 75px;display: -webkit-box;-webkit-box-orient: vertical;text-align: justify;}
        .baiviet2 .baiviet2_it p.ngaydang{background: url('images/calender.png') no-repeat left center;padding: 0 0 0 20px;font-size: 12px;-webkit-line-clamp: 1;max-height: 25px;font-style: italic;}
        .baiviet2 .baiviet2_it a.xemthem{font-size:  14px;color:  #2882ce;font-family:  RobotoRegular;padding: 10px 30px;border: 1px solid #2882ce;border-radius: 10px; transition: 1s all;display:  inline-block;}
        .baiviet2 .baiviet2_it a.xemthem:hover{color: #000000; border: 1px solid #000000;}
        .owl_tinkhac{margin: 0 -10px;}
        .owl_tinkhac .slick-slide{margin: 0 10px;}
        .owl_tinkhac .baiviet2_it{display: none;}
        /* Vi sao */
        #visao{
    padding: 20px 0px;
}
        .slick_visao{display: none;margin: 0;}
        .slick_visao .slick-slide{
            margin: 0px 15px;
        }
        .slick_visao .item_visao{text-align:Center;}
        /*.slick_visao .slick-slide.slick-current{border: none;padding-left: 0;}*/
        .visao{display: flex !important;flex-wrap: wrap;justify-content: space-between;align-items: center;}
        .visao img{display: inline-block !important;}
        .visao .noidung{color: #fff;}
        .visao h3 a{color: #333;}
        .visao h3 a:hover{color:#078fd8;}
        .item_visao:hover .img img{ transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);transition: all 1s;}
        .visao h3{font-size: 17px;color: #333;padding: 10px 0 0 0;font-family: 'Roboto', sans-serif;font-weight: 700;text-transform: uppercase;}
        .visao p{font-size: 14px;color: #fff;font-weight: 400;font-family: 'Roboto', sans-serif;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 3;text-align: center;max-height: 76px;display: -webkit-box;-webkit-box-orient: vertical;}
        .vechungtoi:hover img{transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg); transition: all 1s;}
        /* Hinh anh */
        #hinhanh{padding: 20px 0;}
        #hinhanh .title h2{font-family: 'Noto Sans', sans-serif;font-size: 34px;color: #b10000;}
        #hinhanh .title p{color: #313131;font-family: 'Noto Sans', sans-serif;font-size: 14px;padding: 10px 0px;text-transform: uppercase;}
        .box_hinhanh .slick-slide{margin: 5px 2px;}
   /* .box_hinhanh > img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
   .box_hinhanh .bao_hinhanh.hidden{display: none;}*/
   .bao_hinhanh{position: relative;overflow:hidden;}
   .tieude_hinhanh{text-align: center;}
   .tieude_hinhanh h4{font-family: 'Noto Sans', sans-serif;font-size: 15px;padding: 10px 0px;color: #313131;}
   .bao_hinhanh:hover .tieude_hinhanh{bottom: 0px;transition: 0.5s all;opacity: 1;visibility: visible;margin-bottom: 0px;}
   /*Xem them*/
   .xemchitiet{background: #d6212a;padding: 3px 10px;}
   .xemchitiet:hover{}
   .xemchitiet a{text-align: center;color: #fff;font-family: 'Roboto', sans-serif;font-size: 13px;}
   /*Lĩnh vuc*/
   .linhvuc {margin: 0px 3px;display: none;}
   .linhvuc .slick-slide{margin: 0px 3px;padding: 10px;}
   #linhvuc {padding-top: 45px;position: relative;}
   #linhvuc h2{font-family: 'Noto Serif', serif;font-size: 34px;color: #2a9256;}
   #linhvuc .title p{text-transform: none;font-family: 'Roboto', sans-serif;font-size: 14px;color: #727272;padding: 10px 0px;}
   #linhvuc .nd_lv{width: 100%;overflow: hidden;max-height: 85px;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical; text-align: center}
   #linhvuc .nd_lv p{padding-top:10px !important;line-height: 27px;text-align: initial !important;text-transform: none!important;font-family: 'Roboto', sans-serif !important;font-size: 14px !important;}
   .linhvuc{padding: 25px 0px;}
   .linhvuc .noidung{border: 1px solid #ebedf0;padding: 10px 20px 10px 20px; height: 180px;position: relative;}
   .linhvuc .noidung h3{text-align: left;padding: 5px 0px;}
   .linhvuc .noidung h3 a{font-family: 'Noto Serif', serif;font-size: 16px;color: #333; text-transform: uppercase;}
   .linhvuc .noidung h3:hover a{color: #2a9256;transition: 0.5s all;}
   .linhvuc .noidung:after{content: "";bottom: -1px;position: absolute;border: 13px solid transparent;border-top-color: #dddfe2;border-right-color: #fbfbfb;border-bottom-color: #f5f6f7;border-left-color: #dddddd;display: block;width: 0px;right: -1px;z-index: 999;}
   /*cam nhan*/
   #camnhan .tieude_camnhan{text-align: center;position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;padding: 0px 14px;}
   #camnhan .tieude_camnhan p{text-align: left;width: calc(100% - 130px);}
   #camnhan .tieude_camnhan p a{font-family: 'Noto Sans', sans-serif;font-size: 15px;color: #333333;display:block;font-weight: 700;position: relative;}
   #camnhan .camnhan{padding: 10px;}
   #camnhan span{font-family: 'Noto Sans', sans-serif;font-size: 13px;color: #6a6a6a;}
   #camnhan{background-color: white; }
   #camnhan .noidung h3{font-family: 'Noto Serif', serif;font-size: 15px;color: #333;padding: 10px 0px;position: relative;}
   #camnhan .noidung h3:after{border-bottom: 2px solid #2a9256;width: 47px;bottom: 26px;right: 43%;}
   #camnhan .title h2{font-family: 'Noto Sans', sans-serif;font-size: 34px;color: #b10000;}
   #camnhan .title p{color: #727272;font-family: 'Noto Sans', sans-serif;font-size: 14px;padding: 10px 0px;text-transform: none;}
   #camnhan .img_cn{border-radius: 50%;}
   #camnhan .noidung{border-radius: 20px;text-align: center;-webkit-box-shadow: 0px 0 0 0px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0px -1px 5px 9px rgba(0,0,0,0.75);box-shadow: 0px 7px 12px 2px rgba(0, 0, 0, 0.15);margin-top: -40px;}
   #camnhan .noidung p{font-family: 'Noto Sans', sans-serif;color: #5d5d5d;font-weight: 400;overflow: hidden;max-height: 187px;font-size: 14px;-webkit-line-clamp: 4;display: -webkit-box;-webkit-box-orient: vertical;text-align: justify;padding: 5px 20px;padding-top: 50px;line-height: 28px;}
   .slick_camnhan {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 5px;}
   .slick_camnhan .slick-slide{margin: 0px 20px;padding: 10px;}
   /*Tiện ích*/
   #tienich{padding: 20px 0px;}
   #tienich .tienich{display: flex;justify-content: space-between;align-items: center;}
   #tienich .tienich .khung_tienich{width: 51%;}
   #tienich .tienich .khung_tienich .tienich_it{display: flex;justify-content: space-between;align-items: center;}
   #tienich .tienich .khung_tienich .tienich_it .noidung{font-family: 'Roboto', sans-serif;width: calc(100% - 80px);font-size: 12px;}
   #tienich .tienich .khung_tienich .tienich_it .noidung h3{font-size: 14px; color: #333;}
   #tienich .tienich .khung_tienich .tienich_it .noidung:hover h3{color: #3952a4;}
   .tienich_it:hover img{transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);transition: all 1s;}
   /*Tư vấn*/
   #tuvan{padding: 25px 0px;text-align: center;}
   #tuvan .noidung{display: flex;flex-wrap: wrap;justify-content: center;}
   #tuvan .noidung p{position: relative;font-size: 15px;color: #535353;font-family: 'Noto Sans', sans-serif;padding: 10px 20px;}
   #tuvan .noidung p:last-child:after{background: none;}
   #tuvan h3{font-weight: 400;font-size: 27px;color: #535353;font-family: 'Noto Sans', sans-serif;}