.banner{
    background: #e7e8ea;
    margin-bottom: 5px;
}
.header-new{
    /*background: #696b3f;*/
    background: #61652c;
}
.header-new .container{
    display: flex;
    justify-content: space-between;
    padding:0;
}
.h-left{width:30%;}
.h-right{width:70%;}
.gnavi{
    margin:0;
    display:flex;
}
.gnavi li {
    position: relative;
    list-style:none;
    margin-bottom: 0;
}
.gnavi > li > a, .gnavi > li > span {
    text-transform:uppercase;
    display: block;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding: 10px 10px;
    cursor: pointer;
}
.gnavi > li:hover > a, .gnavi > li:hover > span, .submenu a:hover {
   background: var(--mcolor);
}
.gnavi > li.active > a, .gnavi > li.active > span {
    color: #fff;
    font-weight: 700;
}
.submenu, .subsubmenu{
    position: absolute;
    min-width: 200px;
    display: none;
    z-index: 99;
    margin: 0;
}
.submenu li{list-style:none;margin:0;}
.submenu a {
    display: block;
    text-decoration: none;
    background: var(--scolor);
    border-bottom: 1px solid rgba(255,255,255,0.5);
    padding: 10px 20px;
    color: #fff !important;
    font-size: 12px;
    white-space: nowrap;
}
.subsubmenu{
	top: 0;
    left: calc(100% + 1px);
}
.h-left .gnavi > li a, .h-left .gnavi > li span{
font-weight:bold;
}
.h-right .gnavi{
        justify-content: flex-end;
}
.h-right .gnavi > li a{
    /*background:url(../images/ico-menu.png) no-repeat left center;*/
    background-size: 15px;
    padding-left: 17px;
    padding-right: 20px;
}
.h-right .gnavi > li:last-child a{padding-right:0;}
.h-right .subsubmenu{left: unset;bottom: unset;top: unset;}
.h-right .subsubmenu a{

	
	display: block;
    text-decoration: none;
    background: var(--scolor);
    border-bottom: 1px solid rgba(255,255,255,0.5);
    padding: 10px 20px;
    color: #fff !important;
    font-size: 12px;
    white-space: nowrap;
	
}

.flag-lg a{
    padding: 0;
    width: 35px;
    position: absolute;
    top: 11px;
    right: 45px;
}
.flag-lg:nth-child(1) a {
    right: 0;
}
.main-slide .slick-dots{
position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    margin-left:0;
    margin-right:0;
}
.main-slide ul.slick-dots li{
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    /*background: url(../images/ico-slide.png) no-repeat;*/
	background:var(--mcolor);
    background-size: 25px;
    padding: 6px;
    border-radius:10px;
}
.main-slide ul.slick-dots li.slick-active{
    /*background: url(../images/ico-slide1.png) no-repeat;*/
	background:var(--scolor);
    background-size: 25px;
    padding: 6px;
}
.main-slide ul.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;

    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.list-catehome{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}
