/* Import font from Google fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);


/* Menu box
=================== */
.sm-simple,
.sm-simple ul {
	position: relative;
	z-index: 100;
}

.sm-simple ul {
	background: url('../../siteimages/transparentbg.png') repeat left top;
}

/* Menu items
=================== */
.sm-simple a {
    color: #fff;
    font-family: "Open Sans",Lato,Arial,Helvetica,sans-serif;
    font-size:15px;
	line-height:22px;
    outline: 0 none;
    padding: 11px 15px;
    text-decoration: none;
    /*text-transform: uppercase;*/
}

@media screen and (max-width: 640px) {
.sm-simple a {
font-size:1.1em;
padding: 8px 13px;
}
}

@media screen and (min-width: 641px) and (max-width:768px) {
.sm-simple a {
font-size:0.8em;
}
}


.sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active,
.sm-simple a.highlighted {
	background: url('../../siteimages/transparentbg.png') repeat scroll left top rgba(255, 255, 255, 0.3);
}
/* current items - add the class manually to some item or check the "markCurrentItem" script option */
.sm-simple a.current, .sm-simple a.current:hover, .sm-simple a.current:focus, .sm-simple a.current:active {
	background:url(../../siteimages/transparentbg.png) repeat left top rgba(255, 255, 255, 0.3)!important;
	color:#fff;
}
.sm-simple a.has-submenu {
	padding-right:32px;
}
.sm-simple ul a.has-submenu,
.sm-simple-vertical a.has-submenu {
	padding-right:23px;
}

/* Sub menu indicators
=================== */
.sm-simple a span.sub-arrow {
	position:absolute;
	right:12px;
	top:50%;
	margin-top:-8px;
	width:16px;
	height:16px;
	line-height:16px;
}
.sm-simple ul a span.sub-arrow,
.sm-simple-vertical a span.sub-arrow {
	right:auto;
	margin-left:-14px;
}

/* Sub menu background colours
=================== 
.sm-simple ul li.sub {
background: url('../../siteimages/transparentbg.png') repeat scroll left top rgba(0, 0, 0, 0.6);
}*/

/* Items separators
=================== */
.sm-simple li {
	border-left:1px solid rgba(255,255,255,0.4);
}
.sm-simple li:first-child {
	border-left:0;
}
.sm-simple ul li,
.sm-simple-vertical li {
	border-left:0;
	border-top:1px solid rgba(255,255,255,0.4);
}
.sm-simple ul li:first-child,
.sm-simple-vertical li:first-child {
	border-top:0;
}

/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package
=================== */
.sm-simple span.scroll-up, .sm-simple span.scroll-down {
	position:absolute;
	display:none;
	visibility:hidden;
	overflow:hidden;
	border:solid #bbb;
	border-width:1px 0;
	background:#fff;
	height:20px;
	/* width and position will be automatically set by the script */
}
.sm-simple span.scroll-up-arrow, .sm-simple 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 #555 transparent;
}
.sm-simple span.scroll-down-arrow {
	top:6px;
	border-style:solid dashed dashed dashed;
	border-color:#555 transparent transparent transparent;
}


/*
---------------------------------------------------------------
  Responsiveness
  These will make the sub menus collapsible when the screen width is too small.
---------------------------------------------------------------*/
@media screen and (max-width: 640px) {
	/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
	ul.sm-simple{width:auto !important;}
	ul.sm-simple 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.sm-simple>li{float:none;}
	ul.sm-simple>li>a,ul.sm-simple ul.sm-nowrap>li>a{white-space:normal;}
	ul.sm-simple iframe{display:none;}
	
	.sm-nowrap {background: url("../../siteimages/transparentbg.png") repeat scroll left top rgba(0, 0, 0, 0.3)}
	
	/* Uncomment this rule to disable completely the sub menus for small screen devices */
	/*.sm-simple ul, .sm-simple span.sub-arrow, .sm-simple iframe {
		display:none !important;
	}*/

	/* Menu box
	=================== */
	.sm-simple ul {
		border:0;
		/* darken the background of the sub menus */
		background:rgba(0,0,0,0.2);
	}

	/* Menu items
	=================== */
	.sm-simple a {
		padding-top:13px;
		padding-bottom:13px;
		background:transparent !important;
	}
	.sm-simple a.has-submenu {
		padding-right:23px;
	}
	/* add some text indentation for the 2+ level sub menu items */
	.sm-simple ul a {
		border-left:8px solid transparent;
	}
	.sm-simple ul ul a {
		border-left:16px solid transparent;
	}
	.sm-simple ul ul ul a {
		border-left:24px solid transparent;
	}
	.sm-simple ul ul ul ul a {
		border-left:32px solid transparent;
	}
	.sm-simple ul ul ul ul ul a {
		border-left:40px solid transparent;
	}

	/* Sub menu indicators
	=================== */
	.sm-simple a span.sub-arrow {
		right:auto;
		margin-left:-14px;
	}
	/* Hide sub indicator when item is expanded - we enable the item link when it's expanded */
	.sm-simple a.highlighted span.sub-arrow {
		display:none !important;
	}

	/* Items separators
	=================== */
	.sm-simple li {
		border-left:0;
		border-top:1px solid rgba(255,255,255,0.4);
	}
	.sm-simple li:first-child {
		border-top:0 !important;
	}
}

/* Toggle item */
.navbar-wrapper {
    background:transparent !important;
}

.navbar-toggle {
    background: #555;
}

.navbar-toggle .icon-bar {
    background-color: white;
}