<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Import "PT Sans Narrow" font from Google fonts */
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);

/*===================================================================================*/
/*===== vertical-navbar =============================================================*/
/*===================================================================================*/
.vertical-navbar {
	position:relative;
	z-index:9999;
	width:auto;
	text-align:center;
}
.vertical-navbar ul {
	width:auto !important; /* fixed width only please - you can use the "subMenusMinWidth"/"subMenusMaxWidth" script options to override this if you like */
}
.left-menu-section .vertical-navbar ul {
	width:250px !important; /* fixed width only please - you can use the "subMenusMinWidth"/"subMenusMaxWidth" script options to override this if you like */
}
@media(min-width:0px) and (max-width:767px){
	.left-menu-section .vertical-navbar ul {
		width:auto !important; /* fixed width only please - you can use the "subMenusMinWidth"/"subMenusMaxWidth" script options to override this if you like */
	}
}
/*===============================================================*/	
.vertical-navbar,.vertical-navbar ul,.vertical-navbar li{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr;}
ul.vertical-navbar ul{position:absolute;top:-999999px;width:auto !important;}
ul.vertical-navbar li{position:relative;float:left;}
ul.vertical-navbar a{position:relative;display:block;white-space:nowrap;}
ul.vertical-navbar a.disabled{cursor:default;}
.vertical-navbar-rtl,.vertical-navbar-rtl ul,.vertical-navbar-rtl li{direction:rtl;}
ul.vertical-navbar-rtl li{float:right;}
ul.vertical-navbar ul li,ul.vertical-navbar li{float:none;}
ul.vertical-navbar ul a,ul.vertical-navbar a{white-space:normal;}
ul.vertical-navbar ul.vertical-navbar-nowrap&gt;li&gt;a{white-space:nowrap;}
ul.vertical-navbar:after{content:"\00a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden;}
ul.vertical-navbar,ul.vertical-navbar *,ul.vertical-navbar *:before,ul.vertical-navbar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
ul.vertical-navbar{-webkit-tap-highlight-color:rgba(0,0,0,0);}

/* Menu box ===================*/
	.vertical-navbar {
		
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3);
		-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3);
		box-shadow:0 1px 1px rgba(0,0,0,0.3);
	}
	.vertical-navbar {
		-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);
		-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);
		box-shadow:0 1px 4px rgba(0,0,0,0.3);
	}
	.vertical-navbar ul {
		  border: 1px solid #272E05;
        padding: 7px 0;
        background: #506f06 !important;
		-moz-border-radius:0 0 4px 4px;
		-webkit-border-radius:0 0 4px 4px;
		border-radius:0 0 4px 4px;
		-moz-box-shadow:0 5px 12px rgba(0,0,0,0.3);
		-webkit-box-shadow:0 5px 12px rgba(0,0,0,0.3);
		box-shadow:0 5px 12px rgba(0,0,0,0.3);

    

	}
	/* for vertical main menu subs and 2+ level horizontal main menu subs round all corners */
	.vertical-navbar ul,
	.vertical-navbar ul ul {
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
	}

