/*@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);*/
:root{
	--menu-size: 50px;/* Declared on the root to be used by the page element for header padding offset when set as a fixed position */
}
#cssmenu-wrapper{

	position: relative;

	/* Import colors from main styles if they exist, else use the fallbacks */
	--menu-clr-primary: var(--header-clr-primary, #dddddd);
	--menu-clr-primary-rgb: var(--header-clr-primary-rgb, 221, 221, 221);
	--menu-clr-secondary: var(--header-clr-secondary, #ffffff);
	--menu-clr-secondary-rgb: var(--header-clr-secondary-rgb, 255, 255, 255);

	--menu-clr-bg: var(--header-clr-bg, #333333);
	--menu-clr-bg-rgb: var(--header-clr-bg-rgb, 51, 51, 51);
	--menu-clr-bg-active: var(--header-clr-bg-highlight, #222222);
	--menu-clr-bg-active-rgb: var(--header-clr-bg-highlight-rgb, 34, 34, 34);

	--menu-btn-color: var(--header-btn-color, var(--menu-clr-primary));
	--menu-btn-color-rgb: var(--header-btn-color-rgb, var(--menu-clr-primary-rgb));
	--menu-btn-color-active: var(--header-btn-color-active, var(--menu-clr-secondary));
	--menu-btn-color-active-rgb: var(--header-btn-color-active-rgb, var(--menu-clr-secondary-rgb));

	--menu-logo-size: 8.5em;
	/*--menu-logo-ratio: 1.595;*//* logo.png */
	--menu-logo-ratio: 1.621468926553672;/* logo-noShadow.png */
	--menu-logo-width: calc(
		(var(--menu-logo-size) * var(--menu-logo-ratio))
		- (var(--menu-logo-v-inset) * var(--menu-logo-ratio) * 2)
		- (var(--menu-logo-h-inset) * 2)
	);
	--menu-logo-height: calc(
		var(--menu-logo-size)
		- (var(--menu-logo-v-inset) * 2)
		- (var(--menu-logo-h-inset) / var(--menu-logo-ratio) * 2)
	);
	--menu-logo-v-inset: 0px;/* Vertical inset */
	--menu-logo-h-inset: 0px;/* Horizontal inset */
	--menu-logo-v-offset: 0px;/* Vertical offset */
	--menu-logo-h-offset: calc(var(--inner-h-padding, 25px));/* Horizontal offset */

	/* Used for mobile menu */
	--menu-item-indent: var(--inner-h-padding, 24px);
	--menu-item-indent-mult: 0;/* 0.66 */
	--menu-btn-inset: 12px;
	--menu-btn-v-offset: 0px;
	--menu-btn-h-offset: 0px;
	--menu-btn-size: calc(var(--menu-size) - (var(--menu-btn-inset) * 2));
	--menu-btn-line-thickness: 2px;
	
/*     --menu-borders: 1px solid rgba(255, 255, 255, 0.1); */
    --menu-borders: 0;

}
#cssmenu-logo{
	position: absolute;
	top: calc(
		var(--menu-logo-v-inset)
		+ var(--menu-logo-v-offset)
		+ (var(--menu-logo-h-inset) / var(--menu-logo-ratio))
	);
	left: calc(var(--menu-logo-h-inset) + calc(var(--menu-logo-h-offset) * 0.5));
	height: var(--menu-logo-height);
	width: var(--menu-logo-width);
	z-index: 1010;
	transition: filter 0.1s ease-out;
}
#cssmenu-logo:hover,
#cssmenu-logo:active,
#cssmenu-logo:focus{
    filter: drop-shadow(0px 2px 4px #000000);
}
#cssmenu-logo img{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    display: block;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
}
/* Placeholder if there is no image */
#cssmenu-logo img[src=''],
#cssmenu-logo img:not([src]){
	width: 100%;
	height: 100%;
}
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a,
#cssmenu-btn {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1em;
	display: block;
	position: relative;
	box-sizing: border-box;
}
#cssmenu {
	/* font-family: Montserrat, sans-serif; */
	background: var(--menu-clr-bg);
	color: var(--menu-clr-primary);
	height: var(--menu-size);
	margin: 0 0 0 auto;
	margin-left: calc(var(--menu-logo-width) + var(--menu-logo-h-offset));
