@charset "UTF-8";

@font-face{font-family:'MoB';src: url('../fonts/MontserratBold.woff2') format('woff2'),url('../fonts/MontserratBold.woff') format('woff');}
@font-face{font-family:'MoMe';src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),url('../fonts/Montserrat-Medium.woff') format('woff');}
@font-face{font-family:'MoSeB';src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),url('../fonts/Montserrat-SemiBold.woff') format('woff');}
@font-face{font-family:'MuB';src: url('../fonts/Muli-Bold.woff2') format('woff2'),url('../fonts/Muli-Bold.woff') format('woff');}
@font-face{font-family:'LaB';src: url('../fonts/Lato-Bold.woff2') format('woff2'),url('../fonts/Lato-Bold.woff') format('woff');}
@font-face{font-family:'UHI';src: url('../fonts/UTMHelvetIns.woff2') format('woff2'),url('../fonts/UTMHelvetIns.woff') format('woff');}
/**/
@font-face{font-family:'RBl';src: url('../fonts/Roboto-Black.woff') format('woff');}
@font-face{font-family:'RoCB';src: url('../fonts/RobotoCondensedBold.woff2') format('woff2'),url('../fonts/RobotoCondensedBold.woff') format('woff');}
@font-face{font-family:'RoCR';src: url('../fonts/Roboto-Condensed.woff2') format('woff2'),url('../fonts/Roboto-Condensed.woff') format('woff');} /**/
@font-face{font-family:'RMe';src: url('../fonts/RobotoMedium.woff2') format('woff2'),url('../fonts/RobotoMedium.woff') format('woff');}
/**/
@font-face{font-family:'RB';src: url('../fonts/RobotoBold.woff2') format('woff2'),url('../fonts/RobotoBold.woff') format('woff');}
@font-face{font-family:'SFBo';src: url('../fonts/SFUFuturaBook.woff') format('woff');}
@font-face{font-family:'SFB';src: url('../fonts/SFUFuturaBold.woff') format('woff');}
/**/
@font-face{font-family:'UAB';src: url('../fonts/UTMAvoBold.woff2') format('woff2'),url('../fonts/UTMAvoBold.woff') format('woff');}
@font-face{font-family:'RR';src: url('../fonts/RobotoRegular.woff2') format('woff2'),url('../fonts/RobotoRegular.woff') format('woff');}
@font-face{font-family:'UAs';src: url('../fonts/UTMAristote.woff2') format('woff2'),url('../fonts/UTMAristote.woff') format('woff');}


/* 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;}
body{font-size:14px; font-family: 'RR'; top: 0px !important; }
img{max-width:100%;height:auto;vertical-align:top}
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{max-width:1190px;margin:30px auto; }
 .wrap-home{max-width:100%;margin: 0px;}
.wrap-content{margin:auto;}
.wrap-main-k{ max-width:1190px;margin: 0px auto; }
.wrap-main-sp{ max-width:1130px;margin: 0px auto; }
.wrap-main-dknt{ max-width:1190px;margin: 20px auto; }
.wrap-main-album{ max-width:1366px;margin: 30px auto; }
.zoom_hinh img{transition:all 1s ease 0s;}
.zoom_hinh:hover img{transform:scale(1.1);}
.row_sp{ margin-left: -5px; margin-right: -5px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.row_dt_in{ margin-left: -7px; margin-right: -7px; }
.row_dt{ margin-left: -8px; margin-right: -8px; }
.row_spbc{ margin-left: -5px; margin-right: -5px; }
.row_ct{ margin-left: -15px;  margin-right: -15px; }
/* Text Hide */
.text-split{-webkit-line-clamp:1; overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;}

/* General */
 

