@charset "UTF-8";
/* CSS Document */
ba {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}
:root {
	--menu_offset:0px;
	--menu_height:160px;
	--menu_height_collapsed:100px;
	--menu_height_static:160px;
	--top_menu_item_ratio:0.3;
	--highlight_background_color:#E15B24;
	--logo_width:250px;
	--side_margin:80px;
	--gap:20px;
	--copies:200px;
	--label_size: 120px;
	--input_size: calc(100% - var(--label_size));
	--main_title_size: 3.0rem;
	--main_title_line_height: 3.3rem;
	--copy_size_huge: 30px;
	--copy_size_big: 20px;
	--copy_size_bigger: 18px;
	--copy_size: 16px;
	--copy_size_smaller: 14px;
	--copy_size_small: 13px;
	--copy_line_height_huge: 45px;
	--copy_line_height_big: 30px;
	--copy_line_height_bigger: 28px;
	--copy_line_height: 26px;
	--copy_line_height_smaller: 22px;
	--copy_line_height_small: 20px;
	--brand_orange:#E15B24;
	--brand_orange_light:#EA8039;
	--brand_orange_dim:#E15B24EE;
	--brand_lightblue: #0e9ae1;
	--brand_lightblue_dim: #6ce6ff;
	--brand_blue:#0054BF;
	--brand_blue_dim0:#0054BF00;
	--brand_darkblue:#031660;
	--brand_darkblue_dim:#031660EE;
	--brand_darkblue_dim2:#03166080;
	--brand_green:#94B946;
	--brand_darkgreen:#4B851C;
	--brand_purple:#971260;
	--brand_red:#E81A32;
	--brand_yellow:#FCAC06;
	--quote_sign_size:150px;
}
html {
	margin: 0;
	padding: 0;
	font-family: NunitoSans, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size:16px;
	line-height: 1.4;
	font-weight: normal;
	font-weight:400;
	max-width: 100vh;
	min-height: 100%;
	overscroll-behavior: contain;
	overflow-x: hidden;
	overflow-y:overlay;
	background-color: var(--brand_darkblue);
}
html,body {}
html body {
	margin: 0 auto;
	padding: 0;
	min-height: inherit;
	overflow-y: auto;
	user-select: text;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
}
h1,h2,h3,h4,h5,h6,p,ul,ol {
	margin: 0;
	padding:0;
	color: rgba(255,255,255,0.8);
}
h1,h2,h3,h4,h5,h6,p {
	font-family:NunitoSans;
	font-weight:400;
}
h1.fancy,h2.fancy,h3.fancy,h4.fancy,h5.fancy,h6.fancy,p.fancy {
	font-family:Clarendon;
	font-family: NunitoSans;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,p a {
	color: inherit;
	text-decoration: underline;
}

section h2 {
	text-indent: -.075em;
	font-family: Clarendon;
	font-family: NunitoSans;
	font-weight: 200;
	font-size: var(--main_title_size);
	line-height: var(--main_title_line_height);
}
/* Section .background mindig a section magasságának 100%-a (position: absolute nélkül) */
section .background {
	min-height: inherit;
	box-sizing: border-box;
	/* position: absolute; */
	/* inset: 0; */
}
figure { margin: 0; padding: 0; background-repeat: no-repeat; background-size: contain; background-position: center; }
figcaption {}
.space {
	display: block;
	height: 50px;
}
.gap {
	display: inline-block;
	width: 30px;
	height: inherit;
}
small { display: block; width: 100%; }
big   { display: block; width: 100%; }

	/*   DESKTOP    */ @media screen and (min-width: 960px) {
		small { height:30px; }
		big   { height:60px; }
	}
	/*   TABLET     */ @media screen and (min-width: 520px) and (max-width: 959.8px) {
		small { height:5px; }
		big   { height:10px; }
	}
	/*   MOBILE     */ @media screen and (min-width:   0px) and (max-width: 519.8px) {
		small { height:5px; }
		big   { height:10px; }
	}


	/* nonbreaking spaces (before and after) */
	.spb { white-space: nowrap; display: inline; margin-left:0.15em; }
	.spa { white-space: nowrap; display: inline; margin-right:0.15em; }
	/* allowing article to keep with next word (a, az) */
	.article { white-space: nowrap;}
	/* avoid break between words */
	.wab { white-space: nowrap; hyphens: none; }
	/* optional break between words */
	.wob { white-space: normal; display: table; }
	
	/* non breaking space last words of the sentence */
	.nbs { white-space: nowrap; }
	/* non breaking space after articles (a,az) */
	.art { white-space: nowrap; }


	/* LAYERS */

	header { z-index: 30; }
	main   { z-index: 10; }
	footer { z-index: 20; }
	header .body nav.top-menu[data-res="mobile"] > .pagecover    { z-index: 100; }
	header .body nav.top-menu[data-res="mobile"] > .menu-levels  { z-index: 110; }



	.anchor {
		display: block;
		position: relative;
		height: 10px;
		margin-bottom: -10px;
		top: calc(-1 * var(--menu_height) - 20px);
		background-color: yellow;
		background-color: transparent;
		top: 0;
		margin-top: -1px;
	}










/* TOP LOGO */

#top-logo {
	width:100%;
	height:auto;
	aspect-ratio:2/1;
}
#top-logo .mirror {
	display:block;
	position:relative;
	left:50%;
	transform:translateX(-50%);
	width:70%;
	height:100%;
}
#top-logo .mirror .logo {
	i {
		display: block;
		position: relative;
		width: 100%;
		background-color: rgba(200,80,171,1.00);
		background-color: transparent;
	}
	i:before {
		display: block;
		position: fixed;
		content:"";
		width: 100%;
		height: 100%;
		background-position:50% 50%;
		background-size: contain;
		background-repeat: no-repeat;
		z-index: 100;
		outline: 1px dashed orange;
		outline: none;
	}
	i:before { 
		background-image: url("../../images/logo/tuzgyujto-konferencia-2soros-feher-szines.svg");
		background-image: url("../../images/logo/tuzgyujto-konferencia-1soros-feher-szines.svg");
	}
}
/*     L-  */ @media screen and (min-width: 960px) {
	#top-logo { display:none; }
}