/* 	width: calc(100% - (var(--menu-logo-width) + (var(--menu-logo-h-offset) * 1.5))); */
	width: auto;
	text-align: center;
	z-index: 1000;
	isolation: isolate;
}
#cssmenu-btn {
	display: none;
	cursor: pointer;
}
#cssmenu > ul{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0 auto;
    width: auto;
    position: relative;
	font-family: interstate-compressed, sans-serif;
}
#cssmenu ul li{
/* 	text-align: left; */
}
#cssmenu > ul > li {
	display: inline-block;
	vertical-align: middle;
	flex: auto;
}
#cssmenu ul > li > a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
	position: relative;
	text-align: center;
	height: var(--menu-size);
	line-height: var(--menu-size);
	margin: 0px;
	padding: 0 0.5em;
/*     font-size: 1.65em; */
    font-size: 1.475em;
	text-decoration: none;
	color: var(--menu-clr-primary);
	font-weight: 700;
	user-select: none;
}
#cssmenu ul ul > li > a{
    justify-content: left;
}
#cssmenu > ul > li > a:before{
	content: '';
	position: absolute;
	top: 100%;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--clr-primary);
/* 	background: rgb(246,147,3); */
	background: -moz-linear-gradient(180deg, rgba(246,147,3,1) 0%, rgba(243,128,3,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(246,147,3,1) 0%, rgba(243,128,3,1) 100%);
	background: linear-gradient(180deg, rgba(246,147,3,1) 0%, rgba(243,128,3,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f69303",endColorstr="#f38003",GradientType=1);
	transition: top 0.15s ease;
	z-index: -1;
}
#cssmenu > ul > li:hover > a:before,
#cssmenu > ul > li:focus-within > a:before{
	top: 0;
}
#cssmenu ul > li > a > img{
	display: inline-block;
	vertical-align: middle;
	width: auto;
    height: 1.15em;
	margin-right: 0.5em;
	transition: filter 0.15s ease;
}
#cssmenu ul > li > a > span{
	display: inline-block;
	vertical-align: middle;
	line-height: 0.8em;
}
#cssmenu ul > li:hover > a > img,
#cssmenu ul > li:focus-within > a > img,
#cssmenu ul ul > li > a > img{
	filter: saturate(0%) brightness(250%);
}
#cssmenu ul ul > li > a > img{
	display: none;
	transition: none;
}
#cssmenu ul ul > li:hover > a > img,
#cssmenu ul ul > li:focus-within > a > img{
	filter: none !important;
}
/* 
#cssmenu li:hover > a,
#cssmenu li:focus-within > a,
#cssmenu li a:focus,
#cssmenu li.cssm-sub-opened > a{
	background: var(--menu-clr-bg-active);
	color: var(--menu-clr-secondary);
}
 */
/* 
#cssmenu li.cssm-has-sub > a{
	padding-right: 30px;
}
#cssmenu li.cssm-has-sub > a:after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 11px;
	width: 8px;
	height: 2px;
	display: block;
	background: var(--menu-clr-primary);
}
#cssmenu li.cssm-has-sub > a:before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 14px;
	display: block;
	width: 2px;
	height: 8px;
	background: var(--menu-clr-primary);
	transition: all .25s ease;
}
#cssmenu li:hover > a:before,
#cssmenu li:hover > a:after,
#cssmenu li:focus-within > a:before,
#cssmenu li:focus-within > a:after {
	background-color: var(--menu-clr-secondary);
}
#cssmenu li.cssm-has-sub:hover > a:before,
#cssmenu li.cssm-has-sub:focus-within > a:before,
#cssmenu li.cssm-has-sub > a:focus:before,
#cssmenu li.cssm-sub-opened > a:before {
	height: 0;
}
 */
#cssmenu ul li a{
	cursor: pointer;
}
#cssmenu ul li a[href=""],
#cssmenu ul li a:not([href]){
  cursor: default;
}
#cssmenu ul ul {
	/* display: none; */
	box-shadow: 5px 5px 10px -5px var(--menu-clr-bg-active);
	position: absolute;
	overflow: hidden;
    min-width: 100%;/* Fallback if max() isn't supported */
    min-width: max(100%, 12.5em);/* basically 12.5em, but no less than 100% */
	z-index: 300;
