@import url('public/css/fonts.css');
@import url('public/css/normalize.css');
@import url('public/css/reset.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i,700,700i');
div#wrapper {
    max-width:1366px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    box-sizing:border-box;
}
a:focus,ul li{
    outline:none
}
.detail ul li{
    list-style: inherit;
}
.addthis_counter.addthis_pill_style{
    display: none!important
}
/*sản phẩm đã xem */
.title-daxem h3{
    text-transform: uppercase;
    color: #000;
    font-size: 20px;
  }
  #custom-content .mfp-close{
    right: 67px!important;
    top: 84px!important;
    background: #ccc!important
  }
/*TAB product list */
  .product-list {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
}
.product-list li p{
    font-size: 14px;
    color: #000;
    padding-top: 7px
}
.product-list li.active p{
    color: var(--html-bg-website)
}
/* mfix menu */
.mfix .menu-bimart{
    display: none;
    transition: all 0.4s ease
}
.mfix .menu-mfix{
    display: block;
    transition: all 0.4s ease
}
/*danh mục mfix*/
.click-menu {
    position: absolute;
    right: 0;
    top: 45px;
    width: 242px;
    text-align: left;
    background: #fff;
    box-shadow: 0px 7px 7px #ccc;
    opacity:0;
    visibility: hidden;
    margin-top:20px;
    transition: all 0.4s;
    z-index: 9999;
}
.template-top.mfix .danhmuc-mfix{
    display: block
}
.template-top.mfix .logo-mfix{
    width: 25%;
}
.template-top{
    border-bottom: 1px solid #ccc
}
.danhmuc-mfix{
    display: none;
    transition: all 0.4s ease
}
.bar-fix{
    color: var(--html-cl-website)
}
.bar-fix > span {
    height: 20px;
    width: 25%;
    border-top: 2px solid var(--html-bg-website);
    display: block;
    margin: 0 auto;
    position:relative;
    color: var(--html-cl-website)
}
.bar-fix > span:before,.bar-fix > span:after{
    content:'';
    position:absolute;
    left:0;
    background:var(--html-bg-website);
    height:2px;
    width:100%;
}
.bar-fix > span:before{
    top:5px;
}
.bar-fix > span:after{
    top:12px;
}
ul.ul-v2 {
    position: absolute;
    right: -50%;
    top: 50px;
    width: 247px;
    text-align: left;
    background: #fff;
    box-shadow: 0px 7px 7px #ccc;
    opacity:0;
    visibility: hidden;
    margin-top:20px;
    transition: all 0.4s
}
.hover-menu-click:hover .click-menu{
    opacity:1;
    visibility: visible;
    margin-top:0;
    transition: all 0.4s
}
ul.ul-v2 > li+li{
    border-top:1px solid #e4e4e4;
}
ul.ul-v2 > li:hover{
    background:var(--html-bg-website);
}
ul.ul-v2 > li:hover > a{
    color:#fff;
}
ul.ul-v2 > li.hover-list > a:hover:before{
    content: '';
    position: absolute;
    right: -25px;
    top: 0;
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    border-left: 25px solid var(--html-bg-website);
    z-index:9999999;
}
ul.ul-v2 > li > a{
    display: block;
    padding:10px 15px;
    position:relative;
    color: var(--html-cl-website)
}
ul.ul-v3 {
    position: absolute;
    left: 100%;
    top: 0;
    width: 953px;
    height:428px;
    background: #fff;
    padding: 0px 25px;
    opacity:0;
    visibility: hidden;
    box-shadow:0px 7px 7px #ccc;
    z-index:-1;
}
ul.ul-v2  > li:hover > ul.ul-v3{
    opacity:1;
    visibility: visible;
}
ul.ul-v3 li {
    width: 295px;
    float: left;
}
ul.ul-v3 li a{
    font-size:12px;
    padding: 7px 0px;
    display: block;
    color: var(--html-cl-website)
}
/* BEST-TOP */
.product-top,.product-top a{
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}
.hotline span{
    font-size: 14px;
    color: #000;
    font-family: 'RobotoRegular';
    text-transform: uppercase;
}
.hotline p{
    margin: 0;
    font-size: 16px;
    color: #e81e19;
    font-family: 'RobotoBold';
    line-height: 12px
}
.address p{
    font-size: 14px;
    color: #fff;
    font-family: 'RobotoRegular';
    margin: 0
}
.datlich {
    background: #ef8841;
    padding: 8px 15px;
    text-transform: uppercase;
    font-weight: bold;
}

.hotline:before{
    content:'';
    position:absolute;
    top: 0px;
    left: -45px;
    background:url(images/hotline.png)no-repeat;
    padding:17px;
}
/*.address:before{
    content: '';
    position: absolute;
    top: 0px;
    left: -35px;
    background: url(images/address.png)no-repeat;
    padding: 16px;
}*/
.slogan-top, .top-hotline li, .mail{
    font-size: 14px;
    color: #000;
    font-family: 'Arial';
}
.top-hotline li+li{
    border-left: 1px solid #fff
}
.hotline .hotline-hotline{
    color: var(--html-cl-website);
    font-size: 14px;
    font-family: 'RobotoBold'
}
.lang li+li{
    border-left: 2px solid #000;
}
.lang li{
    font-weight: bold;
    font-size: 14px
}
.item-h.cart {
    border: 2px solid #000;
    padding: 2px 2px;
}
.item-cart p {
    margin: 0;
    color: #000;
    font-size: 14px;
}
.item-h.item-user span {
    position: absolute;
    width: 100%;
    left: 0;
    opacity: 0;
}
.item-h.item-user:hover span {
    opacity: 1;
    background: ALICEBLUE;
    padding: 5px;
    transition: all 0.5s;
}
.item-h.item-user span.active {
    opacity: 1;
    background: ALICEBLUE;
    padding: 5px;
    transition: all 0.5s;
}
/* SEARCH NÂNG CAO */
span.price {
    color: var(--html-cl-website);
    font-weight: bold
}
.search select{
    border: none;
    color: var(--html-cl-website);
    font-weight: bold
}
p.content-price a{
    color: #0018d2;
}
.nc-search {
    border: 1px solid #ccc;
    padding: 10px 10px
}
/* Slider-left*/
.search-slider span {
    color: #e5fe10;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding: 7px 25px;
}
.search-slider{
    background: var(--html-bg-website);
}
.title-menu ul{
    display: flex;
    align-items: center;
    margin: 0
}
.title-menu ul li{
    margin: 10px;
    color: #000;
    padding: 7px 14px;
    font-size: 14px;
    border: 1px solid #ccc;
}
.title-menu ul li.active{
    background: var(--html-bg-website);
    color: #fff;
}
.block ul{
    display: block;
    align-items: center;
}
.block ul li{
    margin: 11.5px 10px
}
.left-slider {
    border: 1px solid #ccc;
}
ul#id_ms {
    height: 249px;
}
/*NHUONG QUYEN*/
.right-nhuongquyen {
    transform: translateX(40%) translateY(0) rotate(90deg);
    top: 50%;
    position: absolute;
    right: 0;
    background: #fff;
    padding: 14px 13px;
    border-radius: 0px 0 10px 10px;
}
.right-nhuongquyen a{
    color: var(--html-bg-website);
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}
/* MENU THUC DƠN */
.padding-menu {
    border: 2px dashed #fbbe36;
    border-radius: 20px;
    margin: 17px 10px;
}
.content-menu h4 a{
    font-size: 18px;
    ;
    color: var(--html-bg-website)
}
.title-menu h3 a{
    font-size: 20px;
    color: var(--html-bg-website);
    text-transform: uppercase;
    font-weight: bold
    
}
.xemthem-menu a{
    color: var(--html-bg-website);
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
}
p.hot{
    position: absolute;
    top: 0;
    left: 0;
    background: url(images/hot.png)no-repeat;
    height: 57px;
    width: 60px;
    z-index: 9;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.content-hethong h4 a{
    font-size: 15px;
    color: var(--html-bg-website);
    text-transform: uppercase;
    font-weight: bold
}
.content-hethong p a{
    font-size: 14px;
    color: #000;
}
.content-hethong {
    border-bottom: 1px solid #ccc;
    padding-top: 20px;
    padding-bottom: 10px;
}
.padding-border{
    border:3px solid var(--html-bg-website);
}
div#mcu {
    height: 410px;
}
/*====================>Holine===============>*/
.content-hotline h3 a{
    color: #fff;
    font-size: 14px;
    text-transform: uppercase
}
.content-hotline:hover{
    transform: translate(0px,-5px);
    transition: all 0.4s
}
/* Hình thức */
/*.content-hinhthuc{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}*/
.box-hinhthuc{
    border-bottom: 1px dashed #ccc
}
.img-hinhthuc {
    width: 80px;
    height: 80px;
    background: #b1a4cd;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box-hinhthuc .img-hinhthuc img{
    border-radius: 50px
}
.content-hinhthuc h4{
    color: #000;
    text-transform: uppercase;
    font-family: 'RobotoBold';
    font-size:14px;
    margin-bottom: 10px;
    position: relative;
}
.position-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
}
.content-hinhthuc h4:before{
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    height: 2px;
    width: 50px;
    background: #ccc;
    border-radius: 15px;
}
.content-hinhthuc p{
    color: #000;
    font-size: 13px;
}
.item-hinhthuc:hover{
    transform: translate(0px,-7px);
    transition: all 0.4s
}
.item-hinhthuc:hover .img-hinhthuc{
    background: var(--html-bg-website);
    transition: all 0.4s
}
.item-why:hover {
    transform: translate(0px,-10px);
    transition: all 0.3s ease
}
.content-why h3{
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    font-weight: bold
}
.content-why p{
    font-size: 15px;
    color:#000;
    margin: 0
}
.item-why{
    box-shadow: 1px 1px 2px 2px #cccccc47
}
span.conso{
    position: absolute;
    width: 55px;
    height: 55px;
    background: var(--html-cl-website);
    color: #fff;
    top: 0;
    left: 35px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    transition: all 0.4s; 
    border: 3px solid #ccc;
}
.item-why:hover span.conso{
    color: #fff;
    background: var(--html-bg-website);
    transition: all 0.4s
}
/*DỰ ÁN */
.content-duan h3 a{
    font-size: 14px;
    color: #000;
    text-transform: uppercase
}
.content-duan span a{
    font-size: 14px;
    color: #000;
    text-transform: uppercase
}
.content-duan-main h3 a{
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold
}
.content-duan-main{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, #777 47%, rgba(0,0,0,0.75) 100%);
    background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, #777 47%, rgba(0,0,0,0.75) 100%);
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, #777 47%, rgba(0,0,0,0.75) 100%);
    padding: 15px 0;
}
.template-duan .swiper-container-horizontal>.swiper-pagination-bullets, .template-duan .swiper-pagination-custom, .template-duan .swiper-pagination-fraction {
    bottom: -17px;
}
.template-duan .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}
/* HỖ TRỢ */
.box-border {
    border-top: 1px solid #ccc
}
.box-hotro ul li {
    flex: 1;
    text-align: center;
    transition:all 0.4s;
}
.box-hotro ul li+li {
    border-left: 1px solid #ccc
}
.box-hotro ul li:hover{
    transform:translate(0px, -10px)
}
.box-hotro ul li h3 a{
    color:#666666;
    font-size:14px;
}
.content-taisao {
    padding: 0 20px;
}
.img-taisao a{
    padding: 0px 15px;
}
/* Mail-index */
.title-dangky p {
    color: #000;
    font-size: 14px;
}
.ic-ten:before {
    content: '';
    position: absolute;
    background: url("images/icon_user.png") no-repeat;
    z-index: 999;
    width: 20px;
    height: 20px;
    top:20%;
    left:15%;
}