/* Menu items
===================*/
	.vertical-navbar a {
		padding:13px 24px;
		color:#fff;
		font-size:16px;
		line-height:23px;
		font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif;
		font-weight:bold;
		text-decoration:none;
		text-shadow:0 1px 0 rgba(0,0,0,0.3);
	}
	.vertical-navbar a:hover, .vertical-navbar a:focus, .vertical-navbar a:active,
	.vertical-navbar a.highlighted {
		background: none repeat scroll 0 0 #506f06;
        /*border: 1px solid #D2C59D;
    	box-shadow: 0 0 30px #000000 inset;*/
    	color: #f7fd00;
		text-shadow:0 1px 0 rgba(0,0,0,0.3);
	}
	.vertical-navbar a {
		background: none repeat scroll 0 0 #688800;
    	border-bottom: 2px solid #293600;
    	padding: 20px 20px 20px;
	}
	.vertical-navbar ul a {
		padding:9px 40px 8px 23px;
		background:transparent;
		color:#fff;
		font-size:16px;
		text-shadow:none;
	}
	.vertical-navbar ul a:hover, .vertical-navbar ul a:focus, .vertical-navbar ul a:active,
	.vertical-navbar ul a.highlighted {
		background: none repeat scroll 0 0 #688800;
        /*border: 1px solid #D2C59D;
    	box-shadow: 0 0 30px #000000 inset;*/
    	color: #f7fd00;
		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 */
	.vertical-navbar a.current, .vertical-navbar a.current:hover, .vertical-navbar a.current:focus, .vertical-navbar a.current:active,
	.vertical-navbar ul a.current, .vertical-navbar ul a.current:hover, .vertical-navbar ul a.current:focus, .vertical-navbar ul a.current:active {
		background: none repeat scroll 0 0 #877d98;
    	border: 1px solid #aea4bf;
    	box-shadow: 0 0 30px #000000 inset;
    	color: #ffffff;
		text-shadow:0 1px 0 rgba(0,0,0,0.3);
	}
	/* round the left corners of the first item for horizontal main menu */
	.vertical-navbar &gt; li:first-child &gt; a {
		-moz-border-radius:8px 0 0 8px;
		-webkit-border-radius:8px 0 0 8px;
		border-radius:8px 0 0 8px;
	}
	/* round the corners of the first and last items for vertical main menu */
	.vertical-navbar &gt; li:first-child &gt; a {
		-moz-border-radius:8px 8px 0 0;
		-webkit-border-radius:8px 8px 0 0;
		border-radius:8px 8px 0 0;
	}
	.vertical-navbar &gt; li:last-child &gt; a {
		-moz-border-radius:0 0 8px 8px;
		-webkit-border-radius:0 0 8px 8px;
		border-radius:0 0 8px 8px;
	}
	.vertical-navbar a.has-submenu {

	}

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

	.vertical-navbar a span.sub-arrow {
		position:absolute;
		bottom:2px;
		left:50%;
		margin-left:-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;
	}
	.vertical-navbar a span.sub-arrow,
 	.vertical-navbar ul a span.sub-arrow {
		bottom:auto;
		top:50%;
		margin-top:-5px;
		right:15px;
		left:auto;
		margin-left:0;
		border-style:dashed dashed dashed solid;
		border-color:transparent transparent transparent #403651;
	}
	
/* Items separators ===================*/
	.vertical-navbar li {
		border-left:1px solid #1a8bb9;
	}
	.vertical-navbar li:first-child,
	.vertical-navbar li,
	.vertical-navbar ul li {
		border-left:0;
	}
/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -&gt; "more..." -&gt; "more..." in the default download package ===================*/

	.vertical-navbar span.scroll-up, .vertical-navbar 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 */
	}
	.vertical-navbar span.scroll-up-arrow, .vertical-navbar span.scroll-down-arrow {
		position:absolute;
		top:-2px;
		left:50%;
		margin-left:-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 */
		border-style:dashed dashed solid dashed;
		border-color:transparent transparent #247eab transparent;
	}
	.vertical-navbar span.scroll-down-arrow {
		top:6px;
		border-style:solid dashed dashed dashed;
		border-color:#247eab transparent transparent transparent;
	}

/* decrease horizontal main menu items left/right padding to avoid wrapping */
@media screen and (max-width: 850px) {
	.vertical-navbar:not(.vertical-navbar) &gt; li &gt; a {
		padding-left:18px;
		padding-right:18px;
	}
}
@media screen and (max-width: 750px) {
	.vertical-navbar:not(.vertical-navbar) &gt; li &gt; a {
		padding-left:10px;
		padding-right:10px;
	}
}

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

	/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
	ul.vertical-navbar{width:auto !important;}
	ul.vertical-navbar ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
	ul.vertical-navbar&gt;li{float:none;}
	ul.vertical-navbar&gt;li&gt;a,ul.vertical-navbar ul.vertical-navbar-nowrap&gt;li&gt;a{white-space:normal;}
	ul.vertical-navbar iframe{display:none;}

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

/* Menu box ===================*/

	.vertical-navbar {
		background:transparent;
		-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);
		-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);
		box-shadow:0 1px 4px rgba(0,0,0,0.3);
	}
	.vertical-navbar ul {
		border:0;
		padding:0;
		background:#fff;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	.vertical-navbar ul ul {
		/* darken the background of the 2+ level sub menus and remove border rounding */
		background:rgba(100,100,100,0.1);
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
	}