/* 	left: -9999px; */
	background: var(--clr-primary);
	max-height: 0;
    box-shadow: 0px 0px 0.25em -0.05em #000000;
    z-index: -2;
}
#cssmenu ul li:hover > ul,
#cssmenu ul li:focus-within > ul {
/* 	left: 0; */
	max-height: 30em;
	transition: max-height 0.5s ease;
}
#cssmenu ul li.cssm-sub-opened > ul{
	max-height: none;
}
#cssmenu ul ul ul {
	margin-left: 100%;
	top: 0;
}
#cssmenu ul ul li{
}
#cssmenu ul ul li a {
    font-size: 1.4em;
    padding: 0 0.75em;
    min-width: 7.5em;
	font-weight: 400;
	text-decoration: none;
	text-align: left;
	color: #ffffff;
	background: var(--clr-primary);
}
#cssmenu ul ul li a:hover,
#cssmenu ul ul li a:focus{
	color: var(--clr-primary);
	background: #ffffff;
}


/* Laptop */

@media all and (max-width: 1300px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1300px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1300px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1300px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1300px),
only screen and (min-resolution: 192dpi) and (max-width: 1300px),
only screen and (min-resolution: 2dppx) and (max-width: 1300px) {

#cssmenu > ul > li > a,
#cssmenu ul ul li a {
/* 	font-size: calc(1.5vw + 0.425em); */
	font-size: calc(1.5vw + 0.225em);
}

}


/* Mobile - Tablet and Phone */

@media all and (max-width: 1024px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min-resolution: 192dpi) and (max-width: 1024px),
only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
:root{
	--menu-size: 64px;
}
#cssmenu-wrapper{
    --menu-logo-size: 8em;
}
.header-opened #cssmenu-wrapper{
    --menu-logo-size: 6.5em;
}
#preheader{
	transition: all 0.15s ease-out;
}
#cssmenu-logo{
	transition: all 0.15s ease-out;
}
#cssmenu {
	width: 100%;
	margin: 0;
	text-align: left;
}
.header-opened #cssmenu #cssmenu-btn,
.cssm-sub-opened > .cssm-sub-btn {
	--menu-btn-color: var(--menu-btn-color-active);
	--menu-btn-color-rgb: var(--menu-btn-color-active-rgb);
}
#cssmenu ul{
	--menu-btn-inset: 14px;
	--menu-btn-v-offset: 0px;
	--menu-btn-h-offset: 0px;
	--menu-btn-size: calc(var(--menu-size) - (var(--menu-btn-inset) * 2));
	display: none;
	box-shadow: none;
	background: var(--menu-clr-bg);
	margin: 0;
	z-index: 100;
    background: url('/images/bgs/bg-woodGrain.jpg') center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
#cssmenu ul ul,
#cssmenu ul ul ul {
	position: relative;
	left: 0;
	width: 100%;
	margin: 0;
	text-align: left;
}
#cssmenu ul ul{
	background: none;
	min-width: 0;
}
#cssmenu > ul{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	padding-top: var(--header-height, var(--menu-size));
	height: calc(100vh - var(--preheader-height));
	overflow: auto;
	box-shadow: none;
    z-index: 1;
}
.header-opened #cssmenu > ul{
	display: block !important;
	opacity: 1;
}
#cssmenu > ul:before{
	content: '';
	position: fixed;
	background: rgba(0,0,0,0.35);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
/* 
#cssmenu > ul,
#cssmenu .cssm-has-sub > ul{
	opacity: 0;
	transition: opacity 1s ease;
}
 */
#cssmenu .cssm-sub-opened > ul{
	display: block !important;
	opacity: 1;
    z-index: 1;
	box-shadow: none;
/* 	background: rgba(var(--clr-primary-rgb), 0.1) !important; */
}
#cssmenu .cssm-has-sub{
	isolation: isolate;/* To guarantee a complete overlay of menu items behind. Keeps the backdrop inside the active item, over others. */
}
#cssmenu .cssm-sub-opened{
	z-index: 2;
}
#cssmenu .cssm-sub-opened ~ .cssm-sub-opened{
	z-index: 1;
}
#cssmenu ul li{
	border: none;
	width: 100%;
    display: block;
}
#cssmenu ul li:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-top: var(--menu-borders);
	pointer-events: none;
}
#cssmenu > ul > li:nth-last-of-type(1):after{
	border-bottom: var(--menu-borders);
}
/* Color-out behind opened menus */
.header-opened #cssmenu:before,
#cssmenu .cssm-sub-opened:before{
	content: '';
	position: fixed;
	top: var(--menu-size);
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--menu-clr-bg);
}
#cssmenu .cssm-sub-opened:before{
	display: none;/* Disabled, as the menus currently are set to static/relative position */
    position: fixed;
    top: 0;
    bottom: 0;
    height: auto;
