header{position:fixed;top:0;width:100%;z-index:999;height:112px;background-color:#fff;box-shadow:2px -1px 14px 0 rgb(0 0 0 / 7%);-webkit-box-shadow:2px -1px 14px 0 rgb(0 0 0 / 7%);-moz-box-shadow:2px -1px 14px 0 rgba(0,0,0,.07)}
.logo.respon{display:none}
.logo{float:left;position:relative;z-index:2;display:block}
.logo img{width:185px;height:auto}
nav{max-width:1600px;margin:0 auto;width:100%;z-index:999;height:110px;position:relative;transition:.4s}
.burger:hover span{background:#fff!important}
.burger:hover{background:#9a1d31}
.burger{width:50px;height:50px;float:left;right:0;z-index:99999;top:30px;transition:.4s;-webkit-transition:.4s;cursor:pointer;border-radius:50%;border:1px solid #9a1d31;padding:9px 0 0 10px;position:absolute}
.burger span{width:27px;float:left;height:2px!important;background:#9a1d31;margin-top:7px;transition:.2s;-webkit-transition:.2s;z-index:10000}
.burger span:nth-child(2){width:16px}
.burger:hover span{background:#fff!important}
.burger.open span{background:#9a1d31}
.burger.open span:first-child{-webkit-transform:rotate(30deg) translate(3px,7px);width:30px}
.burger.open span:nth-child(2){-webkit-transform:rotate(-30deg) translate(0,-2px);width:30px}
.burger.open span:nth-child(3){opacity:0}
.menu{opacity:0;pointer-events:none;width:100%;float:left;transition:.3s;-webkit-transition:.3s}
.menu-bg{width:100%;position:relative;background:url(../images/home/head-top.png) bottom center/cover no-repeat #fff;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;margin:0 auto;text-align:center;transition:.4s;-webkit-transition:.4s}
.menu.open{opacity:1;pointer-events:all;transition:.4s;-webkit-transition:.4s;z-index:998;position:fixed;top:0}
.menu>div{top:0;width:100%;transition:.2s;-webkit-transition:.2s;z-index:1000}
.menu div ul li .box-menu{width:100%;background:#fff;padding:35px;border-radius:30px;text-align:center}
.menu div ul li .box-menu a.font-title-menu{text-align:center;font-size:21px;color:#555;font-weight:400;margin-bottom:1rem;margin-top:2rem;width:100%}
.menu div ul li .box-menu a.selectMNhead{color:#9a1d31!important;text-align:center;font-size:21px;font-weight:400;margin-bottom:1rem;margin-top:2rem;width:100%}
.menu div ul li .box-menu .font-title-menu::before{content:"";margin-right:0}
.menu div ul li .box-menu .selectMNhead::before{content:"";margin-right:0}
.menu div ul li .box-menu a.selectMN{font-size:21px;line-height:33px;font-weight:300;float:left;color:#9a1d31!important}
.menu div ul li .box-menu a{font-size:21px;line-height:33px;font-weight:300;float:left}
.menu div ul li .box-menu a::before{content:"●";font-size:12px;margin-right:10px;vertical-align:middle}
.menu div ul li .box-menu a:hover{color:#9a1d31!important}
.menu div ul li .box-menu.border-red{border:2px dashed #9a1d31}
.menu div ul li .box-menu.border-orange{border:2px dashed #e9b67b}
.menu div ul li .box-menu img{width:auto}
.menu-btn{float:right;width:97%;position:absolute;transform:translate(0,-50%);top:50%;right:50px;transition:.4s}
.menu-btn ul{padding:0;margin-top:1.4rem;text-align:right}
.menu-btn ul li{padding:0;margin:2rem 5rem 0 0;list-style:none;display:contents}
.menu-btn ul li .dot-menu{width:47px;height:47px;border-radius:50%;float:right;position:relative}
.menu-btn ul li .dot-menu:hover.color-orange{background:#9a1d31}
.menu-btn ul li .dot-menu.color-red{background:#9a1d31;margin-right:15px;transition:.4s}
.menu-btn ul li .dot-menu:hover.color-red{background:#e9b67b}
.menu-btn ul li .dot-menu.color-orange{background:#e9b67b;margin-right:15px;transition:.4s}
.menu-btn ul li .dot-menu p{color:#fff;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;font-size:20px}
.menu-btn ul li .dot-menu img{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;width:auto}
#box-social-header{float:none}
#box-social-header ul{padding:0;margin:0 auto!important;text-align:center}
#box-social-header ul li{padding:0;list-style:none;margin:0 5px;float:none;display:inline-table}
#box-social-header ul li a::before{display:none}
#box-social-header ul li a .dot-social{width:35px;height:35px;border-radius:50%;position:relative;transition:.4s;margin:auto}
#box-social-header ul li a:hover .dot-social{background:#9b9b9b!important}
#box-social-header ul li a .dot-social.fb{background:#3a559f}
#box-social-header ul li a .dot-social.line{background:#00c200}
#box-social-header ul li a .dot-social.yt{background:#cc181e}
#box-social-header ul li a .dot-social img{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;width:auto}
#box-social-header ul li a .dot-social img.yt{width:19px;height:auto}
#box-social-header ul li a{float:none}
.btn-menu img{width:auto}
#accordion{display:none}
.header-social{width:95%;display:block;margin:0 auto;text-align:center;color:#fff;z-index:1001}
.header-social-list{list-style:none;display:inline-block;cursor:pointer;transition:.4s}
.header-social-list span{color:#fff;margin-left:10px}
.header-social-list:first-child .header-social-icon:nth-child(1),.header-social-list:nth-child(2) .header-social-icon:first-child,.header-social-list:nth-child(3) .header-social-icon:first-child{width:35px;height:35px;background:#3a559f;text-align:center;line-height:35px;border-radius:50%;position:relative;overflow:hidden;display:inline-block;vertical-align:middle}
.header-social .header-social-list:nth-child(4) .header-social-icon:first-child{width:35px;height:35px;background:#00c200;text-align:center;line-height:36px;border-radius:50%;position:relative;overflow:hidden;display:inline-block;vertical-align:middle}
.header-social .header-social-list:nth-child(5) .header-social-icon:first-child,.header-social .header-social-list:nth-child(6) .header-social-icon:first-child{width:35px;height:35px;background:#cc181e;text-align:center;line-height:35px;border-radius:50%;position:relative;overflow:hidden;display:inline-block;vertical-align:middle}
.header-social .header-social-list:nth-child(7) .header-social-icon:first-child{width:35px;height:35px;background:#0204b1;text-align:center;line-height:35px;border-radius:50%;position:relative;overflow:hidden;display:inline-block;vertical-align:middle}
.header-social .header-social-list:nth-child(8) .header-social-icon:first-child{width:35px;height:35px;background:#fe5722;text-align:center;line-height:35px;border-radius:50%;position:relative;overflow:hidden;display:inline-block;vertical-align:middle}
.header-social-list:nth-child(7) .header-social-icon img:first-child{width:22px;height:auto}
.header-social-list:nth-child(8) .header-social-icon img:first-child{width:18px;height:auto}
.header-social-list a:hover span{color:#e9b67b!important;transition:.4s}
.header-social-list a:hover .header-social-icon{background:#9b9b9b!important;transition:.4s}
.header-social .header-social-list:first-child .header-social-icon img:nth-child(1),.header-social .header-social-list:nth-child(2) .header-social-icon img:first-child,.header-social .header-social-list:nth-child(3) .header-social-icon img:first-child{width:9px;height:18px}
.header-social .header-social-list:nth-child(4) .header-social-icon img:first-child,.header-social .header-social-list:nth-child(5) .header-social-icon img:first-child,.header-social .header-social-list:nth-child(6) .header-social-icon img:first-child{width:20px;height:19px}
.header-social .header-social-list{margin:0 35px 20px}
.menu div ul li .box-menu a.icn::before{content:""}
.menu div ul li .box-menu a.icn{float:none}
.menu div ul li .box-menu a.icn:hover{float:none}
.menu div ul li .box-menu a.icn img{transition:.3s}
.menu div ul li .box-menu a.icn:hover img{filter:invert(14%) sepia(46%) saturate(5450%) hue-rotate(338deg) brightness(89%) contrast(90%)}
@-webkit-keyframes hoverRotate {0% {-webkit-transform: rotate(-45deg) translate(-60px, 0);}50% {-webkit-transform: rotate(-45deg) translate(0, 0);}100% {-webkit-transform: rotate(45deg) translate(0, 0);}}
.bg-top {background: url(../images/home/header-top.webp) no-repeat top center #fcf3ea;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;padding: 6rem 0;}
.bg-bottom {background: url(../images/home/header-bottom.webp) no-repeat top center;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;height: 100vh;padding-top: 7rem;margin-top: -7rem;}
.box-bg-red{background:#9a1d31;height:100vh}
.border-dashed{padding:30px;border:2px dashed #e9b67b;border-radius:30px;background:#fff}
.box-menu-desktop{max-width:1400px;width:100%;margin:0 auto}
.menu-position{padding:20px;z-index:1001}
.menu-position span{font-size:20px;text-align:center;margin:25px 0;display:block}
.menu-position a:hover span{color:#9a1d31!important}
.menu-position a.selectMNhead span{color:#9a1d31!important}
.menu-position img{margin:0 auto;display:block;height:auto}
.menu-position a img{transition:.3s}
.menu-position a:hover img{filter:invert(14%) sepia(46%) saturate(5450%) hue-rotate(338deg) brightness(89%) contrast(90%)}
.menu-position:first-child,.menu-position:nth-child(5){width:28%}
.menu-position:nth-child(2){width:20%}
.menu-position:nth-child(6){width:20%;margin-top:-5rem}
.menu-position:nth-child(3){width:20%}
.menu-position:nth-child(7){width:20%;margin-top:-13rem}
.menu-position:nth-child(4){width:24%}
.menu-position:nth-child(8){width:24%;margin-top:-4rem}
.menu-position:nth-child(6) h2,.menu-position:nth-child(8) h2{margin-bottom:0!important}
.menu-position ul{margin-bottom:0}
.menu-position ul li{font-size:20px;margin-bottom:5px;font-weight:300}
.menu-position ul li::marker{color:#555;font-size:.75em}
.menu-position ul li:last-child{margin-bottom:0}
.menu-position ul li a:hover{color:#9a1d31!important}
.menu-position ul li a.selectMN{color:#9a1d31!important}
.menu-img-ginseng{position:absolute;bottom:50%;transform:translate(0,25%)}
.menu-position:nth-child(1) img {width: 88px;}
.menu-position:nth-child(2) img {width: 52px;}
.menu-position:nth-child(3) img {width: 60px;}
.menu-position:nth-child(4) img {width: 88px;}
.menu-position:nth-child(6) img {width: 90px;}
.menu-position:nth-child(7) img {width: 100px;}
.menu-position:nth-child(8) img {width: 55px;}



@media screen and (max-width:1680px){
    .bg-top{padding:5rem 0}
    .bg-bottom{margin-top:-4rem}
    .menu-position:nth-child(1) img {width:80px}
    .menu-position:nth-child(2) img {width:44px}
    .menu-position:nth-child(3) img {width:45px}
    .menu-position:nth-child(4) img {width:70px}
    .menu-position:nth-child(6) img {width:75px}
    .menu-position:nth-child(7) img {width:80px}
    .menu-position:nth-child(8) img {width:45px}
    .menu-position span{margin:20px 0}
}

@media screen and (max-width:1600px){
    .menu-position ul li{font-size:17px}
    .menu-position span{font-size:17px}
    .menu-position:first-child img,.menu-position:nth-child(6) img{width:65px}
    .menu-position:nth-child(2) img{width:35px}
    .menu-position:nth-child(3) img{width:40px}
    .bg-top{padding:4rem 0}
    .bg-bottom{padding-top:6rem;margin-top:-4rem}
    .box-menu-desktop{max-width:1366px}
    .img-som-header{transform:scale(.7)}
    .menu-img-ginseng{transform:translate(0,45%)}
    .menu-position:nth-child(7){margin-top:-12rem}
}


@media screen and (max-width: 1536px) {
    nav{height:90px}
    header{height:90px}
    #wrapper{margin-top:5.25rem}
    .burger{width:47px;height:47px;top:25px;padding:6px 0 0 10px}
    .burger span{width:25px}
    .menu-btn ul li .dot-menu{width:42px;height:42px}
    .menu-btn ul li .dot-menu p{font-size:19px}
    .logo img{width:165px}
    #container-fade .btn-primary{font-size:16px!important}
    .menu-btn{top:49%}
    .border-dashed{padding:20px}
    .menu-position:nth-child(1),.menu-position:nth-child(5) {width: 26%;}
    .menu-position:nth-child(2) {width: 18%;}
    .menu-position:nth-child(3) {width: 17%;}
    .menu-position:nth-child(4) {width: 20%;}
    .menu-position:nth-child(6) {width: 18%;}
    .menu-position:nth-child(7) {width: 17%;}
    .menu-position:nth-child(8) {width: 20%}
    .menu-position ul li{font-size:16px}
    .menu-position span{font-size:16px}
    .menu-position ul{padding-left:30px}
    .menu-img-ginseng{transform:translate(0,35%)}
}


@media screen and (max-width: 1400px) {
    .header-social{width:90%}
}


@media screen and (max-width: 1366px) {
    .header-social .header-social-list{margin-bottom:15px}
    .menu-position:nth-child(1) img {width: 60px;}
    .menu-position:nth-child(4) img {width: 65px;}
    .menu-position:nth-child(6) img {width: 60px;}
    .menu-position:nth-child(7) img {width: 75px;}
    .menu-position:nth-child(8) img {width: 42px;}
    .bg-top{padding:3rem 0}
    .menu-position ul li{font-size:15px}
    .menu-position span{font-size:15px;margin:15px 0}
    .menu-position:nth-child(7){margin-top:-10.3rem}
    .header-social-list span{font-size:15px}
    .bg-bottom{margin-top:-4rem;padding-top:4rem}
    .menu-position:nth-child(6){margin-top:-4rem}
}


@media screen and (max-width: 1344px) {
    .bg-bottom{padding-top:5rem}
    .menu-position:nth-child(1) img {width: 50px;}
    .menu-position:nth-child(2) img {width: 30px;}
    .menu-position:nth-child(3) img {width: 35px;}
    .menu-position:nth-child(4) img {width: 55px;}
    .menu-position:nth-child(6) img {width: 50px;}
    .menu-position:nth-child(7) img {width: 65px;}
    .menu-position:nth-child(8) img {width: 35px;}
    .menu-position ul {padding-left: 20px;}
}


@media screen and (max-width: 1280px) {
    .menu div ul li .box-menu a.selectMNhead{margin-top:0}
    .bg-bottom{margin-top:-6rem;padding-top:4rem}
    .bg-top{padding:3rem 0}
}


@media screen and (max-width: 1120px) {
    .menu-position{padding:15px}
    .border-dashed{padding:15px}
    .menu-position:nth-child(1) img { width: 45px;}
    .menu-position:nth-child(4) img {width: 50px;}
    .menu-position:nth-child(7) img {width: 60px;}
    .bg-top{padding:3rem 0}
    .bg-bottom{padding-top:4rem;margin-top:-3rem}
    .header-social .header-social-list{margin:0 25px 20px}
    .menu-img-ginseng{transform:translate(0,18%)}
}


@media screen and (max-width: 1080px) {
    .menu div ul li .box-menu a.selectMNhead{margin-top:0}
    .menu div ul li .box-menu a{font-size:18px!important}
    .menu div ul li.dis01{width:33%}
    .menu div ul li.dis02{width:21%}
    .menu div ul li.dis03{width:24%}
    .menu div ul li.li07{margin-top:-10rem!important}
    .menu div ul li .box-menu a.font-title-menu{margin-bottom:1.2rem}
}


@media screen and (max-width: 1024px) {
    .menu div ul li .box-menu a{font-size:15px!important;line-height:26px!important}
    .menu div ul li.dis01{width:30%}
    .menu div ul li.dis02{width:22%}
    .menu div ul li.dis03{width:26%}
    .header-social{width:100%}
    .menu-position:nth-child(6) {margin-top: -5rem;}
    .menu-position:nth-child(7) {margin-top: -9.3rem;}
    .bg-top{padding:5rem 0}
    .bg-bottom{margin-top:-4rem}
}


@media screen and (max-width: 820px) {
    .header-social{width:100%;transform:translate(0,60%)}
    nav{width:100%!important;box-shadow:2px -1px 14px 0 rgb(0 0 0 / 7%);-webkit-box-shadow:2px -1px 14px 0 rgb(0 0 0 / 7%);-moz-box-shadow:2px -1px 14px 0 rgba(0,0,0,.07);background:#fff}
    .logo.respon{display:block}
    .logo.respon img{margin-top:9px;margin-left:15px}
    .logo{display:none}
    .menu-btn{margin-top:-10px;right:80px}
    .burger{right:30px}
    .menu>div{overflow:scroll}
    .menu{width:100%;border:0}
    .menu-bg{background:#fff!important}
    .header-social,.menu div ul.desktop{display:none}
    .responsive-menu{width:100%;text-align:left}
    .bg-responsive{height:100vh;background:#fff!important}
    .card-header a.selectMNheadres{font-weight:400;color:#9a1d31!important;text-decoration:none;padding:0;font-size:20px;width:100%;text-align:left;position:relative}
    #accordion{display:block}
    .card{border:none}
    .card-header{background-color:transparent;border-bottom:1px solid #cccccc7a;padding:20px 0}
    .btn-link{font-weight:400;color:#555;text-decoration:none;padding:0;font-size:20px;width:100%;text-align:left;position:relative}
    .btn-link:hover{color:#555;text-decoration:none}
    .btn-link:focus{outline:0!important}
    .card-body a{font-size:20px;line-height:42px;font-weight:300}
    .card-header img.icon-arrow{position:absolute;right:0;width:auto;transform:translate(-50%,35px);top:0}
    .card-body a.selectMNres{color:#9a1d31!important}
    .menu-btn ul{margin-top:1.8rem}
    .menu div ul{transform:unset;padding-left:0;margin:7rem 0 0!important}
    .bg-bottom,.bg-top{display:none}
}


@media screen and (max-width: 800px) {
    .page{width:100%;left:0;padding:20px;margin-left:0}
}