.event-h-s-group {
	background-color: var(--brand_purple);
	background-color: var(--brand_green);
	background-color: var(--brand_blue);
	padding: 120px 0 60px 0;
}


/* HERO HEAD */

.event-head {
	display: block;
	text-align: center;
	padding: 0;
}
.event-head h1 {
	font-weight: 400;
	font-size: 5rem;
	line-height: 1.2;
	text-transform: uppercase;
	text-align: center;
}
.event-head h1 b {
	font-weight: 900;
	text-align: center;
}
.event-head h2 {
	font-size:4.5rem;
	line-height: 1.2;
	margin-bottom: 25px;
	text-align: center;
}
.event-head h3 {
	position: relative;
	text-align: center;
	padding: 25px 50px;
	margin: 25px auto 15px auto;
	font-size:   calc(var(--main_title_size) * 0.75);
	line-height: calc(var(--main_title_line_height) * 0.75);
	background-color: var(--brand_green);
	color: var(--brand_darkblue);
	color: var(--brand_blue);
	border-radius: 15px;
}
.XXXevent-head h3:after {
	top: calc(0% - 30px);
	left: calc(0% + 30px);
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: #00000000;
	border-left-color: var(--brand_green);
	border-width: 30px;
	margin-left: -30px;
}
.event-head h3:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -20px;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid var(--brand_green);
}
.event-head h4 {
	position: relative;
	text-align: center;
	padding: 0px 25% 0 25%;
	margin: 10px auto 50px auto;
	font-size: calc(var(--copy_size_big) * 1.2);
	line-height: calc(var(--copy_line_height_big) * 1.2);
	color: white;
	text-wrap:balance;
}

/* HERO SUPPORTIVES */

