/* HEADER */
#header{
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 123;
    width: 100%;
    background:#fff;
}


.logo_menu{
    width: 100%;
    display: inline-block;
    float: left;
    padding: 20px 0px;
}

.logo{
    width: 30%;
    float: left;
    text-align: left;
    position: relative;
}


.righthead{
    width: 29%;
    float: right;
    margin-top: 25px;
}
.fix_head .logo_menu{
    padding: 10px 0px;
}
.fix_head .logo img{
    max-width: 200px;
}
.fix_head #menu_top{
    padding-top: 0px;
}
.fix_head ~ .cart-fix {
    right: 5px;
    opacity: 1;
    visibility: visible;
}

.cart-fix {
    position: fixed;
    bottom: 315px;
    right: -100%;
    opacity: 1;
    visibility: hidden;
    z-index: 1234;
}

.cart-fix a {
    position: relative;
    height: 60px;
    width: 60px;
    text-align: center;
}
.icon_cart a {
    color: #ff0000;
    font-weight: bold;
    background: url(images/cart.png)left center no-repeat;
    padding: 7px 0px 0px 0px;
    display: inline-block;
    background-size: 100% 100%;
}
.fix_head{
    box-shadow: 0px 0px 5px #ccc;
}

/*SEARCH*/
.khung_search {
    position: absolute;
    top: 23px;
    right: 0px;
    z-index: 12345;
}
.fix_head .khung_search{
    top: 3px;
}
.btn_search_display {
    display: inline-block;
    text-align: center;
    width: 44px;
    height: 44px;
    line-height: 46px;
    border-radius: 50%;
}
.khung_search span i {
    color: #333;
    font-size: 20px;
  
}
.closese {
    display: none;
}
.khung_search span.closese i {
    font-size: 22px;
}
.search {
    width: 0;
    opacity: 0;
    height: 38px;
    overflow: hidden;
    z-index: 100;
    padding-right: 32px;
    position: absolute;
    background: #fff;
    bottom: 3px;
    right: 45px;
    border: 1px solid #dedede;
    border-radius: 20px;
}
#keyword {
    width: 100%;
    float: left;
    height: 36px;
    padding: 0px 15px 0px 15px;
    border: none;
    background: none;
    outline: none;
    color: #333;
    font-size: 13px;
}
#sb_search {
    width: 32px;
    height: 36px;
    color: #7a7a7a;
    position: absolute;
    top: 0px;
    right: 0px;
    outline: none;
    cursor: pointer;
    font-size: 16px;
    border: none;
    background: none;
}

.btn_search_display.active .closese{
    display: block;
}
.btn_search_display.active .lup {
    display: none;
}
.full-menu{
    width:70%;
    display:inline-block;
    float:right;
    position:relative;
    height: 48px;
}

.menu{
    width: 100%;
    position: relative;
    margin: auto;
}
.menu .container{position:relative;}
.menu_mobile{    display: none;
    position: absolute;
    width: 100%;
    top: 20px;}
.menu_mb a{
    color: #4c2b06;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    padding: 11px 10px;
}
.searchmb{position:absolute;width:60%;right:20px;top:5px;}

#menu_top{
    width: 100%;
    position: relative;
    float: left;
    padding-right: 75px;
    padding-top: 20px;
}
#menu_top ul,#menu_top ul li{list-style:none;margin:0px;}
#menu_top>ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;width:100%;}
#menu_top>ul>li{
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    line-height: 48px;
}
#menu_top ul,#menu_top ul li{list-style:none;margin:0px;padding:0px;}
#menu_top>ul>li a{color:#333;display:block;font-size:14px;position:relative; font-family: 'RobotoRegular';}
#menu_top>ul>li>a{color:#333;display:block;font-size:17px;width:100%;position:relative; text-transform: uppercase;}
#menu_top>ul>li>a>span{
   display: inline-block;
   position: relative;
   z-index: 12345;
}
#menu_top>ul>li>a>span:before{
    position: absolute;
    bottom: 0px;
    left: 50%;
    right: 50%;
    width: 0;
    height: 2px;
    content: '';
    opacity: 0;
    background: #48290c;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}
#menu_top>ul>li:hover>a>span:before,#menu_top>ul>li.active>a>span:before{
    width: 100%;
    left: 0;
    right: 0;
    opacity: 1;
}


#menu_top>ul>li.active>a,#menu_top>ul>li:hover>a{color:#48290c;}

#menu_top>ul>li>a i{
    font-size: 20px;
}
#menu_top>ul>li ul{
    position: absolute;
    left: 0px;
    z-index: 3000;
    top: 150%;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    width: 230px;
    text-align: left;
    padding-left: 0px;
    box-shadow: 3px 3px 5px #606060;
}
#menu_top ul li:hover>ul{top:100%;visibility:visible;opacity:1;}
#menu_top>ul>li ul li ul{left:100%;}
#menu_top ul li ul li:hover>ul{top:0px;}
#menu_top>ul>li ul li{line-height:1.5;position:relative;}
#menu_top>ul>li li a{padding:7px 10px;border-bottom:1px solid #ccc;position:relative;}
#menu_top>ul>li li:hover>a{ 
    color: #fff;
    background: #48290c;
}

#menu_top>ul>li li>a:before{
    position: absolute;
    top: 0px;
    left: -2px;
    height: 100%;
    width: 2px;
    background: #48290c;
    content: '';
}
#menu_top>ul>li li:hover>a:before{
    position: absolute;
    top: 0px;
    left: -2px;
    height: 100%;
    width: 2px;
    background: #48290c;
    content: '';
}
#menu_top #hover_scroll{position:absolute;display:inline-block;top: 0px;left:0px;width:100%;height:100%;background:none;z-index:500;-moz-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}

