<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
---------------------------------------------------------------
  Note that styles you apply to the main menu items are inherited by the sub menus items too.
  If you'd like to avoid this, you could use child selectors (not supported by IE6) - for example:
  .sm-bar &gt; LI &gt; A	{ ...} instead of .sm-bar a { ...}
---------------------------------------------------------------*/


#menu-button	{
	display:none;
	width:46px;
	height:39px;
	/*background:#eee url('../toMenu.png');*/
	background:#eee;
	border-radius:4px;
	/*box-shadow:0 1px 8px rgba(0,0,0,0.3);*/
	border:#aaa 1px solid;
	position:fixed;
	top:10px;
	left:10px;
	text-align:center;
	z-index:9996;
	cursor:pointer;
}
#menu-button .fa-bars {
	font-size:32px; font-weight:normal; color:#000; margin-top:4px;
}
#menu-button:before	{
  /* content:'Menu -'; */ content:'';
}
#menu-button.collapsed:before	{
  /* content:'Menu +'; */ content:'';
}
@media screen and (max-width: 1600px)	{
	/* show the button on small screens */
	#menu-button	{
		display:inline-block;
	}
	/* hide the menu when it has the "collapsed" class set by the script */
	/* #main-menu.collapsed	{ this is not in use since the button has added, and the button's function changed to slideToggle() */
	#main-menu_1	{
		display:none;
	}
}

@media screen and (max-width: 480px) {
	#menu-button	{top:0px; left:0px; border:0px; background:#fff;}
}


/*************************************************************************/
/************************ First Level - Main Menu ************************/
UL.sm-bar	{
	position:relative; width:auto; z-index:9990; /* z-index bug safary */
	/*border-radius:8px;
	box-shadow:0 1px 1px rgba(0,0,0,0.3);*/
}

/* Menu items - LI (put separators here)
===================*/
ul.sm li	{/*float:right;*/}
@media screen and (min-width: 1601px)	{
	UL.sm-bar		{display:table !important; margin:0px auto;}
	.sm-bar &gt; LI	{display:table-cell !important; float:none !important;}
}

.sm-bar &gt; LI				{/*padding-right:1px !important; background:url('../sepTB_Mid.gif') no-repeat right top; box-sizing:border-box;*/}
.sm-bar &gt; LI				{/*border-right:1px solid #6686c1;*/ box-sizing:border-box;}
.sm-bar &gt; LI:first-child	{border-right:0; padding-right:0px; background-image:none;}
.sm-bar &gt; LI:last-child	{ /* get same bg like main menu */
	/*border-radius:8px 0 0 8px;*/
}


/* Menu items - A
===================*/
.sm-bar &gt; LI &gt; A	{
	text-align:center;
	padding:17px 12px 17px 12px;
	color:#000;
	font-size:2.1rem;
	line-height:2.3rem;
	font-weight:normal;
	text-decoration:none;
	background-color:#fff; 
	/*text-shadow:0 1px 0 rgba(0,0,0,0.3);*/
}
/* hover items */
.sm-bar &gt; LI &gt; A:hover, .sm-bar &gt; LI &gt; A:focus, .sm-bar &gt; LI &gt; A:active, .sm-bar &gt; LI &gt; A.highlighted	{
	background-color:#fff; 
	color:#369ce2;
}
/* current items - add the class manually to some item or check the "markCurrentItem" script option */
.sm-bar &gt; LI &gt; A.current, .sm-bar &gt; LI &gt; A.current:hover, .sm-bar &gt; LI &gt; A.current:focus, .sm-bar &gt; LI &gt; A.current:active,
.sm-bar &gt; LI &gt; A.CURRENT, .sm-bar &gt; LI &gt; A.CURRENT:hover, .sm-bar &gt; LI &gt; A.CURRENT:focus, .sm-bar &gt; LI &gt; A.CURRENT:active	{
	background-color:#fff;
	color:#369ce2;
	/*text-shadow:0 1px 0 rgba(0,0,0,0.3);*/
}

