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

#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon{height:0;background:0 0}
#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:before{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:after{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#main-menu-state{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(1px,1px,1px,1px)}
#main-menu-state:not(:checked)~#main-menu{display:none}
#main-menu-state:checked~#main-menu{display:block}


.gn-menu-main,
.gn-menu-main ul {
		margin: 0;
		padding: 0;
		background: transparent;
		color: #5f6f81;
		list-style: none;
		text-transform: none;
		font-weight: 300;
		font-family: 'SeravekWebBasic', Arial, sans-serif;
		line-height: 30px;
}

.gn-menu-main {
		position: fixed;
		z-index:100;
		top: 0;
		left: 0;
		width: 80px;
		height: 100%;
		background:#009fe3; 
	  
}

.gn-menu-main a {
		display: block;
		height: 100%;
		color: #5f6f81;
		text-decoration: none;
		cursor: pointer;
}
.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: #5f6f81;
		color: white;
}

.gn-menu-main > li {
		display: block;
		float: left;
		height: 100%;
		border-right: 0;
		text-align: center;
}

/* icon-only trigger (menu item) */

.gn-menu-main li.gn-trigger {
		position: absolute;
		width: 80px;
		padding-top:2rem;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none; 
}
/*
.gn-menu-main > li:last-child {
		float: right;
		border-right: none;
		border-left: 0;
}*/

.gn-menu-main > li > a {
		padding: 0 30px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: bold; 
		position:absolute;
		height:120px;
		z-index:100; 
}

.gn-menu-main:after {
		display: table;
		clear: both;
		content: "";
}

.gn-menu-wrapper {
		position: absolute;
		z-index:99;
		top: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		width: 80px;

		background: #c9e9fb;
		-webkit-transform: translateX(-80px); /*translateX(-60px)*/
		-moz-transform: translateX(-80px);
		transform: translateX(-80px);
		-webkit-transition: -webkit-transform 0.3s, width 0.3s;
		-moz-transition: -moz-transform 0.3s, width 0.3s;
		transition: transform 0.3s, width 0.3s;
}
.gn-menu {
		border-bottom: 1px solid #c6d0da;
		text-align: left;
		font-size: 1.125rem; 	
}


@media screen and (min-width: 801px) {
	
.gn-scroller {
		position: absolute;
		width: 260px;
		height: 100%;
		padding-top:2rem;
}

.gn-menu > li:hover {background:#009FE3;}
.gn-menu > li:hover > a {color:#fff;}

.gn-menu li {padding:0.5rem 0 0.5rem 1rem !important; text-transform:uppercase; font-weight:300; position:relative;}
.gn-menu li.act, .gn-menu li.cur {font-weight:700; }
.gn-menu li ul li.cur {font-weight:700; background:#009FE3}
.gn-menu li.has-children {background:url(../../Images/arrow.png) no-repeat 90% 50%;}	
.gn-menu li.has-children:hover {background:#009FE3;} 	


.gn-menu li:not(:first-child),
.gn-menu li li {
		box-shadow: inset 0 1px #c6d0da;
}
.gn-menu li ul li { padding:0.5rem 0 0 1rem !important; }
.gn-menu li.has-children ul li.has-children{background:none}

.gn-submenu {
	display: none;
	position: absolute;
    left: 260px;
    top: 0;
    width: 190px;
    z-index: 1;
    background: #d9f0fc !important; 
	}
	
#menu454 .gn-submenu, #menu456 .gn-submenu, #menu458 .gn-submenu, #menu462 .gn-submenu, #menu464 .gn-submenu  {
	display: none;
	position: absolute;
    left: 260px;
    top: 0;
    width: 100%;
    z-index: 1;
    background: #d9f0fc !important;
column-count: 3; column-gap:1em;column-width: 160px;	
	}	
li.act .gn-submenu {display: block;}
.gn-submenu li {
		overflow: hidden;
		height: 48px !important;
}
.gn-submenu li:hover {
background:#C9E9FB;
}

.gn-submenu li:first-child {
	display:none;
}
.gn-submenu li:nth-child(2) {
	background:url(../../Images/arrow.png) no-repeat 0 50%;
}

.gn-submenu li a {
		color: #54565a; 
}	
.gn-submenu li a:hover {	    
		color: #000; 
}

}

@media screen and (max-width: 1024px) {

#menu454 .gn-submenu, #menu456 .gn-submenu, #menu458 .gn-submenu, #menu462 .gn-submenu, #menu464 .gn-submenu  {
	display: none;
	position: absolute;
    left: 260px;
    top: 0;
    width: 100%;
    z-index: 1;
    background: #d9f0fc !important;
column-count: 3; column-gap:1em;column-width: 130px !important;	
    }
}

@media screen and (max-width: 800px) {
#menu454 .gn-submenu, #menu456 .gn-submenu, #menu458 .gn-submenu, #menu462 .gn-submenu, #menu464 .gn-submenu {
	display: none;
	position: relative;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    background: transparent !important;
    column-count: 1; column-gap:0;column-width: 100%;	
	}
.gn-menu li > a {display:inline-block; width:100%; max-width:230px; }
.gn-menu  li.has-children > a:before {font-family: 'FontAwesome'; content: "\f196"; float: right !important;}
.gn-menu  li.has-children ul li > a:before {content: ""; }
.gn-menu  li.has-children ul li.collapsed > a:before {content: ""; }
.gn-menu  li.has-children.collapsed > a:before {font-family: 'FontAwesome';  content: "\f147"; float: right !important;} 
.gn-menu  li.cur.collapsed > a:before {font-family: 'FontAwesome';  content: "\f147"; float: right !important;}
.gn-scroller {
		position: absolute;
		overflow-y: scroll;
		width: 480px;
		height: 100%;
		padding-top:2rem;
}

.gn-menu {
		border-bottom: 1px solid #c6d0da;
		text-align: left;
		font-size: 1.125rem; 	
}

.gn-menu li {padding:0.5rem 0 0.5rem 1rem !important; text-transform:uppercase; font-weight:300;}
.gn-menu li.act, .gn-menu li.cur {font-weight:700;}
.gn-menu li ul li.cur {font-weight:700;}
.gn-submenu li:nth-child(2) {
	background:url(../../Images/arrow.png) no-repeat 0 50%;
}



.gn-menu li:not(:first-child),
.gn-menu li li {
		box-shadow: inset 0 1px #c6d0da;
}
.gn-menu li ul li { padding:0.5rem 0 0 0.5rem !important; }


.gn-submenu {display: none;}
li.act .gn-submenu {display: block;}
.gn-submenu li {
		overflow: hidden;
		height: 2.625rem !important;
}

.gn-submenu li:first-child {
	display:none;
}

.gn-submenu li a {
		color: #54565a; 
}
.gn-submenu li a:hover {
		color: #000; 
}

}
	





.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; 
}

