@charset "UTF-8";

/* Main */
:root{
  --color-red:#ec2d3f;
  --color-medium-red:#cc2c32;
  --color-dark-red:#c31829;
  --color-green:#28a745;
  --color-dark-green:#207d36;
  --color-black:#212529;
  --color-gray:#6c757d;
  --br-htop:#f0f0f0;
  --br-menu:#464646;
  --br-footer:none;

}

* {
  box-sizing: border-box;
  outline: none;
}
html,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p {
  padding: 0;
  margin: 0;
}

a,
span,
label {
  text-decoration: none;
}

a:hover {
  color: #f09422;
}
a:visited,a:active{
  color:inherit
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

button {
  border: 0;
  background: 0;
  display: inline-block;
  cursor: pointer;
}

table,
tr,
td {
  border-collapse: collapse;
}

nav:not(.mm-menu) {
  display: none;
}

strong {
  font-family: Arial;
}
body {
  position: relative;
  font-family: 'RR', "Helvetica Neue", Helvetica, sans-serif;
  max-width: 100%;
  min-width: 1349px;
  margin: 0 auto;
  top: 0 !important;
  z-index: 2;
  background: #fff;
  font-size: 14px;
}

a,input,textarea{outline:none;padding:0px;}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.w-clear:after{display:block;content:"";clear:both;}
.hidden{display:none;}
.clear{clear:both;}
.none{display:none;}
.hidden-seoh{visibility:hidden;height:0px;margin:0px;overflow:hidden;}
.wrap-main,.wrap-content{}
.wrap-home{max-width:100%;padding:0px;}
.wrap-content{margin:auto;}
.wrapper{margin:0px auto;max-width: 1200px;width:100%;position: relative;}
/* General */

.title-main p{text-transform:uppercase;position:relative;padding-left: 70px;}
.title-main p:after{content:'';position:absolute;top:50%;left:0px;width:60px;border-bottom:1px solid #55555570}
.title-main span{font-size: 41px;padding: 8px 10px;display: inline-block;padding-right: 20px;color: #d00;font-family: 'MA';position: relative;align-items: unset;display: block;}
.title-main span:affter{content:url('images/ictd1.jpg');position:absolute;}
.title-main{margin-bottom: 20px;width: 100%;}
.title-main span{display: inline-block;position: relative;z-index: 1;font-size: 41px;color: #d00;font-family: 'MA';align-items: unset;}
.title-main span:after{
  content: url(../images/ictd1.png);
  position:absolute;
  top:0px;
  right: -184px;
}

.title-id{position: relative;border-radius: 5px;}


.title-left{position:relative;margin-bottom: 20px;background: #cc0000;padding: 10px 20px;border-radius: 10px;}
.title-left span{color: #fff;text-transform: uppercase;display: inline-block;font-family: 'UTMI';font-size: 20px;}
.title-left{}
.tieude{margin-bottom:20px;position: relative;}
.tieude:after{content:'';position:absolute;width:100%;left:0px;top:10px;background: url(../images/liner.png);height:15px;}
.tieude span{font-family: RBC;font-size:26px;text-transform:uppercase;background: #fefdeb;z-index: 1;padding-right: 20px;position: relative;}
.tieude span:after{content:'';position:absolute;width:15px;height:15px;background:#d00;right:-15px;top:7px;}
.time-main{margin-bottom:0.75rem;color:#999999;}
.time-main i{vertical-align:top;}
.time-main span{vertical-align:top;display:inline-block;font-size: 14px;}
.social{list-style:none;padding:0px;margin:0px;}
.social li{display:inline-block;vertical-align:top;}
.social li:last-child{margin-right:0px;}
.control-carousel{position:absolute;top:calc(50% - 30px/2);margin-bottom:0px;width:30px;height:30px;text-align:center;line-height:30px;border:1px solid #eee;z-index:2;background-color:#fff;color:#ccc;cursor:pointer;}
.control-carousel:hover{background-color:var(--color-red);border-color:var(--color-red);color:#fff;}
.prev-carousel{left:0px;}
.next-carousel{right:0px;}

/* Header */
.header{width: 100%;z-index: 999;transition: all ease 0.5s;}

.custom-header:after{display:none}
.header-top{color:#fff;background-color:var(--color-red);}
.header-top .wrap-content{padding:6px 10px;}
.info-header{margin-bottom:0px;}
.info-header i{vertical-align:top;margin:3px 5px 0px 0px;font-size:16px;}
.social-header li{width:30px;margin-right:3px;}
.header-bottom .wrap-content{padding:20px 10px;}
.hotline-header{display:inline-block;padding-left:25px;background-image:url(../images/hotline.png);background-repeat:no-repeat;background-position:0px 1px;}
.hotline-header p{font-weight:bold;margin-bottom:-2px;text-transform:capitalize;}
.hotline-header span{font-weight:bold;color:var(--color-red);font-size:20px;display:block;}
.user-header a{color:#fff;padding-right:9px;margin-right:7px;position:relative;display:inline-block;vertical-align:top;text-decoration:none;}
.user-header a:after{content:"";position:absolute;width:1px;height:8px;background-color:#fff;top:calc(50% - 7px/2);right:0px;opacity:0.7;}
.user-header a:last-child{padding-right:0px;margin-right:0px;}
.user-header a:last-child:after{display:none;}

/* Menu */
.bg_menu{background-color: #464646;}
.menu >ul{padding:0px;list-style:none;display: flex;width: 100%;}
.menu ul li{position:relative;z-index:99;list-style: none;}
.menu >ul >li:last-child:after{display:none;}
.menu ul li.line{width:1px;height:15px;background-color:rgba(255,255,255,0.5);}
.menu ul li a{display:block;position:relative;z-index:1;text-align:center;text-decoration:none!important;}
.menu ul li a:after{/* content:''; */position:absolute;height: 20px;border-right: 1px solid #ffffff61;top: 33px;right:-1px;}
.menu ul li:last-child a:after{display:none}
.menu >ul >li >a h2{margin:0px;padding: 14px;display: flex;align-items: center;text-transform: uppercase;font-size: 14px;position: relative;color: #fff;font-family: 'RB';font-weight: normal;}
.menu >ul >li:nth-child(1) >a{}
.fixed_mn .menu >ul >li >a h2{
}

.menu ul li a.active h2, .menu >ul >li:hover > a h2{color: #ff0;}
.menu ul li ul{position:absolute;min-width:200px;box-shadow:0 3px 11px 0 rgba(0,0,0,0.1);-webkit-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;visibility:hidden;transition:all .5s;padding: 0px;}
.menu ul li:hover > ul{-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0);-webkit-transform-origin:0 0 0;opacity:1;visibility:visible;transition:all .7s;}
.menu ul li ul li a{text-align:left;border-bottom: 1px solid #fff;}
.menu ul li ul li:last-child > a{border-bottom:0px;}
.menu ul li ul li a h2{font-size:14px;padding: 7px 15px;color: #fff;font-weight: normal;margin: 0px;background: #0768E1;}
.menu ul li ul li ul{top:0px;left:100%;}

/* Search */
.search { width: 230px; background: #fff;}
.search p { float: left; width: 75px; height: 35px; line-height: 35px; cursor: pointer; text-align: center; margin: 0px; color: #fff; font-size: 14px; font-family: "Lato", sans-serif; background: #ffb400; }
.search input { width: calc(100% - 75px); height: 35px; float: left; outline: none; padding: 0px; border: 0px; background: transparent; text-indent: 10px; font-size: 12px; }
.search input::-webkit-input-placeholder { color: #313131; }
.search input:-moz-placeholder { color: #313131; }
.search input::-moz-placeholder { color: #313131; }
.search input:-ms-input-placeholder { color: #313131; }


/* Menu RP */
.menu-res{display:none;height:55px;z-index:10;background:var(--color-red);position:relative;line-height:normal;}
.menu-bar-res{height:55px;padding:0px 10px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;justify-content:space-between;}
#hamburger{display:block;width:45px;height:23px;position:relative;}
#hamburger:before,#hamburger:after,#hamburger span{background:#fff;content:'';display:block;width:100%;height:3px;position:absolute;left:0px;}
#hamburger:before{top:0px;}
#hamburger span{top:10px;}
#hamburger:after{top:20px;}
#hamburger:before,#hamburger:after,#hamburger span{-webkit-transition:none 0.5s ease 0.5s;transition:none 0.5s ease 0.5s;-webkit-transition-property:transform,top,bottom,left,opacity;transition-property:transform,top,bottom,left,opacity;}
.mm-wrapper_opening #hamburger:before,.mm-wrapper_opening #hamburger:after{top:10px;}
.mm-wrapper_opening #hamburger span{left:-50px;opacity:0;}
.mm-wrapper_opening #hamburger:before{transform:rotate(45deg);}
.mm-wrapper_opening #hamburger:after{transform:rotate(-45deg);}
.mm-menu_opened{display:block!important;}

/* Search Responsive */
.search-res { position: relative; }
.search-res .icon-search {width: 40px;height: 40px;cursor: pointer;text-align: center;line-height: 36px;background: #000;font-size: 17px;margin: 0px;color: #000;border-radius: 100%;}
.search-res .icon-search img{}
.search-res .icon-search.active { color: #000; background: #000; border-radius: 100%; }
.search-res .search-grid {position: absolute;top: 0px;right: 45px;width: 0px;height: 40px;overflow: hidden;background: #ffffff;border: 1px solid #fff;z-index: 2;opacity: 0;border-radius: 25px;line-height: normal;}
/*.search-res .search-grid p { float: left; width: 35px; height: 38px; cursor: pointer; outline: none; border: none; margin: 0px; font-size: 17px; display: block; color: #ec2d3f; line-height: 40px; text-align: center; }*/
.search-res .search-grid input {width: 100%;line-height: 38px;outline: none;border: none;color: #000;text-indent: 15px;}
.search-res .search-grid input::-webkit-input-placeholder { color: #313131; }
.search-res .search-grid input:-moz-placeholder { color: #313131; }
.search-res .search-grid input::-moz-placeholder { color: #313131; }
.search-res .search-grid input:-ms-input-placeholder { color: #313131; }

/* Slideshow */
.slideshow{position:relative;min-height: 625px;}
.slideshow a{display:block;cursor:pointer;}
.slideshow a img{width:100%;}
.slideshow:hover .control-slideshow{opacity:0.3;}
.slideshow .control-slideshow:hover{opacity:0.8;}
.control-slideshow{opacity:0;position:absolute;z-index:2;top:calc(50% - 50px/2);width:35px;height:50px;text-align:center;line-height:50px;font-size:25px;cursor:pointer;margin:0px;background-color:#000000;border-radius:3px;}
.control-slideshow i{color:#ffffff;}
.prev-slideshow{left:20px;padding-right:3px;}
.next-slideshow{right:20px;padding-left:3px;}

/* Partner */
.wrap-partner{padding:0px 10px;}
.wrap-partner .wrap-content{max-width:1200px;padding:0px;position:relative;}
.owl-partner{padding:0px 40px;}
.partner{display:block;border:1px solid #eee;}
.partner img{width:100%;}


/* Intro */
.wrap-intro{margin-bottom:50px;}
.left-intro{width:67%;}
.right-intro{width:30%;}
.title-intro{border-bottom:1px solid var(--color-red);margin-bottom:1.5rem;}
.title-intro span{display:inline-block;font-weight:700;text-transform:uppercase;position:relative;padding-bottom:10px;font-size:20px;}
.title-intro span:after{content:"";position:absolute;width:100%;height:4px;bottom:0px;left:0px;background-color:var(--color-red);}
.newshome-best{width:43%;display:block;float:left;margin-right:1.5%;}
.pic-newshome-best img{width:100%;}
.name-newshome{color:var(--color-black);font-size:14px;line-height:18px;margin-bottom:0.25rem;}
.name-newshome.text-split{-webkit-line-clamp:2;}
.time-newshome{color:var(--color-gray);margin-bottom:0.25rem;}
.desc-newshome{color:var(--color-black);margin-bottom:0px;}
.view-newshome{display:inline-block;border:1px solid var(--color-black);padding:8px 15px;color:var(--color-black);text-transform:capitalize;font-weight:600;margin-top:1rem;}
.view-newshome:hover{background-color:var(--color-black);color:#fff;}
.newshome-scroll{width:calc(100% - 44.5%);height:450px;overflow:hidden;}
.newshome-scroll ul li{margin-bottom:15px!important;}
.newshome-normal{display:block;}
.pic-newshome-normal{float:left;width:34%;margin-right:3%;margin-bottom:0px;}
.pic-newshome-normal img{width:100%;}
.info-newshome-normal{float:left;width:calc(100% - 37%);}
.video-main{position:relative;height: 0px;padding-bottom: 66%;}
.video-main iframe{position:absolute;width:100%;height:100%;top:0px;left:0px;}
.listvideos{width:100%;height: 50px;padding:0px 10px;border: 0px;color: #fff;cursor:pointer;border: 1px solid #cacaca;margin-top: 5px;background: #222222;}

/* Video */

.content_video{display:flex;}
.left_video{height:0px;width:100%;padding-bottom: 82%;position:relative}
.left_video iframe{position:absolute;width:100%;height:100%;left:0px;top:0px}
.right_video{padding-left:10px;}
.item_video{margin-bottom: 20px;position: relative;}
.item_video a:after{content:'';position:absolute;width:100%;height:100%;top:0px;left:0px;background: url(../images/icy.png) no-repeat center center;z-index:1;}

.video{float:left;width:23.5%;margin:0 2% 2% 0;text-align:center;cursor:pointer;}
.video:nth-child(4n+1){clear:both;}
.video:nth-child(4n){margin-right:0px;}
.pic-video{position:relative;}
.pic-video:before{content:"";position:absolute;width:50px;height:35px;top:calc(50% - 50px/2);left:calc(50% - 35px/2);z-index:1;background-repeat:no-repeat;background-image:url(../images/play.png);}
.pic-video img{width:100%;}
.name-video{font-size:16px;color:var(--color-black);margin-bottom:0px;padding-top: 10px;font-family: PR;}

/* Brand */
.wrap-brand{margin-bottom:50px;padding:0px 10px;}
.wrap-brand .wrap-content{max-width:1200px;padding:0px;position:relative;}
.owl-brand{padding:0px 40px;}
.brand{display:block;border:1px solid #eee;}
.brand img{width:100%;}

/* Sản Phẩm */
.wrap-product{margin-bottom:50px;}
.box-product{position:relative;display:block;margin-bottom:1rem;}
.pic-product{background:#fff;border-radius:5px;padding:5px;border:1px solid #eee;}
.pic-product img{width:100%;border-radius:3px;}
.name-product{font-size:16px;color:var(--color-black);}
.name-product.text-split{-webkit-line-clamp:1;}
.price-product{margin-bottom:0px;}
.price-product span{font-weight:700;}
.price-new{font-size:15px;font-weight:500;color:var(--color-red);}
.price-old{padding-left:10px;font-size:12px;color:var(--color-gray);}
.price-per{position:absolute;top:15px;right:15px;color:#fff;background:var(--color-red);font-size:11px;border-radius:2px;width:45px;height:25px;text-align:center;line-height:25px;}
.cart-product{margin-bottom:0px;}
.cart-product span{cursor:pointer;width:49%;float:left;color:#fff;text-transform:capitalize;text-align:center;padding:7px 5px;border-radius:3px;}
.cart-add{margin-right:2%;background-color:var(--color-red);}
.cart-add:hover{background-color:var(--color-dark-red);}
.cart-buy{background-color:var(--color-green);}
.cart-buy:hover{background-color:var(--color-dark-green);}

/* Sản Phẩm Detail */
.grid-pro-detail{margin-bottom:50px;}
.left-pro-detail{position:relative;text-align:center;background:white;}
.left-pro-detail .MagicZoom{
    border: 1px solid #ececec;
}
.right-pro-detail{width:calc(100% - 42%);float:left;}
.gallery-thumb-pro{position:relative;margin-top:10px;}
.owl-thumb-pro{padding:0px 40px;}
.thumb-pro-detail{display:block!important;border:1px solid #eee;padding:5px;border-radius:3px;cursor:pointer;}
.thumb-pro-detail.mz-thumb.mz-thumb-selected{}
.thumb-pro-detail img{box-shadow:none!important;filter:brightness(100%)!important;border-bottom:0px!important;padding-bottom:0px!important;}
.title-pro-detail{display:block;color: #555;text-transform: uppercase;margin-bottom: 10px;font-family: 'RB';font-size: 16px;padding-bottom: 8px;border-bottom: 1px solid #f2f2f2;}
.social-plugin-pro-detail{margin: 5px 0;}
.desc-pro-detail{}
.attr-pro-detail{list-style:none;padding:0px;margin: 0px;}
.attr-pro-detail li{padding: 5px 0;}
.attr-label-pro-detail{margin:0px 5px 0px 0px;}
.attr-label-pro-detail.d-block{display:block;margin:0px 0px 5px 0px;}
.attr-content-pro-detail{display:inline-block;margin-bottom:0px;}
.price-new-pro-detail{color:var(--color-red);font-family: 'MB';font-weight: 600;}
.price-old-pro-detail{font-weight:500;color:var(--color-gray);text-decoration:line-through;padding-left:10px;}
.color-pro-detail{display:inline-block;vertical-align:top;position:relative;width:35px;height:30px;margin:0px 0px 3px 0px;border:1px solid transparent;}
.size-pro-detail{border:1px solid #ccc;padding:3px 10px 4px 10px;display:inline-block;position:relative;}
.size-pro-detail.active,.color-pro-detail.active{border-color:#e5101d;color:#e5101d;}
.color-pro-detail.active:before,.size-pro-detail.active:before{content:'';position:absolute;width:100%;height:100%;top:0px;left:0px;bottom:0px;right:0px;margin:auto;z-index:1;background-image:url(../images/check-cart.png);background-repeat:no-repeat;background-position:bottom right;}
.color-pro-detail input[type=radio],.size-pro-detail input[type=radio]{outline:none;position:absolute;cursor:pointer;width:100%;height:100%;-webkit-appearance:none;border:0px;top:0px;left:0px;}
.quantity-pro-detail{width:100%;max-width:110px;line-height:normal;display:flex;align-items:center;justify-content:space-between;text-align:center;}
.quantity-pro-detail span{line-height:25px;padding:0px;width:30px;height:30px;color:#5f5f5f;cursor:pointer;font-size:22px;border:1px solid #cccccc;}
.quantity-pro-detail span.quantity-plus-pro-detail{border-left:0px;}
.quantity-pro-detail span.quantity-minus-pro-detail{border-right:0px;}
.quantity-pro-detail input{height:30px;border:1px solid #cccccc;width:calc(100% - 60px);text-align:center;font-size:14px;padding:5px;}
.cart-pro-detail{display:flex;align-items:stretch;justify-content:flex-start;border-top: 1px solid #f2f2f2f2;padding-top: 10px;}
.cart-pro-detail a{width:auto;text-align:center;color:#fff;padding:8px 15px;text-transform:uppercase;border-radius:3px;cursor: pointer;}
.cart-pro-detail a.addnow{margin-right:10px;background:#fd6e1d;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));background:-webkit-linear-gradient(top,#f59000,#fd6e1d);background:-moz-linear-gradient(top,#f59000,#fd6e1d);background:-ms-linear-gradient(top,#f59000,#fd6e1d);background:-o-linear-gradient(top,#f59000,#fd6e1d);}
.cart-pro-detail a.buynow{background-color:var(--color-green);}
.cart-pro-detail a.buynow:hover{background-color:var(--color-dark-green);}
.cart-pro-detail a i{vertical-align:top;margin-top:3px;margin-right:8px;}
.tags-pro-detail{margin:1rem 0px 2rem 0px;}
.tags-pro-detail a{float:left;font-size:12px;color:#fff;padding:5px 10px 7px 10px;margin-right:5px;margin-bottom:5px;background-color:var(--color-red);border-radius:3px;}
.tags-pro-detail a:hover{background-color:var(--color-medium-red);}
.tags-pro-detail a i{font-size:10px;float:left;margin:5px 5px 0px 0px;}
.tabs-pro-detail .ul-tabs-pro-detail{padding:0px;list-style:none;margin-bottom:1rem;border-bottom:1px solid #e7e7e7;}
.tabs-pro-detail .ul-tabs-pro-detail li{cursor:pointer;float:left;margin-right:5px;background:#eee;padding:5px 10px;}
.tabs-pro-detail .ul-tabs-pro-detail li.active{background:#333;color:#fafafa;}
.tabs-pro-detail .ul-tabs-pro-detail li:last-child{margin-right:0px;}
.tabs-pro-detail .content-tabs-pro-detail{display:none;}
.tabs-pro-detail .content-tabs-pro-detail.active{display:block;}

/* Toc */
.box-readmore{padding:8px 15px;border:1px solid #dedede;margin-bottom:2rem;border-radius:5px;background-color:#eeeeee;}
.box-readmore li ul>li{margin:0;margin-bottom:8px}
.box-readmore li ul>li:before{content:counters(item,".") " "}
.box-readmore ul{list-style-type:none;counter-reset:item;margin-bottom:0px;padding-left:0px!important;margin-top:8px;}
.box-readmore ul li{display:table;counter-increment:item;margin-bottom:5px}
.box-readmore ul li:before{content:counters(item,".") ". ";display:table-cell;padding-right:5px}
.box-readmore ul li a{color:#333333;cursor:pointer;font-weight:600;}
.box-readmore ul li a:hover{color:#767676;}

/* Bài viết */
.news{margin-bottom: 20px;display:block;background: #f2f2f2;padding: 12px;min-height: 181px;}
.news:nth-child(2n){float:right;}
.news:nth-child(2n+1){clear:both;}
.pic-news{float:left;margin-right:4%;width:36%;}
.pic-news img{width:100%;}
.info-news{float:left;width:60%;}
.name-news{color:#333;font-size: 14px;display:block;line-height:normal;margin-bottom:5px;font-family: 'RB';text-transform: uppercase;}
.name-news:hover{color:var(--color-red);}
.time-news{color:var(--color-gray);margin-bottom:0.25rem;font-size: 14px;}
.desc-news{color:#333333;margin-top:5px;line-height:22px;font-size: 14px;}
.share{padding: 10px 0px;line-height:normal;margin-bottom: 15px;margin-top:15px;border-radius:5px;}
.share b{display:block;margin-bottom:5px;}
.othernews b{margin-bottom:10px;font-family: Arial;}
.list-news-other{padding-left:17px;list-style:square;}
.list-news-other li{margin-bottom:2px;}
.list-news-other li a{text-transform:none;color:#333333;}
.list-news-other li a:hover{color:var(--color-red);}

/* Contact */
.top-contact{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:30px;flex-wrap: wrap;}
.top-contact .article-contact{width: 50%;}
.form-contact{width: 50%;padding-left: 20px;}
.input-contact{position:relative;margin-bottom: 5px;}
.input-contact input,.input-contact textarea{width:100%;padding:0px;outline:none;font-size:14px;}
.input-contact input{text-indent:10px;}
.input-contact textarea{resize:none;height:150px;padding:10px;}
.input-contact .custom-file-label::after{content:attr(title);}
.bottom-contact{position:relative;height:0px;padding-bottom: 275px;}
.bottom-contact iframe{position:absolute;top:0px;left:0px;width:100%!important;height:100%!important;}

/* Footer */
.footer-article{}
.footer-article .wrap-content{padding: 15px 10px 50px;}


.title-footer{text-transform:uppercase;font-size:14px;margin-bottom:0.75rem;}
.footer-ul{list-style:none;padding:0px;margin:0px;}
.footer-ul li{margin-bottom:10px;}
.footer-ul li:last-child{margin-bottom:0px;}
.footer-ul li a{color:var(--color-black);}
.slogan-newsletter{margin-bottom:0.5rem;color:var(--color-gray);}
.newsletter-input{position:relative;}
.newsletter-input input{padding:0px;font-size:14px;text-indent:10px;border-radius:0px;}
.newsletter-button{margin-top:5px;}
.newsletter-button input[type=submit]{border:0px;background-color:var(--color-red);color:#fff;display:inline-block;padding:5px 16px;text-transform:uppercase;font-weight:500;cursor:pointer;}
.footer-tags{}
.footer-tags .wrap-content{padding: 30px 10px;}
.label-tags{font-size:15px;text-transform: uppercase;color: #fff;}
.list-tags{list-style:none;padding:0px;margin:0px;display: flex;flex-flow: wrap;}
.list-tags li{float:left;margin:0px 5px 5px 0px;}
.list-tags li a{color:#fff;display:block;font-family: MR;}
.list-tags li a:hover{color: #ff0;}
.footer-powered{color:#fff;font-size: 13px;}
.coppy{padding: 15px 0;background: #ec1313;position: relative;border-top: 2px solid #555;box-shadow: 0px -1px #ec1313;}

.footer-powered .wrap-content{}
.copyright{color: #fff;font-size: 14px;position: relative;margin: 10px 0;}
.statistic{margin-bottom:0px;display: flex;align-items: center;justify-content: center;}
.statistic span{color: #fff;position:relative;line-height: 20px;margin-right: 15px;}
.statistic span:last-child:after{}

.statistic label{color: #fff !important;}
.statistic span:last-child{padding-right:0px;border: 0px;}

/* Like Share */
.social-plugin{display:flex;justify-content:flex-start;}
.social-plugin .at-share-btn{margin-bottom:0px!important;}
.social-plugin .zalo-share-button{margin-left:3px;}

/* Phân Trang */
.pagination-home .pagination .page-item .page-link{color:#555555;font-size:.875rem;}
.pagination-home .pagination .page-item.active .page-link{color:#ffffff;background-color:#555555;border-color:#555555;}
.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:0.25rem}.page-link{position:relative;display:block;padding:0.5rem 0.75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem}.page-item:last-child .page-link{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:0.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:0.3rem;border-bottom-left-radius:0.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:0.3rem;border-bottom-right-radius:0.3rem}.pagination-sm .page-link{padding:0.25rem 0.5rem;font-size:0.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:0.2rem;border-bottom-left-radius:0.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:0.2rem;border-bottom-right-radius:0.2rem}
/* Phân Trang Ajax */
.pagination-ajax{text-align:center;}
.pagination-ajax a{display:inline-block;vertical-align:top;margin:0px 2px 3px 2px;color:#333;background:#eee;border:1px solid rgba(161,161,161,0.4);font-size:12px;cursor:pointer;padding:3px 10px 5px 10px;border-radius:2px;}
.pagination-ajax a.current,.pagination-ajax a:hover{background: #939292;color:#fff;border-color: #939292;}

/* Popup custom */
.modal-custom .modal-footer{padding:0.5rem;}
.modal-custom .modal-footer .btn{font-size:14px;}

/* Popup */
#popup .modal-body{padding:0px;}

/* Hidden Google Captcha */
.grecaptcha-badge{display:none!important;width:0px!important;height:0px!important;visibility:hidden!important;overflow:hidden;}

/* Hidden Check Grammar Coccoc */
coccocgrammar{display:none;}

/* Scroll Top */
.scrollToTop{width:41px;height:41px;text-align:center;font-weight:bold;color:#444;text-decoration:none;position:fixed;bottom:65px;right:25px;display:none;z-index:10;cursor:pointer;}

/* Text Hide */
.text-split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;}

/* Transition All */
.transition{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;}

/* Scale IMG */
.scale-img{overflow:hidden;display:block;cursor: pointer;}
.scale-img img{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}
.scale-img:hover > img{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

/* Blink */
.blink{-webkit-animation-name:blink;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blink;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blink;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
@-moz-keyframes blink{
  0%{opacity:1.0;}
  50%{opacity:0.0;}
  100%{opacity:1.0;}
}
@-webkit-keyframes blink{
  0%{opacity:1.0;}
  50%{opacity:0.0;}
  100%{opacity:1.0;}
}
@keyframes blink{
  0%{opacity:1.0;}
  50%{opacity:0.0;}
  100%{opacity:1.0;}
}

/* Button Frame */
.btn-frame{display:block;width:50px;height:50px;position:fixed;right: 20px;z-index:10;cursor:pointer;bottom: 405px;text-align: center;line-height: 50px;}
.btn-frame i{display:flex;display:-ms-flex;justify-content:center;align-items:center;-ms-flex-align:center;width:50px;height:50px;border-radius:50%;background:#1182FC;position:relative;z-index:1;}
.btn-frame i img{vertical-align:middle;width:70%;}
.btn-frame .animated.infinite{animation-iteration-count:infinite;}
.btn-frame .kenit-alo-circle{width:60px;height:60px;top:-5px;right:-5px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(7,41,103,0.8);opacity:.1;border-color:#1182FC;opacity:.5;}
.btn-frame .zoomIn{animation-name:zoomIn;}
.btn-frame .animated{animation-duration:1s;animation-fill-mode:both;}
.btn-frame .kenit-alo-circle-fill{width:70px;height:70px;top:-10px;right:-10px;position:absolute;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:rgba(7,41,103,0.35);opacity:.4;}
.btn-frame .pulse{animation-name:pulse;}

/* Zalo */
.btn-zalo{bottom:315px;}

/* Phone */
.btn-phone{bottom:230px;}

/* Messenger */
.js-facebook-messenger-container.closed,.js-facebook-messenger-tooltip.closed{display:none!important}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-tooltip{display:none;position:fixed;text-align:center;border-radius:10px;overflow:hidden;font-size:12px;line-height:1;padding:10px;border:1px solid rgba(0,0,0,0.1);box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt;z-index:1.0E+30}
.js-facebook-messenger-close-tooltip{width:10px;height:10px;display:inline-block;cursor:pointer;margin-left:10px}
.js-facebook-messenger-box.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
.js-facebook-messenger-box.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-box{display:block;position:fixed;cursor:pointer;bottom:150px;right: 17px;width:56px;height:56px;text-align:center;background:#1182FC;border-radius:100%;overflow:hidden;z-index:99;-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);-moz-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);}
.js-facebook-messenger-box.rotate svg#fb-msng-icon{transform:rotate(0deg)}
.js-facebook-messenger-box svg#fb-msng-icon{width:32px;height:33px;position:absolute;top:13px;left:12px;opacity:1;overflow:hidden;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;}
.js-facebook-messenger-box.rotate svg#close-icon{transform:rotate(-45deg)}
.js-facebook-messenger-box svg#close-icon{opacity:0;width:19px;height:20px;position:absolute;top:19px;left:19px;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-container{position:fixed;opacity:0;transform:translateY(50px);bottom:110px;right:90px;border-radius:10px;pointer-events:none;box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16);-webkit-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-moz-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-o-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;transition:transform 160ms ease-in-out,opacity 160ms ease-in-out}
.js-facebook-messenger-top-header{width:220px}
.js-facebook-messenger-top-header{color:#fff;background:#1182FC}
.js-facebook-messenger-top-header{display:block;position:relative;width:220px;background:#1182FC;color:#fff;text-align:center;line-height:1;padding:10px;font-size:14px;border-top-left-radius:10px;border-top-right-radius:10px}
.js-facebook-messenger-container iframe,.js-facebook-messenger-container-button iframe{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-top-header{color:#fff;background:#1182FC}
.js-facebook-messenger-top-header{width:220px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-container.open{transform:translateY(0px);opacity:1;pointer-events:all}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-box.open svg#fb-msng-icon{opacity:0}
.js-facebook-messenger-box.rotate.open svg#close-icon{transform:rotate(0deg)}
.js-facebook-messenger-box.open svg#close-icon{opacity:1}

/* Cart fix */
.cart-fixed{position:fixed;right:20px;bottom:390px;z-index:10;background:#4b4f56;width:50px;height:50px;text-align:center;color:#fff!important;border-radius:100%;display:flex;align-items:center;justify-content:center;}
.cart-fixed i{font-size:20px;}
.cart-fixed span{position:absolute;top:0px;right:-5px;color:#fff;width:25px;height:25px;background:var(--color-red);text-align:center;line-height:25px;font-size:11px;border-radius:100%;}

/* Toolbar */
.toolbar{background:var(--color-red);width:100%;padding:3vw;bottom:0px;position:fixed;z-index:500;height:auto;left:0px;}
.toolbar ul{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:0px;margin:0px;}
.toolbar ul li{text-align:center;width:25%;}
.toolbar ul li a{display:block;width:100%;cursor:pointer;}
.toolbar ul li a img{height:6vw;width:auto;}
.toolbar ul li a span{font-weight:400;color:#fff;font-size:3.5vw;display:none;}

/* Fixbar */
.fixbar{bottom:0;display:block;background:#f0eff4;border-top:1px solid #ddd;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:fixed;margin:0;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;height:50px;}
.fixbar ul{margin:0px;padding:0px;list-style:none;}
.fixbar ul li{display:inline-block;margin:0 auto 10px;text-align:center;width:25%;float:left;}
.fixbar .icon-cart-mobile,.fixbar .icon-cart-new,.fixbar .icon-home-new,.fixbar .icon-hotdeal-new{width:20px;height:20px;display:block;margin:8px auto 0;}
.fixbar .icon-cart-mobile{background:url(../images/cart-mobile.png) no-repeat;}
.cart-total-header-mobile{font-size:10px;position:absolute;background:red;color:#fff!important;border-radius:50%;height:15px;width:15px;line-height:15px;top:5px;margin-left:5px;}
.fixbar ul li a{font-size:11px;text-decoration:none;color:#333;}
.fixbar ul li a i{font-size:20px;}

/* Plugbar */
.plugbar{position:fixed;bottom:0;left:0;border-top:1px solid #eae6e6;width:100%;right:0;max-width:767px;margin:0 auto;background:#fff;padding:9px 10px 10px 7px;z-index:10;}
.plugbar ul{list-style:none;padding:0;margin:0px;display:-webkit-flex;display:-moz-flex;display:flex;justify-content:space-between;align-items:center;}
.plugbar ul li{width:20%;float:left;}
.plugbar ul li a{display:block;color:#696969;font-size:12px;text-align:center;position:relative;}
.plugbar ul li a i{font-size:20px;color:#696969;}
.plugbar ul li a span{position:absolute;width:50px;height:50px;top:-40px;left:calc(50% - 50px/2);font-size:14px;display:block;border:1px solid rgba(234,230,230,0.5);border-radius:100%;}

/* Combo Phone */
.support-online{position:fixed;z-index:999;left:10px;bottom:0px;}
.support-online a{position:relative;margin:20px 10px;text-align:left;width:40px;height:40px;}
.support-online i{width:40px;height:40px;background:#43a1f3;color:#fff;border-radius:100%;font-size:20px;text-align:center;line-height:1.9;position:relative;z-index:999;}
.support-online a span{border-radius:2px;text-align:center;background:rgb(103,182,52);padding:9px;display:none;width:180px;margin-left:10px;position:absolute;color:#ffffff;z-index:999;top:0px;left:40px;transition:all 0.2s ease-in-out 0s;-moz-animation:headerAnimation 0.7s 1;-webkit-animation:headerAnimation 0.7s 1;-o-animation:headerAnimation 0.7s 1;animation:headerAnimation 0.7s 1;}
.support-online a:hover span{display:block;}
.support-online a{display:block;}
.support-online a span:before{content:"";width:0;height:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent  rgb(103,182,52) transparent transparent;position:absolute;left:-10px;top:10px;}
.support-online .kenit-alo-circle-fill{width:60px;height:60px;top:-10px;position:absolute;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:rgba(0,175,242,0.5);opacity:.75;right:-10px;}
.support-online .kenit-alo-circle{width:50px;height:50px;top:-5px;right:-5px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,0.4);opacity:.1;border-color:#0089B9;opacity:.5;}
.support-online .support-online .btn-support{cursor:pointer;}
.support-online .mes i{background:orange;}
.support-online .sms i{background:red;}
.support-online .call-now i{background:green;}


.call {
  background: #0768E1 !important;
  height: 50px;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 999;
  display: none;
  padding-top: 5px;
  border-top: 1px solid #ffffff8c;
}

.call__phone {
  width: 25%;
  text-align: center;
  float: left;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation-name: op_phone;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: op_phone;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  animation-name: op_phone;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.call__phone a {
  background: url(../images/icon-t1.png) no-repeat center 2px;
  background-size: 21px;
  padding-top: 21px;
  display: inline-block;
  width: 100%;
}

.call__sms {
  width: 25%;
  text-align: center;
  float: left;
}

.call__sms a {
  padding-top: 21px;
  background: url(../images/icon-t2.png) no-repeat center 2px;
  background-size: 25px;
  display: inline-block;
  width: 100%;
}

.call__zalo {
  width: 25%;
  text-align: center;
  float: left;
}

.call__zalo a {
  padding-top: 21px;
  background: url(../images/icon-t3.png) no-repeat center 2px;
  background-size: 45px;
  display: inline-block;
  width: 100%;
}

.call__face {
  width: 25%;
  text-align: center;
  float: left;
}

.call__face >a {
  padding-top: 21px;
  background: url(../images/map.png) no-repeat center 2px;
  background-size: 17px;
  display: inline-block;
  width: 100%;
}

.call a {
  color: #fff;
  font-size: 11px;
}
/* Phone Switch */
.widget-mobile{position:fixed;left:50%;transform:translateX(-50%);bottom:10px;z-index:9999999;}
#my-phone-circle{position:relative;width:50px!important;height:50px!important;}
.wcircle-open .wcircle-icon i:before{content:'\f00d';}
.wcircle-icon{background:#1282fc;border-radius:50%;display:flex!important;display:-ms-flex!important;align-items:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative!important;}
.wcircle-icon:before{position:absolute;content:'';width:60px;height:60px;background:rgba(18,130,252,.5);border:1px solid #fff;border-radius:50%;left:-5px;top:-5px;-webkit-animation:pulse 1s infinite ease-in-out;-moz-animation:pulse 1s infinite ease-in-out;-ms-animation:pulse 1s infinite ease-in-out;-o-animation:pulse 1s infinite ease-in-out;animation:pulse 1s infinite ease-in-out;}
.wcircle-icon:after{position:absolute;content:'';width:80px;height:80px;background:rgba(18,130,252,.5);border-radius:50%;left:-15px;top:-15px;-webkit-animation:zoomIn 2s infinite ease-in-out;-moz-animation:zoomIn 2s infinite ease-in-out;-ms-animation:zoomIn 2s infinite ease-in-out;-o-animation:zoomIn 2s infinite ease-in-out;animation:zoomIn 2s infinite ease-in-out;}
.wcircle-menu{position:absolute!important;left:0;top:0;display:none;}
.wcircle-menu-item{width:50px;height:50px;background:#1282fc;border-radius:50%;display:flex;display:-ms-flex;align-items:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.wcircle-menu-item img{width:50px;height:50px;display:block;border-radius:50%;}
.wcircle-menu-item i,.wcircle-icon i{font-size:25px;color:#fff;position:relative;z-index:9999;}
.shake-anim{-webkit-animation:shake-anim 1s infinite ease-in-out;-moz-animation:shake-anim 1s infinite ease-in-out;-ms-animation:shake-anim 1s infinite ease-in-out;-o-animation:shake-anim 1s infinite ease-in-out;animation:shake-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}

/* news code */
.mxh {
    display: flex;
}

.mxh ul {
  padding: 0;
  margin: 0;
  color: #000;
  align-items: center;
  display: flex;
}

.mxh ul li {
  list-style: none;
  box-shadow: none !important;
  margin-right: 10px;
}

.mxh ul li a {
  color: #000;
  font-family: MPR;
  font-size: 14px;
  padding: 0 !important;
  background: none;
  width: unset;
}
.mxh1 {
    margin-bottom: 20px;
}
.mxh1 div{margin-right:10px;}

.mxh1 ul {
  padding: 0;
  color: #fff;
  align-items: center;
  display: flex;
  margin-top: 25px;
  text-transform: uppercase;
  margin: 0px;
}

.mxh1 ul li {
  list-style: none;
  box-shadow: none !important;
  margin-right: 5px;
}
.mxh1 ul li img{transition:all ease 0.5s}
.mxh1 ul li:hover img{transform:rotate(360deg);transition:all ease 0.5s}
.mxh1 ul li a {
  color: #000;
  font-family: MPR;
  font-size: 14px;
  padding: 0 !important;
}
/* header */
.htop__flex{display:flex;align-items:center;justify-content:space-between;}
.htop{background: #D60000;padding: 7px 0;}
.fixed_mn .htop{display:none}
.htop__email{color: #fff;padding-left: 24px;background:url(../images/h2.png) no-repeat 0px;margin-right: 20px;padding-right: 20px;font-family: 'RR';}
.htop__address{color: #fff;margin-right: 37px;font-family: 'RR';background: url(../images/h1.png) no-repeat 0px;padding-left: 30px;}
.custom-header .htop__address{}
.htop__slogan{color: #fff;}
marquee{line-height: 20px;padding-top: 10px;max-width: 400px;}
.htop__hotline{color: #fff;padding-left: 25px;background: url(../images/h3.png) no-repeat 0px;padding-bottom: 5px;padding-top: 5px;margin-right: 20px;font-size: 13px;}
.htop__hotline span{color: #fff;}
.htop__hotline label{color:#d00;font-family:RB;font-size:15px;}
.htop__hotline p:nth-child(2){
  color:#0c51b9;font-size:16px
}
.htop__email p:nth-child(2){
  color:#0c51b9;font-size:13px
}
.htop__hotline p:nth-child(2){}
.header__mxh{background:#1d88cf;padding:10px;color:#fff;line-height: 2.0;}
.header__mxh--title p:nth-child(1){
  margin-bottom:5px;
  text-transform:uppercase;
  font-family: 'MR';
}
.header__mxh--sorial a{
  color:#fff;
  text-align:center;
  text-transform: uppercase;
}
.header__flex{display:flex;justify-content: flex-start;position: relative;align-items: center;}
.header__hotline {
  padding: 0px 15px 0px;
  padding-left: 70px;
  background: url(../images/hl.png) no-repeat 5px bottom;
  min-height: 55px;
  color: #000;
  display: flex;
  margin-bottom: 10px;
  font-family: 'RR';
  font-size: 16px;
}
.header__hotline span{font-family:RBB;color:#d00;font-size:16px}

.header__hotline p:nth-child(3){color: #ed1c24;font-size: 25px;font-family: 'UTMI';padding-bottom: 10px;}

.header__hotline div p{
    color: #ca0101;
    font-size: 19px;
    font-family: 'UTMI';
    width: 100%;
    font-style: normal;
    text-align: left;
}
.header__hotline div{margin-left:10px;}
.header__hotline1 {
  padding: 5px 15px 0px;
  display: inline-block;
  padding-left: 53px;
  background: url(../images/gh.png) no-repeat 5px bottom;
  line-height: 22px;
  color: #000;
}
.header__hotline1 p:nth-child(2){
    color: #faa21e;
    font-size: 19px;
    font-family: 'RB';
    width: 100%;
    margin-bottom: 5px;
    font-style: normal;
}



.menu-flex{display: flex;align-items: center;justify-content: center;width: 100%;padding: 0px;z-index: 99;position: relative;background: #0768E1;}
.menu-flex >div{}
.menu-flex .mnl,.menu-flex .mnr{width:40%;}
.menu-flex .menu__logo{width:20%;text-align: center;height: 50px;position: relative;z-index: 2;}
.custom-header{
  margin-bottom:0px;
  display: block;
  position: relative;
  border-bottom: 1px solid #f2f2f2;
}
.header__menu{max-width: 1030px;position: relative;display: flex;width: 100%;}
.header__menu>div{
    width: 100%;
}
.header__banner{
    max-width: 650px;
    width: 100%;
}
.header__slogan{font-family:UDH;font-size:30px;color: #8720a2;}
.header__address{
}
.header__logo img{position: relative;}
.fixed_mn{position: fixed !important;top: 0px !important;width: 100%;display: block;padding: 0px !important;z-index: 999;left: 0px;min-width: 1349px;}
.menu__logo img{
  transition: all ease 0.5s;
  position: relative;
  top: -58px;
}
.custom-header .menu__logo img{max-width:100px;top:-30px;}
.fixed_mn .logo-header img{transition: all ease 0.5s;top: -16px;max-width: 115px;}
/*.gioithieu{position:relative;padding: 40px 0;background: url(../images/brgt.jpg) no-repeat;background-size: cover;}*/
.gioithieu span img{}

.gioithieu__box{position: relative;margin: auto;}
.gioithieu__item{
    flex-flow: row;
}


.gioithieu__img{text-align: left;position: relative;margin-top: 40px;display: inline-block;}
.gioithieu__img:after{content:'';position:absolute;width:100%;height:100%;right: -40px;top: -40px;background:#d00;}
.gioithieu__img img:nth-child(1){

position:relative;

z-index: 11;

left: 0px;

top: 0px;
}

.gioithieu__img img:nth-child(2){
 position:absolute;
 z-index:1;
 right: 0px;
 bottom: -50px;
 }

@keyframes toright{
  0%{right:0px}
  50%{right:calc(100% - 285px)}
}
@keyframes toleft{
  0%{left:0px}
  50%{left:calc(100% - 510px)}
}
.gioithieu__title p:nth-child(1){position:relative;font-size: 35px;line-height: 40px;font-family: 'UTMI';color: #cc0000;margin-bottom: 5px;text-transform: uppercase;}

.gioithieu__tieude{font-family: UBC;text-align: center;position: relative;z-index: 9;background: url(../images/);}
.gioithieu__img1{margin-left:30px;box-shadow:2px 2px 10px #555555b0}
.gioithieu__name a{color: #000;font-family: 'STCR';font-size: 72px;line-height: 80px;}
.gioithieu__name{text-align: left;font-size: 41px;color: #d00;font-family: 'MA';min-width: 250px;align-items: unset;margin-bottom: 10px;position: relative;padding-bottom: 30px;}
.gioithieu__des{color: #676767;overflow: hidden;line-height: 1.8;font-size: 14px;margin-bottom: 20px;}
.gioithieu__view{display: flex;align-items: center;margin-bottom: 10px;text-align: center;}
.gioithieu__view a{padding: 10px 25px;color: #cf1414;border-radius: 20px;border: 1px solid #cf1414;text-transform: uppercase;font-style: italic;font-size: 13px;}
.gioithieu__view a span{border-radius: 20px;background: #6dbf41;width: 215px;height: 40px;display: flex;align-items: center;justify-content: center;}

.gioithieu__view a:hover{}
.product{}
.product__item {
  position: relative;
  transition: all ease 0.4s;
  margin-bottom: 20px;
}
.product__item:hover{}

.product__bd {
}

.product__item:hover .product__img {
  transition: all ease 0.2s;
}
.product__item:hover .product__bd{
}

.product__item1:hover {
  transition: all ease 0.2s;
  transform: scale(1);
  box-shadow: 0 0 10px 0 #c4c4c4;
}


.product__content {
  position: relative;
}



.product__img::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    -o-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    z-index: 1;
}
.product__img:hover::before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

.product__des {
  text-align: center;
}

.product__des a {
  border: 2px solid #234c20;
  border-radius: 5px;
  color: #234c20;
  display: inline-block;
  padding: 5px 10px;
  width: 100%;
  font-family: MLB;
}
.product__news{
  position:absolute;
}
.product__name a{
  color:#000;
}
.product__item:hover .product__name{visibility:visible;}
.product__price {
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}


.product__giaban span{color:#d00;font-family: OPB;}
.product__giasi{padding: 0px 10px}
.product__giaban span,.product__giasi span {
}


.product__item {
  transition: all ease 0.4s;
  margin-bottom: 30px;
  position: relative;
  background: #fff;
}

.product__item:hover{}

.product__bd {
    position: relative;
    border: 1px solid #cacaca;
}

.product__item:hover .product__img {
  transition: all ease 0.2s;
}
.product__item:hover .product__bd{
}

.product__item1:hover {
  transition: all ease 0.2s;
  transform: scale(1);
  box-shadow: 0 0 10px 0 #c4c4c4;
}


.product__content {
  position: relative;
  text-align: center;
  padding: 10px;
}
.product__img {
  padding-bottom: 75%;
  position: relative;
  height: 0;
  overflow: hidden;
}
.product__item:hover .product__img::after {content:'';position:absolute;width:100%;height:100%;left:0px;top:0px;background:#0000004d}

.product__img::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    -o-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(2.5, 2.0, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    -ms-transform: scale3d(2.5, 2.0, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    -o-transform: scale3d(2.5, 2.0, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(2.5, 2.0, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    z-index: 1;
}
.product__img:hover::before {
    -webkit-transform: scale3d(2.5, 2.0, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    -o-transform: scale3d(2.5, 2.0, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(2.5, 2.0, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

.product__des {
  text-align: center;
  margin-bottom: 10px;
}

.product__des a {
  border: 2px solid #234c20;
  border-radius: 5px;
  color: #234c20;
  display: inline-block;
  padding: 5px 10px;
  width: 100%;
  font-family: MLB;
}
.product__name{
  font-weight: normal;
  text-align: center;
  position: relative;
}
.product__name a{
  color: #000;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 7px;
  font-family: 'RB';
}
.product__item:hover .product__name{visibility:visible;}
.product__price {
  color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #0f93e7;
  border-radius: 0px 20px 20px 0;
}

.product__giaban {
  color: #000;
  text-align: left;
  border-radius: 30px;
  font-family: MR;
}
.product__giaban span{color:#d00;font-family: MR;}
.product__giasi{padding: 0px 10px}
/*.prdid{margin-top: -10px;position: relative;background: url(../images/brtt.jpg) no-repeat;background-size: 100% 100%;}*/
.prd__item {
  position: relative;
  transition: all ease 0.4s;
  padding-bottom: 0px;
  margin-bottom: 20px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.prd__item div{}
.prd__item div{display: inline-block;}
.prd__item div:nth-child(2){border-bottom:1px dotted #555;flex: 1 0 0;}
.prd__item div:nth-child(3){text-align: right;font-family: 'RB';}
.prd__item img{border-radius: 50%;}
.prd__item:hover{}
.prd__item a{color:#000;}
.prd__ab{
    width: 100%;
    position: absolute;
    bottom: 35px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/brname.png) center center;
    left: 0px;
}
.prd__ab a{color: #000;text-transform:uppercase;display: flex;align-items: center;justify-content: center;height: 100%;font-family: 'QB';}

.prd__item:hover .prd__ab{
  visibility:visible;
}
.prd__ab span{max-width:490px;width:100%;text-align:center;background:url(../images/brprd.png) no-repeat;background-size:cover;min-height: 50px;display: flex;align-items: center;justify-content: center;color: #000;font-family: MB;text-transform: uppercase;font-size: 22px;}
.prd__bd{border-radius: 50%;display: inline-block;position: relative;padding: 13px;background: url(../images/bdprd.jpg) no-repeat;background-size: 100% 100%;}
.prd__item:hover .prd__view a{border: 1px solid #fff;color: #000;background: #fff;}
.prd__view a{
  color: #fff;
  font-size: 14px;
  font-family: 'RR';
  background: linear-gradient(to top, #00a2bd, #01c3c0);
  text-transform: uppercase;
  padding: 8px 20px;
  display: inline-block;
  border-radius: 5px;
}
.prd__item:hover .prd__img {
  transition: all ease 0.2s;
}

.prd__content {
  z-index: 9;
  position: relative;
  max-width: 65%;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.prd__content img{padding: 5px;background: #f3f3f3;}

.prd__img {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
  height: 0;
  display: block;
}
.prd__img img{
}


.prd__img::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    -o-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(2.5, 1.9, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    -ms-transform: scale3d(2.5, 1.9, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    -o-transform: scale3d(2.5, 1.9, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(2.5, 1.9, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    z-index: 1;
}
.prd__item:hover .prd__img::before {
    -webkit-transform: scale3d(2.5, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    -o-transform: scale3d(2.5, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(2.5, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

.prd__des {
  text-align: center;
}

.prd__des a {
  border: 2px solid #234c20;
  border-radius: 5px;
  color: #234c20;
  display: inline-block;
  padding: 5px 10px;
  width: 100%;
  font-family: MLB;
}
.prd__name{
  margin: auto;
  font-weight: normal;
  line-height: 20px;
  color: #000;
  font-family: 'RB';
  text-align: center;
  max-width: 220px;
  margin: 0px auto;
}
.prd__name h3{font-size:24px;}
.prd__name a{
  font-family: 'MB';
  color: #000;
  text-transform: uppercase;
}
.prd__flex{display:flex;margin-bottom: 20px;border: 1px solid #e6e6e6;padding: 15px;}
.prd__item:hover .prd__name{visibility:visible;}
.prd__price {
 text-align:center;
 color: #555;
 display: flex;
 justify-content: center;
 align-items: center;
 z-index: 99;
 right: 10px;
 width: 100%;
}
.prd__cart{margin-top:10px;}
.prd__cart a{
  display:inline-block;
  padding: 10px 20px;
  border-radius: 4px;
  color: #fff;
  background: linear-gradient(to top, #00a2bd, #01c3c0);
  font-family: 'RB';
  text-transform: uppercase;
}
.prd__cart:hover a{
 background:#6dbf41;color:#fff
}
.prd__giaban {
  text-align: center;
  color: #000;
  position:relative;
}

.prd__giacu {
  color: #858585;
  text-align: center;
  border-radius: 30px;
  text-decoration:line-through;
  margin-left: 20px;
}
.prd__giaban span{color: #d00;}




.box-id{display: flex;justify-content: center;background: url(../images/icid.png) no-repeat center center;min-height: 370px;padding-top: 60px;}

.xemthem{margin: 10px;text-align: center;}
.xemthem a {color: #555555;padding: 10px 30px;display: inline-block;border: 1px solid #555555;font-size: 12px;text-transform: uppercase;}
#slider{position:relative;}
.menu_fix{position:absolute;top:0px;right:0px;z-index:99;background: #e50810b3;height: 100%;padding: 7px;display: flex;align-items: center;}
.left__link{
  padding: 0 10px;
  background: #f4f4f4;
  border: 1px solid #D60000;
  overflow-y: scroll;
}
.left_box{
    position: relative;
}
.left__link > ul {
  border-top: 0;
  margin: 0;
  padding: 0px;
}

.left__link > ul >li {
  list-style: none;
  z-index: 9;
}

.left__link > ul li:hover, .active_left {
}


.left__link > ul >li:hover >a, .activeleft {color: #d00 !important;}

.left__link > ul > li:last-child,
.left__link > ul ul > li:last-child {
}

.left__link > ul > li.actleft {
  background: #f2f2f2;
}

.left__link > ul > li > a {
  color: #000;
  display: inline-block;
  font-weight: normal;
  width: 100%;
  font-size: 14px;
  border: 1px solid transparent;
  text-align: left;
  border-bottom: 1px dashed #aeaeae;
  padding: 10px;
  background: url(../images/icmn.png) no-repeat 0px;
  padding-left: 20px;
  text-transform: uppercase;
}
.left__link > ul > li > a h2{font-weight:normal;font-size: 12px;}
.left__link > ul > li > a i {
  margin-right: 10px;
}

.left__link > ul > li:last-child a {
}

.left__link ul  li:hover >ul {visibility: visible;}
.left__link > ul ul > li:hover ul {
  visibility: visible !important;
}

.left__link  ul ul {top: 0px;width: 100%;text-align: center;right: -90%;position: absolute;padding: 0px;background: #f4f4f4;visibility: hidden;z-index: 999;}

.left__link > ul ul li {
  list-style: none;
  position: relative;
}
.left__link > ul ul li a{
      display: inline-block;
    font-weight: normal;
    width: 100%;
    font-size: 14px;color:#000;
    border: 1px solid transparent;
    text-align: left;
    border-bottom: 1px solid #ebebeb;
    padding: 10px;
    box-shadow: inset 0px -1px #fff;
    background: url(../images/icmn.png) no-repeat 0px;
    padding-left: 20px;
    text-transform: uppercase;
}
.left__link > ul ul li:last-child a h2{border:0px;}
.left__link > ul ul li a h2 {
  color: #fff;
  position: relative;
  display: inline-block;
  text-transform: none;
  padding: 7px 15px;
  font-weight: normal;
  width: 100%;
  border-bottom: 1px solid #f0f2f138;
  font-size: 13px;
  text-align: left;
}

.left__link > ul ul li a:after {
  left: 35px;
  top: 7px;
}

.left__link > ul ul li:hover > a {
  text-decoration: underline;
}
/*footer*/
.footer{background: #0768E1;background-size: cover;}
.footer__title {
  position: relative;
  font-weight: normal;
  color: #fff;
  font-size: 17px;
  margin-bottom: 15px;
  text-transform: uppercase;
  max-width: 300px;
  padding-bottom: 10px;
}
.footer__title:after{content:'';position:absolute;width: 40px;height: 1px;background: #00cafc;bottom: 0px;left:0px;}
.footer__bg{display: flex;}
.footer__map{height:0px;padding-bottom: 250px;position:relative;}
.footer__map iframe{position:absolute;width:100%;height:100%;left:0px;top:0px;}
.footer__slogan {
  color: #000;
  line-height: 25px;
  max-width: 360px;
  text-align: center;
  margin: auto;
  margin-bottom: 20px;
  font-size: 17px;
}
.footer__name {
  position: relative;
  font-size: 30px;
  margin-bottom: 20px;
  font-family: 'RB';
  color: #fff;
  line-height: 40px;
  text-transform: uppercase;
}
.footer__address {
  color: #e9e9e9;
  line-height: 1.8;
  width: 100%;
  max-width: 470px;
  margin-bottom: 10px;
}

.footer__address p label{font-family:OPB;color: #fff;}
.footer__address p span{font-size: 14px;color: #fff;}
.footer__address p span:nth-child(1){}
 .footer__address p:nth-child(1){
  background: url(../images/f1.png) no-repeat 0px 0px;
}

.footer__address p:nth-child(2){background: url(../images/f2.png) no-repeat 0px 0px;}
.footer__address p{text-align:left;padding-left: 37px;padding-bottom: 5px;padding-top: 3px;margin-bottom: 5px;}

.footer__address p:nth-child(3){background: url(../images/f3.png) no-repeat 0px 0px;}
.footer__address p:nth-child(4){background: url(../images/f4.png) no-repeat 0px 0px;border: 0px;} 
 
.footer__address p:nth-child(5){

background: url(../images/f5.png) no-repeat 0px 5px;
}

#footer-map {
   padding-bottom: 220px;
   height: 0;
   position: relative;
   width: 100%;
}

#footer-map iframe{
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
  left: 0;
}

#fanpage-facebook{}

.botnews__news--hot {
  margin-bottom: 20px;
}

.botnews__item--hot {
  position: relative;
  text-align: left;
  justify-content: space-between;
  overflow: hidden;
}


.dichvu__img{position:relative;overflow:hidden;}
.dichvu__content{
    padding: 10px;
}
.dichvu__item:nth-child(even) .dichvu__content{margin-right: -30px;margin-left:unset}
.dichvu__item:nth-child(even) .dichvu__img{margin-left: -30px;margin-right:unset}

.dichvu__img:hover::before,.botnews__img--hot:hover::before {
    -webkit-transform: scale3d(2.5, 2.0, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    -o-transform: scale3d(2.5, 2.0, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(2.5, 2.0, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

.botnews__bd--hot{overflow:hidden;}
.botnews__img--hot{overflow:hidden;position: relative;}
.botnews__item--bd {
  background: #f2f2f2;
  padding: 30px;
  box-shadow: 0 0 10px 0 #c4c4c4;
  min-height: 395px;
}
.dichvu__ab{position:absolute;width: 100%;height: 20%;bottom: 0px;left: 00px;background:#000000c2;display: flex;align-items: center;justify-content: center;padding: 15px;}

.botnews__flex {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}

.botnews__flex1 {
  display: flex;
  position: relative;
}

.botnews__flex1:after {
  content: '';
  background: url(images/brtd.png);
  width: 50%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-size: cover;
}

.botnews__bd {
  border-bottom: 1px dotted #555;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.botnews__title--hot{}
.botnews__title--hot a {
  position:relative;
  padding: 5px 0;
  font-weight: normal;
  font-family: 'RB';
  width: 100%;
  color: #000;
  font-size: 15px;
}

.botnews__title--hot a:hover,.botnews__title--other a:hover {
  color: #E2AC25;
}

.botnews__content--hot {
  line-height: 1.6;
  color: #000;
  margin-bottom: 10px;
  z-index: 1;
  top: 0px;
  left: 0px;
  background: #fff;
  padding: 10px 0px;
  border-radius: 0px 0px 5px 5px;
  display: flex;
  align-items: flex-start;
}
.botnews__name--hot{color:#000;font-family:RB;font-size: 14px;line-height: 20px;}
.botnews__content--hot >div:nth-child(2){
    z-index: 9;
    padding-left: 15px;
}
.botnews__ab {
  position: absolute;
  height: 80px;
  width: 100%;
  bottom: 15px;
  text-align: center;
  background: url(../images/brname.png) no-repeat;
  display: flex;
  justify-content: center;
  background-size: cover;
}

.botnews__des--hot {
  line-height: 25px;
  color: #555;
  height: auto !important;
}

.botnews__des--other {
  text-align: left;
  color: #000;
  line-height: 1.4;
  font-size: 14px;
}

.botnews__date {}

.botnews__date {
  z-index: 99;
  left: 25px;
  top: 17px;
  background: #0768E1;
  color: #fff;
  text-align: center;
  font-family: 'RL';
  max-width: 70px;
  width: 100%;
}

.botnews__date span:nth-child(1) {
 color: #0d87c6;
 font-style: italic;
 }

.botnews__date span:nth-child(2) {
  margin-left:10px;padding-left:20px;background:url(../images/d2.png) no-repeat 0px;
 }



.botnews__date p:nth-child(1) {
  background: #009ebe;
  font-size: 22px;
  font-family: 'RB';
  font-size: 30px;
}

.botnews__view a:hover {
}

.botnews__view a{
  color: #009ebe;
  display: inline-block;
  padding: 9px 0px;
  border-radius: 5px;
}
.clrv .botnews__view{text-align:right;}
.clrv .botnews__view a{margin-right:-15px;}

.botnews__view a:hover{
  color:#fff;
}
.botnews__news--other {
  position: relative;
}

.botnews__item--other {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.botnews__item--other:hover{}

.botnews__item--other:hover .flex-box {
  box-shadow: 0 0 0 1px #0d362e;
}

.botnews__item--other .flex-box {
  background: #ed9b33;
  border-radius: 10px;
}

.botnews__img--other {
  position: relative;
  overflow: hidden;
  width: 145px;
}

.botnews__img--other img {
}
.clrv{flex-flow:row-reverse}
.botnews__img--hot img {
  transition: all ease 0.5s;
  transform: scale(1);
}

.botnews__img--hot:hover img {
  transition: all ease 0.5s;
  transform: scale(1.1);
}

.botnews__img--other a,
.botnews__img--hot a {
  position: relative;
  color: #a25642;
}

.botnews__date--other {
  color: #555;
  background: url(../images/date.png) no-repeat 0;
  padding-left: 25px;
}

.botnews__title--other {
  line-height: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  font-family: 'RB';
  font-size: 16px;
  color: #009ebe;
}

.botnews__title--other a {
  color: #009ebe;
  font-size: 15px;
  font-family: 'MB';
}

.botnews__pd {
  padding: 15px 10px;
}

.botnews__content--other {
  line-height: 1.5;
  position: relative;
  color: #555;
  width: calc(100% - 160px);
  padding-left: 7px;
}
.botnews__content--other h3{
  color:#000;
  font-weight:normal;
  font-family: RB;
  font-size: 14px;
  margin-bottom: 8px;
  line-height: 20px;
}
.botnews__content--other:after {
  position: absolute;
  width: 20px;
  height: 20px;
  background: #a7ce35;
  top: 50%;
  left: -8%;
  z-index: 99;
  border-radius: 50%;
  border: 3px solid #bee648;
}

.botnews__link {
  background: #f2f2f2;
  padding: 15px;
}

.botnews__link ul li {
  list-style: none;
}

.botnews__link ul li a {
  color: #000;
  font-size: 13px;
  background: url(../images/dotnews.png) no-repeat 0;
  padding: 4px 0 4px 10px;
  display: inline-block;
  width: 100%;
}

.botnews__change--slt {
  width: 100%;
  color: #555;
  padding: 10px;
  background: #fbfbfb;
  border: 1px solid #d9d9d9;
  margin-top: 7px;
}

.botnews__change--link p{
  border-bottom:1px dashed #d9d9d9;color:#fff;padding:10px 10px 10px 50px;background:url(../images/bry.png) no-repeat 10px;cursor:pointer;
}
.botnews__change--link p:hover{background:#f2f2f28f url(../images/bry.png) no-repeat 10px;}
.botnews__change--clip{}
.botnews__change--show {
  height: 0px;
  position: relative;
  padding-bottom: 94%;
}

.botnews__change--show iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.botnews__clickf--show {
  height: 0;
  position: relative;
  padding-bottom: 50%;
  margin-bottom: 14px;
}
.botnews__clickf
.botnews__clickf--show iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.botnews__clickf--box {
  margin: 0 -7px;
}

.botnews__clickf--item {
  position: relative;
  height: 0;
  padding-bottom: 70%;
}

.botnews__clickf--item img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
}

.botnews__clickf--item span,.img-video span {
  width: 59px;
  height: 59px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  z-index: 9;
  background: url(../images/icy.png);
  border-radius: 50%;
  background-size: 100% 100%;
  cursor: pointer;
}

.botnews__clickl {
  display: flex;
  justify-content: flex-start;
}

.botnews__clickl--show {
  height: 0;
  position: relative;
  padding-bottom: 48%;
  width: 79%;
  margin-right: 1%;
}

.botnews__clickl--show iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.botnews__clickl--content {
  width: 55%;
}

.botnews__clickl--content p:nth-child(1) {
  font-family: OPB;
  font-size: 20px;
}

.botnews__clickl--content p:nth-child(2) {
  font-family: OPR;
  color: #5d5d5d;
  font-size: 15px;
}

.botnews__clickl--flex {
  display: flex;
  align-items: center;
  background: #f2f2f2;
  margin-bottom: 10px;
  padding: 25px;
  padding-bottom: 15px;
  border: 1px solid #ebebeb;
}
.botnews__clickl--box {
  height: 0;
  position: relative;
  width: 21%;
  padding-bottom: 48%;
  overflow-y: scroll;
  float: right;
  background: #eaeaea;
}
.botnews__clickl1--box {
  height: 0;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  overflow-y: scroll;
}

.botnews__clickl1--box::-webkit-scrollbar {
  width: 2px;
  border-radius: 20px;
}

.botnews__clickl1--box::-webkit-scrollbar-thumb {
  background-color: #5555552e;
  border-radius: 20px;
  outline: 1px solid #555;
}

.botnews__clickl1--box::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px transparent;
  border-radius: 20px;
}

.botnews__clickl--box::-webkit-scrollbar {
  width: 2px;
  border-radius: 20px;
}

.botnews__clickl--box::-webkit-scrollbar-thumb {
  background-color: #5555552e;
  border-radius: 20px;
  outline: 1px solid #555;
}

.botnews__clickl--box::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px transparent;
  border-radius: 20px;
}

.botnews__clickl--item {
  position: relative;
  height: 0;
  padding-bottom: 55%;
  margin-bottom: 5%;
}

.botnews__clickl--item img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.botnews__clickl--item span {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  z-index: 9;
  background: url(../images/icy.png);
  border-radius: 50%;
  background-size: 100% 100%;
  cursor: pointer;
}

.botnews__title--detail {
  margin-bottom: 10px;
}

.botnews__title--detail a {
  line-height: 23px;
  color: #000;
  font-size: 13px;
  font-family: SAV;
}
/*search */


.box-search {
  position: relative;
  text-align: center;
  z-index: 99;
  display: flex;
  align-items: center;
}
.box-search:after{/* content:''; */position:absolute;width:1px;height:20px;border-left:1px solid #d9d9d9;left:-5px;top:10px;}
.box-search a{display:inline-block;padding: 10px;position: relative;}
.box-search a:after{content:'|';position:absolute;left:0px;}
.search {
  margin-top: 0;
}

.search form {
  position: relative;
  display: flex;
  width: 100%;
  border: 0px;
  padding-right: 45px;
}

.search.rel {
  position: relative;
  max-width: 420px;
  width: 100%;
  padding: 5px;
}

.search.alb {
  position: absolute;
  right: 0;
  top: 70px;
  display: none;
  width: 250px;
  border-radius: 5px;
}
.fix_header .search.alb{top: 46px;}
.search__title {
  font-family: UTMI;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  float: left;
  margin-right: 10px;
  line-height: 30px;
  text-transform: uppercase;
}



.search__txt::-webkit-input-placeholder {
  font-family: "RR";
  color: #fff;
  font-size: '12px';
}

.search__txt::-moz-placeholder {
  font-family: "RR";
  color: #fff
  font-size: '12px';
}

.search__txt::-ms-input-placeholder {
  font-family: "RR";
  color: #fff
  font-size: '12px';
}

.search__txt::-moz-placeholder {
  font-family: "RR";
  color: #fff
  font-size: '12px';
}

.search__btn {
  background: #ea4335;
  cursor: pointer;
  border: 0px;
  position: absolute;
  width: 100px !important;
  height: 46px;
  top: 0px;
  right: 0px;
  color: #fff;
  border-radius: 0px 50px 50px 0px;
}


/* album */
.bst__item:hover {
  transition: all ease 0.2s;
  transform: scale(1);
}

.bst__item:hover .bst__content {
  background: #fff;
}

.bst__img a:hover:after {
  background: #000;
  opacity: 0.7;
}
.bst__item{position:relative;}
.bst__img {
  opacity: 1;
  transition: all ease 0.5s;
  overflow: hidden;
  position: relative;
  line-height: 0;
}

.bst__img a {
  position: relative;
  overflow: hidden;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
}



.bst__img img {
  transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


.bst__item:hover .bst__img p {
  visibility: visible;
}

.bst__content {
  text-align: center;
  position: relative;
  padding: 10px;
}
.bst__item:hover .bst__ab{
 visibility: visible;
}
.bst__ab {
  position: absolute;
  z-index: 9;
  bottom: 0;
  display: flex;
  width: 100%;
  height: 100%;
  color: #fff;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  text-align: center;
  color: #fff;
  visibility: hidden;
  background: #0000005c;
  font-family: MB;
}

.bst__ab span{
  width:100%;
  background: #ffffff59;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 20px;
  font-family: RB;
  padding: 20px;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.bst__name {
  text-align: center;
  color: #000;
  margin-bottom: 5px;
  font-family: MB;
  font-size: 14px;
  padding-bottom: 10px;
}

.bst__name h3 {
  color: #848484;
  margin-bottom: 5px;
  font-family: MLB;
  font-size: 20px;
}
.bst__name p{margin-bottom:5px;}
.bst__date {
  font-size: 12px;
  color: #8c8c8c;
}
.botnews{background: url(../images/brnt.jpg);background-size:cover;position:relative;}

/* menu_id */
.br-w{background: url(../images/ictd1.png) no-repeat bottom center !important;}

.iconvideo{margin-top: 100px;display: block;margin-left: -125px;position: relative;}


/*contact*/


.contact__stip {
  padding: 10px 20px 10px 15px;
  color: #000;
  height: 54px;
  border: 1px solid #dedede;
  margin-bottom: 5px;
  font-family: RR;
}

.contact__stip::-webkit-input-placeholder {
  color: #555;
 font-family:Arial
}

.contact__stip::-moz-placeholder {
  color: #555;
 font-family:Arial
}

.contact__stip::-ms-input-placeholder {
  color: #555;
 font-family:Arial
}

.contact__stip::-moz-placeholder {
  color: #555;
 font-family:Arial
}

.contact__btnfrm {
  padding: 0 20px;
  background: #cc0000;
  color: #fff;
  line-height: 40px;
  border: 1px solid #000;
  font-family: Arial;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 2px;
  cursor: pointer;
  border: 0px;
}

/*baiviet*/
.baiviet__item{margin-bottom:20px;}
.baiviet__price{color:#000}
.baiviet__price span{color:#1d88cf;font-family:MB}
.baiviet__item: hover .baiviet__name a {
  color: #eb9424;
}
.baiviet__img::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    -o-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    z-index: 1;
}
.baiviet__img a:hover::before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}


.baiviet__bd{clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);max-width: 265px;margin: 0px auto;padding: 7px;background: #d0d0d08a;}
.baiviet__bd .baiviet__img {
  clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
}
.baiviet__img {
  opacity: 1;
  transition: all ease 0.5s;
  overflow: hidden;position:relative;
}

.baiviet__img:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all ease 0.4s;
}

.baiviet__img img {
  transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.baiviet__img:hover img {
  transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}



.baiviet__img a::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    -o-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    z-index: 1;
}
.baiviet__img a:hover::before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

.baiviet__content {
  text-align: left;
  position: relative;
  padding: 20px 10px;
  border: 1px solid #e0e0e0;
  background: #fff;
  box-shadow: 1px 1px 1px #f2f2f2;
}
.baiviet__name{
  font-size:15px;
}
.baiviet__content a{display:block;text-align: center;color: #000;font-size: 14px;}
.baiviet__name a {
  font-size: 14px;
  color: #000;
  font-weight: normal;
  font-family: 'MB';
  text-transform: uppercase;
  margin: 7px 0;
}
.baiviet__des {
  color: #555;
  font-size: 15px;
  text-align: center;
}

/*product_detail*/
li .button {
  background: #f2f2f2;
  color: #000;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 0px;
  box-shadow: 2px 3px #d9d9d9;
  font-size: 13px;
  font-weight: 600;
  font-family: MB;
}
li .button1 {
  background: #f2f2f2;
  color: #000;
  display: inline-block;
  padding: 5px 10px;
  box-shadow: 2px 3px #d9d9d9;
  font-family: MB;
  font-size: 13px;
}
li .button i,li .button1 i{margin-right:5px;}
.menuleft{background: #269300;position: relative;z-index: 9;}
.logo{text-align:center;padding-top:40px;margin-bottom: 20px;}

.gioithieu__content{
    position: relative;
    z-index: 3;
}
.gioithieu__content{}

/*nhận tin*/
.nhantin__box{width: 100%;text-align: center;position: relative;margin: 0px auto;}
.nhantin--title {
  color: #fff;
  text-align: left;
  padding-left: 70px;
  background: url(../images/sms.png) no-repeat;
}
.nhantin--title p:nth-child(1){font-family: 'RB';text-transform:uppercase;font-size: 17px;}
.nhantin--txt {
  color: #fff;
  width: 100%;
  margin-bottom: 20px;
}
.footer__nhantin--box form{
    width: 100%;
}
.footer__nhantin--txt {
  color: #000;
  height: 53px;
  padding: 5px 10px 5px 10px;
  background: #ffffff85;
  width: 100%;
  /* display: block; */
  border: 0px;
  margin-right: 5px;
  border: 1px solid #dddddd;
  font-family: RR;
  border-radius: 5px;
  margin-bottom: 10px;
}
.pdbox{}
.footer__nhantin--txt::-webkit-input-placeholder {
  color: #000;
  font-size: '13px';
}

/* input[name='ten']{background:url(../images/b1.png) no-repeat 0px}
input[name='dienthoai']{background:url(../images/b3.png) no-repeat 0px}
input[name='email']{background:url(../images/b2.png) no-repeat 0px}
textarea[name='noidung']{background:url(../images/b4.png) no-repeat 0px 5px} */

.footer__nhantin--txt::-moz-placeholder {
  color: #000;
  font-size: '13px';
}

.footer__nhantin--txt::-ms-input-placeholder {
  color: #000;
  font-size: '13px';
}

.footer__nhantin--txt::-moz-placeholder {
  color: #000;
  font-size: '13px';
}

.footer textarea {
  width: 100%;
  margin: 0;
  margin-bottom: 10px;
  height: auto;
}


.footer__nhantin--btn {
  cursor: pointer;
  border: 0;
  color: #fff;
  font-family: MLR;
  font-size: 14px;
  right: 0px;
  top: 0px;
  text-transform: uppercase;
  width: 65px;
  height: 130px;
  background: url(../images/dangky.png) no-repeat;
  background-size: cover;
}

.submit-newsletter {
  z-index: 2;
  cursor: pointer;
  border: 0;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-family: 'RB';
  right: 0px;
  height: 40px;
  padding: 8px 30px;
  top: 0px;
  background: linear-gradient(to top, #00a2bd, #01c3c0);
  border-radius: 5px;
}

.menu_list{padding: 0px 70px;margin: 0px auto;}

.tab-item {text-align:center;padding: 20px 10px;cursor: pointer;}
.tab-item{
  
border-bottom: 1px solid #0253AC;
}
.tab-item:nth-child(1){
  border-right: 1px solid #0253AC;
 
}
.tab-item p:nth-child(1){margin-bottom: 5px;}
.tab-item p:nth-child(2){font-family: NB;}

.tab-item p img{display:inline-block;}
.slbox:not(.slick-slide){
  display:none;
}

.tab-list{margin-top:90px}



/*tab lazy*/
.lozad {
  opacity: 0;
  visibility: hidden;
}

.fade {
  animation-name: fade;
  animation-duration: 0.5s;
  opacity: 1;
  visibility: visible;
}

@keyframes fade {
  from {
    opacity: 0;
    visibility: hidden;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}
.tab{
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      margin-bottom: 30px;
      flex-wrap: wrap;
}

.tab .act {color: #fff;}
.tab >div {
    font-size: 14px;
    position: relative;
    color: #000;
    padding: 5px 25px;
    text-align: center;
    margin-right: 5px;
    line-height: 31px;
    align-items: center;
    border: 1px solid #cacaca;
    font-family: 'RB';
    text-transform: uppercase;
    background: linear-gradient(to top, #ebebeb, transparent);
    border-radius: 5px;margin-bottom: 5px;
}
.tab >div:after{content:'|';position:absolute;color:#ffffff45;right:-2px}
.tab >div img{
  margin-bottom:10px;transition:all ease 0.5s
}
.tab >div:hover img{transform:rotate(360deg);transition:all ease 0.5s}
.tab .act,.tab >div:hover {
  background: linear-gradient(to top, #00a2bd, #01c3c0);
}
.act .circle-animate .circle{
  border:1px solid  #fc9226;
}
.tab__content > div {
  display: none;
}

.act-ct {
  display: block !important;
  width: 100%;
}

.act {
  display: block !important;
}

/*end*/

.dichvu__view a{display:inline-block;width: 140px;padding: 11px;margin-left: 10px;text-align: center;color: #000;border-radius: 50px;text-transform: uppercase;background: #fee302;font-family: 'MR';}


.title-center{
    margin-bottom: 20px;
    color: #f1b01e;
    position: relative;
    z-index: 5;
    font-size: 14px;
    }
   .brr{}
.title-center p{position: relative;color: #000;}


.title-center span{display: inline-block;position: relative;z-index: 2;padding-right: 15px;color: #009ebe;font-family: 'UTMI';font-size: 30px;text-transform: uppercase;}
.title-center span label{color:#d00}
.cl-w p,.cl-w span{color:#fff}
.cl-w span{color:#fff;font-family:MB;text-transform: none;}
.cl-w p:before ,.cl-w p:after{ border-bottom: 1px solid #fff;} 
.title-center p:after{content:'';position:absolute;}



.visao_item{margin-top: 45px;text-align: center;}

.visao__item: hover .visao__name a {
  color: #eb9424;
}

.visao__img {
  opacity: 1;
  transition: all ease 0.5s;
  overflow: hidden;
  position: relative;
  text-align: center;
  margin-bottom: 10px;
  margin: auto;
  background: url(../images/icvs.png) no-repeat;
}
.flex-flow-row .visao__img{margin-right:unset;margin-left:10px;}
.flex-flow-row .visao__name{text-align:right;}
.visao__img img{border-radius:50%;transition:all ease 0.5s}
.visao__img:hover img{
  transition:all ease 0.5s;transform:rotate(360deg)
}
.visao__content {
  text-align: center;
  position: relative;
  padding: 10px;
}
.visao__content a{display:block;min-height: 45px;}
.visao__item{
}
.visao__item:hover h3{
  color: #F2D639;
}
.visao__item:hover{
}
.visao__name {
  font-weight: normal;
  font-family: 'RB';
  color: #fff;
  font-size: 16px;
  margin-top: 5px;
  height: 24px;
  overflow: hidden;
  text-transform: uppercase;
}
.visao__des {
  color: #fff;
  font-size: 15px;
  text-align: center;
}
.hotlineb{background:#57b948;padding:20px 0}
.hotline_w{max-width:1200px;margin:0px auto}

.title-bot{color: #ea4335;font-family: RBB;text-transform:uppercase;font-size: 30px;margin-bottom: 10px;background: url(../images/);}

.title-hotline{display:flex;background:#fff;padding: 5px 20px;border-radius: 30px;align-items: center;}
.title-hotline p:nth-child(1){margin-right:20px;font-family: MSU;font-size: 20px;}
.title-hotline p:nth-child(2){font-family:UTMI;color:#57b948;font-size:25px}

/* ykien */
.ykien__item{
  text-align: center;
  position: relative;
}
.ykien__title{text-align: right;}
.slider-nav .ykien__img img{border-radius: 50%}

.slider-for .ykien__img img{border-radius: 50%;padding: 5px;background: #a80b04;position: relative;z-index: 2;}
.ykien__cv{color:#555;}
.ykien__title{
 width: calc(100% - 140px); 
}
.ykien__name {
  font-weight: normal;
  font-family: 'MB';
  color: #fff;
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
  text-align: center;
}
.ykien__des {
  color: #fff;
  width: 100%;
  position:relative;
  text-align: center;
}
.slider-for .ykien__img:after{
  content: url(../images/icyk.png);
  right: -2%;
  bottom: 17%;
  position: absolute;
  z-index: 0;
}
.ykien{position:relative;z-index: 2;background: #eeeeee;}

.circle-animate {
    position: absolute;
    top: 57%;
    left: 50%;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    -webkit-transform: translate3D(-50%, -50%, 0);
    -moz-transform: translate3D(-50%, -50%, 0);
    -ms-transform: translate3D(-50%, -50%, 0);
    -o-transform: translate3D(-50%, -50%, 0);
    transform: translate3D(-50%, -50%, 0);
  }
  .circle-animate .circle {
    border: 2px solid #d9d9d9;
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-radius: 92% 110% 132% 88%;
  }
  .circle-animate .circle:nth-child(1) {
    -webkit-animation: spin 6s linear infinite;
    -moz-animation: spin 6s linear infinite;
    -o-animation: spin 6s linear infinite;
    animation: spin 6s linear infinite
  }
  .circle-animate .circle:nth-child(2) {
    -webkit-animation: spin2 6s linear infinite;
    -moz-animation: spin2 6s linear infinite;
    -o-animation: spin2 6s linear infinite;
    animation: spin2 6s linear infinite
  }
  .circle-animate .circle:nth-child(3) {
    -webkit-animation: spin3 6s linear infinite;
    -moz-animation: spin3 6s linear infinite;
    -o-animation: spin3 6s linear infinite;
    animation: spin3 6s linear infinite
  }
  .circle-animate .circle:nth-child(4) {
    -webkit-animation: spin4 6s linear infinite;
    -moz-animation: spin4 6s linear infinite;
    -o-animation: spin4 6s linear infinite;
    animation: spin4 6s linear infinite
  }
  @keyframes spin {
    0% {
      transform: rotate(0deg)
    }
    100% {
      transform: rotate(360deg)
    }
  }
  @-webkit-keyframes spin {
    0% {
      -webkit-transform: rotate(0deg)
    }
    100% {
      -webkit-transform: rotate(360deg)
    }
  }
  @keyframes spin2 {
    0% {
      transform: rotate(72deg)
    }
    100% {
      transform: rotate(-288deg)
    }
  }
  @-webkit-keyframes spin2 {
    0% {
      -webkit-transform: rotate(72deg)
    }
    100% {
      -webkit-transform: rotate(288deg)
    }
  }
  @keyframes spin3 {
    0% {
      transform: rotate(-144deg)
    }
    100% {
      transform: rotate(216deg)
    }
  }
  @-webkit-keyframes spin3 {
    0% {
      -webkit-transform: rotate(-144deg)
    }
    100% {
      -webkit-transform: rotate(216deg)
    }
  }
  @keyframes spin4 {
    0% {
      transform: rotate(216deg)
    }
    100% {
      transform: rotate(-144deg)
    }
  }
  @-webkit-keyframes spin4 {
    0% {
      -webkit-transform: rotate(216deg)
    }
    100% {
      -webkit-transform: rotate(-144deg)
    }
  }
  
.ykien__content{
  text-align: center;
  margin-bottom: 20px;
}
.ykien__img{position: relative;}
.ykien__img img{border-radius:50%;border:8px solid #ffffff1f}

.tieuchi__view a{
  display: inline-block;
  text-align: center;
  color: #449f8d;
  padding: 10px 20px;
  border: 1px solid #449f8d;
  border-radius: 5px;
}

.tieuchi__item img{}
.tieuchi__item span{display:inline-block;}
.tieuchi__item img:hover{
}
.tieuchi__item:hover img{}

.tieuchi__cv{color:#555;}
.tieuchi__name {
  font-weight: normal;
  color: #2957a4;
  font-size: 16px;
  font-family: 'MB';
  margin-bottom: 10px;
  text-align: center;
}
.tieuchi__des {color: #555;line-height: 20px;}
.tieuchi{position:relative;z-index: 2;background: #eeeeee;}

.tieuchi__content{
}
.tieuchi__img{position: relative;overflow: hidden;margin-bottom: 10px;}



.footer__link p a{color: #fff;display:inline-block;margin-bottom: 10px;width: 100%;font-size: 14px;position: relative;font-family: QR;padding-left: 20px;}
.footer__link p a:after{content:url(../images/dotf.png);position:absolute;width: 7px;height: 1px;left: 0px;top: -2px;border-radius: 50%;}
.footer__link p a:hover{color: #dfaa00;}
.title-right{
  font-family:MB;
}

.congtrinh__img{position:relative;overflow:hidden;}
.congtrinh__img::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    -o-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    z-index: 1;
}
.congtrinh__img:hover::before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}
.title-detail{text-transform: uppercase;color: #848484;margin-bottom: 5px;font-family: 'MB';font-size: 17px;font-weight: 600;}
.afbox{position:relative;}
.afbox:after{content: url(../images/mt.png);position:absolute;top: 21%;right: -137px;}

.hide{display:none;}
.mxhft{
    }
.mxhft ul{padding:0px;margin:0px;display: flex;align-items: center;justify-content: center;}
.mxhft ul li{list-style:none;margin-right:10px;margin-bottom:10px;}

.hotlinefix{background:url(../images/brhl.png);width:197px;height:43px;display:block;position:fixed;bottom:20px;right:10px;color:#fff;font-family:UTMI;font-size:20px;line-height:40px;padding:0 20px;z-index: 99;}
#google_language_translator{height: 30px;overflow:hidden;}
.goog-te-combo{height:30px;line-height:30px;border:0px;background:none;color:#fff;}
.goog-te-gadget .goog-te-combo{margin:0px !important;background: var(--br-htop);}



.doitac__item img{}




.tieuchi__item{text-align: center;}
.tieuchi__item a{
    display: flex;
}
.tieuchi__item:hover img{}
.tieude__name a{font-family:MB;color:#000;margin-bottom:10px;}
.col-4:last-child .tieuchi__item{border:0px}

.tieuchi__content{}

.dichvu{
    background: url(../images/brdv.jpg) no-repeat 0px 0px;
    background-size: cover;
}

.dichvu__item{text-align:center;margin-bottom: 15px;}
.dichvu__item:nth-child(even){flex-flow:row-reverse;}

.dichvu__item img{width: 100%;}
.dichvu__item:nth-child(even) img{ border-radius:  30px 0;}

.dichvu__name{left: 0px;padding: 5px;width: 100%;}
.dichvu__name a{font-size: 16px;font-family: 'SAV';color: #000;margin-bottom: 5px;font-family: 'RB';}
.dichvu__des{
  color: #000;
  margin-bottom:20px;
  font-size: 13px;
  line-height: 25px;
  width: 100%;
  font-family: 'OP';
}
.dichvu__view{}
.dichvu__item:hover .dichvu__ab{
  width:calc(100% - 80px);
  height:calc(100% - 80px);
  left:40px;bottom:40px;
}
.dichvu__item:hover .dichvu__des,.dichvu__item:hover .dichvu__view{}
.cl-r{color: #d00 !important;}

#video-fotorama{
}
.menu{display:flex;justify-content: center;}

.visao{background:url(../images/brvs.jpg) no-repeat;background-size:cover;}

.album .col-2{clear:none}
.album{z-index: 1;background: url(../images/brab.jpg) no-repeat center center;background-size: cover;position: relative;}

.icr{position:absolute;right:0px;top: -175px;}
.brft{}
.cl-p{color: #ef4374 !important;background: url(../images/ictd1.png) no-repeat bottom center !important;}


#video-select{
    margin-bottom: 20px;
    margin-top: 20px;
}
.gioithieu{
    position: relative;
}



.header__address{
      text-align: center;
      max-width: 265px;
      width: 100%;
}
.header__right{
      max-width: 900px;
      width: 100%;
}

.visao__box{min-height:490px;position:relative;background:url(../images/brvs.jpg);padding: 30px;}
#img-fotorama{margin-bottom: 20px;padding-left: 122px;position:relative;z-index: 1;}
#img-fotorama:after{content:'';position:absolute;width:100%;height: 75%;background:#fff;left:0px;top: 15%;}
#img-fotorama:before{content:url('../images/wel.png');position:absolute; bottom:90px;left:40px;z-index:2}


.box-menu{display:flex;align-items:center;justify-content: center;width: 100%;}



.tieude_left{background: #D60000 url(../images/icmnl.png) no-repeat 15px;text-align: left;padding: 12px;padding-left: 45px;font-size: 16px;color: #fff;text-transform: uppercase;position: relative;}
.tieude_left span{font-family: 'SAb';}
.tieude_left1{background: #0068bd;text-align: center;padding: 10px;font-size: 16px;font-family: 'SAb';color: #fff;text-transform: uppercase;}

.doitac__box{padding:10px;background: #f2f2f2;}
.footer__box{
  display: flex;
  justify-content: center;

}
.footer__menu{align-items:center;display:flex;justify-content:center;background: #e6e6e6;}
.footer__menu ul{

display: flex;

margin: 0px;

padding: 0px;

flex-wrap: wrap;

justify-content: center;
}
.footer__menu ul li{list-style:none;padding:10px 20px;text-transform:uppercase;}
.footer__menu ul li a{color:#000;position:relative}
.footer__menu ul li a:after{content:'';position:absolute;width:1px;height:15px;background: #b3b3b3;right:-20px;top:2px;}
.footer__menu ul li:last-child a:after{display:none}
.footer__menu ul li a:hover{color:#d00}

.footer__mxh{display:flex;align-items:center;}
.mapft{margin-right:10px;}

.doitac{
}

.doitac__flex{display:flex;align-items: center;}
.doitac__name{}
.doitac__name{padding-left:10px;font-family: 'MB';margin-top: 10px;text-align: center;text-transform: uppercase;font-size: 16px;color: #555;}
.doitac__name p:nth-child(1){
  color:#dfaa00;text-transform:uppercase;font-family:RB;font-size:20px;
}
.doitac__slide{
    width: 100%;
}

.doitac__item{text-align: center;}


.album__slogan{
  text-align: right;
  padding-top: 12%;
  display: inline-block;
  float: right;
}



.gtleft{}

.box_album{position: relative;}
.prd__img--list{max-width: 25%;width:100%;float: right;}
.prd__img--list img{max-width:unset;border: 3px solid #d00;}


.title-id{text-align: center;}
.title-id{
      position: relative;
      line-height: 30px;
      color: #555;
      margin-bottom: 25px;
}
.title-id span{
    color: #009ebe;
    font-family: 'UTMI';
    font-size: 30px;
    text-transform: uppercase;
    background: url(../images/ictd.png) no-repeat bottom;
    padding-bottom: 25px;
    padding-top: 25px;
    display: block;
    position: relative;
    z-index: 1;
    }
   
 .title-id:after{/* content:""; */position:absolute;width:100%;border-bottom:1px solid #f2f2f2;left:0px;bottom:10px;}
.footer__flex{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.prd__price1{justify-content:flex-start}
.prd__content>p{text-transform:uppercase;margin-bottom:7px;}
.prd__content>p a{color:#000}
.prdlist__img{position:relative;overflow: hidden;transform:scale(1);transition:all ease 0.5s;border: 1px solid #d9d9d9;}
.prdlist__img:hover{box-shadow:0 0 7px #d9d9d9}
.prdlist__img img{border-radius:50%;transform:scale(1);transition:all ease 0.5s;}
.prdlist__img:hover img{transform:scale(1.1);transition:all ease 0.5s;}


.box_list{padding: 20px 10px;}
.copyright label{color: #fff;}

.hotro__title{font-family:UTMI;text-transform:uppercase;font-size:20px;color:#f00011;text-align:center;margin-bottom:10px}
.hotro__hotline{background:url(../images/icl.png) no-repeat 0px;padding-left: 88px;font-family:UTMI;color:#d00;font-size:20px;}
.hotro__hotline p:nth-child(1){font-family:RB;color:#000;font-size:15px;}
.hotro__email{background: #eeeeee url(../images/icl1.png) no-repeat 14px;padding:10px;padding-left:60px;margin-top: 10px;margin-bottom: 10px;}
.hotro__email p:nth-child(1){font-family:RB}
.footer{position:relative;}

.gioithieu__title{text-transform: uppercase;position: relative;font-family: 'MB';}
.gioithieu__title span{
  font-family:VAS;font-size:60px;
}
.title-id p{letter-spacing:3px}


.product__flex{position:absolute;width:100%;height:100%;z-index:9;top:0px;left:0px;display:flex;align-items:center;justify-content:center}
  .product__flex a{transition:all ease 0.5s;transform:scale(0)}
  .product__flex a:nth-child(1){width: 30px;height:50px;background: url(../images/btnprd.png) no-repeat center center;margin-right:10px;}
  .product__flex a:nth-child(2){width: 30px;height:50px;background: url(../images/btnprd1.png) no-repeat center center;}
  .product__item:hover .product__flex a{transition:all ease 0.5s;transform:scale(1)}


.index_box .product:nth-child(even){background:#fff}

/*.tintuc{background: url(../images/brtt.png);}*/

.video__box{background: url(../images/brnt.jpg);}

.brtd span{background:url(../images/ictd1.png) no-repeat bottom;}

.video__item{
    display: flex;
    justify-content: center;
    text-align: center;
}
.video__item a{display:inline-block;position:relative;}
.video__item a:after{content:'';position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;background: url(../images/icvd.png) no-repeat center center;}

.video__name{padding-top:10px;
  font-family: 'PR';
}

.video__box .mg-10{
    max-width: 1300px;
    margin: 0px auto;
}



.linhvuc__item{text-align:center;display: flex;align-items: center;position: relative;}
.linhvuc__item:nth-child(even){flex-flow:row-reverse;}

.linhvuc__name a{position: relative;font-size: 20px;line-height: 40px;font-family: PR;color: #fff;margin-bottom: 5px;text-transform: uppercase;}
.linhvuc__des{
  color: #fff;
  margin-bottom:20px;
  font-size: 13px;
  line-height: 25px;
  width: 100%;
  display: none;
}
.linhvuc__view{}
.linhvuc__ab{position:absolute;width: 100%;height: 20%;bottom: 0px;left: 00px;background:#000000c2;display: flex;align-items: center;justify-content: center;padding: 15px;}

.linhvuc__item:hover .linhvuc__ab{
  width:calc(100% - 80px);
  height:calc(100% - 80px);
  left:40px;
  bottom:40px;
  transition: all ease 0.5s;
}

.linhvuc__view a{display:inline-block;width: 140px;padding: 11px;margin-left: 10px;text-align: center;color: #000;border-radius: 50px;text-transform: uppercase;background: #fee302;font-family: 'MR';}
.linhvuc__item:hover .linhvuc__des{display:block}
.linhvuc__view {display:none}
.linhvuc__item:hover .linhvuc__view{display:block}
.linhvuc__item:hover .linhvuc__name a{color:#ff0}
.dichvu__linhvuc {display:flex;align-items:center;justify-content:center;margin-bottom: 15px;flex-wrap: wrap;}
.dichvu__linhvuc span{display:inline-block;padding:10px 20px;margin-right:10px;background:#f2f2f2;transform: skewX(-20deg);border-radius: 5px;margin-bottom: 10px;}
.dichvu__linhvuc span label{transform: skewX(20deg);display: block;font-family: 'SAV';text-transform: uppercase;font-size: 14px;}

.video__box textarea{height:100px;}

form[name="frmdk"]{position:relative;}

.duan{
  background: url(../images/brda.jpg);
}

.duan__name{color:#fff;text-align:center;font-family: 'SAb';text-transform: uppercase;padding: 10px 0;}

.tintuc__item a{display:flex;align-items: flex-start;}

.tintuc__item img{width:80px;}
.tintuc__content{width:calc(100% - 90px);padding-left: 10px;}
.tintuc__name{color:#000;font-family:SAb;font-size: 13px;}
.tintuc__des{font-size:13px;color:#000}
.tintuc__item{margin-bottom:10px;}

.duan ul li:not(.flip-item){display:none}

.gioithieu__content{width:100%;}
.thoigian{width: 200px;padding-left: 30px;font-family: MB;}
.thoigian p:nth-child(2){color:#449f8d}
.footer__link{margin-bottom:10px;max-width: 250px;}

.ykb{position:absolute;top:-40px;z-index:8}
.chatluong__item{text-align:center;}
.chatluong__img{margin-bottom:10px;}
.chatluong__name{text-transform:uppercase;font-family:MB}
.chatluong__item:hover img{transition: all ease 1s;transform:rotate(360deg);}

.combo__item{
  background: #222222;
  padding: 25px;
}

.combo__img{text-align: center;}
.combo__img img{width:unset;}
.combo__content{}
.combo__title a{display: inline-block;color: #fff;font-family:MB;margin-bottom:10px;text-align: center;width: 100%;}
.combo__des{line-height: 30px;}
.clrv .combo__content{padding-left: 230px;}

.combo{}
.spft{position:absolute;top:-50px;}

.footer__hotline a{display:inline-block;padding: 10px 20px 10px 35px;background: #d00 url(../images/fft.png) no-repeat 13px;color: #fff;font-size: 13px;border-radius: 5px;font-family: 'RB';text-transform: uppercase;}
.slide__img{display:inline-block;}
.slide__img img{width:unset;float: unset;}
.slide__img{position:relative;padding:20px;color: #fff;font-family: 'RB';text-align: left;font-size: 20px;}
.slide__img:after{position:absolute;content:'';width:100%;height:80%;border:5px solid #fff;bottom:0px;left:0px}

.sitemap{color: #fff !important;padding:10px;font-size: 14px;}
.tab div:nth-child(1){font-family:RB;text-transform:uppercase;}

.nhantin{background: url(../images/brdk.jpg) no-repeat;background-size: cover;}


/*ý kiến*/
.ykien__img img {
  border-radius: 50%;
}
.ykien img {
  border-radius: 100px;
}
#carousel {
  max-width: 610px !important;
  margin: 0px auto;
}
.carousel-feature {
  border: none !important;
}
.carousel-feature .carousel-caption {
  bottom: -100px !important;
  background: none !important;
  left: 0;
  right: 0;
  padding: 0px;
}
.carousel-feature .carousel-caption h3 {
  color: #fff;
  font-family: mulib;
  font-size: 18px;
  text-transform: uppercase;
}
.carousel-feature .carousel-caption p {
  font-family: muli;
  font-size: 15px !important;
}
.tracker-individual-container {
  display: none !important;
}
.tracker-summation-container {
  display: none !important;
}
#carousel-left {
  position: absolute;
  top: 32%;
  left: 30px;
  cursor: pointer;
}
#carousel-right {
  position: absolute;
  top: 32%;
  right: 0px;
  cursor: pointer;
}
.ykien__content {
  display: none;
  position: absolute;
  top: 160px;
  left: 0;
  right: 0;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  color: #000;
  position: relative;
  z-index: 9;
}
.ykien__des{
    background:url(../images/mts.png) no-repeat bottom center;
}
.ykien__name {
  font-family: RB;
  color: #fff;
  text-transform: uppercase;
}
.carousel,
.carousel2 {
  height: 150px;
  position: relative;
  max-width: 400px;
  margin: auto;
}
.carousel img,
.carousel2 img {
  visibility: hidden;
  cursor: pointer;
  border: 6px solid #d9d9d98a;
  border-radius: 50%;
}
.carousel span,
.carousel2 span {
  display: none;
  position: absolute;
  top: 250px;
  left: 0;
  right: 0;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}
.cnav {
  position: absolute;
  top: 45%;
  z-index: 9;
}
.cprev,
.cprev2 {
  left: 55px;
}
.cnext,
.cnext2 {
  right: 55px;
}
.a-center .ykien__content {
  display: block !important;
}
.a-center img {
}
.ykien__box{
    position: relative;
    height: 390px;
    max-width: 710px;
    margin: 0 auto;
    overflow: hidden;
    background: url(../images/bryk.png) no-repeat top center;
    background-size: cover;
    padding: 40px;
}

/*end ý kiến*/


.dichvu__img::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    -o-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(2.5, 2.0, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    -ms-transform: scale3d(2.5, 2.0, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    -o-transform: scale3d(2.5, 2.0, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(2.5, 2.0, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    z-index: 1;
}
.dichvu__img:hover::before {
    -webkit-transform: scale3d(2.5, 2.0, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    -o-transform: scale3d(2.5, 2.0, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(2.5, 2.0, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

.brid{background:url(../images/brid.jpg)}

.gioithieu__name span{
  position:absolute;left:-100px;top:40px
}


.khachhang__img::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    -o-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    z-index: 1;
}
.khachhang__img:hover::before {
    -webkit-transform: scale3d(2.5, 2.0, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    -o-transform: scale3d(2.5, 2.0, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(2.5, 2.0, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}
.khachhang__img{position:relative;overflow:hidden;}
.giaohang{
  background:url(../images/giaohang.png) no-repeat 0px;
  padding-left:80px;
  padding-top:10px;
  padding-bottom:10px;
  font-family:RB;
  color:#fff;
  margin-right: 20px;
}
.quangcao img{}

.brid .list_item:nth-child(even){background: #f8f8f8;}
.liner{border-right:1px solid #ffffff38}
.imgtv{position:absolute;left: -90px;top: 25px;}
.video__img{position:relative;}
.video__ab{position:absolute;width:100%;height:100%;z-index:1;background:#00000036;top:0px;left:0px;display:flex;align-items:center;justify-content:center;text-align:center;}
.video__ab img{margin-bottom:10px;}
.video__ab p:nth-child(2){color:#fff;font-family: GVR;font-size: 50px;}
.video__ab p:nth-child(3){color:#fff;font-size:20px;text-transform:uppercase;}
.tabs-pro-detail{margin-bottom:20px;}
.product__sale{position:absolute;top:10px;right:10px;z-index:99;background:#8dc63f;color:#fff;padding:5px 20px}
.la{position:absolute;left:0px;top:-80px}

.header__logo{}
.qc__item{position:relative;}
.qc__content{position:absolute;width:100%;height:100%;left:0px;top:0px;padding:20px;}
.qc__content .qc__view{position:absolute;bottom:20px;}
.qc__content .qc__view a{color:#fff;}
.qc__content p:nth-child(1){font-family:RB;text-transform:uppercase;color:#fff;}
.qc__content p:nth-child(2){color:#fff;font-family:UTMI;font-size:30px;text-transform:uppercase;}

.thuonghieu img{border:1px solid #cacaca}
.prd__view{text-align:center;}
.congtrinh__item{position:relative;}
.congtrinh__name{position:absolute;width:100%;background:#0000009e;z-index:2;bottom:0px;padding:10px;color: #fff;}
.congtrinh__name a{color:#fff;}
.menu-left{position:absolute;top:48px;width:100%;left: 0px;visibility: hidden;}
.tieude_left:hover .menu-left{visibility: visible;}


/*phone*/
.quick-alo-phone.quick-alo-show {
  visibility: visible;
}


.quick-alo-phone > img {
  position: absolute;
  top: 5px;
  left: 20px;
  z-index: 2;
}

.quick-alo-phone > p {
  position: absolute;
  background: #FF0400;
  padding: 8px 30px 8px 40px;
  min-width: 160px;
  line-height: 25px;
  border-radius: 30px;
  left: 50px;
  top: 50%;
  transform: translateY(-50%);
}

.quick-alo-phone > p a {
  font-size: 22px;
  color: #ffffff;
  font-weight: 700;
  display: block;
}


.quick-alo-phone {
  position: fixed;
  visibility: hidden;
  background-color: transparent;
  /* width: 200px;height: 200px;*/
  width: 100px;
  height: 100px;
  cursor: pointer;
  z-index: 200000 !important;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-transition: visibility .5s;
  -moz-transition: visibility .5s;
  -o-transition: visibility .5s;
  transition: visibility .5s;
  left: 20px;
  bottom: 50px;
}

.quick-alo-phone.quick-alo-green .quick-alo-ph-circle {
  border-color: #FF0400;
  border-color: #bfebfc 9;
  opacity: .5;
}

.quick-alo-ph-circle {
  width: 100px;
  height: 100px;
  top: 0;
  left: 0;
  position: absolute;
  background-color: transparent;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid rgba(30,30,30,0.4);
  border: 2px solid #bfebfc 9;
  opacity: .1;
  -webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
  -moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
  -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
  -o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
  animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill {
  background-color: #ff0400;
  background-color: #a6e3fa 9;
  opacity: .75 !important;
}

.quick-alo-ph-circle-fill {
  width: 80px;
  height: 80px;
  top: 10px;
  left: 10px;
  position: absolute;
  background-color: #000;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  opacity: .1;
  -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
  -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
  -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
  -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle {
  /*background-color: #00aff2;background-color: #00aff2;*/
}

.quick-alo-ph-img-circle {
  width: 50px;
  height: 50px;
  top: 25px;
  color: #FF0400;
  font-size: 20px;
  font-family: RobotoBold;
  left: 25px;
  position: absolute;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: none;
  /*opacity: .7;*/
  -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
  -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
  -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
  -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
  animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

@-moz-keyframes quick-alo-circle-anim {
  0% {
      -moz-transform: rotate(0) scale(.5) skew(1deg);
      opacity: .1;
      -moz-opacity: .1;
      -webkit-opacity: .1;
      -o-opacity: .1
  }

  30% {
      -moz-transform: rotate(0) scale(.7) skew(1deg);
      opacity: .5;
      -moz-opacity: .5;
      -webkit-opacity: .5;
      -o-opacity: .5
  }

  100% {
      -moz-transform: rotate(0) scale(1) skew(1deg);
      opacity: .6;
      -moz-opacity: .6;
      -webkit-opacity: .6;
      -o-opacity: .1
  }
}

@-webkit-keyframes quick-alo-circle-anim {
  0% {
      -webkit-transform: rotate(0) scale(.5) skew(1deg);
      -webkit-opacity: .1
  }

  30% {
      -webkit-transform: rotate(0) scale(.7) skew(1deg);
      -webkit-opacity: .5
  }

  100% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
      -webkit-opacity: .1
  }
}

@-o-keyframes quick-alo-circle-anim {
  0% {
      -o-transform: rotate(0) kscale(.5) skew(1deg);
      -o-opacity: .1
  }

  30% {
      -o-transform: rotate(0) scale(.7) skew(1deg);
      -o-opacity: .5
  }

  100% {
      -o-transform: rotate(0) scale(1) skew(1deg);
      -o-opacity: .1
  }
}

@-moz-keyframes quick-alo-circle-fill-anim {
  0% {
      -moz-transform: rotate(0) scale(.7) skew(1deg);
      opacity: .2
  }

  50% {
      -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
      opacity: .2
  }

  100% {
      -moz-transform: rotate(0) scale(.7) skew(1deg);
      opacity: .2
  }
}

@-webkit-keyframes quick-alo-circle-fill-anim {
  0% {
      -webkit-transform: rotate(0) scale(.7) skew(1deg);
      opacity: .2
  }

  50% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
      opacity: .2
  }

  100% {
      -webkit-transform: rotate(0) scale(.7) skew(1deg);
      opacity: .2
  }
}

@-o-keyframes quick-alo-circle-fill-anim {
  0% {
      -o-transform: rotate(0) scale(.7) skew(1deg);
      opacity: .2
  }

  50% {
      -o-transform: rotate(0) scale(1) skew(1deg);
      opacity: .2
  }

  100% {
      -o-transform: rotate(0) scale(.7) skew(1deg);
      opacity: .2
  }
}

@-moz-keyframes quick-alo-circle-img-anim {
  0% {
      transform: rotate(0) scale(1) skew(1deg)
  }

  10% {
      -moz-transform: rotate(-25deg) scale(1) skew(1deg)
  }

  20% {
      -moz-transform: rotate(25deg) scale(1) skew(1deg)
  }

  30% {
      -moz-transform: rotate(-25deg) scale(1) skew(1deg)
  }

  40% {
      -moz-transform: rotate(25deg) scale(1) skew(1deg)
  }

  50% {
      -moz-transform: rotate(0) scale(1) skew(1deg)
  }

  100% {
      -moz-transform: rotate(0) scale(1) skew(1deg)
  }
}

@-webkit-keyframes quick-alo-circle-img-anim {
  0% {
      -webkit-transform: rotate(0) scale(1) skew(1deg)
  }

  10% {
      -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
  }

  20% {
      -webkit-transform: rotate(25deg) scale(1) skew(1deg)
  }

  30% {
      -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
  }

  40% {
      -webkit-transform: rotate(25deg) scale(1) skew(1deg)
  }

  50% {
      -webkit-transform: rotate(0) scale(1) skew(1deg)
  }

  100% {
      -webkit-transform: rotate(0) scale(1) skew(1deg)
  }
}

@-o-keyframes quick-alo-circle-img-anim {
  0% {
      -o-transform: rotate(0) scale(1) skew(1deg)
  }

  10% {
      -o-transform: rotate(-25deg) scale(1) skew(1deg)
  }

  20% {
      -o-transform: rotate(25deg) scale(1) skew(1deg)
  }

  30% {
      -o-transform: rotate(-25deg) scale(1) skew(1deg)
  }

  40% {
      -o-transform: rotate(25deg) scale(1) skew(1deg)
  }

  50% {
      -o-transform: rotate(0) scale(1) skew(1deg)
  }

  100% {
      -o-transform: rotate(0) scale(1) skew(1deg)
  }
}

@-moz-keyframes fadeInRight {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      -ms-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0)
  }

  100% {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none
  }
}

@-webkit-keyframes fadeInRight {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      -ms-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0)
  }

  100% {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none
  }
}

@-o-keyframes fadeInRight {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      -ms-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0)
  }

  100% {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none
  }
}