#menu ul {
	overflow: visible;
}

.sm-HSCC {
	background-color: #af1a1d;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	border-radius: 0;
	margin: 0;
	box-sizing: border-box;
}


	.sm-HSCC a, .sm-HSCC a:hover, .sm-HSCC a:focus, .sm-HSCC a:active {
		padding: 5px 20px;
		/* make room for the toggle button (sub indicator) */
		padding-right: 58px;
		color: #EEEEEE;
		/*font-family: 'Tiepolo';*/
		font-family: "Open Sans";
		font-size: 16px;
		font-weight: normal;
		line-height: 23px;
		text-decoration: none;
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
		letter-spacing: 1px;
	}

		.sm-HSCC a.current {
			background: #006892;
			background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #006188), color-stop(100%, #006f9c));
			background-image: -webkit-linear-gradient(to bottom, #006188, #006f9c);
			background-image: -moz-linear-gradient(to bottom, #006188, #006f9c);
			background-image: -o-linear-gradient(to bottom, #006188, #006f9c);
			background-image: linear-gradient(to bottom, #006188, #006f9c);
			color: white;
		}

		.sm-HSCC a.disabled {
			color: #a1d1e8;
		}

		.sm-HSCC a span.sub-arrow {
			position: absolute;
			top: 50%;
			margin-top: -17px;
			left: auto;
			right: 4px;
			width: 34px;
			height: 34px;
			overflow: hidden;
			font: bold 16px/34px monospace !important;
			text-align: center;
			text-shadow: none;
			background: rgba(0, 0, 0, 0.1);
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			-ms-border-radius: 4px;
			-o-border-radius: 4px;
			border-radius: 4px;
		}

		.sm-HSCC a.highlighted span.sub-arrow:before {
			display: block;
			content: '-';
		}

	.sm-HSCC > li:first-child > a, .sm-HSCC > li:first-child > :not(ul) a {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
	}

	.sm-HSCC > li:last-child > a, .sm-HSCC > li:last-child > *:not(ul) a, .sm-HSCC > li:last-child > ul,
	.sm-HSCC > li:last-child > ul > li:last-child > a, .sm-HSCC > li:last-child > ul > li:last-child > *:not(ul) a, .sm-HSCC > li:last-child > ul > li:last-child > ul,
	.sm-HSCC > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-HSCC > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-HSCC > li:last-child > ul > li:last-child > ul > li:last-child > ul,
	.sm-HSCC > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-HSCC > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-HSCC > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
	.sm-HSCC > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-HSCC > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-HSCC > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
	}

		.sm-HSCC > li:last-child > a.highlighted, .sm-HSCC > li:last-child > *:not(ul) a.highlighted,
		.sm-HSCC > li:last-child > ul > li:last-child > a.highlighted, .sm-HSCC > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
		.sm-HSCC > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-HSCC > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
		.sm-HSCC > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-HSCC > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
		.sm-HSCC > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-HSCC > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			-ms-border-radius: 0;
			-o-border-radius: 0;
			border-radius: 0;
		}

	.sm-HSCC ul {
		background: white;
	}

		.sm-HSCC ul ul {
			background: rgba(102, 102, 102, 0.1);
		}

		.sm-HSCC ul a, .sm-HSCC ul a:hover, .sm-HSCC ul a:focus, .sm-HSCC ul a:active {
			background: transparent;
			color: #af1a1d;			
			text-shadow: none;
			border-left: 8px solid transparent;
		}

			.sm-HSCC ul a.current {
				background: #006892;
				background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #006188), color-stop(100%, #006f9c));
				background-image: -webkit-linear-gradient(to bottom, #006188, #006f9c);
				background-image: -moz-linear-gradient(to bottom, #006188, #006f9c);
				background-image: -o-linear-gradient(to bottom, #006188, #006f9c);
				background-image: linear-gradient(to bottom, #006188, #006f9c);
				color: white;
			}

			.sm-HSCC ul a.disabled {
				color: #b3b3b3;
			}

		.sm-HSCC ul ul a,
		.sm-HSCC ul ul a:hover,
		.sm-HSCC ul ul a:focus,
		.sm-HSCC ul ul a:active {
			border-left: 16px solid transparent;
		}

		.sm-HSCC ul ul ul a,
		.sm-HSCC ul ul ul a:hover,
		.sm-HSCC ul ul ul a:focus,
		.sm-HSCC ul ul ul a:active {
			border-left: 24px solid transparent;
		}

		.sm-HSCC ul ul ul ul a,
		.sm-HSCC ul ul ul ul a:hover,
		.sm-HSCC ul ul ul ul a:focus,
		.sm-HSCC ul ul ul ul a:active {
			border-left: 32px solid transparent;
		}

		.sm-HSCC ul ul ul ul ul a,
		.sm-HSCC ul ul ul ul ul a:hover,
		.sm-HSCC ul ul ul ul ul a:focus,
		.sm-HSCC ul ul ul ul ul a:active {
			border-left: 40px solid transparent;
		}

		.sm-HSCC ul li {
			border-top: 1px solid rgba(0, 0, 0, 0.05);
		}

			.sm-HSCC ul li:first-child {
				border-top: 0;
			}

@media (min-width: 701px) {
	/* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
	/* start... (it's not recommended editing these rules) */
	.sm-HSCC ul {
		position: absolute;
		width: 12em;
	}

	.sm-HSCC li {
		float: left;
	}

	.sm-HSCC.sm-rtl li {
		float: right;
	}

	.sm-HSCC ul li, .sm-HSCC.sm-rtl ul li, .sm-HSCC.sm-vertical li {
		float: none;
	}

	.sm-HSCC a {
		white-space: nowrap;
	}

	.sm-HSCC ul a, .sm-HSCC.sm-vertical a {
		white-space: normal;
	}

	.sm-HSCC .sm-nowrap > li > a, .sm-HSCC .sm-nowrap > li > :not(ul) a {
		white-space: nowrap;
	}

	/* ...end */

	.sm-HSCC {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border-radius: 0;
		margin: 0 auto;
		display: table !important;
		background-color: transparent;
	}


		.sm-HSCC a, .sm-HSCC a:hover, .sm-HSCC a:focus, .sm-HSCC a:active, .sm-HSCC a.highlighted {
			padding: 8px 16px;
			color: white;
		}

			.sm-HSCC a:hover, .sm-HSCC a:focus, .sm-HSCC a:active, .sm-HSCC a.highlighted {
				background: #af1a1d;
			}

		.sm-HSCC > li > a:hover:after, .sm-HSCC > li > a:focus:after, .sm-HSCC > li > a:active:after, .sm-HSCC > li > a.highlighted:after {
			position: absolute;
			content: '';
			height: 30px;
			width: 100%;
			top: 50%;
			left: 0;
			transform: translateY(-50%);
		}

		.sm-HSCC a.current {
			color: white;
		}

		.sm-HSCC a.disabled {
			color: #a1d1e8;
		}

		.sm-HSCC a span.sub-arrow {
			top: auto;
			margin-top: 0;
			bottom: 0;
			left: 50%;
			margin-left: -5px;
			right: auto;
			width: 0;
			height: 0;
			border-width: 5px;
			border-style: solid dashed dashed dashed;
			border-color: #ffffff transparent transparent transparent;
			background: transparent;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			-ms-border-radius: 0;
			-o-border-radius: 0;
			border-radius: 0;
		}

		/*Hide for main menu only*/
		.sm-HSCC > li > a span.sub-arrow {
			/*display: none;*/
		}

		.sm-HSCC a.highlighted span.sub-arrow:before {
			display: none;
		}

		.sm-HSCC > li:first-child > a, .sm-HSCC > li:first-child > :not(ul) a {
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			-ms-border-radius: 0;
			-o-border-radius: 0;
			border-radius: 0;
		}

		.sm-HSCC > li:last-child > a, .sm-HSCC > li:last-child > :not(ul) a {
			-webkit-border-radius: 0 !important;
			-moz-border-radius: 0 !important;
			-ms-border-radius: 0 !important;
			-o-border-radius: 0 !important;
			border-radius: 0 !important;
		}

		.sm-HSCC > li:not(:last-child) {
			border-right: 1px solid #ba1d28;
		}

		.sm-HSCC > li:first-child {
			border-left: 0;
		}

		.sm-HSCC ul {
			border: none;
			padding: 7px 0;
			background: #af1a1d;
			-webkit-border-radius: 0 0 4px 4px !important;
			-moz-border-radius: 0 0 4px 4px !important;
			-ms-border-radius: 0 0 4px 4px !important;
			-o-border-radius: 0 0 4px 4px !important;
			border-radius: 0 0 4px 4px !important;
			-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
			box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
		}

      .sm-HSCC ul ul {
        -webkit-border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        -ms-border-radius: 4px !important;
        -o-border-radius: 4px !important;
        border-radius: 4px !important;
        background: #af1a1d;
      }

			.sm-HSCC ul a, .sm-HSCC ul a:hover, .sm-HSCC ul a:focus, .sm-HSCC ul a:active, .sm-HSCC ul a.highlighted {
				border: 0 !important;
				padding: 5px 20px;
				background: transparent;
				color: #FFFFFF;
				-webkit-border-radius: 0 !important;
				-moz-border-radius: 0 !important;
				-ms-border-radius: 0 !important;
				-o-border-radius: 0 !important;
				border-radius: 0 !important;
        font-size:14px
			}

				.sm-HSCC ul a:hover, .sm-HSCC ul a:focus, .sm-HSCC ul a:active, .sm-HSCC ul a.highlighted {
					background: #ffffff;
					color: #af1a1d;
				}

				.sm-HSCC ul a.current {
					background: #006892;
					background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #006188), color-stop(100%, #006f9c));
					background-image: -webkit-linear-gradient(to bottom, #006188, #006f9c);
					background-image: -moz-linear-gradient(to bottom, #006188, #006f9c);
					background-image: -o-linear-gradient(to bottom, #006188, #006f9c);
					background-image: linear-gradient(to bottom, #006188, #006f9c);
					color: white;
				}

				.sm-HSCC ul a.disabled {
					color: #b3b3b3;
				}

				.sm-HSCC ul a span.sub-arrow {
					top: 50%;
					margin-top: -5px;
					bottom: auto;
					left: auto;
					margin-left: 0;
					right: 5px;
					border-style: dashed dashed dashed solid;
					border-color: transparent transparent transparent #EEEEEE;
				}

			.sm-HSCC ul li {
				border: 0;
			}

		.sm-HSCC span.scroll-up,
		.sm-HSCC span.scroll-down {
			position: absolute;
			display: none;
			visibility: hidden;
			overflow: hidden;
			background: white;
			height: 20px;
		}

		.sm-HSCC span.scroll-up-arrow, .sm-HSCC span.scroll-down-arrow {
			position: absolute;
			top: -2px;
			left: 50%;
			margin-left: -8px;
			width: 0;
			height: 0;
			overflow: hidden;
			border-width: 8px;
			border-style: dashed dashed solid dashed;
			border-color: transparent transparent #2b82ac transparent;
		}

		.sm-HSCC span.scroll-down-arrow {
			top: 6px;
			border-style: solid dashed dashed dashed;
			border-color: #2b82ac transparent transparent transparent;
		}

		.sm-HSCC.sm-rtl.sm-vertical a span.sub-arrow {
			right: auto;
			left: 10px;
			border-style: dashed solid dashed dashed;
			border-color: transparent #a1d1e8 transparent transparent;
		}

		.sm-HSCC.sm-rtl > li:first-child > a, .sm-HSCC.sm-rtl > li:first-child > :not(ul) a {
			-webkit-border-radius: 0 8px 8px 0;
			-moz-border-radius: 0 8px 8px 0;
			-ms-border-radius: 0 8px 8px 0;
			-o-border-radius: 0 8px 8px 0;
			border-radius: 0 8px 8px 0;
		}

		.sm-HSCC.sm-rtl > li:last-child > a, .sm-HSCC.sm-rtl > li:last-child > :not(ul) a {
			-webkit-border-radius: 8px 0 0 8px !important;
			-moz-border-radius: 8px 0 0 8px !important;
			-ms-border-radius: 8px 0 0 8px !important;
			-o-border-radius: 8px 0 0 8px !important;
			border-radius: 8px 0 0 8px !important;
		}

		.sm-HSCC.sm-rtl > li:first-child {
			border-left: 1px solid #2b82ac;
		}

		.sm-HSCC.sm-rtl > li:last-child {
			border-left: 0;
		}

		.sm-HSCC.sm-rtl ul a span.sub-arrow {
			right: auto;
			left: 10px;
			border-style: dashed solid dashed dashed;
			border-color: transparent #a1d1e8 transparent transparent;
		}

		.sm-HSCC.sm-vertical {
			-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
			box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
		}

			.sm-HSCC.sm-vertical a {
				padding: 9px 23px;
			}

				.sm-HSCC.sm-vertical a span.sub-arrow {
					top: 50%;
					margin-top: -5px;
					bottom: auto;
					left: auto;
					margin-left: 0;
					right: 10px;
					border-style: dashed dashed dashed solid;
					border-color: transparent transparent transparent #a1d1e8;
				}

			.sm-HSCC.sm-vertical > li:first-child > a, .sm-HSCC.sm-vertical > li:first-child > :not(ul) a {
				-webkit-border-radius: 8px 8px 0 0;
				-moz-border-radius: 8px 8px 0 0;
				-ms-border-radius: 8px 8px 0 0;
				-o-border-radius: 8px 8px 0 0;
				border-radius: 8px 8px 0 0;
			}

			.sm-HSCC.sm-vertical > li:last-child > a, .sm-HSCC.sm-vertical > li:last-child > :not(ul) a {
				-webkit-border-radius: 0 0 8px 8px !important;
				-moz-border-radius: 0 0 8px 8px !important;
				-ms-border-radius: 0 0 8px 8px !important;
				-o-border-radius: 0 0 8px 8px !important;
				border-radius: 0 0 8px 8px !important;
			}

			.sm-HSCC.sm-vertical > li {
				border-left: 0 !important;
			}

			.sm-HSCC.sm-vertical ul {
				-webkit-border-radius: 4px !important;
				-moz-border-radius: 4px !important;
				-ms-border-radius: 4px !important;
				-o-border-radius: 4px !important;
				border-radius: 4px !important;
			}

				.sm-HSCC.sm-vertical ul a {
					padding: 9px 23px;
				}

	#main-menu:before {
		display: none;
	}
}


/* Mobile menu toggle button */

.main-menu-btn {
	/*float: right;*/
	top: 0;
	margin: 5px 0 3px 10px;
	position: relative;
	display: inline-block;
	width: 25px;
	height: 25px;
	text-indent: 25px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* hamburger icon */

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
	position: absolute;
	top: 50%;
	left: 2px;
	height: 3px;
	width: 24px;
	background: #FFFFFF;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}

	.main-menu-btn-icon:before {
		content: '';
		top: -7px;
		left: 0;
	}

	.main-menu-btn-icon:after {
		content: '';
		top: 7px;
		left: 0;
	}


/* x icon */

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
	height: 0;
	background: transparent;
}

	#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
		top: 0;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
		top: 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}


/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}


	/* hide the menu in mobile view */

	#main-menu-state:not(:checked) ~ #main-menu {
		display: none;
	}

	#main-menu-state:checked ~ #main-menu {
		display: block;
	}

@media (min-width: 701px) {
	/* hide the button in desktop view */
	.main-menu-btn {
		position: absolute;
		top: -99999px;
	}
	/* always show the menu in desktop view */
	#main-menu-state:not(:checked) ~ #main-menu {
		display: block;
	}
}

/* ===================== RESPONSIVE ========================= */
@media (min-width: 850px) {
	.sm-HSCC a, .sm-HSCC a:hover, .sm-HSCC a:focus, .sm-HSCC a:active, .sm-HSCC a.highlighted {
		padding: 10px 25px;
		font-size: 18px;
	}
}

/* ===================== RESPONSIVE ========================= */
@media (min-width: 1020px) {
	.sm-HSCC a, .sm-HSCC a:hover, .sm-HSCC a:focus, .sm-HSCC a:active, .sm-HSCC a.highlighted {
		padding: 10px 35px;
		font-size: 18px;
	}
}