@charset "utf-8";
/* CSS Document */
:root{--color-main:#d2b48c;--color-red:#ec2d3f;--color-medium-red:#cc2c32;--color-dark-red:#c31829;--color-green:#28a745;--color-dark-green:#207d36;--color-black:#212529;--color-gray:#6c757d;}
ul:not(.info-pro-detail  ul):not(.content-detail  ul) {
    list-style: none;
    margin: 0px;
    padding:0px;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
body{
    margin: 0px;
    padding: 0px;
}
@font-face {
    font-family: Montserrat;
    src: url(../fonts/main/Montserrat-Medium.ttf), url(../fonts/main/Montserrat-Medium.eot);
    font-weight:600;
}
@font-face {
    font-family: Montserrat;
    src: url(../fonts/main/Montserrat-ExtraBold.ttf), url(../fonts/main/Montserrat-ExtraBold.eot);
    font-weight:700;
}
@font-face {
    font-family: Montserrat;
    src: url(../fonts/main/Montserrat-Bold.ttf), url(../fonts/main/Montserrat-Bold.eot);
    font-weight:bold;
}
@font-face {
    font-family: Montserrat;
    src: url(../fonts/main/Montserrat-Light.ttf), url(../fonts/main/Montserrat-Light.eot);
    font-weight:300;
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/main/Montserrat-Regular.ttf), url(../fonts/main/Montserrat-Regular.eot);
    font-weight:normal;
}
@font-face {
    font-family: UTMHelvetIns;
    src: url(../fonts/main/UTMHelvetIns.ttf), url(../fonts/main/UTMHelvetIns.eot);
}
@font-face {
    font-family: UTMAvo;
    src: url(../fonts/main/UTMAvo.ttf), url(../fonts/main/UTMAvo.eot);
}
@font-face {
    font-family: UTMAvoBold;
    src: url(../fonts/main/UTMAvoBold.ttf), url(../fonts/main/UTMAvoBold.eot);
}
@font-face {
    font-family: UTMAmericanSans;
    src: url(../fonts/main/UTMAmericanSans.ttf), url(../fonts/main/UTMAmericanSans.eot);
}

body{font-family: Montserrat;font-weight:normal;font-size: 14px;line-height: 1.5;margin: 0 auto !important;background: #f8f7f8;font-weight:normal;top: 0 !important;color: #000;}

}
 html {
     font-size: 62.5%;
}
a:hover {
    text-decoration: none;
}
img:not(#logo img,.pbThumbs img){max-width: 100%;height: auto;}
a,
img,
h2,
p,.transition {
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}
.not-transition{
    transition: all 0s linear;
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -o-transition: all 0s linear;
    -ms-transition: all 0s linear;
}
.w-clear:after{display:block;content:"";clear:both;}
.scale-img{overflow:hidden;display:block;}
.scale-img img{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}
.scale-img:hover > img{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.hidden {
    display: none;
}
.dev-d-none{display: none !important;}
.over-hidden{overflow: hidden;}
.none {
    display: none;
}
.hidden-seoh {
    visibility: hidden;
    height: 0px;
    margin: 0px;
    overflow: hidden;
}
.clear {
    clear: both;
}
.clear10 {
    clear: both;
    height: 10px;
}
.clear15 {
    clear: both;
    height: 15px;
}
.clear20 {
    clear: both;
    height: 20px;
}
.w-100 {
    width: 100%;
}
.row-10{
    margin:0px -10px !important;
}
.padding-10{
    padding:0px 10px !important;
}
.row-5{
    margin:0px -5px !important;
}
.padding-5{
    padding:0px 5px !important;
}
.row-15{
    margin:0px -7.5px !important;
}
.padding-15{
    padding:0px 7.5px !important;
}
/*ul {padding-inline-start: 15px;}*/
.wow{visibility: hidden;}
.text-split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;}

#wrapper {
    position: relative;
}
.mw-1000{max-width: 1000px;margin:0 auto;}
.maxwidth{margin:0 auto;position: relative;}
/*Header */

#ngonngu{display: none;}
#ngonngu a{}
#ngonngu a img{height: 28px !important;}
.menu_fixed {
    background: #caa16b8f;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    /* border-color: #452b1e !important; */
    /*position: sticky !important;*/
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    z-index: 999!important;
    -webkit-animation: stuckMoveDown 1s;
    animation: stuckMoveDown 1s;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10,Direction=0,Color=#7D7D7D)";
    -moz-box-shadow: 0 2px 10px -1px #7D7D7D;
    -webkit-box-shadow: 0 0px 3px -1px #696969;
}
#logo img{opacity: 1 !important}
.logo-fix-i{display:none;}
.menu_fixed .logo-fix-i{display:flex;align-items: center;justify-content: center;}
.menu_fixed .logo-main{display:none;}

@keyframes stuckMoveDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);}100%{-webkit-transform:translateY(0);transform:translateY(0);}}

