/*--------- MENU Desktop -------------------------------*/
@media screen and (min-width:769px) {


	.Values-Anchor, .Tasks-Anchor, .Target-Anchor, .Mission-Anchor {
		position: relative;
		top: -64px;
	}

	#MenuMobile,
	.Menu-MobileBar,
	.Menu-Burger-Scroll {
		display: none;
	}

	.MenuDesktop {
		position: sticky;
		top: 0;
		overflow: hidden;
		z-index: 900;
		background: var(--color4);
		/* height: 38px; */
	}

	.Menu-level2 {
        position: fixed;
        top: 0px;
        padding-top: 54px;
        min-height: 32px;
        width: 100%;
        overflow: hidden;
        z-index: 800;
        background: var(--color4);
        color: var(--textLight);
	}

	.MenuDesktop-level2 {
		display: grid;
		grid-template-columns: 2fr 4fr;
		grid-gap: 24px;
		align-items: center;
		justify-items: end;
	}

	.search-on-map {
		width: 290px;
	}
	

	.MenuDesktop-level2 form{
		width: 100%;
	}

	.MenuDesktop-level2-Link {
		text-decoration: none;
		color: var(--textLight);
		margin: 0 0 0 24px;
	}

	.Desktop-Logo {
		display: block;
		width: 100%;
		padding: 8px 0 6px 0;
	}

	.Desktop-Logo2 {
		display: block;
		width: 78%;
		padding: 8px 0 6px 0;
	}

	.Desktop-Logo img {
		width: 224px;
		height: auto;
	}

	.Menu-level1 {
		display: grid;
		grid-template-columns: 3fr 1fr 10fr 4fr;
		grid-gap: 24px;
		align-items: center;
		justify-items: end;
	}

	.MenuDesktop-Link {
		color: var(--textLight);
	}


	.MenuDesktopSiteMap-Link {
		display: block;
		color: var(--textLight);
		text-decoration: none;
		font-size: xx-large;
		padding: 18px 0 24px 0;
	}

	.MenuDesktopSiteMap-Link:hover,
	.MenuDesktop-Link:hover {
		color: var(--accent0) !important;

	}

	.DesktopMenuScrolling {
		position: sticky !important;
		top: -1px;
		width: 100%;
	}

	.MenuDesktop-Link-selected {
		border-bottom: solid 4px var(--accent1);
	}

	.MenuDesktop-Link {
		font-size: 18px;
		text-decoration: none;
		margin: 0 8px 0 0;
		padding: 8px;
		display: inline-block;
	}

	.MenuDesktop-Link:first-child {
		padding-left: 0;
	}


	.SideButtons {
		color: var(--textLight);
		display: grid;
		grid-template-columns: 2fr 2fr 1fr 2fr;
		grid-gap: 8px;
		width: 100%;
	}

	.SideButtons div {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		cursor: pointer;
	}
	
	.Login .icons_caption {
		margin: 0 8px 0 0;
		color: var(--color7);
	}

	.Login .icons_caption a{
		margin: 0 8px 0 0;
		color: var(--color7);
		text-decoration: none;
	}

	.Auth-item-divider {
		display: inline-block;
		border-left: 1px solid var(--color6);
		padding: 0 0 0 8px;
	}

	.Login .icons {
		width: 24px;
        height: 24px;
	}

	.LangVersion .icons {
        width: 92px;
        height: 24px;
	}

	.SwitchTheme .icons {
		width: 24px;
        height: 24px;
	}

	.SiteMap .icons {
		width: 24px;
        height: 24px;
	}

	.SiteMap {
		padding: 0 0 0 24px;
	}


	/* .LangVersion img {
		width: 80%;
	}

	.SwitchTheme img{
		height: 24px;
		width: auto;
		cursor: pointer;
	}

	.icon-Search {
		fill: var(--textLight);
		width: 18px;
		height: 18px;
		margin-left: 8px;
		justify-content: flex-end;
	}

	.SideButtons .Search {
		padding: 0 18px 0px 0;
		cursor: pointer;

	}

	.SiteMap {
		cursor: pointer;
		text-align: right;
	}

	.SiteMap img {
		width: 24px;
		height: auto;
	} */


}

