html.is-lock{
	overflow-y: hidden;
}
header{
	/* position: fixed; */
	width: 100%;
	top: 0;
	left: 0;
	transition: all .3s;
	background: #849f3d;
}
.header-menu {}

.btn-action svg {
	width: 28px;

}
.js-btn-search svg g path{
	stroke: white;
}
.header-menu{
	gap: 0 20px;
}
.header-menu .btn{
	padding: 0;
}
.btn-menu{
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	position: relative;
	padding: 0;
}
@keyframes btnMeneLine {
	0%{
		top: 0;
		transform: translateY(0);
	}
	100%{
		top: 50%;
		transform: translateY(-50%);
	}
}
@keyframes btnMeneLine2 {
	0%{
		bottom: 0;
		transform: translateY(0);
	}
	100%{
		bottom: 50%;
		transform: translateY(50%);
	}
}
.btn-menu.is-open .btn-menu__line:nth-child(2){
	opacity: 0;
}
.btn-menu.is-open .btn-menu__line:nth-child(1){
	top: 50%;
	animation: btnMeneLine .3s ease;
	transform: translateY(-50%) rotate(45deg);
	transition: all .3s 2s ease-in;
}
.btn-menu.is-open .btn-menu__line:nth-child(3){
	bottom: 50%;
	animation: btnMeneLine2 .3s ease;
	transform: translateY(50%) rotate(-45deg);
	transition: all .3s 2s ease-in;
}
.header-menu .js-btn-search{
	padding-top: 5px;
}
.btn-menu__line{
	position: absolute;
	left: 0;
	top: 0;
	height: 2px;
	width: 100%;
	background: white;
	border-radius: 8px;
	transition: all .3s ease-in;
}
.btn-menu__line:nth-child(3){
	bottom: 0;
    top: auto;
}
.btn-menu__line:nth-child(2){
	top: 50%;
	transform: translateY(-50%);
}
.menu-list{
}
.menu-list ul li a {
    color: white;
    font-size: 14px;
}

.menu-list>li>a{
	font-size: 16px;
	color: white;
	text-transform: uppercase;
	font-weight: 500;
}


.menu-list>li>ul li:not(:last-child){
	margin-bottom: 10px;
}
.menu-list>li>ul ul{
	margin-top: 10px;
	text-align: center;
}
.menu-list>li>ul ul a{
	font-size: 14px;
}

header.is-hover{
	height: 280px;
}
header.is-scroll, header.is-hover{
	background: #849f3d;
}

header.is-hover .header-top .box-header-bg, header.is-scroll .header-top .box-header-bg{
	border-bottom: 1px solid #ffffff33;
	/* background: #849f3d; */
}
header.is-hover{
}
.header-menu__form{
    position: absolute;
    right: 10px;
    width: 290px;
	top: 18px;
	z-index: 10;
	display: none;
}
.header-menu__form input{
	width: 100%;
	height: 48px;
	padding: 5px 80px 5px 10px;
}
.header-menu__form .btn{
	cursor: pointer;
}
.js-action-close-form{
	position: absolute;
	right: 8px;
	top: 50%;
    transform: translateY(-50%);
}
.js-action-close-form .btn-menu__line{
	background: #9e9e9e;
}
.submit-search{
	position: absolute;
    right: 40px;
    top: 50%;
    padding: 0;
    transform: translateY(-50%);
}
.submit-search svg{
	width: 28px;
	height: 28px;
}
.submit-search svg g path{
	stroke: #9e9e9e;
}

@media (min-width: 1200px){
	.header-collapse{
		max-width: 920px;
		margin: 0 auto;
	}
	header.is-hover .menu-list>li>ul{
		opacity: 1;
		display: block;
	}
	.menu-list>li{
		padding: 29px 10px;
		position: relative;
		width: calc(100% / 7);
		text-align: center;
	}
	.menu-list>li:not(:last-child)::after{
		content: "";
		width: 1px;
		height: 28px;
		background: white;
		opacity: .1;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		display: block;
	}
	.menu-list>li>ul{
		position: absolute;
		left: 0;
		top: 100%;
		padding-top: 30px;
		opacity: 0;
		text-align: center;
		display: none;
		width: 100%;
		transition: all .3s ease-in;
	}
	.js-toggle-mobile{
		display: none;	
	}
}
@media (max-width: 1200px){
	.header-content__center{
		display: none;
		padding: 0 10px;
	}
	.header-menu__form{
	    top: 4px;

	}
	.js-btn-search{
		display: none !important;
	}
	.header-content__center.is-open{
		display: block;
		position: absolute;
		top: 100%;
		width: 100%;
		height: calc(100vh - 57px);
        left: 0;
        overflow-y: auto;
	}
	.menu-list{
		display: block;
	}
	.menu-mobile-svg{
		display: none !important;	
	}
	.header-content>.row{
		justify-content: space-between;
	}
	.header-top .ctnr-fluid{
		padding: 10px;
	}
	header.is-hover{
		height: 100%;
	}
	.menu-list>li{
		padding: 10px 0;
		border-bottom: 1px solid #ffffff1a;
	}
	.menu-list li>ul{
		display: none;
	}
	.menu-list li.is-open>ul{
		display: block;
	}
	.menu-list ul li a {
		font-size: 15px;
	}
	
	.js-toggle-mobile{
		position: absolute;
		right: 7px;
        top: 15px;
		width: 18px;
		height: 18px;
	}
	.js-toggle-mobile::before, .js-toggle-mobile::after{
		content: "";
		height: 3px;
		width: 100%;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		z-index: 100;
		background: white;
		opacity: 0.5;
		transition: all .3s ease-in;
	}
	.js-toggle-mobile::after{
		transform: translateY(-50%) rotate(90deg);
	}
	.js-toggle-mobile.is-open::after{
		height: 0;
	}
}