/* 	height: calc(100vh - 1px - (var(--menu-size) * 2)); */
    background: rgba(0, 0, 0, 0.5);
}
/*
#cssmenu .cssm-sub-opened:nth-of-type(2):before{
    top: calc(var(--totalHeaderHeight) - var(--header-borderBottom) + var(--menu-size));
}
#cssmenu .cssm-sub-opened:nth-of-type(3):before{
    top: calc(var(--totalHeaderHeight) - var(--header-borderBottom) + (var(--menu-size) * 2));
}
#cssmenu .cssm-sub-opened:nth-of-type(4):before{
    top: calc(var(--totalHeaderHeight) - var(--header-borderBottom) + (var(--menu-size) * 3));
}
*/
/*
#cssmenu .cssm-sub-opened .cssm-sub-opened:before{
    top: calc(var(--menu-size) * 2);
}
#cssmenu .cssm-sub-opened .cssm-sub-opened .cssm-sub-opened:before{
    top: calc(var(--menu-size) * 3);
}
#cssmenu .cssm-sub-opened .cssm-sub-opened .cssm-sub-opened .cssm-sub-opened:before{
    top: calc(var(--menu-size) * 4);
}
#cssmenu .cssm-sub-opened .cssm-sub-opened .cssm-sub-opened .cssm-sub-opened .cssm-sub-opened:before{
    top: calc(var(--menu-size) * 5);
}
#cssmenu .cssm-sub-opened .cssm-sub-opened .cssm-sub-opened .cssm-sub-opened .cssm-sub-opened .cssm-sub-opened:before{
    top: calc(var(--menu-size) * 6);
}
*/
#cssmenu ul ul li,
#cssmenu li:hover > ul > li {
	height: auto;
}
#cssmenu ul li a {
	width: 100%;
	height: var(--menu-size);
	line-height: var(--menu-size);
    font-size: 2em;
	/* border-bottom: 1px solid rgba(var(--menu-clr-primary-rgb), 0.3); */
	padding-right: var(--menu-item-indent);
	padding-left: var(--menu-item-indent);
	color: var(--menu-clr-primary) !important;
	background: none;
}
#cssmenu ul li a:focus-visible{
    color: var(--clr-primary) !important;
}
#cssmenu ul > li > a > img {
    aspect-ratio: 1;
    object-fit: contain;
    filter: none !important;/*saturate(0%) brightness(250%)*/
}
#cssmenu ul > li > a > img{
	transition: none;
}
#cssmenu ul ul > li > a > img{
	display: inline-block;
}
#cssmenu > ul > li > a{
    justify-content: flex-start;
/* 	background: rgba(0,0,0,0.25); */
	background: none;
}
/* 
#cssmenu > ul > li > a:hover, #cssmenu > ul > li > a:active, #cssmenu > ul > li > a:focus-visible{
	background: rgba(0,0,0,0.5);
}
 */
#cssmenu > ul > li > a:before{
	display: none;
}
/* 
#cssmenu > ul > li.cssm-sub-opened > a > img {
    filter: saturate(0%) brightness(250%) !important;
}
 */
