@charset "UTF-8";
/* CSS Document */

* {
    -webkit-touch-callout:none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust:none;             /* prevent webkit from resizing text to fit */
    -webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent tap highlight color / shadow */
}
#navigation {
    -webkit-user-select:none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
}

#navigation a:link { -webkit-tap-highlight-color: ; background-color: transparent; }

 #navigation a, #navigation a:hover, #navigation a:focus, #navigation a:active {
      text-decoration: none;
      /*color: inherit;*/
      outline: none;
      background: transparent ;
      background-color: transparent ;
 }
  #navigation a:hover {
 	color: #1861af !important;
    -webkit-text-fill-color: #1861af;
 }
 #navigation a:active {
 	color: #1861af;
    -webkit-text-fill-color: #1861af;
 }
 .noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


#navigation {
	font-family: 'din_regular', Helvetica, sans-serif;
	font-size: 20px;
	position: fixed;	
	width: 220px;
	/*margin-left: 0px;
	margin-top: 49px;*/
	left: 30px;
	top: 41px;
    z-index: 10;
}
#navigation ul {
	margin-left: 8px;
}

#navigation li {
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	padding: 2px 10px 3px 0px;
}
#navigation li a {
	/*background-color: rgba(255,255,255,0.6);*/
	display: block;
	background-color: transparent;
	text-decoration: none;
	color: #333;
	/*text-shadow: 1px 1px 3px hsla(0,0%,100%,0.5);*/
}
#navigation li a:active {
	color: #1861af;
}
#navigation li a:hover {
	text-decoration: none;
	color: #1275bb !important;
	/*text-shadow: 0px 0px 3px hsla(24,100%,50%,0.8);	*/
    background-color: transparent;
}
label:hover {
	color: #1275bb;
}

/* ----- FILTERS ----- */

#navigation .filters li a {
	font-size: 14px;
	margin: -1px 0px 0px 0px;
	padding: 3px 10px 3px 0px;	
	text-transform: uppercase;
}
#navigation .filters li a:hover {
	color: #1275bb !important;
}
#navigation .filters li a:last-child {
	padding: 3px 10px 6px 0px;	
}
.filters {
	font-family: 'din_regular', Helvetica, sans-serif;
	margin-bottom: 0px;
	margin-left: 2px !important;
	margin-top: -1px;
	/*height: 110px;*/
	padding: 0px 0px 0px 0px;
	/*text-shadow: 0px 0px 3px hsla(0,0%,0%,0.8);*/
	/*background-color: hsla(24,100%,50%,0.8);*/
	line-height: 14px;
}
#navigation li.activebutton a {
	color: #1275bb;
	/*text-shadow: 0px 0px 3px hsla(24,100%,50%,0.8);*/	
	-webkit-transition: none;
 	-moz-transition: none;
 	-ms-transition: none;
  	-o-transition: none;
  	transition: none;
}
#navigation li.activebutton a {
	/*color: #FFF !important;*/	
}
#navigation li a.selected {
	color: #1275bb;	
}
















/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
  box-sizing: border-box;
}

html {
  /*font-size: 62.5%;*/
}

body {
 /* font-size: 1.6rem;*/
/*  font-family: "Jaldi", sans-serif;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  /*color: #a0f6aa;*/
  text-decoration: none;
}



/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-accordion-menu {
  /*width: 90%;*/
/*  max-width: 600px;*/
/*  background: #4d5158;*/
  margin: 0px auto;
  list-style: none;
  position: relative;
  z-index: 99;

}
.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
  list-style: none;
}
/*
.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
*/
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  display: block;
  padding: 0px 0px 9px 0px;
  background: rgba(255,255,255,0.00);

}
.cd-accordion-menu label a {
	padding: 0px 0px 0px 0px;
}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
  background: rgba(255,255,255,0.00);
}
.cd-accordion-menu label:hover, .cd-accordion-menu a:hover {
	color: #1275bb;
}

.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu label {
  /*cursor: pointer;*/
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after {
  background-image: url(../img/cd-icons.svg);
  background-repeat: no-repeat;
}
.cd-accordion-menu label::before {
  left: 0px;
  background-position: 0 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.cd-accordion-menu label::after {
  display: none;
}
.cd-accordion-menu a::after {
  display: none;
}

.cd-accordion-menu input[type=checkbox]:checked + label::before {

  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu input[type=checkbox]:checked + label::after {

  background-position: -32px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  display: block;
}

.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
  background: rgba(255,255,255,0.00);
  padding-left: 0px;
}
.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover {
  background: rgba(255,255,255,1.00);
}
.cd-accordion-menu ul label:hover, .cd-accordion-menu ul a:hover {
	color: #1275bb;
}
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
  box-shadow: none;
}
.cd-accordion-menu ul label::before {
  left: 10px;
}
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
  left: 59px;
}
/*LEVEL 3:*/
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
  padding-left: 46px;
  border-top: 0px dotted #999;
  color: #333;
  padding: 0px 0 0px 46px;
}
.last { padding-bottom: 8px;}
.cd-accordion-menu ul ul label::before {
  left: 0px;
  display: none;
}
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
  left: 0px;
}
/*Level 4:*/
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
  padding-left: 0px;
}
.cd-accordion-menu ul ul ul label::before {
  left: 0px;
}
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
  left: 0px;
}






.show-hide {
  padding: 10px;
  display: none;
  cursor: grab;
   position: relative;
    z-index: 9999;
}


@media only screen and (max-width: 700px) {
  .show-hide {
    display: inline-block;
    float: right;
    margin-right: -10px;
    margin-top: -55px;
    position: relative;
    z-index: 9999;

  }
 .cd-accordion-menu {
    display: none;
  }
    .cd-accordion-menu.toggle {
    display: block;
  }
.cd-accordion-menu  {
	margin-top: 0px !important;
}
  
#navigation {
	position: relative;	
}  

.filters {
	line-height: 10px;
}

#navigation {
	font-family: 'din_regular', Helvetica, sans-serif;
	font-size: 20px;	
	width: 300px;
	margin: 30px 0px 0px 0px;
	position: relative;
	left: 0;
	top: 0px;
}
#navigation ul {
	margin-left: 0px;
    margin-top: 0px;
}
#navigation li {
	margin: 0px 0px 0px 0px;
	padding: 1px 10px 1px 0px !important;
}
#navigation .filters li a {
	padding: 0px 10px 0px 0px !important;	
}
#navigation .filters li a:last-child {
	padding: 3px 10px 12px 0px !important;	
}
.navheader {
	margin-bottom: 10px !important;
}

  
  
}


@media only screen and (min-width: 780px) {
 .cd-accordion-menu {
    display: block !important;
  }
}


.cd-accordion-menu a li:hover, .noselect:hover {
	color: #1861af !important;
}