.title-main{   margin-bottom: 70px; position: relative; text-align: center; }
.title-main:after {  content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -39px; width: 158px; height: 30px; background: url(../images/a_tt_sp.png) no-repeat;}
.title-main span{    font-family: 'UAs'; font-size: 35px; color: #549127;    text-transform: capitalize; position: relative; display: inline-block;}


.title-main-dt{   text-align: center;  font-family: 'RB'; padding-bottom: 10px; margin-bottom: 20px; }
.title-main-dt span{ font-size: 20px; color: #03428D; text-transform: uppercase; }

.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;}
/*left_dmcap1*/ 
.hiden_menu{display: none;}
.content-left1{ display: none; }
.block-left:hover .content-left1 {display: block; position: absolute; z-index: 99; }
.block-left:hover .content-left{ display: none; }
.left_dm {width: 270px; float: left; z-index: 99; position: relative; margin-top: -55px; }
.fix_left_dm{ position: fixed; left: 112px; top: 50px;  }
.fix_left_dm .content-left{ display: none; }
 
#danhmuc{ min-height: 364px;background: #FAFAFA; position: relative;}

/* Begin Left */
.block-left{margin-bottom: 20px;}
.block-left:last-child{margin-bottom: 0px;}
.title-left {background: #FF5C01; height: 45px;  }
.title-left i {     margin-left: 12px; font-size: 18px; position: relative; top: 12px; float: left;}
.title-left span{color: #fff; font-family: 'RB';font-size: 15px; text-transform: uppercase; line-height: 45px; padding-left: 17px;}
.content-left { min-height: 478px; width: 100%;  background: #fff; display: none; }
.content-left1 {background: #fff; min-height: 300px; width: 100%;     border: 1px solid #FF5C01; }
.lst-pro-left ul {  padding-left: 0px; list-style: none; margin-bottom: 0px; margin: auto;position: relative; }
.lst-pro-left > ul > li {padding: 10px 0; position: relative; }
.lst-pro-left > ul > li:after {content: ''; position: absolute; left: 50%; transform: translateX(-50%); width: 95%; bottom: 0px; border-bottom: 1px solid #efeeee;}
.lst-pro-left ul li:last-child a:after{ width: 0px }
.lst-pro-left ul li a{color: #000; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; display: block; padding-left: 10px; position: relative; font-size: 15px; }
.lst-pro-left ul li a img{ margin-right: 10px; }
.lst-pro-left ul li a span {display: inherit; font-family: 'Lato-Regular';color: #797979; font-size: 14px; }
.lst-pro-left ul li a:hover{color: red;}
.lst-pro-left ul li a i {float: right; margin-left: 10px; margin-right: 10px; color: #F0F0F0; background: #000; border-radius: 50%; font-size: 14px; }
.lst-pro-left > ul > li > ul{    border: 1px solid #FF5C01;position: absolute; top: 0px !important; left: 100% !important; width: 270px; display: none; z-index: 1; background: #fff;  padding: 0px; }
.lst-pro-left > ul > li:hover > ul{visibility: visible; opacity:1; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;transition: 0.5s;display: block;}
.lst-pro-left ul ul li{ border-bottom: 1px solid #efeeee;line-height: 37px; }  
.lst-pro-left ul ul li:last-child{ border-bottom: none; }
.lst-pro-left ul ul a{background: unset; text-transform: none; line-height: 41px; }
.lst-pro-left ul ul a:hover{color: red;}
.lst-pro-left ul ul ul a{  color: #000; }
.lst-pro-left ul ul ul h3{font-size: 14px;padding: 0px;margin: 0px;}
.lst-pro-left > ul > li > ul > li > ul{    border: 1px solid #FF5C01;position: absolute; top: -1px !important; left: 100%; width: 270px; display: none; z-index: 1; background: #fff;  padding: 0px; }
.lst-pro-left > ul > li > ul > li:hover > ul{visibility: visible; opacity:1; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;transition: 0.5s;display: block;}
.lst-pro-left > ul > li > ul > li > ul > li > ul{ border: 1px solid #FF5C01;position: absolute; top: -1px !important; left: 100%; width: 270px; display: none; z-index: 1; background: #fff;  padding: 0px; }
.lst-pro-left > ul > li > ul > li > ul > li:hover > ul{visibility: visible; opacity:1; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;transition: 0.5s;display: block;}
.lst-pro-left ul li a.selected{ color: red; }
/* End Left */ 

.left{ width: 25%; float: left; }
.right{ width: 75%; float: right;padding-left: 65px; }
.right_in{ width: 25%; float: right; padding: 0px; }
.left_in{ width: 75%; float: left;padding-right: 65px; }
.title_spnb {    background: #81D742; text-transform: uppercase; padding: 6px 10px;     width: 100%; float: left; }
.title_spnb span{     display: inline-block; font-family: 'RoCB'; font-size: 18px; color: #fff; text-transform: uppercase; position: relative; }
.title_spnb span i{ margin-right: 10px; }
.slick-spnb{ background: #F1F1F1; width: 100%; float: left; padding: 10px; }
.slick-bvmoi{ background: #F1F1F1; width: 100%; float: left; padding: 10px;  }
.item-prohili{ width: 100%; float: left; border-bottom: 1px dashed #C9C9C9 !important; padding-bottom: 10px; margin-bottom: 10px; }
.item-prohili img{  float: left; margin-right: 10px;}
.item-prohili h3{ -webkit-line-clamp:2;font-family: 'RoCR'; font-size: 16px;     color: #333333;}
.item-articlehili{ width: 100%; float: left; border-bottom: 1px dashed #C9C9C9 !important; padding-bottom: 10px; margin-bottom: 10px; }
.item-articlehili img{  float: left; margin-right: 10px;}
.item-articlehili h3{font-family: 'RoCR'; font-size: 14px; color: #333333;-webkit-line-clamp:2; margin-top: 10px;    line-height: 17px; }
/*top*/
.top{ border-bottom: 1px solid #ddd; color: #000; min-height: 40px; line-height: 40px; font-size: 15px; background: #FEE267; }
.mangxahoi{ float: right; padding: 0px;margin: 0px; color: #fff; }
.mangxahoi li{display:inline-block;vertical-align:middle; margin: 0px 5px; }
.mangxahoi li img{position: relative; top: 5px;}
.left_top{ float: left; }
.left_top i{ margin-right: 10px; color: #333333; }
.left_top span{ margin-right: 50px; }
.email{float: right;  } 
/* Header */
.header{ height: 139px; background-size: 100% 100%;       }
.header-top{color:#fff;background-color:var(--color-red);}
.header-top .wrap-content{padding:6px 10px;}
.logo-header{       width: 15.5%; float: left; z-index: 9; text-align: center; }
.banner-header{    width: 100%; float: left; }
.banner-header h3{ margin: 0px; margin-right: 20px; font-family: 'RBl'; font-size: 22px; text-transform: uppercase; color: #fcff00; float: left; }
.info-header i{vertical-align:top;margin:3px 5px 0px 0px;font-size:16px;}
.social-header li{width:30px;margin-right:3px;}
.header-bottom {max-width: 1366px; margin: 0 auto;}
.info-header i{ color: #7F7F7F; }
.info-header{ width: 60%; float: right; text-align: right; color: #000; }
.right-header{width:25.5%; float: right;  margin-top: 23px; }
.banner{ width: 59%; text-align: center;  float: left; }
.banner_right{ width: 53%; float: right;  margin-top: 33px;}

.hotline{ background: url(assets/images/icon_hl.png) top 13px left 15px no-repeat; padding: 10px; padding-left: 80px;  color: #000; float: right;   }
.hotline span{ color:#D41D37;   display:block; font-family: 'UAB'; font-size: 20px; }
 
/* Menu */ 
.menu{      z-index: 999; background: #549127; min-height: 50px;   }
.menu_fix{ position: fixed; top: 0px; left: 0px; width: 100% } 
.menu .wrap-menu{    max-width: 1190px; margin: 0px auto;  }
.menu .wrap-menu .ddsmoothmenu{     margin: 0 auto;   position: relative; }
.menu .wrap-menu .ddsmoothmenu > ul{padding:0px;list-style:none; display: flex; flex: 1 0 auto; flex-direction: row; justify-content: flex-end; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; position: relative; }
.menu .wrap-menu .ddsmoothmenu > ul > li{ text-align: center; display: flex; flex-wrap: nowrap; flex: 1 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto;  position: relative; }
.menu .wrap-menu .ddsmoothmenu > ul > li:last-child:after{ border: none; }
.menu .wrap-menu .ddsmoothmenu ul li a{ padding: 0px !important; font-family: 'RB'; color:#fff; font-size: 14px;  line-height: 50px; text-transform: uppercase;position: relative;   width: 100%;  display:block; text-align:center;  }
.menu .wrap-menu .ddsmoothmenu ul li a i{     font-size: 23px; position: relative; top: 1px; margin-right: 10px; }
.menu .wrap-menu .ddsmoothmenu ul li:hover ul{ display: block; } 
.menu .wrap-menu .ddsmoothmenu > ul > li > ul{ border: 1px solid #fff; width:250px !important; top: 50px !important; left: 0px !important; position: absolute; top: 100%; z-index: 9; opacity: 0; visibility: hidden;}
.menu .wrap-menu .ddsmoothmenu > ul > li:hover > ul{ opacity: 1; visibility: unset; }
.menu .wrap-menu .ddsmoothmenu > ul > li > ul > li{background: #549127; width: 100%; float: left; border-bottom: 1px solid #fff;}
.menu .wrap-menu .ddsmoothmenu > ul > li > ul > li:last-child{border-bottom:0px;}
.menu .wrap-menu .ddsmoothmenu > ul > li > ul > li > a{ margin:0; padding:10px!important; text-align:left!important; background:none!important;line-height:normal; color: #fff;  text-transform: none; }
.menu .wrap-menu .ddsmoothmenu ul li ul li ul{ width: 100%;  border: 1px solid #fff; margin-top: -1px;}
.menu .wrap-menu .ddsmoothmenu > ul > li > ul > li > ul > li{ background: #549127; width: 100%; float: left; border-bottom: 1px solid #fff; }
.menu .wrap-menu .ddsmoothmenu > ul > li > ul > li > ul > li:last-child{ border-bottom: none; }

.menu .wrap-menu .ddsmoothmenu > ul > li > ul > li > ul > li > ul > li{ background: #549127; width: 100%; float: left; border-bottom: 1px solid #fff; }
.menu .wrap-menu .ddsmoothmenu > ul > li > ul > li > ul > li > ul > li > ul > li{ background: #549127; width: 100%; float: left; border-bottom: 1px solid #fff; }
.menu .wrap-menu .ddsmoothmenu > ul > li > ul > li > ul > li > a{color: #fff;  line-height: 20px; padding: 10.5px 10px  !important; text-align: left !important; font-weight: normal; text-transform: none; }
.menu .wrap-menu .ddsmoothmenu > ul > li > ul > li > ul > li > ul > li > a{ color: #000; line-height: 20px; padding: 9px 10px !important; text-align: left !important; font-weight: normal; text-transform: none; }
.menu .wrap-menu .ddsmoothmenu > ul > li > ul > li > ul > li > ul > li > ul > li > a{ color: #000; line-height: 20px; padding: 9px 10px !important; text-align: left !important; font-weight: normal; text-transform: none; }
.menu .wrap-menu .ddsmoothmenu ul li ul a.selected,
.menu .wrap-menu .ddsmoothmenu ul li ul li a:hover{    background: #397909 !important;  }
.menu .wrap-menu .ddsmoothmenu > ul > li:hover > a,
.menu .wrap-menu .ddsmoothmenu > ul > li > a.active{ background: #397909;    }
 
/* Search */
.search{ float: right; width: 265px; background: #fff; height: 35px; border-radius: 5px; overflow: hidden; border: none; margin-left: 160px; margin-top: 8px;}
.search input{outline:none;border:none;padding:0px;height:35px; color :#B3B3B3; font-size: 15px; font-family: 'RMe'; }
.search button[type=button]{ background: transparent; float: right; padding: 0px; cursor: pointer;  color: #8F8F8F; border: none; width: 50px; height: 35px; text-align: center}
.search input[type=text]{  border-right: none; width: calc(100% - 50px); float: left; text-indent: 10px;  color: #ACACAC;}
.search input[type=text]::-webkit-input-placeholder{color:#ACACAC;}
.search input[type=text]:-moz-placeholder{color:#ACACAC;}
.search input[type=text]::-moz-placeholder{color:#ACACAC;}
.search input[type=text]:-ms-input-placeholder{color:#ACACAC;}
.search i{     font-size: 18px; text-align: center; display: inherit; color: #71A44B; position: relative; top: -2px; }

/* Menu RP */
.menu-res{ background: #549127; border-top: 1px solid #fff; display: none; height: 40px; z-index: 10; position: relative; line-height: normal; position: relative; width: 100%; }
.menu-bar-res{    height: 39px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: space-between;}
#menu{display:none;}
#hamburger{       display: block; width: 40px; height: 37px; position: relative; background: #FFC600; margin-left: 1px;}
#hamburger:before,#hamburger:after,#hamburger span{background:#000;content:'';display:block;width:56%;height:3px;position:absolute;left:9px;}
#hamburger:before{top:10px;}
#hamburger span{top:18px;}
#hamburger:after{top:26px;}
#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:18px;}
.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 RP */
.search-res{ position: absolute;
    z-index: 9;
    right: 0px;}
.search-res .icon-search{width:40px;height:40px;cursor:pointer;text-align:center;line-height:42px;color:#fff;font-size:17px;margin:0px;}
.search-res .icon-search.active{color:#549127;background:#fff;border-radius:100%;}
.search-res .search-grid{position:absolute;top:50px;right:0px;width:0px;height:40px;overflow:hidden;background:#fff;border:1px solid #549127;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:#549127;line-height:40px;text-align:center;}
.search-res .search-grid input{width:calc(100% - 35px);float:right;line-height:38px;outline:none;border:none;color:#549127;}
.search-res .search-grid input::-webkit-input-placeholder{color:#ccc;}
.search-res .search-grid input:-moz-placeholder{color:#ccc;}
.search-res .search-grid input::-moz-placeholder{color:#ccc;}
.search-res .search-grid input:-ms-input-placeholder{color:#ccc;}

/* Slideshow */  
.slideshow{  }
.box-slide .theme-default .nivoSlider{background-color:transparent!important;margin-bottom:0px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.box-slide .theme-default .nivo-directionNav a{width:23px!important;height:53px!important;}
.box-slide .theme-default .nivo-directionNav .nivo-nextNav{background-position:-23px 0!important;right:20px!important;}
.box-slide .theme-default .nivo-directionNav .nivo-prevNav{background-position:0!important;left:20px!important;}
    
/* Crumbtrail */
.crumbtrail{ line-height:normal; padding:10px 10px 14px 10px;}
.crumbtrail ul{padding:0px;list-style:none;margin:0px;}
.crumbtrail ul li{display:inline-block;vertical-align:middle;}
.crumbtrail ul li.crumbtrail_br{margin:4px 5px 0px 5px;width:6px;height:5px;background:url(assets/images/navi.png) no-repeat center center;}
.crumbtrail ul li a{font-size:13px;color:var(--color-black);cursor:pointer;text-decoration:none!important;}
.crumbtrail ul li a:hover{color:var(--color-red);}
.crumbtrail ul li a.crumbtrail_lst{color:var(--color-gray);}
 
/* Video */
.video{  text-align:center;cursor:pointer; margin-bottom: 30px;}
.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(assets/images/play.png);}
.pic-video img{width:100%;}
.name-video{font-size:16px;color:var(--color-black);margin-bottom:0px;}

/* Album */
.album{float:left;width:23.5%;margin:0 2% 2% 0;text-align:center;cursor:pointer;}
.album:nth-child(4n+1){clear:both;}
.album:nth-child(4n){margin-right:0px;}
.pic-album{position:relative;}
.pic-album img{width:100%;}
.name-album{font-size:16px;color:var(--color-black);margin-bottom:0px;}

/* Brand */
.wrap-brand{margin-bottom:50px;padding:0px 10px;}
.wrap-brand .wrap-content{max-width:1190px;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;}
.product{float:left; padding: 0 5px; margin-bottom: 10px;}
.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); margin-top: 5px;}
.name-product.text-split{-webkit-line-clamp:1;}
.content_pro{  width: 100%; float: left; padding: 0 10px;}
.price-product{margin-bottom:0px; color: #262626; text-align: center; font-family: 'RMe';}
.price-product span{color: #DC0000; font-family: 'RB';}
.price-product .price-new p{ display: inline-block;    color: #DC0000;font-weight:700; margin-bottom: 0px; }
.price-product .price-old p{ display: inline-block; 
margin-bottom: 0px; text-decoration: line-through; }
.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 !important; background:var(--color-red);font-size:11px;border-radius:2px;width:45px;height:25px;text-align:center;line-height:25px;}
.slick-pro-left .product{ padding: 0px; } 
.wrap-pro { position: relative; }
.wrap-pro .right{ position: sticky; top: 0px; }
.product_clear:nth-child(4n+1){  clear: both; }
/* Sản Phẩm Detail */
.grid-pro-detail{margin-bottom:50px;}
.left-pro-detail{position:relative;float:left;width:40%;text-align:center;margin-right:2%;background:white;}
.left-pro-detail .MagicZoom{border:1px solid #eee;padding:7px;border-radius:5px;}
.right-pro-detail{width:calc(100% - 42%);float:left;}
.gallery-thumb-pro{position:relative;margin-top:10px;}
.slick-thumb-pro{margin:0px!important;padding:0px 30px;}
.control-thumb-pro{position:absolute;top:calc(50% - 25px/2);margin-bottom:0px;width:25px;height:25px;font-size:13px;text-align:center;line-height:23px;border:1px solid #eee;z-index:2;background-color:#fff;color:#ccc;cursor:pointer;}
.control-thumb-pro:hover{background-color:var(--color-red);border-color:var(--color-red);color:#fff;}
.prev-thumb-pro{left:0px;}
.next-thumb-pro{right:0px;}
.thumb-pro-detail{display:block!important;margin:auto;max-width:90%;border:1px solid #eee;padding:5px;}
.thumb-pro-detail.mz-thumb-selected.mz-thumb{border-color:rgba(0,0,0,0.2);}
.thumb-pro-detail img{box-shadow:none!important;filter:brightness(100%)!important;border-bottom:0px!important;padding-bottom:0px!important;}
.title-pro-detail{text-transform:capitalize;font-size:20px;display:block;font-weight:700;}
.social-plugin-pro-detail{margin-bottom:1rem;margin-top:0px!important;}
.desc-pro-detail{margin-bottom:1rem;}
.attr-pro-detail{list-style:none;padding:0px;}
.attr-pro-detail li{margin-bottom:0.5rem;}
.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{font-weight:700;font-size:20px;color:var(--color-red);}
.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(assets/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{margin-bottom:1rem;display:flex;align-items:stretch;justify-content:flex-start;}
.cart-pro-detail a{width:auto;text-align:center;color:#fff;padding:8px 15px;text-transform:uppercase;border-radius:3px;}
.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{ margin-top: 10px; }
.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;font-size:13px;margin-right:5px;margin-bottom: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;}

/* Bài viết */
.news{width:49%;float:left;margin-bottom:25px;display:block;}
.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:16px;display:block;line-height:normal; margin-top: 0px; margin-bottom:5px;}
.name-news:hover{color:var(--color-red);}
.time-news{color:var(--color-gray);font-size:13px;margin-bottom:0.25rem;}
.desc-news{color:#333333;margin-top:5px;font-size:13px;line-height:22px;}
.share{padding:17px 10px 10px 10px;line-height:normal;background:rgba(128,128,128,0.15);margin-top:15px;border-radius:5px;}
.share b{display:block;margin-bottom:5px;}
.othernews b{margin-bottom:10px;}
.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;font-size:13px;}
.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;}
.top-contact .article-contact{width:48%;}
.form-contact{width:47%;}
.input-contact{position:relative;margin-bottom:15px;}
.input-contact input,.input-contact textarea{width:100%;padding:0px;outline:none;font-size:13px;}
.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:500px;}
.bottom-contact iframe{position:absolute;top:0px;left:0px;width:100%!important;height:100%!important;}

/* Footer */ 
.footer{ padding: 1px 0px; position: relative; }
.footer:before
{
	content: '';
	position: absolute;
	z-index: 9;
	right: 0px;
	top: -150px;
	width: 145px;
	height: 236px;
	background: url(../images/b_ft.png);
}
.footer-article{ max-width: 1366px; margin:  0px auto; border-top: 4px solid #4F842A; } 
.footer-news{ width: 100%; min-height: 468px;  } 
.footer-news{ float: left; padding: 0px; padding-right: 10px; }
.footer-news:nth-child(1){ width: 50%; float: left;padding-left: 84px;  }
 
.footer-news:last-child{ float: right; width: 50%; padding-right: 0px;}
.title-footer{font-size:40px; font-family: 'UAs';color: #fff;  margin-top: 50px; margin-bottom:15px;}
.title-footer-dt{  position: relative; text-transform: uppercase; font-size: 16px; margin-top: 0px; margin-bottom: 20px; color: #fff; border-left: 5px solid #FFF200; padding-left: 10px; line-height: 15px; }
.title-ft{ font-family: 'RB'; font-size: 15px; text-transform: uppercase; }
.info-footer{     color: #fff; font-family: 'RMe';  line-height: 22px;  margin-top: 10px;}
 
.footer-powered{ margin: 0 auto; color:#fff;   }
.footer-powered .wrap-main-k{  padding: 15.5px 0px; }
.copyright{margin-bottom:0px; float: left; color: #fff; font-size: 13px; }
.statistic{margin-bottom:0px; float: right;}
.statistic span p{ margin: 0px; display: inline-block; font-family: 'CabrB'; }
.list_online{   padding-left: 0px; float: right; margin-bottom: 0px; }
.list_online li{ ; font-family: 'RB'; font-size: 13px; color: #333333; border-right: 1px solid #333333;margin-right: 5px;line-height: 13px;display: inline-block;   list-style: disc; padding-right: 10px;   }
.list_online li:last-child{ border-right: 0px; }
#footer-map{position:relative;height:468px;}
#footer-map iframe{position:absolute!important;width:100%!important;height:100%!important;top:0px!important;left:0px!important;}
.ft_cs{ padding-left: 15px; } 
.ft_cs li { list-style: disc; color: #fff;font-size: 20px; }
.ft_cs li a{  color: #fff; line-height: 30px; font-size: 15px; }
.ft_cs li:last-child a{ border-right: none; }
div.thongke{float: right; font-size: 13px; }
div.thongke div.item-tk{display:inline-block;vertical-align:top; color: white; }
div.thongke div.item-tk > span{color:white; }
div.thongke div.item-tk:nth-of-type(2n){margin: 0px 1px;}
div.thongke div.item-tk li{background: #FEBF12; display: inline-block; width: 5px; height: 5px; border-radius: 50%; position: relative; top: -1px; margin-right: 10px; }
.mangxahoi_ft{ float: left; padding: 0px;margin: 0px; color: #fff; }
.mangxahoi_ft li{display:inline-block;vertical-align:middle; margin: 0px 5px; }
.mangxahoi_ft li img{position: relative; top: 5px;}


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

/* Phân Trang */
.pagination{text-align:center;margin-top:15px; width: 100%; text-align: center;}
.pagination ul{display:inline-block;margin-bottom:0;margin-left:0;padding:0px;width:100%;}
.pagination ul>li{display:inline-block;vertical-align:top;margin:0px 2px 3px 2px;}
.pagination ul>.active>a,.pagination ul>.active>span{cursor:default;background:#333;color:white;}
.pagination ul>li>a,.pagination ul>li>span{display:inline-block;vertical-align:top;color:#888;background:#eee;font-size:13px;cursor:pointer;min-width:30px;padding:5px 10px 7px 10px;border-radius:3px;text-decoration:none!important;}
.pagination ul>li>a:hover,.pagination ul>li>span:hover{background:#333;color:#fff;border-color:#333;}

/* Phân Trang Ajax */
.pagination-ajax{clear:both;width:100%;text-align:center;padding:0px;}
.pages_ajax{display:inline-block;vertical-align:top;padding:0px;margin:0px;}
.pages_ajax li{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;}
.pages_ajax li.actived,.pages_ajax li:hover{background:var(--color-red);color:#fff;border-color:var(--color-red);}
span.total{display:none;}

/* 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;}

/* 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;}
.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;}
.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:#549127;width:100%;padding:5px 10px;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:30px;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;}

/* 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%}
@-moz-keyframes shake-anim{
	0%{transform:rotate(0) scale(1) skew(1deg)}
	10%,30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
	20%,40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
	100%,50%{-moz-transform:rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes shake-anim{
	0%,100%,50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
	10%,30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
	20%,40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
}
@-o-keyframes shake-anim{
	0%,100%,50%{-o-transform:rotate(0) scale(1) skew(1deg)}
	10%,30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}
	20%,40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}
}
 
/* Intro */
.title-intro span{
	font-family: '';
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#BC2307),color-stop(0.6,#D45104),color-stop(0.8,#FEA700));
}
.item-intro{ width: 34.25%; float: left; padding-right: 30px;}
.item-intro:last-child{ width:  31.5%; padding: 0px;}
.slick-news-intro .slick-list{height: 370px !important; }
 
.item-tt-nb{ width: 100%; float: left; border-bottom: 1px solid #E6E6E6 !important; padding-bottom: 15px; margin-bottom: 15px; }
.pic-tt-nb{ float: left;
    margin-right: 10px;}    
.name-tt-nb a{ color: #000; -webkit-line-clamp: 2; } 
.date_news{      color: #9C9C9C;
    font-size: 18px;
    font-family: 'RBl';
    position: absolute;
    right: 106%;
    top: 38%; }
.date_news p{ margin-bottom: 0px; }
.pic-newshome-normal{ float: left; width: 150px; }
.info-newshome-normal h3{ font-family: 'RB'; font-size: 14px;margin-top: 10px;    -webkit-line-clamp: 2; margin-top: 5px; }
.info-newshome-normal h3 a{   color: #333333; }
.info-newshome-normal{ width: calc(100% - 150px); float: left; padding-left: 15px; }
.view_news{ color: #DF0D0D; }
.des_news{     -webkit-line-clamp: 3; text-align: justify; }
 
.newshome-normal{ position: relative; width: 100% !important; float: right; height: 125px !important; }
 
.right-intro{ width: 34.5%; float: left; }
.more_tt{ 
    border: 2px solid #E61616;
    border-radius: 30px;
    padding: 4.5px 21px;
    color: #5F5F5F; display: inline-block; margin-top: 10px; }

.video-main{position:relative;height:320px;}
.video-main iframe{position:absolute;width:100%;height:100%;top:0px;left:0px;}
.listvideos{width:100%;height:30px;padding:0px 10px;font-size:13px;border:1px solid #ccc;color:var(--color-black);margin-top:10px;cursor:pointer;}
/*video*/
.title-video{ font-family: 'UAs'; font-size: 25px; position: relative; text-transform: capitalize; margin-bottom: 20px; padding: 2px 0px 7px 0px; }
.title-video:after
{
	content: '';
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url(../images/a_tt.png);
	width: 71px;
	height: 1px;

} 
.title-video span{ color: #4f842a; }
 
/*album ảnh*/
.bg_albumanh{ background-size: 100% 100%; padding: 1px 0px; position: relative;  } 
.item-album{ display: block !important; }  
.effect-img {position: relative; overflow: hidden; }
.w-img {display: block; }
.effect-img:hover img {-webkit-transform: scale(1.05); transform: scale(1.05); transition: 0.3s; }
.album-items img {width: 100%; height: 100%; }
.w-img img {display: block; max-width: 100%; }
.album-items{ position: relative; overflow: hidden;   }
.album-items h3{ font-size: 18px; font-family: 'RBl';  color: #fff; text-transform: uppercase; position: absolute; left: 0px; bottom: 0px; background: rgb(0,0,0,0.5);padding: 20px 20px; width: 100%; opacity: 0;}
.album-items:hover h3{ opacity: 1; transition: 0.3s; }
.thuvienanh-mb{ display: none; }
.album-items-in{ float: left; margin-bottom: 30px; }
 
/*hover*/
.effect-img:before {position: absolute; content: ""; width: 0; height: 0; left: 15px; top: 15px; z-index: 33; background: transparent; border-top: 0 solid #fff; border-left: 0 solid #fff;    transition-duration: .5s; }
.effect-img:after {position: absolute; content: ""; width: 0; height: 0; right: 15px; bottom: 15px; z-index: 33; background: transparent; border-bottom: 0 solid #fff; border-right: 0 solid #fff;    transition-duration: .5s; }
.effect-img:hover:before {width: calc(100% - 30px); height: calc(100% - 30px); border-top-width: 1px; border-left-width: 1px; }
.effect-img:hover:after {width: calc(100% - 30px); height: calc(100% - 30px); border-bottom-width: 1px; border-right-width: 1px; }
.thuvienanh-mb{ display: none; } 
.alert-warning { width: 100%;	 }
 
/*spbc*/
.bg_spcap1{ background: url(../images/bg_dmcap1.jpg) no-repeat; background-size: 100% 100%; padding: 1px 0px; }
.bg_spcap1_chan{ position: relative; background: url(../images/bg_dmcap2.jpg) no-repeat; background-size: 100% 100%; padding: 1px 0px; }
.bg_spcap1_chan:before {content: ''; position: absolute; z-index: 9; right: 0px; top: -120px; width: 218px; height: 269px; background: url(../images/b_dmcap2.png); }

.title-spbc{   margin-bottom: 70px; position: relative; text-align: center; }
.title-spbc:after {  content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -39px; width: 158px; height: 30px; background: url(../images/a_tt_sp.png) no-repeat;}
.title-spbc span{    font-family: 'UAs'; font-size: 35px; color: #549127;    text-transform: capitalize; position: relative; display: inline-block;}
.title-spbc ul{float: right;  } 
.title-spbc ul li{display: inline-block; list-style: none; border-right: 1px solid #000; padding-right: 10px; margin-right: 10px; text-transform: uppercase; }
.title-spbc ul li:nth-last-child(2){ border-right: none; }
.title-spbc ul li a{ color: #000; }
.title-spbc ul li a:hover{ color: red; }
.prohi{   text-decoration: none !important;margin-bottom: 25px;  } 
.prohi:nth-child(4n+1){ clear: both; }
.prohi .bd_prohi{   position: relative; }
.prohi .pic_prohi{ overflow: hidden; text-align: center;  margin: 0 auto;  }
.prohi .pic_prohi img{ margin: 0 auto;  }
.content_prohi{       color: #fff; padding: 20px 20px 0px 20px; }
.content_prohi h3{ font-family: 'RMe';  text-align: center; font-size: 15px; color: #333333; }
.xemthem_sp{   position: relative; left: 50%; transform: translateX(-50%); color: #fff; font-family: 'RB'; display: inline-block; margin-top: 25px; background: #549127; padding: 9.5px 30px; border-radius: 22px; text-decoration: none !important;  }
.xemthem_sp:hover{ background: #397909; color: #fff; }


.menu_mb{ display: none; }
/* Responsive */
@media(max-width:1200px){
 
    .row,.row_sp { margin: 0px;     display: unset; display: unset; -ms-flex-wrap: unset; flex-wrap: unset; }
     
    .top{ padding: 0 10px; }
        
    .slick-trade .slick-prev,.slick-trade .slick-next{width: 0px!important;height: 0px!important;}
    .slick-trade .slick-prev:before,.slick-trade .slick-next:before{display:none!important}
    
	.wrap-in, .header_content, .intro {padding-left: 10px; padding-right: 10px; }
    .bg_gt, .box-register-email1,.bg_congtrinh { min-height: auto; padding-left: 10px;  padding-right: 10px;  background-size: auto 100%; }
    .header,.bg_spcap1{ height: auto; padding-left: 10px;  padding-right: 10px; background-size: auto 100%; }
    .form-contact .row:nth-child(1) .input-contact{ width: 49%; float: left; padding: 0px; } 
    .form-contact .row:nth-child(1) .input-contact:nth-child(2){  float: right;  } 

    .form-contact .row:nth-child(2) .input-contact{ width: 49%; float: left; padding: 0px; } 
    .form-contact .row:nth-child(2) .input-contact:nth-child(2){  float: right;  } 
 
  .prohi{ float: left; }

} 
@media(max-width:1130px){
 
}
@media(max-width:1100px){
 
}

@media(max-width:991px){
     
    .menu{display:none;}
    .menu_mb{display:block;}  
    .header-bottom{ display: inline-flex; align-items: center; justify-content: center; width: 100%; }
    .right-header{ display: none; }
    .logo-header,.banner{ width: auto; }
    .logo-header{ margin-right: 10px; }

    .prohi:nth-child(4n+1){ clear: none; }
    .prohi:nth-child(3n+1){ clear: both; }

.item-intro,.item-intro:last-child { width: 50%; overflow: hidden; }
    .item-intro:first-child{ width: 100%; padding-right: 0px; }
    .footer-news:nth-child(1){ padding-left: 10px; }
    .title-footer{ margin-top: 10px; }



} 

@media(max-width:850px){
    .news{width:100%;float:none!important;}
    .footer-powered .wrap-content{ padding: 5px 10px; }
    .copyright{ width: 100%; margin-bottom: 5px;  }
    .statistic{ width: 100%; text-align: center; }
     
   
} 
@media(max-width:768px){
    .top-contact{flex-wrap:wrap;}
    .tbl-pro-detail-child.price-pro-detail p .price-new-pro-detail{font-size:16px;}
    .tbl-pro-detail-child.price-pro-detail p .price-old-pro-detail{font-size:15px;padding-left:10px;}
    .left-pro-detail,.right-pro-detail,.top-contact .form-contact,.top-contact .article-contact{width:100%;margin:0px;}
    .left-pro-detail,.top-contact .article-contact{margin-bottom:30px;}
    .footer-bottom { text-align: center; line-height: 20px; padding-top: 5px; padding-bottom: 5px; }
    span#copy{ width: 100%; }
    div.thongke{ width: 100%; text-align: center; }
}
@media(max-width:767px){ 
.footer-news:nth-child(1){ width: 100%; text-align: center; min-height: auto;}
.mangxahoi_ft{ float: none; }
.footer-news:last-child{ width: 100%; }
}
	
} 
@media(max-width:700px){ 
   
     
} 
@media(max-width:600px){  
	.prohi{ width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.prohi:nth-child(3n+1){ clear: none; }
    .prohi:nth-child(2n+1){ clear: both; }
   
     .title-video{ font-size: 18px; }
     .bg_spcap1_chan:before{ width: 0px; }
     .footer:before{ width: 0px; }
}
@media(max-width:575px){
    
}
@media(max-width:500px){
	 
	.header-bottom {display: inline-block; align-items: unset; justify-content: unset; }
	 .logo-header,.banner{ width: 100%; margin: 0px; }
    .logo-header{ margin-bottom: 5px; }
    .logo-header img{ max-width: 100px; }
    .banner img{ max-width: 300px; }

    .title-spbc span{ font-size: 25px; }
    .item-intro, .item-intro:last-child{ width: 100%; padding: 0px; }
    .item-intro:last-child{ margin-top: 10px; }
    .title-footer {margin-top: 50px; font-size: 30px;}
    .content_prohi h3{ font-size: 13px; }

} 
@media(max-width:400px){
	.prohi { padding: 0 5px; margin-bottom: 10px; }
  
}