.custom-menu--container {
	position         : fixed;
	width            : 455px;
	max-width        : calc(100% - 70px);
	height           : 120px;
	left             : 35px;
	top              : 35px;
	background-color : #fff;
	z-index          : 1;
	box-shadow       : 0 0 20px -10px #00000069;
	transition       : all 0.3s ease-in-out;
}

.custom-menu--container .custom-menu {
	display         : flex;
	flex-direction  : row;
	height          : 100%;
	justify-content : space-between;
	overflow        : hidden;
	position        : relative;
}

.custom-menu--container .custom-menu .menu--container {
	display    : flex;
	width      : 0;
	position   : relative;
	left       : -300%;
	opacity    : 0;
	transition : width 0.3s ease-in, left 0.3s ease-in-out, opacity 0.5s ease-in;
	z-index    : 1;
}

.custom-menu--container .custom-menu .menu--container .menu {
	display     : block;
	margin-left : auto;
}

.custom-menu--container .custom-menu .menu--container .menu ul {
	display     : flex;
	flex-wrap   : wrap;
	list-style  : none;
	align-items : center;
	height      : 100%;
	margin      : 0;
	padding     : 0;
}

.custom-menu--container .custom-menu .menu--container .menu ul li {
	margin : 0 20px;
}

.custom-menu--container .custom-menu .menu--container .menu ul li .anchor_link {
	display     : inline-block;
	color       : #000;
	white-space : nowrap;
	font-size   : var(--menu-font-size);
}

.custom-menu--container .custom-menu .menu--container .menu ul li .anchor_link:focus {
	outline : none;
}

.custom-menu--container .custom-menu .menu--container .menu ul li .anchor_link:first-letter {
	text-transform : uppercase;
}

.custom-menu--container .custom-menu .logo--container {
	display          : flex;
	align-items      : center;
	justify-content  : center;
	min-width        : 310px;
	z-index          : 9;
	background-color : white;
}

.custom-menu--container .custom-menu .logo--container .logo {
	display : inline-flex;
}

.custom-menu--container .custom-menu .icon--container {
	min-width        : 145px;
	background-color : #13212d;
	display          : flex;
	align-items      : center;
	justify-content  : center;
	flex-direction   : column;
	cursor           : pointer;
	z-index          : 9;
}

.custom-menu--container .custom-menu .icon--container .icon-label {
	display : inline-flex;
}

.custom-menu--container .custom-menu .icon--container .icon-label span {
	color       : #fff;
	font-size   : 14px;
	font-family : 'Cinzel', sans-serif;
	line-height : 14px;
	margin-top  : 14px;
}

.custom-menu--container .custom-menu .icon--container .icon .visuallyHidden {
	position : absolute;
	overflow : hidden;
	clip     : rect(0 0 0 0);
	height   : 1px;
	width    : 1px;
	margin   : -1px;
	padding  : 0;
	border   : 0;
}

.custom-menu--container .custom-menu .icon--container .icon .hamburger {
	margin          : 0 auto;
	width           : 30px;
	height          : 20px;
	position        : relative;
	display         : flex;
	justify-content : center;
	cursor          : pointer;
}

.custom-menu--container .custom-menu .icon--container .icon .hamburger .bar {
	padding          : 0;
	width            : 30px;
	height           : 2px;
	background-color : #fff;
	display          : block;
	transition       : all 0.4s ease-in-out;
	position         : absolute;
}

.custom-menu--container .custom-menu .icon--container .icon .bar1 {
	top : 0;
}

.custom-menu--container .custom-menu .icon--container .icon .bar2,
.custom-menu--container .custom-menu .icon--container .icon .bar3 {
	top   : 9px;
	width : 8px !important;
}

.custom-menu--container .custom-menu .icon--container .icon .bar2 {
	left : 7px;
}

.custom-menu--container .custom-menu .icon--container .icon .bar3 {
	right : 7px;
}

.custom-menu--container .custom-menu .icon--container .icon .bar.bar4 {
	bottom : 0;
	width  : 24px;
}

.custom-menu--container .custom-menu .icon--container .icon .menu_check:checked + label > .hamburger1 > .bar1 {
	transform        : rotate(45deg);
	transform-origin : 10%;
	width            : 30px
}

.custom-menu--container .custom-menu .icon--container .icon .menu_check:checked + label > .hamburger1 > .bar2 {
	transform        : translateX(-40px);
	background-color : transparent;
}

.custom-menu--container .custom-menu .icon--container .icon .menu_check:checked + label > .hamburger1 > .bar3 {
	transform        : translateX(40px);
	background-color : transparent;
}

.custom-menu--container .custom-menu .icon--container .icon .menu_check:checked + label > .hamburger1 > .bar4 {
	transform-origin : 5%;
	transform        : rotate(-45deg);
	width            : 30px;
}

/* Opened menu */
.custom-menu--container.opened {
	width : 100%;
}

.custom-menu--container.opened .custom-menu .menu--container {
	left       : 0;
	width      : 100%;
	opacity    : 1;
	transition : left 0.3s ease-in-out, opacity 0.2s ease-in;
}

.custom-menu--container.opened .custom-menu .menu--container .menu ul {
	flex-wrap : wrap;
}