/**** Navigation menu *********************/
@media screen and (min-width: 1000px) {
	.fa-angle-down { display: inline-block; padding-left: 4px; line-height: 1px; }
	#toggle{ display:none;}
	#menu{ width:100%; position: relative; background-color: #2e3192; border-bottom: 1px solid #010101; }

	ul.nav-menu { width: 100%;text-align: center; }
	
	ul.nav-menu,
	div.nav-menu > ul { margin:0; padding:0; list-style:none; font-size:0; }
	
	ul.nav-menu > li {margin:0; padding:0; list-style:none; display: inline-block; font-weight: 400; font-size:15px; text-transform: uppercase; position: relative; text-align:center; }
	ul.nav-menu li:first-child { background:none; }	
		
	ul.nav-menu li li{ margin: 0; display: block; background:none; font-weight: 400; font-size:14px; padding-right:0px!important; border: none; text-align: left; }
	ul.nav-menu > li a { color:#fff; text-transform: uppercase; font-weight: 400; padding:10px 25px; margin: 0; display:block;}
		
	ul.nav-menu li a:hover{ color: #a2d7dd; }
	ul.nav-menu > li.current-menu-item > a, ul.nav-menu > li.current-menu-item.dropdown > a{ color: #fff; background-color: #1facf5; }
		
	ul.nav-menu li:hover > a,
	ul.nav-menu li a:hover,
	ul.nav-menu li:focus > a,
	ul.nav-menu li a:focus {
		color: #a2d7dd; 
	}
	
	.nav-menu .sub-menu,
	.nav-menu .children {
		background-color: #2e3192;
		border-top: 0;
		padding: 0;
		position: absolute;
		left: 0px;
		z-index: 99999;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
	}
	
	.nav-menu .sub-menu ul,
	.nav-menu .children ul {
		left: 100%;
		top: 0;
	}
	
	ul.nav-menu ul a,
	.nav-menu ul ul a {
		color: #fff;
		margin: 0;
		width: 220px;
		padding: 5px 12px;
		font-size: 13px;		
	}
	
	ul.nav-menu ul a:hover,
	.nav-menu ul ul a:hover,
	ul.nav-menu ul a:focus,
	.nav-menu ul ul a:focus {
		background: none;
		background-color: #1facf5;
		color:#fff;
	}
	
	ul.nav-menu li:hover > ul,
	.nav-menu ul li:hover > ul,
	ul.nav-menu .focus > ul,
	.nav-menu .focus > ul {
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
	}
	
	.nav-menu .current_page_item > a,
	.nav-menu .current_page_ancestor > a,
	.nav-menu .current-menu-item > a,
	.nav-menu .current-menu-ancestor > a {
		color: #fff;
	}
	
	.nav-menu .current_page_item > a:hover,
	.nav-menu .current_page_ancestor > a:hover,
	.nav-menu .current-menu-item > a:hover,
	.nav-menu .current-menu-ancestor > a:hover {
		color: #a2d7dd;
	}
}

@media screen and (max-width: 999px) {
/*** Responsive menu X icon*********************/
.gn-icon-menu {
	display: block;
	padding: 17px 5px 5px 5px;
	width: 35px;
	height:auto;
	background:#000;
	color:#fff;
	font-size:10px;
	box-sizing: border-box;
	text-align: left;
}
a.gn-icon-menu:hover { color: #fff; }
.gn-icon-menu menutitle { display: block; margin-top: 10px;}
.gn-icon-menu span {
	background: #fff;
	display: block;
	position: relative;
	-webkit-transform: translate3d(0,0,0);
}
.gn-icon-menu span,
.gn-icon-menu span:before,
.gn-icon-menu span:after {
	width: 100%;
	height: .2em;
	-moz-transition:       all 0.4s;
	-o-transition:         all 0.4s;
	-webkit-transition:    all 0.4s;
	transition:            all 0.4s;
	-webkit-transform: translate3d(0,0,0);
}
.gn-icon-menu span:before,
.gn-icon-menu span:after {
	background: #fff;
	content: " ";
	margin-top: -.6em;
	position: absolute;
}
.gn-icon-menu span:after {
	margin-top: .6em;
}
.gn-icon-menu.on span {
	background: transparent;
}
.gn-icon-menu.on span:before {
	-moz-transform: rotate(45deg) translate(.5em, .4em);
	-ms-transform: rotate(45deg) translate(.5em, .4em);
	-o-transform: rotate(45deg) translate(.5em, .4em);
	-webkit-transform: rotate(45deg) translate(.5em, .4em);
	transform: rotate(45deg) translate(.5em, .4em);
}
.gn-icon-menu.on span:after {
	-moz-transform: rotate(-45deg) translate(.45em, -.35em);
	-ms-transform: rotate(-45deg) translate(.45em, -.35em);
	-o-transform: rotate(-45deg) translate(.45em, -.35em);
	-webkit-transform: rotate(-45deg) translate(.45em, -.35em);
	transform: rotate(-45deg) translate(.45em, -.35em);
}
/*** Scrollbar *********************/
#menu::-webkit-scrollbar { 
	display: none; 
}
/*** Responsive Menu position *********************/
#menu{
	transition: all 0.3s ease;
	position: fixed;
	width: 0%;
	top: 0;
	right: -300px;
	background: #2e3192;
	height: 100%;
	z-index: 999;
	box-shadow: 0px 0px 10px black;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
} 
#toggle{
	position: fixed;
	top: 5px;
	right:5px;
	z-index: 1000;
}
#toggle:hover{
	cursor: pointer;
}
#menu.open{
	right: 0;
	width: 300px;
	display: block;
}
#toggle.open{
	right:20px;
}
#menu a{
	display: block;
	text-decoration: none;
	padding:0;
	margin:0;
	transition: all 0.2s ease;
	outline-style:none;
}

/*** Change Menu code from here *********************/ 
#menu ul{ margin:70px 0 0 0; padding:0; list-style:none;}
#menu ul ul{ margin:0; }
#menu ul li{ margin:0; padding:0; list-style:none; line-height:normal; border-top:1px solid #5154c3; text-align: left; }
#menu ul li a{ color:#fff; font-size:16px; padding:7px 15px; font-weight: bold;}
#menu ul li a:hover{ color:#fff; background:#181818;}
#menu li li { padding-left: 10px; }
#menu li li a { font-weight: normal; }
.fa-angle-down { display: none; }