/* NUUNNAV CSS*/

.nuunnavbutton {display: none; width: 55px; cursor: pointer; position: fixed; z-index: 2500; top: 30px; right: 10%;}
.nuunnavbutton .navline {height: 3px; width: 100%; margin-bottom: 6px; border-radius: 5px; background: #000; opacity: 1; transition: transform 0.3s ease, opacity 0.3s ease;}

.nuunnavbutton.crossed .navline.top {transform: rotate(-30deg) translateY(8px) translateX(-7px);}
.nuunnavbutton.crossed .navline.mid {opacity: 0;}
.nuunnavbutton.crossed .navline.bot {width: 100%; margin-left: 0; transform: rotate(-150deg) translateY(5px) translateX(5px);}

#nuunnav {display: none; padding-top: 11px; font-family: 'ralewaysemibold'; font-size: 3rem; padding-left: 5%; padding-right: 5%; position: fixed; overflow-y: auto; top: 0; width: 100%; max-width: 500px; background: #ffffff; /*border:10px solid #fff;*/ height: 100vh; z-index: 2000; box-sizing: border-box; transition:right 0.6s ease, box-shadow 0.3s ease;}
#nuunnav.open {right: 0 !important; box-shadow: 0 0 10px #ababab;}
#nuunnav .inside {padding-bottom: 50px;}

#nuunnav .mod_navigation {margin-top: 20px; margin-bottom: 40px; display: inline-block; width: 100%;}
#nuunnav li a {font-family: 'ralewaysemibold'; color: #000; text-decoration: none; padding: 7px 15px; border-radius: 40px; background: #ffffff; border: 1px solid #ffffff; transition: background 0.3s ease, color 0.3s ease, border 0.3s ease;}
#nuunnav li a.active {color: #E02A2F;}
#nuunnav li.active_link a {color: #E02A2F;}
#nuunnav li a:hover {color: #E02A2F;}
#nuunnav ul {list-style: none; padding-left: 0; margin-bottom: 0; display: block; width: 100%;}
#nuunnav ul.level_1 {margin: 0;}
#nuunnav ul.level_1 > li {margin-bottom: 20px; clear: both; display: inline-block; width: 100%;}
#nuunnav ul.level_1 > li > a {display: inline-block; font-size: 3rem; float: left; clear: left; padding: 8px 0 5px 0;}
#nuunnav ul.level_1 > li.submenu > a {margin-right: 0px; float: left; clear: left;}
#nuunnav ul li.submenu .subtoggler {width: 50px; height: 52px; position: relative; display: flex; align-items: center; justify-content: center; float: left; cursor: pointer; background: url(../../graphics/navtoggler-down.svg) center no-repeat; background-size: 15px; transition: background 0.3s ease;}
/*#nuunnav ul li.submenu .subtoggler.down {background: url(../../graphics/navtoggler-up.svg) center no-repeat; background-size: 15px;}*/
#nuunnav ul.level_2 li.submenu .subtoggler {height: 40px;}
#nuunnav ul li.submenu .subtoggler .subtoggline1 {width: 16px; height: 2px; background: #000;}
#nuunnav ul li.submenu .subtoggler .subtoggline2 {width: 16px; height: 2px; background: #000; position: absolute; transform: rotate(90deg); transition: transform 0.3s ease;}
#nuunnav ul li.submenu .subtoggler.down .subtoggline2 {transform: rotate(0deg);}

#nuunnav ul.level_2 {display: none;}
#nuunnav ul.level_2 > li > a {color: #000; font-family: 'ralewayregular'; display: inline-block; font-size: 2rem; float: left; clear: left; padding: 0 0 0 20px;}
#nuunnav ul.level_2 li a.active {color: #E02A2F; font-family: 'ralewayregular';}
#nuunnav ul.level_2 li a:hover {color: #E02A2F; background: url(../../graphics/icon-nav-bg.svg) center left 4vw no-repeat;}

#nuunnav ul.level_3 {display: none;}
#nuunnav ul.level_3 > li > a {display: inline-block; text-transform: none; font-size: 1.7rem; float: left; clear: left; padding: 5px 0 5px 10px;}
#nuunnav ul.level_3 li a.active {font-family: 'ralewayregular';}
#nuunnav ul.level_3 li a:hover {color: #E02A2F; background: url(../../graphics/icon-nav-bg.svg) center left 6vw no-repeat;}

#nuunnav ul.level_4 {display: none;}
#nuunnav ul.level_4 > li > a {display: inline-block; text-transform: none; font-size: 1.5rem; float: left; clear: left; padding: 5px 0 5px 15px;}
#nuunnav ul.level_4 li a.active {font-family: 'ralewayregular';}
#nuunnav ul.level_4 li a:hover {color: #E02A2F; background: url(../../graphics/icon-nav-bg.svg) center left 6vw no-repeat;}


/*@media screen and (max-width: 800px) {
	#nuunnav li a.active {font-family: 'ralewayregular';}
	#nuunnav li a:hover {color: #000;}
	#nuunnav ul.level_2 li a.active {font-family: 'ralewayregular';}
	#nuunnav ul.level_2 li a:hover {color: #000;}
	#nuunnav ul.level_3 li a.active {font-family: 'ralewayregular';}
	#nuunnav ul.level_3 li a:hover {color: #000;}
	#nuunnav ul.level_4 li a.active {font-family: 'ralewayregular';}
	#nuunnav ul.level_4 li a:hover {color: #000;}
}*/

/*@media screen and (max-width: 650px) {
	.nuunnavbutton {width: 45px; top: 36px;} 
    .nuunnavbutton .navline {margin-bottom: 8px;}
    .nuunnavbutton.crossed .navline.top {transform: rotate(-45deg) translateY(5px) translateX(-7px);}
    .nuunnavbutton.crossed .navline.bot {transform: rotate(-135deg) translateY(10px) translateX(12px);}
}*/