.ic-mail:before {
    content: '';
    position: absolute;
    background: url("images/icon_mail.png") no-repeat;
    z-index: 999;
    width: 20px;
    height: 20px;
    top:28%;
    left:15%;
}

.ic-dienthoai:before {
    content: '';
    position: absolute;
    background: url("images/icon_hotline.png") no-repeat;
    z-index: 999;
    width: 20px;
    height: 20px;
    top:20%;
    left:15%;
}

.ic-ghichu:before {
    content: '';
    position: absolute;
    background: url("images/icon_ghichu.png") no-repeat;
    z-index: 999;
    width: 20px;
    height: 20px;
    top:20%;
    left:15%;
}
.ic[name="txt-email"]::placeholder{color:#fff}
.ic[name="txt-dienthoai"]::placeholder{color:#fff}
.ic[name="txt-hoten"]::placeholder{color:#fff}
.ic[name="email"]::placeholder{color: #fff}
.ic[name="phone"]::placeholder{color: #000}
.ic[name="diachi"]::placeholder{color: #000}
.ic[name="noidung"]::placeholder{color: #000}
.ic[name="hoten"]::placeholder{color: #000}
textarea.ic{
    line-height: 35px
}
.ic{
    border: 1px solid #fff;
    padding: 12.5px 20px;
    width: 100%;
    box-sizing: border-box;
    background: transparent;
    color: #fff;
    position: relative;
    border-radius: 20px 0 0 20px
}
.ic option{
    background: #000
}
/*input[type='text']::placeholder, input[type='number']::placeholder{
  color: #000; 
}*/
.submit-mail {
    border: none;
    padding: 12px 20px;
    color: var(--html-bg-website);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    background: #fff;
    border-radius: 0 20px 20px 0;
}
.ic-booking{
    border: 1px solid #fff;
    padding: 13px 20px;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    color: #000;
    position: relative;
}
.submit-mail-booking {
    border: none;
    padding: 12px 20px;
    color: #ed6d15;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    background: #fff;
}
.datepicker{
 border-radius: 0
}
.t-mail1 h3{font-size: 14px;color: #fff;}
ul.mangxahoi{display: flex;}ul.mangxahoi li{margin-right: 20px}
.content-mail h3{
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}
.content-mail p{
    color: #fff;
    font-size: 18px;
    margin: 0;
}
section.mail-footer{
    border-bottom: 1px solid #ccc;
}
/*CHI TIÊT BÀI VIẾT */
.content-detali-htm ul li a{
    font-size: 14px;
    color: #000
}
.content-detali-htm ul li{
    font-size: 14px;
    line-height: 40px;
    border-bottom: 1px dashed #ccc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.box-danhmuc {
    background: #e1e1e1;
}
.title-danhmuc span{
    color: #ef8841;
    font-size: 19px;
    text-transform: uppercase;
    font-family: 'RobotoBold';
}
.title-danhmuc{
    padding-bottom: 5px;
    border-bottom: 1px solid #fff
}
.item-danhmuc ul li a{
    color: #000;
    font-size: 14px;
}
.item-danhmuc ul li{
    color: #000;
    font-size: 14px;
    border-bottom: 1px dashed #fff;
    line-height: 40px
}
.main-sp-detail{
    border:1px solid #ccc;
}
.content-product p a{
    font-size: 14px;
    color:#000;
}
.title-chitiet{
    font-size: 20px;
    font-family: 'RobotoBold';
    color: #000;
    text-transform: uppercase;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px
}
/*ĐÁNH GIÁ KHÁCH HÀNG*/
.content-danhgia h4{
    font-size: 14px;
    color: #000;
    text-transform: uppercase; 
}
.content-danhgia p{
    color: #000;
    font-size: 14px;
    padding: 10px
}
.item-danhgia {
    background: #fff;
    margin: 20px;
    border-radius: 10px;
}
.img-danhgia img{
    border-radius: 50%
}
.desc-danhgia p{
    padding-top: 10px;
    font-size: 14px;
    color: var(--html-cl-website);
    line-height: 20px;
}
.items-danhgia{
    background: #fff;
}
/* .box-danhgia .slick-dots{
    width: calc(100% / 20);
    bottom: 115px!important;
} */
.box-danhgia .slick-dots li button:before{
    background: #f1d677
}
.desc-danhgia h3{
   font-size: 14px;
   font-family: 'RobotoBold'
} 
.items-danhgia{
  /*   display: flex!important; */
    border-radius: 25px;
    padding: 10px 0;
    margin: 5px 5px;
    box-shadow: 1px 1px 15px -13px rgba(0,0,0,0.75);
    border: 1px solid #ccc;
} 
.desc-danhgia span{
    font-style: italic;
    border-bottom: 2px solid var(--html-bg-website);
    padding-bottom: 10px;
}
.thumbs-danhgia img {
    border-radius: 50%
}
/*title*/
.title_index1 h2 {
    font-size: 16px;
}
.title-page h1 a{
    color:var(--html-cl-website);
    font-size:20px;
    position:relative;
    text-transform: uppercase; 
    line-height: 27px;
    font-family: 'RobotoRegular';
    
}
/*.title-page h1 a:before{
    content: '';
    position: absolute;
    background: url('images/line_danhmuc.png') no-repeat;
    width: 90px;
    height: 7px;
    bottom: -17px;
    left: 50%;
    transform: translate(-50%, 0);
}*/
.title-page h2{
    color:var(--html-cl-website);
    font-size:22px;
    position:relative;
    font-family: 'Arial';
    text-transform: uppercase; 
    line-height: 35px;
    font-weight: bold;
}
.title-page span{
    color:var(--html-cl-website);
    font-size:22px;
    position:relative;
    font-family: 'Arial';
    text-transform: uppercase; 
    line-height: 35px;
    font-weight: bold;
}
.title-page-htm span{
    color:var(--html-cl-website);
    font-size:20px;
    position:relative;
    font-family: 'RobotoBold';
    text-transform: uppercase; 
    line-height: 35px;
    font-weight: bold;
}
 .title-page-htm:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    background: #ef8841;
    height: 3px;
    width: 80px;
}  
.title-page-htm:before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    background: #ccc;
    height: 1px;
    width: 100%;
} 
.title-page1 h2{
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
}
.title-list h2{
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'RobotoBold';
}

.title-page1 h2 span{
    position: relative;
    color:#fff;
    font-size:18px;
    position:relative;
    font-family: 'Arial';
    text-transform: uppercase; 
    line-height: 35px;
    font-weight: bold;
    background: var(--html-bg-website);
    padding: 5px 10px;

}
.title-list h2 span{
    position: relative;
    color:#fff;
    font-size:18px;
    position:relative;
    font-family: 'Arial';
    text-transform: uppercase; 
    line-height: 35px;
    font-weight: bold;
    background: var(--html-bg-website);
    padding: 5px 10px;
}
.box-title{
    border: 1px solid #ccc
}
.title-cat{
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}
.title-cat li{
    font-size: 14px;
    color: #000;
    padding-right: 17px;
    padding-left: 17px;
    text-transform: uppercase;
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    border: 1px solid #ccc;
    margin: 0px 5px;
}
.title-cat li.active {
    color: #fff;
    font-weight: bold;
    background: var(--html-bg-website);
    border: 1px solid var(--html-bg-website);
}

.title-mail h3 a{
    font-size:22px;
    font-weight: bold;
}
.title-default{
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    line-height: 45px;
    position: relative;
    display: table;
    padding: 0 30px;
    margin: 0 auto;
}
.title-default:before {
    left: 1px;
    background: url('images/ic-ta.png');
}
.title-default:after {
    right: 1px;
    background: url('images/ic-ta1.png');
}

.title-default:before, .title-default:after {
    content: "";
    position: absolute;
    top: 8px;
    height: 25px;
    width: 29px;
}
.none-desktop{
    display: none;
}
a#load-more {
    color: var(--html-cl-website);
    border: 1px solid var(--html-cl-website);
    padding: 10px;
}
/*search*/
form#form-menu {
/*     position: absolute;
    right: 0;
    top: 0; 
    bottom: 0; */
    z-index: 9;
/*     background: #eaeaea;  */  
    display: flex;
    align-items: center;
/*     transition: all 0.5s cubic-bezier(0.25,0.46,0.45,0.94) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.25,0.46,0.45,0.94) 0s;
    -moz-transition: all 0.5s cubic-bezier(0.25,0.46,0.45,0.94) 0s;
    -o-transition: all 0.5s cubic-bezier(0.25,0.46,0.45,0.94) 0s;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    transform: perspective(200px) rotate3d(1,0,0,-90deg) translateY(100%);
    -webkit-transform: perspective(200px) rotate3d(1,0,0,-90deg) translateY(100%);
    -moz-transform: perspective(200px) rotate3d(1,0,0,-90deg) translateY(100%);
    -ms-transform: perspective(200px) rotate3d(1,0,0,-90deg) translateY(100%);
    -o-transform: perspective(200px) rotate3d(1,0,0,-90deg) translateY(100%);  */
}
/*.btn-s:hover form#form-menu {
     transform: perspective(200px) rotate3d(1,0,0,0deg) translateY(0);
    -webkit-transform: perspective(200px) rotate3d(1,0,0,0deg) translateY(0);
    -moz-transform: perspective(200px) rotate3d(1,0,0,0deg) translateY(0);
    -ms-transform: perspective(200px) rotate3d(1,0,0,0deg) translateY(0);
    -o-transform: perspective(200px) rotate3d(1,0,0,0deg) translateY(0); 
} */
input#keyword {
    height:30px;
    padding:11px;
    box-sizing: border-box;
    background: #fff;   
   border: 2px solid #fff; 
   width: 100%;
   border-radius:30px;
}
input#keyword::placeholder{
    color: #000
}
input#keyword:focus{
    outline:none
}
.submit-fa {
    position: absolute;
    right: 15px;
    color: #000;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
/*Background template*/
header.header-page{
    background: var(--html-bg-website);
}
.background-about{
    background: var(--bg-about);
}
div.template-popup{
    background:var(--bg-popup);
}
.background-sp{
    border:2px solid var(--html-bg-website);
    position: relative;
}
section.template-menu, section.doitac-top{
    background: var(--html-bg-website);
}
.template-top{
    background: #b1a4cd;
}
/*section.news-index{
    background:var(--bg-new);
}*/
section.template-about{
    background:var(--html-bg-website);
}
section.template-noithat{
    background:var(--bg-noithat);
}
footer.footer{
    background: var(--bg-footer)
}
section.mail-page{
    background:var(--bg-dangky);
}
section.slider-page{
    background:var(--bg-slider);
}
section.album-page{
    background: var(--bg-thuvien);
}
/*section.mail-page{
    background: var(--bg-dangky);
}*/
section.template-duan{
    background: var(--bg-duan);
}
section.template-danhgia{
/*    background: var(--bg-danhgia);*/
}
section.template-travel{
    background: var(--bg-travel);
}
/* MEGA MENU */
.drop-menu-mega ul.dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    opacity: 1;
    z-index: 99;
    text-align: left;
    min-width: 260px;
    height:450px;
    overflow-x:auto;
    display: flex;
    flex-wrap: wrap;
    opacity: 0;
    visibility: hidden;
    margin-top: 20px;
    transition: all 0.4s;
}
.drop-menu-mega:hover ul.dropdown {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
}
.drop-menu-mega ul.dropdown > li {
    position: relative;
    float: left;
    width: 390px;
    min-width: 390px;
    box-sizing: border-box;
    padding: 10px;
}
.drop-menu-mega ul.dropdown > li h3 {
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}
.drop-menu-mega ul.dropdown > li h3 a {
    color: #000;
    font-family: 'RobotoBold';
    font-size: 14px;
}
ul.drop_c li h4 a {
    color: #343a40;
    font-size: 12px;
    font-family: 'Arial';
    display: block;
    line-height: 23px;
    font-weight: 300;
    transition: all 0.4s;
}
.drop-menu-mega ul.dropdown li h4 a:hover {
    color: #901b1d;
    padding-left:15px;
}
/*MENU IMG*/
nav.cssMenu ul.menu{
    display: flex;
}
nav.cssMenu ul.menu > li > a{
    font-size: 14px;
    padding:10px 10px;
    text-transform:uppercase;
}
nav.cssMenu ul.menu > li > h2 > a{
    font-size: 14px;
    padding:10px 10px;
    text-transform:uppercase;
}
nav.cssMenu ul.menu > li > h2{
    font-size: 14px;
}
nav.cssMenu ul.menu > li > a.active{
    font-weight: bold;
}
.cssMenu ul.menu > li > ul.c1 > li {
    display: table;
    padding: 0;
    width: 100%;
    opacity: 0;
    position: relative;
    padding: 0px 15px;
    box-sizing:border-box;
    background:white;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.cssMenu ul li a{
    padding: 10px;
    color: black;
}
.cssMenu ul.c1 {
    visibility: hidden;
    width: 100%;
    max-width: 800px;
    position: fixed;
    justify-content: center;
    left: 22%;
    right: 0;
    top: 55px;
    width: 100%;
    z-index: 12222;
    text-align: left;
    transition: all 0.4s;
}
.cssMenu ul.menu li ul.c1 li a {
    padding: 15px 0px;
    display: block;
    color:black;
    transition:all 0.4s;
    font-size: 15px;
}
.cssMenu ul.menu li a {
    color: black;
}
.cssMenu ul.menu > li .box-hover-menu{
    position: absolute;
    left: 0;
    width: 100%;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 99999;
    transition:all 0.4s;
    margin-top:20px;
    padding:10px;
}
.cssMenu ul.menu > li:hover > .box-hover-menu {
    visibility: visible;
    opacity:1;
    margin-top:0;
}
.box-hover-menu ul li a {
    font-size: 14px;
    line-height: 25px;
    transition:all 0.4s;
}
.box-hover-menu ul li:hover a{
    padding-left:15px;
    color:#ee7053;
}
/*MENU DANH MỤC*/
ul.list-cat{
    background:#fff;
    box-shadow: 0px 7px 7px #ccc;
}
ul.list-cat > li + li{
    border-top:1px solid #ccc;
}
ul.list-cat > li > a{
    padding:8.5px 15px;
    display:block;
    transition:all 0.4s ease;
    font-size:14px;
    color: var(--html-cl-website)
}
ul.list-cat > li > a:hover{
    background:var(--html-bg-website);
    color:#fff;
    transition:all 0.4s ease;
    padding-left:25px;
}
.dropdown-menu2 {
    position: absolute;
    left: 100%;
    width: 960px;
    height:412px;
    top: 0;
    z-index: 9999;
    background: #fff;
    visibility:hidden;
    opacity:0;
    box-shadow: 0px 2px 5px #ababab;
}
.list-cat li:hover .dropdown-menu2{
    visibility:visible;
    opacity:1;
}
.item-cat div.name-c3 a {
    padding: 5px 0px;
    display: block;
    font-size: 14px;
    font-size:15px;
    position:relative;
    overflow: hidden;
}
.item-cat div.name-c3 a:hover{
    color:var(--html-bg-website);
}
.item-cat div.name-c3 a:before{
    content:'';
    position:absolute;
    left:-100%;
    bottom:0;
    height:1px;
    width:100%;
    background:var(--html-bg-website);
    transition:all 0.6s ease-in-out;
}
.item-cat div.name-c3 a:hover:before{
    left:0;
    transition:all 0.6s ease-in-out;
}
.title-default h3 a{
    color:#000;
    font-size:20px;
    text-transform:uppercase;
    font-weight:600;
    position:relative;
}
.title-default h3 a:before{
    content:'';
    position:absolute;
    left:50%;
    bottom:-10px;
    transform:translate(-50%,0%);
    height:2px;
    width:90px;
    background:var(--html-bg-website);
}
.box-desc{
    width:90%;
    margin:30px auto;
}
.box-form.ds-flex{justify-content:flex-end}
a.read-all{
    border:1px solid var(--html-bg-website);
    border-radius:3px;
    padding:10px 40px;
    font-weight:600;
    color:var(--html-bg-website);
}
a.read-all:hover{
   background:var(--html-bg-website); 
   color:#fff;
}
.before:before {
    content: '';
    position: absolute;
    left: 0;
}
.box-list:before{
    top: 15px;
    left: 25px;
    background: url(images/bar.png)no-repeat;
    padding: 12px;
}
.box-list > a{
    font-size:14px;
    text-transform:uppercase;
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height:35px;
    padding-left: 30px;
}
.box-list {
    background: #2d8e39;
    padding-top: 5px;
    padding-bottom: 5px;
}
.ul-box-list{
    position:absolute;
    top:100%;
    left:0;
    z-index:999;
    width:100%;
}
.multi-images {
   margin: 3px 0px;
   border:1px solid #ccc;
}
.multi-images.active{
    border:1px solid #288ad6;
}
/*header*/
.box-menu > ul > li+li {
   border-left:1px solid #fff;
}
.box-menu > ul > li {
    padding-left: 28px;
    padding-right: 25px;
}
.box-menu > ul{
    display:flex;
    justify-content:space-between;
    align-items: center;
    height: 35px; 
    margin:0;
}
.box-menu ul li h2{
    font-size: 14px
}
.box-menu ul li a{
    font-size:14px;
    color: #fff;
    font-family: 'RobotoRegular';
    text-transform: uppercase;
}
.box-menu-top > ul{
    display:flex;
    justify-content:flex-end;
    align-items: center;
    margin:0;
}
.box-menu-top ul li h2{
    font-size:14px;
}
.box-menu-top ul li+li{
    border-left: 1px solid #fff;
}
.box-menu-top ul li{
    padding-left: 20px;
    padding-right: 20px
}
.box-menu-top ul li a{
    font-size:14px;
    color: #fff;
    font-family: 'Arial'
}
.box-account .user-account{
    display:flex;
    justify-content: space-between;
    align-items: center;
    height: 75px;
}
a.ebi-user.a-ebi {
    padding-left: 40px;
    position: relative;
    color: var(--html-cl-website)
}
a.ebi-user.a-ebi:before{
    content:'';
    position: absolute;
    left:0;
    bottom: 0;
    height:41px;
    width:41px;
/*    background-color: #000;*/
    border-radius: 50%
}
a.ic-user:before{
    top:-10px;
    background:url('images/user.png'); 
}
a.ic-cart:before{
    background:url('images/cart.png') center no-repeat; 
}
/*menu*/
ul.ul-menu{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:0;
}
ul.ul-menu > li{
    flex: 1;
    text-align: center;
}
ul.ul-menu > li+li:before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    height: 20px;
    transform: translate(0%,-50%);
    width: 1px;
    background: rgba(255,255,255,0.6);
}
ul.ul-menu > li > a{
    padding:20px 15px;
    flex: 1;
    display:block;
    color:#029bd1;
    font-size:14px;
    font-family:'Arial';
    font-weight:bold;
    text-transform:uppercase;
    position: relative;
    z-index: 1234;
   
} 
/* .box-menu ul > li > a.active:before{
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    width: 80%;
    background: #123aa2;
    transform: skew(-25deg) translate(-50%);
    z-index: -1;
} */
.box-menu ul li a:hover,.box-menu ul li a.active{
    color: #b1a4cd;
}
.box-dropdown > ul > li+li {
    border-top: 1px solid #ccc;
}
.box-dropdown > ul > li > h3 > a:hover {
    color: #fff;
    background: var(--html-bg-website);
}
.box-dropdown > ul > li > a:hover {
    color: #fff;
    background: var(--html-bg-website);
}
.dropmenu {
    position: absolute;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    float: left;
    min-width: 200px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    transition: all 0.4s ease-in-out;
}
.pos-menu{
    top: 100%;
    left: -22px; 
}
.before-menu:before {
    top: -7px;
    left: 50%;
    transform: translate(-50%,0%);
}
.before-menu:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #999;
    border-top: 0;
    border-bottom-color: rgba(0,0,0,.2);
    position: absolute;
}
.after-menu:after {
    top: -6px;
    left: 50%;
    transform: translate(-50%,0%);
}
.after-menu:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top: 0;
    position: absolute;
}
.box-dropdown ul li a {
    color: #000;
    padding: 5px 10px;
    display: block;
    box-sizing: border-box;
    transition: all 0.4s ease-in-out;
}
.box-menu ul > li:hover .pos-menu {
    opacity: 1;
    visibility: visible;
}
.dropmenu ul.c1 > li:hover .pos-menu-c2 {
    opacity: 1;
    visibility: visible;
    display:block;
}
.dropdown-menu.pos-menu-c2 {
    left: 100%;
    top: 0;
}
.dropmenu.pos-menu-c3 {
    left: 100%;
    top: 0;
}
.dropmenu ul.c2 > li:hover .pos-menu-c3 {
    opacity: 1;
    visibility: visible;
}
.search-menu i.f-search{
    font-size:30px;
    color:var(--html-cl-website);
}
/*slider*/ 
.swiper-containerslide .swiper-button-next,.swiper-containerslide .swiper-button-prev{
    height:50px;
    width:50px;
    background-size:cover;
    filter: invert(72%) sepia(61%) saturate(46%) hue-rotate(34deg) brightness(200%) contrast(74%);
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}
.gallery-top {
    height: 80%;
    width: 100%;
    text-align: center
}
.gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}
/*services*/
.box-service{
    border: 1px solid #ccc;
}
.desc-service h3 a{
    font-size:14px;
    color:#000;
    font-weight: bold;
    text-transform: uppercase
}
.content-service{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    padding-bottom: 10px
}
.content-service:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 130%;
    width: 100%;
    z-index: -1;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 7, 7, 0.75) 47%, rgba(0, 0, 0, 0.49) 100%);
}
.content-service h4 a{
    font-size: 14px;
    color: var(--html-cl-website);
    font-family: 'RobotoBold';
    text-transform: uppercase;
    color: #fff
}
.content-noithat{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    padding-bottom: 10px
}
.content-noithat:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 130%;
    width: 100%;
    z-index: -1;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.49) 47%, rgba(238, 235, 235, 0.89) 100%)
}
.content-noithat h4 a{
    font-size: 14px;
    color: var(--html-cl-website);
    font-family: 'RobotoBold';
    text-transform: uppercase;
    color: #000
}
.content-service h3 a{
    font-size: 14px;
    color: var(--html-cl-website);
    font-weight: bold;
    text-transform: uppercase;
}
.content-service p{
    color: var(--html-cl-website);
}
.content-child p{
    font-size: 14px;
}
.daytime p{
    padding: 0 10px;
    color: #000;
    font-family: 'RobotoRegular';
    font-size: 14px
}
.daytime .fa{
    color: #ff681a
}
div.price-travel{
    position: absolute;
    bottom: 0;
    right: 0;
    background: var(--html-bg-website);
    z-index: 9;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 7px 8px;
    font-size: 15px;
    font-weight: bold

}
a.chitiet{
    font-size:13px;
    color:#f81616;
    text-decoration:underline;
    text-transform:uppercase;
    margin-top:20px;
    display:block;
}
.xemthem span a {
    color: #fff;
    font-size: 15px;
}
.xemthem span {
    background: #ed6d15;
    padding: 10px 30px;
    border-radius: 5px
}
.content-congtrinh h3 a{
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase
}
.content-congtrinh{
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    z-index: 99
}
.item-congtrinh:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    height: 40%;
    width: 100%;
    z-index: 1;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(131, 240, 106, 0.58) 47%, rgba(27, 242, 1, 0.7) 100%);
    background: -ms-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(131, 240, 106, 0.58) 47%, rgba(27, 242, 1, 0.7) 100%);
    background: -o-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(131, 240, 106, 0.58) 47%, rgba(27, 242, 1, 0.7) 100%);
    background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(131, 240, 106, 0.58) 47%, rgba(27, 242, 1, 0.7) 100%);
    background: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(131, 240, 106, 0.58) 47%, rgba(27, 242, 1, 0.7) 100%);
}
/*menu-cat*/
.menu-cat ul li a{
    font-size: 14px;
    color: #000;
}
.menu-cat ul li{
    padding-left: 20px;
    padding-right: 20px;
}
.menu-cat ul li+li{
    border-left: 1px solid #ccc
}
/* Hiệu quả */
.border-detail{
    border: 1px solid #ccc
}
.title-detail {
    border-bottom: 1px solid #ccc;
}
.box-about{
    border:2px dashed #fff;
}
.content-about {
    width: 60%;
    margin: auto;
}
.title-about h3 a{
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
.title-about:before {
    content: '';
    position: absolute;
    background: url(images/line-about.png)no-repeat;
    width: 87px;
    height: 5px;
    bottom: -15px;
    left: 50%;
    transform: translate(-50%, 0);
}
.content-about p{
    color: #fff;
    font-size: 14px;
    line-height: 25px
}
.content-chitieu p{
    font-size: 14px;
    text-transform: uppercase;
    color:#fff;
}
.Xemthem span {
    background: #ed6d15;
    padding: 10px 15px;
    border-radius: 5px;
}
.Xemthem span a{
    color:#fff;
    font-size: 14px;
    font-weight: bold
}
.title-service h1{
    font-size: 22px;
    color: var(--html-cl-website);
    text-transform: uppercase;
    font-weight: bold
}
.title-service h2 a{
    font-size: 22px;
    color: var(--html-cl-website);
    text-transform: uppercase;
    font-weight: bold
}
.border-top {
    border-top: 1px solid #ccc
}
.title-service h3 a{
    font-size: 22px;
    color: var(--html-bg-website);
    text-transform: uppercase;
    font-weight: bold
}
.title-doitac h3 a{
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold
}
.title-doitac:before {
    content: '';
    position: absolute;
    background: #fff;
    width: 118%;
    height: 1px;
    bottom: -10px;
    left: -100px;
}
.title-product-shophoa h3{
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
    font-family: 'RobotoBold'
}
.title-service h3{
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
    font-family: 'RobotoBold'
}
.title-service:before {
    content: '';
    position: absolute;
    background: url(images/line-danhmuc.png)no-repeat;
    width: 87px;
    height: 5px;
    bottom: -15px;
    left: 50%;
    transform: translate(-50%, 0);
}
.title-service span a{
    font-size: 22px;
    color: var(--html-cl-website);
    text-transform: uppercase;
    font-weight: bold
}
.title-product h3 a{
    font-size: 19px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 24px;
}
.title-product{
    padding: 11px 0;
}
.title-product:before{
    content: '';
    position: absolute;
    background: url('images/danhmuc.png') no-repeat;
    width: 296px;
    height: 46px;
    bottom: -1px;
    left: 0;
    z-index: -1
}
.border-product {
    border: 1px solid #ccc;
    z-index: -1;
}
.border-cat {
    border: 1px solid #ccc;
    z-index: -1;
    margin: 0 10px;
    display: flex;
    align-items: center
}
.title-product-cat li a{
    font-size: 14px;
    color: var(--html-cl-website)
}
.title-product-cat li.cat+li.cat{
   border-left: 1px solid #ccc
}
.title-product-cat li.cat{
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;

}
.title-product-cat{
    display: flex;
    justify-content: flex-end;
    align-items: center
}
.title-detail span {
    background: var(--html-bg-website);
    display: inline-block;
    position: relative;
    padding: 0px 60px 0px 10px;
    color: #fff;
    font-weight: bold;
    line-height: 40px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold
}
.title-detail span:after{
    content: '';
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 35px solid #fff;
    position: absolute;
    right: 0;
}
.title-duan h3 a{
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold
}
.title-duan:before{
    content: '';
    position: absolute;
    background: url('images/line_danhgia.png') no-repeat;
    width: 112px;
    height: 16px;
    bottom: -25px;
    left: 50%;
    transform: translate(-50%, 0);
}
.title-product-bc h3{
    font-size: 20px;
    color: #555555;
    text-transform: uppercase;
    font-weight: bold
}
.title-product-bc:before{
    content: '';
    position: absolute;
    background: url(images/before.png) no-repeat;
    width: 484px;
    height: 6px;
    bottom: 7px;
    left: -10px;
  
}
.title-product-bc:after{
    content: '';
    position: absolute;
    background: url(images/after.png) no-repeat;
    width: 484px;
    height: 6px;
    bottom: 7px;
    right: -10px;
  
}
.title-danhgia h3{
    font-size: 20px;
    color: #555555;
    text-transform: uppercase;
    font-weight: bold
}
.title-danhgia:before{
    content: '';
    position: absolute;
    background: url(images/before.png) no-repeat;
    width: 445px;
    height: 6px;
    bottom: 7px;
    left: 0;
  
}
.title-danhgia:after{
    content: '';
    position: absolute;
    background: url(images/after.png) no-repeat;
    width: 445px;
    height: 6px;
    bottom: 7px;
    right: 0;
  
}
.title-product-list h3{
    background: #b1a4cd;
    display: inline-block;
    position: relative;
    padding: 0px 50px 0px 55px;
    color: #000;
    font-weight: bold;
    line-height: 46px;
    text-transform: uppercase;
    font-size: 18px;
}
.title-product-list-cat {
    border-right:  1px solid #e6e6e6;
    border-top:  1px solid #e6e6e6;
    border-bottom:  1px solid #e6e6e6;
    position: relative;
    margin-bottom: 10px;
    margin-left: 10px
}
.title-product-none {
    background: none;
    border-right:  1px solid #e6e6e6;
    border-top:  1px solid #e6e6e6;
    border-bottom:  1px solid #e6e6e6;
}
.title-product-list:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 9px;
    background: url(images/icon-banchay.png)no-repeat;
    padding: 19px;
    z-index: 99
}
.title-product-list h3:after{
    content: '';
    width: 0;
    height: 0;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-right: 35px solid #fff;
    position: absolute;
    right: 0;
}
.title-dangky h3{
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Arial';
    line-height: 25px;
    font-weight: bold
}
.title-thongtin h3{
    font-size: 16px;
    font-family: 'RobotoBold';
    color: #fff;
    text-transform: uppercase;
}
.title-thongtin:before{
    content: '';
    position: absolute;
    background: url('images/line_danhmuc.png') no-repeat;
    width: 100px;
    height: 9px;
    bottom: -15px;
    left: 0;
}

