@charset "UTF-8";
/* CSS Document */





	/* 							*/
	/* MENU                     */
	/* 							*/

		.menu-placeholder {
			width:100%; 
			outline: 0px solid red;
		}
		html[data-menu_top="1"] .menu-placeholder {
			height: 60px;
		}
		



		
		
		
		
		

		/* 							*/
		/* HASH PLACEHOLDER 		*/
		/* 							*/

			.hash-placeholder {
				position: absolute;
				width: 100%;
				margin-top: -80px;
				outline: 0px dashed green;
			}
			html[data-menu_top="1"] .hash-placeholder {
				margin-top: 0px;
			}

		
		/* 							*/
		/* MENUS 	                */
		/* 							*/
			
			
			/*					*/
			/* shared settings 	*/
			/*					*/
			
				section[data-component="header"] {
					position: fixed;
					top: 0;
					left: 0;
					right: 0;
					outline: 0px solid green;
					z-index: 200;
					background-color: rgba(255,255,255,0.5);
					box-shadow: 0 5px 15px 0 rgba(0,0,0,0);
					backdrop-filter:blur(8px);
					-webkit-backdrop-filter:blur(8px);
					transition: background-color 0.5s ease, box-shadow 0.5s ease;
				}
				section[data-component="header"]:hover {
					background-color: white;
					box-shadow: 0 5px 15px 0 rgba(0,0,0,0.11);
				}
				
				.menus {
					display: inline-block; 
					vertical-align: top;
					margin: 0; padding: 0;
					font-size: 0; line-height: 0;
					position: relative;
					left: 50%; transform:translateX(-50%);
					outline: 0px solid red;
				}
				.menus ul { display: block; margin: 0; padding: 0; font-size: 0; line-height: 0; }
				.menus ul li {
					display: inline-block;
					list-style: none; 
				}

				.menus[data-expanded="0"] {}
				.menus[data-menu_level="0"] {}
				
				@media screen and (min-width:   0px) and (max-width: 859px) {	/*	   MOBILE	XXS-S:     0-  859	*/	div[data-mobile="0"] { display: none!important; } }
				@media screen and (min-width: 860px) and (max-width:1039px) {	/*	   TABLET	M-L:     860- 1039	*/	div[data-mobile="1"] { display: none!important; } }
				@media screen and (min-width:1040px)                        {	/*	   DESKTOP	M-XXXL: 1040-		*/	div[data-mobile="1"] { display: none!important; } }
				
				
				
				
				
				
				
			/*					*/
			/* desktop only 	*/
			/*					*/
			
				@media screen and (min-width:860px) and (max-width:9999px)
				{
					section[data-component="header"] {
						min-height: 84px;
					}
					.menu-placeholder { width:100%;  height: 85px; }
					.menus {}
					.menus .menu {
						font-family: Lato;
						color: var(--brand_darkestgray);
						font-size: 0;
						line-height: 0;
					}
					.menu[data-mobile="0"] .menu-head {
						display: inline-block;
						vertical-align: top;
					}
					.menu[data-mobile="0"] .menu-head a.menu-logo {
						display: block;
						position: relative;
						width:  120px;
						height:  90px;
						margin-bottom: -10px;
					}
					.menu[data-mobile="0"] .menu-head a.menu-logo h1.owner-name {
						display: block;
						width: inherit; height: inherit;
						background-image: url("../../images/logo/full/arthron-color-positive.svg");
						background-size: contain;
						background-repeat: no-repeat;
						overflow: hidden;
						text-indent: -1000em;
					}
					.menus .menu .menu-head .menu-title { display: none; }

					.menus .menu ul,
					.menus .menu ul li 
					.menus .menu ul li a { color: inherit; }

					.menu[data-mobile="0"] .menu-body { display: inline-block; vertical-align: top; }
					.menu[data-mobile="0"] .menu-body a { display: block; text-decoration: none; color: inherit; }
					.menu[data-mobile="0"] .menu-body a em { text-shadow: 0 0 3px white; }


					/* Menu level 0 - Primary */

						.menu[data-mobile="0"] .menu-body .menu-level-0 ul.primary-menu { list-style: none; margin: 0; padding: 0; font-size: 1.4rem; line-height: 1.2; }
						.menu .menu-body .menu-level-0 ul.primary-menu {}
						.menu .menu-body .menu-level-0 ul.primary-menu li:hover > a { color: var(--brand_blue); }
						.menu[data-mobile="0"] .menu-body .menu-level-0 ul.primary-menu li[data-submenus="0"] > a { padding: 53px 8px 15px 8px; }
						.menu[data-mobile="0"] .menu-body .menu-level-0 ul.primary-menu li[data-submenus="1"] > a { padding-inline: 8px; }

					/* Menu level 1 -Secondary */

						.menu[data-mobile="0"] .menu-body .menu-level-0 ul.primary-menu li[data-submenus="1"] .menu-level-1 {
							position: absolute;
							opacity: 0;
							pointer-events: none;
							padding: 15px  50px  50px  50px;
							margin:   0px -50px -50px -50px;
							max-height: 0px;
							overflow: hidden;
							outline: 0px dotted green;
						}
						.menu[data-mobile="0"] .menu-body .menu-level-0 ul.primary-menu li[data-submenus="1"]:hover .menu-level-1 {
							opacity: 1;
							pointer-events: all;
							max-height: 500px;
						}
						.menu[data-mobile="0"] .menu-body .menu-level-0 ul.primary-menu li[data-submenus="1"]       .menu-level-1 { transition:max-height 0.0s ease 0.3s, opacity 0.3s ease 0.0s; }
						.menu[data-mobile="0"] .menu-body .menu-level-0 ul.primary-menu li[data-submenus="1"]:hover .menu-level-1 { transition:max-height 0.3s ease 0.1s, opacity 0.6s ease 0.0s; }

						.menu[data-mobile="0"] .menu-body .menu-level-0 ul.primary-menu li[data-submenus="1"] .menu-level-1 ul.secondary-menu {
							margin: 0 0 0 0; 
							padding: 15px 0 15px 0;
							background-color: rgba(255,255,255,0.9);
							border-top: 3px solid var(--brand_blue);
							border-bottom-left-radius: 4px;
							border-bottom-right-radius: 4px;
							box-shadow: 0 15px 55px 0 rgba(0,0,0,0.16);
						}
						.menu[data-mobile="0"] .menu-body .menu-level-0 ul.primary-menu li[data-submenus="1"] .menu-level-1 ul.secondary-menu li {
							display: block;
							font-size: 1.4rem; 
							line-height: 1.2; 
						}
						.menu[data-mobile="0"] .menu-body .menu-level-0 ul.primary-menu li[data-submenus="1"] .menu-level-1 ul.secondary-menu li a {
							display: block;
							padding: 5px 15px 5px 15px;
						}
						.menu[data-mobile="0"] .menu-body .menu-level-0 ul.primary-menu li[data-submenus="1"] .menu-level-1 ul.secondary-menu li:hover > a {
							color: var(--brand_blue);
						}

					/*	Menu widths	*/

						@media screen and (min-width:1440px)                        { .menus {width:1200px;} }
						@media screen and (min-width:1240px) and (max-width:1439px) { .menus {width:1100px;} }
						@media screen and (min-width:1040px) and (max-width:1239px) { .menus {width:1000px;} }
						@media screen and (min-width: 960px) and (max-width:1039px) { .menus {width: 900px;} }
						@media screen and (min-width: 860px) and (max-width: 959px) { .menus {width: 800px;} }
						@media screen and (min-width: 700px) and (max-width: 859px) { .menus {width: 680px;} }
						@media screen and (min-width: 580px) and (max-width: 699px) { .menus {width: 560px;} }
						@media screen and (min-width: 310px) and (max-width: 579px) { .menus {width: 310px; width: calc(100% - 20px); } }

					/*	Menu widths	*/

						@media screen and (min-width:1440px)                        {.menus .menu {width:1200px;} }
						@media screen and (min-width:1240px) and (max-width:1439px) {.menus .menu {width:1100px;} }
						@media screen and (min-width:1040px) and (max-width:1239px) {.menus .menu {width:1000px;} }
						@media screen and (min-width: 960px) and (max-width:1039px) {.menus .menu {width: 900px;} }
						@media screen and (min-width: 860px) and (max-width: 959px) {.menus .menu {width: 800px;} }
						@media screen and (min-width: 700px) and (max-width: 859px) {.menus .menu {width: 680px;} }
						@media screen and (min-width: 580px) and (max-width: 699px) {.menus .menu {width: 560px;} }
						@media screen and (min-width: 310px) and (max-width: 579px) {.menus .menu {width: 310px;} }
				}
				
			
			
			
			
			
			
			
			
			
			
			
			/*					*/
			/* mobile only 		*/ 
			/*					*/
			
				@media screen and (min-width:0px) and (max-width: 859px)
				{
					section[data-component="header"] {
						min-height: 54px;
						max-height: 100vh;
					}
					.menu-placeholder {
						width:100%; 
						height: 55px;
					}
					.menus { position: relative; width:100%; height: 100%;  }
					.menus .menu { width:100%; height: inherit; position: fixed; left: 0; top: 0; }
					.menus .menu .menu-head {
						width: 100%; height: 50px;
						/*background-color: rgba(255,255,255,0.8);
						box-shadow:3px 3px 10px 0 rgb(0 0 0 / 30%), 0px 0px 20px 0 rgb(0 0 0 / 10%);*/
						backdrop-filter:blur(4px);
						position: relative;
					}
					.menus .menu .menu-head .menu-toggle {
						display: block;
						position: fixed;
						z-index: 999;
						right: 0px;
						top: 0;
						width: 65px;
						height: 50px;
						background-image: url("../../images/icon/blue/menu-2.svg");
						background-repeat: no-repeat;
						background-position: center center;
						background-size: 40px 40px;
					}
					html.menu-1 .menus .menu .menu-head .menu-toggle {
						background-image: url("../../images/icon/blue/menu-close-2.svg");
					}
					
					.menus .menu .menu-head .menu-logo .owner-name {
						display: block;
						position: relative;
						left: 0px;
						top: 15px;
						width: 100%;
						height:         20px;
						margin-bottom: -20px;
						background-image: url("../../images/logo/full/arthron-color-positive-horizontal.svg?v=2");
						background-repeat: no-repeat;
						background-position: center center;
						background-size: contain;
						transform:translateX(0%);
						pointer-events: none;
					}
					.menus .menu .menu-head .menu-title {
						display: block; 
						position: fixed; 
						left: 110px; 
						top:0; 
						width: calc(100% - 220px); 
						height:      47px; 
						font-size: 1.6rem; 
						line-height: 1.2; 
						margin: 0; 
						padding:3px 5px 0 10px; 
						vertical-align: middle; 
						text-align: left; 
						color: #2275A9; 
						font-weight: normal; 
						text-align: center;
						pointer-events: none;
					}
					.menus .menu .menu-head .menu-title { display: none; }
					.menus .menu .menu-head .menu-title em {
						display: block;
						position: relative;
						font-style: normal;
						top:50%;
						transform:translateY(-50%);
					}
					.menus .menu .menu-body {
						position: fixed;
						left: 0;
						top: 50px;
						width: 100%;
						/*height: inherit;*/
						overflow: hidden;
						z-index: 1100;
					}
					.menus .menu .menu-body .menu-levels {
						padding-bottom: 15px;
						overflow: hidden;
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 {
						height:100%;
						height:calc(100vh - 95px);
						padding-bottom: 45px;
						
						background-color: #FFFFFF;
						background-repeat: no-repeat;
						background-position: 0 0;
						background-size:cover;
						box-shadow: 0 0 15px 0 #000000AA;
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul { 
						margin:0; padding: 0; 
						position: relative; display: block; 
						left: 60px;
						top: 20px; 
						font-size: 2.0rem;
						line-height: 2.5rem;
						text-align: left; 
						color: #000000;
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li                       					{ list-style: none; color:inherit; display: block; }
				/*	.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li.has-submenus:before   					{ display: block; position: relative; float: right; width: 25px; height: 25px; margin: 0 0 -25px 0; top: 10px; left: -200px; content:" "; background-image: url("../../images/icon/white/arrow-2-right.svg"); background-size:contain; pointer-events:none; z-index: 0;}*/
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li.has-submenus a em:after {
						display: inline-block;
						position: relative;
						width:       15px;
						height:      15px;
						margin: 0 0 -15px 0;
						top:        -15px;
						left:        10px;
						content:" ";
						background-image: url("../../images/icon/blue/arrow-2-right.svg");
						background-size:contain;
						pointer-events:none;
						z-index: 0;
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li.has-submenus ul li a em:after 			{ display: none; }
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li a                     					{ display: inline-block; text-decoration: none; color:inherit; padding: 10px 0 10px 0; transform:translateX(0px,0px); transform-origin: left center; opacity: 1; transition:padding 0.3s ease, transform 0.3s ease, opacity 0.3s ease; position: relative; z-index: 1;}
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li .menu-level-1         					{
						display: block;
						position: fixed;
						left: 75px;
						top: 0px;
						width: calc(100% - 75px);
						height: calc(100% - 15px);
						background-color: #FFFFFF;
						box-shadow: 0 -5px 15px 0 #00000055;
						/*background-image: url("../../images/background/menu-decor.jpg?v=4");*/
						background-repeat: no-repeat;
						background-position: 0 0;
						background-size:cover;
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li .menu-level-1.hidden    				{ height:0px; overflow: hidden; }
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li .menu-level-1 h3		 				{
						font-weight: bold; 
						font-size: 2rem;
						line-height:2.5rem;
						color:black;
						margin:25px 0 15px 35px;
						padding: 0 0 0 0;
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li .menu-level-1 h3 i  	 				{ display: none; }
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li .menu-level-1 h3 em	 				{ font-style: normal; }
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li .menu-level-1 h3:before 				{
						display: block;
						position: relative;
						float:left;
						width:       15px;
						height:      15px;
						margin: 0 0 -15px 0;
						left:       -25px;
						top:          5px;
						content:" ";
						background-image: url("../../images/icon/blue/arrow-2-left.svg");
						background-size:contain;
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li .menu-level-1 ul       				{
						display:block; 
						position: relative;
						font-size: 2.0rem;
						line-height: 2.5rem;
						left:35px;
						color: black;
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li .menu-level-1 ul li    				{ list-style: none; display: block;}
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li .menu-level-1 ul li a  				{ 
						display: block; 
						text-decoration: none; 
						color:inherit; 
						padding: 5px 0 5px 0;
						opacity: 1;
						filter:none!important;
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 ul li a i							  			{ display: none; }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul li a em							  			{ display:inline-block; width: inherit; font-style: normal; color: black!important; }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul li a em .L						  			{ display:block; }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul li a em .M						  			{ display:none; }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul li a em .S						  			{ display:none; }
					

					/* tap colour */
					.menus .menu .menu-body .menu-levels .menu-level-0 ul li a                     						{ -webkit-tap-highlight-color:  rgba(255, 255, 255, 0); }

					/* disable click, when level 1 opened */
					.menus .menu[data-level="1"]           .menu-body .menu-levels .menu-level-0 > ul > li a			{ pointer-events: none; opacity: 0.1; }
					.menus .menu[data-level="1"]           .menu-body .menu-levels .menu-level-1 > ul > li a			{ pointer-events: all; opacity: 1; }

					/* layers */
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.l0 li .menu-level-1         					{ z-index: 4; }
					.menus .menu .menu-body .menu-levels .menu-level-0 .backlink                                	    { z-index: 3; }

					/* full height link on level0 menu */
					.menus .menu                 .menu-body .menu-levels .menu-level-0 a.backlink            	        	{ display: none; position: relative; width: 300px; height: 800px; margin: 0 -300px -800px 0; text-decoration:none;  background-color: #11DD3801; cursor: w-resize; }
					.menus .menu[data-level="1"] .menu-body .menu-levels .menu-level-0 a.backlink            	        	{ display: block; }
					
					/* bulleted 2nd level list */
					.menus .menu .menu-body .menu-levels .menu-level-0 ul li .menu-level-1 a i								{ display: block; position: relative; width: 5px; height: 5px; margin: 0 0 -5px 0; border-radius:5px;  background-color:black; left: -10px; top: 6px;  }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul li .menu-level-1 a i								{ display: none; }

					/* animation */
					.menus .menu[data-level="0"]			.menu-body	.menu-levels .menu-level-0     	    	           	{ transition: background-color 0.9s ease; }
					.menus .menu[data-level="1"]			.menu-body	.menu-levels .menu-level-0     	    	           	{ background-color: #AAAAAA; transition: background-color 0.9s ease; }
					.menus .menu[data-level="0"]			.menu-body	.menu-levels .menu-level-0 ul.l0 li .menu-level-1	{ visibility: hidden;  transform:translateX(  0%); opacity:1; transition:visibility 0s linear 0.25s, opacity 0.25s ease, transform 0.25s ease; }
					.menus .menu[data-level="0"].expanded	.menu-body	.menu-levels .menu-level-0 ul.l0 li .menu-level-1	{ visibility: hidden;  transform:translateX(110%); opacity:1; transition:visibility 0s linear 0.5s, opacity 0.5s ease, transform 0.5s ease; }

					.menus .menu[data-level="1"]			.menu-body	.menu-levels .menu-level-0 ul.l0 li .menu-level-1	{ visibility: visible; transform:translateX(  0%); opacity:1; transition:visibility 0s linear 0.0s, transform 0.5s ease; }
					.menus .menu[data-level="1"]			.menu-body	.menu-levels .menu-level-0 ul.l0 li a				{ transform: translate(-40px,0); transform-origin: left center; opacity: 0.7; transition:padding 0.5s ease, transform 0.5s ease, opacity 0.5s ease; } 
					
					/* sliding horizontal */
				
					.menus .menu										.menu-levels										{ transform:translateX(110%); transition: transform 0.5s ease; }
					.menus .menu.expanded								.menu-levels										{ transform:translateX(0%); }
					
					/* sliding vertical */

					.menus .menu										.menu-levels										{ transform:translateY(0%);    transition: opacity 0.25s ease, transform 0.25s ease; }
					.menus .menu.expanded								.menu-levels										{ transform:translateY(0%);    transition: opacity 0.25s ease, transform 0.50s ease; }

					.menus .menu[data-level="1"] .menu-body .menu-levels .menu-level-1 ul.l1 li a							{ transform:translate(0,0); /*transition:none;*/ } 
					.menus .menu          .menu-body .menu-levels .menu-level-0 ul.l0 li.has-submenus:before   				{ opacity: 0; transition: opacity 0.1s ease; }
					.menus .menu.expanded .menu-body .menu-levels .menu-level-0 ul.l0 li.has-submenus:before   				{ opacity: 1; transition: opacity 0.5s ease 0.5s; } 
					
					/*
					.menus .menu[data-level="0"]			.menu-body	.menu-levels .menu-level-0 ul.l0 li 				{ margin-left: 200px; transition: margin-left 0.5s ease, transform 0.3s ease; transform:scale(0.5,0.5); }
					.menus .menu[data-level="0"].expanded	.menu-body	.menu-levels .menu-level-0 ul.l0 li:nth-child(1) 	{ margin-left: 0px; transition: margin 0.3s ease 0.10s, transform 0.3s ease 0.20s; transform:scale(1,1); }
					.menus .menu[data-level="0"].expanded	.menu-body	.menu-levels .menu-level-0 ul.l0 li:nth-child(2) 	{ margin-left: 0px; transition: margin 0.3s ease 0.12s, transform 0.3s ease 0.24s; transform:scale(1,1); }
					.menus .menu[data-level="0"].expanded	.menu-body	.menu-levels .menu-level-0 ul.l0 li:nth-child(3) 	{ margin-left: 0px; transition: margin 0.3s ease 0.14s, transform 0.3s ease 0.28s; transform:scale(1,1); }
					.menus .menu[data-level="0"].expanded	.menu-body	.menu-levels .menu-level-0 ul.l0 li:nth-child(4) 	{ margin-left: 0px; transition: margin 0.3s ease 0.16s, transform 0.3s ease 0.32s; transform:scale(1,1); }
					.menus .menu[data-level="0"].expanded	.menu-body	.menu-levels .menu-level-0 ul.l0 li:nth-child(5) 	{ margin-left: 0px; transition: margin 0.3s ease 0.18s, transform 0.3s ease 0.36s; transform:scale(1,1); }
					.menus .menu[data-level="0"].expanded	.menu-body	.menu-levels .menu-level-0 ul.l0 li:nth-child(6) 	{ margin-left: 0px; transition: margin 0.3s ease 0.20s, transform 0.3s ease 0.40s; transform:scale(1,1); }
					.menus .menu[data-level="0"].expanded	.menu-body	.menu-levels .menu-level-0 ul.l0 li:nth-child(7) 	{ margin-left: 0px; transition: margin 0.3s ease 0.22s, transform 0.3s ease 0.44s; transform:scale(1,1); }
					.menus .menu[data-level="0"].expanded	.menu-body	.menu-levels .menu-level-0 ul.l0 li:nth-child(8) 	{ margin-left: 0px; transition: margin 0.3s ease 0.24s, transform 0.3s ease 0.48s; transform:scale(1,1); }
					.menus .menu[data-level="0"].expanded	.menu-body	.menu-levels .menu-level-0 ul.l0 li:nth-child(9) 	{ margin-left: 0px; transition: margin 0.3s ease 0.26s, transform 0.3s ease 0.52s; transform:scale(1,1); }
					.menus .menu[data-level="0"].expanded	.menu-body	.menu-levels .menu-level-0 ul.l0 li:nth-child(10) 	{ margin-left: 0px; transition: margin 0.3s ease 0.28s, transform 0.3s ease 0.56s; transform:scale(1,1); }
					.menus .menu[data-level="0"].expanded	.menu-body	.menu-levels .menu-level-0 ul.l0 li:nth-child(11) 	{ margin-left: 0px; transition: margin 0.3s ease 0.30s, transform 0.3s ease 0.60s; transform:scale(1,1); }
					*/
					
					/* states */
					
					.menus .menu          			 																		{ max-height:    0px; min-height:50px; }
					.menus .menu.expanded 			 																		{ max-height: 2000px; }
					.menus .menu          .menu-body 																		{ max-height:    0px; transition: max-height 0.1s ease; }
					.menus .menu.expanded .menu-body 																		{ max-height: 2000px; transition: max-height 0.5s ease; }

					/* exceptions */
					html.menu-1 { /*overflow: hidden;*/ }
					html.menu-1 body { }

					/*	Animation	*/
					
					.menus .menu		  .menu-levels																		{ pointer-events: all;  opacity:0; visibility: visible; transition: transform 0.25s ease, max-height 0.0s ease 0.3s, opacity 0.3s ease 0.3s, visibility 0s ease 0.0s; }
					.menus .menu.expanded .menu-levels																		{ pointer-events: all;  opacity:1; visibility: visible; transition: transform 0.25s ease, max-height 0.6s ease 0.0s, opacity 0.0s ease 0.0s, visibility 0s ease 0.0s; }
					.css.gallery-fullscreen .menus .menu																	{ pointer-events:none;  opacity:0; visibility: hidden;  transition:opacity 0.5s ease 0.0s, visibility 0s ease 0.5s; }

				}
			
			
			
			
			
			
			
			
			
				
				
				
				
				
				
				
				
				
				
			
			/* 							*/
			/*	LANGUAGE SWITCHER		*/
			/* 							*/

				/* shared */

				/* exception: desktop */ @media screen and (min-width:860px)
				{
					.language-wrapper {
						display: inline-block; 
						position: relative; 
						z-index: 2; 
						width: 40px; 
						min-height: 55px; 
						height: auto;
						vertical-align: top; 
						text-align: right;
						top: 30px;
						cursor: pointer;
					}
					.language-wrapper .language {
						min-height: 55px;
					}
					.language .language-toggle {
						display: inline-block;
						position: relative;
						text-decoration: none;
						color: var(--brand_gray);
						width: 50px;
						height: 55px;
						opacity: 1;
						transition:opacity 0.5s ease;
					}
					.language .language-toggle:hover { opacity: 1; }
					.language .language-toggle i { pointer-events: none; }
					.language .language-toggle em {}
					.language .language-toggle i:before {
						content:"\ea35";
						display:block;
						text-align:right;
						width: 30px;
						height: 55px;
						margin: 0 0 -55px 0;
						font-size: 1.6rem; line-height:55px;
						color: inherit;
						position: relative;
						left: -3px;
						top: 0;
						overflow: hidden;
					}
					.language .language-toggle i:after {
						content:"\eba2";
						display:block;
						text-align: left;
						width: 25px; height: 55px;
						margin: 0 0 -55px 0;
						font-size: 1.6rem; line-height:55px;
						color: inherit;
						position: relative;
						left: 25px; top: 0;
						overflow: hidden;
					}
					body                   .switcher  { visibility: hidden;  opacity:0; transition:opacity 0.25s ease 0s, visibility 0s linear 0.3s, max-height 0.6s linear 0.0s, margin-top 0.3s ease; max-height:     0;   width: 160px; }
					body                   .pagecover { visibility: hidden;  opacity:0; transition:opacity 0.25s ease 0s, visibility 0s linear 0.0s, max-height 0.9s linear 0.3s;                       max-height:     0;   }
					body.language-switcher .switcher  { visibility: visible; opacity:1; transition:opacity 0.25s ease 0s, visibility 0s linear 0.0s, max-height 0.9s ease   0.0s, margin-top 0.6s ease; max-height:   500px; }
					body.language-switcher .pagecover { visibility: visible; opacity:1; transition:opacity 0.25s ease 0s, visibility 0s linear 0.0s, max-height 0.0s linear 0.0s;                       max-height: 10000px; }
					body.language-switcher .language-toggle i:after  { content:"\EBA9"; }

					.language .pagecover {
						position: fixed;
						left: 0; top: 0px;
						width: 100vw;
						height: 100vh;
						background-color: #00000000;
						z-index: 1000;
					}
					.language .switcher {
						position: absolute;
						margin:-70px 0 0 -150px;
						padding: 50px 25px 25px 25px;
						font-size: 1.3rem; line-height: 2rem;
						z-index: 1010;
						background-color: #35E7B900;
						/*overflow: hidden;*/
					}
					.language ul.available-languages { 
						position: relative; 
						border-bottom-left-radius: 4px; 
						border-bottom-right-radius: 4px; 
						margin: 19px 0 0 0; padding: 15px 0 10px 0; 
						background-color: rgba(255,255,255,0.9);
						border-top:3px solid var(--brand_blue);
						box-shadow: 0 10px 10px 0 #00000022; 
						z-index: 1020; 
					}
					.Xlanguage ul.available-languages:after      	{ bottom:100%;left:calc(100% - 15px);border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-bottom-color:#FFFFFF99;border-width:8px;margin-left:-8px;}
					.language ul.available-languages li         	{ display: block; list-style: none; margin: 0; padding: 0; font-size: 1.4rem; line-height: 1.2;  }
					.language ul.available-languages li a       	{ display: block; text-decoration: none; color: black; padding: 5px 25px 5px 45px; }
					.language ul.available-languages li a:hover 	{ background-color: var(--brand_blue); color: white; }
					.language ul.available-languages li a i     	{ float: right;}
					.language ul.available-languages li.current a   { pointer-events:none; }
					.language ul.available-languages li.current a i:before { content:"\ea7c"; display:block; float: left; text-align: left; width: 25px; height: 20px; margin: 0 -25px -20px 0; font-size: 0.9rem; color: inherit;  position: relative; left: 5px; top: 5px; overflow: hidden;}
					.language ul.available-languages li a em { font-style: normal; }
					.language ul.available-languages li a em:before { display: block; position: absolute; width: 20px; height: 12px; border: 1px solid #999; margin: 2px 0 0 -30px; background-size: 100% 100%; content:" "; background-repeat: no-repeat; font-size:0; line-height: 0; }
					.language ul.available-languages li.current { display: block; }

					.language ul.available-languages li[data-lang="hu"   ] { }	.language ul.available-languages li[data-lang="hu"   ] a em:after { content:"Magyar";  }
					.language ul.available-languages li[data-lang="en"   ] { }	.language ul.available-languages li[data-lang="en"   ] a em:after { content:"English"; }
					.language ul.available-languages li[data-lang="de"   ] { }	.language ul.available-languages li[data-lang="de"   ] a em:after { content:"German"; }
					.language ul.available-languages li[data-lang="fr"   ] { }	.language ul.available-languages li[data-lang="fr"   ] a em:after { content:"Français"; }
					.language ul.available-languages li[data-lang="it"   ] { }	.language ul.available-languages li[data-lang="it"   ] a em:after { content:"Italian"; }
					.language ul.available-languages li[data-lang="es"   ] { }	.language ul.available-languages li[data-lang="es"   ] a em:after { content:"Espanol"; }
					.language ul.available-languages li[data-lang="sk"   ] { }	.language ul.available-languages li[data-lang="sk"   ] a em:after { content:"Slovak"; }
					.language ul.available-languages li[data-lang="cz"   ] { }	.language ul.available-languages li[data-lang="cz"   ] a em:after { content:"Czech"; }
					.language ul.available-languages li[data-lang="nl"   ] { }	.language ul.available-languages li[data-lang="nl"   ] a em:after { content:"Nederlandsk"; }
					.language ul.available-languages li[data-lang="nl-be"] { }	.language ul.available-languages li[data-lang="nl-be"] a em:after { content:"Belgisch Nederlandsk"; }

					.language ul.available-languages li[data-lang="hu"   ] { }	.language ul.available-languages li[data-lang="hu"   ] a em:before { background-image: url("../../images/flag/hu.gif");  }
					.language ul.available-languages li[data-lang="en"   ] { }	.language ul.available-languages li[data-lang="en"   ] a em:before { background-image: url("../../images/flag/en.gif");  }
					.language ul.available-languages li[data-lang="de"   ] { }	.language ul.available-languages li[data-lang="de"   ] a em:before { background-image: url("../../images/flag/de.gif");  }
					.language ul.available-languages li[data-lang="fr"   ] { }	.language ul.available-languages li[data-lang="fr"   ] a em:before { background-image: url("../../images/flag/fr.gif");  }
					.language ul.available-languages li[data-lang="it"   ] { }	.language ul.available-languages li[data-lang="it"   ] a em:before { background-image: url("../../images/flag/it.gif");  }
					.language ul.available-languages li[data-lang="es"   ] { }	.language ul.available-languages li[data-lang="es"   ] a em:before { background-image: url("../../images/flag/es.gif");  }
					.language ul.available-languages li[data-lang="sk"   ] { }	.language ul.available-languages li[data-lang="sk"   ] a em:before { background-image: url("../../images/flag/sk.gif");  }
					.language ul.available-languages li[data-lang="cz"   ] { }	.language ul.available-languages li[data-lang="cz"   ] a em:before { background-image: url("../../images/flag/cz.gif");  }
					.language ul.available-languages li[data-lang="nl"   ] { }	.language ul.available-languages li[data-lang="nl"   ] a em:before { background-image: url("../../images/flag/nl.gif");  }
					.language ul.available-languages li[data-lang="nl-be"] { }	.language ul.available-languages li[data-lang="nl-be"] a em:before { background-image: url("../../images/flag/nl-be.gif");  }
				}

				/* exception: mobile */ @media screen and (min-width:0px) and (max-width: 859px) {
					.language .language-toggle       { }
				}
				/* exception: desktop */ @media screen and (min-width:860px) {
					.language-wrapper {
						position: absolute;
						right:0px;
						margin:0 0 0 0;
					}
					.language { display: inline-block; vertical-align: middle; margin:0;  } 
				}

					/*	Responsives	*/
					@media screen and (min-width:1440px)                        { .language-wrapper {   } }
					@media screen and (min-width:1240px) and (max-width:1439px) { .language-wrapper {   } }
					@media screen and (min-width:1040px) and (max-width:1239px) { .language-wrapper {   } }
					@media screen and (min-width: 960px) and (max-width:1039px) { .language-wrapper {   } }
					@media screen and (min-width: 860px) and (max-width: 959px) { .language-wrapper {   } }
					@media screen and (min-width: 700px) and (max-width: 859px) { .language-wrapper {   } }
					@media screen and (min-width: 580px) and (max-width: 699px) { }
					@media screen and (min-width: 310px) and (max-width: 579px) { .language-wrapper {   } }


					@media screen and (min-width:   0px) and (max-width: 859px) {
						.language-wrapper {
							position: fixed;
							left: 52px;
							top:calc(100vh - 150px);
							width: 70%;
							height: auto;
							z-index: 1000;
						}
						/* states */
						            .language-wrapper { display: none; }
						html.menu-1 .language-wrapper { display: block; }
						.menu[data-level="0"] .language-wrapper { opacity:1; transform:translateX(  0px); transition: opacity 0.3s ease 0.2s, transform 0.3s ease 0.0s; }
						.menu[data-level="1"] .language-wrapper { opacity:0; transform:translateX(-20px); transition: opacity 0.3s ease 0.0s, transform 0.3s ease 0.0s; }
						
						.language-wrapper .language {
							position: absolute;
							bottom: 0;
							width: 100%;
						}
						.language .language-toggle { display: none; }

						.language ul.available-languages li         	{ display: block; list-style: none; margin: 0; padding: 0; font-size: 1.8rem; line-height: 1.8;  }
						.language ul.available-languages li a       	{ display: inline-block; text-decoration: none; color: black; padding: 5px 25px 5px 45px; }
						.language ul.available-languages li a:hover 	{}
						.language ul.available-languages li a i     	{ float: right; margin: 0 0 0 30px; }
						.language ul.available-languages li.current a   { pointer-events:none; }
						.language ul.available-languages li.current a i:before { content:"\ea7c"; display:block; float: left; text-align: left; width: 30px; height: 25px; margin: 0 -25px 0; font-size: 0.9rem; color: inherit;  position: relative; left: 5px; top: 10px; overflow: hidden;}
						.language ul.available-languages li a em { font-style: normal; }
						.language ul.available-languages li a em:before { display: block; position: absolute; width: 25px; height: 16px; border: 1px solid #999; margin: 7px 0 0 -35px; background-size: 100% 100%; content:" "; background-repeat: no-repeat; font-size:0; line-height: 0; }
						.language ul.available-languages li.current { display: block; }
						.language ul.available-languages li[data-lang="hu"   ] { }	.language ul.available-languages li[data-lang="hu"   ] a em:before { background-image: url("../../images/flag/hu.gif");  }
						.language ul.available-languages li[data-lang="en"   ] { }	.language ul.available-languages li[data-lang="en"   ] a em:before { background-image: url("../../images/flag/en.gif");  }
						.language ul.available-languages li[data-lang="hu"   ] { }	.language ul.available-languages li[data-lang="hu"   ] a em:after { content:"Magyar";  }
						.language ul.available-languages li[data-lang="en"   ] { }	.language ul.available-languages li[data-lang="en"   ] a em:after { content:"English"; }
						
					}
					
					@media Xscreen and (min-width:   0px) and (max-width: 859px) {
						.language-wrapper {
							position: fixed; 
							left: 20px; 
							top: 0;
						}
						.menu .language .language-toggle {
							visibility:visible; 
							pointer-events: all; 
							z-index: 999; 
							top: 7px; 
							left: 0;
							padding:25px 25px 0 25px; 
							margin:-25px -25px 0 -25px; 
							overflow: hidden;
							outline: 0px solid black;
							background-color: rgba(173,255,47,0.73);
							background-color: transparent;
							border-radius: 10px;
						}
						.menu.expanded .language .language-toggle { visibility:hidden;  pointer-events: none; }
						.language .language-toggle { opacity: 1; }
						.language .language-toggle i,.language .language-toggle em { pointer-events: none; }
						.language .language-toggle i:before { width: 55px; height: 55px; margin: 0 0 -55px 0; font-size: 2.8rem; line-height: 55px; left: -30px; top: -10px; }
						.language .language-toggle i:after { left: 21px; top: -8px;}
						.language .switcher { margin:-70px 0 0 -30px; }
					}