@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Fira+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&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:left;
	font-family: 'Fira Sans', 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.4em;
	background-image: none;
	margin:0;
	margin:0 2.5em;
}


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


#jmsresmenu li a {
	display:block!important;
	line-height:1em;
	padding:1.1em 0.1em 1.0em 0.1em; 
	font-size:1.1em;
	text-decoration:none;
	background:transparent;
	color: #C5DFF8;
	font-weight:normal;	
	text-transform:uppercase;
}


@media all and (min-width:75em)
{
	#jmsresmenu li { 
	margin:0 3em;
	height:3.4em; 
	}
	
	#jmsresmenu li a { 
	font-size:1.3em;
	padding:0.8em 0.1em 0.8em 0.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:#ffffff;
	text-decoration:none;
}


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


#jmsresmenu li {
	position:relative!important;
}



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


#jmsresmenu li:hover ul {
	position:absolute!important;
	visibility:visible;
	top:3.4em!important;
	left:-0px;
	opacity:1;
	-moz-transition: opacity 0.4s;
  	transition: opacity 0.4s;
  	-webkit-transition: opacity 0.4s; 
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
	-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 #000000;
}







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


#jmsresmenu li li a {
	font-family:'PT Sans', Arial, Helvetica, sans-serif;
	font-weight:normal;
	border:none!important;
	display:block!important;
	padding:0.35em 1.3em;
	font-size:0.9em;
	border-bottom:1px solid #000000!important;
	color:#dddddd;
	text-transform:none;
	letter-spacing:normal;
}

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

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


@media all and (min-width:75em)
{
	#jmsresmenu li ul { top:3.75em!important; }
	#jmsresmenu li:hover ul { top:3.75em!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: #161616;
	color:#ffffff;
	border-bottom:1px solid #000000!important;
}


#jmsresmenu li li.active a { 
	background-color: #111111;
	color:#D2A4CB; 
}


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


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



/* 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;

}