/* round the right corners of the first item for horizontal main menu */
.sm-bar &gt; LI:first-child &gt; A	{
	/*border-radius:0 8px 8px 0;*/
}
/* round the left corners of the last item for horizontal main menu */
.sm-bar &gt; LI:nth-last-child(2) &gt; A	{
	background-color:#71bff5;
}
.sm-bar &gt; LI:last-child &gt; A	{
	background-color:#a4cc21;
	/*border-radius:8px 0 0 8px;*/
}
.sm-bar &gt; LI:nth-last-child(2) &gt; A:hover, .sm-bar &gt; LI:nth-last-child(2) &gt; A:focus, .sm-bar &gt; LI:nth-last-child(2) &gt; A:active, .sm-bar &gt; LI:nth-last-child(2) &gt; A.highlighted,
.sm-bar &gt; LI:last-child &gt; A:hover, .sm-bar &gt; LI:last-child &gt; A:focus, .sm-bar &gt; LI:last-child &gt; A:active, .sm-bar &gt; LI:last-child &gt; A.highlighted	{
	color:#fff !important;
}
/* general class for item that has sub menu */
.sm-bar &gt; LI &gt; A.has-submenu	{}

/* menu indicators (arrows) if another level, appears only for item that has sub menu
===================*/
.sm-bar &gt; LI &gt; A SPAN.sub-arrow	{
	position:absolute;
	top:48%;
	left:10%;
	margin-right:-5px;
	/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
	width:0;
	height:0;
	overflow:hidden;
	border-width:5px; /* tweak size of the arrow */
	border-style:solid dashed dashed dashed;
	border-color:#a4cde1 transparent transparent transparent;
}
@media screen and (min-width: 1601px)	{
  /* show the button on small screens */
.sm-bar &gt; LI &gt; A SPAN.sub-arrow	{display:none;}
}


 /************************ Second Level - Sub Menu ************************/ /*(most definitions here are for all next levels)*/
.sm-bar UL	{
	width:300px; /* fixed width only please - you can use the "subMenusMinWidth"/"subMenusMaxWidth" script options to override this if you like */
	padding:0;
	background:#fff;
	/*border-radius:0 0 4px 4px;*/
	box-shadow:0 5px 12px rgba(0,0,0,0.3);
}
.sm-rtl .sm-bar LI.NavigationTopicLTR &gt; UL { /* english category in hebrew */
    margin-left:0px !important;
    left:0px !important;
}
.sm-ltr .sm-bar LI.NavigationTopicRTL &gt; UL { /* hebrew category in english */
    margin-right:0px !important;
    right:0px !important;
}

