.nav-menu{

	padding: 0;

}

 .menu > .menu-item{

	display: inline-block;

	margin-left: 45px;

	position: relative;

}

 .menu > .menu-item > a{

	padding: 18px 0;

	transition: all 0.3s ease;

	color: #fff;

	font-size: 18px;

	text-transform: uppercase;

	position: relative;

}

header:not(.fix-header) .menu > .menu-item > a::before{

	content: "";

	height: 62px;

	width: 1px;

	background: #fff;

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	top: -124px;

	opacity: 0;

	transition: ease-in-out 0.6s;

}

header:not(.fix-header) .menu > .menu-item > a:hover::before, header:not(.fix-header) .menu > .menu-item.current_page_item > a::before{

	top: -62px;

	opacity: 1;

}
 

.fix-header .menu > .menu-item > a{

	color: #000;

} 

.menu > .menu-item > a.menu-icon{

	display: none;

}

 .menu > .menu-item > a .plus{

	display: inline-block;

	height: 12px;

	width: 12px;

	position: relative;

	margin-left:5px; 

	pointer-events: none;

}

 .menu > .menu-item > a .plus:before,

 .menu > .menu-item > a .plus:after{

	content:'';

	position: absolute;

	box-sizing: border-box;

	left: 50%;

	top:50%;

	background-color: #000000;

	height: 2px;

	width: 100%;

	transform: translate(-50%,-50%);

	transition: all 0.3s ease;

}

 .menu > .menu-item:hover > a .plus:before,

 .menu > .menu-item:hover > a .plus:after{

   background-color: #0973ba;

}

 .menu > .menu-item > a .plus:after{

   transform: translate(-50%,-50%) rotate(-90deg);	

}

.menu > .menu-item > .sub-menu > .menu-item > a:hover{

	color: #0973ba;

}

 .menu > .menu-item > .sub-menu{

	box-shadow: 0 0 10px rgba(0,0,0,0.2);

	width: 220px;

	position: absolute;

	left:0;

	top:42px;

	background-color: #ffffff;

	padding: 10px 0;

	border-top: 3px solid #0973ba;

	transform: translateY(10px);

	transition: all 0.3s ease;

	opacity:0;

	visibility: hidden;

}



@media(min-width: 1199.99px){

 .menu > .menu-item-has-children:hover > .sub-menu{

	transform: translateY(0);

	opacity: 1;

	visibility: visible;

 }

  .menu > .menu-item-has-children:hover > a .plus:after{

    transform: translate(-50%,-50%) rotate(0deg);		

 }

}

 .menu > .menu-item > .sub-menu > .menu-item{

	display: block;

}

 .menu > .menu-item > .sub-menu > .menu-item > a{

	display: block;

	padding: 10px 20px;

	font-size: 16px;

	font-weight: 500;

	color: #000000;

	transition: all 0.3s ease;

	text-transform: capitalize;

}

.open-nav-menu {

	height: 24px;

	width: 26px;

	margin-right: 0;

	display: none;

	align-items: center;

	justify-content: center;

	cursor: pointer;

}

.open-nav-menu span {

	display: block;

	height: 1px;

	width: 26px;

	background-color: #000000;

	position: relative;

}

.open-nav-menu span::before, .open-nav-menu span::after {

	content: '';

	position: absolute;

	left: 0;

	width: 100%;

	height: 1px;

	background-color: #000000;

	box-sizing: border-box;

}

 .open-nav-menu span:before{

	top:19px;

}

 .open-nav-menu span:after{

	top:10px;

}

.close-nav-menu {

	height: 16px;

	width: calc(100% - 20px);

	background-color: #ffffff;

	margin:-5px 0 5px 20px;

	cursor: pointer;

	display: none;

	align-items: center;

	justify-content: flex-start;

	display: none !important;

}

 .close-nav-menu img{

	width: 16px;

}

 .menu-overlay{

	position: fixed;

	z-index: 999;

	background-color: rgba(0,0,0,0.5);

	left:0;

	top:0;

	height: 100%;

	width: 100%;

	visibility: hidden;

	opacity:0;

	transition: all 0.3s ease;

}



/*home section*/

.home-section{

	width: 100%;

	display: block;

	min-height: 100vh;

	background-image: url('../img/home.jpg');

	background-position: center top;

	background-size: cover;

}





/* responsive */



@media (max-width: 1199.98px) {



	 .menu-overlay.active{

	visibility: visible;

	opacity: 1;

}

	 .nav-menu{

		position: fixed;

		right: -280px;

		visibility: hidden;

		width: 280px;

		height: 100%;

		top:0;

		overflow-y: auto;

		background-color: #fff;

		z-index: 1000;

		padding: 15px 0;

		transition: all 0.5s ease;

	}

	 .nav-menu.open{

		visibility: visible;

		right: 0px;

	}

	 .menu > .menu-item{

		display: flex;

		flex-wrap: wrap;

		width: 100%;

		justify-content: space-between;

		margin:0;

		border-bottom: 1px solid rgba(0,0,0,0.10);

	}

	

	 .menu > .menu-item-has-children > a{

		display: flex;

		justify-content: space-between;

		align-items: center;

	}

	.menu > .menu-item > a{

		color: #000;

		padding: 8px 20px;

		font-size: 14px;

	}

	.menu > .menu-item > a:not(.menu-icon) {

		display: inline-block;

		width: 100%;

	} 

	.menu > .menu-item.menu-item-has-children > a:not(.menu-icon) {

		display: inline-block;

		width: calc(100% - 50px);

	}

	.menu > .menu-item > a.menu-icon {

		display: inline-block;

		padding: 8px 10px;

	}



	 .menu > .menu-item > a .plus:before, 

	 .menu > .menu-item > a .plus:after{

		background-color: #000;

	}

	 .menu > .menu-item-has-children.active > a .plus:after{

        transform: translate(-50%,-50%) rotate(0deg);

	}

	 .menu > .menu-item > .sub-menu{

		width: 100%;

		position: relative;

		opacity: 1;

		visibility: visible;

		border:none;

		background-color: transparent;

		box-shadow: none;

		transform: translateY(0px);

		padding: 0px;

		left: auto;

		top:auto;

		max-height: 0;

		overflow: hidden;

	}



	 .menu > .menu-item > .sub-menu > .menu-item > a{

		padding: 8px 40px;

		font-size: 14px;

		color: rgba(0,0,0,0.80);

		font-weight: 400;

	}

	 .close-nav-menu,

	 .open-nav-menu{

		display: block!important;

	}

	

	.menu > .menu-item > .sub-menu > .menu-item{

		border-top: 1px solid rgba(0,0,0,0.10);

	}

}