/* Up to 7 layers deep - Expand further if needed, but turn down the indentation or multiplier. */
/* The last item's descendants will inherit its padding. It just stop indenting further. */
#cssmenu ul ul li a {
	font-size: 2em;
	padding-left: calc(var(--menu-item-indent) + 1.65em + (var(--menu-item-indent) * var(--menu-item-indent-mult)));
    padding-top: 0;
    padding-bottom: 0;
    background: none !important;
    color: inherit;
}
#cssmenu ul ul ul li a {
	padding-left: calc(var(--menu-item-indent) + 1.65em + (var(--menu-item-indent) * var(--menu-item-indent-mult) * 2));
}
/*
#cssmenu ul ul ul ul li a {
	padding-left: calc(var(--menu-item-indent) + 1.65em + (var(--menu-item-indent) * var(--menu-item-indent-mult) * 3));
}
#cssmenu ul ul ul ul ul li a {
	padding-left: calc(var(--menu-item-indent) + 1.65em + (var(--menu-item-indent) * var(--menu-item-indent-mult) * 4));
}
#cssmenu ul ul ul ul ul ul li a {
	padding-left: calc(var(--menu-item-indent) + 1.65em + (var(--menu-item-indent) * var(--menu-item-indent-mult) * 5));
}
#cssmenu ul ul ul ul ul ul ul li a {
	padding-left: calc(var(--menu-item-indent) + 1.65em + (var(--menu-item-indent) * var(--menu-item-indent-mult) * 6));
}
*/
/* 
#cssmenu li:hover > a,
#cssmenu li a:focus{
	background: none;
	color: var(--menu-clr-primary);
}
*/
#cssmenu ul li.cssm-has-sub > a {
	padding-right: var(--menu-size);
}
/* #cssmenu li.cssm-sub-opened a{
	background: rgba(var(--menu-clr-bg-active-rgb), 0.3);
}
#cssmenu li.cssm-sub-opened li.cssm-sub-opened a{
	background: rgba(var(--menu-clr-bg-active-rgb), 0.5);
}
#cssmenu li.cssm-sub-opened li.cssm-sub-opened li.cssm-sub-opened a{
	background: rgba(var(--menu-clr-bg-active-rgb), 0.6);
}*/
#cssmenu li.cssm-sub-opened > a,
#cssmenu .cssm-sub-opened > ul{
	background: rgba(0,0,0,0.15) !important;
}
/* 
#cssmenu li.cssm-sub-opened > a{
	background: rgba(var(--clr-primary-rgb), 0.1) !important;
	color: #ffffff !important;
}
 */
/* #cssmenu li.cssm-has-sub li.cssm-sub-opened > a{
	background: rgba(var(--menu-clr-bg-active-rgb), 0.75);
}
#cssmenu li.cssm-has-sub li.cssm-has-sub li.cssm-sub-opened > a{
	background: rgba(var(--menu-clr-bg-active-rgb), 0.6);
}
#cssmenu li.cssm-has-sub li.cssm-has-sub li.cssm-has-sub li.cssm-sub-opened > a{
	background: rgba(var(--menu-clr-bg-active-rgb), 0.5);
}
#cssmenu li.cssm-has-sub li.cssm-has-sub li.cssm-has-sub li.cssm-has-sub li.cssm-sub-opened > a{
	background: rgba(var(--menu-clr-bg-active-rgb), 0.4);
}
#cssmenu li.cssm-has-sub li.cssm-has-sub li.cssm-has-sub li.cssm-has-sub li.cssm-has-sub li.cssm-sub-opened > a{
	background: rgba(var(--menu-clr-bg-active-rgb), 0.3);
}*/
#cssmenu > ul > li.cssm-has-sub > a:after,
#cssmenu > ul > li.cssm-has-sub > a:before,
#cssmenu ul ul > li.cssm-has-sub > a:after,
#cssmenu ul ul > li.cssm-has-sub > a:before {
	display: none;
}
#cssmenu-btn {
	position: absolute;
	z-index: 101;/* In front of the main dropdown */
	display: block;
	top: calc(var(--menu-btn-inset) + var(--menu-btn-v-offset));
	right: calc(var(--menu-btn-inset) + var(--menu-btn-h-offset));
	height: var(--menu-btn-size);
	width: var(--menu-btn-size);
	color: var(--menu-btn-color);
	box-sizing: border-box;
	border: var(--menu-btn-line-thickness) solid var(--menu-btn-color);
	border-radius: calc(var(--menu-btn-size) * 0.15);
}
#cssmenu-btn:before,
#cssmenu-btn:after{
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: calc(var(--menu-btn-size) * 0.625);
	transition: all 0.25s ease;
}
#cssmenu-btn:before {
	height: var(--menu-btn-line-thickness);
	background: var(--menu-btn-color);
}
#cssmenu-btn:after {
	height: calc(var(--menu-btn-size) * 0.275);
	border-top: var(--menu-btn-line-thickness) solid var(--menu-btn-color);
	border-bottom: var(--menu-btn-line-thickness) solid var(--menu-btn-color);
}
.header-opened #cssmenu #cssmenu-btn:before,
.header-opened #cssmenu #cssmenu-btn:after{
	background: rgba(var(--menu-clr-secondary-rgb), 0.5);
	width: calc(var(--menu-btn-size) * 0.5);
	transition: transform 0.25s ease, width 0.25s ease;
}
.header-opened #cssmenu #cssmenu-btn:before {
	transform: translate(-50%,-50%) rotate(-45deg);
}
.header-opened #cssmenu #cssmenu-btn:after {
	height: var(--menu-btn-line-thickness);
	border: 0;
	transform: translate(-50%,-50%) rotate(45deg);
}
.header-opened #cssmenu #cssmenu-btn:before,
.header-opened #cssmenu #cssmenu-btn:after{
	background: var(--menu-btn-color);
}
.header-opened #cssmenu #cssmenu-btn:before {
	transform: translate(-50%, -50%) rotate(-45deg);
}
.header-opened #cssmenu #cssmenu-btn:after {
	transform: translate(-50%, -50%) rotate(45deg);
	border: 0;
}
.cssm-sub-btn {
	position: absolute;
	z-index: 99;
	display: block;
	top: 0;
	right: 0;
	cursor: pointer;
	top: calc(var(--menu-btn-inset) + var(--menu-btn-v-offset));
	right: calc(var(--menu-btn-inset) + var(--menu-btn-h-offset));
	height: var(--menu-btn-size);
	width: var(--menu-btn-size);
	color: var(--menu-btn-color);
	box-sizing: border-box;
	border: var(--menu-btn-line-thickness) solid rgba(var(--menu-btn-color-rgb), 0.3);
	border-radius: calc(var(--menu-btn-size) * 0.15);
}
li.cssm-sub-opened > .cssm-sub-btn{
	border-color: var(--menu-btn-color);
}
.cssm-sub-btn:before,
.cssm-sub-btn:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Cevron Buttons */
#cssmenu.cssmenu-chevron-btns .cssm-sub-btn:after{
	content:'>';
	text-align: center;
	font-weight: bold;
	background: none;
    font-family: monospace;
    font-weight: 400;
    width: calc(var(--menu-btn-size) * 0.4);
    height: calc(var(--menu-btn-size) * 0.4);
    line-height: calc(var(--menu-btn-size) * 0.4);
    font-size: calc(var(--menu-btn-size) * 0.65);
    transition: transform 0.25s ease;
}
#cssmenu.cssmenu-chevron-btns .cssm-sub-btn:before{
	display: none;
}
#cssmenu.cssmenu-chevron-btns li.cssm-sub-opened >.cssm-sub-btn:after{
	transform: translate(-50%, -50%) rotate(90deg);
}