/*VÌ SAO*/
/*=========Album=========*/
.before-after:before{
    content: '';
    position: absolute;
    background: url('images/before.png') no-repeat;
    top: 120px;
    left: 50%;
    width: 200px;
    height: 200px;
    transform: translate(-50%);
}
/*================newsindex================*/
.swiper-video {
    border: 20px solid #fff;
}
/* .item-newsindex:before{
    content: '';
    position: absolute;
    background: var(--html-bg-website);
    top: 35px;
    bottom: 0px;
    right: -25px;
    width: 2px;
    height: 40%;
} */
.desc-newsindex p{
    margin-bottom:0;
    font-size: 14px;
    text-transform: capitalize
}
.desc-newsindex h3 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 7px;
    margin-bottom: 5px;
    font-size: 14px
}
.desc-newsindex h3 a{
    font-size:14px;
    font-family: 'RobotoBold';
    color: var(--html-cl-website);
    text-transform: uppercase
}
a.xemthem-news{
    font-size:14px;
    text-decoration:underline; 
    margin-top:10px;
    display:inline-block;
    color: var(--html-cl-website);
    font-family: 'Roboto'
}
/*=========CÂU HỎI============*/
.title-cauhoi h3{
    color:#fff;
    text-transform: uppercase;
    font-size: 19px;
    font-weight: bold
}
.content-cauhoi ul li {
    line-height: 47px;
    border-top: 1px solid #fff;
}
.content-cauhoi ul li:nth-child(7) {
    border-bottom: 1px solid #fff;
}
.content-cauhoi ul li a{
    font-size: 15px;
    color:#fff;
}
/*=====================TIN TỨC ====================*/
.desc-news img{max-width: initial}
.desc-news h4 a{color: #000;font-size: 14px;text-transform: uppercase;font-family: 'RobotoRegular'}
/*.news-child {width: calc(50% + 226px);}*/
.title-new h3{font-size: 20px;color: var(--html-cl-website);position: relative;text-transform: uppercase;font-weight: bold}
.title-new:before {content: '';position: absolute;bottom: -15px;left: 0;height: 2px;width: 60px;background: var(--html-bg-website);border-radius: 15px;}
.before-news h4:before{content:'';position:absolute;top:6px;left:-20px;background:url(images/icon-new.png)no-repeat;padding:8px;}
/*.desc-news span{color: var(--html-new-website);font-size: 16px;font-weight: bold}*/
span.date{color:#666666; font-size: 14px}
div#mcustom {height: 300px;}
.video-child select {border:none;margin-top: -5px;width: 100%;height: 30px;box-shadow:2px 2px 2px #eedbdb;}
.news-index .col-md-5{
    padding: 0 6px;
}
.desc-news p.date {
    font-size: 12px;
    margin-bottom: 5px
}
/*========PRODUCT MAIN=========*/
/*.item-product-index {
    border: 1px solid #ccc;
}*/
.position {
    position: absolute;
    right: 0;
    background: #7c2403;
    border: 20px solid #fff;
    padding: 25px;
    z-index: 999
}
.desc-product-page p{
    font-size: 14px;
    color: #000;
    font-family: 'Arial';
}
.desc-product-page h3{
  /*   overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
    line-height: 18px;
    height:35px;
}
.desc-product-page h3 a{
    font-size: 14px;
    color: var(--html-cl-website);
}
.desc-product-page h4{
  /*   overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
    text-transform: uppercase;
    line-height: 18px;
    height: 17px;
    overflow: hidden;
}
.desc-product-page h4 a{
    font-size: 14px;
    color: var(--html-cl-website);

}
.xemthem {
    position: absolute;
    right: 0;
    top: 0;
}
.xemthem a{
    color: #f01;
    font-size: 14px;
    font-family: 'RobotoRegular';
    padding: 8px 40px;
}
.xemthem1 a{
    color: #000;
    font-size: 14px;
    font-family: 'RobotoRegular';
    padding: 8px 40px;
    border:1px solid #000;
    border-radius: 4px;
}
.btn-none span{
    padding: 7px 35px;
    border: 1px solid var(--html-bg-website);
    font-size: 14px;
    border-radius: 30px 0 30px 0
}
.col {
    border: 1px solid #ccc;
    padding: 8px;
}
.tabs-content-page{
    display: none
}
.tabs-content-page.active{
    display: block
}
/*video*/
.title-video{
    background: var(--html-bg-website);
    padding: 7px 0px;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold
}
.map-detail iframe {
    width: 100%;
    height: 273px;
}
.border-video{
    border: 1px solid #ccc;
}
span.play{
    background:url('images/ic_yt.png')no-repeat;
    padding:12px 17px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
/*đối tác*/
.title-parner h4{
    font-size:22px;
    font-weight: bold;
    color:#fff;
    display:inline-block;
    background:#e94937;
    padding: 25px 15px;
    position:relative;
}
.title-parner h4:before{
    content:'';
    position:absolute;
    right: -25px;
    top:0;
    border-top: 35px solid transparent;
    border-bottom: 35px solid transparent;
    border-left: 25px solid #e94937;
}
.box-shadow {
    box-shadow: 0px 1px 5px 2px #ccc;
}
/*đăng ký*/
.title-dangky h4{
    color:#fff;
    text-transform:uppercase;
    font-size:18px;
    font-family: 'UTMAB';
}
input.rows-text{
    height:45px;
    width:320px;
    border:1px solid #ccc;
    border-right:none;
    padding:0px 15px;
    background:transparent;
    color:#fff;
    box-sizing: border-box;
}
input.rows-text::placeholder{
    color:#fff;
    font-style:italic;
}
input#send{
    height:45px;
    width:75px;
    background:#fff;
    border:none;
    font-size:15px;
    font-weight: bold;
    color:#eb3323;
}
/* MAIN */
.title_index {
    background-color: #f5f5f5;
    border-right: solid 1px #e6e6e6;
    border-top: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
    position: relative;
}
.title_index span {
    margin-left: 10px;
    color:var(--html-cl-website);
    ;
    font-size: 17px

}
.title_index h1, .title_index h2 {
    font-size: 15px;
    line-height: 40px;
    font-family: "Arial";
    text-transform: uppercase;
    width: auto;
    background: var(--html-cl-detail);
    padding-left: 20px;
    color:var(--html-cl-website);
    font-weight: bold
}
.title_index h1:after, .title_index h2:after{
    content: '';
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 17px solid var(--html-cl-website);
    position: absolute;
    left: 0;
    top: 0;
}
.title_index a {
    font-size: 16px;
    line-height: 40px;
    font-family: "Pony";
    text-transform: uppercase;
    width: auto;
    padding-left: 20px;
    color:var(--html-bg-website);
    font-weight: bold
}
.title_index a:after{
    content: '';
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 17px solid var(--html-bg-website);
    position: absolute;
    left: 0;
    top: 0;
}
/*category*/
.item-category.item-red {
    padding: 59px 40px;
}
.item-category.item-red {
    background: #e94937;
}
.border-product{
    border: 1px solid #e1e1e1;
}
.desc-category h3 a{
    color: #000;
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-top:15px;
    padding: 10px;
    background: #e1e1e1;
    text-transform: uppercase;
}
/* PRODUCT */
.item-service {
    background: #fff;
}
.tab-list-detail{
    margin: 0
  }
.tab-list-detail li.active {
    background-color: #282828!important;
  }
.tab-list-detail li {
    color: #fff;
    padding: 12px 14px 14px 14px;
    margin: 0 1px 0 0;
    background-color: #797979!important;
}
.tab-list-detail li {
    white-space: nowrap;
    font-size: 16px;
    display: inline-block;
    text-transform: uppercase;
    padding: 13px 15px;
    margin: 0 4px 0 0;
    list-style: none;
    cursor: pointer;
    color: #fff;
    border-top: 1px solid #B4BF86;
    border-left: 1px solid #B4BF86;
    border-right: 1px solid #B4BF86;
    border-bottom: 0px solid #B4BF86;
}
.before-hotline:before{
    content:'';
    position:absolute;
    top: 2px;
    left: 10px;
    background:url(images/hotline_detail.png)no-repeat;
    padding:22px;
    webkit-animation-name: blinker;
    -webkit-animation-duration: 1200ms;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1200ms;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1200ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

}
.before-hotline span{
    color: var(--html-bg-website);
    font-size: 20px;
    font-weight: bold
}
.before-hotline p{
    margin: 0;
    color: #000;
    font-size: 14px
}
.khuyenmai_detail span{
    padding: 5px 15px;
    border: 1px solid #ccc;
}
.khuyenmai_detail span.active{
    background: var(--html-bg-website)
}
p.sale{
    position: absolute;
    top: 10px;
    right: 10px;
    background: url(images/giamgia.png)no-repeat;
    height: 27px;
    width: 31px;
    z-index: 9;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 12px;
}
p.khuyenmai{
    position: absolute;
    top: 0;
    right: 0;
    background: url(images/khuyenmai-icon.gif)no-repeat;
    height: 67px;
    width: 65px;
    z-index: 9;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
p.content-text{
    position: absolute;
    top: 0;
    right: 0;
    background: var(--html-bg-website);
    z-index: 9;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 8px 15px;
    text-transform: uppercase;
    font-family: 'Arial';
    font-weight: bold
}
.cart-fixed{
    position:fixed;
    top:40%;
    right:10px;
    z-index:99999;
}
.box-cart {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform:scale(0);
    transition: all 0.4s
}
.thumbnail-ajax:hover .box-cart{
    transform: scale(1);
    transition: all 0.4s
}
.box-cart a.bs-cart {
    border: 1px solid var(--html-bg-website);
    display: inline-block;
    padding: 10px 28px;
    background: #f1ebeb;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    z-index:12;
}
.box-cart a.bs-cart:hover{
    color:var(--html-bg-website);
}
.box-cart a.bs-cart:before {
    content: "";
    background: var(--html-bg-website);
    z-index: -1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    left: -1px;
    top: 0;
    right: -1px;
    position: absolute;
    display: block;
    bottom: 0;
    -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.785,0.135,0.15,0.86);
    transition: -webkit-transform 0.45s cubic-bezier(0.785,0.135,0.15,0.86);
    transition: transform 0.45s cubic-bezier(0.785,0.135,0.15,0.86);
    transition: transform 0.45s cubic-bezier(0.785,0.135,0.15,0.86),-webkit-transform 0.45s cubic-bezier(0.785,0.135,0.15,0.86);
}
.box-cart a.bs-cart:hover:before {
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.product-fa:hover{
    color: #f01
}
.bottom-add {
    background: var(--html-bg-website);
    position: absolute;
    padding: 7px 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
}
.thumbnail-product:hover .bottom-add{
    opacity: 1;
    transition: all 0.4s
}
/*.bottom-add:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 40%;
    background: #fff;
}*/
.product-fa {
/*     border: thin solid #000; */
    color: #fff;
  /*   background: #000; */
    display: inline-block;
/*     width: 34px;
    height: 34px; 
    line-height: 28px;*/
    font-size: 12px;
 /*    position: absolute; */
    /* top: calc(50% - 10px); */
    transition: all .2s ease-in-out;
    transform: scale(1);
    left: -45px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform:uppercase;
    font-family: 'RobotoBold'
}
.addtocart-product {
    top: 5px;
    transition-delay: .07s;
}
.quickview-product {
    top: 45px;
}
.box-product:hover .product-fa { 
    left: 5px;
}
.fa-heart-o.active:before {
    content: "\f004";
}
a.quickview-heart {
    position: absolute;
    top: 10px;
    right: 50px;
    font-size: 25px;
    opacity: 0
}
.box-product:hover a.quickview-heart{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 25px;
    opacity: 1;
    transition: all 0.5s;
}
.product-img:hover .product-fa:hover {
    color: #f02727;
/*    border-color: #f02727;
    background: #f02727;*/
}
.text-product p:nth-child(1){
    margin:0;
}
.text-product p:nth-child(2){
    font-size:14px;
    color:#f00;
    font-weight: bold;
}
.ajaxBoxproduct{
    margin-bottom:20px;
}
h3 a.title-name{
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    color:var(--html-cl-website);
    text-transform: uppercase;
    font-weight:600;
}
.desc-ajax h3 a{
    color:#000;
    font-size:16px;

}
.price-ajax{
    color:#f60000;
    font-size:16px;
    font-weight: bold;
}
a.mask-ajax {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(239, 171, 87, 0.5);
    display:flex;
    align-items: center;
    justify-content: center;
    font-size:34px;
    color:#fff;
    transform: scale(0);
    transition: all 0.4s;
}
.thumbnail-ajax:hover a.mask-ajax{
    transform: scale(1);
     transition: all 0.4s;
}
.product-other{
    width: 100%;
    margin: 0 -5px;
}
.box-product {
  /*  margin-bottom: 5px;*/
    padding: 10px;
    overflow: hidden;
    transition: 0.2s all ease;
}
/*.thumbnail-product {
    border: 1px solid #eeee;
}*/
/*.item-product-index{
    border: 1px solid #ccc;
}*/
/*.item-product-index:hover{
      border: 1px solid #fff;
}*/
.box-product:hover {
    box-shadow: 0 0 0 1px var(--html-bg-website) inset;
}
/* .box-product {
    box-shadow: 0 0 0 1px #ccc inset;
    margin: 5px
} */
.product-name {
    word-spacing: unset;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
    text-overflow: ellipsis;
    word-spacing: inherit;
    text-align: left;
    display: inline-block;
    overflow: hidden;
    height: 40px
}
.flex-promotions {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.product-name a { 
    color:var(--html-cl-website);
    font-size: 14px;
    text-transform: uppercase;;
}
.product-name a:hover {
    color:#f00;
}
.fix-col-1 {
    padding: 0px 1px;
}
.product-price-old {
    font-weight: bold;
    text-decoration: line-through;
    color: #666666;
    display: inline-block;
}
.product-price {
    font-weight: bold!important;
    color: #ff0000;
    font-size: 14px;
}
.product-commitment {
    background: var(--html-bg-website);
    padding: 10px 15px;
    border: thin solid rgba(0,0,0,.1);
    margin-bottom: 15px;
}
.product-commitment-title {
    border-bottom: thin solid rgba(0,0,0,.1);
    color: #fff;
    margin: -10px -15px 10px;
    padding: 6px 0px;
    text-align: center;
    font-size: 16px;
}
.title-product-detail {
    font-size: 20px;
    line-height: 30px;
    border-bottom: thin dashed #ccc;
    color:var(--html-cl-website);
    text-transform: capitalize;
    font-family: 'RobotoBold';
    text-transform: uppercase;
    
}
.box-number {
    border: 1px solid #ccc;
}
.btn-detail {
    font-size: 16px;
    display: block;
    padding: 0px 10px;
}
input[name="number-change"] {
    width: 15px;
    border: none;
    background: none;
    height: 30px;
}
.box-product-detail li {
    padding: 5px 0;
    line-height: 27px;
    font-size: 16px;
    border-bottom: thin dashed #ccc;
    color: var(--html-cl-website);
}
ul.box-product-detail span {
    line-height: 38px;
}
.product-detail-price span{
    font-size: 14px;
    color: #ff0000;
    font-family: "RobotoBold";
    font-weight: bold;
}
.product-detail-price span span.dientich{
    font-size: 14px;
    color:#ff0000;
    font-family: "Arial";
    font-weight: bold
}
.product-detail-price-old {
    
}
.product-detail-price-old span{
    font-size: 16px;
    color:#595959;
    text-decoration: line-through;
    font-family: 'RobotoRegular'
}
.product-commitment-title span {
    color:#f00;
    text-transform: uppercase;
    font-family: "Arial";
}
.list-product-commitment li {
    color: #333;
    margin-bottom: 7px;
    font-size: 13px;
}
.list-product-commitment .fa {
    color:#f00;
}
.list-addthis {
    padding: 10px 0 5px;
}
.product-detail-addtocart-wish {
    padding: 10px 0px;
    border-bottom:none!important;
}
.product-detail-addtocart {
    background: var(--html-bg-website);
    color: #fff;
    padding: 0px 12px;
    line-height: 30px;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    transition: 0.2s all ease;
}
.product-detail-addtocart:hover {
    color:#fff;
    background: #df5400;
}
.product-detail-addtocart .fa {
    position: relative;
    top: -1px;
    font-size: 15px;
}
.block-product {
    background:#f7f7f7;
}
.block-title {
    background: var(--html-bg-detail);
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    line-height: 40px;
    padding: 0px 10px;
    font-family: "Arial";
    border: thin solid rgba(0,0,0,.1);
/*     text-shadow: 1px 1px 1px #888; */
    font-weight: bold
}
.list-block-cate {
    padding: 5px 10px;
    border: thin solid rgba(0,0,0,.07);
}
.list-block-cate li {
    position: relative;
    padding: 5px 5px 5px 20px;
}
.list-block-cate li:before {
    content:"";
    position: absolute;
    left: 5px;
    top: 12px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid var(--html-bg-website);
}
.list-block-cate li a {
    color:#333;
    font-size: 15px;
    transition: 0.2s all ease;
    font-size: 17px
}   
.list-block-cate li a:hover {
    color:#f00;
}
.list-block-post{
    padding: 10px;
    border: thin solid rgba(0,0,0,.07);
}
.list-block-post li {
    margin-bottom: 10px;
}
.list-block-post li:last-child {
    margin-bottom: 0;
}
.product-noibat-img {
    width: 65px;
    border: thin solid #ccc;
    padding: 2px;
    float: left;
    margin-right: 10px;
    transition: 0.2s all ease;
}
.product-noibat-img:hover {
    border-color: #f00;
}
.product-noibat h4 {
    font-size: 14px;
    margin: 0px 0px 5px;
    line-height: 20px;
}
.product-noibat h4 a {
    color:#333;
    transition: 0.2s all ease;
}
.product-noibat h4 a:hover {
    color:#f00;
}
.product-noibat span {
    color:#f00;
}
.promotion-index {
    background: #f2f2f2;
    margin: 20px 0;
    padding: 20px 0;
}
.title-promotion h2 {
    font-size: 19px;
    position: relative;
    border-bottom: thin solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.title-promotion h2:before {
    width: 100px;
    content:"";
    height: 3px;
    bottom: -1px;
    left: 0;
    position: absolute;
    background:#ef4136;
}
.product-promotion {
    background: url(images/icon-khuyenmai3.png) no-repeat;
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    position: absolute;
    top: 2px;
    right: 5px;
    text-align: right;
    font-size: 13px;
    padding-right: 7px;
}
/* END PRODUCT */
/*news index*/
/* main support*/
.support-main {
    position: fixed;
    z-index: 999;
    background: var(--html-bg-website);
    bottom: 0;
    text-align: center;
    border-top: thin solid rgba(255,255,255,.3);
    width: 100%;
}
.support-main ul {
    display: flex;
    margin-bottom: 0;
}
.support-main li {
    flex: 1;
    font-weight: normal;
    padding: 7px 0px;
}
.support-main li+li{
    border-left: 1px solid #fff
}
.support-main li a {
    color: #fff;
    display: flex!important;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'RobotoBold'
}
.support-main p{
    margin: 0
}
/*album*/
.pos-col.col-img {
    position: absolute;
    bottom: 0;
    left:0;
}
/*mail*/
form#booking {
    width: 410px;
}
.rows-b{
    background:none;
    border:1px solid var(--html-bg-website);
    color:#fff;
    padding:10px;
    width:100%;
    box-sizing: border-box;
    margin-bottom:15px;
}
.rows-b::placeholder{
    color:#fff;
}
.rows-submit{
    background:none;
    border:none;
    float:right;
    color:var(--html-cl-website);
    font-weight: bold;
}
/* CONTACT */
#map_canvas {
    height: 400px;
    margin: 20px 0;
}
.map_title h2{
    font-size:16px;
}
.box_contact{
    border-top:2px solid #ccc;
    margin-top:25px;
    padding-top:25px;
    margin-bottom:15px;
}
.title_contact h2{
    font-size:24px;
    text-transform:uppercase;
    margin-bottom:15px;
    margin-top:20px;
    font-weight:normal;
    font-family:'Arial';
}
.magin-contact{
    margin-bottom:15px;
}
.magin-contact input.form-control{
    border-radius: 0px;
    height: 36px;
    font-size: 14px;
    font-family: "UTMAvo";
    padding-left: 40px;
    font-weight: normal;
}
.magin-contact:nth-child(1) input{
    position:relative;
    background:url(images/icon-contact/icon-name.webp) 10px center no-repeat;
    position:relative;
}
.magin-contact:nth-child(2) input{
    background:url(images/icon-contact/icon-add.webp) 10px center no-repeat;
}
.magin-contact:nth-child(3) input{
    background:url(images/icon-contact/icon-tele.webp) 10px center no-repeat;
}
.magin-contact:nth-child(4) input{
    background:url(images/icon-contact/icon-title.webp) 10px center no-repeat;
}
.magin-contact textarea.form-control{
    background:url(images/icon-contact/icon-title.webp) 7px 8px no-repeat;
    padding-left:40px;
    height:150px;
}
.magin-contact textarea.form-control{
    border-radius:0px;
    font-family:"UTMAvo";
    font-size:15px;
    border:thin solid #cecece;
    box-shadow:0 0 0 0;
}
.magin-contact.form-control:focus{
    border-color:#66afe9;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0,.075), 0 0 8px rgba(102, 175, 233,.6);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0,.075), 0 0 8px rgba(102, 175, 233,.6);
}
/* END CONTACT */

/* ======== footer ======== */
.border-bottom{
    border-top:1px solid #fff;
}
.rows-newsletter{
    padding:10px;
    background:#fff;
    border:none;
    width:78%;
}
.rows-newsletter::placeholder{
    color:#000;
    font-style:italic;
}
.submit-newsletter{
    padding:10px 15px;
    border:none;
    background:var(--html-bg-website);
    color:#fff;
    text-transform:uppercase;
}
.title-footer{
    font-size:16px;
    color:#fff;
    font-family: 'RobotoBold';
    position:relative;
    text-transform: uppercase
}
 .title-footer:before{
    content:'';
    position:absolute;
    bottom:-8px;
    left:0;
    height:2px;
    width:15%;
    background:#fff;
    border-radius:15px;
} 
.title-footer h2{
    font-size:16px;
    color:#fff;
    font-family: 'RobotoBold';
    position:relative;
    text-transform: uppercase
}
.desc-footer a{
    color:#fff;
    line-height:25px;
    font-size: 14px;
    text-transform: capitalize;
}
.desc-footer h3 a{
    color:#fff;
    line-height:25px;
    font-size: 14px;
    text-transform: capitalize;
}
.iframe-map iframe{
    width:100%;
}
.link-web{
    color:#fff;
    font-weight: bold
}
.link-web:hover{
    color: #f01
}
.content-copy p{
    margin: 0;
    color: #fff
}
.menu-footer ul li h3 a{
    color: #000;
    font-size: 14px;
}
/*mang xa hoi*/
ul.mangxahoi li{
    display:inline-block;
    padding-top:10px;
    padding-right:5px;
}
/* ======== NEWS ======== */
.row.fix-row-10 {
    background: #f5f5f5;
    padding: 10px 0px;
}
.box-post{
    margin-bottom: 20px;
    font-size: 13px;
    color: #686868;
    border-bottom: thin solid #ccc;
}

.post-img{
    display: block;
    padding: 5px;
    background: #fff;
    box-shadow: 5px 5px 0px 0px #bebebe;
    overflow: hidden;
    position: relative;
    border: thin solid #bebebe;
        margin-bottom: 20px;
}

.post-img:before {
    width: 100%;
    height: 100%;
    position: absolute;
    top:0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    background: rgba(0,0,0,.7);
    content:"";
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    
    opacity: 0;
}

.post-img:hover:before {
    opacity: 1;
}

.post-img:hover span {
    opacity: 1;
    transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
}

.post-img span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    border: 2px solid #fff;
    color: #fff;
    height: 30px;
    width: 30px;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    font-weight: 100;
    margin-top: -15px;
    margin-left: -15px;
    opacity: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transform: scale(0.2, 0.2);
    -webkit-transform: scale(0.2, 0.2);
    -moz-transform: scale(0.2, 0.2);
    -o-transform: scale(0.2, 0.2);
    -ms-transform: scale(0.2, 0.2);
}

h2.post-name {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 18px;
    font-family: "Arial";
    text-transform: uppercase;
}

h2.post-name a {
    color:var(--html-cl-website);
    transition: 0.2s all ease;
}
h2.post-name  a:hover {
    color:#f00;
}
h3.post-name {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 18px;
    font-family: "Arial";
    text-transform: uppercase;
}

h3.post-name  a {
    color:var(--html-cl-website);
    transition: 0.2s all ease;
}
h3.post-name  a:hover {
    color:#f00;
}
span.post-name {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 18px;
    font-family: "Arial";
    text-transform: uppercase;
}

span.post-name  a {
    color:#333;
    transition: 0.2s all ease;
}
span.post-name  a:hover {
    color:#f00;
}
.post-date {
    border-top: thin solid #dedede;
    border-bottom: thin solid #dedede;
    line-height: 30px;
    color: var(--html-cl-website)
} 
.post-desc{
    margin-bottom: 20px;
    color: var(--html-cl-website)
}
.post-view {
    color:#999999;
    font-size: 12px;
    padding-left: 30px;
    background: url(images/icon/icon-callenda.png) center left no-repeat;
    line-height: 25px;
        display: block;

}
.other-news {
    margin-top:15px;    
}
.other-news ul li{
    list-style:none;    
}
.other-news h3 {
    color: #969696;
    padding-bottom: 5px;
    font-family: 'Arial';
    font-size: 18px;
    margin-bottom: 7px;
}

.other-news a:hover {
    color: #eb0000;
    text-decoration: none;
    padding-left: 10px;
}

.other-news a, .other-news {
    font-size: 14px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-family: 'Open Sans', sans-serif;
}
/* ======== END NEWS ======== */
/* PAGING */
.paging {
    text-align: center;
    margin: 0 auto;
}
.pagination>li>a, .pagination>li>span{
    padding: 0px 11px;
    line-height: 23px;
    margin: 0px 3px;
    text-align: center;
    font-size: 11px;
    color: #a7a7a7;
    border-color: #a7a7a7;
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover,.pagination>li>a.current {
    z-index: 2;
    color: var(--html-bg-website);
    background-color: #fff;
    border-color: var(--html-bg-website);
}

.pagination .page_info {
    position: relative;
    top: 4px;
    margin-left: 5px;
    font-size: 12px;
    color: var(--html-cl-website)
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-radius: 0px;
}

/* END PAGING */
/*=======orders======*/
.huongdanmuahang {
    background: url(images/icon-huongdanmuahang.gif) left center no-repeat;
    padding: 20px 0px  20px 55px;
    width: 130px;
    margin-left: 20px;
}
.flex-cart{
    display: flex;
    justify-content:center;
    align-items:center;
}
button.btn-default{
    height:35px;
    width:30px;
    background:#fff;
    border:1px solid #ccc;
    font-size:16px;
}
button.btn-minus{
    border-radius:30px 0px 0px 30px;
    border-right:none;
}  
button.btn-plus{
    border-radius:0px 30px 30px 0px;
    border-left:none;
}   
.notify * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.notify {
    position: fixed;
    min-width: 350px;
    max-width: 450px;
    background-color: #fff;
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #494949;
    border-radius: 4px;
    border: 1px solid #dedede;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px;
    z-index: 999;
    opacity: .8;
    filter: alpha(opacity=80);
}

.notify:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.notify .notify-icon {
    float: left;
    position: absolute;
    width: 50px;
    height: 100%;
    border-right: 1px solid #ddd;
    text-align: center;
    overflow: hidden;
}

.notify .notify-icon .notify-icon-inner {
    position: relative;
    top: 42% !important;
}

.notify .notify-icon .notify-icon-inner img {
    max-width: 18px;
    max-height: 18px;
}

.notify .notify-icon .notify-icon-inner .fa {
    font-size: 25px;
}

.notify .notify-text {
    float: left;
    padding: 10px 15px;
    margin-left: 50px;
}

.notify .notify-text h3 {
    display: block;
    padding: 0;
    margin: 3px 0;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
}

.notify .notify-text p {
    margin: 5px 0;
    margin-bottom: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
}

.notify .notify-close-btn {
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    right: -10px;
    top: -10px;
    cursor: pointer;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExOEMxNDkyODc0N0NBMUEwNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3N0ZBOTUxNzNERkIxMUUyQUZGMEFDRjY0RjNFODlDOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3N0ZBOTUxNjNERkIxMUUyQUZGMEFDRjY0RjNFODlDOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY3N0YxMTc0MDcyMDY4MTE4MDgzRkQyMTE2MTM0QUNBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3N0YxMTc0MDcyMDY4MTE4QzE0OTI4NzQ3Q0ExQTA0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5Ke+4QAAAMlJREFUeNqkk90KwyAMha0dvp/ghfthsFcb67YLYe83EBdZlCxL3KCFU0nM+WqjTqUUs+bZ1Nd2d6jDDDqDHqCk1AeQBx1B+Xa9vAFovmNBwFwSzAvIoWKFWJxciNGxmJtp3FeQMDkziCEfcCTObYUUEPE3JAg3xwawZKJBMsm5kZkDNIhqlgC0+J/cFyAIDTOD3fkABKXbeQSxP8xRaWyHNIAfdFvbHU8BJ9JdqdscktDTD9ITtCcnTLpMDRLwMlWPmdZe55cAAwD+1kOdnSr5eQAAAABJRU5ErkJggg==') no-repeat center;
    background-size: 10px,10px;
    background-color: #fff;
    padding: 10px;
    border-radius: 50%;
    border: 1px solid #ddd;
}

.notify .notify-close-btn:hover {
    background-color: #f3f3f3;
}

.notify .notify-close-btn:active {
    background-color: #ddd;
}

/* themes */
.notify.dark-theme {
    background: rgba(44,46,47,.9);
    color: #fafafa;
    border-color: #333;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px;
}

.notify.dark-theme .notify-icon {
    border-color: rgba(44,46,47,1);
}

.notify.dark-theme .notify-close-btn {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAKNJREFUeNqkk9EKwyAMRdMKfqG/WBD2hYWMs4epZBLjoBcEibnHNokHIE90mn0SkUtESpBfWk4aEUCABLz46gZKi9tV2hktNwEDUPnVDLHmrmoBBdAFxDNrv2D+RA+yNM+AFWRp9gARRL3inot2vf+MSdQqT3f0C6tqawTZmcumxQNwbQrmQS4LyGaUNRhlNaOc5xrkNp6e2UJqNwNyPH3OnwEACDCs273A8sIAAAAASUVORK5CYII=') no-repeat center;
    background-size: 10px,10px;
    background-color: rgba(44,46,47,.9);
    border: 1px solid #333;
}

.notify.dark-theme .notify-close-btn:hover {
    background-color: #313131;
}

.notify.dark-theme .notify-close-btn:active {
    background-color: #222;
}

.notify.success {
    background: #BCF5BC;
    color: #006400;
    border-color: #7CDD77;
}

.notify.success .notify-icon,
.notify.success .notify-close-btn {
    border-color: #7CDD77;
}

.notify.error {
    background: #F77975;
    color: #fff;
    border-color: #CD4945;
}

.notify.error .notify-icon,
.notify.error .notify-close-btn {
    border-color: #CD4945;
}

.notify.info {
    background: #78C5E7;
    color: #fff;
    border-color: #3BADD6;
}

.notify.info .notify-icon,
.notify.info .notify-close-btn {
    border-color: #3BADD6;
}

.notify.warning {
    background: #ffeaa8;
    color: #826200;
    border-color: #ffc237;
}

.notify.warning .notify-icon,
.notify.warning .notify-close-btn {
    border-color: #ffc237;
}

/* sizes */
.notify.size-small {
    min-width: 250px;
    max-width: 350px;
    font-size: 12px;
}

.notify.size-small .notify-text h3 {
    font-size: 12px;
}

.notify.size-small .notify-text p {
    font-size: 10px;
}

/* positions */
.notify.notify-top-left {
    top: 20px;
    left: 20px;
}

.notify.notify-top-right {
    top: 20px;
    right: 20px;
}

.notify.notify-top-center {
    top: 20px;
    left: 50%;
    margin-left: -196px;
}

.notify.notify-bottom-left {
    bottom: 20px;
    left: 20px;
}

.notify.notify-bottom-right {
    bottom: 20px;
    right: 20px;
}

.notify.notify-bottom-center {
    bottom: 20px;
    left: 50%;
    margin-left: -196px;
}

.notify.notify-top-full {
    max-width: none;
    top: -1px;
    bottom: auto;
    right: 50px;
    left: 50px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.notify.notify-top-full .notify-close-btn,
.notify.notify-top-center .notify-close-btn {
    top: auto;
    bottom: -10px;
}

.notify.notify-bottom-full {
    max-width: none;
    bottom: -1px;
    right: 50px;
    left: 50px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.notify.notify-center-center {
    top: 50%;
    left: 50%;
    margin-left: -196px;
    margin-top: -26px;
}

/*options*/
.notify.notify-without-title .notify-text h3 {
    margin: 5px 0;
}

.notify.notify-without-title .notify-text p {
    margin-bottom: 5px;
}

.notify.notify-without-icon .notify-text {
    margin-left: 0;
}

.notify-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.05);
    z-index: 998;
}

.notify-overlay.light {
    background: rgba(255,255,255,0.3);
}
.cart-mini .mini-cart-title{
    position: relative;
    left: -75px;
    background: #fff;
    padding: 5px;
    color: #646565;
    font-size: 20px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: -3px 0px 3px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    -3px 0px 3px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         -3px 0px 3px 0px rgba(50, 50, 50, 0.5);
}
.cart-mini .mini-cart-title a{
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    }
.cart-mini .mini-cart-title a:hover{color:red;text-decoration:none}
.cart-mini .mini-cart-title span.wrap{
   font-size:13px;
   position: relative;
   top: -3px;
}
.cart-mini .mini-cart-title i{
    position: relative;
    top: -2px;
    margin-left: 4px;
}
.cart-mini {
position: fixed;
top: 10%;
right: -370px;
width: 370px;
background: #FFF;box-shadow: 5px 3px 7px #999999;
border-top: 3px solid #2f3842;
padding: 10px;
display: none;
z-index: 99999;}
.cart-mini h3.title {
font-weight: bold;
color: #ac0404;
text-transform: uppercase;
font-size: 12px;
margin-bottom: 0px 0px 10px 0px !important;
padding: 0px 0px 5px 0px !important;
border-bottom: 1px solid #eeeeee;
}

.quantity {
    margin-bottom: 10px;
}

.quantity label {
    float: left;
    margin-right: 10px;
    line-height: 30px;
}
    
.quantity input{
    width: 32px;
    height: 32px;
    border: thin solid #ccc;
    margin-left: -1px;
    outline: none;
    background: #fff;
    float: left;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.quantity input.input-text{
    width: 40px;
    font-weight: normal;
    font-size: 16px;
}
/*====cart===*/
/* CART */
#popup-cart {
    display: block;
    position: fixed;
    overflow: hidden;
    visibility: hidden;
    right: -400px;
    top: 0px;
    z-index: 9999;
    background: #fff;
    max-width: 400px;
    width: 100%;
    height: 100%;
    border: thin solid #ccc;
    border-top: none;
    transition: all .35s cubic-bezier(.23,1,.32,1);
}

#popup-cart.active {
    transform: translate3d(-400px,0,0);
    -webkit-transform: translate3d(-400px,0,0);
    visibility: visible;
}

#popup-cart p {
    margin-bottom: 5px;
}

.popup-cart-main-title{
    background-color: rgba(83,94,99,.06);
    padding: 6px 16px 6px;
    border-bottom: thin solid #eaeaea;
    display: block;
    position: relative;
    text-align: center;
}

.popup-cart-main-title h4 {
    font-size: 16px;
    margin: 0px 0px 0px;
}

.popup-cart-main-title p {
    font-size: 14px;
    color: #949494;
    margin-bottom: 0px;
}

.popup-cart-main {
    height: 100%;
}

.popup-cart-main-scroll {
    padding: 15px 16px 20px;
    font-weight: 400;
    height: calc(100% - 50px);
    overflow-y: auto;
}

.popup-cart-main-scroll table {
    width: 100%;
}

.popup-cart-items {
    border-bottom: thin solid #efefef;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.popup-cart-items h4,
.popup-cart-items-price {
    font-size: 13px;
}
.popup-cart-items h4 a {
    color:#333;
}
.popup-cart-items p:nth-child(2) {
    font-size: 14px;
}

.popup-cart-items:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
}

.popup-cart-total {
    
}
.remove-product {
    color:#f00;
}
.popup-cart-submit a {
    color: #fff;
    background-color: #2d2d2d;
    border-color: rgba(0,0,0,.3);
    padding: 10px 0;
    margin: 20px 0 0;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 18px;
    transition: 0.2s all ease;
}
.popup-cart-submit a:hover { 
    background-color: var(--html-bg-website);
}

.popup-cart-total.tonggia-order {
    font-weight: normal;
    font-size: 15px;
}

.popup-cart-total .font-bold {
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 10px;
    font-family: "RobotoCondensed-Bold";
}

.close-popup-cart {
    position: absolute;
    width: 35px;
    left: 15px;
    top: 10px;  
    cursor: pointer;
}

.open-popup-cart {
    position: relative;
}

.open-popup-cart .num-cart {
    background: var(--html-bg-website);
    color: #fff;
    width: 26px;
    height: 26px;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    display: inline-block;
    border-radius: 2px;
    margin-top: 0;
    position: relative;
    top: -5px;
}
.open-popup-cart .num-cart:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: -5px;
    top: 7px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid var(--html-bg-website);
}
.cart-header {
    float: right;
    margin-left: 25px;
    margin-top: 4px;
}
.svg-cart b {
    width: 50px;
    font-family: "UTMAvoBold";
    display: inline-block;
    line-height: 16px;
    font-size: 13px;
    text-transform: uppercase;
    position: relative;
    top: 4px;
    color: #333;
}
.svg-cart .fa {
    font-size: 32px;
    color: var(--html-bg-website);
}
.modifycart{
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    border: thin solid #ccc;
    padding: 1px 2px;
    position: relative;
    top: -1px;
}

.button-order,
.table-order tr td a {
    font-weight: normal !important;
}

/* TABLE ORDER */
.order-select.bootstrap-select .btn {
    border-radius: 0;
    height: 37px;
    position: relative;
    border-color: #e2e2e2;
    padding-right: 47px;
    background: #fff;
    box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
}
.order-select.bootstrap-select .btn .bs-caret {
    width: 35px;
    height: 35px;
    background: #e2e2e2 url(images/ico-select-down.png) no-repeat center;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}
.order-select.bootstrap-select {
    height: 37px;
}
.order-select.bootstrap-select .btn .bs-caret .caret {
    display: none;
}
-select.bootstrap-select .btn {
    border-radius: 0;
    height: 37px;
    position: relative;
    border-color: #e2e2e2;
    padding-right: 47px;
    background: #fff;
    box-shadow: none;
}
.table-order tr td {
    padding: 5px 5px 0px 0px;
}

.table-order tr.nav-table-order td  {
    padding: 7px 5px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    border-bottom: 2px solid #ccc;
    color: #666;
}

.button-order{
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px 9px;
    font-weight: bold;
    margin: 4px;
    background: rgb(249,252,247);
    background: -moz-linear-gradient(top, rgba(249,252,247,1) 0%, rgba(245,249,240,1) 100%);
    background: -webkit-linear-gradient(top, rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%);
    background: linear-gradient(to bottom, rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 );
    font-size: 15px;
    text-transform: capitalize;
    border-radius: 0;
    outline: none;
    color:#232323;
    transition: 0.2s all ease;
}
.button-order:hover {
    color:#fff;
    background:#232323;
}
.tonggia-order {
    font-size: 14px;
    font-weight: bold;
    color: #666;
}

.table-order tr td{ 
    vertical-align: top;
}

.table-order tr td a{
    font-size: 14px;
    color: #232323;
    font-weight: bold;
}

.table-order tr td input {
    padding: 0px 5px;
    box-sizing: border-box;
    width: 45px;
    outline: none;
    text-align: center;
}

.row-user-order label{
    font-weight: normal;
    margin-top: 5px;
    color: #999;
}

.row-user-order label span {
    color:#f00;
}

.row-cart input[type='text'],.row-cart input[type='email'], .row-cart select {
    border-radius: 1px;
    height: 34px;
    position: relative;
}

.row-cart {
    margin-bottom: 20px;
    position: relative;
}

.row-cart .title-giaohang {
    color:#999;
    margin-top: 10px;
    
}

.row-cart input, .row-cart textarea {
    padding-left: 43px;
}
.row-cart input::placeholder, .row-cart textarea::placeholder{
    font-style:italic;
}
.row-cart:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 34px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 10;    
}

.icon-cart-name:before {
    background-image: url("images/cart/c_name.png");
}

.icon-cart-tele:before {
    background-image: url("images/cart/c_phone.png");
}

.icon-cart-email:before {
    background-image: url("images/cart/c_mail.png");
}

.icon-cart-add:before {
    background-image: url("images/cart/c_local.png");
}

.icon-cart-captcha:before {
    background-image: url("images/cart/c_code.png");
}

.icon-cart-desc:before {
    background-image: url("images/cart/c_mess.png");
}
.icon-cart-date:before {
    background-image: url("images/cart/time.png");
}


.row-cart textarea.form-control{
    border-radius: 0px;
    height: 150px;
}

.box-thanhtoan {
    margin-bottom: 20px;
    border-top: none;
    padding: 10px;
    box-shadow: 0px 0px 7px 2px #ccc;
}

.thongtinthanhtoan  {
    padding: 10px;
    font-size: 12px;
    color: #999;
    border: thin solid #ebebeb;
}

.title-thanhtoan {
    font-size: 12px;
    color: #3e3e3e;
    text-transform: uppercase;
    font-family: 'Open Sans', 'Arial', sans-serif;
    padding: 10px 15px;
    background:#f7f7f7;
}

.btn--buy-now{
    background: #8DC540 !important;
    border-radius: 0px;
    text-transform: uppercase;
    outline: none;
    border: none;
    background: #fec107!important;
    font-weight:bold;
}

.table-order-thanhtoan.table-order tr.nav-table-order td{
    font-size: 12px;
    background: #f7f7f7;
    border-bottom: thin;
    text-transform: none;
    color: #333;
}

.table-order-thanhtoan.table-order tr td a, .table-order-thanhtoan.table-order tr td {
    font-size: 12px;
    
}

.table-order-thanhtoan .tonggia-order{
    font-size: 16px !important;
}
/* END TABLE ORDER */
/*breadcumb*/
ol#breadcrumb {
    height: 40px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-left: solid 2px #fa3e3d;
    border-right: solid 1px #e6e6e6;
    border-top: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
    margin-bottom: 15px;
    margin-top: 15px;
}
ol#breadcrumb li {
    float: left;
    background: url(images/g8.gif) no-repeat left center;
    padding-left: 30px;
    padding-right: 10px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
}
ol#breadcrumb li:nth-child(1) {
    padding-left: 0px;
    background: url(images/h.gif) no-repeat center center;
    width: 60px;
}
ol#breadcrumb li a {
    color: var(--html-cl-website);
    font-size:13px;
}
ol#breadcrumb li:nth-child(1) a {
    height: 35px;
    width: 70px;
    display: inline-block;
}
ol#breadcrumb li:nth-child(1) a span {
    opacity:0;
    visibility:hidden;
}
/*account user*/
div#custom-content {
    background: #fff;
    padding: 20px;
    margin-top: 84px!important
}
.header-popup {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.register-now {
    width: 100%;
    margin: 0px auto;
    max-width: 578px;
    font-size:14px;
}
.control-border{
    border-radius:0!important;
}
.box-register{
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0px 0px 20px #eee;
}
.rows-input-register::placeholder{
    font-style:italic;
    opacity:0.7
}
.row-register label {
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 400;
}
.row-register input[type="button"]{
    background:red;
    border:none;
    padding:10px 5px;
    color:#fff;
}
.rows-w label{
    width:120px;
    display: inline-block;
}
#btn-login{
    background:#325cf3;
}
/* ĐỔI MẬT KHẨU */
.title h4{
    font-size: 22px;
    color: #000;
    font-family: 'RobotoBold';
    text-transform: uppercase
}
input.input-count {
    width: 100%;
    padding: 7px;
}
input#btn-submit-repass {
    padding: 10px;
    background: #ccc;
    color: #000;
    font-family: 'RobotoBold';
}
.content-pass {
    width: 50%;
    margin: 0 auto;
}
/*check radio*/
    label.schedule-radio-item {
        line-height: 20px;
        width:70px;
    }
    span.checkmark:after {
        content: '';
        position: absolute;
        left: 2px;
        top: 2px;
        height: 14px;
        width: 14px;
        background: #de1a38;
        border-radius: 50%;
        display: none;
    }
    .schedule-radio-item {
        position: relative;
        cursor: pointer;
    }
    .schedule-radio-item input {
        position: absolute;
        left: -9999px;
    }
    .schedule-radio-item .e-text {
        padding-left: 18px;
        display: inline-block;
        position: relative;
        font-weight: 400;
    }
    .schedule-radio-item .e-text::before {
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        background: #b8b8b8;
        position: absolute;
        left: 0;
        top: 6px;
        border-radius: 50%;
    }
    .schedule-radio-item input:checked+.e-text::before {
        background: #7dc244;
    }
    .form-account{
        border-radius:0!important;
    }