/* Menu items ===================*/
	.vertical-navbar a {
		padding:10px 5px 10px 28px !important; /* add some additional left padding to make room for the sub indicator */
		
	}
	.vertical-navbar ul a {
		background:transparent !important;
		color:#fff !important;
		text-shadow:none !important;
	}
	.vertical-navbar a.current {
		background:#006892 !important; /* Old browsers */
		background-image:url(css-gradients-fallback/current-item-bg.png) !important;
		background-image:-moz-linear-gradient(top,#005a84 0%,#00749f 100%) !important;
		background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#005a84),color-stop(100%,#00749f)) !important;
		background-image:-webkit-linear-gradient(top,#005a84 0%,#00749f 100%) !important;
		background-image:-o-linear-gradient(top,#005a84 0%,#00749f 100%) !important;
		background-image:-ms-linear-gradient(top,#005a84 0%,#00749f 100%) !important;
		background-image:linear-gradient(top,#005a84 0%,#00749f 100%) !important;
		color:#fff !important;
	}
	/* add some text indentation for the 2+ level sub menu items */
	.vertical-navbar ul a {
		border-left:8px solid transparent;
	}
	.vertical-navbar ul ul a {
		border-left:16px solid transparent;
	}
	.vertical-navbar ul ul ul a {
		border-left:24px solid transparent;
	}
	.vertical-navbar ul ul ul ul a {
		border-left:32px solid transparent;
	}
	.vertical-navbar ul ul ul ul ul a {
		border-left:40px solid transparent;
	}
	/* round the corners of the first and last items */
	.vertical-navbar &gt; li:first-child &gt; a {
		-moz-border-radius:8px 8px 0 0;
		-webkit-border-radius:8px 8px 0 0;
		border-radius:8px 8px 0 0;
	}
	/* presume we have 4 levels max */
	.vertical-navbar &gt; li:last-child &gt; a,
	.vertical-navbar &gt; li:last-child &gt; ul &gt; li:last-child &gt; a,
	.vertical-navbar &gt; li:last-child &gt; ul &gt; li:last-child &gt; ul &gt; li:last-child &gt; a,
	.vertical-navbar &gt; li:last-child &gt; ul &gt; li:last-child &gt; ul &gt; li:last-child &gt; ul &gt; li:last-child &gt; a,
	.vertical-navbar &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,
	.vertical-navbar &gt; li:last-child &gt; ul,
	.vertical-navbar &gt; li:last-child &gt; ul &gt; li:last-child &gt; ul,
	.vertical-navbar &gt; li:last-child &gt; ul &gt; li:last-child &gt; ul &gt; li:last-child &gt; ul,
	.vertical-navbar &gt; li:last-child &gt; ul &gt; li:last-child &gt; ul &gt; li:last-child &gt; ul &gt; li:last-child &gt; ul,
	.vertical-navbar &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 {
		-moz-border-radius:0 0 8px 8px;
		-webkit-border-radius:0 0 8px 8px;
		border-radius:0 0 8px 8px;
	}
	/* highlighted items, don't need rounding since their sub is open */
	.vertical-navbar &gt; li:last-child &gt; a.highlighted,
	.vertical-navbar &gt; li:last-child &gt; ul &gt; li:last-child &gt; a.highlighted,
	.vertical-navbar &gt; li:last-child &gt; ul &gt; li:last-child &gt; ul &gt; li:last-child &gt; a.highlighted,
	.vertical-navbar &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,
	.vertical-navbar &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 {
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
	}


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

	.vertical-navbar a span.sub-arrow,
	.vertical-navbar ul a span.sub-arrow {
		top:50%;
		margin-top:-9px;
		right:auto;
		left:6px;
		margin-left:0;
		width:17px;
		height:17px;
		font:bold 16px/16px monospace !important;
		text-align:center;
		border:0;
		text-shadow:none;
		background:rgba(0,0,0,0.1);
		-moz-border-radius:100px;
		-webkit-border-radius:100px;
		border-radius:100px;
	}
	
	/* Hide sub indicator "+" when item is expanded - we enable the item link when it's expanded */
	.vertical-navbar a.highlighted span.sub-arrow {
		display:none !important;
	}
	
/* Items separators ===================*/
	.vertical-navbar li {
		border-left:0;
	}
	.vertical-navbar ul li {
		border-top:1px solid rgba(0,0,0,0.05);
	}
	.vertical-navbar ul li:first-child {
		border-top:0;
	}

}

/*===================================================================================*/
/*===== vertical-navbar Ends ========================================================*/
/*===================================================================================*/





/*===================================================================================*/
/*===== vertical-navbar-services ====================================================*/
/*===================================================================================*/
.vertical-navbar-services {
	position:relative;
	z-index:9999;
	width:auto;
	text-align:center;
}
.vertical-navbar-services ul {
	width:auto !important; /* fixed width only please - you can use the "subMenusMinWidth"/"subMenusMaxWidth" script options to override this if you like */
}
.right-menu-section .vertical-navbar-services ul {
	 /* fixed width only please - you can use the "subMenusMinWidth"/"subMenusMaxWidth" script options to override this if you like */
}
@media(min-width:0px) and (max-width:767px){
	.left-menu-section .vertical-navbar-services ul {
		width:auto !important; /* fixed width only please - you can use the "subMenusMinWidth"/"subMenusMaxWidth" script options to override this if you like */
	}
}
/*===============================================================*/	
.vertical-navbar-services,.vertical-navbar-services ul,.vertical-navbar-services li{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr;}
ul.vertical-navbar-services ul{position:absolute;top:-999999px;width:auto !important;}
ul.vertical-navbar-services li{position:relative;float:left;}
ul.vertical-navbar-services a{position:relative;display:block;white-space:nowrap;}
ul.vertical-navbar-services a.disabled{cursor:default;}
.vertical-navbar-services-rtl,.vertical-navbar-services-rtl ul,.vertical-navbar-services-rtl li{direction:rtl;}
ul.vertical-navbar-services-rtl li{float:right;}
ul.vertical-navbar-services ul li,ul.vertical-navbar-services li{float:none;}
ul.vertical-navbar-services ul a,ul.vertical-navbar-services a{white-space:normal;}
ul.vertical-navbar-services ul.vertical-navbar-services-nowrap&gt;li&gt;a{white-space:nowrap;}
ul.vertical-navbar-services:after{content:"\00a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden;}
ul.vertical-navbar-services,ul.vertical-navbar-services *,ul.vertical-navbar-services *:before,ul.vertical-navbar-services *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
ul.vertical-navbar-services{-webkit-tap-highlight-color:rgba(0,0,0,0);}

/* Menu box ===================*/
	.vertical-navbar-services {
		
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3);
		-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3);
		box-shadow:0 1px 1px rgba(0,0,0,0.3);
	}
	.vertical-navbar-services {
		-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);
		-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);
		box-shadow:0 1px 4px rgba(0,0,0,0.3);
	}
	.vertical-navbar-services ul {
		 border: 1px solid #272E05;
         padding: 7px 0;
         background: #506f06 !important;
		-moz-border-radius:0 0 4px 4px;
		-webkit-border-radius:0 0 4px 4px;
		border-radius:0 0 4px 4px;
		-moz-box-shadow:0 5px 12px rgba(0,0,0,0.3);
		-webkit-box-shadow:0 5px 12px rgba(0,0,0,0.3);
		box-shadow:0 5px 12px rgba(0,0,0,0.3);

	}
	/* for vertical main menu subs and 2+ level horizontal main menu subs round all corners */
	.vertical-navbar-services ul,
	.vertical-navbar-services ul ul {
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
	}

/* Menu items
===================*/
	.vertical-navbar-services a {
		padding:13px 24px;
		color:#fff;
		font-size:16px;
		line-height:23px;
		font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif;
		font-weight:bold;
		text-decoration:none;
		text-shadow:0 1px 0 rgba(0,0,0,0.3);
	}
	.vertical-navbar-services a:hover, .vertical-navbar-services a:focus, .vertical-navbar-services a:active,
	.vertical-navbar-services a.highlighted {
		background: none repeat scroll 0 0 #506f06;
       /* border: 1px solid #D2C59D;
    	box-shadow: 0 0 30px #000000 inset;*/
    	color: #f7fd00;
		text-shadow:0 1px 0 rgba(0,0,0,0.3);
	}
	.vertical-navbar-services a {
		background: none repeat scroll 0 0 #688800;
    	border-bottom: 2px solid #293600;
    	padding: 20px 20px 20px;
	}
	.vertical-navbar-services ul a {
		padding:5px 11px 11px 16px;
		background:transparent;
		color:#fff;
		font-size:16px;
		text-shadow:none;
	}
	.vertical-navbar-services ul a:hover, .vertical-navbar-services ul a:focus, .vertical-navbar-services ul a:active,
	.vertical-navbar-services ul a.highlighted {
		background: none repeat scroll 0 0 #688800;
       /* border: 1px solid #D2C59D;
    	box-shadow: 0 0 30px #000000 inset;*/
    	color: #f7fd00;
		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 */
	.vertical-navbar-services a.current, .vertical-navbar-services a.current:hover, .vertical-navbar-services a.current:focus, .vertical-navbar-services a.current:active,
	.vertical-navbar-services ul a.current, .vertical-navbar-services ul a.current:hover, .vertical-navbar-services ul a.current:focus, .vertical-navbar-services ul a.current:active {
		background: none repeat scroll 0 0 #877d98;
    	border: 1px solid #aea4bf;
    	box-shadow: 0 0 30px #000000 inset;
    	color: #ffffff;
		text-shadow:0 1px 0 rgba(0,0,0,0.3);
	}
	/* round the left corners of the first item for horizontal main menu */
	.vertical-navbar-services &gt; li:first-child &gt; a {
		-moz-border-radius:8px 0 0 8px;
		-webkit-border-radius:8px 0 0 8px;
		border-radius:8px 0 0 8px;
	}
	/* round the corners of the first and last items for vertical main menu */
	.vertical-navbar-services &gt; li:first-child &gt; a {
		-moz-border-radius:8px 8px 0 0;
		-webkit-border-radius:8px 8px 0 0;
		border-radius:8px 8px 0 0;
	}
	.vertical-navbar-services &gt; li:last-child &gt; a {
		-moz-border-radius:0 0 8px 8px;
		-webkit-border-radius:0 0 8px 8px;
		border-radius:0 0 8px 8px;
	}
	.vertical-navbar-services a.has-submenu {

	}

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

	.vertical-navbar-services a span.sub-arrow {
		position:absolute;
		bottom:2px;
		left:50%;
		margin-left:-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;
	}
	.vertical-navbar-services a span.sub-arrow,
 	.vertical-navbar-services ul a span.sub-arrow {
		bottom:auto;
		top:50%;
		margin-top:-5px;
		left:15px;
		right:auto;
		margin-right:0;
		border-style:dashed solid dashed dashed ;
		border-color:transparent #403651 transparent transparent ;
	}
	
/* Items separators ===================*/
	.vertical-navbar-services li {
		border-left:1px solid #1a8bb9;
	}
	.vertical-navbar-services li:first-child,
	.vertical-navbar-services li,
	.vertical-navbar-services ul li {
		border-left:0;
	}
/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -&gt; "more..." -&gt; "more..." in the default download package ===================*/

	.vertical-navbar-services span.scroll-up, .vertical-navbar-services 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 */
	}
	.vertical-navbar-services span.scroll-up-arrow, .vertical-navbar-services span.scroll-down-arrow {
		position:absolute;
		top:-2px;
		left:50%;
		margin-left:-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 */
		border-style:dashed dashed solid dashed;
		border-color:transparent transparent #247eab transparent;
	}
	.vertical-navbar-services span.scroll-down-arrow {
		top:6px;
		border-style:solid dashed dashed dashed;
		border-color:#247eab transparent transparent transparent;
	}

/* decrease horizontal main menu items left/right padding to avoid wrapping */
@media screen and (max-width: 850px) {
	.vertical-navbar-services:not(.vertical-navbar-services) &gt; li &gt; a {
		padding-left:18px;
		padding-right:18px;
	}
}
@media screen and (max-width: 750px) {
	.vertical-navbar-services:not(.vertical-navbar-services) &gt; li &gt; a {
		padding-left:10px;
		padding-right:10px;
	}
}

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

	/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
	ul.vertical-navbar-services{width:auto !important;}
	ul.vertical-navbar-services ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
	ul.vertical-navbar-services&gt;li{float:none;}
	ul.vertical-navbar-services&gt;li&gt;a,ul.vertical-navbar-services ul.vertical-navbar-services-nowrap&gt;li&gt;a{white-space:normal;}
	ul.vertical-navbar-services iframe{display:none;}

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

/* Menu box ===================*/

	.vertical-navbar-services {
		background:transparent;
		-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);
		-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);
		box-shadow:0 1px 4px rgba(0,0,0,0.3);
	}
	.vertical-navbar-services ul {
		border:0;
		padding:0;
		background:#fff;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	.vertical-navbar-services ul ul {
		/* darken the background of the 2+ level sub menus and remove border rounding */
		background:rgba(100,100,100,0.1);
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
	}


