@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed:400,400i,500,500i,600,600i,700,700i,800,800i|Fira+Sans:400,400i,500,500i,600,600i,700,700i,800,800i|Oswald&display=swap');

/**

 * @package Jms Responsive Menu

 * @version 1.0

 * @Copyright (C) 2009 - 2013 Joommasters.

 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL

 * @Website: http://www.joommasters.com

 * CUSTOMISED BY AJL DESIGN

**/

.desktop-off #jmsresmenu {
	display:none!important;
}


#jmsresmenu {
	float:right;
	font-family:'Oswald', Arial, Helvetica, sans-serif;
	z-index:9999;
	padding: 0 0 0 0; margin:0
}


#jmsresmenu ul.menu {  padding: 0 0 0 0; margin:0; z-index:9999;}


/* Top Level */
#jmsresmenu li {
	text-align: left!important;
	display: inline-block!important;
	float: left;
	height:3.5em;
	background-image: none;
	margin:0;
	border-right: 1px solid rgba(255,255,255,0.3);
}


#jmsresmenu li.active a { 
	color: #333333; 
}


#jmsresmenu li:first-child {
	border-left: 1px solid rgba(255,255,255,0.3);
}


#jmsresmenu li li:first-child {
	border-left: 0;
}


#jmsresmenu li a {
	display:block!important;
	line-height:1em;
	padding:1.1em 1.3em 1.3em 1.3em;
	font-size:1em;
	text-decoration:none;
	background:transparent;
	color: #ffffff;	
	font-weight:normal;	
	letter-spacing:0.05em;
}



@media all and (min-width:75em)
{
	#jmsresmenu li { 
	margin:0;
	height:4.5em; 
	}
	
	#jmsresmenu li a { 
	font-size:1.3em;
	padding:1.1em 1.1em 1.2em 1.1em; 
	}
	
}



#jmsresmenu li:hover,
#jmsresmenu li:focus {
	background-image: url(../images/nav-hover.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}


#jmsresmenu li:active,
#jmsresmenu li.active  {
	background-image: url(../images/nav-active.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}


#jmsresmenu li.parent:hover,
#jmsresmenu li a:hover,
#jmsresmenu li a:focus {
	color:#000000;
	text-decoration:none;
}


#jmsresmenu li a:active,
#jmsresmenu li.active { 
	color:#333333;
	text-decoration:none; 
}


#jmsresmenu li {
	position:relative!important;
}



/* 2nd Level */
#jmsresmenu li ul {
	margin: 0!important;
	padding:0px;
	text-align:left;
	background:#E67817;	
	left:-0px;
	-moz-transition: top 0.4s;
  	transition: top 0.4s;
  	-webkit-transition: top 0.4s;  	
  	top:3.5em;
  	width:300px;
  	display:block;
  	visibility:hidden;
  	opacity:0;
  	position:absolute!important;
	border:1px solid #E67817;
	z-index:9999;
	border-top:1px solid #E67817;
}


#jmsresmenu li:hover ul {
	position:absolute!important;
	visibility:visible;
	top:3.5em!important;
	left:-0px;
	opacity:1;
	-moz-transition: opacity 0.4s;
  	transition: opacity 0.4s;
  	-webkit-transition: opacity 0.4s; 
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 5px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.5);
	z-index:9999;
	border-top:1px solid #E67817;
}







#jmsresmenu li li {
	display:block!important;
	border-right: 0;
	float:none;
	height:auto;
	margin: 0 0;
}


#jmsresmenu li li a {
	font-family:'Fira Sans Condensed', Arial, Helvetica, sans-serif;
	font-weight:normal;
	border:none!important;
	display:block!important;
	padding:0.5em 1.3em;
	font-size:0.9em;
	border-bottom:1px solid #EB9345!important;
	color:#ffffff;
	text-transform:none;
}

#jmsresmenu li.active li a { color: #ffffff; }

#jmsresmenu li a li.active a { color: #ffffff; }


@media all and (min-width:75em)
{
	#jmsresmenu li ul { top:4.5em!important; }
	#jmsresmenu li:hover ul { top:4.5em!important; }
	
	#jmsresmenu li li a {
	font-size:1em;
	}
	
}
#jmsresmenu li li:hover,
#jmsresmenu li li:focus {
	background-image: none;
}


#jmsresmenu li li:active,
#jmsresmenu li li.active  {
	background-image: none;
}



#jmsresmenu li li a:hover {
	background-color: rgba(0,0,0,0.2);
	color:#ffffff;
	border-bottom:1px solid #EB9345!important;
}


#jmsresmenu li li.active a { 
	background-color: rgba(0,0,0,0.1);
	color:#ffffff; 
}


#jmsresmenu li li.active,
#jmsresmenu li li { }


#jmsresmenu li li.item-129 a {
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}



/* 3rd Level */
#jmsresmenu li ul li ul {
	margin:0px 0px 0px 0px!important;
	padding:0px;
	text-align:left;
	background:#111111;	
	left:230px;
	-moz-transition: top 0.9s;
  	transition: top 0.9s;
  	-webkit-transition: top 0.9s;  	
  	top:0em;
  	width:230px;
  	display:block;
  	visibility:hidden;
  	opacity:0;
  	position:absolute!important;
	border:1px solid #000000;
	z-index:9999;
	border-top:1px solid #610031;
}


#jmsresmenu li:hover ul li ul {
	margin:0px 0px 0px 0px!important;
	padding:0px;
	text-align:left;
	background:#111111;	
	left:230px;
	-moz-transition: top 0.8s;
  	transition: top 0.8s;
  	-webkit-transition: top 0.8s;  	
  	top:0em;
  	width:230px;
  	display:block;
  	visibility:hidden;
  	opacity:0;
  	position:absolute!important;
	border:1px solid #000000;
	z-index:9999;
	border-top:1px solid #610031;
}


#jmsresmenu li ul li:hover ul {
	position:absolute!important;
	visibility:visible;
	top:0em!important;
	left:230px;
	opacity:1;
	-moz-transition: opacity 0.4s;
  	transition: opacity 0.4s;
  	-webkit-transition: opacity 0.4s; 
	-moz-border-radius: 0 0 15px 0;
	-webkit-border-radius: 0 0 15px 0;
	border-radius: 0 0 15px 0;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow:    0px 5px 5px 0px rgba(0, 0, 0, 1);
	box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 1);
	z-index:9999;
	border-top:1px #610031;
}


#jmsresmenu li li li a {
	padding:0.5em 1.5em;
	font-size:0.9em;
	border-bottom:1px solid #000000!important;

}