#menu {
	display: none;
	position: absolute;
	right: 31px;
	bottom: 27px;
    cursor:pointer;
	width:2.6667em;
	height:2.2em;
	z-index:2;
}
#menu .-line {
    width:100%;
    height: 0.4667em;
    background-color: #000;
    margin-top:0.4em;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#menu .-line:first-child {
    margin-top:0;
}
.mob_nav_open #menu .-line:nth-child(2) {
	opacity: 0;
}
.mob_nav_open #menu .-line:nth-child(1) {
	-webkit-transform: translateY(0.8667em) rotate(45deg);
	transform: translateY(0.8667em) rotate(45deg);
}
.mob_nav_open #menu .-line:nth-child(3) {
	-webkit-transform: translateY(-0.8667em) rotate(-45deg);
	transform: translateY(-0.8667em) rotate(-45deg);
}
#nav .-responsive {
	display:none;
}
@media (max-width: 1023px) {
	#container #menu {
		display: block;
	}
	#container #nav {
		display:block;
		position: absolute;
		z-index: 2;
		top:45px;
		left:0;
		right: 0;
		height:calc(100vh - 45px);
		width: 100%;
		margin: 0;
		font-size: 17px;
		line-height: 20px;
		background-color: rgba(255, 255, 255, 1);
		opacity:0;
		visibility: hidden;
		transition:opacity .3s ease-out, visibility .3s ease-out;
		padding: 21px 104px 60px 20px;
		overflow:auto;
	}
	#container.-fixedHead #nav {
		height:100vh;
	}
	.mob_nav_open #container #nav {
		opacity:1;
		visibility: visible;
	}
	#container #nav .-desktop {
		display:none;
	}
	#container #nav .-responsive {
		display:block;
	}
	#container #nav li {
		position:relative;
	}
	#container #nav a {
		display:block;
		padding: 10px 0;
	}
	#container #nav nav li > ul {
		display:none;
	}
	#container #nav nav > ul > li.cmsInside > ul {
		display:block;
	}
	#container #nav nav > ul > li > a {
		border-bottom:1px solid #000;
		padding: 10px 1.6em 10px 9px;
	}
	#container #nav nav li.cmsHasSub > a {
		padding-right:1.6em;
		position: relative;
	}
	#container #nav nav > ul > li:first-child > a {
		border-top:1px solid #000;
	}
	#container #nav li.cmsHasSub > a:after {
		content: "";
	    position: absolute;
		top: 14px;
		top:50%;
		margin-top:-6px;
	    right: 0px;
	    width: 20px;
	    height: 12px;
	    background-image: url("/qg/cms.layout.custom.6/pub/img/arrowUp_black.svg");
	    background-repeat: no-repeat;
	    -webkit-transform: rotate(180deg);
	    transform: rotate(180deg);
	    -webkit-transition:-webkit-transform .3s ease-out, background-image .3s ease-out;
	    transition:transform .3s ease-out, background-image .3s ease-out;
	}
	#container #nav li.cmsHasSub.cmsInside > a:after {
		background-image: url("/qg/cms.layout.custom.6/pub/img/arrowUp_blue.svg");
	}
	#container #nav li.cmsHasSub.-open > a::after,
	#container #nav li.cmsHasSub.cmsInside > a::after {
	    -webkit-transform: rotate(0deg);
	    transform: rotate(0deg);
	}
	#container #nav li.cmsHasSub:hover > a::after,
	#container #nav li.cmsHasSub.cmsInside > a::after {
	    background-image: url("/qg/cms.layout.custom.6/pub/img/arrowUp_blue.svg");
	}
	#container #nav li.cmsHasSub.cmsInside.-open > a::after {
	    -webkit-transform: rotate(180deg);
	    transform: rotate(180deg);
	}
	#container #nav li > ul {
		padding:0;
		margin:0;
	}
	#container #nav li > ul a {
		padding:10px 0 10px 1.2em;
	}
	#container #nav ul ul ul a {
		padding: 10px 1.6em 10px 2.4em;
	}
	#container #nav nav li > ul > li.cmsInside ul {
		display:block;
	}
}
@media (max-width: 767px) {
	#container #nav {
		padding-left:10px;
		padding-right:72px;
	}
	#container #nav nav > ul > li > a {
		padding-left:5px;
	}
	#container #nav li > ul,
	#container #nav li > ul li  {
		border-width:0;
	}
	#container #menu {
		right:15px;
	}
}
@media (max-width: 480px) {
	#container #nav {
		padding-right:67px;
	}
	#container #menu {
		bottom: 28px;
	}
}