/* header */

#header{display: block; position: relative;z-index: 999;padding: 10px 30px; -webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
#header.sticky {position: fixed;top: 0;width: 100%; z-index: 999;background: #fff;box-shadow: 0 3px 15px rgba(0,0,0,0.10);}
#header .navbar-brand{display: inline-block; margin-top: 15px;}
#header.sticky .navbar-brand{padding: 0;margin-top: 0px;}

.header .item-right a{ text-decoration: none;font-size: 16px;color:#555555;display: inline-block;margin-left: 10px;transition: color 0.3s ease;}
.header .menu{display: inline-block;display: flex; justify-content: flex-end;margin-top: 20px;}
#header.sticky .header .menu{margin-top: 0;}
.header .menu > ul > li{display: inline-block;line-height: 40px;margin-left: 25px;}
.header .menu ul li a{font-size: 17px; font-weight: 500;color: #0E142F; line-height: 50px;position: relative;transition: color 0.3s ease;}
.header .menu ul li a.active{color: #05672A;}
.header .menu ul li .sub-menu{position: absolute;z-index: 500;background-color:#ffffff;	box-shadow: -2px 2px 70px -25px rgba(0,0,0,0.3); padding: 15px 25px;transition: all 0.5s ease;margin-top:25px;opacity:0;visibility: hidden;}

@media(min-width: 1200px){
.header .menu > ul > li.menu-item-has-children:hover .sub-menu{margin-top: 0;visibility: visible;opacity: 1;}
}

.header .menu > ul > li .sub-menu ul li{line-height: 1;}
.header .menu > ul > li .sub-menu ul li a{display: inline-block;font-size: 15px; color: #0E142F;font-weight: 500;text-decoration: none;line-height: 35px;}

.header .menu > ul > li .sub-menu ul li a:hover, .header .item-right a:hover, .header .menu > ul > li:hover > a{color:#05672A;}
.mobile-menu-head, .mobile-menu-trigger{display: none;}

/*responsive*/
@media(max-width: 1199px){
#header{padding: 10px 0px;}
.header .item-center{order:3;flex:0 0 100%;}
.header .item-left, .header .item-right{flex:0 0 auto;}
.header .mobile-menu-trigger{display: flex;height: 30px;width: 30px;margin-left: 15px;cursor: pointer;align-items: center;justify-content: center;margin-top: 20px;}
#header.sticky .header .mobile-menu-trigger{margin-top: 10px;}
#header.sticky .mobile-menu-trigger span{background: #1F222E;}
#header.sticky .mobile-menu-trigger span:before, #header.sticky .mobile-menu-trigger span:after{background: #1F222E;}
.header .mobile-menu-trigger span{display: block;height: 2px;background-color: #1F222E;width: 24px;position: relative;}
.header .mobile-menu-trigger span:before, .header .mobile-menu-trigger span:after{content: '';position: absolute; left:0; width: 100%; height: 100%;background-color: #1F222E;}
.header .mobile-menu-trigger span:before{top:-6px;}
.header .mobile-menu-trigger span:after{top:6px;}
.header .item-right{align-items: center;justify-content: end;display: flex;}
.header .menu{position: fixed;width: 320px;background-color:#ffffff;left:0;top:0;height: 100%;overflow: hidden; transform: translate(-100%); transition: all 0.5s ease;z-index: 1099;margin-top: 0;display: block;}
.header .menu.active{transform: translate(0%);}
.header .menu > ul > li{line-height: 1;	margin:0;display: block;}
.header .menu > ul > li > a{line-height: 50px;height: 50px;	padding:0 50px 0 15px;display: block;border-bottom: 1px solid rgba(0,0,0,0.1);color: #1F222E;}
.header .menu > ul > li > a i{position: absolute;height: 50px;width: 50px;top:0;right: 0;text-align: center;line-height: 50px;transform: rotate(-90deg);}
.header .menu .mobile-menu-head{display: flex;height: 50px;border-bottom: 1px solid rgba(0,0,0,0.1);justify-content: space-between;	align-items: center;position: relative;z-index: 501;position: sticky;background-color: #ffffff;top:0;}
.header .menu .mobile-menu-head .go-back{height: 50px;width: 50px;border-right: 1px solid rgba(0,0,0,0.1);cursor: pointer;line-height: 50px;text-align: center;color:#000000;font-size: 16px;display: none;}
.header .menu .mobile-menu-head.active .go-back{display: block;}
.header .menu .mobile-menu-head .current-menu-title{font-size: 15px;font-weight: 500;}
.header .menu .mobile-menu-head .mobile-menu-close{height: 50px;width: 50px;border-left: 1px solid rgba(0,0,0,0.1);cursor: pointer;line-height: 50px;text-align: center;color:#000000;font-size: 25px;}
.header .menu .menu-main{height: 100%;overflow-x: hidden;overflow-y: auto;}
.header .menu > ul > li .sub-menu.mega-menu, .header .menu > ul > li .sub-menu{	visibility: visible;opacity: 1;	position: absolute;	box-shadow: none;margin:0;padding:15px;top:0;left:0;width: 100%;height: 100%;padding-top: 65px;max-width: none;min-width: auto;display: none;transform: translateX(0%);	overflow-y: auto;}
.header .menu > ul > li .sub-menu.active{display: block;}
@keyframes slideLeft{
	0%{opacity:0;transform: translateX(100%);}
	100%{opacity:1;transform: translateX(0%);}
}
@keyframes slideRight{
	0%{opacity:1;transform: translateX(0%);}
	100%{opacity:0;transform: translateX(100%);}
}

.header .menu > ul > li .sub-menu > ul > li > a, .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a{display: block;}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {margin-bottom: 15px;}
.menu-overlay{position: fixed;background-color: rgba(0,0,0,0.5);left:0;top:0;width: 100%;height: 100%;z-index: 1098;visibility: hidden;	opacity:0;transition: all 0.5s ease;}
.menu-overlay.active{visibility: visible; opacity:1;}
    
.header .menu .menu-main li:last-child{padding: 10px;}
.header .menu .menu-main li .green-bordered{border: 2px solid #05672A;padding: 0 15px 0 15px;}
.header .sub-menu .list-item li:last-child{padding: 0;}
}