.category-home{
}
.category-home-image{
    overflow:hidden;
    border:1px solid #cacaca;	
}
.category-home-image img{
    transition: all 0.5s ease;
}
.category-home a:hover img{
	transform: scale(1.1,1.1);
}
.category-home-ttl{
    text-align: center;
    margin-top:8px;
    color: var(--mcolor);
    font-weight: 600;
    text-transform: uppercase;
}
.category-home a:hover .category-home-ttl{
        color: var(--scolor);
}
.category-home-ttl span{
    background-size: 20px;
    padding: 0;
}
.footer {
    overflow:hidden;
	position:relative;
    margin-top: 2.5em;
    padding: 0 0;
    border-top: solid 1px #1b1f23;
	background-color:var(--mcolor);
    color: #6b6b6b;
}
/*.footer:after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../images/bg-footer.jpg) no-repeat left center;
    background-size: 185px;
    padding: 170px;
    padding-left: 0px;

}*/
.ft-col1{width:20%;float:left;}
.zalo-code img{
    width: 240px;
	padding: 45px 0;
}
.ft-col2{width:25%;float:left;padding: 0 40px;}
.ft-col2 h3, .ft-col4 h3{color:#fff;font-size: 17px;}
/*.ft-col2 p{
    background: url(../images/ico-slide1.png) no-repeat left center;
    background-size: 25px;
    padding-left: 33px;
}*/
.logo-ft img{width:155px;}
.ft-col3{width:30%;float:left;padding-left: 40px;}
.ft-col3 h3{color:#fff;font-size: 17px;}
.ft-col4{width: 20%;
    float: left;padding: 0 0 0 45px;}
	.ft-col4 img{position: relative;
    z-index: 1;}
.ft-phone{
    background: url(../images/icon-f1.png) no-repeat left center;
    background-size: 22px;
    padding-left:30px;
}
.ft-hotline{
    background: url(../images/icon-f2.png) no-repeat left center;
    background-size: 22px;
    padding-left:30px;
}
.ft-email{
    background: url(../images/icon-f3.png) no-repeat left center;
    background-size: 22px;
    padding-left:30px;
}
.ft-add{
    background: url(../images/icon-f4.png) no-repeat left center;
    background-size: 22px;
    padding-left:30px;
}

.ft-add2{
    background: url(../images/icon-f5.png) no-repeat left center;
    background-size: 22px;
    padding-left:30px;
}
.ft-social{}
.banner{display:block;}
.banner-mb{display:none;}
.menu-ico-right{
    position: fixed;
    bottom: 10%;
    right: 10px;
    z-index:99999;
}
.menu-ico-right img{width:50px;}
.menu-ico-item{margin-bottom:10px;cursor: pointer;}
.hn-item{padding: 30px;}
.div-search{
    position: relative;
    padding-top: 5px;
    display:none;
}
.div-search input{
    background: #fff !important;
    border-radius: 15px !important;
    padding: 20px 30px !important;
    outline: none !important;
    width: 330px !important;
    margin: 0 !important;
}
.div-search a{
    position: absolute;
    top: 5px;
    right: 0;
    background: var(--mcolor);
    color: #fff;
    padding: 5px 20px;
    border-radius: 14px;
    font-size: 14px;
}
.div-search a:hover {background: var(--scolor);color:#fff;}
.box-search{
    position: absolute;
    right: -400px;
     transition: right 0.3s;
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
}
.box-search.fade{right:0;}
.home-news{padding: 10px 0;}
.hn-ttl{
    display: inline-block;
    background-size: 20px;
    padding:0;
    color: #61652c;
    font-weight: 600;
    text-transform: uppercase;
}
.hn-item{padding: 30px;}
.home-news-slide a{
}
.hn-img{
    overflow: hidden;
    border: 1px solid #cacaca;
}
.home-news .slick-prev{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    position: absolute;
    top: 50%;
    font-size: 0;
    left: -55px;
    z-index: 99999;
    background: transparent;
    border:none;
    outline:none;
}
.home-news .slick-prev:before{
    content: "";
    color: #fff;
    border: 10px solid transparent;
    border-right: 20px solid var(--scolor);
    z-index: 99999;
}
.home-news .slick-next{
-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    position: absolute;
    top: 50%;
    font-size: 0;
    right: -55px;
    z-index: 99999;
    background: transparent;
    border:none;
    outline:none;
}
/*.home-news .slick-next:focus, .home-news .slick-prev:hover{border:none;}*/
.home-news .slick-next:before{
    content: "";
    color: #fff;
    border: 10px solid transparent;
    border-left: 20px solid var(--scolor);
    z-index: 99999;
}
.home-news img{
    transition: all 0.5s ease;
}
.home-news a:hover img{
	transform: scale(1.1,1.1);
}
.home-news a:hover .hn-ttl{color:#b69649;}
.newsdetail p{margin-bottom:15px;}
video {
    display: block;
    width: 50%;
    height: auto;
    margin: 0 auto !important;
}
#slide-6 .hsContent{
	background: url(/Styles/olasen/images/bg-bt.jpg) no-repeat;
    background-size: cover;
}
#slide-6 .headline{font-size: 37px;}
#slide-6 .subtitle{font-size: 31px;}
@media screen and (max-width: 768px) {
#slide-6 .hsContent {background-size: contain;}
#slide-6 .headline{font-size: 1.1em ;}
#slide-6 .subtitle{font-size: 1.1em;}
video {width: 100%;}
.category-home-ttl{
    font-size: 13px;
    text-align: center;
}
.list-catehome {
    grid-template-columns: repeat(2, 1fr);
	padding-top: 30px;
}
.category-home{
	
}
.header-new {display:none;}
.banner{display:none;}
.banner-mb{
    display:block;
    margin-top: 45px;
    background: #e7e8e9;
    padding: 30px;
}

}
@media screen and (max-width: 640px) {

}
@media screen and (max-width: 480px) {
	.hn-item{padding: 10px;}
#slide-6 .headline, #slide-6 .subtitle {
    font-size: 1em !important;
}


.ft-col1{width:100%;text-align: center;}
.ft-col2{width:100%;padding: 0;margin-top: 20px;}
.ft-col3,.ft-col4{width:100%;margin-top: 30px;}

}