.concord-menu-list {
	display: flex;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

.concord-menu-list .concord-menu-list-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	padding: 0 9px;
	position: relative;
	white-space: nowrap;
	cursor: pointer;
}


.concord-menu-list-item  > a,
.concord-menu-list-item  > span {
	cursor: pointer;
}



.concord-menu-type-flat .nav-child {
	display: none;
	flex-direction: column;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: 100;
}

.concord-menu-type-flat .concord-menu-list-item:hover .nav-child {
	display: flex;
}

.concord-menu-type-flat .nav-child > li {
	margin: 0;
	padding: 0;
}


.concord-menu-type-hamburger .nav-child {
	display: none;
	margin: 0;
	padding: 0;
}

.concord-menu-type-hamburger .nav-child > li {
	margin: 0;
	padding: 0;
}

.concord-menu-type-hamburger .nav-child > li > a {
    display: block;
    width: 100%;
    padding: 18px;
    color: inherit;
    text-decoration: none;
}

.concord-menu-type-hamburger .concord-menu-list-item.open .nav-child {
	display: flex;
}



.concord-menu-type-hamburger .nav-child > li > a,
.concord-menu-type-hamburger .concord-menu-list-item > a {
	cursor: pointer;
}


.concord-menu-default {
	display: block;
    width: 100%;
    height: 100%;
}

.concord-menu-mobile {
	display: none;
	height: 100%;
}

#wrap {
	transition: width 0.2s linear;
	width: 100%;
}

.concord-menu-hamburger-icon {
	cursor: pointer;
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.concord-menu-hamburger-icon svg {
	width: 50px;
	height: 50px;
}

.concord-menu-hamburger-icon svg path {
	fill: white;
}

.concord-menu-hamburger-list {
	display: flex;
	position: fixed;
	margin: 0;
	padding: 0;
	background-color: white;
	z-index: 100;
	overflow-y: scroll;
}

.concord-menu-hamburger-list  > li {
	display: block;
}



.concord-menu-hamburger-list  > li > span,
.concord-menu-hamburger-list  > li > a {
	display: block;
	width: 100%;
	padding: 18px;
	color: inherit;
	text-decoration: none;
}

.concord-menu-drawer-position-left {
	height: 100vh;
	top: 0;
	left: 0;
	
}
.concord-menu-drawer-position-top {
	
}
.concord-menu-drawer-position-right {
	height: 100vh;
	top: 0;
	right: 0;
}


.concord-menu-type-hamburger.active .concord-menu-hamburger-list {
	opacity: 1;
}

.concord-menu-type-hamburger .concord-menu-drawer-shadow {
	display: none;
	content: "";
	position: fixed;
	top:0;
	right:0;
	left:0;
	bottom: 0;
	z-index: 99;
	cursor: pointer;
}

.concord-menu-type-hamburger.active .concord-menu-drawer-shadow {
	display: block;
}

.concord-menu-type-hamburger.active .concord-menu-hamburger-list.concord-menu-drawer-position-left::after {

}
.concord-menu-type-hamburger.active .concord-menu-hamburger-list.concord-menu-drawer-position-top::after {

}
.concord-menu-type-hamburger.active .concord-menu-hamburger-list.concord-menu-drawer-position-right::after {

}

.concord-menu-drawer-animation-inline {

}

.concord-menu-drawer-animation-over {
	transition: width 0.2s linear;
	width: 0;
}
.concord-menu-drawer-animation-push {
	transition: width 0.2s linear;
	width: 0;
}
.concord-menu-drawer-animation-fade {
	transition: opacity 0.2s linear;
	opacity: 0;
}





.concord-menu-direction-row .concord-menu-list,
.concord-menu-direction-row .concord-hamburger-list,
.concord-menu-direction-row.concord-menu-type-hamburger .nav-child {
	flex-direction: row;
}

.concord-menu-direction-row-reverse .concord-menu-list,
.concord-menu-direction-row-reverse .concord-menu-hamburger-list,
.concord-menu-direction-row-reverse.concord-menu-type-hamburger .nav-child {
	flex-direction: row-reverse;
}
.concord-menu-direction-column .concord-menu-list,
.concord-menu-direction-column .concord-menu-hamburger-list,
.concord-menu-direction-column.concord-menu-type-hamburger .nav-child {
	flex-direction: column;
}
.concord-menu-direction-column-reverse .concord-menu-list,
.concord-menu-direction-column-reverse .concord-menu-hamburger-list,
.concord-menu-direction-column-reverse.concord-menu-type-hamburger .nav-child {
	flex-direction: column-reverse;
}
	
.concord-menu-justification-flex-start  .concord-menu-list,
.concord-menu-justification-flex-start  .concord-menu-hamburger-list,
.concord-menu-justification-flex-start.concord-menu-type-hamburger .nav-child {
	justify-content: flex-start;
}
.concord-menu-justification-flex-end .concord-menu-list,
.concord-menu-justification-flex-end .concord-menu-hamburger-list,
.concord-menu-justification-flex-end.concord-menu-type-hamburger .nav-child {

	justify-content: flex-end;
}
.concord-menu-justification-center .concord-menu-list,
.concord-menu-justification-center .concord-menu-hamburger-list,
.concord-menu-justification-center.concord-menu-type-hamburger .nav-child {
	justify-content: center;
}
.concord-menu-justification-space-between .concord-menu-list,
.concord-menu-justification-space-between .concord-menu-hamburger-list,
.concord-menu-justification-space-between.concord-menu-type-hamburger .nav-child {
	justify-content: space-between;
}
.concord-menu-justification-space-around .concord-menu-list,
.concord-menu-justification-space-around .concord-menu-hamburger-list,
.concord-menu-justification-space-around.concord-menu-type-hamburger .nav-child {
	justify-content: space-around;
}
.concord-menu-justification-space-evenly .concord-menu-list,
.concord-menu-justification-space-evenly .concord-menu-hamburger-list,
.concord-menu-justification-space-evenly.concord-menu-type-hamburger .nav-child {
	justify-content: space-evenly;
}

.concord-menu-alignment-flex-start .concord-menu-list,
.concord-menu-alignment-flex-start .concord-menu-hamburger-list,
.concord-menu-alignment-flex-start.concord-menu-type-hamburger .nav-child {
	align-items: flex-start;
}
.concord-menu-alignment-flex-end .concord-menu-list,
.concord-menu-alignment-flex-end .concord-menu-hamburger-list,
.concord-menu-alignment-flex-end.concord-menu-type-hamburger .nav-child {
	align-items: flex-end;
}
.concord-menu-alignment-center .concord-menu-list,
.concord-menu-alignment-center .concord-menu-hamburger-list,
.concord-menu-alignment-center.concord-menu-type-hamburger .nav-child {
	align-items: center;
}
.concord-menu-alignment-baseline .concord-menu-list,
.concord-menu-alignment-baseline .concord-menu-hamburger-list,
.concord-menu-alignment-baseline.concord-menu-type-hamburger .nav-child {
	align-items: baseline;
}
.concord-menu-alignment-stretch .concord-menu-list,
.concord-menu-alignment-stretch .concord-menu-hamburger-list,
.concord-menu-alignment-stretch.concord-menu-type-hamburger .nav-child {
	align-items: stretch;
}