/* if an icon anchor has a span, hide the span */

.gn-icon span {
		/*width: 0;
		height: 0; */
		font-size:0.875rem;
		color:#fff;
		width: 60px;
		margin-left: -15px;
		overflow: hidden; 
}
.gn-icon-menu { vertical-align: 0px;}

.gn-icon-menu::before {
		margin-left: -15px;
		vertical-align: -20px;
		width: 50px;
		height: 4px;
		background: #fff;
		box-shadow: 0 4px transparent, 0 -8px #fff, 0 -12px transparent, 0 -16px #fff, 0 -20px transparent, 0 -24px #fff;
		content: ''; 
}

.no-touch .gn-icon-menu:hover::before,
.no-touch .gn-icon-menu.gn-selected:hover::before {
		background: white;
		box-shadow: 0 4px transparent, 0 -8px #fff, 0 -12px transparent, 0 -16px #fff, 0 -20px transparent, 0 -24px #fff;
}

.gn-icon-menu.gn-selected::before {
		background: #fff;
		box-shadow: 0 4px transparent, 0 -8px #fff, 0 -12px transparent, 0 -16px #fff, 0 -20px transparent, 0 -24px #fff;
}

/* styles for opening menu */

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

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

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

@media (min-width:601px){
#main-menu-state:not(:checked)~#main-menu{display:block}
}

@media screen and (max-width: 1024px) {
.gn-menu-main {
		position: fixed;
		z-index:100;
		top: 0;
		left: 0;
		width: 80px;
		background:url(../../Images/nav_bg.png) no-repeat;
    }
	
	
	.gn-menu-wrapper.gn-open-all {
		position: absolute;
		z-index:99;
		top: 120px;
		bottom: 0;
		left: 0;
		overflow: hidden;
		width: 260px;

		background: #c9e9fb;
		-webkit-transform: translateX(0px); 
		-moz-transform: translateX(0px);
		transform: translateX(0px);
		-webkit-transition: -webkit-transform 0.3s, width 0.3s;
		-moz-transition: -moz-transform 0.3s, width 0.3s;
		transition: transform 0.3s, width 0.3s;
         } 
	
}

@media screen and (max-width: 800px) { 
.gn-submenu li:nth-child(2) {
	background:none;
}
.gn-submenu li:first-child {
	display:block;
	background:url(../../Images/arrow_.png) no-repeat 0 50%
   }
}

@media screen and (max-width: 422px) { 
	.gn-menu-wrapper.gn-open-all {
			-webkit-transform: translateX(0px);
			-moz-transform: translateX(0px);
			transform: translateX(0px);
			width: 320px;
			min-width:320px;
	    }
	.gn-menu-wrapper.gn-open-all .gn-scroller {
			width: 320px;
	    }
	.gn-submenu li a {
		color: #54565a;
        font-size:0.875rem;		
    }
.gn-submenu li:last-child {margin-bottom:10px;}	
}

@media screen and (max-width: 375px) { 
  .gn-menu-wrapper.gn-open-all {
			min-width:375px;
	}
}