/*==================================================
 * VISIBILITY
 * ================================================*/
#hamburgerIcon {
  display: none; 
}
@media screen and (max-width: 47.937em) {
  #mainNav {
    display: none;
  }
  #hamburgerIcon {
    display: block;
  }
}
/*==================================================
 * HAMBURGER ICON
 * ================================================*/
#hamburgerIcon { 
  position: absolute;
  top: 25px;
	right: 5%;
  width: 35px;
  height: 25px;
	z-index: 700;
}
#hamburgerIcon span, #hamburgerIcon span:before, #hamburgerIcon span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #000;
  position: absolute;
  display: block;
  content: '';
  text-indent: -9999em;
  margin-top: 0px;
}
#hamburgerIcon span:before {
  top: 10px;
}
#hamburgerIcon span:after {
  bottom: -20px; 
}
#hamburgerIcon span, #hamburgerIcon span:before, #hamburgerIcon span:after {
  transition: all 500ms ease-in-out;
}
#hamburgerIcon.active span {
  background-color: transparent;
}
#hamburgerIcon.active span:before, #hamburgerIcon.active span:after {
  top: 0;
}
#hamburgerIcon.active span:before {
  transform: rotate(45deg);
}
#hamburgerIcon.active span:after {
  transform: rotate(-45deg);
}
/* 380 px */
@media screen and (min-width: 23.750em) {
	#hamburgerIcon { 
		top: 28px;
		right: 15px;
	}
}

/*==================================================
 * CLOSE ICON
 * ================================================*/
.close {
  position: absolute;
  right: 5px;
  top: 0px;
  width: 32px;
  height: 32px;
  opacity: 0.5;
  text-indent: -9999em;
  font-size: 0px;
  color: transparent;
  display: block;
  cursor: pointer;
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #fff;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}


/*==================================================
 * MOBILE NAVI
 * ================================================*/
/*.mm-menu {
    width: 100%;
    z-index: 999999;
}*/
.mm-listview li:before {
	content: none;
	display: none;
}
.mm-menu.mm-right {
	color: #ffffff;
	background: #3b3b3a; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: 9999;
}
.mm-panel.mm-vertical,
.mm-listview.mm-next,
.has-dropdown.mm-opened a,
.mm-opened a {
	background: transparent!important;
	color: #ffffff;
}
.has-dropdown.mm-vertical,
.mm-listview.mm-vertical li {
	border-color: transparent!important;
}
.mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after {
	border-color: #ffffff;
}
.mm-listview.mm-vertical > li {
	font-size: 20px;
}
.mm-listview.level2.dropdown > li {
	font-size: 20px;
}
.mm-listview.level1 {
	margin-top: 16px!important;
}
.mm-navbar {
  border: 0px;
}
.mm-vertical .mm-listview .mm-panel, 
.mm-listview .mm-vertical .mm-panel {
	padding: 10px; 
}

/* 380 px */
@media screen and (min-width: 23.750em) {
	.mm-listview.mm-vertical > li {
		font-size: 25px;
	}
	.mm-listview.level1 {
		margin-top: 20px!important;
	}
}


/*==================================================
 * MAIN NAVI: GENERAL
 * ================================================*/  
#mainNav ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#mainNav li:before {
	display: none;
}
#mainNav a {
	text-decoration: none;
	display: block;
}

/*==================================================
 * MAIN NAVI: LEVEL 1
 * ================================================*/  
#mainNav .level1 > li {
	margin-bottom: 14px;
	padding: 0px;
}
#mainNav .level1 > li > a {
	font-size: 18px;
	font-size: 1.125rem;
	letter-spacing: 0.01em;
	font-weight: normal;
	color: #fff;
	background-color: #009aa3;
	padding: 17px 21px 20px;
}
#mainNav .level1 > li:hover > a,
#mainNav .level1 > li.ACT > a,
#mainNav .level1 > li.CUR > a,
.startpage #menuItem8 > a {
	background-color: #d20027 !important;
}



/*==================================================
 * MAIN NAVI: LEVEL 2
 * ================================================*/  
#mainNav .level2  {
	display: none;
	margin-top: 9px;
	margin-bottom: 39px;
}
#mainNav .level1 > li.CUR .level2,
#mainNav .level1 > li.ACT .level2 {
	display: block;
}
#mainNav .level2 > li {
	padding: 5px 0 0 0;
	margin-left: 18px;
}
#mainNav .level2 > li > a{
	border-bottom: 1px solid #000000;
	display: block;
	letter-spacing: 0;
	padding: 1px 12px 3px 2px;
	color: #000;
	font-weight: normal;
}
#mainNav .level2 > li.CUR > a,
#mainNav .level2 > li.ACT > a {
	color: #d20027;
	font-weight: normal;
}


/*==================================================
 * MAIN NAVI: LEVEL 3
 * ================================================*/  
#mainNav .level3 {
	display: none;
	margin-top: 9px;
	margin-bottom: 13px;
}
#mainNav .level2 > li.CUR .level3,
#mainNav .level2 > li.ACT .level3 {
	display: block;
}
#mainNav .level3 > li {
	margin-left: 22px;
	padding: 0;
}
#mainNav .level3 > li > a{
	font-size: 13px;
	font-size: 0.813rem;
	line-height: 1.231em;
	font-weight: normal;
	color: #000;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #000;
}
#mainNav .level3 > li.CUR > a,
#mainNav .level3 > li.ACT > a {
	color: #d20027;
}