#top-bar{color: #fff;font-size: 15px;padding: 0px 0px;overflow: hidden;background: #4a2e1e;line-height: 34px;}
.bg-top_bar{background:#00a1e0;position: relative;width: 950px;float: right;}
.bg-top_bar:after{content:'';position: absolute;left: -20px;border-top: 45px solid #00a1e0;border-left: 20px solid transparent;}
#top-bar marquee{float:left;width:400px;color:#fff;font-weight: bold;}
#top-bar p{color: #fff;font-size: 14px;float: left;}
#top-bar p:last-child{/* float:right; */margin-left: 100px;}
#top-bar p i{margin-right:5px;}
.follow-us_top{
    float: right;
    margin: 12px 0px;
}
.follow-us_top div{float:left;}
.follow-us_top img{
    float: left;
    margin: 0px 5px;
}
.follow-us-ct{
    /* float: right; */
    margin: 12px 0px;
    margin-bottom: 30px;
    overflow: hidden;
}
.follow-us-ct p{
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
}
.follow-us-ct div{float:left;}
.follow-us-ct img{
    float: left;
    margin-right: 5px;
}
#header{position: absolute;top: 0;left: 0;right: 0;z-index: 99;/* padding: 10px 0px; */border-bottom: 1px solid #fff;}
#header.header-in{position: relative;background: #d2b48c;top: 0;}
#header.header-in #logo{top: -8px;}
#header-mid{max-width: 145px;margin: 15px auto;left:0;text-align: center;float: left;width: 100%;margin: 30px 20px 30px 10px;}
#header-right{float:right;background: url(../images/ic-hotline.png) no-repeat left center;margin: 13px 0px;padding: 15px 5px 21px 37px;}
#header-right .box-info{align-items: center;max-width: 300px;float: left;padding-left: 50px;}
#header-right .box-info img{margin-right:10px;}
#header-right .box-info p{font-size: 14px;color: #000000;line-height: 20px;text-transform: uppercase;}
#header-right .box-info p span{color: #ff0000;font-size: 22px;font-weight: bold;display: block;}
#logo{/* position: absolute; */margin: 2px 0px;/* text-align: center; *//* left: 0; *//* right: 0; *//* max-width: 110px; *//* margin: 0 auto; *//* z-index: 9; */float: left;}
#logo img {}
#banner{
    width: 100%;
    max-width: 433px;
    height: 87px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 5px auto;
}
#banner img{}
.info-slide_bottom {position: absolute;bottom: 75px;left: 0;right: 0;z-index: 99999;left: 0;right: 0;text-align: center;}
.info-slide_bottom p {font-weight:bold;color: #fff;font-size: 18px;margin-bottom: 10px;text-shadow: 0px 2px #2b2b2b;}
.info-slide_bottom h4 {display: inline-block;color: #ffcc00;background: #de2036;padding: 5px 25px;border-radius: 50px;font-weight:bold;font-size: 22px;}
/*End header*/



/* Menu */
.slogan{font-weight:600;font-size:15px;color: #fff;float: left;line-height: 40px;}
.menu{width: calc(100% - 120px);float: right;}
.menu .flex-memu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.menu .flex-memu > ul:nth-child(2){float:right;}
.menu ul{/* width:100%; */padding:0px;margin:auto;list-style:none;display: flex;align-items: center;justify-content: space-between;/* max-width: 500px; */float: right;height: 82px;}
.menu ul li{position:relative;z-index:99;display: block;padding: 0px 13px;float: left;}
.menu ul li.line{width:1px;height:15px;background-color:rgba(255,255,255,0.5);}
.menu ul li a.text-menu{display: inline-block;padding: 15px 5px;font-weight: 600;}
.menu ul li a.text-contact{background:#fff;color: #000000 !important;height: 35px;padding: 0px;display: flex;align-items: center;width: 105px;text-align: center;justify-content: center;border-radius: 5px;overflow: hidden;}
.menu ul li a.text-contact:hover{color:#d2b48c !important;}
.menu ul li a.text-menu:after{
    position: absolute;
    background-color: #fff;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    display: block;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
}
.menu ul li:hover a.text-menu:after,.menu ul li a.text-menu.active:after{
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.menu ul li a.text-menu img{max-width:33px;margin-left:10px;position: absolute;right: -45px;top: calc(50% - 15.5px);}
.menu ul li a {font-size: 14px;font-weight: 600;color: #fff;margin:0px;padding: 15px 0px;display:block;position:relative;z-index:1;text-align:center;text-decoration:none!important;}
.menu ul li a.text-menu.active,.menu ul li:hover > a.text-menu{color: #fff;}
.menu ul li ul{
    position:
    absolute;
    min-width: 210px;
    background: #fff;box-shadow:0 3px 11px 0
    rgba(0,0,0,0.1);
    /* opacity:0; */
    visibility:
    hidden;
    /* transition:all .5s; */
    left: 0;
    display: block;
    /* border-radius: 5px; */
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -moz-transform: scale(1,0);
    -ms-transform: scale(1,0);
    -o-transform: scale(1,0);
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
    height: auto;
    padding: 5px !important;
    }
.menu ul li ul li{
    border: none;
    float: none;
padding: 0px !important;}
.menu ul li:hover > ul{/* opacity:1; */visibility:visible;moz-transition: all .6s cubic-bezier(0,.95,.8,.99);
    -o-transition: all .6s cubic-bezier(0,.95,.8,.99);
    -webkit-transition: all .6s cubic-bezier(0,.95,.8,.99);
    transition: all .6s cubic-bezier(0,.95,.8,.99);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;}
.menu ul li ul li a{text-align:left;border-bottom: 1px solid rgb(219 219 219);color: #000;}
.menu ul li ul li a:after{display:none;}
.menu ul li ul li:hover{border-bottom:0px;/* background: #43b500; */}
.menu ul li ul li:hover > a{color: #c56e31;}
.menu ul li ul li:last-child > a{border-bottom:0px;}
.menu ul li ul li a {font-size:14px;padding: 10px 15px;color: #000;}
.menu ul li ul li ul{top: -5px;left: 100%;min-width: 210px;}

/* Search */
.search{background:#fff;margin: 11px 0px;overflow: hidden;width: 220px;height: 28px;border-radius: 7px;margin-left: 10px;}
.search p{float: right;width: 35px;height: 28px;line-height: 28px;cursor:pointer;text-align:center;margin:0px;color: #333;font-size: 14px;font-weight: 600;border: none;border-right: 0;}
.search input{width: calc(100% - 35px);height: 28px;float: left;outline:none;padding:0px;border:0px;background:transparent;text-indent:10px;font-size: 13px;border: none;color: #353535;background: #fff;border-left: 0;}
.search input::-webkit-input-placeholder{color:#ccc;}
.search input:-moz-placeholder{color:#ccc;}
.search input::-moz-placeholder{color:#ccc;}
.search input:-ms-input-placeholder{color:#ccc;}

/* Search  */
.search_desktop{position:relative;width: 100%;margin-top: 25px;}
.menu_fixed .search_desktop .icon-search_desktop{/* top:9px; */}
.search_desktop .icon-search_desktop{width: 35px;height: 35px;cursor:pointer;text-align:center;line-height:42px;color: #198746;font-size: 15px;display: flex;align-items: center;justify-content: center;position: relative;border-radius: 50%;display: none;}
.search_desktop .icon-search_desktop.active{color: #198746;/* background:#fff; */border-radius:100%;}
.search_desktop .search-grid_desktop{height: 60px;overflow:hidden;background:#fff;z-index:2;border-radius: 5px;line-height: normal;box-shadow: 0px 0px 8px 0px #a9a9a9;}
.search_desktop .search-grid_desktop p{float: left;width: 38px;height: 52px;cursor:pointer;outline:none;border:none;margin:0px;font-size: 14px;display:block;padding: 5px;color: #b4b4b4;line-height: 47px;text-align:center;border-radius: 5px;margin: 4px;font-size: 20px;}
.search_desktop .search-grid_desktop input{width: calc(100% - 48px);float: right;line-height: 60px;outline:none;border:none;color: #015493;font-size: 15px;padding-left: 10px;}
.search_desktop .search-grid_desktop input::-webkit-input-placeholder{color:#ccc;}
.search_desktop .search-grid_desktop input:-moz-placeholder{color:#ccc;}
.search_desktop .search-grid_desktop input::-moz-placeholder{color:#ccc;}
.search_desktop .search-grid_desktop input:-ms-input-placeholder{color:#ccc;}
/* Menu RP */
.menu-res{/* height: 40px; */z-index:10;/* background: #753801; */line-height:normal;right: 15px;top: 15px;z-index: 9999;float: right;}
.menu-bar-res{height: 40px;/* padding:0px 10px; */display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;justify-content:space-between;}
#menu{display:none;}
#hamburger{display:block;width: 40px;height: 35px;position:relative;padding: 5px;border: 1px solid #fff;}
#hamburger:before,#hamburger:after,#hamburger span{background: #fff;content:'';display:block;width: 75%;height: 1px;position:absolute;left:0px;right: 0;margin: 0 auto;}
#hamburger:before{top: 7px;}
#hamburger span{top: 15px;}
#hamburger:after{top: 23px;}
#hamburger:before,#hamburger:after,#hamburger span{-webkit-transition:none 0.5s ease 0.5s;transition:none 0.5s ease 0.5s;-webkit-transition-property:transform,top,bottom,left,opacity;transition-property:transform,top,bottom,left,opacity;}
.mm-wrapper_opening #hamburger:before,.mm-wrapper_opening #hamburger:after{top:10px;}
.mm-wrapper_opening #hamburger span{left:-50px;opacity:0;}
.mm-wrapper_opening #hamburger:before{transform:rotate(45deg);}
.mm-wrapper_opening #hamburger:after{transform:rotate(-45deg);}
.mm-menu_opened{display:block!important;}

/* Search RP */
.search-res{position:relative;}
.search-res .icon-search{width: 35px;height: 35px;cursor:pointer;text-align:center;line-height:42px;color: #fff;font-size:17px;margin: 1px;display: flex;align-items: center;justify-content: center;border: 1px solid #fff;margin-left: 5px;}
.search-res .icon-search.active{color:var(--color-red);background:#fff;border-radius:100%;}
.search-res .search-grid{position:absolute;top: 38px;right:0px;width:0px;height: 43px;overflow:hidden;background:#fff;border: 2px solid var(--color-red);z-index:2;opacity:0;border-radius:25px;line-height: normal;}
.search-res .search-grid p{float:left;width:35px;height: 40px;cursor:pointer;outline:none;border:none;margin:0px;font-size:17px;display:block;color:var(--color-red);line-height:40px;text-align:center;}
.search-res .search-grid input{width:calc(100% - 35px);float:right;line-height:38px;outline:none;border:none;color:var(--color-red);}
.search-res .search-grid input::-webkit-input-placeholder{color:#ccc;}
.search-res .search-grid input:-moz-placeholder{color:#ccc;}
.search-res .search-grid input::-moz-placeholder{color:#ccc;}
.search-res .search-grid input:-ms-input-placeholder{color:#ccc;}


/* Breadcrumb */
.breadCrumbs{/* background-color:#eee; *//* max-width: 1200px; *//* margin: 22px auto; */}
.breadCrumbs .maxwidth{padding:0.75rem 10px;/* max-width:1200px; */}
.breadCrumbs .maxwidth .breadcrumb{padding:0;margin-bottom:0;background-color:transparent;border-radius:0;}
.breadCrumbs .maxwidth .breadcrumb-item a{color: #b46a23;}
.breadCrumbs .maxwidth .breadcrumb-item.active a{color:var(--color-gray);}

/* Slideshow */
#homepage_slider{position: relative;/* margin-top: 40px; */}
#homepage_slider .owl-dots .owl-dot.active span {background: #fff;}
#homepage_slider .owl-nav button:hover {background: #2a7d2e;color: #fff;}
#homepage_slider .owl-nav button:hover svg {fill: #fff;color: #fff;}
#homepage_slider .item{position: relative;}
#homepage_slider .content_slide{position: absolute;top: 0;right: 0;left: 0;bottom: 0;text-align: center;margin: 0 auto;max-width: 1200px;display: flex;align-items: center;justify-content: center;}
#homepage_slider .content_slide .button_content_box{display: inline-block;left: 0;background: rgba(0,0,0,0.5);z-index: 999;color: #fff;padding: 7px 25px;font-size: 14px;border-radius: 5px;border: 1px solid rgba(255,255,255,0.4);}
#homepage_slider .content_slide .button_content_box:hover{background: #212222;}
#homepage_slider .content_slide .button_content_box a{display: inline-block;background: #fff;color: #2a7d2e;font-size: 15px;padding: 15px 30px;border-radius: 50px;border: 1px solid #fff;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;}
#homepage_slider .content_slide .slide_btn_content{max-width: 600px;text-align: center;position: relative;width: 100%;}
#homepage_slider .content_slide .slide_btn_content h2{font-size: 30px;color: #fff;font-weight: 600;margin-bottom: 4px;letter-spacing: 1.2px;text-transform: uppercase;}   
#homepage_slider .content_slide .slide_btn_content p{color: #fff;font-weight: normal;line-height: 1.5;font-size: 20px;margin: 15px 0px;}
#homepage_slider .content_slide .slide_btn_content p.second-fade,
#homepage_slider .content_slide .button_content_box{opacity: 0;-webkit-transform: translateY(100px);transform: translateY(100px);}

#homepage_slider .content_slide .slide_btn_content h2.first-fade{opacity: 0;-webkit-transform: translateY(-100px);transform: translateY(-100px);}


#homepage_slider .owl-item.active .content_slide .slide_btn_content h2.first-fade{animation: 1s cubic-bezier(0.25, 0.75, 0.25, 1) 0.3s 1 forwards slideshowFade2;}
#homepage_slider .owl-item.active .content_slide .slide_btn_content p.second-fade{animation: 1s cubic-bezier(0.25, 0.75, 0.25, 1) 0.6s 1 forwards slideshowFade;}
#homepage_slider .owl-item.active .content_slide .button_content_box{animation: 1s cubic-bezier(0.25, 0.75, 0.25, 1) 0.9s 1 forwards slideshowFade;}
@keyframes slideshowFade{
    0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}
    100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}
}
-webkit-@keyframes slideshowFade{
    0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}
    100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}
}
@keyframes slideshowFade2{
    0%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}
    100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}
}
-webkit-@keyframes slideshowFade2{
    0%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}
    100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}
}
#homepage_slider .content_slide .button_content_box a.button_shop:hover {background: #2a7d2e;border-color: #2a7d2e;color: #fff;}
.control-slideshow {position: absolute;z-index: 2;top: calc(50% - 50px/2);width: 35px;height: 50px;text-align: center;line-height: 50px;font-size: 25px;cursor: pointer;margin: 0px;background-color: #000000;border-radius: 3px;z-index: 999;}
.control-slideshow i {color: #ffffff;}
.prev-slideshow {left: 20px;padding-right: 3px;}
.next-slideshow {right: 20px;padding-left: 3px;}
.slideshow{position:relative;}
.slideshow {position: relative;/* border-radius: 10px; */overflow: hidden;}
.slideshow a {display: block;cursor: pointer;}
.slideshow a img {/*width: 100%;*/}
.slideshow:hover .control-slideshow {opacity: 0.3;}
.slideshow .control-slideshow:hover {opacity: 0.8;}
.control-slideshow {opacity: 0;position: absolute;z-index: 2;top: calc(50% - 50px/2);width: 35px;height: 50px;text-align: center;line-height: 50px;font-size: 25px;cursor: pointer;margin: 0px;background-color: #000000;border-radius: 3px;}
.control-slideshow i {color: #ffffff;}
.prev-slideshow {left: 20px;padding-right: 3px;}
.next-slideshow {right: 20px;padding-left: 3px;}
/*End Slideshow*/
/*Index */
#product-index{margin:30px 0px;}
#list-product{margin: 50px 0px 0px;}
#list-product .title-main{}
.title-main {padding-bottom: 30px;/* margin-bottom: 15px; */position:relative;}
.title-main h2 {font-size: 23px;/* color: #fff; *//* text-transform: uppercase; */font-weight: bold;}
.title-main.title-flashsale h2{
    font-style: italic;
    letter-spacing: 1.5px;
}
.title-main h2:before {
    content: attr(data-label);
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
    z-index: 0;
    font-size: 50px;
    color: #f1f1f1;
    font-weight: 700;
    z-index: -1;
letter-spacing: 7.2px;}
.title-main p {font-size: 13px;/* color: #fff; */margin: 15px 0px 0px;/* letter-spacing: 1.5px; */margin-bottom: 0px;}
.title-main.text-white *{color:#fff;}
.title-main a{float:right;position: absolute;right: 0;top: 20px;padding: 6px 25px;background: #d2b48c;color: #fff;border-radius: 5px;border: 1px solid #d2b48c;}
.title-main a:hover{color:#d2b48c;background:#fff;}
#mon-noibat {padding: 40px 0px;background: url(../images/content-monan.jpg) no-repeat;background-size: cover;}
.slick-center {}
.slick-center .monnoibat {max-width: 360px;margin: 50px auto 0px;position: relative;}
.monnoibat {max-width: 300px;margin: 110px auto 0px;position: relative;}
.monnoibat .ten-mon h3 {font-weight:bold;font-size: 20px;color: #2e726d;text-align: center;margin: 15px;}
.monnoibat .gia-mon {width: 128px;height: 60px;background: url(../images/img-price.png) no-repeat;font-family: VLDEARSATURDAY;color: #fff;font-size: 18px;padding: 8px;text-align: center;position: absolute;top: 0;right: -30px;}
.monnoibat .monnoibat_img {border-radius: 50%;overflow: hidden;border: 5px solid #fff;box-shadow: 0px 0px 10px 0px #989898;}
.monnoibat:hover img {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.monnoibat:hover h3 {color: red;}
#list-noibat {}
#list-noibat .title-main{background: none;}
#list-noibat .title-main p {}
#pro-tab{margin: 40px 0px 10px;}
.ul-tabs-pro {margin-bottom: 30px;border-bottom: 2px solid #f59000;overflow: hidden;}
.ul-tabs-pro li {position:relative;float: left;cursor: pointer;position: relative;padding: 0px 20px;background: #f5f5f5;padding: 5px 15px 3px 30px;}
.ul-tabs-pro li:after{content:'';width:20px;right:-20px;position:absolute;z-index:99;border-right: 15px solid transparent;border-bottom: 35px solid #f5f5f5;top: 0;border-left: 20px solid #f5f5f5;}
.ul-tabs-pro li.active{
    background: #f59000;
    
}
.ul-tabs-pro li.active:after{border-bottom: 35px solid #f59000;;border-left: 20px solid #f59000}
.ul-tabs-pro li a{font-size: 18px;text-transform: uppercase;}
.ul-tabs-pro li.active a{color: #fff;}
.content-tabs-pro {display: none;}
.content-tabs-pro.active {display: block;}

.ul-tabs-pro_list {text-align: center;/* border-radius: 5px; */padding: 0px 15px !important;margin-bottom: 30px !important;position: relative;z-index: 1;}
.ul-tabs-pro_list:after{content:'';position:absolute;left: 15px;right: 15px;bottom:0;background: #dddfe2;height:3px;z-index: -1;}
.ul-tabs-pro_list li {display: inline-block;cursor: pointer;position: relative;border-radius: 50px;padding-bottom: 10px;padding: 0px 0px 10px;width: 100%;}
.ul-tabs-pro_list li.active{
    color: #d2b48c;
}
.ul-tabs-pro_list li.active:after{content:'';position:absolute;bottom: 0px;left: -5px;right: -5px;height:3px;background:#d2b48c;z-index: 2;}
.ul-tabs-pro_list li a{font-size: 12px;font-weight: 600;}
.ul-tabs-pro_list li.active a{color: #d2b48c;}
.content-tabs-pro_list {display: none;}
.content-tabs-pro_list.active {display: block;}
/*sanpham-moi*/
#sanpham-moi{padding: 40px 0px 10px;background: #f5f5f5;}
/*Sản phẩm*/
.product_detail .star-comment{display: flex;margin-bottom: 8px;margin-top: 10px;align-items: center;justify-content: center;}
.product_detail .star-comment .star-pr{width: 70px;height: 40px;background: #eaeaea;display: flex;align-items: center;justify-content: center;border-radius: 5px 5px 5px 0px;color: #000;font-size: 25px;font-weight: 600;}
.product_detail .star-comment .star-pr i{margin-left: 2px;font-size: 20px;color: #f79d27;margin-top: -2px;}
.product_detail .star-comment .comment-pr{display: flex;align-items: center;margin-left: 5px;font-size: 16px;font-weight: 600;color: #000;margin-left: 10px;}

.product{margin-bottom: 30px;position: relative;background: #fff;border-radius: 6px;}
.product:hover{box-shadow: 0px 0px 25px 0 rgb(0 0 0 / 8%);}
.product.product-sale.fl-timeout{position: relative;}
.product.product-sale.fl-timeout:after{content: '...';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(255,255,255,0.8);cursor: not-allowed;z-index: 6;display: flex;align-items: center;justify-content: center;font-size: 100px;color: #ff0000;}
.product .star-comment{display: flex;margin-bottom: 8px;margin-top: 10px;}
.product .star-comment .star-pr{width: 43px;height: 30px;background: #eaeaea;display: flex;align-items: center;justify-content: center;border-radius: 5px 5px 5px 0px;color: #000;font-size: 14px;font-weight: 600;}
.product .star-comment .star-pr i{margin-left: 2px;font-size: 12px;color: #f79d27;margin-top: -2px;}
.product .star-comment .comment-pr{display: flex;align-items: center;margin-left: 5px;font-size: 12px;font-weight: 600;color: #000;margin-left: 10px;}
.product .product_img{position: relative;overflow: hidden;background: #f9f9f9;border-radius: 7px 7px 0px 0px;}
.product .product_img .flash-time{
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: #ff0000;
    padding: 2px 14px 2px 45px;
    color: #fff;
    border-radius: 15px;
    font-size: 14px;
    letter-spacing: 1.2px;
}
.product .product_img .flash-time .pic-flash-time{
    position: absolute;
    left: 10px;
    top: -6px;
}
.product .product_img .flash-time .flash-time-clock{}
.product .flex-product{display:flex;justify-content: space-between;margin-top: 20px;}
.product .info-product{border-top:0px;padding: 10px;border: 1px solid #efefef;border-radius: 0px 0px 7px 7px;height: 240px;}
.product .ten-product{/* width: 150px; */}
.product .desc-product{color: #000000;font-size:13px;/* font-weight:300; */margin-bottom: 10px;}
.product .ten-product h3{font-size: 14px;color: #000;font-weight: 600;margin-bottom: 7px;}
.product .ten-product h3 span{display:inline-block;padding:5px 15px;background: #d2b48c;color: #fff;font-size: 13px;border-radius: 4px;margin-right: 7px;margin-bottom: 7px;}
.product .ten-product p{color:#6b6b6b;font-size:13px;margin-top: 5px;}
.product .ten-product h3 p{color: #000000;font-size: 15px;}
.product.product-in .ten-product h3{color:#000;}
.product .gia-product{color: #2c2c2c;font-size: 16px;display: inline-block;}
.product .gia-product span{color: #ff0000;font-size: 15px;font-weight: 600;}
.product .gia-cu{color: #c6c6c6;font-size: 13px;display: inline-block;margin-left: 15px;}
.product:hover .product_img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.product:hover .ten-product h3{color: #d2b48c;}
.product .phantram{background: #ff0000;display: inline-block;width: 50px;height: 21px;display: flex;align-items: center;color: #fff;font-size: 12px;position: absolute;top: 15px;left: 15px;z-index: 5;border-radius: 7px 7px 6px 0px;text-align: center;justify-content: center;}
.content-product{padding: 40px 0px 0px;}
.bg-f5{background:#f5f5f5;}
.relative{position: relative;}
.text-capture-more{
    position: absolute;
    right: 15px;
    bottom: 15px;
    background: rgba(0,0,0,0.6);
    padding: 5px 15px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
}

.product .flash-time-countdown{position: absolute;top: 0;right: 0;background: rgb(0 0 0 / 67%);color: #fff;font-size: 14px;letter-spacing: 1.2px;left: 0;bottom: 0;z-index: 9;display: flex;align-items: center;justify-content: center;border-radius: 5px;pointer-events: none;}
.product .flash-time-countdown .time-flashsale-countdown{text-align:center;}
.product .flash-time-countdown .time-flashsale-countdown .pic-flash-time-countdown{color:#fff;text-transform: uppercase;font-size: 15px;margin-bottom:5px;font-weight:bold;}
.product .flash-time-countdown .time-flashsale-countdown .timeline-countdown{display:inline;}
.product .flash-time-countdown .time-flashsale-countdown .timeline-countdown p{width:32px;height:32px;background:#ff0000;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;font-size: 15px;margin:0px 5px;}


span.tinhtrang{display:inline-block;padding: 3px 15px;background: #d2b48c;color: #fff;font-size: 13px;border-radius: 5px;margin-right: 7px;margin-bottom: 7px;}
.product-in{margin-bottom: 30px;position: relative;background: #fff;padding: 6px;border: 1px solid #dcdcdc;border-radius: 7px;}
.product-in:hover{box-shadow: 0px 0px 25px 0 rgb(0 0 0 / 8%);}
.product-in .star-comment{display: flex;margin-bottom: 8px;margin-top: 10px;}
.product-in .star-comment .star-pr{width: 43px;height: 30px;background: #eaeaea;display: flex;align-items: center;justify-content: center;border-radius: 5px 5px 5px 0px;color: #000;font-size: 14px;font-weight: 600;}
.product-in .star-comment .star-pr i{margin-left: 2px;font-size: 12px;color: #f79d27;margin-top: -2px;}
.product-in .star-comment .comment-pr{display: flex;align-items: center;margin-left: 5px;font-size: 12px;font-weight: 600;color: #000;margin-left: 10px;}
.product-in .product-in_img{position: relative;overflow: hidden;background: #f9f9f9;border-radius: 7px 7px 0px 0px;}
.product-in .flex-product-in{display:flex;justify-content: space-between;margin-top: 20px;}
.product-in .info-product-in{padding: 20px 0px;}
.product-in .ten-product-in{/* width: 150px; */}
.product-in .desc-product-in{color: #666666;font-size:13px;/* font-weight:300; */margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: normal; -webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 8;}
.product-in .ten-product-in h3{font-size: 14px;color: #000;font-weight: 600;margin-bottom: 7px;}
.product-in .ten-product-in h3 span{display:inline-block;padding:5px 15px;background: #d2b48c;color: #fff;font-size: 13px;border-radius: 3px;margin: 10px 7px 12px 0px;}
.product-in .ten-product-in p{color:#6b6b6b;font-size:13px;margin-top: 5px;}
.product-in .ten-product-in h3 p{color: #d2b48c;font-size: 15px;font-weight: bold;margin-top: 0;}
.product-in .ten-product-in h3{color:#000;}
.product-in .gia-product{color: #2c2c2c;font-size: 16px;display: inline-block;}
.product-in .gia-product span{color: #ff0000;font-size: 15px;font-weight: 600;}
.product-in .gia-cu{color: #c6c6c6;font-size: 13px;display: inline-block;margin-left: 15px;}
.product-in:hover .product-in_img img{}
.product-in:hover .ten-product-in h3{color: #d2b48c;}
.product-in .phantram{background: #ff0000;display: inline-block;width: 50px;height: 21px;display: flex;align-items: center;color: #fff;font-size: 12px;position: absolute;top: 15px;left: 15px;z-index: 9;border-radius: 7px 7px 6px 0px;text-align: center;justify-content: center;}
.product-in .booking{}
.product-in .booking p{
    padding: 9px 10px;
    background: #d2b48c;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    margin-top: 15px;
}
.product-in .booking p:hover {
    background: #731616 !important;
}
.product-in .signal{
    color: #000000;
    font-weight: 600;
}
.content-product-in{padding: 40px 0px 0px;}

.prev-product,.next-product,.prev-service,.next-service{top: calc(50% - 65px) !important;}
.control-dev.prev-thumb-pro{left: 15% !important;}
.control-dev.next-thumb-pro{right:15% !important;}
.hover-arrow:hover .prev-thumb-pro{left: 20% !important;opacity: 1;z-index: 9;}
.hover-arrow:hover .next-thumb-pro{right: 20% !important;opacity: 1;z-index: 9;}

.control-dev{position: absolute;top: calc(50% - 22px);cursor: pointer;width: 44px;height: 44px;background-color: #fff;color: #000;display: flex;align-items: center;justify-content: center;border-radius: 50px;font-size: 25px;opacity: 0;}
.control-dev:hover{background: #000;color: #fff;}
.control-dev.control-prev{left: -30px;}
.control-dev.control-next{right: -30px;}
.hover-arrow:hover .control-prev{left: 0px;opacity: 1;z-index: 9;}
.hover-arrow:hover .control-next{right: 0px;opacity: 1;z-index: 9;}
.control-dev.control-prev.show{left: -21px;opacity: 0.6;z-index: 9;background: #d2b48c;color: #fff;}
.control-dev.control-prev.show:hover{background: #731616;}
.control-dev.control-next.show{right: -20px;opacity: 0.6;z-index: 9;background: #d2b48c;color: #fff;}
.control-dev.control-next.show:hover{background: #731616;}


.prev-topical,.next-topical{/* top: 51%; */z-index: 9;}

.control-dev.prev-list{
    left: 0;
    opacity: 1;
    background: none;
    width: 20px;
    height: 20px;
    top: 0;
}
.control-dev.next-list{
    opacity: 1;
    background: none;
    width: 20px;
    height: 20px;
    top: 0;
    right: 0px;
}
.control-dev.next-list:hover,.control-dev.prev-list:hover{
    color: #d2b48c;
}
.list-more{display: inline-block;padding: 9px 35px;color: #fff;cursor: pointer;margin-bottom: 10px;border: 2px solid #00a1e0;overflow: hidden;position: relative;z-index: 1;font-weight: 600;margin-top: 20px;background: #00a1e0;font-size: 15px;}
.list-more:before {content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;z-index: -1;transition: 0.3s;color: #00a1e0;background: #fff;}
.list-more:hover:before{width: 100%;}
.list-more:hover{color: #00a1e0;}

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


/*Giới thiệu trang chủ*/
#gioithieu{padding:40px 0px;overflow: hidden;}
.abs-gioithieu{position: absolute;bottom: 110px;left: calc(50% - 600px);z-index: 99;width: 495px;}
.title-about{font-size: 15px;margin-bottom: 10px;font-weight: 300;position: relative;}.title-about span{position:relative;display:block;/* color: #fff; */font-size: 26px;padding-bottom: 5px;font-weight: 600;}
.title-about h4{font-size:55px;font-weight: 700;text-transform: uppercase;opacity: 0.1;}
.title-about span:before{content:attr(data-label);position: absolute;left: 0;right: 0;top: -30px;z-index: 0;font-size: 46px;color: #ebebeb;font-weight: 700;text-transform: uppercase;z-index: -1;}
.qrcode{padding:20px;background:#fff;border-radius:5px;display:inline-block;margin-top:30px;}
.desc-about{
    /* color: #fff; */
}
.link-about{margin-top:30px;text-align: right;}
.link-about a{}
/*Không gian quán trang chủ*/
#khonggianquan{padding:40px 0px;position: relative;z-index: 9;}
/* Album */
.album{text-align:center;cursor:pointer;margin-bottom: 10px;display: block;border-radius: 10px;position: relative;}
.album:hover .pic-album img{transform: scale(1.1);filter:brightness(0.5);}
.pic-album{position:relative;overflow: hidden;border-radius: 15px 15px 0px 0px;}
.pic-album img{width:100%;}
.name-album{background: #fff;font-size: 15px;color: #000;margin-bottom:0px;font-weight: 600;/* margin-top: 10px; *//* position: absolute; */top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;padding: 14px;/* opacity: 0; */transition: 0.5s;/* transform: scale(0); */box-shadow: 0px 0px 3px 0px #ccc;border-radius: 0px 0px 10px 10px;}
.album:hover .name-album{opacity:1;transform: scale(1);}
/*Video tin tức*/
#video-news{padding: 40px 0px 30px;z-index: 8;position: relative;background: #f5f5f5;}
.newshome-normal{display:block;overflow: hidden;border-radius: 15px;position: relative;margin-bottom: 30px;transition: 0.5s;box-shadow: 0 10px 10px rgba(0,0,0,.1);border-radius: 10px;}
.newshome-normal:hover,.owl-news .owl-item.active.center .newshome-normal{}
.newshome-normal:hover .link-newshome,.owl-news .owl-item.active.center .newshome-normal .link-newshome{opacity:1;}
.newshome-normal:hover .name-newshome,.owl-news .owl-item.active.center .newshome-normal .name-newshome{color: #d2b48c;transition: 0.5s;}
.pic-newshome-normal{margin-bottom:0px;border-radius: 15px 15px 0px 0px;}
.pic-newshome-normal img{/* filter:brightness(0.5); */}
.pic-newshome-normal img{width:100%;}
.pic-newshome-best img{width:100%;}
.name-newshome{color: #000;font-size: 15px;font-weight: 600;}
.name-newshome.text-split{-webkit-line-clamp:2;}
.info-newshome-normal{/* position: absolute; *//* top: 0; */left: 0px;right: 0px;bottom: 0;/* padding: 15px; *//* background: linear-gradient(to bottom,transparent,#000); */padding: 15px;background: #fff;height: 65px;}
.time-newshome{color: #ffffff;margin-bottom:0.25rem;font-size: 13px;}
.desc-newshome{color: #c9c9c9;margin-bottom:0px;font-size: 13px;font-weight:normal;-webkit-line-clamp: 2;display: none;}
.link-newshome:hover{background: rgb(1 84 147 / 100%)}
.link-newshome{position:absolute;bottom: -20px;background: rgb(1 84 147 / 60%);display: block;left: 10%;right: 10%;padding: 10px;border-radius: 50px;text-align: center;color: #fff;font-size: 15px;opacity: 0;}
.newshome-normal:hover .desc-newshome,.owl-news .owl-item.active.center .newshome-normal .desc-newshome{opacity:1;}

.detail-newshome{padding:5px 20px;background:#e71c06;display:inline-block;color:#fff;margin-top:10px;}
.detail-newshome:hover{background:#960f00}
.view-newshome{display:inline-block;padding: 12px 15px;color: #333333;text-transform:capitalize;margin-top:1rem;margin-bottom: 1rem;border: 2px solid #333333;}
.view-newshome:hover{background-color:var(--color-black);color:#fff;}
.video-main{position:relative;}
.video-main iframe{position:absolute;width:100%;height:100%;top:0px;left:0px;}
.pro-map iframe{width: 100% !important;height: 100% !important;}
.pro-map{width: 100%;height: 120px;}
.listvideos{width:100%;height:40px;padding:0px 10px;border:1px solid #ccc;color:var(--color-black);margin-top:10px;cursor:pointer;}

.title-intro{position:relative;font-size: 24px;font-weight: bold;text-transform:uppercase;margin-bottom:20px;padding-bottom: 10px;margin-top: 20px;}
.title-intro:after{content:'';position:absolute;width: 100px;height: 2px;background: #ffb900;left:0;bottom:0;border-radius: 5px;}
.title-intro span{
    font-size: 29px;
    color: #753801;
    text-transform: uppercase;
    font-family: UTMAvoBold;
}
/*End Index*/
/* Button Frame */
.btn-frame{display:block;width:50px;height:50px;position:fixed;right:20px;z-index:10;cursor:pointer;}
.btn-frame i{display:flex;display:-ms-flex;justify-content:center;align-items:center;-ms-flex-align:center;width:50px;height:50px;border-radius:50%;background:#1182FC;position:relative;z-index:1;}
.btn-frame i img{vertical-align:middle;width:70%;}
.btn-frame .animated.infinite{animation-iteration-count:infinite;}
.btn-frame .kenit-alo-circle{width:60px;height:60px;top:-5px;right:-5px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(7,41,103,0.8);opacity:.1;border-color:#1182FC;opacity:.5;}
.btn-frame .zoomIn{animation-name:zoomIn;}
.btn-frame .animated{animation-duration:1s;animation-fill-mode:both;}
.btn-frame .kenit-alo-circle-fill{width:70px;height:70px;top:-10px;right:-10px;position:absolute;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:rgba(7,41,103,0.35);opacity:.4;}
.btn-frame .pulse{animation-name:pulse;}

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

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

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

/*Footer*/
#footer{padding: 40px 0px 0px;background-size: cover;/* color: #fff; */}
.title-footer{font-size: 16px;font-weight:bold;position: relative;padding-bottom: 15px;}
.slogan-footer{font-size: 13px;color:#fff;margin-bottom: 20px;}
.footer-ul{list-style:none;padding:0px;margin:0px;}
.footer-ul li{margin-bottom:10px;}
.footer-ul li a{color: #000;font-size: 14px;}
.footer-ul li a i{margin-right:5px;}
.footer-ul li a:hover{color:#ff0;}
.footer-article{margin-bottom:40px;}
.footer-powered{/* color:#fff; */text-align: center;font-size: 13px;padding: 14px 0px;position: relative;overflow: hidden;}
.footer-powered .wrap-content{padding:15px 10px;}
.copyright{margin-bottom:0px;/* float: left; */}
.statistic{float:right;}
#footer-map{position:relative;height: 405px;}
#footer-map iframe{position:absolute!important;width:100%!important;height:100%!important;top:0px!important;left:0px!important;}
/* Scroll Top */
.scrollToTop{width:45px;height:45px;text-align:center;font-weight:bold;color:#444;text-decoration:none;position:fixed;bottom:110px;right:25px;display:none;z-index:10;cursor:pointer;opacity: 0.6;transition: 0.5s;}
.scrollToTop:hover{opacity: 1;}
.content-main{margin:20px 0px;}



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

/* Phân Trang */
.pagination-home .pagination{background:#fff;padding: 8px 110px 8px 15px !important;border: 1px solid #dcdcdc;border-radius: 8px;}
.pagination-home .pagination .page-item{}
.pagination-home .pagination .page-item:first-child{
    position: absolute;
    right: 25px;
}
.pagination-home .pagination .page-item:first-child .page-link{
    width: auto;
}
.pagination-home .pagination .page-item .page-link{color: #b97432;font-size: 13px;/* border: none; */border-radius: 3px;border-color: #fff;padding: 0px;height: 24px;width: 24px;display: flex;align-items: center;justify-content: center;}
.pagination-home .pagination .page-item.active .page-link{color: #000;background-color: #fff;border-color: #b1b1b1;}

/* Phân Trang Ajax */
.pagination-ajax{text-align:center;}
.pagination-ajax a{display:inline-block;vertical-align:top;margin:0px 2px 3px 2px;color:#333;background:#eee;border:1px solid rgba(161,161,161,0.4);font-size:12px;cursor:pointer;padding: 4px 10px;border-radius:2px;}
.pagination-ajax a.current,.pagination-ajax a:hover{background: #d2b48c;color:#fff;border-color: #d2b48c;}

/* Bài viết */
#tailieu-tintuc{padding: 10px 0px 40px;background:#ededed;}
.news{margin-bottom: 10px;display: block;overflow: hidden;padding-bottom: 10px;margin-bottom: 10px;}
.pic-news{float:left;margin-right:4%;width:36%;}
.pic-news img{width:100%;}
.info-news{float:left;width:60%;}
.name-news{color: #333333;font-size: 14px;display:block;margin-bottom:5px;margin-top:10px;font-weight: bold;}
.btn-info{}
.btn-info i{}
.name-news:hover{color:var(--color-red);}
.time-news{color:var(--color-gray);margin-bottom:0.25rem;}
.desc-news{color: #333333;margin-top:5px;line-height: 20px;}
.time-main{margin-bottom: 10px;}
.time-main i{}
.time-main span{padding-left: 5px;}
.share{padding:17px 10px 10px 10px;line-height:normal;background:rgba(128,128,128,0.15);margin-top:15px;border-radius:5px;}
.share b{display:block;margin-bottom:5px;}
.othernews b{margin-bottom:10px;}
.list-news-other{padding-left:17px;list-style:square;}
.list-news-other li{margin-bottom:2px;}
.list-news-other li a{text-transform:none;color: #000;}
.list-news-other li a:hover{color:var(--color-red);}

/* Contact */
.top-contact{margin-bottom:30px;background: #d1b48f;border-radius: 15px;color: #fff;}
.top-contact:before{position:absolute;width:1200px;height:1200px;top:-280px;left: 0%;margin-left: -750px;content:"";background:transparent url(../images/trongdong.png) no-repeat center center;background-size:100% auto;opacity: 0.2;}
.top-contact:before{-webkit-animation-name:rotate;-webkit-animation-duration:60s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:rotate;-moz-animation-duration:60s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;}
@-webkit-keyframes rotate{
    from{-webkit-transform:rotate(0)}
    to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
    from{-moz-transform:rotate(0)}
    to{-moz-transform:rotate(360deg)}
}
input[name='submit-contact']{background:#b36a2c;border-color:#b36a2c;min-width: 105px;}
.input-contact{position:relative;margin-bottom:15px;}
.input-contact input,.input-contact textarea{width:100%;padding:0px;outline:none;font-size:14px;}
.input-contact input{/* text-indent:10px; */border: none;background: none;border-bottom: 1px solid #dbc29f;border-radius: 0px;}
.input-contact textarea{resize:none;height: 70px;/* padding:10px; */background: none;border: none;border-bottom: 1px solid #dbc29f;border-radius: 0px;}
.input-contact .custom-file-label::after{content:attr(title);}
.bottom-contact{position:relative;height:500px;}
.bottom-contact iframe{position:absolute;top:0px;left:0px;width:100%!important;height:100%!important;}

.input-contact input::-webkit-input-placeholder{color:#fff;}
.input-contact input:-moz-placeholder{color:#fff;}
.input-contact input::-moz-placeholder{color:#fff;}
.input-contact input:-ms-input-placeholder{color:#fff;}

.input-contact textarea::-webkit-input-placeholder{color:#fff;}
.input-contact textarea:-moz-placeholder{color:#fff;}
.input-contact textarea::-moz-placeholder{color:#fff;}
.input-contact textarea:-ms-input-placeholder{color:#fff;}



/* Contact */
.top-contact_index{margin-bottom:30px;}
.input-contact_index{position:relative;margin-bottom:15px;}
.input-contact_index input,.input-contact_index textarea{width:100%;padding:0px;outline:none;font-size:14px;}
.input-contact_index input{text-indent:10px;border-radius: 0px !important;border: none !important;height: 45px;}
.input-contact_index input[name='ten']{background: #fff url(../images/ic-name.png) no-repeat right center;background-position-x: calc(100% - 10px);}
.input-contact_index input[name='dienthoai']{background: #fff url(../images/ic-phone.png) no-repeat right center;background-position-x: calc(100% - 10px);}
.input-contact_index input[name='diachi']{background: #fff url(../images/ic-map.png) no-repeat right center;background-position-x: calc(100% - 10px);}
.input-contact_index input[name='email']{background: #fff url(../images/ic-email.png) no-repeat right center;background-position-x: calc(100% - 10px);}
.input-contact_index textarea{resize:none;height: 110px;padding:10px;border-radius: 0px;border: none;}
.input-contact_index .custom-file-label::after{content:attr(title);}
.input-contact_index{text-align:center;}
.input-contact_index input[type='submit']{}
.bottom-contact_index{position:relative;height:500px;}
.bottom-contact_index iframe{position:absolute;top:0px;left:0px;width:100%!important;height:100%!important;}
.btn-submit_index{width: 140px;height: 45px;background: #e30202;border: none;border-radius: 0px;}

/*Mạng xã hội */
.follow-us{margin: 100px 0px;overflow: hidden;display: flex;align-items: center;}
.follow-us a{/* float: left; */margin-right: 10px;margin-bottom: 10px;display: inline-block;padding: 4px 8px;background: #d2b48c;display: flex;align-items: center;justify-content: center;border-radius: 5px;color: #fff;}
.follow-us a:hover{background:#431909;}
.follow-us a img{margin-right:5px;height: 35px !important;}
/*Vận chuyển */
.vanchuyen{position: fixed;right: 18px;top:200px;z-index: 9999;}
.vanchuyen a{float: left;margin-bottom: 10px;}

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

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

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

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

/*Đăng ký nhận tin */
#dangkynhantin{/* position: sticky; *//* top: 130px; */padding: 20px;box-shadow: 0px 0px 3px 0px #ccc;border-radius: 5px;background: #fff;}
.title-dangkynhantin{}
.title-dangkynhantin h2{
    text-align: center;
    margin-bottom: 25px;
    color: #ffb900;
    font-size: 30px;
    font-family: UTMAvoBold;
}
#dangkynhantin .title-main{padding-bottom: 0px;}
#dangkynhantin .title-main h2{font-size: 16px;border-bottom: 1px solid #ccc;padding-bottom: 10px;color: #f56137;text-align: center;margin-bottom: 15px;}
#dangkynhantin .title-main p{color:#fff;}
.form-newsletter{position:relative;}
.newsletter-input{margin-bottom: 15px;border-bottom: 1px solid #ccc;}
.newsletter-input .form-control,.newsletter-input select{height: 40px;border-radius: 0;font-size: 13px;border: none;padding: 5px 0px;width: 100%;outline: 0;}
.newsletter-input input[name='name-newsletter']{background-position:calc(100% - 10px)}
.newsletter-input input[name='phone-newsletter']{}
.newsletter-input input[name='email-newsletter']{background:#fff url(../images/ic-email.png) no-repeat;background-position:calc(100% - 10px)}
.newsletter-input.newsletter-area{position:relative;}
.newsletter-input.newsletter-area .form-control{height: 60px;}
.newsletter-button{}
.newsletter-button input[name='submit-newsletter'],.btn-newsletter{width: 100%;height: 40px;color: #fff;font-size: 14px;text-transform: uppercase;border-radius: 5px;background-image: linear-gradient(90deg,#f65e38 0,#f68a39 51%,#f65e38);background-size: 200% auto;font-weight: bold;border: none;display: flex;align-items: center;justify-content: center;margin: 15px 0px;font-weight: 600;}
.newsletter-button input[name='submit-newsletter']:hover,.btn-newsletter:hover{background:#1182fc;}
.btn-newsletter img{max-width: 30px !important;margin-right: 10px;}
.btn-newsletter i{font-size:20px;margin-right:10px;color: #ffffff;}
/*Cảm nhận khách hàng*/
#camnhantukhachhang{padding: 40px 0px;background: url(../images/bg-camnhan.png) no-repeat;background-size: cover;}
.feedback-items__circle {width: 250px;height: 250px;position: relative;margin: 0 auto;}
.feedback-items__circle .circle {border: 2px solid #f1f1f1;position: absolute;width: 100%;height: 100%;-webkit-transition: all .5s ease;transition: all .5s ease;border-radius: 72% 92% 100% 78%;border-radius: 80% 92% 100% 88%;}
.feedback-items__name{font-size: 14px;color: #972646;margin: 5px 20px 0px 33px;text-align: center;font-weight: bold;}
.feedback-items__chucvu{font-family: nunitor;font-size: 13px;color:#333333;margin-left: 50px;}
.feedback-items__content{font-size: 14px;color: #393939;margin-top: 20px;}
.circle:nth-child(1) {transform-origin: 50% 50%;animation: spin1 6s linear infinite;}
.circle:nth-child(2) {transform-origin: 50% 50%;animation: spin2 6s linear infinite;}
.circle:nth-child(3) {transform-origin: 50% 50%;animation: spin3 6s linear infinite;}
.circle:nth-child(4) {transform-origin: 50% 50%;animation: spin4 6s linear infinite;}
@keyframes spin1 {0% { transform: rotate(0); }100% { transform: rotate(360deg); }}
@keyframes spin2 {0% { transform: rotate(72deg); }100% { transform: rotate(-288deg); }}
@keyframes spin3 {0% { transform: rotate(-144deg); }100% { transform: rotate(216deg); }}
@keyframes spin4 {0% { transform: rotate(216deg); }100% { transform: rotate(-144deg); }}
.feedback-items{text-align:center;}
.feedback-items_inline{height: 300px;width: 300px;position: relative;margin: 15px auto;display: inline-block;text-align: center;}
.feedback-items-in{padding: 10px 24px 10px 37px;text-align: left;}
.feedback-items__img{position:absolute;width:100px;height:100px;border:3px solid #ff5c92;border-radius:50%;display:inline-block;overflow:hidden;bottom: 20px;left:-30px;}

/*Google dịch*/
#google_translate_element{float:right;margin: 14px 4px;}
.goog-te-gadget-simple .goog-te-menu-value{padding-left: 21px;}
.goog-te-gadget img{position: absolute;}
.goog-te-gadget{font-size: 0px !important;}
.goog-te-gadget span{display:none;}
.goog-te-combo{border:1px solid #198746;height:30px;}
.goog-te-banner-frame{display:none;height: 0px !important;}
/*Vì sao*/
#visao{padding:40px 0px;background:#f2f2f2;}
#visao .why-item{padding: 15px;background: #fff;box-shadow: 0px 0px 3px 0px #ccc;margin: 3px;text-align: center;}
#visao .why-item:hover .why-item_img img{transform: rotate(30deg);} 
#visao .why-item .why-item_img{margin-bottom: 15px;}
#visao .why-item .why-item_text{}
#visao .why-item:hover .why-item_text h3{color:red;}
#visao .why-item .why-item_text h3{font-size: 16px;font-weight: bold;color: #808080;padding: 10px;text-transform: uppercase;}
#visao .why-item .why-item_text p{color: #8a8a8a;text-align: center;}

/*Đối tác*/
#doitac{margin:40px 0px;}
#doitac img{border:1px solid #e5e5e5;padding:5px;}
.list-product{margin-top:30px;}
.list-product .content-tab{}
.title-list{
    margin-bottom: 30px;
    border-bottom: 1px dashed #afafaf;
}
.title-list h2{font-size: 20px;color: #222222;display: inline-block;cursor: pointer;position: relative;padding-bottom: 15px;font-weight: 600;text-transform: uppercase;}
.title-list h2:after{content:'';width:60px;height:3px;background: #37b517;position:absolute;bottom:-2px;left:0;z-index:99;}
.title-list a{/* float:right; *//* margin: 12px 0px; *//* font-weight: normal; *//* color: #0a43ec; */float: right;}
.title-list a:hover{/* color:blue; */}

#video-main{
    margin-bottom: 30px;
}
.video-index{position: relative;}
.video-index:hover h2{opacity: 1;}
.video-index:hover img{filter: brightness(0.5);}
.video-index h2{opacity:0;position: absolute;color:#fff;font-size: 18px;text-transform: uppercase;padding:10px;text-align: center;bottom: 0;left: 0;right:0;}


.icon_play {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: 0 auto;z-index: 2;display: flex;align-items: center;justify-content: center;}
.icon_play .load_video{display:inline-block;}
.icon_play .load_video img{max-width: 75px !important;height:auto;}
.icon_play .pinkBg {background-color: rgba(210, 202, 204, 0.8);background-image: linear-gradient(90deg, rgba(199, 198, 198, 0.8), rgba(181, 181, 181, 0.8));}
.icon_play .ripple{position:absolute;width: 130px;height: 130px;z-index:-1;left:50%;top:50%;opacity:0;margin: -65px 0 0 -65px;border-radius:100px;-webkit-animation:ripple 1.8s infinite;animation:ripple 1.8s infinite;}
.icon_play .ripple:nth-child(2){ animation-delay:.3s; -webkit-animation-delay:.3s }
.icon_play .ripple:nth-child(3){ animation-delay:.6s; -webkit-animation-delay:.6s }
@-webkit-keyframes ripple{ 0%{opacity:1; -webkit-transform:scale(0); transform:scale(0) } 100%{opacity:0; -webkit-transform:scale(1); transform:scale(1) } }
@keyframes ripple{ 0%{opacity:1; -webkit-transform:scale(0); transform:scale(0) } 100%{opacity:0; -webkit-transform:scale(1); transform:scale(1) } }
@-webkit-keyframes fadeInDown {0% {opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInDown {0% {opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.video-index{position: relative;}
/*Ý kiến*/
.ykien{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px dashed #c7c7c7;overflow: hidden;display: block;}
.ykien:hover .pic-ykien img{transform: rotate(15deg);}
.ykien .pic-ykien{width: 115px;border-radius: 50%;float:left;margin-right: 15px;}
.ykien .pic-ykien img{border-radius: 50%;}
.ykien .info-ykien{width: calc(100% - 130px);float:right;}
.ykien .info-ykien .name-ykien{font-size: 16px;font-weight: bold;}
.ykien:hover .name-ykien{color:red;}
.ykien .info-ykien .desc-ykien{font-size: 14px;}

/*Menu left*/
.menu_mega{
    position: sticky;
    top: 100px;
    z-index: 99;
}
.menu_mega .title_menu{background: #0a43ec;padding: 10px;text-align: center;color: #fff;text-transform: uppercase;font-weight: bold;font-size: 16px;}
.menu_mega .title_menu .title_{}
.menu_mega .title_menu .nav_button{}
.menu_mega .title_menu .nav_button i{}

.menu_mega .menu_all_site{
    border: 1px solid #b8b8b8;
}
.menu_mega .menu_all_site .nav-left{
    background: #f5f5f5;
    height: 483px;
}
.menu_mega .menu_all_site .nav-left .nav-item{}
.menu_mega .menu_all_site .nav-left .nav-item.lv1{
    border-bottom: 1px solid #b8b8b8;
    padding: 10px;
    position: relative;
}

.menu_mega .menu_all_site .nav-left .nav-item.lv1 .box-cap2{position: absolute;left: 100%;width: 240px;background: #f5f5f5;z-index: 99;top: 0px;opacity: 0;display: none;}
.menu_mega .menu_all_site .nav-left .nav-item.lv1:hover .box-cap2{opacity:1;display: block;}
.menu_mega .menu_all_site .nav-left .nav-item.lv1 a{font-size: 13px;color: #222222;text-transform: uppercase;}
.menu_mega .menu_all_site .nav-left .nav-item.lv1 a img{display:inline-block;margin-right:5px;position:relative;top:-3px;}
.menu_mega .menu_all_site .nav-left .nav-item.lv1 a:hover{color: #0a43ec;}
.menu_mega .menu_all_site .nav-left .nav-item.lv1:last-child{border:none;}
.menu_mega .menu_all_site .nav-left .nav-item .nav-right_one{}
.menu_mega .menu_all_site .nav-left .nav-item .nav-right_one .nav-item.lv2{border-bottom: 1px solid #b8b8b8;padding: 10px;position: relative;}
.menu_mega .menu_all_site .nav-left .nav-item .nav-right_one .nav-item.lv2:nth-child(3n+4){
    clear:both;
}
.menu_mega .menu_all_site .nav-left .nav-item .nav-right_one .nav-item.lv2 a{
    font-size: 14px;
    padding: 0px 30px;
    display: block;
    text-transform: uppercase;
}
.menu_mega .menu_all_site .nav-left .nav-item .nav-right_one{}
.menu_mega .menu_all_site .nav-left .nav-item .nav-right_one .nav-item.lv2 .nav-right_two{}
.menu_mega .menu_all_site .nav-left .nav-item .nav-right_one .nav-item.lv2 .nav-right_two .nav-item.lv3{}
.menu_mega .menu_all_site .nav-left .nav-item .nav-right_one .nav-item.lv2 .nav-right_two .nav-item.lv3 a{
    background: none;
    padding: 0px;
    font-size: 13px;
    font-weight: normal;
    text-transform: inherit;
}
.see-more{float:right;margin: 5px;display: flex;align-items: center;font-weight:600;color:#000;}
.see-more:hover{color:#f59000;}
.see-more img{margin-left:5px;}

.tieuchi-items{height:95px;background:#000;display:flex;padding:20px;}
.tieuchi-items.orange{background: #f59000}
.tieuchi-items.red{background: #e71c06}
.tieuchi-items.blue{background: #01889b}
.tieuchi-items a{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:bold;font-size:18px;}
.tieuchi-items a img{margin-right:15px;}
.tieuchi-items .tieuchi-items__img{}
.tieuchi-items .tieuchi-items__content{}
.tieuchi-items .tieuchi-items__content h3{
    font-size: 18px;
}

.pic-catalogue{width: 26% !important;margin-right: 2%;}
.info-catalogue{width: 72% !important;}
.btn-catalogue{
    padding: 10px 20px;
    color: #fff;
    background-color: #bb2931;
    border:1px solid #bb2931;
    transition: all 0.3s ease-in-out;
    webkit-box-shadow: 5px 3px 7px -1px rgba(0,0,0,0.19);
    -moz-box-shadow: 5px 3px 7px -1px rgba(0,0,0,0.19);
    box-shadow: 5px 3px 7px -1px rgba(0,0,0,0.19);
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    margin-top: 10px;
}
.btn-catalogue:hover{background:#fff;color:#bb2931;}

#quangcao{margin: 35px 0px 30px;}
.newshome-scroll{height: 325px;}
.video-main{position:relative;width: 61%;margin-right: 1%;float: left;}
.video-main iframe{position:absolute;width:100%;height:100%;top:0px;left:0px;}
.listvideos{width:100%;height:40px;padding:0px 10px;border: none;color: #fff;margin-top:10px;cursor:pointer;background: #00a85a;}

.video-index{position: relative;overflow: hidden;border-radius: 20px;}
.video-index .relative:after{content:'';position: absolute;background: url(../images/ic-video.png) no-repeat center;display: flex;align-content: center;justify-content: center;pointer-events: none;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;}
.video-index .text-video{}
.video-index .text-video h2{
    font-weight: bold;
    color: #000000;
    font-size: 17px;
    margin-top: 15px;
    margin-bottom: 5px;
}
.video-index .text-video p{overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 3;color: #000;font-size: 15px;}
.video-scroll{width: 38%;float: right;}
.video-scroll ul li{padding: 0px;}
.item-video{
    overflow: hidden;
    display: block;
    padding: 5px 0px;
}
.item-video:hover h3{color:#0a43ec;}
.item-video img{
    width: 48% !important;
    float: left;
    margin-right: 2%;
}
.item-video h3{
    font-size: 14px;
    color: #3e3e3e;
}
.video-scroll .slick-slider{margin-top: -4px;}
#video-fanpage{margin: 30px 0px;}
.map-canvas{border:3px solid #b4b4b4;padding:5px;}
/* Video */
.video{margin:20px;text-align:center;cursor:pointer;}
.video:nth-child(4n+1){clear:both;}
.video:nth-child(4n){margin-right:0px;}
.pic-video{position:relative;margin-bottom: 15px;}
.pic-video:before{content:"";position:absolute;width:50px;height:35px;top:calc(50% - 50px/2);left:calc(50% - 35px/2);z-index:1;background-repeat:no-repeat;background-image:url(../images/play.png);}
.pic-video img{width:100%;}
.name-video{font-size:16px;color:var(--color-black);margin-bottom:0px;}
#slideshow{/* margin-top:20px; */}



/*Service */
#service-main{margin-bottom: 20px}
.service_home-normal{position: relative;padding-bottom: 22px;max-width: 415px;width: 100%;display: block;}
.service_home-normal span{font-family:UTMAmericanSans;font-size:45px;}
.service_home-normal:nth-child(1) .box-in:after{content:'';position:absolute;width: 74px;height: 35px;background: url(../images/arrow-1.png);top: 68px;left: -70px;}
.service_home-normal:nth-child(2) .box-in:after{content:'';position:absolute;width: 65px;height: 41px;background: url(../images/arrow-2.png);top: -8px;left: -55px;}
.service_home-normal:nth-child(3) .box-in:after{content:'';position:absolute;width: 11px;height: 74px;background: url(../images/arrow-3.png);top: -67px;left: 65px;}
.service_home-normal:nth-child(4) .box-in:after{content:'';position:absolute;width: 74px;height: 39px;background: url(../images/arrow-4.png);top: -20px;right: -42px;}
.service_home-normal:nth-child(5) .box-in:after{content:'';position:absolute;width: 73px;height: 18px;background: url(../images/arrow-5.png);top: 71px;right: -56px;}

.service_home-normal:nth-child(1){position:absolute;right:0;top: 5px;}
.service_home-normal:nth-child(2){position: absolute;top: 255px;right: 15px;}
.service_home-normal:nth-child(3){position: absolute;bottom: 54px;left: 44%;right: 0;}
.service_home-normal:nth-child(4){position: absolute;left: 27px;top: 262px;}
.service_home-normal:nth-child(5){
    top: 30px;
    right: -17px;
}
.service_home-normal:nth-child(1) span{color:#42bda3;}
.service_home-normal:nth-child(2) span{color:#e36010;}
.service_home-normal:nth-child(3) span{color:#85cc3a;}
.service_home-normal:nth-child(4) span{color:#a7259a;}
.service_home-normal:nth-child(5) span{color:#28a9e2;}
.service_home-normal:nth-child(4) .pic-service_home-normal,.service_home-normal:nth-child(5) .pic-service_home-normal{float:right;;margin-left:15px;}
.service_home-normal-normal:hover .name-service_home{color:red;}
.pic-service_home-normal{margin-bottom:0px;float:left;margin-right:15px;}
.pic-service_home-normal img{}
.info-service_home-normal .name-service_home{color: #282828;font-size: 20px;text-transform: uppercase;margin: 15px 0px 10px;}
.service_home-normal:hover .info-service_home-normal .name-service_home{color:blue;}
.info-service_home-normal .desc-service_home{color: #404040;font-size: 14px;overflow: hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;}
.list-service{height: 600px;position: relative;}
.banner-dichvu{padding: 0px;max-width: 284px;height: 284px;left:0;right:0;top: 50px;display:flex;align-items:center;justify-content:center;position:absolute;margin: auto;background: url(../images/round-bn.png);}
.box-in{}
.grecaptcha-badge{display: none !important;}
div.phone_mobi {
  background: rgba(0,38,103,0.8);
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  height: 45px;
  line-height: 45px;
  color: #fff;
  z-index: 50;
}
div.phone_mobi ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  height: 100%;
}
div.phone_mobi ul li {
  flex: auto 1 0;
  text-align: center;
  height: 100%;
}
div.phone_mobi ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 10px;
  font-family: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  letter-spacing: 1px;
  line-height: 2;
  height: 100%;
  border-left: 1px solid rgba(255, 255, 255, .2);
  padding-top: 3px;
  text-transform: uppercase;
}
div.phone_mobi ul li a i {
  font-size: 19px;
}
.blink_me {
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: blinker;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  animation-name: blinker;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@-moz-keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Load Settings */
.no-scroll-y{overflow-y:hidden;}
#preloader-section{box-sizing:border-box;margin:0;padding:0;}

/* Preloader */
.ctn-preloader{-webkit-box-align:center;align-items:center;  /* Show or Hide cursor when hover of Preloader*/cursor:none;display:-webkit-box;display:flex;height:100%;-webkit-box-pack:center;justify-content:center;position:fixed;left:0;top:0;width:100%;z-index:9999;}
.ctn-preloader .animation-preloader{position:absolute;z-index:100;}

/* Spinner loading */
.ctn-preloader .animation-preloader .spinner{-webkit-animation:spinner 1s infinite linear;animation:spinner 1s infinite linear;border-radius:50%;border:3px solid rgba(0,0,0,0.2);border-top-color:var(--color-main); /* It is not identified in alphabetical order so that it does not overwrite it */height:9em;margin:0 auto 3.5em auto;width:9em;}

/* Text Loading */
.ctn-preloader .animation-preloader .txt-loading{font:bold 5em 'Montserrat',sans-serif;text-transform: uppercase;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:before{-webkit-animation:letters-loading 4s infinite;animation:letters-loading 4s infinite;color:#000000;content:attr(data-text-preloader);left:0;opacity:0;position:absolute;top:0;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);color:var(--color-main);}
.ctn-preloader .animation-preloader .txt-loading .letters-loading{color:rgba(0,0,0,0.2);position:relative;}

/* Letters Animation */
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before{-webkit-animation-delay:0.2s;animation-delay:0.2s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before{-webkit-animation-delay:0.4s;animation-delay:0.4s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before{-webkit-animation-delay:0.6s;animation-delay:0.6s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before{-webkit-animation-delay:0.8s;animation-delay:0.8s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before{-webkit-animation-delay:1s;animation-delay:1s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before{-webkit-animation-delay:1.2s;animation-delay:1.2s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before{-webkit-animation-delay:1.4s;animation-delay:1.4s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(9):before{-webkit-animation-delay:1.6s;animation-delay:1.6s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(10):before{-webkit-animation-delay:1.8s;animation-delay:1.8s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(11):before{-webkit-animation-delay:2s;animation-delay:2s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(12):before{-webkit-animation-delay:2.2s;animation-delay:2.2s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(13):before{-webkit-animation-delay:2.4s;animation-delay:2.4s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(14):before{-webkit-animation-delay:2.6s;animation-delay:2.6s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(15):before{-webkit-animation-delay:2.8s;animation-delay:2.8s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(16):before{-webkit-animation-delay:3s;animation-delay:3s;}

/* Loader section Settings */
.ctn-preloader .loader-section{background-color:#ffffff;height:100%;position:fixed;top:0;width:calc(50% + 1px);}
.ctn-preloader .loader-section.section-left{left:0;}
.ctn-preloader .loader-section.section-right{right:0;}

/* Fade effect in loading animation */
.loaded .animation-preloader{opacity:0;-webkit-transition:0.3s ease-out;transition:0.3s ease-out;}

/* Curtain effect */
.loaded .loader-section.section-left{-webkit-transform:translateX(-101%);transform:translateX(-101%);-webkit-transition:3.5s 0.1s all cubic-bezier(0.1,0.1,0.1,2.000);transition:3.5s 0.1s all cubic-bezier(0.1,0.1,0.1,2.000);}
.loaded .loader-section.section-right{-webkit-transform:translateX(101%);transform:translateX(101%);-webkit-transition:3.5s 0.1s all cubic-bezier(0.1,0.1,0.1,2.000);transition:3.5s 0.1s all cubic-bezier(0.1,0.1,0.1,2.000);}

/* Preloader Animation */
@-webkit-keyframes spinner{
  to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg);}
}
@keyframes spinner{
  to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg);}
}

/* Animation of the letters loading from the preloader */
@-webkit-keyframes letters-loading{
  0%,75%,100%{opacity:0;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);}
  25%,50%{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);}
}
@keyframes letters-loading{
  0%,75%,100%{opacity:0;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);}
  25%,50%{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);}
}
/* End Load Settings */

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

#list-icon{padding: 0px 0px;position: relative;overflow: hidden;/* position: absolute; *//* bottom: 0; *//* right: 15px; *//* width: 600px; */z-index: 8;}
.product-topical:hover{opacity:0.8;}
#list-icon .title-main{padding-right:0px !important;}
.product-topical{border-radius: 5px;text-align: center;position: relative;transition: 0.5s;overflow: hidden;}
.product-topical:hover{box-shadow: 0px 3px 7px 2px rgb(0 0 0 / 15%);}
.product-topical:hover .ten-product-topical h3{color: #f8f8f8;}
.product-topical a{}
.product-topical .product-topical_img{position: relative;}
.product-topical .product-topical_img img{filter:brightness(0.8)}
.product-topical:hover .product-topical_img img{filter:brightness(1)}
.product-topical .ten-product-topical{
    position: absolute;
    bottom: 20px;
    left: 20px;
    text-align: left;
}
.product-topical .ten-product-topical h3{font-size: 24px;font-weight: bold;color: #fff;}
.product-topical .ten-product-topical p.desc-product-topical{font-size: 16px;color:#fff;margin-top:5px;}
.product-topical .ten-product-topical p.link-product-topical{font-size:13px;color:#fff;margin-top:5px;padding-left: 15px;text-decoration: underline;}

.title-featured{padding: 75px 15px 0px;position: relative;z-index: 9;}
.title-featured h3{writing-mode: vertical-lr;transform: rotate(180deg);display: block;text-align: center;font-weight: 600;}


.link-more{/* border-radius: 50px; */display: inline-block;padding: 9px 10px;color: #000;font-weight: 600;cursor: pointer;margin-bottom: 10px;/* border: 1px solid #d3d3d3; */overflow: hidden;position:relative;z-index:1;background: #fff;}
.link-more i{color:green;margin-left: 12px;font-size:20px;float: right;}
.link-more:before{content:'';position:absolute;left:0;width:0;height: 1px;background: #42a527;z-index: -1;transition:0.3s;bottom: 0;}
.link-more:hover{color: #42a527;}
.link-more:hover:before{width:100%;}

.product-list{position: relative;overflow: hidden;border-radius: 7px;transition: 1s;margin: 40px 0px;}
.product-list .product-list_img{}
.product-list .ten-product-list{position: absolute;
    bottom: 0;
    left: 0;
    padding: 13px 30px;
    background: rgb(1 84 147 / 60%);
    color: #fff;
    font-size: 17px;border-radius: 8px;right: 0;text-align: center;}
.product-list .ten-product-list h3{color: #fff;font-size: 15px;/* margin-bottom: 5px; */font-weight: bold;}
.product-list .ten-product-list p{color: #fff;font-size: 13px;}
.product-list:hover .ten-product-list{background: rgb(1 84 147 / 100%);}
.product-list:hover img{transform:scale(1.1);filter:brightness(0.7);}
.owl-product .owl-item{}
.owl-product .owl-item{}
.owl-product .owl-item.active.center{}
.owl-product .owl-item.active.center .product-list{transform:scale(1.2)}

#news{margin:40px 0px;}

#showroom{padding: 60px 0px;background:#f5f5f5}
.showroom-normal{text-align: center;}
.showroom-normal .info-showroom-normal{}
.showroom-normal .info-showroom-normal .name-showroom{font-size: 19px;font-weight: 600;color: #005494;text-align: left;}
.showroom-normal .info-showroom-normal .content-showroom{color: #000;font-size: 14px;margin: 20px 0px;text-align: left;}
.showroom-normal .info-showroom-normal .link-showroom{display: inline-flex;border: 1px solid #005494;padding: 8px 15px;border-radius: 50px;color: #005494;margin: 0 auto;align-items: center;justify-content: center;/* max-width: 170px; */width: 100%;}
.showroom-normal .info-showroom-normal .link-showroom i{margin-right:5px;}
.showroom-normal:hover .info-showroom-normal .link-showroom{background: #005494;color: #fff;}


.arcontactus-widget.right.arcontactus-message{right: 10px;}
.arcontactus-widget .arcontactus-message-button.pulsation{-webkit-animation-duration:2s;animation-duration:2s}
.arcontactus-widget.md .arcontactus-message-button,
.arcontactus-widget.md.arcontactus-message{width:60px;height:60px}
.arcontactus-widget{opacity:0;transition:.2s opacity}
.arcontactus-widget *{box-sizing:border-box}
.arcontactus-widget.left.arcontactus-message{left:20px;right:auto}
.arcontactus-widget.left .arcontactus-message-button{right:auto;left:0}
.arcontactus-widget.left .arcontactus-prompt{left:80px;right:auto;transform-origin:0 50%}
.arcontactus-widget.left .arcontactus-prompt:before{border-right:8px solid #FFF;border-top:8px solid transparent;border-left:8px solid transparent;border-bottom:8px solid transparent;right:auto;left:-15px}
.arcontactus-widget.left .messangers-block{right:auto;left:0;-webkit-transform-origin:10% 105%;-ms-transform-origin:10% 105%;transform-origin:10% 105%}
.arcontactus-widget.left .callback-countdown-block{left:0;right:auto}
.arcontactus-widget.left .callback-countdown-block::before,
.arcontactus-widget.left .messangers-block::before{left:25px;right:auto}
.arcontactus-widget.md .callback-countdown-block,
.arcontactus-widget.md .messangers-block{bottom:70px}
.arcontactus-widget.md .arcontactus-prompt{bottom:5px}
.arcontactus-widget.md.left .callback-countdown-block:before,
.arcontactus-widget.md.left .messangers-block:before{left:21px}
.arcontactus-widget.md.left .arcontactus-prompt{left:70px}
.arcontactus-widget.md.right .callback-countdown-block:before,
.arcontactus-widget.md.right .messangers-block:before{right:21px}
.arcontactus-widget.md.right .arcontactus-prompt{right:70px}
.arcontactus-widget.md .arcontactus-message-button .pulsation{width:74px;height:74px}
.arcontactus-widget.md .arcontactus-message-button .callback-state,
.arcontactus-widget.md .arcontactus-message-button .icons{width:40px;height:40px;margin-top:-20px;margin-left:-20px}
.arcontactus-widget.sm .arcontactus-message-button,
.arcontactus-widget.sm.arcontactus-message{width:50px;height:50px}
.arcontactus-widget.sm .callback-countdown-block,
.arcontactus-widget.sm .messangers-block{bottom:60px}
.arcontactus-widget.sm .arcontactus-prompt{bottom:0}
.arcontactus-widget.sm.left .callback-countdown-block:before,
.arcontactus-widget.sm.left .messangers-block:before{left:16px}
.arcontactus-widget.sm.left .arcontactus-prompt{left:60px}
.arcontactus-widget.sm.right .callback-countdown-block:before,
.arcontactus-widget.sm.right .messangers-block:before{right:16px}
.arcontactus-widget.sm.right .arcontactus-prompt{right:60px}
.arcontactus-widget.sm .arcontactus-message-button .pulsation{width:64px;height:64px}
.arcontactus-widget.sm .arcontactus-message-button .icons{width:40px;height:40px;margin-top:-20px;margin-left:-20px}
.arcontactus-widget.sm .arcontactus-message-button .static{margin-top:-16px}
.arcontactus-widget.sm .arcontactus-message-button .callback-state{width:40px;height:40px;margin-top:-20px;margin-left:-20px}
.arcontactus-widget.active{opacity:1}
.arcontactus-widget .icons.hide,
.arcontactus-widget .static.hide{opacity:0;transform:scale(0)}
.arcontactus-widget.arcontactus-message{z-index: 999;right:20px;bottom: 20px;position:fixed!important;height:70px;width:70px;}
.arcontactus-widget .arcontactus-message-button{width:70px;position:absolute;height:70px;right:0;background-color:red;border-radius:50px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}
.arcontactus-widget .arcontactus-message-button p{font-family:Ubuntu,Arial,sans-serif;color:#fff;font-weight:700;font-size:10px;line-height:11px;margin:0}
.arcontactus-widget .arcontactus-message-button .pulsation{width:84px;height:84px;background-color:red;border-radius:50px;position:absolute;left:-7px;top:-7px;z-index:-1;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation:arcontactus-pulse 2s infinite;animation:arcontactus-pulse 2s infinite}
.arcontactus-widget .arcontactus-message-button .icons{background-color:#fff;width:44px;height:44px;border-radius:50px;position:absolute;overflow:hidden;top:50%;left:50%;margin-top:-22px;margin-left:-22px}
.arcontactus-widget .arcontactus-message-button .static{position:absolute;top:50%;left:50%;margin-top:-19px;margin-left:-26px;width:52px;height:52px;text-align:center}
.arcontactus-widget .arcontactus-message-button .static img{display:inline}
.arcontactus-widget .arcontactus-message-button .static svg{width:24px;height:24px;color:#FFF}
.arcontactus-widget .arcontactus-message-button.no-text .static{margin-top:-12px}
.arcontactus-widget .pulsation:nth-of-type(2n){-webkit-animation-delay:.5s;animation-delay:.5s}
.arcontactus-widget .pulsation.stop{-webkit-animation:none;animation:none}
.arcontactus-widget .icons-line{top:10px;left:12px;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-webkit-transition:cubic-bezier(.13,1.49,.14,-.4);-o-transition:cubic-bezier(.13,1.49,.14,-.4);-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);height:24px;transition:.2s all}
.arcontactus-widget .icons,
.arcontactus-widget .static{transition:.2s all}
.arcontactus-widget .icons-line.stop{-webkit-animation-play-state:paused;animation-play-state:paused}
.arcontactus-widget .icons-line span{display:inline-block;width:24px;height:24px;color:red}
.arcontactus-widget .icons-line span i,
.arcontactus-widget .icons-line span svg{width:24px;height:24px}
.arcontactus-widget .icons-line span i{display:block;font-size:24px;line-height:24px}
.arcontactus-widget .icons-line img,
.arcontactus-widget .icons-line span{margin-right:40px}
.arcontactus-widget .icons.hide .icons-line{transform:scale(0)}
.arcontactus-widget .icons .icon:first-of-type{margin-left:0}
.arcontactus-widget .arcontactus-close{color:#FFF}
.arcontactus-widget .arcontactus-close svg{-webkit-transform:rotate(180deg) scale(0);-ms-transform:rotate(180deg) scale(0);transform:rotate(180deg) scale(0);-webkit-transition:ease-in .12s all;-o-transition:ease-in .12s all;transition:ease-in .12s all;display:block}
.arcontactus-widget .arcontactus-close.show-messageners-block svg{-webkit-transform:rotate(0) scale(1);-ms-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}
.arcontactus-widget .arcontactus-prompt,
.arcontactus-widget .messangers-block{background:center no-repeat #FFF;box-shadow:0 0 10px rgba(0,0,0,.6);width:235px;position:absolute;bottom:80px;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:14px 0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:7px;-webkit-transform-origin:80% 105%;-ms-transform-origin:80% 105%;transform-origin:80% 105%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:ease-out .12s all;-o-transition:ease-out .12s all;transition:ease-out .12s all;z-index:10000}
.arcontactus-widget .arcontactus-prompt:before,
.arcontactus-widget .messangers-block:before{position:absolute;bottom:-7px;right:25px;left:auto;display:inline-block!important;border-right:8px solid transparent;border-top:8px solid #FFF;border-left:8px solid transparent;content:""}
.arcontactus-widget .arcontactus-prompt.show-messageners-block,
.arcontactus-widget .messangers-block.show-messageners-block{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.arcontactus-widget .arcontactus-prompt{color:#787878;font-family:Arial,sans-serif;font-size:16px;line-height:18px;width:auto;bottom:10px;right:80px;white-space:nowrap;padding:18px 20px 14px}
.arcontactus-widget .arcontactus-prompt:before{border-right:8px solid transparent;border-top:8px solid transparent;border-left:8px solid #FFF;border-bottom:8px solid transparent;bottom:16px;right:-15px}
.arcontactus-widget .arcontactus-prompt.active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close{position:absolute;right:6px;top:6px;cursor:pointer;z-index:100;height:14px;width:14px;padding:2px}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close svg{height:10px;width:10px;display:block}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing{border-radius:10px;display:inline-block;left:3px;padding:0;position:relative;top:4px;width:50px}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div{position:relative;float:left;border-radius:50%;width:10px;height:10px;background:#ccc;margin:0 2px;-webkit-animation:arcontactus-updown 2s infinite;animation:arcontactus-updown 2s infinite}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div:nth-child(2){animation-delay:.1s}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div:nth-child(3){animation-delay:.2s}
.arcontactus-widget .messangers-block.sm .messanger{padding-left:50px;min-height:44px}
.arcontactus-widget .messangers-block.sm .messanger span{height:32px;width:32px;margin-top:-16px}
.arcontactus-widget .messangers-block.sm .messanger span svg{height:20px;width:20px;margin-top:-10px;margin-left:-10px}
.arcontactus-widget .messanger{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;cursor:pointer;width:100%;padding:8px 20px 8px 60px;position:relative;min-height:54px;text-decoration:none}
.arcontactus-widget .messanger:hover{background-color:#EEE}
.arcontactus-widget .messanger:before{background-repeat:no-repeat;background-position:center}
.arcontactus-widget .messanger.facebook span{background:#0084ff}
.arcontactus-widget .messanger.viber span{background:#7c529d}
.arcontactus-widget .messanger.telegram span{background:#2ca5e0}
.arcontactus-widget .messanger.skype span{background:#31c4ed}
.arcontactus-widget .messanger.email span{background:#ff8400}
.arcontactus-widget .messanger.contact span{background:#7eb105}
.arcontactus-widget .messanger.call-back span{background:#54cd81}
.arcontactus-widget .messanger span{position:absolute;left:10px;top:50%;margin-top:-20px;display:block;width:40px;height:40px;border-radius:50%;background-color:#0084ff;margin-right:10px;color:#FFF;text-align:center;vertical-align:middle}
.arcontactus-widget .messanger span i,
.arcontactus-widget .messanger span svg{width:24px;height:24px;vertical-align:middle;text-align:center;display:block;position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px}
.arcontactus-widget .messanger span i{font-size:24px;line-height:24px}
.arcontactus-widget .messanger p{margin:0;font-size:14px;color:rgba(0,0,0,.87)}
@-webkit-keyframes arcontactus-pulse{
    0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
    50%{opacity:.5}
    100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}


.call-now-button p.call-text a:link{
    color:#ffffff;
    
}

    
    .quick-call-button{display:none}
    .call-now-button{/* display:none; */z-index:9999;clear:both;margin:0 auto;position:fixed;border-radius:50px;bottom: 50px;background: red;left: 25px;color: #fff;}
    .call-now-button div{display:flex}
    .call-now-button div p{color:#fff;display:table;padding:10px;border-radius:21px;height:34px;line-height:14px;font-size:14px;margin:8px 5px 8px 50px;text-transform:uppercase;font-weight:normal;text-align:center;box-sizing:content-box;text-decoration:none!important;box-sizing:border-box;font-weight: bold;}
    .quick-alo-ph-circle{width:100px;height:100px;top:-25px;left:-25px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:5px solid rgba(30,30,30,.4);opacity:1;-webkit-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-moz-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-ms-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-o-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}
    .quick-alo-ph-circle-fill{width:80px;height:80px;top:-15px;left:-15px;position:absolute;background-color:#000;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:1;-webkit-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;
        
    }
    
   
    
  
    
 
.quick-alo-ph-btn-icon 
{
     width:50px;
     height:50px;
     top: -2px;
     left: -2px;
     position:absolute;
     -webkit-border-radius:100%;
     -moz-border-radius:100%;
     border-radius:100%;
     border:2px solid transparent;
     opacity:1;
     -webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
     -moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
     -ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
     -o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
     animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
     -webkit-transform-origin:50% 50%;
     -moz-transform-origin:50% 50%;
     -ms-transform-origin:50% 50%;
     -o-transform-origin:50% 50%;
     transform-origin:50% 50%;
}
.quick-alo-ph-btn-icon i{color:#fff;font-size:30px;background:red;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%}
@-moz-keyframes quick-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}
@-webkit-keyframes quick-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}
@-o-keyframes quick-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}
@-moz-keyframes quick-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}
@-webkit-keyframes quick-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}
@-o-keyframes quick-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}
@-moz-keyframes quick-alo-circle-img-anim{10%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}
@-webkit-keyframes quick-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}
@-o-keyframes quick-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}
    
}

.wrapper-sidebar > div.news {
    background: #f3f3f3;
    padding: 15px;
    margin-bottom: 15px;
}
.wrapper-sidebar .first-news {
    margin-bottom: 10px;
}
.wrapper-sidebar a {
    color: #000;
display: block;overflow: hidden;margin: 10px 0px;}
.wrapper-sidebar a span{margin-top:5px;display:block;}
.news {
    margin-bottom: 10px;
    display: block;
    overflow: hidden;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border: 1px solid #e9e9e9;
    padding: 5px;
    border-radius: 5px;
margin-bottom: 20px;}
.wrapper-sidebar .news .item img {
    display: inline-block;
    float: left;
    width: 70px;
}
.wrapper-sidebar h3 {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
    color: #d2b48c;
    }
.wrapper-sidebar .news .item span {
    display: inline-block;
    float: left;
    width: calc(100% - 70px);
    padding-left: 15px;
overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;font-size: 13px;font-weight: 600;}


.congtrinh_home-normal{}
.congtrinh_home-normal .pic-congtrinh_home-normal{}
.congtrinh_home-normal .info-congtrinh_home-normal{}
.congtrinh_home-normal .info-congtrinh_home-normal h3{color: #000;font-size: 16px;text-align: center;padding: 10px;border-bottom: 1px solid rgb(120 120 120);font-weight: 600;}
.congtrinh_home-normal .info-congtrinh_home-normal h3:hover{color: #007cd2;}


.menu_mega_in{
    position: relative;
}
.menu_mega_in .title_menu{background: #c40316;padding: 10px;text-align: center;color: #fff;text-transform: uppercase;font-weight: 600;font-size: 15px;}
.menu_mega_in .title_menu .title_{
    margin-left: -10px;
}
.menu_mega_in .title_menu .nav_button{
    float: left;
    margin-left: 15px;
}
.menu_mega_in .title_menu .nav_button i{}
.menu_mega_in:hover .menu_all_site{display: block !important;/* position: absolute; */left: 0;z-index: 0;right: 0;background: #fff;z-index: 9;}
.menu_mega_in .menu_all_site{
    position: relative;
    /* z-index: 9; */
    background: #fff;
}
.menu_mega_in .menu_all_site .nav-left{/* border: 1px solid #000; */border-top: none;}
.menu_mega_in .menu_all_site .nav-left::-webkit-scrollbar {
    background:#ffffff;
    width: 2px;
    height:11px;
}
.menu_mega_in .menu_all_site .nav-left::-webkit-scrollbar-thumb {
    background: #f7f7f7;
    border-radius: 50px;
}
.menu_mega_in .menu_all_site .nav-left .nav-item{}
.menu_mega_in .menu_all_site .nav-left .nav-item.lv1{/* padding: 0px 15px; */}

.menu_mega_in .menu_all_site .nav-left .nav-item.lv1 .box-cap2{position: absolute;left: calc(100% + 1px);width: 500px;background: #fff;z-index: 9;padding: 15px;top: -3px;border-top: 2px solid #c40316;height: 438px;opacity: 0;display: none;}
.menu_mega_in .menu_all_site .nav-left .nav-item.lv1:hover .box-cap2{opacity:1;display: block;}
.menu_mega_in .menu_all_site .nav-left .nav-item.lv1 a{color: #585858;display: block;/* border-bottom: 1px solid #f9f9f9; */padding: 5px 0px;font-size: 14px;position: relative;z-index: 8;}
.menu_mega_in .menu_all_site .nav-left .nav-item.lv1 a img{display:inline-block;margin-right: 10px;float: left;margin-top: 5px;}
.menu_mega_in .menu_all_site .nav-left .nav-item.lv1 a:hover{color: #c40316;}
.menu_mega_in .menu_all_site .nav-left .nav-item.lv1:last-child{border:none;}
.menu_mega_in .menu_all_site .nav-left .nav-item .nav-right_one{}
.menu_mega_in .menu_all_site .nav-left .nav-item .nav-right_one .nav-item.lv2{
}
.menu_mega_in .menu_all_site .nav-left .nav-item .nav-right_one .nav-item.lv2:nth-child(3n+4){
    clear:both;
}
.menu_mega_in .menu_all_site .nav-left .nav-item .nav-right_one .nav-item.lv2 a{
    font-size: 15px;
    display: block;
    margin-bottom: 5px;
    border: none;
    padding-left: 30px;
}
.menu_mega_in .menu_all_site .nav-left .nav-item .nav-right_one{}
.menu_mega_in .menu_all_site .nav-left .nav-item .nav-right_one .nav-item.lv2 .nav-right_two{
}
.menu_mega_in .menu_all_site .nav-left .nav-item .nav-right_one .nav-item.lv2 .nav-right_two .nav-item.lv3{}
.menu_mega_in .menu_all_site .nav-left .nav-item .nav-right_one .nav-item.lv2 .nav-right_two .nav-item.lv3 a{
    background: none;
    font-weight: normal;
    text-transform: inherit;
    color: #000;
    padding-left: 50px;
}
.menu_mega_in .menu_all_site .nav-left .nav-item .nav-right_one .nav-item.lv2 .nav-right_two .nav-item.lv3 a:hover{color:#c40316;}
.menu_mega_in i{
    /* font-size: 12px; */
    color: #f79d28;
    position: relative;
    z-index: 9;
    width: 15px;
    text-align: center;
    display: inline-block;
    outline: 0;
}
.menu_mega_in ul li span{color: #a1a1a1;font-size:12px;margin-left:5px;}
.menu_mega_in ul li a.active{font-weight: 600 !important;color: #000 !important;}

#categories-3{
    margin-bottom: 30px;
}
.widget-title{
    font-size: 17px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 15px;
    position: relative;
text-transform: uppercase;}
.widget-title:after{content:'';position:absolute;bottom: -1px;left:0;width: 60px;height:2px;background:#c40316;}
#categories-3 ul{}
#categories-3 ul li{
    margin-bottom: 10px;
}
#categories-3 ul li a{color:#000;}
#categories-3 ul li a:hover{color:#c40316;}
#categories-3 ul li a i{font-size:12px;margin-right:5px;color:#7a7a7a}
#categories-4 .time-news{
    border: none;
    font-size: 12px;
    padding-bottom: 0;
    margin-bottom: 0px;
}
#categories-4 .name-news{
    font-weight: 600;
    font-size: 13px;
    margin-top: 0px;
}
#categories-4 .news{padding-bottom:0px;}
.form-attribute label{font-weight:600;}
.form-attribute{padding-bottom: 15px;margin-bottom: 10px;border-bottom: 1px solid #ddd;}
.select-attribute{font-size: 14px;border-radius: 0px;height: 45px;}
.btn-filter-attribute{
    border: none;
    background: #1182fc;
    color: #fff;
    padding: 8px 20px;
    border-radius: 5px;
    outline: 0px !important;
}
.btn-filter-attribute:hover{opacity:0.8;}

.btn-cancel-attribute{
    border: none;
    background: #c40316;
    color: #fff;
    padding: 8px 20px;
    border-radius: 5px;
    outline: 0px !important;
}
.btn-cancel-attribute:hover{opacity:0.8;}

.shop-control-bar {
    background-color: #efefef;
    padding: .214em 1.429em;
    cursor: pointer;
    margin-bottom: 20px;
}
.shop-control-bar i{margin-right: 5px;}
.title-filter {
    background: #dedede;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 10px;
    font-size: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 250px;
}
.title-filter i{
    width: 20px;
    height: 20px;
    background: #d2b48c;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
}
.title-filter img {
    padding: 4px 10px;
    max-width: 100px;
}
.lienhe_dt span {
    font-weight: bold;
    color: #ea9214;
    font-size: 22px;
    display: block;
    margin: 0px 0px 5px;
}
.ma_sp{font-size:13px;line-height:30px;}
.ma_sp i{color:#ea9214;margin-right: 7px;}
.ma_sp p{line-height: 20px;margin-bottom: 15px;}
.ma_sp label{
    margin-bottom: 0px;
}
.ma_sp span{font-weight: bold;}
.price-pro-detail {
    padding: 8px;
    background: #eaeaea;
}
.list-static{
    margin-bottom: 10px;
}
.post-static{
    display: flex;
    align-items: center;
    background: #f5f5f5;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
}
.post-static img{
    margin-right: 10px;
max-width: 32px;}
.post-static h3{
    font-size: 13px;
    color: #000;
}

#loading{position: fixed;z-index: 9999;top: 0;bottom: 0;left: 0;right: 0;background: #dee3f0;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.loader {
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 50%;
    position: relative;
    animation: roll 1s ease-in-out infinite alternate;
  display: inherit;}
.loader:after{
    content:"";
    position: absolute;
    inset: 5px;
    border-radius: 50%;
    border: 5px solid ;
    border-color: #007cd2 transparent;
  }
  @keyframes roll {
    0% {
      transform: translateX(-150%) rotate(0deg) ;
    }
    100% {
      transform:  translateX(150%) rotate(360deg);
    }
  }


  .header-content {
    padding: 0;
    position: relative;
    overflow: hidden
}

.header-content .item {
    height: 100vh;
    position: relative;
    overflow: hidden;
    background-position: center;
    background-size: cover
}

.header-content .item .box {
    position: absolute;
    width: 100%;
    color: #fff;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99
}

.header-content .item .title {
    color: #fff;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    text-transform: none
}

.header-content .item .btn {
    margin-top: 40px
}
.btn.btn-clean {
    background-color: transparent;
    border-color: #fff;
    color: #fff !important
}

.btn.btn-clean:hover {
    background-color: #fff;
    border-color: #fff;
    color: #000 !important
}
@media(min-width:768px) {
    .header-content .item {
        height: 100vh
    }

    .header-content .item .title {
        font-size: 300%
    }
}

@media(min-width:1200px) {
    .header-content .item {
        height: 700px
    }

    .header-content .item .title {
        font-size: 300%
    }
}

.header-content .owl-theme .owl-controls .owl-pagination {
    text-align: end;
    padding-right: 20px
}

.header-content .owl-theme .owl-controls .owl-buttons div span {
    color: #fff
}

.header-content .owl-theme .owl-controls .owl-page span {
    background: #fff
}

.slideshow .item .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
        background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slideshow .active .item .bg {
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: banner_style;
    animation-name: banner_style
}
@-webkit-keyframes banner_style {
    from {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes banner_style {
    from {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.slideshow .item {
    display: block;
    width: 100%;
    padding-bottom: 36%;
    position: relative;
}
.info-about-in .title-about span{}

#service{margin: 50px 0px 30px;}
.servicehome-normal{display:block;/* overflow: hidden; */border-radius: 15px;position: relative;margin-bottom: 20px;transition: 0.5s;}
.servicehome-normal:hover,.owl-service .owl-item.active.center .servicehome-normal{}
.servicehome-normal:hover .link-servicehome,.owl-service .owl-item.active.center .servicehome-normal .link-servicehome{opacity:1;}
.servicehome-normal:hover .name-servicehome,.owl-service .owl-item.active.center .servicehome-normal .name-servicehome{color: #d2b48c;}
.pic-servicehome-normal{margin-bottom:0px;border-radius: 10px;position: relative;}
.pic-servicehome-normal:after{content:'';top:0;bottom:0;left:0;right:0;position: absolute;/* background: linear-gradient(to bottom,transparent,#000); */}
.pic-servicehome-normal img{}
.pic-servicehome-normal img{width:100%;}
.pic-servicehome-best img{width:100%;}
.name-servicehome{color: #000;font-size: 15px;font-weight: bold;margin: 15px 0px 8px;}
.name-servicehome.text-split{-webkit-line-clamp:2;}
.info-servicehome-normal{}
.servicehome-normal:hover .info-servicehome-normal{transform: translateY(0px);}
.time-servicehome{color: #ffffff;margin-bottom:0.25rem;font-size: 13px;}
.desc-servicehome{color: #000000;margin-bottom:0px;font-size: 14px;font-weight:normal;-webkit-line-clamp: 3;}
.link-servicehome:hover{background: rgb(1 84 147 / 100%)}
.link-servicehome{position:absolute;bottom: -20px;background: rgb(1 84 147 / 60%);display: block;left: 10%;right: 10%;padding: 10px;border-radius: 50px;text-align: center;color: #fff;font-size: 15px;opacity: 0;}
.servicehome-normal:hover .desc-servicehome,.owl-service .owl-item.active.center .servicehome-normal .desc-servicehome{opacity:1;}

.cart-fixed{z-index:10;width: 25px;height: 25px;text-align:center;color: #1d8948!important;border-radius:100%;display:flex;align-items:center;justify-content:center;position: relative;}
.cart-fixed i{font-size:20px;}
.cart-fixed span{position:absolute;top:0px;right:-5px;color:#fff;width: 15px;height: 15px;background:var(--color-red);text-align:center;line-height: 15px;font-size: 9px;border-radius:100%;}
.bg-black{background:#000;}

.call-now-button p.call-text a:link{color:#ffffff;}
.sticky-inside{position:sticky;top:130px;}



.quick-call-button{display:none}
.call-now-button{/* display:none; */z-index:9999;clear:both;margin:0 auto;position:fixed;border-radius:50px;bottom: 50px;background: red;left: 25px;color: #fff;}
.call-now-button div{display:flex}
.call-now-button div p{color:#fff;display:table;padding:10px;border-radius:21px;height:34px;line-height:14px;font-size:14px;margin:8px 5px 8px 50px;text-transform:uppercase;font-weight:normal;text-align:center;box-sizing:content-box;text-decoration:none!important;box-sizing:border-box;font-weight: bold;}
.quick-alo-ph-circle{width:100px;height:100px;top:-25px;left:-25px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:5px solid rgba(30,30,30,.4);opacity:1;-webkit-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-moz-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-ms-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-o-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}
.quick-alo-ph-circle-fill{width:80px;height:80px;top:-15px;left:-15px;position:absolute;background-color:#000;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:1;-webkit-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;}
.quick-alo-ph-btn-icon {width: 53px;height:50px;top: -2px;left: -2px;position:absolute;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:1;-webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;}
.quick-alo-ph-btn-icon i{color:#fff;font-size: 26px;background:red;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%}
@-moz-keyframes quick-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}
@-webkit-keyframes quick-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}
@-o-keyframes quick-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}
@-moz-keyframes quick-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}
@-webkit-keyframes quick-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}
@-o-keyframes quick-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}
@-moz-keyframes quick-alo-circle-img-anim{10%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}
@-webkit-keyframes quick-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}
@-o-keyframes quick-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}

/*Filter */


.tieude-timkiem{font-size: 15px;font-weight: bold;padding: 15px;border: 1px solid #dcdcdc;border-bottom: none;background: #fff;}
.list_checkbox{padding: 15px;border: 1px solid #dcdcdc;border-bottom: none;background: #fff;}
.list_checkbox:last-child{border-bottom: 1px solid #dcdcdc;}
.list_checkbox h3{font-size: 15px;font-weight: 600;/* text-transform: uppercase; */margin-bottom: 10px;color: #000000;}
.list_checkbox .box-per_filter{}
.list_checkbox .box-per_filter label{font-size: 14px;display: flex;align-items: center;}
.list_checkbox .box-per_filter label input{position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;}
.list_checkbox .box-per_filter label p{font-size: 13px;}
.list_checkbox .box-per_filter label p:hover{color: #d2b48c;}
.list_checkbox .box-per_filter label p strong{font-weight:normal;width: 9px;text-align:center;display: inline-block;}
.list_checkbox label{}
.list_checkbox .box-per_filter .box-per_input{position: relative;}
.list_checkbox .box-per_filter .box-per_input i{
    position: absolute;
    color: #b6b6b6;
    font-size: 20px;
    left: 10px;
    bottom: 0;
    top: 0px;
    margin: auto;
    width: 15px;
    height: 20px;
    display: flex;
    align-items: center;
}
.list_checkbox .box-per_filter .box-per_input input{
    width: 100%;
    height: 38px;
    border: 1px solid #dadada;
    border-radius: 7px;
    padding-left: 35px;
    outline: none;
    color: #d2b48c;
    font-weight: 600;
}
.list_checkbox .box-per_filter label {/* display: block; */position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
/* On mouse-over, add a grey background color */
.list_checkbox .box-per_filter label:hover input ~ .checkmark {background-color: #ccc;}
/* When the checkbox is checked, add a blue background */
.list_checkbox .box-per_filter label input:checked ~ .checkmark {background-color: #2196F3;}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}
/* Show the checkmark when checked */
.list_checkbox .box-per_filter label input:checked ~ .checkmark:after {display: block;}
/* Style the checkmark/indicator */
.list_checkbox .box-per_filter label .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.checkboxes {
  /* margin-top: 2rem; */
}
.btn-clear-flatpickr{position:absolute;right:0px;top:0px;border: none;outline: none;background: #fff;top: 3px;right: 0px;background: none;font-size: 20px;outline: 0 !important;opacity: 0;}
/* Checkbox styles */
label.checkbox {padding-left: 1.55rem;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
label.checkbox input[type=checkbox] {position: absolute;opacity: 0;}
label.checkbox input[type=checkbox]:focus ~ span {border: 2px solid #aab0b9;}
label.checkbox input[type=checkbox]:focus:checked ~ span {border: 2px solid #20644c;}
label.checkbox input[type=checkbox]:checked ~ span {color: #FFFFFF;background: #d2b48c url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 50% 40% no-repeat;border: 2px solid #d2b48c !important;}
label.checkbox span {border-radius: 3px;position: absolute;left: 0;top: 2px;width: 1rem;height: 1rem;background-color: #d4d7dc;border: 2px solid #d4d7dc;pointer-events: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
label.checkbox .check-desc{color: #b8b8b8;font-size: 13px;}
label.checkbox .check-desc i{color:#d2b48c;margin-right: 0px;}

.btn-booking{}
.cover-filter-index{position: relative;max-width: 1200px;z-index: 9;margin: 0 auto;margin-top: -140px;}
.cover-filter-index .box-filter-index{background: #fff;padding: 50px;box-shadow: 0px 0px 7px 0px #7f7f7f;border-radius: 15px;position: relative;}
.cover-filter-index .box-filter-index .box-filter-index--head{}
.cover-filter-index .box-filter-index .box-filter-index--head p:first-child{display: inline-block;padding: 10px 30px;background: #d2b48c;border: 1px solid #d2b48c;color: #fff;border-radius: 7px;font-weight: 600;}
.cover-filter-index .box-filter-index .box-filter-index--head p:last-child{display: inline-block;margin-left: 15px;}
.cover-filter-index .box-filter-index .box-filter-index--head p:last-child a{display: inline-block;padding: 10px 30px;border: 1px solid #d2b48c;color: #d2b48c;border-radius: 7px;font-weight: 600;background: #fff;}
.cover-filter-index .box-filter-index .box-filter-index--head p:last-child a:hover{background: #731616;}
.cover-filter-index .box-filter-index .box-filter-index--mid{margin-top: 30px;}
.cover-filter-index .box-filter-index .box-filter-index--mid .box-filter-index--mid-left .list_checkbox_index{position: relative;cursor: pointer;}
.cover-filter-index .box-filter-index .box-filter-index--mid .box-filter-index--mid-left .list_checkbox_index h3{border: 1px solid #eeeeee;border-radius: 5px;color: #808080;padding: 20px 14px;font-size: 14px;position: relative;font-weight: 600;}
.cover-filter-index .box-filter-index .box-filter-index--mid .box-filter-index--mid-left .list_checkbox_index h3 i:first-child{font-size: 15px;margin-right: 10px;}
.cover-filter-index .box-filter-index .box-filter-index--mid .box-filter-index--mid-left .list_checkbox_index h3 i:last-child{position: absolute;right: 15px;font-size: 19px;}
.cover-filter-index .box-filter-index .box-filter-index--mid .box-filter-index--mid-left .box-per_filter{position: absolute;background: #fff;top: 100%;padding: 15px;border: 1px solid #eee;border-top: 00;display: none;z-index: 9;}
.cover-filter-index .box-filter-index .box-filter-index--mid .box-filter-index--mid-left .box-per_filter.active{display: block;}
.cover-filter-index .box-filter-index .box-filter-index--mid .box-filter-index--mid-left .box-per_filter label{width:100%;}
.cover-filter-index .box-filter-index .box-filter-index--mid .box-filter-index--mid-left .box-per_filter .box-per_input{position: relative;}
.cover-filter-index .box-filter-index .box-filter-index--mid .box-filter-index--mid-left .box-per_filter .box-per_input i{position: absolute;color: #b6b6b6;font-size: 20px;top: 8px;left: 10px;}
.cover-filter-index .box-filter-index .box-filter-index--mid .box-filter-index--mid-left .box-per_input i{position:absolute;font-size: 18px;top: 29px;left: 14px;color: #808080;}
.cover-filter-index .box-filter-index .box-filter-index--mid .box-filter-index--mid-left  .box-per_input input{width: 100%;height: 58px;border: 1px solid #eeeeee;border-radius: 7px;padding-left: 35px;outline: none;color: #d2b48c;font-weight: 600;margin-top: 10px;}
.cover-filter-index .box-filter-index .box-filter-index--mid  label {/* display: block; */position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.cover-filter-index .box-filter-index .box-filter-index--mid  .box-filter-index--mid-right{border: 1px solid #eeeeee;border-radius: 5px;overflow: hidden;}
.cover-filter-index .box-filter-index .box-filter-index--mid  .box-filter-index--mid-right .list_checkbox{border: none;}
.cover-filter-index .box-filter-index .box-filter-index--mid  .box-filter-index--mid-right .box-per_filter{height: 68px;overflow-y: scroll;}
.cover-filter-index .box-filter-index .box-filter-index--mid  .box-filter-index--mid-right label{margin-bottom: 4px;}
.cover-filter-index .box-filter-index .box-filter-index--mid  .box-filter-index--mid-right p{}
.cover-filter-index .box-filter-index .box-filter-index--mid  .box-filter-index--mid-right .box-per_filter::-webkit-scrollbar {width: 8px;border-radius:15px;}
.cover-filter-index .box-filter-index .box-filter-index--mid  .box-filter-index--mid-right .box-per_filter::-webkit-scrollbar-track {box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);border-radius:15px;background:#fff;}
.cover-filter-index .box-filter-index .box-filter-index--mid  .box-filter-index--mid-right .box-per_filter::-webkit-scrollbar-thumb {background-color: #d2b48c;border-radius:15px;}
.btn-search-index{width: 260px;height: 50px;background: #d2b48c;border:1px solid #d2b48c;display: inline-flex;align-items: center;justify-content: center;color: #fff;font-size: 16px;border-radius: 5px;position: absolute;bottom: -20px;left: 0;right: 0;margin: 0 auto;text-transform: uppercase;font-weight: 600;}
.btn-search-index:hover{color:#fff;background:#c68c3a;}
.box-qc{padding: 25px;background: #fff;border-radius: 7px;border: 1px solid #dcdcdc;margin-bottom: 30px;overflow: hidden;}
.box-qc .pic-qc{float: right;max-width: 250px;}
.box-qc .info-qc{width: calc(100% - 300px);float: left;}
.box-qc .info-qc h4{font-size: 18px;font-weight: 600;}
.box-qc .info-qc p{font-size: 14px;color: #000000;margin: 20px 0px;}
.box-qc .info-qc a{background: #d2b48c;display: inline-block;padding: 7px 55px;border-radius: 7px;color: #fff;}
.box-qc .info-qc a:hover{background: #731616;}
#product-flash-sale{margin: 50px 0px 20px;}

.nav-in{position: sticky;top: 0px;z-index: 9;}
.nav-in .flex-nav-in{padding: 18px;border-radius: 10px;border: 1px solid #dfe1e4;margin-bottom: 30px;background: #fdfdfd;margin-top:30px;}
.nav-in .flex-nav-in p{display: inline-block;margin-right: 15px;}
.nav-in .flex-nav-in p a{display: inline-block;color: #000;font-weight: 600;}
.nav-in .flex-nav-in p a:hover{color: #731616;}
.nav-in .flex-nav-in p a.tb_active{color:#d2b48c;}

.box-tk{border-radius: 10px;box-shadow:0px 0px 5px 0px #ccc}
.bg-fff{background:#fff}
.btn-bth{}
.btn-bth{
    display: inline-flex;
    padding: 14px 30px;
    background: #d2b48c;
    color: #fff;
    border-radius: 5px;
    align-items: center;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 10px;
}
.btn-bth i{
    padding: 5px 5px 5px 7px;
    color: #d2b48c;
    background: #fff;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    border-radius: 50%;
    margin-right: 10px;
}
.fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right : 0;
    height: 95px;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.3);
  }
  
  .fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px;
  }
  .fancybox-gallery{display: block;border-radius: 3px;overflow: hidden;}
  .fancybox-thumbs{display: block !important;}
#accordionExample .card{margin-bottom:15px;border-bottom: 1px solid #ccc;border-radius: 15px;}
#accordionExample .card-header{padding:0px;transition: 0.5s;}
#accordionExample .card-header:hover{background: white;}
#accordionExample .btn-link-question{display: block;width: 100%;text-align: left;padding: 10px 20px;color: #000;font-weight: bold;background: #fff;font-size: 14px;}
#accordionExample .btn-link-question i{position:relative;font-size:15px;top: -2px;color: #d1b48c;}

.control-dev.control-prev.prev-bst{
    opacity: 1;
    z-index: 9;
    left: -20px;
}
.control-dev.control-next.next-bst{
    opacity: 1;
    z-index: 9;
    right: -20px;
}

#chinhanh{position:relative;}
.box-chinhanh{position: absolute;right: 20px;top: 20px;z-index: 9;padding: 20px;background: #d3b794;border-radius: 15px;}
.box-chinhanh p{color: #fff;font-weight: bold;margin-bottom: 10px;}
.box-chinhanh select{width: 250px;height: 37px;border-radius: 7px;border: none;outline:0;padding: 0px 7px;}
.list-chinhanh{position: absolute;margin:0 auto;top:15px;z-index: 99;right: 15px;}
.list-chinhanh a{background: #33496d;font-size: 14px;display: inline-block;padding: 11px 20px;cursor: pointer;color: #fff !important;margin-bottom: 10px;}
.list-chinhanh a.active{background: #d42530;}
.chinhanh-all{height: 500px;}
.chinhanh-all .chinhanh-item{position: absolute;left: 0;top:0;width: 100%;height: 100%;opacity: 0;}
.chinhanh-all .chinhanh-item iframe{width: 100%;height: 100%;}
.chinhanh-all .chinhanh-item.active{opacity: 1;z-index: 1;}

.bee-img {width: calc(var(--bee-box-w)/var(--ctn-per));}
#block-bee3d {position: relative;padding-bottom: 453px;}
#block-bee3d::before {position: absolute;content: '';border: 2px solid #feb518;top: calc(30/var(--bee-box-h)*100%);right: calc(90/var(--bee-box-h)*100%);bottom: calc(70/var(--bee-box-h)*100%);left: calc(70/var(--bee-box-h)*100%);}
#block-bee3d .bee3D--slide {/* width: calc(var(--bee-w)/var(--bee-box-w)*100%); */height: 502px;}
#block-bee3d .bee3D--after {-webkit-transform: translateX(-47%) rotateY(0) translateY(147%) scale(0.1);transform: translateX(-47%) rotateY(0) translateY(147%) scale(0.1);opacity: 0;}
#block-bee3d .bee3D--slide {width: 90%;}
#block-bee3d .bee3D--inner {/* background: #fff !important; */}
#block-bee3d .bee3D--after-1 {-webkit-transform: translateX(calc(100% + 20px)) rotateY(0deg) translateY(calc(30%)) scale(1);transform: translateX(9%) rotateY(0deg) translateY(calc(0%)) scale(0.95);opacity: 1;}
#block-bee3d .bee3D--after-2 {z-index: 0;-webkit-transform: translateX(calc(100% + 20px)) rotateY(0deg) translateY(calc(30%)) scale(1);transform: translateX(17%) rotateY(0deg) translateY(calc(0%)) scale(0.9);opacity: 1;}
#block-bee3d .bee3D--after-3,#block-bee3d .bee3D--after-4,#block-bee3d .bee3D--after-5,#block-bee3d .bee3D--after-6,#block-bee3d .bee3D--after-7,#block-bee3d .bee3D--after-8,#block-bee3d .bee3D--after-14,#block-bee3d .bee3D--after-15,#block-bee3d .bee3D--after-9,#block-bee3d .bee3D--after-10,#block-bee3d .bee3D--after-11,#block-bee3d .bee3D--after-12,#block-bee3d .bee3D--after-13 {z-index: 0;-webkit-transform: translateX(calc(100% + 20px)) rotateY(0deg) translateY(calc(30%)) scale(1);transform: translateX(17%) rotateY(0deg) translateY(calc(0%)) scale(0.9);opacity: 1;}
#block-bee3d .bee3D--before-1 {-webkit-transform: translateX(-270px) rotateY(-30deg) translateX(-290px) translate3d(0, -200px, 0);transform: translateX(-100%) rotateY(0) translateY(-100%) scale(0);opacity: 0;}
.bee3D--nav{width: 40px;height: 40px;background-color: #fff;color:#000;border-radius:50%;box-shadow: 0px 0px 5px 0px #ccc;}
.bee3D--nav i{font-size: 25px;}
.bee3D--nav__next {right: -30px !important;}
.bee3D--nav__prev {left: -25px !important;}
.bee3D--nav{background:#fff;display: flex;align-items: center;justify-content: center;opacity: 0.5;}
.bee3D--nav:hover{color:#fff;background:#000;}
.bee3D--effect__spiral-left{overflow: unset;}