nav  								{	position: fixed; top: 0; left: 0; z-index: 6; width: 100.0%; height: 100.0%; overflow: hidden; } 
nav > .scroll 						{	position: absolute; top: 0; left: 0; width: calc(100.0% + 16px); height: 100.0%; overflow: auto; -webkit-overflow-scrolling: touch; }
nav > .scroll .cover				{	padding: 0; }
nav > .scroll .fond					{	position: relative; width: 100.0%; height: 100.0%; height: auto; }

nav > .scroll .fond > .flex			{	position: relative; width: 97.00%; max-width: calc(1200px - 3.00%); padding: 40px 1.50% 0; margin: 0 auto; display: flex; flex-flow: row wrap; justify-content: center; overflow: hidden; }
nav > .scroll .fond > .flex > div	{	flex: 1 1 103.00%; margin: 0 -1.50%; display: flex; flex-flow: row wrap; justify-content: space-between; align-content: center; align-items: center; }

	nav > .scroll .fond > .flex > div > a 		{	height: 42px; flex: 1 1 240px; margin: 0 1.50%; padding: 0 2.00%; display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: center; align-items: center; border-top-width: 1px; border-color: #ddd; }
	nav > .scroll .fond > .flex > div > a + a 	{	margin-top: -1px; }
			
	nav > .scroll .fond > .flex > div > img		{	width: 50.00%; max-width: 240px; margin: 20px auto; }
			
	nav .naviclose	{	position: absolute; display: block; z-index: 7; top: 20px; right: 3.00%; width: 2.40rem; height: 2.40rem; margin: 0; border: 0;
						background-repeat: no-repeat; background-position: center; background-size: 1.80rem; background-image: url(../img/pict/ic_close_black_24px.svg); }

	body.navi nav	{	height: 0; }

	nav .flex > div > a.icon:before 	{	content:''; display: block; width: 41px; height: 41px; margin-right: 12px; background-repeat: no-repeat; background-position: center; background-size: contain; }
	nav .flex > div > a.icon.big:before {	background-image: url(../img/logo/Logo_SL-2018.svg); }
	
	nav .flex > div > a.small			{	background-position: center right 0.60rem; background-repeat: no-repeat; background-size: 1.80rem; border-bottom-width: 1px; 
											background-image: url(../img/pict/ic_keyboard_arrow_right_black_24px.svg); }
	nav .flex > div > a:hover.small		{	background-position: center right 0.00rem; }

	nav .flex > div:nth-child(2) a.icon:before,
	nav .flex > div:nth-child(3) a.icon:before 					{	background-size: 24px auto; }
	nav .flex > div:nth-child(2) a:nth-child(1).icon:before 	{	background-image: url(../img/pict/ic_mail_outline_black_24px.svg); }
	nav .flex > div:nth-child(2) a:nth-child(2).icon:before 	{	background-image: url(../img/pict/ic_desktop_windows_black_24px.svg); }
	nav .flex > div:nth-child(2) a:nth-child(3).icon:before 	{	background-image: url(../img/pict/ic_euro_symbol_black_24px.svg); }
	nav .flex > div:nth-child(2) a:nth-child(4).icon:before 	{	background-image: url(../img/pict/ic_fiber_new_black_24px.svg); }
	nav .flex > div:nth-child(2) a:nth-child(5).icon:before 	{	background-image: url(../img/pict/ic_archive_black_24px.svg); }
	nav .flex > div:nth-child(2) a:nth-child(6).icon:before 	{	background-image: url(../img/pict/ic_account_box_black_24px.svg); }

	nav .flex > div:nth-child(3) a:nth-child(2).icon:before 	{	background-image: url(../img/pict/ic_help_outline_black_24px.svg); }
	
	nav .flex > div > a.blank 	{	height: 0; border: 0; background-image: none; }

/*	=================================
		END
	================================= */