/* Sub Menu items - LI (put separators here)
===================*/
.sm-bar UL &gt; LI				{border-top:1px solid #dddddd;}
.sm-bar UL &gt; LI:first-child	{border-top:0;}

/* Sub Menu  items - A
===================*/
.sm-bar UL A	{
	text-align:right;
	padding:8px 20px 9px 40px;
	color:#000;
	font-size:1.8rem;
	font-weight:normal;
	line-height:115%;
	text-decoration:none;
	background-color:#fff;
	/*background:rgba(0,0,0,0.5) url('../arrowSub_TB_RTL.png') no-repeat right 15px;*/
}
.sm-rtl .sm-bar LI.NavigationTopicLTR &gt; UL A		{text-align:left !important; direction:ltr !important;} /* english category in hebrew */
.sm-ltr .sm-bar LI.NavigationTopicRTL &gt; UL A		{text-align:right !important; direction:rtl !important;} /* hebrew category in english */

/* hover items */
.sm-bar UL A:hover, .sm-bar UL A:focus, .sm-bar UL A:active, .sm-bar UL A.highlighted	{
	background-color:#369ce2; 
	color:#fff;
	/*text-shadow:0 1px 0 rgba(0,0,0,0.3);*/
}
/* current items - add the class manually to some item or check the "markCurrentItem" script option */
.sm-bar UL A.current, .sm-bar UL A.current:hover, .sm-bar UL A.current:focus, .sm-bar UL A.current:active,
.sm-bar UL A.CURRENT, .sm-bar UL A.CURRENT:hover, .sm-bar UL A.CURRENT:focus, .sm-bar UL A.CURRENT:active	{
	/*background-color:#369ce2; 
	color:#fff;*/
	/*text-shadow:0 1px 0 rgba(0,0,0,0.3);*/
}

/* round the bottom corners of the last item for sub menu */
.sm-bar UL LI:last-child &gt; A	{
	/*border-radius:0 0 4px 4px;*/
}

/* general class for item that has sub menu */
.sm-bar UL A.has-submenu	{}


/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -&gt; "more..." -&gt; "more..." in the default download package
	===================*/
.sm-bar SPAN.scroll-up, .sm-bar SPAN.scroll-down	{
	position:absolute;
	display:none;
	visibility:hidden;
	overflow:hidden;
	background:#ffffff;
	height:20px;
	/* width and position will be automatically set by the script */
}
.sm-bar SPAN.scroll-up-arrow, .sm-bar SPAN.scroll-down-arrow	{
	position:absolute;
	right:50%;
	margin-right:-8px;
/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
	width:0;
	height:0;
	overflow:hidden;
	border-width:8px; /* tweak size of the arrow */
}
.sm-bar SPAN.scroll-up-arrow	{
	top:-2px;
	border-style:dashed dashed solid dashed;
	border-color:transparent transparent #23417f transparent;
}
.sm-bar SPAN.scroll-down-arrow	{
	top:6px;
	border-style:solid dashed dashed dashed;
	border-color:#23417f transparent transparent transparent;
}


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  only if subIndicators set to "true" in js plagin  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/* menu indicators (arrows) if another level, appears only for item that has sub menu
===================*/
.sm-bar UL A SPAN.sub-arrow	{
	position:absolute;
	top:13px;
	left:10px;
	margin-left:10px;
	/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
	width:0;
	height:0;
	overflow:hidden;
	border-width:5px; /* tweak size of the arrow */
	border-style:solid dashed dashed dashed;
	border-color:#a4cde1 transparent transparent transparent;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


/*===========================  Mega Menu  ============================*/
/*====================================================================*/
ul.mega-menu	{
	width:100% !important; max-width:990px !important;
	left:0px !important; margin-left:0px !important;
	right:0px !important; margin-right:0px !important;
	padding:5px 0.5% 5px 0.5% !important;
	box-sizing:border-box !important; -moz-box-sizing:border-box !important;
	z-index:9;
	background:#eee;
}
ul.mega-menu div.mega-item	{
	float:right;
	margin-top:5px;
	margin-bottom:5px;
	padding:10px 15px 15px 15px;
	background-color:#fff;
	display:inline-block;
	box-sizing:border-box;
	/* height:- set by function equalHeight() */
    -webkit-transition: all .10s ease-in-out;
    -moz-transition: all .10s ease-in-out;
    -o-transition: all .10s ease-in-out;
    -ms-transition: all .10s ease-in-out;
    transition: all .10s ease-in-out;
}

ul.mega-menu .mega-item:hover,
ul.mega-menu .mega-item:hover h2 A {
	background-color:#369ce2;
}
/* the image have side-border with same bg color */
ul.mega-menu .mega-item:hover a.mega-photo {
}
ul.mega-menu .mega-item a.mega-photo	{
	display:table; float:right;
	margin:0; padding:0 !important;
	margin-left:10px;
	position:relative; z-index:1;
}
ul.mega-menu .mega-item a.mega-photo img	{
	display:block;
	border:1px solid #ccc;
}

/* second-level h2 title */
ul.mega-menu .mega-item h2	{
	display:block;
	font-size:1.4rem;
	margin:0; padding:0;
}
ul.mega-menu .mega-item h2 a	{
	color: #333;
	font-size:1.5rem;
	font-weight:bold;
	padding:0px 0px 6px 0px;
	background-color:transparent;
	display:table;
}
ul.mega-menu .mega-item:hover h2 a {
	color: #fff;
}
ul.mega-menu .mega-item h2 a:hover	{
	background:transparent;
	color: #6ab6a7;
}

ul.mega-menu .mega-item a:hover	{/*color: #6ca8db;*/}

/**** third level ****/
ul.mega-menu ul	{
	position:static !important;
	top:auto !important; bottom:auto !important; left:auto !important; right:auto !important;
	width:auto !important;
	background:transparent !important;
	box-shadow:none;
	/*margin:0px 100px 0px 0px;
	box-sizing:border-box;*/
}
ul.mega-menu ul li	{
	padding:0px;
	margin:3px 0;
	border:0;
}
ul.mega-menu ul li a	{
	background:transparent !important;
	padding:3px 5px 4px 5px;
	margin:0;
	color:#2d3c5b;
	font-size:1.3rem;
	display:table;
}
ul.mega-menu .mega-item:hover ul li a {color:#fff;}
ul.mega-menu ul li a:hover, ul.mega-menu ul li a.current:hover	{
	background:#2d3c5b !important;
	color:#fff;
}


/*===  end Mega Menu  ===*/


/*---------------------------------------------------- Responsiveness ------------------------------------------########  &lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;
  Responsiveness
  These will make the sub menus collapsible when the screen width is too small.
------------------------------------------------------------------------------------------------------------------------------*/


/* decrease horizontal main menu items right/left padding to avoid wrapping */
/*@media screen and (max-width: 850px)	{
	.sm-bar &gt; LI &gt; A	{
		padding-right:18px;
		padding-left:18px;
	}
}
@media screen and (max-width: 750px)	{
	.sm-bar &gt; LI &gt; A	{
		padding-right:10px;
		padding-left:10px;
	}
}*/

@media screen and (max-width: 1600px) {
	.sm-bar &gt; LI &gt; A	{padding-right:15px; padding-left:15px;}
}
@media screen and (max-width: 1430px) {
	.sm-bar &gt; LI &gt; A	{padding-right:10px; padding-left:10px;}
}


@media screen and (max-width: 1600px) {

	/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
	UL.sm-bar		{width:auto !important;}
	UL.sm-bar UL	{display:none; position:static !important; top:auto !important; left:auto !important; margin-left:0 !important; margin-right:0 !important; margin-top:0 !important; width:auto !important; min-width:0 !important; max-width:none !important;}
	UL.sm-bar &gt; LI	{width:100% !important; float:none !important; margin:0 !important;}
	UL.sm-bar LI A , UL.sm-bar ul.sm-nowrap LI A	{white-space:normal !important; text-align:right !important;}
	UL.sm-bar IFRAME	{display:none;}

	/* Uncomment this rule to disable completely the sub menus for small screen devices */
	/*.sm-bar UL, .sm-bar span.sub-arrow, .sm-bar iframe	{
			display:none !important;
	}*/


	/************************ First Level - Main Menu ************************/
	UL.sm-bar	{
		margin-top:20px;
		margin-bottom:20px;
		background:transparent;
		/*box-shadow:0 1px 4px rgba(0,0,0,0.3);*/
	}

	/*  Menu items - LI
	===================*/
	.sm-bar &gt; LI	{
		background-image:none; /* long bar seperator */
		border-right:0;
		padding:0 !important;
		border-bottom:#0d74a3 1px solid; 
	}

	/* round the corners of the last items */
	.sm-bar &gt; LI:last-child	{
		/*border-radius:0 0 8px 8px;*/
		border-bottom-style:none; 
	}

	/* Menu items - A
	===================*/
	.sm-bar &gt; LI &gt; A	{
		padding:10px 20px 10px 55px !important; /* add some additional right padding to make room for the sub indicator */
		background-color:#137fb1;
		color:#fff !important;
	}
	/* hover items */
	.sm-bar &gt; LI &gt; A:hover, .sm-bar &gt; LI &gt; A:focus, .sm-bar &gt; LI &gt; A:active, .sm-bar &gt; LI &gt; A.highlighted	{
		background-color:#369ce2; 
		color:#fff !important;
	}
	/* current items */
	.sm-bar &gt; LI &gt; A.current, .sm-bar &gt; LI &gt; A.current:hover, .sm-bar &gt; LI &gt; A.current:focus, .sm-bar &gt; LI &gt; A.current:active,
	.sm-bar &gt; LI &gt; A.CURRENT, .sm-bar &gt; LI &gt; A.CURRENT:hover, .sm-bar &gt; LI &gt; A.CURRENT:focus, .sm-bar &gt; LI &gt; A.CURRENT:active	{
		background-color:#369ce2; 
		color:#fff !important;
	}

	/* round the corners of the first item */
	.sm-bar &gt; LI:first-child &gt; A	{
		/*border-radius:8px 8px 0 0;*/
	}
	/* round the corners of the last items */
	.sm-bar &gt; LI:last-child &gt; A	{
		/*border-radius:0 0 8px 8px;*/
	}

	/* Sub menu indicators
	===================*/
	.sm-bar &gt; LI &gt; A SPAN.sub-arrow	{
		top:0px;
		padding:0px 13px;
		right:auto;
		left:0px;
		margin-right:0;
		width:17px;
		height:43px;
		font:normal 24px/40px sans-serif !important;
		text-align:center;
		border:0;
		cursor:pointer;
		text-shadow:none;
		background:rgba(0,0,0,0.1);
		/*border-radius:0px;*/
	}
	/* Hide (for all levels) sub indicator "+" when item is expanded - we enable the item link when it's expanded */
	.sm-bar A.highlighted SPAN.sub-arrow	{
		/* display:none !important; */
	}
	

	/************************ Second Level - Sub Menu ************************/
	.sm-bar UL	{
		border:0;
		padding:0;
		background:#ffffff;
		border-radius:0;
		box-shadow:none;
	}

	/*  Sub Menu items - LI
	===================*/
	.sm-bar UL &gt; LI	{}

	/* Sub Menu  items - A
	===================*/
	.sm-bar UL A	{
		padding:10px 20px 10px 55px !important; /* add some additional right padding to make room for the sub indicator */
		background:transparent !important;
		color:#2d3c5b !important;
		/* add some text indentation for the sub menu item */
		border-right:8px solid transparent;
		outline:none !important;
	}

	/* hover items */
	.sm-bar UL A:hover, .sm-bar UL A:focus, .sm-bar UL A:active, .sm-bar UL A.highlighted	{
		background-color:#6ab6a7 !important; 
		color:#fff !important;
	}

	/* current items */
	.sm-bar UL A.current, .sm-bar UL A.current:hover, .sm-bar UL A.current:focus, .sm-bar UL A.current:active,
	.sm-bar UL A.CURRENT, .sm-bar UL A.CURRENT:hover, .sm-bar UL A.CURRENT:focus, .sm-bar UL A.CURRENT:active {
		background-color:#6ab6a7 !important; 
		color:#fff !important;
	}

	/* round the corners of the last item */
	.sm-bar &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; A	{
		/*border-radius:0 0 8px 8px;*/
	}

	/* Sub menu indicators
	===================*/

	.sm-bar UL A SPAN.sub-arrow	{
		top:0px;
		padding:0px 13px;
		right:auto;
		left:0px;
		margin-right:0;
		margin-left:0;
		width:17px;
		height:40px;
		font:normal 24px/38px sans-serif !important;
		text-align:center;
		border:0;
		text-shadow:none;
		background:rgba(0,0,0,0.1);
		border-radius:0px;
	}

	
	/************************ Third Level and more.. - Sub Sub.. Menu ************************/
	.sm-bar UL UL	{
		/* darken the background of the 2+ level sub menus and remove border rounding */
		background:rgba(100,100,100,0.1);
		border-radius:0;
	}

	/*  Sub Sub.. Menu items - LI
	===================*/
	.sm-bar UL UL LI	{border-top:rgba(100,100,100,0.3) 1px solid !important;}

	/* Sub Sub.. Menu  items - A
	===================*/
	/* add some text indentation for the 2+ level sub menu items */
	.sm-bar UL UL A	{
		border-right:16px solid transparent;
	}
	.sm-bar UL ul UL A	{
		border-right:24px solid transparent;
	}
	.sm-bar UL ul ul UL A	{
		border-right:32px solid transparent;
	}
	.sm-bar UL ul ul ul UL A	{
		border-right:40px solid transparent;
	}



	/* round the corners of the last items */
	/* presume we have 4 levels max */
	.sm-bar &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; A,
	.sm-bar &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; A,
	.sm-bar &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; A,
	.sm-bar &gt; LI:last-child &gt; UL,
	.sm-bar &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; UL,
	.sm-bar &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; UL,
	.sm-bar &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; UL,
	.sm-bar &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; UL	{
		/*border-radius:0 0 8px 8px;*/
	}
	/* highlighted items, don't need rounding since their sub is open */
	.sm-bar &gt; LI:last-child &gt; A.highlighted,
	.sm-bar &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; A.highlighted,
	.sm-bar &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; A.highlighted,
	.sm-bar &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; A.highlighted,
	.sm-bar &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; UL &gt; LI:last-child &gt; A.highlighted	{
		border-radius:0;
	}

	
	/*======= Responsiveness - Mega Menu  ==========*/
	ul.mega-menu	{
		width:100% !important; min-width:none !important; max-width:none !important;
		background:#eee;
	}
	ul.mega-menu &gt; LI	{
		font-size:0px; /* against inline-block space bug */
	}
	ul.mega-menu div.mega-item	{
		float:none;
		display:inline-block;
		/* height:- set by function equalHeight() */
		vertical-align: top;
	}

	ul.mega-menu .mega-item:hover {
		background-color:#369ce2;
	}
	/* the image have side-border with same bg color */
	ul.mega-menu .mega-item:hover a.mega-photo {
	}
	ul.mega-menu .mega-item a.mega-photo	{
		border-right-style:none !important;
	}
	ul.mega-menu .mega-item a.mega-photo img	{
	}

	/* second-level h2 title */
	ul.mega-menu .mega-item h2	{
	}
	ul.mega-menu .mega-item h2 a	{
		color:#333 !important;
		padding:0px 0px 6px 0px !important;
		border-right-style:none !important;
		background:transparent !important;
	}
	ul.mega-menu .mega-item:hover h2 a {
		color:#fff !important;
	}
	ul.mega-menu .mega-item h2 a:hover	{
		background:transparent !important;
		color:#6ab6a7 !important;
	}

	ul.mega-menu .mega-item a:hover	{/*color: #6ca8db;*/}

	/**** third level ****/
	ul.mega-menu ul	{
		background:transparent !important;
		display:block !important;
		box-shadow:none;
		/*margin:0px 100px 0px 0px;
		box-sizing:border-box;*/
	}
	ul.mega-menu ul li	{
		padding:0px;
		margin:3px 0;
		border:0 !important;
	}
	ul.mega-menu ul li a	{
		background:transparent;
		color:#2d3c5b !important;
		font-size:1.3rem;
		padding:3px 5px 4px 5px !important;
		font-size: 1.3rem !important;
		border-right-style:none !important;
	}
	ul.mega-menu .mega-item:hover ul li a {color:#fff !important;}
	ul.mega-menu ul li a:hover, ul.mega-menu ul li a.current:hover	{
		background:#2d3c5b !important;
		color:#fff !important;
	}
	ul.mega-menu ul li a.current	{
		background:transparent !important;
	}

}

@media screen and (max-width: 720px)	{
	UL.sm-bar	{margin-top:0;}
}

/****************** Responsiveness - Mega Menu 4-3-2-1 pattern ******************/
@media screen and (min-width: 991px) { /* 4 items */
    .Mega_4-3-2-1 &gt; DIV							{width:24% !important; margin-right:0.5%; margin-left:0.5%;}
}

@media screen and (max-width: 990px) and (min-width: 769px) { /* 3 items */
    .Mega_4-3-2-1 &gt; DIV							{width:32.1333333% !important; margin-right:0.6%; margin-left:0.6%;}
}

@media screen and (max-width: 768px) and (min-width: 481px) { /* 2 items */
	.Mega_4-3-2-1 &gt; DIV							{width:48.4% !important; margin-right:0.8%; margin-left:0.8%;}
}

@media screen and (max-width: 480px) { /* 1 items */
	.Mega_4-3-2-1 &gt; DIV							{width:97% !important; margin-right:1.5%; margin-left:1.5%;}
}




/***************************************************************
   SmartMenus Core CSS (it's not recommended editing this)
===============================================================*/

.sm,.sm ul,.sm li{display:block;list-style:none;padding:0;margin:0;line-height:normal;/*direction:ltr;*/direction:inherit;}
ul.sm li{position:relative;}
ul.sm a{position:relative;display:block;}
ul.sm a.disabled{cursor:default;}
ul.sm ul{position:absolute;top:-999999px;left:-800px;width:100px;}
ul.sm li{/*float:left;*/}
ul.sm-rtl{direction:rtl;}
ul.sm-rtl li{float:right;}
ul.sm ul li,ul.sm-vertical li{float:none;}
ul.sm a{white-space:nowrap;}
ul.sm ul a,ul.sm-vertical a{white-space:normal;}
* html ul.sm-vertical li{float:left;width:100%;}
* html ul.sm-vertical ul li{float:none;width:auto;}
*:first-child+html ul.sm-vertical&gt;li{float:left;width:100%;}
ul.sm ul.sm-nowrap&gt;li&gt;a{white-space:nowrap;}
ul.sm:after{content:"\00a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden;}
* html ul.sm{height:1px;}
*:first-child+html ul.sm{min-height:1px;}
ul.sm li *,ul.sm li *:before,ul.sm li *:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
ul.sm{-webkit-tap-highlight-color:rgba(0,0,0,0);}

</pre></body></html>