.event-supportives {
	margin: 0 auto;
	color: white;
	text-align: center;
	white-space: nowrap;
	margin-bottom: 25px;
}
.event-supportives .mirror {
	display: flex;
	flex-flow: row;
	align-content: center;
	justify-content: center;
}
.event-supportives .mirror.supportive-mirror {
	flex-wrap: wrap;
	row-gap: 18px;
}
.event-supportives .supportive-label {
	align-self: center;
	max-width: 7em;
	white-space: normal;
	text-align: right;
	font-size: 1.5rem;
}
.event-supportives .supportive-person {
	display: flex;
	flex-flow: row;
	align-content: center;
	justify-content: center;
	align-self: center;
}
.event-supportives .supportive-person figure {
	align-self: center;
	width:         110px;
	height:        110px;
	border-radius: 110px;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: white;
	margin-right: 15px;
	margin-left: 15px;
}
.event-supportives .supportive-person figcaption {
	align-self: center;
	text-align: left;
}
.event-supportives .supportive-person figcaption p.name {
	font-size: 1.5rem;
	font-weight: 800;
}
.event-supportives .supportive-person figcaption p.title {
	font-size: 1.5rem;
	font-weight: 400;
}
.event-supportives .supportive-quote {
	position: relative;
	width: min(980px, 100%);
	margin: 0 auto;
	padding: 40px 40px;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 24px;
	color: white;
	font-size: var(--copy_size);
	line-height: var(--copy_line_height);
	white-space: normal;
	text-align: justify;
	hyphens: auto;
	opacity: 0.9;
}
.event-supportives .supportive-quote:before {
	content: "";
	position: absolute;
	left: 50%;
	top: -20px;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid rgba(255, 255, 255, 0.3);
}


/* HERO SLIDER */

.event-hero .hero-slider {
	position: relative;
	cursor: grab;
	user-select: none;
}
.event-hero .hero-slider.is-dragging { cursor: grabbing; }
.event-hero .hero-slider .hero-slides {
	display: grid;
}
.event-hero .hero-slider .hero-slide {
	grid-area: 1 / 1;
	position: relative;
	opacity: 0;
	transform: translateX(200px);
	will-change: transform, opacity;
	pointer-events: none;
}
.event-hero .hero-slider .hero-slide.is-active {
	opacity: 1;
	transform: translateX(0);
	pointer-events: auto;
	z-index: 2;
}
.event-hero .hero-slider .hero-slide.is-leaving {
	opacity: 0;
	transform: translateX(0);
	z-index: 1;
}
.event-hero .hero-slider .block[data-label="creative"] { position: relative; }
.event-hero .hero-slider .main-title h2 {
	opacity: 0;
	will-change: opacity;
}
.event-hero .hero-slider .hero-nav {
	position: absolute;
	left: 50%;
	bottom: 20px;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	gap: 12px;
	z-index: 5;
}
.event-hero .hero-slider .hero-dots {
	display: flex;
	align-items: center;
	gap: 8px;
}
.event-hero .hero-slider .hero-dot {
	appearance: none;
	width: 10px;
	height: 10px;
	border-radius: 999px;
	border: none;
	padding: 0;
	background-color: rgba(255,255,255,0.4);
	cursor: pointer;
}
.event-hero .hero-slider .hero-dot.is-active { background-color: rgba(255,255,255,0.95); }
.event-hero .hero-slider .hero-arrow {
	appearance: none;
	width: 36px;
	height: 36px;
	border-radius: 999px;
	/* border: 1px solid rgba(255,255,255,0.4); */
	/* background-color: rgba(0,0,0,0.2); */
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	cursor: pointer;
	background-color: transparent;
	border: none;
}
.event-hero .hero-slider .hero-arrow .arrow {
	display: block;
	width: 15px;
	height: 15px;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	transform: rotate(-45deg);
}
.event-hero .hero-slider .hero-prev .arrow { transform: rotate(135deg); }

/* COUNTDOWN */

#remaining-time {
	display: flex;
	align-items: center;
	color: black;
	/* color: white; */
	color: var(--brand_purple);
}
#remaining-time p {
	font-size:var(--copy_size_small);
	line-height:var(--copy_line_height_small);
	text-wrap:balance;
	max-width:200px;
	text-align:right;
	padding-right:20px;
}
#remaining-time > ul {
	display: flex;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	color: black;
	color: inherit;
	opacity: 0.8;
}
#remaining-time > ul > li {
	display: flex;
	flex-direction: column;
	align-items: center;
	line-height: 1;
	list-style:none;
	background-color: white;
	border-radius: 5px;
	width: 60px;
	padding: 5px;
}
#remaining-time > ul > li:before {
	content:"";
}
#remaining-time .value {
	font-family: NunitoSans;
	font-weight: 700;
	font-size: calc(var(--copy_size_bigger) * 1.2);
	min-width: var(--copy_line_height_bigger);
	text-align: center;
	letter-spacing: -0.5pt;
}
#remaining-time .suffix {
	font-size: 0.6rem;
	opacity: 0.7;
}
html[lang="hu"] #remaining-time > ul > li[data-label="days"]    .suffix:after { content:"nap"; }
html[lang="hu"] #remaining-time > ul > li[data-label="hours"]   .suffix:after { content:"óra"; }
html[lang="hu"] #remaining-time > ul > li[data-label="minutes"] .suffix:after { content:"perc"; }
html[lang="hu"] #remaining-time > ul > li[data-label="seconds"] .suffix:after { content:"másodperc"; }
html[lang="en"] #remaining-time > ul > li[data-label="days"]    .suffix:after { content:"days"; }
html[lang="en"] #remaining-time > ul > li[data-label="hours"]   .suffix:after { content:"hours"; }
html[lang="en"] #remaining-time > ul > li[data-label="minutes"] .suffix:after { content:"minutes"; }
html[lang="en"] #remaining-time > ul > li[data-label="seconds"] .suffix:after { content:"seconds"; }