/*user page*/
.box-header h3 {
    background: var(--html-bg-website);
    padding: 10px 0px;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    color:#fff;
}
.nav-left {
    border: 1px solid #ccc;
}
ul.item li.row-content a {
    font-size: 14px;
    line-height: 30px;
}
.row-content a svg, .row-content a .icon {
    width: 24px;
    height: 20px;
    font-size: 24px;
    color: rgb(155, 155, 155);
    margin: 0px 5px 0px 0px;
    vertical-align: middle;
}
.useravatar {
    border-bottom: 1px solid #ccc;
}
.useravatar img {
    width: 100px;
    height: 100px;
    display: inline-block;
    line-height: 100px;
    text-align: center;
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 50%;
    overflow: hidden;
}
.username h3 {
    font-size: 18px;
    color: #4f4f4f;
    font-weight: 700;
    text-align: center;
    margin-top: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
}
.title-account{
    color: #222;
    font-size: 18px;
    font-weight: 700;
}
.tit_row {
    font-size: 15px;
    font-weight: 700;
    color: #222;
    margin-bottom: 13px;
}
.box-upload-anh {
    border: 1px dashed #BDBDBD;
    background: #f7f7f7;
}
.box-upload-anh .act_upload {
    width: 100%;
    float: left;
    padding: 10px;
    background: #f7f7f7;
    cursor: pointer;
    display:flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.box-upload-anh .input_file {
    display: none;
}
.box-upload-anh .act_upload .fa {
    font-size: 50px;
    padding: 0 5px;
    color: #BDBDBD;
}
.box-upload-anh .act_upload .txt_up {
    color: #4f4f4f;
    padding: 0 5px;
}
.item-user-page{
    position: relative;
}
.item-user-page input,.item-user-page textarea{
    padding-left: 40px;
}
.item-user-page:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 34px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 10;
}
.icon-user-name:before {
    background-image: url("images/cart/c_name.png");
}

.icon-user-tele:before {
    background-image: url("images/cart/c_phone.png");
}

.icon-user-email:before {
    background-image: url("images/cart/c_mail.png");
}
.icon-user-pass:before {
    background-image: url("images/cart/c_code.png");
}

.icon-user-add:before {
    background-image: url("images/cart/c_local.png");
}
.icon-user-date:before {
    background-image: url("images/cart/time.png");
}
.submit-form input[type='submit']{
    border:none;
    background:var(--html-bg-website);
    padding:10px 20px;
    color:#fff;
}
.tf-hover img {transition: all 1s ease 0s;}
.tf-hover img:hover {transform: scale(1.1);}
.hover-fade {position: relative;overflow: hidden;}
.hover-fade:before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.5);content: '';z-index: 10;-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;-webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);}
.hover-fade:hover:before {webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0);transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0);}
.blinker {
    webkit-animation-name: blinker;
    -webkit-animation-duration: 1200ms;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1200ms;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1200ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes blinker {
    0% {opacity: 1.0;}
    50% {opacity: 0.0;}
    100% {opacity: 1.0;}
}