/* Menu items ===================*/
	.vertical-navbar-services a {
		padding:10px 5px 10px 28px !important; /* add some additional left padding to make room for the sub indicator */
		
	}
	.vertical-navbar-services ul a {
		background:transparent !important;
		color:#fff !important;
		text-shadow:none !important;
	}
	.vertical-navbar-services a.current {
		background:#006892 !important; /* Old browsers */
		background-image:url(css-gradients-fallback/current-item-bg.png) !important;
		background-image:-moz-linear-gradient(top,#005a84 0%,#00749f 100%) !important;
		background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#005a84),color-stop(100%,#00749f)) !important;
		background-image:-webkit-linear-gradient(top,#005a84 0%,#00749f 100%) !important;
		background-image:-o-linear-gradient(top,#005a84 0%,#00749f 100%) !important;
		background-image:-ms-linear-gradient(top,#005a84 0%,#00749f 100%) !important;
		background-image:linear-gradient(top,#005a84 0%,#00749f 100%) !important;
		color:#fff !important;
	}
	/* add some text indentation for the 2+ level sub menu items */
	.vertical-navbar-services ul a {
		border-left:8px solid transparent;
	}
	.vertical-navbar-services ul ul a {
		border-left:16px solid transparent;
	}
	.vertical-navbar-services ul ul ul a {
		border-left:24px solid transparent;
	}
	.vertical-navbar-services ul ul ul ul a {
		border-left:32px solid transparent;
	}
	.vertical-navbar-services ul ul ul ul ul a {
		border-left:40px solid transparent;
	}
	/* round the corners of the first and last items */
	.vertical-navbar-services &gt; li:first-child &gt; a {
		-moz-border-radius:8px 8px 0 0;
		-webkit-border-radius:8px 8px 0 0;
		border-radius:8px 8px 0 0;
	}
	/* presume we have 4 levels max */
	.vertical-navbar-services &gt; li:last-child &gt; a,
	.vertical-navbar-services &gt; li:last-child &gt; ul &gt; li:last-child &gt; a,
	.vertical-navbar-services &gt; li:last-child &gt; ul &gt; li:last-child &gt; ul &gt; li:last-child &gt; a,
	.vertical-navbar-services &gt; li:last-child &gt; ul &gt; li:last-child &gt; ul &gt; li:last-child &gt; ul &gt; li:last-child &gt; a,
	.vertical-navbar-services &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,
	.vertical-navbar-services &gt; li:last-child &gt; ul,
	.vertical-navbar-services &gt; li:last-child &gt; ul &gt; li:last-child &gt; ul,
	.vertical-navbar-services &gt; li:last-child &gt; ul &gt; li:last-child &gt; ul &gt; li:last-child &gt; ul,
	.vertical-navbar-services &gt; li:last-child &gt; ul &gt; li:last-child &gt; ul &gt; li:last-child &gt; ul &gt; li:last-child &gt; ul,
	.vertical-navbar-services &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 {
		-moz-border-radius:0 0 8px 8px;
		-webkit-border-radius:0 0 8px 8px;
		border-radius:0 0 8px 8px;
	}
	/* highlighted items, don't need rounding since their sub is open */
	.vertical-navbar-services &gt; li:last-child &gt; a.highlighted,
	.vertical-navbar-services &gt; li:last-child &gt; ul &gt; li:last-child &gt; a.highlighted,
	.vertical-navbar-services &gt; li:last-child &gt; ul &gt; li:last-child &gt; ul &gt; li:last-child &gt; a.highlighted,
	.vertical-navbar-services &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,
	.vertical-navbar-services &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 {
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
	}


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

	.vertical-navbar-services a span.sub-arrow,
	.vertical-navbar-services ul a span.sub-arrow {
		top:50%;
		margin-top:-9px;
		right:auto;
		left:6px;
		margin-left:0;
		width:17px;
		height:17px;
		font:bold 16px/16px monospace !important;
		text-align:center;
		border:0;
		text-shadow:none;
		background:rgba(0,0,0,0.1);
		-moz-border-radius:100px;
		-webkit-border-radius:100px;
		border-radius:100px;
	}
	
	/* Hide sub indicator "+" when item is expanded - we enable the item link when it's expanded */
	.vertical-navbar-services a.highlighted span.sub-arrow {
		display:none !important;
	}
	
/* Items separators ===================*/
	.vertical-navbar-services li {
		border-left:0;
	}
	.vertical-navbar-services ul li {
		border-top:1px solid rgba(0,0,0,0.05);
	}
	.vertical-navbar-services ul li:first-child {
		border-top:0;
	}

}

/*===================================================================================*/
/*===== vertical-navbar-services Ends ===============================================*/
/*===================================================================================*/</pre></body></html>