.home_mb{font-size:35px;margin-left:55px;color#F6B331;}
.search-cart{position:absolute;right:0px;top:39px;}
/* cart */
.cart_head{color:#E51818;display:inline-block;float:right;text-align:right;border:1px dashed #ccc;padding:0px 10px 10px 10px;margin-top:20px;position:relative;}
.cart_head i{font-size:22px;margin-top:-10px;position:relative;top:-5px;right:8px;}
.cart_head .scart{font-size:10px;background:#E4E4E4;display:inline-block;position:absolute;padding:0px 4px;top:-15px;right:3px;color:#000;border-radius:50%;}
.cart_head p{font-size:11px;text-transform:uppercase;color:#333;}
.cart_head p span{text-transform:none;}
#slider{display:inline-block;text-align:center;position:relative;z-index:1;float:right;width:100%;}

/* MAIN */
#main{display:inline-block;width:100%;float:left }
.wrapin #main{
    padding: 30px 0px;
}
/* Top content */
#top_content{
    width: 100%;
    display: inline-block;
    position: relative;
    z-index: 1;
}

/*About*/
.aboutindex{
    width: 100%;
    display: inline-block;
    float: left;
    position: relative;
    z-index: 1;
    padding: 50px 0px;
}
.left_about{
    width: 48%;
    float: right;
    text-align: right;
}
.img-abd{
    position: relative;
}
.img-abd img{
    position: relative;
    z-index: 12;
}
.right_about{
    width: 50%;
    float: left;
    text-align: left;
    position: relative;
}

.title_about{
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 20px;
}

.title_about h3{
    text-transform: uppercase;
    font-size: 30px;
    color: #48290c;
    font-family: 'RobotoCondensed';
    position: relative;
    display: inline-block;
}
.title_about h3:before {
    position: absolute;
    left: 0;
    bottom: -3px;
    display: inline-block;
    content: "";
    width: 6px;
    height: 6px;
    background: #ffc408;
    border-radius: 50%;
}
.title_about h3:after {
    border-bottom: 1px solid #ffc408;
    display: inline-block;
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.descript_ab{
    line-height: 2;
    color: #333333;
    font-family: 'RobotoRegular';
}
a.view{
    width: 116px;
    height: 36px;
    display: inline-block;
    margin-top: 20px;
    color: #fff;
    background: #ffc408;
    line-height: 36px;
    border-radius: 2px;
    text-align: center;
}
a.view:hover{
    background: #ECAA0D;
}
/*end about*/
.mar-list{
    margin: 0px -14px;
}
.wrap-list{
    width: 25%;
    float: left;
    padding: 14px;
}
.iten-list{
    width: 100%;
    max-width: 272px;
    border: 1px solid #ccc;
    margin: auto;
}
.iten-list h4{
    margin: 10px 10px;
    text-align: center;
    text-transform: uppercase;
    color: #48290c;
    display: block;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 22.4px;
    font-family: 'RobotoCondensed';
    font-size: 15px;
}
.imglist{
    overflow: hidden;
}
.iten-list:hover h4{
    color: #ffc408;
}

/*Dự án*/
.projectindex{
    width: 100%;
    display: inline-block;
    margin-top: 50px;
}
.mar-projec{
    margin: 0px -15px;
}
.wrap-projec{
    width: 25%;
    float: left;
    padding: 15px;
}
.item-projec{
    width: 100%;
    max-width: 270px;
    margin: auto;
    position: relative;
    overflow: hidden;
}
.project-over {
    text-align: center;
    position: absolute;
    bottom: -80px;
    width: 100%;
    left: 0;
}
.item-projec:hover .project-over {
    bottom: -32px;
}
.item-projec *{
    transition: all ease 0.5s;
}
.project-over>span {
    width: 80px;
    display: inline-block;
}
.project-over i:before {
    z-index: 1;
    position: relative;
    top: 25px;
    color: #fff;
    font-size: 17px;
}
.project-over i:after {
    display: block;
    content: "";
    background: #48290c;
    width: 60px;
    height: 60px;
    transform: rotate(45deg);
    border: 2px solid #fff;
    z-index: 0;
}
/*End Dự án*/
.icon-viewed{
    position: fixed;
    bottom: 325px;
    right: 15px;
    z-index: 123;
}
.icon-viewed i{
    font-size: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #2EFEF7;
    box-shadow: 0px 0px 10px #8e8e8e;
    line-height: 50px;
    color: #000;
}
/*Dịch vụ*/
.service{
    width: 100%;
    display: inline-block;
    background: #E6E6E6;
    padding: 50px 0px;
    margin-bottom: 50px;
}
.padd-ser{
    padding-right: 20px;
}
.item_ser{
    position: relative;
    padding-left: 80px;
    font-size: 13px;
}
.item_ser:hover h4{
    color: #f00;
}
.item_ser img{
    position: absolute;
    top: 0px;
    left: 0px;
}

.item_ser h4{
    font-size: 20px;
    color: #333333;
    text-transform: uppercase;
    margin: 10px 0px;
}
.reak{
    text-transform: uppercase;
    margin-top: 20px;
    color: #f00;
    display: inline-block;
}
/*End Dịch vụ*/
/*Quy trình */
.scroll_qtrjob:before{
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    height: 5px;
    width: 80%;
    background: #222222;
}
.item-qtr{
    text-align: center;
}
.item-qtr p{
    text-align: left;
}
.stimg{
    display: inline-block;
    text-align: center;
    padding: 0px 0px 75px;
    position: relative;
    top: 65px;
}
.stimg:before {
    content: "";
    position: absolute;
    left: calc(50% - 12px);
    bottom: 32px;
    width: 24px;
    height: 24px;
    border: 1px solid #222222;
    border-radius: 50%;
    background: #fff;
    z-index: 1;
}

.stimg:after {
    content: "";
    position: absolute;
    left: calc(50% - 1px);
    bottom: 55px;
    width: 5px;
    height: 24px;
    background: #222222;
}
.item-qtr:hover .img-qtr{
    border:5px solid #ffc408;
}
.item-qtr:hover .st-qtr{
    background:#ffc408;
}
.item-qtr:hover .stimg:before{
    background:#222222;
}

.dkvi .stimg:before{
    top: 42px;
    bottom: inherit;
}
.dkvi .stimg:after{
    top: 68px;
    bottom: inherit;
}
.dkvi .stimg{
    padding: 93px 0px 0px;
    top: -61px;
}

.dkvi p{
    margin-bottom: 10%;
    height: 180px;
}
.img-qtr{
    width: 100%;
    max-width: 150px;
    margin: auto;
    border: 5px solid #ececec;
    border-radius: 50%;
    position: relative;
    
}
.img-qtr img{
    border-radius: 50%;
}
.st-qtr{
    position: absolute;
    top: 10%;
    left: -10px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: #ffffff;
    border-radius: 50%;
    border: 2px solid #ececec;
    font-size: 20px;
    color: #000;
    font-family: 'RobotoCondensed';
}
.item-qtr h4{
    margin-top: 20%;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 25px;
    color: #323c3f;
}
.item-qtr h4:before{
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -10px;
    margin: auto;
    height: 1px;
    width: 70px;
    background-color: #4a280c;
}
.item-qtr.dkvi h4{
    margin-top: 0px;
}
/*End quy trình*/
/* Middle */
#middle{width:100%;float:left;display:inline-block;}
/* title main */
.title_main{
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
}

.title_main h2{
    font-size: 30px;
    color: #48290c;
    font-family: 'RobotoCondensed';
    position: relative;
}


.title_main p{
    font-size: 14px;
    color: #727272;
}
.title_main.title_oth p{
    font-size: 15px;
    color: rgba(255,255,255,0.6);
    font-family: 'MuliRegular';
}

.title_main h3{
    color: #fff;
    font-size: 35px;
    font-family: 'Oswald-Bold';
    text-transform: uppercase;
}
.wraptitle h3:before{
    position: absolute;
    right: -125px;
    width: 100px;
    height: 1px;
    top: 24px;
    background: #d7d7d7;
    content: '';
}
.wraptitle h3:after{
    position: absolute;
    right: -100px;
    width: 100px;
    height: 1px;
    top: 30px;
    background: #d7d7d7;
    content: '';
}
.read-pro{
    width: 100%;
    display: inline-block;
    margin-top: 20px;
    text-align: center;
}
.read-pro a{
    width: 116px;
    height: 36px;
    display: inline-block;
    margin-top: 20px;
    color: #fff;
    background-image: linear-gradient(to right,#0078e8,#005fb8);
    line-height: 36px;
    border-radius: 2px;
    text-align: center;
}
.read-pro a:hover{
    background: #ECAA0D;
}
/*End title*/

/*Công Trình*/
.contructnb{
    width: 100%;
    min-height: 505px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    padding: 20px 0px;
}
.wrapcontr{
    width: 100%;
}

.padd-contr{
    padding: 0px 15px;
}
.item-contr img{
    width: 100%;
}
.slo-contr {
    color: #fff;
    width: 100%;
    margin-top: 30px;
    font-family: 'MuliRegular';
    font-size: 15px;
}
.slo-contr a{
    color: #ff0;
    font-size: 15px;
    font-family: 'MuliBold';
    text-decoration: underline;
}

/*End Công Trình*/

/* Product */
.full-product{
    width: 100%;
    display: inline-block;
    float: left;
    padding: 40px 0px;
}
.list_p{
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}
.list_p ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.list_p ul li{
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.list_p ul li a{
    display: inline-block;
    background: #F5F5F5;
    padding: 5px 10px;
    font-size: 22px;
    color: #000000;
    font-family: 'OswaldRegular';
}
.list_p ul li a.listom{
    font-family: 'Oswald-Bold';
    text-transform: uppercase;
    background:#078418;
    color: #fff;
}
.list_p ul li a:hover{
    background:#078418;
    color: #fff;
}

.viewall{
    width: 100%;
    display: inline-block;
    margin-top: 20px;
    text-align: center;
}
.viewall a{
    display: inline-block;
    text-transform: uppercase;
    color: #e30a0a;
    border: 1px solid #e30a0a;
    padding: 7px 20px;
}
.viewall a:hover{
    background: #e30a0a;
    color: #fff;
}
.containerpro{
    width: 100%;
    max-width: 1320px;
    padding: 0px 10px;
    margin: auto;
    text-align: left;
}
.conetpro{
    display: flex;
}
.cols-left{
    width: 17%;
    float: left;
    padding-right: 10px;
    border-right: 1px solid #eee;
}


.item_filter{
    margin-bottom: 5px;
}
.item_listleft{
    margin-bottom: 20px;
}
.item_filter a{
    color: #333;
    font-size: 13px;
    font-family: 'RobotoRegular';
}
.item_filter a:hover{
    color: #f00;
}
.cols-right{
    width: 83%;
    float: left;
    padding-left: 10px;
}
.mar_pro{
    margin: 0px -10px;
}
.full_pro{
    width: 100%;
    display: inline-block;
    padding: 50px 0px 50px 0px;
}

.full_pro:nth-child(2n){
    background: #F7F7F7;
}
.mr-pro{margin:0px -14px;}
.wrap_product {
    width: 25%;
    float: left;
    padding: 14px;
}
.padd-pro{
    padding: 0px 5px;
}
.product{
    width: 100%;
    max-width: 279px;
    margin: auto;
    font-size: 14px;
    position: relative;
    text-align: center;
    font-family: 'RobotoRegular';
    color: #333333;
    border: 1px solid #ccc;
    padding: 9px;
}

.product h3{
    color: #575454;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 18px;
    margin: 0px 0px 5px 0px;
    font-family: 'RobotoCondensed';
    height: 26.4px;
}
.product:hover .img-pro img{
	transform:scale(1.2); 
	-moz-transform:scale(1.2); 
	-webkit-transform:scale(1.2); 
	-o-transform:scale(1.2);
}
.product:hover h3{
    color: #ffc408;
}
.img-pro{
    position: relative;
    overflow: hidden;
}
.name-price{
    position: relative;
    text-align: left;
    margin-top: 10px;
}
.qrcode{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px;
    height: 55px;
    overflow: hidden;
    border: 1px solid #e1e1e1;
}
.qrcode img{
    width: 65px;
    height: 65px;
    top: -6px;
    left: -6px;
    max-width: 65px;
    position: absolute;
}
.readpro{
    width: 100%;
    text-align: center;
    display: inline-block;
}
.readpro a{
	color: #007fff;
	border: 2px solid #007fff;
    padding: 7px 40px;
    display: inline-block;
    border-radius: 20px;
    font-size: 15px;
}
.readpro a:hover{
	color: #fff;
	background: #007fff;
}
.typeroom{padding-right:10px;}
.quatiroom{padding-left:10px;}

.hovercs{position:absolute;top:calc(50% - 14px);background:rgba(249,69,46,1);font-size:15px;padding:6px 11px;border-radius:4px;color:#fff;line-height:1;visibility:hidden;opacity:0;}
.hovercs.addcart{left:10%;}
.hovercs.view-pro{right:10%;}
.hovercs:before{content:"";position:absolute;bottom:50%;left:50%;width:0;height:0;margin:0 0 -3px -4px;border:solid 5px transparent;border-top-color:rgba(249,69,46,1);opacity:0;visibility:hidden;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.hovercs:after{content:attr(data-title);position:absolute;bottom:50%;right:-28px;margin-bottom:7px;height:22px;line-height:22px;background:rgba(249,69,46,1);color:#fff;padding:0 7px;white-space:nowrap;font-size:11px;margin-right:10px;opacity:0;visibility:hidden;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.hovercs.addcart:after{right:-33px;}
.hovercs:hover:before,.hovercs:hover:after{opacity:1;visibility:visible;bottom:100%;}
.hovercs:hover{background:rgb(191,25,3);}
.wrap_product .product:hover .hovercs.addcart{left:calc(50% - 43px);opacity:1;visibility:visible;}
.wrap_product .product:hover .hovercs.view-pro{right:calc(50% - 43px);opacity:1;visibility:visible;}

.price{
    width: 100%;
    display: inline-block;
    color: #727272;
}

.priceold{display:inline-block;text-decoration:line-through;color:#333;font-size: 13px;}
.pricenew{
    color: #ffc408;
    font-size: 17px;
}
.price span{
    color: #ffc408;
    font-family: 'RobotoCondensedBold';
    font-size: 17px;
}
.price a{color:#ffc408;font-family: 'RobotoCondensedBold'; font-size: 17px;}
.dathang{
    border-top: 1px dotted #d5d5d5;
    text-transform: uppercase;
    color: #007f37;
}
.dathang a{
    color: #007f37;
    font-family: 'BeVietnam-Bold';
    width: 100%;
    padding: 6px 10px;
    display: inline-block;
}
.dathang a:hover{
    background: #007F37;
    color: #fff;
}
.dathang a i{
    font-size: 16px;
    padding-right: 5px;
}
.sale{
    position: absolute;
    left: 20px;
    top: 15px;
    background: #D90000;
    text-align: center;
    z-index: 1;
    color: #fff;
    font-size: 13px;
    padding: 5px 5px 7px 5px;
    line-height: 1;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}

.sale:before{
    width: 0;
    height: 0;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 5px solid #D90000;
    position: absolute;
    left: -5px;
    top: 7px;
    content: '';
}

.address-phone{
    position: absolute;
    left: calc(100% - 45px);
    width: 100%;
    bottom: -43px;
    text-align: center;
    transform-origin: 0 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(270deg);
    font-size: 13px;
}

.slick-arrow{display:block;position:absolute;cursor:pointer;overflow:hidden;font-size:0px;border:none;outline:none;top:0px;width:57px;height:100%;z-index:1;}
.slick-prev{left:-57px;background:url(images/pre.png)center no-repeat;}
.slick-next{right:-57px;background:url(images/next.png)center no-repeat;}
.scroll_pro .slick-prev{left:-57px;background:url(images/prepro.png)center no-repeat;}
.scroll_pro .slick-next{right:-57px;background:url(images/nextpro.png)center no-repeat;}
#thumb .slick-prev{left:-57px;background:url(images/prepro.png)center no-repeat;}
#thumb .slick-next{right:-57px;background:url(images/nextpro.png)center no-repeat;}
.scroll_Signa .slick-arrow{width:45px;height:80%;}
.scroll_Signa .slick-prev{left:-45px;background:url(images/prenew.png)center no-repeat;}
.scroll_Signa .slick-next{right:-45px;background:url(images/nextnew.png)center no-repeat;}
.scroll_list .slick-arrow{width:37px;height:100%;z-index:12;}
.scroll_list .slick-prev{left:-45px;background:url(images/prelist.png)center no-repeat;}
.scroll_list .slick-next{right:-45px;background:url(images/nextlist.png)center no-repeat;}
.adcart{position:relative;display:inline-block;}
.adcart a{background:#EEEEEE;color:#000;display:inline-block;text-transform:uppercase;padding-right:10px;font-size:13px;}
.adcart a:hover{background:#175fbe;color:#fff;}
.adcart a i{font-size:16px;width:40px;height:36px;line-height:36px;text-align:center;background:#175fbe;color:#fff;margin-right:10px;}
.adcart a:hover i{background:#0f4286;}
.bannerlist{margin-top:40px;}

/* product detail */
#product_detail_img{width:50%;float:left;max-width:442px;}
#product_img{margin-bottom:10px;border:1px solid #828282;}
#product_info{width:50%;float:left;padding-left:20px;margin:0px;}
b{    font-family: 'Lato-Bold';font-weight:normal;}
.top_proc{margin-top:40px;}
.padd_product{padding:0px 5px;}
#product_info h2.name{font-size:20px;display:inline-block;margin-top:0px;margin-bottom:10px;color:#333;    font-family: 'Lato-Bold';line-height:normal;}
#product_info li{display:inline-block;width:100%;margin-bottom:5px;}
#product_info li.color_pro{border-top:1px solid #ccc;padding-top:10px;margin-top:10px;}
#product_info li.color_pro a{display:block;padding:4px 14px;background:#fff;margin-right:5px;border:1px solid #189eff;font-weight:400;color:#189eff;cursor:pointer;font-size:13px;-webkit-box-shadow:none;box-shadow:none;margin-bottom:5px;border-radius:4px;text-decoration:none;display:inline-block;text-transform:uppercase;}
#product_info li.size_pro a{display:block;padding:4px 14px;background:#fff;margin-right:5px;border:1px solid #189eff;font-weight:400;color:#189eff;cursor:pointer;font-size:13px;-webkit-box-shadow:none;box-shadow:none;margin-bottom:5px;border-radius:4px;text-decoration:none;display:inline-block;text-transform:uppercase;}
.color_pro p,.size_pro p{color:#868686;}
#product_info li.color_pro a.active,#product_info li.color_pro a:hover{background:#189eff;color:#fff;}
#product_info li.size_pro a.active,#product_info li.size_pro a:hover{background:#189eff;color:#fff;}
.itemsl{padding:0px 5px;}
.gia span{color:#D01016;font-size:18px;}
.gia span a{color:#D01016;font-size:18px;}
.bckspro{float:left;margin-top:8px;margin-right:10px;font-weight:normal;}
.quatali_pro{float:left;position:relative;margin-right:35px;}
.quatali_pro input{float:left;display:block;padding:0;margin:0;border:1px solid #ccc;border-radius:5px;}
.quatali{width:60px;height:40px;text-align:center;outline:none;border:1px solid #e2e2e2;padding-right:5px;}
.quantity-nav{float:left;height:38px;position:absolute;right:-22px;}
.quantity-button{position:relative;cursor:pointer;border-left:1px solid #eee;width:20px;text-align:center;color:#fff;font-size:16px;line-height:1;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;background:#D23100;border-radius:3px;}
.quantity-button.quantity-up{position:absolute;height:50%;top:0;border-bottom:1px solid #eee;}
.quantity-button.quantity-down{position:absolute;bottom:-1px;height:50%;}
.showprice{float:left;position:relative;color:#333;font-size:20px;}
.showprice span{margin-top:4px;display:inline-block;color:#D01016;}
.addcart-support_add{margin-top:10px;display:inline-block;width:100%;}
.support_add{float:left;display:inline-block;}
.isud{color:#fff;display:inline-block;text-transform:uppercase;background:#D23100;border-radius:3px;font-size:14px;cursor:pointer;width:100%;line-height:40px;padding-left:48px;padding-right:45px;position:relative;}
.isud i{padding:11px 10px;font-size:18px;background:#D23100;border-top-left-radius:3px;border-bottom-left-radius:3px;position:absolute;left:0px;border-right:1px solid #ccc;}
.isud:hover{background:#771802;}
.quatali_pro input[type=number]::-webkit-inner-spin-button,.quatali_pro input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
.quatali_pro input[type=number]{-moz-appearance:textfield;}
#product_detail{margin-bottom:30px;display:inline-block;width:100%;}
.other-pro{width:100%;display:inline-block;margin-top:30px;}

/*Hình ảnh*/
.album-gallery{
    width: 100%;
    display: inline-block;
    padding: 50px 0px;
}
.mr-al{
    margin: 0px -9px;
}
.box-album {
    width: 33.33%;
    float: left;
    padding: 9px;
}
.itemabum {
    width: 100%;
    max-width: 385px;
    margin: auto;
    overflow: hidden;
    position: relative;
}
.hover-scr {
    position: absolute;
    vertical-align: middle;
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-size: 16px;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    width: 100%;
    height: 100%;
    padding: 5px;
    z-index: 123;
}
.hover-scr .codsh {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    vertical-align: middle;
    height: 100%;
}
.codsh h5{
    font-size: 16px;
    text-transform: uppercase;
}

/*End Hình ảnh*/
/*Video*/
.wrap_video{
    width: 33.33%;
    float: left;
    padding: 10px;
}
.img_videohd{
    position: relative;
}
.img_videohd span{
    position: absolute;
    left: calc(50% - 30px);
    top: calc(50% - 20px);
    width: 60px;
    height: 40px;
    display: inline-block;
    background: #CC0000;
    border-radius: 8px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
}

/*End video*/
/* TIN TUC */
.box_tintuc {
    text-align: left;
    width: 50%;
    float: left;
    display: inline-block;
    color: #706e6e;
    padding: 10px;
}

.box_tintuc:nth-child(2n+1) {
    clear: both;
}

.item_cn {
    display: inline-block;
    width: 100%;
    float: left;
    color: #333;
    font-size: 13px;
}

.box_tintuc img {
    padding: 3px;
    display: inline-block;
    border: thin #d9d9d9 solid;
    float: left;
    background: #fff;
    margin-right: 10px;
}

.item_cn h4 {
    margin: 0px;
    color: #333;
    font-family: 'OpenSansBold';
    font-size: 15px;
    margin-bottom: 10px;
}

.item_cn:hover h4 {
    color: #f00;
}

h3.nameacticle {
    color: #FF4200;
    font-size: 18px;
    margin-bottom: 10px;
}
.content_prod h3.clismen{
    font-size: 18px;
    margin-bottom: 10px;
    color: #333;
    font-family: 'OpenSansBold';
}

.baiviet_lienquan .title {
    color: #f00;
    border-bottom: 1px solid ;
    display: inline-block;
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    margin: 0px;
    margin-bottom: 10px;
}
ul.baiviet_lienquan{
    padding-left: 0px;
}

.baiviet_lienquan li {
    padding-left: 15px;
    font-size: 20px;
    list-style: none;
    padding: 0px;
}

.baiviet_lienquan li a {
    font-size: 14px;
    color: #6d6d6d;
    font-family: 'RobotoRegular';
}
.baiviet_lienquan li{
    list-style: none;
    margin: 0px;
}
.baiviet_lienquan li a:hover {
    margin-left: 10px;
    color: #f00;
}

/* Bottom content */

/* Đăng ký món ăn */
.dkbooking{width:100%;max-width:355px;border:10px solid #F1F1F1;box-shadow:-15px 20px 40px #E2E2E2;display:inline-block;padding:30px;}
.title_booking h3{color:var(--ColorHover);font-size:27px;text-transform:uppercase;font-family:'RobotoBlack';line-height:1;margin-bottom:20px;padding-bottom:20px;position:relative;}
.title_booking h3:before{position:absolute;background:#B8B8B8;width:40px;height:2px;left:0px;bottom:0px;content:'';}
.title_booking p{margin-bottom:20px;}
.item_input{width:100%;float:left;margin-bottom:20px;}
.item_input input{width:100%;height:42px;font-size:14px;padding:0px 10px;outline:none;}
.content-newletter{width:80%;display:inline-block;padding:4px;float:left;}
.newletter textarea{width:100%;height:80px;border:none;outline:none;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;font-size:14px;font-family:Arial;padding:10px 10px;}
.submitnewletter{width:20%;text-align:center;float:left;padding:4px;}
.newletter input#sb_nhantin{background:#E91313;color:#fff;text-transform:uppercase;font-size:17px;display:inline-block;height:80px;cursor:pointer;float:right;}
.newletter input#sb_nhantin:hover{background:#f77b31;}
.newletter p{font-size:15px;color:#fff;text-align:center;text-transform:uppercase;}

/*Vì sao chọn chúng tôi*/
.whychoose{
    width: 100%;
    display: inline-block;
    margin-bottom: 50px;
}
.padd_why{
    padding: 10px;
}
.item_why{
    text-align: center;
    position: relative;
    width: 280px;
    height: 280px;
    margin: auto;
}
.img_why {
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    background: #006FD5;
    border-radius: 50%;
    display: inline-block;
}
.item_why p{
    width: 100%;
    max-width: 156px;
    margin: auto;
    color: #B5B5B5;
}
.item_why h4{
    text-transform: uppercase;
    margin: 10px 10px 7px 10px;
    color: #1B1B1B;
    font-family: 'RobotoBold';
}
.item_why:hover h4{
    color: #207AD8;
}
.item_why:after{
    position: absolute;
    left: 41px;
    width: 200px;
    height: 200px;
    box-shadow: 0px 0px 5px #f1f1f1;
    content: '';
    top: 45px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    z-index: -1;
    border: 1px solid transparent;
}
.item_why:hover:after{
    border: 1px solid #006FD5;
}
.item_why:hover .img_why{
    background:#ffc408;
}
/*End Vì sao chọn chúng tôi*/


/* News - Video */
.news_video{
    width: 100%;
    display: inline-block;
    float: left;
    background: #F5F5F5;
    padding: 40px 0px;
}
.title_tin{
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
    background: url(images/title_center.png) bottom center no-repeat;
    padding-bottom: 30px;
}
.title_tin h3{
    color: #006fd5;
    font-size: 36px;
    font-family: 'UTMAurora';
    text-transform: uppercase;
    position: relative;
}
.title_tin p{
    font-size: 14px;
    color: #727272;
}
.newsindex{
    width: 100%;
}
.left_tin{
    width: 100%;
    float: left;
}
.img_lefttin{
    float: left;
    max-width: 50%;
    overflow: hidden;
    margin-right: 20px;
}

.title_newsvd{margin-bottom:20px;}
.title_newsvd h3{color:#1c1c1c;font-size:24px;text-transform:uppercase;font-family:'UTMImpact';}
.top_leftin{
    width: 100%;
    display: inline-block;
    color: #4c4c4c;
    margin-bottom: 20px;
}
.top_leftin h4{
    color: #333333;
    margin-bottom: 10px;
    font-size: 20px;
    font-family: 'RobotoBold';
}
.top_leftin h4:hover{color:#f00;}
.wrapbttin {
    padding: 20px 5px;
}
.item_tinsk{
    width: 100%;
    max-width: 370px;
    margin: auto;
    background: #fff;
    text-align: center;
    padding-bottom: 20px;
}
.imgtin{
    position: relative;
}
.date-post{
    position: absolute;
    top: -10px;
    left: 10px;
    background: #0076e5;
    width: 68px;
    height: 68px;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    z-index: 12;
    font-size: 24px;
    font-family: 'UTMAurora';
    line-height: 1;
}
.date-post p{
    font-size: 36px;
}
.item_tinsk h4{
    color: #2f2f2f;
    margin: 20px 20px 5px 20px;
    font-family: 'RobotoBold';
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 48px;
}
.item_tinsk:hover h4{
    color: #f00;
}
.user-type{
    color: #0276bf;
    margin-bottom: 10px;
}
.user-type span{
    padding: 0px 10px;
}
.user-type span i{
    color: #b0b0b0;
    margin-right: 10px;
}
.descnews{
    margin: 0px 20px;
     overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 42px;
    color: #494949;
}
.date-news{
    font-size: 13px;
    color: #e68200;
    font-family: 'RobotoMedium';
    margin-bottom: 10px;
}
.descrleft p{
    line-height: 2;
    font-size: 13px;
    color: #4c4c4c;
}
.center_tin-cp{width:33%;float:right;}
.videoindex{
    width: 40%;
    float: left;
    padding-left: 20px;
}
#box_video{position:relative;width:100%;height:350px;}
.wrapvideoin{
    width: 100%;
    display: inline-block;
    position: relative;
}
.select_video{
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}
#video_lienquan{
    height: 38px;
    width: 100%;
    padding: 0px 10px;
}
.img_video{padding:0px 3px;}
/*End news - video*/

/*Đối tác*/
.content_partner{
    width: 100%;
    display: inline-block;
    margin-top: 30px;
}
.wrappart{
    width: 100%;
    max-width: 1020px;
    margin: auto;
}
.itemdoitac{
    text-align: center;
}
/*End đối tác*/
.wrap-ser{
    width: 33.33%;
    float: left;
    padding: 10px;
}

.wrapcal-news{
    width: 100%;
    display: inline-block;
    position: relative;
    margin-top: 50px;
}
.wrapcal-news:before{
    position: absolute;
    width: 34%;
    height: 66px;
    background: #E34654;
    left: 0px;
    top: 0px;
    content: '';
}
.wrapcal-news:after{
    position: absolute;
    width: calc(66% - 700px);
    height: 66px;
    background: #1FADB8;
    right: 0px;
    top: 10px;
    content: '';
}
.call-newsletter{
    width: 100%;
    max-width: 1366px;
    margin: auto;
}
.call-bot{
    width: 34%;
    float: left;
    background: #E34654;
    height: 66px;
}
.cont-cal{
    width: 100%;
    max-width: 370px;
    float: right;
    line-height: 66px;
    color: #fff;
    text-align: right;
    padding-right: 20px;
    font-family: 'RobotoBold';
    font-size: 30px;
    position: relative;
}
.cont-cal:before{
    position: absolute;
    left: 0px;
    top: 20px;
    background: url(images/callne.png) no-repeat;
    width: 131px;
    height: 70px;
    content: '';
}
.cont-cal:after{
    position: absolute;
    right: -58px;
    top: 0px;
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 58px solid transparent;
    border-bottom: 66px solid #E34654;
    content: '';
}
.newsletter{
    width: 100%;
    height: 490px;
    display: flex;
    align-items: center;
    padding: 20px 0px;
    background-repeat: no-repeat;
    background-size: 100% 100%;

}


.wrap-newsl{
    width: 100%;
    max-width: 736px;
    padding-left: 20px;
    position: relative;
    z-index: 12;
    text-align: left;
}
.left-newslt{
    width: 33%;
    float: left;
    color: #fff;
    margin-top: 9px;
}
.left-newslt h4{
    font-family: 'RobotoBold';
    text-transform: uppercase;
    font-size: 20px;
    color: #fff;
}
.left-newslt p{
    font-size: 13px;
}
.right-newslt{
    width: 67%;
    float: left;
}
.news_letter{
    width: 100%;
    background-size: cover;
    background-attachment: fixed;
    min-height: 395px;
    display: flex;
    align-items: center;
    padding: 20px 0px;
}
.title_newsletter{
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
    background: url(images/title_newsletter.png) bottom center no-repeat;
    padding-bottom: 30px;
}
.title_newsletter h3{
    color: #fff;
    font-size: 36px;
    font-family: 'UTMAurora';
    text-transform: uppercase;
    position: relative;
}
.title_newsletter p{
    color: #fff;
}
.form_newsletter{
    width: 100%;
}
.left_newsletter{
    width: 51%;
    float: left;
    padding-right: 2%;
    border-right: 1px solid #fff;
}
.right_newsletter{
    width: 49%;
    float: left;
    padding-left: 2%;
}
.form_newsletter input{
    width: calc(50% - 10px);
    height: 45px;
    float: left;
    border: none;
    background: #fff;
    padding: 0px 10px;
    margin-bottom: 20px;
    border-radius: 3px;
}
.form_newsletter .nomr input{
    margin-bottom: 0px;
}
.form_newsletter input:nth-child(2n){
    float: right;
}
.form_newsletter input::-webkit-input-placeholder{font-size:13px;}
.form_newsletter input::-moz-placeholder{font-size:13px;}
.form_newsletter input:-ms-input-placeholder{font-size:13px;}
.form_newsletter input:-moz-placeholder{font-size:13px;}
.item_newsletter textarea{
    width: 100%;
    padding: 10px;
    height: 110px;
    background: #fff;
    border: none;
    border-radius: 3px;
}
.subform{
    text-align: center;
    margin-top: 20px;
    width: 100%;
    display: inline-block;
}
.subform button{
    width: 175px;
    height: 44px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    outline: none;
    background: #ffc408;
    border: none;
    font-size: 16px;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: 'RobotoBold';
}
.subform button:hover{
    background: #085397;
}
.submitbvt{
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.bt_submit{
    width: 145px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
    background: #ec3237;
    color: #ffffff;
    text-transform: uppercase;
    cursor: pointer;
}
.bt_submit:hover{
    background: #f00;
}
/*Tags*/
.tags {
    margin-bottom: 20px;
}
.tags a {
    display: inline-block;
    background: #ecebeb;
    padding: 2px 10px;
    border-radius: 3px;
    font-size: 12px;
    color: #333;
}
.tags a:hover {
    color: #EC3237;
}

/* FOOTER */
#footer{
    position: relative;
    width: 100%;
    display: inline-block;
    float: left;
    color: #fff;
    margin-top: 50px;
}
#footer:before {
    display: block;
    content: "";
    position: absolute;
    background: url(images/footer-img1.png) no-repeat;
    width: 148px;
    height: 100%;
    background-size: 100% 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
#footer:after {
    display: block;
    content: "";
    position: absolute;
    background: url(images/footer-img2.png) no-repeat;
    width: 148px;
    height: 100%;
    background-size: 100% 100%;
    top: 0;
    right: 0;
    z-index: 1;
}
.item_cnh{
    width: 33.33%;
    float: left;
    padding-right: 20px;
}

.title_left_footer{
    font-size: 25px;
    color: #fff;
    line-height: 1;
    margin-bottom: 15px;
    position: relative;
    text-transform: uppercase;
    font-family: 'RobotoBold';
}

.title_left_footer span{
    color: #ffcc00;
    font-size: 28px;
}
.mangxhfoo {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 60px;
}
.mangxhfoo img{
    margin-right: 5px;
}
.cksl{
    margin-bottom: 10px;
}
.logofoo{
    width: 30%;
    float: left;
    padding-top: 55px;
}
.centerfoo{
    width: 43%;
    float: left;
    font-size: 13px;
}
.right_foo{
    width: 27%;
    float: left;
}

.tldk{text-transform:uppercase;}
.content_foobc{
    width: 100%;
    display: inline-block;
    float: left;
    padding: 50px 0px 30px 0px;
    position: relative;
    font-family: 'RobotoRegular';
    background: #4a280c;
}
.show_map{
    width: 40%;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
}
.skdl{
    width: 100%;
    height: 100%;
    display: none;
}
.show_map iframe{
    width: 100%;
    height: 100%;
}
.logofooter{
    width: 28%;
    float: left;
}

.leftfoo{
    width: 72%;
    float: left;
}
.ttcontact{
    width: 60%;
    float: left;
    padding-right: 10px;
}
.content-foo{
    margin-bottom: 10px;
}
.cont-foo{
    width: 100%;
    max-width: 440px;
    margin-bottom: 5px;
}
.csach{
    width: 40%;
    float: left;
    padding-right: 10px;
}


.csach p{
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
}
.csach p:before{
    position: absolute;
    left: 0px;
    top: 7px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    content: '';
    background: #fff;
}
.csach p a{
    color: #fff;
    font-size: 14px;

}
.csach p a i{
    position: absolute;
    top: 2px;
    left: 0px;
    font-size: 16px;
}
.csach p a:hover{
    text-decoration: underline;
}
.rightfoo{
    width: 28%;
    float: right;
}
.sld{
    margin-bottom: 10px;
}
.skdl.showd{
    display: block;
}
.titlelef{
    color: #fff;
    text-transform: uppercase;
    font-family: 'OpenSansBold';
    font-size: 15px;
    display: inline-block;
    width: 100%;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.titlelef:before{
    width: 50px;
    height: 2px;
    bottom: -2px;
    content: '';
    border-bottom: 2px solid rgba(255,255,255,1);
    position: absolute;
    left: 0px;
}
.item_foo{width:33.33%;float:left; padding-right: 10px;}
.item_foo:last-child{padding-right: 0px;}
.cis_foo{
    width: 100%;
    max-width: 300px;
    margin: auto;
    font-family: 'MuliRegular';
    font-size: 15px;
    position: relative;
    padding-left: 54px;
    padding-top: 2px;
    color: rgba(255,255,255,0.9);
}
.cis_foo i{
    font-size: 50px;
    position: absolute;
    left: 0px;
    top: 0px;
}
.cis_foo p{
    color: #FCFF00;
}
.rightfoo p{margin-bottom:5px;}
.rightfoo p a{color:#fff;}
.rightfoo p a:hover{text-decoration:underline;}
.newk{padding-right:10px;}
.newk iframe{width:100%;height:45px;background:#fff;margin-top:20px;position:relative;}
.fan_foo{max-width:310px;float:right;}
.couter{width:43%;float:right;max-width:220px;}
.couter{color:#fff9f9;}
.couter div{border-bottom:1px solid #424242;padding-bottom:10px;margin-bottom:10px;padding-left:30px;}
.online{background:url(images/online.png)0px 0px no-repeat;}
.week{background:url(images/tuan.png)0px 0px no-repeat;}
.month{background:url(images/thang.png)0px 0px no-repeat;}
.total-cou{background:url(images/tong.png)0px 0px no-repeat;}
.couter div span{float:right;min-width:30px;}

h3.titlefoo{
    width: 100%;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    font-family: 'RobotoMedium';
    font-size: 15px;
    margin-bottom: 15px;
}

p.iskd{
    width: 100%;
    max-width: 250px;
    border-bottom: 1px dashed #d7d7d7;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.iskd a{
    color: #5c5c5c;
}
.iskd a:hover{
    color: #f00;
}
.fanpagefoo{
    width: 100%;
    max-width: 370px;
    float: right;
}
.chsach{width:100%;display:inline-block;margin-top:30px;}
.itemcs{float:left;}
p.bkis{
    position: relative;
    margin-bottom: 10px;
    font-size: 13px;
}
.bkis i{
    width: 25px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: left;
    color: #fff;
}
.itemcs a{color:#fff;}
.itemcs a:hover{text-decoration:underline;}
.mxhfooter{margin-top:15px;}
.mxhfooter img{margin-right:5px;}
.wrap-copy{
    width: 100%;
    display: inline-block;
    padding: 15px 0px;
    float: left;
    font-size: 13px;
    margin-top: 30px;
    position: relative;
    color: rgb(255,255,255,1);
    font-family: 'RobotoRegular';
    border-top: 1px solid rgb(255,255,255,0.5);
}
.copyright{
    background: #381505;
    color: #fff;
    display: inline-block;
    float: left;
    width: 100%;
    padding: 10px 0px;
    text-align: center;
}

.map_footer{
    position: relative;
    width: 100%;
    display: inline-block;
    float: left;
}
.listmap{
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    padding: 60px 20px 20px 20px;
    width: 100%;
    max-width: 400px;
    height: 100%;
    z-index: 12;
    text-align: left;
}
.listmap h5{
    text-align: center;
    font-size: 18px;
    color: #fffc00;
    font-family: 'RobotoBold';
    margin-bottom: 20px;
    position: relative;
}
.listmap h5:before{
    position: absolute;
    width: 45px;
    height: 2px;
    background:#fff;
    content: '';
    left: calc(50% - 24px);
    bottom: -10px;
}
.item_map{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #fff;
    cursor: pointer;
}
.item_map p{
    text-transform: uppercase;
}
.item_map.active p{
    color: #ff0;
}

.direct{position:fixed;bottom:320px;right:7px;}
.direct a{width:60px;height:60px;border-radius:50%;line-height:56px;background:#7ba7bc;text-align:center;display:inline-block;}
#footer1{z-index:1000;position:fixed;bottom:0;width:100%;left:0;display:none;}
#footer1 table{width:100%;text-align:center;margin:auto;background:#381505;border:2px solid #e8e8e8;}
.relacadd{position:relative;}
#footer1 img{width:30%;max-width:35px;vertical-align:middle;}
#footer1 a{color:#fff;}
.map_foo{width:100%;display:inline-block;float:left;height:195px;max-width:290px;}
.bottom_footer{
    width: 100%;
    border-top: 1px solid #e8e8e8;
    padding-top: 30px;
}
.bottom_footer h3{
    font-family: 'UTMAurora';
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
    color: #ec3237;
    margin-bottom: 20px;
}
.contaifoo{
    width: 100%;
    max-width: 1080px;
    margin: auto;
}
.item_btfooter{
    width: 33.33%;
    float: left;
}
.item_btfooter p{
    width: 100%;
    max-width: 335px;
    position: relative;
}
.item_btfooter p i{
    width: 65px;
    height: 65px;
    text-align: center;
    line-height: 65px;
    font-size: 34px;
    border: 2px solid #ec3237;
    color: #ec3237;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}
.item_btfooter p span{
    position: relative;
    top: 10px;
}

.copyrightlf{
    text-align: center;
}
.copyrightlf span{
    color: #fff;
}
.counter{
    font-size: 13px;
    color: #fff;
    float: right;
}
.counter span{
    color: #fff;
}
.jssora05l, .jssora05r {
    display: block;
    position: absolute;
    width: 40px; /* <-- Đảm bảo có */
    height: 40px; /* <-- Đảm bảo có */
    cursor: pointer;
    overflow: hidden;
}