.nav-pillar {
	background-color: #fff;
	color: #333;
	width: 100%;
	max-width: 260px;
	height: auto;
	right: 50px;
	z-index: 9;
	cursor: pointer;
	padding: 25px;
	box-shadow: 0px 10px 40px 0px rgba(47, 47, 47, 0.1);
}

.nav-pillar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav-pillar li {
	margin-top: 20px;
}

.nav-pillar a,
.nav-pillar a:visited {
	text-align: left;
	font-weight: 300;
	font-size: 18px;
	line-height: 22px;
	text-decoration: none;
	text-transform: none;
	color: #333 !important;
}

.nav-pillar a:hover {
	font-weight: 800;
	color: #333 !important;
	text-decoration: none;
}

li.active a {
	font-weight: 800;
	color: #333 !important;
	text-decoration: none;
}

.nav-pillar .active::before {
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900; 
  content: "\f105";
	/*content: "\2192";*/
	margin-right: 4px;
}

.nav-pillar-headline {
	text-align: left;
	padding: 0;
	margin: 0 !important;
	font-weight: 300;
	font-size: 24px;
	line-height: 28px;
	text-decoration: none;
	text-transform: uppercase;
	color: #333 !important;
}
.nav-pillar-overlay__button {
	display: none:
} 

@media only screen and (max-width: 785px) {
	#nav-pillar-desktop {
	display: none;
	}	 
}

@media only screen and (min-width: 785px) {
	#nav-pillar-mobile,
  .nav-pillar-overlay-buttoncircle,
  .nav-pillar-overlay-buttonclosecircle,
  img.nav-pillar-overlay-buttonicon, 
  img.nav-pillar-overlay-buttoncloseicon {
	display: none;
	}	 
}

@media only screen and (min-width: 785px) and (max-width: 1290px) {
	.nav-pillar {
		right: 25px;
	}
}

@media only screen and (max-width: 785px) {
	.nav-pillar {
		display: none;
		position: fixed !important;
		top: 0 !important;
		background-color: #fff;
		color: #333;
		width: 100%;
		height: 100%;
		z-index: 9;
		cursor: pointer;
		padding: 25px;
		padding-top: 25px;
		box-shadow: none;
		padding-top: 50px;
		max-width: 100% !important;
		left: 0;
		text-align: center;
	}
	.nav-pillar-headline {
		text-align: center;
	}
	.nav-pillar-overlay-buttoncircle {
		width: 50px;
		height: 50px;
		border-radius: 50px;
		background-color: #fff;
		opacity: 1;
		position: fixed;
		left: 20px;
		bottom: 20px;
		z-index: 5;
		text-align: center;
		transition: opacity .3s ease-out;
		padding-top: 5px;
		box-shadow: 0px 10px 40px 0px rgba(47, 47, 47, 0.1);
	}
	img.nav-pillar-overlay-buttonicon {
		height: 15px;
		margin-top: 12px;
		cursor: pointer;
	}
  i.nav-pillar-overlay-buttonicon {
		margin-top: 8px;
		cursor: pointer;
		font-size: 25px;
		color: #fff;
	}
  	.nav-pillar-overlay-buttonclosecircle {
		width: 50px;
		height: 50px;
		border-radius: 50px;
		background-color: #fff;
		opacity: 1;
		position: fixed;
		left: 20px;
		bottom: 20px;
		z-index: 5;
		text-align: center;
		transition: opacity .3s ease-out;
		padding-top: 5px;
	}
	img.nav-pillar-overlay-buttoncloseicon {
		height: 20px;
		margin-top: 10px;
		cursor: pointer;
	}
}