/*--------- MENU Mobile --------------------------------*/
@media screen and (max-width:768px) {

	.MenuDesktop {
		display: none;
	}

	.Menu-MobileBar {
		width: 100%;
		position: fixed;
		z-index: 700;
		padding: 18px 0 0 0;
		box-sizing: border-box;
		top: 0;
	}

	.Menu-MobileBar-Grid {
		display: grid;
		grid-template-columns: 6fr 1.4fr 1fr 1fr;
		grid-gap: 18px;
		align-items: center;
		justify-items: end;
	}

	.Menu-Burger-Scroll {
		position: fixed;
		width: 100%;
		z-index: 800;
	}

	.Menu-Burger-Scroll-wrap {
		background-color: var(--color4);
		float: right;
		padding: 2px 1.4vw 0 1.4vw;
		margin: 20px -1.4vw 0 0; 
	}


	.Menu-level2 {
        padding-top: 92px;
        min-height: 32px;
        background: var(--color4);
        color: var(--textLight);
	}



	.LangVersion {
		/* display: none; */
		padding-top: 24px;
	}

	.LangVersion a{
		text-decoration: none;
		color: var(--textLight);
	}

	.Mobile-login-button .icons{
		width: 28px;
		height: 28px;
	}

	.Mobile-Burger-button .icons, .Menu-Burger-Scroll .icons {
		width: 36px;
		height: 36px;
	}

	.Mobile-logo, .Mobile-logo2 {
		width: 100%;
		display: flex;
	}


	.Menu-cancel {
        width: 28px;
        height: 28px;
        margin: 8px 4px 0 0;
        float: right;
	}


	.block-hide {
		visibility: hidden;
	}



	.animate__animated.animate__fadeIn {
		--animate-duration: 500ms;
	}

	.animate__animated.animate__fadeOut {
		--animate-duration: 500ms;
	}

	#MenuMobile {
		display: none;
		position: fixed;
		z-index: 800;
		width: 100%;
		height: 100%;
		background: var(--gradient2);
		overflow-y: auto;
		overflow-x: hidden;
		top: 0;
		box-sizing: border-box;
		padding-bottom: 32px !important;

	}

	#MenuMobile nav {
		padding-top: 0px;
	}

	.MenuActive {
		display: block !important;
	}

	.ScrollDisable {
		overflow-y: hidden;
	}

	.MenuMobile-Link {
		font-size: 7vw;
		line-height: 1.6;
		color: var(--textLight);
		display: flex;
		text-decoration: none;
		text-transform: uppercase;
		padding: 4px 37px 6px 24px;
		border-top: 1px solid var(--color3);
		border-bottom: 2px solid var(--color1);

	}

	.MenuMobile-Link:hover {
		color: var(--color7);
	}


	/* #MenuMobile {
		animation-name: open;
		animation-duration: 300ms;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-timing-function: ease-out;
		animation-fill-mode: forwards;
		animation-delay: 0s;
	} */



	/*--------- childs ------------------------*/

	.menu-item-childs {
		display: none;
	}

	.menu-item-child {
		padding: 10px 14px 14px 40px;
		border-top: 1px var(--color3) solid;
		color: var(--textLight);

	}

	.menu-item-child a {
		text-decoration: none;
		font-size: 18px;
		font-weight: 400;
		color: var(--textLight);
	}

	.hasChildsArrow {
		font-size: 20px;
		align-self: center;
		transition-duration: 300ms;
	}

	.MenuMobile-Link.hasChilds {
		justify-content: space-between;
	}

	.turn_mob_menu_arrow {
		transition-duration: 300ms;
		transform: rotate(90deg);
	}



}