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

	
	/* default settings */
	
	html { margin: 0; padding: 0; font-family: Metric, sans-serif; font-weight: 300; font-size: 10px; line-height: 13px; min-height: 100%; color: #4A4A4A; }
	body,div,p,ul,li { margin: 0; padding: 0; }
	div,span,h1,h2,h3,h4,h5,h6,i { background-position: center center; background-repeat: no-repeat; background-size: contain; margin: 0; padding: 0; }
	h1,h2,h3,h4,h5,h6,p,ul { font-weight: normal; text-align: left; }
	li { list-style: none; }
	img { border: none; }
	ul li, a { font-family: inherit; color: inherit; }
	p b { color: inherit; }
	em b { color: inherit!important; }
	a { text-decoration: none; }
	a:hover { text-decoration: underline; }
	a.foreign-link { font-weight: bold; color:#153572; }
	.body p.bold { font-weight: bold; }
	.page { position: relative; left: 50%; transform: translateX(-50%); }
	.asterisk {  font-weight: normal; }
	.important { color:#f7ec40!important; }
	
	/* 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;}
	figure { background-repeat: no-repeat; background-size: contain; background-position: center center; margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;}
	figure img { visibility: hidden; width: 100%; height: auto; max-height: 400px; }
	.keep-together { white-space: nowrap; }
	
	
	/* COLOURS */
	/* yellow: #f7ec40 */
	/* darkblue: #012E72 */
	
	
 	@media screen and (min-width:   0px) and (max-width: 859px) {
		/*.wab {white-space: normal;}*/
	}
	

	/* responsibles */

	/* XXXXL */ @media screen and (min-width:1600px)                        {	/*	XXXL: 1600 -		*/	}
	/*  XXXL */ @media screen and (min-width:1440px) and (max-width:1599px) {	/*	XXXL: 1440 - 1599	*/	}
	/*   XXL */ @media screen and (min-width:1240px) and (max-width:1439px) {	/*	 XXL: 1240 - 1439	*/	}
	/*    XL */ @media screen and (min-width:1040px) and (max-width:1239px) {	/*	  XL: 1040 - 1239	*/	}
	/*     L */ @media screen and (min-width: 960px) and (max-width:1039px) {	/*	   L:  960 -  375	*/	}
 	/*     M */ @media screen and (min-width: 860px) and (max-width: 959px) {	/*	   M:  860 -  959	*/	}
 	/*     S */ @media screen and (min-width: 700px) and (max-width: 859px) {	/*	   S:  700 -  859	*/	}
 	/*    XS */ @media screen and (min-width: 580px) and (max-width: 699px) {	/*	  XS:  580 -  699	*/	}
 	/*   XXS */ @media screen and (min-width: 310px) and (max-width: 579px) {	/*	 XXS:    0 -  375, mirror: 310	*/	}
 	/*  XXXS */ @media screen and (min-width:   0px) and (max-width: 309px) {	/*	XXXS:    0 -  309, mirror: auto	*/	}

	@media screen and (min-width:   0px) and (max-width: 859px) {	/*	   MOBILE	XXS-S:     0-  859	*/	div[data-desktop="1"], div[data-tablet="1"] { display: none!important; } }
	@media screen and (min-width: 860px) and (max-width:1039px) {	/*	   TABLET	M-L:     860- 1039	*/	div[data-desktop="1"], div[data-mobile="1"] { display: none!important; } }
	@media screen and (min-width:1040px)                        {	/*	   DESKTOP	M-XXXL: 1040-		*/	div[data-tablet="1"],  div[data-mobile="1"] { display: none!important; } }



	/* elements */

	small { display: block; width: 100%; height: 20px; }
	big   { display: block; width: 100%; height: 40px; }
	
	/* background */
	
	
	html {
		height: 100%;
		overflow-x: hidden;
	}
	body {
		background-color: white;
		background-size: 500px 500px;
		background-repeat: repeat;
		background-attachment: fixed;
		overflow: hidden;
	}
	.decors {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		display: none;
	}
	.decors .decor {
		width: 50%;
		height: 50%;
		position: absolute;
	}
	.decors .decor.shine {
		left:50%;
		top:-80%;
		width: 100%;
		height: 250%;
		transform:translateX(-50%) rotate(-20deg);
		background-image: url("../../images/background/shine.png");
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 100% 100%;
		opacity: 0.25;
	}

	/* DOUBLE POINTS */

	.double-points {
		position: fixed;
		z-index: 999;
		width: 50vw;
		height: auto;
		right: 0;
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.double-points.animate { transition: all 0.5s ease; }
	html[data-dp_visible="1"] .double-points { opacity:1; right:  0;   transform:rotate( 0deg); }
	html[data-dp_visible="0"] .double-points { opacity:0; right:-50vw; transform:rotate(45deg); }

	.double-points a.dp-hide-button {
		display: block;
		position:relative;
		width: 30px;
		height: 30px;
		margin: 0 0 -30px 0;
		left: 5px;
		top: 0vw;
		border-radius: 30px;
		background-color: black;
		color: white;
		text-align: center;
		font-size: 28px;
		line-height: 30px;
		font-weight: bold;
		text-decoration: none;
		opacity: 0;
		transition: opacity 0.5s ease;
	}
	.double-points a.dp-hide-button:before { content:"×"; }
	.double-points:hover a.dp-hide-button { opacity: 1;}

	.double-points img { width: 100%; height: auto; visibility: hidden; }
	@media screen and (min-width:   0px) and (max-width: 859px) { .double-points { background-image:url("../../images/elements/doublepoints-mobile.svg");  bottom:-35px; } .double-points img.d { display: none; } }
	@media screen and (min-width: 860px) and (max-width:1039px) { .double-points { background-image:url("../../images/elements/doublepoints-mobile.svg");  bottom:-35px; } .double-points img.d { display: none; } }
	@media screen and (min-width:1040px)                        { .double-points { background-image:url("../../images/elements/doublepoints-desktop.svg"); bottom:  0;   } .double-points img.m { display: none; } }

	@media screen and (min-width: 700px) and (max-width: 859px) { .double-points { width: 30vw; } }








	/* DOUBLE POINTS 2 */

	.double-points2 {
		position: fixed;
		z-index: 999;
		width: 50vw;
		height: auto;
		right: 0;
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.double-points2.animate { transition: all 0.5s ease; }
	html[data-dp2_visible="1"] .double-points2 { opacity:1; right:  0;   transform:rotate( 0deg); }
	html[data-dp2_visible="0"] .double-points2 { opacity:0; right:-50vw; transform:rotate(45deg); }

	.double-points2 a.dp2-hide-button {
		display: block;
		position:relative;
		width: 30px;
		height: 30px;
		margin: 0 0 -30px 0;
		left: 5px;
		top: 0vw;
		border-radius: 30px;
		background-color: black;
		color: white;
		text-align: center;
		font-size: 28px;
		line-height: 30px;
		font-weight: bold;
		text-decoration: none;
		opacity: 0;
		transition: opacity 0.5s ease;
	}
	.double-points2 a.dp2-hide-button:before { content:"×"; }
	.double-points2:hover a.dp2-hide-button { opacity: 1;}

	.double-points2 img { width: 100%; height: auto; visibility: hidden; }
	@media screen and (min-width:   0px) and (max-width: 859px) { .double-points2 { background-image:url("../../images/elements/doublepoints2-mobile.svg");  bottom:-35px; } .double-points2 img.d { display: none; } }
	@media screen and (min-width: 860px) and (max-width:1039px) { .double-points2 { background-image:url("../../images/elements/doublepoints2-mobile.svg");  bottom:-35px; } .double-points2 img.d { display: none; } }
	@media screen and (min-width:1040px)                        { .double-points2 { background-image:url("../../images/elements/doublepoints2-desktop.svg"); bottom:  0;   } .double-points2 img.m { display: none; } }

	@media screen and (min-width: 700px) and (max-width: 859px) { .double-points2 { width: 30vw; } }



	
	/* sections / components */

	[data-component="header"] {}
	[data-component="body"  ] { padding:0 0 100px 0;}
	[data-component="footer"] {}


	/* SECTIONS */
	
		/* section: HERO */
		
		              		              		              		    section.component[data-component="hero"] .mirror { position:relative; left:50%; transform:translateX(-50%); }
		@media screen and (min-width:1600px)                        {	section.component[data-component="hero"] .mirror { width: 1400px; }}
		@media screen and (min-width:1440px) and (max-width:1599px) {	section.component[data-component="hero"] .mirror { width: 1400px; }}
		@media screen and (min-width:1240px) and (max-width:1439px) {	section.component[data-component="hero"] .mirror { width: 1100px; }}
		@media screen and (min-width:1040px) and (max-width:1239px) {	section.component[data-component="hero"] .mirror { width: 1000px; }}
		@media screen and (min-width: 960px) and (max-width:1039px) {	section.component[data-component="hero"] .mirror { width:  900px; }}
		@media screen and (min-width: 860px) and (max-width: 959px) {	section.component[data-component="hero"] .mirror { width:  800px; }}
		@media screen and (min-width: 700px) and (max-width: 859px) {	section.component[data-component="hero"] .mirror { width:  680px; }}
		@media screen and (min-width: 580px) and (max-width: 699px) {	section.component[data-component="hero"] .mirror { width:  560px; width: calc(100% - 60px); }}
		@media screen and (min-width: 310px) and (max-width: 579px) {	section.component[data-component="hero"] .mirror { width:  310px; width: calc(100% - 30px); }}
		@media screen and (min-width:   0px) and (max-width: 309px) {	section.component[data-component="hero"] .mirror { width: calc(100% - 15px); }}

		              		              		              		    section.component[data-component="hero"] .hero-banner .background .b-c { position:relative; left:50%; transform:translateX(-50%); }
		@media screen and (min-width:1600px)                        {	section.component[data-component="hero"] .hero-banner .background .b-c { width: 1400px; }}
		@media screen and (min-width:1440px) and (max-width:1599px) {	section.component[data-component="hero"] .hero-banner .background .b-c { width: 1400px; }}
		@media screen and (min-width:1240px) and (max-width:1439px) {	section.component[data-component="hero"] .hero-banner .background .b-c { width: 1100px; }}
		@media screen and (min-width:1040px) and (max-width:1239px) {	section.component[data-component="hero"] .hero-banner .background .b-c { width: 1000px; }}
		@media screen and (min-width: 960px) and (max-width:1039px) {	section.component[data-component="hero"] .hero-banner .background .b-c { width:  900px; }}
		@media screen and (min-width: 860px) and (max-width: 959px) {	section.component[data-component="hero"] .hero-banner .background .b-c { width:  800px; }}
		@media screen and (min-width: 700px) and (max-width: 859px) {	section.component[data-component="hero"] .hero-banner .background .b-c { width:  680px; }}
		@media screen and (min-width: 580px) and (max-width: 699px) {	section.component[data-component="hero"] .hero-banner .background .b-c { width:  560px; width: calc(100% - 60px); }}
		@media screen and (min-width: 310px) and (max-width: 579px) {	section.component[data-component="hero"] .hero-banner .background .b-c { width:  310px; width: calc(100% - 30px); }}
		@media screen and (min-width:   0px) and (max-width: 309px) {	section.component[data-component="hero"] .hero-banner .background .b-c { width: calc(100% - 15px); }}


		

		/* section: BODY */
		
		section.component[data-component="body"] { position:relative; left:50%; transform:translateX(-50%); }
		@media screen and (min-width:1600px)                        {	section.component[data-component="body"] { width: 1400px; }}
		@media screen and (min-width:1440px) and (max-width:1599px) {	section.component[data-component="body"] { width: 1400px; }}
		@media screen and (min-width:1240px) and (max-width:1439px) {	section.component[data-component="body"] { width: 1100px; }}
		@media screen and (min-width:1040px) and (max-width:1239px) {	section.component[data-component="body"] { width: 1000px; }}
		@media screen and (min-width: 960px) and (max-width:1039px) {	section.component[data-component="body"] { width:  900px; }}
		@media screen and (min-width: 860px) and (max-width: 959px) {	section.component[data-component="body"] { width:  800px; }}
		@media screen and (min-width: 700px) and (max-width: 859px) {	section.component[data-component="body"] { width:  680px; }}
		@media screen and (min-width: 580px) and (max-width: 699px) {	section.component[data-component="body"] { width:  560px; width: calc(100% - 60px); }}
		@media screen and (min-width: 310px) and (max-width: 579px) {	section.component[data-component="body"] { width:  310px; width: calc(100% - 30px); }}
		@media screen and (min-width:   0px) and (max-width: 309px) {	section.component[data-component="body"] { width: calc(100% - 15px); }}




	/* typography */
	
	h2              { font-weight: bold;    font-size: 3.5rem;  line-height: 1.2;  margin: 15px 0 10px 0;       padding: 0 0 0 0;      color:#25408e; letter-spacing: 0.01rem; font-kerning:normal; }
	h3              { font-weight: bold;    font-size: 2.5rem;  line-height: 1.2;  margin: 15px 0 10px 0;       padding: 0 0 0 0;      color:#25408e; font-kerning:normal; }
	.content-lead p { font-weight: bold;    font-size: 3.0rem;  line-height: 1.2;  margin:  0   0 10px 0;       padding: 0 0 0 0;      color:#000000; text-transform: none;      letter-spacing: 0.01rem; font-kerning:normal; }
	p               { font-weight: normal;  font-size: 1.5rem;  line-height: 1.2;  margin:  0   0  5px 0;       padding: 0 0 0 0;      color:#000000; letter-spacing: 0.15pt; }
	ul,ol           { font-weight: normal;  font-size: 1.5rem;  line-height: 1.2;  margin:  0   0 10px 0.0rem;  padding: 0 0 0 1.8rem; color:#000000; list-style:disc; }
	ul li, ol li    { font-weight: inherit; font-size: inherit; line-height: inherit; margin:  0   0  0 0.0rem;    padding: 0 0 0 0.6rem; color:inherit; }
	ul li           { list-style:disc; }
	ol li           {  }
	table           { font-weight: normal;  font-size: 1.5rem;  line-height: 1.2;  margin:  0   0 10px 0;       padding: 0;            color:#000000; }
	table tr td     { font-weight: inherit; font-size: inherit; line-height: inherit; margin:  0;                padding: 0;            color:#000000; vertical-align: top; }
	
	h2.biggest      { font-size: 7.0rem;  line-height: 1.1;  margin: 15px 0 10px 0;}
	h2.smaller      { }
	h2.smallest     { }

	h3.smaller      { font-size: 2.2rem;  line-height: 1.2; }
	h3.smallest     { font-size: 2.0rem;  line-height: 1.2; }

 	/* Main title (desktop and mobile size) */
	.main-title { font-weight: bold; font-size: 40px; line-height: 45px; margin: 15px 0 10px 0; -webkit-font-smoothing: antialiased; }
	@media screen and (min-width: 860px) and (max-width: 959px) { .main-title { font-size:4rem; line-height:4.6rem; text-align:left; } }
	@media screen and (min-width: 700px) and (max-width: 859px) { .main-title { font-size:4rem; line-height:4.6rem; text-align:left; } }
	@media screen and (min-width: 580px) and (max-width: 699px) { .main-title { font-size:4rem; line-height:4.6rem; text-align:left; } }
	@media screen and (min-width: 310px) and (max-width: 579px) { .main-title { font-size:3rem; line-height:3.6rem; text-align:left; } }
	@media screen and (min-width:   0px) and (max-width: 309px) { .main-title { font-size:3rem; line-height:3.6rem; text-align:left; } }

	/* Title (desktop and mobile size) */
	.title { font-weight: bold; font-size: 20px; line-height: 25px; margin: 0 0 10px 0; padding: 0 0 0 0;  }
	@media screen and (min-width: 860px) and (max-width: 959px) { .title { font-size:3.5rem; line-height:3.8rem; text-align:left; } }
	@media screen and (min-width: 700px) and (max-width: 859px) { .title { font-size:3.5rem; line-height:3.8rem; text-align:left; } }
	@media screen and (min-width: 580px) and (max-width: 699px) { .title { font-size:3.5rem; line-height:3.8rem; text-align:left; } }
	@media screen and (min-width: 310px) and (max-width: 579px) { .title { font-size:2.5rem; line-height:3.0rem; text-align:left; } }
	@media screen and (min-width:   0px) and (max-width: 309px) { .title { font-size:2.5rem; line-height:3.0rem; text-align:left; } }

	
	/*
	h2.light  { font-weight: normal; font-size:3.5rem; line-height:4.0rem; margin:0; padding:0; }
	h2        { font-weight: bold;   font-size:3.5rem; line-height:4.0rem; margin:0; padding:0; }
	h2.dark   { font-weight: normal; font-size:3.5rem; line-height:4.0rem; margin:0; padding:0; }
	h2.heavy  { font-weight: normal; font-size:3.5rem; line-height:4.0rem; margin:0; padding:0; }
	h2.fat    { font-weight: normal; font-size:3.5rem; line-height:4.0rem; margin:0; padding:0; }

	h3.light  { font-weight: normal; font-size:1.7rem; line-height:2.0rem; margin:0; padding:0; }
	h3        { font-weight: bold;   font-size:1.7rem; line-height:2.0rem; margin:0; padding:0; }
	h3.dark   { font-weight: normal; font-size:1.7rem; line-height:2.0rem; margin:0; padding:0; }
	h3.heavy  { font-weight: normal; font-size:1.7rem; line-height:2.0rem; margin:0; padding:0; }
	h3.fat    { font-weight: normal; font-size:1.7rem; line-height:2.0rem; margin:0; padding:0; }

	h4.light  { font-weight: normal; font-size:1.2rem; line-height:1.7rem; margin:0; padding:0; }
	h4        { font-weight: bold;   font-size:1.2rem; line-height:1.7rem; margin:0; padding:0; }
	h4.dark   { font-weight: normal; font-size:1.2rem; line-height:1.7rem; margin:0; padding:0; }
	h4.heavy  { font-weight: normal; font-size:1.2rem; line-height:1.7rem; margin:0; padding:0; }
	h4.fat    { font-weight: normal; font-size:1.2rem; line-height:1.7rem; margin:0; padding:0; }

	p         { font-weight: normal;  font-size:1.0rem; line-height:1.3rem; margin:0; padding:0; }
	p.dark    { font-weight: bold;    font-size:1.0rem; line-height:1.3rem; margin:0; padding:0; }
	p.heavy   { font-weight: normal;  font-size:1.0rem; line-height:1.3rem; margin:0; padding:0; }
	*/

	/* copy size modifiers */
	p.smallest { font-size: 1.1rem;  line-height: 1.4rem; margin: 0 0  5px 0 }
	p.smaller  { font-size: 1.3rem;  line-height: 1.7rem; margin: 0 0  5px 0 }
	p.bigger   { font-size: 1.8rem;  line-height: 2.2rem; margin: 0 0 10px 0 }
	p.biggest  { font-size: 2.1rem;  line-height: 2.6rem; margin: 0 0 15px 0 }

	/* word wrapping */
	
	.mirror p {
			  word-wrap: break-word;
		  overflow-wrap: break-word;
		-webkit-hyphens: auto;
		   -moz-hyphens: auto;
				hyphens: auto;
	}

	/* copy colour/weight modifiers */
	.css.skin-1 .important { color:#f7ec40; }
	
	
	/* no breaking content */
	.nb { display: inline-block; white-space: nowrap; }


	/* dialog */
	.dialog-wrapper {
		position: relative;
		margin: 25px 15px 25px 15px;
		width: 500px;
		left: 50%;
		transform: translateX(-50%);
	}
	@media screen and (min-width: 0px) and (max-width: 579px)	{
		.dialog-wrapper { width: 80%; }
	}
	
	
	.dialog-wrapper p.has-picto { font-size: 20px; line-height: 25px; padding-bottom: 15px; }
	.dialog-wrapper .picto { position: relative; display: block; width: 30px; height: 30px; margin: 0 0 -30px 0; padding: 0 0 0 30px; left: -10px; top: -2px; background-repeat: no-repeat; background-position: center center; background-size: 30px 30px;	}
	.dialog-wrapper .picto[data-picto="done"      ] { background-image: url("../../images/form/done.png"); }
	.dialog-wrapper .picto[data-picto="failed"    ] { background-image: url("../../images/form/failed.png"); }
	.dialog-wrapper .picto[data-picto="email-sent"] { background-image: url("../../images/form/email-sent.png"); }
	.dialog-wrapper .copy { display: block; position: relative; margin: 0 0 0 50px; }
	
	/* content */
	.content-wrapper {
		margin: 0;
	}
	
	/* spacers */
	.spacer { float:none; clear: both; display: block; 	}
	.spacer[data-size="small"] { height: 15px; }
	.spacer[data-size="medium"] { height: 25px; }
	.spacer[data-size="big"] { height: 40px; }

	/* footnotes */

	.footnotes { position:relative; left: -20px;  margin:0; padding:0 0 0 30px; font-size:12px; line-height:16px; color: #999999; }
	.footnotes .footnote-item { margin:0; padding:0; list-style:none; }
	.footnotes .footnote-item:before { display:block; position:relative; left:-35px; top:0; width:30px; height:20px; margin:0 0 -20px 0; text-align:right; font-size: 12px; line-height: 16px; }
	.footnotes .footnote-item:nth-child(1):before { content:"*"; }
	.footnotes .footnote-item:nth-child(2):before { content:"**"; }
	.footnotes .footnote-item:nth-child(3):before { content:"***"; }
	.footnotes .footnote-item:nth-child(4):before { content:"****"; }
	.footnotes .footnote-item:nth-child(5):before { content:"*****"; }
	
	/* links */
	
	.same-site-link    { text-decoration: underline; }
	.foreign-site-link { text-decoration: underline; font-weight: bold; color: #25408e; }
	
		/* skins */
			.css.skn-2 .same-site-link,
			.css.skn-2 .foreign-site-link { color: #f7ec40; }
	
	
	
	
	/* Skins */

		/* defaults */
	
			.css h1              { color:#003d7c; }
			.css h2              {color: #333333;}
			.css h3              { color:#003d7c; }
			.css h4              { color:#003d7c; }
			.css h5              { color:#003d7c; }
			.css h6              { color:#003d7c; }
			.css .content-lead p { color:#003d7c; }
			.css p               { color:#003d7c; }
			.css ul,ol           { color:#666666; }
			.css ul li, ol li    { color:#828282; }
			.css table           { color:#666666; }
			.css table tr td     { color:#666666;  }
			
			.css p.light-blue { color:#0063ff; }
			
			
			.css .title-copies h2 { color: white; }
			.css .title-copies h3 { color: white; }
	
		/* skn-1: light background, dark copies */
			/*.css.skn-1 * { color: #333333; }*/

			/*
			.css.skn-1 h2              { color:#00457F; }
			.css.skn-1 h3              { color:#00457F; }
			.css.skn-1 .content-lead p { color:#000000; }
			.css.skn-1 p               { color:#000000; }
			.css.skn-1 ul,ol           { color:#000000; }
			.css.skn-1 ul li, ol li    { color:inherit; }
			.css.skn-1 table           { color:#000000; }
			.css.skn-1 table tr td     { color:#000000;  }
			*/
		
		
		/* skn-2: dark background, light copies */
		
			/*.css.skn-2 * { color: #FFFFFF; }*/
			/*
			.css.skn-2 h2              { color:white; }
			.css.skn-2 h3              { color:white; }
			.css.skn-2 .content-lead p { color:white; }
			.css.skn-2 p               { color:white; }
			.css.skn-2 ul,ol           { color:white; }
			.css.skn-2 ul li, ol li    { color:white; }
			.css.skn-2 table           { color:white; }
			.css.skn-2 table tr td     { color:white;  }
			
			.css.skn-2 .main-title { color: #f7ec40; }
			.css.skn-2 .title { color:#FFFFFF; }
			.css.skn-2 .promo-boxes-wrapper ul.promo-boxes li.pb-item { box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.5); }
			.css.skn-2 .footnotes .footnote-item:before { color:#FFFFFF;  }
			.css.skn-2 .promo-boxes-wrapper * { color:#333333; }
			*/
	
	
	
	
	
		/* 							*/
		/* COLUMNS                  */
		/* 							*/
	
		.columns {width: 100%;font-size:0;line-height: 0;margin: 0;padding: 0;}
		.columns .column {display: inline-block;font-size: 1rem;line-height: 1rem;vertical-align: top;}
		
		/* above S */ @media screen and (min-width:860px) {
		
			/*	1:|_______________________________________|	1 col				*/	.columns.columns-1         .column   { width:100%; }
			/*	2:|___________________|___________________|	2 equal cols		*/	.columns.columns-1-1       .column   { width: 50%; }		.columns.columns-1-1       .column:nth-child(1) {                 }	.columns.columns-1-1       .column:nth-child(2) {                 }
			/*	3:|____________|_____________|____________|	3 equal cols		*/	.columns.columns-1-1-1     .column   { width: 33.333%; }	.columns.columns-1-1-1     .column:nth-child(1) {                 }	.columns.columns-1-1-1     .column:nth-child(2) {                 }	.columns.columns-1-1-1       .column:nth-child(3) {}
			/*	4:|_________|_________|_________|_________|	4 equal cols		*/	.columns.columns-1-1-1-1   .column   { width: 25%; }		.columns.columns-1-1-1-1   .column:nth-child(1) {                 }	.columns.columns-1-1-1-1   .column:nth-child(2) {                 }	.columns.columns-1-1-1-1     .column:nth-child(3) {}	.columns.columns-1-1-1-1   .column:nth-child(4) {}
			/*	5:|_______|_______|_______|_______|_______|	5 equal cols		*/	.columns.columns-1-1-1-1-1 .column   { width: 25%; }		.columns.columns-1-1-1-1-1 .column:nth-child(1) {                 } .columns.columns-1-1-1-1-1 .column:nth-child(2) {                 }	.columns.columns-1-1-1-1-1   .column:nth-child(3) {} 	.columns.columns-1-1-1-1-1 .column:nth-child(4) {} .columns.columns-1-1-1-1-1 .column:nth-child(5) {}
			/*	3:|__________________________|____________|	2/1 distinct cols	*/	.columns.columns-2-1       .column   { }					.columns.columns-2-1       .column:nth-child(1) { width: 66.666%; }	.columns.columns-2-1       .column:nth-child(2) { width: 33.333%; }
			/*	3:|____________|__________________________|	1/2 distinct cols	*/
			/*	4:|_____________________________|_________|	3/1 distinct cols	*/	.columns.columns-3-1       .column   { width: 25%; }		.columns.columns-3-1       .column:nth-child(1) { width: 75%;     }	.columns.columns-3-1       .column:nth-child(2) { width: 25%;     }
			/*	4:|_________|_____________________________|	1/3 distinct cols	*/	.columns.columns-1-3       .column   { width: 25%; }		.columns.columns-1-3       .column:nth-child(1) { width: 75%;     }	.columns.columns-1-3       .column:nth-child(2) { width: 25%;     }
			/*	5:|_______________________________|_______|	4/1 distinct cols	*/	.columns.columns-4-1       .column   { }					.columns.columns-4-1       .column:nth-child(1) { width: 80%;     } .columns.columns-4-1       .column:nth-child(2) { width: 20%;     }
			/*	5:|_______________________|_______________|	3/2 distinct cols	*/	.columns.columns-3-2       .column   { }					.columns.columns-3-2       .column:nth-child(1) { width: 60%;     }	.columns.columns-3-2       .column:nth-child(2) { width: 40%;     }
			/*	5:|_______________|_______________________|	2/3 distinct cols	*/	.columns.columns-2-3       .column   { }					.columns.columns-2-3       .column:nth-child(1) { width: 40%;     }	.columns.columns-2-3       .column:nth-child(2) { width: 60%;     }
			/*	5:|_______|_______________________________|	1/4 distinct cols	*/	.columns.columns-1-4       .column   { }					.columns.columns-1-4       .column:nth-child(1) { width: 20%;     } .columns.columns-1-4       .column:nth-child(2) { width: 80%;     }
			/*	6:|________________________________|______|	5/1 distinct cols	*/	.columns.columns-5-1       .column   { }					.columns.columns-5-1       .column:nth-child(1) { width: 66.666%; }	.columns.columns-5-1       .column:nth-child(2) { width: 16.666%; }
			/*	6:|______|________________________________|	1/5 distinct cols	*/	.columns.columns-1-5       .column   { }					.columns.columns-1-5       .column:nth-child(1) { width: 16.666%; }	.columns.columns-1-5       .column:nth-child(2) { width: 66.666%; }
			/*	6:|________________________________|______|	1/4/1               */	.columns.columns-1-4-1     .column   { }					.columns.columns-1-4-1     .column:nth-child(1) { width: 16.666%; }	.columns.columns-1-4-1     .column:nth-child(2) { width: 66.666%; }	.columns.columns-1-4-1     .column:nth-child(3) { width: 16.666%; }

			.columns .columns.columns-1         .column { width: 100%; }
			.columns .columns.columns-ratio-1-1 .column { width:  50%; }
		}
		
		.columns .column { outline: 0px dotted black; }

		/* below S */ @media screen and (max-width:859px) {
			.columns .column { width: 100%; }
		}

	

		/* 							*/
		/* LISTS                    */
		/* 							*/
	
			ul.multi-col {
				column-count: 2;
				column-gap: 25px;
				break-inside: avoid-column;
			}

			/*	COUNT OF COLUMNS DEPENDING ON WINDOW WIDTH	*/
			@media screen and (min-width:1440px)                        { ul.multi-col { column-count:3; } }
			@media screen and (min-width:1240px) and (max-width:1439px) { ul.multi-col { column-count:3; } }
			@media screen and (min-width:1040px) and (max-width:1239px) { ul.multi-col { column-count:2; } }
			@media screen and (min-width: 960px) and (max-width:1039px) { ul.multi-col { column-count:2; } }
			@media screen and (min-width: 860px) and (max-width: 959px) { ul.multi-col { column-count:1; } }
			@media screen and (min-width: 700px) and (max-width: 859px) { ul.multi-col { column-count:1; } }
			@media screen and (min-width: 580px) and (max-width: 699px) { ul.multi-col { column-count:1; } }
			@media screen and (min-width: 310px) and (max-width: 579px) { ul.multi-col { column-count:1; } }
			@media screen and (min-width:   0px) and (max-width: 309px) { ul.multi-col { column-count:1; } }


		/* 							*/
		/*	TABLES					*/
		/* 							*/
			
			.body ul.simple-table													{	margin:0; padding: 0; font-size: 0; line-height: 0; }
			.body ul.simple-table li												{	list-style: none; }
			.body ul.simple-table         li span									{	vertical-align: top; font-size:1.5rem; line-height: 1.8rem; }
			.body ul.simple-table.smaller li span									{	font-size:1.3rem; line-height: 1.8rem; }
			.body ul.simple-table li span:first-child								{	}
			.body ul.simple-table li span:last-child								{	}

			.body ul.simple-table[data-type="indexed"] 								{}
			.body ul.simple-table[data-type="indexed"] li span.index				{	display:inline-block; width: 40px; }
			.body ul.simple-table[data-type="indexed"] li span.text					{	display:inline-block; width: calc(100% - 40px); }
			
			.body ul.simple-table[data-type="labeled"] 								{		}
			.body ul.simple-table[data-type="labeled"] li							{	display: block; list-style: none;	}
			.body ul.simple-table[data-type="labeled"] li             span.label	{	display: block; font-size: 1.1rem; line-height: 1.5rem; font-weight: bold;	}
			.body ul.simple-table[data-type="labeled"] li:first-child span.label	{	margin-top: 5px; padding-top: 5px; border-top: 1px solid #15357255;	}
			.body ul.simple-table[data-type="labeled"] li             span.leader	{	display: none;	}
			.body ul.simple-table[data-type="labeled"] li             span.value	{	display: block; color: #153572; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #15357255; font-size: 1.5rem; line-height: 1.8rem; }




		/* 							*/
		/* HEADER                   */
		/* 							*/


			.header-creative {
				background-size: cover;
				background-repeat: no-repeat;
				width: 100%;
				height: auto;
			}
			.header-creative img {
				width: 100%;
				height: auto;
				visibility: hidden;
			}
			.page-title {
				background-color: #002d72;
				color: white;
				text-align: center;
				font-weight: normal;
				font-size: 1.2rem;
				line-height: 1.5rem;
				text-transform: uppercase;
				letter-spacing: 1px;
				padding: 5px 0 5px 0;
			}
			@media screen and (min-width: 700px) and (max-width:9999px) { .page-title { display: none; } }
			



		/* 							*/
		/* FOOTER                   */
		/* 							*/

			.footer-wrapper {
				display: block;
				position: fixed;
				bottom:0;
				left: 0;
				width: 100%;
				height: 40px;
			}
			.footer-wrapper:before {
				content:" ";
				position: absolute;
				width: 100%;
				height: 40px;
			}
			
			.footer-wrapper .footer {
				position: relative;
				left: 50%;
				transform:translateX(-50%);
			}
			.footer-wrapper .contents {
				/*background-color: rgba(196,22,25,0.30);*/
			}
			
			/*	Skins */
			
			.css.skn-1 .footer-wrapper:before { background-color: rgb(255,255,255); box-shadow: 0 -2px 10px 0 rgba(0,0,0,0.15); }
			.css.skn-2 .footer-wrapper:before { background-color: rgba(64,64,64,0.66); box-shadow: 0 -5px 30px 0 rgba(0,0,0,0.15); }
			
			
			
			/*	Footer widths	*/
			
				@media screen and (min-width:1440px)                        { .footer-wrapper .footer {width:1200px;} }
				@media screen and (min-width:1240px) and (max-width:1439px) { .footer-wrapper .footer {width:1100px;} }
				@media screen and (min-width:1040px) and (max-width:1239px) { .footer-wrapper .footer {width:1000px;} }
				@media screen and (min-width: 960px) and (max-width:1039px) { .footer-wrapper .footer {width: 900px;} }
				@media screen and (min-width: 860px) and (max-width: 959px) { .footer-wrapper .footer {width: 800px;} }
				@media screen and (min-width: 700px) and (max-width: 859px) { .footer-wrapper .footer {width: 680px;} }
				@media screen and (min-width: 580px) and (max-width: 699px) { .footer-wrapper .footer {width: 560px;} }
				@media screen and (min-width: 310px) and (max-width: 579px) { .footer-wrapper .footer {width: 310px; width: calc(100% - 20px); } }
				@media screen and (min-width:   0px) and (max-width: 309px) { .footer-wrapper .footer {width: calc(100% - 10px); } }

				@media screen and (min-width:   0px) and (max-width: 699px) {
					.footer-wrapper:before {
						top: 0px;
						height: 40px;
					}
					.footer-wrapper .footer .contents .promotion-data-wrapper {
						top:40px;
					}
					.footer-wrapper .footer .contents .promotion-data-wrapper .promotion-data {
					    top: 0px;
						font-size: 1.2rem;
						line-height: 1.4rem;
					}
					.footer-wrapper .opb { display: inline-block; }
					.footer-wrapper .opb:before { content:" "; display: inline-block; margin-left: 5px; }
					.footer-wrapper  .company-info-wrapper p { text-align: center; font-size: 11px; }
				}
				
			
			/* Copies */
			
			.promotion-data-wrapper {
				position: absolute;
			}
			.promotion-data-wrapper .promotion-data {
				position: relative;
				top: 20px;
				color:#25408e;
				font-size: 1.4rem;
				line-height: 1.6rem;
			}
			.promotion-data-wrapper .promotion-data .pd-label {
				font-weight: bold;
				display: inline-block;
				padding-right: 5px;
			}
			.promotion-data-wrapper .promotion-data .pd-value {
				font-weight: normal;
				display: inline-block;
			}
			.promotion-data-wrapper .promotion-data .pd-separator {
				display: inline-block;
				width: 10px;
				height: 10px;
			}
			
			/* Copyright */
			
			.company-info-wrapper {
				color:#25408e;
				font-size: 1.4rem;
				line-height: 1.7rem;
				opacity: 0.5;
				display: block;
				position: relative;
				transform:translateY(50%);
			}
			.company-info-wrapper p {
				font-size: inherit;
				line-height: inherit;
			}
							
			
			
			/* Sponsor logo */
			
			.sponsor-logo-wrapper {
				display: block;
				position: absolute;
			}
			.sponsor-logo-wrapper .sponsor-logo {
				display: block;
				overflow: hidden;
				text-indent: -1000em;
				background-repeat: no-repeat;
				background-size: contain;
				background-position: bottom center;
				width: inherit;
				height:inherit;
				position: relative;
				z-index: 1;
				box-shadow: 0 -3px 10px 0 rgba(0,0,0,0.2);
			}
			@media screen and (min-width:1440px)                        { .sponsor-logo-wrapper { width: 120px; height: 56px; margin-bottom: -56px; top:calc(100% - 80px); } .promotion-data-wrapper { top: -10px; width: calc(100% - 150px); padding:0 0 0 150px;} }
			@media screen and (min-width:1240px) and (max-width:1439px) { .sponsor-logo-wrapper { width: 110px; height: 52px; margin-bottom: -52px; top:calc(100% - 77px); } .promotion-data-wrapper { top: -10px; width: calc(100% - 140px); padding:0 0 0 140px;} }
			@media screen and (min-width:1040px) and (max-width:1239px) { .sponsor-logo-wrapper { width: 100px; height: 47px; margin-bottom: -47px; top:calc(100% - 70px); } .promotion-data-wrapper { top: -10px; width: calc(100% - 120px); padding:0 0 0 120px;} }
			@media screen and (min-width: 960px) and (max-width:1039px) { .sponsor-logo-wrapper { width:  90px; height: 42px; margin-bottom: -42px; top:calc(100% - 65px); } .promotion-data-wrapper { top: -10px; width: calc(100% - 100px); padding:0 0 0 100px;} }
			@media screen and (min-width: 860px) and (max-width: 959px) { .sponsor-logo-wrapper { width:  90px; height: 42px; margin-bottom: -42px; top:calc(100% - 65px); } .promotion-data-wrapper { top: -10px; width: calc(100% - 100px); padding:0 0 0 100px;} }
			@media screen and (min-width: 700px) and (max-width: 859px) { .sponsor-logo-wrapper { width:  90px; height: 42px; margin-bottom: -42px; top:calc(100% - 60px); } .promotion-data-wrapper { top: -10px; width: calc(100% - 100px); padding:0 0 0 100px;} .promotion-data-wrapper .promotion-data { top:15px; font-size:1.2rem; line-height:1.4rem; } .promotion-data-wrapper .promotion-data .pd-separator { display: block; width: 100%; height: 1px; } }
			@media screen and (min-width: 580px) and (max-width: 699px) { .sponsor-logo-wrapper { width:  90px; height: 42px; margin-bottom: -42px; top:calc(100% - 60px); } .promotion-data-wrapper { top: -10px; width: calc(100% - 100px); padding:0 0 0 100px;} .promotion-data-wrapper .promotion-data { top:15px; font-size:1.2rem; line-height:1.4rem; } .promotion-data-wrapper .promotion-data .pd-separator { display: block; width: 100%; height: 1px; } }
			@media screen and (min-width: 310px) and (max-width: 579px) { .sponsor-logo-wrapper { width:  90px; height: 42px; margin-bottom: -42px; top:calc(100% - 60px); } .promotion-data-wrapper { top: -10px; width: calc(100% - 100px); padding:0 0 0 100px;} .promotion-data-wrapper .promotion-data { top:15px; font-size:1.2rem; line-height:1.4rem; } .promotion-data-wrapper .promotion-data .pd-separator { display: block; width: 100%; height: 1px; } }
			@media screen and (min-width:   0px) and (max-width: 309px) { .sponsor-logo-wrapper { width:  90px; height: 42px; margin-bottom: -42px; top:calc(100% - 60px); } .promotion-data-wrapper { top: -10px; width: calc(100% - 100px); padding:0 0 0 100px;} .promotion-data-wrapper .promotion-data { top:15px; font-size:1.2rem; line-height:1.4rem; } .promotion-data-wrapper .promotion-data .pd-separator { display: block; width: 100%; height: 1px; } }

			@media screen and (min-width:   0px) and (max-width: 699px) {
				.footer-wrapper {
					height:40px;
				}
				.footer-wrapper .footer .contents .sponsor-logo-wrapper {
					position: relative;
					top:calc(100% - 0px);
				}
			}




		/* 							*/
		/* MENU                     */
		/* 							*/
	
			.menu-placeholder { width:100%; height: 50px; }
	
			/*	MENU WIDTHS	*/
			/*
			@media screen and (min-width:1440px)                        {.menu {width:1200px;} }
			@media screen and (min-width:1240px) and (max-width:1439px) {.menu {width:1100px;} }
			@media screen and (min-width:1040px) and (max-width:1239px) {.menu {width:1000px;} }
			@media screen and (min-width: 960px) and (max-width:1039px) {.menu {width: 900px;} }
			@media screen and (min-width: 860px) and (max-width: 959px) {.menu {width: 800px;} }
			@media screen and (min-width: 700px) and (max-width: 859px) {.menu {width: 680px;} }
			@media screen and (min-width: 580px) and (max-width: 699px) {.menu {width: 560px;} }
			@media screen and (min-width: 310px) and (max-width: 579px) {.menu {width: 310px;} }
			*/

			@media screen and (min-width:1600px)                        {	section.component[data-component="header"] .menu { width: 1400px; } /* XXXXL: 1600 -		*/	}
			@media screen and (min-width:1440px) and (max-width:1599px) {	section.component[data-component="header"] .menu { width: 1400px; } /*	XXXL: 1440 -		*/	}
			@media screen and (min-width:1240px) and (max-width:1439px) {	section.component[data-component="header"] .menu { width: 1100px; } /*	 XXL: 1240 - 1439	*/	}
			@media screen and (min-width:1040px) and (max-width:1239px) {	section.component[data-component="header"] .menu { width: 1000px; } /*	  XL: 1040 - 1239	*/	}
			@media screen and (min-width: 960px) and (max-width:1039px) {	section.component[data-component="header"] .menu { width:  900px; } /*	   L:  960 -  375	*/	}
			@media screen and (min-width: 860px) and (max-width: 959px) {	section.component[data-component="header"] .menu { width:  800px; } /*	   M:  860 -  959	*/	}
			@media screen and (min-width: 700px) and (max-width: 859px) {	section.component[data-component="header"] .menu { width:  680px; width: calc(100% - 0px); } }
			@media screen and (min-width: 580px) and (max-width: 699px) {	section.component[data-component="header"] .menu { width:  560px; width: calc(100% - 0px); } }
			@media screen and (min-width: 310px) and (max-width: 579px) {	section.component[data-component="header"] .menu { width:  310px; width: calc(100% - 0px); } }
			@media screen and (min-width:   0px) and (max-width: 309px) {	section.component[data-component="header"] .menu { width: calc(100% - 0px); } }

			/* METRO logo */
			
			.menu .menu-head .menu-logo {
				display: block;
				text-decoration: none;
				position: relative;
				z-index: 99;
			}
	
			.menus .menu .menu-head .menu-logo h1 {
				overflow: hidden;
				text-indent: -1000em;
				background-image:url("../../images/logo/metro-logo-blue-yellow.svg");
				background-size: contain;
				background-position: center left;
				width: auto;
				height:auto;
				margin:0 0 0 -8px;
				position: absolute;
				z-index: 1;
			}
			.menus[data-template="1"] .menu .menu-head .menu-logo h1 {
				background-image:url("../../images/logo/metro-logo-blue-yellow.svg");
				margin:0 0 0 -8px;
			}
			@media screen and (min-width:1440px)                        { .menus[data-template="1"] .menu .menu-head .menu-logo h1 { width: 140px; height: 45px; } }
			@media screen and (min-width:1240px) and (max-width:1439px) { .menus[data-template="1"] .menu .menu-head .menu-logo h1 { width: 140px; height: 45px; } }
			@media screen and (min-width:1040px) and (max-width:1239px) { .menus[data-template="1"] .menu .menu-head .menu-logo h1 { width: 140px; height: 45px; } }
			@media screen and (min-width: 960px) and (max-width:1039px) { .menus[data-template="1"] .menu .menu-head .menu-logo h1 { width: 140px; height: 45px; } }
			@media screen and (min-width: 860px) and (max-width: 959px) { .menus[data-template="1"] .menu .menu-head .menu-logo h1 { width: 140px; height: 45px; } }
			@media screen and (min-width: 700px) and (max-width: 859px) { .menus[data-template="1"] .menu .menu-head .menu-logo h1 { width: 140px; height: 45px; } }
			@media screen and (min-width: 580px) and (max-width: 699px) { .menus[data-template="1"] .menu .menu-head .menu-logo h1 { width: 140px; height: 45px; } }
			@media screen and (min-width: 310px) and (max-width: 579px) { .menus[data-template="1"] .menu .menu-head .menu-logo h1 { width: 140px; height: 45px; } }
			@media screen and (min-width:   0px) and (max-width: 309px) { .menus[data-template="1"] .menu .menu-head .menu-logo h1 { width: 140px; height: 45px; } }

			.menus[data-template="2"] .menu .menu-head .menu-logo h1 {
				background-image:url("../../images/logo/metro-logo-blue-yellow.svg");
				margin:0 0 0 -3px;
			}
			@media screen and (min-width:1440px)                        { .menus[data-template="2"] .menu .menu-head .menu-logo h1 { width: 150px; height: 50px; } }
			@media screen and (min-width:1240px) and (max-width:1439px) { .menus[data-template="2"] .menu .menu-head .menu-logo h1 { width: 150px; height: 50px; } }
			@media screen and (min-width:1040px) and (max-width:1239px) { .menus[data-template="2"] .menu .menu-head .menu-logo h1 { width: 150px; height: 50px; } }
			@media screen and (min-width: 960px) and (max-width:1039px) { .menus[data-template="2"] .menu .menu-head .menu-logo h1 { width: 150px; height: 50px; } }
			@media screen and (min-width: 860px) and (max-width: 959px) { .menus[data-template="2"] .menu .menu-head .menu-logo h1 { width: 150px; height: 50px; } }
			@media screen and (min-width: 700px) and (max-width: 859px) { .menus[data-template="2"] .menu .menu-head .menu-logo h1 { width: 150px; height: 50px; } }
			@media screen and (min-width: 580px) and (max-width: 699px) { .menus[data-template="2"] .menu .menu-head .menu-logo h1 { width: 150px; height: 50px; } }
			@media screen and (min-width: 310px) and (max-width: 579px) { .menus[data-template="2"] .menu .menu-head .menu-logo h1 { width: 150px; height: 50px; } }
			@media screen and (min-width:   0px) and (max-width: 309px) { .menus[data-template="2"] .menu .menu-head .menu-logo h1 { width: 150px; height: 50px; } }

	

			/*	Body: Navigation menu	*/

				/* 							*/
				/*	MAIN NAVIGATION MENU	*/
				/* 							*/
				
				.menus .menu {
					z-index: 10000;
				}

				.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu										     { list-style-type:none; margin-block-start:0; margin-block-end:0; margin-inline-start:0; margin-inline-end:0; padding-inline-start:0; position: relative; z-index: 2;}

				/* exception: mobile */ @media screen and (min-width:0px) and (max-width: 859px)
				{
					@media screen and (min-width: 700px) and (max-width: 859px) { .menu-placeholder { height: 50px; } }
					@media screen and (min-width: 580px) and (max-width: 699px) { .menu-placeholder { height: 50px; } }
					@media screen and (min-width: 310px) and (max-width: 579px) { .menu-placeholder { height: 50px; } }
					@media screen and (min-width:   0px) and (max-width: 309px) { .menu-placeholder { height: 50px; } }
				
					.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: 55px;
						background-color:#002d72;
					}
					.menus .menu .menu-head .menu-toggle  																{
						display: block;
						position: fixed;
						z-index: 999;
						right: 0px;
						top: 0;
						width: 65px;
						height: 55px;
						background-color: #002d7200;
						background-image: url("../../images/icon/white/menu-2.svg");
						background-repeat: no-repeat;
						background-position: center center;
						background-size: 40px 40px;
					}
					.menus .menu .menu-head .menu-toggle { display: none; }
					
					html.menu-1 .menus .menu .menu-head .menu-toggle {
						background-image: url("../../images/icon/white/menu-close-2.svg");
					}
					.menus .menu .menu-head .menu-logo .owner-name {
						display: block;
						position: relative;
						left: 50%;
						top: 0;
						width: 165px;
						height: 55px;
						margin-bottom: -55px;
						background-image: url("../../images/logo/metro-logo.svg");
						background-repeat: no-repeat;
						background-position: center center;
						transform:translateX(-50%);
						pointer-events: none;
					}
					.menus .menu .menu-head .menu-title {
						display: block;
						position: fixed;
						left: 45px;
						top:0;
						width: calc(100% - 150px);
						height: 70px;
						margin: 0;
						padding:0 5px 0 10px;
						vertical-align: middle;
						text-align: left;
						color: white;
						font-weight: normal;
						font-size 1rem;
						line-height: 1.2rem;
					}
					.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; }
					.menus .menu .menu-body .menu-levels                     	                      					{ height:100%; }
					.menus .menu .menu-body .menu-levels .menu-level-0       	                      					{
						height:100%;
						background-color: #ffdf5a;
						background-image: url("../../images/background/menu-decor.jpg?v=4");
						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.2rem;
						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;  }
				/*	.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: 25px;
						height: 25px;
						margin: 0 0 -25px 0;
						top: -21px;
						left: 0px;
						content:" ";
						background-image: url("../../images/icon/black/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% - 50px);
						background-color: #ffdf5a;
						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: normal; 
						font-size: 3rem;
						line-height:3.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 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: 30px;
						height: 30px;
						margin: 0 0 -30px 0;
						top: 4px;
						left: -30px;
						content:" ";
						background-image: url("../../images/icon/black/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.2rem;
						left:35px;
						color: black;
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li .menu-level-1 ul li    				{ list-style: none; }
					.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: #BFAB58; 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; } 
					.menus .menu										.menu-levels										{ transform:translateX(110%); transition: transform 0.5s ease; }
					.menus .menu.expanded								.menu-levels										{ transform:translateX(0%); }
					.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; }
					.menus .menu.expanded 			 																			{ max-height: 10000px; }
					.menus .menu          .menu-body 																			{ max-height: 0px; transition: max-height 1s ease; }
					.menus .menu.expanded .menu-body 																			{ max-height: 10000px; }

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

					/*	Animation	*/
					.menus .menu																								{ pointer-events: all;  opacity:1; visibility: visible; transition:opacity 0.3s ease 0.3s, 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; }

				}
				
				/* exception: iphone6,7,8 plus */ @media screen and (min-width: 376px) and (max-width: 414px) {
					.menus .menu .menu-head .menu-logo .owner-name															{ background-size: contain; }
				}
				/* exception: iphone6,7,8 */ @media screen and (min-width: 0px) and (max-width: 375px) {
					.menus .menu .menu-head .menu-logo .owner-name															{ background-size: contain; }
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li .menu-level-1 ul 							{ font-size: 2.2rem; line-height: 3.0rem; left: 15px; width: calc(100% - 80px); }
				}

				/* exception: iphone5,se,6 */ @media screen and (min-height: 0px) and (max-height: 600px) {
					.menus .menu .menu-body .menu-levels .menu-level-0 														{ position: relative; z-index: 2; top: 0px; }
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li a                     						{ padding: 5px 0 5px 0; }
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li .menu-level-1 > ul       					{ font-size:1.8rem; line-height: 2.0rem; left:35px; }
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li .menu-level-1 > ul li a					{ padding:5px 0 5px 0; }
				}
				/* exception: landscape phones */ @media screen and (min-height: 0px) and (max-height: 500px) {
					.menus .menu .menu-body .menu-levels .menu-level-0 														{ position: relative; z-index: 2; top: 13px; }
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul													{ font-size:1.5rem; line-height: 1.6rem; }
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li a                     						{ padding: 5px 0 5px 0; }
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li .menu-level-1 > ul       					{ font-size:1.5rem; line-height: 1.6rem; left:35px; }
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li .menu-level-1 > ul li a					{ padding:5px 0 5px 0; }
					.menus .menu[data-level="1"]			.menu-body	.menu-levels .menu-level-0 ul.l0 li .menu-level-1	{ transform:translateX(20%); }

				}
				
				
				
				
				
				
				
				
				/* exception: desktop */ @media screen and (min-width:860px) {
					.menus																								{
						position: fixed;
						top:0; left:0;
						width: 100%;
						height:auto;
						text-align: center;
						z-index: 1;
					}
					.menus:before																						{
						position: absolute;
						display: block;
						background-color:#FFF;
						width: 100%;
						height: 100%;
						content:" ";
						z-index: 2;
					}
					.menus .menu 																						{
						display:inline-block;
						position: relative;
						z-index:3;
						text-align: left;
						margin: 0; padding: 0;
						font-size: 0; line-height: 0;
						vertical-align: top;
					}
					.menus .menu .menu-head 																			{ display: block;  vertical-align: top; }
					.menus .menu .menu-head .menu-title																	{ display: none; }
					.menus .menu .menu-body 																			{
						display:block;
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						vertical-align: top;
						text-align: left;
					}
					.menus .menu .menu-body:before {
						content:" ";
						position: fixed;
						left: 0;
						width: 100%;
						height: 50px;
						z-index: -100000;
						background-color: #002d72;
						background-repeat: no-repeat;
						background-size: contain;
						background-position: top center;
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li .menu-level-1 ul li a {
						padding: 2px 0 2px 0;
					}
					
					
					.menus .menu .menu-body .menu-levels 																{ display: inline-block;  }
					.menus .menu .menu-body em 																			{ font-style: normal; }

					/*	Level 0 */
					.menus .menu .menu-body .menu-levels .menu-level-0 													{ position: relative; z-index: 2; top: 0; }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu 									{
						display: block;
						color: #002d72;
						font-family: Metric;
						font-weight: 700;
						font-size: 18px;
						line-height: 60px;
						text-align: center;
						margin: 0 0 -12px 0;
						padding: 12px 0 0 0;
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li 								{
						/*
						display: inline-block;
						font-size: inherit;
						*/
						display: inline-block;
						position: relative;
						vertical-align: top;
						list-style: none;
						font-size: inherit;
						line-height: auto;
						margin: 0;
						user-select: none;
					}
					/* yellow stripe under current menu */
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li.current:after					{
						display: block;
						position: relative;
						content:" ";
						background-color: #012E72;
						background-color: #f7ec40;
						width: calc(100% - 0px);
						height: 8px;
						margin-bottom: -8px;
						left: 0px;
						top: 9px;
						display: none;
					}
					/* yellow stripe under current menu (when has submenus) */
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li.current.has-submenus:after	{
						top: -19px;
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu > .menu-level-1 > li:before {
						top: 12px;
					}
					
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li:first-child:before 			{ border:none; }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li a 							{
						display: block;
						position: relative;
						text-decoration: none;
						color: inherit;
						cursor:pointer!important;
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li:hover a						{
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li.current a 					{ }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li[data-submenus="0"] a 			{ line-height: 30px; margin-top:0px; padding: 0px 0px 3px 0px; border-radius: 4px; }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li[data-submenus="1"] a 			{ line-height: 30px; margin-top:0px; padding: 0px 0px 23px 0px; }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li:hover > a 					{ /*text-shadow: 0 0 1px #000000FF, 0 0 2px #000000AA;*/ }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li.current:hover a 				{ text-shadow: none!important; }
					
					/* length of copies */
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li a em .L { display: none; }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li a em .M { display: none; }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li a em .S { display: block; }
					

					/*	Level 1 */

					/*	Behavior A: multiple-rows	*/
					
					.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] .menu-level-1 															{ position: absolute; top: 38px; z-index: 1; padding: 0 25px 25px 25px; margin:0 -25px -25px -25px; overflow: hidden; }
					.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] .menu-level-0 ul li       .menu-level-1									{ max-height:    0px; transition:max-height 0.0s linear 0.3s; padding-bottom:  0px; min-width: 200px; }
					.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] .menu-level-0 ul li:hover .menu-level-1									{ max-height: 1000px; transition:max-height 0.6s linear 0.0s; padding-bottom: 25px; }
					.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] .menu-level-0 ul li       .menu-level-1 ul								{ transform:translateY(-100%); opacity: 0; transition:opacity 0.3s ease, transform 0.3s ease; }
					.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] .menu-level-0 ul li:hover .menu-level-1 ul								{ transform:translateY(   0%); opacity: 1; transition:opacity 0.3s ease, transform 0.3s ease 0s; }
					.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] .menu-level-0 ul li       .menu-level-1 ul.secondary-menu				{ display: block; width: inherit;  margin: 0; padding: 5px 0 15px 0; text-align: left; background-color: #00457f; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.7), 0px 0px 20px 0 rgba(0,0,0,0.3); }
					.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] .menu-level-0 ul li       .menu-level-1 ul.secondary-menu li			{ display:block; list-style: none; background-color: transparent; margin: 0; padding: 0; }
					.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] .menu-level-0 ul li       .menu-level-1 ul.secondary-menu li a			{ display: block; text-decoration: none; color: inherit; font-size:1.5rem; line-height:1.8rem; margin: 0; padding: 5px 20px 5px 20px; background-color: #00000000; transition: padding 0.3s ease; }
					.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] .menu-level-0 ul li       .menu-level-1 ul.secondary-menu li a:hover	{ background-color: #000000; }
					

					/*	Behavior: one-row */
					
					.menus .menu .menu-body .menu-levels[data-behavior="one-row"] .menu-level-1 																{ position: fixed; width:100%; left: 0; z-index: 1; padding: 0; margin:0; overflow: hidden; }
					.menus .menu .menu-body .menu-levels[data-behavior="one-row"] .menu-level-0 ul li       .menu-level-1    									{ max-height:    0px; transition:max-height 0.0s linear 0.3s; padding-bottom:  0px; min-width: 200px; }
					.menus .menu .menu-body .menu-levels[data-behavior="one-row"] .menu-level-0 ul li:hover .menu-level-1    									{ max-height: 1000px; transition:max-height 0.6s linear 0.0s; padding-bottom: 15px; }
					.menus .menu .menu-body .menu-levels[data-behavior="one-row"] .menu-level-0 ul li       .menu-level-1 ul 									{ transform:translateY(-100%); opacity: 0; transition:opacity 0.3s ease, transform 0.3s ease; }
					.menus .menu .menu-body .menu-levels[data-behavior="one-row"] .menu-level-0 ul li:hover .menu-level-1 ul 									{ transform:translateY(   0%); opacity: 1; transition:opacity 0.3s ease, transform 0.3s ease 0s; }
					.menus .menu .menu-body .menu-levels[data-behavior="one-row"] .menu-level-0 ul li       .menu-level-1 ul.secondary-menu 					{ }
					.menus .menu .menu-body .menu-levels[data-behavior="one-row"] .menu-level-0 ul li       .menu-level-1 ul.secondary-menu 					{ display: block; margin: 0; padding: 5px 0 5px 10px; text-align: center; background-color: #00457f; box-shadow: 0 10px 15px 0 #00000044 }
					.menus .menu .menu-body .menu-levels[data-behavior="one-row"] .menu-level-0 ul li       .menu-level-1 ul.secondary-menu li 					{ display:inline-block; list-style: none; background-color: transparent; margin: 0; padding: 0; }
					.menus .menu .menu-body .menu-levels[data-behavior="one-row"] .menu-level-0 ul li       .menu-level-1 ul.secondary-menu li a 				{ display: block; text-decoration: none; color: inherit; text-transform: none; letter-spacing:0; font-weight: normal; font-size:1.3rem; line-height:1.6rem; margin: 0 5px 0 0; padding: 5px 5px 5px 5px; background-color: #00000000; transition: padding 0.3s ease; border-radius: 4px; }
					.menus .menu .menu-body .menu-levels[data-behavior="one-row"][data-icon="images"] ul.secondary-menu li a i									{ display: inline-block; vertical-align: middle; width: 35px; height: 35px; border-radius: 35px; border: 2px solid white; margin:0; background-color: #FFFFFF00; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; }
					.menus .menu .menu-body .menu-levels[data-behavior="one-row"][data-icon="picto"]  ul.secondary-menu li a i									{ display: inline-block; vertical-align: middle; width: 35px; height: 35px; margin:0 5px 0 0; background-color: #FFFFFF00; position: relative; background-position: center center; background-repeat: no-repeat; background-size: contain; }
					.menus .menu .menu-body .menu-levels[data-behavior="one-row"] .menu-level-0 ul li ul.secondary-menu li:before                               { border: none; }
					
					.menus .menu .menu-body .menu-levels[data-behavior="one-row"] ul li a em 																	{ display: inline-block; vertical-align: middle; font-style: normal; color:inherit; }
					.menus .menu .menu-body .menu-levels[data-behavior="one-row"] ul.secondary-menu li a em 													{ display: inline-block; vertical-align: middle; font-style: normal; max-width: 60px; text-align: left; font-size: 1.1rem; line-height: 1.3rem; }
					.menus .menu .menu-body .menu-levels[data-behavior="one-row"] .menu-level-0 ul li       .menu-level-1 ul.secondary-menu li a:hover 			{ background-color: #00000011; background-color: rgba(0,0,0,.1); }
					

					/*	Responsives	*/
					
					/* picto and label arrangements */
					
					@media screen and (min-width:1440px)                        {
					}
					@media screen and (min-width: 960px) and (max-width:9999px) {
						.menus .menu .menu-body .menu-levels[data-behavior="one-row"] .menu-level-0 ul li .menu-level-1 ul.secondary-menu li { }
						.menus .menu .menu-body .menu-levels[data-behavior="one-row"][data-icon="picto"] ul.secondary-menu li      { vertical-align: top;  }
						.menus .menu .menu-body .menu-levels[data-behavior="one-row"][data-icon="picto"] ul.secondary-menu li a i  { display: block; width: 100%; }
						.menus .menu .menu-body .menu-levels[data-behavior="one-row"][data-icon="picto"] ul.secondary-menu li a em { display: block; text-align: center; height: 30px; }
						.menus .menu .menu-body .menu-levels[data-behavior="one-row"] .menu-level-0 ul li .menu-level-1 ul.secondary-menu li a { padding-bottom: 25px; }
						.menus .menu .menu-body .menu-levels[data-behavior="one-row"] ul.secondary-menu li a em { max-width: 65px; }
					}
					@media screen and (min-width:   0px) and (max-width:1239px) { ul.secondary-menu { display: none!important; } }
					
					@media screen and (min-width:1440px)                        { .menus .menu-body { padding-left:   0px; } .menu-placeholder { height:110px; } .menus .menu .menu-body .menu-levels[data-behavior="one-row"] .menu-level-1 { top: 50px; } .menus .menu .menu-body .menu-levels[data-behavior="one-row"] .menu-level-0 ul li .menu-level-1 ul.secondary-menu { padding-left: 0; } }
					@media screen and (min-width:1240px) and (max-width:1439px) { .menus .menu-body { padding-left:   0px; } .menu-placeholder { height:100px; } .menus .menu .menu-body .menu-levels[data-behavior="one-row"] .menu-level-1 { top: 50px; } .menus .menu .menu-body .menu-levels[data-behavior="one-row"] .menu-level-0 ul li .menu-level-1 ul.secondary-menu { padding-left: 0; } }
					@media screen and (min-width:1040px) and (max-width:1239px) { .menus .menu-body { padding-left:  50px; } .menu-placeholder { height: 90px; } .menus .menu .menu-body .menu-levels[data-behavior="one-row"] .menu-level-1 { top: 50px; } .menus .menu .menu-body .menu-levels[data-behavior="one-row"] .menu-level-0 ul li .menu-level-1 ul.secondary-menu { padding-left: 0; } }
					@media screen and (min-width: 960px) and (max-width:1039px) { .menus .menu-body { padding-left:  50px; } .menu-placeholder { height: 80px; } .menus .menu .menu-body .menu-levels[data-behavior="one-row"] .menu-level-1 { top: 50px; } .menus .menu .menu-body .menu-levels[data-behavior="one-row"] .menu-level-0 ul li .menu-level-1 ul.secondary-menu { padding-left: 0; } }
					@media screen and (min-width: 860px) and (max-width: 959px) { .menus .menu-body { padding-left: 100px; } .menu-placeholder { height: 80px; } .menus .menu .menu-body .menu-levels[data-behavior="one-row"] .menu-level-1 { top: 50px; } .menus .menu .menu-body .menu-levels[data-behavior="one-row"] .menu-level-0 ul li .menu-level-1 ul.secondary-menu { padding-left: 0; } }
					@media screen and (min-width: 700px) and (max-width: 859px) { .menus .menu-body { padding-left: 100px; } .menu-placeholder { height: 80px; } }
					@media screen and (min-width: 580px) and (max-width: 699px) { .menus .menu-body { padding-left: 100px; } .menu-placeholder { height: 80px; } }
					@media screen and (min-width: 310px) and (max-width: 579px) { .menus .menu-body { padding-left: 100px; } .menu-placeholder { height: 80px; } }
					@media screen and (min-width:   0px) and (max-width: 309px) { .menus .menu-body { padding-left: 100px; } .menu-placeholder { height: 80px; } }

					/*
					@media screen and (min-width:1440px)                        { .menus .menu .menu-body { width: calc(100% - 145px); height: 90px; } .menu-level-1 {width:1440px;} .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu {font-size: 1.6rem; line-height:auto; padding: 0 0 0 20px; } .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li[data-submenus="0"] a { padding: 0px 10px 0px 10px; } .menus .menu .menu-head .menu-logo h1 { width: 125px; height: 115px; } }
					@media screen and (min-width:1240px) and (max-width:1439px) { .menus .menu .menu-body { width: calc(100% - 230px); height: 90px; } .menu-level-1 {width:1240px;} .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu {font-size: 1.5rem; line-height:auto; padding: 0 0 0 20px; } .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li[data-submenus="0"] a { padding: 0px 10px 0px 10px; } .menus .menu .menu-head .menu-logo h1 { width: 130px; height: 80px; } }
					@media screen and (min-width:1040px) and (max-width:1239px) { .menus .menu .menu-body { width: calc(100% - 230px); height: 80px; } .menu-level-1 {width:1040px;} .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu {font-size: 1.4rem; line-height:auto; padding: 0 0 0 15px; } .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li[data-submenus="0"] a { padding: 0px  5px 0px  5px; } .menus .menu .menu-head .menu-logo h1 { width: 120px; height: 80px; } }
					@media screen and (min-width: 960px) and (max-width:1039px) { .menus .menu .menu-body { width: calc(100% - 230px); height: 80px; } .menu-level-1 {width: 960px;} .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu {font-size: 1.3rem; line-height:auto; padding: 0 0 0 10px; } .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li[data-submenus="0"] a { padding: 0px  5px 0px  5px; } .menus .menu .menu-head .menu-logo h1 { width: 110px; height: 80px; } }
					@media screen and (min-width: 860px) and (max-width: 959px) { .menus .menu .menu-body { width: calc(100% - 135px); height: 40px; } .menu-level-1 {width: 860px;} .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu {font-size: 1.4rem; line-height:auto; padding: 0 0 0 15px; } .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li[data-submenus="0"] a { padding: 0px 10px 0px 10px; } .menus .menu .menu-head .menu-logo h1 { width: 110px; height: 80px; } }
					@media screen and (min-width: 700px) and (max-width: 859px) { .menus .menu .menu-body { width: calc(100% - 230px); height: 30px; } .menu-level-1 {width: 700px;} .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu {font-size: 1.5rem; line-height:auto; padding: 0 0 0 15px; } .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li[data-submenus="0"] a { padding: 0px  4px 0px  4px; } .menus .menu .menu-head .menu-logo h1 { width:  90px; height: 80px; } }
					@media screen and (min-width: 580px) and (max-width: 699px) { .menus .menu .menu-body { width: calc(100% - 230px); height: 30px; } .menu-level-1 {width: 580px;} .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu {font-size: 1.2rem; line-height:auto; padding: 0 0 0 15px; } .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li[data-submenus="0"] a { padding: 0px  3px 0px  3px; } .menus .menu .menu-head .menu-logo h1 { width:  90px; height: 80px; } }
					@media screen and (min-width: 310px) and (max-width: 579px) { .menus .menu .menu-body { width: calc(100% - 230px); height:auto;  } .menu-level-1 {width: 100%; } .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu {font-size: 1.2rem; line-height:auto; padding: 0 0 0 15px; } .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li[data-submenus="0"] a { padding: 0px  3px 0px  3px; } .menus .menu .menu-head .menu-logo h1 { width:  90px; height: 80px; } }
					*/
					
					@media screen and (min-width: 960px) and (max-width:1039px) {.menu-level-1 {width: 960px;} .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu { font-size: 1.5rem; line-height: 1.8rem; } .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li[data-submenus="0"] a { padding: 3px  1px 3px  1px; } }
					@media screen and (min-width: 860px) and (max-width: 959px) {.menu-level-1 {width: 860px;} .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu { font-size: 1.1rem; line-height: 1.8rem; } .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li[data-submenus="0"] a { padding: 3px  0px 3px  0px; } }
					@media screen and (min-width: 700px) and (max-width: 859px) {.menu-level-1 {width: 700px;} .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu { font-size: 1.0rem; line-height: 1.8rem; } .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li[data-submenus="0"] a { padding: 3px  0px 3px  0px; } }
					@media screen and (min-width: 580px) and (max-width: 699px) {.menu-level-1 {width: 580px;} .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu { font-size: 1.2rem; line-height: 1.8rem; } .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li[data-submenus="0"] a { padding: 3px  3px 3px  3px; } }
					@media screen and (min-width: 310px) and (max-width: 579px) {.menu-level-1 {width: 100%; } .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu { font-size: 1.1rem; line-height: 1.8rem; } .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li[data-submenus="0"] a { padding: 3px  3px 3px  3px; } }
					@media screen and (min-width:   0px) and (max-width: 309px) {.menu-level-1 {width: 100%; } .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu { font-size: 1.1rem; line-height: 1.8rem; } .menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li[data-submenus="0"] a { padding: 3px  3px 3px  3px; } }



					/*	Animation	*/
					.menus																								{ top: 0; transition:top 0.5s ease 0.5s; }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li:hover 						{ top: 0; transition:all 0.3s ease; }
					.css.gallery-fullscreen .menus 																		{ top:-80px; transition:top 0.5s ease 0.0s; }
					
					/*	ALTER CONTENT VISILIBITY	*/
					/* exception: desktop */ @media screen and (min-width:860px) and (max-width:9999px) { div[data-desktop="0"] { display: none!important; } }
					/* exception: mobile */  @media screen and (min-width:  0px) and (max-width: 859px) { div[data-mobile="0" ] { display: none!important; } }
					
					.menu-placeholder { 
						height: 50px; 
					}
					
					
					@media screen and (min-width: 860px) and (max-width: 959px) {
					
						.menus .menu .menu-body {
							width: calc(100% - 100px);
							padding-left: 100px;
						}
						.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu {
							font-size: 1.2rem;
							line-height: 1.6rem;
							margin: 0 -40px -12px 0;
							padding: 12px 0 0 0;
						}
						.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li {
							letter-spacing: 1px;
							margin: 0 5px 0 5px;
						}
						.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li:before {
							width: 10px;
							height: 20px;
							left: -10px;
							margin-bottom: -20px;
						}
						.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li[data-submenus="0"] a {
							padding: 0px 5px 3px 5px;
						}
					}
					
					/*  Hack */
					
					.menus .menu .menu-head { outline: 0px dashed red; }
					.menus .menu .menu-body { outline: 0px dashed blue; }
					.menus .menu .menu-body .menu-levels[data-behavior="one-row"] { outline: 0px dashed blue; }
					.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] { outline: 0px dashed red; }
					.menus .menu .menu-head {  }
                    
                    .css .menus .menu .menu-body .title-copies {
                        transition: opacity 0.5s ease;
                    }
                    .css[data-scroll="0"] .menus .menu .menu-body .title-copies { opacity:0; }
                    .css[data-scroll="1"] .menus .menu .menu-body .title-copies { opacity:1; }
                    
                    .menus .menu .menu-body .title-copies h2 {
                        display: inline-block;
                        position: relative;
                        top: 0;
                        margin: 0 1.75rem 0 0;
                        padding: 0 15px 0 15px;
                        font-family: Metric;
                        font-weight: 700;
                        font-size: 3rem;
                        line-height: 50px;
                        letter-spacing: 0.15pt;
                        text-indent:-1000em;
                        width: 28px;
                        background-image: url(../../images/logo/aeg/white.svg);
                        background-position:center;
                        background-repeat:no-repeat;
                        background-size:contain;
                        outline:1px solid green;
                        outline: none;
                    }
                    .menus .menu .menu-body h3 {
                        display: inline-block;
                        margin: 0;
                        padding: 0;
                        font-family: Metric;
                        font-weight: 300;
                        font-size: 3rem;
                        line-height: 50px;
                        letter-spacing: 0.15pt;
                    }
				    @media screen and (min-width:1600px)                        { .menus .menu .menu-body { width:calc(100% - 175px); padding-left:175px; } }
                    @media screen and (min-width:1440px) and (max-width:1599px) { .menus .menu .menu-body { width:calc(100% - 180px); padding-left:180px; } }
                    @media screen and (min-width:1240px) and (max-width:1439px) { .menus .menu .menu-body { width:calc(100% - 180px); padding-left:180px; } }
                    @media screen and (min-width:1040px) and (max-width:1239px) { .menus .menu .menu-body { width:calc(100% - 180px); padding-left:180px; } }
                    @media screen and (min-width: 960px) and (max-width:1039px) { .menus .menu .menu-body { width:calc(100% - 180px); padding-left:180px; } }
                    @media screen and (min-width: 860px) and (max-width: 959px) { .menus .menu .menu-body { width:calc(100% - 180px); padding-left:180px; } .menus .menu .menu-body h3 { font-size:2.0rem; } }
                    @media screen and (min-width: 700px) and (max-width: 859px) { .menus .menu .menu-body { width:calc(100% - 180px); padding-left:180px; } }
                    @media screen and (min-width: 580px) and (max-width: 699px) { .menus .menu .menu-body { width:calc(100% - 180px); padding-left:180px; } }
                    @media screen and (min-width: 310px) and (max-width: 579px) { .menus .menu .menu-body { width:calc(100% - 180px); padding-left:180px; } }
                    @media screen and (min-width:   0px) and (max-width: 309px) { .menus .menu .menu-body { width:calc(100% - 180px); padding-left:180px; } }
                    
					
				}
	
			.main-menu-wrapper {
				position: fixed;
				left: 0; top: 0;
				width: 100%;
				vertical-align: top;
			}
			.main-menu-wrapper
				.mm-background {
					background-color: white;
					width: 100%;
					height: 64px;
					position: relative;
					margin-bottom: -64px;
					box-shadow: 0 5px 25px 0 #00000033;
				}
			
			
			/*						*/
			/*	Menu types:         */
			/*	------------------  */
			/*	1: text only        */
			/*	2: icon only        */
			/*	3: icon + text      */
			/*						*/
			
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.primary-menu > li[data-menu_type="1"]                   { margin-right:10px; }
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.primary-menu > li[data-menu_type="1"].has-icon > a > i  { display: none; }
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.primary-menu > li[data-menu_type="1"].has-icon > a > em { display: block; }
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.primary-menu > li[data-menu_type="2"].has-icon > a > i  { display: block; }
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.primary-menu > li[data-menu_type="2"].has-icon > a > em { display: none; }
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.primary-menu > li[data-menu_type="3"].has-icon > a > i  { display: block; }
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.primary-menu > li[data-menu_type="3"].has-icon > a > em { display: block; }

			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.secondary-menu li[data-menu_type="1"]                   { margin-right:10px; }
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.secondary-menu li[data-menu_type="1"].has-icon > a > i  { display: none; }
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.secondary-menu li[data-menu_type="1"].has-icon > a > em { display: block; }
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.secondary-menu li[data-menu_type="2"].has-icon > a > i  { display: block; }
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.secondary-menu li[data-menu_type="2"].has-icon > a > em { display: none; }
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.secondary-menu li[data-menu_type="3"].has-icon > a > i  { display: block; }
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.secondary-menu li[data-menu_type="3"].has-icon > a > em { display: block; }

			
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul li.has-icon a { height: 26px; }
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul li.has-icon a i {
				position: relative;
				display: block;
				width: 25px;
				height: 25px;
				overflow: hidden;
				margin: 0 0 -25px 0;
				top: 4px;
				color: inherit;
			}
			
			/* level 1 icons */
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.primary-menu > li.has-icon.i-home > a > i:before { content:"\EBE5"; }
			.css.log-0 .menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.primary-menu > li.has-icon.i-user > a > i:before { content:"\E90B"; }
			.css.log-1 .menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.primary-menu > li.has-icon.i-user > a > i:before { content:"\E9FB"; }

			/* Level 2 icons */
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.secondary-menu > li.has-icon.i-login    > a > i:before { content:"\E9FB"; }
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.secondary-menu > li.has-icon.i-logout   > a > i:before { content:"\E9FC"; }
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.secondary-menu > li.has-icon.i-account  > a > i:before { content:"\EA00"; }
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.secondary-menu > li.has-icon.i-coupons  > a > i:before { content:"\E94F"; }
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.secondary-menu > li.has-icon.i-checkout > a > i:before { content:"\EAC5"; }
			

			.menus .menu .menu-body .menu-levels[data-behavior="one-row"] ul li.has-icon a { height: 26px; }
			.menus .menu .menu-body .menu-levels[data-behavior="one-row"] ul li.has-icon a i { position: relative; top: 2px; color: inherit; }
			.menus .menu .menu-body .menu-levels[data-behavior="one-row"] ul li.has-icon a em { display: none; color: inherit; }
			.menus .menu .menu-body .menu-levels[data-behavior="one-row"] ul li.has-icon.i-home a i:before { content:"\EBE5"; }
			.menus .menu .menu-body .menu-levels[data-behavior="one-row"] ul li.has-icon.i-user a i:before { content:"\E9FB"; }

			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul li.has-icon a em {
				display: block;
				position: relative;
				width: calc(100% - 30px);
				margin: 0 0 0 30px;
				line-height: 25px;
			}



			.menus .menu-info {
				display: block;
				position: fixed;
				left: 0;
				right: 0;
				top:50px;
				height: 50px;
				background-color:#ffd801;
				text-align: center;
				overflow: hidden;
				white-space: nowrap;
				display: none;
			}
			.menus .menu-info p {
				text-align: center;
				font-size: 2rem;
				line-height: 50px;
				text-transform: uppercase;
				font-weight: bold;
				letter-spacing: 0.5pt;
			}
			.menus .menu-info p span {
				display: inline-block;
				vertical-align: middle;
				padding: 0 20px;
			}


			
			

			/* Startpage */
			
			.hero-banner {
				position: relative;
				height: 1200px;
				overflow: hidden;
			}
			.hero-banner .background {
				position: absolute;
				width: 100vw;
				height: 1200px;
				background-color: beige;
				display: flex;
				flex-wrap: nowrap;
				flex-direction: row;
			}
			.hero-banner .background .hero-block {
				background-repeat: no-repeat;
				background-size: 100%;
				background-position: top center;
				height: 100%;
			}
			.hero-banner .background .hero-block[data-part="left"],
			.hero-banner .background .hero-block[data-part="right"] {
				position: absolute;
				z-index: 0;
				background-size: contain;
				background-size: 100% 100%; 
				background-repeat: repeat-x;
				width: 50vw;
				height: 100%;
			}
			.hero-banner .background .hero-block[data-part="left"] {
				left: 0;
				background-color: black;
				background-image:url("../../images/background/L/desktop-1l.jpg");
				background-image: none;
			}
			.hero-banner .background .hero-block[data-part="right"] {
				right: 0;
				background-color: black;
				background-image:url("../../images/background/L/desktop-1r.jpg");
				background-image: none;
			}
			
			.hero-banner .background .hero-block[data-part="main"] {
				position: relative;
				z-index: 0;
				left: 50%;
				transform: translateX(-50%);
				background-color:black;
				background-image:url("../../images/background/L/desktop-1.webp");
				background-size: contain;
				aspect-ratio:3644/2532;
			}
			.hero-banner .copies {
				position: absolute;
				inset:30px 0 30px 0;
			}
			.hero-banner .copies .mirror {
				height: 100%;
				position: relative;
			}
			
			.hero-banner .promo-logo {
				height: 80px;
				background-size: contain;
				background-repeat: no-repeat;
				background-image: url("../../images/logo/aeg/color.svg");
			}
			.hero-banner .main-title {
				margin: 30px 0 50px 0;
				font-family: Metric;
				font-weight: 300;
				font-size: 7rem;
				line-height: 1.2;
				letter-spacing: 3pt;
				color: white;
				text-transform: uppercase;
				text-align: center;
			}
			.hero-banner .main-title .line {
				display: block;
			}
			.hero-banner .badge {
				position: relative;
				width: 400px;
				height: 400px;
				border-radius: 100%;
				overflow: hidden;
				background-color: rgba(190,36,57,1.00);
				color: white;
				text-align: center;
				font-size: 6.5rem;
				line-height: 0.75;
				text-transform: uppercase;
			}
			.hero-banner .badge .lines {
				position: relative;
				top: 47%;
				left: 50%;
				transform: translate(-50%,-50%);
			}
			.hero-banner .badge .lines > span:nth-child(1) {display: block;font-size: 1.3em;font-weight: 500;line-height: 1.05;}
			.hero-banner .badge .lines > span:nth-child(2) { display: block; white-space: nowrap; word-spacing: -10px; }
			.hero-banner .badge .lines > span:nth-child(2) > span:nth-child(1) {font-size: 3em;font-weight: 700;}
			.hero-banner .badge .lines > span:nth-child(2) > span:nth-child(2) { font-size: 1.5em; font-weight: 700; }
			.hero-banner .badge .lines > span:nth-child(3) {font-size: 0.45em;font-weight: 500;}
			
			.hero-banner .dates {
				position: absolute;
				left: 0;
				right: 0;
				bottom: 40px;
				font-size: 0;
				line-height: 0;
				margin: 0; padding: 0;
			}
			.css .hero-banner .dates h3.date {
				display: inline-block;
				vertical-align: top;
				width: 50%;
				text-align: center;
				font-weight: 300;
				font-size: 2.75rem;
				line-height: 1.4;
				color: black;
			}
			.css .hero-banner .dates h3.date .keep-together {
				display: block;
			}
			.css .hero-banner .dates h3.date .label {
				font-size: 0.85em;
			}
			.css .hero-banner .dates h3.date .value {
				font-weight: 600;
				/* color: rgba(190,36,57,1.00); */
			}
			
			.hero-banner .tagline {
				display: none;
			}
			

			/* XXXXL */ @media screen and (min-width:1600px)                        {
			}
			/*  XXXL */ @media screen and (min-width:1440px) and (max-width:1599px) {
			}
			/*   XXL */ @media screen and (min-width:1240px) and (max-width:1439px) {
				.css .hero-banner .dates h3.date {
					font-size: 2.5rem;
				}
			}
			/*    XL */ @media screen and (min-width:1040px) and (max-width:1239px) {
				.hero-banner .main-title { font-size:5rem; }
				.css .hero-banner .dates h3.date {font-size: 2.25rem;}
			}
			/*     L */ @media screen and (min-width:960px) and (max-width:1039px) {
				.hero-banner { height: 1000px; }
				.hero-banner .background { height: 1000px; }
				.hero-banner .background .hero-block[data-part="main"] {}
				.hero-banner .main-title { font-size:4.0rem; }
				.hero-banner .badge {width: 350px; height:350px; font-size: 6rem;}
				.css .hero-banner .dates h3.date .value .obr { display: block; }
				.css .hero-banner .dates h3.date {font-size: 2.25rem;}
			}
			/*     M */ @media screen and (min-width: 860px) and (max-width: 959px) {
				.hero-banner .main-title { font-size:4.0rem; }
				.hero-banner .badge {width: 300px; height:300px; font-size: 5rem;}
				.css .hero-banner .dates h3.date {font-size: 2.25rem;}
				.css .hero-banner .dates h3.date .value .obr { display: block; }
			}
			/*    MS */ @media screen and (min-width: 700px) and (max-width: 859px) {
				.hero-banner .main-title { font-size: 3.5rem; }
				.hero-banner .promo-logo { height: 65px; }
				.hero-banner .badge {width: 300px; height:300px; font-size: 4.5rem;}
				.hero-banner .dates { bottom: 25px; }
				.css .hero-banner .dates h3.date {font-size: 2.25rem;}
				.css .hero-banner .dates h3.date .value .obr { display: block; }
			}
			/*     S */ @media screen and (min-width: 580px) and (max-width: 699px) {
				.hero-banner .main-title { font-size: 3.5rem; }
				.hero-banner .badge {width: 300px; height:300px; font-size: 4.3rem;}
				.hero-banner .promo-logo { height: 60px; }
				.hero-banner .dates { bottom: 25px; }
				.css .hero-banner .dates h3.date {font-size: 2.0rem;}
				.css .hero-banner .dates h3.date .value .obr { display: block; }
			}
			/*    XS */ @media screen and (min-width: 310px) and (max-width: 579px) {
				.hero-banner .main-title { font-size: 3.0rem; }
				.hero-banner .badge {width: 300px; height:300px; font-size: 4.3rem;height: 300px;}
				.hero-banner .promo-logo { height: 50px; }
				.hero-banner .dates { bottom: 25px; }
				.css .hero-banner .dates h3.date {font-size: 1.8rem;}
				.css .hero-banner .dates h3.date .value .obr {display: block;}
				
			}
			/*   XS1 */ @media screen and (min-width: 480px) and (max-width: 579px) {
				
			}
			/*   XS2 */ @media screen and (min-width: 380px) and (max-width: 479px) {
				.hero-banner {height: 1200px;}
				.hero-banner .background {height: 1200px;}
				.hero-banner .background .hero-block[data-part="main"] {}
				.hero-banner .dates {bottom: 5px;}
				.css .hero-banner .dates h3.date { display: block; width: 100%; }
				.css .hero-banner .dates h3.date .value .obr {/* display: block; */}
				.hero-banner .badge {width: 250px; height: 250px; font-size: 4.0rem;}
				.hero-banner .background .hero-block[data-part="main"] {left: 30%;/* top:-5%; */}
			}
			/*   XS3 */ @media screen and (min-width: 310px) and (max-width: 379px) {
				
			}
			/*   XXS */ @media screen and (min-width:   0px) and (max-width: 309px) {
				
			}

			
			@media screen and (min-width:   0px) and (max-width: 699px) {
				.hero-banner {
				}
			}
			@media screen and (min-width: 700px) and (max-width:9999px) {
				.hero-banner {
				}
			}
			
			
			
			
			
			
			
			
			
			
			
			
			
			

			p.footnote {
				font-size:1.5rem;
				line-height:1.1;
				font-weight:300;
				color:black;
			}
			.creative {
				font-size: 0;
				line-height: 0;
				margin: 0 0 380px 0;
				padding: 0;
				position: relative;
				height: 1110px;
			}
			.creative:before {
				display: block;
				content:"";
				position: absolute;
				background-color: #002d72;
				background-color: #002875;
				z-index: -1;
				top:0;
				left: -1000px;
				width: calc(100% + 2000px);
				height: 100%;
				bottom: 0;
				display: none;
			}
			
			@media screen and (min-width:1600px)                        {}
			@media screen and (min-width:1440px) and (max-width:1599px) {}
			@media screen and (min-width:1240px) and (max-width:1439px) { .creative {height: 728px;margin-bottom: 520px;} } 
			@media screen and (min-width:1040px) and (max-width:1239px) { .creative {height: 710px;margin-bottom: 440px;} }
			@media screen and (min-width: 960px) and (max-width:1039px) { .creative {margin-bottom: 340px;height: 720px;} }
			@media screen and (min-width: 860px) and (max-width: 959px) { .creative {height: 640px;margin-bottom: 510px;} }
			@media screen and (min-width: 700px) and (max-width: 859px) { .creative {height: 800px;margin-bottom: 290px;} }
			@media screen and (min-width: 580px) and (max-width: 699px) { .creative {height: 740px;margin-bottom: 160px;} }
			@media screen and (min-width: 310px) and (max-width: 579px) { .creative { height: 600px; } }
			@media screen and (min-width:   0px) and (max-width: 309px) { .creative { height: 500px; } }
			
				.creative .copies {
					position: absolute;
					width: 100%;
					top: 0; left: 0; bottom: 0; right: 0;
					padding: 0;
				}
				.creative .background {
                    position: relative;
                    left: -20%;
                    top: 0;
                    right: -20%;
                    bottom:0px;
                    /* outline: 1px solid red; */
                    height: 1180px;
                    position: absolute;
    }
				.creative .background .creative-1 {
					position: absolute;
					inset:0;
					background-image: url("../../images/background/L/desktop-1.webp?v=2");
					background-size: 100%;
					background-repeat: no-repeat;
					background-position: top center;
				}
				.creative .background .creative-2 {
					position: absolute;
					inset:0;
					transform:translateY(33%);
					background-image: url("../../images/background/L/desktop-2.webp?v=2");
					background-size: 100%;
					background-repeat: no-repeat;
					background-position: top center;
				}
 				@media screen and (min-width: 580px) and (max-width: 699px) { .creative .background {} }
 				@media screen and (min-width: 310px) and (max-width: 579px) { .creative .background {} }
 				@media screen and (min-width:   0px) and (max-width: 309px) { .creative .background {} }
				
				@media screen and (min-width:1600px)                        {}
				@media screen and (min-width:1440px) and (max-width:1599px) {}
				@media screen and (min-width:1240px) and (max-width:1439px) { .creative .background .creative-1 {} .creative .background .creative-2 { transform: translateY(23%);} }
				@media screen and (min-width:1040px) and (max-width:1239px) { .creative .background .creative-1 {} .creative .background .creative-2 { transform: translateY(23%);} }
				@media screen and (min-width: 960px) and (max-width:1039px) { .creative .background .creative-1 {} .creative .background .creative-2 { transform: translateY(20%);} }
 				@media screen and (min-width: 860px) and (max-width: 959px) { .creative .background .creative-1 { background-size: 110%; } .creative .background .creative-2 { transform: translateY(21%); background-size: 120%;} }
 				@media screen and (min-width: 700px) and (max-width: 859px) { .creative .background .creative-1 { background-size: 110%; } .creative .background .creative-2 { transform: translateY(21%); background-size: 120%;} }
 				@media screen and (min-width: 580px) and (max-width: 699px) { .creative .background .creative-1 { background-size: 940px;} .creative .background .creative-2 {transform: translateY(20%);background-size: 930px;} }
 				@media screen and (min-width: 490px) and (max-width: 579px) { .creative .background .creative-1 { background-size: 940px;} .creative .background .creative-2 {transform: translateY(20%);background-size: 930px;} }
 				@media screen and (min-width: 310px) and (max-width: 489px) { .creative .background .creative-1 { background-size: 940px;} .creative .background .creative-2 {transform: translateY(20%);background-size: 930px;} }
				@media screen and (min-width:   0px) and (max-width: 309px) { .creative .background .creative-1 { background-size: 940px;} .creative .background .creative-2 {transform: translateY(20%);background-size: 930px;} }
				
				
				.creative .background:before {
					content:"";
					display: block;
					position: absolute;
					left: 0; top: 0;
					right: 0; bottom: 0;
					background-color: transparent;
				}
				.creative .promo-logo {
					position: absolute;
					background-position: center center;
					background-size: contain;
					background-repeat: no-repeat;
				}
				.creative .promo-logo.rh {
					background-image:url("../../images/elements/logo.full.landscape.color.negative.webp");
					left: 25px;
					top: 0px;
					width: 290px;
					height: 100px;
				}
				.creative .promo-logo.gf {
					background-image:url("../../images/elements/logo.gf.full.landscape.color.negative.wo-tagline.webp");
					right: 25px;
					top: 0px;
					width:  330px;
					height: 100px;
				}
				
				@media screen and (min-width:1600px)                        {}
				@media screen and (min-width:1440px) and (max-width:1599px) {}
				@media screen and (min-width:1240px) and (max-width:1439px) {}
				@media screen and (min-width:1040px) and (max-width:1239px) { .creative .promo-logo.rh {} .creative .promo-logo.gf { width: 200px; } }
				@media screen and (min-width: 960px) and (max-width:1039px) { .creative .promo-logo.rh {} .creative .promo-logo.gf { width: 200px; } }
 				@media screen and (min-width: 860px) and (max-width: 959px) { .creative .promo-logo.rh {} .creative .promo-logo.gf { width: 232px; } }
 				@media screen and (min-width: 700px) and (max-width: 859px) { .creative .promo-logo.rh { width: 271px; } .creative .promo-logo.gf { width: 232px; } }
 				@media screen and (min-width: 580px) and (max-width: 699px) { .creative .promo-logo.rh {width: 231px;} .creative .promo-logo.gf {width: 192px;} }
 				@media screen and (min-width: 490px) and (max-width: 579px) { .creative .promo-logo.rh {width: 201px;} .creative .promo-logo.gf {width: 162px;} }
 				@media screen and (min-width: 310px) and (max-width: 489px) { .creative .promo-logo.rh {width: 231px;} .creative .promo-logo.gf {width: 192px;} }
	/*   XS1 */ @media screen and (min-width: 480px) and (max-width: 579px) { .creative .promo-logo.rh { width: 201px;} .creative .promo-logo.gf {width: 152px;} }
	/*   XS2 */ @media screen and (min-width: 380px) and (max-width: 479px) { .creative .promo-logo.rh { width: 60%;left: 50%;transform: translateX(-50%);} .creative .promo-logo.gf {width: 54%;left: 50%;transform: translateX(-50%);top: 8%;} }
	/*   XS3 */ @media screen and (min-width: 310px) and (max-width: 379px) { .creative .promo-logo.rh { width: 60%;left: 50%;transform: translateX(-50%);} .creative .promo-logo.gf {width: 54%;left: 50%;transform: translateX(-50%);top: 8%;} }
				@media screen and (min-width:   0px) and (max-width: 309px) { .creative .promo-logo.rh {width: 80%;left: 50%;transform: translateX(-50%);} .creative .promo-logo.gf {width: 74%;left: 50%;transform: translateX(-50%);top: 10%;} } 

				.creative h2.tagline {
					display: -block;
					position: absolute;
					color: white;
					text-align: left;
					font-family: Metric;
					font-weight: 500;
					font-size: 3.5rem;
					line-height: 50px;
					margin: 0;
					padding: 0;
					left: 380px;
					top:   40px;
				}
				@media screen and (min-width:1600px)                        { .creative h2.tagline { line-height:20px; } }
				@media screen and (min-width:1440px) and (max-width:1599px) { .creative h2.tagline { line-height:20px; } }
				@media screen and (min-width:1240px) and (max-width:1439px) { .creative h2.tagline { line-height:20px; } }
				@media screen and (min-width:1040px) and (max-width:1239px) { .creative h2.tagline { line-height:20px; } }
				@media screen and (min-width: 960px) and (max-width:1039px) { .creative h2.tagline { line-height: 23px;font-size: 2.5rem;} }
 				@media screen and (min-width: 860px) and (max-width: 959px) { .creative h2.tagline { line-height:20px;left: 8%;top: 16%;font-size: 2.5rem;} }
 				@media screen and (min-width: 700px) and (max-width: 859px) { .creative h2.tagline { left:50%;transform:translateX(-50%);font-size: 8rem;line-height: 1.2;top: 10%;width: 100%;text-align: center;} }
 				@media screen and (min-width: 580px) and (max-width: 699px) { .creative h2.tagline { left:50%;transform:translateX(-50%);font-size: 6.5rem;line-height: 1.2;top: 13%;width: 100%;text-align: center;} }
 				@media screen and (min-width: 310px) and (max-width: 579px) { .creative h2.tagline { left:50%;transform:translateX(-50%);font-size: 5.0rem;line-height: 1.2;top: 13%;width: 100%;text-align: center;} }
	/*   XS1 */ @media screen and (min-width: 480px) and (max-width: 579px) { .creative h2.tagline { left:50%;transform:translateX(-50%);font-size: 5.0rem;line-height: 1.2;top: 13%;width: 100%;text-align: center;} }
	/*   XS2 */ @media screen and (min-width: 380px) and (max-width: 479px) { .creative h2.tagline {left:50%;transform:translateX(-50%);font-size: 3rem;line-height: 1.2;top: 26%;width: 100%;text-align: center;} }
	/*   XS3 */ @media screen and (min-width: 310px) and (max-width: 379px) { .creative h2.tagline {left:50%;transform:translateX(-50%);font-size: 3rem;line-height: 1.2;top: 26%;width: 100%;text-align: center;} }
				@media screen and (min-width:   0px) and (max-width: 309px) { .creative h2.tagline {left:50%;transform:translateX(-50%);font-size: 3rem;line-height: 1.2;top: 53%;width: 70%;text-align: center;} }
				
				.creative h1.main-title {
					position: relative;
					color: white;
					left: 0%;
					top: 24%;
					/*transform: translate(-25%, -50%);*/
					width: 93%;
					height: 96%;
				}
				.creative h1.main-title .line {
					display: block;
					position: relative;
					overflow: hidden;
					text-indent: -1000em;
					line-height: 1;
					color:black;
					background-size: contain;
					background-repeat: no-repeat;
					background-position: center;
					width: 100%;
					/* outline: 1px solid red; */
				}
				.creative h1.main-title .line:nth-child(1) {
					height: 50%;
				}
				.creative h1.main-title .line:nth-child(2) {
					height: 12%;
					margin: -29px 0 0 -213px;
				}
				.creative h1.main-title .line:nth-child(3) {
					height: 34%;
					left: 50%;
					margin: -150px 0 0 0px;
					width: 70%;
					transform: translateX(-50%);
				}
				.creative h1.main-title .line:nth-child(4) {
					height: 10%;
					left: 5%;
					top: -20px;
				}
				.creative h1.main-title sup {
                    font-size: 0.5em;
				}
				.creative h1.main-title span.line:nth-child(1) { background-image:url(../../images/elements/title-1-1.svg); }
				.creative h1.main-title span.line:nth-child(2) {background-image:url(../../images/elements/title-1-2.svg); }
				.creative h1.main-title span.line:nth-child(3) { background-image:url(../../images/elements/title-1-3.svg); }
				.creative h1.main-title span.line:nth-child(4) { background-image:url(../../images/elements/title-1-4.svg); }

				
				
				@media screen and (min-width:1600px)                        {}
				@media screen and (min-width:1440px) and (max-width:1599px) {}
				@media screen and (min-width:1240px) and (max-width:1439px) {}
				@media screen and (min-width:1040px) and (max-width:1239px) {}
				@media screen and (min-width: 960px) and (max-width:1039px) { .creative h1.main-title { font-size: 5.5rem;width: 97%;top: 9%;height: 105%;} }
 				@media screen and (min-width: 860px) and (max-width: 959px) { .creative h1.main-title { height: 107%;width: 79%;left: 9%;top: 24%;} }
 				@media screen and (min-width: 700px) and (max-width: 859px) { .creative h1.main-title { left:50%;transform:translateX(-50%);text-align: center;font-size: 4.5rem;height: 77%;top: 21%;} }
 				@media screen and (min-width: 580px) and (max-width: 699px) { .creative h1.main-title { left: 49%;transform:translateX(-50%);text-align: center;font-size: 3.5rem;height: 82%;top: 23%;} }
	/*   XS1 */ @media screen and (min-width: 480px) and (max-width: 579px) { .creative h2.main-title { left: 49%;transform:translateX(-50%);text-align: center;font-size: 3.5rem;height: 82%;top: 23%;} }
	/*   XS2 */ @media screen and (min-width: 380px) and (max-width: 479px) { .creative h2.main-title { left: 49%;transform:translateX(-50%);text-align: center;font-size: 3.5rem;height: 82%;top: 23%;} }
	/*   XS3 */ @media screen and (min-width: 310px) and (max-width: 379px) { .creative h2.main-title { left: 49%;transform:translateX(-50%);text-align: center;font-size: 3.5rem;height: 82%;top: 23%;} }
 				@media screen and (min-width: 310px) and (max-width: 579px) { .creative h1.main-title {left:50%;transform:translateX(-50%);text-align: center;font-size: 3.2rem;top: 32%;} }
				@media screen and (min-width:   0px) and (max-width: 309px) { .creative h1.main-title {left:50%;transform:translateX(-50%);text-align: center;font-size: 3.2rem;top: 60%;} }

				@media screen and (min-width: 960px) and (max-width:1039px) { .creative h1.main-title .line:nth-child(1) { } }
 				@media screen and (min-width: 860px) and (max-width: 959px) { .creative h1.main-title .line:nth-child(1) { } }
 				@media screen and (min-width: 700px) and (max-width: 859px) { .creative h1.main-title .line:nth-child(1) { } }
 				@media screen and (min-width: 580px) and (max-width: 699px) { .creative h1.main-title .line:nth-child(1) { } }
	/*   XS1 */ @media screen and (min-width: 480px) and (max-width: 579px) { .creative h2.main-title .line:nth-child(1) { } }
	/*   XS2 */ @media screen and (min-width: 380px) and (max-width: 479px) { .creative h2.main-title .line:nth-child(1) { } }
	/*   XS3 */ @media screen and (min-width: 310px) and (max-width: 379px) { .creative h2.main-title .line:nth-child(1) { } }
 				@media screen and (min-width: 310px) and (max-width: 579px) { .creative h1.main-title .line:nth-child(1) {height: 180px;width: 430px;left: 50%;transform: translateX(-50%);} }
				@media screen and (min-width:   0px) and (max-width: 309px) { .creative h1.main-title .line:nth-child(1) {height: 180px;width: 290px;left: 50%;transform: translateX(-50%);} }

				@media screen and (min-width: 960px) and (max-width:1039px) { .creative h1.main-title .line:nth-child(2) { } }
 				@media screen and (min-width: 860px) and (max-width: 959px) { .creative h1.main-title .line:nth-child(2) { } }
 				@media screen and (min-width: 700px) and (max-width: 859px) { .creative h1.main-title .line:nth-child(2) { } }
 				@media screen and (min-width: 580px) and (max-width: 699px) { .creative h1.main-title .line:nth-child(2) { } }
	/*   XS1 */ @media screen and (min-width: 480px) and (max-width: 579px) { .creative h2.main-title .line:nth-child(2) { } }
	/*   XS2 */ @media screen and (min-width: 380px) and (max-width: 479px) { .creative h2.main-title .line:nth-child(2) { } }
	/*   XS3 */ @media screen and (min-width: 310px) and (max-width: 379px) { .creative h2.main-title .line:nth-child(2) { } }
 				@media screen and (min-width: 310px) and (max-width: 579px) { .creative h1.main-title .line:nth-child(2) {height: 80px;margin: 19px 0 0 -130px;} }
				@media screen and (min-width:   0px) and (max-width: 309px) { .creative h1.main-title .line:nth-child(2) {height: 60px;margin: 19px 0 0 -130px;width: 300px;top: -40px;} }

				@media screen and (min-width: 960px) and (max-width:1039px) { .creative h1.main-title .line:nth-child(3) { } }
 				@media screen and (min-width: 860px) and (max-width: 959px) { .creative h1.main-title .line:nth-child(3) { } }
 				@media screen and (min-width: 700px) and (max-width: 859px) { .creative h1.main-title .line:nth-child(3) { } }
 				@media screen and (min-width: 580px) and (max-width: 699px) { .creative h1.main-title .line:nth-child(3) { } }
	/*   XS1 */ @media screen and (min-width: 480px) and (max-width: 579px) { .creative h2.main-title .line:nth-child(3) { } }
	/*   XS2 */ @media screen and (min-width: 380px) and (max-width: 479px) { .creative h2.main-title .line:nth-child(3) { } }
	/*   XS3 */ @media screen and (min-width: 310px) and (max-width: 379px) { .creative h2.main-title .line:nth-child(3) { } }
 				@media screen and (min-width: 310px) and (max-width: 579px) { .creative h1.main-title .line:nth-child(3) {height: 150px;width: 260px;left: 50%;transform: translateX(-50%);} }
 				@media screen and (min-width:   0px) and (max-width: 309px) { .creative h1.main-title .line:nth-child(3) {height: 138px;width: 170px;left: 50%;transform: translateX(-50%);} }

				@media screen and (min-width: 960px) and (max-width:1039px) { .creative h1.main-title .line:nth-child(4) { } }
 				@media screen and (min-width: 860px) and (max-width: 959px) { .creative h1.main-title .line:nth-child(4) { } }
 				@media screen and (min-width: 700px) and (max-width: 859px) { .creative h1.main-title .line:nth-child(4) { } }
 				@media screen and (min-width: 580px) and (max-width: 699px) { .creative h1.main-title .line:nth-child(4) { } }
	/*   XS1 */ @media screen and (min-width: 480px) and (max-width: 579px) { .creative h2.main-title .line:nth-child(4) { } }
	/*   XS2 */ @media screen and (min-width: 380px) and (max-width: 479px) { .creative h2.main-title .line:nth-child(4) { } }
	/*   XS3 */ @media screen and (min-width: 310px) and (max-width: 379px) { .creative h2.main-title .line:nth-child(4) { } }
 				@media screen and (min-width: 310px) and (max-width: 579px) { .creative h1.main-title .line:nth-child(4) {height: 50px;top: -10px;} }
 				@media screen and (min-width:   0px) and (max-width: 309px) { .creative h1.main-title .line:nth-child(4) {height: 50px;top: -26px;} }

				@media screen and (min-width:1600px)                        { .creative h1.main-title .line {height: 60px;} }
				@media screen and (min-width:1440px) and (max-width:1599px) { .creative h1.main-title .line { height: 300px; } }
				@media screen and (min-width:1240px) and (max-width:1439px) { .creative h1.main-title .line { height: 300px; } }
				@media screen and (min-width:1040px) and (max-width:1239px) { .creative h1.main-title .line { height: 300px; } }
				@media screen and (min-width: 960px) and (max-width:1039px) { .creative h1.main-title .line { height: 300px; } }
 				@media screen and (min-width: 860px) and (max-width: 959px) { .creative h1.main-title .line { height: 250px; } }
 				@media screen and (min-width: 700px) and (max-width: 859px) { .creative h1.main-title .line { height: 200px; } }
 				@media screen and (min-width: 580px) and (max-width: 699px) { .creative h1.main-title .line { height: 200px; } }
 				@media screen and (min-width: 310px) and (max-width: 579px) { .creative h1.main-title .line { height: 200px; } }
 				@media screen and (min-width:   0px) and (max-width: 309px) { .creative h1.main-title .line { height: 200px; } }

				.creative .dates {
					position: absolute;
					width: 100%;
					font-size: 2.5rem;
					line-height: 1.1;
					top: 126%;
					text-align: right;
				}
				.creative .dates h3.date {
                    font-family: Metric;
                    font-weight: 500;
                    font-style: normal;
                    font-size: inherit;
                    line-height: inherit;
                    margin: 5px 0 0 0;
                    padding: 0;
                    letter-spacing: 0.15pt;
                }
				.creative .dates h3.date span:nth-child(1) {color: #14519c;);}
				.creative .dates h3.date span:nth-child(2) {/* color: #ffffff; */font-family: Metric; font-weight: 700; }
                
				@media screen and (min-width:1600px)                        {}
				@media screen and (min-width:1440px) and (max-width:1599px) {}
				@media screen and (min-width:1240px) and (max-width:1439px) { .creative .dates { text-align: center;top: 153%;} }
				@media screen and (min-width:1040px) and (max-width:1239px) { .creative .dates { text-align: center;top: 150%;} }
				@media screen and (min-width: 960px) and (max-width:1039px) { .creative .dates { text-align: center;top: 135%;} }
 				@media screen and (min-width: 860px) and (max-width: 959px) { .creative .dates { text-align: center;top: 164%;} }
 				@media screen and (min-width: 700px) and (max-width: 859px) { .creative .dates { text-align: center;font-size: 2.3rem;} }
 				@media screen and (min-width: 580px) and (max-width: 699px) { .creative .dates {text-align: center;font-size: 1.7rem;top: 108%;} }
 				@media screen and (min-width: 490px) and (max-width: 579px) { .creative .dates {text-align: center;font-size: 1.7rem;top: 148%;} }
 				@media screen and (min-width: 310px) and (max-width: 489px) { .creative .dates {text-align: center;font-size: 1.7rem;top: 132%;} }
				@media screen and (min-width:   0px) and (max-width: 309px) { .creative .dates {text-align: center;font-size: 1.5rem;top: 151%;} }
                
				.creative .badge {
					position: absolute;
					/* top: 13%; */
					right: -40px;
					bottom: -24%;
					/* left: 5%; */
					width: 580px;
					height: 200px;
					background-image: url("../../images/elements/discount-1.positive.webp");
					background-size: contain;
					background-repeat: no-repeat;
				}
                /*
				.creative .badge {
					position: absolute;
					top: 5%; left: 70%;
					bottom: 0; right: 0;
					width: 350px;
					height: 300px;
                    transform: rotate(-3deg);
				}
				.creative .badge:before {
					display: block;
					content:" ";
					position: absolute;
					width: 100%;
					height: 100%;
					margin: 0 0 0 0;
					pointer-events: none;
					background-image: url("../../images/elements/badge.red.svg");
					background-size: contain;
					background-repeat: no-repeat;
				}
				.creative .badge .lines span {
					display: block;
					position: relative;
                    font-family: NexaRustSansBlack;
					font-size: 1.5rem;
					line-height: 1;
					color: white;
                    text-align: left;
				}
				.creative .badge .lines span:nth-child(1) { display: block; margin: 45px 0 0 60px; font-size: 5rem; }
                .creative .badge .lines span:nth-child(2) { display: block; margin: 0 0 0 30px; }
				.creative .badge .lines span:nth-child(2) > span:nth-child(1) { display:inline-block; margin: 0 0 0 0; font-size:15rem; letter-spacing: -5px; }
				.creative .badge .lines span:nth-child(2) > span:nth-child(2) { display:inline-block; margin: 0 0 0 -15px; font-size: 6rem; line-height: 6rem; top:-60px; }
				.creative .badge .lines span:nth-child(3) { display: block; margin: -20px 0 0 40px; font-size: 2.2rem; }
				*/
				@media screen and (min-width:1600px)                        {}
				@media screen and (min-width:1440px) and (max-width:1599px) { .creative .badge {} }
				@media screen and (min-width:1240px) and (max-width:1439px) { .creative .badge { bottom: -50%; } }
				@media screen and (min-width:1040px) and (max-width:1239px) { .creative .badge { bottom: -47%; } }
				@media screen and (min-width: 960px) and (max-width:1039px) { .creative .badge { bottom: -33%;} }
 				@media screen and (min-width: 860px) and (max-width: 959px) { .creative .badge { bottom: -60%;} }
 				@media screen and (min-width: 700px) and (max-width: 859px) { .creative .badge { bottom: -20%;} }
 				@media screen and (min-width: 580px) and (max-width: 699px) { .creative .badge {bottom: -9%;width: 450px;right: -14px;} }
 				@media screen and (min-width: 490px) and (max-width: 579px) { .creative .badge {bottom: -48%;width: 450px;right: 26px;} }
 				@media screen and (min-width: 310px) and (max-width: 489px) { .creative .badge { bottom: -19%; width: 450px;right: -14px;} }
	/*   XS1 */ @media screen and (min-width: 480px) and (max-width: 579px) { .creative .badge {bottom: -49%;width: 450px;right: -14px;} }
	/*   XS2 */ @media screen and (min-width: 380px) and (max-width: 479px) { .creative .badge { bottom: -38%;width: 315px;right: -5px;} }
	/*   XS3 */ @media screen and (min-width: 310px) and (max-width: 379px) { .creative .badge { bottom: -38%;width: 315px;right: -5px;} }
				@media screen and (min-width:   0px) and (max-width: 309px) { .creative .badge {bottom: -62%;width: 234px;right: -5px;} }
				

				
				h2.title {
					font-family: Metric;
					font-weight: 500;
					font-size: 7.3rem;
					line-height: 1.2;
					margin: 0 0 35px 0;
					text-align: center;
					text-transform: uppercase;
				}
				@media screen and (min-width:1600px)                        { h2.title {} }
				@media screen and (min-width:1440px) and (max-width:1599px) { h2.title {} }
				@media screen and (min-width:1240px) and (max-width:1439px) { h2.title {} }
				@media screen and (min-width:1040px) and (max-width:1239px) { h2.title {} }
				@media screen and (min-width: 960px) and (max-width:1039px) { h2.title { text-align: center;} }
				@media screen and (min-width: 860px) and (max-width: 959px) { h2.title { text-align: center;} }
				@media screen and (min-width: 700px) and (max-width: 859px) { h2.title { text-align: center;} }
				@media screen and (min-width: 580px) and (max-width: 699px) { h2.title { text-align: center; font-size: 3.3rem;} }
				@media screen and (min-width: 310px) and (max-width: 579px) { h2.title {text-align: center;font-size: 3.3rem;/* text-wrap: balance; */} }
				@media screen and (min-width:   0px) and (max-width: 309px) { h2.title { text-align: center; font-size: 3.3rem;} }
				
				h2.title b {
					font-family: Metric;
					font-weight: 700;
					background-color: #be2539;
					color: white;
					padding: 5px 15px;
					border-radius: 5px;
					display: inline-block;
					margin: 0 0.05em;
				}
				
				.inset {
					padding: 0 50px 0 50px;
				}
				@media screen and (min-width:1600px)                        { .inset {padding: 30px 0 0 0;} }
				@media screen and (min-width:1440px) and (max-width:1599px) { .inset { padding:0 20px 0 20px; } }
				@media screen and (min-width:1240px) and (max-width:1439px) { .inset { padding:0 20px 0 20px; } }
				@media screen and (min-width:1040px) and (max-width:1239px) { .inset { padding:0 20px 0 20px; } }
				@media screen and (min-width: 960px) and (max-width:1039px) { .inset { padding:0 20px 0 20px; } }
				@media screen and (min-width: 860px) and (max-width: 959px) { .inset { padding:0 20px 0 20px; } }
				@media screen and (min-width: 700px) and (max-width: 859px) { .inset { padding:0 20px 0 20px; } }
				@media screen and (min-width: 580px) and (max-width: 699px) { .inset { padding:0 20px 0 20px; } }
				@media screen and (min-width: 310px) and (max-width: 579px) { .inset { padding:0 20px 0 20px; } }
				@media screen and (min-width:   0px) and (max-width: 309px) { .inset { padding:0 20px 0 20px; } }
				
				.inset .campaign-description .copies {
                    column-count: 2;
                    column-gap: 25px;
                }
				@media screen and (min-width:1600px)                        { .inset .campaign-description .copies { column-count:2; } }
				@media screen and (min-width:1440px) and (max-width:1599px) { .inset .campaign-description .copies { column-count:2; } }
				@media screen and (min-width:1240px) and (max-width:1439px) { .inset .campaign-description .copies { column-count:2; } }
				@media screen and (min-width:1040px) and (max-width:1239px) { .inset .campaign-description .copies { column-count:1; } }
				@media screen and (min-width: 960px) and (max-width:1039px) { .inset .campaign-description .copies { column-count:1; } }
				@media screen and (min-width: 860px) and (max-width: 959px) { .inset .campaign-description .copies { column-count:1; } }
				@media screen and (min-width: 700px) and (max-width: 859px) { .inset .campaign-description .copies { column-count:1; } }
				@media screen and (min-width: 580px) and (max-width: 699px) { .inset .campaign-description .copies { column-count:1; } }
				@media screen and (min-width: 310px) and (max-width: 579px) { .inset .campaign-description .copies { column-count:1; } }
				@media screen and (min-width:   0px) and (max-width: 309px) { .inset .campaign-description .copies { column-count:1; } }
                
				.inset .campaign-description p {
					font-family: Metric;
					font-weight: 300;
					color: #333333;
					text-align: justify;
					margin: 0;
					font-size:1.7rem;
					line-height: 1.5;
				}
				@media screen and (min-width:1600px)                        { .inset .campaign-description p { } }
				@media screen and (min-width:1440px) and (max-width:1599px) { .inset .campaign-description p { } }
				@media screen and (min-width:1240px) and (max-width:1439px) { .inset .campaign-description p { } }
				@media screen and (min-width:1040px) and (max-width:1239px) { .inset .campaign-description p { } }
				@media screen and (min-width: 960px) and (max-width:1039px) { .inset .campaign-description p { } }
				@media screen and (min-width: 860px) and (max-width: 959px) { .inset .campaign-description p { } }
				@media screen and (min-width: 700px) and (max-width: 859px) { .inset .campaign-description p { } }
				@media screen and (min-width: 580px) and (max-width: 699px) { .inset .campaign-description p { } }
				@media screen and (min-width: 310px) and (max-width: 579px) { .inset .campaign-description p { } }
				@media screen and (min-width:   0px) and (max-width: 309px) { .inset .campaign-description p { } }
				
				.campaign-products {
					margin: 35px 0 0 0;
				}
				.campaign-products ul {
					width: calc(100% + 25px);
					list-style: none;
					margin: 0;
					padding: 0;
					font-size: 0;
					line-height: 0;
				}
				.campaign-products ul li {
					display: inline-block;
					position: relative;
					vertical-align: top;
					margin: 0 25px 25px 0;
					padding: 0;
					background-image: none;
					background-repeat: no-repeat;
					background-size: cover;
					background-color: white;
					box-shadow: 0 0 40px 0 rgba(0,0,0,0.15);
					background-color: rgba(180,225,196,1.00);
					background-color: transparent;
					/* box-shadow: none; */
					outline: 1px solid orange;
					outline: none;
					overflow: hidden;
					border-radius: 10px;
				}
				.campaign-products ul li figure {
                    position: relative;
                    width: auto;
                    height: auto;
                    background-size: contain;
                    background-position: center;
                    margin: 0 0 -20px 0;
                    top: -5px;
				}	
				.campaign-products ul li figcaption {
					display: block;
					position: relative;
					margin: 0;
					padding: 0;
					min-height: 180px;
					color: black;
				}
				.campaign-products ul li figcaption * { color: inherit; }
				.campaign-products ul li figcaption .product-copies {
				text-align: center;
				}
				.campaign-products ul li figcaption .product-copies > .name {
					font-family: Metric;
					font-weight: 600;
					font-size: 2.25rem;
					line-height: 1.1;
					margin: 0 0 0 0;
					color: #000000;
					hyphens: none;
					text-wrap: balance;
					word-wrap: normal;
					text-transform:uppercase;
					text-align: center;
					-webkit-font-smoothing: antialiased;
				}
				.campaign-products ul li figcaption .product-copies > .description {
					font-family: Metric;
					font-weight: 300;
					font-size: 2.5rem;
					line-height: 1.2;
					color: #333333;
					text-align: center;
				}
				.campaign-products ul li figcaption .product-copies > .description:after {
					content:".";
					color:white;
				}
				.campaign-products ul li figcaption .product-copies > .description em {
					font-style: normal;
				}
				.campaign-products ul li figcaption .product-copies > .description em:after {
					font-family: Metric;
					font-weight: 700;
					display: inline-block;
					content:"•";
					margin: 0 5px 0 5px;
					color: #D13D30;
				}
				.campaign-products ul li figcaption .product-copies > .description em:last-child:after { display: none; }
				
				.campaign-products ul li figcaption .product-copies > .price {
					width: calc(100% - 120px);
					padding: 0;
					margin: 20px 0 0 15px;
					text-transform: none;
					color: black;
					font-size: 0;
					line-height: 0;
					outline: 1px solid orange;
					outline:0;
					text-align: left;
				}
				.campaign-products ul li .product-copies > .price:before {
				}
				.campaign-products ul li .product-copies > .price .prc-old, 
				.campaign-products ul li .product-copies > .price .prc-new {
					display: block;
					position: relative;
					font-size: 1.80rem;
					line-height: 1.1;
					white-space: nowrap;
					font-weight: 300;
				}
				
				.campaign-products ul li .product-copies > .price .prc-new {text-align: left;font-family: Metric;font-weight:700;font-size: 4rem;}

				.campaign-products ul li .product-copies > .price .prc-new:before,
				.campaign-products ul li .product-copies > .price .prc-new:after {
					content:"";
					display:block;
					border-top:2px dotted black;
				}

				.campaign-products ul li .product-copies > .price .prc-old {text-align: right;color: #818282;position: absolute;right: 105px;bottom: 15px;}
				
				.campaign-products ul li .product-copies > .price .prc-old:before {
					display: inline-block;
					position: relative;
					float: left;
					content:" ";
					background-image: url("../../images/elements/stripe.webp");
					background-position: center right;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					width: calc(100% + 15px);
					height: 25px;
					margin-bottom: -25px;
					background-position: center center;
					opacity: 0.4;
					color: #828282;
					left: -5px;
					top: 0px;
					outline: 0px dotted red;
					transform:rotate(-8deg);
					overflow: hidden;
					opacity: 0.5;
				}
				.campaign-products ul li > .footnote {
					position: relative;
				}
				.campaign-products ul li > .footnote p {
					font-family: Metric;
					font-weight: 500;
					font-size: 1.1rem;
					line-height: 1.2;
					color: #333333;
				}
				.campaign-products ul li > .footnote p:before { content:"* "}
				.campaign-products ul li > .footnote p:empty { display: none; }
				
				
				
                /* Badge */
				
				.campaign-products ul li .badge {
					position: absolute;
					width: 90px;
					height: 90px;
					line-height: 90px;
					margin: 0;
					background-color: #be2539;
					color:white;
					font-family: Metric;
					font-weight: 600;
					font-size: 4.0rem;
					letter-spacing: 1px;
					text-align: center;
					bottom: 0px;
					right: 0;
					white-space: nowrap;
					border-radius: 3px;
				}
				.campaign-products ul li .badge:before {
					content:"-";
					display: inline-block;
					position: relative;
					top: -5px;
					font-size: 0.6em;
				}
				.campaign-products ul li .badge:after {
					content:"%";
					display: inline-block;
					font-family: Metric;
					font-weight: 700;
					font-size: 0.8em;
				}
				
				
                /* Amount */
				
				.campaign-products ul li .amount {
                    position: absolute;
                    left: 8px;
                    bottom: 7px;
                    width: 150px;
                    height: 53px;
                    text-align: left;
                }
				.campaign-products ul li .amount i {
                    display: inline-block;
                    vertical-align: top;
                    width: 24px;
                    height: 12px;
                    border: 7px solid black;
                    margin: 18px 0 0 5px;
                    background-color:black;
                    background-image: url("../../images/logo/aeg/white.webp");
                    background-repeat: no-repeat;
                    background-size: contain;
                    background-position: center center;
                    border-radius:5px;
                }
				.campaign-products ul li .amount i:before {
                
                }
				.campaign-products ul li .amount em {
                    display: inline-block;
                    vertical-align: top;
                    font-family: Metric;
                    font-weight: 300;
                    font-size: 3.5rem;
                    line-height: 60px;
                    color: black;
                    text-align: center;
                    font-style: normal;
                }
                .campaign-products ul li .amount em:before {content: "+";}
                
				
				/* XXXXL */	@media screen and (min-width:1600px) {
					.campaign-products ul li {width: calc( 25.00% - 25px);}
					.campaign-products ul li figure {width: 100%;height: auto;aspect-ratio: 1/1;}
					.campaign-products ul li figcaption .product-copies > .name:before { top: -3px; }
				}
				/* XXXL */	@media screen and (min-width:1440px) and (max-width:1599px) {
					.campaign-products ul li {width: calc( 25.00% - 25px);}
					.campaign-products ul li figure {/* width: 400px; */height:300px;}
					.campaign-products ul li figcaption .product-copies > .name:before { top: -3px; }
				}
				/* XXL */	@media screen and (min-width:1240px) and (max-width:1439px) {
					.campaign-products ul li {width: calc( 33.33% - 25px);}
					.campaign-products ul li figure {width: 100%;height:250px;background-position: center;left: 0!important;}
					.campaign-products ul li figcaption {/* min-height: 350px; */}
					.campaign-products ul li figcaption .product-copies .name { font-size: 2.1rem; }
					.campaign-products ul li figcaption .product-copies > .name:before { top: -3px; }
				}
				/* XL */	@media screen and (min-width:1040px) and (max-width:1239px) {
					.campaign-products ul li {width: calc( 33.33% - 25px);}
					.campaign-products ul li figure { height:340px; }
					.campaign-products ul li figcaption .product-copies > .name:before { top: -3px; }
					.campaign-products ul li figcaption .product-copies > .description { font-size: 1.8rem;}
					.campaign-products ul li > .footnote { left: 50%; }
				}
				/* L */	@media screen and (min-width: 960px) and (max-width:1039px) {
					.campaign-products ul li {width: calc( 50% - 25px);}
					.campaign-products ul li figure { height:330px; }
					.campaign-products ul li figcaption .product-copies > .name:before { top: -3px; }
					.campaign-products ul li figcaption .product-copies > .description { font-size: 1.8rem;}
					.campaign-products ul li > .footnote { left: 50%; }
				}
				/* M */	@media screen and (min-width: 860px) and (max-width: 959px) {
					.campaign-products ul li {width: calc( 50% - 25px);}
					.campaign-products ul li figure { height:320px; }
					.campaign-products ul li figcaption .product-copies > .name:before { top: -3px; }
					.campaign-products ul li figcaption .product-copies > .description { font-size: 1.8rem;}
					.campaign-products ul li > .footnote { left: 50%; }
				}
				/* MS */	@media screen and (min-width: 700px) and (max-width: 859px) {
					.campaign-products ul li {width: calc( 50% - 25px);}
					.campaign-products ul li figure { height:310px; }
					.campaign-products ul li figcaption { padding-top:6%; }
					.campaign-products ul li figcaption .product-copies > .name:before { top: -3px; }
					.campaign-products ul li figcaption .product-copies > .description { font-size: 1.8rem;}
				}
				/* S-XXXS */	@media screen and (min-width: 0px) and (max-width: 699px) {
					.campaign-products { margin: 25px 0 15px 0; }
					.campaign-products ul li {
						width: calc( 100% - 25px);
						height: auto;
						margin-bottom: 25px;
					}
					.campaign-products ul li figure {
						/* position: relative; */
						/* width: 100%; */
						height:310px;
						/* background-size: contain; */
					}
					.campaign-products ul li figcaption {
						/* position: relative; */
						/* width: calc(100% - 40px); */
						/* padding-top:0; */
						/* min-height: 0; */
					}
					.campaign-products ul li figcaption .product-copies {
						/* text-align: left; */
						/* transform: none; */
						/* bottom: 85px; */
						/* transform: translateY(-50%); */
						/* position: absolute; */
					}
					.campaign-products ul li figcaption .product-copies > .name {/* text-align: left; */}
					.campaign-products ul li figcaption .product-copies > .description {/* text-align: left; *//* margin-bottom: 25px; */}
					.campaign-products ul li figcaption .product-copies > .name:before { display: inline-block; margin: 0 5px 0 0; }
					.campaign-products ul li figcaption .product-copies > .price {/* margin: 15px 0 0 0; */}
					.campaign-products ul li figcaption .product-copies > .price .prc-old, .campaign-products ul li figcaption .product-copies > .price .prc-new {/* text-align: left; *//* position: relative; *//* right: auto; *//* bottom: auto; */}
					.campaign-products ul li .amount {/* text-align: left; *//* left: 50%; *//* top: auto; *//* bottom: 15px; */}
					.campaign-products ul li .badge {/* bottom: auto; *//* top: -15px; *//* right: 0px; */}
				}
				
				/* XS */
				@media screen and (min-width: 310px) and (max-width: 579px) {
					.campaign-products ul li { width:calc(100.00% - 35px); margin-bottom: 30px; }
					.campaign-products ul li figure {
						/* position: relative; */
						/* width: 80%; */
						/* height:210px; */
					}
				}
				/* XXS */
				@media screen and (min-width:   0px) and (max-width: 309px) {
					.campaign-products ul li { width:calc(100.00% - 35px); margin-bottom: 30px; }
					.campaign-products ul li figure { height:210px; }
				}
				/* XXXS */
				@media screen and (min-width:   0px) and (max-width: 1239px) {
					.campaign-products ul li:before { display: none!important; }
					.campaign-products ul li figure {/* width: 50%; *//* float: left; *//* top: -25px; */}
					.campaign-products ul li figcaption {/* width: calc(100% - 310px); *//* background-color: navajowhite; *//* background-color:transparent; *//* float: right; *//* top: 0; *//* text-align: left; *//* left: 50%; *//* height: 310px; *//* position: relative; */}
					.campaign-products ul li[data-label="George-Foreman-Fit-large-grill"]                     figure { XXXright:53%!important; }
					.campaign-products ul li[data-label="George-Foreman-Flexe-grill-es-panini"]               figure {  }
					.campaign-products ul li[data-label="George-Foreman-Immersa-medium-grill"]                figure {  }
					.campaign-products ul li[data-label="George-Foreman-Kulteri-belteri-allo-grill"]          figure {  }
					.campaign-products ul li[data-label="Russell-Hobbs-Desire-matte-charcoal-3in1-botmixer"]  figure { XXright:53%!important; }
					.campaign-products ul li[data-label="Russell-Hobbs-Explore-mix-and-go-cool-mini-turmix"]  figure {  }
					.campaign-products ul li[data-label="Russell-Hobbs-Inox-so-es-borsorlo-szett"]            figure {  }
					.campaign-products ul li[data-label="Russell-Hobbs-Sous-vide-es-lassufozo-edeny"]         figure {  }
				}

				/* XXXXL */ @media screen and (min-width:1600px)                        {
				}
				/*  XXXL */ @media screen and (min-width:1440px) and (max-width:1599px) {
				}
				/*   XXL */ @media screen and (min-width:1240px) and (max-width:1439px) {
				}
				/*    XL */ @media screen and (min-width:1040px) and (max-width:1239px) {
				}
				/*     L */ @media screen and (min-width: 960px) and (max-width:1039px) {
				}
				/*     M */ @media screen and (min-width: 860px) and (max-width: 959px) {
				}
				/*    MS */ @media screen and (min-width: 700px) and (max-width: 859px) {
				}
				/*     S */ @media screen and (min-width: 580px) and (max-width: 699px) {
				}
				/*    XS */ @media screen and (min-width: 310px) and (max-width: 579px) {
				}
				/*   XS1 */ @media screen and (min-width: 480px) and (max-width: 579px) {
				}
				/*   XS2 */ @media screen and (min-width: 380px) and (max-width: 479px) {
					.campaign-products ul li figure { height:210px; } {}
					.campaign-products ul li figcaption { height:210px; } {}
				}
				/*   XS3 */ @media screen and (min-width: 310px) and (max-width: 379px) {
				}
				/*   XXS */ @media screen and (min-width:   0px) and (max-width: 309px) {
				}

				



/* BROWSER HACKS */


	/* INPUT BOXES */
	
		/* Chrome, Safari, Edge, Opera */

			input::-webkit-outer-spin-button,
			input::-webkit-inner-spin-button {
			-webkit-appearance: none;
			margin: 0;
			}

		/* Firefox */

			input[type=number] {
			  -moz-appearance: textfield;
			}


	
/*							*/
/*	DEBUG					*/
/*							*/

	/* responsibles */

	body.loc-development:before {
		content:" ";
		display: block;
		position: fixed;
		right: 0;
		bottom: 0;
		width: auto;
		background-color: #FFFFFF55;
		box-shadow: 0 0 15px 0 #00000055;
		z-index: 9999999;
		font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
		font-size: 14px;
		line-height: 14px;
		color: black;
		padding: 10px 15px 10px 15px;
		border-left: 20px solid black;
	}
	/* XXXXL */ @media screen and (min-width:1600px)                        { body.loc-development:before { content:" XXXXL 1600px- ";     border-left-color:#F8FF20; } }
	/*  XXXL */ @media screen and (min-width:1440px) and (max-width:1599px) { body.loc-development:before { content:" XXXL  1440-1599px "; border-left-color:#00FF1B; } }
	/*   XXL */ @media screen and (min-width:1240px) and (max-width:1439px) { body.loc-development:before { content:" XXL   1240-1439px "; border-left-color:#0085AA; } }
	/*    XL */ @media screen and (min-width:1040px) and (max-width:1239px) { body.loc-development:before { content:" XL    1040-1239px "; border-left-color:#02CEB5; } }
	/*     L */ @media screen and (min-width: 960px) and (max-width:1039px) { body.loc-development:before { content:" L      960-1039px "; border-left-color:#0ED773; } }
	/*     M */ @media screen and (min-width: 860px) and (max-width: 959px) { body.loc-development:before { content:" M      860-959px ";  border-left-color:#44D70E; } }
	/*    MS */ @media screen and (min-width: 700px) and (max-width: 859px) { body.loc-development:before { content:" MS     700-859px ";  border-left-color:#A0D70E; } }
	/*     S */ @media screen and (min-width: 580px) and (max-width: 699px) { body.loc-development:before { content:" S      580-699px ";  border-left-color:#D7CC0E; } }
	/*    XS */ @media screen and (min-width: 310px) and (max-width: 579px) { body.loc-development:before { content:" XS     310-579px ";  border-left-color:#D7A60E; } }
	/*   XS1 */ @media screen and (min-width: 480px) and (max-width: 579px) { body.loc-development:before { content:" XS1    480-579px ";  border-left-color:#EFB910; } }
	/*   XS2 */ @media screen and (min-width: 380px) and (max-width: 479px) { body.loc-development:before { content:" XS2    380-479px ";  border-left-color:#EFDD10; } }
	/*   XS3 */ @media screen and (min-width: 310px) and (max-width: 379px) { body.loc-development:before { content:" XS3    310-379px ";  border-left-color:#E3EF10; } }
	/*   XXS */ @media screen and (min-width:   0px) and (max-width: 309px) { body.loc-development:before { content:" XXS      0-309px ";  border-left-color:#B1570B; } }

	body.loc-development .cols {
		outline: 1px dashed #12CE8D;
	}