nav.mainMenu li {display: inline-block;vertical-align: middle}
nav.mainMenu li a {padding: 1em;transition: .5s}
.mainMenu {position: fixed;width: 100%;z-index: 500;transition: .5s ease-out}
.bodyEditor .mainMenu {width: 80%}
.mainMenu .logo {height: 3em;transition: .5s ease-out}
.mainMenu .menuContainer {width: 80%;margin: 0 auto;display: flex;align-items: center;flex-flow: row wrap;justify-content: flex-end}
.mainMenu ul .logoPart:first-child {margin-right: auto;padding-right: 5em}
.mainMenu ul li a {font-weight: 600}
.burger {display: none;padding: 1em;font-size: 1.5em}
nav.mainMenu li.socials {position: absolute;right: 0;font-size: .9em;bottom: -1em;padding-right: 1em;z-index: 13}
nav.mainMenu li.socials a {position: relative}
nav.mainMenu li.socials a:before {position: absolute;content: '';width: 80%;top: 52%;left: 50%;height: 80%;background-color: rgba(0, 0, 0, .8);border-radius: 50%;z-index: 14;transform: translate(-50%, -50%)}
nav.mainMenu li.socials svg {position: relative;z-index: 15}

.mainMenu .backgroundLink4{
	position: relative;
}

.mainMenu .subMenu{
	position: absolute;
	bottom: 4em;
	left: 50%;
	transform: translate(-50%, 0);
	display: flex;
	flex-direction: column;
	background: white;
	opacity: 0;
	transition: ease all .3s;
	width: max-content;
	-webkit-box-shadow: 0px 16px 27px -9px rgba(0,0,0,0.38);
	box-shadow: 0px 16px 27px -9px rgba(0,0,0,0.38);
}

.mainMenu .subMenu.open{
	bottom: -1em;
	transform: translate(-50%, 100%);
	opacity: 1;
}

.subMenu li {
	padding: .5em 1em;
}

.subMenu a {
	padding: 0 !important;
}

.subMenu li:hover a{
	text-decoration: underline;
}

.hoverBasicEffect.backgroundLink4:hover{
	opacity: 1;
}

.hoverBasicEffect.backgroundLink4:hover a{
	opacity: .7;
}

.mainMenu .backgroundLink4{
	right: initial;
}


@media screen and (max-width: 1150px) {
	ul.links {padding: 1em}
}
@media screen and (max-width: 850px) {
	.hiddenMenu {right: -200% !important}
	.mainMenu .backgroundLink4{right: initial !important;}
	nav.mainMenu ul.links {position: absolute;width: 100%;top: 100%;right: 0;background-color: var(--basicColor1);z-index: 12;transition: 1s ease-in-out}
	nav.mainMenu ul .links li:hover {background-color: #2c2c2c}
	.burger {display: inline-block;position: relative;margin: 0 auto;cursor: pointer}
	.mainMenu ul li a {padding: 1em;display: inline-block}
	.mainMenu .subMenu.open{background-color: rgba(240,240,240,0.9)}
	nav.mainMenu ul .links li:hover {
		background-color: initial !important;
		opacity: 1;
	}
	nav.mainMenu ul .links li:hover > a {
		background-color: white;
		opacity: .7;
	}
}
@media screen and (max-width: 400px) {
	nav.mainMenu ul .links li {display: block}
	.mainMenu ul .logoPart:first-child {margin-right: auto;padding-right: 1em}
}