.adaptive-menu {  /* the off-canvas slide-in menu */
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  overflow-x: hidden;
  //overflow-y: auto;
  box-sizing: border-box;
  width: 320px; /* width of the mobile menu */
  height: 100%;
  padding: 70px 0 50px 0;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: translateX(-324px);
  -ms-transform: translateX(-324px);
  transform: translateX(-324px);
  text-align: left; /* text on the off-canvas menu */
  background-color: rgba(32, 48, 79, 0.8); /* background of the entire slide out menu */
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  will-change: transform;
  font-family: Arial,Helvetica,sans-serif;
}
.adaptive-menu > *:first-child,
.adaptive-menu ul:first-of-type {
  display: block !important;
}
.adaptive-menu ul:first-of-type {
  margin: 55px 0 0 0; /* margin around the off-canvas slide-in pane */
  padding: 0;
  border-top: 1px solid #000; /* border around the entire off-canvas menu */
}
.adaptive-menu ul:first-of-type li {
  display: block;
  height: auto;
  margin: 0;
  padding-left: 25px;
  border-bottom: 1px solid #9daecd; /* border between the menu items */
  background-color: rgba(32, 48, 79, 0.8); /* background of the entire slide out menu */
  
}
.adaptive-menu ul:first-of-type li:hover::before, .adaptive-menu ul:first-of-type li:hover::after, .adaptive-menu ul:first-of-type li::before, .adaptive-menu ul:first-of-type li::after {
  display: none;
}
.adaptive-menu ul:first-of-type li a {
  text-align: left; /* positioning of the menu items on the off-canvas menu */
  font-size: 18px; /* font-size on the off-canvas dlide-in menu */
  display: block;
  padding: 25px 18px; /* padding aroun the menu items on the off-canvas menu */
  transition: background-color .3s ease-out;
  color: #fff; /* text on the slide-out menu */
  border: 0;
}
.adaptive-menu ul:first-of-type li a:hover {
  color: white;
  background: rgba(90, 106, 138, 0.8); /* the menu hover color */
}
.adaptive-menu ul:first-of-type li a:hover::before, .adaptive-menu ul:first-of-type li a:hover::after, .adaptive-menu ul:first-of-type li a::before, .adaptive-menu ul:first-of-type li a::after {
  display: none;
}
.adaptive-menu--is-visible.adaptive-menu {
  visibility: visible;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.adaptive-menu__open { /* position and size of the hamburger menu */
  position: absolute; /* absolute: moves with the headerband =========================================== */
  z-index: 2000;
  top: 16px;
  left: 0px;
  width: 50px;
  height: 50px;
  background: transparent;
}
.adaptive-menu__open--is-hidden {
  visibility: hidden;
}
.adaptive-menu__open > span {
  position: absolute;
  top: 46%;
  left: -webkit-calc(50% - 19px);
  left: calc(50% - 19px);
  width: 36px;
  height: 4px;
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-out;
  pointer-events: none;
  background: white;
     margin-left: 18px; /* position of menu icon */

}
.adaptive-menu__open > span:hover {
  opacity: .7;
}
.adaptive-menu__open > span::before, .adaptive-menu__open > span::after {
  position: absolute;
  left: 0;
  width: 36px;
  height: 4px;
  content: '';
  background: white;
}
.adaptive-menu__open > span::before {
  top: -10px;
}
.adaptive-menu__open > span::after {
  bottom: -10px;
}
.adaptive-menu__open > span b {
  display: none;
}
.adaptive-menu__close {
  position: absolute;
  z-index: 2000;
  top: 23px; /* one of 2: position of the close cross. The other: line 144 */
  left: 23px;
  width: 36px;
  height: 40px;
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-out;
  opacity: 1;
}
.adaptive-menu__close:hover {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 1;
}
.adaptive-menu__close--is-hidden {
  visibility: hidden;
}
.adaptive-menu__close > span {
  display: none;
}
.adaptive-menu__close::before, .adaptive-menu__close::after {
  position: absolute;
  top: 18px; /* one of 2: position of the close cross. The other: line 122 */
  left: 0;
  width: 36px;
  height: 6px;
  content: '';
  background: #fff; /* the cross */
}
.adaptive-menu__close::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.adaptive-menu__close::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.adaptive-menu__bg {
  position: fixed;
  z-index: 500;
  top: 0px;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  background-color: transparent;
}
.adaptive-menu__bg--is-visible {
  visibility: visible;
  background-color: rgba(0, 0, 0, 0.3); /* overlay color */
}



/* The desktop menu */
.layout-center { /* not used here */
  max-width: 1320px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
/*
header {  
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  	z-index: 200;
	border: 1px solid white;
}
*/

.wrapmenu {
	position: fixed; /* moved with headerband in the ready function */
	top: 0;
	right: 130px; /* horizontal positioning of the desktop menu */
	text-align: right; /* alignment of the desktop meny AND the off-canvas menu */
    background-color: transparent;  /* background color of the desktop menu */
	padding: 31px 60px 10px 0; /* vertical position of the desktop menu */
  	z-index: 2000;
}

.wrapmenu ul {
  margin: 0;
  list-style: none;
  background-color: transparent; /* background of the desktop menu */
}

.wrapmenu li {
  display: inline-block;
  margin-left: 0;
  padding: 3px;
}

.wrapmenu li a {
  font-family: arial, sans-serif;
  font-size: 14px; /* font-size of the desktop menu */
  font-weight: bold;
  text-decoration: none;
  color: white;
  padding: 7px; /* distance between menu items on the desktop menu */
}

.wrapmenu li:hover {
  background-color: #295685;
}

/*
.wrapmenu li a:hover { /* MG */
  color: orange;
}
*/