/* Plus Buttons */
#cssmenu.cssmenu-plus-btns .cssm-sub-btn:before,
#cssmenu.cssmenu-plus-btns .cssm-sub-btn:after{
	width: var(--menu-btn-line-thickness);
	height: calc(var(--menu-btn-size) * 0.4);
	background: var(--menu-btn-color);
	transition: transform 0.25s ease;
}
#cssmenu.cssmenu-plus-btns li.cssm-sub-opened > .cssm-sub-btn:after{
	transform: translate(-50%, -50%) rotate(180deg);
}
#cssmenu.cssmenu-plus-btns li.cssm-sub-opened > .cssm-sub-btn:before {
	transform: translate(-50%, -50%) rotate(90deg);
}
#cssmenu.cssmenu-plus-btns .cssm-sub-btn:after {
	width: calc(var(--menu-btn-size) * 0.4);
	height: var(--menu-btn-line-thickness);
}


}

@media all and (max-width: 700px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 700px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 700px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 700px),
only screen and (min-resolution: 192dpi) and (max-width: 700px),
only screen and (min-resolution: 2dppx) and (max-width: 700px) {
#cssmenu-wrapper{
    --menu-logo-size: 5.2em;
}
.header-opened #cssmenu-wrapper{
    --menu-logo-size: 64px;
}

/*
#cssmenu .cssm-sub-opened:before{
    top: var(--menu-size);
}
#cssmenu .cssm-sub-opened:nth-of-type(2):before{
    top: calc(var(--menu-size) * 2);
}
#cssmenu .cssm-sub-opened:nth-of-type(3):before{
    top: calc(var(--menu-size) * 3);
}
#cssmenu .cssm-sub-opened:nth-of-type(4):before{
    top: calc(var(--menu-size) * 4);
}
*/

#cssmenu > ul{
	height: 100vh;
}

#cssmenu ul li a,
#cssmenu ul ul li a {
    font-size: 1.75em;
}


}