/*     L   */ @media screen and (min-width: 960px) and (max-width:1039.8px) {
	#remaining-time { transform-origin:right center; transform:translateX(15%) scale(0.7); }
}
/*     M   */ @media screen and (min-width: 0px) and (max-width:959.8px) { #remaining-time { display:none; } }




/* CTA BUTTONS */
.menu-cta,
.buttons .button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: auto;
	padding: 15px 35px;
	border-radius: 66px;
	color: white;
	text-decoration: none;
	font-size: 1.2rem;
	box-shadow: 0 6px 15px 0 rgba(0,0,0,0.25);
}

.buttons .button[data-label="for-profit"] {
	background-color: var(--brand_green);
}
.buttons .button[data-label="non-profit"] {
	background-color: var(--brand_orange);
}

.menu-cta i,
.buttons .button i { display: inline-block; }
.menu-cta i:before,
.buttons .button i:before { content:"\EBA8"; }
.menu-cta em,
.buttons .button em { font-style: normal; }

.buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 50px;
	margin-bottom: 50px;
}
.buttons .button-wrapper {
	display: flex;
	flex-direction: column;
}

/* TOP MENU ACTIONS */


/* NOTUSED NOW */

nav.language-wrapper {
	display:none;
}
button.back-to-top {
	display: none;
}

		/* 							*/
		/* COLUMNS                  */
		/* 							*/

			.columns         { width: 100%; font-size:0; line-height: 0;margin: 0;padding: 0;}
			.columns .column { display: inline-block; vertical-align: top; font-size: 0;line-height: 0; margin: 0; padding: 0; }
			.columns .column p { font-size:initial; line-height:initial; }

			.columns .column.align-to-middle { vertical-align:middle;}
			.columns .column.align-to-bottom { vertical-align:bottom;}

			/* exception: mobile */ @media screen and (min-width:0px) and (max-width: 959.8px){
			
				.mirror .columns > .column:nth-child(1) {
					display: block;
					width: 100%;
					margin-bottom: 25px;
				}
				.mirror .columns > .column:nth-child(2) {
					display: block;
					width: 100%;
				}
				.mirror .columns > .column:nth-child(2) > .mirror {
					margin-left: -15px;
					padding: 15px;
					width: calc(100% - 0px);
				}
			}

			/* exception: desktop */ @media screen and (min-width:960px){
				
				/*	1:|_______________________________________|	1 col				*/	.columns[data-columns="1"]         .column   { width:100%; }
				/*	2:|___________________|___________________|	2 equal cols		*/	.columns[data-columns="1-1"]       .column   { width: 50%; }		.columns[data-columns="1-1"]       .column:nth-child(1) {                 background-color:#9DD28E00; }	.columns[data-columns="1-1"]          .column:nth-child(2) {                 background-color:#D3A4F000; }
				/*	3:|____________|_____________|____________|	3 equal cols		*/	.columns[data-columns="1-1-1"]     .column   { width: 33.333%; }	.columns[data-columns="1-1-1"]     .column:nth-child(1) {                 background-color:#E9F0C500; }	.columns[data-columns="1-1-1"]        .column:nth-child(2) {                 background-color:#F1C7E600; }	.columns[data-columns="1-1-1"]       .column:nth-child(3) { background-color:#BBCBED00; }
				/*	4:|_________|_________|_________|_________|	4 equal cols		*/	.columns[data-columns="1-1-1-1"]   .column   { width: 25%; }		.columns[data-columns="1-1-1-1"]   .column:nth-child(1) {                 background-color:#E9F0C500; }	.columns[data-columns="1-1-1-1"]      .column:nth-child(2) {                 background-color:#F1C7E600; }	.columns[data-columns="1-1-1-1" ]    .column:nth-child(3) { background-color:#BBCBED00; }	.columns[data-columns="1-1-1-1"]   .column:nth-child(4) { background-color:#BBEDE200; }
				/*	5:|_______|_______|_______|_______|_______|	5 equal cols		*/	.columns[data-columns="1-1-1-1-1"] .column   { width: 25%; }		.columns[data-columns="1-1-1-1-1"] .column:nth-child(1) {                 background-color:#E9F0C500; } .columns[data-columns="1-1-1-1-1"]    .column:nth-child(2) {                 background-color:#F1C7E600; }	.columns[data-columns="1-1-1-1-1"]   .column:nth-child(3) { background-color:#BBCBED00; } 	.columns[data-columns="1-1-1-1-1"] .column:nth-child(4) { background-color:#BBEDE200; } .columns[data-columns="1-1-1-1-1"] .column:nth-child(5) { background-color:#CFED0000; }
				/*	3:|__________________________|____________|	2/1 distinct cols	*/	.columns[data-columns="2-1"]       .column   { }					.columns[data-columns="2-1"]       .column:nth-child(1) { width: 66.666%; background-color:#E9F0C500; }	.columns[data-columns="2-1"]          .column:nth-child(2) { width: 33.333%; background-color:#F1C7E600; }
				/*	3:|____________|__________________________|	1/2 distinct cols	*/	.columns[data-columns="1-2"]       .column   { }					.columns[data-columns="1-2"]       .column:nth-child(1) { width: 33.333%; background-color:#E9F0C500; }	.columns[data-columns="1-2"]          .column:nth-child(2) { width: 66.666%; background-color:#F1C7E600; }
				/*	4:|_____________________________|_________|	3/1 distinct cols	*/	.columns[data-columns="3-1"]       .column   { width: 25%; }		.columns[data-columns="3-1"]       .column:nth-child(1) { width: 75%;     background-color:#E9F0C500; }	.columns[data-columns="3-1"]          .column:nth-child(2) { width: 25%;     background-color:#F1C7E600; }
				/*	4:|_________|_____________________________|	1/3 distinct cols	*/	.columns[data-columns="1-3"]       .column   { width: 25%; }		.columns[data-columns="1-3"]       .column:nth-child(1) { width: 75%;     background-color:#E9F0C500; }	.columns[data-columns="1-3"]          .column:nth-child(2) { width: 25%;     background-color:#F1C7E600; }
				/*	5:|_______________________________|_______|	4/1 distinct cols	*/	.columns[data-columns="4-1"]       .column   { }					.columns[data-columns="4-1"]       .column:nth-child(1) { width: 80%;     background-color:#E9F0C500; } .columns[data-columns="4-1"]          .column:nth-child(2) { width: 20%;     background-color:#F1C7E600; }
				/*	5:|_______________________|_______________|	3/2 distinct cols	*/	.columns[data-columns="3-2"]       .column   { }					.columns[data-columns="3-2"]       .column:nth-child(1) { width: 60%;     background-color:#E9F0C500; }	.columns[data-columns="3-2"]          .column:nth-child(2) { width: 40%;     background-color:#F1C7E600; }
				/*	5:|_______________|_______________________|	2/3 distinct cols	*/	.columns[data-columns="2-3"]       .column   { }					.columns[data-columns="2-3"]       .column:nth-child(1) { width: 40%;     background-color:#E9F0C500; }	.columns[data-columns="2-3"]          .column:nth-child(2) { width: 60%;     background-color:#F1C7E600; }
				/*	5:|_______|_______________________________|	1/4 distinct cols	*/	.columns[data-columns="1-4"]       .column   { }					.columns[data-columns="1-4"]       .column:nth-child(1) { width: 20%;     background-color:#E9F0C500; } .columns[data-columns="1-4"]          .column:nth-child(2) { width: 80%;     background-color:#F1C7E600; }
				/*	6:|________________________________|______|	5/1 distinct cols	*/	.columns[data-columns="5-1"]       .column   { }					.columns[data-columns="5-1"]       .column:nth-child(1) { width: 66.666%; background-color:#E9F0C500; }	.columns[data-columns="5-1"]          .column:nth-child(2) { width: 16.666%; background-color:#F1C7E600; }
				/*	6:|______|________________________________|	1/5 distinct cols	*/	.columns[data-columns="1-5"]       .column   { }					.columns[data-columns="1-5"]       .column:nth-child(1) { width: 16.666%; background-color:#E9F0C500; }	.columns[data-columns="1-5"]          .column:nth-child(2) { width: 66.666%; background-color:#F1C7E600; }

				.columns[data-columns="2-1"] .column:nth-child(1) .mirror { 	                  } .columns[data-columns="2-1"] .column:nth-child(2) span.mirror { padding:0 0 0 20px; }
				.columns[data-columns="3-1"] .column:nth-child(1) .mirror { padding: 0 0 0 20px;  } .columns[data-columns="3-1"] .column:nth-child(2) span.mirror { padding:0 0 0 20px; } .columns[data-columns="3-1"] .column:nth-child(3) span.mirror { padding:0 0 0 20px; }

				.columns[data-columns="1"]         .column { width: 100%; }
				.columns[data-columns_ratio="1-1"] .column { width:  50%; }
				
				.columns[data-columns="1-1"] .column:nth-child(1) .mirror { padding-right: 3rem; }
			}










		/* XXXXL   */ @media screen and (min-width:1600px)                          {
			header .head .mirror { width: 1400px; max-width: 1600px; }
			header .body .mirror { width: 1400px; max-width: 1600px; }		
			header .body nav.top-menu[data-res="desktop"] {margin-left: 0;}
			header .body nav.top-menu[data-res="desktop"] ul {margin-right: 30em;}
			header .stripe { width: calc(400px + 50vw); }
			header .head .logo {height: 150px;aspect-ratio:19/9;top: 0;}
			main .mirror { width: 1400px; }
		}

		/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599.8px) {
			header .head .mirror {width: 1200px;max-width: 1400px;}
			header .body .mirror { width: 1200px; max-width: 1400px;}
			header .body nav.top-menu[data-res="desktop"] { margin-left:calc(var(--menu_height) * 0.9 * 2.111); }
			header .body nav.top-menu[data-res="desktop"] ul {margin-right: 15em;}
			header .stripe { width: calc(400px + 50vw); }
			header .head .logo {height: 150px;aspect-ratio:19/9;top: 0;}		
			main .mirror { width: 1200px; }
		}
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439.8px) {
			header .head .mirror { width: 1000px; max-width: 1200px;}
			header .body .mirror {width: 1000px;max-width: 1200px;}
			header .body nav.top-menu[data-res="desktop"] { margin-left:calc(var(--menu_height) * 0.9 * 2.111); }
			header .body nav.top-menu[data-res="desktop"] ul {margin-right: 0em;--copy_size: 13px;}
			header .stripe {width: calc(400px + 40vw);}
			header .head .logo {height: 150px;aspect-ratio:19/9;top: 0;}		
			main .mirror { width: 1000px; }
		}
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239.8px) {
			header .head .mirror { width: 900px; max-width: 1100px;}
			header .body .mirror { width: 900px; max-width: 1100px;}
			header .body nav.top-menu[data-res="desktop"] { margin-left:calc(var(--menu_height) * 0.9 * 2.111); }
			header .body nav.top-menu[data-res="desktop"] ul {margin-right: 0;--copy_size: 12px;}
			header .stripe {width: calc(400px + 40vw);}
			header .head .logo {height: 150px;aspect-ratio:19/9;top: 0;}		
			main .mirror { width: 900px; }
		}
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039.8px) {
			header .head .mirror { width: 800px; max-width: 1000px;}
			header .body .mirror { width: 800px; max-width: 1000px;}
			header .body nav.top-menu[data-res="desktop"] {margin-left: calc(var(--menu_height) * 0.9 * 1.6);}
			header .body nav.top-menu[data-res="desktop"] ul {margin-right: -60px;--copy_size: 11px;}
			header .stripe {width: calc(400px + 30vw);}
			header .head .logo {height: 120px;aspect-ratio:19/9;top: 25px;}		
			main .mirror { width: 800px; }
		}

		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959.8px) {
			header .head .mirror { width: 800px; max-width: 1000px;}
			header .body .mirror { width: 800px; max-width: 1000px;}
			header .body nav.top-menu[data-res="desktop"] { margin-left:calc(var(--menu_height) * 0.9 * 2.111); }
			header .body nav.top-menu[data-res="desktop"] ul { margin-right:20em; }
			main .mirror {width: calc(100% - 100px);left: 50%;position: relative;transform: translateX(-50%);}
		}
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859.8px) {
			header .head .mirror { width: 100%; max-width: 100%;}
			header .body .mirror { width: 100%; max-width: 100%;}
			header .body nav.top-menu[data-res="desktop"] { margin-left:calc(var(--menu_height) * 0.9 * 2.111); }
			header .body nav.top-menu[data-res="desktop"] ul { margin-right:20em; }
			main .mirror {width: calc(100% - 100px);left: 50%;position: relative;transform: translateX(-50%);}
		}
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699.8px) {
			header .head .mirror { width: calc(100% - 20px); max-width: 100%;}
			header .body .mirror { width: calc(100% - 20px); max-width: 100%;}
			header .body nav.top-menu[data-res="desktop"] { margin-left:calc(var(--menu_height) * 0.9 * 2.111); }
			header .body nav.top-menu[data-res="desktop"] ul { margin-right:20em; }
			main .mirror {width: calc(100% - 100px);left: 50%;position: relative;transform: translateX(-50%);}
		}
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579.8px) {
			header .head .mirror { width: calc(100% - 20px); max-width: 100%;}
			header .body .mirror { width: calc(100% - 20px); max-width: 100%;}
			header .body nav.top-menu[data-res="desktop"] { margin-left:calc(var(--menu_height) * 0.9 * 2.111); }
			header .body nav.top-menu[data-res="desktop"] ul { margin-right:20em; }
			main .mirror {width: calc(100% - 100px);left: 50%;position: relative;transform: translateX(-50%);}
		}

		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519.8px) {
			header .head .mirror { width: 100%; max-width: 100%;}
			header .body .mirror { width: 100%; max-width: 100%;}
			header .body nav.top-menu[data-res="desktop"] { margin-left:calc(var(--menu_height) * 0.9 * 2.111); }
			header .body nav.top-menu[data-res="desktop"] ul { margin-right:20em; }
			main {}
			main .mirror {width: calc(100% - 80px);max-width: 100%;left: 50%;transform: translateX(-50%);position: relative;}
		}
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439.8px) {
			header .head .mirror { width: 100%; max-width: 100%;}
			header .body .mirror { width: 100%; max-width: 100%;}
			header .body nav.top-menu[data-res="desktop"] { margin-left:calc(var(--menu_height) * 0.9 * 2.111); }
			header .body nav.top-menu[data-res="desktop"] ul { margin-right:20em; }
			main {}
			main .mirror {width: calc(100% - 50px);max-width: 100%;left: 50%;transform: translateX(-50%);position: relative;}
		}
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329.8px) {
			header .head .mirror { width: 100%; max-width: 100%;}
			header .body .mirror { width: 100%; max-width: 100%;}
			header .body nav.top-menu[data-res="desktop"] { margin-left:calc(var(--menu_height) * 0.9 * 2.111); }
			header .body nav.top-menu[data-res="desktop"] ul { margin-right:20em; }
			main {}
			main .mirror {width: calc(100% - 50px);max-width: 100%;left: 50%;transform: translateX(-50%);position: relative;}
		}

		/*   XXL4  */ @media screen and (min-width:1400px) and (max-width:1439.8px) { }
		/*   XXL3  */ @media screen and (min-width:1340px) and (max-width:1399.8px) { }
		/*   XXL2  */ @media screen and (min-width:1300px) and (max-width:1339.8px) { }
		/*   XXL1  */ @media screen and (min-width:1240px) and (max-width:1299.8px) { }
		/*    XL4  */ @media screen and (min-width:1200px) and (max-width:1239.8px) { }
		/*    XL3  */ @media screen and (min-width:1140px) and (max-width:1199.8px) { }
		/*    XL2  */ @media screen and (min-width:1100px) and (max-width:1139.8px) { }
		/*    XL1  */ @media screen and (min-width:1040px) and (max-width:1099.8px) { }
		/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959.8px) { }
		/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899.8px) { }
		/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439.8px) { }
		/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399.8px) { }