.gn-menu-main {
	display     : flex;
	align-items : center;
	text-align  : center;
	color       : white;
	position    : fixed;
  top         : 0;
  left        : 0;
  width       : 100%;
  height      : 60px;
  font-size   : 13px;
  background  : var(--c-primary);
}
.gn-menu-main .gn-trigger {
	flex         : 0 0 60px;
	border-right : 1px solid var(--c-primary-mid);
}
.gn-menu-main .languages {
	flex: 0 0 auto;
}
.gn-menu-main .languages .lang-item {
	display      : inline-block;
  padding      : 0 10px;
  border-right : 1px solid var(--c-primary-mid);
}
.gn-menu-main .languages .lang-item.current-lang a {
	color: var(--c-primary-mid) !important;
}

.gn-menu-main .logo {
	flex         : 0 1 auto;
	border-right : 1px solid var(--c-primary-mid);
}
.gn-menu-main .logo img {
	max-height: 50px;
}

.gn-menu-main .phone {
	flex           : 0 0 auto;
	border-right   : 1px solid var(--c-primary-mid);
  font-family    : 'Oswald', sans-serif;
  letter-spacing : 0;
  font-size      : 20px;
  font-weight    : 500;
  padding        : 0 30px;
  text-transform : uppercase;
}
.gn-menu-main .space {
	flex         : 1 1 auto;
	border-right : 1px solid var(--c-primary-mid);
}
.gn-menu-main .home {
	flex    : 0 0 auto;
	padding : 10px 20px;
}
@media(max-width: 700px) {
	.only-wide {
		display: none;
	}
}

.gn-menu-main,
.gn-menu-main ul {
	margin         : 0;
	padding        : 0;
	background     : inherit;
	list-style     : none;
	text-transform : none;
	font-weight    : 300;
	line-height    : 60px;
}
.gn-menu-main a {
	display             : block;
	height              : 100%;
	color               : white;
	text-decoration     : none;
	cursor              : pointer;
	font-family         : 'Open Sans', sans-serif;
	font-weight         : 600;
	font-size           : 16px;
  transition-property : color;
  transition-duration : 0.3s;
}

.gn-menu li {
	line-height : 1.2;
	padding     : 20px 20px;
}

#menu-main-menu li a {
  margin-left: 20px;
}


.no-touch .gn-menu-main a:hover,
.no-touch .gn-menu li.gn-search-item:hover,
.no-touch .gn-menu li.gn-search-item:hover a {
	background          : transparent;
	color               : var(--c-primary-dark);
  transition-property :color;
  transition-duration :0.3s;
}

.gn-menu-main li.gn-trigger {
	position: relative;
	width: 60px;
	-webkit-touch-callout: none;
	user-select: none;
}

.gn-menu-main .gn-trigger > a {
	padding: 0 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
}

.gn-menu-wrapper {
	position   : fixed;
	top        : 60px;
	bottom     : 0;
	left       : 0;
	overflow   : hidden;
	width      : 340px;
	background : var(--c-primary-mid);
	transform  : translateX(-340px);
	transition : transform 0.3s, width 0.3s;
}
.gn-scroller {
	position   : absolute;
	overflow-y : scroll;
	width      : 370px;
	height     : 100%;
}

.gn-menu {
	text-align    : left;
	font-size     : 18px;
}

.gn-menu li:not(:first-child),
.gn-menu li li {
		box-shadow: inset 0 1px var(--c-primary-dark);
}

.gn-submenu li {
		overflow: hidden;
		height: 0;
		transition: height 0.3s;
}

.gn-icon::before {
	display                : inline-block;
	width                  : 60px;
	text-align             : center;
	text-transform         : none;
	font-weight            : normal;
	font-style             : normal;
	font-variant           : normal;
	font-family            : 'ecoicons';
	line-height            : 1;
	-webkit-font-smoothing : antialiased;
}

.gn-icon span {
	width    : 0;
	height   : 0;
	display  : block;
	overflow : hidden;
}

.gn-icon-menu::before {
	margin-left    : -15px;
	vertical-align : -2px;
	width          : 30px;
	height         : 3px;
	background     : white;
	box-shadow     : 0 3px var(--c-primary), 0 -6px white, 0 -9px var(--c-primary), 0 -12px white;
	content        : '';
}

.no-touch .gn-icon-menu:hover::before,
.no-touch .gn-icon-menu.gn-selected:hover::before {
	background : white;
	box-shadow : 0 3px inherit, 0 -6px white, 0 -9px inherit, 0 -12px white;
}

.gn-icon-menu.gn-selected::before {
	background : white;
	box-shadow : 0 3px white, 0 -6px inherit, 0 -9px white, 0 -12px inherit;
}


.gn-menu-wrapper.gn-open-all,
.gn-menu-wrapper.gn-open-part {
	-webkit-transform : translateX(0px);
	-moz-transform    : translateX(0px);
	transform         : translateX(0px);
}

.gn-menu-wrapper.gn-open-all {
	width: 340px
}

.gn-menu-wrapper.gn-open-all .gn-submenu li {
	height: 60px
}

@media screen and (max-width: 422px) { 
	.gn-menu-wrapper.gn-open-all {
			-webkit-transform : translateX(0px);
			-moz-transform    : translateX(0px);
			transform         : translateX(0px);
			width             : 100%;
	}
	.gn-menu-wrapper.gn-open-all .gn-scroller {
			width: 130%
	}
}

.menucontainer > header {
	margin       : 0 auto;
	padding      : 12em 2em;
	padding-left : 370px;
	background   : rgba(0,0,0,0.05);
}

.menucontainer > header h1 {
	font-size   : 3.2em;
	line-height : 1.3;
	margin      : 0;
	font-weight : 300;
}


.menucontainer > header span {
	display   : block;
	font-size : 55%;
	padding   : 0 0 0.6em 0.1em;
}

@media screen and (max-width: 1025px) {
	.menucontainer > header {
		margin     : 0 auto;
		padding    : 120px 50px;
		font-size  : 70%;
		text-align : right;
	}
}

@media screen and (max-width: 740px) {
	.codrops-icon span {
		display: none;
	}

}

#gn-menu {
  z-index: 99999;
  background: var(--c-primary);
}
.gn-menu-wrapper.gn-open-all {
  width: 340px;
  border-right: 1px solid var(--c-border);
}
.gn-menu-wrapper.gn-open-all {
  width: 340px;
  background: var(--c-primary-mid);
}
.gn-menu li:not(:first-child), .gn-menu li li {  
  background: var(--c-primary-mid);
}